@burdenoff/microfe-proserviceworld 2026.731.1 → 2026.801.1

package/dist/proserviceworld/ProServiceWorldRoutes.js

@@ -3,7 +3,7 @@ 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 { Navigate as o, Route as s, Routes as c } from "react-router";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/proserviceworld/ProServiceWorldRoutes.tsx
 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/TrustPage.js").then((e) => ({ default: e.TrustPage }))), y = i(() => import("./pages/CompliancePage.js").then((e) => ({ default: e.CompliancePage }))), b = i(() => import("./pages/ConflictsPage.js").then((e) => ({ default: e.ConflictsPage }))), x = i(() => import("./pages/DocumentsPage.js").then((e) => ({ default: e.DocumentsPage }))), S = i(() => import("./pages/PracticeAreasPage.js").then((e) => ({ default: e.PracticeAreasPage }))), C = i(() => import("./pages/AnalyticsPage.js").then((e) => ({ default: e.AnalyticsPage }))), w = i(() => import("./pages/SignaturesPage.js").then((e) => ({ default: e.SignaturesPage }))), T = i(() => import("./pages/MySignaturesPage.js").then((e) => ({ default: e.MySignaturesPage }))), E = i(() => import("./pages/ClientPortalAccessPage.js").then((e) => ({ default: e.ClientPortalAccessPage }))), D = i(() => import("./pages/MyPortalPage.js").then((e) => ({ default: e.MyPortalPage })));

package/dist/proserviceworld/ProServiceWorldRoutes.js.map

