From b7fb25fe7c784c4dcf639cf954445ac8452a85d9 Mon Sep 17 00:00:00 2001
From: RitvikSardana <ritvik.sardana11@gmail.com>
Date: Sun, 25 Aug 2024 09:53:08 +0530
Subject: [PATCH] fix(formatting): run new pre commit on the codebase

---
 .flake8                                       |   37 +
 .github/helpers/.flake8_strict                |   73 +
 .pre-commit-config.yaml                       |   53 +-
 commitlint.config.js                          |   46 +-
 desk/postcss.config.js                        |   10 +-
 .../desk/global/AddNewAgentsDialog.vue        |  390 ++-
 .../components/desk/global/CustomIcons.vue    | 3052 ++++++++---------
 .../desk/global/TimeDurationInput.vue         |  220 +-
 .../canned_responses/CannedResponseList.vue   |  153 +-
 .../CannedResponseListItem.vue                |   82 +-
 .../ResponseTitleAndMessage.vue               |  327 +-
 desk/src/components/global/Autocomplete.vue   |  484 ++-
 desk/src/pages/onboarding/OnboardingIntro.vue |   20 +-
 desk/src/pages/onboarding/SetupName.vue       |   66 +-
 .../src/pages/onboarding/SimpleOnboarding.vue |    2 +-
 desk/src/pages/onboarding/SuccessMessage.vue  |   60 +-
 .../src/pages/onboarding/email/SetupEmail.vue |    6 +-
 .../pages/onboarding/email/SuccessMessage.vue |   18 +-
 desk/src/pages/onboarding/email/data.ts       |   20 +-
 desk/src/stores/contact.ts                    |   34 +-
 helpdesk/api/account.py                       |   88 +-
 helpdesk/api/doc.py                           |  344 +-
 helpdesk/api/general.py                       |   64 +-
 helpdesk/api/session.py                       |   25 +-
 .../helpdesk/doctype/hd_agent/hd_agent.js     |    6 +-
 .../helpdesk/doctype/hd_agent/hd_agent.py     |  318 +-
 helpdesk/helpdesk/doctype/hd_article/api.py   |   28 +-
 .../helpdesk/doctype/hd_article/hd_article.py |  117 +-
 .../hd_article_category.js                    |    6 +-
 .../hd_article_category.py                    |   83 +-
 .../hd_article_feedback.js                    |    6 +-
 .../hd_canned_response/hd_canned_response.js  |    6 +-
 .../hd_canned_response/hd_canned_response.py  |   63 +-
 .../doctype/hd_customer/hd_customer.js        |    6 +-
 .../hd_desk_account_request.js                |    6 +-
 .../hd_desk_account_request.py                |   59 +-
 .../hd_escalation_rule/hd_escalation_rule.py  |   70 +-
 .../doctype/hd_form_script/hd_form_script.py  |   31 +-
 .../hd_notification/hd_notification.js        |    6 +-
 .../hd_notification/hd_notification.py        |   98 +-
 .../hd_organization/hd_organization.js        |    6 +-
 .../hd_portal_signup_request.js               |    6 +-
 .../hd_preset_filter/hd_preset_filter.js      |    6 +-
 .../hd_service_holiday_list.js                |  108 +-
 .../hd_service_holiday_list.py                |  179 +-
 .../hd_service_holiday_list_calendar.js       |   38 +-
 .../hd_service_level_agreement.js             |  228 +-
 .../hd_service_level_agreement.py             |  626 ++--
 .../doctype/hd_settings/hd_settings.js        |    8 +-
 .../doctype/hd_settings/hd_settings.py        |   73 +-
 helpdesk/helpdesk/doctype/hd_team/hd_team.js  |    6 +-
 helpdesk/helpdesk/doctype/hd_ticket/api.py    |  319 +-
 .../helpdesk/doctype/hd_ticket/hd_ticket.py   | 1614 ++++-----
 .../doctype/hd_ticket/test_hd_ticket.py       |  173 +-
 .../hd_ticket_activity/hd_ticket_activity.js  |    6 +-
 .../hd_ticket_comment/hd_ticket_comment.js    |    6 +-
 .../patches/label_as_name.py                  |   14 +-
 .../hd_ticket_priority/hd_ticket_priority.js  |    6 +-
 .../doctype/hd_ticket_template/api.py         |   91 +-
 .../hd_ticket_template/hd_ticket_template.js  |    4 +-
 .../hd_ticket_template/hd_ticket_template.py  |   64 +-
 .../doctype/hd_ticket_type/hd_ticket_type.js  |    4 +-
 .../first_response_time_for_tickets.js        |   83 +-
 .../support_hour_distribution.js              |   34 +-
 .../ticket_analytics/ticket_analytics.js      |  233 +-
 .../ticket_analytics/ticket_analytics.py      |  408 ++-
 .../report/ticket_summary/ticket_summary.js   |  115 +-
 helpdesk/helpdesk/web_form/tickets/tickets.js |    4 +-
 .../patches/change_app_name_to_helpdesk.py    |    2 +-
 helpdesk/patches/naming_autoincrement.py      |   54 +-
 .../patches/template_remove_default_fields.py |    4 +-
 helpdesk/public/js/helpdesk.bundle.js         |    2 +-
 helpdesk/public/js/utils.js                   |  140 +-
 helpdesk/search.py                            |  564 +--
 helpdesk/setup/install.py                     |  431 +--
 75 files changed, 6171 insertions(+), 6071 deletions(-)
 create mode 100644 .flake8
 create mode 100644 .github/helpers/.flake8_strict

diff --git a/.flake8 b/.flake8
new file mode 100644
index 000000000..1828084a4
--- /dev/null
+++ b/.flake8
@@ -0,0 +1,37 @@
+[flake8]
+ignore =
+    E121,
+    E126,
+    E127,
+    E128,
+    E203,
+    E225,
+    E226,
+    E231,
+    E241,
+    E251,
+    E261,
+    E265,
+    E302,
+    E303,
+    E305,
+    E402,
+    E501,
+    E741,
+    W291,
+    W292,
+    W293,
+    W391,
+    W503,
+    W504,
+    F403,
+    B007,
+    B950,
+    W191,
+    E124, # closing bracket, irritating while writing QB code
+    E131, # continuation line unaligned for hanging indent
+    E123, # closing bracket does not match indentation of opening bracket's line
+    E101, # ensured by use of black
+
+max-line-length = 200
+exclude=.github/helper/semgrep_rules
\ No newline at end of file
diff --git a/.github/helpers/.flake8_strict b/.github/helpers/.flake8_strict
new file mode 100644
index 000000000..64539b29b
--- /dev/null
+++ b/.github/helpers/.flake8_strict
@@ -0,0 +1,73 @@
+[flake8]
+ignore =
+    B007,
+    B009,
+    B010,
+    B950,
+    E101,
+    E111,
+    E114,
+    E116,
+    E117,
+    E121,
+    E122,
+    E123,
+    E124,
+    E125,
+    E126,
+    E127,
+    E128,
+    E131,
+    E201,
+    E202,
+    E203,
+    E211,
+    E221,
+    E222,
+    E223,
+    E224,
+    E225,
+    E226,
+    E228,
+    E231,
+    E241,
+    E242,
+    E251,
+    E261,
+    E262,
+    E265,
+    E266,
+    E271,
+    E272,
+    E273,
+    E274,
+    E301,
+    E302,
+    E303,
+    E305,
+    E306,
+    E402,
+    E501,
+    E502,
+    E701,
+    E702,
+    E703,
+    E741,
+    F403,
+    W191,
+    W291,
+    W292,
+    W293,
+    W391,
+    W503,
+    W504,
+    E711,
+    E129,
+    F841,
+    E713,
+    E712,
+    B023
+
+
+max-line-length = 200
+exclude=.github/helper/semgrep_rules,test_*.py
\ No newline at end of file
diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index d2ee70380..00499d19d 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -1,44 +1,41 @@
-exclude: 'node_modules|.git'
+exclude: "node_modules|.git"
 default_stages: [commit]
 fail_fast: false
 
-
 repos:
-  - repo: https://github.com/pre-commit/pre-commit-hooks
-    rev: v4.0.1
+  - repo: https://github.com/psf/black
+    rev: 22.6.0
     hooks:
-      - id: trailing-whitespace
-        files: "helpdesk.*"
-        exclude: ".*json$|.*txt$|.*csv|.*md"
-      - id: check-yaml
-      - id: no-commit-to-branch
-        args: ['--branch', 'develop']
-      - id: check-merge-conflict
-      - id: check-ast
+      - id: black
+        types_or: [python, pyi]
 
   - repo: https://github.com/PyCQA/flake8
     rev: 5.0.4
     hooks:
       - id: flake8
-        additional_dependencies: [
-          'flake8-bugbear',
-        ]
-        args: ['--config', '.github/helper/.flake8_strict']
-        exclude: ".*setup.py$"
-
-  - repo: https://github.com/adityahase/black
-    rev: 9cb0a69f4d0030cdf687eddf314468b39ed54119
-    hooks:
-      - id: black
-        additional_dependencies: ['click==8.0.4']
+        additional_dependencies:
+          - flake8-bugbear
+          - flake8-comprehensions
+          - flake8-simplify
+        args: ['--config', '.github/helpers/.flake8_strict']
 
   - repo: https://github.com/pre-commit/mirrors-prettier
-    rev: v2.7.1
+    rev: v2.6.2
     hooks:
       - id: prettier
-        types_or: [javascript, vue, scss,ts]
+        additional_dependencies:
+          - prettier@2.6.2
+          - prettier-plugin-tailwindcss@0.1.11
+        types: [file]
+        types_or: [javascript, vue, html]
+
+  - repo: https://github.com/timothycrosley/isort
+    rev: 5.12.0
+    hooks:
+      - id: isort
+        args: [--profile, black]
 
 ci:
-    autoupdate_schedule: weekly
-    skip: []
-    submodules: false
\ No newline at end of file
+  autoupdate_schedule: weekly
+  skip: []
+  submodules: false
diff --git a/commitlint.config.js b/commitlint.config.js
index 09de8b827..bd5cebceb 100644
--- a/commitlint.config.js
+++ b/commitlint.config.js
@@ -1,25 +1,25 @@
 module.exports = {
-	parserPreset: "conventional-changelog-conventionalcommits",
-	rules: {
-		"subject-empty": [2, "never"],
-		"type-case": [2, "always", "lower-case"],
-		"type-empty": [2, "never"],
-		"type-enum": [
-			2,
-			"always",
-			[
-				"build",
-				"chore",
-				"ci",
-				"docs",
-				"feat",
-				"fix",
-				"perf",
-				"refactor",
-				"revert",
-				"style",
-				"test",
-			],
-		],
-	},
+  parserPreset: "conventional-changelog-conventionalcommits",
+  rules: {
+    "subject-empty": [2, "never"],
+    "type-case": [2, "always", "lower-case"],
+    "type-empty": [2, "never"],
+    "type-enum": [
+      2,
+      "always",
+      [
+        "build",
+        "chore",
+        "ci",
+        "docs",
+        "feat",
+        "fix",
+        "perf",
+        "refactor",
+        "revert",
+        "style",
+        "test",
+      ],
+    ],
+  },
 };
diff --git a/desk/postcss.config.js b/desk/postcss.config.js
index 1b69d43b0..12a703d90 100644
--- a/desk/postcss.config.js
+++ b/desk/postcss.config.js
@@ -1,6 +1,6 @@
 module.exports = {
-	plugins: {
-		tailwindcss: {},
-		autoprefixer: {},
-	},
-}
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/desk/src/components/desk/global/AddNewAgentsDialog.vue b/desk/src/components/desk/global/AddNewAgentsDialog.vue
index e21c61f5f..5e6a8e276 100644
--- a/desk/src/components/desk/global/AddNewAgentsDialog.vue
+++ b/desk/src/components/desk/global/AddNewAgentsDialog.vue
@@ -1,212 +1,208 @@
 <template>
-	<div>
-		<Dialog
-			:options="{ title: 'Add Agents' }"
-			:show="show"
-			@close="close()"
-		>
-			<template #body-content>
-				<div class="space-y-3">
-					<form
-						@submit.prevent="onSubmit"
-						class="flex flex-row space-x-2 items-center"
-					>
-						<Input
-							id="searchInput"
-							class="w-full"
-							type="text"
-							v-model="searchInput"
-							placeholder="Type emails"
-							@input="(val) => onSearchInputChange(val)"
-						/>
-						<Button
-							appearance="primary"
-							type="submit"
-							:disabled="!currentInputIsValidEmail"
-							@click="
-								() => {
-									addToInviteQueue(searchInput)
-									clearSearchInput()
-								}
-							"
-						>
-							Add
-						</Button>
-					</form>
-					<div
-						class="bg-gray-100 min-h-[100px] max-h-[300px] overflow-y-auto px-2 rounded border flex flex-col"
-						v-if="inviteQueue.length"
-					>
-						<ul
-							class="flex flex-wrap gap-2 py-2"
-						>
-							<li
-								class="flex items-center p-1 space-x-2 bg-white shadow rounded"
-								v-for="email in inviteQueue.slice().reverse()"
-								:key="email"
-								:title="email"
-							>
-								<span class="text-base ml-2">
-									{{ email }}
-								</span>
-								<button
-									class="grid w-4 h-4 text-gray-700 rounded hover:bg-gray-300 place-items-center"
-									@click="removeEmailFromQueue(email)"
-								>
-									<FeatherIcon class="w-3" name="x" />
-								</button>
-							</li>
-						</ul>
-					</div>
-				</div>
-			</template>
-			<template #actions v-if="inviteQueue.length">
-				<Button
-					:disabled="inviteQueue.length == 0"
-					appearance="primary"
-					@click="sentInvites()"
-					class="mr-2"
-					:loading="$resources.sentInvites.loading"
-					>Send Invites</Button
-				>
-				<Button appearance="secondary" class="mr-2" @click="close()">Cancel</Button>
-				<div class="grow">
-					<Button
-						@click="removeAllEmailFromQueue()"
-						v-if="inviteQueue.length > 1"
-					>
-						Clear All
-					</Button>
-				</div>
-			</template>
-		</Dialog>
-	</div>
+  <div>
+    <Dialog :options="{ title: 'Add Agents' }" :show="show" @close="close()">
+      <template #body-content>
+        <div class="space-y-3">
+          <form
+            @submit.prevent="onSubmit"
+            class="flex flex-row items-center space-x-2"
+          >
+            <Input
+              id="searchInput"
+              class="w-full"
+              type="text"
+              v-model="searchInput"
+              placeholder="Type emails"
+              @input="(val) => onSearchInputChange(val)"
+            />
+            <Button
+              appearance="primary"
+              type="submit"
+              :disabled="!currentInputIsValidEmail"
+              @click="
+                () => {
+                  addToInviteQueue(searchInput);
+                  clearSearchInput();
+                }
+              "
+            >
+              Add
+            </Button>
+          </form>
+          <div
+            class="flex max-h-[300px] min-h-[100px] flex-col overflow-y-auto rounded border bg-gray-100 px-2"
+            v-if="inviteQueue.length"
+          >
+            <ul class="flex flex-wrap gap-2 py-2">
+              <li
+                class="flex items-center space-x-2 rounded bg-white p-1 shadow"
+                v-for="email in inviteQueue.slice().reverse()"
+                :key="email"
+                :title="email"
+              >
+                <span class="ml-2 text-base">
+                  {{ email }}
+                </span>
+                <button
+                  class="grid h-4 w-4 place-items-center rounded text-gray-700 hover:bg-gray-300"
+                  @click="removeEmailFromQueue(email)"
+                >
+                  <FeatherIcon class="w-3" name="x" />
+                </button>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </template>
+      <template #actions v-if="inviteQueue.length">
+        <Button
+          :disabled="inviteQueue.length == 0"
+          appearance="primary"
+          @click="sentInvites()"
+          class="mr-2"
+          :loading="$resources.sentInvites.loading"
+          >Send Invites</Button
+        >
+        <Button appearance="secondary" class="mr-2" @click="close()"
+          >Cancel</Button
+        >
+        <div class="grow">
+          <Button
+            @click="removeAllEmailFromQueue()"
+            v-if="inviteQueue.length > 1"
+          >
+            Clear All
+          </Button>
+        </div>
+      </template>
+    </Dialog>
+  </div>
 </template>
 
 <script>
-import { Dialog, Input, FeatherIcon } from "frappe-ui"
-import { ref } from "@vue/reactivity"
+import { Dialog, Input, FeatherIcon } from "frappe-ui";
+import { ref } from "@vue/reactivity";
 
 export default {
-	name: "AddNewAgentsDialog",
-	props: ["show"],
-	components: {
-		Dialog,
-		Input,
-		FeatherIcon,
-	},
-	setup() {
-		const searchInput = ref("")
-		const inviteQueue = ref([])
+  name: "AddNewAgentsDialog",
+  props: ["show"],
+  components: {
+    Dialog,
+    Input,
+    FeatherIcon,
+  },
+  setup() {
+    const searchInput = ref("");
+    const inviteQueue = ref([]);
 
-		const currentInputIsValidEmail = ref(false)
+    const currentInputIsValidEmail = ref(false);
 
-		return {
-			searchInput,
-			inviteQueue,
-			currentInputIsValidEmail,
-		}
-	},
-	methods: {
-		testEmailRegex(val) {
-			let emailRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/
-			return emailRegex.test(val)
-		},
-		onSearchInputChange(val) {
-			val = val.replaceAll(" ", "")
+    return {
+      searchInput,
+      inviteQueue,
+      currentInputIsValidEmail,
+    };
+  },
+  methods: {
+    testEmailRegex(val) {
+      let emailRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
+      return emailRegex.test(val);
+    },
+    onSearchInputChange(val) {
+      val = val.replaceAll(" ", "");
 
-			if (val == "") {
-				document.getElementById("searchInput").value = ""
-				return
-			}
+      if (val == "") {
+        document.getElementById("searchInput").value = "";
+        return;
+      }
 
-			const valStr = val
-			const inputs = val.split(",")
+      const valStr = val;
+      const inputs = val.split(",");
 
-			let clearInputFlag = false
-			this.currentInputIsValidEmail = false
-			inputs.forEach((input) => {
-				if (this.testEmailRegex(input)) {
-					if (inputs.length > 1) {
-						this.addToInviteQueue(input)
-						clearInputFlag = true
-					} else {
-						if (valStr.includes(",")) {
-							this.addToInviteQueue(input)
-							clearInputFlag = true
-						} else {
-							this.currentInputIsValidEmail = true
-						}
-					}
-				}
-			})
-			if (clearInputFlag) {
-				this.clearSearchInput()
-			}
-		},
-		addToInviteQueue(email) {
-			this.inviteQueue = [...new Set([...this.inviteQueue, email])]
-		},
-		removeEmailFromQueue(email) {
-			this.inviteQueue = this.inviteQueue.filter((item) => item !== email)
-		},
-		removeAllEmailFromQueue() {
-			this.inviteQueue = []
-		},
-		clearSearchInput() {
-			this.currentInputIsValidEmail = false
-			this.searchInput = ""
+      let clearInputFlag = false;
+      this.currentInputIsValidEmail = false;
+      inputs.forEach((input) => {
+        if (this.testEmailRegex(input)) {
+          if (inputs.length > 1) {
+            this.addToInviteQueue(input);
+            clearInputFlag = true;
+          } else {
+            if (valStr.includes(",")) {
+              this.addToInviteQueue(input);
+              clearInputFlag = true;
+            } else {
+              this.currentInputIsValidEmail = true;
+            }
+          }
+        }
+      });
+      if (clearInputFlag) {
+        this.clearSearchInput();
+      }
+    },
+    addToInviteQueue(email) {
+      this.inviteQueue = [...new Set([...this.inviteQueue, email])];
+    },
+    removeEmailFromQueue(email) {
+      this.inviteQueue = this.inviteQueue.filter((item) => item !== email);
+    },
+    removeAllEmailFromQueue() {
+      this.inviteQueue = [];
+    },
+    clearSearchInput() {
+      this.currentInputIsValidEmail = false;
+      this.searchInput = "";
 
-			const input = document.getElementById("searchInput")
-			input.value = ""
-			input.focus()
-		},
-		close() {
-			this.searchInput = ""
-			this.inviteQueue = []
-			this.$emit("close")
-		},
-		sentInvites() {
-			this.$resources.sentInvites.submit({
-				emails: this.inviteQueue,
-			})
-		},
-	},
-	resources: {
-		sentInvites() {
-			return {
-				url: "helpdesk.api.agent.sent_invites",
-				onSuccess: (res) => {
-					this.currentInputIsValidEmail = false
-					this.searchInput = ""
-					this.inviteQueue = []
+      const input = document.getElementById("searchInput");
+      input.value = "";
+      input.focus();
+    },
+    close() {
+      this.searchInput = "";
+      this.inviteQueue = [];
+      this.$emit("close");
+    },
+    sentInvites() {
+      this.$resources.sentInvites.submit({
+        emails: this.inviteQueue,
+      });
+    },
+  },
+  resources: {
+    sentInvites() {
+      return {
+        url: "helpdesk.api.agent.sent_invites",
+        onSuccess: (res) => {
+          this.currentInputIsValidEmail = false;
+          this.searchInput = "";
+          this.inviteQueue = [];
 
-					this.$toast({
-						title: "Invites Sent Successfully!",
-						icon: "check",
-						iconClasses: "text-green-500"
-					})
+          this.$toast({
+            title: "Invites Sent Successfully!",
+            icon: "check",
+            iconClasses: "text-green-500",
+          });
 
-					this.close()
-				},
-				onError: (err) => {
-					if (err.exc_type == "PaywallReachedError") {
-						this.$toast({
-							title: "Paywall Reached!",
-							text: "You have reached the maximum number of agents you can add. Please upgrade your plan to add more agents.",
-							icon: "x",
-							iconClasses: "text-red-500",
-						})
-					} else {
-						this.$toast({
-							title: "Error Sending Invites!",
-							icon: "x",
-							iconClasses: "text-red-500",
-						})
-					}
-				},
-			}
-		},
-	},
-}
+          this.close();
+        },
+        onError: (err) => {
+          if (err.exc_type == "PaywallReachedError") {
+            this.$toast({
+              title: "Paywall Reached!",
+              text: "You have reached the maximum number of agents you can add. Please upgrade your plan to add more agents.",
+              icon: "x",
+              iconClasses: "text-red-500",
+            });
+          } else {
+            this.$toast({
+              title: "Error Sending Invites!",
+              icon: "x",
+              iconClasses: "text-red-500",
+            });
+          }
+        },
+      };
+    },
+  },
+};
 </script>
diff --git a/desk/src/components/desk/global/CustomIcons.vue b/desk/src/components/desk/global/CustomIcons.vue
index fc02f9153..6e2145f97 100644
--- a/desk/src/components/desk/global/CustomIcons.vue
+++ b/desk/src/components/desk/global/CustomIcons.vue
@@ -1,1535 +1,1535 @@
 <template>
-	<div>
-		<svg
-			v-if="this.name == 'external-link'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 20 20"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M16.2504 13.0556V14.5001C16.2504 16.1569 14.9072 17.5001 13.2504 17.5001H5.917C4.26014 17.5001 2.91699 16.1569 2.91699 14.5001V7.16674C2.91699 5.50991 4.25988 4.16677 5.91671 4.16675C6.39175 4.16675 6.88395 4.16675 7.36149 4.16675"
-				stroke="#505A62"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M11.25 2.5H17.0833V7.5"
-				stroke="#505A62"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M11.25 8.33325L16.25 3.33325"
-				stroke="#505A62"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'log-out'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 20 20"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M3 10L4.89662 10.0054L7.79323 10.0107L9.24154 10.0134L10.9657 10.0147"
-				stroke="#E24C4C"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M8.5 7L11.5 10L8.5 13"
-				stroke="#E24C4C"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M3.12402 13C4.28136 15.6489 6.92448 17.5 9.99996 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 9.99996 2.5C6.92448 2.5 4.28136 4.35114 3.12402 7"
-				stroke="#E24C4C"
-				stroke-linecap="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'priority-urgent'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 9 9"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<rect
-				width="2"
-				height="6"
-				rx="1"
-				transform="matrix(-1 0 0 1 5.5 0)"
-				fill="#E24C4C"
-			/>
-			<rect
-				width="2"
-				height="2"
-				rx="1"
-				transform="matrix(-1 0 0 1 5.5 7)"
-				fill="#E24C4C"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'priority-medium'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 9 9"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<rect
-				width="2"
-				height="3"
-				rx="1"
-				transform="matrix(-1 0 0 1 2.5 6)"
-				fill="#A6B1B9"
-			/>
-			<rect
-				width="2"
-				height="6"
-				rx="1"
-				transform="matrix(-1 0 0 1 5.5 3)"
-				fill="#A6B1B9"
-			/>
-			<rect
-				width="2"
-				height="9"
-				rx="1"
-				transform="matrix(-1 0 0 1 8.5 0)"
-				fill="#EBEEF0"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'priority-low'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 9 9"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<rect
-				width="2"
-				height="3"
-				rx="1"
-				transform="matrix(-1 0 0 1 2.5 6)"
-				fill="#A6B1B9"
-			/>
-			<rect
-				width="2"
-				height="6"
-				rx="1"
-				transform="matrix(-1 0 0 1 5.5 3)"
-				fill="#EBEEF0"
-			/>
-			<rect
-				width="2"
-				height="9"
-				rx="1"
-				transform="matrix(-1 0 0 1 8.5 0)"
-				fill="#EBEEF0"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'priority-high'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 9 9"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<rect
-				width="2"
-				height="3"
-				rx="1"
-				transform="matrix(-1 0 0 1 2.5 6)"
-				fill="#A6B1B9"
-			/>
-			<rect
-				width="2"
-				height="6"
-				rx="1"
-				transform="matrix(-1 0 0 1 5.5 3)"
-				fill="#A6B1B9"
-			/>
-			<rect
-				width="2"
-				height="9"
-				rx="1"
-				transform="matrix(-1 0 0 1 8.5 0)"
-				fill="#A6B1B9"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'user-plus'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 13 13"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M7.25 8.375H5C4.00544 8.375 3.05161 8.77009 2.34835 9.47335C1.64509 10.1766 1.25 11.1304 1.25 12.125H8"
-				stroke="#74808B"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M6.125 6.125C7.57475 6.125 8.75 4.94975 8.75 3.5C8.75 2.05025 7.57475 0.875 6.125 0.875C4.67525 0.875 3.5 2.05025 3.5 3.5C3.5 4.94975 4.67525 6.125 6.125 6.125Z"
-				stroke="#74808B"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M10.25 8.375V11.375"
-				stroke="#74808B"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M8.75 9.875H11.75"
-				stroke="#74808B"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'corner-up-left'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 11 8"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M10.9999 7.51503C10.9999 7.68835 10.9052 7.84845 10.7511 7.93505C10.5971 8.02165 10.4075 8.02165 10.2534 7.93505C10.0994 7.84845 10.0045 7.68834 10.0045 7.51503C10.003 6.35143 9.52785 5.23588 8.68346 4.41315C7.83907 3.59041 6.69417 3.12753 5.49998 3.12614H1.86175L3.44892 4.42778C3.55079 4.51038 3.61477 4.62913 3.62655 4.75773C3.63822 4.88644 3.59689 5.01429 3.51146 5.11312C3.42614 5.21184 3.30394 5.27344 3.17187 5.28405C3.03978 5.29477 2.90881 5.25363 2.80793 5.16984L0.177079 3.01171C0.0647672 2.91948 0 2.78373 0 2.64072C0 2.49761 0.0647644 2.36188 0.177079 2.26962L2.80782 0.111938L2.80793 0.112046C2.94402 0.00173586 3.13009 -0.0297653 3.29651 0.0293403C3.46282 0.088446 3.58446 0.229174 3.6158 0.399028C3.64724 0.568768 3.5837 0.742084 3.44894 0.854015L1.86235 2.15618H5.5C6.95808 2.1578 8.35587 2.72299 9.38707 3.72758C10.4181 4.73216 10.9982 6.0943 11 7.51507L10.9999 7.51503Z"
-				fill="#74808B"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'check'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 13 11"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M1 7.66667L4 10.5L12 1"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'circle-check'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 18 17"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M9 16.5C13.4183 16.5 17 12.9183 17 8.5C17 4.08172 13.4183 0.5 9 0.5C4.58172 0.5 1 4.08172 1 8.5C1 12.9183 4.58172 16.5 9 16.5Z"
-				fill="#48BB74"
-			/>
-			<path
-				d="M5.6665 9.11357L7.6665 11.1136L12.3332 6.4469M17 8.5C17 12.9183 13.4183 16.5 9 16.5C4.58172 16.5 1 12.9183 1 8.5C1 4.08172 4.58172 0.5 9 0.5C13.4183 0.5 17 4.08172 17 8.5Z"
-				stroke="white"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'circle-fail'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 16 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-				d="M8.00016 14.6666C11.6821 14.6666 14.6668 11.6819 14.6668 7.99998C14.6668 4.31808 11.6821 1.33331 8.00016 1.33331C4.31826 1.33331 1.3335 4.31808 1.3335 7.99998C1.3335 11.6819 4.31826 14.6666 8.00016 14.6666ZM5.30317 5.30298C5.59606 5.01009 6.07094 5.01009 6.36383 5.30298L8.00092 6.94008L9.63799 5.30302C9.93088 5.01012 10.4058 5.01012 10.6986 5.30302C10.9915 5.59591 10.9915 6.07078 10.6986 6.36368L9.06159 8.00074L10.6986 9.6378C10.9915 9.93069 10.9915 10.4056 10.6986 10.6985C10.4058 10.9914 9.93088 10.9914 9.63799 10.6985L8.00093 9.0614L6.36383 10.6985C6.07094 10.9914 5.59606 10.9914 5.30317 10.6985C5.01028 10.4056 5.01027 9.93073 5.30317 9.63784L6.94026 8.00074L5.30317 6.36364C5.01028 6.07075 5.01028 5.59588 5.30317 5.30298Z"
-				fill="#F56B6B"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'sla-pass'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 16 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-				d="M14.6668 8.00001C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8.00001C1.3335 4.31811 4.31826 1.33334 8.00016 1.33334C11.6821 1.33334 14.6668 4.31811 14.6668 8.00001ZM11.4848 5.58164C11.0943 5.19112 10.4611 5.19112 10.0706 5.58164L9.51506 6.1372L8.40395 7.24831L6.88883 8.76342L6.48483 8.35942L5.92928 7.80386C5.53875 7.41334 4.90559 7.41334 4.51506 7.80386C4.12454 8.19439 4.12454 8.82755 4.51506 9.21808L5.07062 9.77363L6.18173 10.8847C6.36926 11.0723 6.62362 11.1776 6.88883 11.1776C7.15405 11.1776 7.4084 11.0723 7.59594 10.8847L9.81816 8.66252L10.9293 7.55141L11.4848 6.99585C11.8754 6.60533 11.8754 5.97217 11.4848 5.58164Z"
-				fill="#2490EF"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'sla-fail'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 16 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-				d="M8.00016 14.6666C11.6821 14.6666 14.6668 11.6819 14.6668 7.99998C14.6668 4.31808 11.6821 1.33331 8.00016 1.33331C4.31826 1.33331 1.3335 4.31808 1.3335 7.99998C1.3335 11.6819 4.31826 14.6666 8.00016 14.6666ZM5.30317 5.30298C5.59606 5.01009 6.07094 5.01009 6.36383 5.30298L8.00092 6.94008L9.63799 5.30302C9.93088 5.01012 10.4058 5.01012 10.6986 5.30302C10.9915 5.59591 10.9915 6.07078 10.6986 6.36368L9.06159 8.00074L10.6986 9.6378C10.9915 9.93069 10.9915 10.4056 10.6986 10.6985C10.4058 10.9914 9.93088 10.9914 9.63799 10.6985L8.00093 9.0614L6.36383 10.6985C6.07094 10.9914 5.59606 10.9914 5.30317 10.6985C5.01028 10.4056 5.01027 9.93073 5.30317 9.63784L6.94026 8.00074L5.30317 6.36364C5.01028 6.07075 5.01028 5.59588 5.30317 5.30298Z"
-				fill="#F56B6B"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'disc'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 16 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<rect width="16" height="16" rx="8" fill="#F9FAFA" />
-			<rect
-				x="1.27734"
-				y="1.27759"
-				width="13.4444"
-				height="13.4444"
-				rx="6.72222"
-				fill="white"
-				stroke="#DCE0E3"
-			/>
-			<circle cx="8" cy="8" r="1.5" fill="#74808B" stroke="#74808B" />
-		</svg>
-		<svg
-			v-if="this.name == 'lock'"
-			class="stroke-0"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 16 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-				d="M7.8075 1.83351H7.75569C6.91253 1.8258 6.10072 2.15293 5.49845 2.74315C4.89557 3.33398 4.55202 4.14006 4.54337 4.98414L4.54334 4.98414V4.98927V5.2827H3.83325C2.72868 5.2827 1.83325 6.17813 1.83325 7.2827V12.1664C1.83325 13.271 2.72868 14.1664 3.83325 14.1664H11.6734C12.7779 14.1664 13.6734 13.271 13.6734 12.1664V7.2827C13.6734 6.17814 12.7779 5.2827 11.6734 5.2827H10.9633V5.04584C10.971 4.20269 10.6438 3.39088 10.0536 2.78861C9.4628 2.18573 8.65671 1.84219 7.81263 1.83353V1.83351H7.8075ZM9.96327 5.2827V5.04347V5.03849L9.96329 5.03849C9.96905 4.45956 9.74464 3.90204 9.33941 3.48854C8.93475 3.07562 8.38285 2.84007 7.80481 2.83351H7.75331H7.74833V2.83348C7.1694 2.82772 6.61188 3.05213 6.19838 3.45736C5.78546 3.86203 5.54991 4.41392 5.54334 4.99196V5.2827H9.96327ZM3.83325 6.2827C3.28097 6.2827 2.83325 6.73042 2.83325 7.2827V12.1664C2.83325 12.7187 3.28097 13.1664 3.83325 13.1664H11.6734C12.2256 13.1664 12.6734 12.7187 12.6734 12.1664V7.2827C12.6734 6.73042 12.2256 6.2827 11.6734 6.2827H3.83325ZM7.75345 10.2027C8.01755 10.2027 8.23164 9.98864 8.23164 9.72454C8.23164 9.46044 8.01755 9.24634 7.75345 9.24634C7.48935 9.24634 7.27525 9.46044 7.27525 9.72454C7.27525 9.98864 7.48935 10.2027 7.75345 10.2027ZM9.23164 9.72454C9.23164 10.5409 8.56983 11.2027 7.75345 11.2027C6.93706 11.2027 6.27525 10.5409 6.27525 9.72454C6.27525 8.90815 6.93706 8.24634 7.75345 8.24634C8.56983 8.24634 9.23164 8.90815 9.23164 9.72454Z"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'comment'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 16 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M5.24127 2.66663H9.65506L11.701 2.66663C12.8056 2.66663 13.701 3.56206 13.701 4.66663V7.66075V8.94657C13.701 10.0511 12.8056 10.9466 11.701 10.9466H11.6263C11.3502 10.9466 11.1263 11.1704 11.1263 11.4466V12.2839C11.1263 12.7048 10.6382 12.9374 10.3114 12.6723L8.45917 11.1699C8.28102 11.0254 8.05861 10.9466 7.82923 10.9466H4.66654C3.56195 10.9466 2.66652 10.0511 2.66654 8.94654L2.66656 7.66075V4.66664C2.66656 3.56207 3.56199 2.66664 4.66656 2.66664L5.24127 2.66663Z"
-				stroke-miterlimit="10"
-				stroke-linecap="square"
-			/>
-			<path
-				d="M5.24121 5.24133H10.3906"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-			/>
-			<path
-				d="M5.24121 7.08044H8.18374"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'chevron-up'"
-			class="stroke-0"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 10 6"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-				d="M8.61989 6H0.573855C0.0648106 6 -0.192865 5.38126 0.169471 5.02149L4.20831 0.169836C4.43412 -0.0559751 4.79005 -0.0572481 5.01586 0.169836L9.02422 5.02149C9.38528 5.38255 9.1288 6 8.61983 6H8.61989Z"
-				fill="#C8CFD5"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'chevron-down'"
-			class="stroke-0"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 10 6"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-				d="M8.73049 0H0.684451C0.175406 0 -0.0822696 0.618739 0.280066 0.978509L4.3189 5.83016C4.54471 6.05598 4.90064 6.05725 5.12646 5.83016L9.13481 0.978509C9.49588 0.617446 9.2394 0 8.73043 0H8.73049Z"
-				fill="#C8CFD5"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'customers'"
-			class="stroke-black"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 26 22"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M20.9996 21H24.4438C24.9961 21 25.4438 20.5523 25.4438 20V16.1969C25.4436 15.9749 25.377 15.758 25.2524 15.5742C25.1279 15.3905 24.9511 15.2482 24.7449 15.1658L20.5874 13.4993C20.3815 13.417 20.205 13.2751 20.0805 13.0918C19.956 12.9085 19.8891 12.6921 19.8885 12.4704V11.4949C20.5624 11.1082 21.1225 10.5509 21.5126 9.87896C21.9027 9.20705 22.1089 8.44426 22.1106 7.66733V5.44522C22.1108 4.66501 21.9056 3.89851 21.5156 3.22276C21.1256 2.54701 20.5646 1.98584 19.8889 1.59566C19.2133 1.20548 18.4469 1.00004 17.6667 1C16.8864 0.999956 16.12 1.20531 15.4443 1.59541"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M15.8559 16.2768L11.6984 14.6103C11.4925 14.528 11.316 14.3861 11.1915 14.2028C11.0669 14.0195 11.0001 13.8031 10.9995 13.5814V12.6059C11.6734 12.2192 12.2335 11.6619 12.6236 10.99C13.0137 10.318 13.2199 9.55526 13.2216 8.77833V6.55622C13.2216 5.37754 12.7534 4.24714 11.9199 3.41368C11.0865 2.58023 9.95607 2.112 8.77739 2.112C7.59871 2.112 6.4683 2.58023 5.63485 3.41368C4.8014 4.24714 4.33317 5.37754 4.33317 6.55622V8.77833C4.33486 9.55526 4.54113 10.318 4.9312 10.99C5.32128 11.6619 5.88142 12.2192 6.55528 12.6059V13.5814C6.55514 13.8034 6.48849 14.0203 6.36392 14.2041C6.23936 14.3879 6.06259 14.5301 5.85642 14.6125L1.69885 16.2791C1.49304 16.3613 1.31651 16.5032 1.19198 16.6865C1.06744 16.8699 1.00058 17.0863 1 17.3079V19.9999C1 20.5522 1.44772 20.9999 2 20.9999H15.5548C16.1071 20.9999 16.5548 20.5522 16.5548 19.9999V17.3079C16.5546 17.0859 16.488 16.869 16.3634 16.6852C16.2389 16.5015 16.0621 16.3592 15.8559 16.2768Z"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'dislike'"
-			class="stroke-black"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M12 24C5.37273 24 0 18.6273 0 12C0 5.37273 5.37273 0 12 0C18.6273 0 24 5.37273 24 12C24 18.6273 18.6273 24 12 24ZM12 1.09091C5.97273 1.09091 1.09091 5.97273 1.09091 12C1.09091 18.0273 5.97273 22.9091 12 22.9091C18.0273 22.9091 22.9091 18.0273 22.9091 12C22.9091 5.97273 18.0273 1.09091 12 1.09091ZM8.18191 8.18182C7.58191 8.18182 7.0911 8.67263 7.0911 9.27263C7.0911 9.87263 7.58191 10.3634 8.18191 10.3634C8.78191 10.3634 9.27273 9.87263 9.27273 9.27263C9.27273 8.67263 8.78191 8.18182 8.18191 8.18182ZM15.8183 8.18182C15.2183 8.18182 14.7275 8.67263 14.7275 9.27263C14.7275 9.87263 15.2183 10.3634 15.8183 10.3634C16.4183 10.3634 16.9091 9.87263 16.9091 9.27263C16.9093 8.67263 16.4183 8.18182 15.8183 8.18182ZM12.0002 13.6364C9.05474 13.6364 6.62747 15.7636 6.10929 18.5455H7.22752C7.71833 16.3636 9.68196 14.7274 12.0002 14.7274C14.3185 14.7274 16.2822 16.3638 16.773 18.5455H17.8912C17.373 15.7636 14.9457 13.6364 12.0003 13.6364H12.0002Z"
-				fill="#A6B1B9"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'document'"
-			class="stroke-black"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 15 17"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M9.5 1H2.5C1.67157 1 1 1.67157 1 2.5V14.5C1 15.3284 1.67157 16 2.5 16H12.5C13.3284 16 14 15.3284 14 14.5V5.5L9.5 1Z"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M4 12.5H11"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M4 9.5H11"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M4 6.5H6"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'folder'"
-			class="stroke-black"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 17 15"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M1 2V12C1 13.1046 1.89543 14 3 14H14C15.1046 14 16 13.1046 16 12V4.5C16 3.94772 15.5523 3.5 15 3.5H8.71689C8.54915 3.5 8.39259 3.41589 8.29999 3.27602L6.94139 1.22398C6.84879 1.08411 6.69223 1 6.52448 1H2C1.44772 1 1 1.44772 1 2Z"
-				stroke-miterlimit="10"
-				stroke-linecap="square"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'frappedesk'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 70 17"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-				d="M0 0H11.4921V2.9196H0V0ZM0 16.6V7.44866H10.73V10.3732H3.66813V16.6H0Z"
-				fill="#2490EF"
-			/>
-			<path
-				d="M23.9024 16.3604H18.4921V0H24.0116C25.5966 0 26.9584 0.327521 28.0965 0.982575C29.24 1.63231 30.1183 2.56695 30.7315 3.78653C31.3447 5.0061 31.6514 6.46532 31.6514 8.1642C31.6514 9.8684 31.3422 11.3329 30.7237 12.5579C30.1104 13.7827 29.2243 14.7228 28.0653 15.3778C26.9116 16.0328 25.5239 16.3604 23.9024 16.3604ZM21.3843 13.796H23.7621C24.8743 13.796 25.802 13.5884 26.5452 13.1729C27.2884 12.7522 27.8471 12.1264 28.2213 11.2956C28.5955 10.4595 28.7825 9.41572 28.7825 8.1642C28.7825 6.91268 28.5955 5.87417 28.2213 5.04871C27.8471 4.2179 27.2935 3.59747 26.5608 3.1874C25.8331 2.77199 24.9288 2.56429 23.8479 2.56429H21.3843V13.796Z"
-				fill="black"
-			/>
-			<path
-				d="M39.3561 16.6001C38.1555 16.6001 37.1187 16.3445 36.2456 15.8332C35.3777 15.3166 34.7099 14.587 34.242 13.6443C33.7743 12.6964 33.5405 11.5807 33.5405 10.2972C33.5405 9.03499 33.7743 7.92727 34.242 6.97398C34.715 6.01536 35.375 5.26977 36.2222 4.73721C37.0693 4.19932 38.0646 3.93037 39.2079 3.93037C39.946 3.93037 40.6424 4.05287 41.2973 4.29785C41.9572 4.5375 42.5394 4.9103 43.0435 5.41623C43.5528 5.92216 43.953 6.56657 44.2441 7.34943C44.5351 8.12697 44.6805 9.05363 44.6805 10.1294V11.0161H34.8657V9.06695H41.9755C41.9703 8.51308 41.8534 8.02047 41.6247 7.58909C41.396 7.15238 41.0764 6.80888 40.6658 6.55858C40.2605 6.30827 39.7875 6.18313 39.2469 6.18313C38.67 6.18313 38.1633 6.32691 37.7267 6.6145C37.2902 6.89675 36.9498 7.26956 36.7055 7.73288C36.4664 8.19088 36.3443 8.69415 36.3392 9.2427V10.9442C36.3392 11.6579 36.4664 12.2704 36.7211 12.7815C36.9758 13.2876 37.3317 13.6764 37.7892 13.9479C38.2464 14.2141 38.7817 14.3473 39.395 14.3473C39.8057 14.3473 40.1772 14.2887 40.5098 14.1716C40.8425 14.0491 41.1309 13.8707 41.3752 13.6363C41.6194 13.4021 41.804 13.1118 41.9288 12.7656L44.5637 13.0691C44.3974 13.7828 44.0803 14.406 43.6126 14.9385C43.15 15.4657 42.5576 15.8757 41.8351 16.1687C41.1127 16.4563 40.2864 16.6001 39.3561 16.6001Z"
-				fill="black"
-			/>
-			<path
-				d="M56.3127 7.33345L53.7401 7.62104C53.6674 7.35476 53.5401 7.10445 53.3581 6.87013C53.1815 6.63581 52.9424 6.44674 52.6409 6.30295C52.3395 6.15916 51.9705 6.08725 51.534 6.08725C50.9467 6.08725 50.4529 6.21774 50.0528 6.4787C49.6578 6.73965 49.4628 7.07783 49.4681 7.49322C49.4628 7.85004 49.5902 8.14029 49.85 8.36397C50.1151 8.58765 50.5517 8.77138 51.1597 8.91517L53.2023 9.36253C54.3352 9.61283 55.1772 10.0096 55.7281 10.5528C56.2842 11.096 56.5648 11.807 56.57 12.6858C56.5648 13.4579 56.3439 14.1396 55.9073 14.7307C55.476 15.3166 54.8757 15.7745 54.1066 16.1048C53.3373 16.435 52.4538 16.6001 51.456 16.6001C49.9903 16.6001 48.8107 16.2858 47.9166 15.6574C47.0227 15.0237 46.4901 14.1423 46.3186 13.0133L49.0705 12.7416C49.1952 13.2955 49.4603 13.7135 49.8657 13.9958C50.2711 14.278 50.7986 14.4193 51.4482 14.4193C52.1187 14.4193 52.6565 14.278 53.0618 13.9958C53.4725 13.7135 53.6778 13.3648 53.6778 12.9494C53.6778 12.5979 53.5452 12.3076 53.2801 12.0785C53.0203 11.8496 52.615 11.6738 52.064 11.5514L50.0215 11.112C48.873 10.867 48.0232 10.4543 47.4724 9.87378C46.9214 9.28797 46.6486 8.5477 46.6539 7.653C46.6486 6.89675 46.8487 6.2417 47.2541 5.68784C47.6646 5.12864 48.2338 4.69727 48.9614 4.39371C49.6942 4.08482 50.5386 3.93037 51.495 3.93037C52.8982 3.93037 54.0026 4.2366 54.8081 4.84905C55.6189 5.4615 56.1205 6.28963 56.3127 7.33345Z"
-				fill="black"
-			/>
-			<path
-				d="M61.25 12.5099L61.2423 9.01896H61.6944L65.9976 4.09008H69.2953L64.002 10.1294H63.4173L61.25 12.5099ZM58.6774 16.3604V0H61.4994V16.3604H58.6774ZM66.1925 16.3604L62.2947 10.7764L64.1968 8.73936L69.5681 16.3604H66.1925Z"
-				fill="black"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'knowledge-base'"
-			class="stroke-black"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 22 22"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M14.2127 7.78706L18.0709 3.92887"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M14.2127 14.2127L18.0709 18.0708"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M7.78726 14.2127L3.92908 18.0708"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M7.78726 7.78706L3.92908 3.92887"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M11 15.5454C13.5103 15.5454 15.5454 13.5103 15.5454 10.9999C15.5454 8.48952 13.5103 6.45445 11 6.45445C8.48958 6.45445 6.45451 8.48952 6.45451 10.9999C6.45451 13.5103 8.48958 15.5454 11 15.5454Z"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'like'"
-			class="stroke-black"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 24 24"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M12 24C5.37273 24 0 18.6273 0 12C0 5.37273 5.37273 0 12 0C18.6273 0 24 5.37273 24 12C24 18.6273 18.6273 24 12 24ZM12 1.09091C5.97273 1.09091 1.09091 5.97273 1.09091 12C1.09091 18.0273 5.97273 22.9091 12 22.9091C18.0273 22.9091 22.9091 18.0273 22.9091 12C22.9091 5.97273 18.0273 1.09091 12 1.09091ZM8.18191 8.18182C7.58191 8.18182 7.0911 8.67263 7.0911 9.27263C7.0911 9.87263 7.58191 10.3634 8.18191 10.3634C8.78191 10.3634 9.27273 9.87263 9.27273 9.27263C9.27273 8.67263 8.78191 8.18182 8.18191 8.18182ZM15.8183 8.18182C15.2183 8.18182 14.7275 8.67263 14.7275 9.27263C14.7275 9.87263 15.2183 10.3634 15.8183 10.3634C16.4183 10.3634 16.9091 9.87263 16.9091 9.27263C16.9093 8.67263 16.4183 8.18182 15.8183 8.18182ZM12.0002 18.5455C9.05474 18.5455 6.62747 16.4182 6.10929 13.6364H7.22752C7.71833 15.8182 9.68196 17.4544 12.0002 17.4544C14.3185 17.4544 16.2822 15.818 16.773 13.6364H17.8912C17.373 16.4182 14.9456 18.5455 12.0002 18.5455Z"
-				fill="#A6B1B9"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'reports'"
-			class="stroke-black"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 22 22"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M20.0001 1H15.3334C14.7811 1 14.3334 1.44772 14.3334 2V20.9998H20.0001C20.5523 20.9998 21.0001 20.552 21.0001 19.9998V2C21.0001 1.44772 20.5523 1 20.0001 1Z"
-				stroke-miterlimit="10"
-				stroke-linecap="square"
-			/>
-			<path
-				d="M13.3333 6.71417H8.66661C8.11432 6.71417 7.66661 7.16189 7.66661 7.71417V20.9997H14.3333V7.71417C14.3333 7.16189 13.8856 6.71417 13.3333 6.71417Z"
-				stroke-miterlimit="10"
-				stroke-linecap="square"
-			/>
-			<path
-				d="M6.66667 12.6667H2C1.44772 12.6667 1 13.1144 1 13.6667V19.9999C1 20.5522 1.44771 20.9999 2 20.9999H7.66667V13.6667C7.66667 13.1144 7.21895 12.6667 6.66667 12.6667Z"
-				stroke-miterlimit="10"
-				stroke-linecap="square"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'settings'"
-			class="stroke-black"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 26 26"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M12.9996 16.2729C14.8071 16.2729 16.2724 14.8076 16.2724 13.0001C16.2724 11.1927 14.8071 9.72742 12.9996 9.72742C11.1922 9.72742 9.7269 11.1927 9.7269 13.0001C9.7269 14.8076 11.1922 16.2729 12.9996 16.2729Z"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M21.0727 16.2727C20.9275 16.6018 20.8842 16.9668 20.9484 17.3206C21.0125 17.6745 21.1812 18.0011 21.4327 18.2582L21.4982 18.3236C21.701 18.5263 21.862 18.7669 21.9718 19.0318C22.0816 19.2966 22.1381 19.5805 22.1381 19.8673C22.1381 20.154 22.0816 20.4379 21.9718 20.7028C21.862 20.9676 21.701 21.2083 21.4982 21.4109C21.2956 21.6138 21.0549 21.7747 20.7901 21.8845C20.5252 21.9943 20.2413 22.0508 19.9545 22.0508C19.6678 22.0508 19.3839 21.9943 19.119 21.8845C18.8542 21.7747 18.6135 21.6138 18.4109 21.4109L18.3455 21.3455C18.0884 21.094 17.7618 20.9253 17.4079 20.8611C17.054 20.7969 16.689 20.8402 16.36 20.9855C16.0373 21.1237 15.7622 21.3534 15.5683 21.646C15.3745 21.9387 15.2705 22.2817 15.2691 22.6327V22.8182C15.2691 23.3968 15.0392 23.9518 14.6301 24.361C14.2209 24.7701 13.6659 25 13.0873 25C12.5086 25 11.9537 24.7701 11.5445 24.361C11.1353 23.9518 10.9055 23.3968 10.9055 22.8182V22.72C10.897 22.3589 10.7801 22.0087 10.57 21.7149C10.3599 21.4212 10.0663 21.1974 9.72727 21.0727C9.39824 20.9275 9.03324 20.8842 8.67936 20.9484C8.32547 21.0125 7.99892 21.1812 7.74182 21.4327L7.67636 21.4982C7.47373 21.701 7.2331 21.862 6.96823 21.9718C6.70336 22.0816 6.41945 22.1381 6.13273 22.1381C5.846 22.1381 5.56209 22.0816 5.29722 21.9718C5.03235 21.862 4.79172 21.701 4.58909 21.4982C4.38623 21.2956 4.2253 21.0549 4.11551 20.7901C4.00571 20.5252 3.94919 20.2413 3.94919 19.9545C3.94919 19.6678 4.00571 19.3839 4.11551 19.119C4.2253 18.8542 4.38623 18.6135 4.58909 18.4109L4.65455 18.3455C4.90604 18.0884 5.07475 17.7618 5.13891 17.4079C5.20308 17.054 5.15976 16.689 5.01455 16.36C4.87626 16.0373 4.64664 15.7622 4.35396 15.5683C4.06128 15.3745 3.71831 15.2705 3.36727 15.2691H3.18182C2.60316 15.2691 2.04821 15.0392 1.63904 14.6301C1.22987 14.2209 1 13.6659 1 13.0873C1 12.5086 1.22987 11.9537 1.63904 11.5445C2.04821 11.1353 2.60316 10.9055 3.18182 10.9055H3.28C3.64108 10.897 3.99128 10.7801 4.28505 10.57C4.57883 10.3599 4.8026 10.0663 4.92727 9.72727C5.07249 9.39824 5.11581 9.03324 5.05164 8.67936C4.98748 8.32547 4.81877 7.99892 4.56727 7.74182L4.50182 7.67636C4.29896 7.47373 4.13803 7.2331 4.02823 6.96823C3.91843 6.70336 3.86192 6.41945 3.86192 6.13273C3.86192 5.846 3.91843 5.56209 4.02823 5.29722C4.13803 5.03235 4.29896 4.79172 4.50182 4.58909C4.70445 4.38623 4.94508 4.2253 5.20995 4.11551C5.47482 4.00571 5.75873 3.94919 6.04545 3.94919C6.33218 3.94919 6.61609 4.00571 6.88096 4.11551C7.14583 4.2253 7.38646 4.38623 7.58909 4.58909L7.65455 4.65455C7.91165 4.90604 8.2382 5.07475 8.59209 5.13891C8.94597 5.20308 9.31096 5.15976 9.64 5.01455H9.72727C10.0499 4.87626 10.3251 4.64664 10.5189 4.35396C10.7128 4.06128 10.8168 3.71831 10.8182 3.36727V3.18182C10.8182 2.60316 11.0481 2.04821 11.4572 1.63904C11.8664 1.22987 12.4213 1 13 1C13.5787 1 14.1336 1.22987 14.5428 1.63904C14.9519 2.04821 15.1818 2.60316 15.1818 3.18182V3.28C15.1832 3.63104 15.2872 3.97401 15.4811 4.26669C15.6749 4.55937 15.9501 4.78899 16.2727 4.92727C16.6018 5.07249 16.9668 5.11581 17.3206 5.05164C17.6745 4.98748 18.0011 4.81877 18.2582 4.56727L18.3236 4.50182C18.5263 4.29896 18.7669 4.13803 19.0318 4.02823C19.2966 3.91843 19.5805 3.86192 19.8673 3.86192C20.154 3.86192 20.4379 3.91843 20.7028 4.02823C20.9676 4.13803 21.2083 4.29896 21.4109 4.50182C21.6138 4.70445 21.7747 4.94508 21.8845 5.20995C21.9943 5.47482 22.0508 5.75873 22.0508 6.04545C22.0508 6.33218 21.9943 6.61609 21.8845 6.88096C21.7747 7.14583 21.6138 7.38646 21.4109 7.58909L21.3455 7.65455C21.094 7.91165 20.9253 8.2382 20.8611 8.59209C20.7969 8.94597 20.8402 9.31096 20.9855 9.64V9.72727C21.1237 10.0499 21.3534 10.3251 21.646 10.5189C21.9387 10.7128 22.2817 10.8168 22.6327 10.8182H22.8182C23.3968 10.8182 23.9518 11.0481 24.361 11.4572C24.7701 11.8664 25 12.4213 25 13C25 13.5787 24.7701 14.1336 24.361 14.5428C23.9518 14.9519 23.3968 15.1818 22.8182 15.1818H22.72C22.369 15.1832 22.026 15.2872 21.7333 15.4811C21.4406 15.6749 21.211 15.9501 21.0727 16.2727V16.2727Z"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'ticket'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 19 19"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M1.24749 11.3931C0.993646 11.6469 0.993647 12.0585 1.24749 12.3123L2.554 13.6189C2.68907 13.7539 2.90806 13.7539 3.04313 13.6189C3.75088 12.9111 4.89201 12.9108 5.59897 13.6177C6.30603 14.3248 6.30568 15.4657 5.59783 16.1736C5.46276 16.3086 5.46276 16.5276 5.59783 16.6627L6.90434 17.9692C7.15818 18.223 7.56974 18.223 7.82358 17.9692L18.4698 7.32293C18.7237 7.06909 18.7237 6.65754 18.4698 6.4037L17.1633 5.09718C17.0283 4.96211 16.8093 4.96211 16.6742 5.09718C15.9663 5.80504 14.8254 5.80538 14.1184 5.09832C13.4114 4.39136 13.4117 3.25024 14.1195 2.54248C14.2546 2.40741 14.2546 2.18843 14.1195 2.05336L12.813 0.746841C12.5591 0.493 12.1476 0.493001 11.8937 0.746841L1.24749 11.3931ZM2.01316 12.1C1.87648 11.9633 1.87648 11.7417 2.01316 11.605L8.64421 4.97396C8.78089 4.83728 9.0025 4.83728 9.13918 4.97396L14.2424 10.0772C14.3791 10.2139 14.3791 10.4355 14.2424 10.5722L7.61138 17.2032C7.4747 17.3399 7.25309 17.3399 7.1164 17.2032L6.51854 16.6054C6.39391 16.4807 6.37719 16.2669 6.47925 16.084C7.0057 15.1402 6.89265 13.9333 6.0878 13.1285C5.28308 12.3238 4.07326 12.2066 3.12843 12.7327C2.94517 12.8347 2.73121 12.818 2.60654 12.6934L2.01316 12.1ZM9.62823 4.48492C9.49154 4.34823 9.49155 4.12663 9.62823 3.98994L12.1056 1.51257C12.2423 1.37588 12.4639 1.37588 12.6006 1.51257L13.1939 2.10593C13.3186 2.23059 13.3353 2.44456 13.2333 2.62782C12.7072 3.57259 12.8243 4.78246 13.6291 5.58718C14.4339 6.39203 15.6408 6.50509 16.5845 5.97863C16.7675 5.87657 16.9813 5.89329 17.1059 6.01792L17.7038 6.61578C17.8405 6.75247 17.8405 6.97408 17.7038 7.11076L15.2264 9.58813C15.0897 9.72482 14.8681 9.72482 14.7314 9.58813L9.62823 4.48492Z"
-				fill="#74808B"
-				stroke="#74808B"
-				stroke-width="0.3"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'time'"
-			class="stroke-black"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 17 17"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M9.00034 5.0118C9.00034 4.73566 8.77648 4.5118 8.50034 4.5118C8.2242 4.5118 8.00034 4.73566 8.00034 5.0118H9.00034ZM8.50034 8.50017H8.00034C8.00034 8.63277 8.05301 8.75995 8.14678 8.85371L8.50034 8.50017ZM10.6464 11.3535C10.8417 11.5488 11.1583 11.5488 11.3535 11.3535C11.5488 11.1583 11.5488 10.8417 11.3536 10.6464L10.6464 11.3535ZM15.5 8.5C15.5 12.366 12.366 15.5 8.5 15.5V16.5C12.9183 16.5 16.5 12.9183 16.5 8.5H15.5ZM8.5 15.5C4.63401 15.5 1.5 12.366 1.5 8.5H0.5C0.5 12.9183 4.08172 16.5 8.5 16.5V15.5ZM1.5 8.5C1.5 4.63401 4.63401 1.5 8.5 1.5V0.5C4.08172 0.5 0.5 4.08172 0.5 8.5H1.5ZM8.5 1.5C12.366 1.5 15.5 4.63401 15.5 8.5H16.5C16.5 4.08172 12.9183 0.5 8.5 0.5V1.5ZM8.00034 5.0118V8.50017H9.00034V5.0118H8.00034ZM8.14678 8.85371L10.6464 11.3535L11.3536 10.6464L8.8539 8.14663L8.14678 8.85371Z"
-				fill="#A6B1B9"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'filter'"
-			class="stroke-black"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 16 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M2 4H14"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M4 8H12"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M6.5 12H9.5"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'sort-ascending'"
-			class="stroke-black"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 16 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M1.75 3.25H10.75"
-				stroke="#505A62"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M1.75 7.25H7.75"
-				stroke="#505A62"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M1.75 11.25H5.75"
-				stroke="#505A62"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M14.25 7.75L12.25 5.75L10.25 7.75"
-				stroke="#505A62"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M12.25 11.75L12.25 5.75"
-				stroke="#505A62"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'select'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 12 12"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M4.5 3.63636L6.13636 2L7.77273 3.63636M4.5 8.36364L6.13636 10L7.77273 8.36364"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'empty-list'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			xmlns="http://www.w3.org/2000/svg"
-			viewBox="0 0 78 85"
-			fill="none"
-		>
-			<rect
-				x="13"
-				y="12"
-				width="64"
-				height="72"
-				rx="7"
-				stroke="#A6B1B9"
-				stroke-width="2"
-			/>
-			<path
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-				d="M8 2H58C61.3137 2 64 4.68629 64 8V9H66V8C66 3.58172 62.4183 0 58 0H8C3.58172 0 0 3.58172 0 8V66C0 70.4183 3.58172 74 8 74H10V72H8C4.68629 72 2 69.3137 2 66V8C2 4.68629 4.68629 2 8 2Z"
-				fill="#A6B1B9"
-			/>
-			<path
-				d="M42 31H66"
-				stroke="#A6B1B9"
-				stroke-width="2"
-				stroke-linecap="round"
-			/>
-			<path
-				d="M42 51H66"
-				stroke="#A6B1B9"
-				stroke-width="2"
-				stroke-linecap="round"
-			/>
-			<path
-				d="M42 25H55"
-				stroke="#A6B1B9"
-				stroke-width="2"
-				stroke-linecap="round"
-			/>
-			<path
-				d="M42 45H55"
-				stroke="#A6B1B9"
-				stroke-width="2"
-				stroke-linecap="round"
-			/>
-			<rect
-				x="24"
-				y="23"
-				width="10"
-				height="10"
-				rx="2"
-				stroke="#2D95F0"
-				stroke-width="2"
-			/>
-			<rect
-				x="24"
-				y="43"
-				width="10"
-				height="10"
-				rx="2"
-				stroke="#2D95F0"
-				stroke-width="2"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'bold'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 17 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M7.11552 8.48467V11.1533H8.63755C9.89361 11.1533 10.5216 10.7085 10.5216 9.81896C10.5216 8.92944 9.89361 8.48467 8.63755 8.48467H7.11552ZM7.11552 4.6092V6.87548H8.24195C8.85881 6.87548 9.2991 6.7682 9.56283 6.55364C9.82656 6.33461 9.95843 6.06865 9.95843 5.75575C9.95843 5.43838 9.82433 5.16794 9.55613 4.94444C9.2924 4.72094 8.85434 4.6092 8.24195 4.6092H7.11552ZM5.31858 3H8.24195C8.65766 3 9.03761 3.03129 9.3818 3.09387C9.72599 3.15645 10.0165 3.23914 10.2534 3.34195C10.4904 3.44029 10.7004 3.56322 10.8837 3.71073C11.067 3.85377 11.2123 4.00128 11.3195 4.15326C11.4268 4.30077 11.514 4.46392 11.581 4.64272C11.6481 4.81705 11.6928 4.9802 11.7151 5.13218C11.742 5.27969 11.7554 5.43167 11.7554 5.58812C11.7554 6.07535 11.6257 6.47094 11.3665 6.7749C11.1117 7.07439 10.7742 7.28895 10.354 7.41858C10.7831 7.52139 11.1519 7.72031 11.4603 8.01533C11.7732 8.31034 11.9945 8.6143 12.1241 8.9272C12.2538 9.2401 12.3186 9.53736 12.3186 9.81896C12.3186 10.0559 12.294 10.2928 12.2448 10.5297C12.2001 10.7621 12.1018 11.0192 11.9498 11.3008C11.7978 11.5779 11.6011 11.8215 11.3598 12.0316C11.1184 12.2372 10.7787 12.4116 10.3406 12.5546C9.90702 12.6932 9.40638 12.7625 8.8387 12.7625H5.31858V3Z"
-				fill="#1F272E"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'text-formatting'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 17 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M8.97781 4.15745L7.95202 7.12282H9.99771L8.97781 4.15745ZM9.8857 2.2002L12.969 10.7838H11.1355L10.3337 8.53181C10.3337 8.53181 9.4239 8.53181 7.6042 8.53181L6.80243 10.7838H4.96897L8.05224 2.2002H9.8857Z"
-				fill="#1F272E"
-			/>
-			<path
-				d="M2.81858 13.5C2.81858 13.2239 3.04244 13 3.31858 13H14.3186C14.5947 13 14.8186 13.2239 14.8186 13.5V13.5C14.8186 13.7761 14.5947 14 14.3186 14H3.31858C3.04244 14 2.81858 13.7761 2.81858 13.5V13.5Z"
-				fill="#1F272E"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'bullet-list'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 17 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M6.1514 3H14.8186"
-				stroke="#1F272E"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M6.1514 7.80005H14.8186"
-				stroke="#1F272E"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M6.1514 12.6001H14.8186"
-				stroke="#1F272E"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M2.81857 3H2.82457"
-				stroke="#1F272E"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M2.81857 7.80005H2.82457"
-				stroke="#1F272E"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M2.81857 12.6001H2.82457"
-				stroke="#1F272E"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'clear-formatting'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 17 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M5.48459 4.6665H13.8179"
-				stroke="#1F272E"
-				stroke-width="1.5"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M7.98459 12.1665L10.7763 4.6665"
-				stroke="#1F272E"
-				stroke-width="1.5"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M3.81857 3L13.8186 13"
-				stroke="#FBFBFB"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M4.65256 4.6665L12.9859 12.9998"
-				stroke="#1F272E"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'code'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 17 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M10.8176 3L6.8176 13.4"
-				stroke="#1F272E"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M5.21857 5.3999L2.81857 7.7999L5.21857 10.1999"
-				stroke="#1F272E"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M12.4184 5.3999L14.8184 7.7999L12.4184 10.1999"
-				stroke="#1F272E"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'decrease-indent'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 17 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M8.01877 7.8999H14.1388"
-				stroke="#1F272E"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M4.01877 3H14.0188"
-				stroke="#1F272E"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M4.01877 12.7998H14.0188"
-				stroke="#1F272E"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M6.31857 6.25392L6.31857 9.54589C6.31857 9.88502 5.92303 10.0703 5.6625 9.85317L3.68732 8.20719C3.49542 8.04727 3.49542 7.75253 3.68732 7.59261L5.6625 5.94663C5.92303 5.72952 6.31857 5.91478 6.31857 6.25392Z"
-				fill="#1F272E"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'image'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 17 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M9.14357 14.1333C7.67325 14.1333 5.74817 14.1333 4.31751 14.1333C3.21294 14.1333 2.31857 13.2379 2.31857 12.1333V4C2.31857 2.89543 3.214 2 4.31857 2H13.3186C14.4231 2 15.3186 2.89543 15.3186 4V8.37"
-				stroke="#1F272E"
-				stroke-miterlimit="10"
-				stroke-linecap="square"
-			/>
-			<path
-				d="M7.27946 6.07369C7.27946 6.37193 7.0377 6.61369 6.73946 6.61369C6.44123 6.61369 6.19946 6.37193 6.19946 6.07369C6.19946 5.77546 6.44123 5.53369 6.73946 5.53369C7.0377 5.53369 7.27946 5.77546 7.27946 6.07369Z"
-				stroke="#1F272E"
-				stroke-miterlimit="10"
-				stroke-linecap="square"
-			/>
-			<path
-				d="M5.43875 11.2735L7.51875 8.67353L9.59875 10.2335L12.1988 7.11353"
-				stroke="#1F272E"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'increase-indent'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 17 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M8.01877 7.8999H14.1386"
-				stroke="#1F272E"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M4.01877 3H14.0188"
-				stroke="#1F272E"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M4.01877 12.7998H14.0188"
-				stroke="#1F272E"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M3.31857 9.54589L3.31857 6.25392C3.31857 5.91478 3.71412 5.72952 3.97465 5.94663L5.94983 7.59261C6.14173 7.75253 6.14173 8.04727 5.94983 8.20719L3.97465 9.85317C3.71412 10.0703 3.31857 9.88502 3.31857 9.54589Z"
-				fill="#1F272E"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'italic'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 17 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<g clip-path="url(#clip0_3327_18536)">
-				<path
-					d="M6.31858 12.2963L6.49099 11.4465H7.63631L9.00331 4.54995H7.85799L8.0304 3.7002H11.3186L11.1462 4.54995H10.0008L8.63385 11.4465H9.77917L9.60676 12.2963H6.31858Z"
-					fill="#1F272E"
-				/>
-			</g>
-			<defs>
-				<clipPath id="clip0_3327_18536">
-					<rect
-						width="16"
-						height="16"
-						fill="white"
-						transform="translate(0.818581)"
-					/>
-				</clipPath>
-			</defs>
-		</svg>
-		<svg
-			v-if="this.name == 'right-align'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			xmlns="http://www.w3.org/2000/svg"
-			viewBox="0 0 24 24"
-			fill="none"
-			stroke="currentColor"
-			stroke-width="1.5"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-			class="feather feather-align-right feather feather-align-right"
-		>
-			<line x1="21" y1="10" x2="7" y2="10"></line>
-			<line x1="21" y1="6" x2="3" y2="6"></line>
-			<line x1="21" y1="14" x2="3" y2="14"></line>
-			<line x1="21" y1="18" x2="7" y2="18"></line>
-		</svg>
-		<svg
-			v-if="this.name == 'center-align'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			xmlns="http://www.w3.org/2000/svg"
-			viewBox="0 0 24 24"
-			fill="none"
-			stroke="currentColor"
-			stroke-width="1.5"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-			class="feather feather-align-center feather feather-align-center"
-		>
-			<line x1="18" y1="10" x2="6" y2="10"></line>
-			<line x1="21" y1="6" x2="3" y2="6"></line>
-			<line x1="21" y1="14" x2="3" y2="14"></line>
-			<line x1="18" y1="18" x2="6" y2="18"></line>
-		</svg>
-		<svg
-			v-if="this.name == 'left-align'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			xmlns="http://www.w3.org/2000/svg"
-			viewBox="0 0 24 24"
-			fill="none"
-			stroke="currentColor"
-			stroke-width="1.5"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-			class="feather feather-align-left feather feather-align-left"
-		>
-			<line x1="17" y1="10" x2="3" y2="10"></line>
-			<line x1="21" y1="6" x2="3" y2="6"></line>
-			<line x1="21" y1="14" x2="3" y2="14"></line>
-			<line x1="17" y1="18" x2="3" y2="18"></line>
-		</svg>
-		<svg
-			v-if="this.name == 'link-url'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 17 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M6.09201 10.7268L11.5463 5.27246"
-				stroke="#1F272E"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M7.72766 4.72735L9.55158 2.90344C10.1303 2.32496 10.915 2 11.7333 2C12.5515 2 13.3363 2.32496 13.915 2.90344V2.90344C14.4935 3.48215 14.8185 4.2669 14.8185 5.08516C14.8185 5.90341 14.4935 6.68817 13.915 7.26687L12.0911 9.09079"
-				stroke="#1F272E"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M5.54593 6.90918L3.72201 8.7331C3.14354 9.31181 2.81857 10.0966 2.81857 10.9148C2.81857 11.7331 3.14354 12.5178 3.72201 13.0965V13.0965C4.30072 13.675 5.08548 14 5.90373 14C6.72198 14 7.50674 13.675 8.08545 13.0965L9.90937 11.2726"
-				stroke="#1F272E"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'numbered-list'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 17 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M6.73553 3.41895H14.8186"
-				stroke="#1F272E"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M6.7355 7.89551H14.8186"
-				stroke="#1F272E"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M6.7355 12.3721H14.8186"
-				stroke="#1F272E"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M3.69943 4.7998V2.61035H3.68576L2.98068 3.08691V2.46973L3.69748 1.98145H4.41232V4.7998H3.69943Z"
-				fill="#1F272E"
-			/>
-			<path
-				d="M2.83419 7.34863C2.83419 7.06999 2.9351 6.84408 3.13692 6.6709C3.33874 6.49772 3.60372 6.41113 3.93184 6.41113C4.24955 6.41113 4.50476 6.48861 4.69747 6.64355C4.89148 6.7985 4.98848 7.00033 4.98848 7.24902C4.98848 7.31934 4.97742 7.3903 4.95528 7.46191C4.93315 7.53223 4.9071 7.59473 4.87716 7.64941C4.84721 7.7028 4.80619 7.76139 4.75411 7.8252C4.70333 7.8877 4.65971 7.93783 4.62325 7.97559C4.58679 8.01204 4.53926 8.05827 4.48067 8.11426L3.80684 8.73535V8.74902H5.02364V9.2998H2.8752V8.82129L3.97481 7.80957C4.0933 7.69629 4.17598 7.60059 4.22286 7.52246C4.27104 7.44303 4.29512 7.3597 4.29512 7.27246C4.29512 7.18132 4.25932 7.10514 4.1877 7.04395C4.11609 6.98145 4.02299 6.9502 3.90841 6.9502C3.78731 6.9502 3.68705 6.98796 3.60762 7.06348C3.5295 7.1377 3.49044 7.23275 3.49044 7.34863V7.3623H2.83419V7.34863Z"
-				fill="#1F272E"
-			/>
-			<path
-				d="M3.56661 12.6064V12.1123H3.90841C4.0295 12.1123 4.1265 12.0817 4.19942 12.0205C4.27234 11.958 4.3088 11.876 4.3088 11.7744C4.3088 11.6715 4.27299 11.5908 4.20137 11.5322C4.12976 11.4736 4.03015 11.4443 3.90255 11.4443C3.78015 11.4443 3.68054 11.4782 3.60372 11.5459C3.5269 11.6136 3.48653 11.7021 3.48262 11.8115H2.83419C2.8394 11.5394 2.94226 11.3213 3.14278 11.1572C3.3433 10.9932 3.60697 10.9111 3.9338 10.9111C4.2476 10.9111 4.4989 10.9808 4.6877 11.1201C4.87781 11.2594 4.97286 11.445 4.97286 11.6768C4.97286 11.8447 4.91882 11.9873 4.81075 12.1045C4.70268 12.2217 4.5614 12.2959 4.38692 12.3271V12.3428C4.59786 12.3623 4.76518 12.432 4.88887 12.5518C5.01387 12.6715 5.07637 12.8271 5.07637 13.0186C5.07637 13.2764 4.96895 13.4827 4.75411 13.6377C4.54057 13.7926 4.25801 13.8701 3.90645 13.8701C3.57703 13.8701 3.3101 13.7874 3.10567 13.6221C2.90255 13.4567 2.79382 13.2367 2.7795 12.9619H3.46309C3.4696 13.0687 3.51322 13.1533 3.59395 13.2158C3.67468 13.277 3.78275 13.3076 3.91817 13.3076C4.04578 13.3076 4.14929 13.2757 4.22872 13.2119C4.30945 13.1468 4.34981 13.0622 4.34981 12.958C4.34981 12.8486 4.31075 12.7627 4.23262 12.7002C4.1545 12.6377 4.04708 12.6064 3.91036 12.6064H3.56661Z"
-				fill="#1F272E"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'quote'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 17 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-				d="M7.25573 3.3121L4.33894 3.3121C4.0513 3.3121 3.81809 3.54507 3.81809 3.83296L3.81809 7.79145C3.81809 8.07909 4.0513 8.31231 4.33894 8.31231L6.71987 8.31231C6.60797 10.2065 5.86305 11.4145 4.45232 11.9977C4.18655 12.1078 4.06015 12.4123 4.17002 12.6783C4.28039 12.944 4.58558 13.0699 4.85059 12.9606C6.79209 12.1577 7.77658 10.4186 7.77658 7.79145L7.77658 3.83296C7.77658 3.54507 7.54337 3.3121 7.25573 3.3121ZM13.2977 3.31211L10.3809 3.3121C10.0933 3.3121 9.86008 3.54507 9.86008 3.83296L9.86008 7.79145C9.86008 8.0791 10.0933 8.31231 10.3809 8.31231L12.7619 8.31231C12.65 10.2065 11.905 11.4145 10.4943 11.9977C10.2285 12.1078 10.1021 12.4123 10.212 12.6783C10.3224 12.944 10.6268 13.0699 10.8926 12.9606C12.8341 12.1577 13.8186 10.4186 13.8186 7.79145L13.8186 3.83296C13.8186 3.54507 13.5854 3.31211 13.2977 3.31211Z"
-				fill="#1F272E"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'add-response'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 16 15"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M12.3761 0.500004H7.3449C7.03225 0.500004 6.74342 0.666779 6.58717 0.937459C6.43092 1.20814 6.43092 1.54171 6.58717 1.81237C6.74342 2.08321 7.03228 2.24998 7.3449 2.24998H12.3761C12.6082 2.24998 12.8306 2.34214 12.9948 2.50617C13.1588 2.67035 13.251 2.89282 13.251 3.12491V10.1248C13.251 10.3569 13.1588 10.5795 12.9948 10.7436C12.8306 10.9076 12.6082 10.9999 12.3761 10.9999H5.22539C4.76107 10.9994 4.31568 11.1836 3.98717 11.5117L2.75137 12.7498V9.68738C2.75137 9.37473 2.58459 9.0859 2.31376 8.92965C2.04307 8.77341 1.70951 8.77341 1.43885 8.92965C1.16819 9.0859 1.00139 9.37476 1.00139 9.68738V12.6907C0.992543 13.3333 1.32579 13.9322 1.8763 14.2636C2.21001 14.4572 2.59832 14.5352 2.98086 14.4853C3.36339 14.4356 3.71878 14.2607 3.99158 13.988L5.22539 12.7498H12.3761C13.0723 12.7498 13.7399 12.4733 14.2321 11.9811C14.7245 11.4887 15.001 10.8211 15.001 10.1249V3.12496C15.001 2.42872 14.7246 1.76115 14.2321 1.2689C13.7399 0.77652 13.0724 0.5 12.3761 0.5V0.500004Z"
-				fill="black"
-				stroke="white"
-				stroke-width="0.6"
-			/>
-			<path
-				d="M3.3335 0.578814C3.12171 0.482686 2.88045 0.474901 2.66304 0.556994C2.44545 0.639087 2.26968 0.804334 2.17414 1.01628L1.11321 3.34383C0.937131 3.72606 0.967951 4.17175 1.19516 4.52592C1.42235 4.88023 1.81448 5.09431 2.23534 5.09369H3.77981L3.04923 6.69933H3.04908C2.94578 6.91157 2.9325 7.15663 3.0123 7.37881C3.09226 7.60097 3.25858 7.7815 3.47359 7.87915C3.68843 7.97681 3.93377 7.98352 4.15381 7.89777C4.37369 7.81202 4.54962 7.64082 4.64162 7.42336L5.70254 5.09367C5.87862 4.71144 5.8478 4.26575 5.6206 3.91158C5.3934 3.55727 5.00127 3.34319 4.58026 3.34381H3.03595L3.76652 1.73817H3.76668C3.86296 1.52699 3.8715 1.28622 3.79017 1.06877C3.709 0.851332 3.54466 0.6751 3.3335 0.578812L3.3335 0.578814Z"
-				fill="black"
-				stroke="white"
-				stroke-width="0.6"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'chevron-down-accordion'"
-			class="w-3 -all duration-200 transform"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			fill="none"
-			stroke="currentColor"
-			xmlns="http://www.w3.org/2000/svg"
-			viewBox="0 0 16 10"
-			aria-hidden="true"
-		>
-			<path
-				d="M15 1.2l-7 7-7-7"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'add-new'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 24 24"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<rect :width="24" :height="24" rx="6" fill="#F4F5F6" />
-			<path
-				d="M12 8V16"
-				stroke="#1F272E"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M8 12H16"
-				stroke="#1F272E"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
+  <div>
+    <svg
+      v-if="this.name == 'external-link'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M16.2504 13.0556V14.5001C16.2504 16.1569 14.9072 17.5001 13.2504 17.5001H5.917C4.26014 17.5001 2.91699 16.1569 2.91699 14.5001V7.16674C2.91699 5.50991 4.25988 4.16677 5.91671 4.16675C6.39175 4.16675 6.88395 4.16675 7.36149 4.16675"
+        stroke="#505A62"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M11.25 2.5H17.0833V7.5"
+        stroke="#505A62"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M11.25 8.33325L16.25 3.33325"
+        stroke="#505A62"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'log-out'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M3 10L4.89662 10.0054L7.79323 10.0107L9.24154 10.0134L10.9657 10.0147"
+        stroke="#E24C4C"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M8.5 7L11.5 10L8.5 13"
+        stroke="#E24C4C"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M3.12402 13C4.28136 15.6489 6.92448 17.5 9.99996 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 9.99996 2.5C6.92448 2.5 4.28136 4.35114 3.12402 7"
+        stroke="#E24C4C"
+        stroke-linecap="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'priority-urgent'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 9 9"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect
+        width="2"
+        height="6"
+        rx="1"
+        transform="matrix(-1 0 0 1 5.5 0)"
+        fill="#E24C4C"
+      />
+      <rect
+        width="2"
+        height="2"
+        rx="1"
+        transform="matrix(-1 0 0 1 5.5 7)"
+        fill="#E24C4C"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'priority-medium'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 9 9"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect
+        width="2"
+        height="3"
+        rx="1"
+        transform="matrix(-1 0 0 1 2.5 6)"
+        fill="#A6B1B9"
+      />
+      <rect
+        width="2"
+        height="6"
+        rx="1"
+        transform="matrix(-1 0 0 1 5.5 3)"
+        fill="#A6B1B9"
+      />
+      <rect
+        width="2"
+        height="9"
+        rx="1"
+        transform="matrix(-1 0 0 1 8.5 0)"
+        fill="#EBEEF0"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'priority-low'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 9 9"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect
+        width="2"
+        height="3"
+        rx="1"
+        transform="matrix(-1 0 0 1 2.5 6)"
+        fill="#A6B1B9"
+      />
+      <rect
+        width="2"
+        height="6"
+        rx="1"
+        transform="matrix(-1 0 0 1 5.5 3)"
+        fill="#EBEEF0"
+      />
+      <rect
+        width="2"
+        height="9"
+        rx="1"
+        transform="matrix(-1 0 0 1 8.5 0)"
+        fill="#EBEEF0"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'priority-high'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 9 9"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect
+        width="2"
+        height="3"
+        rx="1"
+        transform="matrix(-1 0 0 1 2.5 6)"
+        fill="#A6B1B9"
+      />
+      <rect
+        width="2"
+        height="6"
+        rx="1"
+        transform="matrix(-1 0 0 1 5.5 3)"
+        fill="#A6B1B9"
+      />
+      <rect
+        width="2"
+        height="9"
+        rx="1"
+        transform="matrix(-1 0 0 1 8.5 0)"
+        fill="#A6B1B9"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'user-plus'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 13 13"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.25 8.375H5C4.00544 8.375 3.05161 8.77009 2.34835 9.47335C1.64509 10.1766 1.25 11.1304 1.25 12.125H8"
+        stroke="#74808B"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M6.125 6.125C7.57475 6.125 8.75 4.94975 8.75 3.5C8.75 2.05025 7.57475 0.875 6.125 0.875C4.67525 0.875 3.5 2.05025 3.5 3.5C3.5 4.94975 4.67525 6.125 6.125 6.125Z"
+        stroke="#74808B"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M10.25 8.375V11.375"
+        stroke="#74808B"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M8.75 9.875H11.75"
+        stroke="#74808B"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'corner-up-left'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 11 8"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M10.9999 7.51503C10.9999 7.68835 10.9052 7.84845 10.7511 7.93505C10.5971 8.02165 10.4075 8.02165 10.2534 7.93505C10.0994 7.84845 10.0045 7.68834 10.0045 7.51503C10.003 6.35143 9.52785 5.23588 8.68346 4.41315C7.83907 3.59041 6.69417 3.12753 5.49998 3.12614H1.86175L3.44892 4.42778C3.55079 4.51038 3.61477 4.62913 3.62655 4.75773C3.63822 4.88644 3.59689 5.01429 3.51146 5.11312C3.42614 5.21184 3.30394 5.27344 3.17187 5.28405C3.03978 5.29477 2.90881 5.25363 2.80793 5.16984L0.177079 3.01171C0.0647672 2.91948 0 2.78373 0 2.64072C0 2.49761 0.0647644 2.36188 0.177079 2.26962L2.80782 0.111938L2.80793 0.112046C2.94402 0.00173586 3.13009 -0.0297653 3.29651 0.0293403C3.46282 0.088446 3.58446 0.229174 3.6158 0.399028C3.64724 0.568768 3.5837 0.742084 3.44894 0.854015L1.86235 2.15618H5.5C6.95808 2.1578 8.35587 2.72299 9.38707 3.72758C10.4181 4.73216 10.9982 6.0943 11 7.51507L10.9999 7.51503Z"
+        fill="#74808B"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'check'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 13 11"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M1 7.66667L4 10.5L12 1"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'circle-check'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 18 17"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M9 16.5C13.4183 16.5 17 12.9183 17 8.5C17 4.08172 13.4183 0.5 9 0.5C4.58172 0.5 1 4.08172 1 8.5C1 12.9183 4.58172 16.5 9 16.5Z"
+        fill="#48BB74"
+      />
+      <path
+        d="M5.6665 9.11357L7.6665 11.1136L12.3332 6.4469M17 8.5C17 12.9183 13.4183 16.5 9 16.5C4.58172 16.5 1 12.9183 1 8.5C1 4.08172 4.58172 0.5 9 0.5C13.4183 0.5 17 4.08172 17 8.5Z"
+        stroke="white"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'circle-fail'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M8.00016 14.6666C11.6821 14.6666 14.6668 11.6819 14.6668 7.99998C14.6668 4.31808 11.6821 1.33331 8.00016 1.33331C4.31826 1.33331 1.3335 4.31808 1.3335 7.99998C1.3335 11.6819 4.31826 14.6666 8.00016 14.6666ZM5.30317 5.30298C5.59606 5.01009 6.07094 5.01009 6.36383 5.30298L8.00092 6.94008L9.63799 5.30302C9.93088 5.01012 10.4058 5.01012 10.6986 5.30302C10.9915 5.59591 10.9915 6.07078 10.6986 6.36368L9.06159 8.00074L10.6986 9.6378C10.9915 9.93069 10.9915 10.4056 10.6986 10.6985C10.4058 10.9914 9.93088 10.9914 9.63799 10.6985L8.00093 9.0614L6.36383 10.6985C6.07094 10.9914 5.59606 10.9914 5.30317 10.6985C5.01028 10.4056 5.01027 9.93073 5.30317 9.63784L6.94026 8.00074L5.30317 6.36364C5.01028 6.07075 5.01028 5.59588 5.30317 5.30298Z"
+        fill="#F56B6B"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'sla-pass'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M14.6668 8.00001C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8.00001C1.3335 4.31811 4.31826 1.33334 8.00016 1.33334C11.6821 1.33334 14.6668 4.31811 14.6668 8.00001ZM11.4848 5.58164C11.0943 5.19112 10.4611 5.19112 10.0706 5.58164L9.51506 6.1372L8.40395 7.24831L6.88883 8.76342L6.48483 8.35942L5.92928 7.80386C5.53875 7.41334 4.90559 7.41334 4.51506 7.80386C4.12454 8.19439 4.12454 8.82755 4.51506 9.21808L5.07062 9.77363L6.18173 10.8847C6.36926 11.0723 6.62362 11.1776 6.88883 11.1776C7.15405 11.1776 7.4084 11.0723 7.59594 10.8847L9.81816 8.66252L10.9293 7.55141L11.4848 6.99585C11.8754 6.60533 11.8754 5.97217 11.4848 5.58164Z"
+        fill="#2490EF"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'sla-fail'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M8.00016 14.6666C11.6821 14.6666 14.6668 11.6819 14.6668 7.99998C14.6668 4.31808 11.6821 1.33331 8.00016 1.33331C4.31826 1.33331 1.3335 4.31808 1.3335 7.99998C1.3335 11.6819 4.31826 14.6666 8.00016 14.6666ZM5.30317 5.30298C5.59606 5.01009 6.07094 5.01009 6.36383 5.30298L8.00092 6.94008L9.63799 5.30302C9.93088 5.01012 10.4058 5.01012 10.6986 5.30302C10.9915 5.59591 10.9915 6.07078 10.6986 6.36368L9.06159 8.00074L10.6986 9.6378C10.9915 9.93069 10.9915 10.4056 10.6986 10.6985C10.4058 10.9914 9.93088 10.9914 9.63799 10.6985L8.00093 9.0614L6.36383 10.6985C6.07094 10.9914 5.59606 10.9914 5.30317 10.6985C5.01028 10.4056 5.01027 9.93073 5.30317 9.63784L6.94026 8.00074L5.30317 6.36364C5.01028 6.07075 5.01028 5.59588 5.30317 5.30298Z"
+        fill="#F56B6B"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'disc'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect width="16" height="16" rx="8" fill="#F9FAFA" />
+      <rect
+        x="1.27734"
+        y="1.27759"
+        width="13.4444"
+        height="13.4444"
+        rx="6.72222"
+        fill="white"
+        stroke="#DCE0E3"
+      />
+      <circle cx="8" cy="8" r="1.5" fill="#74808B" stroke="#74808B" />
+    </svg>
+    <svg
+      v-if="this.name == 'lock'"
+      class="stroke-0"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M7.8075 1.83351H7.75569C6.91253 1.8258 6.10072 2.15293 5.49845 2.74315C4.89557 3.33398 4.55202 4.14006 4.54337 4.98414L4.54334 4.98414V4.98927V5.2827H3.83325C2.72868 5.2827 1.83325 6.17813 1.83325 7.2827V12.1664C1.83325 13.271 2.72868 14.1664 3.83325 14.1664H11.6734C12.7779 14.1664 13.6734 13.271 13.6734 12.1664V7.2827C13.6734 6.17814 12.7779 5.2827 11.6734 5.2827H10.9633V5.04584C10.971 4.20269 10.6438 3.39088 10.0536 2.78861C9.4628 2.18573 8.65671 1.84219 7.81263 1.83353V1.83351H7.8075ZM9.96327 5.2827V5.04347V5.03849L9.96329 5.03849C9.96905 4.45956 9.74464 3.90204 9.33941 3.48854C8.93475 3.07562 8.38285 2.84007 7.80481 2.83351H7.75331H7.74833V2.83348C7.1694 2.82772 6.61188 3.05213 6.19838 3.45736C5.78546 3.86203 5.54991 4.41392 5.54334 4.99196V5.2827H9.96327ZM3.83325 6.2827C3.28097 6.2827 2.83325 6.73042 2.83325 7.2827V12.1664C2.83325 12.7187 3.28097 13.1664 3.83325 13.1664H11.6734C12.2256 13.1664 12.6734 12.7187 12.6734 12.1664V7.2827C12.6734 6.73042 12.2256 6.2827 11.6734 6.2827H3.83325ZM7.75345 10.2027C8.01755 10.2027 8.23164 9.98864 8.23164 9.72454C8.23164 9.46044 8.01755 9.24634 7.75345 9.24634C7.48935 9.24634 7.27525 9.46044 7.27525 9.72454C7.27525 9.98864 7.48935 10.2027 7.75345 10.2027ZM9.23164 9.72454C9.23164 10.5409 8.56983 11.2027 7.75345 11.2027C6.93706 11.2027 6.27525 10.5409 6.27525 9.72454C6.27525 8.90815 6.93706 8.24634 7.75345 8.24634C8.56983 8.24634 9.23164 8.90815 9.23164 9.72454Z"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'comment'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M5.24127 2.66663H9.65506L11.701 2.66663C12.8056 2.66663 13.701 3.56206 13.701 4.66663V7.66075V8.94657C13.701 10.0511 12.8056 10.9466 11.701 10.9466H11.6263C11.3502 10.9466 11.1263 11.1704 11.1263 11.4466V12.2839C11.1263 12.7048 10.6382 12.9374 10.3114 12.6723L8.45917 11.1699C8.28102 11.0254 8.05861 10.9466 7.82923 10.9466H4.66654C3.56195 10.9466 2.66652 10.0511 2.66654 8.94654L2.66656 7.66075V4.66664C2.66656 3.56207 3.56199 2.66664 4.66656 2.66664L5.24127 2.66663Z"
+        stroke-miterlimit="10"
+        stroke-linecap="square"
+      />
+      <path
+        d="M5.24121 5.24133H10.3906"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+      />
+      <path
+        d="M5.24121 7.08044H8.18374"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'chevron-up'"
+      class="stroke-0"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 10 6"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M8.61989 6H0.573855C0.0648106 6 -0.192865 5.38126 0.169471 5.02149L4.20831 0.169836C4.43412 -0.0559751 4.79005 -0.0572481 5.01586 0.169836L9.02422 5.02149C9.38528 5.38255 9.1288 6 8.61983 6H8.61989Z"
+        fill="#C8CFD5"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'chevron-down'"
+      class="stroke-0"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 10 6"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M8.73049 0H0.684451C0.175406 0 -0.0822696 0.618739 0.280066 0.978509L4.3189 5.83016C4.54471 6.05598 4.90064 6.05725 5.12646 5.83016L9.13481 0.978509C9.49588 0.617446 9.2394 0 8.73043 0H8.73049Z"
+        fill="#C8CFD5"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'customers'"
+      class="stroke-black"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 26 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M20.9996 21H24.4438C24.9961 21 25.4438 20.5523 25.4438 20V16.1969C25.4436 15.9749 25.377 15.758 25.2524 15.5742C25.1279 15.3905 24.9511 15.2482 24.7449 15.1658L20.5874 13.4993C20.3815 13.417 20.205 13.2751 20.0805 13.0918C19.956 12.9085 19.8891 12.6921 19.8885 12.4704V11.4949C20.5624 11.1082 21.1225 10.5509 21.5126 9.87896C21.9027 9.20705 22.1089 8.44426 22.1106 7.66733V5.44522C22.1108 4.66501 21.9056 3.89851 21.5156 3.22276C21.1256 2.54701 20.5646 1.98584 19.8889 1.59566C19.2133 1.20548 18.4469 1.00004 17.6667 1C16.8864 0.999956 16.12 1.20531 15.4443 1.59541"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M15.8559 16.2768L11.6984 14.6103C11.4925 14.528 11.316 14.3861 11.1915 14.2028C11.0669 14.0195 11.0001 13.8031 10.9995 13.5814V12.6059C11.6734 12.2192 12.2335 11.6619 12.6236 10.99C13.0137 10.318 13.2199 9.55526 13.2216 8.77833V6.55622C13.2216 5.37754 12.7534 4.24714 11.9199 3.41368C11.0865 2.58023 9.95607 2.112 8.77739 2.112C7.59871 2.112 6.4683 2.58023 5.63485 3.41368C4.8014 4.24714 4.33317 5.37754 4.33317 6.55622V8.77833C4.33486 9.55526 4.54113 10.318 4.9312 10.99C5.32128 11.6619 5.88142 12.2192 6.55528 12.6059V13.5814C6.55514 13.8034 6.48849 14.0203 6.36392 14.2041C6.23936 14.3879 6.06259 14.5301 5.85642 14.6125L1.69885 16.2791C1.49304 16.3613 1.31651 16.5032 1.19198 16.6865C1.06744 16.8699 1.00058 17.0863 1 17.3079V19.9999C1 20.5522 1.44772 20.9999 2 20.9999H15.5548C16.1071 20.9999 16.5548 20.5522 16.5548 19.9999V17.3079C16.5546 17.0859 16.488 16.869 16.3634 16.6852C16.2389 16.5015 16.0621 16.3592 15.8559 16.2768Z"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'dislike'"
+      class="stroke-black"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12 24C5.37273 24 0 18.6273 0 12C0 5.37273 5.37273 0 12 0C18.6273 0 24 5.37273 24 12C24 18.6273 18.6273 24 12 24ZM12 1.09091C5.97273 1.09091 1.09091 5.97273 1.09091 12C1.09091 18.0273 5.97273 22.9091 12 22.9091C18.0273 22.9091 22.9091 18.0273 22.9091 12C22.9091 5.97273 18.0273 1.09091 12 1.09091ZM8.18191 8.18182C7.58191 8.18182 7.0911 8.67263 7.0911 9.27263C7.0911 9.87263 7.58191 10.3634 8.18191 10.3634C8.78191 10.3634 9.27273 9.87263 9.27273 9.27263C9.27273 8.67263 8.78191 8.18182 8.18191 8.18182ZM15.8183 8.18182C15.2183 8.18182 14.7275 8.67263 14.7275 9.27263C14.7275 9.87263 15.2183 10.3634 15.8183 10.3634C16.4183 10.3634 16.9091 9.87263 16.9091 9.27263C16.9093 8.67263 16.4183 8.18182 15.8183 8.18182ZM12.0002 13.6364C9.05474 13.6364 6.62747 15.7636 6.10929 18.5455H7.22752C7.71833 16.3636 9.68196 14.7274 12.0002 14.7274C14.3185 14.7274 16.2822 16.3638 16.773 18.5455H17.8912C17.373 15.7636 14.9457 13.6364 12.0003 13.6364H12.0002Z"
+        fill="#A6B1B9"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'document'"
+      class="stroke-black"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 15 17"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M9.5 1H2.5C1.67157 1 1 1.67157 1 2.5V14.5C1 15.3284 1.67157 16 2.5 16H12.5C13.3284 16 14 15.3284 14 14.5V5.5L9.5 1Z"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M4 12.5H11"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M4 9.5H11"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M4 6.5H6"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'folder'"
+      class="stroke-black"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 17 15"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M1 2V12C1 13.1046 1.89543 14 3 14H14C15.1046 14 16 13.1046 16 12V4.5C16 3.94772 15.5523 3.5 15 3.5H8.71689C8.54915 3.5 8.39259 3.41589 8.29999 3.27602L6.94139 1.22398C6.84879 1.08411 6.69223 1 6.52448 1H2C1.44772 1 1 1.44772 1 2Z"
+        stroke-miterlimit="10"
+        stroke-linecap="square"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'frappedesk'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 70 17"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M0 0H11.4921V2.9196H0V0ZM0 16.6V7.44866H10.73V10.3732H3.66813V16.6H0Z"
+        fill="#2490EF"
+      />
+      <path
+        d="M23.9024 16.3604H18.4921V0H24.0116C25.5966 0 26.9584 0.327521 28.0965 0.982575C29.24 1.63231 30.1183 2.56695 30.7315 3.78653C31.3447 5.0061 31.6514 6.46532 31.6514 8.1642C31.6514 9.8684 31.3422 11.3329 30.7237 12.5579C30.1104 13.7827 29.2243 14.7228 28.0653 15.3778C26.9116 16.0328 25.5239 16.3604 23.9024 16.3604ZM21.3843 13.796H23.7621C24.8743 13.796 25.802 13.5884 26.5452 13.1729C27.2884 12.7522 27.8471 12.1264 28.2213 11.2956C28.5955 10.4595 28.7825 9.41572 28.7825 8.1642C28.7825 6.91268 28.5955 5.87417 28.2213 5.04871C27.8471 4.2179 27.2935 3.59747 26.5608 3.1874C25.8331 2.77199 24.9288 2.56429 23.8479 2.56429H21.3843V13.796Z"
+        fill="black"
+      />
+      <path
+        d="M39.3561 16.6001C38.1555 16.6001 37.1187 16.3445 36.2456 15.8332C35.3777 15.3166 34.7099 14.587 34.242 13.6443C33.7743 12.6964 33.5405 11.5807 33.5405 10.2972C33.5405 9.03499 33.7743 7.92727 34.242 6.97398C34.715 6.01536 35.375 5.26977 36.2222 4.73721C37.0693 4.19932 38.0646 3.93037 39.2079 3.93037C39.946 3.93037 40.6424 4.05287 41.2973 4.29785C41.9572 4.5375 42.5394 4.9103 43.0435 5.41623C43.5528 5.92216 43.953 6.56657 44.2441 7.34943C44.5351 8.12697 44.6805 9.05363 44.6805 10.1294V11.0161H34.8657V9.06695H41.9755C41.9703 8.51308 41.8534 8.02047 41.6247 7.58909C41.396 7.15238 41.0764 6.80888 40.6658 6.55858C40.2605 6.30827 39.7875 6.18313 39.2469 6.18313C38.67 6.18313 38.1633 6.32691 37.7267 6.6145C37.2902 6.89675 36.9498 7.26956 36.7055 7.73288C36.4664 8.19088 36.3443 8.69415 36.3392 9.2427V10.9442C36.3392 11.6579 36.4664 12.2704 36.7211 12.7815C36.9758 13.2876 37.3317 13.6764 37.7892 13.9479C38.2464 14.2141 38.7817 14.3473 39.395 14.3473C39.8057 14.3473 40.1772 14.2887 40.5098 14.1716C40.8425 14.0491 41.1309 13.8707 41.3752 13.6363C41.6194 13.4021 41.804 13.1118 41.9288 12.7656L44.5637 13.0691C44.3974 13.7828 44.0803 14.406 43.6126 14.9385C43.15 15.4657 42.5576 15.8757 41.8351 16.1687C41.1127 16.4563 40.2864 16.6001 39.3561 16.6001Z"
+        fill="black"
+      />
+      <path
+        d="M56.3127 7.33345L53.7401 7.62104C53.6674 7.35476 53.5401 7.10445 53.3581 6.87013C53.1815 6.63581 52.9424 6.44674 52.6409 6.30295C52.3395 6.15916 51.9705 6.08725 51.534 6.08725C50.9467 6.08725 50.4529 6.21774 50.0528 6.4787C49.6578 6.73965 49.4628 7.07783 49.4681 7.49322C49.4628 7.85004 49.5902 8.14029 49.85 8.36397C50.1151 8.58765 50.5517 8.77138 51.1597 8.91517L53.2023 9.36253C54.3352 9.61283 55.1772 10.0096 55.7281 10.5528C56.2842 11.096 56.5648 11.807 56.57 12.6858C56.5648 13.4579 56.3439 14.1396 55.9073 14.7307C55.476 15.3166 54.8757 15.7745 54.1066 16.1048C53.3373 16.435 52.4538 16.6001 51.456 16.6001C49.9903 16.6001 48.8107 16.2858 47.9166 15.6574C47.0227 15.0237 46.4901 14.1423 46.3186 13.0133L49.0705 12.7416C49.1952 13.2955 49.4603 13.7135 49.8657 13.9958C50.2711 14.278 50.7986 14.4193 51.4482 14.4193C52.1187 14.4193 52.6565 14.278 53.0618 13.9958C53.4725 13.7135 53.6778 13.3648 53.6778 12.9494C53.6778 12.5979 53.5452 12.3076 53.2801 12.0785C53.0203 11.8496 52.615 11.6738 52.064 11.5514L50.0215 11.112C48.873 10.867 48.0232 10.4543 47.4724 9.87378C46.9214 9.28797 46.6486 8.5477 46.6539 7.653C46.6486 6.89675 46.8487 6.2417 47.2541 5.68784C47.6646 5.12864 48.2338 4.69727 48.9614 4.39371C49.6942 4.08482 50.5386 3.93037 51.495 3.93037C52.8982 3.93037 54.0026 4.2366 54.8081 4.84905C55.6189 5.4615 56.1205 6.28963 56.3127 7.33345Z"
+        fill="black"
+      />
+      <path
+        d="M61.25 12.5099L61.2423 9.01896H61.6944L65.9976 4.09008H69.2953L64.002 10.1294H63.4173L61.25 12.5099ZM58.6774 16.3604V0H61.4994V16.3604H58.6774ZM66.1925 16.3604L62.2947 10.7764L64.1968 8.73936L69.5681 16.3604H66.1925Z"
+        fill="black"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'knowledge-base'"
+      class="stroke-black"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 22 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M14.2127 7.78706L18.0709 3.92887"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M14.2127 14.2127L18.0709 18.0708"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M7.78726 14.2127L3.92908 18.0708"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M7.78726 7.78706L3.92908 3.92887"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M11 15.5454C13.5103 15.5454 15.5454 13.5103 15.5454 10.9999C15.5454 8.48952 13.5103 6.45445 11 6.45445C8.48958 6.45445 6.45451 8.48952 6.45451 10.9999C6.45451 13.5103 8.48958 15.5454 11 15.5454Z"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'like'"
+      class="stroke-black"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12 24C5.37273 24 0 18.6273 0 12C0 5.37273 5.37273 0 12 0C18.6273 0 24 5.37273 24 12C24 18.6273 18.6273 24 12 24ZM12 1.09091C5.97273 1.09091 1.09091 5.97273 1.09091 12C1.09091 18.0273 5.97273 22.9091 12 22.9091C18.0273 22.9091 22.9091 18.0273 22.9091 12C22.9091 5.97273 18.0273 1.09091 12 1.09091ZM8.18191 8.18182C7.58191 8.18182 7.0911 8.67263 7.0911 9.27263C7.0911 9.87263 7.58191 10.3634 8.18191 10.3634C8.78191 10.3634 9.27273 9.87263 9.27273 9.27263C9.27273 8.67263 8.78191 8.18182 8.18191 8.18182ZM15.8183 8.18182C15.2183 8.18182 14.7275 8.67263 14.7275 9.27263C14.7275 9.87263 15.2183 10.3634 15.8183 10.3634C16.4183 10.3634 16.9091 9.87263 16.9091 9.27263C16.9093 8.67263 16.4183 8.18182 15.8183 8.18182ZM12.0002 18.5455C9.05474 18.5455 6.62747 16.4182 6.10929 13.6364H7.22752C7.71833 15.8182 9.68196 17.4544 12.0002 17.4544C14.3185 17.4544 16.2822 15.818 16.773 13.6364H17.8912C17.373 16.4182 14.9456 18.5455 12.0002 18.5455Z"
+        fill="#A6B1B9"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'reports'"
+      class="stroke-black"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 22 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M20.0001 1H15.3334C14.7811 1 14.3334 1.44772 14.3334 2V20.9998H20.0001C20.5523 20.9998 21.0001 20.552 21.0001 19.9998V2C21.0001 1.44772 20.5523 1 20.0001 1Z"
+        stroke-miterlimit="10"
+        stroke-linecap="square"
+      />
+      <path
+        d="M13.3333 6.71417H8.66661C8.11432 6.71417 7.66661 7.16189 7.66661 7.71417V20.9997H14.3333V7.71417C14.3333 7.16189 13.8856 6.71417 13.3333 6.71417Z"
+        stroke-miterlimit="10"
+        stroke-linecap="square"
+      />
+      <path
+        d="M6.66667 12.6667H2C1.44772 12.6667 1 13.1144 1 13.6667V19.9999C1 20.5522 1.44771 20.9999 2 20.9999H7.66667V13.6667C7.66667 13.1144 7.21895 12.6667 6.66667 12.6667Z"
+        stroke-miterlimit="10"
+        stroke-linecap="square"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'settings'"
+      class="stroke-black"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 26 26"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12.9996 16.2729C14.8071 16.2729 16.2724 14.8076 16.2724 13.0001C16.2724 11.1927 14.8071 9.72742 12.9996 9.72742C11.1922 9.72742 9.7269 11.1927 9.7269 13.0001C9.7269 14.8076 11.1922 16.2729 12.9996 16.2729Z"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M21.0727 16.2727C20.9275 16.6018 20.8842 16.9668 20.9484 17.3206C21.0125 17.6745 21.1812 18.0011 21.4327 18.2582L21.4982 18.3236C21.701 18.5263 21.862 18.7669 21.9718 19.0318C22.0816 19.2966 22.1381 19.5805 22.1381 19.8673C22.1381 20.154 22.0816 20.4379 21.9718 20.7028C21.862 20.9676 21.701 21.2083 21.4982 21.4109C21.2956 21.6138 21.0549 21.7747 20.7901 21.8845C20.5252 21.9943 20.2413 22.0508 19.9545 22.0508C19.6678 22.0508 19.3839 21.9943 19.119 21.8845C18.8542 21.7747 18.6135 21.6138 18.4109 21.4109L18.3455 21.3455C18.0884 21.094 17.7618 20.9253 17.4079 20.8611C17.054 20.7969 16.689 20.8402 16.36 20.9855C16.0373 21.1237 15.7622 21.3534 15.5683 21.646C15.3745 21.9387 15.2705 22.2817 15.2691 22.6327V22.8182C15.2691 23.3968 15.0392 23.9518 14.6301 24.361C14.2209 24.7701 13.6659 25 13.0873 25C12.5086 25 11.9537 24.7701 11.5445 24.361C11.1353 23.9518 10.9055 23.3968 10.9055 22.8182V22.72C10.897 22.3589 10.7801 22.0087 10.57 21.7149C10.3599 21.4212 10.0663 21.1974 9.72727 21.0727C9.39824 20.9275 9.03324 20.8842 8.67936 20.9484C8.32547 21.0125 7.99892 21.1812 7.74182 21.4327L7.67636 21.4982C7.47373 21.701 7.2331 21.862 6.96823 21.9718C6.70336 22.0816 6.41945 22.1381 6.13273 22.1381C5.846 22.1381 5.56209 22.0816 5.29722 21.9718C5.03235 21.862 4.79172 21.701 4.58909 21.4982C4.38623 21.2956 4.2253 21.0549 4.11551 20.7901C4.00571 20.5252 3.94919 20.2413 3.94919 19.9545C3.94919 19.6678 4.00571 19.3839 4.11551 19.119C4.2253 18.8542 4.38623 18.6135 4.58909 18.4109L4.65455 18.3455C4.90604 18.0884 5.07475 17.7618 5.13891 17.4079C5.20308 17.054 5.15976 16.689 5.01455 16.36C4.87626 16.0373 4.64664 15.7622 4.35396 15.5683C4.06128 15.3745 3.71831 15.2705 3.36727 15.2691H3.18182C2.60316 15.2691 2.04821 15.0392 1.63904 14.6301C1.22987 14.2209 1 13.6659 1 13.0873C1 12.5086 1.22987 11.9537 1.63904 11.5445C2.04821 11.1353 2.60316 10.9055 3.18182 10.9055H3.28C3.64108 10.897 3.99128 10.7801 4.28505 10.57C4.57883 10.3599 4.8026 10.0663 4.92727 9.72727C5.07249 9.39824 5.11581 9.03324 5.05164 8.67936C4.98748 8.32547 4.81877 7.99892 4.56727 7.74182L4.50182 7.67636C4.29896 7.47373 4.13803 7.2331 4.02823 6.96823C3.91843 6.70336 3.86192 6.41945 3.86192 6.13273C3.86192 5.846 3.91843 5.56209 4.02823 5.29722C4.13803 5.03235 4.29896 4.79172 4.50182 4.58909C4.70445 4.38623 4.94508 4.2253 5.20995 4.11551C5.47482 4.00571 5.75873 3.94919 6.04545 3.94919C6.33218 3.94919 6.61609 4.00571 6.88096 4.11551C7.14583 4.2253 7.38646 4.38623 7.58909 4.58909L7.65455 4.65455C7.91165 4.90604 8.2382 5.07475 8.59209 5.13891C8.94597 5.20308 9.31096 5.15976 9.64 5.01455H9.72727C10.0499 4.87626 10.3251 4.64664 10.5189 4.35396C10.7128 4.06128 10.8168 3.71831 10.8182 3.36727V3.18182C10.8182 2.60316 11.0481 2.04821 11.4572 1.63904C11.8664 1.22987 12.4213 1 13 1C13.5787 1 14.1336 1.22987 14.5428 1.63904C14.9519 2.04821 15.1818 2.60316 15.1818 3.18182V3.28C15.1832 3.63104 15.2872 3.97401 15.4811 4.26669C15.6749 4.55937 15.9501 4.78899 16.2727 4.92727C16.6018 5.07249 16.9668 5.11581 17.3206 5.05164C17.6745 4.98748 18.0011 4.81877 18.2582 4.56727L18.3236 4.50182C18.5263 4.29896 18.7669 4.13803 19.0318 4.02823C19.2966 3.91843 19.5805 3.86192 19.8673 3.86192C20.154 3.86192 20.4379 3.91843 20.7028 4.02823C20.9676 4.13803 21.2083 4.29896 21.4109 4.50182C21.6138 4.70445 21.7747 4.94508 21.8845 5.20995C21.9943 5.47482 22.0508 5.75873 22.0508 6.04545C22.0508 6.33218 21.9943 6.61609 21.8845 6.88096C21.7747 7.14583 21.6138 7.38646 21.4109 7.58909L21.3455 7.65455C21.094 7.91165 20.9253 8.2382 20.8611 8.59209C20.7969 8.94597 20.8402 9.31096 20.9855 9.64V9.72727C21.1237 10.0499 21.3534 10.3251 21.646 10.5189C21.9387 10.7128 22.2817 10.8168 22.6327 10.8182H22.8182C23.3968 10.8182 23.9518 11.0481 24.361 11.4572C24.7701 11.8664 25 12.4213 25 13C25 13.5787 24.7701 14.1336 24.361 14.5428C23.9518 14.9519 23.3968 15.1818 22.8182 15.1818H22.72C22.369 15.1832 22.026 15.2872 21.7333 15.4811C21.4406 15.6749 21.211 15.9501 21.0727 16.2727V16.2727Z"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'ticket'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 19 19"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M1.24749 11.3931C0.993646 11.6469 0.993647 12.0585 1.24749 12.3123L2.554 13.6189C2.68907 13.7539 2.90806 13.7539 3.04313 13.6189C3.75088 12.9111 4.89201 12.9108 5.59897 13.6177C6.30603 14.3248 6.30568 15.4657 5.59783 16.1736C5.46276 16.3086 5.46276 16.5276 5.59783 16.6627L6.90434 17.9692C7.15818 18.223 7.56974 18.223 7.82358 17.9692L18.4698 7.32293C18.7237 7.06909 18.7237 6.65754 18.4698 6.4037L17.1633 5.09718C17.0283 4.96211 16.8093 4.96211 16.6742 5.09718C15.9663 5.80504 14.8254 5.80538 14.1184 5.09832C13.4114 4.39136 13.4117 3.25024 14.1195 2.54248C14.2546 2.40741 14.2546 2.18843 14.1195 2.05336L12.813 0.746841C12.5591 0.493 12.1476 0.493001 11.8937 0.746841L1.24749 11.3931ZM2.01316 12.1C1.87648 11.9633 1.87648 11.7417 2.01316 11.605L8.64421 4.97396C8.78089 4.83728 9.0025 4.83728 9.13918 4.97396L14.2424 10.0772C14.3791 10.2139 14.3791 10.4355 14.2424 10.5722L7.61138 17.2032C7.4747 17.3399 7.25309 17.3399 7.1164 17.2032L6.51854 16.6054C6.39391 16.4807 6.37719 16.2669 6.47925 16.084C7.0057 15.1402 6.89265 13.9333 6.0878 13.1285C5.28308 12.3238 4.07326 12.2066 3.12843 12.7327C2.94517 12.8347 2.73121 12.818 2.60654 12.6934L2.01316 12.1ZM9.62823 4.48492C9.49154 4.34823 9.49155 4.12663 9.62823 3.98994L12.1056 1.51257C12.2423 1.37588 12.4639 1.37588 12.6006 1.51257L13.1939 2.10593C13.3186 2.23059 13.3353 2.44456 13.2333 2.62782C12.7072 3.57259 12.8243 4.78246 13.6291 5.58718C14.4339 6.39203 15.6408 6.50509 16.5845 5.97863C16.7675 5.87657 16.9813 5.89329 17.1059 6.01792L17.7038 6.61578C17.8405 6.75247 17.8405 6.97408 17.7038 7.11076L15.2264 9.58813C15.0897 9.72482 14.8681 9.72482 14.7314 9.58813L9.62823 4.48492Z"
+        fill="#74808B"
+        stroke="#74808B"
+        stroke-width="0.3"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'time'"
+      class="stroke-black"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 17 17"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M9.00034 5.0118C9.00034 4.73566 8.77648 4.5118 8.50034 4.5118C8.2242 4.5118 8.00034 4.73566 8.00034 5.0118H9.00034ZM8.50034 8.50017H8.00034C8.00034 8.63277 8.05301 8.75995 8.14678 8.85371L8.50034 8.50017ZM10.6464 11.3535C10.8417 11.5488 11.1583 11.5488 11.3535 11.3535C11.5488 11.1583 11.5488 10.8417 11.3536 10.6464L10.6464 11.3535ZM15.5 8.5C15.5 12.366 12.366 15.5 8.5 15.5V16.5C12.9183 16.5 16.5 12.9183 16.5 8.5H15.5ZM8.5 15.5C4.63401 15.5 1.5 12.366 1.5 8.5H0.5C0.5 12.9183 4.08172 16.5 8.5 16.5V15.5ZM1.5 8.5C1.5 4.63401 4.63401 1.5 8.5 1.5V0.5C4.08172 0.5 0.5 4.08172 0.5 8.5H1.5ZM8.5 1.5C12.366 1.5 15.5 4.63401 15.5 8.5H16.5C16.5 4.08172 12.9183 0.5 8.5 0.5V1.5ZM8.00034 5.0118V8.50017H9.00034V5.0118H8.00034ZM8.14678 8.85371L10.6464 11.3535L11.3536 10.6464L8.8539 8.14663L8.14678 8.85371Z"
+        fill="#A6B1B9"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'filter'"
+      class="stroke-black"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M2 4H14"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M4 8H12"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M6.5 12H9.5"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'sort-ascending'"
+      class="stroke-black"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M1.75 3.25H10.75"
+        stroke="#505A62"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M1.75 7.25H7.75"
+        stroke="#505A62"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M1.75 11.25H5.75"
+        stroke="#505A62"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M14.25 7.75L12.25 5.75L10.25 7.75"
+        stroke="#505A62"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M12.25 11.75L12.25 5.75"
+        stroke="#505A62"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'select'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 12 12"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M4.5 3.63636L6.13636 2L7.77273 3.63636M4.5 8.36364L6.13636 10L7.77273 8.36364"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'empty-list'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 78 85"
+      fill="none"
+    >
+      <rect
+        x="13"
+        y="12"
+        width="64"
+        height="72"
+        rx="7"
+        stroke="#A6B1B9"
+        stroke-width="2"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M8 2H58C61.3137 2 64 4.68629 64 8V9H66V8C66 3.58172 62.4183 0 58 0H8C3.58172 0 0 3.58172 0 8V66C0 70.4183 3.58172 74 8 74H10V72H8C4.68629 72 2 69.3137 2 66V8C2 4.68629 4.68629 2 8 2Z"
+        fill="#A6B1B9"
+      />
+      <path
+        d="M42 31H66"
+        stroke="#A6B1B9"
+        stroke-width="2"
+        stroke-linecap="round"
+      />
+      <path
+        d="M42 51H66"
+        stroke="#A6B1B9"
+        stroke-width="2"
+        stroke-linecap="round"
+      />
+      <path
+        d="M42 25H55"
+        stroke="#A6B1B9"
+        stroke-width="2"
+        stroke-linecap="round"
+      />
+      <path
+        d="M42 45H55"
+        stroke="#A6B1B9"
+        stroke-width="2"
+        stroke-linecap="round"
+      />
+      <rect
+        x="24"
+        y="23"
+        width="10"
+        height="10"
+        rx="2"
+        stroke="#2D95F0"
+        stroke-width="2"
+      />
+      <rect
+        x="24"
+        y="43"
+        width="10"
+        height="10"
+        rx="2"
+        stroke="#2D95F0"
+        stroke-width="2"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'bold'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 17 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.11552 8.48467V11.1533H8.63755C9.89361 11.1533 10.5216 10.7085 10.5216 9.81896C10.5216 8.92944 9.89361 8.48467 8.63755 8.48467H7.11552ZM7.11552 4.6092V6.87548H8.24195C8.85881 6.87548 9.2991 6.7682 9.56283 6.55364C9.82656 6.33461 9.95843 6.06865 9.95843 5.75575C9.95843 5.43838 9.82433 5.16794 9.55613 4.94444C9.2924 4.72094 8.85434 4.6092 8.24195 4.6092H7.11552ZM5.31858 3H8.24195C8.65766 3 9.03761 3.03129 9.3818 3.09387C9.72599 3.15645 10.0165 3.23914 10.2534 3.34195C10.4904 3.44029 10.7004 3.56322 10.8837 3.71073C11.067 3.85377 11.2123 4.00128 11.3195 4.15326C11.4268 4.30077 11.514 4.46392 11.581 4.64272C11.6481 4.81705 11.6928 4.9802 11.7151 5.13218C11.742 5.27969 11.7554 5.43167 11.7554 5.58812C11.7554 6.07535 11.6257 6.47094 11.3665 6.7749C11.1117 7.07439 10.7742 7.28895 10.354 7.41858C10.7831 7.52139 11.1519 7.72031 11.4603 8.01533C11.7732 8.31034 11.9945 8.6143 12.1241 8.9272C12.2538 9.2401 12.3186 9.53736 12.3186 9.81896C12.3186 10.0559 12.294 10.2928 12.2448 10.5297C12.2001 10.7621 12.1018 11.0192 11.9498 11.3008C11.7978 11.5779 11.6011 11.8215 11.3598 12.0316C11.1184 12.2372 10.7787 12.4116 10.3406 12.5546C9.90702 12.6932 9.40638 12.7625 8.8387 12.7625H5.31858V3Z"
+        fill="#1F272E"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'text-formatting'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 17 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M8.97781 4.15745L7.95202 7.12282H9.99771L8.97781 4.15745ZM9.8857 2.2002L12.969 10.7838H11.1355L10.3337 8.53181C10.3337 8.53181 9.4239 8.53181 7.6042 8.53181L6.80243 10.7838H4.96897L8.05224 2.2002H9.8857Z"
+        fill="#1F272E"
+      />
+      <path
+        d="M2.81858 13.5C2.81858 13.2239 3.04244 13 3.31858 13H14.3186C14.5947 13 14.8186 13.2239 14.8186 13.5V13.5C14.8186 13.7761 14.5947 14 14.3186 14H3.31858C3.04244 14 2.81858 13.7761 2.81858 13.5V13.5Z"
+        fill="#1F272E"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'bullet-list'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 17 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M6.1514 3H14.8186"
+        stroke="#1F272E"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M6.1514 7.80005H14.8186"
+        stroke="#1F272E"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M6.1514 12.6001H14.8186"
+        stroke="#1F272E"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M2.81857 3H2.82457"
+        stroke="#1F272E"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M2.81857 7.80005H2.82457"
+        stroke="#1F272E"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M2.81857 12.6001H2.82457"
+        stroke="#1F272E"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'clear-formatting'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 17 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M5.48459 4.6665H13.8179"
+        stroke="#1F272E"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M7.98459 12.1665L10.7763 4.6665"
+        stroke="#1F272E"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M3.81857 3L13.8186 13"
+        stroke="#FBFBFB"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M4.65256 4.6665L12.9859 12.9998"
+        stroke="#1F272E"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'code'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 17 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M10.8176 3L6.8176 13.4"
+        stroke="#1F272E"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M5.21857 5.3999L2.81857 7.7999L5.21857 10.1999"
+        stroke="#1F272E"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M12.4184 5.3999L14.8184 7.7999L12.4184 10.1999"
+        stroke="#1F272E"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'decrease-indent'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 17 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M8.01877 7.8999H14.1388"
+        stroke="#1F272E"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M4.01877 3H14.0188"
+        stroke="#1F272E"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M4.01877 12.7998H14.0188"
+        stroke="#1F272E"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M6.31857 6.25392L6.31857 9.54589C6.31857 9.88502 5.92303 10.0703 5.6625 9.85317L3.68732 8.20719C3.49542 8.04727 3.49542 7.75253 3.68732 7.59261L5.6625 5.94663C5.92303 5.72952 6.31857 5.91478 6.31857 6.25392Z"
+        fill="#1F272E"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'image'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 17 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M9.14357 14.1333C7.67325 14.1333 5.74817 14.1333 4.31751 14.1333C3.21294 14.1333 2.31857 13.2379 2.31857 12.1333V4C2.31857 2.89543 3.214 2 4.31857 2H13.3186C14.4231 2 15.3186 2.89543 15.3186 4V8.37"
+        stroke="#1F272E"
+        stroke-miterlimit="10"
+        stroke-linecap="square"
+      />
+      <path
+        d="M7.27946 6.07369C7.27946 6.37193 7.0377 6.61369 6.73946 6.61369C6.44123 6.61369 6.19946 6.37193 6.19946 6.07369C6.19946 5.77546 6.44123 5.53369 6.73946 5.53369C7.0377 5.53369 7.27946 5.77546 7.27946 6.07369Z"
+        stroke="#1F272E"
+        stroke-miterlimit="10"
+        stroke-linecap="square"
+      />
+      <path
+        d="M5.43875 11.2735L7.51875 8.67353L9.59875 10.2335L12.1988 7.11353"
+        stroke="#1F272E"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'increase-indent'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 17 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M8.01877 7.8999H14.1386"
+        stroke="#1F272E"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M4.01877 3H14.0188"
+        stroke="#1F272E"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M4.01877 12.7998H14.0188"
+        stroke="#1F272E"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M3.31857 9.54589L3.31857 6.25392C3.31857 5.91478 3.71412 5.72952 3.97465 5.94663L5.94983 7.59261C6.14173 7.75253 6.14173 8.04727 5.94983 8.20719L3.97465 9.85317C3.71412 10.0703 3.31857 9.88502 3.31857 9.54589Z"
+        fill="#1F272E"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'italic'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 17 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clip-path="url(#clip0_3327_18536)">
+        <path
+          d="M6.31858 12.2963L6.49099 11.4465H7.63631L9.00331 4.54995H7.85799L8.0304 3.7002H11.3186L11.1462 4.54995H10.0008L8.63385 11.4465H9.77917L9.60676 12.2963H6.31858Z"
+          fill="#1F272E"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_3327_18536">
+          <rect
+            width="16"
+            height="16"
+            fill="white"
+            transform="translate(0.818581)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+    <svg
+      v-if="this.name == 'right-align'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="feather feather-align-right feather feather-align-right"
+    >
+      <line x1="21" y1="10" x2="7" y2="10"></line>
+      <line x1="21" y1="6" x2="3" y2="6"></line>
+      <line x1="21" y1="14" x2="3" y2="14"></line>
+      <line x1="21" y1="18" x2="7" y2="18"></line>
+    </svg>
+    <svg
+      v-if="this.name == 'center-align'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="feather feather-align-center feather feather-align-center"
+    >
+      <line x1="18" y1="10" x2="6" y2="10"></line>
+      <line x1="21" y1="6" x2="3" y2="6"></line>
+      <line x1="21" y1="14" x2="3" y2="14"></line>
+      <line x1="18" y1="18" x2="6" y2="18"></line>
+    </svg>
+    <svg
+      v-if="this.name == 'left-align'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="feather feather-align-left feather feather-align-left"
+    >
+      <line x1="17" y1="10" x2="3" y2="10"></line>
+      <line x1="21" y1="6" x2="3" y2="6"></line>
+      <line x1="21" y1="14" x2="3" y2="14"></line>
+      <line x1="17" y1="18" x2="3" y2="18"></line>
+    </svg>
+    <svg
+      v-if="this.name == 'link-url'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 17 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M6.09201 10.7268L11.5463 5.27246"
+        stroke="#1F272E"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M7.72766 4.72735L9.55158 2.90344C10.1303 2.32496 10.915 2 11.7333 2C12.5515 2 13.3363 2.32496 13.915 2.90344V2.90344C14.4935 3.48215 14.8185 4.2669 14.8185 5.08516C14.8185 5.90341 14.4935 6.68817 13.915 7.26687L12.0911 9.09079"
+        stroke="#1F272E"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M5.54593 6.90918L3.72201 8.7331C3.14354 9.31181 2.81857 10.0966 2.81857 10.9148C2.81857 11.7331 3.14354 12.5178 3.72201 13.0965V13.0965C4.30072 13.675 5.08548 14 5.90373 14C6.72198 14 7.50674 13.675 8.08545 13.0965L9.90937 11.2726"
+        stroke="#1F272E"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'numbered-list'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 17 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M6.73553 3.41895H14.8186"
+        stroke="#1F272E"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M6.7355 7.89551H14.8186"
+        stroke="#1F272E"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M6.7355 12.3721H14.8186"
+        stroke="#1F272E"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M3.69943 4.7998V2.61035H3.68576L2.98068 3.08691V2.46973L3.69748 1.98145H4.41232V4.7998H3.69943Z"
+        fill="#1F272E"
+      />
+      <path
+        d="M2.83419 7.34863C2.83419 7.06999 2.9351 6.84408 3.13692 6.6709C3.33874 6.49772 3.60372 6.41113 3.93184 6.41113C4.24955 6.41113 4.50476 6.48861 4.69747 6.64355C4.89148 6.7985 4.98848 7.00033 4.98848 7.24902C4.98848 7.31934 4.97742 7.3903 4.95528 7.46191C4.93315 7.53223 4.9071 7.59473 4.87716 7.64941C4.84721 7.7028 4.80619 7.76139 4.75411 7.8252C4.70333 7.8877 4.65971 7.93783 4.62325 7.97559C4.58679 8.01204 4.53926 8.05827 4.48067 8.11426L3.80684 8.73535V8.74902H5.02364V9.2998H2.8752V8.82129L3.97481 7.80957C4.0933 7.69629 4.17598 7.60059 4.22286 7.52246C4.27104 7.44303 4.29512 7.3597 4.29512 7.27246C4.29512 7.18132 4.25932 7.10514 4.1877 7.04395C4.11609 6.98145 4.02299 6.9502 3.90841 6.9502C3.78731 6.9502 3.68705 6.98796 3.60762 7.06348C3.5295 7.1377 3.49044 7.23275 3.49044 7.34863V7.3623H2.83419V7.34863Z"
+        fill="#1F272E"
+      />
+      <path
+        d="M3.56661 12.6064V12.1123H3.90841C4.0295 12.1123 4.1265 12.0817 4.19942 12.0205C4.27234 11.958 4.3088 11.876 4.3088 11.7744C4.3088 11.6715 4.27299 11.5908 4.20137 11.5322C4.12976 11.4736 4.03015 11.4443 3.90255 11.4443C3.78015 11.4443 3.68054 11.4782 3.60372 11.5459C3.5269 11.6136 3.48653 11.7021 3.48262 11.8115H2.83419C2.8394 11.5394 2.94226 11.3213 3.14278 11.1572C3.3433 10.9932 3.60697 10.9111 3.9338 10.9111C4.2476 10.9111 4.4989 10.9808 4.6877 11.1201C4.87781 11.2594 4.97286 11.445 4.97286 11.6768C4.97286 11.8447 4.91882 11.9873 4.81075 12.1045C4.70268 12.2217 4.5614 12.2959 4.38692 12.3271V12.3428C4.59786 12.3623 4.76518 12.432 4.88887 12.5518C5.01387 12.6715 5.07637 12.8271 5.07637 13.0186C5.07637 13.2764 4.96895 13.4827 4.75411 13.6377C4.54057 13.7926 4.25801 13.8701 3.90645 13.8701C3.57703 13.8701 3.3101 13.7874 3.10567 13.6221C2.90255 13.4567 2.79382 13.2367 2.7795 12.9619H3.46309C3.4696 13.0687 3.51322 13.1533 3.59395 13.2158C3.67468 13.277 3.78275 13.3076 3.91817 13.3076C4.04578 13.3076 4.14929 13.2757 4.22872 13.2119C4.30945 13.1468 4.34981 13.0622 4.34981 12.958C4.34981 12.8486 4.31075 12.7627 4.23262 12.7002C4.1545 12.6377 4.04708 12.6064 3.91036 12.6064H3.56661Z"
+        fill="#1F272E"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'quote'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 17 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M7.25573 3.3121L4.33894 3.3121C4.0513 3.3121 3.81809 3.54507 3.81809 3.83296L3.81809 7.79145C3.81809 8.07909 4.0513 8.31231 4.33894 8.31231L6.71987 8.31231C6.60797 10.2065 5.86305 11.4145 4.45232 11.9977C4.18655 12.1078 4.06015 12.4123 4.17002 12.6783C4.28039 12.944 4.58558 13.0699 4.85059 12.9606C6.79209 12.1577 7.77658 10.4186 7.77658 7.79145L7.77658 3.83296C7.77658 3.54507 7.54337 3.3121 7.25573 3.3121ZM13.2977 3.31211L10.3809 3.3121C10.0933 3.3121 9.86008 3.54507 9.86008 3.83296L9.86008 7.79145C9.86008 8.0791 10.0933 8.31231 10.3809 8.31231L12.7619 8.31231C12.65 10.2065 11.905 11.4145 10.4943 11.9977C10.2285 12.1078 10.1021 12.4123 10.212 12.6783C10.3224 12.944 10.6268 13.0699 10.8926 12.9606C12.8341 12.1577 13.8186 10.4186 13.8186 7.79145L13.8186 3.83296C13.8186 3.54507 13.5854 3.31211 13.2977 3.31211Z"
+        fill="#1F272E"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'add-response'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 16 15"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12.3761 0.500004H7.3449C7.03225 0.500004 6.74342 0.666779 6.58717 0.937459C6.43092 1.20814 6.43092 1.54171 6.58717 1.81237C6.74342 2.08321 7.03228 2.24998 7.3449 2.24998H12.3761C12.6082 2.24998 12.8306 2.34214 12.9948 2.50617C13.1588 2.67035 13.251 2.89282 13.251 3.12491V10.1248C13.251 10.3569 13.1588 10.5795 12.9948 10.7436C12.8306 10.9076 12.6082 10.9999 12.3761 10.9999H5.22539C4.76107 10.9994 4.31568 11.1836 3.98717 11.5117L2.75137 12.7498V9.68738C2.75137 9.37473 2.58459 9.0859 2.31376 8.92965C2.04307 8.77341 1.70951 8.77341 1.43885 8.92965C1.16819 9.0859 1.00139 9.37476 1.00139 9.68738V12.6907C0.992543 13.3333 1.32579 13.9322 1.8763 14.2636C2.21001 14.4572 2.59832 14.5352 2.98086 14.4853C3.36339 14.4356 3.71878 14.2607 3.99158 13.988L5.22539 12.7498H12.3761C13.0723 12.7498 13.7399 12.4733 14.2321 11.9811C14.7245 11.4887 15.001 10.8211 15.001 10.1249V3.12496C15.001 2.42872 14.7246 1.76115 14.2321 1.2689C13.7399 0.77652 13.0724 0.5 12.3761 0.5V0.500004Z"
+        fill="black"
+        stroke="white"
+        stroke-width="0.6"
+      />
+      <path
+        d="M3.3335 0.578814C3.12171 0.482686 2.88045 0.474901 2.66304 0.556994C2.44545 0.639087 2.26968 0.804334 2.17414 1.01628L1.11321 3.34383C0.937131 3.72606 0.967951 4.17175 1.19516 4.52592C1.42235 4.88023 1.81448 5.09431 2.23534 5.09369H3.77981L3.04923 6.69933H3.04908C2.94578 6.91157 2.9325 7.15663 3.0123 7.37881C3.09226 7.60097 3.25858 7.7815 3.47359 7.87915C3.68843 7.97681 3.93377 7.98352 4.15381 7.89777C4.37369 7.81202 4.54962 7.64082 4.64162 7.42336L5.70254 5.09367C5.87862 4.71144 5.8478 4.26575 5.6206 3.91158C5.3934 3.55727 5.00127 3.34319 4.58026 3.34381H3.03595L3.76652 1.73817H3.76668C3.86296 1.52699 3.8715 1.28622 3.79017 1.06877C3.709 0.851332 3.54466 0.6751 3.3335 0.578812L3.3335 0.578814Z"
+        fill="black"
+        stroke="white"
+        stroke-width="0.6"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'chevron-down-accordion'"
+      class="-all w-3 transform duration-200"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      fill="none"
+      stroke="currentColor"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 16 10"
+      aria-hidden="true"
+    >
+      <path
+        d="M15 1.2l-7 7-7-7"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'add-new'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect :width="24" :height="24" rx="6" fill="#F4F5F6" />
+      <path
+        d="M12 8V16"
+        stroke="#1F272E"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M8 12H16"
+        stroke="#1F272E"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
 
-		<svg
-			v-if="this.name == 'underline'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 17 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<g clip-path="url(#clip0_3327_18531)">
-				<path
-					d="M6.84135 2.2998V7.6767C6.84135 8.26692 7.01448 8.74106 7.36074 9.09913C7.71094 9.45326 8.19688 9.63033 8.81858 9.63033C9.44028 9.63033 9.92623 9.45326 10.2764 9.09913C10.6266 8.74106 10.8017 8.26692 10.8017 7.6767V2.2998H12.3186V7.81245C12.3186 8.75287 12.0018 9.51228 11.3683 10.0907C10.7388 10.6691 9.88884 10.9583 8.81858 10.9583C7.75225 10.9583 6.90234 10.6691 6.26883 10.0907C5.63533 9.51228 5.31858 8.75287 5.31858 7.81245V2.2998H6.84135Z"
-					fill="#1F272E"
-				/>
-				<path
-					d="M2.81858 13.5C2.81858 13.2239 3.04244 13 3.31858 13H14.3186C14.5947 13 14.8186 13.2239 14.8186 13.5C14.8186 13.7761 14.5947 14 14.3186 14H3.31858C3.04244 14 2.81858 13.7761 2.81858 13.5Z"
-					fill="#1F272E"
-				/>
-			</g>
-			<defs>
-				<clipPath id="clip0_3327_18531">
-					<rect
-						width="16"
-						height="16"
-						fill="white"
-						transform="translate(0.818581)"
-					/>
-				</clipPath>
-			</defs>
-		</svg>
-		<svg
-			v-if="this.name == 'drag-handle'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			xmlns="http://www.w3.org/2000/svg"
-			viewBox="0 0 24 24"
-			fill="none"
-			stroke="currentColor"
-			stroke-width="1"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		>
-			<circle cx="12" cy="9" r="1"></circle>
-			<circle cx="19" cy="9" r="1"></circle>
-			<circle cx="5" cy="9" r="1"></circle>
-			<circle cx="12" cy="15" r="1"></circle>
-			<circle cx="19" cy="15" r="1"></circle>
-			<circle cx="5" cy="15" r="1"></circle>
-		</svg>
-		<svg
-			v-if="this.name == 'list-drag-handle'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			xmlns="http://www.w3.org/2000/svg"
-			viewBox="0 0 24 24"
-			fill="none"
-			stroke="currentColor"
-			stroke-width="1.5"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		>
-			<line x1="3" y1="15" x2="21" y2="15"></line>
-			<line x1="3" y1="9" x2="21" y2="9"></line>
-		</svg>
-		<svg
-			v-if="this.name == 'kb-article'"
-			class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 14 19"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M8.99465 15.5603H4.36529C4.07229 15.5603 3.83789 15.7947 3.83789 16.0877C3.83789 16.3807 4.07229 16.6151 4.36529 16.6151H8.99465C9.28765 16.6151 9.52205 16.3807 9.52205 16.0877C9.52205 15.7947 9.28765 15.5603 8.99465 15.5603Z"
-				fill="#74808B"
-			/>
-			<path
-				d="M4.27843 10.4327H9.11289C9.72819 10.4327 10.2263 9.93462 10.2263 9.31932V7.50273C10.2263 6.88744 9.72819 6.38934 9.11289 6.38934H4.27843C3.66314 6.38934 3.16504 6.88744 3.16504 7.50273V9.31932C3.16504 9.93462 3.66314 10.4327 4.27843 10.4327ZM4.19053 7.50273C4.19053 7.47343 4.21983 7.41484 4.27843 7.41484H9.11289C9.14219 7.41484 9.20079 7.44413 9.20079 7.50273V9.31932C9.20079 9.34862 9.17149 9.40722 9.11289 9.40722H4.27843C4.24913 9.40722 4.19053 9.37792 4.19053 9.31932V7.50273Z"
-				fill="#74808B"
-			/>
-			<path
-				d="M2.10958 1.93632H12.8626C13.1556 1.93632 13.39 1.70192 13.39 1.40893C13.39 1.11593 13.1556 0.881531 12.8626 0.881531H2.10958C0.996193 0.881531 0.0878993 1.73122 0 2.84462C0 2.87392 0 2.90322 0 2.93252V17.2308C0 18.1684 0.820394 18.9302 1.81659 18.9302H11.8078C12.5696 18.9302 13.1849 18.3149 13.1849 17.5531V5.3644C13.1849 4.6026 12.5696 3.98731 11.8078 3.98731H2.05098C1.43569 3.98731 1.05479 3.60641 1.05479 3.02041C1.02549 2.40512 1.49429 1.93632 2.10958 1.93632ZM2.02169 5.0128C2.02169 5.0128 2.05098 5.0128 2.02169 5.0128H11.7785C11.9836 5.0128 12.1301 5.1593 12.1301 5.3644V17.5531C12.1301 17.7582 11.9836 17.9047 11.7785 17.9047H1.78729C1.37709 17.9047 0.996193 17.6117 0.996193 17.2308V4.7784C1.28919 4.9249 1.64079 5.0128 2.02169 5.0128Z"
-				fill="#74808B"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'article-reply'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 15 15"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M7.64624 2.51627V9.06354"
-				stroke="black"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-			/>
-			<path
-				d="M9.30747 0.855011C8.38963 0.855011 7.64622 1.59842 7.64622 2.51626C7.64622 1.59842 6.90281 0.855011 5.98497 0.855011H2.00122C1.44894 0.855011 1.00122 1.30273 1.00122 1.85501V10.4838C1.00122 11.5883 1.89665 12.4838 3.00122 12.4838H5.98497C6.90281 12.4838 7.64622 13.2272 7.64622 14.145C7.64622 13.2272 8.38963 12.4838 9.30747 12.4838H12.2912C13.3958 12.4838 14.2912 11.5883 14.2912 10.4838V1.85501C14.2912 1.30273 13.8435 0.855011 13.2912 0.855011H9.30747Z"
-				stroke="black"
-				stroke-miterlimit="10"
-				stroke-linecap="square"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'kb-articles'"
-			:class="this.class"
-			:width="18"
-			:height="18"
-			viewBox="0 0 18 18"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<line
-				x1="11.5"
-				y1="5.5"
-				x2="15.5"
-				y2="5.5"
-				stroke="#687178"
-				stroke-linecap="round"
-			/>
-			<line
-				x1="3.5"
-				y1="5.5"
-				x2="7.5"
-				y2="5.5"
-				stroke="#687178"
-				stroke-linecap="round"
-			/>
-			<line
-				x1="11.5"
-				y1="8.5"
-				x2="13.5"
-				y2="8.5"
-				stroke="#687178"
-				stroke-linecap="round"
-			/>
-			<line
-				x1="3.5"
-				y1="8.5"
-				x2="7.5"
-				y2="8.5"
-				stroke="#687178"
-				stroke-linecap="round"
-			/>
-			<path
-				d="M9.14575 3.0365V11.0625"
-				stroke="#687178"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-			/>
-			<path
-				d="M11.1823 1C10.0571 1 9.14583 1.91132 9.14583 3.03646C9.14583 1.91132 8.23452 1 7.10938 1H2C1.44772 1 1 1.44772 1 2V13.2552C1 14.3598 1.89543 15.2552 3 15.2552H7.10938C8.23452 15.2552 9.14583 16.1665 9.14583 17.2917C9.14583 16.1665 10.0571 15.2552 11.1823 15.2552H15.2917C16.3962 15.2552 17.2917 14.3598 17.2917 13.2552V2C17.2917 1.44772 16.844 1 16.2917 1H11.1823Z"
-				stroke="#687178"
-				stroke-miterlimit="10"
-				stroke-linecap="square"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'customer'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 17 15"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M9.25 7H12.85C13.6901 7 14.1101 7 14.431 7.16349C14.7132 7.3073 14.9427 7.53677 15.0865 7.81901C15.25 8.13988 15.25 8.55992 15.25 9.4V14.5M9.25 7V3.4C9.25 2.55992 9.25 2.13988 9.08651 1.81901C8.9427 1.53677 8.71323 1.3073 8.43099 1.16349C8.11012 1 7.69008 1 6.85 1H4.15C3.30992 1 2.88988 1 2.56901 1.16349C2.28677 1.3073 2.0573 1.53677 1.91349 1.81901C1.75 2.13988 1.75 2.55992 1.75 3.4V14.5M9.25 7V14.5M15.25 14.5H16M15.25 14.5H9.25M9.25 14.5H1.75M1.75 14.5H1M4.375 3.99982H6.625M4.375 6.99982H6.625M4.375 9.99982H6.625"
-				stroke="#687178"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'dashboard'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 15 15"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M9.7549 0.499939H13.4804C14.043 0.499939 14.5 0.95864 14.5 1.50963V13.4902C14.5 14.0412 14.043 14.4999 13.4804 14.4999H9.7549C9.19235 14.4999 8.73534 14.0412 8.73534 13.4902V1.50963C8.73534 0.95864 9.19235 0.499939 9.7549 0.499939ZM1.51955 10.776H5.24511C5.80765 10.776 6.26466 11.2347 6.26466 11.7857V13.4902C6.26466 14.0412 5.80765 14.4999 5.24511 14.4999H1.51955C0.957002 14.4999 0.5 14.0412 0.5 13.4902V11.7857C0.5 11.2347 0.957001 10.776 1.51955 10.776ZM1.51955 0.499939H5.24511C5.80765 0.499939 6.26466 0.95864 6.26466 1.50963V7.40247C6.26466 7.95346 5.80765 8.41216 5.24511 8.41216H1.51955C0.957002 8.41216 0.5 7.95346 0.5 7.40247V1.50963C0.5 0.95864 0.957001 0.499939 1.51955 0.499939Z"
-				stroke="#687178"
-			/>
-		</svg>
-		<svg
-			v-if="this.name == 'corner-up-right'"
-			:class="this.class"
-			:width="this.width"
-			:height="this.height"
-			viewBox="0 0 11 12"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M1 10.6667L10.3333 1.33342"
-				stroke="#A6B1B9"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-			<path
-				d="M10.3333 8.66671V1.33337H3"
-				stroke="#A6B1B9"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-		<svg
-			v-if="name == 'arrow-down'"
-			:class="class"
-			:width="width"
-			:height="height"
-			viewBox="0 0 24 24"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M8 10L12 14L16 10"
-				stroke="#4C5A67"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-	</div>
+    <svg
+      v-if="this.name == 'underline'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 17 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clip-path="url(#clip0_3327_18531)">
+        <path
+          d="M6.84135 2.2998V7.6767C6.84135 8.26692 7.01448 8.74106 7.36074 9.09913C7.71094 9.45326 8.19688 9.63033 8.81858 9.63033C9.44028 9.63033 9.92623 9.45326 10.2764 9.09913C10.6266 8.74106 10.8017 8.26692 10.8017 7.6767V2.2998H12.3186V7.81245C12.3186 8.75287 12.0018 9.51228 11.3683 10.0907C10.7388 10.6691 9.88884 10.9583 8.81858 10.9583C7.75225 10.9583 6.90234 10.6691 6.26883 10.0907C5.63533 9.51228 5.31858 8.75287 5.31858 7.81245V2.2998H6.84135Z"
+          fill="#1F272E"
+        />
+        <path
+          d="M2.81858 13.5C2.81858 13.2239 3.04244 13 3.31858 13H14.3186C14.5947 13 14.8186 13.2239 14.8186 13.5C14.8186 13.7761 14.5947 14 14.3186 14H3.31858C3.04244 14 2.81858 13.7761 2.81858 13.5Z"
+          fill="#1F272E"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_3327_18531">
+          <rect
+            width="16"
+            height="16"
+            fill="white"
+            transform="translate(0.818581)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+    <svg
+      v-if="this.name == 'drag-handle'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <circle cx="12" cy="9" r="1"></circle>
+      <circle cx="19" cy="9" r="1"></circle>
+      <circle cx="5" cy="9" r="1"></circle>
+      <circle cx="12" cy="15" r="1"></circle>
+      <circle cx="19" cy="15" r="1"></circle>
+      <circle cx="5" cy="15" r="1"></circle>
+    </svg>
+    <svg
+      v-if="this.name == 'list-drag-handle'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <line x1="3" y1="15" x2="21" y2="15"></line>
+      <line x1="3" y1="9" x2="21" y2="9"></line>
+    </svg>
+    <svg
+      v-if="this.name == 'kb-article'"
+      class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 14 19"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M8.99465 15.5603H4.36529C4.07229 15.5603 3.83789 15.7947 3.83789 16.0877C3.83789 16.3807 4.07229 16.6151 4.36529 16.6151H8.99465C9.28765 16.6151 9.52205 16.3807 9.52205 16.0877C9.52205 15.7947 9.28765 15.5603 8.99465 15.5603Z"
+        fill="#74808B"
+      />
+      <path
+        d="M4.27843 10.4327H9.11289C9.72819 10.4327 10.2263 9.93462 10.2263 9.31932V7.50273C10.2263 6.88744 9.72819 6.38934 9.11289 6.38934H4.27843C3.66314 6.38934 3.16504 6.88744 3.16504 7.50273V9.31932C3.16504 9.93462 3.66314 10.4327 4.27843 10.4327ZM4.19053 7.50273C4.19053 7.47343 4.21983 7.41484 4.27843 7.41484H9.11289C9.14219 7.41484 9.20079 7.44413 9.20079 7.50273V9.31932C9.20079 9.34862 9.17149 9.40722 9.11289 9.40722H4.27843C4.24913 9.40722 4.19053 9.37792 4.19053 9.31932V7.50273Z"
+        fill="#74808B"
+      />
+      <path
+        d="M2.10958 1.93632H12.8626C13.1556 1.93632 13.39 1.70192 13.39 1.40893C13.39 1.11593 13.1556 0.881531 12.8626 0.881531H2.10958C0.996193 0.881531 0.0878993 1.73122 0 2.84462C0 2.87392 0 2.90322 0 2.93252V17.2308C0 18.1684 0.820394 18.9302 1.81659 18.9302H11.8078C12.5696 18.9302 13.1849 18.3149 13.1849 17.5531V5.3644C13.1849 4.6026 12.5696 3.98731 11.8078 3.98731H2.05098C1.43569 3.98731 1.05479 3.60641 1.05479 3.02041C1.02549 2.40512 1.49429 1.93632 2.10958 1.93632ZM2.02169 5.0128C2.02169 5.0128 2.05098 5.0128 2.02169 5.0128H11.7785C11.9836 5.0128 12.1301 5.1593 12.1301 5.3644V17.5531C12.1301 17.7582 11.9836 17.9047 11.7785 17.9047H1.78729C1.37709 17.9047 0.996193 17.6117 0.996193 17.2308V4.7784C1.28919 4.9249 1.64079 5.0128 2.02169 5.0128Z"
+        fill="#74808B"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'article-reply'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 15 15"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.64624 2.51627V9.06354"
+        stroke="black"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+      />
+      <path
+        d="M9.30747 0.855011C8.38963 0.855011 7.64622 1.59842 7.64622 2.51626C7.64622 1.59842 6.90281 0.855011 5.98497 0.855011H2.00122C1.44894 0.855011 1.00122 1.30273 1.00122 1.85501V10.4838C1.00122 11.5883 1.89665 12.4838 3.00122 12.4838H5.98497C6.90281 12.4838 7.64622 13.2272 7.64622 14.145C7.64622 13.2272 8.38963 12.4838 9.30747 12.4838H12.2912C13.3958 12.4838 14.2912 11.5883 14.2912 10.4838V1.85501C14.2912 1.30273 13.8435 0.855011 13.2912 0.855011H9.30747Z"
+        stroke="black"
+        stroke-miterlimit="10"
+        stroke-linecap="square"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'kb-articles'"
+      :class="this.class"
+      :width="18"
+      :height="18"
+      viewBox="0 0 18 18"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <line
+        x1="11.5"
+        y1="5.5"
+        x2="15.5"
+        y2="5.5"
+        stroke="#687178"
+        stroke-linecap="round"
+      />
+      <line
+        x1="3.5"
+        y1="5.5"
+        x2="7.5"
+        y2="5.5"
+        stroke="#687178"
+        stroke-linecap="round"
+      />
+      <line
+        x1="11.5"
+        y1="8.5"
+        x2="13.5"
+        y2="8.5"
+        stroke="#687178"
+        stroke-linecap="round"
+      />
+      <line
+        x1="3.5"
+        y1="8.5"
+        x2="7.5"
+        y2="8.5"
+        stroke="#687178"
+        stroke-linecap="round"
+      />
+      <path
+        d="M9.14575 3.0365V11.0625"
+        stroke="#687178"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+      />
+      <path
+        d="M11.1823 1C10.0571 1 9.14583 1.91132 9.14583 3.03646C9.14583 1.91132 8.23452 1 7.10938 1H2C1.44772 1 1 1.44772 1 2V13.2552C1 14.3598 1.89543 15.2552 3 15.2552H7.10938C8.23452 15.2552 9.14583 16.1665 9.14583 17.2917C9.14583 16.1665 10.0571 15.2552 11.1823 15.2552H15.2917C16.3962 15.2552 17.2917 14.3598 17.2917 13.2552V2C17.2917 1.44772 16.844 1 16.2917 1H11.1823Z"
+        stroke="#687178"
+        stroke-miterlimit="10"
+        stroke-linecap="square"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'customer'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 17 15"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M9.25 7H12.85C13.6901 7 14.1101 7 14.431 7.16349C14.7132 7.3073 14.9427 7.53677 15.0865 7.81901C15.25 8.13988 15.25 8.55992 15.25 9.4V14.5M9.25 7V3.4C9.25 2.55992 9.25 2.13988 9.08651 1.81901C8.9427 1.53677 8.71323 1.3073 8.43099 1.16349C8.11012 1 7.69008 1 6.85 1H4.15C3.30992 1 2.88988 1 2.56901 1.16349C2.28677 1.3073 2.0573 1.53677 1.91349 1.81901C1.75 2.13988 1.75 2.55992 1.75 3.4V14.5M9.25 7V14.5M15.25 14.5H16M15.25 14.5H9.25M9.25 14.5H1.75M1.75 14.5H1M4.375 3.99982H6.625M4.375 6.99982H6.625M4.375 9.99982H6.625"
+        stroke="#687178"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'dashboard'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 15 15"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M9.7549 0.499939H13.4804C14.043 0.499939 14.5 0.95864 14.5 1.50963V13.4902C14.5 14.0412 14.043 14.4999 13.4804 14.4999H9.7549C9.19235 14.4999 8.73534 14.0412 8.73534 13.4902V1.50963C8.73534 0.95864 9.19235 0.499939 9.7549 0.499939ZM1.51955 10.776H5.24511C5.80765 10.776 6.26466 11.2347 6.26466 11.7857V13.4902C6.26466 14.0412 5.80765 14.4999 5.24511 14.4999H1.51955C0.957002 14.4999 0.5 14.0412 0.5 13.4902V11.7857C0.5 11.2347 0.957001 10.776 1.51955 10.776ZM1.51955 0.499939H5.24511C5.80765 0.499939 6.26466 0.95864 6.26466 1.50963V7.40247C6.26466 7.95346 5.80765 8.41216 5.24511 8.41216H1.51955C0.957002 8.41216 0.5 7.95346 0.5 7.40247V1.50963C0.5 0.95864 0.957001 0.499939 1.51955 0.499939Z"
+        stroke="#687178"
+      />
+    </svg>
+    <svg
+      v-if="this.name == 'corner-up-right'"
+      :class="this.class"
+      :width="this.width"
+      :height="this.height"
+      viewBox="0 0 11 12"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M1 10.6667L10.3333 1.33342"
+        stroke="#A6B1B9"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M10.3333 8.66671V1.33337H3"
+        stroke="#A6B1B9"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+    <svg
+      v-if="name == 'arrow-down'"
+      :class="class"
+      :width="width"
+      :height="height"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M8 10L12 14L16 10"
+        stroke="#4C5A67"
+        stroke-miterlimit="10"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>
+  </div>
 </template>
 
 <script>
 export default {
-	name: "CustomIcons",
-	props: ["name", "height", "width", "class"],
-}
+  name: "CustomIcons",
+  props: ["name", "height", "width", "class"],
+};
 </script>
 
 <style></style>
diff --git a/desk/src/components/desk/global/TimeDurationInput.vue b/desk/src/components/desk/global/TimeDurationInput.vue
index 1b5546728..b3559bc93 100644
--- a/desk/src/components/desk/global/TimeDurationInput.vue
+++ b/desk/src/components/desk/global/TimeDurationInput.vue
@@ -1,126 +1,126 @@
 <template>
-	<div
-		v-on-outside-click="
-			() => {
-				editing = false
-			}
-		"
-	>
-		<div>
-			<div
-				class="cursor-pointer w-24 text-right p-1.5 bg-gray-100 rounded"
-				@click="
-					() => {
-						editing = !editing
-					}
-				"
-			>
-				{{ convertSecondsToTimeStr(modelValue) }}
-			</div>
-		</div>
-		<div v-if="editing" class="relative">
-			<div class="absolute z-10 rounded shadow bg-white p-3 mt-2">
-				<div class="flex space-x-2">
-					<div class="space-y-1">
-						<Input class="w-16" v-model="hours" type="number" />
-						<div>hours</div>
-					</div>
-					<div class="space-y-1">
-						<Input class="w-16" v-model="minutes" type="number" />
-						<div>minutes</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
+  <div
+    v-on-outside-click="
+      () => {
+        editing = false;
+      }
+    "
+  >
+    <div>
+      <div
+        class="w-24 cursor-pointer rounded bg-gray-100 p-1.5 text-right"
+        @click="
+          () => {
+            editing = !editing;
+          }
+        "
+      >
+        {{ convertSecondsToTimeStr(modelValue) }}
+      </div>
+    </div>
+    <div v-if="editing" class="relative">
+      <div class="absolute z-10 mt-2 rounded bg-white p-3 shadow">
+        <div class="flex space-x-2">
+          <div class="space-y-1">
+            <Input class="w-16" v-model="hours" type="number" />
+            <div>hours</div>
+          </div>
+          <div class="space-y-1">
+            <Input class="w-16" v-model="minutes" type="number" />
+            <div>minutes</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
-import { Input } from "frappe-ui"
-import { ref } from "@vue/reactivity"
+import { Input } from "frappe-ui";
+import { ref } from "@vue/reactivity";
 
 export default {
-	name: "TimeDurationInput",
-	props: ["modelValue"],
-	components: {
-		Input,
-	},
-	setup() {
-		const hours = ref(0)
-		const minutes = ref(0)
-		const timeStr = ref("")
+  name: "TimeDurationInput",
+  props: ["modelValue"],
+  components: {
+    Input,
+  },
+  setup() {
+    const hours = ref(0);
+    const minutes = ref(0);
+    const timeStr = ref("");
 
-		const editing = ref(false)
+    const editing = ref(false);
 
-		return {
-			hours,
-			minutes,
-			timeStr,
-			editing,
-		}
-	},
-	mounted() {
-		if (this.modelValue) {
-			this.timeStr = this.convertSecondsToTimeStr(this.modelValue)
+    return {
+      hours,
+      minutes,
+      timeStr,
+      editing,
+    };
+  },
+  mounted() {
+    if (this.modelValue) {
+      this.timeStr = this.convertSecondsToTimeStr(this.modelValue);
 
-			let time = this.convertSecondsToHoursAndMinutes(this.modelValue)
-			this.hours = time.hours ? time.hours : 0
-			this.minutes = time.minutes ? time.minutes : 0
-		}
-	},
-	watch: {
-		hours(newValue) {
-			this.updateModelValue()
-		},
-		minutes(newValue) {
-			this.updateModelValue()
-		},
-	},
-	methods: {
-		updateModelValue() {
-			this.$emit(
-				"update:modelValue",
-				this.convertTimeStToSeconds(
-					`${this.hours ? this.hours : "0"}h ${
-						this.minutes ? this.minutes : "0"
-					}m`
-				)
-			)
-		},
-		convertSecondsToTimeStr(seconds) {
-			let time = this.convertSecondsToHoursAndMinutes(seconds)
+      let time = this.convertSecondsToHoursAndMinutes(this.modelValue);
+      this.hours = time.hours ? time.hours : 0;
+      this.minutes = time.minutes ? time.minutes : 0;
+    }
+  },
+  watch: {
+    hours(newValue) {
+      this.updateModelValue();
+    },
+    minutes(newValue) {
+      this.updateModelValue();
+    },
+  },
+  methods: {
+    updateModelValue() {
+      this.$emit(
+        "update:modelValue",
+        this.convertTimeStToSeconds(
+          `${this.hours ? this.hours : "0"}h ${
+            this.minutes ? this.minutes : "0"
+          }m`
+        )
+      );
+    },
+    convertSecondsToTimeStr(seconds) {
+      let time = this.convertSecondsToHoursAndMinutes(seconds);
 
-			let h = time.hours
-			let m = time.minutes
+      let h = time.hours;
+      let m = time.minutes;
 
-			let hStr = h > 0 ? `${h}h` : ""
-			let mStr = m > 0 ? `${m}m` : ""
+      let hStr = h > 0 ? `${h}h` : "";
+      let mStr = m > 0 ? `${m}m` : "";
 
-			return `${hStr} ${mStr}`.trim() || "0h 0m"
-		},
-		convertTimeStToSeconds(strTime) {
-			let timeList = strTime.split(" ")
-			let seconds = 0
-			timeList.forEach((t) => {
-				if (t.includes("h")) {
-					seconds += t.replace("h", "") * 3600
-				} else if (t.includes("m")) {
-					seconds += t.replace("m", "") * 60
-				}
-			})
-			return seconds
-		},
-		convertSecondsToHoursAndMinutes(seconds) {
-			let hours = Math.floor(seconds / 3600)
-			let minutes = Math.floor((seconds % 3600) / 60)
+      return `${hStr} ${mStr}`.trim() || "0h 0m";
+    },
+    convertTimeStToSeconds(strTime) {
+      let timeList = strTime.split(" ");
+      let seconds = 0;
+      timeList.forEach((t) => {
+        if (t.includes("h")) {
+          seconds += t.replace("h", "") * 3600;
+        } else if (t.includes("m")) {
+          seconds += t.replace("m", "") * 60;
+        }
+      });
+      return seconds;
+    },
+    convertSecondsToHoursAndMinutes(seconds) {
+      let hours = Math.floor(seconds / 3600);
+      let minutes = Math.floor((seconds % 3600) / 60);
 
-			return {
-				hours,
-				minutes,
-			}
-		},
-	},
-}
+      return {
+        hours,
+        minutes,
+      };
+    },
+  },
+};
 </script>
 
 <style></style>
diff --git a/desk/src/components/desk/settings/canned_responses/CannedResponseList.vue b/desk/src/components/desk/settings/canned_responses/CannedResponseList.vue
index e2add3add..e5479f730 100644
--- a/desk/src/components/desk/settings/canned_responses/CannedResponseList.vue
+++ b/desk/src/components/desk/settings/canned_responses/CannedResponseList.vue
@@ -1,86 +1,79 @@
 <template>
-	<div>
-		<div
-			class="bg-[#F7F7F7] group flex items-center text-base font-medium text-gray-500 py-[10px] px-[11px] rounded-[6px] select-none"
-		>
-			<div class="w-[37px] h-[14px]">
-				<Input
-					type="checkbox"
-					@click="manager.selectAll()"
-					:checked="manager.allItemsSelected"
-					role="button"
-				/>
-			</div>
-			<div class="flex flex-row items-center group w-full">
-				<div class="sm:w-10/12">Title</div>
-				<div class="sm:w-2/12">Author</div>
-				<div class="sm:w-2/12"></div>
-			</div>
-		</div>
-		<div
-			id="rows"
-			class="flex flex-col space-y-2 overflow-auto"
-			:style="{
-				height: viewportWidth > 768 ? 'calc(100vh - 120px)' : null,
-			}"
-		>
-			<div v-if="!manager.loading">
-				<div v-if="manager.list.length > 0">
-					<div
-						v-for="(canned_response, index) in manager.list"
-						:key="canned_response.name"
-					>
-						<CannedResponseListItem
-							:class="
-								index == 0 ? 'mt-[9px] mb-[2px]' : 'my-[2px]'
-							"
-							:canned_response="canned_response"
-							@toggle-select="manager.select(canned_response)"
-							:selected="manager.itemSelected(canned_response)"
-						/>
-					</div>
-				</div>
-				<div v-else>
-					<div class="grid place-content-center h-48 w-full">
-						<div>
-							<CustomIcons
-								name="empty-list"
-								class="h-12 w-12 mx-auto mb-2"
-							/>
-							<div class="text-gray-500 mb-2">
-								No canned response found
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-			<div class="pb-2">
-				<Button v-if="manager.hasNextPage" @click="manager.nextPage()">
-					Load More
-				</Button>
-			</div>
-		</div>
-	</div>
+  <div>
+    <div
+      class="group flex select-none items-center rounded-[6px] bg-[#F7F7F7] py-[10px] px-[11px] text-base font-medium text-gray-500"
+    >
+      <div class="h-[14px] w-[37px]">
+        <Input
+          type="checkbox"
+          @click="manager.selectAll()"
+          :checked="manager.allItemsSelected"
+          role="button"
+        />
+      </div>
+      <div class="group flex w-full flex-row items-center">
+        <div class="sm:w-10/12">Title</div>
+        <div class="sm:w-2/12">Author</div>
+        <div class="sm:w-2/12"></div>
+      </div>
+    </div>
+    <div
+      id="rows"
+      class="flex flex-col space-y-2 overflow-auto"
+      :style="{
+        height: viewportWidth > 768 ? 'calc(100vh - 120px)' : null,
+      }"
+    >
+      <div v-if="!manager.loading">
+        <div v-if="manager.list.length > 0">
+          <div
+            v-for="(canned_response, index) in manager.list"
+            :key="canned_response.name"
+          >
+            <CannedResponseListItem
+              :class="index == 0 ? 'mt-[9px] mb-[2px]' : 'my-[2px]'"
+              :canned_response="canned_response"
+              @toggle-select="manager.select(canned_response)"
+              :selected="manager.itemSelected(canned_response)"
+            />
+          </div>
+        </div>
+        <div v-else>
+          <div class="grid h-48 w-full place-content-center">
+            <div>
+              <CustomIcons name="empty-list" class="mx-auto mb-2 h-12 w-12" />
+              <div class="mb-2 text-gray-500">No canned response found</div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="pb-2">
+        <Button v-if="manager.hasNextPage" @click="manager.nextPage()">
+          Load More
+        </Button>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
-import { inject } from "vue"
-import { Input } from "frappe-ui"
-import CannedResponseListItem from "@/components/desk/settings/canned_responses/CannedResponseListItem.vue"
-import CustomIcons from "@/components/desk/global/CustomIcons.vue"
+import { inject } from "vue";
+import { Input } from "frappe-ui";
+import CannedResponseListItem from "@/components/desk/settings/canned_responses/CannedResponseListItem.vue";
+import CustomIcons from "@/components/desk/global/CustomIcons.vue";
 export default {
-	name: "CannedResponseList",
-	props: ["manager"],
-	components: {
-		CannedResponseListItem,
-		CustomIcons,
-		Input,
-	},
-	setup() {
-		const viewportWidth = inject("viewportWidth")
-		return {
-			viewportWidth,
-		}
-	},
-}
+  name: "CannedResponseList",
+  props: ["manager"],
+  components: {
+    CannedResponseListItem,
+    CustomIcons,
+    Input,
+  },
+  setup() {
+    const viewportWidth = inject("viewportWidth");
+    return {
+      viewportWidth,
+    };
+  },
+};
 </script>
diff --git a/desk/src/components/desk/settings/canned_responses/CannedResponseListItem.vue b/desk/src/components/desk/settings/canned_responses/CannedResponseListItem.vue
index 855636cce..16946f0cf 100644
--- a/desk/src/components/desk/settings/canned_responses/CannedResponseListItem.vue
+++ b/desk/src/components/desk/settings/canned_responses/CannedResponseListItem.vue
@@ -1,47 +1,47 @@
 <template>
-	<div
-		class="block select-none rounded-[6px] py-[7px] px-[11px]"
-		:class="selected ? 'bg-blue-50 hover:bg-blue-100' : 'hover:bg-gray-50'"
-	>
-		<div
-			v-if="canned_response"
-			role="button"
-			class="flex items-center text-base"
-		>
-			<div class="w-[37px] h-[14px] flex items-center">
-				<Input
-					type="checkbox"
-					@click="$emit('toggleSelect')"
-					:checked="selected"
-					role="button"
-				/>
-			</div>
-			<RouterLink
-				:to="`/settings/canned_responses/${canned_response.name}`"
-				class="w-full group flex items-center"
-			>
-				<div class="sm:w-10/12 truncate pr-10">
-					{{ canned_response.title }}
-				</div>
-				<div class="sm:w-2/12 truncate pr-10">
-					{{ canned_response.owner }}
-				</div>
-				<div class="sm:w-2/12 truncate"></div>
-			</RouterLink>
-		</div>
-	</div>
+  <div
+    class="block select-none rounded-[6px] py-[7px] px-[11px]"
+    :class="selected ? 'bg-blue-50 hover:bg-blue-100' : 'hover:bg-gray-50'"
+  >
+    <div
+      v-if="canned_response"
+      role="button"
+      class="flex items-center text-base"
+    >
+      <div class="flex h-[14px] w-[37px] items-center">
+        <Input
+          type="checkbox"
+          @click="$emit('toggleSelect')"
+          :checked="selected"
+          role="button"
+        />
+      </div>
+      <RouterLink
+        :to="`/settings/canned_responses/${canned_response.name}`"
+        class="group flex w-full items-center"
+      >
+        <div class="truncate pr-10 sm:w-10/12">
+          {{ canned_response.title }}
+        </div>
+        <div class="truncate pr-10 sm:w-2/12">
+          {{ canned_response.owner }}
+        </div>
+        <div class="truncate sm:w-2/12"></div>
+      </RouterLink>
+    </div>
+  </div>
 </template>
 
 <script>
-import { Input, FeatherIcon } from "frappe-ui"
-import Badge from "frappe-ui/src/components/Badge.vue"
+import { Input, FeatherIcon } from "frappe-ui";
+import Badge from "frappe-ui/src/components/Badge.vue";
 export default {
-	name: "CannedResponseListItem",
-	props: ["canned_response", "selected"],
-	components: {
-		Input,
-		FeatherIcon,
-		Badge,
-	},
-}
+  name: "CannedResponseListItem",
+  props: ["canned_response", "selected"],
+  components: {
+    Input,
+    FeatherIcon,
+    Badge,
+  },
+};
 </script>
diff --git a/desk/src/components/desk/settings/canned_responses/ResponseTitleAndMessage.vue b/desk/src/components/desk/settings/canned_responses/ResponseTitleAndMessage.vue
index 54bf89eb4..878824c26 100644
--- a/desk/src/components/desk/settings/canned_responses/ResponseTitleAndMessage.vue
+++ b/desk/src/components/desk/settings/canned_responses/ResponseTitleAndMessage.vue
@@ -1,175 +1,164 @@
 <template>
-	<div>
-		<div
-			v-if="!editable"
-			class="flex flex-col space-y-[16px] rounded-[8px] border shadow-sm p-[32px]"
-		>
-			<div
-				class="font-semibold text-[24px] prose prose-p:my-1 border-b pb-[16px] mb-[10px]"
-			>
-				{{ title }}
-			</div>
-			<div
-				class="overflow-y-auto"
-				style="
-					min-height: calc(100vh - 500px);
-					max-height: calc(100vh - 245px);
-				"
-				v-html="message"
-			></div>
-		</div>
-		<div v-else>
-			<div class="flex flex-col space-y-[16px] h-full">
-				<div>
-					<Input
-						label="Title"
-						type="text"
-						:value="title"
-						@input="
-							(val) => {
-								tempNewTitle = val
-							}
-						"
-					/>
-				</div>
-				<div class="flex flex-col">
-					<div
-						v-if="editMode"
-						class="mb-2 block text-sm leading-4 text-gray-700"
-					>
-						Message
-					</div>
-					<TextEditor
-						:class="editMode ? 'bg-gray-100' : ''"
-						ref="textEditor"
-						:editor-class="
-							!editable
-								? 'flex flex-col'
-								: editMode
-								? 'min-h-[20rem] overflow-y-auto max-h-[73vh] px-3 max-w-full'
-								: 'min-h-[20rem] overflow-y-auto max-h-[85vh]'
-						"
-						:content="message"
-						:starterkit-options="{
-							heading: { levels: [2, 3, 4, 5, 6] },
-						}"
-						@change="
-							(val) => {
-								tempNewMessage = val
-							}
-						"
-						:editable="editMode"
-					>
-						<template v-slot:top>
-							<div v-if="editMode">
-								<TextEditorFixedMenu
-									class="m-3 overflow-x-auto"
-									:buttons="textEditorMenuButtons"
-								/>
-							</div>
-						</template>
-					</TextEditor>
-				</div>
-			</div>
-		</div>
-	</div>
+  <div>
+    <div
+      v-if="!editable"
+      class="flex flex-col space-y-[16px] rounded-[8px] border p-[32px] shadow-sm"
+    >
+      <div
+        class="prose prose-p:my-1 mb-[10px] border-b pb-[16px] text-[24px] font-semibold"
+      >
+        {{ title }}
+      </div>
+      <div
+        class="overflow-y-auto"
+        style="min-height: calc(100vh - 500px); max-height: calc(100vh - 245px)"
+        v-html="message"
+      ></div>
+    </div>
+    <div v-else>
+      <div class="flex h-full flex-col space-y-[16px]">
+        <div>
+          <Input
+            label="Title"
+            type="text"
+            :value="title"
+            @input="
+              (val) => {
+                tempNewTitle = val;
+              }
+            "
+          />
+        </div>
+        <div class="flex flex-col">
+          <div
+            v-if="editMode"
+            class="mb-2 block text-sm leading-4 text-gray-700"
+          >
+            Message
+          </div>
+          <TextEditor
+            :class="editMode ? 'bg-gray-100' : ''"
+            ref="textEditor"
+            :editor-class="
+              !editable
+                ? 'flex flex-col'
+                : editMode
+                ? 'min-h-[20rem] overflow-y-auto max-h-[73vh] px-3 max-w-full'
+                : 'min-h-[20rem] overflow-y-auto max-h-[85vh]'
+            "
+            :content="message"
+            :starterkit-options="{
+              heading: { levels: [2, 3, 4, 5, 6] },
+            }"
+            @change="
+              (val) => {
+                tempNewMessage = val;
+              }
+            "
+            :editable="editMode"
+          >
+            <template v-slot:top>
+              <div v-if="editMode">
+                <TextEditorFixedMenu
+                  class="m-3 overflow-x-auto"
+                  :buttons="textEditorMenuButtons"
+                />
+              </div>
+            </template>
+          </TextEditor>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
-import { TextEditor } from "frappe-ui"
-import { TextEditorFixedMenu } from "frappe-ui/src/components/TextEditor"
-import { ref, inject } from "vue"
+import { TextEditor } from "frappe-ui";
+import { TextEditorFixedMenu } from "frappe-ui/src/components/TextEditor";
+import { ref, inject } from "vue";
 export default {
-	name: "ResponseTitleAndMessage",
-	props: ["title", "message", "editable", "responseResource"],
-	components: {
-		TextEditor,
-		TextEditorFixedMenu,
-	},
-	mounted() {
-		this.saveResponseTitleAndMessage = this.save
-	},
-	watch: {
-		tempNewTitle(val) {
-			this.updateNewResponseInput({ field: "title", value: val })
-		},
-		tempNewMessage(val) {
-			this.updateNewResponseInput({ field: "message", value: val })
-		},
-	},
-	setup(props) {
-		const tempNewTitle = ref(props.title)
-		const tempNewMessage = ref(props.message)
-		const editMode = inject("editMode")
-		const updateNewResponseInput = inject("updateNewResponseInput")
-		const saveResponseTitleAndMessage = inject(
-			"saveResponseTitleAndMessage"
-		)
-		return {
-			tempNewTitle,
-			tempNewMessage,
-			editMode,
-			updateNewResponseInput,
-			saveResponseTitleAndMessage,
-		}
-	},
-	computed: {
-		textEditorMenuButtons() {
-			return [
-				"Paragraph",
-				[
-					"Heading 2",
-					"Heading 3",
-					"Heading 4",
-					"Heading 5",
-					"Heading 6",
-				],
-				"Separator",
-				"Bold",
-				"Italic",
-				"Separator",
-				"Bullet List",
-				"Numbered List",
-				"Separator",
-				"Align Left",
-				"Align Center",
-				"Align Right",
-				"Separator",
-				"Image",
-				"Video",
-				"Link",
-				"Blockquote",
-				"Code",
-				"Horizontal Rule",
-				[
-					"InsertTable",
-					"AddColumnBefore",
-					"AddColumnAfter",
-					"DeleteColumn",
-					"AddRowBefore",
-					"AddRowAfter",
-					"DeleteRow",
-					"MergeCells",
-					"SplitCell",
-					"ToggleHeaderColumn",
-					"ToggleHeaderRow",
-					"ToggleHeaderCell",
-					"DeleteTable",
-				],
-				"Separator",
-				"Undo",
-				"Redo",
-			]
-		},
-	},
-	methods: {
-		save() {
-			this.responseResource.setValue.submit({
-				title: this.tempNewTitle,
-				message: this.tempNewMessage,
-			})
-			this.editMode = false
-		},
-	},
-}
+  name: "ResponseTitleAndMessage",
+  props: ["title", "message", "editable", "responseResource"],
+  components: {
+    TextEditor,
+    TextEditorFixedMenu,
+  },
+  mounted() {
+    this.saveResponseTitleAndMessage = this.save;
+  },
+  watch: {
+    tempNewTitle(val) {
+      this.updateNewResponseInput({ field: "title", value: val });
+    },
+    tempNewMessage(val) {
+      this.updateNewResponseInput({ field: "message", value: val });
+    },
+  },
+  setup(props) {
+    const tempNewTitle = ref(props.title);
+    const tempNewMessage = ref(props.message);
+    const editMode = inject("editMode");
+    const updateNewResponseInput = inject("updateNewResponseInput");
+    const saveResponseTitleAndMessage = inject("saveResponseTitleAndMessage");
+    return {
+      tempNewTitle,
+      tempNewMessage,
+      editMode,
+      updateNewResponseInput,
+      saveResponseTitleAndMessage,
+    };
+  },
+  computed: {
+    textEditorMenuButtons() {
+      return [
+        "Paragraph",
+        ["Heading 2", "Heading 3", "Heading 4", "Heading 5", "Heading 6"],
+        "Separator",
+        "Bold",
+        "Italic",
+        "Separator",
+        "Bullet List",
+        "Numbered List",
+        "Separator",
+        "Align Left",
+        "Align Center",
+        "Align Right",
+        "Separator",
+        "Image",
+        "Video",
+        "Link",
+        "Blockquote",
+        "Code",
+        "Horizontal Rule",
+        [
+          "InsertTable",
+          "AddColumnBefore",
+          "AddColumnAfter",
+          "DeleteColumn",
+          "AddRowBefore",
+          "AddRowAfter",
+          "DeleteRow",
+          "MergeCells",
+          "SplitCell",
+          "ToggleHeaderColumn",
+          "ToggleHeaderRow",
+          "ToggleHeaderCell",
+          "DeleteTable",
+        ],
+        "Separator",
+        "Undo",
+        "Redo",
+      ];
+    },
+  },
+  methods: {
+    save() {
+      this.responseResource.setValue.submit({
+        title: this.tempNewTitle,
+        message: this.tempNewMessage,
+      });
+      this.editMode = false;
+    },
+  },
+};
 </script>
diff --git a/desk/src/components/global/Autocomplete.vue b/desk/src/components/global/Autocomplete.vue
index 49ddd872f..aa7695424 100644
--- a/desk/src/components/global/Autocomplete.vue
+++ b/desk/src/components/global/Autocomplete.vue
@@ -1,265 +1,233 @@
 <template>
-	<Combobox
-		v-model="selectedValue"
-		nullable
-		v-slot="{ open: isComboboxOpen }"
-	>
-		<Popover class="w-full">
-			<template #target="{ open: openPopover }">
-				<div class="w-full">
-					<ComboboxButton
-						class="w-full"
-						@click="
-							() => {
-								if (searchable) {
-									openPopover()
-								}
-							}
-						"
-					>
-						<slot
-							name="input-holder"
-							:selectedValue="selectedValue"
-						>
-							<div
-								class="h-[28px] flex items-center justify-between w-full py-1.5 pl-3 pr-2 rounded-md bg-gray-100"
-								:class="{
-									'rounded-b-none': isComboboxOpen,
-								}"
-							>
-								<slot
-									name="input"
-									:selectedValue="selectedValue"
-									:placeholder="searchable ? placeholder : ''"
-								>
-									<span
-										class="text-base line-clamp-1"
-										v-if="selectedValue"
-									>
-										{{ displayValue(selectedValue) }}
-									</span>
-									<span
-										class="text-base text-gray-500"
-										v-else
-									>
-										{{
-											searchable ? placeholder : "" || ""
-										}}
-									</span>
-								</slot>
-								<CustomIcons
-									v-if="searchable"
-									name="select"
-									class="w-[12px] h-[12px] stroke-gray-500"
-								/>
-							</div>
-						</slot>
-					</ComboboxButton>
-				</div>
-			</template>
-			<template #body>
-				<ComboboxOptions
-					class="max-w-[240px] px-1.5 pb-1.5 bg-white rounded-md mt-2 border shadow-md max-h-[11rem] overflow-y-auto"
-					static
-					:class="width ? `w-[${width}px]` : 'w-[250px]'"
-					v-show="isComboboxOpen"
-				>
-					<div
-						class="flex items-st items-stretch space-x-1.5 sticky top-0 pt-1.5 mb-1.5 bg-white"
-					>
-						<ComboboxInput
-							class="w-full placeholder-gray-500 form-input"
-							type="text"
-							@change="
-								(e) => {
-									query = e.target.value
-									if (resourceOptions) {
-										dsearch(query)
-									}
-								}
-							"
-							:value="query"
-							autocomplete="off"
-							placeholder="Search by keyword"
-						/>
-						<Button icon="x" @click="selectedValue = null" />
-					</div>
-					<ComboboxOption
-						as="template"
-						v-for="option in filteredOptions"
-						:key="option.value"
-						:value="option"
-						v-slot="{ active, selected }"
-					>
-						<li
-							class="px-2.5 py-1.5 cursor-pointer rounded-md text-base"
-							:class="[{ 'bg-gray-100': active }]"
-						>
-							<Tooltip
-								v-if="option.label.length > (20 * width) / 220"
-								placement="top"
-								:text="option.label"
-							>
-								<div
-									:class="[
-										'line-clamp-1',
-										`w-[${width - 25 + 'px'}]`,
-									]"
-								>
-									{{ option.label }}
-								</div>
-							</Tooltip>
-							<div v-else>{{ option.label }}</div>
-						</li>
-					</ComboboxOption>
-					<slot
-						v-if="filteredOptions?.length == 0"
-						name="no-result-found"
-					>
-						<li
-							class="px-2.5 py-1.5 rounded-md text-base text-gray-600"
-						>
-							No results found
-						</li>
-					</slot>
-				</ComboboxOptions>
-			</template>
-		</Popover>
-	</Combobox>
+  <Combobox v-model="selectedValue" nullable v-slot="{ open: isComboboxOpen }">
+    <Popover class="w-full">
+      <template #target="{ open: openPopover }">
+        <div class="w-full">
+          <ComboboxButton
+            class="w-full"
+            @click="
+              () => {
+                if (searchable) {
+                  openPopover();
+                }
+              }
+            "
+          >
+            <slot name="input-holder" :selectedValue="selectedValue">
+              <div
+                class="flex h-[28px] w-full items-center justify-between rounded-md bg-gray-100 py-1.5 pl-3 pr-2"
+                :class="{
+                  'rounded-b-none': isComboboxOpen,
+                }"
+              >
+                <slot
+                  name="input"
+                  :selectedValue="selectedValue"
+                  :placeholder="searchable ? placeholder : ''"
+                >
+                  <span class="line-clamp-1 text-base" v-if="selectedValue">
+                    {{ displayValue(selectedValue) }}
+                  </span>
+                  <span class="text-base text-gray-500" v-else>
+                    {{ searchable ? placeholder : "" || "" }}
+                  </span>
+                </slot>
+                <CustomIcons
+                  v-if="searchable"
+                  name="select"
+                  class="h-[12px] w-[12px] stroke-gray-500"
+                />
+              </div>
+            </slot>
+          </ComboboxButton>
+        </div>
+      </template>
+      <template #body>
+        <ComboboxOptions
+          class="mt-2 max-h-[11rem] max-w-[240px] overflow-y-auto rounded-md border bg-white px-1.5 pb-1.5 shadow-md"
+          static
+          :class="width ? `w-[${width}px]` : 'w-[250px]'"
+          v-show="isComboboxOpen"
+        >
+          <div
+            class="items-st sticky top-0 mb-1.5 flex items-stretch space-x-1.5 bg-white pt-1.5"
+          >
+            <ComboboxInput
+              class="form-input w-full placeholder-gray-500"
+              type="text"
+              @change="
+                (e) => {
+                  query = e.target.value;
+                  if (resourceOptions) {
+                    dsearch(query);
+                  }
+                }
+              "
+              :value="query"
+              autocomplete="off"
+              placeholder="Search by keyword"
+            />
+            <Button icon="x" @click="selectedValue = null" />
+          </div>
+          <ComboboxOption
+            as="template"
+            v-for="option in filteredOptions"
+            :key="option.value"
+            :value="option"
+            v-slot="{ active, selected }"
+          >
+            <li
+              class="cursor-pointer rounded-md px-2.5 py-1.5 text-base"
+              :class="[{ 'bg-gray-100': active }]"
+            >
+              <Tooltip
+                v-if="option.label.length > (20 * width) / 220"
+                placement="top"
+                :text="option.label"
+              >
+                <div :class="['line-clamp-1', `w-[${width - 25 + 'px'}]`]">
+                  {{ option.label }}
+                </div>
+              </Tooltip>
+              <div v-else>{{ option.label }}</div>
+            </li>
+          </ComboboxOption>
+          <slot v-if="filteredOptions?.length == 0" name="no-result-found">
+            <li class="rounded-md px-2.5 py-1.5 text-base text-gray-600">
+              No results found
+            </li>
+          </slot>
+        </ComboboxOptions>
+      </template>
+    </Popover>
+  </Combobox>
 </template>
 <script>
 import {
-	Combobox,
-	ComboboxInput,
-	ComboboxOptions,
-	ComboboxOption,
-	ComboboxButton,
-} from "@headlessui/vue"
-import { Popover, debounce } from "frappe-ui"
-import CustomIcons from "@/components/desk/global/CustomIcons.vue"
+  Combobox,
+  ComboboxInput,
+  ComboboxOptions,
+  ComboboxOption,
+  ComboboxButton,
+} from "@headlessui/vue";
+import { Popover, debounce } from "frappe-ui";
+import CustomIcons from "@/components/desk/global/CustomIcons.vue";
 
 export default {
-	name: "Autocomplete",
-	props: {
-		modelValue: {
-			type: Object,
-			default: null,
-		},
-		options: {
-			type: Array,
-			default: () => [],
-		},
-		resourceOptions: {
-			type: Function,
-			default: () => {},
-		},
-		placeholder: {
-			type: String,
-		},
-		searchable: {
-			type: Boolean,
-			default: true,
-		},
-		width: {
-			type: Number,
-			default: 250,
-		},
-		show: {
-			type: Boolean,
-			default: false,
-		},
-	},
-	emits: ["update:modelValue", "change"],
-	components: {
-		Popover,
-		CustomIcons,
-		Combobox,
-		ComboboxInput,
-		ComboboxOptions,
-		ComboboxOption,
-		ComboboxButton,
-	},
-	data() {
-		return {
-			query: "",
-		}
-	},
-	mounted() {
-		this.dsearch("")
-	},
-	computed: {
-		valuePropPassed() {
-			return "value" in this.$attrs
-		},
-		selectedValue: {
-			get() {
-				return this.valuePropPassed
-					? this.$attrs.value
-					: this.modelValue
-			},
-			set(val) {
-				this.query = ""
-				this.$emit(
-					this.valuePropPassed ? "change" : "update:modelValue",
-					val
-				)
-			},
-		},
-		filteredOptions() {
-			if (!this.resourceOptions) {
-				if (!this.query) {
-					return this.options
-				}
-				return this.options.filter((option) => {
-					let searchTexts = [option.label, option.value]
-					return searchTexts.some((text) =>
-						(text || "")
-							.toLowerCase()
-							.includes(this.query.toLowerCase())
-					)
-				})
-			} else {
-				let data = this.$resources.search.data || []
-				if (data.length == 0) {
-					return []
-				}
-				return this.resourceOptions.responseMap(data)
-			}
-		},
-	},
-	methods: {
-		displayValue(option) {
-			if (typeof option === "string") {
-				return option
-			}
-			return option?.label
-		},
-		dsearch: debounce(function (query) {
-			this.search(query)
-		}, 300),
-		search(query) {
-			if (!this.searchable) return
-			this.$resources.search.fetch(this.resourceOptions.inputMap(query))
-		},
-	},
-	watch: {
-		resourceOptions(val) {
-			if (val) {
-				this.$nextTick(() => {
-					this.search("")
-				})
-			}
-		},
-	},
-	resources: {
-		search() {
-			if (!this.resourceOptions) {
-				return
-			}
-			return {
-				url: this.resourceOptions.url,
-			}
-		},
-	},
-}
+  name: "Autocomplete",
+  props: {
+    modelValue: {
+      type: Object,
+      default: null,
+    },
+    options: {
+      type: Array,
+      default: () => [],
+    },
+    resourceOptions: {
+      type: Function,
+      default: () => {},
+    },
+    placeholder: {
+      type: String,
+    },
+    searchable: {
+      type: Boolean,
+      default: true,
+    },
+    width: {
+      type: Number,
+      default: 250,
+    },
+    show: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  emits: ["update:modelValue", "change"],
+  components: {
+    Popover,
+    CustomIcons,
+    Combobox,
+    ComboboxInput,
+    ComboboxOptions,
+    ComboboxOption,
+    ComboboxButton,
+  },
+  data() {
+    return {
+      query: "",
+    };
+  },
+  mounted() {
+    this.dsearch("");
+  },
+  computed: {
+    valuePropPassed() {
+      return "value" in this.$attrs;
+    },
+    selectedValue: {
+      get() {
+        return this.valuePropPassed ? this.$attrs.value : this.modelValue;
+      },
+      set(val) {
+        this.query = "";
+        this.$emit(this.valuePropPassed ? "change" : "update:modelValue", val);
+      },
+    },
+    filteredOptions() {
+      if (!this.resourceOptions) {
+        if (!this.query) {
+          return this.options;
+        }
+        return this.options.filter((option) => {
+          let searchTexts = [option.label, option.value];
+          return searchTexts.some((text) =>
+            (text || "").toLowerCase().includes(this.query.toLowerCase())
+          );
+        });
+      } else {
+        let data = this.$resources.search.data || [];
+        if (data.length == 0) {
+          return [];
+        }
+        return this.resourceOptions.responseMap(data);
+      }
+    },
+  },
+  methods: {
+    displayValue(option) {
+      if (typeof option === "string") {
+        return option;
+      }
+      return option?.label;
+    },
+    dsearch: debounce(function (query) {
+      this.search(query);
+    }, 300),
+    search(query) {
+      if (!this.searchable) return;
+      this.$resources.search.fetch(this.resourceOptions.inputMap(query));
+    },
+  },
+  watch: {
+    resourceOptions(val) {
+      if (val) {
+        this.$nextTick(() => {
+          this.search("");
+        });
+      }
+    },
+  },
+  resources: {
+    search() {
+      if (!this.resourceOptions) {
+        return;
+      }
+      return {
+        url: this.resourceOptions.url,
+      };
+    },
+  },
+};
 </script>
diff --git a/desk/src/pages/onboarding/OnboardingIntro.vue b/desk/src/pages/onboarding/OnboardingIntro.vue
index e821c4713..3bd7deb39 100644
--- a/desk/src/pages/onboarding/OnboardingIntro.vue
+++ b/desk/src/pages/onboarding/OnboardingIntro.vue
@@ -1,12 +1,12 @@
 <template>
-	<div class="flex flex-col gap-2 text-gray-800">
-		<div class="text-base text-gray-900">
-			{{ text }}
-		</div>
-		<div class="text-base text-gray-900">
-			{{ subText }}
-		</div>
-	</div>
+  <div class="flex flex-col gap-2 text-gray-800">
+    <div class="text-base text-gray-900">
+      {{ text }}
+    </div>
+    <div class="text-base text-gray-900">
+      {{ subText }}
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -14,11 +14,11 @@ import { onMounted } from "vue";
 import { capture } from "@/telemetry";
 
 const text =
-	"We're excited to have you join us and explore the world of efficient customer support. \
+  "We're excited to have you join us and explore the world of efficient customer support. \
 	We are here to transform the way you handle customer inquiries, streamline ticket \
 	management, and deliver outstanding service.";
 const subText =
-	"Once again, welcome to Frappe Helpdesk! Let's hope for a long and smooth journey!";
+  "Once again, welcome to Frappe Helpdesk! Let's hope for a long and smooth journey!";
 
 onMounted(() => capture("onboarding_started"));
 </script>
diff --git a/desk/src/pages/onboarding/SetupName.vue b/desk/src/pages/onboarding/SetupName.vue
index 5dd02c1d6..c584f6dd8 100644
--- a/desk/src/pages/onboarding/SetupName.vue
+++ b/desk/src/pages/onboarding/SetupName.vue
@@ -1,22 +1,22 @@
 <template>
-	<div class="flex flex-col gap-4 text-gray-800">
-		{{ text }}
-		<div class="relative flex items-center justify-end">
-			<Input
-				type="text"
-				class="w-full"
-				:placeholder="placeholder"
-				@input="update"
-			/>
-			<IconCheck
-				v-if="isCheckVisible"
-				class="absolute mr-2 w-6 text-green-500"
-			/>
-		</div>
-		<div class="italic text-gray-800">
-			{{ subText }}
-		</div>
-	</div>
+  <div class="flex flex-col gap-4 text-gray-800">
+    {{ text }}
+    <div class="relative flex items-center justify-end">
+      <Input
+        type="text"
+        class="w-full"
+        :placeholder="placeholder"
+        @input="update"
+      />
+      <IconCheck
+        v-if="isCheckVisible"
+        class="absolute mr-2 w-6 text-green-500"
+      />
+    </div>
+    <div class="italic text-gray-800">
+      {{ subText }}
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -26,31 +26,31 @@ import { capture } from "@/telemetry";
 import IconCheck from "~icons/ph/check-bold";
 
 const text =
-	"Now, let's set a name for your Helpdesk that reflects your organization's \
+  "Now, let's set a name for your Helpdesk that reflects your organization's \
 	identity and values. So, what would you like to name your Helpdesk?";
 const subText =
-	"Choose a name that resonates with your brand and instills \
+  "Choose a name that resonates with your brand and instills \
 	trust in your customers";
 const placeholder = "My Helpdesk";
 const isCheckVisible = ref(false);
 
 const r = createResource({
-	url: "frappe.client.set_value",
-	debounce: 1000,
-	onSuccess() {
-		isCheckVisible.value = true;
-		capture("onboarding_name_changed");
-	},
+  url: "frappe.client.set_value",
+  debounce: 1000,
+  onSuccess() {
+    isCheckVisible.value = true;
+    capture("onboarding_name_changed");
+  },
 });
 
 function update(value: string) {
-	isCheckVisible.value = false;
-	r.submit({
-		doctype: "HD Settings",
-		name: "HD Settings",
-		fieldname: "helpdesk_name",
-		value,
-	});
+  isCheckVisible.value = false;
+  r.submit({
+    doctype: "HD Settings",
+    name: "HD Settings",
+    fieldname: "helpdesk_name",
+    value,
+  });
 }
 
 onMounted(() => capture("onboarding_name_reached"));
diff --git a/desk/src/pages/onboarding/SimpleOnboarding.vue b/desk/src/pages/onboarding/SimpleOnboarding.vue
index 336eacdc4..7793ad7b6 100644
--- a/desk/src/pages/onboarding/SimpleOnboarding.vue
+++ b/desk/src/pages/onboarding/SimpleOnboarding.vue
@@ -113,7 +113,7 @@ function finish() {
 }
 
 function redirect() {
-  router.replace({ path: '/' });
+  router.replace({ path: "/" });
 }
 
 onBeforeMount(() => {
diff --git a/desk/src/pages/onboarding/SuccessMessage.vue b/desk/src/pages/onboarding/SuccessMessage.vue
index cd6b39544..d235dda82 100644
--- a/desk/src/pages/onboarding/SuccessMessage.vue
+++ b/desk/src/pages/onboarding/SuccessMessage.vue
@@ -1,34 +1,34 @@
 <template>
-	<div class="flex flex-col gap-4">
-		<div>
-			<div class="font-medium">Don't forget to star our GitHub repo</div>
-			<a class="text-sm text-gray-800" :href="github" target="_blank">
-				{{ github }}
-			</a>
-		</div>
-		<div>
-			<div class="font-medium">
-				If you find any bugs, report them at the issue tracker
-			</div>
-			<a class="text-sm text-gray-800" :href="issues" target="_blank">
-				{{ issues }}
-			</a>
-		</div>
-		<div>
-			<div class="font-medium">
-				For any queries or support, reach out to our support portal
-			</div>
-			<a class="text-sm text-gray-800" :href="support" target="_blank">
-				{{ support }}
-			</a>
-		</div>
-		<div>
-			<div class="font-medium">Or via our e-mail</div>
-			<a class="text-sm text-gray-800" :href="'mailto:' + email">
-				{{ email }}
-			</a>
-		</div>
-	</div>
+  <div class="flex flex-col gap-4">
+    <div>
+      <div class="font-medium">Don't forget to star our GitHub repo</div>
+      <a class="text-sm text-gray-800" :href="github" target="_blank">
+        {{ github }}
+      </a>
+    </div>
+    <div>
+      <div class="font-medium">
+        If you find any bugs, report them at the issue tracker
+      </div>
+      <a class="text-sm text-gray-800" :href="issues" target="_blank">
+        {{ issues }}
+      </a>
+    </div>
+    <div>
+      <div class="font-medium">
+        For any queries or support, reach out to our support portal
+      </div>
+      <a class="text-sm text-gray-800" :href="support" target="_blank">
+        {{ support }}
+      </a>
+    </div>
+    <div>
+      <div class="font-medium">Or via our e-mail</div>
+      <a class="text-sm text-gray-800" :href="'mailto:' + email">
+        {{ email }}
+      </a>
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/desk/src/pages/onboarding/email/SetupEmail.vue b/desk/src/pages/onboarding/email/SetupEmail.vue
index 8af36829a..3d4938774 100644
--- a/desk/src/pages/onboarding/email/SetupEmail.vue
+++ b/desk/src/pages/onboarding/email/SetupEmail.vue
@@ -1,7 +1,7 @@
 <template>
-	<div class="flex flex-col gap-4">
-		<component :is="steps[step]" />
-	</div>
+  <div class="flex flex-col gap-4">
+    <component :is="steps[step]" />
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/desk/src/pages/onboarding/email/SuccessMessage.vue b/desk/src/pages/onboarding/email/SuccessMessage.vue
index aff318395..8bf1f6a9a 100644
--- a/desk/src/pages/onboarding/email/SuccessMessage.vue
+++ b/desk/src/pages/onboarding/email/SuccessMessage.vue
@@ -1,12 +1,12 @@
 <template>
-	<div class="flex flex-col items-center justify-center gap-4">
-		<div class="text-7xl">
-			{{ emoji }}
-		</div>
-		<div class="text-center text-base italic text-gray-900">
-			{{ message }}
-		</div>
-	</div>
+  <div class="flex flex-col items-center justify-center gap-4">
+    <div class="text-7xl">
+      {{ emoji }}
+    </div>
+    <div class="text-center text-base italic text-gray-900">
+      {{ message }}
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -15,7 +15,7 @@ import { capture } from "@/telemetry";
 
 const emoji = "✔️";
 const message =
-	"Fantastic! Your email is now active. You are ready unleash true \
+  "Fantastic! Your email is now active. You are ready unleash true \
 	potential of Frappe Helpdesk!";
 
 onMounted(() => capture("onboarding_email_finished"));
diff --git a/desk/src/pages/onboarding/email/data.ts b/desk/src/pages/onboarding/email/data.ts
index fbfdda461..015271271 100644
--- a/desk/src/pages/onboarding/email/data.ts
+++ b/desk/src/pages/onboarding/email/data.ts
@@ -2,16 +2,16 @@ import { ref } from "vue";
 import { defineStore } from "pinia";
 
 export const useOnboardingEmailStore = defineStore("onboarding", () => {
-	const step = ref(0);
-	const service = ref("");
+  const step = ref(0);
+  const service = ref("");
 
-	function next() {
-		step.value++;
-	}
+  function next() {
+    step.value++;
+  }
 
-	return {
-		next,
-		service,
-		step,
-	};
+  return {
+    next,
+    service,
+    step,
+  };
 });
diff --git a/desk/src/stores/contact.ts b/desk/src/stores/contact.ts
index 73adf6583..e50ccb99c 100644
--- a/desk/src/stores/contact.ts
+++ b/desk/src/stores/contact.ts
@@ -3,26 +3,26 @@ import { defineStore } from "pinia";
 import { createListResource } from "frappe-ui";
 
 type Contact = {
-	name: string;
-	first_name: string;
-	last_name: string;
-	full_name: string;
-	email_id: string;
+  name: string;
+  first_name: string;
+  last_name: string;
+  full_name: string;
+  email_id: string;
 };
 
 export const useContactStore = defineStore("contact", () => {
-	const d__ = createListResource({
-		doctype: "Contact",
-		fields: ["*"],
-		auto: true,
-		pageLength: 99999,
-	});
+  const d__ = createListResource({
+    doctype: "Contact",
+    fields: ["*"],
+    auto: true,
+    pageLength: 99999,
+  });
 
-	const options: ComputedRef<Array<Contact>> = computed(
-		() => d__.list?.data || []
-	);
+  const options: ComputedRef<Array<Contact>> = computed(
+    () => d__.list?.data || []
+  );
 
-	return {
-		options,
-	};
+  return {
+    options,
+  };
 });
diff --git a/helpdesk/api/account.py b/helpdesk/api/account.py
index f0f910881..68d8f3368 100644
--- a/helpdesk/api/account.py
+++ b/helpdesk/api/account.py
@@ -8,63 +8,67 @@ from frappe.core.doctype.user.user import test_password_strength
 
 @frappe.whitelist(allow_guest=True)
 def signup(email, first_name, last_name):
-	frappe.utils.validate_email_address(email, True)
+    frappe.utils.validate_email_address(email, True)
 
-	current_user = frappe.session.user
-	frappe.set_user("Administrator")
+    current_user = frappe.session.user
+    frappe.set_user("Administrator")
 
-	email = email.strip().lower()
+    email = email.strip().lower()
 
-	if not frappe.db.exists("User", email):
-		user = frappe.get_doc(
-			{
-				"doctype": "User",
-				"email": email,
-				"first_name": first_name,
-				"last_name": last_name,
-				"send_welcome_email": "0"
-				# "role_profile_name": "Helpdesk Contact"	TODO: add this role profile and then un-comment this part
-			}
-		).insert()
+    if not frappe.db.exists("User", email):
+        user = frappe.get_doc(
+            {
+                "doctype": "User",
+                "email": email,
+                "first_name": first_name,
+                "last_name": last_name,
+                "send_welcome_email": "0"
+                # "role_profile_name": "Helpdesk Contact"	TODO: add this role profile and then un-comment this part
+            }
+        ).insert()
 
-		frappe.get_doc(
-			{"doctype": "HD Desk Account Request", "email": email, "user": user.name,}
-		).insert()
+        frappe.get_doc(
+            {
+                "doctype": "HD Desk Account Request",
+                "email": email,
+                "user": user.name,
+            }
+        ).insert()
 
-		frappe.set_user(current_user)
-	else:
-		frappe.set_user(current_user)
-		frappe.throw("User already exists, please try loggin in using this email")
+        frappe.set_user(current_user)
+    else:
+        frappe.set_user(current_user)
+        frappe.throw("User already exists, please try loggin in using this email")
 
 
 @frappe.whitelist(allow_guest=True)
 def verify_and_create_account(request_key, email, password):
-	account_request = frappe.get_doc("HD Desk Account Request", {"email": email})
-	if account_request:
-		if account_request.request_key == request_key:
-			current_user = frappe.session.user
-			frappe.set_user("Administrator")
+    account_request = frappe.get_doc("HD Desk Account Request", {"email": email})
+    if account_request:
+        if account_request.request_key == request_key:
+            current_user = frappe.session.user
+            frappe.set_user("Administrator")
 
-			user = frappe.get_doc("User", account_request.user)
-			user.new_password = password
-			user.save()
+            user = frappe.get_doc("User", account_request.user)
+            user.new_password = password
+            user.save()
 
-			frappe.set_user(current_user)
-		else:
-			frappe.throw("Ivalid request key")
-	else:
-		frappe.throw(f"Account request for {email} not found, please signup first")
+            frappe.set_user(current_user)
+        else:
+            frappe.throw("Ivalid request key")
+    else:
+        frappe.throw(f"Account request for {email} not found, please signup first")
 
 
 @frappe.whitelist(allow_guest=True)
 def validate_password(password, first_name, last_name, email):
-	available = True
+    available = True
 
-	user_data = (first_name, last_name, email)
-	result = test_password_strength(password, "", None, user_data)
-	feedback = result.get("feedback", None)
+    user_data = (first_name, last_name, email)
+    result = test_password_strength(password, "", None, user_data)
+    feedback = result.get("feedback")
 
-	if feedback and not feedback.get("password_policy_validation_passed", False):
-		available = False
+    if feedback and not feedback.get("password_policy_validation_passed", False):
+        available = False
 
-	return available
+    return available
diff --git a/helpdesk/api/doc.py b/helpdesk/api/doc.py
index b8729c0ca..f4dcb90d5 100644
--- a/helpdesk/api/doc.py
+++ b/helpdesk/api/doc.py
@@ -1,8 +1,8 @@
 import frappe
-from frappe.utils.caching import redis_cache
-from pypika import Criterion
 from frappe.model import no_value_fields
 from frappe.model.document import get_controller
+from frappe.utils.caching import redis_cache
+from pypika import Criterion
 
 from helpdesk.utils import check_permissions
 
@@ -10,190 +10,204 @@ from helpdesk.utils import check_permissions
 @frappe.whitelist()
 @redis_cache()
 def get_filterable_fields(doctype):
-	check_permissions(doctype, None)
-	QBDocField = frappe.qb.DocType("DocField")
-	QBCustomField = frappe.qb.DocType("Custom Field")
-	allowed_fieldtypes = [
-		"Check",
-		"Data",
-		"Float",
-		"Int",
-		"Link",
-		"Long Text",
-		"Select",
-		"Small Text",
-		"Text Editor",
-		"Text",
-	]
+    check_permissions(doctype, None)
+    QBDocField = frappe.qb.DocType("DocField")
+    QBCustomField = frappe.qb.DocType("Custom Field")
+    allowed_fieldtypes = [
+        "Check",
+        "Data",
+        "Float",
+        "Int",
+        "Link",
+        "Long Text",
+        "Select",
+        "Small Text",
+        "Text Editor",
+        "Text",
+    ]
 
-	from_doc_fields = (
-		frappe.qb.from_(QBDocField)
-		.select(
-			QBDocField.fieldname,
-			QBDocField.fieldtype,
-			QBDocField.label,
-			QBDocField.name,
-			QBDocField.options,
-		)
-		.where(QBDocField.parent == doctype)
-		.where(QBDocField.hidden == False)
-		.where(Criterion.any([QBDocField.fieldtype == i for i in allowed_fieldtypes]))
-		.run(as_dict=True)
-	)
+    from_doc_fields = (
+        frappe.qb.from_(QBDocField)
+        .select(
+            QBDocField.fieldname,
+            QBDocField.fieldtype,
+            QBDocField.label,
+            QBDocField.name,
+            QBDocField.options,
+        )
+        .where(QBDocField.parent == doctype)
+        .where(QBDocField.hidden == False)
+        .where(Criterion.any([QBDocField.fieldtype == i for i in allowed_fieldtypes]))
+        .run(as_dict=True)
+    )
 
-	from_custom_fields = (
-		frappe.qb.from_(QBCustomField)
-		.select(
-			QBCustomField.fieldname,
-			QBCustomField.fieldtype,
-			QBCustomField.label,
-			QBCustomField.name,
-			QBCustomField.options,
-		)
-		.where(QBCustomField.dt == doctype)
-		.where(QBCustomField.hidden == False)
-		.where(
-			Criterion.any([QBCustomField.fieldtype == i for i in allowed_fieldtypes])
-		)
-		.run(as_dict=True)
-	)
+    from_custom_fields = (
+        frappe.qb.from_(QBCustomField)
+        .select(
+            QBCustomField.fieldname,
+            QBCustomField.fieldtype,
+            QBCustomField.label,
+            QBCustomField.name,
+            QBCustomField.options,
+        )
+        .where(QBCustomField.dt == doctype)
+        .where(QBCustomField.hidden == False)
+        .where(
+            Criterion.any([QBCustomField.fieldtype == i for i in allowed_fieldtypes])
+        )
+        .run(as_dict=True)
+    )
+
+    res = []
+    res.extend(from_doc_fields)
+    res.extend(from_custom_fields)
+    res.extend(
+        [
+            {
+                "fieldname": "_assign",
+                "fieldtype": "Link",
+                "label": "Assigned to",
+                "name": "_assign",
+                "options": "HD Agent",
+            },
+            {
+                "fieldname": "name",
+                "fieldtype": "Data",
+                "label": "ID",
+                "name": "name",
+            },
+        ]
+    )
+    return res
 
-	res = []
-	res.extend(from_doc_fields)
-	res.extend(from_custom_fields)
-	res.extend(
-		[{
-			"fieldname": "_assign",
-			"fieldtype": "Link",
-			"label": "Assigned to",
-			"name": "_assign",
-			"options": "HD Agent",
-		},
-		{
-			"fieldname": "name",
-			"fieldtype": "Data",
-			"label": "ID",
-			"name": "name",
-		}]
-	)
-	return res
 
 @frappe.whitelist()
 def get_list_data(
-	doctype: str, 
-	filters: dict={}, 
-	order_by: str="modified desc", 
-	page_length=20,
-	columns=None,
-	rows=None,
+    doctype: str,
+    # flake8: noqa
+    filters: dict = {},
+    order_by: str = "modified desc",
+    page_length=20,
+    columns=None,
+    rows=None,
 ):
-	is_default = True
+    is_default = True
 
-	if columns or rows:
-		is_default = False
-		columns = frappe.parse_json(columns)
-		rows = frappe.parse_json(rows)
+    if columns or rows:
+        is_default = False
+        columns = frappe.parse_json(columns)
+        rows = frappe.parse_json(rows)
 
-	if not columns:
-		columns = [
-			{"label": "Name", "type": "Data", "key": "name", "width": "16rem"},
-			{"label": "Last Modified", "type": "Datetime", "key": "modified", "width": "8rem"},
-		]
+    if not columns:
+        columns = [
+            {"label": "Name", "type": "Data", "key": "name", "width": "16rem"},
+            {
+                "label": "Last Modified",
+                "type": "Datetime",
+                "key": "modified",
+                "width": "8rem",
+            },
+        ]
 
-	if not rows:
-		rows = ["name"]
+    if not rows:
+        rows = ["name"]
 
-	# if frappe.db.exists("HD List View Settings", doctype):
-	# 	list_view_settings = frappe.get_doc("CRM List View Settings", doctype)
-	# 	columns = frappe.parse_json(list_view_settings.columns)
-	# 	rows = frappe.parse_json(list_view_settings.rows)
-	# 	is_default = False
-	# else:
-	list = get_controller(doctype)
+    # if frappe.db.exists("HD List View Settings", doctype):
+    # 	list_view_settings = frappe.get_doc("CRM List View Settings", doctype)
+    # 	columns = frappe.parse_json(list_view_settings.columns)
+    # 	rows = frappe.parse_json(list_view_settings.rows)
+    # 	is_default = False
+    # else:
+    list = get_controller(doctype)
 
-	if is_default:
-		if hasattr(list, "default_list_data"):
-			columns = list.default_list_data().get("columns")
-			rows = list.default_list_data().get("rows")
+    # flake8: noqa
+    if is_default:
+        if hasattr(list, "default_list_data"):
+            columns = list.default_list_data().get("columns")
+            rows = list.default_list_data().get("rows")
 
-	# check if rows has all keys from columns if not add them
-	for column in columns:
-		if column.get("key") not in rows:
-			rows.append(column.get("key"))
+    # check if rows has all keys from columns if not add them
+    for column in columns:
+        if column.get("key") not in rows:
+            rows.append(column.get("key"))
 
-	rows.append("name") if "name" not in rows else rows
-	data = frappe.get_list(
-		doctype,
-		fields=rows,
-		filters=filters,
-		order_by=order_by,
-		page_length=page_length,
-	) or []
+    rows.append("name") if "name" not in rows else rows
+    data = (
+        frappe.get_list(
+            doctype,
+            fields=rows,
+            filters=filters,
+            order_by=order_by,
+            page_length=page_length,
+        )
+        or []
+    )
 
-	fields = frappe.get_meta(doctype).fields
-	fields = [field for field in fields if field.fieldtype not in no_value_fields]
-	fields = [
-		{
-			"label": field.label,
-			"type": field.fieldtype,
-			"value": field.fieldname,
-			"options": field.options,
-		}
-		for field in fields
-		if field.label and field.fieldname
-	]
+    fields = frappe.get_meta(doctype).fields
+    fields = [field for field in fields if field.fieldtype not in no_value_fields]
+    fields = [
+        {
+            "label": field.label,
+            "type": field.fieldtype,
+            "value": field.fieldname,
+            "options": field.options,
+        }
+        for field in fields
+        if field.label and field.fieldname
+    ]
 
-	std_fields = [
-		{"label": "Name", "type": "Data", "value": "name"},
-		{"label": "Created On", "type": "Datetime", "value": "creation"},
-		{"label": "Last Modified", "type": "Datetime", "value": "modified"},
-		{
-			"label": "Modified By",
-			"type": "Link",
-			"value": "modified_by",
-			"options": "User",
-		},
-		{"label": "Assigned To", "type": "Text", "value": "_assign"},
-		{"label": "Owner", "type": "Link", "value": "owner", "options": "User"},
-	]
+    std_fields = [
+        {"label": "Name", "type": "Data", "value": "name"},
+        {"label": "Created On", "type": "Datetime", "value": "creation"},
+        {"label": "Last Modified", "type": "Datetime", "value": "modified"},
+        {
+            "label": "Modified By",
+            "type": "Link",
+            "value": "modified_by",
+            "options": "User",
+        },
+        {"label": "Assigned To", "type": "Text", "value": "_assign"},
+        {"label": "Owner", "type": "Link", "value": "owner", "options": "User"},
+    ]
 
-	for field in std_fields:
-		if field.get('value') not in rows:
-			rows.append(field.get('value'))
-		if field not in fields:
-			fields.append(field)
+    for field in std_fields:
+        if field.get("value") not in rows:
+            rows.append(field.get("value"))
+        if field not in fields:
+            fields.append(field)
+
+    return {
+        "data": data,
+        "columns": columns,
+        "rows": rows,
+        "fields": fields,
+        "total_count": len(frappe.get_list(doctype, filters=filters)),
+        "row_count": len(data),
+    }
 
-	return {
-		"data": data,
-		"columns": columns,
-		"rows": rows,
-		"fields": fields,
-		"total_count": len(frappe.get_list(doctype, filters=filters)),
-		"row_count": len(data),
-	}
 
 @frappe.whitelist()
 def sort_options(doctype: str):
-	fields = frappe.get_meta(doctype).fields
-	fields = [field for field in fields if field.fieldtype not in no_value_fields]
-	fields = [
-		{
-			"label": field.label,
-			"value": field.fieldname,
-		}
-		for field in fields
-		if field.label and field.fieldname
-	]
+    fields = frappe.get_meta(doctype).fields
+    fields = [field for field in fields if field.fieldtype not in no_value_fields]
+    fields = [
+        {
+            "label": field.label,
+            "value": field.fieldname,
+        }
+        for field in fields
+        if field.label and field.fieldname
+    ]
 
-	standard_fields = [
-		{"label": "Name", "value": "name"},
-		{"label": "Created On", "value": "creation"},
-		{"label": "Last Modified", "value": "modified"},
-		{"label": "Modified By", "value": "modified_by"},
-		{"label": "Owner", "value": "owner"},
-	]
+    standard_fields = [
+        {"label": "Name", "value": "name"},
+        {"label": "Created On", "value": "creation"},
+        {"label": "Last Modified", "value": "modified"},
+        {"label": "Modified By", "value": "modified_by"},
+        {"label": "Owner", "value": "owner"},
+    ]
 
-	for field in standard_fields:
-		fields.append(field)
+    for field in standard_fields:
+        fields.append(field)
 
-	return fields
\ No newline at end of file
+    return fields
diff --git a/helpdesk/api/general.py b/helpdesk/api/general.py
index 71f760279..1a7819bae 100644
--- a/helpdesk/api/general.py
+++ b/helpdesk/api/general.py
@@ -4,39 +4,39 @@ from pypika import Order
 
 @frappe.whitelist()
 def get_preset_filters(doctype):
-	"""
-	Args:
-	                doctype (_type_): _description_
+    """
+    Args:
+                    doctype (_type_): _description_
 
-	Returns:
-	                Dict {"user": [], "global": []}: Returns the preset filters for a given doctype
-	"""
+    Returns:
+                    Dict {"user": [], "global": []}: Returns the preset filters for a given doctype
+    """
 
-	options = {"user": [], "global": []}
+    options = {"user": [], "global": []}
 
-	fd_preset_filter = frappe.qb.DocType("HD Preset Filter")
-	preset_filters = list(
-		(
-			frappe.qb.from_(fd_preset_filter)
-			.select(fd_preset_filter.name)
-			.where(
-				(
-					(
-						(fd_preset_filter.type == "User")
-						& (fd_preset_filter.user == frappe.session.user)
-					)
-					| (fd_preset_filter.type.isin(["Global", "System"]))
-				)
-				& (fd_preset_filter.reference_doctype == doctype)
-			)
-			.orderby(fd_preset_filter.type)
-			.orderby(fd_preset_filter.modified, order=Order.desc)
-		).run()
-	)
+    fd_preset_filter = frappe.qb.DocType("HD Preset Filter")
+    preset_filters = list(
+        (
+            frappe.qb.from_(fd_preset_filter)
+            .select(fd_preset_filter.name)
+            .where(
+                (
+                    (
+                        (fd_preset_filter.type == "User")
+                        & (fd_preset_filter.user == frappe.session.user)
+                    )
+                    | (fd_preset_filter.type.isin(["Global", "System"]))
+                )
+                & (fd_preset_filter.reference_doctype == doctype)
+            )
+            .orderby(fd_preset_filter.type)
+            .orderby(fd_preset_filter.modified, order=Order.desc)
+        ).run()
+    )
 
-	for preset_filter in preset_filters:
-		preset_filter_doc = frappe.get_doc("HD Preset Filter", preset_filter[0])
-		options[
-			"global" if preset_filter_doc.type in ["Global", "System"] else "user"
-		].append(preset_filter_doc)
-	return options
+    for preset_filter in preset_filters:
+        preset_filter_doc = frappe.get_doc("HD Preset Filter", preset_filter[0])
+        options[
+            "global" if preset_filter_doc.type in ["Global", "System"] else "user"
+        ].append(preset_filter_doc)
+    return options
diff --git a/helpdesk/api/session.py b/helpdesk/api/session.py
index 5786dda33..ef46a12e2 100644
--- a/helpdesk/api/session.py
+++ b/helpdesk/api/session.py
@@ -1,19 +1,20 @@
 import frappe
 
+
 @frappe.whitelist()
 def get_users():
-	if frappe.session.user == "Guest":
-		frappe.throw(frappe._("Authentication failed"), exc=frappe.AuthenticationError)
+    if frappe.session.user == "Guest":
+        frappe.throw(frappe._("Authentication failed"), exc=frappe.AuthenticationError)
 
-	users = frappe.qb.get_query(
-		"User",
-		fields=["name", "email", "enabled", "user_image", "full_name", "user_type"],
-		order_by="full_name asc",
-		distinct=True,
-	).run(as_dict=1)
+    users = frappe.qb.get_query(
+        "User",
+        fields=["name", "email", "enabled", "user_image", "full_name", "user_type"],
+        order_by="full_name asc",
+        distinct=True,
+    ).run(as_dict=1)
 
-	for user in users:
-		if frappe.session.user == user.name:
-			user.session_user = True
+    for user in users:
+        if frappe.session.user == user.name:
+            user.session_user = True
 
-	return users
\ No newline at end of file
+    return users
diff --git a/helpdesk/helpdesk/doctype/hd_agent/hd_agent.js b/helpdesk/helpdesk/doctype/hd_agent/hd_agent.js
index 35c9b82be..6d0acf985 100644
--- a/helpdesk/helpdesk/doctype/hd_agent/hd_agent.js
+++ b/helpdesk/helpdesk/doctype/hd_agent/hd_agent.js
@@ -2,6 +2,6 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Agent", {
-	// refresh: function(frm) {
-	// }
-})
+  // refresh: function(frm) {
+  // }
+});
diff --git a/helpdesk/helpdesk/doctype/hd_agent/hd_agent.py b/helpdesk/helpdesk/doctype/hd_agent/hd_agent.py
index 4480ed20f..44a9936c0 100644
--- a/helpdesk/helpdesk/doctype/hd_agent/hd_agent.py
+++ b/helpdesk/helpdesk/doctype/hd_agent/hd_agent.py
@@ -6,189 +6,189 @@ from frappe.model.document import Document
 
 
 class HDAgent(Document):
-	def before_save(self):
-		if self.name == self.user:
-			return
+    def before_save(self):
+        if self.name == self.user:
+            return
 
-		self.name = self.user
-		self.set_user_roles()
+        self.name = self.user
+        self.set_user_roles()
 
-	def set_user_roles(self):
-		user = frappe.get_doc("User", self.user)
+    def set_user_roles(self):
+        user = frappe.get_doc("User", self.user)
 
-		for role in ["Agent"]:
-			user.append("roles", {"role": role})
+        for role in ["Agent"]:
+            user.append("roles", {"role": role})
 
-		user.save()
+        user.save()
 
-	def on_update(self):
-		if self.has_value_changed("is_active"):
-			if not self.is_active:
-				self.remove_from_support_rotations()
-			else:
-				self.add_to_support_rotations()
+    def on_update(self):
+        if self.has_value_changed("is_active"):
+            if not self.is_active:
+                self.remove_from_support_rotations()
+            else:
+                self.add_to_support_rotations()
 
-		if self.has_value_changed("groups") and self.is_active:
-			previous = self.get_doc_before_save()
-			if previous:
-				for group in previous.groups:
-					if not next(
-						(g for g in self.groups if g.team == group.team),
-						None,
-					):
-						self.remove_from_support_rotations(group.team)
+        if self.has_value_changed("groups") and self.is_active:
+            previous = self.get_doc_before_save()
+            if previous:
+                for group in previous.groups:
+                    if not next(
+                        (g for g in self.groups if g.team == group.team),
+                        None,
+                    ):
+                        self.remove_from_support_rotations(group.team)
 
-			self.add_to_support_rotations()
+            self.add_to_support_rotations()
 
-	def on_trash(self):
-		self.remove_from_support_rotations()
+    def on_trash(self):
+        self.remove_from_support_rotations()
 
-	def add_to_support_rotations(self, group=None):
-		"""
-		Add the hd_agent to the support rotation for the given group or all groups
-		the hd_agent belongs to if hd_agent already added to the support roatation
-		for a group, skip
+    def add_to_support_rotations(self, group=None):
+        """
+        Add the hd_agent to the support rotation for the given group or all groups
+        the hd_agent belongs to if hd_agent already added to the support roatation
+        for a group, skip
 
-		:param str group: Team name, defaults to None.
-		"""
-		rule_docs = []
-		if not group:
-			# Add the hd_agent to the base support rotation
+        :param str group: Team name, defaults to None.
+        """
+        rule_docs = []
+        if not group:
+            # Add the hd_agent to the base support rotation
 
-			rule_docs.append(
-				frappe.get_doc(
-					"Assignment Rule",
-					frappe.get_doc("HD Settings").get_base_support_rotation(),
-				)
-			)
+            rule_docs.append(
+                frappe.get_doc(
+                    "Assignment Rule",
+                    frappe.get_doc("HD Settings").get_base_support_rotation(),
+                )
+            )
 
-			# Add the hd_agent to the support rotation for each group they belong to
-			if self.groups:
-				for group in self.groups:
-					try:
-						team_assignment_rule = frappe.get_doc(
-							"HD Team", group.team
-						).get_assignment_rule()
-						rule_docs.append(
-							frappe.get_doc(
-								"Assignment Rule",
-								team_assignment_rule,
-							)
-						)
-					except frappe.DoesNotExistError:
-						frappe.throw(
-							frappe._(
-								"Assignment Rule for HD Team {0} does not exist"
-							).format(group.team)
-						)
-		else:
-			# check if the group is in self.groups
-			if next(
-				(group for group in self.groups if group["group_name"] == group), None
-			):
-				rule_docs.append(
-					frappe.get_doc(
-						"Assignment Rule",
-						frappe.get_doc("HD Team", group).get_assignment_rule(),
-					)
-				)
-			else:
-				frappe.throw(
-					frappe._(
-						"Agent {0} does not belong to team {1}".format(
-							self.agent_name, group
-						)
-					)
-				)
+            # Add the hd_agent to the support rotation for each group they belong to
+            if self.groups:
+                for group in self.groups:
+                    try:
+                        team_assignment_rule = frappe.get_doc(
+                            "HD Team", group.team
+                        ).get_assignment_rule()
+                        rule_docs.append(
+                            frappe.get_doc(
+                                "Assignment Rule",
+                                team_assignment_rule,
+                            )
+                        )
+                    except frappe.DoesNotExistError:
+                        frappe.throw(
+                            frappe._(
+                                "Assignment Rule for HD Team {0} does not exist"
+                            ).format(group.team)
+                        )
+        else:
+            # check if the group is in self.groups
+            if next(
+                (group for group in self.groups if group["group_name"] == group), None
+            ):
+                rule_docs.append(
+                    frappe.get_doc(
+                        "Assignment Rule",
+                        frappe.get_doc("HD Team", group).get_assignment_rule(),
+                    )
+                )
+            else:
+                frappe.throw(
+                    frappe._(
+                        "Agent {0} does not belong to team {1}".format(
+                            self.agent_name, group
+                        )
+                    )
+                )
 
-		for rule_doc in rule_docs:
-			skip = False
-			if rule_doc:
-				if rule_doc.users and len(rule_doc.users) > 0:
-					for user in rule_doc.users:
-						if (
-							user.user == self.user
-						):  # if the user is already in the rule, skip
-							skip = True
-							break
-				if skip:
-					continue
+        for rule_doc in rule_docs:
+            skip = False
+            if rule_doc:
+                if rule_doc.users and len(rule_doc.users) > 0:
+                    for user in rule_doc.users:
+                        if (
+                            user.user == self.user
+                        ):  # if the user is already in the rule, skip
+                            skip = True
+                            break
+                if skip:
+                    continue
 
-				user_doc = frappe.get_doc(
-					{"doctype": "Assignment Rule User", "user": self.user}
-				)
-				rule_doc.append("users", user_doc)
-				rule_doc.disabled = False  # enable the rule if it is disabled
-				rule_doc.save(ignore_permissions=True)
+                user_doc = frappe.get_doc(
+                    {"doctype": "Assignment Rule User", "user": self.user}
+                )
+                rule_doc.append("users", user_doc)
+                rule_doc.disabled = False  # enable the rule if it is disabled
+                rule_doc.save(ignore_permissions=True)
 
-	def remove_from_support_rotations(self, group=None):
-		rule_docs = []
+    def remove_from_support_rotations(self, group=None):
+        rule_docs = []
 
-		if group:
-			# remove the hd_agent from the support rotation for the given group
-			rule_docs.append(
-				frappe.get_doc(
-					"Assignment Rule",
-					frappe.get_doc("HD Team", group).get_assignment_rule(),
-				)
-			)
+        if group:
+            # remove the hd_agent from the support rotation for the given group
+            rule_docs.append(
+                frappe.get_doc(
+                    "Assignment Rule",
+                    frappe.get_doc("HD Team", group).get_assignment_rule(),
+                )
+            )
 
-		else:
-			# Remove the hd_agent from the base support rotation
-			rule_docs.append(
-				frappe.get_doc(
-					"Assignment Rule",
-					frappe.get_doc("HD Settings").get_base_support_rotation(),
-				)
-			)
+        else:
+            # Remove the hd_agent from the base support rotation
+            rule_docs.append(
+                frappe.get_doc(
+                    "Assignment Rule",
+                    frappe.get_doc("HD Settings").get_base_support_rotation(),
+                )
+            )
 
-			# Remove the hd_agent from the support rotation for each group they belong to
-			for group in self.groups:
-				rule_docs.append(
-					frappe.get_doc(
-						"Assignment Rule",
-						frappe.get_doc("HD Team", group.team).get_assignment_rule(),
-					)
-				)
+            # Remove the hd_agent from the support rotation for each group they belong to
+            for group in self.groups:
+                rule_docs.append(
+                    frappe.get_doc(
+                        "Assignment Rule",
+                        frappe.get_doc("HD Team", group.team).get_assignment_rule(),
+                    )
+                )
 
-		for rule_doc in rule_docs:
-			if rule_doc.users and len(rule_doc.users) > 0:
-				for user in rule_doc.users:
-					if user.user == self.user:
-						if len(rule_doc.users) == 1:
-							rule_doc.disabled = (
-								True  # disable the rule if there are no users left
-							)
-						rule_doc.remove(user)
-						rule_doc.save()
+        for rule_doc in rule_docs:
+            if rule_doc.users and len(rule_doc.users) > 0:
+                for user in rule_doc.users:
+                    if user.user == self.user:
+                        if len(rule_doc.users) == 1:
+                            rule_doc.disabled = (
+                                True  # disable the rule if there are no users left
+                            )
+                        rule_doc.remove(user)
+                        rule_doc.save()
 
-	def in_group(self, group):
-		"""
-		Check if agent is in the given group
-		"""
-		if self.groups:
-			return next((g for g in self.groups if g.team == group), False)
+    def in_group(self, group):
+        """
+        Check if agent is in the given group
+        """
+        if self.groups:
+            return next((g for g in self.groups if g.team == group), False)
 
-		return False
+        return False
 
 
 @frappe.whitelist()
 def create_hd_agent(first_name, last_name, email, signature, team):
-	if frappe.db.exists("User", email):
-		user = frappe.get_doc("User", email)
-	else:
-		user = frappe.get_doc(
-			{
-				"doctype": "User",
-				"first_name": first_name,
-				"last_name": last_name,
-				"email": email,
-				"email_signature": signature,
-			}
-		).insert()
+    if frappe.db.exists("User", email):
+        user = frappe.get_doc("User", email)
+    else:
+        user = frappe.get_doc(
+            {
+                "doctype": "User",
+                "first_name": first_name,
+                "last_name": last_name,
+                "email": email,
+                "email_signature": signature,
+            }
+        ).insert()
 
-		user.send_welcome_mail_to_user()
+        user.send_welcome_mail_to_user()
 
-	return frappe.get_doc(
-		{"doctype": "HD Agent", "user": user.name, "group": team}
-	).insert()
+    return frappe.get_doc(
+        {"doctype": "HD Agent", "user": user.name, "group": team}
+    ).insert()
diff --git a/helpdesk/helpdesk/doctype/hd_article/api.py b/helpdesk/helpdesk/doctype/hd_article/api.py
index 0d4d8344d..445eb07c1 100644
--- a/helpdesk/helpdesk/doctype/hd_article/api.py
+++ b/helpdesk/helpdesk/doctype/hd_article/api.py
@@ -6,20 +6,20 @@ from helpdesk.utils import is_agent
 
 @frappe.whitelist(allow_guest=True)
 def get_article(name: str):
-	article = frappe.get_doc("HD Article", name).as_dict()
+    article = frappe.get_doc("HD Article", name).as_dict()
 
-	if not is_agent() and article["status"] != "Published":
-		frappe.throw(_("Access denied"), frappe.PermissionError)
+    if not is_agent() and article["status"] != "Published":
+        frappe.throw(_("Access denied"), frappe.PermissionError)
 
-	author = frappe.get_cached_doc("User", article["author"])
-	sub_category = frappe.get_cached_doc("HD Article Category", article["category"])
-	category = frappe.get_cached_doc(
-		"HD Article Category", sub_category.parent_category
-	)
+    author = frappe.get_cached_doc("User", article["author"])
+    sub_category = frappe.get_cached_doc("HD Article Category", article["category"])
+    category = frappe.get_cached_doc(
+        "HD Article Category", sub_category.parent_category
+    )
 
-	return {
-		**article,
-		"author": author,
-		"category": category,
-		"sub_category": sub_category,
-	}
+    return {
+        **article,
+        "author": author,
+        "category": category,
+        "sub_category": sub_category,
+    }
diff --git a/helpdesk/helpdesk/doctype/hd_article/hd_article.py b/helpdesk/helpdesk/doctype/hd_article/hd_article.py
index 94af66f7e..c0e296c6c 100644
--- a/helpdesk/helpdesk/doctype/hd_article/hd_article.py
+++ b/helpdesk/helpdesk/doctype/hd_article/hd_article.py
@@ -8,70 +8,71 @@ from frappe.utils import cint
 
 
 class HDArticle(Document):
-	@staticmethod
-	def get_list_filters(query):
-		QBArticle = DocType("HD Article")
-		QBCategory = DocType("HD Article Category")
+    @staticmethod
+    def get_list_filters(query):
+        QBArticle = DocType("HD Article")
+        QBCategory = DocType("HD Article Category")
 
-		query = (
-			query.where(QBArticle.status != "Archived")
-			.left_join(QBCategory)
-			.on(QBCategory.name == QBArticle.category)
-			.select(QBCategory.category_name)
-			.select(
-				QBArticle.title,
-				QBArticle.status,
-				QBArticle.author,
-				QBArticle.modified,
-			)
-		)
+        query = (
+            query.where(QBArticle.status != "Archived")
+            .left_join(QBCategory)
+            .on(QBCategory.name == QBArticle.category)
+            .select(QBCategory.category_name)
+            .select(
+                QBArticle.title,
+                QBArticle.status,
+                QBArticle.author,
+                QBArticle.modified,
+            )
+        )
 
-		return query
+        return query
 
-	def before_insert(self):
-		self.author = frappe.session.user
+    def before_insert(self):
+        self.author = frappe.session.user
 
-	def before_save(self):
-		# set published date of the hd_article
-		if self.status == "Published" and not self.published_on:
-			self.published_on = frappe.utils.now()
-		elif self.status == "Draft" and self.published_on:
-			self.published_on = None
+    def before_save(self):
+        # set published date of the hd_article
+        if self.status == "Published" and not self.published_on:
+            self.published_on = frappe.utils.now()
+        elif self.status == "Draft" and self.published_on:
+            self.published_on = None
 
-		if self.status == "Archived" and self.category != None:
-			self.category = None
+        if self.status == "Archived" and self.category != None:
+            self.category = None
 
-		# index is only set if its not set already, this allows defining index
-		# at the time of creation itself if not set the index is set to the
-		# last index + 1, i.e. the hd_article is added at the end
-		if self.status == "Published" and self.idx == -1:
-			self.idx = cint(
-				frappe.db.count(
-					"HD Article", {"category": self.category, "status": "Published"},
-				)
-			)
+        # index is only set if its not set already, this allows defining index
+        # at the time of creation itself if not set the index is set to the
+        # last index + 1, i.e. the hd_article is added at the end
+        if self.status == "Published" and self.idx == -1:
+            self.idx = cint(
+                frappe.db.count(
+                    "HD Article",
+                    {"category": self.category, "status": "Published"},
+                )
+            )
 
-	@property
-	def title_slug(self) -> str:
-		"""
-		Generate slug from article title.
-		Example: "Introduction to Frappe Helpdesk" -> "introduction-to-frappe-helpdesk"
+    @property
+    def title_slug(self) -> str:
+        """
+        Generate slug from article title.
+        Example: "Introduction to Frappe Helpdesk" -> "introduction-to-frappe-helpdesk"
 
-		:return: Generated slug
-		"""
-		return self.title.lower().replace(" ", "-")
+        :return: Generated slug
+        """
+        return self.title.lower().replace(" ", "-")
 
-	def get_breadcrumbs(self):
-		breadcrumbs = [{"name": self.name, "label": self.title}]
-		current_category = frappe.get_doc("Category", self.category)
-		breadcrumbs.append(
-			{"name": current_category.name, "label": current_category.category_name}
-		)
-		while current_category.parent_category:
-			current_category = frappe.get_doc(
-				"Category", current_category.parent_category
-			)
-			breadcrumbs.append(
-				{"name": current_category.name, "label": current_category.category_name}
-			)
-		return breadcrumbs[::-1]
\ No newline at end of file
+    def get_breadcrumbs(self):
+        breadcrumbs = [{"name": self.name, "label": self.title}]
+        current_category = frappe.get_doc("Category", self.category)
+        breadcrumbs.append(
+            {"name": current_category.name, "label": current_category.category_name}
+        )
+        while current_category.parent_category:
+            current_category = frappe.get_doc(
+                "Category", current_category.parent_category
+            )
+            breadcrumbs.append(
+                {"name": current_category.name, "label": current_category.category_name}
+            )
+        return breadcrumbs[::-1]
diff --git a/helpdesk/helpdesk/doctype/hd_article_category/hd_article_category.js b/helpdesk/helpdesk/doctype/hd_article_category/hd_article_category.js
index c8015629a..5ce6b2b8d 100644
--- a/helpdesk/helpdesk/doctype/hd_article_category/hd_article_category.js
+++ b/helpdesk/helpdesk/doctype/hd_article_category/hd_article_category.js
@@ -2,6 +2,6 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Article Category", {
-	// refresh: function(frm) {
-	// }
-})
+  // refresh: function(frm) {
+  // }
+});
diff --git a/helpdesk/helpdesk/doctype/hd_article_category/hd_article_category.py b/helpdesk/helpdesk/doctype/hd_article_category/hd_article_category.py
index 5c6f17059..7266fda7b 100644
--- a/helpdesk/helpdesk/doctype/hd_article_category/hd_article_category.py
+++ b/helpdesk/helpdesk/doctype/hd_article_category/hd_article_category.py
@@ -2,7 +2,8 @@
 # For license information, please see license.txt
 
 import frappe
-from frappe import _
+
+# from frappe import _
 from frappe.model.document import Document
 from frappe.utils import cint
 from pypika.functions import Count
@@ -10,47 +11,47 @@ from pypika.queries import Query
 
 
 class HDArticleCategory(Document):
-	@staticmethod
-	def get_list_select(query: Query):
-		QBCategory = frappe.qb.DocType("HD Article Category")
-		QBArticle = frappe.qb.DocType("HD Article")
-		count_article = (
-			frappe.qb.from_(QBArticle)
-			.select(Count("*"))
-			.as_("count_article")
-			.where(QBArticle.category == QBCategory.name)
-		)
-		query = query.select(QBCategory.star).select(count_article)
-		return query
+    @staticmethod
+    def get_list_select(query: Query):
+        QBCategory = frappe.qb.DocType("HD Article Category")
+        QBArticle = frappe.qb.DocType("HD Article")
+        count_article = (
+            frappe.qb.from_(QBArticle)
+            .select(Count("*"))
+            .as_("count_article")
+            .where(QBArticle.category == QBCategory.name)
+        )
+        query = query.select(QBCategory.star).select(count_article)
+        return query
 
-	def before_save(self):
-		if self.idx == -1 and self.status == "Published":
-			# index is only set if its not set already, this allows defining
-			# index at the time of creation itself if not set the index is set
-			# to the last index + 1, i.e. the category is added at the end
-			self.idx = cint(
-				frappe.db.count(
-					"HD Article Category", {"parent_category": self.parent_category}
-				)
-			)
+    def before_save(self):
+        if self.idx == -1 and self.status == "Published":
+            # index is only set if its not set already, this allows defining
+            # index at the time of creation itself if not set the index is set
+            # to the last index + 1, i.e. the category is added at the end
+            self.idx = cint(
+                frappe.db.count(
+                    "HD Article Category", {"parent_category": self.parent_category}
+                )
+            )
 
-	def archive(self):
-		self.idx = -1
-		self.status = "Archived"
-		self.save()
+    def archive(self):
+        self.idx = -1
+        self.status = "Archived"
+        self.save()
 
-	def unarchive(self):
-		self.status = "Published"
-		self.save()
+    def unarchive(self):
+        self.status = "Published"
+        self.save()
 
-	def get_breadcrumbs(self):
-		breadcrumbs = [{"name": self.name, "label": self.category_name}]
-		current_category = self
-		while current_category.parent_category:
-			current_category = frappe.get_doc(
-				"HD Article Category", current_category.parent_category
-			)
-			breadcrumbs.append(
-				{"name": current_category.name, "label": current_category.category_name}
-			)
-		return breadcrumbs[::-1]
+    def get_breadcrumbs(self):
+        breadcrumbs = [{"name": self.name, "label": self.category_name}]
+        current_category = self
+        while current_category.parent_category:
+            current_category = frappe.get_doc(
+                "HD Article Category", current_category.parent_category
+            )
+            breadcrumbs.append(
+                {"name": current_category.name, "label": current_category.category_name}
+            )
+        return breadcrumbs[::-1]
diff --git a/helpdesk/helpdesk/doctype/hd_article_feedback/hd_article_feedback.js b/helpdesk/helpdesk/doctype/hd_article_feedback/hd_article_feedback.js
index 47c149527..ddb38d38d 100644
--- a/helpdesk/helpdesk/doctype/hd_article_feedback/hd_article_feedback.js
+++ b/helpdesk/helpdesk/doctype/hd_article_feedback/hd_article_feedback.js
@@ -2,6 +2,6 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Article Feedback", {
-	// refresh: function(frm) {
-	// }
-})
+  // refresh: function(frm) {
+  // }
+});
diff --git a/helpdesk/helpdesk/doctype/hd_canned_response/hd_canned_response.js b/helpdesk/helpdesk/doctype/hd_canned_response/hd_canned_response.js
index b5397c32b..79e40737a 100644
--- a/helpdesk/helpdesk/doctype/hd_canned_response/hd_canned_response.js
+++ b/helpdesk/helpdesk/doctype/hd_canned_response/hd_canned_response.js
@@ -2,6 +2,6 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Canned Response", {
-	// refresh: function(frm) {
-	// }
-})
+  // refresh: function(frm) {
+  // }
+});
diff --git a/helpdesk/helpdesk/doctype/hd_canned_response/hd_canned_response.py b/helpdesk/helpdesk/doctype/hd_canned_response/hd_canned_response.py
index 16f5245ca..3bfb1a951 100644
--- a/helpdesk/helpdesk/doctype/hd_canned_response/hd_canned_response.py
+++ b/helpdesk/helpdesk/doctype/hd_canned_response/hd_canned_response.py
@@ -6,38 +6,33 @@ from frappe.model.document import Document
 
 
 class HDCannedResponse(Document):
-	def default_list_data():
+    def default_list_data():
 
-		columns = [
-			{
-				'label': 'Title',
-				'type': 'Data',
-				'key': 'title',
-				'width': '5rem',
-			},
-			{
-				'label': 'Message',
-				'type': 'Text Editor',
-				'key': 'message',
-				'width': '25rem',
-			},
-			{
-				'label': 'Owner',
-				'type': 'Link',
-				'key': 'owner',
-				'width': '5rem',
-			},
-			{
-				'label': 'Modified On',
-				'type': 'Datetime',
-				'key': 'modified',
-				'width': '5rem',
-			}
-		]
-		rows = [
-			"title",
-			"message",
-			"owner",
-			"modified"
-		]
-		return {'columns': columns, 'rows': rows}
+        columns = [
+            {
+                "label": "Title",
+                "type": "Data",
+                "key": "title",
+                "width": "5rem",
+            },
+            {
+                "label": "Message",
+                "type": "Text Editor",
+                "key": "message",
+                "width": "25rem",
+            },
+            {
+                "label": "Owner",
+                "type": "Link",
+                "key": "owner",
+                "width": "5rem",
+            },
+            {
+                "label": "Modified On",
+                "type": "Datetime",
+                "key": "modified",
+                "width": "5rem",
+            },
+        ]
+        rows = ["title", "message", "owner", "modified"]
+        return {"columns": columns, "rows": rows}
diff --git a/helpdesk/helpdesk/doctype/hd_customer/hd_customer.js b/helpdesk/helpdesk/doctype/hd_customer/hd_customer.js
index b8bfc1665..a266eee1b 100644
--- a/helpdesk/helpdesk/doctype/hd_customer/hd_customer.js
+++ b/helpdesk/helpdesk/doctype/hd_customer/hd_customer.js
@@ -2,6 +2,6 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Customer", {
-	// refresh: function(frm) {
-	// }
-})
+  // refresh: function(frm) {
+  // }
+});
diff --git a/helpdesk/helpdesk/doctype/hd_desk_account_request/hd_desk_account_request.js b/helpdesk/helpdesk/doctype/hd_desk_account_request/hd_desk_account_request.js
index b2e1df593..5de2c722b 100644
--- a/helpdesk/helpdesk/doctype/hd_desk_account_request/hd_desk_account_request.js
+++ b/helpdesk/helpdesk/doctype/hd_desk_account_request/hd_desk_account_request.js
@@ -2,6 +2,6 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Desk Account Request", {
-	// refresh: function(frm) {
-	// }
-})
+  // refresh: function(frm) {
+  // }
+});
diff --git a/helpdesk/helpdesk/doctype/hd_desk_account_request/hd_desk_account_request.py b/helpdesk/helpdesk/doctype/hd_desk_account_request/hd_desk_account_request.py
index c4385106f..985f1009b 100644
--- a/helpdesk/helpdesk/doctype/hd_desk_account_request/hd_desk_account_request.py
+++ b/helpdesk/helpdesk/doctype/hd_desk_account_request/hd_desk_account_request.py
@@ -1,39 +1,40 @@
 import frappe
 from frappe.model.document import Document
-from frappe.utils import random_string, get_url
+from frappe.utils import get_url, random_string
 
 
 class HDDeskAccountRequest(Document):
-	def before_save(self):
-		if not self.request_key:
-			self.request_key = random_string(32)
+    def before_save(self):
+        if not self.request_key:
+            self.request_key = random_string(32)
 
-		self.ip_address = frappe.local.request_ip
+        self.ip_address = frappe.local.request_ip
 
-	def after_insert(self):
-		self.send_verification_email()
+    def after_insert(self):
+        self.send_verification_email()
 
-	def send_verification_email(self):
-		url = get_url(f"/helpdesk/verify/{self.request_key}")
-		subject = "Verify your account"
-		sender = None
+    def send_verification_email(self):
+        url = get_url(f"/helpdesk/verify/{self.request_key}")
+        subject = "Verify your account"
+        sender = None
 
-		if frappe.db.exists(
-			"Email Account", {"name": "Support", "enable_outgoing": True}
-		):
-			sender = frappe.get_doc("Email Account", "Support").email_id
+        if frappe.db.exists(
+            "Email Account", {"name": "Support", "enable_outgoing": True}
+        ):
+            sender = frappe.get_doc("Email Account", "Support").email_id
 
-		try:
-			frappe.sendmail(
-				recipients=self.email,
-				sender=sender,
-				subject=subject,
-				template="email_verification",
-				args=dict(link=url),
-				now=True,
-			)
-		except Exception:
-			frappe.throw(
-				"Either setup up Support email account or there should be a default"
-				" outgoing email account"
-			)
+        try:
+            frappe.sendmail(
+                recipients=self.email,
+                sender=sender,
+                subject=subject,
+                template="email_verification",
+                # flake8: noqa
+                args=dict(link=url),
+                now=True,
+            )
+        except Exception:
+            frappe.throw(
+                "Either setup up Support email account or there should be a default"
+                " outgoing email account"
+            )
diff --git a/helpdesk/helpdesk/doctype/hd_escalation_rule/hd_escalation_rule.py b/helpdesk/helpdesk/doctype/hd_escalation_rule/hd_escalation_rule.py
index 1da48a184..adb417e73 100644
--- a/helpdesk/helpdesk/doctype/hd_escalation_rule/hd_escalation_rule.py
+++ b/helpdesk/helpdesk/doctype/hd_escalation_rule/hd_escalation_rule.py
@@ -9,47 +9,47 @@ from helpdesk.utils import capture_event, publish_event
 
 
 class HDEscalationRule(Document):
-	def validate(self):
-		self.validate_criterion()
-		self.validate_duplicate()
+    def validate(self):
+        self.validate_criterion()
+        self.validate_duplicate()
 
-	def after_insert(self):
-		self.emit_after_insert()
+    def after_insert(self):
+        self.emit_after_insert()
 
-	def on_update(self):
-		self.emit_on_update()
+    def on_update(self):
+        self.emit_on_update()
 
-	def after_delete(self):
-		self.emit_after_delete()
+    def after_delete(self):
+        self.emit_after_delete()
 
-	def validate_criterion(self):
-		if not (self.priority or self.team or self.ticket_type):
-			frappe.throw(
-				_("At-least one of priority, team and ticket type is required")
-			)
+    def validate_criterion(self):
+        if not (self.priority or self.team or self.ticket_type):
+            frappe.throw(
+                _("At-least one of priority, team and ticket type is required")
+            )
 
-	def validate_duplicate(self):
-		is_duplicate = frappe.db.count(
-			"HD Escalation Rule",
-			filters={
-				"name": ["!=", self.name],
-				"priority": self.priority or "",
-				"team": self.team or "",
-				"ticket_type": self.ticket_type or "",
-			},
-		)
+    def validate_duplicate(self):
+        is_duplicate = frappe.db.count(
+            "HD Escalation Rule",
+            filters={
+                "name": ["!=", self.name],
+                "priority": self.priority or "",
+                "team": self.team or "",
+                "ticket_type": self.ticket_type or "",
+            },
+        )
 
-		if is_duplicate:
-			frappe.throw(_("Escalation rule already exists for this criteria"))
+        if is_duplicate:
+            frappe.throw(_("Escalation rule already exists for this criteria"))
 
-	def emit_after_insert(self):
-		capture_event("escalation_rule_created")
-		publish_event("helpdesk:new-escalation-rule", self)
+    def emit_after_insert(self):
+        capture_event("escalation_rule_created")
+        publish_event("helpdesk:new-escalation-rule", self)
 
-	def emit_on_update(self):
-		capture_event("escalation_rule_updated")
-		publish_event("helpdesk:update-escalation-rule", self)
+    def emit_on_update(self):
+        capture_event("escalation_rule_updated")
+        publish_event("helpdesk:update-escalation-rule", self)
 
-	def emit_after_delete(self):
-		capture_event("escalation_rule_deleted")
-		publish_event("helpdesk:delete-escalation-rule", self)
+    def emit_after_delete(self):
+        capture_event("escalation_rule_deleted")
+        publish_event("helpdesk:delete-escalation-rule", self)
diff --git a/helpdesk/helpdesk/doctype/hd_form_script/hd_form_script.py b/helpdesk/helpdesk/doctype/hd_form_script/hd_form_script.py
index f2817e5a2..d18052f58 100644
--- a/helpdesk/helpdesk/doctype/hd_form_script/hd_form_script.py
+++ b/helpdesk/helpdesk/doctype/hd_form_script/hd_form_script.py
@@ -6,21 +6,22 @@ from frappe.model.document import Document
 
 
 class HDFormScript(Document):
-	pass
+    pass
+
 
 def get_form_script(dt, apply_to="Form"):
-	"""Returns the form script for the given doctype"""
-	FormScript = frappe.qb.DocType("HD Form Script")
-	query = (
-		frappe.qb.from_(FormScript)
-		.select("script")
-		.where(FormScript.dt == dt)
-		.where(FormScript.apply_to == apply_to)
-		.where(FormScript.enabled == 1)
-	)
+    """Returns the form script for the given doctype"""
+    FormScript = frappe.qb.DocType("HD Form Script")
+    query = (
+        frappe.qb.from_(FormScript)
+        .select("script")
+        .where(FormScript.dt == dt)
+        .where(FormScript.apply_to == apply_to)
+        .where(FormScript.enabled == 1)
+    )
 
-	doc = query.run(as_dict=True)
-	if doc:
-		return [d.script for d in doc] if len(doc) > 1 else doc[0].script
-	else:
-		return None
+    doc = query.run(as_dict=True)
+    if doc:
+        return [d.script for d in doc] if len(doc) > 1 else doc[0].script
+    else:
+        return None
diff --git a/helpdesk/helpdesk/doctype/hd_notification/hd_notification.js b/helpdesk/helpdesk/doctype/hd_notification/hd_notification.js
index 37d8fc82c..dcf6b61bb 100644
--- a/helpdesk/helpdesk/doctype/hd_notification/hd_notification.js
+++ b/helpdesk/helpdesk/doctype/hd_notification/hd_notification.js
@@ -2,6 +2,6 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Notification", {
-	// refresh: function(frm) {
-	// }
-})
+  // refresh: function(frm) {
+  // }
+});
diff --git a/helpdesk/helpdesk/doctype/hd_notification/hd_notification.py b/helpdesk/helpdesk/doctype/hd_notification/hd_notification.py
index 86134b501..8d14636f4 100644
--- a/helpdesk/helpdesk/doctype/hd_notification/hd_notification.py
+++ b/helpdesk/helpdesk/doctype/hd_notification/hd_notification.py
@@ -5,60 +5,60 @@ from helpdesk.utils import refetch_resource
 
 
 class HDNotification(Document):
-	def format_message(self):
-		user_from = self.get_from()
-		if self.notification_type == "Mention":
-			if self.reference_comment:
-				return f"{user_from} mentioned you in a comment"
-			return f"{user_from} mentioned you"
-		return ""
+    def format_message(self):
+        user_from = self.get_from()
+        if self.notification_type == "Mention":
+            if self.reference_comment:
+                return f"{user_from} mentioned you in a comment"
+            return f"{user_from} mentioned you"
+        return ""
 
-	def get_from(self):
-		return frappe.db.get_value(
-			"User", {"name": self.user_from}, fieldname="full_name"
-		)
+    def get_from(self):
+        return frappe.db.get_value(
+            "User", {"name": self.user_from}, fieldname="full_name"
+        )
 
-	def get_button_label(self):
-		if self.reference_comment:
-			return "See Comment"
-		return "Visit"
+    def get_button_label(self):
+        if self.reference_comment:
+            return "See Comment"
+        return "Visit"
 
-	def get_url(self):
-		res = "/helpdesk"
-		if self.reference_ticket:
-			res += "/tickets/" + str(self.reference_ticket)
-		if self.reference_comment:
-			res += "#" + self.reference_comment
-		return frappe.utils.get_url(res)
+    def get_url(self):
+        res = "/helpdesk"
+        if self.reference_ticket:
+            res += "/tickets/" + str(self.reference_ticket)
+        if self.reference_comment:
+            res += "#" + self.reference_comment
+        return frappe.utils.get_url(res)
 
-	def parse_html(self):
-		from bs4 import BeautifulSoup
+    def parse_html(self):
+        from bs4 import BeautifulSoup
 
-		soup = BeautifulSoup(self.message, "html.parser")
-		if soup.find("img"):
-			img = soup.find("img")
-			img["src"] = ("").join([frappe.utils.get_url(), img["src"]])
-			return str(soup)
-		return str(soup)
+        soup = BeautifulSoup(self.message, "html.parser")
+        if soup.find("img"):
+            img = soup.find("img")
+            img["src"] = ("").join([frappe.utils.get_url(), img["src"]])
+            return str(soup)
+        return str(soup)
 
-	def get_args(self):
-		if self.notification_type == "Mention":
-			return {
-				"title": self.format_message(),
-				"button_label": self.get_button_label(),
-				"callback_url": self.get_url(),
-				"comment": self.parse_html(),
-			}
+    def get_args(self):
+        if self.notification_type == "Mention":
+            return {
+                "title": self.format_message(),
+                "button_label": self.get_button_label(),
+                "callback_url": self.get_url(),
+                "comment": self.parse_html(),
+            }
 
-	def after_insert(self):
-		if self.notification_type == "Mention":
-			frappe.sendmail(
-				recipients=self.user_to,
-				subject="New notification",
-				message=self.format_message(),
-				template="notification",
-				args=self.get_args(),
-			)
+    def after_insert(self):
+        if self.notification_type == "Mention":
+            frappe.sendmail(
+                recipients=self.user_to,
+                subject="New notification",
+                message=self.format_message(),
+                template="notification",
+                args=self.get_args(),
+            )
 
-	def on_update(self):
-		refetch_resource("Notifications")
+    def on_update(self):
+        refetch_resource("Notifications")
diff --git a/helpdesk/helpdesk/doctype/hd_organization/hd_organization.js b/helpdesk/helpdesk/doctype/hd_organization/hd_organization.js
index 0ae39d11e..116c8d0a2 100644
--- a/helpdesk/helpdesk/doctype/hd_organization/hd_organization.js
+++ b/helpdesk/helpdesk/doctype/hd_organization/hd_organization.js
@@ -2,6 +2,6 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Organization", {
-	// refresh: function(frm) {
-	// }
-})
+  // refresh: function(frm) {
+  // }
+});
diff --git a/helpdesk/helpdesk/doctype/hd_portal_signup_request/hd_portal_signup_request.js b/helpdesk/helpdesk/doctype/hd_portal_signup_request/hd_portal_signup_request.js
index 33c5a9d42..9c95e07bc 100644
--- a/helpdesk/helpdesk/doctype/hd_portal_signup_request/hd_portal_signup_request.js
+++ b/helpdesk/helpdesk/doctype/hd_portal_signup_request/hd_portal_signup_request.js
@@ -2,6 +2,6 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Portal Signup Request", {
-	// refresh: function(frm) {
-	// }
-})
+  // refresh: function(frm) {
+  // }
+});
diff --git a/helpdesk/helpdesk/doctype/hd_preset_filter/hd_preset_filter.js b/helpdesk/helpdesk/doctype/hd_preset_filter/hd_preset_filter.js
index 532d1fd01..2f1f4b410 100644
--- a/helpdesk/helpdesk/doctype/hd_preset_filter/hd_preset_filter.js
+++ b/helpdesk/helpdesk/doctype/hd_preset_filter/hd_preset_filter.js
@@ -2,6 +2,6 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Preset Filter", {
-	// refresh: function(frm) {
-	// }
-})
+  // refresh: function(frm) {
+  // }
+});
diff --git a/helpdesk/helpdesk/doctype/hd_service_holiday_list/hd_service_holiday_list.js b/helpdesk/helpdesk/doctype/hd_service_holiday_list/hd_service_holiday_list.js
index 9e98f73b2..5aac38bda 100644
--- a/helpdesk/helpdesk/doctype/hd_service_holiday_list/hd_service_holiday_list.js
+++ b/helpdesk/helpdesk/doctype/hd_service_holiday_list/hd_service_holiday_list.js
@@ -2,62 +2,56 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Service Holiday List", {
-	refresh: function (frm) {
-		if (frm.doc.holidays) {
-			frm.set_value("total_holidays", frm.doc.holidays.length)
-		}
-	},
-	from_date: function (frm) {
-		if (frm.doc.from_date && !frm.doc.to_date) {
-			var a_year_from_start = frappe.datetime.add_months(
-				frm.doc.from_date,
-				12
-			)
-			frm.set_value(
-				"to_date",
-				frappe.datetime.add_days(a_year_from_start, -1)
-			)
-		}
-	},
-})
+  refresh: function (frm) {
+    if (frm.doc.holidays) {
+      frm.set_value("total_holidays", frm.doc.holidays.length);
+    }
+  },
+  from_date: function (frm) {
+    if (frm.doc.from_date && !frm.doc.to_date) {
+      var a_year_from_start = frappe.datetime.add_months(frm.doc.from_date, 12);
+      frm.set_value("to_date", frappe.datetime.add_days(a_year_from_start, -1));
+    }
+  },
+});
 
 frappe.tour["HD Service Holiday List"] = [
-	{
-		fieldname: "holiday_list_name",
-		title: "HD Service Holiday List Name",
-		description: __("Enter a name for this HD Service Holiday List."),
-	},
-	{
-		fieldname: "from_date",
-		title: "From Date",
-		description: __(
-			"Based on your HR Policy, select your leave allocation period's start date"
-		),
-	},
-	{
-		fieldname: "to_date",
-		title: "To Date",
-		description: __(
-			"Based on your HR Policy, select your leave allocation period's end date"
-		),
-	},
-	{
-		fieldname: "weekly_off",
-		title: "Weekly Off",
-		description: __("Select your weekly off day"),
-	},
-	{
-		fieldname: "get_weekly_off_dates",
-		title: "Add Holidays",
-		description: __(
-			"Click on Add to Holidays. This will populate the holidays table with all the dates that fall on the selected weekly off. Repeat the process for populating the dates for all your weekly holidays"
-		),
-	},
-	{
-		fieldname: "holidays",
-		title: "Holidays",
-		description: __(
-			"Here, your weekly offs are pre-populated based on the previous selections. You can add more rows to also add public and national holidays individually."
-		),
-	},
-]
+  {
+    fieldname: "holiday_list_name",
+    title: "HD Service Holiday List Name",
+    description: __("Enter a name for this HD Service Holiday List."),
+  },
+  {
+    fieldname: "from_date",
+    title: "From Date",
+    description: __(
+      "Based on your HR Policy, select your leave allocation period's start date"
+    ),
+  },
+  {
+    fieldname: "to_date",
+    title: "To Date",
+    description: __(
+      "Based on your HR Policy, select your leave allocation period's end date"
+    ),
+  },
+  {
+    fieldname: "weekly_off",
+    title: "Weekly Off",
+    description: __("Select your weekly off day"),
+  },
+  {
+    fieldname: "get_weekly_off_dates",
+    title: "Add Holidays",
+    description: __(
+      "Click on Add to Holidays. This will populate the holidays table with all the dates that fall on the selected weekly off. Repeat the process for populating the dates for all your weekly holidays"
+    ),
+  },
+  {
+    fieldname: "holidays",
+    title: "Holidays",
+    description: __(
+      "Here, your weekly offs are pre-populated based on the previous selections. You can add more rows to also add public and national holidays individually."
+    ),
+  },
+];
diff --git a/helpdesk/helpdesk/doctype/hd_service_holiday_list/hd_service_holiday_list.py b/helpdesk/helpdesk/doctype/hd_service_holiday_list/hd_service_holiday_list.py
index ef1c8ec4d..2f9714417 100644
--- a/helpdesk/helpdesk/doctype/hd_service_holiday_list/hd_service_holiday_list.py
+++ b/helpdesk/helpdesk/doctype/hd_service_holiday_list/hd_service_holiday_list.py
@@ -11,113 +11,122 @@ from frappe.utils import cint, formatdate, getdate, today
 
 
 class OverlapError(frappe.ValidationError):
-	pass
+    pass
 
 
 class HDServiceHolidayList(Document):
-	def validate(self):
-		self.validate_days()
-		self.total_holidays = len(self.holidays)
+    def validate(self):
+        self.validate_days()
+        self.total_holidays = len(self.holidays)
 
-	@frappe.whitelist()
-	def get_weekly_off_dates(self):
-		self.validate_values()
-		date_list = self.get_weekly_off_date_list(self.from_date, self.to_date)
-		last_idx = max([cint(d.idx) for d in self.get("holidays")] or [0,])
-		for i, d in enumerate(date_list):
-			ch = self.append("holidays", {})
-			ch.description = _(self.weekly_off)
-			ch.holiday_date = d
-			ch.weekly_off = 1
-			ch.idx = last_idx + i + 1
+    @frappe.whitelist()
+    def get_weekly_off_dates(self):
+        self.validate_values()
+        date_list = self.get_weekly_off_date_list(self.from_date, self.to_date)
+        last_idx = max(
+            [cint(d.idx) for d in self.get("holidays")]
+            or [
+                0,
+            ]
+        )
+        for i, d in enumerate(date_list):
+            ch = self.append("holidays", {})
+            ch.description = _(self.weekly_off)
+            ch.holiday_date = d
+            ch.weekly_off = 1
+            ch.idx = last_idx + i + 1
 
-	def validate_values(self):
-		if not self.weekly_off:
-			throw(_("Please select weekly off day"))
+    def validate_values(self):
+        if not self.weekly_off:
+            throw(_("Please select weekly off day"))
 
-	def validate_days(self):
-		if getdate(self.from_date) > getdate(self.to_date):
-			throw(_("To Date cannot be before From Date"))
+    def validate_days(self):
+        if getdate(self.from_date) > getdate(self.to_date):
+            throw(_("To Date cannot be before From Date"))
 
-		for day in self.get("holidays"):
-			if not (
-				getdate(self.from_date) <= getdate(day.holiday_date) <= getdate(self.to_date)
-			):
-				frappe.throw(
-					_("The holiday on {0} is not between From Date and To Date").format(
-						formatdate(day.holiday_date)
-					)
-				)
+        for day in self.get("holidays"):
+            if not (
+                getdate(self.from_date)
+                <= getdate(day.holiday_date)
+                <= getdate(self.to_date)
+            ):
+                frappe.throw(
+                    _("The holiday on {0} is not between From Date and To Date").format(
+                        formatdate(day.holiday_date)
+                    )
+                )
 
-	def get_weekly_off_date_list(self, start_date, end_date):
-		start_date, end_date = getdate(start_date), getdate(end_date)
+    def get_weekly_off_date_list(self, start_date, end_date):
+        start_date, end_date = getdate(start_date), getdate(end_date)
 
-		import calendar
-		from datetime import timedelta
+        import calendar
+        from datetime import timedelta
 
-		from dateutil import relativedelta
+        from dateutil import relativedelta
 
-		date_list = []
-		existing_date_list = []
-		weekday = getattr(calendar, (self.weekly_off).upper())
-		reference_date = start_date + relativedelta.relativedelta(weekday=weekday)
+        date_list = []
+        existing_date_list = []
+        weekday = getattr(calendar, (self.weekly_off).upper())
+        reference_date = start_date + relativedelta.relativedelta(weekday=weekday)
 
-		existing_date_list = [
-			getdate(holiday.holiday_date) for holiday in self.get("holidays")
-		]
+        existing_date_list = [
+            getdate(holiday.holiday_date) for holiday in self.get("holidays")
+        ]
 
-		while reference_date <= end_date:
-			if reference_date not in existing_date_list:
-				date_list.append(reference_date)
-			reference_date += timedelta(days=7)
+        while reference_date <= end_date:
+            if reference_date not in existing_date_list:
+                date_list.append(reference_date)
+            reference_date += timedelta(days=7)
 
-		return date_list
+        return date_list
 
-	@frappe.whitelist()
-	def clear_table(self):
-		self.set("holidays", [])
+    @frappe.whitelist()
+    def clear_table(self):
+        self.set("holidays", [])
 
 
 @frappe.whitelist()
 def get_events(start, end, filters=None):
-	"""Returns events for Gantt / Calendar view rendering.
+    """Returns events for Gantt / Calendar view rendering.
 
-	:param start: Start date-time.
-	:param end: End date-time.
-	:param filters: Filters (JSON).
-	"""
-	if filters:
-		filters = json.loads(filters)
-	else:
-		filters = []
+    :param start: Start date-time.
+    :param end: End date-time.
+    :param filters: Filters (JSON).
+    """
+    if filters:
+        filters = json.loads(filters)
+    else:
+        filters = []
 
-	if start:
-		filters.append(["HD Holiday", "holiday_date", ">", getdate(start)])
-	if end:
-		filters.append(["HD Holiday", "holiday_date", "<", getdate(end)])
+    if start:
+        filters.append(["HD Holiday", "holiday_date", ">", getdate(start)])
+    if end:
+        filters.append(["HD Holiday", "holiday_date", "<", getdate(end)])
 
-	return frappe.get_list(
-		"HD Service Holiday List",
-		fields=[
-			"name",
-			"`tabHD Holiday`.holiday_date",
-			"`tabHD Holiday`.description",
-			"`tabHD Service Holiday List`.color",
-		],
-		filters=filters,
-		update={"allDay": 1},
-	)
+    return frappe.get_list(
+        "HD Service Holiday List",
+        fields=[
+            "name",
+            "`tabHD Holiday`.holiday_date",
+            "`tabHD Holiday`.description",
+            "`tabHD Service Holiday List`.color",
+        ],
+        filters=filters,
+        update={"allDay": 1},
+    )
 
 
 def is_holiday(hd_service_holiday_list, date=None):
-	"""Returns true if the given date is a holiday in the given holiday list"""
-	if date is None:
-		date = today()
-	if hd_service_holiday_list:
-		return bool(
-			frappe.get_all(
-				"HD Service Holiday List", dict(name=hd_service_holiday_list, holiday_date=date)
-			)
-		)
-	else:
-		return False
+    """Returns true if the given date is a holiday in the given holiday list"""
+    if date is None:
+        date = today()
+    if hd_service_holiday_list:
+        return bool(
+            frappe.get_all(
+                "HD Service Holiday List",
+                # flake8: noqa
+                dict(name=hd_service_holiday_list, holiday_date=date),
+            )
+        )
+    else:
+        return False
diff --git a/helpdesk/helpdesk/doctype/hd_service_holiday_list/hd_service_holiday_list_calendar.js b/helpdesk/helpdesk/doctype/hd_service_holiday_list/hd_service_holiday_list_calendar.js
index 5cbfa5364..c8a32ef29 100644
--- a/helpdesk/helpdesk/doctype/hd_service_holiday_list/hd_service_holiday_list_calendar.js
+++ b/helpdesk/helpdesk/doctype/hd_service_holiday_list/hd_service_holiday_list_calendar.js
@@ -2,22 +2,22 @@
 // License: GNU General Public License v3. See license.txt
 
 frappe.views.calendar["HD Service Holiday List"] = {
-	field_map: {
-		start: "holiday_date",
-		end: "holiday_date",
-		id: "name",
-		title: "description",
-		allDay: "allDay",
-	},
-	order_by: `from_date`,
-	get_events_method:
-		"helpdesk.helpdesk.doctype.hd_service_holiday_list.hd_service_holiday_list.get_events",
-	filters: [
-		{
-			fieldtype: "Link",
-			fieldname: "holiday_list",
-			options: "HD Service Holiday List",
-			label: __("HD Service Holiday List"),
-		},
-	],
-}
+  field_map: {
+    start: "holiday_date",
+    end: "holiday_date",
+    id: "name",
+    title: "description",
+    allDay: "allDay",
+  },
+  order_by: `from_date`,
+  get_events_method:
+    "helpdesk.helpdesk.doctype.hd_service_holiday_list.hd_service_holiday_list.get_events",
+  filters: [
+    {
+      fieldtype: "Link",
+      fieldname: "holiday_list",
+      options: "HD Service Holiday List",
+      label: __("HD Service Holiday List"),
+    },
+  ],
+};
diff --git a/helpdesk/helpdesk/doctype/hd_service_level_agreement/hd_service_level_agreement.js b/helpdesk/helpdesk/doctype/hd_service_level_agreement/hd_service_level_agreement.js
index b0e57b0f9..c74c3b949 100644
--- a/helpdesk/helpdesk/doctype/hd_service_level_agreement/hd_service_level_agreement.js
+++ b/helpdesk/helpdesk/doctype/hd_service_level_agreement/hd_service_level_agreement.js
@@ -2,130 +2,130 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Service Level Agreement", {
-	setup: function (frm) {
-		if (cint(frm.doc.apply_sla_for_resolution) === 1) {
-			frm.get_field("priorities").grid.editable_fields = [
-				{ fieldname: "default_priority", columns: 1 },
-				{ fieldname: "priority", columns: 2 },
-				{ fieldname: "response_time", columns: 2 },
-				{ fieldname: "resolution_time", columns: 2 },
-			]
-		} else {
-			frm.get_field("priorities").grid.editable_fields = [
-				{ fieldname: "default_priority", columns: 1 },
-				{ fieldname: "priority", columns: 2 },
-				{ fieldname: "response_time", columns: 3 },
-			]
-		}
-	},
+  setup: function (frm) {
+    if (cint(frm.doc.apply_sla_for_resolution) === 1) {
+      frm.get_field("priorities").grid.editable_fields = [
+        { fieldname: "default_priority", columns: 1 },
+        { fieldname: "priority", columns: 2 },
+        { fieldname: "response_time", columns: 2 },
+        { fieldname: "resolution_time", columns: 2 },
+      ];
+    } else {
+      frm.get_field("priorities").grid.editable_fields = [
+        { fieldname: "default_priority", columns: 1 },
+        { fieldname: "priority", columns: 2 },
+        { fieldname: "response_time", columns: 3 },
+      ];
+    }
+  },
 
-	refresh: function (frm) {
-		frm.trigger("fetch_status_fields")
-		frm.trigger("toggle_resolution_fields")
-	},
+  refresh: function (frm) {
+    frm.trigger("fetch_status_fields");
+    frm.trigger("toggle_resolution_fields");
+  },
 
-	document_type: function (frm) {
-		frm.trigger("fetch_status_fields")
-	},
+  document_type: function (frm) {
+    frm.trigger("fetch_status_fields");
+  },
 
-	fetch_status_fields: function (frm) {
-		let allow_statuses = []
-		let exclude_statuses = []
+  fetch_status_fields: function (frm) {
+    let allow_statuses = [];
+    let exclude_statuses = [];
 
-		if (frm.doc.document_type) {
-			frappe.model.with_doctype(frm.doc.document_type, () => {
-				let statuses = frappe.meta.get_docfield(
-					frm.doc.document_type,
-					"status",
-					frm.doc.name
-				).options
-				statuses = statuses.split("\n")
+    if (frm.doc.document_type) {
+      frappe.model.with_doctype(frm.doc.document_type, () => {
+        let statuses = frappe.meta.get_docfield(
+          frm.doc.document_type,
+          "status",
+          frm.doc.name
+        ).options;
+        statuses = statuses.split("\n");
 
-				exclude_statuses = ["Open", "Closed"]
-				allow_statuses = statuses.filter(
-					(status) => !exclude_statuses.includes(status)
-				)
+        exclude_statuses = ["Open", "Closed"];
+        allow_statuses = statuses.filter(
+          (status) => !exclude_statuses.includes(status)
+        );
 
-				frm.fields_dict.pause_sla_on.grid.update_docfield_property(
-					"status",
-					"options",
-					[""].concat(allow_statuses)
-				)
+        frm.fields_dict.pause_sla_on.grid.update_docfield_property(
+          "status",
+          "options",
+          [""].concat(allow_statuses)
+        );
 
-				exclude_statuses = ["Open"]
-				allow_statuses = statuses.filter(
-					(status) => !exclude_statuses.includes(status)
-				)
-				frm.fields_dict.sla_fulfilled_on.grid.update_docfield_property(
-					"status",
-					"options",
-					[""].concat(allow_statuses)
-				)
-			})
-		}
+        exclude_statuses = ["Open"];
+        allow_statuses = statuses.filter(
+          (status) => !exclude_statuses.includes(status)
+        );
+        frm.fields_dict.sla_fulfilled_on.grid.update_docfield_property(
+          "status",
+          "options",
+          [""].concat(allow_statuses)
+        );
+      });
+    }
 
-		frm.refresh_field("pause_sla_on")
-	},
+    frm.refresh_field("pause_sla_on");
+  },
 
-	apply_sla_for_resolution: function (frm) {
-		frm.trigger("toggle_resolution_fields")
-	},
+  apply_sla_for_resolution: function (frm) {
+    frm.trigger("toggle_resolution_fields");
+  },
 
-	toggle_resolution_fields: function (frm) {
-		if (cint(frm.doc.apply_sla_for_resolution) === 1) {
-			frm.fields_dict.priorities.grid.update_docfield_property(
-				"resolution_time",
-				"hidden",
-				0
-			)
-			frm.fields_dict.priorities.grid.update_docfield_property(
-				"resolution_time",
-				"reqd",
-				1
-			)
-		} else {
-			frm.fields_dict.priorities.grid.update_docfield_property(
-				"resolution_time",
-				"hidden",
-				1
-			)
-			frm.fields_dict.priorities.grid.update_docfield_property(
-				"resolution_time",
-				"reqd",
-				0
-			)
-		}
+  toggle_resolution_fields: function (frm) {
+    if (cint(frm.doc.apply_sla_for_resolution) === 1) {
+      frm.fields_dict.priorities.grid.update_docfield_property(
+        "resolution_time",
+        "hidden",
+        0
+      );
+      frm.fields_dict.priorities.grid.update_docfield_property(
+        "resolution_time",
+        "reqd",
+        1
+      );
+    } else {
+      frm.fields_dict.priorities.grid.update_docfield_property(
+        "resolution_time",
+        "hidden",
+        1
+      );
+      frm.fields_dict.priorities.grid.update_docfield_property(
+        "resolution_time",
+        "reqd",
+        0
+      );
+    }
 
-		frm.refresh_field("priorities")
-	},
+    frm.refresh_field("priorities");
+  },
 
-	onload: function (frm) {
-		frm.set_query("document_type", function () {
-			let invalid_doctypes = frappe.model.core_doctypes_list
-			invalid_doctypes.push(frm.doc.doctype, "Cost Center", "Company")
+  onload: function (frm) {
+    frm.set_query("document_type", function () {
+      let invalid_doctypes = frappe.model.core_doctypes_list;
+      invalid_doctypes.push(frm.doc.doctype, "Cost Center", "Company");
 
-			return {
-				filters: [
-					["DocType", "issingle", "=", 0],
-					["DocType", "istable", "=", 0],
-					["DocType", "name", "not in", invalid_doctypes],
-					[
-						"DocType",
-						"module",
-						"not in",
-						[
-							"Email",
-							"Core",
-							"Custom",
-							"Event Streaming",
-							"Social",
-							"Data Migration",
-							"Geo",
-							"Desk",
-						],
-					],
-				],
-			}
-		})
-	},
-})
+      return {
+        filters: [
+          ["DocType", "issingle", "=", 0],
+          ["DocType", "istable", "=", 0],
+          ["DocType", "name", "not in", invalid_doctypes],
+          [
+            "DocType",
+            "module",
+            "not in",
+            [
+              "Email",
+              "Core",
+              "Custom",
+              "Event Streaming",
+              "Social",
+              "Data Migration",
+              "Geo",
+              "Desk",
+            ],
+          ],
+        ],
+      };
+    });
+  },
+});
diff --git a/helpdesk/helpdesk/doctype/hd_service_level_agreement/hd_service_level_agreement.py b/helpdesk/helpdesk/doctype/hd_service_level_agreement/hd_service_level_agreement.py
index ee1220c26..523a2e2f4 100644
--- a/helpdesk/helpdesk/doctype/hd_service_level_agreement/hd_service_level_agreement.py
+++ b/helpdesk/helpdesk/doctype/hd_service_level_agreement/hd_service_level_agreement.py
@@ -1,363 +1,373 @@
+from datetime import timedelta
 from typing import Literal
 
 import frappe
 from frappe import _
 from frappe.model.document import Document
 from frappe.utils import (
-	add_to_date,
-	get_datetime,
-	get_weekdays,
-	getdate,
-	now_datetime,
-	time_diff_in_seconds,
-	to_timedelta,
-	cint
+    add_to_date,
+    cint,
+    get_datetime,
+    get_weekdays,
+    getdate,
+    now_datetime,
+    time_diff_in_seconds,
+    to_timedelta,
 )
-from datetime import timedelta
 
 from helpdesk.utils import get_context
 
 
 class HDServiceLevelAgreement(Document):
-	doctype_ticket = "HD Ticket"
+    doctype_ticket = "HD Ticket"
 
-	def validate(self):
-		self.validate_priorities()  # To refactor
-		self.validate_support_and_resolution()  # To refactor
-		self.validate_condition()  # Looks okay but check again
+    def validate(self):
+        self.validate_priorities()  # To refactor
+        self.validate_support_and_resolution()  # To refactor
+        self.validate_condition()  # Looks okay but check again
 
-	def validate_priorities(self):
-		priorities = []
+    def validate_priorities(self):
+        priorities = []
 
-		for priority in self.priorities:
-			# Check if response and resolution time is set for every priority
-			if not priority.response_time:
-				frappe.throw(
-					_("Set Response Time for Priority {0} in row {1}.").format(
-						priority.priority, priority.idx
-					)
-				)
+        for priority in self.priorities:
+            # Check if response and resolution time is set for every priority
+            if not priority.response_time:
+                frappe.throw(
+                    _("Set Response Time for Priority {0} in row {1}.").format(
+                        priority.priority, priority.idx
+                    )
+                )
 
-			if self.apply_sla_for_resolution:
-				if not priority.resolution_time:
-					frappe.throw(
-						_("Set Response Time for Priority {0} in row {1}.").format(
-							priority.priority, priority.idx
-						)
-					)
+            if self.apply_sla_for_resolution:
+                if not priority.resolution_time:
+                    frappe.throw(
+                        _("Set Response Time for Priority {0} in row {1}.").format(
+                            priority.priority, priority.idx
+                        )
+                    )
 
-				response = cint(priority.response_time)
-				resolution = cint(priority.resolution_time)
-				if response > resolution:
-					frappe.throw(
-						_(
-							"Response Time for {0} priority in row {1} can't be greater"
-							" than Resolution Time."
-						).format(priority.priority, priority.idx)
-					)
+                response = cint(priority.response_time)
+                resolution = cint(priority.resolution_time)
+                if response > resolution:
+                    frappe.throw(
+                        _(
+                            "Response Time for {0} priority in row {1} can't be greater"
+                            " than Resolution Time."
+                        ).format(priority.priority, priority.idx)
+                    )
 
-			priorities.append(priority.priority)
+            priorities.append(priority.priority)
 
-		# Check if repeated priority
-		if not len(set(priorities)) == len(priorities):
-			repeated_priority = get_repeated(priorities)
-			frappe.throw(_("Priority {0} has been repeated.").format(repeated_priority))
+        # Check if repeated priority
+        # flake8: noqa
+        if not len(set(priorities)) == len(priorities):
+            repeated_priority = get_repeated(priorities)
+            frappe.throw(_("Priority {0} has been repeated.").format(repeated_priority))
 
-		# set default priority from priorities
-		try:
-			self.default_priority = next(
-				d.priority for d in self.priorities if d.default_priority
-			)
-		except Exception:
-			frappe.throw(_("Select a Default Priority."))
+        # set default priority from priorities
+        try:
+            self.default_priority = next(
+                d.priority for d in self.priorities if d.default_priority
+            )
+        except Exception:
+            frappe.throw(_("Select a Default Priority."))
 
-	def validate_support_and_resolution(self):
-		week = get_weekdays()
-		support_days = []
+    def validate_support_and_resolution(self):
+        week = get_weekdays()
+        support_days = []
 
-		for support_and_resolution in self.support_and_resolution:
-			support_days.append(support_and_resolution.workday)
-			support_and_resolution.idx = week.index(support_and_resolution.workday) + 1
+        for support_and_resolution in self.support_and_resolution:
+            support_days.append(support_and_resolution.workday)
+            support_and_resolution.idx = week.index(support_and_resolution.workday) + 1
 
-			if to_timedelta(support_and_resolution.start_time) >= to_timedelta(
-				support_and_resolution.end_time
-			):
-				frappe.throw(
-					_(
-						"Start Time can't be greater than or equal to End Time for {0}."
-					).format(support_and_resolution.workday)
-				)
+            if to_timedelta(support_and_resolution.start_time) >= to_timedelta(
+                support_and_resolution.end_time
+            ):
+                frappe.throw(
+                    _(
+                        "Start Time can't be greater than or equal to End Time for {0}."
+                    ).format(support_and_resolution.workday)
+                )
 
-		# Check for repeated workday
-		if not len(set(support_days)) == len(support_days):
-			repeated_days = get_repeated(support_days)
-			frappe.throw(_("Workday {0} has been repeated.").format(repeated_days))
+        # Check for repeated workday
+        # flake8: noqa
+        if not len(set(support_days)) == len(support_days):
+            repeated_days = get_repeated(support_days)
+            frappe.throw(_("Workday {0} has been repeated.").format(repeated_days))
 
-	def validate_condition(self):
-		if not self.condition:
-			return
-		try:
-			temp_doc = frappe.new_doc(self.doctype_ticket)
-			frappe.safe_eval(self.condition, None, get_context(temp_doc))
-		except Exception as e:
-			frappe.throw(
-				_("The Condition '{0}' is invalid: {1}").format(self.condition, str(e))
-			)
+    def validate_condition(self):
+        if not self.condition:
+            return
+        try:
+            temp_doc = frappe.new_doc(self.doctype_ticket)
+            frappe.safe_eval(self.condition, None, get_context(temp_doc))
+        except Exception as e:
+            frappe.throw(
+                _("The Condition '{0}' is invalid: {1}").format(self.condition, str(e))
+            )
 
-	# What?
-	def get_hd_service_level_agreement_priority(self, priority):
-		priority = frappe.get_doc(
-			"HD Service Level Priority", {"priority": priority, "parent": self.name}
-		)
+    # What?
+    def get_hd_service_level_agreement_priority(self, priority):
+        priority = frappe.get_doc(
+            "HD Service Level Priority", {"priority": priority, "parent": self.name}
+        )
 
-		return frappe._dict(
-			{
-				"priority": priority.priority,
-				"response_time": priority.response_time,
-				"resolution_time": priority.resolution_time,
-			}
-		)
+        return frappe._dict(
+            {
+                "priority": priority.priority,
+                "response_time": priority.response_time,
+                "resolution_time": priority.resolution_time,
+            }
+        )
 
-	def apply(self, doc: Document):
-		self.handle_new(doc)
-		self.handle_status(doc)
-		self.handle_targets(doc)
-		self.handle_agreement_status(doc)
+    def apply(self, doc: Document):
+        self.handle_new(doc)
+        self.handle_status(doc)
+        self.handle_targets(doc)
+        self.handle_agreement_status(doc)
 
-	def handle_new(self, doc: Document):
-		if not doc.is_new():
-			return
-		creation = doc.service_level_agreement_creation or now_datetime()
-		doc.service_level_agreement_creation = creation
-		doc.priority = doc.priority or self.default_priority
+    def handle_new(self, doc: Document):
+        if not doc.is_new():
+            return
+        creation = doc.service_level_agreement_creation or now_datetime()
+        doc.service_level_agreement_creation = creation
+        doc.priority = doc.priority or self.default_priority
 
-	def handle_status(self, doc: Document):
-		if doc.is_new() or not doc.has_value_changed("status"):
-			return
-		self.set_first_response_time(doc)
-		self.set_resolution_date(doc)
-		self.set_hold_time(doc)
+    def handle_status(self, doc: Document):
+        if doc.is_new() or not doc.has_value_changed("status"):
+            return
+        self.set_first_response_time(doc)
+        self.set_resolution_date(doc)
+        self.set_hold_time(doc)
 
-	def set_first_response_time(self, doc: Document):
-		start_at = doc.service_level_agreement_creation
-		end_at = doc.first_responded_on
-		if not start_at or not end_at:
-			return
-		doc.first_response_time = self.calc_elapsed_time(start_at, end_at)
+    def set_first_response_time(self, doc: Document):
+        start_at = doc.service_level_agreement_creation
+        end_at = doc.first_responded_on
+        if not start_at or not end_at:
+            return
+        doc.first_response_time = self.calc_elapsed_time(start_at, end_at)
 
-	def set_resolution_date(self, doc: Document):
-		fullfill_on = [row.status for row in self.sla_fulfilled_on]
-		next_state = doc.get("status")
-		is_fulfilled = next_state in fullfill_on
-		if not is_fulfilled:
-			doc.resolution_date = None
-			doc.resolution_time = None
-			return
-		doc.resolution_date = now_datetime()
-		start_at = doc.service_level_agreement_creation
-		end_at = doc.resolution_date
-		time_took = self.calc_elapsed_time(start_at, end_at)
-		time_hold = doc.total_hold_time or 0
-		time_took_effective = time_took - time_hold
-		doc.resolution_time = time_took_effective
+    def set_resolution_date(self, doc: Document):
+        fullfill_on = [row.status for row in self.sla_fulfilled_on]
+        next_state = doc.get("status")
+        is_fulfilled = next_state in fullfill_on
+        if not is_fulfilled:
+            doc.resolution_date = None
+            doc.resolution_time = None
+            return
+        doc.resolution_date = now_datetime()
+        start_at = doc.service_level_agreement_creation
+        end_at = doc.resolution_date
+        time_took = self.calc_elapsed_time(start_at, end_at)
+        time_hold = doc.total_hold_time or 0
+        time_took_effective = time_took - time_hold
+        doc.resolution_time = time_took_effective
 
-	def set_hold_time(self, doc: Document):
-		pause_on = [row.status for row in self.pause_sla_on]
-		doc_old = doc.get_doc_before_save()
-		prev_state = doc_old.get("status")
-		next_state = doc.get("status")
-		was_paused = prev_state in pause_on
-		is_paused = next_state in pause_on
-		paused_since = doc.on_hold_since or doc_old.get("resolution_date")
-		if is_paused and not was_paused:
-			doc.response_by = doc.resolution_by if doc.first_responded_on else None
-			doc.resolution_date = None
-			doc.resolution_by = None
-			doc.resolution_time = None
-			doc.on_hold_since = now_datetime()
-		else:
-			doc.on_hold_since = None
-		if is_paused or not paused_since:
-			return
-		doc.on_hold_since = None
-		curr_val = time_diff_in_seconds(now_datetime(), paused_since)
-		doc.total_hold_time = (doc.total_hold_time or 0) + curr_val
+    def set_hold_time(self, doc: Document):
+        pause_on = [row.status for row in self.pause_sla_on]
+        doc_old = doc.get_doc_before_save()
+        prev_state = doc_old.get("status")
+        next_state = doc.get("status")
+        was_paused = prev_state in pause_on
+        is_paused = next_state in pause_on
+        paused_since = doc.on_hold_since or doc_old.get("resolution_date")
+        if is_paused and not was_paused:
+            doc.response_by = doc.resolution_by if doc.first_responded_on else None
+            doc.resolution_date = None
+            doc.resolution_by = None
+            doc.resolution_time = None
+            doc.on_hold_since = now_datetime()
+        else:
+            doc.on_hold_since = None
+        if is_paused or not paused_since:
+            return
+        doc.on_hold_since = None
+        curr_val = time_diff_in_seconds(now_datetime(), paused_since)
+        doc.total_hold_time = (doc.total_hold_time or 0) + curr_val
 
-	def handle_targets(self, doc: Document):
-		self.set_response_by(doc)
-		self.set_resolution_by(doc)
+    def handle_targets(self, doc: Document):
+        self.set_response_by(doc)
+        self.set_resolution_by(doc)
 
-	def set_response_by(self, doc: Document):
-		start = doc.service_level_agreement_creation
-		doc.response_by = self.calc_time(start, doc.priority, "response_time")
+    def set_response_by(self, doc: Document):
+        start = doc.service_level_agreement_creation
+        doc.response_by = self.calc_time(start, doc.priority, "response_time")
 
-	def set_resolution_by(self, doc: Document):
-		total_hold_time = doc.total_hold_time or 0
-		start = add_to_date(
-			doc.service_level_agreement_creation,
-			seconds=total_hold_time,
-			as_datetime=True,
-		)
-		doc.resolution_by = self.calc_time(start, doc.priority, "resolution_time")
+    def set_resolution_by(self, doc: Document):
+        total_hold_time = doc.total_hold_time or 0
+        start = add_to_date(
+            doc.service_level_agreement_creation,
+            seconds=total_hold_time,
+            as_datetime=True,
+        )
+        doc.resolution_by = self.calc_time(start, doc.priority, "resolution_time")
 
-	def reset_resolution_metrics(self, doc: Document):
-		pause_on = [row.status for row in self.pause_sla_on]
-		fullfill_on = [row.status for row in self.sla_fulfilled_on]
-		prev_state = doc.get_doc_before_save().get("status")
-		next_state = doc.get("status")
-		was_paused = prev_state in pause_on
-		was_fulfilled = prev_state in fullfill_on
-		is_paused = next_state in pause_on
-		is_fulfilled = next_state in fullfill_on
-		is_open = not is_paused and not is_fulfilled
-		if is_open and (was_paused or was_fulfilled):
-			return
-		doc.response_date = None
-		doc.resolution_date = None
-		doc.user_resolution_time = None
+    def reset_resolution_metrics(self, doc: Document):
+        pause_on = [row.status for row in self.pause_sla_on]
+        fullfill_on = [row.status for row in self.sla_fulfilled_on]
+        prev_state = doc.get_doc_before_save().get("status")
+        next_state = doc.get("status")
+        was_paused = prev_state in pause_on
+        was_fulfilled = prev_state in fullfill_on
+        is_paused = next_state in pause_on
+        is_fulfilled = next_state in fullfill_on
+        is_open = not is_paused and not is_fulfilled
+        if is_open and (was_paused or was_fulfilled):
+            return
+        doc.response_date = None
+        doc.resolution_date = None
+        doc.user_resolution_time = None
 
-	def handle_agreement_status(self, doc: Document):
-		is_failed = self.is_first_response_failed(doc) or self.is_resolution_failed(doc)
-		options = {
-			"Fulfilled": True,
-			"Resolution Due": self.apply_sla_for_resolution and not doc.resolution_date,
-			"First Response Due": not doc.first_responded_on,
-			"Failed": is_failed,
-			"Paused": doc.on_hold_since,
-		}
-		for status in options:
-			if options[status]:
-				doc.agreement_status = status
+    def handle_agreement_status(self, doc: Document):
+        is_failed = self.is_first_response_failed(doc) or self.is_resolution_failed(doc)
+        options = {
+            "Fulfilled": True,
+            "Resolution Due": self.apply_sla_for_resolution and not doc.resolution_date,
+            "First Response Due": not doc.first_responded_on,
+            "Failed": is_failed,
+            "Paused": doc.on_hold_since,
+        }
+        for status in options:
+            if options[status]:
+                doc.agreement_status = status
 
-	def is_first_response_failed(self, doc: Document):
-		if not doc.first_responded_on:
-			return get_datetime(doc.response_by) < now_datetime()
-		return get_datetime(doc.response_by) < get_datetime(doc.first_responded_on)
+    def is_first_response_failed(self, doc: Document):
+        if not doc.first_responded_on:
+            return get_datetime(doc.response_by) < now_datetime()
+        return get_datetime(doc.response_by) < get_datetime(doc.first_responded_on)
 
-	def is_resolution_failed(self, doc: Document):
-		if not self.apply_sla_for_resolution or not doc.resolution_by:
-			return
-		if not doc.resolution_date:
-			return get_datetime(doc.resolution_by) < now_datetime()
-		return get_datetime(doc.resolution_by) < get_datetime(doc.resolution_date)
+    def is_resolution_failed(self, doc: Document):
+        if not self.apply_sla_for_resolution or not doc.resolution_by:
+            return
+        if not doc.resolution_date:
+            return get_datetime(doc.resolution_by) < now_datetime()
+        return get_datetime(doc.resolution_by) < get_datetime(doc.resolution_date)
 
-	def calc_time(
-		self,
-		start_at: str,
-		priority: str,
-		target: Literal["response_time", "resolution_time"],
-	):
-		res = get_datetime(start_at)
-		priority = self.get_priorities()[priority]
-		time_needed = priority.get(target, 0)
-		holidays = self.get_holidays()
-		weekdays = get_weekdays()
-		workdays = self.get_workdays()
-		while time_needed:
-			today = res
-			today_day = getdate(today)
-			today_weekday = weekdays[today.weekday()]
-			is_workday = today_weekday in workdays
-			is_holiday = today_day in holidays
-			if is_holiday or not is_workday:
-				res = add_to_date(res, days=1, as_datetime=True)
-				continue
-			today_workday = workdays[today_weekday]
-			now_in_seconds = time_diff_in_seconds(today, today_day)
-			start_time = max(today_workday.start_time.total_seconds(), now_in_seconds)
-			till_start_time = max(start_time - now_in_seconds, 0)
-			end_time = max(today_workday.end_time.total_seconds(), now_in_seconds)
-			time_left = max(end_time - start_time, 0)
-			if not time_left:
-				res = getdate(add_to_date(res, days=1, as_datetime=True))
-				continue
-			time_taken = min(time_needed, time_left)
-			time_needed -= time_taken
-			time_required = till_start_time + time_taken
-			res = add_to_date(res, seconds=time_required, as_datetime=True)
-		return res
+    def calc_time(
+        self,
+        start_at: str,
+        priority: str,
+        target: Literal["response_time", "resolution_time"],
+    ):
+        res = get_datetime(start_at)
+        priority = self.get_priorities()[priority]
+        time_needed = priority.get(target, 0)
+        holidays = self.get_holidays()
+        weekdays = get_weekdays()
+        workdays = self.get_workdays()
+        while time_needed:
+            today = res
+            today_day = getdate(today)
+            today_weekday = weekdays[today.weekday()]
+            is_workday = today_weekday in workdays
+            is_holiday = today_day in holidays
+            if is_holiday or not is_workday:
+                res = add_to_date(res, days=1, as_datetime=True)
+                continue
+            today_workday = workdays[today_weekday]
+            now_in_seconds = time_diff_in_seconds(today, today_day)
+            start_time = max(today_workday.start_time.total_seconds(), now_in_seconds)
+            till_start_time = max(start_time - now_in_seconds, 0)
+            end_time = max(today_workday.end_time.total_seconds(), now_in_seconds)
+            time_left = max(end_time - start_time, 0)
+            if not time_left:
+                res = getdate(add_to_date(res, days=1, as_datetime=True))
+                continue
+            time_taken = min(time_needed, time_left)
+            time_needed -= time_taken
+            time_required = till_start_time + time_taken
+            res = add_to_date(res, seconds=time_required, as_datetime=True)
+        return res
 
-	def get_working_days(self) -> dict[str, dict]:
-		workdays = []
-		for row in self.support_and_resolution:
-			workdays.append(row.workday)
-		return workdays
+    def get_working_days(self) -> dict[str, dict]:
+        workdays = []
+        for row in self.support_and_resolution:
+            workdays.append(row.workday)
+        return workdays
 
-	def get_working_hours(self) -> dict[str, dict]:
-		res = {}
-		for row in self.support_and_resolution:
-			res[row.workday] = (row.start_time, row.end_time)
-		return res
+    def get_working_hours(self) -> dict[str, dict]:
+        res = {}
+        for row in self.support_and_resolution:
+            res[row.workday] = (row.start_time, row.end_time)
+        return res
 
-	def is_working_time(self, date_time, working_hours):
-		day_of_week = get_weekdays()[date_time.weekday()]
-		start_time, end_time = working_hours.get(day_of_week, (0, 0))
-		date_time = timedelta(hours=date_time.hour, minutes=date_time.minute, seconds=date_time.second)
-		return start_time <= date_time < end_time
+    def is_working_time(self, date_time, working_hours):
+        day_of_week = get_weekdays()[date_time.weekday()]
+        start_time, end_time = working_hours.get(day_of_week, (0, 0))
+        date_time = timedelta(
+            hours=date_time.hour, minutes=date_time.minute, seconds=date_time.second
+        )
+        return start_time <= date_time < end_time
 
-	def calc_elapsed_time(self, start_time, end_time) -> float:
-		"""
-		Get took from start to end, excluding non-working hours
+    def calc_elapsed_time(self, start_time, end_time) -> float:
+        """
+        Get took from start to end, excluding non-working hours
 
-		:param start_at: Date at which calculation starts
-		:param end_at: Date at which calculation ends
-		:return: Number of seconds
-		"""
-		start_time = get_datetime(start_time)
-		end_time = get_datetime(end_time)
-		holiday_list = []
-		working_day_list = self.get_working_days()
-		working_hours = self.get_working_hours()
+        :param start_at: Date at which calculation starts
+        :param end_at: Date at which calculation ends
+        :return: Number of seconds
+        """
+        start_time = get_datetime(start_time)
+        end_time = get_datetime(end_time)
+        holiday_list = []
+        working_day_list = self.get_working_days()
+        working_hours = self.get_working_hours()
 
-		total_seconds = 0
-		current_time = start_time
+        total_seconds = 0
+        current_time = start_time
 
-		while current_time < end_time:
-			in_holiday_list = current_time.date() in holiday_list
-			not_in_working_day_list = get_weekdays()[current_time.weekday()] not in working_day_list
-			if in_holiday_list or not_in_working_day_list or not self.is_working_time(current_time, working_hours):
-				current_time += timedelta(seconds=1)
-				continue
-			total_seconds += 1
-			current_time += timedelta(seconds=1)
+        while current_time < end_time:
+            in_holiday_list = current_time.date() in holiday_list
+            not_in_working_day_list = (
+                get_weekdays()[current_time.weekday()] not in working_day_list
+            )
+            if (
+                in_holiday_list
+                or not_in_working_day_list
+                or not self.is_working_time(current_time, working_hours)
+            ):
+                current_time += timedelta(seconds=1)
+                continue
+            total_seconds += 1
+            current_time += timedelta(seconds=1)
 
-		return total_seconds
+        return total_seconds
 
-	def get_holidays(self):
-		res = []
-		if not self.holiday_list:
-			return res
-		holiday_list = frappe.get_doc("HD Service Holiday List", self.holiday_list)
-		for row in holiday_list.holidays:
-			res.append(row.holiday_date)
-		return res
+    def get_holidays(self):
+        res = []
+        if not self.holiday_list:
+            return res
+        holiday_list = frappe.get_doc("HD Service Holiday List", self.holiday_list)
+        for row in holiday_list.holidays:
+            res.append(row.holiday_date)
+        return res
 
-	def get_priorities(self):
-		"""
-		Return priorities related info as a dict. With `priority` as key
-		"""
-		res = {}
-		for row in self.priorities:
-			res[row.priority] = row
-		return res
+    def get_priorities(self):
+        """
+        Return priorities related info as a dict. With `priority` as key
+        """
+        res = {}
+        for row in self.priorities:
+            res[row.priority] = row
+        return res
 
-	def get_workdays(self) -> dict[str, dict]:
-		"""
-		Return workdays related info as a dict. With `workday` as key
-		"""
-		res = {}
-		for row in self.support_and_resolution:
-			res[row.workday] = row
-		return res
+    def get_workdays(self) -> dict[str, dict]:
+        """
+        Return workdays related info as a dict. With `workday` as key
+        """
+        res = {}
+        for row in self.support_and_resolution:
+            res[row.workday] = row
+        return res
 
 
 def get_repeated(values):
-	unique_list = []
-	diff = []
-	for value in values:
-		if value not in unique_list:
-			unique_list.append(str(value))
-		else:
-			if value not in diff:
-				diff.append(str(value))
-	return " ".join(diff)
+    unique_list = []
+    diff = []
+    for value in values:
+        if value not in unique_list:
+            unique_list.append(str(value))
+        else:
+            if value not in diff:
+                diff.append(str(value))
+    return " ".join(diff)
diff --git a/helpdesk/helpdesk/doctype/hd_settings/hd_settings.js b/helpdesk/helpdesk/doctype/hd_settings/hd_settings.js
index 9974244bc..c4ae1f47a 100644
--- a/helpdesk/helpdesk/doctype/hd_settings/hd_settings.js
+++ b/helpdesk/helpdesk/doctype/hd_settings/hd_settings.js
@@ -2,7 +2,7 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Settings", {
-	refresh: function (frm) {
-		//
-	},
-})
+  refresh: function (frm) {
+    //
+  },
+});
diff --git a/helpdesk/helpdesk/doctype/hd_settings/hd_settings.py b/helpdesk/helpdesk/doctype/hd_settings/hd_settings.py
index 3a9d62ff8..4f2ea8820 100644
--- a/helpdesk/helpdesk/doctype/hd_settings/hd_settings.py
+++ b/helpdesk/helpdesk/doctype/hd_settings/hd_settings.py
@@ -3,53 +3,54 @@
 # For license information, please see license.txt
 
 from __future__ import unicode_literals
-from frappe.model.naming import append_number_if_name_exists
-from frappe.model.document import Document
+
 import frappe
+from frappe.model.document import Document
+from frappe.model.naming import append_number_if_name_exists
 from frappe.realtime import get_website_room
 
 
 class HDSettings(Document):
-	def get_base_support_rotation(self):
-		"""Returns the base support rotation rule if it exists, else creats once and returns it"""
+    def get_base_support_rotation(self):
+        """Returns the base support rotation rule if it exists, else creats once and returns it"""
 
-		if not self.base_support_rotation:
-			self.create_base_support_rotation()
+        if not self.base_support_rotation:
+            self.create_base_support_rotation()
 
-		return self.base_support_rotation
+        return self.base_support_rotation
 
-	def create_base_support_rotation(self):
-		"""Creates the base support rotation rule, and set it to frappe desk settings"""
+    def create_base_support_rotation(self):
+        """Creates the base support rotation rule, and set it to frappe desk settings"""
 
-		rule_doc = frappe.new_doc("Assignment Rule")
-		rule_doc.name = append_number_if_name_exists(
-			"Assignment Rule", "Support Rotation"
-		)
-		rule_doc.document_type = "HD Ticket"
-		rule_doc.assign_condition = "status == 'Open'"
-		rule_doc.priority = 0
-		rule_doc.disabled = True  # Disable the rule by default, when agents are added to the group, the rule will be enabled
+        rule_doc = frappe.new_doc("Assignment Rule")
+        rule_doc.name = append_number_if_name_exists(
+            "Assignment Rule", "Support Rotation"
+        )
+        rule_doc.document_type = "HD Ticket"
+        rule_doc.assign_condition = "status == 'Open'"
+        rule_doc.priority = 0
+        rule_doc.disabled = True  # Disable the rule by default, when agents are added to the group, the rule will be enabled
 
-		for day in [
-			"Monday",
-			"Tuesday",
-			"Wednesday",
-			"Thursday",
-			"Friday",
-			"Saturday",
-			"Sunday",
-		]:
-			day_doc = frappe.get_doc({"doctype": "Assignment Rule Day", "day": day})
-			rule_doc.append("assignment_days", day_doc)
+        for day in [
+            "Monday",
+            "Tuesday",
+            "Wednesday",
+            "Thursday",
+            "Friday",
+            "Saturday",
+            "Sunday",
+        ]:
+            day_doc = frappe.get_doc({"doctype": "Assignment Rule Day", "day": day})
+            rule_doc.append("assignment_days", day_doc)
 
-		rule_doc.save(ignore_permissions=True)
-		self.base_support_rotation = rule_doc.name
-		self.save(ignore_permissions=True)
+        rule_doc.save(ignore_permissions=True)
+        self.base_support_rotation = rule_doc.name
+        self.save(ignore_permissions=True)
 
-		return
+        return
 
-	def on_update(self):
-		event = "helpdesk:settings-updated"
-		room = get_website_room()
+    def on_update(self):
+        event = "helpdesk:settings-updated"
+        room = get_website_room()
 
-		frappe.publish_realtime(event, room=room, after_commit=True)
+        frappe.publish_realtime(event, room=room, after_commit=True)
diff --git a/helpdesk/helpdesk/doctype/hd_team/hd_team.js b/helpdesk/helpdesk/doctype/hd_team/hd_team.js
index ec8e95294..b3eacbd24 100644
--- a/helpdesk/helpdesk/doctype/hd_team/hd_team.js
+++ b/helpdesk/helpdesk/doctype/hd_team/hd_team.js
@@ -2,6 +2,6 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Team", {
-	// refresh: function(frm) {
-	// }
-})
+  // refresh: function(frm) {
+  // }
+});
diff --git a/helpdesk/helpdesk/doctype/hd_ticket/api.py b/helpdesk/helpdesk/doctype/hd_ticket/api.py
index 8a171d006..c689dc8c7 100644
--- a/helpdesk/helpdesk/doctype/hd_ticket/api.py
+++ b/helpdesk/helpdesk/doctype/hd_ticket/api.py
@@ -5,204 +5,205 @@ from frappe.utils.caching import redis_cache
 from pypika import Criterion, Order
 
 from helpdesk.consts import DEFAULT_TICKET_TEMPLATE
+from helpdesk.helpdesk.doctype.hd_form_script.hd_form_script import get_form_script
 from helpdesk.helpdesk.doctype.hd_ticket_template.api import get_one as get_template
 from helpdesk.utils import check_permissions, get_customer, is_agent
-from helpdesk.helpdesk.doctype.hd_form_script.hd_form_script import get_form_script
 
 
 @frappe.whitelist()
+# flake8: noqa
 def new(doc, attachments=[]):
-	doc["doctype"] = "HD Ticket"
-	doc["via_customer_portal"] = bool(frappe.session.user)
-	d = frappe.get_doc(doc).insert()
-	d.create_communication_via_contact(d.description, attachments)
-	return d
+    doc["doctype"] = "HD Ticket"
+    doc["via_customer_portal"] = bool(frappe.session.user)
+    d = frappe.get_doc(doc).insert()
+    d.create_communication_via_contact(d.description, attachments)
+    return d
 
 
 @frappe.whitelist()
 def get_one(name):
-	check_permissions("HD Ticket", None)
-	QBContact = frappe.qb.DocType("Contact")
-	QBTicket = frappe.qb.DocType("HD Ticket")
+    check_permissions("HD Ticket", None)
+    QBContact = frappe.qb.DocType("Contact")
+    QBTicket = frappe.qb.DocType("HD Ticket")
 
-	_is_agent = is_agent()
+    _is_agent = is_agent()
 
-	query = (
-		frappe.qb.from_(QBTicket)
-		.select(QBTicket.star)
-		.where(QBTicket.name == name)
-		.limit(1)
-	)
+    query = (
+        frappe.qb.from_(QBTicket)
+        .select(QBTicket.star)
+        .where(QBTicket.name == name)
+        .limit(1)
+    )
 
-	if not _is_agent:
-		query = query.where(get_customer_criteria())
+    if not _is_agent:
+        query = query.where(get_customer_criteria())
 
-	ticket = query.run(as_dict=True)
-	if not len(ticket):
-		frappe.throw(_("Ticket not found"), frappe.DoesNotExistError)
-	ticket = ticket.pop()
+    ticket = query.run(as_dict=True)
+    if not len(ticket):
+        frappe.throw(_("Ticket not found"), frappe.DoesNotExistError)
+    ticket = ticket.pop()
 
-	contact = (
-		frappe.qb.from_(QBContact)
-		.select(
-			QBContact.company_name,
-			QBContact.email_id,
-			QBContact.image,
-			QBContact.mobile_no,
-			QBContact.name,
-			QBContact.phone,
-		)
-		.where(QBContact.name == ticket.contact)
-		.run(as_dict=True)
-	)
-	if contact:
-		contact = contact[0]
-	else:
-		contact = {
-			"email_id": ticket.raised_by,
-			"name": ticket.raised_by.split("@")[0],
-		}
+    contact = (
+        frappe.qb.from_(QBContact)
+        .select(
+            QBContact.company_name,
+            QBContact.email_id,
+            QBContact.image,
+            QBContact.mobile_no,
+            QBContact.name,
+            QBContact.phone,
+        )
+        .where(QBContact.name == ticket.contact)
+        .run(as_dict=True)
+    )
+    if contact:
+        contact = contact[0]
+    else:
+        contact = {
+            "email_id": ticket.raised_by,
+            "name": ticket.raised_by.split("@")[0],
+        }
 
-	return {
-		**ticket,
-		"comments": get_comments(name),
-		"communications": get_communications(name),
-		"contact": contact,
-		"history": get_history(name),
-		"tags": get_tags(name),
-		"template": get_template(ticket.template or DEFAULT_TICKET_TEMPLATE),
-		"views": get_views(name),
-		"_form_script": get_form_script('HD Ticket')
-	}
+    return {
+        **ticket,
+        "comments": get_comments(name),
+        "communications": get_communications(name),
+        "contact": contact,
+        "history": get_history(name),
+        "tags": get_tags(name),
+        "template": get_template(ticket.template or DEFAULT_TICKET_TEMPLATE),
+        "views": get_views(name),
+        "_form_script": get_form_script("HD Ticket"),
+    }
 
 
 def get_customer_criteria():
-	QBTicket = frappe.qb.DocType("HD Ticket")
-	user = frappe.session.user
-	conditions = [
-		QBTicket.contact == user,
-		QBTicket.raised_by == user,
-	]
-	customer = get_customer(user)
-	for c in customer:
-		conditions.append(QBTicket.customer == c)
-	return Criterion.any(conditions)
+    QBTicket = frappe.qb.DocType("HD Ticket")
+    user = frappe.session.user
+    conditions = [
+        QBTicket.contact == user,
+        QBTicket.raised_by == user,
+    ]
+    customer = get_customer(user)
+    for c in customer:
+        conditions.append(QBTicket.customer == c)
+    return Criterion.any(conditions)
 
 
 def get_assignee(_assign: str):
-	j = frappe.parse_json(_assign)
-	if not j or len(j) < 1:
-		return
-	return get_user_info_for_avatar(j.pop())
+    j = frappe.parse_json(_assign)
+    if not j or len(j) < 1:
+        return
+    return get_user_info_for_avatar(j.pop())
 
 
 def get_communications(ticket: str):
-	QBCommunication = frappe.qb.DocType("Communication")
-	communications = (
-		frappe.qb.from_(QBCommunication)
-		.select(
-			QBCommunication.bcc,
-			QBCommunication.cc,
-			QBCommunication.content,
-			QBCommunication.creation,
-			QBCommunication.name,
-			QBCommunication.sender,
-			QBCommunication.recipients
-		)
-		.where(QBCommunication.reference_doctype == "HD Ticket")
-		.where(QBCommunication.reference_name == ticket)
-		.orderby(QBCommunication.creation, order=Order.asc)
-		.run(as_dict=True)
-	)
-	for c in communications:
-		c.attachments = get_attachments("Communication", c.name)
-		c.user = get_user_info_for_avatar(c.sender)
-	return communications
+    QBCommunication = frappe.qb.DocType("Communication")
+    communications = (
+        frappe.qb.from_(QBCommunication)
+        .select(
+            QBCommunication.bcc,
+            QBCommunication.cc,
+            QBCommunication.content,
+            QBCommunication.creation,
+            QBCommunication.name,
+            QBCommunication.sender,
+            QBCommunication.recipients,
+        )
+        .where(QBCommunication.reference_doctype == "HD Ticket")
+        .where(QBCommunication.reference_name == ticket)
+        .orderby(QBCommunication.creation, order=Order.asc)
+        .run(as_dict=True)
+    )
+    for c in communications:
+        c.attachments = get_attachments("Communication", c.name)
+        c.user = get_user_info_for_avatar(c.sender)
+    return communications
 
 
 def get_comments(ticket: str):
-	if not frappe.has_permission("HD Ticket Comment", "read"):
-		return []
-	QBComment = frappe.qb.DocType("HD Ticket Comment")
-	comments = (
-		frappe.qb.from_(QBComment)
-		.select(
-			QBComment.commented_by,
-			QBComment.content,
-			QBComment.creation,
-			QBComment.is_pinned,
-			QBComment.name,
-		)
-		.where(QBComment.reference_ticket == ticket)
-		.orderby(QBComment.creation, order=Order.asc)
-		.run(as_dict=True)
-	)
-	for c in comments:
-		c.user = get_user_info_for_avatar(c.commented_by)
-	return comments
+    if not frappe.has_permission("HD Ticket Comment", "read"):
+        return []
+    QBComment = frappe.qb.DocType("HD Ticket Comment")
+    comments = (
+        frappe.qb.from_(QBComment)
+        .select(
+            QBComment.commented_by,
+            QBComment.content,
+            QBComment.creation,
+            QBComment.is_pinned,
+            QBComment.name,
+        )
+        .where(QBComment.reference_ticket == ticket)
+        .orderby(QBComment.creation, order=Order.asc)
+        .run(as_dict=True)
+    )
+    for c in comments:
+        c.user = get_user_info_for_avatar(c.commented_by)
+    return comments
 
 
 def get_history(ticket: str):
-	if not frappe.has_permission("HD Ticket Activity", "read"):
-		return []
-	QBActivity = frappe.qb.DocType("HD Ticket Activity")
-	history = (
-		frappe.qb.from_(QBActivity)
-		.select(
-			QBActivity.name, QBActivity.action, QBActivity.owner, QBActivity.creation
-		)
-		.where(QBActivity.ticket == ticket)
-		.orderby(QBActivity.creation, order=Order.desc)
-	)
-	history = history.run(as_dict=True)
-	for h in history:
-		h.user = get_user_info_for_avatar(h.owner)
-	return history
+    if not frappe.has_permission("HD Ticket Activity", "read"):
+        return []
+    QBActivity = frappe.qb.DocType("HD Ticket Activity")
+    history = (
+        frappe.qb.from_(QBActivity)
+        .select(
+            QBActivity.name, QBActivity.action, QBActivity.owner, QBActivity.creation
+        )
+        .where(QBActivity.ticket == ticket)
+        .orderby(QBActivity.creation, order=Order.desc)
+    )
+    history = history.run(as_dict=True)
+    for h in history:
+        h.user = get_user_info_for_avatar(h.owner)
+    return history
 
 
 def get_views(ticket: str):
-	QBViewLog = frappe.qb.DocType("View Log")
-	views = (
-		frappe.qb.from_(QBViewLog)
-		.select(
-			QBViewLog.creation,
-			QBViewLog.name,
-			QBViewLog.viewed_by,
-		)
-		.where(QBViewLog.reference_doctype == "HD Ticket")
-		.where(QBViewLog.reference_name == ticket)
-		.orderby(QBViewLog.creation, order=Order.desc)
-		.run(as_dict=True)
-	)
-	for v in views:
-		v.user = get_user_info_for_avatar(v.viewed_by)
-	return views
+    QBViewLog = frappe.qb.DocType("View Log")
+    views = (
+        frappe.qb.from_(QBViewLog)
+        .select(
+            QBViewLog.creation,
+            QBViewLog.name,
+            QBViewLog.viewed_by,
+        )
+        .where(QBViewLog.reference_doctype == "HD Ticket")
+        .where(QBViewLog.reference_name == ticket)
+        .orderby(QBViewLog.creation, order=Order.desc)
+        .run(as_dict=True)
+    )
+    for v in views:
+        v.user = get_user_info_for_avatar(v.viewed_by)
+    return views
 
 
 def get_tags(ticket: str):
-	QBTag = frappe.qb.DocType("Tag Link")
-	rows = (
-		frappe.qb.from_(QBTag)
-		.select(QBTag.tag)
-		.where(QBTag.document_type == "HD Ticket")
-		.where(QBTag.document_name == ticket)
-		.orderby(QBTag.creation, order=Order.asc)
-		.run(as_dict=True)
-	)
-	res = []
-	for tag in rows:
-		res.append(tag.tag)
-	return res
+    QBTag = frappe.qb.DocType("Tag Link")
+    rows = (
+        frappe.qb.from_(QBTag)
+        .select(QBTag.tag)
+        .where(QBTag.document_type == "HD Ticket")
+        .where(QBTag.document_name == ticket)
+        .orderby(QBTag.creation, order=Order.asc)
+        .run(as_dict=True)
+    )
+    res = []
+    for tag in rows:
+        res.append(tag.tag)
+    return res
 
 
 @redis_cache()
 def get_attachments(doctype, name):
-	QBFile = frappe.qb.DocType("File")
+    QBFile = frappe.qb.DocType("File")
 
-	return (
-		frappe.qb.from_(QBFile)
-		.select(QBFile.name, QBFile.file_url, QBFile.file_name)
-		.where(QBFile.attached_to_doctype == doctype)
-		.where(QBFile.attached_to_name == name)
-		.run(as_dict=True)
-	)
+    return (
+        frappe.qb.from_(QBFile)
+        .select(QBFile.name, QBFile.file_url, QBFile.file_name)
+        .where(QBFile.attached_to_doctype == doctype)
+        .where(QBFile.attached_to_name == name)
+        .run(as_dict=True)
+    )
diff --git a/helpdesk/helpdesk/doctype/hd_ticket/hd_ticket.py b/helpdesk/helpdesk/doctype/hd_ticket/hd_ticket.py
index 43dd87210..e61398f95 100644
--- a/helpdesk/helpdesk/doctype/hd_ticket/hd_ticket.py
+++ b/helpdesk/helpdesk/doctype/hd_ticket/hd_ticket.py
@@ -9,18 +9,18 @@ from frappe.desk.form.assign_to import add as assign
 from frappe.desk.form.assign_to import clear as clear_all_assignments
 from frappe.desk.form.assign_to import get as get_assignees
 from frappe.model.document import Document
-from frappe.query_builder import Case, DocType, Order
+from frappe.query_builder import Order
 from pypika.functions import Count
 from pypika.queries import Query
 from pypika.terms import Criterion
 
 from helpdesk.consts import DEFAULT_TICKET_PRIORITY, DEFAULT_TICKET_TYPE
 from helpdesk.helpdesk.doctype.hd_ticket_activity.hd_ticket_activity import (
-	log_ticket_activity,
+    log_ticket_activity,
 )
 from helpdesk.helpdesk.utils.email import (
-	default_outgoing_email_account,
-	default_ticket_outgoing_email_account,
+    default_outgoing_email_account,
+    default_ticket_outgoing_email_account,
 )
 from helpdesk.search import HelpdeskSearch
 from helpdesk.utils import capture_event, get_customer, is_agent, publish_event
@@ -30,811 +30,823 @@ from ..hd_service_level_agreement.utils import get_sla
 
 
 class HDTicket(Document):
-	@staticmethod
-	def get_list_select(query: Query):
-		QBTicket = frappe.qb.DocType("HD Ticket")
-		QBComment = frappe.qb.DocType("HD Ticket Comment")
-		QBCommunication = frappe.qb.DocType("Communication")
-
-		count_comment = (
-			frappe.qb.from_(QBComment)
-			.select(Count("*"))
-			.as_("count_comment")
-			.where(QBComment.reference_ticket == QBTicket.name)
-		)
-
-		count_msg_incoming = (
-			frappe.qb.from_(QBCommunication)
-			.select(Count("*"))
-			.as_("count_msg_incoming")
-			.where(QBCommunication.reference_doctype == "HD Ticket")
-			.where(QBCommunication.reference_name == QBTicket.name)
-			.where(QBCommunication.sent_or_received == "Received")
-		)
-
-		count_msg_outgoing = (
-			frappe.qb.from_(QBCommunication)
-			.select(Count("*"))
-			.as_("count_msg_outgoing")
-			.where(QBCommunication.reference_doctype == "HD Ticket")
-			.where(QBCommunication.reference_name == QBTicket.name)
-			.where(QBCommunication.sent_or_received == "Sent")
-		)
-
-		query = (
-			query.select(QBTicket.star)
-			.select(count_comment)
-			.select(count_msg_incoming)
-			.select(count_msg_outgoing)
-		)
-
-		return query
-
-	@staticmethod
-	def get_list_filters(query: Query):
-		_is_agent = is_agent()
-		QBTeam = frappe.qb.DocType("HD Team")
-		QBTeamMember = frappe.qb.DocType("HD Team Member")
-		QBTicket = frappe.qb.DocType("HD Ticket")
-		user = frappe.session.user
-		conditions = (
-			[
-				QBTicket.contact == user,
-				QBTicket.raised_by == user,
-			]
-			if not _is_agent
-			else []
-		)
-
-		if not _is_agent:
-			customer = get_customer(user)
-			for c in customer:
-				conditions.append(QBTicket.customer == c)
-		query = query.where(Criterion.any(conditions))
-
-		enable_restrictions, ignore_restrictions = frappe.get_value(
-			doctype="HD Settings",
-			fieldname=[
-				"restrict_tickets_by_agent_group",
-				"do_not_restrict_tickets_without_an_agent_group",
-			],
-		)
-		enable_restrictions = bool(int(enable_restrictions))
-		ignore_restrictions = bool(int(ignore_restrictions))
-
-		if not enable_restrictions:
-			return query
-
-		teams = (
-			frappe.qb.from_(QBTeamMember)
-			.where(QBTeamMember.user == user)
-			.join(QBTeam)
-			.on(QBTeam.name == QBTeamMember.parent)
-			.select(QBTeam.team_name, QBTeam.ignore_restrictions)
-			.run(as_dict=True)
-		)
-
-		can_ignore_restrictions = (
-			len(list(filter(lambda x: x.ignore_restrictions, teams))) > 0
-		)
-
-		if can_ignore_restrictions:
-			return query
-
-		conditions = [QBTicket.agent_group == team.team_name for team in teams]
-
-		# Consider tickets without any assigned agent group
-		if ignore_restrictions:
-			conditions.append(QBTicket.agent_group.isnull())
-
-		query = query.where(Criterion.any(conditions))
-		return query
-
-	@staticmethod
-	@lru_cache
-	def sort_options():
-		def by_priority(query: Query, direction: Order):
-			QBTicket = frappe.qb.DocType("HD Ticket")
-			QBPriority = frappe.qb.DocType("HD Ticket Priority")
-
-			query = (
-				query.left_join(QBPriority)
-				.on(QBPriority.name == QBTicket.priority)
-				.orderby(QBPriority.integer_value, order=direction)
-				.orderby(QBTicket.resolution_by, order=Order.desc)
-			)
-
-			return query
-
-		return {
-			"Due date": ("resolution_by", Order.asc),
-			"Created on": ("creation", Order.asc),
-			"High to low priority": lambda q: by_priority(q, Order.asc),
-			"Low to high priority": lambda q: by_priority(q, Order.desc),
-			"Last modified on": "modified",
-		}
-
-	def publish_update(self):
-		publish_event("helpdesk:ticket-update", {"name": self.name})
-		capture_event("ticket_updated")
-
-	def autoname(self):
-		return self.name
-
-	def get_feed(self):
-		return "{0}: {1}".format(_(self.status), self.subject)
-
-	def before_validate(self):
-		self.check_update_perms()
-		self.set_ticket_type()
-		self.set_raised_by()
-		self.set_priority()
-		self.set_first_responded_on()
-		self.set_feedback_values()
-		self.apply_escalation_rule()
-		self.set_sla()
-
-		if self.via_customer_portal:
-			self.set_contact()
-			self.set_customer()
-
-	def validate(self):
-		self.validate_feedback()
-		self.validate_ticket_type()
-
-	def before_save(self):
-		self.apply_sla()
-
-	def after_insert(self):
-		log_ticket_activity(self.name, "created this ticket")
-		capture_event("ticket_created")
-		publish_event("helpdesk:new-ticket", {"name": self.name})
-
-	def on_update(self):
-		if self.status == "Open":
-			if self.get_doc_before_save() and self.get_doc_before_save().status != "Open":
-
-				agents = self.get_assigned_agents()
-				if agents:
-					for agent in agents:
-						self.notify_agent(agent.name, "Reaction")
-		
-		self.handle_ticket_activity_update()
-		self.remove_assignment_if_not_in_team()
-		self.publish_update()
-		self.update_search_index()
-	
-	def notify_agent(self, agent, notiification_type="Assignment"):
-		frappe.get_doc(frappe._dict(
-			doctype="HD Notification",
-			user_from=frappe.session.user,
-			reference_ticket=self.name,
-			user_to=agent,
-			notification_type=notiification_type,
-		)).insert(ignore_permissions=True)
-
-	def update_search_index(self):
-		search = HelpdeskSearch()
-		search.index_doc(self)
-
-	def set_ticket_type(self):
-		if self.ticket_type:
-			return
-		settings = frappe.get_doc("HD Settings")
-		ticket_type = settings.default_ticket_type or DEFAULT_TICKET_TYPE
-		self.ticket_type = ticket_type
-
-	def set_raised_by(self):
-		self.raised_by = self.raised_by or frappe.session.user
-
-	def set_contact(self):
-		email_id = parseaddr(self.raised_by)[1]
-		if email_id:
-			if not self.contact:
-				contact = frappe.db.get_value("Contact", {"email_id": email_id})
-				if contact:
-					self.contact = contact
-
-	def set_customer(self):
-		"""
-		Update `Customer` if does not exist already. `Contact` is assumed
-		to be set beforehand.
-		"""
-		# Skip if `Customer` is already set
-		if self.customer:
-			return
-		
-		if self.contact:
-			customer = get_customer(self.contact)
-			
-			# let agent assign the customer when one contact has more than one customer
-			if len(customer) == 1:
-				self.customer = customer[0]
-
-	def set_priority(self):
-		if self.priority:
-			return
-		self.priority = (
-			frappe.get_cached_value("HD Ticket Type", self.ticket_type, "priority")
-			or frappe.get_cached_value("HD Settings", "HD Settings", "default_priority")
-			or DEFAULT_TICKET_PRIORITY
-		)
-
-	def set_first_responded_on(self):
-		if self.status == "Replied":
-			self.first_responded_on = (
-				self.first_responded_on or frappe.utils.now_datetime()
-			)
-
-	def set_feedback_values(self):
-		if not self.feedback:
-			return
-		feedback_option = frappe.get_doc("HD Ticket Feedback Option", self.feedback)
-		self.feedback_rating = feedback_option.rating
-		self.feedback_text = feedback_option.label
-
-	def validate_ticket_type(self):
-		settings = frappe.get_doc("HD Settings")
-		if settings.is_ticket_type_mandatory and not self.ticket_type:
-			frappe.throw(_("Ticket type is mandatory"))
-
-	def validate_feedback(self):
-		if (
-			self.feedback
-			or self.status != "Resolved"
-			or not self.has_value_changed("status")
-			or is_agent()
-		):
-			return
-		frappe.throw(
-			_("Ticket must be resolved with a feedback"), frappe.ValidationError
-		)
-
-	def check_update_perms(self):
-		if self.is_new() or is_agent():
-			return
-		old_doc = self.get_doc_before_save()
-		is_closed = old_doc.status == "Closed"
-		is_rated = bool(old_doc.feedback)
-		if is_closed or is_rated:
-			text = _("Closed or rated tickets cannot be updated by non-agents")
-			frappe.throw(text, frappe.PermissionError)
-
-	def handle_ticket_activity_update(self):
-		"""
-		Handles the ticket activity update.
-		Should be called inside on_update
-		"""
-		field_maps = {
-			"status": "status",
-			"priority": "priority",
-			"agent_group": "team",
-			"ticket_type": "type",
-			"contact": "contact",
-		}
-		for field in [
-			"status",
-			"priority",
-			"agent_group",
-			"contact",
-			"ticket_type",
-		]:
-			if self.has_value_changed(field):
-				log_ticket_activity(
-					self.name, f"set {field_maps[field]} to {self.as_dict()[field]}"
-				)
-
-	def remove_assignment_if_not_in_team(self):
-		"""
-		Removes the assignment if the agent is not in the team.
-		Should be called inside on_update
-		"""
-		if self.has_value_changed("agent_group") and self.status == "Open":
-			current_assigned_agent_doc = self.get_assigned_agent()
-			if (
-				current_assigned_agent_doc
-				and not current_assigned_agent_doc.in_group(self.agent_group)
-			) and frappe.get_doc(
-				"Assignment Rule",
-				frappe.get_doc("HD Team", self.agent_group).assignment_rule,
-			).users:
-				clear_all_assignments("HD Ticket", self.name)
-				frappe.publish_realtime(
-					"helpdesk:update-ticket-assignee",
-					{"ticket_id": self.name},
-					after_commit=True,
-				)
-
-	@frappe.whitelist()
-	def assign_agent(self, agent):
-		assign({"assign_to": [agent], "doctype": "HD Ticket", "name": self.name})
-		
-		if frappe.session.user != agent:
-			self.notify_agent(agent, "Assignment")
-		
-		publish_event("helpdesk:ticket-assignee-update", {"name": self.name})
-
-	def get_assigned_agents(self):
-		assignees = get_assignees({"doctype": "HD Ticket", "name": self.name})
-		if len(assignees) > 0:
-			names = [assignee.owner for assignee in assignees]
-			return frappe.get_all("HD Agent", filters={"name": ["in", names]})
-
-	def get_assigned_agent(self):
-		# TODO: deprecate this
-		# for some reason _assign is not set, maybe a framework bug?
-		if hasattr(self, "_assign") and self._assign:
-			assignees = json.loads(self._assign)
-			if len(assignees) > 0:
-
-				# TODO: temporary fix, remove this when only agents can be assigned to ticket
-				exists = frappe.db.exists("HD Agent", assignees[0])
-				if exists:
-					agent_doc = frappe.get_doc("HD Agent", assignees[0])
-					return agent_doc
-
-		assignees = get_assignees({"doctype": "HD Ticket", "name": self.name})
-		if len(assignees) > 0:
-			# TODO: temporary fix, remove this when only agents can be assigned to ticket
-			exists = frappe.db.exists("HD Agent", assignees[0].owner)
-			if exists:
-				agent_doc = frappe.get_doc("HD Agent", assignees[0].owner)
-				return agent_doc
-
-		return None
-
-	def on_trash(self):
-		activities = frappe.db.get_all("HD Ticket Activity", {"ticket": self.name})
-		for activity in activities:
-			frappe.db.delete("HD Ticket Activity", activity)
-
-	def skip_email_workflow(self):
-		skip: str = frappe.get_value("HD Settings", None, "skip_email_workflow") or "0"
-
-		return bool(int(skip))
-
-	def instantly_send_email(self):
-		check: str = (
-			frappe.get_value("HD Settings", None, "instantly_send_email") or "0"
-		)
-
-		return bool(int(check))
-
-	@frappe.whitelist()
-	def get_last_communication(self):
-		filters = {"reference_doctype": "HD Ticket", "reference_name": ["=", self.name]}
-
-		try:
-			communication = frappe.get_last_doc(
-				"Communication",
-				filters=filters,
-			)
-
-			return communication
-		except Exception:
-			pass
-
-	def last_communication_email(self):
-		if not (communication := self.get_last_communication()):
-			return
-
-		if not communication.email_account:
-			return
-
-		email_account = frappe.get_doc("Email Account", communication.email_account)
-
-		if not email_account.enable_outgoing:
-			return
-
-		return email_account
-
-	def sender_email(self):
-		"""
-		Find an email to use as sender. Fall back through multiple choices
-
-		:return: `Email Account`
-		"""
-		if email_account := self.last_communication_email():
-			return email_account
-
-		if email_account := default_ticket_outgoing_email_account():
-			return email_account
-
-		if email_account := default_outgoing_email_account():
-			return email_account
-
-	@property
-	def portal_uri(self):
-		root_uri = frappe.utils.get_url()
-		return f"{root_uri}/helpdesk/my-tickets/{self.name}"
-
-	@frappe.whitelist()
-	def new_comment(self, content: str):
-		if not is_agent():
-			frappe.throw(
-				_("You are not permitted to add a comment"), frappe.PermissionError
-			)
-		c = frappe.new_doc("HD Ticket Comment")
-		c.commented_by = frappe.session.user
-		c.content = content
-		c.is_pinned = False
-		c.reference_ticket = self.name
-		c.save()
-
-	@frappe.whitelist()
-	def reply_via_agent(
-		self, message: str, to: str = None, cc: str = None, bcc: str = None, attachments: List[str] = []
-	):
-		skip_email_workflow = self.skip_email_workflow()
-		medium = "" if skip_email_workflow else "Email"
-		subject = f"Re: {self.subject} (#{self.name})"
-		sender = frappe.session.user
-		recipients = to or self.raised_by
-		sender_email = None if skip_email_workflow else self.sender_email()
-		last_communication = self.get_last_communication()
-
-		if last_communication:
-			cc = cc or last_communication.cc
-			bcc = bcc or last_communication.bcc
-
-		if recipients == "Administrator":
-			admin_email = frappe.get_value("User", "Administrator", "email")
-			recipients = admin_email
-
-		communication = frappe.get_doc(
-			{
-				"bcc": bcc,
-				"cc": cc,
-				"communication_medium": medium,
-				"communication_type": "Communication",
-				"content": message,
-				"doctype": "Communication",
-				"email_account": sender_email.name if sender_email else None,
-				"email_status": "Open",
-				"recipients": recipients,
-				"reference_doctype": "HD Ticket",
-				"reference_name": self.name,
-				"sender": sender,
-				"sent_or_received": "Sent",
-				"status": "Linked",
-				"subject": subject,
-			}
-		)
-
-		communication.insert(ignore_permissions=True)
-		capture_event("agent_replied")
-
-		if skip_email_workflow:
-			return
-
-		if not sender_email:
-			frappe.throw(_("Can not send email. No sender email set up!"))
-
-		_attachments = []
-
-		for attachment in attachments:
-			file_doc = frappe.get_doc("File", attachment)
-			file_doc.attached_to_name = communication.name
-			file_doc.attached_to_doctype = "Communication"
-			file_doc.save(ignore_permissions=True)
-			_attachments.append({"file_url": file_doc.file_url})
-
-		reply_to_email = sender_email.email_id
-		template = (
-			"new_reply_on_customer_portal_notification"
-			if self.via_customer_portal
-			else None
-		)
-		args = {
-			"message": message,
-			"portal_link": self.portal_uri,
-			"ticket_id": self.name,
-		}
-		send_delayed = True
-		send_now = False
-
-		if self.instantly_send_email():
-			send_delayed = False
-			send_now = True
-
-		try:
-			frappe.sendmail(
-				args=args,
-				attachments=_attachments,
-				bcc=bcc,
-				cc=cc,
-				communication=communication.name,
-				delayed=send_delayed,
-				expose_recipients="header",
-				message=message,
-				now=send_now,
-				recipients=recipients,
-				reference_doctype="HD Ticket",
-				reference_name=self.name,
-				reply_to=reply_to_email,
-				sender=reply_to_email,
-				subject=subject,
-				template=template,
-				with_container=False,
-			)
-		except Exception as e:
-			frappe.throw(_(e))
-
-	@frappe.whitelist()
-	def create_communication_via_contact(self, message, attachments=[]):
-		if self.status == "Replied":
-			self.status = "Open"
-			log_ticket_activity(self.name, "set status to Open")
-			self.save(ignore_permissions=True)
-
-		c = frappe.new_doc("Communication")
-		c.communication_type = "Communication"
-		c.communication_medium = "Email"
-		c.sent_or_received = "Received"
-		c.email_status = "Open"
-		c.subject = "Re: " + self.subject
-		c.sender = frappe.session.user
-		c.content = message
-		c.status = "Linked"
-		c.reference_doctype = "HD Ticket"
-		c.reference_name = self.name
-		c.ignore_permissions = True
-		c.ignore_mandatory = True
-		c.save(ignore_permissions=True)
-
-		if not len(attachments):
-			return
-		QBFile = frappe.qb.DocType("File")
-		condition_name = [QBFile.name == i["name"] for i in attachments]
-		frappe.qb.update(QBFile).set(QBFile.attached_to_name, c.name).set(
-			QBFile.attached_to_doctype, "Communication"
-		).where(Criterion.any(condition_name)).run()
-
-	@frappe.whitelist()
-	def mark_seen(self):
-		self.add_view()
-		self.add_seen()
-		clear_notifications(ticket=self.name)
-
-	def add_view(self):
-		d = frappe.new_doc("View Log")
-		d.reference_doctype = "HD Ticket"
-		d.reference_name = self.name
-		d.viewed_by = frappe.session.user
-		d.insert(ignore_permissions=True)
-
-	def get_escalation_rule(self):
-		filters = [
-			{
-				"priority": self.priority,
-				"team": self.agent_group,
-				"ticket_type": self.ticket_type,
-			},
-			{
-				"priority": self.priority,
-				"team": self.agent_group,
-			},
-			{
-				"priority": self.priority,
-				"ticket_type": self.ticket_type,
-			},
-			{
-				"team": self.agent_group,
-				"ticket_type": self.ticket_type,
-			},
-			{
-				"priority": self.priority,
-			},
-			{
-				"team": self.agent_group,
-			},
-			{
-				"ticket_type": self.ticket_type,
-			},
-		]
-
-		for i in range(len(filters)):
-			try:
-				f = {
-					**filters[i],
-					"is_enabled": True,
-				}
-				rule = frappe.get_last_doc("HD Escalation Rule", filters=f)
-				if rule:
-					return rule
-			except Exception:
-				pass
-
-	def apply_escalation_rule(self):
-		if not self.status == "Open" or self.is_new():
-			return
-		escalation_rule = self.get_escalation_rule()
-		if not escalation_rule:
-			return
-		self.agent_group = escalation_rule.to_team or self.agent_group
-		self.priority = escalation_rule.to_priority or self.priority
-		self.ticket_type = escalation_rule.to_ticket_type or self.ticket_type
-		self.assign_agent(escalation_rule.to_agent)
-
-	def set_sla(self):
-		"""
-		Find an SLA to apply to this ticket.
-		"""
-		if sla := get_sla(self):
-			self.sla = sla.name
-
-	def apply_sla(self):
-		"""
-		Apply SLA if set.
-		"""
-		if sla := frappe.get_last_doc("HD Service Level Agreement", {"name": self.sla}):
-			sla.apply(self)
-
-	# `on_communication_update` is a special method exposed from `Communication` doctype.
-	# It is called when a communication is updated. Beware of changes as this effectively
-	# is an external dependency. Refer `communication.py` of Frappe framework for more.
-	# Since this is called from communication itself, `c` is the communication doc.
-	def on_communication_update(self, c):
-		# If communication is incoming, then it is a reply from customer, and ticket must
-		# be reopened.
-		if c.sent_or_received == "Received":
-			self.status = "Open"
-		# If communication is outgoing, it must be a reply from agent
-		if c.sent_or_received == "Sent":
-			# Set first response date if not set already
-			self.first_responded_on = (
-				self.first_responded_on or frappe.utils.now_datetime()
-			)
-		# Fetch description from communication if not set already. This might not be needed
-		# anymore as a communication is created when a ticket is created.
-		self.description = self.description or c.content
-		# Save the ticket, allowing for hooks to run.
-		self.save()
-	
-	@staticmethod
-	def default_list_data():
-
-		columns = [
-			{
-				'label': 'ID',
-				'type': 'Int',
-				'key': 'name',
-				'width': '5rem',
-			},
-			{
-				'label': 'Subject',
-				'type': 'Data',
-				'key': 'subject',
-				'width': '25rem',
-			},
-			{
-				'label': 'Status',
-				'type': 'Select',
-				'key': 'status',
-				'width': '8rem',
-			},
-			{
-				'label': 'Priority',
-				'type': 'Link',
-				'options': 'HD Ticket Priority',
-				'key': 'priority',
-				'width': '10rem',
-			},
-			{
-				'label': 'Type',
-				'type': 'Link',
-				"options": "HD Ticket Type",
-				'key': 'ticket_type',
-				'width': '11rem',
-			},
-			{
-				'label': 'Team',
-				'type': 'Link',
-				"options": "HD Team",
-				'key': 'agent_group',
-				'width': '10rem',
-			},
-			{
-				'label': "Contact",
-				'type': 'Link',
-				'key': "contact",
-				"options": "Contact",
-				'width': '8rem',
-			},
-			{
-				'label': "Agreement status",
-				"fieldtype": "Select",
-				"key": "agreement_status",
-				"options": "\nFirst Response Due\nResolution Due\nFailed\nFulfilled\nPaused",
-				'width': '10rem',
-			},
-			{
-				'label': "First response",
-				'type': 'Datetime',
-				'key': "response_by",
-				'width': '8rem',
-			},
-			{
-				'label': "Resolution",
-				'type': 'Datetime',
-				'key': "resolution_by",
-				'width': '8rem',
-			},
-			{
-				'label': "Customer",
-				'type': 'Link',
-				'key': "customer",
-				"options": "HD Customer",
-				'width': '8rem',
-			},
-			{
-				'label': 'Assigned To',
-				'type': 'Text',
-				'key': '_assign',
-				'width': '10rem',
-			},
-			{
-				'label': "Last modified",
-				'type': 'Datetime',
-				'key': "modified",
-				"options": "Contact",
-				'width': '8rem',
-			},
-			{
-				'label': "Created",
-				'type': 'Datetime',
-				'key': "creation",
-				"options": "Contact",
-				'width': '8rem',
-			},
-		]
-		rows = [
-			"name",
-			"subject",
-			"status",
-			"priority",
-			"ticket_type",
-			"agent_group",
-			"contact",
-			"agreement_status",
-			"response_by",
-			"resolution_by",
-			"customer",
-			"first_responded_on",
-			"modified",
-			"creation",
-			"_assign",
-			"resolution_date",
-		]
-		return {'columns': columns, 'rows': rows}
-
+    @staticmethod
+    def get_list_select(query: Query):
+        QBTicket = frappe.qb.DocType("HD Ticket")
+        QBComment = frappe.qb.DocType("HD Ticket Comment")
+        QBCommunication = frappe.qb.DocType("Communication")
+
+        count_comment = (
+            frappe.qb.from_(QBComment)
+            .select(Count("*"))
+            .as_("count_comment")
+            .where(QBComment.reference_ticket == QBTicket.name)
+        )
+
+        count_msg_incoming = (
+            frappe.qb.from_(QBCommunication)
+            .select(Count("*"))
+            .as_("count_msg_incoming")
+            .where(QBCommunication.reference_doctype == "HD Ticket")
+            .where(QBCommunication.reference_name == QBTicket.name)
+            .where(QBCommunication.sent_or_received == "Received")
+        )
+
+        count_msg_outgoing = (
+            frappe.qb.from_(QBCommunication)
+            .select(Count("*"))
+            .as_("count_msg_outgoing")
+            .where(QBCommunication.reference_doctype == "HD Ticket")
+            .where(QBCommunication.reference_name == QBTicket.name)
+            .where(QBCommunication.sent_or_received == "Sent")
+        )
+
+        query = (
+            query.select(QBTicket.star)
+            .select(count_comment)
+            .select(count_msg_incoming)
+            .select(count_msg_outgoing)
+        )
+
+        return query
+
+    @staticmethod
+    def get_list_filters(query: Query):
+        _is_agent = is_agent()
+        QBTeam = frappe.qb.DocType("HD Team")
+        QBTeamMember = frappe.qb.DocType("HD Team Member")
+        QBTicket = frappe.qb.DocType("HD Ticket")
+        user = frappe.session.user
+        conditions = (
+            [
+                QBTicket.contact == user,
+                QBTicket.raised_by == user,
+            ]
+            if not _is_agent
+            else []
+        )
+
+        if not _is_agent:
+            customer = get_customer(user)
+            for c in customer:
+                conditions.append(QBTicket.customer == c)
+        query = query.where(Criterion.any(conditions))
+
+        enable_restrictions, ignore_restrictions = frappe.get_value(
+            doctype="HD Settings",
+            fieldname=[
+                "restrict_tickets_by_agent_group",
+                "do_not_restrict_tickets_without_an_agent_group",
+            ],
+        )
+        enable_restrictions = bool(int(enable_restrictions))
+        ignore_restrictions = bool(int(ignore_restrictions))
+
+        if not enable_restrictions:
+            return query
+
+        teams = (
+            frappe.qb.from_(QBTeamMember)
+            .where(QBTeamMember.user == user)
+            .join(QBTeam)
+            .on(QBTeam.name == QBTeamMember.parent)
+            .select(QBTeam.team_name, QBTeam.ignore_restrictions)
+            .run(as_dict=True)
+        )
+
+        can_ignore_restrictions = (
+            len(list(filter(lambda x: x.ignore_restrictions, teams))) > 0
+        )
+
+        if can_ignore_restrictions:
+            return query
+
+        conditions = [QBTicket.agent_group == team.team_name for team in teams]
+
+        # Consider tickets without any assigned agent group
+        if ignore_restrictions:
+            conditions.append(QBTicket.agent_group.isnull())
+
+        query = query.where(Criterion.any(conditions))
+        return query
+
+    @staticmethod
+    @lru_cache
+    def sort_options():
+        def by_priority(query: Query, direction: Order):
+            QBTicket = frappe.qb.DocType("HD Ticket")
+            QBPriority = frappe.qb.DocType("HD Ticket Priority")
+
+            query = (
+                query.left_join(QBPriority)
+                .on(QBPriority.name == QBTicket.priority)
+                .orderby(QBPriority.integer_value, order=direction)
+                .orderby(QBTicket.resolution_by, order=Order.desc)
+            )
+
+            return query
+
+        return {
+            "Due date": ("resolution_by", Order.asc),
+            "Created on": ("creation", Order.asc),
+            "High to low priority": lambda q: by_priority(q, Order.asc),
+            "Low to high priority": lambda q: by_priority(q, Order.desc),
+            "Last modified on": "modified",
+        }
+
+    def publish_update(self):
+        publish_event("helpdesk:ticket-update", {"name": self.name})
+        capture_event("ticket_updated")
+
+    def autoname(self):
+        return self.name
+
+    def get_feed(self):
+        return "{0}: {1}".format(_(self.status), self.subject)
+
+    def before_validate(self):
+        self.check_update_perms()
+        self.set_ticket_type()
+        self.set_raised_by()
+        self.set_priority()
+        self.set_first_responded_on()
+        self.set_feedback_values()
+        self.apply_escalation_rule()
+        self.set_sla()
+
+        if self.via_customer_portal:
+            self.set_contact()
+            self.set_customer()
+
+    def validate(self):
+        self.validate_feedback()
+        self.validate_ticket_type()
+
+    def before_save(self):
+        self.apply_sla()
+
+    def after_insert(self):
+        log_ticket_activity(self.name, "created this ticket")
+        capture_event("ticket_created")
+        publish_event("helpdesk:new-ticket", {"name": self.name})
+
+    def on_update(self):
+        # flake8: noqa
+        if self.status == "Open":
+            if (
+                self.get_doc_before_save()
+                and self.get_doc_before_save().status != "Open"
+            ):
+
+                agents = self.get_assigned_agents()
+                if agents:
+                    for agent in agents:
+                        self.notify_agent(agent.name, "Reaction")
+
+        self.handle_ticket_activity_update()
+        self.remove_assignment_if_not_in_team()
+        self.publish_update()
+        self.update_search_index()
+
+    def notify_agent(self, agent, notiification_type="Assignment"):
+        frappe.get_doc(
+            frappe._dict(
+                doctype="HD Notification",
+                user_from=frappe.session.user,
+                reference_ticket=self.name,
+                user_to=agent,
+                notification_type=notiification_type,
+            )
+        ).insert(ignore_permissions=True)
+
+    def update_search_index(self):
+        search = HelpdeskSearch()
+        search.index_doc(self)
+
+    def set_ticket_type(self):
+        if self.ticket_type:
+            return
+        settings = frappe.get_doc("HD Settings")
+        ticket_type = settings.default_ticket_type or DEFAULT_TICKET_TYPE
+        self.ticket_type = ticket_type
+
+    def set_raised_by(self):
+        self.raised_by = self.raised_by or frappe.session.user
+
+    def set_contact(self):
+        email_id = parseaddr(self.raised_by)[1]
+        # flake8: noqa
+        if email_id:
+            if not self.contact:
+                contact = frappe.db.get_value("Contact", {"email_id": email_id})
+                if contact:
+                    self.contact = contact
+
+    def set_customer(self):
+        """
+        Update `Customer` if does not exist already. `Contact` is assumed
+        to be set beforehand.
+        """
+        # Skip if `Customer` is already set
+        if self.customer:
+            return
+
+        if self.contact:
+            customer = get_customer(self.contact)
+
+            # let agent assign the customer when one contact has more than one customer
+            if len(customer) == 1:
+                self.customer = customer[0]
+
+    def set_priority(self):
+        if self.priority:
+            return
+        self.priority = (
+            frappe.get_cached_value("HD Ticket Type", self.ticket_type, "priority")
+            or frappe.get_cached_value("HD Settings", "HD Settings", "default_priority")
+            or DEFAULT_TICKET_PRIORITY
+        )
+
+    def set_first_responded_on(self):
+        if self.status == "Replied":
+            self.first_responded_on = (
+                self.first_responded_on or frappe.utils.now_datetime()
+            )
+
+    def set_feedback_values(self):
+        if not self.feedback:
+            return
+        feedback_option = frappe.get_doc("HD Ticket Feedback Option", self.feedback)
+        self.feedback_rating = feedback_option.rating
+        self.feedback_text = feedback_option.label
+
+    def validate_ticket_type(self):
+        settings = frappe.get_doc("HD Settings")
+        if settings.is_ticket_type_mandatory and not self.ticket_type:
+            frappe.throw(_("Ticket type is mandatory"))
+
+    def validate_feedback(self):
+        if (
+            self.feedback
+            or self.status != "Resolved"
+            or not self.has_value_changed("status")
+            or is_agent()
+        ):
+            return
+        frappe.throw(
+            _("Ticket must be resolved with a feedback"), frappe.ValidationError
+        )
+
+    def check_update_perms(self):
+        if self.is_new() or is_agent():
+            return
+        old_doc = self.get_doc_before_save()
+        is_closed = old_doc.status == "Closed"
+        is_rated = bool(old_doc.feedback)
+        if is_closed or is_rated:
+            text = _("Closed or rated tickets cannot be updated by non-agents")
+            frappe.throw(text, frappe.PermissionError)
+
+    def handle_ticket_activity_update(self):
+        """
+        Handles the ticket activity update.
+        Should be called inside on_update
+        """
+        field_maps = {
+            "status": "status",
+            "priority": "priority",
+            "agent_group": "team",
+            "ticket_type": "type",
+            "contact": "contact",
+        }
+        for field in [
+            "status",
+            "priority",
+            "agent_group",
+            "contact",
+            "ticket_type",
+        ]:
+            if self.has_value_changed(field):
+                log_ticket_activity(
+                    self.name, f"set {field_maps[field]} to {self.as_dict()[field]}"
+                )
+
+    def remove_assignment_if_not_in_team(self):
+        """
+        Removes the assignment if the agent is not in the team.
+        Should be called inside on_update
+        """
+        if self.has_value_changed("agent_group") and self.status == "Open":
+            current_assigned_agent_doc = self.get_assigned_agent()
+            if (
+                current_assigned_agent_doc
+                and not current_assigned_agent_doc.in_group(self.agent_group)
+            ) and frappe.get_doc(
+                "Assignment Rule",
+                frappe.get_doc("HD Team", self.agent_group).assignment_rule,
+            ).users:
+                clear_all_assignments("HD Ticket", self.name)
+                frappe.publish_realtime(
+                    "helpdesk:update-ticket-assignee",
+                    {"ticket_id": self.name},
+                    after_commit=True,
+                )
+
+    @frappe.whitelist()
+    def assign_agent(self, agent):
+        assign({"assign_to": [agent], "doctype": "HD Ticket", "name": self.name})
+
+        if frappe.session.user != agent:
+            self.notify_agent(agent, "Assignment")
+
+        publish_event("helpdesk:ticket-assignee-update", {"name": self.name})
+
+    def get_assigned_agents(self):
+        assignees = get_assignees({"doctype": "HD Ticket", "name": self.name})
+        if len(assignees) > 0:
+            names = [assignee.owner for assignee in assignees]
+            return frappe.get_all("HD Agent", filters={"name": ["in", names]})
+
+    def get_assigned_agent(self):
+        # TODO: deprecate this
+        # for some reason _assign is not set, maybe a framework bug?
+        if hasattr(self, "_assign") and self._assign:
+            assignees = json.loads(self._assign)
+            if len(assignees) > 0:
+
+                # TODO: temporary fix, remove this when only agents can be assigned to ticket
+                exists = frappe.db.exists("HD Agent", assignees[0])
+                if exists:
+                    agent_doc = frappe.get_doc("HD Agent", assignees[0])
+                    return agent_doc
+
+        assignees = get_assignees({"doctype": "HD Ticket", "name": self.name})
+        if len(assignees) > 0:
+            # TODO: temporary fix, remove this when only agents can be assigned to ticket
+            exists = frappe.db.exists("HD Agent", assignees[0].owner)
+            if exists:
+                agent_doc = frappe.get_doc("HD Agent", assignees[0].owner)
+                return agent_doc
+
+        return None
+
+    def on_trash(self):
+        activities = frappe.db.get_all("HD Ticket Activity", {"ticket": self.name})
+        for activity in activities:
+            frappe.db.delete("HD Ticket Activity", activity)
+
+    def skip_email_workflow(self):
+        skip: str = frappe.get_value("HD Settings", None, "skip_email_workflow") or "0"
+
+        return bool(int(skip))
+
+    def instantly_send_email(self):
+        check: str = (
+            frappe.get_value("HD Settings", None, "instantly_send_email") or "0"
+        )
+
+        return bool(int(check))
+
+    @frappe.whitelist()
+    def get_last_communication(self):
+        filters = {"reference_doctype": "HD Ticket", "reference_name": ["=", self.name]}
+
+        try:
+            communication = frappe.get_last_doc(
+                "Communication",
+                filters=filters,
+            )
+
+            return communication
+        except Exception:
+            pass
+
+    def last_communication_email(self):
+        if not (communication := self.get_last_communication()):
+            return
+
+        if not communication.email_account:
+            return
+
+        email_account = frappe.get_doc("Email Account", communication.email_account)
+
+        if not email_account.enable_outgoing:
+            return
+
+        return email_account
+
+    def sender_email(self):
+        """
+        Find an email to use as sender. Fall back through multiple choices
+
+        :return: `Email Account`
+        """
+        if email_account := self.last_communication_email():
+            return email_account
+
+        if email_account := default_ticket_outgoing_email_account():
+            return email_account
+
+        if email_account := default_outgoing_email_account():
+            return email_account
+
+    @property
+    def portal_uri(self):
+        root_uri = frappe.utils.get_url()
+        return f"{root_uri}/helpdesk/my-tickets/{self.name}"
+
+    @frappe.whitelist()
+    def new_comment(self, content: str):
+        if not is_agent():
+            frappe.throw(
+                _("You are not permitted to add a comment"), frappe.PermissionError
+            )
+        c = frappe.new_doc("HD Ticket Comment")
+        c.commented_by = frappe.session.user
+        c.content = content
+        c.is_pinned = False
+        c.reference_ticket = self.name
+        c.save()
+
+    @frappe.whitelist()
+    def reply_via_agent(
+        self,
+        message: str,
+        to: str = None,
+        cc: str = None,
+        bcc: str = None,
+        attachments: List[str] = [],
+    ):
+        skip_email_workflow = self.skip_email_workflow()
+        medium = "" if skip_email_workflow else "Email"
+        subject = f"Re: {self.subject} (#{self.name})"
+        sender = frappe.session.user
+        recipients = to or self.raised_by
+        sender_email = None if skip_email_workflow else self.sender_email()
+        last_communication = self.get_last_communication()
+
+        if last_communication:
+            cc = cc or last_communication.cc
+            bcc = bcc or last_communication.bcc
+
+        if recipients == "Administrator":
+            admin_email = frappe.get_value("User", "Administrator", "email")
+            recipients = admin_email
+
+        communication = frappe.get_doc(
+            {
+                "bcc": bcc,
+                "cc": cc,
+                "communication_medium": medium,
+                "communication_type": "Communication",
+                "content": message,
+                "doctype": "Communication",
+                "email_account": sender_email.name if sender_email else None,
+                "email_status": "Open",
+                "recipients": recipients,
+                "reference_doctype": "HD Ticket",
+                "reference_name": self.name,
+                "sender": sender,
+                "sent_or_received": "Sent",
+                "status": "Linked",
+                "subject": subject,
+            }
+        )
+
+        communication.insert(ignore_permissions=True)
+        capture_event("agent_replied")
+
+        if skip_email_workflow:
+            return
+
+        if not sender_email:
+            frappe.throw(_("Can not send email. No sender email set up!"))
+
+        _attachments = []
+
+        for attachment in attachments:
+            file_doc = frappe.get_doc("File", attachment)
+            file_doc.attached_to_name = communication.name
+            file_doc.attached_to_doctype = "Communication"
+            file_doc.save(ignore_permissions=True)
+            _attachments.append({"file_url": file_doc.file_url})
+
+        reply_to_email = sender_email.email_id
+        template = (
+            "new_reply_on_customer_portal_notification"
+            if self.via_customer_portal
+            else None
+        )
+        args = {
+            "message": message,
+            "portal_link": self.portal_uri,
+            "ticket_id": self.name,
+        }
+        send_delayed = True
+        send_now = False
+
+        if self.instantly_send_email():
+            send_delayed = False
+            send_now = True
+
+        try:
+            frappe.sendmail(
+                args=args,
+                attachments=_attachments,
+                bcc=bcc,
+                cc=cc,
+                communication=communication.name,
+                delayed=send_delayed,
+                expose_recipients="header",
+                message=message,
+                now=send_now,
+                recipients=recipients,
+                reference_doctype="HD Ticket",
+                reference_name=self.name,
+                reply_to=reply_to_email,
+                sender=reply_to_email,
+                subject=subject,
+                template=template,
+                with_container=False,
+            )
+        except Exception as e:
+            frappe.throw(_(e))
+
+    @frappe.whitelist()
+    # flake8: noqa
+    def create_communication_via_contact(self, message, attachments=[]):
+        if self.status == "Replied":
+            self.status = "Open"
+            log_ticket_activity(self.name, "set status to Open")
+            self.save(ignore_permissions=True)
+
+        c = frappe.new_doc("Communication")
+        c.communication_type = "Communication"
+        c.communication_medium = "Email"
+        c.sent_or_received = "Received"
+        c.email_status = "Open"
+        c.subject = "Re: " + self.subject
+        c.sender = frappe.session.user
+        c.content = message
+        c.status = "Linked"
+        c.reference_doctype = "HD Ticket"
+        c.reference_name = self.name
+        c.ignore_permissions = True
+        c.ignore_mandatory = True
+        c.save(ignore_permissions=True)
+
+        if not len(attachments):
+            return
+        QBFile = frappe.qb.DocType("File")
+        condition_name = [QBFile.name == i["name"] for i in attachments]
+        frappe.qb.update(QBFile).set(QBFile.attached_to_name, c.name).set(
+            QBFile.attached_to_doctype, "Communication"
+        ).where(Criterion.any(condition_name)).run()
+
+    @frappe.whitelist()
+    def mark_seen(self):
+        self.add_view()
+        self.add_seen()
+        clear_notifications(ticket=self.name)
+
+    def add_view(self):
+        d = frappe.new_doc("View Log")
+        d.reference_doctype = "HD Ticket"
+        d.reference_name = self.name
+        d.viewed_by = frappe.session.user
+        d.insert(ignore_permissions=True)
+
+    def get_escalation_rule(self):
+        filters = [
+            {
+                "priority": self.priority,
+                "team": self.agent_group,
+                "ticket_type": self.ticket_type,
+            },
+            {
+                "priority": self.priority,
+                "team": self.agent_group,
+            },
+            {
+                "priority": self.priority,
+                "ticket_type": self.ticket_type,
+            },
+            {
+                "team": self.agent_group,
+                "ticket_type": self.ticket_type,
+            },
+            {
+                "priority": self.priority,
+            },
+            {
+                "team": self.agent_group,
+            },
+            {
+                "ticket_type": self.ticket_type,
+            },
+        ]
+
+        for i in range(len(filters)):
+            try:
+                f = {
+                    **filters[i],
+                    "is_enabled": True,
+                }
+                rule = frappe.get_last_doc("HD Escalation Rule", filters=f)
+                if rule:
+                    return rule
+            except Exception:
+                pass
+
+    def apply_escalation_rule(self):
+        if not self.status == "Open" or self.is_new():
+            return
+        escalation_rule = self.get_escalation_rule()
+        if not escalation_rule:
+            return
+        self.agent_group = escalation_rule.to_team or self.agent_group
+        self.priority = escalation_rule.to_priority or self.priority
+        self.ticket_type = escalation_rule.to_ticket_type or self.ticket_type
+        self.assign_agent(escalation_rule.to_agent)
+
+    def set_sla(self):
+        """
+        Find an SLA to apply to this ticket.
+        """
+        if sla := get_sla(self):
+            self.sla = sla.name
+
+    def apply_sla(self):
+        """
+        Apply SLA if set.
+        """
+        if sla := frappe.get_last_doc("HD Service Level Agreement", {"name": self.sla}):
+            sla.apply(self)
+
+    # `on_communication_update` is a special method exposed from `Communication` doctype.
+    # It is called when a communication is updated. Beware of changes as this effectively
+    # is an external dependency. Refer `communication.py` of Frappe framework for more.
+    # Since this is called from communication itself, `c` is the communication doc.
+    def on_communication_update(self, c):
+        # If communication is incoming, then it is a reply from customer, and ticket must
+        # be reopened.
+        if c.sent_or_received == "Received":
+            self.status = "Open"
+        # If communication is outgoing, it must be a reply from agent
+        if c.sent_or_received == "Sent":
+            # Set first response date if not set already
+            self.first_responded_on = (
+                self.first_responded_on or frappe.utils.now_datetime()
+            )
+        # Fetch description from communication if not set already. This might not be needed
+        # anymore as a communication is created when a ticket is created.
+        self.description = self.description or c.content
+        # Save the ticket, allowing for hooks to run.
+        self.save()
+
+    @staticmethod
+    def default_list_data():
+
+        columns = [
+            {
+                "label": "ID",
+                "type": "Int",
+                "key": "name",
+                "width": "5rem",
+            },
+            {
+                "label": "Subject",
+                "type": "Data",
+                "key": "subject",
+                "width": "25rem",
+            },
+            {
+                "label": "Status",
+                "type": "Select",
+                "key": "status",
+                "width": "8rem",
+            },
+            {
+                "label": "Priority",
+                "type": "Link",
+                "options": "HD Ticket Priority",
+                "key": "priority",
+                "width": "10rem",
+            },
+            {
+                "label": "Type",
+                "type": "Link",
+                "options": "HD Ticket Type",
+                "key": "ticket_type",
+                "width": "11rem",
+            },
+            {
+                "label": "Team",
+                "type": "Link",
+                "options": "HD Team",
+                "key": "agent_group",
+                "width": "10rem",
+            },
+            {
+                "label": "Contact",
+                "type": "Link",
+                "key": "contact",
+                "options": "Contact",
+                "width": "8rem",
+            },
+            {
+                "label": "Agreement status",
+                "fieldtype": "Select",
+                "key": "agreement_status",
+                "options": "\nFirst Response Due\nResolution Due\nFailed\nFulfilled\nPaused",
+                "width": "10rem",
+            },
+            {
+                "label": "First response",
+                "type": "Datetime",
+                "key": "response_by",
+                "width": "8rem",
+            },
+            {
+                "label": "Resolution",
+                "type": "Datetime",
+                "key": "resolution_by",
+                "width": "8rem",
+            },
+            {
+                "label": "Customer",
+                "type": "Link",
+                "key": "customer",
+                "options": "HD Customer",
+                "width": "8rem",
+            },
+            {
+                "label": "Assigned To",
+                "type": "Text",
+                "key": "_assign",
+                "width": "10rem",
+            },
+            {
+                "label": "Last modified",
+                "type": "Datetime",
+                "key": "modified",
+                "options": "Contact",
+                "width": "8rem",
+            },
+            {
+                "label": "Created",
+                "type": "Datetime",
+                "key": "creation",
+                "options": "Contact",
+                "width": "8rem",
+            },
+        ]
+        rows = [
+            "name",
+            "subject",
+            "status",
+            "priority",
+            "ticket_type",
+            "agent_group",
+            "contact",
+            "agreement_status",
+            "response_by",
+            "resolution_by",
+            "customer",
+            "first_responded_on",
+            "modified",
+            "creation",
+            "_assign",
+            "resolution_date",
+        ]
+        return {"columns": columns, "rows": rows}
 
 
 # Check if `user` has access to this specific ticket (`doc`). This implements extra
 # permission checks which is not possible with standard permission system. This function
 # is being called from hooks. `doc` is the ticket to check against
 def has_permission(doc, user=None):
-	return bool(
-		doc.contact == user
-		or doc.raised_by == user
-		or doc.owner == user
-		or is_agent(user)
-		or doc.customer in get_customer(user)
-	)
+    return bool(
+        doc.contact == user
+        or doc.raised_by == user
+        or doc.owner == user
+        or is_agent(user)
+        or doc.customer in get_customer(user)
+    )
 
 
 # Custom perms for list query. Only the `WHERE` part
 # https://frappeframework.com/docs/user/en/python-api/hooks#modify-list-query
 def permission_query(user):
-	user = user or frappe.session.user
-	if is_agent(user):
-		return
-	customer = get_customer(user)
-	res = "`tabHD Ticket`.contact={user} OR `tabHD Ticket`.raised_by={user} OR `tabHD Ticket`.owner={user}".format(
-		user=frappe.db.escape(user)
-	)
-	for c in customer:
-		res += ' OR `tabHD Ticket`.customer="{customer}"'.format(
-			customer=frappe.db.escape(c)
-		)
-	return res
+    user = user or frappe.session.user
+    if is_agent(user):
+        return
+    customer = get_customer(user)
+    res = "`tabHD Ticket`.contact={user} OR `tabHD Ticket`.raised_by={user} OR `tabHD Ticket`.owner={user}".format(
+        user=frappe.db.escape(user)
+    )
+    for c in customer:
+        res += ' OR `tabHD Ticket`.customer="{customer}"'.format(
+            customer=frappe.db.escape(c)
+        )
+    return res
diff --git a/helpdesk/helpdesk/doctype/hd_ticket/test_hd_ticket.py b/helpdesk/helpdesk/doctype/hd_ticket/test_hd_ticket.py
index 5f9e7b429..2563ee35c 100644
--- a/helpdesk/helpdesk/doctype/hd_ticket/test_hd_ticket.py
+++ b/helpdesk/helpdesk/doctype/hd_ticket/test_hd_ticket.py
@@ -2,103 +2,118 @@
 # See license.txt
 
 import frappe
-from frappe.tests.utils import FrappeTestCase
 from frappe.desk.form.assign_to import add as assign
+from frappe.tests.utils import FrappeTestCase
+
 
 def get_ticket_obj():
-	return {
-		"doctype": "HD Ticket",
-		"subject": "Test Ticket",
-		"description": "Test Ticket Description"
-	}
+    return {
+        "doctype": "HD Ticket",
+        "subject": "Test Ticket",
+        "description": "Test Ticket Description",
+    }
+
 
 non_agent = "non_agent@test.com"
 agent = "agent@test.com"
 agent2 = "agent2@test.com"
+
+
 class TestHDTicket(FrappeTestCase):
-	@classmethod
-	def setUpClass(cls):
-		super().setUpClass()
-		frappe.db.delete("HD Ticket")
-		frappe.get_doc({
-			"doctype": "User",
-			"first_name": "Non Agent",
-			"email": non_agent
-		}).insert()
+    @classmethod
+    def setUpClass(cls):
+        super().setUpClass()
+        frappe.db.delete("HD Ticket")
+        frappe.get_doc(
+            {"doctype": "User", "first_name": "Non Agent", "email": non_agent}
+        ).insert()
 
-		frappe.get_doc({
-			"doctype": "User",
-			"first_name": "Agent",
-			"email": agent
-		}).insert()
-		frappe.get_doc({
-			"doctype": "HD Agent",
-			"user": agent
-		}).insert()
+        frappe.get_doc(
+            {"doctype": "User", "first_name": "Agent", "email": agent}
+        ).insert()
+        frappe.get_doc({"doctype": "HD Agent", "user": agent}).insert()
 
-		frappe.get_doc({
-			"doctype": "User",
-			"first_name": "Agent2",
-			"email": agent2
-		}).insert()
-		frappe.get_doc({
-			"doctype": "HD Agent",
-			"user": agent2
-		}).insert()
+        frappe.get_doc(
+            {"doctype": "User", "first_name": "Agent2", "email": agent2}
+        ).insert()
+        frappe.get_doc({"doctype": "HD Agent", "user": agent2}).insert()
 
-	def test_ticket_creation(self):
-		ticket = frappe.get_doc(get_ticket_obj())
-		ticket.insert()
-		self.assertTrue(ticket.name)
-	
-	def test_agent_flow(self):
-		ticket = frappe.get_doc(get_ticket_obj())
-		ticket.insert()
+    def test_ticket_creation(self):
+        ticket = frappe.get_doc(get_ticket_obj())
+        ticket.insert()
+        self.assertTrue(ticket.name)
 
-		ticket.assign_agent(agent)
-		ticket.assign_agent(agent2)
-		notification = frappe.get_all("HD Notification", filters={"reference_ticket": ticket.name, "notification_type": "Assignment", "user_to": ["in", [agent, agent2]], "user_from": "Administrator"})
-		self.assertEqual(len(notification), 2)
-		
-		ticket.status = "Replied"
-		ticket.save()
+    def test_agent_flow(self):
+        ticket = frappe.get_doc(get_ticket_obj())
+        ticket.insert()
 
-		ticket.status = "Open"
-		ticket.save()
-		self.assertTrue(ticket)
+        ticket.assign_agent(agent)
+        ticket.assign_agent(agent2)
+        notification = frappe.get_all(
+            "HD Notification",
+            filters={
+                "reference_ticket": ticket.name,
+                "notification_type": "Assignment",
+                "user_to": ["in", [agent, agent2]],
+                "user_from": "Administrator",
+            },
+        )
+        self.assertEqual(len(notification), 2)
 
-		notification = frappe.get_all("HD Notification", filters={"reference_ticket": ticket.name, "notification_type": "Reaction", "user_to": ["in", [agent, agent2]], "user_from": "Administrator"})
-		self.assertEqual(len(notification), 2)
+        ticket.status = "Replied"
+        ticket.save()
 
-		ticket.status = "Resolved"
-		ticket.save()
-		self.assertTrue(ticket)
+        ticket.status = "Open"
+        ticket.save()
+        self.assertTrue(ticket)
 
-		ticket.status = "Closed"
-		ticket.save()
-		self.assertTrue(ticket)
+        notification = frappe.get_all(
+            "HD Notification",
+            filters={
+                "reference_ticket": ticket.name,
+                "notification_type": "Reaction",
+                "user_to": ["in", [agent, agent2]],
+                "user_from": "Administrator",
+            },
+        )
+        self.assertEqual(len(notification), 2)
 
-	def test_non_agent_flow(self):
-		ticket = frappe.get_doc(get_ticket_obj())
-		ticket.insert()
+        ticket.status = "Resolved"
+        ticket.save()
+        self.assertTrue(ticket)
 
-		ticket.assign_agent(non_agent)
-		notification = frappe.get_all("HD Notification", filters={"reference_ticket": ticket.name, "notification_type": "Assignment", "user_to": non_agent, "user_from": "Administrator"})
-		self.assertEqual(len(notification), 1)
-		
-		ticket.status = "Replied"
-		ticket.save()
-		self.assertTrue(ticket)
+        ticket.status = "Closed"
+        ticket.save()
+        self.assertTrue(ticket)
 
-		ticket.status = "Open"
-		ticket.save()
-		self.assertTrue(ticket)
+    def test_non_agent_flow(self):
+        ticket = frappe.get_doc(get_ticket_obj())
+        ticket.insert()
 
-		ticket.status = "Resolved"
-		ticket.save()
-		self.assertTrue(ticket)
+        ticket.assign_agent(non_agent)
+        notification = frappe.get_all(
+            "HD Notification",
+            filters={
+                "reference_ticket": ticket.name,
+                "notification_type": "Assignment",
+                "user_to": non_agent,
+                "user_from": "Administrator",
+            },
+        )
+        self.assertEqual(len(notification), 1)
 
-		ticket.status = "Closed"
-		ticket.save()
-		self.assertTrue(ticket)
-		
+        ticket.status = "Replied"
+        ticket.save()
+        self.assertTrue(ticket)
+
+        ticket.status = "Open"
+        ticket.save()
+        self.assertTrue(ticket)
+
+        ticket.status = "Resolved"
+        ticket.save()
+        self.assertTrue(ticket)
+
+        ticket.status = "Closed"
+        ticket.save()
+        self.assertTrue(ticket)
diff --git a/helpdesk/helpdesk/doctype/hd_ticket_activity/hd_ticket_activity.js b/helpdesk/helpdesk/doctype/hd_ticket_activity/hd_ticket_activity.js
index 98ea8ab33..6ceddcdf8 100644
--- a/helpdesk/helpdesk/doctype/hd_ticket_activity/hd_ticket_activity.js
+++ b/helpdesk/helpdesk/doctype/hd_ticket_activity/hd_ticket_activity.js
@@ -2,6 +2,6 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Ticket Activity", {
-	// refresh: function(frm) {
-	// }
-})
+  // refresh: function(frm) {
+  // }
+});
diff --git a/helpdesk/helpdesk/doctype/hd_ticket_comment/hd_ticket_comment.js b/helpdesk/helpdesk/doctype/hd_ticket_comment/hd_ticket_comment.js
index 4f4dee6f5..aa1330a33 100644
--- a/helpdesk/helpdesk/doctype/hd_ticket_comment/hd_ticket_comment.js
+++ b/helpdesk/helpdesk/doctype/hd_ticket_comment/hd_ticket_comment.js
@@ -2,6 +2,6 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Ticket Comment", {
-	// refresh: function(frm) {
-	// }
-})
+  // refresh: function(frm) {
+  // }
+});
diff --git a/helpdesk/helpdesk/doctype/hd_ticket_feedback_option/patches/label_as_name.py b/helpdesk/helpdesk/doctype/hd_ticket_feedback_option/patches/label_as_name.py
index 379a1e54b..ce95c8a98 100644
--- a/helpdesk/helpdesk/doctype/hd_ticket_feedback_option/patches/label_as_name.py
+++ b/helpdesk/helpdesk/doctype/hd_ticket_feedback_option/patches/label_as_name.py
@@ -2,10 +2,10 @@ import frappe
 
 
 def execute():
-	doctype = "HD Ticket Feedback Option"
-	options = frappe.get_list(
-		doctype, fields=["name", "label"], limit_page_length=99999
-	)
-	for opt in options:
-		if opt.name != opt.label:
-			frappe.rename_doc(doctype, opt.name, opt.label, ignore_if_exists=True)
+    doctype = "HD Ticket Feedback Option"
+    options = frappe.get_list(
+        doctype, fields=["name", "label"], limit_page_length=99999
+    )
+    for opt in options:
+        if opt.name != opt.label:
+            frappe.rename_doc(doctype, opt.name, opt.label, ignore_if_exists=True)
diff --git a/helpdesk/helpdesk/doctype/hd_ticket_priority/hd_ticket_priority.js b/helpdesk/helpdesk/doctype/hd_ticket_priority/hd_ticket_priority.js
index ea7d3bb31..0ed408546 100644
--- a/helpdesk/helpdesk/doctype/hd_ticket_priority/hd_ticket_priority.js
+++ b/helpdesk/helpdesk/doctype/hd_ticket_priority/hd_ticket_priority.js
@@ -2,6 +2,6 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Ticket Priority", {
-	// refresh: function(frm) {
-	// }
-})
+  // refresh: function(frm) {
+  // }
+});
diff --git a/helpdesk/helpdesk/doctype/hd_ticket_template/api.py b/helpdesk/helpdesk/doctype/hd_ticket_template/api.py
index af5878d6e..b46ac5e89 100644
--- a/helpdesk/helpdesk/doctype/hd_ticket_template/api.py
+++ b/helpdesk/helpdesk/doctype/hd_ticket_template/api.py
@@ -1,7 +1,8 @@
 from typing import Literal
 
 import frappe
-from frappe import _
+
+# from frappe import _
 from pypika import JoinType
 
 from helpdesk.utils import check_permissions
@@ -13,51 +14,51 @@ DOCTYPE_TICKET = "HD Ticket"
 
 @frappe.whitelist()
 def get_one(name: str):
-	check_permissions(DOCTYPE_TEMPLATE, None)
-	found, about = frappe.get_value(DOCTYPE_TEMPLATE, name, ["name", "about"]) or [None, None]
-	if not found:
-		return {
-			"about": None,
-			"fields": []
-		}
+    check_permissions(DOCTYPE_TEMPLATE, None)
+    found, about = frappe.get_value(DOCTYPE_TEMPLATE, name, ["name", "about"]) or [
+        None,
+        None,
+    ]
+    if not found:
+        return {"about": None, "fields": []}
 
-	fields = []
-	fields.extend(get_fields(name, "DocField"))
-	fields.extend(get_fields(name, "Custom Field"))
-	return {
-		"about": about,
-		"fields": fields,
-	}
+    fields = []
+    fields.extend(get_fields(name, "DocField"))
+    fields.extend(get_fields(name, "Custom Field"))
+    return {
+        "about": about,
+        "fields": fields,
+    }
 
 
 def get_fields(template: str, fetch: Literal["Custom Field", "DocField"]):
-	QBField = frappe.qb.DocType(DOCTYPE_TEMPLATE_FIELD)
-	QBFetch = frappe.qb.DocType(fetch)
-	fields = (
-		frappe.qb.from_(QBField)
-		.select(QBField.star)
-		.where(QBField.parent == template)
-		.where(QBField.parentfield == "fields")
-		.where(QBField.parenttype == DOCTYPE_TEMPLATE)
-	)
-	where_parent = QBFetch.parent == DOCTYPE_TICKET
-	if fetch == "Custom Field":
-		where_parent = QBFetch.dt == DOCTYPE_TICKET
-	return (
-		frappe.qb.from_(fields)
-		.select(
-			QBFetch.description,
-			QBFetch.fieldtype,
-			QBFetch.label,
-			QBFetch.options,
-			fields.fieldname,
-			fields.hide_from_customer,
-			fields.required,
-			fields.url_method,
-			fields.placeholder,
-		)
-		.join(QBFetch, JoinType.inner)
-		.on(QBFetch.fieldname == fields.fieldname)
-		.where(where_parent)
-		.run(as_dict=True)
-	)
+    QBField = frappe.qb.DocType(DOCTYPE_TEMPLATE_FIELD)
+    QBFetch = frappe.qb.DocType(fetch)
+    fields = (
+        frappe.qb.from_(QBField)
+        .select(QBField.star)
+        .where(QBField.parent == template)
+        .where(QBField.parentfield == "fields")
+        .where(QBField.parenttype == DOCTYPE_TEMPLATE)
+    )
+    where_parent = QBFetch.parent == DOCTYPE_TICKET
+    if fetch == "Custom Field":
+        where_parent = QBFetch.dt == DOCTYPE_TICKET
+    return (
+        frappe.qb.from_(fields)
+        .select(
+            QBFetch.description,
+            QBFetch.fieldtype,
+            QBFetch.label,
+            QBFetch.options,
+            fields.fieldname,
+            fields.hide_from_customer,
+            fields.required,
+            fields.url_method,
+            fields.placeholder,
+        )
+        .join(QBFetch, JoinType.inner)
+        .on(QBFetch.fieldname == fields.fieldname)
+        .where(where_parent)
+        .run(as_dict=True)
+    )
diff --git a/helpdesk/helpdesk/doctype/hd_ticket_template/hd_ticket_template.js b/helpdesk/helpdesk/doctype/hd_ticket_template/hd_ticket_template.js
index 72b4c8d2a..69c73e146 100644
--- a/helpdesk/helpdesk/doctype/hd_ticket_template/hd_ticket_template.js
+++ b/helpdesk/helpdesk/doctype/hd_ticket_template/hd_ticket_template.js
@@ -2,5 +2,5 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Ticket Template", {
-	setup: function (frm) {},
-})
+  setup: function (frm) {},
+});
diff --git a/helpdesk/helpdesk/doctype/hd_ticket_template/hd_ticket_template.py b/helpdesk/helpdesk/doctype/hd_ticket_template/hd_ticket_template.py
index f901cd271..88b3e3b22 100644
--- a/helpdesk/helpdesk/doctype/hd_ticket_template/hd_ticket_template.py
+++ b/helpdesk/helpdesk/doctype/hd_ticket_template/hd_ticket_template.py
@@ -9,40 +9,40 @@ from helpdesk.consts import DEFAULT_TICKET_TEMPLATE
 
 
 class HDTicketTemplate(Document):
-	def validate(self):
-		self.verify_field_exists()
+    def validate(self):
+        self.verify_field_exists()
 
-	def on_trash(self):
-		self.prevent_default_delete()
+    def on_trash(self):
+        self.prevent_default_delete()
 
-	def verify_field_exists(self):
-		for f in self.fields:
-			exists = self.docfield_exists(f.fieldname) or self.custom_field_exists(
-				f.fieldname
-			)
-			if not exists:
-				text = _("Field `{0}` does not exist in Ticket").format(f.fieldname)
-				frappe.throw(text)
+    def verify_field_exists(self):
+        for f in self.fields:
+            exists = self.docfield_exists(f.fieldname) or self.custom_field_exists(
+                f.fieldname
+            )
+            if not exists:
+                text = _("Field `{0}` does not exist in Ticket").format(f.fieldname)
+                frappe.throw(text)
 
-	def docfield_exists(self, fieldname: str):
-		return frappe.db.exists(
-			{
-				"doctype": "DocField",
-				"fieldname": fieldname,
-				"parent": "HD Ticket",
-			}
-		)
+    def docfield_exists(self, fieldname: str):
+        return frappe.db.exists(
+            {
+                "doctype": "DocField",
+                "fieldname": fieldname,
+                "parent": "HD Ticket",
+            }
+        )
 
-	def custom_field_exists(self, fieldname: str):
-		return frappe.db.exists(
-			{
-				"doctype": "Custom Field",
-				"fieldname": fieldname,
-				"dt": "HD Ticket",
-			}
-		)
+    def custom_field_exists(self, fieldname: str):
+        return frappe.db.exists(
+            {
+                "doctype": "Custom Field",
+                "fieldname": fieldname,
+                "dt": "HD Ticket",
+            }
+        )
 
-	def prevent_default_delete(self):
-		if self.name == DEFAULT_TICKET_TEMPLATE:
-			text = _("Default template can not be deleted")
-			frappe.throw(text, frappe.PermissionError)
+    def prevent_default_delete(self):
+        if self.name == DEFAULT_TICKET_TEMPLATE:
+            text = _("Default template can not be deleted")
+            frappe.throw(text, frappe.PermissionError)
diff --git a/helpdesk/helpdesk/doctype/hd_ticket_type/hd_ticket_type.js b/helpdesk/helpdesk/doctype/hd_ticket_type/hd_ticket_type.js
index 6f4ec01b6..e98cf3e31 100644
--- a/helpdesk/helpdesk/doctype/hd_ticket_type/hd_ticket_type.js
+++ b/helpdesk/helpdesk/doctype/hd_ticket_type/hd_ticket_type.js
@@ -2,5 +2,5 @@
 // For license information, please see license.txt
 
 frappe.ui.form.on("HD Ticket Type", {
-	refresh: function (frm) {},
-})
+  refresh: function (frm) {},
+});
diff --git a/helpdesk/helpdesk/report/first_response_time_for_tickets/first_response_time_for_tickets.js b/helpdesk/helpdesk/report/first_response_time_for_tickets/first_response_time_for_tickets.js
index c317ff873..e55b60c11 100644
--- a/helpdesk/helpdesk/report/first_response_time_for_tickets/first_response_time_for_tickets.js
+++ b/helpdesk/helpdesk/report/first_response_time_for_tickets/first_response_time_for_tickets.js
@@ -3,46 +3,43 @@
 /* eslint-disable */
 
 frappe.query_reports["First Response Time for Tickets"] = {
-	filters: [
-		{
-			fieldname: "from_date",
-			label: __("From Date"),
-			fieldtype: "Date",
-			reqd: 1,
-			default: frappe.datetime.add_days(frappe.datetime.nowdate(), -30),
-		},
-		{
-			fieldname: "to_date",
-			label: __("To Date"),
-			fieldtype: "Date",
-			reqd: 1,
-			default: frappe.datetime.nowdate(),
-		},
-	],
-	get_chart_data: function (_columns, result) {
-		return {
-			data: {
-				labels: result.map((d) => d.creation_date),
-				datasets: [
-					{
-						name: "First Response Time",
-						values: result.map((d) => d.first_response_time),
-					},
-				],
-			},
-			type: "line",
-			tooltipOptions: {
-				formatTooltipY: (d) => {
-					let duration_options = {
-						hide_days: 0,
-						hide_seconds: 0,
-					}
-					return frappe.utils.get_formatted_duration(
-						d,
-						duration_options
-					)
-				},
-			},
-		}
-	},
-}
+  filters: [
+    {
+      fieldname: "from_date",
+      label: __("From Date"),
+      fieldtype: "Date",
+      reqd: 1,
+      default: frappe.datetime.add_days(frappe.datetime.nowdate(), -30),
+    },
+    {
+      fieldname: "to_date",
+      label: __("To Date"),
+      fieldtype: "Date",
+      reqd: 1,
+      default: frappe.datetime.nowdate(),
+    },
+  ],
+  get_chart_data: function (_columns, result) {
+    return {
+      data: {
+        labels: result.map((d) => d.creation_date),
+        datasets: [
+          {
+            name: "First Response Time",
+            values: result.map((d) => d.first_response_time),
+          },
+        ],
+      },
+      type: "line",
+      tooltipOptions: {
+        formatTooltipY: (d) => {
+          let duration_options = {
+            hide_days: 0,
+            hide_seconds: 0,
+          };
+          return frappe.utils.get_formatted_duration(d, duration_options);
+        },
+      },
+    };
+  },
+};
diff --git a/helpdesk/helpdesk/report/support_hour_distribution/support_hour_distribution.js b/helpdesk/helpdesk/report/support_hour_distribution/support_hour_distribution.js
index 08529f916..6bc25a52a 100644
--- a/helpdesk/helpdesk/report/support_hour_distribution/support_hour_distribution.js
+++ b/helpdesk/helpdesk/report/support_hour_distribution/support_hour_distribution.js
@@ -3,20 +3,20 @@
 /* eslint-disable */
 
 frappe.query_reports["Support Hour Distribution"] = {
-	filters: [
-		{
-			lable: __("From Date"),
-			fieldname: "from_date",
-			fieldtype: "Date",
-			default: frappe.datetime.nowdate(),
-			reqd: 1,
-		},
-		{
-			lable: __("To Date"),
-			fieldname: "to_date",
-			fieldtype: "Date",
-			default: frappe.datetime.nowdate(),
-			reqd: 1,
-		},
-	],
-}
+  filters: [
+    {
+      lable: __("From Date"),
+      fieldname: "from_date",
+      fieldtype: "Date",
+      default: frappe.datetime.nowdate(),
+      reqd: 1,
+    },
+    {
+      lable: __("To Date"),
+      fieldname: "to_date",
+      fieldtype: "Date",
+      default: frappe.datetime.nowdate(),
+      reqd: 1,
+    },
+  ],
+};
diff --git a/helpdesk/helpdesk/report/ticket_analytics/ticket_analytics.js b/helpdesk/helpdesk/report/ticket_analytics/ticket_analytics.js
index 3d04c9b09..40183ce83 100644
--- a/helpdesk/helpdesk/report/ticket_analytics/ticket_analytics.js
+++ b/helpdesk/helpdesk/report/ticket_analytics/ticket_analytics.js
@@ -3,129 +3,124 @@
 /* eslint-disable */
 
 frappe.query_reports["Ticket Analytics"] = {
-	filters: [
-		{
-			fieldname: "based_on",
-			label: __("Based On"),
-			fieldtype: "Select",
-			options: [
-				"Contact",
-				"Ticket Type",
-				"Ticket Priority",
-				"Assigned To",
-			],
-			default: "Contact",
-			reqd: 1,
-		},
-		{
-			fieldname: "from_date",
-			label: __("From Date"),
-			fieldtype: "Date",
-			default: frappe.datetime.add_days(frappe.datetime.nowdate(), -30),
-			reqd: 1,
-		},
-		{
-			fieldname: "to_date",
-			label: __("To Date"),
-			fieldtype: "Date",
-			default: frappe.datetime.nowdate(),
-			reqd: 1,
-		},
-		{
-			fieldname: "range",
-			label: __("Range"),
-			fieldtype: "Select",
-			options: [
-				{ value: "Weekly", label: __("Weekly") },
-				{ value: "Monthly", label: __("Monthly") },
-				{ value: "Quarterly", label: __("Quarterly") },
-				{ value: "Yearly", label: __("Yearly") },
-			],
-			default: "Weekly",
-			reqd: 1,
-		},
-		{
-			fieldname: "status",
-			label: __("Status"),
-			fieldtype: "Select",
-			options: [
-				"",
-				{ label: __("Open"), value: "Open" },
-				{ label: __("Replied"), value: "Replied" },
-				{ label: __("Resolved"), value: "Resolved" },
-				{ label: __("Closed"), value: "Closed" },
-			],
-		},
-		{
-			fieldname: "priority",
-			label: __("Ticket Priority"),
-			fieldtype: "Link",
-			options: "HD Ticket Priority",
-		},
-		{
-			fieldname: "contact",
-			label: __("Contact"),
-			fieldtype: "Link",
-			options: "Contact",
-		},
-		{
-			fieldname: "assigned_to",
-			label: __("Assigned To"),
-			fieldtype: "Link",
-			options: "User",
-		},
-	],
-	after_datatable_render: function (datatable_obj) {
-		$(datatable_obj.wrapper).find("input[type=checkbox]")[0].click()
-	},
+  filters: [
+    {
+      fieldname: "based_on",
+      label: __("Based On"),
+      fieldtype: "Select",
+      options: ["Contact", "Ticket Type", "Ticket Priority", "Assigned To"],
+      default: "Contact",
+      reqd: 1,
+    },
+    {
+      fieldname: "from_date",
+      label: __("From Date"),
+      fieldtype: "Date",
+      default: frappe.datetime.add_days(frappe.datetime.nowdate(), -30),
+      reqd: 1,
+    },
+    {
+      fieldname: "to_date",
+      label: __("To Date"),
+      fieldtype: "Date",
+      default: frappe.datetime.nowdate(),
+      reqd: 1,
+    },
+    {
+      fieldname: "range",
+      label: __("Range"),
+      fieldtype: "Select",
+      options: [
+        { value: "Weekly", label: __("Weekly") },
+        { value: "Monthly", label: __("Monthly") },
+        { value: "Quarterly", label: __("Quarterly") },
+        { value: "Yearly", label: __("Yearly") },
+      ],
+      default: "Weekly",
+      reqd: 1,
+    },
+    {
+      fieldname: "status",
+      label: __("Status"),
+      fieldtype: "Select",
+      options: [
+        "",
+        { label: __("Open"), value: "Open" },
+        { label: __("Replied"), value: "Replied" },
+        { label: __("Resolved"), value: "Resolved" },
+        { label: __("Closed"), value: "Closed" },
+      ],
+    },
+    {
+      fieldname: "priority",
+      label: __("Ticket Priority"),
+      fieldtype: "Link",
+      options: "HD Ticket Priority",
+    },
+    {
+      fieldname: "contact",
+      label: __("Contact"),
+      fieldtype: "Link",
+      options: "Contact",
+    },
+    {
+      fieldname: "assigned_to",
+      label: __("Assigned To"),
+      fieldtype: "Link",
+      options: "User",
+    },
+  ],
+  after_datatable_render: function (datatable_obj) {
+    $(datatable_obj.wrapper).find("input[type=checkbox]")[0].click();
+  },
 
-	get_datatable_options(options) {
-		return Object.assign(options, {
-			checkboxColumn: true,
-			events: {
-				onCheckRow: function (data) {
-					if (data && data.length) {
-						row_name = data[2].content
-						row_values = data.slice(3).map(function (column) {
-							return column.content
-						})
-						entry = {
-							name: row_name,
-							values: row_values,
-						}
-						let raw_data = frappe.query_report.chart.data
-						let new_datasets = raw_data.datasets
+  get_datatable_options(options) {
+    return Object.assign(options, {
+      checkboxColumn: true,
+      events: {
+        onCheckRow: function (data) {
+          if (data && data.length) {
+            row_name = data[2].content;
+            row_values = data.slice(3).map(function (column) {
+              return column.content;
+            });
+            entry = {
+              name: row_name,
+              values: row_values,
+            };
+            let raw_data = frappe.query_report.chart.data;
+            let new_datasets = raw_data.datasets;
 
-						var found = false
+            var found = false;
 
-						for (var i = 0; i < new_datasets.length; i++) {
-							if (new_datasets[i].name == row_name) {
-								found = true
-								new_datasets.splice(i, 1)
-								break
-							}
-						}
+            for (var i = 0; i < new_datasets.length; i++) {
+              if (new_datasets[i].name == row_name) {
+                found = true;
+                new_datasets.splice(i, 1);
+                break;
+              }
+            }
 
-						if (!found) {
-							new_datasets.push(entry)
-						}
+            if (!found) {
+              new_datasets.push(entry);
+            }
 
-						let new_data = {
-							labels: raw_data.labels,
-							datasets: new_datasets,
-						}
+            let new_data = {
+              labels: raw_data.labels,
+              datasets: new_datasets,
+            };
 
-						setTimeout(() => {
-							frappe.query_report.chart.update(new_data)
-						}, 500)
+            setTimeout(() => {
+              frappe.query_report.chart.update(new_data);
+            }, 500);
 
-						setTimeout(() => {
-							frappe.query_report.chart.draw(true)
-						}, 1000)
-						frappe.query_report.raw_chart_data = new_data
-					}
-				},
-			},
-		})
-	},
-}
+            setTimeout(() => {
+              frappe.query_report.chart.draw(true);
+            }, 1000);
+            frappe.query_report.raw_chart_data = new_data;
+          }
+        },
+      },
+    });
+  },
+};
diff --git a/helpdesk/helpdesk/report/ticket_analytics/ticket_analytics.py b/helpdesk/helpdesk/report/ticket_analytics/ticket_analytics.py
index a7d0e324c..9826b1ffd 100644
--- a/helpdesk/helpdesk/report/ticket_analytics/ticket_analytics.py
+++ b/helpdesk/helpdesk/report/ticket_analytics/ticket_analytics.py
@@ -4,259 +4,257 @@
 from __future__ import unicode_literals
 
 import json
+from datetime import date
 
 import frappe
 from frappe import _, scrub
 from frappe.utils import add_days, add_to_date, flt, getdate
 from six import iteritems
-from datetime import date
 
 
 def get_fiscal_year():
-	# TODO: handle this function properly
-	today_date = date.today()
-	return today_date
+    # TODO: handle this function properly
+    today_date = date.today()
+    return today_date
 
 
 def execute(filters=None):
-	return TicketAnalytics(filters).run()
+    return TicketAnalytics(filters).run()
 
 
-class TicketAnalytics(object):
-	def __init__(self, filters=None):
-		"""Ticket Analytics Report"""
-		self.filters = frappe._dict(filters or {})
-		self.get_period_date_ranges()
+class TicketAnalytics:
+    def __init__(self, filters=None):
+        """Ticket Analytics Report"""
+        self.filters = frappe._dict(filters or {})
+        self.get_period_date_ranges()
 
-	def run(self):
-		self.get_columns()
-		self.get_data()
-		self.get_chart_data()
+    def run(self):
+        self.get_columns()
+        self.get_data()
+        self.get_chart_data()
 
-		return self.columns, self.data, None, self.chart
+        return self.columns, self.data, None, self.chart
 
-	def get_columns(self):
-		self.columns = []
+    def get_columns(self):
+        self.columns = []
 
-		if self.filters.based_on == "Contact":
-			self.columns.append(
-				{
-					"label": _("Contact"),
-					"options": "Contact",
-					"fieldname": "contact",
-					"fieldtype": "Link",
-					"width": 200,
-				}
-			)
+        if self.filters.based_on == "Contact":
+            self.columns.append(
+                {
+                    "label": _("Contact"),
+                    "options": "Contact",
+                    "fieldname": "contact",
+                    "fieldtype": "Link",
+                    "width": 200,
+                }
+            )
 
-		elif self.filters.based_on == "Assigned To":
-			self.columns.append(
-				{
-					"label": _("User"),
-					"fieldname": "user",
-					"fieldtype": "Link",
-					"options": "User",
-					"width": 200,
-				}
-			)
+        elif self.filters.based_on == "Assigned To":
+            self.columns.append(
+                {
+                    "label": _("User"),
+                    "fieldname": "user",
+                    "fieldtype": "Link",
+                    "options": "User",
+                    "width": 200,
+                }
+            )
 
-		elif self.filters.based_on == "Ticket Type":
-			self.columns.append(
-				{
-					"label": _("Ticket Type"),
-					"fieldname": "ticket_type",
-					"fieldtype": "Link",
-					"options": "HD Ticket Type",
-					"width": 200,
-				}
-			)
+        elif self.filters.based_on == "Ticket Type":
+            self.columns.append(
+                {
+                    "label": _("Ticket Type"),
+                    "fieldname": "ticket_type",
+                    "fieldtype": "Link",
+                    "options": "HD Ticket Type",
+                    "width": 200,
+                }
+            )
 
-		elif self.filters.based_on == "Ticket Priority":
-			self.columns.append(
-				{
-					"label": _("Ticket Priority"),
-					"fieldname": "priority",
-					"fieldtype": "Link",
-					"options": "HD Ticket Priority",
-					"width": 200,
-				}
-			)
+        elif self.filters.based_on == "Ticket Priority":
+            self.columns.append(
+                {
+                    "label": _("Ticket Priority"),
+                    "fieldname": "priority",
+                    "fieldtype": "Link",
+                    "options": "HD Ticket Priority",
+                    "width": 200,
+                }
+            )
 
-		for end_date in self.periodic_daterange:
-			period = self.get_period(end_date)
-			self.columns.append(
-				{
-					"label": _(period),
-					"fieldname": scrub(period),
-					"fieldtype": "Int",
-					"width": 120,
-				}
-			)
+        for end_date in self.periodic_daterange:
+            period = self.get_period(end_date)
+            self.columns.append(
+                {
+                    "label": _(period),
+                    "fieldname": scrub(period),
+                    "fieldtype": "Int",
+                    "width": 120,
+                }
+            )
 
-		self.columns.append(
-			{
-				"label": _("Total"),
-				"fieldname": "total",
-				"fieldtype": "Int",
-				"width": 120,
-			}
-		)
+        self.columns.append(
+            {
+                "label": _("Total"),
+                "fieldname": "total",
+                "fieldtype": "Int",
+                "width": 120,
+            }
+        )
 
-	def get_data(self):
-		self.get_tickets()
-		self.get_rows()
+    def get_data(self):
+        self.get_tickets()
+        self.get_rows()
 
-	def get_period(self, date):
-		months = [
-			"Jan",
-			"Feb",
-			"Mar",
-			"Apr",
-			"May",
-			"Jun",
-			"Jul",
-			"Aug",
-			"Sep",
-			"Oct",
-			"Nov",
-			"Dec",
-		]
+    def get_period(self, date):
+        months = [
+            "Jan",
+            "Feb",
+            "Mar",
+            "Apr",
+            "May",
+            "Jun",
+            "Jul",
+            "Aug",
+            "Sep",
+            "Oct",
+            "Nov",
+            "Dec",
+        ]
 
-		if self.filters.range == "Weekly":
-			period = "Week " + str(date.isocalendar()[1])
-		elif self.filters.range == "Monthly":
-			period = str(months[date.month - 1])
-		elif self.filters.range == "Quarterly":
-			period = "Quarter " + str(((date.month - 1) // 3) + 1)
-		else:
-			year = get_fiscal_year()
-			period = str(year)
+        if self.filters.range == "Weekly":
+            period = "Week " + str(date.isocalendar()[1])
+        elif self.filters.range == "Monthly":
+            period = str(months[date.month - 1])
+        elif self.filters.range == "Quarterly":
+            period = "Quarter " + str(((date.month - 1) // 3) + 1)
+        else:
+            year = get_fiscal_year()
+            period = str(year)
 
-		if (
-			getdate(self.filters.from_date).year != getdate(self.filters.to_date).year
-			and self.filters.range != "Yearly"
-		):
-			period += " " + str(date.year)
+        if (
+            getdate(self.filters.from_date).year != getdate(self.filters.to_date).year
+            and self.filters.range != "Yearly"
+        ):
+            period += " " + str(date.year)
 
-		return period
+        return period
 
-	def get_period_date_ranges(self):
-		from dateutil.relativedelta import MO, relativedelta
+    def get_period_date_ranges(self):
+        from dateutil.relativedelta import MO, relativedelta
 
-		from_date, to_date = getdate(self.filters.from_date), getdate(
-			self.filters.to_date
-		)
+        from_date, to_date = getdate(self.filters.from_date), getdate(
+            self.filters.to_date
+        )
 
-		increment = {"Monthly": 1, "Quarterly": 3, "Half-Yearly": 6, "Yearly": 12}.get(
-			self.filters.range, 1
-		)
+        increment = {"Monthly": 1, "Quarterly": 3, "Half-Yearly": 6, "Yearly": 12}.get(
+            self.filters.range, 1
+        )
 
-		if self.filters.range in ["Monthly", "Quarterly"]:
-			from_date = from_date.replace(day=1)
-		elif self.filters.range == "Yearly":
-			from_date = get_fiscal_year()
-		else:
-			from_date = from_date + relativedelta(from_date, weekday=MO(-1))
+        if self.filters.range in ["Monthly", "Quarterly"]:
+            from_date = from_date.replace(day=1)
+        elif self.filters.range == "Yearly":
+            from_date = get_fiscal_year()
+        else:
+            from_date = from_date + relativedelta(from_date, weekday=MO(-1))
 
-		self.periodic_daterange = []
-		for dummy in range(1, 53):
-			if self.filters.range == "Weekly":
-				period_end_date = add_days(from_date, 6)
-			else:
-				period_end_date = add_to_date(from_date, months=increment, days=-1)
-			if self.filters.range == "Yearly":
-				period_end_date = to_date
-			elif period_end_date > to_date:
-				period_end_date = to_date
+        self.periodic_daterange = []
+        for dummy in range(1, 53):
+            if self.filters.range == "Weekly":
+                period_end_date = add_days(from_date, 6)
+            else:
+                period_end_date = add_to_date(from_date, months=increment, days=-1)
+            if self.filters.range == "Yearly" or period_end_date > to_date:
+                period_end_date = to_date
 
-			self.periodic_daterange.append(period_end_date)
+            self.periodic_daterange.append(period_end_date)
 
-			from_date = add_days(period_end_date, 1)
-			if period_end_date == to_date:
-				break
+            from_date = add_days(period_end_date, 1)
+            if period_end_date == to_date:
+                break
 
-	def get_tickets(self):
-		filters = self.get_common_filters()
-		self.field_map = {
-			"Contact": "contact",
-			"Ticket Type": "ticket_type",
-			"Ticket Priority": "priority",
-			"Assigned To": "_assign",
-		}
+    def get_tickets(self):
+        filters = self.get_common_filters()
+        self.field_map = {
+            "Contact": "contact",
+            "Ticket Type": "ticket_type",
+            "Ticket Priority": "priority",
+            "Assigned To": "_assign",
+        }
 
-		self.entries = frappe.db.get_all(
-			"HD Ticket",
-			fields=[self.field_map.get(self.filters.based_on), "name", "opening_date"],
-			filters=filters,
-		)
+        self.entries = frappe.db.get_all(
+            "HD Ticket",
+            fields=[self.field_map.get(self.filters.based_on), "name", "opening_date"],
+            filters=filters,
+        )
 
-	def get_common_filters(self):
-		filters = {}
-		filters["opening_date"] = (
-			"between",
-			[self.filters.from_date, self.filters.to_date],
-		)
+    def get_common_filters(self):
+        filters = {}
+        filters["opening_date"] = (
+            "between",
+            [self.filters.from_date, self.filters.to_date],
+        )
 
-		if self.filters.get("assigned_to"):
-			filters["_assign"] = ("like", "%" + self.filters.get("assigned_to") + "%")
+        if self.filters.get("assigned_to"):
+            filters["_assign"] = ("like", "%" + self.filters.get("assigned_to") + "%")
 
-		for entry in ["status", "priority", "contact"]:
-			if self.filters.get(entry):
-				filters[entry] = self.filters.get(entry)
+        for entry in ["status", "priority", "contact"]:
+            if self.filters.get(entry):
+                filters[entry] = self.filters.get(entry)
 
-		return filters
+        return filters
 
-	def get_rows(self):
-		self.data = []
-		self.get_periodic_data()
+    def get_rows(self):
+        self.data = []
+        self.get_periodic_data()
 
-		for entity, period_data in iteritems(self.ticket_periodic_data):
-			if self.filters.based_on == "Contact":
-				row = {"contact": entity}
-			elif self.filters.based_on == "Assigned To":
-				row = {"user": entity}
-			elif self.filters.based_on == "Ticket Type":
-				row = {"ticket_type": entity}
-			elif self.filters.based_on == "Ticket Priority":
-				row = {"priority": entity}
+        for entity, period_data in iteritems(self.ticket_periodic_data):
+            if self.filters.based_on == "Contact":
+                row = {"contact": entity}
+            elif self.filters.based_on == "Assigned To":
+                row = {"user": entity}
+            elif self.filters.based_on == "Ticket Type":
+                row = {"ticket_type": entity}
+            elif self.filters.based_on == "Ticket Priority":
+                row = {"priority": entity}
 
-			total = 0
-			for end_date in self.periodic_daterange:
-				period = self.get_period(end_date)
-				amount = flt(period_data.get(period, 0.0))
-				row[scrub(period)] = amount
-				total += amount
+            total = 0
+            for end_date in self.periodic_daterange:
+                period = self.get_period(end_date)
+                amount = flt(period_data.get(period, 0.0))
+                row[scrub(period)] = amount
+                total += amount
 
-			row["total"] = total
+            row["total"] = total
 
-			self.data.append(row)
+            self.data.append(row)
 
-	def get_periodic_data(self):
-		self.ticket_periodic_data = frappe._dict()
+    def get_periodic_data(self):
+        self.ticket_periodic_data = frappe._dict()
 
-		for d in self.entries:
-			period = self.get_period(d.get("opening_date"))
+        for d in self.entries:
+            period = self.get_period(d.get("opening_date"))
 
-			if self.filters.based_on == "Assigned To":
-				if d._assign:
-					for entry in json.loads(d._assign):
-						self.ticket_periodic_data.setdefault(
-							entry, frappe._dict()
-						).setdefault(period, 0.0)
-						self.ticket_periodic_data[entry][period] += 1
+            if self.filters.based_on == "Assigned To":
+                if d._assign:
+                    for entry in json.loads(d._assign):
+                        self.ticket_periodic_data.setdefault(
+                            entry, frappe._dict()
+                        ).setdefault(period, 0.0)
+                        self.ticket_periodic_data[entry][period] += 1
 
-			else:
-				field = self.field_map.get(self.filters.based_on)
-				value = d.get(field)
-				if not value:
-					value = _("Not Specified")
+            else:
+                field = self.field_map.get(self.filters.based_on)
+                value = d.get(field)
+                if not value:
+                    value = _("Not Specified")
 
-				self.ticket_periodic_data.setdefault(value, frappe._dict()).setdefault(
-					period, 0.0
-				)
-				self.ticket_periodic_data[value][period] += 1
+                self.ticket_periodic_data.setdefault(value, frappe._dict()).setdefault(
+                    period, 0.0
+                )
+                self.ticket_periodic_data[value][period] += 1
 
-	def get_chart_data(self):
-		length = len(self.columns)
-		labels = [d.get("label") for d in self.columns[1 : length - 1]]
-		self.chart = {"data": {"labels": labels, "datasets": []}, "type": "line"}
+    def get_chart_data(self):
+        length = len(self.columns)
+        labels = [d.get("label") for d in self.columns[1 : length - 1]]
+        self.chart = {"data": {"labels": labels, "datasets": []}, "type": "line"}
diff --git a/helpdesk/helpdesk/report/ticket_summary/ticket_summary.js b/helpdesk/helpdesk/report/ticket_summary/ticket_summary.js
index fae4f2f47..bf5043836 100644
--- a/helpdesk/helpdesk/report/ticket_summary/ticket_summary.js
+++ b/helpdesk/helpdesk/report/ticket_summary/ticket_summary.js
@@ -3,63 +3,58 @@
 /* eslint-disable */
 
 frappe.query_reports["Ticket Summary"] = {
-	filters: [
-		{
-			fieldname: "based_on",
-			label: __("Based On"),
-			fieldtype: "Select",
-			options: [
-				"Contact",
-				"Ticket Type",
-				"Ticket Priority",
-				"Assigned To",
-			],
-			default: "Contact",
-			reqd: 1,
-		},
-		{
-			fieldname: "from_date",
-			label: __("From Date"),
-			fieldtype: "Date",
-			default: frappe.defaults.get_global_default("year_start_date"),
-			reqd: 1,
-		},
-		{
-			fieldname: "to_date",
-			label: __("To Date"),
-			fieldtype: "Date",
-			default: frappe.defaults.get_global_default("year_end_date"),
-			reqd: 1,
-		},
-		{
-			fieldname: "status",
-			label: __("Status"),
-			fieldtype: "Select",
-			options: [
-				"",
-				{ label: __("Open"), value: "Open" },
-				{ label: __("Replied"), value: "Replied" },
-				{ label: __("Resolved"), value: "Resolved" },
-				{ label: __("Closed"), value: "Closed" },
-			],
-		},
-		{
-			fieldname: "priority",
-			label: __("Ticket Priority"),
-			fieldtype: "Link",
-			options: "HD Ticket Priority",
-		},
-		{
-			fieldname: "contact",
-			label: __("Contact"),
-			fieldtype: "Link",
-			options: "Contact",
-		},
-		{
-			fieldname: "assigned_to",
-			label: __("Assigned To"),
-			fieldtype: "Link",
-			options: "User",
-		},
-	],
-}
+  filters: [
+    {
+      fieldname: "based_on",
+      label: __("Based On"),
+      fieldtype: "Select",
+      options: ["Contact", "Ticket Type", "Ticket Priority", "Assigned To"],
+      default: "Contact",
+      reqd: 1,
+    },
+    {
+      fieldname: "from_date",
+      label: __("From Date"),
+      fieldtype: "Date",
+      default: frappe.defaults.get_global_default("year_start_date"),
+      reqd: 1,
+    },
+    {
+      fieldname: "to_date",
+      label: __("To Date"),
+      fieldtype: "Date",
+      default: frappe.defaults.get_global_default("year_end_date"),
+      reqd: 1,
+    },
+    {
+      fieldname: "status",
+      label: __("Status"),
+      fieldtype: "Select",
+      options: [
+        "",
+        { label: __("Open"), value: "Open" },
+        { label: __("Replied"), value: "Replied" },
+        { label: __("Resolved"), value: "Resolved" },
+        { label: __("Closed"), value: "Closed" },
+      ],
+    },
+    {
+      fieldname: "priority",
+      label: __("Ticket Priority"),
+      fieldtype: "Link",
+      options: "HD Ticket Priority",
+    },
+    {
+      fieldname: "contact",
+      label: __("Contact"),
+      fieldtype: "Link",
+      options: "Contact",
+    },
+    {
+      fieldname: "assigned_to",
+      label: __("Assigned To"),
+      fieldtype: "Link",
+      options: "User",
+    },
+  ],
+};
diff --git a/helpdesk/helpdesk/web_form/tickets/tickets.js b/helpdesk/helpdesk/web_form/tickets/tickets.js
index c4fee8d03..1bcc7b747 100644
--- a/helpdesk/helpdesk/web_form/tickets/tickets.js
+++ b/helpdesk/helpdesk/web_form/tickets/tickets.js
@@ -1,3 +1,3 @@
 frappe.ready(function () {
-	// bind events here
-})
+  // bind events here
+});
diff --git a/helpdesk/patches/change_app_name_to_helpdesk.py b/helpdesk/patches/change_app_name_to_helpdesk.py
index 831b983db..147199e72 100644
--- a/helpdesk/patches/change_app_name_to_helpdesk.py
+++ b/helpdesk/patches/change_app_name_to_helpdesk.py
@@ -6,7 +6,7 @@ def execute():
     old_app_name = "frappedesk"
     new_app_name = "helpdesk"
     installed_apps = frappe.db.get_global("installed_apps")
-    
+
     if old_app_name in installed_apps:
         remove_from_installed_apps(old_app_name)
         add_to_installed_apps(new_app_name)
diff --git a/helpdesk/patches/naming_autoincrement.py b/helpdesk/patches/naming_autoincrement.py
index 5fdacb916..1e2b2f56f 100644
--- a/helpdesk/patches/naming_autoincrement.py
+++ b/helpdesk/patches/naming_autoincrement.py
@@ -4,47 +4,47 @@ from frappe.utils import get_table_name
 from helpdesk.utils import alphanumeric_to_int
 
 DOCTYPES = [
-	"HD Preset Filter Item",
-	"HD Team Item",
-	"HD Team Member",
-	"HD Ticket",
-	"HD Ticket Custom Field Item",
+    "HD Preset Filter Item",
+    "HD Team Item",
+    "HD Team Member",
+    "HD Ticket",
+    "HD Ticket Custom Field Item",
 ]
 MODULE = "Helpdesk"
 SEQ_SUFFIX = "_id_seq"
 
 
 def execute():
-	modify_table()
-	create_sequence()
+    modify_table()
+    create_sequence()
 
 
 def modify_table():
-	for doctype in DOCTYPES:
-		table = f"`{get_table_name(doctype)}`"
-		frappe.db.sql_ddl(f"ALTER TABLE {table} MODIFY COLUMN name BIGINT(20)")
-		frappe.reload_doc(MODULE, "DocType", doctype)
+    for doctype in DOCTYPES:
+        table = f"`{get_table_name(doctype)}`"
+        frappe.db.sql_ddl(f"ALTER TABLE {table} MODIFY COLUMN name BIGINT(20)")
+        frappe.reload_doc(MODULE, "DocType", doctype)
 
 
 def create_sequence():
-	for doctype in DOCTYPES:
-		sequence_name = frappe.scrub(doctype + SEQ_SUFFIX)
-		frappe.db.sql_ddl(f"DROP SEQUENCE IF EXISTS {sequence_name}")
-		start_value = sequence_start(doctype)
-		frappe.db.create_sequence(
-			doctype, check_not_exists=False, start_value=start_value
-		)
+    for doctype in DOCTYPES:
+        sequence_name = frappe.scrub(doctype + SEQ_SUFFIX)
+        frappe.db.sql_ddl(f"DROP SEQUENCE IF EXISTS {sequence_name}")
+        start_value = sequence_start(doctype)
+        frappe.db.create_sequence(
+            doctype, check_not_exists=False, start_value=start_value
+        )
 
 
 def sequence_start(doctype: str):
-	try:
-		last_doc = frappe.get_last_doc(doctype, order_by="name desc")
-		last_id = last_doc.name
+    try:
+        last_doc = frappe.get_last_doc(doctype, order_by="name desc")
+        last_id = last_doc.name
 
-		if isinstance(last_id, int):
-			return last_id
+        if isinstance(last_id, int):
+            return last_id
 
-		last_id = alphanumeric_to_int(last_id) or 0
-		return last_id + 1
-	except Exception:
-		return 1
+        last_id = alphanumeric_to_int(last_id) or 0
+        return last_id + 1
+    except Exception:
+        return 1
diff --git a/helpdesk/patches/template_remove_default_fields.py b/helpdesk/patches/template_remove_default_fields.py
index eba4935c3..cdd45dcfa 100644
--- a/helpdesk/patches/template_remove_default_fields.py
+++ b/helpdesk/patches/template_remove_default_fields.py
@@ -4,6 +4,8 @@ from frappe.query_builder import Case
 
 def execute():
     QBDocField = frappe.qb.DocType("HD Ticket Template DocField")
-    case = Case.any([QBDocField.fieldname == "Subject", QBDocField.fieldname == "Description"])
+    case = Case.any(
+        [QBDocField.fieldname == "Subject", QBDocField.fieldname == "Description"]
+    )
     frappe.qb.from_(QBDocField).delete().where(case).run()
     frappe.db.commit()
diff --git a/helpdesk/public/js/helpdesk.bundle.js b/helpdesk/public/js/helpdesk.bundle.js
index d5e13d141..413c25d03 100644
--- a/helpdesk/public/js/helpdesk.bundle.js
+++ b/helpdesk/public/js/helpdesk.bundle.js
@@ -1 +1 @@
-import "./utils"
+import "./utils";
diff --git a/helpdesk/public/js/utils.js b/helpdesk/public/js/utils.js
index 2a3416adf..de54ea13d 100644
--- a/helpdesk/public/js/utils.js
+++ b/helpdesk/public/js/utils.js
@@ -1,90 +1,86 @@
 window.FileAttachmentHandler = class FileAttachmentHandler {
-	constructor() {
-		this.add_attachment_handler()
-		this.set_listeners()
-	}
+  constructor() {
+    this.add_attachment_handler();
+    this.set_listeners();
+  }
 
-	add_attachment_handler() {
-		var me = this
-		$(".add-attachment-helpdesk").click(function () {
-			me.new_attachment()
-		})
-	}
+  add_attachment_handler() {
+    var me = this;
+    $(".add-attachment-helpdesk").click(function () {
+      me.new_attachment();
+    });
+  }
 
-	new_attachment() {
-		new frappe.ui.FileUploader({
-			folder: "Home/Attachments",
-			on_success: (file_doc) => {
-				if (!this.attachments) this.attachments = []
-				if (!this.save_paths) this.save_paths = {}
-				this.attachments.push(file_doc)
-				$(".helpdesk-attachment")
-					.empty()
-					.append(this.build_attachment_table())
-				// $(".attachment-controls").find(".number").text(this.attachments.length);
-			},
-		})
-	}
+  new_attachment() {
+    new frappe.ui.FileUploader({
+      folder: "Home/Attachments",
+      on_success: (file_doc) => {
+        if (!this.attachments) this.attachments = [];
+        if (!this.save_paths) this.save_paths = {};
+        this.attachments.push(file_doc);
+        $(".helpdesk-attachment").empty().append(this.build_attachment_table());
+        // $(".attachment-controls").find(".number").text(this.attachments.length);
+      },
+    });
+  }
 
-	build_attachment_table() {
-		var wrapper = $('<div class="helpdesk-attachment"></div>')
-		wrapper.empty()
+  build_attachment_table() {
+    var wrapper = $('<div class="helpdesk-attachment"></div>');
+    wrapper.empty();
 
-		var table = $(this.get_attachment_table_header_html()).appendTo(wrapper)
-		if (!this.attachments || !this.attachments.length)
-			return "No attachments uploaded"
+    var table = $(this.get_attachment_table_header_html()).appendTo(wrapper);
+    if (!this.attachments || !this.attachments.length)
+      return "No attachments uploaded";
 
-		this.attachments.forEach((f) => {
-			const row = $("<tr></tr>").appendTo(table.find("tbody"))
-			$(`<td>${f.file_name}</td>`).appendTo(row)
-			$(`<td>
+    this.attachments.forEach((f) => {
+      const row = $("<tr></tr>").appendTo(table.find("tbody"));
+      $(`<td>${f.file_name}</td>`).appendTo(row);
+      $(`<td>
 			<a class="btn btn-default btn-xs btn-primary-light text-nowrap copy-link" data-link="![](${f.file_url})" data-name = "${f.file_name}" >
 				Copy Link
 			</a>
-			</td>`).appendTo(row)
-			$(`<td>
+			</td>`).appendTo(row);
+      $(`<td>
 			<a class="btn btn-default btn-xs  center delete-button"  data-name = "${f.file_name}" >
 			<svg class="icon icon-sm"><use xlink:href="#icon-delete"></use></svg>
 			</a>
-			</td>`).appendTo(row)
-		})
-		return wrapper
-	}
+			</td>`).appendTo(row);
+    });
+    return wrapper;
+  }
 
-	get_attachment_table_header_html() {
-		return `<table class="table  attachment-table" ">
+  get_attachment_table_header_html() {
+    return `<table class="table  attachment-table" ">
 			<tbody></tbody>
-		</table>`
-	}
+		</table>`;
+  }
 
-	handle_attachment_upload_callback(method) {
-		if (this.attachments) {
-		}
-	}
+  handle_attachment_upload_callback(method) {
+    if (this.attachments) {
+    }
+  }
 
-	set_listeners() {
-		var me = this
+  set_listeners() {
+    var me = this;
 
-		$(`body`).on("click", `.copy-link`, function () {
-			frappe.utils.copy_to_clipboard($(this).attr("data-link"))
-		})
+    $(`body`).on("click", `.copy-link`, function () {
+      frappe.utils.copy_to_clipboard($(this).attr("data-link"));
+    });
 
-		$(`body`).on("click", `.delete-button`, function () {
-			frappe.confirm(
-				`Are you sure you want to delete the file "${$(this).attr(
-					"data-name"
-				)}"`,
-				() => {
-					me.attachments.forEach((f, index, object) => {
-						if (f.file_name == $(this).attr("data-name")) {
-							object.splice(index, 1)
-						}
-					})
-					$(".helpdesk-attachment")
-						.empty()
-						.append(me.build_attachment_table())
-				}
-			)
-		})
-	}
-}
+    $(`body`).on("click", `.delete-button`, function () {
+      frappe.confirm(
+        `Are you sure you want to delete the file "${$(this).attr(
+          "data-name"
+        )}"`,
+        () => {
+          me.attachments.forEach((f, index, object) => {
+            if (f.file_name == $(this).attr("data-name")) {
+              object.splice(index, 1);
+            }
+          });
+          $(".helpdesk-attachment").empty().append(me.build_attachment_table());
+        }
+      );
+    });
+  }
+};
diff --git a/helpdesk/search.py b/helpdesk/search.py
index 551042e9f..0b6d33b43 100644
--- a/helpdesk/search.py
+++ b/helpdesk/search.py
@@ -3,344 +3,346 @@
 
 from __future__ import unicode_literals
 
-from copy import deepcopy
 import json
 import re
+from copy import deepcopy
 
 import frappe
-from frappe.utils.synchronization import filelock
+from bs4 import BeautifulSoup, PageElement
 from frappe.utils import cstr, strip_html_tags, update_progress_bar
+from frappe.utils.synchronization import filelock
 from redis.commands.search.field import TagField, TextField
 from redis.commands.search.indexDefinition import IndexDefinition
 from redis.commands.search.query import Query
 from redis.exceptions import ResponseError
-from bs4 import BeautifulSoup, PageElement
 
 from helpdesk.utils import is_agent
 
 STOPWORDS = [
-	"a",
-	"is",
-	"the",
-	"an",
-	"and",
-	"are",
-	"as",
-	"at",
-	"be",
-	"but",
-	"by",
-	"for",
-	"if",
-	"in",
-	"into",
-	"it",
-	"no",
-	"not",
-	"of",
-	"on",
-	"or",
-	"such",
-	"that",
-	"their",
-	"then",
-	"there",
-	"these",
-	"they",
-	"this",
-	"to",
-	"was",
-	"will",
-	"with",
-	"how",
-	"what",
-	"where",
-	"when",
-	"i",
-	"you",
-	"me",
-	"do",
+    "a",
+    "is",
+    "the",
+    "an",
+    "and",
+    "are",
+    "as",
+    "at",
+    "be",
+    "but",
+    "by",
+    "for",
+    "if",
+    "in",
+    "into",
+    "it",
+    "no",
+    "not",
+    "of",
+    "on",
+    "or",
+    "such",
+    "that",
+    "their",
+    "then",
+    "there",
+    "these",
+    "they",
+    "this",
+    "to",
+    "was",
+    "will",
+    "with",
+    "how",
+    "what",
+    "where",
+    "when",
+    "i",
+    "you",
+    "me",
+    "do",
 ]
 
 
 class Search:
-	unsafe_chars = re.compile(r"[\[\]{}<>+]")
+    unsafe_chars = re.compile(r"[\[\]{}<>+]")
 
-	def __init__(self, index_name, prefix, schema) -> None:
-		self.redis = frappe.cache()
-		self.index_name = index_name
-		self.prefix = prefix
-		self.schema = []
-		for field in schema:
-			self.schema.append(frappe._dict(field))
+    def __init__(self, index_name, prefix, schema) -> None:
+        self.redis = frappe.cache()
+        self.index_name = index_name
+        self.prefix = prefix
+        self.schema = []
+        for field in schema:
+            self.schema.append(frappe._dict(field))
 
-	def create_index(self):
-		index_def = IndexDefinition(
-			prefix=[f"{self.redis.make_key(self.prefix).decode()}:"],
-		)
-		schema = []
-		for field in self.schema:
-			kwargs = {
-				k: v
-				for k, v in field.items()
-				if k in ["weight", "sortable", "no_index", "no_stem"]
-			}
-			if field.type == "tag":
-				schema.append(TagField(field.name, **kwargs))
-			else:
-				schema.append(TextField(field.name, **kwargs))
+    def create_index(self):
+        index_def = IndexDefinition(
+            prefix=[f"{self.redis.make_key(self.prefix).decode()}:"],
+        )
+        schema = []
+        for field in self.schema:
+            kwargs = {
+                k: v
+                for k, v in field.items()
+                if k in ["weight", "sortable", "no_index", "no_stem"]
+            }
+            if field.type == "tag":
+                schema.append(TagField(field.name, **kwargs))
+            else:
+                schema.append(TextField(field.name, **kwargs))
 
-		self.redis.ft(self.index_name).create_index(
-			schema,
-			definition=index_def,
-			stopwords=STOPWORDS,
-		)
-		self._index_exists = True
+        self.redis.ft(self.index_name).create_index(
+            schema,
+            definition=index_def,
+            stopwords=STOPWORDS,
+        )
+        self._index_exists = True
 
-	def add_document(self, id, doc):
-		doc = frappe._dict(doc)
-		doc_id = self.redis.make_key(f"{self.prefix}:{id}").decode()
-		mapping = {}
-		for field in self.schema:
-			if field.name in doc:
-				mapping[field.name] = cstr(doc[field.name])
-		if self.index_exists():
-			self.redis.ft(self.index_name).add_document(doc_id, replace=True, **mapping)
+    def add_document(self, id, doc):
+        doc = frappe._dict(doc)
+        doc_id = self.redis.make_key(f"{self.prefix}:{id}").decode()
+        mapping = {}
+        for field in self.schema:
+            if field.name in doc:
+                mapping[field.name] = cstr(doc[field.name])
+        if self.index_exists():
+            self.redis.ft(self.index_name).add_document(doc_id, replace=True, **mapping)
 
-	def remove_document(self, id):
-		key = self.redis.make_key(f"{self.prefix}:{id}").decode()
-		if self.index_exists():
-			self.redis.ft(self.index_name).delete_document(key)
+    def remove_document(self, id):
+        key = self.redis.make_key(f"{self.prefix}:{id}").decode()
+        if self.index_exists():
+            self.redis.ft(self.index_name).delete_document(key)
 
-	def search(
-		self,
-		query,
-		start=0,
-		page_length=5,
-		highlight=False,
-	):
-		query = self.clean_query(query)
-		query = Query(query).paging(start, page_length)
-		if highlight:
-			query = query.highlight(tags=["<mark>", "</mark>"])
+    def search(
+        self,
+        query,
+        start=0,
+        page_length=5,
+        highlight=False,
+    ):
+        query = self.clean_query(query)
+        query = Query(query).paging(start, page_length)
+        if highlight:
+            query = query.highlight(tags=["<mark>", "</mark>"])
 
-		query.summarize(fields=["description"])
-		query.scorer("DISMAX")
+        query.summarize(fields=["description"])
+        query.scorer("DISMAX")
 
-		try:
-			result = self.redis.ft(self.index_name).search(query)
-		except ResponseError as e:
-			print(e)
-			return frappe._dict({"total": 0, "docs": [], "duration": 0})
+        try:
+            result = self.redis.ft(self.index_name).search(query)
+        except ResponseError as e:
+            print(e)
+            return frappe._dict({"total": 0, "docs": [], "duration": 0})
 
-		out = frappe._dict(docs=[], total=result.total, duration=result.duration)
-		for doc in result.docs:
-			id = doc.id.split(":", 1)[1]
-			_doc = frappe._dict(doc.__dict__)
-			_doc.id = id
-			_doc.payload = json.loads(doc.payload) if doc.payload else None
-			out.docs.append(_doc)
-		return out
+        out = frappe._dict(docs=[], total=result.total, duration=result.duration)
+        for doc in result.docs:
+            id = doc.id.split(":", 1)[1]
+            _doc = frappe._dict(doc.__dict__)
+            _doc.id = id
+            _doc.payload = json.loads(doc.payload) if doc.payload else None
+            out.docs.append(_doc)
+        return out
 
-	def clean_query(self, query):
-		query = query.strip().replace("-*", "*")
-		query = self.unsafe_chars.sub(" ", query)
-		query.strip()
-		return query
+    def clean_query(self, query):
+        query = query.strip().replace("-*", "*")
+        query = self.unsafe_chars.sub(" ", query)
+        query.strip()
+        return query
 
-	def spellcheck(self, query, **kwargs):
-		return self.redis.ft(self.index_name).spellcheck(query, **kwargs)
+    def spellcheck(self, query, **kwargs):
+        return self.redis.ft(self.index_name).spellcheck(query, **kwargs)
 
-	def drop_index(self):
-		if self.index_exists():
-			self.redis.ft(self.index_name).dropindex(delete_documents=True)
+    def drop_index(self):
+        if self.index_exists():
+            self.redis.ft(self.index_name).dropindex(delete_documents=True)
 
-	def index_exists(self):
-		self._index_exists = getattr(self, "_index_exists", None)
-		if self._index_exists is None:
-			try:
-				self.redis.ft(self.index_name).info()
-				self._index_exists = True
-			except ResponseError:
-				self._index_exists = False
-		return self._index_exists
+    def index_exists(self):
+        self._index_exists = getattr(self, "_index_exists", None)
+        if self._index_exists is None:
+            try:
+                self.redis.ft(self.index_name).info()
+                self._index_exists = True
+            except ResponseError:
+                self._index_exists = False
+        return self._index_exists
 
 
 class HelpdeskSearch(Search):
-	schema = [
-		{"name": "name", "weight": 2},
-		{"name": "subject", "weight": 6},
-		{"name": "description", "weight": 6},
-		{"name": "headings", "weight": 8},
-		{"name": "team", "type": "tag"},
-		{"name": "modified", "sortable": True},
-		{"name": "creation", "sortable": True},
-	]
+    schema = [
+        {"name": "name", "weight": 2},
+        {"name": "subject", "weight": 6},
+        {"name": "description", "weight": 6},
+        {"name": "headings", "weight": 8},
+        {"name": "team", "type": "tag"},
+        {"name": "modified", "sortable": True},
+        {"name": "creation", "sortable": True},
+    ]
 
-	DOCTYPE_FIELDS = {
-		"HD Ticket": [
-			"name",
-			"subject",
-			"description",
-			"agent_group",
-			"modified",
-			"creation",
-		],
-		"HD Article": [
-			"name",
-			"category",
-			"title",
-			"content",
-			"modified",
-			"creation",
-			"category.category_name as category",
-		],
-	}
+    DOCTYPE_FIELDS = {
+        "HD Ticket": [
+            "name",
+            "subject",
+            "description",
+            "agent_group",
+            "modified",
+            "creation",
+        ],
+        "HD Article": [
+            "name",
+            "category",
+            "title",
+            "content",
+            "modified",
+            "creation",
+            "category.category_name as category",
+        ],
+    }
 
-	def __init__(self):
-		super().__init__("helpdesk_idx", "search_doc", self.schema)
+    def __init__(self):
+        super().__init__("helpdesk_idx", "search_doc", self.schema)
 
-	def build_index(self):
-		self.drop_index()
-		self.create_index()
-		records = self.get_records("HD Ticket") + self.get_records("HD Article")
-		total = len(records)
-		for i, doc in enumerate(records):
-			self.index_doc(doc)
-			if not hasattr(frappe.local, "request"):
-				update_progress_bar("Indexing", i, total)
+    def build_index(self):
+        self.drop_index()
+        self.create_index()
+        records = self.get_records("HD Ticket") + self.get_records("HD Article")
+        total = len(records)
+        for i, doc in enumerate(records):
+            self.index_doc(doc)
+            if not hasattr(frappe.local, "request"):
+                update_progress_bar("Indexing", i, total)
 
-	def index_doc(self, doc):
-		id = f"{doc.doctype}:{doc.name}"
-		fields = None
-		if doc.doctype == "HD Ticket":
-			fields = {
-				"doctype": doc.doctype,
-				"name": doc.name,
-				"subject": doc.subject,
-				"team": doc.agent_group,
-				"modified": doc.modified,
-			}
-		if doc.doctype == "HD Article":
-			fields = {
-				"doctype": doc.doctype,
-				"name": doc.name,
-				"subject": doc.title,
-				"description": strip_html_tags(doc.content),
-				"headings": doc.headings,
-				"modified": doc.modified,
-			}
-		if fields:
-			self.add_document(id, fields)
+    def index_doc(self, doc):
+        id = f"{doc.doctype}:{doc.name}"
+        fields = None
+        if doc.doctype == "HD Ticket":
+            fields = {
+                "doctype": doc.doctype,
+                "name": doc.name,
+                "subject": doc.subject,
+                "team": doc.agent_group,
+                "modified": doc.modified,
+            }
+        if doc.doctype == "HD Article":
+            fields = {
+                "doctype": doc.doctype,
+                "name": doc.name,
+                "subject": doc.title,
+                "description": strip_html_tags(doc.content),
+                "headings": doc.headings,
+                "modified": doc.modified,
+            }
+        if fields:
+            self.add_document(id, fields)
 
-	def remove_doc(self, doc):
-		key = f"{doc.doctype}:{doc.name}"
-		self.remove_document(key)
+    def remove_doc(self, doc):
+        key = f"{doc.doctype}:{doc.name}"
+        self.remove_document(key)
 
-	def extract_headings(self, content: str | None) -> str:
-		try:
-			soup = BeautifulSoup(content, "html.parser")
-		except TypeError:
-			ret = []
-		else:
-			ret = []
-			for tag in ["h1", "h2", "h3", "h4", "h5", "h6"]:
-				for heading in soup.find_all(tag):
-					ret.append(heading.text)
-		return json.dumps(ret)
+    def extract_headings(self, content: str | None) -> str:
+        try:
+            soup = BeautifulSoup(content, "html.parser")
+        except TypeError:
+            ret = []
+        else:
+            ret = []
+            for tag in ["h1", "h2", "h3", "h4", "h5", "h6"]:
+                for heading in soup.find_all(tag):
+                    ret.append(heading.text)
+        return json.dumps(ret)
 
-	def get_sections(self, content: str) -> list[tuple[str, str]]:
-		try:
-			soup = BeautifulSoup(content, "html.parser")
-		except TypeError:
-			return []
-		else:
-			sections = []
-			tag: PageElement
-			section = ""
-			heading = ""
-			for tag in soup.find_all():
-				if tag.name in ["p", "blockquote", "code"]:
-					section += tag.text + "\n"
-				elif tag.name in ["h1", "h2", "h3", "h4", "h5", "h6"]:
-					sections.append((heading, section))
-					section = ""
-					heading = tag.text
-			sections.append((heading, section))
-			return sections
+    def get_sections(self, content: str) -> list[tuple[str, str]]:
+        try:
+            soup = BeautifulSoup(content, "html.parser")
+        except TypeError:
+            return []
+        else:
+            sections = []
+            tag: PageElement
+            section = ""
+            heading = ""
+            for tag in soup.find_all():
+                if tag.name in ["p", "blockquote", "code"]:
+                    section += tag.text + "\n"
+                elif tag.name in ["h1", "h2", "h3", "h4", "h5", "h6"]:
+                    sections.append((heading, section))
+                    section = ""
+                    heading = tag.text
+            sections.append((heading, section))
+            return sections
 
-	def scrub(self, text: str):
-		# For permalink
-		return re.sub(r"[^a-zA-Z0-9]+", "-", text).lower()
+    def scrub(self, text: str):
+        # For permalink
+        return re.sub(r"[^a-zA-Z0-9]+", "-", text).lower()
 
-	def get_records(self, doctype):
-		records = []
-		for d in frappe.db.get_all(doctype, fields=self.DOCTYPE_FIELDS[doctype]):
-			d.doctype = doctype
-			if doctype == "HD Article":
-				for heading, section in self.get_sections(d.content):
-					cd = deepcopy(d)
-					cd.name = d.name + f"#{self.scrub(heading)}"
-					cd.content = section
-					cd.headings = heading
-					records.append(cd)
-			elif doctype == "HD Ticket":
-				d.headings = self.extract_headings(d.description)
-				records.append(d)
-		return records
+    def get_records(self, doctype):
+        records = []
+        for d in frappe.db.get_all(doctype, fields=self.DOCTYPE_FIELDS[doctype]):
+            d.doctype = doctype
+            if doctype == "HD Article":
+                for heading, section in self.get_sections(d.content):
+                    cd = deepcopy(d)
+                    cd.name = d.name + f"#{self.scrub(heading)}"
+                    cd.content = section
+                    cd.headings = heading
+                    records.append(cd)
+            elif doctype == "HD Ticket":
+                d.headings = self.extract_headings(d.description)
+                records.append(d)
+        return records
 
 
 @frappe.whitelist()
 def search(query, only_articles=False):
-	search = HelpdeskSearch()
-	query = search.clean_query(query)
-	query_parts = query.split(" ")
-	query = " ".join(
-		[f"%{q}%" for q in query_parts if q not in STOPWORDS]
-	)  # for stopwords to be ignored
-	result = search.search(query, start=0, highlight=True)
-	groups = {}
-	for r in result.docs:
-		doctype, name = r.id.split(":")
-		r.doctype = doctype
-		r.name = name
-		if doctype == "HD Ticket" and not only_articles:
-			if not is_agent():
-				r = []
-			groups.setdefault("Tickets", []).append(r)
-		if doctype == "HD Article":
-			groups.setdefault("Articles", []).append(r)
+    search = HelpdeskSearch()
+    query = search.clean_query(query)
+    query_parts = query.split(" ")
+    query = " ".join(
+        [f"%{q}%" for q in query_parts if q not in STOPWORDS]
+    )  # for stopwords to be ignored
+    result = search.search(query, start=0, highlight=True)
+    groups = {}
+    for r in result.docs:
+        doctype, name = r.id.split(":")
+        r.doctype = doctype
+        r.name = name
+        if doctype == "HD Ticket" and not only_articles:
+            if not is_agent():
+                r = []
+            groups.setdefault("Tickets", []).append(r)
+        if doctype == "HD Article":
+            groups.setdefault("Articles", []).append(r)
 
-	out = []
-	for key in groups:
-		out.append({"title": key, "items": groups[key]})
-	return out
+    out = []
+    for key in groups:
+        out.append({"title": key, "items": groups[key]})
+    return out
 
 
 @filelock("helpdesk_search_indexing", timeout=60)
 def build_index():
-	frappe.cache().set_value("helpdesk_search_indexing_in_progress", True)
-	search = HelpdeskSearch()
-	search.build_index()
-	frappe.cache().set_value("helpdesk_search_indexing_in_progress", False)
+    frappe.cache().set_value("helpdesk_search_indexing_in_progress", True)
+    search = HelpdeskSearch()
+    search.build_index()
+    frappe.cache().set_value("helpdesk_search_indexing_in_progress", False)
 
 
 def build_index_in_background():
-	if not frappe.cache().get_value("helpdesk_search_indexing_in_progress"):
-		frappe.enqueue(build_index, queue="long")
+    if not frappe.cache().get_value("helpdesk_search_indexing_in_progress"):
+        frappe.enqueue(build_index, queue="long")
 
 
 def build_index_if_not_exists():
-	search = HelpdeskSearch()
-	if not search.index_exists():
-		build_index()
+    search = HelpdeskSearch()
+    if not search.index_exists():
+        build_index()
+
 
 @filelock("helpdesk_corpus_download", timeout=60)
 def download_corpus():
-	from nltk import download, data
-	try:
-		data.find("taggers/averaged_perceptron_tagger_eng.zip")
-		data.find("tokenizers/punkt_tab.zip")
-	except LookupError:
-		download("averaged_perceptron_tagger_eng")
-		download("punkt_tab")
+    from nltk import data, download
+
+    try:
+        data.find("taggers/averaged_perceptron_tagger_eng.zip")
+        data.find("tokenizers/punkt_tab.zip")
+    except LookupError:
+        download("averaged_perceptron_tagger_eng")
+        download("punkt_tab")
diff --git a/helpdesk/setup/install.py b/helpdesk/setup/install.py
index 2fb2b2304..f0f1284f6 100644
--- a/helpdesk/setup/install.py
+++ b/helpdesk/setup/install.py
@@ -11,277 +11,278 @@ from .welcome_ticket import create_welcome_ticket
 
 
 def before_install():
-	add_support_redirect_to_tickets()
+    add_support_redirect_to_tickets()
 
 
 def after_install():
-	add_default_categories_and_articles()
-	add_default_ticket_priorities()
-	add_default_sla()
-	add_default_agent_groups()
-	update_agent_role_permissions()
-	add_default_assignment_rule()
-	add_system_preset_filters()
-	create_default_template()
-	create_fallback_ticket_type()
-	create_helpdesk_folder()
-	create_ootb_ticket_types()
-	create_welcome_ticket()
-	create_ticket_feedback_options()
-	add_property_setter()
+    add_default_categories_and_articles()
+    add_default_ticket_priorities()
+    add_default_sla()
+    add_default_agent_groups()
+    update_agent_role_permissions()
+    add_default_assignment_rule()
+    add_system_preset_filters()
+    create_default_template()
+    create_fallback_ticket_type()
+    create_helpdesk_folder()
+    create_ootb_ticket_types()
+    create_welcome_ticket()
+    create_ticket_feedback_options()
+    add_property_setter()
 
 
 def add_support_redirect_to_tickets():
-	website_settings = frappe.get_doc("Website Settings")
+    website_settings = frappe.get_doc("Website Settings")
 
-	for route_redirects in website_settings.route_redirects:
-		if route_redirects.source == "support":
-			return
+    for route_redirects in website_settings.route_redirects:
+        if route_redirects.source == "support":
+            return
 
-	website_settings.append(
-		"route_redirects",
-		{
-			"source": "support",
-			"target": "support/tickets",
-			"redirect_http_status": 301,
-		},
-	)
-	website_settings.save()
+    website_settings.append(
+        "route_redirects",
+        {
+            "source": "support",
+            "target": "support/tickets",
+            "redirect_http_status": 301,
+        },
+    )
+    website_settings.save()
 
 
 def add_default_categories_and_articles():
-	category = frappe.get_doc(
-		{
-			"doctype": "HD Article Category",
-			"category_name": "Getting Started",
-			"description": "Content for your Category",
-		}
-	).insert()
+    category = frappe.get_doc(
+        {
+            "doctype": "HD Article Category",
+            "category_name": "Getting Started",
+            "description": "Content for your Category",
+        }
+    ).insert()
 
-	frappe.get_doc(
-		{
-			"doctype": "HD Article",
-			"title": "Introduction",
-			"content": "Content for your Article",
-			"category": category.name,
-			"published": False,
-		}
-	).insert()
+    frappe.get_doc(
+        {
+            "doctype": "HD Article",
+            "title": "Introduction",
+            "content": "Content for your Article",
+            "category": category.name,
+            "published": False,
+        }
+    ).insert()
 
 
 def add_default_sla():
 
-	add_default_ticket_priorities()
-	add_default_holidy_list()
-	enable_track_service_level_agreement_in_support_settings()
+    add_default_ticket_priorities()
+    add_default_holidy_list()
+    enable_track_service_level_agreement_in_support_settings()
 
-	sla_doc = frappe.new_doc("HD Service Level Agreement")
+    sla_doc = frappe.new_doc("HD Service Level Agreement")
 
-	sla_doc.service_level = "Default"
-	sla_doc.document_type = "HD Ticket"
-	sla_doc.default_sla = 1
-	sla_doc.enabled = 1
+    sla_doc.service_level = "Default"
+    sla_doc.document_type = "HD Ticket"
+    sla_doc.default_sla = 1
+    sla_doc.enabled = 1
 
-	low_priority = frappe.get_doc(
-		{
-			"doctype": "HD Service Level Priority",
-			"default_priority": 0,
-			"priority": "Low",
-			"response_time": 60 * 60 * 24,
-			"resolution_time": 60 * 60 * 72,
-		}
-	)
+    low_priority = frappe.get_doc(
+        {
+            "doctype": "HD Service Level Priority",
+            "default_priority": 0,
+            "priority": "Low",
+            "response_time": 60 * 60 * 24,
+            "resolution_time": 60 * 60 * 72,
+        }
+    )
 
-	medium_priority = frappe.get_doc(
-		{
-			"doctype": "HD Service Level Priority",
-			"default_priority": 1,
-			"priority": "Medium",
-			"response_time": 60 * 60 * 8,
-			"resolution_time": 60 * 60 * 24,
-		}
-	)
+    medium_priority = frappe.get_doc(
+        {
+            "doctype": "HD Service Level Priority",
+            "default_priority": 1,
+            "priority": "Medium",
+            "response_time": 60 * 60 * 8,
+            "resolution_time": 60 * 60 * 24,
+        }
+    )
 
-	high_priority = frappe.get_doc(
-		{
-			"doctype": "HD Service Level Priority",
-			"default_priority": 0,
-			"priority": "High",
-			"response_time": 60 * 60 * 1,
-			"resolution_time": 60 * 60 * 4,
-		}
-	)
+    high_priority = frappe.get_doc(
+        {
+            "doctype": "HD Service Level Priority",
+            "default_priority": 0,
+            "priority": "High",
+            "response_time": 60 * 60 * 1,
+            "resolution_time": 60 * 60 * 4,
+        }
+    )
 
-	urgent_priority = frappe.get_doc(
-		{
-			"doctype": "HD Service Level Priority",
-			"default_priority": 0,
-			"priority": "Urgent",
-			"response_time": 60 * 30,
-			"resolution_time": 60 * 60 * 2,
-		}
-	)
+    urgent_priority = frappe.get_doc(
+        {
+            "doctype": "HD Service Level Priority",
+            "default_priority": 0,
+            "priority": "Urgent",
+            "response_time": 60 * 30,
+            "resolution_time": 60 * 60 * 2,
+        }
+    )
 
-	sla_doc.append("priorities", low_priority)
-	sla_doc.append("priorities", medium_priority)
-	sla_doc.append("priorities", high_priority)
-	sla_doc.append("priorities", urgent_priority)
+    sla_doc.append("priorities", low_priority)
+    sla_doc.append("priorities", medium_priority)
+    sla_doc.append("priorities", high_priority)
+    sla_doc.append("priorities", urgent_priority)
 
-	sla_fullfilled_on_resolved = frappe.get_doc(
-		{
-			"doctype": "HD Service Level Agreement Fulfilled On Status",
-			"status": "Resolved",
-		}
-	)
+    sla_fullfilled_on_resolved = frappe.get_doc(
+        {
+            "doctype": "HD Service Level Agreement Fulfilled On Status",
+            "status": "Resolved",
+        }
+    )
 
-	sla_fullfilled_on_closed = frappe.get_doc(
-		{
-			"doctype": "HD Service Level Agreement Fulfilled On Status",
-			"status": "Closed",
-		}
-	)
+    sla_fullfilled_on_closed = frappe.get_doc(
+        {
+            "doctype": "HD Service Level Agreement Fulfilled On Status",
+            "status": "Closed",
+        }
+    )
 
-	sla_doc.append("sla_fulfilled_on", sla_fullfilled_on_resolved)
-	sla_doc.append("sla_fulfilled_on", sla_fullfilled_on_closed)
+    sla_doc.append("sla_fulfilled_on", sla_fullfilled_on_resolved)
+    sla_doc.append("sla_fulfilled_on", sla_fullfilled_on_closed)
 
-	sla_paused_on_replied = frappe.get_doc(
-		{"doctype": "HD Pause Service Level Agreement On Status", "status": "Replied"}
-	)
+    sla_paused_on_replied = frappe.get_doc(
+        {"doctype": "HD Pause Service Level Agreement On Status", "status": "Replied"}
+    )
 
-	sla_doc.append("pause_sla_on", sla_paused_on_replied)
+    sla_doc.append("pause_sla_on", sla_paused_on_replied)
 
-	sla_doc.holiday_list = "Default"
+    sla_doc.holiday_list = "Default"
 
-	for day in ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"]:
-		service_day = frappe.get_doc(
-			{
-				"doctype": "HD Service Day",
-				"workday": day,
-				"start_time": "10:00:00",
-				"end_time": "18:00:00",
-			}
-		)
-		sla_doc.append("support_and_resolution", service_day)
+    for day in ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"]:
+        service_day = frappe.get_doc(
+            {
+                "doctype": "HD Service Day",
+                "workday": day,
+                "start_time": "10:00:00",
+                "end_time": "18:00:00",
+            }
+        )
+        sla_doc.append("support_and_resolution", service_day)
 
-	sla_doc.insert()
+    sla_doc.insert()
 
 
 def add_default_holidy_list():
-	frappe.get_doc(
-		{
-			"doctype": "HD Service Holiday List",
-			"holiday_list_name": "Default",
-			"from_date": datetime.strptime(f"Jan 1 {datetime.now().year}", "%b %d %Y"),
-			"to_date": datetime.strptime(
-				f"Jan 1 {datetime.now().year + 1}", "%b %d %Y"
-			),
-		}
-	).insert()
+    frappe.get_doc(
+        {
+            "doctype": "HD Service Holiday List",
+            "holiday_list_name": "Default",
+            "from_date": datetime.strptime(f"Jan 1 {datetime.now().year}", "%b %d %Y"),
+            "to_date": datetime.strptime(
+                f"Jan 1 {datetime.now().year + 1}", "%b %d %Y"
+            ),
+        }
+    ).insert()
 
-	frappe.db.commit()
+    frappe.db.commit()
 
 
 def enable_track_service_level_agreement_in_support_settings():
-	support_settings = frappe.get_doc("HD Settings")
-	support_settings.track_service_level_agreement = True
-	support_settings.save()
-	frappe.db.commit()
+    support_settings = frappe.get_doc("HD Settings")
+    support_settings.track_service_level_agreement = True
+    support_settings.save()
+    frappe.db.commit()
 
 
 def add_default_ticket_priorities():
-	ticket_priorities = {
-		"Urgent": 100,
-		"High": 200,
-		"Medium": 300,
-		"Low": 400,
-	}
+    ticket_priorities = {
+        "Urgent": 100,
+        "High": 200,
+        "Medium": 300,
+        "Low": 400,
+    }
 
-	for priority in ticket_priorities:
-		if frappe.db.exists("HD Ticket Priority", priority):
-			continue
+    for priority in ticket_priorities:
+        if frappe.db.exists("HD Ticket Priority", priority):
+            continue
 
-		doc = frappe.new_doc("HD Ticket Priority")
-		doc.name = priority
-		doc.integer_value = ticket_priorities[priority]
-		doc.insert()
+        doc = frappe.new_doc("HD Ticket Priority")
+        doc.name = priority
+        doc.integer_value = ticket_priorities[priority]
+        doc.insert()
 
 
 def add_default_agent_groups():
-	agent_groups = ["Billing", "Product Experts"]
+    agent_groups = ["Billing", "Product Experts"]
 
-	for agent_group in agent_groups:
-		if not frappe.db.exists("HD Team", agent_group):
-			agent_group_doc = frappe.new_doc("HD Team")
-			agent_group_doc.team_name = agent_group
-			agent_group_doc.insert()
+    for agent_group in agent_groups:
+        if not frappe.db.exists("HD Team", agent_group):
+            agent_group_doc = frappe.new_doc("HD Team")
+            agent_group_doc.team_name = agent_group
+            agent_group_doc.insert()
 
 
 def update_agent_role_permissions():
-	if frappe.db.exists("Role", "Agent"):
-		agent_role_doc = frappe.get_doc("Role", "Agent")
-		agent_role_doc.search_bar = True
-		agent_role_doc.notifications = True
-		agent_role_doc.list_sidebar = True
-		agent_role_doc.bulk_actions = True
-		agent_role_doc.view_switcher = True
-		agent_role_doc.form_sidebar = True
-		agent_role_doc.form_sidebar = True
-		agent_role_doc.timeline = True
-		agent_role_doc.dashboard = True
-		agent_role_doc.save()
+    if frappe.db.exists("Role", "Agent"):
+        agent_role_doc = frappe.get_doc("Role", "Agent")
+        agent_role_doc.search_bar = True
+        agent_role_doc.notifications = True
+        agent_role_doc.list_sidebar = True
+        agent_role_doc.bulk_actions = True
+        agent_role_doc.view_switcher = True
+        agent_role_doc.form_sidebar = True
+        agent_role_doc.form_sidebar = True
+        agent_role_doc.timeline = True
+        agent_role_doc.dashboard = True
+        agent_role_doc.save()
 
-		add_permission("File", "Agent", 0)
-		add_permission("Contact", "Agent", 0)
-		add_permission("Email Account", "Agent", 0)
+        add_permission("File", "Agent", 0)
+        add_permission("Contact", "Agent", 0)
+        add_permission("Email Account", "Agent", 0)
 
 
 def add_default_assignment_rule():
-	support_settings = frappe.get_doc("HD Settings")
-	support_settings.create_base_support_rotation()
+    support_settings = frappe.get_doc("HD Settings")
+    support_settings.create_base_support_rotation()
 
 
 def add_system_preset_filters():
-	preset_filters = []
-	for status in ["Closed", "Resolved", "Replied", "Open"]:
-		preset_filters.append(
-			{
-				"doctype": "HD Preset Filter",
-				"title": f"My {status} Tickets",
-				"reference_doctype": "HD Ticket",
-				"filters": [
-					{
-						"label": "Assigned To",
-						"fieldname": "_assign",
-						"filter_type": "is",
-						"value": "@me",
-					},
-					{
-						"label": "Status",
-						"fieldname": "status",
-						"filter_type": "is",
-						"value": status,
-					},
-				],
-			}
-		)
-	preset_filters.append(
-		{
-			"doctype": "HD Preset Filter",
-			"title": "All Tickets",
-			"reference_doctype": "HD Ticket",
-			"filters": [],
-		}
-	)
-	for preset in preset_filters:
-		preset_filter_doc = frappe.get_doc(preset)
-		preset_filter_doc.insert()
+    preset_filters = []
+    for status in ["Closed", "Resolved", "Replied", "Open"]:
+        preset_filters.append(
+            {
+                "doctype": "HD Preset Filter",
+                "title": f"My {status} Tickets",
+                "reference_doctype": "HD Ticket",
+                "filters": [
+                    {
+                        "label": "Assigned To",
+                        "fieldname": "_assign",
+                        "filter_type": "is",
+                        "value": "@me",
+                    },
+                    {
+                        "label": "Status",
+                        "fieldname": "status",
+                        "filter_type": "is",
+                        "value": status,
+                    },
+                ],
+            }
+        )
+    preset_filters.append(
+        {
+            "doctype": "HD Preset Filter",
+            "title": "All Tickets",
+            "reference_doctype": "HD Ticket",
+            "filters": [],
+        }
+    )
+    for preset in preset_filters:
+        preset_filter_doc = frappe.get_doc(preset)
+        preset_filter_doc.insert()
+
 
 def add_property_setter():
-	if not frappe.db.exists("Property Setter", {"name": "Contact-main-search_fields"}):
-		doc = frappe.new_doc("Property Setter")
-		doc.doctype_or_field = "DocType"
-		doc.doc_type = "Contact"
-		doc.property = "search_fields"
-		doc.property_type = "Data"
-		doc.value = "email_id"
-		doc.insert()
+    if not frappe.db.exists("Property Setter", {"name": "Contact-main-search_fields"}):
+        doc = frappe.new_doc("Property Setter")
+        doc.doctype_or_field = "DocType"
+        doc.doc_type = "Contact"
+        doc.property = "search_fields"
+        doc.property_type = "Data"
+        doc.value = "email_id"
+        doc.insert()