@the-portland-company/shell 0.95.0 → 0.96.0

package/dist/app-chrome.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { S as StandardNavIconKey, k as NavIcon, N as NavItem, l as NavBreadcrumb, m as StandardNavMode, o as NavLinkComponent, p as NavChromeFetcher, q as NavMode, s as NavUserMenu, t as NavOrgOption, f as NotificationsAdapter, u as NavFooterLink, v as NavFooter, w as NavDisplayMode } from './index-AIzWNzl-.cjs';
+import { S as StandardNavIconKey, o as NavIcon, N as NavItem, p as NavBreadcrumb, q as StandardNavMode, s as NavLinkComponent, t as NavChromeFetcher, u as NavMode, v as NavUserMenu, w as NavOrgOption, f as NotificationsAdapter, x as NavFooterLink, y as NavFooter, z as NavDisplayMode } from './index-3YFy4JHI.cjs';
 import './theme-preference.cjs';
 import './brand-favicon.cjs';
 

package/dist/app-chrome.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { S as StandardNavIconKey, k as NavIcon, N as NavItem, l as NavBreadcrumb, m as StandardNavMode, o as NavLinkComponent, p as NavChromeFetcher, q as NavMode, s as NavUserMenu, t as NavOrgOption, f as NotificationsAdapter, u as NavFooterLink, v as NavFooter, w as NavDisplayMode } from './index-Byjq0Whp.js';
+import { S as StandardNavIconKey, o as NavIcon, N as NavItem, p as NavBreadcrumb, q as StandardNavMode, s as NavLinkComponent, t as NavChromeFetcher, u as NavMode, v as NavUserMenu, w as NavOrgOption, f as NotificationsAdapter, x as NavFooterLink, y as NavFooter, z as NavDisplayMode } from './index-CqHKy3vG.js';
 import './theme-preference.js';
 import './brand-favicon.js';
 

package/dist/app-chrome.js

@@ -1,10 +1,10 @@
 "use client";
 import { broadcastLogout, watchLogout } from './chunk-LL6LSJAH.js';
 import { writeUrlState } from './chunk-GVQKZI5X.js';
-import { clearBetaBannerDismissal, standardPolitogyNav, standardNavIcons, isNavItemActive, NavAppShell } from './chunk-BA3GITRQ.js';
-export { standardNavIcons } from './chunk-BA3GITRQ.js';
+import { clearBetaBannerDismissal, standardPolitogyNav, standardNavIcons, isNavItemActive, NavAppShell } from './chunk-QGNJLKT5.js';
+export { standardNavIcons } from './chunk-QGNJLKT5.js';
 import { authBaseUrl, orgIdTail, settingsBaseUrl, ORG_ID_QUERY_PARAM, readOrgSelectorFromUrl, matchOrgSelector, syncOrgIdInUrl, isOrgId, switchActiveOrg, ACTIVE_ORG_QUERY_PARAM, writeActiveOrgCookie, resolveActiveOrg, readActiveOrgCookie } from './chunk-5LO5W7W5.js';
-import { warnDeprecated, NavChromeProvider, TopBarWidgetSlot, FuelAction, SpecOverlayAction, NotificationsAction, SupportAction, useChromeMe, useNavChromeDedupedFetch, useChromeOrgs, useNavChromeFetcher } from './chunk-JQ53VZO5.js';
+import { warnDeprecated, NavChromeProvider, TopBarWidgetSlot, FuelAction, SpecOverlayAction, NotificationsAction, SupportAction, useChromeMe, useNavChromeDedupedFetch, useChromeOrgs, useNavChromeFetcher } from './chunk-5OTXPYZU.js';
 import './chunk-BHRVZPZ7.js';
 import { NAV_DISPLAY_DEFAULT, resolveNavDisplay, writeNavDisplayLocal, writeNavDisplayCookie, isNavDisplayPreference, NAV_DISPLAY_STORAGE_KEY, readNavDisplayCookie } from './chunk-7YVJ7HQG.js';
 import { useBrandAssets, BrandFavicon } from './chunk-BMR5WAWH.js';

package/dist/{chunk-JQ53VZO5.js → chunk-5OTXPYZU.js}

@@ -1,9 +1,9 @@
 import { readThemeCookie, THEME_STORAGE_KEY, isThemePreference, applyThemePreference, readPendingThemeChoice, writeThemeCookie, clearPendingThemeChoice, markThemeChoicePending } from './chunk-BHRVZPZ7.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { createContext, useState, useRef, useCallback, useEffect, useLayoutEffect, useContext, useMemo, useSyncExternalStore } from 'react';
