@burdenoff/microfe-proserviceworld 2026.709.1 → 2026.709.2

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

@@ -1 +1 @@
-{"version":3,"file":"MattersPage.js","names":[],"sources":["../../../src/proserviceworld/pages/MattersPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport {\n  Plus,\n  Search,\n  FolderKanban,\n  Lock,\n  CheckCircle2,\n  CircleDot,\n  AlertTriangle,\n} from 'lucide-react';\nimport {\n  useMatters,\n  useCreateMatter,\n  useCloseMatter,\n  useClients,\n  usePracticeAreas,\n  type PswMatterStatus,\n  type PswMatter,\n} from '../hooks/useProServiceWorldApi';\nimport { useAnalytics } from '../hooks/useAnalytics';\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} from '../components/ui';\n\nconst STATUSES: PswMatterStatus[] = ['OPEN', 'ON_HOLD', 'CLOSED', 'ARCHIVED'];\nconst PRIORITIES = ['LOW', 'MEDIUM', 'HIGH', 'CRITICAL'] as const;\n\n/** Amber padlock chip that flags privileged / confidential matters. */\nconst PrivilegeLock: FC = () => (\n  <span\n    className=\"inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-md bg-status-warning-bg-subtle text-status-warning-text\"\n    title=\"Privileged / confidential\"\n    aria-label=\"Privileged\"\n  >\n    <Lock className=\"h-3 w-3\" />\n  </span>\n);\n\nexport const MattersPage: FC = () => {\n  const { emitIntent, emitFact } = useAnalytics();\n  const [search, setSearch] = useState('');\n  const [statusFilter, setStatusFilter] = useState<PswMatterStatus | ''>('');\n  const [creating, setCreating] = useState(false);\n  const [banner, setBanner] = useState<{ tone: 'success' | 'danger'; text: string } | null>(null);\n  const { data, isLoading, error, refetch } = useMatters({\n    search: search.trim() || undefined,\n    status: statusFilter || undefined,\n  });\n  const close = useCloseMatter();\n\n  const items = data?.items ?? [];\n  const openCount = items.filter((m) => m.status === 'OPEN').length;\n  const privilegedCount = items.filter((m) => m.isPrivileged).length;\n  const highCount = items.filter((m) => m.priority === 'HIGH' || m.priority === 'CRITICAL').length;\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Matters\"\n        subtitle=\"The regulated threads of work — legal matters, audits, filings — with their own deadlines and sensitive-document handling.\"\n        icon={<FolderKanban className=\"h-6 w-6\" />}\n        actions={\n          <Button\n            onClick={() => {\n              emitIntent('psw.matter.create_clicked');\n              setCreating(true);\n            }}\n          >\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            New matter\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=\"Search matters…\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && search.trim()) {\n                emitFact('psw.search.performed', {\n                  entityType: 'matter',\n                  queryLength: search.trim().length,\n                });\n              }\n            }}\n            className=\"pl-9\"\n          />\n        </div>\n        <NativeSelect\n          value={statusFilter}\n          onChange={(e) => setStatusFilter(e.target.value as PswMatterStatus | '')}\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 matters yet\"\n          description=\"Open a matter to track a regulated thread of work for a client.\"\n          icon={<FolderKanban className=\"h-8 w-8\" />}\n          action={\n            <Button onClick={() => setCreating(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />\n              New matter\n            </Button>\n          }\n        />\n      ) : (\n        <>\n          <div className=\"grid grid-cols-2 gap-3 lg:grid-cols-4\">\n            <MetricCard\n              label=\"Matters\"\n              value={data.totalCount}\n              icon={<FolderKanban className=\"h-4 w-4\" />}\n            />\n            <MetricCard\n              label=\"Open\"\n              value={openCount}\n              icon={<CircleDot className=\"h-4 w-4\" />}\n              tone=\"accent\"\n            />\n            <MetricCard\n              label=\"Privileged\"\n              value={privilegedCount}\n              icon={<Lock className=\"h-4 w-4\" />}\n              tone=\"warning\"\n            />\n            <MetricCard\n              label=\"High priority\"\n              value={highCount}\n              icon={<AlertTriangle className=\"h-4 w-4\" />}\n              tone={highCount ? 'danger' : 'neutral'}\n            />\n          </div>\n\n          <SectionCard title={`${data.totalCount} matter${data.totalCount === 1 ? '' : 's'}`}>\n            <TableWrap>\n              <thead>\n                <tr>\n                  <Th>Matter</Th>\n                  <Th>Client</Th>\n                  <Th>Priority</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((m) => (\n                  <tr key={m.id} className=\"transition-colors hover:bg-bg-sunken/60\">\n                    <Td>\n                      <span className=\"flex items-center gap-2 font-medium text-text-primary\">\n                        {m.isPrivileged && <PrivilegeLock />}\n                        <span className=\"truncate\">{m.title}</span>\n                      </span>\n                      {m.reference ? (\n                        <div className=\"mt-0.5 pl-0 text-xs text-text-tertiary\">\n                          Ref: {m.reference}\n                        </div>\n                      ) : null}\n                    </Td>\n                    <Td className=\"text-text-primary\">{m.client?.name ?? '—'}</Td>\n                    <Td>\n                      <StatusPill status={m.priority} />\n                    </Td>\n                    <Td>\n                      <StatusPill status={m.status} />\n                    </Td>\n                    <Td>{fmtDate(m.dueDate)}</Td>\n                    <Td className=\"text-right\">\n                      {m.status !== 'CLOSED' && m.status !== 'ARCHIVED' ? (\n                        <Button\n                          variant=\"ghost\"\n                          size=\"sm\"\n                          disabled={close.isPending}\n                          onClick={() =>\n                            close.mutate(m.id, {\n                              onSuccess: () => {\n                                emitFact('psw.matter.closed', { matterId: m.id });\n                                setBanner({ tone: 'success', text: `${m.title} closed.` });\n                              },\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\" /> Close\n                        </Button>\n                      ) : (\n                        <span className=\"text-xs text-text-tertiary\">\n                          {m.closedAt ? `Closed ${fmtDate(m.closedAt)}` : '—'}\n                        </span>\n                      )}\n                    </Td>\n                  </tr>\n                ))}\n              </tbody>\n            </TableWrap>\n          </SectionCard>\n        </>\n      )}\n\n      {creating && (\n        <MatterModal\n          onClose={() => setCreating(false)}\n          onSaved={(t) => setBanner({ tone: 'success', text: `${t} opened.` })}\n        />\n      )}\n    </div>\n  );\n};\n\nconst MatterModal: FC<{ onClose: () => void; onSaved: (title: string) => void }> = ({\n  onClose,\n  onSaved,\n}) => {\n  const create = useCreateMatter();\n  const { emitFact } = useAnalytics();\n  const clients = useClients({ pagination: { limit: 100 } });\n  const practiceAreas = usePracticeAreas();\n  const [form, setForm] = useState({\n    clientId: '',\n    practiceAreaId: '',\n    title: '',\n    reference: '',\n    description: '',\n    priority: 'MEDIUM',\n    dueDate: '',\n    isPrivileged: false,\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 submit = () => {\n    setErr(null);\n    if (!form.clientId) return setErr('Select a client.');\n    if (!form.title.trim()) return setErr('Matter title is required.');\n    create.mutate(\n      {\n        clientId: form.clientId,\n        practiceAreaId: form.practiceAreaId || null,\n        title: form.title.trim(),\n        reference: form.reference.trim() || null,\n        description: form.description.trim() || null,\n        priority: form.priority,\n        isPrivileged: form.isPrivileged,\n        dueDate: form.dueDate ? new Date(form.dueDate).toISOString() : null,\n      },\n      {\n        onSuccess: (created) => {\n          const matter = (created as { pswCreateMatter: PswMatter }).pswCreateMatter;\n          emitFact('psw.matter.created', {\n            matterId: matter.id,\n            clientId: form.clientId,\n          });\n          onSaved(form.title.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 matter\"\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 ? 'Opening…' : 'Open matter'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Client\" required>\n          <NativeSelect value={form.clientId} onChange={set('clientId')}>\n            <option value=\"\">Select a client…</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=\"Title\" required>\n          <TextInput\n            value={form.title}\n            onChange={set('title')}\n            placeholder=\"Regulatory investigation — SEC inquiry\"\n          />\n        </Field>\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Reference\">\n            <TextInput\n              value={form.reference}\n              onChange={set('reference')}\n              placeholder=\"MAT-2026-014\"\n            />\n          </Field>\n          <Field label=\"Priority\">\n            <NativeSelect value={form.priority} onChange={set('priority')}>\n              {enumOptions(PRIORITIES)}\n            </NativeSelect>\n          </Field>\n        </div>\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Practice area\">\n            <NativeSelect value={form.practiceAreaId} onChange={set('practiceAreaId')}>\n              <option value=\"\">Unassigned</option>\n              {practiceAreas.data?.map((p) => (\n                <option key={p.id} value={p.id}>\n                  {p.name}\n                </option>\n              ))}\n            </NativeSelect>\n          </Field>\n          <Field label=\"Due date\">\n            <TextInput type=\"date\" value={form.dueDate} onChange={set('dueDate')} />\n          </Field>\n        </div>\n        <Field label=\"Description\">\n          <TextArea value={form.description} onChange={set('description')} />\n        </Field>\n        <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\">\n          <input\n            type=\"checkbox\"\n            checked={form.isPrivileged}\n            onChange={(e) => setForm((f) => ({ ...f, isPrivileged: e.target.checked }))}\n          />\n          <span className=\"flex items-center gap-1.5\">\n            <Lock className=\"h-3.5 w-3.5 text-status-warning-text\" />\n            Privileged / confidential matter\n          </span>\n        </label>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"MattersPage.js","names":[],"sources":["../../../src/proserviceworld/pages/MattersPage.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  FolderKanban,\n  Lock,\n  CheckCircle2,\n  CircleDot,\n  AlertTriangle,\n} from 'lucide-react';\nimport {\n  useMatters,\n  useCreateMatter,\n  useUpdateMatter,\n  useCloseMatter,\n  useClients,\n  usePracticeAreas,\n  type PswMatterStatus,\n  type PswMatter,\n} from '../hooks/useProServiceWorldApi';\nimport { useAnalytics } from '../hooks/useAnalytics';\nimport { impactFeedback } from '../utils/native';\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} from '../components/ui';\nimport { TagPicker } from '../components/TagPicker';\nimport { LoadMore } from '../components/LoadMore';\n\nconst STATUSES: PswMatterStatus[] = ['OPEN', 'ON_HOLD', 'CLOSED', 'ARCHIVED'];\nconst PRIORITIES = ['LOW', 'MEDIUM', 'HIGH', 'CRITICAL'] as const;\n\n/** Amber padlock chip that flags privileged / confidential matters. */\nconst PrivilegeLock: FC = () => (\n  <span\n    className=\"inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-md bg-status-warning-bg-subtle text-status-warning-text\"\n    title=\"Privileged / confidential\"\n    aria-label=\"Privileged\"\n  >\n    <Lock className=\"h-3 w-3\" />\n  </span>\n);\n\nconst PAGE_SIZE = 25;\n\nexport const MattersPage: FC = () => {\n  const { emitIntent, emitFact } = useAnalytics();\n  const [search, setSearch] = useState('');\n  const [statusFilter, setStatusFilter] = useState<PswMatterStatus | ''>('');\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  const { data, isLoading, error, refetch } = useMatters({\n    search: search.trim() || undefined,\n    status: statusFilter || undefined,\n    pagination,\n  });\n  const close = useCloseMatter();\n  const update = useUpdateMatter();\n\n  const items = useMemo(() => data?.items ?? [], [data]);\n  const openCount = items.filter((m) => m.status === 'OPEN').length;\n  const privilegedCount = items.filter((m) => m.isPrivileged).length;\n  const highCount = items.filter((m) => m.priority === 'HIGH' || m.priority === 'CRITICAL').length;\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Matters\"\n        subtitle=\"The regulated threads of work — legal matters, audits, filings — with their own deadlines and sensitive-document handling.\"\n        icon={<FolderKanban className=\"h-6 w-6\" />}\n        actions={\n          <Button\n            onClick={() => {\n              void impactFeedback('light');\n              emitIntent('psw.matter.create_clicked');\n              setCreating(true);\n            }}\n          >\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            New matter\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=\"Search matters…\"\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: 'matter',\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 PswMatterStatus | '');\n            setPagination({ limit: PAGE_SIZE, offset: 0 });\n          }}\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 matters yet\"\n          description=\"Open a matter to track a regulated thread of work for a client.\"\n          icon={<FolderKanban className=\"h-8 w-8\" />}\n          action={\n            <Button onClick={() => setCreating(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />\n              New matter\n            </Button>\n          }\n        />\n      ) : (\n        <>\n          <div className=\"grid grid-cols-2 gap-3 lg:grid-cols-4\">\n            <MetricCard\n              label=\"Matters\"\n              value={data.totalCount}\n              icon={<FolderKanban className=\"h-4 w-4\" />}\n            />\n            <MetricCard\n              label=\"Open\"\n              value={openCount}\n              icon={<CircleDot className=\"h-4 w-4\" />}\n              tone=\"accent\"\n            />\n            <MetricCard\n              label=\"Privileged\"\n              value={privilegedCount}\n              icon={<Lock className=\"h-4 w-4\" />}\n              tone=\"warning\"\n            />\n            <MetricCard\n              label=\"High priority\"\n              value={highCount}\n              icon={<AlertTriangle className=\"h-4 w-4\" />}\n              tone={highCount ? 'danger' : 'neutral'}\n            />\n          </div>\n\n          <SectionCard title={`${data.totalCount} matter${data.totalCount === 1 ? '' : 's'}`}>\n            <TableWrap>\n              <thead>\n                <tr>\n                  <Th>Matter</Th>\n                  <Th>Client</Th>\n                  <Th>Priority</Th>\n                  <Th>Status</Th>\n                  <Th>Due</Th>\n                  <Th>Tags</Th>\n                  <Th className=\"text-right\">Actions</Th>\n                </tr>\n              </thead>\n              <tbody>\n                {data.items.map((m) => (\n                  <tr key={m.id} className=\"transition-colors hover:bg-bg-sunken/60\">\n                    <Td>\n                      <span className=\"flex items-center gap-2 font-medium text-text-primary\">\n                        {m.isPrivileged && <PrivilegeLock />}\n                        <span className=\"truncate\">{m.title}</span>\n                      </span>\n                      {m.reference ? (\n                        <div className=\"mt-0.5 pl-0 text-xs text-text-tertiary\">\n                          Ref: {m.reference}\n                        </div>\n                      ) : null}\n                    </Td>\n                    <Td className=\"text-text-primary\">{m.client?.name ?? '—'}</Td>\n                    <Td>\n                      <StatusPill status={m.priority} />\n                    </Td>\n                    <Td>\n                      <StatusPill status={m.status} />\n                    </Td>\n                    <Td>{fmtDate(m.dueDate)}</Td>\n                    <Td>\n                      <TagPicker\n                        entityType=\"PswMatter\"\n                        entityId={m.id}\n                        tags={m.tags ?? []}\n                        onChange={async (tags) => {\n                          await update.mutateAsync({ id: m.id, input: { tags } });\n                          void refetch();\n                        }}\n                        maxTags={5}\n                      />\n                    </Td>\n                    <Td className=\"text-right\">\n                      {m.status !== 'CLOSED' && m.status !== 'ARCHIVED' ? (\n                        <Button\n                          variant=\"ghost\"\n                          size=\"sm\"\n                          disabled={close.isPending}\n                          onClick={() =>\n                            close.mutate(m.id, {\n                              onSuccess: () => {\n                                emitFact('psw.matter.closed', { matterId: m.id });\n                                setBanner({ tone: 'success', text: `${m.title} closed.` });\n                              },\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\" /> Close\n                        </Button>\n                      ) : (\n                        <span className=\"text-xs text-text-tertiary\">\n                          {m.closedAt ? `Closed ${fmtDate(m.closedAt)}` : '—'}\n                        </span>\n                      )}\n                    </Td>\n                  </tr>\n                ))}\n              </tbody>\n            </TableWrap>\n            <LoadMore\n              hasMore={data?.pageInfo?.hasMore ?? false}\n              loading={isLoading}\n              loadedCount={items.length}\n              totalCount={data?.totalCount ?? items.length}\n              onLoadMore={() =>\n                setPagination((p) => ({ limit: PAGE_SIZE, offset: p.offset + PAGE_SIZE }))\n              }\n            />\n          </SectionCard>\n        </>\n      )}\n\n      {creating && (\n        <MatterModal\n          onClose={() => setCreating(false)}\n          onSaved={(t) => setBanner({ tone: 'success', text: `${t} opened.` })}\n        />\n      )}\n    </div>\n  );\n};\n\nconst MatterModal: FC<{ onClose: () => void; onSaved: (title: string) => void }> = ({\n  onClose,\n  onSaved,\n}) => {\n  const create = useCreateMatter();\n  const { emitFact } = useAnalytics();\n  const clients = useClients({ pagination: { limit: 100 } });\n  const practiceAreas = usePracticeAreas();\n  const [form, setForm] = useState({\n    clientId: '',\n    practiceAreaId: '',\n    title: '',\n    reference: '',\n    description: '',\n    priority: 'MEDIUM',\n    dueDate: '',\n    isPrivileged: false,\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 submit = () => {\n    setErr(null);\n    if (!form.clientId) return setErr('Select a client.');\n    if (!form.title.trim()) return setErr('Matter title is required.');\n    create.mutate(\n      {\n        clientId: form.clientId,\n        practiceAreaId: form.practiceAreaId || null,\n        title: form.title.trim(),\n        reference: form.reference.trim() || null,\n        description: form.description.trim() || null,\n        priority: form.priority,\n        isPrivileged: form.isPrivileged,\n        dueDate: form.dueDate ? new Date(form.dueDate).toISOString() : null,\n      },\n      {\n        onSuccess: (created) => {\n          const matter = (created as { pswCreateMatter: PswMatter }).pswCreateMatter;\n          emitFact('psw.matter.created', {\n            matterId: matter.id,\n            clientId: form.clientId,\n          });\n          onSaved(form.title.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 matter\"\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 ? 'Opening…' : 'Open matter'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Client\" required>\n          <NativeSelect value={form.clientId} onChange={set('clientId')}>\n            <option value=\"\">Select a client…</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=\"Title\" required>\n          <TextInput\n            value={form.title}\n            onChange={set('title')}\n            placeholder=\"Regulatory investigation — SEC inquiry\"\n          />\n        </Field>\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Reference\">\n            <TextInput\n              value={form.reference}\n              onChange={set('reference')}\n              placeholder=\"MAT-2026-014\"\n            />\n          </Field>\n          <Field label=\"Priority\">\n            <NativeSelect value={form.priority} onChange={set('priority')}>\n              {enumOptions(PRIORITIES)}\n            </NativeSelect>\n          </Field>\n        </div>\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Practice area\">\n            <NativeSelect value={form.practiceAreaId} onChange={set('practiceAreaId')}>\n              <option value=\"\">Unassigned</option>\n              {practiceAreas.data?.map((p) => (\n                <option key={p.id} value={p.id}>\n                  {p.name}\n                </option>\n              ))}\n            </NativeSelect>\n          </Field>\n          <Field label=\"Due date\">\n            <TextInput type=\"date\" value={form.dueDate} onChange={set('dueDate')} />\n          </Field>\n        </div>\n        <Field label=\"Description\">\n          <TextArea value={form.description} onChange={set('description')} />\n        </Field>\n        <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\">\n          <input\n            type=\"checkbox\"\n            checked={form.isPrivileged}\n            onChange={(e) => setForm((f) => ({ ...f, isPrivileged: e.target.checked }))}\n          />\n          <span className=\"flex items-center gap-1.5\">\n            <Lock className=\"h-3.5 w-3.5 text-status-warning-text\" />\n            Privileged / confidential matter\n          </span>\n        </label>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}

package/dist/proserviceworld/utils/native.d.ts

@@ -0,0 +1,23 @@
+/**
+ * ProServiceWorld native-bridge helpers.
+ *
+ * The host app shell owns the Capacitor bridge and exposes it at
+ * `window.__burdenoffNativeBridge`. This module provides typed, safe wrappers
+ * that no-op gracefully on web or when the bridge is unavailable.
+ */
+export type HapticImpactStyle = 'light' | 'medium' | 'heavy';
+declare global {
+    interface Window {
+        __burdenoffNativeBridge?: {
+            impact?: (style: HapticImpactStyle) => Promise<void>;
+            notify?: (type: 'success' | 'warning' | 'error') => Promise<void>;
+            toast?: (message: string, duration?: 'short' | 'long') => Promise<boolean>;
+            isNativePlatform?: () => boolean;
+        };
+    }
+}
+export declare function impactFeedback(style?: HapticImpactStyle): Promise<void>;
+export declare function notifyFeedback(type: 'success' | 'warning' | 'error'): Promise<void>;
+export declare function nativeToast(message: string, duration?: 'short' | 'long'): Promise<void>;
+export declare function isNativePlatform(): boolean;
+//# sourceMappingURL=native.d.ts.map

package/dist/proserviceworld/utils/native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/utils/native.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE7D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,uBAAuB,CAAC,EAAE;YACxB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;YACrD,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;YAClE,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;YAC3E,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;SAClC,CAAC;KACH;CACF;AAOD,wBAAsB,cAAc,CAAC,KAAK,GAAE,iBAA2B,GAAG,OAAO,CAAC,IAAI,CAAC,CAQtF;AAED,wBAAsB,cAAc,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAQzF;AAED,wBAAsB,WAAW,CAC/B,OAAO,EAAE,MAAM,EACf,QAAQ,GAAE,OAAO,GAAG,MAAgB,GACnC,OAAO,CAAC,IAAI,CAAC,CAQf;AAED,wBAAgB,gBAAgB,IAAI,OAAO,CAG1C"}

package/dist/proserviceworld/utils/native.js

@@ -0,0 +1,14 @@
+//#region src/proserviceworld/utils/native.ts
+function e() {
+	if (!(typeof window > "u")) return window.__burdenoffNativeBridge;
+}
+async function t(t = "light") {
+	let n = e();
+	if (n?.impact) try {
+		await n.impact(t);
+	} catch {}
+}
+//#endregion
+export { t as impactFeedback };
+
+//# sourceMappingURL=native.js.map

package/dist/proserviceworld/utils/native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native.js","names":[],"sources":["../../../src/proserviceworld/utils/native.ts"],"sourcesContent":["/**\n * ProServiceWorld native-bridge helpers.\n *\n * The host app shell owns the Capacitor bridge and exposes it at\n * `window.__burdenoffNativeBridge`. This module provides typed, safe wrappers\n * that no-op gracefully on web or when the bridge is unavailable.\n */\n\nexport type HapticImpactStyle = 'light' | 'medium' | 'heavy';\n\ndeclare global {\n  interface Window {\n    __burdenoffNativeBridge?: {\n      impact?: (style: HapticImpactStyle) => Promise<void>;\n      notify?: (type: 'success' | 'warning' | 'error') => Promise<void>;\n      toast?: (message: string, duration?: 'short' | 'long') => Promise<boolean>;\n      isNativePlatform?: () => boolean;\n    };\n  }\n}\n\nfunction getBridge() {\n  if (typeof window === 'undefined') return undefined;\n  return window.__burdenoffNativeBridge;\n}\n\nexport async function impactFeedback(style: HapticImpactStyle = 'light'): Promise<void> {\n  const bridge = getBridge();\n  if (!bridge?.impact) return;\n  try {\n    await bridge.impact(style);\n  } catch {\n    /* no-op on web / unsupported */\n  }\n}\n\nexport async function notifyFeedback(type: 'success' | 'warning' | 'error'): Promise<void> {\n  const bridge = getBridge();\n  if (!bridge?.notify) return;\n  try {\n    await bridge.notify(type);\n  } catch {\n    /* no-op */\n  }\n}\n\nexport async function nativeToast(\n  message: string,\n  duration: 'short' | 'long' = 'short'\n): Promise<void> {\n  const bridge = getBridge();\n  if (!bridge?.toast) return;\n  try {\n    await bridge.toast(message, duration);\n  } catch {\n    /* no-op */\n  }\n}\n\nexport function isNativePlatform(): boolean {\n  const bridge = getBridge();\n  return bridge?.isNativePlatform?.() ?? false;\n}\n"],"mappings":";AAqBA,SAAS,IAAY;AACf,cAAO,SAAW,KACtB,QAAO,OAAO;;AAGhB,eAAsB,EAAe,IAA2B,SAAwB;CACtF,IAAM,IAAS,GAAW;AACrB,QAAQ,OACb,KAAI;AACF,QAAM,EAAO,OAAO,EAAM;SACpB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-proserviceworld",
-  "version": "2026.709.1",
+  "version": "2026.709.2",
   "description": "Burdenoff ProServiceWorld Microfrontend",
   "type": "module",
   "files": [