@the-portland-company/shell 0.69.0 → 0.70.0

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 0.70.0 — 2026-10-06
+
+The top bar and left rail match Specs/Left-Navigation and Reference/UI-Platform.
+
+### Changed
+
+- **No Build notes control.** The top bar has exactly the five UI-Platform elements: search, Dev notes, Credits, Notifications, Help. `<PolitogyAppFrame>` no longer passes `buildNotes`; `NavTopBar` renders Build notes only when a caller passes the prop. (#101)
+- **The top bar fits a 390px phone.** Search shrinks below `md` (fixed 320px from `md` up), the `/` hint hides below `md`, and the header gap narrows. (#104)
+- **No hamburger on phone.** The top bar draws no hamburger. Below `md` the collapsed rail's logo tile is the expand control ("Expand navigation"); the drawer's close button is "Collapse navigation". The drawer itself is unchanged (Left-Navigation §11.6). The expand choice is remembered per user (`politogy_rail` cookie on `.politogyvrm.com` plus localStorage, via `readRailPreference` / `writeRailPreference` in `nav-preference`) and read back on the next load below `md`; a nav-link click closes the overlay without changing it. New `NavSidebar` props `onOpen` and `onNavigate`. `NavTopBar` still renders a hamburger for direct callers that pass `onOpenNav`. (#106, #108, #110)
+- **Lucide icons.** `standardNavIcons` maps every slot to Lucide (`react-icons/lu`); the mode switcher uses contact-round, megaphone and file-signature. New slots: `layoutDashboard`, `usersRound`, `mousePointerClick`, `clipboardList`, `circleUser`, `crosshair`, `landmark`, `chartNoAxes`, `doorOpen`, `signpost`. (#105, #106)
+- **Nav trees follow Left-Navigation §9.** Relationship: Relationship (Dashboard, Contacts, Email broadcast, SMS/MMS blast) · Collect (Calls to action, Forms, Surveys) · Account. Polls and CTAs rows removed. Campaign: Race data (Battleground, District data) · Research (Polling) · GOTV (Field canvassing, Phone banking, A2P texting, Sign mapping) · Account. Dashboard, Voter Contact and Tribes rows removed; Battleground is the landing row. A section left empty by availability flags is dropped. The Petition tree is unchanged. (#106)
+
+### Fixed
+
+- react-router 6.30.6 clears the publish audit gate (#102); lockfile regenerated with npm 10 so CI `npm ci` succeeds (#103).
+
 ## 0.69.0 — 2026-10-04
 
 The left rail collapses instead of hiding, `<main>` is fluid, and there is one page tab strip. Implements Specs/Left-Navigation §11.6 and §5, the Brand guidelines "Content width is fluid", "Content body padding", "Tabs are an underlined strip" and "Logo standard", and the two "Known shell defect" notes in Reference/UI-Platform (Brand v135).

package/dist/app-chrome.cjs

@@ -7,6 +7,7 @@ var fi = require('react-icons/fi');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
 var devnotes = require('@the-portland-company/devnotes');
+var lu = require('react-icons/lu');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -88,13 +89,111 @@ function normalize(s) {
   return s.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase().trim();
 }
 
+// src/nav-preference.ts
+var NAV_DISPLAY_STORAGE_KEY = "politogy_nav_display";
+var NAV_DISPLAY_COOKIE = "politogy_nav_display";
+var LEGACY_NAV_DISPLAY_KEY = "vrm.navDisplay";
+var NAV_DISPLAY_DEFAULT = "both";
+var VALID = ["menu", "tabs", "both"];
+function isNavDisplayPreference(v) {
+  return typeof v === "string" && VALID.includes(v);
+}
+function readNavDisplayCookie() {
+  if (typeof document === "undefined") return null;
+  try {
+    const m = document.cookie.match(
+      new RegExp(`(?:^|;\\s*)${NAV_DISPLAY_COOKIE}=([^;]+)`)
+    );
+    const v = m ? decodeURIComponent(m[1]) : null;
+    return isNavDisplayPreference(v) ? v : null;
+  } catch {
+    return null;
+  }
+}
+function writeNavDisplayCookie(pref) {
+  if (typeof document === "undefined" || typeof window === "undefined") return;
+  const host = window.location.hostname;
+  const domainAttr = /(^|\.)politogyvrm\.com$/i.test(host) ? "; Domain=.politogyvrm.com" : "";
+  const secure = window.location.protocol === "https:" ? "; Secure" : "";
+  document.cookie = `${NAV_DISPLAY_COOKIE}=${encodeURIComponent(
+    pref
+  )}; Path=/; Max-Age=31536000; SameSite=Lax${domainAttr}${secure}`;
+}
+function readNavDisplayLocal() {
+  if (typeof localStorage === "undefined") return null;
+  try {
+    const current = localStorage.getItem(NAV_DISPLAY_STORAGE_KEY);
+    if (isNavDisplayPreference(current)) return current;
+    const legacy = localStorage.getItem(LEGACY_NAV_DISPLAY_KEY);
+    return isNavDisplayPreference(legacy) ? legacy : null;
+  } catch {
+    return null;
+  }
+}
+function writeNavDisplayLocal(pref) {
+  if (typeof localStorage === "undefined") return;
+  try {
+    localStorage.setItem(NAV_DISPLAY_STORAGE_KEY, pref);
+  } catch {
+  }
+}
+function resolveNavDisplay() {
+  return readNavDisplayCookie() ?? readNavDisplayLocal() ?? NAV_DISPLAY_DEFAULT;
+}
+`(function(){try{
+var KEY=${JSON.stringify(NAV_DISPLAY_STORAGE_KEY)};
+var VALID=["menu","tabs","both"];
+function fromCookie(){try{var m=document.cookie.match(/(?:^|;\\s*)${NAV_DISPLAY_COOKIE}=([^;]+)/);return m?decodeURIComponent(m[1]):null;}catch(e){return null;}}
+var cookie=fromCookie();
+if(cookie&&VALID.indexOf(cookie)!==-1){var ls=null;try{ls=localStorage.getItem(KEY);}catch(e){}
+if(cookie!==ls){try{localStorage.setItem(KEY,cookie);}catch(e){}}}
+}catch(e){}})();`;
+var RAIL_STORAGE_KEY = "politogy_rail";
+var RAIL_COOKIE = "politogy_rail";
+var RAIL_DEFAULT = "collapsed";
+function isRailPreference(v) {
+  return v === "expanded" || v === "collapsed";
+}
+function readRailPreference() {
+  if (typeof document !== "undefined") {
+    try {
+      const m = document.cookie.match(new RegExp(`(?:^|;\\s*)${RAIL_COOKIE}=([^;]+)`));
+      const v = m ? decodeURIComponent(m[1]) : null;
+      if (isRailPreference(v)) return v;
+    } catch {
+    }
+  }
+  if (typeof localStorage !== "undefined") {
+    try {
+      const v = localStorage.getItem(RAIL_STORAGE_KEY);
+      if (isRailPreference(v)) return v;
+    } catch {
+    }
+  }
+  return RAIL_DEFAULT;
+}
+function writeRailPreference(pref) {
+  if (typeof document === "undefined" || typeof window === "undefined") return;
+  const host = window.location.hostname;
+  const domainAttr = /(^|\.)politogyvrm\.com$/i.test(host) ? "; Domain=.politogyvrm.com" : "";
+  const secure = window.location.protocol === "https:" ? "; Secure" : "";
+  try {
+    document.cookie = `${RAIL_COOKIE}=${pref}; Path=/; Max-Age=31536000; SameSite=Lax${domainAttr}${secure}`;
+  } catch {
+  }
+  try {
+    localStorage.setItem(RAIL_STORAGE_KEY, pref);
+  } catch {
+  }
+}
+
 // src/theme-preference.ts
 var THEME_STORAGE_KEY = "politogy_theme";
 var THEME_COOKIE = "politogy_theme";
 var THEME_PENDING_COOKIE = "politogy_theme_pending";
-var VALID = ["light", "dark", "system"];
+var VALID2 = ["light", "dark", "system"];
 function isThemePreference(v) {
-  return typeof v === "string" && VALID.includes(v);
+  return typeof v === "string" && VALID2.includes(v);
 }
 function readThemeCookie() {
   if (typeof document === "undefined") return null;
@@ -1847,7 +1946,6 @@ var PHONEBANK_ORIGIN = "https://phonebank.politogyvrm.com/";
 var CANVASS_ORIGIN = "https://canvass.politogyvrm.com/";
 var SIGNS_ORIGIN = "https://signs.politogyvrm.com/";
 var POLLS_ORIGIN = "https://polls.politogyvrm.com/";
-var CONTACTS_TRIBES = "https://contacts.politogyvrm.com/tribes";
 var PETITION_MODE_ORIGIN = "https://petition-mode.politogyvrm.com/";
 function applyHiddenItems(items, hidden) {
   if (!hidden || hidden.length === 0) return items;
@@ -1917,10 +2015,6 @@ var APP_POLLS_CHILDREN = [
   { label: "Command Center", icon: "grid", href: "https://polls.politogyvrm.com/" },
   { label: "New Poll", icon: "edit", href: "https://polls.politogyvrm.com/polls/new" }
 ];
-var APP_CTAS_CHILDREN = [
-  { label: "CTAs", icon: "list", href: "https://ctas.politogyvrm.com/" },
-  { label: "Canvas", icon: "edit", href: "https://ctas.politogyvrm.com/?tab=canvas" }
-];
 var APP_A2P_CHILDREN = [
   { label: "Dashboard", icon: "grid", path: "dashboard" },
   { label: "Compose", icon: "edit", path: "compose" },
@@ -1968,16 +2062,27 @@ function standardPolitogyNav(opts) {
       return { label: c.label, icon: icon(c.icon), href: withOrg(withMode) };
     });
   };
+  const accountRows = () => [
+    { kind: "section", label: "Account" },
+    // My Profile is global — NOT org-suffixed (main-app ShellChromeBridge).
+    { label: "My profile", icon: icon("circleUser"), href: withOrg(abs("/my-profile")) },
+    {
+      label: "Organization settings",
+      icon: icon("settings"),
+      href: withOrg(abs("/organization-settings")),
+      children: branches(ORG_SETTINGS_CHILDREN)
+    }
+  ];
   const buildRelationship = () => {
     const contacts = opts.contactsItem ? {
       label: "Contacts",
-      icon: icon("users"),
+      icon: icon("usersRound"),
       href: opts.contactsItem.href,
       children: opts.contactsItem.children,
       badge: opts.contactsItem.count ?? void 0
     } : {
       label: "Contacts",
-      icon: icon("users"),
+      icon: icon("usersRound"),
       href: withOrg(`${CONTACTS_APP}/`),
       children: APP_CONTACTS_CHILDREN.map((c) => ({
         label: c.label,
@@ -1987,7 +2092,7 @@ function standardPolitogyNav(opts) {
     };
     return [
       { kind: "section", label: "Relationship" },
-      { label: "Dashboard", icon: icon("home"), href: withOrg(abs("/relationship/dashboard")) },
+      { label: "Dashboard", icon: icon("layoutDashboard"), href: withOrg(abs("/relationship/dashboard")) },
       contacts,
       {
         label: "Email broadcast",
@@ -2010,40 +2115,20 @@ function standardPolitogyNav(opts) {
       },
       { kind: "section", label: "Collect" },
       // Carries no top-level href in VRM core (parent row only toggles).
-      { label: "Calls to action", icon: icon("layout"), children: leaves(CTA_CHILDREN) },
+      { label: "Calls to action", icon: icon("mousePointerClick"), children: leaves(CTA_CHILDREN) },
       {
         label: "Forms",
-        icon: icon("activity"),
+        icon: icon("fileText"),
         href: withOrg("https://forms.politogyvrm.com/"),
         children: APP_FORMS_CHILDREN.map((c) => ({ label: c.label, icon: icon(c.icon), href: withOrg(c.href) }))
       },
       {
         label: "Surveys",
-        icon: icon("fileText"),
+        icon: icon("clipboardList"),
         href: withOrg("https://surveys.politogyvrm.com/surveys"),
         children: APP_SURVEYS_CHILDREN.map((c) => ({ label: c.label, icon: icon(c.icon), href: withOrg(c.href) }))
       },
-      {
-        label: "Polls",
-        icon: icon("barChart"),
-        href: withOrg("https://polls.politogyvrm.com/"),
-        children: APP_POLLS_CHILDREN.map((c) => ({ label: c.label, icon: icon(c.icon), href: withOrg(c.href) }))
-      },
-      {
-        label: "CTAs",
-        icon: icon("layout"),
-        href: withOrg("https://ctas.politogyvrm.com/"),
-        children: APP_CTAS_CHILDREN.map((c) => ({ label: c.label, icon: icon(c.icon), href: withOrg(c.href) }))
-      },
-      { kind: "section", label: "Account" },
-      // My Profile is global — NOT org-suffixed (main-app ShellChromeBridge).
-      { label: "My profile", icon: icon("user"), href: withOrg(abs("/my-profile")) },
-      {
-        label: "Organization settings",
-        icon: icon("settings"),
-        href: withOrg(abs("/organization-settings")),
-        children: branches(ORG_SETTINGS_CHILDREN)
-      }
+      ...accountRows()
     ];
   };
   const buildCampaign = () => {
@@ -2052,40 +2137,57 @@ function standardPolitogyNav(opts) {
       ...opts.campaignAvailability
     };
     const rows = [
-      { label: "Dashboard", icon: icon("home"), href: withOrg(abs("/campaign/dashboard")) },
-      { label: "Voter Contact", icon: icon("target"), href: withOrg(abs("/campaign/campaigns")) },
+      // Left-Navigation §9.2: Race data -> Research -> GOTV -> Account.
+      // Battleground is the Campaign landing page; there is no Campaign
+      // Dashboard row, and Voter Contact and Tribes have no row.
+      { kind: "section", label: "Race data" },
+      { label: "Battleground", icon: icon("crosshair"), href: withOrg(abs("/campaign/battleground")) },
+      { label: "District data", icon: icon("landmark"), href: withOrg(abs("/campaign/districts")) },
+      { kind: "section", label: "Research" },
       {
-        label: "A2P",
-        icon: icon("messageSquare"),
-        href: withOrg(A2P_ORIGIN),
-        children: appLeaves(A2P_ORIGIN, APP_A2P_CHILDREN),
-        flag: "a2p"
+        label: "Polling",
+        icon: icon("chartNoAxes"),
+        href: withOrg(POLLS_ORIGIN),
+        children: APP_POLLS_CHILDREN.map((c) => ({ label: c.label, icon: icon(c.icon), href: withOrg(c.href) })),
+        flag: "polling"
+      },
+      { kind: "section", label: "GOTV" },
+      {
+        label: "Field canvassing",
+        icon: icon("doorOpen"),
+        href: withOrg(CANVASS_ORIGIN),
+        children: appLeaves(CANVASS_ORIGIN, APP_CANVASS_CHILDREN),
+        flag: "canvass"
       },
       {
-        label: "Phone Banking",
+        label: "Phone banking",
         icon: icon("phone"),
         href: withOrg(PHONEBANK_ORIGIN),
         children: appLeaves(PHONEBANK_ORIGIN, APP_PHONEBANK_CHILDREN),
         flag: "phonebank"
       },
       {
-        label: "Field Canvassing",
-        icon: icon("map"),
-        href: withOrg(CANVASS_ORIGIN),
-        children: appLeaves(CANVASS_ORIGIN, APP_CANVASS_CHILDREN),
-        flag: "canvass"
+        label: "A2P texting",
+        icon: icon("messageSquare"),
+        href: withOrg(A2P_ORIGIN),
+        children: appLeaves(A2P_ORIGIN, APP_A2P_CHILDREN),
+        flag: "a2p"
       },
       {
-        label: "Sign Mapping",
-        icon: icon("mapPin"),
+        label: "Sign mapping",
+        icon: icon("signpost"),
         href: withOrg(SIGNS_ORIGIN),
         children: appLeaves(SIGNS_ORIGIN, APP_SIGNS_CHILDREN),
         flag: "signs"
       },
-      { label: "Tribes", icon: icon("users"), href: withOrg(CONTACTS_TRIBES), flag: "tribes" },
-      { label: "Polling Engine", icon: icon("barChart"), href: withOrg(POLLS_ORIGIN), flag: "polling" }
+      ...accountRows()
     ];
-    return rows.filter((r) => !r.flag || avail[r.flag]).map(({ flag: _flag, ...item }) => item);
+    const kept = rows.filter((r) => !r.flag || avail[r.flag]).map(({ flag: _flag, ...item }) => item);
+    return kept.filter((item, idx) => {
+      if (item.kind !== "section") return true;
+      const next = kept[idx + 1];
+      return !!next && next.kind !== "section";
+    });
   };
   const buildPetition = () => [
     opts.petitionsItem ? {
@@ -2192,7 +2294,9 @@ function NavSidebar({
   footer,
   linkComponent,
   open,
-  onClose
+  onClose,
+  onOpen,
+  onNavigate
 }) {
   const Link = linkComponent ?? DefaultLink;
   const collapsible = !open;
@@ -2289,7 +2393,7 @@ function NavSidebar({
         style: { fontFamily: 'var(--font-family, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif)' },
         onKeyDown: trapTab,
         onClick: (e) => {
-          if (open && e.target.closest("a[href]")) onClose?.();
+          if (open && e.target.closest("a[href]")) (onNavigate ?? onClose)?.();
         },
         children: [
           open ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -2298,18 +2402,30 @@ function NavSidebar({
               type: "button",
               ref: closeButtonRef,
               onClick: onClose,
-              "aria-label": "Close menu",
+              "aria-label": "Collapse navigation",
               className: "absolute right-3 top-3 flex h-8 w-8 items-center justify-center rounded-full text-[color:var(--muted)] transition hover:bg-[color:var(--panel-elevated)] hover:text-[color:var(--foreground)] md:hidden",
               children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
             }
           ) : null,
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex flex-shrink-0 flex-col gap-[14px] border-b border-[color:var(--sidebar-line,var(--line))] px-[18px] py-4 ${rc("max-md:items-center max-md:px-[10px]")}`, children: [
+            onOpen ? /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onOpen,
+                "aria-label": "Expand navigation",
+                "aria-expanded": open ?? false,
+                "data-rail-toggle": "expand",
+                className: `hidden h-8 w-8 items-center justify-center rounded-lg ${rc("max-md:flex")}`,
+                children: brand.logoSquareSrc ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: brand.logoSquareSrc, alt: "", draggable: false, className: "h-8 w-8 object-contain" }) : brand.logoPending ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "block h-8 w-8" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-8 w-8 items-center justify-center rounded-xl bg-[color:var(--color-accent)] text-sm font-black text-[#FFFFFF]", children: brand.badgeLabel })
+              }
+            ) : null,
             /* @__PURE__ */ jsxRuntime.jsxs(
               Link,
               {
                 href: brand.homeHref ?? "/",
                 "aria-label": brand.logoAlt ?? brand.title,
-                className: `flex items-center gap-2.5 ${rc("max-md:justify-center")}`,
+                className: `flex items-center gap-2.5 ${rc("max-md:justify-center")} ${onOpen ? rc("max-md:hidden") : ""}`,
                 children: [
                   brand.logoSquareSrc ? /* @__PURE__ */ jsxRuntime.jsx(
                     "img",
@@ -3083,7 +3199,7 @@ function NavTopBar({
   const initials = (hasRealName ? rawName : user?.email ?? "P").slice(0, 2).toUpperCase();
   const secondary = hasRealName ? user?.email || [user?.tier, user?.role].filter(Boolean).join(" \xB7 ") || "member" : [user?.tier, user?.role].filter(Boolean).join(" \xB7 ") || "member";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 z-20", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex h-[var(--topbar-height,60px)] items-center justify-between gap-[14px] border-b border-[color:var(--line)] bg-[color:var(--panel)] px-[var(--topbar-padding-x,20px)]", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex min-w-0 h-[var(--topbar-height,60px)] items-center justify-between gap-[8px] md:gap-[14px] border-b border-[color:var(--line)] bg-[color:var(--panel)] px-[var(--topbar-padding-x,20px)]", children: [
       onOpenNav ? /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
@@ -3096,7 +3212,7 @@ function NavTopBar({
           children: /* @__PURE__ */ jsxRuntime.jsx(HamburgerIcon, {})
         }
       ) : null,
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "relative flex h-9 w-[320px] max-w-full shrink-0 items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "relative flex h-9 w-[320px] min-w-0 max-w-full shrink items-center md:shrink-0", children: [
         /* @__PURE__ */ jsxRuntime.jsx(SearchIcon, { className: "pointer-events-none absolute left-[10px] h-[15px] w-[15px] text-[color:var(--muted)]" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
@@ -3116,13 +3232,13 @@ function NavTopBar({
           "kbd",
           {
             "aria-hidden": true,
-            className: "pointer-events-none absolute right-[10px] rounded-[3px] border border-[color:var(--line)] px-[5px] py-px font-[family-name:var(--font-plex-mono,ui-monospace,monospace)] text-[12px] leading-[1.2] text-[color:var(--muted)]",
+            className: "pointer-events-none absolute right-[10px] hidden md:block rounded-[3px] border border-[color:var(--line)] px-[5px] py-px font-[family-name:var(--font-plex-mono,ui-monospace,monospace)] text-[12px] leading-[1.2] text-[color:var(--muted)]",
             children: "/"
           }
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative ml-auto flex shrink-0 items-center gap-[var(--topbar-icon-gap,8px)]", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
+        buildNotes ? /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
             type: "button",
@@ -3133,7 +3249,7 @@ function NavTopBar({
               buildNotes?.label ?? "Build notes"
             ]
           }
-        ),
+        ) : null,
         actionsList && actionsList.length > 0 ? actionsList.map((action) => /* @__PURE__ */ jsxRuntime.jsx(NavTopBarActionButton, { action }, action.key)) : null,
         actions,
         themeToggle,
@@ -3624,9 +3740,22 @@ function NavAppShell({
     );
   }
   const [navOpen, setNavOpen] = react.useState(false);
+  const expandRail = () => {
+    writeRailPreference("expanded");
+    setNavOpen(true);
+  };
+  const collapseRail = () => {
+    writeRailPreference("collapsed");
+    setNavOpen(false);
+  };
   react.useEffect(() => {
     setNavOpen(false);
   }, [sidebar.pathname]);
+  react.useEffect(() => {
+    if (readRailPreference() !== "expanded") return;
+    const narrow = typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia("(max-width: 767.98px)").matches : false;
+    if (narrow) setNavOpen(true);
+  }, []);
   react.useEffect(() => {
     if (!navOpen) return;
     const previous = document.body.style.overflow;
@@ -3647,15 +3776,23 @@ function NavAppShell({
       "data-politogy-mode": modeId,
       className: "min-h-screen bg-[color:var(--background)] text-[color:var(--foreground)]",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(NavSidebar, { ...sidebar, footer: sidebarFooter, open: navOpen, onClose: () => setNavOpen(false) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          NavSidebar,
+          {
+            ...sidebar,
+            footer: sidebarFooter,
+            open: navOpen,
+            onClose: collapseRail,
+            onOpen: expandRail,
+            onNavigate: () => setNavOpen(false)
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pl-[var(--sidebar-collapsed-width,64px)] md:pl-[var(--sidebar-width,236px)]", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             NavTopBar,
             {
               ...topBar,
-              accountMenu: topBar.accountMenu ?? (accountMenuPlacement === "sidebar" ? "sidebar" : "topbar"),
-              onOpenNav: () => setNavOpen(true),
-              navOpen
+              accountMenu: topBar.accountMenu ?? (accountMenuPlacement === "sidebar" ? "sidebar" : "topbar")
             }
           ),
           betaBanner ? /* @__PURE__ */ jsxRuntime.jsx(NavBetaBanner, { ...betaBanner }) : null,
@@ -3730,66 +3867,6 @@ function resolveActiveOrg(search) {
   return readActiveOrgCookie();
 }
 
-// src/nav-preference.ts
-var NAV_DISPLAY_STORAGE_KEY = "politogy_nav_display";
-var NAV_DISPLAY_COOKIE = "politogy_nav_display";
-var LEGACY_NAV_DISPLAY_KEY = "vrm.navDisplay";
-var NAV_DISPLAY_DEFAULT = "both";
-var VALID2 = ["menu", "tabs", "both"];
-function isNavDisplayPreference(v) {
-  return typeof v === "string" && VALID2.includes(v);
-}
-function readNavDisplayCookie() {
-  if (typeof document === "undefined") return null;
-  try {
-    const m = document.cookie.match(
-      new RegExp(`(?:^|;\\s*)${NAV_DISPLAY_COOKIE}=([^;]+)`)
-    );
-    const v = m ? decodeURIComponent(m[1]) : null;
-    return isNavDisplayPreference(v) ? v : null;
-  } catch {
-    return null;
-  }
-}
-function writeNavDisplayCookie(pref) {
-  if (typeof document === "undefined" || typeof window === "undefined") return;
-  const host = window.location.hostname;
-  const domainAttr = /(^|\.)politogyvrm\.com$/i.test(host) ? "; Domain=.politogyvrm.com" : "";
-  const secure = window.location.protocol === "https:" ? "; Secure" : "";
-  document.cookie = `${NAV_DISPLAY_COOKIE}=${encodeURIComponent(
-    pref
-  )}; Path=/; Max-Age=31536000; SameSite=Lax${domainAttr}${secure}`;
-}
-function readNavDisplayLocal() {
-  if (typeof localStorage === "undefined") return null;
-  try {
-    const current = localStorage.getItem(NAV_DISPLAY_STORAGE_KEY);
-    if (isNavDisplayPreference(current)) return current;
-    const legacy = localStorage.getItem(LEGACY_NAV_DISPLAY_KEY);
-    return isNavDisplayPreference(legacy) ? legacy : null;
-  } catch {
-    return null;
-  }
-}
-function writeNavDisplayLocal(pref) {
-  if (typeof localStorage === "undefined") return;
-  try {
-    localStorage.setItem(NAV_DISPLAY_STORAGE_KEY, pref);
-  } catch {
-  }
-}
-function resolveNavDisplay() {
-  return readNavDisplayCookie() ?? readNavDisplayLocal() ?? NAV_DISPLAY_DEFAULT;
-}
-`(function(){try{
-var KEY=${JSON.stringify(NAV_DISPLAY_STORAGE_KEY)};
-var VALID=["menu","tabs","both"];
-function fromCookie(){try{var m=document.cookie.match(/(?:^|;\\s*)${NAV_DISPLAY_COOKIE}=([^;]+)/);return m?decodeURIComponent(m[1]):null;}catch(e){return null;}}
-var cookie=fromCookie();
-if(cookie&&VALID.indexOf(cookie)!==-1){var ls=null;try{ls=localStorage.getItem(KEY);}catch(e){}
-if(cookie!==ls){try{localStorage.setItem(KEY,cookie);}catch(e){}}}
-}catch(e){}})();`;
-
 // src/lib/breadcrumbs.ts
 function deriveBreadcrumbs(items, pathname, opts) {
   const search = opts?.search ?? (typeof window !== "undefined" ? window.location.search : "");
@@ -4698,10 +4775,7 @@ function FrameBody({
           // search yet, so this stays decorative (`NavTopBarProps.search` — "an
           // app that has not wired search yet still gets the correct chrome").
           search: { placeholder: data?.searchPlaceholder ?? DEFAULT_SEARCH_PLACEHOLDER[app] ?? "Search" },
-          // "Build notes" — a quiet text button that starts the right-hand
-          // group. The spec names the element and its position but not its
-          // destination content; `onOpen` is left unset until that is defined.
-          buildNotes: {},
+          // No Build notes control (Reference/UI-Platform, decided 2026-10-03).
           // The action cluster is IDENTICAL everywhere — core included. Page
           // actions sit BEFORE it, never inside it, so the Alerts bell keeps its
           // required position: farthest right, immediately before My Account.
@@ -4716,33 +4790,43 @@ function FrameBody({
   ] });
 }
 var standardNavIcons = {
-  home: fi.FiHome,
-  users: fi.FiUsers,
-  mail: fi.FiMail,
-  messageSquare: fi.FiMessageSquare,
-  layout: fi.FiLayout,
-  activity: fi.FiActivity,
-  lifeBuoy: fi.FiLifeBuoy,
-  grid: fi.FiGrid,
-  list: fi.FiList,
-  upload: fi.FiUpload,
-  edit: fi.FiEdit3,
-  fileText: fi.FiFileText,
-  send: fi.FiSend,
-  clock: fi.FiClock,
-  user: fi.FiUser,
-  barChart: fi.FiBarChart2,
-  briefcase: fi.FiBriefcase,
-  settings: fi.FiSettings,
-  creditCard: fi.FiCreditCard,
-  dollarSign: fi.FiDollarSign,
-  share: fi.FiShare2,
+  home: lu.LuHouse,
+  users: lu.LuUsers,
+  mail: lu.LuMail,
+  messageSquare: lu.LuMessageSquare,
+  layout: lu.LuLayoutDashboard,
+  activity: lu.LuActivity,
+  lifeBuoy: lu.LuLifeBuoy,
+  grid: lu.LuLayoutGrid,
+  list: lu.LuList,
+  upload: lu.LuUpload,
+  edit: lu.LuPencil,
+  fileText: lu.LuFileText,
+  send: lu.LuSend,
+  clock: lu.LuClock,
+  user: lu.LuUser,
+  barChart: lu.LuChartColumn,
+  briefcase: lu.LuBriefcase,
+  settings: lu.LuSettings,
+  creditCard: lu.LuCreditCard,
+  dollarSign: lu.LuDollarSign,
+  share: lu.LuShare2,
   // Campaign / Petition mode slots.
-  phone: fi.FiPhone,
-  map: fi.FiMap,
-  mapPin: fi.FiMapPin,
-  target: fi.FiTarget,
-  flag: fi.FiFlag
+  phone: lu.LuPhone,
+  map: lu.LuMap,
+  mapPin: lu.LuMapPin,
+  target: lu.LuTarget,
+  flag: lu.LuFlag,
+  layoutDashboard: lu.LuLayoutDashboard,
+  usersRound: lu.LuUsersRound,
+  mousePointerClick: lu.LuMousePointerClick,
+  clipboardList: lu.LuClipboardList,
+  circleUser: lu.LuCircleUser,
+  crosshair: lu.LuCrosshair,
+  landmark: lu.LuLandmark,
+  chartNoAxes: lu.LuChartNoAxesColumn,
+  doorOpen: lu.LuDoorOpen,
+  signpost: lu.LuSignpost
 };
 var ORG_STORAGE_KEY = "vrm.activeOrg";
 var MODE_STORAGE_KEY = "vrm.activeMode";
@@ -5169,14 +5253,14 @@ var MODE_DEFS = [
   {
     id: "relationship",
     label: "Relationship Mode",
-    icon: fi.FiUsers,
+    icon: lu.LuContactRound,
     href: `${CORE_BASE_URL}/relationship/dashboard`,
     orgQuery: true
   },
   {
     id: "campaign",
     label: "Campaign Mode",
-    icon: fi.FiBarChart2,
+    icon: lu.LuMegaphone,
     href: `${CORE_BASE_URL}/campaign/dashboard`,
     orgQuery: true
   },
@@ -5185,7 +5269,7 @@ var MODE_DEFS = [
     // petitions repo deploys production to petition-mode.politogyvrm.com.
     id: "petition",
     label: "Petition Mode",
-    icon: fi.FiFlag,
+    icon: lu.LuFilePenLine,
     href: "https://petition-mode.politogyvrm.com/",
     orgQuery: true
   }