@the-portland-company/shell 0.76.2 → 0.76.4

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-6KX3DWBC.js';
-export { standardNavIcons } from './chunk-6KX3DWBC.js';
+import { clearBetaBannerDismissal, standardPolitogyNav, standardNavIcons, isNavItemActive, NavAppShell, NavChromeProvider, TopBarWidgetSlot, FuelAction, SpecOverlayAction, NotificationsAction, SupportAction, useChromeMe, useThemePreference, useNavChromeDedupedFetch, useChromeOrgs, useNavChromeFetcher } from './chunk-Z2VEYL2A.js';
+export { standardNavIcons } from './chunk-Z2VEYL2A.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

@@ -171,7 +171,10 @@
   --sidebar-item-padding-y: 10px;
   --sidebar-item-gap: 2px;
   --sidebar-text: #2F3136;
-  --sidebar-text-muted: #929599;
+  /* #929599 was 3.01:1 on --sidebar-bg (#FFFFFF) — below WCAG 2.2 AA 4.5:1
+     on every inactive rail row. Darkened to #70737A (same neutral-gray
+     hue) to clear 4.75:1. */
+  --sidebar-text-muted: #70737A;
   /* Meta footer rows (commit / version / date / author): 10px mono text must
      clear WCAG 2.2 AA 4.5:1 on the light rail. --muted (#5C6B80) is 5.42:1. */
   --sidebar-meta-text: #696D72;

package/dist/{chunk-6KX3DWBC.js → chunk-Z2VEYL2A.js}

@@ -506,6 +506,21 @@ function FuelRow({
     ) })
   ] });
 }
+var lowFuelHintVisible = false;
+var lowFuelHintListeners = /* @__PURE__ */ new Set();
+function setLowFuelHintVisible(visible) {
+  if (lowFuelHintVisible === visible) return;
+  lowFuelHintVisible = visible;
+  lowFuelHintListeners.forEach((l) => l());
+}
+function subscribeLowFuelHintVisible(onChange) {
+  lowFuelHintListeners.add(onChange);
+  return () => lowFuelHintListeners.delete(onChange);
+}
+function useLowFuelHintVisible() {
+  return useSyncExternalStore(subscribeLowFuelHintVisible, () => lowFuelHintVisible);
+}
+var LOW_FUEL_HINT_CLEARANCE_PX = 96;
 function LowFuelHint({ lowFuel, orgId }) {
   const [dismissed, setDismissed] = useState(() => {
     if (typeof window === "undefined") return false;
@@ -523,7 +538,12 @@ function LowFuelHint({ lowFuel, orgId }) {
     }
   }, [lowFuel]);
   const panelOpen = useAnyTopBarPanelOpen();
-  if (!lowFuel || dismissed || panelOpen) return null;
+  const showing = lowFuel && !dismissed && !panelOpen;
+  useEffect(() => {
+    setLowFuelHintVisible(showing);
+    return () => setLowFuelHintVisible(false);
+  }, [showing]);
+  if (!showing) return null;
   const dismiss = () => {
     try {
       window.sessionStorage.setItem(LOW_FUEL_HINT_DISMISSED_KEY, "1");
@@ -535,7 +555,7 @@ function LowFuelHint({ lowFuel, orgId }) {
     "div",
     {
       role: "status",
-      className: "absolute right-0 top-[calc(100%+10px)] z-50 w-60 rounded-lg border border-[color:var(--chrome-danger)] bg-[color:var(--chrome-danger)] px-3 py-2 text-[#FFFFFF] shadow-[var(--shadow-soft)]",
+      className: "absolute right-0 top-[calc(100%+10px)] z-[60] w-60 rounded-lg border border-[color:var(--chrome-danger)] bg-[color:var(--chrome-danger)] px-3 py-2 text-[#FFFFFF] shadow-[var(--shadow-soft)]",
       onClick: (e) => e.stopPropagation(),
       children: [
         /* @__PURE__ */ jsx(
@@ -724,6 +744,7 @@ function NewReplyToast({
   const [visible, setVisible] = useState(false);
   const onCloseRef = useRef(onClose);
   onCloseRef.current = onClose;
+  const lowFuelHintVisible2 = useLowFuelHintVisible();
   useEffect(() => {
     setVisible(true);
     const fadeAt = Math.max(0, ttlMs - 450);
@@ -753,6 +774,7 @@ function NewReplyToast({
       },
       className: "absolute right-[-6px] top-[calc(100%+12px)] z-50 min-w-[240px] max-w-[320px] cursor-pointer rounded-xl bg-[#161616] px-4 py-3 text-[#FFFFFF] shadow-[var(--shadow-soft)]",
       style: {
+        top: lowFuelHintVisible2 ? `calc(100% + 12px + ${LOW_FUEL_HINT_CLEARANCE_PX}px)` : void 0,
         opacity: visible ? 1 : 0,
         transform: visible ? "translateY(0px)" : "translateY(-4px)",
         transition: "opacity 250ms ease, transform 250ms ease"
@@ -3668,5 +3690,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-6KX3DWBC.js.map
-//# sourceMappingURL=chunk-6KX3DWBC.js.map
+//# sourceMappingURL=chunk-Z2VEYL2A.js.map
+//# sourceMappingURL=chunk-Z2VEYL2A.js.map