@the-portland-company/shell 0.21.1 → 0.23.0

package/dist/app-chrome.cjs

@@ -760,7 +760,10 @@ var ChromeStateContext = react.createContext(null);
 function useChromeState() {
   return react.useContext(ChromeStateContext);
 }
-function ChromeStateProvider({ children }) {
+function ChromeStateProvider({
+  controlledOrg,
+  children
+}) {
   const { orgs } = useChromeOrgs();
   const [orgId, setOrgIdState] = react.useState(null);
   const [navDisplay, setNavDisplayState] = react.useState("both");
@@ -793,8 +796,24 @@ function ChromeStateProvider({ children }) {
     } catch {
     }
   }, []);
-  const value = react.useMemo(
-    () => ({
+  const value = react.useMemo(() => {
+    if (controlledOrg) {
+      return {
+        orgId: controlledOrg.orgId,
+        setOrgId: controlledOrg.onSwitch,
+        orgs: controlledOrg.orgs ?? (orgs ?? []).map((o) => ({
+          id: o.id,
+          name: o.name,
+          logoUrl: o.logoUrl,
+          brandColor: o.brandColor,
+          role: o.role,
+          rawRole: o.rawRole ?? null
+        })),
+        navDisplay,
+        setNavDisplay
+      };
+    }
+    return {
       orgId,
       setOrgId,
       orgs: (orgs ?? []).map((o) => ({
@@ -807,24 +826,25 @@ function ChromeStateProvider({ children }) {
       })),
       navDisplay,
       setNavDisplay
-    }),
-    [orgId, setOrgId, orgs, navDisplay, setNavDisplay]
-  );
+    };
+  }, [controlledOrg, orgId, setOrgId, orgs, navDisplay, setNavDisplay]);
   return /* @__PURE__ */ jsxRuntime.jsx(ChromeStateContext.Provider, { value, children });
 }
 function AppDevNotes({
   storagePrefix,
   proxyBasePath,
+  devNotes,
   identity,
   children
 }) {
   const adapter = react.useMemo(
     () => devnotes.createDevNotesClient({
-      basePath: `${proxyBasePath}/devnotes`,
-      // The proxy attaches the session's Bearer server-side.
-      getAuthToken: async () => ""
+      basePath: devNotes?.basePath ?? `${proxyBasePath}/devnotes`,
+      // Default: the same-origin proxy attaches the session's Bearer.
+      getAuthToken: devNotes?.getAuthToken ?? (async () => ""),
+      ...devNotes?.fetch ? { fetch: devNotes.fetch } : {}
     }),
-    [proxyBasePath]
+    [proxyBasePath, devNotes?.basePath, devNotes?.getAuthToken, devNotes?.fetch]
   );
   const user = react.useMemo(
     () => ({
@@ -849,6 +869,8 @@ function PolitogyAppChrome({
   storagePrefix,
   proxyBasePath = "/api/chrome",
   fetchJson: fetchJsonOverride,
+  devNotes,
+  org,
   identity,
   children
 }) {
@@ -867,11 +889,12 @@ function PolitogyAppChrome({
     [proxyBasePath]
   );
   const fetchJson = fetchJsonOverride ?? proxyFetchJson;
-  return /* @__PURE__ */ jsxRuntime.jsx(NavChromeProvider, { fetchJson, children: /* @__PURE__ */ jsxRuntime.jsx(ChromeStateProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(NavChromeProvider, { fetchJson, children: /* @__PURE__ */ jsxRuntime.jsx(ChromeStateProvider, { controlledOrg: org, children: /* @__PURE__ */ jsxRuntime.jsx(
     AppDevNotes,
     {
       storagePrefix,
       proxyBasePath,
+      devNotes,
       identity,
       children
     }
@@ -935,9 +958,28 @@ function useChromeUserMenu({
   };
 }
 var MODE_DEFS = [
-  { id: "relationship", label: "Relationship Mode", icon: fi.FiUsers, path: "/relationship/dashboard" },
-  { id: "campaign", label: "Campaign Mode", icon: fi.FiBarChart2, path: "/campaign/dashboard" },
-  { id: "petition", label: "Petition Mode", icon: fi.FiFlag, path: "/petition/dashboard" }
+  {
+    id: "relationship",
+    label: "Relationship Mode",
+    icon: fi.FiUsers,
+    href: `${CORE_BASE_URL}/relationship/dashboard`,
+    orgQuery: true
+  },
+  {
+    id: "campaign",
+    label: "Campaign Mode",
+    icon: fi.FiBarChart2,
+    href: `${CORE_BASE_URL}/campaign/dashboard`,
+    orgQuery: true
+  },
+  {
+    // Petition Mode lives in its own standalone app (HITL 2026-07-23).
+    id: "petition",
+    label: "Petition Mode",
+    icon: fi.FiFlag,
+    href: "https://petitions.politogyvrm.com/",
+    orgQuery: true
+  }
 ];
 function useChromeMode(currentModeId = "relationship") {
   const ctx = react.useContext(ChromeStateContext);
@@ -966,7 +1008,11 @@ function useChromeMode(currentModeId = "relationship") {
     options: options.length > 1 ? options.map((o) => ({ id: o.id, label: o.label, icon: o.icon })) : void 0,
     onSelect: options.length > 1 ? (id) => {
       const def = MODE_DEFS.find((m) => m.id === id);
-      if (def) window.location.assign(`${CORE_BASE_URL}${def.path}${suffix}`);
+      if (!def) return;
+      const sep = def.href.includes("?") ? "&" : "?";
+      window.location.assign(
+        def.orgQuery && suffix ? `${def.href}${sep}${suffix.slice(1)}` : def.href
+      );
     } : void 0
   };
 }