@flamingo-stack/openframe-frontend-core 0.0.479 → 0.0.480-snapshot.20260724201901

package/dist/{chunk-THGA7UZZ.js → chunk-BBUEY73L.js}

@@ -4899,23 +4899,30 @@ var formatTime = (input) => format(input, timeFmt);
 // src/components/chat/tool-execution-display.tsx
 init_cn();
 import { forwardRef as forwardRef10, useMemo as useMemo5, useState as useState9 } from "react";
-import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 var COMMAND_BODY_KEYS2 = new Set(COMMAND_BODY_ARG_KEYS);
 var ToolExecutionDisplay = forwardRef10(
-  ({ className, message: message2, assistantType, ...props }, ref) => {
+  ({ className, message: message2, assistantType, variant = "admin", ...props }, ref) => {
     const [expanded, setExpanded] = useState9(false);
     const { innerRef, containerStyle } = useCollapsible({ expanded });
     const isClient = assistantType === "fae";
+    const isClientView = variant === "client";
     const isExecuting = message2.type === "EXECUTING_TOOL";
     const isExecuted = message2.type === "EXECUTED_TOOL";
     const integratedToolType = message2.integratedToolType || "OPENFRAME";
-    const previewText = message2.toolTitle;
+    const previewText = variant === "client" ? message2.toolExplanation?.trim() : message2.toolTitle?.trim();
     const argEntries = useMemo5(() => {
       if (!message2.parameters || typeof message2.parameters !== "object") return [];
-      return Object.entries(message2.parameters).filter(
-        ([k, v]) => !COMMAND_BODY_KEYS2.has(k) && v !== null && v !== void 0 && v !== ""
+      const entries = Object.entries(message2.parameters).filter(
+        ([, v]) => v !== null && v !== void 0 && v !== ""
       );
-    }, [message2.parameters]);
+      if (variant === "client") {
+        return entries.filter(([k]) => !COMMAND_BODY_KEYS2.has(k));
+      }
+      const commandEntries = entries.filter(([k]) => COMMAND_BODY_KEYS2.has(k));
+      const otherEntries = entries.filter(([k]) => !COMMAND_BODY_KEYS2.has(k));
+      return [...commandEntries, ...otherEntries];
+    }, [message2.parameters, variant]);
     const hasResult = isExecuted && typeof message2.result === "string" && message2.result.length > 0;
     const hasBody = argEntries.length > 0 || hasResult || isExecuting;
     const renderStatusIcon = () => {
@@ -4924,7 +4931,22 @@ var ToolExecutionDisplay = forwardRef10(
       if (isExecuted && message2.success === false) return /* @__PURE__ */ jsx23(XmarkCircleIcon, { className: "w-4 h-4 text-ods-error" });
       return null;
     };
-    return /* @__PURE__ */ jsxs19(
+    const headerContent = /* @__PURE__ */ jsxs19(Fragment4, { children: [
+      !isClient && /* @__PURE__ */ jsx23("div", { className: "flex items-center justify-center shrink-0 w-5 h-5", children: /* @__PURE__ */ jsx23(ToolIcon, { toolType: integratedToolType, size: 16 }) }),
+      /* @__PURE__ */ jsx23(
+        "div",
+        {
+          className: cn(
+            "flex-1 min-w-0 text-h6",
+            isClientView ? "text-ods-text-primary whitespace-pre-wrap break-words" : expanded ? "text-ods-text-primary whitespace-pre-wrap break-all" : "text-ods-text-secondary line-clamp-2 max-h-10 break-all"
+          ),
+          children: previewText
+        }
+      ),
+      /* @__PURE__ */ jsx23("div", { className: "flex items-center justify-center shrink-0 w-5 h-5", children: renderStatusIcon() }),
+      !isClientView && /* @__PURE__ */ jsx23("div", { className: "flex items-center justify-center shrink-0 w-5 h-5", children: /* @__PURE__ */ jsx23(ExpandChevron, { expanded }) })
+    ] });
+    return /* @__PURE__ */ jsx23(
       "div",
       {
         ref,
@@ -4935,28 +4957,18 @@ var ToolExecutionDisplay = forwardRef10(
           className
         ),
         ...props,
-        children: [
-          /* @__PURE__ */ jsxs19(
+        children: isClientView ? (
+          // Client (Fae end-user): static, non-expandable row — no chevron, no
+          // body. Just the explanation + status; command/args/result are hidden.
+          /* @__PURE__ */ jsx23("div", { className: "flex gap-[var(--spacing-system-xs)] items-start p-[var(--spacing-system-s)] w-full text-left", children: headerContent })
+        ) : /* @__PURE__ */ jsxs19(Fragment4, { children: [
+          /* @__PURE__ */ jsx23(
             "button",
             {
               type: "button",
               className: "flex gap-[var(--spacing-system-xs)] items-start p-[var(--spacing-system-s)] cursor-pointer text-left w-full",
               onClick: () => setExpanded((prev) => !prev),
-              children: [
-                !isClient && /* @__PURE__ */ jsx23("div", { className: "flex items-center justify-center shrink-0 w-5 h-5", children: /* @__PURE__ */ jsx23(ToolIcon, { toolType: integratedToolType, size: 16 }) }),
-                /* @__PURE__ */ jsx23(
-                  "div",
-                  {
-                    className: cn(
-                      "flex-1 min-w-0 text-h6",
-                      expanded ? "text-ods-text-primary whitespace-pre-wrap break-all" : "text-ods-text-secondary line-clamp-2 max-h-10 break-all"
-                    ),
-                    children: previewText
-                  }
-                ),
-                /* @__PURE__ */ jsx23("div", { className: "flex items-center justify-center shrink-0 w-5 h-5", children: renderStatusIcon() }),
-                /* @__PURE__ */ jsx23("div", { className: "flex items-center justify-center shrink-0 w-5 h-5", children: /* @__PURE__ */ jsx23(ExpandChevron, { expanded }) })
-              ]
+              children: headerContent
             }
           ),
           /* @__PURE__ */ jsx23("div", { className: "w-full", style: containerStyle, children: /* @__PURE__ */ jsx23("div", { ref: innerRef, children: hasBody && /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-0 items-start w-full text-h6 p-[var(--spacing-system-sf)] bg-ods-card", children: [
@@ -4982,7 +4994,7 @@ var ToolExecutionDisplay = forwardRef10(
               }
             )
           ] }) }) })
-        ]
+        ] })
       }
     );
   }
