@flamingo-stack/openframe-frontend-core 0.0.568 → 0.0.569-snapshot.20260827034838

package/dist/{chunk-EYXZF46V.js → chunk-5NVVVIHJ.js}

@@ -19,6 +19,7 @@ import {
   getHashTargetElement,
   getSmallPlatformIcon,
   isBlankLine,
+  isFigmaSlidesUrl,
   navigateSamePageHash,
   progressColorByVariant,
   scanHeadings,
@@ -26,10 +27,14 @@ import {
   slugifyHeadingBase,
   slugifyHeadingText,
   stripHeadingEmojis,
+  toClaudeEmbedUrl,
+  toFigmaEmbedUrl,
+  toFigmaOriginalUrl,
   toolLabels,
   useAuthedAssetSrc,
   useAuthedImageSrc,
   useAutoLimitTags,
+  useClaudeMirrorSrc,
   useCopyToClipboard,
   useDebounce,
   useDeferredError,
@@ -53,7 +58,7 @@ import {
   useResetOnPageHidden,
   useSuppressCloneFocus,
   useToast
-} from "./chunk-ZNEVGXMU.js";
+} from "./chunk-YFLKONLB.js";
 import {
   init_next_navigation,
   usePathname,
@@ -242,7 +247,7 @@ import {
 import {
   useChatRuntime,
   useRequiredChatRuntime
-} from "./chunk-UWY722RH.js";
+} from "./chunk-MR6RRXSD.js";
 import {
   COLLISION_PADDING_PX,
   Checkbox,
@@ -294,7 +299,7 @@ import {
 
 // src/components/pagination.tsx
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight6, MoreHorizontal as MoreHorizontal2 } from "lucide-react";
-import * as React127 from "react";
+import * as React128 from "react";
 import { jsx as jsx342, jsxs as jsxs267 } from "react/jsx-runtime";
 var Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationEllipsis, PaginationPrevious, PaginationNext;
 var init_pagination = __esm({
@@ -386,19 +391,19 @@ var init_pagination = __esm({
         ) })
       ] }) });
     };
