@the-portland-company/shell 0.71.1 → 0.72.0

package/dist/chrome.css

@@ -421,9 +421,16 @@
   --sidebar-mode-selected-bg: #2F3136;
 }
 
+/* Left-Navigation §5/§12: Campaign rail is Deep Race Red, raised wells
+   #A12430, inactive row text #F0CFD2, eyebrow #F6DADD. */
 [data-politogy-mode="campaign"] {
   --sidebar-bg: #8F1F2A;
   --sidebar-hover-bg: #7A1A23;
+  --sidebar-card-bg: #A12430;
+  --mode-track-bg: #A12430;
+  --sidebar-mode-selected-bg: #B32B38;
+  --sidebar-row-text: #F0CFD2;
+  --sidebar-eyebrow: #F6DADD;
 }
 
 

package/dist/{chunk-JBPJOPLW.js → chunk-6OM62ZTK.js}

@@ -6,6 +6,7 @@ import clsx from 'clsx';
 import { FiUser, FiSettings, FiMessageSquare, FiMail, FiInfo, FiSun, FiMoon, FiHelpCircle, FiLifeBuoy, FiAlertCircle, FiAlertTriangle, FiBell, FiGrid, FiZap, FiBatteryCharging, FiBattery } from 'react-icons/fi';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { LuSignpost, LuDoorOpen, LuChartNoAxesColumn, LuLandmark, LuCrosshair, LuCircleUser, LuClipboardList, LuMousePointerClick, LuUsersRound, LuLayoutDashboard, LuFlag, LuTarget, LuMapPin, LuMap, LuPhone, LuShare2, LuDollarSign, LuCreditCard, LuSettings, LuBriefcase, LuChartColumn, LuUser, LuClock, LuSend, LuFileText, LuPencil, LuUpload, LuList, LuLayoutGrid, LuLifeBuoy, LuActivity, LuMessageSquare, LuMail, LuUsers, LuHouse } from 'react-icons/lu';
 
 function useTopBarIconSlotGlyph(slot) {
   const [name, setName] = useState(null);
@@ -1749,6 +1750,45 @@ function useThemePreference() {
   );
   return { value, setValue };
 }
