@burdenoff/microfe-proserviceworld 2026.709.2 → 2026.709.3

package/dist/proserviceworld/i18n/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/proserviceworld/i18n/index.ts"],"sourcesContent":["/**\n * ProServiceWorld MFE local i18n.\n *\n * The host app shell owns the global I18nProvider and product translations.\n * This lightweight module provides fallback translations for MFE-owned UI\n * strings (page titles, empty states, form labels) so the MFE can be mounted\n * standalone (dev harness, tests) and still render in all supported locales.\n * When running inside the shell, the shell's `useI18n` translations take\n * precedence via the `t` helper below.\n */\n\nexport type SupportedLocale = 'en' | 'es' | 'hi' | 'ta' | 'zh' | 'ar';\n\nconst translations: Record<SupportedLocale, Record<string, string>> = {\n  en: {\n    'psw.clients.title': 'Clients',\n    'psw.clients.subtitle': 'Every person or organization your firm serves.',\n    'psw.clients.emptyTitle': 'No clients yet',\n    'psw.clients.emptyDescription':\n      'Add your first client to start scoping engagements and matters.',\n    'psw.clients.new': 'New client',\n    'psw.clients.searchPlaceholder': 'Search clients…',\n    'psw.clients.allStatuses': 'All statuses',\n    'psw.common.loading': 'Loading…',\n    'psw.common.retry': 'Retry',\n    'psw.common.cancel': 'Cancel',\n    'psw.common.save': 'Save',\n    'psw.common.create': 'Create',\n    'psw.common.edit': 'Edit',\n    'psw.common.archive': 'Archive',\n    'psw.common.actions': 'Actions',\n    'psw.common.name': 'Name',\n    'psw.common.status': 'Status',\n    'psw.common.type': 'Type',\n    'psw.common.added': 'Added',\n    'psw.common.loadMore': 'Load more',\n    'psw.common.showing': 'Showing',\n    'psw.common.of': 'of',\n    'psw.tags.title': 'Tags',\n    'psw.tags.add': 'Add tag',\n  },\n  es: {\n    'psw.clients.title': 'Clientes',\n    'psw.clients.subtitle': 'Toda persona u organización que atiende su firma.',\n    'psw.clients.emptyTitle': 'Aún no hay clientes',\n    'psw.clients.emptyDescription':\n      'Agregue su primer cliente para comenzar a definir compromisos y asuntos.',\n    'psw.clients.new': 'Nuevo cliente',\n    'psw.clients.searchPlaceholder': 'Buscar clientes…',\n    'psw.clients.allStatuses': 'Todos los estados',\n    'psw.common.loading': 'Cargando…',\n    'psw.common.retry': 'Reintentar',\n    'psw.common.cancel': 'Cancelar',\n    'psw.common.save': 'Guardar',\n    'psw.common.create': 'Crear',\n    'psw.common.edit': 'Editar',\n    'psw.common.archive': 'Archivar',\n    'psw.common.actions': 'Acciones',\n    'psw.common.name': 'Nombre',\n    'psw.common.status': 'Estado',\n    'psw.common.type': 'Tipo',\n    'psw.common.added': 'Añadido',\n    'psw.common.loadMore': 'Cargar más',\n    'psw.common.showing': 'Mostrando',\n    'psw.common.of': 'de',\n    'psw.tags.title': 'Etiquetas',\n    'psw.tags.add': 'Agregar etiqueta',\n  },\n  hi: {\n    'psw.clients.title': 'ग्राहक',\n    'psw.clients.subtitle': 'हर व्यक्ति या संगठन जिसे आपकी फर्म सेवा देती है।',\n    'psw.clients.emptyTitle': 'अभी तक कोई ग्राहक नहीं',\n    'psw.clients.emptyDescription':\n      'समझौते और मामलों का दायरा तय करना शुरू करने के लिए अपना पहला ग्राहक जोड़ें।',\n    'psw.clients.new': 'नया ग्राहक',\n    'psw.clients.searchPlaceholder': 'ग्राहक खोजें…',\n    'psw.clients.allStatuses': 'सभी स्थिति',\n    'psw.common.loading': 'लोड हो रहा है…',\n    'psw.common.retry': 'पुनः प्रयास करें',\n    'psw.common.cancel': 'रद्द करें',\n    'psw.common.save': 'सहेजें',\n    'psw.common.create': 'बनाएं',\n    'psw.common.edit': 'संपादित करें',\n    'psw.common.archive': 'संग्रहीत करें',\n    'psw.common.actions': 'कार्रवाइयाँ',\n    'psw.common.name': 'नाम',\n    'psw.common.status': 'स्थिति',\n    'psw.common.type': 'प्रकार',\n    'psw.common.added': 'जोड़ा गया',\n    'psw.common.loadMore': 'और लोड करें',\n    'psw.common.showing': 'दिखा रहा है',\n    'psw.common.of': 'में से',\n    'psw.tags.title': 'टैग',\n    'psw.tags.add': 'टैग जोड़ें',\n  },\n  ta: {\n    'psw.clients.title': 'வாடிக்கையாளர்கள்',\n    'psw.clients.subtitle': 'உங்கள் நிறுவனம் சேவை செய்யும் ஒவ்வொரு நபரும் அல்லது நிறுவனமும்.',\n    'psw.clients.emptyTitle': 'இன்னும் வாடிக்கையாளர்கள் இல்லை',\n    'psw.clients.emptyDescription':\n      'உறுதிமொழிகள் மற்றும் விவகாரங்களை வரையறுக்க முதல் வாடிக்கையாளரைச் சேர்க்கவும்.',\n    'psw.clients.new': 'புதிய வாடிக்கையாளர்',\n    'psw.clients.searchPlaceholder': 'வாடிக்கையாளர்களைத் தேடு…',\n    'psw.clients.allStatuses': 'அனைத்து நிலைகள்',\n    'psw.common.loading': 'ஏற்றுகிறது…',\n    'psw.common.retry': 'மீண்டும் முயற்சி',\n    'psw.common.cancel': 'ரத்து',\n    'psw.common.save': 'சேமி',\n    'psw.common.create': 'உருவாக்கு',\n    'psw.common.edit': 'திருத்து',\n    'psw.common.archive': 'காப்பகம்',\n    'psw.common.actions': 'செயல்கள்',\n    'psw.common.name': 'பெயர்',\n    'psw.common.status': 'நிலை',\n    'psw.common.type': 'வகை',\n    'psw.common.added': 'சேர்க்கப்பட்டது',\n    'psw.common.loadMore': 'மேலும் ஏற்று',\n    'psw.common.showing': 'காட்டுகிறது',\n    'psw.common.of': 'இல்',\n    'psw.tags.title': 'குறிச்சொற்கள்',\n    'psw.tags.add': 'குறிச்சொல் சேர்',\n  },\n  zh: {\n    'psw.clients.title': '客户',\n    'psw.clients.subtitle': '贵公司服务的每一个人或组织。',\n    'psw.clients.emptyTitle': '暂无客户',\n    'psw.clients.emptyDescription': '添加您的第一个客户，开始确定业务和事项范围。',\n    'psw.clients.new': '新建客户',\n    'psw.clients.searchPlaceholder': '搜索客户…',\n    'psw.clients.allStatuses': '全部状态',\n    'psw.common.loading': '加载中…',\n    'psw.common.retry': '重试',\n    'psw.common.cancel': '取消',\n    'psw.common.save': '保存',\n    'psw.common.create': '创建',\n    'psw.common.edit': '编辑',\n    'psw.common.archive': '归档',\n    'psw.common.actions': '操作',\n    'psw.common.name': '名称',\n    'psw.common.status': '状态',\n    'psw.common.type': '类型',\n    'psw.common.added': '添加时间',\n    'psw.common.loadMore': '加载更多',\n    'psw.common.showing': '显示',\n    'psw.common.of': '共',\n    'psw.tags.title': '标签',\n    'psw.tags.add': '添加标签',\n  },\n  ar: {\n    'psw.clients.title': 'العملاء',\n    'psw.clients.subtitle': 'كل شخص أو مؤسسة تخدمها شركتك.',\n    'psw.clients.emptyTitle': 'لا يوجد عملاء بعد',\n    'psw.clients.emptyDescription': 'أضف عميلك الأول لبدء تحديد نطاق الالتزامات والقضايا.',\n    'psw.clients.new': 'عميل جديد',\n    'psw.clients.searchPlaceholder': 'البحث في العملاء…',\n    'psw.clients.allStatuses': 'جميع الحالات',\n    'psw.common.loading': 'جارٍ التحميل…',\n    'psw.common.retry': 'إعادة المحاولة',\n    'psw.common.cancel': 'إلغاء',\n    'psw.common.save': 'حفظ',\n    'psw.common.create': 'إنشاء',\n    'psw.common.edit': 'تعديل',\n    'psw.common.archive': 'أرشفة',\n    'psw.common.actions': 'إجراءات',\n    'psw.common.name': 'الاسم',\n    'psw.common.status': 'الحالة',\n    'psw.common.type': 'النوع',\n    'psw.common.added': 'تاريخ الإضافة',\n    'psw.common.loadMore': 'تحميل المزيد',\n    'psw.common.showing': 'عرض',\n    'psw.common.of': 'من',\n    'psw.tags.title': 'الوسوم',\n    'psw.tags.add': 'إضافة وسم',\n  },\n};\n\nfunction detectLocale(): SupportedLocale {\n  if (typeof navigator === 'undefined') return 'en';\n  const code = (navigator.language ?? 'en').split('-')[0].toLowerCase();\n  if (code in translations) return code as SupportedLocale;\n  return 'en';\n}\n\nexport function t(key: string, fallback?: string, locale?: SupportedLocale): string {\n  const loc = locale ?? detectLocale();\n  return translations[loc]?.[key] ?? translations.en[key] ?? fallback ?? key;\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/proserviceworld/i18n/index.ts"],"sourcesContent":["/**\n * ProServiceWorld MFE local i18n.\n *\n * The host app shell owns the global I18nProvider and product translations.\n * This lightweight module provides fallback translations for MFE-owned UI\n * strings (page titles, empty states, form labels) so the MFE can be mounted\n * standalone (dev harness, tests) and still render in all supported locales.\n * When running inside the shell, the shell's `useI18n` translations take\n * precedence via the `t` helper below.\n */\n\nexport type SupportedLocale = 'en' | 'es' | 'hi' | 'ta' | 'zh' | 'ar';\n\nconst translations: Record<SupportedLocale, Record<string, string>> = {\n  en: {\n    'psw.clients.title': 'Clients',\n    'psw.clients.subtitle': 'Every person or organization your firm serves.',\n    'psw.clients.emptyTitle': 'No clients yet',\n    'psw.clients.emptyDescription':\n      'Add your first client to start scoping engagements and matters.',\n    'psw.clients.new': 'New client',\n    'psw.clients.searchPlaceholder': 'Search clients…',\n    'psw.clients.allStatuses': 'All statuses',\n    'psw.common.loading': 'Loading…',\n    'psw.common.retry': 'Retry',\n    'psw.common.cancel': 'Cancel',\n    'psw.common.save': 'Save',\n    'psw.common.create': 'Create',\n    'psw.common.edit': 'Edit',\n    'psw.common.archive': 'Archive',\n    'psw.common.actions': 'Actions',\n    'psw.common.name': 'Name',\n    'psw.common.status': 'Status',\n    'psw.common.type': 'Type',\n    'psw.common.added': 'Added',\n    'psw.common.loadMore': 'Load more',\n    'psw.common.showing': 'Showing',\n    'psw.common.of': 'of',\n    'psw.tags.title': 'Tags',\n    'psw.tags.add': 'Add tag',\n  },\n  es: {\n    'psw.clients.title': 'Clientes',\n    'psw.clients.subtitle': 'Toda persona u organización que atiende su firma.',\n    'psw.clients.emptyTitle': 'Aún no hay clientes',\n    'psw.clients.emptyDescription':\n      'Agregue su primer cliente para comenzar a definir compromisos y asuntos.',\n    'psw.clients.new': 'Nuevo cliente',\n    'psw.clients.searchPlaceholder': 'Buscar clientes…',\n    'psw.clients.allStatuses': 'Todos los estados',\n    'psw.common.loading': 'Cargando…',\n    'psw.common.retry': 'Reintentar',\n    'psw.common.cancel': 'Cancelar',\n    'psw.common.save': 'Guardar',\n    'psw.common.create': 'Crear',\n    'psw.common.edit': 'Editar',\n    'psw.common.archive': 'Archivar',\n    'psw.common.actions': 'Acciones',\n    'psw.common.name': 'Nombre',\n    'psw.common.status': 'Estado',\n    'psw.common.type': 'Tipo',\n    'psw.common.added': 'Añadido',\n    'psw.common.loadMore': 'Cargar más',\n    'psw.common.showing': 'Mostrando',\n    'psw.common.of': 'de',\n    'psw.tags.title': 'Etiquetas',\n    'psw.tags.add': 'Agregar etiqueta',\n  },\n  hi: {\n    'psw.clients.title': 'ग्राहक',\n    'psw.clients.subtitle': 'हर व्यक्ति या संगठन जिसे आपकी फर्म सेवा देती है।',\n    'psw.clients.emptyTitle': 'अभी तक कोई ग्राहक नहीं',\n    'psw.clients.emptyDescription':\n      'समझौते और मामलों का दायरा तय करना शुरू करने के लिए अपना पहला ग्राहक जोड़ें।',\n    'psw.clients.new': 'नया ग्राहक',\n    'psw.clients.searchPlaceholder': 'ग्राहक खोजें…',\n    'psw.clients.allStatuses': 'सभी स्थिति',\n    'psw.common.loading': 'लोड हो रहा है…',\n    'psw.common.retry': 'पुनः प्रयास करें',\n    'psw.common.cancel': 'रद्द करें',\n    'psw.common.save': 'सहेजें',\n    'psw.common.create': 'बनाएं',\n    'psw.common.edit': 'संपादित करें',\n    'psw.common.archive': 'संग्रहीत करें',\n    'psw.common.actions': 'कार्रवाइयाँ',\n    'psw.common.name': 'नाम',\n    'psw.common.status': 'स्थिति',\n    'psw.common.type': 'प्रकार',\n    'psw.common.added': 'जोड़ा गया',\n    'psw.common.loadMore': 'और लोड करें',\n    'psw.common.showing': 'दिखा रहा है',\n    'psw.common.of': 'में से',\n    'psw.tags.title': 'टैग',\n    'psw.tags.add': 'टैग जोड़ें',\n  },\n  ta: {\n    'psw.clients.title': 'வாடிக்கையாளர்கள்',\n    'psw.clients.subtitle': 'உங்கள் நிறுவனம் சேவை செய்யும் ஒவ்வொரு நபரும் அல்லது நிறுவனமும்.',\n    'psw.clients.emptyTitle': 'இன்னும் வாடிக்கையாளர்கள் இல்லை',\n    'psw.clients.emptyDescription':\n      'உறுதிமொழிகள் மற்றும் விவகாரங்களை வரையறுக்க முதல் வாடிக்கையாளரைச் சேர்க்கவும்.',\n    'psw.clients.new': 'புதிய வாடிக்கையாளர்',\n    'psw.clients.searchPlaceholder': 'வாடிக்கையாளர்களைத் தேடு…',\n    'psw.clients.allStatuses': 'அனைத்து நிலைகள்',\n    'psw.common.loading': 'ஏற்றுகிறது…',\n    'psw.common.retry': 'மீண்டும் முயற்சி',\n    'psw.common.cancel': 'ரத்து',\n    'psw.common.save': 'சேமி',\n    'psw.common.create': 'உருவாக்கு',\n    'psw.common.edit': 'திருத்து',\n    'psw.common.archive': 'காப்பகம்',\n    'psw.common.actions': 'செயல்கள்',\n    'psw.common.name': 'பெயர்',\n    'psw.common.status': 'நிலை',\n    'psw.common.type': 'வகை',\n    'psw.common.added': 'சேர்க்கப்பட்டது',\n    'psw.common.loadMore': 'மேலும் ஏற்று',\n    'psw.common.showing': 'காட்டுகிறது',\n    'psw.common.of': 'இல்',\n    'psw.tags.title': 'குறிச்சொற்கள்',\n    'psw.tags.add': 'குறிச்சொல் சேர்',\n  },\n  zh: {\n    'psw.clients.title': '客户',\n    'psw.clients.subtitle': '贵公司服务的每一个人或组织。',\n    'psw.clients.emptyTitle': '暂无客户',\n    'psw.clients.emptyDescription': '添加您的第一个客户，开始确定业务和事项范围。',\n    'psw.clients.new': '新建客户',\n    'psw.clients.searchPlaceholder': '搜索客户…',\n    'psw.clients.allStatuses': '全部状态',\n    'psw.common.loading': '加载中…',\n    'psw.common.retry': '重试',\n    'psw.common.cancel': '取消',\n    'psw.common.save': '保存',\n    'psw.common.create': '创建',\n    'psw.common.edit': '编辑',\n    'psw.common.archive': '归档',\n    'psw.common.actions': '操作',\n    'psw.common.name': '名称',\n    'psw.common.status': '状态',\n    'psw.common.type': '类型',\n    'psw.common.added': '添加时间',\n    'psw.common.loadMore': '加载更多',\n    'psw.common.showing': '显示',\n    'psw.common.of': '共',\n    'psw.tags.title': '标签',\n    'psw.tags.add': '添加标签',\n  },\n  ar: {\n    'psw.clients.title': 'العملاء',\n    'psw.clients.subtitle': 'كل شخص أو مؤسسة تخدمها شركتك.',\n    'psw.clients.emptyTitle': 'لا يوجد عملاء بعد',\n    'psw.clients.emptyDescription': 'أضف عميلك الأول لبدء تحديد نطاق الالتزامات والقضايا.',\n    'psw.clients.new': 'عميل جديد',\n    'psw.clients.searchPlaceholder': 'البحث في العملاء…',\n    'psw.clients.allStatuses': 'جميع الحالات',\n    'psw.common.loading': 'جارٍ التحميل…',\n    'psw.common.retry': 'إعادة المحاولة',\n    'psw.common.cancel': 'إلغاء',\n    'psw.common.save': 'حفظ',\n    'psw.common.create': 'إنشاء',\n    'psw.common.edit': 'تعديل',\n    'psw.common.archive': 'أرشفة',\n    'psw.common.actions': 'إجراءات',\n    'psw.common.name': 'الاسم',\n    'psw.common.status': 'الحالة',\n    'psw.common.type': 'النوع',\n    'psw.common.added': 'تاريخ الإضافة',\n    'psw.common.loadMore': 'تحميل المزيد',\n    'psw.common.showing': 'عرض',\n    'psw.common.of': 'من',\n    'psw.tags.title': 'الوسوم',\n    'psw.tags.add': 'إضافة وسم',\n  },\n};\n\nfunction detectLocale(): SupportedLocale {\n  if (typeof navigator === 'undefined') return 'en';\n  const code = (navigator.language ?? 'en').split('-')[0].toLowerCase();\n  if (code in translations) return code as SupportedLocale;\n  return 'en';\n}\n\nexport function t(key: string, fallback?: string, locale?: SupportedLocale): string {\n  const loc = locale ?? detectLocale();\n  return translations[loc]?.[key] ?? translations.en[key] ?? fallback ?? key;\n}\n"],"mappings":"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"}

package/dist/proserviceworld/index.js

@@ -1,4 +1,5 @@
-import "./providers/ProServiceWorldProvider.js";
-import "./ProServiceWorldRoot.js";
-import "./services/createSandboxAssistantTransport.js";
-import "./i18n/index.js";
+import { useProServiceWorld as e } from "./providers/ProServiceWorldProvider.js";
+import { ProServiceWorldRoot as t } from "./ProServiceWorldRoot.js";
+import { useSandboxAssistantTransport as n } from "./services/createSandboxAssistantTransport.js";
+import { t as r } from "./i18n/index.js";
+export { t as ProServiceWorldRoot, r as t, e as useProServiceWorld, n as useSandboxAssistantTransport };

package/dist/proserviceworld/pages/AnalyticsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/AnalyticsPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { BarChart3, TrendingUp, Clock, Wallet } from 'lucide-react';\nimport { useDashboardStats } from '../hooks/useProServiceWorldApi';\nimport { cn } from '../utils/cn';\nimport {\n  PageHeader,\n  SectionCard,\n  MetricCard,\n  LoadingBlock,\n  ErrorState,\n  StatusPill,\n  fmtMoney,\n  fmtHours,\n} from '../components/ui';\n\nexport const AnalyticsPage: FC = () => {\n  const { data, isLoading, error, refetch } = useDashboardStats();\n  if (isLoading) return <LoadingBlock label=\"Crunching numbers…\" />;\n  if (error) return <ErrorState error={error} onRetry={() => void refetch()} />;\n  if (!data) return null;\n\n  const totalHours = data.unbilledHours + data.billedHours;\n  const utilization = totalHours > 0 ? Math.round((data.billedHours / totalHours) * 100) : 0;\n  const billableBase = data.paidInvoiceTotal + data.outstandingInvoiceTotal;\n  const collectionRate =\n    billableBase > 0 ? Math.round((data.paidInvoiceTotal / billableBase) * 100) : 0;\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Analytics\"\n        subtitle=\"Real, live metrics across the practice — no estimates, straight from your records.\"\n        icon={<BarChart3 className=\"h-6 w-6\" />}\n      />\n\n      <div className=\"grid grid-cols-2 gap-3 lg:grid-cols-4\">\n        <MetricCard\n          label=\"Collected revenue\"\n          value={fmtMoney(data.paidInvoiceTotal)}\n          hint={`${fmtMoney(billableBase)} invoiced`}\n          icon={<Wallet className=\"h-4 w-4\" />}\n          tone=\"success\"\n        />\n        <MetricCard\n          label=\"Collection rate\"\n          value={`${collectionRate}%`}\n          hint={`${fmtMoney(data.outstandingInvoiceTotal)} outstanding`}\n          icon={<TrendingUp className=\"h-4 w-4\" />}\n          tone=\"accent\"\n        />\n        <MetricCard\n          label=\"Utilization\"\n          value={`${utilization}%`}\n          hint={`${fmtHours(data.billedHours)} of ${fmtHours(totalHours)}`}\n          icon={<Clock className=\"h-4 w-4\" />}\n          tone=\"info\"\n        />\n        <MetricCard\n          label=\"Active engagements\"\n          value={data.activeEngagements}\n          hint={`${data.openMatters} open matters`}\n          icon={<BarChart3 className=\"h-4 w-4\" />}\n          tone=\"warning\"\n        />\n      </div>\n\n      {/* Practice-health meters — collection & utilization at a glance */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n        <SectionCard title=\"Collection rate\" description=\"Paid vs. total invoiced.\">\n          <GaugeRow\n            pct={collectionRate}\n            tone=\"accent\"\n            primary={fmtMoney(data.paidInvoiceTotal)}\n            primaryLabel=\"Collected\"\n            secondary={fmtMoney(data.outstandingInvoiceTotal)}\n            secondaryLabel=\"Outstanding\"\n          />\n        </SectionCard>\n        <SectionCard title=\"Utilization\" description=\"Billed vs. total logged hours.\">\n          <GaugeRow\n            pct={utilization}\n            tone=\"info\"\n            primary={fmtHours(data.billedHours)}\n            primaryLabel=\"Billed\"\n            secondary={fmtHours(data.unbilledHours)}\n            secondaryLabel=\"Unbilled\"\n          />\n        </SectionCard>\n      </div>\n\n      <SectionCard title=\"Revenue by month\" description=\"Invoiced totals across recent months.\">\n        <RevenueChart data={data.revenueByMonth} />\n      </SectionCard>\n\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        <SectionCard title=\"Engagements\" description=\"By status\">\n          <Distribution items={data.engagementsByStatus} />\n        </SectionCard>\n        <SectionCard title=\"Matters\" description=\"By status\">\n          <Distribution items={data.mattersByStatus} />\n        </SectionCard>\n        <SectionCard title=\"Invoices\" description=\"By status\">\n          <Distribution items={data.invoicesByStatus} />\n        </SectionCard>\n      </div>\n\n      <SectionCard title=\"Time & billing\" description=\"Billable capacity across the practice.\">\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <HoursBar\n            label=\"Billed hours\"\n            value={data.billedHours}\n            total={totalHours}\n            tone=\"accent\"\n          />\n          <HoursBar\n            label=\"Unbilled hours\"\n            value={data.unbilledHours}\n            total={totalHours}\n            tone=\"warning\"\n          />\n        </div>\n      </SectionCard>\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Radial gauge with a supporting two-number legend\n// ---------------------------------------------------------------------------\nconst GaugeRow: FC<{\n  pct: number;\n  tone: 'accent' | 'info';\n  primary: string;\n  primaryLabel: string;\n  secondary: string;\n  secondaryLabel: string;\n}> = ({ pct, tone, primary, primaryLabel, secondary, secondaryLabel }) => (\n  <div className=\"flex items-center gap-5\">\n    <Gauge pct={pct} tone={tone} />\n    <div className=\"flex flex-1 flex-col gap-2.5\">\n      <div className=\"flex items-baseline justify-between gap-3\">\n        <span className=\"text-xs font-medium uppercase tracking-wider text-text-tertiary\">\n          {primaryLabel}\n        </span>\n        <span className=\"text-sm font-semibold tabular-nums text-text-primary\">{primary}</span>\n      </div>\n      <div className=\"h-px bg-border-seam\" />\n      <div className=\"flex items-baseline justify-between gap-3\">\n        <span className=\"text-xs font-medium uppercase tracking-wider text-text-tertiary\">\n          {secondaryLabel}\n        </span>\n        <span className=\"text-sm font-semibold tabular-nums text-text-secondary\">{secondary}</span>\n      </div>\n    </div>\n  </div>\n);\n\nconst Gauge: FC<{ pct: number; tone: 'accent' | 'info' }> = ({ pct, tone }) => {\n  const clamped = Math.max(0, Math.min(100, pct));\n  const r = 34;\n  const c = 2 * Math.PI * r;\n  const dash = (clamped / 100) * c;\n  return (\n    <div\n      className={cn(\n        'relative h-24 w-24 shrink-0',\n        tone === 'accent' ? 'text-accent' : 'text-text-link'\n      )}\n    >\n      <svg viewBox=\"0 0 80 80\" className=\"h-full w-full -rotate-90\">\n        <circle\n          cx=\"40\"\n          cy=\"40\"\n          r={r}\n          fill=\"none\"\n          strokeWidth=\"8\"\n          className=\"text-bg-sunken\"\n          stroke=\"currentColor\"\n        />\n        <circle\n          cx=\"40\"\n          cy=\"40\"\n          r={r}\n          fill=\"none\"\n          strokeWidth=\"8\"\n          strokeLinecap=\"round\"\n          stroke=\"currentColor\"\n          strokeDasharray={`${dash} ${c}`}\n          className=\"transition-[stroke-dasharray] duration-700\"\n        />\n      </svg>\n      <div className=\"absolute inset-0 flex items-center justify-center\">\n        <span className=\"text-lg font-bold tabular-nums text-text-primary\">{clamped}%</span>\n      </div>\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Revenue chart — gradient columns with value labels + month axis\n// ---------------------------------------------------------------------------\nconst RevenueChart: FC<{ data: { month: string; amount: number }[] }> = ({ data }) => {\n  if (!data.length) return <p className=\"text-sm text-text-tertiary\">No invoiced revenue yet.</p>;\n  const peak = Math.max(...data.map((d) => d.amount), 1);\n  return (\n    <div className=\"overflow-x-auto\">\n      <div className=\"min-w-[520px]\">\n        <div className=\"flex h-60 items-end gap-2 border-b border-border-seam\">\n          {data.map((d) => (\n            <div\n              key={d.month}\n              className=\"group flex h-full flex-1 flex-col items-center justify-end gap-1.5\"\n            >\n              <span className=\"whitespace-nowrap text-[10px] font-semibold tabular-nums text-text-secondary\">\n                {fmtMoney(d.amount)}\n              </span>\n              <div\n                className=\"w-full max-w-[3rem] rounded-t-lg bg-gradient-to-t from-accent/50 to-accent shadow-sm transition-all duration-200 group-hover:-translate-y-1 group-hover:shadow-md\"\n                style={{ height: `${Math.max((d.amount / peak) * 90, 2)}%` }}\n                title={fmtMoney(d.amount)}\n              />\n            </div>\n          ))}\n        </div>\n        <div className=\"mt-2 flex gap-2\">\n          {data.map((d) => (\n            <span key={d.month} className=\"flex-1 text-center text-xs text-text-tertiary\">\n              {monthShort(d.month)}\n            </span>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Distribution — tone-colored gradient bars with count + share\n// ---------------------------------------------------------------------------\nconst Distribution: FC<{ items: { status: string; count: number }[] }> = ({ items }) => {\n  if (!items.length) return <p className=\"text-sm text-text-tertiary\">No records yet.</p>;\n  const max = Math.max(...items.map((i) => i.count), 1);\n  const total = items.reduce((s, i) => s + i.count, 0) || 1;\n  return (\n    <ul className=\"space-y-3.5\">\n      {items.map((i) => (\n        <li\n          key={i.status}\n          className=\"grid grid-cols-[7.5rem_minmax(0,1fr)_auto] items-center gap-3\"\n        >\n          <StatusPill status={i.status} className=\"justify-self-start\" />\n          <div className=\"h-2.5 overflow-hidden rounded-full bg-bg-sunken\">\n            <div\n              className={cn(\n                'h-full rounded-full bg-gradient-to-r transition-all duration-500',\n                barGradientFor(i.status)\n              )}\n              style={{ width: `${Math.max((i.count / max) * 100, 4)}%` }}\n            />\n          </div>\n          <span className=\"flex items-baseline justify-end gap-1.5 tabular-nums\">\n            <span className=\"text-sm font-semibold text-text-primary\">{i.count}</span>\n            <span className=\"text-xs text-text-tertiary\">\n              {Math.round((i.count / total) * 100)}%\n            </span>\n          </span>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Hours bar — big gradient progress meter (billed vs unbilled)\n// ---------------------------------------------------------------------------\nconst HoursBar: FC<{ label: string; value: number; total: number; tone: 'accent' | 'warning' }> = ({\n  label,\n  value,\n  total,\n  tone,\n}) => {\n  const pct = total > 0 ? Math.round((value / total) * 100) : 0;\n  const grad =\n    tone === 'accent'\n      ? 'from-accent/60 to-accent'\n      : 'from-status-warning-text/60 to-status-warning-text';\n  return (\n    <div className=\"rounded-xl border border-border-seam bg-bg-canvas p-4\">\n      <div className=\"mb-2.5 flex items-center justify-between gap-3\">\n        <span className=\"text-sm font-medium text-text-secondary\">{label}</span>\n        <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n          {fmtHours(value)} · {pct}%\n        </span>\n      </div>\n      <div className=\"h-3 overflow-hidden rounded-full bg-bg-sunken\">\n        <div\n          className={cn('h-full rounded-full bg-gradient-to-r transition-all duration-700', grad)}\n          style={{ width: `${pct}%` }}\n        />\n      </div>\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Chart helpers (token-driven; self-contained to this page)\n// ---------------------------------------------------------------------------\ntype BarTone = 'success' | 'warning' | 'danger' | 'info' | 'accent' | 'neutral';\n\nconst BAR_GRADIENT: Record<BarTone, string> = {\n  success: 'from-status-success-text/55 to-status-success-text',\n  warning: 'from-status-warning-text/55 to-status-warning-text',\n  danger: 'from-status-error-text/55 to-status-error-text',\n  info: 'from-text-link/55 to-text-link',\n  accent: 'from-accent/55 to-accent',\n  neutral: 'from-text-tertiary/30 to-text-tertiary/70',\n};\n\n/** Mirror of the shared StatusPill tone mapping, used to tint chart bars. */\nconst STATUS_BAR_TONE: Record<string, BarTone> = {\n  ACTIVE: 'success',\n  DELIVERED: 'success',\n  INVOICED: 'success',\n  PAID: 'success',\n  APPROVED: 'success',\n  PASSED: 'success',\n  CLEAR: 'success',\n  COMPLETED: 'success',\n  FINAL: 'success',\n  PROSPECT: 'info',\n  PROPOSAL: 'info',\n  MEDIUM: 'info',\n  INTERNAL_REVIEW: 'info',\n  SUBMITTED: 'info',\n  SENT: 'info',\n  IN_REVIEW: 'info',\n  REVIEW: 'warning',\n  ON_HOLD: 'warning',\n  HIGH: 'warning',\n  CLIENT_REVIEW: 'warning',\n  PENDING: 'warning',\n  POTENTIAL_CONFLICT: 'warning',\n  CANCELLED: 'danger',\n  CRITICAL: 'danger',\n  REJECTED: 'danger',\n  OVERDUE: 'danger',\n  FAILED: 'danger',\n  CONFLICT: 'danger',\n  ACCEPTED: 'accent',\n  IN_PROGRESS: 'accent',\n  OPEN: 'accent',\n  BILLED: 'accent',\n  INACTIVE: 'neutral',\n  ARCHIVED: 'neutral',\n  CLOSED: 'neutral',\n  LOW: 'neutral',\n  DRAFT: 'neutral',\n  WAIVED: 'neutral',\n};\n\nfunction barGradientFor(status: string): string {\n  return BAR_GRADIENT[STATUS_BAR_TONE[status] ?? 'accent'];\n}\n\n/** \"2026-07\" → \"Jul\" (falls back to the raw value if unparseable). */\nfunction monthShort(m: string): string {\n  const [y, mo] = m.split('-').map(Number);\n  if (!y || !mo) return m;\n  const d = new Date(y, mo - 1, 1);\n  return Number.isNaN(d.getTime()) ? m : d.toLocaleDateString(undefined, { month: 'short' });\n}\n"],"mappings":"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"}
+{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/AnalyticsPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { BarChart3, TrendingUp, Clock, Wallet } from 'lucide-react';\nimport { useDashboardStats } from '../hooks/useProServiceWorldApi';\nimport { cn } from '../utils/cn';\nimport {\n  PageHeader,\n  SectionCard,\n  MetricCard,\n  LoadingBlock,\n  ErrorState,\n  StatusPill,\n  fmtMoney,\n  fmtHours,\n} from '../components/ui';\n\nexport const AnalyticsPage: FC = () => {\n  const { data, isLoading, error, refetch } = useDashboardStats();\n  if (isLoading) return <LoadingBlock label=\"Crunching numbers…\" />;\n  if (error) return <ErrorState error={error} onRetry={() => void refetch()} />;\n  if (!data) return null;\n\n  const totalHours = data.unbilledHours + data.billedHours;\n  const utilization = totalHours > 0 ? Math.round((data.billedHours / totalHours) * 100) : 0;\n  const billableBase = data.paidInvoiceTotal + data.outstandingInvoiceTotal;\n  const collectionRate =\n    billableBase > 0 ? Math.round((data.paidInvoiceTotal / billableBase) * 100) : 0;\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Analytics\"\n        subtitle=\"Real, live metrics across the practice — no estimates, straight from your records.\"\n        icon={<BarChart3 className=\"h-6 w-6\" />}\n      />\n\n      <div className=\"grid grid-cols-2 gap-3 lg:grid-cols-4\">\n        <MetricCard\n          label=\"Collected revenue\"\n          value={fmtMoney(data.paidInvoiceTotal)}\n          hint={`${fmtMoney(billableBase)} invoiced`}\n          icon={<Wallet className=\"h-4 w-4\" />}\n          tone=\"success\"\n        />\n        <MetricCard\n          label=\"Collection rate\"\n          value={`${collectionRate}%`}\n          hint={`${fmtMoney(data.outstandingInvoiceTotal)} outstanding`}\n          icon={<TrendingUp className=\"h-4 w-4\" />}\n          tone=\"accent\"\n        />\n        <MetricCard\n          label=\"Utilization\"\n          value={`${utilization}%`}\n          hint={`${fmtHours(data.billedHours)} of ${fmtHours(totalHours)}`}\n          icon={<Clock className=\"h-4 w-4\" />}\n          tone=\"info\"\n        />\n        <MetricCard\n          label=\"Active engagements\"\n          value={data.activeEngagements}\n          hint={`${data.openMatters} open matters`}\n          icon={<BarChart3 className=\"h-4 w-4\" />}\n          tone=\"warning\"\n        />\n      </div>\n\n      {/* Practice-health meters — collection & utilization at a glance */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n        <SectionCard title=\"Collection rate\" description=\"Paid vs. total invoiced.\">\n          <GaugeRow\n            pct={collectionRate}\n            tone=\"accent\"\n            primary={fmtMoney(data.paidInvoiceTotal)}\n            primaryLabel=\"Collected\"\n            secondary={fmtMoney(data.outstandingInvoiceTotal)}\n            secondaryLabel=\"Outstanding\"\n          />\n        </SectionCard>\n        <SectionCard title=\"Utilization\" description=\"Billed vs. total logged hours.\">\n          <GaugeRow\n            pct={utilization}\n            tone=\"info\"\n            primary={fmtHours(data.billedHours)}\n            primaryLabel=\"Billed\"\n            secondary={fmtHours(data.unbilledHours)}\n            secondaryLabel=\"Unbilled\"\n          />\n        </SectionCard>\n      </div>\n\n      <SectionCard title=\"Revenue by month\" description=\"Invoiced totals across recent months.\">\n        <RevenueChart data={data.revenueByMonth} />\n      </SectionCard>\n\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        <SectionCard title=\"Engagements\" description=\"By status\">\n          <Distribution items={data.engagementsByStatus} />\n        </SectionCard>\n        <SectionCard title=\"Matters\" description=\"By status\">\n          <Distribution items={data.mattersByStatus} />\n        </SectionCard>\n        <SectionCard title=\"Invoices\" description=\"By status\">\n          <Distribution items={data.invoicesByStatus} />\n        </SectionCard>\n      </div>\n\n      <SectionCard title=\"Time & billing\" description=\"Billable capacity across the practice.\">\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <HoursBar\n            label=\"Billed hours\"\n            value={data.billedHours}\n            total={totalHours}\n            tone=\"accent\"\n          />\n          <HoursBar\n            label=\"Unbilled hours\"\n            value={data.unbilledHours}\n            total={totalHours}\n            tone=\"warning\"\n          />\n        </div>\n      </SectionCard>\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Radial gauge with a supporting two-number legend\n// ---------------------------------------------------------------------------\nconst GaugeRow: FC<{\n  pct: number;\n  tone: 'accent' | 'info';\n  primary: string;\n  primaryLabel: string;\n  secondary: string;\n  secondaryLabel: string;\n}> = ({ pct, tone, primary, primaryLabel, secondary, secondaryLabel }) => (\n  <div className=\"flex items-center gap-5\">\n    <Gauge pct={pct} tone={tone} />\n    <div className=\"flex flex-1 flex-col gap-2.5\">\n      <div className=\"flex items-baseline justify-between gap-3\">\n        <span className=\"text-xs font-medium uppercase tracking-wider text-text-tertiary\">\n          {primaryLabel}\n        </span>\n        <span className=\"text-sm font-semibold tabular-nums text-text-primary\">{primary}</span>\n      </div>\n      <div className=\"h-px bg-border-seam\" />\n      <div className=\"flex items-baseline justify-between gap-3\">\n        <span className=\"text-xs font-medium uppercase tracking-wider text-text-tertiary\">\n          {secondaryLabel}\n        </span>\n        <span className=\"text-sm font-semibold tabular-nums text-text-secondary\">{secondary}</span>\n      </div>\n    </div>\n  </div>\n);\n\nconst Gauge: FC<{ pct: number; tone: 'accent' | 'info' }> = ({ pct, tone }) => {\n  const clamped = Math.max(0, Math.min(100, pct));\n  const r = 34;\n  const c = 2 * Math.PI * r;\n  const dash = (clamped / 100) * c;\n  return (\n    <div\n      className={cn(\n        'relative h-24 w-24 shrink-0',\n        tone === 'accent' ? 'text-accent' : 'text-text-link'\n      )}\n    >\n      <svg viewBox=\"0 0 80 80\" className=\"h-full w-full -rotate-90\">\n        <circle\n          cx=\"40\"\n          cy=\"40\"\n          r={r}\n          fill=\"none\"\n          strokeWidth=\"8\"\n          className=\"text-bg-sunken\"\n          stroke=\"currentColor\"\n        />\n        <circle\n          cx=\"40\"\n          cy=\"40\"\n          r={r}\n          fill=\"none\"\n          strokeWidth=\"8\"\n          strokeLinecap=\"round\"\n          stroke=\"currentColor\"\n          strokeDasharray={`${dash} ${c}`}\n          className=\"transition-[stroke-dasharray] duration-700\"\n        />\n      </svg>\n      <div className=\"absolute inset-0 flex items-center justify-center\">\n        <span className=\"text-lg font-bold tabular-nums text-text-primary\">{clamped}%</span>\n      </div>\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Revenue chart — gradient columns with value labels + month axis\n// ---------------------------------------------------------------------------\nconst RevenueChart: FC<{ data: { month: string; amount: number }[] }> = ({ data }) => {\n  if (!data.length) return <p className=\"text-sm text-text-tertiary\">No invoiced revenue yet.</p>;\n  const peak = Math.max(...data.map((d) => d.amount), 1);\n  return (\n    <div className=\"overflow-x-auto\">\n      <div className=\"min-w-[520px]\">\n        <div className=\"flex h-60 items-end gap-2 border-b border-border-seam\">\n          {data.map((d) => (\n            <div\n              key={d.month}\n              className=\"group flex h-full flex-1 flex-col items-center justify-end gap-1.5\"\n            >\n              <span className=\"whitespace-nowrap text-[10px] font-semibold tabular-nums text-text-secondary\">\n                {fmtMoney(d.amount)}\n              </span>\n              <div\n                className=\"w-full max-w-[3rem] rounded-t-lg bg-gradient-to-t from-accent/50 to-accent shadow-sm transition-all duration-200 group-hover:-translate-y-1 group-hover:shadow-md\"\n                style={{ height: `${Math.max((d.amount / peak) * 90, 2)}%` }}\n                title={fmtMoney(d.amount)}\n              />\n            </div>\n          ))}\n        </div>\n        <div className=\"mt-2 flex gap-2\">\n          {data.map((d) => (\n            <span key={d.month} className=\"flex-1 text-center text-xs text-text-tertiary\">\n              {monthShort(d.month)}\n            </span>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Distribution — tone-colored gradient bars with count + share\n// ---------------------------------------------------------------------------\nconst Distribution: FC<{ items: { status: string; count: number }[] }> = ({ items }) => {\n  if (!items.length) return <p className=\"text-sm text-text-tertiary\">No records yet.</p>;\n  const max = Math.max(...items.map((i) => i.count), 1);\n  const total = items.reduce((s, i) => s + i.count, 0) || 1;\n  return (\n    <ul className=\"space-y-3.5\">\n      {items.map((i) => (\n        <li\n          key={i.status}\n          className=\"grid grid-cols-[7.5rem_minmax(0,1fr)_auto] items-center gap-3\"\n        >\n          <StatusPill status={i.status} className=\"justify-self-start\" />\n          <div className=\"h-2.5 overflow-hidden rounded-full bg-bg-sunken\">\n            <div\n              className={cn(\n                'h-full rounded-full bg-gradient-to-r transition-all duration-500',\n                barGradientFor(i.status)\n              )}\n              style={{ width: `${Math.max((i.count / max) * 100, 4)}%` }}\n            />\n          </div>\n          <span className=\"flex items-baseline justify-end gap-1.5 tabular-nums\">\n            <span className=\"text-sm font-semibold text-text-primary\">{i.count}</span>\n            <span className=\"text-xs text-text-tertiary\">\n              {Math.round((i.count / total) * 100)}%\n            </span>\n          </span>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Hours bar — big gradient progress meter (billed vs unbilled)\n// ---------------------------------------------------------------------------\nconst HoursBar: FC<{ label: string; value: number; total: number; tone: 'accent' | 'warning' }> = ({\n  label,\n  value,\n  total,\n  tone,\n}) => {\n  const pct = total > 0 ? Math.round((value / total) * 100) : 0;\n  const grad =\n    tone === 'accent'\n      ? 'from-accent/60 to-accent'\n      : 'from-status-warning-text/60 to-status-warning-text';\n  return (\n    <div className=\"rounded-xl border border-border-seam bg-bg-canvas p-4\">\n      <div className=\"mb-2.5 flex items-center justify-between gap-3\">\n        <span className=\"text-sm font-medium text-text-secondary\">{label}</span>\n        <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n          {fmtHours(value)} · {pct}%\n        </span>\n      </div>\n      <div className=\"h-3 overflow-hidden rounded-full bg-bg-sunken\">\n        <div\n          className={cn('h-full rounded-full bg-gradient-to-r transition-all duration-700', grad)}\n          style={{ width: `${pct}%` }}\n        />\n      </div>\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Chart helpers (token-driven; self-contained to this page)\n// ---------------------------------------------------------------------------\ntype BarTone = 'success' | 'warning' | 'danger' | 'info' | 'accent' | 'neutral';\n\nconst BAR_GRADIENT: Record<BarTone, string> = {\n  success: 'from-status-success-text/55 to-status-success-text',\n  warning: 'from-status-warning-text/55 to-status-warning-text',\n  danger: 'from-status-error-text/55 to-status-error-text',\n  info: 'from-text-link/55 to-text-link',\n  accent: 'from-accent/55 to-accent',\n  neutral: 'from-text-tertiary/30 to-text-tertiary/70',\n};\n\n/** Mirror of the shared StatusPill tone mapping, used to tint chart bars. */\nconst STATUS_BAR_TONE: Record<string, BarTone> = {\n  ACTIVE: 'success',\n  DELIVERED: 'success',\n  INVOICED: 'success',\n  PAID: 'success',\n  APPROVED: 'success',\n  PASSED: 'success',\n  CLEAR: 'success',\n  COMPLETED: 'success',\n  FINAL: 'success',\n  PROSPECT: 'info',\n  PROPOSAL: 'info',\n  MEDIUM: 'info',\n  INTERNAL_REVIEW: 'info',\n  SUBMITTED: 'info',\n  SENT: 'info',\n  IN_REVIEW: 'info',\n  REVIEW: 'warning',\n  ON_HOLD: 'warning',\n  HIGH: 'warning',\n  CLIENT_REVIEW: 'warning',\n  PENDING: 'warning',\n  POTENTIAL_CONFLICT: 'warning',\n  CANCELLED: 'danger',\n  CRITICAL: 'danger',\n  REJECTED: 'danger',\n  OVERDUE: 'danger',\n  FAILED: 'danger',\n  CONFLICT: 'danger',\n  ACCEPTED: 'accent',\n  IN_PROGRESS: 'accent',\n  OPEN: 'accent',\n  BILLED: 'accent',\n  INACTIVE: 'neutral',\n  ARCHIVED: 'neutral',\n  CLOSED: 'neutral',\n  LOW: 'neutral',\n  DRAFT: 'neutral',\n  WAIVED: 'neutral',\n};\n\nfunction barGradientFor(status: string): string {\n  return BAR_GRADIENT[STATUS_BAR_TONE[status] ?? 'accent'];\n}\n\n/** \"2026-07\" → \"Jul\" (falls back to the raw value if unparseable). */\nfunction monthShort(m: string): string {\n  const [y, mo] = m.split('-').map(Number);\n  if (!y || !mo) return m;\n  const d = new Date(y, mo - 1, 1);\n  return Number.isNaN(d.getTime()) ? m : d.toLocaleDateString(undefined, { month: 'short' });\n}\n"],"mappings":"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"}