+import { createPortal } from 'react-dom';
 import clsx2 from 'clsx';
-import { createContext, useState, useEffect, useRef, useContext, useMemo, useCallback, useSyncExternalStore } from 'react';
 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 { LuGitBranch, LuWorkflow, LuNetwork, LuHandshake, LuBriefcase, LuAward, LuBadgeCheck, LuSignpost, LuDoorOpen, LuTriangleAlert, LuInfo, LuCircleHelp, LuTrash2, LuArchive, LuRocket, LuZap, LuWrench, LuKanban, LuNewspaper, LuLandmark, LuVote, LuKey, LuLock, LuEye, LuPrinter, LuMic, LuVideo, LuImage, LuLink, LuGlobe, LuSearch, LuFilter, LuTag, LuHandHeart, LuHeart, LuStar, LuHouse, LuBell, LuMailOpen, LuMail, LuDollarSign, LuReceipt, LuWallet, LuCreditCard, LuPalette, LuBuilding2, LuShare2, LuInbox, LuSlidersHorizontal, LuSettings, LuFlaskConical, LuTarget, LuSparkles, LuPencil, LuSmartphone, LuHistory, LuRefreshCw, LuRotateCcw, LuCircleCheck, LuSquareCheck, LuVoicemail, LuRadio, LuNotebookPen, LuBookOpen, LuPhoneCall, LuPhone, LuShieldCheck, LuShield, LuMegaphone, LuTrendingUp, LuListTodo, LuListOrdered, LuListChecks, LuList, LuFolderLock, LuFolder, LuFiles, LuFile, LuFileText, LuSplit, LuGauge, LuSend, LuMessageCircle, LuMessageSquare, LuMessagesSquare, LuBot, LuRoute, LuScale, LuLayers, LuCalendar, LuClock, LuTimer, LuClipboardCheck, LuClipboardList, LuBrain, LuFootprints, LuMapPin, LuMap, LuCrosshair, LuLightbulb, LuChartNoAxesCombined, LuChartArea, LuChartBar, LuChartLine, LuChartColumn, LuChartPie, LuTable2, LuActivity, LuFlagTriangleRight, LuFlag, LuLibrary, LuCopy, LuDownload, LuUpload, LuSquareUser, LuUserCheck, LuUserPlus, LuUser, LuUsersRound, LuUsers, LuLayoutTemplate, LuLayoutGrid, LuLayoutList, LuLayoutDashboard } from 'react-icons/lu';
 
 function Card({
@@ -92,6 +92,258 @@ function AiCreditsState({
     )
   ] });
 }
