@burdenoff/microfe-proserviceworld 2026.709.2 → 2026.709.4

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

@@ -1 +1 @@
-{"version":3,"file":"InvoicesPage.js","names":[],"sources":["../../../src/proserviceworld/pages/InvoicesPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Plus, Receipt, CheckCircle2, AlertCircle, Wallet } from 'lucide-react';\nimport {\n  useInvoices,\n  useCreateInvoice,\n  useMarkInvoicePaid,\n  useClients,\n  useEngagements,\n  type PswInvoiceStatus,\n} from '../hooks/useProServiceWorldApi';\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  MetricCard,\n  TableWrap,\n  Th,\n  Td,\n  enumOptions,\n  fmtDate,\n  fmtMoney,\n} from '../components/ui';\nimport { cn } from '../utils/cn';\n\nconst STATUSES: PswInvoiceStatus[] = ['DRAFT', 'SENT', 'PAID', 'OVERDUE', 'CANCELLED'];\n\nexport const InvoicesPage: FC = () => {\n  const [statusFilter, setStatusFilter] = useState<PswInvoiceStatus | ''>('');\n  const [creating, setCreating] = useState(false);\n  const [banner, setBanner] = useState<{ tone: 'success' | 'danger'; text: string } | null>(null);\n  const { data, isLoading, error, refetch } = useInvoices({ status: statusFilter || undefined });\n  const markPaid = useMarkInvoicePaid();\n  const clients = useClients({ pagination: { limit: 100 } });\n  const clientName = useMemo(\n    () => new Map((clients.data?.items ?? []).map((c) => [c.id, c.name])),\n    [clients.data]\n  );\n\n  const outstandingInvoices = (data?.items ?? []).filter(\n    (i) => i.status === 'SENT' || i.status === 'OVERDUE'\n  );\n  const paidInvoices = (data?.items ?? []).filter((i) => i.status === 'PAID');\n  const outstanding = outstandingInvoices.reduce((s, i) => s + i.total, 0);\n  const collected = paidInvoices.reduce((s, i) => s + i.total, 0);\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Invoices\"\n        subtitle=\"Assemble invoices from time, milestones and fixed-fee schedules — and track what's outstanding.\"\n        icon={<Receipt className=\"h-6 w-6\" />}\n        actions={\n          <Button onClick={() => setCreating(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            New invoice\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=\"grid grid-cols-1 gap-3 sm:grid-cols-3\">\n        <MetricCard\n          label=\"Invoices\"\n          value={data?.totalCount ?? 0}\n          icon={<Receipt className=\"h-4 w-4\" />}\n        />\n        <MetricCard\n          label=\"Outstanding\"\n          value={fmtMoney(outstanding)}\n          hint={`${outstandingInvoices.length} sent + overdue`}\n          icon={<AlertCircle className=\"h-4 w-4\" />}\n          tone=\"warning\"\n        />\n        <MetricCard\n          label=\"Collected\"\n          value={fmtMoney(collected)}\n          hint={`${paidInvoices.length} paid`}\n          icon={<Wallet className=\"h-4 w-4\" />}\n          tone=\"success\"\n        />\n      </div>\n\n      <div className=\"flex justify-end\">\n        <NativeSelect\n          value={statusFilter}\n          onChange={(e) => setStatusFilter(e.target.value as PswInvoiceStatus | '')}\n          className=\"sm:w-48\"\n        >\n          <option value=\"\">All statuses</option>\n          {enumOptions(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=\"No invoices yet\"\n          description=\"Raise an invoice for a client to start tracking receivables.\"\n          icon={<Receipt className=\"h-8 w-8\" />}\n          action={\n            <Button onClick={() => setCreating(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />\n              New invoice\n            </Button>\n          }\n        />\n      ) : (\n        <SectionCard title=\"Invoices\">\n          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Number</Th>\n                <Th>Client</Th>\n                <Th>Total</Th>\n                <Th>Status</Th>\n                <Th>Due</Th>\n                <Th className=\"text-right\">Actions</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.items.map((i) => (\n                <tr key={i.id} className=\"transition-colors hover:bg-bg-sunken/60\">\n                  <Td>\n                    <span className=\"font-medium text-text-primary\">{i.number}</span>\n                  </Td>\n                  <Td className=\"text-text-primary\">{clientName.get(i.clientId) ?? '—'}</Td>\n                  <Td className=\"whitespace-nowrap font-semibold text-text-primary\">\n                    {fmtMoney(i.total, i.currency)}\n                  </Td>\n                  <Td>\n                    <StatusPill status={i.status} />\n                  </Td>\n                  <Td\n                    className={cn(\n                      'whitespace-nowrap',\n                      i.status === 'OVERDUE' && 'font-medium text-status-error-text'\n                    )}\n                  >\n                    {fmtDate(i.dueDate)}\n                  </Td>\n                  <Td className=\"text-right\">\n                    {i.status !== 'PAID' && i.status !== 'CANCELLED' && (\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        disabled={markPaid.isPending}\n                        onClick={() =>\n                          markPaid.mutate(i.id, {\n                            onSuccess: () =>\n                              setBanner({ tone: 'success', text: `${i.number} marked paid.` }),\n                            onError: (e) =>\n                              setBanner({\n                                tone: 'danger',\n                                text: e instanceof Error ? e.message : 'Failed.',\n                              }),\n                          })\n                        }\n                      >\n                        <CheckCircle2 className=\"mr-1 h-4 w-4\" />\n                        Mark paid\n                      </Button>\n                    )}\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n        </SectionCard>\n      )}\n\n      {creating && (\n        <InvoiceModal\n          onClose={() => setCreating(false)}\n          onSaved={(n) => setBanner({ tone: 'success', text: `${n} created.` })}\n        />\n      )}\n    </div>\n  );\n};\n\nconst InvoiceModal: FC<{ onClose: () => void; onSaved: (number: string) => void }> = ({\n  onClose,\n  onSaved,\n}) => {\n  const create = useCreateInvoice();\n  const clients = useClients({ pagination: { limit: 100 } });\n  const [form, setForm] = useState({\n    clientId: '',\n    engagementId: '',\n    number: '',\n    currency: 'USD',\n    subtotal: '',\n    taxAmount: '',\n    issueDate: new Date().toISOString().slice(0, 10),\n    dueDate: '',\n    notes: '',\n  });\n  const [err, setErr] = useState<string | null>(null);\n  const engagements = useEngagements({\n    clientId: form.clientId || undefined,\n    pagination: { limit: 100 },\n  });\n  const set = (k: keyof typeof form) => (e: { target: { value: string } }) =>\n    setForm((f) => ({ ...f, [k]: e.target.value }));\n  const total = (Number(form.subtotal) || 0) + (Number(form.taxAmount) || 0);\n\n  const submit = () => {\n    setErr(null);\n    if (!form.clientId) return setErr('Select a client.');\n    if (!form.number.trim()) return setErr('Invoice number is required.');\n    create.mutate(\n      {\n        clientId: form.clientId,\n        engagementId: form.engagementId || null,\n        number: form.number.trim(),\n        currency: form.currency || 'USD',\n        subtotal: Number(form.subtotal) || 0,\n        taxAmount: Number(form.taxAmount) || 0,\n        total,\n        issueDate: form.issueDate ? new Date(form.issueDate).toISOString() : null,\n        dueDate: form.dueDate ? new Date(form.dueDate).toISOString() : null,\n        notes: form.notes.trim() || null,\n      },\n      {\n        onSuccess: () => {\n          onSaved(form.number.trim());\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 invoice\"\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 invoice'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Client\" required>\n            <NativeSelect value={form.clientId} onChange={set('clientId')}>\n              <option value=\"\">Select…</option>\n              {clients.data?.items.map((c) => (\n                <option key={c.id} value={c.id}>\n                  {c.name}\n                </option>\n              ))}\n            </NativeSelect>\n          </Field>\n          <Field label=\"Number\" required>\n            <TextInput value={form.number} onChange={set('number')} placeholder=\"INV-2026-014\" />\n          </Field>\n        </div>\n        <Field label=\"Engagement (optional)\">\n          <NativeSelect\n            value={form.engagementId}\n            onChange={set('engagementId')}\n            disabled={!form.clientId}\n          >\n            <option value=\"\">None</option>\n            {engagements.data?.items.map((e) => (\n              <option key={e.id} value={e.id}>\n                {e.name}\n              </option>\n            ))}\n          </NativeSelect>\n        </Field>\n        <div className=\"grid grid-cols-3 gap-3\">\n          <Field label=\"Subtotal\">\n            <TextInput type=\"number\" min=\"0\" value={form.subtotal} onChange={set('subtotal')} />\n          </Field>\n          <Field label=\"Tax\">\n            <TextInput type=\"number\" min=\"0\" value={form.taxAmount} onChange={set('taxAmount')} />\n          </Field>\n          <Field label=\"Currency\">\n            <TextInput value={form.currency} onChange={set('currency')} maxLength={3} />\n          </Field>\n        </div>\n        <div className=\"rounded-lg bg-bg-sunken px-3 py-2 text-sm text-text-secondary\">\n          Total:{' '}\n          <span className=\"font-semibold text-text-primary\">{fmtMoney(total, form.currency)}</span>\n        </div>\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Issue date\">\n            <TextInput type=\"date\" value={form.issueDate} onChange={set('issueDate')} />\n          </Field>\n          <Field label=\"Due date\">\n            <TextInput type=\"date\" value={form.dueDate} onChange={set('dueDate')} />\n          </Field>\n        </div>\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":"InvoicesPage.js","names":[],"sources":["../../../src/proserviceworld/pages/InvoicesPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Plus, Receipt, CheckCircle2, AlertCircle, Wallet } from 'lucide-react';\nimport {\n  useInvoices,\n  useCreateInvoice,\n  useMarkInvoicePaid,\n  useClients,\n  useEngagements,\n  type PswInvoiceStatus,\n} from '../hooks/useProServiceWorldApi';\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  MetricCard,\n  TableWrap,\n  Th,\n  Td,\n  enumOptions,\n  fmtDate,\n  fmtMoney,\n} from '../components/ui';\nimport { cn } from '../utils/cn';\n\nconst STATUSES: PswInvoiceStatus[] = ['DRAFT', 'SENT', 'PAID', 'OVERDUE', 'CANCELLED'];\n\nexport const InvoicesPage: FC = () => {\n  const [statusFilter, setStatusFilter] = useState<PswInvoiceStatus | ''>('');\n  const [creating, setCreating] = useState(false);\n  const [banner, setBanner] = useState<{ tone: 'success' | 'danger'; text: string } | null>(null);\n  const { data, isLoading, error, refetch } = useInvoices({ status: statusFilter || undefined });\n  const markPaid = useMarkInvoicePaid();\n  const clients = useClients({ pagination: { limit: 100 } });\n  const clientName = useMemo(\n    () => new Map((clients.data?.items ?? []).map((c) => [c.id, c.name])),\n    [clients.data]\n  );\n\n  const outstandingInvoices = (data?.items ?? []).filter(\n    (i) => i.status === 'SENT' || i.status === 'OVERDUE'\n  );\n  const paidInvoices = (data?.items ?? []).filter((i) => i.status === 'PAID');\n  const outstanding = outstandingInvoices.reduce((s, i) => s + i.total, 0);\n  const collected = paidInvoices.reduce((s, i) => s + i.total, 0);\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Invoices\"\n        subtitle=\"Assemble invoices from time, milestones and fixed-fee schedules — and track what's outstanding.\"\n        icon={<Receipt className=\"h-6 w-6\" />}\n        actions={\n          <Button onClick={() => setCreating(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            New invoice\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=\"grid grid-cols-1 gap-3 sm:grid-cols-3\">\n        <MetricCard\n          label=\"Invoices\"\n          value={data?.totalCount ?? 0}\n          icon={<Receipt className=\"h-4 w-4\" />}\n        />\n        <MetricCard\n          label=\"Outstanding\"\n          value={fmtMoney(outstanding)}\n          hint={`${outstandingInvoices.length} sent + overdue`}\n          icon={<AlertCircle className=\"h-4 w-4\" />}\n          tone=\"warning\"\n        />\n        <MetricCard\n          label=\"Collected\"\n          value={fmtMoney(collected)}\n          hint={`${paidInvoices.length} paid`}\n          icon={<Wallet className=\"h-4 w-4\" />}\n          tone=\"success\"\n        />\n      </div>\n\n      <div className=\"flex justify-end\">\n        <NativeSelect\n          value={statusFilter}\n          onChange={(e) => setStatusFilter(e.target.value as PswInvoiceStatus | '')}\n          className=\"sm:w-48\"\n        >\n          <option value=\"\">All statuses</option>\n          {enumOptions(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=\"No invoices yet\"\n          description=\"Raise an invoice for a client to start tracking receivables.\"\n          icon={<Receipt className=\"h-8 w-8\" />}\n          action={\n            <Button onClick={() => setCreating(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />\n              New invoice\n            </Button>\n          }\n        />\n      ) : (\n        <SectionCard title=\"Invoices\">\n          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Number</Th>\n                <Th>Client</Th>\n                <Th>Total</Th>\n                <Th>Status</Th>\n                <Th>Due</Th>\n                <Th className=\"text-right\">Actions</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.items.map((i) => (\n                <tr key={i.id} className=\"transition-colors hover:bg-bg-sunken/60\">\n                  <Td>\n                    <span className=\"font-medium text-text-primary\">{i.number}</span>\n                  </Td>\n                  <Td className=\"text-text-primary\">{clientName.get(i.clientId) ?? '—'}</Td>\n                  <Td className=\"whitespace-nowrap font-semibold text-text-primary\">\n                    {fmtMoney(i.total, i.currency)}\n                  </Td>\n                  <Td>\n                    <StatusPill status={i.status} />\n                  </Td>\n                  <Td\n                    className={cn(\n                      'whitespace-nowrap',\n                      i.status === 'OVERDUE' && 'font-medium text-status-error-text'\n                    )}\n                  >\n                    {fmtDate(i.dueDate)}\n                  </Td>\n                  <Td className=\"text-right\">\n                    {i.status !== 'PAID' && i.status !== 'CANCELLED' && (\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        disabled={markPaid.isPending}\n                        onClick={() =>\n                          markPaid.mutate(i.id, {\n                            onSuccess: () =>\n                              setBanner({ tone: 'success', text: `${i.number} marked paid.` }),\n                            onError: (e) =>\n                              setBanner({\n                                tone: 'danger',\n                                text: e instanceof Error ? e.message : 'Failed.',\n                              }),\n                          })\n                        }\n                      >\n                        <CheckCircle2 className=\"mr-1 h-4 w-4\" />\n                        Mark paid\n                      </Button>\n                    )}\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n        </SectionCard>\n      )}\n\n      {creating && (\n        <InvoiceModal\n          onClose={() => setCreating(false)}\n          onSaved={(n) => setBanner({ tone: 'success', text: `${n} created.` })}\n        />\n      )}\n    </div>\n  );\n};\n\nconst InvoiceModal: FC<{ onClose: () => void; onSaved: (number: string) => void }> = ({\n  onClose,\n  onSaved,\n}) => {\n  const create = useCreateInvoice();\n  const clients = useClients({ pagination: { limit: 100 } });\n  const [form, setForm] = useState({\n    clientId: '',\n    engagementId: '',\n    number: '',\n    currency: 'USD',\n    subtotal: '',\n    taxAmount: '',\n    issueDate: new Date().toISOString().slice(0, 10),\n    dueDate: '',\n    notes: '',\n  });\n  const [err, setErr] = useState<string | null>(null);\n  const engagements = useEngagements({\n    clientId: form.clientId || undefined,\n    pagination: { limit: 100 },\n  });\n  const set = (k: keyof typeof form) => (e: { target: { value: string } }) =>\n    setForm((f) => ({ ...f, [k]: e.target.value }));\n  const total = (Number(form.subtotal) || 0) + (Number(form.taxAmount) || 0);\n\n  const submit = () => {\n    setErr(null);\n    if (!form.clientId) return setErr('Select a client.');\n    if (!form.number.trim()) return setErr('Invoice number is required.');\n    create.mutate(\n      {\n        clientId: form.clientId,\n        engagementId: form.engagementId || null,\n        number: form.number.trim(),\n        currency: form.currency || 'USD',\n        subtotal: Number(form.subtotal) || 0,\n        taxAmount: Number(form.taxAmount) || 0,\n        total,\n        issueDate: form.issueDate ? new Date(form.issueDate).toISOString() : null,\n        dueDate: form.dueDate ? new Date(form.dueDate).toISOString() : null,\n        notes: form.notes.trim() || null,\n      },\n      {\n        onSuccess: () => {\n          onSaved(form.number.trim());\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 invoice\"\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 invoice'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Client\" required>\n            <NativeSelect value={form.clientId} onChange={set('clientId')}>\n              <option value=\"\">Select…</option>\n              {clients.data?.items.map((c) => (\n                <option key={c.id} value={c.id}>\n                  {c.name}\n                </option>\n              ))}\n            </NativeSelect>\n          </Field>\n          <Field label=\"Number\" required>\n            <TextInput value={form.number} onChange={set('number')} placeholder=\"INV-2026-014\" />\n          </Field>\n        </div>\n        <Field label=\"Engagement (optional)\">\n          <NativeSelect\n            value={form.engagementId}\n            onChange={set('engagementId')}\n            disabled={!form.clientId}\n          >\n            <option value=\"\">None</option>\n            {engagements.data?.items.map((e) => (\n              <option key={e.id} value={e.id}>\n                {e.name}\n              </option>\n            ))}\n          </NativeSelect>\n        </Field>\n        <div className=\"grid grid-cols-3 gap-3\">\n          <Field label=\"Subtotal\">\n            <TextInput type=\"number\" min=\"0\" value={form.subtotal} onChange={set('subtotal')} />\n          </Field>\n          <Field label=\"Tax\">\n            <TextInput type=\"number\" min=\"0\" value={form.taxAmount} onChange={set('taxAmount')} />\n          </Field>\n          <Field label=\"Currency\">\n            <TextInput value={form.currency} onChange={set('currency')} maxLength={3} />\n          </Field>\n        </div>\n        <div className=\"rounded-lg bg-bg-sunken px-3 py-2 text-sm text-text-secondary\">\n          Total:{' '}\n          <span className=\"font-semibold text-text-primary\">{fmtMoney(total, form.currency)}</span>\n        </div>\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Issue date\">\n            <TextInput type=\"date\" value={form.issueDate} onChange={set('issueDate')} />\n          </Field>\n          <Field label=\"Due date\">\n            <TextInput type=\"date\" value={form.dueDate} onChange={set('dueDate')} />\n          </Field>\n        </div>\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/MattersPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MattersPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/MattersPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA+DhC,eAAO,MAAM,WAAW,EAAE,EAgOzB,CAAC"}
+{"version":3,"file":"MattersPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/MattersPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAgEhC,eAAO,MAAM,WAAW,EAAE,EAgOzB,CAAC"}

package/dist/proserviceworld/pages/MattersPage.js

@@ -1,67 +1,68 @@
 import { useClients as e, useCloseMatter as t, useCreateMatter as n, useMatters as r, usePracticeAreas as i, useUpdateMatter as a } from "../hooks/useProServiceWorldApi.js";
 import { Banner as o, Empty as s, ErrorState as c, Field as l, LoadingBlock as u, MetricCard as d, Modal as f, NativeSelect as p, PageHeader as m, SectionCard as h, StatusPill as g, TableWrap as _, Td as v, TextArea as y, TextInput as b, Th as x, enumOptions as S, fmtDate as C } from "../components/ui.js";
-import { useAnalytics as w } from "../hooks/useAnalytics.js";
-import { impactFeedback as T } from "../utils/native.js";
+import { t as w } from "../i18n/index.js";
+import { useAnalytics as T } from "../hooks/useAnalytics.js";
+import { impactFeedback as ee } from "../utils/native.js";
 import { TagPicker as E } from "../components/TagPicker.js";
-import { LoadMore as ee } from "../components/LoadMore.js";
-import { useMemo as te, useState as D } from "react";
-import { AlertTriangle as O, CheckCircle2 as k, CircleDot as A, FolderKanban as j, Lock as M, Plus as N, Search as P } from "lucide-react";
-import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { Button as R } from "@burdenoff/fe-libs/ui";
+import { LoadMore as D } from "../components/LoadMore.js";
+import { useMemo as O, useState as k } from "react";
+import { AlertTriangle as te, CheckCircle2 as A, CircleDot as j, FolderKanban as M, Lock as N, Plus as P, Search as F } from "lucide-react";
+import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { Button as z } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/MattersPage.tsx
-var z = [
+var B = [
 	"OPEN",
 	"ON_HOLD",
 	"CLOSED",
 	"ARCHIVED"
-], B = [
+], V = [
 	"LOW",
 	"MEDIUM",
 	"HIGH",
 	"CRITICAL"
-], ne = () => /* @__PURE__ */ I("span", {
+], ne = () => /* @__PURE__ */ L("span", {
 	className: "inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-md bg-status-warning-bg-subtle text-status-warning-text",
 	title: "Privileged / confidential",
 	"aria-label": "Privileged",
-	children: /* @__PURE__ */ I(M, { className: "h-3 w-3" })
-}), V = 25, H = () => {
-	let { emitIntent: e, emitFact: n } = w(), [i, l] = D(""), [f, y] = D(""), [B, H] = D(!1), [U, W] = D(null), [G, K] = D({
-		limit: V,
+	children: /* @__PURE__ */ L(N, { className: "h-3 w-3" })
+}), H = 25, U = () => {
+	let { emitIntent: e, emitFact: n } = T(), [i, l] = k(""), [f, y] = k(""), [V, U] = k(!1), [W, G] = k(null), [ie, K] = k({
+		limit: H,
 		offset: 0
 	}), { data: q, isLoading: J, error: Y, refetch: X } = r({
 		search: i.trim() || void 0,
 		status: f || void 0,
-		pagination: G
-	}), Z = t(), ie = a(), Q = te(() => q?.items ?? [], [q]), ae = Q.filter((e) => e.status === "OPEN").length, oe = Q.filter((e) => e.isPrivileged).length, $ = Q.filter((e) => e.priority === "HIGH" || e.priority === "CRITICAL").length;
-	return /* @__PURE__ */ L("div", {
+		pagination: ie
+	}), Z = t(), ae = a(), Q = O(() => q?.items ?? [], [q]), oe = Q.filter((e) => e.status === "OPEN").length, se = Q.filter((e) => e.isPrivileged).length, $ = Q.filter((e) => e.priority === "HIGH" || e.priority === "CRITICAL").length;
+	return /* @__PURE__ */ R("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ I(m, {
-				title: "Matters",
-				subtitle: "The regulated threads of work — legal matters, audits, filings — with their own deadlines and sensitive-document handling.",
-				icon: /* @__PURE__ */ I(j, { className: "h-6 w-6" }),
-				actions: /* @__PURE__ */ L(R, {
+			/* @__PURE__ */ L(m, {
+				title: w("psw.matters.title"),
+				subtitle: w("psw.matters.subtitle"),
+				icon: /* @__PURE__ */ L(M, { className: "h-6 w-6" }),
+				actions: /* @__PURE__ */ R(z, {
 					onClick: () => {
-						T("light"), e("psw.matter.create_clicked"), H(!0);
+						ee("light"), e("psw.matter.create_clicked"), U(!0);
 					},
-					children: [/* @__PURE__ */ I(N, { className: "mr-1.5 h-4 w-4" }), "New matter"]
+					children: [/* @__PURE__ */ L(P, { className: "mr-1.5 h-4 w-4" }), w("psw.matters.new")]
 				})
 			}),
-			U && /* @__PURE__ */ I(o, {
-				tone: U.tone,
-				onClose: () => W(null),
-				children: U.text
+			W && /* @__PURE__ */ L(o, {
+				tone: W.tone,
+				onClose: () => G(null),
+				children: W.text
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ R("div", {
 				className: "flex flex-col gap-2 sm:flex-row sm:items-center",
-				children: [/* @__PURE__ */ L("div", {
+				children: [/* @__PURE__ */ R("div", {
 					className: "relative flex-1",
-					children: [/* @__PURE__ */ I(P, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ I(b, {
-						placeholder: "Search matters…",
+					children: [/* @__PURE__ */ L(F, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ L(b, {
+						placeholder: w("psw.matters.searchPlaceholder"),
 						value: i,
 						onChange: (e) => {
 							l(e.target.value), K({
-								limit: V,
+								limit: H,
 								offset: 0
 							});
 						},
@@ -73,143 +74,143 @@ var z = [
 						},
 						className: "pl-9"
 					})]
-				}), /* @__PURE__ */ L(p, {
+				}), /* @__PURE__ */ R(p, {
 					value: f,
 					onChange: (e) => {
 						y(e.target.value), K({
-							limit: V,
+							limit: H,
 							offset: 0
 						});
 					},
 					className: "sm:w-48",
-					children: [/* @__PURE__ */ I("option", {
+					children: [/* @__PURE__ */ L("option", {
 						value: "",
-						children: "All statuses"
-					}), S(z)]
+						children: w("psw.matters.allStatuses")
+					}), S(B)]
 				})]
 			}),
-			J ? /* @__PURE__ */ I(u, {}) : Y ? /* @__PURE__ */ I(c, {
+			J ? /* @__PURE__ */ L(u, {}) : Y ? /* @__PURE__ */ L(c, {
 				error: Y,
 				onRetry: () => void X()
-			}) : !q || q.items.length === 0 ? /* @__PURE__ */ I(s, {
-				title: "No matters yet",
-				description: "Open a matter to track a regulated thread of work for a client.",
-				icon: /* @__PURE__ */ I(j, { className: "h-8 w-8" }),
-				action: /* @__PURE__ */ L(R, {
-					onClick: () => H(!0),
-					children: [/* @__PURE__ */ I(N, { className: "mr-1.5 h-4 w-4" }), "New matter"]
+			}) : !q || q.items.length === 0 ? /* @__PURE__ */ L(s, {
+				title: w("psw.matters.emptyTitle"),
+				description: w("psw.matters.emptyDescription"),
+				icon: /* @__PURE__ */ L(M, { className: "h-8 w-8" }),
+				action: /* @__PURE__ */ R(z, {
+					onClick: () => U(!0),
+					children: [/* @__PURE__ */ L(P, { className: "mr-1.5 h-4 w-4" }), w("psw.matters.new")]
 				})
-			}) : /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ L("div", {
+			}) : /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ R("div", {
 				className: "grid grid-cols-2 gap-3 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ I(d, {
+					/* @__PURE__ */ L(d, {
 						label: "Matters",
 						value: q.totalCount,
-						icon: /* @__PURE__ */ I(j, { className: "h-4 w-4" })
+						icon: /* @__PURE__ */ L(M, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ I(d, {
+					/* @__PURE__ */ L(d, {
 						label: "Open",
-						value: ae,
-						icon: /* @__PURE__ */ I(A, { className: "h-4 w-4" }),
+						value: oe,
+						icon: /* @__PURE__ */ L(j, { className: "h-4 w-4" }),
 						tone: "accent"
 					}),
-					/* @__PURE__ */ I(d, {
+					/* @__PURE__ */ L(d, {
 						label: "Privileged",
-						value: oe,
-						icon: /* @__PURE__ */ I(M, { className: "h-4 w-4" }),
+						value: se,
+						icon: /* @__PURE__ */ L(N, { className: "h-4 w-4" }),
 						tone: "warning"
 					}),
-					/* @__PURE__ */ I(d, {
+					/* @__PURE__ */ L(d, {
 						label: "High priority",
 						value: $,
-						icon: /* @__PURE__ */ I(O, { className: "h-4 w-4" }),
+						icon: /* @__PURE__ */ L(te, { className: "h-4 w-4" }),
 						tone: $ ? "danger" : "neutral"
 					})
 				]
-			}), /* @__PURE__ */ L(h, {
+			}), /* @__PURE__ */ R(h, {
 				title: `${q.totalCount} matter${q.totalCount === 1 ? "" : "s"}`,
-				children: [/* @__PURE__ */ L(_, { children: [/* @__PURE__ */ I("thead", { children: /* @__PURE__ */ L("tr", { children: [
-					/* @__PURE__ */ I(x, { children: "Matter" }),
-					/* @__PURE__ */ I(x, { children: "Client" }),
-					/* @__PURE__ */ I(x, { children: "Priority" }),
-					/* @__PURE__ */ I(x, { children: "Status" }),
-					/* @__PURE__ */ I(x, { children: "Due" }),
-					/* @__PURE__ */ I(x, { children: "Tags" }),
-					/* @__PURE__ */ I(x, {
+				children: [/* @__PURE__ */ R(_, { children: [/* @__PURE__ */ L("thead", { children: /* @__PURE__ */ R("tr", { children: [
+					/* @__PURE__ */ L(x, { children: w("psw.matters.tableMatter") }),
+					/* @__PURE__ */ L(x, { children: w("psw.matters.tableClient") }),
+					/* @__PURE__ */ L(x, { children: w("psw.matters.tablePriority") }),
+					/* @__PURE__ */ L(x, { children: w("psw.matters.tableStatus") }),
+					/* @__PURE__ */ L(x, { children: w("psw.matters.tableDue") }),
+					/* @__PURE__ */ L(x, { children: w("psw.matters.tableTags") }),
+					/* @__PURE__ */ L(x, {
 						className: "text-right",
-						children: "Actions"
+						children: w("psw.common.actions")
 					})
-				] }) }), /* @__PURE__ */ I("tbody", { children: q.items.map((e) => /* @__PURE__ */ L("tr", {
+				] }) }), /* @__PURE__ */ L("tbody", { children: q.items.map((e) => /* @__PURE__ */ R("tr", {
 					className: "transition-colors hover:bg-bg-sunken/60",
 					children: [
-						/* @__PURE__ */ L(v, { children: [/* @__PURE__ */ L("span", {
+						/* @__PURE__ */ R(v, { children: [/* @__PURE__ */ R("span", {
 							className: "flex items-center gap-2 font-medium text-text-primary",
-							children: [e.isPrivileged && /* @__PURE__ */ I(ne, {}), /* @__PURE__ */ I("span", {
+							children: [e.isPrivileged && /* @__PURE__ */ L(ne, {}), /* @__PURE__ */ L("span", {
 								className: "truncate",
 								children: e.title
 							})]
-						}), e.reference ? /* @__PURE__ */ L("div", {
+						}), e.reference ? /* @__PURE__ */ R("div", {
 							className: "mt-0.5 pl-0 text-xs text-text-tertiary",
 							children: ["Ref: ", e.reference]
 						}) : null] }),
-						/* @__PURE__ */ I(v, {
+						/* @__PURE__ */ L(v, {
 							className: "text-text-primary",
 							children: e.client?.name ?? "—"
 						}),
-						/* @__PURE__ */ I(v, { children: /* @__PURE__ */ I(g, { status: e.priority }) }),
-						/* @__PURE__ */ I(v, { children: /* @__PURE__ */ I(g, { status: e.status }) }),
-						/* @__PURE__ */ I(v, { children: C(e.dueDate) }),
-						/* @__PURE__ */ I(v, { children: /* @__PURE__ */ I(E, {
+						/* @__PURE__ */ L(v, { children: /* @__PURE__ */ L(g, { status: e.priority }) }),
+						/* @__PURE__ */ L(v, { children: /* @__PURE__ */ L(g, { status: e.status }) }),
+						/* @__PURE__ */ L(v, { children: C(e.dueDate) }),
+						/* @__PURE__ */ L(v, { children: /* @__PURE__ */ L(E, {
 							entityType: "PswMatter",
 							entityId: e.id,
 							tags: e.tags ?? [],
 							onChange: async (t) => {
-								await ie.mutateAsync({
+								await ae.mutateAsync({
 									id: e.id,
 									input: { tags: t }
 								}), X();
 							},
 							maxTags: 5
 						}) }),
-						/* @__PURE__ */ I(v, {
+						/* @__PURE__ */ L(v, {
 							className: "text-right",
-							children: e.status !== "CLOSED" && e.status !== "ARCHIVED" ? /* @__PURE__ */ L(R, {
+							children: e.status !== "CLOSED" && e.status !== "ARCHIVED" ? /* @__PURE__ */ R(z, {
 								variant: "ghost",
 								size: "sm",
 								disabled: Z.isPending,
 								onClick: () => Z.mutate(e.id, {
 									onSuccess: () => {
-										n("psw.matter.closed", { matterId: e.id }), W({
+										n("psw.matter.closed", { matterId: e.id }), G({
 											tone: "success",
 											text: `${e.title} closed.`
 										});
 									},
-									onError: (e) => W({
+									onError: (e) => G({
 										tone: "danger",
 										text: e instanceof Error ? e.message : "Failed."
 									})
 								}),
-								children: [/* @__PURE__ */ I(k, { className: "mr-1 h-4 w-4" }), " Close"]
-							}) : /* @__PURE__ */ I("span", {
+								children: [/* @__PURE__ */ L(A, { className: "mr-1 h-4 w-4" }), " Close"]
+							}) : /* @__PURE__ */ L("span", {
 								className: "text-xs text-text-tertiary",
 								children: e.closedAt ? `Closed ${C(e.closedAt)}` : "—"
 							})
 						})
 					]
-				}, e.id)) })] }), /* @__PURE__ */ I(ee, {
+				}, e.id)) })] }), /* @__PURE__ */ L(D, {
 					hasMore: q?.pageInfo?.hasMore ?? !1,
 					loading: J,
 					loadedCount: Q.length,
 					totalCount: q?.totalCount ?? Q.length,
 					onLoadMore: () => K((e) => ({
-						limit: V,
-						offset: e.offset + V
+						limit: H,
+						offset: e.offset + H
 					}))
 				})]
 			})] }),
-			B && /* @__PURE__ */ I(re, {
-				onClose: () => H(!1),
-				onSaved: (e) => W({
+			V && /* @__PURE__ */ L(re, {
+				onClose: () => U(!1),
+				onSaved: (e) => G({
 					tone: "success",
 					text: `${e} opened.`
 				})
@@ -217,7 +218,7 @@ var z = [
 		]
 	});
 }, re = ({ onClose: t, onSaved: r }) => {
-	let a = n(), { emitFact: s } = w(), c = e({ pagination: { limit: 100 } }), u = i(), [d, m] = D({
+	let a = n(), { emitFact: s } = T(), c = e({ pagination: { limit: 100 } }), u = i(), [d, m] = k({
 		clientId: "",
 		practiceAreaId: "",
 		title: "",
@@ -226,20 +227,20 @@ var z = [
 		priority: "MEDIUM",
 		dueDate: "",
 		isPrivileged: !1
-	}), [h, g] = D(null), _ = (e) => (t) => m((n) => ({
+	}), [h, g] = k(null), _ = (e) => (t) => m((n) => ({
 		...n,
 		[e]: t.target.value
 	}));
-	return /* @__PURE__ */ I(f, {
+	return /* @__PURE__ */ L(f, {
 		open: !0,
 		onClose: t,
-		title: "New matter",
-		footer: /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(R, {
+		title: w("psw.matters.newTitle"),
+		footer: /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(z, {
 			variant: "outline",
 			onClick: t,
 			disabled: a.isPending,
 			children: "Cancel"
-		}), /* @__PURE__ */ I(R, {
+		}), /* @__PURE__ */ L(z, {
 			onClick: () => {
 				if (g(null), !d.clientId) return g("Select a client.");
 				if (!d.title.trim()) return g("Matter title is required.");
@@ -266,98 +267,98 @@ var z = [
 			disabled: a.isPending,
 			children: a.isPending ? "Opening…" : "Open matter"
 		})] }),
-		children: /* @__PURE__ */ L("div", {
+		children: /* @__PURE__ */ R("div", {
 			className: "space-y-3",
 			children: [
-				h && /* @__PURE__ */ I(o, {
+				h && /* @__PURE__ */ L(o, {
 					tone: "danger",
 					children: h
 				}),
-				/* @__PURE__ */ I(l, {
+				/* @__PURE__ */ L(l, {
 					label: "Client",
 					required: !0,
-					children: /* @__PURE__ */ L(p, {
+					children: /* @__PURE__ */ R(p, {
 						value: d.clientId,
 						onChange: _("clientId"),
-						children: [/* @__PURE__ */ I("option", {
+						children: [/* @__PURE__ */ L("option", {
 							value: "",
 							children: "Select a client…"
-						}), c.data?.items.map((e) => /* @__PURE__ */ I("option", {
+						}), c.data?.items.map((e) => /* @__PURE__ */ L("option", {
 							value: e.id,
 							children: e.name
 						}, e.id))]
 					})
 				}),
-				/* @__PURE__ */ I(l, {
+				/* @__PURE__ */ L(l, {
 					label: "Title",
 					required: !0,
-					children: /* @__PURE__ */ I(b, {
+					children: /* @__PURE__ */ L(b, {
 						value: d.title,
 						onChange: _("title"),
 						placeholder: "Regulatory investigation — SEC inquiry"
 					})
 				}),
-				/* @__PURE__ */ L("div", {
+				/* @__PURE__ */ R("div", {
 					className: "grid grid-cols-2 gap-3",
-					children: [/* @__PURE__ */ I(l, {
+					children: [/* @__PURE__ */ L(l, {
 						label: "Reference",
-						children: /* @__PURE__ */ I(b, {
+						children: /* @__PURE__ */ L(b, {
 							value: d.reference,
 							onChange: _("reference"),
 							placeholder: "MAT-2026-014"
 						})
-					}), /* @__PURE__ */ I(l, {
+					}), /* @__PURE__ */ L(l, {
 						label: "Priority",
-						children: /* @__PURE__ */ I(p, {
+						children: /* @__PURE__ */ L(p, {
 							value: d.priority,
 							onChange: _("priority"),
-							children: S(B)
+							children: S(V)
 						})
 					})]
 				}),
-				/* @__PURE__ */ L("div", {
+				/* @__PURE__ */ R("div", {
 					className: "grid grid-cols-2 gap-3",
-					children: [/* @__PURE__ */ I(l, {
+					children: [/* @__PURE__ */ L(l, {
 						label: "Practice area",
-						children: /* @__PURE__ */ L(p, {
+						children: /* @__PURE__ */ R(p, {
 							value: d.practiceAreaId,
 							onChange: _("practiceAreaId"),
-							children: [/* @__PURE__ */ I("option", {
+							children: [/* @__PURE__ */ L("option", {
 								value: "",
 								children: "Unassigned"
-							}), u.data?.map((e) => /* @__PURE__ */ I("option", {
+							}), u.data?.map((e) => /* @__PURE__ */ L("option", {
 								value: e.id,
 								children: e.name
 							}, e.id))]
 						})
-					}), /* @__PURE__ */ I(l, {
+					}), /* @__PURE__ */ L(l, {
 						label: "Due date",
-						children: /* @__PURE__ */ I(b, {
+						children: /* @__PURE__ */ L(b, {
 							type: "date",
 							value: d.dueDate,
 							onChange: _("dueDate")
 						})
 					})]
 				}),
-				/* @__PURE__ */ I(l, {
+				/* @__PURE__ */ L(l, {
 					label: "Description",
-					children: /* @__PURE__ */ I(y, {
+					children: /* @__PURE__ */ L(y, {
 						value: d.description,
 						onChange: _("description")
 					})
 				}),
-				/* @__PURE__ */ L("label", {
+				/* @__PURE__ */ R("label", {
 					className: "flex items-center gap-2.5 rounded-lg border border-border-seam bg-bg-canvas px-3 py-2.5 text-sm text-text-secondary",
-					children: [/* @__PURE__ */ I("input", {
+					children: [/* @__PURE__ */ L("input", {
 						type: "checkbox",
 						checked: d.isPrivileged,
 						onChange: (e) => m((t) => ({
 							...t,
 							isPrivileged: e.target.checked
 						}))
-					}), /* @__PURE__ */ L("span", {
+					}), /* @__PURE__ */ R("span", {
 						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ I(M, { className: "h-3.5 w-3.5 text-status-warning-text" }), "Privileged / confidential matter"]
+						children: [/* @__PURE__ */ L(N, { className: "h-3.5 w-3.5 text-status-warning-text" }), "Privileged / confidential matter"]
 					})]
 				})
 			]
@@ -365,6 +366,6 @@ var z = [
 	});
 };
 //#endregion
-export { H as MattersPage };
+export { U as MattersPage };
 
 //# sourceMappingURL=MattersPage.js.map