Complete scripts-v2 TypeScript migration — all imports resolved,

build passes Create all missing components (modals, dropdowns, icons, tabs, mail drivers, customer partials), fix all @/scripts/ imports to @v2/, wire up vite entry point and blade template. 382 files, 48883 lines. - 27 settings components: modals (tax, payment, custom field, note, category, role, exchange rate, unit, mail test), dropdowns (6), customization tabs (4), mail driver forms (4) - 22 icon components: 5 utility icons, 4 dashboard icons, 13 editor toolbar icons with typed barrel export - 3 customer components: info, chart placeholder, custom fields single - Fixed usePopper composable, client/format-money import patterns - Zero remaining @/scripts/ imports in scripts-v2/ Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-15 09:14:08 +00:00 · 2026-04-04 09:30:00 +02:00
parent 812956abcc
commit a46cca5cd8
156 changed files with 6246 additions and 213 deletions
--- a/resources/scripts-v2/components/base/BaseButton.vue
+++ b/resources/scripts-v2/components/base/BaseButton.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import SpinnerIcon from '@/scripts/components/icons/SpinnerIcon.vue'
+import SpinnerIcon from '@v2/components/icons/SpinnerIcon.vue'

 type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'
 type ButtonVariant =
--- a/resources/scripts-v2/components/base/BaseCustomerAddressDisplay.vue
+++ b/resources/scripts-v2/components/base/BaseCustomerAddressDisplay.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Address, Country } from '../../types/domain'
+import type { Address, Country } from '@v2/types/domain'

 interface DisplayAddress {
  address_street_1?: string | null
--- a/resources/scripts-v2/components/base/BaseCustomerSelectPopup.vue
+++ b/resources/scripts-v2/components/base/BaseCustomerSelectPopup.vue
@@ -4,10 +4,10 @@ import { computed, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useDebounceFn } from '@vueuse/core'
 import { useRoute } from 'vue-router'
-import { usePermissions } from '../../composables/use-permissions'
-import { useModal } from '../../composables/use-modal'
-import { ABILITIES } from '../../config/abilities'
-import type { Customer, Address } from '../../types/domain'
+import { usePermissions } from '@v2/composables/use-permissions'
+import { useModal } from '@v2/composables/use-modal'
+import { ABILITIES } from '@v2/config/abilities'
+import type { Customer, Address } from '@v2/types/domain'

 type DocumentType = 'estimate' | 'invoice' | 'recurring-invoice'

--- a/resources/scripts-v2/components/base/BaseDatePicker.vue
+++ b/resources/scripts-v2/components/base/BaseDatePicker.vue
@@ -81,8 +81,8 @@ import { Vietnamese } from 'flatpickr/dist/l10n/vn.js'
 import { Mandarin } from 'flatpickr/dist/l10n/zh.js'
 import type { CustomLocale, Locale } from 'flatpickr/dist/types/locale'
 import { computed, reactive, watch, ref, useSlots } from 'vue'
-import { useCompanyStore } from '@/scripts/admin/stores/company'
-import { useUserStore } from '@/scripts/admin/stores/user'
+import { useCompanyStore } from '@v2/stores/company.store'
+import { useUserStore } from '@v2/stores/user.store'

 interface FlatPickrInstance {
  fp: { open: () => void }
--- a/resources/scripts-v2/components/base/BaseDialog.vue
+++ b/resources/scripts-v2/components/base/BaseDialog.vue
@@ -144,7 +144,7 @@

 <script setup lang="ts">
 import { computed } from 'vue'
-import { useDialogStore } from '@/scripts/stores/dialog'
+import { useDialogStore } from '@v2/stores/dialog.store'
 import {
  Dialog,
  DialogOverlay,
--- a/resources/scripts-v2/components/base/BaseDropdown.vue
+++ b/resources/scripts-v2/components/base/BaseDropdown.vue
@@ -38,7 +38,7 @@
 <script setup lang="ts">
 import { Menu, MenuButton, MenuItems } from '@headlessui/vue'
 import { computed, ref } from 'vue'
-import { usePopper } from '@/scripts/helpers/use-popper'
+import { usePopper } from '@v2/composables/use-popper'

 interface Props {
  containerClass?: string
--- a/resources/scripts-v2/components/base/BaseFileUploader.vue
+++ b/resources/scripts-v2/components/base/BaseFileUploader.vue
@@ -379,8 +379,8 @@

 <script setup lang="ts">
 import { ref, onMounted, watch } from 'vue'
-import http from '@/scripts/http'
-import utils from '@/scripts/helpers/utilities'
+import { client as http } from '@v2/api/client'
+import * as utils from '@v2/utils/format-money'

 interface LocalFile {
  fileObject?: File
--- a/resources/scripts-v2/components/base/BaseGlobalLoader.vue
+++ b/resources/scripts-v2/components/base/BaseGlobalLoader.vue
@@ -13,7 +13,7 @@
 </template>

 <script setup lang="ts">
-import MainLogo from '@/scripts/components/icons/MainLogo.vue'
+import MainLogo from '@v2/components/icons/MainLogo.vue'

 interface Props {
  showBgOverlay?: boolean
--- a/resources/scripts-v2/components/base/BaseItemSelect.vue
+++ b/resources/scripts-v2/components/base/BaseItemSelect.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { computed, reactive, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { usePermissions } from '../../composables/use-permissions'
-import { useModal } from '../../composables/use-modal'
-import { ABILITIES } from '../../config/abilities'
-import type { Item } from '../../types/domain'
-import type { Tax } from '../../types/domain'
+import { usePermissions } from '@v2/composables/use-permissions'
+import { useModal } from '@v2/composables/use-modal'
+import { ABILITIES } from '@v2/config/abilities'
+import type { Item } from '@v2/types/domain'
+import type { Tax } from '@v2/types/domain'

 interface LineItem {
  item_id: number | null
--- a/resources/scripts-v2/components/base/BaseModal.vue
+++ b/resources/scripts-v2/components/base/BaseModal.vue
@@ -92,7 +92,7 @@
 </template>

 <script setup lang="ts">
-import { useModalStore } from '@/scripts/stores/modal'
+import { useModalStore } from '@v2/stores/modal.store'
 import { computed, watchEffect, useSlots } from 'vue'
 import {
  Dialog,
--- a/resources/scripts-v2/components/base/BaseMoney.vue
+++ b/resources/scripts-v2/components/base/BaseMoney.vue
@@ -19,7 +19,7 @@
 import { computed } from 'vue'
 import { Money3Component } from 'v-money3'

-import { useCompanyStore } from '@/scripts/admin/stores/company'
+import { useCompanyStore } from '@v2/stores/company.store'

 const money3 = Money3Component

--- a/resources/scripts-v2/components/base/EstimateStatusBadge.vue
+++ b/resources/scripts-v2/components/base/EstimateStatusBadge.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { EstimateStatus } from '../../types/domain'
+import { EstimateStatus } from '@v2/types/domain'

 interface Props {
  status?: EstimateStatus | string
--- a/resources/scripts-v2/components/base/InvoiceInformationCard.vue
+++ b/resources/scripts-v2/components/base/InvoiceInformationCard.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { Invoice } from '../../types/domain'
-import type { Currency } from '../../types/domain'
-import type { Company } from '../../types/domain'
-import type { Customer } from '../../types/domain'
+import type { Invoice } from '@v2/types/domain'
+import type { Currency } from '@v2/types/domain'
+import type { Company } from '@v2/types/domain'
+import type { Customer } from '@v2/types/domain'

 interface InvoiceInfo {
  paid_status: string
--- a/resources/scripts-v2/components/base/InvoicePublicPage.vue
+++ b/resources/scripts-v2/components/base/InvoicePublicPage.vue
@@ -2,9 +2,9 @@
 import { ref, computed } from 'vue'
 import type { Ref, ComputedRef } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import type { Currency } from '../../types/domain'
-import type { Company } from '../../types/domain'
-import type { Customer } from '../../types/domain'
+import type { Currency } from '@v2/types/domain'
+import type { Company } from '@v2/types/domain'
+import type { Customer } from '@v2/types/domain'

 declare global {
  interface Window {
--- a/resources/scripts-v2/components/base/InvoiceStatusBadge.vue
+++ b/resources/scripts-v2/components/base/InvoiceStatusBadge.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { InvoiceStatus, InvoicePaidStatus } from '../../types/domain'
+import { InvoiceStatus, InvoicePaidStatus } from '@v2/types/domain'

 type InvoiceBadgeStatus =
  | InvoiceStatus
--- a/resources/scripts-v2/components/base/PaidStatusBadge.vue
+++ b/resources/scripts-v2/components/base/PaidStatusBadge.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { InvoicePaidStatus } from '../../types/domain'
+import { InvoicePaidStatus } from '@v2/types/domain'

 type PaidBadgeStatus = InvoicePaidStatus | 'OVERDUE' | string

--- a/resources/scripts-v2/components/base/RecurringInvoiceStatusBadge.vue
+++ b/resources/scripts-v2/components/base/RecurringInvoiceStatusBadge.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { RecurringInvoiceStatus } from '../../types/domain'
+import { RecurringInvoiceStatus } from '@v2/types/domain'

 interface Props {
  status?: RecurringInvoiceStatus | string
--- a/resources/scripts-v2/components/charts/LineChart.vue
+++ b/resources/scripts-v2/components/charts/LineChart.vue
@@ -8,7 +8,7 @@
 import { Chart } from 'chart.js/auto'
 import type { ChartConfiguration, ChartDataset } from 'chart.js/auto'
 import { ref, computed, onMounted, watchEffect, inject } from 'vue'
-import { useCompanyStore } from '@/scripts/admin/stores/company'
+import { useCompanyStore } from '@v2/stores/company.store'

 interface FormatUtils {
  formatMoney: (amount: number, currency: CurrencyInfo) => string
--- a/resources/scripts-v2/components/editor/RichEditor.vue
+++ b/resources/scripts-v2/components/editor/RichEditor.vue
@@ -88,7 +88,7 @@ import {
  RedoIcon,
  CodeBlockIcon,
  MenuCenterIcon,
-} from '@/scripts/components/base/base-editor/icons/index.js'
+} from '@v2/components/editor/icons/index'
 import {
  Bars3BottomLeftIcon,
  Bars3BottomRightIcon,
@@ -184,7 +184,7 @@ onUnmounted(() => {
 </script>

 <style>
-@reference "../../../../css/invoiceshelf.css";
+@reference "../../../css/invoiceshelf.css";

 .ProseMirror {
  min-height: 200px;
--- a/resources/scripts-v2/components/editor/icons/BoldIcon.vue
+++ b/resources/scripts-v2/components/editor/icons/BoldIcon.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M17.194 10.962A6.271 6.271 0 0012.844.248H4.3a1.25 1.25 0 000 2.5h1.013a.25.25 0 01.25.25V21a.25.25 0 01-.25.25H4.3a1.25 1.25 0 100 2.5h9.963a6.742 6.742 0 002.93-12.786zm-4.35-8.214a3.762 3.762 0 010 7.523H8.313a.25.25 0 01-.25-.25V3a.25.25 0 01.25-.25zm1.42 18.5H8.313a.25.25 0 01-.25-.25v-7.977a.25.25 0 01.25-.25h5.951a4.239 4.239 0 010 8.477z"
+    ></path>
+  </svg>
+</template>
--- a/resources/scripts-v2/components/editor/icons/CodeBlockIcon.vue
+++ b/resources/scripts-v2/components/editor/icons/CodeBlockIcon.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M9.147 21.552a1.244 1.244 0 01-.895-.378L.84 13.561a2.257 2.257 0 010-3.125l7.412-7.613a1.25 1.25 0 011.791 1.744l-6.9 7.083a.5.5 0 000 .7l6.9 7.082a1.25 1.25 0 01-.9 2.122zm5.707 0a1.25 1.25 0 01-.9-2.122l6.9-7.083a.5.5 0 000-.7l-6.9-7.082a1.25 1.25 0 011.791-1.744l7.411 7.612a2.257 2.257 0 010 3.125l-7.412 7.614a1.244 1.244 0 01-.89.38zm6.514-9.373z"
+    ></path>
+  </svg>
+</template>
--- a/resources/scripts-v2/components/editor/icons/CodingIcon.vue
+++ b/resources/scripts-v2/components/editor/icons/CodingIcon.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M9.147 21.552a1.244 1.244 0 01-.895-.378L.84 13.561a2.257 2.257 0 010-3.125l7.412-7.613a1.25 1.25 0 011.791 1.744l-6.9 7.083a.5.5 0 000 .7l6.9 7.082a1.25 1.25 0 01-.9 2.122zm5.707 0a1.25 1.25 0 01-.9-2.122l6.9-7.083a.5.5 0 000-.7l-6.9-7.082a1.25 1.25 0 011.791-1.744l7.411 7.612a2.257 2.257 0 010 3.125l-7.412 7.614a1.244 1.244 0 01-.89.38zm6.514-9.373z"
+    ></path>
+  </svg>
+</template>
--- a/resources/scripts-v2/components/editor/icons/ItalicIcon.vue
+++ b/resources/scripts-v2/components/editor/icons/ItalicIcon.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M22.5.248h-7.637a1.25 1.25 0 000 2.5h1.086a.25.25 0 01.211.384L4.78 21.017a.5.5 0 01-.422.231H1.5a1.25 1.25 0 000 2.5h7.637a1.25 1.25 0 000-2.5H8.051a.25.25 0 01-.211-.384L19.22 2.98a.5.5 0 01.422-.232H22.5a1.25 1.25 0 000-2.5z"
+    ></path>
+  </svg>
+</template>
--- a/resources/scripts-v2/components/editor/icons/ListIcon.vue
+++ b/resources/scripts-v2/components/editor/icons/ListIcon.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M7.75 4.5h15a1 1 0 000-2h-15a1 1 0 000 2zm15 6.5h-15a1 1 0 100 2h15a1 1 0 000-2zm0 8.5h-15a1 1 0 000 2h15a1 1 0 000-2zM2.212 17.248a2 2 0 00-1.933 1.484.75.75 0 101.45.386.5.5 0 11.483.63.75.75 0 100 1.5.5.5 0 11-.482.635.75.75 0 10-1.445.4 2 2 0 103.589-1.648.251.251 0 010-.278 2 2 0 00-1.662-3.111zm2.038-6.5a2 2 0 00-4 0 .75.75 0 001.5 0 .5.5 0 011 0 1.031 1.031 0 01-.227.645L.414 14.029A.75.75 0 001 15.248h2.5a.75.75 0 000-1.5h-.419a.249.249 0 01-.195-.406L3.7 12.33a2.544 2.544 0 00.55-1.582zM4 5.248h-.25A.25.25 0 013.5 5V1.623A1.377 1.377 0 002.125.248H1.5a.75.75 0 000 1.5h.25A.25.25 0 012 2v3a.25.25 0 01-.25.25H1.5a.75.75 0 000 1.5H4a.75.75 0 000-1.5z"
+    ></path>
+  </svg>
+</template>
--- a/resources/scripts-v2/components/editor/icons/ListUlIcon.vue
+++ b/resources/scripts-v2/components/editor/icons/ListUlIcon.vue
@@ -0,0 +1,10 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <circle cx="2.5" cy="3.998" r="2.5"></circle>
+    <path d="M8.5 5H23a1 1 0 000-2H8.5a1 1 0 000 2z"></path>
+    <circle cx="2.5" cy="11.998" r="2.5"></circle>
+    <path d="M23 11H8.5a1 1 0 000 2H23a1 1 0 000-2z"></path>
+    <circle cx="2.5" cy="19.998" r="2.5"></circle>
+    <path d="M23 19H8.5a1 1 0 000 2H23a1 1 0 000-2z"></path>
+  </svg>
+</template>
--- a/resources/scripts-v2/components/editor/icons/MenuCenterIcon.vue
+++ b/resources/scripts-v2/components/editor/icons/MenuCenterIcon.vue
@@ -0,0 +1,9 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      fill="currentColor"
+      fill-rule="evenodd"
+      d="M3.75 5.25h16.5a.75.75 0 1 1 0 1.5H3.75a.75.75 0 0 1 0-1.5zm4 4h8.5a.75.75 0 1 1 0 1.5h-8.5a.75.75 0 1 1 0-1.5zm-4 4h16.5a.75.75 0 1 1 0 1.5H3.75a.75.75 0 1 1 0-1.5zm4 4h8.5a.75.75 0 1 1 0 1.5h-8.5a.75.75 0 1 1 0-1.5z"
+    ></path>
+  </svg>
+</template>
--- a/resources/scripts-v2/components/editor/icons/ParagraphIcon.vue
+++ b/resources/scripts-v2/components/editor/icons/ParagraphIcon.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M22.5.248H7.228a6.977 6.977 0 100 13.954h2.318a.25.25 0 01.25.25V22.5a1.25 1.25 0 002.5 0V3a.25.25 0 01.25-.25h3.682a.25.25 0 01.25.25v19.5a1.25 1.25 0 002.5 0V3a.249.249 0 01.25-.25H22.5a1.25 1.25 0 000-2.5zM9.8 11.452a.25.25 0 01-.25.25H7.228a4.477 4.477 0 110-8.954h2.318A.25.25 0 019.8 3z"
+    ></path>
+  </svg>
+</template>
--- a/resources/scripts-v2/components/editor/icons/QuoteIcon.vue
+++ b/resources/scripts-v2/components/editor/icons/QuoteIcon.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M18.559 3.932a4.942 4.942 0 100 9.883 4.609 4.609 0 001.115-.141.25.25 0 01.276.368 6.83 6.83 0 01-5.878 3.523 1.25 1.25 0 000 2.5 9.71 9.71 0 009.428-9.95V8.873a4.947 4.947 0 00-4.941-4.941zm-12.323 0a4.942 4.942 0 000 9.883 4.6 4.6 0 001.115-.141.25.25 0 01.277.368 6.83 6.83 0 01-5.878 3.523 1.25 1.25 0 000 2.5 9.711 9.711 0 009.428-9.95V8.873a4.947 4.947 0 00-4.942-4.941z"
+    ></path>
+  </svg>
+</template>
--- a/resources/scripts-v2/components/editor/icons/RedoIcon.vue
+++ b/resources/scripts-v2/components/editor/icons/RedoIcon.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M22.608.161a.5.5 0 00-.545.108L19.472 2.86a.25.25 0 01-.292.045 12.537 12.537 0 00-12.966.865A12.259 12.259 0 006.1 23.632a1.25 1.25 0 001.476-2.018 9.759 9.759 0 01.091-15.809 10 10 0 019.466-1.1.25.25 0 01.084.409l-1.85 1.85a.5.5 0 00.354.853h6.7a.5.5 0 00.5-.5V.623a.5.5 0 00-.313-.462z"
+    ></path>
+  </svg>
+</template>
--- a/resources/scripts-v2/components/editor/icons/StrikethroughIcon.vue
+++ b/resources/scripts-v2/components/editor/icons/StrikethroughIcon.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M23.75 12.952A1.25 1.25 0 0022.5 11.7h-8.936a.492.492 0 01-.282-.09c-.722-.513-1.482-.981-2.218-1.432-2.8-1.715-4.5-2.9-4.5-4.863 0-2.235 2.207-2.569 3.523-2.569a4.54 4.54 0 013.081.764 2.662 2.662 0 01.447 1.99v.3a1.25 1.25 0 102.5 0v-.268a4.887 4.887 0 00-1.165-3.777C13.949.741 12.359.248 10.091.248c-3.658 0-6.023 1.989-6.023 5.069 0 2.773 1.892 4.512 4 5.927a.25.25 0 01-.139.458H1.5a1.25 1.25 0 000 2.5h10.977a.251.251 0 01.159.058 4.339 4.339 0 011.932 3.466c0 3.268-3.426 3.522-4.477 3.522-1.814 0-3.139-.405-3.834-1.173a3.394 3.394 0 01-.65-2.7 1.25 1.25 0 00-2.488-.246A5.76 5.76 0 004.4 21.753c1.2 1.324 3.114 2 5.688 2 4.174 0 6.977-2.42 6.977-6.022a6.059 6.059 0 00-.849-3.147.25.25 0 01.216-.377H22.5a1.25 1.25 0 001.25-1.255z"
+    ></path>
+  </svg>
+</template>
--- a/resources/scripts-v2/components/editor/icons/UnderlineIcon.vue
+++ b/resources/scripts-v2/components/editor/icons/UnderlineIcon.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M22.5 21.248h-21a1.25 1.25 0 000 2.5h21a1.25 1.25 0 000-2.5zM1.978 2.748h1.363a.25.25 0 01.25.25v8.523a8.409 8.409 0 0016.818 0V3a.25.25 0 01.25-.25h1.363a1.25 1.25 0 000-2.5H16.3a1.25 1.25 0 000 2.5h1.363a.25.25 0 01.25.25v8.523a5.909 5.909 0 01-11.818 0V3a.25.25 0 01.25-.25H7.7a1.25 1.25 0 100-2.5H1.978a1.25 1.25 0 000 2.5z"
+    ></path>
+  </svg>
+</template>
--- a/resources/scripts-v2/components/editor/icons/UndoIcon.vue
+++ b/resources/scripts-v2/components/editor/icons/UndoIcon.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M17.786 3.77a12.542 12.542 0 00-12.965-.865.249.249 0 01-.292-.045L1.937.269A.507.507 0 001.392.16a.5.5 0 00-.308.462v6.7a.5.5 0 00.5.5h6.7a.5.5 0 00.354-.854L6.783 5.115a.253.253 0 01-.068-.228.249.249 0 01.152-.181 10 10 0 019.466 1.1 9.759 9.759 0 01.094 15.809 1.25 1.25 0 001.473 2.016 12.122 12.122 0 005.013-9.961 12.125 12.125 0 00-5.127-9.9z"
+    ></path>
+  </svg>
+</template>
--- a/resources/scripts-v2/components/editor/icons/index.ts
+++ b/resources/scripts-v2/components/editor/icons/index.ts
@@ -0,0 +1,29 @@
+import UnderlineIcon from './UnderlineIcon.vue'
+import BoldIcon from './BoldIcon.vue'
+import CodingIcon from './CodingIcon.vue'
+import ItalicIcon from './ItalicIcon.vue'
+import ListIcon from './ListIcon.vue'
+import ListUlIcon from './ListUlIcon.vue'
+import ParagraphIcon from './ParagraphIcon.vue'
+import QuoteIcon from './QuoteIcon.vue'
+import StrikethroughIcon from './StrikethroughIcon.vue'
+import UndoIcon from './UndoIcon.vue'
+import RedoIcon from './RedoIcon.vue'
+import CodeBlockIcon from './CodeBlockIcon.vue'
+import MenuCenterIcon from './MenuCenterIcon.vue'
+
+export {
+  UnderlineIcon,
+  BoldIcon,
+  CodingIcon,
+  ItalicIcon,
+  ListIcon,
+  ListUlIcon,
+  ParagraphIcon,
+  QuoteIcon,
+  StrikethroughIcon,
+  UndoIcon,
+  RedoIcon,
+  CodeBlockIcon,
+  MenuCenterIcon,
+}
--- a/resources/scripts-v2/components/icons/AstronautIcon.vue
+++ b/resources/scripts-v2/components/icons/AstronautIcon.vue
@@ -0,0 +1,125 @@
+<template>
+  <svg
+    width="125"
+    height="110"
+    viewBox="0 0 125 110"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0)">
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M46.8031 84.4643C46.8031 88.8034 43.3104 92.3215 39.0026 92.3215C34.6948 92.3215 31.2021 88.8034 31.2021 84.4643C31.2021 80.1252 34.6948 76.6072 39.0026 76.6072C43.3104 76.6072 46.8031 80.1252 46.8031 84.4643Z"
+        :class="primaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M60.4536 110H64.3539V72.6785H60.4536V110Z"
+        :class="secondaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M85.8055 76.6072H70.2045C69.1319 76.6072 68.2544 77.4911 68.2544 78.5715V82.5C68.2544 83.5804 69.1319 84.4643 70.2045 84.4643H85.8055C86.878 84.4643 87.7556 83.5804 87.7556 82.5V78.5715C87.7556 77.4911 86.878 76.6072 85.8055 76.6072ZM70.2045 82.5H85.8055V78.5715H70.2045V82.5Z"
+        :class="primaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M91.6556 1.96429C94.8811 1.96429 97.506 4.60821 97.506 7.85714V19.6429H83.8181L85.308 21.6071H99.4561V7.85714C99.4561 3.53571 95.9459 0 91.6556 0H33.152C28.8618 0 25.3516 3.53571 25.3516 7.85714V21.6071H39.3203L40.8745 19.6429H27.3017V7.85714C27.3017 4.60821 29.9265 1.96429 33.152 1.96429H91.6556Z"
+        :class="secondaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M122.858 92.3213H117.007C115.935 92.3213 115.057 93.2052 115.057 94.2856V102.143C115.057 103.223 115.935 104.107 117.007 104.107H122.858C123.93 104.107 124.808 103.223 124.808 102.143V94.2856C124.808 93.2052 123.93 92.3213 122.858 92.3213ZM117.007 102.143H122.858V94.2856H117.007V102.143Z"
+        :class="primaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M103.356 43.2142V70.7142H21.4511V43.2142H26.1821V41.2498H19.501V72.6783H105.306V41.2498H98.3541L98.2839 43.2142H103.356Z"
+        :class="secondaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M101.406 21.6071C104.632 21.6071 107.257 24.251 107.257 27.5V41.25H98.2257L98.0853 43.2142H109.207V27.5C109.207 23.1609 105.714 19.6428 101.406 19.6428H83.8182L85.0878 21.6071H101.406ZM40.8746 19.6428H23.4016C19.0937 19.6428 15.6011 23.1609 15.6011 27.5V43.2142H26.1961L26.3365 41.25H17.5512V27.5C17.5512 24.251 20.1761 21.6071 23.4016 21.6071H39.3204L40.8746 19.6428Z"
+        :class="secondaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M62.4041 9.82153C45.1709 9.82153 31.2021 23.8917 31.2021 41.2501C31.2021 58.6085 45.1709 72.6787 62.4041 72.6787C79.6373 72.6787 93.606 58.6085 93.606 41.2501C93.606 23.8917 79.6373 9.82153 62.4041 9.82153ZM62.4041 11.7858C78.5335 11.7858 91.6559 25.0035 91.6559 41.2501C91.6559 57.4967 78.5335 70.7144 62.4041 70.7144C46.2746 70.7144 33.1523 57.4967 33.1523 41.2501C33.1523 25.0035 46.2746 11.7858 62.4041 11.7858Z"
+        :class="secondaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M62.4041 19.6428C45.1709 19.6428 31.2021 23.8916 31.2021 41.25C31.2021 58.6084 45.1709 66.7857 62.4041 66.7857C79.6373 66.7857 93.606 58.6084 93.606 41.25C93.606 23.8916 79.6373 19.6428 62.4041 19.6428ZM62.4041 21.6071C82.6346 21.6071 91.6559 27.665 91.6559 41.25C91.6559 56.0096 80.7216 64.8214 62.4041 64.8214C44.0866 64.8214 33.1523 56.0096 33.1523 41.25C33.1523 27.665 42.1735 21.6071 62.4041 21.6071Z"
+        :class="secondaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M101.406 70.7144H23.4014C10.478 70.7144 0 81.2685 0 94.2858V110H124.808V94.2858C124.808 81.2685 114.33 70.7144 101.406 70.7144ZM101.406 72.6786C113.234 72.6786 122.858 82.3724 122.858 94.2858V108.036H1.95012V94.2858C1.95012 82.3724 11.574 72.6786 23.4014 72.6786H101.406Z"
+        :class="secondaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M33.152 33.3928H29.2518C27.0969 33.3928 25.3516 35.1509 25.3516 37.3214V45.1785C25.3516 47.3491 27.0969 49.1071 29.2518 49.1071H33.152V33.3928ZM31.2019 35.3571V47.1428H29.2518C28.1773 47.1428 27.3017 46.2609 27.3017 45.1785V37.3214C27.3017 36.2391 28.1773 35.3571 29.2518 35.3571H31.2019Z"
+        :class="secondaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M95.556 33.3928H91.6558V49.1071H95.556C97.7109 49.1071 99.4562 47.3491 99.4562 45.1785V37.3214C99.4562 35.1509 97.7109 33.3928 95.556 33.3928ZM95.556 35.3571C96.6305 35.3571 97.5061 36.2391 97.5061 37.3214V45.1785C97.5061 46.2609 96.6305 47.1428 95.556 47.1428H93.6059V35.3571H95.556Z"
+        :class="secondaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M94.581 15.7144C94.0447 15.7144 93.606 16.1563 93.606 16.6965V34.3751C93.606 34.9152 94.0447 35.3572 94.581 35.3572C95.1173 35.3572 95.5561 34.9152 95.5561 34.3751V16.6965C95.5561 16.1563 95.1173 15.7144 94.581 15.7144Z"
+        :class="secondaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M38.0273 41.2499C37.4891 41.2499 37.0522 40.8099 37.0522 40.2678C37.0522 33.3142 44.1409 25.5356 53.6283 25.5356C54.1665 25.5356 54.6033 25.9756 54.6033 26.5178C54.6033 27.0599 54.1665 27.4999 53.6283 27.4999C45.2564 27.4999 39.0024 34.2414 39.0024 40.2678C39.0024 40.8099 38.5655 41.2499 38.0273 41.2499Z"
+        :class="primaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M97.5059 110H99.456V72.6785H97.5059V110Z"
+        :class="secondaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M25.3516 110H27.3017V72.6785H25.3516V110Z"
+        :class="secondaryFillColor"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0">
+        <rect width="124.808" height="110" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+</template>
+
+<script setup lang="ts">
+interface Props {
+  primaryFillColor?: string
+  secondaryFillColor?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  primaryFillColor: 'fill-primary-500',
+  secondaryFillColor: 'fill-gray-600',
+})
+</script>
--- a/resources/scripts-v2/components/icons/DragIcon.vue
+++ b/resources/scripts-v2/components/icons/DragIcon.vue
@@ -0,0 +1,19 @@
+<template>
+  <svg
+    aria-hidden="true"
+    focusable="false"
+    data-prefix="fas"
+    data-icon="grip-vertical"
+    class="svg-inline--fa fa-grip-vertical fa-w-10"
+    role="img"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 320 512"
+    width="15"
+    height="15"
+  >
+    <path
+      fill="currentColor"
+      d="M96 32H32C14.33 32 0 46.33 0 64v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zm0 160H32c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zm0 160H32c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zM288 32h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zm0 160h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zm0 160h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32z"
+    ></path>
+  </svg>
+</template>
--- a/resources/scripts-v2/components/icons/LoadingIcon.vue
+++ b/resources/scripts-v2/components/icons/LoadingIcon.vue
@@ -0,0 +1,17 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+    <circle
+      class="opacity-25"
+      cx="12"
+      cy="12"
+      r="10"
+      stroke="currentColor"
+      stroke-width="4"
+    ></circle>
+    <path
+      class="opacity-75"
+      fill="currentColor"
+      d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+    ></path>
+  </svg>
+</template>
--- a/resources/scripts-v2/components/icons/SatelliteIcon.vue
+++ b/resources/scripts-v2/components/icons/SatelliteIcon.vue
@@ -0,0 +1,113 @@
+<template>
+  <svg
+    width="110"
+    height="110"
+    viewBox="0 0 110 110"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0)">
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M5.76398 22.9512L4.54883 21.7361L21.7363 4.54858L22.9515 5.76374L5.76398 22.9512Z"
+        :class="secondaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M88.264 105.451L87.0488 104.236L104.236 87.0486L105.451 88.2637L88.264 105.451Z"
+        :class="secondaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M29.8265 81.3887L28.6113 80.1736L38.9238 69.8611L40.139 71.0762L29.8265 81.3887Z"
+        :class="primaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M30.9375 81.6406C30.9375 83.0637 29.7825 84.2188 28.3594 84.2188C26.9362 84.2188 25.7812 83.0637 25.7812 81.6406C25.7812 80.2175 26.9362 79.0625 28.3594 79.0625C29.7825 79.0625 30.9375 80.2175 30.9375 81.6406Z"
+        :class="primaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M77.3435 61.5801C76.4635 61.5801 75.5835 61.9152 74.9132 62.5873L62.5863 74.9124C61.244 76.2548 61.244 78.4324 62.5863 79.7748L92.8123 110.001L110 92.8132L79.7738 62.5873C79.1035 61.9152 78.2235 61.5801 77.3435 61.5801ZM77.3435 63.2988C77.8024 63.2988 78.2338 63.4776 78.5587 63.8024L107.569 92.8132L92.8123 107.569L63.8015 78.5596C63.4767 78.2348 63.2979 77.8034 63.2979 77.3445C63.2979 76.8838 63.4767 76.4524 63.8015 76.1276L76.1284 63.8024C76.4532 63.4776 76.8846 63.2988 77.3435 63.2988Z"
+        :class="secondaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M17.1875 0L0 17.1875L30.2259 47.4134C30.8963 48.0838 31.7763 48.4206 32.6562 48.4206C33.5363 48.4206 34.4162 48.0838 35.0866 47.4134L47.4134 35.0866C48.7558 33.7442 48.7558 31.5683 47.4134 30.2259L17.1875 0ZM17.1875 2.43031L46.1983 31.4411C46.5231 31.7659 46.7019 32.1973 46.7019 32.6562C46.7019 33.1152 46.5231 33.5466 46.1983 33.8714L33.8714 46.1983C33.5466 46.5231 33.1152 46.7019 32.6562 46.7019C32.1973 46.7019 31.7659 46.5231 31.4411 46.1983L2.43031 17.1875L17.1875 2.43031Z"
+        :class="secondaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M60.156 28.9238C59.276 28.9238 58.396 29.259 57.7257 29.931L29.9301 57.7249C28.5878 59.0673 28.5878 61.2449 29.9301 62.5873L47.4132 80.0687C48.0835 80.7407 48.9635 81.0759 49.8435 81.0759C50.7235 81.0759 51.6035 80.7407 52.2738 80.0687L80.0695 52.2748C81.4118 50.9324 81.4118 48.7548 80.0695 47.4124L62.5863 29.931C61.916 29.259 61.036 28.9238 60.156 28.9238ZM60.156 30.6426C60.6149 30.6426 61.0463 30.8213 61.3712 31.1462L78.8543 48.6276C79.1792 48.9524 79.3579 49.3838 79.3579 49.8445C79.3579 50.3034 79.1792 50.7348 78.8543 51.0596L51.0587 78.8535C50.7338 79.1784 50.3024 79.3571 49.8435 79.3571C49.3846 79.3571 48.9532 79.1784 48.6284 78.8535L31.1453 61.3721C30.8204 61.0473 30.6417 60.6159 30.6417 60.157C30.6417 59.6963 30.8204 59.2649 31.1453 58.9401L58.9409 31.1462C59.2657 30.8213 59.6971 30.6426 60.156 30.6426Z"
+        :class="secondaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M71.0765 40.1387L69.8613 38.9236L72.4395 36.3455L73.6546 37.5606L71.0765 40.1387Z"
+        :class="secondaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M72.9858 24.8608C69.6291 28.2176 69.6291 33.6574 72.9858 37.0141C74.6633 38.6916 76.8633 39.5321 79.0633 39.5321C81.2616 39.5321 83.4616 38.6916 85.1391 37.0141L72.9858 24.8608ZM73.1388 27.4441L82.5558 36.8612C81.5091 37.4816 80.3111 37.8133 79.0633 37.8133C77.226 37.8133 75.5003 37.0966 74.201 35.799C72.9033 34.4996 72.1883 32.774 72.1883 30.9383C72.1883 29.6888 72.5183 28.4908 73.1388 27.4441Z"
+        :class="secondaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M86.1459 32.0051C85.9259 32.0051 85.7059 31.9209 85.5374 31.7542C85.2023 31.4173 85.2023 30.8742 85.5374 30.5373C86.3504 29.7261 86.7973 28.6467 86.7973 27.5003C86.7973 26.3522 86.3504 25.2728 85.5374 24.4615C83.9149 22.839 81.0859 22.839 79.4616 24.4615C79.1265 24.7984 78.5834 24.7984 78.2465 24.4615C77.9113 24.1264 77.9113 23.5833 78.2465 23.2464C80.5187 20.9742 84.4821 20.9742 86.7543 23.2464C87.8904 24.3825 88.516 25.8933 88.516 27.5003C88.516 29.1073 87.8904 30.6181 86.7543 31.7542C86.5859 31.9209 86.3659 32.0051 86.1459 32.0051Z"
+        :class="primaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M89.792 35.6514C89.572 35.6514 89.352 35.5672 89.1836 35.4004C88.8484 35.0636 88.8484 34.5204 89.1836 34.1836C90.9711 32.3978 91.9525 30.0259 91.9525 27.4994C91.9525 24.9745 90.9711 22.6009 89.1836 20.8151C87.3978 19.0294 85.0259 18.0462 82.4994 18.0462C79.9745 18.0462 77.6009 19.0294 75.8152 20.8151C75.48 21.1503 74.9352 21.1503 74.6 20.8151C74.2648 20.48 74.2648 19.9351 74.6 19.6C78.9553 15.2447 86.0434 15.2447 90.4005 19.6C94.7558 23.9553 94.7558 31.0434 90.4005 35.4004C90.232 35.5672 90.012 35.6514 89.792 35.6514Z"
+        :class="primaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M93.4379 39.297C93.2179 39.297 92.9979 39.2128 92.8295 39.0461C92.4944 38.7092 92.4944 38.1661 92.8295 37.8292C95.5898 35.0706 97.1092 31.4028 97.1092 27.4995C97.1092 23.5979 95.5898 19.9284 92.8295 17.1698C90.0709 14.4112 86.4031 12.8901 82.4998 12.8901C78.5983 12.8901 74.9287 14.4112 72.1701 17.1698C71.835 17.505 71.2901 17.505 70.955 17.1698C70.6198 16.8347 70.6198 16.2898 70.955 15.9547C74.0384 12.8712 78.1394 11.1714 82.4998 11.1714C86.862 11.1714 90.9612 12.8712 94.0464 15.9547C97.1298 19.0381 98.8279 23.139 98.8279 27.4995C98.8279 31.8617 97.1298 35.9609 94.0464 39.0461C93.8779 39.2128 93.6579 39.297 93.4379 39.297Z"
+        :class="primaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M39.7832 40.9981L8.8457 10.0606L10.0609 8.84546L40.9984 39.783L39.7832 40.9981Z"
+        :class="primaryFillColor"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M99.9395 101.154L69.002 70.2169L70.2171 69.0017L101.155 99.9392L99.9395 101.154Z"
+        :class="primaryFillColor"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0">
+        <rect width="110" height="110" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+</template>
+
+<script setup lang="ts">
+interface Props {
+  primaryFillColor?: string
+  secondaryFillColor?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  primaryFillColor: 'fill-primary-500',
+  secondaryFillColor: 'fill-gray-600',
+})
+</script>
--- a/resources/scripts-v2/components/icons/SpinnerIcon.vue
+++ b/resources/scripts-v2/components/icons/SpinnerIcon.vue
@@ -0,0 +1,22 @@
+<template>
+  <svg
+    class="animate-spin"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+  >
+    <circle
+      class="opacity-25"
+      cx="12"
+      cy="12"
+      r="10"
+      stroke="currentColor"
+      stroke-width="4"
+    ></circle>
+    <path
+      class="opacity-75"
+      fill="currentColor"
+      d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+    ></path>
+  </svg>
+</template>
--- a/resources/scripts-v2/components/icons/dashboard/CustomerIcon.vue
+++ b/resources/scripts-v2/components/icons/dashboard/CustomerIcon.vue
@@ -0,0 +1,26 @@
+<template>
+  <svg
+    width="50"
+    height="50"
+    viewBox="0 0 50 50"
+    :class="colorClass"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle cx="25" cy="25" r="25" fill="#EAF1FB" />
+    <path
+      d="M28.2656 23.0547C27.3021 24.0182 26.1302 24.5 24.75 24.5C23.3698 24.5 22.1849 24.0182 21.1953 23.0547C20.2318 22.0651 19.75 20.8802 19.75 19.5C19.75 18.1198 20.2318 16.9479 21.1953 15.9844C22.1849 14.9948 23.3698 14.5 24.75 14.5C26.1302 14.5 27.3021 14.9948 28.2656 15.9844C29.2552 16.9479 29.75 18.1198 29.75 19.5C29.75 20.8802 29.2552 22.0651 28.2656 23.0547ZM28.2656 25.75C29.6979 25.75 30.9219 26.2708 31.9375 27.3125C32.9792 28.3281 33.5 29.5521 33.5 30.9844V32.625C33.5 33.1458 33.3177 33.5885 32.9531 33.9531C32.5885 34.3177 32.1458 34.5 31.625 34.5H17.875C17.3542 34.5 16.9115 34.3177 16.5469 33.9531C16.1823 33.5885 16 33.1458 16 32.625V30.9844C16 29.5521 16.5078 28.3281 17.5234 27.3125C18.5651 26.2708 19.8021 25.75 21.2344 25.75H21.8984C22.8099 26.1667 23.7604 26.375 24.75 26.375C25.7396 26.375 26.6901 26.1667 27.6016 25.75H28.2656Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+
+<script setup lang="ts">
+interface Props {
+  colorClass?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  colorClass: 'text-primary-500',
+})
+</script>
--- a/resources/scripts-v2/components/icons/dashboard/DollarIcon.vue
+++ b/resources/scripts-v2/components/icons/dashboard/DollarIcon.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg
+    width="50"
+    height="50"
+    viewBox="0 0 50 50"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle cx="25" cy="25" r="25" fill="#FDE4E5" />
+    <path
+      d="M27.2031 23.6016C28.349 23.9401 29.2083 24.6562 29.7812 25.75C30.3802 26.8438 30.4714 27.9766 30.0547 29.1484C29.7422 30.0078 29.2083 30.6979 28.4531 31.2188C27.6979 31.7135 26.8516 31.974 25.9141 32V33.875C25.9141 34.0573 25.849 34.2005 25.7188 34.3047C25.6146 34.4349 25.4714 34.5 25.2891 34.5H24.0391C23.8568 34.5 23.7005 34.4349 23.5703 34.3047C23.4661 34.2005 23.4141 34.0573 23.4141 33.875V32C22.1641 32 21.0443 31.6094 20.0547 30.8281C19.8984 30.6979 19.8073 30.5417 19.7812 30.3594C19.7552 30.1771 19.8203 30.0208 19.9766 29.8906L21.3047 28.5625C21.5651 28.3281 21.8255 28.3021 22.0859 28.4844C22.4766 28.7448 22.9193 28.875 23.4141 28.875H25.9922C26.3307 28.875 26.6042 28.7708 26.8125 28.5625C27.0469 28.3281 27.1641 28.0417 27.1641 27.7031C27.1641 27.1302 26.8906 26.7656 26.3438 26.6094L22.3203 25.4375C21.4349 25.1771 20.6927 24.7083 20.0938 24.0312C19.4948 23.3542 19.1432 22.5729 19.0391 21.6875C18.9349 20.4115 19.2995 19.3177 20.1328 18.4062C20.9922 17.4688 22.0599 17 23.3359 17H23.4141V15.125C23.4141 14.9427 23.4661 14.7995 23.5703 14.6953C23.7005 14.5651 23.8568 14.5 24.0391 14.5H25.2891C25.4714 14.5 25.6146 14.5651 25.7188 14.6953C25.849 14.7995 25.9141 14.9427 25.9141 15.125V17C27.1641 17 28.2839 17.3906 29.2734 18.1719C29.4297 18.3021 29.5208 18.4583 29.5469 18.6406C29.5729 18.8229 29.5078 18.9792 29.3516 19.1094L28.0234 20.4375C27.763 20.6719 27.5026 20.6979 27.2422 20.5156C26.8516 20.2552 26.4089 20.125 25.9141 20.125H23.3359C22.9974 20.125 22.7109 20.2422 22.4766 20.4766C22.2682 20.6849 22.1641 20.9583 22.1641 21.2969C22.1641 21.5312 22.2422 21.7526 22.3984 21.9609C22.5547 22.1693 22.75 22.3125 22.9844 22.3906L27.2031 23.6016Z"
+      fill="#FB7178"
+    />
+  </svg>
+</template>
--- a/resources/scripts-v2/components/icons/dashboard/EstimateIcon.vue
+++ b/resources/scripts-v2/components/icons/dashboard/EstimateIcon.vue
@@ -0,0 +1,26 @@
+<template>
+  <svg
+    width="50"
+    height="50"
+    viewBox="0 0 50 50"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    :class="colorClass"
+  >
+    <circle cx="25" cy="25" r="25" fill="#EAF1FB" />
+    <path
+      d="M26.75 19.8125C26.75 20.0729 26.8411 20.2943 27.0234 20.4766C27.2057 20.6589 27.4271 20.75 27.6875 20.75H33V33.5625C33 33.8229 32.9089 34.0443 32.7266 34.2266C32.5443 34.4089 32.3229 34.5 32.0625 34.5H18.9375C18.6771 34.5 18.4557 34.4089 18.2734 34.2266C18.0911 34.0443 18 33.8229 18 33.5625V15.4375C18 15.1771 18.0911 14.9557 18.2734 14.7734C18.4557 14.5911 18.6771 14.5 18.9375 14.5H26.75V19.8125ZM33 19.2656V19.5H28V14.5H28.2344C28.4948 14.5 28.7161 14.5911 28.8984 14.7734L32.7266 18.6016C32.9089 18.7839 33 19.0052 33 19.2656Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+
+<script setup lang="ts">
+interface Props {
+  colorClass?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  colorClass: 'text-primary-500',
+})
+</script>
--- a/resources/scripts-v2/components/icons/dashboard/InvoiceIcon.vue
+++ b/resources/scripts-v2/components/icons/dashboard/InvoiceIcon.vue
@@ -0,0 +1,26 @@
+<template>
+  <svg
+    width="50"
+    height="50"
+    viewBox="0 0 50 50"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    :class="colorClass"
+  >
+    <circle cx="25" cy="25" r="25" fill="#EAF1FB" />
+    <path
+      d="M28.25 24.5V27H20.75V24.5H28.25ZM31.7266 18.6016C31.9089 18.7839 32 19.0052 32 19.2656V19.5H27V14.5H27.2344C27.4948 14.5 27.7161 14.5911 27.8984 14.7734L31.7266 18.6016ZM25.75 19.8125C25.75 20.0729 25.8411 20.2943 26.0234 20.4766C26.2057 20.6589 26.4271 20.75 26.6875 20.75H32V33.5625C32 33.8229 31.9089 34.0443 31.7266 34.2266C31.5443 34.4089 31.3229 34.5 31.0625 34.5H17.9375C17.6771 34.5 17.4557 34.4089 17.2734 34.2266C17.0911 34.0443 17 33.8229 17 33.5625V15.4375C17 15.1771 17.0911 14.9557 17.2734 14.7734C17.4557 14.5911 17.6771 14.5 17.9375 14.5H25.75V19.8125ZM19.5 17.3125V17.9375C19.5 18.1458 19.6042 18.25 19.8125 18.25H22.9375C23.1458 18.25 23.25 18.1458 23.25 17.9375V17.3125C23.25 17.1042 23.1458 17 22.9375 17H19.8125C19.6042 17 19.5 17.1042 19.5 17.3125ZM19.5 19.8125V20.4375C19.5 20.6458 19.6042 20.75 19.8125 20.75H22.9375C23.1458 20.75 23.25 20.6458 23.25 20.4375V19.8125C23.25 19.6042 23.1458 19.5 22.9375 19.5H19.8125C19.6042 19.5 19.5 19.6042 19.5 19.8125ZM29.5 31.6875V31.0625C29.5 30.8542 29.3958 30.75 29.1875 30.75H26.0625C25.8542 30.75 25.75 30.8542 25.75 31.0625V31.6875C25.75 31.8958 25.8542 32 26.0625 32H29.1875C29.3958 32 29.5 31.8958 29.5 31.6875ZM29.5 23.875C29.5 23.6927 29.4349 23.5495 29.3047 23.4453C29.2005 23.3151 29.0573 23.25 28.875 23.25H20.125C19.9427 23.25 19.7865 23.3151 19.6562 23.4453C19.5521 23.5495 19.5 23.6927 19.5 23.875V27.625C19.5 27.8073 19.5521 27.9635 19.6562 28.0938C19.7865 28.1979 19.9427 28.25 20.125 28.25H28.875C29.0573 28.25 29.2005 28.1979 29.3047 28.0938C29.4349 27.9635 29.5 27.8073 29.5 27.625V23.875Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+
+<script setup lang="ts">
+interface Props {
+  colorClass?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  colorClass: 'text-primary-500',
+})
+</script>
--- a/resources/scripts-v2/components/icons/svg/LoginBackground.vue
+++ b/resources/scripts-v2/components/icons/svg/LoginBackground.vue
@@ -0,0 +1,35 @@
+<template>
+  <svg
+    viewBox="0 0 1012 1023"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    preserveAspectRatio="none"
+    class="text-primary-500"
+  >
+    <path
+      d="M116.21 472.5C55.1239 693.5 78.5219 837.5 114.349 1023H1030.5V-1L0 -106C147.5 21.5 172.311 269.536 116.21 472.5Z"
+      fill="url(#paint0_linear)"
+    />
+    <defs>
+      <linearGradient
+        id="paint0_linear"
+        x1="515.25"
+        y1="-106"
+        x2="515.25"
+        y2="1023"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop
+          stop-color="var(--color-primary-500)"
+        />
+        <stop
+          offset="1"
+          stop-color="var(--color-primary-400)"
+        />
+      </linearGradient>
+    </defs>
+  </svg>
+</template>
+
+<script setup>
+</script>
--- a/resources/scripts-v2/components/icons/svg/LoginBackgroundOverlay.vue
+++ b/resources/scripts-v2/components/icons/svg/LoginBackgroundOverlay.vue
@@ -0,0 +1,34 @@
+<template>
+  <svg
+    width="1122"
+    height="1017"
+    viewBox="0 0 1122 1017"
+    preserveAspectRatio="none"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M226.002 466.5C164.935 687.5 188.326 831.5 224.141 1017H1140V-7L0 -109.5C142.5 -7.5 282.085 263.536 226.002 466.5Z"
+      fill="url(#paint0_linear)"
+      fill-opacity="0.1"
+    />
+    <defs>
+      <linearGradient
+        id="paint0_linear"
+        x1="649.5"
+        y1="-7"
+        x2="649.5"
+        y2="1017"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop
+          stop-color="var(--color-primary-500)"
+        />
+        <stop
+          offset="1"
+          stop-color="var(--color-primary-400)"
+        />
+      </linearGradient>
+    </defs>
+  </svg>
+</template>
--- a/resources/scripts-v2/components/icons/svg/LoginBottomVector.vue
+++ b/resources/scripts-v2/components/icons/svg/LoginBottomVector.vue
@@ -0,0 +1,9 @@
+<template>
+  <svg viewBox="0 0 1170 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M690 4.08004C518 -9.91998 231 4.08004 -6 176.361L231 197.08L1170 219.08C1113.33 175.747 909.275 21.928 690 4.08004Z"
+      fill="white"
+      fill-opacity="0.1"
+    />
+  </svg>
+</template>
--- a/resources/scripts-v2/components/icons/svg/LoginPlanetCrater.vue
+++ b/resources/scripts-v2/components/icons/svg/LoginPlanetCrater.vue
@@ -0,0 +1,109 @@
+<template>
+  <svg
+    width="422"
+    height="290"
+    viewBox="0 0 422 290"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0)">
+      <path
+        opacity="0.3"
+        d="M220.111 290.223C341.676 290.223 440.223 191.676 440.223 70.1115C440.223 -51.4527 341.676 -150 220.111 -150C98.5473 -150 0 -51.4527 0 70.1115C0 191.676 98.5473 290.223 220.111 290.223Z"
+        fill="white"
+        fill-opacity="0.1"
+      />
+      <path
+        opacity="0.3"
+        d="M220.111 246.513C317.535 246.513 396.513 167.535 396.513 70.1114C396.513 -27.3124 317.535 -106.29 220.111 -106.29C122.688 -106.29 43.71 -27.3124 43.71 70.1114C43.71 167.535 122.688 246.513 220.111 246.513Z"
+        fill="white"
+        fill-opacity="0.1"
+      />
+      <path
+        d="M97.0093 35.322C96.7863 35.991 96.5633 36.66 96.5633 37.3291C94.1101 46.4725 92.7721 55.6159 92.3261 64.5364C91.88 74.5718 92.7721 84.6073 94.5562 94.1968C103.477 140.137 137.374 179.387 185.545 192.991C224.794 204.141 265.159 195.444 295.712 173.143C309.538 163.107 321.358 150.172 330.278 135.231C335.854 125.864 340.314 115.606 343.436 104.678C346.335 94.6428 347.896 84.6073 348.119 74.7949C348.788 56.954 345.666 39.3362 339.422 23.2794C325.372 -12.6253 295.043 -41.8397 255.124 -52.9902C211.637 -65.2558 167.481 -53.6593 136.036 -26.452C117.749 -10.6182 103.923 10.3448 97.0093 35.322Z"
+        fill="white"
+        fill-opacity="0.1"
+      />
+      <path
+        d="M97.0095 35.3223C96.7865 35.9913 96.5635 36.6603 96.5635 37.3294L347.896 74.7952C348.565 56.9543 345.443 39.3365 339.199 23.2797L136.036 -26.4517C117.749 -10.6179 103.923 10.3451 97.0095 35.3223Z"
+        fill="white"
+        fill-opacity="0.05"
+      />
+      <path
+        d="M92.3261 64.7598C91.88 74.7952 92.7721 84.8307 94.5562 94.4202L295.489 173.366C309.315 163.33 321.135 150.396 330.055 135.454L92.3261 64.7598Z"
+        fill="white"
+        fill-opacity="0.05"
+      />
+      <path
+        d="M153.431 11.9056C151.424 19.265 152.316 26.8473 155.661 33.0916C159.229 39.7819 165.473 45.1342 173.279 47.3643C188.443 51.6015 204.5 42.6811 208.737 27.5163C209.853 23.9482 210.076 20.157 209.629 16.5888C208.514 5.21529 200.486 -4.82018 188.889 -7.94233C173.502 -12.1795 157.668 -3.25911 153.431 11.9056Z"
+        class="fill-primary-700"
+        fill-opacity="0.8"
+      />
+      <path
+        d="M156.553 22.3869C155.438 25.9551 155.215 29.7462 155.661 33.3144C159.229 40.0047 165.473 45.357 173.279 47.5871C188.443 51.8243 204.5 42.9039 208.737 27.7391C209.852 24.171 210.075 20.3798 209.629 16.8116C206.061 10.1213 199.817 4.76908 192.011 2.53897C176.624 -1.92124 160.79 6.99919 156.553 22.3869Z"
+        class="fill-primary-500"
+        fill-opacity="0.5"
+      />
+      <path
+        d="M270.735 95.5343C267.613 100.887 266.944 106.685 268.282 112.26C269.62 118.058 273.411 123.411 278.986 126.533C289.914 132.777 303.74 128.986 309.985 118.281C311.546 115.605 312.438 112.929 312.884 110.03C314.222 101.11 309.985 91.9661 301.733 87.0599C290.806 81.0386 276.979 84.8298 270.735 95.5343Z"
+        class="fill-primary-700"
+        fill-opacity="0.8"
+      />
+      <path
+        d="M270.958 104.232C269.397 106.908 268.505 109.584 268.059 112.483C269.397 118.281 273.188 123.634 278.764 126.756C289.691 133 303.518 129.209 309.762 118.504C311.323 115.828 312.215 113.152 312.661 110.253C311.323 104.455 307.532 99.1025 301.957 95.9804C291.252 89.5131 277.426 93.3043 270.958 104.232Z"
+        class="fill-primary-500"
+        fill-opacity="0.5"
+      />
+      <path
+        d="M250.663 130.771C247.54 133.001 245.533 136.123 244.864 139.468C243.972 143.036 244.641 147.051 247.094 150.396C251.555 156.863 260.252 158.647 266.942 154.187C268.503 153.072 269.842 151.734 270.734 150.396C273.856 145.712 274.079 139.468 270.734 134.562C265.827 127.872 257.13 126.311 250.663 130.771Z"
+        class="fill-primary-700"
+        fill-opacity="0.8"
+      />
+      <path
+        d="M248.433 135.677C246.872 136.792 245.534 138.13 244.642 139.468C243.75 143.036 244.419 147.051 246.872 150.396C251.332 156.863 260.03 158.647 266.72 154.187C268.281 153.072 269.619 151.734 270.511 150.396C271.403 146.828 270.734 142.813 268.281 139.468C263.821 132.778 254.901 131.217 248.433 135.677Z"
+        class="fill-primary-500"
+        fill-opacity="0.5"
+      />
+      <path
+        d="M215.651 14.8049C214.759 18.15 215.205 21.4952 216.543 24.1713C218.104 27.0704 220.78 29.5236 224.348 30.4156C231.038 32.4227 238.175 28.4085 240.182 21.4952C240.628 19.9341 240.851 18.15 240.628 16.5889C240.182 11.4597 236.614 6.99951 231.484 5.66145C224.571 4.10037 217.435 8.11456 215.651 14.8049Z"
+        class="fill-primary-700"
+        fill-opacity="0.8"
+      />
+      <path
+        d="M216.989 19.4876C216.543 21.0487 216.32 22.8328 216.543 24.3939C218.104 27.293 220.78 29.7461 224.348 30.6382C231.039 32.6453 238.175 28.6311 240.182 21.7177C240.628 20.1567 240.851 18.3726 240.628 16.8115C239.067 13.9124 236.391 11.4593 232.823 10.5672C225.91 8.78313 218.773 12.5743 216.989 19.4876Z"
+        class="fill-primary-500"
+      />
+      <path
+        d="M122.209 124.526C121.763 125.864 121.986 127.202 122.655 128.54C123.324 129.878 124.439 130.77 126.001 131.216C128.9 132.108 131.799 130.324 132.468 127.648C132.691 126.979 132.691 126.31 132.691 125.641C132.468 123.634 130.907 121.627 128.9 121.181C126.001 120.066 123.101 121.85 122.209 124.526Z"
+        class="fill-primary-700"
+        fill-opacity="0.8"
+      />
+      <path
+        d="M122.878 126.533C122.655 127.202 122.655 127.871 122.655 128.54C123.324 129.878 124.439 130.77 126 131.216C128.899 132.108 131.798 130.324 132.468 127.648C132.691 126.979 132.691 126.31 132.691 125.641C132.021 124.303 130.906 123.411 129.345 122.965C126.446 122.073 123.547 123.634 122.878 126.533Z"
+        class="fill-primary-500"
+        fill-opacity="0.5"
+      />
+      <path
+        d="M169.487 123.188C168.149 123.411 166.811 124.08 166.142 125.195C165.25 126.31 164.804 127.648 165.027 129.209C165.473 132.108 168.149 134.116 171.048 133.67C171.717 133.67 172.386 133.224 172.832 133C174.617 131.885 175.732 129.878 175.286 127.648C175.063 124.749 172.386 122.742 169.487 123.188Z"
+        class="fill-primary-700"
+        fill-opacity="0.8"
+      />
+      <path
+        d="M167.926 124.526C167.257 124.526 166.588 124.972 166.142 125.195C165.25 126.31 164.804 127.648 165.027 129.209C165.473 132.108 168.149 134.115 171.048 133.669C171.717 133.669 172.386 133.223 172.832 133C173.724 131.885 174.17 130.547 173.947 128.986C173.501 126.087 170.825 124.08 167.926 124.526Z"
+        class="fill-primary-500"
+        fill-opacity="0.5"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0">
+        <rect
+          width="440"
+          height="440"
+          fill="white"
+          transform="translate(0 -150)"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+</template>
+
--- a/resources/scripts-v2/components/notifications/NotificationItem.vue
+++ b/resources/scripts-v2/components/notifications/NotificationItem.vue
@@ -127,7 +127,7 @@

 <script setup lang="ts">
 import { onMounted, computed, ref } from 'vue'
-import { useNotificationStore } from '@/scripts/stores/notification'
+import { useNotificationStore } from '@v2/stores/notification.store'

 export type NotificationType = 'success' | 'error' | 'info'

--- a/resources/scripts-v2/components/notifications/NotificationRoot.vue
+++ b/resources/scripts-v2/components/notifications/NotificationRoot.vue
@@ -33,7 +33,7 @@

 <script setup lang="ts">
 import { computed } from 'vue'
-import { useNotificationStore } from '@/scripts/stores/notification'
+import { useNotificationStore } from '@v2/stores/notification.store'
 import NotificationItem from './NotificationItem.vue'
 import type { Notification } from './NotificationItem.vue'

--- a/resources/scripts-v2/components/table/DataTable.vue
+++ b/resources/scripts-v2/components/table/DataTable.vue
@@ -145,7 +145,7 @@ import { computed, onMounted, watch, ref, reactive } from 'vue'
 import { get } from 'lodash'
 import TablePagination from './TablePagination.vue'
 import { ContentPlaceholder, ContentPlaceholderText } from '../layout'
-import SpinnerIcon from '@/scripts/components/icons/SpinnerIcon.vue'
+import SpinnerIcon from '@v2/components/icons/SpinnerIcon.vue'

 export interface ColumnDef {
  key: string