+var GAP = 4;
+var EDGE = 8;
+var closeOpenRowMenu = null;
+var TRIGGER_STYLE = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: 28,
+  height: 28,
+  borderRadius: 6,
+  border: "none",
+  background: "transparent",
+  color: "var(--color-text-muted, #6b7280)",
+  cursor: "pointer",
+  lineHeight: 1
+};
+var PANEL_STYLE = {
+  minWidth: 160,
+  padding: 4,
+  border: "1px solid var(--color-border, #e5e7eb)",
+  borderRadius: 8,
+  background: "var(--color-surface, #fff)",
+  boxShadow: "0 10px 24px rgba(15, 23, 42, 0.12)",
+  display: "flex",
+  flexDirection: "column",
+  textAlign: "left"
+};
+var ITEM_STYLE = {
+  display: "flex",
+  alignItems: "center",
+  gap: 8,
+  width: "100%",
+  padding: "6px 10px",
+  border: "none",
+  borderRadius: 6,
+  background: "transparent",
+  font: "inherit",
+  fontSize: 14,
+  color: "var(--color-text, #2F3136)",
+  textAlign: "left",
+  cursor: "pointer"
+};
+function rowMenuPosition(trigger, panel, viewport) {
+  const below = viewport.height - trigger.bottom - GAP - EDGE;
+  const above = trigger.top - GAP - EDGE;
+  const placement = panel.height > below && above > below ? "above" : "below";
+  const rawTop = placement === "above" ? trigger.top - GAP - panel.height : trigger.bottom + GAP;
+  const top = Math.max(EDGE, Math.min(rawTop, viewport.height - panel.height - EDGE));
+  const left = Math.max(EDGE, Math.min(trigger.right - panel.width, viewport.width - panel.width - EDGE));
+  return { top, left, placement };
+}
+function menuItems(panel) {
+  if (!panel) return [];
+  return Array.from(panel.querySelectorAll('[role="menuitem"]')).filter(
+    (el) => !el.disabled && el.getAttribute("aria-disabled") !== "true"
+  );
+}
+function RowMenu({
+  label = "More actions",
+  title,
+  icon,
+  children,
+  triggerClassName,
+  triggerStyle,
+  panelClassName,
+  panelStyle,
+  onOpenChange
+}) {
+  const [open, setOpen] = useState(false);
+  const [pos, setPos] = useState(null);
+  const triggerRef = useRef(null);
+  const panelRef = useRef(null);
+  const focusFirstRef = useRef(false);
+  const onOpenChangeRef = useRef(onOpenChange);
+  onOpenChangeRef.current = onOpenChange;
+  const close = useCallback((restoreFocus = false) => {
+    setOpen(false);
+    if (restoreFocus) triggerRef.current?.focus();
+  }, []);
+  const place = useCallback(() => {
+    const t = triggerRef.current;
+    const p = panelRef.current;
+    if (!t || !p) return;
+    const r = t.getBoundingClientRect();
+    setPos(rowMenuPosition(
+      { top: r.top, bottom: r.bottom, right: r.right },
+      { width: p.offsetWidth, height: p.offsetHeight },
+      { width: window.innerWidth, height: window.innerHeight }
+    ));
+  }, []);
+  useEffect(() => {
+    onOpenChangeRef.current?.(open);
+    if (!open) {
+      setPos(null);
+      return;
+    }
+    const mine = () => setOpen(false);
+    if (closeOpenRowMenu && closeOpenRowMenu !== mine) closeOpenRowMenu();
+    closeOpenRowMenu = mine;
+    return () => {
+      if (closeOpenRowMenu === mine) closeOpenRowMenu = null;
+    };
+  }, [open]);
+  useLayoutEffect(() => {
+    if (!open) return;
+    place();
+    const p = panelRef.current;
+    if (!p || typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(() => place());
+    ro.observe(p);
+    return () => ro.disconnect();
+  }, [open, place]);
+  useEffect(() => {
+    if (!open || !pos || !focusFirstRef.current) return;
+    focusFirstRef.current = false;
+    menuItems(panelRef.current)[0]?.focus();
+  }, [open, pos]);
+  useEffect(() => {
+    if (!open) return;
+    const inside = (n) => n instanceof Node && (!!triggerRef.current?.contains(n) || !!panelRef.current?.contains(n));
+    const onPointerDown = (e) => {
+      if (!inside(e.target)) close();
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        close(true);
+      }
+    };
+    const onScroll = (e) => {
+      if (!inside(e.target)) close();
+    };
+    const onResize = () => close();
+    document.addEventListener("pointerdown", onPointerDown, true);
+    document.addEventListener("keydown", onKey, true);
+    window.addEventListener("scroll", onScroll, true);
+    window.addEventListener("resize", onResize);
+    return () => {
+      document.removeEventListener("pointerdown", onPointerDown, true);
+      document.removeEventListener("keydown", onKey, true);
+      window.removeEventListener("scroll", onScroll, true);
+      window.removeEventListener("resize", onResize);
+    };
+  }, [open, close]);
+  function onTriggerKeyDown(e) {
+    if (e.key === "ArrowDown" || (e.key === "Enter" || e.key === " ") && !open) {
+      e.preventDefault();
+      focusFirstRef.current = true;
+      if (open) menuItems(panelRef.current)[0]?.focus();
+      else setOpen(true);
+    }
+  }
+  function onPanelKeyDown(e) {
+    e.stopPropagation();
+    if (e.key === "Tab") {
+      close();
+      return;
+    }
+    if (e.key !== "ArrowDown" && e.key !== "ArrowUp" && e.key !== "Home" && e.key !== "End") return;
+    const items = menuItems(panelRef.current);
+    if (items.length === 0) return;
+    e.preventDefault();
+    const at = items.indexOf(document.activeElement);
+    const next = e.key === "Home" ? 0 : e.key === "End" ? items.length - 1 : e.key === "ArrowDown" ? (at + 1) % items.length : (at - 1 + items.length) % items.length;
+    items[next]?.focus();
+  }
+  function onPanelClick(e) {
+    e.stopPropagation();
+    const item = e.target.closest?.('[role="menuitem"]');
+    if (!item || !panelRef.current?.contains(item)) return;
+    if (item.disabled || item.getAttribute("aria-disabled") === "true") return;
+    setTimeout(() => close(), 0);
+  }
+  const panel = open && typeof document !== "undefined" ? createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: panelRef,
+        role: "menu",
+        "aria-label": label,
+        "data-row-menu": "",
+        "data-placement": pos?.placement,
+        className: panelClassName,
+        onClick: onPanelClick,
+        onKeyDown: onPanelKeyDown,
+        style: {
+          ...panelClassName ? null : PANEL_STYLE,
+          ...panelStyle,
+          position: "fixed",
+          zIndex: 1e3,
+          top: pos?.top ?? 0,
+          left: pos?.left ?? 0,
+          right: "auto",
+          bottom: "auto",
+          margin: 0,
+          visibility: pos ? "visible" : "hidden"
+        },
+        children
+      }
+    ),
+    document.body
+  ) : null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        className: triggerClassName,
+        style: { ...triggerClassName ? null : TRIGGER_STYLE, ...triggerStyle },
+        "aria-label": label,
+        title,
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        "data-open": open ? "" : void 0,
+        onClick: (e) => {
+          e.stopPropagation();
+          setOpen((v) => !v);
+        },
+        onKeyDown: onTriggerKeyDown,
+        children: icon ?? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u22EF" })
+      }
+    ),
+    panel
+  ] });
+}
+function RowMenuItem({
+  onSelect,
+  disabled,
+  danger,
+  className,
+  style,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      role: "menuitem",
+      className,
+      disabled,
+      onClick: onSelect,
+      style: {
+        ...className ? null : ITEM_STYLE,
+        ...className || !danger ? null : { color: "var(--color-red, #e63946)" },
+        ...className || !disabled ? null : { opacity: 0.5, cursor: "default" },
+        ...style
+      },
+      children
+    }
+  );
+}
 function FormColumn({ children, className }) {
   return /* @__PURE__ */ jsx("div", { "data-shell-form-column": "", className: clsx2("w-full max-w-[960px]", className), children });
 }
