@the-portland-company/shell 0.76.6 → 0.76.8

package/dist/app-chrome.js

@@ -1,7 +1,7 @@
 "use client";
 import { broadcastLogout, watchLogout } from './chunk-LL6LSJAH.js';
-import { clearBetaBannerDismissal, standardPolitogyNav, standardNavIcons, isNavItemActive, NavAppShell, NavChromeProvider, TopBarWidgetSlot, FuelAction, SpecOverlayAction, NotificationsAction, SupportAction, useChromeMe, useThemePreference, useNavChromeDedupedFetch, useChromeOrgs, useNavChromeFetcher } from './chunk-2V3D5NML.js';
-export { standardNavIcons } from './chunk-2V3D5NML.js';
+import { clearBetaBannerDismissal, standardPolitogyNav, standardNavIcons, isNavItemActive, NavAppShell, NavChromeProvider, TopBarWidgetSlot, FuelAction, SpecOverlayAction, NotificationsAction, SupportAction, useChromeMe, useThemePreference, useNavChromeDedupedFetch, useChromeOrgs, useNavChromeFetcher } from './chunk-RBJGWQJX.js';
+export { standardNavIcons } from './chunk-RBJGWQJX.js';
 import { warnDeprecated } from './chunk-MY6G3LMN.js';
 import './chunk-BHRVZPZ7.js';
 import { NAV_DISPLAY_DEFAULT, resolveNavDisplay, writeNavDisplayLocal, writeNavDisplayCookie, isNavDisplayPreference, NAV_DISPLAY_STORAGE_KEY, readNavDisplayCookie } from './chunk-7YVJ7HQG.js';

package/dist/chrome.css

@@ -56,7 +56,7 @@
      names (--font-sans, --font-mono, --font-plex-mono), none of which this
      stylesheet emitted, so every one of those surfaces silently fell back to
      a hardcoded stack instead of a token the shell actually controls. */
-  --font-mono: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  --font-mono: 'JetBrains Mono', SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
   --type-h1-size: 2.25rem;
   --type-h1-weight: 700;
   --type-h1-line-height: 1.25;
@@ -312,9 +312,18 @@
      border leaking out of the rail's palette. Content borders are the
      neutral Brand G3 ramp step instead. */
   --color-border: var(--color-g3);
-  --color-text: var(--foreground);
-  --color-text-muted: var(--muted);
-  --color-muted: var(--muted);
+  /* --color-text / --color-text-muted used to alias --foreground / --muted —
+     the topbar-scoped pair tuned for contrast on the topbar surface
+     (--muted is #5C6B80, picked for WCAG AA on the light rail, see above).
+     Page CONTENT (table cells, buttons, body copy) wants the Brand neutral
+     ramp instead: graphite for text, G4 for muted text/borders — a
+     style_diff against design (Surveys, 2026-10-09) measured live muted
+     text/borders at #5C6B80 (rgb(88,101,122)) against a design value of
+     #929599 (--color-g4, rgb(146,149,153)), the same mis-aliasing this
+     comment block already fixed once for --color-border/--color-panel. */
+  --color-text: var(--color-graphite);
+  --color-text-muted: var(--color-g4);
+  --color-muted: var(--color-g4);
   /* The chrome's SEMANTIC accent. Chrome furniture resolves this (or the
      per-Mode override layered over it — see --mode-accent below), never
      --color-race-red directly: that is the PARTY identity colour the

package/dist/{chunk-2V3D5NML.js → chunk-RBJGWQJX.js}

@@ -1,6 +1,7 @@
 import { warnDeprecated, SpeculationRulesScript } from './chunk-MY6G3LMN.js';
 import { readThemeCookie, THEME_STORAGE_KEY, isThemePreference, applyThemePreference, readPendingThemeChoice, writeThemeCookie, clearPendingThemeChoice, markThemeChoicePending } from './chunk-BHRVZPZ7.js';
 import { readRailPreference, writeRailPreference } from './chunk-7YVJ7HQG.js';
+import { orgIdTail } from './chunk-BWV52AT6.js';
 import { createContext, useRef, useState, useEffect, useContext, useCallback, useMemo, Fragment as Fragment$1, useSyncExternalStore } from 'react';
 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';
@@ -2209,6 +2210,11 @@ function useRailCollapse() {
   const collapsible = useContext(RailCollapsibleContext);
   return (cls) => collapsible ? cls : "";
 }
+function orgPillLabel(org) {
+  if (org.name) return org.name;
+  if (org.id) return orgIdTail(org.id) ?? "Organization";
+  return "No organizations";
+}
 function OrgIconMark({ org, logoSrc }) {
   const rc = useRailCollapse();
   const src = resolveOrgLogoUrl(org.iconUrl) ?? logoSrc;
@@ -2450,7 +2456,7 @@ function NavSidebar({
                             {
                               title: org.name ?? void 0,
                               className: "truncate text-[12px] font-semibold leading-[1.2]",
-                              children: org.name ?? "No organizations"
+                              children: orgPillLabel(org)
                             }
                           ),
                           org.id && !org.loading ? /* @__PURE__ */ jsx(OrgIdCopyButton, { id: org.id }) : null
@@ -2552,7 +2558,7 @@ function NavSidebar({
                           {
                             title: org.name ?? void 0,
                             className: "truncate text-[12px] font-semibold leading-[1.2]",
-                            children: org.name ?? "No organizations"
+                            children: orgPillLabel(org)
                           }
                         ),
                         org.id && !org.loading ? /* @__PURE__ */ jsx(OrgIdCopyButton, { id: org.id }) : null
@@ -3500,7 +3506,10 @@ function NavTabStrip({
         role: "tablist",
         "aria-label": ariaLabel,
         className: [
-          "flex items-end gap-[var(--tab-gap,24px)] border-b border-[color:var(--tab-border-color,#D7DADF)]",
+          // 26px, not 24px: a style_diff against design (email-builder-desktop,
+          // 2026-10-09) measured the rendered row gap 4px short of spec (48 vs
+          // 52) at the 24px default.
+          "flex items-end gap-[var(--tab-gap,26px)] border-b border-[color:var(--tab-border-color,#D7DADF)]",
           className
         ].filter(Boolean).join(" "),
         children: tabs.map((tab) => /* @__PURE__ */ jsx(NavTabButton, { tab, Link, size }, tab.key))
@@ -3703,5 +3712,5 @@ 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, modeIdFromLabel, resolveOrgLogoUrl, shortEnvLabel, shortUserName, standardNavIcons, standardPolitogyNav, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeDedupedFetch, useNavChromeFetcher, useThemePreference };
-//# sourceMappingURL=chunk-2V3D5NML.js.map
-//# sourceMappingURL=chunk-2V3D5NML.js.map
+//# sourceMappingURL=chunk-RBJGWQJX.js.map
+//# sourceMappingURL=chunk-RBJGWQJX.js.map