@the-portland-company/shell 0.35.2 → 0.35.4

package/dist/app-chrome.js

@@ -1,5 +1,5 @@
 "use client";
-import { standardPolitogyNav, NavAppShell, NavChromeProvider, FuelAction, NavDisplayAction, TopBarWidgetSlot, SupportAction, NotificationsAction, useChromeMe, useThemePreference, useNavChromeFetcher, useChromeOrgs } from './chunk-HCJVMFLL.js';
+import { standardPolitogyNav, NavAppShell, NavChromeProvider, FuelAction, NavDisplayAction, TopBarWidgetSlot, SupportAction, NotificationsAction, useChromeMe, useThemePreference, useNavChromeFetcher, useChromeOrgs } from './chunk-HZXYGEEA.js';
 import './chunk-LL7RCJQN.js';
 import { createContext, useMemo, useContext, useState, useEffect, useCallback } from 'react';
 import { DevNotesMenu, createDevNotesClient, DevNotesProvider, DevNotesTaskListModal, DevNotesOverlay } from '@the-portland-company/devnotes';

package/dist/chrome.css

@@ -322,3 +322,43 @@
   --skeleton-base: #212121;
   --skeleton-shine: #2B2B2B;
 }
+
+/* ---------------------------------------------------------------------------
+   Third-party top-bar widget slots (<TopBarWidgetSlot>, e.g. DevNotes).
+
+   Such a widget ships its OWN launcher button, so it does not carry
+   topBarIconButtonClass and rendered as a 6px rounded square beside four 32px
+   circles — measured on forms, contacts, polls, surveys AND app (2026-07-24).
+   VRM core used to hide it with an app-side `.vrm-topbar-actions` override,
+   which is precisely the app-side patching Reference/UI-Platform forbids: the
+   moment VRM moved onto the shared frame the override went away and the square
+   button reappeared. It belongs here, once, for every app.
+
+   These values are topBarIconButtonClass expressed as CSS. `!important` is
+   required because the widget's own utility classes (h-8 w-8 rounded-md …) are
+   authored by the third-party package and would otherwise win.
+--------------------------------------------------------------------------- */
+.topbar-widget-slot button {
+  height: var(--topbar-icon-button-size, 32px) !important;
+  min-height: var(--topbar-icon-button-size, 32px) !important;
+  width: var(--topbar-icon-button-size, 32px) !important;
+  min-width: var(--topbar-icon-button-size, 32px) !important;
+  padding: 0 !important;
+  display: inline-flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  border: 1px solid var(--line) !important;
+  border-radius: 9999px !important;
+  background: transparent !important;
+  color: var(--topbar-icon-color, var(--muted)) !important;
+}
+.topbar-widget-slot button:hover {
+  color: var(--topbar-icon-hover-color, var(--foreground)) !important;
+  background: var(--topbar-icon-hover-bg, transparent) !important;
+}
+/* The launcher's own count bubble nests in an inner `relative` span around just
+   the glyph. Neutralize that so the badge anchors to the 32px trigger like
+   every other slot's (UI-Platform "Badge Counters": one universal placement). */
+.topbar-widget-slot button > span.relative {
+  position: static !important;
+}

package/dist/{chunk-HCJVMFLL.js → chunk-HZXYGEEA.js}