@@ -2446,6 +2698,6 @@ function BreadcrumbBarView({
   );
 }
 
-export { AI_CREDITS_STATE_TITLES, AiCreditsState, BreadcrumbBarView, CORE_APP_ORIGIN, CORE_BILLING_PATH, CREDIT_TYPE_LABELS, CREDIT_TYPE_ORDER, Card, CreditsAction, FormColumn, FuelAction, HeaderTabBar, KNOWN_TAB_GLYPHS, NAV_DISPLAY_OPTIONS, NavChromeProvider, NavDisplayAction, NavThemeControl, NotificationsAction, PageHeaderView, SPECS_ORIGIN, SpecOverlayAction, SpeculationRulesScript, SupportAction, TOPBAR_GLYPH_SIZE, TopBarCountBadge, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, aiCreditsWalletUrl, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, creditGaugeRatio, creditStateWord, creditTooltipLine, creditsAriaLabel, creditsIconState, emptyNotificationsFeed, normalizeNotificationsFeed, resolveBrandGlyph, resolveOrgLogoUrl, resolveTabGlyph, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeDedupedFetch, useNavChromeFetcher, useThemePreference, useTopBarIconSlotGlyph, warnDeprecated };
-//# sourceMappingURL=chunk-JQ53VZO5.js.map
-//# sourceMappingURL=chunk-JQ53VZO5.js.map
+export { AI_CREDITS_STATE_TITLES, AiCreditsState, BreadcrumbBarView, CORE_APP_ORIGIN, CORE_BILLING_PATH, CREDIT_TYPE_LABELS, CREDIT_TYPE_ORDER, Card, CreditsAction, FormColumn, FuelAction, HeaderTabBar, KNOWN_TAB_GLYPHS, NAV_DISPLAY_OPTIONS, NavChromeProvider, NavDisplayAction, NavThemeControl, NotificationsAction, PageHeaderView, RowMenu, RowMenuItem, SPECS_ORIGIN, SpecOverlayAction, SpeculationRulesScript, SupportAction, TOPBAR_GLYPH_SIZE, TopBarCountBadge, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, aiCreditsWalletUrl, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, creditGaugeRatio, creditStateWord, creditTooltipLine, creditsAriaLabel, creditsIconState, emptyNotificationsFeed, normalizeNotificationsFeed, resolveBrandGlyph, resolveOrgLogoUrl, resolveTabGlyph, rowMenuPosition, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeDedupedFetch, useNavChromeFetcher, useThemePreference, useTopBarIconSlotGlyph, warnDeprecated };
+//# sourceMappingURL=chunk-5OTXPYZU.js.map
+//# sourceMappingURL=chunk-5OTXPYZU.js.map