@flamingo-stack/openframe-frontend-core 0.0.509 → 0.0.510

package/dist/{chunk-AEELJC4N.js → chunk-FEGEC6FY.js}

@@ -39654,11 +39654,131 @@ function MingoAiButton({ source, icon, label = "Mingo AI", className, onClick, .
   );
 }
 
+// src/components/navigation/mobile-nav-panel.tsx
+import { useRef as useRef47 } from "react";
+import { usePreventScroll as usePreventScroll3 } from "@react-aria/overlays";
+init_button2();
+import { X as X10 } from "lucide-react";
+import { Fragment as Fragment56, jsx as jsx287, jsxs as jsxs224 } from "react/jsx-runtime";
+var MOBILE_NAV_PANEL_ID = "mobile-nav-panel";
+function MobileNavPanel({ isOpen, config }) {
+  const panelRef = useRef47(null);
+  usePreventScroll3({ isDisabled: !isOpen });
+  useFocusTrap(panelRef, isOpen, { onEscape: config.onClose });
+  const headerHeight = useHeaderHeight(64, { enabled: isOpen });
+  if (!isOpen) return null;
+  const renderNavigationItem = (item) => {
+    if (item.element) {
+      return /* @__PURE__ */ jsx287("div", { children: item.element }, item.id);
+    }
+    const handleClick = () => {
+      if (item.onClick) {
+        item.onClick();
+      }
+      config.onClose?.();
+    };
+    if (item.href) {
+      return /* @__PURE__ */ jsx287(
+        Button,
+        {
+          variant: "outline",
+          size: "small-legacy",
+          href: item.href,
+          onClick: handleClick,
+          leftIcon: item.icon,
+          rightIcon: item.badge,
+          className: cn(
+            "justify-start h-12 px-4 bg-transparent border-none text-ods-text-primary hover:bg-ods-bg-hover gap-3 rounded-md transition-colors",
+            item.isActive ? "bg-ods-bg-hover" : ""
+          ),
+          children: item.label
+        },
+        item.id
+      );
+    }
+    return /* @__PURE__ */ jsxs224(
+      Button,
+      {
+        variant: "outline",
+        size: "small-legacy",
+        onClick: handleClick,
+        leftIcon: item.icon,
+        className: cn(
+          "justify-start h-12 px-4 bg-transparent border-none text-ods-text-primary hover:bg-ods-bg-hover gap-3 rounded-md transition-colors",
+          item.isActive ? "bg-ods-bg-hover" : ""
+        ),
+        children: [
+          /* @__PURE__ */ jsx287("span", { className: "flex-1 text-left", children: item.label }),
+          item.badge !== void 0 && /* @__PURE__ */ jsx287("span", { className: "ml-auto", children: item.badge })
+        ]
+      },
+      item.id
+    );
+  };
+  return /* @__PURE__ */ jsxs224(Fragment56, { children: [
+    /* @__PURE__ */ jsx287(
+      "div",
+      {
+        className: cn("fixed inset-0 z-[9998]", OVERLAY_BACKDROP_CLASS),
+        onClick: config.onClose
+      }
+    ),
+    /* @__PURE__ */ jsxs224(
+      "div",
+      {
+        ref: panelRef,
+        id: MOBILE_NAV_PANEL_ID,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Navigation menu",
+        tabIndex: -1,
+        style: { "--mobile-nav-top": `${headerHeight + 16}px` },
+        className: cn(
+          "fixed z-[9999] rounded-lg shadow-xl",
+          config.className ? "" : "bg-ods-card border border-ods-border",
+          // Responsive positioning and sizing — LEFT-anchored from md, flush
+          // under the burger cell at the left edge of the unified
+          // top-navigation (a larger inset read as a stray gap between the
+          // burger and its panel).
+          "right-2 left-2 md:right-auto",
+          "md:left-2 md:w-[400px] md:max-w-[calc(100vw-1rem)]",
+          // Small-viewport (svh) sizing anchored below the measured header —
+          // 100vh overflowed under mobile browser chrome, leaving the bottom
+          // entries and footer unreachable while the body was scroll-locked.
+          "top-[var(--mobile-nav-top)]",
+          "max-h-[calc(100svh-var(--mobile-nav-top)-50px)] md:max-h-[calc(100svh-var(--mobile-nav-top)-8px)]",
+          "flex flex-col",
+          config.className || ""
+        ),
+        onClick: (e) => e.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsx287("div", { className: "flex justify-end p-2 border-b border-ods-border flex-shrink-0", children: /* @__PURE__ */ jsx287(
+            Button,
+            {
+              "aria-label": "Close menu",
+              size: "icon",
+              variant: "transparent",
+              leftIcon: /* @__PURE__ */ jsx287(X10, { className: "w-4 h-4 text-ods-text-primary" }),
+              onClick: config.onClose,
+              className: "hover:bg-ods-bg-hover"
+            }
+          ) }),
+          /* @__PURE__ */ jsx287("div", { className: "flex-1 overflow-y-auto overflow-x-hidden overscroll-contain px-2 py-2", children: /* @__PURE__ */ jsx287("div", { className: "flex flex-col space-y-1", children: config.sections.map((section, index) => /* @__PURE__ */ jsxs224("div", { children: [
+            section.title && /* @__PURE__ */ jsx287("div", { className: "px-4 pt-2 pb-1 text-h6 font-semibold uppercase text-ods-text-secondary", children: section.title }),
+            /* @__PURE__ */ jsx287("div", { className: "flex flex-col gap-1", children: section.items.map(renderNavigationItem) })
+          ] }, index)) }) }),
+          config.footer && /* @__PURE__ */ jsx287("div", { className: "border-t border-ods-border p-4 pb-[max(1rem,env(safe-area-inset-bottom))] flex-shrink-0", children: config.footer })
+        ]
+      }
+    )
+  ] });
+}
+
 // src/components/navigation/ticket-alerts-button.tsx
 init_cn();
 
 // src/components/tickets/ticket-live-provider.tsx
