@burdenoff/microfe-proserviceworld 2026.706.2 → 2026.706.3

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":";;;;;;;AAmCA,IAAM,IAAiC;CAAC;CAAS;CAAa;CAAY;CAAY;CAAS,EAGzF,KAA0C,EAAE,kBAChD,IACE,kBAAC,QAAD;CAAM,WAAU;WAAhB,CACE,kBAAC,QAAD,EAAM,WAAU,kDAAmD,CAAA,EAAA,WAE9D;KAEP,kBAAC,QAAD;CAAM,WAAU;WAAhB,CACE,kBAAC,QAAD,EAAM,WAAU,kDAAmD,CAAA,EAAA,eAE9D;IAGE,UAAqB;CAChC,IAAM,CAAC,GAAc,KAAmB,EAAkC,GAAG,EACvE,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAQ,KAAa,EAA8D,KAAK,EACzF,EAAE,SAAM,cAAW,UAAO,eAAY,EAAe,EAAE,QAAQ,KAAgB,KAAA,GAAW,CAAC,EAC3F,IAAS,GAAoB,EAC7B,IAAU,GAAqB,EAE/B,KAAgB,GAAM,SAAS,EAAE,EAAE,QAAQ,GAAG,MAAM,IAAI,EAAE,SAAS,EAAE,EACrE,KAAmB,GAAM,SAAS,EAAE,EACvC,QAAQ,MAAM,EAAE,SAAS,CACzB,QAAQ,GAAG,MAAM,IAAI,EAAE,SAAS,EAAE,EAC/B,IAAc,IAAe,IAAI,KAAK,MAAO,IAAkB,IAAgB,IAAI,GAAG,GAEtF,KACJ,GAGA,GACA,MAEA,EAAG,OAAO,GAAI;EACZ,iBAAiB,EAAU;GAAE,MAAM;GAAW,MAAM,cAAc,EAAK;GAAI,CAAC;EAC5E,UAAU,MACR,EAAU;GAAE,MAAM;GAAU,MAAM,aAAa,QAAQ,EAAE,UAAU;GAAW,CAAC;EAClF,CAAC;AAEJ,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,OAAM;IACN,UAAS;IACT,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;IACnC,SACE,kBAAC,GAAD;KAAQ,eAAe,EAAW,GAAK;eAAvC,CACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,EAAA,WAE5B;;IAEX,CAAA;GAED,KACC,kBAAC,GAAD;IAAQ,MAAM,EAAO;IAAM,eAAe,EAAU,KAAK;cACtD,EAAO;IACD,CAAA;GAGX,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,GAAM,cAAc;MAC3B,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;MACxC,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAkB,EAAa;MACtC,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAkB,EAAgB;MACzC,MAAM,GAAG,EAAY;MACrB,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;MACpC,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAkB,IAAe,EAAgB;MACxD,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;MACzC,CAAA;KACE;;GAEN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,OAAO;KACP,WAAW,MAAM,EAAgB,EAAE,OAAO,MAAiC;KAC3E,WAAU;eAHZ,CAKE,kBAAC,UAAD;MAAQ,OAAM;gBAAG;MAAqB,CAAA,EACrC,EAAY,EAAS,CACT;;IACX,CAAA;GAEL,IACC,kBAAC,GAAD,EAAgB,CAAA,GACd,IACF,kBAAC,GAAD;IAAmB;IAAO,eAAe,KAAK,GAAS;IAAI,CAAA,GACzD,CAAC,KAAQ,EAAK,MAAM,WAAW,IACjC,kBAAC,GAAD;IACE,OAAM;IACN,aAAY;IACZ,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;IACnC,QACE,kBAAC,GAAD;KAAQ,eAAe,EAAW,GAAK;eAAvC,CACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,EAAA,WAE5B;;IAEX,CAAA,GAEF,kBAAC,GAAD;IAAa,OAAM;cACjB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA;KACE,kBAAC,GAAD,EAAA,UAAI,QAAS,CAAA;KACb,kBAAC,GAAD,EAAA,UAAI,aAAc,CAAA;KAClB,kBAAC,GAAD,EAAA,UAAI,SAAU,CAAA;KACd,kBAAC,GAAD,EAAA,UAAI,YAAa,CAAA;KACjB,kBAAC,GAAD,EAAA,UAAI,UAAW,CAAA;KACf,kBAAC,GAAD;MAAI,WAAU;gBAAa;MAAY,CAAA;KACpC,EAAA,CAAA,EACC,CAAA,EACR,kBAAC,SAAD,EAAA,UACG,EAAK,MAAM,KAAK,MACf,kBAAC,MAAD;KAAe,WAAU;eAAzB;MACE,kBAAC,GAAD;OAAI,WAAU;iBAAqB,EAAQ,EAAE,KAAK;OAAM,CAAA;MACxD,kBAAC,GAAD;OAAI,WAAU;iBAAuC,EAAE,aAAa;OAAS,CAAA;MAC7E,kBAAC,GAAD;OAAI,WAAU;iBACX,EAAkB,EAAE,QAAQ;OAC1B,CAAA;MACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAa,UAAU,EAAE,UAAY,CAAA,EAClC,CAAA;MACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAY,QAAQ,EAAE,QAAU,CAAA,EAC7B,CAAA;MACL,kBAAC,GAAD;OAAI,WAAU;iBACZ,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACG,EAAE,WAAW,WACZ,kBAAC,GAAD;SACE,SAAQ;SACR,MAAK;SACL,UAAU,EAAO;SACjB,eAAe,EAAI,GAAQ,EAAE,IAAI,YAAY;mBAJ/C,CAME,kBAAC,GAAD,EAAM,WAAU,oBAAqB,CAAA,EAAA,SAE9B;YAEV,EAAE,WAAW,eACZ,kBAAC,GAAD;SACE,SAAQ;SACR,MAAK;SACL,UAAU,EAAQ;SAClB,eAAe,EAAI,GAAS,EAAE,IAAI,WAAW;mBAJ/C,CAME,kBAAC,GAAD,EAAc,WAAU,oBAAqB,CAAA,EAAA,UAEtC;WAEP;;OACH,CAAA;MACF;OAtCI,EAAE,GAsCN,CACL,EACI,CAAA,CACE,EAAA,CAAA;IACA,CAAA;GAGf,KACC,kBAAC,GAAD;IACE,eAAe,EAAW,GAAM;IAChC,cAAc,EAAU;KAAE,MAAM;KAAW,MAAM;KAAgB,CAAC;IAClE,CAAA;GAEA;;GAIJ,KAAiE,EAAE,YAAS,gBAAa;CAC7F,IAAM,IAAM,GAAiB,EACvB,IAAc,EAAe,EAAE,YAAY,EAAE,OAAO,KAAK,EAAE,CAAC,EAC5D,IAAU,EAAW,EAAE,YAAY,EAAE,OAAO,KAAK,EAAE,CAAC,EACpD,CAAC,GAAM,KAAW,EAAS;EAC/B,SAAS;EACT,cAAc;EACd,UAAU;EACV,uBAAM,IAAI,MAAM,EAAC,aAAa,CAAC,MAAM,GAAG,GAAG;EAC3C,OAAO;EACP,SAAS;EACT,MAAM;EACN,UAAU;EACV,WAAW;EACZ,CAAC,EACI,CAAC,GAAK,KAAU,EAAwB,KAAK,EAC7C,KAAO,OAA0B,MACrC,GAAS,OAAO;EAAE,GAAG;GAAI,IAAI,EAAE,OAAO;EAAO,EAAE;AA+BjD,QACE,kBAAC,GAAD;EACE,MAAA;EACS;EACT,OAAM;EACN,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,SAAS;GAAS,UAAU,EAAI;aAAW;GAE5D,CAAA,EACT,kBAAC,GAAD;GAAQ,eAvCK;AACnB,MAAO,KAAK;IACZ,IAAM,KAAgB,OAAO,EAAK,MAAM,IAAI,KAAK,MAAM,OAAO,EAAK,QAAQ,IAAI;AAC/E,QAAI,KAAgB,EAAG,QAAO,EAAO,wBAAwB;IAC7D,IAAM,IACJ,EAAK,YAAY,eACb,EAAE,cAAc,EAAK,cAAc,GACnC,EAAE,UAAU,EAAK,UAAU;AACjC,QAAI,EAAK,YAAY,gBAAgB,CAAC,EAAK,aAAc,QAAO,EAAO,wBAAwB;AAC/F,QAAI,EAAK,YAAY,YAAY,CAAC,EAAK,SAAU,QAAO,EAAO,mBAAmB;AAClF,MAAI,OACF;KACE,GAAG;KACH,MAAM,IAAI,KAAK,EAAK,KAAK,CAAC,aAAa;KACvC,SAAS;KACT,MAAM,EAAK,OAAO,OAAO,EAAK,KAAK,GAAG;KACtC,UAAU,EAAK;KACf,WAAW,EAAK,UAAU,MAAM,IAAI;KACrC,EACD;KACE,iBAAiB;AAEf,MADA,GAAQ,EACR,GAAS;;KAEX,UAAU,MAAM,EAAO,aAAa,QAAQ,EAAE,UAAU,UAAU;KACnE,CACF;;GAa8B,UAAU,EAAI;aACpC,EAAI,YAAY,aAAa;GACvB,CAAA,CACR,EAAA,CAAA;YAGL,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,KAAO,kBAAC,GAAD;KAAQ,MAAK;eAAU;KAAa,CAAA;IAC5C,kBAAC,GAAD;KAAO,OAAM;eACX,kBAAC,GAAD;MAAc,OAAO,EAAK;MAAS,UAAU,EAAI,UAAU;gBAA3D,CACE,kBAAC,UAAD;OAAQ,OAAM;iBAAa;OAAmB,CAAA,EAC9C,kBAAC,UAAD;OAAQ,OAAM;iBAAS;OAAe,CAAA,CACzB;;KACT,CAAA;IACP,EAAK,YAAY,eAChB,kBAAC,GAAD;KAAO,OAAM;KAAa,UAAA;eACxB,kBAAC,GAAD;MAAc,OAAO,EAAK;MAAc,UAAU,EAAI,eAAe;gBAArE,CACE,kBAAC,UAAD;OAAQ,OAAM;iBAAG;OAA8B,CAAA,EAC9C,EAAY,MAAM,MAAM,KAAK,MAC5B,kBAAC,UAAD;OAAmB,OAAO,EAAE;iBACzB,EAAE;OACI,EAFI,EAAE,GAEN,CACT,CACW;;KACT,CAAA,GAER,kBAAC,GAAD;KAAO,OAAM;KAAS,UAAA;eACpB,kBAAC,GAAD;MAAc,OAAO,EAAK;MAAU,UAAU,EAAI,WAAW;gBAA7D,CACE,kBAAC,UAAD;OAAQ,OAAM;iBAAG;OAAyB,CAAA,EACzC,EAAQ,MAAM,MAAM,KAAK,MACxB,kBAAC,UAAD;OAAmB,OAAO,EAAE;iBACzB,EAAE;OACI,EAFI,EAAE,GAEN,CACT,CACW;;KACT,CAAA;IAEV,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OAAO,OAAM;iBACX,kBAAC,GAAD;QAAW,MAAK;QAAO,OAAO,EAAK;QAAM,UAAU,EAAI,OAAO;QAAI,CAAA;OAC5D,CAAA;MACR,kBAAC,GAAD;OAAO,OAAM;iBACX,kBAAC,GAAD;QACE,MAAK;QACL,KAAI;QACJ,OAAO,EAAK;QACZ,UAAU,EAAI,QAAQ;QACtB,aAAY;QACZ,CAAA;OACI,CAAA;MACR,kBAAC,GAAD;OAAO,OAAM;iBACX,kBAAC,GAAD;QACE,MAAK;QACL,KAAI;QACJ,KAAI;QACJ,OAAO,EAAK;QACZ,UAAU,EAAI,UAAU;QACxB,aAAY;QACZ,CAAA;OACI,CAAA;MACJ;;IACN,kBAAC,GAAD;KAAO,OAAM;eACX,kBAAC,GAAD;MACE,MAAK;MACL,KAAI;MACJ,OAAO,EAAK;MACZ,UAAU,EAAI,OAAO;MACrB,aAAY;MACZ,CAAA;KACI,CAAA;IACR,kBAAC,SAAD;KAAO,WAAU;eAAjB,CACE,kBAAC,SAAD;MACE,MAAK;MACL,SAAS,EAAK;MACd,WAAW,MAAM,GAAS,OAAO;OAAE,GAAG;OAAG,UAAU,EAAE,OAAO;OAAS,EAAE;MACvE,CAAA,EACF,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD,EAAQ,WAAU,wCAAyC,CAAA,EAAA,WAEtD;QACD;;IACR,kBAAC,GAAD;KAAO,OAAM;eACX,kBAAC,GAAD;MACE,OAAO,EAAK;MACZ,UAAU,EAAI,YAAY;MAC1B,aAAY;MACZ,CAAA;KACI,CAAA;IACJ;;EACA,CAAA"}

package/package.json

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