-    PaginationContent = React127.forwardRef(
+    PaginationContent = React128.forwardRef(
       ({ className, ...props }, ref) => {
         return /* @__PURE__ */ jsx342("ul", { ref, className: cn("flex items-center justify-center", className), ...props });
       }
     );
     PaginationContent.displayName = "PaginationContent";
-    PaginationItem = React127.forwardRef(
+    PaginationItem = React128.forwardRef(
       ({ className, ...props }, ref) => {
         return /* @__PURE__ */ jsx342("li", { ref, className: cn("", className), ...props });
       }
     );
     PaginationItem.displayName = "PaginationItem";
-    PaginationLink = React127.forwardRef(
+    PaginationLink = React128.forwardRef(
       ({ className, ...props }, ref) => {
         return /* @__PURE__ */ jsx342(
           "button",
@@ -414,7 +419,7 @@ var init_pagination = __esm({
       }
     );
     PaginationLink.displayName = "PaginationLink";
-    PaginationEllipsis = React127.forwardRef(
+    PaginationEllipsis = React128.forwardRef(
       ({ className, ...props }, ref) => {
         return /* @__PURE__ */ jsxs267(
           "span",
@@ -431,7 +436,7 @@ var init_pagination = __esm({
       }
     );
     PaginationEllipsis.displayName = "PaginationEllipsis";
-    PaginationPrevious = React127.forwardRef(
+    PaginationPrevious = React128.forwardRef(
       ({ className, ...props }, ref) => {
         return /* @__PURE__ */ jsxs267(Button, { ref, variant: "outline", size: "icon", className: cn("h-10 w-10", className), ...props, children: [
           /* @__PURE__ */ jsx342(ChevronLeft2, { className: "h-4 w-4" }),
@@ -440,7 +445,7 @@ var init_pagination = __esm({
       }
     );
     PaginationPrevious.displayName = "PaginationPrevious";
-    PaginationNext = React127.forwardRef(
+    PaginationNext = React128.forwardRef(
       ({ className, ...props }, ref) => {
         return /* @__PURE__ */ jsxs267(Button, { ref, variant: "outline", size: "icon", className: cn("h-10 w-10", className), ...props, children: [
           /* @__PURE__ */ jsx342(ChevronRight6, { className: "h-4 w-4" }),
@@ -1857,7 +1862,11 @@ var URL_ATTRS = /* @__PURE__ */ new Set([
   "poster",
   "data",
   "action",
-  "background"
+  "background",
+  // The embed shortcodes' primary url (`data-url` → `dataUrl`) — it
+  // becomes an anchor href ("Open in Claude") and a link-preview fetch
+  // target, so a `javascript:`/`data:` scheme there is a live sink too.
+  "dataurl"
 ]);
 function srcsetHasUnsafeCandidate(srcset) {
   for (const candidate of srcset.split(",")) {
@@ -17208,7 +17217,7 @@ function OnboardingGuideCard({
 }
 
 // src/components/chat/entity-cards/roadmap-card.tsx
-import { useState as useState120 } from "react";
+import { useState as useState121 } from "react";
 import { ThumbsUp, ThumbsDown } from "lucide-react";
 
 // src/components/chat/entity-cards/roadmap-vote-button.tsx
@@ -17310,7 +17319,7 @@ function AvatarStack({
 init_button();
 
 // src/components/ui/image-gallery-modal.tsx
-import { useState as useState119, useEffect as useEffect91 } from "react";
+import { useState as useState120, useEffect as useEffect92 } from "react";
 
 // src/components/ui/allowed-domains-input.tsx
 init_cn();
@@ -23484,7 +23493,7 @@ var Progress = React80.forwardRef(({ className, value, indicatorClassName, ...pr
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/ui/release-changelog-section.tsx
-import { useState as useState57 } from "react";
+import { useState as useState58 } from "react";
 import { ChevronDown as ChevronDown5 } from "lucide-react";
 
 // src/components/ui/markdown/rich/rich-markdown-renderer.tsx
@@ -24820,72 +24829,113 @@ var OGLinkPreview = ({
 };
 
 // src/components/embeds/figma-embed.tsx
-import { useState as useState55 } from "react";
+import { useState as useState56 } from "react";
 import { ExternalLink as ExternalLink3, Play as Play3, LayoutGrid } from "lucide-react";
 
-// src/utils/embed-url-converters.ts
-function toGoogleSheetsEmbedUrl(url) {
-  if (url.includes("/htmlembed")) return url;
-  const match2 = url.match(/\/spreadsheets\/d\/([a-zA-Z0-9-_]+)/);
-  if (!match2) return url;
-  const gidMatch = url.match(/[#?&]gid=(\d+)/);
-  const gid = gidMatch ? gidMatch[1] : "0";
-  return `https://docs.google.com/spreadsheets/d/${match2[1]}/htmlembed?widget=true&chrome=false&headers=false&gid=${gid}`;
-}
-function toGoogleSheetsOriginalUrl(url) {
-  const match2 = url.match(/\/spreadsheets\/d\/([a-zA-Z0-9-_]+)/);
-  if (!match2) return url;
-  const gidMatch = url.match(/[#?&]gid=(\d+)/);
-  const gid = gidMatch ? gidMatch[1] : "0";
-  return `https://docs.google.com/spreadsheets/d/${match2[1]}/edit#gid=${gid}`;
-}
-function toFigmaEmbedUrl(url, opts) {
-  if (url.includes("embed.figma.com")) return url;
-  if (url.includes("figma.com/embed")) return url;
-  const match2 = url.match(
-    /figma\.com\/(design|file|proto|board|slides|deck)\/([a-zA-Z0-9]+)(?:\/([^?]*))?(\?.*)?$/
-  );
-  if (match2) {
-    const [, urlType, fileKey, titleSlug, queryString] = match2;
-    const isSlides = urlType === "slides" || urlType === "deck";
-    const embedType = urlType === "proto" ? "proto" : isSlides ? opts?.slidesView === "browse" ? "slides" : "deck" : "design";
-    const pathSuffix = titleSlug ? `/${titleSlug}` : "";
-    const params = new URLSearchParams(queryString?.replace(/^\?/, "") || "");
-    if (!params.has("embed-host")) {
-      params.set("embed-host", "flamingo");
-    }
-    const clientId = process.env.NEXT_PUBLIC_FIGMA_CLIENT_ID;
-    if (clientId && !params.has("client-id")) {
-      params.set("client-id", clientId);
-    }
-    return `https://embed.figma.com/${embedType}/${fileKey}${pathSuffix}?${params.toString()}`;
-  }
-  return `https://www.figma.com/embed?embed-host=flamingo&url=${encodeURIComponent(url)}`;
-}
-function isFigmaSlidesUrl(url) {
-  if (!url) return false;
-  return /(?:www\.|embed\.)?figma\.com\/(?:slides|deck)\/[a-zA-Z0-9]+/.test(url);
-}
-function toFigmaOriginalUrl(url) {
-  if (url.includes("embed.figma.com")) {
-    return url.replace("embed.figma.com", "www.figma.com").replace(/\?.*$/, "");
+// src/components/embeds/embed-viewer-frame.tsx
+init_cn();
+import { useEffect as useEffect46, useRef as useRef36, useState as useState55 } from "react";
+import { Loader2 as Loader22, Maximize2, Minimize2 } from "lucide-react";
+
+// src/utils/fullscreen-switch.ts
+var fullscreenElementOf = (doc) => doc.fullscreenElement ?? doc.webkitFullscreenElement ?? null;
+var DEFAULT_QUIET_MS = 200;
+var DEFAULT_CAP_MS = 1e3;
+var FullscreenSwitchController = class {
+  constructor(opts) {
+    this.opts = opts;
+    this.quietTimer = 0;
+    this.capTimer = 0;
+    this.attached = false;
+    /** Mask first (pre-emptive — see header), then request/exit. */
+    this.toggle = () => {
+      const doc = document;
+      this.beginSwitch();
+      if (fullscreenElementOf(doc)) {
+        if (doc.exitFullscreen) doc.exitFullscreen().catch(() => {
+        });
+        else doc.webkitExitFullscreen?.();
+      } else {
+        const el = this.opts.target?.() ?? document.documentElement;
+        if (el.requestFullscreen) el.requestFullscreen({ navigationUI: "hide" }).catch(() => {
+        });
+        else el.webkitRequestFullscreen?.();
+      }
+    };
+    /** Raise the mask + start tracking. Idempotent — safe from the pre-emptive
+     *  paths (toggle, Escape) AND again from the change event. */
+    this.beginSwitch = () => {
+      if (this.opts.switchingClass) document.documentElement.classList.add(this.opts.switchingClass);
+      window.addEventListener("resize", this.onResize);
+      window.clearTimeout(this.capTimer);
+      this.capTimer = window.setTimeout(this.endSwitch, this.opts.capMs ?? DEFAULT_CAP_MS);
+    };
+    this.endSwitch = () => {
+      window.clearTimeout(this.quietTimer);
+      window.clearTimeout(this.capTimer);
+      window.removeEventListener("resize", this.onResize);
+      this.opts.onGeometryPulse?.();
+      if (this.opts.switchingClass) document.documentElement.classList.remove(this.opts.switchingClass);
+    };
+    this.armQuiet = () => {
+      window.clearTimeout(this.quietTimer);
+      this.quietTimer = window.setTimeout(this.endSwitch, this.opts.quietMs ?? DEFAULT_QUIET_MS);
+    };
+    this.onResize = () => {
+      this.opts.onGeometryPulse?.();
+      this.armQuiet();
+    };
+    /** Escape is the one exit path that skips toggle() — pre-mask on the
+     *  keydown (capture phase), before the browser begins the swap. */
+    this.onEscape = (e) => {
+      if (e.key === "Escape" && this.isFullscreen) this.beginSwitch();
+    };
+    this.onChange = () => {
+      const fs = this.isFullscreen;
+      if (this.opts.activeClass) document.documentElement.classList.toggle(this.opts.activeClass, fs);
+      this.beginSwitch();
+      requestAnimationFrame(() => this.opts.onGeometryPulse?.());
+      this.armQuiet();
+      this.opts.onFullscreenChange(fs);
+    };
   }
-  return url.replace(/\?.*$/, "");
-}
-function toClaudeEmbedUrl(url) {
-  if (!url) return null;
-  try {
-    const u = new URL(url);
-    const host = u.hostname.toLowerCase();
-    const publicId = host === "claude.ai" && /^\/public\/artifacts\/([\w-]+)(?:\/embed)?\/?$/.exec(u.pathname)?.[1] || host === "claude.site" && /^\/artifacts\/([\w-]+)(?:\/embed)?\/?$/.exec(u.pathname)?.[1] || null;
-    return publicId ? `https://claude.ai/public/artifacts/${publicId}/embed` : null;
-  } catch {
-    return null;
+  /** SSR-safe feature detection — call post-mount to gate the affordance. */
+  static isSupported() {
+    if (typeof document === "undefined") return false;
+    const doc = document;
+    const el = document.documentElement;
+    return Boolean(el.requestFullscreen || el.webkitRequestFullscreen) && (doc.fullscreenEnabled ?? doc.webkitFullscreenEnabled ?? true) !== false;
+  }
+  get isFullscreen() {
+    const fs = fullscreenElementOf(document);
+    const target = this.opts.target?.();
+    return target ? fs === target : Boolean(fs);
+  }
+  attach() {
+    if (this.attached) return;
+    this.attached = true;
+    const doc = document;
+    doc.addEventListener("fullscreenchange", this.onChange);
+    doc.addEventListener("webkitfullscreenchange", this.onChange);
+    window.addEventListener("keydown", this.onEscape, true);
+  }
+  detach() {
+    if (!this.attached) return;
+    this.attached = false;
+    const doc = document;
+    doc.removeEventListener("fullscreenchange", this.onChange);
+    doc.removeEventListener("webkitfullscreenchange", this.onChange);
+    window.removeEventListener("keydown", this.onEscape, true);
+    window.removeEventListener("resize", this.onResize);
+    window.clearTimeout(this.quietTimer);
+    window.clearTimeout(this.capTimer);
+    if (this.opts.activeClass) doc.documentElement.classList.remove(this.opts.activeClass);
+    if (this.opts.switchingClass) doc.documentElement.classList.remove(this.opts.switchingClass);
   }
-}
+};
 
 // src/components/embeds/embed-viewer-frame.tsx
-init_cn();
+init_button();
 
 // src/components/embeds/embed-iframe.tsx
 import { useState as useState54, useCallback as useCallback22, useRef as useRef35, useEffect as useEffect45 } from "react";
@@ -24964,54 +25014,116 @@ function EmbedViewerFrame({
   titleVariant = "h3",
   actions,
   src,
+  isLoading,
   emptyIcon,
   emptyMessage = "Content not available",
+  loadingMessage = "Loading\u2026",
   height,
   allow,
   allowFullScreen,
   loading,
   sandbox,
-  className
+  className,
+  fullscreenControl
 }) {
-  return /* @__PURE__ */ jsxs130("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs130("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
-      /* @__PURE__ */ jsxs130("div", { className: "flex items-center gap-2 min-w-0", children: [
-        icon,
-        titleVariant === "h3" ? /* @__PURE__ */ jsx170("h2", { className: "text-h3 text-ods-text-primary truncate", children: title }) : /* @__PURE__ */ jsx170("span", { className: "text-h6 font-semibold text-ods-text-primary truncate", children: title })
-      ] }),
-      actions
-    ] }),
-    src ? /* @__PURE__ */ jsx170(
-      EmbedIframe,
-      {
-        src,
-        title,
-        height,
-        allow,
-        allowFullScreen,
-        loading,
-        sandbox
-      }
-    ) : (
-      // The SAME box the iframe would have filled: same height, same rounded
-      // border. A viewer whose content is missing must not collapse the page
-      // around it — two embeds side by side (a figma frame and a claude link
-      // that has no embeddable view) have to read as two equal blocks.
-      // Without a `height` the caller never asked for a fixed box, so the
-      // intrinsic `py-16` stands.
-      /* @__PURE__ */ jsxs130(
-        "div",
-        {
-          className: "flex flex-col items-center justify-center rounded-lg border border-ods-border px-4 py-16 text-center",
-          style: height ? { height } : void 0,
-          children: [
-            emptyIcon,
-            /* @__PURE__ */ jsx170("p", { className: "text-ods-text-secondary", children: emptyMessage })
-          ]
-        }
-      )
-    )
-  ] });
+  const frameRef = useRef36(null);
+  const [isFullscreen, setIsFullscreen] = useState55(false);
+  const controllerRef = useRef36(null);
+  useEffect46(() => {
+    if (!fullscreenControl) return;
+    const controller = new FullscreenSwitchController({
+      target: () => frameRef.current,
+      onFullscreenChange: setIsFullscreen
+    });
+    controllerRef.current = controller;
+    controller.attach();
+    return () => {
+      controllerRef.current = null;
+      controller.detach();
+    };
+  }, [fullscreenControl]);
+  const toggleFullscreen = () => controllerRef.current?.toggle();
+  return /* @__PURE__ */ jsxs130(
+    "div",
+    {
+      ref: frameRef,
+      className: cn(
+        "space-y-[var(--spacing-system-mf)]",
+        className,
+        // Fullscreen paints its own ground (the fullscreened element
+        // otherwise sits on the UA's black backdrop) and scrolls itself.
+        isFullscreen && "overflow-auto bg-ods-bg p-[var(--spacing-system-mf)]"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs130("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
+          /* @__PURE__ */ jsxs130("div", { className: "flex items-center gap-2 min-w-0", children: [
+            icon,
+            titleVariant === "h3" ? /* @__PURE__ */ jsx170("h2", { className: "text-h3 text-ods-text-primary truncate", children: title }) : /* @__PURE__ */ jsx170("span", { className: "text-h6 font-semibold text-ods-text-primary truncate", children: title })
+          ] }),
+          fullscreenControl && src ? /* @__PURE__ */ jsxs130("div", { className: "flex flex-col gap-[var(--spacing-system-xsf)] sm:flex-row sm:items-center", children: [
+            actions,
+            /* @__PURE__ */ jsx170(
+              Button,
+              {
+                variant: "outline",
+                size: "small-legacy",
+                onClick: toggleFullscreen,
+                "aria-label": isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
+                leftIcon: isFullscreen ? /* @__PURE__ */ jsx170(Minimize2, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx170(Maximize2, { className: "w-4 h-4" }),
+                className: "w-full sm:w-auto",
+                children: isFullscreen ? "Exit fullscreen" : "Fullscreen"
+              }
+            )
+          ] }) : actions
+        ] }),
+        src ? /* @__PURE__ */ jsx170(
+          EmbedIframe,
+          {
+            src,
+            title,
+            height: isFullscreen ? "calc(100vh - 96px)" : height,
+            allow,
+            allowFullScreen,
+            loading,
+            sandbox
+          }
+        ) : isLoading ? (
+          // SAME box as the empty/iframe state (height + border), so a viewer
+          // resolving its frame doesn't collapse then jump — it reads as
+          // "loading" and settles into the iframe in place.
+          /* @__PURE__ */ jsxs130(
+            "div",
+            {
+              className: "flex flex-col items-center justify-center gap-3 rounded-lg border border-ods-border px-4 py-16 text-center",
+              style: height ? { height } : void 0,
+              children: [
+                /* @__PURE__ */ jsx170(Loader22, { className: "h-8 w-8 animate-spin text-ods-accent" }),
+                /* @__PURE__ */ jsx170("p", { className: "text-ods-text-secondary", children: loadingMessage })
+              ]
+            }
+          )
+        ) : (
+          // The SAME box the iframe would have filled: same height, same rounded
+          // border. A viewer whose content is missing must not collapse the page
+          // around it — two embeds side by side (a figma frame and a claude link
+          // that has no embeddable view) have to read as two equal blocks.
+          // Without a `height` the caller never asked for a fixed box, so the
+          // intrinsic `py-16` stands.
+          /* @__PURE__ */ jsxs130(
+            "div",
+            {
+              className: "flex flex-col items-center justify-center rounded-lg border border-ods-border px-4 py-16 text-center",
+              style: height ? { height } : void 0,
+              children: [
+                emptyIcon,
+                /* @__PURE__ */ jsx170("p", { className: "text-ods-text-secondary", children: emptyMessage })
+              ]
+            }
+          )
+        )
+      ]
+    }
+  );
 }
 
 // src/components/embeds/figma-embed.tsx
@@ -25054,7 +25166,7 @@ function SlidesViewToggle({
   );
 }
 function FigmaEmbed({ url, title, height, loading = "lazy" }) {
-  const [view, setView] = useState55("present");
+  const [view, setView] = useState56("present");
   const isSlides = url ? isFigmaSlidesUrl(url) : false;
   const embedSrc = url ? toFigmaEmbedUrl(url, { slidesView: view }) : null;
   const originalUrl = (() => {
@@ -25113,7 +25225,9 @@ var KIND_HEADING = {
   design: "Claude Design"
 };
 function ClaudeEmbed({ url, kind = "artifact", title, height, loading = "lazy" }) {
-  const embedUrl = toClaudeEmbedUrl(url);
+  const { src: mirrorSrc, status } = useClaudeMirrorSrc(url);
+  const isProbing = status === "probing";
+  const embedUrl = isProbing ? null : mirrorSrc ?? toClaudeEmbedUrl(url);
   return /* @__PURE__ */ jsx172(
     EmbedViewerFrame,
     {
@@ -25121,6 +25235,8 @@ function ClaudeEmbed({ url, kind = "artifact", title, height, loading = "lazy" }
       icon: /* @__PURE__ */ jsx172(ClaudeIcon, { className: "w-5 h-5 shrink-0" }),
       title: title?.trim() || KIND_HEADING[kind],
       titleVariant: "h6",
+      isLoading: isProbing,
+      loadingMessage: "Loading artifact\u2026",
       actions: /* @__PURE__ */ jsx172(
         Button,
         {
@@ -25135,10 +25251,11 @@ function ClaudeEmbed({ url, kind = "artifact", title, height, loading = "lazy" }
         }
       ),
       src: embedUrl,
+      fullscreenControl: true,
       loading,
       height,
       allow: "clipboard-write; clipboard-read; fullscreen",
-      sandbox: "allow-scripts allow-same-origin allow-popups allow-forms",
+      sandbox: mirrorSrc ? "allow-scripts allow-popups allow-forms" : "allow-scripts allow-same-origin allow-popups allow-forms",
       allowFullScreen: true,
       emptyIcon: /* @__PURE__ */ jsx172(ClaudeIcon, { className: "w-16 h-16 mb-4" }),
       emptyMessage: "Open this one in Claude \xB7 it has no embeddable view"
@@ -25147,14 +25264,14 @@ function ClaudeEmbed({ url, kind = "artifact", title, height, loading = "lazy" }
 }
 
 // src/components/embeds/markdown-image.tsx
-import { useEffect as useEffect46, useState as useState56 } from "react";
+import { useEffect as useEffect47, useState as useState57 } from "react";
 import { jsx as jsx173 } from "react/jsx-runtime";
 var MAX_H_REM = 32;
 var DISPLAY_W = 768;
 function MarkdownImage({ src, alt }) {
   const { transformImageSrc } = useRichMarkdownRuntime();
-  const [ratio, setRatio] = useState56(null);
-  useEffect46(() => {
+  const [ratio, setRatio] = useState57(null);
+  useEffect47(() => {
     let cancelled = false;
     setRatio(null);
     const probeSrc = transformImageSrc(src, { width: 48, resize: "contain", quality: 20 }) ?? src;
@@ -25641,7 +25758,7 @@ function ReleaseChangelogSection({
   icon,
   MarkdownRenderer = RichMarkdownRenderer
 }) {
-  const [collapsed, setCollapsed] = useState57(collapsible ? defaultCollapsed : false);
+  const [collapsed, setCollapsed] = useState58(collapsible ? defaultCollapsed : false);
   if (!entries || entries.length === 0) return null;
   const inPreviewMode = previewFirst && !collapsible;
   const showEntries = !collapsible || !collapsed;
@@ -25837,7 +25954,7 @@ function StatusIndicator({ status, label, href }) {
 }
 
 // src/components/ui/hover-dropdown.tsx
-import { useState as useState58, useRef as useRef36, useCallback as useCallback24 } from "react";
+import { useState as useState59, useRef as useRef37, useCallback as useCallback24 } from "react";
 import { Fragment as Fragment39, jsx as jsx180, jsxs as jsxs137 } from "react/jsx-runtime";
 function DefaultAnchor({
   href,
@@ -25854,9 +25971,9 @@ function HoverDropdown({
   className,
   renderAnchor
 }) {
-  const [open, setOpen] = useState58(false);
-  const timeoutRef = useRef36(void 0);
-  const containerRef = useRef36(null);
+  const [open, setOpen] = useState59(false);
+  const timeoutRef = useRef37(void 0);
+  const containerRef = useRef37(null);
   const show = useCallback24(() => {
     clearTimeout(timeoutRef.current);
     setOpen(true);
@@ -25989,11 +26106,11 @@ function BackButton({ label = "Back", className, type = "button", ...props }) {
 
 // src/components/layout/list-page-layout.tsx
 init_cn();
-import { useEffect as useEffect48, useState as useState60 } from "react";
+import { useEffect as useEffect49, useState as useState61 } from "react";
 
 // src/components/ui/filter-modal.tsx
 init_cn();
-import { useEffect as useEffect47, useState as useState59 } from "react";
+import { useEffect as useEffect48, useState as useState60 } from "react";
 init_button2();
 
 // src/components/ui/filter-checkbox-item.tsx
@@ -26190,15 +26307,15 @@ function FilterModal({
   emptyStateTitle = "No filters available",
   emptyStateDescription = "There are no filter options to display at the moment"
 }) {
-  const [selectedFilters, setSelectedFilters] = useState59(() => {
+  const [selectedFilters, setSelectedFilters] = useState60(() => {
     return { ...currentFilters };
   });
-  const [pendingTags, setPendingTags] = useState59(selectedTags ?? []);
+  const [pendingTags, setPendingTags] = useState60(selectedTags ?? []);
   const dateDefaultSort = dateFilter?.defaultSort ?? "desc";
-  const [draftDateSort, setDraftDateSort] = useState59(dateFilter?.sort ?? dateDefaultSort);
-  const [draftDateRange, setDraftDateRange] = useState59(dateFilter?.range);
+  const [draftDateSort, setDraftDateSort] = useState60(dateFilter?.sort ?? dateDefaultSort);
+  const [draftDateRange, setDraftDateRange] = useState60(dateFilter?.range);
   const { scrollRef, fadeTop, fadeBottom, update: updateFade } = useScrollFade();
-  useEffect47(() => {
+  useEffect48(() => {
     if (isOpen) {
       setSelectedFilters({ ...currentFilters });
       setPendingTags(selectedTags ?? []);
@@ -26357,7 +26474,7 @@ init_cn();
 
 // src/components/ui/page-actions.tsx
 init_cn();
-import React86 from "react";
+import React87 from "react";
 init_button2();
 import { Fragment as Fragment41, jsx as jsx186, jsxs as jsxs143 } from "react/jsx-runtime";
 function actionKey(action, idx) {
@@ -26537,7 +26654,7 @@ function IconButtonsVariant({
     /* @__PURE__ */ jsxs143("div", { className: cn("hidden md:flex items-center", ACTIONS_GAP, className), children: [
       selector,
       loading ? /* @__PURE__ */ jsx186(ActionSkeletons, { actions: desktopActions }) : /* @__PURE__ */ jsxs143(Fragment41, { children: [
-        desktopActions.map((action, idx) => /* @__PURE__ */ jsx186(React86.Fragment, { children: renderActionButton(action) }, actionKey(action, idx))),
+        desktopActions.map((action, idx) => /* @__PURE__ */ jsx186(React87.Fragment, { children: renderActionButton(action) }, actionKey(action, idx))),
         hasMenuActions && /* @__PURE__ */ jsx186(ActionsMenuDropdown, { groups: menuActions })
       ] })
     ] }),
@@ -26560,7 +26677,7 @@ function PrimaryButtonsVariant({
       // No overflow trigger in this variant — an unknown action set settles
       // into a labelled button, not a square one.
       /* @__PURE__ */ jsx186(ActionSkeletons, { actions: desktopActions, emptyFallback: "label" })
-    ) : desktopActions.map((action, idx) => /* @__PURE__ */ jsx186(React86.Fragment, { children: renderActionButton(action) }, `desktop-${actionKey(action, idx)}`)) }),
+    ) : desktopActions.map((action, idx) => /* @__PURE__ */ jsx186(React87.Fragment, { children: renderActionButton(action) }, `desktop-${actionKey(action, idx)}`)) }),
     /* @__PURE__ */ jsx186(MobileBottomActions, { actions: sortedActions, loading })
   ] });
 }
@@ -26583,7 +26700,7 @@ function MenuPrimaryVariant({
       selector,
       loading ? /* @__PURE__ */ jsx186(ActionSkeletons, { actions: desktopActions }) : /* @__PURE__ */ jsxs143(Fragment41, { children: [
         hasMenuActions && /* @__PURE__ */ jsx186(ActionsMenuDropdown, { groups: menuActions }),
-        desktopActions.map((action, idx) => /* @__PURE__ */ jsx186(React86.Fragment, { children: renderActionButton({ ...action, variant: action.variant || "accent" }) }, `desktop-${actionKey(action, idx)}`))
+        desktopActions.map((action, idx) => /* @__PURE__ */ jsx186(React87.Fragment, { children: renderActionButton({ ...action, variant: action.variant || "accent" }) }, `desktop-${actionKey(action, idx)}`))
       ] })
     ] }),
     /* @__PURE__ */ jsx186("div", { className: cn("flex md:hidden", className), children: loading ? /* @__PURE__ */ jsx186(MobileTriggerSkeleton, {}) : hasMobileMenuItems ? /* @__PURE__ */ jsx186(ActionsMenuDropdown, { groups: mobileMenuGroups }) : null })
@@ -26598,7 +26715,7 @@ function MobileBottomActions({ actions, loading }) {
     // fixed variant is what keeps the 24px the bar has always had.
     "flex items-start p-[var(--spacing-system-lf)]",
     ACTIONS_GAP
-  ), children: loading ? /* @__PURE__ */ jsx186(ActionSkeletons, { actions, fullWidth: true, emptyFallback: "label" }) : actions.map((action, idx) => /* @__PURE__ */ jsx186(React86.Fragment, { children: renderActionButton(action, { fullWidth: !!action.label }) }, `mobile-${actionKey(action, idx)}`)) });
+  ), children: loading ? /* @__PURE__ */ jsx186(ActionSkeletons, { actions, fullWidth: true, emptyFallback: "label" }) : actions.map((action, idx) => /* @__PURE__ */ jsx186(React87.Fragment, { children: renderActionButton(action, { fullWidth: !!action.label }) }, `mobile-${actionKey(action, idx)}`)) });
 }
 function usePageActionsBottomPadding(variant) {
   return variant === "primary-buttons" || variant === "menu-primary" ? "pb-40 md:pb-0" : "";
@@ -26820,13 +26937,13 @@ function ListPageLayout({
   mobileFilterTitle,
   stickyHeader = false
 }) {
-  const [mobileFilterOpen, setMobileFilterOpen] = useState60(false);
-  const [localSearchValue, setLocalSearchValue] = useState60(searchValue);
+  const [mobileFilterOpen, setMobileFilterOpen] = useState61(false);
+  const [localSearchValue, setLocalSearchValue] = useState61(searchValue);
   const debouncedSearchValue = useDebounce(localSearchValue, 500);
-  useEffect48(() => {
+  useEffect49(() => {
     setLocalSearchValue(searchValue);
   }, [searchValue]);
-  useEffect48(() => {
+  useEffect49(() => {
     if (debouncedSearchValue !== searchValue) {
       onSearch(debouncedSearchValue);
     }
@@ -26899,13 +27016,13 @@ init_cn();
 init_cn();
 
 // src/components/ui/entity-image.tsx
-import React88 from "react";
+import React89 from "react";
 init_cn();
 import { jsx as jsx189 } from "react/jsx-runtime";
 function EntityImage({ src, alt, fallbackText, className }) {
   const resolvedSrc = useAuthedImageSrc(src);
-  const [imageFailed, setImageFailed] = React88.useState(false);
-  React88.useEffect(() => {
+  const [imageFailed, setImageFailed] = React89.useState(false);
+  React89.useEffect(() => {
     setImageFailed(false);
   }, [resolvedSrc]);
   const showFallback = imageFailed || !resolvedSrc;
@@ -27133,12 +27250,12 @@ function ArticleDetailLayout({ children, schemas, contentClassName }) {
 
 // src/components/toggle-group.tsx
 init_cn();
-import * as React90 from "react";
+import * as React91 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 
 // src/components/ui/toggle.tsx
 init_cn();
-import * as React89 from "react";
+import * as React90 from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva9 } from "class-variance-authority";
 import { jsx as jsx193 } from "react/jsx-runtime";
@@ -27162,7 +27279,7 @@ var toggleVariants = cva9(
     }
   }
 );
-var Toggle = React89.forwardRef(({ className, variant, size: size2, ...props }, ref) => /* @__PURE__ */ jsx193(
+var Toggle = React90.forwardRef(({ className, variant, size: size2, ...props }, ref) => /* @__PURE__ */ jsx193(
   TogglePrimitive.Root,
   {
     ref,
@@ -27174,11 +27291,11 @@ Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/toggle-group.tsx
 import { jsx as jsx194 } from "react/jsx-runtime";
-var ToggleGroupContext = React90.createContext({
+var ToggleGroupContext = React91.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React90.forwardRef(({ className, variant, size: size2, children, ...props }, ref) => /* @__PURE__ */ jsx194(
+var ToggleGroup = React91.forwardRef(({ className, variant, size: size2, children, ...props }, ref) => /* @__PURE__ */ jsx194(
   ToggleGroupPrimitive.Root,
   {
     ref,
@@ -27188,8 +27305,8 @@ var ToggleGroup = React90.forwardRef(({ className, variant, size: size2, childre
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React90.forwardRef(({ className, children, variant, size: size2, value, ...props }, ref) => {
-  const context = React90.useContext(ToggleGroupContext);
+var ToggleGroupItem = React91.forwardRef(({ className, children, variant, size: size2, value, ...props }, ref) => {
+  const context = React91.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx194(
     ToggleGroupPrimitive.Item,
     {
@@ -27210,7 +27327,7 @@ var ToggleGroupItem = React90.forwardRef(({ className, children, variant, size:
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/components/ui/benefit-card.tsx
-import React91 from "react";
+import React92 from "react";
 
 // src/utils/index.ts
 init_cn();
@@ -29322,7 +29439,7 @@ var BenefitCardGrid = ({
   className = "",
   columns = 2
 }) => {
-  const childrenArray = React91.Children.toArray(children);
+  const childrenArray = React92.Children.toArray(children);
   const gridClass = columns === 4 ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4" : columns === 3 ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3" : "flex flex-col md:flex-row";
   return /* @__PURE__ */ jsx195("div", { className: cn(
     "bg-ods-card rounded-lg shadow-ods-card border border-ods-border overflow-hidden",
@@ -29343,7 +29460,7 @@ var BenefitCardGrid = ({
     } else {
       borderClass = isLastItem ? "border-b-0" : "border-b md:border-b-0 md:border-r border-ods-border";
     }
-    return React91.cloneElement(child, {
+    return React92.cloneElement(child, {
       key: index,
       className: borderClass
     });
@@ -29352,7 +29469,7 @@ var BenefitCardGrid = ({
 
 // src/components/ui/brand-association-card.tsx
 init_button2();
-import React92 from "react";
+import React93 from "react";
 import { ExternalLink as ExternalLink5 } from "lucide-react";
 import { jsx as jsx196, jsxs as jsxs150 } from "react/jsx-runtime";
 function BrandAssociationCard({
@@ -29360,7 +29477,7 @@ function BrandAssociationCard({
   className = ""
 }) {
   const renderIcon = () => {
-    if (React92.isValidElement(item.icon)) {
+    if (React93.isValidElement(item.icon)) {
       return item.icon;
     }
     const IconComponent = item.icon;
@@ -29461,10 +29578,10 @@ function BulletList({
 
 // src/components/ui/chevron-button.tsx
 init_cn();
-import * as React93 from "react";
+import * as React94 from "react";
 import { ChevronUp as ChevronUp2, ChevronDown as ChevronDown6 } from "lucide-react";
 import { jsx as jsx199 } from "react/jsx-runtime";
-var ChevronButton = React93.forwardRef(
+var ChevronButton = React94.forwardRef(
   ({ className, direction = "down", size: size2 = "md", isExpanded, backgroundColor, borderColor, ...props }, ref) => {
     const Icon2 = (isExpanded ? ChevronUp2 : ChevronDown6) || (direction === "up" ? ChevronUp2 : ChevronDown6);
     const sizeClasses2 = {
@@ -30199,9 +30316,9 @@ function HighlightCardGrid({
 
 // src/components/ui/icons-block.tsx
 init_cn();
-import * as React94 from "react";
+import * as React95 from "react";
 import { jsx as jsx211 } from "react/jsx-runtime";
-var IconsBlock = React94.forwardRef(
+var IconsBlock = React95.forwardRef(
   ({ className, icons = [], size: size2 = "md", ...props }, ref) => {
     const sizeClasses2 = {
       sm: "h-4 w-4",
@@ -30236,7 +30353,7 @@ IconsBlock.displayName = "IconsBlock";
 
 // src/components/ui/dropdown-button.tsx
 init_cn();
-import React95 from "react";
+import React96 from "react";
 init_button2();
 import { jsx as jsx212 } from "react/jsx-runtime";
 function DropdownButton({
@@ -30254,11 +30371,11 @@ function DropdownButton({
   side = "bottom",
   onCloseAutoFocus
 }) {
-  const [open, setOpen] = React95.useState(false);
-  React95.useEffect(() => {
+  const [open, setOpen] = React96.useState(false);
+  React96.useEffect(() => {
     if (disabled || loading) setOpen(false);
   }, [disabled, loading]);
-  const handleOpenChange = React95.useCallback(
+  const handleOpenChange = React96.useCallback(
     (next) => {
       if (next && (disabled || loading)) return;
       setOpen(next);
@@ -30500,14 +30617,14 @@ function OrganizationCard({
 
 // src/components/ui/service-card.tsx
 init_cn();
-import { useMemo as useMemo46, useState as useState103 } from "react";
+import { useMemo as useMemo46, useState as useState104 } from "react";
 import { ExternalLink as ExternalLink9 } from "lucide-react";
 
 // src/components/providers/dynamic-theme-provider.tsx
 import { createContext as createContext7, useContext as useContext7 } from "react";
 
 // src/hooks/use-dynamic-theming.ts
-import { useState as useState61, useEffect as useEffect49 } from "react";
+import { useState as useState62, useEffect as useEffect50 } from "react";
 var defaultTheme = {
   primaryColor: "#FFC008",
   secondaryColor: "#161616",
@@ -30516,9 +30633,9 @@ var defaultTheme = {
   textColor: "#161616"
 };
 function useDynamicTheming() {
-  const [theme, setTheme] = useState61(defaultTheme);
-  const [isDark, setIsDark] = useState61(false);
-  useEffect49(() => {
+  const [theme, setTheme] = useState62(defaultTheme);
+  const [isDark, setIsDark] = useState62(false);
+  useEffect50(() => {
     const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
     setIsDark(mediaQuery.matches);
     const handleChange = (e) => {
@@ -30557,7 +30674,7 @@ function useDynamicTheme() {
 }
 
 // src/components/providers/theme-provider.tsx
-import * as React96 from "react";
+import * as React97 from "react";
 import {
   ThemeProvider as NextThemesProvider,
   useTheme as useNextTheme
@@ -30584,14 +30701,14 @@ function ThemeProvider({ children, ...overrides }) {
 var useTheme = useNextTheme;
 function useThemeToggle() {
   const { resolvedTheme, theme, setTheme } = useTheme();
-  const [mounted, setMounted] = React96.useState(false);
-  React96.useEffect(() => setMounted(true), []);
+  const [mounted, setMounted] = React97.useState(false);
+  React97.useEffect(() => setMounted(true), []);
   const active = mounted ? resolvedTheme === "light" || theme === "light" ? "light" : "dark" : DEFAULT_THEME;
-  const setOdsTheme = React96.useCallback(
+  const setOdsTheme = React97.useCallback(
     (next) => setTheme(next),
     [setTheme]
   );
-  const toggle = React96.useCallback(
+  const toggle = React97.useCallback(
     () => setTheme(active === "dark" ? "light" : "dark"),
     [active, setTheme]
   );
@@ -30606,8 +30723,8 @@ function useThemeToggle() {
 }
 
 // src/components/features/array-entry-manager.tsx
-import { useState as useState63, useEffect as useEffect51 } from "react";
-import { Trash2, Plus as Plus2, Save, Loader2 as Loader22 } from "lucide-react";
+import { useState as useState64, useEffect as useEffect52 } from "react";
+import { Trash2, Plus as Plus2, Save, Loader2 as Loader23 } from "lucide-react";
 import { jsx as jsx217, jsxs as jsxs165 } from "react/jsx-runtime";
 function ArrayEntryManager({
   title,
@@ -30627,14 +30744,14 @@ function ArrayEntryManager({
   titlePlaceholder,
   isSaving = false
 }) {
-  const [draftItems, setDraftItems] = useState63(items);
-  const [isDirty, setIsDirty] = useState63(false);
-  useEffect51(() => {
+  const [draftItems, setDraftItems] = useState64(items);
+  const [isDirty, setIsDirty] = useState64(false);
+  useEffect52(() => {
     if (!isDirty && !isSaving) {
       setDraftItems(items);
     }
   }, [items, isDirty, isSaving]);
-  useEffect51(() => {
+  useEffect52(() => {
     if (onDirtyChange) {
       onDirtyChange(isDirty);
     }
@@ -30691,7 +30808,7 @@ function ArrayEntryManager({
             size: "small-legacy",
             onClick: handleSave,
             disabled: isSaving,
-            leftIcon: isSaving ? /* @__PURE__ */ jsx217(Loader22, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx217(Save, { className: "h-4 w-4" }),
+            leftIcon: isSaving ? /* @__PURE__ */ jsx217(Loader23, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx217(Save, { className: "h-4 w-4" }),
             className: "text-h6 bg-ods-accent text-ods-text-on-accent hover:bg-ods-accent-hover",
             children: isSaving ? "Saving..." : saveButtonText
           }
@@ -30884,10 +31001,10 @@ init_button2();
 
 // src/components/ui/password-input.tsx
 init_cn();
-import * as React97 from "react";
+import * as React98 from "react";
 import { jsx as jsx222 } from "react/jsx-runtime";
-var PasswordInput = React97.forwardRef(({ disabled, className, ...props }, ref) => {
-  const [visible, setVisible] = React97.useState(false);
+var PasswordInput = React98.forwardRef(({ disabled, className, ...props }, ref) => {
+  const [visible, setVisible] = React98.useState(false);
   const Icon2 = visible ? EyeOffIcon : EyeIcon2;
   return /* @__PURE__ */ jsx222(
     Input,
@@ -31769,7 +31886,7 @@ function SsoAuthShell({ children, className }) {
 
 // src/components/features/provider-button.tsx
 init_button2();
-import { useState as useState65 } from "react";
+import { useState as useState66 } from "react";
 import { jsx as jsx233 } from "react/jsx-runtime";
 var PROVIDER_CONFIG = {
   microsoft: {
@@ -31794,7 +31911,7 @@ var PROVIDER_CONFIG = {
   }
 };
 function ProviderButton({ provider, onClick, disabled = false, loading = false }) {
-  const [internalLoading, setInternalLoading] = useState65(false);
+  const [internalLoading, setInternalLoading] = useState66(false);
   const config = PROVIDER_CONFIG[provider];
   const IconComponent = config.icon;
   const isLoading = loading || internalLoading;
@@ -31878,7 +31995,7 @@ function AuthProvidersList({
 
 // src/components/features/changelog-manager.tsx
 import { Trash2 as Trash22, Plus as Plus3, ChevronDown as ChevronDown7, ChevronUp as ChevronUp3, Eye as Eye3, EyeOff } from "lucide-react";
-import { useState as useState66, useEffect as useEffect52 } from "react";
+import { useState as useState67, useEffect as useEffect53 } from "react";
 import { jsx as jsx235, jsxs as jsxs179 } from "react/jsx-runtime";
 function ChangelogManager({
   title,
@@ -31888,8 +32005,8 @@ function ChangelogManager({
   expandAll = false,
   showVisibilityToggle = false
 }) {
-  const [expandedIndices, setExpandedIndices] = useState66(/* @__PURE__ */ new Set());
-  useEffect52(() => {
+  const [expandedIndices, setExpandedIndices] = useState67(/* @__PURE__ */ new Set());
+  useEffect53(() => {
     if (expandAll && entries.length > 0) {
       setExpandedIndices(new Set(entries.map((_, i) => i)));
     }
@@ -32250,7 +32367,7 @@ var ErrorBoundary = class extends Component3 {
 
 // src/components/features/figma-prototype-viewer.tsx
 init_cn();
-import { useState as useState67, useRef as useRef37, useEffect as useEffect53, useCallback as useCallback26, useMemo as useMemo34 } from "react";
+import { useState as useState68, useRef as useRef38, useEffect as useEffect54, useCallback as useCallback26, useMemo as useMemo34 } from "react";
 
 // src/components/features/section-selector.tsx
 init_cn();
@@ -32619,27 +32736,27 @@ var FigmaPrototypeViewer = ({
 }) => {
   const clientId = process.env.NEXT_PUBLIC_FIGMA_CLIENT_ID || "UTQPwZHR9OZp68TTGPFFi5";
   const showDebugPanel = process.env.NEXT_PUBLIC_FIGMA_DEBUG === "true";
-  const iframeRef = useRef37(null);
-  const containerRef = useRef37(null);
-  const navTimerRef = useRef37(null);
-  const touchTimerRef = useRef37(null);
-  const [screenWidth, setScreenWidth] = useState67(
+  const iframeRef = useRef38(null);
+  const containerRef = useRef38(null);
+  const navTimerRef = useRef38(null);
+  const touchTimerRef = useRef38(null);
+  const [screenWidth, setScreenWidth] = useState68(
     typeof window !== "undefined" ? window.innerWidth : DESKTOP_BREAKPOINT
   );
-  const [isTouchDevice, setIsTouchDevice] = useState67(() => {
+  const [isTouchDevice, setIsTouchDevice] = useState68(() => {
     if (typeof window === "undefined") return false;
     return "ontouchstart" in window;
   });
-  const [iframeState, setIframeState] = useState67("INITIAL");
-  const [iframeKey, setIframeKey] = useState67(0);
-  const [isInitialized, setIsInitialized] = useState67(false);
-  const [currentNodeId, setCurrentNodeId] = useState67(null);
-  const [internalActiveSection, setInternalActiveSection] = useState67(
+  const [iframeState, setIframeState] = useState68("INITIAL");
+  const [iframeKey, setIframeKey] = useState68(0);
+  const [isInitialized, setIsInitialized] = useState68(false);
+  const [currentNodeId, setCurrentNodeId] = useState68(null);
+  const [internalActiveSection, setInternalActiveSection] = useState68(
     config.defaultSectionId || config.sections[0]?.id || ""
   );
   const activeSection = externalActiveSection || internalActiveSection;
-  const [isNavigating, setIsNavigating] = useState67(false);
-  const [containerDimensions, setContainerDimensions] = useState67({ width: 1200, height: 800 });
+  const [isNavigating, setIsNavigating] = useState68(false);
+  const [containerDimensions, setContainerDimensions] = useState68({ width: 1200, height: 800 });
   const viewMode = useMemo34(
     () => getViewMode(screenWidth, isTouchDevice),
     [screenWidth, isTouchDevice]
@@ -32688,7 +32805,7 @@ var FigmaPrototypeViewer = ({
     embedUrl,
     iframeKey
   ]);
-  useEffect53(() => {
+  useEffect54(() => {
     const handleResize = () => {
       const newWidth = window.innerWidth;
       setScreenWidth(newWidth);
@@ -32701,8 +32818,8 @@ var FigmaPrototypeViewer = ({
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   }, []);
-  const [lastViewMode, setLastViewMode] = useState67(viewMode);
-  useEffect53(() => {
+  const [lastViewMode, setLastViewMode] = useState68(viewMode);
+  useEffect54(() => {
     if (lastViewMode !== viewMode && iframeState === "READY") {
       console.log("[ViewMode Change]", lastViewMode, "\u2192", viewMode);
       setIframeState("RELOADING");
@@ -32710,7 +32827,7 @@ var FigmaPrototypeViewer = ({
     }
     setLastViewMode(viewMode);
   }, [viewMode, lastViewMode, iframeState]);
-  useEffect53(() => {
+  useEffect54(() => {
     const handleVisibilityChange = () => {
       if (document.visibilityState === "visible" && iframeState === "READY") {
         console.log("[Sleep Recovery] Reloading iframe after sleep");
@@ -32721,7 +32838,7 @@ var FigmaPrototypeViewer = ({
     document.addEventListener("visibilitychange", handleVisibilityChange);
     return () => document.removeEventListener("visibilitychange", handleVisibilityChange);
   }, [iframeState]);
-  useEffect53(() => {
+  useEffect54(() => {
     const handleMessage = (event) => {
       if (event.origin !== "https://www.figma.com") return;
       const validEvents = ["INITIAL_LOAD", "NEW_STATE", "PRESENTED_NODE_CHANGED"];
@@ -32805,12 +32922,12 @@ var FigmaPrototypeViewer = ({
       }
     }, 500);
   }, []);
-  useEffect53(() => {
+  useEffect54(() => {
     if (externalActiveSection && externalActiveSection !== activeSection && isInitialized) {
       navigateToSection(externalActiveSection);
     }
   }, [externalActiveSection, activeSection, isInitialized, navigateToSection]);
-  useEffect53(() => {
+  useEffect54(() => {
     return () => {
       if (navTimerRef.current) clearTimeout(navTimerRef.current);
       if (touchTimerRef.current) clearTimeout(touchTimerRef.current);
@@ -32913,7 +33030,7 @@ var FigmaPrototypeViewer = ({
 
 // src/components/features/filters-dropdown.tsx
 init_cn();
-import { useEffect as useEffect54, useRef as useRef38, useState as useState68 } from "react";
+import { useEffect as useEffect55, useRef as useRef39, useState as useState69 } from "react";
 import { jsx as jsx242, jsxs as jsxs185 } from "react/jsx-runtime";
 var FilterCheckbox = ({ checked, disabled = false, className }) => {
   return /* @__PURE__ */ jsx242(
@@ -32945,15 +33062,15 @@ var FiltersDropdown = ({
   placement = "bottom-start",
   responsive = true
 }) => {
-  const [isOpen, setIsOpen] = useState68(false);
-  const [shouldRender, setShouldRender] = useState68(false);
-  const [isVisible, setIsVisible] = useState68(false);
-  const [isMobile, setIsMobile] = useState68(false);
-  const [actualPlacement, setActualPlacement] = useState68(placement);
-  const dropdownRef = useRef38(null);
-  const triggerRef = useRef38(null);
-  const containerRef = useRef38(null);
-  useEffect54(() => {
+  const [isOpen, setIsOpen] = useState69(false);
+  const [shouldRender, setShouldRender] = useState69(false);
+  const [isVisible, setIsVisible] = useState69(false);
+  const [isMobile, setIsMobile] = useState69(false);
+  const [actualPlacement, setActualPlacement] = useState69(placement);
+  const dropdownRef = useRef39(null);
+  const triggerRef = useRef39(null);
+  const containerRef = useRef39(null);
+  useEffect55(() => {
     if (isOpen) {
       setShouldRender(true);
       let id2 = 0;
@@ -32969,7 +33086,7 @@ var FiltersDropdown = ({
     const t = setTimeout(() => setShouldRender(false), ANIMATION_MS);
     return () => clearTimeout(t);
   }, [isOpen]);
-  useEffect54(() => {
+  useEffect55(() => {
     if (!responsive) {
       setIsMobile(false);
       return;
@@ -32981,7 +33098,7 @@ var FiltersDropdown = ({
     window.addEventListener("resize", checkMobile);
     return () => window.removeEventListener("resize", checkMobile);
   }, [responsive]);
-  useEffect54(() => {
+  useEffect55(() => {
     if (!isOpen || isMobile || !triggerRef.current) return;
     const calculateOptimalPlacement = () => {
       const trigger = triggerRef.current;
@@ -33007,7 +33124,7 @@ var FiltersDropdown = ({
     window.addEventListener("resize", calculateOptimalPlacement);
     return () => window.removeEventListener("resize", calculateOptimalPlacement);
   }, [isOpen, isMobile, placement]);
-  const [selectedFilters, setSelectedFilters] = useState68(() => {
+  const [selectedFilters, setSelectedFilters] = useState69(() => {
     if (currentFilters) {
       return { ...currentFilters };
     }
@@ -33018,12 +33135,12 @@ var FiltersDropdown = ({
     return initial;
   });
   const currentFiltersStr = currentFilters ? JSON.stringify(currentFilters) : "";
-  useEffect54(() => {
+  useEffect55(() => {
     if (currentFilters) {
       setSelectedFilters({ ...currentFilters });
     }
   }, [currentFiltersStr]);
-  useEffect54(() => {
+  useEffect55(() => {
     const handleClickOutside = (event) => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -33039,7 +33156,7 @@ var FiltersDropdown = ({
       };
     }
   }, [isOpen]);
-  useEffect54(() => {
+  useEffect55(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape" && isOpen) {
         setIsOpen(false);
@@ -33224,7 +33341,7 @@ var FiltersDropdown = ({
   ] });
 };
 var useFiltersDropdown = (initialSections) => {
-  const [appliedFilters, setAppliedFilters] = useState68(() => {
+  const [appliedFilters, setAppliedFilters] = useState69(() => {
     const initial = {};
     initialSections.forEach((section) => {
       if (section.defaultSelected) {
@@ -33303,13 +33420,13 @@ function KnowledgeBaseLinksManager({
 }
 
 // src/components/features/loading-provider.tsx
-import { createContext as createContext8, useContext as useContext8, useState as useState69, useEffect as useEffect55 } from "react";
+import { createContext as createContext8, useContext as useContext8, useState as useState70, useEffect as useEffect56 } from "react";
 import { jsx as jsx245, jsxs as jsxs186 } from "react/jsx-runtime";
 var LoadingContext = createContext8(void 0);
 function LoadingProvider({ children }) {
-  const [isLoading, setIsLoading] = useState69(false);
-  const [progress, setProgress] = useState69(0);
-  useEffect55(() => {
+  const [isLoading, setIsLoading] = useState70(false);
+  const [progress, setProgress] = useState70(0);
+  useEffect56(() => {
     let interval;
     if (isLoading) {
       setProgress(10);
@@ -33354,13 +33471,13 @@ function useLoading() {
 }
 
 // src/components/features/media-gallery-manager.tsx
-import { useState as useState70, useRef as useRef39, useCallback as useCallback27 } from "react";
+import { useState as useState71, useRef as useRef40, useCallback as useCallback27 } from "react";
 import {
   Upload,
   Image as ImageIcon2,
   Video as VideoIcon,
   Trash2 as Trash23,
-  Loader2 as Loader23,
+  Loader2 as Loader24,
   GripVertical,
   Plus as Plus4
 } from "lucide-react";
@@ -33374,9 +33491,9 @@ function MediaGalleryManager({
   modalTitle = "Media Gallery",
   className = ""
 }) {
-  const fileInputRef = useRef39(null);
-  const [deletingIndex, setDeletingIndex] = useState70(null);
-  const [draggedIndex, setDraggedIndex] = useState70(null);
+  const fileInputRef = useRef40(null);
+  const [deletingIndex, setDeletingIndex] = useState71(null);
+  const [draggedIndex, setDraggedIndex] = useState71(null);
   const handleFileSelect = useCallback27(async (event) => {
     const file = event.target.files?.[0];
     if (!file) return;
@@ -33447,7 +33564,7 @@ function MediaGalleryManager({
               onClick: () => handleDeleteMedia(index),
               disabled: isDeleting,
               className: "h-8 w-8 p-0 bg-ods-error hover:bg-ods-error-hover border-ods-error",
-              children: isDeleting ? /* @__PURE__ */ jsx246(Loader23, { className: "h-4 w-4 animate-spin text-ods-text-on-dark" }) : /* @__PURE__ */ jsx246(Trash23, { className: "h-4 w-4 text-ods-text-on-dark" })
+              children: isDeleting ? /* @__PURE__ */ jsx246(Loader24, { className: "h-4 w-4 animate-spin text-ods-text-on-dark" }) : /* @__PURE__ */ jsx246(Trash23, { className: "h-4 w-4 text-ods-text-on-dark" })
             }
           ) }),
           /* @__PURE__ */ jsx246("div", { className: "aspect-video relative bg-ods-bg rounded-lg overflow-hidden", children: mediaItem.media_type === "video" || mediaItem.media_type === "demo" ? (
@@ -33478,7 +33595,7 @@ function MediaGalleryManager({
   }, [deletingIndex, handleDragStart, handleDragOver, handleDrop, handleDeleteMedia]);
   const content = /* @__PURE__ */ jsxs187("div", { className: `space-y-6 ${className}`, children: [
     /* @__PURE__ */ jsx246("div", { className: "border-2 border-dashed border-ods-border rounded-lg p-6 text-center hover:border-ods-accent/50 transition-colors", children: /* @__PURE__ */ jsxs187("div", { className: "flex flex-col items-center gap-4", children: [
-      /* @__PURE__ */ jsx246("div", { className: "w-12 h-12 rounded-full bg-ods-card flex items-center justify-center", children: isUploading ? /* @__PURE__ */ jsx246(Loader23, { className: "h-6 w-6 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsx246(Upload, { className: "h-6 w-6 text-ods-accent" }) }),
+      /* @__PURE__ */ jsx246("div", { className: "w-12 h-12 rounded-full bg-ods-card flex items-center justify-center", children: isUploading ? /* @__PURE__ */ jsx246(Loader24, { className: "h-6 w-6 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsx246(Upload, { className: "h-6 w-6 text-ods-accent" }) }),
       /* @__PURE__ */ jsxs187("div", { children: [
         /* @__PURE__ */ jsx246("h3", { className: "text-h3 text-ods-text-primary mb-1", children: isUploading ? "Uploading..." : "Upload Media" }),
         /* @__PURE__ */ jsx246("p", { className: "text-h6 text-ods-text-secondary", children: "Drag and drop or click to select images and videos" }),
@@ -33582,7 +33699,7 @@ function OSTypeBadgeGroup({
 }
 
 // src/components/features/parallax-image-showcase.tsx
-import { useEffect as useEffect56, useState as useState71, useRef as useRef40 } from "react";
+import { useEffect as useEffect57, useState as useState72, useRef as useRef41 } from "react";
 import { motion, useScroll, useTransform, useMotionValue, useSpring } from "framer-motion";
 import { jsx as jsx249, jsxs as jsxs189 } from "react/jsx-runtime";
 var ParallaxImageShowcase = ({
@@ -33600,9 +33717,9 @@ var ParallaxImageShowcase = ({
   const springConfig = { stiffness: 100, damping: 30 };
   const mouseXSpring = useSpring(mouseX, springConfig);
   const mouseYSpring = useSpring(mouseY, springConfig);
-  const [componentRect, setComponentRect] = useState71(null);
-  const componentRef = useRef40(null);
-  useEffect56(() => {
+  const [componentRect, setComponentRect] = useState72(null);
+  const componentRef = useRef41(null);
+  useEffect57(() => {
     const updateRect = () => {
       if (componentRef.current) {
         setComponentRect(componentRef.current.getBoundingClientRect());
@@ -33616,7 +33733,7 @@ var ParallaxImageShowcase = ({
       window.removeEventListener("scroll", updateRect);
     };
   }, []);
-  useEffect56(() => {
+  useEffect57(() => {
     const handleGlobalMouseMove = (e) => {
       if (!componentRect) return;
       const centerX = componentRect.left + componentRect.width / 2;
@@ -34141,8 +34258,8 @@ function PushButtonSelector({
 }
 
 // src/components/features/release-media-manager.tsx
-import { useState as useState72, useRef as useRef41 } from "react";
-import { Trash2 as Trash24, Plus as Plus5, Image as ImageIcon3, Video as VideoIcon2, Upload as Upload2, Loader2 as Loader24, GripVertical as GripVertical2 } from "lucide-react";
+import { useState as useState73, useRef as useRef42 } from "react";
+import { Trash2 as Trash24, Plus as Plus5, Image as ImageIcon3, Video as VideoIcon2, Upload as Upload2, Loader2 as Loader25, GripVertical as GripVertical2 } from "lucide-react";
 import { jsx as jsx253, jsxs as jsxs193 } from "react/jsx-runtime";
 function ReleaseMediaManager({
   media,
@@ -34150,8 +34267,8 @@ function ReleaseMediaManager({
   onUpload,
   className = ""
 }) {
-  const fileInputRef = useRef41(null);
-  const [uploadingIndex, setUploadingIndex] = useState72(null);
+  const fileInputRef = useRef42(null);
+  const [uploadingIndex, setUploadingIndex] = useState73(null);
   const handleFileSelect = async (event) => {
     const file = event.target.files?.[0];
     if (!file) return;
@@ -34222,7 +34339,7 @@ function ReleaseMediaManager({
   };
   return /* @__PURE__ */ jsxs193("div", { className: `space-y-4 ${className}`, children: [
     /* @__PURE__ */ jsx253("div", { className: "border-2 border-dashed border-ods-border rounded-lg p-6 text-center hover:border-ods-accent/50 transition-colors", children: /* @__PURE__ */ jsxs193("div", { className: "flex flex-col items-center gap-4", children: [
-      /* @__PURE__ */ jsx253("div", { className: "w-12 h-12 rounded-full bg-ods-card flex items-center justify-center", children: uploadingIndex !== null ? /* @__PURE__ */ jsx253(Loader24, { className: "h-6 w-6 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsx253(Upload2, { className: "h-6 w-6 text-ods-accent" }) }),
+      /* @__PURE__ */ jsx253("div", { className: "w-12 h-12 rounded-full bg-ods-card flex items-center justify-center", children: uploadingIndex !== null ? /* @__PURE__ */ jsx253(Loader25, { className: "h-6 w-6 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsx253(Upload2, { className: "h-6 w-6 text-ods-accent" }) }),
       /* @__PURE__ */ jsxs193("div", { children: [
         /* @__PURE__ */ jsx253("h3", { className: "text-h3 text-ods-text-primary mb-1", children: uploadingIndex !== null ? "Uploading..." : "Upload Media" }),
         /* @__PURE__ */ jsx253("p", { className: "text-h6 text-ods-text-secondary", children: "Drag and drop or click to select images and videos" }),
@@ -34298,7 +34415,7 @@ function ReleaseMediaManager({
               }
             ) }),
             item._uploading && /* @__PURE__ */ jsx253("div", { className: "aspect-video bg-ods-bg flex items-center justify-center", children: /* @__PURE__ */ jsxs193("div", { className: "flex flex-col items-center gap-2", children: [
-              /* @__PURE__ */ jsx253(Loader24, { className: "h-8 w-8 animate-spin text-ods-accent" }),
+              /* @__PURE__ */ jsx253(Loader25, { className: "h-8 w-8 animate-spin text-ods-accent" }),
               /* @__PURE__ */ jsx253("span", { className: "text-h6 text-ods-text-secondary", children: "Uploading..." })
             ] }) }),
             /* @__PURE__ */ jsxs193("div", { className: "p-3 space-y-2", children: [
@@ -34349,9 +34466,9 @@ function ReleaseMediaManager({
 
 // src/components/features/select-button.tsx
 init_cn();
-import React101 from "react";
+import React102 from "react";
 import { jsx as jsx254, jsxs as jsxs194 } from "react/jsx-runtime";
-var SelectButton = React101.forwardRef(
+var SelectButton = React102.forwardRef(
   ({ title, description, selected = false, disabled = false, icon, image, tag, tagVariant = "outline", onClick, className }, ref) => {
     return /* @__PURE__ */ jsxs194(
       "button",
@@ -34412,8 +34529,8 @@ var SelectButton = React101.forwardRef(
 SelectButton.displayName = "SelectButton";
 
 // src/components/features/seo-editor-preview.tsx
-import { useState as useState73 } from "react";
-import { Globe as Globe3, ExternalLink as ExternalLink8, Upload as Upload3, X as X6, Loader2 as Loader25 } from "lucide-react";
+import { useState as useState74 } from "react";
+import { Globe as Globe3, ExternalLink as ExternalLink8, Upload as Upload3, X as X6, Loader2 as Loader26 } from "lucide-react";
 import { Fragment as Fragment47, jsx as jsx255, jsxs as jsxs195 } from "react/jsx-runtime";
 var SEO_MEDIA_BOX_HEIGHT = "h-[280px]";
 function SEOEditorPreview({
@@ -34436,9 +34553,9 @@ function SEOEditorPreview({
   disabled = false,
   className = ""
 }) {
-  const [imageError, setImageError] = useState73(false);
-  const [isUploading, setIsUploading] = useState73(false);
-  const [fileInputRef, setFileInputRef] = useState73(null);
+  const [imageError, setImageError] = useState74(false);
+  const [isUploading, setIsUploading] = useState74(false);
+  const [fileInputRef, setFileInputRef] = useState74(null);
   const seoTitleLength = (seoTitle || "").length;
   const seoTitleTooLong = seoTitleLength > SEO_TITLE_MAX_LENGTH;
   const seoDescriptionLength = (seoDescription || "").length;
@@ -34597,7 +34714,7 @@ function SEOEditorPreview({
             {
               className: cn(SEO_MEDIA_BOX_HEIGHT, "border-2 border-dashed border-ods-border rounded-lg flex flex-col items-center justify-center cursor-pointer hover:border-ods-accent transition-colors bg-ods-bg-hover"),
               onClick: () => onOgImageUpload && fileInputRef?.click(),
-              children: isUploading ? /* @__PURE__ */ jsx255(Loader25, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs195(Fragment47, { children: [
+              children: isUploading ? /* @__PURE__ */ jsx255(Loader26, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs195(Fragment47, { children: [
                 /* @__PURE__ */ jsx255(Upload3, { className: "h-8 w-8 text-ods-text-secondary mb-2" }),
                 /* @__PURE__ */ jsx255("span", { className: "text-h6 text-ods-text-secondary", children: onOgImageUpload ? "Click to upload OG image" : "No image" })
               ] })
@@ -34776,9 +34893,9 @@ function SocialLinksManager({
 
 // src/components/features/start-with-openframe-button.tsx
 init_button2();
-import * as React102 from "react";
+import * as React103 from "react";
 import { jsx as jsx257 } from "react/jsx-runtime";
-var StartWithOpenFrameButton = React102.forwardRef(({ children = "Start Free Trial", mode = "outline", className, buttonSize, loading = false, buttonBackgroundColor, buttonTextColor, ...props }, ref) => {
+var StartWithOpenFrameButton = React103.forwardRef(({ children = "Start Free Trial", mode = "outline", className, buttonSize, loading = false, buttonBackgroundColor, buttonTextColor, ...props }, ref) => {
   const isYellow = mode === "yellow";
   const isPink = mode === "pink" || mode === "purple";
   const isCyan = mode === "cyan";
@@ -34899,8 +35016,8 @@ function StatusFilterComponent({
 }
 
 // src/components/features/tags-selector.tsx
-import { useState as useState74 } from "react";
-import { Search as Search2, X as X7, Plus as Plus6, Loader2 as Loader26 } from "lucide-react";
+import { useState as useState75 } from "react";
+import { Search as Search2, X as X7, Plus as Plus6, Loader2 as Loader27 } from "lucide-react";
 import { jsx as jsx259, jsxs as jsxs198 } from "react/jsx-runtime";
 function TagsSelector({
   availableTags,
@@ -34913,9 +35030,9 @@ function TagsSelector({
   disabled = false,
   allowCreate = true
 }) {
-  const [searchQuery, setSearchQuery] = useState74("");
-  const [showDropdown, setShowDropdown] = useState74(false);
-  const [isCreating, setIsCreating] = useState74(false);
+  const [searchQuery, setSearchQuery] = useState75("");
+  const [showDropdown, setShowDropdown] = useState75(false);
+  const [isCreating, setIsCreating] = useState75(false);
   const handleTagAdd = (tagId) => {
     if (!selectedTagIds.includes(tagId) && selectedTagIds.length < maxTags) {
       onTagsChange([...selectedTagIds, tagId]);
@@ -35041,7 +35158,7 @@ function TagsSelector({
             type: "button",
             onClick: handleCreateTag,
             disabled: isCreating,
-            leftIcon: isCreating ? /* @__PURE__ */ jsx259(Loader26, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx259(Plus6, { className: "w-3 h-3" }),
+            leftIcon: isCreating ? /* @__PURE__ */ jsx259(Loader27, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx259(Plus6, { className: "w-3 h-3" }),
             className: "w-full flex flex-row items-center gap-1.5 px-2 py-1 mb-2 h-auto rounded border-dashed border-ods-accent bg-ods-bg hover:bg-ods-card text-ods-accent !text-h6",
             children: [
               "Create tag: ",
@@ -35124,7 +35241,7 @@ function VideoBitesDisplay({
 // src/components/features/walkthrough-video.tsx
 init_cn();
 init_button2();
-import { useCallback as useCallback28, useEffect as useEffect57, useMemo as useMemo35, useRef as useRef42, useState as useState75 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect58, useMemo as useMemo35, useRef as useRef43, useState as useState76 } from "react";
 import * as DialogPrimitive3 from "@radix-ui/react-dialog";
 import { Fragment as Fragment48, jsx as jsx262, jsxs as jsxs200 } from "react/jsx-runtime";
 var isAtEnd = (duration, time) => duration > 0 && duration - time < 1;
@@ -35151,9 +35268,9 @@ function WalkthroughVideo({
   const dismissEnabled = dismissal !== false;
   const storageKey = dismissEnabled && dismissal.storageKey || WALKTHROUGH_VIDEO_DISMISS_KEY;
   const dismissalId = video?.id != null ? String(video.id) : "dismissed";
-  const [mounted, setMounted] = useState75(false);
-  const [dismissed, setDismissed] = useState75(false);
-  useEffect57(() => {
+  const [mounted, setMounted] = useState76(false);
+  const [dismissed, setDismissed] = useState76(false);
+  useEffect58(() => {
     let idleHandle = null;
     if (!video) return;
     const timer = setTimeout(() => {
@@ -35175,8 +35292,8 @@ function WalkthroughVideo({
       if (idleHandle !== null && typeof cic === "function") cic(idleHandle);
     };
   }, [appearDelayMs, dismissEnabled, storageKey, dismissalId, video?.id]);
-  const [previewSuppressed, setPreviewSuppressed] = useState75(false);
-  useEffect57(() => {
+  const [previewSuppressed, setPreviewSuppressed] = useState76(false);
+  useEffect58(() => {
     try {
       const reducedMotion = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
       const conn = navigator.connection;
@@ -35185,7 +35302,7 @@ function WalkthroughVideo({
     } catch {
     }
   }, []);
-  const [deepLinkHit] = useState75(() => {
+  const [deepLinkHit] = useState76(() => {
     if (!deepLinkParam || typeof window === "undefined") return false;
     try {
       return new URLSearchParams(window.location.search).has(deepLinkParam);
@@ -35193,31 +35310,31 @@ function WalkthroughVideo({
       return false;
     }
   });
-  const [openState, setOpenState] = useState75(Boolean(defaultOpen) || deepLinkHit);
+  const [openState, setOpenState] = useState76(Boolean(defaultOpen) || deepLinkHit);
   const open = openProp !== void 0 ? openProp : openState;
-  const [pausedOpenSession, setPausedOpenSession] = useState75(
+  const [pausedOpenSession, setPausedOpenSession] = useState76(
     Boolean(defaultOpen && defaultOpenPaused) || deepLinkHit
   );
-  const previewHandleRef = useRef42(null);
-  const theaterHandleRef = useRef42(null);
-  const theaterForcedMuteRef = useRef42(false);
-  const resumeHandleRef = useRef42(null);
-  const closeButtonRef = useRef42(null);
-  const userMutedRef = useRef42(false);
-  const endedLatchRef = useRef42(false);
-  const [hovered, setHovered] = useState75(false);
-  const [handoff, setHandoff] = useState75(null);
-  const [suspended, setSuspended] = useState75(false);
-  const [theaterStart, setTheaterStart] = useState75({ time: 0, muted: false });
-  const [footerHidden, setFooterHidden] = useState75(false);
-  const [cardFallback, setCardFallback] = useState75({ muted: false, blocked: false });
-  const [cardMuted, setCardMuted] = useState75(false);
-  const [cardPaused, setCardPaused] = useState75(false);
-  const [userMuted, setUserMuted] = useState75(false);
+  const previewHandleRef = useRef43(null);
+  const theaterHandleRef = useRef43(null);
+  const theaterForcedMuteRef = useRef43(false);
+  const resumeHandleRef = useRef43(null);
+  const closeButtonRef = useRef43(null);
+  const userMutedRef = useRef43(false);
+  const endedLatchRef = useRef43(false);
+  const [hovered, setHovered] = useState76(false);
+  const [handoff, setHandoff] = useState76(null);
+  const [suspended, setSuspended] = useState76(false);
+  const [theaterStart, setTheaterStart] = useState76({ time: 0, muted: false });
+  const [footerHidden, setFooterHidden] = useState76(false);
+  const [cardFallback, setCardFallback] = useState76({ muted: false, blocked: false });
+  const [cardMuted, setCardMuted] = useState76(false);
+  const [cardPaused, setCardPaused] = useState76(false);
+  const [userMuted, setUserMuted] = useState76(false);
   const isYouTube = Boolean(video?.youtubeUrl);
   const resumeMode = !open && handoff !== null && !isYouTube;
   const previewAllowed = !previewSuppressed && !isYouTube;
-  useEffect57(() => {
+  useEffect58(() => {
     if (!mounted) return;
     if (inline) {
       setFooterHidden(false);
@@ -35235,7 +35352,7 @@ function WalkthroughVideo({
     io.observe(el);
     return () => io.disconnect();
   }, [mounted, inline, hideNearSelector, pathname]);
-  useEffect57(() => {
+  useEffect58(() => {
     if (!resumeMode) return;
     const onVis = () => {
       if (document.visibilityState === "hidden") {
@@ -35249,7 +35366,7 @@ function WalkthroughVideo({
     document.addEventListener("visibilitychange", onVis);
     return () => document.removeEventListener("visibilitychange", onVis);
   }, [resumeMode]);
-  useEffect57(() => {
+  useEffect58(() => {
     if (!footerHidden) return;
     const h = resumeHandleRef.current ?? previewHandleRef.current;
     try {
@@ -35259,10 +35376,10 @@ function WalkthroughVideo({
     setCardPaused(true);
     setHovered(false);
   }, [footerHidden, resumeMode, hovered]);
-  const cardModeRef = useRef42("poster");
-  const selfDrivenForRef = useRef42(null);
-  const justClosedRef = useRef42(false);
-  const justClosedTimerRef = useRef42(null);
+  const cardModeRef = useRef43("poster");
+  const selfDrivenForRef = useRef43(null);
+  const justClosedRef = useRef43(false);
+  const justClosedTimerRef = useRef43(null);
   const commitOpen = useCallback28((next) => {
     if (!next) {
       justClosedRef.current = true;
@@ -35315,7 +35432,7 @@ function WalkthroughVideo({
     selfDrivenForRef.current = true;
     commitOpen(true);
   }, [handoff, cardFallback.muted, commitOpen]);
-  const [prevOpen, setPrevOpen] = useState75(open);
+  const [prevOpen, setPrevOpen] = useState76(open);
   if (open !== prevOpen) {
     setPrevOpen(open);
     if (open && pausedOpenSession) setPausedOpenSession(false);
@@ -35397,13 +35514,13 @@ function WalkthroughVideo({
     setCardFallback(s);
     setCardMuted(s.muted);
   }, []);
-  useEffect57(() => {
+  useEffect58(() => {
     if (resumeMode) {
       setCardMuted(handoff?.muted ?? false);
       setCardPaused(handoff?.playing === false);
     }
   }, [resumeMode]);
-  useEffect57(() => {
+  useEffect58(() => {
     if (hovered) {
       setCardPaused(false);
       setCardMuted(userMutedRef.current);
@@ -35768,7 +35885,7 @@ function useWalkthroughVideo(opts) {
 }
 
 // src/components/features/video-source-selector.tsx
-import { useState as useState76, useCallback as useCallback29 } from "react";
+import { useState as useState77, useCallback as useCallback29 } from "react";
 import { Upload as Upload4, X as X8, Video as VideoIcon3 } from "lucide-react";
 init_button2();
 import { jsx as jsx263, jsxs as jsxs201 } from "react/jsx-runtime";
@@ -35794,10 +35911,10 @@ function VideoSourceSelector({
   showTitle = true,
   className = ""
 }) {
-  const [isUploading, setIsUploading] = useState76(false);
-  const [uploadProgress, setUploadProgress] = useState76(0);
-  const [uploadMessage, setUploadMessage] = useState76("");
-  const [uploadError, setUploadError] = useState76(null);
+  const [isUploading, setIsUploading] = useState77(false);
+  const [uploadProgress, setUploadProgress] = useState77(0);
+  const [uploadMessage, setUploadMessage] = useState77("");
+  const [uploadError, setUploadError] = useState77(null);
   const handleUploadClick = useCallback29(() => {
     const input = document.createElement("input");
     input.type = "file";
@@ -36169,7 +36286,7 @@ function TranscriptSummaryEditor({
 }
 
 // src/components/features/highlight-video-section.tsx
-import { useState as useState77 } from "react";
+import { useState as useState78 } from "react";
 import { Sparkles as Sparkles4, Upload as Upload5 } from "lucide-react";
 init_button2();
 
@@ -36271,7 +36388,7 @@ var AIWarningsSection = ({
 
 // src/components/features/ai-enrich/AIEnrichSection.tsx
 init_button2();
-import { CheckCircle as CheckCircle2, AlertCircle, Loader2 as Loader27, X as X9 } from "lucide-react";
+import { CheckCircle as CheckCircle2, AlertCircle, Loader2 as Loader28, X as X9 } from "lucide-react";
 import { jsx as jsx269, jsxs as jsxs206 } from "react/jsx-runtime";
 var AIEnrichSection = ({
   onEnrich,
@@ -36385,7 +36502,7 @@ var AIEnrichSection = ({
               size: "small-legacy",
               onClick: onCancel,
               disabled: isCancelling,
-              leftIcon: isCancelling ? /* @__PURE__ */ jsx269(Loader27, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx269(X9, { className: "h-4 w-4" }),
+              leftIcon: isCancelling ? /* @__PURE__ */ jsx269(Loader28, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx269(X9, { className: "h-4 w-4" }),
               className: "!w-full",
               children: isCancelling ? "Cancelling..." : "Cancel Processing"
             }
@@ -36406,7 +36523,7 @@ var AIEnrichSection = ({
           )) })
         ] }),
         loading && statusMessage && /* @__PURE__ */ jsxs206("div", { className: "flex items-center gap-3 p-3 rounded-lg bg-ods-bg-surface", children: [
-          /* @__PURE__ */ jsx269(Loader27, { className: "h-5 w-5 text-ods-accent animate-spin" }),
+          /* @__PURE__ */ jsx269(Loader28, { className: "h-5 w-5 text-ods-accent animate-spin" }),
           /* @__PURE__ */ jsx269("span", { className: "text-h6 text-ods-text-primary", children: statusMessage })
         ] }),
         hasResults && /* @__PURE__ */ jsxs206("div", { className: "space-y-4", children: [
@@ -36469,7 +36586,7 @@ function HighlightVideoSection({
   disabled = false,
   className = ""
 }) {
-  const [uploadError, setUploadError] = useState77(null);
+  const [uploadError, setUploadError] = useState78(null);
   const handleUploadClick = () => {
     const input = document.createElement("input");
     input.type = "file";
@@ -37274,7 +37391,7 @@ function ViewToggle({
 
 // src/components/features/policy-configuration-panel.tsx
 init_cn();
-import { useEffect as useEffect58, useState as useState78 } from "react";
+import { useEffect as useEffect59, useState as useState79 } from "react";
 import { ChevronDown as ChevronDown8, Shield as Shield2 } from "lucide-react";
 init_button2();
 import { Fragment as Fragment49, jsx as jsx282, jsxs as jsxs216 } from "react/jsx-runtime";
@@ -37450,9 +37567,9 @@ var PolicyConfigurationPanel = ({
   onCategoryPermissionChange,
   className
 }) => {
-  const [expandedIds, setExpandedIds] = useState78(/* @__PURE__ */ new Set());
-  const [bulkLevels, setBulkLevels] = useState78({});
-  useEffect58(() => {
+  const [expandedIds, setExpandedIds] = useState79(/* @__PURE__ */ new Set());
+  const [bulkLevels, setBulkLevels] = useState79({});
+  useEffect59(() => {
     setBulkLevels({});
   }, [editMode]);
   const handleToggle = (categoryId) => {
@@ -37492,7 +37609,7 @@ PolicyConfigurationPanel.displayName = "PolicyConfigurationPanel";
 init_button2();
 
 // src/components/ui/phone-input.tsx
-import { useCallback as useCallback30, useEffect as useEffect59, useMemo as useMemo36, useRef as useRef43, useState as useState79 } from "react";
+import { useCallback as useCallback30, useEffect as useEffect60, useMemo as useMemo36, useRef as useRef44, useState as useState80 } from "react";
 import { jsx as jsx283, jsxs as jsxs217 } from "react/jsx-runtime";
 function PhoneInput({
   value,
@@ -37509,8 +37626,8 @@ function PhoneInput({
     () => [...priority, ...others].find((c) => c.code === countryCode),
     [countryCode, priority, others]
   );
-  const [isInvalid, setIsInvalid] = useState79(false);
-  const debounceRef = useRef43(null);
+  const [isInvalid, setIsInvalid] = useState80(false);
+  const debounceRef = useRef44(null);
   const digitCount = useCallback30((val) => val.replace(/[^0-9]/g, "").length, []);
   const runValidation = useCallback30((phone) => {
     if (!phone || digitCount(phone) === 0) {
@@ -37526,7 +37643,7 @@ function PhoneInput({
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => runValidation(phone), 300);
   }, [runValidation]);
-  useEffect59(() => {
+  useEffect60(() => {
     return () => {
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
@@ -37593,7 +37710,7 @@ function CountryOption({ country }) {
 // src/components/features/waitlist-form.tsx
 init_cn();
 import { getCountries as getCountries2 } from "libphonenumber-js";
-import { useEffect as useEffect60, useState as useState80 } from "react";
+import { useEffect as useEffect61, useState as useState81 } from "react";
 import { Fragment as Fragment50, jsx as jsx284, jsxs as jsxs218 } from "react/jsx-runtime";
 function WaitlistForm({
   id = "waitlist-form",
@@ -37613,22 +37730,22 @@ function WaitlistForm({
   privacyPolicyUrl,
   consentText = "I agree to receive recurring automated text messages at the phone number provided. Msg & data rates may apply. Msg frequency varies. Reply HELP for help and STOP to cancel."
 }) {
-  const [email, setEmail] = useState80(defaultEmail);
-  const [phone, setPhone] = useState80(defaultPhone);
-  const [countryCode, setCountryCode] = useState80("US");
+  const [email, setEmail] = useState81(defaultEmail);
+  const [phone, setPhone] = useState81(defaultPhone);
+  const [countryCode, setCountryCode] = useState81("US");
   const { toast } = useToast();
   const { honeypotInputProps, getSignals, resetSignals } = useHumanitySignals();
-  const [smsConsent, setSmsConsent] = useState80(false);
-  const [isClient, setIsClient] = useState80(false);
-  const [isPhoneInvalid, setIsPhoneInvalid] = useState80(false);
-  const [showConsentError, setShowConsentError] = useState80(false);
+  const [smsConsent, setSmsConsent] = useState81(false);
+  const [isClient, setIsClient] = useState81(false);
+  const [isPhoneInvalid, setIsPhoneInvalid] = useState81(false);
+  const [showConsentError, setShowConsentError] = useState81(false);
   const isMailDomainGeneric = hasGenericEmailDomain(email);
-  useEffect60(() => {
+  useEffect61(() => {
     if (defaultEmail) {
       setEmail(defaultEmail);
     }
   }, [defaultEmail]);
-  useEffect60(() => {
+  useEffect61(() => {
     setIsClient(true);
     if (!geoApiUrl) return;
     const supportedCountries = new Set(getCountries2());
@@ -37788,9 +37905,9 @@ function WaitlistForm({
 }
 
 // src/components/features/notifications/notifications-context.tsx
-import * as React106 from "react";
+import * as React107 from "react";
 import { jsx as jsx285 } from "react/jsx-runtime";
-var NotificationsContext = React106.createContext(null);
+var NotificationsContext = React107.createContext(null);
 function mergeNotification(base, incoming) {
   const out = { ...base };
   for (const key of Object.keys(incoming)) {
@@ -37869,16 +37986,16 @@ function NotificationsProvider({
   onLoadMore,
   renderTile
 }) {
-  const [notifications, dispatch] = React106.useReducer(reducer, initialNotifications);
-  const [isOpen, setIsOpen] = React106.useState(false);
-  const [showPopups, setShowPopupsState] = React106.useState(defaultShowPopups);
-  const [showDesktopPopups, setShowDesktopPopupsState] = React106.useState(defaultShowDesktopPopups);
+  const [notifications, dispatch] = React107.useReducer(reducer, initialNotifications);
+  const [isOpen, setIsOpen] = React107.useState(false);
+  const [showPopups, setShowPopupsState] = React107.useState(defaultShowPopups);
+  const [showDesktopPopups, setShowDesktopPopupsState] = React107.useState(defaultShowDesktopPopups);
   const desktopPopupsConfigured = onShowDesktopPopupsChange !== void 0;
-  const actionsRef = React106.useRef(actions);
-  React106.useEffect(() => {
+  const actionsRef = React107.useRef(actions);
+  React107.useEffect(() => {
     actionsRef.current = actions;
   }, [actions]);
-  const addNotification = React106.useCallback(
+  const addNotification = React107.useCallback(
     (input) => {
       const id = input.id ?? generateId();
       const notification = {
@@ -37892,7 +38009,7 @@ function NotificationsProvider({
     },
     [maxNotifications]
   );
-  const upsertNotification = React106.useCallback(
+  const upsertNotification = React107.useCallback(
     (input) => {
       const notification = {
         ...input,
@@ -37905,48 +38022,48 @@ function NotificationsProvider({
     },
     [maxNotifications]
   );
-  const setNotifications = React106.useCallback((list) => {
+  const setNotifications = React107.useCallback((list) => {
     dispatch({ type: "set", notifications: list });
   }, []);
-  const markRead = React106.useCallback((id) => {
+  const markRead = React107.useCallback((id) => {
     dispatch({ type: "markRead", id });
     void actionsRef.current?.onMarkRead?.(id);
   }, []);
-  const markAllRead = React106.useCallback(() => {
+  const markAllRead = React107.useCallback(() => {
     dispatch({ type: "markAllRead" });
     void actionsRef.current?.onMarkAllRead?.();
   }, []);
-  const markSettled = React106.useCallback((id) => {
+  const markSettled = React107.useCallback((id) => {
     dispatch({ type: "markSettled", id });
     void actionsRef.current?.onMarkSettled?.(id);
   }, []);
-  const remove = React106.useCallback((id) => {
+  const remove = React107.useCallback((id) => {
     dispatch({ type: "remove", id });
     void actionsRef.current?.onRemove?.(id);
   }, []);
-  const clear = React106.useCallback(() => dispatch({ type: "clear" }), []);
-  const open = React106.useCallback(() => setIsOpen(true), []);
-  const close = React106.useCallback(() => setIsOpen(false), []);
-  const toggle = React106.useCallback(() => setIsOpen((v) => !v), []);
-  const setShowPopups = React106.useCallback(
+  const clear = React107.useCallback(() => dispatch({ type: "clear" }), []);
+  const open = React107.useCallback(() => setIsOpen(true), []);
+  const close = React107.useCallback(() => setIsOpen(false), []);
+  const toggle = React107.useCallback(() => setIsOpen((v) => !v), []);
+  const setShowPopups = React107.useCallback(
     (value2) => {
       setShowPopupsState(value2);
       onShowPopupsChange?.(value2);
     },
     [onShowPopupsChange]
   );
-  const setShowDesktopPopups = React106.useCallback(
+  const setShowDesktopPopups = React107.useCallback(
     (value2) => {
       setShowDesktopPopupsState(value2);
       onShowDesktopPopupsChange?.(value2);
     },
     [onShowDesktopPopupsChange]
   );
-  const unreadCount = React106.useMemo(
+  const unreadCount = React107.useMemo(
     () => notifications.reduce((acc, n) => n.read ? acc : acc + 1, 0),
     [notifications]
   );
-  const value = React106.useMemo(
+  const value = React107.useMemo(
     () => ({
       notifications,
       unreadCount,
@@ -38005,18 +38122,18 @@ function NotificationsProvider({
   return /* @__PURE__ */ jsx285(NotificationsContext.Provider, { value, children });
 }
 function useNotifications() {
-  const ctx = React106.useContext(NotificationsContext);
+  const ctx = React107.useContext(NotificationsContext);
   if (!ctx) {
     throw new Error("useNotifications must be used inside <NotificationsProvider>");
   }
   return ctx;
 }
 function useOptionalNotifications() {
-  return React106.useContext(NotificationsContext);
+  return React107.useContext(NotificationsContext);
 }
 
 // src/components/features/notifications/notification-drawer.tsx
-import { useEffect as useEffect64, useRef as useRef46 } from "react";
+import { useEffect as useEffect65, useRef as useRef47 } from "react";
 
 // src/components/navigation/app-layout-context.ts
 import { createContext as createContext10, useContext as useContext10 } from "react";
@@ -38031,11 +38148,11 @@ function useAppLayoutDrawerCoordination() {
 
 // src/components/navigation/app-layout-drawer.tsx
 init_cn();
-import * as React107 from "react";
+import * as React108 from "react";
 import * as DialogPrimitive4 from "@radix-ui/react-dialog";
 import { cva as cva10 } from "class-variance-authority";
 import { jsx as jsx286, jsxs as jsxs219 } from "react/jsx-runtime";
-var DrawerOpenContext = React107.createContext(false);
+var DrawerOpenContext = React108.createContext(false);
 var AppLayoutDrawerRoot = ({
   open: openProp,
   defaultOpen,
@@ -38044,10 +38161,10 @@ var AppLayoutDrawerRoot = ({
   children,
   ...rest
 }) => {
-  const [internalOpen, setInternalOpen] = React107.useState(defaultOpen ?? false);
+  const [internalOpen, setInternalOpen] = React108.useState(defaultOpen ?? false);
   const isControlled = openProp !== void 0;
   const open = isControlled ? openProp : internalOpen;
-  const handleOpenChange = React107.useCallback(
+  const handleOpenChange = React108.useCallback(
     (next) => {
       if (!isControlled) setInternalOpen(next);
       onOpenChange?.(next);
@@ -38055,11 +38172,11 @@ var AppLayoutDrawerRoot = ({
     [isControlled, onOpenChange]
   );
   const coordination = useAppLayoutDrawerCoordination();
-  const openRef = React107.useRef(open);
+  const openRef = React108.useRef(open);
   openRef.current = open;
-  const handleOpenChangeRef = React107.useRef(handleOpenChange);
+  const handleOpenChangeRef = React108.useRef(handleOpenChange);
   handleOpenChangeRef.current = handleOpenChange;
-  const selfHandleRef = React107.useRef(null);
+  const selfHandleRef = React108.useRef(null);
   if (!selfHandleRef.current) {
     selfHandleRef.current = {
       close: () => {
@@ -38067,10 +38184,10 @@ var AppLayoutDrawerRoot = ({
       }
     };
   }
-  React107.useEffect(() => {
+  React108.useEffect(() => {
     if (open) coordination?.notifyDrawerDidOpen(selfHandleRef.current ?? void 0);
   }, [open, coordination]);
-  React107.useEffect(() => {
+  React108.useEffect(() => {
     if (!selfHandleRef.current) return;
     return coordination?.registerDrawer(selfHandleRef.current);
   }, [coordination]);
@@ -38161,8 +38278,8 @@ function useContainedResizableSize({
   storageKey,
   container
 }) {
-  const [available, setAvailable] = React107.useState(0);
-  React107.useEffect(() => {
+  const [available, setAvailable] = React108.useState(0);
+  React108.useEffect(() => {
     if (!enabled || !container) return;
     const update = () => {
       setAvailable(isHorizontal ? container.clientWidth : container.clientHeight);
@@ -38172,14 +38289,14 @@ function useContainedResizableSize({
     ro.observe(container);
     return () => ro.disconnect();
   }, [enabled, container, isHorizontal]);
-  const clampToContainer = React107.useCallback(
+  const clampToContainer = React108.useCallback(
     (value) => {
       const effectiveMax = available > 0 ? Math.min(maxSize, available - 40) : maxSize;
       return clamp3(value, minSize, Math.max(minSize, effectiveMax));
     },
     [available, minSize, maxSize]
   );
-  const readInitial = React107.useCallback(() => {
+  const readInitial = React108.useCallback(() => {
     if (!enabled) return defaultSize;
     if (typeof window === "undefined") return defaultSize;
     if (!storageKey) return defaultSize;
@@ -38193,19 +38310,19 @@ function useContainedResizableSize({
       return defaultSize;
     }
   }, [enabled, storageKey, defaultSize]);
-  const [size2, setSizeRaw] = React107.useState(readInitial);
-  const setSize = React107.useCallback(
+  const [size2, setSizeRaw] = React108.useState(readInitial);
+  const setSize = React108.useCallback(
     (next) => setSizeRaw(clampToContainer(next)),
     [clampToContainer]
   );
-  React107.useEffect(() => {
+  React108.useEffect(() => {
     if (!enabled || !storageKey || typeof window === "undefined") return;
     try {
       window.localStorage.setItem(storageKey, String(Math.round(size2)));
     } catch {
     }
   }, [enabled, size2, storageKey]);
-  React107.useEffect(() => {
+  React108.useEffect(() => {
     if (!enabled) return;
     setSizeRaw((prev) => clampToContainer(prev));
   }, [enabled, clampToContainer]);
@@ -38220,7 +38337,7 @@ function AppLayoutDrawerResizeHandle({
   ariaLabel
 }) {
   const isHorizontal = HORIZONTAL_SIDES2.has(side);
-  const startRef = React107.useRef(null);
+  const startRef = React108.useRef(null);
   const direction = side === "right" || side === "bottom" ? -1 : 1;
   const handlePointerDown = (e) => {
     if (e.button !== 0 && e.pointerType === "mouse") return;
@@ -38310,7 +38427,7 @@ function AppLayoutDrawerResizeHandle({
     }
   );
 }
-var AppLayoutDrawerContent = React107.forwardRef(
+var AppLayoutDrawerContent = React108.forwardRef(
   ({
     side = "right",
     flush = false,
@@ -38338,13 +38455,13 @@ var AppLayoutDrawerContent = React107.forwardRef(
   }, ref) => {
     const contextContainer = useAppLayoutDrawerContainer();
     const portalContainer = container !== void 0 ? container : contextContainer;
-    const open = React107.useContext(DrawerOpenContext);
-    const [hasOpened, setHasOpened] = React107.useState(Boolean(open));
-    React107.useEffect(() => {
+    const open = React108.useContext(DrawerOpenContext);
+    const [hasOpened, setHasOpened] = React108.useState(Boolean(open));
+    React108.useEffect(() => {
       if (open) setHasOpened(true);
     }, [open]);
     const persist = keepMounted && hasOpened;
-    React107.useEffect(() => {
+    React108.useEffect(() => {
       if (!debugLayoutShift) return;
       if (!open) return;
       if (typeof window === "undefined") return;
@@ -38395,8 +38512,8 @@ var AppLayoutDrawerContent = React107.forwardRef(
     const resolvedSide = side ?? "right";
     const isHorizontal = HORIZONTAL_SIDES2.has(resolvedSide);
     const initialSize = defaultSize ?? (isHorizontal ? 560 : 480);
-    const [isMobile, setIsMobile] = React107.useState(false);
-    React107.useEffect(() => {
+    const [isMobile, setIsMobile] = React108.useState(false);
+    React108.useEffect(() => {
       if (typeof window === "undefined") return;
       const mq = window.matchMedia(`(max-width: ${mobileBreakpoint - 1}px)`);
       const update = () => setIsMobile(mq.matches);
@@ -38511,7 +38628,7 @@ init_button2();
 init_cn();
 
 // src/components/features/notifications/notification-tile.tsx
-import { useMemo as useMemo38, useEffect as useEffect63, useState as useState83 } from "react";
+import { useMemo as useMemo38, useEffect as useEffect64, useState as useState84 } from "react";
 init_cn();
 import { jsx as jsx287, jsxs as jsxs220 } from "react/jsx-runtime";
 var variantBySeverity = {
@@ -38552,14 +38669,14 @@ function NotificationTile({
     settled
   } = notification;
   const accentVariant = (severity ? variantBySeverity[severity] : void 0) ?? variant;
-  const [failedImageUrl, setFailedImageUrl] = useState83(null);
+  const [failedImageUrl, setFailedImageUrl] = useState84(null);
   const image = imageUrl && imageUrl !== failedImageUrl ? imageUrl : void 0;
   const createdAtDate = new Date(createdAt);
   const createdAtIso = Number.isNaN(createdAtDate.getTime()) ? null : createdAtDate.toISOString();
   const initialElapsed = useMemo38(() => Date.now() - createdAt, [createdAt]);
   const isLive = !read && !settled && initialElapsed < liveDurationMs;
   const counting = isLive && !paused;
-  useEffect63(() => {
+  useEffect64(() => {
     if (!counting) return;
     const remaining = Math.max(0, liveDurationMs - initialElapsed);
     const timer = window.setTimeout(() => {
@@ -38784,11 +38901,11 @@ function DrawerScrollList({
   loadMoreRootMargin,
   renderTile
 }) {
-  const scrollRef = useRef46(null);
-  const sentinelRef = useRef46(null);
-  const loadMoreRef = useRef46(loadMore);
+  const scrollRef = useRef47(null);
+  const sentinelRef = useRef47(null);
+  const loadMoreRef = useRef47(loadMore);
   loadMoreRef.current = loadMore;
-  useEffect64(() => {
+  useEffect65(() => {
     if (!loadMore || !hasMore || isLoadingMore) return;
     const sentinel = sentinelRef.current;
     const root = scrollRef.current;
@@ -39008,7 +39125,7 @@ function NotificationPopups({
 
 // src/components/features/notifications/approval-request-notification-tile.tsx
 init_button2();
-import { useMemo as useMemo39, useState as useState84 } from "react";
+import { useMemo as useMemo39, useState as useState85 } from "react";
 
 // src/components/chat/types/chat.types.ts
 var CHAT_TYPE = {
@@ -39221,10 +39338,10 @@ function ApprovalRequestNotificationTile({
   defaultExpanded = false,
   className
 }) {
-  const [expanded, setExpanded] = useState84(defaultExpanded);
-  const [pinned, setPinned] = useState84(defaultExpanded);
-  const [processing, setProcessing] = useState84(false);
-  const [localStatus, setLocalStatus] = useState84(null);
+  const [expanded, setExpanded] = useState85(defaultExpanded);
+  const [pinned, setPinned] = useState85(defaultExpanded);
+  const [processing, setProcessing] = useState85(false);
+  const [localStatus, setLocalStatus] = useState85(null);
   const approval = getApprovalMeta(notification);
   const resolvedStatus = resolutionToStatus(approval?.resolution);
   const status = resolvedStatus !== "pending" ? resolvedStatus : localStatus ?? "pending";
@@ -39301,36 +39418,36 @@ function ApprovalRequestNotificationTile({
 }
 
 // src/components/features/time-tracker/time-tracker-context.tsx
-import * as React108 from "react";
+import * as React109 from "react";
 import { jsx as jsx291 } from "react/jsx-runtime";
-var TimeTrackerContext = React108.createContext(null);
+var TimeTrackerContext = React109.createContext(null);
 function TimeTrackerProvider({ children, defaultOpen = false, ...data }) {
-  const [isOpen, setIsOpen] = React108.useState(defaultOpen);
-  const open = React108.useCallback(() => setIsOpen(true), []);
-  const close = React108.useCallback(() => setIsOpen(false), []);
-  const toggle = React108.useCallback(() => setIsOpen((v) => !v), []);
+  const [isOpen, setIsOpen] = React109.useState(defaultOpen);
+  const open = React109.useCallback(() => setIsOpen(true), []);
+  const close = React109.useCallback(() => setIsOpen(false), []);
+  const toggle = React109.useCallback(() => setIsOpen((v) => !v), []);
   const value = { ...data, isOpen, open, close, toggle };
   return /* @__PURE__ */ jsx291(TimeTrackerContext.Provider, { value, children });
 }
 function useTimeTracker() {
-  const ctx = React108.useContext(TimeTrackerContext);
+  const ctx = React109.useContext(TimeTrackerContext);
   if (!ctx) {
     throw new Error("useTimeTracker must be used inside <TimeTrackerProvider>");
   }
   return ctx;
 }
 function useOptionalTimeTracker() {
-  return React108.useContext(TimeTrackerContext);
+  return React109.useContext(TimeTrackerContext);
 }
 
 // src/components/features/time-tracker/time-tracker-panel.tsx
 init_cn();
-import { useEffect as useEffect66, useState as useState87 } from "react";
+import { useEffect as useEffect67, useState as useState88 } from "react";
 init_button();
 init_split_button();
 
 // src/components/features/time-tracker/use-tracker-clock.ts
-import { useEffect as useEffect65, useState as useState86 } from "react";
+import { useEffect as useEffect66, useState as useState87 } from "react";
 function formatElapsed(totalMs) {
   const totalSeconds = Math.max(0, Math.floor(totalMs / 1e3));
   const hours = Math.floor(totalSeconds / 3600);
@@ -39340,8 +39457,8 @@ function formatElapsed(totalMs) {
   return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
 }
 function useTrackerClock({ status, runningSince, accumulatedMs = 0 }) {
-  const [now, setNow] = useState86(() => Date.now());
-  useEffect65(() => {
+  const [now, setNow] = useState87(() => Date.now());
+  useEffect66(() => {
     if (status !== "tracking") return;
     setNow(Date.now());
     const id = setInterval(() => setNow(Date.now()), 1e3);
@@ -39396,12 +39513,12 @@ function TimeTrackerPanel({
   className
 }) {
   const elapsedLabel = useTrackerClock({ status, runningSince, accumulatedMs });
-  const [showValidationError, setShowValidationError] = useState87(false);
+  const [showValidationError, setShowValidationError] = useState88(false);
   const isRunning = status === "tracking";
   const isActive = status !== "ready";
   const hasContent2 = selectedTicketId != null || notes.trim() !== "";
   const showFieldError = isActive && showValidationError && !hasContent2;
-  useEffect66(() => {
+  useEffect67(() => {
     if (status === "ready") setShowValidationError(false);
   }, [status]);
   const handleSubmit = () => {
@@ -39652,7 +39769,7 @@ function LastEntryRow({ entry, onClick }) {
 // src/components/features/time-tracker/time-tracker-header-button.tsx
 init_cn();
 import * as PopoverPrimitive5 from "@radix-ui/react-popover";
-import { useEffect as useEffect67, useRef as useRef47 } from "react";
+import { useEffect as useEffect68, useRef as useRef48 } from "react";
 
 // src/components/navigation/header-button.tsx
 init_cn();
@@ -39735,11 +39852,11 @@ function TimeTrackerHeaderButton({ className, disabled }) {
   const layoutContainer = useAppLayoutDrawerContainer();
   const coordination = useAppLayoutDrawerCoordination();
   const isOpen = ctx?.isOpen ?? false;
-  const isOpenRef = useRef47(isOpen);
+  const isOpenRef = useRef48(isOpen);
   isOpenRef.current = isOpen;
-  const closeRef = useRef47(ctx?.close);
+  const closeRef = useRef48(ctx?.close);
   closeRef.current = ctx?.close;
-  const selfHandleRef = useRef47(null);
+  const selfHandleRef = useRef48(null);
   if (!selfHandleRef.current) {
     selfHandleRef.current = {
       close: () => {
@@ -39747,10 +39864,10 @@ function TimeTrackerHeaderButton({ className, disabled }) {
       }
     };
   }
-  useEffect67(() => {
+  useEffect68(() => {
     if (isOpen) coordination?.notifyDrawerDidOpen(selfHandleRef.current ?? void 0);
   }, [isOpen, coordination]);
-  useEffect67(() => {
+  useEffect68(() => {
     if (!selfHandleRef.current) return;
     return coordination?.registerDrawer(selfHandleRef.current);
   }, [coordination]);
@@ -39831,7 +39948,7 @@ function TimeTrackerHeaderButton({ className, disabled }) {
 import { combine as combine3 } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import { monitorForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
 import { preventUnhandled } from "@atlaskit/pragmatic-drag-and-drop/utils/prevent-unhandled";
-import { Fragment as Fragment56, useCallback as useCallback37, useEffect as useEffect70, useMemo as useMemo41, useRef as useRef53, useState as useState93 } from "react";
+import { Fragment as Fragment56, useCallback as useCallback37, useEffect as useEffect71, useMemo as useMemo41, useRef as useRef54, useState as useState94 } from "react";
 import { createPortal } from "react-dom";
 
 // src/utils/auto-scroll-ancestors.ts
@@ -39891,7 +40008,7 @@ init_cn();
 
 // src/components/features/board/board-column.tsx
 import { dropTargetForElements as dropTargetForElements2 } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
-import { memo as memo8, useCallback as useCallback35, useEffect as useEffect69, useRef as useRef51, useState as useState91 } from "react";
+import { memo as memo8, useCallback as useCallback35, useEffect as useEffect70, useRef as useRef52, useState as useState92 } from "react";
 init_cn();
 import { attachClosestEdge as attachClosestEdge2 } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
 
@@ -39899,13 +40016,13 @@ import { attachClosestEdge as attachClosestEdge2 } from "@atlaskit/pragmatic-dra
 init_button();
 
 // src/components/ui/touch-friendly-tooltip.tsx
-import * as React109 from "react";
+import * as React110 from "react";
 import { jsx as jsx296, jsxs as jsxs226 } from "react/jsx-runtime";
 var dismissOpenTooltip = null;
 function TouchFriendlyTooltip({ content, side = "left", children }) {
-  const [open, setOpen] = React109.useState(false);
-  const isTouchRef = React109.useRef(false);
-  const close = React109.useCallback(() => setOpen(false), []);
+  const [open, setOpen] = React110.useState(false);
+  const isTouchRef = React110.useRef(false);
+  const close = React110.useCallback(() => setOpen(false), []);
   if (!content) return children;
   const toggleFromTouch = () => {
     setOpen((prev) => {
@@ -40050,7 +40167,7 @@ function isSameAim(a, b) {
 }
 
 // src/components/features/board/use-lane-scroll-anchor.ts
-import { useRef as useRef49 } from "react";
+import { useRef as useRef50 } from "react";
 var TICKET_ID_ATTRIBUTE = "data-ticket-id";
 function cardPositions(root) {
   return Array.from(root.querySelectorAll(`[${TICKET_ID_ATTRIBUTE}]`)).map((element) => ({
@@ -40059,7 +40176,7 @@ function cardPositions(root) {
   }));
 }
 function useLaneScrollAnchor(scrollRef, tickets) {
-  const positionsRef = useRef49([]);
+  const positionsRef = useRef50([]);
   useIsomorphicLayoutEffect(() => {
     const root = scrollRef.current;
     if (!root) return;
@@ -40122,10 +40239,10 @@ import { setCustomNativeDragPreview } from "@atlaskit/pragmatic-drag-and-drop/el
 import { attachClosestEdge } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
 import {
   memo as memo7,
-  useEffect as useEffect68,
+  useEffect as useEffect69,
   useMemo as useMemo40,
-  useRef as useRef50,
-  useState as useState90
+  useRef as useRef51,
+  useState as useState91
 } from "react";
 init_cn();
 
@@ -40140,10 +40257,10 @@ function holdMoveDragEffect(element) {
 
 // src/components/features/board/board-ticket-approval.tsx
 init_cn();
-import * as React110 from "react";
+import * as React111 from "react";
 import { jsx as jsx298, jsxs as jsxs228 } from "react/jsx-runtime";
 function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
-  const [expanded, setExpanded] = React110.useState(false);
+  const [expanded, setExpanded] = React111.useState(false);
   const { innerRef, containerStyle } = useCollapsible({ expanded });
   const isAdmin = pendingApproval.approvalType === "ADMIN";
   return /* @__PURE__ */ jsxs228("div", { className: "pointer-events-auto flex flex-col", children: [
@@ -40348,10 +40465,10 @@ var TicketCard = memo7(function TicketCard2({
   onApprove,
   onReject
 }) {
-  const ref = useRef50(null);
-  const ticketRef = useRef50(ticket);
+  const ref = useRef51(null);
+  const ticketRef = useRef51(ticket);
   ticketRef.current = ticket;
-  const [isDragging, setIsDragging] = useState90(false);
+  const [isDragging, setIsDragging] = useState91(false);
   const isLanding = useIsLanding(ticket.id);
   const aim = useDropAim();
   const closestEdge = aim && aim.columnId === columnId && aim.ticketId === ticket.id ? aim.edge : null;
@@ -40362,7 +40479,7 @@ var TicketCard = memo7(function TicketCard2({
     e.preventDefault();
     lift(ticket.id);
   };
-  useEffect68(() => {
+  useEffect69(() => {
     const element = ref.current;
     if (!element || dragDisabled) return;
     const identity = { type: "ticket", ticketId: ticket.id, columnId };
@@ -40531,10 +40648,10 @@ function TicketTagRow({ tags }) {
 }
 
 // src/components/features/board/ticket-card-skeleton.tsx
-import * as React111 from "react";
+import * as React112 from "react";
 init_cn();
 import { jsx as jsx300, jsxs as jsxs230 } from "react/jsx-runtime";
-var TicketCardSkeleton = React111.forwardRef(
+var TicketCardSkeleton = React112.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxs230(
     "div",
     {
@@ -40585,9 +40702,9 @@ var BoardColumn = memo8(function BoardColumn2({
   joinLeft = false,
   joinRight = false
 }) {
-  const laneRef = useRef51(null);
-  const [isOver, setIsOver] = useState91(false);
-  useEffect69(() => {
+  const laneRef = useRef52(null);
+  const [isOver, setIsOver] = useState92(false);
+  useEffect70(() => {
     const element = laneRef.current;
     if (!element || collapsed || column.dropDisabled) return;
     return dropTargetForElements2({
@@ -40672,19 +40789,19 @@ function ColumnBody({
   onLoadMore,
   loadMoreRootMargin
 }) {
-  const scrollRef = useRef51(null);
-  const sentinelRef = useRef51(null);
+  const scrollRef = useRef52(null);
+  const sentinelRef = useRef52(null);
   useLaneScrollAnchor(scrollRef, column.tickets);
-  useEffect69(() => {
+  useEffect70(() => {
     const element = scrollRef.current;
     if (!element) return;
     return autoScrollColumn(element);
   }, []);
-  const loadMoreRef = useRef51(onLoadMore);
+  const loadMoreRef = useRef52(onLoadMore);
   loadMoreRef.current = onLoadMore;
-  const columnIdRef = useRef51(column.id);
+  const columnIdRef = useRef52(column.id);
   columnIdRef.current = column.id;
-  useEffect69(() => {
+  useEffect70(() => {
     if (!column.hasMore || column.isLoadingMore) return;
     const sentinel = sentinelRef.current;
     const root = scrollRef.current;
@@ -40815,16 +40932,16 @@ function resolveBoardDrop(columns, { source, target }) {
 }
 
 // src/components/features/board/use-board-collapse.ts
-import { useCallback as useCallback36, useRef as useRef52, useState as useState92 } from "react";
+import { useCallback as useCallback36, useRef as useRef53, useState as useState93 } from "react";
 function useBoardCollapse(storageKey) {
   const [persisted, setPersisted] = useLocalStorage(
     storageKey ?? "__board_collapse_unused__",
     {}
   );
-  const [memory, setMemory] = useState92({});
+  const [memory, setMemory] = useState93({});
   const collapsed = storageKey ? persisted : memory;
   const setMap = storageKey ? setPersisted : setMemory;
-  const setMapRef = useRef52(setMap);
+  const setMapRef = useRef53(setMap);
   setMapRef.current = setMap;
   const toggle = useCallback36((columnId) => {
     setMapRef.current((prev) => ({ ...prev, [columnId]: !prev[columnId] }));
@@ -40869,11 +40986,11 @@ function Board({
     onThumbPointerMove,
     onThumbPointerUp
   } = useHorizontalScrollbar();
-  const columnsRef = useRef53(columns);
-  const onChangeRef = useRef53(onChange);
+  const columnsRef = useRef54(columns);
+  const onChangeRef = useRef54(onChange);
   onChangeRef.current = onChange;
-  const boardRef = useRef53(null);
-  const scrollerRef = useRef53(null);
+  const boardRef = useRef54(null);
+  const scrollerRef = useRef54(null);
   const setScroller = useCallback37(
     (node) => {
       scrollerRef.current = node;
@@ -40881,18 +40998,18 @@ function Board({
     },
     [scrollRef]
   );
-  const [aim, setAim] = useState93(null);
-  const [lifted, setLifted] = useState93(null);
-  const [announcement, setAnnouncement] = useState93("");
-  const dragGeometry = useRef53(null);
-  const [landingPreview, setLandingPreview] = useState93(null);
-  const previewRef = useRef53(null);
-  const [pendingMove, setPendingMove] = useState93(null);
+  const [aim, setAim] = useState94(null);
+  const [lifted, setLifted] = useState94(null);
+  const [announcement, setAnnouncement] = useState94("");
+  const dragGeometry = useRef54(null);
+  const [landingPreview, setLandingPreview] = useState94(null);
+  const previewRef = useRef54(null);
+  const [pendingMove, setPendingMove] = useState94(null);
   const view = useMemo41(() => pendingMove ? applyPendingMove(columns, pendingMove) : columns, [columns, pendingMove]);
   columnsRef.current = view;
-  const [landing, setLanding] = useState93(null);
-  const landingTimer = useRef53(null);
-  const pointRef = useRef53({ x: 0, y: 0 });
+  const [landing, setLanding] = useState94(null);
+  const landingTimer = useRef54(null);
+  const pointRef = useRef54({ x: 0, y: 0 });
   const laneLabel = useCallback37(
     (columnId) => view.find((c) => c.id === columnId)?.label ?? columnId,
     [view]
@@ -40946,7 +41063,7 @@ function Board({
     },
     [lifted, view, acceptsLifted, laneLabel]
   );
-  useEffect70(() => {
+  useEffect71(() => {
     if (!lifted) return;
     const onKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -40964,7 +41081,7 @@ function Board({
     window.addEventListener("keydown", onKeyDown);
     return () => window.removeEventListener("keydown", onKeyDown);
   }, [lifted, drop, walk]);
-  useEffect70(() => {
+  useEffect71(() => {
     if (!lifted) return;
     boardRef.current?.querySelector(`[${DROP_LINE_ATTRIBUTE}]`)?.scrollIntoView({ block: "nearest", inline: "nearest" });
   }, [lifted]);
@@ -40975,7 +41092,7 @@ function Board({
     const anchor = aimToChange(view, lifted.ticketId, lifted.aim) ? aimAnchor(view, lifted.ticketId, lifted.aim) : { ticketId: null, edge: null };
     return { columnId: lifted.aim.columnId, ...anchor, ticket };
   }, [lifted, view]);
-  useEffect70(() => {
+  useEffect71(() => {
     if (!pendingMove) return;
     if (hasMoveSettled(columns, pendingMove)) {
       setPendingMove(null);
@@ -40984,7 +41101,7 @@ function Board({
     const timer = setTimeout(() => setPendingMove(null), PENDING_MOVE_TIMEOUT_MS);
     return () => clearTimeout(timer);
   }, [columns, pendingMove]);
-  useEffect70(() => {
+  useEffect71(() => {
     const scroller = scrollerRef.current;
     const readAim = (source, target) => {
       const ticket = source.data.ticket;
@@ -41283,11 +41400,11 @@ import {
   createContext as createContext15,
   useCallback as useCallback38,
   useContext as useContext15,
-  useEffect as useEffect71,
+  useEffect as useEffect72,
   useId as useId6,
   useMemo as useMemo42,
-  useRef as useRef54,
-  useState as useState94
+  useRef as useRef55,
+  useState as useState95
 } from "react";
 import { jsx as jsx303, jsxs as jsxs233 } from "react/jsx-runtime";
 var SORTABLE_ITEM_ATTRIBUTE = "data-sortable-item";
@@ -41301,16 +41418,16 @@ function useSortableListContext() {
   return context;
 }
 function SortableList({ onReorder, getItemLabel, disabled = false, className, children }) {
-  const listRef = useRef54(null);
+  const listRef = useRef55(null);
   const dragType = useId6();
-  const [announcement, setAnnouncement] = useState94("");
-  const onReorderRef = useRef54(onReorder);
+  const [announcement, setAnnouncement] = useState95("");
+  const onReorderRef = useRef55(onReorder);
   onReorderRef.current = onReorder;
-  const getItemLabelRef = useRef54(getItemLabel);
+  const getItemLabelRef = useRef55(getItemLabel);
   getItemLabelRef.current = getItemLabel;
-  const flipFrom = useRef54(null);
-  const [flipTick, setFlipTick] = useState94(0);
-  const flipTimer = useRef54(null);
+  const flipFrom = useRef55(null);
+  const [flipTick, setFlipTick] = useState95(0);
+  const flipTimer = useRef55(null);
   const readItems = useCallback38(
     () => [...listRef.current?.querySelectorAll(`[${SORTABLE_ITEM_ATTRIBUTE}]`) ?? []],
     []
@@ -41324,7 +41441,7 @@ function SortableList({ onReorder, getItemLabel, disabled = false, className, ch
     },
     [readItems]
   );
-  useEffect71(() => {
+  useEffect72(() => {
     const list = listRef.current;
     if (!list) return;
     let drag = null;
@@ -41413,7 +41530,7 @@ function SortableList({ onReorder, getItemLabel, disabled = false, className, ch
       for (const item of moving) item.style.transition = "";
     }, DROP_MS2);
   }, [flipTick]);
-  useEffect71(
+  useEffect72(
     () => () => {
       if (flipTimer.current) clearTimeout(flipTimer.current);
     },
@@ -41433,17 +41550,17 @@ function SortableList({ onReorder, getItemLabel, disabled = false, className, ch
 import { combine as combine5 } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import { draggable as draggable2 } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
 import { disableNativeDragPreview } from "@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview";
-import { useCallback as useCallback39, useEffect as useEffect72, useState as useState95 } from "react";
+import { useCallback as useCallback39, useEffect as useEffect73, useState as useState96 } from "react";
 function useSortableItem() {
   const { dragType, disabled, reorder, readItems } = useSortableListContext();
-  const [item, setItem] = useState95(null);
-  const [handle, setHandle] = useState95(null);
-  const [isDragging, setIsDragging] = useState95(false);
+  const [item, setItem] = useState96(null);
+  const [handle, setHandle] = useState96(null);
+  const [isDragging, setIsDragging] = useState96(false);
   const itemRef = useCallback39((node) => {
     node?.setAttribute(SORTABLE_ITEM_ATTRIBUTE, "");
     setItem(node);
   }, []);
-  useEffect72(() => {
+  useEffect73(() => {
     if (!item || !handle || disabled) return;
     return combine5(
       // The drag has to start as a "move", or its first frame is drawn with the
@@ -41494,7 +41611,7 @@ import {
   verticalListSortingStrategy
 } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import * as React112 from "react";
+import * as React113 from "react";
 import { jsx as jsx304 } from "react/jsx-runtime";
 function TicketStatusConfigList({
   items,
@@ -41514,7 +41631,7 @@ function TicketStatusConfigList({
     if (oldIndex === -1 || newIndex === -1) return;
     onReorder(oldIndex, newIndex);
   };
-  const sortableIds = React112.useMemo(() => items.map((i) => i.id), [items]);
+  const sortableIds = React113.useMemo(() => items.map((i) => i.id), [items]);
   return /* @__PURE__ */ jsx304(DndContext, { sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsx304(SortableContext, { items: sortableIds, strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx304("div", { className: cn("flex w-full flex-col gap-[var(--spacing-system-xs)]", className), children: items.map((item) => /* @__PURE__ */ jsx304(SortableRow, { id: item.id, children: (args) => renderRow(item, args) }, item.id)) }) }) });
 }
 function SortableRow({
@@ -41539,7 +41656,7 @@ function SortableRow({
 
 // src/components/navigation/header.tsx
 init_next_link();
-import React115, { useEffect as useEffect74, useRef as useRef56, useState as useState97 } from "react";
+import React116, { useEffect as useEffect75, useRef as useRef57, useState as useState98 } from "react";
 init_button2();
 
 // src/components/navigation/mingo-ai-button.tsx
@@ -41593,14 +41710,14 @@ function MingoAiButton({ source, icon, label = "Mingo AI", className, onClick, .
 }
 
 // src/components/navigation/mobile-nav-panel.tsx
-import { useRef as useRef55 } from "react";
+import { useRef as useRef56 } from "react";
 import { usePreventScroll as usePreventScroll2 } from "@react-aria/overlays";
 init_button2();
 import { X as X10 } from "lucide-react";
 import { Fragment as Fragment57, jsx as jsx306, jsxs as jsxs235 } from "react/jsx-runtime";
 var MOBILE_NAV_PANEL_ID = "mobile-nav-panel";
 function MobileNavPanel({ isOpen, config }) {
-  const panelRef = useRef55(null);
+  const panelRef = useRef56(null);
   usePreventScroll2({ isDisabled: !isOpen });
   useFocusTrap(panelRef, isOpen, { onEscape: config.onClose });
   const headerHeight = useHeaderHeight(64, { enabled: isOpen });
@@ -41716,11 +41833,11 @@ function MobileNavPanel({ isOpen, config }) {
 init_cn();
 
 // src/components/tickets/ticket-live-provider.tsx
-import React114 from "react";
+import React115 from "react";
 import { useQueryClient } from "@tanstack/react-query";
 
 // src/components/chat/hooks/use-chat-identity.ts
-import { createContext as createContext16, createElement as createElement2, useContext as useContext16, useEffect as useEffect73, useState as useState96 } from "react";
+import { createContext as createContext16, createElement as createElement2, useContext as useContext16, useEffect as useEffect74, useState as useState97 } from "react";
 var ANON_DEFAULTS = {
   authTier: "anon",
   source: null,
@@ -41731,9 +41848,9 @@ function useResolveChatIdentity(enabled) {
   const runtime = useRequiredChatRuntime();
   const url = runtime.endpoints.identityUrl;
   const proxyEmail = getEmbedProxyAuth()?.email ?? null;
-  const [data, setData] = useState96(ANON_DEFAULTS);
-  const [isLoading, setIsLoading] = useState96(enabled);
-  useEffect73(() => {
+  const [data, setData] = useState97(ANON_DEFAULTS);
+  const [isLoading, setIsLoading] = useState97(enabled);
+  useEffect74(() => {
     if (!enabled) return;
     let cancelled = false;
     const ctrl = new AbortController();
@@ -41785,12 +41902,12 @@ var stampMs = (stamp) => {
   return Number.isNaN(ms) ? 0 : ms;
 };
 var INVALIDATE_DEBOUNCE_MS = 1500;
-var TicketLiveContext = React114.createContext(null);
+var TicketLiveContext = React115.createContext(null);
 function useOptionalTicketLive() {
-  return React114.useContext(TicketLiveContext);
+  return React115.useContext(TicketLiveContext);
 }
 function useTicketLive() {
-  const ctx = React114.useContext(TicketLiveContext);
+  const ctx = React115.useContext(TicketLiveContext);
   if (!ctx) {
     throw new Error("useTicketLive must be used within <TicketLiveProvider>");
   }
@@ -41809,13 +41926,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] = React114.useState(false);
-  const [summary, setSummary] = React114.useState(EMPTY_SUMMARY);
-  const [openTicketIdState, setOpenTicketIdState] = React114.useState(null);
-  const openTicketIdRef = React114.useRef(null);
-  const pendingTicketIdsRef = React114.useRef(/* @__PURE__ */ new Set());
-  const invalidateTimerRef = React114.useRef(null);
-  const flushInvalidations = React114.useCallback(() => {
+  const [connected, setConnected] = React115.useState(false);
+  const [summary, setSummary] = React115.useState(EMPTY_SUMMARY);
+  const [openTicketIdState, setOpenTicketIdState] = React115.useState(null);
+  const openTicketIdRef = React115.useRef(null);
+  const pendingTicketIdsRef = React115.useRef(/* @__PURE__ */ new Set());
+  const invalidateTimerRef = React115.useRef(null);
+  const flushInvalidations = React115.useCallback(() => {
     invalidateTimerRef.current = null;
     const ids = Array.from(pendingTicketIdsRef.current);
     pendingTicketIdsRef.current.clear();
@@ -41824,7 +41941,7 @@ function TicketLiveProvider({ children }) {
       void queryClient.invalidateQueries({ queryKey: ["ticket-engagements", id] });
     }
   }, [queryClient]);
-  const scheduleInvalidation = React114.useCallback(
+  const scheduleInvalidation = React115.useCallback(
     (ticketId) => {
       if (ticketId) pendingTicketIdsRef.current.add(ticketId);
       if (invalidateTimerRef.current) return;
@@ -41832,7 +41949,7 @@ function TicketLiveProvider({ children }) {
     },
     [flushInvalidations]
   );
-  const bumpUnread = React114.useCallback((ticketId, createdAt) => {
+  const bumpUnread = React115.useCallback((ticketId, createdAt) => {
     setSummary((prev) => {
       const stamp = createdAt ?? (/* @__PURE__ */ new Date()).toISOString();
       const existing = prev.latestUnreadAt[ticketId];
@@ -41846,7 +41963,7 @@ function TicketLiveProvider({ children }) {
       };
     });
   }, []);
-  const zeroUnread = React114.useCallback((ticketId) => {
+  const zeroUnread = React115.useCallback((ticketId) => {
     setSummary((prev) => {
       const current = prev.tickets[ticketId] ?? 0;
       if (current === 0) return prev;
@@ -41857,9 +41974,9 @@ function TicketLiveProvider({ children }) {
       return { totalUnread: Math.max(0, prev.totalUnread - current), tickets, latestUnreadAt };
     });
   }, []);
-  const subscriptionRef = React114.useRef(null);
-  const noStreamRef = React114.useRef(false);
-  const handlersRef = React114.useRef({ onEvent: () => {
+  const subscriptionRef = React115.useRef(null);
+  const noStreamRef = React115.useRef(false);
+  const handlersRef = React115.useRef({ onEvent: () => {
   }, onStatus: () => {
   }, onConnected: () => {
   } });
@@ -41912,7 +42029,7 @@ function TicketLiveProvider({ children }) {
     if (status === "no-stream") noStreamRef.current = true;
   };
   const streamEnabled = authed && !!streamUrl;
-  React114.useEffect(() => {
+  React115.useEffect(() => {
     if (!streamEnabled) return;
     if (typeof window === "undefined") return;
     subscriptionRef.current = createSseSubscription({
@@ -41943,7 +42060,7 @@ function TicketLiveProvider({ children }) {
       setSummary(EMPTY_SUMMARY);
     };
   }, [streamEnabled, streamUrl]);
-  const markRead = React114.useCallback(
+  const markRead = React115.useCallback(
     async (ticketExternalId) => {
       try {
         const response = await embedAuthedFetch(readUrl, {
@@ -41965,15 +42082,15 @@ function TicketLiveProvider({ children }) {
     },
     [readUrl, zeroUnread]
   );
-  const setOpenTicketId = React114.useCallback((ticketExternalId) => {
+  const setOpenTicketId = React115.useCallback((ticketExternalId) => {
     openTicketIdRef.current = ticketExternalId;
     setOpenTicketIdState(ticketExternalId);
   }, []);
-  const notifyTicketCreated = React114.useCallback(() => {
+  const notifyTicketCreated = React115.useCallback(() => {
     noStreamRef.current = false;
     subscriptionRef.current?.reconnectNow();
   }, []);
-  const value = React114.useMemo(() => {
+  const value = React115.useMemo(() => {
     let unreadByTicket = summary.tickets;
     let unreadTotal = summary.totalUnread;
     if (openTicketIdState && unreadByTicket[openTicketIdState]) {
@@ -42143,12 +42260,12 @@ function TopNavigation({
 import { Fragment as Fragment58, jsx as jsx310, jsxs as jsxs238 } from "react/jsx-runtime";
 var NAV_ITEM_CLASSES = "text-h6 [&_svg]:h-6 [&_svg]:w-6";
 function Header2({ config, platform }) {
-  const [show, setShow] = useState97(true);
-  const [lastScrollY, setLastScrollY] = useState97(0);
-  const [openDropdowns, setOpenDropdowns] = useState97({});
-  const dropdownRefs = useRef56({});
-  const triggerRefs = useRef56({});
-  useEffect74(() => {
+  const [show, setShow] = useState98(true);
+  const [lastScrollY, setLastScrollY] = useState98(0);
+  const [openDropdowns, setOpenDropdowns] = useState98({});
+  const dropdownRefs = useRef57({});
+  const triggerRefs = useRef57({});
+  useEffect75(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       if (!target) return;
@@ -42177,14 +42294,14 @@ function Header2({ config, platform }) {
       document.removeEventListener("keydown", handleEscapeKey);
     };
   }, [openDropdowns]);
-  useEffect74(() => {
+  useEffect75(() => {
     return () => {
       setOpenDropdowns({});
       dropdownRefs.current = {};
       triggerRefs.current = {};
     };
   }, []);
-  useEffect74(() => {
+  useEffect75(() => {
     if (!config.autoHide) {
       setShow(true);
       return;
@@ -42209,7 +42326,7 @@ function Header2({ config, platform }) {
   }, [config.autoHide]);
   const renderNavigationItem = (item) => {
     if (item.element) {
-      return /* @__PURE__ */ jsx310(React115.Fragment, { children: item.element }, item.id);
+      return /* @__PURE__ */ jsx310(React116.Fragment, { children: item.element }, item.id);
     }
     if (item.children && item.children.length > 0) {
       const isOpen = openDropdowns[item.id] || false;
@@ -42438,7 +42555,7 @@ function Header2({ config, platform }) {
 }
 
 // src/components/navigation/client-only-header.tsx
-import { useState as useState98, useEffect as useEffect75 } from "react";
+import { useState as useState99, useEffect as useEffect76 } from "react";
 
 // src/components/navigation/header-skeleton.tsx
 import { Fragment as Fragment59, jsx as jsx311, jsxs as jsxs239 } from "react/jsx-runtime";
@@ -42477,8 +42594,8 @@ function HeaderSkeleton({ config }) {
 // src/components/navigation/client-only-header.tsx
 import { jsx as jsx312 } from "react/jsx-runtime";
 function ClientOnlyHeader({ config, skeleton }) {
-  const [isClient, setIsClient] = useState98(false);
-  useEffect75(() => {
+  const [isClient, setIsClient] = useState99(false);
+  useEffect76(() => {
     setIsClient(true);
   }, []);
   if (!isClient) {
@@ -42488,20 +42605,20 @@ function ClientOnlyHeader({ config, skeleton }) {
 }
 
 // src/components/navigation/sliding-sidebar.tsx
-import { useState as useState99, useEffect as useEffect76, useRef as useRef57 } from "react";
+import { useState as useState100, useEffect as useEffect77, useRef as useRef58 } from "react";
 import { motion as motion2, AnimatePresence, useReducedMotion } from "framer-motion";
 import { usePreventScroll as usePreventScroll3 } from "@react-aria/overlays";
 init_button2();
 import { Fragment as Fragment60, jsx as jsx313, jsxs as jsxs240 } from "react/jsx-runtime";
 function SlidingSidebar({ config }) {
-  const [expandedItems, setExpandedItems] = useState99(/* @__PURE__ */ new Set());
-  const [mounted, setMounted] = useState99(false);
+  const [expandedItems, setExpandedItems] = useState100(/* @__PURE__ */ new Set());
+  const [mounted, setMounted] = useState100(false);
   const headerHeight = useHeaderHeight();
-  const asideRef = useRef57(null);
+  const asideRef = useRef58(null);
   const prefersReducedMotion2 = useReducedMotion();
   usePreventScroll3({ isDisabled: !config.isOpen });
   useFocusTrap(asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
-  useEffect76(() => {
+  useEffect77(() => {
     setMounted(true);
   }, []);
   const toggleExpanded = (itemId) => {
@@ -42669,7 +42786,7 @@ function SlidingSidebar({ config }) {
 }
 
 // src/components/navigation/sticky-section-nav.tsx
-import { useEffect as useEffect77, useState as useState100, useCallback as useCallback40, useRef as useRef58 } from "react";
+import { useEffect as useEffect78, useState as useState101, useCallback as useCallback40, useRef as useRef59 } from "react";
 import { jsx as jsx314, jsxs as jsxs241 } from "react/jsx-runtime";
 function StickySectionNav({
   sections,
@@ -42730,8 +42847,8 @@ function StickySectionNav({
   ] });
 }
 function useSectionNavigation(sections, options) {
-  const [activeSection, setActiveSection] = useState100(sections[0]?.id || "");
-  const isScrollingFromClick = useRef58(false);
+  const [activeSection, setActiveSection] = useState101(sections[0]?.id || "");
+  const isScrollingFromClick = useRef59(false);
   const { offset: offset2 = 100 } = options || {};
   const handleSectionClick = useCallback40((sectionId) => {
     const targetElement = document.getElementById(sectionId);
@@ -42743,14 +42860,14 @@ function useSectionNavigation(sections, options) {
       isScrollingFromClick.current = false;
     }, 500);
   }, [offset2]);
-  useEffect77(() => {
+  useEffect78(() => {
     sections.forEach((section) => {
       if (section.ref.current && !section.ref.current.id) {
         section.ref.current.id = section.id;
       }
     });
   }, [sections]);
-  useEffect77(() => {
+  useEffect78(() => {
     const handleScroll = () => {
       if (isScrollingFromClick.current) return;
       const scrollPosition = window.scrollY + offset2 + 50;
@@ -42783,7 +42900,7 @@ function useSectionNavigation(sections, options) {
 }
 
 // src/components/navigation/navigation-sidebar.tsx
-import { useCallback as useCallback41, useEffect as useEffect78, useMemo as useMemo44, useState as useState101 } from "react";
+import { useCallback as useCallback41, useEffect as useEffect79, useMemo as useMemo44, useState as useState102 } from "react";
 
 // src/components/navigation/navigation-sidebar-header.tsx
 import { jsx as jsx315, jsxs as jsxs242 } from "react/jsx-runtime";
@@ -42954,14 +43071,14 @@ function NavigationSidebar({ config, disabled = false }) {
     STORAGE_KEY,
     config.minimized ?? false
   );
-  const [tabletMinimized, setTabletMinimized] = useState101(true);
-  useEffect78(() => {
+  const [tabletMinimized, setTabletMinimized] = useState102(true);
+  useEffect79(() => {
     if (isTablet) setTabletMinimized(true);
   }, [isTablet]);
-  const [hydrated, setHydrated] = useState101(false);
-  useEffect78(() => setHydrated(true), []);
+  const [hydrated, setHydrated] = useState102(false);
+  useEffect79(() => setHydrated(true), []);
   const minimized = hydrated ? isTablet ? tabletMinimized : desktopMinimized : config.minimized ?? false;
-  const [transitionsEnabled, setTransitionsEnabled] = useState101(false);
+  const [transitionsEnabled, setTransitionsEnabled] = useState102(false);
   const isOverlayOpen = isTablet && !minimized;
   const showLabel = !minimized;
   const handleToggle = useCallback41(() => {
@@ -42975,7 +43092,7 @@ function NavigationSidebar({ config, disabled = false }) {
   const closeOverlay = useCallback41(() => {
     setTabletMinimized(true);
   }, []);
-  useEffect78(() => {
+  useEffect79(() => {
     if (!isOverlayOpen) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") closeOverlay();
@@ -42983,12 +43100,12 @@ function NavigationSidebar({ config, disabled = false }) {
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isOverlayOpen, closeOverlay]);
-  const [pendingItemId, setPendingItemId] = useState101(null);
+  const [pendingItemId, setPendingItemId] = useState102(null);
   const committedActiveId = useMemo44(
     () => config.items.find((item) => item.isActive)?.id ?? null,
     [config.items]
   );
-  useEffect78(() => {
+  useEffect79(() => {
     setPendingItemId(null);
   }, [committedActiveId]);
   const handleItemClick = useCallback41((item, event) => {
@@ -43112,12 +43229,12 @@ function NavigationSidebar({ config, disabled = false }) {
 }
 
 // src/components/navigation/app-header.tsx
-import React119 from "react";
+import React120 from "react";
 init_cn();
 
 // src/components/navigation/header-global-search.tsx
 init_cn();
-import React118 from "react";
+import React119 from "react";
 import { jsx as jsx319, jsxs as jsxs246 } from "react/jsx-runtime";
 function HeaderGlobalSearch({
   value = "",
@@ -43126,7 +43243,7 @@ function HeaderGlobalSearch({
   placeholder = "Global Search",
   className
 }) {
-  const [internalValue, setInternalValue] = React118.useState(value);
+  const [internalValue, setInternalValue] = React119.useState(value);
   const currentValue = onChange ? value : internalValue;
   const handleChange = (e) => {
     const newValue = e.target.value;
@@ -43287,7 +43404,7 @@ function HeaderOrganizationFilter({
 
 // src/components/navigation/app-header.tsx
 import { Fragment as Fragment63, jsx as jsx322, jsxs as jsxs249 } from "react/jsx-runtime";
-var AppHeader = React119.memo(function AppHeader2({
+var AppHeader = React120.memo(function AppHeader2({
   showSearch,
   onSearch,
   showOrganizations,
@@ -43569,14 +43686,14 @@ function AppHeaderSkeleton({
 }
 
 // src/components/navigation/app-layout.tsx
-import { useCallback as useCallback43, useMemo as useMemo45, useRef as useRef60, useState as useState102 } from "react";
+import { useCallback as useCallback43, useMemo as useMemo45, useRef as useRef61, useState as useState103 } from "react";
 
 // src/components/navigation/mobile-burger-menu.tsx
-import React120, { useCallback as useCallback42, useRef as useRef59 } from "react";
+import React121, { useCallback as useCallback42, useRef as useRef60 } from "react";
 import { usePreventScroll as usePreventScroll4 } from "@react-aria/overlays";
 import { Fragment as Fragment64, jsx as jsx323, jsxs as jsxs250 } from "react/jsx-runtime";
 var HEADER_HEIGHT = 56;
-var MobileBurgerMenu = React120.memo(function MobileBurgerMenu2({
+var MobileBurgerMenu = React121.memo(function MobileBurgerMenu2({
   isOpen,
   onClose,
   config,
@@ -43586,7 +43703,7 @@ var MobileBurgerMenu = React120.memo(function MobileBurgerMenu2({
   onLogout,
   disabled = false
 }) {
-  const panelRef = useRef59(null);
+  const panelRef = useRef60(null);
   usePreventScroll4({ isDisabled: !isOpen });
   useFocusTrap(panelRef, isOpen, { onEscape: onClose });
   const handleItemClick = useCallback42((item) => {
@@ -43620,7 +43737,7 @@ var MobileBurgerMenu = React120.memo(function MobileBurgerMenu2({
         ),
         "aria-current": isActive ? "page" : void 0,
         children: [
-          item.icon && /* @__PURE__ */ jsx323("div", { className: "flex-shrink-0 size-4 flex items-center justify-center", children: React120.cloneElement(item.icon, {
+          item.icon && /* @__PURE__ */ jsx323("div", { className: "flex-shrink-0 size-4 flex items-center justify-center", children: React121.cloneElement(item.icon, {
             size: 16,
             color: isActive && !disabled ? "var(--color-accent-primary)" : "var(--color-text-secondary)"
           }) }),
@@ -43633,7 +43750,7 @@ var MobileBurgerMenu = React120.memo(function MobileBurgerMenu2({
       item.id
     );
   };
-  const renderNavigationGrid = (items) => /* @__PURE__ */ jsx323("div", { className: "grid grid-cols-2 gap-3", children: items.map((item) => /* @__PURE__ */ jsx323(React120.Fragment, { children: renderNavigationItem(item, true) }, item.id)) });
+  const renderNavigationGrid = (items) => /* @__PURE__ */ jsx323("div", { className: "grid grid-cols-2 gap-3", children: items.map((item) => /* @__PURE__ */ jsx323(React121.Fragment, { children: renderNavigationItem(item, true) }, item.id)) });
   return /* @__PURE__ */ jsxs250(Fragment64, { children: [
     /* @__PURE__ */ jsx323(
       "div",
@@ -43725,7 +43842,7 @@ var MobileBurgerMenu = React120.memo(function MobileBurgerMenu2({
           ),
           config.topSlot?.({ minimized: false }),
           /* @__PURE__ */ jsx323("nav", { "aria-label": "Primary navigation", children: renderNavigationGrid(primaryItems) }),
-          secondaryItems.length > 0 && /* @__PURE__ */ jsx323("nav", { "aria-label": "Secondary navigation", className: "flex flex-col gap-3", children: secondaryItems.map((item) => /* @__PURE__ */ jsx323(React120.Fragment, { children: renderNavigationItem(item, false) }, item.id)) }),
+          secondaryItems.length > 0 && /* @__PURE__ */ jsx323("nav", { "aria-label": "Secondary navigation", className: "flex flex-col gap-3", children: secondaryItems.map((item) => /* @__PURE__ */ jsx323(React121.Fragment, { children: renderNavigationItem(item, false) }, item.id)) }),
           onLogout && /* @__PURE__ */ jsxs250(
             "button",
             {
@@ -43761,11 +43878,11 @@ function AppLayout({
   drawer,
   topBar
 }) {
-  const [mobileMenuOpen, setMobileMenuOpen] = useState102(false);
-  const [drawerContainer, setDrawerContainer] = useState102(null);
-  const mobileMenuOpenRef = useRef60(mobileMenuOpen);
+  const [mobileMenuOpen, setMobileMenuOpen] = useState103(false);
+  const [drawerContainer, setDrawerContainer] = useState103(null);
+  const mobileMenuOpenRef = useRef61(mobileMenuOpen);
   mobileMenuOpenRef.current = mobileMenuOpen;
-  const drawerHandlesRef = useRef60(/* @__PURE__ */ new Set());
+  const drawerHandlesRef = useRef61(/* @__PURE__ */ new Set());
   const handleToggleMobileMenu = useCallback43(() => {
     const opening = !mobileMenuOpenRef.current;
     if (opening) {
@@ -44392,10 +44509,10 @@ ScriptArguments.displayName = "ScriptArguments";
 
 // src/components/shared/onboarding/onboarding-walkthrough.tsx
 init_button2();
-import React122, { useRef as useRef61, useCallback as useCallback44 } from "react";
+import React123, { useRef as useRef62, useCallback as useCallback44 } from "react";
 
 // src/components/shared/onboarding/onboarding-step-card.tsx
-import React121 from "react";
+import React122 from "react";
 init_button2();
 init_cn();
 import { Fragment as Fragment65, jsx as jsx333, jsxs as jsxs260 } from "react/jsx-runtime";
@@ -44408,7 +44525,7 @@ function OnboardingStepCard({
   onSkip,
   className
 }) {
-  const [isProcessing, setIsProcessing] = React121.useState(false);
+  const [isProcessing, setIsProcessing] = React122.useState(false);
   const handleAction = async (e) => {
     e.stopPropagation();
     setIsProcessing(true);
@@ -44516,11 +44633,11 @@ function OnboardingWalkthrough({
     allStepsComplete,
     markMultipleComplete
   } = useOnboardingState(storageKey);
-  const hasAutoMarkedRef = useRef61(false);
-  const autoMarkingInProgressRef = useRef61(false);
-  const lastCompletionStatusRef = useRef61(null);
-  const actionInProgressRef = useRef61(/* @__PURE__ */ new Set());
-  React122.useEffect(() => {
+  const hasAutoMarkedRef = useRef62(false);
+  const autoMarkingInProgressRef = useRef62(false);
+  const lastCompletionStatusRef = useRef62(null);
+  const actionInProgressRef = useRef62(/* @__PURE__ */ new Set());
+  React123.useEffect(() => {
     if (isLoadingCompletion) {
       hasAutoMarkedRef.current = false;
       return;
@@ -44627,11 +44744,11 @@ function OnboardingWalkthrough({
 
 // src/components/logs-list.tsx
 init_cn();
-import * as React124 from "react";
+import * as React125 from "react";
 
 // src/components/log-severity-dot.tsx
 init_cn();
-import * as React123 from "react";
+import * as React124 from "react";
 
 // src/types/logs.types.ts
 var LOG_SEVERITY_COLORS = {
@@ -44651,7 +44768,7 @@ var LOG_SEVERITY_LABELS = {
 
 // src/components/log-severity-dot.tsx
 import { jsx as jsx335 } from "react/jsx-runtime";
-var LogSeverityDot = React123.forwardRef(({ severity, size: size2 = "md", className }, ref) => {
+var LogSeverityDot = React124.forwardRef(({ severity, size: size2 = "md", className }, ref) => {
   const sizeClasses2 = {
     sm: "w-4 h-4",
     md: "w-6 h-6",
@@ -44741,7 +44858,7 @@ var LogCard = ({ log, isLast, showConnector, onClick }) => {
     )
   ] });
 };
-var LogsList = React124.forwardRef(({
+var LogsList = React125.forwardRef(({
   logs,
   maxHeight = "400px",
   showConnector = true,
@@ -44750,7 +44867,7 @@ var LogsList = React124.forwardRef(({
   emptyMessage = "No logs to display",
   className
 }, ref) => {
-  const containerRef = React124.useRef(null);
+  const containerRef = React125.useRef(null);
   const isFullHeight = maxHeight === "100%";
   const getContainerStyles = () => {
     if (isFullHeight) return void 0;
@@ -44858,7 +44975,7 @@ function ServiceCard({ title, subtitle, icon, tag, rows, className }) {
   ] });
 }
 function ServiceCardRowItem({ row }) {
-  const [revealed, setRevealed] = useState103(false);
+  const [revealed, setRevealed] = useState104(false);
   const { copy, copied } = useCopyToClipboard();
   const { ref: valueRef, isTruncated: valueTruncated } = useIsTruncated(row.value);
   const actions = useMemo46(() => ({ copy: true, open: !!row.href, reveal: !!row.isSecret, ...row.actions }), [row]);
@@ -44920,9 +45037,9 @@ function ServiceCardRowItem({ row }) {
 
 // src/components/ui/slider.tsx
 init_cn();
-import * as React126 from "react";
+import * as React127 from "react";
 import { jsx as jsx338 } from "react/jsx-runtime";
-var Slider = React126.forwardRef(
+var Slider = React127.forwardRef(
   ({ className, value = [0], onValueChange, min = 0, max = 100, step = 1, ...props }, ref) => {
     const handleChange = (e) => {
       const newValue = [Number(e.target.value)];
@@ -45171,7 +45288,7 @@ var ListLoader = (props) => /* @__PURE__ */ jsx341(ContentLoader, { ...props, va
 
 // src/components/ui/table/table.tsx
 init_cn();
-import { useEffect as useEffect80, useRef as useRef63 } from "react";
+import { useEffect as useEffect81, useRef as useRef64 } from "react";
 init_pagination();
 init_button2();
 
@@ -45790,10 +45907,10 @@ function TableRow({
 }
 
 // src/components/ui/table/use-table-motion.ts
-import { useEffect as useEffect79, useState as useState104 } from "react";
+import { useEffect as useEffect80, useState as useState105 } from "react";
 function useTableMotion(enabled) {
-  const [runtime, setRuntime] = useState104(null);
-  useEffect79(() => {
+  const [runtime, setRuntime] = useState105(null);
+  useEffect80(() => {
     if (!enabled || runtime) return;
     let active = true;
     import("framer-motion").then((m) => {
@@ -45809,14 +45926,17 @@ function useTableMotion(enabled) {
 
 // src/components/ui/table/table.tsx
 import { Fragment as Fragment68, jsx as jsx350, jsxs as jsxs273 } from "react/jsx-runtime";
-function injectSyntheticColumns(columns, rowActions, renderRowActions, rowHref) {
+function injectSyntheticColumns(columns, rowActions, renderRowActions, rowHref, actionsColumnWidth) {
   const hasActions = Boolean(rowActions?.length) || Boolean(renderRowActions);
   const result = [...columns];
   if (hasActions) {
     const actionsColumn = {
       key: "__actions__",
       label: "",
-      width: "min-w-[100px] w-auto shrink-0 flex-none",
+      // A caller-fixed width keeps the header and every row on ONE grid
+      // (see `actionsColumnWidth` in types.ts); the default stays
+      // content-sized for back-compat.
+      width: actionsColumnWidth ?? "min-w-[100px] w-auto shrink-0 flex-none",
       align: "right",
       renderCell: (item) => /* @__PURE__ */ jsx350("div", { className: "flex gap-2 items-center justify-end pointer-events-auto", "data-no-row-click": true, children: renderRowActions ? renderRowActions(item) : rowActions.map((action, actionIndex) => /* @__PURE__ */ jsx350(
         Button,
@@ -45893,10 +46013,11 @@ function Table({
   infiniteScroll,
   stickyHeader,
   stickyHeaderOffset,
-  animateRowReorder
+  animateRowReorder,
+  actionsColumnWidth
 }) {
   const tableMotion = useTableMotion(Boolean(animateRowReorder));
-  const columnsWithActions = injectSyntheticColumns(columns, rowActions, renderRowActions, rowHref);
+  const columnsWithActions = injectSyntheticColumns(columns, rowActions, renderRowActions, rowHref, actionsColumnWidth);
   const getRowHref = (item) => {
     if (onRowClick || !rowHref) return void 0;
     return rowHref(item) ?? void 0;
@@ -45939,10 +46060,10 @@ function Table({
   };
   const allSelected = selectedRows.length > 0 && selectedRows.length === data.length;
   const someSelected = selectedRows.length > 0 && selectedRows.length < data.length;
-  const sentinelRef = useRef63(null);
-  const onLoadMoreRef = useRef63(infiniteScroll?.onLoadMore);
+  const sentinelRef = useRef64(null);
+  const onLoadMoreRef = useRef64(infiniteScroll?.onLoadMore);
   onLoadMoreRef.current = infiniteScroll?.onLoadMore;
-  useEffect80(() => {
+  useEffect81(() => {
     if (!infiniteScroll?.hasNextPage || infiniteScroll.isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -46161,7 +46282,7 @@ import { useMemo as useMemo47 } from "react";
 
 // src/components/ui/query-report-table/query-report-table-header.tsx
 init_cn();
-import { useRef as useRef64, useState as useState105, useCallback as useCallback45 } from "react";
+import { useRef as useRef65, useState as useState106, useCallback as useCallback45 } from "react";
 import { jsx as jsx353, jsxs as jsxs275 } from "react/jsx-runtime";
 function QueryReportTableHeader({
   columns,
@@ -46190,8 +46311,8 @@ function QueryReportTableHeader({
   );
 }
 function TruncatedHeaderCell({ value, width }) {
-  const textRef = useRef64(null);
-  const [isTruncated, setIsTruncated] = useState105(false);
+  const textRef = useRef65(null);
+  const [isTruncated, setIsTruncated] = useState106(false);
   const checkTruncation = useCallback45(() => {
     const el = textRef.current;
     if (el) {
@@ -46220,7 +46341,7 @@ function TruncatedHeaderCell({ value, width }) {
 
 // src/components/ui/query-report-table/query-report-table-row.tsx
 init_cn();
-import { useRef as useRef65, useState as useState106, useCallback as useCallback46 } from "react";
+import { useRef as useRef66, useState as useState107, useCallback as useCallback46 } from "react";
 import { jsx as jsx354, jsxs as jsxs276 } from "react/jsx-runtime";
 function QueryReportTableRow({
   row,
@@ -46266,8 +46387,8 @@ function QueryReportTableRow({
   );
 }
 function TruncatedCell({ value, className }) {
-  const textRef = useRef65(null);
-  const [isTruncated, setIsTruncated] = useState106(false);
+  const textRef = useRef66(null);
+  const [isTruncated, setIsTruncated] = useState107(false);
   const checkTruncation = useCallback46(() => {
     const el = textRef.current;
     if (el) {
@@ -46872,7 +46993,7 @@ function DataTableEmpty({ className, ...props }) {
 // src/components/ui/data-table/data-table-row.tsx
 init_next_link();
 init_cn();
-import { memo as memo10, useCallback as useCallback48, useRef as useRef66 } from "react";
+import { memo as memo10, useCallback as useCallback48, useRef as useRef67 } from "react";
 import { flexRender as flexRender2 } from "@tanstack/react-table";
 
 // src/components/ui/data-table/data-table-skeleton.tsx
@@ -46966,7 +47087,7 @@ function DataTableRowImpl({
   const hasSubRow = subRow != null && subRow !== false;
   const isLinkMode = Boolean(href) && !onClick;
   const isWholeCardLink = isLinkMode && !hasSubRow;
-  const containerRef = useRef66(null);
+  const containerRef = useRef67(null);
   const handleClick = useCallback48(
     (e) => {
       const target = e.target;
@@ -47137,7 +47258,7 @@ function DataTableBody({
 }
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
-import { useEffect as useEffect81, useRef as useRef67 } from "react";
+import { useEffect as useEffect82, useRef as useRef68 } from "react";
 import { Fragment as Fragment72, jsx as jsx364, jsxs as jsxs284 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
@@ -47146,10 +47267,10 @@ function DataTableInfiniteFooter({
   skeletonRows = 3,
   rootMargin = "200px"
 }) {
-  const sentinelRef = useRef67(null);
-  const onLoadMoreRef = useRef67(onLoadMore);
+  const sentinelRef = useRef68(null);
+  const onLoadMoreRef = useRef68(onLoadMore);
   onLoadMoreRef.current = onLoadMore;
-  useEffect81(() => {
+  useEffect82(() => {
     if (!hasNextPage || isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -47277,7 +47398,7 @@ var DataTable = Object.assign(DataTableRoot, {
 init_cn();
 import * as PopoverPrimitive6 from "@radix-ui/react-popover";
 import * as ScrollAreaPrimitive3 from "@radix-ui/react-scroll-area";
-import * as React129 from "react";
+import * as React130 from "react";
 import { jsx as jsx366, jsxs as jsxs286 } from "react/jsx-runtime";
 var containerStyles = cn(
   // Layout & spacing — matches lib Input component
@@ -47334,13 +47455,13 @@ function SearchInput({
   limitTags = "auto",
   getLimitTagsText = (more) => `+${more}`
 }) {
-  const [internalValue, setInternalValue] = React129.useState(defaultValue);
+  const [internalValue, setInternalValue] = React130.useState(defaultValue);
   const currentValue = onChange ? value ?? "" : internalValue;
   const debouncedValue = useDebounce(currentValue, debounceMs);
-  const [isOpen, setIsOpen] = React129.useState(false);
-  const [highlightedIndex, setHighlightedIndex] = React129.useState(-1);
+  const [isOpen, setIsOpen] = React130.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React130.useState(-1);
   const keyboardPadding = useKeyboardCollisionPadding();
-  const containerRef = React129.useRef(null);
+  const containerRef = React130.useRef(null);
   const currentPlaceholder = filterChips.length > 0 ? "Add filter..." : placeholder;
   const {
     visibleCount: rawVisibleCount,
@@ -47357,10 +47478,10 @@ function SearchInput({
     placeholder: filterChips.length > 0 ? "" : placeholder
   });
   const visibleCount = filterChips.length > 0 ? Math.max(1, rawVisibleCount) : rawVisibleCount;
-  const hiddenTagsRef = React129.useRef(null);
-  const hiddenTagsPopupRef = React129.useRef(null);
-  const [showHiddenTags, setShowHiddenTags] = React129.useState(false);
-  React129.useEffect(() => {
+  const hiddenTagsRef = React130.useRef(null);
+  const hiddenTagsPopupRef = React130.useRef(null);
+  const [showHiddenTags, setShowHiddenTags] = React130.useState(false);
+  React130.useEffect(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -47374,7 +47495,7 @@ function SearchInput({
   const hiddenCount = filterChips.length - visibleCount;
   const visibleChips = filterChips.slice(0, visibleCount);
   const hiddenChips = filterChips.slice(visibleCount);
-  const { flatResults, groups } = React129.useMemo(() => {
+  const { flatResults, groups } = React130.useMemo(() => {
     if (!groupBy) return { flatResults: results, groups: null };
     const grouped = /* @__PURE__ */ new Map();
     for (const r of results) {
@@ -47391,7 +47512,7 @@ function SearchInput({
   const meetsMinQuery = debouncedValue.length >= minQueryLength;
   const autoShow = meetsMinQuery;
   const dropdownVisible = showDropdownProp ?? (isOpen && autoShow);
-  React129.useEffect(() => {
+  React130.useEffect(() => {
     setHighlightedIndex(-1);
   }, [flatResults.length]);
   const handleChange = (e) => {
@@ -47672,7 +47793,7 @@ function SearchInput({
 
 // src/components/ui/filter-list.tsx
 init_cn();
-import * as React130 from "react";
+import * as React131 from "react";
 import * as CheckboxPrimitive4 from "@radix-ui/react-checkbox";
 import { jsx as jsx367, jsxs as jsxs287 } from "react/jsx-runtime";
 function FilterListItem({
@@ -47721,7 +47842,7 @@ function FilterListItem({
                 "flex items-start gap-[var(--spacing-system-xxs)] text-h6",
                 selected ? "text-ods-accent" : "text-ods-text-secondary"
               ),
-              children: meta.map((item, index) => /* @__PURE__ */ jsxs287(React130.Fragment, { children: [
+              children: meta.map((item, index) => /* @__PURE__ */ jsxs287(React131.Fragment, { children: [
                 index > 0 && /* @__PURE__ */ jsx367("span", { "aria-hidden": "true", children: "\u2022" }),
                 /* @__PURE__ */ jsx367("span", { children: item })
               ] }, index))
@@ -47787,9 +47908,9 @@ function FilterList({
 
 // src/components/ui/tag-search-input.tsx
 import {
-  useEffect as useEffect83,
-  useRef as useRef69,
-  useState as useState108
+  useEffect as useEffect84,
+  useRef as useRef70,
+  useState as useState109
 } from "react";
 init_cn();
 import { jsx as jsx368, jsxs as jsxs288 } from "react/jsx-runtime";
@@ -47823,11 +47944,11 @@ function TagSearchInput({
     limitTags,
     placeholder: currentPlaceholder
   });
-  const wrapperRef = useRef69(null);
-  const hiddenTagsRef = useRef69(null);
-  const hiddenTagsPopupRef = useRef69(null);
-  const [showHiddenTags, setShowHiddenTags] = useState108(false);
-  useEffect83(() => {
+  const wrapperRef = useRef70(null);
+  const hiddenTagsRef = useRef70(null);
+  const hiddenTagsPopupRef = useRef70(null);
+  const [showHiddenTags, setShowHiddenTags] = useState109(false);
+  useEffect84(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -47989,9 +48110,9 @@ function TagSearchInput({
 }
 
 // src/components/ui/markdown-editor.tsx
-import { useRef as useRef70, useCallback as useCallback49, useState as useState109, useEffect as useEffect84 } from "react";
+import { useRef as useRef71, useCallback as useCallback49, useState as useState110, useEffect as useEffect85 } from "react";
 init_cn();
-import { Loader2 as Loader28, Upload as Upload8 } from "lucide-react";
+import { Loader2 as Loader29, Upload as Upload8 } from "lucide-react";
 import { jsx as jsx369, jsxs as jsxs289 } from "react/jsx-runtime";
 var MDEditor = dynamic(() => import("@uiw/react-md-editor"), { ssr: false });
 var MARKDOWN_EDITOR_STYLE_ID = "ods-markdown-editor-styles";
@@ -48020,7 +48141,7 @@ body .w-md-editor .w-md-editor-bar::after { content: '' !important; display: blo
 body .w-md-editor .w-md-editor-bar:hover::after { border-color: var(--color-text-secondary) !important; }
 `;
 function MarkdownEditorStyles() {
-  useEffect84(() => {
+  useEffect85(() => {
     if (document.getElementById(MARKDOWN_EDITOR_STYLE_ID)) return;
     const style = document.createElement("style");
     style.id = MARKDOWN_EDITOR_STYLE_ID;
@@ -48044,11 +48165,11 @@ function MarkdownEditor({
   onFileUploaded,
   renderPreview
 }) {
-  const fileInputRef = useRef70(null);
-  const [isUploading, setIsUploading] = useState109(false);
-  const [uploadProgress, setUploadProgress] = useState109("");
-  const [defaultExtraCommands, setDefaultExtraCommands] = useState109([]);
-  useEffect84(() => {
+  const fileInputRef = useRef71(null);
+  const [isUploading, setIsUploading] = useState110(false);
+  const [uploadProgress, setUploadProgress] = useState110("");
+  const [defaultExtraCommands, setDefaultExtraCommands] = useState110([]);
+  useEffect85(() => {
     import("@uiw/react-md-editor").then((mod) => {
       if (mod.commands?.getExtraCommands) {
         setDefaultExtraCommands(mod.commands.getExtraCommands());
@@ -48131,17 +48252,17 @@ function MarkdownEditor({
     name: "upload",
     keyCommand: "upload",
     buttonProps: { "aria-label": "Upload file", title: "Upload file" },
-    icon: isUploading ? /* @__PURE__ */ jsx369(Loader28, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx369(Upload8, { className: "w-3 h-3" }),
+    icon: isUploading ? /* @__PURE__ */ jsx369(Loader29, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx369(Upload8, { className: "w-3 h-3" }),
     execute: () => {
       fileInputRef.current?.click();
     }
   } : null;
   const extraCommands = uploadCommand ? [...defaultExtraCommands, uploadCommand] : defaultExtraCommands;
-  const wrapperRef = useRef70(null);
-  const isDraggingRef = useRef70(false);
-  const mouseYRef = useRef70(0);
-  const rafRef = useRef70(0);
-  const scrollParentRef = useRef70(window);
+  const wrapperRef = useRef71(null);
+  const isDraggingRef = useRef71(false);
+  const mouseYRef = useRef71(0);
+  const rafRef = useRef71(0);
+  const scrollParentRef = useRef71(window);
   const EDGE_ZONE = 60;
   const MAX_SCROLL_SPEED = 15;
   const findScrollParent = useCallback49((el) => {
@@ -48171,7 +48292,7 @@ function MarkdownEditor({
     }
     rafRef.current = requestAnimationFrame(scrollLoop);
   }, []);
-  useEffect84(() => {
+  useEffect85(() => {
     const wrapper = wrapperRef.current;
     if (!wrapper) return;
     const onMouseMove = (e) => {
@@ -48219,7 +48340,7 @@ function MarkdownEditor({
             accept: "image/*,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.zip,.txt"
           }
         ),
-        !MDEditor && /* @__PURE__ */ jsx369("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx369(Loader28, { className: "h-8 w-8 animate-spin" }) }),
+        !MDEditor && /* @__PURE__ */ jsx369("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx369(Loader29, { className: "h-8 w-8 animate-spin" }) }),
         MDEditor && /* @__PURE__ */ jsx369(
           MDEditor,
           {
@@ -48264,8 +48385,8 @@ function MarkdownEditor({
 }
 
 // src/components/ui/file-upload.tsx
-import * as React132 from "react";
-import { Loader2 as Loader29 } from "lucide-react";
+import * as React133 from "react";
+import { Loader2 as Loader210 } from "lucide-react";
 init_cn();
 import { jsx as jsx370, jsxs as jsxs290 } from "react/jsx-runtime";
 function formatFileSize2(bytes) {
@@ -48316,11 +48437,11 @@ function FileUpload({
   acceptWindowDrops = false,
   pickFiles
 }) {
-  const [dragActive, setDragActive] = React132.useState(false);
-  const [validationError, setValidationError] = React132.useState(null);
-  const fileInputRef = React132.useRef(null);
+  const [dragActive, setDragActive] = React133.useState(false);
+  const [validationError, setValidationError] = React133.useState(null);
+  const fileInputRef = React133.useRef(null);
   const isManaged = managedFiles !== void 0;
-  const files = React132.useMemo(() => {
+  const files = React133.useMemo(() => {
     if (!value) return [];
     return Array.isArray(value) ? value : [value];
   }, [value]);
@@ -48368,7 +48489,7 @@ function FileUpload({
       fileInputRef.current.value = "";
     }
   };
-  const handleFilesRef = React132.useRef(handleFiles);
+  const handleFilesRef = React133.useRef(handleFiles);
   handleFilesRef.current = handleFiles;
   const handleDrag = (e) => {
     e.preventDefault();
@@ -48389,7 +48510,7 @@ function FileUpload({
       handleFiles(e.dataTransfer.files);
     }
   };
-  React132.useEffect(() => {
+  React133.useEffect(() => {
     if (!acceptWindowDrops || disabled) return;
     let dragCounter = 0;
     const onWindowDragEnter = (e) => {
@@ -48503,7 +48624,7 @@ function FileUpload({
                   /* @__PURE__ */ jsxs290("div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
                     /* @__PURE__ */ jsx370("span", { className: "text-h6 text-ods-text-secondary", children: formatFileSize2(entry.fileSize) }),
                     entry.status === "uploading" && /* @__PURE__ */ jsxs290("span", { className: "flex items-center gap-[var(--spacing-system-xxs)] text-h6 text-ods-text-secondary", children: [
-                      /* @__PURE__ */ jsx370(Loader29, { className: "size-3 animate-spin" }),
+                      /* @__PURE__ */ jsx370(Loader210, { className: "size-3 animate-spin" }),
                       "Uploading..."
                     ] }),
                     entry.status === "error" && /* @__PURE__ */ jsx370("span", { className: "text-h6 text-ods-error", children: entry.error || "Upload failed" })
@@ -48590,8 +48711,8 @@ function FileUpload({
 }
 
 // src/components/ui/image-uploader.tsx
-import * as React133 from "react";
-import { Loader2 as Loader210 } from "lucide-react";
+import * as React134 from "react";
+import { Loader2 as Loader211 } from "lucide-react";
 init_cn();
 import { Fragment as Fragment74, jsx as jsx371, jsxs as jsxs291 } from "react/jsx-runtime";
 var DEFAULT_MAX_SIZE = 25 * 1024 * 1024;
@@ -48632,10 +48753,10 @@ function ImageUploader({
   className,
   dropzoneClassName
 }) {
-  const inputRef = React133.useRef(null);
-  const [dragActive, setDragActive] = React133.useState(false);
-  const [pressed, setPressed] = React133.useState(false);
-  const [validationError, setValidationError] = React133.useState(null);
+  const inputRef = React134.useRef(null);
+  const [dragActive, setDragActive] = React134.useState(false);
+  const [pressed, setPressed] = React134.useState(false);
+  const [validationError, setValidationError] = React134.useState(null);
   const interactive = !disabled && !loading;
   const resolvedValue = useAuthedImageSrc(value);
   const hasImage = Boolean(value);
@@ -48758,8 +48879,8 @@ function ImageUploader({
               }
             )
           ] }),
-          loading && /* @__PURE__ */ jsx371("div", { className: "absolute inset-0 flex items-center justify-center rounded-md bg-ods-overlay", children: /* @__PURE__ */ jsx371(Loader210, { className: "size-8 animate-spin text-ods-text-on-dark" }) })
-        ] }) : loading ? /* @__PURE__ */ jsx371(Loader210, { className: "size-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs291(Fragment74, { children: [
+          loading && /* @__PURE__ */ jsx371("div", { className: "absolute inset-0 flex items-center justify-center rounded-md bg-ods-overlay", children: /* @__PURE__ */ jsx371(Loader211, { className: "size-8 animate-spin text-ods-text-on-dark" }) })
+        ] }) : loading ? /* @__PURE__ */ jsx371(Loader211, { className: "size-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs291(Fragment74, { children: [
           /* @__PURE__ */ jsx371("div", { className: "flex shrink-0 items-center justify-center rounded-full border border-ods-border bg-ods-card p-[var(--spacing-system-s)]", children: /* @__PURE__ */ jsx371(ImagePlusIcon, { className: "size-6 text-ods-text-primary" }) }),
           /* @__PURE__ */ jsxs291("div", { className: "flex w-full flex-col items-center text-center", children: [
             /* @__PURE__ */ jsx371("p", { className: "text-h4 text-ods-text-primary", children: label }),
@@ -48801,17 +48922,17 @@ init_cn();
 init_button2();
 
 // src/components/ui/color-preset-select.tsx
-import * as React135 from "react";
+import * as React136 from "react";
 import { HexColorPicker } from "react-colorful";
 
 // src/components/popover.tsx
 init_cn();
-import * as React134 from "react";
+import * as React135 from "react";
 import * as PopoverPrimitive7 from "@radix-ui/react-popover";
 import { jsx as jsx372 } from "react/jsx-runtime";
 var Popover2 = PopoverPrimitive7.Root;
 var PopoverTrigger = PopoverPrimitive7.Trigger;
-var PopoverContent = React134.forwardRef(({ className, align = "center", sideOffset = 4, collisionPadding, ...props }, ref) => {
+var PopoverContent = React135.forwardRef(({ className, align = "center", sideOffset = 4, collisionPadding, ...props }, ref) => {
   const keyboardPadding = useKeyboardCollisionPadding();
   return /* @__PURE__ */ jsx372(PopoverPrimitive7.Portal, { children: /* @__PURE__ */ jsx372(
     PopoverPrimitive7.Content,
@@ -48912,8 +49033,8 @@ var FORMATS = ["HEX", "RGB", "HSL"];
 var channelInputClass = "flex-1 min-w-0 [&_input]:text-center [&_input]:tabular-nums";
 var hexInputClass = "flex-1 min-w-0 [&_input]:uppercase";
 function HexInputs({ value, onChange }) {
-  const [draft, setDraft] = React135.useState(value);
-  React135.useEffect(() => setDraft(value), [value]);
+  const [draft, setDraft] = React136.useState(value);
+  React136.useEffect(() => setDraft(value), [value]);
   const commit = () => {
     const candidate = (draft.startsWith("#") ? draft : `#${draft}`).toLowerCase();
     if (HEX_PATTERN.test(candidate)) onChange(candidate);
@@ -48945,8 +49066,8 @@ function ChannelInput({
   ariaLabel,
   onCommit
 }) {
-  const [draft, setDraft] = React135.useState(String(value));
-  React135.useEffect(() => setDraft(String(value)), [value]);
+  const [draft, setDraft] = React136.useState(String(value));
+  React136.useEffect(() => setDraft(String(value)), [value]);
   const commit = () => {
     const parsed = Number.parseInt(draft, 10);
     if (!Number.isFinite(parsed)) {
@@ -49006,8 +49127,8 @@ function HslInputs({ value, onChange }) {
   ] });
 }
 function ColorPickerInput({ value, onChange, disabled, className }) {
-  const [open, setOpen] = React135.useState(false);
-  const [format3, setFormat] = React135.useState("HEX");
+  const [open, setOpen] = React136.useState(false);
+  const [format3, setFormat] = React136.useState("HEX");
   const formatGroups = [
     {
       items: FORMATS.map((f) => ({
@@ -49166,7 +49287,7 @@ function TicketStatusConfigRow({
 }
 
 // src/components/ui/test-run.tsx
-import * as React136 from "react";
+import * as React137 from "react";
 init_cn();
 import { jsx as jsx375, jsxs as jsxs294 } from "react/jsx-runtime";
 function formatTestRunDuration(ms) {
@@ -49185,8 +49306,8 @@ function TestResultsSkeleton() {
   ] }) });
 }
 function TestResultsTable({ rows, loading }) {
-  const columnKeys = React136.useMemo(() => rows.length > 0 ? Object.keys(rows[0]) : [], [rows]);
-  const columns = React136.useMemo(() => {
+  const columnKeys = React137.useMemo(() => rows.length > 0 ? Object.keys(rows[0]) : [], [rows]);
+  const columns = React137.useMemo(() => {
     return columnKeys.map((key) => ({
       id: key,
       accessorFn: (row) => row[key],
@@ -49279,10 +49400,10 @@ function TestRunStatusStat({ status, className }) {
   ] });
 }
 function useTestRunState(campaign) {
-  const [hasRun, setHasRun] = React136.useState(false);
-  const [isStarting, setIsStarting] = React136.useState(false);
-  const [durationMs, setDurationMs] = React136.useState(0);
-  React136.useEffect(() => {
+  const [hasRun, setHasRun] = React137.useState(false);
+  const [isStarting, setIsStarting] = React137.useState(false);
+  const [durationMs, setDurationMs] = React137.useState(0);
+  React137.useEffect(() => {
     if (!campaign.startedAt || !campaign.isRunning) {
       if (campaign.startedAt && !campaign.isRunning) {
         setDurationMs(Date.now() - campaign.startedAt.getTime());
@@ -49295,7 +49416,7 @@ function useTestRunState(campaign) {
     }, 1e3);
     return () => clearInterval(interval);
   }, [campaign.startedAt, campaign.isRunning]);
-  const run = React136.useCallback(async (start) => {
+  const run = React137.useCallback(async (start) => {
     setHasRun(true);
     setDurationMs(0);
     setIsStarting(true);
@@ -49305,11 +49426,11 @@ function useTestRunState(campaign) {
       setIsStarting(false);
     }
   }, []);
-  const stop = React136.useCallback(() => {
+  const stop = React137.useCallback(() => {
     setIsStarting(false);
     campaign.stopCampaign();
   }, [campaign.stopCampaign]);
-  const reset = React136.useCallback(() => {
+  const reset = React137.useCallback(() => {
     setIsStarting(false);
     campaign.stopCampaign();
     setDurationMs(0);
@@ -49323,7 +49444,7 @@ function useTestRunState(campaign) {
   const showTiming = hasRun && campaign.startedAt !== null && (campaign.isRunning || isFinished);
   const startedLabel = showTiming && campaign.startedAt ? formatTime(campaign.startedAt) : "00:00 PM";
   const durationLabel = showTiming ? formatTestRunDuration(durationMs) : "00:00:00";
-  const displayRows = React136.useMemo(
+  const displayRows = React137.useMemo(
     () => campaign.results.map(
       (row) => Object.fromEntries(Object.entries(row).map(([key, value]) => [key.replace(/_/g, " "), value]))
     ),
@@ -49429,16 +49550,16 @@ function TicketDetailSection({ label, children, className }) {
 }
 
 // src/components/ui/ticket-notes-section.tsx
-import * as React138 from "react";
+import * as React139 from "react";
 init_cn();
 
 // src/components/ui/ticket-note-card.tsx
-import * as React137 from "react";
+import * as React138 from "react";
 init_cn();
 import { Fragment as Fragment76, jsx as jsx378, jsxs as jsxs297 } from "react/jsx-runtime";
 function TicketNoteCard({ note, onEdit, onDelete, className }) {
-  const [isEditing, setIsEditing] = React137.useState(false);
-  const [editText, setEditText] = React137.useState(note.text);
+  const [isEditing, setIsEditing] = React138.useState(false);
+  const [editText, setEditText] = React138.useState(note.text);
   const handleSave = () => {
     const trimmed = editText.trim();
     if (!trimmed || !onEdit) return;
@@ -49561,7 +49682,7 @@ function TicketNotesSection({
   isAddingNote,
   className
 }) {
-  const [noteText, setNoteText] = React138.useState("");
+  const [noteText, setNoteText] = React139.useState("");
   const handleSend = () => {
     const trimmed = noteText.trim();
     if (!trimmed || !onAddNote || isAddingNote) return;
@@ -49757,7 +49878,7 @@ function TicketInfoSection({
 }
 
 // src/components/ui/take-over-ticket-modal.tsx
-import * as React139 from "react";
+import * as React140 from "react";
 init_button2();
 import { jsx as jsx381, jsxs as jsxs300 } from "react/jsx-runtime";
 function renderTicketStatusOption(option, isSelected) {
@@ -49792,9 +49913,9 @@ function TakeOverTicketModal({
   isPending = false,
   onConfirm
 }) {
-  const [statusId, setStatusId] = React139.useState(null);
-  const [assigneeId, setAssigneeId] = React139.useState(null);
-  React139.useEffect(() => {
+  const [statusId, setStatusId] = React140.useState(null);
+  const [assigneeId, setAssigneeId] = React140.useState(null);
+  React140.useEffect(() => {
     if (!isOpen) return;
     setStatusId(initialStatusId ?? null);
     setAssigneeId(initialAssigneeId ?? null);
@@ -49870,7 +49991,7 @@ function TakeOverTicketModal({
 }
 
 // src/components/ui/reopen-ticket-modal.tsx
-import * as React140 from "react";
+import * as React141 from "react";
 init_button2();
 import { jsx as jsx382, jsxs as jsxs301 } from "react/jsx-runtime";
 var REASON_MAX_LENGTH = 1e3;
@@ -49886,10 +50007,10 @@ function ReopenTicketModal({
   isPending = false,
   onConfirm
 }) {
-  const [statusId, setStatusId] = React140.useState(null);
-  const [assigneeId, setAssigneeId] = React140.useState(null);
-  const [reason, setReason] = React140.useState("");
-  React140.useEffect(() => {
+  const [statusId, setStatusId] = React141.useState(null);
+  const [assigneeId, setAssigneeId] = React141.useState(null);
+  const [reason, setReason] = React141.useState("");
+  React141.useEffect(() => {
     if (!isOpen) return;
     setStatusId(initialStatusId ?? null);
     setAssigneeId(initialAssigneeId ?? null);
@@ -49983,7 +50104,7 @@ function ReopenTicketModal({
 
 // src/components/ui/reopen-ticket-request-modal.tsx
 init_button2();
-import * as React141 from "react";
+import * as React142 from "react";
 import { jsx as jsx383, jsxs as jsxs302 } from "react/jsx-runtime";
 var REASON_MAX_LENGTH2 = 1e3;
 function ReopenTicketRequestModal({
@@ -49993,9 +50114,9 @@ function ReopenTicketRequestModal({
   isPending = false,
   onConfirm
 }) {
-  const [reason, setReason] = React141.useState("");
-  const [handoff, setHandoff] = React141.useState(false);
-  React141.useEffect(() => {
+  const [reason, setReason] = React142.useState("");
+  const [handoff, setHandoff] = React142.useState(false);
+  React142.useEffect(() => {
     if (!isOpen) return;
     setReason("");
     setHandoff(false);
@@ -50083,8 +50204,8 @@ function ImageGalleryModal({
   onClose,
   initialIndex = 0
 }) {
-  const [selectedImageIndex, setSelectedImageIndex] = useState119(initialIndex);
-  useEffect91(() => {
+  const [selectedImageIndex, setSelectedImageIndex] = useState120(initialIndex);
+  useEffect92(() => {
     if (isOpen) {
       setSelectedImageIndex(initialIndex);
     }
@@ -50099,7 +50220,7 @@ function ImageGalleryModal({
       setSelectedImageIndex(selectedImageIndex + 1);
     }
   };
-  useEffect91(() => {
+  useEffect92(() => {
     const handleKeyPress = (event) => {
       if (!isOpen) return;
       switch (event.key) {
@@ -50313,7 +50434,7 @@ function RoadmapCard({
   onVote,
   isVoting = false
 }) {
-  const [showScreenshots, setShowScreenshots] = useState120(false);
+  const [showScreenshots, setShowScreenshots] = useState121(false);
   const logoUrl = item.icon && item.icon.startsWith("http") ? item.icon : null;
   const iconSrc = logoUrl ? getProxiedImageUrl(logoUrl, { directHttps: true }) || logoUrl : null;
   if (size2 === "sm") {
@@ -50515,7 +50636,7 @@ function RoadmapCard({
 }
 
 // src/components/chat/entity-cards/github-activity-card.tsx
-import React143 from "react";
+import React144 from "react";
 import { GitPullRequest, Eye as Eye4, ExternalLink as ExternalLink10 } from "lucide-react";
 import { Fragment as Fragment80, jsx as jsx388, jsxs as jsxs306 } from "react/jsx-runtime";
 function parseRepoFromUrl(url) {
@@ -50656,7 +50777,7 @@ function GitHubActivityCard({ item, variant = "compact", className, anchorProps
         reviewState ? /* @__PURE__ */ jsx388(ReviewStateBadge, { state: reviewState }) : null,
         /* @__PURE__ */ jsx388("span", { className: COMPACT_CARD_TITLE, children: primaryText })
       ] }),
-      /* @__PURE__ */ jsx388("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx388("span", { className: COMPACT_CARD_META_ROW, children: metaParts.map((part, i) => /* @__PURE__ */ jsxs306(React143.Fragment, { children: [
+      /* @__PURE__ */ jsx388("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx388("span", { className: COMPACT_CARD_META_ROW, children: metaParts.map((part, i) => /* @__PURE__ */ jsxs306(React144.Fragment, { children: [
         i > 0 ? /* @__PURE__ */ jsx388("span", { className: "text-ods-text-secondary/40 shrink-0", children: "\xB7" }) : null,
         /* @__PURE__ */ jsx388("span", { className: "min-w-0 truncate", children: part })
       ] }, i)) }) }),
@@ -50702,7 +50823,7 @@ function GitHubActivityCardSkeleton({ variant = "compact", className }) {
 }
 
 // src/components/chat/entity-cards/slack-message-card.tsx
-import React144 from "react";
+import React145 from "react";
 import { ExternalLink as ExternalLink11, Hash } from "lucide-react";
 import { Fragment as Fragment81, jsx as jsx389, jsxs as jsxs307 } from "react/jsx-runtime";
 function parseChannelFromUrl(url) {
@@ -50748,7 +50869,7 @@ function SlackMessageCard({ item, variant = "compact", className, anchorProps })
     /* @__PURE__ */ jsxs307("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsx389("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx389("span", { className: COMPACT_CARD_TITLE, children: item.title }) }),
       /* @__PURE__ */ jsx389("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx389("span", { className: COMPACT_CARD_SUMMARY, children: item.preview || COMPACT_CARD_ROW_FILLER }) }),
-      /* @__PURE__ */ jsx389("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx389("span", { className: COMPACT_CARD_META_ROW, children: metaParts.length > 0 ? metaParts.map((part, i) => /* @__PURE__ */ jsxs307(React144.Fragment, { children: [
+      /* @__PURE__ */ jsx389("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx389("span", { className: COMPACT_CARD_META_ROW, children: metaParts.length > 0 ? metaParts.map((part, i) => /* @__PURE__ */ jsxs307(React145.Fragment, { children: [
         i > 0 ? /* @__PURE__ */ jsx389("span", { className: "text-ods-text-secondary/40 shrink-0", children: "\xB7" }) : null,
         /* @__PURE__ */ jsx389("span", { className: "min-w-0 truncate", children: part })
       ] }, i)) : /* @__PURE__ */ jsx389("span", { className: COMPACT_CARD_SUMMARY, children: COMPACT_CARD_ROW_FILLER }) }) })
@@ -50791,7 +50912,7 @@ function SlackMessageCardSkeleton({ variant = "compact", className }) {
 }
 
 // src/components/chat/entity-cards/hubspot-ticket-card.tsx
-import React145 from "react";
+import React146 from "react";
 import { ExternalLink as ExternalLink12 } from "lucide-react";
 import { Fragment as Fragment82, jsx as jsx390, jsxs as jsxs308 } from "react/jsx-runtime";
 function formatToken(token) {
@@ -50860,7 +50981,7 @@ function HubspotTicketCard({ item, variant = "compact", className, anchorProps }
         /* @__PURE__ */ jsx390("span", { className: "min-w-0 truncate", children: item.customerEmail })
       ] }) : null,
       /* @__PURE__ */ jsx390("span", { className: "flex min-w-0", children: /* @__PURE__ */ jsx390("span", { className: "line-clamp-4 whitespace-pre-wrap break-words text-h6 text-ods-text-secondary", children: item.preview || /* @__PURE__ */ jsx390("span", { className: "italic text-ods-text-secondary/60", children: "No description provided." }) }) }),
-      metaParts.length > 0 ? /* @__PURE__ */ jsx390("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx390("span", { className: COMPACT_CARD_META_ROW, children: metaParts.map((part, i) => /* @__PURE__ */ jsxs308(React145.Fragment, { children: [
+      metaParts.length > 0 ? /* @__PURE__ */ jsx390("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx390("span", { className: COMPACT_CARD_META_ROW, children: metaParts.map((part, i) => /* @__PURE__ */ jsxs308(React146.Fragment, { children: [
         i > 0 ? /* @__PURE__ */ jsx390("span", { className: "text-ods-text-secondary/40 shrink-0", children: "\xB7" }) : null,
         /* @__PURE__ */ jsx390("span", { className: "min-w-0 truncate", children: part })
       ] }, i)) }) }) : null
@@ -50951,7 +51072,7 @@ function DataRoomDocCardSkeleton({ className }) {
 }
 
 // src/components/chat/entity-cards/program-card.tsx
-import { useState as useState121 } from "react";
+import { useState as useState122 } from "react";
 
 // node_modules/date-fns/toDate.mjs
 function toDate2(argument) {
@@ -52588,8 +52709,8 @@ function getHosts(hosts) {
   return [];
 }
 function MediaGallery({ images, title }) {
-  const [selectedImageIndex, setSelectedImageIndex] = useState121(null);
-  const [isModalOpen, setIsModalOpen] = useState121(false);
+  const [selectedImageIndex, setSelectedImageIndex] = useState122(null);
+  const [isModalOpen, setIsModalOpen] = useState122(false);
   const openImageModal = (index, event) => {
     if (event) event.stopPropagation();
     setSelectedImageIndex(index);
@@ -52954,7 +53075,7 @@ function GenericEntityCardSkeleton({ className }) {
 }
 
 // src/components/chat/entity-cards/dispatch.tsx
-import React147 from "react";
+import React148 from "react";
 init_next_navigation();
 
 // src/components/chat/hooks/use-chat-card-item.ts
@@ -54259,7 +54380,7 @@ function ChatCardLoader({
   extras
 }) {
   const runtime = useRequiredChatRuntime();
-  const resolvedChatRef = React147.useMemo(() => {
+  const resolvedChatRef = React148.useMemo(() => {
     const cta = resolveSourceRowCTA(
       {
         sourceRepo: chatRef.sourceRepo,
@@ -54407,7 +54528,7 @@ function renderChatInlineEntityCard(chatRef, options = {}) {
 }
 
 // src/components/chat/hooks/use-chunk-catchup.ts
-import { useCallback as useCallback51, useRef as useRef73 } from "react";
+import { useCallback as useCallback51, useRef as useRef74 } from "react";
 function makeSeqKey(messageType, chunkType, sequenceId) {
   return `${messageType}:${chunkType}:${sequenceId}`;
 }
@@ -54429,22 +54550,22 @@ function useChunkCatchup({
   chatTypes = [CHAT_TYPE.CLIENT],
   fetchChunks
 }) {
-  const processedSequenceKeys = useRef73(/* @__PURE__ */ new Set());
-  const lastSequenceId = useRef73(null);
-  const lastSequenceIdByType = useRef73(/* @__PURE__ */ new Map());
-  const fetchingInProgress = useRef73(false);
-  const lastFetchParams = useRef73(null);
-  const pendingCatchupRef = useRef73(null);
-  const chunkBuffer = useRef73([]);
-  const bufferUntilInitialCatchupComplete = useRef73(false);
-  const hasCompletedInitialCatchup = useRef73(false);
-  const dialogIdRef = useRef73(dialogId);
+  const processedSequenceKeys = useRef74(/* @__PURE__ */ new Set());
+  const lastSequenceId = useRef74(null);
+  const lastSequenceIdByType = useRef74(/* @__PURE__ */ new Map());
+  const fetchingInProgress = useRef74(false);
+  const lastFetchParams = useRef74(null);
+  const pendingCatchupRef = useRef74(null);
+  const chunkBuffer = useRef74([]);
+  const bufferUntilInitialCatchupComplete = useRef74(false);
+  const hasCompletedInitialCatchup = useRef74(false);
+  const dialogIdRef = useRef74(dialogId);
   dialogIdRef.current = dialogId;
-  const chatTypesRef = useRef73(chatTypes);
+  const chatTypesRef = useRef74(chatTypes);
   chatTypesRef.current = chatTypes;
-  const fetchChunksRef = useRef73(fetchChunks);
+  const fetchChunksRef = useRef74(fetchChunks);
   fetchChunksRef.current = fetchChunks;
-  const onChunkReceivedRef = useRef73(onChunkReceived);
+  const onChunkReceivedRef = useRef74(onChunkReceived);
   onChunkReceivedRef.current = onChunkReceived;
   const processChunk = useCallback51((chunk, messageType, forceProcess = false) => {
     if (bufferUntilInitialCatchupComplete.current && !forceProcess) {
@@ -54642,7 +54763,7 @@ function useChunkCatchup({
       }
     }
   }, [flushBufferedRealtimeChunks]);
-  const catchUpChunksRef = useRef73(null);
+  const catchUpChunksRef = useRef74(null);
   catchUpChunksRef.current = catchUpChunks;
   const resetChunkTracking = useCallback51(() => {
     processedSequenceKeys.current.clear();
@@ -54686,20 +54807,20 @@ function useChunkCatchup({
 }
 
 // src/components/chat/hooks/use-scripted-stream.ts
-import { useEffect as useEffect92, useState as useState122 } from "react";
+import { useEffect as useEffect93, useState as useState123 } from "react";
 var EMPTY_FRAME = { messages: [], phase: "idle", typing: false, delayMs: 0 };
 function prefersReducedMotion() {
   return typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true;
 }
 function useScriptedStream(frames, resetKey, enabled = true) {
-  const [index, setIndex] = useState122(0);
-  const [reducedMotion, setReducedMotion] = useState122(false);
-  const [prevKey, setPrevKey] = useState122(resetKey);
+  const [index, setIndex] = useState123(0);
+  const [reducedMotion, setReducedMotion] = useState123(false);
+  const [prevKey, setPrevKey] = useState123(resetKey);
   if (resetKey !== prevKey) {
     setPrevKey(resetKey);
     setIndex(0);
   }
-  useEffect92(() => {
+  useEffect93(() => {
     setReducedMotion(prefersReducedMotion());
     const mq = window.matchMedia?.("(prefers-reduced-motion: reduce)");
     if (!mq) return;
@@ -54709,7 +54830,7 @@ function useScriptedStream(frames, resetKey, enabled = true) {
   }, []);
   const playing = enabled && !reducedMotion && frames.length > 0;
   const lastIndex = Math.max(0, frames.length - 1);
-  useEffect92(() => {
+  useEffect93(() => {
     if (!playing || index >= lastIndex) return;
     const current = frames[Math.min(index, lastIndex)] ?? EMPTY_FRAME;
     const t = setTimeout(() => setIndex((i) => Math.min(i + 1, lastIndex)), current.delayMs);
@@ -54721,7 +54842,7 @@ function useScriptedStream(frames, resetKey, enabled = true) {
 }
 
 // src/components/chat/hooks/use-jetstream-dialog-subscription.ts
-import { useCallback as useCallback52, useEffect as useEffect93, useRef as useRef74, useState as useState123 } from "react";
+import { useCallback as useCallback52, useEffect as useEffect94, useRef as useRef75, useState as useState124 } from "react";
 var DEFAULT_STREAM_NAME = "CHAT_CHUNKS";
 var RESYNC_AFTER_HIDDEN_MS = 1e4;
 var RESYNC_COALESCE_MS = 1e3;
@@ -54743,61 +54864,61 @@ function useJetStreamDialogSubscription({
   inactiveThresholdMs,
   resyncSignal = 0
 }) {
-  const [isConnected, setIsConnected] = useState123(false);
-  const [isSubscribed, setIsSubscribed] = useState123(false);
-  const [reconnectionCount, setReconnectionCount] = useState123(0);
-  const [recoveryCount, setRecoveryCount] = useState123(0);
-  const [currentStreamSeq, setCurrentStreamSeq] = useState123(null);
-  const lastRecoveryReportRef = useRef74(0);
-  const resyncTimerRef = useRef74(null);
-  const lastResyncSignalRef = useRef74(resyncSignal);
-  const clientRef = useRef74(null);
-  const subscriptionRef = useRef74(null);
-  const highestStreamSeqRef = useRef74(null);
-  const onEventRef = useRef74(onEvent);
-  useEffect93(() => {
+  const [isConnected, setIsConnected] = useState124(false);
+  const [isSubscribed, setIsSubscribed] = useState124(false);
+  const [reconnectionCount, setReconnectionCount] = useState124(0);
+  const [recoveryCount, setRecoveryCount] = useState124(0);
+  const [currentStreamSeq, setCurrentStreamSeq] = useState124(null);
+  const lastRecoveryReportRef = useRef75(0);
+  const resyncTimerRef = useRef75(null);
+  const lastResyncSignalRef = useRef75(resyncSignal);
+  const clientRef = useRef75(null);
+  const subscriptionRef = useRef75(null);
+  const highestStreamSeqRef = useRef75(null);
+  const onEventRef = useRef75(onEvent);
+  useEffect94(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const onConnectRef = useRef74(onConnect);
-  useEffect93(() => {
+  const onConnectRef = useRef75(onConnect);
+  useEffect94(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
-  const onDisconnectRef = useRef74(onDisconnect);
-  useEffect93(() => {
+  const onDisconnectRef = useRef75(onDisconnect);
+  useEffect94(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
-  const onSubscribedRef = useRef74(onSubscribed);
-  useEffect93(() => {
+  const onSubscribedRef = useRef75(onSubscribed);
+  useEffect94(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
-  const onBeforeReconnectRef = useRef74(onBeforeReconnect);
-  useEffect93(() => {
+  const onBeforeReconnectRef = useRef75(onBeforeReconnect);
+  useEffect94(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const getNatsWsUrlRef = useRef74(getNatsWsUrl);
-  useEffect93(() => {
+  const getNatsWsUrlRef = useRef75(getNatsWsUrl);
+  useEffect94(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
-  const reconnectionBackoffRef = useRef74(reconnectionBackoff);
-  useEffect93(() => {
+  const reconnectionBackoffRef = useRef75(reconnectionBackoff);
+  useEffect94(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const optStartSeqRef = useRef74(optStartSeq);
-  useEffect93(() => {
+  const optStartSeqRef = useRef75(optStartSeq);
+  useEffect94(() => {
     optStartSeqRef.current = optStartSeq;
   }, [optStartSeq]);
-  const inactiveThresholdRef = useRef74(inactiveThresholdMs);
-  useEffect93(() => {
+  const inactiveThresholdRef = useRef75(inactiveThresholdMs);
+  useEffect94(() => {
     inactiveThresholdRef.current = inactiveThresholdMs;
   }, [inactiveThresholdMs]);
-  const hadConnectionBeforeRef = useRef74(false);
-  const clientConfigRef = useRef74(clientConfig);
-  useEffect93(() => {
+  const hadConnectionBeforeRef = useRef75(false);
+  const clientConfigRef = useRef75(clientConfig);
+  useEffect94(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
-  const currentWsUrlRef = useRef74("");
+  const currentWsUrlRef = useRef75("");
   const wsUrl = getNatsWsUrl();
-  useEffect93(() => {
+  useEffect94(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -54878,7 +54999,7 @@ function useJetStreamDialogSubscription({
       }
     };
   }, [enabled, wsUrl]);
-  useEffect93(() => {
+  useEffect94(() => {
     highestStreamSeqRef.current = null;
     lastResyncSignalRef.current = resyncSignal;
     setCurrentStreamSeq(null);
@@ -54896,7 +55017,7 @@ function useJetStreamDialogSubscription({
       setReconnectionCount((c) => c + 1);
     }, RESYNC_COALESCE_MS);
   }, []);
-  useEffect93(() => {
+  useEffect94(() => {
     if (!enabled) return;
     let hiddenSince = document.visibilityState === "hidden" ? Date.now() : 0;
     const onVisibilityChange = () => {
@@ -54913,13 +55034,13 @@ function useJetStreamDialogSubscription({
     document.addEventListener("visibilitychange", onVisibilityChange);
     return () => document.removeEventListener("visibilitychange", onVisibilityChange);
   }, [enabled, requestResync]);
-  useEffect93(() => {
+  useEffect94(() => {
     if (!enabled) return;
     if (resyncSignal <= lastResyncSignalRef.current) return;
     lastResyncSignalRef.current = resyncSignal;
     requestResync();
   }, [enabled, resyncSignal, requestResync]);
-  useEffect93(() => {
+  useEffect94(() => {
     if (!enabled || !dialogId || !isConnected) {
       if (subscriptionRef.current) {
         try {
@@ -55020,7 +55141,7 @@ function useJetStreamDialogSubscription({
 }
 
 // src/components/chat/hooks/use-nats-dialog-subscription.ts
-import { useEffect as useEffect94, useRef as useRef75, useState as useState124 } from "react";
+import { useEffect as useEffect95, useRef as useRef76, useState as useState125 } from "react";
 function useNatsDialogSubscription({
   enabled,
   dialogId,
@@ -55034,47 +55155,47 @@ function useNatsDialogSubscription({
   clientConfig = {},
   reconnectionBackoff
 }) {
-  const [isConnected, setIsConnected] = useState124(false);
-  const [isSubscribed, setIsSubscribed] = useState124(false);
-  const [reconnectionCount, setReconnectionCount] = useState124(0);
-  const clientRef = useRef75(null);
-  const subscriptionRefs = useRef75(/* @__PURE__ */ new Map());
-  const onEventRef = useRef75(onEvent);
-  useEffect94(() => {
+  const [isConnected, setIsConnected] = useState125(false);
+  const [isSubscribed, setIsSubscribed] = useState125(false);
+  const [reconnectionCount, setReconnectionCount] = useState125(0);
+  const clientRef = useRef76(null);
+  const subscriptionRefs = useRef76(/* @__PURE__ */ new Map());
+  const onEventRef = useRef76(onEvent);
+  useEffect95(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const onConnectRef = useRef75(onConnect);
-  useEffect94(() => {
+  const onConnectRef = useRef76(onConnect);
+  useEffect95(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
-  const onDisconnectRef = useRef75(onDisconnect);
-  useEffect94(() => {
+  const onDisconnectRef = useRef76(onDisconnect);
+  useEffect95(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
-  const onSubscribedRef = useRef75(onSubscribed);
-  useEffect94(() => {
+  const onSubscribedRef = useRef76(onSubscribed);
+  useEffect95(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
-  const onBeforeReconnectRef = useRef75(onBeforeReconnect);
-  useEffect94(() => {
+  const onBeforeReconnectRef = useRef76(onBeforeReconnect);
+  useEffect95(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const hadConnectionBeforeRef = useRef75(false);
-  const getNatsWsUrlRef = useRef75(getNatsWsUrl);
-  useEffect94(() => {
+  const hadConnectionBeforeRef = useRef76(false);
+  const getNatsWsUrlRef = useRef76(getNatsWsUrl);
+  useEffect95(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
-  const reconnectionBackoffRef = useRef75(reconnectionBackoff);
-  useEffect94(() => {
+  const reconnectionBackoffRef = useRef76(reconnectionBackoff);
+  useEffect95(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const clientConfigRef = useRef75(clientConfig);
-  useEffect94(() => {
+  const clientConfigRef = useRef76(clientConfig);
+  useEffect95(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
-  const currentWsUrlRef = useRef75("");
+  const currentWsUrlRef = useRef76("");
   const wsUrl = getNatsWsUrl();
-  useEffect94(() => {
+  useEffect95(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -55156,16 +55277,16 @@ function useNatsDialogSubscription({
     };
   }, [enabled, wsUrl]);
   const topicsKey = topics.join(",");
-  const topicsRef = useRef75(topics);
+  const topicsRef = useRef76(topics);
   topicsRef.current = topics;
-  const lastSubscribedDialogIdRef = useRef75(null);
-  const isConnectedRef = useRef75(isConnected);
-  useEffect94(() => {
+  const lastSubscribedDialogIdRef = useRef76(null);
+  const isConnectedRef = useRef76(isConnected);
+  useEffect95(() => {
     isConnectedRef.current = isConnected;
   }, [isConnected]);
-  const currentDialogIdRef = useRef75(null);
-  const abortControllerRef = useRef75(null);
-  useEffect94(() => {
+  const currentDialogIdRef = useRef76(null);
+  const abortControllerRef = useRef76(null);
+  useEffect95(() => {
     currentDialogIdRef.current = dialogId;
     if (!enabled || !dialogId) {
       if (subscriptionRefs.current.size > 0) {
@@ -55246,7 +55367,7 @@ function useNatsDialogSubscription({
       abortControllerRef.current = null;
     };
   }, [enabled, dialogId, topicsKey]);
-  useEffect94(() => {
+  useEffect95(() => {
     if (!enabled || !currentDialogIdRef.current || !isConnected) {
       return;
     }
@@ -55296,7 +55417,7 @@ function buildNatsWsUrl(apiBaseUrl, options) {
 }
 
 // src/components/chat/hooks/use-slash-commands.ts
-import { useEffect as useEffect95, useState as useState125 } from "react";
+import { useEffect as useEffect96, useState as useState126 } from "react";
 import { useQuery as useQuery3 } from "@tanstack/react-query";
 async function fetchSlashCommands(prefix, signal, commandsUrl) {
   try {
@@ -55313,9 +55434,9 @@ async function fetchSlashCommands(prefix, signal, commandsUrl) {
   }
 }
 function useSlashCommands(prefix, commandsUrl) {
-  const [commands, setCommands] = useState125([]);
-  const [loading, setLoading] = useState125(false);
-  useEffect95(() => {
+  const [commands, setCommands] = useState126([]);
+  const [loading, setLoading] = useState126(false);
+  useEffect96(() => {
     if (prefix == null) {
       setCommands([]);
       return;
@@ -55421,7 +55542,7 @@ function useEmptyStateConfig(emptyStateUrl, options) {
 }
 
 // src/components/chat/hooks/use-chat-attachments.ts
-import { useCallback as useCallback53, useMemo as useMemo52, useRef as useRef76, useState as useState126 } from "react";
+import { useCallback as useCallback53, useMemo as useMemo52, useRef as useRef77, useState as useState127 } from "react";
 import { fileTypeFromBlob } from "file-type";
 var CHAT_ATTACHMENTS_BUCKET = "chat-attachments";
 var CHAT_ATTACHMENTS_FOLDER = "chat";
@@ -55497,8 +55618,8 @@ function uploadWithProgress(url, file, token, onProgress, signal) {
 function useChatAttachments() {
   const runtime = useRequiredChatRuntime();
   const uploadUrlEndpoint = runtime.endpoints.attachmentUploadUrl;
-  const [attachments, setAttachments] = useState126([]);
-  const controllersRef = useRef76(/* @__PURE__ */ new Map());
+  const [attachments, setAttachments] = useState127([]);
+  const controllersRef = useRef77(/* @__PURE__ */ new Map());
   const updateOne = useCallback53((id, patch) => {
     setAttachments((prev) => prev.map((a) => a.id === id ? { ...a, ...patch } : a));
   }, []);
@@ -55587,7 +55708,7 @@ function useChatAttachments() {
     },
     [uploadUrlEndpoint, updateOne]
   );
-  const attachmentsRef = useRef76([]);
+  const attachmentsRef = useRef77([]);
   attachmentsRef.current = attachments;
   const addFiles = useCallback53(
     (files) => {
@@ -55664,16 +55785,16 @@ function useChatAttachments() {
 }
 
 // src/components/chat/hooks/use-chat-attachment-image-gallery.tsx
-import { useCallback as useCallback54, useEffect as useEffect96, useRef as useRef77, useState as useState127 } from "react";
+import { useCallback as useCallback54, useEffect as useEffect97, useRef as useRef78, useState as useState128 } from "react";
 import { jsx as jsx398 } from "react/jsx-runtime";
 var CLOSED = { isOpen: false, images: [], initialIndex: 0 };
 function useChatAttachmentImageGallery() {
   const runtime = useRequiredChatRuntime();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  const panelRef = useRef77(null);
-  const [state, setState] = useState127(CLOSED);
+  const panelRef = useRef78(null);
+  const [state, setState] = useState128(CLOSED);
   const handleClose = useCallback54(() => setState(CLOSED), []);
-  useEffect96(() => {
+  useEffect97(() => {
     const root = panelRef.current;
     if (!root) return;
     const onClick = (ev) => {
@@ -55719,11 +55840,11 @@ function absolutize(prefix) {
 }
 
 // src/components/chat/hooks/use-close-on-navigation.ts
-import { useEffect as useEffect97, useRef as useRef78 } from "react";
+import { useEffect as useEffect98, useRef as useRef79 } from "react";
 function useCloseOnNavigation(close, pathname) {
-  const prevPathnameRef = useRef78(null);
-  const initializedRef = useRef78(false);
-  useEffect97(() => {
+  const prevPathnameRef = useRef79(null);
+  const initializedRef = useRef79(false);
+  useEffect98(() => {
     if (!initializedRef.current) {
       initializedRef.current = true;
       prevPathnameRef.current = pathname;
@@ -55737,14 +55858,14 @@ function useCloseOnNavigation(close, pathname) {
 }
 
 // src/components/chat/hooks/use-chat.ts
-import { useState as useState129, useCallback as useCallback56, useEffect as useEffect98, useRef as useRef80 } from "react";
+import { useState as useState130, useCallback as useCallback56, useEffect as useEffect99, useRef as useRef81 } from "react";
 
 // src/components/chat/hooks/use-sse.ts
-import { useState as useState128, useCallback as useCallback55, useRef as useRef79 } from "react";
+import { useState as useState129, useCallback as useCallback55, useRef as useRef80 } from "react";
 function useSSE({ useMock = true, debugMode = false, streamFn } = {}) {
-  const [isStreaming, setIsStreaming] = useState128(false);
-  const [error, setError] = useState128(null);
-  const abortControllerRef = useRef79(null);
+  const [isStreaming, setIsStreaming] = useState129(false);
+  const [error, setError] = useState129(null);
+  const abortControllerRef = useRef80(null);
   const fallbackStream = useCallback55(async function* () {
     throw new Error(
       "[useSSE] No streamFn provided and `useMock: true` is no longer wired into the lib. Supply a `streamFn` (see `createDocStreamFn` in use-embedded-chat) or migrate the mock to your host code."
@@ -55810,12 +55931,12 @@ function useChat({
   initialMessages,
   onMessagesChange
 } = {}) {
-  const [messages, setMessages] = useState129(() => initialMessages ?? []);
-  const [isTyping, setIsTyping] = useState129(false);
-  const currentAssistantSegmentsRef = useRef80([]);
-  const onMessagesChangeRef = useRef80(onMessagesChange);
+  const [messages, setMessages] = useState130(() => initialMessages ?? []);
+  const [isTyping, setIsTyping] = useState130(false);
+  const currentAssistantSegmentsRef = useRef81([]);
+  const onMessagesChangeRef = useRef81(onMessagesChange);
   onMessagesChangeRef.current = onMessagesChange;
-  useEffect98(() => {
+  useEffect99(() => {
     onMessagesChangeRef.current?.(messages);
   }, [messages]);
   const {
@@ -56085,7 +56206,7 @@ function useChat({
 }
 
 // src/components/chat/hooks/use-sse-chat-adapter.ts
-import { useCallback as useCallback58, useMemo as useMemo54, useRef as useRef83 } from "react";
+import { useCallback as useCallback58, useMemo as useMemo54, useRef as useRef84 } from "react";
 
 // src/chat-protocol/confirm-tool.ts
 function buildConfirmToolBody(request) {
@@ -56352,7 +56473,7 @@ function pruneStaleChatConversationStorage(source) {
 }
 
 // src/components/chat/hooks/use-chat-history-hydration.ts
-import { useEffect as useEffect99, useRef as useRef81, useState as useState130 } from "react";
+import { useEffect as useEffect100, useRef as useRef82, useState as useState131 } from "react";
 function useChatHistoryHydration({
   active,
   source,
@@ -56362,9 +56483,9 @@ function useChatHistoryHydration({
   hydrateMessages,
   bumpMetaTick
 }) {
-  const [isHydratingHistory, setIsHydratingHistory] = useState130(false);
-  const hydratedKeyRef = useRef81(null);
-  useEffect99(() => {
+  const [isHydratingHistory, setIsHydratingHistory] = useState131(false);
+  const hydratedKeyRef = useRef82(null);
+  useEffect100(() => {
     if (!active) return;
     const conversationId = conversationIdRef.current;
     if (!conversationId) return;
@@ -58561,7 +58682,7 @@ function createChatDialogStore(options = {}) {
 }
 
 // src/components/chat/stream/use-chat-stream-reducer.ts
-import { useCallback as useCallback57, useEffect as useEffect100, useMemo as useMemo53, useRef as useRef82, useSyncExternalStore } from "react";
+import { useCallback as useCallback57, useEffect as useEffect101, useMemo as useMemo53, useRef as useRef83, useSyncExternalStore } from "react";
 
 // src/components/chat/stream/delta-batcher.ts
 var DELTA_FLUSH_FALLBACK_MS = 50;
@@ -58650,21 +58771,21 @@ function useChatStreamReducer({
   side = DEFAULT_DIALOG_SIDE,
   createReducerOptions
 }) {
-  const optionsRef = useRef82(createReducerOptions);
+  const optionsRef = useRef83(createReducerOptions);
   optionsRef.current = createReducerOptions;
   const reducer2 = store.getReducer(dialogId, side, () => optionsRef.current?.() ?? {});
   const getSnapshot = useCallback57(() => store.getSnapshot(dialogId, side), [store, dialogId, side]);
   const getServerSnapshot = useCallback57(() => store.getServerSnapshot(), [store]);
   const subscribe = useCallback57((listener) => store.subscribe(listener), [store]);
   const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-  useEffect100(() => store.retain(dialogId, side), [store, dialogId, side]);
-  const keyRef = useRef82({ dialogId, side });
+  useEffect101(() => store.retain(dialogId, side), [store, dialogId, side]);
+  const keyRef = useRef83({ dialogId, side });
   if (keyRef.current.dialogId !== dialogId || keyRef.current.side !== side) {
     keyRef.current = { dialogId, side };
   }
-  const storeRef = useRef82(store);
+  const storeRef = useRef83(store);
   storeRef.current = store;
-  const batcherRef = useRef82(null);
+  const batcherRef = useRef83(null);
   if (batcherRef.current === null) {
     batcherRef.current = createDeltaBatcher({
       applyOne: (event, key) => {
@@ -58682,7 +58803,7 @@ function useChatStreamReducer({
     },
     [batcher, store, dialogId, side]
   );
-  useEffect100(() => () => batcher.dispose(), [batcher]);
+  useEffect101(() => () => batcher.dispose(), [batcher]);
   const mutate = useCallback57(
     (fn) => store.mutate(dialogId, side, fn),
     [store, dialogId, side]
@@ -58713,7 +58834,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
   const runtime = useRequiredChatRuntime();
   const source = runtime.source || DEFAULT_CHAT_SOURCE;
   const tableIdForDocumentType = options?.tableIdForDocumentType ?? defaultTableIdForDocumentType;
-  const sendMessageRef = useRef83(async () => true);
+  const sendMessageRef = useRef84(async () => true);
   const cardResolve = useCallback58(
     (action) => (reqId) => {
       if (!reqId) return;
@@ -58733,17 +58854,17 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
     }),
     [cardApprove, cardReject]
   );
-  const storeRef = useRef83(null);
+  const storeRef = useRef84(null);
   if (storeRef.current === null) storeRef.current = createChatDialogStore();
   const { state, applyEvent, flushDeltas, mutate, reducer: reducer2 } = useChatStreamReducer({
     store: storeRef.current,
     dialogId: source,
     createReducerOptions
   });
-  const abortControllerRef = useRef83(null);
+  const abortControllerRef = useRef84(null);
   const conversationStorage = useMemo54(() => createChatConversationStorage(source), [source]);
-  const conversationIdRef = useRef83(null);
-  const restoredConversationRef = useRef83(false);
+  const conversationIdRef = useRef84(null);
+  const restoredConversationRef = useRef84(false);
   if (!restoredConversationRef.current) {
     restoredConversationRef.current = true;
     pruneStaleChatConversationStorage(source);
@@ -58774,7 +58895,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
     return map;
   }, [slashCommands]);
   const historyUrl = runtime.endpoints.chatHistoryUrl ?? `${runtime.endpoints.chatStreamUrl.replace(/\/+$/, "")}/history`;
-  const hydrationSendCountRef = useRef83(0);
+  const hydrationSendCountRef = useRef84(0);
   const hydrateMessages = useCallback58(
     (history, sourcesSeed) => {
       mutate((r) => {
@@ -58807,7 +58928,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
     // `hydrateMessages` above) already invalidates the snapshot.
     bumpMetaTick: noopBumpMetaTick
   });
-  const endpointsRef = useRef83(runtime.endpoints);
+  const endpointsRef = useRef84(runtime.endpoints);
   endpointsRef.current = runtime.endpoints;
   const captureConversationId = useCallback58(
     (event) => {
@@ -59063,7 +59184,7 @@ var noopBumpMetaTick = () => {
 };
 
 // src/components/chat/hooks/use-nats-chat-adapter.ts
-import { useCallback as useCallback59, useEffect as useEffect101, useMemo as useMemo55, useRef as useRef84, useState as useState131 } from "react";
+import { useCallback as useCallback59, useEffect as useEffect102, useMemo as useMemo55, useRef as useRef85, useState as useState132 } from "react";
 
 // src/chat-protocol/nats-decoder.ts
 function normalizeToolCalls(raw) {
@@ -60093,13 +60214,13 @@ function useNatsChatAdapter(config, options = {}) {
     modelLabel = null
   } = config;
   const isManagedMode = fetchDialogs !== void 0;
-  const [internalDialogId, setInternalDialogId] = useState131(null);
+  const [internalDialogId, setInternalDialogId] = useState132(null);
   const dialogId = isManagedMode ? internalDialogId : controlledDialogId !== void 0 ? controlledDialogId : null;
-  const currentDialogIdRef = useRef84(dialogId);
+  const currentDialogIdRef = useRef85(dialogId);
   currentDialogIdRef.current = dialogId;
-  const handleApproveRef = useRef84(async () => {
+  const handleApproveRef = useRef85(async () => {
   });
-  const handleRejectRef = useRef84(
+  const handleRejectRef = useRef85(
     async () => {
     }
   );
@@ -60111,8 +60232,8 @@ function useNatsChatAdapter(config, options = {}) {
     if (!requestId) return;
     return handleRejectRef.current(requestId);
   }, []);
-  const storeRef = useRef84(createChatDialogStore());
-  const globalApprovalStatusesRef = useRef84({});
+  const storeRef = useRef85(createChatDialogStore());
+  const globalApprovalStatusesRef = useRef85({});
   const dialogKey = dialogId ?? DRAFT_DIALOG_KEY;
   const { state, applyEvent, mutate } = useChatStreamReducer({
     store: storeRef.current,
@@ -60168,15 +60289,15 @@ function useNatsChatAdapter(config, options = {}) {
     },
     [applyEvent]
   );
-  const [dialogs, setDialogs] = useState131([]);
-  const [dialogsNextCursor, setDialogsNextCursor] = useState131(null);
-  const [isDialogsLoading, setIsDialogsLoading] = useState131(false);
-  const [dialogsError, setDialogsError] = useState131(false);
-  const [isCreatingDialog, setIsCreatingDialog] = useState131(false);
-  const [messagesNextCursor, setMessagesNextCursor] = useState131(null);
-  const [isMessagesLoading, setIsMessagesLoading] = useState131(false);
-  const [connectionState, setConnectionState] = useState131("connecting");
-  const hasConnectedOnceRef = useRef84(false);
+  const [dialogs, setDialogs] = useState132([]);
+  const [dialogsNextCursor, setDialogsNextCursor] = useState132(null);
+  const [isDialogsLoading, setIsDialogsLoading] = useState132(false);
+  const [dialogsError, setDialogsError] = useState132(false);
+  const [isCreatingDialog, setIsCreatingDialog] = useState132(false);
+  const [messagesNextCursor, setMessagesNextCursor] = useState132(null);
+  const [isMessagesLoading, setIsMessagesLoading] = useState132(false);
+  const [connectionState, setConnectionState] = useState132("connecting");
+  const hasConnectedOnceRef = useRef85(false);
   const {
     processChunk: catchupProcessChunk,
     catchUpChunks,
@@ -60189,7 +60310,7 @@ function useNatsChatAdapter(config, options = {}) {
     onChunkReceived: (chunk) => processChunk(chunk),
     fetchChunks
   });
-  const historyLoadSeqRef = useRef84(0);
+  const historyLoadSeqRef = useRef85(0);
   const loadDialogHistory = useCallback59(
     async (id, cursor) => {
       if (!fetchDialogMessages) return;
@@ -60252,8 +60373,8 @@ function useNatsChatAdapter(config, options = {}) {
       isBufferingActive
     ]
   );
-  const prevDialogIdRef = useRef84(void 0);
-  useEffect101(() => {
+  const prevDialogIdRef = useRef85(void 0);
+  useEffect102(() => {
     if (prevDialogIdRef.current === dialogId) return;
     prevDialogIdRef.current = dialogId;
     historyLoadSeqRef.current += 1;
@@ -60266,7 +60387,7 @@ function useNatsChatAdapter(config, options = {}) {
     if (!active || !dialogId) return;
     void loadDialogHistory(dialogId);
   }, [active, dialogId, dialogKey, loadDialogHistory]);
-  useEffect101(() => {
+  useEffect102(() => {
     if (!active || !dialogId) return;
     const store = storeRef.current;
     store.mutate(dialogId, DEFAULT_DIALOG_SIDE, (r) => r.adjustAgentBusySuppression(1));
@@ -60329,14 +60450,14 @@ function useNatsChatAdapter(config, options = {}) {
       })();
     }
   });
-  useEffect101(() => {
+  useEffect102(() => {
     if (!active || !dialogId) {
       setConnectionState("connected");
       return;
     }
     setConnectionState("connecting");
   }, [active, dialogId]);
-  const initialDialogsLoadedRef = useRef84(false);
+  const initialDialogsLoadedRef = useRef85(false);
   const loadDialogsPage = useCallback59(
     async (cursor) => {
       if (!fetchDialogs) return;
@@ -60368,7 +60489,7 @@ function useNatsChatAdapter(config, options = {}) {
   const reloadDialogs = useCallback59(() => {
     void loadDialogsPage();
   }, [loadDialogsPage]);
-  useEffect101(() => {
+  useEffect102(() => {
     if (!fetchDialogs) return;
     if (!active) return;
     if (initialDialogsLoadedRef.current) return;
@@ -60601,7 +60722,7 @@ function useNatsChatAdapter(config, options = {}) {
 }
 
 // src/components/chat/hooks/use-unified-chat.ts
-import { useCallback as useCallback60, useMemo as useMemo56, useRef as useRef85 } from "react";
+import { useCallback as useCallback60, useMemo as useMemo56, useRef as useRef86 } from "react";
 var EMPTY_SSE_OPTIONS = {};
 function createDisabledNatsConfig() {
   return {
@@ -60616,7 +60737,7 @@ function createDisabledNatsConfig() {
 }
 function useUnifiedChat(options) {
   const { modes, activeMode, mingoStateOverride } = options;
-  const disabledNatsRef = useRef85(null);
+  const disabledNatsRef = useRef86(null);
   if (disabledNatsRef.current === null) {
     disabledNatsRef.current = createDisabledNatsConfig();
   }
@@ -60630,7 +60751,7 @@ function useUnifiedChat(options) {
     { active: natsActive }
   );
   const activeState = activeMode === "guide" ? sseState : mingoStateOverride ?? natsState;
-  const activeStateRef = useRef85(activeState);
+  const activeStateRef = useRef86(activeState);
   activeStateRef.current = activeState;
   const stopMessage = useCallback60(() => activeStateRef.current.stopMessage(), []);
   const clearMessages = useCallback60(
@@ -61032,16 +61153,16 @@ function buildStreamFrames(messages) {
 
 // src/components/chat/embeddable-chat.tsx
 init_cn();
-import React150, { useCallback as useCallback62, useEffect as useEffect102, useImperativeHandle as useImperativeHandle5, useMemo as useMemo58, useRef as useRef87, useState as useState133 } from "react";
+import React151, { useCallback as useCallback62, useEffect as useEffect103, useImperativeHandle as useImperativeHandle5, useMemo as useMemo58, useRef as useRef88, useState as useState134 } from "react";
 import * as DialogPrimitive5 from "@radix-ui/react-dialog";
 import { usePreventScroll as usePreventScroll5 } from "@react-aria/overlays";
 import { isIOS } from "@react-aria/utils";
 
 // node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
-import * as React149 from "react";
+import * as React150 from "react";
 
 // node_modules/@radix-ui/react-primitive/dist/index.mjs
-import * as React148 from "react";
+import * as React149 from "react";
 import * as ReactDOM2 from "react-dom";
 import { createSlot } from "@radix-ui/react-slot";
 import { jsx as jsx399 } from "react/jsx-runtime";
@@ -61068,7 +61189,7 @@ var NODES = [
 ];
 var Primitive = NODES.reduce((primitive, node) => {
   const Slot2 = createSlot(`Primitive.${node}`);
-  const Node2 = React148.forwardRef((props, forwardedRef) => {
+  const Node2 = React149.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot2 : node;
     if (typeof window !== "undefined") {
@@ -61101,7 +61222,7 @@ var VISUALLY_HIDDEN_STYLES = Object.freeze({
   whiteSpace: "nowrap",
   wordWrap: "normal"
 });
-var VisuallyHidden = /* @__PURE__ */ React149.forwardRef(
+var VisuallyHidden = /* @__PURE__ */ React150.forwardRef(
   /* @__PURE__ */ __name4(function VisuallyHidden2(props, forwardedRef) {
     return /* @__PURE__ */ jsx400(
       Primitive.span,
@@ -61119,7 +61240,7 @@ init_button2();
 import { FileText as FileText8, MessageSquare as MessageSquare3 } from "lucide-react";
 
 // src/components/chat/hooks/use-chat-dialog-manager.ts
-import { useCallback as useCallback61, useMemo as useMemo57, useRef as useRef86, useState as useState132 } from "react";
+import { useCallback as useCallback61, useMemo as useMemo57, useRef as useRef87, useState as useState133 } from "react";
 function useChatDialogManager({
   dialogs,
   activeDialogId,
@@ -61130,8 +61251,8 @@ function useChatDialogManager({
   fetchArchivedDialogs,
   unarchiveDialog
 }) {
-  const [renameTarget, setRenameTarget] = useState132(null);
-  const [archiveTarget, setArchiveTarget] = useState132(null);
+  const [renameTarget, setRenameTarget] = useState133(null);
+  const [archiveTarget, setArchiveTarget] = useState133(null);
   const handleConfirmRename = useCallback61(
     (name) => {
       if (renameTarget) void renameDialog(renameTarget.id, name);
@@ -61154,12 +61275,12 @@ function useChatDialogManager({
     }
     setArchiveTarget(null);
   }, [archiveTarget, archiveDialog, activeDialogId, clearMessages]);
-  const [archiveOpen, setArchiveOpen] = useState132(false);
-  const [archivedDialogs, setArchivedDialogs] = useState132([]);
-  const [archivedCursor, setArchivedCursor] = useState132(null);
-  const [archivedLoading, setArchivedLoading] = useState132(false);
-  const [archivedPending, setArchivedPending] = useState132(false);
-  const archivedRequestIdRef = useRef86(0);
+  const [archiveOpen, setArchiveOpen] = useState133(false);
+  const [archivedDialogs, setArchivedDialogs] = useState133([]);
+  const [archivedCursor, setArchivedCursor] = useState133(null);
+  const [archivedLoading, setArchivedLoading] = useState133(false);
+  const [archivedPending, setArchivedPending] = useState133(false);
+  const archivedRequestIdRef = useRef87(0);
   const loadArchivedPage = useCallback61(
     async (cursor) => {
       if (!fetchArchivedDialogs) return;
@@ -61200,10 +61321,10 @@ function useChatDialogManager({
     void loadArchivedPage();
   }, [loadArchivedPage]);
   const closeArchive = useCallback61(() => setArchiveOpen(false), []);
-  const [viewingArchivedId, setViewingArchivedId] = useState132(
+  const [viewingArchivedId, setViewingArchivedId] = useState133(
     null
   );
-  const [openingDialogId, setOpeningDialogId] = useState132(null);
+  const [openingDialogId, setOpeningDialogId] = useState133(null);
   const handleSelectDialog = useCallback61(
     (id) => {
       setViewingArchivedId(null);
@@ -61222,7 +61343,7 @@ function useChatDialogManager({
     },
     [selectDialog]
   );
-  const [restoreTarget, setRestoreTarget] = useState132(null);
+  const [restoreTarget, setRestoreTarget] = useState133(null);
   const handleConfirmRestore = useCallback61(async () => {
     if (restoreTarget) {
       try {
@@ -61315,9 +61436,9 @@ var SPLIT_MIN_WIDTH = HISTORY_RAIL_WIDTH + CHAT_BLOCK_MIN_WIDTH;
 var RAIL_COLLAPSED_STORAGE_KEY = "mingo-chat-history-collapsed";
 var RAIL_ANIM_MS = 320;
 function useRailPresence(open) {
-  const [mounted, setMounted] = useState133(open);
-  const [active, setActive] = useState133(false);
-  useEffect102(() => {
+  const [mounted, setMounted] = useState134(open);
+  const [active, setActive] = useState134(false);
+  useEffect103(() => {
     if (open) {
       setMounted(true);
       let raf2 = 0;
@@ -61535,7 +61656,7 @@ function SourceChips({
   onClose,
   onDiscuss
 }) {
-  const [expanded, setExpanded] = useState133(false);
+  const [expanded, setExpanded] = useState134(false);
   if (cited.length === 0) {
     const fallback = uncited.slice(0, FALLBACK_TOP_RETRIEVED);
     if (fallback.length === 0) return null;
@@ -61600,7 +61721,7 @@ function SourceChips({
     )
   ] });
 }
-var EmbeddableChat = React150.forwardRef(function EmbeddableChat2(props, ref) {
+var EmbeddableChat = React151.forwardRef(function EmbeddableChat2(props, ref) {
   return /* @__PURE__ */ jsx401(EmbeddableChatInner, { ...props, handleRef: ref });
 });
 function EmbeddableChatInner({
@@ -61645,7 +61766,7 @@ function EmbeddableChatInner({
   const commandsUrl = runtime.endpoints.commandsUrl;
   const { attachmentsEnabled, user: identityUser } = useChatIdentity();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  useEffect102(() => {
+  useEffect103(() => {
     if (process.env.NODE_ENV !== "production") {
       const hasOpen = open !== void 0;
       const hasHandler = onOpenChange !== void 0;
@@ -61661,13 +61782,13 @@ function EmbeddableChatInner({
     defaultProp: defaultOpen ?? false,
     onChange: onOpenChange
   });
-  const [autoFocusInput] = useState133(() => {
+  const [autoFocusInput] = useState134(() => {
     if (typeof window === "undefined") return false;
     return !window.matchMedia("(pointer: coarse)").matches;
   });
   usePreventScroll5({ isDisabled: !isOpen || shellLess });
-  const navigatingAwayRef = useRef87(false);
-  useEffect102(() => {
+  const navigatingAwayRef = useRef88(false);
+  useEffect103(() => {
     if (!isOpen) return;
     if (shellLess) return;
     if (typeof window === "undefined") return;
@@ -61693,8 +61814,8 @@ function EmbeddableChatInner({
       window.scrollTo(0, scrollY);
     };
   }, [isOpen, shellLess]);
-  const chatInputRef = useRef87(null);
-  const [quickActionPreview, setQuickActionPreview] = useState133(null);
+  const chatInputRef = useRef88(null);
+  const [quickActionPreview, setQuickActionPreview] = useState134(null);
   const slashCommandsProp = useMemo58(
     () => ({
       fetchCommands: (prefix, signal) => fetchSlashCommands(prefix, signal, commandsUrl),
@@ -61739,7 +61860,7 @@ function EmbeddableChatInner({
   }, [mingoState, mingoDialogCapabilities, effectiveModes]);
   const hasMingoMode = !!effectiveModes.mingo || !!mingoState;
   const initialActiveMode = controlledActiveMode ?? defaultActiveMode ?? (effectiveModes.guide ? "guide" : "mingo");
-  const [uncontrolledActiveMode, setUncontrolledActiveMode] = useState133(initialActiveMode);
+  const [uncontrolledActiveMode, setUncontrolledActiveMode] = useState134(initialActiveMode);
   const activeMode = controlledActiveMode ?? uncontrolledActiveMode;
   const handleActiveModeChange = useCallback62(
     (next) => {
@@ -61801,8 +61922,8 @@ function EmbeddableChatInner({
     hasMoreMessages,
     loadMoreMessages
   } = useUnifiedChat({ modes: effectiveModes, activeMode, mingoStateOverride: mingoState });
-  const guidePromptSentRef = useRef87(false);
-  useEffect102(() => {
+  const guidePromptSentRef = useRef88(false);
+  useEffect103(() => {
     if (!guidePendingPrompt) {
       guidePromptSentRef.current = false;
       return;
@@ -61823,15 +61944,15 @@ function EmbeddableChatInner({
   const { panelRef: galleryPanelRef, modal: galleryModal } = useChatAttachmentImageGallery();
   const contextMaxItems = contextPicker?.maxItems ?? 10;
   const contextPickerForMode = activeMode === "mingo" ? contextPicker : void 0;
-  const [contextItems, setContextItems] = useState133([]);
-  const [contextPickerOpen, setContextPickerOpen] = useState133(false);
-  const [mentionQuery, setMentionQuery] = useState133(null);
-  const mentionActiveRef = useRef87(false);
-  useEffect102(() => {
+  const [contextItems, setContextItems] = useState134([]);
+  const [contextPickerOpen, setContextPickerOpen] = useState134(false);
+  const [mentionQuery, setMentionQuery] = useState134(null);
+  const mentionActiveRef = useRef88(false);
+  useEffect103(() => {
     mentionActiveRef.current = mentionQuery !== null;
   }, [mentionQuery]);
-  const mentionKeysRef = useRef87(/* @__PURE__ */ new Set());
-  useEffect102(() => {
+  const mentionKeysRef = useRef88(/* @__PURE__ */ new Set());
+  useEffect103(() => {
     setContextItems([]);
     setMentionQuery(null);
     mentionKeysRef.current.clear();
@@ -61927,7 +62048,7 @@ function EmbeddableChatInner({
     () => effectiveAssistantIcon ? /* @__PURE__ */ jsx401(EntityIcon, { icon: effectiveAssistantIcon, size: 24 }) : /* @__PURE__ */ jsx401(MingoIcon, { className: "h-6 w-6", cornerColor: "var(--ods-flamingo-cyan-base)" }),
     [effectiveAssistantIcon]
   );
-  const timestampCacheRef = useRef87(/* @__PURE__ */ new Map());
+  const timestampCacheRef = useRef88(/* @__PURE__ */ new Map());
   const guideUserName = activeMode === "guide" ? [identityUser?.firstName, identityUser?.lastName].filter(Boolean).join(" ").trim() || identityUser?.name?.trim() || void 0 : void 0;
   const guideUserAvatar = activeMode === "guide" ? identityUser?.avatarUrl?.trim() || void 0 : void 0;
   const messages = useMemo58(() => {
@@ -62065,7 +62186,7 @@ function EmbeddableChatInner({
   });
   const handleOpen = useCallback62(() => setIsOpen(true), [setIsOpen]);
   useCloseOnNavigation(handleNavigationClose, null);
-  useEffect102(() => {
+  useEffect103(() => {
     const handler = (e) => {
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
@@ -62075,7 +62196,7 @@ function EmbeddableChatInner({
     window.addEventListener("ask-ai:open-with-ref", handler);
     return () => window.removeEventListener("ask-ai:open-with-ref", handler);
   }, [source, discussRef, setIsOpen]);
-  useEffect102(() => {
+  useEffect103(() => {
     const handler = (e) => {
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
@@ -62092,7 +62213,7 @@ function EmbeddableChatInner({
   const contentViewKey = hasConversation ? "conversation" : activeMode;
   const isGuideEmpty = !hasConversation && activeMode === "guide";
   const isQuickActionEmpty = !hasConversation && (activeMode === "guide" || activeMode === "mingo");
-  useEffect102(() => {
+  useEffect103(() => {
     if (!isQuickActionEmpty) setQuickActionPreview(null);
   }, [isQuickActionEmpty]);
   const guideCanReturnToMingo = isGuideEmpty && hasMingoMode;
@@ -62134,11 +62255,11 @@ function EmbeddableChatInner({
     const uncited = sources.filter((s) => !seenOrder.has(s.index));
     return { cited, uncited };
   }, [lastAssistantMsg, chatLoading]);
-  const [portalHost, setPortalHost] = useState133(null);
-  const [panelBoundary, setPanelBoundary] = useState133(null);
-  const [panelWidth, setPanelWidth] = useState133(0);
-  const panelMeasureRef = useRef87(null);
-  useEffect102(() => {
+  const [portalHost, setPortalHost] = useState134(null);
+  const [panelBoundary, setPanelBoundary] = useState134(null);
+  const [panelWidth, setPanelWidth] = useState134(0);
+  const panelMeasureRef = useRef88(null);
+  useEffect103(() => {
     const el = panelMeasureRef.current;
     if (!el || typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver((entries) => {
@@ -62153,8 +62274,8 @@ function EmbeddableChatInner({
     panelMeasureRef.current = node;
     setPanelBoundary(node);
   }, []);
-  const [railCollapsed, setRailCollapsed] = useState133(false);
-  useEffect102(() => {
+  const [railCollapsed, setRailCollapsed] = useState134(false);
+  useEffect103(() => {
     try {
       if (window.localStorage.getItem(RAIL_COLLAPSED_STORAGE_KEY) === "1")
         setRailCollapsed(true);
@@ -62171,15 +62292,15 @@ function EmbeddableChatInner({
       return next;
     });
   }, []);
-  const [railSearchOpen, setRailSearchOpen] = useState133(false);
+  const [railSearchOpen, setRailSearchOpen] = useState134(false);
   const splitEligible = activeMode === "mingo";
   const canSplit = panelWidth >= SPLIT_MIN_WIDTH;
   const wideMingo = splitEligible && canSplit && !previewMode;
   const splitActive = wideMingo && !railCollapsed;
   const railPresence = useRailPresence(splitActive);
   const showWideHeader = wideMingo || railPresence.mounted;
-  const [composeOpen, setComposeOpen] = useState133(false);
-  useEffect102(() => {
+  const [composeOpen, setComposeOpen] = useState134(false);
+  useEffect103(() => {
     if (hasConversation) setComposeOpen(false);
   }, [hasConversation]);
   const isMingoMode = activeMode === "mingo";
@@ -63045,12 +63166,7 @@ export {
   LinkedInEmbedClient,
   OGLinkErrorBoundary,
   OGLinkPreview,
-  toGoogleSheetsEmbedUrl,
-  toGoogleSheetsOriginalUrl,
-  toFigmaEmbedUrl,
-  isFigmaSlidesUrl,
-  toFigmaOriginalUrl,
-  toClaudeEmbedUrl,
+  FullscreenSwitchController,
   EmbedIframe,
   EmbedViewerFrame,
   FigmaEmbed,
@@ -63874,4 +63990,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-EYXZF46V.js.map
+//# sourceMappingURL=chunk-5NVVVIHJ.js.map