package/dist/proserviceworld/pages/ClientDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClientDetailPage.js","names":[],"sources":["../../../src/proserviceworld/pages/ClientDetailPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport {\n  ArrowLeft,\n  Briefcase,\n  FolderKanban,\n  GitBranch,\n  Mail,\n  Phone,\n  MapPin,\n  Plus,\n  StickyNote,\n  ChevronRight,\n} from 'lucide-react';\nimport {\n  useClient,\n  useConflictChecks,\n  useCreateConflictCheck,\n  type PswEngagement,\n  type PswMatter,\n} from '../hooks/useProServiceWorldApi';\nimport { useNav } from '../utils/nav';\nimport { cn } from '../utils/cn';\nimport { DiscussionThread } from '../components/DiscussionThread';\nimport {\n  PageHeader,\n  SectionCard,\n  LoadingBlock,\n  ErrorState,\n  Empty,\n  StatusPill,\n  Modal,\n  Field,\n  TextInput,\n  TextArea,\n  Banner,\n  TableWrap,\n  Th,\n  Td,\n  fmtDate,\n  fmtMoney,\n  humanize,\n} from '../components/ui';\n\nconst initials = (name: string): string =>\n  name\n    .split(/\\s+/)\n    .filter(Boolean)\n    .slice(0, 2)\n    .map((w) => w[0]?.toUpperCase() ?? '')\n    .join('') || '?';\n\nexport const ClientDetailPage: FC = () => {\n  const { id = '' } = useParams();\n  const nav = useNav();\n  const { data: client, isLoading, error, refetch } = useClient(id);\n  const conflicts = useConflictChecks({ clientId: id });\n  const [runConflict, setRunConflict] = useState(false);\n\n  if (isLoading) return <LoadingBlock />;\n  if (error) return <ErrorState error={error} onRetry={() => void refetch()} />;\n  if (!client)\n    return (\n      <Empty\n        title=\"Client not found\"\n        description=\"It may have been archived or belongs to another workspace.\"\n      />\n    );\n\n  const avatarName = client.contactName || client.name;\n\n  return (\n    <div className=\"space-y-6\">\n      <button\n        type=\"button\"\n        onClick={() => nav('clients')}\n        className=\"flex items-center gap-1.5 text-sm text-text-secondary transition-colors hover:text-accent\"\n      >\n        <ArrowLeft className=\"h-4 w-4\" /> Back to clients\n      </button>\n\n      <PageHeader\n        title={client.name}\n        subtitle={[client.type === 'ORGANIZATION' ? 'Organization' : 'Individual', client.industry]\n          .filter(Boolean)\n          .join(' · ')}\n        actions={<StatusPill status={client.status} />}\n      />\n\n      {client.tags.length > 0 && (\n        <div className=\"flex flex-wrap gap-2\">\n          {client.tags.map((t) => (\n            <span\n              key={t}\n              className=\"rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\"\n            >\n              {t}\n            </span>\n          ))}\n        </div>\n      )}\n\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        <SectionCard title=\"Contact\" className=\"lg:col-span-1\">\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center gap-3\">\n              <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-accent/10 text-sm font-semibold text-accent ring-1 ring-inset ring-accent/15\">\n                {initials(avatarName)}\n              </span>\n              <div className=\"min-w-0\">\n                <div className=\"truncate text-sm font-semibold text-text-primary\">\n                  {client.contactName || client.name}\n                </div>\n                <div className=\"truncate text-xs text-text-tertiary\">\n                  {client.contactName ? 'Primary contact' : 'Client record'}\n                </div>\n              </div>\n            </div>\n\n            <dl className=\"space-y-2.5 text-sm\">\n              {client.contactEmail && (\n                <IconRow icon={<Mail className=\"h-4 w-4\" />} value={client.contactEmail} />\n              )}\n              {client.contactPhone && (\n                <IconRow icon={<Phone className=\"h-4 w-4\" />} value={client.contactPhone} />\n              )}\n              {client.address && (\n                <IconRow icon={<MapPin className=\"h-4 w-4\" />} value={client.address} />\n              )}\n              {client.notes && (\n                <IconRow icon={<StickyNote className=\"h-4 w-4\" />} value={client.notes} multiline />\n              )}\n              {!client.contactEmail && !client.contactPhone && !client.address && !client.notes && (\n                <p className=\"text-sm text-text-tertiary\">No contact details recorded yet.</p>\n              )}\n            </dl>\n          </div>\n        </SectionCard>\n\n        <SectionCard\n          title=\"Conflict checks\"\n          className=\"lg:col-span-2\"\n          action={\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setRunConflict(true)}>\n              <GitBranch className=\"mr-1.5 h-4 w-4\" /> Run check\n            </Button>\n          }\n        >\n          {conflicts.isLoading ? (\n            <LoadingBlock label=\"Loading…\" />\n          ) : !conflicts.data || conflicts.data.length === 0 ? (\n            <Empty\n              title=\"No conflict checks\"\n              description=\"Run a conflict check before accepting new work for this client.\"\n              icon={<GitBranch className=\"h-7 w-7\" />}\n            />\n          ) : (\n            <TableWrap>\n              <thead>\n                <tr>\n                  <Th>Parties searched</Th>\n                  <Th>Date</Th>\n                  <Th className=\"text-right\">Status</Th>\n                </tr>\n              </thead>\n              <tbody>\n                {conflicts.data.map((c) => (\n                  <tr key={c.id} className=\"transition-colors hover:bg-bg-sunken/60\">\n                    <Td>\n                      <div className=\"font-medium text-text-primary\">\n                        {c.searchedParties.join(', ') || 'Conflict search'}\n                      </div>\n                      {c.findings ? (\n                        <div className=\"text-xs text-text-tertiary\">{c.findings}</div>\n                      ) : null}\n                    </Td>\n                    <Td className=\"whitespace-nowrap\">{fmtDate(c.createdAt)}</Td>\n                    <Td className=\"text-right\">\n                      <StatusPill status={c.status} />\n                    </Td>\n                  </tr>\n                ))}\n              </tbody>\n            </TableWrap>\n          )}\n        </SectionCard>\n      </div>\n\n      <SectionCard\n        title=\"Engagements\"\n        description={`${client.engagements.length} scoped for this client`}\n        action={\n          <Button size=\"sm\" variant=\"outline\" onClick={() => nav('engagements')}>\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            Manage\n          </Button>\n        }\n      >\n        {client.engagements.length === 0 ? (\n          <Empty\n            title=\"No engagements\"\n            description=\"Scope the first engagement for this client.\"\n            icon={<Briefcase className=\"h-7 w-7\" />}\n          />\n        ) : (\n          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Engagement</Th>\n                <Th>Fee</Th>\n                <Th>Started</Th>\n                <Th className=\"text-right\">Status</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {client.engagements.map((e: PswEngagement) => (\n                <tr\n                  key={e.id}\n                  className=\"group cursor-pointer transition-colors hover:bg-bg-sunken/60\"\n                  onClick={() => nav(`engagements/${e.id}`)}\n                >\n                  <Td>\n                    <div className=\"flex items-center gap-1 font-medium text-text-primary transition-colors group-hover:text-accent\">\n                      <span>{e.name}</span>\n                      <ChevronRight className=\"h-3.5 w-3.5 shrink-0 text-text-tertiary opacity-0 transition-opacity group-hover:opacity-100\" />\n                    </div>\n                  </Td>\n                  <Td className=\"whitespace-nowrap\">\n                    {fmtMoney(e.feeAmount, e.currency)}{' '}\n                    <span className=\"text-xs text-text-tertiary\">\n                      / {humanize(e.feeArrangement)}\n                    </span>\n                  </Td>\n                  <Td className=\"whitespace-nowrap\">{fmtDate(e.startDate)}</Td>\n                  <Td className=\"text-right\">\n                    <StatusPill status={e.status} />\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n        )}\n      </SectionCard>\n\n      <SectionCard\n        title=\"Matters\"\n        description={`${client.matters.length} tracked for this client`}\n        action={\n          <Button size=\"sm\" variant=\"outline\" onClick={() => nav('matters')}>\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            Manage\n          </Button>\n        }\n      >\n        {client.matters.length === 0 ? (\n          <Empty\n            title=\"No matters\"\n            description=\"Open a matter to track regulated work for this client.\"\n            icon={<FolderKanban className=\"h-7 w-7\" />}\n          />\n        ) : (\n          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Reference</Th>\n                <Th>Title</Th>\n                <Th>Due</Th>\n                <Th>Priority</Th>\n                <Th className=\"text-right\">Status</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {client.matters.map((m: PswMatter) => (\n                <tr key={m.id} className=\"transition-colors hover:bg-bg-sunken/60\">\n                  <Td className=\"whitespace-nowrap font-medium text-text-primary\">\n                    {m.reference || '—'}\n                  </Td>\n                  <Td>{m.title}</Td>\n                  <Td className=\"whitespace-nowrap\">{fmtDate(m.dueDate)}</Td>\n                  <Td>\n                    <StatusPill status={m.priority} />\n                  </Td>\n                  <Td className=\"text-right\">\n                    <StatusPill status={m.status} />\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n        )}\n      </SectionCard>\n\n      <DiscussionThread entityType=\"proserviceworld-client\" entityId={id} />\n\n      {runConflict && (\n        <ConflictModal\n          clientId={id}\n          onClose={() => setRunConflict(false)}\n          onDone={() => void conflicts.refetch()}\n        />\n      )}\n    </div>\n  );\n};\n\nconst IconRow: FC<{ icon: React.ReactNode; value: string; multiline?: boolean }> = ({\n  icon,\n  value,\n  multiline,\n}) => (\n  <div\n    className={cn('flex gap-2.5 text-text-secondary', multiline ? 'items-start' : 'items-center')}\n  >\n    <span className=\"mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-tertiary\">\n      {icon}\n    </span>\n    <span className={cn('min-w-0 break-words', multiline ? 'leading-relaxed' : 'truncate')}>\n      {value}\n    </span>\n  </div>\n);\n\nconst ConflictModal: FC<{ clientId: string; onClose: () => void; onDone: () => void }> = ({\n  clientId,\n  onClose,\n  onDone,\n}) => {\n  const create = useCreateConflictCheck();\n  const [parties, setParties] = useState('');\n  const [findings, setFindings] = useState('');\n  const [err, setErr] = useState<string | null>(null);\n\n  const submit = () => {\n    setErr(null);\n    const searchedParties = parties\n      .split(',')\n      .map((p) => p.trim())\n      .filter(Boolean);\n    if (searchedParties.length === 0) return setErr('Add at least one party to search.');\n    create.mutate(\n      { clientId, searchedParties, findings: findings.trim() || null },\n      {\n        onSuccess: () => {\n          onDone();\n          onClose();\n        },\n        onError: (e) => setErr(e instanceof Error ? e.message : 'Failed.'),\n      }\n    );\n  };\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"Run conflict check\"\n      footer={\n        <>\n          <Button variant=\"outline\" onClick={onClose} disabled={create.isPending}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={create.isPending}>\n            {create.isPending ? 'Running…' : 'Record check'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field\n          label=\"Parties searched\"\n          required\n          hint=\"Comma-separated — counterparties, related entities, principals.\"\n        >\n          <TextInput\n            value={parties}\n            onChange={(e) => setParties(e.target.value)}\n            placeholder=\"Beta Corp, John Roe, Gamma LLP\"\n          />\n        </Field>\n        <Field label=\"Findings\">\n          <TextArea\n            value={findings}\n            onChange={(e) => setFindings(e.target.value)}\n            placeholder=\"Notes on any potential conflicts…\"\n          />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ClientDetailPage.js","names":[],"sources":["../../../src/proserviceworld/pages/ClientDetailPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport {\n  ArrowLeft,\n  Briefcase,\n  FolderKanban,\n  GitBranch,\n  Mail,\n  Phone,\n  MapPin,\n  Plus,\n  StickyNote,\n  ChevronRight,\n} from 'lucide-react';\nimport {\n  useClient,\n  useConflictChecks,\n  useCreateConflictCheck,\n  type PswEngagement,\n  type PswMatter,\n} from '../hooks/useProServiceWorldApi';\nimport { useNav } from '../utils/nav';\nimport { cn } from '../utils/cn';\nimport { DiscussionThread } from '../components/DiscussionThread';\nimport {\n  PageHeader,\n  SectionCard,\n  LoadingBlock,\n  ErrorState,\n  Empty,\n  StatusPill,\n  Modal,\n  Field,\n  TextInput,\n  TextArea,\n  Banner,\n  TableWrap,\n  Th,\n  Td,\n  fmtDate,\n  fmtMoney,\n  humanize,\n} from '../components/ui';\n\nconst initials = (name: string): string =>\n  name\n    .split(/\\s+/)\n    .filter(Boolean)\n    .slice(0, 2)\n    .map((w) => w[0]?.toUpperCase() ?? '')\n    .join('') || '?';\n\nexport const ClientDetailPage: FC = () => {\n  const { id = '' } = useParams();\n  const nav = useNav();\n  const { data: client, isLoading, error, refetch } = useClient(id);\n  const conflicts = useConflictChecks({ clientId: id });\n  const [runConflict, setRunConflict] = useState(false);\n\n  if (isLoading) return <LoadingBlock />;\n  if (error) return <ErrorState error={error} onRetry={() => void refetch()} />;\n  if (!client)\n    return (\n      <Empty\n        title=\"Client not found\"\n        description=\"It may have been archived or belongs to another workspace.\"\n      />\n    );\n\n  const avatarName = client.contactName || client.name;\n\n  return (\n    <div className=\"space-y-6\">\n      <button\n        type=\"button\"\n        onClick={() => nav('clients')}\n        className=\"flex items-center gap-1.5 text-sm text-text-secondary transition-colors hover:text-accent\"\n      >\n        <ArrowLeft className=\"h-4 w-4\" /> Back to clients\n      </button>\n\n      <PageHeader\n        title={client.name}\n        subtitle={[client.type === 'ORGANIZATION' ? 'Organization' : 'Individual', client.industry]\n          .filter(Boolean)\n          .join(' · ')}\n        actions={<StatusPill status={client.status} />}\n      />\n\n      {client.tags.length > 0 && (\n        <div className=\"flex flex-wrap gap-2\">\n          {client.tags.map((t) => (\n            <span\n              key={t}\n              className=\"rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\"\n            >\n              {t}\n            </span>\n          ))}\n        </div>\n      )}\n\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        <SectionCard title=\"Contact\" className=\"lg:col-span-1\">\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center gap-3\">\n              <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-accent/10 text-sm font-semibold text-accent ring-1 ring-inset ring-accent/15\">\n                {initials(avatarName)}\n              </span>\n              <div className=\"min-w-0\">\n                <div className=\"truncate text-sm font-semibold text-text-primary\">\n                  {client.contactName || client.name}\n                </div>\n                <div className=\"truncate text-xs text-text-tertiary\">\n                  {client.contactName ? 'Primary contact' : 'Client record'}\n                </div>\n              </div>\n            </div>\n\n            <dl className=\"space-y-2.5 text-sm\">\n              {client.contactEmail && (\n                <IconRow icon={<Mail className=\"h-4 w-4\" />} value={client.contactEmail} />\n              )}\n              {client.contactPhone && (\n                <IconRow icon={<Phone className=\"h-4 w-4\" />} value={client.contactPhone} />\n              )}\n              {client.address && (\n                <IconRow icon={<MapPin className=\"h-4 w-4\" />} value={client.address} />\n              )}\n              {client.notes && (\n                <IconRow icon={<StickyNote className=\"h-4 w-4\" />} value={client.notes} multiline />\n              )}\n              {!client.contactEmail && !client.contactPhone && !client.address && !client.notes && (\n                <p className=\"text-sm text-text-tertiary\">No contact details recorded yet.</p>\n              )}\n            </dl>\n          </div>\n        </SectionCard>\n\n        <SectionCard\n          title=\"Conflict checks\"\n          className=\"lg:col-span-2\"\n          action={\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setRunConflict(true)}>\n              <GitBranch className=\"mr-1.5 h-4 w-4\" /> Run check\n            </Button>\n          }\n        >\n          {conflicts.isLoading ? (\n            <LoadingBlock label=\"Loading…\" />\n          ) : !conflicts.data || conflicts.data.length === 0 ? (\n            <Empty\n              title=\"No conflict checks\"\n              description=\"Run a conflict check before accepting new work for this client.\"\n              icon={<GitBranch className=\"h-7 w-7\" />}\n            />\n          ) : (\n            <TableWrap>\n              <thead>\n                <tr>\n                  <Th>Parties searched</Th>\n                  <Th>Date</Th>\n                  <Th className=\"text-right\">Status</Th>\n                </tr>\n              </thead>\n              <tbody>\n                {conflicts.data.map((c) => (\n                  <tr key={c.id} className=\"transition-colors hover:bg-bg-sunken/60\">\n                    <Td>\n                      <div className=\"font-medium text-text-primary\">\n                        {c.searchedParties.join(', ') || 'Conflict search'}\n                      </div>\n                      {c.findings ? (\n                        <div className=\"text-xs text-text-tertiary\">{c.findings}</div>\n                      ) : null}\n                    </Td>\n                    <Td className=\"whitespace-nowrap\">{fmtDate(c.createdAt)}</Td>\n                    <Td className=\"text-right\">\n                      <StatusPill status={c.status} />\n                    </Td>\n                  </tr>\n                ))}\n              </tbody>\n            </TableWrap>\n          )}\n        </SectionCard>\n      </div>\n\n      <SectionCard\n        title=\"Engagements\"\n        description={`${client.engagements.length} scoped for this client`}\n        action={\n          <Button size=\"sm\" variant=\"outline\" onClick={() => nav('engagements')}>\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            Manage\n          </Button>\n        }\n      >\n        {client.engagements.length === 0 ? (\n          <Empty\n            title=\"No engagements\"\n            description=\"Scope the first engagement for this client.\"\n            icon={<Briefcase className=\"h-7 w-7\" />}\n          />\n        ) : (\n          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Engagement</Th>\n                <Th>Fee</Th>\n                <Th>Started</Th>\n                <Th className=\"text-right\">Status</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {client.engagements.map((e: PswEngagement) => (\n                <tr\n                  key={e.id}\n                  className=\"group cursor-pointer transition-colors hover:bg-bg-sunken/60\"\n                  onClick={() => nav(`engagements/${e.id}`)}\n                >\n                  <Td>\n                    <div className=\"flex items-center gap-1 font-medium text-text-primary transition-colors group-hover:text-accent\">\n                      <span>{e.name}</span>\n                      <ChevronRight className=\"h-3.5 w-3.5 shrink-0 text-text-tertiary opacity-0 transition-opacity group-hover:opacity-100\" />\n                    </div>\n                  </Td>\n                  <Td className=\"whitespace-nowrap\">\n                    {fmtMoney(e.feeAmount, e.currency)}{' '}\n                    <span className=\"text-xs text-text-tertiary\">\n                      / {humanize(e.feeArrangement)}\n                    </span>\n                  </Td>\n                  <Td className=\"whitespace-nowrap\">{fmtDate(e.startDate)}</Td>\n                  <Td className=\"text-right\">\n                    <StatusPill status={e.status} />\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n        )}\n      </SectionCard>\n\n      <SectionCard\n        title=\"Matters\"\n        description={`${client.matters.length} tracked for this client`}\n        action={\n          <Button size=\"sm\" variant=\"outline\" onClick={() => nav('matters')}>\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            Manage\n          </Button>\n        }\n      >\n        {client.matters.length === 0 ? (\n          <Empty\n            title=\"No matters\"\n            description=\"Open a matter to track regulated work for this client.\"\n            icon={<FolderKanban className=\"h-7 w-7\" />}\n          />\n        ) : (\n          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Reference</Th>\n                <Th>Title</Th>\n                <Th>Due</Th>\n                <Th>Priority</Th>\n                <Th className=\"text-right\">Status</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {client.matters.map((m: PswMatter) => (\n                <tr key={m.id} className=\"transition-colors hover:bg-bg-sunken/60\">\n                  <Td className=\"whitespace-nowrap font-medium text-text-primary\">\n                    {m.reference || '—'}\n                  </Td>\n                  <Td>{m.title}</Td>\n                  <Td className=\"whitespace-nowrap\">{fmtDate(m.dueDate)}</Td>\n                  <Td>\n                    <StatusPill status={m.priority} />\n                  </Td>\n                  <Td className=\"text-right\">\n                    <StatusPill status={m.status} />\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n        )}\n      </SectionCard>\n\n      <DiscussionThread entityType=\"proserviceworld-client\" entityId={id} />\n\n      {runConflict && (\n        <ConflictModal\n          clientId={id}\n          onClose={() => setRunConflict(false)}\n          onDone={() => void conflicts.refetch()}\n        />\n      )}\n    </div>\n  );\n};\n\nconst IconRow: FC<{ icon: React.ReactNode; value: string; multiline?: boolean }> = ({\n  icon,\n  value,\n  multiline,\n}) => (\n  <div\n    className={cn('flex gap-2.5 text-text-secondary', multiline ? 'items-start' : 'items-center')}\n  >\n    <span className=\"mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-tertiary\">\n      {icon}\n    </span>\n    <span className={cn('min-w-0 break-words', multiline ? 'leading-relaxed' : 'truncate')}>\n      {value}\n    </span>\n  </div>\n);\n\nconst ConflictModal: FC<{ clientId: string; onClose: () => void; onDone: () => void }> = ({\n  clientId,\n  onClose,\n  onDone,\n}) => {\n  const create = useCreateConflictCheck();\n  const [parties, setParties] = useState('');\n  const [findings, setFindings] = useState('');\n  const [err, setErr] = useState<string | null>(null);\n\n  const submit = () => {\n    setErr(null);\n    const searchedParties = parties\n      .split(',')\n      .map((p) => p.trim())\n      .filter(Boolean);\n    if (searchedParties.length === 0) return setErr('Add at least one party to search.');\n    create.mutate(\n      { clientId, searchedParties, findings: findings.trim() || null },\n      {\n        onSuccess: () => {\n          onDone();\n          onClose();\n        },\n        onError: (e) => setErr(e instanceof Error ? e.message : 'Failed.'),\n      }\n    );\n  };\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"Run conflict check\"\n      footer={\n        <>\n          <Button variant=\"outline\" onClick={onClose} disabled={create.isPending}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={create.isPending}>\n            {create.isPending ? 'Running…' : 'Record check'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field\n          label=\"Parties searched\"\n          required\n          hint=\"Comma-separated — counterparties, related entities, principals.\"\n        >\n          <TextInput\n            value={parties}\n            onChange={(e) => setParties(e.target.value)}\n            placeholder=\"Beta Corp, John Roe, Gamma LLP\"\n          />\n        </Field>\n        <Field label=\"Findings\">\n          <TextArea\n            value={findings}\n            onChange={(e) => setFindings(e.target.value)}\n            placeholder=\"Notes on any potential conflicts…\"\n          />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":";;;;;;;;;;;AA8CA,IAAM,KAAY,MAChB,EACG,MAAM,KAAK,CAAC,CACZ,OAAO,OAAO,CAAC,CACf,MAAM,GAAG,CAAC,CAAC,CACX,KAAK,MAAM,EAAE,EAAE,EAAE,YAAY,KAAK,EAAE,CAAC,CACrC,KAAK,EAAE,KAAK,KAEJ,UAA6B;CACxC,IAAM,EAAE,QAAK,OAAO,EAAU,GACxB,IAAM,EAAO,GACb,EAAE,MAAM,GAAQ,cAAW,UAAO,eAAY,EAAU,CAAE,GAC1D,IAAY,EAAkB,EAAE,UAAU,EAAG,CAAC,GAC9C,CAAC,GAAa,KAAkB,EAAS,EAAK;CAEpD,IAAI,GAAW,OAAO,kBAAC,GAAD,CAAe,CAAA;CACrC,IAAI,GAAO,OAAO,kBAAC,GAAD;EAAmB;EAAO,eAAe,KAAK,EAAQ;CAAI,CAAA;CAC5E,IAAI,CAAC,GACH,OACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;CACb,CAAA;CAGL,IAAM,IAAa,EAAO,eAAe,EAAO;CAEhD,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAI,SAAS;IAC5B,WAAU;cAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,GAAC,kBAC3B;;GAER,kBAAC,GAAD;IACE,OAAO,EAAO;IACd,UAAU,CAAC,EAAO,SAAS,iBAAiB,iBAAiB,cAAc,EAAO,QAAQ,CAAC,CACxF,OAAO,OAAO,CAAC,CACf,KAAK,KAAK;IACb,SAAS,kBAAC,GAAD,EAAY,QAAQ,EAAO,OAAS,CAAA;GAC9C,CAAA;GAEA,EAAO,KAAK,SAAS,KACpB,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAO,KAAK,KAAK,MAChB,kBAAC,QAAD;KAEE,WAAU;eAET;IACG,GAJC,CAID,CACP;GACE,CAAA;GAGP,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAa,OAAM;KAAU,WAAU;eACrC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAS,CAAU;OAChB,CAAA,GACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAAO,eAAe,EAAO;QAC3B,CAAA,GACL,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAAO,cAAc,oBAAoB;QACvC,CAAA,CACF;SACF;UAEL,kBAAC,MAAD;OAAI,WAAU;iBAAd;QACG,EAAO,gBACN,kBAAC,GAAD;SAAS,MAAM,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;SAAG,OAAO,EAAO;QAAe,CAAA;QAE3E,EAAO,gBACN,kBAAC,GAAD;SAAS,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;SAAG,OAAO,EAAO;QAAe,CAAA;QAE5E,EAAO,WACN,kBAAC,GAAD;SAAS,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;SAAG,OAAO,EAAO;QAAU,CAAA;QAExE,EAAO,SACN,kBAAC,GAAD;SAAS,MAAM,kBAAC,GAAD,EAAY,WAAU,UAAW,CAAA;SAAG,OAAO,EAAO;SAAO,WAAA;QAAW,CAAA;QAEpF,CAAC,EAAO,gBAAgB,CAAC,EAAO,gBAAgB,CAAC,EAAO,WAAW,CAAC,EAAO,SAC1E,kBAAC,KAAD;SAAG,WAAU;mBAA6B;QAAmC,CAAA;OAE7E;QACD;;IACM,CAAA,GAEb,kBAAC,GAAD;KACE,OAAM;KACN,WAAU;KACV,QACE,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAQ;MAAU,eAAe,EAAe,EAAI;gBAAtE,CACE,kBAAC,GAAD,EAAW,WAAU,iBAAkB,CAAA,GAAC,YAClC;;eAGT,EAAU,YACT,kBAAC,GAAD,EAAc,OAAM,WAAY,CAAA,IAC9B,CAAC,EAAU,QAAQ,EAAU,KAAK,WAAW,IAC/C,kBAAC,GAAD;MACE,OAAM;MACN,aAAY;MACZ,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;KACvC,CAAA,IAED,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA;MACE,kBAAC,GAAD,EAAA,UAAI,mBAAoB,CAAA;MACxB,kBAAC,GAAD,EAAA,UAAI,OAAQ,CAAA;MACZ,kBAAC,GAAD;OAAI,WAAU;iBAAa;MAAU,CAAA;KACnC,EAAA,CAAA,EACC,CAAA,GACP,kBAAC,SAAD,EAAA,UACG,EAAU,KAAK,KAAK,MACnB,kBAAC,MAAD;MAAe,WAAU;gBAAzB;OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAE,gBAAgB,KAAK,IAAI,KAAK;OAC9B,CAAA,GACJ,EAAE,WACD,kBAAC,OAAD;QAAK,WAAU;kBAA8B,EAAE;OAAc,CAAA,IAC3D,IACF,EAAA,CAAA;OACJ,kBAAC,GAAD;QAAI,WAAU;kBAAqB,EAAQ,EAAE,SAAS;OAAM,CAAA;OAC5D,kBAAC,GAAD;QAAI,WAAU;kBACZ,kBAAC,GAAD,EAAY,QAAQ,EAAE,OAAS,CAAA;OAC7B,CAAA;MACF;QAbK,EAAE,EAaP,CACL,EACI,CAAA,CACE,EAAA,CAAA;IAEF,CAAA,CACV;;GAEL,kBAAC,GAAD;IACE,OAAM;IACN,aAAa,GAAG,EAAO,YAAY,OAAO;IAC1C,QACE,kBAAC,GAAD;KAAQ,MAAK;KAAK,SAAQ;KAAU,eAAe,EAAI,aAAa;eAApE,CACE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,QAE7B;;cAGT,EAAO,YAAY,WAAW,IAC7B,kBAAC,GAAD;KACE,OAAM;KACN,aAAY;KACZ,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;IACvC,CAAA,IAED,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA;KACE,kBAAC,GAAD,EAAA,UAAI,aAAc,CAAA;KAClB,kBAAC,GAAD,EAAA,UAAI,MAAO,CAAA;KACX,kBAAC,GAAD,EAAA,UAAI,UAAW,CAAA;KACf,kBAAC,GAAD;MAAI,WAAU;gBAAa;KAAU,CAAA;IACnC,EAAA,CAAA,EACC,CAAA,GACP,kBAAC,SAAD,EAAA,UACG,EAAO,YAAY,KAAK,MACvB,kBAAC,MAAD;KAEE,WAAU;KACV,eAAe,EAAI,eAAe,EAAE,IAAI;eAH1C;MAKE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD,EAAA,UAAO,EAAE,KAAW,CAAA,GACpB,kBAAC,GAAD,EAAc,WAAU,+FAAgG,CAAA,CACrH;SACH,CAAA;MACJ,kBAAC,GAAD;OAAI,WAAU;iBAAd;QACG,EAAS,EAAE,WAAW,EAAE,QAAQ;QAAG;QACpC,kBAAC,QAAD;SAAM,WAAU;mBAAhB,CAA6C,MACxC,EAAS,EAAE,cAAc,CACxB;;OACJ;;MACJ,kBAAC,GAAD;OAAI,WAAU;iBAAqB,EAAQ,EAAE,SAAS;MAAM,CAAA;MAC5D,kBAAC,GAAD;OAAI,WAAU;iBACZ,kBAAC,GAAD,EAAY,QAAQ,EAAE,OAAS,CAAA;MAC7B,CAAA;KACF;OApBG,EAAE,EAoBL,CACL,EACI,CAAA,CACE,EAAA,CAAA;GAEF,CAAA;GAEb,kBAAC,GAAD;IACE,OAAM;IACN,aAAa,GAAG,EAAO,QAAQ,OAAO;IACtC,QACE,kBAAC,GAAD;KAAQ,MAAK;KAAK,SAAQ;KAAU,eAAe,EAAI,SAAS;eAAhE,CACE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,QAE7B;;cAGT,EAAO,QAAQ,WAAW,IACzB,kBAAC,GAAD;KACE,OAAM;KACN,aAAY;KACZ,MAAM,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;IAC1C,CAAA,IAED,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA;KACE,kBAAC,GAAD,EAAA,UAAI,YAAa,CAAA;KACjB,kBAAC,GAAD,EAAA,UAAI,QAAS,CAAA;KACb,kBAAC,GAAD,EAAA,UAAI,MAAO,CAAA;KACX,kBAAC,GAAD,EAAA,UAAI,WAAY,CAAA;KAChB,kBAAC,GAAD;MAAI,WAAU;gBAAa;KAAU,CAAA;IACnC,EAAA,CAAA,EACC,CAAA,GACP,kBAAC,SAAD,EAAA,UACG,EAAO,QAAQ,KAAK,MACnB,kBAAC,MAAD;KAAe,WAAU;eAAzB;MACE,kBAAC,GAAD;OAAI,WAAU;iBACX,EAAE,aAAa;MACd,CAAA;MACJ,kBAAC,GAAD,EAAA,UAAK,EAAE,MAAU,CAAA;MACjB,kBAAC,GAAD;OAAI,WAAU;iBAAqB,EAAQ,EAAE,OAAO;MAAM,CAAA;MAC1D,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAY,QAAQ,EAAE,SAAW,CAAA,EAC/B,CAAA;MACJ,kBAAC,GAAD;OAAI,WAAU;iBACZ,kBAAC,GAAD,EAAY,QAAQ,EAAE,OAAS,CAAA;MAC7B,CAAA;KACF;OAZK,EAAE,EAYP,CACL,EACI,CAAA,CACE,EAAA,CAAA;GAEF,CAAA;GAEb,kBAAC,GAAD;IAAkB,YAAW;IAAyB,UAAU;GAAK,CAAA;GAEpE,KACC,kBAAC,GAAD;IACE,UAAU;IACV,eAAe,EAAe,EAAK;IACnC,cAAc,KAAK,EAAU,QAAQ;GACtC,CAAA;EAEA;;AAET,GAEM,KAA8E,EAClF,SACA,UACA,mBAEA,kBAAC,OAAD;CACE,WAAW,EAAG,oCAAoC,IAAY,gBAAgB,cAAc;WAD9F,CAGE,kBAAC,QAAD;EAAM,WAAU;YACb;CACG,CAAA,GACN,kBAAC,QAAD;EAAM,WAAW,EAAG,uBAAuB,IAAY,oBAAoB,UAAU;YAClF;CACG,CAAA,CACH;IAGD,KAAoF,EACxF,aACA,YACA,gBACI;CACJ,IAAM,IAAS,EAAuB,GAChC,CAAC,GAAS,KAAc,EAAS,EAAE,GACnC,CAAC,GAAU,KAAe,EAAS,EAAE,GACrC,CAAC,GAAK,KAAU,EAAwB,IAAI;CAqBlD,OACE,kBAAC,GAAD;EACE,MAAA;EACS;EACT,OAAM;EACN,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,SAAS;GAAS,UAAU,EAAO;aAAW;EAEhE,CAAA,GACR,kBAAC,GAAD;GAAQ,eA7BK;IACnB,EAAO,IAAI;IACX,IAAM,IAAkB,EACrB,MAAM,GAAG,CAAC,CACV,KAAK,MAAM,EAAE,KAAK,CAAC,CAAC,CACpB,OAAO,OAAO;IACjB,IAAI,EAAgB,WAAW,GAAG,OAAO,EAAO,mCAAmC;IACnF,EAAO,OACL;KAAE;KAAU;KAAiB,UAAU,EAAS,KAAK,KAAK;IAAK,GAC/D;KACE,iBAAiB;MAEf,AADA,EAAO,GACP,EAAQ;KACV;KACA,UAAU,MAAM,EAAO,aAAa,QAAQ,EAAE,UAAU,SAAS;IACnE,CACF;GACF;GAYiC,UAAU,EAAO;aACvC,EAAO,YAAY,aAAa;EAC3B,CAAA,CACR,EAAA,CAAA;YAGJ,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,KAAO,kBAAC,GAAD;KAAQ,MAAK;eAAU;IAAY,CAAA;IAC3C,kBAAC,GAAD;KACE,OAAM;KACN,UAAA;KACA,MAAK;eAEL,kBAAC,GAAD;MACE,OAAO;MACP,WAAW,MAAM,EAAW,EAAE,OAAO,KAAK;MAC1C,aAAY;KACb,CAAA;IACI,CAAA;IACP,kBAAC,GAAD;KAAO,OAAM;eACX,kBAAC,GAAD;MACE,OAAO;MACP,WAAW,MAAM,EAAY,EAAE,OAAO,KAAK;MAC3C,aAAY;KACb,CAAA;IACI,CAAA;GACJ;;CACA,CAAA;AAEX"}

package/dist/proserviceworld/pages/ClientsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClientsPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/ClientsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA2DhC,qDAAqD;AACrD,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAU3D,CAAC;AAyBF,eAAO,MAAM,WAAW,EAAE,EAwNzB,CAAC"}
+{"version":3,"file":"ClientsPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/ClientsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAkDhC,qDAAqD;AACrD,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAU3D,CAAC;AAyBF,eAAO,MAAM,WAAW,EAAE,EAwNzB,CAAC"}

package/dist/proserviceworld/pages/ClientsPage.js

@@ -374,6 +374,6 @@ var z = ["ORGANIZATION", "INDIVIDUAL"], B = [
 	});
 };
 //#endregion
