npm - @burdenoff/microfe-proserviceworld - Versions diffs - 2026.1026.2 → 2026.1031.1 - Mend

@burdenoff/microfe-proserviceworld 2026.1026.2 → 2026.1031.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (105) hide show

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

	@@ -1 +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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"}
1	+ {"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/AnalyticsPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { BarChart3, TrendingUp, Clock, Wallet, Scale, AlertTriangle } from 'lucide-react';\nimport { useDashboardStats, useWriteOffs } from '../hooks/useProServiceWorldApi';\nimport { cn } from '../utils/cn';\nimport { plural, useTr } from '../hooks/useTr';\nimport {\n PageHeader,\n SectionCard,\n MetricCard,\n LoadingBlock,\n ErrorState,\n StatusPill,\n Empty,\n TableWrap,\n Th,\n Td,\n fmtMoney,\n fmtHours,\n fmtDate,\n} from '../components/ui';\n\nexport const AnalyticsPage: FC = () => {\n const tr = useTr();\n const { data, isLoading, error, refetch } = useDashboardStats();\n const writeOffs = useWriteOffs({ pagination: { limit: 10 } });\n if (isLoading) return <LoadingBlock label={tr('psw.analytics.loading', '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={tr('psw.analytics.title', 'Analytics')}\n subtitle={tr(\n 'psw.analytics.subtitle',\n 'Real, live metrics across the practice — no estimates, straight from your records.'\n )}\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={tr('psw.analytics.collectedRevenue', 'Collected revenue')}\n value={fmtMoney(data.paidInvoiceTotal)}\n hint={tr('psw.analytics.invoicedHint', '{{amount}} invoiced', {\n amount: fmtMoney(billableBase),\n })}\n icon={<Wallet className=\"h-4 w-4\" />}\n tone=\"success\"\n />\n <MetricCard\n label={tr('psw.analytics.collectionRate', 'Collection rate')}\n value={`${collectionRate}%`}\n hint={tr('psw.analytics.outstandingHint', '{{amount}} outstanding', {\n amount: fmtMoney(data.outstandingInvoiceTotal),\n })}\n icon={<TrendingUp className=\"h-4 w-4\" />}\n tone=\"accent\"\n />\n <MetricCard\n label={tr('psw.analytics.utilization', 'Utilization')}\n value={`${utilization}%`}\n hint={tr('psw.analytics.hoursOfTotal', '{{billed}} of {{total}}', {\n billed: fmtHours(data.billedHours),\n total: fmtHours(totalHours),\n })}\n icon={<Clock className=\"h-4 w-4\" />}\n tone=\"info\"\n />\n <MetricCard\n label={tr('psw.analytics.activeEngagements', 'Active engagements')}\n value={data.activeEngagements}\n hint={tr('psw.analytics.openMattersHint', '{{count}} open matters', {\n count: data.openMatters,\n })}\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\n title={tr('psw.analytics.collectionRate', 'Collection rate')}\n description={tr('psw.analytics.collectionRateDescription', 'Paid vs. total invoiced.')}\n >\n <GaugeRow\n pct={collectionRate}\n tone=\"accent\"\n primary={fmtMoney(data.paidInvoiceTotal)}\n primaryLabel={tr('psw.analytics.collected', 'Collected')}\n secondary={fmtMoney(data.outstandingInvoiceTotal)}\n secondaryLabel={tr('psw.analytics.outstanding', 'Outstanding')}\n />\n </SectionCard>\n <SectionCard\n title={tr('psw.analytics.utilization', 'Utilization')}\n description={tr('psw.analytics.utilizationDescription', 'Billed vs. total logged hours.')}\n >\n <GaugeRow\n pct={utilization}\n tone=\"info\"\n primary={fmtHours(data.billedHours)}\n primaryLabel={tr('psw.analytics.billed', 'Billed')}\n secondary={fmtHours(data.unbilledHours)}\n secondaryLabel={tr('psw.analytics.unbilled', 'Unbilled')}\n />\n </SectionCard>\n </div>\n\n <SectionCard\n title={tr('psw.analytics.revenueByMonth', 'Revenue by month')}\n description={tr(\n 'psw.analytics.revenueByMonthDescription',\n 'Invoiced totals across recent months.'\n )}\n >\n <RevenueChart data={data.revenueByMonth} />\n </SectionCard>\n\n <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n <SectionCard\n title={tr('psw.analytics.engagements', 'Engagements')}\n description={tr('psw.analytics.byStatus', 'By status')}\n >\n <Distribution items={data.engagementsByStatus} />\n </SectionCard>\n <SectionCard\n title={tr('psw.analytics.matters', 'Matters')}\n description={tr('psw.analytics.byStatus', 'By status')}\n >\n <Distribution items={data.mattersByStatus} />\n </SectionCard>\n <SectionCard\n title={tr('psw.analytics.invoices', 'Invoices')}\n description={tr('psw.analytics.byStatus', 'By status')}\n >\n <Distribution items={data.invoicesByStatus} />\n </SectionCard>\n </div>\n\n <SectionCard\n title={tr('psw.analytics.timeBilling', 'Time & billing')}\n description={tr(\n 'psw.analytics.timeBillingDescription',\n 'Billable capacity across the practice.'\n )}\n >\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <HoursBar\n label={tr('psw.analytics.billedHours', 'Billed hours')}\n value={data.billedHours}\n total={totalHours}\n tone=\"accent\"\n />\n <HoursBar\n label={tr('psw.analytics.unbilledHours', 'Unbilled hours')}\n value={data.unbilledHours}\n total={totalHours}\n tone=\"warning\"\n />\n </div>\n </SectionCard>\n\n <div className=\"grid grid-cols-2 gap-3 lg:grid-cols-4\">\n <MetricCard\n label={tr('psw.analytics.realization', 'Realization')}\n value={`${Math.round(data.realizationPct)}%`}\n hint={tr('psw.analytics.realizationHint', '{{billed}} of {{worked}} worked', {\n billed: fmtMoney(data.billedValue),\n worked: fmtMoney(data.workedValue),\n })}\n icon={<Scale className=\"h-4 w-4\" />}\n tone=\"accent\"\n />\n <MetricCard\n label={tr('psw.analytics.writeOffs', 'Write-offs')}\n value={fmtMoney(data.writeOffTotal)}\n hint={tr('psw.analytics.writeOffsHint', 'Total written off')}\n icon={<AlertTriangle className=\"h-4 w-4\" />}\n tone=\"warning\"\n />\n </div>\n\n <SectionCard\n title={tr('psw.analytics.agedReceivables', 'Aged receivables')}\n description={tr(\n 'psw.analytics.agedReceivablesDescription',\n 'Outstanding invoice value by age — the margin-leak early warning.'\n )}\n >\n <div className=\"grid grid-cols-2 gap-3 lg:grid-cols-4\">\n <AgingBucket\n label={tr('psw.analytics.agingCurrent', 'Current')}\n bucket={data.agedReceivables.current}\n tone=\"success\"\n />\n <AgingBucket\n label={tr('psw.analytics.aging30', '30 days')}\n bucket={data.agedReceivables.thirty}\n tone=\"info\"\n />\n <AgingBucket\n label={tr('psw.analytics.aging60', '60 days')}\n bucket={data.agedReceivables.sixty}\n tone=\"warning\"\n />\n <AgingBucket\n label={tr('psw.analytics.aging90', '90+ days')}\n bucket={data.agedReceivables.ninetyPlus}\n tone=\"danger\"\n />\n </div>\n </SectionCard>\n\n <SectionCard\n title={tr('psw.analytics.writeOffs', 'Write-offs')}\n description={tr(\n 'psw.analytics.writeOffsDescription',\n 'Append-only audit of written-off amounts.'\n )}\n >\n {writeOffs.isLoading ? (\n <LoadingBlock label={tr('psw.analytics.writeOffsLoading', 'Loading write-offs…')} />\n ) : !writeOffs.data?.length ? (\n <Empty\n title={tr('psw.analytics.writeOffsEmptyTitle', 'No write-offs')}\n description={tr(\n 'psw.analytics.writeOffsEmptyDescription',\n 'Nothing has been written off yet.'\n )}\n />\n ) : (\n <TableWrap>\n <thead>\n <tr>\n <Th>{tr('psw.common.date', 'Date')}</Th>\n <Th>{tr('psw.analytics.reason', 'Reason')}</Th>\n <Th className=\"text-end\">{tr('psw.common.amount', 'Amount')}</Th>\n </tr>\n </thead>\n <tbody>\n {writeOffs.data.map((w) => (\n <tr key={w.id}>\n <Td>{fmtDate(w.createdAt)}</Td>\n <Td>{w.reason}</Td>\n <Td className=\"text-end\">{fmtMoney(w.amount)}</Td>\n </tr>\n ))}\n </tbody>\n </TableWrap>\n )}\n </SectionCard>\n </div>\n );\n};\n\nconst AgingBucket: FC<{\n label: string;\n bucket: { amount: number; count: number };\n tone: 'success' \| 'info' \| 'warning' \| 'danger';\n}> = ({ label, bucket, tone }) => {\n const tr = useTr();\n return (\n <MetricCard\n label={label}\n value={fmtMoney(bucket.amount)}\n hint={plural(\n tr,\n 'psw.invoices.count',\n bucket.count,\n '{{count}} invoice',\n '{{count}} invoices'\n )}\n tone={tone}\n />\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 const tr = useTr();\n if (!data.length)\n return (\n <p className=\"text-sm text-text-tertiary\">\n {tr('psw.dashboard.noRevenue', 'No invoiced revenue yet.')}\n </p>\n );\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 const tr = useTr();\n if (!items.length)\n return (\n <p className=\"text-sm text-text-tertiary\">\n {tr('psw.dashboard.noRecords', 'No records yet.')}\n </p>\n );\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 CHANGED Viewed

@@ -1,7 +1,8 @@
 import { useClient as e, useClientTeamAssignments as t, useConflictChecks as n, useCreateConflictCheck as r } from "../hooks/useProServiceWorldApi.js";
 import { useNav as i } from "../utils/nav.js";
 import { cn as a } from "../utils/cn.js";
-import { Banner as o, Empty as s, ErrorState as c, Field as l, LoadingBlock as u, Modal as d, PageHeader as f, SectionCard as p, StatusPill as m, TableWrap as h, Td as g, TextArea as _, TextInput as v, Th as y, fmtDate as b, fmtMoney as x, humanize as S } from "../components/ui.js";
+import { humanize as o } from "../utils/humanize.js";
+import { Banner as s, Empty as c, ErrorState as l, Field as u, LoadingBlock as d, Modal as f, PageHeader as p, SectionCard as m, StatusPill as h, TableWrap as g, Td as _, TextArea as v, TextInput as y, Th as b, fmtDate as x, fmtMoney as S } from "../components/ui.js";
 import { useActorNames as C } from "../hooks/useActorNames.js";
 import { DiscussionThread as w } from "../components/DiscussionThread.js";
 import { useMemo as T, useState as E } from "react";
@@ -11,30 +12,30 @@ import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
 import { Button as U } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/ClientDetailPage.tsx
 var W = (e) => e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("") || "?", G = () => {
-	let { id: r = "" } = z(), a = i(), { data: o, isLoading: l, error: d, refetch: _ } = e(r), v = n({ clientId: r }), [R, B] = E(!1), G = T(() => [...(o?.engagements ?? []).map((e) => ({
+	let { id: r = "" } = z(), a = i(), { data: s, isLoading: u, error: f, refetch: v } = e(r), y = n({ clientId: r }), [R, B] = E(!1), G = T(() => [...(s?.engagements ?? []).map((e) => ({
 		type: "engagement",
 		id: e.id,
 		name: e.name
-	})), ...(o?.matters ?? []).map((e) => ({
+	})), ...(s?.matters ?? []).map((e) => ({
 		type: "matter",
 		id: e.id,
 		name: e.reference || e.title
-	}))], [o]), K = t(G), X = C([
-		o?.relationshipOwnerId,
-		...(o?.engagements ?? []).map((e) => e.responsiblePartnerId),
-		...(o?.matters ?? []).map((e) => e.leadPractitionerId),
+	}))], [s]), K = t(G), X = C([
+		s?.relationshipOwnerId,
+		...(s?.engagements ?? []).map((e) => e.responsiblePartnerId),
+		...(s?.matters ?? []).map((e) => e.leadPractitionerId),
 		...(K.data ?? []).map((e) => e.practitionerId)
 	]);
-	if (l) return /* @__PURE__ */ V(u, {});
-	if (d) return /* @__PURE__ */ V(c, {
-		error: d,
-		onRetry: () => void _()
+	if (u) return /* @__PURE__ */ V(d, {});
+	if (f) return /* @__PURE__ */ V(l, {
+		error: f,
+		onRetry: () => void v()
 	});
-	if (!o) return /* @__PURE__ */ V(s, {
+	if (!s) return /* @__PURE__ */ V(c, {
 		title: "Client not found",
 		description: "It may have been archived or belongs to another workspace."
 	});
-	let Z = o.contactName || o.name;
+	let Z = s.contactName || s.name;
 	return /* @__PURE__ */ H("div", {
 		className: "space-y-6",
 		children: [
@@ -44,21 +45,21 @@ var W = (e) => e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpp
 				className: "flex items-center gap-1.5 text-sm text-text-secondary transition-colors hover:text-accent",
 				children: [/* @__PURE__ */ V(D, { className: "h-4 w-4" }), " Back to clients"]
 			}),
-			/* @__PURE__ */ V(f, {
-				title: o.name,
-				subtitle: [o.type === "ORGANIZATION" ? "Organization" : "Individual", o.industry].filter(Boolean).join(" · "),
-				actions: /* @__PURE__ */ V(m, { status: o.status })
+			/* @__PURE__ */ V(p, {
+				title: s.name,
+				subtitle: [s.type === "ORGANIZATION" ? "Organization" : "Individual", s.industry].filter(Boolean).join(" · "),
+				actions: /* @__PURE__ */ V(h, { status: s.status })
 			}),
-			o.tags.length > 0 && /* @__PURE__ */ V("div", {
+			s.tags.length > 0 && /* @__PURE__ */ V("div", {
 				className: "flex flex-wrap gap-2",
-				children: o.tags.map((e) => /* @__PURE__ */ V("span", {
+				children: s.tags.map((e) => /* @__PURE__ */ V("span", {
 					className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
 					children: e
 				}, e))
 			}),
 			/* @__PURE__ */ H("div", {
 				className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
-				children: [/* @__PURE__ */ V(p, {
+				children: [/* @__PURE__ */ V(m, {
 					title: "Contact",
 					className: "lg:col-span-1",
 					children: /* @__PURE__ */ H("div", {
@@ -72,44 +73,44 @@ var W = (e) => e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpp
 								className: "min-w-0",
 								children: [/* @__PURE__ */ V("div", {
 									className: "truncate text-sm font-semibold text-text-primary",
-									children: o.contactName || o.name
+									children: s.contactName || s.name
 								}), /* @__PURE__ */ V("div", {
 									className: "truncate text-xs text-text-tertiary",
-									children: o.contactName ? "Primary contact" : "Client record"
+									children: s.contactName ? "Primary contact" : "Client record"
 								})]
 							})]
 						}), /* @__PURE__ */ H("dl", {
 							className: "space-y-2.5 text-sm",
 							children: [
-								o.contactEmail && /* @__PURE__ */ V(J, {
+								s.contactEmail && /* @__PURE__ */ V(J, {
 									icon: /* @__PURE__ */ V(M, { className: "h-4 w-4" }),
-									value: o.contactEmail
+									value: s.contactEmail
 								}),
-								o.contactPhone && /* @__PURE__ */ V(J, {
+								s.contactPhone && /* @__PURE__ */ V(J, {
 									icon: /* @__PURE__ */ V(P, { className: "h-4 w-4" }),
-									value: o.contactPhone
+									value: s.contactPhone
 								}),
-								o.address && /* @__PURE__ */ V(J, {
+								s.address && /* @__PURE__ */ V(J, {
 									icon: /* @__PURE__ */ V(N, { className: "h-4 w-4" }),
-									value: o.address
+									value: s.address
 								}),
-								o.notes && /* @__PURE__ */ V(J, {
+								s.notes && /* @__PURE__ */ V(J, {
 									icon: /* @__PURE__ */ V(I, { className: "h-4 w-4" }),
-									value: o.notes,
+									value: s.notes,
 									multiline: !0
 								}),
-								o.relationshipOwnerId && /* @__PURE__ */ V(J, {
+								s.relationshipOwnerId && /* @__PURE__ */ V(J, {
 									icon: /* @__PURE__ */ V(L, { className: "h-4 w-4" }),
-									value: `${X.nameOf(o.relationshipOwnerId)} · relationship owner`
+									value: `${X.nameOf(s.relationshipOwnerId)} · relationship owner`
 								}),
-								!o.contactEmail && !o.contactPhone && !o.address && !o.notes && !o.relationshipOwnerId && /* @__PURE__ */ V("p", {
+								!s.contactEmail && !s.contactPhone && !s.address && !s.notes && !s.relationshipOwnerId && /* @__PURE__ */ V("p", {
 									className: "text-sm text-text-tertiary",
 									children: "No contact details recorded yet."
 								})
 							]
 						})]
 					})
-				}), /* @__PURE__ */ V(p, {
+				}), /* @__PURE__ */ V(m, {
 					title: "Conflict checks",
 					className: "lg:col-span-2",
 					action: /* @__PURE__ */ H(U, {
@@ -118,34 +119,34 @@ var W = (e) => e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpp
 						onClick: () => B(!0),
 						children: [/* @__PURE__ */ V(j, { className: "mr-1.5 h-4 w-4" }), " Run check"]
 					}),
-					children: v.isLoading ? /* @__PURE__ */ V(u, { label: "Loading…" }) : !v.data || v.data.items.length === 0 ? /* @__PURE__ */ V(s, {
+					children: y.isLoading ? /* @__PURE__ */ V(d, { label: "Loading…" }) : !y.data || y.data.items.length === 0 ? /* @__PURE__ */ V(c, {
 						title: "No conflict checks",
 						description: "Run a conflict check before accepting new work for this client.",
 						icon: /* @__PURE__ */ V(j, { className: "h-7 w-7" })
-					}) : /* @__PURE__ */ H(h, { children: [/* @__PURE__ */ V("thead", { children: /* @__PURE__ */ H("tr", { children: [
-						/* @__PURE__ */ V(y, { children: "Parties searched" }),
-						/* @__PURE__ */ V(y, { children: "Date" }),
-						/* @__PURE__ */ V(y, {
+					}) : /* @__PURE__ */ H(g, { children: [/* @__PURE__ */ V("thead", { children: /* @__PURE__ */ H("tr", { children: [
+						/* @__PURE__ */ V(b, { children: "Parties searched" }),
+						/* @__PURE__ */ V(b, { children: "Date" }),
+						/* @__PURE__ */ V(b, {
 							className: "text-right",
 							children: "Status"
 						})
-					] }) }), /* @__PURE__ */ V("tbody", { children: v.data.items.map((e) => /* @__PURE__ */ H("tr", {
+					] }) }), /* @__PURE__ */ V("tbody", { children: y.data.items.map((e) => /* @__PURE__ */ H("tr", {
 						className: "transition-colors hover:bg-bg-sunken/60",
 						children: [
-							/* @__PURE__ */ H(g, { children: [/* @__PURE__ */ V("div", {
+							/* @__PURE__ */ H(_, { children: [/* @__PURE__ */ V("div", {
 								className: "font-medium text-text-primary",
 								children: e.searchedParties.join(", ") || "Conflict search"
 							}), e.findings ? /* @__PURE__ */ V("div", {
 								className: "text-xs text-text-tertiary",
 								children: e.findings
 							}) : null] }),
-							/* @__PURE__ */ V(g, {
+							/* @__PURE__ */ V(_, {
 								className: "whitespace-nowrap",
-								children: b(e.createdAt)
+								children: x(e.createdAt)
 							}),
-							/* @__PURE__ */ V(g, {
+							/* @__PURE__ */ V(_, {
 								className: "text-right",
-								children: /* @__PURE__ */ V(m, { status: e.status })
+								children: /* @__PURE__ */ V(h, { status: e.status })
 							})
 						]
 					}, e.id)) })] })
@@ -158,111 +159,111 @@ var W = (e) => e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpp
 				hasScopes: G.length > 0,
 				actors: X
 			}),
-			/* @__PURE__ */ V(p, {
+			/* @__PURE__ */ V(m, {
 				title: "Engagements",
-				description: `${o.engagements.length} scoped for this client`,
+				description: `${s.engagements.length} scoped for this client`,
 				action: /* @__PURE__ */ H(U, {
 					size: "sm",
 					variant: "outline",
 					onClick: () => a("engagements"),
 					children: [/* @__PURE__ */ V(F, { className: "mr-1.5 h-4 w-4" }), "Manage"]
 				}),
-				children: o.engagements.length === 0 ? /* @__PURE__ */ V(s, {
+				children: s.engagements.length === 0 ? /* @__PURE__ */ V(c, {
 					title: "No engagements",
 					description: "Scope the first engagement for this client.",
 					icon: /* @__PURE__ */ V(O, { className: "h-7 w-7" })
-				}) : /* @__PURE__ */ H(h, { children: [/* @__PURE__ */ V("thead", { children: /* @__PURE__ */ H("tr", { children: [
-					/* @__PURE__ */ V(y, { children: "Engagement" }),
-					/* @__PURE__ */ V(y, { children: "Partner" }),
-					/* @__PURE__ */ V(y, { children: "Fee" }),
-					/* @__PURE__ */ V(y, { children: "Started" }),
-					/* @__PURE__ */ V(y, {
+				}) : /* @__PURE__ */ H(g, { children: [/* @__PURE__ */ V("thead", { children: /* @__PURE__ */ H("tr", { children: [
+					/* @__PURE__ */ V(b, { children: "Engagement" }),
+					/* @__PURE__ */ V(b, { children: "Partner" }),
+					/* @__PURE__ */ V(b, { children: "Fee" }),
+					/* @__PURE__ */ V(b, { children: "Started" }),
+					/* @__PURE__ */ V(b, {
 						className: "text-right",
 						children: "Status"
 					})
-				] }) }), /* @__PURE__ */ V("tbody", { children: o.engagements.map((e) => /* @__PURE__ */ H("tr", {
+				] }) }), /* @__PURE__ */ V("tbody", { children: s.engagements.map((e) => /* @__PURE__ */ H("tr", {
 					className: "group cursor-pointer transition-colors hover:bg-bg-sunken/60",
 					onClick: () => a(`engagements/${e.id}`),
 					children: [
-						/* @__PURE__ */ V(g, { children: /* @__PURE__ */ H("div", {
+						/* @__PURE__ */ V(_, { children: /* @__PURE__ */ H("div", {
 							className: "flex items-center gap-1 font-medium text-text-primary transition-colors group-hover:text-accent",
 							children: [/* @__PURE__ */ V("span", { children: e.name }), /* @__PURE__ */ V(k, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary opacity-0 transition-opacity group-hover:opacity-100" })]
 						}) }),
-						/* @__PURE__ */ V(g, {
+						/* @__PURE__ */ V(_, {
 							className: "whitespace-nowrap",
 							children: e.responsiblePartnerId ? X.nameOf(e.responsiblePartnerId) : /* @__PURE__ */ V("span", {
 								className: "text-text-tertiary",
 								children: "Unassigned"
 							})
 						}),
-						/* @__PURE__ */ H(g, {
+						/* @__PURE__ */ H(_, {
 							className: "whitespace-nowrap",
 							children: [
-								x(e.feeAmount, e.currency),
+								S(e.feeAmount, e.currency),
 								" ",
 								/* @__PURE__ */ H("span", {
 									className: "text-xs text-text-tertiary",
-									children: ["/ ", S(e.feeArrangement)]
+									children: ["/ ", o(e.feeArrangement)]
 								})
 							]
 						}),
-						/* @__PURE__ */ V(g, {
+						/* @__PURE__ */ V(_, {
 							className: "whitespace-nowrap",
-							children: b(e.startDate)
+							children: x(e.startDate)
 						}),
-						/* @__PURE__ */ V(g, {
+						/* @__PURE__ */ V(_, {
 							className: "text-right",
-							children: /* @__PURE__ */ V(m, { status: e.status })
+							children: /* @__PURE__ */ V(h, { status: e.status })
 						})
 					]
 				}, e.id)) })] })
 			}),
-			/* @__PURE__ */ V(p, {
+			/* @__PURE__ */ V(m, {
 				title: "Matters",
-				description: `${o.matters.length} tracked for this client`,
+				description: `${s.matters.length} tracked for this client`,
 				action: /* @__PURE__ */ H(U, {
 					size: "sm",
 					variant: "outline",
 					onClick: () => a("matters"),
 					children: [/* @__PURE__ */ V(F, { className: "mr-1.5 h-4 w-4" }), "Manage"]
 				}),
-				children: o.matters.length === 0 ? /* @__PURE__ */ V(s, {
+				children: s.matters.length === 0 ? /* @__PURE__ */ V(c, {
 					title: "No matters",
 					description: "Open a matter to track regulated work for this client.",
 					icon: /* @__PURE__ */ V(A, { className: "h-7 w-7" })
-				}) : /* @__PURE__ */ H(h, { children: [/* @__PURE__ */ V("thead", { children: /* @__PURE__ */ H("tr", { children: [
-					/* @__PURE__ */ V(y, { children: "Reference" }),
-					/* @__PURE__ */ V(y, { children: "Title" }),
-					/* @__PURE__ */ V(y, { children: "Lead" }),
-					/* @__PURE__ */ V(y, { children: "Due" }),
-					/* @__PURE__ */ V(y, { children: "Priority" }),
-					/* @__PURE__ */ V(y, {
+				}) : /* @__PURE__ */ H(g, { children: [/* @__PURE__ */ V("thead", { children: /* @__PURE__ */ H("tr", { children: [
+					/* @__PURE__ */ V(b, { children: "Reference" }),
+					/* @__PURE__ */ V(b, { children: "Title" }),
+					/* @__PURE__ */ V(b, { children: "Lead" }),
+					/* @__PURE__ */ V(b, { children: "Due" }),
+					/* @__PURE__ */ V(b, { children: "Priority" }),
+					/* @__PURE__ */ V(b, {
 						className: "text-right",
 						children: "Status"
 					})
-				] }) }), /* @__PURE__ */ V("tbody", { children: o.matters.map((e) => /* @__PURE__ */ H("tr", {
+				] }) }), /* @__PURE__ */ V("tbody", { children: s.matters.map((e) => /* @__PURE__ */ H("tr", {
 					className: "transition-colors hover:bg-bg-sunken/60",
 					children: [
-						/* @__PURE__ */ V(g, {
+						/* @__PURE__ */ V(_, {
 							className: "whitespace-nowrap font-medium text-text-primary",
 							children: e.reference || "—"
 						}),
-						/* @__PURE__ */ V(g, { children: e.title }),
-						/* @__PURE__ */ V(g, {
+						/* @__PURE__ */ V(_, { children: e.title }),
+						/* @__PURE__ */ V(_, {
 							className: "whitespace-nowrap",
 							children: e.leadPractitionerId ? X.nameOf(e.leadPractitionerId) : /* @__PURE__ */ V("span", {
 								className: "text-text-tertiary",
 								children: "Unassigned"
 							})
 						}),
-						/* @__PURE__ */ V(g, {
+						/* @__PURE__ */ V(_, {
 							className: "whitespace-nowrap",
-							children: b(e.dueDate)
+							children: x(e.dueDate)
 						}),
-						/* @__PURE__ */ V(g, { children: /* @__PURE__ */ V(m, { status: e.priority }) }),
-						/* @__PURE__ */ V(g, {
+						/* @__PURE__ */ V(_, { children: /* @__PURE__ */ V(h, { status: e.priority }) }),
+						/* @__PURE__ */ V(_, {
 							className: "text-right",
-							children: /* @__PURE__ */ V(m, { status: e.status })
+							children: /* @__PURE__ */ V(h, { status: e.status })
 						})
 					]
 				}, e.id)) })] })
@@ -274,7 +275,7 @@ var W = (e) => e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpp
 			R && /* @__PURE__ */ V(Y, {
 				clientId: r,
 				onClose: () => B(!1),
-				onDone: () => void v.refetch()
+				onDone: () => void y.refetch()
 			})
 		]
 	});
@@ -287,7 +288,7 @@ function K(e) {
 			roles: [],
 			isLead: !1,
 			scopes: []
-		}, r = S(n.role);
+		}, r = o(n.role);
 		e.roles.includes(r) || e.roles.push(r), e.isLead = e.isLead || n.isLead, e.scopes.some((e) => e.id === n.scopeId) || e.scopes.push({
 			id: n.scopeId,
 			name: n.scopeName,
@@ -298,10 +299,10 @@ function K(e) {
 }
 var q = ({ rows: e, loading: t, error: n, hasScopes: r, actors: i }) => {
 	let a = K(e);
-	return /* @__PURE__ */ V(p, {
+	return /* @__PURE__ */ V(m, {
 		title: "Client team",
 		description: "Everyone staffed on this client's engagements and matters.",
-		children: t ? /* @__PURE__ */ V(u, { label: "Loading…" }) : n ? /* @__PURE__ */ V(c, { error: n }) : r ? a.length === 0 ? /* @__PURE__ */ V(s, {
+		children: t ? /* @__PURE__ */ V(d, { label: "Loading…" }) : n ? /* @__PURE__ */ V(l, { error: n }) : r ? a.length === 0 ? /* @__PURE__ */ V(c, {
 			title: "No one assigned",
 			description: "Staff practitioners from an engagement's Team section to see them here.",
 			icon: /* @__PURE__ */ V(R, { className: "h-7 w-7" })
@@ -355,7 +356,7 @@ var q = ({ rows: e, loading: t, error: n, hasScopes: r, actors: i }) => {
 					]
 				}, e.practitionerId);
 			})
-		}) : /* @__PURE__ */ V(s, {
+		}) : /* @__PURE__ */ V(c, {
 			title: "Nothing to staff yet",
 			description: "Scope an engagement or open a matter, then assign the team that will deliver it.",
 			icon: /* @__PURE__ */ V(R, { className: "h-7 w-7" })
@@ -371,8 +372,8 @@ var q = ({ rows: e, loading: t, error: n, hasScopes: r, actors: i }) => {
 		children: t
 	})]
 }), Y = ({ clientId: e, onClose: t, onDone: n }) => {
-	let i = r(), [a, s] = E(""), [c, u] = E(""), [f, p] = E(null);
-	return /* @__PURE__ */ V(d, {
+	let i = r(), [a, o] = E(""), [c, l] = E(""), [d, p] = E(null);
+	return /* @__PURE__ */ V(f, {
 		open: !0,
 		onClose: t,
 		title: "Run conflict check",
@@ -403,25 +404,25 @@ var q = ({ rows: e, loading: t, error: n, hasScopes: r, actors: i }) => {
 		children: /* @__PURE__ */ H("div", {
 			className: "space-y-3",
 			children: [
-				f && /* @__PURE__ */ V(o, {
+				d && /* @__PURE__ */ V(s, {
 					tone: "danger",
-					children: f
+					children: d
 				}),
-				/* @__PURE__ */ V(l, {
+				/* @__PURE__ */ V(u, {
 					label: "Parties searched",
 					required: !0,
 					hint: "Comma-separated — counterparties, related entities, principals.",
-					children: /* @__PURE__ */ V(v, {
+					children: /* @__PURE__ */ V(y, {
 						value: a,
-						onChange: (e) => s(e.target.value),
+						onChange: (e) => o(e.target.value),
 						placeholder: "Beta Corp, John Roe, Gamma LLP"
 					})
 				}),
-				/* @__PURE__ */ V(l, {
+				/* @__PURE__ */ V(u, {
 					label: "Findings",
-					children: /* @__PURE__ */ V(_, {
+					children: /* @__PURE__ */ V(v, {
 						value: c,
-						onChange: (e) => u(e.target.value),
+						onChange: (e) => l(e.target.value),
 						placeholder: "Notes on any potential conflicts…"
 					})
 				})