diff --git a/.editorconfig b/.editorconfig
index c24743d..446bb3e 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -4,4 +4,4 @@ indent_size = 2
 end_of_line = lf
 trim_trailing_whitespace = true
 insert_final_newline = true
-max_line_length = 100
+max_line_length = 80
diff --git a/.eslintrc.js b/.eslintrc.js
index 27d2566..a272b1d 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,57 +1,60 @@
-require('@rushstack/eslint-patch/modern-module-resolution');
+require("@rushstack/eslint-patch/modern-module-resolution");
 
-const path = require('node:path');
-const createAliasSetting = require('@vue/eslint-config-airbnb/createAliasSetting');
+const path = require("node:path");
+const createAliasSetting = require("@vue/eslint-config-airbnb/createAliasSetting");
 
 module.exports = {
   root: true,
   env: {
     es2021: true,
   },
-  extends: [
-    'plugin:vue/recommended',
-    '@vue/eslint-config-airbnb',
-  ],
+  extends: ["plugin:vue/recommended", "@vue/eslint-config-airbnb", "prettier"],
   rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-    'no-plusplus': 'off',
-    'import/no-cycle': 'off',
-    'vue/valid-v-slot': ['error', {
-      allowModifiers: true,
-    }],
-    'no-param-reassign': 'off',
-    'import/no-unresolved': 'error',
+    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
+    "no-plusplus": "off",
+    "import/no-cycle": "off",
+    "vue/valid-v-slot": [
+      "error",
+      {
+        allowModifiers: true,
+      },
+    ],
+    "no-param-reassign": "off",
+    "import/no-unresolved": "error",
     // This is probably a good idea, but I don't want to diverge all the file names right now
     // while maintaining 4.x and 5.x.
-    'vue/multi-word-component-names': 'off',
-    'vue/max-len': ['error', {
-      code: 120,
-      ignoreComments: true,
-      ignoreStrings: true,
-      ignoreTemplateLiterals: true,
-      ignoreRegExpLiterals: true,
-      ignoreUrls: true,
-    }],
-    'no-unused-vars': ['error', {
-      argsIgnorePattern: '^_',
-      varsIgnorePattern: '^_',
-      caughtErrorsIgnorePattern: '^_',
-    }],
-    'prefer-destructuring': ['error', { object: true, array: false }],
+    "vue/multi-word-component-names": "off",
+    "vue/max-len": [
+      "error",
+      {
+        code: 120,
+        ignoreComments: true,
+        ignoreStrings: true,
+        ignoreTemplateLiterals: true,
+        ignoreRegExpLiterals: true,
+        ignoreUrls: true,
+      },
+    ],
+    "no-unused-vars": [
+      "error",
+      {
+        argsIgnorePattern: "^_",
+        varsIgnorePattern: "^_",
+        caughtErrorsIgnorePattern: "^_",
+      },
+    ],
+    "prefer-destructuring": ["error", { object: true, array: false }],
   },
   settings: {
     ...createAliasSetting({
-      '@': `${path.resolve(__dirname, './src')}`,
+      "@": `${path.resolve(__dirname, "./src")}`,
     }),
   },
-  parserOptions: {
-  },
+  parserOptions: {},
   overrides: [
     {
-      files: [
-        '**/__tests__/*.{j,t}s?(x)',
-      ],
+      files: ["**/__tests__/*.{j,t}s?(x)"],
       env: {
         mocha: true,
       },
diff --git a/.github/.dependabot.yml b/.github/.dependabot.yml
index 89176a0..b689aae 100644
--- a/.github/.dependabot.yml
+++ b/.github/.dependabot.yml
@@ -6,4 +6,3 @@ updates:
       interval: "weekly"
       day: "sunday"
     target-branch: "dev"
-
diff --git a/.github/ISSUE_TEMPLATE/bug_report.yaml b/.github/ISSUE_TEMPLATE/bug_report.yaml
index fe4a75f..a925a7d 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.yaml
+++ b/.github/ISSUE_TEMPLATE/bug_report.yaml
@@ -3,60 +3,60 @@ description: File a bug/issue
 title: "[BUG] <title>"
 labels: ["bug"]
 body:
-- type: checkboxes
-  attributes:
-    label: Is there an existing issue for this?
-    description: Please search to see if an issue already exists for the bug you encountered.
-    options:
-    - label: I have searched the existing issues
+  - type: checkboxes
+    attributes:
+      label: Is there an existing issue for this?
+      description: Please search to see if an issue already exists for the bug you encountered.
+      options:
+        - label: I have searched the existing issues
+          required: true
+  - type: input
+    attributes:
+      label: Empire Version
+      description: What version of Empire are you using?
+    validations:
       required: true
-- type: input
-  attributes:
-    label: Empire Version
-    description: What version of Empire are you using?
-  validations:
-    required: true
-- type: input
-  attributes:
-    label: Starkiller Version
-    description: What version of Starkiller are you using?
-  validations:
-    required: true
-- type: input
-  attributes:
-    label: Browser
-    description: What browser are you using?
-  validations:
-    required: true
-- type: textarea
-  attributes:
-    label: Current Behavior
-    description: A concise description of what you're experiencing.
-  validations:
-    required: true
-- type: textarea
-  attributes:
-    label: Expected Behavior
-    description: A concise description of what you expected to happen.
-  validations:
-    required: true
-- type: textarea
-  attributes:
-    label: Steps To Reproduce
-    description: Steps to reproduce the behavior.
-    placeholder: |
-      1. In this environment...
-      1. With this config...
-      1. Run '...'
-      1. See error...
-  validations:
-    required: true
-- type: textarea
-  attributes:
-    label: Anything else?
-    description: |
-      Links? References? Anything that will give us more context about the issue you are encountering!
+  - type: input
+    attributes:
+      label: Starkiller Version
+      description: What version of Starkiller are you using?
+    validations:
+      required: true
+  - type: input
+    attributes:
+      label: Browser
+      description: What browser are you using?
+    validations:
+      required: true
+  - type: textarea
+    attributes:
+      label: Current Behavior
+      description: A concise description of what you're experiencing.
+    validations:
+      required: true
+  - type: textarea
+    attributes:
+      label: Expected Behavior
+      description: A concise description of what you expected to happen.
+    validations:
+      required: true
+  - type: textarea
+    attributes:
+      label: Steps To Reproduce
+      description: Steps to reproduce the behavior.
+      placeholder: |
+        1. In this environment...
+        1. With this config...
+        1. Run '...'
+        1. See error...
+    validations:
+      required: true
+  - type: textarea
+    attributes:
+      label: Anything else?
+      description: |
+        Links? References? Anything that will give us more context about the issue you are encountering!
 
-      Tip: You can attach images or log files by clicking this area to highlight it and then dragging files in.
-  validations:
-    required: false
+        Tip: You can attach images or log files by clicking this area to highlight it and then dragging files in.
+    validations:
+      required: false
diff --git a/.github/ISSUE_TEMPLATE/feature_request.yaml b/.github/ISSUE_TEMPLATE/feature_request.yaml
index 67daffe..683efa8 100644
--- a/.github/ISSUE_TEMPLATE/feature_request.yaml
+++ b/.github/ISSUE_TEMPLATE/feature_request.yaml
@@ -3,27 +3,27 @@ description: File a bug/issue
 title: "[FEATURE REQUEST] <title>"
 labels: ["enhancement"]
 body:
-- type: textarea
-  attributes:
-    label: Description
-    description: A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-  validations:
-    required: true
-- type: textarea
-  attributes:
-    label: Solution
-    description: A clear and concise description of what you want to happen.
-  validations:
-    required: true
-- type: textarea
-  attributes:
-    label: Alternatives
-    description: A clear and concise description of any alternative solutions or features you've considered.
-  validations:
-    required: false
-- type: textarea
-  attributes:
-    label: Additional Context
-    description: Add any other context or screenshots about the feature request here.
-  validations:
-    required: false
+  - type: textarea
+    attributes:
+      label: Description
+      description: A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+    validations:
+      required: true
+  - type: textarea
+    attributes:
+      label: Solution
+      description: A clear and concise description of what you want to happen.
+    validations:
+      required: true
+  - type: textarea
+    attributes:
+      label: Alternatives
+      description: A clear and concise description of any alternative solutions or features you've considered.
+    validations:
+      required: false
+  - type: textarea
+    attributes:
+      label: Additional Context
+      description: Add any other context or screenshots about the feature request here.
+    validations:
+      required: false
diff --git a/.github/actions/clean-merge/action.yml b/.github/actions/clean-merge/action.yml
index 58a53dd..51d0da2 100644
--- a/.github/actions/clean-merge/action.yml
+++ b/.github/actions/clean-merge/action.yml
@@ -1,14 +1,14 @@
-name: 'Clean Merge'
-description: 'Merge a branch into another branch without creating a merge commit. Fail if the merge would create merge conflicts.'
+name: "Clean Merge"
+description: "Merge a branch into another branch without creating a merge commit. Fail if the merge would create merge conflicts."
 inputs:
   from-branch:
-    description: 'The branch to merge from'
+    description: "The branch to merge from"
     required: true
   to-branch:
-    description: 'The branch to merge to'
+    description: "The branch to merge to"
     required: true
   push-repo:
-    description: 'The remote to push to'
+    description: "The remote to push to"
     required: true
 runs:
   using: "composite"
@@ -25,7 +25,7 @@ runs:
         git submodule foreach --recursive git reset --hard
         git submodule update --init --recursive
     - name: Merge ${{ inputs.from-branch }} branch to ${{ inputs.to-branch }}
-      shell: '/bin/bash {0}'
+      shell: "/bin/bash {0}"
       run: |
         git merge --no-edit ${{ inputs.from-branch }}
         if [ $? -ne 0 ]; then
@@ -47,4 +47,4 @@ runs:
       shell: bash
       run: |
         git push ${{ inputs.push-repo }} ${{ inputs.to-branch }}
-        echo "MERGE_STATUS=NO_CHANGES" >> $GITHUB_ENV
\ No newline at end of file
+        echo "MERGE_STATUS=NO_CHANGES" >> $GITHUB_ENV
diff --git a/.github/ci-and-release.md b/.github/ci-and-release.md
index 19b49b9..7cc69d7 100644
--- a/.github/ci-and-release.md
+++ b/.github/ci-and-release.md
@@ -1,26 +1,29 @@
 # CI Processes
 
 Starkiller's workflows (and this documentation) are a fork of the [Empire workflows](https://github.com/BC-SECURITY/Empire/tree/main/.github).
-The `main`, `kali-main`, and `sponsors-main` branches get a `dist/` generated upon release. `private-main` does not. 
+The `main`, `kali-main`, and `sponsors-main` branches get a `dist/` generated upon release. `private-main` does not.
 
 ## Pull Requests - Build and Test
+
 All pull requests will run the `Lint and Test` workflow.
 
-* The workflow will run `vue-cli-service lint` to lint the code.
-* There are no tests yet.
+- The workflow will run `vue-cli-service lint` to lint the code.
+- There are no tests yet.
 
 When submitting a pull request to `private-main`, the label `auto-merge-downstream` can be added. If the label is present, then merging a branch to `private-main` will automatically trigger the prerelease step of merging `private-main` into `sponsors-main` and `kali-main`.
 
 ## BC-SECURITY/Starkiller-Sponsors Sponsors & Kali Release Process
-*Note: Starting in 2023, the Kali team will be pulling from the public repo.
+
+_Note: Starting in 2023, the Kali team will be pulling from the public repo.
 I am keeping the Kali workflows running for now with the exception of the tagging.
 This is mostly out of laziness since I just wrote all of the CI/CD. In the near future,
-we can rework these jobs to be more like "sponsors & other downstream" releases.*
+we can rework these jobs to be more like "sponsors & other downstream" releases._
 
 Sponsors and Kali releases go through the same release process. It is easier to manage Starkiller releases by not allowing them to be released at different times and have the version numbers diverge.
 A side effect of this is its possible for a version bump to be empty (no changes) and still be released.
 
 ### 1. cherry-pick any changes from BC-SECURITY/Starkiller#main to BC-SECURITY/Starkiller-Sponsors#private-main
+
 If you don't feel comfortable pushing to `private-main`, you can branch from `private-main` before cherry-picking and open a pull request to merge into `private-main`.
 
 ```bash
@@ -45,6 +48,7 @@ git push origin private-main
 **Potential Enhancement:** Could add a GitHub workflow that you supply a commit hash and it will cherry-pick it into `private-main` and open a pull request.
 
 ### 2. Merge Starkiller-Sponsors/private-main -> (Starkiller-Sponsors/sponsors-main, Starkiller-Sponsors/kali-main)
+
 Run the `Prerelease - Merge private-main` manual workflow. The branch that it runs on doesn't matter.
 The workflow will merge `private-main` into `sponsors-main` and `kali-main`.
 
@@ -69,6 +73,7 @@ git add -A
 git merge --continue
 git push origin kali-main
 ```
+
 </p>
 </details>
 
@@ -88,19 +93,22 @@ git add -A
 git merge --continue
 git push origin sponsors-main
 ```
+
 </p>
 </details>
 
 **Potential Enhancement:** I'm still considering if this step should open PRs instead of doing direct merges.
 
 ### 3. Start Private Release
+
 Start a release by running the `Private - Create Release` manual workflow.
 The branch that it runs on doesn't matter.
 The workflow will then create a release branch, push it to the repo, and create a pull request into `private-main`.
 
-* Updates `package.json` version
+- Updates `package.json` version
 
 ### 4. Manual Step - Merge private-main release PR
+
 Once the first workflow runs, it will open one pull request from the `release/v{version}-private` branch to `private-main`.
 
 Check the changelog on this branch, this will be the changelog that is used for the release notes.
@@ -113,18 +121,22 @@ the `private-main` branch.
 **Potential Enhancement:** Use a git diff to generate a list of changes as suggestions for the release notes.
 
 ### 5. Private - Tag and Release
+
 Once the `release/` pull request is merged, the `Private - Tag Release` workflow will automatically run.
 The workflow will create a tag and release on the `HEAD` of `private-main` using the release notes from `CHANGELOG.md` for the body of the release.
 
 ### 6. Repeat Step 2 - Prerelease Merge
+
 Repeat step 2 to merge `private-main` into `sponsors-main` and `kali-main`.
 
 ### 7. Start Sponsor/Kali Release
+
 Start the release by running the `Sponsors & Kali - Create Release` manual workflow.
 
 A release PR will then be opened for each branch.
 
 #### 8. Manual Step - Merge sponsor/kali release PRs
+
 Once the workflow runs, it will open two pull requests from the `release/v{version}-sponsors` and `release/v{version}-kali` branches to `sponsors-main` and `kali-main` respectively.
 
 Check the changelog on these branches, this will be the changelog that is used for the release notes.
@@ -139,14 +151,18 @@ the `sponsors-main` branch or `kali-main` branch.
 **Potential Enhancement** We could add automation that copies the `unreleased` section from the target branch to the version section in the `head` branch.
 
 ### 9. Tag and Release
+
 Once the pull requests are merged, the `Sponsors - Tag Release` and `Kali - Tag Release` workflows will automatically run.
-The workflow will run `yarn build` and commit the `dist/` to `sponsors-main` and `kali-main` (independently). It will then create a tag and release on the `HEAD` of  of `sponsors-main` and `kali-main` using the release notes from `CHANGELOG.md` for the body of the release.
+The workflow will run `yarn build` and commit the `dist/` to `sponsors-main` and `kali-main` (independently). It will then create a tag and release on the `HEAD` of of `sponsors-main` and `kali-main` using the release notes from `CHANGELOG.md` for the body of the release.
 
 ### Setup
+
 Requires a secret in the repo `RELEASE_TOKEN` that has `repo` and `workflow` access.
 
 ## BC-SECURITY/Starkiller Public Release Process
+
 ### 1. Start Release
+
 Start a release by running the `Public - Create Release Branch` manual workflow. It doesn't matter which branch it runs on.
 
 The workflow will then checkout the chosen tag from the `sponsors` repo, create a release branch, push it to the public repo, and create a pull request into `main`.
@@ -154,6 +170,7 @@ The workflow will then checkout the chosen tag from the `sponsors` repo, create
 The chosen tag should end in `-private`
 
 ### 2. Manual Steps - Merge release PR
+
 Once the first workflow runs, it will open one pull request from the `release/v{version}` branch to `main`.
 
 Check the changelog on this branch, this will be the changelog that is used for the release notes.
@@ -164,18 +181,22 @@ Merge the pull request. **DO NOT SQUASH**
 the `main` branch. This will ensure the change ends up in the release properly.
 
 ### 3. Tag Release
+
 Once the pull request is merged, the `Public - Tag Release` workflow will automatically run.
 The workflow will create a tag and release on the `HEAD` of `main`, using the release notes from `CHANGELOG.md` for the body of the release.
 
 The workflow will detect the last released tag, and use the release notes from the `CHANGELOG.md` between the last release and the current release. The workflow will run `yarn build` and commit the `dist/` to `main-main`.
 
 ### Setup
+
 Requires a secret in the repo `RELEASE_TOKEN` that has `repo` and `workflow` access.
 
 ## More Information
+
 https://www.bc-security.org/using-github-actions-to-manage-ci-cd-for-empire/
 
 ## Contributing
+
 To update the workflows if you don't have access to the `Starkiller-Sponsors` repo:
 Merge to `main` in `Starkiller`, then we can cherry-pick the changes into `private-main`.
 
diff --git a/.github/workflows/lint-and-test.yml b/.github/workflows/lint-and-test.yml
index a58ad3a..d178841 100644
--- a/.github/workflows/lint-and-test.yml
+++ b/.github/workflows/lint-and-test.yml
@@ -3,7 +3,7 @@ name: Lint and Test
 on:
   pull_request:
     paths-ignore:
-      - '**.md'
+      - "**.md"
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.head_ref || github.run_id }}
@@ -18,12 +18,13 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: 16
-          cache: 'yarn'
+          cache: "yarn"
       - name: Get app version
         run: |
           echo "APP_VERSION=$(npm pkg get version | sed 's/"//g')" >> $GITHUB_ENV
       - name: Install modules
         run: yarn
       - name: Run ESLint
-        if: ${{ !startsWith(env.APP_VERSION, '1') }}
         run: yarn lint
+      - name: Run Prettier
+        run: yarn format --check
diff --git a/.github/workflows/prerelease-sponsor-kali-merge-private.yml b/.github/workflows/prerelease-sponsor-kali-merge-private.yml
index 5e8aec6..be5ac5b 100644
--- a/.github/workflows/prerelease-sponsor-kali-merge-private.yml
+++ b/.github/workflows/prerelease-sponsor-kali-merge-private.yml
@@ -11,12 +11,12 @@ on:
   workflow_dispatch:
     inputs:
       mergeKali:
-        description: 'Merge private-main branch into kali-main.'
+        description: "Merge private-main branch into kali-main."
         type: boolean
         default: true
         required: true
       mergeSponsors:
-        description: 'Merge private-main branch into sponsors-main.'
+        description: "Merge private-main branch into sponsors-main."
         type: boolean
         default: true
         required: true
@@ -32,15 +32,15 @@ jobs:
     # Already filtered above to closed PRs on private-main.
     if: ${{ github.repository == 'BC-Security/Starkiller-Sponsors' &&
       (github.event_name == 'workflow_dispatch' ||
-        (github.event.pull_request &&
-        github.event.pull_request.merged == true &&
-        contains(github.event.pull_request.labels.*.name, 'auto-merge-downstream'))) }}
+      (github.event.pull_request &&
+      github.event.pull_request.merged == true &&
+      contains(github.event.pull_request.labels.*.name, 'auto-merge-downstream'))) }}
     runs-on: ubuntu-latest
     steps:
       - name: Check out code
         uses: actions/checkout@v3
         with:
-          submodules: 'recursive'
+          submodules: "recursive"
           ref: private-main
           fetch-depth: 0
           token: ${{ secrets.RELEASE_TOKEN }}
diff --git a/.github/workflows/release-private-start.yml b/.github/workflows/release-private-start.yml
index 1c6e5c9..9195fcf 100644
--- a/.github/workflows/release-private-start.yml
+++ b/.github/workflows/release-private-start.yml
@@ -3,7 +3,7 @@ on:
   workflow_dispatch:
     inputs:
       bumpType:
-        description: 'Bump type to use for the release branch.'
+        description: "Bump type to use for the release branch."
         type: choice
         default: patch
         options:
@@ -23,7 +23,7 @@ jobs:
         uses: actions/checkout@v3
         with:
           ref: ${{ env.TARGET_BRANCH }}
-          submodules: 'recursive'
+          submodules: "recursive"
           fetch-depth: 0
           token: ${{ secrets.RELEASE_TOKEN }}
       - name: Initialize mandatory git config
@@ -41,7 +41,7 @@ jobs:
           echo "APP_VERSION=$(npm pkg get version | sed 's/"//g')" >> $GITHUB_ENV
       - name: Get release branch name
         run: |
-            echo "RELEASE_BRANCH=release/$APP_VERSION-private" >> $GITHUB_ENV
+          echo "RELEASE_BRANCH=release/$APP_VERSION-private" >> $GITHUB_ENV
       - name: Create release branch
         run: git checkout -b ${{ env.RELEASE_BRANCH }}
       - name: Update Changelog
diff --git a/.github/workflows/release-public-start.yml b/.github/workflows/release-public-start.yml
index a924f76..c7a30c9 100644
--- a/.github/workflows/release-public-start.yml
+++ b/.github/workflows/release-public-start.yml
@@ -3,7 +3,7 @@ on:
   workflow_dispatch:
     inputs:
       sponsorTag:
-        description: 'The tag to merge into master and dev from the sponsors repo. Example: v4.5.2-private'
+        description: "The tag to merge into master and dev from the sponsors repo. Example: v4.5.2-private"
         type: string
         required: true
 
@@ -15,7 +15,7 @@ jobs:
       - name: Check out sponsor repo
         uses: actions/checkout@v3
         with:
-          repository: 'BC-Security/Starkiller-Sponsors'
+          repository: "BC-Security/Starkiller-Sponsors"
           ref: ${{ inputs.sponsorTag }}
           token: ${{ secrets.RELEASE_TOKEN }}
           fetch-depth: 0
@@ -37,7 +37,7 @@ jobs:
           echo "APP_VERSION=$(npm pkg get version | sed 's/"//g')" >> $GITHUB_ENV
       - name: Get release branch name
         run: |
-            echo "RELEASE_BRANCH=release/$APP_VERSION" >> $GITHUB_ENV
+          echo "RELEASE_BRANCH=release/$APP_VERSION" >> $GITHUB_ENV
       - name: Create release branch
         run: |
           git checkout -b ${{ env.RELEASE_BRANCH }}
diff --git a/.github/workflows/release-public-tag.yml b/.github/workflows/release-public-tag.yml
index 2d5936b..71f1687 100644
--- a/.github/workflows/release-public-tag.yml
+++ b/.github/workflows/release-public-tag.yml
@@ -28,7 +28,7 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: 16
-          cache: 'yarn'
+          cache: "yarn"
       - name: Set application version as variable
         run: |
           echo "APP_VERSION=$(npm pkg get version | sed 's/"//g')" >> $GITHUB_ENV
diff --git a/.github/workflows/release-sponsor-kali-start.yml b/.github/workflows/release-sponsor-kali-start.yml
index 0905907..35a9af2 100644
--- a/.github/workflows/release-sponsor-kali-start.yml
+++ b/.github/workflows/release-sponsor-kali-start.yml
@@ -41,7 +41,7 @@ jobs:
           echo "commit=$(git rev-parse HEAD)" >> $GITHUB_OUTPUT
       - name: Get release branch name
         run: |
-            echo "RELEASE_BRANCH=release/$APP_VERSION-sponsors" >> $GITHUB_ENV
+          echo "RELEASE_BRANCH=release/$APP_VERSION-sponsors" >> $GITHUB_ENV
       - name: Create release branch
         run: git checkout -b ${{ env.RELEASE_BRANCH }}
       - name: Push new branch
diff --git a/.github/workflows/release-sponsor-kali-tag.yml b/.github/workflows/release-sponsor-kali-tag.yml
index 5bcdaa9..2410346 100644
--- a/.github/workflows/release-sponsor-kali-tag.yml
+++ b/.github/workflows/release-sponsor-kali-tag.yml
@@ -26,7 +26,7 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: 16
-          cache: 'yarn'
+          cache: "yarn"
       - name: Set application version as variable
         run: |
           echo "APP_VERSION=$(npm pkg get version | sed 's/"//g')" >> $GITHUB_ENV
@@ -62,7 +62,7 @@ jobs:
           release_name: v${{ env.TAG_NAME }}
           body: |
             ${{ steps.extract_release_notes.outputs.release_notes }}
-            
+
             ### Sponsors Only
             ${{ steps.extract_release_notes_sponsors.outputs.release_notes }}
           draft: false
diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index 9ec76dd..66ff299 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -1,7 +1,20 @@
 repos:
+  - repo: https://github.com/pre-commit/pre-commit-hooks
+    rev: v4.4.0
+    hooks:
+      - id: trailing-whitespace
+      - id: check-json
+      - id: check-yaml
+      - id: check-merge-conflict
+      - id: end-of-file-fixer
+      - id: trailing-whitespace
   - repo: local
     hooks:
       - id: yarn-lint
         name: yarn-lint
         entry: bash -c 'yarn lint'
         language: system
+      - id: yarn-format
+        name: yarn-format
+        entry: bash -c 'yarn format'
+        language: system
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..de05607
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1 @@
+**/*.md
diff --git a/.prettierrc.json b/.prettierrc.json
new file mode 100644
index 0000000..0967ef4
--- /dev/null
+++ b/.prettierrc.json
@@ -0,0 +1 @@
+{}
diff --git a/CHANGELOG.md b/CHANGELOG.md
index e4131d7..a0529c9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,11 +8,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [Unreleased]
 
 -   Add an Agent terminal to the Interact tab
+-   Add Prettier for code formatting
 
 ## [2.5.3] - 2023-08-24
 
 -   Fix elevated process icon on agent page
--   Fix input and output downloads not working 
+-   Fix input and output downloads not working
 
 ## [2.5.2] - 2023-08-09
 
@@ -73,7 +74,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 -   Add a script import button to the agent page
 -   Add a script command checkbox to the agent page
--   Modules with a 'file' type option now get a file selector/uploader instead of a text box 
+-   Modules with a 'file' type option now get a file selector/uploader instead of a text box
 
 ## [2.2.0] - 2023-03-31
 
@@ -212,7 +213,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [1.4.0] - 2020-10-12
 
--   Added real-time notifications new listeners and agents [#49](https://github.com/BC-SECURITY/Starkiller/pull/49) 
+-   Added real-time notifications new listeners and agents [#49](https://github.com/BC-SECURITY/Starkiller/pull/49)
 
 ## [1.3.2] - 2020-07-29
 
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 2ca7aa3..406fb61 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -1,28 +1,36 @@
 # Contributing to Starkiller
+
 We love your input! We want to make contributing to this project as easy and transparent as possible, whether it's:
-  * Reporting a bug
-  * Discussing the current state of the code
-  * Submitting a fix
-  * Proposing new features
+
+- Reporting a bug
+- Discussing the current state of the code
+- Submitting a fix
+- Proposing new features
 
 ## Creating Github Issues
+
 Please first review the existing Starkiller issues to see if the error was resolved with a fix in the development branch or if we chose not to fix the error for some reason.
 
 The more information you provide in a Github issue the easier it will be for us to track down and fix the problem:
-  * Please provide the version of Empire you are using.
-  * Please provide the OS, and Starkiller version that you are using.
-  * Please describe the expected behavior and the encountered error.
-    * The more detail the better!
-    * Include any actions taken just prior to the error.
-    * Please post a screenshot of the error, a link to a Pastebin dump of the error, or embedded text of the error.
-    * Any additional information.
+
+- Please provide the version of Empire you are using.
+- Please provide the OS, and Starkiller version that you are using.
+- Please describe the expected behavior and the encountered error.
+  - The more detail the better!
+  - Include any actions taken just prior to the error.
+  - Please post a screenshot of the error, a link to a Pastebin dump of the error, or embedded text of the error.
+  - Any additional information.
 
 ## Making a Pull Request
-  1. Create an issue describing the motivation for your changes
-    * Pull Requests without associated Issues may still be accepted, if the motivation is obvious. However, this will help speed up code review if there's any uncertainty.
-  1. Fork the repo and create your branch from main.
-  1. Make sure your code lints.
-  1. Issue that pull request!
+
+1. Create an issue describing the motivation for your changes
+
+   - Pull Requests without associated Issues may still be accepted, if the motivation is obvious. However, this will help speed up code review if there's any uncertainty.
+
+1. Fork the repo and create your branch from main.
+1. Make sure your code lints.
+1. Issue that pull request!
 
 ## Use a Consistent Coding Style
+
 We use Airbnb's and Vue's recommended ESLint configs. To make your life easier, consider installing an ESLint plugin in your editor of choice. You can also run `yarn lint`.
diff --git a/README.md b/README.md
index e93f384..36e83e7 100644
--- a/README.md
+++ b/README.md
@@ -21,13 +21,16 @@
 </div>
 
 # Starkiller
+
 Starkiller is a Frontend for [Powershell Empire](https://github.com/BC-SECURITY/Empire/). It is a web application written in VueJS. If you'd like to contribute please follow the [Contribution guide](/CONTRIBUTING.md). If you'd like to request a feature or report a bug, please follow the [Issue template](/.github/ISSUE_TEMPLATE.md).
 
 # Getting Started
+
 As of Empire 5.0 and Starkiller 2.0, you no longer need to install Starkiller or build it from source.
 It is prepackaged in Empire as a submodule and served via Empire's API.
 
 ## Sponsors
+
 <div align="center">
 
 [<img src="https://github.com/BC-SECURITY/Empire/assets/9831420/f273f4b0-400c-49ce-b62f-521239a86754" width="100"/>](https://www.cybrary.it/)
@@ -37,33 +40,42 @@ It is prepackaged in Empire as a submodule and served via Empire's API.
 </div>
 
 # Sponsorship and extra features
+
 [Sponsoring](https://github.com/sponsors/BC-SECURITY/) at the `Individual` level will give access to extra features.
 At the moment, the extra Starkiller sponsorship features include:
 
-  ## Dashboard
+## Dashboard
+
   <div align="left"><img width="800" src="https://github.com/BC-SECURITY/Starkiller/assets/9831420/7fda92cd-52ab-4d84-a835-89c35b38cf7e"></div>
 
-  ## Graph View
+## Graph View
+
   <div align="left"><img width="800" src="https://user-images.githubusercontent.com/9831420/216792129-5b0fed82-b209-48cb-9a43-eeb3e69c7229.gif"></div>
 
-  ## Interactive agent shell
+## Interactive agent shell
+
   <div align="left"><img width="800" src="https://user-images.githubusercontent.com/9831420/104983879-e37fc700-59ca-11eb-9c90-bd2d166c4ac5.gif"></div>
-  
-  ## Process Browser
+
+## Process Browser
+
   <div align="left"><img width="800" src="https://user-images.githubusercontent.com/9831420/131264080-0264558d-59c4-44d9-8dae-7b518c47a9cb.gif"></div>
 
-  ## Modify Module Scripts
+## Modify Module Scripts
+
   <div align="left"><img width="800" src="https://user-images.githubusercontent.com/9831420/221427395-28d63b1d-bbe5-423e-9113-e58a10a86ced.gif"></div>
 
-  ## Enable/Disable modules
+## Enable/Disable modules
+
   <div align="left"><img width="800" src="https://user-images.githubusercontent.com/9831420/123528242-e7f78c80-d69a-11eb-9e88-3410c151cd20.gif"></div>
 
-  ## Proxy Management
+## Proxy Management
+
   <div align="left"><img width="800" src="https://user-images.githubusercontent.com/9831420/210124448-4f1107b0-3250-4faa-8ea9-4daec77e277e.gif"></div>
 
 There is also a collection of Empire plugins available via sponsorship.
 
 Thanks to our sponsors the following features which started as sponsor features have been moved to the public and kali builds.
+
 - File browser
 - Popout windows
 - Chat widget
@@ -71,20 +83,25 @@ Thanks to our sponsors the following features which started as sponsor features
 - Malleable profile management
 
 ## Build and run from source
+
 Prerequisites:
-* [Node.js](http://nodejs.org/) 16+.
-* [Yarn](https://classic.yarnpkg.com/en/docs/install)
-Currently it has been tested using Yarn 1.22.
+
+- [Node.js](http://nodejs.org/) 16+.
+- [Yarn](https://classic.yarnpkg.com/en/docs/install)
+  Currently it has been tested using Yarn 1.22.
+
 ```
 yarn
 ```
 
 ### Compile and hot-reload for development
+
 ```
 yarn dev
 ```
 
 ### Compile and minify for production
+
 ```
 yarn build
 ```
@@ -94,20 +111,20 @@ yarn build
 **Note**: As of Empire 5.0 and Starkiller 2.0, this compatability table is less relevant. Starkiller is now packaged in Empire as a git submodule and does not need to be installed separately.
 
 Starkiller’s new features occasionally depend on new functionality within Empire. Therefore, it is recommended that you follow this release table for syncing up your Starkiller and Empire versions. If you are using an older version of Empire, Starkiller will warn you when logging in, but will allow you to continue. If a there is a new minimum version of Empire required to get all the features out of Starkiller, we will do a minor version bump to Starkiller.
-| Starkiller Release | Minimum Empire Version | Notes  |
+| Starkiller Release | Minimum Empire Version | Notes |
 | ------------------ | ---------------------- | ------ |
-| 1.0.x              | 3.1.1         | 3.1.1 is the first version of Empire to include all the user endpoints necessary for Starkiller to function |
-| 1.1.x              | 3.1.5         | 3.1.5 updated the reporting endpoint to have the same result as running it in the CLI. Starkiller 1.1.x uses that reporting endpoint for the reporting tab |
-| 1.2.x              | 3.2.0         | 3.2.0 added an endpoint for users that is needed for the UI updates introduced in Starkiller 1.2.0
-| 1.3.x              | 3.3.0         | 3.3.0 categorized all of the modules in Empire with corresponding [MITRE techniques](https://attack.mitre.org/techniques/enterprise/)
-| 1.4.x, 1.5.x       | 3.5.0         | 3.5.0 added real-time notifications for new listeners and agents
-| 1.6.x, 1.7.x       | 3.7.0         | 1.6.0 was tested against Empire 3.7.0. There *shouldn't* be any breaking changes, but there were a lot of code changes.
-| 1.8.x              | 4.0.0         | 
-| 1.9.x, 1.10.x, 1.11.x  | 4.1.0         | The updated agent screen requires new endpoints in order to update fields on the 'view' tab
-| 2.0.x, 2.1.x           | 5.0.0         | Uses the new v2 api
-| 2.2.x, 2.3.x           | 5.2.0         | Requires the new plugin task endpoints
-| 2.4.x              | 5.5.0         | For sponsors, requires the checkin endpoints
-| 2.5.x              | 5.6.0         | Requires the tags endpoints
+| 1.0.x | 3.1.1 | 3.1.1 is the first version of Empire to include all the user endpoints necessary for Starkiller to function |
+| 1.1.x | 3.1.5 | 3.1.5 updated the reporting endpoint to have the same result as running it in the CLI. Starkiller 1.1.x uses that reporting endpoint for the reporting tab |
+| 1.2.x | 3.2.0 | 3.2.0 added an endpoint for users that is needed for the UI updates introduced in Starkiller 1.2.0
+| 1.3.x | 3.3.0 | 3.3.0 categorized all of the modules in Empire with corresponding [MITRE techniques](https://attack.mitre.org/techniques/enterprise/)
+| 1.4.x, 1.5.x | 3.5.0 | 3.5.0 added real-time notifications for new listeners and agents
+| 1.6.x, 1.7.x | 3.7.0 | 1.6.0 was tested against Empire 3.7.0. There _shouldn't_ be any breaking changes, but there were a lot of code changes.
+| 1.8.x | 4.0.0 |
+| 1.9.x, 1.10.x, 1.11.x | 4.1.0 | The updated agent screen requires new endpoints in order to update fields on the 'view' tab
+| 2.0.x, 2.1.x | 5.0.0 | Uses the new v2 api
+| 2.2.x, 2.3.x | 5.2.0 | Requires the new plugin task endpoints
+| 2.4.x | 5.5.0 | For sponsors, requires the checkin endpoints
+| 2.5.x | 5.6.0 | Requires the tags endpoints
 
 ## Changelog
 
@@ -122,5 +139,4 @@ Detailed changes for each release are documented in the [changelog](./CHANGELOG.
 
 [MIT](http://opensource.org/licenses/MIT)
 
-
 Copyright (c) 2021 BC Security
diff --git a/index.html b/index.html
index 80b2ea3..832fb8a 100644
--- a/index.html
+++ b/index.html
@@ -1,19 +1,21 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="/favicon.ico">
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link rel="icon" href="/favicon.ico" />
     <title>Starkiller</title>
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but starkiller doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong
+        >We're sorry but starkiller doesn't work properly without JavaScript
+        enabled. Please enable it to continue.</strong
+      >
     </noscript>
-    <div id="app">
-    </div>
+    <div id="app"></div>
     <!-- built files will be auto injected -->
     <script type="module" src="/src/main.js"></script>
-</body>
+  </body>
 </html>
diff --git a/package.json b/package.json
index a442c32..132b310 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,8 @@
     "dev": "vite",
     "build": "vite build",
     "serve": "vite preview",
-    "lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src"
+    "lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src",
+    "format": "prettier .  --write"
   },
   "main": "background.js",
   "dependencies": {
@@ -36,7 +37,9 @@
     "@vitejs/plugin-vue2": "^2.2.0",
     "@vue/eslint-config-airbnb": "^7.0.0",
     "eslint": "^8.31.0",
+    "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-vue": "^9.8.0",
+    "prettier": "^3.0.2",
     "sass": "~1.32",
     "unplugin-vue-components": "^0.22.12",
     "vite": "^3"
diff --git a/public/index.html b/public/index.html
index 24b8126..2d51a2d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,18 +1,20 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
     <title>starkiller</title>
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but starkiller doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong
+        >We're sorry but starkiller doesn't work properly without JavaScript
+        enabled. Please enable it to continue.</strong
+      >
     </noscript>
-    <div id="app">
-    </div>
+    <div id="app"></div>
     <!-- built files will be auto injected -->
   </body>
 </html>
diff --git a/src/App.vue b/src/App.vue
index 06dcd24..c4425d1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,35 +1,26 @@
 <template>
   <div id="app">
     <v-app :dark="isDarkMode">
-      <side-nav
-        v-if="isLoggedIn && !hideSideBar"
-      />
+      <side-nav v-if="isLoggedIn && !hideSideBar" />
       <confirm ref="confirm" />
-      <socket-notifications v-if="isLoggedIn && versionSatisfies('>=4.0') && !hideSideBar" />
+      <socket-notifications
+        v-if="isLoggedIn && versionSatisfies('>=4.0') && !hideSideBar"
+      />
       <starkiller-snackbar ref="snack" />
-      <v-app-bar
-        v-if="isLoggedIn"
-        elevate-on-scroll
-        app
-      >
+      <v-app-bar v-if="isLoggedIn" elevate-on-scroll app>
         <template
-          v-if="$route.name === 'agentEdit'
-            || $route.name === 'agents'
-            || $route.name === 'pluginEdit'
-            || $route.name === 'plugins'
-            || $route.name === 'listeners'"
+          v-if="
+            $route.name === 'agentEdit' ||
+            $route.name === 'agents' ||
+            $route.name === 'pluginEdit' ||
+            $route.name === 'plugins' ||
+            $route.name === 'listeners'
+          "
           #extension
         >
-          <portal-target
-            name="app-bar-extension"
-            slim
-          />
+          <portal-target name="app-bar-extension" slim />
         </template>
-        <portal-target
-          name="app-bar"
-          multiple
-          slim
-        />
+        <portal-target name="app-bar" multiple slim />
       </v-app-bar>
       <!-- Sizes your content based upon application components -->
       <v-main>
@@ -40,47 +31,50 @@
         </v-container>
       </v-main>
 
-      <v-footer
-        v-if="!hideSideBar"
-        app
-      >
+      <v-footer v-if="!hideSideBar" app>
         <span class="mr-2">Copyright (c) 2023 BC Security |</span>
         <a
           class="mr-2"
           target="_blank"
           rel="noopener noreferrer"
           href="https://github.com/bc-security/starkiller"
-        > Starkiller </a>
+        >
+          Starkiller
+        </a>
         <span class="mr-2">|</span>
         <a
           class="mr-2"
           target="_blank"
           rel="noopener noreferrer"
           href="https://github.com/bc-security/empire"
-        > Empire</a>
+        >
+          Empire</a
+        >
         <span class="mr-2">|</span>
         <a
           class="mr-2"
           target="_blank"
           rel="noopener noreferrer"
           href="https://github.com/sponsors/BC-SECURITY"
-        > Sponsor for extra features</a>
+        >
+          Sponsor for extra features</a
+        >
       </v-footer>
     </v-app>
   </div>
 </template>
 <script>
-import Vue from 'vue';
-import semver from 'semver';
-import { mapGetters, mapState } from 'vuex';
+import Vue from "vue";
+import semver from "semver";
+import { mapGetters, mapState } from "vuex";
 
-import SideNav from '@/components/SideNav.vue';
-import Confirm from '@/components/Confirm.vue';
-import SocketNotifications from '@/components/SocketNotifications.vue';
-import StarkillerSnackbar from '@/components/StarkillerSnackbar.vue';
+import SideNav from "@/components/SideNav.vue";
+import Confirm from "@/components/Confirm.vue";
+import SocketNotifications from "@/components/SocketNotifications.vue";
+import StarkillerSnackbar from "@/components/StarkillerSnackbar.vue";
 
 export default {
-  name: 'App',
+  name: "App",
   components: {
     SideNav,
     Confirm,
@@ -89,15 +83,15 @@ export default {
   },
   computed: {
     ...mapGetters({
-      isLoggedIn: 'application/isLoggedIn',
-      isDarkMode: 'application/isDarkMode',
+      isLoggedIn: "application/isLoggedIn",
+      isDarkMode: "application/isDarkMode",
     }),
     ...mapState({
       empireVersion: (state) => state.application.empireVersion,
       connectionError: (state) => state.application.connectionError,
     }),
     isLoginPage() {
-      return this.$route.name === 'home';
+      return this.$route.name === "home";
     },
     hideSideBar() {
       return this.$route.query.hideSideBar;
@@ -108,9 +102,9 @@ export default {
       immediate: true,
       handler(val) {
         if (val === true && this.isLoggedIn === true) {
-          this.$router.push({ name: 'listeners' });
+          this.$router.push({ name: "listeners" });
         } else if (val === false && this.isLoggedIn === false) {
-          this.$router.push({ name: 'home' });
+          this.$router.push({ name: "home" });
         }
       },
     },
@@ -126,19 +120,19 @@ export default {
     },
     isLoggedIn(val) {
       if (val === false && !this.isLoginPage) {
-        this.$router.push({ name: 'home' });
-      } else if (val === true && this.$route.name !== 'listeners') {
-        this.$router.push({ name: 'listeners' });
+        this.$router.push({ name: "home" });
+      } else if (val === true && this.$route.name !== "listeners") {
+        this.$router.push({ name: "listeners" });
       }
     },
     empireVersion: {
       async handler(val) {
         if (val.length > 0) {
-          if (semver.satisfies(val.split(' ')[0].split('-')[0], '<5.2')) {
+          if (semver.satisfies(val.split(" ")[0].split("-")[0], "<5.2")) {
             await this.$nextTick();
             this.$snack.warn(
-              'This version of Starkiller is recommended to be used with Empire 5.2 or greater.'
-              + ' Some features may not work properly.',
+              "This version of Starkiller is recommended to be used with Empire 5.2 or greater." +
+                " Some features may not work properly.",
             );
           }
         }
@@ -147,7 +141,7 @@ export default {
     },
     connectionError(val) {
       if (val > 0) {
-        this.$snack.error('Could not reach Empire server');
+        this.$snack.error("Could not reach Empire server");
       }
     },
   },
@@ -159,13 +153,16 @@ export default {
   },
   methods: {
     versionSatisfies(version) {
-      return semver.satisfies(this.empireVersion.split(' ')[0].split('-')[0], version);
+      return semver.satisfies(
+        this.empireVersion.split(" ")[0].split("-")[0],
+        version,
+      );
     },
   },
 };
 </script>
 <style lang="scss">
-@import 'app.scss';
+@import "app.scss";
 
 #app {
   -webkit-font-smoothing: antialiased;
diff --git a/src/api/agent-api.js b/src/api/agent-api.js
index 6fae6ac..fee01d9 100644
--- a/src/api/agent-api.js
+++ b/src/api/agent-api.js
@@ -1,10 +1,11 @@
-import { axiosInstance as axios, handleError } from '@/api/axios-instance';
+import { axiosInstance as axios, handleError } from "@/api/axios-instance";
 
 /**
  * Returns a single agent.
  */
 export function getAgent(sessionId) {
-  return axios.get(`/agents/${sessionId}`)
+  return axios
+    .get(`/agents/${sessionId}`)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -13,7 +14,8 @@ export function getAgent(sessionId) {
  * Returns a full list of agents.
  */
 export function getAgents(includeArchived = false) {
-  return axios.get('/agents', { params: { include_archived: includeArchived } })
+  return axios
+    .get("/agents", { params: { include_archived: includeArchived } })
     .then(({ data }) => data.records)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -23,7 +25,8 @@ export function getAgents(includeArchived = false) {
  * Rename an agent.
  */
 export function renameAgent(agent, newName) {
-  return axios.put(`/agents/${agent.session_id}`, { ...agent, name: newName })
+  return axios
+    .put(`/agents/${agent.session_id}`, { ...agent, name: newName })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -33,8 +36,9 @@ export function renameAgent(agent, newName) {
  * @param {string} sessionId agent sessionId
  */
 export function killAgent(sessionId) {
-  console.log('killAgent', sessionId);
-  return axios.post(`/agents/${sessionId}/tasks/exit`, {})
+  console.log("killAgent", sessionId);
+  return axios
+    .post(`/agents/${sessionId}/tasks/exit`, {})
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -45,10 +49,11 @@ export function killAgent(sessionId) {
  */
 export function getDirectory(sessionId, directory) {
   let uri = `/agents/${sessionId}/files/${directory}`;
-  if (directory === '/') {
+  if (directory === "/") {
     uri = `/agents/${sessionId}/files/root`;
   }
-  return axios.get(uri)
+  return axios
+    .get(uri)
     .then(({ data }) => data.children)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -58,24 +63,28 @@ export function getDirectory(sessionId, directory) {
  * @param {string} sessionId agent sessionId
  */
 export function scrapeDirectory(sessionId, directory) {
-  return axios.post(`/agents/${sessionId}/tasks/directory_list`, { path: directory })
+  return axios
+    .post(`/agents/${sessionId}/tasks/directory_list`, { path: directory })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function deleteTag(agentId, tag) {
-  return axios.delete(`agents/${agentId}/tags/${tag}`)
+  return axios
+    .delete(`agents/${agentId}/tags/${tag}`)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function updateTag(agentId, tag) {
-  return axios.put(`agents/${agentId}/tags/${tag.id}`, tag)
+  return axios
+    .put(`agents/${agentId}/tags/${tag.id}`, tag)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function addTag(agentId, tag) {
-  return axios.post(`agents/${agentId}/tags`, tag)
+  return axios
+    .post(`agents/${agentId}/tags`, tag)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
diff --git a/src/api/agent-task-api.js b/src/api/agent-task-api.js
index c806ca3..c00f63f 100644
--- a/src/api/agent-task-api.js
+++ b/src/api/agent-task-api.js
@@ -1,12 +1,13 @@
-import { axiosInstance as axios, handleError } from '@/api/axios-instance';
-import qs from 'qs';
+import { axiosInstance as axios, handleError } from "@/api/axios-instance";
+import qs from "qs";
 
 /**
  * Get a single task
  * @param {string} sessionId sessionId name
  */
 export function getTask(sessionId, taskId) {
-  return axios.get(`/agents/${sessionId}/tasks/${taskId}`)
+  return axios
+    .get(`/agents/${sessionId}/tasks/${taskId}`)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -15,17 +16,20 @@ export function getTask(sessionId, taskId) {
  * Get tasking results for an agent.
  * @param {string} sessionId agent's session_id. Can also be an array of session_ids.
  */
-export function getTasks(sessionId, {
-  since = null,
-  limit = 50,
-  page = 1,
-  sortBy = 'id',
-  sortOrder = 'desc',
-  status = null,
-  users = null,
-  tags = null,
-  search = null,
-}) {
+export function getTasks(
+  sessionId,
+  {
+    since = null,
+    limit = 50,
+    page = 1,
+    sortBy = "id",
+    sortOrder = "desc",
+    status = null,
+    users = null,
+    tags = null,
+    search = null,
+  },
+) {
   const params = {
     since,
     limit,
@@ -42,17 +46,19 @@ export function getTasks(sessionId, {
     params.agents = sessionId;
   }
 
-  let url = '';
+  let url = "";
   if (sessionId == null || Array.isArray(sessionId)) {
-    url = '/agents/tasks';
+    url = "/agents/tasks";
   } else {
     url = `/agents/${sessionId}/tasks`;
   }
 
-  return axios.get(url, {
-    params,
-    paramsSerializer: (p) => qs.stringify(p, { arrayFormat: 'repeat', skipNulls: true }),
-  })
+  return axios
+    .get(url, {
+      params,
+      paramsSerializer: (p) =>
+        qs.stringify(p, { arrayFormat: "repeat", skipNulls: true }),
+    })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -62,15 +68,17 @@ export function getTasks(sessionId, {
  * @param {string} sessionId agent sessionId
  */
 export function shell(sessionId, command, literal = false) {
-  return axios.post(`/agents/${sessionId}/tasks/shell`, { command, literal })
+  return axios
+    .post(`/agents/${sessionId}/tasks/shell`, { command, literal })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function createSocksProxy(sessionId, portNumber) {
-  return axios.post(`/agents/${sessionId}/tasks/socks`, {
-    port: portNumber,
-  })
+  return axios
+    .post(`/agents/${sessionId}/tasks/socks`, {
+      port: portNumber,
+    })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -80,7 +88,8 @@ export function createSocksProxy(sessionId, portNumber) {
  * @param {*} sessionId agent sessionId
  */
 export function sysinfo(sessionId) {
-  return axios.post(`/agents/${sessionId}/tasks/sysinfo`, {})
+  return axios
+    .post(`/agents/${sessionId}/tasks/sysinfo`, {})
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -90,7 +99,8 @@ export function sysinfo(sessionId) {
  * @param {string} sessionId agent sessionId
  */
 export function deleteTask(sessionId, taskId) {
-  return axios.delete(`/agents/${sessionId}/tasks/${taskId}`)
+  return axios
+    .delete(`/agents/${sessionId}/tasks/${taskId}`)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
@@ -98,10 +108,11 @@ export function deleteTask(sessionId, taskId) {
  * Task agent to receive file upload.
  */
 export function uploadFile(sessionId, fileId, pathToFile) {
-  return axios.post(`/agents/${sessionId}/tasks/upload`, {
-    path_to_file: pathToFile,
-    file_id: fileId,
-  })
+  return axios
+    .post(`/agents/${sessionId}/tasks/upload`, {
+      path_to_file: pathToFile,
+      file_id: fileId,
+    })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -110,74 +121,88 @@ export function uploadFile(sessionId, fileId, pathToFile) {
  * Task agent to send file to Empire.
  */
 export function downloadFile(sessionId, pathToFile) {
-  return axios.post(`/agents/${sessionId}/tasks/download`, { path_to_file: pathToFile })
+  return axios
+    .post(`/agents/${sessionId}/tasks/download`, { path_to_file: pathToFile })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function updateComms(sessionId, listener) {
-  return axios.post(`/agents/${sessionId}/tasks/update_comms`, { new_listener_id: listener })
+  return axios
+    .post(`/agents/${sessionId}/tasks/update_comms`, {
+      new_listener_id: listener,
+    })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function updateKillDate(sessionId, killDate) {
-  return axios.post(`/agents/${sessionId}/tasks/kill_date`, { kill_date: killDate })
+  return axios
+    .post(`/agents/${sessionId}/tasks/kill_date`, { kill_date: killDate })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function updateWorkingHours(sessionId, workingHours) {
-  return axios.post(`/agents/${sessionId}/tasks/working_hours`, { working_hours: workingHours })
+  return axios
+    .post(`/agents/${sessionId}/tasks/working_hours`, {
+      working_hours: workingHours,
+    })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function updateSleep(sessionId, delay, jitter) {
-  return axios.post(`/agents/${sessionId}/tasks/sleep`, { delay, jitter })
+  return axios
+    .post(`/agents/${sessionId}/tasks/sleep`, { delay, jitter })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function scriptImport(sessionId, file) {
   const formData = new FormData();
-  formData.append('file', file);
+  formData.append("file", file);
 
   return axios({
-    method: 'post',
+    method: "post",
     url: `/agents/${sessionId}/tasks/script_import`,
     data: formData,
-    headers: { 'Content-Type': 'multipart/form-data' },
+    headers: { "Content-Type": "multipart/form-data" },
   })
     .then((response) => response.data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function scriptCommand(sessionId, command) {
-  return axios.post(`/agents/${sessionId}/tasks/script_command`, { command })
+  return axios
+    .post(`/agents/${sessionId}/tasks/script_command`, { command })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function updateProxies(sessionId, proxies) {
-  return axios.post(`/agents/${sessionId}/tasks/proxy_list`, proxies)
+  return axios
+    .post(`/agents/${sessionId}/tasks/proxy_list`, proxies)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function deleteTag(agentId, taskId, tag) {
-  return axios.delete(`agents/${agentId}/tasks/${taskId}/tags/${tag}`)
+  return axios
+    .delete(`agents/${agentId}/tasks/${taskId}/tags/${tag}`)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function updateTag(agentId, taskId, tag) {
-  return axios.put(`agents/${agentId}/${taskId}/tags/${tag.id}`, tag)
+  return axios
+    .put(`agents/${agentId}/${taskId}/tags/${tag.id}`, tag)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function addTag(agentId, taskId, tag) {
-  return axios.post(`agents/${agentId}/tasks/${taskId}/tags`, tag)
+  return axios
+    .post(`agents/${agentId}/tasks/${taskId}/tags`, tag)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
diff --git a/src/api/axios-instance.js b/src/api/axios-instance.js
index 88de492..ff0b8ca 100644
--- a/src/api/axios-instance.js
+++ b/src/api/axios-instance.js
@@ -1,7 +1,7 @@
-import axios from 'axios';
+import axios from "axios";
 
 // I don't like this cyclic dependency, but struggling to find a better way atm.
-import store from '@/store/index';
+import store from "@/store/index";
 
 // eslint-disable-next-line import/no-mutable-exports
 export let axiosInstance = null;
@@ -9,7 +9,10 @@ export let axiosInstance = null;
 export function setInstance(url, token) {
   axiosInstance = axios.create({
     baseURL: `${url}/api/v2`,
-    headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${token}` },
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${token}`,
+    },
   });
 
   // if our token is invalid, logout.
@@ -17,11 +20,11 @@ export function setInstance(url, token) {
     (response) => response,
     (err) => {
       if (!err?.response) {
-        store.dispatch('application/connectionError');
+        store.dispatch("application/connectionError");
       }
 
       if (err?.response?.status === 401 || err?.response?.status === 403) {
-        store.dispatch('application/logout');
+        store.dispatch("application/logout");
       }
       return Promise.reject(err);
     },
diff --git a/src/api/bypass-api.js b/src/api/bypass-api.js
index 3df44bf..8370f12 100644
--- a/src/api/bypass-api.js
+++ b/src/api/bypass-api.js
@@ -1,47 +1,54 @@
-import { axiosInstance as axios, handleError } from '@/api/axios-instance';
+import { axiosInstance as axios, handleError } from "@/api/axios-instance";
 
 /**
  * Returns a full list of bypasses.
  */
 // eslint-disable-next-line import/prefer-default-export
 export function getBypasses() {
-  return axios.get('/bypasses')
+  return axios
+    .get("/bypasses")
     .then(({ data }) => data.records)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function getBypass(id) {
-  return axios.get(`/bypasses/${id}`)
+  return axios
+    .get(`/bypasses/${id}`)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function createBypass(name, code, language) {
-  return axios.post('/bypasses', { name, code, language })
+  return axios
+    .post("/bypasses", { name, code, language })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function updateBypass(id, name, code, language) {
-  return axios.put(`/bypasses/${id}`, { name, code, language })
+  return axios
+    .put(`/bypasses/${id}`, { name, code, language })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function deleteBypass(id) {
-  return axios.delete(`/bypasses/${id}`)
+  return axios
+    .delete(`/bypasses/${id}`)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function reloadBypasses() {
-  return axios.post('/bypasses/reload')
+  return axios
+    .post("/bypasses/reload")
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function resetBypasses() {
-  return axios.post('/bypasses/reset')
+  return axios
+    .post("/bypasses/reset")
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
diff --git a/src/api/credential-api.js b/src/api/credential-api.js
index 642a24f..dde24a5 100644
--- a/src/api/credential-api.js
+++ b/src/api/credential-api.js
@@ -1,14 +1,16 @@
-import { axiosInstance as axios, handleError } from '@/api/axios-instance';
-import qs from 'qs';
+import { axiosInstance as axios, handleError } from "@/api/axios-instance";
+import qs from "qs";
 
 /**
  * Returns a full list of credentials.
  */
 export function getCredentials({ tags, search } = {}) {
-  return axios.get('/credentials', {
-    params: { tags, search },
-    paramsSerializer: (p) => qs.stringify(p, { arrayFormat: 'repeat', skipNulls: true }),
-  })
+  return axios
+    .get("/credentials", {
+      params: { tags, search },
+      paramsSerializer: (p) =>
+        qs.stringify(p, { arrayFormat: "repeat", skipNulls: true }),
+    })
     .then(({ data }) => data.records)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -17,7 +19,8 @@ export function getCredentials({ tags, search } = {}) {
  * Returns a single credential.
  */
 export function getCredential(id) {
-  return axios.get(`/credentials/${id}`)
+  return axios
+    .get(`/credentials/${id}`)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -26,7 +29,8 @@ export function getCredential(id) {
  * Updates a credential.
  */
 export function updateCredential(id, options) {
-  return axios.put(`/credentials/${id}`, options)
+  return axios
+    .put(`/credentials/${id}`, options)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -35,7 +39,8 @@ export function updateCredential(id, options) {
  * Create a credential.
  */
 export function createCredential(options) {
-  return axios.post('/credentials', options)
+  return axios
+    .post("/credentials", options)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -44,23 +49,27 @@ export function createCredential(options) {
  * Delete a credential.
  */
 export function deleteCredential(id) {
-  return axios.delete(`/credentials/${id}`)
+  return axios
+    .delete(`/credentials/${id}`)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function deleteTag(credentialId, tag) {
-  return axios.delete(`credentials/${credentialId}/tags/${tag}`)
+  return axios
+    .delete(`credentials/${credentialId}/tags/${tag}`)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function updateTag(credentialId, tag) {
-  return axios.put(`credentials/${credentialId}/tags/${tag.id}`, tag)
+  return axios
+    .put(`credentials/${credentialId}/tags/${tag.id}`, tag)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function addTag(credentialId, tag) {
-  return axios.post(`credentials/${credentialId}/tags`, tag)
+  return axios
+    .post(`credentials/${credentialId}/tags`, tag)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
diff --git a/src/api/download-api.js b/src/api/download-api.js
index b75de85..ea618c2 100644
--- a/src/api/download-api.js
+++ b/src/api/download-api.js
@@ -1,58 +1,71 @@
-import { axiosInstance as axios, handleError } from '@/api/axios-instance';
-import qs from 'qs';
+import { axiosInstance as axios, handleError } from "@/api/axios-instance";
+import qs from "qs";
 
 function getFilename(contentDisposition) {
   // need to handle filename="filename.jpg" and filename*=UTF-8''filename.jpg
-  if (contentDisposition.indexOf('filename*=') !== -1) {
-    return decodeURIComponent(contentDisposition.split('filename*=')[1].split("'")[2]);
+  if (contentDisposition.indexOf("filename*=") !== -1) {
+    return decodeURIComponent(
+      contentDisposition.split("filename*=")[1].split("'")[2],
+    );
   }
 
-  let filename = contentDisposition.split('filename=')[1];
-  filename = filename.replace(/^["']|["']$/g, '');
+  let filename = contentDisposition.split("filename=")[1];
+  filename = filename.replace(/^["']|["']$/g, "");
 
   return filename;
 }
 
 export function getDownloads({
-  page, limit, sortBy = 'updated_at', sortOrder = 'desc', query, sources, tags,
+  page,
+  limit,
+  sortBy = "updated_at",
+  sortOrder = "desc",
+  query,
+  sources,
+  tags,
 }) {
-  return axios.get('/downloads', {
-    params: {
-      page,
-      limit,
-      query,
-      sources,
-      tags,
-      order_by: sortBy,
-      order_direction: sortOrder,
-    },
-    paramsSerializer: (p) => qs.stringify(p, { arrayFormat: 'repeat', skipNulls: true }),
-  })
+  return axios
+    .get("/downloads", {
+      params: {
+        page,
+        limit,
+        query,
+        sources,
+        tags,
+        order_by: sortBy,
+        order_direction: sortOrder,
+      },
+      paramsSerializer: (p) =>
+        qs.stringify(p, { arrayFormat: "repeat", skipNulls: true }),
+    })
     .then((response) => response.data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function createDownload(data) {
   return axios({
-    method: 'post',
-    url: '/downloads',
+    method: "post",
+    url: "/downloads",
     data,
-    headers: { 'Content-Type': 'multipart/form-data' },
+    headers: { "Content-Type": "multipart/form-data" },
   });
 }
 
 export function getDownload(id) {
-  return axios.get(`/downloads/${id}/download`, { responseType: 'blob' })
+  return axios
+    .get(`/downloads/${id}/download`, { responseType: "blob" })
     .then((response) => {
-      const blob = new Blob([response.data], { type: response.headers['content-type'] });
+      const blob = new Blob([response.data], {
+        type: response.headers["content-type"],
+      });
       const url = window.URL.createObjectURL(blob);
-      const link = document.createElement('a');
+      const link = document.createElement("a");
       link.href = url;
-      const filename = getFilename(response.headers['content-disposition']);
+      const filename = getFilename(response.headers["content-disposition"]);
       console.warn(filename);
-      console.warn(response.headers['content-disposition']);
+      console.warn(response.headers["content-disposition"]);
 
-      link.setAttribute('download', filename);
+      link.setAttribute("download", filename);
       document.body.appendChild(link);
       link.click();
       document.body.removeChild(link);
@@ -61,9 +74,12 @@ export function getDownload(id) {
 }
 
 export function getDownloadAsUrl(id) {
-  return axios.get(`/downloads/${id}/download`, { responseType: 'blob' })
+  return axios
+    .get(`/downloads/${id}/download`, { responseType: "blob" })
     .then((response) => {
-      const blob = new Blob([response.data], { type: response.headers['content-type'] });
+      const blob = new Blob([response.data], {
+        type: response.headers["content-type"],
+      });
       const url = window.URL.createObjectURL(blob);
       return url;
     })
@@ -71,24 +87,28 @@ export function getDownloadAsUrl(id) {
 }
 
 export function getDownloadAsText(id) {
-  return axios.get(`/downloads/${id}/download`, { responseType: 'text' })
+  return axios
+    .get(`/downloads/${id}/download`, { responseType: "text" })
     .then((response) => response.data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function deleteTag(downloadId, tag) {
-  return axios.delete(`downloads/${downloadId}/tags/${tag}`)
+  return axios
+    .delete(`downloads/${downloadId}/tags/${tag}`)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function updateTag(downloadId, tag) {
-  return axios.put(`downloads/${downloadId}/tags/${tag.id}`, tag)
+  return axios
+    .put(`downloads/${downloadId}/tags/${tag.id}`, tag)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function addTag(downloadId, tag) {
-  return axios.post(`downloads/${downloadId}/tags`, tag)
+  return axios
+    .post(`downloads/${downloadId}/tags`, tag)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
diff --git a/src/api/listener-api.js b/src/api/listener-api.js
index 9df20ee..ce1dab4 100644
--- a/src/api/listener-api.js
+++ b/src/api/listener-api.js
@@ -1,10 +1,11 @@
-import { axiosInstance as axios, handleError } from '@/api/axios-instance';
+import { axiosInstance as axios, handleError } from "@/api/axios-instance";
 
 /**
  * Returns a single listener.
  */
 export function getListener(id) {
-  return axios.get(`/listeners/${id}`)
+  return axios
+    .get(`/listeners/${id}`)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -13,7 +14,8 @@ export function getListener(id) {
  * Returns a full list of listeners.
  */
 export function getListeners() {
-  return axios.get('/listeners')
+  return axios
+    .get("/listeners")
     .then(({ data }) => data.records)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -23,7 +25,8 @@ export function getListeners() {
  * @param {string} type the type of listener
  */
 export function getListenerTemplate(templateId) {
-  return axios.get(`/listener-templates/${templateId}`)
+  return axios
+    .get(`/listener-templates/${templateId}`)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -33,7 +36,8 @@ export function getListenerTemplate(templateId) {
  * @param {Object} options the options needed for creating a listener.
  */
 export function createListener(template, options) {
-  return axios.post('/listeners', { name: options.Name, template, options })
+  return axios
+    .post("/listeners", { name: options.Name, template, options })
     .then(({ data }) => data)
     .catch((error) => {
       console.log(error);
@@ -47,7 +51,8 @@ export function createListener(template, options) {
  */
 export function updateListener(listener) {
   listener.name = listener.options.Name;
-  return axios.put(`/listeners/${listener.id}`, listener)
+  return axios
+    .put(`/listeners/${listener.id}`, listener)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -56,7 +61,8 @@ export function updateListener(listener) {
  * Get the listener templates as an array of strings.
  */
 export function getListenerTemplates() {
-  return axios.get('/listener-templates')
+  return axios
+    .get("/listener-templates")
     .then(({ data }) => data.records)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -66,23 +72,27 @@ export function getListenerTemplates() {
  * @param {string} name name of the listener to kill
  */
 export function killListener(name) {
-  return axios.delete(`/listeners/${name}`)
+  return axios
+    .delete(`/listeners/${name}`)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function deleteTag(listenerId, tag) {
-  return axios.delete(`listeners/${listenerId}/tags/${tag}`)
+  return axios
+    .delete(`listeners/${listenerId}/tags/${tag}`)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function updateTag(listenerId, tag) {
-  return axios.put(`listeners/${listenerId}/tags/${tag.id}`, tag)
+  return axios
+    .put(`listeners/${listenerId}/tags/${tag.id}`, tag)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function addTag(listenerId, tag) {
-  return axios.post(`listeners/${listenerId}/tags`, tag)
+  return axios
+    .post(`listeners/${listenerId}/tags`, tag)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
diff --git a/src/api/malleable-api.js b/src/api/malleable-api.js
index 44aa903..e0a0b6b 100644
--- a/src/api/malleable-api.js
+++ b/src/api/malleable-api.js
@@ -1,46 +1,53 @@
-import { axiosInstance as axios, handleError } from '@/api/axios-instance';
+import { axiosInstance as axios, handleError } from "@/api/axios-instance";
 
 /**
  * Returns a full list of malleable profiles.
  */
 export function getMalleableProfiles() {
-  return axios.get('/malleable-profiles')
+  return axios
+    .get("/malleable-profiles")
     .then(({ data }) => data.records)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function createMalleableProfile(name, category, code) {
-  return axios.post('/malleable-profiles', { name, category, data: code })
+  return axios
+    .post("/malleable-profiles", { name, category, data: code })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function updateMalleableProfile(id, code) {
-  return axios.put(`/malleable-profiles/${id}`, { data: code })
+  return axios
+    .put(`/malleable-profiles/${id}`, { data: code })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function getMalleableProfile(id) {
-  return axios.get(`/malleable-profiles/${id}`)
+  return axios
+    .get(`/malleable-profiles/${id}`)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function deleteMalleableProfile(id) {
-  return axios.delete(`/malleable-profiles/${id}`)
+  return axios
+    .delete(`/malleable-profiles/${id}`)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function resetProfiles() {
-  return axios.post('/malleable-profiles/reset')
+  return axios
+    .post("/malleable-profiles/reset")
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function reloadProfiles() {
-  return axios.post('/malleable-profiles/reload')
+  return axios
+    .post("/malleable-profiles/reload")
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
diff --git a/src/api/module-api.js b/src/api/module-api.js
index f1e3f45..3f8fcbf 100644
--- a/src/api/module-api.js
+++ b/src/api/module-api.js
@@ -1,10 +1,11 @@
-import { axiosInstance as axios, handleError } from '@/api/axios-instance';
+import { axiosInstance as axios, handleError } from "@/api/axios-instance";
 
 /**
  * Returns a full list of modules.
  */
 export function getModules() {
-  return axios.get('/modules')
+  return axios
+    .get("/modules")
     .then(({ data }) => data.records)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -12,26 +13,36 @@ export function getModules() {
 /**
  * Executes a module against an agent.
  */
-export function executeModule(name, options, ignoreAdminCheck, ignoreLanguageCheck) {
-  return axios.post(`/agents/${options.Agent}/tasks/module/`, {
-    module_id: name,
-    options,
-    ignore_admin_check: ignoreAdminCheck,
-    ignore_language_version_check: ignoreLanguageCheck,
-  })
+export function executeModule(
+  name,
+  options,
+  ignoreAdminCheck,
+  ignoreLanguageCheck,
+) {
+  return axios
+    .post(`/agents/${options.Agent}/tasks/module/`, {
+      module_id: name,
+      options,
+      ignore_admin_check: ignoreAdminCheck,
+      ignore_language_version_check: ignoreLanguageCheck,
+    })
     .then(({ data }) => ({ agent: options.Agent, ...data }))
-    // eslint-disable-next-line prefer-promise-reject-errors
-    .catch((error) => Promise.reject({ agent: options.Agent, error: handleError(error) }));
+    .catch((error) =>
+      // eslint-disable-next-line prefer-promise-reject-errors
+      Promise.reject({ agent: options.Agent, error: handleError(error) }),
+    );
 }
 
 export function reloadModules() {
-  return axios.post('/modules/reload')
+  return axios
+    .post("/modules/reload")
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function resetModules() {
-  return axios.post('/modules/reset')
+  return axios
+    .post("/modules/reset")
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
diff --git a/src/api/obfuscation-api.js b/src/api/obfuscation-api.js
index 3b70cc4..ba83455 100644
--- a/src/api/obfuscation-api.js
+++ b/src/api/obfuscation-api.js
@@ -1,56 +1,72 @@
-import { axiosInstance as axios, handleError } from '@/api/axios-instance';
+import { axiosInstance as axios, handleError } from "@/api/axios-instance";
 
 /**
  * Returns a full list of keywords.
  */
 export function getKeywords() {
-  return axios.get('/obfuscation/keywords')
+  return axios
+    .get("/obfuscation/keywords")
     .then(({ data }) => data.records)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function createKeyword(keyword) {
-  return axios.post('/obfuscation/keywords', keyword)
+  return axios
+    .post("/obfuscation/keywords", keyword)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function updateKeyword(keyword) {
-  return axios.put(`/obfuscation/keywords/${keyword.id}`, keyword)
+  return axios
+    .put(`/obfuscation/keywords/${keyword.id}`, keyword)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function deleteKeyword(id) {
-  return axios.delete(`/obfuscation/keywords/${id}`)
+  return axios
+    .delete(`/obfuscation/keywords/${id}`)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function getObfuscationConfigs() {
-  return axios.get('/obfuscation/global')
+  return axios
+    .get("/obfuscation/global")
     .then(({ data }) => data.records)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
-export function getObfuscationConfig(language = 'powershell') {
-  return axios.get(`/obfuscation/global/${language}`)
+export function getObfuscationConfig(language = "powershell") {
+  return axios
+    .get(`/obfuscation/global/${language}`)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function updateObfuscationConfig(config) {
-  return axios.put(`/obfuscation/global/${config.language}`, config)
+  return axios
+    .put(`/obfuscation/global/${config.language}`, config)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
-export function preobfuscateModules(language = 'powershell', reobfuscate = false) {
-  return axios.post(`/obfuscation/global/${language}/preobfuscate`, {}, { params: { reobfuscate } })
+export function preobfuscateModules(
+  language = "powershell",
+  reobfuscate = false,
+) {
+  return axios
+    .post(
+      `/obfuscation/global/${language}/preobfuscate`,
+      {},
+      { params: { reobfuscate } },
+    )
     .catch((error) => Promise.reject(handleError(error)));
 }
 
-export function deletePreobfuscatedModules(language = 'powershell') {
-  return axios.delete(`/obfuscation/global/${language}/preobfuscate`)
+export function deletePreobfuscatedModules(language = "powershell") {
+  return axios
+    .delete(`/obfuscation/global/${language}/preobfuscate`)
     .catch((error) => Promise.reject(handleError(error)));
 }
diff --git a/src/api/plugin-api.js b/src/api/plugin-api.js
index 7996b1b..0edbd0f 100644
--- a/src/api/plugin-api.js
+++ b/src/api/plugin-api.js
@@ -1,11 +1,12 @@
-import { axiosInstance as axios, handleError } from '@/api/axios-instance';
-import qs from 'qs';
+import { axiosInstance as axios, handleError } from "@/api/axios-instance";
+import qs from "qs";
 
 /**
  * Returns a full list of plugins.
  */
 export function getPlugins() {
-  return axios.get('/plugins')
+  return axios
+    .get("/plugins")
     .then(({ data }) => data.records)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -15,7 +16,8 @@ export function getPlugins() {
  * This endpoint appears to be broken atm, we just grab the plugin from the list.
  */
 export function getPlugin(name) {
-  return axios.get(`/plugins/${name}`)
+  return axios
+    .get(`/plugins/${name}`)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -24,7 +26,8 @@ export function getPlugin(name) {
  * Execute a plugin command.
  */
 export function executePlugin(name, options) {
-  return axios.post(`/plugins/${name}/execute`, { options })
+  return axios
+    .post(`/plugins/${name}/execute`, { options })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -34,7 +37,8 @@ export function executePlugin(name, options) {
  * @param {string} pluginId
  */
 export function getTask(pluginId, taskId) {
-  return axios.get(`/plugins/${pluginId}/tasks/${taskId}`)
+  return axios
+    .get(`/plugins/${pluginId}/tasks/${taskId}`)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -43,17 +47,20 @@ export function getTask(pluginId, taskId) {
  * Get tasking results for an agent.
  * @param {string} pluginId plugin's id. Can also be an array of ids.
  */
-export function getTasks(pluginId, {
-  since = null,
-  limit = 50,
-  page = 1,
-  sortBy = 'id',
-  sortOrder = 'desc',
-  status = null,
-  users = null,
-  tags = null,
-  search = null,
-}) {
+export function getTasks(
+  pluginId,
+  {
+    since = null,
+    limit = 50,
+    page = 1,
+    sortBy = "id",
+    sortOrder = "desc",
+    status = null,
+    users = null,
+    tags = null,
+    search = null,
+  },
+) {
   const params = {
     since,
     limit,
@@ -70,39 +77,45 @@ export function getTasks(pluginId, {
     params.plugins = pluginId;
   }
 
-  let url = '';
+  let url = "";
   if (pluginId == null || Array.isArray(pluginId)) {
-    url = '/plugins/tasks';
+    url = "/plugins/tasks";
   } else {
     url = `/plugins/${pluginId}/tasks`;
   }
 
-  return axios.get(url, {
-    params,
-    paramsSerializer: (p) => qs.stringify(p, { arrayFormat: 'repeat', skipNulls: true }),
-  })
+  return axios
+    .get(url, {
+      params,
+      paramsSerializer: (p) =>
+        qs.stringify(p, { arrayFormat: "repeat", skipNulls: true }),
+    })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 export function reloadPlugins() {
-  return axios.post('/plugins/reload')
+  return axios
+    .post("/plugins/reload")
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function deleteTag(pluginId, taskId, tag) {
-  return axios.delete(`plugins/${pluginId}/tasks/${taskId}/tags/${tag}`)
+  return axios
+    .delete(`plugins/${pluginId}/tasks/${taskId}/tags/${tag}`)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function updateTag(pluginId, taskId, tag) {
-  return axios.put(`plugins/${pluginId}/${taskId}/tags/${tag.id}`, tag)
+  return axios
+    .put(`plugins/${pluginId}/${taskId}/tags/${tag.id}`, tag)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
 
 export function addTag(pluginId, taskId, tag) {
-  return axios.post(`plugins/${pluginId}/tasks/${taskId}/tags`, tag)
+  return axios
+    .post(`plugins/${pluginId}/tasks/${taskId}/tags`, tag)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
diff --git a/src/api/stager-api.js b/src/api/stager-api.js
index 6d3ee6e..f68babf 100644
--- a/src/api/stager-api.js
+++ b/src/api/stager-api.js
@@ -1,10 +1,11 @@
-import { axiosInstance as axios, handleError } from '@/api/axios-instance';
+import { axiosInstance as axios, handleError } from "@/api/axios-instance";
 
 /**
  * Returns a single stager.
  */
 export function getStager(id) {
-  return axios.get(`/stagers/${id}`)
+  return axios
+    .get(`/stagers/${id}`)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -13,7 +14,8 @@ export function getStager(id) {
  * Returns a full list of stagers.
  */
 export function getStagers() {
-  return axios.get('/stagers')
+  return axios
+    .get("/stagers")
     .then(({ data }) => data.records)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -23,7 +25,8 @@ export function getStagers() {
  * @param {string} type the type of stager
  */
 export function getStagerTemplate(templateId) {
-  return axios.get(`/stager-templates/${templateId}`)
+  return axios
+    .get(`/stager-templates/${templateId}`)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -33,7 +36,8 @@ export function getStagerTemplate(templateId) {
  * @param {Object} options options for generating the specific stager.
  */
 export function createStager(template, name, options) {
-  return axios.post('/stagers', { name, template, options })
+  return axios
+    .post("/stagers", { name, template, options })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -43,7 +47,8 @@ export function createStager(template, name, options) {
  * @param {Object} options the options needed for creating a stager.
  */
 export function updateStager(id, options) {
-  return axios.put(`/stagers/${id}`, options)
+  return axios
+    .put(`/stagers/${id}`, options)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -52,7 +57,8 @@ export function updateStager(id, options) {
  * Get the stager templates as an array of strings.
  */
 export function getStagerTemplates() {
-  return axios.get('/stager-templates')
+  return axios
+    .get("/stager-templates")
     .then(({ data }) => data.records)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -62,7 +68,8 @@ export function getStagerTemplates() {
  * @param {string} name name of stager
  */
 export function getStagerByName(name) {
-  return axios.get(`/stagers/${name}`)
+  return axios
+    .get(`/stagers/${name}`)
     .then(({ data }) => data.stagers[0])
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -72,6 +79,7 @@ export function getStagerByName(name) {
  * @param {string} id id of the stager to delete
  */
 export function deleteStager(id) {
-  return axios.delete(`/stagers/${id}`)
+  return axios
+    .delete(`/stagers/${id}`)
     .catch((error) => Promise.reject(handleError(error)));
 }
diff --git a/src/api/tag-api.js b/src/api/tag-api.js
index af7b74e..cc5077d 100644
--- a/src/api/tag-api.js
+++ b/src/api/tag-api.js
@@ -1,24 +1,31 @@
-import { axiosInstance as axios, handleError } from '@/api/axios-instance';
-import qs from 'qs';
+import { axiosInstance as axios, handleError } from "@/api/axios-instance";
+import qs from "qs";
 
 /**
  * Returns a full list of tags.
  */
 // eslint-disable-next-line import/prefer-default-export
 export function getTags({
-  page, limit, sortBy = 'updated_at', sortOrder = 'desc', query, sources,
+  page,
+  limit,
+  sortBy = "updated_at",
+  sortOrder = "desc",
+  query,
+  sources,
 }) {
-  return axios.get('/tags', {
-    params: {
-      page,
-      limit,
-      query,
-      sources,
-      order_by: sortBy,
-      order_direction: sortOrder,
-    },
-    paramsSerializer: (p) => qs.stringify(p, { arrayFormat: 'repeat', skipNulls: true }),
-  })
+  return axios
+    .get("/tags", {
+      params: {
+        page,
+        limit,
+        query,
+        sources,
+        order_by: sortBy,
+        order_direction: sortOrder,
+      },
+      paramsSerializer: (p) =>
+        qs.stringify(p, { arrayFormat: "repeat", skipNulls: true }),
+    })
     .then((response) => response.data)
     .catch((error) => Promise.reject(handleError(error)));
 }
diff --git a/src/api/user-api.js b/src/api/user-api.js
index 83b432b..4367aef 100644
--- a/src/api/user-api.js
+++ b/src/api/user-api.js
@@ -1,10 +1,11 @@
-import { axiosInstance as axios, handleError } from '@/api/axios-instance';
+import { axiosInstance as axios, handleError } from "@/api/axios-instance";
 
 /**
  * Returns a single users.
  */
 export function getUser(id) {
-  return axios.get(`/users/${id}`)
+  return axios
+    .get(`/users/${id}`)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -13,7 +14,8 @@ export function getUser(id) {
  * Returns a full list of users.
  */
 export function getUsers() {
-  return axios.get('/users')
+  return axios
+    .get("/users")
     .then(({ data }) => data.records)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -24,7 +26,8 @@ export function getUsers() {
  * @param {string} password
  */
 export function createUser(user) {
-  return axios.post('/users', user)
+  return axios
+    .post("/users", user)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -33,7 +36,8 @@ export function createUser(user) {
  * Update a user.
  */
 export function updateUser(user) {
-  return axios.put(`/users/${user.id}`, user)
+  return axios
+    .put(`/users/${user.id}`, user)
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
@@ -44,7 +48,8 @@ export function updateUser(user) {
  * @param {boolean} password new password
  */
 export function updatePassword(id, password) {
-  return axios.put(`/users/${id}/password`, { password })
+  return axios
+    .put(`/users/${id}/password`, { password })
     .then(({ data }) => data)
     .catch((error) => Promise.reject(handleError(error)));
 }
diff --git a/src/app.scss b/src/app.scss
index 16e8865..3ad3dd9 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -7,6 +7,8 @@
   margin-bottom: 15px;
 }
 
-.sc-launcher, .sc-open-icon, .sc-closed-icon {
+.sc-launcher,
+.sc-open-icon,
+.sc-closed-icon {
   bottom: 0 !important;
 }
diff --git a/src/components/Chat.vue b/src/components/Chat.vue
index 31ddacc..5b60ca4 100644
--- a/src/components/Chat.vue
+++ b/src/components/Chat.vue
@@ -31,7 +31,9 @@
             backgroundImage: `url(${user.imageUrl})`,
           }"
         >
-          <div :class="user.online ? 'online-indicator' : 'offline-indicator'" />
+          <div
+            :class="user.online ? 'online-indicator' : 'offline-indicator'"
+          />
         </div>
       </template>
     </beautiful-chat>
@@ -39,10 +41,10 @@
 </template>
 
 <script>
-import { mapState } from 'vuex';
+import { mapState } from "vuex";
 
 export default {
-  name: 'Chat',
+  name: "Chat",
   props: {
     socket: {
       type: Object,
@@ -55,7 +57,7 @@ export default {
       messageList: [],
       newMessagesCount: 0,
       isChatOpen: false,
-      showTypingIndicator: '',
+      showTypingIndicator: "",
       alwaysScrollToBottom: false,
       // enables *bold* /emph/ _underline_ and such (more info at github.com/mattezza/msgdown)
       messageStyling: true,
@@ -70,23 +72,23 @@ export default {
     colors() {
       if (this.darkMode) {
         return {
-          header: { bg: '#F37C22', text: '#FFFFFF' },
-          launcher: { bg: '#F37C22' },
-          messageList: { bg: '#1E1E1E' },
-          userList: { bg: '#1E1E1E' },
-          sentMessage: { bg: '#1F89FB', text: '#FFFFFF' },
-          receivedMessage: { bg: '#3B3B3D', text: '#E1E1E1' },
-          userInput: { bg: '#1C1C1C', text: '#D7D7D7' },
+          header: { bg: "#F37C22", text: "#FFFFFF" },
+          launcher: { bg: "#F37C22" },
+          messageList: { bg: "#1E1E1E" },
+          userList: { bg: "#1E1E1E" },
+          sentMessage: { bg: "#1F89FB", text: "#FFFFFF" },
+          receivedMessage: { bg: "#3B3B3D", text: "#E1E1E1" },
+          userInput: { bg: "#1C1C1C", text: "#D7D7D7" },
         };
       }
       return {
-        header: { bg: '#F37C22', text: '#FFFFFF' },
-        launcher: { bg: '#F37C22' },
-        messageList: { bg: '#FFFFFF' },
-        userList: { bg: '#FFFFFF' },
-        sentMessage: { bg: '#1E87FB', text: '#FFFFFF' },
-        receivedMessage: { bg: '#E9E9EB', text: '#242424' },
-        userInput: { bg: '#FFFFFF', text: '#3A3A3A' },
+        header: { bg: "#F37C22", text: "#FFFFFF" },
+        launcher: { bg: "#F37C22" },
+        messageList: { bg: "#FFFFFF" },
+        userList: { bg: "#FFFFFF" },
+        sentMessage: { bg: "#1E87FB", text: "#FFFFFF" },
+        receivedMessage: { bg: "#E9E9EB", text: "#242424" },
+        userInput: { bg: "#FFFFFF", text: "#3A3A3A" },
       };
     },
     participants() {
@@ -95,45 +97,53 @@ export default {
         // convert it to a a participant
         const user2 = this.mapUser(user);
         // if it exists in the rawParticipants array then they are online
-        user2.online = this.rawParticipants.find((p) => p.username === user2.name) !== undefined;
+        user2.online =
+          this.rawParticipants.find((p) => p.username === user2.name) !==
+          undefined;
         return user2;
       });
       return temp;
     },
   },
   mounted() {
-    this.$store.dispatch('user/getUsers');
-    this.socket.on('chat/join', (data) => {
+    this.$store.dispatch("user/getUsers");
+    this.socket.on("chat/join", (data) => {
       if (!this.isChatOpen) this.newMessagesCount++;
-      const message = { type: 'system', data: { text: data.message } };
+      const message = { type: "system", data: { text: data.message } };
       this.messageList = [...this.messageList, message];
       this.addUser(data.user);
     });
-    this.socket.on('chat/leave', (data) => {
+    this.socket.on("chat/leave", (data) => {
       if (!this.isChatOpen) this.newMessagesCount++;
-      const message = { type: 'system', data: { text: data.message } };
+      const message = { type: "system", data: { text: data.message } };
       this.messageList = [...this.messageList, message];
       this.removeUser(data.user);
     });
-    this.socket.on('chat/message', (data) => {
+    this.socket.on("chat/message", (data) => {
       if (!this.isChatOpen) this.newMessagesCount++;
-      if (data.username === this.me) { data.username = 'me'; }
-      const message = { type: 'text', author: data.username, data: { text: data.message } };
+      if (data.username === this.me) {
+        data.username = "me";
+      }
+      const message = {
+        type: "text",
+        author: data.username,
+        data: { text: data.message },
+      };
       this.messageList = [...this.messageList, message];
     });
-    this.socket.on('chat/participants', (data) => {
+    this.socket.on("chat/participants", (data) => {
       this.setUsers(data);
     });
-    this.socket.emit('chat/join');
-    this.socket.emit('chat/history');
-    this.socket.emit('chat/participants');
+    this.socket.emit("chat/join");
+    this.socket.emit("chat/history");
+    this.socket.emit("chat/participants");
   },
   destroyed() {
-    this.socket.emit('chat/leave');
+    this.socket.emit("chat/leave");
   },
   methods: {
     onMessageWasSent(message) {
-      this.socket.emit('chat/message', { message: message.data.text });
+      this.socket.emit("chat/message", { message: message.data.text });
     },
     openChat() {
       this.isChatOpen = true;
@@ -147,11 +157,14 @@ export default {
       // leverage pagination for loading another page of messages
     },
     addUser(user) {
-      if (this.rawParticipants.find((u) => u.username === user.username)) return;
+      if (this.rawParticipants.find((u) => u.username === user.username))
+        return;
       this.rawParticipants.push(user);
     },
     removeUser(user) {
-      const index = this.rawParticipants.findIndex((u) => u.username === user.username);
+      const index = this.rawParticipants.findIndex(
+        (u) => u.username === user.username,
+      );
       if (index > -1) {
         this.rawParticipants.splice(index, 1);
         this.rawParticipants = [...this.rawParticipants];
@@ -183,21 +196,21 @@ export default {
   margin-bottom: 0px !important; /* Overriding the v-application paragraph margin */
 }
 .online-indicator {
-    width: 8px;
-    height: 8px;
-    border-radius: 4px;
-    background-color: #9dff00;
-    -webkit-box-shadow: 0px 0px 0px 1px rgba(112,112,112,1);
-    -moz-box-shadow: 0px 0px 0px 1px rgba(112,112,112,1);
-    box-shadow: 0px 0px 0px 1px rgba(112,112,112,1);
+  width: 8px;
+  height: 8px;
+  border-radius: 4px;
+  background-color: #9dff00;
+  -webkit-box-shadow: 0px 0px 0px 1px rgba(112, 112, 112, 1);
+  -moz-box-shadow: 0px 0px 0px 1px rgba(112, 112, 112, 1);
+  box-shadow: 0px 0px 0px 1px rgba(112, 112, 112, 1);
 }
 .offline-indicator {
-    width: 8px;
-    height: 8px;
-    border-radius: 4px;
-    background-color: #f52a0f;
-    -webkit-box-shadow: 0px 0px 0px 1px rgba(112,112,112,1);
-    -moz-box-shadow: 0px 0px 0px 1px rgba(112,112,112,1);
-    box-shadow: 0px 0px 0px 1px rgba(112,112,112,1);
+  width: 8px;
+  height: 8px;
+  border-radius: 4px;
+  background-color: #f52a0f;
+  -webkit-box-shadow: 0px 0px 0px 1px rgba(112, 112, 112, 1);
+  -moz-box-shadow: 0px 0px 0px 1px rgba(112, 112, 112, 1);
+  box-shadow: 0px 0px 0px 1px rgba(112, 112, 112, 1);
 }
 </style>
diff --git a/src/components/ClickToEdit.vue b/src/components/ClickToEdit.vue
index 797b3fc..2a7b218 100644
--- a/src/components/ClickToEdit.vue
+++ b/src/components/ClickToEdit.vue
@@ -3,11 +3,7 @@
     <v-col cols="4">
       <span class="text--bold">{{ label }}</span>
     </v-col>
-    <v-col
-      cols="6"
-      :class="getColClass()"
-      @click="clicked"
-    >
+    <v-col cols="6" :class="getColClass()" @click="clicked">
       <template v-if="editing && editable">
         <v-autocomplete
           v-if="suggestedValues.length > 0 && strict"
@@ -55,24 +51,31 @@
             <v-btn
               text
               color="primary"
-              @click="menu = false; editing = false; revert();"
+              @click="
+                menu = false;
+                editing = false;
+                revert();
+              "
             >
               Cancel
             </v-btn>
             <v-btn
               text
               color="primary"
-              @click="menu = false; update();"
+              @click="
+                menu = false;
+                update();
+              "
             >
               OK
             </v-btn>
           </v-date-picker>
         </v-menu>
         <v-text-field
-          v-else-if="(dataType === 'string' || dataType === 'number')"
+          v-else-if="dataType === 'string' || dataType === 'number'"
           ref="field"
           v-model="internalValue"
-          style="margin-bottom: -45px;"
+          style="margin-bottom: -45px"
           :rules="rules"
           :label="label"
           :type="dataType === 'string' ? 'text' : 'number'"
@@ -86,10 +89,7 @@
           @keyup.enter="update"
         />
       </template>
-      <span
-        v-else
-        class="ml-3"
-      >
+      <span v-else class="ml-3">
         {{ internalValue }}
       </span>
     </v-col>
@@ -97,12 +97,11 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex';
-import moment from 'moment';
+import { mapGetters } from "vuex";
+import moment from "moment";
 
 export default {
-  components: {
-  },
+  components: {},
   props: {
     editable: {
       type: Boolean,
@@ -114,11 +113,11 @@ export default {
     },
     value: {
       type: [String, Number],
-      default: '',
+      default: "",
     },
     dataType: {
       type: String,
-      default: 'string',
+      default: "string",
     },
     suggestedValues: {
       type: Array,
@@ -138,7 +137,7 @@ export default {
       internalValue: this.value,
       editing: false,
       menu: false,
-      original: '',
+      original: "",
       moment,
     };
   },
@@ -147,12 +146,12 @@ export default {
       return this.original !== this.internalValue;
     },
     ...mapGetters({
-      isDarkMode: 'application/isDarkMode',
+      isDarkMode: "application/isDarkMode",
     }),
   },
   watch: {
     internalValue(val) {
-      this.$emit('input', val);
+      this.$emit("input", val);
     },
   },
   mounted() {
@@ -163,7 +162,7 @@ export default {
       if (!this.editable) return;
       this.editing = true;
       this.$nextTick(() => {
-        if (this.dataType === 'date' || this.dataType === 'date-range') {
+        if (this.dataType === "date" || this.dataType === "date-range") {
           this.menu = true;
         } else {
           this.$refs.field.focus();
@@ -175,35 +174,35 @@ export default {
         return;
       }
 
-      if (this.label === 'Delay') {
+      if (this.label === "Delay") {
         this.internalValue = Math.floor(this.internalValue);
-      } else if (this.label === 'Jitter') {
+      } else if (this.label === "Jitter") {
         // truncate to 1 decimal place
         this.internalValue = Math.floor(this.internalValue * 10) / 10;
       }
       await this.$nextTick();
 
       this.editing = false;
-      this.$emit('update');
+      this.$emit("update");
     },
     revert() {
       this.editing = false;
       this.internalValue = this.original;
     },
     async clear() {
-      this.internalValue = '';
+      this.internalValue = "";
       await this.$nextTick();
       this.editing = false;
-      this.$emit('update');
+      this.$emit("update");
     },
     getColClass() {
       if (this.editing === false && this.editable === true) {
         if (this.isDarkMode) {
-          return 'column-not-editing-dark';
+          return "column-not-editing-dark";
         }
-        return 'column-not-editing';
+        return "column-not-editing";
       }
-      return '';
+      return "";
     },
   },
 };
@@ -212,15 +211,15 @@ export default {
 <style>
 .column-not-editing {
   background-color: rgb(0, 0, 0, 0.1);
-  border-radius:5px;
-  height:45px;
+  border-radius: 5px;
+  height: 45px;
   cursor: pointer;
 }
 
 .column-not-editing-dark {
   background-color: rgb(255, 255, 255, 0.1);
-  border-radius:5px;
-  height:45px;
+  border-radius: 5px;
+  height: 45px;
   cursor: pointer;
 }
 </style>
diff --git a/src/components/Confirm.vue b/src/components/Confirm.vue
index 329cbc3..d7416ad 100644
--- a/src/components/Confirm.vue
+++ b/src/components/Confirm.vue
@@ -6,37 +6,18 @@
     @keydown.esc="cancel"
   >
     <v-card>
-      <v-toolbar
-        dark
-        :color="options.color"
-        dense
-        flat
-      >
+      <v-toolbar dark :color="options.color" dense flat>
         <v-toolbar-title class="white--text">
           {{ title }}
         </v-toolbar-title>
       </v-toolbar>
-      <v-card-text
-        v-show="!!message"
-        class="pa-4"
-      >
+      <v-card-text v-show="!!message" class="pa-4">
         {{ message }}
       </v-card-text>
       <v-card-actions class="pt-0">
         <v-spacer />
-        <v-btn
-          color="grey"
-          text
-          @click.native="cancel"
-        >
-          Cancel
-        </v-btn>
-        <v-btn
-          color="primary"
-          @click.native="agree"
-        >
-          Yes
-        </v-btn>
+        <v-btn color="grey" text @click.native="cancel"> Cancel </v-btn>
+        <v-btn color="primary" @click.native="agree"> Yes </v-btn>
       </v-card-actions>
     </v-card>
   </v-dialog>
@@ -80,7 +61,7 @@ export default {
     message: null,
     title: null,
     options: {
-      color: 'primary',
+      color: "primary",
       width: 290,
       zIndex: 200,
     },
diff --git a/src/components/DateTimeDisplay.vue b/src/components/DateTimeDisplay.vue
index ee9ca87..21b6908 100644
--- a/src/components/DateTimeDisplay.vue
+++ b/src/components/DateTimeDisplay.vue
@@ -3,15 +3,15 @@
     <template #activator="{ on }">
       <span v-on="on">{{ moment(timestamp).fromNow() }}</span>
     </template>
-    <span>{{ moment(timestamp).format('MMM D YYYY, h:mm:ss a') }}</span>
+    <span>{{ moment(timestamp).format("MMM D YYYY, h:mm:ss a") }}</span>
   </v-tooltip>
 </template>
 
 <script>
-import moment from 'moment';
+import moment from "moment";
 
 export default {
-  name: 'DateTimeDisplay',
+  name: "DateTimeDisplay",
   props: {
     timestamp: {
       type: String,
@@ -26,5 +26,4 @@ export default {
 };
 </script>
 
-<style>
-</style>
+<style></style>
diff --git a/src/components/DynamicFormInput.vue b/src/components/DynamicFormInput.vue
index 76314bb..f31022b 100644
--- a/src/components/DynamicFormInput.vue
+++ b/src/components/DynamicFormInput.vue
@@ -2,10 +2,12 @@
 <template>
   <div>
     <v-switch
-      v-if="suggestedValues.length > 0
-        && strict
-        && suggestedValues.includes('True')
-        && suggestedValues.includes('False')"
+      v-if="
+        suggestedValues.length > 0 &&
+        strict &&
+        suggestedValues.includes('True') &&
+        suggestedValues.includes('False')
+      "
       v-model="internalValue"
       false-value="False"
       true-value="True"
@@ -38,14 +40,18 @@
       item-value="id"
       item-text="id"
     >
-      <template
-        #item="data"
-      >
+      <template #item="data">
         <v-list-item-content>
           <v-list-item-title
-            v-text="truncate(`${data.item.username}, ${data.item.domain}, ${data.item.password}`)"
+            v-text="
+              truncate(
+                `${data.item.username}, ${data.item.domain}, ${data.item.password}`,
+              )
+            "
+          />
+          <v-list-item-subtitle
+            v-text="truncate(`id: ${data.item.id}, notes: ${data.item.notes}`)"
           />
-          <v-list-item-subtitle v-text="truncate(`id: ${data.item.id}, notes: ${data.item.notes}`)" />
         </v-list-item-content>
       </template>
     </v-autocomplete>
@@ -81,7 +87,7 @@
 </template>
 
 <script>
-import FileInput from '@/components/FileInput.vue';
+import FileInput from "@/components/FileInput.vue";
 
 export default {
   components: { FileInput },
@@ -108,7 +114,7 @@ export default {
     },
     type: {
       type: String,
-      default: 'text',
+      default: "text",
     },
   },
   data() {
@@ -118,7 +124,7 @@ export default {
   },
   watch: {
     internalValue(val) {
-      this.$emit('input', val);
+      this.$emit("input", val);
     },
   },
   methods: {
@@ -126,12 +132,10 @@ export default {
       if (msg) {
         return msg.length > 80 ? `${msg.substr(0, 80)}...` : msg;
       }
-      return '';
+      return "";
     },
   },
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/components/EditPageTop.vue b/src/components/EditPageTop.vue
index f975a2f..4a330ea 100644
--- a/src/components/EditPageTop.vue
+++ b/src/components/EditPageTop.vue
@@ -1,9 +1,6 @@
 <template>
   <portal to="app-bar">
-    <div
-      class="v-toolbar__content"
-      style="width:100%"
-    >
+    <div class="v-toolbar__content" style="width: 100%">
       <v-breadcrumbs :items="breads" />
       <v-spacer />
       <slot name="extra-stuff" />
@@ -15,11 +12,7 @@
         @click="$emit('delete')"
       >
         {{ deleteText }}
-        <v-icon
-          right
-        >
-          fa-trash-alt
-        </v-icon>
+        <v-icon right> fa-trash-alt </v-icon>
       </v-btn>
       <tooltip-button
         v-else-if="showDelete && smallDelete"
@@ -36,11 +29,7 @@
         :to="copyLink"
       >
         {{ copyText }}
-        <v-icon
-          right
-        >
-          fa-copy
-        </v-icon>
+        <v-icon right> fa-copy </v-icon>
       </v-btn>
       <tooltip-button
         v-else-if="showCopy && Object.keys(copyLink).length > 0 && smallCopy"
@@ -63,23 +52,23 @@
 </template>
 
 <script>
-import TooltipButton from '@/components/TooltipButton.vue';
+import TooltipButton from "@/components/TooltipButton.vue";
 
 export default {
-  name: 'ListPageTop',
+  name: "ListPageTop",
   components: { TooltipButton },
   props: {
     deleteText: {
       type: String,
-      default: 'Delete',
+      default: "Delete",
     },
     copyText: {
       type: String,
-      default: 'Copy',
+      default: "Copy",
     },
     submitText: {
       type: String,
-      default: 'Submit',
+      default: "Submit",
     },
     showDelete: {
       type: Boolean,
@@ -120,6 +109,4 @@ export default {
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/components/ErrorStateAlert.vue b/src/components/ErrorStateAlert.vue
index 2052320..124941e 100644
--- a/src/components/ErrorStateAlert.vue
+++ b/src/components/ErrorStateAlert.vue
@@ -1,16 +1,11 @@
 <template>
-  <v-alert
-    prominent
-    type="error"
-  >
+  <v-alert prominent type="error">
     <v-row align="center">
       <v-col class="grow">
         {{ message }}
       </v-col>
       <v-col class="shrink">
-        <v-btn @click="$router.go(-1)">
-          Go back
-        </v-btn>
+        <v-btn @click="$router.go(-1)"> Go back </v-btn>
       </v-col>
     </v-row>
   </v-alert>
@@ -18,7 +13,7 @@
 
 <script>
 export default {
-  name: 'ErrorStateAlert',
+  name: "ErrorStateAlert",
   props: {
     resourceType: {
       type: String,
@@ -30,12 +25,12 @@ export default {
     },
     message: {
       type: String,
-      default() { return `The resource '${this.resourceType}/${this.resourceId}' Not Found.`; },
+      default() {
+        return `The resource '${this.resourceType}/${this.resourceId}' Not Found.`;
+      },
     },
   },
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/components/FileInput.vue b/src/components/FileInput.vue
index 92849a3..43c5448 100644
--- a/src/components/FileInput.vue
+++ b/src/components/FileInput.vue
@@ -1,6 +1,10 @@
 <template>
   <div>
-    <file-upload-dialog v-model="showDialog" :rules="rules" @submit="fileUploaded" />
+    <file-upload-dialog
+      v-model="showDialog"
+      :rules="rules"
+      @submit="fileUploaded"
+    />
     <v-autocomplete
       v-model="internalValue"
       :items="fileItems"
@@ -24,9 +28,9 @@
 </template>
 
 <script>
-import * as downloadApi from '@/api/download-api';
-import FileUploadDialog from '@/components/FileUploadDialog.vue';
-import formatBytes from '@/utils/format-bytes';
+import * as downloadApi from "@/api/download-api";
+import FileUploadDialog from "@/components/FileUploadDialog.vue";
+import formatBytes from "@/utils/format-bytes";
 
 export default {
   components: { FileUploadDialog },
@@ -37,7 +41,7 @@ export default {
     },
     label: {
       type: String,
-      default: 'Server Files',
+      default: "Server Files",
     },
     rules: {
       type: Array,
@@ -67,9 +71,13 @@ export default {
   computed: {
     fileItems() {
       return this.entries.map((entry) => {
-        const description = entry.location.length > this.descriptionLimit
-          ? `(${formatBytes(entry.size)}) ${entry.location.slice(0, this.descriptionLimit)}...`
-          : `(${formatBytes(entry.size)}) ${entry.location}`;
+        const description =
+          entry.location.length > this.descriptionLimit
+            ? `(${formatBytes(entry.size)}) ${entry.location.slice(
+                0,
+                this.descriptionLimit,
+              )}...`
+            : `(${formatBytes(entry.size)}) ${entry.location}`;
 
         return { ...entry, description };
       });
@@ -77,7 +85,7 @@ export default {
   },
   watch: {
     internalValue(val) {
-      this.$emit('input', val);
+      this.$emit("input", val);
     },
     value(val) {
       this.internalValue = val;
@@ -102,13 +110,16 @@ export default {
       this.isLoading = true;
 
       // Lazily load input items
-      downloadApi.getDownloads({ page: 1, limit: -1 })
+      downloadApi
+        .getDownloads({ page: 1, limit: -1 })
         .then((res) => {
           const { records } = res;
 
           // Filter out files that are too large
           if (this.maximumFileSize > 0) {
-            this.entries = records.filter((entry) => entry.size <= this.maximumFileSize);
+            this.entries = records.filter(
+              (entry) => entry.size <= this.maximumFileSize,
+            );
           } else {
             this.entries = records;
           }
@@ -134,6 +145,4 @@ export default {
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/components/FileUploadDialog.vue b/src/components/FileUploadDialog.vue
index f41733c..965ccac 100644
--- a/src/components/FileUploadDialog.vue
+++ b/src/components/FileUploadDialog.vue
@@ -1,19 +1,11 @@
 <template>
-  <v-dialog
-    ref="uploadDialog"
-    v-model="show"
-    max-width="750px"
-  >
+  <v-dialog ref="uploadDialog" v-model="show" max-width="750px">
     <v-card>
       <v-card-title>
         <span class="headline">Upload To Empire Server</span>
       </v-card-title>
       <v-card-text>
-        <v-form
-          ref="form"
-          on-submit="return false;"
-          @submit.prevent
-        >
+        <v-form ref="form" on-submit="return false;" @submit.prevent>
           <v-container>
             <v-row>
               <v-col cols="12">
@@ -32,19 +24,10 @@
       </v-card-text>
       <v-card-actions>
         <v-spacer />
-        <v-btn
-          color="blue darken-1"
-          text
-          @click.stop="show = false"
-        >
+        <v-btn color="blue darken-1" text @click.stop="show = false">
           Close
         </v-btn>
-        <v-btn
-          color="blue darken-1"
-          text
-          :loading="loading"
-          @click="submit"
-        >
+        <v-btn color="blue darken-1" text :loading="loading" @click="submit">
           Upload
         </v-btn>
       </v-card-actions>
@@ -53,12 +36,11 @@
 </template>
 
 <script>
-import * as downloadApi from '@/api/download-api';
+import * as downloadApi from "@/api/download-api";
 
 export default {
-  name: 'FileUploadDialog',
-  components: {
-  },
+  name: "FileUploadDialog",
+  components: {},
   props: {
     value: {
       type: Boolean,
@@ -81,25 +63,25 @@ export default {
         return this.value;
       },
       set(value) {
-        this.$emit('input', value);
+        this.$emit("input", value);
       },
     },
   },
   methods: {
     async submit() {
-      if (!this.$refs.form.validate()) { return; }
+      if (!this.$refs.form.validate()) {
+        return;
+      }
 
       const formData = new FormData();
-      formData.append('file', this.file);
+      formData.append("file", this.file);
 
       const response = await downloadApi.createDownload(formData);
 
-      this.$emit('submit', { file: response.data });
+      this.$emit("submit", { file: response.data });
     },
   },
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/components/GeneralForm.vue b/src/components/GeneralForm.vue
index 358411d..3502866 100644
--- a/src/components/GeneralForm.vue
+++ b/src/components/GeneralForm.vue
@@ -5,10 +5,7 @@
     :readonly="readonly"
     @submit.prevent.native="submit"
   >
-    <v-row
-      v-for="field in requiredFields"
-      :key="field.name"
-    >
+    <v-row v-for="field in requiredFields" :key="field.name">
       <v-col cols="6">
         <dynamic-form-input
           v-model="form[field.name]"
@@ -27,14 +24,8 @@
     <v-subheader v-if="optionalFields.length > 0">
       Optional Fields
     </v-subheader>
-    <v-divider
-      v-if="optionalFields.length > 0"
-      class="mb-8"
-    />
-    <v-row
-      v-for="field in optionalFields"
-      :key="field.name"
-    >
+    <v-divider v-if="optionalFields.length > 0" class="mb-8" />
+    <v-row v-for="field in optionalFields" :key="field.name">
       <v-col cols="6">
         <dynamic-form-input
           v-model="form[field.name]"
@@ -53,9 +44,9 @@
 </template>
 
 <script>
-import Vue from 'vue';
-import { mapGetters } from 'vuex';
-import DynamicFormInput from './DynamicFormInput.vue';
+import Vue from "vue";
+import { mapGetters } from "vuex";
+import DynamicFormInput from "./DynamicFormInput.vue";
 
 export default {
   components: {
@@ -83,10 +74,10 @@ export default {
   },
   computed: {
     ...mapGetters({
-      listeners: 'listener/listenerNames',
-      bypasses: 'bypass/bypassNames',
-      malleableProfiles: 'malleable/profileNames',
-      credentials: 'credential/credentials',
+      listeners: "listener/listenerNames",
+      bypasses: "bypass/bypassNames",
+      malleableProfiles: "malleable/profileNames",
+      credentials: "credential/credentials",
     }),
     /**
      * Fields that go in the "Optional" section
@@ -110,16 +101,21 @@ export default {
      * their respective sections.
      */
     fields() {
-      const fields = Object.keys(this.options)
-        .map((key) => ({ name: key, ...this.options[key] }));
+      const fields = Object.keys(this.options).map((key) => ({
+        name: key,
+        ...this.options[key],
+      }));
 
-      this.priority.slice().reverse().forEach((item) => {
-        const index = fields.findIndex((f) => f.name === item);
-        if (index > -1) {
-          const fItem = fields.splice(index, 1)[0];
-          fields.unshift(fItem);
-        }
-      });
+      this.priority
+        .slice()
+        .reverse()
+        .forEach((item) => {
+          const index = fields.findIndex((f) => f.name === item);
+          if (index > -1) {
+            const fItem = fields.splice(index, 1)[0];
+            fields.unshift(fItem);
+          }
+        });
 
       return fields;
     },
@@ -131,7 +127,7 @@ export default {
         map[field.name] = [];
         if (field.required === true) {
           map[field.name].push(
-            (v) => (!!v || v === 0) || `${field.name} is required`,
+            (v) => !!v || v === 0 || `${field.name} is required`,
           );
         }
 
@@ -144,9 +140,9 @@ export default {
       handler(val) {
         const form2 = { ...val };
         if (form2.Bypasses) {
-          form2.Bypasses = form2.Bypasses.join(' ');
+          form2.Bypasses = form2.Bypasses.join(" ");
         }
-        this.$emit('input', form2);
+        this.$emit("input", form2);
       },
       deep: true,
     },
@@ -157,52 +153,58 @@ export default {
       immediate: true,
       handler(arr) {
         const map2 = arr.reduce((map, obj) => {
-          if (obj.name === 'Bypasses' && !Array.isArray(obj.value)) {
-            map[obj.name] = obj.value.split(' ') || [];
+          if (obj.name === "Bypasses" && !Array.isArray(obj.value)) {
+            map[obj.name] = obj.value.split(" ") || [];
           } else {
-            map[obj.name] = obj.value == null ? '' : obj.value;
+            map[obj.name] = obj.value == null ? "" : obj.value;
           }
           return map;
         }, {});
-        Vue.set(this, 'form', map2);
+        Vue.set(this, "form", map2);
       },
     },
   },
   mounted() {
     if (this.listeners?.length === 0) {
-      this.$store.dispatch('listener/getListeners');
+      this.$store.dispatch("listener/getListeners");
     }
     if (this.bypasses?.length === 0) {
-      this.$store.dispatch('bypass/getBypasses');
+      this.$store.dispatch("bypass/getBypasses");
     }
     if (this.malleableProfiles?.length === 0) {
-      this.$store.dispatch('malleable/getMalleableProfiles');
+      this.$store.dispatch("malleable/getMalleableProfiles");
     }
     if (this.credentials?.length === 0) {
-      this.$store.dispatch('credential/getCredentials');
+      this.$store.dispatch("credential/getCredentials");
     }
   },
   methods: {
     suggestedValuesForField(field) {
-      if (['Listener', 'RedirectListener'].includes(field.name)) {
+      if (["Listener", "RedirectListener"].includes(field.name)) {
         return this.listeners;
-      } if (field.name === 'Bypasses') {
+      }
+      if (field.name === "Bypasses") {
         return this.bypasses;
-      } if (field.name === 'Profile') {
+      }
+      if (field.name === "Profile") {
         return this.malleableProfiles;
-      } if (field.name === 'CredID') {
+      }
+      if (field.name === "CredID") {
         return this.credentials;
       }
       return field.suggested_values;
     },
     strictForField(field) {
-      if (field.name === 'Listener') {
+      if (field.name === "Listener") {
         return true;
-      } if (field.name === 'Bypasses') {
+      }
+      if (field.name === "Bypasses") {
         return true;
-      } if (field.name === 'Profile') {
+      }
+      if (field.name === "Profile") {
         return true;
-      } if (field.name === 'CredID') {
+      }
+      if (field.name === "CredID") {
         return true;
       }
       return field.strict;
@@ -211,17 +213,15 @@ export default {
       return this.fields.find((el) => el.name === name);
     },
     fieldType(el) {
-      if (el.value_type === 'INTEGER') return 'number';
-      if (el.value_type === 'FLOAT') return 'float';
-      if (el.value_type === 'BOOLEAN') return 'boolean';
-      if (el.value_type === 'STRING') return 'string';
-      if (el.value_type === 'FILE') return 'file';
-      return 'string';
+      if (el.value_type === "INTEGER") return "number";
+      if (el.value_type === "FLOAT") return "float";
+      if (el.value_type === "BOOLEAN") return "boolean";
+      if (el.value_type === "STRING") return "string";
+      if (el.value_type === "FILE") return "file";
+      return "string";
     },
   },
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/components/InfoViewer.vue b/src/components/InfoViewer.vue
index 53958e4..9431332 100644
--- a/src/components/InfoViewer.vue
+++ b/src/components/InfoViewer.vue
@@ -9,15 +9,11 @@
           {{ info.description }}
         </v-expansion-panel-header>
         <v-expansion-panel-content>
-          <div style="text-align: left;">
-            <div
-              style="margin-bottom: 10px"
-            >
+          <div style="text-align: left">
+            <div style="margin-bottom: 10px">
               <span>
                 <b class="mr-2">Authors:</b>
-                <template
-                  v-for="author, index in info.authors"
-                >
+                <template v-for="(author, index) in info.authors">
                   <v-chip
                     v-if="author.link"
                     :key="index"
@@ -41,16 +37,11 @@
                 </template>
               </span>
             </div>
-            <div
-              style="margin-bottom: 10px"
-            >
+            <div style="margin-bottom: 10px">
               <span>
                 <b class="mr-2">Comments:</b>
                 <ul>
-                  <li
-                    v-for="comment, index in info.comments"
-                    :key="index"
-                  >
+                  <li v-for="(comment, index) in info.comments" :key="index">
                     {{ comment }}
                   </li>
                 </ul>
@@ -85,12 +76,14 @@ export default {
     formatDisplayName(author) {
       if (author.name && author.handle) {
         return `${author.name} (${author.handle})`;
-      } if (author.name) {
+      }
+      if (author.name) {
         return author.name;
-      } if (author.handle) {
+      }
+      if (author.handle) {
         return author.handle;
       }
-      return '';
+      return "";
     },
   },
 };
diff --git a/src/components/ListPageTop.vue b/src/components/ListPageTop.vue
index af9e747..c128296 100644
--- a/src/components/ListPageTop.vue
+++ b/src/components/ListPageTop.vue
@@ -1,9 +1,6 @@
 <template>
   <portal to="app-bar">
-    <div
-      class="v-toolbar__content"
-      style="width:100%"
-    >
+    <div class="v-toolbar__content" style="width: 100%">
       <v-breadcrumbs :items="breads" />
       <v-spacer />
       <slot name="extra-stuff" />
@@ -16,11 +13,7 @@
           @click="$emit('delete')"
         >
           {{ deleteText }}
-          <v-icon
-            right
-          >
-            fa-trash-alt
-          </v-icon>
+          <v-icon right> fa-trash-alt </v-icon>
         </v-btn>
         <v-btn
           v-if="showRefresh"
@@ -31,11 +24,7 @@
           @click="$emit('refresh')"
         >
           {{ refreshText }}
-          <v-icon
-            right
-          >
-            fa-redo {{ refreshLoading ? 'fa-spin' : '' }}
-          </v-icon>
+          <v-icon right> fa-redo {{ refreshLoading ? "fa-spin" : "" }} </v-icon>
         </v-btn>
         <v-btn
           v-if="showCreate"
@@ -45,11 +34,7 @@
           @click="$emit('create')"
         >
           {{ createText }}
-          <v-icon
-            right
-          >
-            fa-plus-square
-          </v-icon>
+          <v-icon right> fa-plus-square </v-icon>
         </v-btn>
       </div>
     </div>
@@ -58,19 +43,19 @@
 
 <script>
 export default {
-  name: 'ListPageTop',
+  name: "ListPageTop",
   props: {
     deleteText: {
       type: String,
-      default: 'Delete',
+      default: "Delete",
     },
     refreshText: {
       type: String,
-      default: 'Refresh',
+      default: "Refresh",
     },
     createText: {
       type: String,
-      default: 'Create',
+      default: "Create",
     },
     showDelete: {
       type: Boolean,
@@ -96,6 +81,4 @@ export default {
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/components/Login.vue b/src/components/Login.vue
index c339f20..c0c8f33 100644
--- a/src/components/Login.vue
+++ b/src/components/Login.vue
@@ -1,21 +1,8 @@
 <template>
   <div class="hello">
-    <v-form
-      class="inputs"
-      @submit.prevent.native="submit"
-    >
-      <v-text-field
-        v-model="form.url"
-        label="Url"
-        dense
-        outlined
-      />
-      <v-text-field
-        v-model="form.username"
-        label="Username"
-        dense
-        outlined
-      />
+    <v-form class="inputs" @submit.prevent.native="submit">
+      <v-text-field v-model="form.url" label="Url" dense outlined />
+      <v-text-field v-model="form.username" label="Username" dense outlined />
       <v-text-field
         v-model="form.password"
         label="Password"
@@ -25,16 +12,8 @@
         dense
         @click:append="showPassword = !showPassword"
       />
-      <v-checkbox
-        v-model="rememberMe"
-        label="Remember URL and Username"
-      />
-      <v-btn
-        color="primary"
-        type="submit"
-        :loading="loading"
-        rounded
-      >
+      <v-checkbox v-model="rememberMe" label="Remember URL and Username" />
+      <v-btn color="primary" type="submit" :loading="loading" rounded>
         Submit
       </v-btn>
     </v-form>
@@ -42,25 +21,25 @@
 </template>
 
 <script>
-import { mapGetters, mapState } from 'vuex';
+import { mapGetters, mapState } from "vuex";
 
 export default {
-  name: 'Login',
+  name: "Login",
   data() {
     return {
       loading: false,
       showPassword: false,
       rememberMe: false,
       form: {
-        url: '',
-        username: '',
-        password: '',
+        url: "",
+        username: "",
+        password: "",
       },
     };
   },
   computed: {
     ...mapGetters({
-      isLoggedIn: 'application/isLoggedIn',
+      isLoggedIn: "application/isLoggedIn",
     }),
     ...mapState({
       loginError: (state) => state.application.loginError,
@@ -75,35 +54,37 @@ export default {
     },
   },
   mounted() {
-    this.form.url = localStorage.getItem('loginUrl') || 'http://localhost:1337';
-    this.form.username = localStorage.getItem('loginUsername') || '';
-    this.rememberMe = localStorage.getItem('loginRememberMe') === 'true';
+    this.form.url = localStorage.getItem("loginUrl") || "http://localhost:1337";
+    this.form.username = localStorage.getItem("loginUsername") || "";
+    this.rememberMe = localStorage.getItem("loginRememberMe") === "true";
   },
   methods: {
     submit() {
-      const cleanedUrl = (this.form.url.startsWith('http://') || this.form.url.startsWith('https://'))
-        ? this.form.url
-        : `http://${this.form.url}`;
+      const cleanedUrl =
+        this.form.url.startsWith("http://") ||
+        this.form.url.startsWith("https://")
+          ? this.form.url
+          : `http://${this.form.url}`;
       this.loading = true;
-      localStorage.setItem('loginRememberMe', this.rememberMe);
+      localStorage.setItem("loginRememberMe", this.rememberMe);
 
       if (this.rememberMe === true) {
-        localStorage.setItem('loginUrl', cleanedUrl);
-        localStorage.setItem('loginUsername', this.form.username);
+        localStorage.setItem("loginUrl", cleanedUrl);
+        localStorage.setItem("loginUsername", this.form.username);
       } else {
-        localStorage.removeItem('loginUrl');
-        localStorage.removeItem('loginUsername');
+        localStorage.removeItem("loginUrl");
+        localStorage.removeItem("loginUsername");
       }
 
       const { host } = new URL(cleanedUrl);
-      let socketUrl = '';
-      if (cleanedUrl.startsWith('http://')) {
+      let socketUrl = "";
+      if (cleanedUrl.startsWith("http://")) {
         socketUrl = `ws://${host}`;
       } else {
         socketUrl = `wss://${host}`;
       }
 
-      this.$store.dispatch('application/login', {
+      this.$store.dispatch("application/login", {
         url: cleanedUrl,
         socketUrl,
         username: this.form.username,
@@ -114,5 +95,4 @@ export default {
 };
 </script>
 
-<style scoped lang="scss">
-</style>
+<style scoped lang="scss"></style>
diff --git a/src/components/SideNav.vue b/src/components/SideNav.vue
index 2001473..29d8324 100644
--- a/src/components/SideNav.vue
+++ b/src/components/SideNav.vue
@@ -6,40 +6,27 @@
       :expand-on-hover="expandOnHover"
       :mini-variant="mini"
     >
-      <v-list
-        dense
-        nav
-        class="px-0"
-      >
-        <v-list-item
-          two-line
-        >
+      <v-list dense nav class="px-0">
+        <v-list-item two-line>
           <v-list-item-avatar>
-            <img
-              src="../../src/assets/icon.png"
-              alt="Starkiller Icon"
-            >
+            <img src="../../src/assets/icon.png" alt="Starkiller Icon" />
           </v-list-item-avatar>
 
           <v-list-item-content>
             <v-list-item-title>Starkiller: {{ version }}</v-list-item-title>
-            <v-list-item-subtitle>Empire: {{ empireVersion }}</v-list-item-subtitle>
+            <v-list-item-subtitle
+              >Empire: {{ empireVersion }}</v-list-item-subtitle
+            >
           </v-list-item-content>
           <v-list-item-icon>
-            <v-btn
-              icon
-              @click.stop="toggle"
-            >
+            <v-btn icon @click.stop="toggle">
               <v-icon>mdi-page-last</v-icon>
             </v-btn>
           </v-list-item-icon>
         </v-list-item>
 
         <v-divider />
-        <v-list
-          dense
-          nav
-        >
+        <v-list dense nav>
           <v-list-item
             v-for="item in items"
             :key="item.title"
@@ -73,8 +60,8 @@
 </template>
 
 <script>
-import { mapState } from 'vuex';
-import { version } from '../../package.json';
+import { mapState } from "vuex";
+import { version } from "../../package.json";
 
 export default {
   data() {
@@ -82,20 +69,23 @@ export default {
       version,
       mini: true,
       items: [
-        { title: 'Listeners', pathName: 'listeners', icon: 'fa-headphones' },
+        { title: "Listeners", pathName: "listeners", icon: "fa-headphones" },
         {
-          title: 'Stagers', pathName: 'stagers', icon: 'fa-suitcase-rolling', class: 'pl-1',
+          title: "Stagers",
+          pathName: "stagers",
+          icon: "fa-suitcase-rolling",
+          class: "pl-1",
         },
-        { title: 'Agents', pathName: 'agents', icon: 'fa-link' },
-        { title: 'Modules', pathName: 'modules', icon: 'fa-grip-horizontal' },
-        { title: 'Obfuscation', pathName: 'obfuscation', icon: 'fa-magic' },
-        { title: 'Credentials', pathName: 'credentials', icon: 'fa-key' },
-        { title: 'Bypasses', pathName: 'bypasses', icon: 'fa-shield-virus' },
-        { title: 'Plugins', pathName: 'plugins', icon: 'fa-plug' },
-        { title: 'Downloads', pathName: 'downloads', icon: 'fa-download' },
-        { title: 'Users', pathName: 'users', icon: 'fa-user' },
-        { title: 'Settings', pathName: 'settings', icon: 'fa-cog' },
-        { title: 'About', pathName: 'about', icon: 'fa-info-circle' },
+        { title: "Agents", pathName: "agents", icon: "fa-link" },
+        { title: "Modules", pathName: "modules", icon: "fa-grip-horizontal" },
+        { title: "Obfuscation", pathName: "obfuscation", icon: "fa-magic" },
+        { title: "Credentials", pathName: "credentials", icon: "fa-key" },
+        { title: "Bypasses", pathName: "bypasses", icon: "fa-shield-virus" },
+        { title: "Plugins", pathName: "plugins", icon: "fa-plug" },
+        { title: "Downloads", pathName: "downloads", icon: "fa-download" },
+        { title: "Users", pathName: "users", icon: "fa-user" },
+        { title: "Settings", pathName: "settings", icon: "fa-cog" },
+        { title: "About", pathName: "about", icon: "fa-info-circle" },
       ],
     };
   },
diff --git a/src/components/SocketNotifications.vue b/src/components/SocketNotifications.vue
index 4bd43d8..53bc2aa 100644
--- a/src/components/SocketNotifications.vue
+++ b/src/components/SocketNotifications.vue
@@ -1,19 +1,16 @@
 <template>
   <div>
-    <chat
-      v-if="socket && isChatWidget"
-      :socket="socket"
-    />
+    <chat v-if="socket && isChatWidget" :socket="socket" />
   </div>
 </template>
 
 <script>
-import io from 'socket.io-client';
-import { mapState, mapGetters } from 'vuex';
-import Chat from '@/components/Chat.vue';
+import io from "socket.io-client";
+import { mapState, mapGetters } from "vuex";
+import Chat from "@/components/Chat.vue";
 
 export default {
-  name: 'SocketNotifications',
+  name: "SocketNotifications",
   components: {
     Chat,
   },
@@ -28,10 +25,10 @@ export default {
       plugins: (state) => state.plugin.plugins,
     }),
     ...mapGetters({
-      isLoggedIn: 'application/isLoggedIn',
-      isChatWidget: 'application/isChatWidget',
-      socketUrl: 'application/socketUrl',
-      token: 'application/token',
+      isLoggedIn: "application/isLoggedIn",
+      isChatWidget: "application/isChatWidget",
+      socketUrl: "application/socketUrl",
+      token: "application/token",
     }),
   },
   watch: {
@@ -62,7 +59,7 @@ export default {
   },
   methods: {
     connect() {
-      console.log('Opening Socket');
+      console.log("Opening Socket");
       this.socket = io(`${this.socketUrl}`, {
         reconnection: true,
         reconnectionAttempts: 10,
@@ -74,37 +71,39 @@ export default {
       });
     },
     disconnect() {
-      console.log('Closing Socket');
+      console.log("Closing Socket");
       this.socket.close();
       this.socket = null;
     },
     setHandlers() {
-      console.warn('setting handlers');
-      this.socket.on('listeners/new', (data) => {
+      console.warn("setting handlers");
+      this.socket.on("listeners/new", (data) => {
         this.$snack.info({
           text: `New Listener '${data.name}' started!`,
-          buttonText: 'View',
+          buttonText: "View",
           showButton: true,
-          buttonAction: () => this.$router.push({
-            name: 'listenerEdit',
-            params: { id: data.name },
-          }),
+          buttonAction: () =>
+            this.$router.push({
+              name: "listenerEdit",
+              params: { id: data.name },
+            }),
           dismissable: true,
         });
-        this.$store.dispatch('listener/addListener', data);
+        this.$store.dispatch("listener/addListener", data);
       });
-      this.socket.on('agents/new', (data) => {
+      this.socket.on("agents/new", (data) => {
         this.$snack.info({
           text: `New Agent '${data.session_id}' callback!`,
-          buttonText: 'View',
+          buttonText: "View",
           showButton: true,
-          buttonAction: () => this.$router.push({
-            name: 'agentEdit',
-            params: { id: data.session_id },
-          }),
+          buttonAction: () =>
+            this.$router.push({
+              name: "agentEdit",
+              params: { id: data.session_id },
+            }),
           dismissable: true,
         });
-        this.$store.dispatch('agent/addAgent', data);
+        this.$store.dispatch("agent/addAgent", data);
       });
       this.plugins.forEach((plugin) => {
         this.socket.on(`plugins/${plugin.name}/notifications`, (data) => {
@@ -114,12 +113,12 @@ export default {
           });
         });
       });
-      this.socket.on('reconnect_failed', () => {
-        console.log('Failed to connect to SocketIO');
-        this.$snack.error('Failed to connect to SocketIO');
+      this.socket.on("reconnect_failed", () => {
+        console.log("Failed to connect to SocketIO");
+        this.$snack.error("Failed to connect to SocketIO");
       });
-      this.socket.on('connect_error', () => {
-        console.log('SocketIO Connection Error, retrying.');
+      this.socket.on("connect_error", () => {
+        console.log("SocketIO Connection Error, retrying.");
         // a bit too noisy to popup on every reconnect attempt.
         // this.$snack.warn('SocketIO Connection Error, retrying.');
       });
@@ -129,16 +128,19 @@ export default {
       // });
     },
     getColorForPluginMessage(message) {
-      if (message.startsWith('[!]')) {
-        return 'error';
-      } if (message.startsWith('[*]')) {
-        return '';
-      } if (message.startsWith('[>]')) {
-        return 'warning';
-      } if (message.startsWith('[+]')) {
-        return 'success';
+      if (message.startsWith("[!]")) {
+        return "error";
       }
-      return '';
+      if (message.startsWith("[*]")) {
+        return "";
+      }
+      if (message.startsWith("[>]")) {
+        return "warning";
+      }
+      if (message.startsWith("[+]")) {
+        return "success";
+      }
+      return "";
     },
   },
 };
diff --git a/src/components/StarkillerSnackbar.vue b/src/components/StarkillerSnackbar.vue
index 806b74b..1cbce5f 100644
--- a/src/components/StarkillerSnackbar.vue
+++ b/src/components/StarkillerSnackbar.vue
@@ -12,11 +12,13 @@
     <template #action="{ attrs }">
       <v-btn
         v-if="notification.showButton"
-        :color="notification.color === 'error'
-          || notification.color === 'warning'
-          || notification.color === 'success'
-          ? 'white'
-          : 'orange darken-2'"
+        :color="
+          notification.color === 'error' ||
+          notification.color === 'warning' ||
+          notification.color === 'success'
+            ? 'white'
+            : 'orange darken-2'
+        "
         text
         v-bind="attrs"
         @click="notification.buttonAction"
@@ -38,7 +40,7 @@
 
 <script>
 export default {
-  name: 'StarkillerSnackbar',
+  name: "StarkillerSnackbar",
   data() {
     return {
       queue: [],
@@ -54,39 +56,41 @@ export default {
         }
       },
     },
-    'notification.enabled': {
+    "notification.enabled": {
       async handler(val) {
         if (this.queue.length > 0 && val === false) {
           // give transition time.
-          setTimeout(() => { this.notification = this.queue.shift(); }, 500);
+          setTimeout(() => {
+            this.notification = this.queue.shift();
+          }, 500);
         }
       },
     },
   },
   methods: {
     error(obj) {
-      if (typeof obj === 'string') {
-        this.q({ text: obj, color: 'error' });
+      if (typeof obj === "string") {
+        this.q({ text: obj, color: "error" });
       } else {
-        this.q({ ...obj, color: 'error' });
+        this.q({ ...obj, color: "error" });
       }
     },
     warn(obj) {
-      if (typeof obj === 'string') {
-        this.q({ text: obj, color: 'warning' });
+      if (typeof obj === "string") {
+        this.q({ text: obj, color: "warning" });
       } else {
-        this.q({ ...obj, color: 'warning' });
+        this.q({ ...obj, color: "warning" });
       }
     },
     success(obj) {
-      if (typeof obj === 'string') {
-        this.q({ text: obj, color: 'success' });
+      if (typeof obj === "string") {
+        this.q({ text: obj, color: "success" });
       } else {
-        this.q({ ...obj, color: 'success' });
+        this.q({ ...obj, color: "success" });
       }
     },
     info(obj) {
-      if (typeof obj === 'string') {
+      if (typeof obj === "string") {
         this.q({ text: obj });
       } else {
         this.q({ ...obj });
@@ -94,20 +98,24 @@ export default {
     },
     q({
       text,
-      buttonText = 'View',
+      buttonText = "View",
       showButton = false,
       buttonAction,
-      color = '',
+      color = "",
       dismissable = true,
     }) {
       this.queue.push({
-        text, buttonText, showButton, buttonAction, enabled: true, color, dismissable,
+        text,
+        buttonText,
+        showButton,
+        buttonAction,
+        enabled: true,
+        color,
+        dismissable,
       });
     },
   },
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/components/TagChip.vue b/src/components/TagChip.vue
index cb76a63..4f88e33 100644
--- a/src/components/TagChip.vue
+++ b/src/components/TagChip.vue
@@ -23,12 +23,8 @@
         </v-icon>
       </v-chip>
     </template>
-    <v-card width="400" style="display: flex; flex-direction: row-reverse;">
-      <v-btn
-        icon
-        class="mt-2 mr-2"
-        @click="menu = false"
-      >
+    <v-card width="400" style="display: flex; flex-direction: row-reverse">
+      <v-btn icon class="mt-2 mr-2" @click="menu = false">
         <v-icon>mdi-close-circle</v-icon>
       </v-btn>
       <v-form ref="form">
@@ -60,11 +56,7 @@
         </v-card-text>
         <v-card-actions>
           <v-spacer />
-          <v-btn
-            color="green"
-            text
-            @click="updateTag(internalTag)"
-          >
+          <v-btn color="green" text @click="updateTag(internalTag)">
             Update
           </v-btn>
         </v-card-actions>
@@ -75,7 +67,7 @@
 
 <script>
 export default {
-  name: 'TagChip',
+  name: "TagChip",
   props: {
     isNew: {
       type: Boolean,
@@ -83,7 +75,7 @@ export default {
     },
     tag: {
       type: Object,
-      default: () => ({ name: 'New Tag', value: '', color: '#2196F3' }),
+      default: () => ({ name: "New Tag", value: "", color: "#2196F3" }),
     },
     close: {
       type: Boolean,
@@ -100,8 +92,8 @@ export default {
       internalTag: this.tag,
       rules: {
         noColon: [
-          (value) => !!value || 'Required.',
-          (value) => !value.includes(':') || 'Cannot contain a colon.',
+          (value) => !!value || "Required.",
+          (value) => !value.includes(":") || "Cannot contain a colon.",
         ],
       },
     };
@@ -110,7 +102,7 @@ export default {
     menu(val) {
       if (val) {
         if (this.isNew) {
-          this.internalTag = { name: '', value: '', color: '#2196F3' };
+          this.internalTag = { name: "", value: "", color: "#2196F3" };
         }
         this.$nextTick(() => {
           this.$refs.form.resetValidation();
@@ -127,13 +119,13 @@ export default {
   },
   methods: {
     deleteTag(tag) {
-      this.$emit('delete-tag', tag);
+      this.$emit("delete-tag", tag);
     },
     updateTag(tag) {
       if (!this.$refs.form.validate()) {
         return;
       }
-      this.$emit('update-tag', tag);
+      this.$emit("update-tag", tag);
       this.menu = false;
       this.$refs.form.resetValidation();
     },
@@ -141,6 +133,4 @@ export default {
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/components/TagViewer.vue b/src/components/TagViewer.vue
index 3e8ba2f..5935469 100644
--- a/src/components/TagViewer.vue
+++ b/src/components/TagViewer.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="display: flex; flex-direction: row-reverse;">
+  <div style="display: flex; flex-direction: row-reverse">
     <div>
       <tag-chip
         v-for="tag in tags"
@@ -21,10 +21,10 @@
 </template>
 
 <script>
-import TagChip from '@/components/TagChip.vue';
+import TagChip from "@/components/TagChip.vue";
 
 export default {
-  name: 'TagViewer',
+  name: "TagViewer",
   components: {
     TagChip,
   },
@@ -41,18 +41,16 @@ export default {
   },
   methods: {
     deleteTag(tag) {
-      this.$emit('delete-tag', tag);
+      this.$emit("delete-tag", tag);
     },
     updateTag(tag) {
-      this.$emit('update-tag', tag);
+      this.$emit("update-tag", tag);
     },
     newTag(tag) {
-      this.$emit('new-tag', tag);
+      this.$emit("new-tag", tag);
     },
   },
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/components/TechniqueChips.vue b/src/components/TechniqueChips.vue
index ec8ca23..c61ddf6 100644
--- a/src/components/TechniqueChips.vue
+++ b/src/components/TechniqueChips.vue
@@ -1,14 +1,8 @@
 <template>
-  <div
-    v-if="techniques.length > 0"
-    class="flex flex-row flex-wrap mb-2"
-  >
-    <span
-      v-if="showTitle"
-      class="mr-2"
-    >Techniques:</span>
+  <div v-if="techniques.length > 0" class="flex flex-row flex-wrap mb-2">
+    <span v-if="showTitle" class="mr-2">Techniques:</span>
     <v-chip
-      v-for="tech in techniques.filter(t => t !== '')"
+      v-for="tech in techniques.filter((t) => t !== '')"
       :key="tech"
       small
       :href="getTechniqueUrl(tech)"
@@ -24,7 +18,7 @@
 
 <script>
 export default {
-  name: 'TechniqueChips',
+  name: "TechniqueChips",
   props: {
     techniques: {
       type: Array,
@@ -37,8 +31,8 @@ export default {
   },
   methods: {
     getTechniqueUrl(tech) {
-      if (tech.includes('.')) {
-        const [main, sub] = tech.split('.');
+      if (tech.includes(".")) {
+        const [main, sub] = tech.split(".");
         return `https://attack.mitre.org/techniques/${main}/${sub}`;
       }
       return `https://attack.mitre.org/techniques/${tech}`;
@@ -47,6 +41,4 @@ export default {
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/components/TooltipButton.vue b/src/components/TooltipButton.vue
index 3c7407d..56baad2 100644
--- a/src/components/TooltipButton.vue
+++ b/src/components/TooltipButton.vue
@@ -1,7 +1,5 @@
 <template>
-  <v-tooltip
-    bottom
-  >
+  <v-tooltip bottom>
     <template #activator="{ on }">
       <v-btn
         :color="flat ? '' : color"
@@ -13,9 +11,7 @@
         v-on="on"
         @click="$emit('click')"
       >
-        <v-icon
-          :style="padLeft !== 0 ? `padding-left: ${padLeft}px` : ''"
-        >
+        <v-icon :style="padLeft !== 0 ? `padding-left: ${padLeft}px` : ''">
           {{ icon }}
         </v-icon>
       </v-btn>
@@ -26,7 +22,7 @@
 
 <script>
 export default {
-  name: 'TooltipButton',
+  name: "TooltipButton",
   props: {
     icon: {
       type: String,
@@ -42,7 +38,7 @@ export default {
     },
     color: {
       type: String,
-      default: '',
+      default: "",
     },
     flat: {
       type: Boolean,
@@ -60,6 +56,4 @@ export default {
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/components/TooltipButtonToggle.vue b/src/components/TooltipButtonToggle.vue
index ea8ee42..ad10623 100644
--- a/src/components/TooltipButtonToggle.vue
+++ b/src/components/TooltipButtonToggle.vue
@@ -1,14 +1,8 @@
 <template>
   <v-tooltip bottom>
     <template #activator="{ on }">
-      <v-btn-toggle
-        v-model="internalValue"
-        class="mr-5"
-      >
-        <v-btn
-          :value="true"
-          v-on="on"
-        >
+      <v-btn-toggle v-model="internalValue" class="mr-5">
+        <v-btn :value="true" v-on="on">
           <v-icon left>
             {{ icon }}
           </v-icon>
@@ -22,7 +16,7 @@
 
 <script>
 export default {
-  name: 'TooltipButtonToggle',
+  name: "TooltipButtonToggle",
   props: {
     value: {
       type: Boolean,
@@ -34,7 +28,7 @@ export default {
     },
     buttonText: {
       type: String,
-      default: '',
+      default: "",
     },
     text: {
       type: String,
@@ -55,13 +49,11 @@ export default {
     },
     internalValue: {
       handler(newValue) {
-        this.$emit('input', newValue);
+        this.$emit("input", newValue);
       },
     },
   },
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/components/agents/AgentCommandViewer.vue b/src/components/agents/AgentCommandViewer.vue
index 34157e7..dc2674d 100644
--- a/src/components/agents/AgentCommandViewer.vue
+++ b/src/components/agents/AgentCommandViewer.vue
@@ -2,7 +2,7 @@
   <div class="agent-command-viewer">
     <v-icon
       v-if="!initialized"
-      style="width: 50px;"
+      style="width: 50px"
       class="fa-3x fas fa-spinner fa-spin"
     />
     <ul class="shell-body">
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import AgentCommandViewerEntry from './AgentCommandViewerEntry.vue';
+import AgentCommandViewerEntry from "./AgentCommandViewerEntry.vue";
 
 export default {
   components: { AgentCommandViewerEntry },
@@ -42,20 +42,26 @@ export default {
   computed: {
     agentResults() {
       return this.taskResults.length > 0
-        ? this.taskResults.map((res) => ({
-          id: res.id,
-          input: res.input,
-          output: res.output ? res.output.split('\\n') : '',
-          ogOutput: res.output ? res.output.split('\\n').join('\n') : '',
-          username: res.username ? res.username : 'unknown',
-          updatedAt: res.updated_at,
-        })).slice(-10)
+        ? this.taskResults
+            .map((res) => ({
+              id: res.id,
+              input: res.input,
+              output: res.output ? res.output.split("\\n") : "",
+              ogOutput: res.output ? res.output.split("\\n").join("\n") : "",
+              username: res.username ? res.username : "unknown",
+              updatedAt: res.updated_at,
+            }))
+            .slice(-10)
         : [];
     },
     totalLength() {
       return [
-        ...this.agentResults.map((el) => el.input).filter((input) => input.length > 0),
-        ...this.agentResults.map((el) => el.output).filter((output) => output.length > 0),
+        ...this.agentResults
+          .map((el) => el.input)
+          .filter((input) => input.length > 0),
+        ...this.agentResults
+          .map((el) => el.output)
+          .filter((output) => output.length > 0),
       ];
     },
   },
@@ -66,7 +72,7 @@ export default {
     totalLength(val, oldVal) {
       if (val.length !== oldVal.length) {
         this.$nextTick(() => {
-          this.$emit('new-results');
+          this.$emit("new-results");
         });
       }
     },
@@ -88,8 +94,11 @@ export default {
   padding: 5px;
   list-style: none;
   background: #141414;
-  color: #45D40C;
-  font: 0.8em 'Andale Mono', Consolas, 'Courier New';
+  color: #45d40c;
+  font:
+    0.8em "Andale Mono",
+    Consolas,
+    "Courier New";
   line-height: 1.6em;
 
   -webkit-border-bottom-right-radius: 3px;
diff --git a/src/components/agents/AgentCommandViewerEntry.vue b/src/components/agents/AgentCommandViewerEntry.vue
index 134a694..bfe9b9f 100644
--- a/src/components/agents/AgentCommandViewerEntry.vue
+++ b/src/components/agents/AgentCommandViewerEntry.vue
@@ -1,15 +1,17 @@
 <template>
   <div :class="pulsate ? 'pulsate' : ''">
     <li>
-      <span class="username">({{ result.username }})</span>&nbsp;{{ result.input }}
+      <span class="username">({{ result.username }})</span>&nbsp;{{
+        result.input
+      }}
     </li>
-    <li> {{ result.ogOutput }}</li>
+    <li>{{ result.ogOutput }}</li>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'AgentCommandViewerEntry',
+  name: "AgentCommandViewerEntry",
   props: {
     result: {
       type: Object,
@@ -25,7 +27,7 @@ export default {
     result: {
       async handler(oldVal, newVal) {
         if (oldVal.updatedAt !== newVal.updatedAt) {
-          console.log('TRIGGGERED');
+          console.log("TRIGGGERED");
           this.pulsate = false;
           await this.$nextTick();
           this.pulsate = true;
@@ -38,13 +40,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
 .shell-body li .username {
   color: yellow;
 }
 
 .shell-body li:first-child:before {
-  content: '>';
+  content: ">";
   position: absolute;
   left: 0;
   top: 0;
@@ -61,18 +62,18 @@ export default {
 
 // https://www.kevinleary.net/pulsating-css3-animations/
 .pulsate {
-    -webkit-animation: pulsate 2.5s ease-out;
-    -webkit-animation-iteration-count: 1;
-    opacity: 1.0;
+  -webkit-animation: pulsate 2.5s ease-out;
+  -webkit-animation-iteration-count: 1;
+  opacity: 1;
 }
 @-webkit-keyframes pulsate {
-    0% {
-    }
-    50% {
-        background:#33940c;
-        color:#ffffff
-    }
-    100% {
-    }
+  0% {
+  }
+  50% {
+    background: #33940c;
+    color: #ffffff;
+  }
+  100% {
+  }
 }
 </style>
diff --git a/src/components/agents/AgentDownloadDialog.vue b/src/components/agents/AgentDownloadDialog.vue
index ee1dfe6..7d6d15f 100644
--- a/src/components/agents/AgentDownloadDialog.vue
+++ b/src/components/agents/AgentDownloadDialog.vue
@@ -1,18 +1,11 @@
 <template>
-  <v-dialog
-    ref="downloadDialog"
-    v-model="show"
-    max-width="500px"
-  >
+  <v-dialog ref="downloadDialog" v-model="show" max-width="500px">
     <v-card>
       <v-card-title>
         <span class="headline">Download</span>
       </v-card-title>
       <v-card-text>
-        <v-form
-          ref="form"
-          @submit.prevent
-        >
+        <v-form ref="form" @submit.prevent>
           <v-container>
             <v-row>
               <v-col cols="12">
@@ -31,19 +24,10 @@
       </v-card-text>
       <v-card-actions>
         <v-spacer />
-        <v-btn
-          color="blue darken-1"
-          text
-          @click.stop="show = false"
-        >
+        <v-btn color="blue darken-1" text @click.stop="show = false">
           Close
         </v-btn>
-        <v-btn
-          color="blue darken-1"
-          text
-          :loading="loading"
-          @click="submit"
-        >
+        <v-btn color="blue darken-1" text :loading="loading" @click="submit">
           Save
         </v-btn>
       </v-card-actions>
@@ -62,11 +46,9 @@ export default {
   },
   data() {
     return {
-      pathToFile: '',
+      pathToFile: "",
       rules: {
-        pathToFile: [
-          (v) => !!v || 'PathToFile is required',
-        ],
+        pathToFile: [(v) => !!v || "PathToFile is required"],
       },
     };
   },
@@ -76,7 +58,7 @@ export default {
         return this.value;
       },
       set(value) {
-        this.$emit('input', value);
+        this.$emit("input", value);
       },
     },
   },
@@ -89,9 +71,11 @@ export default {
   },
   methods: {
     async submit() {
-      if (!this.$refs.form.validate()) { return; }
+      if (!this.$refs.form.validate()) {
+        return;
+      }
 
-      this.$emit('submit', { pathToFile: this.pathToFile });
+      this.$emit("submit", { pathToFile: this.pathToFile });
     },
   },
 };
diff --git a/src/components/agents/AgentExecuteModule.vue b/src/components/agents/AgentExecuteModule.vue
index 964cdcc..416e93a 100644
--- a/src/components/agents/AgentExecuteModule.vue
+++ b/src/components/agents/AgentExecuteModule.vue
@@ -6,16 +6,12 @@
       resource-type="module"
       :message="errorStateMessage"
     />
-    <div
-      v-else
-      style="padding: 0 10px 10px 10px"
-    >
-      <info-viewer
-        class="info-viewer"
-        :info="moduleInfo"
-      />
+    <div v-else style="padding: 0 10px 10px 10px">
+      <info-viewer class="info-viewer" :info="moduleInfo" />
       <!-- todo could make this more friendly by looking up the "name" in the state in case it was changed -->
-      <span class="mr-2 mb-4">Executing on Agents: {{ agents.join(', ') }}</span>
+      <span class="mr-2 mb-4"
+        >Executing on Agents: {{ agents.join(", ") }}</span
+      >
       <technique-chips :techniques="selectedItem.techniques" />
       <v-autocomplete
         v-model="selectedModule"
@@ -27,20 +23,17 @@
         clearable
         @change="handleSelect"
       />
-      <v-alert
-        v-if="selectedItem.opsec_safe === false"
-        type="warning"
-      >
+      <v-alert v-if="selectedItem.opsec_safe === false" type="warning">
         <v-row align="center">
-          <v-col
-            class="grow"
-            style="word-wrap: word-break; width: 500px"
-          >
+          <v-col class="grow" style="word-wrap: word-break; width: 500px">
             This module is not opsec safe.
           </v-col>
         </v-row>
       </v-alert>
-      <div v-if="Object.keys(selectedItem).length > 0" style="display: flex; flex-direction: row;">
+      <div
+        v-if="Object.keys(selectedItem).length > 0"
+        style="display: flex; flex-direction: row"
+      >
         <v-checkbox
           v-model="ignoreAdminCheck"
           class="pa-1"
@@ -68,11 +61,7 @@
       >
         Submit
       </v-btn>
-      <v-dialog
-        ref="nameDialog"
-        v-model="showDialog"
-        max-width="900px"
-      >
+      <v-dialog ref="nameDialog" v-model="showDialog" max-width="900px">
         <v-card>
           <v-card-title>
             <span class="headline">Execution Result</span>
@@ -108,11 +97,7 @@
           </v-card-text>
           <v-card-actions>
             <v-spacer />
-            <v-btn
-              color="blue darken-1"
-              text
-              @click="showDialog = false"
-            >
+            <v-btn color="blue darken-1" text @click="showDialog = false">
               Okay
             </v-btn>
           </v-card-actions>
@@ -123,12 +108,12 @@
 </template>
 
 <script>
-import { mapState } from 'vuex';
-import InfoViewer from '@/components/InfoViewer.vue';
-import * as moduleApi from '@/api/module-api';
-import ErrorStateAlert from '@/components/ErrorStateAlert.vue';
-import GeneralForm from '../GeneralForm.vue';
-import TechniqueChips from '../TechniqueChips.vue';
+import { mapState } from "vuex";
+import InfoViewer from "@/components/InfoViewer.vue";
+import * as moduleApi from "@/api/module-api";
+import ErrorStateAlert from "@/components/ErrorStateAlert.vue";
+import GeneralForm from "../GeneralForm.vue";
+import TechniqueChips from "../TechniqueChips.vue";
 
 export default {
   components: {
@@ -148,7 +133,7 @@ export default {
     },
     moduleName: {
       type: String,
-      default: '',
+      default: "",
     },
     moduleOptionDefaults: {
       type: Object,
@@ -158,13 +143,13 @@ export default {
   data() {
     return {
       loading: false,
-      selectedModule: '',
+      selectedModule: "",
       selectedItem: {},
       results: [],
       reset: true,
       headers: [
-        { text: 'Agent', value: 'agent' },
-        { text: 'Result', value: 'result' },
+        { text: "Agent", value: "agent" },
+        { text: "Result", value: "result" },
       ],
       showDialog: false,
       form: {},
@@ -175,11 +160,12 @@ export default {
   },
   computed: {
     ...mapState({
-      modules: (state) => state.module.modules
-        .filter((el) => el.enabled === true),
-      selectOptions: (state) => state.module.modules
-        .filter((el) => el.enabled === true)
-        .map((el) => el.id),
+      modules: (state) =>
+        state.module.modules.filter((el) => el.enabled === true),
+      selectOptions: (state) =>
+        state.module.modules
+          .filter((el) => el.enabled === true)
+          .map((el) => el.id),
     }),
     moduleOptions() {
       let { options } = this.selectedItem;
@@ -206,12 +192,18 @@ export default {
         description: this.selectedItem.description,
         comments: this.selectedItem.comments,
         extraDetails: [
-          { key: 'Language', value: this.selectedItem.language },
-          { key: 'MinLanguageVersion', value: this.selectedItem.min_language_version },
-          { key: 'Background', value: this.selectedItem.background },
-          { key: 'OpsecSafe', value: this.selectedItem.opsec_safe },
-          { key: 'NeedsAdmin', value: this.selectedItem.needs_admin },
-          { key: 'OutputExtensions', value: this.selectedItem.output_extensions },
+          { key: "Language", value: this.selectedItem.language },
+          {
+            key: "MinLanguageVersion",
+            value: this.selectedItem.min_language_version,
+          },
+          { key: "Background", value: this.selectedItem.background },
+          { key: "OpsecSafe", value: this.selectedItem.opsec_safe },
+          { key: "NeedsAdmin", value: this.selectedItem.needs_admin },
+          {
+            key: "OutputExtensions",
+            value: this.selectedItem.output_extensions,
+          },
         ],
       };
     },
@@ -237,15 +229,17 @@ export default {
     },
   },
   async mounted() {
-    this.$store.dispatch('module/getModules');
+    this.$store.dispatch("module/getModules");
   },
   methods: {
     async handleSelect(item) {
       this.errorState = false;
-      if (item === '' || item == null) {
+      if (item === "" || item == null) {
         this.reset = false;
         this.selectedItem = {};
-        setTimeout(() => { this.reset = true; }, 500);
+        setTimeout(() => {
+          this.reset = true;
+        }, 500);
         return;
       }
       const results = this.modules.find((el) => el.id === item);
@@ -254,14 +248,16 @@ export default {
       if (Object.keys(this.selectedItem).length === 0) {
         this.errorState = true;
       }
-      setTimeout(() => { this.reset = true; }, 500);
+      setTimeout(() => {
+        this.reset = true;
+      }, 500);
     },
     rowClass(item) {
-      if (item.status === 'rejected') return 'red';
-      return '';
+      if (item.status === "rejected") return "red";
+      return "";
     },
     emitModuleChange(newVal) {
-      this.$emit('moduleChange', newVal);
+      this.$emit("moduleChange", newVal);
     },
     validate() {
       return this.$refs.generalform.$refs.form.validate();
@@ -273,37 +269,48 @@ export default {
 
       this.loading = true;
 
-      const result = await Promise.allSettled(this.agents
-        .map((agent) => moduleApi.executeModule(
-          this.selectedModule,
-          {
-            ...this.form,
-            Agent: agent,
-          },
-          this.ignoreAdminCheck,
-          this.ignoreLanguageCheck,
-        )));
+      const result = await Promise.allSettled(
+        this.agents.map((agent) =>
+          moduleApi.executeModule(
+            this.selectedModule,
+            {
+              ...this.form,
+              Agent: agent,
+            },
+            this.ignoreAdminCheck,
+            this.ignoreLanguageCheck,
+          ),
+        ),
+      );
 
-      if (result.some((item) => item.status === 'rejected')) {
-        const split = result.reduce((acc, val) => {
-          acc[val.status].push(val);
-          return acc;
-        }, { rejected: [], fulfilled: [] });
+      if (result.some((item) => item.status === "rejected")) {
+        const split = result.reduce(
+          (acc, val) => {
+            acc[val.status].push(val);
+            return acc;
+          },
+          { rejected: [], fulfilled: [] },
+        );
 
         if (this.agents.length > 1) {
-          this.$snack.warn(`Module failed to execute for ${split.rejected.length} out of ${this.agents.length} agents.`);
+          this.$snack.warn(
+            `Module failed to execute for ${split.rejected.length} out of ${this.agents.length} agents.`,
+          );
           this.results = result;
           this.showDialog = true;
         } else {
           this.$snack.error(`Error: ${result[0].reason.error}`);
         }
       } else {
-        const displayName = this.agents.length > 1 ? `${this.agents.length} agents.` : `${this.agents[0]}.`;
+        const displayName =
+          this.agents.length > 1
+            ? `${this.agents.length} agents.`
+            : `${this.agents[0]}.`;
         this.$snack.info(`Module execution queued for ${displayName}`);
         this.selectedItem = {};
-        this.selectedModule = '';
+        this.selectedModule = "";
         // emit a submitted event so ModuleExecute can clear agents list.
-        this.$emit('submitted');
+        this.$emit("submitted");
       }
 
       this.loading = false;
diff --git a/src/components/agents/AgentFileBrowser.vue b/src/components/agents/AgentFileBrowser.vue
index 2246327..04a5abc 100644
--- a/src/components/agents/AgentFileBrowser.vue
+++ b/src/components/agents/AgentFileBrowser.vue
@@ -1,11 +1,6 @@
 <template>
-  <div
-    v-if="agent.language === 'ironpython'"
-  >
-    <v-alert
-      prominent
-      type="error"
-    >
+  <div v-if="agent.language === 'ironpython'">
+    <v-alert prominent type="error">
       <v-row align="center">
         <v-col class="grow">
           The File Browser is not yet implemented for this agent language.
@@ -22,7 +17,7 @@
     />
     <v-icon
       v-if="loading"
-      style="width: 50px;"
+      style="width: 50px"
       class="fa-3x fas fa-spinner fa-spin"
     />
     <v-treeview
@@ -37,17 +32,17 @@
     >
       <template #label="{ item, open }">
         <v-btn
-          style="margin-left: -15px; width: 100%;"
+          style="margin-left: -15px; width: 100%"
           class="text-left"
           text
           @contextmenu="show(item, $event)"
         >
-          <div style="display: flex; justify-content: fle -start;">
+          <div style="display: flex; justify-content: fle -start">
             <v-icon v-if="!item.file">
-              {{ open ? 'mdi-folder-open' : 'mdi-folder' }}
+              {{ open ? "mdi-folder-open" : "mdi-folder" }}
             </v-icon>
             <v-icon v-else>
-              {{ files[item.file] || 'mdi-file' }}
+              {{ files[item.file] || "mdi-file" }}
             </v-icon>
             <span class="ml-2">{{ item.name }}</span>
           </div>
@@ -76,12 +71,12 @@
 </template>
 
 <script>
-import Vue from 'vue';
-import * as agentApi from '@/api/agent-api';
-import * as agentTaskApi from '@/api/agent-task-api';
-import debounce from 'lodash.debounce';
-import pause from '@/utils/pause';
-import ExecuteModuleDialog from './ExecuteModuleDialog.vue';
+import Vue from "vue";
+import * as agentApi from "@/api/agent-api";
+import * as agentTaskApi from "@/api/agent-task-api";
+import debounce from "lodash.debounce";
+import pause from "@/utils/pause";
+import ExecuteModuleDialog from "./ExecuteModuleDialog.vue";
 
 export default {
   components: {
@@ -103,22 +98,22 @@ export default {
        * Can add more common extensions here for icon prettiness.
        */
       files: {
-        html: 'mdi-language-html5',
-        js: 'mdi-nodejs',
-        json: 'mdi-json',
-        md: 'mdi-markdown',
-        pdf: 'mdi-file-pdf',
-        png: 'mdi-file-image',
-        txt: 'mdi-file-document-outline',
-        xls: 'mdi-file-excel',
-        xlsx: 'mdi-file-excel',
-        ppt: 'mdi-file-powerpoint',
-        pptx: 'mdi-file-powerpoint',
-        jpg: 'mdi-file-image',
-        jpeg: 'mdi-file-image',
-        gif: 'mdi-file-image',
-        doc: 'mdi-file-word',
-        docx: 'mdi-file-word',
+        html: "mdi-language-html5",
+        js: "mdi-nodejs",
+        json: "mdi-json",
+        md: "mdi-markdown",
+        pdf: "mdi-file-pdf",
+        png: "mdi-file-image",
+        txt: "mdi-file-document-outline",
+        xls: "mdi-file-excel",
+        xlsx: "mdi-file-excel",
+        ppt: "mdi-file-powerpoint",
+        pptx: "mdi-file-powerpoint",
+        jpg: "mdi-file-image",
+        jpeg: "mdi-file-image",
+        gif: "mdi-file-image",
+        doc: "mdi-file-word",
+        docx: "mdi-file-word",
       },
       /**
        * File nodes.
@@ -159,67 +154,77 @@ export default {
        */
       debouncedLoadChildren: null,
       executeDialog: false,
-      moduleName: '',
+      moduleName: "",
       moduleOptionDefaults: {},
     };
   },
   computed: {
     menuItems() {
-      return [{
-        id: 'close',
-        name: 'Close',
-        fileOption: false,
-        folderOption: true,
-      }, {
-        id: 'open',
-        name: 'Open',
-        fileOption: false,
-        folderOption: true,
-      }, {
-        id: 'refresh',
-        name: 'Refresh',
-        fileOption: false,
-        folderOption: true,
-      }, {
-        id: 'download',
-        name: 'Download to Empire',
-        fileOption: true,
-        folderOption: false,
-      }, {
-        id: 'zip',
-        name: 'Zip Folder',
-        fileOption: false,
-        folderOption: true,
-      }, {
-        id: 'upload',
-        name: 'Upload',
-        folderOption: true,
-        fileOption: false,
-      }].filter((el) => {
-        if (this.selected.file) {
-          return el.fileOption === true;
-        }
-        return el.folderOption === true;
-      }).filter((el) => {
-        if (el.id === 'zip') {
-          if (this.agent.language !== 'powershell') {
-            return false;
+      return [
+        {
+          id: "close",
+          name: "Close",
+          fileOption: false,
+          folderOption: true,
+        },
+        {
+          id: "open",
+          name: "Open",
+          fileOption: false,
+          folderOption: true,
+        },
+        {
+          id: "refresh",
+          name: "Refresh",
+          fileOption: false,
+          folderOption: true,
+        },
+        {
+          id: "download",
+          name: "Download to Empire",
+          fileOption: true,
+          folderOption: false,
+        },
+        {
+          id: "zip",
+          name: "Zip Folder",
+          fileOption: false,
+          folderOption: true,
+        },
+        {
+          id: "upload",
+          name: "Upload",
+          folderOption: true,
+          fileOption: false,
+        },
+      ]
+        .filter((el) => {
+          if (this.selected.file) {
+            return el.fileOption === true;
           }
-        }
-        return true;
-      }).filter((el) => {
-        if (el.id === 'open') {
-          if (this.open.find((id) => id === this.selected.id)) {
-            return false;
+          return el.folderOption === true;
+        })
+        .filter((el) => {
+          if (el.id === "zip") {
+            if (this.agent.language !== "powershell") {
+              return false;
+            }
           }
-        } else if (el.id === 'close' || el.id === 'refresh') {
-          if (!this.open.find((id) => id === this.selected.id)) {
-            return false;
+          return true;
+        })
+        .filter((el) => {
+          if (el.id === "open") {
+            if (this.open.find((id) => id === this.selected.id)) {
+              return false;
+            }
+          } else if (el.id === "close" || el.id === "refresh") {
+            if (!this.open.find((id) => id === this.selected.id)) {
+              return false;
+            }
           }
-        }
 
-        return true;
-      });
+          return true;
+        });
     },
   },
   watch: {
@@ -236,24 +241,27 @@ export default {
   },
   methods: {
     async initialize() {
-      this.debouncedLoadChildren = debounce(this.loadChildren, 500, { leading: true });
+      this.debouncedLoadChildren = debounce(this.loadChildren, 500, {
+        leading: true,
+      });
 
       this.loading = true;
       try {
-        const items = await agentApi.getDirectory(this.agent.session_id, '/');
+        const items = await agentApi.getDirectory(this.agent.session_id, "/");
         items.sort(this.sortFiles);
         this.tree = items.map((el) => this.transform(el));
-      } catch (err) { // directory not found.
+      } catch (err) {
+        // directory not found.
         if (this.readOnly) {
           this.loading = false;
           return;
         }
-        const task = await this.scrapeDirectory('/');
+        const task = await this.scrapeDirectory("/");
 
         let i = 0;
         let complete = 0;
         while (i < 10) {
-        // eslint-disable-next-line no-await-in-loop
+          // eslint-disable-next-line no-await-in-loop
           await pause(6000);
           // eslint-disable-next-line no-await-in-loop
           if (await this.checkTaskComplete(task.id)) {
@@ -264,26 +272,34 @@ export default {
         }
 
         if (!complete) {
-          this.$snack.error('Agent didn\'t respond in time. Please try again later.');
+          this.$snack.error(
+            "Agent didn't respond in time. Please try again later.",
+          );
         }
-        const items = await agentApi.getDirectory(this.agent.session_id, '/');
+        const items = await agentApi.getDirectory(this.agent.session_id, "/");
         items.sort(this.sortFiles);
         this.tree = items.map((el) => this.transform(el));
       }
       this.loading = false;
     },
     async clickAction(action) {
-      if (action === 'open') {
+      if (action === "open") {
         this.open.push(this.selected.id);
-      } else if (action === 'close') {
-        this.open.splice(this.open.findIndex((id) => id === this.selected.id), 1);
-      } else if (action === 'refresh') {
+      } else if (action === "close") {
+        this.open.splice(
+          this.open.findIndex((id) => id === this.selected.id),
+          1,
+        );
+      } else if (action === "refresh") {
         // Hackiness to get refreshes to work properly. Have to force the node to think it hasn't
         // been loaded. https://github.com/vuetifyjs/vuetify/issues/10587
         this.selected.children = [];
 
         const vueObj = this.$refs.treeview.nodes[this.selected.id];
-        this.open.splice(this.open.findIndex((id) => id === this.selected.id), 1);
+        this.open.splice(
+          this.open.findIndex((id) => id === this.selected.id),
+          1,
+        );
 
         await Vue.nextTick();
 
@@ -293,13 +309,15 @@ export default {
         await Vue.nextTick();
 
         this.open.push(this.selected.id);
-      } else if (action === 'download') {
+      } else if (action === "download") {
         agentTaskApi.downloadFile(this.agent.session_id, this.selected.path);
-        this.$snack.success(`Tasked ${this.agent.session_id} for download ${this.selected.path}`);
-      } else if (action === 'zip') {
+        this.$snack.success(
+          `Tasked ${this.agent.session_id} for download ${this.selected.path}`,
+        );
+      } else if (action === "zip") {
         this.prepareZip();
-      } else if (action === 'upload') {
-        this.$emit('openUploadDialog', { pathToFile: this.selected.path });
+      } else if (action === "upload") {
+        this.$emit("openUploadDialog", { pathToFile: this.selected.path });
       } else {
         // do nothing
       }
@@ -308,9 +326,11 @@ export default {
       const options = {
         agent: this.agent.session_id,
         Folder: this.selected.path,
-        ZipFileName: `${this.selected.path}\\${this.selected.path.split('\\').pop()}.zip`,
+        ZipFileName: `${this.selected.path}\\${this.selected.path
+          .split("\\")
+          .pop()}.zip`,
       };
-      this.moduleName = 'powershell/management/zipfolder';
+      this.moduleName = "powershell/management/zipfolder";
       this.moduleOptionDefaults = options;
       this.executeDialog = true;
     },
@@ -327,7 +347,10 @@ export default {
     },
     transform(serverElement) {
       return {
-        file: serverElement.is_file === true ? serverElement.name.split('.').pop() : false,
+        file:
+          serverElement.is_file === true
+            ? serverElement.name.split(".").pop()
+            : false,
         ...serverElement,
         children: serverElement.is_file === false ? [] : undefined,
       };
@@ -342,19 +365,22 @@ export default {
         this.removeFromCurrentlyLoading(a.id);
         a.children = files.map((el) => this.transform(el));
         return Promise.resolve();
-      } if (!stopTrying && !this.readOnly) {
+      }
+      if (!stopTrying && !this.readOnly) {
         console.log(stopTrying, this.readOnly);
-        this.$snack.success(`Attempting to retrieve directory: ${a.path} with id ${a.id}`);
+        this.$snack.success(
+          `Attempting to retrieve directory: ${a.path} with id ${a.id}`,
+        );
         const task = await this.scrapeDirectory(a.path);
 
         let i = 0;
         let complete = false;
         while (i < 10) {
-        // eslint-disable-next-line no-await-in-loop
+          // eslint-disable-next-line no-await-in-loop
           await pause(6000);
           // eslint-disable-next-line no-await-in-loop
           if (await this.checkTaskComplete(task.id)) {
-            console.log('task complete', task.id);
+            console.log("task complete", task.id);
             complete = true;
             break;
           }
@@ -362,7 +388,9 @@ export default {
         }
 
         if (!complete) {
-          this.$snack.error('Agent didn\'t respond in time. Please try again later.');
+          this.$snack.error(
+            "Agent didn't respond in time. Please try again later.",
+          );
         }
 
         this.removeFromForce(a.id);
diff --git a/src/components/agents/AgentForm.vue b/src/components/agents/AgentForm.vue
index ba04efa..da6754c 100644
--- a/src/components/agents/AgentForm.vue
+++ b/src/components/agents/AgentForm.vue
@@ -6,11 +6,7 @@
       @delete-tag="deleteTag"
       @new-tag="addTag"
     />
-    <v-form
-      v-if="agent.session_id"
-      ref="form"
-      v-model="valid"
-    >
+    <v-form v-if="agent.session_id" ref="form" v-model="valid">
       <click-to-edit
         label="Session ID"
         :editable="false"
@@ -47,7 +43,7 @@
         v-model="form.listener"
         label="Listener"
         data-type="string"
-        :suggested-values="listeners.map(l => l.name)"
+        :suggested-values="listeners.map((l) => l.name)"
         :strict="true"
         :editable="!readOnly"
         @update="updateListener"
@@ -128,23 +124,19 @@
         :value="form.language_version"
         :editable="false"
       />
-      <click-to-edit
-        label="Profile"
-        :value="form.profile"
-        :editable="false"
-      />
+      <click-to-edit label="Profile" :value="form.profile" :editable="false" />
     </v-form>
   </div>
 </template>
 
 <script>
-import Vue from 'vue';
-import { mapState } from 'vuex';
-import moment from 'moment';
-import TagViewer from '@/components/TagViewer.vue';
-import ClickToEdit from '@/components/ClickToEdit.vue';
-import * as agentTaskApi from '@/api/agent-task-api';
-import * as agentApi from '@/api/agent-api';
+import Vue from "vue";
+import { mapState } from "vuex";
+import moment from "moment";
+import TagViewer from "@/components/TagViewer.vue";
+import ClickToEdit from "@/components/ClickToEdit.vue";
+import * as agentTaskApi from "@/api/agent-task-api";
+import * as agentApi from "@/api/agent-api";
 
 export default {
   components: { TagViewer, ClickToEdit },
@@ -166,24 +158,26 @@ export default {
       valid: true,
       nameLoading: false,
       loading: false,
-      labelPosition: 'left',
+      labelPosition: "left",
       rules: {},
       form: {},
       moment,
       workingHoursRules: [
-        (v) => /^[0-9]{1,2}:[0-5][0-9]-[0-9]{1,2}:[0-5][0-9]$/.test(v) || 'Must be in the format 00:00-24:00',
+        (v) =>
+          /^[0-9]{1,2}:[0-5][0-9]-[0-9]{1,2}:[0-5][0-9]$/.test(v) ||
+          "Must be in the format 00:00-24:00",
       ],
       nameRules: [
-        (v) => !!v || 'Name is required',
-        (v) => (!!v && v.length > 2) || 'Name must be at least 3 characters',
+        (v) => !!v || "Name is required",
+        (v) => (!!v && v.length > 2) || "Name must be at least 3 characters",
       ],
       jitterRules: [
-        (v) => !Number.isNaN(v) || 'Jitter must be a number',
-        (v) => (v >= 0 && v <= 1) || 'Jitter must be between 0 and 1',
+        (v) => !Number.isNaN(v) || "Jitter must be a number",
+        (v) => (v >= 0 && v <= 1) || "Jitter must be between 0 and 1",
       ],
       delayRules: [
-        (v) => !Number.isNaN(v) || 'Delay must be a number',
-        (v) => (v >= 0) || 'Delay must be a positive number',
+        (v) => !Number.isNaN(v) || "Delay must be a number",
+        (v) => v >= 0 || "Delay must be a positive number",
       ],
     };
   },
@@ -194,19 +188,20 @@ export default {
     fields() {
       // stale comes back as a boolean, while no other property does and el-input
       // doesn't accept booleans so this will do.
-      return Object.keys(this.agent)
-        .map((key) => ({
-          name: key,
-          Value: typeof this.agent[key] === 'boolean' ? `${this.agent[key]}` : this.agent[key],
-        }));
+      return Object.keys(this.agent).map((key) => ({
+        name: key,
+        Value:
+          typeof this.agent[key] === "boolean"
+            ? `${this.agent[key]}`
+            : this.agent[key],
+      }));
     },
     /**
      * Following the same structure as the other forms, but in this case there are no
      * "requiredFields". It's just everything minus the name since we want that at the top.
      */
     requiredFields() {
-      return this.fields
-        .filter((el) => ['name'].indexOf(el.name) < 0);
+      return this.fields.filter((el) => ["name"].indexOf(el.name) < 0);
     },
   },
   watch: {
@@ -217,8 +212,8 @@ export default {
       immediate: true,
       handler(arr) {
         const map2 = arr.reduce((map, obj) => {
-          if (obj.name === 'kill_date' && obj.Value && obj.Value.length > 0) {
-            const dateArr = obj.Value.split('/');
+          if (obj.name === "kill_date" && obj.Value && obj.Value.length > 0) {
+            const dateArr = obj.Value.split("/");
             const year = dateArr[2];
             const month = dateArr[0];
             const day = dateArr[1];
@@ -229,33 +224,36 @@ export default {
           return map;
         }, {});
 
-        Vue.set(this, 'form', map2);
+        Vue.set(this, "form", map2);
       },
     },
   },
   mounted() {
-    this.$store.dispatch('listener/getListeners');
+    this.$store.dispatch("listener/getListeners");
   },
   methods: {
     deleteTag(tag) {
-      agentApi.deleteTag(this.agent.session_id, tag.id)
+      agentApi
+        .deleteTag(this.agent.session_id, tag.id)
         .then(() => {
-          this.$emit('refresh-agent');
+          this.$emit("refresh-agent");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     updateTag(tag) {
-      agentApi.updateTag(this.agent.session_id, tag)
+      agentApi
+        .updateTag(this.agent.session_id, tag)
         .then(() => {
-          this.$emit('refresh-agent');
-          this.$snack.success('Tag updated');
+          this.$emit("refresh-agent");
+          this.$snack.success("Tag updated");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     addTag(tag) {
-      agentApi.addTag(this.agent.session_id, tag)
+      agentApi
+        .addTag(this.agent.session_id, tag)
         .then(() => {
-          this.$emit('refresh-agent');
+          this.$emit("refresh-agent");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
@@ -263,7 +261,10 @@ export default {
       if (this.agent.name === this.form.name) return;
 
       try {
-        await this.$store.dispatch('agent/rename', { sessionId: this.agent.session_id, newName: this.form.name });
+        await this.$store.dispatch("agent/rename", {
+          sessionId: this.agent.session_id,
+          newName: this.form.name,
+        });
       } catch (err) {
         this.$snack.error(`Update agent listener failed: ${err}`);
         return;
@@ -274,19 +275,25 @@ export default {
       if (this.agent.listener === this.form.listener) return;
 
       try {
-        const listenerId = this.listeners.filter((l) => l.name === this.form.listener)[0].id;
+        const listenerId = this.listeners.filter(
+          (l) => l.name === this.form.listener,
+        )[0].id;
         await agentTaskApi.updateComms(this.agent.session_id, listenerId);
       } catch (err) {
         this.$snack.error(`Update agent listener failed: ${err}`);
         return;
       }
-      this.$snack.info(`Tasked agent to change listener to: ${this.form.listener}`);
-      await this.$store.dispatch('agent/getAgent', { sessionId: this.form.name });
+      this.$snack.info(
+        `Tasked agent to change listener to: ${this.form.listener}`,
+      );
+      await this.$store.dispatch("agent/getAgent", {
+        sessionId: this.form.name,
+      });
     },
     async updateKillDate() {
-      let date = '';
+      let date = "";
       if (this.form.kill_date && this.form.kill_date.length > 0) {
-        date = moment(this.form.kill_date).format('MM/DD/YYYY');
+        date = moment(this.form.kill_date).format("MM/DD/YYYY");
       }
       if (this.agent.kill_date === date) return;
 
@@ -297,24 +304,33 @@ export default {
         return;
       }
       this.$snack.info(`Tasked agent to change kill date to: ${date}`);
-      this.$store.dispatch('agent/getAgent', { sessionId: this.form.name });
+      this.$store.dispatch("agent/getAgent", { sessionId: this.form.name });
     },
     async updateWorkingHours() {
       if (this.agent.working_hours === this.form.working_hours) return;
 
       try {
-        await agentTaskApi.updateWorkingHours(this.agent.session_id, this.form.working_hours);
+        await agentTaskApi.updateWorkingHours(
+          this.agent.session_id,
+          this.form.working_hours,
+        );
       } catch (err) {
         this.$snack.error(`Update agent working hours failed: ${err}`);
         return;
       }
-      this.$snack.info(`Tasked agent to change working hours to: ${this.form.working_hours}`);
+      this.$snack.info(
+        `Tasked agent to change working hours to: ${this.form.working_hours}`,
+      );
     },
     async updateDelay() {
       if (this.agent.delay === this.form.delay) return;
 
       try {
-        await agentTaskApi.updateSleep(this.agent.session_id, this.form.delay, this.form.jitter);
+        await agentTaskApi.updateSleep(
+          this.agent.session_id,
+          this.form.delay,
+          this.form.jitter,
+        );
       } catch (err) {
         this.$snack.error(`Update agent delay failed: ${err}`);
         return;
@@ -325,7 +341,11 @@ export default {
       if (this.agent.jitter === this.form.jitter) return;
 
       try {
-        await agentTaskApi.updateSleep(this.agent.session_id, this.form.delay, this.form.jitter);
+        await agentTaskApi.updateSleep(
+          this.agent.session_id,
+          this.form.delay,
+          this.form.jitter,
+        );
       } catch (err) {
         this.$snack.error(`Update agent delay failed: ${err}`);
         return;
diff --git a/src/components/agents/AgentInteract.vue b/src/components/agents/AgentInteract.vue
index 24d571d..0ee9652 100644
--- a/src/components/agents/AgentInteract.vue
+++ b/src/components/agents/AgentInteract.vue
@@ -1,30 +1,18 @@
 <template>
   <div style="padding: 10px">
-    <v-form
-      ref="form"
-      class="form"
-      @submit.prevent.native="submit"
-    >
+    <v-form ref="form" class="form" @submit.prevent.native="submit">
       <v-container>
         <v-row>
-          <v-col
-            cols="10"
-          >
-            <div style="display: flex;">
+          <v-col cols="10">
+            <div style="display: flex">
               <v-checkbox
                 v-model="form.scriptCommand"
                 class="pr-2"
                 label="Script Command"
               />
-              <v-tooltip
-                bottom
-              >
+              <v-tooltip bottom>
                 <template #activator="{ on }">
-                  <v-icon
-                    small
-                    class="pr-2"
-                    v-on="on"
-                  >
+                  <v-icon small class="pr-2" v-on="on">
                     fa-question-circle
                   </v-icon>
                 </template>
@@ -36,15 +24,9 @@
                 label="Literal"
                 :disabled="literal.disabled"
               />
-              <v-tooltip
-                bottom
-              >
+              <v-tooltip bottom>
                 <template #activator="{ on }">
-                  <v-icon
-                    small
-                    class="pr-2"
-                    v-on="on"
-                  >
+                  <v-icon small class="pr-2" v-on="on">
                     fa-question-circle
                   </v-icon>
                 </template>
@@ -58,15 +40,8 @@
               />
             </div>
           </v-col>
-          <v-col
-            cols="2"
-            md="2"
-          >
-            <v-btn
-              color="primary"
-              :loading="loading"
-              type="submit"
-            >
+          <v-col cols="2" md="2">
+            <v-btn color="primary" :loading="loading" type="submit">
               Run
             </v-btn>
           </v-col>
@@ -77,7 +52,7 @@
 </template>
 
 <script>
-import * as agentTaskApi from '@/api/agent-task-api';
+import * as agentTaskApi from "@/api/agent-task-api";
 
 export default {
   props: {
@@ -90,22 +65,24 @@ export default {
     return {
       loading: false,
       form: {
-        command: '',
+        command: "",
         literal: false,
         scriptCommand: false,
       },
       literal: {
         disabled: false,
-        tooltipText: 'This will ensure that aliased commands such as whoami or ps do not execute the built-in agent aliases.',
+        tooltipText:
+          "This will ensure that aliased commands such as whoami or ps do not execute the built-in agent aliases.",
       },
       scriptCommand: {
-        tooltipText: 'Execute a script command. The function being executing should first be loading via the "Script Import" functionality.',
+        tooltipText:
+          'Execute a script command. The function being executing should first be loading via the "Script Import" functionality.',
       },
       commands: [],
     };
   },
   watch: {
-    'form.scriptCommand': {
+    "form.scriptCommand": {
       handler(val) {
         if (val) {
           this.form.literal = false;
@@ -124,15 +101,22 @@ export default {
 
       this.loading = true;
 
-      if (this.form.command.trim() === 'sysinfo') {
+      if (this.form.command.trim() === "sysinfo") {
         await agentTaskApi.sysinfo(this.agent.session_id);
       } else if (this.form.scriptCommand) {
-        await agentTaskApi.scriptCommand(this.agent.session_id, this.form.command);
+        await agentTaskApi.scriptCommand(
+          this.agent.session_id,
+          this.form.command,
+        );
       } else {
-        await agentTaskApi.shell(this.agent.session_id, this.form.command, this.form.literal);
+        await agentTaskApi.shell(
+          this.agent.session_id,
+          this.form.command,
+          this.form.literal,
+        );
       }
 
-      this.form.command = '';
+      this.form.command = "";
       this.loading = false;
       this.$snack.success(`Shell Command queued for ${this.agent.name}`);
     },
@@ -140,5 +124,4 @@ export default {
 };
 </script>
 
-<style scoped lang="scss">
-</style>
+<style scoped lang="scss"></style>
diff --git a/src/components/agents/AgentScriptImportDialog.vue b/src/components/agents/AgentScriptImportDialog.vue
index 3e44edd..0cb4604 100644
--- a/src/components/agents/AgentScriptImportDialog.vue
+++ b/src/components/agents/AgentScriptImportDialog.vue
@@ -1,19 +1,11 @@
 <template>
-  <v-dialog
-    ref="scriptImportDialog"
-    v-model="show"
-    max-width="750px"
-  >
+  <v-dialog ref="scriptImportDialog" v-model="show" max-width="750px">
     <v-card>
       <v-card-title>
         <span class="headline">Import Script</span>
       </v-card-title>
       <v-card-text>
-        <v-form
-          ref="form"
-          on-submit="return false;"
-          @submit.prevent
-        >
+        <v-form ref="form" on-submit="return false;" @submit.prevent>
           <v-container>
             <v-row>
               <v-col cols="12">
@@ -33,19 +25,10 @@
       </v-card-text>
       <v-card-actions>
         <v-spacer />
-        <v-btn
-          color="blue darken-1"
-          text
-          @click.stop="show = false"
-        >
+        <v-btn color="blue darken-1" text @click.stop="show = false">
           Close
         </v-btn>
-        <v-btn
-          color="blue darken-1"
-          text
-          :loading="loading"
-          @click="submit"
-        >
+        <v-btn color="blue darken-1" text :loading="loading" @click="submit">
           Import
         </v-btn>
       </v-card-actions>
@@ -69,8 +52,10 @@ export default {
       file: null,
       rules: {
         fileInput: [
-          (v) => !!v || 'File required',
-          (v) => (!!v && v.size < MAX_BYTES) || `Maximum size of ${Math.floor(MAX_BYTES / 1e6)} MiB.`,
+          (v) => !!v || "File required",
+          (v) =>
+            (!!v && v.size < MAX_BYTES) ||
+            `Maximum size of ${Math.floor(MAX_BYTES / 1e6)} MiB.`,
         ],
       },
     };
@@ -81,7 +66,7 @@ export default {
         return this.value;
       },
       set(value) {
-        this.$emit('input', value);
+        this.$emit("input", value);
       },
     },
   },
@@ -94,8 +79,10 @@ export default {
   },
   methods: {
     async submit() {
-      if (!this.$refs.form.validate()) { return; }
-      this.$emit('submit', { file: this.file });
+      if (!this.$refs.form.validate()) {
+        return;
+      }
+      this.$emit("submit", { file: this.file });
     },
   },
 };
diff --git a/src/components/agents/AgentTasksList.vue b/src/components/agents/AgentTasksList.vue
index c7dcc4d..280b9b4 100644
--- a/src/components/agents/AgentTasksList.vue
+++ b/src/components/agents/AgentTasksList.vue
@@ -60,20 +60,20 @@
 </template>
 
 <script>
-import moment from 'moment';
-import debounce from 'lodash.debounce';
-import { mapState } from 'vuex';
+import moment from "moment";
+import debounce from "lodash.debounce";
+import { mapState } from "vuex";
 
-import AgentTasksTable from '@/components/agents/AgentTasksTable.vue';
-import ListPageTop from '@/components/ListPageTop.vue';
-import DownloadMixin from '@/mixins/download-stager';
-import ExpansionPanelFilter from '@/components/tables/ExpansionPanelFilter.vue';
-import ExpansionPanelSearch from '@/components/tables/ExpansionPanelSearch.vue';
-import AdvancedTable from '@/components/tables/AdvancedTable.vue';
-import * as tagApi from '@/api/tag-api';
+import AgentTasksTable from "@/components/agents/AgentTasksTable.vue";
+import ListPageTop from "@/components/ListPageTop.vue";
+import DownloadMixin from "@/mixins/download-stager";
+import ExpansionPanelFilter from "@/components/tables/ExpansionPanelFilter.vue";
+import ExpansionPanelSearch from "@/components/tables/ExpansionPanelSearch.vue";
+import AdvancedTable from "@/components/tables/AdvancedTable.vue";
+import * as tagApi from "@/api/tag-api";
 
 export default {
-  name: 'AgentTasksList',
+  name: "AgentTasksList",
   components: {
     AdvancedTable,
     ExpansionPanelFilter,
@@ -101,17 +101,18 @@ export default {
     return {
       breads: [
         {
-          text: 'Agents',
+          text: "Agents",
           disabled: true,
-          href: '/agents',
-        }, {
-          text: 'Tasks',
+          href: "/agents",
+        },
+        {
+          text: "Tasks",
           disabled: true,
-          href: '/agents?tab=tasks',
+          href: "/agents?tab=tasks",
         },
       ],
       tasks: [],
-      search: '',
+      search: "",
       loading: false,
       moment,
       selectedAgents: [],
@@ -128,7 +129,7 @@ export default {
         const u = state.user.users;
         u.push({
           id: 0,
-          username: 'Non-User',
+          username: "Non-User",
         });
         return u;
       },
@@ -146,18 +147,24 @@ export default {
   },
   async mounted() {
     await Promise.all([
-      this.$store.dispatch('agent/getAgents'),
-      this.$store.dispatch('user/getUsers'),
+      this.$store.dispatch("agent/getAgents"),
+      this.$store.dispatch("user/getUsers"),
       this.getTags(),
     ]);
   },
   methods: {
     async getTags() {
-      const tags = await tagApi.getTags({ page: 1, limit: -1, sources: 'agent_task' });
+      const tags = await tagApi.getTags({
+        page: 1,
+        limit: -1,
+        sources: "agent_task",
+      });
 
       const dedupedTags = [];
       tags.records.forEach((tag) => {
-        const existingTag = dedupedTags.find((t) => t.name === tag.name && t.value === tag.value);
+        const existingTag = dedupedTags.find(
+          (t) => t.name === tag.name && t.value === tag.value,
+        );
         if (!existingTag) {
           dedupedTags.push(tag);
         }
@@ -172,5 +179,4 @@ export default {
 };
 </script>
 
-<style>
-</style>
+<style></style>
diff --git a/src/components/agents/AgentTasksTable.vue b/src/components/agents/AgentTasksTable.vue
index b72ba45..1352d94 100644
--- a/src/components/agents/AgentTasksTable.vue
+++ b/src/components/agents/AgentTasksTable.vue
@@ -23,7 +23,13 @@
       <template #expanded-item="{ headers, item }">
         <td :colspan="headers.length">
           <div>
-            <div style="display: flex; justify-content: space-between; align-items: center;">
+            <div
+              style="
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+              "
+            >
               <div>
                 <tooltip-button
                   :icon="item.expandedInput ? 'fa-minus' : 'fa-plus'"
@@ -43,21 +49,34 @@
             </div>
             <p><b>Task Input:</b></p>
             <p
-              :class="'mono ' + (expandedTasks[item.uniqueId].backgroundColor === 'white' ? 'font-black' : 'font-white') "
-              :style="'background-color: ' + expandedTasks[item.uniqueId].backgroundColor + ';'"
+              :class="
+                'mono ' +
+                (expandedTasks[item.uniqueId].backgroundColor === 'white'
+                  ? 'font-black'
+                  : 'font-white')
+              "
+              :style="
+                'background-color: ' +
+                expandedTasks[item.uniqueId].backgroundColor +
+                ';'
+              "
             >
-              {{ item.expandedInput ? expandedTasks[item.uniqueId].full_input : item.input }}
+              {{
+                item.expandedInput
+                  ? expandedTasks[item.uniqueId].full_input
+                  : item.input
+              }}
             </p>
             <p><b>Task Output:</b></p>
             <div
-              v-if="item.downloads.length > 0
-                && item.downloads.some(d => d.filename.match(/[^/]+(jpg|jpeg|png|gif)$/))"
+              v-if="
+                item.downloads.length > 0 &&
+                item.downloads.some((d) =>
+                  d.filename.match(/[^/]+(jpg|jpeg|png|gif)$/),
+                )
+              "
             >
-              <v-btn
-                text
-                x-small
-                @click="getImagesForTask(item)"
-              >
+              <v-btn text x-small @click="getImagesForTask(item)">
                 View Images
               </v-btn>
               <div>
@@ -72,11 +91,23 @@
               </div>
             </div>
             <div
-              :class="'mono ' + (expandedTasks[item.uniqueId].backgroundColor === 'white' ? 'font-black' : 'font-white') "
-              :style="'background-color: ' + expandedTasks[item.uniqueId].backgroundColor + ';'"
+              :class="
+                'mono ' +
+                (expandedTasks[item.uniqueId].backgroundColor === 'white'
+                  ? 'font-black'
+                  : 'font-white')
+              "
+              :style="
+                'background-color: ' +
+                expandedTasks[item.uniqueId].backgroundColor +
+                ';'
+              "
             >
               <!-- TODO Option for original output -->
-              <div v-if="expandedTasks[item.uniqueId].htmlOutput" v-html="expandedTasks[item.uniqueId].htmlOutput" />
+              <div
+                v-if="expandedTasks[item.uniqueId].htmlOutput"
+                v-html="expandedTasks[item.uniqueId].htmlOutput"
+              />
               <div v-else>
                 {{ item.output }}
               </div>
@@ -85,24 +116,16 @@
         </td>
       </template>
       <template #item.status="{ item }">
-        <v-icon
-          v-if="item.status === 'pulled'"
-          color="green"
-          small
-        >
+        <v-icon v-if="item.status === 'pulled'" color="green" small>
           fa-check-square
         </v-icon>
-        <v-icon
-          v-else-if="item.status === 'queued'"
-          color="orange"
-          small
-        >
+        <v-icon v-else-if="item.status === 'queued'" color="orange" small>
           fa-clock
         </v-icon>
       </template>
       <template v-if="!agent" #item.agent_id="{ item }">
         <router-link
-          style="color: inherit;"
+          style="color: inherit"
           :to="{ name: 'agentEdit', params: { id: item.agent_id } }"
         >
           {{ item.agent_id }}
@@ -112,7 +135,9 @@
         <span>{{ truncateMessage(item.input) }}</span>
       </template>
       <template #item.task_name="{ item }">
-        <span>{{ item.module_name == null ? item.task_name : item.module_name }}</span>
+        <span>{{
+          item.module_name == null ? item.task_name : item.module_name
+        }}</span>
       </template>
       <template #item.updated_at="{ item }">
         <date-time-display :timestamp="item.updated_at" />
@@ -128,22 +153,12 @@
       <template #item.actions="{ item }">
         <v-menu offset-y>
           <template #activator="{ on, attrs }">
-            <v-btn
-              text
-              icon
-              x-small
-              v-bind="attrs"
-              v-on="on"
-            >
+            <v-btn text icon x-small v-bind="attrs" v-on="on">
               <v-icon>fa-ellipsis-v</v-icon>
             </v-btn>
           </template>
           <v-list class="ml-2 mr-2">
-            <v-list-item
-              key="downloadInput"
-              link
-              @click="downloadInput(item)"
-            >
+            <v-list-item key="downloadInput" link @click="downloadInput(item)">
               <v-list-item-title>
                 <v-icon>fa-download</v-icon>
                 Download Input
@@ -160,11 +175,7 @@
                 Download Output
               </v-list-item-title>
             </v-list-item>
-            <v-list-item
-              key="clipboardInput"
-              link
-              @click="copyInput(item)"
-            >
+            <v-list-item key="clipboardInput" link @click="copyInput(item)">
               <v-list-item-title>
                 <v-icon>fa-paperclip</v-icon>
                 Copy Input to Clipboard
@@ -201,20 +212,20 @@
 </template>
 
 <script>
-import Vue from 'vue';
-import moment from 'moment';
-import debounce from 'lodash.debounce';
+import Vue from "vue";
+import moment from "moment";
+import debounce from "lodash.debounce";
 // eslint-disable-next-line import/no-named-default
-import { default as AnsiUp } from 'ansi_up';
-import DateTimeDisplay from '@/components/DateTimeDisplay.vue';
-import TooltipButton from '@/components/TooltipButton.vue';
-import TagViewer from '@/components/TagViewer.vue';
-import DownloadMixin from '@/mixins/download-stager';
-import * as downloadApi from '@/api/download-api';
-import * as agentTaskApi from '@/api/agent-task-api';
+import { default as AnsiUp } from "ansi_up";
+import DateTimeDisplay from "@/components/DateTimeDisplay.vue";
+import TooltipButton from "@/components/TooltipButton.vue";
+import TagViewer from "@/components/TagViewer.vue";
+import DownloadMixin from "@/mixins/download-stager";
+import * as downloadApi from "@/api/download-api";
+import * as agentTaskApi from "@/api/agent-task-api";
 
 export default {
-  name: 'AgentTasksTable',
+  name: "AgentTasksTable",
   components: {
     DateTimeDisplay,
     TagViewer,
@@ -249,7 +260,7 @@ export default {
     },
     search: {
       type: String,
-      default: '',
+      default: "",
     },
     noFilters: {
       type: Boolean,
@@ -265,7 +276,7 @@ export default {
       itemsPerPage: 10,
       loading: false,
       moment,
-      sortBy: 'updated_at',
+      sortBy: "updated_at",
       sortDesc: true,
       refreshInterval: null,
       expandedTasks: {},
@@ -275,19 +286,21 @@ export default {
   computed: {
     headers() {
       return [
-        { text: 'Task ID', value: 'id', sortable: true },
-        { text: 'Status', value: 'status', sortable: true },
-        { text: 'Agent', value: 'agent_id', sortable: true },
-        { text: 'Task Input', value: 'input', sortable: false },
-        { text: 'Task Name', value: 'task_name', sortable: false },
-        { text: 'User', value: 'username', sortable: false },
-        { text: 'Updated At', value: 'updated_at', sortable: true },
+        { text: "Task ID", value: "id", sortable: true },
+        { text: "Status", value: "status", sortable: true },
+        { text: "Agent", value: "agent_id", sortable: true },
+        { text: "Task Input", value: "input", sortable: false },
+        { text: "Task Name", value: "task_name", sortable: false },
+        { text: "User", value: "username", sortable: false },
+        { text: "Updated At", value: "updated_at", sortable: true },
         {
-          text: 'Tags', value: 'tags', sortable: false, width: 400,
+          text: "Tags",
+          value: "tags",
+          sortable: false,
+          width: 400,
         },
-        { text: 'Actions', value: 'actions', sortable: false },
-      ]
-        .filter((h) => !this.hideColumns.includes(h.value));
+        { text: "Actions", value: "actions", sortable: false },
+      ].filter((h) => !this.hideColumns.includes(h.value));
     },
   },
   watch: {
@@ -337,8 +350,11 @@ export default {
     // eslint-disable-next-line no-unused-vars
     // from https://github.com/xpl/ansicolor
     stripAnsi(text) {
-      // eslint-disable-next-line no-control-regex
-      return text.replace(/[\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-PRZcf-nqry=><]/g, ''); // hope V8 caches the regexp
+      return text.replace(
+        // eslint-disable-next-line no-control-regex
+        /[\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-PRZcf-nqry=><]/g,
+        "",
+      ); // hope V8 caches the regexp
     },
     isAnsi(output) {
       return this.stripAnsi(output) !== output;
@@ -347,28 +363,35 @@ export default {
       return new AnsiUp().ansi_to_html(output);
     },
     deleteTag(task, tag) {
-      agentTaskApi.deleteTag(task.agent_id, task.id, tag.id)
+      agentTaskApi
+        .deleteTag(task.agent_id, task.id, tag.id)
         .then(() => {
-          this.$set(task, 'tags', task.tags.filter((t) => t.id !== tag.id));
-          this.$emit('refresh-tags');
+          this.$set(
+            task,
+            "tags",
+            task.tags.filter((t) => t.id !== tag.id),
+          );
+          this.$emit("refresh-tags");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     updateTag(task, tag) {
-      agentTaskApi.updateTag(task.agent_id, task.id, tag)
+      agentTaskApi
+        .updateTag(task.agent_id, task.id, tag)
         .then((t) => {
           const index = task.tags.findIndex((x) => x.id === t.id);
           task.tags.splice(index, 1, t);
-          this.$emit('refresh-tags');
-          this.$snack.success('Tag updated');
+          this.$emit("refresh-tags");
+          this.$snack.success("Tag updated");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     addTag(task, tag) {
-      agentTaskApi.addTag(task.agent_id, task.id, tag)
+      agentTaskApi
+        .addTag(task.agent_id, task.id, tag)
         .then((t) => {
-          this.$set(task, 'tags', [...task.tags, t]);
-          this.$emit('refresh-tags');
+          this.$set(task, "tags", [...task.tags, t]);
+          this.$emit("refresh-tags");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
@@ -376,13 +399,13 @@ export default {
       if (task) {
         return task.length > 30 ? `${task.substr(0, 30)}...` : task;
       }
-      return '';
+      return "";
     },
     updateTaskBackgroundColor(task) {
-      if (task.backgroundColor === 'black') {
-        task.backgroundColor = 'white';
+      if (task.backgroundColor === "black") {
+        task.backgroundColor = "white";
       } else {
-        task.backgroundColor = 'black';
+        task.backgroundColor = "black";
       }
       this.expandedTasks[task.uniqueId].backgroundColor = task.backgroundColor;
 
@@ -402,10 +425,16 @@ export default {
       if (task.input) {
         if (!this.expandedTasks[task.uniqueId]?.full_input) {
           const data = await agentTaskApi.getTask(task.agent_id, task.id);
-          this.expandedTasks[task.uniqueId] = { ...this.expandedTasks[task.uniqueId], ...data };
+          this.expandedTasks[task.uniqueId] = {
+            ...this.expandedTasks[task.uniqueId],
+            ...data,
+          };
         }
 
-        this.downloadText(this.expandedTasks[task.uniqueId].full_input, `${task.uniqueId}-input.txt`);
+        this.downloadText(
+          this.expandedTasks[task.uniqueId].full_input,
+          `${task.uniqueId}-input.txt`,
+        );
       }
     },
     downloadOutput(task) {
@@ -417,13 +446,20 @@ export default {
       if (task.input) {
         if (!this.expandedTasks[task.uniqueId]?.full_input) {
           const data = await agentTaskApi.getTask(task.agent_id, task.id);
-          this.expandedTasks[task.uniqueId] = { ...this.expandedTasks[task.uniqueId], ...data };
+          this.expandedTasks[task.uniqueId] = {
+            ...this.expandedTasks[task.uniqueId],
+            ...data,
+          };
         }
 
         try {
-          navigator.clipboard.writeText(this.expandedTasks[task.uniqueId].full_input);
+          navigator.clipboard.writeText(
+            this.expandedTasks[task.uniqueId].full_input,
+          );
         } catch (error) {
-          this.$snack.warn('Failed to copy to clipboard. You must be on HTTPS or localhost.');
+          this.$snack.warn(
+            "Failed to copy to clipboard. You must be on HTTPS or localhost.",
+          );
         }
       }
     },
@@ -432,7 +468,9 @@ export default {
         try {
           navigator.clipboard.writeText(task.output);
         } catch (error) {
-          this.$snack.warn('Failed to copy to clipboard. You must be on HTTPS or localhost.');
+          this.$snack.warn(
+            "Failed to copy to clipboard. You must be on HTTPS or localhost.",
+          );
         }
       }
     },
@@ -449,14 +487,19 @@ export default {
     async getImagesForTask(task) {
       if (!this.expandedTasks[task.uniqueId].imagesRetrieved) {
         const data = await agentTaskApi.getTask(task.agent_id, task.id);
-        this.expandedTasks[task.uniqueId] = { ...this.expandedTasks[task.uniqueId], ...data };
+        this.expandedTasks[task.uniqueId] = {
+          ...this.expandedTasks[task.uniqueId],
+          ...data,
+        };
         this.expandedTasks[task.uniqueId].imagesRetrieved = true;
       }
 
       for (let i = 0; i < task.downloads.length; i++) {
         const download = task.downloads[i];
-        if (!this.expandedTasks[task.uniqueId].downloads[download.id]?.image
-          && download.filename.match(/[^/]+(jpg|jpeg|png|gif)$/)) {
+        if (
+          !this.expandedTasks[task.uniqueId].downloads[download.id]?.image &&
+          download.filename.match(/[^/]+(jpg|jpeg|png|gif)$/)
+        ) {
           // eslint-disable-next-line
           const url = await downloadApi.getDownloadAsUrl(download.id);
           this.expandedTasks[task.uniqueId].downloads[i].image = url;
@@ -467,7 +510,11 @@ export default {
     async toggleSeeFullInput(task) {
       if (!task.expandedInput) {
         const data = await agentTaskApi.getTask(task.agent_id, task.id);
-        this.expandedTasks[task.uniqueId] = { ...this.expandedTasks[task.uniqueId], ...data, expandedInput: true };
+        this.expandedTasks[task.uniqueId] = {
+          ...this.expandedTasks[task.uniqueId],
+          ...data,
+          expandedInput: true,
+        };
         task.expandedInput = true;
       } else {
         this.expandedTasks[task.uniqueId].expandedInput = false;
@@ -488,15 +535,15 @@ export default {
         this.sortBy = value.sortBy[0];
         this.sortDesc = value.sortDesc[0];
       } else {
-        this.sortBy = 'id';
+        this.sortBy = "id";
         this.sortDesc = true;
       }
       this.debouncedGetTasks();
     },
     async getTasks() {
       if (
-        !this.noFilters
-        && (this.selectedAgents.length === 0 || this.selectedUsers.length === 0)
+        !this.noFilters &&
+        (this.selectedAgents.length === 0 || this.selectedUsers.length === 0)
       ) {
         // seems weird to do this but it would be weirder to select all agents
         // when no agents are selected. Even though the api sees no agents as all agents.
@@ -515,7 +562,7 @@ export default {
         page: this.currentPage,
         limit: this.itemsPerPage,
         sortBy: this.sortBy,
-        sortOrder: this.sortDesc ? 'desc' : 'asc',
+        sortOrder: this.sortDesc ? "desc" : "asc",
         users: this.selectedUsers,
         tags: this.selectedTags,
         search: this.search,
@@ -537,11 +584,15 @@ export default {
           task.expandedInput = true;
         }
 
-        this.expandedTasks[task.uniqueId].backgroundColor = this.expandedTasks[task.uniqueId].backgroundColor || 'black';
-        task.backgroundColor = this.expandedTasks[task.uniqueId].backgroundColor;
+        this.expandedTasks[task.uniqueId].backgroundColor =
+          this.expandedTasks[task.uniqueId].backgroundColor || "black";
+        task.backgroundColor =
+          this.expandedTasks[task.uniqueId].backgroundColor;
 
-        if (this.isAnsi(task.output || '')) {
-          this.expandedTasks[task.uniqueId].htmlOutput = this.ansiToHtml(task.output);
+        if (this.isAnsi(task.output || "")) {
+          this.expandedTasks[task.uniqueId].htmlOutput = this.ansiToHtml(
+            task.output,
+          );
         }
 
         return task;
@@ -557,7 +608,10 @@ export default {
 <style>
 .mono {
   white-space: pre-wrap;
-  font: 1.1em 'Andale Mono', Consolas, 'Courier New';
+  font:
+    1.1em "Andale Mono",
+    Consolas,
+    "Courier New";
   font-weight: bold;
   line-height: 1.6em;
   text-align: left;
diff --git a/src/components/agents/AgentTerminal.vue b/src/components/agents/AgentTerminal.vue
index 4796845..29eb206 100644
--- a/src/components/agents/AgentTerminal.vue
+++ b/src/components/agents/AgentTerminal.vue
@@ -5,7 +5,7 @@
         v-for="(line, index) in outputLines"
         :key="index"
         :class="line.cssClasses"
-        style="white-space: pre-wrap;"
+        style="white-space: pre-wrap"
         v-html="ansiToHTML(line.content)"
       />
     </div>
@@ -19,7 +19,11 @@
         @keydown="handleKeyEvents"
       />
     </div>
-    <div v-show="suggestions.length" ref="suggestionList" class="autocomplete-suggestions">
+    <div
+      v-show="suggestions.length"
+      ref="suggestionList"
+      class="autocomplete-suggestions"
+    >
       <div
         v-for="(suggestion, index) in suggestions"
         :key="index"
@@ -35,20 +39,22 @@
 </template>
 
 <script>
-import pause from '@/utils/pause';
-import * as moduleApi from '@/api/module-api';
-import * as agentTaskApi from '@/api/agent-task-api';
-import AnsiUp from 'ansi_up';
-import { mapState } from 'vuex';
-import { table } from 'table';
+import pause from "@/utils/pause";
+import * as moduleApi from "@/api/module-api";
+import * as agentTaskApi from "@/api/agent-task-api";
+import AnsiUp from "ansi_up";
+import { mapState } from "vuex";
+import { table } from "table";
 
 function fuzzyMatch(query, string) {
   const q = Array.from(query);
-  return Array.from(string).some((_, i, a) => q.every((e, j) => e === a[i + j]));
+  return Array.from(string).some((_, i, a) =>
+    q.every((e, j) => e === a[i + j]),
+  );
 }
 
 export default {
-  name: 'AgentTerminal',
+  name: "AgentTerminal",
   props: {
     agent: {
       type: Object,
@@ -57,66 +63,157 @@ export default {
   },
   data() {
     return {
-      currentInput: '',
+      currentInput: "",
       outputLines: [],
       currentModule: null,
       moduleOptions: {},
       commandHistory: [],
       historyIndex: -1,
-      moduleName: '',
+      moduleName: "",
       currentOptions: {},
       suggestions: [],
       currentSuggestionIndex: -1,
       tableConfig: {
         border: {
-          topBody: '─',
-          topJoin: '┬',
-          topLeft: '┌',
-          topRight: '┐',
-
-          bottomBody: '─',
-          bottomJoin: '┴',
-          bottomLeft: '└',
-          bottomRight: '┘',
-
-          bodyLeft: '│',
-          bodyRight: '│',
-          bodyJoin: '│',
-
-          joinBody: '─',
-          joinLeft: '├',
-          joinRight: '┤',
-          joinJoin: '┼',
+          topBody: "─",
+          topJoin: "┬",
+          topLeft: "┌",
+          topRight: "┐",
+
+          bottomBody: "─",
+          bottomJoin: "┴",
+          bottomLeft: "└",
+          bottomRight: "┘",
+
+          bodyLeft: "│",
+          bodyRight: "│",
+          bodyJoin: "│",
+
+          joinBody: "─",
+          joinLeft: "├",
+          joinRight: "┤",
+          joinJoin: "┼",
         },
       },
       helpCommands: [
-        { command: 'help', description: 'Display the help menu for the current menu', usage: 'help' },
-        { command: 'clear', description: 'Clear the terminal output.', usage: 'clear' },
-        { command: 'back', description: 'Return to the main menu from a module.', usage: 'back' },
-        { command: 'usemodule', description: 'Use a specific module by name.', usage: 'usemodule <module_name>' },
-        { command: 'whoami', description: 'Display current user.', usage: 'whoami' },
-        { command: 'sysinfo', description: 'Tasks the specified agent to update sysinfo.', usage: 'sysinfo' },
-        { command: 'shell', description: 'Tasks the specified agent to execute a shell command.', usage: 'shell [--literal / -l] <shell_cmd>' },
-        { command: 'ps', description: "Display the processes running on the agent's system.", usage: 'ps' },
-        { command: 'sc', description: 'Run the powershell_collection_screenshot module with Ratio set to 80.', usage: 'sc' },
-        { command: 'sherlock', description: 'PowerShell script to quickly find missing software patches for local privilege escalation vulnerabilities.', usage: 'sherlock' },
-        { command: 'socks', description: 'Create a SOCKS proxy on the specified port', usage: 'socks 1080' },
-        { command: 'revtoself', description: 'Revert to self on the existing Agent', usage: 'revtoself' },
-        { command: 'sleep', description: 'Tasks specified agent to update delay (s) and jitter (0.0 - 1.0).', usage: 'sleep <delay> <jitter>' },
+        {
+          command: "help",
+          description: "Display the help menu for the current menu",
+          usage: "help",
+        },
+        {
+          command: "clear",
+          description: "Clear the terminal output.",
+          usage: "clear",
+        },
+        {
+          command: "back",
+          description: "Return to the main menu from a module.",
+          usage: "back",
+        },
+        {
+          command: "usemodule",
+          description: "Use a specific module by name.",
+          usage: "usemodule <module_name>",
+        },
+        {
+          command: "whoami",
+          description: "Display current user.",
+          usage: "whoami",
+        },
+        {
+          command: "sysinfo",
+          description: "Tasks the specified agent to update sysinfo.",
+          usage: "sysinfo",
+        },
+        {
+          command: "shell",
+          description: "Tasks the specified agent to execute a shell command.",
+          usage: "shell [--literal / -l] <shell_cmd>",
+        },
+        {
+          command: "ps",
+          description: "Display the processes running on the agent's system.",
+          usage: "ps",
+        },
+        {
+          command: "sc",
+          description:
+            "Run the powershell_collection_screenshot module with Ratio set to 80.",
+          usage: "sc",
+        },
+        {
+          command: "sherlock",
+          description:
+            "PowerShell script to quickly find missing software patches for local privilege escalation vulnerabilities.",
+          usage: "sherlock",
+        },
+        {
+          command: "socks",
+          description: "Create a SOCKS proxy on the specified port",
+          usage: "socks 1080",
+        },
+        {
+          command: "revtoself",
+          description: "Revert to self on the existing Agent",
+          usage: "revtoself",
+        },
+        {
+          command: "sleep",
+          description:
+            "Tasks specified agent to update delay (s) and jitter (0.0 - 1.0).",
+          usage: "sleep <delay> <jitter>",
+        },
       ],
       moduleHelpCommands: [
-        { command: 'execute', description: 'Execute the selected module', usage: 'execute' },
-        { command: 'generate', description: 'Generate the selected module', usage: 'generate' },
-        { command: 'help', description: 'Display the help menu for the current menu', usage: 'help' },
-        { command: 'info', description: 'Print default info on the current record.', usage: 'info' },
-        { command: 'options', description: 'Print the current record options', usage: 'options' },
-        { command: 'set', description: 'Set a field for the current record.', usage: 'set <key> <value>' },
-        { command: 'unset', description: 'Unset a record option', usage: 'unset <key>' },
-        { command: 'clear', description: 'Clear the terminal output.', usage: 'clear' },
-        { command: 'back', description: 'Return to the main menu from a module.', usage: 'back' },
+        {
+          command: "execute",
+          description: "Execute the selected module",
+          usage: "execute",
+        },
+        {
+          command: "generate",
+          description: "Generate the selected module",
+          usage: "generate",
+        },
+        {
+          command: "help",
+          description: "Display the help menu for the current menu",
+          usage: "help",
+        },
+        {
+          command: "info",
+          description: "Print default info on the current record.",
+          usage: "info",
+        },
+        {
+          command: "options",
+          description: "Print the current record options",
+          usage: "options",
+        },
+        {
+          command: "set",
+          description: "Set a field for the current record.",
+          usage: "set <key> <value>",
+        },
+        {
+          command: "unset",
+          description: "Unset a record option",
+          usage: "unset <key>",
+        },
+        {
+          command: "clear",
+          description: "Clear the terminal output.",
+          usage: "clear",
+        },
+        {
+          command: "back",
+          description: "Return to the main menu from a module.",
+          usage: "back",
+        },
       ],
       isShellMenu: false,
-      currentDir: 'loading...',
+      currentDir: "loading...",
     };
   },
   computed: {
@@ -124,15 +221,15 @@ export default {
       allModules: (state) => state.module.modules,
     }),
     currentPrompt() {
-      const prefix = this.colorizeText('(Empire: ', 'white');
-      const suffix = this.colorizeText(' )>', 'white');
-      let body = '';
+      const prefix = this.colorizeText("(Empire: ", "white");
+      const suffix = this.colorizeText(" )>", "white");
+      let body = "";
       if (this.currentModule) {
-        body = this.colorizeText(`usemodule/${this.currentModule.id}`, 'red');
+        body = this.colorizeText(`usemodule/${this.currentModule.id}`, "red");
       } else if (this.isShellMenu) {
-        body = this.colorizeText(this.currentDir, 'green');
+        body = this.colorizeText(this.currentDir, "green");
       } else {
-        body = this.colorizeText(this.agent.session_id, 'red');
+        body = this.colorizeText(this.agent.session_id, "red");
       }
       return prefix + body + suffix;
     },
@@ -151,7 +248,7 @@ export default {
     // Autofocus on the input field
     this.$refs.inputField.focus();
     if (this.allModules?.length === 0) {
-      this.$store.dispatch('module/getModules');
+      this.$store.dispatch("module/getModules");
     }
 
     // Load the command history from local storage
@@ -171,7 +268,7 @@ export default {
         this.isShellMenu = false;
       }
       this.addLine(`${this.currentPrompt} ${this.currentInput}`);
-      this.currentInput = '';
+      this.currentInput = "";
     },
     applySuggestion(suggestion) {
       this.currentInput = suggestion;
@@ -179,24 +276,25 @@ export default {
       this.currentSuggestionIndex = 0;
     },
     handleKeyEvents(event) {
-      if (event.code === 'ArrowUp') {
+      if (event.code === "ArrowUp") {
         event.preventDefault(); // Prevent cursor from moving to beginning of input
         if (this.historyIndex > 0) {
           this.historyIndex--;
           this.currentInput = this.commandHistory[this.historyIndex];
         }
-      } else if (event.code === 'ArrowDown') {
+      } else if (event.code === "ArrowDown") {
         if (this.historyIndex < this.commandHistory.length - 1) {
           this.historyIndex++;
           this.currentInput = this.commandHistory[this.historyIndex];
         }
-      } else if (event.code === 'Tab') {
-        if (this.currentInput === '') {
+      } else if (event.code === "Tab") {
+        if (this.currentInput === "") {
           this.generateSuggestions();
         }
         event.preventDefault();
         if (this.suggestions.length > 1) {
-          this.currentSuggestionIndex = (this.currentSuggestionIndex + 1) % this.suggestions.length;
+          this.currentSuggestionIndex =
+            (this.currentSuggestionIndex + 1) % this.suggestions.length;
         } else if (this.suggestions.length === 1) {
           this.currentInput = this.suggestions[0];
           this.suggestions = [];
@@ -205,18 +303,24 @@ export default {
         // This scrolls the suggestion list if the highlighted element is not visible
         this.$nextTick(() => {
           const listElement = this.$refs.suggestionList;
-          const highlightedElement = listElement.children[this.currentSuggestionIndex];
+          const highlightedElement =
+            listElement.children[this.currentSuggestionIndex];
 
           if (highlightedElement) {
-            if (highlightedElement.offsetTop + highlightedElement.clientHeight > listElement.clientHeight) {
-              listElement.scrollTop = highlightedElement.offsetTop
-                + highlightedElement.clientHeight - listElement.clientHeight;
+            if (
+              highlightedElement.offsetTop + highlightedElement.clientHeight >
+              listElement.clientHeight
+            ) {
+              listElement.scrollTop =
+                highlightedElement.offsetTop +
+                highlightedElement.clientHeight -
+                listElement.clientHeight;
             } else if (highlightedElement.offsetTop < listElement.scrollTop) {
               listElement.scrollTop = highlightedElement.offsetTop;
             }
           }
         });
-      } else if (event.code === 'Space') {
+      } else if (event.code === "Space") {
         if (this.currentSuggestionIndex !== -1) {
           event.preventDefault();
           this.currentInput = this.suggestions[this.currentSuggestionIndex];
@@ -232,21 +336,30 @@ export default {
       }
       const query = this.currentInput.toLowerCase().trim();
 
-      const queryParts = query.split(' ');
+      const queryParts = query.split(" ");
       let moduleSuggestions = [];
       let commandSuggestions = [];
 
-      if (query.startsWith('usemodule')) {
-        const partialModuleName = query.replace('usemodule', '').trim();
-        const matchingModules = this
-          .allModules
-          .filter((module) => fuzzyMatch(partialModuleName, module.id.toLowerCase()));
-        moduleSuggestions = matchingModules.map((module) => `usemodule ${module.id}`);
+      if (query.startsWith("usemodule")) {
+        const partialModuleName = query.replace("usemodule", "").trim();
+        const matchingModules = this.allModules.filter((module) =>
+          fuzzyMatch(partialModuleName, module.id.toLowerCase()),
+        );
+        moduleSuggestions = matchingModules.map(
+          (module) => `usemodule ${module.id}`,
+        );
       }
       if (this.currentModule) {
-        if (queryParts[0] === 'set' || queryParts[0] === 'unset') {
+        if (queryParts[0] === "set" || queryParts[0] === "unset") {
           moduleSuggestions = Object.keys(this.moduleOptions)
-            .filter((option) => option !== 'Agent' && fuzzyMatch((queryParts[1] || '').toLowerCase(), option.toLowerCase()))
+            .filter(
+              (option) =>
+                option !== "Agent" &&
+                fuzzyMatch(
+                  (queryParts[1] || "").toLowerCase(),
+                  option.toLowerCase(),
+                ),
+            )
             .map((option) => `${queryParts[0]} ${option}`);
         }
         commandSuggestions = this.moduleHelpCommands
@@ -260,7 +373,9 @@ export default {
           .map((command) => command);
       }
 
-      this.suggestions = [...new Set([...moduleSuggestions, ...commandSuggestions])];
+      this.suggestions = [
+        ...new Set([...moduleSuggestions, ...commandSuggestions]),
+      ];
     },
     processCommand() {
       // If the suggestion list is open, then apply the suggestion instead of processing the command
@@ -273,9 +388,9 @@ export default {
 
       // Check if the input is empty and just add an empty line if so
       if (!this.currentInput.trim()) {
-        this.addLine('');
+        this.addLine("");
         this.addLine(this.currentPrompt);
-        this.currentInput = '';
+        this.currentInput = "";
         return;
       }
 
@@ -284,71 +399,75 @@ export default {
 
       // First, display the current input in the terminal with the prompt
       this.addLine(`${this.currentPrompt} ${this.currentInput}`);
-      const commandParts = this.currentInput.split(' ');
+      const commandParts = this.currentInput.split(" ");
       const command = commandParts[0];
       const args = commandParts.slice(1);
 
       if (this.isShellMenu) {
         this.shellCommandOperator(this.currentInput);
-      } else if (command === 'back') {
+      } else if (command === "back") {
         if (this.currentModule) {
           this.currentModule = null;
         } else {
-          this.addLine('Already at the main menu.');
+          this.addLine("Already at the main menu.");
         }
-      } else if (this.currentInput === 'options') {
+      } else if (this.currentInput === "options") {
         if (this.currentModule) {
           this.displayAllOptionValues();
         } else {
-          this.addLine('No module is currently selected.');
+          this.addLine("No module is currently selected.");
         }
-      } else if (this.currentModule && Object.keys(this.moduleOptions).includes(this.currentInput)) {
+      } else if (
+        this.currentModule &&
+        Object.keys(this.moduleOptions).includes(this.currentInput)
+      ) {
         this.displayOptionValue(this.currentInput);
       } else if (!this.currentModule) {
         switch (command) {
-          case 'whoami':
-            this.runShellCommand('whoami');
+          case "whoami":
+            this.runShellCommand("whoami");
             break;
-          case 'usemodule':
+          case "usemodule":
             this.useModule(args[0]);
             break;
-          case 'sysinfo':
+          case "sysinfo":
             this.getSysInfo();
             break;
-          case 'shell':
+          case "shell":
             if (args.length < 1) {
               this.isShellMenu = true;
               this.updateCurrentDirectory();
               this.addInfo(`Shell session started on ${this.agent.session_id}`);
-              this.addInfo('Exit shell menu with Ctrl+C.');
+              this.addInfo("Exit shell menu with Ctrl+C.");
             } else {
-              this.runShellCommand(commandParts.slice(1).join(' '));
+              this.runShellCommand(commandParts.slice(1).join(" "));
             }
             break;
-          case 'ps':
-            this.runShellCommand('ps');
+          case "ps":
+            this.runShellCommand("ps");
             break;
-          case 'sc':
+          case "sc":
             this.executeScreenshotModule();
             break;
-          case 'set':
-            this.setModuleOption(args[0], args.slice(1).join(' '));
+          case "set":
+            this.setModuleOption(args[0], args.slice(1).join(" "));
             break;
-          case 'sherlock':
+          case "sherlock":
             this.executeSherlockModule();
             break;
-          case 'revtoself':
+          case "revtoself":
             this.executeRevToSelfModule();
             break;
-          case 'execute':
+          case "execute":
             this.executeCurrentModule();
             break;
-          case 'socks':
-            if (this.agent.language === 'ironpython') {
+          case "socks":
+            if (this.agent.language === "ironpython") {
               // Use port 1080 as a default if no argument is provided
               const port = args.length > 0 ? args[0] : 1080;
               // Execute the SOCKS proxy for IronPython agent
-              agentTaskApi.createSocksProxy(this.agent.session_id, port)
+              agentTaskApi
+                .createSocksProxy(this.agent.session_id, port)
                 .then(() => {
                   this.addInfo(`SOCKS proxy created on port ${port}`);
                 })
@@ -356,24 +475,28 @@ export default {
                   this.addError(`Error creating SOCKS proxy: ${error.message}`);
                 });
             } else {
-              this.addError('Use Invoke-Socks Proxy module for non-Ironpython Agents.');
+              this.addError(
+                "Use Invoke-Socks Proxy module for non-Ironpython Agents.",
+              );
             }
             break;
-          case 'sleep':
+          case "sleep":
             if (args.length < 2) {
-              this.addError('Invalid command. Usage: sleep <delay> <jitter>');
+              this.addError("Invalid command. Usage: sleep <delay> <jitter>");
             } else {
               const [delay, jitter] = args;
               agentTaskApi.updateSleep(this.agent.session_id, delay, jitter);
-              this.addLine(`Tasked agent to sleep delay/jitter ${delay}/${jitter}`);
+              this.addLine(
+                `Tasked agent to sleep delay/jitter ${delay}/${jitter}`,
+              );
             }
             break;
           default:
             switch (this.currentInput) {
-              case 'help':
+              case "help":
                 this.displayHelpMenu();
                 break;
-              case 'clear':
+              case "clear":
                 this.outputLines = [];
                 break;
               default:
@@ -384,24 +507,24 @@ export default {
       } else {
         // Module-specific commands
         switch (command) {
-          case 'set':
-            this.setModuleOption(args[0], args.slice(1).join(' '));
+          case "set":
+            this.setModuleOption(args[0], args.slice(1).join(" "));
             break;
-          case 'execute':
+          case "execute":
             this.executeCurrentModule();
             break;
-          case 'unset':
+          case "unset":
             this.unsetModuleOption(args[0]);
             break;
-          case 'generate':
+          case "generate":
             this.executeCurrentModule();
             break;
           default:
             switch (this.currentInput) {
-              case 'help':
+              case "help":
                 this.displayHelpMenu();
                 break;
-              case 'clear':
+              case "clear":
                 this.outputLines = [];
                 break;
               default:
@@ -415,15 +538,17 @@ export default {
         this.commandHistory.push(this.currentInput);
         this.historyIndex = this.commandHistory.length;
       }
-      this.currentInput = '';
+      this.currentInput = "";
     },
     unsetModuleOption(optionName) {
       if (!this.currentModule) {
-        this.addError('No module is currently selected.');
+        this.addError("No module is currently selected.");
         return;
       }
       if (!this.moduleOptions[optionName]) {
-        this.addError(`Option "${optionName}" not found in module ${this.currentModule.name}.`);
+        this.addError(
+          `Option "${optionName}" not found in module ${this.currentModule.name}.`,
+        );
         return;
       }
       this.moduleOptions[optionName].value = null;
@@ -433,7 +558,7 @@ export default {
       try {
         const agentName = this.agent.session_id;
         const task = await moduleApi.executeModule(
-          'powershell_credentials_tokens',
+          "powershell_credentials_tokens",
           {
             RevToSelf: true,
             Agent: agentName,
@@ -443,7 +568,7 @@ export default {
         );
 
         this.pollForResult(task.id);
-        this.addInfo('RevToSelf module executed');
+        this.addInfo("RevToSelf module executed");
       } catch (error) {
         this.addError(`Error executing command: ${error.message}`);
       }
@@ -452,7 +577,7 @@ export default {
       try {
         const agentName = this.agent.session_id;
         const task = await moduleApi.executeModule(
-          'powershell_privesc_sherlock',
+          "powershell_privesc_sherlock",
           {
             Agent: agentName,
           },
@@ -461,29 +586,37 @@ export default {
         );
 
         this.pollForResult(task.id);
-        this.addInfo('Sherlock module executed');
+        this.addInfo("Sherlock module executed");
       } catch (error) {
         this.addError(`Error executing command: ${error.message}`);
       }
     },
     async runShellCommand(command) {
       if (!this.agent || !this.agent.session_id) {
-        this.addError('Error: agent data is not available.');
+        this.addError("Error: agent data is not available.");
         return;
       }
 
-      const isLiteral = command.startsWith('--literal') || command.startsWith('-l');
+      const isLiteral =
+        command.startsWith("--literal") || command.startsWith("-l");
       if (isLiteral) {
-        command = command.replace('--literal', '').replace('-l', '').trim();
+        command = command.replace("--literal", "").replace("-l", "").trim();
       }
       try {
-        const task = await agentTaskApi.shell(this.agent.session_id, command, isLiteral);
+        const task = await agentTaskApi.shell(
+          this.agent.session_id,
+          command,
+          isLiteral,
+        );
         this.pollForResult(task.id);
       } catch (error) {
         this.addError(`Error executing command: ${error.message}`);
       }
     },
-    async pollForResult(taskId, config = { print: true, attempts: 30, delay: 5000 }) {
+    async pollForResult(
+      taskId,
+      config = { print: true, attempts: 30, delay: 5000 },
+    ) {
       if (!config.attempts) config.attempts = 30;
       if (!config.delay) config.delay = 5000;
       let res = null;
@@ -494,15 +627,15 @@ export default {
         // eslint-disable-next-line no-await-in-loop
         res = await this.checkTaskComplete(taskId);
         if (res) {
-          if (!res.toLowerCase().includes('job started')) {
+          if (!res.toLowerCase().includes("job started")) {
             if (config.print) {
-              this.addLine(res, 'indent-5-spaces');
+              this.addLine(res, "indent-5-spaces");
             }
             complete = true;
             break;
           } else if (!hasPrintedJobStarted) {
             // Print 'Job Started' only once
-            this.addLine(res, 'indent-5-spaces');
+            this.addLine(res, "indent-5-spaces");
             hasPrintedJobStarted = true;
           }
         }
@@ -519,44 +652,52 @@ export default {
       return res;
     },
     getDirectoryCommand() {
-      if (this.agent.language === 'python') {
-        return 'echo $PWD';
+      if (this.agent.language === "python") {
+        return "echo $PWD";
       }
-      if (this.agent.language === 'ironpython') {
-        return 'cd .';
+      if (this.agent.language === "ironpython") {
+        return "cd .";
       }
-      return '(Resolve-Path .\\).Path';
+      return "(Resolve-Path .\\).Path";
     },
     async updateCurrentDirectory() {
-      this.currentDir = 'loading...';
-      const response = await agentTaskApi
-        .shell(this.agent.session_id, this.getDirectoryCommand());
+      this.currentDir = "loading...";
+      const response = await agentTaskApi.shell(
+        this.agent.session_id,
+        this.getDirectoryCommand(),
+      );
 
       const complete = await this.pollForResult(response.id);
 
       if (complete) {
         // eslint-disable-next-line prefer-destructuring
-        this.currentDir = (await this.checkTaskComplete(response.id)).split('\r')[0];
+        this.currentDir = (await this.checkTaskComplete(response.id)).split(
+          "\r",
+        )[0];
       }
     },
     // This is for when in the shell menu.
     // The other function is for when not in the shell menu.
     async shellCommandOperator(stdin) {
       let response = null;
-      if (stdin.trim() === 'sysinfo') {
+      if (stdin.trim() === "sysinfo") {
         response = await agentTaskApi.sysinfo(this.agent.session_id);
       } else {
-        response = await agentTaskApi.shell(this.agent.session_id, stdin, false);
+        response = await agentTaskApi.shell(
+          this.agent.session_id,
+          stdin,
+          false,
+        );
       }
 
       const complete = await this.pollForResult(response.id, { print: false });
 
-      if (['cd', 'set-location'].includes(stdin.toLowerCase().split(' ')[0])) {
+      if (["cd", "set-location"].includes(stdin.toLowerCase().split(" ")[0])) {
         this.updateCurrentDirectory();
       }
 
       if (complete) {
-        this.addLine(complete, 'indent-5-spaces');
+        this.addLine(complete, "indent-5-spaces");
       }
     },
     async checkTaskComplete(taskId) {
@@ -571,15 +712,15 @@ export default {
         return false;
       }
     },
-    addLine(content, cssClasses = 'preserve-newlines') {
+    addLine(content, cssClasses = "preserve-newlines") {
       this.outputLines.push({ content, cssClasses });
       this.scrollToBottom();
     },
     addError(content) {
-      this.addLine(content, 'error-text');
+      this.addLine(content, "error-text");
     },
     addInfo(content) {
-      this.addLine(content, 'info-text');
+      this.addLine(content, "info-text");
     },
     scrollToBottom() {
       this.$nextTick(() => {
@@ -588,8 +729,8 @@ export default {
       });
     },
     displayTable(tableText) {
-      tableText.split('\n').forEach((line) => {
-        this.addLine(line, 'indent-5-spaces');
+      tableText.split("\n").forEach((line) => {
+        this.addLine(line, "indent-5-spaces");
       });
     },
     ansiToHTML(input) {
@@ -600,7 +741,9 @@ export default {
       return output;
     },
     async useModule(moduleName) {
-      const moduleData = this.allModules.find((module) => module.id === moduleName);
+      const moduleData = this.allModules.find(
+        (module) => module.id === moduleName,
+      );
 
       if (!moduleData) {
         this.addError(`Module with name '${moduleName}' not found.`);
@@ -611,26 +754,42 @@ export default {
       this.moduleOptions = moduleData.options || {};
       this.currentOptions = { ...this.moduleOptions };
 
-      this.addLine(`${this.colorizeText('Module:', 'green')} ${moduleData.name}`, 'indent-5-spaces');
-      this.addLine(`${this.colorizeText('Description:', 'green')} ${moduleData.description}`, 'indent-5-spaces');
+      this.addLine(
+        `${this.colorizeText("Module:", "green")} ${moduleData.name}`,
+        "indent-5-spaces",
+      );
+      this.addLine(
+        `${this.colorizeText("Description:", "green")} ${
+          moduleData.description
+        }`,
+        "indent-5-spaces",
+      );
       this.displayModuleOptions();
     },
     displayModuleOptions() {
       this.moduleOptions.Agent.value = this.agent.session_id;
 
-      const modifiedConfig = { ...this.tableConfig, columns: { 1: { width: 20 }, 2: { width: 8 }, 3: { width: 40 } } };
+      const modifiedConfig = {
+        ...this.tableConfig,
+        columns: { 1: { width: 20 }, 2: { width: 8 }, 3: { width: 40 } },
+      };
       const tableData = [
         [
-          this.colorizeText('Option Name', 'green'),
-          this.colorizeText('Value', 'green'),
-          this.colorizeText('Required', 'green'),
-          this.colorizeText('Description', 'green'),
+          this.colorizeText("Option Name", "green"),
+          this.colorizeText("Value", "green"),
+          this.colorizeText("Required", "green"),
+          this.colorizeText("Description", "green"),
         ],
       ];
 
       Object.entries(this.moduleOptions).forEach(([optionName, optionData]) => {
-        if (optionName !== 'Agent') {
-          tableData.push([optionName, optionData.value, optionData.required, optionData.description]);
+        if (optionName !== "Agent") {
+          tableData.push([
+            optionName,
+            optionData.value,
+            optionData.required,
+            optionData.description,
+          ]);
         }
       });
 
@@ -640,8 +799,8 @@ export default {
     },
     displayOptionValue(optionName) {
       const option = this.moduleOptions[optionName];
-      const value = option && option.value ? option.value : 'N/A';
-      this.addLine(`${this.colorizeText(optionName, 'green')}: ${value}`);
+      const value = option && option.value ? option.value : "N/A";
+      this.addLine(`${this.colorizeText(optionName, "green")}: ${value}`);
     },
     displayAllOptionValues() {
       Object.keys(this.currentOptions).forEach((optionName) => {
@@ -650,15 +809,17 @@ export default {
     },
     setModuleOption(optionName, value) {
       if (!this.currentModule) {
-        this.addError('No module is currently selected.');
+        this.addError("No module is currently selected.");
         return;
       }
       if (!this.moduleOptions[optionName]) {
-        this.addError(`Option "${optionName}" not found in module ${this.currentModule.name}.`);
+        this.addError(
+          `Option "${optionName}" not found in module ${this.currentModule.name}.`,
+        );
         return;
       }
-      if (optionName === 'Agent') {
-        this.addError('Error: Cannot set the Agent option.');
+      if (optionName === "Agent") {
+        this.addError("Error: Cannot set the Agent option.");
         return;
       }
       this.moduleOptions[optionName].value = value;
@@ -666,7 +827,7 @@ export default {
     },
     async executeCurrentModule() {
       if (!this.currentModule) {
-        this.addError('No module is currently selected.');
+        this.addError("No module is currently selected.");
         return;
       }
 
@@ -674,19 +835,27 @@ export default {
         .filter(([_, option]) => option.required && !option.value)
         .map(([optionName, _]) => optionName);
       if (missingOptions.length > 0) {
-        this.addError(`Missing required options: ${missingOptions.join(', ')}`);
+        this.addError(`Missing required options: ${missingOptions.join(", ")}`);
         return;
       }
 
       this.addInfo(`Executing module ${this.currentModule.name}...`);
       try {
-        const transformedOptions = Object.entries(this.moduleOptions).reduce((acc, [key, option]) => {
-          acc[key] = option.value;
-          return acc;
-        }, {});
+        const transformedOptions = Object.entries(this.moduleOptions).reduce(
+          (acc, [key, option]) => {
+            acc[key] = option.value;
+            return acc;
+          },
+          {},
+        );
         let task;
         try {
-          task = await moduleApi.executeModule(this.currentModule.id, transformedOptions, false, false);
+          task = await moduleApi.executeModule(
+            this.currentModule.id,
+            transformedOptions,
+            false,
+            false,
+          );
         } catch (error) {
           this.addError(`Error executing module: ${error.error}`);
           return;
@@ -707,12 +876,15 @@ export default {
         this.helpCommands = this.moduleHelpCommands;
       }
 
-      const modifiedConfig = { ...this.tableConfig, columns: { 1: { width: 40 }, 2: { width: 30 } } };
+      const modifiedConfig = {
+        ...this.tableConfig,
+        columns: { 1: { width: 40 }, 2: { width: 30 } },
+      };
       const tableData = [
         [
-          this.colorizeText('Command', 'green'),
-          this.colorizeText('Description', 'green'),
-          this.colorizeText('Usage', 'green'),
+          this.colorizeText("Command", "green"),
+          this.colorizeText("Description", "green"),
+          this.colorizeText("Usage", "green"),
         ],
       ];
 
@@ -721,24 +893,24 @@ export default {
       });
       this.displayTable(table(tableData, modifiedConfig));
     },
-    colorizeText(text, color = '') {
-      let colorCode = '';
-      const boldCode = '\u001b[1m';
+    colorizeText(text, color = "") {
+      let colorCode = "";
+      const boldCode = "\u001b[1m";
       switch (color.toLowerCase()) {
-        case 'red':
-          colorCode = '\u001b[91m';
+        case "red":
+          colorCode = "\u001b[91m";
           break;
-        case 'green':
-          colorCode = '\u001b[92m';
+        case "green":
+          colorCode = "\u001b[92m";
           break;
-        case 'blue':
-          colorCode = '\u001b[94m';
+        case "blue":
+          colorCode = "\u001b[94m";
           break;
-        case 'yellow':
-          colorCode = '\u001b[93m';
+        case "yellow":
+          colorCode = "\u001b[93m";
           break;
-        case 'white':
-          colorCode = '\u001b[97m';
+        case "white":
+          colorCode = "\u001b[97m";
           break;
         default:
           return text;
@@ -749,7 +921,7 @@ export default {
       try {
         const agentName = this.agent.session_id;
         const task = await moduleApi.executeModule(
-          'powershell_collection_screenshot',
+          "powershell_collection_screenshot",
           {
             Ratio: 80,
             Agent: agentName,
@@ -759,7 +931,7 @@ export default {
         );
 
         this.pollForResult(task.id);
-        this.addInfo('Screenshot saved to downloads');
+        this.addInfo("Screenshot saved to downloads");
       } catch (error) {
         this.addError(`Error executing command: ${error.message}`);
       }
@@ -770,13 +942,13 @@ export default {
 
 <style lang="scss" scoped>
 .terminal-container {
-  font-family: 'Courier New', Courier, monospace;
+  font-family: "Courier New", Courier, monospace;
   font-size: 14px;
   max-height: 55vh;
   padding: 10px;
-  background-color: #424242FC;
+  background-color: #424242fc;
   color: white;
-  border: 1px solid #57D9A3;
+  border: 1px solid #57d9a3;
   overflow: auto;
 }
 
@@ -798,7 +970,7 @@ export default {
 }
 
 .error-text {
-  color: #FF0000;  /* ANSI red */
+  color: #ff0000; /* ANSI red */
   font-weight: bold;
   margin-right: 5px;
 }
@@ -807,7 +979,7 @@ export default {
 }
 
 .info-text {
-  color: #009dff;  /* ANSI red */
+  color: #009dff; /* ANSI red */
   font-weight: bold;
   margin-right: 5px;
 }
@@ -816,15 +988,15 @@ export default {
 }
 
 .prompt {
-  color: #FF0000;  /* ANSI red */
-  font-weight: bold;  /* make text bold */
+  color: #ff0000; /* ANSI red */
+  font-weight: bold; /* make text bold */
   margin-right: 5px;
 }
 
 .autocomplete-suggestions {
   position: absolute;
-  background-color: #3C3F43;
-  border: 1px solid #57D9A3;
+  background-color: #3c3f43;
+  border: 1px solid #57d9a3;
   border-radius: 5px;
   z-index: 1;
   max-height: 150px;
@@ -842,7 +1014,7 @@ export default {
 }
 
 .suggestion:hover {
-  background-color: #3C3F43;
+  background-color: #3c3f43;
 }
 
 .empire-text {
@@ -859,7 +1031,7 @@ export default {
 }
 
 .highlighted {
-  background-color: #007BFF;
+  background-color: #007bff;
   color: white;
 }
 </style>
diff --git a/src/components/agents/AgentUploadDialog.vue b/src/components/agents/AgentUploadDialog.vue
index 387453c..d7a1e4a 100644
--- a/src/components/agents/AgentUploadDialog.vue
+++ b/src/components/agents/AgentUploadDialog.vue
@@ -1,9 +1,5 @@
 <template>
-  <v-dialog
-    ref="agentUploadDialog"
-    v-model="show"
-    max-width="750px"
-  >
+  <v-dialog ref="agentUploadDialog" v-model="show" max-width="750px">
     <v-card>
       <v-card-title>
         <span class="headline">Upload To Agent</span>
@@ -28,11 +24,7 @@
       </v-card-text>
       <v-card-actions>
         <v-spacer />
-        <v-btn
-          color="blue darken-1"
-          text
-          @click.stop="show = false"
-        >
+        <v-btn color="blue darken-1" text @click.stop="show = false">
           Close
         </v-btn>
         <v-btn
@@ -50,8 +42,8 @@
 </template>
 
 <script>
-import FileInput from '@/components/FileInput.vue';
-import formatBytes from '@/utils/format-bytes';
+import FileInput from "@/components/FileInput.vue";
+import formatBytes from "@/utils/format-bytes";
 
 const MAX_BYTES = 1048576;
 
@@ -61,7 +53,7 @@ export default {
     value: Boolean,
     language: {
       type: String,
-      default: '',
+      default: "",
     },
     loading: {
       type: Boolean,
@@ -69,7 +61,7 @@ export default {
     },
     pathToFile: {
       type: String,
-      default: '',
+      default: "",
     },
   },
   data() {
@@ -81,12 +73,12 @@ export default {
       internalPathToFile: this.pathToFile,
       file: null,
       rules: {
-        pathToFile: [
-          (v) => !!v || 'PathToFile is required',
-        ],
+        pathToFile: [(v) => !!v || "PathToFile is required"],
         fileInput: [
-          (v) => !!v || 'File required',
-          (v) => (!!v && v.size < MAX_BYTES) || `Maximum size of ${Math.floor(MAX_BYTES / 1e6)} MiB.`,
+          (v) => !!v || "File required",
+          (v) =>
+            (!!v && v.size < MAX_BYTES) ||
+            `Maximum size of ${Math.floor(MAX_BYTES / 1e6)} MiB.`,
         ],
       },
     };
@@ -97,14 +89,14 @@ export default {
         return this.value;
       },
       set(value) {
-        this.$emit('input', value);
+        this.$emit("input", value);
       },
     },
     fileName() {
-      return this.file ? this.file.filename : '';
+      return this.file ? this.file.filename : "";
     },
     fileId() {
-      return this.file ? this.file.id : '';
+      return this.file ? this.file.id : "";
     },
     submitDisabled() {
       return !this.file || !this.internalPathToFile || this.loading;
@@ -122,16 +114,20 @@ export default {
     },
     fileName(val) {
       if (val) {
-        if (['python', 'ironpython'].includes(this.language.toLowerCase())) {
+        if (["python", "ironpython"].includes(this.language.toLowerCase())) {
           // always use the passed in pathToFile if it exists
           if (this.pathToFile) {
-            this.internalPathToFile = this.addTrailingSlash(this.pathToFile) + val;
+            this.internalPathToFile =
+              this.addTrailingSlash(this.pathToFile) + val;
           } else {
             this.internalPathToFile = `/tmp/${val}`;
           }
-        } else if (['powershell', 'csharp'].includes(this.language.toLowerCase())) {
+        } else if (
+          ["powershell", "csharp"].includes(this.language.toLowerCase())
+        ) {
           if (this.pathToFile) {
-            this.internalPathToFile = this.addTrailingSlash(this.pathToFile) + val;
+            this.internalPathToFile =
+              this.addTrailingSlash(this.pathToFile) + val;
           } else {
             this.internalPathToFile = `C:\\tmp\\${val}`;
           }
@@ -141,10 +137,10 @@ export default {
   },
   methods: {
     addTrailingSlash(val) {
-      if (val.endsWith('/') || val.endsWith('\\')) {
+      if (val.endsWith("/") || val.endsWith("\\")) {
         return val;
       }
-      if (['python', 'ironpython'].includes(this.language.toLowerCase())) {
+      if (["python", "ironpython"].includes(this.language.toLowerCase())) {
         return `${val}/`;
       }
 
@@ -152,7 +148,10 @@ export default {
       return `${val}\\`;
     },
     async submit() {
-      this.$emit('submit', { file: this.fileId, pathToFile: this.internalPathToFile });
+      this.$emit("submit", {
+        file: this.fileId,
+        pathToFile: this.internalPathToFile,
+      });
     },
   },
 };
diff --git a/src/components/agents/AgentsList.vue b/src/components/agents/AgentsList.vue
index 1b02363..45a0e65 100644
--- a/src/components/agents/AgentsList.vue
+++ b/src/components/agents/AgentsList.vue
@@ -12,10 +12,7 @@
     />
     <advanced-table>
       <template #filters>
-        <v-switch
-          v-model="hideStaleAgentsCheckbox"
-          label="Hide Stale Agents"
-        />
+        <v-switch v-model="hideStaleAgentsCheckbox" label="Hide Stale Agents" />
         <v-switch
           v-model="hideArchivedAgentsCheckbox"
           class="pl-4"
@@ -46,16 +43,16 @@
 </template>
 
 <script>
-import moment from 'moment';
-import { mapState } from 'vuex';
-import ListPageTop from '@/components/ListPageTop.vue';
-import ExpansionPanelFilter from '@/components/tables/ExpansionPanelFilter.vue';
-import AgentsTable from '@/components/agents/AgentsTable.vue';
-import AdvancedTable from '@/components/tables/AdvancedTable.vue';
-import * as tagApi from '@/api/tag-api';
+import moment from "moment";
+import { mapState } from "vuex";
+import ListPageTop from "@/components/ListPageTop.vue";
+import ExpansionPanelFilter from "@/components/tables/ExpansionPanelFilter.vue";
+import AgentsTable from "@/components/agents/AgentsTable.vue";
+import AdvancedTable from "@/components/tables/AdvancedTable.vue";
+import * as tagApi from "@/api/tag-api";
 
 export default {
-  name: 'AgentsList',
+  name: "AgentsList",
   components: {
     AdvancedTable,
     ExpansionPanelFilter,
@@ -72,13 +69,14 @@ export default {
     return {
       breads: [
         {
-          text: 'Agents',
+          text: "Agents",
           disabled: true,
-          href: '/agents',
-        }, {
-          text: 'List',
+          href: "/agents",
+        },
+        {
+          text: "List",
           disabled: true,
-          href: '/agents?tab=list-view',
+          href: "/agents?tab=list-view",
         },
       ],
       selected: [],
@@ -118,7 +116,7 @@ export default {
     },
     hideStaleAgentsCheckbox: {
       set(val) {
-        this.$store.dispatch('application/hideStaleAgents', val);
+        this.$store.dispatch("application/hideStaleAgents", val);
       },
       get() {
         return this.hideStaleAgents;
@@ -126,7 +124,7 @@ export default {
     },
     hideArchivedAgentsCheckbox: {
       set(val) {
-        this.$store.dispatch('application/hideArchivedAgents', val);
+        this.$store.dispatch("application/hideArchivedAgents", val);
       },
       get() {
         return this.hideArchivedAgents;
@@ -138,11 +136,17 @@ export default {
   },
   methods: {
     async getTags() {
-      const tags = await tagApi.getTags({ page: 1, limit: -1, sources: 'agent' });
+      const tags = await tagApi.getTags({
+        page: 1,
+        limit: -1,
+        sources: "agent",
+      });
 
       const dedupedTags = [];
       tags.records.forEach((tag) => {
-        const existingTag = dedupedTags.find((t) => t.name === tag.name && t.value === tag.value);
+        const existingTag = dedupedTags.find(
+          (t) => t.name === tag.name && t.value === tag.value,
+        );
         if (!existingTag) {
           dedupedTags.push(tag);
         }
@@ -151,11 +155,21 @@ export default {
       this.tags = dedupedTags;
     },
     async killAgents() {
-      if (await this.$root.$confirm('Kill Agent', `Do you want to kill ${this.selected.length} agents?`, { color: 'red' })) {
+      if (
+        await this.$root.$confirm(
+          "Kill Agent",
+          `Do you want to kill ${this.selected.length} agents?`,
+          { color: "red" },
+        )
+      ) {
         this.selected.forEach((agent) => {
-          this.$store.dispatch('agent/killAgent', { sessionId: agent.session_id });
+          this.$store.dispatch("agent/killAgent", {
+            sessionId: agent.session_id,
+          });
         });
-        this.$snack.success(`${this.selected.length} agents tasked to run TASK_EXIT.`);
+        this.$snack.success(
+          `${this.selected.length} agents tasked to run TASK_EXIT.`,
+        );
         this.selected = [];
       }
     },
@@ -163,8 +177,14 @@ export default {
       this.$refs.agentsTable.getAgents();
     },
     async killAgent(item) {
-      if (await this.$root.$confirm('Kill Agent', `Do you want to kill agent ${item.name}?`, { color: 'red' })) {
-        this.$store.dispatch('agent/killAgent', { sessionId: item.session_id });
+      if (
+        await this.$root.$confirm(
+          "Kill Agent",
+          `Do you want to kill agent ${item.name}?`,
+          { color: "red" },
+        )
+      ) {
+        this.$store.dispatch("agent/killAgent", { sessionId: item.session_id });
         this.$snack.success(`Agent ${item.name} tasked to run TASK_EXIT.`);
       }
     },
@@ -172,5 +192,4 @@ export default {
 };
 </script>
 
-<style scoped>
-</style>
+<style scoped></style>
diff --git a/src/components/agents/AgentsTable.vue b/src/components/agents/AgentsTable.vue
index cc91baf..089a48f 100644
--- a/src/components/agents/AgentsTable.vue
+++ b/src/components/agents/AgentsTable.vue
@@ -2,40 +2,21 @@
   <div>
     <div
       class="ml-3 mr-3 align-center"
-      style="display: flex; flex-direction: row-reverse;"
+      style="display: flex; flex-direction: row-reverse"
     >
       <div style="height: 40px" />
-      <v-menu
-        v-model="showHeaderMenu"
-        offset-y
-        :close-on-content-click="false"
-      >
+      <v-menu v-model="showHeaderMenu" offset-y :close-on-content-click="false">
         <template #activator="{ on, attrs }">
-          <v-btn
-            text
-            icon
-            x-small
-            v-bind="attrs"
-            v-on="on"
-          >
+          <v-btn text icon x-small v-bind="attrs" v-on="on">
             <v-icon>mdi-format-columns</v-icon>
           </v-btn>
         </template>
-        <v-list
-          style="overflow-y: auto;"
-          max-height="400px"
-        >
+        <v-list style="overflow-y: auto" max-height="400px">
           <v-list-item>
-            <v-checkbox
-              v-model="selectedAll"
-              :label="'Select All'"
-            />
+            <v-checkbox v-model="selectedAll" :label="'Select All'" />
           </v-list-item>
           <v-divider class="pb-4" />
-          <v-list-item
-            v-for="(item, index) in selectableHeaders"
-            :key="index"
-          >
+          <v-list-item v-for="(item, index) in selectableHeaders" :key="index">
             <v-checkbox
               v-model="selectedHeadersTemp"
               :label="item.text"
@@ -44,20 +25,10 @@
           </v-list-item>
         </v-list>
         <v-card class="pt-4">
-          <v-btn
-            text
-            class="mb-4"
-            @click="showHeaderMenu = false"
-          >
+          <v-btn text class="mb-4" @click="showHeaderMenu = false">
             Cancel
           </v-btn>
-          <v-btn
-            text
-            class="ml-4 mb-4"
-            @click="submitHeaderForm"
-          >
-            Save
-          </v-btn>
+          <v-btn text class="ml-4 mb-4" @click="submitHeaderForm"> Save </v-btn>
         </v-card>
       </v-menu>
     </div>
@@ -78,18 +49,14 @@
       <template #item.name="{ item }">
         <v-tooltip top>
           <template #activator="{ on }">
-            <v-icon
-              v-if="item.high_integrity"
-              small
-              v-on="on"
-            >
+            <v-icon v-if="item.high_integrity" small v-on="on">
               fa-user-cog
             </v-icon>
           </template>
           <span>Elevated Process</span>
         </v-tooltip>
         <router-link
-          style="color: inherit;"
+          style="color: inherit"
           :to="{ name: 'agentEdit', params: { id: item.session_id } }"
         >
           {{ item.name }}
@@ -103,7 +70,7 @@
       </template>
       <template #item.listener="{ item }">
         <router-link
-          style="color: inherit;"
+          style="color: inherit"
           :to="{ name: 'listenerEdit', params: { id: item.listener } }"
         >
           {{ item.listener }}
@@ -123,24 +90,15 @@
       <template #item.actions="{ item }">
         <v-menu offset-y>
           <template #activator="{ on, attrs }">
-            <v-btn
-              text
-              icon
-              x-small
-              v-bind="attrs"
-              v-on="on"
-            >
+            <v-btn text icon x-small v-bind="attrs" v-on="on">
               <v-icon>fa-ellipsis-v</v-icon>
             </v-btn>
           </template>
           <v-list class="ml-2 mr-2">
-            <v-list-item
-              key="view"
-              link
-            >
+            <v-list-item key="view" link>
               <router-link
                 class="text-decoration-none"
-                style="color: inherit;"
+                style="color: inherit"
                 :to="{ name: 'agentEdit', params: { id: item.session_id } }"
               >
                 <v-list-item-title>
@@ -149,24 +107,14 @@
                 </v-list-item-title>
               </router-link>
             </v-list-item>
-            <v-list-item
-              key="popout"
-              link
-              @click="popout(item)"
-            >
+            <v-list-item key="popout" link @click="popout(item)">
               <v-list-item-title>
-                <v-icon>
-                  fa-external-link-alt
-                </v-icon>
+                <v-icon> fa-external-link-alt </v-icon>
                 Popout
               </v-list-item-title>
             </v-list-item>
             <v-divider class="pb-4" />
-            <v-list-item
-              key="delete"
-              link
-              @click="killAgent(item)"
-            >
+            <v-list-item key="delete" link @click="killAgent(item)">
               <v-list-item-title>
                 <v-icon>fa-trash-alt</v-icon>
                 Kill
@@ -180,14 +128,14 @@
 </template>
 
 <script>
-import moment from 'moment';
-import { mapState } from 'vuex';
-import DateTimeDisplay from '@/components/DateTimeDisplay.vue';
-import TagViewer from '@/components/TagViewer.vue';
-import * as agentApi from '@/api/agent-api';
+import moment from "moment";
+import { mapState } from "vuex";
+import DateTimeDisplay from "@/components/DateTimeDisplay.vue";
+import TagViewer from "@/components/TagViewer.vue";
+import * as agentApi from "@/api/agent-api";
 
 export default {
-  name: 'AgentsTable',
+  name: "AgentsTable",
   components: {
     DateTimeDisplay,
     TagViewer,
@@ -215,46 +163,83 @@ export default {
       loading: false,
       headersFull: [
         {
-          text: 'Name', value: 'name', defaultHeader: true, alwaysShow: true, order: 1,
+          text: "Name",
+          value: "name",
+          defaultHeader: true,
+          alwaysShow: true,
+          order: 1,
         },
         {
-          text: 'Last Seen', value: 'lastseen_time', defaultHeader: true, alwaysShow: true, order: 2,
+          text: "Last Seen",
+          value: "lastseen_time",
+          defaultHeader: true,
+          alwaysShow: true,
+          order: 2,
         },
         {
-          text: 'First Seen', value: 'checkin_time', defaultHeader: true, alwaysShow: true, order: 3,
+          text: "First Seen",
+          value: "checkin_time",
+          defaultHeader: true,
+          alwaysShow: true,
+          order: 3,
         },
         {
-          text: 'Listener', value: 'listener', order: 4,
+          text: "Listener",
+          value: "listener",
+          order: 4,
         },
         {
-          text: 'Hostname', value: 'hostname', defaultHeader: true, order: 5,
+          text: "Hostname",
+          value: "hostname",
+          defaultHeader: true,
+          order: 5,
         },
         {
-          text: 'Process', value: 'process_name', defaultHeader: true, order: 6,
+          text: "Process",
+          value: "process_name",
+          defaultHeader: true,
+          order: 6,
         },
-        { text: 'Process ID', value: 'process_id', order: 7 },
+        { text: "Process ID", value: "process_id", order: 7 },
         {
-          text: 'Architecture', value: 'architecture', order: 8,
+          text: "Architecture",
+          value: "architecture",
+          order: 8,
         },
         {
-          text: 'Language', value: 'language', defaultHeader: true, order: 9,
+          text: "Language",
+          value: "language",
+          defaultHeader: true,
+          order: 9,
         },
-        { text: 'Language Version', value: 'language_version', order: 10 },
+        { text: "Language Version", value: "language_version", order: 10 },
         {
-          text: 'Username', value: 'username', defaultHeader: true, order: 11,
+          text: "Username",
+          value: "username",
+          defaultHeader: true,
+          order: 11,
         },
-        { text: 'Working Hours', value: 'working_hours', order: 12 },
-        { text: 'External IP', value: 'external_ip', order: 13 },
+        { text: "Working Hours", value: "working_hours", order: 12 },
+        { text: "External IP", value: "external_ip", order: 13 },
         {
-          text: 'Internal IP', value: 'internal_ip', defaultHeader: true, order: 14,
+          text: "Internal IP",
+          value: "internal_ip",
+          defaultHeader: true,
+          order: 14,
         },
-        { text: 'Delay', value: 'delay', order: 15 },
-        { text: 'Jitter', value: 'jitter', order: 16 },
+        { text: "Delay", value: "delay", order: 15 },
+        { text: "Jitter", value: "jitter", order: 16 },
         {
-          text: 'Tags', value: 'tags', order: 17,
+          text: "Tags",
+          value: "tags",
+          order: 17,
         },
         {
-          text: 'Actions', value: 'actions', defaultHeader: true, alwaysShow: true, order: 18,
+          text: "Actions",
+          value: "actions",
+          defaultHeader: true,
+          alwaysShow: true,
+          order: 18,
         },
       ],
       selectedHeadersTemp: [],
@@ -284,16 +269,17 @@ export default {
     },
     headers() {
       return this.headersFull
-        .filter((h) => this.selectedHeaders.findIndex((h2) => h2.text === h.text) > -1)
+        .filter(
+          (h) =>
+            this.selectedHeaders.findIndex((h2) => h2.text === h.text) > -1,
+        )
         .sort((a, b) => a.order - b.order);
     },
     selectableHeaders() {
-      return this.headersFull
-        .filter((h) => !h.alwaysShow);
+      return this.headersFull.filter((h) => !h.alwaysShow);
     },
     staticHeaders() {
-      return this.headersFull
-        .filter((h) => h.alwaysShow);
+      return this.headersFull.filter((h) => h.alwaysShow);
     },
     sortedAgents() {
       let sorted = this.agents.slice();
@@ -317,7 +303,7 @@ export default {
     },
     selectedHeaders: {
       set(val) {
-        this.$store.dispatch('application/agentHeaders', val);
+        this.$store.dispatch("application/agentHeaders", val);
       },
       get() {
         return this.selectedHeadersState;
@@ -329,40 +315,45 @@ export default {
       this.getAgents();
     },
     selected(val) {
-      this.$emit('input', val);
+      this.$emit("input", val);
     },
   },
   async mounted() {
     this.getAgents();
     if (this.selectedHeaders.length === 0) {
-      this.selectedHeaders = this.headersFull.filter((h) => h.defaultHeader === true);
+      this.selectedHeaders = this.headersFull.filter(
+        (h) => h.defaultHeader === true,
+      );
     }
     this.selectedHeadersTemp = [...this.selectedHeaders];
   },
   methods: {
     deleteTag(agent, tag) {
-      agentApi.deleteTag(agent.session_id, tag.id)
+      agentApi
+        .deleteTag(agent.session_id, tag.id)
         .then(() => {
           agent.tags = agent.tags.filter((t) => t.id !== tag.id);
-          this.$emit('refresh-tags');
+          this.$emit("refresh-tags");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     updateTag(agent, tag) {
-      agentApi.updateTag(agent.session_id, tag)
+      agentApi
+        .updateTag(agent.session_id, tag)
         .then((t) => {
           const index = agent.tags.findIndex((x) => x.id === t.id);
           agent.tags.splice(index, 1, t);
-          this.$emit('refresh-tags');
-          this.$snack.success('Tag updated');
+          this.$emit("refresh-tags");
+          this.$snack.success("Tag updated");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     addTag(agent, tag) {
-      agentApi.addTag(agent.session_id, tag)
+      agentApi
+        .addTag(agent.session_id, tag)
         .then((t) => {
           agent.tags.push(t);
-          this.$emit('refresh-tags');
+          this.$emit("refresh-tags");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
@@ -371,27 +362,30 @@ export default {
       this.showHeaderMenu = false;
     },
     getAgents() {
-      this.$store.dispatch('agent/getAgents');
+      this.$store.dispatch("agent/getAgents");
     },
     async killAgent(item) {
-      this.$emit('killAgent', item);
+      this.$emit("killAgent", item);
     },
     popout(item) {
-      window.open(`${window.location.href}/${item.name}?hideSideBar=true`, 'popup', 'width=600,height=600');
+      window.open(
+        `${window.location.href}/${item.name}?hideSideBar=true`,
+        "popup",
+        "width=600,height=600",
+      );
     },
     truncateMessage(str) {
       if (str) {
         return str.length > 30 ? `${str.substr(0, 30)}...` : str;
       }
-      return '';
+      return "";
     },
     rowClass(item) {
-      if (item.stale) return 'warning-row';
-      return '';
+      if (item.stale) return "warning-row";
+      return "";
     },
   },
 };
 </script>
 
-<style scoped>
-</style>
+<style scoped></style>
diff --git a/src/components/agents/ExecuteModuleDialog.vue b/src/components/agents/ExecuteModuleDialog.vue
index 4c680c0..d11384d 100644
--- a/src/components/agents/ExecuteModuleDialog.vue
+++ b/src/components/agents/ExecuteModuleDialog.vue
@@ -1,9 +1,5 @@
 <template>
-  <v-dialog
-    ref="downloadDialog"
-    v-model="show"
-    max-width="800px"
-  >
+  <v-dialog ref="downloadDialog" v-model="show" max-width="800px">
     <v-card>
       <v-card-title>
         <span class="headline" />
@@ -21,18 +17,8 @@
       </v-card-text>
       <v-card-actions>
         <v-spacer />
-        <v-btn
-          color="error"
-          text
-          @click.stop="show = false"
-        >
-          Close
-        </v-btn>
-        <v-btn
-          color="primary"
-          :loading="loading"
-          @click="submit"
-        >
+        <v-btn color="error" text @click.stop="show = false"> Close </v-btn>
+        <v-btn color="primary" :loading="loading" @click="submit">
           Submit
         </v-btn>
       </v-card-actions>
@@ -41,7 +27,7 @@
 </template>
 
 <script>
-import AgentExecuteModule from './AgentExecuteModule.vue';
+import AgentExecuteModule from "./AgentExecuteModule.vue";
 
 export default {
   components: {
@@ -67,8 +53,7 @@ export default {
     },
   },
   data() {
-    return {
-    };
+    return {};
   },
   computed: {
     show: {
@@ -76,13 +61,15 @@ export default {
         return this.value;
       },
       set(value) {
-        this.$emit('input', value);
+        this.$emit("input", value);
       },
     },
   },
   methods: {
     async submit() {
-      if (!this.$refs.executeform.validate()) { return; }
+      if (!this.$refs.executeform.validate()) {
+        return;
+      }
       this.$refs.executeform.create();
       this.show = false;
     },
diff --git a/src/components/listeners/ListenersList.vue b/src/components/listeners/ListenersList.vue
index 300703b..f0a8668 100644
--- a/src/components/listeners/ListenersList.vue
+++ b/src/components/listeners/ListenersList.vue
@@ -36,16 +36,16 @@
 </template>
 
 <script>
-import { mapState } from 'vuex';
-import moment from 'moment';
-import ListPageTop from '@/components/ListPageTop.vue';
-import ExpansionPanelFilter from '@/components/tables/ExpansionPanelFilter.vue';
-import AdvancedTable from '@/components/tables/AdvancedTable.vue';
-import ListenersTable from '@/components/listeners/ListenersTable.vue';
-import * as tagApi from '@/api/tag-api';
+import { mapState } from "vuex";
+import moment from "moment";
+import ListPageTop from "@/components/ListPageTop.vue";
+import ExpansionPanelFilter from "@/components/tables/ExpansionPanelFilter.vue";
+import AdvancedTable from "@/components/tables/AdvancedTable.vue";
+import ListenersTable from "@/components/listeners/ListenersTable.vue";
+import * as tagApi from "@/api/tag-api";
 
 export default {
-  name: 'Listeners',
+  name: "Listeners",
   components: {
     AdvancedTable,
     ListenersTable,
@@ -63,14 +63,14 @@ export default {
       moment,
       breads: [
         {
-          text: 'Listeners',
+          text: "Listeners",
           disabled: true,
-          href: '/listeners',
+          href: "/listeners",
         },
         {
-          text: 'List',
+          text: "List",
           disabled: true,
-          href: '/listeners?tab=list-view',
+          href: "/listeners?tab=list-view",
         },
       ],
       selected: [],
@@ -93,11 +93,17 @@ export default {
   },
   methods: {
     async getTags() {
-      const tags = await tagApi.getTags({ page: 1, limit: -1, sources: 'listener' });
+      const tags = await tagApi.getTags({
+        page: 1,
+        limit: -1,
+        sources: "listener",
+      });
 
       const dedupedTags = [];
       tags.records.forEach((tag) => {
-        const existingTag = dedupedTags.find((t) => t.name === tag.name && t.value === tag.value);
+        const existingTag = dedupedTags.find(
+          (t) => t.name === tag.name && t.value === tag.value,
+        );
         if (!existingTag) {
           dedupedTags.push(tag);
         }
@@ -106,17 +112,29 @@ export default {
       this.tags = dedupedTags;
     },
     create() {
-      this.$router.push({ name: 'listenerNew' });
+      this.$router.push({ name: "listenerNew" });
     },
     async killListener(item) {
-      if (await this.$root.$confirm('Delete', `Are you sure you want to kill listener ${item.name}?`, { color: 'red' })) {
-        this.$store.dispatch('listener/killListener', item.id);
+      if (
+        await this.$root.$confirm(
+          "Delete",
+          `Are you sure you want to kill listener ${item.name}?`,
+          { color: "red" },
+        )
+      ) {
+        this.$store.dispatch("listener/killListener", item.id);
       }
     },
     async killListeners() {
-      if (await this.$root.$confirm('Delete', `Are you sure you want to kill ${this.selected.length} listeners?`, { color: 'red' })) {
+      if (
+        await this.$root.$confirm(
+          "Delete",
+          `Are you sure you want to kill ${this.selected.length} listeners?`,
+          { color: "red" },
+        )
+      ) {
         this.selected.forEach((listener) => {
-          this.$store.dispatch('listener/killListener', listener.id);
+          this.$store.dispatch("listener/killListener", listener.id);
         });
         this.selected = [];
       }
@@ -128,5 +146,4 @@ export default {
 };
 </script>
 
-<style>
-</style>
+<style></style>
diff --git a/src/components/listeners/ListenersTable.vue b/src/components/listeners/ListenersTable.vue
index 4883047..5c3ff0c 100644
--- a/src/components/listeners/ListenersTable.vue
+++ b/src/components/listeners/ListenersTable.vue
@@ -15,14 +15,11 @@
       show-select
     >
       <template #item.enabled="{ item }">
-        <v-badge
-          dot
-          :color="item.enabled === true ? 'green' : 'red'"
-        />
+        <v-badge dot :color="item.enabled === true ? 'green' : 'red'" />
       </template>
       <template #item.name="{ item }">
         <router-link
-          style="color: inherit;"
+          style="color: inherit"
           :to="{ name: 'listenerEdit', params: { id: item.id } }"
         >
           {{ item.name }}
@@ -42,24 +39,15 @@
       <template #item.actions="{ item }">
         <v-menu offset-y>
           <template #activator="{ on, attrs }">
-            <v-btn
-              text
-              icon
-              x-small
-              v-bind="attrs"
-              v-on="on"
-            >
+            <v-btn text icon x-small v-bind="attrs" v-on="on">
               <v-icon>fa-ellipsis-v</v-icon>
             </v-btn>
           </template>
           <v-list class="ml-2 mr-2">
-            <v-list-item
-              key="view"
-              link
-            >
+            <v-list-item key="view" link>
               <router-link
                 class="text-decoration-none"
-                style="color: inherit;"
+                style="color: inherit"
                 :to="{ name: 'listenerEdit', params: { id: item.id } }"
               >
                 <v-list-item-title>
@@ -79,11 +67,7 @@
               </v-list-item-title>
             </v-list-item>
             <v-divider class="pb-4" />
-            <v-list-item
-              key="delete"
-              link
-              @click="killListener(item)"
-            >
+            <v-list-item key="delete" link @click="killListener(item)">
               <v-list-item-title>
                 <v-icon>fa-trash-alt</v-icon>
                 Delete
@@ -97,14 +81,14 @@
 </template>
 
 <script>
-import { mapState } from 'vuex';
-import moment from 'moment';
-import TagViewer from '@/components/TagViewer.vue';
-import DateTimeDisplay from '@/components/DateTimeDisplay.vue';
-import * as listenerApi from '@/api/listener-api';
+import { mapState } from "vuex";
+import moment from "moment";
+import TagViewer from "@/components/TagViewer.vue";
+import DateTimeDisplay from "@/components/DateTimeDisplay.vue";
+import * as listenerApi from "@/api/listener-api";
 
 export default {
-  name: 'ListenersTable',
+  name: "ListenersTable",
   components: {
     DateTimeDisplay,
     TagViewer,
@@ -124,15 +108,19 @@ export default {
       moment,
       headers: [
         {
-          text: '', align: 'start', sortable: false, width: '5px', value: 'enabled',
+          text: "",
+          align: "start",
+          sortable: false,
+          width: "5px",
+          value: "enabled",
         },
-        { text: 'Name', value: 'name' },
-        { text: 'Template', value: 'template' },
-        { text: 'Host', value: 'options.Host' },
-        { text: 'Port', value: 'options.Port' },
-        { text: 'Created At', value: 'created_at' },
-        { text: 'Tags', value: 'tags', sortable: false },
-        { text: 'Actions', value: 'actions', sortable: false },
+        { text: "Name", value: "name" },
+        { text: "Template", value: "template" },
+        { text: "Host", value: "options.Host" },
+        { text: "Port", value: "options.Port" },
+        { text: "Created At", value: "created_at" },
+        { text: "Tags", value: "tags", sortable: false },
+        { text: "Actions", value: "actions", sortable: false },
       ],
       selected: [],
     };
@@ -162,7 +150,7 @@ export default {
       this.getListeners();
     },
     selected(val) {
-      this.$emit('input', val);
+      this.$emit("input", val);
     },
   },
   mounted() {
@@ -170,40 +158,42 @@ export default {
   },
   methods: {
     deleteTag(listener, tag) {
-      listenerApi.deleteTag(listener.id, tag.id)
+      listenerApi
+        .deleteTag(listener.id, tag.id)
         .then(() => {
           listener.tags = listener.tags.filter((t) => t.id !== tag.id);
-          this.$emit('refresh-tags');
+          this.$emit("refresh-tags");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     updateTag(listener, tag) {
-      listenerApi.updateTag(listener.id, tag)
+      listenerApi
+        .updateTag(listener.id, tag)
         .then((t) => {
           const index = listener.tags.findIndex((x) => x.id === t.id);
           listener.tags.splice(index, 1, t);
-          this.$emit('refresh-tags');
-          this.$snack.success('Tag updated');
+          this.$emit("refresh-tags");
+          this.$snack.success("Tag updated");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     addTag(listener, tag) {
-      listenerApi.addTag(listener.id, tag)
+      listenerApi
+        .addTag(listener.id, tag)
         .then((t) => {
           listener.tags.push(t);
-          this.$emit('refresh-tags');
+          this.$emit("refresh-tags");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     async killListener(item) {
-      this.$emit('kill-listener', item);
+      this.$emit("kill-listener", item);
     },
     getListeners() {
-      this.$store.dispatch('listener/getListeners');
+      this.$store.dispatch("listener/getListeners");
     },
   },
 };
 </script>
 
-<style>
-</style>
+<style></style>
diff --git a/src/components/listeners/MalleableProfilesList.vue b/src/components/listeners/MalleableProfilesList.vue
index c14e299..4871946 100644
--- a/src/components/listeners/MalleableProfilesList.vue
+++ b/src/components/listeners/MalleableProfilesList.vue
@@ -17,7 +17,7 @@
           outlined
           dense
           label="Search"
-          style="max-width: 250px; padding-top: 25px;"
+          style="max-width: 250px; padding-top: 25px"
         />
       </template>
     </list-page-top>
@@ -38,7 +38,7 @@
     >
       <template #item.name="{ item }">
         <router-link
-          style="color: inherit;"
+          style="color: inherit"
           :to="{ name: 'malleableProfileEdit', params: { id: item.id } }"
         >
           {{ item.name }}
@@ -50,24 +50,15 @@
       <template #item.actions="{ item }">
         <v-menu offset-y>
           <template #activator="{ on, attrs }">
-            <v-btn
-              text
-              icon
-              x-small
-              v-bind="attrs"
-              v-on="on"
-            >
+            <v-btn text icon x-small v-bind="attrs" v-on="on">
               <v-icon>fa-ellipsis-v</v-icon>
             </v-btn>
           </template>
           <v-list class="ml-2 mr-2">
-            <v-list-item
-              key="view"
-              link
-            >
+            <v-list-item key="view" link>
               <router-link
                 class="text-decoration-none"
-                style="color: inherit;"
+                style="color: inherit"
                 :to="{ name: 'malleableProfileEdit', params: { id: item.id } }"
               >
                 <v-list-item-title>
@@ -78,7 +69,10 @@
             </v-list-item>
             <v-list-item
               key="copy"
-              :to="{ name: 'malleableProfileNew', params: { copy: true, id: item.id } }"
+              :to="{
+                name: 'malleableProfileNew',
+                params: { copy: true, id: item.id },
+              }"
               link
             >
               <v-list-item-title>
@@ -105,13 +99,13 @@
 </template>
 
 <script>
-import moment from 'moment';
-import { mapState } from 'vuex';
-import ListPageTop from '@/components/ListPageTop.vue';
-import DateTimeDisplay from '@/components/DateTimeDisplay.vue';
+import moment from "moment";
+import { mapState } from "vuex";
+import ListPageTop from "@/components/ListPageTop.vue";
+import DateTimeDisplay from "@/components/DateTimeDisplay.vue";
 
 export default {
-  name: 'MalleableProfiles',
+  name: "MalleableProfiles",
   components: {
     DateTimeDisplay,
     ListPageTop,
@@ -126,26 +120,26 @@ export default {
     return {
       breads: [
         {
-          text: 'Listeners',
+          text: "Listeners",
           disabled: true,
-          href: '/listeners',
+          href: "/listeners",
         },
         {
-          text: 'Malleable Profiles',
+          text: "Malleable Profiles",
           disabled: true,
-          href: '/malleable-profiles',
+          href: "/malleable-profiles",
         },
       ],
       headers: [
-        { text: 'Name', value: 'name' },
-        { text: 'Category', value: 'category' },
-        { text: 'Updated At', value: 'updated_at' },
-        { text: 'Actions', value: 'actions', sortable: false },
+        { text: "Name", value: "name" },
+        { text: "Category", value: "category" },
+        { text: "Updated At", value: "updated_at" },
+        { text: "Actions", value: "actions", sortable: false },
       ],
-      sortBy: 'name',
+      sortBy: "name",
       sortDesc: false,
       moment,
-      filter: '',
+      filter: "",
       selected: [],
     };
   },
@@ -162,23 +156,38 @@ export default {
   },
   methods: {
     getMalleableProfiles() {
-      this.$store.dispatch('malleable/getMalleableProfiles');
+      this.$store.dispatch("malleable/getMalleableProfiles");
     },
     create() {
-      this.$router.push({ name: 'malleableProfileNew' });
+      this.$router.push({ name: "malleableProfileNew" });
     },
     view(item) {
-      this.$router.push({ name: 'malleableProfileEdit', params: { id: item.id } });
+      this.$router.push({
+        name: "malleableProfileEdit",
+        params: { id: item.id },
+      });
     },
     async deleteMalleableProfile(item) {
-      if (await this.$root.$confirm('Delete', `Are you sure you want to delete profile ${item.name}?`, { color: 'red' })) {
-        this.$store.dispatch('malleable/deleteMalleableProfile', item.id);
+      if (
+        await this.$root.$confirm(
+          "Delete",
+          `Are you sure you want to delete profile ${item.name}?`,
+          { color: "red" },
+        )
+      ) {
+        this.$store.dispatch("malleable/deleteMalleableProfile", item.id);
       }
     },
     async deleteMalleableProfiles() {
-      if (await this.$root.$confirm('Delete', `Are you sure you want to delete ${this.selected.length} profiles?`, { color: 'red' })) {
+      if (
+        await this.$root.$confirm(
+          "Delete",
+          `Are you sure you want to delete ${this.selected.length} profiles?`,
+          { color: "red" },
+        )
+      ) {
         this.selected.forEach((profile) => {
-          this.$store.dispatch('malleable/deleteMalleableProfile', profile.id);
+          this.$store.dispatch("malleable/deleteMalleableProfile", profile.id);
         });
         this.selected = [];
       }
@@ -187,5 +196,4 @@ export default {
 };
 </script>
 
-<style>
-</style>
+<style></style>
diff --git a/src/components/modules/ModulesTable.vue b/src/components/modules/ModulesTable.vue
index cae05b0..c5f8556 100644
--- a/src/components/modules/ModulesTable.vue
+++ b/src/components/modules/ModulesTable.vue
@@ -13,7 +13,7 @@
     >
       <template #item.id="{ item }">
         <router-link
-          style="color: inherit;"
+          style="color: inherit"
           :to="{ name: 'moduleExecute', params: { id: item.id } }"
         >
           {{ item.id }}
@@ -21,35 +21,23 @@
       </template>
       <template #item.name="{ item }">
         <router-link
-          style="color: inherit;"
+          style="color: inherit"
           :to="{ name: 'moduleExecute', params: { id: item.id } }"
         >
           {{ item.name }}
         </router-link>
       </template>
       <template #item.techniques="{ item }">
-        <technique-chips
-          :techniques="item.techniques"
-          :show-title="false"
-        />
+        <technique-chips :techniques="item.techniques" :show-title="false" />
       </template>
       <template #item.needs_admin="{ item }">
-        <v-simple-checkbox
-          v-model="item.needs_admin"
-          disabled
-        />
+        <v-simple-checkbox v-model="item.needs_admin" disabled />
       </template>
       <template #item.opsec_safe="{ item }">
-        <v-simple-checkbox
-          v-model="item.opsec_safe"
-          disabled
-        />
+        <v-simple-checkbox v-model="item.opsec_safe" disabled />
       </template>
       <template #item.background="{ item }">
-        <v-simple-checkbox
-          v-model="item.background"
-          disabled
-        />
+        <v-simple-checkbox v-model="item.background" disabled />
       </template>
       <template #expanded-item="{ headers, item }">
         <td :colspan="headers.length">
@@ -64,11 +52,11 @@
 </template>
 
 <script>
-import { mapState } from 'vuex';
-import TechniqueChips from '@/components/TechniqueChips.vue';
+import { mapState } from "vuex";
+import TechniqueChips from "@/components/TechniqueChips.vue";
 
 export default {
-  name: 'ModulesTable',
+  name: "ModulesTable",
   components: {
     TechniqueChips,
   },
@@ -79,7 +67,7 @@ export default {
     },
     search: {
       type: String,
-      default: '',
+      default: "",
     },
     needsAdmin: {
       type: Array,
@@ -99,8 +87,7 @@ export default {
     },
   },
   data() {
-    return {
-    };
+    return {};
   },
   computed: {
     ...mapState({
@@ -108,31 +95,31 @@ export default {
     }),
     languagesUnique() {
       return [
-        ...new Set(
-          this.modules
-            .map((mod) => mod.language.toLowerCase()),
-        ),
+        ...new Set(this.modules.map((mod) => mod.language.toLowerCase())),
       ];
     },
     headers() {
       const headers = [
         {
-          text: 'Name',
-          value: 'name',
+          text: "Name",
+          value: "name",
         },
-        { text: 'Language', value: 'language', sort: this.sortLanguage },
-        { text: 'Needs Admin', value: 'needs_admin', width: '75px' },
-        { text: 'Opsec Safe', value: 'opsec_safe', width: '75px' },
-        { text: 'Background', value: 'background', width: '75px' },
+        { text: "Language", value: "language", sort: this.sortLanguage },
+        { text: "Needs Admin", value: "needs_admin", width: "75px" },
+        { text: "Opsec Safe", value: "opsec_safe", width: "75px" },
+        { text: "Background", value: "background", width: "75px" },
         {
-          text: 'Techniques', value: 'techniques', width: '300px', sortable: false,
+          text: "Techniques",
+          value: "techniques",
+          width: "300px",
+          sortable: false,
         },
       ];
       if (this.showIds) {
         headers.unshift({
-          text: 'id',
-          align: 'start',
-          value: 'id',
+          text: "id",
+          align: "start",
+          value: "id",
         });
       }
 
@@ -144,10 +131,12 @@ export default {
       if (this.search) {
         mods = mods.filter((mod) => {
           const search = this.search.toLowerCase();
-          return mod.name.toLowerCase().includes(search)
-            || mod.id.toLowerCase().includes(search)
-            || mod.language.toLowerCase().includes(search)
-            || mod.description.toLowerCase().includes(search);
+          return (
+            mod.name.toLowerCase().includes(search) ||
+            mod.id.toLowerCase().includes(search) ||
+            mod.language.toLowerCase().includes(search) ||
+            mod.description.toLowerCase().includes(search)
+          );
         });
       }
 
@@ -155,24 +144,27 @@ export default {
         .filter((mod) => this.needsAdmin.includes(mod.needs_admin))
         .filter((mod) => this.opsecSafe.includes(mod.opsec_safe))
         .filter((mod) => this.background.includes(mod.background))
-        .filter((mod) => this.selectedLanguages.includes(mod.language.toLowerCase()));
+        .filter((mod) =>
+          this.selectedLanguages.includes(mod.language.toLowerCase()),
+        );
 
       return mods;
     },
   },
   watch: {
     languagesUnique(val) {
-      this.$emit('languages-changed', val);
+      this.$emit("languages-changed", val);
     },
   },
   mounted() {
-    this.$store.dispatch('module/getModules');
+    this.$store.dispatch("module/getModules");
   },
   methods: {
     sortLanguage(a, b) {
       if (a == null) {
         return -1;
-      } if (b == null) {
+      }
+      if (b == null) {
         return 1;
       }
       return a.toLowerCase().localeCompare(b.toLowerCase());
@@ -181,6 +173,4 @@ export default {
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/components/plugins/PluginTasksList.vue b/src/components/plugins/PluginTasksList.vue
index efe8003..0234d76 100644
--- a/src/components/plugins/PluginTasksList.vue
+++ b/src/components/plugins/PluginTasksList.vue
@@ -60,20 +60,20 @@
 </template>
 
 <script>
-import moment from 'moment';
-import debounce from 'lodash.debounce';
-import { mapState } from 'vuex';
+import moment from "moment";
+import debounce from "lodash.debounce";
+import { mapState } from "vuex";
 
-import PluginTasksTable from '@/components/plugins/PluginTasksTable.vue';
-import ListPageTop from '@/components/ListPageTop.vue';
-import DownloadMixin from '@/mixins/download-stager';
-import ExpansionPanelFilter from '@/components/tables/ExpansionPanelFilter.vue';
-import ExpansionPanelSearch from '@/components/tables/ExpansionPanelSearch.vue';
-import AdvancedTable from '@/components/tables/AdvancedTable.vue';
-import * as tagApi from '@/api/tag-api';
+import PluginTasksTable from "@/components/plugins/PluginTasksTable.vue";
+import ListPageTop from "@/components/ListPageTop.vue";
+import DownloadMixin from "@/mixins/download-stager";
+import ExpansionPanelFilter from "@/components/tables/ExpansionPanelFilter.vue";
+import ExpansionPanelSearch from "@/components/tables/ExpansionPanelSearch.vue";
+import AdvancedTable from "@/components/tables/AdvancedTable.vue";
+import * as tagApi from "@/api/tag-api";
 
 export default {
-  name: 'PluginTasksList',
+  name: "PluginTasksList",
   components: {
     AdvancedTable,
     ExpansionPanelFilter,
@@ -101,17 +101,18 @@ export default {
     return {
       breads: [
         {
-          text: 'Plugins',
+          text: "Plugins",
           disabled: true,
-          href: '/plugins',
-        }, {
-          text: 'Tasks',
+          href: "/plugins",
+        },
+        {
+          text: "Tasks",
           disabled: true,
-          href: '/plugins?tab=tasks',
+          href: "/plugins?tab=tasks",
         },
       ],
       tasks: [],
-      search: '',
+      search: "",
       loading: false,
       moment,
       selectedPlugins: [],
@@ -128,7 +129,7 @@ export default {
         const u = state.user.users;
         u.push({
           id: 0,
-          username: 'Non-User',
+          username: "Non-User",
         });
         return u;
       },
@@ -146,18 +147,24 @@ export default {
   },
   async mounted() {
     await Promise.all([
-      this.$store.dispatch('plugin/getPlugins'),
-      this.$store.dispatch('user/getUsers'),
+      this.$store.dispatch("plugin/getPlugins"),
+      this.$store.dispatch("user/getUsers"),
       this.getTags(),
     ]);
   },
   methods: {
     async getTags() {
-      const tags = await tagApi.getTags({ page: 1, limit: -1, sources: 'plugin_task' });
+      const tags = await tagApi.getTags({
+        page: 1,
+        limit: -1,
+        sources: "plugin_task",
+      });
 
       const dedupedTags = [];
       tags.records.forEach((tag) => {
-        const existingTag = dedupedTags.find((t) => t.name === tag.name && t.value === tag.value);
+        const existingTag = dedupedTags.find(
+          (t) => t.name === tag.name && t.value === tag.value,
+        );
         if (!existingTag) {
           dedupedTags.push(tag);
         }
@@ -172,5 +179,4 @@ export default {
 };
 </script>
 
-<style>
-</style>
+<style></style>
diff --git a/src/components/plugins/PluginTasksTable.vue b/src/components/plugins/PluginTasksTable.vue
index a036e71..be35d0e 100644
--- a/src/components/plugins/PluginTasksTable.vue
+++ b/src/components/plugins/PluginTasksTable.vue
@@ -23,7 +23,13 @@
       <template #expanded-item="{ headers, item }">
         <td :colspan="headers.length">
           <div>
-            <div style="display: flex; justify-content: space-between; align-items: center;">
+            <div
+              style="
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+              "
+            >
               <div>
                 <tooltip-button
                   :icon="item.expandedInput ? 'fa-minus' : 'fa-plus'"
@@ -43,21 +49,34 @@
             </div>
             <p><b>Task Input:</b></p>
             <p
-              :class="'mono ' + (expandedTasks[item.uniqueId].backgroundColor === 'white' ? 'font-black' : 'font-white') "
-              :style="'background-color: ' + expandedTasks[item.uniqueId].backgroundColor + ';'"
+              :class="
+                'mono ' +
+                (expandedTasks[item.uniqueId].backgroundColor === 'white'
+                  ? 'font-black'
+                  : 'font-white')
+              "
+              :style="
+                'background-color: ' +
+                expandedTasks[item.uniqueId].backgroundColor +
+                ';'
+              "
             >
-              {{ item.expandedInput ? expandedTasks[item.uniqueId].full_input : item.input }}
+              {{
+                item.expandedInput
+                  ? expandedTasks[item.uniqueId].full_input
+                  : item.input
+              }}
             </p>
             <p><b>Task Output:</b></p>
             <div
-              v-if="item.downloads.length > 0
-                && item.downloads.some(d => d.filename.match(/[^/]+(jpg|jpeg|png|gif)$/))"
+              v-if="
+                item.downloads.length > 0 &&
+                item.downloads.some((d) =>
+                  d.filename.match(/[^/]+(jpg|jpeg|png|gif)$/),
+                )
+              "
             >
-              <v-btn
-                text
-                x-small
-                @click="getImagesForTask(item)"
-              >
+              <v-btn text x-small @click="getImagesForTask(item)">
                 View Images
               </v-btn>
               <div>
@@ -72,11 +91,23 @@
               </div>
             </div>
             <div
-              :class="'mono ' + (expandedTasks[item.uniqueId].backgroundColor === 'white' ? 'font-black' : 'font-white') "
-              :style="'background-color: ' + expandedTasks[item.uniqueId].backgroundColor + ';'"
+              :class="
+                'mono ' +
+                (expandedTasks[item.uniqueId].backgroundColor === 'white'
+                  ? 'font-black'
+                  : 'font-white')
+              "
+              :style="
+                'background-color: ' +
+                expandedTasks[item.uniqueId].backgroundColor +
+                ';'
+              "
             >
               <!-- TODO Option for original output -->
-              <div v-if="expandedTasks[item.uniqueId].htmlOutput" v-html="expandedTasks[item.uniqueId].htmlOutput" />
+              <div
+                v-if="expandedTasks[item.uniqueId].htmlOutput"
+                v-html="expandedTasks[item.uniqueId].htmlOutput"
+              />
               <div v-else>
                 {{ item.output }}
               </div>
@@ -91,7 +122,9 @@
         <span>{{ truncateMessage(item.input) }}</span>
       </template>
       <template #item.task_name="{ item }">
-        <span>{{ item.module_name == null ? item.task_name : item.module_name }}</span>
+        <span>{{
+          item.module_name == null ? item.task_name : item.module_name
+        }}</span>
       </template>
       <template #item.updated_at="{ item }">
         <date-time-display :timestamp="item.updated_at" />
@@ -107,22 +140,12 @@
       <template #item.actions="{ item }">
         <v-menu offset-y>
           <template #activator="{ on, attrs }">
-            <v-btn
-              text
-              icon
-              x-small
-              v-bind="attrs"
-              v-on="on"
-            >
+            <v-btn text icon x-small v-bind="attrs" v-on="on">
               <v-icon>fa-ellipsis-v</v-icon>
             </v-btn>
           </template>
           <v-list class="ml-2 mr-2">
-            <v-list-item
-              key="downloadInput"
-              link
-              @click="downloadInput(item)"
-            >
+            <v-list-item key="downloadInput" link @click="downloadInput(item)">
               <v-list-item-title>
                 <v-icon>fa-download</v-icon>
                 Download Input
@@ -139,11 +162,7 @@
                 Download Output
               </v-list-item-title>
             </v-list-item>
-            <v-list-item
-              key="clipboardInput"
-              link
-              @click="copyInput(item)"
-            >
+            <v-list-item key="clipboardInput" link @click="copyInput(item)">
               <v-list-item-title>
                 <v-icon>fa-paperclip</v-icon>
                 Copy Input to Clipboard
@@ -180,20 +199,20 @@
 </template>
 
 <script>
-import Vue from 'vue';
-import moment from 'moment';
-import debounce from 'lodash.debounce';
+import Vue from "vue";
+import moment from "moment";
+import debounce from "lodash.debounce";
 // eslint-disable-next-line import/no-named-default
-import { default as AnsiUp } from 'ansi_up';
-import DateTimeDisplay from '@/components/DateTimeDisplay.vue';
-import TooltipButton from '@/components/TooltipButton.vue';
-import TagViewer from '@/components/TagViewer.vue';
-import DownloadMixin from '@/mixins/download-stager';
-import * as downloadApi from '@/api/download-api';
-import * as pluginApi from '@/api/plugin-api';
+import { default as AnsiUp } from "ansi_up";
+import DateTimeDisplay from "@/components/DateTimeDisplay.vue";
+import TooltipButton from "@/components/TooltipButton.vue";
+import TagViewer from "@/components/TagViewer.vue";
+import DownloadMixin from "@/mixins/download-stager";
+import * as downloadApi from "@/api/download-api";
+import * as pluginApi from "@/api/plugin-api";
 
 export default {
-  name: 'PluginTasksTable',
+  name: "PluginTasksTable",
   components: {
     DateTimeDisplay,
     TagViewer,
@@ -228,7 +247,7 @@ export default {
     },
     search: {
       type: String,
-      default: '',
+      default: "",
     },
     noFilters: {
       type: Boolean,
@@ -244,7 +263,7 @@ export default {
       itemsPerPage: 10,
       loading: false,
       moment,
-      sortBy: 'updated_at',
+      sortBy: "updated_at",
       sortDesc: true,
       refreshInterval: null,
       expandedTasks: {},
@@ -254,19 +273,21 @@ export default {
   computed: {
     headers() {
       return [
-        { text: 'Task ID', value: 'id', sortable: true },
-        { text: 'Status', value: 'status', sortable: true },
-        { text: 'Plugin', value: 'plugin_id', sortable: true },
-        { text: 'Task Input', value: 'input', sortable: false },
-        { text: 'Task Name', value: 'task_name', sortable: false },
-        { text: 'User', value: 'username', sortable: false },
-        { text: 'Updated At', value: 'updated_at', sortable: true },
+        { text: "Task ID", value: "id", sortable: true },
+        { text: "Status", value: "status", sortable: true },
+        { text: "Plugin", value: "plugin_id", sortable: true },
+        { text: "Task Input", value: "input", sortable: false },
+        { text: "Task Name", value: "task_name", sortable: false },
+        { text: "User", value: "username", sortable: false },
+        { text: "Updated At", value: "updated_at", sortable: true },
         {
-          text: 'Tags', value: 'tags', sortable: false, width: 400,
+          text: "Tags",
+          value: "tags",
+          sortable: false,
+          width: 400,
         },
-        { text: 'Actions', value: 'actions', sortable: false },
-      ]
-        .filter((h) => !this.hideColumns.includes(h.value));
+        { text: "Actions", value: "actions", sortable: false },
+      ].filter((h) => !this.hideColumns.includes(h.value));
     },
   },
   watch: {
@@ -316,8 +337,11 @@ export default {
     // eslint-disable-next-line no-unused-vars
     // from https://github.com/xpl/ansicolor
     stripAnsi(text) {
-      // eslint-disable-next-line no-control-regex
-      return text.replace(/[\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-PRZcf-nqry=><]/g, ''); // hope V8 caches the regexp
+      return text.replace(
+        // eslint-disable-next-line no-control-regex
+        /[\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-PRZcf-nqry=><]/g,
+        "",
+      ); // hope V8 caches the regexp
     },
     isAnsi(output) {
       return this.stripAnsi(output) !== output;
@@ -326,28 +350,35 @@ export default {
       return new AnsiUp().ansi_to_html(output);
     },
     deleteTag(task, tag) {
-      pluginApi.deleteTag(task.plugin_id, task.id, tag.id)
+      pluginApi
+        .deleteTag(task.plugin_id, task.id, tag.id)
         .then(() => {
-          this.$set(task, 'tags', task.tags.filter((t) => t.id !== tag.id));
-          this.$emit('refresh-tags');
+          this.$set(
+            task,
+            "tags",
+            task.tags.filter((t) => t.id !== tag.id),
+          );
+          this.$emit("refresh-tags");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     updateTag(task, tag) {
-      pluginApi.updateTag(task.plugin_id, task.id, tag)
+      pluginApi
+        .updateTag(task.plugin_id, task.id, tag)
         .then((t) => {
           const index = task.tags.findIndex((x) => x.id === t.id);
           task.tags.splice(index, 1, t);
-          this.$emit('refresh-tags');
-          this.$snack.success('Tag updated');
+          this.$emit("refresh-tags");
+          this.$snack.success("Tag updated");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     addTag(task, tag) {
-      pluginApi.addTag(task.plugin_id, task.id, tag)
+      pluginApi
+        .addTag(task.plugin_id, task.id, tag)
         .then((t) => {
-          this.$set(task, 'tags', [...task.tags, t]);
-          this.$emit('refresh-tags');
+          this.$set(task, "tags", [...task.tags, t]);
+          this.$emit("refresh-tags");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
@@ -355,13 +386,13 @@ export default {
       if (task) {
         return task.length > 30 ? `${task.substr(0, 30)}...` : task;
       }
-      return '';
+      return "";
     },
     updateTaskBackgroundColor(task) {
-      if (task.backgroundColor === 'black') {
-        task.backgroundColor = 'white';
+      if (task.backgroundColor === "black") {
+        task.backgroundColor = "white";
       } else {
-        task.backgroundColor = 'black';
+        task.backgroundColor = "black";
       }
       this.expandedTasks[task.uniqueId].backgroundColor = task.backgroundColor;
 
@@ -384,7 +415,10 @@ export default {
           this.expandedTasks[task.uniqueId] = data;
         }
 
-        this.downloadText(this.expandedTasks[task.uniqueId].full_input, `${task.uniqueId}-input.txt`);
+        this.downloadText(
+          this.expandedTasks[task.uniqueId].full_input,
+          `${task.uniqueId}-input.txt`,
+        );
       }
     },
     downloadOutput(task) {
@@ -400,9 +434,13 @@ export default {
         }
 
         try {
-          navigator.clipboard.writeText(this.expandedTasks[task.uniqueId].full_input);
+          navigator.clipboard.writeText(
+            this.expandedTasks[task.uniqueId].full_input,
+          );
         } catch (error) {
-          this.$snack.warn('Failed to copy to clipboard. You must be on HTTPS or localhost.');
+          this.$snack.warn(
+            "Failed to copy to clipboard. You must be on HTTPS or localhost.",
+          );
         }
       }
     },
@@ -411,7 +449,9 @@ export default {
         try {
           navigator.clipboard.writeText(task.output);
         } catch (error) {
-          this.$snack.warn('Failed to copy to clipboard. You must be on HTTPS or localhost.');
+          this.$snack.warn(
+            "Failed to copy to clipboard. You must be on HTTPS or localhost.",
+          );
         }
       }
     },
@@ -428,13 +468,18 @@ export default {
     async getImagesForTask(task) {
       if (!this.expandedTasks[task.uniqueId]) {
         const data = await pluginApi.getTask(task.plugin_id, task.id);
-        this.expandedTasks[task.uniqueId] = { ...this.expandedTasks[task.uniqueId], ...data };
+        this.expandedTasks[task.uniqueId] = {
+          ...this.expandedTasks[task.uniqueId],
+          ...data,
+        };
       }
 
       for (let i = 0; i < task.downloads.length; i++) {
         const download = task.downloads[i];
-        if (!this.expandedTasks[task.uniqueId].downloads[download.id]?.image
-          && download.filename.match(/[^/]+(jpg|jpeg|png|gif)$/)) {
+        if (
+          !this.expandedTasks[task.uniqueId].downloads[download.id]?.image &&
+          download.filename.match(/[^/]+(jpg|jpeg|png|gif)$/)
+        ) {
           // eslint-disable-next-line
           const url = await downloadApi.getDownloadAsUrl(download.id);
           this.expandedTasks[task.uniqueId].downloads[i].image = url;
@@ -445,7 +490,11 @@ export default {
     async toggleSeeFullInput(task) {
       if (!task.expandedInput) {
         const data = await pluginApi.getTask(task.plugin_id, task.id);
-        this.expandedTasks[task.uniqueId] = { ...this.expandedTasks[task.uniqueId], ...data, expandedInput: true };
+        this.expandedTasks[task.uniqueId] = {
+          ...this.expandedTasks[task.uniqueId],
+          ...data,
+          expandedInput: true,
+        };
         task.expandedInput = true;
       } else {
         this.expandedTasks[task.uniqueId].expandedInput = false;
@@ -466,15 +515,15 @@ export default {
         this.sortBy = value.sortBy[0];
         this.sortDesc = value.sortDesc[0];
       } else {
-        this.sortBy = 'id';
+        this.sortBy = "id";
         this.sortDesc = true;
       }
       this.debouncedGetTasks();
     },
     async getTasks() {
       if (
-        !this.noFilters
-        && (this.selectedPlugins.length === 0 || this.selectedUsers.length === 0)
+        !this.noFilters &&
+        (this.selectedPlugins.length === 0 || this.selectedUsers.length === 0)
       ) {
         // seems weird to do this but it would be weirder to select all agents
         // when no agents are selected. Even though the api sees no agents as all agents.
@@ -494,7 +543,7 @@ export default {
         page: this.currentPage,
         limit: this.itemsPerPage,
         sortBy: this.sortBy,
-        sortOrder: this.sortDesc ? 'desc' : 'asc',
+        sortOrder: this.sortDesc ? "desc" : "asc",
         users: this.selectedUsers,
         tags: this.selectedTags,
         search: this.search,
@@ -516,11 +565,15 @@ export default {
           task.expandedInput = true;
         }
 
-        this.expandedTasks[task.uniqueId].backgroundColor = this.expandedTasks[task.uniqueId].backgroundColor || 'black';
-        task.backgroundColor = this.expandedTasks[task.uniqueId].backgroundColor;
+        this.expandedTasks[task.uniqueId].backgroundColor =
+          this.expandedTasks[task.uniqueId].backgroundColor || "black";
+        task.backgroundColor =
+          this.expandedTasks[task.uniqueId].backgroundColor;
 
-        if (this.isAnsi(task.output || '')) {
-          this.expandedTasks[task.uniqueId].htmlOutput = this.ansiToHtml(task.output);
+        if (this.isAnsi(task.output || "")) {
+          this.expandedTasks[task.uniqueId].htmlOutput = this.ansiToHtml(
+            task.output,
+          );
         }
 
         return task;
@@ -536,7 +589,10 @@ export default {
 <style>
 .mono {
   white-space: pre-wrap;
-  font: 1.1em 'Andale Mono', Consolas, 'Courier New';
+  font:
+    1.1em "Andale Mono",
+    Consolas,
+    "Courier New";
   font-weight: bold;
   line-height: 1.6em;
   text-align: left;
diff --git a/src/components/plugins/PluginsList.vue b/src/components/plugins/PluginsList.vue
index 42fd6dc..e5cdaf6 100644
--- a/src/components/plugins/PluginsList.vue
+++ b/src/components/plugins/PluginsList.vue
@@ -8,14 +8,10 @@
       :show-refresh="true"
       @refresh="getPlugins"
     />
-    <v-data-table
-      :headers="headers"
-      :items="plugins"
-      dense
-    >
+    <v-data-table :headers="headers" :items="plugins" dense>
       <template #item.name="{ item }">
         <router-link
-          style="color: inherit;"
+          style="color: inherit"
           :to="{ name: 'pluginEdit', params: { id: item.id } }"
         >
           {{ item.name }}
@@ -26,11 +22,11 @@
 </template>
 
 <script>
-import ListPageTop from '@/components/ListPageTop.vue';
-import { mapState } from 'vuex';
+import ListPageTop from "@/components/ListPageTop.vue";
+import { mapState } from "vuex";
 
 export default {
-  name: 'PluginsList',
+  name: "PluginsList",
   components: {
     ListPageTop,
   },
@@ -44,18 +40,19 @@ export default {
     return {
       breads: [
         {
-          text: 'Plugins',
+          text: "Plugins",
           disabled: true,
-          href: '/plugins',
-        }, {
-          text: 'List',
+          href: "/plugins",
+        },
+        {
+          text: "List",
           disabled: true,
-          href: '/plugins?tab=list-view',
+          href: "/plugins?tab=list-view",
         },
       ],
       headers: [
-        { text: 'Name', value: 'name' },
-        { text: 'Description', value: 'description' },
+        { text: "Name", value: "name" },
+        { text: "Description", value: "description" },
       ],
     };
   },
@@ -69,11 +66,10 @@ export default {
   },
   methods: {
     getPlugins() {
-      this.$store.dispatch('plugin/getPlugins');
+      this.$store.dispatch("plugin/getPlugins");
     },
   },
 };
 </script>
 
-  <style>
-  </style>
+<style></style>
diff --git a/src/components/stagers/StagersTable.vue b/src/components/stagers/StagersTable.vue
index b563806..9a4e005 100644
--- a/src/components/stagers/StagersTable.vue
+++ b/src/components/stagers/StagersTable.vue
@@ -15,7 +15,7 @@
     >
       <template #item.name="{ item }">
         <router-link
-          style="color: inherit;"
+          style="color: inherit"
           :to="{ name: 'stagerEdit', params: { id: item.id } }"
         >
           {{ item.name }}
@@ -23,7 +23,7 @@
       </template>
       <template #item.options.Listener="{ item }">
         <router-link
-          style="color: inherit;"
+          style="color: inherit"
           :to="{ name: 'listenerEdit', params: { id: item.id } }"
         >
           {{ item.options.Listener }}
@@ -35,13 +35,7 @@
       <template #item.actions="{ item }">
         <v-menu offset-y>
           <template #activator="{ on, attrs }">
-            <v-btn
-              text
-              icon
-              x-small
-              v-bind="attrs"
-              v-on="on"
-            >
+            <v-btn text icon x-small v-bind="attrs" v-on="on">
               <v-icon>fa-ellipsis-v</v-icon>
             </v-btn>
           </template>
@@ -79,11 +73,7 @@
               </v-list-item-title>
             </v-list-item>
             <v-divider class="pb-4" />
-            <v-list-item
-              key="delete"
-              link
-              @click="deleteStager(item)"
-            >
+            <v-list-item key="delete" link @click="deleteStager(item)">
               <v-list-item-title>
                 <v-icon>fa-trash-alt</v-icon>
                 Delete
@@ -97,15 +87,15 @@
 </template>
 
 <script>
-import { mapState } from 'vuex';
-import moment from 'moment';
-import DownloadMixin from '@/mixins/download-stager';
-import CopyMixin from '@/mixins/copy-stager';
-import DateTimeDisplay from '@/components/DateTimeDisplay.vue';
-import * as downloadApi from '@/api/download-api';
+import { mapState } from "vuex";
+import moment from "moment";
+import DownloadMixin from "@/mixins/download-stager";
+import CopyMixin from "@/mixins/copy-stager";
+import DateTimeDisplay from "@/components/DateTimeDisplay.vue";
+import * as downloadApi from "@/api/download-api";
 
 export default {
-  name: 'StagersTable',
+  name: "StagersTable",
   components: {
     DateTimeDisplay,
   },
@@ -124,12 +114,12 @@ export default {
     return {
       moment,
       headers: [
-        { text: 'Name', value: 'name' },
-        { text: 'Listener', value: 'options.Listener' },
-        { text: 'Type', value: 'template' },
-        { text: 'Language', value: 'options.Language' },
-        { text: 'Created At', value: 'created_at' },
-        { text: 'Actions', value: 'actions', sortable: false },
+        { text: "Name", value: "name" },
+        { text: "Listener", value: "options.Listener" },
+        { text: "Type", value: "template" },
+        { text: "Language", value: "options.Language" },
+        { text: "Created At", value: "created_at" },
+        { text: "Actions", value: "actions", sortable: false },
       ],
       selected: [],
     };
@@ -150,7 +140,7 @@ export default {
   },
   watch: {
     selected(val) {
-      this.$emit('input', val);
+      this.$emit("input", val);
     },
   },
   mounted() {
@@ -167,7 +157,9 @@ export default {
       // later on we could display multiple files, but at the moment,
       // i think it makes sense to just get the last one.
       const lastIndex = stager.downloads.length - 1;
-      return this.copyStager(await downloadApi.getDownloadAsText(stager.downloads[lastIndex].id));
+      return this.copyStager(
+        await downloadApi.getDownloadAsText(stager.downloads[lastIndex].id),
+      );
     },
     async download(stager) {
       // later on we could display multiple files, but at the moment,
@@ -176,15 +168,13 @@ export default {
       return downloadApi.getDownload(stager.downloads[lastIndex].id);
     },
     async deleteStager(item) {
-      this.$emit('delete-stager', item);
+      this.$emit("delete-stager", item);
     },
     getStagers() {
-      this.$store.dispatch('stager/getStagers');
+      this.$store.dispatch("stager/getStagers");
     },
   },
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/components/tables/AdvancedTable.vue b/src/components/tables/AdvancedTable.vue
index 5d10fa0..1d693a6 100644
--- a/src/components/tables/AdvancedTable.vue
+++ b/src/components/tables/AdvancedTable.vue
@@ -1,23 +1,11 @@
 <template>
-  <div style="display: flex; flex-direction: row; flex-wrap: wrap;">
-    <v-card
-      class="mr-2 pa-2"
-      elevation="2"
-      outlined
-      style="flex-basis: 250px"
-    >
-      <v-expansion-panels
-        class="mb-6"
-        multiple
-      >
+  <div style="display: flex; flex-direction: row; flex-wrap: wrap">
+    <v-card class="mr-2 pa-2" elevation="2" outlined style="flex-basis: 250px">
+      <v-expansion-panels class="mb-6" multiple>
         <slot name="filters" />
       </v-expansion-panels>
     </v-card>
-    <v-card
-      style="flex: 1; min-width: 0;"
-      elevation="2"
-      outlined
-    >
+    <v-card style="flex: 1; min-width: 0" elevation="2" outlined>
       <slot name="table" />
     </v-card>
   </div>
@@ -25,10 +13,8 @@
 
 <script>
 export default {
-  name: 'AdvancedTable',
+  name: "AdvancedTable",
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/components/tables/ExpansionPanelBoolean.vue b/src/components/tables/ExpansionPanelBoolean.vue
index b5e2c93..184eddf 100644
--- a/src/components/tables/ExpansionPanelBoolean.vue
+++ b/src/components/tables/ExpansionPanelBoolean.vue
@@ -11,10 +11,10 @@
 </template>
 
 <script>
-import ExpansionPanelFilter from '@/components/tables/ExpansionPanelFilter.vue';
+import ExpansionPanelFilter from "@/components/tables/ExpansionPanelFilter.vue";
 
 export default {
-  name: 'ExpansionPanelBoolean',
+  name: "ExpansionPanelBoolean",
   components: {
     ExpansionPanelFilter,
   },
@@ -35,19 +35,20 @@ export default {
   data() {
     return {
       selectedItems: [],
-      items: [{ value: true, label: 'True' }, { value: false, label: 'False' }],
+      items: [
+        { value: true, label: "True" },
+        { value: false, label: "False" },
+      ],
     };
   },
   watch: {
     selectedItems: {
       handler(val) {
-        this.$emit('input', val);
+        this.$emit("input", val);
       },
     },
   },
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/components/tables/ExpansionPanelFilter.vue b/src/components/tables/ExpansionPanelFilter.vue
index 6013da9..f3f7256 100644
--- a/src/components/tables/ExpansionPanelFilter.vue
+++ b/src/components/tables/ExpansionPanelFilter.vue
@@ -4,12 +4,7 @@
       {{ title }}
     </v-expansion-panel-header>
     <v-expansion-panel-content>
-      <v-checkbox
-        v-model="selectedAll"
-        x-small
-        dense
-        label="Select All"
-      />
+      <v-checkbox v-model="selectedAll" x-small dense label="Select All" />
       <v-divider class="pb-4" />
       <v-checkbox
         v-for="item in items"
@@ -26,7 +21,7 @@
 
 <script>
 export default {
-  name: 'ExpansionPanelFilter',
+  name: "ExpansionPanelFilter",
   props: {
     value: {
       type: Array,
@@ -79,7 +74,7 @@ export default {
   watch: {
     selectedItems: {
       handler(val) {
-        this.$emit('input', val);
+        this.$emit("input", val);
       },
     },
     items: {
@@ -102,6 +97,4 @@ export default {
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/components/tables/ExpansionPanelSearch.vue b/src/components/tables/ExpansionPanelSearch.vue
index 3a9578f..6e739c0 100644
--- a/src/components/tables/ExpansionPanelSearch.vue
+++ b/src/components/tables/ExpansionPanelSearch.vue
@@ -17,7 +17,7 @@
 
 <script>
 export default {
-  name: 'ExpansionPanelSearch',
+  name: "ExpansionPanelSearch",
   props: {
     value: {
       type: String,
@@ -34,13 +34,13 @@ export default {
   },
   data() {
     return {
-      internalValue: '',
+      internalValue: "",
     };
   },
   watch: {
     internalValue: {
       handler(val) {
-        this.$emit('input', val);
+        this.$emit("input", val);
       },
     },
   },
@@ -50,6 +50,4 @@ export default {
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/main.js b/src/main.js
index 437fbde..24fe98b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,11 +1,11 @@
-import Vue from 'vue';
-import Chat from 'vue-beautiful-chat';
-import App from './App.vue';
-import router from './router';
-import store from './store';
+import Vue from "vue";
+import Chat from "vue-beautiful-chat";
+import App from "./App.vue";
+import router from "./router";
+import store from "./store";
 
-import '@fontsource/roboto';
-import vuetify from './plugins/vuetify';
+import "@fontsource/roboto";
+import vuetify from "./plugins/vuetify";
 
 Vue.use(Chat);
 
@@ -15,4 +15,4 @@ new Vue({
   store,
   vuetify,
   render: (h) => h(App),
-}).$mount('#app');
+}).$mount("#app");
diff --git a/src/mixins/copy-stager.js b/src/mixins/copy-stager.js
index e971a6f..6d3230b 100644
--- a/src/mixins/copy-stager.js
+++ b/src/mixins/copy-stager.js
@@ -7,9 +7,11 @@ export default {
     async copyStager(output) {
       try {
         await navigator.clipboard.writeText(output);
-        this.$snack.success('Output copied to clipboard');
+        this.$snack.success("Output copied to clipboard");
       } catch (error) {
-        this.$snack.warn('Failed to copy to clipboard. You must be on HTTPS or localhost.');
+        this.$snack.warn(
+          "Failed to copy to clipboard. You must be on HTTPS or localhost.",
+        );
       }
     },
   },
diff --git a/src/mixins/download-stager.js b/src/mixins/download-stager.js
index e755480..403286d 100644
--- a/src/mixins/download-stager.js
+++ b/src/mixins/download-stager.js
@@ -6,7 +6,7 @@ export default {
      * @param {*} outFile the name of the file according to Empire
      */
     async downloadStager(output, outFile) {
-      const fileName = outFile.split('/')[outFile.split('/').length - 1];
+      const fileName = outFile.split("/")[outFile.split("/").length - 1];
       if (fileName.length === 0) {
         return;
       }
@@ -17,23 +17,23 @@ export default {
         const bytes = new Uint8Array(binaryString.length);
         const arrayBuffer = bytes.map((byte, i) => binaryString.charCodeAt(i));
         const blob = new Blob([arrayBuffer]);
-        const link = document.createElement('a');
+        const link = document.createElement("a");
         const url = URL.createObjectURL(blob);
-        link.setAttribute('href', url);
-        link.setAttribute('download', fileName);
-        link.style.visibility = 'hidden';
+        link.setAttribute("href", url);
+        link.setAttribute("download", fileName);
+        link.style.visibility = "hidden";
         document.body.appendChild(link);
         link.click();
         document.body.removeChild(link);
       }
     },
     async downloadText(output, fileName) {
-      const blob = new Blob([output], { type: 'text/plain' });
-      const link = document.createElement('a');
+      const blob = new Blob([output], { type: "text/plain" });
+      const link = document.createElement("a");
       const url = URL.createObjectURL(blob);
-      link.setAttribute('href', url);
-      link.setAttribute('download', fileName);
-      link.style.visibility = 'hidden';
+      link.setAttribute("href", url);
+      link.setAttribute("download", fileName);
+      link.style.visibility = "hidden";
       document.body.appendChild(link);
       link.click();
       document.body.removeChild(link);
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
index 2d65ad0..d789b47 100644
--- a/src/plugins/vuetify.js
+++ b/src/plugins/vuetify.js
@@ -1,10 +1,10 @@
-import Vue from 'vue';
-import Vuetify from 'vuetify/lib/framework';
-import colors from 'vuetify/lib/util/colors';
-import PortalVue from 'portal-vue';
+import Vue from "vue";
+import Vuetify from "vuetify/lib/framework";
+import colors from "vuetify/lib/util/colors";
+import PortalVue from "portal-vue";
 
-import '@mdi/font/css/materialdesignicons.css';
-import '@fortawesome/fontawesome-free/css/all.css';
+import "@mdi/font/css/materialdesignicons.css";
+import "@fortawesome/fontawesome-free/css/all.css";
 
 Vue.use(PortalVue);
 Vue.use(Vuetify);
diff --git a/src/router/index.js b/src/router/index.js
index c130b85..05ae6c8 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,177 +1,177 @@
-import Vue from 'vue';
-import VueRouter from 'vue-router';
-import store from '@/store/index';
-import Home from '../views/Home.vue';
+import Vue from "vue";
+import VueRouter from "vue-router";
+import store from "@/store/index";
+import Home from "../views/Home.vue";
 
 Vue.use(VueRouter);
 
 const routes = [
   {
-    path: '/',
-    name: 'home',
+    path: "/",
+    name: "home",
     component: Home,
   },
   {
-    path: '/about',
-    name: 'about',
-    component: () => import('../views/About.vue'),
+    path: "/about",
+    name: "about",
+    component: () => import("../views/About.vue"),
   },
   {
-    path: '/listeners',
-    name: 'listeners',
-    component: () => import('../views/Listeners.vue'),
+    path: "/listeners",
+    name: "listeners",
+    component: () => import("../views/Listeners.vue"),
   },
   {
-    path: '/listeners/new',
-    name: 'listenerNew',
-    component: () => import('../views/ListenerEdit.vue'),
+    path: "/listeners/new",
+    name: "listenerNew",
+    component: () => import("../views/ListenerEdit.vue"),
   },
   {
-    path: '/listeners/:id',
-    name: 'listenerEdit',
-    component: () => import('../views/ListenerEdit.vue'),
+    path: "/listeners/:id",
+    name: "listenerEdit",
+    component: () => import("../views/ListenerEdit.vue"),
   },
   {
-    path: '/stagers',
-    name: 'stagers',
-    component: () => import('../views/Stagers.vue'),
+    path: "/stagers",
+    name: "stagers",
+    component: () => import("../views/Stagers.vue"),
   },
   {
-    path: '/stagers/new',
-    name: 'stagerNew',
-    component: () => import('../views/StagerEdit.vue'),
+    path: "/stagers/new",
+    name: "stagerNew",
+    component: () => import("../views/StagerEdit.vue"),
   },
   {
-    path: '/stagers/:id',
-    name: 'stagerEdit',
-    component: () => import('../views/StagerEdit.vue'),
+    path: "/stagers/:id",
+    name: "stagerEdit",
+    component: () => import("../views/StagerEdit.vue"),
   },
   {
-    path: '/agents',
-    name: 'agents',
-    component: () => import('../views/Agents.vue'),
+    path: "/agents",
+    name: "agents",
+    component: () => import("../views/Agents.vue"),
   },
   {
-    path: '/agents/:id',
-    name: 'agentEdit',
-    component: () => import('../views/AgentEdit.vue'),
+    path: "/agents/:id",
+    name: "agentEdit",
+    component: () => import("../views/AgentEdit.vue"),
   },
   {
-    path: '/modules',
-    name: 'modules',
-    component: () => import('../views/Modules.vue'),
+    path: "/modules",
+    name: "modules",
+    component: () => import("../views/Modules.vue"),
   },
   {
-    path: '/modules/:id',
-    name: 'moduleExecute',
-    component: () => import('../views/ModuleExecute.vue'),
+    path: "/modules/:id",
+    name: "moduleExecute",
+    component: () => import("../views/ModuleExecute.vue"),
   },
   {
-    path: '/users',
-    name: 'users',
-    component: () => import('../views/Users.vue'),
+    path: "/users",
+    name: "users",
+    component: () => import("../views/Users.vue"),
   },
   {
-    path: '/users/new',
-    name: 'userNew',
-    component: () => import('../views/UserEdit.vue'),
+    path: "/users/new",
+    name: "userNew",
+    component: () => import("../views/UserEdit.vue"),
     meta: {
       requiresAdmin: true,
     },
   },
   {
-    path: '/users/:id',
-    name: 'userEdit',
-    component: () => import('../views/UserEdit.vue'),
+    path: "/users/:id",
+    name: "userEdit",
+    component: () => import("../views/UserEdit.vue"),
     meta: {
       requiresAdmin: true,
     },
   },
   {
-    path: '/credentials',
-    name: 'credentials',
-    component: () => import('../views/Credentials.vue'),
+    path: "/credentials",
+    name: "credentials",
+    component: () => import("../views/Credentials.vue"),
   },
   {
-    path: '/credentials/new',
-    name: 'credentialNew',
-    component: () => import('../views/CredentialEdit.vue'),
+    path: "/credentials/new",
+    name: "credentialNew",
+    component: () => import("../views/CredentialEdit.vue"),
   },
   {
-    path: '/credentials/:id',
-    name: 'credentialEdit',
-    component: () => import('../views/CredentialEdit.vue'),
+    path: "/credentials/:id",
+    name: "credentialEdit",
+    component: () => import("../views/CredentialEdit.vue"),
   },
   {
-    path: '/listeners/malleable-profiles/new',
-    name: 'malleableProfileNew',
-    component: () => import('../views/MalleableProfileEdit.vue'),
+    path: "/listeners/malleable-profiles/new",
+    name: "malleableProfileNew",
+    component: () => import("../views/MalleableProfileEdit.vue"),
   },
   {
-    path: '/listeners/malleable-profiles/:id',
-    name: 'malleableProfileEdit',
-    component: () => import('../views/MalleableProfileEdit.vue'),
+    path: "/listeners/malleable-profiles/:id",
+    name: "malleableProfileEdit",
+    component: () => import("../views/MalleableProfileEdit.vue"),
   },
   {
-    path: '/bypasses',
-    name: 'bypasses',
-    component: () => import('../views/Bypasses.vue'),
+    path: "/bypasses",
+    name: "bypasses",
+    component: () => import("../views/Bypasses.vue"),
   },
   {
-    path: '/bypasses/new',
-    name: 'bypassNew',
-    component: () => import('../views/BypassEdit.vue'),
+    path: "/bypasses/new",
+    name: "bypassNew",
+    component: () => import("../views/BypassEdit.vue"),
   },
   {
-    path: '/bypasses/:id',
-    name: 'bypassEdit',
-    component: () => import('../views/BypassEdit.vue'),
+    path: "/bypasses/:id",
+    name: "bypassEdit",
+    component: () => import("../views/BypassEdit.vue"),
   },
   {
-    path: '/downloads',
-    name: 'downloads',
-    component: () => import('../views/Downloads.vue'),
+    path: "/downloads",
+    name: "downloads",
+    component: () => import("../views/Downloads.vue"),
   },
   {
-    path: '/plugins',
-    name: 'plugins',
-    component: () => import('../views/Plugins.vue'),
+    path: "/plugins",
+    name: "plugins",
+    component: () => import("../views/Plugins.vue"),
   },
   {
-    path: '/plugins/:id',
-    name: 'pluginEdit',
-    component: () => import('../views/PluginEdit.vue'),
+    path: "/plugins/:id",
+    name: "pluginEdit",
+    component: () => import("../views/PluginEdit.vue"),
   },
   {
-    path: '/settings',
-    name: 'settings',
-    component: () => import('../views/Settings.vue'),
+    path: "/settings",
+    name: "settings",
+    component: () => import("../views/Settings.vue"),
   },
   {
-    path: '/obfuscation',
-    name: 'obfuscation',
-    component: () => import('../views/Obfuscation.vue'),
+    path: "/obfuscation",
+    name: "obfuscation",
+    component: () => import("../views/Obfuscation.vue"),
   },
 ];
 
 const router = new VueRouter({
-  mode: 'hash',
+  mode: "hash",
   base: import.meta.env.BASE_URL,
   routes,
 });
 
 function isAuthenticated() {
-  return store.getters['application/token'].length > 0;
+  return store.getters["application/token"].length > 0;
 }
 
 function isAdmin() {
-  return store.getters['application/isAdmin'] === true;
+  return store.getters["application/isAdmin"] === true;
 }
 
 // Auth
 router.beforeEach((to, from, next) => {
-  if (to.name !== 'home' && !isAuthenticated()) {
-    next({ name: 'home' });
+  if (to.name !== "home" && !isAuthenticated()) {
+    next({ name: "home" });
   } else next();
 });
 
diff --git a/src/store/AgentModule.js b/src/store/AgentModule.js
index db92b85..e112e81 100644
--- a/src/store/AgentModule.js
+++ b/src/store/AgentModule.js
@@ -1,11 +1,11 @@
-import * as agentApi from '@/api/agent-api';
-import * as agentTaskApi from '@/api/agent-task-api';
+import * as agentApi from "@/api/agent-api";
+import * as agentTaskApi from "@/api/agent-task-api";
 
 export default {
   namespaced: true,
   state: {
     agents: [],
-    status: 'success',
+    status: "success",
   },
   mutations: {
     setAgents(state, agents) {
@@ -20,19 +20,19 @@ export default {
   },
   actions: {
     async getAgents(context) {
-      context.commit('setStatus', 'loading');
+      context.commit("setStatus", "loading");
       const agents = await agentApi.getAgents(true);
-      await context.commit('setAgents', agents);
-      context.commit('setStatus', 'success');
+      await context.commit("setAgents", agents);
+      context.commit("setStatus", "success");
     },
     async getAgent(context, { sessionId }) {
       const agent = (await agentApi.getAgent(sessionId))[0];
-      context.dispatch('addAgent', agent);
+      context.dispatch("addAgent", agent);
     },
     async rename(context, { sessionId, newName }) {
       let { agents } = context.state;
       if (agents == null || agents.length === 0) {
-        await context.dispatch('getAgents');
+        await context.dispatch("getAgents");
         ({ agents } = context.state);
       }
       const agent = agents.find((el) => el.session_id === sessionId);
@@ -42,7 +42,7 @@ export default {
         agent.name = newName;
       }
 
-      context.commit('setAgents', agents);
+      context.commit("setAgents", agents);
       return agent.name;
     },
     async killAgent(context, { sessionId }) {
@@ -55,17 +55,19 @@ export default {
 
       await agentApi.killAgent(sessionId);
       agent.archived = true;
-      context.commit('setAgents', agents);
+      context.commit("setAgents", agents);
     },
     async addAgent(context, agent) {
       const { agents } = context.state;
-      const foundIndex = agents.findIndex((el) => el.session_id === agent.session_id);
+      const foundIndex = agents.findIndex(
+        (el) => el.session_id === agent.session_id,
+      );
 
       if (foundIndex >= 0) {
         agents.splice(foundIndex, 1, agent);
-        context.commit('setAgents', agents);
+        context.commit("setAgents", agents);
       } else {
-        context.commit('pushAgent', agent);
+        context.commit("pushAgent", agent);
       }
     },
     clearQueue(context, { name, tasks }) {
diff --git a/src/store/ApplicationModule.js b/src/store/ApplicationModule.js
index b37a0eb..5aec480 100644
--- a/src/store/ApplicationModule.js
+++ b/src/store/ApplicationModule.js
@@ -1,14 +1,14 @@
-import { setInstance } from '@/api/axios-instance';
-import axios from 'axios';
+import { setInstance } from "@/api/axios-instance";
+import axios from "axios";
 
 export default {
   namespaced: true,
   state: {
-    token: '',
-    url: '',
+    token: "",
+    url: "",
     user: {},
-    loginError: '',
-    empireVersion: '',
+    loginError: "",
+    empireVersion: "",
     darkMode: true,
     chatWidget: true,
     hideStaleAgents: false,
@@ -18,9 +18,7 @@ export default {
     connectionError: 0,
   },
   mutations: {
-    setApplicationState(state, {
-      token, url, socketUrl, user, version,
-    }) {
+    setApplicationState(state, { token, url, socketUrl, user, version }) {
       state.token = token;
       state.url = url;
       state.socketUrl = socketUrl;
@@ -35,18 +33,18 @@ export default {
       state.connectionError += 1;
     },
     setLogout(state) {
-      state.token = '';
-      state.url = '';
-      state.socketUrl = '';
+      state.token = "";
+      state.url = "";
+      state.socketUrl = "";
       state.user = {};
-      state.empireVersion = '';
+      state.empireVersion = "";
     },
     clearState(state) {
-      state.token = '';
-      state.url = '';
+      state.token = "";
+      state.url = "";
       state.user = {};
-      state.loginError = '';
-      state.empireVersion = '';
+      state.loginError = "";
+      state.empireVersion = "";
       state.darkMode = true;
       state.chatWidget = true;
       state.hideStaleAgents = false;
@@ -74,19 +72,21 @@ export default {
     },
   },
   actions: {
-    async login(context, {
-      url, socketUrl, username, password,
-    }) {
+    async login(context, { url, socketUrl, username, password }) {
       try {
-        context.commit('setLoginError', '');
+        context.commit("setLoginError", "");
         const formData = new FormData();
-        formData.append('username', username);
-        formData.append('password', password);
+        formData.append("username", username);
+        formData.append("password", password);
         const token = await axios.post(`${url}/token`, formData);
 
-        const user = await axios.get(`${url}/api/v2/users/me`, { headers: { Authorization: `Bearer ${token.data.access_token}` } });
-        const version = await axios.get(`${url}/api/v2/meta/version`, { headers: { Authorization: `Bearer ${token.data.access_token}` } });
-        context.commit('setApplicationState', {
+        const user = await axios.get(`${url}/api/v2/users/me`, {
+          headers: { Authorization: `Bearer ${token.data.access_token}` },
+        });
+        const version = await axios.get(`${url}/api/v2/meta/version`, {
+          headers: { Authorization: `Bearer ${token.data.access_token}` },
+        });
+        context.commit("setApplicationState", {
           token: token.data.access_token,
           url,
           socketUrl,
@@ -94,43 +94,43 @@ export default {
           version: version.data.version,
         });
       } catch (err) {
-        let message = '';
+        let message = "";
         if (err.response && err.response.data) {
           message = err.response.data.detail;
         } else if (err.response && err.response.statusText) {
           message = err.response.statusText;
         } else {
-          message = 'Unable to connect to server.';
+          message = "Unable to connect to server.";
         }
-        context.commit('setLoginError', message);
+        context.commit("setLoginError", message);
       }
     },
     connectionError(context) {
-      context.commit('setConnectionError');
+      context.commit("setConnectionError");
     },
     async logout(context) {
-      context.commit('setLogout');
+      context.commit("setLogout");
     },
     clear(context) {
-      context.commit('clearState');
+      context.commit("clearState");
     },
     darkMode(context, val) {
-      context.commit('setDarkMode', val);
+      context.commit("setDarkMode", val);
     },
     chatWidget(context, val) {
-      context.commit('setChatWidget', val);
+      context.commit("setChatWidget", val);
     },
     hideStaleAgents(context, val) {
-      context.commit('setHideStaleAgents', val);
+      context.commit("setHideStaleAgents", val);
     },
     hideArchivedAgents(context, val) {
-      context.commit('setHideArchivedAgents', val);
+      context.commit("setHideArchivedAgents", val);
     },
     filterOnlyMyStagers(context, val) {
-      context.commit('setFilterOnlyMyStagers', val);
+      context.commit("setFilterOnlyMyStagers", val);
     },
     agentHeaders(context, val) {
-      context.commit('setAgentHeaders', val);
+      context.commit("setAgentHeaders", val);
     },
   },
   getters: {
diff --git a/src/store/BypassModule.js b/src/store/BypassModule.js
index ec3b26d..d84faa6 100644
--- a/src/store/BypassModule.js
+++ b/src/store/BypassModule.js
@@ -1,4 +1,4 @@
-import * as bypassApi from '@/api/bypass-api';
+import * as bypassApi from "@/api/bypass-api";
 
 export default {
   namespaced: true,
@@ -16,7 +16,7 @@ export default {
   actions: {
     async getBypasses(context) {
       const bypasses = await bypassApi.getBypasses();
-      context.commit('setBypasses', bypasses);
+      context.commit("setBypasses", bypasses);
     },
     async deleteBypass(context, id) {
       await bypassApi.deleteBypass(id);
@@ -24,7 +24,7 @@ export default {
       if (find) {
         const bypasses = context.state.bypasses.slice();
         bypasses.splice(find, 1);
-        context.commit('setBypasses', bypasses);
+        context.commit("setBypasses", bypasses);
       }
     },
   },
diff --git a/src/store/CredentialModule.js b/src/store/CredentialModule.js
index 008a691..b4b622e 100644
--- a/src/store/CredentialModule.js
+++ b/src/store/CredentialModule.js
@@ -1,4 +1,4 @@
-import * as credentialApi from '@/api/credential-api';
+import * as credentialApi from "@/api/credential-api";
 
 export default {
   namespaced: true,
@@ -22,11 +22,11 @@ export default {
   actions: {
     async getCredentials(context) {
       const credentials = await credentialApi.getCredentials();
-      context.commit('setCredentials', credentials);
+      context.commit("setCredentials", credentials);
     },
     async deleteCredential(context, id) {
       await credentialApi.deleteCredential(id);
-      context.commit('removeCredential', id);
+      context.commit("removeCredential", id);
     },
   },
   getters: {
diff --git a/src/store/ListenerModule.js b/src/store/ListenerModule.js
index 42f36ff..da99ef0 100644
--- a/src/store/ListenerModule.js
+++ b/src/store/ListenerModule.js
@@ -1,4 +1,4 @@
-import * as listenerApi from '@/api/listener-api';
+import * as listenerApi from "@/api/listener-api";
 
 export default {
   namespaced: true,
@@ -11,7 +11,7 @@ export default {
      * The status of the listeners request. This can be used to determine if the
      * request is still in progress.
      */
-    status: 'success',
+    status: "success",
     /**
      * Full array of listener template objects
      */
@@ -39,24 +39,24 @@ export default {
   },
   actions: {
     async getListeners(context) {
-      context.commit('setStatus', 'loading');
+      context.commit("setStatus", "loading");
       const listeners = await listenerApi.getListeners();
-      await context.commit('setListeners', listeners);
-      context.commit('setStatus', 'success');
+      await context.commit("setListeners", listeners);
+      context.commit("setStatus", "success");
     },
     async getListenerTemplates(context) {
       const templates = await listenerApi.getListenerTemplates();
-      context.commit('setTemplates', templates);
+      context.commit("setTemplates", templates);
     },
     async killListener(context, id) {
       await listenerApi.killListener(id);
-      context.commit('removeListener', id);
+      context.commit("removeListener", id);
     },
     async addListener(context, listener) {
       const found = context.state.listeners.find((el) => el.id === listener.id);
 
       if (!found) {
-        context.commit('pushListener', listener);
+        context.commit("pushListener", listener);
       }
     },
   },
diff --git a/src/store/MalleableModule.js b/src/store/MalleableModule.js
index 5a91c9b..fc80075 100644
--- a/src/store/MalleableModule.js
+++ b/src/store/MalleableModule.js
@@ -1,4 +1,4 @@
-import * as malleableApi from '@/api/malleable-api';
+import * as malleableApi from "@/api/malleable-api";
 
 export default {
   namespaced: true,
@@ -16,15 +16,17 @@ export default {
   actions: {
     async getMalleableProfiles(context) {
       const profiles = await malleableApi.getMalleableProfiles();
-      context.commit('setMalleableProfiles', profiles);
+      context.commit("setMalleableProfiles", profiles);
     },
     async deleteMalleableProfile(context, name) {
       await malleableApi.deleteMalleableProfile(name);
-      const find = context.state.malleableProfiles.findIndex((p) => p.name === name);
+      const find = context.state.malleableProfiles.findIndex(
+        (p) => p.name === name,
+      );
       if (find) {
         const profiles = context.state.malleableProfiles.slice();
         profiles.splice(find, 1);
-        context.commit('setMalleableProfiles', profiles);
+        context.commit("setMalleableProfiles", profiles);
       }
     },
   },
diff --git a/src/store/ModuleModule.js b/src/store/ModuleModule.js
index 3865575..5b6c0a1 100644
--- a/src/store/ModuleModule.js
+++ b/src/store/ModuleModule.js
@@ -1,4 +1,4 @@
-import * as moduleApi from '@/api/module-api';
+import * as moduleApi from "@/api/module-api";
 
 export default {
   namespaced: true,
@@ -13,9 +13,8 @@ export default {
   actions: {
     async getModules(context) {
       const modules = await moduleApi.getModules();
-      context.commit('setModules', modules);
+      context.commit("setModules", modules);
     },
   },
-  getters: {
-  },
+  getters: {},
 };
diff --git a/src/store/ObfuscationModule.js b/src/store/ObfuscationModule.js
index 0885d4e..95d99fb 100644
--- a/src/store/ObfuscationModule.js
+++ b/src/store/ObfuscationModule.js
@@ -1,4 +1,4 @@
-import * as obfuscationApi from '@/api/obfuscation-api';
+import * as obfuscationApi from "@/api/obfuscation-api";
 
 export default {
   namespaced: true,
@@ -26,17 +26,16 @@ export default {
   actions: {
     async getKeywords(context) {
       const keywords = await obfuscationApi.getKeywords();
-      context.commit('setKeywords', keywords);
+      context.commit("setKeywords", keywords);
     },
     async deleteKeyword(context, id) {
       await obfuscationApi.deleteKeyword(id);
-      context.commit('removeKeyword', id);
+      context.commit("removeKeyword", id);
     },
     async getConfigs(context) {
       const configs = await obfuscationApi.getObfuscationConfigs();
-      context.commit('setConfigs', configs);
+      context.commit("setConfigs", configs);
     },
   },
-  getters: {
-  },
+  getters: {},
 };
diff --git a/src/store/PluginModule.js b/src/store/PluginModule.js
index 0c0eb75..2eac20d 100644
--- a/src/store/PluginModule.js
+++ b/src/store/PluginModule.js
@@ -1,4 +1,4 @@
-import * as pluginApi from '@/api/plugin-api';
+import * as pluginApi from "@/api/plugin-api";
 
 export default {
   namespaced: true,
@@ -16,9 +16,8 @@ export default {
   actions: {
     async getPlugins(context) {
       const plugins = await pluginApi.getPlugins();
-      context.commit('setPlugins', plugins);
+      context.commit("setPlugins", plugins);
     },
   },
-  getters: {
-  },
+  getters: {},
 };
diff --git a/src/store/StagerModule.js b/src/store/StagerModule.js
index c1c7250..2f9fff6 100644
--- a/src/store/StagerModule.js
+++ b/src/store/StagerModule.js
@@ -1,11 +1,11 @@
-import * as stagerApi from '@/api/stager-api';
+import * as stagerApi from "@/api/stager-api";
 
 export default {
   namespaced: true,
   state: {
     stagers: [],
     templates: [],
-    status: 'success',
+    status: "success",
   },
   mutations: {
     setStagers(state, stagers) {
@@ -29,24 +29,24 @@ export default {
   },
   actions: {
     async getStagers(context) {
-      context.commit('setStatus', 'loading');
+      context.commit("setStatus", "loading");
       const stagers = await stagerApi.getStagers();
-      await context.commit('setStagers', stagers);
-      context.commit('setStatus', 'success');
+      await context.commit("setStagers", stagers);
+      context.commit("setStatus", "success");
     },
     async getStagerTemplates(context) {
       const templates = await stagerApi.getStagerTemplates();
-      context.commit('setTemplates', templates);
+      context.commit("setTemplates", templates);
     },
     async deleteStager(context, id) {
       await stagerApi.deleteStager(id);
-      context.commit('removeStager', id);
+      context.commit("removeStager", id);
     },
     async addStager(context, stager) {
       const found = context.state.stagers.find((el) => el.ID === stager.id);
 
       if (!found) {
-        context.commit('pushStager', stager);
+        context.commit("pushStager", stager);
       }
     },
   },
diff --git a/src/store/UserModule.js b/src/store/UserModule.js
index a16747b..dacf96c 100644
--- a/src/store/UserModule.js
+++ b/src/store/UserModule.js
@@ -1,10 +1,10 @@
-import * as userApi from '@/api/user-api';
+import * as userApi from "@/api/user-api";
 
 export default {
   namespaced: true,
   state: {
-    token: '',
-    url: '',
+    token: "",
+    url: "",
     users: [],
   },
   mutations: {
@@ -15,9 +15,8 @@ export default {
   actions: {
     async getUsers(context) {
       const response = await userApi.getUsers();
-      context.commit('setUsers', response);
+      context.commit("setUsers", response);
     },
   },
-  getters: {
-  },
+  getters: {},
 };
diff --git a/src/store/index.js b/src/store/index.js
index b185217..a2a5d01 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,29 +1,26 @@
-import Vue from 'vue';
-import Vuex from 'vuex';
+import Vue from "vue";
+import Vuex from "vuex";
 
-import createPersistedState from 'vuex-persistedstate';
-import { setInstance } from '@/api/axios-instance';
-import UserModule from './UserModule';
-import ListenerModule from './ListenerModule';
-import StagerModule from './StagerModule';
-import AgentModule from './AgentModule';
-import ModuleModule from './ModuleModule';
-import ObfuscationModule from './ObfuscationModule';
-import CredentialModule from './CredentialModule';
-import PluginModule from './PluginModule';
-import ApplicationModule from './ApplicationModule';
-import BypassModule from './BypassModule';
-import MalleableModule from './MalleableModule';
+import createPersistedState from "vuex-persistedstate";
+import { setInstance } from "@/api/axios-instance";
+import UserModule from "./UserModule";
+import ListenerModule from "./ListenerModule";
+import StagerModule from "./StagerModule";
+import AgentModule from "./AgentModule";
+import ModuleModule from "./ModuleModule";
+import ObfuscationModule from "./ObfuscationModule";
+import CredentialModule from "./CredentialModule";
+import PluginModule from "./PluginModule";
+import ApplicationModule from "./ApplicationModule";
+import BypassModule from "./BypassModule";
+import MalleableModule from "./MalleableModule";
 
 Vue.use(Vuex);
 
 export default new Vuex.Store({
-  state: {
-  },
-  mutations: {
-  },
-  actions: {
-  },
+  state: {},
+  mutations: {},
+  actions: {},
   modules: {
     user: UserModule,
     listener: ListenerModule,
@@ -37,10 +34,12 @@ export default new Vuex.Store({
     plugin: PluginModule,
     application: ApplicationModule,
   },
-  plugins: [createPersistedState({
-    paths: ['application'],
-    rehydrated: ({ state }) => {
-      setInstance(state.application.url, state.application.token);
-    },
-  })],
+  plugins: [
+    createPersistedState({
+      paths: ["application"],
+      rehydrated: ({ state }) => {
+        setInstance(state.application.url, state.application.token);
+      },
+    }),
+  ],
 });
diff --git a/src/utils/format-bytes.js b/src/utils/format-bytes.js
index 23b8379..015828f 100644
--- a/src/utils/format-bytes.js
+++ b/src/utils/format-bytes.js
@@ -1,9 +1,9 @@
 // https://gist.github.com/zentala/1e6f72438796d74531803cc3833c039c
 export default function formatBytes(bytes, decimals) {
-  if (bytes === 0) return '0 Bytes';
+  if (bytes === 0) return "0 Bytes";
   const k = 1024;
   const dm = decimals || 2;
-  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+  const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
   const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return `${parseFloat((bytes / (k ** i)).toFixed(dm))} ${sizes[i]}`;
+  return `${parseFloat((bytes / k ** i).toFixed(dm))} ${sizes[i]}`;
 }
diff --git a/src/views/About.vue b/src/views/About.vue
index dfecc4d..aac28ff 100644
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -1,34 +1,37 @@
 <template>
   <div>
-    <list-page-top
-      :breads="breads"
-    />
+    <list-page-top :breads="breads" />
     <div class="about">
       <img
         alt="Starkiller"
         width="200px"
-        style="padding-bottom: 20px;"
+        style="padding-bottom: 20px"
         src="../assets/icon.png"
-      >
-      <span>Starkiller is developed by
+      />
+      <span
+        >Starkiller is developed by
         <a
           href="https://bc-security.org/blog"
           target="_blank"
           rel="noopener noreferrer"
-        >BC Security</a>.</span>
-      <span>If you would like to contribute please visit our
+          >BC Security</a
+        >.</span
+      >
+      <span
+        >If you would like to contribute please visit our
         <a
           href="https://github.com/BC-SECURITY/Starkiller"
           target="_blank"
           rel="noopener noreferrer"
-        >GitHub</a>.
+          >GitHub</a
+        >.
       </span>
     </div>
   </div>
 </template>
 
 <script>
-import ListPageTop from '@/components/ListPageTop.vue';
+import ListPageTop from "@/components/ListPageTop.vue";
 
 export default {
   components: { ListPageTop },
@@ -36,15 +39,14 @@ export default {
     return {
       breads: [
         {
-          text: 'About',
+          text: "About",
           disabled: true,
-          href: '/about',
+          href: "/about",
         },
       ],
     };
   },
-  methods: {
-  },
+  methods: {},
 };
 </script>
 
diff --git a/src/views/AgentEdit.vue b/src/views/AgentEdit.vue
index 3da65ab..e349059 100644
--- a/src/views/AgentEdit.vue
+++ b/src/views/AgentEdit.vue
@@ -1,98 +1,50 @@
 <template>
   <div>
     <div>
-      <portal
-        to="app-bar-extension"
-      >
-        <div style="display: flex; flex-direction: row; width:100%">
-          <v-tabs
-            v-model="tab"
-            align-with-title
-          >
-            <v-tab
-              key="interact"
-              href="#interact"
-            >
+      <portal to="app-bar-extension">
+        <div style="display: flex; flex-direction: row; width: 100%">
+          <v-tabs v-model="tab" align-with-title>
+            <v-tab key="interact" href="#interact">
               Interact
-              <v-icon x-small class="ml-1">
-                fa-arrow-pointer
-              </v-icon>
+              <v-icon x-small class="ml-1"> fa-arrow-pointer </v-icon>
             </v-tab>
-            <v-tab
-              key="file-browser"
-              href="#file-browser"
-            >
+            <v-tab key="file-browser" href="#file-browser">
               File Browser
-              <v-icon x-small class="ml-1">
-                fa-folder-open
-              </v-icon>
+              <v-icon x-small class="ml-1"> fa-folder-open </v-icon>
             </v-tab>
-            <v-tab
-              key="tasks"
-              href="#tasks"
-            >
+            <v-tab key="tasks" href="#tasks">
               Tasks
-              <v-icon x-small class="ml-1">
-                fa-sticky-note
-              </v-icon>
+              <v-icon x-small class="ml-1"> fa-sticky-note </v-icon>
             </v-tab>
-            <v-tab
-              key="view"
-              href="#view"
-            >
+            <v-tab key="view" href="#view">
               View
-              <v-icon x-small class="ml-1">
-                fa-eye
-              </v-icon>
+              <v-icon x-small class="ml-1"> fa-eye </v-icon>
             </v-tab>
           </v-tabs>
-          <div style="display: flex; flex-direction: row;">
+          <div style="display: flex; flex-direction: row">
             <!-- Keeping infra in place to add the split pane back -->
-            <v-btn
-              v-if="false"
-              icon
-              @click="toggleCollapsePane()"
-            >
-              <v-icon v-if="paneSize > 95">
-                fa-chevron-left
-              </v-icon>
-              <v-icon v-else>
-                fa-chevron-right
-              </v-icon>
+            <v-btn v-if="false" icon @click="toggleCollapsePane()">
+              <v-icon v-if="paneSize > 95"> fa-chevron-left </v-icon>
+              <v-icon v-else> fa-chevron-right </v-icon>
             </v-btn>
           </div>
         </div>
       </portal>
-      <portal
-        to="app-bar"
-      >
-        <div
-          class="v-toolbar__content"
-          style="width:100%"
-        >
+      <portal to="app-bar">
+        <div class="v-toolbar__content" style="width: 100%">
           <v-breadcrumbs :items="breads" />
-          <v-tooltip
-            v-if="agent.high_integrity"
-            bottom
-          >
+          <v-tooltip v-if="agent.high_integrity" bottom>
             <template #activator="{ on }">
-              <v-icon
-                small
-                v-on="on"
-              >
-                fa-user-cog
-              </v-icon>
+              <v-icon small v-on="on"> fa-user-cog </v-icon>
             </template>
             <span>Elevated Process</span>
           </v-tooltip>
-          <v-chip v-if="initialized && archived">
-            Archived
-          </v-chip>
+          <v-chip v-if="initialized && archived"> Archived </v-chip>
           <v-spacer />
           <div
             v-if="!errorState"
             class="pt-2"
-            style="display: flex; flex-direction: row; align-items: center;"
+            style="display: flex; flex-direction: row; align-items: center"
           >
             <agent-script-import-dialog
               v-model="scriptImportDialog"
@@ -163,71 +115,51 @@
         :resource-id="id"
         resource-type="agent"
       />
-      <div
-        v-if="!errorState"
-        :style="splitPaneHeight()"
-      >
-        <splitpanes
-          :disabled="true"
-          @resize="paneSize = $event[0].size"
-        >
-          <pane
-            min-size="30"
-            :size="paneSize"
-          >
-            <v-tabs-items
-              v-model="tab"
-              class="scrollable-pane"
-            >
+      <div v-if="!errorState" :style="splitPaneHeight()">
+        <splitpanes :disabled="true" @resize="paneSize = $event[0].size">
+          <pane min-size="30" :size="paneSize">
+            <v-tabs-items v-model="tab" class="scrollable-pane">
               <v-tab-item
                 key="interact"
                 :value="'interact'"
                 :transition="false"
                 :reverse-transition="false"
               >
-                <v-card
-                  v-if="initialized && !archived"
-                  flat
-                >
-                  <v-tabs
-                    v-model="interactTab"
-                    :height="30"
-                    align-with-title
-                  >
+                <v-card v-if="initialized && !archived" flat>
+                  <v-tabs v-model="interactTab" :height="30" align-with-title>
                     <v-tab key="form" href="#form">
                       Form
-                      <v-icon x-small class="ml-1">
-                        fa-list-check
-                      </v-icon>
+                      <v-icon x-small class="ml-1"> fa-list-check </v-icon>
                     </v-tab>
                     <v-tab key="terminal" href="#terminal">
                       Terminal (Beta)
-                      <v-icon x-small class="ml-1">
-                        fa-terminal
-                      </v-icon>
+                      <v-icon x-small class="ml-1"> fa-terminal </v-icon>
                     </v-tab>
                   </v-tabs>
                   <v-tabs-items v-model="interactTab">
-                    <v-tab-item key="form" :value="'form'" :transition="false" :reverse-transition="false">
+                    <v-tab-item
+                      key="form"
+                      :value="'form'"
+                      :transition="false"
+                      :reverse-transition="false"
+                    >
                       <agent-interact :agent="agent" />
                       <v-divider />
-                      <h4 class="pl-4 pt-2">
-                        Execute Module
-                      </h4>
+                      <h4 class="pl-4 pt-2">Execute Module</h4>
                       <agent-execute-module :agents="[agent.session_id]" />
                     </v-tab-item>
-                    <v-tab-item key="terminal" style="height: 75vh" :value="'terminal'" :transition="false" :reverse-transition="false">
-                      <agent-terminal
-                        class="mt-2"
-                        :agent="agent"
-                      />
+                    <v-tab-item
+                      key="terminal"
+                      style="height: 75vh"
+                      :value="'terminal'"
+                      :transition="false"
+                      :reverse-transition="false"
+                    >
+                      <agent-terminal class="mt-2" :agent="agent" />
                     </v-tab-item>
                   </v-tabs-items>
                 </v-card>
-                <v-card
-                  v-else-if="initialized && archived"
-                  flat
-                >
+                <v-card v-else-if="initialized && archived" flat>
                   <v-card-text>
                     <v-alert
                       type="error"
@@ -296,26 +228,26 @@
 </template>
 
 <script>
-import AgentForm from '@/components/agents/AgentForm.vue';
-import AgentInteract from '@/components/agents/AgentInteract.vue';
-import AgentTasksList from '@/components/agents/AgentTasksList.vue';
-import AgentExecuteModule from '@/components/agents/AgentExecuteModule.vue';
-import AgentFileBrowser from '@/components/agents/AgentFileBrowser.vue';
-import AgentTerminal from '@/components/agents/AgentTerminal.vue';
-import AgentUploadDialog from '@/components/agents/AgentUploadDialog.vue';
-import AgentScriptImportDialog from '@/components/agents/AgentScriptImportDialog.vue';
-import AgentDownloadDialog from '@/components/agents/AgentDownloadDialog.vue';
-import TooltipButton from '@/components/TooltipButton.vue';
-import TooltipButtonToggle from '@/components/TooltipButtonToggle.vue';
-import ErrorStateAlert from '@/components/ErrorStateAlert.vue';
-import { Pane, Splitpanes } from 'splitpanes';
-import * as agentApi from '@/api/agent-api';
-import * as agentTaskApi from '@/api/agent-task-api';
+import AgentForm from "@/components/agents/AgentForm.vue";
+import AgentInteract from "@/components/agents/AgentInteract.vue";
+import AgentTasksList from "@/components/agents/AgentTasksList.vue";
+import AgentExecuteModule from "@/components/agents/AgentExecuteModule.vue";
+import AgentFileBrowser from "@/components/agents/AgentFileBrowser.vue";
+import AgentTerminal from "@/components/agents/AgentTerminal.vue";
+import AgentUploadDialog from "@/components/agents/AgentUploadDialog.vue";
+import AgentScriptImportDialog from "@/components/agents/AgentScriptImportDialog.vue";
+import AgentDownloadDialog from "@/components/agents/AgentDownloadDialog.vue";
+import TooltipButton from "@/components/TooltipButton.vue";
+import TooltipButtonToggle from "@/components/TooltipButtonToggle.vue";
+import ErrorStateAlert from "@/components/ErrorStateAlert.vue";
+import { Pane, Splitpanes } from "splitpanes";
+import * as agentApi from "@/api/agent-api";
+import * as agentTaskApi from "@/api/agent-task-api";
 
-import 'splitpanes/dist/splitpanes.css';
+import "splitpanes/dist/splitpanes.css";
 
 export default {
-  name: 'AgentEdit',
+  name: "AgentEdit",
   components: {
     AgentForm,
     AgentInteract,
@@ -347,24 +279,24 @@ export default {
       errorState: false,
       paneSize: 100,
       rightPaneInitialized: false,
-      pathToFile: '',
+      pathToFile: "",
       isRefreshTasks: true,
-      interactTab: 'form',
+      interactTab: "form",
     };
   },
   computed: {
     breads() {
       return [
         {
-          text: 'Agents',
+          text: "Agents",
           disabled: this.isChild,
-          to: '/agents',
+          to: "/agents",
           exact: true,
         },
         {
           text: this.breadcrumbName,
           disabled: true,
-          to: '/agent-edit',
+          to: "/agent-edit",
         },
       ];
     },
@@ -389,7 +321,7 @@ export default {
         this.$router.replace({ query: { ...this.$route.query, tab } });
       },
       get() {
-        return this.$route.query.tab || 'interact';
+        return this.$route.query.tab || "interact";
       },
     },
   },
@@ -409,7 +341,7 @@ export default {
     },
     uploadDialog(val) {
       if (!val) {
-        this.pathToFile = '';
+        this.pathToFile = "";
       }
     },
   },
@@ -427,14 +359,19 @@ export default {
     splitPaneHeight() {
       /* Not the prettiest thing, but seems to cover most window sizes to avoid page scroll.
      That's 96vh - height of top bar (104) - height of footer (36px) */
-      return `height: calc(96vh - 104px ${this.isChild ? '' : '- 36px'})`;
+      return `height: calc(96vh - 104px ${this.isChild ? "" : "- 36px"})`;
     },
     popout() {
-      window.open(`${window.location.href}/?hideSideBar=true`, 'popup', 'width=600,height=600');
-      this.$router.push({ name: 'agents' });
+      window.open(
+        `${window.location.href}/?hideSideBar=true`,
+        "popup",
+        "width=600,height=600",
+      );
+      this.$router.push({ name: "agents" });
     },
     getAgent(id) {
-      agentApi.getAgent(id)
+      agentApi
+        .getAgent(id)
         .then((data) => {
           this.agent = data;
         })
@@ -448,7 +385,9 @@ export default {
       this.scriptImportLoading = true;
       try {
         await agentTaskApi.scriptImport(this.agent.session_id, file);
-        this.$snack.success(`Tasked agent ${this.agent.name} to import script ${file.filename}`);
+        this.$snack.success(
+          `Tasked agent ${this.agent.name} to import script ${file.filename}`,
+        );
       } catch (err) {
         this.$snack.error(`Error: ${err}`);
       }
@@ -456,25 +395,47 @@ export default {
       this.scriptImportDialog = false;
     },
     async killAgent() {
-      if (await this.$root.$confirm('Kill Agent', `Do you want to kill agent ${this.agent.name}?`, { color: 'red' })) {
-        this.$store.dispatch('agent/killAgent', { sessionId: this.agent.session_id });
-        this.$snack.success(`Agent ${this.agent.name} tasked to run TASK_EXIT.`);
-        this.$router.push({ name: 'agents' });
+      if (
+        await this.$root.$confirm(
+          "Kill Agent",
+          `Do you want to kill agent ${this.agent.name}?`,
+          { color: "red" },
+        )
+      ) {
+        this.$store.dispatch("agent/killAgent", {
+          sessionId: this.agent.session_id,
+        });
+        this.$snack.success(
+          `Agent ${this.agent.name} tasked to run TASK_EXIT.`,
+        );
+        this.$router.push({ name: "agents" });
       }
     },
     async clearQueue() {
-      const queuedTasks = await agentTaskApi.getTasks(this.agent.session_id, { limit: -1, page: 1, status: 'queued' });
+      const queuedTasks = await agentTaskApi.getTasks(this.agent.session_id, {
+        limit: -1,
+        page: 1,
+        status: "queued",
+      });
       const queuedIds = queuedTasks.records.map((el) => el.id);
       if (queuedIds.length === 0) {
-        this.$snack.info('No queued tasks to clear.');
+        this.$snack.info("No queued tasks to clear.");
         return;
       }
-      if (await this.$root.$confirm('', `Do you want to clear ${queuedIds.length} queued tasks?`, { color: 'red' })) {
-        this.$store.dispatch('agent/clearQueue', {
+      if (
+        await this.$root.$confirm(
+          "",
+          `Do you want to clear ${queuedIds.length} queued tasks?`,
+          { color: "red" },
+        )
+      ) {
+        this.$store.dispatch("agent/clearQueue", {
           name: this.agent.session_id,
           tasks: queuedIds,
         });
-        this.$snack.success(`Clearing queued tasks for Agent ${this.agent.session_id}.`);
+        this.$snack.success(
+          `Clearing queued tasks for Agent ${this.agent.session_id}.`,
+        );
       }
     },
     openUploadDialogPrefilled({ pathToFile }) {
@@ -482,12 +443,20 @@ export default {
       this.pathToFile = pathToFile;
     },
     async doUpload({ file, pathToFile }) {
-      if (this.uploadLoading || file == null || pathToFile == null || pathToFile.length < 1) return;
+      if (
+        this.uploadLoading ||
+        file == null ||
+        pathToFile == null ||
+        pathToFile.length < 1
+      )
+        return;
 
       this.uploadLoading = true;
       try {
         await agentTaskApi.uploadFile(this.agent.session_id, file, pathToFile);
-        this.$snack.success(`Tasked agent ${this.agent.name} to upload file to ${pathToFile}`);
+        this.$snack.success(
+          `Tasked agent ${this.agent.name} to upload file to ${pathToFile}`,
+        );
       } catch (err) {
         this.$snack.error(`Error: ${err}`);
       }
@@ -496,12 +465,15 @@ export default {
       this.uploadDialog = false;
     },
     async doDownload({ pathToFile }) {
-      if (this.downloadLoading || pathToFile == null || pathToFile.length < 1) return;
+      if (this.downloadLoading || pathToFile == null || pathToFile.length < 1)
+        return;
 
       this.downloadLoading = true;
       try {
         await agentTaskApi.downloadFile(this.agent.session_id, pathToFile);
-        this.$snack.success(`Tasked agent ${this.agent.name} to downloaded file ${pathToFile}`);
+        this.$snack.success(
+          `Tasked agent ${this.agent.name} to downloaded file ${pathToFile}`,
+        );
       } catch (err) {
         this.$snack.error(`Error: ${err}`);
       }
@@ -533,50 +505,65 @@ export default {
   background-color: inherit;
 }
 
-  .splitpanes__splitter {
-    background-color: #fff;
-    box-sizing: border-box;
-    position: relative;
-    flex-shrink: 0;
-    &:before, &:after {
-      content: "";
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      background-color: rgba(0, 0, 0, .15);
-      transition: background-color 0.3s;
-    }
-    &:hover:before, &:hover:after {background-color: rgba(0, 0, 0, .25);}
-    &:first-child {cursor: auto;}
+.splitpanes__splitter {
+  background-color: #fff;
+  box-sizing: border-box;
+  position: relative;
+  flex-shrink: 0;
+  &:before,
+  &:after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    background-color: rgba(0, 0, 0, 0.15);
+    transition: background-color 0.3s;
   }
-  .splitpanes .splitpanes .splitpanes__splitter {
-    z-index: 1;
+  &:hover:before,
+  &:hover:after {
+    background-color: rgba(0, 0, 0, 0.25);
   }
-  .splitpanes--vertical > .splitpanes__splitter,
-  .splitpanes--vertical > .splitpanes__splitter {
-    width: 7px;
-    border-left: 1px solid #eee;
-    margin-left: -1px;
-    &:before, &:after {
-      transform: translateY(-50%);
-      width: 1px;
-      height: 30px;
-    }
-    &:before {margin-left: -2px;}
-    &:after {margin-left: 1px;}
+  &:first-child {
+    cursor: auto;
   }
-  .splitpanes--horizontal > .splitpanes__splitter,
-  .splitpanes--horizontal > .splitpanes__splitter {
-    height: 7px;
-    border-top: 1px solid #eee;
-    margin-top: -1px;
-    &:before,
-    &:after {
-      transform: translateX(-50%);
-      width: 30px;
-      height: 1px;
-    }
-    &:before {margin-top: -2px;}
-    &:after {margin-top: 1px;}
+}
+.splitpanes .splitpanes .splitpanes__splitter {
+  z-index: 1;
+}
+.splitpanes--vertical > .splitpanes__splitter,
+.splitpanes--vertical > .splitpanes__splitter {
+  width: 7px;
+  border-left: 1px solid #eee;
+  margin-left: -1px;
+  &:before,
+  &:after {
+    transform: translateY(-50%);
+    width: 1px;
+    height: 30px;
+  }
+  &:before {
+    margin-left: -2px;
   }
+  &:after {
+    margin-left: 1px;
+  }
+}
+.splitpanes--horizontal > .splitpanes__splitter,
+.splitpanes--horizontal > .splitpanes__splitter {
+  height: 7px;
+  border-top: 1px solid #eee;
+  margin-top: -1px;
+  &:before,
+  &:after {
+    transform: translateX(-50%);
+    width: 30px;
+    height: 1px;
+  }
+  &:before {
+    margin-top: -2px;
+  }
+  &:after {
+    margin-top: 1px;
+  }
+}
 </style>
diff --git a/src/views/Agents.vue b/src/views/Agents.vue
index 235c945..f0f488b 100644
--- a/src/views/Agents.vue
+++ b/src/views/Agents.vue
@@ -1,46 +1,27 @@
 <template>
   <div>
-    <portal
-      to="app-bar-extension"
-    >
-      <div style="display: flex; flex-direction: row; width:100%">
-        <v-tabs
-          v-model="tab"
-          align-with-title
-        >
-          <v-tab
-            key="list-view"
-            href="#list-view"
-          >
+    <portal to="app-bar-extension">
+      <div style="display: flex; flex-direction: row; width: 100%">
+        <v-tabs v-model="tab" align-with-title>
+          <v-tab key="list-view" href="#list-view">
             List
-            <v-icon x-small class="ml-1">
-              fa-list
-            </v-icon>
+            <v-icon x-small class="ml-1"> fa-list </v-icon>
           </v-tab>
-          <v-tab
-            key="tasks"
-            href="#tasks"
-          >
+          <v-tab key="tasks" href="#tasks">
             Tasks
-            <v-icon x-small class="ml-1">
-              fa-sticky-note
-            </v-icon>
+            <v-icon x-small class="ml-1"> fa-sticky-note </v-icon>
           </v-tab>
         </v-tabs>
       </div>
     </portal>
-    <v-tabs-items
-      v-model="tab"
-    >
+    <v-tabs-items v-model="tab">
       <v-tab-item
         key="list-view"
         :value="'list-view'"
         :transition="false"
         :reverse-transition="false"
       >
-        <v-card
-          flat
-        >
+        <v-card flat>
           <agents-list :active="tab === 'list-view'" />
         </v-card>
       </v-tab-item>
@@ -50,9 +31,7 @@
         :transition="false"
         :reverse-transition="false"
       >
-        <v-card
-          flat
-        >
+        <v-card flat>
           <agent-tasks-list :active="tab === 'tasks'" />
         </v-card>
       </v-tab-item>
@@ -61,18 +40,17 @@
 </template>
 
 <script>
-import AgentsList from '@/components/agents/AgentsList.vue';
-import AgentTasksList from '@/components/agents/AgentTasksList.vue';
+import AgentsList from "@/components/agents/AgentsList.vue";
+import AgentTasksList from "@/components/agents/AgentTasksList.vue";
 
 export default {
-  name: 'Agents',
+  name: "Agents",
   components: {
     AgentsList,
     AgentTasksList,
   },
   data() {
-    return {
-    };
+    return {};
   },
   computed: {
     // https://jareklipski.medium.com/linking-to-a-specific-tab-in-vuetify-js-d978525f2e1a
@@ -81,7 +59,7 @@ export default {
         this.$router.replace({ query: { ...this.$route.query, tab } });
       },
       get() {
-        return this.$route.query.tab || 'list-view';
+        return this.$route.query.tab || "list-view";
       },
     },
   },
@@ -90,13 +68,12 @@ export default {
 
 <style lang="scss">
 .warning-row {
-  background-color: #FFCCCC;
+  background-color: #ffcccc;
 }
 
-.v-data-table.theme--dark
-  .warning-row {
-    background-color: #bd4c4c;
-  }
+.v-data-table.theme--dark .warning-row {
+  background-color: #bd4c4c;
+}
 
 // Overrides vuetify.css
 // Because we moved the tabs into a div, which made the color funky.
diff --git a/src/views/BypassEdit.vue b/src/views/BypassEdit.vue
index cbf26fe..6fe6aad 100644
--- a/src/views/BypassEdit.vue
+++ b/src/views/BypassEdit.vue
@@ -21,15 +21,8 @@
       :resource-id="id"
       resource-type="bypass"
     />
-    <v-card
-      v-else
-      style="padding: 10px"
-    >
-      <v-form
-        ref="form"
-        v-model="valid"
-        @submit.prevent.native="submit"
-      >
+    <v-card v-else style="padding: 10px">
+      <v-form ref="form" v-model="valid" @submit.prevent.native="submit">
         <v-text-field
           v-model="form.name"
           :rules="rules['name']"
@@ -62,13 +55,13 @@
 </template>
 
 <script>
-import Vue from 'vue';
-import ErrorStateAlert from '@/components/ErrorStateAlert.vue';
-import EditPageTop from '@/components/EditPageTop.vue';
-import * as bypassApi from '@/api/bypass-api';
+import Vue from "vue";
+import ErrorStateAlert from "@/components/ErrorStateAlert.vue";
+import EditPageTop from "@/components/EditPageTop.vue";
+import * as bypassApi from "@/api/bypass-api";
 
 export default {
-  name: 'BypassEdit',
+  name: "BypassEdit",
   components: {
     ErrorStateAlert,
     EditPageTop,
@@ -78,16 +71,17 @@ export default {
       form: {},
       rules: {
         name: [
-          (v) => !!v || 'Name is required',
-          (v) => (!!v && v.length > 2) || 'Name must be larger than 2 characters',
+          (v) => !!v || "Name is required",
+          (v) =>
+            (!!v && v.length > 2) || "Name must be larger than 2 characters",
         ],
         language: [
-          (v) => !!v || 'Language is required',
-          (v) => (!!v && v.length > 2) || 'Language must be larger than 2 characters',
-        ],
-        code: [
-          (v) => !!v || 'Code is required',
+          (v) => !!v || "Language is required",
+          (v) =>
+            (!!v && v.length > 2) ||
+            "Language must be larger than 2 characters",
         ],
+        code: [(v) => !!v || "Code is required"],
       },
       bypass: {},
       valid: true,
@@ -97,15 +91,15 @@ export default {
   },
   computed: {
     isNew() {
-      return this.$route.name === 'bypassNew';
+      return this.$route.name === "bypassNew";
     },
     isCopy() {
       return this.$route.params.copy === true;
     },
     mode() {
-      if (this.isCopy) return 'Copy';
-      if (this.isNew) return 'New';
-      return 'View';
+      if (this.isCopy) return "Copy";
+      if (this.isNew) return "New";
+      return "View";
     },
     canEdit() {
       return true;
@@ -114,29 +108,30 @@ export default {
       return this.isCopy ? 0 : this.$route.params.id;
     },
     copyLink() {
-      if (this.id > 0) return { name: 'bypassNew', params: { copy: true, id: this.id } };
+      if (this.id > 0)
+        return { name: "bypassNew", params: { copy: true, id: this.id } };
       return {};
     },
     breads() {
       return [
         {
-          text: 'Bypasses',
+          text: "Bypasses",
           disabled: false,
-          to: '/bypasses',
+          to: "/bypasses",
           exact: true,
         },
         {
           text: this.breadcrumbName,
           disabled: true,
-          to: '/bypasses-edit',
+          to: "/bypasses-edit",
         },
       ];
     },
     breadcrumbName() {
-      if (this.isCopy) return 'New';
+      if (this.isCopy) return "New";
       if (this.form.name) return this.form.name;
       if (this.id) return this.id;
-      return 'New';
+      return "New";
     },
   },
   watch: {
@@ -163,9 +158,15 @@ export default {
 
       this.loading = true;
       if (this.id > 0) {
-        bypassApi.updateBypass(this.form.id, this.form.name, this.form.code, this.form.language)
+        bypassApi
+          .updateBypass(
+            this.form.id,
+            this.form.name,
+            this.form.code,
+            this.form.language,
+          )
           .then(() => {
-            this.$snack.success('Bypass updated');
+            this.$snack.success("Bypass updated");
             this.loading = false;
           })
           .catch((err) => {
@@ -173,11 +174,12 @@ export default {
             this.loading = false;
           });
       } else {
-        bypassApi.createBypass(this.form.name, this.form.code, this.form.language)
+        bypassApi
+          .createBypass(this.form.name, this.form.code, this.form.language)
           .then(({ id }) => {
-            this.$snack.success('Bypass created');
+            this.$snack.success("Bypass created");
             this.loading = false;
-            this.$router.push({ name: 'bypassEdit', params: { id } });
+            this.$router.push({ name: "bypassEdit", params: { id } });
           })
           .catch((err) => {
             this.$snack.error(`Error: ${err}`);
@@ -186,21 +188,28 @@ export default {
       }
     },
     async deleteBypass() {
-      if (await this.$root.$confirm('Delete', `Are you sure you want to delete bypass ${this.form.name}?`, { color: 'red' })) {
+      if (
+        await this.$root.$confirm(
+          "Delete",
+          `Are you sure you want to delete bypass ${this.form.name}?`,
+          { color: "red" },
+        )
+      ) {
         try {
-          await this.$store.dispatch('bypass/deleteBypass', this.form.id);
-          this.$router.push({ name: 'bypasses' });
+          await this.$store.dispatch("bypass/deleteBypass", this.form.id);
+          this.$router.push({ name: "bypasses" });
         } catch (err) {
           this.$snack.error(`Error: ${err}`);
         }
       }
     },
     getBypass(id) {
-      bypassApi.getBypass(id)
+      bypassApi
+        .getBypass(id)
         .then((data) => {
           this.bypass = { ...data };
           this.initialLoad = true;
-          Vue.set(this, 'form', { ...data });
+          Vue.set(this, "form", { ...data });
         })
         .catch(() => {
           this.errorState = true;
@@ -210,5 +219,4 @@ export default {
 };
 </script>
 
-<style>
-</style>
+<style></style>
diff --git a/src/views/Bypasses.vue b/src/views/Bypasses.vue
index 65d72cd..0a1b2a7 100644
--- a/src/views/Bypasses.vue
+++ b/src/views/Bypasses.vue
@@ -25,7 +25,7 @@
     >
       <template #item.name="{ item }">
         <router-link
-          style="color: inherit;"
+          style="color: inherit"
           :to="{ name: 'bypassEdit', params: { id: item.id } }"
         >
           {{ item.name }}
@@ -37,24 +37,15 @@
       <template #item.actions="{ item }">
         <v-menu offset-y>
           <template #activator="{ on, attrs }">
-            <v-btn
-              text
-              icon
-              x-small
-              v-bind="attrs"
-              v-on="on"
-            >
+            <v-btn text icon x-small v-bind="attrs" v-on="on">
               <v-icon>fa-ellipsis-v</v-icon>
             </v-btn>
           </template>
           <v-list class="ml-2 mr-2">
-            <v-list-item
-              key="view"
-              link
-            >
+            <v-list-item key="view" link>
               <router-link
                 class="text-decoration-none"
-                style="color: inherit;"
+                style="color: inherit"
                 :to="{ name: 'bypassEdit', params: { id: item.id } }"
               >
                 <v-list-item-title>
@@ -74,11 +65,7 @@
               </v-list-item-title>
             </v-list-item>
             <v-divider class="pb-4" />
-            <v-list-item
-              key="delete"
-              link
-              @click="deleteBypass(item)"
-            >
+            <v-list-item key="delete" link @click="deleteBypass(item)">
               <v-list-item-title>
                 <v-icon>fa-trash-alt</v-icon>
                 Delete
@@ -92,13 +79,13 @@
 </template>
 
 <script>
-import moment from 'moment';
-import { mapState } from 'vuex';
-import ListPageTop from '@/components/ListPageTop.vue';
-import DateTimeDisplay from '@/components/DateTimeDisplay.vue';
+import moment from "moment";
+import { mapState } from "vuex";
+import ListPageTop from "@/components/ListPageTop.vue";
+import DateTimeDisplay from "@/components/DateTimeDisplay.vue";
 
 export default {
-  name: 'Bypasses',
+  name: "Bypasses",
   components: {
     DateTimeDisplay,
     ListPageTop,
@@ -107,17 +94,17 @@ export default {
     return {
       breads: [
         {
-          text: 'Bypasses',
+          text: "Bypasses",
           disabled: true,
-          href: '/bypasses',
+          href: "/bypasses",
         },
       ],
       headers: [
-        { text: 'Name', value: 'name' },
-        { text: 'Updated At', value: 'updated_at' },
-        { text: 'Actions', value: 'actions', sortable: false },
+        { text: "Name", value: "name" },
+        { text: "Updated At", value: "updated_at" },
+        { text: "Actions", value: "actions", sortable: false },
       ],
-      sortBy: 'name',
+      sortBy: "name",
       sortDesc: false,
       moment,
       selected: [],
@@ -136,23 +123,35 @@ export default {
   },
   methods: {
     getBypasses() {
-      this.$store.dispatch('bypass/getBypasses');
+      this.$store.dispatch("bypass/getBypasses");
     },
     create() {
-      this.$router.push({ name: 'bypassNew' });
+      this.$router.push({ name: "bypassNew" });
     },
     view(item) {
-      this.$router.push({ name: 'bypassEdit', params: { id: item.id } });
+      this.$router.push({ name: "bypassEdit", params: { id: item.id } });
     },
     async deleteBypass(item) {
-      if (await this.$root.$confirm('Delete', `Are you sure you want to delete bypass ${item.name}?`, { color: 'red' })) {
-        this.$store.dispatch('bypass/deleteBypass', item.id);
+      if (
+        await this.$root.$confirm(
+          "Delete",
+          `Are you sure you want to delete bypass ${item.name}?`,
+          { color: "red" },
+        )
+      ) {
+        this.$store.dispatch("bypass/deleteBypass", item.id);
       }
     },
     async deleteBypasses() {
-      if (await this.$root.$confirm('Delete', `Are you sure you want to delete ${this.selected.length} bypasses?`, { color: 'red' })) {
+      if (
+        await this.$root.$confirm(
+          "Delete",
+          `Are you sure you want to delete ${this.selected.length} bypasses?`,
+          { color: "red" },
+        )
+      ) {
         this.selected.forEach((bypass) => {
-          this.$store.dispatch('bypass/deleteBypass', bypass.id);
+          this.$store.dispatch("bypass/deleteBypass", bypass.id);
         });
       }
     },
@@ -160,5 +159,4 @@ export default {
 };
 </script>
 
-<style>
-</style>
+<style></style>
diff --git a/src/views/CredentialEdit.vue b/src/views/CredentialEdit.vue
index f8e3309..faa1e40 100644
--- a/src/views/CredentialEdit.vue
+++ b/src/views/CredentialEdit.vue
@@ -25,10 +25,7 @@
       :resource-id="id"
       resource-type="credential"
     />
-    <v-card
-      v-else
-      style="padding: 10px"
-    >
+    <v-card v-else style="padding: 10px">
       <general-form
         v-if="reset"
         ref="generalform"
@@ -41,14 +38,14 @@
 </template>
 
 <script>
-import GeneralForm from '@/components/GeneralForm.vue';
-import ErrorStateAlert from '@/components/ErrorStateAlert.vue';
-import EditPageTop from '@/components/EditPageTop.vue';
-import TagViewer from '@/components/TagViewer.vue';
-import * as credentialApi from '@/api/credential-api';
+import GeneralForm from "@/components/GeneralForm.vue";
+import ErrorStateAlert from "@/components/ErrorStateAlert.vue";
+import EditPageTop from "@/components/EditPageTop.vue";
+import TagViewer from "@/components/TagViewer.vue";
+import * as credentialApi from "@/api/credential-api";
 
 export default {
-  name: 'CredentialEdit',
+  name: "CredentialEdit",
   components: {
     TagViewer,
     GeneralForm,
@@ -69,28 +66,28 @@ export default {
     breads() {
       return [
         {
-          text: 'Credentials',
+          text: "Credentials",
           disabled: false,
-          to: '/credentials',
+          to: "/credentials",
           exact: true,
         },
         {
-          text: this.id && !this.isCopy ? `${this.id}` : 'New',
+          text: this.id && !this.isCopy ? `${this.id}` : "New",
           disabled: true,
-          to: '/credential-edit',
+          to: "/credential-edit",
         },
       ];
     },
     isNew() {
-      return this.$route.name === 'credentialNew';
+      return this.$route.name === "credentialNew";
     },
     isCopy() {
       return this.$route.params.copy === true;
     },
     mode() {
-      if (this.isCopy) return 'Copy';
-      if (this.isNew) return 'New';
-      return 'Edit';
+      if (this.isCopy) return "Copy";
+      if (this.isNew) return "New";
+      return "Edit";
     },
     canEdit() {
       // if we want to introduce separate view/edit modes, we can do that here.
@@ -100,7 +97,8 @@ export default {
       return this.isCopy ? 0 : this.$route.params.id;
     },
     copyLink() {
-      if (this.id > 0) return { name: 'credentialNew', params: { copy: true, id: this.id } };
+      if (this.id > 0)
+        return { name: "credentialNew", params: { copy: true, id: this.id } };
       return {};
     },
     options() {
@@ -108,9 +106,7 @@ export default {
         credtype: {
           required: true,
           strict: true,
-          suggested_values: [
-            'plaintext', 'hash',
-          ],
+          suggested_values: ["plaintext", "hash"],
         },
         domain: { required: true },
         username: { required: true },
@@ -121,7 +117,7 @@ export default {
         notes: { required: false },
       };
       Object.keys(this.credential).forEach((field) => {
-        if (field !== 'id' && op[field]) {
+        if (field !== "id" && op[field]) {
           op[field].value = this.credential[field];
         }
       });
@@ -139,23 +135,26 @@ export default {
   },
   methods: {
     deleteTag(tag) {
-      credentialApi.deleteTag(this.credential.id, tag.id)
+      credentialApi
+        .deleteTag(this.credential.id, tag.id)
         .then(() => {
           this.credential.tags = this.credential.tags.filter((t) => t !== tag);
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     updateTag(tag) {
-      credentialApi.updateTag(this.credential.id, tag)
+      credentialApi
+        .updateTag(this.credential.id, tag)
         .then((t) => {
           const index = this.credential.tags.findIndex((x) => x.id === t.id);
           this.credential.tags.splice(index, 1, t);
-          this.$snack.success('Tag updated');
+          this.$snack.success("Tag updated");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     addTag(tag) {
-      credentialApi.addTag(this.credential.id, tag)
+      credentialApi
+        .addTag(this.credential.id, tag)
         .then((t) => {
           this.credential.tags.push(t);
         })
@@ -168,7 +167,8 @@ export default {
 
       this.loading = true;
       if (this.id > 0) {
-        credentialApi.updateCredential(this.id, this.form)
+        credentialApi
+          .updateCredential(this.id, this.form)
           .then(() => {
             this.loading = false;
           })
@@ -177,10 +177,11 @@ export default {
             this.loading = false;
           });
       } else {
-        credentialApi.createCredential(this.form)
+        credentialApi
+          .createCredential(this.form)
           .then(({ id }) => {
             this.loading = false;
-            this.$router.push({ name: 'credentialEdit', params: { id } });
+            this.$router.push({ name: "credentialEdit", params: { id } });
           })
           .catch((err) => {
             this.$snack.error(`Error: ${err}`);
@@ -190,23 +191,32 @@ export default {
       this.loading = false;
     },
     async deleteCredential() {
-      if (await this.$root.$confirm('Delete', `Are you sure you want to delete credential ${this.id}?`, { color: 'red' })) {
+      if (
+        await this.$root.$confirm(
+          "Delete",
+          `Are you sure you want to delete credential ${this.id}?`,
+          { color: "red" },
+        )
+      ) {
         try {
-          this.$store.dispatch('credential/deleteCredential', this.id);
-          this.$router.push({ name: 'credentials' });
+          this.$store.dispatch("credential/deleteCredential", this.id);
+          this.$router.push({ name: "credentials" });
         } catch (err) {
           this.$snack.error(`Error: ${err}`);
         }
       }
     },
     getCredential(id) {
-      credentialApi.getCredential(id)
+      credentialApi
+        .getCredential(id)
         .then((data) => {
           this.reset = false;
 
           this.credential = data;
           this.initialLoad = true;
-          setTimeout(() => { this.reset = true; }, 500);
+          setTimeout(() => {
+            this.reset = true;
+          }, 500);
         })
         .catch(() => {
           this.errorState = true;
@@ -216,6 +226,4 @@ export default {
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/Credentials.vue b/src/views/Credentials.vue
index f5c42f0..be34ae5 100644
--- a/src/views/Credentials.vue
+++ b/src/views/Credentials.vue
@@ -10,17 +10,14 @@
       @refresh="getCredentials"
       @delete="deleteCredentials"
     />
-    <div style="display: flex; flex-direction: row; flex-wrap: wrap;">
+    <div style="display: flex; flex-direction: row; flex-wrap: wrap">
       <v-card
         class="mr-2 pa-2"
         elevation="2"
         outlined
         style="flex-basis: 250px"
       >
-        <v-expansion-panels
-          class="mb-6"
-          multiple
-        >
+        <v-expansion-panels class="mb-6" multiple>
           <expansion-panel-search
             v-model="search"
             title="Search"
@@ -37,11 +34,7 @@
           />
         </v-expansion-panels>
       </v-card>
-      <v-card
-        style="flex: 1; min-width: 0;"
-        elevation="2"
-        outlined
-      >
+      <v-card style="flex: 1; min-width: 0" elevation="2" outlined>
         <v-data-table
           v-model="selected"
           :loading="loading"
@@ -53,26 +46,20 @@
         >
           <template #item.id="{ item }">
             <router-link
-              style="color: inherit;"
+              style="color: inherit"
               :to="{ name: 'credentialEdit', params: { id: item.id } }"
             >
               {{ item.id }}
             </router-link>
           </template>
           <template #item.username="{ item }">
-            <div
-              class="point"
-              @click="copyToClipboard(item.username)"
-            >
+            <div class="point" @click="copyToClipboard(item.username)">
               {{ item.username }}
               <i class="fa fa-paperclip center-icon" />
             </div>
           </template>
           <template #item.password="{ item }">
-            <div
-              class="point"
-              @click="copyToClipboard(item.password)"
-            >
+            <div class="point" @click="copyToClipboard(item.password)">
               {{ item.password }}
               <i class="fa fa-paperclip center-icon" />
             </div>
@@ -88,24 +75,15 @@
           <template #item.actions="{ item }">
             <v-menu offset-y>
               <template #activator="{ on, attrs }">
-                <v-btn
-                  text
-                  icon
-                  x-small
-                  v-bind="attrs"
-                  v-on="on"
-                >
+                <v-btn text icon x-small v-bind="attrs" v-on="on">
                   <v-icon>fa-ellipsis-v</v-icon>
                 </v-btn>
               </template>
               <v-list class="ml-2 mr-2">
-                <v-list-item
-                  key="edit"
-                  link
-                >
+                <v-list-item key="edit" link>
                   <router-link
                     class="text-decoration-none"
-                    style="color: inherit;"
+                    style="color: inherit"
                     :to="{ name: 'credentialEdit', params: { id: item.id } }"
                   >
                     <v-list-item-title>
@@ -114,14 +92,14 @@
                     </v-list-item-title>
                   </router-link>
                 </v-list-item>
-                <v-list-item
-                  key="copy"
-                  link
-                >
+                <v-list-item key="copy" link>
                   <router-link
                     class="text-decoration-none"
-                    style="color: inherit;"
-                    :to="{ name: 'credentialNew', params: { copy: true, id: item.id } }"
+                    style="color: inherit"
+                    :to="{
+                      name: 'credentialNew',
+                      params: { copy: true, id: item.id },
+                    }"
                   >
                     <v-list-item-title>
                       <v-icon>fa-clone</v-icon>
@@ -130,11 +108,7 @@
                   </router-link>
                 </v-list-item>
                 <v-divider class="pb-4" />
-                <v-list-item
-                  key="delete"
-                  link
-                  @click="deleteCredential(item)"
-                >
+                <v-list-item key="delete" link @click="deleteCredential(item)">
                   <v-list-item-title>
                     <v-icon>fa-trash-alt</v-icon>
                     Delete
@@ -150,16 +124,16 @@
 </template>
 
 <script>
-import debounce from 'lodash.debounce';
-import ListPageTop from '@/components/ListPageTop.vue';
-import TagViewer from '@/components/TagViewer.vue';
-import ExpansionPanelSearch from '@/components/tables/ExpansionPanelSearch.vue';
-import ExpansionPanelFilter from '@/components/tables/ExpansionPanelFilter.vue';
-import * as tagApi from '@/api/tag-api';
-import * as credentialApi from '@/api/credential-api';
+import debounce from "lodash.debounce";
+import ListPageTop from "@/components/ListPageTop.vue";
+import TagViewer from "@/components/TagViewer.vue";
+import ExpansionPanelSearch from "@/components/tables/ExpansionPanelSearch.vue";
+import ExpansionPanelFilter from "@/components/tables/ExpansionPanelFilter.vue";
+import * as tagApi from "@/api/tag-api";
+import * as credentialApi from "@/api/credential-api";
 
 export default {
-  name: 'Credentials',
+  name: "Credentials",
   components: {
     ExpansionPanelFilter,
     ExpansionPanelSearch,
@@ -170,26 +144,26 @@ export default {
     return {
       breads: [
         {
-          text: 'Credentials',
+          text: "Credentials",
           disabled: true,
-          href: '/credentials',
+          href: "/credentials",
         },
       ],
       headers: [
-        { text: 'id', value: 'id' },
-        { text: 'CredType', value: 'credtype' },
-        { text: 'Username', value: 'username' },
-        { text: 'Password', value: 'password' },
-        { text: 'Domain', value: 'domain' },
-        { text: 'Host', value: 'host' },
-        { text: 'Tags', value: 'tags', width: 300 },
-        { text: 'Actions', value: 'actions', sortable: false },
+        { text: "id", value: "id" },
+        { text: "CredType", value: "credtype" },
+        { text: "Username", value: "username" },
+        { text: "Password", value: "password" },
+        { text: "Domain", value: "domain" },
+        { text: "Host", value: "host" },
+        { text: "Tags", value: "tags", width: 300 },
+        { text: "Actions", value: "actions", sortable: false },
       ],
       selected: [],
       selectedTags: [],
       tags: [],
       credentials: [],
-      search: '',
+      search: "",
       debouncedGetCredentials: debounce(this.getCredentials, 500),
       loading: false,
     };
@@ -213,11 +187,17 @@ export default {
   },
   methods: {
     async getTags() {
-      const tags = await tagApi.getTags({ page: 1, limit: -1, sources: 'credential' });
+      const tags = await tagApi.getTags({
+        page: 1,
+        limit: -1,
+        sources: "credential",
+      });
 
       const dedupedTags = [];
       tags.records.forEach((tag) => {
-        const existingTag = dedupedTags.find((t) => t.name === tag.name && t.value === tag.value);
+        const existingTag = dedupedTags.find(
+          (t) => t.name === tag.name && t.value === tag.value,
+        );
         if (!existingTag) {
           dedupedTags.push(tag);
         }
@@ -226,7 +206,8 @@ export default {
       this.tags = dedupedTags;
     },
     deleteTag(credential, tag) {
-      credentialApi.deleteTag(credential.id, tag.id)
+      credentialApi
+        .deleteTag(credential.id, tag.id)
         .then(() => {
           credential.tags = credential.tags.filter((t) => t.id !== tag.id);
           this.getTags();
@@ -234,17 +215,19 @@ export default {
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     updateTag(credential, tag) {
-      credentialApi.updateTag(credential.id, tag)
+      credentialApi
+        .updateTag(credential.id, tag)
         .then((t) => {
           const index = credential.tags.findIndex((x) => x.id === t.id);
           credential.tags.splice(index, 1, t);
           this.getTags();
-          this.$snack.success('Tag updated');
+          this.$snack.success("Tag updated");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     addTag(credential, tag) {
-      credentialApi.addTag(credential.id, tag)
+      credentialApi
+        .addTag(credential.id, tag)
         .then((t) => {
           credential.tags.push(t);
           this.getTags();
@@ -254,32 +237,49 @@ export default {
     async getCredentials() {
       this.loading = true;
       try {
-        this.credentials = await credentialApi.getCredentials({ tags: this.selectedTags, search: this.search });
+        this.credentials = await credentialApi.getCredentials({
+          tags: this.selectedTags,
+          search: this.search,
+        });
       } finally {
         this.loading = false;
       }
     },
     create() {
-      this.$router.push({ name: 'credentialNew' });
+      this.$router.push({ name: "credentialNew" });
     },
     async deleteCredential(item) {
-      if (await this.$root.$confirm('Delete', `Are you sure you want to delete credential ${item.id}?`, { color: 'red' })) {
-        this.$store.dispatch('credential/deleteCredential', item.id);
+      if (
+        await this.$root.$confirm(
+          "Delete",
+          `Are you sure you want to delete credential ${item.id}?`,
+          { color: "red" },
+        )
+      ) {
+        this.$store.dispatch("credential/deleteCredential", item.id);
       }
     },
     async deleteCredentials() {
-      if (await this.$root.$confirm('Delete', `Are you sure you want to delete ${this.selected.length} credentials?`, { color: 'red' })) {
+      if (
+        await this.$root.$confirm(
+          "Delete",
+          `Are you sure you want to delete ${this.selected.length} credentials?`,
+          { color: "red" },
+        )
+      ) {
         this.selected.forEach((credential) => {
-          this.$store.dispatch('credential/deleteCredential', credential.id);
+          this.$store.dispatch("credential/deleteCredential", credential.id);
         });
       }
     },
     async copyToClipboard(val) {
       try {
         await navigator.clipboard.writeText(val);
-        this.$snack.success('Output copied to clipboard');
+        this.$snack.success("Output copied to clipboard");
       } catch (error) {
-        this.$snack.warn('Failed to copy to clipboard. You must be on HTTPS or localhost.');
+        this.$snack.warn(
+          "Failed to copy to clipboard. You must be on HTTPS or localhost.",
+        );
       }
     },
   },
diff --git a/src/views/Downloads.vue b/src/views/Downloads.vue
index a4959ba..c2a2261 100644
--- a/src/views/Downloads.vue
+++ b/src/views/Downloads.vue
@@ -19,20 +19,17 @@
           type="file"
           aria-label="uploader"
           @change="onFileChanged"
-        >
+        />
       </template>
     </list-page-top>
-    <div style="display: flex; flex-direction: row; flex-wrap: wrap;">
+    <div style="display: flex; flex-direction: row; flex-wrap: wrap">
       <v-card
         class="mr-2 pa-2"
         elevation="2"
         outlined
         style="flex-basis: 250px"
       >
-        <v-expansion-panels
-          class="mb-6"
-          multiple
-        >
+        <v-expansion-panels class="mb-6" multiple>
           <expansion-panel-search
             v-model="search"
             title="Search"
@@ -57,11 +54,7 @@
           />
         </v-expansion-panels>
       </v-card>
-      <v-card
-        style="flex: 1; min-width: 0;"
-        elevation="2"
-        outlined
-      >
+      <v-card style="flex: 1; min-width: 0" elevation="2" outlined>
         <v-pagination
           v-model="currentPage"
           :length="totalPages"
@@ -101,22 +94,13 @@
           <template #item.actions="{ item }">
             <v-menu offset-y>
               <template #activator="{ on, attrs }">
-                <v-btn
-                  text
-                  icon
-                  x-small
-                  v-bind="attrs"
-                  v-on="on"
-                >
+                <v-btn text icon x-small v-bind="attrs" v-on="on">
                   <v-icon>fa-ellipsis-v</v-icon>
                 </v-btn>
               </template>
               <v-list class="ml-2 mr-2">
                 <v-spacer />
-                <v-list-item
-                  link
-                  @click="downloadFile(item)"
-                >
+                <v-list-item link @click="downloadFile(item)">
                   <v-list-item-title>
                     <v-icon>fa-download</v-icon>
                     Download
@@ -132,19 +116,19 @@
 </template>
 
 <script>
-import * as downloadApi from '@/api/download-api';
-import debounce from 'lodash.debounce';
-import moment from 'moment';
-import ListPageTop from '@/components/ListPageTop.vue';
-import TooltipButton from '@/components/TooltipButton.vue';
-import TagViewer from '@/components/TagViewer.vue';
-import ExpansionPanelFilter from '@/components/tables/ExpansionPanelFilter.vue';
-import ExpansionPanelSearch from '@/components/tables/ExpansionPanelSearch.vue';
-import DateTimeDisplay from '@/components/DateTimeDisplay.vue';
-import * as tagApi from '@/api/tag-api';
+import * as downloadApi from "@/api/download-api";
+import debounce from "lodash.debounce";
+import moment from "moment";
+import ListPageTop from "@/components/ListPageTop.vue";
+import TooltipButton from "@/components/TooltipButton.vue";
+import TagViewer from "@/components/TagViewer.vue";
+import ExpansionPanelFilter from "@/components/tables/ExpansionPanelFilter.vue";
+import ExpansionPanelSearch from "@/components/tables/ExpansionPanelSearch.vue";
+import DateTimeDisplay from "@/components/DateTimeDisplay.vue";
+import * as tagApi from "@/api/tag-api";
 
 export default {
-  name: 'Downloads',
+  name: "Downloads",
   components: {
     DateTimeDisplay,
     ExpansionPanelSearch,
@@ -161,46 +145,46 @@ export default {
       totalPages: 1,
       totalItems: 0,
       itemsPerPage: 10,
-      sortBy: 'updated_at',
+      sortBy: "updated_at",
       sortDesc: true,
       loading: false,
-      search: '',
+      search: "",
       breads: [
         {
-          text: 'Downloads',
+          text: "Downloads",
           disabled: true,
-          href: '/downloads',
+          href: "/downloads",
         },
       ],
       headers: [
-        { text: 'Id', value: 'id', sortable: false },
-        { text: 'Filename', value: 'filename', sortable: true },
-        { text: 'Location', value: 'location', sortable: true },
-        { text: 'Size', value: 'size', sortable: true },
-        { text: 'Created At', value: 'created_at', sortable: true },
-        { text: 'Updated At', value: 'updated_at', sortable: true },
-        { text: 'Tags', value: 'tags', sortable: false },
-        { text: 'Actions', value: 'actions', sortable: false },
+        { text: "Id", value: "id", sortable: false },
+        { text: "Filename", value: "filename", sortable: true },
+        { text: "Location", value: "location", sortable: true },
+        { text: "Size", value: "size", sortable: true },
+        { text: "Created At", value: "created_at", sortable: true },
+        { text: "Updated At", value: "updated_at", sortable: true },
+        { text: "Tags", value: "tags", sortable: false },
+        { text: "Actions", value: "actions", sortable: false },
       ],
       isSelecting: false,
       selectedFile: null,
       selectedSources: [],
       sources: [
         {
-          label: 'Upload',
-          value: 'upload',
+          label: "Upload",
+          value: "upload",
         },
         {
-          label: 'Agent Task',
-          value: 'agent_task',
+          label: "Agent Task",
+          value: "agent_task",
         },
         {
-          label: 'Agent File',
-          value: 'agent_file',
+          label: "Agent File",
+          value: "agent_file",
         },
         {
-          label: 'Stager',
-          value: 'stager',
+          label: "Stager",
+          value: "stager",
         },
       ],
       selectedTags: [],
@@ -226,11 +210,17 @@ export default {
   },
   methods: {
     async getTags() {
-      const tags = await tagApi.getTags({ page: 1, limit: -1, sources: 'download' });
+      const tags = await tagApi.getTags({
+        page: 1,
+        limit: -1,
+        sources: "download",
+      });
 
       const dedupedTags = [];
       tags.records.forEach((tag) => {
-        const existingTag = dedupedTags.find((t) => t.name === tag.name && t.value === tag.value);
+        const existingTag = dedupedTags.find(
+          (t) => t.name === tag.name && t.value === tag.value,
+        );
         if (!existingTag) {
           dedupedTags.push(tag);
         }
@@ -239,7 +229,8 @@ export default {
       this.tags = dedupedTags;
     },
     deleteTag(download, tag) {
-      downloadApi.deleteTag(download.id, tag.id)
+      downloadApi
+        .deleteTag(download.id, tag.id)
         .then(() => {
           download.tags = download.tags.filter((t) => t.id !== tag.id);
           this.getTags();
@@ -247,17 +238,19 @@ export default {
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     updateTag(download, tag) {
-      downloadApi.updateTag(download.id, tag)
+      downloadApi
+        .updateTag(download.id, tag)
         .then((t) => {
           const index = download.tags.findIndex((x) => x.id === t.id);
           download.tags.splice(index, 1, t);
           this.getTags();
-          this.$snack.success('Tag updated');
+          this.$snack.success("Tag updated");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     addTag(download, tag) {
-      downloadApi.addTag(download.id, tag)
+      downloadApi
+        .addTag(download.id, tag)
         .then((t) => {
           download.tags.push(t);
           this.getTags();
@@ -272,7 +265,7 @@ export default {
         query: this.search,
         sources: this.selectedSources,
         sortBy: this.sortBy,
-        sortOrder: this.sortDesc ? 'desc' : 'asc',
+        sortOrder: this.sortDesc ? "desc" : "asc",
         tags: this.selectedTags,
       });
       this.items = response.records;
@@ -291,9 +284,13 @@ export default {
       this.isSelecting = true;
 
       // After obtaining the focus when closing the FilePicker, return the button state to normal
-      window.addEventListener('focus', () => {
-        this.isSelecting = false;
-      }, { once: true });
+      window.addEventListener(
+        "focus",
+        () => {
+          this.isSelecting = false;
+        },
+        { once: true },
+      );
 
       // Trigger click on the FileInput
       this.$refs.uploader.click();
@@ -302,10 +299,10 @@ export default {
       this.selectedFile = e.target.files[0];
 
       const data = new FormData();
-      data.append('file', this.selectedFile);
+      data.append("file", this.selectedFile);
 
       await downloadApi.createDownload(data);
-      this.$snack.success('Upload complete');
+      this.$snack.success("Upload complete");
       this.debouncedGetDownloads();
     },
     handlePageChange(page) {
@@ -320,24 +317,22 @@ export default {
         this.sortBy = value.sortBy[0];
         this.sortDesc = value.sortDesc[0];
       } else {
-        this.sortBy = 'updated_at';
+        this.sortBy = "updated_at";
         this.sortDesc = true;
       }
       this.debouncedGetDownloads();
     },
     // https://gist.github.com/zentala/1e6f72438796d74531803cc3833c039c
     formatBytes(bytes, decimals) {
-      if (bytes === 0) return '0 Bytes';
+      if (bytes === 0) return "0 Bytes";
       const k = 1024;
       const dm = decimals || 2;
-      const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+      const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
       const i = Math.floor(Math.log(bytes) / Math.log(k));
-      return `${parseFloat((bytes / (k ** i)).toFixed(dm))} ${sizes[i]}`;
+      return `${parseFloat((bytes / k ** i).toFixed(dm))} ${sizes[i]}`;
     },
   },
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 80feb8c..af073d6 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,20 +1,16 @@
 <template>
   <div class="home">
-    <img
-      alt="Starkiller"
-      width="200px"
-      src="../assets/icon.png"
-    >
+    <img alt="Starkiller" width="200px" src="../assets/icon.png" />
     <Login />
   </div>
 </template>
 
 <script>
 // @ is an alias to /src
-import Login from '@/components/Login.vue';
+import Login from "@/components/Login.vue";
 
 export default {
-  name: 'Home',
+  name: "Home",
   components: {
     Login,
   },
diff --git a/src/views/ListenerEdit.vue b/src/views/ListenerEdit.vue
index 71a3bfa..d3b64b7 100644
--- a/src/views/ListenerEdit.vue
+++ b/src/views/ListenerEdit.vue
@@ -22,20 +22,9 @@
           class="mt-6 mr-2"
           @change="toggleEnabled"
         />
-        <v-menu
-          v-if="!isNew && initialLoad"
-          offset-y
-          open-on-hover
-        >
+        <v-menu v-if="!isNew && initialLoad" offset-y open-on-hover>
           <template #activator="{ on, attrs }">
-            <v-btn
-              class="mr-5"
-              text
-              icon
-              small
-              v-bind="attrs"
-              v-on="on"
-            >
+            <v-btn class="mr-5" text icon small v-bind="attrs" v-on="on">
               <v-icon>fa-suitcase-rolling</v-icon>
             </v-btn>
           </template>
@@ -44,20 +33,18 @@
               v-for="(item, index) in commonStagers"
               :key="index"
               link
-              :to="{ name: 'stagerNew', query: { template: item, listener: listener.name } }"
+              :to="{
+                name: 'stagerNew',
+                query: { template: item, listener: listener.name },
+              }"
             >
               <v-list-item-title>
                 {{ item }}
               </v-list-item-title>
             </v-list-item>
             <v-divider />
-            <v-list-item
-              link
-              :to="{ name: 'stagerNew' }"
-            >
-              <v-list-item-title>
-                Other
-              </v-list-item-title>
+            <v-list-item link :to="{ name: 'stagerNew' }">
+              <v-list-item-title> Other </v-list-item-title>
             </v-list-item>
           </v-list>
         </v-menu>
@@ -78,14 +65,8 @@
       :resource-id="id"
       resource-type="listener"
     />
-    <v-card
-      v-else
-      style="padding: 10px"
-    >
-      <info-viewer
-        class="info-viewer"
-        :info="listenerInfo"
-      />
+    <v-card v-else style="padding: 10px">
+      <info-viewer class="info-viewer" :info="listenerInfo" />
       <v-autocomplete
         v-model="selectedTemplate"
         :items="listenerTemplateIds"
@@ -95,16 +76,9 @@
         label="Type"
         :readonly="!canEdit"
       />
-      <v-alert
-        v-if="validationMessage"
-        prominent
-        type="warning"
-      >
+      <v-alert v-if="validationMessage" prominent type="warning">
         <v-row align="center">
-          <v-col
-            class="grow"
-            style="word-wrap: word-break; width: 500px"
-          >
+          <v-col class="grow" style="word-wrap: word-break; width: 500px">
             {{ validationMessage }}
           </v-col>
         </v-row>
@@ -122,16 +96,16 @@
 </template>
 
 <script>
-import * as listenerApi from '@/api/listener-api';
-import { mapGetters } from 'vuex';
-import GeneralForm from '@/components/GeneralForm.vue';
-import InfoViewer from '@/components/InfoViewer.vue';
-import EditPageTop from '@/components/EditPageTop.vue';
-import ErrorStateAlert from '@/components/ErrorStateAlert.vue';
-import TagViewer from '@/components/TagViewer.vue';
+import * as listenerApi from "@/api/listener-api";
+import { mapGetters } from "vuex";
+import GeneralForm from "@/components/GeneralForm.vue";
+import InfoViewer from "@/components/InfoViewer.vue";
+import EditPageTop from "@/components/EditPageTop.vue";
+import ErrorStateAlert from "@/components/ErrorStateAlert.vue";
+import TagViewer from "@/components/TagViewer.vue";
 
 export default {
-  name: 'ListenerEdit',
+  name: "ListenerEdit",
   components: {
     TagViewer,
     InfoViewer,
@@ -143,37 +117,37 @@ export default {
     return {
       listener: { options: {} },
       listenerTemplate: { options: {} },
-      selectedTemplate: '',
+      selectedTemplate: "",
       form: {},
       reset: true,
       loading: false,
-      formPriorities: ['Name', 'Host', 'Port'],
+      formPriorities: ["Name", "Host", "Port"],
       errorState: false,
       validationMessage: null,
       initialLoad: false,
       commonStagers: [
-        'multi_launcher',
-        'multi_macro',
-        'windows_csharp_exe',
-        'windows_dll',
-        'windows_shellcode',
+        "multi_launcher",
+        "multi_macro",
+        "windows_csharp_exe",
+        "windows_dll",
+        "windows_shellcode",
       ],
     };
   },
   computed: {
     ...mapGetters({
-      listenerTemplateIds: 'listener/templateIds',
+      listenerTemplateIds: "listener/templateIds",
     }),
     isNew() {
-      return this.$route.name === 'listenerNew';
+      return this.$route.name === "listenerNew";
     },
     isCopy() {
       return this.$route.params.copy === true;
     },
     mode() {
-      if (this.isCopy) return 'Copy';
-      if (this.isNew) return 'New';
-      return 'View';
+      if (this.isCopy) return "Copy";
+      if (this.isNew) return "New";
+      return "View";
     },
     canEdit() {
       return this.isNew || !this.listener.enabled;
@@ -182,13 +156,18 @@ export default {
       return this.isCopy ? 0 : this.$route.params.id;
     },
     copyLink() {
-      if (this.id > 0) return { name: 'listenerNew', params: { copy: true, id: this.id } };
+      if (this.id > 0)
+        return { name: "listenerNew", params: { copy: true, id: this.id } };
       return {};
     },
     listenerInfo() {
       if (!this.listenerTemplate) return {};
       const a = this.listenerTemplate;
-      return { authors: a.authors, description: a.description, comments: a.comments };
+      return {
+        authors: a.authors,
+        description: a.description,
+        comments: a.comments,
+      };
     },
     listenerOptions() {
       if (!this.isNew || this.isCopy) {
@@ -210,29 +189,30 @@ export default {
     breads() {
       return [
         {
-          text: 'Listeners',
+          text: "Listeners",
           disabled: false,
-          to: '/listeners',
+          to: "/listeners",
           exact: true,
         },
         {
           text: this.breadcrumbName,
           disabled: true,
-          to: '/listeners-edit',
+          to: "/listeners-edit",
         },
       ];
     },
     breadcrumbName() {
-      if (this.isCopy) return 'New';
+      if (this.isCopy) return "New";
       if (this.listener.name) return this.listener.name;
       if (this.id) return this.id;
-      return 'New';
+      return "New";
     },
   },
   watch: {
     selectedTemplate: {
       async handler(val) {
-        const a = await listenerApi.getListenerTemplate(val)
+        const a = await listenerApi
+          .getListenerTemplate(val)
           .catch((err) => this.$snack.error(`Error: ${err}`));
         if (a) {
           this.reset = false;
@@ -251,7 +231,7 @@ export default {
     },
   },
   mounted() {
-    this.$store.dispatch('listener/getListenerTemplates');
+    this.$store.dispatch("listener/getListenerTemplates");
 
     if (!this.isNew || this.isCopy) {
       // using the route param id instad of this.id
@@ -261,23 +241,28 @@ export default {
   },
   methods: {
     deleteTag(tag) {
-      listenerApi.deleteTag(this.listener.id, tag.id)
+      listenerApi
+        .deleteTag(this.listener.id, tag.id)
         .then(() => {
-          this.listener.tags = this.listener.tags.filter((t) => t.id !== tag.id);
+          this.listener.tags = this.listener.tags.filter(
+            (t) => t.id !== tag.id,
+          );
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     updateTag(tag) {
-      listenerApi.updateTag(this.listener.id, tag)
+      listenerApi
+        .updateTag(this.listener.id, tag)
         .then((t) => {
           const index = this.listener.tags.findIndex((x) => x.id === t.id);
           this.listener.tags.splice(index, 1, t);
-          this.$snack.success('Tag updated');
+          this.$snack.success("Tag updated");
         })
         .catch((err) => this.$snack.error(`Error: ${err}`));
     },
     addTag(tag) {
-      listenerApi.addTag(this.listener.id, tag)
+      listenerApi
+        .addTag(this.listener.id, tag)
         .then((t) => {
           this.listener.tags.push(t);
         })
@@ -290,9 +275,10 @@ export default {
 
       this.loading = true;
       if (this.id > 0) {
-        listenerApi.updateListener({ ...this.listener, options: this.form })
+        listenerApi
+          .updateListener({ ...this.listener, options: this.form })
           .then(() => {
-            this.$snack.success('Listener updated');
+            this.$snack.success("Listener updated");
             this.loading = false;
           })
           .catch((err) => {
@@ -306,7 +292,7 @@ export default {
             // const field = detail.loc[1]
             // this.errors[field] = detail.msg
             // });
-            if (err.startsWith('[*]')) {
+            if (err.startsWith("[*]")) {
               this.validationMessage = err;
             } else {
               this.$snack.error(`Error: ${err}`);
@@ -314,14 +300,15 @@ export default {
             this.loading = false;
           });
       } else {
-        listenerApi.createListener(this.selectedTemplate, this.form)
+        listenerApi
+          .createListener(this.selectedTemplate, this.form)
           .then(({ id }) => {
-            this.$snack.success('Listener created');
+            this.$snack.success("Listener created");
             this.loading = false;
-            this.$router.push({ name: 'listenerEdit', params: { id } });
+            this.$router.push({ name: "listenerEdit", params: { id } });
           })
           .catch((err) => {
-            if (err.startsWith('[*]')) {
+            if (err.startsWith("[*]")) {
               this.validationMessage = err;
             } else {
               this.$snack.error(`Error: ${err}`);
@@ -331,21 +318,28 @@ export default {
       }
     },
     async kill() {
-      if (await this.$root.$confirm('Delete', `Are you sure you want to kill listener ${this.form.Name}?`, { color: 'red' })) {
+      if (
+        await this.$root.$confirm(
+          "Delete",
+          `Are you sure you want to kill listener ${this.form.Name}?`,
+          { color: "red" },
+        )
+      ) {
         try {
-          await this.$store.dispatch('listener/killListener', this.id);
-          this.$router.push({ name: 'listeners' });
+          await this.$store.dispatch("listener/killListener", this.id);
+          this.$router.push({ name: "listeners" });
         } catch (err) {
           this.$snack.error(`Error: ${err}`);
         }
       }
     },
     getListener(id) {
-      listenerApi.getListener(id)
+      listenerApi
+        .getListener(id)
         .then((data) => {
           this.listener = data;
           this.listener.tags.forEach((tag) => {
-            tag.color = tag.color || '#0E0CDA';
+            tag.color = tag.color || "#0E0CDA";
           });
           this.selectedTemplate = data.template;
         })
@@ -356,13 +350,23 @@ export default {
     async toggleEnabled(val) {
       this.listener.enabled = val;
 
-      if (val === true && !await this.$root.$confirm('', 'Re-enabling the listener will also save any unsaved option changes.', { color: 'yellow' })) {
+      if (
+        val === true &&
+        !(await this.$root.$confirm(
+          "",
+          "Re-enabling the listener will also save any unsaved option changes.",
+          { color: "yellow" },
+        ))
+      ) {
         this.listener.enabled = !val;
         return;
       }
 
       try {
-        const response = await listenerApi.updateListener({ ...this.listener, options: this.form });
+        const response = await listenerApi.updateListener({
+          ...this.listener,
+          options: this.form,
+        });
         this.listener = response;
       } catch (err) {
         this.listener.enabled = !val;
@@ -373,5 +377,4 @@ export default {
 };
 </script>
 
-<style>
-</style>
+<style></style>
diff --git a/src/views/Listeners.vue b/src/views/Listeners.vue
index af459cb..8e5aaf7 100644
--- a/src/views/Listeners.vue
+++ b/src/views/Listeners.vue
@@ -1,46 +1,27 @@
 <template>
   <div>
-    <portal
-      to="app-bar-extension"
-    >
-      <div style="display: flex; flex-direction: row; width:100%">
-        <v-tabs
-          v-model="tab"
-          align-with-title
-        >
-          <v-tab
-            key="list-view"
-            href="#list-view"
-          >
+    <portal to="app-bar-extension">
+      <div style="display: flex; flex-direction: row; width: 100%">
+        <v-tabs v-model="tab" align-with-title>
+          <v-tab key="list-view" href="#list-view">
             List
-            <v-icon x-small class="ml-1">
-              fa-list
-            </v-icon>
+            <v-icon x-small class="ml-1"> fa-list </v-icon>
           </v-tab>
-          <v-tab
-            key="malleable-profiles"
-            href="#malleable-profiles"
-          >
+          <v-tab key="malleable-profiles" href="#malleable-profiles">
             Malleable Profiles
-            <v-icon x-small class="ml-1">
-              fa-random
-            </v-icon>
+            <v-icon x-small class="ml-1"> fa-random </v-icon>
           </v-tab>
         </v-tabs>
       </div>
     </portal>
-    <v-tabs-items
-      v-model="tab"
-    >
+    <v-tabs-items v-model="tab">
       <v-tab-item
         key="list-view"
         :value="'list-view'"
         :transition="false"
         :reverse-transition="false"
       >
-        <v-card
-          flat
-        >
+        <v-card flat>
           <listeners-list :active="tab === 'list-view'" />
         </v-card>
       </v-tab-item>
@@ -50,9 +31,7 @@
         :transition="false"
         :reverse-transition="false"
       >
-        <v-card
-          flat
-        >
+        <v-card flat>
           <malleable-profiles-list :active="tab === 'malleable-profiles'" />
         </v-card>
       </v-tab-item>
@@ -61,18 +40,17 @@
 </template>
 
 <script>
-import ListenersList from '@/components/listeners/ListenersList.vue';
-import MalleableProfilesList from '@/components/listeners/MalleableProfilesList.vue';
+import ListenersList from "@/components/listeners/ListenersList.vue";
+import MalleableProfilesList from "@/components/listeners/MalleableProfilesList.vue";
 
 export default {
-  name: 'Listeners',
+  name: "Listeners",
   components: {
     ListenersList,
     MalleableProfilesList,
   },
   data() {
-    return {
-    };
+    return {};
   },
   computed: {
     // https://jareklipski.medium.com/linking-to-a-specific-tab-in-vuetify-js-d978525f2e1a
@@ -81,7 +59,7 @@ export default {
         this.$router.replace({ query: { ...this.$route.query, tab } });
       },
       get() {
-        return this.$route.query.tab || 'list-view';
+        return this.$route.query.tab || "list-view";
       },
     },
   },
@@ -90,13 +68,12 @@ export default {
 
 <style lang="scss">
 .warning-row {
-  background-color: #FFCCCC;
+  background-color: #ffcccc;
 }
 
-.v-data-table.theme--dark
-  .warning-row {
-    background-color: #bd4c4c;
-  }
+.v-data-table.theme--dark .warning-row {
+  background-color: #bd4c4c;
+}
 
 // Overrides vuetify.css
 // Because we moved the tabs into a div, which made the color funky.
diff --git a/src/views/MalleableProfileEdit.vue b/src/views/MalleableProfileEdit.vue
index 7a0a8d8..e8a1060 100644
--- a/src/views/MalleableProfileEdit.vue
+++ b/src/views/MalleableProfileEdit.vue
@@ -21,10 +21,7 @@
       :resource-id="id"
       resource-type="malleableProfile"
     />
-    <v-card
-      v-else
-      style="padding: 10px"
-    >
+    <v-card v-else style="padding: 10px">
       <v-form
         ref="form"
         v-model="valid"
@@ -64,13 +61,13 @@
 </template>
 
 <script>
-import Vue from 'vue';
-import ErrorStateAlert from '@/components/ErrorStateAlert.vue';
-import EditPageTop from '@/components/EditPageTop.vue';
-import * as malleableApi from '@/api/malleable-api';
+import Vue from "vue";
+import ErrorStateAlert from "@/components/ErrorStateAlert.vue";
+import EditPageTop from "@/components/EditPageTop.vue";
+import * as malleableApi from "@/api/malleable-api";
 
 export default {
-  name: 'MalleableProfileEdit',
+  name: "MalleableProfileEdit",
   components: {
     ErrorStateAlert,
     EditPageTop,
@@ -80,15 +77,12 @@ export default {
       form: {},
       rules: {
         name: [
-          (v) => !!v || 'Name is required',
-          (v) => (!!v && v.length > 3) || 'Name must be larger than 3 characters',
-        ],
-        category: [
-          (v) => !!v || 'Category is required',
-        ],
-        code: [
-          (v) => !!v || 'Code is required',
+          (v) => !!v || "Name is required",
+          (v) =>
+            (!!v && v.length > 3) || "Name must be larger than 3 characters",
         ],
+        category: [(v) => !!v || "Category is required"],
+        code: [(v) => !!v || "Code is required"],
       },
       malleableProfile: {},
       valid: true,
@@ -99,15 +93,15 @@ export default {
   },
   computed: {
     isNew() {
-      return this.$route.name === 'malleableProfileNew';
+      return this.$route.name === "malleableProfileNew";
     },
     isCopy() {
       return this.$route.params.copy === true;
     },
     mode() {
-      if (this.isCopy) return 'Copy';
-      if (this.isNew) return 'New';
-      return 'View';
+      if (this.isCopy) return "Copy";
+      if (this.isNew) return "New";
+      return "View";
     },
     canEdit() {
       return true;
@@ -116,35 +110,39 @@ export default {
       return this.isCopy ? 0 : this.$route.params.id;
     },
     copyLink() {
-      if (this.id > 0) return { name: 'malleableProfileNew', params: { copy: true, id: this.id } };
+      if (this.id > 0)
+        return {
+          name: "malleableProfileNew",
+          params: { copy: true, id: this.id },
+        };
       return {};
     },
     breads() {
       return [
         {
-          text: 'Listeners',
+          text: "Listeners",
           disabled: true,
-          to: '/listeners',
+          to: "/listeners",
           exact: true,
         },
         {
-          text: 'Malleable Profiles',
+          text: "Malleable Profiles",
           disabled: false,
-          to: '/listeners?tab=malleable-profiles',
+          to: "/listeners?tab=malleable-profiles",
           exact: true,
         },
         {
           text: this.breadcrumbName,
           disabled: true,
-          to: '/malleable-profiles-edit',
+          to: "/malleable-profiles-edit",
         },
       ];
     },
     breadcrumbName() {
-      if (this.isCopy) return 'New';
+      if (this.isCopy) return "New";
       if (this.malleableProfile.name) return this.malleableProfile.name;
       if (this.id) return this.id;
-      return 'New';
+      return "New";
     },
   },
   watch: {
@@ -171,9 +169,10 @@ export default {
 
       this.loading = true;
       if (this.id > 0) {
-        malleableApi.updateMalleableProfile(this.id, this.form.data)
+        malleableApi
+          .updateMalleableProfile(this.id, this.form.data)
           .then(() => {
-            this.$snack.success('Malleable Profile updated');
+            this.$snack.success("Malleable Profile updated");
             this.loading = false;
           })
           .catch((err) => {
@@ -181,11 +180,16 @@ export default {
             this.loading = false;
           });
       } else {
-        malleableApi.createMalleableProfile(this.form.name, this.form.category, this.form.data)
+        malleableApi
+          .createMalleableProfile(
+            this.form.name,
+            this.form.category,
+            this.form.data,
+          )
           .then(({ id }) => {
-            this.$snack.success('Malleable Profile created');
+            this.$snack.success("Malleable Profile created");
             this.loading = false;
-            this.$router.push({ name: 'malleableProfileEdit', params: { id } });
+            this.$router.push({ name: "malleableProfileEdit", params: { id } });
           })
           .catch((err) => {
             this.$snack.error(`Error: ${err}`);
@@ -194,21 +198,31 @@ export default {
       }
     },
     async deleteMalleableProfile() {
-      if (await this.$root.$confirm('Delete', `Are you sure you want to delete profile ${this.form.name}?`, { color: 'red' })) {
+      if (
+        await this.$root.$confirm(
+          "Delete",
+          `Are you sure you want to delete profile ${this.form.name}?`,
+          { color: "red" },
+        )
+      ) {
         try {
-          await this.$store.dispatch('malleable/deleteMalleableProfile', this.form.name);
-          this.$router.push({ name: 'malleableProfiles' });
+          await this.$store.dispatch(
+            "malleable/deleteMalleableProfile",
+            this.form.name,
+          );
+          this.$router.push({ name: "malleableProfiles" });
         } catch (err) {
           this.$snack.error(`Error: ${err}`);
         }
       }
     },
     getMalleableProfile(id) {
-      malleableApi.getMalleableProfile(id)
+      malleableApi
+        .getMalleableProfile(id)
         .then((data) => {
           this.malleableProfile = data;
           this.initialLoad = true;
-          Vue.set(this, 'form', { ...data });
+          Vue.set(this, "form", { ...data });
         })
         .catch(() => {
           this.errorState = true;
@@ -218,6 +232,4 @@ export default {
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/ModuleExecute.vue b/src/views/ModuleExecute.vue
index 467162c..59259a6 100644
--- a/src/views/ModuleExecute.vue
+++ b/src/views/ModuleExecute.vue
@@ -1,13 +1,7 @@
 <template>
   <div class="p4">
-    <edit-page-top
-      :breads="breads"
-      :show-submit="true"
-      @submit="submit"
-    />
-    <h4 class="pl-4 pb-4">
-      Execute Module
-    </h4>
+    <edit-page-top :breads="breads" :show-submit="true" @submit="submit" />
+    <h4 class="pl-4 pb-4">Execute Module</h4>
     <v-autocomplete
       v-model="selectedAgents"
       dense
@@ -33,12 +27,12 @@
 </template>
 
 <script>
-import { mapState } from 'vuex';
-import AgentExecuteModule from '@/components/agents/AgentExecuteModule.vue';
-import EditPageTop from '@/components/EditPageTop.vue';
+import { mapState } from "vuex";
+import AgentExecuteModule from "@/components/agents/AgentExecuteModule.vue";
+import EditPageTop from "@/components/EditPageTop.vue";
 
 export default {
-  name: 'ModuleExecute',
+  name: "ModuleExecute",
   components: {
     AgentExecuteModule,
     EditPageTop,
@@ -46,26 +40,28 @@ export default {
   data() {
     return {
       selectedAgents: [],
-      moduleName: '',
+      moduleName: "",
     };
   },
   computed: {
     ...mapState({
-      agents: (state) => state.agent.agents
-        .filter((agent) => agent.archived === false && agent.stale === false),
+      agents: (state) =>
+        state.agent.agents.filter(
+          (agent) => agent.archived === false && agent.stale === false,
+        ),
     }),
     breads() {
       return [
         {
-          text: 'Modules',
+          text: "Modules",
           disabled: false,
-          to: '/modules',
+          to: "/modules",
           exact: true,
         },
         {
           text: `${this.moduleName}`,
           disabled: true,
-          to: '/modules/execute',
+          to: "/modules/execute",
         },
       ];
     },
@@ -81,10 +77,10 @@ export default {
     },
     moduleChange(val) {
       this.moduleName = val;
-      this.$router.push({ name: 'moduleExecute', params: { id: val } });
+      this.$router.push({ name: "moduleExecute", params: { id: val } });
     },
     getAgents() {
-      this.$store.dispatch('agent/getAgents');
+      this.$store.dispatch("agent/getAgents");
     },
     clearAgents() {
       this.selectedAgents = [];
@@ -93,6 +89,4 @@ export default {
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/Modules.vue b/src/views/Modules.vue
index 689ce12..a4da909 100644
--- a/src/views/Modules.vue
+++ b/src/views/Modules.vue
@@ -8,27 +8,15 @@
     />
     <advanced-table>
       <template #filters>
-        <v-switch
-          v-model="showIds"
-          label="Show IDs"
-        />
+        <v-switch v-model="showIds" label="Show IDs" />
         <expansion-panel-search
           v-model="search"
           title="Search"
           label="Search"
         />
-        <expansion-panel-boolean
-          v-model="needsAdmin"
-          title="Needs Admin"
-        />
-        <expansion-panel-boolean
-          v-model="opsecSafe"
-          title="Opsec Safe"
-        />
-        <expansion-panel-boolean
-          v-model="background"
-          title="Background"
-        />
+        <expansion-panel-boolean v-model="needsAdmin" title="Needs Admin" />
+        <expansion-panel-boolean v-model="opsecSafe" title="Opsec Safe" />
+        <expansion-panel-boolean v-model="background" title="Background" />
         <expansion-panel-filter
           v-model="languages"
           title="Language"
@@ -54,14 +42,14 @@
 </template>
 
 <script>
-import ListPageTop from '@/components/ListPageTop.vue';
-import ModulesTable from '@/components/modules/ModulesTable.vue';
-import AdvancedTable from '@/components/tables/AdvancedTable.vue';
-import ExpansionPanelFilter from '@/components/tables/ExpansionPanelFilter.vue';
-import ExpansionPanelBoolean from '@/components/tables/ExpansionPanelBoolean.vue';
+import ListPageTop from "@/components/ListPageTop.vue";
+import ModulesTable from "@/components/modules/ModulesTable.vue";
+import AdvancedTable from "@/components/tables/AdvancedTable.vue";
+import ExpansionPanelFilter from "@/components/tables/ExpansionPanelFilter.vue";
+import ExpansionPanelBoolean from "@/components/tables/ExpansionPanelBoolean.vue";
 
 export default {
-  name: 'Modules',
+  name: "Modules",
   components: {
     ExpansionPanelBoolean,
     ExpansionPanelFilter,
@@ -71,12 +59,12 @@ export default {
   },
   data() {
     return {
-      search: '',
+      search: "",
       breads: [
         {
-          text: 'Modules',
+          text: "Modules",
           disabled: true,
-          href: '/modules',
+          href: "/modules",
         },
       ],
       showIds: false,
@@ -98,6 +86,4 @@ export default {
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/Obfuscation.vue b/src/views/Obfuscation.vue
index 2945e9a..e35cb0b 100644
--- a/src/views/Obfuscation.vue
+++ b/src/views/Obfuscation.vue
@@ -7,10 +7,7 @@
       :show-delete="false"
       @refresh="refresh"
     />
-    <v-dialog
-      v-model="keywordDialog"
-      max-width="500px"
-    >
+    <v-dialog v-model="keywordDialog" max-width="500px">
       <v-card>
         <v-card-title>
           <span class="text-h5">{{ keywordDialogTitle }}</span>
@@ -38,128 +35,77 @@
                 required
                 label="Replacement"
               />
-              <v-btn @click="generateRandom">
-                Random
-              </v-btn>
+              <v-btn @click="generateRandom"> Random </v-btn>
             </v-form>
           </v-container>
         </v-card-text>
 
         <v-card-actions>
           <v-spacer />
-          <v-btn
-            color="blue darken-1"
-            text
-            @click="keywordDialog = false"
-          >
+          <v-btn color="blue darken-1" text @click="keywordDialog = false">
             Cancel
           </v-btn>
-          <v-btn
-            color="blue darken-1"
-            text
-            @click="saveKeyword"
-          >
-            Save
-          </v-btn>
+          <v-btn color="blue darken-1" text @click="saveKeyword"> Save </v-btn>
         </v-card-actions>
       </v-card>
     </v-dialog>
-    <v-dialog
-      v-model="preobfuscateDialog"
-      max-width="500px"
-    >
+    <v-dialog v-model="preobfuscateDialog" max-width="500px">
       <v-card>
         <v-card-title>
           <span class="text-h5" />
         </v-card-title>
         <v-card-text>
           <p>
-            Are you sure? This will preobfuscate every module and will take a few minutes.
-            Check "reobfuscate" if you need to force all modules to be reobfuscated after
-            changing the global obfuscation configuration.
+            Are you sure? This will preobfuscate every module and will take a
+            few minutes. Check "reobfuscate" if you need to force all modules to
+            be reobfuscated after changing the global obfuscation configuration.
           </p>
           <v-container>
-            <v-checkbox
-              v-model="reobfuscate"
-              label="Reobfuscate"
-            />
+            <v-checkbox v-model="reobfuscate" label="Reobfuscate" />
           </v-container>
         </v-card-text>
 
         <v-card-actions>
           <v-spacer />
-          <v-btn
-            color="blue darken-1"
-            text
-            @click="preobfuscateDialog = false"
-          >
+          <v-btn color="blue darken-1" text @click="preobfuscateDialog = false">
             Cancel
           </v-btn>
-          <v-btn
-            color="blue darken-1"
-            text
-            @click="preobfuscateModules"
-          >
+          <v-btn color="blue darken-1" text @click="preobfuscateModules">
             Save
           </v-btn>
         </v-card-actions>
       </v-card>
     </v-dialog>
-    <div style="display: flex; flex-direction: row; align-items: flex-start;">
-      <v-card
-        style="flex: 1 0 50%"
-        class="ma-2 pa-2"
-      >
+    <div style="display: flex; flex-direction: row; align-items: flex-start">
+      <v-card style="flex: 1 0 50%" class="ma-2 pa-2">
         <v-card-title>
-          <span style="display: flex; justify-content: space-between; width: 100%">
+          <span
+            style="display: flex; justify-content: space-between; width: 100%"
+          >
             <span class="headline">Keyword Obfuscation</span>
-            <v-btn
-              color="primary"
-              @click="createKeyword"
-            >
+            <v-btn color="primary" @click="createKeyword">
               Create
-              <v-icon
-                right
-              >
-                fa-plus-square
-              </v-icon>
+              <v-icon right> fa-plus-square </v-icon>
             </v-btn>
           </span>
         </v-card-title>
-        <v-data-table
-          :headers="headers"
-          :items="keywords"
-        >
+        <v-data-table :headers="headers" :items="keywords">
           <template #item.actions="{ item }">
             <v-menu offset-y>
               <template #activator="{ on, attrs }">
-                <v-btn
-                  text
-                  icon
-                  x-small
-                  v-bind="attrs"
-                  v-on="on"
-                >
+                <v-btn text icon x-small v-bind="attrs" v-on="on">
                   <v-icon>fa-ellipsis-v</v-icon>
                 </v-btn>
               </template>
               <v-list class="ml-2 mr-2">
                 <v-divider class="pb-4" />
-                <v-list-item
-                  key="edit"
-                  link
-                  @click="editKeyword(item)"
-                >
+                <v-list-item key="edit" link @click="editKeyword(item)">
                   <v-list-item-title>
                     <v-icon>fa-edit</v-icon>
                     Edit
                   </v-list-item-title>
                 </v-list-item>
-                <v-list-item
-                  key="delete"
-                  link
-                  @click="deleteKeyword(item)"
-                >
+                <v-list-item key="delete" link @click="deleteKeyword(item)">
                   <v-list-item-title>
                     <v-icon>fa-trash-alt</v-icon>
                     Delete
@@ -170,10 +116,7 @@
           </template>
         </v-data-table>
       </v-card>
-      <v-card
-        style="flex: 1 0 50%"
-        class="ma-2 pa-2"
-      >
+      <v-card style="flex: 1 0 50%" class="ma-2 pa-2">
         <v-card-title>
           <span>
             <span class="headline">Global Obfuscation</span>
@@ -197,7 +140,11 @@
                 <v-text-field
                   v-model="config.command"
                   label="Command"
-                  :rules="config.language !== 'csharp' ? [v => !!v || 'Command is required'] : []"
+                  :rules="
+                    config.language !== 'csharp'
+                      ? [(v) => !!v || 'Command is required']
+                      : []
+                  "
                   dense
                   outlined
                   :readonly="readonly"
@@ -214,12 +161,7 @@
               </v-form>
             </v-card-text>
             <v-card-actions>
-              <v-btn
-                color="primary"
-                @click="editConfig(config)"
-              >
-                Save
-              </v-btn>
+              <v-btn color="primary" @click="editConfig(config)"> Save </v-btn>
               <v-btn
                 :disabled="!config.preobfuscatable"
                 text
@@ -245,9 +187,9 @@
 </template>
 
 <script>
-import { mapState } from 'vuex';
-import * as obfuscationApi from '@/api/obfuscation-api';
-import ListPageTop from '@/components/ListPageTop.vue';
+import { mapState } from "vuex";
+import * as obfuscationApi from "@/api/obfuscation-api";
+import ListPageTop from "@/components/ListPageTop.vue";
 
 export default {
   components: {
@@ -257,43 +199,39 @@ export default {
     return {
       valid: true,
       keywordDialog: false,
-      keywordDialogTitle: '',
+      keywordDialogTitle: "",
       editedKeyword: {},
       preobfuscateDialog: false,
       editedPreobfuscate: {},
       reobfuscate: false,
       breads: [
         {
-          text: 'Obfuscation',
+          text: "Obfuscation",
           disabled: true,
-          href: '/obfuscation',
+          href: "/obfuscation",
         },
       ],
-      command: '',
+      command: "",
       readonly: false,
       headers: [
         {
-          text: 'Keyword',
-          value: 'keyword',
+          text: "Keyword",
+          value: "keyword",
         },
         {
-          text: 'Replacement',
-          value: 'replacement',
+          text: "Replacement",
+          value: "replacement",
         },
         {
-          text: 'Actions',
-          value: 'actions',
+          text: "Actions",
+          value: "actions",
           sortable: false,
           width: 15,
         },
       ],
       rules: {
-        keyword: [
-          (v) => !!v || 'Keyword is required',
-        ],
-        replacement: [
-          (v) => !!v || 'Replacement is required',
-        ],
+        keyword: [(v) => !!v || "Keyword is required"],
+        replacement: [(v) => !!v || "Replacement is required"],
       },
     };
   },
@@ -312,33 +250,37 @@ export default {
       this.refreshConfigs();
     },
     refreshKeywords() {
-      this.$store.dispatch('obfuscation/getKeywords');
+      this.$store.dispatch("obfuscation/getKeywords");
     },
     refreshConfigs() {
-      this.$store.dispatch('obfuscation/getConfigs');
+      this.$store.dispatch("obfuscation/getConfigs");
     },
     toggleEditing(item) {
-      console.log('editing');
-      this.$set(item, 'editing', !item.editing);
+      console.log("editing");
+      this.$set(item, "editing", !item.editing);
     },
     editKeyword(item) {
       this.editedKeyword = { ...item };
-      this.keywordDialogTitle = 'Edit Keyword';
+      this.keywordDialogTitle = "Edit Keyword";
       this.keywordDialog = true;
     },
     createKeyword() {
       this.editedKeyword = {
-        keyword: '',
-        replacement: '',
+        keyword: "",
+        replacement: "",
       };
-      this.keywordDialogTitle = 'New Keyword';
+      this.keywordDialogTitle = "New Keyword";
       this.keywordDialog = true;
     },
     generateRandom() {
-      this.editedKeyword.replacement = Math.random().toString(36).substring(2, 8);
+      this.editedKeyword.replacement = Math.random()
+        .toString(36)
+        .substring(2, 8);
     },
     async saveKeyword() {
-      if (!this.$refs.form.validate()) { return; }
+      if (!this.$refs.form.validate()) {
+        return;
+      }
       try {
         if (!this.editedKeyword.id) {
           await obfuscationApi.createKeyword(this.editedKeyword);
@@ -352,17 +294,25 @@ export default {
       }
     },
     async deleteKeyword(item) {
-      if (await this.$root.$confirm('Delete', `Are you sure you want to delete keyword ${item.keyword}?`, { color: 'red' })) {
-        this.$store.dispatch('obfuscation/deleteKeyword', item.id);
+      if (
+        await this.$root.$confirm(
+          "Delete",
+          `Are you sure you want to delete keyword ${item.keyword}?`,
+          { color: "red" },
+        )
+      ) {
+        this.$store.dispatch("obfuscation/deleteKeyword", item.id);
       }
     },
     async editConfig(config) {
       try {
         await obfuscationApi.updateObfuscationConfig(config);
         if (config.preobfuscatable) {
-          this.$snack.success('Updated config. Use "preobfuscate" to re-apply obfuscation.');
+          this.$snack.success(
+            'Updated config. Use "preobfuscate" to re-apply obfuscation.',
+          );
         } else {
-          this.$snack.success('Updated config.');
+          this.$snack.success("Updated config.");
         }
       } catch (e) {
         this.$snack.error(`${e}`);
@@ -379,18 +329,29 @@ export default {
       try {
         // save the current state of the config first
         await obfuscationApi.updateObfuscationConfig(this.editedPreobfuscate);
-        await obfuscationApi.preobfuscateModules(this.editedPreobfuscate.language, this.reobfuscate);
-        this.$snack.info('Preobfuscation started in the background. This will take a few minutes.');
+        await obfuscationApi.preobfuscateModules(
+          this.editedPreobfuscate.language,
+          this.reobfuscate,
+        );
+        this.$snack.info(
+          "Preobfuscation started in the background. This will take a few minutes.",
+        );
       } catch (e) {
         this.$snack.error(`${e}`);
       }
       this.preobfuscateDialog = false;
     },
     async deletePreobfuscatedModules(config) {
-      if (await this.$root.$confirm('', 'Are you sure? This will delete all preobfuscated modules.', { color: 'red', width: 500 })) {
+      if (
+        await this.$root.$confirm(
+          "",
+          "Are you sure? This will delete all preobfuscated modules.",
+          { color: "red", width: 500 },
+        )
+      ) {
         try {
           await obfuscationApi.deletePreobfuscatedModules(config.language);
-          this.$snack.success('Preobfuscated modules deleted.');
+          this.$snack.success("Preobfuscated modules deleted.");
         } catch (e) {
           this.$snack.error(`${e}`);
         }
@@ -400,6 +361,4 @@ export default {
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/PluginEdit.vue b/src/views/PluginEdit.vue
index bc233f5..f50b405 100644
--- a/src/views/PluginEdit.vue
+++ b/src/views/PluginEdit.vue
@@ -1,30 +1,15 @@
 <template>
   <div class="p4">
-    <portal
-      to="app-bar-extension"
-    >
-      <div style="display: flex; flex-direction: row; width:100%">
-        <v-tabs
-          v-model="tab"
-          align-with-title
-        >
-          <v-tab
-            key="interact"
-            href="#interact"
-          >
+    <portal to="app-bar-extension">
+      <div style="display: flex; flex-direction: row; width: 100%">
+        <v-tabs v-model="tab" align-with-title>
+          <v-tab key="interact" href="#interact">
             Interact
-            <v-icon x-small class="ml-1">
-              fa-terminal
-            </v-icon>
+            <v-icon x-small class="ml-1"> fa-terminal </v-icon>
           </v-tab>
-          <v-tab
-            key="tasks"
-            href="#tasks"
-          >
+          <v-tab key="tasks" href="#tasks">
             Tasks
-            <v-icon x-small class="ml-1">
-              fa-sticky-note
-            </v-icon>
+            <v-icon x-small class="ml-1"> fa-sticky-note </v-icon>
           </v-tab>
         </v-tabs>
       </div>
@@ -51,25 +36,16 @@
       :resource-id="id"
       resource-type="plugin"
     />
-    <v-tabs-items
-      v-else
-      v-model="tab"
-      class="scrollable-pane"
-    >
+    <v-tabs-items v-else v-model="tab" class="scrollable-pane">
       <v-tab-item
         key="interact"
         :value="'interact'"
         :transition="false"
         :reverse-transition="false"
       >
-        <h4 class="pl-4 pb-4">
-          Execute Plugin
-        </h4>
+        <h4 class="pl-4 pb-4">Execute Plugin</h4>
         <v-card style="padding: 10px">
-          <info-viewer
-            class="info-viewer"
-            :info="pluginInfo"
-          />
+          <info-viewer class="info-viewer" :info="pluginInfo" />
           <technique-chips :techniques="plugin.TechniqueChips" />
           <general-form
             v-if="reset"
@@ -77,11 +53,7 @@
             v-model="form"
             :options="plugin.options"
           />
-          <v-btn
-            :loading="loading"
-            color="primary"
-            @click="submit"
-          >
+          <v-btn :loading="loading" color="primary" @click="submit">
             Submit
           </v-btn>
         </v-card>
@@ -101,17 +73,17 @@
 </template>
 
 <script>
-import GeneralForm from '@/components/GeneralForm.vue';
-import InfoViewer from '@/components/InfoViewer.vue';
-import * as pluginApi from '@/api/plugin-api';
-import TechniqueChips from '@/components/TechniqueChips.vue';
-import EditPageTop from '@/components/EditPageTop.vue';
-import PluginTasksList from '@/components/plugins/PluginTasksList.vue';
-import TooltipButtonToggle from '@/components/TooltipButtonToggle.vue';
-import ErrorStateAlert from '@/components/ErrorStateAlert.vue';
+import GeneralForm from "@/components/GeneralForm.vue";
+import InfoViewer from "@/components/InfoViewer.vue";
+import * as pluginApi from "@/api/plugin-api";
+import TechniqueChips from "@/components/TechniqueChips.vue";
+import EditPageTop from "@/components/EditPageTop.vue";
+import PluginTasksList from "@/components/plugins/PluginTasksList.vue";
+import TooltipButtonToggle from "@/components/TooltipButtonToggle.vue";
+import ErrorStateAlert from "@/components/ErrorStateAlert.vue";
 
 export default {
-  name: 'PluginEdit',
+  name: "PluginEdit",
   components: {
     InfoViewer,
     GeneralForm,
@@ -135,22 +107,22 @@ export default {
     breads() {
       return [
         {
-          text: 'Plugins',
+          text: "Plugins",
           disabled: false,
-          to: '/plugins',
+          to: "/plugins",
           exact: true,
         },
         {
           text: this.breadcrumbName,
           disabled: true,
-          to: '/plugins/edit',
+          to: "/plugins/edit",
         },
       ];
     },
     breadcrumbName() {
       if (this.plugin.name) return this.plugin.name;
       if (this.id) return this.id;
-      return '';
+      return "";
     },
     pluginInfo() {
       if (Object.keys(this.plugin).length < 1) return {};
@@ -174,7 +146,7 @@ export default {
         this.$router.replace({ query: { ...this.$route.query, tab } });
       },
       get() {
-        return this.$route.query.tab || 'interact';
+        return this.$route.query.tab || "interact";
       },
     },
   },
@@ -190,7 +162,10 @@ export default {
       this.loading = true;
 
       try {
-        const response = await pluginApi.executePlugin(this.plugin.name, this.form);
+        const response = await pluginApi.executePlugin(
+          this.plugin.name,
+          this.form,
+        );
         this.$snack.success(`${response.detail}`);
       } catch (err) {
         this.$snack.error(`Error: ${err}`);
@@ -199,12 +174,15 @@ export default {
       this.loading = false;
     },
     getPlugin(id) {
-      pluginApi.getPlugin(id)
+      pluginApi
+        .getPlugin(id)
         .then((data) => {
           this.reset = false;
 
           this.plugin = data;
-          setTimeout(() => { this.reset = true; }, 500);
+          setTimeout(() => {
+            this.reset = true;
+          }, 500);
         })
         .catch(() => {
           this.errorState = true;
@@ -221,5 +199,4 @@ export default {
 .v-toolbar__extension > div > .v-tabs > .v-slide-group.v-tabs-bar {
   background-color: inherit;
 }
-
 </style>
diff --git a/src/views/Plugins.vue b/src/views/Plugins.vue
index 5262e05..33fc7ed 100644
--- a/src/views/Plugins.vue
+++ b/src/views/Plugins.vue
@@ -1,46 +1,27 @@
 <template>
   <div>
-    <portal
-      to="app-bar-extension"
-    >
-      <div style="display: flex; flex-direction: row; width:100%">
-        <v-tabs
-          v-model="tab"
-          align-with-title
-        >
-          <v-tab
-            key="list-view"
-            href="#list-view"
-          >
+    <portal to="app-bar-extension">
+      <div style="display: flex; flex-direction: row; width: 100%">
+        <v-tabs v-model="tab" align-with-title>
+          <v-tab key="list-view" href="#list-view">
             List
-            <v-icon x-small class="ml-1">
-              fa-list
-            </v-icon>
+            <v-icon x-small class="ml-1"> fa-list </v-icon>
           </v-tab>
-          <v-tab
-            key="tasks"
-            href="#tasks"
-          >
+          <v-tab key="tasks" href="#tasks">
             Tasks
-            <v-icon x-small class="ml-1">
-              fa-sticky-note
-            </v-icon>
+            <v-icon x-small class="ml-1"> fa-sticky-note </v-icon>
           </v-tab>
         </v-tabs>
       </div>
     </portal>
-    <v-tabs-items
-      v-model="tab"
-    >
+    <v-tabs-items v-model="tab">
       <v-tab-item
         key="list-view"
         :value="'list-view'"
         :transition="false"
         :reverse-transition="false"
       >
-        <v-card
-          flat
-        >
+        <v-card flat>
           <plugins-list :active="tab === 'list-view'" />
         </v-card>
       </v-tab-item>
@@ -50,9 +31,7 @@
         :transition="false"
         :reverse-transition="false"
       >
-        <v-card
-          flat
-        >
+        <v-card flat>
           <plugin-tasks-list :active="tab === 'tasks'" />
         </v-card>
       </v-tab-item>
@@ -61,11 +40,11 @@
 </template>
 
 <script>
-import PluginsList from '@/components/plugins/PluginsList.vue';
-import PluginTasksList from '@/components/plugins/PluginTasksList.vue';
+import PluginsList from "@/components/plugins/PluginsList.vue";
+import PluginTasksList from "@/components/plugins/PluginTasksList.vue";
 
 export default {
-  name: 'Plugins',
+  name: "Plugins",
   components: {
     PluginsList,
     PluginTasksList,
@@ -74,14 +53,14 @@ export default {
     return {
       breads: [
         {
-          text: 'Plugins',
+          text: "Plugins",
           disabled: true,
-          href: '/plugins',
+          href: "/plugins",
         },
       ],
       headers: [
-        { text: 'Name', value: 'name' },
-        { text: 'Description', value: 'description' },
+        { text: "Name", value: "name" },
+        { text: "Description", value: "description" },
       ],
     };
   },
@@ -92,7 +71,7 @@ export default {
         this.$router.replace({ query: { ...this.$route.query, tab } });
       },
       get() {
-        return this.$route.query.tab || 'list-view';
+        return this.$route.query.tab || "list-view";
       },
     },
   },
diff --git a/src/views/Settings.vue b/src/views/Settings.vue
index a117a3a..4ad7414 100644
--- a/src/views/Settings.vue
+++ b/src/views/Settings.vue
@@ -1,25 +1,14 @@
 <template>
   <div>
-    <list-page-top
-      :breads="breads"
-    />
+    <list-page-top :breads="breads" />
     <div class="page">
       <div class="first-part">
         <span>{{ user.username }}</span>
-        <v-btn
-          color="primary"
-          text
-          @click="logout"
-        >
-          Logout
-        </v-btn>
+        <v-btn color="primary" text @click="logout"> Logout </v-btn>
       </div>
       <v-divider />
-      <div style="display: flex; flex-direction: row;">
-        <v-switch
-          v-model="darkModeSwitch"
-          :label="`Dark Mode`"
-        />
+      <div style="display: flex; flex-direction: row">
+        <v-switch v-model="darkModeSwitch" :label="`Dark Mode`" />
         <v-switch
           v-model="chatWidgetSwitch"
           class="pl-8"
@@ -71,23 +60,21 @@
       <v-divider />
       <div class="headers pl-0 mt-2">
         <div>
-          <h4> Clear Application State </h4>
-          <span> This will clear UI preferences and other localstorage data.</span>
+          <h4>Clear Application State</h4>
+          <span>
+            This will clear UI preferences and other localstorage data.</span
+          >
         </div>
-        <v-btn
-          color="error"
-          @click="clearState"
-        >
-          Clear
-        </v-btn>
+        <v-btn color="error" @click="clearState"> Clear </v-btn>
       </div>
       <v-divider />
       <div class="headers pl-0 mt-2">
         <div>
           <h4>Reload Malleable Profiles</h4>
           <span>
-            Reload will check for and load new profile configurations.<br>
-            Reset will do the same but also reset all database records to defaults.
+            Reload will check for and load new profile configurations.<br />
+            Reset will do the same but also reset all database records to
+            defaults.
           </span>
         </div>
         <div class="d-flex justify-end">
@@ -114,8 +101,9 @@
         <div>
           <h4>Reload Modules</h4>
           <span>
-            Reload will check for and load new module configurations.<br>
-            Reset will do the same but also reset all database records to defaults.
+            Reload will check for and load new module configurations.<br />
+            Reset will do the same but also reset all database records to
+            defaults.
           </span>
         </div>
         <div class="d-flex justify-end">
@@ -142,8 +130,9 @@
         <div>
           <h4>Reload Bypasses</h4>
           <span>
-            Reload will check for and load new bypass configurations.<br>
-            Reset will do the same but also reset all database records to defaults.
+            Reload will check for and load new bypass configurations.<br />
+            Reset will do the same but also reset all database records to
+            defaults.
           </span>
         </div>
         <div class="d-flex justify-end">
@@ -171,11 +160,7 @@
           <h4>Reload Plugins</h4>
           <span>Reload will check for and load new plugins.</span>
         </div>
-        <v-btn
-          :loading="plugins.loading"
-          color="error"
-          @click="reloadPlugins"
-        >
+        <v-btn :loading="plugins.loading" color="error" @click="reloadPlugins">
           Reload
         </v-btn>
       </div>
@@ -184,13 +169,13 @@
 </template>
 
 <script>
-import * as bypassApi from '@/api/bypass-api';
-import * as moduleApi from '@/api/module-api';
-import * as malleableApi from '@/api/malleable-api';
-import * as pluginApi from '@/api/plugin-api';
-import * as userApi from '@/api/user-api';
-import { mapState } from 'vuex';
-import ListPageTop from '@/components/ListPageTop.vue';
+import * as bypassApi from "@/api/bypass-api";
+import * as moduleApi from "@/api/module-api";
+import * as malleableApi from "@/api/malleable-api";
+import * as pluginApi from "@/api/plugin-api";
+import * as userApi from "@/api/user-api";
+import { mapState } from "vuex";
+import ListPageTop from "@/components/ListPageTop.vue";
 
 export default {
   components: {
@@ -204,12 +189,14 @@ export default {
       },
       rules: {
         password: [
-          (v) => !!v || 'Password is required',
-          (v) => (!!v && v.length > 5) || 'Password must be larger than 5 characters',
+          (v) => !!v || "Password is required",
+          (v) =>
+            (!!v && v.length > 5) ||
+            "Password must be larger than 5 characters",
         ],
         confirmPassword: [
-          (v) => !!v || 'Confirmation is required',
-          (v) => v === this.password.form.password || 'Password must match',
+          (v) => !!v || "Confirmation is required",
+          (v) => v === this.password.form.password || "Password must match",
         ],
       },
       modules: {
@@ -229,9 +216,9 @@ export default {
       valid: false,
       breads: [
         {
-          text: 'Settings',
+          text: "Settings",
           disabled: true,
-          href: '/settings',
+          href: "/settings",
         },
       ],
     };
@@ -247,7 +234,7 @@ export default {
     },
     darkModeSwitch: {
       set(val) {
-        this.$store.dispatch('application/darkMode', val);
+        this.$store.dispatch("application/darkMode", val);
       },
       get() {
         return this.darkMode;
@@ -255,7 +242,7 @@ export default {
     },
     chatWidgetSwitch: {
       set(val) {
-        this.$store.dispatch('application/chatWidget', val);
+        this.$store.dispatch("application/chatWidget", val);
       },
       get() {
         return this.chatWidget;
@@ -264,12 +251,16 @@ export default {
   },
   methods: {
     async logout() {
-      if (await this.$root.$confirm('', 'Are you sure you want to logout?', { color: 'green' })) {
-        this.$store.dispatch('application/logout');
+      if (
+        await this.$root.$confirm("", "Are you sure you want to logout?", {
+          color: "green",
+        })
+      ) {
+        this.$store.dispatch("application/logout");
       }
     },
     clearState() {
-      this.$store.dispatch('application/clear');
+      this.$store.dispatch("application/clear");
     },
     submit() {
       if (this.password.loading || !this.$refs.form.validate()) {
@@ -277,9 +268,10 @@ export default {
       }
 
       this.password.loading = true;
-      userApi.updatePassword(this.user.id, this.password.form.password)
+      userApi
+        .updatePassword(this.user.id, this.password.form.password)
         .then(() => {
-          this.$snack.success('Password updated');
+          this.$snack.success("Password updated");
           this.password.form = {};
           this.$refs.form.resetValidation();
         })
@@ -292,9 +284,10 @@ export default {
     },
     resetProfiles() {
       this.profiles.loading = true;
-      malleableApi.resetProfiles()
+      malleableApi
+        .resetProfiles()
         .then(() => {
-          this.$snack.success('Profiles reset successful');
+          this.$snack.success("Profiles reset successful");
         })
         .catch((err) => {
           this.$snack.error(`Error: ${err}`);
@@ -305,9 +298,10 @@ export default {
     },
     reloadProfiles() {
       this.profiles.loading = true;
-      malleableApi.reloadProfiles()
+      malleableApi
+        .reloadProfiles()
         .then(() => {
-          this.$snack.success('Profiles reload successful');
+          this.$snack.success("Profiles reload successful");
         })
         .catch((err) => {
           this.$snack.error(`Error: ${err}`);
@@ -318,9 +312,10 @@ export default {
     },
     reloadModules() {
       this.modules.loading = true;
-      moduleApi.reloadModules()
+      moduleApi
+        .reloadModules()
         .then(() => {
-          this.$snack.success('Module reload successful');
+          this.$snack.success("Module reload successful");
         })
         .catch((err) => {
           this.$snack.error(`Error: ${err}`);
@@ -331,9 +326,10 @@ export default {
     },
     resetModules() {
       this.modules.loading = true;
-      moduleApi.resetModules()
+      moduleApi
+        .resetModules()
         .then(() => {
-          this.$snack.success('Module reset successful');
+          this.$snack.success("Module reset successful");
         })
         .catch((err) => {
           this.$snack.error(`Error: ${err}`);
@@ -344,9 +340,10 @@ export default {
     },
     reloadBypasses() {
       this.bypasses.loading = true;
-      bypassApi.reloadBypasses()
+      bypassApi
+        .reloadBypasses()
         .then(() => {
-          this.$snack.success('Bypass reload successful');
+          this.$snack.success("Bypass reload successful");
         })
         .catch((err) => {
           this.$snack.error(`Error: ${err}`);
@@ -357,9 +354,10 @@ export default {
     },
     resetBypasses() {
       this.bypasses.loading = true;
-      bypassApi.resetBypasses()
+      bypassApi
+        .resetBypasses()
         .then(() => {
-          this.$snack.success('Bypass reset successful');
+          this.$snack.success("Bypass reset successful");
         })
         .catch((err) => {
           this.$snack.error(`Error: ${err}`);
@@ -370,9 +368,10 @@ export default {
     },
     reloadPlugins() {
       this.plugins.loading = true;
-      pluginApi.reloadPlugins()
+      pluginApi
+        .reloadPlugins()
         .then(() => {
-          this.$snack.success('Plugin reload successful');
+          this.$snack.success("Plugin reload successful");
         })
         .catch((err) => {
           this.$snack.error(`Error: ${err}`);
diff --git a/src/views/StagerEdit.vue b/src/views/StagerEdit.vue
index 40a2e73..b2f19c0 100644
--- a/src/views/StagerEdit.vue
+++ b/src/views/StagerEdit.vue
@@ -38,14 +38,8 @@
       :resource-id="id"
       resource-type="stager"
     />
-    <v-card
-      v-else
-      style="padding: 10px"
-    >
-      <info-viewer
-        class="info-viewer"
-        :info="stagerInfo"
-      />
+    <v-card v-else style="padding: 10px">
+      <info-viewer class="info-viewer" :info="stagerInfo" />
       <v-autocomplete
         v-model="selectedTemplate"
         :items="stagerTemplateIds"
@@ -66,7 +60,9 @@
           />
         </v-col>
         <v-col cols="6">
-          <v-subheader> A name for the stager. Leave blank for an autogenerated name. </v-subheader>
+          <v-subheader>
+            A name for the stager. Leave blank for an autogenerated name.
+          </v-subheader>
         </v-col>
       </v-row>
       <general-form
@@ -82,18 +78,18 @@
 </template>
 
 <script>
-import * as stagerApi from '@/api/stager-api';
-import { mapGetters } from 'vuex';
-import InfoViewer from '@/components/InfoViewer.vue';
-import GeneralForm from '@/components/GeneralForm.vue';
-import ErrorStateAlert from '@/components/ErrorStateAlert.vue';
-import EditPageTop from '@/components/EditPageTop.vue';
-import * as downloadApi from '@/api/download-api';
-import CopyMixin from '@/mixins/copy-stager';
-import TooltipButton from '@/components/TooltipButton.vue';
+import * as stagerApi from "@/api/stager-api";
+import { mapGetters } from "vuex";
+import InfoViewer from "@/components/InfoViewer.vue";
+import GeneralForm from "@/components/GeneralForm.vue";
+import ErrorStateAlert from "@/components/ErrorStateAlert.vue";
+import EditPageTop from "@/components/EditPageTop.vue";
+import * as downloadApi from "@/api/download-api";
+import CopyMixin from "@/mixins/copy-stager";
+import TooltipButton from "@/components/TooltipButton.vue";
 
 export default {
-  name: 'StagerEdit',
+  name: "StagerEdit",
   components: {
     InfoViewer,
     GeneralForm,
@@ -106,29 +102,29 @@ export default {
     return {
       stager: { options: {} },
       stagerTemplate: { options: {} },
-      selectedTemplate: '',
+      selectedTemplate: "",
       form: {},
       reset: true,
       loading: false,
-      formPriorities: ['Listener', 'Language'],
+      formPriorities: ["Listener", "Language"],
       errorState: false,
       initialLoad: false,
     };
   },
   computed: {
     ...mapGetters({
-      stagerTemplateIds: 'stager/templateIds',
+      stagerTemplateIds: "stager/templateIds",
     }),
     isNew() {
-      return this.$route.name === 'stagerNew';
+      return this.$route.name === "stagerNew";
     },
     isCopy() {
       return this.$route.params.copy === true;
     },
     mode() {
-      if (this.isCopy) return 'Copy';
-      if (this.isNew) return 'New';
-      return 'View';
+      if (this.isCopy) return "Copy";
+      if (this.isNew) return "New";
+      return "View";
     },
     canEdit() {
       return true;
@@ -137,13 +133,18 @@ export default {
       return this.isCopy ? 0 : this.$route.params.id;
     },
     copyLink() {
-      if (this.id > 0) return { name: 'stagerNew', params: { copy: true, id: this.id } };
+      if (this.id > 0)
+        return { name: "stagerNew", params: { copy: true, id: this.id } };
       return {};
     },
     stagerInfo() {
       if (!this.stagerTemplate) return {};
       const a = this.stagerTemplate;
-      return { authors: a.authors, description: a.description, comments: a.comments };
+      return {
+        authors: a.authors,
+        description: a.description,
+        comments: a.comments,
+      };
     },
     stagerOptions() {
       if (!this.isNew || this.isCopy) {
@@ -170,23 +171,23 @@ export default {
     breads() {
       return [
         {
-          text: 'Stagers',
+          text: "Stagers",
           disabled: false,
-          to: '/stagers',
+          to: "/stagers",
           exact: true,
         },
         {
           text: this.breadcrumbName,
           disabled: true,
-          to: '/stagers-edit',
+          to: "/stagers-edit",
         },
       ];
     },
     breadcrumbName() {
-      if (this.isCopy) return 'New';
+      if (this.isCopy) return "New";
       if (this.stager.name) return this.stager.name;
       if (this.id) return this.id;
-      return 'New';
+      return "New";
     },
   },
   watch: {
@@ -195,7 +196,8 @@ export default {
      */
     selectedTemplate: {
       async handler(val) {
-        const a = await stagerApi.getStagerTemplate(val)
+        const a = await stagerApi
+          .getStagerTemplate(val)
           .catch((err) => this.$snack.error(`Error: ${err}`));
         if (a) {
           this.reset = false;
@@ -214,7 +216,7 @@ export default {
     },
   },
   mounted() {
-    this.$store.dispatch('stager/getStagerTemplates');
+    this.$store.dispatch("stager/getStagerTemplates");
 
     if (!this.isNew || this.isCopy) {
       // using the route param id instad of this.id
@@ -234,9 +236,10 @@ export default {
 
       this.loading = true;
       if (this.id > 0) {
-        stagerApi.updateStager(this.id, { name: this.stager.name, options: this.form })
+        stagerApi
+          .updateStager(this.id, { name: this.stager.name, options: this.form })
           .then(() => {
-            this.$snack.success('Stager updated');
+            this.$snack.success("Stager updated");
             this.loading = false;
           })
           .catch((err) => {
@@ -244,11 +247,16 @@ export default {
             this.loading = false;
           });
       } else {
-        stagerApi.createStager(this.selectedTemplate, this.stager.name || this.randomName(), this.form)
+        stagerApi
+          .createStager(
+            this.selectedTemplate,
+            this.stager.name || this.randomName(),
+            this.form,
+          )
           .then(({ id }) => {
-            this.$snack.success('Stager created');
+            this.$snack.success("Stager created");
             this.loading = false;
-            this.$router.push({ name: 'stagerEdit', params: { id } });
+            this.$router.push({ name: "stagerEdit", params: { id } });
           })
           .catch((err) => {
             this.$snack.error(`Error: ${err}`);
@@ -257,17 +265,24 @@ export default {
       }
     },
     async deleteStager() {
-      if (await this.$root.$confirm('Delete', `Are you sure you want to delete stager ${this.form.StarkillerName}?`, { color: 'red' })) {
+      if (
+        await this.$root.$confirm(
+          "Delete",
+          `Are you sure you want to delete stager ${this.form.StarkillerName}?`,
+          { color: "red" },
+        )
+      ) {
         try {
-          await this.$store.dispatch('stager/deleteStager', this.id);
-          this.$router.push({ name: 'stagers' });
+          await this.$store.dispatch("stager/deleteStager", this.id);
+          this.$router.push({ name: "stagers" });
         } catch (err) {
           this.$snack.error(`Error: ${err}`);
         }
       }
     },
     getStager(id) {
-      stagerApi.getStager(id)
+      stagerApi
+        .getStager(id)
         .then((data) => {
           this.stager = data;
           this.selectedTemplate = data.template;
@@ -289,7 +304,9 @@ export default {
     // i think it makes sense to just get the last one.
     async copy(stager) {
       const lastIndex = stager.downloads.length - 1;
-      return this.copyStager(await downloadApi.getDownloadAsText(stager.downloads[lastIndex].id));
+      return this.copyStager(
+        await downloadApi.getDownloadAsText(stager.downloads[lastIndex].id),
+      );
     },
     async download(stager) {
       const lastIndex = stager.downloads.length - 1;
@@ -299,6 +316,4 @@ export default {
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/Stagers.vue b/src/views/Stagers.vue
index a61b45d..4d17977 100644
--- a/src/views/Stagers.vue
+++ b/src/views/Stagers.vue
@@ -29,16 +29,16 @@
 </template>
 
 <script>
-import { mapState } from 'vuex';
-import moment from 'moment';
-import DownloadMixin from '@/mixins/download-stager';
-import CopyMixin from '@/mixins/copy-stager';
-import ListPageTop from '@/components/ListPageTop.vue';
-import StagersTable from '@/components/stagers/StagersTable.vue';
-import AdvancedTable from '@/components/tables/AdvancedTable.vue';
+import { mapState } from "vuex";
+import moment from "moment";
+import DownloadMixin from "@/mixins/download-stager";
+import CopyMixin from "@/mixins/copy-stager";
+import ListPageTop from "@/components/ListPageTop.vue";
+import StagersTable from "@/components/stagers/StagersTable.vue";
+import AdvancedTable from "@/components/tables/AdvancedTable.vue";
 
 export default {
-  name: 'Stagers',
+  name: "Stagers",
   components: {
     AdvancedTable,
     ListPageTop,
@@ -50,9 +50,9 @@ export default {
       moment,
       breads: [
         {
-          text: 'Stagers',
+          text: "Stagers",
           disabled: true,
-          href: '/stagers',
+          href: "/stagers",
         },
       ],
       selected: [],
@@ -60,14 +60,15 @@ export default {
   },
   computed: {
     ...mapState({
-      filterOnlyMyStagersCheckbox: (state) => state.application.filterOnlyMyStagers,
+      filterOnlyMyStagersCheckbox: (state) =>
+        state.application.filterOnlyMyStagers,
     }),
     showDelete() {
       return this.selected.length > 0;
     },
     filterOnlyMyStagersCheckbox: {
       set(val) {
-        this.$store.dispatch('application/filterOnlyMyStagers', val);
+        this.$store.dispatch("application/filterOnlyMyStagers", val);
       },
       get() {
         return this.filterOnlyMyStagers;
@@ -76,17 +77,29 @@ export default {
   },
   methods: {
     create() {
-      this.$router.push({ name: 'stagerNew' });
+      this.$router.push({ name: "stagerNew" });
     },
     async deleteStager(item) {
-      if (await this.$root.$confirm('Delete', 'Are you sure you want to delete this stager?', { color: 'red' })) {
-        this.$store.dispatch('stager/deleteStager', item.id);
+      if (
+        await this.$root.$confirm(
+          "Delete",
+          "Are you sure you want to delete this stager?",
+          { color: "red" },
+        )
+      ) {
+        this.$store.dispatch("stager/deleteStager", item.id);
       }
     },
     async deleteStagers() {
-      if (await this.$root.$confirm('Delete', `Are you sure you want to delete ${this.selected.length} stagers?`, { color: 'red' })) {
+      if (
+        await this.$root.$confirm(
+          "Delete",
+          `Are you sure you want to delete ${this.selected.length} stagers?`,
+          { color: "red" },
+        )
+      ) {
         this.selected.forEach((stager) => {
-          this.$store.dispatch('stager/deleteStager', stager.id);
+          this.$store.dispatch("stager/deleteStager", stager.id);
         });
         this.selected = [];
       }
@@ -98,6 +111,4 @@ export default {
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/UserEdit.vue b/src/views/UserEdit.vue
index 7ddb3b9..8a437d7 100644
--- a/src/views/UserEdit.vue
+++ b/src/views/UserEdit.vue
@@ -8,16 +8,13 @@
       :submit-loading="loading"
       @submit="submit"
     />
-    <h3>{{ id ? 'Edit' : 'New' }} User</h3>
+    <h3>{{ id ? "Edit" : "New" }} User</h3>
     <error-state-alert
       v-if="errorState"
       :resource-id="id"
       resource-type="user"
     />
-    <v-card
-      v-else
-      style="padding: 10px"
-    >
+    <v-card v-else style="padding: 10px">
       <v-form
         ref="form"
         v-model="valid"
@@ -59,29 +56,21 @@
           required
           @click:append="showConfirm = !showConfirm"
         />
-        <v-switch
-          v-if="isAdmin"
-          v-model="form.is_admin"
-          label="Admin"
-        />
-        <v-switch
-          v-if="!isNew"
-          v-model="form.enabled"
-          label="Enabled"
-        />
+        <v-switch v-if="isAdmin" v-model="form.is_admin" label="Admin" />
+        <v-switch v-if="!isNew" v-model="form.enabled" label="Enabled" />
       </v-form>
     </v-card>
   </div>
 </template>
 
 <script>
-import { mapGetters } from 'vuex';
-import * as userApi from '@/api/user-api';
-import ErrorStateAlert from '@/components/ErrorStateAlert.vue';
-import EditPageTop from '@/components/EditPageTop.vue';
+import { mapGetters } from "vuex";
+import * as userApi from "@/api/user-api";
+import ErrorStateAlert from "@/components/ErrorStateAlert.vue";
+import EditPageTop from "@/components/EditPageTop.vue";
 
 export default {
-  name: 'UserEdit',
+  name: "UserEdit",
   components: {
     ErrorStateAlert,
     EditPageTop,
@@ -89,23 +78,26 @@ export default {
   data() {
     return {
       form: {
-        username: '',
-        password: '',
-        confirm_password: '',
+        username: "",
+        password: "",
+        confirm_password: "",
         is_admin: false,
       },
       rules: {
         name: [
-          (v) => !!v || 'Name is required',
-          (v) => (!!v && v.length > 3) || 'Name must be larger than 3 characters',
+          (v) => !!v || "Name is required",
+          (v) =>
+            (!!v && v.length > 3) || "Name must be larger than 3 characters",
         ],
         password: [
-          (v) => !!v || 'Password is required',
-          (v) => (!!v && v.length > 5) || 'Password must be larger than 5 characters',
+          (v) => !!v || "Password is required",
+          (v) =>
+            (!!v && v.length > 5) ||
+            "Password must be larger than 5 characters",
         ],
         confirmPassword: [
-          (v) => !!v || 'Confirmation is required',
-          (v) => v === this.form.password || 'Password must match',
+          (v) => !!v || "Confirmation is required",
+          (v) => v === this.form.password || "Password must match",
         ],
       },
       user: {},
@@ -118,30 +110,30 @@ export default {
   },
   computed: {
     ...mapGetters({
-      isAdmin: 'application/isAdmin',
+      isAdmin: "application/isAdmin",
     }),
     breads() {
       return [
         {
-          text: 'Users',
+          text: "Users",
           disabled: false,
-          to: '/users',
+          to: "/users",
           exact: true,
         },
         {
           text: this.breadcrumbName,
           disabled: true,
-          to: '/users-edit',
+          to: "/users-edit",
         },
       ];
     },
     breadcrumbName() {
       if (this.user.username) return this.user.username;
       if (this.id) return this.id;
-      return 'New';
+      return "New";
     },
     isNew() {
-      return this.$route.name === 'userNew';
+      return this.$route.name === "userNew";
     },
     id() {
       return this.$route.params.id;
@@ -160,9 +152,10 @@ export default {
 
       this.loading = true;
       if (this.id > 0) {
-        userApi.updateUser(this.form)
+        userApi
+          .updateUser(this.form)
           .then(() => {
-            this.$snack.success('User updated');
+            this.$snack.success("User updated");
             this.loading = false;
           })
           .catch((err) => {
@@ -170,11 +163,12 @@ export default {
             this.loading = false;
           });
       } else {
-        userApi.createUser(this.form)
+        userApi
+          .createUser(this.form)
           .then(({ id }) => {
-            this.$snack.success('User created');
+            this.$snack.success("User created");
             this.loading = false;
-            this.$router.push({ name: 'userEdit', params: { id } });
+            this.$router.push({ name: "userEdit", params: { id } });
           })
           .catch((err) => {
             this.$snack.error(`Error: ${err}`);
@@ -183,7 +177,8 @@ export default {
       }
     },
     getUser(id) {
-      userApi.getUser(id)
+      userApi
+        .getUser(id)
         .then((data) => {
           this.user = data;
           this.form = data;
@@ -196,6 +191,4 @@ export default {
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/Users.vue b/src/views/Users.vue
index 49d4789..55074b3 100644
--- a/src/views/Users.vue
+++ b/src/views/Users.vue
@@ -8,15 +8,11 @@
       @create="create"
       @refresh="getUsers"
     />
-    <v-data-table
-      :headers="headers"
-      :items="users"
-      dense
-    >
+    <v-data-table :headers="headers" :items="users" dense>
       <template #item.username="{ item }">
         <router-link
           v-if="isAdmin"
-          style="color: inherit;"
+          style="color: inherit"
           :to="{ name: 'userEdit', params: { id: item.id } }"
         >
           {{ item.username }}
@@ -24,22 +20,12 @@
         <span v-else>{{ item.username }}</span>
       </template>
       <template #item.is_admin="{ item }">
-        <v-simple-checkbox
-          v-model="item.is_admin"
-          disabled
-        />
+        <v-simple-checkbox v-model="item.is_admin" disabled />
       </template>
       <template #item.actions="{ item }">
-        <v-tooltip
-          v-if="isAdmin"
-          :disabled="!item.admin"
-          top
-        >
+        <v-tooltip v-if="isAdmin" :disabled="!item.admin" top>
           <template #activator="{ on }">
-            <div
-              style="max-width: 120px"
-              v-on="on"
-            >
+            <div style="max-width: 120px" v-on="on">
               <v-switch
                 v-model="item.enabled"
                 :disabled="item.admin"
@@ -57,13 +43,13 @@
 </template>
 
 <script>
-import { mapState, mapGetters } from 'vuex';
-import * as userApi from '@/api/user-api';
-import moment from 'moment';
-import ListPageTop from '@/components/ListPageTop.vue';
+import { mapState, mapGetters } from "vuex";
+import * as userApi from "@/api/user-api";
+import moment from "moment";
+import ListPageTop from "@/components/ListPageTop.vue";
 
 export default {
-  name: 'Users',
+  name: "Users",
   components: {
     ListPageTop,
   },
@@ -72,15 +58,15 @@ export default {
       moment,
       breads: [
         {
-          text: 'Users',
+          text: "Users",
           disabled: true,
-          href: '/users',
+          href: "/users",
         },
       ],
       headers: [
-        { text: 'Name', value: 'username' },
-        { text: 'Is Admin', value: 'is_admin' },
-        { text: 'Actions', value: 'actions', sortable: false },
+        { text: "Name", value: "username" },
+        { text: "Is Admin", value: "is_admin" },
+        { text: "Actions", value: "actions", sortable: false },
       ],
     };
   },
@@ -89,7 +75,7 @@ export default {
       users: (state) => state.user.users,
     }),
     ...mapGetters({
-      isAdmin: 'application/isAdmin',
+      isAdmin: "application/isAdmin",
     }),
   },
   mounted() {
@@ -97,22 +83,19 @@ export default {
   },
   methods: {
     create() {
-      this.$router.push({ name: 'userNew' });
+      this.$router.push({ name: "userNew" });
     },
     async disableUser(item) {
-      userApi.updateUser(item)
-        .catch((err) => {
-          this.$snack.error(`Error: ${err}`);
-          item.enabled = !item.enabled;
-        });
+      userApi.updateUser(item).catch((err) => {
+        this.$snack.error(`Error: ${err}`);
+        item.enabled = !item.enabled;
+      });
     },
     getUsers() {
-      this.$store.dispatch('user/getUsers');
+      this.$store.dispatch("user/getUsers");
     },
   },
 };
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/vite.config.js b/vite.config.js
index ce77780..45e92af 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,23 +1,21 @@
-import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue2';
-import { VuetifyResolver } from 'unplugin-vue-components/resolvers';
-import Components from 'unplugin-vue-components/vite';
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue2";
+import { VuetifyResolver } from "unplugin-vue-components/resolvers";
+import Components from "unplugin-vue-components/vite";
 
-const path = require('path');
+const path = require("path");
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue(),
     Components({
-      resolvers: [
-        VuetifyResolver(),
-      ],
+      resolvers: [VuetifyResolver()],
     }),
   ],
   resolve: {
     alias: {
-      '@': path.resolve(__dirname, './src'),
+      "@": path.resolve(__dirname, "./src"),
     },
   },
 });
diff --git a/vue.config.js b/vue.config.js
index 8e6d77b..a63a802 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -10,7 +10,5 @@ module.exports = {
     },
   },
 
-  transpileDependencies: [
-    'vuetify',
-  ],
+  transpileDependencies: ["vuetify"],
 };
diff --git a/yarn.lock b/yarn.lock
index d274dae..d777fc7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -939,6 +939,11 @@ eslint-config-airbnb-base@^15.0.0:
     object.entries "^1.1.5"
     semver "^6.3.0"
 
+eslint-config-prettier@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-9.0.0.tgz#eb25485946dd0c66cd216a46232dc05451518d1f"
+  integrity sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==
+
 eslint-import-resolver-custom-alias@^1.3.0:
   version "1.3.2"
   resolved "https://registry.npmjs.org/eslint-import-resolver-custom-alias/-/eslint-import-resolver-custom-alias-1.3.2.tgz"
@@ -2321,6 +2326,11 @@ prelude-ls@^1.2.1:
   resolved "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
+prettier@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.0.2.tgz#78fcecd6d870551aa5547437cdae39d4701dca5b"
+  integrity sha512-o2YR9qtniXvwEZlOKbveKfDQVyqxbEIWn48Z8m3ZJjBjcCmUy3xZGIv+7AkaeuaTr6yPXJjwv07ZWlsWbEy1rQ==
+
 prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz"