Phase 1: TypeScript foundation in scripts-v2/

Create the complete TypeScript foundation for the Vue 3 migration
in a parallel scripts-v2/ directory. 72 files, 5430 lines, zero
any types, strict mode.

- types/ (21 files): Domain interfaces for all 17 entities derived
  from actual Laravel models and API resources. Enums for all
  statuses. Generic API response wrappers.
- api/ (29 files): Typed axios client with interceptors, endpoint
  constants from routes/api.php, 25 typed service classes covering
  every API endpoint.
- composables/ (14 files): Vue 3 composition functions for auth,
  notifications, dialogs, modals, pagination, filters, currency,
  dates, theme, sidebar, company context, and permissions.
- utils/ (5 files): Pure typed utilities for money formatting,
  date formatting (date-fns), localStorage, and error handling.
- config/ (3 files): Typed ability constants, app constants.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

resources/scripts-v2/composables/use-dialog.ts

@@ -0,0 +1,113 @@
+import { ref, readonly } from 'vue'
+import type { DeepReadonly, Ref } from 'vue'
+import { DIALOG_VARIANT } from '../config/constants'
+import type { DialogVariant } from '../config/constants'
+
+export interface DialogState {
+  active: boolean
+  title: string
+  message: string
+  variant: DialogVariant
+  yesLabel: string
+  noLabel: string
+  hideNoButton: boolean
+  data: unknown
+}
+
+export interface OpenConfirmOptions {
+  title: string
+  message: string
+  variant?: DialogVariant
+  yesLabel?: string
+  noLabel?: string
+  hideNoButton?: boolean
+  data?: unknown
+}
+
+export interface UseDialogReturn {
+  dialogState: DeepReadonly<Ref<DialogState>>
+  openConfirm: (options: OpenConfirmOptions) => Promise<boolean>
+  closeDialog: () => void
+  confirmDialog: () => void
+  cancelDialog: () => void
+}
+
+const DEFAULT_STATE: DialogState = {
+  active: false,
+  title: '',
+  message: '',
+  variant: DIALOG_VARIANT.DANGER,
+  yesLabel: 'Yes',
+  noLabel: 'No',
+  hideNoButton: false,
+  data: null,
+}
+
+const dialogState = ref<DialogState>({ ...DEFAULT_STATE })
+
+let resolvePromise: ((value: boolean) => void) | null = null
+
+/**
+ * Composable for managing confirmation dialogs.
+ * Returns a promise that resolves to true (confirmed) or false (cancelled).
+ */
+export function useDialog(): UseDialogReturn {
+  /**
+   * Open a confirmation dialog and await the user's response.
+   *
+   * @param options - Dialog configuration
+   * @returns Promise that resolves to true if confirmed, false if cancelled
+   */
+  function openConfirm(options: OpenConfirmOptions): Promise<boolean> {
+    dialogState.value = {
+      active: true,
+      title: options.title,
+      message: options.message,
+      variant: options.variant ?? DIALOG_VARIANT.DANGER,
+      yesLabel: options.yesLabel ?? 'Yes',
+      noLabel: options.noLabel ?? 'No',
+      hideNoButton: options.hideNoButton ?? false,
+      data: options.data ?? null,
+    }
+
+    return new Promise<boolean>((resolve) => {
+      resolvePromise = resolve
+    })
+  }
+
+  function confirmDialog(): void {
+    if (resolvePromise) {
+      resolvePromise(true)
+      resolvePromise = null
+    }
+    resetDialog()
+  }
+
+  function cancelDialog(): void {
+    if (resolvePromise) {
+      resolvePromise(false)
+      resolvePromise = null
+    }
+    resetDialog()
+  }
+
+  function closeDialog(): void {
+    cancelDialog()
+  }
+
+  function resetDialog(): void {
+    dialogState.value.active = false
+
+    setTimeout(() => {
+      dialogState.value = { ...DEFAULT_STATE }
+    }, 300)
+  }
+
+  return {
+    dialogState: readonly(dialogState),
+    openConfirm,
+    closeDialog,
+    confirmDialog,
+    cancelDialog,
+  }
+}