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>

resources/scripts-v2/layouts/AuthLayout.vue

@@ -91,12 +91,12 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
-import NotificationRoot from '../../components/notifications/NotificationRoot.vue'
-import MainLogo from '../../components/icons/MainLogo.vue'
-import LoginBackground from '../../components/icons/LoginBackground.vue'
-import LoginPlanetCrater from '../../components/icons/LoginPlanetCrater.vue'
-import LoginBottomVector from '../../components/icons/LoginBottomVector.vue'
-import LoginBackgroundOverlay from '../../components/icons/LoginBackgroundOverlay.vue'
+import NotificationRoot from '@v2/components/notifications/NotificationRoot.vue'
+import MainLogo from '@v2/components/icons/MainLogo.vue'
+import LoginBackground from '@v2/components/icons/svg/LoginBackground.vue'
+import LoginPlanetCrater from '@v2/components/icons/svg/LoginPlanetCrater.vue'
+import LoginBottomVector from '@v2/components/icons/svg/LoginBottomVector.vue'
+import LoginBackgroundOverlay from '@v2/components/icons/svg/LoginBackgroundOverlay.vue'
 
 declare global {
   interface Window {

resources/scripts-v2/layouts/CompanyLayout.vue

@@ -31,13 +31,13 @@
 import { useI18n } from 'vue-i18n'
 import { onMounted, computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { useGlobalStore } from '../../stores/global.store'
-import { useUserStore } from '../../stores/user.store'
-import { useModalStore } from '../../stores/modal.store'
-import { useCompanyStore } from '../../stores/company.store'
+import { useGlobalStore } from '@v2/stores/global.store'
+import { useUserStore } from '@v2/stores/user.store'
+import { useModalStore } from '@v2/stores/modal.store'
+import { useCompanyStore } from '@v2/stores/company.store'
 import SiteHeader from './partials/SiteHeader.vue'
 import SiteSidebar from './partials/SiteSidebar.vue'
-import NotificationRoot from '../../components/notifications/NotificationRoot.vue'
+import NotificationRoot from '@v2/components/notifications/NotificationRoot.vue'
 import ImpersonationBanner from './partials/ImpersonationBanner.vue'
 
 interface RouteMeta {

resources/scripts-v2/layouts/InstallationLayout.vue

@@ -9,5 +9,5 @@
 </template>
 
 <script setup lang="ts">
-import NotificationRoot from '../../components/notifications/NotificationRoot.vue'
+import NotificationRoot from '@v2/components/notifications/NotificationRoot.vue'
 </script>

resources/scripts-v2/layouts/partials/CompanySwitcher.vue

@@ -186,12 +186,12 @@ import { ref, watch } from 'vue'
 import { onClickOutside } from '@vueuse/core'
 import { useRoute, useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
-import { useCompanyStore } from '../../../stores/company.store'
-import { useGlobalStore } from '../../../stores/global.store'
-import { useUserStore } from '../../../stores/user.store'
-import { useModalStore } from '../../../stores/modal.store'
-import type { Company, CompanyInvitation } from '../../../types/domain/company'
-import type { Role } from '../../../types/domain/role'
+import { useCompanyStore } from '@v2/stores/company.store'
+import { useGlobalStore } from '@v2/stores/global.store'
+import { useUserStore } from '@v2/stores/user.store'
+import { useModalStore } from '@v2/stores/modal.store'
+import type { Company, CompanyInvitation } from '@v2/types/domain/company'
+import type { Role } from '@v2/types/domain/role'
 
 interface PendingInvitation {
   id: number

resources/scripts-v2/layouts/partials/GlobalSearchBar.vue

@@ -112,8 +112,8 @@
 import { ref, watch } from 'vue'
 import { onClickOutside, useDebounceFn } from '@vueuse/core'
 import { useRoute } from 'vue-router'
-import { client } from '../../../api/client'
-import { API } from '../../../api/endpoints'
+import { client } from '@v2/api/client'
+import { API } from '@v2/api/endpoints'
 
 interface SearchResult {
   id: number

resources/scripts-v2/layouts/partials/ImpersonationBanner.vue

@@ -17,9 +17,9 @@
 
 <script setup lang="ts">
 import { computed, ref } from 'vue'
-import * as ls from '../../../utils/local-storage'
-import { client } from '../../../api/client'
-import { API } from '../../../api/endpoints'
+import * as ls from '@v2/utils/local-storage'
+import { client } from '@v2/api/client'
+import { API } from '@v2/api/endpoints'
 
 const isStopping = ref<boolean>(false)
 

resources/scripts-v2/layouts/partials/SiteHeader.vue

@@ -161,17 +161,17 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { useRouter } from 'vue-router'
-import { useAuthStore } from '../../../stores/auth.store'
-import { useUserStore } from '../../../stores/user.store'
-import { useGlobalStore } from '../../../stores/global.store'
-import { useCompanyStore } from '../../../stores/company.store'
-import { useTheme } from '../../../composables/use-theme'
-import { ABILITIES } from '../../../config/abilities'
-import { THEME } from '../../../config/constants'
-import type { Theme } from '../../../config/constants'
+import { useAuthStore } from '@v2/stores/auth.store'
+import { useUserStore } from '@v2/stores/user.store'
+import { useGlobalStore } from '@v2/stores/global.store'
+import { useCompanyStore } from '@v2/stores/company.store'
+import { useTheme } from '@v2/composables/use-theme'
+import { ABILITIES } from '@v2/config/abilities'
+import { THEME } from '@v2/config/constants'
+import type { Theme } from '@v2/config/constants'
 import CompanySwitcher from './CompanySwitcher.vue'
 import GlobalSearchBar from './GlobalSearchBar.vue'
-import MainLogo from '../../../components/icons/MainLogo.vue'
+import MainLogo from '@v2/components/icons/MainLogo.vue'
 
 interface ThemeOption {
   value: Theme

resources/scripts-v2/layouts/partials/SiteSidebar.vue

@@ -197,8 +197,8 @@ import {
   TransitionRoot,
 } from '@headlessui/vue'
 import { useRoute } from 'vue-router'
-import { useGlobalStore } from '../../../stores/global.store'
-import MainLogo from '../../../components/icons/MainLogo.vue'
+import { useGlobalStore } from '@v2/stores/global.store'
+import MainLogo from '@v2/components/icons/MainLogo.vue'
 
 interface MenuItemData {
   name: string