@@ -5076,13 +5088,13 @@ function BlockCard(_props) {
 
 // src/components/chat/chat-context-picker.tsx
 import { QueryErrorResetBoundary } from "@tanstack/react-query";
-import { Fragment as Fragment5, Suspense, useCallback as useCallback6, useEffect as useEffect5, useLayoutEffect as useLayoutEffect3, useMemo as useMemo6, useRef as useRef6, useState as useState10 } from "react";
+import { Fragment as Fragment6, Suspense, useCallback as useCallback6, useEffect as useEffect5, useLayoutEffect as useLayoutEffect3, useMemo as useMemo6, useRef as useRef6, useState as useState10 } from "react";
 init_cn();
 
 // src/components/chat/context-items-list.tsx
 import * as React9 from "react";
 init_cn();
-import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 var itemKey = (i) => `${i.type}:${i.id}`;
 var CONTEXT_ROW_CLASS = "flex w-full items-center gap-2 border-b border-ods-border bg-ods-bg py-3 pl-4 pr-2 text-left outline-none transition-colors last:border-b-0 hover:bg-ods-bg-hover focus-visible:bg-ods-bg-hover [&_svg]:size-4 md:[&_svg]:size-6";
 var CONTEXT_ICON_CLASS = "flex size-4 shrink-0 items-center justify-center text-ods-text-secondary md:size-6";
@@ -5118,7 +5130,7 @@ function ContextMenuRow({
   );
 }
 function ContextItemsSkeleton({ count }) {
-  return /* @__PURE__ */ jsx24(Fragment4, { children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx24(Fragment5, { children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx24(
     "div",
     {
       className: "flex items-center border-b border-ods-border bg-ods-bg py-3 pl-4 pr-2 last:border-b-0",
@@ -5201,7 +5213,7 @@ var ContextErrorBoundary = class extends React9.Component {
 };
 
 // src/components/chat/chat-context-picker.tsx
-import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 var CHAT_CONTEXT_ITEMS_DEFAULT_MAX = 10;
 var ITEMS_SKELETON_ROWS = 10;
 var SEARCH_DEBOUNCE_MS = 300;
@@ -5387,7 +5399,7 @@ function ChatContextPicker({
         ] })
       ) : activeType ? (
         /* Level 2 — Back + search + HOST-rendered items (Figma 31:29102). */
-        /* @__PURE__ */ jsxs21(Fragment6, { children: [
+        /* @__PURE__ */ jsxs21(Fragment7, { children: [
           /* @__PURE__ */ jsxs21("button", { type: "button", onClick: backToTypes, className: cn(CONTEXT_BACK_CLASS, "sticky top-0 z-10"), children: [
             /* @__PURE__ */ jsx25(Chevron02LeftIcon, { size: 24, className: "shrink-0" }),
             /* @__PURE__ */ jsx25("span", { className: "truncate", children: "Back" })
@@ -5458,7 +5470,7 @@ function ChatContextChipStrip({
     // uppercase label, 16px lead icon + xmark-circle remove. Wraps to new rows.
     /* @__PURE__ */ jsx25("div", { className: cn("flex flex-wrap content-center items-center gap-2", className), children: items.map((item) => {
       const hostNode = renderItem?.(item);
-      if (hostNode != null) return /* @__PURE__ */ jsx25(Fragment5, { children: hostNode }, itemKey2(item));
+      if (hostNode != null) return /* @__PURE__ */ jsx25(Fragment6, { children: hostNode }, itemKey2(item));
       return /* @__PURE__ */ jsxs21(
         "div",
         {
@@ -5495,7 +5507,7 @@ function ChatContextChipStrip({
 }
 
 // src/components/chat/chat-message-enhanced.tsx
-import { Fragment as Fragment7, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 var MENTION_MARKER_REGEX = /(^|[^\w@])@[a-z]+:([A-Za-z0-9_.+/=-]*[A-Za-z0-9_+/=])/g;
 var CARD_MARKER_REGEX = /\[card:\/\/([a-zA-Z0-9_-]+):([a-zA-Z0-9_-]+)[\])]/g;
 function formatMessageTimestamp(timestamp) {
@@ -5627,7 +5639,7 @@ var ChatMessageEnhanced = forwardRef11(
             const marker = sepIdx === -1 ? stripped : stripped.slice(0, sepIdx);
             const id = sepIdx === -1 ? "" : stripped.slice(sepIdx + 1);
             const node = renderMention?.({ marker, id });
-            if (node != null) return /* @__PURE__ */ jsx26(Fragment7, { children: node });
+            if (node != null) return /* @__PURE__ */ jsx26(Fragment8, { children: node });
             return /* @__PURE__ */ jsx26("span", { className: "text-ods-text-secondary opacity-60", children });
           }
           if (typeof href === "string" && href.startsWith("card://")) {
@@ -5741,7 +5753,8 @@ var ChatMessageEnhanced = forwardRef11(
                 ToolExecutionDisplay,
                 {
                   message: segment.data,
-                  assistantType
+                  assistantType,
+                  variant: approvalVariant
                 },
                 index
               );
@@ -6517,7 +6530,7 @@ function EntityIcon({
 }
 
 // src/components/chat/quick-action-chip.tsx
-import { Fragment as Fragment8, jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
 var AGENT_ACCENTS = { fae: "pink", mingo: "cyan" };
 function getAgentAccent(slug) {
   return slug === "fae" || slug === "mingo" ? AGENT_ACCENTS[slug] : void 0;
@@ -6552,7 +6565,7 @@ function renderQuickActionIcon(icon) {
 }
 function composeChipLabel(label, lozenge) {
   if (!lozenge) return label;
-  return /* @__PURE__ */ jsxs27(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs27(Fragment9, { children: [
     /* @__PURE__ */ jsx33(
       "span",
       {
@@ -6583,7 +6596,7 @@ function QuickActionChipSkeleton({ labelCh = 16, icon = true, lozenge = false, s
       size: size2,
       className,
       icon: icon ? /* @__PURE__ */ jsx33(ChipSkelBar, { className: size2 === "large" ? "block size-5" : "block size-4" }) : void 0,
-      label: /* @__PURE__ */ jsxs27(Fragment8, { children: [
+      label: /* @__PURE__ */ jsxs27(Fragment9, { children: [
         lozenge && /* @__PURE__ */ jsx33(ChipSkelBar, { className: "mr-2 inline-block h-[16px] w-[26px] translate-y-[2px]" }),
         /* @__PURE__ */ jsx33(ChipSkelBar, { className: "inline-block h-[0.9em] translate-y-[0.08em]", style: { width: `${labelCh}ch` } })
       ] })
@@ -6667,7 +6680,7 @@ import * as React13 from "react";
 // src/components/ui/marquee-wall.tsx
 init_cn();
 import * as React12 from "react";
-import { Fragment as Fragment9, jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
 function normalizeFades(fade) {
   return fade ? Array.isArray(fade) ? fade : [fade] : [];
 }
@@ -6711,7 +6724,7 @@ function MarqueeWallFades({
   fadeColor = "var(--color-bg)",
   fadeSize
 }) {
-  return /* @__PURE__ */ jsx34(Fragment9, { children: normalizeFades(fade).map((edge) => {
+  return /* @__PURE__ */ jsx34(Fragment10, { children: normalizeFades(fade).map((edge) => {
     const size2 = (typeof fadeSize === "object" && fadeSize !== null ? fadeSize[edge] : fadeSize) ?? DEFAULT_FADE_SIZE[edge];
     const px = typeof size2 === "number" ? `${size2}px` : size2;
     const isY = edge === "top" || edge === "bottom";
@@ -7811,7 +7824,7 @@ function MingoChatHistory({
 
 // src/components/chat/mingo-welcome.tsx
 init_button2();
-import { Fragment as Fragment10, jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
 var DEFAULT_SUBTITLE = "Ready to help with your technical tasks. What can I do for you?";
 var DEFAULT_PROMO = {
   title: "New to OpenFrame?",
@@ -7884,7 +7897,7 @@ function MingoWelcome({
               children: "Try again"
             }
           )
-        ] }) : isLoadingHistory ? /* @__PURE__ */ jsx43(MingoChatHistorySkeleton, {}) : /* @__PURE__ */ jsx43(Fragment10, { children: /* @__PURE__ */ jsxs35("div", { className: "relative flex flex-1 min-h-0 flex-col", children: [
+        ] }) : isLoadingHistory ? /* @__PURE__ */ jsx43(MingoChatHistorySkeleton, {}) : /* @__PURE__ */ jsx43(Fragment11, { children: /* @__PURE__ */ jsxs35("div", { className: "relative flex flex-1 min-h-0 flex-col", children: [
           /* @__PURE__ */ jsx43(
             "div",
             {
@@ -8442,7 +8455,7 @@ var ModalFooter = React23.forwardRef(
 ModalFooter.displayName = "ModalV2Footer";
 
 // src/components/chat/mingo-chat-modals.tsx
-import { Fragment as Fragment11, jsx as jsx50, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx50, jsxs as jsxs41 } from "react/jsx-runtime";
 var footerBtn = "flex-1 min-w-0 rounded-md px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)] text-h3 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent disabled:opacity-50 disabled:cursor-not-allowed";
 var cancelBtn = cn(
   footerBtn,
@@ -8533,7 +8546,7 @@ function ChatDialogModals({
   setRestoreTarget,
   onConfirmRestore
 }) {
-  return /* @__PURE__ */ jsxs41(Fragment11, { children: [
+  return /* @__PURE__ */ jsxs41(Fragment12, { children: [
     /* @__PURE__ */ jsx50(
       RenameChatModal,
       {
@@ -8757,7 +8770,7 @@ function ChatPanelHeaderMobile({
 }
 
 // src/components/chat/chat-panel-header.tsx
-import { Fragment as Fragment12, jsx as jsx54, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx54, jsxs as jsxs44 } from "react/jsx-runtime";
 function ChatPanelHeader({
   showBack = false,
   title,
@@ -8782,7 +8795,7 @@ function ChatPanelHeader({
     onRename && { id: "rename", label: "Rename chat", onClick: onRename },
     onArchive && { id: "archive", label: "Archive chat", onClick: onArchive }
   ].filter(Boolean);
-  return /* @__PURE__ */ jsxs44(Fragment12, { children: [
+  return /* @__PURE__ */ jsxs44(Fragment13, { children: [
     !compact && /* @__PURE__ */ jsx54(
       ChatPanelHeaderMobile,
       {
@@ -8941,7 +8954,7 @@ function stripChatAttachmentMarkdown(text) {
 }
 
 // src/components/chat/chat-attachment-bar.tsx
-import { Fragment as Fragment13, jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
 var CHAT_ATTACHMENT_MIME_TYPES = [
   "image/jpeg",
   "image/png",
@@ -8974,7 +8987,7 @@ function ChatAttachmentAddButton({
     if (!canAddMore) return;
     fileInputRef.current?.click();
   };
-  return /* @__PURE__ */ jsxs45(Fragment13, { children: [
+  return /* @__PURE__ */ jsxs45(Fragment14, { children: [
     /* @__PURE__ */ jsx55(
       "input",
       {
@@ -9564,7 +9577,7 @@ function ChatComposer({
 }
 
 // src/components/chat/chat-archive-page.tsx
-import { Fragment as Fragment14, jsx as jsx60, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx60, jsxs as jsxs49 } from "react/jsx-runtime";
 function ChatArchivePage(props) {
   const {
     dialogs,
@@ -9574,7 +9587,7 @@ function ChatArchivePage(props) {
     hasMore = false,
     onLoadMore
   } = props;
-  return /* @__PURE__ */ jsxs49(Fragment14, { children: [
+  return /* @__PURE__ */ jsxs49(Fragment15, { children: [
     !props.embedded && /* @__PURE__ */ jsx60(
       ChatPanelHeaderMobile,
       {
@@ -9694,7 +9707,7 @@ var ChatSidebarSkeleton = React30.forwardRef(
 ChatSidebarSkeleton.displayName = "ChatSidebarSkeleton";
 
 // src/components/chat/chat-sidebar.tsx
-import { Fragment as Fragment15, jsx as jsx62, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx62, jsxs as jsxs51 } from "react/jsx-runtime";
 var DialogListItem = forwardRef20(
   ({ className, dialog, isActive, onDialogSelect, onClick, ...props }, ref) => {
     const handleClick = (e) => {
@@ -9823,7 +9836,7 @@ var ChatSidebar = forwardRef20(
                 },
                 dialog.id
               )),
-              hasNextPage && /* @__PURE__ */ jsx62("div", { ref: loadMoreRef, children: isFetchingNextPage && /* @__PURE__ */ jsxs51(Fragment15, { children: [
+              hasNextPage && /* @__PURE__ */ jsx62("div", { ref: loadMoreRef, children: isFetchingNextPage && /* @__PURE__ */ jsxs51(Fragment16, { children: [
                 /* @__PURE__ */ jsx62(DialogListItemSkeleton, {}),
                 /* @__PURE__ */ jsx62(DialogListItemSkeleton, {}),
                 /* @__PURE__ */ jsx62(DialogListItemSkeleton, {})
@@ -10704,7 +10717,7 @@ function PlatformBadge({
 }
 
 // src/components/chat/entity-cards/admin-content-card.tsx
-import { Fragment as Fragment16, jsx as jsx73, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx73, jsxs as jsxs57 } from "react/jsx-runtime";
 function AdminContentCard({
   imageUrl,
   placeholderUrl,
@@ -10738,7 +10751,7 @@ function AdminContentCard({
       {
         className: "relative aspect-[3/2] w-full overflow-hidden shrink-0",
         style: { backgroundColor: imageBgColor },
-        children: displayUrl ? /* @__PURE__ */ jsxs57(Fragment16, { children: [
+        children: displayUrl ? /* @__PURE__ */ jsxs57(Fragment17, { children: [
           !imageLoaded && /* @__PURE__ */ jsx73("div", { className: "absolute inset-0 animate-pulse bg-ods-border/20" }),
           /* @__PURE__ */ jsx73(
             next_image_default,
@@ -10798,7 +10811,7 @@ function getProxiedImageUrl2(imageUrl) {
 }
 
 // src/components/chat/entity-cards/what-i-shipped-card.tsx
-import { Fragment as Fragment17, jsx as jsx74, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx74, jsxs as jsxs58 } from "react/jsx-runtime";
 var STATUS_BADGE_CLASS = {
   published: "bg-ods-success-secondary text-ods-success",
   draft: "bg-ods-warning-secondary text-ods-warning",
@@ -10820,7 +10833,7 @@ function WhatIShippedCard({ entry, placeholderUrl, actions, anchorProps, classNa
           children: entry.status
         }
       ) : null,
-      meta: /* @__PURE__ */ jsxs58(Fragment17, { children: [
+      meta: /* @__PURE__ */ jsxs58(Fragment18, { children: [
         /* @__PURE__ */ jsxs58("span", { className: "flex items-center gap-2 min-w-0", children: [
           entry.author?.avatar_url ? /* @__PURE__ */ jsx74("img", { src: getProxiedImageUrl2(entry.author.avatar_url) ?? entry.author.avatar_url, alt: "", className: "h-5 w-5 rounded-full object-cover shrink-0" }) : null,
           /* @__PURE__ */ jsx74("span", { className: "truncate", children: entry.author?.full_name ?? "" })
@@ -11539,7 +11552,7 @@ init_cn();
 import { useMemo as useMemo17, useRef as useRef19, useState as useState28, useEffect as useEffect23 } from "react";
 
 // src/components/features/video-ratio-tabs.tsx
-import { Fragment as Fragment18, jsx as jsx78, jsxs as jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx78, jsxs as jsxs60 } from "react/jsx-runtime";
 var TAB_TRIGGER_CLASS = "rounded-none border-b-2 border-transparent data-[state=active]:border-ods-accent data-[state=active]:bg-transparent data-[state=active]:shadow-none px-4 py-2 text-h6 text-ods-text-secondary data-[state=active]:text-ods-text-primary";
 var RATIO_GRID_CLASS = {
   portrait: "grid grid-cols-2 md:grid-cols-3 gap-4",
@@ -11564,7 +11577,7 @@ function RatioTabs({
   const activeTabs = RATIO_TAB_CONFIG.filter((t) => groups[t.key].count > 0);
   if (activeTabs.length <= 1) {
     const active = activeTabs[0];
-    return active ? /* @__PURE__ */ jsx78(Fragment18, { children: groups[active.key].render() }) : null;
+    return active ? /* @__PURE__ */ jsx78(Fragment19, { children: groups[active.key].render() }) : null;
   }
   const firstTab = defaultTab && groups[defaultTab].count > 0 ? defaultTab : activeTabs[0].key;
   return /* @__PURE__ */ jsxs60(Tabs, { defaultValue: firstTab, className: `w-full ${className}`, children: [
@@ -11638,7 +11651,7 @@ import React37, { useCallback as useCallback14, useEffect as useEffect22, useMem
 init_button2();
 
 // src/components/layout/page-heading.tsx
-import { Fragment as Fragment19, jsx as jsx79, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx79, jsxs as jsxs61 } from "react/jsx-runtime";
 var PAGE_HEADING_CLASS = "text-h1 text-ods-text-primary";
 var SECTION_HEADING_CLASS = "text-h2 text-ods-text-primary";
 var DESCRIPTION_CLASS = "mt-6 max-w-[640px] font-body text-[16px] md:text-[18px] leading-[24px] md:leading-[28px] text-ods-text-secondary";
@@ -11652,14 +11665,14 @@ function PageHeading({
   const headingClass = className ? `${PAGE_HEADING_CLASS} ${className}` : PAGE_HEADING_CLASS;
   const descClass = descriptionClassName ? `${DESCRIPTION_CLASS} ${descriptionClassName}` : DESCRIPTION_CLASS;
   const hasDescription = description != null && description !== "" && typeof description !== "boolean";
-  return /* @__PURE__ */ jsxs61(Fragment19, { children: [
+  return /* @__PURE__ */ jsxs61(Fragment20, { children: [
     /* @__PURE__ */ jsx79(Tag2, { className: headingClass, children }),
     hasDescription && /* @__PURE__ */ jsx79("p", { className: descClass, children: description })
   ] });
 }
 
 // src/components/features/cards-strip.tsx
-import { Fragment as Fragment20, jsx as jsx80, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx80, jsxs as jsxs62 } from "react/jsx-runtime";
 var TRACK_GAP_PX = 16;
 var CHEVRON_SUPPRESS_MS = 4e3;
 var USER_SCROLL_SUPPRESS_MS = 3e3;
@@ -12027,7 +12040,7 @@ function CardsStrip(props) {
               ) })
             }
           ),
-          showChevrons && overflows && /* @__PURE__ */ jsxs62(Fragment20, { children: [
+          showChevrons && overflows && /* @__PURE__ */ jsxs62(Fragment21, { children: [
             /* @__PURE__ */ jsx80(
               Button,
               {
@@ -12087,7 +12100,7 @@ function UserDisplay({ name, avatarUrl, subtitle, size: size2 = 32, shape = "squ
 }
 
 // src/components/features/video-bites-strip.tsx
-import { Fragment as Fragment21, jsx as jsx82, jsxs as jsxs64 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx82, jsxs as jsxs64 } from "react/jsx-runtime";
 function VideoBitesStrip({
   bites,
   title = DEFAULT_VIDEO_BITES_TITLE,
@@ -12210,7 +12223,7 @@ function VideoBiteCard({
     if (isTouch && !isActive) activate();
   };
   const titleClass = "text-h6 text-ods-text-primary";
-  const overlayContent = /* @__PURE__ */ jsxs64(Fragment21, { children: [
+  const overlayContent = /* @__PURE__ */ jsxs64(Fragment22, { children: [
     titleEditable ? (
       // Textarea, not input: the public title wraps to two lines
       // (line-clamp-2) and the editor must render identically. rows=1 +
@@ -12356,7 +12369,7 @@ function VideoBiteCard({
 }
 
 // src/components/features/entity-video-section.tsx
-import { Fragment as Fragment22, jsx as jsx83, jsxs as jsxs65 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx83, jsxs as jsxs65 } from "react/jsx-runtime";
 function EntityVideoSection({
   mainVideoUrl,
   youtubeUrl,
@@ -12386,7 +12399,7 @@ function EntityVideoSection({
   }
   const fullVideoUrl = youtubeUrl || mainVideoUrl || null;
   const fullVideoKind = youtubeUrl ? "youtube" : "auto";
-  return /* @__PURE__ */ jsxs65(Fragment22, { children: [
+  return /* @__PURE__ */ jsxs65(Fragment23, { children: [
     hasVideo && (hasFullVideo && hasHighlight ? /* @__PURE__ */ jsxs65(Tabs, { defaultValue: "full-video", className: "w-full", children: [
       /* @__PURE__ */ jsxs65(TabsList, { className: "inline-flex justify-start rounded-none bg-transparent h-auto p-0 gap-0", children: [
         /* @__PURE__ */ jsx83(
@@ -12584,7 +12597,7 @@ import {
   TrendingUp as TrendingUp2,
   Wrench
 } from "lucide-react";
-import { Fragment as Fragment23, jsx as jsx86, jsxs as jsxs66 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx86, jsxs as jsxs66 } from "react/jsx-runtime";
 function ProductReleaseCard({
   title,
   summary,
@@ -12635,7 +12648,7 @@ function ProductReleaseCard({
       "no-underline",
       className
     );
-    const innerLayout = /* @__PURE__ */ jsxs66(Fragment23, { children: [
+    const innerLayout = /* @__PURE__ */ jsxs66(Fragment24, { children: [
       /* @__PURE__ */ jsxs66("div", { className: "flex flex-col md:flex-row gap-4 md:gap-6", children: [
         /* @__PURE__ */ jsx86("div", { className: "w-full md:w-[256px] flex-shrink-0", children: /* @__PURE__ */ jsxs66("div", { className: "relative rounded-lg overflow-hidden w-full aspect-[1200/630] bg-ods-bg", children: [
           coverImage ? /* @__PURE__ */ jsx86(
@@ -12660,7 +12673,7 @@ function ProductReleaseCard({
           /* @__PURE__ */ jsx86("div", { className: "min-h-[68px] md:min-h-[78px]", children: /* @__PURE__ */ jsx86("p", { className: "font-['DM_Sans'] text-sm md:text-base text-ods-text-secondary leading-relaxed line-clamp-3", children: summary ?? "" }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx86("div", { className: "border-t border-ods-border pt-3 flex flex-wrap items-center gap-x-4 gap-y-1.5 text-h6 text-ods-text-secondary", children: totalChangelog > 0 && changelogCounts ? /* @__PURE__ */ jsxs66(Fragment23, { children: [
+      /* @__PURE__ */ jsx86("div", { className: "border-t border-ods-border pt-3 flex flex-wrap items-center gap-x-4 gap-y-1.5 text-h6 text-ods-text-secondary", children: totalChangelog > 0 && changelogCounts ? /* @__PURE__ */ jsxs66(Fragment24, { children: [
         changelogCounts.features > 0 && /* @__PURE__ */ jsxs66("span", { className: "inline-flex items-center gap-1.5", children: [
           /* @__PURE__ */ jsx86(Sparkles, { className: "w-3.5 h-3.5" }),
           changelogCounts.features,
@@ -12793,7 +12806,7 @@ function ProductReleaseCard({
       isInteractive ? "transition-colors hover:border-ods-text-secondary/40 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-1 focus-visible:ring-offset-ods-card" : "cursor-default",
       className
     );
-    const innerChildren = /* @__PURE__ */ jsxs66(Fragment23, { children: [
+    const innerChildren = /* @__PURE__ */ jsxs66(Fragment24, { children: [
       /* @__PURE__ */ jsxs66("span", { className: "relative flex h-14 w-14 aspect-square shrink-0 self-start items-center justify-center overflow-hidden rounded-md bg-ods-bg text-ods-accent", children: [
         coverImage ? /* @__PURE__ */ jsx86(
           next_image_default,
@@ -13113,7 +13126,7 @@ function safeHref(url) {
 }
 
 // src/components/chat/entity-cards/blog-card.tsx
-import { Fragment as Fragment24, jsx as jsx88, jsxs as jsxs68 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx88, jsxs as jsxs68 } from "react/jsx-runtime";
 function BlogCardSkeleton({ size: size2 = "default" }) {
   if (size2 === "sm") {
     return /* @__PURE__ */ jsxs68("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
@@ -13304,7 +13317,7 @@ function BlogCard({
                   ) : null,
                   /* @__PURE__ */ jsxs68("span", { className: "truncate", children: [
                     post.author_name || "Anonymous",
-                    dateStr ? /* @__PURE__ */ jsxs68(Fragment24, { children: [
+                    dateStr ? /* @__PURE__ */ jsxs68(Fragment25, { children: [
                       " \xB7 ",
                       dateStr
                     ] }) : null
@@ -13478,7 +13491,7 @@ function CaseStudyCard({
 // src/components/chat/entity-cards/customer-interview-card.tsx
 init_cn();
 import { Video as Video3 } from "lucide-react";
-import { Fragment as Fragment25, jsx as jsx90, jsxs as jsxs70 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx90, jsxs as jsxs70 } from "react/jsx-runtime";
 function CustomerInterviewCardSkeleton({ size: size2 = "default" }) {
   if (size2 === "sm") {
     return /* @__PURE__ */ jsxs70("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
@@ -13577,7 +13590,7 @@ function CustomerInterviewCard({
     );
   }
   return /* @__PURE__ */ jsx90("a", { href, target, rel, className: cn("block h-full", className), children: /* @__PURE__ */ jsxs70(Card, { className: "bg-ods-card border border-ods-border hover:border-ods-accent transition-colors p-6 flex flex-col gap-6 overflow-hidden", children: [
-    /* @__PURE__ */ jsx90("div", { className: "w-full aspect-[1200/630] rounded-sm overflow-hidden bg-ods-bg shrink-0 relative", children: thumbnailUrl ? /* @__PURE__ */ jsxs70(Fragment25, { children: [
+    /* @__PURE__ */ jsx90("div", { className: "w-full aspect-[1200/630] rounded-sm overflow-hidden bg-ods-bg shrink-0 relative", children: thumbnailUrl ? /* @__PURE__ */ jsxs70(Fragment26, { children: [
       /* @__PURE__ */ jsx90(
         "img",
         {
@@ -14329,7 +14342,7 @@ var HiddenTagsPopup = forwardRef25(function HiddenTagsPopup2({ items, onRemove,
 });
 
 // src/components/ui/autocomplete.tsx
-import { Fragment as Fragment26, jsx as jsx98, jsxs as jsxs76 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx98, jsxs as jsxs76 } from "react/jsx-runtime";
 var innerInputStyles = cn(
   "flex-1 min-w-[60px] bg-transparent border-none outline-none",
   "text-h4",
@@ -14789,7 +14802,7 @@ function AutocompleteInner(props, ref) {
         }
       }
     ),
-    multiple && /* @__PURE__ */ jsxs76(Fragment26, { children: [
+    multiple && /* @__PURE__ */ jsxs76(Fragment27, { children: [
       /* @__PURE__ */ jsx98(
         "span",
         {
@@ -14979,7 +14992,10 @@ var SelectTrigger = React44.forwardRef(({ className, children, invalid, label, e
       "data-invalid": isInvalid || void 0,
       className: cn(
         // Layout & spacing - match Input
-        "flex w-full items-center justify-between gap-2 rounded-[6px] border px-3 h-11 md:h-12 outline-none",
+        // text-left resets the <button> UA default text-align:center, which the
+        // SelectValue span inherits and would otherwise center short values,
+        // reading as spurious left indentation on the selected value.
+        "flex w-full items-center justify-between gap-2 rounded-[6px] border px-3 h-11 md:h-12 outline-none text-left",
         // Typography - match Input exactly
         "text-h4",
         // Theme palette - match Input exactly
@@ -16013,7 +16029,7 @@ function DateFilterMenu({
 
 // src/components/ui/duration-input.tsx
 init_cn();
-import { Fragment as Fragment27, useEffect as useEffect26, useRef as useRef22, useState as useState32 } from "react";
+import { Fragment as Fragment28, useEffect as useEffect26, useRef as useRef22, useState as useState32 } from "react";
 import { jsx as jsx103, jsxs as jsxs81 } from "react/jsx-runtime";
 var SEGMENT_META = [
   { label: "Hours", placeholder: "HH", max: 99 },
@@ -16098,7 +16114,7 @@ function DurationInput({ value, onChange, invalid, className }) {
         invalid && "border-ods-error focus-within:border-ods-error",
         className
       ),
-      children: SEGMENT_META.map((meta, i) => /* @__PURE__ */ jsxs81(Fragment27, { children: [
+      children: SEGMENT_META.map((meta, i) => /* @__PURE__ */ jsxs81(Fragment28, { children: [
         i > 0 && /* @__PURE__ */ jsx103("span", { className: "text-ods-text-secondary", children: ":" }),
         /* @__PURE__ */ jsx103(
           "input",
@@ -16577,12 +16593,12 @@ function DefaultAssigneeDropdown({
 }
 
 // src/components/ui/info-section.tsx
-import { Fragment as Fragment28, jsx as jsx109, jsxs as jsxs85 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx109, jsxs as jsxs85 } from "react/jsx-runtime";
 function TextValue({ value }) {
   const { text, imageSrc, imageFallback, imageVariant = "round", icon, onClick, href, openInNewTab } = value;
   const hasImage = imageSrc !== void 0 || imageFallback !== void 0;
   const interactiveClass = "truncate text-left text-h4 text-ods-text-primary transition-colors hover:text-ods-accent";
-  return /* @__PURE__ */ jsxs85(Fragment28, { children: [
+  return /* @__PURE__ */ jsxs85(Fragment29, { children: [
     icon && /* @__PURE__ */ jsx109("span", { className: "flex size-4 shrink-0 items-center justify-center text-ods-text-secondary", children: icon }),
     href ? /* @__PURE__ */ jsx109(
       next_link_default,
@@ -16619,7 +16635,7 @@ function RowValue({ value }) {
       return /* @__PURE__ */ jsx109(TicketStatusTag, { ...props });
     }
     case "custom":
-      return /* @__PURE__ */ jsx109(Fragment28, { children: value.content });
+      return /* @__PURE__ */ jsx109(Fragment29, { children: value.content });
     default:
       return /* @__PURE__ */ jsx109(TextValue, { value });
   }
@@ -19150,7 +19166,7 @@ function TabContent({
 init_next_navigation();
 init_cn();
 import { useState as useState41, useEffect as useEffect34, useMemo as useMemo23, useRef as useRef26, useCallback as useCallback19 } from "react";
-import { Fragment as Fragment29, jsx as jsx135, jsxs as jsxs107 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx135, jsxs as jsxs107 } from "react/jsx-runtime";
 function TabNavigation({
   activeTab: controlledActiveTab,
   onTabChange: controlledOnTabChange,
@@ -19266,7 +19282,7 @@ function TabNavigation({
     }
     return { background: c };
   })();
-  return /* @__PURE__ */ jsxs107(Fragment29, { children: [
+  return /* @__PURE__ */ jsxs107(Fragment30, { children: [
     /* @__PURE__ */ jsxs107("div", { className: cn("relative w-full", className), children: [
       /* @__PURE__ */ jsx135("div", { ref: scrollRef, className: "flex gap-[var(--spacing-system-xxs)] items-center justify-start h-full overflow-x-auto overflow-y-hidden scrollbar-hide", children: tabs.map((tab) => {
         const isActive = activeTab === tab.id;
@@ -19394,7 +19410,7 @@ function AIGeneratedBadge({ className }) {
 // src/components/ui/fade-preview.tsx
 import { useState as useState42, useRef as useRef27, useEffect as useEffect35 } from "react";
 import { ChevronDown as ChevronDown4 } from "lucide-react";
-import { Fragment as Fragment30, jsx as jsx138, jsxs as jsxs109 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx138, jsxs as jsxs109 } from "react/jsx-runtime";
 function FadePreview({
   hiddenCount,
   collapsedHeight = 120,
@@ -19407,7 +19423,7 @@ function FadePreview({
     setExpanded(false);
   }, [resetKey]);
   const needsFade = hiddenCount > 0;
-  if (!needsFade) return /* @__PURE__ */ jsx138(Fragment30, { children });
+  if (!needsFade) return /* @__PURE__ */ jsx138(Fragment31, { children });
   return /* @__PURE__ */ jsxs109("div", { className: "relative", children: [
     /* @__PURE__ */ jsx138(
       "div",
@@ -19764,7 +19780,7 @@ var socialCache = SocialEmbedCache.getInstance();
 init_cn();
 import { useState as useState43, useRef as useRef28, useEffect as useEffect36, memo as memo4, useCallback as useCallback20 } from "react";
 init_button2();
-import { Fragment as Fragment31, jsx as jsx140, jsxs as jsxs110 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx140, jsxs as jsxs110 } from "react/jsx-runtime";
 var ChevronLeftIcon = () => /* @__PURE__ */ jsx140("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx140("polyline", { points: "15,18 9,12 15,6" }) });
 var ChevronRightIcon = () => /* @__PURE__ */ jsx140("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx140("polyline", { points: "9,18 15,12 9,6" }) });
 var MediaCarousel = memo4(function MediaCarousel2({
@@ -19948,7 +19964,7 @@ var MediaCarousel = memo4(function MediaCarousel2({
         "aria-label": media.length > 1 ? "Media carousel, use arrow keys to navigate" : void 0,
         children: [
           renderMainMedia(currentItem, currentIndex),
-          showArrows && media.length > 1 && /* @__PURE__ */ jsxs110(Fragment31, { children: [
+          showArrows && media.length > 1 && /* @__PURE__ */ jsxs110(Fragment32, { children: [
             /* @__PURE__ */ jsx140(
               Button,
               {
@@ -21070,7 +21086,7 @@ function toFigmaOriginalUrl(url) {
 
 // src/components/embeds/embed-iframe.tsx
 import { useState as useState48, useCallback as useCallback21, useRef as useRef31, useEffect as useEffect40 } from "react";
-import { Fragment as Fragment32, jsx as jsx147, jsxs as jsxs115 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx147, jsxs as jsxs115 } from "react/jsx-runtime";
 function EmbedLoadingSkeleton({ height }) {
   return /* @__PURE__ */ jsx147(
     "div",
@@ -21108,7 +21124,7 @@ function EmbedIframe({
     };
   }, [src]);
   const resolvedHeight = height || "calc(100vh - 250px)";
-  return /* @__PURE__ */ jsxs115(Fragment32, { children: [
+  return /* @__PURE__ */ jsxs115(Fragment33, { children: [
     !isLoaded && /* @__PURE__ */ jsx147(EmbedLoadingSkeleton, { height: resolvedHeight }),
     /* @__PURE__ */ jsx147(
       "div",
@@ -22193,7 +22209,7 @@ function ChangelogEntryList({
 
 // src/components/ui/stacked-rows-panel.tsx
 init_cn();
-import { Fragment as Fragment33, jsx as jsx152, jsxs as jsxs119 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx152, jsxs as jsxs119 } from "react/jsx-runtime";
 var ALIGN_CLASS = {
   left: "justify-start items-start",
   center: "justify-center items-center",
@@ -22219,7 +22235,7 @@ function CellValue({ column }) {
       children: column.value
     }
   );
-  return /* @__PURE__ */ jsxs119(Fragment33, { children: [
+  return /* @__PURE__ */ jsxs119(Fragment34, { children: [
     /* @__PURE__ */ jsxs119("div", { className: "flex items-center gap-[var(--spacing-system-xxs)] min-w-0", children: [
       column.icon && /* @__PURE__ */ jsx152("span", { className: "shrink-0", children: column.icon }),
       column.href ? /* @__PURE__ */ jsx152(
@@ -22325,7 +22341,7 @@ function StatusIndicator({ status, label, href }) {
 
 // src/components/ui/hover-dropdown.tsx
 import { useState as useState53, useRef as useRef33, useCallback as useCallback23 } from "react";
-import { Fragment as Fragment34, jsx as jsx155, jsxs as jsxs122 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx155, jsxs as jsxs122 } from "react/jsx-runtime";
 function DefaultAnchor({
   href,
   className,
@@ -22351,7 +22367,7 @@ function HoverDropdown({
   const hide = useCallback23(() => {
     timeoutRef.current = setTimeout(() => setOpen(false), hideDelay);
   }, [hideDelay]);
-  if (items.length === 0) return /* @__PURE__ */ jsx155(Fragment34, { children });
+  if (items.length === 0) return /* @__PURE__ */ jsx155(Fragment35, { children });
   const toggle = useCallback23((e) => {
     e.stopPropagation();
     clearTimeout(timeoutRef.current);
@@ -22398,7 +22414,7 @@ function HoverDropdown({
               }
             },
             children: items.map((item, i) => {
-              const content = /* @__PURE__ */ jsxs122(Fragment34, { children: [
+              const content = /* @__PURE__ */ jsxs122(Fragment35, { children: [
                 item.icon && /* @__PURE__ */ jsx155("span", { className: "flex-shrink-0 [&_svg]:size-3.5", children: item.icon }),
                 /* @__PURE__ */ jsx155("span", { className: "truncate flex-1 min-w-0", children: item.label })
               ] });
@@ -22629,7 +22645,7 @@ function TagKeyValueFilter({
 }
 
 // src/components/ui/filter-modal.tsx
-import { Fragment as Fragment35, jsx as jsx159, jsxs as jsxs126 } from "react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx159, jsxs as jsxs126 } from "react/jsx-runtime";
 function FilterModal({
   isOpen,
   onClose,
@@ -22721,7 +22737,7 @@ function FilterModal({
                   ref: scrollRef,
                   onScroll: updateFade,
                   className: "flex-1 min-h-0 overflow-y-auto flex flex-col gap-4 md:py-3",
-                  children: isLoading ? /* @__PURE__ */ jsx159(Fragment35, { children: [0, 1].map((group) => /* @__PURE__ */ jsxs126("div", { className: "flex flex-col gap-1", children: [
+                  children: isLoading ? /* @__PURE__ */ jsx159(Fragment36, { children: [0, 1].map((group) => /* @__PURE__ */ jsxs126("div", { className: "flex flex-col gap-1", children: [
                     /* @__PURE__ */ jsx159(Skeleton, { className: "h-5 w-24" }),
                     /* @__PURE__ */ jsx159("div", { className: "rounded-md border border-ods-border overflow-hidden", children: [0, 1, 2].map((row) => /* @__PURE__ */ jsxs126(
                       "div",
@@ -22741,7 +22757,7 @@ function FilterModal({
                       /* @__PURE__ */ jsx159("p", { className: "text-h4", children: emptyStateTitle }),
                       /* @__PURE__ */ jsx159("p", { className: "text-h6", children: emptyStateDescription })
                     ] })
-                  ] }) : /* @__PURE__ */ jsxs126(Fragment35, { children: [
+                  ] }) : /* @__PURE__ */ jsxs126(Fragment36, { children: [
                     sortConfig && sortConfig.columns.length > 0 && /* @__PURE__ */ jsxs126("div", { className: "flex flex-col gap-1", children: [
                       /* @__PURE__ */ jsx159("span", { className: "text-h5 text-ods-text-secondary", children: sortConfig.title || "Sort By" }),
                       /* @__PURE__ */ jsx159("div", { className: "rounded-md border border-ods-border overflow-hidden", children: sortConfig.columns.map((column) => /* @__PURE__ */ jsx159(
@@ -22820,7 +22836,7 @@ init_cn();
 init_cn();
 import React79 from "react";
 init_button2();
-import { Fragment as Fragment36, jsx as jsx160, jsxs as jsxs127 } from "react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx160, jsxs as jsxs127 } from "react/jsx-runtime";
 function actionKey(action, idx) {
   return `${action.label ?? action.ariaLabel ?? "action"}-${idx}`;
 }
@@ -22964,7 +22980,7 @@ function IconButtonsVariant({
     ...menuActions ?? []
   ];
   const hasMobileMenuItems = mobileMenuGroups.some((g) => g.items.length > 0);
-  return /* @__PURE__ */ jsxs127(Fragment36, { children: [
+  return /* @__PURE__ */ jsxs127(Fragment37, { children: [
     /* @__PURE__ */ jsxs127("div", { className: cn("hidden md:flex items-center", ACTIONS_GAP, className), children: [
       selector,
       desktopActions.map((action, idx) => /* @__PURE__ */ jsx160(React79.Fragment, { children: renderActionButton(action) }, actionKey(action, idx))),
@@ -22983,7 +22999,7 @@ function PrimaryButtonsVariant({
     return 0;
   });
   const desktopActions = sortedActions.filter((a) => !a.showOnlyMobile);
-  return /* @__PURE__ */ jsxs127(Fragment36, { children: [
+  return /* @__PURE__ */ jsxs127(Fragment37, { children: [
     /* @__PURE__ */ jsx160("div", { className: cn("hidden md:flex items-center", ACTIONS_GAP, className), children: desktopActions.map((action, idx) => /* @__PURE__ */ jsx160(React79.Fragment, { children: renderActionButton(action) }, `desktop-${actionKey(action, idx)}`)) }),
     /* @__PURE__ */ jsx160(MobileBottomActions, { actions: sortedActions })
   ] });
@@ -23001,7 +23017,7 @@ function MenuPrimaryVariant({
     ...menuActions
   ];
   const hasMobileMenuItems = mobileMenuGroups.some((g) => g.items.length > 0);
-  return /* @__PURE__ */ jsxs127(Fragment36, { children: [
+  return /* @__PURE__ */ jsxs127(Fragment37, { children: [
     /* @__PURE__ */ jsxs127("div", { className: cn("hidden md:flex items-center", ACTIONS_GAP, className), children: [
       selector,
       hasMenuActions && /* @__PURE__ */ jsx160(ActionsMenuDropdown, { groups: menuActions }),
@@ -25567,7 +25583,7 @@ import {
   safePolygon,
   arrow
 } from "@floating-ui/react";
-import { Fragment as Fragment37, jsx as jsx177, jsxs as jsxs139 } from "react/jsx-runtime";
+import { Fragment as Fragment38, jsx as jsx177, jsxs as jsxs139 } from "react/jsx-runtime";
 function parseColoredText(text) {
   if (typeof text !== "string") return text;
   const parts = [];
@@ -25592,7 +25608,7 @@ function parseColoredText(text) {
     const remainingText = text.slice(lastIndex);
     parts.push(/* @__PURE__ */ jsx177("span", { children: remainingText }, `text-${keyIndex++}`));
   }
-  return parts.length > 0 ? /* @__PURE__ */ jsx177(Fragment37, { children: parts }) : text;
+  return parts.length > 0 ? /* @__PURE__ */ jsx177(Fragment38, { children: parts }) : text;
 }
 function FloatingTooltip({
   content,
@@ -25656,7 +25672,7 @@ function FloatingTooltip({
     bottom: "top",
     left: "right"
   }[placement.split("-")[0]];
-  return /* @__PURE__ */ jsxs139(Fragment37, { children: [
+  return /* @__PURE__ */ jsxs139(Fragment38, { children: [
     /* @__PURE__ */ jsx177("div", { ref: refs.setReference, ...getReferenceProps(), children }),
     /* @__PURE__ */ jsx177(FloatingPortal, { children: isOpen && /* @__PURE__ */ jsxs139(
       "div",
@@ -25706,7 +25722,7 @@ function FloatingTooltip({
 }
 
 // src/components/ui/dashboard-info-card.tsx
-import { Fragment as Fragment38, jsx as jsx178, jsxs as jsxs140 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx178, jsxs as jsxs140 } from "react/jsx-runtime";
 function DashboardInfoCard({
   title,
   titleSlot,
@@ -25759,7 +25775,7 @@ function DashboardInfoCard({
     if (lg !== void 0) {
       rings.push({ key: "lg", size: lg, className: "hidden lg:block" });
     }
-    return /* @__PURE__ */ jsx178(Fragment38, { children: rings.map((ring) => /* @__PURE__ */ jsx178(
+    return /* @__PURE__ */ jsx178(Fragment39, { children: rings.map((ring) => /* @__PURE__ */ jsx178(
       CircularProgress,
       {
         ...common,
@@ -25770,7 +25786,7 @@ function DashboardInfoCard({
       ring.key
     )) });
   };
-  const cardContent = /* @__PURE__ */ jsxs140(Fragment38, { children: [
+  const cardContent = /* @__PURE__ */ jsxs140(Fragment39, { children: [
     icon && /* @__PURE__ */ jsx178("div", { className: "shrink-0 size-8 md:size-14 p-[var(--spacing-system-xxs)] bg-ods-bg border border-ods-border rounded-sm flex items-center justify-center text-ods-text-primary", children: /* @__PURE__ */ jsx178("span", { className: "size-4 md:size-6 flex items-center justify-center [&>*]:size-full", children: icon }) }),
     /* @__PURE__ */ jsxs140("div", { className: "flex-1 min-w-0 flex flex-col", children: [
       /* @__PURE__ */ jsxs140("div", { className: "flex items-center gap-[var(--spacing-system-xxs)]", children: [
@@ -26022,7 +26038,7 @@ function DeviceCard({
 
 // src/components/ui/device-card-compact.tsx
 init_cn();
-import { Fragment as Fragment39, jsx as jsx182, jsxs as jsxs144 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx182, jsxs as jsxs144 } from "react/jsx-runtime";
 function DeviceCardCompact({
   deviceName,
   organization,
@@ -26032,7 +26048,7 @@ function DeviceCardCompact({
   const hasName = deviceName && deviceName !== "-" && deviceName !== "null";
   const hasOrg = organization && organization !== "-" && organization !== "null";
   if (!hasName && !hasOrg) {
-    return /* @__PURE__ */ jsx182(Fragment39, {});
+    return /* @__PURE__ */ jsx182(Fragment40, {});
   }
   return /* @__PURE__ */ jsxs144(
     "div",
@@ -26446,7 +26462,7 @@ function DropdownButton({
 init_next_link();
 init_cn();
 init_button2();
-import { Fragment as Fragment40, jsx as jsx189, jsxs as jsxs149 } from "react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx189, jsxs as jsxs149 } from "react/jsx-runtime";
 function MoreActionsMenu({
   items,
   align = "end",
@@ -26484,7 +26500,7 @@ function MoreActionsMenu({
         ),
         children: items.map((item, idx) => {
           const itemClassName = "flex items-center gap-2 px-4 py-3 bg-ods-bg hover:bg-ods-bg-hover focus:bg-ods-bg-hover border-b border-ods-border last:border-b-0 rounded-none cursor-pointer data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed";
-          const content = /* @__PURE__ */ jsxs149(Fragment40, { children: [
+          const content = /* @__PURE__ */ jsxs149(Fragment41, { children: [
             item.icon && /* @__PURE__ */ jsx189("div", { className: cn(item.danger ? "text-ods-error" : "text-ods-text-secondary", "[&_svg]:size-6 [&_svg]:shrink-0"), children: item.icon }),
             /* @__PURE__ */ jsx189("span", { className: "text-h4 text-ods-text-primary", children: item.label })
           ] });
@@ -27067,7 +27083,7 @@ function SsoProviderButtons({
 }
 
 // src/components/features/auth/complete-account-form.tsx
-import { Fragment as Fragment41, jsx as jsx200, jsxs as jsxs155 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx200, jsxs as jsxs155 } from "react/jsx-runtime";
 function CompleteAccountForm({
   firstName,
   lastName,
@@ -27116,7 +27132,7 @@ function CompleteAccountForm({
           /* @__PURE__ */ jsx200("h1", { className: "text-h2 text-ods-text-primary tracking-[-0.64px]", children: title }),
           /* @__PURE__ */ jsx200("p", { className: "text-h4 text-ods-text-secondary", children: subtitle })
         ] }),
-        ssoProviders && ssoProviders.length > 0 && /* @__PURE__ */ jsxs155(Fragment41, { children: [
+        ssoProviders && ssoProviders.length > 0 && /* @__PURE__ */ jsxs155(Fragment42, { children: [
           /* @__PURE__ */ jsx200(
             SsoProviderButtons,
             {
@@ -27257,7 +27273,7 @@ function TermsAgreementLabel({ termsUrl = "#", privacyPolicyUrl = "#" }) {
 }
 
 // src/components/features/auth/create-organization-form.tsx
-import { Fragment as Fragment42, jsx as jsx202, jsxs as jsxs157 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx202, jsxs as jsxs157 } from "react/jsx-runtime";
 function CreateOrganizationForm({
   email,
   organizationName,
@@ -27379,7 +27395,7 @@ function CreateOrganizationForm({
             children: submitLabel
           }
         ),
-        hasSso && /* @__PURE__ */ jsxs157(Fragment42, { children: [
+        hasSso && /* @__PURE__ */ jsxs157(Fragment43, { children: [
           /* @__PURE__ */ jsxs157("div", { className: "flex items-center gap-[var(--spacing-system-s)]", children: [
             /* @__PURE__ */ jsx202("div", { className: "h-px flex-1 bg-ods-border" }),
             /* @__PURE__ */ jsx202("span", { className: "text-h6 text-ods-text-secondary", children: dividerLabel }),
@@ -30499,7 +30515,7 @@ SelectButton.displayName = "SelectButton";
 // src/components/features/seo-editor-preview.tsx
 import { useState as useState70 } from "react";
 import { Globe as Globe3, ExternalLink as ExternalLink6, Upload as Upload3, X as X6, Loader2 as Loader25 } from "lucide-react";
-import { Fragment as Fragment43, jsx as jsx231, jsxs as jsxs181 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx231, jsxs as jsxs181 } from "react/jsx-runtime";
 function SEOEditorPreview({
   seoTitle,
   seoDescription,
@@ -30552,7 +30568,7 @@ function SEOEditorPreview({
       /* @__PURE__ */ jsxs181("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxs181("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx231(Label, { className: "text-h6 text-ods-text-primary", children: "SEO Title" }),
-          aiConfidenceSeoTitle !== void 0 && /* @__PURE__ */ jsxs181(Fragment43, { children: [
+          aiConfidenceSeoTitle !== void 0 && /* @__PURE__ */ jsxs181(Fragment44, { children: [
             /* @__PURE__ */ jsx231(AIGeneratedBadge, {}),
             /* @__PURE__ */ jsx231(
               ConfidenceBadge,
@@ -30599,7 +30615,7 @@ function SEOEditorPreview({
       /* @__PURE__ */ jsxs181("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxs181("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx231(Label, { className: "text-h6 text-ods-text-primary", children: "SEO Keywords" }),
-          aiConfidenceSeoKeywords !== void 0 && /* @__PURE__ */ jsxs181(Fragment43, { children: [
+          aiConfidenceSeoKeywords !== void 0 && /* @__PURE__ */ jsxs181(Fragment44, { children: [
             /* @__PURE__ */ jsx231(AIGeneratedBadge, {}),
             /* @__PURE__ */ jsx231(
               ConfidenceBadge,
@@ -30628,7 +30644,7 @@ function SEOEditorPreview({
       /* @__PURE__ */ jsxs181("div", { className: "space-y-2 flex flex-col h-full", children: [
         /* @__PURE__ */ jsxs181("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx231(Label, { className: "text-h6 text-ods-text-primary", children: "SEO Description" }),
-          aiConfidenceSeoDescription !== void 0 && /* @__PURE__ */ jsxs181(Fragment43, { children: [
+          aiConfidenceSeoDescription !== void 0 && /* @__PURE__ */ jsxs181(Fragment44, { children: [
             /* @__PURE__ */ jsx231(AIGeneratedBadge, {}),
             /* @__PURE__ */ jsx231(
               ConfidenceBadge,
@@ -30718,7 +30734,7 @@ function SEOEditorPreview({
             {
               className: "h-full min-h-[280px] 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__ */ jsx231(Loader25, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs181(Fragment43, { children: [
+              children: isUploading ? /* @__PURE__ */ jsx231(Loader25, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs181(Fragment44, { children: [
                 /* @__PURE__ */ jsx231(Upload3, { className: "h-8 w-8 text-ods-text-secondary mb-2" }),
                 /* @__PURE__ */ jsx231("span", { className: "text-h6 text-ods-text-secondary", children: onOgImageUpload ? "Click to upload OG image" : "No image" })
               ] })
@@ -32750,7 +32766,7 @@ init_cn();
 import { useEffect as useEffect54, useState as useState74 } from "react";
 import { ChevronDown as ChevronDown8, Shield as Shield2 } from "lucide-react";
 init_button2();
-import { Fragment as Fragment44, jsx as jsx256, jsxs as jsxs200 } from "react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx256, jsxs as jsxs200 } from "react/jsx-runtime";
 var approvalLevelLabels = {
   ALLOW: "Allow",
   ASK_USER: "Ask User",
@@ -32831,7 +32847,7 @@ var CategorySection = ({
 }) => {
   const { innerRef, containerStyle } = useCollapsible({ expanded: isExpanded, durationMs: 300 });
   const handleBulkChange = (level) => onBulkLevelChange(category.id, level);
-  return /* @__PURE__ */ jsxs200(Fragment44, { children: [
+  return /* @__PURE__ */ jsxs200(Fragment45, { children: [
     /* @__PURE__ */ jsxs200(
       "div",
       {
@@ -33067,7 +33083,7 @@ function CountryOption({ country }) {
 init_cn();
 import { getCountries as getCountries2 } from "libphonenumber-js";
 import { useEffect as useEffect56, useState as useState76 } from "react";
-import { Fragment as Fragment45, jsx as jsx258, jsxs as jsxs202 } from "react/jsx-runtime";
+import { Fragment as Fragment46, jsx as jsx258, jsxs as jsxs202 } from "react/jsx-runtime";
 function WaitlistForm({
   id = "waitlist-form",
   className,
@@ -33212,7 +33228,7 @@ function WaitlistForm({
               error: showConsentError ? "Please agree to SMS notifications to continue." : void 0,
               disabled: isSubmitting,
               label: smsCheckboxLabel,
-              description: /* @__PURE__ */ jsxs202(Fragment45, { children: [
+              description: /* @__PURE__ */ jsxs202(Fragment46, { children: [
                 consentText,
                 " View our ",
                 /* @__PURE__ */ jsx258(
@@ -34138,7 +34154,7 @@ function NotificationTile({
 }
 
 // src/components/features/notifications/notification-drawer.tsx
-import { Fragment as Fragment46, jsx as jsx262, jsxs as jsxs205 } from "react/jsx-runtime";
+import { Fragment as Fragment47, jsx as jsx262, jsxs as jsxs205 } from "react/jsx-runtime";
 function NotificationDrawer({
   className,
   liveDurationMs,
@@ -34171,7 +34187,7 @@ function NotificationDrawer({
   } = ctx;
   const renderTile = renderTileProp ?? ctxRenderTile;
   const unreadNotifications = notifications.filter((n) => !n.read);
-  const content = /* @__PURE__ */ jsxs205(Fragment46, { children: [
+  const content = /* @__PURE__ */ jsxs205(Fragment47, { children: [
     /* @__PURE__ */ jsx262("div", { className: "px-[var(--spacing-system-m)] pt-[var(--spacing-system-m)]", children: /* @__PURE__ */ jsx262(
       DrawerTitle,
       {
@@ -34281,7 +34297,7 @@ function DrawerScrollList({
     {
       ref: scrollRef,
       className: "flex flex-1 flex-col gap-[var(--spacing-system-xs)] overflow-y-auto px-[var(--spacing-system-m)]",
-      children: isEmpty && !isLoadingMore ? /* @__PURE__ */ jsx262(EmptyState, {}) : /* @__PURE__ */ jsxs205(Fragment46, { children: [
+      children: isEmpty && !isLoadingMore ? /* @__PURE__ */ jsx262(EmptyState, {}) : /* @__PURE__ */ jsxs205(Fragment47, { children: [
         unreadNotifications.map((n) => {
           const custom = renderTile?.(n, { onComplete, onSettle, liveDurationMs });
           if (custom) return /* @__PURE__ */ jsx262("div", { children: custom }, n.id);
@@ -34303,7 +34319,7 @@ function DrawerScrollList({
   );
 }
 function DrawerLoadingTiles() {
-  return /* @__PURE__ */ jsxs205(Fragment46, { children: [
+  return /* @__PURE__ */ jsxs205(Fragment47, { children: [
     /* @__PURE__ */ jsx262(
       "div",
       {
@@ -34686,7 +34702,7 @@ function approvalMetaToBatchData(approval) {
 }
 
 // src/components/features/notifications/approval-request-notification-tile.tsx
-import { Fragment as Fragment47, jsx as jsx264, jsxs as jsxs206 } from "react/jsx-runtime";
+import { Fragment as Fragment48, jsx as jsx264, jsxs as jsxs206 } from "react/jsx-runtime";
 function ApprovalRequestNotificationTile({
   notification,
   onApprove,
@@ -34736,7 +34752,7 @@ function ApprovalRequestNotificationTile({
       className,
       paused: pinned || processing,
       actions: /* @__PURE__ */ jsxs206("div", { className: "flex w-full items-center gap-[var(--spacing-system-xs)]", children: [
-        status === "pending" ? /* @__PURE__ */ jsxs206(Fragment47, { children: [
+        status === "pending" ? /* @__PURE__ */ jsxs206(Fragment48, { children: [
           /* @__PURE__ */ jsx264(Button, { variant: "accent", size: "small", onClick: () => resolve("approved", onApprove), disabled: processing, children: "Approve" }),
           /* @__PURE__ */ jsx264(Button, { variant: "outline", size: "small", onClick: () => resolve("rejected", onReject), disabled: processing, children: "Reject" })
         ] }) : /* @__PURE__ */ jsxs206("span", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xsf)]", children: [
@@ -35156,7 +35172,7 @@ function HeaderButton({
 }
 
 // src/components/features/time-tracker/time-tracker-header-button.tsx
-import { Fragment as Fragment48, jsx as jsx268, jsxs as jsxs208 } from "react/jsx-runtime";
+import { Fragment as Fragment49, jsx as jsx268, jsxs as jsxs208 } from "react/jsx-runtime";
 function TimeTrackerHeaderButton({ className, disabled }) {
   const ctx = useOptionalTimeTracker();
   const elapsedLabel = useTrackerClock({
@@ -35202,7 +35218,7 @@ function TimeTrackerHeaderButton({ className, disabled }) {
           isActive && "w-auto gap-[var(--spacing-system-xsf)] px-[var(--spacing-system-sf)] md:w-auto",
           className
         ),
-        icon: /* @__PURE__ */ jsxs208(Fragment48, { children: [
+        icon: /* @__PURE__ */ jsxs208(Fragment49, { children: [
           /* @__PURE__ */ jsx268(
             ClockHistoryIcon,
             {
@@ -35444,7 +35460,7 @@ function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
 }
 
 // src/components/features/board/ticket-card.tsx
-import { Fragment as Fragment49, jsx as jsx271, jsxs as jsxs211 } from "react/jsx-runtime";
+import { Fragment as Fragment50, jsx as jsx271, jsxs as jsxs211 } from "react/jsx-runtime";
 var PRIORITY_COLOR_CLASS = {
   low: "text-ods-text-secondary",
   medium: "text-ods-info",
@@ -35488,7 +35504,7 @@ function TicketCardBody({ ticket, columnColor, renderAssignSlot, onApprove, onRe
   ] }) : null;
   const timestampLabel = ticket.createdAt ? formatTicketRelativeTime(ticket.createdAt) : null;
   const tooltipLabel = ticket.createdAt ? formatTicketFullTimestamp(ticket.createdAt) : null;
-  return /* @__PURE__ */ jsxs211(Fragment49, { children: [
+  return /* @__PURE__ */ jsxs211(Fragment50, { children: [
     /* @__PURE__ */ jsxs211("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
       /* @__PURE__ */ jsxs211("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-zero)]", title: ticket.title, children: [
         /* @__PURE__ */ jsx271("p", { className: "text-h3 truncate text-ods-text-primary", children: ticket.title }),
@@ -35654,7 +35670,7 @@ var TicketCardSkeleton = React105.forwardRef(
 TicketCardSkeleton.displayName = "TicketCardSkeleton";
 
 // src/components/features/board/board-column.tsx
-import { Fragment as Fragment50, jsx as jsx273, jsxs as jsxs213 } from "react/jsx-runtime";
+import { Fragment as Fragment51, jsx as jsx273, jsxs as jsxs213 } from "react/jsx-runtime";
 function BoardColumn({
   column,
   collapsed = false,
@@ -35693,7 +35709,7 @@ function BoardColumn({
             onArchive: !collapsed && column.archivable && onArchive ? () => onArchive(column.id) : void 0
           }
         ),
-        !collapsed && /* @__PURE__ */ jsxs213(Fragment50, { children: [
+        !collapsed && /* @__PURE__ */ jsxs213(Fragment51, { children: [
           /* @__PURE__ */ jsx273("div", { "aria-hidden": true, className: "-mx-[var(--spacing-system-sf)] h-px shrink-0 bg-ods-border" }),
           /* @__PURE__ */ jsx273(
             ColumnBody,
@@ -35786,7 +35802,7 @@ function SkeletonStack({ count = 4 }) {
     () => Array.from({ length: count }, () => Math.random().toString(36).slice(2)),
     [count]
   );
-  return /* @__PURE__ */ jsx273(Fragment50, { children: keys.map((k) => /* @__PURE__ */ jsx273(TicketCardSkeleton, {}, k)) });
+  return /* @__PURE__ */ jsx273(Fragment51, { children: keys.map((k) => /* @__PURE__ */ jsx273(TicketCardSkeleton, {}, k)) });
 }
 function EmptyState2() {
   return /* @__PURE__ */ jsxs213("div", { className: "flex flex-1 flex-col items-center justify-center gap-[var(--spacing-system-lf)] p-[var(--spacing-system-lf)] text-center text-ods-text-secondary", children: [
@@ -36208,7 +36224,7 @@ import { useRef as useRef48 } from "react";
 import { usePreventScroll as usePreventScroll3 } from "@react-aria/overlays";
 init_button2();
 import { X as X10 } from "lucide-react";
-import { Fragment as Fragment52, jsx as jsx276, jsxs as jsxs215 } from "react/jsx-runtime";
+import { Fragment as Fragment53, jsx as jsx276, jsxs as jsxs215 } from "react/jsx-runtime";
 var MOBILE_NAV_PANEL_ID = "mobile-nav-panel";
 function MobileNavPanel({ isOpen, config }) {
   const panelRef = useRef48(null);
@@ -36264,7 +36280,7 @@ function MobileNavPanel({ isOpen, config }) {
       item.id
     );
   };
-  return /* @__PURE__ */ jsxs215(Fragment52, { children: [
+  return /* @__PURE__ */ jsxs215(Fragment53, { children: [
     /* @__PURE__ */ jsx276(
       "div",
       {
@@ -36367,7 +36383,7 @@ function MingoAiButton({ source, icon, label = "Mingo AI", className, onClick, .
 }
 
 // src/components/navigation/header.tsx
-import { Fragment as Fragment53, jsx as jsx278, jsxs as jsxs217 } from "react/jsx-runtime";
+import { Fragment as Fragment54, jsx as jsx278, jsxs as jsxs217 } from "react/jsx-runtime";
 function Header2({ config, platform }) {
   const [show, setShow] = useState87(true);
   const [lastScrollY, setLastScrollY] = useState87(0);
@@ -36512,7 +36528,7 @@ function Header2({ config, platform }) {
                 },
                 child.id
               )) }),
-              item.dropdownContent && /* @__PURE__ */ jsxs217(Fragment53, { children: [
+              item.dropdownContent && /* @__PURE__ */ jsxs217(Fragment54, { children: [
                 item.showDropdownDivider !== false && /* @__PURE__ */ jsx278("div", { className: "h-px my-2 mx-2 bg-ods-border" }),
                 /* @__PURE__ */ jsx278("div", { className: "px-2 pb-2", children: item.dropdownContent })
               ] })
@@ -36714,7 +36730,7 @@ import { useState as useState89, useEffect as useEffect68, useRef as useRef50 }
 import { motion as motion2, AnimatePresence, useReducedMotion } from "framer-motion";
 import { usePreventScroll as usePreventScroll4 } from "@react-aria/overlays";
 init_button2();
-import { Fragment as Fragment54, jsx as jsx281, jsxs as jsxs219 } from "react/jsx-runtime";
+import { Fragment as Fragment55, jsx as jsx281, jsxs as jsxs219 } from "react/jsx-runtime";
 function SlidingSidebar({ config }) {
   const [expandedItems, setExpandedItems] = useState89(/* @__PURE__ */ new Set());
   const [mounted, setMounted] = useState89(false);
@@ -36840,7 +36856,7 @@ function SlidingSidebar({ config }) {
   if (!mounted) {
     return null;
   }
-  return /* @__PURE__ */ jsxs219(Fragment54, { children: [
+  return /* @__PURE__ */ jsxs219(Fragment55, { children: [
     /* @__PURE__ */ jsx281(AnimatePresence, { children: config.isOpen && /* @__PURE__ */ jsx281(
       motion2.div,
       {
@@ -37141,7 +37157,7 @@ function NavigationSidebarToggle({
 }
 
 // src/components/navigation/navigation-sidebar.tsx
-import { Fragment as Fragment55, jsx as jsx286, jsxs as jsxs224 } from "react/jsx-runtime";
+import { Fragment as Fragment56, jsx as jsx286, jsxs as jsxs224 } from "react/jsx-runtime";
 var MINIMIZED_WIDTH = 56;
 var EXPANDED_WIDTH = 224;
 var STORAGE_KEY = "of.navigationSidebar.minimized";
@@ -37206,7 +37222,7 @@ function NavigationSidebar({ config, disabled = false }) {
       return () => cancelAnimationFrame(id);
     }
   }, [isHydrated, transitionsEnabled]);
-  return /* @__PURE__ */ jsxs224(Fragment55, { children: [
+  return /* @__PURE__ */ jsxs224(Fragment56, { children: [
     /* @__PURE__ */ jsx286(
       "div",
       {
@@ -37245,7 +37261,7 @@ function NavigationSidebar({ config, disabled = false }) {
         ),
         style: { width: sidebarWidth },
         "aria-label": "Main navigation sidebar",
-        children: isHydrated && /* @__PURE__ */ jsxs224(Fragment55, { children: [
+        children: isHydrated && /* @__PURE__ */ jsxs224(Fragment56, { children: [
           /* @__PURE__ */ jsx286(NavigationSidebarHeader, { minimized }),
           /* @__PURE__ */ jsxs224("div", { className: "flex-1 flex flex-col justify-between py-4 overflow-y-auto", children: [
             /* @__PURE__ */ jsx286("nav", { className: "flex flex-col", "aria-label": "Primary navigation", children: primaryItems.map((item) => /* @__PURE__ */ jsx286(
@@ -37658,7 +37674,7 @@ import { Suspense as Suspense2, useCallback as useCallback38, useMemo as useMemo
 // src/components/navigation/mobile-burger-menu.tsx
 import React115, { useCallback as useCallback37, useRef as useRef52 } from "react";
 import { usePreventScroll as usePreventScroll5 } from "@react-aria/overlays";
-import { Fragment as Fragment56, jsx as jsx291, jsxs as jsxs229 } from "react/jsx-runtime";
+import { Fragment as Fragment57, jsx as jsx291, jsxs as jsxs229 } from "react/jsx-runtime";
 var HEADER_HEIGHT = 48;
 var MobileBurgerMenu = React115.memo(function MobileBurgerMenu2({
   isOpen,
@@ -37718,7 +37734,7 @@ var MobileBurgerMenu = React115.memo(function MobileBurgerMenu2({
     );
   };
   const renderNavigationGrid = (items) => /* @__PURE__ */ jsx291("div", { className: "grid grid-cols-2 gap-3", children: items.map((item) => /* @__PURE__ */ jsx291(React115.Fragment, { children: renderNavigationItem(item, true) }, item.id)) });
-  return /* @__PURE__ */ jsxs229(Fragment56, { children: [
+  return /* @__PURE__ */ jsxs229(Fragment57, { children: [
     /* @__PURE__ */ jsx291(
       "div",
       {
@@ -38482,7 +38498,7 @@ import React117, { useRef as useRef54, useCallback as useCallback39 } from "reac
 import React116 from "react";
 init_button2();
 init_cn();
-import { Fragment as Fragment57, jsx as jsx301, jsxs as jsxs239 } from "react/jsx-runtime";
+import { Fragment as Fragment58, jsx as jsx301, jsxs as jsxs239 } from "react/jsx-runtime";
 function OnboardingStepCard({
   step,
   isCompleted,
@@ -38524,10 +38540,10 @@ function OnboardingStepCard({
           /* @__PURE__ */ jsx301("h3", { className: "text-h4 text-ods-text-primary truncate", title: step.title, children: step.title }),
           /* @__PURE__ */ jsx301("p", { className: "text-h6 text-ods-text-secondary truncate h-[20px]", title: step.description, children: step.description })
         ] }),
-        /* @__PURE__ */ jsx301("div", { className: "flex items-center gap-2 w-full md:w-auto justify-start md:justify-end shrink-0", onClick: (e) => e.stopPropagation(), children: isCheckingCompletion ? /* @__PURE__ */ jsxs239(Fragment57, { children: [
+        /* @__PURE__ */ jsx301("div", { className: "flex items-center gap-2 w-full md:w-auto justify-start md:justify-end shrink-0", onClick: (e) => e.stopPropagation(), children: isCheckingCompletion ? /* @__PURE__ */ jsxs239(Fragment58, { children: [
           /* @__PURE__ */ jsx301("div", { className: "h-[32px] w-[100px] bg-ods-border rounded-[6px] animate-pulse" }),
           /* @__PURE__ */ jsx301("div", { className: "h-[32px] w-[120px] bg-ods-border rounded-[6px] animate-pulse" })
-        ] }) : isCompleted ? /* @__PURE__ */ jsxs239(Fragment57, { children: [
+        ] }) : isCompleted ? /* @__PURE__ */ jsxs239(Fragment58, { children: [
           /* @__PURE__ */ jsx301(
             StatusBadge,
             {
@@ -38546,14 +38562,14 @@ function OnboardingStepCard({
               children: step.completedText
             }
           )
-        ] }) : isSkipped ? /* @__PURE__ */ jsx301(Fragment57, { children: /* @__PURE__ */ jsx301(
+        ] }) : isSkipped ? /* @__PURE__ */ jsx301(Fragment58, { children: /* @__PURE__ */ jsx301(
           StatusBadge,
           {
             text: "SKIPPED",
             variant: "card",
             colorScheme: "default"
           }
-        ) }) : /* @__PURE__ */ jsxs239(Fragment57, { children: [
+        ) }) : /* @__PURE__ */ jsxs239(Fragment58, { children: [
           /* @__PURE__ */ jsx301(
             Button,
             {
@@ -39513,7 +39529,7 @@ function getHideClasses(hideAt) {
 }
 
 // src/components/ui/table/table-header.tsx
-import { Fragment as Fragment58, jsx as jsx314, jsxs as jsxs249 } from "react/jsx-runtime";
+import { Fragment as Fragment59, jsx as jsx314, jsxs as jsxs249 } from "react/jsx-runtime";
 function TableHeader({
   columns,
   className,
@@ -39624,10 +39640,10 @@ function TableHeader({
                       column.sortable && "cursor-pointer hover:text-ods-text-primary transition-colors"
                     ),
                     onClick: () => handleSort(column),
-                    children: column.renderHeader ? /* @__PURE__ */ jsxs249(Fragment58, { children: [
+                    children: column.renderHeader ? /* @__PURE__ */ jsxs249(Fragment59, { children: [
                       column.renderHeader(),
                       getSortIcon(column)
-                    ] }) : /* @__PURE__ */ jsxs249(Fragment58, { children: [
+                    ] }) : /* @__PURE__ */ jsxs249(Fragment59, { children: [
                       /* @__PURE__ */ jsx314("span", { className: "text-h5 text-ods-text-secondary uppercase whitespace-nowrap", children: column.label }),
                       getSortIcon(column)
                     ] })
@@ -39682,7 +39698,7 @@ function TableCell({
 
 // src/components/ui/table/table-skeleton.tsx
 init_cn();
-import { Fragment as Fragment59, jsx as jsx316, jsxs as jsxs250 } from "react/jsx-runtime";
+import { Fragment as Fragment60, jsx as jsx316, jsxs as jsxs250 } from "react/jsx-runtime";
 var ROW_HEIGHT_DESKTOP = "h-[68px] md:h-[80px]";
 var ROW_HEIGHT_MOBILE = "h-[68px]";
 function TableCardSkeleton({
@@ -39694,7 +39710,7 @@ function TableCardSkeleton({
   rowClassName
 }) {
   const primaryKey = (columns.find((c) => /flex-(1|\[)/.test(c.width || "")) ?? columns[0])?.key;
-  return /* @__PURE__ */ jsx316(Fragment59, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs250(
+  return /* @__PURE__ */ jsx316(Fragment60, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs250(
     "div",
     {
       className: cn(
@@ -39873,7 +39889,7 @@ function useTableMotion(enabled) {
 }
 
 // src/components/ui/table/table.tsx
-import { Fragment as Fragment60, jsx as jsx318, jsxs as jsxs252 } from "react/jsx-runtime";
+import { Fragment as Fragment61, jsx as jsx318, jsxs as jsxs252 } from "react/jsx-runtime";
 function injectSyntheticColumns(columns, rowActions, renderRowActions, rowHref) {
   const hasActions = Boolean(rowActions?.length) || Boolean(renderRowActions);
   const result = [...columns];
@@ -40075,7 +40091,7 @@ function Table({
         hasActions: Boolean(rowActions) && rowActions.length > 0,
         hasChevron: Boolean(rowHref)
       }
-    ) : data.length === 0 ? /* @__PURE__ */ jsx318(TableEmptyState, { message: emptyMessage }) : /* @__PURE__ */ jsxs252(Fragment60, { children: [
+    ) : data.length === 0 ? /* @__PURE__ */ jsx318(TableEmptyState, { message: emptyMessage }) : /* @__PURE__ */ jsxs252(Fragment61, { children: [
       (() => {
         const rows = data.map((item, index) => /* @__PURE__ */ jsx318(
           TableRow,
@@ -40702,7 +40718,7 @@ function DataTableColumnFilter({
 }
 
 // src/components/ui/data-table/data-table-header.tsx
-import { Fragment as Fragment61, jsx as jsx327, jsxs as jsxs259 } from "react/jsx-runtime";
+import { Fragment as Fragment62, jsx as jsx327, jsxs as jsxs259 } from "react/jsx-runtime";
 function DataTableHeader({
   className,
   stickyHeader,
@@ -40798,7 +40814,7 @@ function HeaderLabel({ header }) {
   if (typeof headerDef === "string") {
     return /* @__PURE__ */ jsx327("span", { className: "text-h5 text-ods-text-secondary uppercase whitespace-nowrap transition-colors duration-200 group-hover:text-ods-text-primary", children: headerDef });
   }
-  return /* @__PURE__ */ jsx327(Fragment61, { children: flexRender(headerDef, header.getContext()) });
+  return /* @__PURE__ */ jsx327(Fragment62, { children: flexRender(headerDef, header.getContext()) });
 }
 function SortIcon({ sorted }) {
   if (sorted === "asc") return /* @__PURE__ */ jsx327(Arrow01UpIcon, { className: "w-4 h-4 text-ods-accent" });
@@ -40837,7 +40853,7 @@ import { flexRender as flexRender2 } from "@tanstack/react-table";
 
 // src/components/ui/data-table/data-table-skeleton.tsx
 init_cn();
-import { Fragment as Fragment62, jsx as jsx329, jsxs as jsxs260 } from "react/jsx-runtime";
+import { Fragment as Fragment63, jsx as jsx329, jsxs as jsxs260 } from "react/jsx-runtime";
 var ROW_HEIGHT_DESKTOP2 = "h-[68px] md:h-[80px]";
 var ROW_HEIGHT_MOBILE2 = "h-[68px]";
 function DataTableSkeleton({
@@ -40848,7 +40864,7 @@ function DataTableSkeleton({
   const table = useDataTableContext();
   const columns = table.getVisibleFlatColumns();
   const firstColumnId = columns[0]?.id;
-  return /* @__PURE__ */ jsx329(Fragment62, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs260(
+  return /* @__PURE__ */ jsx329(Fragment63, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs260(
     "div",
     {
       className: cn(
@@ -40904,7 +40920,7 @@ function DataTableSkeleton({
 }
 
 // src/components/ui/data-table/data-table-row.tsx
-import { Fragment as Fragment63, jsx as jsx330, jsxs as jsxs261 } from "react/jsx-runtime";
+import { Fragment as Fragment64, jsx as jsx330, jsxs as jsxs261 } from "react/jsx-runtime";
 function DataTableRowImpl({
   row,
   onClick,
@@ -41006,7 +41022,7 @@ function CellContent({ children }) {
   if (typeof children === "string" || typeof children === "number") {
     return /* @__PURE__ */ jsx330("span", { className: "text-h4 text-ods-text-primary truncate", title: String(children), children });
   }
-  return /* @__PURE__ */ jsx330(Fragment63, { children });
+  return /* @__PURE__ */ jsx330(Fragment64, { children });
 }
 
 // src/components/ui/data-table/data-table-body.tsx
@@ -41086,7 +41102,7 @@ function DataTableBody({
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
 import { useEffect as useEffect73, useRef as useRef60 } from "react";
-import { Fragment as Fragment64, jsx as jsx332, jsxs as jsxs263 } from "react/jsx-runtime";
+import { Fragment as Fragment65, jsx as jsx332, jsxs as jsxs263 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
   isFetchingNextPage,
@@ -41110,7 +41126,7 @@ function DataTableInfiniteFooter({
     observer.observe(sentinel);
     return () => observer.disconnect();
   }, [hasNextPage, isFetchingNextPage, rootMargin]);
-  return /* @__PURE__ */ jsxs263(Fragment64, { children: [
+  return /* @__PURE__ */ jsxs263(Fragment65, { children: [
     isFetchingNextPage && /* @__PURE__ */ jsx332(DataTableSkeleton, { rows: skeletonRows }),
     hasNextPage && /* @__PURE__ */ jsx332("div", { ref: sentinelRef, className: "h-1", "aria-hidden": "true" })
   ] });
@@ -42520,7 +42536,7 @@ function FileUpload({
 import * as React128 from "react";
 import { Loader2 as Loader210 } from "lucide-react";
 init_cn();
-import { Fragment as Fragment66, jsx as jsx339, jsxs as jsxs270 } from "react/jsx-runtime";
+import { Fragment as Fragment67, jsx as jsx339, jsxs as jsxs270 } from "react/jsx-runtime";
 var DEFAULT_MAX_SIZE = 25 * 1024 * 1024;
 function formatSize(bytes) {
   const mb = bytes / (1024 * 1024);
@@ -42649,7 +42665,7 @@ function ImageUploader({
           !hasImage && !interactive && "cursor-not-allowed",
           dropzoneClassName
         ),
-        children: hasImage ? /* @__PURE__ */ jsxs270(Fragment66, { children: [
+        children: hasImage ? /* @__PURE__ */ jsxs270(Fragment67, { children: [
           /* @__PURE__ */ jsx339("div", { className: "relative min-h-0 w-full flex-1 overflow-hidden rounded-md", children: resolvedValue && /* @__PURE__ */ jsx339(
             "img",
             {
@@ -42686,7 +42702,7 @@ function ImageUploader({
             )
           ] }),
           loading && /* @__PURE__ */ jsx339("div", { className: "absolute inset-0 flex items-center justify-center rounded-md bg-ods-overlay", children: /* @__PURE__ */ jsx339(Loader210, { className: "size-8 animate-spin text-ods-text-on-dark" }) })
-        ] }) : loading ? /* @__PURE__ */ jsx339(Loader210, { className: "size-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs270(Fragment66, { children: [
+        ] }) : loading ? /* @__PURE__ */ jsx339(Loader210, { className: "size-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs270(Fragment67, { children: [
           /* @__PURE__ */ jsx339("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__ */ jsx339(ImagePlusIcon, { className: "size-6 text-ods-text-primary" }) }),
           /* @__PURE__ */ jsxs270("div", { className: "flex w-full flex-col items-center text-center", children: [
             /* @__PURE__ */ jsx339("p", { className: "text-h4 text-ods-text-primary", children: label }),
@@ -42756,7 +42772,7 @@ PopoverContent.displayName = PopoverPrimitive7.Content.displayName;
 
 // src/components/ui/color-preset-select.tsx
 init_cn();
-import { Fragment as Fragment67, jsx as jsx341, jsxs as jsxs271 } from "react/jsx-runtime";
+import { Fragment as Fragment68, jsx as jsx341, jsxs as jsxs271 } from "react/jsx-runtime";
 var TICKET_STATUS_COLOR_PRESETS = [
   { key: "green", label: "Green", color: "#5ea62e" },
   { key: "lime", label: "Lime", color: "#8bc34a" },
@@ -42907,7 +42923,7 @@ function RgbInputs({ value, onChange }) {
     const b = next.b ?? rgb.b;
     onChange(rgbToHex(r, g, b));
   };
-  return /* @__PURE__ */ jsxs271(Fragment67, { children: [
+  return /* @__PURE__ */ jsxs271(Fragment68, { children: [
     /* @__PURE__ */ jsx341(ChannelInput, { value: rgb.r, min: 0, max: 255, ariaLabel: "Red", onCommit: (r) => update({ r }) }),
     /* @__PURE__ */ jsx341(ChannelInput, { value: rgb.g, min: 0, max: 255, ariaLabel: "Green", onCommit: (g) => update({ g }) }),
     /* @__PURE__ */ jsx341(ChannelInput, { value: rgb.b, min: 0, max: 255, ariaLabel: "Blue", onCommit: (b) => update({ b }) })
@@ -42923,7 +42939,7 @@ function HslInputs({ value, onChange }) {
     const out = hslToRgb(h, s, l);
     onChange(rgbToHex(out.r, out.g, out.b));
   };
-  return /* @__PURE__ */ jsxs271(Fragment67, { children: [
+  return /* @__PURE__ */ jsxs271(Fragment68, { children: [
     /* @__PURE__ */ jsx341(ChannelInput, { value: hsl.h, min: 0, max: 360, ariaLabel: "Hue", onCommit: (h) => update({ h }) }),
     /* @__PURE__ */ jsx341(ChannelInput, { value: hsl.s, min: 0, max: 100, ariaLabel: "Saturation", onCommit: (s) => update({ s }) }),
     /* @__PURE__ */ jsx341(ChannelInput, { value: hsl.l, min: 0, max: 100, ariaLabel: "Lightness", onCommit: (l) => update({ l }) })
@@ -43220,7 +43236,7 @@ init_cn();
 // src/components/ui/ticket-note-card.tsx
 import * as React132 from "react";
 init_cn();
-import { Fragment as Fragment68, jsx as jsx345, jsxs as jsxs275 } from "react/jsx-runtime";
+import { Fragment as Fragment69, jsx as jsx345, jsxs as jsxs275 } from "react/jsx-runtime";
 function TicketNoteCard({ note, onEdit, onDelete, className }) {
   const [isEditing, setIsEditing] = React132.useState(false);
   const [editText, setEditText] = React132.useState(note.text);
@@ -43294,7 +43310,7 @@ function TicketNoteCard({ note, onEdit, onDelete, className }) {
               children: /* @__PURE__ */ jsx345(XmarkIcon, { className: "size-5" })
             }
           )
-        ] }) : /* @__PURE__ */ jsxs275(Fragment68, { children: [
+        ] }) : /* @__PURE__ */ jsxs275(Fragment69, { children: [
           /* @__PURE__ */ jsx345("p", { className: "text-h4 text-ods-text-primary", children: note.text }),
           /* @__PURE__ */ jsxs275(
             "p",
@@ -43401,7 +43417,7 @@ function TicketNotesSection({
 }
 
 // src/components/ui/ticket-info-section.tsx
-import { Fragment as Fragment69, jsx as jsx347, jsxs as jsxs277 } from "react/jsx-runtime";
+import { Fragment as Fragment70, jsx as jsx347, jsxs as jsxs277 } from "react/jsx-runtime";
 function InfoCell2({ value, label, icon, onClick }) {
   return /* @__PURE__ */ jsx347("div", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ jsxs277("div", { className: "flex flex-col justify-center", children: [
     /* @__PURE__ */ jsxs277("div", { className: "flex items-center gap-1 w-full min-w-0", children: [
@@ -43526,7 +43542,7 @@ function TicketInfoSection({
             )
           ] })
         ] }),
-        expanded && /* @__PURE__ */ jsxs277(Fragment69, { children: [
+        expanded && /* @__PURE__ */ jsxs277(Fragment70, { children: [
           createdAt && /* @__PURE__ */ jsx347("div", { className: "grid grid-cols-2 gap-4 px-4 py-3 bg-ods-bg border-b border-ods-border items-center", children: /* @__PURE__ */ jsx347(InfoCell2, { value: createdAt, label: "Created" }) }),
           /* @__PURE__ */ jsxs277("div", { className: "flex flex-col gap-4 p-4 bg-ods-bg border-b border-ods-border", children: [
             description && /* @__PURE__ */ jsx347(SimpleMarkdownRenderer, { content: description }),
@@ -43584,7 +43600,7 @@ function FilterPillRow({
 
 // src/components/ui/image-gallery-modal.tsx
 import { ChevronLeft as ChevronLeft4, ChevronRight as ChevronRight8 } from "lucide-react";
-import { Fragment as Fragment70, jsx as jsx349, jsxs as jsxs279 } from "react/jsx-runtime";
+import { Fragment as Fragment71, jsx as jsx349, jsxs as jsxs279 } from "react/jsx-runtime";
 function ImageGalleryModal({
   images,
   isOpen,
@@ -43640,7 +43656,7 @@ function ImageGalleryModal({
       onClose,
       className: "max-w-[95vw]",
       children: /* @__PURE__ */ jsxs279("div", { className: "relative flex items-center justify-center bg-black rounded-lg", children: [
-        images.length > 1 && /* @__PURE__ */ jsxs279(Fragment70, { children: [
+        images.length > 1 && /* @__PURE__ */ jsxs279(Fragment71, { children: [
           selectedImageIndex > 0 && /* @__PURE__ */ jsx349("div", { className: "absolute left-4 top-1/2 -translate-y-1/2 z-[10000]", children: /* @__PURE__ */ jsx349(
             Button,
             {
@@ -43758,7 +43774,7 @@ function TaskTypeIcon({ customItemId, className = "h-5 w-5" }) {
 }
 
 // src/components/chat/entity-cards/roadmap-card.tsx
-import { Fragment as Fragment71, jsx as jsx351, jsxs as jsxs280 } from "react/jsx-runtime";
+import { Fragment as Fragment72, jsx as jsx351, jsxs as jsxs280 } from "react/jsx-runtime";
 function RoadmapCardSkeleton({ size: size2 = "default" }) {
   if (size2 === "sm") {
     return /* @__PURE__ */ jsxs280("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
@@ -43820,7 +43836,7 @@ function RoadmapCard({
     const hasScreenshots = (item.screenshots?.length ?? 0) > 0;
     const typeLabel = getTaskTypeLabel(item.customItemId);
     const useTypeIcon = cardType === "internal_task" || !iconSrc && item.customItemId != null;
-    const body = /* @__PURE__ */ jsxs280(Fragment71, { children: [
+    const body = /* @__PURE__ */ jsxs280(Fragment72, { children: [
       /* @__PURE__ */ jsx351(
         "span",
         {
@@ -44012,7 +44028,7 @@ function RoadmapCard({
 // src/components/chat/entity-cards/github-activity-card.tsx
 import React135 from "react";
 import { GitPullRequest, Eye as Eye4, ExternalLink as ExternalLink8 } from "lucide-react";
-import { Fragment as Fragment72, jsx as jsx352, jsxs as jsxs281 } from "react/jsx-runtime";
+import { Fragment as Fragment73, jsx as jsx352, jsxs as jsxs281 } from "react/jsx-runtime";
 function parseRepoFromUrl(url) {
   if (!url) return null;
   try {
@@ -44144,7 +44160,7 @@ function GitHubActivityCard({ item, variant = "compact", className, anchorProps
   if (repo) metaParts.push(/* @__PURE__ */ jsx352("span", { className: "font-mono truncate", children: repo }, "repo"));
   if (dateText) metaParts.push(/* @__PURE__ */ jsx352("span", { className: "whitespace-nowrap", children: dateText }, "date"));
   const href = safeHref(item.url);
-  const body = /* @__PURE__ */ jsxs281(Fragment72, { children: [
+  const body = /* @__PURE__ */ jsxs281(Fragment73, { children: [
     /* @__PURE__ */ jsx352("span", { className: COMPACT_CARD_ICON_SLOT, children: kindIcon(kind, "h-5 w-5") }),
     /* @__PURE__ */ jsxs281("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsxs281("span", { className: `${COMPACT_CARD_TITLE_ROW} flex-nowrap gap-1.5`, children: [
@@ -44199,7 +44215,7 @@ function GitHubActivityCardSkeleton({ variant = "compact", className }) {
 // src/components/chat/entity-cards/slack-message-card.tsx
 import React136 from "react";
 import { ExternalLink as ExternalLink9, Hash } from "lucide-react";
-import { Fragment as Fragment73, jsx as jsx353, jsxs as jsxs282 } from "react/jsx-runtime";
+import { Fragment as Fragment74, jsx as jsx353, jsxs as jsxs282 } from "react/jsx-runtime";
 function parseChannelFromUrl(url) {
   if (!url) return null;
   try {
@@ -44238,7 +44254,7 @@ function SlackMessageCard({ item, variant = "compact", className, anchorProps })
   }
   if (dateText) metaParts.push(/* @__PURE__ */ jsx353("span", { className: "whitespace-nowrap", children: dateText }, "date"));
   const href = safeHref(item.url);
-  const body = /* @__PURE__ */ jsxs282(Fragment73, { children: [
+  const body = /* @__PURE__ */ jsxs282(Fragment74, { children: [
     /* @__PURE__ */ jsx353("span", { className: COMPACT_CARD_ICON_SLOT, children: /* @__PURE__ */ jsx353(SlackIcon, { className: "h-5 w-5" }) }),
     /* @__PURE__ */ jsxs282("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsx353("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx353("span", { className: COMPACT_CARD_TITLE, children: item.title }) }),
@@ -44288,7 +44304,7 @@ function SlackMessageCardSkeleton({ variant = "compact", className }) {
 // src/components/chat/entity-cards/hubspot-ticket-card.tsx
 import React137 from "react";
 import { ExternalLink as ExternalLink10 } from "lucide-react";
-import { Fragment as Fragment74, jsx as jsx354, jsxs as jsxs283 } from "react/jsx-runtime";
+import { Fragment as Fragment75, jsx as jsx354, jsxs as jsxs283 } from "react/jsx-runtime";
 function formatToken(token) {
   if (!token) return null;
   const lower = token.toLowerCase().replace(/_/g, " ");
@@ -44327,7 +44343,7 @@ function HubspotTicketCard({ item, variant = "compact", className, anchorProps }
   }
   if (dateText) metaParts.push(/* @__PURE__ */ jsx354("span", { className: "whitespace-nowrap", children: dateText }, "date"));
   const href = safeHref(item.url);
-  const body = /* @__PURE__ */ jsxs283(Fragment74, { children: [
+  const body = /* @__PURE__ */ jsxs283(Fragment75, { children: [
     /* @__PURE__ */ jsxs283("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsxs283("span", { className: "flex flex-wrap items-center gap-1.5 min-w-0", children: [
         /* @__PURE__ */ jsx354("span", { className: `${COMPACT_CARD_TITLE} shrink min-w-0`, children: item.title }),
@@ -44407,9 +44423,9 @@ function HubspotTicketCardSkeleton({ variant = "compact", className }) {
 
 // src/components/chat/entity-cards/data-room-doc-card.tsx
 import { ExternalLink as ExternalLink11 } from "lucide-react";
-import { Fragment as Fragment75, jsx as jsx355, jsxs as jsxs284 } from "react/jsx-runtime";
+import { Fragment as Fragment76, jsx as jsx355, jsxs as jsxs284 } from "react/jsx-runtime";
 function DataRoomDocCard({ item, className, badgeText, anchorProps }) {
-  const body = /* @__PURE__ */ jsxs284(Fragment75, { children: [
+  const body = /* @__PURE__ */ jsxs284(Fragment76, { children: [
     /* @__PURE__ */ jsxs284("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsxs284("span", { className: "flex flex-wrap items-center gap-1.5 min-w-0", children: [
         /* @__PURE__ */ jsx355("span", { className: `${COMPACT_CARD_TITLE} shrink min-w-0`, children: item.title }),
@@ -46019,7 +46035,7 @@ function cleanEscapedString(input) {
 init_button();
 import { ExternalLink as ExternalLink12, Clock as Clock2, Play as Play4, Video as Video5 } from "lucide-react";
 init_cn();
-import { Fragment as Fragment76, jsx as jsx356, jsxs as jsxs285 } from "react/jsx-runtime";
+import { Fragment as Fragment77, jsx as jsx356, jsxs as jsxs285 } from "react/jsx-runtime";
 function formatUtc(date, fmt) {
   return format2(new Date(date.getTime() + date.getTimezoneOffset() * 6e4), fmt);
 }
@@ -46094,7 +46110,7 @@ function MediaGallery({ images, title }) {
     setIsModalOpen(false);
     setSelectedImageIndex(null);
   };
-  return /* @__PURE__ */ jsxs285(Fragment76, { children: [
+  return /* @__PURE__ */ jsxs285(Fragment77, { children: [
     /* @__PURE__ */ jsx356("div", { className: "p-6 pt-4", children: /* @__PURE__ */ jsx356("div", { className: "overflow-x-auto mb-4", children: /* @__PURE__ */ jsx356("div", { className: "flex gap-3 pb-2", style: { width: "max-content" }, children: images.map((mediaItem, index) => /* @__PURE__ */ jsxs285(
       "div",
       {
@@ -46236,7 +46252,7 @@ function ProgramCard({
   const dateFormat = formatUtc(itemDate, "EEEE d MMMM");
   const defaultRenderMeta = () => {
     if (config.type === "podcast" && "duration_seconds" in item && !isScheduled) {
-      return /* @__PURE__ */ jsxs285(Fragment76, { children: [
+      return /* @__PURE__ */ jsxs285(Fragment77, { children: [
         /* @__PURE__ */ jsx356(Clock2, { className: "w-4 h-4 text-ods-text-secondary" }),
         /* @__PURE__ */ jsx356("span", { className: "font-body text-ods-text-secondary", children: formatDurationCompact(item.duration_seconds) })
       ] });
@@ -46247,7 +46263,7 @@ function ProgramCard({
     if (config.type === "webinar" && "start_at" in item) {
       const webinarItem = item;
       const duration = formatDurationFromRange(webinarItem.start_at, webinarItem.end_at);
-      return /* @__PURE__ */ jsxs285(Fragment76, { children: [
+      return /* @__PURE__ */ jsxs285(Fragment77, { children: [
         /* @__PURE__ */ jsx356(Video5, { className: "w-4 h-4 text-ods-text-secondary" }),
         /* @__PURE__ */ jsxs285("span", { className: "font-body text-ods-text-secondary", children: [
           formatTimeWithTimezone(webinarItem.start_at, webinarItem.timezone ?? null),
@@ -46281,10 +46297,10 @@ function ProgramCard({
       /* @__PURE__ */ jsx356("h3", { className: "text-h2 text-ods-text-primary mb-3 min-h-[3rem] md:min-h-[3.5rem] line-clamp-2 flex items-center", children: item.title }),
       /* @__PURE__ */ jsxs285("div", { className: "flex flex-col md:flex-row md:items-center gap-2 md:gap-4 mb-4", children: [
         /* @__PURE__ */ jsx356("span", { className: "text-h6", style: { color: accentColor }, children: dateFormat }),
-        renderMeta ? /* @__PURE__ */ jsxs285(Fragment76, { children: [
+        renderMeta ? /* @__PURE__ */ jsxs285(Fragment77, { children: [
           /* @__PURE__ */ jsx356("span", { className: "hidden md:inline text-ods-text-secondary", children: "\u2022" }),
           renderMeta(item)
-        ] }) : defaultRenderMeta() && /* @__PURE__ */ jsxs285(Fragment76, { children: [
+        ] }) : defaultRenderMeta() && /* @__PURE__ */ jsxs285(Fragment77, { children: [
           /* @__PURE__ */ jsx356("span", { className: "hidden md:inline text-ods-text-secondary", children: "\u2022" }),
           /* @__PURE__ */ jsx356("div", { className: "flex items-center gap-2", children: defaultRenderMeta() })
         ] })
@@ -46361,10 +46377,10 @@ function ProgramCard({
 
 // src/components/chat/entity-cards/campaign-card-admin.tsx
 import { Megaphone as Megaphone3 } from "lucide-react";
-import { Fragment as Fragment77, jsx as jsx357, jsxs as jsxs286 } from "react/jsx-runtime";
+import { Fragment as Fragment78, jsx as jsx357, jsxs as jsxs286 } from "react/jsx-runtime";
 function CampaignCardAdmin({ campaign, className, anchorProps }) {
   const goalsCount = campaign.goals?.length || 0;
-  const innerChildren = /* @__PURE__ */ jsxs286(Fragment77, { children: [
+  const innerChildren = /* @__PURE__ */ jsxs286(Fragment78, { children: [
     /* @__PURE__ */ jsx357("span", { className: COMPACT_CARD_ICON_SLOT, children: /* @__PURE__ */ jsx357(Megaphone3, { className: "h-5 w-5" }) }),
     /* @__PURE__ */ jsxs286("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsx357("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx357("span", { className: COMPACT_CARD_TITLE, children: campaign.name }) }),
@@ -46394,11 +46410,11 @@ function CampaignCardAdminSkeleton({ className }) {
 
 // src/components/chat/entity-cards/generic-entity-card.tsx
 import { ExternalLink as ExternalLink13 } from "lucide-react";
-import { Fragment as Fragment78, jsx as jsx358, jsxs as jsxs287 } from "react/jsx-runtime";
+import { Fragment as Fragment79, jsx as jsx358, jsxs as jsxs287 } from "react/jsx-runtime";
 function GenericEntityCard({ item, className, anchorProps }) {
   const href = safeHref(item.url);
   const dateText = formatDateUTC(item.dateUpdated, { fallback: "", timezone: "local" });
-  const body = /* @__PURE__ */ jsxs287(Fragment78, { children: [
+  const body = /* @__PURE__ */ jsxs287(Fragment79, { children: [
     /* @__PURE__ */ jsxs287("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsxs287("span", { className: "flex flex-wrap items-center gap-1.5 min-w-0", children: [
         /* @__PURE__ */ jsx358("span", { className: `${COMPACT_CARD_TITLE} shrink min-w-0`, children: item.title }),
@@ -46583,7 +46599,7 @@ function resolveSourceIcon(input, ctx = {}) {
 
 // src/components/chat/mingo-info-card.tsx
 init_cn();
-import { Fragment as Fragment79, jsx as jsx359, jsxs as jsxs288 } from "react/jsx-runtime";
+import { Fragment as Fragment80, jsx as jsx359, jsxs as jsxs288 } from "react/jsx-runtime";
 function CardMedia({
   imageSrc,
   imageAlt,
@@ -46627,7 +46643,7 @@ function MingoInfoCard({
   const hasMenu = !!menuGroups && menuGroups.length > 0;
   const isAnchor = !!anchorProps;
   const isInteractive = isAnchor || !!onClick;
-  const content = /* @__PURE__ */ jsxs288(Fragment79, { children: [
+  const content = /* @__PURE__ */ jsxs288(Fragment80, { children: [
     hasMedia && /* @__PURE__ */ jsx359(CardMedia, { imageSrc, imageAlt, icon }),
     /* @__PURE__ */ jsxs288("span", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [
       /* @__PURE__ */ jsx359("span", { className: "truncate text-h4 text-ods-text-primary", children: title }),
@@ -46676,7 +46692,7 @@ function MingoInfoCard({
 }
 
 // src/components/chat/entity-cards/dispatch.tsx
-import { Fragment as Fragment80, jsx as jsx360, jsxs as jsxs289 } from "react/jsx-runtime";
+import { Fragment as Fragment81, jsx as jsx360, jsxs as jsxs289 } from "react/jsx-runtime";
 function githubKindIcon(kind) {
   switch (kind) {
     case "pull_request":
@@ -47644,10 +47660,10 @@ function ChatCardLoader({
       }
     );
   }
-  if (isLoading) return /* @__PURE__ */ jsx360(Fragment80, { children: entry.skeleton() });
+  if (isLoading) return /* @__PURE__ */ jsx360(Fragment81, { children: entry.skeleton() });
   if (!item) return null;
   if (entry.bareInline) {
-    return /* @__PURE__ */ jsx360(Fragment80, { children: navWrap(entry.render(item, finalChatRef, renderOpts)) });
+    return /* @__PURE__ */ jsx360(Fragment81, { children: navWrap(entry.render(item, finalChatRef, renderOpts)) });
   }
   return /* @__PURE__ */ jsx360(
     ChatCardWithDiscuss,
@@ -48570,6 +48586,7 @@ function parseChunkToAction(chunk) {
             integratedToolType: data.integratedToolType || "",
             toolFunction: data.toolFunction || "",
             toolTitle: typeof data.title === "string" ? data.title : void 0,
+            toolExplanation: typeof data.toolExplanation === "string" ? data.toolExplanation : void 0,
             parameters: data.parameters,
             toolExecutionRequestId: typeof data.toolExecutionRequestId === "string" ? data.toolExecutionRequestId : void 0
           }
@@ -48820,6 +48837,7 @@ var MessageSegmentAccumulator = class {
         integratedToolType: toolData.integratedToolType,
         toolFunction: toolData.toolFunction,
         toolTitle: toolData.toolTitle,
+        toolExplanation: toolData.toolExplanation,
         parameters: toolData.parameters
       });
       this.segments.push(segment);
@@ -48834,6 +48852,7 @@ var MessageSegmentAccumulator = class {
         data: {
           ...toolData,
           toolTitle: toolData.toolTitle ?? existingExecuting?.data.toolTitle ?? executingTool?.toolTitle,
+          toolExplanation: toolData.toolExplanation ?? existingExecuting?.data.toolExplanation ?? executingTool?.toolExplanation,
           parameters: toolData.parameters || executingTool?.parameters
         }
       };
@@ -51118,6 +51137,7 @@ function processMessageData(data, accumulator, approvalStatuses, options = {}, e
             integratedToolType: data.integratedToolType || "",
             toolFunction: data.toolFunction || "",
             toolTitle: typeof data.title === "string" ? data.title : void 0,
+            toolExplanation: typeof data.toolExplanation === "string" ? data.toolExplanation : void 0,
             parameters: data.parameters,
             toolExecutionRequestId: data.toolExecutionRequestId
           }
@@ -51416,6 +51436,7 @@ function extractIncompleteMessageState(lastMessage) {
             integratedToolType: segment.data.integratedToolType,
             toolFunction: segment.data.toolFunction,
             toolTitle: segment.data.toolTitle,
+            toolExplanation: segment.data.toolExplanation,
             parameters: segment.data.parameters
           });
           hasIncompleteState = true;
@@ -51572,6 +51593,7 @@ function applyToolExecutionToMessages(prev, segment) {
           data: {
             ...toolData,
             toolTitle: toolData.toolTitle ?? seg.data.toolTitle,
+            toolExplanation: toolData.toolExplanation ?? seg.data.toolExplanation,
             parameters: toolData.parameters || seg.data.parameters
           }
         };
@@ -53000,7 +53022,7 @@ function useChatDialogManager({
 
 // src/components/chat/embeddable-chat.tsx
 init_next_navigation();
-import { Fragment as Fragment81, jsx as jsx364, jsxs as jsxs290 } from "react/jsx-runtime";
+import { Fragment as Fragment82, jsx as jsx364, jsxs as jsxs290 } from "react/jsx-runtime";
 var DRAWER_DEFAULT_WIDTH_RATIO = 0.5;
 var DRAWER_WIDTH_KEY = "mingo-chat-width-v3";
 var DRAWER_DEFAULT_WIDTH_PX = 750;
@@ -53172,7 +53194,7 @@ function SourceChip({
     );
   }
   const displayName = src.name || formatRelativePath(src.path);
-  const chipBody = (label) => /* @__PURE__ */ jsxs290(Fragment81, { children: [
+  const chipBody = (label) => /* @__PURE__ */ jsxs290(Fragment82, { children: [
     icon,
     /* @__PURE__ */ jsxs290("span", { className: "truncate max-w-[160px]", children: [
       "[",
@@ -53979,7 +54001,7 @@ function EmbeddableChatInner({
                         // renders in the rail below); the chat block is untouched.
                         // Back is a full-height leading cell, matching the other
                         // header cells (not a small inline chevron).
-                        /* @__PURE__ */ jsxs290(Fragment81, { children: [
+                        /* @__PURE__ */ jsxs290(Fragment82, { children: [
                           /* @__PURE__ */ jsx364(
                             ChatHeaderIconButton,
                             {
@@ -53996,7 +54018,7 @@ function EmbeddableChatInner({
                         // search + archive controls. When search is open the
                         // inline field takes over the title area in place
                         // (Figma 116:51217) and the magnifier toggle is hidden.
-                        /* @__PURE__ */ jsxs290(Fragment81, { children: [
+                        /* @__PURE__ */ jsxs290(Fragment82, { children: [
                           railSearchOpen && mingoCaps.onSearchChange ? /* @__PURE__ */ jsx364(
                             ChatHeaderSearchField,
                             {
@@ -54004,7 +54026,7 @@ function EmbeddableChatInner({
                               onSearchChange: mingoCaps.onSearchChange,
                               onCollapse: () => setRailSearchOpen(false)
                             }
-                          ) : /* @__PURE__ */ jsxs290(Fragment81, { children: [
+                          ) : /* @__PURE__ */ jsxs290(Fragment82, { children: [
                             /* @__PURE__ */ jsx364("div", { className: "flex min-w-0 flex-1 items-center px-[var(--spacing-system-mf)]", children: /* @__PURE__ */ jsx364("span", { className: "min-w-0 flex-1 truncate text-h3 text-ods-text-primary", children: "Current Chats" }) }),
                             mingoCaps.onSearchChange && /* @__PURE__ */ jsx364(
                               ChatHeaderIconButton,
@@ -54150,7 +54172,7 @@ function EmbeddableChatInner({
                       onRetry: reloadDialogs
                     }
                   )
-                ) : /* @__PURE__ */ jsxs290(Fragment81, { children: [
+                ) : /* @__PURE__ */ jsxs290(Fragment82, { children: [
                   /* @__PURE__ */ jsx364(
                     "div",
                     {
@@ -54396,7 +54418,7 @@ function EmbeddableChatInner({
       ]
     }
   ) }) });
-  return /* @__PURE__ */ jsxs290(Fragment81, { children: [
+  return /* @__PURE__ */ jsxs290(Fragment82, { children: [
     showInternalTrigger && !shellLess && /* @__PURE__ */ jsx364(
       "div",
       {
@@ -55416,4 +55438,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-THGA7UZZ.js.map
+//# sourceMappingURL=chunk-BBUEY73L.js.map