@the-portland-company/shell 0.76.3 → 0.76.5

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-SF22BWQ2.js';
+export { standardNavIcons } from './chunk-SF22BWQ2.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/{chunk-6KX3DWBC.js → chunk-SF22BWQ2.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"
@@ -3395,11 +3417,18 @@ function NavTabButton({
   size
 }) {
   const { label, icon: Icon, count, href, onSelect, selected, disabled, disabledTitle } = tab;
-  const base = "-mb-px inline-flex shrink-0 items-center gap-2 border-b-2 font-semibold leading-none transition-colors";
+  const base = "-mb-px inline-flex shrink-0 items-center gap-2 font-semibold leading-none transition-colors";
   const sizeClass = size === "sm" ? "py-2 text-[12px]" : "py-3 text-[13px]";
-  const stateClass = disabled ? "cursor-not-allowed border-transparent text-[color:var(--color-g4,#929599)] opacity-50" : selected ? "text-[color:var(--tab-selected-color,#2F3136)]" : "border-transparent text-[color:var(--color-g4,#929599)] hover:text-[color:var(--tab-hover-color,#2F3136)]";
+  const stateClass = disabled ? "cursor-not-allowed opacity-50" : "hover:text-[color:var(--tab-hover-color,#2F3136)]";
   const className = `${base} ${sizeClass} ${stateClass}`;
-  const style = selected && !disabled ? { borderBottomColor: TAB_UNDERLINE_COLOR } : void 0;
+  const color = disabled ? "var(--color-g4,#929599)" : selected ? "var(--tab-selected-color,#2F3136)" : "var(--color-g4,#929599)";
+  const style = {
+    textAlign: "center",
+    borderBottomWidth: 2,
+    borderBottomStyle: "solid",
+    borderBottomColor: selected && !disabled ? TAB_UNDERLINE_COLOR : "transparent",
+    color
+  };
   const iconSize = size === "sm" ? 13 : 15;
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     Icon ? /* @__PURE__ */ jsx(Icon, { size: iconSize, className: "shrink-0 text-current", strokeWidth: 1.75 }) : null,
@@ -3668,5 +3697,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-SF22BWQ2.js.map
+//# sourceMappingURL=chunk-SF22BWQ2.js.map