@the-portland-company/shell 0.32.2 → 0.34.0

package/dist/native.d.cts

@@ -1,12 +1,23 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode, ComponentType, CSSProperties } from 'react';
-import { T as TopBarIconSlot } from './topbarIconSlot-FunwEKO9.cjs';
 import { ThemePreference as ThemePreference$1 } from './theme-preference.cjs';
 
+/**
+ * The six canonical top-bar action slots (Reference/Global-Rules v9 → top-bar
+ * icons). Each slot's GLYPH is unique and comes from the Brand API
+ * `topbarIcons.items.*` tokens, exposed as `--topbar-icon-<slot>` CSS vars
+ * whose value is the brand-icon NAME. Every OTHER property — size, gap, color,
+ * hover, selected — is universal across all six slots.
+ */
+type TopBarIconSlot = 'comms-fuel' | 'apps' | 'notifications' | 'alerts' | 'support' | 'dark-mode';
+
 type NavIconLike = ComponentType<{
     size?: number;
     className?: string;
 }>;
+declare const CORE_APP_ORIGIN = "https://app.politogyvrm.com";
+/** Text/Email fuel top-up page (SMS Signal + Email Broadcast). */
+declare const CORE_BILLING_PATH = "/organization-settings/subscription-billing/text-email";
 declare function topBarIconButtonClass(tone?: 'default' | 'warning' | 'danger'): string;
 /** The shared count badge — one definition, used by every slot. */
 declare function TopBarCountBadge({ count }: {
@@ -59,6 +70,9 @@ type ChromeMe = {
     account?: string | null;
     accountName?: string | null;
     role?: string | null;
+    /** Contact reply-to, when the profile carries them (optional/tolerant). */
+    email?: string | null;
+    phone?: string | null;
 };
 declare function NavChromeProvider({ fetchJson, children, }: {
     fetchJson: NavChromeFetcher;
@@ -96,11 +110,39 @@ type ChromeNotificationReply = {
     contactId: string | null;
     name: string;
     preview: string;
+    /** Optional deep-link to the conversation; the new-reply toast opens it. */
+    href?: string;
+    /**
+     * Optional arrival timestamp. Present, it lets the trigger badge count a
+     * reply as "unseen" only when it is newer than the last time the panel was
+     * opened; absent (older payloads), replies simply don't survive the first
+     * open as unseen. Tolerated either way.
+     */
+    createdAt?: string;
+};
+/** A running or finished contact import surfaced in the notifications panel. */
+type ChromeNotificationImport = {
+    id: string;
+    label: string;
+    /** 0–100 progress, or null when indeterminate (no bar rendered). */
+    percent: number | null;
+    status: 'active' | 'completed';
+    href: string | null;
+};
+/** A cluster of quarantined contacts sharing one phone number. */
+type ChromeNotificationQuarantine = {
+    phone: string;
+    count: number;
+    latestAt: string;
 };
 type ChromeNotificationsPayload = {
     organizationId: string;
     alerts: ChromeNotificationAlert[];
     replies: ChromeNotificationReply[];
+    /** Optional — running/finished imports (tolerant when absent). */
+    imports?: ChromeNotificationImport[];
+    /** Optional — clustered quarantined contacts (tolerant when absent). */
+    quarantined?: ChromeNotificationQuarantine[];
 };
 type ChromeOrgSummary = {
     id: string;
@@ -133,7 +175,7 @@ declare function useChromeOrgs(): {
  * dropping capability (shell-nav-handoff §4; UI-Platform forbids migrating an
  * app to a rendering that loses an element it already ships).
  */
-declare function TopBarPopover({ label, description, slot, fallbackIcon, badge, tone, onOpen, children, panelClassName, }: {
+declare function TopBarPopover({ label, description, slot, fallbackIcon, badge, tone, onOpen, openToken, children, panelClassName, }: {
     label: string;
     description?: string;
     slot?: TopBarIconSlot;
@@ -141,6 +183,12 @@ declare function TopBarPopover({ label, description, slot, fallbackIcon, badge,
     badge?: number;
     tone?: 'default' | 'warning' | 'danger';
     onOpen?: () => void;
+    /**
+     * Imperative "open" signal: whenever this number CHANGES the panel opens
+     * (and `onOpen` fires). Lets a sibling — e.g. the notifications toast — open
+     * the panel without owning the popover's state. Undefined disables it.
+     */
+    openToken?: number;
     children: ReactNode;
     panelClassName?: string;
 }): react_jsx_runtime.JSX.Element;
@@ -150,7 +198,9 @@ declare function FuelAction({ orgId }: {
 declare function NotificationsAction({ orgId }: {
     orgId: string | null;
 }): react_jsx_runtime.JSX.Element;
-declare function SupportAction(): react_jsx_runtime.JSX.Element;
+declare function SupportAction({ orgId }?: {
+    orgId?: string | null;
+}): react_jsx_runtime.JSX.Element;
 type NavDisplayMode = 'menu' | 'tabs' | 'both';
 declare function NavDisplayAction({ value, onChange, }: {
     value: NavDisplayMode;
@@ -187,7 +237,8 @@ interface CampaignFeatureAvailability {
 /**
  * Launch state at this shell version: Polling Engine (polls app) and Tribes
  * (Contacts app) are live; A2P, Phone Banking, Field Canvassing and Sign
- * Mapping shipped to production 2026-07-24 — all Campaign features are ON.
+ * Mapping are not yet deployed and stay hidden until their patch release flips
+ * the flag.
  */
 declare const CAMPAIGN_FEATURE_AVAILABILITY: CampaignFeatureAvailability;
 interface StandardNavOptions {
@@ -560,4 +611,4 @@ type NavAppShellProps = {
 };
 declare function NavAppShell({ sidebar, topBar, betaBanner, contentWrapper, children, }: NavAppShellProps): react_jsx_runtime.JSX.Element;
 
-export { CAMPAIGN_FEATURE_AVAILABILITY, type CampaignFeatureAvailability, type ChromeMe, type ChromeNotificationAlert, type ChromeNotificationReply, type ChromeNotificationsPayload, type ChromeOrgSummary, type CommunicationsFuelStatus, FuelAction, type FuelChannelStatus, NavAppShell, type NavAppShellProps, NavBetaBanner, type NavBetaBannerProps, type NavBrand, type NavBreadcrumb, type NavChromeFetcher, NavChromeProvider, NavDisplayAction, type NavDisplayMode, type NavFooter, type NavFooterLink, type NavIcon, type NavItem, type NavLinkComponent, type NavLinkProps, type NavLinkedAccount, type NavMode, type NavModeOption, type NavOrg, type NavOrgOption, type NavRoleBadge, NavSidebar, type NavSidebarProps, type NavTab, NavTabStrip, type NavTabStripProps, NavThemeControl, NavTopBar, type NavTopBarAction, type NavTopBarProps, type NavUser, type NavUserMenu, NotificationsAction, type StandardNavIconKey, type StandardNavMode, type StandardNavOptions, SupportAction, type ThemePreference, TopBarCountBadge, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, envChipClasses, isNavItemActive, standardPolitogyNav, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeFetcher, useThemePreference };
+export { CAMPAIGN_FEATURE_AVAILABILITY, CORE_APP_ORIGIN, CORE_BILLING_PATH, type CampaignFeatureAvailability, type ChromeMe, type ChromeNotificationAlert, type ChromeNotificationImport, type ChromeNotificationQuarantine, type ChromeNotificationReply, type ChromeNotificationsPayload, type ChromeOrgSummary, type CommunicationsFuelStatus, FuelAction, type FuelChannelStatus, NavAppShell, type NavAppShellProps, NavBetaBanner, type NavBetaBannerProps, type NavBrand, type NavBreadcrumb, type NavChromeFetcher, NavChromeProvider, NavDisplayAction, type NavDisplayMode, type NavFooter, type NavFooterLink, type NavIcon, type NavItem, type NavLinkComponent, type NavLinkProps, type NavLinkedAccount, type NavMode, type NavModeOption, type NavOrg, type NavOrgOption, type NavRoleBadge, NavSidebar, type NavSidebarProps, type NavTab, NavTabStrip, type NavTabStripProps, NavThemeControl, NavTopBar, type NavTopBarAction, type NavTopBarProps, type NavUser, type NavUserMenu, NotificationsAction, type StandardNavIconKey, type StandardNavMode, type StandardNavOptions, SupportAction, type ThemePreference, TopBarCountBadge, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, envChipClasses, isNavItemActive, standardPolitogyNav, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeFetcher, useThemePreference };

package/dist/native.d.ts

@@ -1,12 +1,23 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode, ComponentType, CSSProperties } from 'react';
-import { T as TopBarIconSlot } from './topbarIconSlot-FunwEKO9.js';
 import { ThemePreference as ThemePreference$1 } from './theme-preference.js';
 
+/**
+ * The six canonical top-bar action slots (Reference/Global-Rules v9 → top-bar
+ * icons). Each slot's GLYPH is unique and comes from the Brand API
+ * `topbarIcons.items.*` tokens, exposed as `--topbar-icon-<slot>` CSS vars
+ * whose value is the brand-icon NAME. Every OTHER property — size, gap, color,
+ * hover, selected — is universal across all six slots.
+ */
+type TopBarIconSlot = 'comms-fuel' | 'apps' | 'notifications' | 'alerts' | 'support' | 'dark-mode';
+
 type NavIconLike = ComponentType<{
     size?: number;
     className?: string;
 }>;
+declare const CORE_APP_ORIGIN = "https://app.politogyvrm.com";
+/** Text/Email fuel top-up page (SMS Signal + Email Broadcast). */
+declare const CORE_BILLING_PATH = "/organization-settings/subscription-billing/text-email";
 declare function topBarIconButtonClass(tone?: 'default' | 'warning' | 'danger'): string;
 /** The shared count badge — one definition, used by every slot. */
 declare function TopBarCountBadge({ count }: {
@@ -59,6 +70,9 @@ type ChromeMe = {
     account?: string | null;
     accountName?: string | null;
     role?: string | null;
+    /** Contact reply-to, when the profile carries them (optional/tolerant). */
+    email?: string | null;
+    phone?: string | null;
 };
 declare function NavChromeProvider({ fetchJson, children, }: {
     fetchJson: NavChromeFetcher;
@@ -96,11 +110,39 @@ type ChromeNotificationReply = {
     contactId: string | null;
     name: string;
     preview: string;
+    /** Optional deep-link to the conversation; the new-reply toast opens it. */
+    href?: string;
+    /**
+     * Optional arrival timestamp. Present, it lets the trigger badge count a
+     * reply as "unseen" only when it is newer than the last time the panel was
+     * opened; absent (older payloads), replies simply don't survive the first
+     * open as unseen. Tolerated either way.
+     */
+    createdAt?: string;
+};
+/** A running or finished contact import surfaced in the notifications panel. */
+type ChromeNotificationImport = {
+    id: string;
+    label: string;
+    /** 0–100 progress, or null when indeterminate (no bar rendered). */
+    percent: number | null;
+    status: 'active' | 'completed';
+    href: string | null;
+};
+/** A cluster of quarantined contacts sharing one phone number. */
+type ChromeNotificationQuarantine = {
+    phone: string;
+    count: number;
+    latestAt: string;
 };
 type ChromeNotificationsPayload = {
     organizationId: string;
     alerts: ChromeNotificationAlert[];
     replies: ChromeNotificationReply[];
+    /** Optional — running/finished imports (tolerant when absent). */
+    imports?: ChromeNotificationImport[];
+    /** Optional — clustered quarantined contacts (tolerant when absent). */
+    quarantined?: ChromeNotificationQuarantine[];
 };
 type ChromeOrgSummary = {
     id: string;
@@ -133,7 +175,7 @@ declare function useChromeOrgs(): {
  * dropping capability (shell-nav-handoff §4; UI-Platform forbids migrating an
  * app to a rendering that loses an element it already ships).
  */
-declare function TopBarPopover({ label, description, slot, fallbackIcon, badge, tone, onOpen, children, panelClassName, }: {
+declare function TopBarPopover({ label, description, slot, fallbackIcon, badge, tone, onOpen, openToken, children, panelClassName, }: {
     label: string;
     description?: string;
     slot?: TopBarIconSlot;
@@ -141,6 +183,12 @@ declare function TopBarPopover({ label, description, slot, fallbackIcon, badge,
     badge?: number;
     tone?: 'default' | 'warning' | 'danger';
     onOpen?: () => void;
+    /**
+     * Imperative "open" signal: whenever this number CHANGES the panel opens
+     * (and `onOpen` fires). Lets a sibling — e.g. the notifications toast — open
+     * the panel without owning the popover's state. Undefined disables it.
+     */
+    openToken?: number;
     children: ReactNode;
     panelClassName?: string;
 }): react_jsx_runtime.JSX.Element;
@@ -150,7 +198,9 @@ declare function FuelAction({ orgId }: {
 declare function NotificationsAction({ orgId }: {
     orgId: string | null;
 }): react_jsx_runtime.JSX.Element;
-declare function SupportAction(): react_jsx_runtime.JSX.Element;
+declare function SupportAction({ orgId }?: {
+    orgId?: string | null;
+}): react_jsx_runtime.JSX.Element;
 type NavDisplayMode = 'menu' | 'tabs' | 'both';
 declare function NavDisplayAction({ value, onChange, }: {
     value: NavDisplayMode;
@@ -187,7 +237,8 @@ interface CampaignFeatureAvailability {
 /**
  * Launch state at this shell version: Polling Engine (polls app) and Tribes
  * (Contacts app) are live; A2P, Phone Banking, Field Canvassing and Sign
- * Mapping shipped to production 2026-07-24 — all Campaign features are ON.
+ * Mapping are not yet deployed and stay hidden until their patch release flips
+ * the flag.
  */
 declare const CAMPAIGN_FEATURE_AVAILABILITY: CampaignFeatureAvailability;
 interface StandardNavOptions {
@@ -560,4 +611,4 @@ type NavAppShellProps = {
 };
 declare function NavAppShell({ sidebar, topBar, betaBanner, contentWrapper, children, }: NavAppShellProps): react_jsx_runtime.JSX.Element;
 
-export { CAMPAIGN_FEATURE_AVAILABILITY, type CampaignFeatureAvailability, type ChromeMe, type ChromeNotificationAlert, type ChromeNotificationReply, type ChromeNotificationsPayload, type ChromeOrgSummary, type CommunicationsFuelStatus, FuelAction, type FuelChannelStatus, NavAppShell, type NavAppShellProps, NavBetaBanner, type NavBetaBannerProps, type NavBrand, type NavBreadcrumb, type NavChromeFetcher, NavChromeProvider, NavDisplayAction, type NavDisplayMode, type NavFooter, type NavFooterLink, type NavIcon, type NavItem, type NavLinkComponent, type NavLinkProps, type NavLinkedAccount, type NavMode, type NavModeOption, type NavOrg, type NavOrgOption, type NavRoleBadge, NavSidebar, type NavSidebarProps, type NavTab, NavTabStrip, type NavTabStripProps, NavThemeControl, NavTopBar, type NavTopBarAction, type NavTopBarProps, type NavUser, type NavUserMenu, NotificationsAction, type StandardNavIconKey, type StandardNavMode, type StandardNavOptions, SupportAction, type ThemePreference, TopBarCountBadge, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, envChipClasses, isNavItemActive, standardPolitogyNav, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeFetcher, useThemePreference };
+export { CAMPAIGN_FEATURE_AVAILABILITY, CORE_APP_ORIGIN, CORE_BILLING_PATH, type CampaignFeatureAvailability, type ChromeMe, type ChromeNotificationAlert, type ChromeNotificationImport, type ChromeNotificationQuarantine, type ChromeNotificationReply, type ChromeNotificationsPayload, type ChromeOrgSummary, type CommunicationsFuelStatus, FuelAction, type FuelChannelStatus, NavAppShell, type NavAppShellProps, NavBetaBanner, type NavBetaBannerProps, type NavBrand, type NavBreadcrumb, type NavChromeFetcher, NavChromeProvider, NavDisplayAction, type NavDisplayMode, type NavFooter, type NavFooterLink, type NavIcon, type NavItem, type NavLinkComponent, type NavLinkProps, type NavLinkedAccount, type NavMode, type NavModeOption, type NavOrg, type NavOrgOption, type NavRoleBadge, NavSidebar, type NavSidebarProps, type NavTab, NavTabStrip, type NavTabStripProps, NavThemeControl, NavTopBar, type NavTopBarAction, type NavTopBarProps, type NavUser, type NavUserMenu, NotificationsAction, type StandardNavIconKey, type StandardNavMode, type StandardNavOptions, SupportAction, type ThemePreference, TopBarCountBadge, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, envChipClasses, isNavItemActive, standardPolitogyNav, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeFetcher, useThemePreference };

package/dist/native.js

@@ -1,6 +1,5 @@
 "use client";
-export { CAMPAIGN_FEATURE_AVAILABILITY, FuelAction, NavAppShell, NavBetaBanner, NavChromeProvider, NavDisplayAction, NavSidebar, NavTabStrip, NavThemeControl, NavTopBar, NotificationsAction, SupportAction, TopBarCountBadge, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, envChipClasses, isNavItemActive, standardPolitogyNav, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeFetcher, useThemePreference } from './chunk-PWBYDQCO.js';
-import './chunk-NV6WHTEZ.js';
+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 } from './chunk-CVBEBCID.js';
 import './chunk-LL7RCJQN.js';
 //# sourceMappingURL=native.js.map
 //# sourceMappingURL=native.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@the-portland-company/shell",
-  "version": "0.32.2",
+  "version": "0.34.0",
   "description": "Shared chrome (header, sidebar, footer, theme, auth) for politogy apps. Drop into any Vite SPA to inherit the politogy look and signed-in user.",
   "license": "UNLICENSED",
   "private": false,

package/dist/chunk-NV6WHTEZ.js

@@ -1,54 +0,0 @@
-import { FiUser, FiSettings, FiMessageSquare, FiMail, FiInfo, FiSun, FiMoon, FiHelpCircle, FiLifeBuoy, FiAlertCircle, FiAlertTriangle, FiBell, FiGrid, FiZap, FiBatteryCharging, FiBattery } from 'react-icons/fi';
-import { useState, useEffect } from 'react';
-
-// src/lib/brandGlyphs.tsx
-var GLYPHS = {
-  // Communications Fuel reads as a LEVEL, so its glyph is a battery. `bolt`/
-  // `zap` stay mapped for older Brand values.
-  "battery-charging": FiBatteryCharging,
-  battery: FiBattery,
-  fuel: FiBatteryCharging,
-  bolt: FiZap,
-  zap: FiZap,
-  grid: FiGrid,
-  apps: FiGrid,
-  bell: FiBell,
-  notification: FiBell,
-  "alert-triangle": FiAlertTriangle,
-  alert: FiAlertTriangle,
-  "alert-circle": FiAlertCircle,
-  "life-buoy": FiLifeBuoy,
-  "life-ring": FiLifeBuoy,
-  support: FiLifeBuoy,
-  "help-circle": FiHelpCircle,
-  moon: FiMoon,
-  sun: FiSun,
-  info: FiInfo,
-  mail: FiMail,
-  "message-square": FiMessageSquare,
-  settings: FiSettings,
-  user: FiUser
-};
-function resolveBrandGlyph(name) {
-  if (!name) return null;
-  return GLYPHS[name.trim().toLowerCase()] ?? null;
-}
-function useTopBarIconSlotGlyph(slot) {
-  const [name, setName] = useState(null);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const read = () => {
-      const raw = window.getComputedStyle(document.documentElement).getPropertyValue(`--topbar-icon-${slot}`).trim().replace(/^['"]|['"]$/g, "");
-      setName(raw.length > 0 ? raw : null);
-    };
-    read();
-    const observer = new MutationObserver(read);
-    observer.observe(document.head, { childList: true, subtree: true });
-    return () => observer.disconnect();
-  }, [slot]);
-  return name;
-}
-
-export { resolveBrandGlyph, useTopBarIconSlotGlyph };
-//# sourceMappingURL=chunk-NV6WHTEZ.js.map
-//# sourceMappingURL=chunk-NV6WHTEZ.js.map

package/dist/chunk-NV6WHTEZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/brandGlyphs.tsx","../src/lib/topbarIconSlot.ts"],"names":[],"mappings":";;;;AAkCA,IAAM,MAAA,GAAyC;AAAA;AAAA;AAAA,EAG7C,kBAAA,EAAoB,iBAAA;AAAA,EACpB,OAAA,EAAS,SAAA;AAAA,EACT,IAAA,EAAM,iBAAA;AAAA,EACN,IAAA,EAAM,KAAA;AAAA,EACN,GAAA,EAAK,KAAA;AAAA,EACL,IAAA,EAAM,MAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA,EACN,YAAA,EAAc,MAAA;AAAA,EACd,gBAAA,EAAkB,eAAA;AAAA,EAClB,KAAA,EAAO,eAAA;AAAA,EACP,cAAA,EAAgB,aAAA;AAAA,EAChB,WAAA,EAAa,UAAA;AAAA,EACb,WAAA,EAAa,UAAA;AAAA,EACb,OAAA,EAAS,UAAA;AAAA,EACT,aAAA,EAAe,YAAA;AAAA,EACf,IAAA,EAAM,MAAA;AAAA,EACN,GAAA,EAAK,KAAA;AAAA,EACL,IAAA,EAAM,MAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA,EACN,gBAAA,EAAkB,eAAA;AAAA,EAClB,QAAA,EAAU,UAAA;AAAA,EACV,IAAA,EAAM;AACR,CAAA;AAOO,SAAS,kBAAkB,IAAA,EAAwD;AACxF,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAClB,EAAA,OAAO,OAAO,IAAA,CAAK,IAAA,EAAK,CAAE,WAAA,EAAa,CAAA,IAAK,IAAA;AAC9C;ACzCO,SAAS,uBAAuB,IAAA,EAAqC;AAC1E,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAwB,IAAI,CAAA;AAEpD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AAEnC,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,MAAM,GAAA,GAAM,MAAA,CACT,gBAAA,CAAiB,QAAA,CAAS,eAAe,CAAA,CACzC,gBAAA,CAAiB,CAAA,cAAA,EAAiB,IAAI,EAAE,CAAA,CACxC,IAAA,EAAK,CAEL,OAAA,CAAQ,gBAAgB,EAAE,CAAA;AAC7B,MAAA,OAAA,CAAQ,GAAA,CAAI,MAAA,GAAS,CAAA,GAAI,GAAA,GAAM,IAAI,CAAA;AAAA,IACrC,CAAA;AAEA,IAAA,IAAA,EAAK;AAEL,IAAA,MAAM,QAAA,GAAW,IAAI,gBAAA,CAAiB,IAAI,CAAA;AAC1C,IAAA,QAAA,CAAS,OAAA,CAAQ,SAAS,IAAA,EAAM,EAAE,WAAW,IAAA,EAAM,OAAA,EAAS,MAAM,CAAA;AAClE,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,OAAO,IAAA;AACT","file":"chunk-NV6WHTEZ.js","sourcesContent":["import type { ComponentType } from 'react'\nimport {\n  FiAlertCircle,\n  FiBattery,\n  FiBatteryCharging,\n  FiAlertTriangle,\n  FiBell,\n  FiGrid,\n  FiHelpCircle,\n  FiInfo,\n  FiLifeBuoy,\n  FiMail,\n  FiMessageSquare,\n  FiMoon,\n  FiSettings,\n  FiSun,\n  FiUser,\n  FiZap,\n} from 'react-icons/fi'\n\nexport type GlyphComponent = ComponentType<{ size?: number | string; className?: string }>\n\n/**\n * Brand-glyph registry: maps the icon NAME the Brand API emits (e.g.\n * `--topbar-icon-comms-fuel: bolt`) to a component.\n *\n * These names are Feather/Lucide icon names, NOT asset filenames — there is no\n * `/brand/icons/<name>.svg` for them in any app, and treating them as URLs\n * renders a broken image. Resolving them against the icon library the shell\n * already depends on keeps every app consistent with zero vendored assets.\n *\n * Aliases are included where Brand and Feather disagree on a name (`bolt` vs\n * `zap`, `life-buoy` vs `life-ring`).\n */\nconst GLYPHS: Record<string, GlyphComponent> = {\n  // Communications Fuel reads as a LEVEL, so its glyph is a battery. `bolt`/\n  // `zap` stay mapped for older Brand values.\n  'battery-charging': FiBatteryCharging,\n  battery: FiBattery,\n  fuel: FiBatteryCharging,\n  bolt: FiZap,\n  zap: FiZap,\n  grid: FiGrid,\n  apps: FiGrid,\n  bell: FiBell,\n  notification: FiBell,\n  'alert-triangle': FiAlertTriangle,\n  alert: FiAlertTriangle,\n  'alert-circle': FiAlertCircle,\n  'life-buoy': FiLifeBuoy,\n  'life-ring': FiLifeBuoy,\n  support: FiLifeBuoy,\n  'help-circle': FiHelpCircle,\n  moon: FiMoon,\n  sun: FiSun,\n  info: FiInfo,\n  mail: FiMail,\n  'message-square': FiMessageSquare,\n  settings: FiSettings,\n  user: FiUser,\n}\n\n/**\n * Resolve a Brand glyph name to a component. Returns null for an unknown name\n * so the caller renders its own fallback — an unrecognized token must never\n * produce a broken or empty icon.\n */\nexport function resolveBrandGlyph(name: string | null | undefined): GlyphComponent | null {\n  if (!name) return null\n  return GLYPHS[name.trim().toLowerCase()] ?? null\n}\n\n/** Names the registry knows — exported for tests and tooling. */\nexport const KNOWN_BRAND_GLYPHS = Object.keys(GLYPHS)\n","import { useEffect, useState } from 'react'\n\n/**\n * The six canonical top-bar action slots (Reference/Global-Rules v9 → top-bar\n * icons). Each slot's GLYPH is unique and comes from the Brand API\n * `topbarIcons.items.*` tokens, exposed as `--topbar-icon-<slot>` CSS vars\n * whose value is the brand-icon NAME. Every OTHER property — size, gap, color,\n * hover, selected — is universal across all six slots.\n */\nexport type TopBarIconSlot =\n  | 'comms-fuel'\n  | 'apps'\n  | 'notifications'\n  | 'alerts'\n  | 'support'\n  | 'dark-mode'\n\n/**\n * Reads the glyph NAME for a slot from its `--topbar-icon-<slot>` CSS var.\n *\n * Runs in an effect because the Brand stylesheet is appended to <head> at\n * runtime (Global Rules forbids baking it into the build), so the var is not\n * resolvable during SSR or the first synchronous render. The MutationObserver\n * re-reads once the stylesheet lands so the glyph upgrades from the caller's\n * fallback without a reload.\n *\n * Returns null when the slot has no Brand glyph — callers render their own\n * fallback icon in that case.\n */\nexport function useTopBarIconSlotGlyph(slot: TopBarIconSlot): string | null {\n  const [name, setName] = useState<string | null>(null)\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n\n    const read = () => {\n      const raw = window\n        .getComputedStyle(document.documentElement)\n        .getPropertyValue(`--topbar-icon-${slot}`)\n        .trim()\n        // Brand may emit the name quoted (e.g. \"bell\"); strip the quotes.\n        .replace(/^['\"]|['\"]$/g, '')\n      setName(raw.length > 0 ? raw : null)\n    }\n\n    read()\n\n    const observer = new MutationObserver(read)\n    observer.observe(document.head, { childList: true, subtree: true })\n    return () => observer.disconnect()\n  }, [slot])\n\n  return name\n}\n\n/** Path to a brand-icon SVG in the consuming app's public dir. */\nexport function brandIconSrc(name: string, basePath = '/brand/icons/') {\n  return `${basePath}${name}.svg`\n}\n"]}