-export { G as ClientsPage };
+export { H as Avatar, G as ClientsPage };
 
 //# sourceMappingURL=ClientsPage.js.map

package/dist/proserviceworld/pages/ClientsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClientsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/ClientsPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport {\n  Plus,\n  Search,\n  Users,\n  Pencil,\n  Archive,\n  Building2,\n  User,\n  ChevronRight,\n} from 'lucide-react';\nimport {\n  useClients,\n  useCreateClient,\n  useUpdateClient,\n  useArchiveClient,\n  type PswClient,\n  type PswClientStatus,\n} from '../hooks/useProServiceWorldApi';\nimport { useNav } from '../utils/nav';\nimport { cn } from '../utils/cn';\nimport { useAnalytics } from '../hooks/useAnalytics';\nimport { t } from '../i18n';\nimport { impactFeedback } from '../utils/native';\nimport {\n  PageHeader,\n  SectionCard,\n  LoadingBlock,\n  ErrorState,\n  Empty,\n  StatusPill,\n  Modal,\n  Field,\n  TextInput,\n  TextArea,\n  NativeSelect,\n  Banner,\n  TableWrap,\n  Th,\n  Td,\n  enumOptions,\n  fmtDate,\n} from '../components/ui';\nimport { TagPicker } from '../components/TagPicker';\nimport { LoadMore } from '../components/LoadMore';\n\nconst CLIENT_TYPES = ['ORGANIZATION', 'INDIVIDUAL'] as const;\nconst CLIENT_STATUSES: PswClientStatus[] = ['PROSPECT', 'ACTIVE', 'INACTIVE', 'ARCHIVED'];\n\nconst initials = (name: string): string =>\n  name\n    .split(/\\s+/)\n    .filter(Boolean)\n    .slice(0, 2)\n    .map((w) => w[0]?.toUpperCase() ?? '')\n    .join('') || '?';\n\n/** Tinted initials avatar (semantic tokens only). */\nexport const Avatar: FC<{ name: string; className?: string }> = ({ name, className }) => (\n  <span\n    className={cn(\n      'flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-accent/10 text-xs font-semibold text-accent ring-1 ring-inset ring-accent/15',\n      className\n    )}\n    aria-hidden\n  >\n    {initials(name)}\n  </span>\n);\n\ninterface FormState {\n  name: string;\n  type: string;\n  status: string;\n  industry: string;\n  contactName: string;\n  contactEmail: string;\n  contactPhone: string;\n  notes: string;\n}\nconst emptyForm: FormState = {\n  name: '',\n  type: 'ORGANIZATION',\n  status: 'PROSPECT',\n  industry: '',\n  contactName: '',\n  contactEmail: '',\n  contactPhone: '',\n  notes: '',\n};\n\nconst PAGE_SIZE = 25;\n\nexport const ClientsPage: FC = () => {\n  const nav = useNav();\n  const { emitIntent, emitFact } = useAnalytics();\n  const [search, setSearch] = useState('');\n  const [statusFilter, setStatusFilter] = useState<PswClientStatus | ''>('');\n  const [editing, setEditing] = useState<PswClient | null>(null);\n  const [creating, setCreating] = useState(false);\n  const [banner, setBanner] = useState<{ tone: 'success' | 'danger'; text: string } | null>(null);\n  const [pagination, setPagination] = useState({ limit: PAGE_SIZE, offset: 0 });\n\n  const { data, isLoading, error, refetch } = useClients({\n    search: search.trim() || undefined,\n    status: statusFilter || undefined,\n    pagination,\n  });\n  const update = useUpdateClient();\n\n  const allItems = useMemo(() => data?.items ?? [], [data]);\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title={t('psw.clients.title')}\n        subtitle={t('psw.clients.subtitle')}\n        icon={<Users className=\"h-6 w-6\" />}\n        actions={\n          <Button\n            onClick={() => {\n              void impactFeedback('light');\n              emitIntent('psw.client.create_clicked');\n              setCreating(true);\n            }}\n          >\n            <Plus className=\"mr-1.5 h-4 w-4\" /> {t('psw.clients.new')}\n          </Button>\n        }\n      />\n\n      {banner && (\n        <Banner tone={banner.tone} onClose={() => setBanner(null)}>\n          {banner.text}\n        </Banner>\n      )}\n\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n        <div className=\"relative flex-1\">\n          <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary\" />\n          <TextInput\n            placeholder={t('psw.clients.searchPlaceholder')}\n            value={search}\n            onChange={(e) => {\n              setSearch(e.target.value);\n              setPagination({ limit: PAGE_SIZE, offset: 0 });\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && search.trim()) {\n                emitFact('psw.search.performed', {\n                  entityType: 'client',\n                  queryLength: search.trim().length,\n                });\n              }\n            }}\n            className=\"pl-9\"\n          />\n        </div>\n        <NativeSelect\n          value={statusFilter}\n          onChange={(e) => {\n            setStatusFilter(e.target.value as PswClientStatus | '');\n            setPagination({ limit: PAGE_SIZE, offset: 0 });\n          }}\n          className=\"sm:w-48\"\n        >\n          <option value=\"\">{t('psw.clients.allStatuses')}</option>\n          {enumOptions(CLIENT_STATUSES)}\n        </NativeSelect>\n      </div>\n\n      {isLoading ? (\n        <LoadingBlock />\n      ) : error ? (\n        <ErrorState error={error} onRetry={() => void refetch()} />\n      ) : !data || data.items.length === 0 ? (\n        <Empty\n          title={t('psw.clients.emptyTitle')}\n          description={t('psw.clients.emptyDescription')}\n          icon={<Users className=\"h-8 w-8\" />}\n          action={\n            <Button onClick={() => setCreating(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> {t('psw.clients.new')}\n            </Button>\n          }\n        />\n      ) : (\n        <SectionCard title={`${data.totalCount} client${data.totalCount === 1 ? '' : 's'}`}>\n          <TableWrap>\n            <thead>\n              <tr>\n                <Th>{t('psw.common.name')}</Th>\n                <Th>{t('psw.common.type')}</Th>\n                <Th>Industry</Th>\n                <Th>{t('psw.common.status')}</Th>\n                <Th>{t('psw.common.added')}</Th>\n                <Th>Tags</Th>\n                <Th className=\"text-right\">{t('psw.common.actions')}</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.items.map((c) => (\n                <tr\n                  key={c.id}\n                  className=\"group cursor-pointer transition-colors hover:bg-bg-sunken/60\"\n                  onClick={() => nav(`clients/${c.id}`)}\n                >\n                  <Td>\n                    <div className=\"flex items-center gap-3\">\n                      <Avatar name={c.name} />\n                      <div className=\"min-w-0\">\n                        <div className=\"flex items-center gap-1 font-medium text-text-primary transition-colors group-hover:text-accent\">\n                          <span className=\"truncate\">{c.name}</span>\n                          <ChevronRight className=\"h-3.5 w-3.5 shrink-0 text-text-tertiary opacity-0 transition-opacity group-hover:opacity-100\" />\n                        </div>\n                        {c.contactName ? (\n                          <div className=\"truncate text-xs text-text-tertiary\">{c.contactName}</div>\n                        ) : null}\n                      </div>\n                    </div>\n                  </Td>\n                  <Td>\n                    <span className=\"inline-flex items-center gap-1.5 text-text-secondary\">\n                      {c.type === 'ORGANIZATION' ? (\n                        <Building2 className=\"h-3.5 w-3.5 text-text-tertiary\" />\n                      ) : (\n                        <User className=\"h-3.5 w-3.5 text-text-tertiary\" />\n                      )}\n                      {c.type === 'ORGANIZATION' ? 'Organization' : 'Individual'}\n                    </span>\n                  </Td>\n                  <Td>{c.industry || '—'}</Td>\n                  <Td>\n                    <StatusPill status={c.status} />\n                  </Td>\n                  <Td className=\"whitespace-nowrap\">{fmtDate(c.createdAt)}</Td>\n                  <Td>\n                    <div onClick={(ev) => ev.stopPropagation()} role=\"presentation\">\n                      <TagPicker\n                        entityType=\"PswClient\"\n                        entityId={c.id}\n                        tags={c.tags ?? []}\n                        onChange={async (tags) => {\n                          await update.mutateAsync({ id: c.id, input: { tags } });\n                          void refetch();\n                        }}\n                        maxTags={5}\n                      />\n                    </div>\n                  </Td>\n                  <Td className=\"text-right\">\n                    <div\n                      className=\"flex justify-end gap-1\"\n                      onClick={(ev) => ev.stopPropagation()}\n                      role=\"presentation\"\n                    >\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        onClick={() => setEditing(c)}\n                        aria-label=\"Edit\"\n                      >\n                        <Pencil className=\"h-4 w-4\" />\n                      </Button>\n                      {c.status !== 'ARCHIVED' && (\n                        <ArchiveButton\n                          id={c.id}\n                          onDone={(ok) =>\n                            setBanner(\n                              ok\n                                ? { tone: 'success', text: `${c.name} archived.` }\n                                : { tone: 'danger', text: 'Could not archive client.' }\n                            )\n                          }\n                        />\n                      )}\n                    </div>\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n          <LoadMore\n            hasMore={data?.pageInfo?.hasMore ?? false}\n            loading={isLoading}\n            loadedCount={allItems.length}\n            totalCount={data?.totalCount ?? allItems.length}\n            onLoadMore={() =>\n              setPagination((p) => ({ limit: PAGE_SIZE, offset: p.offset + PAGE_SIZE }))\n            }\n          />\n        </SectionCard>\n      )}\n\n      {creating && (\n        <ClientModal\n          onClose={() => setCreating(false)}\n          onSaved={(name) => setBanner({ tone: 'success', text: `${name} created.` })}\n        />\n      )}\n      {editing && (\n        <ClientModal\n          client={editing}\n          onClose={() => setEditing(null)}\n          onSaved={(name) => setBanner({ tone: 'success', text: `${name} updated.` })}\n        />\n      )}\n    </div>\n  );\n};\n\nconst ArchiveButton: FC<{ id: string; onDone: (ok: boolean) => void }> = ({ id, onDone }) => {\n  const archive = useArchiveClient();\n  const { emitFact } = useAnalytics();\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"sm\"\n      aria-label=\"Archive\"\n      disabled={archive.isPending}\n      onClick={() => {\n        if (!window.confirm('Archive this client? Their engagements and matters remain.')) return;\n        archive.mutate(id, {\n          onSuccess: (r) => {\n            emitFact('psw.client.archived', { clientId: id });\n            onDone(Boolean(r));\n          },\n          onError: () => onDone(false),\n        });\n      }}\n    >\n      <Archive className=\"h-4 w-4\" />\n    </Button>\n  );\n};\n\nconst ClientModal: FC<{\n  client?: PswClient;\n  onClose: () => void;\n  onSaved: (name: string) => void;\n}> = ({ client, onClose, onSaved }) => {\n  const create = useCreateClient();\n  const update = useUpdateClient();\n  const { emitFact } = useAnalytics();\n  const [form, setForm] = useState<FormState>(\n    client\n      ? {\n          name: client.name,\n          type: client.type,\n          status: client.status,\n          industry: client.industry ?? '',\n          contactName: client.contactName ?? '',\n          contactEmail: client.contactEmail ?? '',\n          contactPhone: client.contactPhone ?? '',\n          notes: client.notes ?? '',\n        }\n      : emptyForm\n  );\n  const [err, setErr] = useState<string | null>(null);\n  const set = (k: keyof FormState) => (e: { target: { value: string } }) =>\n    setForm((f) => ({ ...f, [k]: e.target.value }));\n  const pending = create.isPending || update.isPending;\n\n  const payload = useMemo(\n    () => ({\n      name: form.name.trim(),\n      type: form.type,\n      status: form.status,\n      industry: form.industry.trim() || null,\n      contactName: form.contactName.trim() || null,\n      contactEmail: form.contactEmail.trim() || null,\n      contactPhone: form.contactPhone.trim() || null,\n      notes: form.notes.trim() || null,\n    }),\n    [form]\n  );\n\n  const submit = () => {\n    setErr(null);\n    if (!payload.name) return setErr('Client name is required.');\n    const onError = (e: unknown) => setErr(e instanceof Error ? e.message : 'Save failed.');\n    if (client) {\n      update.mutate(\n        { id: client.id, input: payload },\n        {\n          onSuccess: () => {\n            emitFact('psw.client.updated', { clientId: client.id });\n            onSaved(payload.name);\n            onClose();\n          },\n          onError,\n        }\n      );\n    } else {\n      create.mutate(payload, {\n        onSuccess: (created) => {\n          emitFact('psw.client.created', { clientId: created.pswCreateClient.id });\n          onSaved(payload.name);\n          onClose();\n        },\n        onError,\n      });\n    }\n  };\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title={client ? 'Edit client' : 'New client'}\n      footer={\n        <>\n          <Button variant=\"outline\" onClick={onClose} disabled={pending}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={pending}>\n            {pending ? 'Saving…' : client ? 'Save changes' : 'Create client'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Name\" required>\n          <TextInput value={form.name} onChange={set('name')} placeholder=\"Acme Holdings Ltd.\" />\n        </Field>\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Type\">\n            <NativeSelect value={form.type} onChange={set('type')}>\n              {enumOptions(CLIENT_TYPES)}\n            </NativeSelect>\n          </Field>\n          <Field label=\"Status\">\n            <NativeSelect value={form.status} onChange={set('status')}>\n              {enumOptions(CLIENT_STATUSES)}\n            </NativeSelect>\n          </Field>\n        </div>\n        <Field label=\"Industry\">\n          <TextInput\n            value={form.industry}\n            onChange={set('industry')}\n            placeholder=\"Financial services\"\n          />\n        </Field>\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n          <Field label=\"Contact name\">\n            <TextInput value={form.contactName} onChange={set('contactName')} />\n          </Field>\n          <Field label=\"Contact email\">\n            <TextInput type=\"email\" value={form.contactEmail} onChange={set('contactEmail')} />\n          </Field>\n        </div>\n        <Field label=\"Contact phone\">\n          <TextInput value={form.contactPhone} onChange={set('contactPhone')} />\n        </Field>\n        <Field label=\"Notes\">\n          <TextArea value={form.notes} onChange={set('notes')} />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ClientsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/ClientsPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Plus, Search, Users, Pencil, Archive, Building2, User, ChevronRight } from 'lucide-react';\nimport {\n  useClients,\n  useCreateClient,\n  useUpdateClient,\n  useArchiveClient,\n  type PswClient,\n  type PswClientStatus,\n} from '../hooks/useProServiceWorldApi';\nimport { useNav } from '../utils/nav';\nimport { cn } from '../utils/cn';\nimport { useAnalytics } from '../hooks/useAnalytics';\nimport { t } from '../i18n';\nimport { impactFeedback } from '../utils/native';\nimport {\n  PageHeader,\n  SectionCard,\n  LoadingBlock,\n  ErrorState,\n  Empty,\n  StatusPill,\n  Modal,\n  Field,\n  TextInput,\n  TextArea,\n  NativeSelect,\n  Banner,\n  TableWrap,\n  Th,\n  Td,\n  enumOptions,\n  fmtDate,\n} from '../components/ui';\nimport { TagPicker } from '../components/TagPicker';\nimport { LoadMore } from '../components/LoadMore';\n\nconst CLIENT_TYPES = ['ORGANIZATION', 'INDIVIDUAL'] as const;\nconst CLIENT_STATUSES: PswClientStatus[] = ['PROSPECT', 'ACTIVE', 'INACTIVE', 'ARCHIVED'];\n\nconst initials = (name: string): string =>\n  name\n    .split(/\\s+/)\n    .filter(Boolean)\n    .slice(0, 2)\n    .map((w) => w[0]?.toUpperCase() ?? '')\n    .join('') || '?';\n\n/** Tinted initials avatar (semantic tokens only). */\nexport const Avatar: FC<{ name: string; className?: string }> = ({ name, className }) => (\n  <span\n    className={cn(\n      'flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-accent/10 text-xs font-semibold text-accent ring-1 ring-inset ring-accent/15',\n      className\n    )}\n    aria-hidden\n  >\n    {initials(name)}\n  </span>\n);\n\ninterface FormState {\n  name: string;\n  type: string;\n  status: string;\n  industry: string;\n  contactName: string;\n  contactEmail: string;\n  contactPhone: string;\n  notes: string;\n}\nconst emptyForm: FormState = {\n  name: '',\n  type: 'ORGANIZATION',\n  status: 'PROSPECT',\n  industry: '',\n  contactName: '',\n  contactEmail: '',\n  contactPhone: '',\n  notes: '',\n};\n\nconst PAGE_SIZE = 25;\n\nexport const ClientsPage: FC = () => {\n  const nav = useNav();\n  const { emitIntent, emitFact } = useAnalytics();\n  const [search, setSearch] = useState('');\n  const [statusFilter, setStatusFilter] = useState<PswClientStatus | ''>('');\n  const [editing, setEditing] = useState<PswClient | null>(null);\n  const [creating, setCreating] = useState(false);\n  const [banner, setBanner] = useState<{ tone: 'success' | 'danger'; text: string } | null>(null);\n  const [pagination, setPagination] = useState({ limit: PAGE_SIZE, offset: 0 });\n\n  const { data, isLoading, error, refetch } = useClients({\n    search: search.trim() || undefined,\n    status: statusFilter || undefined,\n    pagination,\n  });\n  const update = useUpdateClient();\n\n  const allItems = useMemo(() => data?.items ?? [], [data]);\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title={t('psw.clients.title')}\n        subtitle={t('psw.clients.subtitle')}\n        icon={<Users className=\"h-6 w-6\" />}\n        actions={\n          <Button\n            onClick={() => {\n              void impactFeedback('light');\n              emitIntent('psw.client.create_clicked');\n              setCreating(true);\n            }}\n          >\n            <Plus className=\"mr-1.5 h-4 w-4\" /> {t('psw.clients.new')}\n          </Button>\n        }\n      />\n\n      {banner && (\n        <Banner tone={banner.tone} onClose={() => setBanner(null)}>\n          {banner.text}\n        </Banner>\n      )}\n\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n        <div className=\"relative flex-1\">\n          <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary\" />\n          <TextInput\n            placeholder={t('psw.clients.searchPlaceholder')}\n            value={search}\n            onChange={(e) => {\n              setSearch(e.target.value);\n              setPagination({ limit: PAGE_SIZE, offset: 0 });\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && search.trim()) {\n                emitFact('psw.search.performed', {\n                  entityType: 'client',\n                  queryLength: search.trim().length,\n                });\n              }\n            }}\n            className=\"pl-9\"\n          />\n        </div>\n        <NativeSelect\n          value={statusFilter}\n          onChange={(e) => {\n            setStatusFilter(e.target.value as PswClientStatus | '');\n            setPagination({ limit: PAGE_SIZE, offset: 0 });\n          }}\n          className=\"sm:w-48\"\n        >\n          <option value=\"\">{t('psw.clients.allStatuses')}</option>\n          {enumOptions(CLIENT_STATUSES)}\n        </NativeSelect>\n      </div>\n\n      {isLoading ? (\n        <LoadingBlock />\n      ) : error ? (\n        <ErrorState error={error} onRetry={() => void refetch()} />\n      ) : !data || data.items.length === 0 ? (\n        <Empty\n          title={t('psw.clients.emptyTitle')}\n          description={t('psw.clients.emptyDescription')}\n          icon={<Users className=\"h-8 w-8\" />}\n          action={\n            <Button onClick={() => setCreating(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> {t('psw.clients.new')}\n            </Button>\n          }\n        />\n      ) : (\n        <SectionCard title={`${data.totalCount} client${data.totalCount === 1 ? '' : 's'}`}>\n          <TableWrap>\n            <thead>\n              <tr>\n                <Th>{t('psw.common.name')}</Th>\n                <Th>{t('psw.common.type')}</Th>\n                <Th>Industry</Th>\n                <Th>{t('psw.common.status')}</Th>\n                <Th>{t('psw.common.added')}</Th>\n                <Th>Tags</Th>\n                <Th className=\"text-right\">{t('psw.common.actions')}</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.items.map((c) => (\n                <tr\n                  key={c.id}\n                  className=\"group cursor-pointer transition-colors hover:bg-bg-sunken/60\"\n                  onClick={() => nav(`clients/${c.id}`)}\n                >\n                  <Td>\n                    <div className=\"flex items-center gap-3\">\n                      <Avatar name={c.name} />\n                      <div className=\"min-w-0\">\n                        <div className=\"flex items-center gap-1 font-medium text-text-primary transition-colors group-hover:text-accent\">\n                          <span className=\"truncate\">{c.name}</span>\n                          <ChevronRight className=\"h-3.5 w-3.5 shrink-0 text-text-tertiary opacity-0 transition-opacity group-hover:opacity-100\" />\n                        </div>\n                        {c.contactName ? (\n                          <div className=\"truncate text-xs text-text-tertiary\">{c.contactName}</div>\n                        ) : null}\n                      </div>\n                    </div>\n                  </Td>\n                  <Td>\n                    <span className=\"inline-flex items-center gap-1.5 text-text-secondary\">\n                      {c.type === 'ORGANIZATION' ? (\n                        <Building2 className=\"h-3.5 w-3.5 text-text-tertiary\" />\n                      ) : (\n                        <User className=\"h-3.5 w-3.5 text-text-tertiary\" />\n                      )}\n                      {c.type === 'ORGANIZATION' ? 'Organization' : 'Individual'}\n                    </span>\n                  </Td>\n                  <Td>{c.industry || '—'}</Td>\n                  <Td>\n                    <StatusPill status={c.status} />\n                  </Td>\n                  <Td className=\"whitespace-nowrap\">{fmtDate(c.createdAt)}</Td>\n                  <Td>\n                    <div onClick={(ev) => ev.stopPropagation()} role=\"presentation\">\n                      <TagPicker\n                        entityType=\"PswClient\"\n                        entityId={c.id}\n                        tags={c.tags ?? []}\n                        onChange={async (tags) => {\n                          await update.mutateAsync({ id: c.id, input: { tags } });\n                          void refetch();\n                        }}\n                        maxTags={5}\n                      />\n                    </div>\n                  </Td>\n                  <Td className=\"text-right\">\n                    <div\n                      className=\"flex justify-end gap-1\"\n                      onClick={(ev) => ev.stopPropagation()}\n                      role=\"presentation\"\n                    >\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        onClick={() => setEditing(c)}\n                        aria-label=\"Edit\"\n                      >\n                        <Pencil className=\"h-4 w-4\" />\n                      </Button>\n                      {c.status !== 'ARCHIVED' && (\n                        <ArchiveButton\n                          id={c.id}\n                          onDone={(ok) =>\n                            setBanner(\n                              ok\n                                ? { tone: 'success', text: `${c.name} archived.` }\n                                : { tone: 'danger', text: 'Could not archive client.' }\n                            )\n                          }\n                        />\n                      )}\n                    </div>\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n          <LoadMore\n            hasMore={data?.pageInfo?.hasMore ?? false}\n            loading={isLoading}\n            loadedCount={allItems.length}\n            totalCount={data?.totalCount ?? allItems.length}\n            onLoadMore={() =>\n              setPagination((p) => ({ limit: PAGE_SIZE, offset: p.offset + PAGE_SIZE }))\n            }\n          />\n        </SectionCard>\n      )}\n\n      {creating && (\n        <ClientModal\n          onClose={() => setCreating(false)}\n          onSaved={(name) => setBanner({ tone: 'success', text: `${name} created.` })}\n        />\n      )}\n      {editing && (\n        <ClientModal\n          client={editing}\n          onClose={() => setEditing(null)}\n          onSaved={(name) => setBanner({ tone: 'success', text: `${name} updated.` })}\n        />\n      )}\n    </div>\n  );\n};\n\nconst ArchiveButton: FC<{ id: string; onDone: (ok: boolean) => void }> = ({ id, onDone }) => {\n  const archive = useArchiveClient();\n  const { emitFact } = useAnalytics();\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"sm\"\n      aria-label=\"Archive\"\n      disabled={archive.isPending}\n      onClick={() => {\n        if (!window.confirm('Archive this client? Their engagements and matters remain.')) return;\n        archive.mutate(id, {\n          onSuccess: (r) => {\n            emitFact('psw.client.archived', { clientId: id });\n            onDone(Boolean(r));\n          },\n          onError: () => onDone(false),\n        });\n      }}\n    >\n      <Archive className=\"h-4 w-4\" />\n    </Button>\n  );\n};\n\nconst ClientModal: FC<{\n  client?: PswClient;\n  onClose: () => void;\n  onSaved: (name: string) => void;\n}> = ({ client, onClose, onSaved }) => {\n  const create = useCreateClient();\n  const update = useUpdateClient();\n  const { emitFact } = useAnalytics();\n  const [form, setForm] = useState<FormState>(\n    client\n      ? {\n          name: client.name,\n          type: client.type,\n          status: client.status,\n          industry: client.industry ?? '',\n          contactName: client.contactName ?? '',\n          contactEmail: client.contactEmail ?? '',\n          contactPhone: client.contactPhone ?? '',\n          notes: client.notes ?? '',\n        }\n      : emptyForm\n  );\n  const [err, setErr] = useState<string | null>(null);\n  const set = (k: keyof FormState) => (e: { target: { value: string } }) =>\n    setForm((f) => ({ ...f, [k]: e.target.value }));\n  const pending = create.isPending || update.isPending;\n\n  const payload = useMemo(\n    () => ({\n      name: form.name.trim(),\n      type: form.type,\n      status: form.status,\n      industry: form.industry.trim() || null,\n      contactName: form.contactName.trim() || null,\n      contactEmail: form.contactEmail.trim() || null,\n      contactPhone: form.contactPhone.trim() || null,\n      notes: form.notes.trim() || null,\n    }),\n    [form]\n  );\n\n  const submit = () => {\n    setErr(null);\n    if (!payload.name) return setErr('Client name is required.');\n    const onError = (e: unknown) => setErr(e instanceof Error ? e.message : 'Save failed.');\n    if (client) {\n      update.mutate(\n        { id: client.id, input: payload },\n        {\n          onSuccess: () => {\n            emitFact('psw.client.updated', { clientId: client.id });\n            onSaved(payload.name);\n            onClose();\n          },\n          onError,\n        }\n      );\n    } else {\n      create.mutate(payload, {\n        onSuccess: (created) => {\n          emitFact('psw.client.created', { clientId: created.pswCreateClient.id });\n          onSaved(payload.name);\n          onClose();\n        },\n        onError,\n      });\n    }\n  };\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title={client ? 'Edit client' : 'New client'}\n      footer={\n        <>\n          <Button variant=\"outline\" onClick={onClose} disabled={pending}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={pending}>\n            {pending ? 'Saving…' : client ? 'Save changes' : 'Create client'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Name\" required>\n          <TextInput value={form.name} onChange={set('name')} placeholder=\"Acme Holdings Ltd.\" />\n        </Field>\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Type\">\n            <NativeSelect value={form.type} onChange={set('type')}>\n              {enumOptions(CLIENT_TYPES)}\n            </NativeSelect>\n          </Field>\n          <Field label=\"Status\">\n            <NativeSelect value={form.status} onChange={set('status')}>\n              {enumOptions(CLIENT_STATUSES)}\n            </NativeSelect>\n          </Field>\n        </div>\n        <Field label=\"Industry\">\n          <TextInput\n            value={form.industry}\n            onChange={set('industry')}\n            placeholder=\"Financial services\"\n          />\n        </Field>\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n          <Field label=\"Contact name\">\n            <TextInput value={form.contactName} onChange={set('contactName')} />\n          </Field>\n          <Field label=\"Contact email\">\n            <TextInput type=\"email\" value={form.contactEmail} onChange={set('contactEmail')} />\n          </Field>\n        </div>\n        <Field label=\"Contact phone\">\n          <TextInput value={form.contactPhone} onChange={set('contactPhone')} />\n        </Field>\n        <Field label=\"Notes\">\n          <TextArea value={form.notes} onChange={set('notes')} />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}

package/dist/proserviceworld/pages/CompliancePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompliancePage.js","names":[],"sources":["../../../src/proserviceworld/pages/CompliancePage.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport {\n  Plus,\n  ShieldCheck,\n  FileCheck,\n  Scale,\n  BadgeCheck,\n  GraduationCap,\n  Database,\n  Lock,\n  Clock,\n  ListChecks,\n  CheckCircle2,\n} from 'lucide-react';\nimport {\n  useComplianceChecks,\n  useCreateComplianceCheck,\n  useResolveComplianceCheck,\n  useClients,\n  useEngagements,\n  useMatters,\n  type PswComplianceStatus,\n  type PswComplianceType,\n} from '../hooks/useProServiceWorldApi';\nimport {\n  PageHeader,\n  SectionCard,\n  MetricCard,\n  LoadingBlock,\n  ErrorState,\n  Empty,\n  StatusPill,\n  Modal,\n  Field,\n  TextInput,\n  TextArea,\n  NativeSelect,\n  Banner,\n  TableWrap,\n  Th,\n  Td,\n  enumOptions,\n  fmtDate,\n  humanize,\n} from '../components/ui';\n\nconst TYPES = [\n  'ENGAGEMENT_ACCEPTANCE',\n  'INDEPENDENCE',\n  'LICENSING',\n  'CONTINUING_EDUCATION',\n  'DATA_RETENTION',\n  'LEGAL_HOLD',\n] as const;\nconst RESOLVE_STATUSES: PswComplianceStatus[] = ['IN_REVIEW', 'PASSED', 'FAILED', 'WAIVED'];\nconst SUBJECT_TYPES = ['CLIENT', 'ENGAGEMENT', 'MATTER'] as const;\n\nconst TYPE_ICON: Record<PswComplianceType, ReactNode> = {\n  ENGAGEMENT_ACCEPTANCE: <FileCheck className=\"h-3.5 w-3.5\" />,\n  INDEPENDENCE: <Scale className=\"h-3.5 w-3.5\" />,\n  LICENSING: <BadgeCheck className=\"h-3.5 w-3.5\" />,\n  CONTINUING_EDUCATION: <GraduationCap className=\"h-3.5 w-3.5\" />,\n  DATA_RETENTION: <Database className=\"h-3.5 w-3.5\" />,\n  LEGAL_HOLD: <Lock className=\"h-3.5 w-3.5\" />,\n};\n\nexport const CompliancePage: FC = () => {\n  const [statusFilter, setStatusFilter] = useState<PswComplianceStatus | ''>('');\n  const [creating, setCreating] = useState(false);\n  const [resolving, setResolving] = useState<{ id: string; title: string } | null>(null);\n  const [banner, setBanner] = useState<string | null>(null);\n  const { data, isLoading, error, refetch } = useComplianceChecks({\n    status: statusFilter || undefined,\n  });\n\n  const checks = data ?? [];\n  const pendingCount = checks.filter((c) => c.status === 'PENDING').length;\n  const inReviewCount = checks.filter((c) => c.status === 'IN_REVIEW').length;\n  const resolvedCount = checks.filter(\n    (c) => c.status === 'PASSED' || c.status === 'FAILED' || c.status === 'WAIVED'\n  ).length;\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Compliance\"\n        subtitle=\"The duties that travel with the work — acceptance, independence, licensing, CE, retention and legal hold — as gates, not afterthoughts.\"\n        icon={<ShieldCheck className=\"h-6 w-6\" />}\n        actions={\n          <Button onClick={() => setCreating(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            New check\n          </Button>\n        }\n      />\n\n      {banner && (\n        <Banner tone=\"success\" onClose={() => setBanner(null)}>\n          {banner}\n        </Banner>\n      )}\n\n      {data && data.length > 0 && (\n        <div className=\"grid grid-cols-2 gap-3 lg:grid-cols-4\">\n          <MetricCard\n            label=\"Checks\"\n            value={checks.length}\n            icon={<ListChecks className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            label=\"Pending\"\n            value={pendingCount}\n            icon={<Clock className=\"h-4 w-4\" />}\n            tone={pendingCount ? 'warning' : 'neutral'}\n          />\n          <MetricCard\n            label=\"In review\"\n            value={inReviewCount}\n            icon={<ShieldCheck className=\"h-4 w-4\" />}\n            tone=\"info\"\n          />\n          <MetricCard\n            label=\"Resolved\"\n            value={resolvedCount}\n            icon={<CheckCircle2 className=\"h-4 w-4\" />}\n            tone=\"success\"\n          />\n        </div>\n      )}\n\n      <div className=\"flex justify-end\">\n        <NativeSelect\n          value={statusFilter}\n          onChange={(e) => setStatusFilter(e.target.value as PswComplianceStatus | '')}\n          className=\"sm:w-52\"\n        >\n          <option value=\"\">All statuses</option>\n          {enumOptions(['PENDING', 'IN_REVIEW', 'PASSED', 'FAILED', 'WAIVED'])}\n        </NativeSelect>\n      </div>\n\n      {isLoading ? (\n        <LoadingBlock />\n      ) : error ? (\n        <ErrorState error={error} onRetry={() => void refetch()} />\n      ) : !data || data.length === 0 ? (\n        <Empty\n          title=\"No compliance checks\"\n          description=\"Raise a check to gate acceptance or track a professional obligation.\"\n          icon={<ShieldCheck className=\"h-8 w-8\" />}\n          action={\n            <Button onClick={() => setCreating(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />\n              New check\n            </Button>\n          }\n        />\n      ) : (\n        <SectionCard title={`${data.length} check${data.length === 1 ? '' : 's'}`}>\n          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Title</Th>\n                <Th>Type</Th>\n                <Th>Subject</Th>\n                <Th>Due</Th>\n                <Th>Status</Th>\n                <Th className=\"text-right\">Actions</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.map((c) => (\n                <tr key={c.id} className=\"transition-colors hover:bg-bg-sunken/60\">\n                  <Td>\n                    <span className=\"font-medium text-text-primary\">{c.title}</span>\n                  </Td>\n                  <Td>\n                    <span className=\"inline-flex items-center gap-2 whitespace-nowrap\">\n                      <span className=\"flex h-6 w-6 items-center justify-center rounded-md bg-bg-sunken text-accent\">\n                        {TYPE_ICON[c.type]}\n                      </span>\n                      {humanize(c.type)}\n                    </span>\n                  </Td>\n                  <Td>{humanize(c.subjectType)}</Td>\n                  <Td className=\"whitespace-nowrap\">{fmtDate(c.dueDate)}</Td>\n                  <Td>\n                    <StatusPill status={c.status} />\n                  </Td>\n                  <Td className=\"text-right\">\n                    {c.status === 'PENDING' || c.status === 'IN_REVIEW' ? (\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        onClick={() => setResolving({ id: c.id, title: c.title })}\n                      >\n                        Resolve\n                      </Button>\n                    ) : (\n                      <span className=\"text-xs text-text-tertiary\">\n                        {c.resolvedAt ? fmtDate(c.resolvedAt) : ''}\n                      </span>\n                    )}\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n        </SectionCard>\n      )}\n\n      {creating && (\n        <ComplianceModal\n          onClose={() => setCreating(false)}\n          onDone={() => {\n            void refetch();\n            setBanner('Compliance check created.');\n          }}\n        />\n      )}\n      {resolving && (\n        <ResolveModal\n          check={resolving}\n          onClose={() => setResolving(null)}\n          onDone={() => {\n            void refetch();\n            setBanner('Compliance check resolved.');\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nconst ComplianceModal: FC<{ onClose: () => void; onDone: () => void }> = ({ onClose, onDone }) => {\n  const create = useCreateComplianceCheck();\n  const [form, setForm] = useState({\n    type: 'ENGAGEMENT_ACCEPTANCE',\n    subjectType: 'ENGAGEMENT',\n    subjectId: '',\n    title: '',\n    dueDate: '',\n    details: '',\n  });\n  const [err, setErr] = useState<string | null>(null);\n  const set = (k: keyof typeof form) => (e: { target: { value: string } }) =>\n    setForm((f) => ({ ...f, [k]: e.target.value }));\n\n  const clients = useClients({ pagination: { limit: 100 } });\n  const engagements = useEngagements({ pagination: { limit: 100 } });\n  const matters = useMatters({ pagination: { limit: 100 } });\n  const subjects =\n    form.subjectType === 'CLIENT'\n      ? (clients.data?.items ?? []).map((c) => ({ id: c.id, label: c.name }))\n      : form.subjectType === 'ENGAGEMENT'\n        ? (engagements.data?.items ?? []).map((e) => ({ id: e.id, label: e.name }))\n        : (matters.data?.items ?? []).map((m) => ({ id: m.id, label: m.title }));\n\n  const submit = () => {\n    setErr(null);\n    if (!form.title.trim()) return setErr('Title is required.');\n    if (!form.subjectId) return setErr('Select a subject.');\n    create.mutate(\n      {\n        type: form.type,\n        subjectType: form.subjectType,\n        subjectId: form.subjectId,\n        title: form.title.trim(),\n        dueDate: form.dueDate ? new Date(form.dueDate).toISOString() : null,\n        details: form.details.trim() || null,\n      },\n      {\n        onSuccess: () => {\n          onDone();\n          onClose();\n        },\n        onError: (e) => setErr(e instanceof Error ? e.message : 'Failed.'),\n      }\n    );\n  };\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"New compliance check\"\n      footer={\n        <>\n          <Button variant=\"outline\" onClick={onClose} disabled={create.isPending}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={create.isPending}>\n            {create.isPending ? 'Creating…' : 'Create check'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Title\" required>\n          <TextInput\n            value={form.title}\n            onChange={set('title')}\n            placeholder=\"Independence confirmation — FY26 audit\"\n          />\n        </Field>\n        <Field label=\"Type\">\n          <NativeSelect value={form.type} onChange={set('type')}>\n            {enumOptions(TYPES)}\n          </NativeSelect>\n        </Field>\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Subject type\">\n            <NativeSelect\n              value={form.subjectType}\n              onChange={(e) =>\n                setForm((f) => ({ ...f, subjectType: e.target.value, subjectId: '' }))\n              }\n            >\n              {enumOptions(SUBJECT_TYPES)}\n            </NativeSelect>\n          </Field>\n          <Field label=\"Subject\" required>\n            <NativeSelect value={form.subjectId} onChange={set('subjectId')}>\n              <option value=\"\">Select…</option>\n              {subjects.map((s) => (\n                <option key={s.id} value={s.id}>\n                  {s.label}\n                </option>\n              ))}\n            </NativeSelect>\n          </Field>\n        </div>\n        <Field label=\"Due date\">\n          <TextInput type=\"date\" value={form.dueDate} onChange={set('dueDate')} />\n        </Field>\n        <Field label=\"Details\">\n          <TextArea value={form.details} onChange={set('details')} />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n\nconst ResolveModal: FC<{\n  check: { id: string; title: string };\n  onClose: () => void;\n  onDone: () => void;\n}> = ({ check, onClose, onDone }) => {\n  const resolve = useResolveComplianceCheck();\n  const [status, setStatus] = useState<PswComplianceStatus>('PASSED');\n  const [details, setDetails] = useState('');\n  const [err, setErr] = useState<string | null>(null);\n  const submit = () =>\n    resolve.mutate(\n      { id: check.id, status, details: details.trim() || undefined },\n      {\n        onSuccess: () => {\n          onDone();\n          onClose();\n        },\n        onError: (e) => setErr(e instanceof Error ? e.message : 'Failed.'),\n      }\n    );\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title={`Resolve: ${check.title}`}\n      footer={\n        <>\n          <Button variant=\"outline\" onClick={onClose} disabled={resolve.isPending}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={resolve.isPending}>\n            {resolve.isPending ? 'Saving…' : 'Resolve'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Outcome\">\n          <NativeSelect\n            value={status}\n            onChange={(e) => setStatus(e.target.value as PswComplianceStatus)}\n          >\n            {RESOLVE_STATUSES.map((s) => (\n              <option key={s} value={s}>\n                {humanize(s)}\n              </option>\n            ))}\n          </NativeSelect>\n        </Field>\n        <Field label=\"Notes\">\n          <TextArea value={details} onChange={(e) => setDetails(e.target.value)} />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CompliancePage.js","names":[],"sources":["../../../src/proserviceworld/pages/CompliancePage.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport {\n  Plus,\n  ShieldCheck,\n  FileCheck,\n  Scale,\n  BadgeCheck,\n  GraduationCap,\n  Database,\n  Lock,\n  Clock,\n  ListChecks,\n  CheckCircle2,\n} from 'lucide-react';\nimport {\n  useComplianceChecks,\n  useCreateComplianceCheck,\n  useResolveComplianceCheck,\n  useClients,\n  useEngagements,\n  useMatters,\n  type PswComplianceStatus,\n  type PswComplianceType,\n} from '../hooks/useProServiceWorldApi';\nimport {\n  PageHeader,\n  SectionCard,\n  MetricCard,\n  LoadingBlock,\n  ErrorState,\n  Empty,\n  StatusPill,\n  Modal,\n  Field,\n  TextInput,\n  TextArea,\n  NativeSelect,\n  Banner,\n  TableWrap,\n  Th,\n  Td,\n  enumOptions,\n  fmtDate,\n  humanize,\n} from '../components/ui';\n\nconst TYPES = [\n  'ENGAGEMENT_ACCEPTANCE',\n  'INDEPENDENCE',\n  'LICENSING',\n  'CONTINUING_EDUCATION',\n  'DATA_RETENTION',\n  'LEGAL_HOLD',\n] as const;\nconst RESOLVE_STATUSES: PswComplianceStatus[] = ['IN_REVIEW', 'PASSED', 'FAILED', 'WAIVED'];\nconst SUBJECT_TYPES = ['CLIENT', 'ENGAGEMENT', 'MATTER'] as const;\n\nconst TYPE_ICON: Record<PswComplianceType, ReactNode> = {\n  ENGAGEMENT_ACCEPTANCE: <FileCheck className=\"h-3.5 w-3.5\" />,\n  INDEPENDENCE: <Scale className=\"h-3.5 w-3.5\" />,\n  LICENSING: <BadgeCheck className=\"h-3.5 w-3.5\" />,\n  CONTINUING_EDUCATION: <GraduationCap className=\"h-3.5 w-3.5\" />,\n  DATA_RETENTION: <Database className=\"h-3.5 w-3.5\" />,\n  LEGAL_HOLD: <Lock className=\"h-3.5 w-3.5\" />,\n};\n\nexport const CompliancePage: FC = () => {\n  const [statusFilter, setStatusFilter] = useState<PswComplianceStatus | ''>('');\n  const [creating, setCreating] = useState(false);\n  const [resolving, setResolving] = useState<{ id: string; title: string } | null>(null);\n  const [banner, setBanner] = useState<string | null>(null);\n  const { data, isLoading, error, refetch } = useComplianceChecks({\n    status: statusFilter || undefined,\n  });\n\n  const checks = data ?? [];\n  const pendingCount = checks.filter((c) => c.status === 'PENDING').length;\n  const inReviewCount = checks.filter((c) => c.status === 'IN_REVIEW').length;\n  const resolvedCount = checks.filter(\n    (c) => c.status === 'PASSED' || c.status === 'FAILED' || c.status === 'WAIVED'\n  ).length;\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Compliance\"\n        subtitle=\"The duties that travel with the work — acceptance, independence, licensing, CE, retention and legal hold — as gates, not afterthoughts.\"\n        icon={<ShieldCheck className=\"h-6 w-6\" />}\n        actions={\n          <Button onClick={() => setCreating(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            New check\n          </Button>\n        }\n      />\n\n      {banner && (\n        <Banner tone=\"success\" onClose={() => setBanner(null)}>\n          {banner}\n        </Banner>\n      )}\n\n      {data && data.length > 0 && (\n        <div className=\"grid grid-cols-2 gap-3 lg:grid-cols-4\">\n          <MetricCard\n            label=\"Checks\"\n            value={checks.length}\n            icon={<ListChecks className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            label=\"Pending\"\n            value={pendingCount}\n            icon={<Clock className=\"h-4 w-4\" />}\n            tone={pendingCount ? 'warning' : 'neutral'}\n          />\n          <MetricCard\n            label=\"In review\"\n            value={inReviewCount}\n            icon={<ShieldCheck className=\"h-4 w-4\" />}\n            tone=\"info\"\n          />\n          <MetricCard\n            label=\"Resolved\"\n            value={resolvedCount}\n            icon={<CheckCircle2 className=\"h-4 w-4\" />}\n            tone=\"success\"\n          />\n        </div>\n      )}\n\n      <div className=\"flex justify-end\">\n        <NativeSelect\n          value={statusFilter}\n          onChange={(e) => setStatusFilter(e.target.value as PswComplianceStatus | '')}\n          className=\"sm:w-52\"\n        >\n          <option value=\"\">All statuses</option>\n          {enumOptions(['PENDING', 'IN_REVIEW', 'PASSED', 'FAILED', 'WAIVED'])}\n        </NativeSelect>\n      </div>\n\n      {isLoading ? (\n        <LoadingBlock />\n      ) : error ? (\n        <ErrorState error={error} onRetry={() => void refetch()} />\n      ) : !data || data.length === 0 ? (\n        <Empty\n          title=\"No compliance checks\"\n          description=\"Raise a check to gate acceptance or track a professional obligation.\"\n          icon={<ShieldCheck className=\"h-8 w-8\" />}\n          action={\n            <Button onClick={() => setCreating(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />\n              New check\n            </Button>\n          }\n        />\n      ) : (\n        <SectionCard title={`${data.length} check${data.length === 1 ? '' : 's'}`}>\n          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Title</Th>\n                <Th>Type</Th>\n                <Th>Subject</Th>\n                <Th>Due</Th>\n                <Th>Status</Th>\n                <Th className=\"text-right\">Actions</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.map((c) => (\n                <tr key={c.id} className=\"transition-colors hover:bg-bg-sunken/60\">\n                  <Td>\n                    <span className=\"font-medium text-text-primary\">{c.title}</span>\n                  </Td>\n                  <Td>\n                    <span className=\"inline-flex items-center gap-2 whitespace-nowrap\">\n                      <span className=\"flex h-6 w-6 items-center justify-center rounded-md bg-bg-sunken text-accent\">\n                        {TYPE_ICON[c.type]}\n                      </span>\n                      {humanize(c.type)}\n                    </span>\n                  </Td>\n                  <Td>{humanize(c.subjectType)}</Td>\n                  <Td className=\"whitespace-nowrap\">{fmtDate(c.dueDate)}</Td>\n                  <Td>\n                    <StatusPill status={c.status} />\n                  </Td>\n                  <Td className=\"text-right\">\n                    {c.status === 'PENDING' || c.status === 'IN_REVIEW' ? (\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        onClick={() => setResolving({ id: c.id, title: c.title })}\n                      >\n                        Resolve\n                      </Button>\n                    ) : (\n                      <span className=\"text-xs text-text-tertiary\">\n                        {c.resolvedAt ? fmtDate(c.resolvedAt) : ''}\n                      </span>\n                    )}\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n        </SectionCard>\n      )}\n\n      {creating && (\n        <ComplianceModal\n          onClose={() => setCreating(false)}\n          onDone={() => {\n            void refetch();\n            setBanner('Compliance check created.');\n          }}\n        />\n      )}\n      {resolving && (\n        <ResolveModal\n          check={resolving}\n          onClose={() => setResolving(null)}\n          onDone={() => {\n            void refetch();\n            setBanner('Compliance check resolved.');\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nconst ComplianceModal: FC<{ onClose: () => void; onDone: () => void }> = ({ onClose, onDone }) => {\n  const create = useCreateComplianceCheck();\n  const [form, setForm] = useState({\n    type: 'ENGAGEMENT_ACCEPTANCE',\n    subjectType: 'ENGAGEMENT',\n    subjectId: '',\n    title: '',\n    dueDate: '',\n    details: '',\n  });\n  const [err, setErr] = useState<string | null>(null);\n  const set = (k: keyof typeof form) => (e: { target: { value: string } }) =>\n    setForm((f) => ({ ...f, [k]: e.target.value }));\n\n  const clients = useClients({ pagination: { limit: 100 } });\n  const engagements = useEngagements({ pagination: { limit: 100 } });\n  const matters = useMatters({ pagination: { limit: 100 } });\n  const subjects =\n    form.subjectType === 'CLIENT'\n      ? (clients.data?.items ?? []).map((c) => ({ id: c.id, label: c.name }))\n      : form.subjectType === 'ENGAGEMENT'\n        ? (engagements.data?.items ?? []).map((e) => ({ id: e.id, label: e.name }))\n        : (matters.data?.items ?? []).map((m) => ({ id: m.id, label: m.title }));\n\n  const submit = () => {\n    setErr(null);\n    if (!form.title.trim()) return setErr('Title is required.');\n    if (!form.subjectId) return setErr('Select a subject.');\n    create.mutate(\n      {\n        type: form.type,\n        subjectType: form.subjectType,\n        subjectId: form.subjectId,\n        title: form.title.trim(),\n        dueDate: form.dueDate ? new Date(form.dueDate).toISOString() : null,\n        details: form.details.trim() || null,\n      },\n      {\n        onSuccess: () => {\n          onDone();\n          onClose();\n        },\n        onError: (e) => setErr(e instanceof Error ? e.message : 'Failed.'),\n      }\n    );\n  };\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"New compliance check\"\n      footer={\n        <>\n          <Button variant=\"outline\" onClick={onClose} disabled={create.isPending}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={create.isPending}>\n            {create.isPending ? 'Creating…' : 'Create check'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Title\" required>\n          <TextInput\n            value={form.title}\n            onChange={set('title')}\n            placeholder=\"Independence confirmation — FY26 audit\"\n          />\n        </Field>\n        <Field label=\"Type\">\n          <NativeSelect value={form.type} onChange={set('type')}>\n            {enumOptions(TYPES)}\n          </NativeSelect>\n        </Field>\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Subject type\">\n            <NativeSelect\n              value={form.subjectType}\n              onChange={(e) =>\n                setForm((f) => ({ ...f, subjectType: e.target.value, subjectId: '' }))\n              }\n            >\n              {enumOptions(SUBJECT_TYPES)}\n            </NativeSelect>\n          </Field>\n          <Field label=\"Subject\" required>\n            <NativeSelect value={form.subjectId} onChange={set('subjectId')}>\n              <option value=\"\">Select…</option>\n              {subjects.map((s) => (\n                <option key={s.id} value={s.id}>\n                  {s.label}\n                </option>\n              ))}\n            </NativeSelect>\n          </Field>\n        </div>\n        <Field label=\"Due date\">\n          <TextInput type=\"date\" value={form.dueDate} onChange={set('dueDate')} />\n        </Field>\n        <Field label=\"Details\">\n          <TextArea value={form.details} onChange={set('details')} />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n\nconst ResolveModal: FC<{\n  check: { id: string; title: string };\n  onClose: () => void;\n  onDone: () => void;\n}> = ({ check, onClose, onDone }) => {\n  const resolve = useResolveComplianceCheck();\n  const [status, setStatus] = useState<PswComplianceStatus>('PASSED');\n  const [details, setDetails] = useState('');\n  const [err, setErr] = useState<string | null>(null);\n  const submit = () =>\n    resolve.mutate(\n      { id: check.id, status, details: details.trim() || undefined },\n      {\n        onSuccess: () => {\n          onDone();\n          onClose();\n        },\n        onError: (e) => setErr(e instanceof Error ? e.message : 'Failed.'),\n      }\n    );\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title={`Resolve: ${check.title}`}\n      footer={\n        <>\n          <Button variant=\"outline\" onClick={onClose} disabled={resolve.isPending}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={resolve.isPending}>\n            {resolve.isPending ? 'Saving…' : 'Resolve'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Outcome\">\n          <NativeSelect\n            value={status}\n            onChange={(e) => setStatus(e.target.value as PswComplianceStatus)}\n          >\n            {RESOLVE_STATUSES.map((s) => (\n              <option key={s} value={s}>\n                {humanize(s)}\n              </option>\n            ))}\n          </NativeSelect>\n        </Field>\n        <Field label=\"Notes\">\n          <TextArea value={details} onChange={(e) => setDetails(e.target.value)} />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}