-import React112 from "react";
+import React113 from "react";
 import { useQueryClient } from "@tanstack/react-query";
 
 // src/components/chat/hooks/use-chat-identity.ts
@@ -39717,7 +39837,7 @@ function useChatIdentity() {
 }
 
 // src/components/tickets/ticket-live-provider.tsx
-import { jsx as jsx287 } from "react/jsx-runtime";
+import { jsx as jsx288 } from "react/jsx-runtime";
 var TICKET_STREAM_ENDPOINT = "/api/tickets/stream";
 var TICKET_READ_ENDPOINT = "/api/tickets/read";
 var EMPTY_SUMMARY = { totalUnread: 0, tickets: {}, latestUnreadAt: {} };
@@ -39727,12 +39847,12 @@ var stampMs = (stamp) => {
   return Number.isNaN(ms) ? 0 : ms;
 };
 var INVALIDATE_DEBOUNCE_MS = 1500;
-var TicketLiveContext = React112.createContext(null);
+var TicketLiveContext = React113.createContext(null);
 function useOptionalTicketLive() {
-  return React112.useContext(TicketLiveContext);
+  return React113.useContext(TicketLiveContext);
 }
 function useTicketLive() {
-  const ctx = React112.useContext(TicketLiveContext);
+  const ctx = React113.useContext(TicketLiveContext);
   if (!ctx) {
     throw new Error("useTicketLive must be used within <TicketLiveProvider>");
   }
@@ -39751,13 +39871,13 @@ function TicketLiveProvider({ children }) {
   const streamUrl = runtime?.endpoints.ticketStreamUrl ?? TICKET_STREAM_ENDPOINT;
   const readUrl = runtime?.endpoints.ticketReadUrl ?? TICKET_READ_ENDPOINT;
   const authed = identity.authTier !== "anon" && !!identity.user?.email;
-  const [connected, setConnected] = React112.useState(false);
-  const [summary, setSummary] = React112.useState(EMPTY_SUMMARY);
-  const [openTicketIdState, setOpenTicketIdState] = React112.useState(null);
-  const openTicketIdRef = React112.useRef(null);
-  const pendingTicketIdsRef = React112.useRef(/* @__PURE__ */ new Set());
-  const invalidateTimerRef = React112.useRef(null);
-  const flushInvalidations = React112.useCallback(() => {
+  const [connected, setConnected] = React113.useState(false);
+  const [summary, setSummary] = React113.useState(EMPTY_SUMMARY);
+  const [openTicketIdState, setOpenTicketIdState] = React113.useState(null);
+  const openTicketIdRef = React113.useRef(null);
+  const pendingTicketIdsRef = React113.useRef(/* @__PURE__ */ new Set());
+  const invalidateTimerRef = React113.useRef(null);
+  const flushInvalidations = React113.useCallback(() => {
     invalidateTimerRef.current = null;
     const ids = Array.from(pendingTicketIdsRef.current);
     pendingTicketIdsRef.current.clear();
@@ -39766,7 +39886,7 @@ function TicketLiveProvider({ children }) {
       void queryClient.invalidateQueries({ queryKey: ["ticket-engagements", id] });
     }
   }, [queryClient]);
-  const scheduleInvalidation = React112.useCallback(
+  const scheduleInvalidation = React113.useCallback(
     (ticketId) => {
       if (ticketId) pendingTicketIdsRef.current.add(ticketId);
       if (invalidateTimerRef.current) return;
@@ -39774,7 +39894,7 @@ function TicketLiveProvider({ children }) {
     },
     [flushInvalidations]
   );
-  const bumpUnread = React112.useCallback((ticketId, createdAt) => {
+  const bumpUnread = React113.useCallback((ticketId, createdAt) => {
     setSummary((prev) => {
       const stamp = createdAt ?? (/* @__PURE__ */ new Date()).toISOString();
       const existing = prev.latestUnreadAt[ticketId];
@@ -39788,7 +39908,7 @@ function TicketLiveProvider({ children }) {
       };
     });
   }, []);
-  const zeroUnread = React112.useCallback((ticketId) => {
+  const zeroUnread = React113.useCallback((ticketId) => {
     setSummary((prev) => {
       const current = prev.tickets[ticketId] ?? 0;
       if (current === 0) return prev;
@@ -39799,9 +39919,9 @@ function TicketLiveProvider({ children }) {
       return { totalUnread: Math.max(0, prev.totalUnread - current), tickets, latestUnreadAt };
     });
   }, []);
-  const subscriptionRef = React112.useRef(null);
-  const noStreamRef = React112.useRef(false);
-  const handlersRef = React112.useRef({ onEvent: () => {
+  const subscriptionRef = React113.useRef(null);
+  const noStreamRef = React113.useRef(false);
+  const handlersRef = React113.useRef({ onEvent: () => {
   }, onStatus: () => {
   }, onConnected: () => {
   } });
@@ -39854,7 +39974,7 @@ function TicketLiveProvider({ children }) {
     if (status === "no-stream") noStreamRef.current = true;
   };
   const streamEnabled = authed && !!streamUrl;
-  React112.useEffect(() => {
+  React113.useEffect(() => {
     if (!streamEnabled) return;
     if (typeof window === "undefined") return;
     subscriptionRef.current = createSseSubscription({
@@ -39885,7 +40005,7 @@ function TicketLiveProvider({ children }) {
       setSummary(EMPTY_SUMMARY);
     };
   }, [streamEnabled, streamUrl]);
-  const markRead = React112.useCallback(
+  const markRead = React113.useCallback(
     async (ticketExternalId) => {
       try {
         const response = await embedAuthedFetch(readUrl, {
@@ -39907,15 +40027,15 @@ function TicketLiveProvider({ children }) {
     },
     [readUrl, zeroUnread]
   );
-  const setOpenTicketId = React112.useCallback((ticketExternalId) => {
+  const setOpenTicketId = React113.useCallback((ticketExternalId) => {
     openTicketIdRef.current = ticketExternalId;
     setOpenTicketIdState(ticketExternalId);
   }, []);
-  const notifyTicketCreated = React112.useCallback(() => {
+  const notifyTicketCreated = React113.useCallback(() => {
     noStreamRef.current = false;
     subscriptionRef.current?.reconnectNow();
   }, []);
-  const value = React112.useMemo(() => {
+  const value = React113.useMemo(() => {
     let unreadByTicket = summary.tickets;
     let unreadTotal = summary.totalUnread;
     if (openTicketIdState && unreadByTicket[openTicketIdState]) {
@@ -39952,7 +40072,7 @@ function TicketLiveProvider({ children }) {
     setOpenTicketId,
     notifyTicketCreated
   ]);
-  return /* @__PURE__ */ jsx287(TicketLiveContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx288(TicketLiveContext.Provider, { value, children });
 }
 
 // src/components/tickets/types.ts
@@ -39972,7 +40092,7 @@ var TOAST_COPY = {
 };
 
 // src/components/navigation/ticket-alerts-button.tsx
-import { jsx as jsx288, jsxs as jsxs224 } from "react/jsx-runtime";
+import { jsx as jsx289, jsxs as jsxs225 } from "react/jsx-runtime";
 function TicketAlertsButton({ href, onNavigate, disabled, className }) {
   const live = useOptionalTicketLive();
   if (!live || !live.authed || live.unreadTotal === 0) return null;
@@ -39982,7 +40102,7 @@ function TicketAlertsButton({ href, onNavigate, disabled, className }) {
     if (onNavigate) onNavigate(target);
     else window.location.assign(target);
   };
-  return /* @__PURE__ */ jsx288(
+  return /* @__PURE__ */ jsx289(
     HeaderButton,
     {
       icon: (
@@ -39991,9 +40111,9 @@ function TicketAlertsButton({ href, onNavigate, disabled, className }) {
         // bell and time-tracker cells. The indication is carried by the
         // count pill (sidebar count-pill precedent) and by the cell only
         // existing while updates are unread — never by tinting the glyph.
-        /* @__PURE__ */ jsxs224("span", { className: "relative inline-flex", children: [
-          /* @__PURE__ */ jsx288(LifeBuoyIcon, { className: "w-6 h-6" }),
-          /* @__PURE__ */ jsx288(UnreadCountBadge, { count: live.unreadTotal })
+        /* @__PURE__ */ jsxs225("span", { className: "relative inline-flex", children: [
+          /* @__PURE__ */ jsx289(LifeBuoyIcon, { className: "w-6 h-6" }),
+          /* @__PURE__ */ jsx289(UnreadCountBadge, { count: live.unreadTotal })
         ] })
       ),
       "aria-label": `Support tickets \u2014 ${live.unreadTotal} unread ${live.unreadTotal === 1 ? "update" : "updates"}`,
@@ -40004,126 +40124,6 @@ function TicketAlertsButton({ href, onNavigate, disabled, className }) {
   );
 }
 
-// src/components/navigation/mobile-nav-panel.tsx
-import { useRef as useRef47 } from "react";
-import { usePreventScroll as usePreventScroll3 } from "@react-aria/overlays";
-init_button2();
-import { X as X10 } from "lucide-react";
-import { Fragment as Fragment56, jsx as jsx289, jsxs as jsxs225 } from "react/jsx-runtime";
-var MOBILE_NAV_PANEL_ID = "mobile-nav-panel";
-function MobileNavPanel({ isOpen, config }) {
-  const panelRef = useRef47(null);
-  usePreventScroll3({ isDisabled: !isOpen });
-  useFocusTrap(panelRef, isOpen, { onEscape: config.onClose });
-  const headerHeight = useHeaderHeight(64, { enabled: isOpen });
-  if (!isOpen) return null;
-  const renderNavigationItem = (item) => {
-    if (item.element) {
-      return /* @__PURE__ */ jsx289("div", { children: item.element }, item.id);
-    }
-    const handleClick = () => {
-      if (item.onClick) {
-        item.onClick();
-      }
-      config.onClose?.();
-    };
-    if (item.href) {
-      return /* @__PURE__ */ jsx289(
-        Button,
-        {
-          variant: "outline",
-          size: "small-legacy",
-          href: item.href,
-          onClick: handleClick,
-          leftIcon: item.icon,
-          rightIcon: item.badge,
-          className: cn(
-            "justify-start h-12 px-4 bg-transparent border-none text-ods-text-primary hover:bg-ods-bg-hover gap-3 rounded-md transition-colors",
-            item.isActive ? "bg-ods-bg-hover" : ""
-          ),
-          children: item.label
-        },
-        item.id
-      );
-    }
-    return /* @__PURE__ */ jsxs225(
-      Button,
-      {
-        variant: "outline",
-        size: "small-legacy",
-        onClick: handleClick,
-        leftIcon: item.icon,
-        className: cn(
-          "justify-start h-12 px-4 bg-transparent border-none text-ods-text-primary hover:bg-ods-bg-hover gap-3 rounded-md transition-colors",
-          item.isActive ? "bg-ods-bg-hover" : ""
-        ),
-        children: [
-          /* @__PURE__ */ jsx289("span", { className: "flex-1 text-left", children: item.label }),
-          item.badge !== void 0 && /* @__PURE__ */ jsx289("span", { className: "ml-auto", children: item.badge })
-        ]
-      },
-      item.id
-    );
-  };
-  return /* @__PURE__ */ jsxs225(Fragment56, { children: [
-    /* @__PURE__ */ jsx289(
-      "div",
-      {
-        className: cn("fixed inset-0 z-[9998]", OVERLAY_BACKDROP_CLASS),
-        onClick: config.onClose
-      }
-    ),
-    /* @__PURE__ */ jsxs225(
-      "div",
-      {
-        ref: panelRef,
-        id: MOBILE_NAV_PANEL_ID,
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": "Navigation menu",
-        tabIndex: -1,
-        style: { "--mobile-nav-top": `${headerHeight + 16}px` },
-        className: cn(
-          "fixed z-[9999] rounded-lg shadow-xl",
-          config.className ? "" : "bg-ods-card border border-ods-border",
-          // Responsive positioning and sizing — LEFT-anchored from md, flush
-          // under the burger cell at the left edge of the unified
-          // top-navigation (a larger inset read as a stray gap between the
-          // burger and its panel).
-          "right-2 left-2 md:right-auto",
-          "md:left-2 md:w-[400px] md:max-w-[calc(100vw-1rem)]",
-          // Small-viewport (svh) sizing anchored below the measured header —
-          // 100vh overflowed under mobile browser chrome, leaving the bottom
-          // entries and footer unreachable while the body was scroll-locked.
-          "top-[var(--mobile-nav-top)]",
-          "max-h-[calc(100svh-var(--mobile-nav-top)-50px)] md:max-h-[calc(100svh-var(--mobile-nav-top)-8px)]",
-          "flex flex-col",
-          config.className || ""
-        ),
-        onClick: (e) => e.stopPropagation(),
-        children: [
-          /* @__PURE__ */ jsx289("div", { className: "flex justify-end p-2 border-b border-ods-border flex-shrink-0", children: /* @__PURE__ */ jsx289(
-            Button,
-            {
-              "aria-label": "Close menu",
-              size: "icon",
-              variant: "transparent",
-              leftIcon: /* @__PURE__ */ jsx289(X10, { className: "w-4 h-4 text-ods-text-primary" }),
-              onClick: config.onClose,
-              className: "hover:bg-ods-bg-hover"
-            }
-          ) }),
-          /* @__PURE__ */ jsx289("div", { className: "flex-1 overflow-y-auto overflow-x-hidden overscroll-contain px-2 py-2", children: /* @__PURE__ */ jsx289("div", { className: "flex flex-col space-y-1", children: config.sections.map((section, index) => /* @__PURE__ */ jsxs225("div", { children: [
-            section.title && /* @__PURE__ */ jsx289("div", { className: "px-4 pt-2 pb-1 text-h6 font-semibold uppercase text-ods-text-secondary", children: section.title }),
-            /* @__PURE__ */ jsx289("div", { className: "flex flex-col gap-1", children: section.items.map(renderNavigationItem) })
-          ] }, index)) }) }),
-          config.footer && /* @__PURE__ */ jsx289("div", { className: "border-t border-ods-border p-4 pb-[max(1rem,env(safe-area-inset-bottom))] flex-shrink-0", children: config.footer })
-        ]
-      }
-    )
-  ] });
-}
-
 // src/components/navigation/top-navigation.tsx
 init_cn();
 import { jsx as jsx290, jsxs as jsxs226 } from "react/jsx-runtime";
@@ -40203,6 +40203,7 @@ function TopNavigation({
 
 // src/components/navigation/header.tsx
 import { Fragment as Fragment57, jsx as jsx291, jsxs as jsxs227 } from "react/jsx-runtime";
+var NAV_ITEM_CLASSES = "text-h6 [&_svg]:h-6 [&_svg]:w-6";
 function Header2({ config, platform }) {
   const [show, setShow] = useState90(true);
   const [lastScrollY, setLastScrollY] = useState90(0);
@@ -40292,9 +40293,10 @@ function Header2({ config, platform }) {
             size: "default",
             font: "regular",
             className: cn(
-              // Top-level nav links: the default-size button with the h4
-              // (DM Sans 500) `font="regular"` label — Figma 133-740, added
-              // for navigation; dropdown children stay on the h6 step.
+              // Top-level nav links (Figma 2936-6815): compact h6 label
+              // (DM Sans 500, 14/20) with 24px icons — overrides the
+              // font="regular" h4 step and the button's 20px svg cap.
+              NAV_ITEM_CLASSES,
               item.isActive && "bg-ods-bg-hover",
               // Active items get subtle gray background
               isOpen && "bg-ods-bg-hover",
@@ -40337,7 +40339,11 @@ function Header2({ config, platform }) {
                   },
                   className: cn(
                     "flex justify-start w-full",
-                    "text-h6 font-bold",
+                    // Same caption step as the top-level nav links (designer:
+                    // dropdowns follow the h6 caption size/weight too). The
+                    // explicit font-medium beats small-legacy's font-bold via
+                    // tailwind-merge instead of stylesheet order.
+                    "text-h6 font-medium",
                     index < (item.children?.length ?? 0) - 1 && "mb-1",
                     "text-ods-text-primary",
                     // All dropdown items use primary text color
@@ -40370,6 +40376,7 @@ function Header2({ config, platform }) {
           size: "default",
           font: "regular",
           className: cn(
+            NAV_ITEM_CLASSES,
             "hover:bg-ods-bg-hover focus:bg-ods-bg-hover",
             "whitespace-nowrap",
             "text-ods-text-primary",
@@ -40394,6 +40401,7 @@ function Header2({ config, platform }) {
         size: "default",
         font: "regular",
         className: cn(
+          NAV_ITEM_CLASSES,
           "hover:bg-ods-bg-hover focus:bg-ods-bg-hover",
           "whitespace-nowrap",
           "text-ods-text-primary",
@@ -40408,7 +40416,6 @@ function Header2({ config, platform }) {
     );
   };
   const hasNav = !!config.navigation && config.navigation.items.length > 0;
-  const hasLeftCells = !!config.actions?.left?.length;
   const hasCta = !!config.actions?.right?.length || !!(config.actions?.persistent && config.actions.persistent.length > 0);
   return /* @__PURE__ */ jsx291(
     "div",
@@ -40443,7 +40450,7 @@ function Header2({ config, platform }) {
             )
           ] }),
           logo: /* @__PURE__ */ jsx291(next_link_default, { href: config.logo.href, className: "transition-opacity duration-200 hover:opacity-80", children: config.logo.element }),
-          logoClassName: cn("md:pl-[var(--spacing-system-mf)]", hasLeftCells && "lg:pl-[var(--spacing-system-l)]"),
+          logoClassName: "pl-[var(--spacing-system-lf)] md:pl-[var(--spacing-system-lf)] lg:pl-[var(--spacing-system-lf)]",
           center: hasNav ? /* @__PURE__ */ jsx291(
             "nav",
             {
@@ -60655,6 +60662,8 @@ export {
   TicketInfoSection,
   FilterPillRow,
   MingoAiButton,
+  MOBILE_NAV_PANEL_ID,
+  MobileNavPanel,
   useOptionalTicketLive,
   useTicketLive,
   TicketLiveProvider,
@@ -60663,8 +60672,6 @@ export {
   TICKET_MARK_READ_DEBOUNCE_MS,
   TOAST_COPY,
   TicketAlertsButton,
-  MOBILE_NAV_PANEL_ID,
-  MobileNavPanel,
   TopNavigation,
   Header2 as Header,
   HeaderSkeleton,
@@ -60697,4 +60704,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-AEELJC4N.js.map
+//# sourceMappingURL=chunk-FEGEC6FY.js.map