@burdenoff/microfe-proserviceworld 2026.706.1 → 2026.706.2

package/dist/proserviceworld/components/DiscussionThread.js

@@ -0,0 +1,76 @@
+import { useProServiceWorld as e } from "../providers/ProServiceWorldProvider.js";
+import { Banner as t, Empty as n, LoadingBlock as r, SectionCard as i, TextArea as a, fmtDate as o } from "./ui.js";
+import { useAddEntityComment as s, useEntityComments as c } from "../hooks/useEntityComments.js";
+import { useState as l } from "react";
+import { MessageSquare as u, Send as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Button as m } from "@burdenoff/fe-libs/ui";
+//#region src/proserviceworld/components/DiscussionThread.tsx
+var h = ({ entityType: h, entityId: g, title: _ = "Discussion" }) => {
+	let { currentUser: v } = e(), { data: y, isLoading: b, error: x } = c(h, g), S = s(h, g), [C, w] = l(""), [T, E] = l(null), D = () => {
+		E(null);
+		let e = C.trim();
+		e && S.mutate(e, {
+			onSuccess: () => w(""),
+			onError: (e) => E(e instanceof Error ? e.message : "Failed to post.")
+		});
+	}, O = (e) => v && e === v.id ? "You" : "Team member";
+	return /* @__PURE__ */ f(i, {
+		title: _,
+		description: "Notes & discussion — shared across the platform via Conversations.",
+		children: /* @__PURE__ */ p("div", {
+			className: "space-y-3",
+			children: [
+				T && /* @__PURE__ */ f(t, {
+					tone: "danger",
+					onClose: () => E(null),
+					children: T
+				}),
+				/* @__PURE__ */ p("div", {
+					className: "flex items-start gap-2",
+					children: [/* @__PURE__ */ f(a, {
+						value: C,
+						onChange: (e) => w(e.target.value),
+						placeholder: "Add a note…",
+						className: "min-h-[44px] flex-1",
+						onKeyDown: (e) => {
+							(e.metaKey || e.ctrlKey) && e.key === "Enter" && D();
+						}
+					}), /* @__PURE__ */ f(m, {
+						onClick: D,
+						disabled: S.isPending || !C.trim(),
+						"aria-label": "Post note",
+						children: /* @__PURE__ */ f(d, { className: "h-4 w-4" })
+					})]
+				}),
+				b ? /* @__PURE__ */ f(r, { label: "Loading discussion…" }) : x ? /* @__PURE__ */ f("p", {
+					className: "text-sm text-status-error-text",
+					children: "Couldn't load discussion."
+				}) : !y || y.items.length === 0 ? /* @__PURE__ */ f(n, {
+					title: "No notes yet",
+					description: "Start the discussion for this record.",
+					icon: /* @__PURE__ */ f(u, { className: "h-7 w-7" })
+				}) : /* @__PURE__ */ f("ul", {
+					className: "space-y-2.5",
+					children: y.items.map((e) => /* @__PURE__ */ p("li", {
+						className: "rounded-lg border border-border-seam bg-bg-canvas p-3",
+						children: [/* @__PURE__ */ p("div", {
+							className: "mb-1 flex items-center justify-between text-xs text-text-tertiary",
+							children: [/* @__PURE__ */ f("span", {
+								className: "font-medium text-text-secondary",
+								children: O(e.authorId)
+							}), /* @__PURE__ */ f("span", { children: o(e.createdAt) })]
+						}), /* @__PURE__ */ f("p", {
+							className: "whitespace-pre-wrap text-sm text-text-primary",
+							children: e.content?.text ?? ""
+						})]
+					}, e.id))
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { h as DiscussionThread };
+
+//# sourceMappingURL=DiscussionThread.js.map

package/dist/proserviceworld/components/DiscussionThread.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscussionThread.js","names":[],"sources":["../../../src/proserviceworld/components/DiscussionThread.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { MessageSquare, Send } from 'lucide-react';\nimport { useEntityComments, useAddEntityComment } from '../hooks/useEntityComments';\nimport { useProServiceWorld } from '../providers/ProServiceWorldProvider';\nimport { SectionCard, TextArea, Banner, LoadingBlock, Empty, fmtDate } from './ui';\n\n/**\n * Discussion / notes for a Psw entity, backed entirely by wspace-conversations\n * (createEntityComment / getEntityComments) — no product-owned comments table.\n */\nexport const DiscussionThread: FC<{ entityType: string; entityId: string; title?: string }> = ({\n  entityType,\n  entityId,\n  title = 'Discussion',\n}) => {\n  const { currentUser } = useProServiceWorld();\n  const { data, isLoading, error } = useEntityComments(entityType, entityId);\n  const add = useAddEntityComment(entityType, entityId);\n  const [text, setText] = useState('');\n  const [err, setErr] = useState<string | null>(null);\n\n  const submit = () => {\n    setErr(null);\n    const body = text.trim();\n    if (!body) return;\n    add.mutate(body, { onSuccess: () => setText(''), onError: (e) => setErr(e instanceof Error ? e.message : 'Failed to post.') });\n  };\n\n  const authorLabel = (authorId: string) =>\n    currentUser && authorId === currentUser.id ? 'You' : 'Team member';\n\n  return (\n    <SectionCard title={title} description=\"Notes & discussion — shared across the platform via Conversations.\">\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\" onClose={() => setErr(null)}>{err}</Banner>}\n        <div className=\"flex items-start gap-2\">\n          <TextArea\n            value={text}\n            onChange={(e) => setText(e.target.value)}\n            placeholder=\"Add a note…\"\n            className=\"min-h-[44px] flex-1\"\n            onKeyDown={(e) => {\n              if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') submit();\n            }}\n          />\n          <Button onClick={submit} disabled={add.isPending || !text.trim()} aria-label=\"Post note\">\n            <Send className=\"h-4 w-4\" />\n          </Button>\n        </div>\n\n        {isLoading ? (\n          <LoadingBlock label=\"Loading discussion…\" />\n        ) : error ? (\n          <p className=\"text-sm text-status-error-text\">Couldn't load discussion.</p>\n        ) : !data || data.items.length === 0 ? (\n          <Empty title=\"No notes yet\" description=\"Start the discussion for this record.\" icon={<MessageSquare className=\"h-7 w-7\" />} />\n        ) : (\n          <ul className=\"space-y-2.5\">\n            {data.items.map((c) => (\n              <li key={c.id} className=\"rounded-lg border border-border-seam bg-bg-canvas p-3\">\n                <div className=\"mb-1 flex items-center justify-between text-xs text-text-tertiary\">\n                  <span className=\"font-medium text-text-secondary\">{authorLabel(c.authorId)}</span>\n                  <span>{fmtDate(c.createdAt)}</span>\n                </div>\n                <p className=\"whitespace-pre-wrap text-sm text-text-primary\">{c.content?.text ?? ''}</p>\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n    </SectionCard>\n  );\n};\n"],"mappings":";;;;;;;;AAYA,IAAa,KAAkF,EAC7F,eACA,aACA,WAAQ,mBACJ;CACJ,IAAM,EAAE,mBAAgB,GAAoB,EACtC,EAAE,SAAM,cAAW,aAAU,EAAkB,GAAY,EAAS,EACpE,IAAM,EAAoB,GAAY,EAAS,EAC/C,CAAC,GAAM,KAAW,EAAS,GAAG,EAC9B,CAAC,GAAK,KAAU,EAAwB,KAAK,EAE7C,UAAe;AACnB,IAAO,KAAK;EACZ,IAAM,IAAO,EAAK,MAAM;AACnB,OACL,EAAI,OAAO,GAAM;GAAE,iBAAiB,EAAQ,GAAG;GAAE,UAAU,MAAM,EAAO,aAAa,QAAQ,EAAE,UAAU,kBAAkB;GAAE,CAAC;IAG1H,KAAe,MACnB,KAAe,MAAa,EAAY,KAAK,QAAQ;AAEvD,QACE,kBAAC,GAAD;EAAoB;EAAO,aAAY;YACrC,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,KAAO,kBAAC,GAAD;KAAQ,MAAK;KAAS,eAAe,EAAO,KAAK;eAAG;KAAa,CAAA;IACzE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,OAAO;MACP,WAAW,MAAM,EAAQ,EAAE,OAAO,MAAM;MACxC,aAAY;MACZ,WAAU;MACV,YAAY,MAAM;AAChB,QAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,WAAS,GAAQ;;MAE7D,CAAA,EACF,kBAAC,GAAD;MAAQ,SAAS;MAAQ,UAAU,EAAI,aAAa,CAAC,EAAK,MAAM;MAAE,cAAW;gBAC3E,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;MACrB,CAAA,CACL;;IAEL,IACC,kBAAC,GAAD,EAAc,OAAM,uBAAwB,CAAA,GAC1C,IACF,kBAAC,KAAD;KAAG,WAAU;eAAiC;KAA6B,CAAA,GACzE,CAAC,KAAQ,EAAK,MAAM,WAAW,IACjC,kBAAC,GAAD;KAAO,OAAM;KAAe,aAAY;KAAwC,MAAM,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;KAAI,CAAA,GAE/H,kBAAC,MAAD;KAAI,WAAU;eACX,EAAK,MAAM,KAAK,MACf,kBAAC,MAAD;MAAe,WAAU;gBAAzB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAmC,EAAY,EAAE,SAAS;QAAQ,CAAA,EAClF,kBAAC,QAAD,EAAA,UAAO,EAAQ,EAAE,UAAU,EAAQ,CAAA,CAC/B;UACN,kBAAC,KAAD;OAAG,WAAU;iBAAiD,EAAE,SAAS,QAAQ;OAAO,CAAA,CACrF;QANI,EAAE,GAMN,CACL;KACC,CAAA;IAEH;;EACM,CAAA"}

package/dist/proserviceworld/hooks/useEntityComments.js

@@ -0,0 +1,56 @@
+import { useMutation as e, useQuery as t, useQueryClient as n } from "@tanstack/react-query";
+import { graphqlFetch as r } from "@burdenoff/fe-libs/shared/graphql";
+import { clearGraphqlFetchResponseCache as i } from "@burdenoff/fe-libs/shared/graphql/fetch";
+//#region src/proserviceworld/hooks/useEntityComments.ts
+async function a(e, t) {
+	let n = await r({
+		gateway: "workspace",
+		query: e,
+		variables: t,
+		workspaceToken: !0
+	});
+	if (n.errors?.length) throw Error(n.errors[0]?.message ?? "Conversations request failed");
+	if (!n.data) throw Error("Conversations response did not include data");
+	return e.trimStart().startsWith("mutation") && i(), n.data;
+}
+var o = "id authorId content { text } createdAt", s = "proserviceworld-comments";
+function c(e, n) {
+	return t({
+		queryKey: [
+			s,
+			e,
+			n
+		],
+		enabled: !!n,
+		queryFn: async () => (await a(`query PswGetComments($input: GetCommentsInput!) {
+          getEntityComments(input: $input) { items { ${o} } total }
+        }`, { input: {
+			entityType: e,
+			entityId: n,
+			take: 50,
+			sortBy: "createdAt",
+			sortOrder: "desc"
+		} })).getEntityComments
+	});
+}
+function l(t, r) {
+	let i = n();
+	return e({
+		mutationFn: (e) => a(`mutation PswAddComment($input: CreateEntityCommentInput!) {
+          createEntityComment(input: $input) { ${o} }
+        }`, { input: {
+			entityType: t,
+			entityId: r,
+			content: { text: e }
+		} }),
+		onSuccess: () => i.invalidateQueries({ queryKey: [
+			s,
+			t,
+			r
+		] })
+	});
+}
+//#endregion
+export { l as useAddEntityComment, c as useEntityComments };
+
+//# sourceMappingURL=useEntityComments.js.map

package/dist/proserviceworld/hooks/useEntityComments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEntityComments.js","names":[],"sources":["../../../src/proserviceworld/hooks/useEntityComments.ts"],"sourcesContent":["/**\n * Entity discussion via wspace-conversations-svc (NO duplication).\n * @module proserviceworld/hooks\n *\n * ProServiceWorld does NOT own a comments table. Discussion/notes on a client,\n * engagement or matter reuse the shared `wspace-conversations` entity-comment\n * API (createEntityComment / getEntityComments) — the same service that powers\n * comments everywhere on the platform — via the MFE's proven graphqlFetch\n * transport. `entityType` namespaces threads to this product\n * (\"proserviceworld-<entity>\"); `entityId` is the Psw row id.\n */\n\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\n\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql';\nimport { clearGraphqlFetchResponseCache } from '@burdenoff/fe-libs/shared/graphql/fetch';\n\nasync function convQuery<TData>(query: string, variables: Record<string, unknown>): Promise<TData> {\n  const response = await graphqlFetch<TData>({ gateway: 'workspace', query, variables, workspaceToken: true });\n  if (response.errors?.length) throw new Error(response.errors[0]?.message ?? 'Conversations request failed');\n  if (!response.data) throw new Error('Conversations response did not include data');\n  if (query.trimStart().startsWith('mutation')) clearGraphqlFetchResponseCache();\n  return response.data;\n}\n\nexport interface EntityComment {\n  id: string;\n  authorId: string;\n  content: { text: string | null } | null;\n  createdAt: string;\n}\n\nconst COMMENT_F = 'id authorId content { text } createdAt';\nconst QK = 'proserviceworld-comments' as const;\n\n/** List the discussion thread for a Psw entity (most recent first). */\nexport function useEntityComments(entityType: string, entityId: string | null) {\n  return useQuery({\n    queryKey: [QK, entityType, entityId],\n    enabled: Boolean(entityId),\n    queryFn: async () => {\n      const data = await convQuery<{ getEntityComments: { items: EntityComment[]; total: number } }>(\n        `query PswGetComments($input: GetCommentsInput!) {\n          getEntityComments(input: $input) { items { ${COMMENT_F} } total }\n        }`,\n        { input: { entityType, entityId, take: 50, sortBy: 'createdAt', sortOrder: 'desc' } }\n      );\n      return data.getEntityComments;\n    },\n  });\n}\n\n/** Post a plain-text note onto a Psw entity's shared discussion thread. */\nexport function useAddEntityComment(entityType: string, entityId: string) {\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: (text: string) =>\n      convQuery(\n        `mutation PswAddComment($input: CreateEntityCommentInput!) {\n          createEntityComment(input: $input) { ${COMMENT_F} }\n        }`,\n        { input: { entityType, entityId, content: { text } } }\n      ),\n    onSuccess: () => qc.invalidateQueries({ queryKey: [QK, entityType, entityId] }),\n  });\n}\n"],"mappings":";;;;AAiBA,eAAe,EAAiB,GAAe,GAAoD;CACjG,IAAM,IAAW,MAAM,EAAoB;EAAE,SAAS;EAAa;EAAO;EAAW,gBAAgB;EAAM,CAAC;AAC5G,KAAI,EAAS,QAAQ,OAAQ,OAAU,MAAM,EAAS,OAAO,IAAI,WAAW,+BAA+B;AAC3G,KAAI,CAAC,EAAS,KAAM,OAAU,MAAM,8CAA8C;AAElF,QADI,EAAM,WAAW,CAAC,WAAW,WAAW,IAAE,GAAgC,EACvE,EAAS;;AAUlB,IAAM,IAAY,0CACZ,IAAK;AAGX,SAAgB,EAAkB,GAAoB,GAAyB;AAC7E,QAAO,EAAS;EACd,UAAU;GAAC;GAAI;GAAY;GAAS;EACpC,SAAS,EAAQ;EACjB,SAAS,aACM,MAAM,EACjB;uDAC+C,EAAU;YAEzD,EAAE,OAAO;GAAE;GAAY;GAAU,MAAM;GAAI,QAAQ;GAAa,WAAW;GAAQ,EAAE,CACtF,EACW;EAEf,CAAC;;AAIJ,SAAgB,EAAoB,GAAoB,GAAkB;CACxE,IAAM,IAAK,GAAgB;AAC3B,QAAO,EAAY;EACjB,aAAa,MACX,EACE;iDACyC,EAAU;YAEnD,EAAE,OAAO;GAAE;GAAY;GAAU,SAAS,EAAE,SAAM;GAAE,EAAE,CACvD;EACH,iBAAiB,EAAG,kBAAkB,EAAE,UAAU;GAAC;GAAI;GAAY;GAAS,EAAE,CAAC;EAChF,CAAC"}

package/dist/proserviceworld/pages/ClientDetailPage.js

@@ -1,190 +1,195 @@
 import { useClient as e, useConflictChecks as t, useCreateConflictCheck as n } from "../hooks/useProServiceWorldApi.js";
 import { useNav as r } from "../utils/nav.js";
 import { Banner as i, Empty as a, ErrorState as o, Field as s, LoadingBlock as c, Modal as l, PageHeader as u, SectionCard as d, StatusPill as f, TextArea as p, TextInput as m, fmtDate as h, fmtMoney as g } from "../components/ui.js";
-import { useState as _ } from "react";
-import { ArrowLeft as v, Briefcase as y, FolderKanban as b, GitBranch as x, Mail as S, MapPin as C, Phone as w, Plus as T } from "lucide-react";
-import { useParams as E } from "react-router-dom";
-import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
-import { Button as A } from "@burdenoff/fe-libs/ui";
+import { DiscussionThread as _ } from "../components/DiscussionThread.js";
+import { useState as v } from "react";
+import { ArrowLeft as y, Briefcase as b, FolderKanban as x, GitBranch as S, Mail as C, MapPin as w, Phone as T, Plus as E } from "lucide-react";
+import { useParams as D } from "react-router-dom";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { Button as j } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/ClientDetailPage.tsx
-var j = () => {
-	let { id: n = "" } = E(), i = r(), { data: s, isLoading: l, error: p, refetch: m } = e(n), D = t({ clientId: n }), [j, F] = _(!1);
-	return l ? /* @__PURE__ */ O(c, {}) : p ? /* @__PURE__ */ O(o, {
+var M = () => {
+	let { id: n = "" } = D(), i = r(), { data: s, isLoading: l, error: p, refetch: m } = e(n), O = t({ clientId: n }), [M, I] = v(!1);
+	return l ? /* @__PURE__ */ k(c, {}) : p ? /* @__PURE__ */ k(o, {
 		error: p,
 		onRetry: () => void m()
-	}) : s ? /* @__PURE__ */ k("div", {
+	}) : s ? /* @__PURE__ */ A("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ k("button", {
+			/* @__PURE__ */ A("button", {
 				type: "button",
 				onClick: () => i("clients"),
 				className: "flex items-center gap-1.5 text-sm text-text-secondary hover:text-accent",
-				children: [/* @__PURE__ */ O(v, { className: "h-4 w-4" }), " Back to clients"]
+				children: [/* @__PURE__ */ k(y, { className: "h-4 w-4" }), " Back to clients"]
 			}),
-			/* @__PURE__ */ O(u, {
+			/* @__PURE__ */ k(u, {
 				title: s.name,
 				subtitle: [s.type === "ORGANIZATION" ? "Organization" : "Individual", s.industry].filter(Boolean).join(" · "),
-				actions: /* @__PURE__ */ O(f, { status: s.status })
+				actions: /* @__PURE__ */ k(f, { status: s.status })
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ A("div", {
 				className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
-				children: [/* @__PURE__ */ O(d, {
+				children: [/* @__PURE__ */ k(d, {
 					title: "Contact",
 					className: "lg:col-span-1",
-					children: /* @__PURE__ */ k("dl", {
+					children: /* @__PURE__ */ A("dl", {
 						className: "space-y-2 text-sm",
 						children: [
-							/* @__PURE__ */ O(M, {
+							/* @__PURE__ */ k(N, {
 								label: "Contact",
 								value: s.contactName
 							}),
-							s.contactEmail && /* @__PURE__ */ O(N, {
-								icon: /* @__PURE__ */ O(S, { className: "h-3.5 w-3.5" }),
+							s.contactEmail && /* @__PURE__ */ k(P, {
+								icon: /* @__PURE__ */ k(C, { className: "h-3.5 w-3.5" }),
 								value: s.contactEmail
 							}),
-							s.contactPhone && /* @__PURE__ */ O(N, {
-								icon: /* @__PURE__ */ O(w, { className: "h-3.5 w-3.5" }),
+							s.contactPhone && /* @__PURE__ */ k(P, {
+								icon: /* @__PURE__ */ k(T, { className: "h-3.5 w-3.5" }),
 								value: s.contactPhone
 							}),
-							s.address && /* @__PURE__ */ O(N, {
-								icon: /* @__PURE__ */ O(C, { className: "h-3.5 w-3.5" }),
+							s.address && /* @__PURE__ */ k(P, {
+								icon: /* @__PURE__ */ k(w, { className: "h-3.5 w-3.5" }),
 								value: s.address
 							}),
-							s.notes && /* @__PURE__ */ O("p", {
+							s.notes && /* @__PURE__ */ k("p", {
 								className: "pt-2 text-text-secondary",
 								children: s.notes
 							})
 						]
 					})
-				}), /* @__PURE__ */ O(d, {
+				}), /* @__PURE__ */ k(d, {
 					title: "Conflict checks",
 					className: "lg:col-span-2",
-					action: /* @__PURE__ */ k(A, {
+					action: /* @__PURE__ */ A(j, {
 						size: "sm",
 						variant: "outline",
-						onClick: () => F(!0),
-						children: [/* @__PURE__ */ O(x, { className: "mr-1.5 h-4 w-4" }), " Run check"]
+						onClick: () => I(!0),
+						children: [/* @__PURE__ */ k(S, { className: "mr-1.5 h-4 w-4" }), " Run check"]
 					}),
-					children: D.isLoading ? /* @__PURE__ */ O(c, { label: "Loading…" }) : !D.data || D.data.length === 0 ? /* @__PURE__ */ O(a, {
+					children: O.isLoading ? /* @__PURE__ */ k(c, { label: "Loading…" }) : !O.data || O.data.length === 0 ? /* @__PURE__ */ k(a, {
 						title: "No conflict checks",
 						description: "Run a conflict check before accepting new work for this client."
-					}) : /* @__PURE__ */ O("ul", {
+					}) : /* @__PURE__ */ k("ul", {
 						className: "divide-y divide-border-seam",
-						children: D.data.map((e) => /* @__PURE__ */ k("li", {
+						children: O.data.map((e) => /* @__PURE__ */ A("li", {
 							className: "flex items-center justify-between py-2.5",
-							children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("div", {
 								className: "text-sm text-text-primary",
 								children: e.searchedParties.join(", ") || "Conflict search"
-							}), /* @__PURE__ */ k("div", {
+							}), /* @__PURE__ */ A("div", {
 								className: "text-xs text-text-tertiary",
 								children: [h(e.createdAt), e.findings ? ` · ${e.findings}` : ""]
-							})] }), /* @__PURE__ */ O(f, { status: e.status })]
+							})] }), /* @__PURE__ */ k(f, { status: e.status })]
 						}, e.id))
 					})
 				})]
 			}),
-			/* @__PURE__ */ O(d, {
+			/* @__PURE__ */ k(d, {
 				title: "Engagements",
-				action: /* @__PURE__ */ k(A, {
+				action: /* @__PURE__ */ A(j, {
 					size: "sm",
 					variant: "outline",
 					onClick: () => i("engagements"),
-					children: [/* @__PURE__ */ O(T, { className: "mr-1.5 h-4 w-4" }), "Manage"]
+					children: [/* @__PURE__ */ k(E, { className: "mr-1.5 h-4 w-4" }), "Manage"]
 				}),
-				children: s.engagements.length === 0 ? /* @__PURE__ */ O(a, {
+				children: s.engagements.length === 0 ? /* @__PURE__ */ k(a, {
 					title: "No engagements",
 					description: "Scope the first engagement for this client.",
-					icon: /* @__PURE__ */ O(y, { className: "h-7 w-7" })
-				}) : /* @__PURE__ */ O("ul", {
+					icon: /* @__PURE__ */ k(b, { className: "h-7 w-7" })
+				}) : /* @__PURE__ */ k("ul", {
 					className: "divide-y divide-border-seam",
-					children: s.engagements.map((e) => /* @__PURE__ */ O("li", { children: /* @__PURE__ */ k("button", {
+					children: s.engagements.map((e) => /* @__PURE__ */ k("li", { children: /* @__PURE__ */ A("button", {
 						type: "button",
 						onClick: () => i(`engagements/${e.id}`),
 						className: "flex w-full items-center justify-between py-2.5 text-left hover:text-accent",
-						children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("div", {
+						children: [/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("div", {
 							className: "text-sm font-medium text-text-primary",
 							children: e.name
-						}), /* @__PURE__ */ k("div", {
+						}), /* @__PURE__ */ A("div", {
 							className: "text-xs text-text-tertiary",
 							children: [
 								g(e.feeAmount, e.currency),
 								" · ",
 								e.feeArrangement.toLowerCase()
 							]
-						})] }), /* @__PURE__ */ O(f, { status: e.status })]
+						})] }), /* @__PURE__ */ k(f, { status: e.status })]
 					}) }, e.id))
 				})
 			}),
-			/* @__PURE__ */ O(d, {
+			/* @__PURE__ */ k(d, {
 				title: "Matters",
-				action: /* @__PURE__ */ k(A, {
+				action: /* @__PURE__ */ A(j, {
 					size: "sm",
 					variant: "outline",
 					onClick: () => i("matters"),
-					children: [/* @__PURE__ */ O(T, { className: "mr-1.5 h-4 w-4" }), "Manage"]
+					children: [/* @__PURE__ */ k(E, { className: "mr-1.5 h-4 w-4" }), "Manage"]
 				}),
-				children: s.matters.length === 0 ? /* @__PURE__ */ O(a, {
+				children: s.matters.length === 0 ? /* @__PURE__ */ k(a, {
 					title: "No matters",
 					description: "Open a matter to track regulated work for this client.",
-					icon: /* @__PURE__ */ O(b, { className: "h-7 w-7" })
-				}) : /* @__PURE__ */ O("ul", {
+					icon: /* @__PURE__ */ k(x, { className: "h-7 w-7" })
+				}) : /* @__PURE__ */ k("ul", {
 					className: "divide-y divide-border-seam",
-					children: s.matters.map((e) => /* @__PURE__ */ k("li", {
+					children: s.matters.map((e) => /* @__PURE__ */ A("li", {
 						className: "flex items-center justify-between py-2.5",
-						children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("div", {
+						children: [/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("div", {
 							className: "text-sm font-medium text-text-primary",
 							children: e.title
-						}), /* @__PURE__ */ k("div", {
+						}), /* @__PURE__ */ A("div", {
 							className: "text-xs text-text-tertiary",
 							children: [
 								e.reference || "No reference",
 								" · Due ",
 								h(e.dueDate)
 							]
-						})] }), /* @__PURE__ */ k("div", {
+						})] }), /* @__PURE__ */ A("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O(f, { status: e.priority }), /* @__PURE__ */ O(f, { status: e.status })]
+							children: [/* @__PURE__ */ k(f, { status: e.priority }), /* @__PURE__ */ k(f, { status: e.status })]
 						})]
 					}, e.id))
 				})
 			}),
-			j && /* @__PURE__ */ O(P, {
+			/* @__PURE__ */ k(_, {
+				entityType: "proserviceworld-client",
+				entityId: n
+			}),
+			M && /* @__PURE__ */ k(F, {
 				clientId: n,
-				onClose: () => F(!1),
-				onDone: () => void D.refetch()
+				onClose: () => I(!1),
+				onDone: () => void O.refetch()
 			})
 		]
-	}) : /* @__PURE__ */ O(a, {
+	}) : /* @__PURE__ */ k(a, {
 		title: "Client not found",
 		description: "It may have been archived or belongs to another workspace."
 	});
-}, M = ({ label: e, value: t }) => t ? /* @__PURE__ */ k("div", {
+}, N = ({ label: e, value: t }) => t ? /* @__PURE__ */ A("div", {
 	className: "flex justify-between gap-4",
-	children: [/* @__PURE__ */ O("dt", {
+	children: [/* @__PURE__ */ k("dt", {
 		className: "text-text-tertiary",
 		children: e
-	}), /* @__PURE__ */ O("dd", {
+	}), /* @__PURE__ */ k("dd", {
 		className: "text-right text-text-primary",
 		children: t
 	})]
-}) : null, N = ({ icon: e, value: t }) => /* @__PURE__ */ k("div", {
+}) : null, P = ({ icon: e, value: t }) => /* @__PURE__ */ A("div", {
 	className: "flex items-center gap-2 text-text-secondary",
-	children: [/* @__PURE__ */ O("span", {
+	children: [/* @__PURE__ */ k("span", {
 		className: "text-text-tertiary",
 		children: e
 	}), t]
-}), P = ({ clientId: e, onClose: t, onDone: r }) => {
-	let a = n(), [o, c] = _(""), [u, d] = _(""), [f, h] = _(null);
-	return /* @__PURE__ */ O(l, {
+}), F = ({ clientId: e, onClose: t, onDone: r }) => {
+	let a = n(), [o, c] = v(""), [u, d] = v(""), [f, h] = v(null);
+	return /* @__PURE__ */ k(l, {
 		open: !0,
 		onClose: t,
 		title: "Run conflict check",
-		footer: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(A, {
+		footer: /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(j, {
 			variant: "outline",
 			onClick: t,
 			disabled: a.isPending,
 			children: "Cancel"
-		}), /* @__PURE__ */ O(A, {
+		}), /* @__PURE__ */ k(j, {
 			onClick: () => {
 				h(null);
 				let n = o.split(",").map((e) => e.trim()).filter(Boolean);
@@ -203,26 +208,26 @@ var j = () => {
 			disabled: a.isPending,
 			children: a.isPending ? "Running…" : "Record check"
 		})] }),
-		children: /* @__PURE__ */ k("div", {
+		children: /* @__PURE__ */ A("div", {
 			className: "space-y-3",
 			children: [
-				f && /* @__PURE__ */ O(i, {
+				f && /* @__PURE__ */ k(i, {
 					tone: "danger",
 					children: f
 				}),
-				/* @__PURE__ */ O(s, {
+				/* @__PURE__ */ k(s, {
 					label: "Parties searched",
 					required: !0,
 					hint: "Comma-separated — counterparties, related entities, principals.",
-					children: /* @__PURE__ */ O(m, {
+					children: /* @__PURE__ */ k(m, {
 						value: o,
 						onChange: (e) => c(e.target.value),
 						placeholder: "Beta Corp, John Roe, Gamma LLP"
 					})
 				}),
-				/* @__PURE__ */ O(s, {
+				/* @__PURE__ */ k(s, {
 					label: "Findings",
-					children: /* @__PURE__ */ O(p, {
+					children: /* @__PURE__ */ k(p, {
 						value: u,
 						onChange: (e) => d(e.target.value),
 						placeholder: "Notes on any potential conflicts…"
@@ -233,6 +238,6 @@ var j = () => {
 	});
 };
 //#endregion
-export { j as ClientDetailPage };
+export { M as ClientDetailPage };
 
 //# sourceMappingURL=ClientDetailPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ClientDetailPage.js","names":[],"sources":["../../../src/proserviceworld/pages/ClientDetailPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport {\n  ArrowLeft,\n  Briefcase,\n  FolderKanban,\n  GitBranch,\n  Mail,\n  Phone,\n  MapPin,\n  Plus,\n} from 'lucide-react';\nimport {\n  useClient,\n  useConflictChecks,\n  useCreateConflictCheck,\n  type PswEngagement,\n  type PswMatter,\n} from '../hooks/useProServiceWorldApi';\nimport { useNav } from '../utils/nav';\nimport {\n  PageHeader,\n  SectionCard,\n  LoadingBlock,\n  ErrorState,\n  Empty,\n  StatusPill,\n  Modal,\n  Field,\n  TextInput,\n  TextArea,\n  Banner,\n  fmtDate,\n  fmtMoney,\n} from '../components/ui';\n\nexport const ClientDetailPage: FC = () => {\n  const { id = '' } = useParams();\n  const nav = useNav();\n  const { data: client, isLoading, error, refetch } = useClient(id);\n  const conflicts = useConflictChecks({ clientId: id });\n  const [runConflict, setRunConflict] = useState(false);\n\n  if (isLoading) return <LoadingBlock />;\n  if (error) return <ErrorState error={error} onRetry={() => void refetch()} />;\n  if (!client)\n    return (\n      <Empty\n        title=\"Client not found\"\n        description=\"It may have been archived or belongs to another workspace.\"\n      />\n    );\n\n  return (\n    <div className=\"space-y-6\">\n      <button\n        type=\"button\"\n        onClick={() => nav('clients')}\n        className=\"flex items-center gap-1.5 text-sm text-text-secondary hover:text-accent\"\n      >\n        <ArrowLeft className=\"h-4 w-4\" /> Back to clients\n      </button>\n\n      <PageHeader\n        title={client.name}\n        subtitle={[client.type === 'ORGANIZATION' ? 'Organization' : 'Individual', client.industry]\n          .filter(Boolean)\n          .join(' · ')}\n        actions={<StatusPill status={client.status} />}\n      />\n\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        <SectionCard title=\"Contact\" className=\"lg:col-span-1\">\n          <dl className=\"space-y-2 text-sm\">\n            <Row label=\"Contact\" value={client.contactName} />\n            {client.contactEmail && (\n              <IconRow icon={<Mail className=\"h-3.5 w-3.5\" />} value={client.contactEmail} />\n            )}\n            {client.contactPhone && (\n              <IconRow icon={<Phone className=\"h-3.5 w-3.5\" />} value={client.contactPhone} />\n            )}\n            {client.address && (\n              <IconRow icon={<MapPin className=\"h-3.5 w-3.5\" />} value={client.address} />\n            )}\n            {client.notes && <p className=\"pt-2 text-text-secondary\">{client.notes}</p>}\n          </dl>\n        </SectionCard>\n\n        <SectionCard\n          title=\"Conflict checks\"\n          className=\"lg:col-span-2\"\n          action={\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setRunConflict(true)}>\n              <GitBranch className=\"mr-1.5 h-4 w-4\" /> Run check\n            </Button>\n          }\n        >\n          {conflicts.isLoading ? (\n            <LoadingBlock label=\"Loading…\" />\n          ) : !conflicts.data || conflicts.data.length === 0 ? (\n            <Empty\n              title=\"No conflict checks\"\n              description=\"Run a conflict check before accepting new work for this client.\"\n            />\n          ) : (\n            <ul className=\"divide-y divide-border-seam\">\n              {conflicts.data.map((c) => (\n                <li key={c.id} className=\"flex items-center justify-between py-2.5\">\n                  <div>\n                    <div className=\"text-sm text-text-primary\">\n                      {c.searchedParties.join(', ') || 'Conflict search'}\n                    </div>\n                    <div className=\"text-xs text-text-tertiary\">\n                      {fmtDate(c.createdAt)}\n                      {c.findings ? ` · ${c.findings}` : ''}\n                    </div>\n                  </div>\n                  <StatusPill status={c.status} />\n                </li>\n              ))}\n            </ul>\n          )}\n        </SectionCard>\n      </div>\n\n      <SectionCard\n        title=\"Engagements\"\n        action={\n          <Button size=\"sm\" variant=\"outline\" onClick={() => nav('engagements')}>\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            Manage\n          </Button>\n        }\n      >\n        {client.engagements.length === 0 ? (\n          <Empty\n            title=\"No engagements\"\n            description=\"Scope the first engagement for this client.\"\n            icon={<Briefcase className=\"h-7 w-7\" />}\n          />\n        ) : (\n          <ul className=\"divide-y divide-border-seam\">\n            {client.engagements.map((e: PswEngagement) => (\n              <li key={e.id}>\n                <button\n                  type=\"button\"\n                  onClick={() => nav(`engagements/${e.id}`)}\n                  className=\"flex w-full items-center justify-between py-2.5 text-left hover:text-accent\"\n                >\n                  <div>\n                    <div className=\"text-sm font-medium text-text-primary\">{e.name}</div>\n                    <div className=\"text-xs text-text-tertiary\">\n                      {fmtMoney(e.feeAmount, e.currency)} · {e.feeArrangement.toLowerCase()}\n                    </div>\n                  </div>\n                  <StatusPill status={e.status} />\n                </button>\n              </li>\n            ))}\n          </ul>\n        )}\n      </SectionCard>\n\n      <SectionCard\n        title=\"Matters\"\n        action={\n          <Button size=\"sm\" variant=\"outline\" onClick={() => nav('matters')}>\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            Manage\n          </Button>\n        }\n      >\n        {client.matters.length === 0 ? (\n          <Empty\n            title=\"No matters\"\n            description=\"Open a matter to track regulated work for this client.\"\n            icon={<FolderKanban className=\"h-7 w-7\" />}\n          />\n        ) : (\n          <ul className=\"divide-y divide-border-seam\">\n            {client.matters.map((m: PswMatter) => (\n              <li key={m.id} className=\"flex items-center justify-between py-2.5\">\n                <div>\n                  <div className=\"text-sm font-medium text-text-primary\">{m.title}</div>\n                  <div className=\"text-xs text-text-tertiary\">\n                    {m.reference || 'No reference'} · Due {fmtDate(m.dueDate)}\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <StatusPill status={m.priority} />\n                  <StatusPill status={m.status} />\n                </div>\n              </li>\n            ))}\n          </ul>\n        )}\n      </SectionCard>\n\n      {runConflict && (\n        <ConflictModal\n          clientId={id}\n          onClose={() => setRunConflict(false)}\n          onDone={() => void conflicts.refetch()}\n        />\n      )}\n    </div>\n  );\n};\n\nconst Row: FC<{ label: string; value: string | null }> = ({ label, value }) =>\n  value ? (\n    <div className=\"flex justify-between gap-4\">\n      <dt className=\"text-text-tertiary\">{label}</dt>\n      <dd className=\"text-right text-text-primary\">{value}</dd>\n    </div>\n  ) : null;\n\nconst IconRow: FC<{ icon: React.ReactNode; value: string }> = ({ icon, value }) => (\n  <div className=\"flex items-center gap-2 text-text-secondary\">\n    <span className=\"text-text-tertiary\">{icon}</span>\n    {value}\n  </div>\n);\n\nconst ConflictModal: FC<{ clientId: string; onClose: () => void; onDone: () => void }> = ({\n  clientId,\n  onClose,\n  onDone,\n}) => {\n  const create = useCreateConflictCheck();\n  const [parties, setParties] = useState('');\n  const [findings, setFindings] = useState('');\n  const [err, setErr] = useState<string | null>(null);\n\n  const submit = () => {\n    setErr(null);\n    const searchedParties = parties\n      .split(',')\n      .map((p) => p.trim())\n      .filter(Boolean);\n    if (searchedParties.length === 0) return setErr('Add at least one party to search.');\n    create.mutate(\n      { clientId, searchedParties, findings: findings.trim() || null },\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=\"Run conflict check\"\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 ? 'Running…' : 'Record check'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field\n          label=\"Parties searched\"\n          required\n          hint=\"Comma-separated — counterparties, related entities, principals.\"\n        >\n          <TextInput\n            value={parties}\n            onChange={(e) => setParties(e.target.value)}\n            placeholder=\"Beta Corp, John Roe, Gamma LLP\"\n          />\n        </Field>\n        <Field label=\"Findings\">\n          <TextArea\n            value={findings}\n            onChange={(e) => setFindings(e.target.value)}\n            placeholder=\"Notes on any potential conflicts…\"\n          />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ClientDetailPage.js","names":[],"sources":["../../../src/proserviceworld/pages/ClientDetailPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport {\n  ArrowLeft,\n  Briefcase,\n  FolderKanban,\n  GitBranch,\n  Mail,\n  Phone,\n  MapPin,\n  Plus,\n} from 'lucide-react';\nimport {\n  useClient,\n  useConflictChecks,\n  useCreateConflictCheck,\n  type PswEngagement,\n  type PswMatter,\n} from '../hooks/useProServiceWorldApi';\nimport { useNav } from '../utils/nav';\nimport { DiscussionThread } from '../components/DiscussionThread';\nimport {\n  PageHeader,\n  SectionCard,\n  LoadingBlock,\n  ErrorState,\n  Empty,\n  StatusPill,\n  Modal,\n  Field,\n  TextInput,\n  TextArea,\n  Banner,\n  fmtDate,\n  fmtMoney,\n} from '../components/ui';\n\nexport const ClientDetailPage: FC = () => {\n  const { id = '' } = useParams();\n  const nav = useNav();\n  const { data: client, isLoading, error, refetch } = useClient(id);\n  const conflicts = useConflictChecks({ clientId: id });\n  const [runConflict, setRunConflict] = useState(false);\n\n  if (isLoading) return <LoadingBlock />;\n  if (error) return <ErrorState error={error} onRetry={() => void refetch()} />;\n  if (!client)\n    return (\n      <Empty\n        title=\"Client not found\"\n        description=\"It may have been archived or belongs to another workspace.\"\n      />\n    );\n\n  return (\n    <div className=\"space-y-6\">\n      <button\n        type=\"button\"\n        onClick={() => nav('clients')}\n        className=\"flex items-center gap-1.5 text-sm text-text-secondary hover:text-accent\"\n      >\n        <ArrowLeft className=\"h-4 w-4\" /> Back to clients\n      </button>\n\n      <PageHeader\n        title={client.name}\n        subtitle={[client.type === 'ORGANIZATION' ? 'Organization' : 'Individual', client.industry]\n          .filter(Boolean)\n          .join(' · ')}\n        actions={<StatusPill status={client.status} />}\n      />\n\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        <SectionCard title=\"Contact\" className=\"lg:col-span-1\">\n          <dl className=\"space-y-2 text-sm\">\n            <Row label=\"Contact\" value={client.contactName} />\n            {client.contactEmail && (\n              <IconRow icon={<Mail className=\"h-3.5 w-3.5\" />} value={client.contactEmail} />\n            )}\n            {client.contactPhone && (\n              <IconRow icon={<Phone className=\"h-3.5 w-3.5\" />} value={client.contactPhone} />\n            )}\n            {client.address && (\n              <IconRow icon={<MapPin className=\"h-3.5 w-3.5\" />} value={client.address} />\n            )}\n            {client.notes && <p className=\"pt-2 text-text-secondary\">{client.notes}</p>}\n          </dl>\n        </SectionCard>\n\n        <SectionCard\n          title=\"Conflict checks\"\n          className=\"lg:col-span-2\"\n          action={\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setRunConflict(true)}>\n              <GitBranch className=\"mr-1.5 h-4 w-4\" /> Run check\n            </Button>\n          }\n        >\n          {conflicts.isLoading ? (\n            <LoadingBlock label=\"Loading…\" />\n          ) : !conflicts.data || conflicts.data.length === 0 ? (\n            <Empty\n              title=\"No conflict checks\"\n              description=\"Run a conflict check before accepting new work for this client.\"\n            />\n          ) : (\n            <ul className=\"divide-y divide-border-seam\">\n              {conflicts.data.map((c) => (\n                <li key={c.id} className=\"flex items-center justify-between py-2.5\">\n                  <div>\n                    <div className=\"text-sm text-text-primary\">\n                      {c.searchedParties.join(', ') || 'Conflict search'}\n                    </div>\n                    <div className=\"text-xs text-text-tertiary\">\n                      {fmtDate(c.createdAt)}\n                      {c.findings ? ` · ${c.findings}` : ''}\n                    </div>\n                  </div>\n                  <StatusPill status={c.status} />\n                </li>\n              ))}\n            </ul>\n          )}\n        </SectionCard>\n      </div>\n\n      <SectionCard\n        title=\"Engagements\"\n        action={\n          <Button size=\"sm\" variant=\"outline\" onClick={() => nav('engagements')}>\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            Manage\n          </Button>\n        }\n      >\n        {client.engagements.length === 0 ? (\n          <Empty\n            title=\"No engagements\"\n            description=\"Scope the first engagement for this client.\"\n            icon={<Briefcase className=\"h-7 w-7\" />}\n          />\n        ) : (\n          <ul className=\"divide-y divide-border-seam\">\n            {client.engagements.map((e: PswEngagement) => (\n              <li key={e.id}>\n                <button\n                  type=\"button\"\n                  onClick={() => nav(`engagements/${e.id}`)}\n                  className=\"flex w-full items-center justify-between py-2.5 text-left hover:text-accent\"\n                >\n                  <div>\n                    <div className=\"text-sm font-medium text-text-primary\">{e.name}</div>\n                    <div className=\"text-xs text-text-tertiary\">\n                      {fmtMoney(e.feeAmount, e.currency)} · {e.feeArrangement.toLowerCase()}\n                    </div>\n                  </div>\n                  <StatusPill status={e.status} />\n                </button>\n              </li>\n            ))}\n          </ul>\n        )}\n      </SectionCard>\n\n      <SectionCard\n        title=\"Matters\"\n        action={\n          <Button size=\"sm\" variant=\"outline\" onClick={() => nav('matters')}>\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            Manage\n          </Button>\n        }\n      >\n        {client.matters.length === 0 ? (\n          <Empty\n            title=\"No matters\"\n            description=\"Open a matter to track regulated work for this client.\"\n            icon={<FolderKanban className=\"h-7 w-7\" />}\n          />\n        ) : (\n          <ul className=\"divide-y divide-border-seam\">\n            {client.matters.map((m: PswMatter) => (\n              <li key={m.id} className=\"flex items-center justify-between py-2.5\">\n                <div>\n                  <div className=\"text-sm font-medium text-text-primary\">{m.title}</div>\n                  <div className=\"text-xs text-text-tertiary\">\n                    {m.reference || 'No reference'} · Due {fmtDate(m.dueDate)}\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <StatusPill status={m.priority} />\n                  <StatusPill status={m.status} />\n                </div>\n              </li>\n            ))}\n          </ul>\n        )}\n      </SectionCard>\n\n      <DiscussionThread entityType=\"proserviceworld-client\" entityId={id} />\n\n      {runConflict && (\n        <ConflictModal\n          clientId={id}\n          onClose={() => setRunConflict(false)}\n          onDone={() => void conflicts.refetch()}\n        />\n      )}\n    </div>\n  );\n};\n\nconst Row: FC<{ label: string; value: string | null }> = ({ label, value }) =>\n  value ? (\n    <div className=\"flex justify-between gap-4\">\n      <dt className=\"text-text-tertiary\">{label}</dt>\n      <dd className=\"text-right text-text-primary\">{value}</dd>\n    </div>\n  ) : null;\n\nconst IconRow: FC<{ icon: React.ReactNode; value: string }> = ({ icon, value }) => (\n  <div className=\"flex items-center gap-2 text-text-secondary\">\n    <span className=\"text-text-tertiary\">{icon}</span>\n    {value}\n  </div>\n);\n\nconst ConflictModal: FC<{ clientId: string; onClose: () => void; onDone: () => void }> = ({\n  clientId,\n  onClose,\n  onDone,\n}) => {\n  const create = useCreateConflictCheck();\n  const [parties, setParties] = useState('');\n  const [findings, setFindings] = useState('');\n  const [err, setErr] = useState<string | null>(null);\n\n  const submit = () => {\n    setErr(null);\n    const searchedParties = parties\n      .split(',')\n      .map((p) => p.trim())\n      .filter(Boolean);\n    if (searchedParties.length === 0) return setErr('Add at least one party to search.');\n    create.mutate(\n      { clientId, searchedParties, findings: findings.trim() || null },\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=\"Run conflict check\"\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 ? 'Running…' : 'Record check'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field\n          label=\"Parties searched\"\n          required\n          hint=\"Comma-separated — counterparties, related entities, principals.\"\n        >\n          <TextInput\n            value={parties}\n            onChange={(e) => setParties(e.target.value)}\n            placeholder=\"Beta Corp, John Roe, Gamma LLP\"\n          />\n        </Field>\n        <Field label=\"Findings\">\n          <TextArea\n            value={findings}\n            onChange={(e) => setFindings(e.target.value)}\n            placeholder=\"Notes on any potential conflicts…\"\n          />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}

package/dist/proserviceworld/pages/EngagementDetailPage.js

@@ -1,13 +1,14 @@
 import { useCompleteMilestone as e, useCreateDeliverable as t, useCreateMilestone as n, useEngagement as r, useTimeEntries as i, useTransitionDeliverable as a, useTransitionEngagement as o } from "../hooks/useProServiceWorldApi.js";
 import { useNav as s } from "../utils/nav.js";
 import { Banner as c, Empty as l, ErrorState as u, Field as d, LoadingBlock as f, MetricCard as p, Modal as m, NativeSelect as h, PageHeader as g, SectionCard as _, StatusPill as v, TextArea as y, TextInput as b, fmtDate as x, fmtMinutesAsHours as S, fmtMoney as C, humanize as w } from "../components/ui.js";
-import { useState as T } from "react";
-import { ArrowLeft as E, CheckCircle2 as D, Clock as O, FileText as k, Flag as A, Plus as j } from "lucide-react";
-import { useParams as M } from "react-router-dom";
-import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
-import { Button as I } from "@burdenoff/fe-libs/ui";
+import { DiscussionThread as T } from "../components/DiscussionThread.js";
+import { useState as E } from "react";
+import { ArrowLeft as D, CheckCircle2 as O, Clock as k, FileText as A, Flag as j, Plus as M } from "lucide-react";
+import { useParams as N } from "react-router-dom";
+import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { Button as L } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/EngagementDetailPage.tsx
-var L = {
+var R = {
 	PROPOSAL: ["ACCEPTED", "CANCELLED"],
 	ACCEPTED: ["IN_PROGRESS", "CANCELLED"],
 	IN_PROGRESS: ["REVIEW", "CANCELLED"],
@@ -20,69 +21,69 @@ var L = {
 	INVOICED: ["CLOSED"],
 	CLOSED: [],
 	CANCELLED: []
-}, R = [
+}, z = [
 	"DRAFT",
 	"INTERNAL_REVIEW",
 	"CLIENT_REVIEW",
 	"ACCEPTED",
 	"REJECTED"
-], z = () => {
-	let { id: e = "" } = M(), t = s(), { data: n, isLoading: a, error: d, refetch: m } = r(e), h = i({ engagementId: e }), y = o(), [b, D] = T(!1), [N, R] = T(!1), [z, W] = T(null);
-	if (a) return /* @__PURE__ */ P(f, {});
-	if (d) return /* @__PURE__ */ P(u, {
+], B = () => {
+	let { id: e = "" } = N(), t = s(), { data: n, isLoading: a, error: d, refetch: m } = r(e), h = i({ engagementId: e }), y = o(), [b, O] = E(!1), [P, z] = E(!1), [B, G] = E(null);
+	if (a) return /* @__PURE__ */ F(f, {});
+	if (d) return /* @__PURE__ */ F(u, {
 		error: d,
 		onRetry: () => void m()
 	});
-	if (!n) return /* @__PURE__ */ P(l, { title: "Engagement not found" });
-	let G = L[n.status] ?? [], K = (h.data?.items ?? []).reduce((e, t) => e + t.minutes, 0);
-	return /* @__PURE__ */ F("div", {
+	if (!n) return /* @__PURE__ */ F(l, { title: "Engagement not found" });
+	let K = R[n.status] ?? [], q = (h.data?.items ?? []).reduce((e, t) => e + t.minutes, 0);
+	return /* @__PURE__ */ I("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ F("button", {
+			/* @__PURE__ */ I("button", {
 				type: "button",
 				onClick: () => t("engagements"),
 				className: "flex items-center gap-1.5 text-sm text-text-secondary hover:text-accent",
-				children: [/* @__PURE__ */ P(E, { className: "h-4 w-4" }), " Back to engagements"]
+				children: [/* @__PURE__ */ F(D, { className: "h-4 w-4" }), " Back to engagements"]
 			}),
-			/* @__PURE__ */ P(g, {
+			/* @__PURE__ */ F(g, {
 				title: n.name,
 				subtitle: n.client ? `${n.client.name} · ${w(n.feeArrangement)}` : w(n.feeArrangement),
-				actions: /* @__PURE__ */ P(v, { status: n.status })
+				actions: /* @__PURE__ */ F(v, { status: n.status })
 			}),
-			z && /* @__PURE__ */ P(c, {
-				tone: z.tone,
-				onClose: () => W(null),
-				children: z.text
+			B && /* @__PURE__ */ F(c, {
+				tone: B.tone,
+				onClose: () => G(null),
+				children: B.text
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ I("div", {
 				className: "grid grid-cols-2 gap-3 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ P(p, {
+					/* @__PURE__ */ F(p, {
 						label: "Fee",
 						value: C(n.feeAmount, n.currency),
 						hint: w(n.feeArrangement)
 					}),
-					/* @__PURE__ */ P(p, {
+					/* @__PURE__ */ F(p, {
 						label: "Deliverables",
 						value: n.deliverables.length
 					}),
-					/* @__PURE__ */ P(p, {
+					/* @__PURE__ */ F(p, {
 						label: "Milestones",
 						value: n.milestones.length
 					}),
-					/* @__PURE__ */ P(p, {
+					/* @__PURE__ */ F(p, {
 						label: "Time logged",
-						value: S(K),
+						value: S(q),
 						hint: `${h.data?.totalCount ?? 0} entries`
 					})
 				]
 			}),
-			G.length > 0 && /* @__PURE__ */ P(_, {
+			K.length > 0 && /* @__PURE__ */ F(_, {
 				title: "Advance lifecycle",
 				description: `Current status: ${w(n.status)}`,
-				children: /* @__PURE__ */ P("div", {
+				children: /* @__PURE__ */ F("div", {
 					className: "flex flex-wrap gap-2",
-					children: G.map((e) => /* @__PURE__ */ P(I, {
+					children: K.map((e) => /* @__PURE__ */ F(L, {
 						size: "sm",
 						variant: e === "CANCELLED" ? "outline" : "default",
 						disabled: y.isPending,
@@ -90,11 +91,11 @@ var L = {
 							id: n.id,
 							status: e
 						}, {
-							onSuccess: () => W({
+							onSuccess: () => G({
 								tone: "success",
 								text: `Moved to ${w(e)}.`
 							}),
-							onError: (e) => W({
+							onError: (e) => G({
 								tone: "danger",
 								text: e instanceof Error ? e.message : "Transition failed."
 							})
@@ -103,40 +104,40 @@ var L = {
 					}, e))
 				})
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ I("div", {
 				className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-				children: [/* @__PURE__ */ P(_, {
+				children: [/* @__PURE__ */ F(_, {
 					title: "Deliverables",
-					action: /* @__PURE__ */ F(I, {
+					action: /* @__PURE__ */ I(L, {
 						size: "sm",
 						variant: "outline",
-						onClick: () => D(!0),
-						children: [/* @__PURE__ */ P(j, { className: "mr-1.5 h-4 w-4" }), "Add"]
+						onClick: () => O(!0),
+						children: [/* @__PURE__ */ F(M, { className: "mr-1.5 h-4 w-4" }), "Add"]
 					}),
-					children: n.deliverables.length === 0 ? /* @__PURE__ */ P(l, {
+					children: n.deliverables.length === 0 ? /* @__PURE__ */ F(l, {
 						title: "No deliverables",
 						description: "Track the tangible outputs of this engagement.",
-						icon: /* @__PURE__ */ P(k, { className: "h-7 w-7" })
-					}) : /* @__PURE__ */ P("ul", {
+						icon: /* @__PURE__ */ F(A, { className: "h-7 w-7" })
+					}) : /* @__PURE__ */ F("ul", {
 						className: "space-y-2",
-						children: n.deliverables.map((e) => /* @__PURE__ */ P("li", {
+						children: n.deliverables.map((e) => /* @__PURE__ */ F("li", {
 							className: "rounded-lg border border-border-seam p-3",
-							children: /* @__PURE__ */ F("div", {
+							children: /* @__PURE__ */ I("div", {
 								className: "flex items-start justify-between gap-2",
-								children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ F("div", {
+								children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ I("div", {
 									className: "text-sm font-medium text-text-primary",
 									children: [
 										e.name,
 										" ",
-										/* @__PURE__ */ F("span", {
+										/* @__PURE__ */ I("span", {
 											className: "text-xs text-text-tertiary",
 											children: ["v", e.version]
 										})
 									]
-								}), e.dueDate && /* @__PURE__ */ F("div", {
+								}), e.dueDate && /* @__PURE__ */ I("div", {
 									className: "text-xs text-text-tertiary",
 									children: ["Due ", x(e.dueDate)]
-								})] }), /* @__PURE__ */ P(B, {
+								})] }), /* @__PURE__ */ F(V, {
 									id: e.id,
 									engagementId: n.id,
 									status: e.status,
@@ -145,35 +146,35 @@ var L = {
 							})
 						}, e.id))
 					})
-				}), /* @__PURE__ */ P(_, {
+				}), /* @__PURE__ */ F(_, {
 					title: "Milestones",
-					action: /* @__PURE__ */ F(I, {
+					action: /* @__PURE__ */ I(L, {
 						size: "sm",
 						variant: "outline",
-						onClick: () => R(!0),
-						children: [/* @__PURE__ */ P(j, { className: "mr-1.5 h-4 w-4" }), "Add"]
+						onClick: () => z(!0),
+						children: [/* @__PURE__ */ F(M, { className: "mr-1.5 h-4 w-4" }), "Add"]
 					}),
-					children: n.milestones.length === 0 ? /* @__PURE__ */ P(l, {
+					children: n.milestones.length === 0 ? /* @__PURE__ */ F(l, {
 						title: "No milestones",
 						description: "Add checkpoints — some can trigger billing.",
-						icon: /* @__PURE__ */ P(A, { className: "h-7 w-7" })
-					}) : /* @__PURE__ */ P("ul", {
+						icon: /* @__PURE__ */ F(j, { className: "h-7 w-7" })
+					}) : /* @__PURE__ */ F("ul", {
 						className: "space-y-2",
-						children: n.milestones.map((e) => /* @__PURE__ */ F("li", {
+						children: n.milestones.map((e) => /* @__PURE__ */ I("li", {
 							className: "flex items-center justify-between rounded-lg border border-border-seam p-3",
-							children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("div", {
+							children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("div", {
 								className: "text-sm font-medium text-text-primary",
 								children: e.name
-							}), /* @__PURE__ */ F("div", {
+							}), /* @__PURE__ */ I("div", {
 								className: "text-xs text-text-tertiary",
 								children: [
 									e.triggersInvoice ? `Bills ${C(e.triggerAmount, n.currency)} · ` : "",
 									"Due ",
 									x(e.dueDate)
 								]
-							})] }), /* @__PURE__ */ F("div", {
+							})] }), /* @__PURE__ */ I("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ P(v, { status: e.status }), e.status !== "COMPLETED" && e.status !== "CANCELLED" && /* @__PURE__ */ P(V, {
+								children: [/* @__PURE__ */ F(v, { status: e.status }), e.status !== "COMPLETED" && e.status !== "CANCELLED" && /* @__PURE__ */ F(H, {
 									id: e.id,
 									engagementId: n.id,
 									onDone: () => void m()
@@ -183,53 +184,57 @@ var L = {
 					})
 				})]
 			}),
-			/* @__PURE__ */ P(_, {
+			/* @__PURE__ */ F(_, {
 				title: "Time logged",
-				action: /* @__PURE__ */ F(I, {
+				action: /* @__PURE__ */ I(L, {
 					size: "sm",
 					variant: "outline",
 					onClick: () => t("time"),
-					children: [/* @__PURE__ */ P(O, { className: "mr-1.5 h-4 w-4" }), "Log time"]
+					children: [/* @__PURE__ */ F(k, { className: "mr-1.5 h-4 w-4" }), "Log time"]
 				}),
-				children: h.isLoading ? /* @__PURE__ */ P(f, { label: "Loading…" }) : !h.data || h.data.items.length === 0 ? /* @__PURE__ */ P(l, {
+				children: h.isLoading ? /* @__PURE__ */ F(f, { label: "Loading…" }) : !h.data || h.data.items.length === 0 ? /* @__PURE__ */ F(l, {
 					title: "No time logged",
 					description: "Time logged against this engagement will appear here."
-				}) : /* @__PURE__ */ P("ul", {
+				}) : /* @__PURE__ */ F("ul", {
 					className: "divide-y divide-border-seam",
-					children: h.data.items.slice(0, 8).map((e) => /* @__PURE__ */ F("li", {
+					children: h.data.items.slice(0, 8).map((e) => /* @__PURE__ */ I("li", {
 						className: "flex items-center justify-between py-2 text-sm",
-						children: [/* @__PURE__ */ F("span", {
+						children: [/* @__PURE__ */ I("span", {
 							className: "text-text-secondary",
 							children: [
 								x(e.date),
 								" · ",
 								e.narrative || "Time entry"
 							]
-						}), /* @__PURE__ */ F("span", {
+						}), /* @__PURE__ */ I("span", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ P("span", {
+							children: [/* @__PURE__ */ F("span", {
 								className: "text-text-primary",
 								children: S(e.minutes)
-							}), /* @__PURE__ */ P(v, { status: e.status })]
+							}), /* @__PURE__ */ F(v, { status: e.status })]
 						})]
 					}, e.id))
 				})
 			}),
-			b && /* @__PURE__ */ P(H, {
+			/* @__PURE__ */ F(T, {
+				entityType: "proserviceworld-engagement",
+				entityId: n.id
+			}),
+			b && /* @__PURE__ */ F(U, {
 				engagementId: n.id,
-				onClose: () => D(!1),
+				onClose: () => O(!1),
 				onDone: () => {
-					m(), W({
+					m(), G({
 						tone: "success",
 						text: "Deliverable added."
 					});
 				}
 			}),
-			N && /* @__PURE__ */ P(U, {
+			P && /* @__PURE__ */ F(W, {
 				engagementId: n.id,
-				onClose: () => R(!1),
+				onClose: () => z(!1),
 				onDone: () => {
-					m(), W({
+					m(), G({
 						tone: "success",
 						text: "Milestone added."
 					});
@@ -237,9 +242,9 @@ var L = {
 			})
 		]
 	});
-}, B = ({ id: e, engagementId: t, status: n, onDone: r }) => {
+}, V = ({ id: e, engagementId: t, status: n, onDone: r }) => {
 	let i = a();
-	return /* @__PURE__ */ P(h, {
+	return /* @__PURE__ */ F(h, {
 		value: n,
 		disabled: i.isPending,
 		onChange: (n) => i.mutate({
@@ -248,14 +253,14 @@ var L = {
 			engagementId: t
 		}, { onSuccess: r }),
 		className: "w-40",
-		children: R.map((e) => /* @__PURE__ */ P("option", {
+		children: z.map((e) => /* @__PURE__ */ F("option", {
 			value: e,
 			children: w(e)
 		}, e))
 	});
-}, V = ({ id: t, engagementId: n, onDone: r }) => {
+}, H = ({ id: t, engagementId: n, onDone: r }) => {
 	let i = e();
-	return /* @__PURE__ */ P(I, {
+	return /* @__PURE__ */ F(L, {
 		variant: "ghost",
 		size: "sm",
 		"aria-label": "Complete milestone",
@@ -264,28 +269,28 @@ var L = {
 			id: t,
 			engagementId: n
 		}, { onSuccess: r }),
-		children: /* @__PURE__ */ P(D, { className: "h-4 w-4" })
+		children: /* @__PURE__ */ F(O, { className: "h-4 w-4" })
 	});
-}, H = ({ engagementId: e, onClose: n, onDone: r }) => {
-	let i = t(), [a, o] = T({
+}, U = ({ engagementId: e, onClose: n, onDone: r }) => {
+	let i = t(), [a, o] = E({
 		name: "",
 		description: "",
 		dueDate: "",
 		acceptanceCriteria: ""
-	}), [s, l] = T(null), u = (e) => (t) => o((n) => ({
+	}), [s, l] = E(null), u = (e) => (t) => o((n) => ({
 		...n,
 		[e]: t.target.value
 	}));
-	return /* @__PURE__ */ P(m, {
+	return /* @__PURE__ */ F(m, {
 		open: !0,
 		onClose: n,
 		title: "Add deliverable",
-		footer: /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(I, {
+		footer: /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(L, {
 			variant: "outline",
 			onClick: n,
 			disabled: i.isPending,
 			children: "Cancel"
-		}), /* @__PURE__ */ P(I, {
+		}), /* @__PURE__ */ F(L, {
 			onClick: () => {
 				if (l(null), !a.name.trim()) return l("Name is required.");
 				i.mutate({
@@ -304,40 +309,40 @@ var L = {
 			disabled: i.isPending,
 			children: i.isPending ? "Adding…" : "Add"
 		})] }),
-		children: /* @__PURE__ */ F("div", {
+		children: /* @__PURE__ */ I("div", {
 			className: "space-y-3",
 			children: [
-				s && /* @__PURE__ */ P(c, {
+				s && /* @__PURE__ */ F(c, {
 					tone: "danger",
 					children: s
 				}),
-				/* @__PURE__ */ P(d, {
+				/* @__PURE__ */ F(d, {
 					label: "Name",
 					required: !0,
-					children: /* @__PURE__ */ P(b, {
+					children: /* @__PURE__ */ F(b, {
 						value: a.name,
 						onChange: u("name"),
 						placeholder: "Draft audit report"
 					})
 				}),
-				/* @__PURE__ */ P(d, {
+				/* @__PURE__ */ F(d, {
 					label: "Due date",
-					children: /* @__PURE__ */ P(b, {
+					children: /* @__PURE__ */ F(b, {
 						type: "date",
 						value: a.dueDate,
 						onChange: u("dueDate")
 					})
 				}),
-				/* @__PURE__ */ P(d, {
+				/* @__PURE__ */ F(d, {
 					label: "Acceptance criteria",
-					children: /* @__PURE__ */ P(y, {
+					children: /* @__PURE__ */ F(y, {
 						value: a.acceptanceCriteria,
 						onChange: u("acceptanceCriteria")
 					})
 				}),
-				/* @__PURE__ */ P(d, {
+				/* @__PURE__ */ F(d, {
 					label: "Description",
-					children: /* @__PURE__ */ P(y, {
+					children: /* @__PURE__ */ F(y, {
 						value: a.description,
 						onChange: u("description")
 					})
@@ -345,23 +350,23 @@ var L = {
 			]
 		})
 	});
-}, U = ({ engagementId: e, onClose: t, onDone: r }) => {
-	let i = n(), [a, o] = T({
+}, W = ({ engagementId: e, onClose: t, onDone: r }) => {
+	let i = n(), [a, o] = E({
 		name: "",
 		dueDate: "",
 		triggerAmount: "",
 		triggersInvoice: !1
-	}), [s, l] = T(null);
-	return /* @__PURE__ */ P(m, {
+	}), [s, l] = E(null);
+	return /* @__PURE__ */ F(m, {
 		open: !0,
 		onClose: t,
 		title: "Add milestone",
-		footer: /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(I, {
+		footer: /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(L, {
 			variant: "outline",
 			onClick: t,
 			disabled: i.isPending,
 			children: "Cancel"
-		}), /* @__PURE__ */ P(I, {
+		}), /* @__PURE__ */ F(L, {
 			onClick: () => {
 				if (l(null), !a.name.trim()) return l("Name is required.");
 				i.mutate({
@@ -380,17 +385,17 @@ var L = {
 			disabled: i.isPending,
 			children: i.isPending ? "Adding…" : "Add"
 		})] }),
-		children: /* @__PURE__ */ F("div", {
+		children: /* @__PURE__ */ I("div", {
 			className: "space-y-3",
 			children: [
-				s && /* @__PURE__ */ P(c, {
+				s && /* @__PURE__ */ F(c, {
 					tone: "danger",
 					children: s
 				}),
-				/* @__PURE__ */ P(d, {
+				/* @__PURE__ */ F(d, {
 					label: "Name",
 					required: !0,
-					children: /* @__PURE__ */ P(b, {
+					children: /* @__PURE__ */ F(b, {
 						value: a.name,
 						onChange: (e) => o((t) => ({
 							...t,
@@ -399,9 +404,9 @@ var L = {
 						placeholder: "Phase 1 sign-off"
 					})
 				}),
-				/* @__PURE__ */ P(d, {
+				/* @__PURE__ */ F(d, {
 					label: "Due date",
-					children: /* @__PURE__ */ P(b, {
+					children: /* @__PURE__ */ F(b, {
 						type: "date",
 						value: a.dueDate,
 						onChange: (e) => o((t) => ({
@@ -410,10 +415,10 @@ var L = {
 						}))
 					})
 				}),
-				/* @__PURE__ */ P(d, {
+				/* @__PURE__ */ F(d, {
 					label: "Trigger amount",
 					hint: "Amount billed when this milestone completes (if it triggers an invoice).",
-					children: /* @__PURE__ */ P(b, {
+					children: /* @__PURE__ */ F(b, {
 						type: "number",
 						min: "0",
 						value: a.triggerAmount,
@@ -423,9 +428,9 @@ var L = {
 						}))
 					})
 				}),
-				/* @__PURE__ */ F("label", {
+				/* @__PURE__ */ I("label", {
 					className: "flex items-center gap-2 text-sm text-text-secondary",
-					children: [/* @__PURE__ */ P("input", {
+					children: [/* @__PURE__ */ F("input", {
 						type: "checkbox",
 						checked: a.triggersInvoice,
 						onChange: (e) => o((t) => ({
@@ -439,6 +444,6 @@ var L = {
 	});
 };
 //#endregion
-export { z as EngagementDetailPage };
+export { B as EngagementDetailPage };
 
 //# sourceMappingURL=EngagementDetailPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EngagementDetailPage.js","names":[],"sources":["../../../src/proserviceworld/pages/EngagementDetailPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, Plus, CheckCircle2, FileText, Flag, Clock } from 'lucide-react';\nimport {\n  useEngagement,\n  useTransitionEngagement,\n  useCreateDeliverable,\n  useTransitionDeliverable,\n  useCreateMilestone,\n  useCompleteMilestone,\n  useTimeEntries,\n  type PswEngagementStatus,\n  type PswDeliverableStatus,\n} from '../hooks/useProServiceWorldApi';\nimport { useNav } from '../utils/nav';\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  fmtDate,\n  fmtMoney,\n  fmtMinutesAsHours,\n  humanize,\n} from '../components/ui';\n\n// Mirrors the svc ENGAGEMENT_TRANSITIONS state machine so we only offer valid moves.\nconst NEXT: Record<PswEngagementStatus, PswEngagementStatus[]> = {\n  PROPOSAL: ['ACCEPTED', 'CANCELLED'],\n  ACCEPTED: ['IN_PROGRESS', 'CANCELLED'],\n  IN_PROGRESS: ['REVIEW', 'CANCELLED'],\n  REVIEW: ['DELIVERED', 'IN_PROGRESS', 'CANCELLED'],\n  DELIVERED: ['INVOICED', 'CANCELLED'],\n  INVOICED: ['CLOSED'],\n  CLOSED: [],\n  CANCELLED: [],\n};\nconst DELIVERABLE_STATUSES: PswDeliverableStatus[] = [\n  'DRAFT',\n  'INTERNAL_REVIEW',\n  'CLIENT_REVIEW',\n  'ACCEPTED',\n  'REJECTED',\n];\n\nexport const EngagementDetailPage: FC = () => {\n  const { id = '' } = useParams();\n  const nav = useNav();\n  const { data: e, isLoading, error, refetch } = useEngagement(id);\n  const time = useTimeEntries({ engagementId: id });\n  const transition = useTransitionEngagement();\n  const [addDeliverable, setAddDeliverable] = useState(false);\n  const [addMilestone, setAddMilestone] = useState(false);\n  const [banner, setBanner] = useState<{ tone: 'success' | 'danger'; text: string } | null>(null);\n\n  if (isLoading) return <LoadingBlock />;\n  if (error) return <ErrorState error={error} onRetry={() => void refetch()} />;\n  if (!e) return <Empty title=\"Engagement not found\" />;\n\n  const nextStates = NEXT[e.status] ?? [];\n  const loggedMinutes = (time.data?.items ?? []).reduce((sum, t) => sum + t.minutes, 0);\n\n  return (\n    <div className=\"space-y-6\">\n      <button\n        type=\"button\"\n        onClick={() => nav('engagements')}\n        className=\"flex items-center gap-1.5 text-sm text-text-secondary hover:text-accent\"\n      >\n        <ArrowLeft className=\"h-4 w-4\" /> Back to engagements\n      </button>\n\n      <PageHeader\n        title={e.name}\n        subtitle={\n          e.client ? `${e.client.name} · ${humanize(e.feeArrangement)}` : humanize(e.feeArrangement)\n        }\n        actions={<StatusPill status={e.status} />}\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 lg:grid-cols-4\">\n        <MetricCard\n          label=\"Fee\"\n          value={fmtMoney(e.feeAmount, e.currency)}\n          hint={humanize(e.feeArrangement)}\n        />\n        <MetricCard label=\"Deliverables\" value={e.deliverables.length} />\n        <MetricCard label=\"Milestones\" value={e.milestones.length} />\n        <MetricCard\n          label=\"Time logged\"\n          value={fmtMinutesAsHours(loggedMinutes)}\n          hint={`${time.data?.totalCount ?? 0} entries`}\n        />\n      </div>\n\n      {nextStates.length > 0 && (\n        <SectionCard\n          title=\"Advance lifecycle\"\n          description={`Current status: ${humanize(e.status)}`}\n        >\n          <div className=\"flex flex-wrap gap-2\">\n            {nextStates.map((s) => (\n              <Button\n                key={s}\n                size=\"sm\"\n                variant={s === 'CANCELLED' ? 'outline' : 'default'}\n                disabled={transition.isPending}\n                onClick={() =>\n                  transition.mutate(\n                    { id: e.id, status: s },\n                    {\n                      onSuccess: () =>\n                        setBanner({ tone: 'success', text: `Moved to ${humanize(s)}.` }),\n                      onError: (err) =>\n                        setBanner({\n                          tone: 'danger',\n                          text: err instanceof Error ? err.message : 'Transition failed.',\n                        }),\n                    }\n                  )\n                }\n              >\n                {humanize(s)}\n              </Button>\n            ))}\n          </div>\n        </SectionCard>\n      )}\n\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n        <SectionCard\n          title=\"Deliverables\"\n          action={\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setAddDeliverable(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />\n              Add\n            </Button>\n          }\n        >\n          {e.deliverables.length === 0 ? (\n            <Empty\n              title=\"No deliverables\"\n              description=\"Track the tangible outputs of this engagement.\"\n              icon={<FileText className=\"h-7 w-7\" />}\n            />\n          ) : (\n            <ul className=\"space-y-2\">\n              {e.deliverables.map((d) => (\n                <li key={d.id} className=\"rounded-lg border border-border-seam p-3\">\n                  <div className=\"flex items-start justify-between gap-2\">\n                    <div>\n                      <div className=\"text-sm font-medium text-text-primary\">\n                        {d.name} <span className=\"text-xs text-text-tertiary\">v{d.version}</span>\n                      </div>\n                      {d.dueDate && (\n                        <div className=\"text-xs text-text-tertiary\">Due {fmtDate(d.dueDate)}</div>\n                      )}\n                    </div>\n                    <DeliverableStatusSelect\n                      id={d.id}\n                      engagementId={e.id}\n                      status={d.status}\n                      onDone={() => void refetch()}\n                    />\n                  </div>\n                </li>\n              ))}\n            </ul>\n          )}\n        </SectionCard>\n\n        <SectionCard\n          title=\"Milestones\"\n          action={\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setAddMilestone(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />\n              Add\n            </Button>\n          }\n        >\n          {e.milestones.length === 0 ? (\n            <Empty\n              title=\"No milestones\"\n              description=\"Add checkpoints — some can trigger billing.\"\n              icon={<Flag className=\"h-7 w-7\" />}\n            />\n          ) : (\n            <ul className=\"space-y-2\">\n              {e.milestones.map((m) => (\n                <li\n                  key={m.id}\n                  className=\"flex items-center justify-between rounded-lg border border-border-seam p-3\"\n                >\n                  <div>\n                    <div className=\"text-sm font-medium text-text-primary\">{m.name}</div>\n                    <div className=\"text-xs text-text-tertiary\">\n                      {m.triggersInvoice ? `Bills ${fmtMoney(m.triggerAmount, e.currency)} · ` : ''}\n                      Due {fmtDate(m.dueDate)}\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <StatusPill status={m.status} />\n                    {m.status !== 'COMPLETED' && m.status !== 'CANCELLED' && (\n                      <CompleteMilestoneButton\n                        id={m.id}\n                        engagementId={e.id}\n                        onDone={() => void refetch()}\n                      />\n                    )}\n                  </div>\n                </li>\n              ))}\n            </ul>\n          )}\n        </SectionCard>\n      </div>\n\n      <SectionCard\n        title=\"Time logged\"\n        action={\n          <Button size=\"sm\" variant=\"outline\" onClick={() => nav('time')}>\n            <Clock className=\"mr-1.5 h-4 w-4\" />\n            Log time\n          </Button>\n        }\n      >\n        {time.isLoading ? (\n          <LoadingBlock label=\"Loading…\" />\n        ) : !time.data || time.data.items.length === 0 ? (\n          <Empty\n            title=\"No time logged\"\n            description=\"Time logged against this engagement will appear here.\"\n          />\n        ) : (\n          <ul className=\"divide-y divide-border-seam\">\n            {time.data.items.slice(0, 8).map((t) => (\n              <li key={t.id} className=\"flex items-center justify-between py-2 text-sm\">\n                <span className=\"text-text-secondary\">\n                  {fmtDate(t.date)} · {t.narrative || 'Time entry'}\n                </span>\n                <span className=\"flex items-center gap-2\">\n                  <span className=\"text-text-primary\">{fmtMinutesAsHours(t.minutes)}</span>\n                  <StatusPill status={t.status} />\n                </span>\n              </li>\n            ))}\n          </ul>\n        )}\n      </SectionCard>\n\n      {addDeliverable && (\n        <DeliverableModal\n          engagementId={e.id}\n          onClose={() => setAddDeliverable(false)}\n          onDone={() => {\n            void refetch();\n            setBanner({ tone: 'success', text: 'Deliverable added.' });\n          }}\n        />\n      )}\n      {addMilestone && (\n        <MilestoneModal\n          engagementId={e.id}\n          onClose={() => setAddMilestone(false)}\n          onDone={() => {\n            void refetch();\n            setBanner({ tone: 'success', text: 'Milestone added.' });\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nconst DeliverableStatusSelect: FC<{\n  id: string;\n  engagementId: string;\n  status: PswDeliverableStatus;\n  onDone: () => void;\n}> = ({ id, engagementId, status, onDone }) => {\n  const transition = useTransitionDeliverable();\n  return (\n    <NativeSelect\n      value={status}\n      disabled={transition.isPending}\n      onChange={(ev) =>\n        transition.mutate(\n          { id, status: ev.target.value as PswDeliverableStatus, engagementId },\n          { onSuccess: onDone }\n        )\n      }\n      className=\"w-40\"\n    >\n      {DELIVERABLE_STATUSES.map((s) => (\n        <option key={s} value={s}>\n          {humanize(s)}\n        </option>\n      ))}\n    </NativeSelect>\n  );\n};\n\nconst CompleteMilestoneButton: FC<{ id: string; engagementId: string; onDone: () => void }> = ({\n  id,\n  engagementId,\n  onDone,\n}) => {\n  const complete = useCompleteMilestone();\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"sm\"\n      aria-label=\"Complete milestone\"\n      disabled={complete.isPending}\n      onClick={() => complete.mutate({ id, engagementId }, { onSuccess: onDone })}\n    >\n      <CheckCircle2 className=\"h-4 w-4\" />\n    </Button>\n  );\n};\n\nconst DeliverableModal: FC<{ engagementId: string; onClose: () => void; onDone: () => void }> = ({\n  engagementId,\n  onClose,\n  onDone,\n}) => {\n  const create = useCreateDeliverable();\n  const [form, setForm] = useState({\n    name: '',\n    description: '',\n    dueDate: '',\n    acceptanceCriteria: '',\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  const submit = () => {\n    setErr(null);\n    if (!form.name.trim()) return setErr('Name is required.');\n    create.mutate(\n      {\n        engagementId,\n        name: form.name.trim(),\n        description: form.description.trim() || null,\n        acceptanceCriteria: form.acceptanceCriteria.trim() || null,\n        dueDate: form.dueDate ? new Date(form.dueDate).toISOString() : null,\n      },\n      {\n        onSuccess: () => {\n          onDone();\n          onClose();\n        },\n        onError: (e) => setErr(e instanceof Error ? e.message : 'Failed.'),\n      }\n    );\n  };\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"Add deliverable\"\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 ? 'Adding…' : 'Add'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Name\" required>\n          <TextInput value={form.name} onChange={set('name')} placeholder=\"Draft audit report\" />\n        </Field>\n        <Field label=\"Due date\">\n          <TextInput type=\"date\" value={form.dueDate} onChange={set('dueDate')} />\n        </Field>\n        <Field label=\"Acceptance criteria\">\n          <TextArea value={form.acceptanceCriteria} onChange={set('acceptanceCriteria')} />\n        </Field>\n        <Field label=\"Description\">\n          <TextArea value={form.description} onChange={set('description')} />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n\nconst MilestoneModal: FC<{ engagementId: string; onClose: () => void; onDone: () => void }> = ({\n  engagementId,\n  onClose,\n  onDone,\n}) => {\n  const create = useCreateMilestone();\n  const [form, setForm] = useState({\n    name: '',\n    dueDate: '',\n    triggerAmount: '',\n    triggersInvoice: false,\n  });\n  const [err, setErr] = useState<string | null>(null);\n  const submit = () => {\n    setErr(null);\n    if (!form.name.trim()) return setErr('Name is required.');\n    create.mutate(\n      {\n        engagementId,\n        name: form.name.trim(),\n        dueDate: form.dueDate ? new Date(form.dueDate).toISOString() : null,\n        triggerAmount: form.triggerAmount ? Number(form.triggerAmount) : 0,\n        triggersInvoice: form.triggersInvoice,\n      },\n      {\n        onSuccess: () => {\n          onDone();\n          onClose();\n        },\n        onError: (e) => setErr(e instanceof Error ? e.message : 'Failed.'),\n      }\n    );\n  };\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"Add milestone\"\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 ? 'Adding…' : 'Add'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Name\" required>\n          <TextInput\n            value={form.name}\n            onChange={(e) => setForm((f) => ({ ...f, name: e.target.value }))}\n            placeholder=\"Phase 1 sign-off\"\n          />\n        </Field>\n        <Field label=\"Due date\">\n          <TextInput\n            type=\"date\"\n            value={form.dueDate}\n            onChange={(e) => setForm((f) => ({ ...f, dueDate: e.target.value }))}\n          />\n        </Field>\n        <Field\n          label=\"Trigger amount\"\n          hint=\"Amount billed when this milestone completes (if it triggers an invoice).\"\n        >\n          <TextInput\n            type=\"number\"\n            min=\"0\"\n            value={form.triggerAmount}\n            onChange={(e) => setForm((f) => ({ ...f, triggerAmount: e.target.value }))}\n          />\n        </Field>\n        <label className=\"flex items-center gap-2 text-sm text-text-secondary\">\n          <input\n            type=\"checkbox\"\n            checked={form.triggersInvoice}\n            onChange={(e) => setForm((f) => ({ ...f, triggersInvoice: e.target.checked }))}\n          />\n          Completing this milestone triggers an invoice\n        </label>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"EngagementDetailPage.js","names":[],"sources":["../../../src/proserviceworld/pages/EngagementDetailPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, Plus, CheckCircle2, FileText, Flag, Clock } from 'lucide-react';\nimport {\n  useEngagement,\n  useTransitionEngagement,\n  useCreateDeliverable,\n  useTransitionDeliverable,\n  useCreateMilestone,\n  useCompleteMilestone,\n  useTimeEntries,\n  type PswEngagementStatus,\n  type PswDeliverableStatus,\n} from '../hooks/useProServiceWorldApi';\nimport { useNav } from '../utils/nav';\nimport { DiscussionThread } from '../components/DiscussionThread';\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  fmtDate,\n  fmtMoney,\n  fmtMinutesAsHours,\n  humanize,\n} from '../components/ui';\n\n// Mirrors the svc ENGAGEMENT_TRANSITIONS state machine so we only offer valid moves.\nconst NEXT: Record<PswEngagementStatus, PswEngagementStatus[]> = {\n  PROPOSAL: ['ACCEPTED', 'CANCELLED'],\n  ACCEPTED: ['IN_PROGRESS', 'CANCELLED'],\n  IN_PROGRESS: ['REVIEW', 'CANCELLED'],\n  REVIEW: ['DELIVERED', 'IN_PROGRESS', 'CANCELLED'],\n  DELIVERED: ['INVOICED', 'CANCELLED'],\n  INVOICED: ['CLOSED'],\n  CLOSED: [],\n  CANCELLED: [],\n};\nconst DELIVERABLE_STATUSES: PswDeliverableStatus[] = [\n  'DRAFT',\n  'INTERNAL_REVIEW',\n  'CLIENT_REVIEW',\n  'ACCEPTED',\n  'REJECTED',\n];\n\nexport const EngagementDetailPage: FC = () => {\n  const { id = '' } = useParams();\n  const nav = useNav();\n  const { data: e, isLoading, error, refetch } = useEngagement(id);\n  const time = useTimeEntries({ engagementId: id });\n  const transition = useTransitionEngagement();\n  const [addDeliverable, setAddDeliverable] = useState(false);\n  const [addMilestone, setAddMilestone] = useState(false);\n  const [banner, setBanner] = useState<{ tone: 'success' | 'danger'; text: string } | null>(null);\n\n  if (isLoading) return <LoadingBlock />;\n  if (error) return <ErrorState error={error} onRetry={() => void refetch()} />;\n  if (!e) return <Empty title=\"Engagement not found\" />;\n\n  const nextStates = NEXT[e.status] ?? [];\n  const loggedMinutes = (time.data?.items ?? []).reduce((sum, t) => sum + t.minutes, 0);\n\n  return (\n    <div className=\"space-y-6\">\n      <button\n        type=\"button\"\n        onClick={() => nav('engagements')}\n        className=\"flex items-center gap-1.5 text-sm text-text-secondary hover:text-accent\"\n      >\n        <ArrowLeft className=\"h-4 w-4\" /> Back to engagements\n      </button>\n\n      <PageHeader\n        title={e.name}\n        subtitle={\n          e.client ? `${e.client.name} · ${humanize(e.feeArrangement)}` : humanize(e.feeArrangement)\n        }\n        actions={<StatusPill status={e.status} />}\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 lg:grid-cols-4\">\n        <MetricCard\n          label=\"Fee\"\n          value={fmtMoney(e.feeAmount, e.currency)}\n          hint={humanize(e.feeArrangement)}\n        />\n        <MetricCard label=\"Deliverables\" value={e.deliverables.length} />\n        <MetricCard label=\"Milestones\" value={e.milestones.length} />\n        <MetricCard\n          label=\"Time logged\"\n          value={fmtMinutesAsHours(loggedMinutes)}\n          hint={`${time.data?.totalCount ?? 0} entries`}\n        />\n      </div>\n\n      {nextStates.length > 0 && (\n        <SectionCard\n          title=\"Advance lifecycle\"\n          description={`Current status: ${humanize(e.status)}`}\n        >\n          <div className=\"flex flex-wrap gap-2\">\n            {nextStates.map((s) => (\n              <Button\n                key={s}\n                size=\"sm\"\n                variant={s === 'CANCELLED' ? 'outline' : 'default'}\n                disabled={transition.isPending}\n                onClick={() =>\n                  transition.mutate(\n                    { id: e.id, status: s },\n                    {\n                      onSuccess: () =>\n                        setBanner({ tone: 'success', text: `Moved to ${humanize(s)}.` }),\n                      onError: (err) =>\n                        setBanner({\n                          tone: 'danger',\n                          text: err instanceof Error ? err.message : 'Transition failed.',\n                        }),\n                    }\n                  )\n                }\n              >\n                {humanize(s)}\n              </Button>\n            ))}\n          </div>\n        </SectionCard>\n      )}\n\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n        <SectionCard\n          title=\"Deliverables\"\n          action={\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setAddDeliverable(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />\n              Add\n            </Button>\n          }\n        >\n          {e.deliverables.length === 0 ? (\n            <Empty\n              title=\"No deliverables\"\n              description=\"Track the tangible outputs of this engagement.\"\n              icon={<FileText className=\"h-7 w-7\" />}\n            />\n          ) : (\n            <ul className=\"space-y-2\">\n              {e.deliverables.map((d) => (\n                <li key={d.id} className=\"rounded-lg border border-border-seam p-3\">\n                  <div className=\"flex items-start justify-between gap-2\">\n                    <div>\n                      <div className=\"text-sm font-medium text-text-primary\">\n                        {d.name} <span className=\"text-xs text-text-tertiary\">v{d.version}</span>\n                      </div>\n                      {d.dueDate && (\n                        <div className=\"text-xs text-text-tertiary\">Due {fmtDate(d.dueDate)}</div>\n                      )}\n                    </div>\n                    <DeliverableStatusSelect\n                      id={d.id}\n                      engagementId={e.id}\n                      status={d.status}\n                      onDone={() => void refetch()}\n                    />\n                  </div>\n                </li>\n              ))}\n            </ul>\n          )}\n        </SectionCard>\n\n        <SectionCard\n          title=\"Milestones\"\n          action={\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setAddMilestone(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />\n              Add\n            </Button>\n          }\n        >\n          {e.milestones.length === 0 ? (\n            <Empty\n              title=\"No milestones\"\n              description=\"Add checkpoints — some can trigger billing.\"\n              icon={<Flag className=\"h-7 w-7\" />}\n            />\n          ) : (\n            <ul className=\"space-y-2\">\n              {e.milestones.map((m) => (\n                <li\n                  key={m.id}\n                  className=\"flex items-center justify-between rounded-lg border border-border-seam p-3\"\n                >\n                  <div>\n                    <div className=\"text-sm font-medium text-text-primary\">{m.name}</div>\n                    <div className=\"text-xs text-text-tertiary\">\n                      {m.triggersInvoice ? `Bills ${fmtMoney(m.triggerAmount, e.currency)} · ` : ''}\n                      Due {fmtDate(m.dueDate)}\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <StatusPill status={m.status} />\n                    {m.status !== 'COMPLETED' && m.status !== 'CANCELLED' && (\n                      <CompleteMilestoneButton\n                        id={m.id}\n                        engagementId={e.id}\n                        onDone={() => void refetch()}\n                      />\n                    )}\n                  </div>\n                </li>\n              ))}\n            </ul>\n          )}\n        </SectionCard>\n      </div>\n\n      <SectionCard\n        title=\"Time logged\"\n        action={\n          <Button size=\"sm\" variant=\"outline\" onClick={() => nav('time')}>\n            <Clock className=\"mr-1.5 h-4 w-4\" />\n            Log time\n          </Button>\n        }\n      >\n        {time.isLoading ? (\n          <LoadingBlock label=\"Loading…\" />\n        ) : !time.data || time.data.items.length === 0 ? (\n          <Empty\n            title=\"No time logged\"\n            description=\"Time logged against this engagement will appear here.\"\n          />\n        ) : (\n          <ul className=\"divide-y divide-border-seam\">\n            {time.data.items.slice(0, 8).map((t) => (\n              <li key={t.id} className=\"flex items-center justify-between py-2 text-sm\">\n                <span className=\"text-text-secondary\">\n                  {fmtDate(t.date)} · {t.narrative || 'Time entry'}\n                </span>\n                <span className=\"flex items-center gap-2\">\n                  <span className=\"text-text-primary\">{fmtMinutesAsHours(t.minutes)}</span>\n                  <StatusPill status={t.status} />\n                </span>\n              </li>\n            ))}\n          </ul>\n        )}\n      </SectionCard>\n\n      <DiscussionThread entityType=\"proserviceworld-engagement\" entityId={e.id} />\n\n      {addDeliverable && (\n        <DeliverableModal\n          engagementId={e.id}\n          onClose={() => setAddDeliverable(false)}\n          onDone={() => {\n            void refetch();\n            setBanner({ tone: 'success', text: 'Deliverable added.' });\n          }}\n        />\n      )}\n      {addMilestone && (\n        <MilestoneModal\n          engagementId={e.id}\n          onClose={() => setAddMilestone(false)}\n          onDone={() => {\n            void refetch();\n            setBanner({ tone: 'success', text: 'Milestone added.' });\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nconst DeliverableStatusSelect: FC<{\n  id: string;\n  engagementId: string;\n  status: PswDeliverableStatus;\n  onDone: () => void;\n}> = ({ id, engagementId, status, onDone }) => {\n  const transition = useTransitionDeliverable();\n  return (\n    <NativeSelect\n      value={status}\n      disabled={transition.isPending}\n      onChange={(ev) =>\n        transition.mutate(\n          { id, status: ev.target.value as PswDeliverableStatus, engagementId },\n          { onSuccess: onDone }\n        )\n      }\n      className=\"w-40\"\n    >\n      {DELIVERABLE_STATUSES.map((s) => (\n        <option key={s} value={s}>\n          {humanize(s)}\n        </option>\n      ))}\n    </NativeSelect>\n  );\n};\n\nconst CompleteMilestoneButton: FC<{ id: string; engagementId: string; onDone: () => void }> = ({\n  id,\n  engagementId,\n  onDone,\n}) => {\n  const complete = useCompleteMilestone();\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"sm\"\n      aria-label=\"Complete milestone\"\n      disabled={complete.isPending}\n      onClick={() => complete.mutate({ id, engagementId }, { onSuccess: onDone })}\n    >\n      <CheckCircle2 className=\"h-4 w-4\" />\n    </Button>\n  );\n};\n\nconst DeliverableModal: FC<{ engagementId: string; onClose: () => void; onDone: () => void }> = ({\n  engagementId,\n  onClose,\n  onDone,\n}) => {\n  const create = useCreateDeliverable();\n  const [form, setForm] = useState({\n    name: '',\n    description: '',\n    dueDate: '',\n    acceptanceCriteria: '',\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  const submit = () => {\n    setErr(null);\n    if (!form.name.trim()) return setErr('Name is required.');\n    create.mutate(\n      {\n        engagementId,\n        name: form.name.trim(),\n        description: form.description.trim() || null,\n        acceptanceCriteria: form.acceptanceCriteria.trim() || null,\n        dueDate: form.dueDate ? new Date(form.dueDate).toISOString() : null,\n      },\n      {\n        onSuccess: () => {\n          onDone();\n          onClose();\n        },\n        onError: (e) => setErr(e instanceof Error ? e.message : 'Failed.'),\n      }\n    );\n  };\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"Add deliverable\"\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 ? 'Adding…' : 'Add'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Name\" required>\n          <TextInput value={form.name} onChange={set('name')} placeholder=\"Draft audit report\" />\n        </Field>\n        <Field label=\"Due date\">\n          <TextInput type=\"date\" value={form.dueDate} onChange={set('dueDate')} />\n        </Field>\n        <Field label=\"Acceptance criteria\">\n          <TextArea value={form.acceptanceCriteria} onChange={set('acceptanceCriteria')} />\n        </Field>\n        <Field label=\"Description\">\n          <TextArea value={form.description} onChange={set('description')} />\n        </Field>\n      </div>\n    </Modal>\n  );\n};\n\nconst MilestoneModal: FC<{ engagementId: string; onClose: () => void; onDone: () => void }> = ({\n  engagementId,\n  onClose,\n  onDone,\n}) => {\n  const create = useCreateMilestone();\n  const [form, setForm] = useState({\n    name: '',\n    dueDate: '',\n    triggerAmount: '',\n    triggersInvoice: false,\n  });\n  const [err, setErr] = useState<string | null>(null);\n  const submit = () => {\n    setErr(null);\n    if (!form.name.trim()) return setErr('Name is required.');\n    create.mutate(\n      {\n        engagementId,\n        name: form.name.trim(),\n        dueDate: form.dueDate ? new Date(form.dueDate).toISOString() : null,\n        triggerAmount: form.triggerAmount ? Number(form.triggerAmount) : 0,\n        triggersInvoice: form.triggersInvoice,\n      },\n      {\n        onSuccess: () => {\n          onDone();\n          onClose();\n        },\n        onError: (e) => setErr(e instanceof Error ? e.message : 'Failed.'),\n      }\n    );\n  };\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"Add milestone\"\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 ? 'Adding…' : 'Add'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Name\" required>\n          <TextInput\n            value={form.name}\n            onChange={(e) => setForm((f) => ({ ...f, name: e.target.value }))}\n            placeholder=\"Phase 1 sign-off\"\n          />\n        </Field>\n        <Field label=\"Due date\">\n          <TextInput\n            type=\"date\"\n            value={form.dueDate}\n            onChange={(e) => setForm((f) => ({ ...f, dueDate: e.target.value }))}\n          />\n        </Field>\n        <Field\n          label=\"Trigger amount\"\n          hint=\"Amount billed when this milestone completes (if it triggers an invoice).\"\n        >\n          <TextInput\n            type=\"number\"\n            min=\"0\"\n            value={form.triggerAmount}\n            onChange={(e) => setForm((f) => ({ ...f, triggerAmount: e.target.value }))}\n          />\n        </Field>\n        <label className=\"flex items-center gap-2 text-sm text-text-secondary\">\n          <input\n            type=\"checkbox\"\n            checked={form.triggersInvoice}\n            onChange={(e) => setForm((f) => ({ ...f, triggersInvoice: e.target.checked }))}\n          />\n          Completing this milestone triggers an invoice\n        </label>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}

package/package.json

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