+var standardNavIcons = {
+  home: LuHouse,
+  users: LuUsers,
+  mail: LuMail,
+  messageSquare: LuMessageSquare,
+  layout: LuLayoutDashboard,
+  activity: LuActivity,
+  lifeBuoy: LuLifeBuoy,
+  grid: LuLayoutGrid,
+  list: LuList,
+  upload: LuUpload,
+  edit: LuPencil,
+  fileText: LuFileText,
+  send: LuSend,
+  clock: LuClock,
+  user: LuUser,
+  barChart: LuChartColumn,
+  briefcase: LuBriefcase,
+  settings: LuSettings,
+  creditCard: LuCreditCard,
+  dollarSign: LuDollarSign,
+  share: LuShare2,
+  // Campaign / Petition mode slots.
+  phone: LuPhone,
+  map: LuMap,
+  mapPin: LuMapPin,
+  target: LuTarget,
+  flag: LuFlag,
+  layoutDashboard: LuLayoutDashboard,
+  usersRound: LuUsersRound,
+  mousePointerClick: LuMousePointerClick,
+  clipboardList: LuClipboardList,
+  circleUser: LuCircleUser,
+  crosshair: LuCrosshair,
+  landmark: LuLandmark,
+  chartNoAxes: LuChartNoAxesColumn,
+  doorOpen: LuDoorOpen,
+  signpost: LuSignpost
+};
 
 // src/native/standardNav.ts
 var CAMPAIGN_FEATURE_AVAILABILITY = {
@@ -1862,7 +1902,7 @@ var APP_SIGNS_CHILDREN = [
 function standardPolitogyNav(opts) {
   const base = opts.coreBaseUrl.replace(/\/+$/, "");
   const abs = (path) => `${base}${path.startsWith("/") ? path : `/${path}`}`;
-  const icon = (key) => opts.icons?.[key];
+  const icon = (key) => opts.icons?.[key] ?? standardNavIcons[key];
   const orgParam = opts.activeOrgId ? `org=${opts.activeOrgId}` : "";
   const withOrg = (url) => orgParam ? `${url}${url.includes("?") ? "&" : "?"}${orgParam}` : url;
   const leaves = (children) => children.map((c) => ({ label: c.label, icon: icon(c.icon), href: withOrg(abs(c.path)) }));
@@ -2074,6 +2114,24 @@ function hasActiveChild(item, pathname, activeFn) {
     )
   );
 }
+function firstLeafHref(item) {
+  for (const c of item.children ?? []) {
+    if (c.kind === "section") continue;
+    if (c.href) return c.href;
+    const deep = firstLeafHref(c);
+    if (deep) return deep;
+  }
+  return void 0;
+}
+function modeIdFromLabel(label) {
+  const l = label?.trim().toLowerCase();
+  return l ? l.replace(/\s+mode$/, "") : void 0;
+}
+function shortUserName(name) {
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  if (parts.length < 2) return parts[0] ?? "";
+  return `${parts[0]} ${parts[parts.length - 1][0].toUpperCase()}.`;
+}
 function shortEnvLabel(label) {
   const l = label.trim().toLowerCase();
   if (l === "production") return "prod";
@@ -2190,7 +2248,6 @@ function NavSidebar({
   useEffect(() => {
     setOpenGroup(activeGroupKey);
   }, [activeGroupKey]);
-  const toggleGroup = (key) => setOpenGroup((prev) => prev === key ? null : key);
   return /* @__PURE__ */ jsxs(RailCollapsibleContext.Provider, { value: collapsible, children: [
     open ? /* @__PURE__ */ jsx(
       "div",
@@ -2530,21 +2587,16 @@ function NavSidebar({
                 });
               }
               if (item.children && item.children.length > 0) {
-                const key = groupKeyOf(item, idx);
                 const selfActive = item.href ? activeFn(pathname, item.href) : false;
                 const parentActive = selfActive || hasActiveChild(item, pathname, activeFn);
                 return /* @__PURE__ */ jsx(
-                  NavGroup,
+                  NavRow,
                   {
-                    item,
+                    item: { ...item, href: item.href ?? firstLeafHref(item), children: void 0 },
                     active: parentActive,
-                    open: openGroup === key,
-                    onToggle: () => toggleGroup(key),
-                    pathname,
-                    activeFn,
                     Link
                   },
-                  key
+                  item.href ?? groupKeyOf(item, idx)
                 );
               }
               const active = item.href ? activeFn(pathname, item.href) : false;
@@ -2832,142 +2884,6 @@ function NavRow({
     }
   );
 }
-function NavGroup({
-  item,
-  active,
-  open,
-  onToggle,
-  pathname,
-  activeFn,
-  Link
-}) {
-  const rc = useRailCollapse();
-  const Icon = item.icon;
-  const headerClasses = [
-    "group relative block w-full overflow-hidden text-left transition",
-    open ? "rounded-t-[5px]" : "rounded-[5px]",
-    active ? NAV_TOP_ACTIVE_CLASS : open ? "bg-[color:var(--sidebar-row-hover-bg,var(--panel))] text-[color:var(--sidebar-text,var(--foreground))]" : NAV_TOP_INACTIVE_CLASS
-  ].join(" ");
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          onToggle();
-          item.onClick?.();
-        },
-        "aria-expanded": open,
-        title: item.label,
-        className: headerClasses,
-        children: [
-          active ? /* @__PURE__ */ jsx(NavActiveRail, {}) : null,
-          /* @__PURE__ */ jsxs("span", { className: `relative z-10 flex items-center ${NAV_TOP_ROW_CLASS(active)} ${rc("max-md:justify-center max-md:px-0")}`, children: [
-            Icon ? /* @__PURE__ */ jsx(Icon, { size: NAV_TOP_ICON_SIZE, className: "shrink-0 text-current" }) : null,
-            /* @__PURE__ */ jsx("span", { className: `min-w-0 flex-1 truncate ${rc("max-md:hidden")}`, children: item.label }),
-            /* @__PURE__ */ jsx(NavRowBadge, { value: item.badge }),
-            /* @__PURE__ */ jsx(
-              ChevronDown,
-              {
-                className: [
-                  "shrink-0 opacity-80 transition-transform duration-200",
-                  open ? "rotate-180" : "",
-                  rc("max-md:hidden")
-                ].join(" ")
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    open ? /* @__PURE__ */ jsx("div", { className: `overflow-hidden rounded-b-md bg-[color:var(--nav-submenu-bg)] p-1 ${rc("max-md:hidden")}`, children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: item.children.map((child, i) => {
-      if (child.kind === "section") {
-        return /* @__PURE__ */ jsx(
-          NavSectionRow,
-          {
-            label: child.label,
-            first: i === 0,
-            variant: "sub"
-          },
-          `sub-section-${i}-${child.label}`
-        );
-      }
-      const childActive = child.href ? activeFn(pathname, child.href) : false;
-      if (child.children && child.children.length > 0) {
-        return /* @__PURE__ */ jsx(
-          NavSubGroup,
-          {
-            item: child,
-            pathname,
-            activeFn,
-            Link
-          },
-          child.href ?? `subgrp-${i}-${child.label}`
-        );
-      }
-      return /* @__PURE__ */ jsx(
-        NavRow,
-        {
-          item: child,
-          active: childActive,
-          Link,
-          variant: "sub"
-        },
-        child.href ?? `sub-${i}-${child.label}`
-      );
-    }) }) }) : null
-  ] });
-}
-function NavSubGroup({
-  item,
-  pathname,
-  activeFn,
-  Link
-}) {
-  const ownsActive = (item.href ? activeFn(pathname, item.href) : false) || (item.children ?? []).some((c) => c.href ? activeFn(pathname, c.href) : false);
-  const [open, setOpen] = useState(ownsActive);
-  useEffect(() => {
-    if (ownsActive) setOpen(true);
-  }, [ownsActive]);
-  const Icon = item.icon;
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setOpen((v) => !v),
-        "aria-expanded": open,
-        className: [
-          "flex w-full items-center gap-2.5 rounded px-3 py-1.5 text-left text-[13px] font-medium transition",
-          ownsActive ? "text-[color:var(--color-accent)]" : "text-[color:var(--sidebar-text,var(--muted))] hover:bg-[color:var(--nav-row-hover)] hover:text-[color:var(--foreground)]"
-        ].join(" "),
-        children: [
-          Icon ? /* @__PURE__ */ jsx(Icon, { size: 15, className: "shrink-0 text-current" }) : null,
-          /* @__PURE__ */ jsx("span", { className: "flex-1", children: item.label }),
-          /* @__PURE__ */ jsx(
-            ChevronDown,
-            {
-              className: [
-                "shrink-0 opacity-70 transition-transform duration-200",
-                open ? "rotate-180" : ""
-              ].join(" ")
-            }
-          )
-        ]
-      }
-    ),
-    open ? /* @__PURE__ */ jsx("div", { className: "ml-4 flex flex-col gap-0.5 border-l border-[color:var(--line)] pl-2", children: item.children.map((leaf, i) => /* @__PURE__ */ jsx(
-      NavRow,
-      {
-        item: leaf,
-        active: leaf.href ? activeFn(pathname, leaf.href) : false,
-        Link,
-        variant: "sub"
-      },
-      leaf.href ?? `subsub-${i}-${leaf.label}`
-    )) }) : null
-  ] });
-}
 function OrgIdCopyButton({ id }) {
   const [copied, setCopied] = useState(false);
   return /* @__PURE__ */ jsx(
@@ -3267,8 +3183,8 @@ function NavSidebarUserCard({
 }) {
   const rawName = user.name?.trim() || "";
   const hasRealName = rawName.length > 0 && !rawName.includes("@");
-  const displayName = hasRealName ? rawName : user.email ?? "Signed in";
-  const initials = (hasRealName ? rawName : user.email ?? "P").slice(0, 2).toUpperCase();
+  const displayName = hasRealName ? shortUserName(rawName) : user.email ?? "Signed in";
+  const initials = hasRealName ? rawName.split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0]).join("").toUpperCase() : (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";
   const rc = useRailCollapse();
   return /* @__PURE__ */ jsxs("details", { "data-nav-details": true, className: "group/acct relative", children: [
@@ -3668,7 +3584,7 @@ function NavAppShell({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      "data-politogy-mode": modeId,
+      "data-politogy-mode": modeId ?? modeIdFromLabel(sidebar.mode?.label),
       className: "min-h-screen bg-[color:var(--background)] text-[color:var(--foreground)]",
       children: [
         /* @__PURE__ */ jsx(
@@ -3715,6 +3631,6 @@ function NavAppShell({
   );
 }
 
-export { BETA_BANNER_DISMISS_KEY, CAMPAIGN_FEATURE_AVAILABILITY, CORE_APP_ORIGIN, CORE_BILLING_PATH, FuelAction, NavAppShell, NavBetaBanner, NavChromeProvider, NavDisplayAction, NavSidebar, NavTabStrip, NavThemeControl, NavTopBar, NotificationsAction, SPECS_ORIGIN, SpecOverlayAction, SupportAction, TopBarCountBadge, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, clearBetaBannerDismissal, envChipClasses, isNavItemActive, resolveOrgLogoUrl, shortEnvLabel, standardPolitogyNav, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeFetcher, useThemePreference };
-//# sourceMappingURL=chunk-JBPJOPLW.js.map
-//# sourceMappingURL=chunk-JBPJOPLW.js.map
+export { BETA_BANNER_DISMISS_KEY, CAMPAIGN_FEATURE_AVAILABILITY, CORE_APP_ORIGIN, CORE_BILLING_PATH, FuelAction, NavAppShell, NavBetaBanner, NavChromeProvider, NavDisplayAction, NavSidebar, NavTabStrip, NavThemeControl, NavTopBar, NotificationsAction, SPECS_ORIGIN, SpecOverlayAction, SupportAction, TopBarCountBadge, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, clearBetaBannerDismissal, envChipClasses, isNavItemActive, modeIdFromLabel, resolveOrgLogoUrl, shortEnvLabel, shortUserName, standardNavIcons, standardPolitogyNav, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeFetcher, useThemePreference };
+//# sourceMappingURL=chunk-6OM62ZTK.js.map
+//# sourceMappingURL=chunk-6OM62ZTK.js.map