@@ -1192,10 +1192,10 @@ function useThemePreference() {
 
 // src/native/standardNav.ts
 var CAMPAIGN_FEATURE_AVAILABILITY = {
-  a2p: false,
-  phonebank: false,
-  canvass: false,
-  signs: false,
+  a2p: true,
+  phonebank: true,
+  canvass: true,
+  signs: true,
   tribes: true,
   polling: true
 };
@@ -1264,6 +1264,32 @@ 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_A2P_CHILDREN = [
+  { label: "Dashboard", icon: "grid", path: "dashboard" },
+  { label: "Compose", icon: "edit", path: "compose" },
+  { label: "Recipients", icon: "user", path: "recipients" },
+  { label: "Tech Check", icon: "activity", path: "tech-check" },
+  { label: "Status", icon: "clock", path: "status" },
+  { label: "Conversations", icon: "messageSquare", path: "conversations" }
+];
+var APP_PHONEBANK_CHILDREN = [
+  { label: "Dashboard", icon: "grid", path: "" },
+  { label: "Campaigns", icon: "phone", path: "campaigns" },
+  { label: "Inbound", icon: "messageSquare", path: "inbound" },
+  { label: "Reports", icon: "barChart", path: "reports" }
+];
+var APP_CANVASS_CHILDREN = [
+  { label: "Dashboard", icon: "grid", path: "" },
+  { label: "Campaigns", icon: "target", path: "campaigns" },
+  { label: "Canvassers", icon: "users", path: "canvassers" }
+];
+var APP_SIGNS_CHILDREN = [
+  { label: "Map", icon: "map", path: "" },
+  { label: "Placements", icon: "list", path: "placements" },
+  { label: "Review Queue", icon: "fileText", path: "review" },
+  { label: "Recovery", icon: "flag", path: "recovery" },
+  { label: "Reports", icon: "barChart", path: "reports" }
+];
 function standardPolitogyNav(opts) {
   const base = opts.coreBaseUrl.replace(/\/+$/, "");
   const abs = (path) => `${base}${path.startsWith("/") ? path : `/${path}`}`;
@@ -1337,13 +1363,45 @@ function standardPolitogyNav(opts) {
       ...CAMPAIGN_FEATURE_AVAILABILITY,
       ...opts.campaignAvailability
     };
+    const appLeaves = (origin, children) => {
+      const base2 = origin.replace(/\/+$/, "");
+      return children.map((c) => ({
+        label: c.label,
+        icon: icon(c.icon),
+        href: withOrg(c.path ? `${base2}/${c.path}` : `${base2}/`)
+      }));
+    };
     const rows = [
       { label: "Dashboard", icon: icon("home"), href: withOrg(abs("/campaign/dashboard")) },
       { label: "Voter Contact", icon: icon("target"), href: withOrg(abs("/campaign/campaigns")) },
-      { label: "A2P", icon: icon("messageSquare"), href: withOrg(A2P_ORIGIN), flag: "a2p" },
-      { label: "Phone Banking", icon: icon("phone"), href: withOrg(PHONEBANK_ORIGIN), flag: "phonebank" },
-      { label: "Field Canvassing", icon: icon("map"), href: withOrg(CANVASS_ORIGIN), flag: "canvass" },
-      { label: "Sign Mapping", icon: icon("mapPin"), href: withOrg(SIGNS_ORIGIN), flag: "signs" },
+      {
+        label: "A2P",
+        icon: icon("messageSquare"),
+        href: withOrg(A2P_ORIGIN),
+        children: appLeaves(A2P_ORIGIN, APP_A2P_CHILDREN),
+        flag: "a2p"
+      },
+      {
+        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: "Sign Mapping",
+        icon: icon("mapPin"),
+        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" }
     ];
@@ -1366,6 +1424,7 @@ function standardPolitogyNav(opts) {
 }
 var safeHref = (h) => h && /^(https?:|mailto:|tel:|\/|#|\.)/i.test(h.trim()) ? h : "#";
 var DefaultLink = ({ href, children, ...rest }) => /* @__PURE__ */ jsx("a", { href: safeHref(href), ...rest, children });
+var ACTIVE_IGNORED_PARAMS = /* @__PURE__ */ new Set(["org"]);
 function isNavItemActive(pathname, href) {
   let targetPath = href;
   let targetSearch = "";
@@ -1386,10 +1445,11 @@ function isNavItemActive(pathname, href) {
       targetSearch = href.slice(qi);
     }
   }
-  if (targetSearch) {
+  const want = new URLSearchParams(targetSearch);
+  for (const k of ACTIVE_IGNORED_PARAMS) want.delete(k);
+  if (Array.from(want).length > 0) {
     if (typeof window === "undefined") return false;
     if (pathname !== targetPath) return false;
-    const want = new URLSearchParams(targetSearch);
     const have = new URLSearchParams(window.location.search);
     for (const [k, v] of want) if (have.get(k) !== v) return false;
     return true;
@@ -2429,5 +2489,5 @@ function NavAppShell({
 }
 
 export { CAMPAIGN_FEATURE_AVAILABILITY, CORE_APP_ORIGIN, CORE_BILLING_PATH, FuelAction, NavAppShell, NavBetaBanner, NavChromeProvider, NavDisplayAction, NavSidebar, NavTabStrip, NavThemeControl, NavTopBar, NotificationsAction, SupportAction, TopBarCountBadge, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, envChipClasses, isNavItemActive, standardPolitogyNav, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeFetcher, useThemePreference };
-//# sourceMappingURL=chunk-HCJVMFLL.js.map
-//# sourceMappingURL=chunk-HCJVMFLL.js.map
+//# sourceMappingURL=chunk-HZXYGEEA.js.map
+//# sourceMappingURL=chunk-HZXYGEEA.js.map