@@ -1 +1 @@
-{"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 TrustPage = lazy(() => import('./pages/TrustPage').then((m) => ({ default: m.TrustPage })));\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);\nconst SignaturesPage = lazy(() =>\n  import('./pages/SignaturesPage').then((m) => ({ default: m.SignaturesPage }))\n);\nconst MySignaturesPage = lazy(() =>\n  import('./pages/MySignaturesPage').then((m) => ({ default: m.MySignaturesPage }))\n);\nconst ClientPortalAccessPage = lazy(() =>\n  import('./pages/ClientPortalAccessPage').then((m) => ({ default: m.ClientPortalAccessPage }))\n);\nconst MyPortalPage = lazy(() =>\n  import('./pages/MyPortalPage').then((m) => ({ default: m.MyPortalPage }))\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=\"trust\"\n          element={\n            <Gate pageId=\"trust\">\n              <TrustPage />\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\n          path=\"signatures\"\n          element={\n            <Gate pageId=\"signatures\">\n              <SignaturesPage />\n            </Gate>\n          }\n        />\n        <Route\n          path=\"my-signatures\"\n          element={\n            <Gate pageId=\"my-signatures\">\n              <MySignaturesPage />\n            </Gate>\n          }\n        />\n        <Route\n          path=\"client-portal-access\"\n          element={\n            <Gate pageId=\"client-portal-access\">\n              <ClientPortalAccessPage />\n            </Gate>\n          }\n        />\n        <Route\n          path=\"portal\"\n          element={\n            <Gate pageId=\"portal\">\n              <MyPortalPage />\n            </Gate>\n          }\n        />\n        <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,IAAM,IAAc,QAClB,OAAO,yBAAsB,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CACxE,GACM,IAAmB,QACvB,OAAO,8BAA2B,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAClF,GACM,IAAkB,QACtB,OAAO,6BAA0B,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAChF,GACM,IAAuB,QAC3B,OAAO,kCAA+B,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAC1F,GACM,IAAc,QAClB,OAAO,yBAAsB,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CACxE,GACM,IAAW,QAAW,OAAO,sBAAmB,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,GACvF,IAAe,QACnB,OAAO,0BAAuB,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAC1E,GACM,IAAY,QAAW,OAAO,uBAAoB,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,GAC1F,IAAiB,QACrB,OAAO,4BAAyB,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAC9E,GACM,IAAgB,QACpB,OAAO,2BAAwB,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAC5E,GACM,IAAgB,QACpB,OAAO,2BAAwB,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAC5E,GACM,IAAoB,QACxB,OAAO,+BAA4B,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,CACpF,GACM,IAAgB,QACpB,OAAO,2BAAwB,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAC5E,GACM,IAAiB,QACrB,OAAO,4BAAyB,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAC9E,GACM,IAAmB,QACvB,OAAO,8BAA2B,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAClF,GACM,IAAyB,QAC7B,OAAO,oCAAiC,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAC9F,GACM,IAAe,QACnB,OAAO,0BAAuB,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAC1E;AAEA,SAAS,IAAa;CACpB,OACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,mCAAoC,CAAA;CACpD,CAAA;AAET;AAEA,SAAS,IAAkB;CAEzB,OADA,EAAqB,GACd;AACT;AAEA,SAAS,EAAK,EAAE,WAAQ,eAAqD;CAC3E,OACE,kBAAC,GAAD;EAA4B;YAC1B,kBAAC,GAAD;GAAU,UAAU,kBAAC,GAAD,CAAa,CAAA;GAAI;EAAmB,CAAA;CACtC,CAAA;AAExB;AAEA,SAAgB,IAAwB;CACtC,OACE,kBAAC,GAAD;EAAU,UAAU,kBAAC,GAAD,CAAa,CAAA;YAAjC,CACE,kBAAC,GAAD,CAAkB,CAAA,GAClB,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,OAAA;IACA,SACE,kBAAC,GAAD;KAAM,QAAO;eACX,kBAAC,GAAD,CAAgB,CAAA;IACZ,CAAA;GAET,CAAA;GACD,kBAAC,GAAD;IACE,MAAK;IACL,SACE,kBAAC,GAAD;KAAM,QAAO;eACX,kBAAC,GAAD,CAAc,CAAA;IACV,CAAA;GAET,CAAA;GACD,kBAAC,GAAD;IACE,MAAK;IACL,SACE,kBAAC,GAAD;KAAM,QAAO;eACX,kBAAC,GAAD,CAAmB,CAAA;IACf,CAAA;GAET,CAAA;GACD,kBAAC,GAAD;IACE,MAAK;IACL,SACE,kBAAC,GAAD;KAAM,QAAO;eACX,kBAAC,GAAD,CAAkB,CAAA;IACd,CAAA;GAET,CAAA;GACD,kBAAC,GAAD;IACE,MAAK;IACL,SACE,kBAAC,GAAD;KAAM,QAAO;eACX,kBAAC,GAAD,CAAuB,CAAA;IACnB,CAAA;GAET,CAAA;GACD,kBAAC,GAAD;IACE,MAAK;IACL,SACE,kBAAC,GAAD;KAAM,QAAO;eACX,kBAAC,GAAD,CAAc,CAAA;IACV,CAAA;GAET,CAAA;GACD,kBAAC,GAAD;IACE,MAAK;IACL,SACE,kBAAC,GAAD;KAAM,QAAO;eACX,kBAAC,GAAD,CAAW,CAAA;IACP,CAAA;GAET,CAAA;GACD,kBAAC,GAAD;IACE,MAAK;IACL,SACE,kBAAC,GAAD;KAAM,QAAO;eACX,kBAAC,GAAD,CAAe,CAAA;IACX,CAAA;GAET,CAAA;GACD,kBAAC,GAAD;IACE,MAAK;IACL,SACE,kBAAC,GAAD;KAAM,QAAO;eACX,kBAAC,GAAD,CAAY,CAAA;IACR,CAAA;GAET,CAAA;GACD,kBAAC,GAAD;IACE,MAAK;IACL,SACE,kBAAC,GAAD;KAAM,QAAO;eACX,kBAAC,GAAD,CAAiB,CAAA;IACb,CAAA;GAET,CAAA;GACD,kBAAC,GAAD;IACE,MAAK;IACL,SACE,kBAAC,GAAD;KAAM,QAAO;eACX,kBAAC,GAAD,CAAgB,CAAA;IACZ,CAAA;GAET,CAAA;GACD,kBAAC,GAAD;IACE,MAAK;IACL,SACE,kBAAC,GAAD;KAAM,QAAO;eACX,kBAAC,GAAD,CAAgB,CAAA;IACZ,CAAA;GAET,CAAA;GACD,kBAAC,GAAD;IACE,MAAK;IACL,SACE,kBAAC,GAAD;KAAM,QAAO;eACX,kBAAC,GAAD,CAAoB,CAAA;IAChB,CAAA;GAET,CAAA;GACD,kBAAC,GAAD;IACE,MAAK;IACL,SACE,kBAAC,GAAD;KAAM,QAAO;eACX,kBAAC,GAAD,CAAgB,CAAA;IACZ,CAAA;GAET,CAAA;GACD,kBAAC,GAAD;IACE,MAAK;IACL,SACE,kBAAC,GAAD;KAAM,QAAO;eACX,kBAAC,GAAD,CAAiB,CAAA;IACb,CAAA;GAET,CAAA;GACD,kBAAC,GAAD;IACE,MAAK;IACL,SACE,kBAAC,GAAD;KAAM,QAAO;eACX,kBAAC,GAAD,CAAmB,CAAA;IACf,CAAA;GAET,CAAA;GACD,kBAAC,GAAD;IACE,MAAK;IACL,SACE,kBAAC,GAAD;KAAM,QAAO;eACX,kBAAC,GAAD,CAAyB,CAAA;IACrB,CAAA;GAET,CAAA;GACD,kBAAC,GAAD;IACE,MAAK;IACL,SACE,kBAAC,GAAD;KAAM,QAAO;eACX,kBAAC,GAAD,CAAe,CAAA;IACX,CAAA;GAET,CAAA;GACD,kBAAC,GAAD;IAAO,MAAK;IAAI,SAAS,kBAAC,GAAD;KAAU,IAAG;KAAG,SAAA;IAAS,CAAA;GAAI,CAAA;EAChD,EAAA,CAAA,CACA;;AAEd"}
+{"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';\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 TrustPage = lazy(() => import('./pages/TrustPage').then((m) => ({ default: m.TrustPage })));\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);\nconst SignaturesPage = lazy(() =>\n  import('./pages/SignaturesPage').then((m) => ({ default: m.SignaturesPage }))\n);\nconst MySignaturesPage = lazy(() =>\n  import('./pages/MySignaturesPage').then((m) => ({ default: m.MySignaturesPage }))\n);\nconst ClientPortalAccessPage = lazy(() =>\n  import('./pages/ClientPortalAccessPage').then((m) => ({ default: m.ClientPortalAccessPage }))\n);\nconst MyPortalPage = lazy(() =>\n  import('./pages/MyPortalPage').then((m) => ({ default: m.MyPortalPage }))\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=\"trust\"\n          element={\n            <Gate pageId=\"trust\">\n              <TrustPage />\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\n          path=\"signatures\"\n          element={\n            <Gate pageId=\"signatures\">\n              <SignaturesPage />\n            </Gate>\n          }\n        />\n        <Route\n          path=\"my-signatures\"\n          element={\n            <Gate pageId=\"my-signatures\">\n              <MySignaturesPage />\n            </Gate>\n          }\n        />\n        <Route\n          path=\"client-portal-access\"\n          element={\n            <Gate pageId=\"client-portal-access\">\n              <ClientPortalAccessPage />\n            </Gate>\n          }\n        />\n        <Route\n          path=\"portal\"\n          element={\n            <Gate pageId=\"portal\">\n              <MyPortalPage />\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/hooks/usePageViewAnalytics.js

@@ -1,5 +1,5 @@
 import { useEffect as e, useRef as t } from "react";
-import { useLocation as n } from "react-router-dom";
+import { useLocation as n } from "react-router";
 import { useEventBus as r } from "@burdenoff/fe-libs/shared/events";
 //#region src/proserviceworld/hooks/usePageViewAnalytics.ts
 function i() {

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

@@ -1 +1 @@
-{"version":3,"file":"usePageViewAnalytics.js","names":[],"sources":["../../../src/proserviceworld/hooks/usePageViewAnalytics.ts"],"sourcesContent":["/**\n * Page-view analytics for ProServiceWorld routes.\n *\n * Emits a `psw.page.viewed` event on the shared event bus whenever the\n * location pathname changes. This lets Rybbit / analytics backends track\n * which product surfaces are visited without relying on noisy generic\n * router instrumentation.\n */\n\nimport { useEffect, useRef } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\n\nexport function usePageViewAnalytics() {\n  const location = useLocation();\n  const bus = useEventBus();\n  const lastPathRef = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (lastPathRef.current === location.pathname) return;\n    lastPathRef.current = location.pathname;\n\n    bus.emitCustom('psw.page.viewed', {\n      path: location.pathname,\n      search: location.search,\n      hash: location.hash,\n      product: 'proserviceworld',\n    });\n  }, [bus, location.hash, location.pathname, location.search]);\n}\n"],"mappings":";;;;AAaA,SAAgB,IAAuB;CACrC,IAAM,IAAW,EAAY,GACvB,IAAM,EAAY,GAClB,IAAc,EAAsB,IAAI;CAE9C,QAAgB;EACV,EAAY,YAAY,EAAS,aACrC,EAAY,UAAU,EAAS,UAE/B,EAAI,WAAW,mBAAmB;GAChC,MAAM,EAAS;GACf,QAAQ,EAAS;GACjB,MAAM,EAAS;GACf,SAAS;EACX,CAAC;CACH,GAAG;EAAC;EAAK,EAAS;EAAM,EAAS;EAAU,EAAS;CAAM,CAAC;AAC7D"}
+{"version":3,"file":"usePageViewAnalytics.js","names":[],"sources":["../../../src/proserviceworld/hooks/usePageViewAnalytics.ts"],"sourcesContent":["/**\n * Page-view analytics for ProServiceWorld routes.\n *\n * Emits a `psw.page.viewed` event on the shared event bus whenever the\n * location pathname changes. This lets Rybbit / analytics backends track\n * which product surfaces are visited without relying on noisy generic\n * router instrumentation.\n */\n\nimport { useEffect, useRef } from 'react';\nimport { useLocation } from 'react-router';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\n\nexport function usePageViewAnalytics() {\n  const location = useLocation();\n  const bus = useEventBus();\n  const lastPathRef = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (lastPathRef.current === location.pathname) return;\n    lastPathRef.current = location.pathname;\n\n    bus.emitCustom('psw.page.viewed', {\n      path: location.pathname,\n      search: location.search,\n      hash: location.hash,\n      product: 'proserviceworld',\n    });\n  }, [bus, location.hash, location.pathname, location.search]);\n}\n"],"mappings":";;;;AAaA,SAAgB,IAAuB;CACrC,IAAM,IAAW,EAAY,GACvB,IAAM,EAAY,GAClB,IAAc,EAAsB,IAAI;CAE9C,QAAgB;EACV,EAAY,YAAY,EAAS,aACrC,EAAY,UAAU,EAAS,UAE/B,EAAI,WAAW,mBAAmB;GAChC,MAAM,EAAS;GACf,QAAQ,EAAS;GACjB,MAAM,EAAS;GACf,SAAS;EACX,CAAC;CACH,GAAG;EAAC;EAAK,EAAS;EAAM,EAAS;EAAU,EAAS;CAAM,CAAC;AAC7D"}

package/dist/proserviceworld/pages/ClientDetailPage.js

@@ -5,7 +5,7 @@ import { Banner as a, Empty as o, ErrorState as s, Field as c, LoadingBlock as l
 import { DiscussionThread as S } from "../components/DiscussionThread.js";
 import { useState as C } from "react";
 import { ArrowLeft as w, Briefcase as T, ChevronRight as E, FolderKanban as D, GitBranch as O, Mail as k, MapPin as A, Phone as j, Plus as M, StickyNote as N } from "lucide-react";
-import { useParams as P } from "react-router-dom";
+import { useParams as P } from "react-router";
 import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
 import { Button as R } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/ClientDetailPage.tsx

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  StickyNote,\n  ChevronRight,\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 { cn } from '../utils/cn';\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  TableWrap,\n  Th,\n  Td,\n  fmtDate,\n  fmtMoney,\n  humanize,\n} from '../components/ui';\n\nconst initials = (name: string): string =>\n  name\n    .split(/\\s+/)\n    .filter(Boolean)\n    .slice(0, 2)\n    .map((w) => w[0]?.toUpperCase() ?? '')\n    .join('') || '?';\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  const avatarName = client.contactName || client.name;\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 transition-colors 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      {client.tags.length > 0 && (\n        <div className=\"flex flex-wrap gap-2\">\n          {client.tags.map((t) => (\n            <span\n              key={t}\n              className=\"rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\"\n            >\n              {t}\n            </span>\n          ))}\n        </div>\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          <div className=\"space-y-4\">\n            <div className=\"flex items-center gap-3\">\n              <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-accent/10 text-sm font-semibold text-accent ring-1 ring-inset ring-accent/15\">\n                {initials(avatarName)}\n              </span>\n              <div className=\"min-w-0\">\n                <div className=\"truncate text-sm font-semibold text-text-primary\">\n                  {client.contactName || client.name}\n                </div>\n                <div className=\"truncate text-xs text-text-tertiary\">\n                  {client.contactName ? 'Primary contact' : 'Client record'}\n                </div>\n              </div>\n            </div>\n\n            <dl className=\"space-y-2.5 text-sm\">\n              {client.contactEmail && (\n                <IconRow icon={<Mail className=\"h-4 w-4\" />} value={client.contactEmail} />\n              )}\n              {client.contactPhone && (\n                <IconRow icon={<Phone className=\"h-4 w-4\" />} value={client.contactPhone} />\n              )}\n              {client.address && (\n                <IconRow icon={<MapPin className=\"h-4 w-4\" />} value={client.address} />\n              )}\n              {client.notes && (\n                <IconRow icon={<StickyNote className=\"h-4 w-4\" />} value={client.notes} multiline />\n              )}\n              {!client.contactEmail && !client.contactPhone && !client.address && !client.notes && (\n                <p className=\"text-sm text-text-tertiary\">No contact details recorded yet.</p>\n              )}\n            </dl>\n          </div>\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.items.length === 0 ? (\n            <Empty\n              title=\"No conflict checks\"\n              description=\"Run a conflict check before accepting new work for this client.\"\n              icon={<GitBranch className=\"h-7 w-7\" />}\n            />\n          ) : (\n            <TableWrap>\n              <thead>\n                <tr>\n                  <Th>Parties searched</Th>\n                  <Th>Date</Th>\n                  <Th className=\"text-right\">Status</Th>\n                </tr>\n              </thead>\n              <tbody>\n                {conflicts.data.items.map((c) => (\n                  <tr key={c.id} className=\"transition-colors hover:bg-bg-sunken/60\">\n                    <Td>\n                      <div className=\"font-medium text-text-primary\">\n                        {c.searchedParties.join(', ') || 'Conflict search'}\n                      </div>\n                      {c.findings ? (\n                        <div className=\"text-xs text-text-tertiary\">{c.findings}</div>\n                      ) : null}\n                    </Td>\n                    <Td className=\"whitespace-nowrap\">{fmtDate(c.createdAt)}</Td>\n                    <Td className=\"text-right\">\n                      <StatusPill status={c.status} />\n                    </Td>\n                  </tr>\n                ))}\n              </tbody>\n            </TableWrap>\n          )}\n        </SectionCard>\n      </div>\n\n      <SectionCard\n        title=\"Engagements\"\n        description={`${client.engagements.length} scoped for this client`}\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          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Engagement</Th>\n                <Th>Fee</Th>\n                <Th>Started</Th>\n                <Th className=\"text-right\">Status</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {client.engagements.map((e: PswEngagement) => (\n                <tr\n                  key={e.id}\n                  className=\"group cursor-pointer transition-colors hover:bg-bg-sunken/60\"\n                  onClick={() => nav(`engagements/${e.id}`)}\n                >\n                  <Td>\n                    <div className=\"flex items-center gap-1 font-medium text-text-primary transition-colors group-hover:text-accent\">\n                      <span>{e.name}</span>\n                      <ChevronRight className=\"h-3.5 w-3.5 shrink-0 text-text-tertiary opacity-0 transition-opacity group-hover:opacity-100\" />\n                    </div>\n                  </Td>\n                  <Td className=\"whitespace-nowrap\">\n                    {fmtMoney(e.feeAmount, e.currency)}{' '}\n                    <span className=\"text-xs text-text-tertiary\">\n                      / {humanize(e.feeArrangement)}\n                    </span>\n                  </Td>\n                  <Td className=\"whitespace-nowrap\">{fmtDate(e.startDate)}</Td>\n                  <Td className=\"text-right\">\n                    <StatusPill status={e.status} />\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n        )}\n      </SectionCard>\n\n      <SectionCard\n        title=\"Matters\"\n        description={`${client.matters.length} tracked for this client`}\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          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Reference</Th>\n                <Th>Title</Th>\n                <Th>Due</Th>\n                <Th>Priority</Th>\n                <Th className=\"text-right\">Status</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {client.matters.map((m: PswMatter) => (\n                <tr key={m.id} className=\"transition-colors hover:bg-bg-sunken/60\">\n                  <Td className=\"whitespace-nowrap font-medium text-text-primary\">\n                    {m.reference || '—'}\n                  </Td>\n                  <Td>{m.title}</Td>\n                  <Td className=\"whitespace-nowrap\">{fmtDate(m.dueDate)}</Td>\n                  <Td>\n                    <StatusPill status={m.priority} />\n                  </Td>\n                  <Td className=\"text-right\">\n                    <StatusPill status={m.status} />\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\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 IconRow: FC<{ icon: React.ReactNode; value: string; multiline?: boolean }> = ({\n  icon,\n  value,\n  multiline,\n}) => (\n  <div\n    className={cn('flex gap-2.5 text-text-secondary', multiline ? 'items-start' : 'items-center')}\n  >\n    <span className=\"mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-tertiary\">\n      {icon}\n    </span>\n    <span className={cn('min-w-0 break-words', multiline ? 'leading-relaxed' : 'truncate')}>\n      {value}\n    </span>\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';\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  StickyNote,\n  ChevronRight,\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 { cn } from '../utils/cn';\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  TableWrap,\n  Th,\n  Td,\n  fmtDate,\n  fmtMoney,\n  humanize,\n} from '../components/ui';\n\nconst initials = (name: string): string =>\n  name\n    .split(/\\s+/)\n    .filter(Boolean)\n    .slice(0, 2)\n    .map((w) => w[0]?.toUpperCase() ?? '')\n    .join('') || '?';\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  const avatarName = client.contactName || client.name;\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 transition-colors 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      {client.tags.length > 0 && (\n        <div className=\"flex flex-wrap gap-2\">\n          {client.tags.map((t) => (\n            <span\n              key={t}\n              className=\"rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\"\n            >\n              {t}\n            </span>\n          ))}\n        </div>\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          <div className=\"space-y-4\">\n            <div className=\"flex items-center gap-3\">\n              <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-accent/10 text-sm font-semibold text-accent ring-1 ring-inset ring-accent/15\">\n                {initials(avatarName)}\n              </span>\n              <div className=\"min-w-0\">\n                <div className=\"truncate text-sm font-semibold text-text-primary\">\n                  {client.contactName || client.name}\n                </div>\n                <div className=\"truncate text-xs text-text-tertiary\">\n                  {client.contactName ? 'Primary contact' : 'Client record'}\n                </div>\n              </div>\n            </div>\n\n            <dl className=\"space-y-2.5 text-sm\">\n              {client.contactEmail && (\n                <IconRow icon={<Mail className=\"h-4 w-4\" />} value={client.contactEmail} />\n              )}\n              {client.contactPhone && (\n                <IconRow icon={<Phone className=\"h-4 w-4\" />} value={client.contactPhone} />\n              )}\n              {client.address && (\n                <IconRow icon={<MapPin className=\"h-4 w-4\" />} value={client.address} />\n              )}\n              {client.notes && (\n                <IconRow icon={<StickyNote className=\"h-4 w-4\" />} value={client.notes} multiline />\n              )}\n              {!client.contactEmail && !client.contactPhone && !client.address && !client.notes && (\n                <p className=\"text-sm text-text-tertiary\">No contact details recorded yet.</p>\n              )}\n            </dl>\n          </div>\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.items.length === 0 ? (\n            <Empty\n              title=\"No conflict checks\"\n              description=\"Run a conflict check before accepting new work for this client.\"\n              icon={<GitBranch className=\"h-7 w-7\" />}\n            />\n          ) : (\n            <TableWrap>\n              <thead>\n                <tr>\n                  <Th>Parties searched</Th>\n                  <Th>Date</Th>\n                  <Th className=\"text-right\">Status</Th>\n                </tr>\n              </thead>\n              <tbody>\n                {conflicts.data.items.map((c) => (\n                  <tr key={c.id} className=\"transition-colors hover:bg-bg-sunken/60\">\n                    <Td>\n                      <div className=\"font-medium text-text-primary\">\n                        {c.searchedParties.join(', ') || 'Conflict search'}\n                      </div>\n                      {c.findings ? (\n                        <div className=\"text-xs text-text-tertiary\">{c.findings}</div>\n                      ) : null}\n                    </Td>\n                    <Td className=\"whitespace-nowrap\">{fmtDate(c.createdAt)}</Td>\n                    <Td className=\"text-right\">\n                      <StatusPill status={c.status} />\n                    </Td>\n                  </tr>\n                ))}\n              </tbody>\n            </TableWrap>\n          )}\n        </SectionCard>\n      </div>\n\n      <SectionCard\n        title=\"Engagements\"\n        description={`${client.engagements.length} scoped for this client`}\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          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Engagement</Th>\n                <Th>Fee</Th>\n                <Th>Started</Th>\n                <Th className=\"text-right\">Status</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {client.engagements.map((e: PswEngagement) => (\n                <tr\n                  key={e.id}\n                  className=\"group cursor-pointer transition-colors hover:bg-bg-sunken/60\"\n                  onClick={() => nav(`engagements/${e.id}`)}\n                >\n                  <Td>\n                    <div className=\"flex items-center gap-1 font-medium text-text-primary transition-colors group-hover:text-accent\">\n                      <span>{e.name}</span>\n                      <ChevronRight className=\"h-3.5 w-3.5 shrink-0 text-text-tertiary opacity-0 transition-opacity group-hover:opacity-100\" />\n                    </div>\n                  </Td>\n                  <Td className=\"whitespace-nowrap\">\n                    {fmtMoney(e.feeAmount, e.currency)}{' '}\n                    <span className=\"text-xs text-text-tertiary\">\n                      / {humanize(e.feeArrangement)}\n                    </span>\n                  </Td>\n                  <Td className=\"whitespace-nowrap\">{fmtDate(e.startDate)}</Td>\n                  <Td className=\"text-right\">\n                    <StatusPill status={e.status} />\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n        )}\n      </SectionCard>\n\n      <SectionCard\n        title=\"Matters\"\n        description={`${client.matters.length} tracked for this client`}\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          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Reference</Th>\n                <Th>Title</Th>\n                <Th>Due</Th>\n                <Th>Priority</Th>\n                <Th className=\"text-right\">Status</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {client.matters.map((m: PswMatter) => (\n                <tr key={m.id} className=\"transition-colors hover:bg-bg-sunken/60\">\n                  <Td className=\"whitespace-nowrap font-medium text-text-primary\">\n                    {m.reference || '—'}\n                  </Td>\n                  <Td>{m.title}</Td>\n                  <Td className=\"whitespace-nowrap\">{fmtDate(m.dueDate)}</Td>\n                  <Td>\n                    <StatusPill status={m.priority} />\n                  </Td>\n                  <Td className=\"text-right\">\n                    <StatusPill status={m.status} />\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\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 IconRow: FC<{ icon: React.ReactNode; value: string; multiline?: boolean }> = ({\n  icon,\n  value,\n  multiline,\n}) => (\n  <div\n    className={cn('flex gap-2.5 text-text-secondary', multiline ? 'items-start' : 'items-center')}\n  >\n    <span className=\"mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-tertiary\">\n      {icon}\n    </span>\n    <span className={cn('min-w-0 break-words', multiline ? 'leading-relaxed' : 'truncate')}>\n      {value}\n    </span>\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":";;;;;;;;;;;AA8CA,IAAM,KAAY,MAChB,EACG,MAAM,KAAK,CAAC,CACZ,OAAO,OAAO,CAAC,CACf,MAAM,GAAG,CAAC,CAAC,CACX,KAAK,MAAM,EAAE,EAAE,EAAE,YAAY,KAAK,EAAE,CAAC,CACrC,KAAK,EAAE,KAAK,KAEJ,UAA6B;CACxC,IAAM,EAAE,QAAK,OAAO,EAAU,GACxB,IAAM,EAAO,GACb,EAAE,MAAM,GAAQ,cAAW,UAAO,eAAY,EAAU,CAAE,GAC1D,IAAY,EAAkB,EAAE,UAAU,EAAG,CAAC,GAC9C,CAAC,GAAa,KAAkB,EAAS,EAAK;CAEpD,IAAI,GAAW,OAAO,kBAAC,GAAD,CAAe,CAAA;CACrC,IAAI,GAAO,OAAO,kBAAC,GAAD;EAAmB;EAAO,eAAe,KAAK,EAAQ;CAAI,CAAA;CAC5E,IAAI,CAAC,GACH,OACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;CACb,CAAA;CAGL,IAAM,IAAa,EAAO,eAAe,EAAO;CAEhD,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAI,SAAS;IAC5B,WAAU;cAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,GAAC,kBAC3B;;GAER,kBAAC,GAAD;IACE,OAAO,EAAO;IACd,UAAU,CAAC,EAAO,SAAS,iBAAiB,iBAAiB,cAAc,EAAO,QAAQ,CAAC,CACxF,OAAO,OAAO,CAAC,CACf,KAAK,KAAK;IACb,SAAS,kBAAC,GAAD,EAAY,QAAQ,EAAO,OAAS,CAAA;GAC9C,CAAA;GAEA,EAAO,KAAK,SAAS,KACpB,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAO,KAAK,KAAK,MAChB,kBAAC,QAAD;KAEE,WAAU;eAET;IACG,GAJC,CAID,CACP;GACE,CAAA;GAGP,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAa,OAAM;KAAU,WAAU;eACrC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAS,CAAU;OAChB,CAAA,GACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAAO,eAAe,EAAO;QAC3B,CAAA,GACL,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAAO,cAAc,oBAAoB;QACvC,CAAA,CACF;SACF;UAEL,kBAAC,MAAD;OAAI,WAAU;iBAAd;QACG,EAAO,gBACN,kBAAC,GAAD;SAAS,MAAM,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;SAAG,OAAO,EAAO;QAAe,CAAA;QAE3E,EAAO,gBACN,kBAAC,GAAD;SAAS,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;SAAG,OAAO,EAAO;QAAe,CAAA;QAE5E,EAAO,WACN,kBAAC,GAAD;SAAS,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;SAAG,OAAO,EAAO;QAAU,CAAA;QAExE,EAAO,SACN,kBAAC,GAAD;SAAS,MAAM,kBAAC,GAAD,EAAY,WAAU,UAAW,CAAA;SAAG,OAAO,EAAO;SAAO,WAAA;QAAW,CAAA;QAEpF,CAAC,EAAO,gBAAgB,CAAC,EAAO,gBAAgB,CAAC,EAAO,WAAW,CAAC,EAAO,SAC1E,kBAAC,KAAD;SAAG,WAAU;mBAA6B;QAAmC,CAAA;OAE7E;QACD;;IACM,CAAA,GAEb,kBAAC,GAAD;KACE,OAAM;KACN,WAAU;KACV,QACE,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAQ;MAAU,eAAe,EAAe,EAAI;gBAAtE,CACE,kBAAC,GAAD,EAAW,WAAU,iBAAkB,CAAA,GAAC,YAClC;;eAGT,EAAU,YACT,kBAAC,GAAD,EAAc,OAAM,WAAY,CAAA,IAC9B,CAAC,EAAU,QAAQ,EAAU,KAAK,MAAM,WAAW,IACrD,kBAAC,GAAD;MACE,OAAM;MACN,aAAY;MACZ,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;KACvC,CAAA,IAED,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA;MACE,kBAAC,GAAD,EAAA,UAAI,mBAAoB,CAAA;MACxB,kBAAC,GAAD,EAAA,UAAI,OAAQ,CAAA;MACZ,kBAAC,GAAD;OAAI,WAAU;iBAAa;MAAU,CAAA;KACnC,EAAA,CAAA,EACC,CAAA,GACP,kBAAC,SAAD,EAAA,UACG,EAAU,KAAK,MAAM,KAAK,MACzB,kBAAC,MAAD;MAAe,WAAU;gBAAzB;OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAE,gBAAgB,KAAK,IAAI,KAAK;OAC9B,CAAA,GACJ,EAAE,WACD,kBAAC,OAAD;QAAK,WAAU;kBAA8B,EAAE;OAAc,CAAA,IAC3D,IACF,EAAA,CAAA;OACJ,kBAAC,GAAD;QAAI,WAAU;kBAAqB,EAAQ,EAAE,SAAS;OAAM,CAAA;OAC5D,kBAAC,GAAD;QAAI,WAAU;kBACZ,kBAAC,GAAD,EAAY,QAAQ,EAAE,OAAS,CAAA;OAC7B,CAAA;MACF;QAbK,EAAE,EAaP,CACL,EACI,CAAA,CACE,EAAA,CAAA;IAEF,CAAA,CACV;;GAEL,kBAAC,GAAD;IACE,OAAM;IACN,aAAa,GAAG,EAAO,YAAY,OAAO;IAC1C,QACE,kBAAC,GAAD;KAAQ,MAAK;KAAK,SAAQ;KAAU,eAAe,EAAI,aAAa;eAApE,CACE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,QAE7B;;cAGT,EAAO,YAAY,WAAW,IAC7B,kBAAC,GAAD;KACE,OAAM;KACN,aAAY;KACZ,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;IACvC,CAAA,IAED,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA;KACE,kBAAC,GAAD,EAAA,UAAI,aAAc,CAAA;KAClB,kBAAC,GAAD,EAAA,UAAI,MAAO,CAAA;KACX,kBAAC,GAAD,EAAA,UAAI,UAAW,CAAA;KACf,kBAAC,GAAD;MAAI,WAAU;gBAAa;KAAU,CAAA;IACnC,EAAA,CAAA,EACC,CAAA,GACP,kBAAC,SAAD,EAAA,UACG,EAAO,YAAY,KAAK,MACvB,kBAAC,MAAD;KAEE,WAAU;KACV,eAAe,EAAI,eAAe,EAAE,IAAI;eAH1C;MAKE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD,EAAA,UAAO,EAAE,KAAW,CAAA,GACpB,kBAAC,GAAD,EAAc,WAAU,+FAAgG,CAAA,CACrH;SACH,CAAA;MACJ,kBAAC,GAAD;OAAI,WAAU;iBAAd;QACG,EAAS,EAAE,WAAW,EAAE,QAAQ;QAAG;QACpC,kBAAC,QAAD;SAAM,WAAU;mBAAhB,CAA6C,MACxC,EAAS,EAAE,cAAc,CACxB;;OACJ;;MACJ,kBAAC,GAAD;OAAI,WAAU;iBAAqB,EAAQ,EAAE,SAAS;MAAM,CAAA;MAC5D,kBAAC,GAAD;OAAI,WAAU;iBACZ,kBAAC,GAAD,EAAY,QAAQ,EAAE,OAAS,CAAA;MAC7B,CAAA;KACF;OApBG,EAAE,EAoBL,CACL,EACI,CAAA,CACE,EAAA,CAAA;GAEF,CAAA;GAEb,kBAAC,GAAD;IACE,OAAM;IACN,aAAa,GAAG,EAAO,QAAQ,OAAO;IACtC,QACE,kBAAC,GAAD;KAAQ,MAAK;KAAK,SAAQ;KAAU,eAAe,EAAI,SAAS;eAAhE,CACE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,QAE7B;;cAGT,EAAO,QAAQ,WAAW,IACzB,kBAAC,GAAD;KACE,OAAM;KACN,aAAY;KACZ,MAAM,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;IAC1C,CAAA,IAED,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA;KACE,kBAAC,GAAD,EAAA,UAAI,YAAa,CAAA;KACjB,kBAAC,GAAD,EAAA,UAAI,QAAS,CAAA;KACb,kBAAC,GAAD,EAAA,UAAI,MAAO,CAAA;KACX,kBAAC,GAAD,EAAA,UAAI,WAAY,CAAA;KAChB,kBAAC,GAAD;MAAI,WAAU;gBAAa;KAAU,CAAA;IACnC,EAAA,CAAA,EACC,CAAA,GACP,kBAAC,SAAD,EAAA,UACG,EAAO,QAAQ,KAAK,MACnB,kBAAC,MAAD;KAAe,WAAU;eAAzB;MACE,kBAAC,GAAD;OAAI,WAAU;iBACX,EAAE,aAAa;MACd,CAAA;MACJ,kBAAC,GAAD,EAAA,UAAK,EAAE,MAAU,CAAA;MACjB,kBAAC,GAAD;OAAI,WAAU;iBAAqB,EAAQ,EAAE,OAAO;MAAM,CAAA;MAC1D,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAY,QAAQ,EAAE,SAAW,CAAA,EAC/B,CAAA;MACJ,kBAAC,GAAD;OAAI,WAAU;iBACZ,kBAAC,GAAD,EAAY,QAAQ,EAAE,OAAS,CAAA;MAC7B,CAAA;KACF;OAZK,EAAE,EAYP,CACL,EACI,CAAA,CACE,EAAA,CAAA;GAEF,CAAA;GAEb,kBAAC,GAAD;IAAkB,YAAW;IAAyB,UAAU;GAAK,CAAA;GAEpE,KACC,kBAAC,GAAD;IACE,UAAU;IACV,eAAe,EAAe,EAAK;IACnC,cAAc,KAAK,EAAU,QAAQ;GACtC,CAAA;EAEA;;AAET,GAEM,KAA8E,EAClF,SACA,UACA,mBAEA,kBAAC,OAAD;CACE,WAAW,EAAG,oCAAoC,IAAY,gBAAgB,cAAc;WAD9F,CAGE,kBAAC,QAAD;EAAM,WAAU;YACb;CACG,CAAA,GACN,kBAAC,QAAD;EAAM,WAAW,EAAG,uBAAuB,IAAY,oBAAoB,UAAU;YAClF;CACG,CAAA,CACH;IAGD,KAAoF,EACxF,aACA,YACA,gBACI;CACJ,IAAM,IAAS,EAAuB,GAChC,CAAC,GAAS,KAAc,EAAS,EAAE,GACnC,CAAC,GAAU,KAAe,EAAS,EAAE,GACrC,CAAC,GAAK,KAAU,EAAwB,IAAI;CAqBlD,OACE,kBAAC,GAAD;EACE,MAAA;EACS;EACT,OAAM;EACN,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,SAAS;GAAS,UAAU,EAAO;aAAW;EAEhE,CAAA,GACR,kBAAC,GAAD;GAAQ,eA7BK;IACnB,EAAO,IAAI;IACX,IAAM,IAAkB,EACrB,MAAM,GAAG,CAAC,CACV,KAAK,MAAM,EAAE,KAAK,CAAC,CAAC,CACpB,OAAO,OAAO;IACjB,IAAI,EAAgB,WAAW,GAAG,OAAO,EAAO,mCAAmC;IACnF,EAAO,OACL;KAAE;KAAU;KAAiB,UAAU,EAAS,KAAK,KAAK;IAAK,GAC/D;KACE,iBAAiB;MAEf,AADA,EAAO,GACP,EAAQ;KACV;KACA,UAAU,MAAM,EAAO,aAAa,QAAQ,EAAE,UAAU,SAAS;IACnE,CACF;GACF;GAYiC,UAAU,EAAO;aACvC,EAAO,YAAY,aAAa;EAC3B,CAAA,CACR,EAAA,CAAA;YAGJ,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,KAAO,kBAAC,GAAD;KAAQ,MAAK;eAAU;IAAY,CAAA;IAC3C,kBAAC,GAAD;KACE,OAAM;KACN,UAAA;KACA,MAAK;eAEL,kBAAC,GAAD;MACE,OAAO;MACP,WAAW,MAAM,EAAW,EAAE,OAAO,KAAK;MAC1C,aAAY;KACb,CAAA;IACI,CAAA;IACP,kBAAC,GAAD;KAAO,OAAM;eACX,kBAAC,GAAD;MACE,OAAO;MACP,WAAW,MAAM,EAAY,EAAE,OAAO,KAAK;MAC3C,aAAY;KACb,CAAA;IACI,CAAA;GACJ;;CACA,CAAA;AAEX"}

package/dist/proserviceworld/pages/EngagementDetailPage.js

@@ -5,7 +5,7 @@ import { DiscussionThread as T } from "../components/DiscussionThread.js";
 import { useAnalytics as E } from "../hooks/useAnalytics.js";
 import { useState as D } from "react";
 import { ArrowLeft as O, ArrowRight as k, CheckCircle2 as A, Clock as j, DollarSign as M, FileText as N, Flag as P, Plus as F } from "lucide-react";
-import { useParams as I } from "react-router-dom";
+import { useParams as I } from "react-router";
 import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
 import { Button as B } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/EngagementDetailPage.tsx

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 {\n  ArrowLeft,\n  ArrowRight,\n  Plus,\n  CheckCircle2,\n  FileText,\n  Flag,\n  Clock,\n  DollarSign,\n} 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 { useAnalytics } from '../hooks/useAnalytics';\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 { emitFact } = useAnalytics();\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 transition-colors 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          icon={<DollarSign className=\"h-4 w-4\" />}\n          tone=\"success\"\n        />\n        <MetricCard\n          label=\"Deliverables\"\n          value={e.deliverables.length}\n          icon={<FileText className=\"h-4 w-4\" />}\n          tone=\"info\"\n        />\n        <MetricCard\n          label=\"Milestones\"\n          value={e.milestones.length}\n          icon={<Flag className=\"h-4 w-4\" />}\n          tone=\"accent\"\n        />\n        <MetricCard\n          label=\"Time logged\"\n          value={fmtMinutesAsHours(loggedMinutes)}\n          hint={`${time.data?.totalCount ?? 0} entries`}\n          icon={<Clock className=\"h-4 w-4\" />}\n          tone=\"warning\"\n        />\n      </div>\n\n      {nextStates.length > 0 && (\n        <SectionCard title=\"Advance lifecycle\">\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n            <div className=\"flex items-center gap-2 text-sm text-text-secondary\">\n              <span>Currently</span>\n              <StatusPill status={e.status} />\n            </div>\n            <div className=\"flex flex-wrap gap-2\">\n              {nextStates.map((s) => {\n                const isCancel = s === 'CANCELLED';\n                return (\n                  <Button\n                    key={s}\n                    size=\"sm\"\n                    variant={isCancel ? 'outline' : 'default'}\n                    disabled={transition.isPending}\n                    onClick={() =>\n                      transition.mutate(\n                        { id: e.id, status: s },\n                        {\n                          onSuccess: () => {\n                            emitFact('psw.engagement.transitioned', {\n                              engagementId: e.id,\n                              status: s,\n                            });\n                            setBanner({ tone: 'success', text: `Moved to ${humanize(s)}.` });\n                          },\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                    {!isCancel && <ArrowRight className=\"ml-1.5 h-4 w-4\" />}\n                  </Button>\n                );\n              })}\n            </div>\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.5\">\n              {e.deliverables.map((d) => (\n                <li\n                  key={d.id}\n                  className=\"rounded-xl border border-border-seam bg-bg-canvas p-3.5 transition-colors hover:border-accent/40\"\n                >\n                  <div className=\"flex items-start justify-between gap-3\">\n                    <div className=\"min-w-0\">\n                      <div className=\"flex items-center gap-2 text-sm font-medium text-text-primary\">\n                        <span className=\"truncate\">{d.name}</span>\n                        <span className=\"shrink-0 rounded-md bg-bg-sunken px-1.5 py-0.5 text-[10px] font-semibold text-text-tertiary\">\n                          v{d.version}\n                        </span>\n                      </div>\n                      {d.dueDate && (\n                        <div className=\"mt-0.5 text-xs text-text-tertiary\">\n                          Due {fmtDate(d.dueDate)}\n                        </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.5\">\n              {e.milestones.map((m) => (\n                <li\n                  key={m.id}\n                  className=\"flex items-center justify-between gap-3 rounded-xl border border-border-seam bg-bg-canvas p-3.5 transition-colors hover:border-accent/40\"\n                >\n                  <div className=\"min-w-0\">\n                    <div className=\"truncate text-sm font-medium text-text-primary\">{m.name}</div>\n                    <div className=\"mt-0.5 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 shrink-0 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      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        <div className=\"lg:col-span-2\">\n          <DiscussionThread entityType=\"proserviceworld-engagement\" entityId={e.id} />\n        </div>\n\n        <SectionCard\n          title=\"Time logged\"\n          description={fmtMinutesAsHours(loggedMinutes)}\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              icon={<Clock className=\"h-7 w-7\" />}\n            />\n          ) : (\n            <ul className=\"space-y-2\">\n              {time.data.items.slice(0, 8).map((t) => (\n                <li\n                  key={t.id}\n                  className=\"rounded-lg border border-border-seam bg-bg-canvas p-3 text-sm\"\n                >\n                  <div className=\"flex items-center justify-between gap-2\">\n                    <span className=\"whitespace-nowrap text-xs text-text-tertiary\">\n                      {fmtDate(t.date)}\n                    </span>\n                    <span className=\"flex items-center gap-2\">\n                      <span className=\"font-medium text-text-primary\">\n                        {fmtMinutesAsHours(t.minutes)}\n                      </span>\n                      <StatusPill status={t.status} />\n                    </span>\n                  </div>\n                  <div className=\"mt-1 truncate text-text-secondary\">\n                    {t.narrative || 'Time entry'}\n                  </div>\n                </li>\n              ))}\n            </ul>\n          )}\n        </SectionCard>\n      </div>\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 shrink-0\"\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';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport {\n  ArrowLeft,\n  ArrowRight,\n  Plus,\n  CheckCircle2,\n  FileText,\n  Flag,\n  Clock,\n  DollarSign,\n} 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 { useAnalytics } from '../hooks/useAnalytics';\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 { emitFact } = useAnalytics();\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 transition-colors 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          icon={<DollarSign className=\"h-4 w-4\" />}\n          tone=\"success\"\n        />\n        <MetricCard\n          label=\"Deliverables\"\n          value={e.deliverables.length}\n          icon={<FileText className=\"h-4 w-4\" />}\n          tone=\"info\"\n        />\n        <MetricCard\n          label=\"Milestones\"\n          value={e.milestones.length}\n          icon={<Flag className=\"h-4 w-4\" />}\n          tone=\"accent\"\n        />\n        <MetricCard\n          label=\"Time logged\"\n          value={fmtMinutesAsHours(loggedMinutes)}\n          hint={`${time.data?.totalCount ?? 0} entries`}\n          icon={<Clock className=\"h-4 w-4\" />}\n          tone=\"warning\"\n        />\n      </div>\n\n      {nextStates.length > 0 && (\n        <SectionCard title=\"Advance lifecycle\">\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n            <div className=\"flex items-center gap-2 text-sm text-text-secondary\">\n              <span>Currently</span>\n              <StatusPill status={e.status} />\n            </div>\n            <div className=\"flex flex-wrap gap-2\">\n              {nextStates.map((s) => {\n                const isCancel = s === 'CANCELLED';\n                return (\n                  <Button\n                    key={s}\n                    size=\"sm\"\n                    variant={isCancel ? 'outline' : 'default'}\n                    disabled={transition.isPending}\n                    onClick={() =>\n                      transition.mutate(\n                        { id: e.id, status: s },\n                        {\n                          onSuccess: () => {\n                            emitFact('psw.engagement.transitioned', {\n                              engagementId: e.id,\n                              status: s,\n                            });\n                            setBanner({ tone: 'success', text: `Moved to ${humanize(s)}.` });\n                          },\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                    {!isCancel && <ArrowRight className=\"ml-1.5 h-4 w-4\" />}\n                  </Button>\n                );\n              })}\n            </div>\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.5\">\n              {e.deliverables.map((d) => (\n                <li\n                  key={d.id}\n                  className=\"rounded-xl border border-border-seam bg-bg-canvas p-3.5 transition-colors hover:border-accent/40\"\n                >\n                  <div className=\"flex items-start justify-between gap-3\">\n                    <div className=\"min-w-0\">\n                      <div className=\"flex items-center gap-2 text-sm font-medium text-text-primary\">\n                        <span className=\"truncate\">{d.name}</span>\n                        <span className=\"shrink-0 rounded-md bg-bg-sunken px-1.5 py-0.5 text-[10px] font-semibold text-text-tertiary\">\n                          v{d.version}\n                        </span>\n                      </div>\n                      {d.dueDate && (\n                        <div className=\"mt-0.5 text-xs text-text-tertiary\">\n                          Due {fmtDate(d.dueDate)}\n                        </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.5\">\n              {e.milestones.map((m) => (\n                <li\n                  key={m.id}\n                  className=\"flex items-center justify-between gap-3 rounded-xl border border-border-seam bg-bg-canvas p-3.5 transition-colors hover:border-accent/40\"\n                >\n                  <div className=\"min-w-0\">\n                    <div className=\"truncate text-sm font-medium text-text-primary\">{m.name}</div>\n                    <div className=\"mt-0.5 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 shrink-0 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      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        <div className=\"lg:col-span-2\">\n          <DiscussionThread entityType=\"proserviceworld-engagement\" entityId={e.id} />\n        </div>\n\n        <SectionCard\n          title=\"Time logged\"\n          description={fmtMinutesAsHours(loggedMinutes)}\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              icon={<Clock className=\"h-7 w-7\" />}\n            />\n          ) : (\n            <ul className=\"space-y-2\">\n              {time.data.items.slice(0, 8).map((t) => (\n                <li\n                  key={t.id}\n                  className=\"rounded-lg border border-border-seam bg-bg-canvas p-3 text-sm\"\n                >\n                  <div className=\"flex items-center justify-between gap-2\">\n                    <span className=\"whitespace-nowrap text-xs text-text-tertiary\">\n                      {fmtDate(t.date)}\n                    </span>\n                    <span className=\"flex items-center gap-2\">\n                      <span className=\"font-medium text-text-primary\">\n                        {fmtMinutesAsHours(t.minutes)}\n                      </span>\n                      <StatusPill status={t.status} />\n                    </span>\n                  </div>\n                  <div className=\"mt-1 truncate text-text-secondary\">\n                    {t.narrative || 'Time entry'}\n                  </div>\n                </li>\n              ))}\n            </ul>\n          )}\n        </SectionCard>\n      </div>\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 shrink-0\"\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":";;;;;;;;;;;AAiDA,IAAM,IAA2D;CAC/D,UAAU,CAAC,YAAY,WAAW;CAClC,UAAU,CAAC,eAAe,WAAW;CACrC,aAAa,CAAC,UAAU,WAAW;CACnC,QAAQ;EAAC;EAAa;EAAe;CAAW;CAChD,WAAW,CAAC,YAAY,WAAW;CACnC,UAAU,CAAC,QAAQ;CACnB,QAAQ,CAAC;CACT,WAAW,CAAC;AACd,GACM,IAA+C;CACnD;CACA;CACA;CACA;CACA;AACF,GAEa,UAAiC;CAC5C,IAAM,EAAE,QAAK,OAAO,EAAU,GACxB,IAAM,EAAO,GACb,EAAE,gBAAa,EAAa,GAC5B,EAAE,MAAM,GAAG,cAAW,UAAO,eAAY,EAAc,CAAE,GACzD,IAAO,EAAe,EAAE,cAAc,EAAG,CAAC,GAC1C,IAAa,EAAwB,GACrC,CAAC,GAAgB,KAAqB,EAAS,EAAK,GACpD,CAAC,GAAc,KAAmB,EAAS,EAAK,GAChD,CAAC,GAAQ,KAAa,EAA8D,IAAI;CAE9F,IAAI,GAAW,OAAO,kBAAC,GAAD,CAAe,CAAA;CACrC,IAAI,GAAO,OAAO,kBAAC,GAAD;EAAmB;EAAO,eAAe,KAAK,EAAQ;CAAI,CAAA;CAC5E,IAAI,CAAC,GAAG,OAAO,kBAAC,GAAD,EAAO,OAAM,uBAAwB,CAAA;CAEpD,IAAM,IAAa,EAAK,EAAE,WAAW,CAAC,GAChC,KAAiB,EAAK,MAAM,SAAS,CAAC,EAAA,CAAG,QAAQ,GAAK,MAAM,IAAM,EAAE,SAAS,CAAC;CAEpF,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAI,aAAa;IAChC,WAAU;cAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,GAAC,sBAC3B;;GAER,kBAAC,GAAD;IACE,OAAO,EAAE;IACT,UACE,EAAE,SAAS,GAAG,EAAE,OAAO,KAAK,KAAK,EAAS,EAAE,cAAc,MAAM,EAAS,EAAE,cAAc;IAE3F,SAAS,kBAAC,GAAD,EAAY,QAAQ,EAAE,OAAS,CAAA;GACzC,CAAA;GAEA,KACC,kBAAC,GAAD;IAAQ,MAAM,EAAO;IAAM,eAAe,EAAU,IAAI;cACrD,EAAO;GACF,CAAA;GAGV,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAS,EAAE,WAAW,EAAE,QAAQ;MACvC,MAAM,EAAS,EAAE,cAAc;MAC/B,MAAM,kBAAC,GAAD,EAAY,WAAU,UAAW,CAAA;MACvC,MAAK;KACN,CAAA;KACD,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAE,aAAa;MACtB,MAAM,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;MACrC,MAAK;KACN,CAAA;KACD,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAE,WAAW;MACpB,MAAM,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;MACjC,MAAK;KACN,CAAA;KACD,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAkB,CAAa;MACtC,MAAM,GAAG,EAAK,MAAM,cAAc,EAAE;MACpC,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;MAClC,MAAK;KACN,CAAA;IACE;;GAEJ,EAAW,SAAS,KACnB,kBAAC,GAAD;IAAa,OAAM;cACjB,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD,EAAA,UAAM,YAAe,CAAA,GACrB,kBAAC,GAAD,EAAY,QAAQ,EAAE,OAAS,CAAA,CAC5B;SACL,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAW,KAAK,MAAM;OACrB,IAAM,IAAW,MAAM;OACvB,OACE,kBAAC,GAAD;QAEE,MAAK;QACL,SAAS,IAAW,YAAY;QAChC,UAAU,EAAW;QACrB,eACE,EAAW,OACT;SAAE,IAAI,EAAE;SAAI,QAAQ;QAAE,GACtB;SACE,iBAAiB;UAKf,AAJA,EAAS,+BAA+B;WACtC,cAAc,EAAE;WAChB,QAAQ;UACV,CAAC,GACD,EAAU;WAAE,MAAM;WAAW,MAAM,YAAY,EAAS,CAAC,EAAE;UAAG,CAAC;SACjE;SACA,UAAU,MACR,EAAU;UACR,MAAM;UACN,MAAM,aAAe,QAAQ,EAAI,UAAU;SAC7C,CAAC;QACL,CACF;kBAtBJ,CAyBG,EAAS,CAAC,GACV,CAAC,KAAY,kBAAC,GAAD,EAAY,WAAU,iBAAkB,CAAA,CAChD;UA1BD,CA0BC;MAEZ,CAAC;KACE,CAAA,CACF;;GACM,CAAA;GAGf,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,OAAM;KACN,QACE,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAQ;MAAU,eAAe,EAAkB,EAAI;gBAAzE,CACE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,KAE7B;;eAGT,EAAE,aAAa,WAAW,IACzB,kBAAC,GAAD;MACE,OAAM;MACN,aAAY;MACZ,MAAM,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;KACtC,CAAA,IAED,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAE,aAAa,KAAK,MACnB,kBAAC,MAAD;OAEE,WAAU;iBAEV,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAY,EAAE;UAAW,CAAA,GACzC,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CAA8G,KAC1G,EAAE,OACA;YACH;aACJ,EAAE,WACD,kBAAC,OAAD;UAAK,WAAU;oBAAf,CAAmD,QAC5C,EAAQ,EAAE,OAAO,CACnB;WAEJ;YACL,kBAAC,GAAD;SACE,IAAI,EAAE;SACN,cAAc,EAAE;SAChB,QAAQ,EAAE;SACV,cAAc,KAAK,EAAQ;QAC5B,CAAA,CACE;;MACH,GAxBG,EAAE,EAwBL,CACL;KACC,CAAA;IAEK,CAAA,GAEb,kBAAC,GAAD;KACE,OAAM;KACN,QACE,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAQ;MAAU,eAAe,EAAgB,EAAI;gBAAvE,CACE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,KAE7B;;eAGT,EAAE,WAAW,WAAW,IACvB,kBAAC,GAAD;MACE,OAAM;MACN,aAAY;MACZ,MAAM,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;KAClC,CAAA,IAED,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAE,WAAW,KAAK,MACjB,kBAAC,MAAD;OAEE,WAAU;iBAFZ,CAIE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAkD,EAAE;QAAU,CAAA,GAC7E,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACG,EAAE,kBAAkB,SAAS,EAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO;UAAG;UACzE,EAAQ,EAAE,OAAO;SACnB;UACF;WACL,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAY,QAAQ,EAAE,OAAS,CAAA,GAC9B,EAAE,WAAW,eAAe,EAAE,WAAW,eACxC,kBAAC,GAAD;SACE,IAAI,EAAE;SACN,cAAc,EAAE;SAChB,cAAc,KAAK,EAAQ;QAC5B,CAAA,CAEA;SACH;SApBG,EAAE,EAoBL,CACL;KACC,CAAA;IAEK,CAAA,CACV;;GAEL,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAkB,YAAW;MAA6B,UAAU,EAAE;KAAK,CAAA;IACxE,CAAA,GAEL,kBAAC,GAAD;KACE,OAAM;KACN,aAAa,EAAkB,CAAa;KAC5C,QACE,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAQ;MAAU,eAAe,EAAI,MAAM;gBAA7D,CACE,kBAAC,GAAD,EAAO,WAAU,iBAAkB,CAAA,GAAC,UAE9B;;eAGT,EAAK,YACJ,kBAAC,GAAD,EAAc,OAAM,WAAY,CAAA,IAC9B,CAAC,EAAK,QAAQ,EAAK,KAAK,MAAM,WAAW,IAC3C,kBAAC,GAAD;MACE,OAAM;MACN,aAAY;MACZ,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;KACnC,CAAA,IAED,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAK,KAAK,MAAM,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,MAChC,kBAAC,MAAD;OAEE,WAAU;iBAFZ,CAIE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAQ,EAAE,IAAI;QACX,CAAA,GACN,kBAAC,QAAD;SAAM,WAAU;mBAAhB,CACE,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAkB,EAAE,OAAO;SACxB,CAAA,GACN,kBAAC,GAAD,EAAY,QAAQ,EAAE,OAAS,CAAA,CAC3B;UACH;WACL,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAE,aAAa;OACb,CAAA,CACH;SAjBG,EAAE,EAiBL,CACL;KACC,CAAA;IAEK,CAAA,CACV;;GAEJ,KACC,kBAAC,GAAD;IACE,cAAc,EAAE;IAChB,eAAe,EAAkB,EAAK;IACtC,cAAc;KAEZ,AADA,EAAa,GACb,EAAU;MAAE,MAAM;MAAW,MAAM;KAAqB,CAAC;IAC3D;GACD,CAAA;GAEF,KACC,kBAAC,GAAD;IACE,cAAc,EAAE;IAChB,eAAe,EAAgB,EAAK;IACpC,cAAc;KAEZ,AADA,EAAa,GACb,EAAU;MAAE,MAAM;MAAW,MAAM;KAAmB,CAAC;IACzD;GACD,CAAA;EAEA;;AAET,GAEM,KAKA,EAAE,OAAI,iBAAc,WAAQ,gBAAa;CAC7C,IAAM,IAAa,EAAyB;CAC5C,OACE,kBAAC,GAAD;EACE,OAAO;EACP,UAAU,EAAW;EACrB,WAAW,MACT,EAAW,OACT;GAAE;GAAI,QAAQ,EAAG,OAAO;GAA+B;EAAa,GACpE,EAAE,WAAW,EAAO,CACtB;EAEF,WAAU;YAET,EAAqB,KAAK,MACzB,kBAAC,UAAD;GAAgB,OAAO;aACpB,EAAS,CAAC;EACL,GAFK,CAEL,CACT;CACW,CAAA;AAElB,GAEM,KAAyF,EAC7F,OACA,iBACA,gBACI;CACJ,IAAM,IAAW,EAAqB;CACtC,OACE,kBAAC,GAAD;EACE,SAAQ;EACR,MAAK;EACL,cAAW;EACX,UAAU,EAAS;EACnB,eAAe,EAAS,OAAO;GAAE;GAAI;EAAa,GAAG,EAAE,WAAW,EAAO,CAAC;YAE1E,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;CAC7B,CAAA;AAEZ,GAEM,KAA2F,EAC/F,iBACA,YACA,gBACI;CACJ,IAAM,IAAS,EAAqB,GAC9B,CAAC,GAAM,KAAW,EAAS;EAC/B,MAAM;EACN,aAAa;EACb,SAAS;EACT,oBAAoB;CACtB,CAAC,GACK,CAAC,GAAK,KAAU,EAAwB,IAAI,GAC5C,KAAO,OAA0B,MACrC,GAAS,OAAO;EAAE,GAAG;GAAI,IAAI,EAAE,OAAO;CAAM,EAAE;CAqBhD,OACE,kBAAC,GAAD;EACE,MAAA;EACS;EACT,OAAM;EACN,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,SAAS;GAAS,UAAU,EAAO;aAAW;EAEhE,CAAA,GACR,kBAAC,GAAD;GAAQ,eA9BK;IAEnB,IADA,EAAO,IAAI,GACP,CAAC,EAAK,KAAK,KAAK,GAAG,OAAO,EAAO,mBAAmB;IACxD,EAAO,OACL;KACE;KACA,MAAM,EAAK,KAAK,KAAK;KACrB,aAAa,EAAK,YAAY,KAAK,KAAK;KACxC,oBAAoB,EAAK,mBAAmB,KAAK,KAAK;KACtD,SAAS,EAAK,UAAU,IAAI,KAAK,EAAK,OAAO,CAAC,CAAC,YAAY,IAAI;IACjE,GACA;KACE,iBAAiB;MAEf,AADA,EAAO,GACP,EAAQ;KACV;KACA,UAAU,MAAM,EAAO,aAAa,QAAQ,EAAE,UAAU,SAAS;IACnE,CACF;GACF;GAWiC,UAAU,EAAO;aACvC,EAAO,YAAY,YAAY;EAC1B,CAAA,CACR,EAAA,CAAA;YAGJ,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,KAAO,kBAAC,GAAD;KAAQ,MAAK;eAAU;IAAY,CAAA;IAC3C,kBAAC,GAAD;KAAO,OAAM;KAAO,UAAA;eAClB,kBAAC,GAAD;MAAW,OAAO,EAAK;MAAM,UAAU,EAAI,MAAM;MAAG,aAAY;KAAsB,CAAA;IACjF,CAAA;IACP,kBAAC,GAAD;KAAO,OAAM;eACX,kBAAC,GAAD;MAAW,MAAK;MAAO,OAAO,EAAK;MAAS,UAAU,EAAI,SAAS;KAAI,CAAA;IAClE,CAAA;IACP,kBAAC,GAAD;KAAO,OAAM;eACX,kBAAC,GAAD;MAAU,OAAO,EAAK;MAAoB,UAAU,EAAI,oBAAoB;KAAI,CAAA;IAC3E,CAAA;IACP,kBAAC,GAAD;KAAO,OAAM;eACX,kBAAC,GAAD;MAAU,OAAO,EAAK;MAAa,UAAU,EAAI,aAAa;KAAI,CAAA;IAC7D,CAAA;GACJ;;CACA,CAAA;AAEX,GAEM,KAAyF,EAC7F,iBACA,YACA,gBACI;CACJ,IAAM,IAAS,EAAmB,GAC5B,CAAC,GAAM,KAAW,EAAS;EAC/B,MAAM;EACN,SAAS;EACT,eAAe;EACf,iBAAiB;CACnB,CAAC,GACK,CAAC,GAAK,KAAU,EAAwB,IAAI;CAqBlD,OACE,kBAAC,GAAD;EACE,MAAA;EACS;EACT,OAAM;EACN,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,SAAS;GAAS,UAAU,EAAO;aAAW;EAEhE,CAAA,GACR,kBAAC,GAAD;GAAQ,eA9BK;IAEnB,IADA,EAAO,IAAI,GACP,CAAC,EAAK,KAAK,KAAK,GAAG,OAAO,EAAO,mBAAmB;IACxD,EAAO,OACL;KACE;KACA,MAAM,EAAK,KAAK,KAAK;KACrB,SAAS,EAAK,UAAU,IAAI,KAAK,EAAK,OAAO,CAAC,CAAC,YAAY,IAAI;KAC/D,eAAe,EAAK,gBAAgB,OAAO,EAAK,aAAa,IAAI;KACjE,iBAAiB,EAAK;IACxB,GACA;KACE,iBAAiB;MAEf,AADA,EAAO,GACP,EAAQ;KACV;KACA,UAAU,MAAM,EAAO,aAAa,QAAQ,EAAE,UAAU,SAAS;IACnE,CACF;GACF;GAWiC,UAAU,EAAO;aACvC,EAAO,YAAY,YAAY;EAC1B,CAAA,CACR,EAAA,CAAA;YAGJ,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,KAAO,kBAAC,GAAD;KAAQ,MAAK;eAAU;IAAY,CAAA;IAC3C,kBAAC,GAAD;KAAO,OAAM;KAAO,UAAA;eAClB,kBAAC,GAAD;MACE,OAAO,EAAK;MACZ,WAAW,MAAM,GAAS,OAAO;OAAE,GAAG;OAAG,MAAM,EAAE,OAAO;MAAM,EAAE;MAChE,aAAY;KACb,CAAA;IACI,CAAA;IACP,kBAAC,GAAD;KAAO,OAAM;eACX,kBAAC,GAAD;MACE,MAAK;MACL,OAAO,EAAK;MACZ,WAAW,MAAM,GAAS,OAAO;OAAE,GAAG;OAAG,SAAS,EAAE,OAAO;MAAM,EAAE;KACpE,CAAA;IACI,CAAA;IACP,kBAAC,GAAD;KACE,OAAM;KACN,MAAK;eAEL,kBAAC,GAAD;MACE,MAAK;MACL,KAAI;MACJ,OAAO,EAAK;MACZ,WAAW,MAAM,GAAS,OAAO;OAAE,GAAG;OAAG,eAAe,EAAE,OAAO;MAAM,EAAE;KAC1E,CAAA;IACI,CAAA;IACP,kBAAC,SAAD;KAAO,WAAU;eAAjB,CACE,kBAAC,SAAD;MACE,MAAK;MACL,SAAS,EAAK;MACd,WAAW,MAAM,GAAS,OAAO;OAAE,GAAG;OAAG,iBAAiB,EAAE,OAAO;MAAQ,EAAE;KAC9E,CAAA,GAAC,+CAEG;;GACJ;;CACA,CAAA;AAEX"}

package/dist/proserviceworld/providers/ProServiceWorldProvider.js

@@ -1,5 +1,5 @@
 import { createContext as e, useContext as t, useMemo as n } from "react";
-import { MemoryRouter as r } from "react-router-dom";
+import { MemoryRouter as r } from "react-router";
 import { QueryClient as i, QueryClientProvider as a } from "@tanstack/react-query";
 import { jsx as o } from "react/jsx-runtime";
 //#region src/proserviceworld/providers/ProServiceWorldProvider.tsx

package/dist/proserviceworld/providers/ProServiceWorldProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProServiceWorldProvider.js","names":[],"sources":["../../../src/proserviceworld/providers/ProServiceWorldProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport { createContext, useContext, useMemo } from 'react';\nimport { MemoryRouter } from 'react-router-dom';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport type { ProServiceWorldRootProps } from '../types';\n\ntype ProServiceWorldContextValue = ProServiceWorldRootProps;\n\nconst ProServiceWorldContext = createContext<ProServiceWorldContextValue | null>(null);\n\nexport const useProServiceWorld = () => {\n  const context = useContext(ProServiceWorldContext);\n  if (!context) throw new Error('useProServiceWorld must be used within ProServiceWorldProvider');\n  return context;\n};\n\nexport const ProServiceWorldProvider: FC<PropsWithChildren<ProServiceWorldRootProps>> = ({\n  children,\n  ...props\n}) => {\n  const queryClient = useMemo(\n    () =>\n      new QueryClient({\n        defaultOptions: {\n          queries: { retry: 1, refetchOnWindowFocus: false, staleTime: 5 * 60 * 1000 },\n        },\n      }),\n    []\n  );\n\n  const content = (\n    <QueryClientProvider client={queryClient}>\n      <ProServiceWorldContext.Provider value={props}>{children}</ProServiceWorldContext.Provider>\n    </QueryClientProvider>\n  );\n\n  if (props.basePath) return content;\n  return <MemoryRouter>{content}</MemoryRouter>;\n};\n"],"mappings":";;;;;AAQA,IAAM,IAAyB,EAAkD,IAAI,GAExE,UAA2B;CACtC,IAAM,IAAU,EAAW,CAAsB;CACjD,IAAI,CAAC,GAAS,MAAU,MAAM,gEAAgE;CAC9F,OAAO;AACT,GAEa,KAA4E,EACvF,aACA,GAAG,QACC;CAWJ,IAAM,IACJ,kBAAC,GAAD;EAAqB,QAXH,QAEhB,IAAI,EAAY,EACd,gBAAgB,EACd,SAAS;GAAE,OAAO;GAAG,sBAAsB;GAAO,WAAW,MAAS;EAAK,EAC7E,EACF,CAAC,GACH,CAAC,CAI4B;YAC3B,kBAAC,EAAuB,UAAxB;GAAiC,OAAO;GAAQ;EAA0C,CAAA;CACvE,CAAA;CAIvB,OADI,EAAM,WAAiB,IACpB,kBAAC,GAAD,EAAA,UAAe,EAAsB,CAAA;AAC9C"}
+{"version":3,"file":"ProServiceWorldProvider.js","names":[],"sources":["../../../src/proserviceworld/providers/ProServiceWorldProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport { createContext, useContext, useMemo } from 'react';\nimport { MemoryRouter } from 'react-router';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport type { ProServiceWorldRootProps } from '../types';\n\ntype ProServiceWorldContextValue = ProServiceWorldRootProps;\n\nconst ProServiceWorldContext = createContext<ProServiceWorldContextValue | null>(null);\n\nexport const useProServiceWorld = () => {\n  const context = useContext(ProServiceWorldContext);\n  if (!context) throw new Error('useProServiceWorld must be used within ProServiceWorldProvider');\n  return context;\n};\n\nexport const ProServiceWorldProvider: FC<PropsWithChildren<ProServiceWorldRootProps>> = ({\n  children,\n  ...props\n}) => {\n  const queryClient = useMemo(\n    () =>\n      new QueryClient({\n        defaultOptions: {\n          queries: { retry: 1, refetchOnWindowFocus: false, staleTime: 5 * 60 * 1000 },\n        },\n      }),\n    []\n  );\n\n  const content = (\n    <QueryClientProvider client={queryClient}>\n      <ProServiceWorldContext.Provider value={props}>{children}</ProServiceWorldContext.Provider>\n    </QueryClientProvider>\n  );\n\n  if (props.basePath) return content;\n  return <MemoryRouter>{content}</MemoryRouter>;\n};\n"],"mappings":";;;;;AAQA,IAAM,IAAyB,EAAkD,IAAI,GAExE,UAA2B;CACtC,IAAM,IAAU,EAAW,CAAsB;CACjD,IAAI,CAAC,GAAS,MAAU,MAAM,gEAAgE;CAC9F,OAAO;AACT,GAEa,KAA4E,EACvF,aACA,GAAG,QACC;CAWJ,IAAM,IACJ,kBAAC,GAAD;EAAqB,QAXH,QAEhB,IAAI,EAAY,EACd,gBAAgB,EACd,SAAS;GAAE,OAAO;GAAG,sBAAsB;GAAO,WAAW,MAAS;EAAK,EAC7E,EACF,CAAC,GACH,CAAC,CAI4B;YAC3B,kBAAC,EAAuB,UAAxB;GAAiC,OAAO;GAAQ;EAA0C,CAAA;CACvE,CAAA;CAIvB,OADI,EAAM,WAAiB,IACpB,kBAAC,GAAD,EAAA,UAAe,EAAsB,CAAA;AAC9C"}

package/dist/proserviceworld/utils/nav.js

@@ -1,5 +1,5 @@
 import { useProServiceWorld as e } from "../providers/ProServiceWorldProvider.js";
-import { useNavigate as t } from "react-router-dom";
+import { useNavigate as t } from "react-router";
 //#region src/proserviceworld/utils/nav.ts
 function n() {
 	let n = t(), { basePath: r = "" } = e();

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

@@ -1 +1 @@
-{"version":3,"file":"nav.js","names":[],"sources":["../../../src/proserviceworld/utils/nav.ts"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport { useProServiceWorld } from '../providers/ProServiceWorldProvider';\n\n/**\n * Navigate to a path relative to the MFE's basePath. Works both mounted in a\n * host shell (basePath set, shell BrowserRouter) and standalone (MemoryRouter).\n */\nexport function useNav(): (relative: string) => void {\n  const navigate = useNavigate();\n  const { basePath = '' } = useProServiceWorld();\n  return (relative: string) => navigate(`${basePath}/${relative}`.replace(/\\/{2,}/g, '/'));\n}\n"],"mappings":";;;AAOA,SAAgB,IAAqC;CACnD,IAAM,IAAW,EAAY,GACvB,EAAE,cAAW,OAAO,EAAmB;CAC7C,QAAQ,MAAqB,EAAS,GAAG,EAAS,GAAG,IAAW,QAAQ,WAAW,GAAG,CAAC;AACzF"}
+{"version":3,"file":"nav.js","names":[],"sources":["../../../src/proserviceworld/utils/nav.ts"],"sourcesContent":["import { useNavigate } from 'react-router';\nimport { useProServiceWorld } from '../providers/ProServiceWorldProvider';\n\n/**\n * Navigate to a path relative to the MFE's basePath. Works both mounted in a\n * host shell (basePath set, shell BrowserRouter) and standalone (MemoryRouter).\n */\nexport function useNav(): (relative: string) => void {\n  const navigate = useNavigate();\n  const { basePath = '' } = useProServiceWorld();\n  return (relative: string) => navigate(`${basePath}/${relative}`.replace(/\\/{2,}/g, '/'));\n}\n"],"mappings":";;;AAOA,SAAgB,IAAqC;CACnD,IAAM,IAAW,EAAY,GACvB,EAAE,cAAW,OAAO,EAAmB;CAC7C,QAAQ,MAAqB,EAAS,GAAG,EAAS,GAAG,IAAW,QAAQ,WAAW,GAAG,CAAC;AACzF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-proserviceworld",
-  "version": "2026.731.1",
+  "version": "2026.801.1",
   "description": "Burdenoff ProServiceWorld Microfrontend",
   "type": "module",
   "files": [
@@ -46,14 +46,14 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.11",
-    "@burdenoff/fe-libs": "2026.713.6",
+    "@burdenoff/fe-libs": "2026.801.1",
     "@tanstack/react-query": "^5.90.16",
     "clsx": "^2.1.1",
     "graphql": "^16.10.0",
     "lucide-react": "^0.468.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-router-dom": "^7.1.3",
+    "react-router": "^8.3.0",
     "tailwind-merge": "^3.4.0",
     "zustand": "^5.0.3",
     "recharts": "^2.15.0",