@burdenoff/microfe-proserviceworld 2026.706.2 → 2026.709.1

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 { Plus, Search, FolderKanban, Lock, CheckCircle2 } from 'lucide-react';\nimport {\n  useMatters,\n  useCreateMatter,\n  useCloseMatter,\n  useClients,\n  usePracticeAreas,\n  type PswMatterStatus,\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  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\nexport const MattersPage: FC = () => {\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  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 onClick={() => setCreating(true)}>\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            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        <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=\"hover:bg-bg-sunken/50\">\n                  <Td>\n                    <span className=\"flex items-center gap-1.5 font-medium text-text-primary\">\n                      {m.isPrivileged && (\n                        <Lock\n                          className=\"h-3.5 w-3.5 text-status-warning-text\"\n                          aria-label=\"Privileged\"\n                        />\n                      )}\n                      {m.title}\n                    </span>\n                    {m.reference ? (\n                      <div className=\"text-xs text-text-tertiary\">{m.reference}</div>\n                    ) : null}\n                  </Td>\n                  <Td>{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                              setBanner({ tone: 'success', text: `${m.title} closed.` }),\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                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n        </SectionCard>\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 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: () => {\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 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          Privileged / confidential matter\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 { 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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"}

package/dist/proserviceworld/pages/PracticeAreasPage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const PracticeAreasPage: FC;
+//# sourceMappingURL=PracticeAreasPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PracticeAreasPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/PracticeAreasPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAwBhC,eAAO,MAAM,iBAAiB,EAAE,EA2F/B,CAAC"}

package/dist/proserviceworld/pages/TimePage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const TimePage: FC;
+//# sourceMappingURL=TimePage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/TimePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAmDhC,eAAO,MAAM,QAAQ,EAAE,EAuKtB,CAAC"}

package/dist/proserviceworld/pages/TimePage.js

@@ -1,18 +1,24 @@
 import { useApproveTimeEntry as e, useEngagements as t, useLogTimeEntry as n, useMatters as r, useSubmitTimeEntry as i, useTimeEntries 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, fmtMinutesAsHours as w } from "../components/ui.js";
 import { useState as T } from "react";
-import { CheckCircle2 as E, Clock as D, Plus as O, Send as k } from "lucide-react";
-import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
-import { Button as N } from "@burdenoff/fe-libs/ui";
+import { CheckCircle2 as E, CircleSlash as D, Clock as O, ListChecks as k, Plus as A, Send as j, Wallet as M } from "lucide-react";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { Button as I } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/TimePage.tsx
-var P = [
+var L = [
 	"DRAFT",
 	"SUBMITTED",
 	"APPROVED",
 	"REJECTED",
 	"BILLED"
-], F = () => {
-	let [t, n] = T(""), [r, l] = T(!1), [f, y] = T(null), { data: b, isLoading: A, error: F, refetch: L } = a({ status: t || void 0 }), R = i(), z = e(), B = (b?.items ?? []).reduce((e, t) => e + t.minutes, 0), V = (b?.items ?? []).filter((e) => e.billable).reduce((e, t) => e + t.minutes, 0), H = (e, t, n) => e.mutate(t, {
+], R = ({ billable: e }) => e ? /* @__PURE__ */ F("span", {
+	className: "inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle px-2.5 py-0.5 text-xs font-medium text-status-success-text",
+	children: [/* @__PURE__ */ P("span", { className: "h-1.5 w-1.5 rounded-full bg-current opacity-70" }), "Billable"]
+}) : /* @__PURE__ */ F("span", {
+	className: "inline-flex items-center gap-1.5 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-tertiary",
+	children: [/* @__PURE__ */ P("span", { className: "h-1.5 w-1.5 rounded-full bg-current opacity-60" }), "Non-billable"]
+}), z = () => {
+	let [t, n] = T(""), [r, l] = T(!1), [f, y] = T(null), { data: b, isLoading: N, error: z, refetch: V } = a({ status: t || void 0 }), H = i(), U = e(), W = (b?.items ?? []).reduce((e, t) => e + t.minutes, 0), G = (b?.items ?? []).filter((e) => e.billable).reduce((e, t) => e + t.minutes, 0), K = W > 0 ? Math.round(G / W * 100) : 0, q = (e, t, n) => e.mutate(t, {
 		onSuccess: () => y({
 			tone: "success",
 			text: `Time entry ${n}.`
@@ -22,114 +28,125 @@ var P = [
 			text: e instanceof Error ? e.message : "Failed."
 		})
 	});
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ F("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ j(m, {
+			/* @__PURE__ */ P(m, {
 				title: "Time",
 				subtitle: "Capture expert effort against engagements and matters — the raw material of billing and utilization.",
-				icon: /* @__PURE__ */ j(D, { className: "h-6 w-6" }),
-				actions: /* @__PURE__ */ M(N, {
+				icon: /* @__PURE__ */ P(O, { className: "h-6 w-6" }),
+				actions: /* @__PURE__ */ F(I, {
 					onClick: () => l(!0),
-					children: [/* @__PURE__ */ j(O, { className: "mr-1.5 h-4 w-4" }), "Log time"]
+					children: [/* @__PURE__ */ P(A, { className: "mr-1.5 h-4 w-4" }), "Log time"]
 				})
 			}),
-			f && /* @__PURE__ */ j(o, {
+			f && /* @__PURE__ */ P(o, {
 				tone: f.tone,
 				onClose: () => y(null),
 				children: f.text
 			}),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ F("div", {
 				className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ j(d, {
+					/* @__PURE__ */ P(d, {
 						label: "Entries",
-						value: b?.totalCount ?? 0
+						value: b?.totalCount ?? 0,
+						icon: /* @__PURE__ */ P(k, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ j(d, {
+					/* @__PURE__ */ P(d, {
 						label: "Total hours",
-						value: w(B)
+						value: w(W),
+						icon: /* @__PURE__ */ P(O, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ j(d, {
+					/* @__PURE__ */ P(d, {
 						label: "Billable hours",
-						value: w(V),
+						value: w(G),
+						hint: `${K}% utilization`,
+						icon: /* @__PURE__ */ P(M, { className: "h-4 w-4" }),
 						tone: "accent"
 					}),
-					/* @__PURE__ */ j(d, {
+					/* @__PURE__ */ P(d, {
 						label: "Non-billable",
-						value: w(B - V)
+						value: w(W - G),
+						icon: /* @__PURE__ */ P(D, { className: "h-4 w-4" })
 					})
 				]
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ P("div", {
 				className: "flex justify-end",
-				children: /* @__PURE__ */ M(p, {
+				children: /* @__PURE__ */ F(p, {
 					value: t,
 					onChange: (e) => n(e.target.value),
 					className: "sm:w-52",
-					children: [/* @__PURE__ */ j("option", {
+					children: [/* @__PURE__ */ P("option", {
 						value: "",
 						children: "All statuses"
-					}), S(P)]
+					}), S(L)]
 				})
 			}),
-			A ? /* @__PURE__ */ j(u, {}) : F ? /* @__PURE__ */ j(c, {
-				error: F,
-				onRetry: () => void L()
-			}) : !b || b.items.length === 0 ? /* @__PURE__ */ j(s, {
+			N ? /* @__PURE__ */ P(u, {}) : z ? /* @__PURE__ */ P(c, {
+				error: z,
+				onRetry: () => void V()
+			}) : !b || b.items.length === 0 ? /* @__PURE__ */ P(s, {
 				title: "No time logged",
 				description: "Log your first time entry against an engagement or matter.",
-				icon: /* @__PURE__ */ j(D, { className: "h-8 w-8" }),
-				action: /* @__PURE__ */ M(N, {
+				icon: /* @__PURE__ */ P(O, { className: "h-8 w-8" }),
+				action: /* @__PURE__ */ F(I, {
 					onClick: () => l(!0),
-					children: [/* @__PURE__ */ j(O, { className: "mr-1.5 h-4 w-4" }), "Log time"]
+					children: [/* @__PURE__ */ P(A, { className: "mr-1.5 h-4 w-4" }), "Log time"]
 				})
-			}) : /* @__PURE__ */ j(h, {
+			}) : /* @__PURE__ */ P(h, {
 				title: "Time entries",
-				children: /* @__PURE__ */ M(_, { children: [/* @__PURE__ */ j("thead", { children: /* @__PURE__ */ M("tr", { children: [
-					/* @__PURE__ */ j(x, { children: "Date" }),
-					/* @__PURE__ */ j(x, { children: "Narrative" }),
-					/* @__PURE__ */ j(x, { children: "Hours" }),
-					/* @__PURE__ */ j(x, { children: "Billable" }),
-					/* @__PURE__ */ j(x, { children: "Status" }),
-					/* @__PURE__ */ j(x, {
+				children: /* @__PURE__ */ F(_, { children: [/* @__PURE__ */ P("thead", { children: /* @__PURE__ */ F("tr", { children: [
+					/* @__PURE__ */ P(x, { children: "Date" }),
+					/* @__PURE__ */ P(x, { children: "Narrative" }),
+					/* @__PURE__ */ P(x, { children: "Hours" }),
+					/* @__PURE__ */ P(x, { children: "Billable" }),
+					/* @__PURE__ */ P(x, { children: "Status" }),
+					/* @__PURE__ */ P(x, {
 						className: "text-right",
 						children: "Actions"
 					})
-				] }) }), /* @__PURE__ */ j("tbody", { children: b.items.map((e) => /* @__PURE__ */ M("tr", {
-					className: "hover:bg-bg-sunken/50",
+				] }) }), /* @__PURE__ */ P("tbody", { children: b.items.map((e) => /* @__PURE__ */ F("tr", {
+					className: "transition-colors hover:bg-bg-sunken/60",
 					children: [
-						/* @__PURE__ */ j(v, { children: C(e.date) }),
-						/* @__PURE__ */ j(v, {
+						/* @__PURE__ */ P(v, {
+							className: "whitespace-nowrap",
+							children: C(e.date)
+						}),
+						/* @__PURE__ */ P(v, {
 							className: "max-w-xs truncate text-text-primary",
 							children: e.narrative || "—"
 						}),
-						/* @__PURE__ */ j(v, { children: w(e.minutes) }),
-						/* @__PURE__ */ j(v, { children: e.billable ? "Yes" : "No" }),
-						/* @__PURE__ */ j(v, { children: /* @__PURE__ */ j(g, { status: e.status }) }),
-						/* @__PURE__ */ j(v, {
+						/* @__PURE__ */ P(v, {
+							className: "whitespace-nowrap font-medium text-text-primary",
+							children: w(e.minutes)
+						}),
+						/* @__PURE__ */ P(v, { children: /* @__PURE__ */ P(R, { billable: e.billable }) }),
+						/* @__PURE__ */ P(v, { children: /* @__PURE__ */ P(g, { status: e.status }) }),
+						/* @__PURE__ */ P(v, {
 							className: "text-right",
-							children: /* @__PURE__ */ M("div", {
+							children: /* @__PURE__ */ F("div", {
 								className: "flex justify-end gap-1",
-								children: [e.status === "DRAFT" && /* @__PURE__ */ M(N, {
+								children: [e.status === "DRAFT" && /* @__PURE__ */ F(I, {
 									variant: "ghost",
 									size: "sm",
-									disabled: R.isPending,
-									onClick: () => H(R, e.id, "submitted"),
-									children: [/* @__PURE__ */ j(k, { className: "mr-1 h-3.5 w-3.5" }), "Submit"]
-								}), e.status === "SUBMITTED" && /* @__PURE__ */ M(N, {
+									disabled: H.isPending,
+									onClick: () => q(H, e.id, "submitted"),
+									children: [/* @__PURE__ */ P(j, { className: "mr-1 h-3.5 w-3.5" }), "Submit"]
+								}), e.status === "SUBMITTED" && /* @__PURE__ */ F(I, {
 									variant: "ghost",
 									size: "sm",
-									disabled: z.isPending,
-									onClick: () => H(z, e.id, "approved"),
-									children: [/* @__PURE__ */ j(E, { className: "mr-1 h-3.5 w-3.5" }), "Approve"]
+									disabled: U.isPending,
+									onClick: () => q(U, e.id, "approved"),
+									children: [/* @__PURE__ */ P(E, { className: "mr-1 h-3.5 w-3.5" }), "Approve"]
 								})]
 							})
 						})
 					]
 				}, e.id)) })] })
 			}),
-			r && /* @__PURE__ */ j(I, {
+			r && /* @__PURE__ */ P(B, {
 				onClose: () => l(!1),
 				onDone: () => y({
 					tone: "success",
@@ -138,7 +155,7 @@ var P = [
 			})
 		]
 	});
-}, I = ({ onClose: e, onDone: i }) => {
+}, B = ({ onClose: e, onDone: i }) => {
 	let a = n(), s = t({ pagination: { limit: 100 } }), c = r({ pagination: { limit: 100 } }), [u, d] = T({
 		against: "engagement",
 		engagementId: "",
@@ -153,16 +170,16 @@ var P = [
 		...n,
 		[e]: t.target.value
 	}));
-	return /* @__PURE__ */ j(f, {
+	return /* @__PURE__ */ P(f, {
 		open: !0,
 		onClose: e,
 		title: "Log time",
-		footer: /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(N, {
+		footer: /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(I, {
 			variant: "outline",
 			onClick: e,
 			disabled: a.isPending,
 			children: "Cancel"
-		}), /* @__PURE__ */ j(N, {
+		}), /* @__PURE__ */ P(I, {
 			onClick: () => {
 				h(null);
 				let t = (Number(u.hours) || 0) * 60 + (Number(u.minutes) || 0);
@@ -187,70 +204,70 @@ var P = [
 			disabled: a.isPending,
 			children: a.isPending ? "Logging…" : "Log time"
 		})] }),
-		children: /* @__PURE__ */ M("div", {
+		children: /* @__PURE__ */ F("div", {
 			className: "space-y-3",
 			children: [
-				m && /* @__PURE__ */ j(o, {
+				m && /* @__PURE__ */ P(o, {
 					tone: "danger",
 					children: m
 				}),
-				/* @__PURE__ */ j(l, {
+				/* @__PURE__ */ P(l, {
 					label: "Against",
-					children: /* @__PURE__ */ M(p, {
+					children: /* @__PURE__ */ F(p, {
 						value: u.against,
 						onChange: g("against"),
-						children: [/* @__PURE__ */ j("option", {
+						children: [/* @__PURE__ */ P("option", {
 							value: "engagement",
 							children: "Engagement"
-						}), /* @__PURE__ */ j("option", {
+						}), /* @__PURE__ */ P("option", {
 							value: "matter",
 							children: "Matter"
 						})]
 					})
 				}),
-				u.against === "engagement" ? /* @__PURE__ */ j(l, {
+				u.against === "engagement" ? /* @__PURE__ */ P(l, {
 					label: "Engagement",
 					required: !0,
-					children: /* @__PURE__ */ M(p, {
+					children: /* @__PURE__ */ F(p, {
 						value: u.engagementId,
 						onChange: g("engagementId"),
-						children: [/* @__PURE__ */ j("option", {
+						children: [/* @__PURE__ */ P("option", {
 							value: "",
 							children: "Select an engagement…"
-						}), s.data?.items.map((e) => /* @__PURE__ */ j("option", {
+						}), s.data?.items.map((e) => /* @__PURE__ */ P("option", {
 							value: e.id,
 							children: e.name
 						}, e.id))]
 					})
-				}) : /* @__PURE__ */ j(l, {
+				}) : /* @__PURE__ */ P(l, {
 					label: "Matter",
 					required: !0,
-					children: /* @__PURE__ */ M(p, {
+					children: /* @__PURE__ */ F(p, {
 						value: u.matterId,
 						onChange: g("matterId"),
-						children: [/* @__PURE__ */ j("option", {
+						children: [/* @__PURE__ */ P("option", {
 							value: "",
 							children: "Select a matter…"
-						}), c.data?.items.map((e) => /* @__PURE__ */ j("option", {
+						}), c.data?.items.map((e) => /* @__PURE__ */ P("option", {
 							value: e.id,
 							children: e.title
 						}, e.id))]
 					})
 				}),
-				/* @__PURE__ */ M("div", {
+				/* @__PURE__ */ F("div", {
 					className: "grid grid-cols-3 gap-3",
 					children: [
-						/* @__PURE__ */ j(l, {
+						/* @__PURE__ */ P(l, {
 							label: "Date",
-							children: /* @__PURE__ */ j(b, {
+							children: /* @__PURE__ */ P(b, {
 								type: "date",
 								value: u.date,
 								onChange: g("date")
 							})
 						}),
-						/* @__PURE__ */ j(l, {
+						/* @__PURE__ */ P(l, {
 							label: "Hours",
-							children: /* @__PURE__ */ j(b, {
+							children: /* @__PURE__ */ P(b, {
 								type: "number",
 								min: "0",
 								value: u.hours,
@@ -258,9 +275,9 @@ var P = [
 								placeholder: "2"
 							})
 						}),
-						/* @__PURE__ */ j(l, {
+						/* @__PURE__ */ P(l, {
 							label: "Minutes",
-							children: /* @__PURE__ */ j(b, {
+							children: /* @__PURE__ */ P(b, {
 								type: "number",
 								min: "0",
 								max: "59",
@@ -271,9 +288,9 @@ var P = [
 						})
 					]
 				}),
-				/* @__PURE__ */ j(l, {
+				/* @__PURE__ */ P(l, {
 					label: "Rate (per hour)",
-					children: /* @__PURE__ */ j(b, {
+					children: /* @__PURE__ */ P(b, {
 						type: "number",
 						min: "0",
 						value: u.rate,
@@ -281,20 +298,23 @@ var P = [
 						placeholder: "450"
 					})
 				}),
-				/* @__PURE__ */ M("label", {
-					className: "flex items-center gap-2 text-sm text-text-secondary",
-					children: [/* @__PURE__ */ j("input", {
+				/* @__PURE__ */ F("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__ */ P("input", {
 						type: "checkbox",
 						checked: u.billable,
 						onChange: (e) => d((t) => ({
 							...t,
 							billable: e.target.checked
 						}))
-					}), "Billable"]
+					}), /* @__PURE__ */ F("span", {
+						className: "flex items-center gap-1.5",
+						children: [/* @__PURE__ */ P(M, { className: "h-3.5 w-3.5 text-status-success-text" }), "Billable"]
+					})]
 				}),
-				/* @__PURE__ */ j(l, {
+				/* @__PURE__ */ P(l, {
 					label: "Narrative",
-					children: /* @__PURE__ */ j(y, {
+					children: /* @__PURE__ */ P(y, {
 						value: u.narrative,
 						onChange: g("narrative"),
 						placeholder: "Reviewed working papers and drafted findings memo…"
@@ -305,6 +325,6 @@ var P = [
 	});
 };
 //#endregion
-export { F as TimePage };
+export { z as TimePage };
 
 //# sourceMappingURL=TimePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimePage.js","names":[],"sources":["../../../src/proserviceworld/pages/TimePage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Plus, Clock, Send, CheckCircle2 } from 'lucide-react';\nimport {\n  useTimeEntries,\n  useLogTimeEntry,\n  useSubmitTimeEntry,\n  useApproveTimeEntry,\n  useEngagements,\n  useMatters,\n  type PswTimeEntryStatus,\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  fmtMinutesAsHours,\n} from '../components/ui';\n\nconst STATUSES: PswTimeEntryStatus[] = ['DRAFT', 'SUBMITTED', 'APPROVED', 'REJECTED', 'BILLED'];\n\nexport const TimePage: FC = () => {\n  const [statusFilter, setStatusFilter] = useState<PswTimeEntryStatus | ''>('');\n  const [logging, setLogging] = useState(false);\n  const [banner, setBanner] = useState<{ tone: 'success' | 'danger'; text: string } | null>(null);\n  const { data, isLoading, error, refetch } = useTimeEntries({ status: statusFilter || undefined });\n  const submit = useSubmitTimeEntry();\n  const approve = useApproveTimeEntry();\n\n  const totalMinutes = (data?.items ?? []).reduce((s, t) => s + t.minutes, 0);\n  const billableMinutes = (data?.items ?? [])\n    .filter((t) => t.billable)\n    .reduce((s, t) => s + t.minutes, 0);\n\n  const act = (\n    fn: {\n      mutate: (id: string, opts: { onSuccess: () => void; onError: (e: unknown) => void }) => void;\n    },\n    id: string,\n    verb: string\n  ) =>\n    fn.mutate(id, {\n      onSuccess: () => setBanner({ tone: 'success', text: `Time entry ${verb}.` }),\n      onError: (e) =>\n        setBanner({ tone: 'danger', text: e instanceof Error ? e.message : 'Failed.' }),\n    });\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Time\"\n        subtitle=\"Capture expert effort against engagements and matters — the raw material of billing and utilization.\"\n        icon={<Clock className=\"h-6 w-6\" />}\n        actions={\n          <Button onClick={() => setLogging(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            Log time\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-2 gap-3 sm:grid-cols-4\">\n        <MetricCard label=\"Entries\" value={data?.totalCount ?? 0} />\n        <MetricCard label=\"Total hours\" value={fmtMinutesAsHours(totalMinutes)} />\n        <MetricCard\n          label=\"Billable hours\"\n          value={fmtMinutesAsHours(billableMinutes)}\n          tone=\"accent\"\n        />\n        <MetricCard\n          label=\"Non-billable\"\n          value={fmtMinutesAsHours(totalMinutes - billableMinutes)}\n        />\n      </div>\n\n      <div className=\"flex justify-end\">\n        <NativeSelect\n          value={statusFilter}\n          onChange={(e) => setStatusFilter(e.target.value as PswTimeEntryStatus | '')}\n          className=\"sm:w-52\"\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 time logged\"\n          description=\"Log your first time entry against an engagement or matter.\"\n          icon={<Clock className=\"h-8 w-8\" />}\n          action={\n            <Button onClick={() => setLogging(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />\n              Log time\n            </Button>\n          }\n        />\n      ) : (\n        <SectionCard title=\"Time entries\">\n          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Date</Th>\n                <Th>Narrative</Th>\n                <Th>Hours</Th>\n                <Th>Billable</Th>\n                <Th>Status</Th>\n                <Th className=\"text-right\">Actions</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.items.map((t) => (\n                <tr key={t.id} className=\"hover:bg-bg-sunken/50\">\n                  <Td>{fmtDate(t.date)}</Td>\n                  <Td className=\"max-w-xs truncate text-text-primary\">{t.narrative || '—'}</Td>\n                  <Td>{fmtMinutesAsHours(t.minutes)}</Td>\n                  <Td>{t.billable ? 'Yes' : 'No'}</Td>\n                  <Td>\n                    <StatusPill status={t.status} />\n                  </Td>\n                  <Td className=\"text-right\">\n                    <div className=\"flex justify-end gap-1\">\n                      {t.status === 'DRAFT' && (\n                        <Button\n                          variant=\"ghost\"\n                          size=\"sm\"\n                          disabled={submit.isPending}\n                          onClick={() => act(submit, t.id, 'submitted')}\n                        >\n                          <Send className=\"mr-1 h-3.5 w-3.5\" />\n                          Submit\n                        </Button>\n                      )}\n                      {t.status === 'SUBMITTED' && (\n                        <Button\n                          variant=\"ghost\"\n                          size=\"sm\"\n                          disabled={approve.isPending}\n                          onClick={() => act(approve, t.id, 'approved')}\n                        >\n                          <CheckCircle2 className=\"mr-1 h-3.5 w-3.5\" />\n                          Approve\n                        </Button>\n                      )}\n                    </div>\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n        </SectionCard>\n      )}\n\n      {logging && (\n        <LogTimeModal\n          onClose={() => setLogging(false)}\n          onDone={() => setBanner({ tone: 'success', text: 'Time logged.' })}\n        />\n      )}\n    </div>\n  );\n};\n\nconst LogTimeModal: FC<{ onClose: () => void; onDone: () => void }> = ({ onClose, onDone }) => {\n  const log = useLogTimeEntry();\n  const engagements = useEngagements({ pagination: { limit: 100 } });\n  const matters = useMatters({ pagination: { limit: 100 } });\n  const [form, setForm] = useState({\n    against: 'engagement',\n    engagementId: '',\n    matterId: '',\n    date: new Date().toISOString().slice(0, 10),\n    hours: '',\n    minutes: '',\n    rate: '',\n    billable: true,\n    narrative: '',\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    const totalMinutes = (Number(form.hours) || 0) * 60 + (Number(form.minutes) || 0);\n    if (totalMinutes <= 0) return setErr('Enter the time spent.');\n    const ref =\n      form.against === 'engagement'\n        ? { engagementId: form.engagementId }\n        : { matterId: form.matterId };\n    if (form.against === 'engagement' && !form.engagementId) return setErr('Select an engagement.');\n    if (form.against === 'matter' && !form.matterId) return setErr('Select a matter.');\n    log.mutate(\n      {\n        ...ref,\n        date: new Date(form.date).toISOString(),\n        minutes: totalMinutes,\n        rate: form.rate ? Number(form.rate) : 0,\n        billable: form.billable,\n        narrative: form.narrative.trim() || null,\n      },\n      {\n        onSuccess: () => {\n          onDone();\n          onClose();\n        },\n        onError: (e) => setErr(e instanceof Error ? e.message : 'Failed.'),\n      }\n    );\n  };\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"Log time\"\n      footer={\n        <>\n          <Button variant=\"outline\" onClick={onClose} disabled={log.isPending}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={log.isPending}>\n            {log.isPending ? 'Logging…' : 'Log time'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Against\">\n          <NativeSelect value={form.against} onChange={set('against')}>\n            <option value=\"engagement\">Engagement</option>\n            <option value=\"matter\">Matter</option>\n          </NativeSelect>\n        </Field>\n        {form.against === 'engagement' ? (\n          <Field label=\"Engagement\" required>\n            <NativeSelect value={form.engagementId} onChange={set('engagementId')}>\n              <option value=\"\">Select an engagement…</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        ) : (\n          <Field label=\"Matter\" required>\n            <NativeSelect value={form.matterId} onChange={set('matterId')}>\n              <option value=\"\">Select a matter…</option>\n              {matters.data?.items.map((m) => (\n                <option key={m.id} value={m.id}>\n                  {m.title}\n                </option>\n              ))}\n            </NativeSelect>\n          </Field>\n        )}\n        <div className=\"grid grid-cols-3 gap-3\">\n          <Field label=\"Date\">\n            <TextInput type=\"date\" value={form.date} onChange={set('date')} />\n          </Field>\n          <Field label=\"Hours\">\n            <TextInput\n              type=\"number\"\n              min=\"0\"\n              value={form.hours}\n              onChange={set('hours')}\n              placeholder=\"2\"\n            />\n          </Field>\n          <Field label=\"Minutes\">\n            <TextInput\n              type=\"number\"\n              min=\"0\"\n              max=\"59\"\n              value={form.minutes}\n              onChange={set('minutes')}\n              placeholder=\"30\"\n            />\n          </Field>\n        </div>\n        <Field label=\"Rate (per hour)\">\n          <TextInput\n            type=\"number\"\n            min=\"0\"\n            value={form.rate}\n            onChange={set('rate')}\n            placeholder=\"450\"\n          />\n        </Field>\n        <label className=\"flex items-center gap-2 text-sm text-text-secondary\">\n          <input\n            type=\"checkbox\"\n            checked={form.billable}\n            onChange={(e) => setForm((f) => ({ ...f, billable: e.target.checked }))}\n          />\n          Billable\n        </label>\n        <Field label=\"Narrative\">\n          <TextArea\n            value={form.narrative}\n            onChange={set('narrative')}\n            placeholder=\"Reviewed working papers and drafted findings memo…\"\n          />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TimePage.js","names":[],"sources":["../../../src/proserviceworld/pages/TimePage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Plus, Clock, Send, CheckCircle2, ListChecks, Wallet, CircleSlash } from 'lucide-react';\nimport {\n  useTimeEntries,\n  useLogTimeEntry,\n  useSubmitTimeEntry,\n  useApproveTimeEntry,\n  useEngagements,\n  useMatters,\n  type PswTimeEntryStatus,\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  fmtMinutesAsHours,\n} from '../components/ui';\n\nconst STATUSES: PswTimeEntryStatus[] = ['DRAFT', 'SUBMITTED', 'APPROVED', 'REJECTED', 'BILLED'];\n\n/** Compact billable / non-billable tag. */\nconst BillableTag: FC<{ billable: boolean }> = ({ billable }) =>\n  billable ? (\n    <span className=\"inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle px-2.5 py-0.5 text-xs font-medium text-status-success-text\">\n      <span className=\"h-1.5 w-1.5 rounded-full bg-current opacity-70\" />\n      Billable\n    </span>\n  ) : (\n    <span className=\"inline-flex items-center gap-1.5 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-tertiary\">\n      <span className=\"h-1.5 w-1.5 rounded-full bg-current opacity-60\" />\n      Non-billable\n    </span>\n  );\n\nexport const TimePage: FC = () => {\n  const [statusFilter, setStatusFilter] = useState<PswTimeEntryStatus | ''>('');\n  const [logging, setLogging] = useState(false);\n  const [banner, setBanner] = useState<{ tone: 'success' | 'danger'; text: string } | null>(null);\n  const { data, isLoading, error, refetch } = useTimeEntries({ status: statusFilter || undefined });\n  const submit = useSubmitTimeEntry();\n  const approve = useApproveTimeEntry();\n\n  const totalMinutes = (data?.items ?? []).reduce((s, t) => s + t.minutes, 0);\n  const billableMinutes = (data?.items ?? [])\n    .filter((t) => t.billable)\n    .reduce((s, t) => s + t.minutes, 0);\n  const utilization = totalMinutes > 0 ? Math.round((billableMinutes / totalMinutes) * 100) : 0;\n\n  const act = (\n    fn: {\n      mutate: (id: string, opts: { onSuccess: () => void; onError: (e: unknown) => void }) => void;\n    },\n    id: string,\n    verb: string\n  ) =>\n    fn.mutate(id, {\n      onSuccess: () => setBanner({ tone: 'success', text: `Time entry ${verb}.` }),\n      onError: (e) =>\n        setBanner({ tone: 'danger', text: e instanceof Error ? e.message : 'Failed.' }),\n    });\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Time\"\n        subtitle=\"Capture expert effort against engagements and matters — the raw material of billing and utilization.\"\n        icon={<Clock className=\"h-6 w-6\" />}\n        actions={\n          <Button onClick={() => setLogging(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            Log time\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-2 gap-3 sm:grid-cols-4\">\n        <MetricCard\n          label=\"Entries\"\n          value={data?.totalCount ?? 0}\n          icon={<ListChecks className=\"h-4 w-4\" />}\n        />\n        <MetricCard\n          label=\"Total hours\"\n          value={fmtMinutesAsHours(totalMinutes)}\n          icon={<Clock className=\"h-4 w-4\" />}\n        />\n        <MetricCard\n          label=\"Billable hours\"\n          value={fmtMinutesAsHours(billableMinutes)}\n          hint={`${utilization}% utilization`}\n          icon={<Wallet className=\"h-4 w-4\" />}\n          tone=\"accent\"\n        />\n        <MetricCard\n          label=\"Non-billable\"\n          value={fmtMinutesAsHours(totalMinutes - billableMinutes)}\n          icon={<CircleSlash className=\"h-4 w-4\" />}\n        />\n      </div>\n\n      <div className=\"flex justify-end\">\n        <NativeSelect\n          value={statusFilter}\n          onChange={(e) => setStatusFilter(e.target.value as PswTimeEntryStatus | '')}\n          className=\"sm:w-52\"\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 time logged\"\n          description=\"Log your first time entry against an engagement or matter.\"\n          icon={<Clock className=\"h-8 w-8\" />}\n          action={\n            <Button onClick={() => setLogging(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />\n              Log time\n            </Button>\n          }\n        />\n      ) : (\n        <SectionCard title=\"Time entries\">\n          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Date</Th>\n                <Th>Narrative</Th>\n                <Th>Hours</Th>\n                <Th>Billable</Th>\n                <Th>Status</Th>\n                <Th className=\"text-right\">Actions</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.items.map((t) => (\n                <tr key={t.id} className=\"transition-colors hover:bg-bg-sunken/60\">\n                  <Td className=\"whitespace-nowrap\">{fmtDate(t.date)}</Td>\n                  <Td className=\"max-w-xs truncate text-text-primary\">{t.narrative || '—'}</Td>\n                  <Td className=\"whitespace-nowrap font-medium text-text-primary\">\n                    {fmtMinutesAsHours(t.minutes)}\n                  </Td>\n                  <Td>\n                    <BillableTag billable={t.billable} />\n                  </Td>\n                  <Td>\n                    <StatusPill status={t.status} />\n                  </Td>\n                  <Td className=\"text-right\">\n                    <div className=\"flex justify-end gap-1\">\n                      {t.status === 'DRAFT' && (\n                        <Button\n                          variant=\"ghost\"\n                          size=\"sm\"\n                          disabled={submit.isPending}\n                          onClick={() => act(submit, t.id, 'submitted')}\n                        >\n                          <Send className=\"mr-1 h-3.5 w-3.5\" />\n                          Submit\n                        </Button>\n                      )}\n                      {t.status === 'SUBMITTED' && (\n                        <Button\n                          variant=\"ghost\"\n                          size=\"sm\"\n                          disabled={approve.isPending}\n                          onClick={() => act(approve, t.id, 'approved')}\n                        >\n                          <CheckCircle2 className=\"mr-1 h-3.5 w-3.5\" />\n                          Approve\n                        </Button>\n                      )}\n                    </div>\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n        </SectionCard>\n      )}\n\n      {logging && (\n        <LogTimeModal\n          onClose={() => setLogging(false)}\n          onDone={() => setBanner({ tone: 'success', text: 'Time logged.' })}\n        />\n      )}\n    </div>\n  );\n};\n\nconst LogTimeModal: FC<{ onClose: () => void; onDone: () => void }> = ({ onClose, onDone }) => {\n  const log = useLogTimeEntry();\n  const engagements = useEngagements({ pagination: { limit: 100 } });\n  const matters = useMatters({ pagination: { limit: 100 } });\n  const [form, setForm] = useState({\n    against: 'engagement',\n    engagementId: '',\n    matterId: '',\n    date: new Date().toISOString().slice(0, 10),\n    hours: '',\n    minutes: '',\n    rate: '',\n    billable: true,\n    narrative: '',\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    const totalMinutes = (Number(form.hours) || 0) * 60 + (Number(form.minutes) || 0);\n    if (totalMinutes <= 0) return setErr('Enter the time spent.');\n    const ref =\n      form.against === 'engagement'\n        ? { engagementId: form.engagementId }\n        : { matterId: form.matterId };\n    if (form.against === 'engagement' && !form.engagementId) return setErr('Select an engagement.');\n    if (form.against === 'matter' && !form.matterId) return setErr('Select a matter.');\n    log.mutate(\n      {\n        ...ref,\n        date: new Date(form.date).toISOString(),\n        minutes: totalMinutes,\n        rate: form.rate ? Number(form.rate) : 0,\n        billable: form.billable,\n        narrative: form.narrative.trim() || null,\n      },\n      {\n        onSuccess: () => {\n          onDone();\n          onClose();\n        },\n        onError: (e) => setErr(e instanceof Error ? e.message : 'Failed.'),\n      }\n    );\n  };\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"Log time\"\n      footer={\n        <>\n          <Button variant=\"outline\" onClick={onClose} disabled={log.isPending}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={log.isPending}>\n            {log.isPending ? 'Logging…' : 'Log time'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Against\">\n          <NativeSelect value={form.against} onChange={set('against')}>\n            <option value=\"engagement\">Engagement</option>\n            <option value=\"matter\">Matter</option>\n          </NativeSelect>\n        </Field>\n        {form.against === 'engagement' ? (\n          <Field label=\"Engagement\" required>\n            <NativeSelect value={form.engagementId} onChange={set('engagementId')}>\n              <option value=\"\">Select an engagement…</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        ) : (\n          <Field label=\"Matter\" required>\n            <NativeSelect value={form.matterId} onChange={set('matterId')}>\n              <option value=\"\">Select a matter…</option>\n              {matters.data?.items.map((m) => (\n                <option key={m.id} value={m.id}>\n                  {m.title}\n                </option>\n              ))}\n            </NativeSelect>\n          </Field>\n        )}\n        <div className=\"grid grid-cols-3 gap-3\">\n          <Field label=\"Date\">\n            <TextInput type=\"date\" value={form.date} onChange={set('date')} />\n          </Field>\n          <Field label=\"Hours\">\n            <TextInput\n              type=\"number\"\n              min=\"0\"\n              value={form.hours}\n              onChange={set('hours')}\n              placeholder=\"2\"\n            />\n          </Field>\n          <Field label=\"Minutes\">\n            <TextInput\n              type=\"number\"\n              min=\"0\"\n              max=\"59\"\n              value={form.minutes}\n              onChange={set('minutes')}\n              placeholder=\"30\"\n            />\n          </Field>\n        </div>\n        <Field label=\"Rate (per hour)\">\n          <TextInput\n            type=\"number\"\n            min=\"0\"\n            value={form.rate}\n            onChange={set('rate')}\n            placeholder=\"450\"\n          />\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.billable}\n            onChange={(e) => setForm((f) => ({ ...f, billable: e.target.checked }))}\n          />\n          <span className=\"flex items-center gap-1.5\">\n            <Wallet className=\"h-3.5 w-3.5 text-status-success-text\" />\n            Billable\n          </span>\n        </label>\n        <Field label=\"Narrative\">\n          <TextArea\n            value={form.narrative}\n            onChange={set('narrative')}\n            placeholder=\"Reviewed working papers and drafted findings memo…\"\n          />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}

package/dist/proserviceworld/providers/ProServiceWorldProvider.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+import { ProServiceWorldRootProps } from '../types';
+
+export declare const useProServiceWorld: () => ProServiceWorldRootProps;
+export declare const ProServiceWorldProvider: FC<PropsWithChildren<ProServiceWorldRootProps>>;
+//# sourceMappingURL=ProServiceWorldProvider.d.ts.map

package/dist/proserviceworld/providers/ProServiceWorldProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProServiceWorldProvider.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/providers/ProServiceWorldProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAMzD,eAAO,MAAM,kBAAkB,gCAI9B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,CAsBnF,CAAC"}