@burdenoff/microfe-proserviceworld 2026.709.1 → 2026.709.3

package/dist/proserviceworld/ProServiceWorldRoot.js

@@ -76,7 +76,8 @@ var _ = [
 ], v = (i) => {
 	let { registerNavItems: a, basePath: o = "/" } = i;
 	return r(() => {
-		if (a) return a({
+		if (!a) return;
+		let e = {
 			id: "proserviceworld",
 			label: "ProServiceWorld",
 			path: o,
@@ -90,7 +91,8 @@ var _ = [
 				icon: /* @__PURE__ */ g(e.icon, { size: 16 }),
 				order: t
 			}))
-		});
+		};
+		return a(e);
 	}, [a, o]), /* @__PURE__ */ g(h, {
 		workspaceId: null,
 		gateway: "global",

package/dist/proserviceworld/ProServiceWorldRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProServiceWorldRoot.js","names":[],"sources":["../../src/proserviceworld/ProServiceWorldRoot.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useEffect } from 'react';\nimport {\n  LayoutDashboard,\n  Building2,\n  Briefcase,\n  FolderKanban,\n  Clock,\n  Receipt,\n  ShieldCheck,\n  GitBranch,\n  FileText,\n  LayoutGrid,\n  BarChart2,\n} from 'lucide-react';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { ProServiceWorldProvider } from './providers/ProServiceWorldProvider';\nimport type { NavItem, ProServiceWorldRootProps } from './types';\nimport { ProServiceWorldRoutes } from './ProServiceWorldRoutes';\nimport { joinPath } from './utils/navigation';\n\n/**\n * The authoritative sidebar navigation is registered by the host app shell\n * (proserviceworld-app NavRegistration). These items are only used when the MFE\n * is mounted standalone with `registerNavItems` provided — they mirror the\n * shell's canonical professional-services routes exactly.\n */\nconst NAV: { id: string; label: string; path: string; icon: FC<{ size?: number }> }[] = [\n  { id: 'dashboard', label: 'Dashboard', path: '', icon: LayoutDashboard },\n  { id: 'clients', label: 'Clients', path: 'clients', icon: Building2 },\n  { id: 'engagements', label: 'Engagements', path: 'engagements', icon: Briefcase },\n  { id: 'matters', label: 'Matters', path: 'matters', icon: FolderKanban },\n  { id: 'time', label: 'Time', path: 'time', icon: Clock },\n  { id: 'invoices', label: 'Invoices', path: 'invoices', icon: Receipt },\n  { id: 'compliance', label: 'Compliance', path: 'compliance', icon: ShieldCheck },\n  { id: 'conflicts', label: 'Conflict Checks', path: 'conflicts', icon: GitBranch },\n  { id: 'documents', label: 'Documents', path: 'documents', icon: FileText },\n  { id: 'practice-areas', label: 'Practice Areas', path: 'practice-areas', icon: LayoutGrid },\n  { id: 'analytics', label: 'Analytics', path: 'analytics', icon: BarChart2 },\n];\n\nexport const ProServiceWorldRoot: FC<ProServiceWorldRootProps> = (props) => {\n  const { registerNavItems, basePath = '/' } = props;\n\n  useEffect(() => {\n    if (!registerNavItems) return;\n    const navItem: NavItem = {\n      id: 'proserviceworld',\n      label: 'ProServiceWorld',\n      path: basePath,\n      icon: <LayoutDashboard size={20} />,\n      order: 80,\n      group: 'products',\n      children: NAV.map((n, i) => ({\n        id: `proserviceworld-${n.id}`,\n        label: n.label,\n        path: joinPath(basePath, n.path),\n        icon: <n.icon size={16} />,\n        order: i,\n      })),\n    };\n    return registerNavItems(navItem);\n  }, [registerNavItems, basePath]);\n\n  return (\n    <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n      <ProServiceWorldProvider {...props}>\n        <ProServiceWorldRoutes />\n      </ProServiceWorldProvider>\n    </FeatureFlagProvider>\n  );\n};\n"],"mappings":";;;;;;;;AA2BA,IAAM,IAAkF;CACtF;EAAE,IAAI;EAAa,OAAO;EAAa,MAAM;EAAI,MAAM;EAAiB;CACxE;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM;EAAW,MAAM;EAAW;CACrE;EAAE,IAAI;EAAe,OAAO;EAAe,MAAM;EAAe,MAAM;EAAW;CACjF;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM;EAAW,MAAM;EAAc;CACxE;EAAE,IAAI;EAAQ,OAAO;EAAQ,MAAM;EAAQ,MAAM;EAAO;CACxD;EAAE,IAAI;EAAY,OAAO;EAAY,MAAM;EAAY,MAAM;EAAS;CACtE;EAAE,IAAI;EAAc,OAAO;EAAc,MAAM;EAAc,MAAM;EAAa;CAChF;EAAE,IAAI;EAAa,OAAO;EAAmB,MAAM;EAAa,MAAM;EAAW;CACjF;EAAE,IAAI;EAAa,OAAO;EAAa,MAAM;EAAa,MAAM;EAAU;CAC1E;EAAE,IAAI;EAAkB,OAAO;EAAkB,MAAM;EAAkB,MAAM;EAAY;CAC3F;EAAE,IAAI;EAAa,OAAO;EAAa,MAAM;EAAa,MAAM;EAAW;CAC5E,EAEY,KAAqD,MAAU;CAC1E,IAAM,EAAE,qBAAkB,cAAW,QAAQ;AAsB7C,QApBA,QAAgB;AACT,QAgBL,QAAO,EAfkB;GACvB,IAAI;GACJ,OAAO;GACP,MAAM;GACN,MAAM,kBAAC,GAAD,EAAiB,MAAM,IAAM,CAAA;GACnC,OAAO;GACP,OAAO;GACP,UAAU,EAAI,KAAK,GAAG,OAAO;IAC3B,IAAI,mBAAmB,EAAE;IACzB,OAAO,EAAE;IACT,MAAM,EAAS,GAAU,EAAE,KAAK;IAChC,MAAM,kBAAC,EAAE,MAAH,EAAQ,MAAM,IAAM,CAAA;IAC1B,OAAO;IACR,EAAE;GACJ,CAC+B;IAC/B,CAAC,GAAkB,EAAS,CAAC,EAG9B,kBAAC,GAAD;EAAqB,aAAa;EAAM,SAAQ;EAAS,gBAAgB;YACvE,kBAAC,GAAD;GAAyB,GAAI;aAC3B,kBAAC,GAAD,EAAyB,CAAA;GACD,CAAA;EACN,CAAA"}
+{"version":3,"file":"ProServiceWorldRoot.js","names":[],"sources":["../../src/proserviceworld/ProServiceWorldRoot.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useEffect } from 'react';\nimport {\n  LayoutDashboard,\n  Building2,\n  Briefcase,\n  FolderKanban,\n  Clock,\n  Receipt,\n  ShieldCheck,\n  GitBranch,\n  FileText,\n  LayoutGrid,\n  BarChart2,\n} from 'lucide-react';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { ProServiceWorldProvider } from './providers/ProServiceWorldProvider';\nimport type { NavItem, ProServiceWorldRootProps } from './types';\nimport { ProServiceWorldRoutes } from './ProServiceWorldRoutes';\nimport { joinPath } from './utils/navigation';\n\n/**\n * The authoritative sidebar navigation is registered by the host app shell\n * (proserviceworld-app NavRegistration). These items are only used when the MFE\n * is mounted standalone with `registerNavItems` provided — they mirror the\n * shell's canonical professional-services routes exactly.\n */\nconst NAV: { id: string; label: string; path: string; icon: FC<{ size?: number }> }[] = [\n  { id: 'dashboard', label: 'Dashboard', path: '', icon: LayoutDashboard },\n  { id: 'clients', label: 'Clients', path: 'clients', icon: Building2 },\n  { id: 'engagements', label: 'Engagements', path: 'engagements', icon: Briefcase },\n  { id: 'matters', label: 'Matters', path: 'matters', icon: FolderKanban },\n  { id: 'time', label: 'Time', path: 'time', icon: Clock },\n  { id: 'invoices', label: 'Invoices', path: 'invoices', icon: Receipt },\n  { id: 'compliance', label: 'Compliance', path: 'compliance', icon: ShieldCheck },\n  { id: 'conflicts', label: 'Conflict Checks', path: 'conflicts', icon: GitBranch },\n  { id: 'documents', label: 'Documents', path: 'documents', icon: FileText },\n  { id: 'practice-areas', label: 'Practice Areas', path: 'practice-areas', icon: LayoutGrid },\n  { id: 'analytics', label: 'Analytics', path: 'analytics', icon: BarChart2 },\n];\n\nexport const ProServiceWorldRoot: FC<ProServiceWorldRootProps> = (props) => {\n  const { registerNavItems, basePath = '/' } = props;\n\n  useEffect(() => {\n    if (!registerNavItems) return;\n    const navItem: NavItem = {\n      id: 'proserviceworld',\n      label: 'ProServiceWorld',\n      path: basePath,\n      icon: <LayoutDashboard size={20} />,\n      order: 80,\n      group: 'products',\n      children: NAV.map((n, i) => ({\n        id: `proserviceworld-${n.id}`,\n        label: n.label,\n        path: joinPath(basePath, n.path),\n        icon: <n.icon size={16} />,\n        order: i,\n      })),\n    };\n    return registerNavItems(navItem);\n  }, [registerNavItems, basePath]);\n\n  return (\n    <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n      <ProServiceWorldProvider {...props}>\n        <ProServiceWorldRoutes />\n      </ProServiceWorldProvider>\n    </FeatureFlagProvider>\n  );\n};\n"],"mappings":";;;;;;;;AA2BA,IAAM,IAAkF;CACtF;EAAE,IAAI;EAAa,OAAO;EAAa,MAAM;EAAI,MAAM;CAAgB;CACvE;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM;EAAW,MAAM;CAAU;CACpE;EAAE,IAAI;EAAe,OAAO;EAAe,MAAM;EAAe,MAAM;CAAU;CAChF;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM;EAAW,MAAM;CAAa;CACvE;EAAE,IAAI;EAAQ,OAAO;EAAQ,MAAM;EAAQ,MAAM;CAAM;CACvD;EAAE,IAAI;EAAY,OAAO;EAAY,MAAM;EAAY,MAAM;CAAQ;CACrE;EAAE,IAAI;EAAc,OAAO;EAAc,MAAM;EAAc,MAAM;CAAY;CAC/E;EAAE,IAAI;EAAa,OAAO;EAAmB,MAAM;EAAa,MAAM;CAAU;CAChF;EAAE,IAAI;EAAa,OAAO;EAAa,MAAM;EAAa,MAAM;CAAS;CACzE;EAAE,IAAI;EAAkB,OAAO;EAAkB,MAAM;EAAkB,MAAM;CAAW;CAC1F;EAAE,IAAI;EAAa,OAAO;EAAa,MAAM;EAAa,MAAM;CAAU;AAC5E,GAEa,KAAqD,MAAU;CAC1E,IAAM,EAAE,qBAAkB,cAAW,QAAQ;CAsB7C,OApBA,QAAgB;EACd,IAAI,CAAC,GAAkB;EACvB,IAAM,IAAmB;GACvB,IAAI;GACJ,OAAO;GACP,MAAM;GACN,MAAM,kBAAC,GAAD,EAAiB,MAAM,GAAK,CAAA;GAClC,OAAO;GACP,OAAO;GACP,UAAU,EAAI,KAAK,GAAG,OAAO;IAC3B,IAAI,mBAAmB,EAAE;IACzB,OAAO,EAAE;IACT,MAAM,EAAS,GAAU,EAAE,IAAI;IAC/B,MAAM,kBAAC,EAAE,MAAH,EAAQ,MAAM,GAAK,CAAA;IACzB,OAAO;GACT,EAAE;EACJ;EACA,OAAO,EAAiB,CAAO;CACjC,GAAG,CAAC,GAAkB,CAAQ,CAAC,GAG7B,kBAAC,GAAD;EAAqB,aAAa;EAAM,SAAQ;EAAS,gBAAgB;YACvE,kBAAC,GAAD;GAAyB,GAAI;aAC3B,kBAAC,GAAD,CAAwB,CAAA;EACD,CAAA;CACN,CAAA;AAEzB"}

package/dist/proserviceworld/ProServiceWorldRoutes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProServiceWorldRoutes.d.ts","sourceRoot":"","sources":["../../src/proserviceworld/ProServiceWorldRoutes.tsx"],"names":[],"mappings":"AAgDA,wBAAgB,qBAAqB,gCAqBpC"}
+{"version":3,"file":"ProServiceWorldRoutes.d.ts","sourceRoot":"","sources":["../../src/proserviceworld/ProServiceWorldRoutes.tsx"],"names":[],"mappings":"AA+DA,wBAAgB,qBAAqB,gCAiHpC"}

package/dist/proserviceworld/ProServiceWorldRoutes.js

@@ -1,83 +1,136 @@
 import { DashboardPage as e } from "./pages/DashboardPage.js";
-import { Suspense as t, lazy as n } from "react";
-import { Loader2 as r } from "lucide-react";
-import { Navigate as i, Route as a, Routes as o } from "react-router-dom";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { usePageViewAnalytics as t } from "./hooks/usePageViewAnalytics.js";
+import { FeatureFlaggedPage as n } from "./components/FeatureFlaggedPage.js";
+import { Suspense as r, lazy as i } from "react";
+import { Loader2 as a } from "lucide-react";
+import { Navigate as o, Route as s, Routes as c } from "react-router-dom";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/proserviceworld/ProServiceWorldRoutes.tsx
-var l = n(() => import("./pages/ClientsPage.js").then((e) => ({ default: e.ClientsPage }))), u = n(() => import("./pages/ClientDetailPage.js").then((e) => ({ default: e.ClientDetailPage }))), d = n(() => import("./pages/EngagementsPage.js").then((e) => ({ default: e.EngagementsPage }))), f = n(() => import("./pages/EngagementDetailPage.js").then((e) => ({ default: e.EngagementDetailPage }))), p = n(() => import("./pages/MattersPage.js").then((e) => ({ default: e.MattersPage }))), m = n(() => import("./pages/TimePage.js").then((e) => ({ default: e.TimePage }))), h = n(() => import("./pages/InvoicesPage.js").then((e) => ({ default: e.InvoicesPage }))), g = n(() => import("./pages/CompliancePage.js").then((e) => ({ default: e.CompliancePage }))), _ = n(() => import("./pages/ConflictsPage.js").then((e) => ({ default: e.ConflictsPage }))), v = n(() => import("./pages/DocumentsPage.js").then((e) => ({ default: e.DocumentsPage }))), y = n(() => import("./pages/PracticeAreasPage.js").then((e) => ({ default: e.PracticeAreasPage }))), b = n(() => import("./pages/AnalyticsPage.js").then((e) => ({ default: e.AnalyticsPage })));
-function x() {
-	return /* @__PURE__ */ s("div", {
+var d = i(() => import("./pages/ClientsPage.js").then((e) => ({ default: e.ClientsPage }))), f = i(() => import("./pages/ClientDetailPage.js").then((e) => ({ default: e.ClientDetailPage }))), p = i(() => import("./pages/EngagementsPage.js").then((e) => ({ default: e.EngagementsPage }))), m = i(() => import("./pages/EngagementDetailPage.js").then((e) => ({ default: e.EngagementDetailPage }))), h = i(() => import("./pages/MattersPage.js").then((e) => ({ default: e.MattersPage }))), g = i(() => import("./pages/TimePage.js").then((e) => ({ default: e.TimePage }))), _ = i(() => import("./pages/InvoicesPage.js").then((e) => ({ default: e.InvoicesPage }))), v = i(() => import("./pages/CompliancePage.js").then((e) => ({ default: e.CompliancePage }))), y = i(() => import("./pages/ConflictsPage.js").then((e) => ({ default: e.ConflictsPage }))), b = i(() => import("./pages/DocumentsPage.js").then((e) => ({ default: e.DocumentsPage }))), x = i(() => import("./pages/PracticeAreasPage.js").then((e) => ({ default: e.PracticeAreasPage }))), S = i(() => import("./pages/AnalyticsPage.js").then((e) => ({ default: e.AnalyticsPage })));
+function C() {
+	return /* @__PURE__ */ l("div", {
 		className: "flex min-h-[320px] items-center justify-center",
-		children: /* @__PURE__ */ s(r, { className: "h-8 w-8 animate-spin text-accent" })
+		children: /* @__PURE__ */ l(a, { className: "h-8 w-8 animate-spin text-accent" })
 	});
 }
-function S() {
-	return /* @__PURE__ */ s(t, {
-		fallback: /* @__PURE__ */ s(x, {}),
-		children: /* @__PURE__ */ c(o, { children: [
-			/* @__PURE__ */ s(a, {
+function w() {
+	return t(), null;
+}
+function T({ pageId: e, children: t }) {
+	return /* @__PURE__ */ l(n, {
+		pageId: e,
+		children: /* @__PURE__ */ l(r, {
+			fallback: /* @__PURE__ */ l(C, {}),
+			children: t
+		})
+	});
+}
+function E() {
+	return /* @__PURE__ */ u(r, {
+		fallback: /* @__PURE__ */ l(C, {}),
+		children: [/* @__PURE__ */ l(w, {}), /* @__PURE__ */ u(c, { children: [
+			/* @__PURE__ */ l(s, {
 				index: !0,
-				element: /* @__PURE__ */ s(e, {})
+				element: /* @__PURE__ */ l(T, {
+					pageId: "dashboard",
+					children: /* @__PURE__ */ l(e, {})
+				})
 			}),
-			/* @__PURE__ */ s(a, {
+			/* @__PURE__ */ l(s, {
 				path: "clients",
-				element: /* @__PURE__ */ s(l, {})
+				element: /* @__PURE__ */ l(T, {
+					pageId: "clients",
+					children: /* @__PURE__ */ l(d, {})
+				})
 			}),
-			/* @__PURE__ */ s(a, {
+			/* @__PURE__ */ l(s, {
 				path: "clients/:id",
-				element: /* @__PURE__ */ s(u, {})
+				element: /* @__PURE__ */ l(T, {
+					pageId: "client-detail",
+					children: /* @__PURE__ */ l(f, {})
+				})
 			}),
-			/* @__PURE__ */ s(a, {
+			/* @__PURE__ */ l(s, {
 				path: "engagements",
-				element: /* @__PURE__ */ s(d, {})
+				element: /* @__PURE__ */ l(T, {
+					pageId: "engagements",
+					children: /* @__PURE__ */ l(p, {})
+				})
 			}),
-			/* @__PURE__ */ s(a, {
+			/* @__PURE__ */ l(s, {
 				path: "engagements/:id",
-				element: /* @__PURE__ */ s(f, {})
+				element: /* @__PURE__ */ l(T, {
+					pageId: "engagement-detail",
+					children: /* @__PURE__ */ l(m, {})
+				})
 			}),
-			/* @__PURE__ */ s(a, {
+			/* @__PURE__ */ l(s, {
 				path: "matters",
-				element: /* @__PURE__ */ s(p, {})
+				element: /* @__PURE__ */ l(T, {
+					pageId: "matters",
+					children: /* @__PURE__ */ l(h, {})
+				})
 			}),
-			/* @__PURE__ */ s(a, {
+			/* @__PURE__ */ l(s, {
 				path: "time",
-				element: /* @__PURE__ */ s(m, {})
+				element: /* @__PURE__ */ l(T, {
+					pageId: "time",
+					children: /* @__PURE__ */ l(g, {})
+				})
 			}),
-			/* @__PURE__ */ s(a, {
+			/* @__PURE__ */ l(s, {
 				path: "invoices",
-				element: /* @__PURE__ */ s(h, {})
+				element: /* @__PURE__ */ l(T, {
+					pageId: "invoices",
+					children: /* @__PURE__ */ l(_, {})
+				})
 			}),
-			/* @__PURE__ */ s(a, {
+			/* @__PURE__ */ l(s, {
 				path: "compliance",
-				element: /* @__PURE__ */ s(g, {})
+				element: /* @__PURE__ */ l(T, {
+					pageId: "compliance",
+					children: /* @__PURE__ */ l(v, {})
+				})
 			}),
-			/* @__PURE__ */ s(a, {
+			/* @__PURE__ */ l(s, {
 				path: "conflicts",
-				element: /* @__PURE__ */ s(_, {})
+				element: /* @__PURE__ */ l(T, {
+					pageId: "conflicts",
+					children: /* @__PURE__ */ l(y, {})
+				})
 			}),
-			/* @__PURE__ */ s(a, {
+			/* @__PURE__ */ l(s, {
 				path: "documents",
-				element: /* @__PURE__ */ s(v, {})
+				element: /* @__PURE__ */ l(T, {
+					pageId: "documents",
+					children: /* @__PURE__ */ l(b, {})
+				})
 			}),
-			/* @__PURE__ */ s(a, {
+			/* @__PURE__ */ l(s, {
 				path: "practice-areas",
-				element: /* @__PURE__ */ s(y, {})
+				element: /* @__PURE__ */ l(T, {
+					pageId: "practice-areas",
+					children: /* @__PURE__ */ l(x, {})
+				})
 			}),
-			/* @__PURE__ */ s(a, {
+			/* @__PURE__ */ l(s, {
 				path: "analytics",
-				element: /* @__PURE__ */ s(b, {})
+				element: /* @__PURE__ */ l(T, {
+					pageId: "analytics",
+					children: /* @__PURE__ */ l(S, {})
+				})
 			}),
-			/* @__PURE__ */ s(a, {
+			/* @__PURE__ */ l(s, {
 				path: "*",
-				element: /* @__PURE__ */ s(i, {
+				element: /* @__PURE__ */ l(o, {
 					to: "",
 					replace: !0
 				})
 			})
-		] })
+		] })]
 	});
 }
 //#endregion
-export { S as ProServiceWorldRoutes };
+export { E as ProServiceWorldRoutes };
 
 //# sourceMappingURL=ProServiceWorldRoutes.js.map

package/dist/proserviceworld/ProServiceWorldRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProServiceWorldRoutes.js","names":[],"sources":["../../src/proserviceworld/ProServiceWorldRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\nimport { Navigate, Route, Routes } from 'react-router-dom';\nimport { Loader2 } from 'lucide-react';\nimport { DashboardPage } from './pages/DashboardPage';\n\nconst ClientsPage = lazy(() =>\n  import('./pages/ClientsPage').then((m) => ({ default: m.ClientsPage }))\n);\nconst ClientDetailPage = lazy(() =>\n  import('./pages/ClientDetailPage').then((m) => ({ default: m.ClientDetailPage }))\n);\nconst EngagementsPage = lazy(() =>\n  import('./pages/EngagementsPage').then((m) => ({ default: m.EngagementsPage }))\n);\nconst EngagementDetailPage = lazy(() =>\n  import('./pages/EngagementDetailPage').then((m) => ({ default: m.EngagementDetailPage }))\n);\nconst MattersPage = lazy(() =>\n  import('./pages/MattersPage').then((m) => ({ default: m.MattersPage }))\n);\nconst TimePage = lazy(() => import('./pages/TimePage').then((m) => ({ default: m.TimePage })));\nconst InvoicesPage = lazy(() =>\n  import('./pages/InvoicesPage').then((m) => ({ default: m.InvoicesPage }))\n);\nconst CompliancePage = lazy(() =>\n  import('./pages/CompliancePage').then((m) => ({ default: m.CompliancePage }))\n);\nconst ConflictsPage = lazy(() =>\n  import('./pages/ConflictsPage').then((m) => ({ default: m.ConflictsPage }))\n);\nconst DocumentsPage = lazy(() =>\n  import('./pages/DocumentsPage').then((m) => ({ default: m.DocumentsPage }))\n);\nconst PracticeAreasPage = lazy(() =>\n  import('./pages/PracticeAreasPage').then((m) => ({ default: m.PracticeAreasPage }))\n);\nconst AnalyticsPage = lazy(() =>\n  import('./pages/AnalyticsPage').then((m) => ({ default: m.AnalyticsPage }))\n);\n\nfunction PageLoader() {\n  return (\n    <div className=\"flex min-h-[320px] items-center justify-center\">\n      <Loader2 className=\"h-8 w-8 animate-spin text-accent\" />\n    </div>\n  );\n}\n\nexport function ProServiceWorldRoutes() {\n  return (\n    <Suspense fallback={<PageLoader />}>\n      <Routes>\n        <Route index element={<DashboardPage />} />\n        <Route path=\"clients\" element={<ClientsPage />} />\n        <Route path=\"clients/:id\" element={<ClientDetailPage />} />\n        <Route path=\"engagements\" element={<EngagementsPage />} />\n        <Route path=\"engagements/:id\" element={<EngagementDetailPage />} />\n        <Route path=\"matters\" element={<MattersPage />} />\n        <Route path=\"time\" element={<TimePage />} />\n        <Route path=\"invoices\" element={<InvoicesPage />} />\n        <Route path=\"compliance\" element={<CompliancePage />} />\n        <Route path=\"conflicts\" element={<ConflictsPage />} />\n        <Route path=\"documents\" element={<DocumentsPage />} />\n        <Route path=\"practice-areas\" element={<PracticeAreasPage />} />\n        <Route path=\"analytics\" element={<AnalyticsPage />} />\n        <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProServiceWorldRoutes.js","names":[],"sources":["../../src/proserviceworld/ProServiceWorldRoutes.tsx"],"sourcesContent":["import { lazy, Suspense, type ReactNode } from 'react';\nimport { Navigate, Route, Routes } from 'react-router-dom';\nimport { Loader2 } from 'lucide-react';\nimport { DashboardPage } from './pages/DashboardPage';\nimport { usePageViewAnalytics } from './hooks/usePageViewAnalytics';\nimport { FeatureFlaggedPage } from './components/FeatureFlaggedPage';\n\nconst ClientsPage = lazy(() =>\n  import('./pages/ClientsPage').then((m) => ({ default: m.ClientsPage }))\n);\nconst ClientDetailPage = lazy(() =>\n  import('./pages/ClientDetailPage').then((m) => ({ default: m.ClientDetailPage }))\n);\nconst EngagementsPage = lazy(() =>\n  import('./pages/EngagementsPage').then((m) => ({ default: m.EngagementsPage }))\n);\nconst EngagementDetailPage = lazy(() =>\n  import('./pages/EngagementDetailPage').then((m) => ({ default: m.EngagementDetailPage }))\n);\nconst MattersPage = lazy(() =>\n  import('./pages/MattersPage').then((m) => ({ default: m.MattersPage }))\n);\nconst TimePage = lazy(() => import('./pages/TimePage').then((m) => ({ default: m.TimePage })));\nconst InvoicesPage = lazy(() =>\n  import('./pages/InvoicesPage').then((m) => ({ default: m.InvoicesPage }))\n);\nconst CompliancePage = lazy(() =>\n  import('./pages/CompliancePage').then((m) => ({ default: m.CompliancePage }))\n);\nconst ConflictsPage = lazy(() =>\n  import('./pages/ConflictsPage').then((m) => ({ default: m.ConflictsPage }))\n);\nconst DocumentsPage = lazy(() =>\n  import('./pages/DocumentsPage').then((m) => ({ default: m.DocumentsPage }))\n);\nconst PracticeAreasPage = lazy(() =>\n  import('./pages/PracticeAreasPage').then((m) => ({ default: m.PracticeAreasPage }))\n);\nconst AnalyticsPage = lazy(() =>\n  import('./pages/AnalyticsPage').then((m) => ({ default: m.AnalyticsPage }))\n);\n\nfunction PageLoader() {\n  return (\n    <div className=\"flex min-h-[320px] items-center justify-center\">\n      <Loader2 className=\"h-8 w-8 animate-spin text-accent\" />\n    </div>\n  );\n}\n\nfunction PageViewTracker() {\n  usePageViewAnalytics();\n  return null;\n}\n\nfunction Gate({ pageId, children }: { pageId: string; children: ReactNode }) {\n  return (\n    <FeatureFlaggedPage pageId={pageId}>\n      <Suspense fallback={<PageLoader />}>{children}</Suspense>\n    </FeatureFlaggedPage>\n  );\n}\n\nexport function ProServiceWorldRoutes() {\n  return (\n    <Suspense fallback={<PageLoader />}>\n      <PageViewTracker />\n      <Routes>\n        <Route\n          index\n          element={\n            <Gate pageId=\"dashboard\">\n              <DashboardPage />\n            </Gate>\n          }\n        />\n        <Route\n          path=\"clients\"\n          element={\n            <Gate pageId=\"clients\">\n              <ClientsPage />\n            </Gate>\n          }\n        />\n        <Route\n          path=\"clients/:id\"\n          element={\n            <Gate pageId=\"client-detail\">\n              <ClientDetailPage />\n            </Gate>\n          }\n        />\n        <Route\n          path=\"engagements\"\n          element={\n            <Gate pageId=\"engagements\">\n              <EngagementsPage />\n            </Gate>\n          }\n        />\n        <Route\n          path=\"engagements/:id\"\n          element={\n            <Gate pageId=\"engagement-detail\">\n              <EngagementDetailPage />\n            </Gate>\n          }\n        />\n        <Route\n          path=\"matters\"\n          element={\n            <Gate pageId=\"matters\">\n              <MattersPage />\n            </Gate>\n          }\n        />\n        <Route\n          path=\"time\"\n          element={\n            <Gate pageId=\"time\">\n              <TimePage />\n            </Gate>\n          }\n        />\n        <Route\n          path=\"invoices\"\n          element={\n            <Gate pageId=\"invoices\">\n              <InvoicesPage />\n            </Gate>\n          }\n        />\n        <Route\n          path=\"compliance\"\n          element={\n            <Gate pageId=\"compliance\">\n              <CompliancePage />\n            </Gate>\n          }\n        />\n        <Route\n          path=\"conflicts\"\n          element={\n            <Gate pageId=\"conflicts\">\n              <ConflictsPage />\n            </Gate>\n          }\n        />\n        <Route\n          path=\"documents\"\n          element={\n            <Gate pageId=\"documents\">\n              <DocumentsPage />\n            </Gate>\n          }\n        />\n        <Route\n          path=\"practice-areas\"\n          element={\n            <Gate pageId=\"practice-areas\">\n              <PracticeAreasPage />\n            </Gate>\n          }\n        />\n        <Route\n          path=\"analytics\"\n          element={\n            <Gate pageId=\"analytics\">\n              <AnalyticsPage />\n            </Gate>\n          }\n        />\n        <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +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, {\n      onSuccess: () => setText(''),\n      onError: (e) => setErr(e instanceof Error ? e.message : 'Failed to post.'),\n    });\n  };\n\n  const authorLabel = (authorId: string) =>\n    currentUser && authorId === currentUser.id ? 'You' : 'Team member';\n\n  return (\n    <SectionCard\n      title={title}\n      description=\"Notes & discussion — shared across the platform via Conversations.\"\n    >\n      <div className=\"space-y-3\">\n        {err && (\n          <Banner tone=\"danger\" onClose={() => setErr(null)}>\n            {err}\n          </Banner>\n        )}\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\">Could not load discussion.</p>\n        ) : !data || data.items.length === 0 ? (\n          <Empty\n            title=\"No notes yet\"\n            description=\"Start the discussion for this record.\"\n            icon={<MessageSquare className=\"h-7 w-7\" />}\n          />\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\">\n                  {c.content?.text ?? ''}\n                </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;GACf,iBAAiB,EAAQ,GAAG;GAC5B,UAAU,MAAM,EAAO,aAAa,QAAQ,EAAE,UAAU,kBAAkB;GAC3E,CAAC;IAGE,KAAe,MACnB,KAAe,MAAa,EAAY,KAAK,QAAQ;AAEvD,QACE,kBAAC,GAAD;EACS;EACP,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,KACC,kBAAC,GAAD;KAAQ,MAAK;KAAS,eAAe,EAAO,KAAK;eAC9C;KACM,CAAA;IAEX,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;KAA8B,CAAA,GAC1E,CAAC,KAAQ,EAAK,MAAM,WAAW,IACjC,kBAAC,GAAD;KACE,OAAM;KACN,aAAY;KACZ,MAAM,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;KAC3C,CAAA,GAEF,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;iBACV,EAAE,SAAS,QAAQ;OAClB,CAAA,CACD;QARI,EAAE,GAQN,CACL;KACC,CAAA;IAEH;;EACM,CAAA"}
+{"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, {\n      onSuccess: () => setText(''),\n      onError: (e) => setErr(e instanceof Error ? e.message : 'Failed to post.'),\n    });\n  };\n\n  const authorLabel = (authorId: string) =>\n    currentUser && authorId === currentUser.id ? 'You' : 'Team member';\n\n  return (\n    <SectionCard\n      title={title}\n      description=\"Notes & discussion — shared across the platform via Conversations.\"\n    >\n      <div className=\"space-y-3\">\n        {err && (\n          <Banner tone=\"danger\" onClose={() => setErr(null)}>\n            {err}\n          </Banner>\n        )}\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\">Could not load discussion.</p>\n        ) : !data || data.items.length === 0 ? (\n          <Empty\n            title=\"No notes yet\"\n            description=\"Start the discussion for this record.\"\n            icon={<MessageSquare className=\"h-7 w-7\" />}\n          />\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\">\n                  {c.content?.text ?? ''}\n                </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,EAAmB,GACrC,EAAE,SAAM,cAAW,aAAU,EAAkB,GAAY,CAAQ,GACnE,IAAM,EAAoB,GAAY,CAAQ,GAC9C,CAAC,GAAM,KAAW,EAAS,EAAE,GAC7B,CAAC,GAAK,KAAU,EAAwB,IAAI,GAE5C,UAAe;EACnB,EAAO,IAAI;EACX,IAAM,IAAO,EAAK,KAAK;EAClB,KACL,EAAI,OAAO,GAAM;GACf,iBAAiB,EAAQ,EAAE;GAC3B,UAAU,MAAM,EAAO,aAAa,QAAQ,EAAE,UAAU,iBAAiB;EAC3E,CAAC;CACH,GAEM,KAAe,MACnB,KAAe,MAAa,EAAY,KAAK,QAAQ;CAEvD,OACE,kBAAC,GAAD;EACS;EACP,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,KACC,kBAAC,GAAD;KAAQ,MAAK;KAAS,eAAe,EAAO,IAAI;eAC7C;IACK,CAAA;IAEV,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,OAAO;MACP,WAAW,MAAM,EAAQ,EAAE,OAAO,KAAK;MACvC,aAAY;MACZ,WAAU;MACV,YAAY,MAAM;OAChB,CAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,WAAS,EAAO;MAC5D;KACD,CAAA,GACD,kBAAC,GAAD;MAAQ,SAAS;MAAQ,UAAU,EAAI,aAAa,CAAC,EAAK,KAAK;MAAG,cAAW;gBAC3E,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;KACrB,CAAA,CACL;;IAEJ,IACC,kBAAC,GAAD,EAAc,OAAM,sBAAuB,CAAA,IACzC,IACF,kBAAC,KAAD;KAAG,WAAU;eAAiC;IAA6B,CAAA,IACzE,CAAC,KAAQ,EAAK,MAAM,WAAW,IACjC,kBAAC,GAAD;KACE,OAAM;KACN,aAAY;KACZ,MAAM,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;IAC3C,CAAA,IAED,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,QAAQ;OAAQ,CAAA,GACjF,kBAAC,QAAD,EAAA,UAAO,EAAQ,EAAE,SAAS,EAAQ,CAAA,CAC/B;UACL,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAE,SAAS,QAAQ;MACnB,CAAA,CACD;QARK,EAAE,EAQP,CACL;IACC,CAAA;GAEH;;CACM,CAAA;AAEjB"}

package/dist/proserviceworld/components/FeatureFlaggedPage.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+
+export interface FeatureFlaggedPageProps {
+    pageId: string;
+    children: ReactNode;
+}
+export declare const FeatureFlaggedPage: FC<FeatureFlaggedPageProps>;
+//# sourceMappingURL=FeatureFlaggedPage.d.ts.map

package/dist/proserviceworld/components/FeatureFlaggedPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFlaggedPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/components/FeatureFlaggedPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAU1D,CAAC"}

package/dist/proserviceworld/components/FeatureFlaggedPage.js

@@ -0,0 +1,17 @@
+import { Empty as e } from "./ui.js";
+import { FeatureGate as t } from "@burdenoff/fe-libs/shared/feature-flags";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/proserviceworld/components/FeatureFlaggedPage.tsx
+var r = ({ pageId: r, children: i }) => /* @__PURE__ */ n(t, {
+	flag: `proserviceworld.page.${r}`,
+	defaultValue: !0,
+	fallback: /* @__PURE__ */ n(e, {
+		title: "Feature disabled",
+		description: "This page is not enabled for your workspace."
+	}),
+	children: i
+});
+//#endregion
+export { r as FeatureFlaggedPage };
+
+//# sourceMappingURL=FeatureFlaggedPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFlaggedPage.js","names":[],"sources":["../../../src/proserviceworld/components/FeatureFlaggedPage.tsx"],"sourcesContent":["/**\n * Per-page feature-flag gate.\n *\n * Every ProServiceWorld page is behind a flag (default-allow). The flag key\n * convention is `proserviceworld.page.{pageId}`. When a flag is explicitly\n * disabled the page renders a compact disabled state instead of the content.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { Empty } from './ui';\n\nexport interface FeatureFlaggedPageProps {\n  pageId: string;\n  children: ReactNode;\n}\n\nexport const FeatureFlaggedPage: FC<FeatureFlaggedPageProps> = ({ pageId, children }) => (\n  <FeatureGate\n    flag={`proserviceworld.page.${pageId}`}\n    defaultValue={true}\n    fallback={\n      <Empty title=\"Feature disabled\" description=\"This page is not enabled for your workspace.\" />\n    }\n  >\n    {children}\n  </FeatureGate>\n);\n"],"mappings":";;;;AAiBA,IAAa,KAAmD,EAAE,WAAQ,kBACxE,kBAAC,GAAD;CACE,MAAM,wBAAwB;CAC9B,cAAc;CACd,UACE,kBAAC,GAAD;EAAO,OAAM;EAAmB,aAAY;CAAgD,CAAA;CAG7F;AACU,CAAA"}

package/dist/proserviceworld/components/LoadMore.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+
+export interface LoadMoreProps {
+    hasMore: boolean;
+    loading: boolean;
+    onLoadMore: () => void;
+    loadedCount: number;
+    totalCount: number;
+    className?: string;
+}
+export declare const LoadMore: FC<LoadMoreProps>;
+//# sourceMappingURL=LoadMore.d.ts.map

package/dist/proserviceworld/components/LoadMore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMore.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/components/LoadMore.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAuBtC,CAAC"}

package/dist/proserviceworld/components/LoadMore.js

@@ -0,0 +1,30 @@
+import { cn as e } from "../utils/cn.js";
+import { t } from "../i18n/index.js";
+import { Loader2 as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Button as a } from "@burdenoff/fe-libs/ui";
+//#region src/proserviceworld/components/LoadMore.tsx
+var o = ({ hasMore: o, loading: s, onLoadMore: c, loadedCount: l, totalCount: u, className: d }) => !o && u === 0 ? null : /* @__PURE__ */ i("div", {
+	className: e("flex items-center justify-between gap-4 py-4", d),
+	children: [/* @__PURE__ */ i("span", {
+		className: "text-sm text-text-tertiary",
+		children: [
+			t("psw.common.showing"),
+			" ",
+			l,
+			" ",
+			t("psw.common.of"),
+			" ",
+			u
+		]
+	}), o && /* @__PURE__ */ i(a, {
+		variant: "secondary",
+		onClick: c,
+		disabled: s,
+		children: [s ? /* @__PURE__ */ r(n, { className: "mr-1.5 h-4 w-4 animate-spin" }) : null, t("psw.common.loadMore")]
+	})]
+});
+//#endregion
+export { o as LoadMore };
+
+//# sourceMappingURL=LoadMore.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMore.js","names":[],"sources":["../../../src/proserviceworld/components/LoadMore.tsx"],"sourcesContent":["/**\n * Simple pagination \"Load more\" control for ProServiceWorld list pages.\n */\n\nimport type { FC } from 'react';\nimport { Loader2 } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { t } from '../i18n';\n\nexport interface LoadMoreProps {\n  hasMore: boolean;\n  loading: boolean;\n  onLoadMore: () => void;\n  loadedCount: number;\n  totalCount: number;\n  className?: string;\n}\n\nexport const LoadMore: FC<LoadMoreProps> = ({\n  hasMore,\n  loading,\n  onLoadMore,\n  loadedCount,\n  totalCount,\n  className,\n}) => {\n  if (!hasMore && totalCount === 0) return null;\n\n  return (\n    <div className={cn('flex items-center justify-between gap-4 py-4', className)}>\n      <span className=\"text-sm text-text-tertiary\">\n        {t('psw.common.showing')} {loadedCount} {t('psw.common.of')} {totalCount}\n      </span>\n      {hasMore && (\n        <Button variant=\"secondary\" onClick={onLoadMore} disabled={loading}>\n          {loading ? <Loader2 className=\"mr-1.5 h-4 w-4 animate-spin\" /> : null}\n          {t('psw.common.loadMore')}\n        </Button>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAmBA,IAAa,KAA+B,EAC1C,YACA,YACA,eACA,gBACA,eACA,mBAEI,CAAC,KAAW,MAAe,IAAU,OAGvC,kBAAC,OAAD;CAAK,WAAW,EAAG,gDAAgD,CAAS;WAA5E,CACE,kBAAC,QAAD;EAAM,WAAU;YAAhB;GACG,EAAE,oBAAoB;GAAE;GAAE;GAAY;GAAE,EAAE,eAAe;GAAE;GAAE;EAC1D;KACL,KACC,kBAAC,GAAD;EAAQ,SAAQ;EAAY,SAAS;EAAY,UAAU;YAA3D,CACG,IAAU,kBAAC,GAAD,EAAS,WAAU,8BAA+B,CAAA,IAAI,MAChE,EAAE,qBAAqB,CAClB;GAEP"}

package/dist/proserviceworld/components/TagPicker.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+
+export interface TagPickerProps {
+    entityType: string;
+    entityId: string;
+    tags: string[];
+    onChange: (tags: string[]) => void | Promise<void>;
+    maxTags?: number;
+}
+export declare const TagPicker: FC<TagPickerProps>;
+//# sourceMappingURL=TagPicker.d.ts.map

package/dist/proserviceworld/components/TagPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagPicker.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/components/TagPicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAkCxC,CAAC"}

package/dist/proserviceworld/components/TagPicker.js

@@ -0,0 +1,31 @@
+import { useProServiceWorld as e } from "../providers/ProServiceWorldProvider.js";
+import { jsx as t } from "react/jsx-runtime";
+import { TagsWidget as n } from "@burdenoff/fe-libs/tag";
+//#region src/proserviceworld/components/TagPicker.tsx
+var r = ({ entityType: r, entityId: i, tags: a, onChange: o, maxTags: s }) => {
+	let { workspaceId: c } = e();
+	return /* @__PURE__ */ t(n, {
+		entityType: r,
+		entityId: i,
+		workspaceId: c,
+		tags: a.map((e) => ({
+			id: e,
+			key: e,
+			label: e,
+			value: e
+		})),
+		onAdd: async (e) => {
+			a.includes(e.id) || await o([...a, e.id]);
+		},
+		onRemove: async (e) => {
+			await o(a.filter((t) => t !== e));
+		},
+		allowCreate: !0,
+		maxTags: s,
+		syncGraphNotifications: !1
+	});
+};
+//#endregion
+export { r as TagPicker };
+
+//# sourceMappingURL=TagPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagPicker.js","names":[],"sources":["../../../src/proserviceworld/components/TagPicker.tsx"],"sourcesContent":["/**\n * ProServiceWorld tag picker.\n *\n * Wraps the shared fe-libs `TagsWidget` so entity pages can assign/remove\n * string tags on clients, engagements, matters, and documents. The backend\n * stores tags as `string[]` IDs/keys; we map them to the minimal `TagItem`\n * shape the widget expects.\n */\n\nimport type { FC } from 'react';\nimport { TagsWidget } from '@burdenoff/fe-libs/tag';\nimport { useProServiceWorld } from '../providers/ProServiceWorldProvider';\n\nexport interface TagPickerProps {\n  entityType: string;\n  entityId: string;\n  tags: string[];\n  onChange: (tags: string[]) => void | Promise<void>;\n  maxTags?: number;\n}\n\nexport const TagPicker: FC<TagPickerProps> = ({\n  entityType,\n  entityId,\n  tags,\n  onChange,\n  maxTags,\n}) => {\n  const { workspaceId } = useProServiceWorld();\n\n  const tagItems = tags.map((tag) => ({\n    id: tag,\n    key: tag,\n    label: tag,\n    value: tag,\n  }));\n\n  return (\n    <TagsWidget\n      entityType={entityType}\n      entityId={entityId}\n      workspaceId={workspaceId}\n      tags={tagItems}\n      onAdd={async (tag) => {\n        if (tags.includes(tag.id)) return;\n        await onChange([...tags, tag.id]);\n      }}\n      onRemove={async (tagId) => {\n        await onChange(tags.filter((t) => t !== tagId));\n      }}\n      allowCreate\n      maxTags={maxTags}\n      syncGraphNotifications={false}\n    />\n  );\n};\n"],"mappings":";;;;AAqBA,IAAa,KAAiC,EAC5C,eACA,aACA,SACA,aACA,iBACI;CACJ,IAAM,EAAE,mBAAgB,EAAmB;CAS3C,OACE,kBAAC,GAAD;EACc;EACF;EACG;EACb,MAZa,EAAK,KAAK,OAAS;GAClC,IAAI;GACJ,KAAK;GACL,OAAO;GACP,OAAO;EACT,EAOU;EACN,OAAO,OAAO,MAAQ;GAChB,EAAK,SAAS,EAAI,EAAE,KACxB,MAAM,EAAS,CAAC,GAAG,GAAM,EAAI,EAAE,CAAC;EAClC;EACA,UAAU,OAAO,MAAU;GACzB,MAAM,EAAS,EAAK,QAAQ,MAAM,MAAM,CAAK,CAAC;EAChD;EACA,aAAA;EACS;EACT,wBAAwB;CACzB,CAAA;AAEL"}

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

@@ -1 +1 @@
-{"version":3,"file":"ui.js","names":[],"sources":["../../../src/proserviceworld/components/ui.tsx"],"sourcesContent":["/**\n * ProServiceWorld shared UI kit.\n *\n * Self-contained, token-driven primitives (no raw colors) shared by every page:\n * page header, metric cards, section cards, a mobile-friendly modal, token-styled\n * native form controls, status pills, inline banners, and empty/loading/error\n * states. Actions reuse the fe-libs Button (brand variants); everything else is\n * built from semantic tokens so theming works across light/dark/any theme.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { useEffect } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { AlertCircle, CheckCircle2, Info, Loader2, X } from 'lucide-react';\nimport { cn } from '../utils/cn';\n\n// ---------------------------------------------------------------------------\n// Formatters\n// ---------------------------------------------------------------------------\nexport const humanize = (v: string | null | undefined): string =>\n  (v ?? '')\n    .toLowerCase()\n    .replace(/_/g, ' ')\n    .replace(/\\b\\w/g, (c) => c.toUpperCase());\n\nexport const fmtDate = (iso: string | null | undefined): string => {\n  if (!iso) return '—';\n  const d = new Date(iso);\n  return Number.isNaN(d.getTime())\n    ? '—'\n    : d.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' });\n};\n\nexport const fmtMoney = (amount: number | null | undefined, currency = 'USD'): string => {\n  const n = amount ?? 0;\n  try {\n    return new Intl.NumberFormat(undefined, {\n      style: 'currency',\n      currency,\n      maximumFractionDigits: 0,\n    }).format(n);\n  } catch {\n    return `${currency} ${n.toLocaleString()}`;\n  }\n};\n\nexport const fmtHours = (h: number | null | undefined): string =>\n  `${(h ?? 0).toLocaleString(undefined, { maximumFractionDigits: 1 })}h`;\nexport const fmtMinutesAsHours = (m: number | null | undefined): string => fmtHours((m ?? 0) / 60);\n\n// ---------------------------------------------------------------------------\n// Status tone mapping\n// ---------------------------------------------------------------------------\nexport type Tone = 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'accent';\n\nconst TONE_CLASS: Record<Tone, string> = {\n  neutral: 'bg-bg-sunken text-text-secondary',\n  success: 'bg-status-success-bg-subtle text-status-success-text',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n  danger: 'bg-status-error-bg-subtle text-status-error-text',\n  info: 'bg-bg-sunken text-text-link',\n  accent: 'bg-bg-sunken text-accent',\n};\n\nconst STATUS_TONE: Record<string, Tone> = {\n  // clients / generic\n  ACTIVE: 'success',\n  PROSPECT: 'info',\n  INACTIVE: 'neutral',\n  ARCHIVED: 'neutral',\n  // engagements\n  PROPOSAL: 'info',\n  ACCEPTED: 'accent',\n  IN_PROGRESS: 'accent',\n  REVIEW: 'warning',\n  DELIVERED: 'success',\n  INVOICED: 'success',\n  CLOSED: 'neutral',\n  CANCELLED: 'danger',\n  // matters\n  OPEN: 'accent',\n  ON_HOLD: 'warning',\n  // priority\n  LOW: 'neutral',\n  MEDIUM: 'info',\n  HIGH: 'warning',\n  CRITICAL: 'danger',\n  // deliverable / doc\n  DRAFT: 'neutral',\n  INTERNAL_REVIEW: 'info',\n  CLIENT_REVIEW: 'warning',\n  REJECTED: 'danger',\n  FINAL: 'success',\n  // time\n  SUBMITTED: 'info',\n  APPROVED: 'success',\n  BILLED: 'accent',\n  // invoice\n  SENT: 'info',\n  PAID: 'success',\n  OVERDUE: 'danger',\n  // compliance / conflict\n  PENDING: 'warning',\n  IN_REVIEW: 'info',\n  PASSED: 'success',\n  FAILED: 'danger',\n  WAIVED: 'neutral',\n  CLEAR: 'success',\n  POTENTIAL_CONFLICT: 'warning',\n  CONFLICT: 'danger',\n  // milestone\n  COMPLETED: 'success',\n};\n\nexport const StatusPill: FC<{ status: string; className?: string }> = ({ status, className }) => (\n  <span\n    className={cn(\n      'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium whitespace-nowrap',\n      TONE_CLASS[STATUS_TONE[status] ?? 'neutral'],\n      className\n    )}\n  >\n    <span className=\"h-1.5 w-1.5 rounded-full bg-current opacity-70\" />\n    {humanize(status)}\n  </span>\n);\n\n// ---------------------------------------------------------------------------\n// Page header\n// ---------------------------------------------------------------------------\nexport const PageHeader: FC<{\n  title: string;\n  subtitle?: string;\n  actions?: ReactNode;\n  icon?: ReactNode;\n}> = ({ title, subtitle, actions, icon }) => (\n  <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n    <div className=\"flex items-start gap-3.5\">\n      {icon ? (\n        <div className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-bg-sunken text-accent\">\n          {icon}\n        </div>\n      ) : null}\n      <div>\n        <h1 className=\"text-2xl font-bold tracking-tight text-text-primary sm:text-3xl\">{title}</h1>\n        {subtitle ? (\n          <p className=\"mt-1.5 max-w-2xl text-sm leading-relaxed text-text-secondary\">{subtitle}</p>\n        ) : null}\n      </div>\n    </div>\n    {actions ? <div className=\"flex flex-wrap items-center gap-2\">{actions}</div> : null}\n  </div>\n);\n\n// ---------------------------------------------------------------------------\n// Metric card\n// ---------------------------------------------------------------------------\nexport const MetricCard: FC<{\n  label: string;\n  value: ReactNode;\n  hint?: string;\n  icon?: ReactNode;\n  tone?: Tone;\n}> = ({ label, value, hint, icon, tone = 'neutral' }) => (\n  <div className=\"vc-lift-on-hover rounded-2xl border border-border-seam bg-bg-surface p-5 shadow-sm\">\n    <div className=\"flex items-center justify-between gap-2\">\n      <span className=\"text-xs font-medium uppercase tracking-wider text-text-tertiary\">\n        {label}\n      </span>\n      {icon ? (\n        <span\n          className={cn('flex h-9 w-9 items-center justify-center rounded-full', TONE_CLASS[tone])}\n        >\n          {icon}\n        </span>\n      ) : null}\n    </div>\n    <div className=\"mt-3 text-2xl font-semibold tracking-tight text-text-primary sm:text-3xl\">\n      {value}\n    </div>\n    {hint ? <div className=\"mt-1 text-xs text-text-tertiary\">{hint}</div> : null}\n  </div>\n);\n\n// ---------------------------------------------------------------------------\n// Section card\n// ---------------------------------------------------------------------------\nexport const SectionCard: FC<{\n  title?: string;\n  description?: string;\n  action?: ReactNode;\n  children: ReactNode;\n  className?: string;\n}> = ({ title, description, action, children, className }) => (\n  <section\n    className={cn('rounded-2xl border border-border-seam bg-bg-surface shadow-sm', className)}\n  >\n    {(title || action) && (\n      <header className=\"flex items-center justify-between gap-3 border-b border-border-seam px-5 py-3.5\">\n        <div>\n          {title ? <h2 className=\"text-sm font-semibold text-text-primary\">{title}</h2> : null}\n          {description ? <p className=\"mt-0.5 text-xs text-text-tertiary\">{description}</p> : null}\n        </div>\n        {action}\n      </header>\n    )}\n    <div className=\"p-5\">{children}</div>\n  </section>\n);\n\n// ---------------------------------------------------------------------------\n// Form controls (token-styled native elements — reliable inside modals)\n// ---------------------------------------------------------------------------\nconst controlClass =\n  'w-full rounded-lg border border-border-seam bg-bg-canvas px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary focus:border-accent focus:outline-none focus:ring-2 focus:ring-accent/30 disabled:opacity-50';\n\nexport const Field: FC<{\n  label: string;\n  required?: boolean;\n  hint?: string;\n  children: ReactNode;\n  className?: string;\n}> = ({ label, required, hint, children, className }) => (\n  <label className={cn('block', className)}>\n    <span className=\"mb-1 block text-xs font-medium text-text-secondary\">\n      {label}\n      {required ? <span className=\"text-status-error-text\"> *</span> : null}\n    </span>\n    {children}\n    {hint ? <span className=\"mt-1 block text-xs text-text-tertiary\">{hint}</span> : null}\n  </label>\n);\n\nexport const TextInput: FC<React.InputHTMLAttributes<HTMLInputElement>> = ({\n  className,\n  ...props\n}) => <input className={cn(controlClass, className)} {...props} />;\nexport const TextArea: FC<React.TextareaHTMLAttributes<HTMLTextAreaElement>> = ({\n  className,\n  ...props\n}) => <textarea className={cn(controlClass, 'min-h-[80px] resize-y', className)} {...props} />;\nexport const NativeSelect: FC<React.SelectHTMLAttributes<HTMLSelectElement>> = ({\n  className,\n  children,\n  ...props\n}) => (\n  <select className={cn(controlClass, 'appearance-none pr-8')} {...props}>\n    {children}\n  </select>\n);\n\n/** Turn an enum-value list into <option>s with humanized labels. */\nexport const enumOptions = (values: readonly string[]): ReactNode =>\n  values.map((v) => (\n    <option key={v} value={v}>\n      {humanize(v)}\n    </option>\n  ));\n\n// ---------------------------------------------------------------------------\n// Inline banner\n// ---------------------------------------------------------------------------\nexport const Banner: FC<{\n  tone?: 'success' | 'danger' | 'info';\n  children: ReactNode;\n  onClose?: () => void;\n}> = ({ tone = 'info', children, onClose }) => {\n  const Icon = tone === 'success' ? CheckCircle2 : tone === 'danger' ? AlertCircle : Info;\n  const toneClass =\n    tone === 'success'\n      ? TONE_CLASS.success\n      : tone === 'danger'\n        ? TONE_CLASS.danger\n        : 'bg-bg-sunken text-text-secondary';\n  return (\n    <div className={cn('flex items-start gap-2 rounded-lg px-3 py-2 text-sm', toneClass)}>\n      <Icon className=\"mt-0.5 h-4 w-4 shrink-0\" />\n      <div className=\"flex-1\">{children}</div>\n      {onClose ? (\n        <button\n          type=\"button\"\n          onClick={onClose}\n          className=\"opacity-70 hover:opacity-100\"\n          aria-label=\"Dismiss\"\n        >\n          <X className=\"h-4 w-4\" />\n        </button>\n      ) : null}\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Modal (centered on desktop, full-height sheet on mobile)\n// ---------------------------------------------------------------------------\nexport const Modal: FC<{\n  open: boolean;\n  onClose: () => void;\n  title: string;\n  children: ReactNode;\n  footer?: ReactNode;\n  wide?: boolean;\n}> = ({ open, onClose, title, children, footer, wide }) => {\n  useEffect(() => {\n    if (!open) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    };\n    document.addEventListener('keydown', onKey);\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.removeEventListener('keydown', onKey);\n      document.body.style.overflow = '';\n    };\n  }, [open, onClose]);\n\n  if (!open) return null;\n  return (\n    <div\n      className=\"fixed inset-0 z-50 flex items-end justify-center sm:items-center\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={title}\n    >\n      <div className=\"absolute inset-0 bg-black/50 backdrop-blur-sm\" onClick={onClose} />\n      <div\n        className={cn(\n          'relative flex max-h-[92vh] w-full flex-col overflow-hidden rounded-t-2xl border border-border-seam bg-bg-surface shadow-xl sm:max-h-[88vh] sm:rounded-2xl',\n          wide ? 'sm:max-w-3xl' : 'sm:max-w-lg'\n        )}\n      >\n        <header className=\"flex items-center justify-between border-b border-border-seam px-4 py-3\">\n          <h2 className=\"text-base font-semibold text-text-primary\">{title}</h2>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"rounded-lg p-1 text-text-tertiary hover:bg-bg-sunken hover:text-text-primary\"\n            aria-label=\"Close\"\n          >\n            <X className=\"h-5 w-5\" />\n          </button>\n        </header>\n        <div className=\"flex-1 overflow-y-auto px-4 py-4\">{children}</div>\n        {footer ? (\n          <footer className=\"flex items-center justify-end gap-2 border-t border-border-seam px-4 py-3\">\n            {footer}\n          </footer>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// States\n// ---------------------------------------------------------------------------\nexport const LoadingBlock: FC<{ label?: string }> = ({ label = 'Loading…' }) => (\n  <div className=\"flex min-h-[220px] flex-col items-center justify-center gap-3 text-text-tertiary\">\n    <Loader2 className=\"h-7 w-7 animate-spin text-accent\" />\n    <span className=\"text-sm\">{label}</span>\n  </div>\n);\n\nexport const ErrorState: FC<{ error: unknown; onRetry?: () => void }> = ({ error, onRetry }) => (\n  <div className=\"flex min-h-[220px] flex-col items-center justify-center gap-3 text-center\">\n    <AlertCircle className=\"h-8 w-8 text-status-error-text\" />\n    <p className=\"max-w-md text-sm text-text-secondary\">\n      {error instanceof Error ? error.message : 'Something went wrong.'}\n    </p>\n    {onRetry ? (\n      <Button variant=\"outline\" size=\"sm\" onClick={onRetry}>\n        Try again\n      </Button>\n    ) : null}\n  </div>\n);\n\nexport const Empty: FC<{\n  title: string;\n  description?: string;\n  icon?: ReactNode;\n  action?: ReactNode;\n}> = ({ title, description, icon, action }) => (\n  <div className=\"flex min-h-[240px] flex-col items-center justify-center gap-4 rounded-2xl border border-dashed border-border-seam bg-bg-surface/50 px-6 py-12 text-center\">\n    {icon ? (\n      <div className=\"flex h-14 w-14 items-center justify-center rounded-2xl bg-bg-sunken text-text-tertiary\">\n        {icon}\n      </div>\n    ) : null}\n    <div>\n      <p className=\"text-sm font-medium text-text-primary\">{title}</p>\n      {description ? (\n        <p className=\"mt-1 max-w-sm text-sm text-text-tertiary\">{description}</p>\n      ) : null}\n    </div>\n    {action}\n  </div>\n);\n\n// ---------------------------------------------------------------------------\n// Simple responsive table wrapper (scrolls horizontally on small screens)\n// ---------------------------------------------------------------------------\nexport const TableWrap: FC<{ children: ReactNode }> = ({ children }) => (\n  <div className=\"overflow-x-auto rounded-xl border border-border-seam\">\n    <table className=\"w-full min-w-[560px] text-left text-sm\">{children}</table>\n  </div>\n);\nexport const Th: FC<{ children?: ReactNode; className?: string }> = ({ children, className }) => (\n  <th\n    className={cn(\n      'bg-bg-sunken px-4 py-2.5 text-xs font-semibold uppercase tracking-wide text-text-tertiary',\n      className\n    )}\n  >\n    {children}\n  </th>\n);\nexport const Td: FC<{ children?: ReactNode; className?: string }> = ({ children, className }) => (\n  <td className={cn('border-t border-border-seam px-4 py-3 text-text-secondary', className)}>\n    {children}\n  </td>\n);\n"],"mappings":"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"}
+{"version":3,"file":"ui.js","names":[],"sources":["../../../src/proserviceworld/components/ui.tsx"],"sourcesContent":["/**\n * ProServiceWorld shared UI kit.\n *\n * Self-contained, token-driven primitives (no raw colors) shared by every page:\n * page header, metric cards, section cards, a mobile-friendly modal, token-styled\n * native form controls, status pills, inline banners, and empty/loading/error\n * states. Actions reuse the fe-libs Button (brand variants); everything else is\n * built from semantic tokens so theming works across light/dark/any theme.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { useEffect } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { AlertCircle, CheckCircle2, Info, Loader2, X } from 'lucide-react';\nimport { cn } from '../utils/cn';\n\n// ---------------------------------------------------------------------------\n// Formatters\n// ---------------------------------------------------------------------------\nexport const humanize = (v: string | null | undefined): string =>\n  (v ?? '')\n    .toLowerCase()\n    .replace(/_/g, ' ')\n    .replace(/\\b\\w/g, (c) => c.toUpperCase());\n\nexport const fmtDate = (iso: string | null | undefined): string => {\n  if (!iso) return '—';\n  const d = new Date(iso);\n  return Number.isNaN(d.getTime())\n    ? '—'\n    : d.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' });\n};\n\nexport const fmtMoney = (amount: number | null | undefined, currency = 'USD'): string => {\n  const n = amount ?? 0;\n  try {\n    return new Intl.NumberFormat(undefined, {\n      style: 'currency',\n      currency,\n      maximumFractionDigits: 0,\n    }).format(n);\n  } catch {\n    return `${currency} ${n.toLocaleString()}`;\n  }\n};\n\nexport const fmtHours = (h: number | null | undefined): string =>\n  `${(h ?? 0).toLocaleString(undefined, { maximumFractionDigits: 1 })}h`;\nexport const fmtMinutesAsHours = (m: number | null | undefined): string => fmtHours((m ?? 0) / 60);\n\n// ---------------------------------------------------------------------------\n// Status tone mapping\n// ---------------------------------------------------------------------------\nexport type Tone = 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'accent';\n\nconst TONE_CLASS: Record<Tone, string> = {\n  neutral: 'bg-bg-sunken text-text-secondary',\n  success: 'bg-status-success-bg-subtle text-status-success-text',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n  danger: 'bg-status-error-bg-subtle text-status-error-text',\n  info: 'bg-bg-sunken text-text-link',\n  accent: 'bg-bg-sunken text-accent',\n};\n\nconst STATUS_TONE: Record<string, Tone> = {\n  // clients / generic\n  ACTIVE: 'success',\n  PROSPECT: 'info',\n  INACTIVE: 'neutral',\n  ARCHIVED: 'neutral',\n  // engagements\n  PROPOSAL: 'info',\n  ACCEPTED: 'accent',\n  IN_PROGRESS: 'accent',\n  REVIEW: 'warning',\n  DELIVERED: 'success',\n  INVOICED: 'success',\n  CLOSED: 'neutral',\n  CANCELLED: 'danger',\n  // matters\n  OPEN: 'accent',\n  ON_HOLD: 'warning',\n  // priority\n  LOW: 'neutral',\n  MEDIUM: 'info',\n  HIGH: 'warning',\n  CRITICAL: 'danger',\n  // deliverable / doc\n  DRAFT: 'neutral',\n  INTERNAL_REVIEW: 'info',\n  CLIENT_REVIEW: 'warning',\n  REJECTED: 'danger',\n  FINAL: 'success',\n  // time\n  SUBMITTED: 'info',\n  APPROVED: 'success',\n  BILLED: 'accent',\n  // invoice\n  SENT: 'info',\n  PAID: 'success',\n  OVERDUE: 'danger',\n  // compliance / conflict\n  PENDING: 'warning',\n  IN_REVIEW: 'info',\n  PASSED: 'success',\n  FAILED: 'danger',\n  WAIVED: 'neutral',\n  CLEAR: 'success',\n  POTENTIAL_CONFLICT: 'warning',\n  CONFLICT: 'danger',\n  // milestone\n  COMPLETED: 'success',\n};\n\nexport const StatusPill: FC<{ status: string; className?: string }> = ({ status, className }) => (\n  <span\n    className={cn(\n      'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium whitespace-nowrap',\n      TONE_CLASS[STATUS_TONE[status] ?? 'neutral'],\n      className\n    )}\n  >\n    <span className=\"h-1.5 w-1.5 rounded-full bg-current opacity-70\" />\n    {humanize(status)}\n  </span>\n);\n\n// ---------------------------------------------------------------------------\n// Page header\n// ---------------------------------------------------------------------------\nexport const PageHeader: FC<{\n  title: string;\n  subtitle?: string;\n  actions?: ReactNode;\n  icon?: ReactNode;\n}> = ({ title, subtitle, actions, icon }) => (\n  <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n    <div className=\"flex items-start gap-3.5\">\n      {icon ? (\n        <div className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-bg-sunken text-accent\">\n          {icon}\n        </div>\n      ) : null}\n      <div>\n        <h1 className=\"text-2xl font-bold tracking-tight text-text-primary sm:text-3xl\">{title}</h1>\n        {subtitle ? (\n          <p className=\"mt-1.5 max-w-2xl text-sm leading-relaxed text-text-secondary\">{subtitle}</p>\n        ) : null}\n      </div>\n    </div>\n    {actions ? <div className=\"flex flex-wrap items-center gap-2\">{actions}</div> : null}\n  </div>\n);\n\n// ---------------------------------------------------------------------------\n// Metric card\n// ---------------------------------------------------------------------------\nexport const MetricCard: FC<{\n  label: string;\n  value: ReactNode;\n  hint?: string;\n  icon?: ReactNode;\n  tone?: Tone;\n}> = ({ label, value, hint, icon, tone = 'neutral' }) => (\n  <div className=\"vc-lift-on-hover rounded-2xl border border-border-seam bg-bg-surface p-5 shadow-sm\">\n    <div className=\"flex items-center justify-between gap-2\">\n      <span className=\"text-xs font-medium uppercase tracking-wider text-text-tertiary\">\n        {label}\n      </span>\n      {icon ? (\n        <span\n          className={cn('flex h-9 w-9 items-center justify-center rounded-full', TONE_CLASS[tone])}\n        >\n          {icon}\n        </span>\n      ) : null}\n    </div>\n    <div className=\"mt-3 text-2xl font-semibold tracking-tight text-text-primary sm:text-3xl\">\n      {value}\n    </div>\n    {hint ? <div className=\"mt-1 text-xs text-text-tertiary\">{hint}</div> : null}\n  </div>\n);\n\n// ---------------------------------------------------------------------------\n// Section card\n// ---------------------------------------------------------------------------\nexport const SectionCard: FC<{\n  title?: string;\n  description?: string;\n  action?: ReactNode;\n  children: ReactNode;\n  className?: string;\n}> = ({ title, description, action, children, className }) => (\n  <section\n    className={cn('rounded-2xl border border-border-seam bg-bg-surface shadow-sm', className)}\n  >\n    {(title || action) && (\n      <header className=\"flex items-center justify-between gap-3 border-b border-border-seam px-5 py-3.5\">\n        <div>\n          {title ? <h2 className=\"text-sm font-semibold text-text-primary\">{title}</h2> : null}\n          {description ? <p className=\"mt-0.5 text-xs text-text-tertiary\">{description}</p> : null}\n        </div>\n        {action}\n      </header>\n    )}\n    <div className=\"p-5\">{children}</div>\n  </section>\n);\n\n// ---------------------------------------------------------------------------\n// Form controls (token-styled native elements — reliable inside modals)\n// ---------------------------------------------------------------------------\nconst controlClass =\n  'w-full rounded-lg border border-border-seam bg-bg-canvas px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary focus:border-accent focus:outline-none focus:ring-2 focus:ring-accent/30 disabled:opacity-50';\n\nexport const Field: FC<{\n  label: string;\n  required?: boolean;\n  hint?: string;\n  children: ReactNode;\n  className?: string;\n}> = ({ label, required, hint, children, className }) => (\n  <label className={cn('block', className)}>\n    <span className=\"mb-1 block text-xs font-medium text-text-secondary\">\n      {label}\n      {required ? <span className=\"text-status-error-text\"> *</span> : null}\n    </span>\n    {children}\n    {hint ? <span className=\"mt-1 block text-xs text-text-tertiary\">{hint}</span> : null}\n  </label>\n);\n\nexport const TextInput: FC<React.InputHTMLAttributes<HTMLInputElement>> = ({\n  className,\n  ...props\n}) => <input className={cn(controlClass, className)} {...props} />;\nexport const TextArea: FC<React.TextareaHTMLAttributes<HTMLTextAreaElement>> = ({\n  className,\n  ...props\n}) => <textarea className={cn(controlClass, 'min-h-[80px] resize-y', className)} {...props} />;\nexport const NativeSelect: FC<React.SelectHTMLAttributes<HTMLSelectElement>> = ({\n  className,\n  children,\n  ...props\n}) => (\n  <select className={cn(controlClass, 'appearance-none pr-8')} {...props}>\n    {children}\n  </select>\n);\n\n/** Turn an enum-value list into <option>s with humanized labels. */\nexport const enumOptions = (values: readonly string[]): ReactNode =>\n  values.map((v) => (\n    <option key={v} value={v}>\n      {humanize(v)}\n    </option>\n  ));\n\n// ---------------------------------------------------------------------------\n// Inline banner\n// ---------------------------------------------------------------------------\nexport const Banner: FC<{\n  tone?: 'success' | 'danger' | 'info';\n  children: ReactNode;\n  onClose?: () => void;\n}> = ({ tone = 'info', children, onClose }) => {\n  const Icon = tone === 'success' ? CheckCircle2 : tone === 'danger' ? AlertCircle : Info;\n  const toneClass =\n    tone === 'success'\n      ? TONE_CLASS.success\n      : tone === 'danger'\n        ? TONE_CLASS.danger\n        : 'bg-bg-sunken text-text-secondary';\n  return (\n    <div className={cn('flex items-start gap-2 rounded-lg px-3 py-2 text-sm', toneClass)}>\n      <Icon className=\"mt-0.5 h-4 w-4 shrink-0\" />\n      <div className=\"flex-1\">{children}</div>\n      {onClose ? (\n        <button\n          type=\"button\"\n          onClick={onClose}\n          className=\"opacity-70 hover:opacity-100\"\n          aria-label=\"Dismiss\"\n        >\n          <X className=\"h-4 w-4\" />\n        </button>\n      ) : null}\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Modal (centered on desktop, full-height sheet on mobile)\n// ---------------------------------------------------------------------------\nexport const Modal: FC<{\n  open: boolean;\n  onClose: () => void;\n  title: string;\n  children: ReactNode;\n  footer?: ReactNode;\n  wide?: boolean;\n}> = ({ open, onClose, title, children, footer, wide }) => {\n  useEffect(() => {\n    if (!open) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    };\n    document.addEventListener('keydown', onKey);\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.removeEventListener('keydown', onKey);\n      document.body.style.overflow = '';\n    };\n  }, [open, onClose]);\n\n  if (!open) return null;\n  return (\n    <div\n      className=\"fixed inset-0 z-50 flex items-end justify-center sm:items-center\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={title}\n    >\n      <div className=\"absolute inset-0 bg-black/50 backdrop-blur-sm\" onClick={onClose} />\n      <div\n        className={cn(\n          'relative flex max-h-[92vh] w-full flex-col overflow-hidden rounded-t-2xl border border-border-seam bg-bg-surface shadow-xl sm:max-h-[88vh] sm:rounded-2xl',\n          wide ? 'sm:max-w-3xl' : 'sm:max-w-lg'\n        )}\n      >\n        <header className=\"flex items-center justify-between border-b border-border-seam px-4 py-3\">\n          <h2 className=\"text-base font-semibold text-text-primary\">{title}</h2>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"rounded-lg p-1 text-text-tertiary hover:bg-bg-sunken hover:text-text-primary\"\n            aria-label=\"Close\"\n          >\n            <X className=\"h-5 w-5\" />\n          </button>\n        </header>\n        <div className=\"flex-1 overflow-y-auto px-4 py-4\">{children}</div>\n        {footer ? (\n          <footer className=\"flex items-center justify-end gap-2 border-t border-border-seam px-4 py-3\">\n            {footer}\n          </footer>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// States\n// ---------------------------------------------------------------------------\nexport const LoadingBlock: FC<{ label?: string }> = ({ label = 'Loading…' }) => (\n  <div className=\"flex min-h-[220px] flex-col items-center justify-center gap-3 text-text-tertiary\">\n    <Loader2 className=\"h-7 w-7 animate-spin text-accent\" />\n    <span className=\"text-sm\">{label}</span>\n  </div>\n);\n\nexport const ErrorState: FC<{ error: unknown; onRetry?: () => void }> = ({ error, onRetry }) => (\n  <div className=\"flex min-h-[220px] flex-col items-center justify-center gap-3 text-center\">\n    <AlertCircle className=\"h-8 w-8 text-status-error-text\" />\n    <p className=\"max-w-md text-sm text-text-secondary\">\n      {error instanceof Error ? error.message : 'Something went wrong.'}\n    </p>\n    {onRetry ? (\n      <Button variant=\"outline\" size=\"sm\" onClick={onRetry}>\n        Try again\n      </Button>\n    ) : null}\n  </div>\n);\n\nexport const Empty: FC<{\n  title: string;\n  description?: string;\n  icon?: ReactNode;\n  action?: ReactNode;\n}> = ({ title, description, icon, action }) => (\n  <div className=\"flex min-h-[240px] flex-col items-center justify-center gap-4 rounded-2xl border border-dashed border-border-seam bg-bg-surface/50 px-6 py-12 text-center\">\n    {icon ? (\n      <div className=\"flex h-14 w-14 items-center justify-center rounded-2xl bg-bg-sunken text-text-tertiary\">\n        {icon}\n      </div>\n    ) : null}\n    <div>\n      <p className=\"text-sm font-medium text-text-primary\">{title}</p>\n      {description ? (\n        <p className=\"mt-1 max-w-sm text-sm text-text-tertiary\">{description}</p>\n      ) : null}\n    </div>\n    {action}\n  </div>\n);\n\n// ---------------------------------------------------------------------------\n// Simple responsive table wrapper (scrolls horizontally on small screens)\n// ---------------------------------------------------------------------------\nexport const TableWrap: FC<{ children: ReactNode }> = ({ children }) => (\n  <div className=\"overflow-x-auto rounded-xl border border-border-seam\">\n    <table className=\"w-full min-w-[560px] text-left text-sm\">{children}</table>\n  </div>\n);\nexport const Th: FC<{ children?: ReactNode; className?: string }> = ({ children, className }) => (\n  <th\n    className={cn(\n      'bg-bg-sunken px-4 py-2.5 text-xs font-semibold uppercase tracking-wide text-text-tertiary',\n      className\n    )}\n  >\n    {children}\n  </th>\n);\nexport const Td: FC<{ children?: ReactNode; className?: string }> = ({ children, className }) => (\n  <td className={cn('border-t border-border-seam px-4 py-3 text-text-secondary', className)}>\n    {children}\n  </td>\n);\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useAnalytics.js","names":[],"sources":["../../../src/proserviceworld/hooks/useAnalytics.ts"],"sourcesContent":["/**\n * Product-analytics helper for ProServiceWorld.\n *\n * Emits intent/fact event pairs on the shared event bus. New event names are\n * fired via `emitCustom()` until they are added to fe-libs' `BurdenoffEventName`\n * union and the Rybbit allowlist.\n */\n\nimport { useCallback } from 'react';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\n\nexport type ProServiceWorldEventName =\n  | 'psw.client.create_clicked'\n  | 'psw.client.created'\n  | 'psw.client.updated'\n  | 'psw.client.archived'\n  | 'psw.engagement.create_clicked'\n  | 'psw.engagement.created'\n  | 'psw.engagement.transitioned'\n  | 'psw.matter.create_clicked'\n  | 'psw.matter.created'\n  | 'psw.matter.closed'\n  | 'psw.timeentry.create_clicked'\n  | 'psw.timeentry.created'\n  | 'psw.invoice.create_clicked'\n  | 'psw.invoice.created'\n  | 'psw.compliance.create_clicked'\n  | 'psw.compliance.resolved'\n  | 'psw.conflictcheck.run_clicked'\n  | 'psw.conflictcheck.recorded'\n  | 'psw.document.create_clicked'\n  | 'psw.document.created'\n  | 'psw.practicearea.create_clicked'\n  | 'psw.practicearea.created'\n  | 'psw.search.performed'\n  | 'psw.export.requested';\n\ninterface BasePayload {\n  workspaceId?: string;\n}\n\nexport function useAnalytics() {\n  const bus = useEventBus();\n\n  const emit = useCallback(\n    (name: ProServiceWorldEventName, payload: BasePayload & Record<string, unknown> = {}) => {\n      bus.emitCustom(name, payload);\n    },\n    [bus]\n  );\n\n  const emitIntent = useCallback(\n    (name: ProServiceWorldEventName, payload?: BasePayload & Record<string, unknown>) => {\n      emit(name, payload ?? {});\n    },\n    [emit]\n  );\n\n  const emitFact = useCallback(\n    (name: ProServiceWorldEventName, payload?: BasePayload & Record<string, unknown>) => {\n      emit(name, payload ?? {});\n    },\n    [emit]\n  );\n\n  return { emit, emitIntent, emitFact };\n}\n"],"mappings":";;;AAyCA,SAAgB,IAAe;CAC7B,IAAM,IAAM,GAAa,EAEnB,IAAO,GACV,GAAgC,IAAiD,EAAE,KAAK;AACvF,IAAI,WAAW,GAAM,EAAQ;IAE/B,CAAC,EAAI,CACN;AAgBD,QAAO;EAAE;EAAM,YAdI,GAChB,GAAgC,MAAoD;AACnF,KAAK,GAAM,KAAW,EAAE,CAAC;KAE3B,CAAC,EAAK,CACP;EAS0B,UAPV,GACd,GAAgC,MAAoD;AACnF,KAAK,GAAM,KAAW,EAAE,CAAC;KAE3B,CAAC,EAAK,CACP;EAEoC"}
+{"version":3,"file":"useAnalytics.js","names":[],"sources":["../../../src/proserviceworld/hooks/useAnalytics.ts"],"sourcesContent":["/**\n * Product-analytics helper for ProServiceWorld.\n *\n * Emits intent/fact event pairs on the shared event bus. New event names are\n * fired via `emitCustom()` until they are added to fe-libs' `BurdenoffEventName`\n * union and the Rybbit allowlist.\n */\n\nimport { useCallback } from 'react';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\n\nexport type ProServiceWorldEventName =\n  | 'psw.client.create_clicked'\n  | 'psw.client.created'\n  | 'psw.client.updated'\n  | 'psw.client.archived'\n  | 'psw.engagement.create_clicked'\n  | 'psw.engagement.created'\n  | 'psw.engagement.transitioned'\n  | 'psw.matter.create_clicked'\n  | 'psw.matter.created'\n  | 'psw.matter.closed'\n  | 'psw.timeentry.create_clicked'\n  | 'psw.timeentry.created'\n  | 'psw.invoice.create_clicked'\n  | 'psw.invoice.created'\n  | 'psw.compliance.create_clicked'\n  | 'psw.compliance.resolved'\n  | 'psw.conflictcheck.run_clicked'\n  | 'psw.conflictcheck.recorded'\n  | 'psw.document.create_clicked'\n  | 'psw.document.created'\n  | 'psw.practicearea.create_clicked'\n  | 'psw.practicearea.created'\n  | 'psw.search.performed'\n  | 'psw.export.requested';\n\ninterface BasePayload {\n  workspaceId?: string;\n}\n\nexport function useAnalytics() {\n  const bus = useEventBus();\n\n  const emit = useCallback(\n    (name: ProServiceWorldEventName, payload: BasePayload & Record<string, unknown> = {}) => {\n      bus.emitCustom(name, payload);\n    },\n    [bus]\n  );\n\n  const emitIntent = useCallback(\n    (name: ProServiceWorldEventName, payload?: BasePayload & Record<string, unknown>) => {\n      emit(name, payload ?? {});\n    },\n    [emit]\n  );\n\n  const emitFact = useCallback(\n    (name: ProServiceWorldEventName, payload?: BasePayload & Record<string, unknown>) => {\n      emit(name, payload ?? {});\n    },\n    [emit]\n  );\n\n  return { emit, emitIntent, emitFact };\n}\n"],"mappings":";;;AAyCA,SAAgB,IAAe;CAC7B,IAAM,IAAM,EAAY,GAElB,IAAO,GACV,GAAgC,IAAiD,CAAC,MAAM;EACvF,EAAI,WAAW,GAAM,CAAO;CAC9B,GACA,CAAC,CAAG,CACN;CAgBA,OAAO;EAAE;EAAM,YAdI,GAChB,GAAgC,MAAoD;GACnF,EAAK,GAAM,KAAW,CAAC,CAAC;EAC1B,GACA,CAAC,CAAI,CAUQ;EAAY,UAPV,GACd,GAAgC,MAAoD;GACnF,EAAK,GAAM,KAAW,CAAC,CAAC;EAC1B,GACA,CAAC,CAAI,CAGoB;CAAS;AACtC"}