@flamingo-stack/openframe-frontend-core 0.0.383 → 0.0.384-snapshot.20260708165758

package/dist/{chunk-CNDLMBFN.js → chunk-XQ77CK5C.js}

@@ -826,15 +826,18 @@ function CommandBlock({ command, className }) {
 // src/components/chat/approval-batch-message.tsx
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var COMMAND_BODY_KEYS = new Set(COMMAND_BODY_ARG_KEYS);
-function renderStatusTag(status, isClient, resolvedByName) {
-  const suffix = isClient && resolvedByName ? ` by ${resolvedByName}` : "";
+function ApprovalStatusTag({ status, resolvedByName, inlineResolver = false }) {
+  const suffix = inlineResolver && resolvedByName ? ` by ${resolvedByName}` : "";
   if (status === "approved") {
     return /* @__PURE__ */ jsx5(Tag, { label: `Approved${suffix}`, variant: "success", icon: /* @__PURE__ */ jsx5(CheckCircleIcon, { className: "w-4 h-4" }) });
   }
   if (status === "cancelled") {
     return /* @__PURE__ */ jsx5(Tag, { label: `Canceled${suffix}`, variant: "grey", icon: /* @__PURE__ */ jsx5(XmarkIcon, { className: "w-4 h-4" }) });
   }
-  return /* @__PURE__ */ jsx5(Tag, { label: `Rejected${suffix}`, variant: "error", icon: /* @__PURE__ */ jsx5(XmarkCircleIcon, { className: "w-4 h-4" }) });
+  if (status === "rejected") {
+    return /* @__PURE__ */ jsx5(Tag, { label: `Rejected${suffix}`, variant: "error", icon: /* @__PURE__ */ jsx5(XmarkCircleIcon, { className: "w-4 h-4" }) });
+  }
+  return null;
 }
 function getArgEntries(call) {
   const args = call.toolCallArguments;
@@ -916,7 +919,7 @@ function ToolCallRow({ call, expanded, onToggle, batchStatus, execution, showExe
   );
 }
 var ApprovalBatchMessage = forwardRef2(
-  ({ className, data, onApprove, onReject, status = "pending", maxBodyHeight, resolvedByName, showExecutionStatus = true, assistantType, ...props }, ref) => {
+  ({ className, data, onApprove, onReject, status = "pending", maxBodyHeight, resolvedByName, showExecutionStatus = true, assistantType, showFooterActions = true, ...props }, ref) => {
     const [expandedId, setExpandedId] = useState3(null);
     const [isProcessing, setIsProcessing] = useState3(false);
     const isClient = assistantType === "fae";
@@ -937,7 +940,7 @@ var ApprovalBatchMessage = forwardRef2(
         setIsProcessing(false);
       }
     };
-    const showFooterBlock = explanations.length > 0 || status !== void 0;
+    const showFooterBlock = explanations.length > 0 || showFooterActions;
     return /* @__PURE__ */ jsxs4(
       "div",
       {
@@ -988,7 +991,7 @@ var ApprovalBatchMessage = forwardRef2(
               ),
               children: [
                 explanations.length > 0 && /* @__PURE__ */ jsx5("ul", { className: "list-disc pl-5 text-h6 text-ods-text-primary w-full", children: explanations.map((expl, i) => /* @__PURE__ */ jsx5("li", { children: expl }, i)) }),
-                status === "pending" ? /* @__PURE__ */ jsxs4("div", { className: "flex gap-[var(--spacing-system-xsf)] items-center", children: [
+                showFooterActions && (status === "pending" ? /* @__PURE__ */ jsxs4("div", { className: "flex gap-[var(--spacing-system-xsf)] items-center", children: [
                   /* @__PURE__ */ jsx5(
                     Button,
                     {
@@ -1020,12 +1023,12 @@ var ApprovalBatchMessage = forwardRef2(
                     }
                   )
                 ] }) : /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
-                  renderStatusTag(status, isClient, resolvedByName),
+                  /* @__PURE__ */ jsx5(ApprovalStatusTag, { status, resolvedByName, inlineResolver: isClient }),
                   !isClient && resolvedByName && /* @__PURE__ */ jsxs4("span", { className: "text-h6 text-ods-text-secondary", children: [
                     "by ",
                     resolvedByName
                   ] })
-                ] })
+                ] }))
               ]
             }
           )
@@ -11549,7 +11552,7 @@ function OnboardingGuideCard({
 }
 
 // src/components/chat/entity-cards/roadmap-card.tsx
-import { useState as useState100 } from "react";
+import { useState as useState101 } from "react";
 import { ThumbsUp, ThumbsDown } from "lucide-react";
 
 // src/components/chat/entity-cards/roadmap-vote-button.tsx
@@ -11590,7 +11593,7 @@ function RoadmapVoteButton({
 init_button();
 
 // src/components/ui/image-gallery-modal.tsx
-import { useState as useState99, useEffect as useEffect74 } from "react";
+import { useState as useState100, useEffect as useEffect74 } from "react";
 
 // src/components/ui/allowed-domains-input.tsx
 init_cn();
@@ -24099,7 +24102,7 @@ function OrganizationCard({
 
 // src/components/ui/service-card.tsx
 init_cn();
-import { useMemo as useMemo35, useState as useState86 } from "react";
+import { useMemo as useMemo35, useState as useState87 } from "react";
 import { ExternalLink as ExternalLink7 } from "lucide-react";
 
 // src/components/providers/dynamic-theme-provider.tsx
@@ -31048,20 +31051,51 @@ init_button2();
 init_cn();
 
 // src/components/features/notifications/notification-tile.tsx
-import { useMemo as useMemo28, useEffect as useEffect52 } from "react";
-init_button();
+import { useMemo as useMemo28, useEffect as useEffect52, useState as useState72 } from "react";
 init_cn();
 import { jsx as jsx247, jsxs as jsxs194 } from "react/jsx-runtime";
+var variantBySeverity = {
+  INFO: "info",
+  SUCCESS: "success",
+  WARNING: "warning",
+  DANGER: "error"
+};
+var typeColorByVariant = {
+  default: "text-ods-text-secondary",
+  info: "text-ods-text-secondary",
+  success: "text-ods-success",
+  warning: "text-ods-warning",
+  error: "text-ods-error"
+};
+var headerControlClass = "absolute inset-0 flex items-center justify-center text-ods-text-secondary transition-opacity duration-200 hover:text-ods-text-primary";
 function NotificationTile({
   notification,
   liveDurationMs = 4e3,
   onComplete,
   onSettle,
   className,
+  actions,
   children,
   paused = false
 }) {
-  const { id, variant = "default", title, description, createdAt, read, settled } = notification;
+  const {
+    id,
+    variant = "default",
+    severity,
+    type,
+    icon,
+    imageUrl,
+    title,
+    description,
+    createdAt,
+    read,
+    settled
+  } = notification;
+  const accentVariant = (severity ? variantBySeverity[severity] : void 0) ?? variant;
+  const [failedImageUrl, setFailedImageUrl] = useState72(null);
+  const image = imageUrl && imageUrl !== failedImageUrl ? imageUrl : void 0;
+  const createdAtDate = new Date(createdAt);
+  const createdAtIso = Number.isNaN(createdAtDate.getTime()) ? null : createdAtDate.toISOString();
   const initialElapsed = useMemo28(() => Date.now() - createdAt, [createdAt]);
   const isLive = !read && !settled && initialElapsed < liveDurationMs;
   const counting = isLive && !paused;
@@ -31085,37 +31119,75 @@ function NotificationTile({
           "div",
           {
             className: cn(
-              "relative flex items-center gap-[var(--spacing-system-xs)] p-[var(--spacing-system-s)]",
-              children ? "border-b border-ods-border" : null
+              "relative flex flex-col gap-[var(--spacing-system-xs)] p-[var(--spacing-system-s)]",
+              isLive && "pb-[var(--spacing-system-m)]"
             ),
             children: [
-              /* @__PURE__ */ jsx247("div", { className: "flex size-6 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx247("span", { className: cn("size-1.5 rounded-full", dotColorByVariant[variant]) }) }),
-              /* @__PURE__ */ jsxs194("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+              /* @__PURE__ */ jsxs194("div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
+                /* @__PURE__ */ jsx247(
+                  "span",
+                  {
+                    className: cn(
+                      "flex size-4 shrink-0 items-center justify-center",
+                      typeColorByVariant[accentVariant]
+                    ),
+                    children: image ? /* @__PURE__ */ jsx247(
+                      "img",
+                      {
+                        src: image,
+                        alt: "",
+                        onError: () => setFailedImageUrl(image),
+                        className: "size-4 rounded-[2px] object-cover"
+                      }
+                    ) : icon ?? /* @__PURE__ */ jsx247("span", { className: cn("size-1.5 rounded-full", dotColorByVariant[accentVariant]) })
+                  }
+                ),
+                type ? /* @__PURE__ */ jsx247(
+                  "p",
+                  {
+                    className: cn("min-w-0 flex-1 truncate text-h5", typeColorByVariant[accentVariant]),
+                    title: type,
+                    children: type
+                  }
+                ) : /* @__PURE__ */ jsx247("span", { className: "min-w-0 flex-1" }),
+                !isLive && createdAtIso ? /* @__PURE__ */ jsx247(
+                  "time",
+                  {
+                    dateTime: createdAtIso,
+                    className: "shrink-0 whitespace-nowrap text-h6 text-ods-text-secondary",
+                    children: formatTicketRelativeTime(createdAtIso)
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx247("span", { className: "relative size-4 shrink-0", children: [
+                  { active: isLive, label: "Dismiss notification", icon: /* @__PURE__ */ jsx247(XmarkIcon, { size: 16 }), onClick: () => onSettle?.(id) },
+                  { active: !isLive, label: "Mark notification complete", icon: /* @__PURE__ */ jsx247(CheckCircleIcon, { size: 16 }), onClick: () => onComplete(id) }
+                ].map(({ active, label, icon: icon2, onClick }) => /* @__PURE__ */ jsx247(
+                  "button",
+                  {
+                    type: "button",
+                    onClick,
+                    "aria-label": label,
+                    "aria-hidden": !active,
+                    disabled: !active,
+                    tabIndex: active ? 0 : -1,
+                    className: cn(headerControlClass, !active && "pointer-events-none opacity-0"),
+                    children: icon2
+                  },
+                  label
+                )) })
+              ] }),
+              /* @__PURE__ */ jsxs194("div", { className: "flex min-w-0 flex-col", children: [
                 title ? /* @__PURE__ */ jsx247("p", { className: "truncate text-h4 text-ods-text-primary", title: typeof title === "string" ? title : void 0, children: title }) : null,
-                description ? /* @__PURE__ */ jsx247("p", { className: "text-h6 line-clamp-2 text-ods-text-secondary", title: typeof description === "string" ? description : void 0, children: description }) : null
+                description ? /* @__PURE__ */ jsx247("p", { className: "text-h6 line-clamp-3 text-ods-text-secondary", title: typeof description === "string" ? description : void 0, children: description }) : null
               ] }),
-              /* @__PURE__ */ jsx247(
-                Button,
-                {
-                  variant: "outline",
-                  size: "small",
-                  onClick: () => onComplete(id),
-                  "aria-label": "Mark notification complete",
-                  tabIndex: isLive ? -1 : 0,
-                  className: cn(
-                    "shrink-0 hover:text-ods-text-primary",
-                    isLive && "invisible"
-                  ),
-                  children: /* @__PURE__ */ jsx247(CheckCircleIcon, {})
-                }
-              ),
+              actions,
               counting ? /* @__PURE__ */ jsx247(
                 "div",
                 {
                   "aria-hidden": true,
                   className: cn(
                     "absolute inset-x-0 -bottom-px h-1 origin-left",
-                    progressColorByVariant[variant]
+                    progressColorByVariant[accentVariant]
                   ),
                   style: {
                     animation: `toast-progress ${liveDurationMs}ms linear forwards`,
@@ -31126,21 +31198,7 @@ function NotificationTile({
             ]
           }
         ),
-        children,
-        /* @__PURE__ */ jsx247(
-          "button",
-          {
-            type: "button",
-            onClick: () => onSettle?.(id),
-            "aria-label": "Dismiss notification",
-            tabIndex: isLive ? 0 : -1,
-            className: cn(
-              "absolute right-[var(--spacing-system-xsf)] top-[var(--spacing-system-xsf)] flex size-4 items-center justify-center text-ods-text-secondary transition-opacity duration-200 hover:text-ods-text-primary",
-              !isLive && "pointer-events-none opacity-0"
-            ),
-            children: /* @__PURE__ */ jsx247(XmarkIcon, { size: 16 })
-          }
-        )
+        children
       ]
     }
   );
@@ -31476,8 +31534,8 @@ function NotificationPopups({
 }
 
 // src/components/features/notifications/approval-request-notification-tile.tsx
-init_cn();
-import { useMemo as useMemo29, useState as useState72 } from "react";
+init_button2();
+import { useMemo as useMemo29, useState as useState73 } from "react";
 
 // src/components/chat/types/chat.types.ts
 var CHAT_TYPE = {
@@ -31671,7 +31729,7 @@ function approvalMetaToBatchData(approval) {
 }
 
 // src/components/features/notifications/approval-request-notification-tile.tsx
-import { jsx as jsx250, jsxs as jsxs196 } from "react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx250, jsxs as jsxs196 } from "react/jsx-runtime";
 function ApprovalRequestNotificationTile({
   notification,
   onApprove,
@@ -31682,78 +31740,81 @@ function ApprovalRequestNotificationTile({
   defaultExpanded = false,
   className
 }) {
-  const [expanded, setExpanded] = useState72(defaultExpanded);
-  const [pinned, setPinned] = useState72(defaultExpanded);
-  const [localStatus, setLocalStatus] = useState72(null);
+  const [expanded, setExpanded] = useState73(defaultExpanded);
+  const [pinned, setPinned] = useState73(defaultExpanded);
+  const [processing, setProcessing] = useState73(false);
+  const [localStatus, setLocalStatus] = useState73(null);
   const approval = getApprovalMeta(notification);
   const resolvedStatus = resolutionToStatus(approval?.resolution);
   const status = resolvedStatus !== "pending" ? resolvedStatus : localStatus ?? "pending";
   const batchData = useMemo29(() => approval ? approvalMetaToBatchData(approval) : null, [approval]);
   const { innerRef, containerStyle } = useCollapsible({ expanded });
   if (!approval || !batchData) return null;
-  const commandWord = batchData.toolCalls.length > 1 ? "Commands" : "Command";
-  const toggleLabel = `${expanded ? "Hide" : "Show"} ${commandWord}`;
-  const handleApprove = async () => {
-    setLocalStatus("approved");
-    try {
-      await onApprove(batchData.approvalRequestId);
-      onComplete(notification.id);
-    } catch {
-      setLocalStatus(null);
-    }
-  };
-  const handleReject = async () => {
-    setLocalStatus("rejected");
+  const tileNotification = {
+    ...notification,
+    type: notification.type ?? "Approval Required"
+  };
+  const commandWord = batchData.toolCalls.length > 1 ? "commands" : "command";
+  const toggleLabel = `${expanded ? "Hide" : "Show"} ${commandWord} section`;
+  const resolve = async (nextStatus, action) => {
+    setProcessing(true);
+    setLocalStatus(nextStatus);
     try {
-      await onReject(batchData.approvalRequestId);
-      onComplete(notification.id);
+      await action(batchData.approvalRequestId);
     } catch {
       setLocalStatus(null);
+      return;
+    } finally {
+      setProcessing(false);
     }
+    onComplete(notification.id);
   };
-  return /* @__PURE__ */ jsxs196(
+  return /* @__PURE__ */ jsx250(
     NotificationTile,
     {
-      notification,
+      notification: tileNotification,
       liveDurationMs,
       onComplete,
       onSettle,
       className,
-      paused: pinned,
-      children: [
-        /* @__PURE__ */ jsxs196(
-          "button",
+      paused: pinned || processing,
+      actions: /* @__PURE__ */ jsxs196("div", { className: "flex w-full items-center gap-[var(--spacing-system-xs)]", children: [
+        status === "pending" ? /* @__PURE__ */ jsxs196(Fragment41, { children: [
+          /* @__PURE__ */ jsx250(Button, { variant: "accent", size: "small", onClick: () => resolve("approved", onApprove), disabled: processing, children: "Approve" }),
+          /* @__PURE__ */ jsx250(Button, { variant: "outline", size: "small", onClick: () => resolve("rejected", onReject), disabled: processing, children: "Reject" })
+        ] }) : /* @__PURE__ */ jsxs196("span", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xsf)]", children: [
+          /* @__PURE__ */ jsx250(ApprovalStatusTag, { status }),
+          approval.resolvedByName ? /* @__PURE__ */ jsxs196("span", { className: "truncate text-h6 text-ods-text-secondary", children: [
+            "by ",
+            approval.resolvedByName
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsx250(
+          Button,
           {
-            type: "button",
+            variant: "outline",
+            size: "small",
             onClick: () => {
               setExpanded((prev) => !prev);
               setPinned(true);
             },
             "aria-expanded": expanded,
-            className: cn(
-              "flex w-full items-center gap-[var(--spacing-system-xs)] bg-ods-card px-[var(--spacing-system-s)] py-[var(--spacing-system-xs)] text-left",
-              expanded && "border-b border-ods-border"
-            ),
-            children: [
-              /* @__PURE__ */ jsx250("span", { className: "min-w-0 flex-1 text-h6 text-ods-text-primary", children: toggleLabel }),
-              /* @__PURE__ */ jsx250(ExpandChevron, { expanded })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx250("div", { style: containerStyle, children: /* @__PURE__ */ jsx250("div", { ref: innerRef, children: /* @__PURE__ */ jsx250(
-          ApprovalBatchMessage,
-          {
-            data: batchData,
-            status,
-            resolvedByName: approval.resolvedByName,
-            showExecutionStatus: false,
-            onApprove: handleApprove,
-            onReject: handleReject,
-            maxBodyHeight: "50vh",
-            className: "mb-0 rounded-none border-0"
+            "aria-label": toggleLabel,
+            className: "ml-auto w-6 shrink-0 px-0 md:w-8",
+            children: /* @__PURE__ */ jsx250(ExpandChevron, { expanded })
           }
-        ) }) })
-      ]
+        )
+      ] }),
+      children: /* @__PURE__ */ jsx250("div", { style: containerStyle, children: /* @__PURE__ */ jsx250("div", { ref: innerRef, children: /* @__PURE__ */ jsx250("div", { className: "border-t border-ods-border", children: /* @__PURE__ */ jsx250(
+        ApprovalBatchMessage,
+        {
+          data: batchData,
+          showExecutionStatus: false,
+          showFooterActions: false,
+          maxBodyHeight: "50vh",
+          className: "mb-0 rounded-none border-0"
+        }
+      ) }) }) })
     }
   );
 }
@@ -31783,12 +31844,12 @@ function useOptionalTimeTracker() {
 
 // src/components/features/time-tracker/time-tracker-panel.tsx
 init_cn();
-import { useEffect as useEffect55, useState as useState75 } from "react";
+import { useEffect as useEffect55, useState as useState76 } from "react";
 init_button();
 init_split_button();
 
 // src/components/features/time-tracker/use-tracker-clock.ts
-import { useEffect as useEffect54, useState as useState74 } from "react";
+import { useEffect as useEffect54, useState as useState75 } from "react";
 function formatElapsed(totalMs) {
   const totalSeconds = Math.max(0, Math.floor(totalMs / 1e3));
   const hours = Math.floor(totalSeconds / 3600);
@@ -31798,7 +31859,7 @@ function formatElapsed(totalMs) {
   return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
 }
 function useTrackerClock({ status, runningSince, accumulatedMs = 0 }) {
-  const [now, setNow] = useState74(() => Date.now());
+  const [now, setNow] = useState75(() => Date.now());
   useEffect54(() => {
     if (status !== "tracking") return;
     setNow(Date.now());
@@ -31854,7 +31915,7 @@ function TimeTrackerPanel({
   className
 }) {
   const elapsedLabel = useTrackerClock({ status, runningSince, accumulatedMs });
-  const [showValidationError, setShowValidationError] = useState75(false);
+  const [showValidationError, setShowValidationError] = useState76(false);
   const isRunning = status === "tracking";
   const isActive = status !== "ready";
   const hasContent = selectedTicketId != null || notes.trim() !== "";
@@ -32136,7 +32197,7 @@ function HeaderButton({
 }
 
 // src/components/features/time-tracker/time-tracker-header-button.tsx
-import { Fragment as Fragment41, jsx as jsx254, jsxs as jsxs198 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx254, jsxs as jsxs198 } from "react/jsx-runtime";
 function TimeTrackerHeaderButton({ className, disabled }) {
   const ctx = useOptionalTimeTracker();
   const elapsedLabel = useTrackerClock({
@@ -32160,7 +32221,7 @@ function TimeTrackerHeaderButton({ className, disabled }) {
           isActive && "w-auto gap-[var(--spacing-system-xsf)] px-[var(--spacing-system-sf)] md:w-auto",
           className
         ),
-        icon: /* @__PURE__ */ jsxs198(Fragment41, { children: [
+        icon: /* @__PURE__ */ jsxs198(Fragment42, { children: [
           /* @__PURE__ */ jsx254(
             ClockHistoryIcon,
             {
@@ -32402,7 +32463,7 @@ function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
 }
 
 // src/components/features/board/ticket-card.tsx
-import { Fragment as Fragment42, jsx as jsx257, jsxs as jsxs201 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx257, jsxs as jsxs201 } from "react/jsx-runtime";
 var PRIORITY_COLOR_CLASS = {
   low: "text-ods-text-secondary",
   medium: "text-ods-info",
@@ -32475,7 +32536,7 @@ function TicketCard({
   ] }) : null;
   const timestampLabel = ticket.createdAt ? formatTicketRelativeTime(ticket.createdAt) : null;
   const tooltipLabel = ticket.createdAt ? formatTicketFullTimestamp(ticket.createdAt) : null;
-  const body = /* @__PURE__ */ jsxs201(Fragment42, { children: [
+  const body = /* @__PURE__ */ jsxs201(Fragment43, { children: [
     /* @__PURE__ */ jsxs201("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
       /* @__PURE__ */ jsxs201("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-zero)]", title: ticket.title, children: [
         /* @__PURE__ */ jsx257("p", { className: "text-h3 truncate text-ods-text-primary", children: ticket.title }),
@@ -32603,7 +32664,7 @@ var TicketCardSkeleton = React100.forwardRef(
 TicketCardSkeleton.displayName = "TicketCardSkeleton";
 
 // src/components/features/board/board-column.tsx
-import { Fragment as Fragment43, jsx as jsx259, jsxs as jsxs203 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx259, jsxs as jsxs203 } from "react/jsx-runtime";
 function BoardColumn({
   column,
   collapsed = false,
@@ -32642,7 +32703,7 @@ function BoardColumn({
             onArchive: !collapsed && column.archivable && onArchive ? () => onArchive(column.id) : void 0
           }
         ),
-        !collapsed && /* @__PURE__ */ jsxs203(Fragment43, { children: [
+        !collapsed && /* @__PURE__ */ jsxs203(Fragment44, { children: [
           /* @__PURE__ */ jsx259("div", { "aria-hidden": true, className: "-mx-[var(--spacing-system-sf)] h-px shrink-0 bg-ods-border" }),
           /* @__PURE__ */ jsx259(
             ColumnBody,
@@ -32735,7 +32796,7 @@ function SkeletonStack({ count = 4 }) {
     () => Array.from({ length: count }, () => Math.random().toString(36).slice(2)),
     [count]
   );
-  return /* @__PURE__ */ jsx259(Fragment43, { children: keys.map((k) => /* @__PURE__ */ jsx259(TicketCardSkeleton, {}, k)) });
+  return /* @__PURE__ */ jsx259(Fragment44, { children: keys.map((k) => /* @__PURE__ */ jsx259(TicketCardSkeleton, {}, k)) });
 }
 function EmptyState2() {
   return /* @__PURE__ */ jsxs203("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: [
@@ -32748,13 +32809,13 @@ function EmptyState2() {
 }
 
 // src/components/features/board/use-board-collapse.ts
-import { useCallback as useCallback30, useState as useState77 } from "react";
+import { useCallback as useCallback30, useState as useState78 } from "react";
 function useBoardCollapse(storageKey) {
   const [persisted, setPersisted] = useLocalStorage(
     storageKey ?? "__board_collapse_unused__",
     {}
   );
-  const [memory, setMemory] = useState77({});
+  const [memory, setMemory] = useState78({});
   const collapsed = storageKey ? persisted : memory;
   const setMap = storageKey ? setPersisted : setMemory;
   const toggle = useCallback30(
@@ -33145,13 +33206,13 @@ function SortableRow({
 
 // src/components/navigation/header.tsx
 init_next_link();
-import React104, { useEffect as useEffect58, useRef as useRef42, useState as useState79 } from "react";
+import React104, { useEffect as useEffect58, useRef as useRef42, useState as useState80 } from "react";
 init_button2();
-import { Fragment as Fragment45, jsx as jsx262, jsxs as jsxs205 } from "react/jsx-runtime";
+import { Fragment as Fragment46, jsx as jsx262, jsxs as jsxs205 } from "react/jsx-runtime";
 function Header2({ config, platform }) {
-  const [show, setShow] = useState79(true);
-  const [lastScrollY, setLastScrollY] = useState79(0);
-  const [openDropdowns, setOpenDropdowns] = useState79({});
+  const [show, setShow] = useState80(true);
+  const [lastScrollY, setLastScrollY] = useState80(0);
+  const [openDropdowns, setOpenDropdowns] = useState80({});
   const dropdownRefs = useRef42({});
   const triggerRefs = useRef42({});
   useEffect58(() => {
@@ -33292,7 +33353,7 @@ function Header2({ config, platform }) {
                 },
                 child.id
               )) }),
-              item.dropdownContent && /* @__PURE__ */ jsxs205(Fragment45, { children: [
+              item.dropdownContent && /* @__PURE__ */ jsxs205(Fragment46, { children: [
                 item.showDropdownDivider !== false && /* @__PURE__ */ jsx262("div", { className: "h-px my-2 mx-2 bg-ods-border" }),
                 /* @__PURE__ */ jsx262("div", { className: "px-2 pb-2", children: item.dropdownContent })
               ] })
@@ -33413,7 +33474,7 @@ function Header2({ config, platform }) {
 }
 
 // src/components/navigation/client-only-header.tsx
-import { useState as useState80, useEffect as useEffect59 } from "react";
+import { useState as useState81, useEffect as useEffect59 } from "react";
 
 // src/components/navigation/header-skeleton.tsx
 import { jsx as jsx263, jsxs as jsxs206 } from "react/jsx-runtime";
@@ -33461,7 +33522,7 @@ function HeaderSkeleton({ config }) {
 // src/components/navigation/client-only-header.tsx
 import { jsx as jsx264 } from "react/jsx-runtime";
 function ClientOnlyHeader({ config, skeleton }) {
-  const [isClient, setIsClient] = useState80(false);
+  const [isClient, setIsClient] = useState81(false);
   useEffect59(() => {
     setIsClient(true);
   }, []);
@@ -33475,7 +33536,7 @@ function ClientOnlyHeader({ config, skeleton }) {
 import { useEffect as useEffect60, useRef as useRef43 } from "react";
 init_button2();
 import { X as X10 } from "lucide-react";
-import { Fragment as Fragment46, jsx as jsx265, jsxs as jsxs207 } from "react/jsx-runtime";
+import { Fragment as Fragment47, jsx as jsx265, jsxs as jsxs207 } from "react/jsx-runtime";
 function MobileNavPanel({ isOpen, config }) {
   const panelRef = useRef43(null);
   useEffect60(() => {
@@ -33548,7 +33609,7 @@ function MobileNavPanel({ isOpen, config }) {
       item.id
     );
   };
-  return /* @__PURE__ */ jsxs207(Fragment46, { children: [
+  return /* @__PURE__ */ jsxs207(Fragment47, { children: [
     /* @__PURE__ */ jsx265(
       "div",
       {
@@ -33596,13 +33657,13 @@ function MobileNavPanel({ isOpen, config }) {
 }
 
 // src/components/navigation/sliding-sidebar.tsx
-import { useState as useState81, useEffect as useEffect61 } from "react";
+import { useState as useState82, useEffect as useEffect61 } from "react";
 import { motion as motion2, AnimatePresence } from "framer-motion";
 init_button2();
-import { Fragment as Fragment47, jsx as jsx266, jsxs as jsxs208 } from "react/jsx-runtime";
+import { Fragment as Fragment48, jsx as jsx266, jsxs as jsxs208 } from "react/jsx-runtime";
 function SlidingSidebar({ config }) {
-  const [expandedItems, setExpandedItems] = useState81(/* @__PURE__ */ new Set());
-  const [mounted, setMounted] = useState81(false);
+  const [expandedItems, setExpandedItems] = useState82(/* @__PURE__ */ new Set());
+  const [mounted, setMounted] = useState82(false);
   const headerHeight = useHeaderHeight();
   useEffect61(() => {
     setMounted(true);
@@ -33721,7 +33782,7 @@ function SlidingSidebar({ config }) {
   if (!mounted) {
     return null;
   }
-  return /* @__PURE__ */ jsxs208(Fragment47, { children: [
+  return /* @__PURE__ */ jsxs208(Fragment48, { children: [
     /* @__PURE__ */ jsx266(AnimatePresence, { children: config.isOpen && /* @__PURE__ */ jsx266(
       motion2.div,
       {
@@ -33767,7 +33828,7 @@ function SlidingSidebar({ config }) {
 }
 
 // src/components/navigation/sticky-section-nav.tsx
-import { useEffect as useEffect62, useState as useState82, useCallback as useCallback32, useRef as useRef44 } from "react";
+import { useEffect as useEffect62, useState as useState83, useCallback as useCallback32, useRef as useRef44 } from "react";
 import { jsx as jsx267, jsxs as jsxs209 } from "react/jsx-runtime";
 function StickySectionNav({
   sections,
@@ -33828,7 +33889,7 @@ function StickySectionNav({
   ] });
 }
 function useSectionNavigation(sections, options) {
-  const [activeSection, setActiveSection] = useState82(sections[0]?.id || "");
+  const [activeSection, setActiveSection] = useState83(sections[0]?.id || "");
   const isScrollingFromClick = useRef44(false);
   const { offset: offset2 = 100 } = options || {};
   const handleSectionClick = useCallback32((sectionId) => {
@@ -33881,7 +33942,7 @@ function useSectionNavigation(sections, options) {
 }
 
 // src/components/navigation/navigation-sidebar.tsx
-import { useCallback as useCallback33, useEffect as useEffect63, useLayoutEffect as useLayoutEffect6, useMemo as useMemo33, useState as useState83 } from "react";
+import { useCallback as useCallback33, useEffect as useEffect63, useLayoutEffect as useLayoutEffect6, useMemo as useMemo33, useState as useState84 } from "react";
 
 // src/components/navigation/navigation-sidebar-header.tsx
 import { jsx as jsx268, jsxs as jsxs210 } from "react/jsx-runtime";
@@ -33964,17 +34025,7 @@ function NavigationSidebarItemButton({
             children: item.label
           }
         ),
-        hasUnread && showLabel && /* @__PURE__ */ jsx269("span", { className: "bg-ods-accent flex items-center justify-center flex-shrink-0 p-2 rounded-md size-6", children: /* @__PURE__ */ jsx269("span", { className: "text-xs font-medium text-ods-text-on-accent", children: unreadCount > 99 ? "99+" : unreadCount }) }),
-        item.badge && showLabel && /* @__PURE__ */ jsx269(
-          "span",
-          {
-            className: cn(
-              "text-sm flex-shrink-0 transition-colors duration-300",
-              isActive && !disabled ? "text-ods-accent" : "text-ods-text-secondary"
-            ),
-            children: item.badge
-          }
-        )
+        hasUnread && showLabel && /* @__PURE__ */ jsx269("span", { className: "bg-ods-accent flex items-center justify-center flex-shrink-0 p-2 rounded-md size-6", children: /* @__PURE__ */ jsx269("span", { className: "text-h5 text-ods-text-on-accent", children: unreadCount > 99 ? "99+" : unreadCount }) })
       ]
     }
   );
@@ -34027,7 +34078,7 @@ function NavigationSidebarToggle({
 }
 
 // src/components/navigation/navigation-sidebar.tsx
-import { Fragment as Fragment48, jsx as jsx271, jsxs as jsxs213 } from "react/jsx-runtime";
+import { Fragment as Fragment49, jsx as jsx271, jsxs as jsxs213 } from "react/jsx-runtime";
 var MINIMIZED_WIDTH = 56;
 var EXPANDED_WIDTH = 224;
 var STORAGE_KEY = "of.navigationSidebar.minimized";
@@ -34039,12 +34090,12 @@ function NavigationSidebar({ config, disabled = false }) {
     STORAGE_KEY,
     config.minimized ?? false
   );
-  const [tabletMinimized, setTabletMinimized] = useState83(true);
+  const [tabletMinimized, setTabletMinimized] = useState84(true);
   useEffect63(() => {
     if (isTablet) setTabletMinimized(true);
   }, [isTablet]);
   const minimized = isTablet ? tabletMinimized : desktopMinimized;
-  const [transitionsEnabled, setTransitionsEnabled] = useState83(false);
+  const [transitionsEnabled, setTransitionsEnabled] = useState84(false);
   const isOverlayOpen = isTablet && !minimized;
   const showLabel = !minimized;
   const handleToggle = useCallback33(() => {
@@ -34092,7 +34143,7 @@ function NavigationSidebar({ config, disabled = false }) {
       return () => cancelAnimationFrame(id);
     }
   }, [isHydrated, transitionsEnabled]);
-  return /* @__PURE__ */ jsxs213(Fragment48, { children: [
+  return /* @__PURE__ */ jsxs213(Fragment49, { children: [
     /* @__PURE__ */ jsx271(
       "div",
       {
@@ -34120,13 +34171,18 @@ function NavigationSidebar({ config, disabled = false }) {
         className: cn(
           "flex-col hidden md:flex flex-shrink-0",
           "bg-ods-card border-r border-ods-border",
-          isTablet ? "fixed top-0 left-0 h-screen z-[45]" : "relative h-full",
+          // Tablet: float the sidebar over content. Anchored to the layout row
+          // (`absolute` within AppLayout's `relative` row) — NOT the viewport —
+          // so an optional `topBar` above the row is not overlapped. With no
+          // topBar the row spans the full viewport, so this is visually
+          // identical to a viewport-fixed sidebar.
+          isTablet ? "absolute inset-y-0 left-0 z-[45]" : "relative h-full",
           transitionsEnabled && "transition-[width] duration-300",
           config.className
         ),
         style: { width: sidebarWidth },
         "aria-label": "Main navigation sidebar",
-        children: isHydrated && /* @__PURE__ */ jsxs213(Fragment48, { children: [
+        children: isHydrated && /* @__PURE__ */ jsxs213(Fragment49, { children: [
           /* @__PURE__ */ jsx271(NavigationSidebarHeader, { minimized }),
           /* @__PURE__ */ jsxs213("div", { className: "flex-1 flex flex-col justify-between py-4 overflow-y-auto", children: [
             /* @__PURE__ */ jsx271("nav", { className: "flex flex-col", "aria-label": "Primary navigation", children: primaryItems.map((item) => /* @__PURE__ */ jsx271(
@@ -34534,11 +34590,11 @@ function NotificationsHeaderButton({
 }
 
 // src/components/navigation/app-layout.tsx
-import { createContext as createContext9, Suspense as Suspense2, useCallback as useCallback35, useContext as useContext9, useMemo as useMemo34, useRef as useRef45, useState as useState84 } from "react";
+import { createContext as createContext9, Suspense as Suspense2, useCallback as useCallback35, useContext as useContext9, useMemo as useMemo34, useRef as useRef45, useState as useState85 } from "react";
 
 // src/components/navigation/mobile-burger-menu.tsx
 import React110, { useCallback as useCallback34, useEffect as useEffect64 } from "react";
-import { Fragment as Fragment49, jsx as jsx276, jsxs as jsxs218 } from "react/jsx-runtime";
+import { Fragment as Fragment50, jsx as jsx276, jsxs as jsxs218 } from "react/jsx-runtime";
 var HEADER_HEIGHT = 48;
 var MobileBurgerMenu = React110.memo(function MobileBurgerMenu2({
   isOpen,
@@ -34624,7 +34680,7 @@ var MobileBurgerMenu = React110.memo(function MobileBurgerMenu2({
       row.length === 1 && /* @__PURE__ */ jsx276("div", { className: "flex-1" })
     ] }, rowIndex)) });
   };
-  return /* @__PURE__ */ jsxs218(Fragment49, { children: [
+  return /* @__PURE__ */ jsxs218(Fragment50, { children: [
     /* @__PURE__ */ jsx276(
       "div",
       {
@@ -34753,10 +34809,11 @@ function AppLayout({
   className,
   mobileBurgerMenuProps,
   disabled = false,
-  drawer
+  drawer,
+  topBar
 }) {
-  const [mobileMenuOpen, setMobileMenuOpen] = useState84(false);
-  const [drawerContainer, setDrawerContainer] = useState84(null);
+  const [mobileMenuOpen, setMobileMenuOpen] = useState85(false);
+  const [drawerContainer, setDrawerContainer] = useState85(null);
   const mobileMenuOpenRef = useRef45(mobileMenuOpen);
   mobileMenuOpenRef.current = mobileMenuOpen;
   const drawerHandlesRef = useRef45(/* @__PURE__ */ new Set());
@@ -34777,40 +34834,43 @@ function AppLayout({
       return () => drawerHandlesRef.current.delete(handle);
     }
   }), []);
-  return /* @__PURE__ */ jsx277(AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ jsx277(AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ jsxs219("div", { className: cn("flex h-screen bg-ods-bg", className), children: [
-    /* @__PURE__ */ jsx277(NavigationSidebar, { config: sidebarConfig, disabled }),
-    /* @__PURE__ */ jsx277(
-      MobileBurgerMenu,
-      {
-        ...mobileBurgerMenuProps,
-        isOpen: mobileMenuOpen,
-        onClose: handleCloseMobileMenu,
-        config: sidebarConfig,
-        disabled
-      }
-    ),
-    /* @__PURE__ */ jsxs219("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+  return /* @__PURE__ */ jsx277(AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ jsx277(AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ jsxs219("div", { className: cn("flex flex-col h-screen bg-ods-bg", className), children: [
+    topBar,
+    /* @__PURE__ */ jsxs219("div", { className: "flex flex-1 min-h-0 relative", children: [
+      /* @__PURE__ */ jsx277(NavigationSidebar, { config: sidebarConfig, disabled }),
       /* @__PURE__ */ jsx277(
-        AppHeader,
+        MobileBurgerMenu,
         {
-          ...headerProps,
-          isMobileMenuOpen: mobileMenuOpen,
-          onToggleMobileMenu: handleToggleMobileMenu,
+          ...mobileBurgerMenuProps,
+          isOpen: mobileMenuOpen,
+          onClose: handleCloseMobileMenu,
+          config: sidebarConfig,
           disabled
         }
       ),
-      /* @__PURE__ */ jsx277(NotificationDrawer, {}),
-      /* @__PURE__ */ jsxs219(
-        "div",
-        {
-          ref: setDrawerContainer,
-          className: "flex-1 flex flex-col relative overflow-hidden",
-          children: [
-            /* @__PURE__ */ jsx277("main", { className: cn("flex-1 overflow-y-auto", mainClassName), children: /* @__PURE__ */ jsx277(Suspense2, { fallback: loadingFallback ?? null, children }) }),
-            drawer
-          ]
-        }
-      )
+      /* @__PURE__ */ jsxs219("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+        /* @__PURE__ */ jsx277(
+          AppHeader,
+          {
+            ...headerProps,
+            isMobileMenuOpen: mobileMenuOpen,
+            onToggleMobileMenu: handleToggleMobileMenu,
+            disabled
+          }
+        ),
+        /* @__PURE__ */ jsx277(NotificationDrawer, {}),
+        /* @__PURE__ */ jsxs219(
+          "div",
+          {
+            ref: setDrawerContainer,
+            className: "flex-1 flex flex-col relative overflow-hidden",
+            children: [
+              /* @__PURE__ */ jsx277("main", { className: cn("flex-1 overflow-y-auto", mainClassName), children: /* @__PURE__ */ jsx277(Suspense2, { fallback: loadingFallback ?? null, children }) }),
+              drawer
+            ]
+          }
+        )
+      ] })
     ] })
   ] }) }) });
 }
@@ -35856,7 +35916,7 @@ import React113, { useRef as useRef47, useCallback as useCallback37 } from "reac
 import React112 from "react";
 init_button2();
 init_cn();
-import { Fragment as Fragment50, jsx as jsx287, jsxs as jsxs229 } from "react/jsx-runtime";
+import { Fragment as Fragment51, jsx as jsx287, jsxs as jsxs229 } from "react/jsx-runtime";
 function OnboardingStepCard({
   step,
   isCompleted,
@@ -35898,10 +35958,10 @@ function OnboardingStepCard({
           /* @__PURE__ */ jsx287("h3", { className: "text-h4 text-ods-text-primary truncate", title: step.title, children: step.title }),
           /* @__PURE__ */ jsx287("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary truncate h-[20px]", title: step.description, children: step.description })
         ] }),
-        /* @__PURE__ */ jsx287("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__ */ jsxs229(Fragment50, { children: [
+        /* @__PURE__ */ jsx287("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__ */ jsxs229(Fragment51, { children: [
           /* @__PURE__ */ jsx287("div", { className: "h-[32px] w-[100px] bg-ods-border rounded-[6px] animate-pulse" }),
           /* @__PURE__ */ jsx287("div", { className: "h-[32px] w-[120px] bg-ods-border rounded-[6px] animate-pulse" })
-        ] }) : isCompleted ? /* @__PURE__ */ jsxs229(Fragment50, { children: [
+        ] }) : isCompleted ? /* @__PURE__ */ jsxs229(Fragment51, { children: [
           /* @__PURE__ */ jsx287(
             StatusBadge,
             {
@@ -35920,14 +35980,14 @@ function OnboardingStepCard({
               children: step.completedText
             }
           )
-        ] }) : isSkipped ? /* @__PURE__ */ jsx287(Fragment50, { children: /* @__PURE__ */ jsx287(
+        ] }) : isSkipped ? /* @__PURE__ */ jsx287(Fragment51, { children: /* @__PURE__ */ jsx287(
           StatusBadge,
           {
             text: "SKIPPED",
             variant: "card",
             colorScheme: "default"
           }
-        ) }) : /* @__PURE__ */ jsxs229(Fragment50, { children: [
+        ) }) : /* @__PURE__ */ jsxs229(Fragment51, { children: [
           /* @__PURE__ */ jsx287(
             Button,
             {
@@ -36316,7 +36376,7 @@ function ServiceCard({ title, subtitle, icon, tag, rows, className }) {
   ] });
 }
 function ServiceCardRowItem({ row }) {
-  const [revealed, setRevealed] = useState86(false);
+  const [revealed, setRevealed] = useState87(false);
   const { copy, copied } = useCopyToClipboard();
   const actions = useMemo35(() => ({ copy: true, open: !!row.href, reveal: !!row.isSecret, ...row.actions }), [row]);
   const displayValue = row.isSecret ? /* @__PURE__ */ jsx291(MaskedValue, { value: row.value, isRevealed: revealed }) : /* @__PURE__ */ jsx291("span", { children: row.value });
@@ -36934,7 +36994,7 @@ function getHideClasses(hideAt) {
 }
 
 // src/components/ui/table/table-header.tsx
-import { Fragment as Fragment51, jsx as jsx301, jsxs as jsxs240 } from "react/jsx-runtime";
+import { Fragment as Fragment52, jsx as jsx301, jsxs as jsxs240 } from "react/jsx-runtime";
 function TableHeader({
   columns,
   className,
@@ -37045,10 +37105,10 @@ function TableHeader({
                       column.sortable && "cursor-pointer hover:text-ods-text-primary transition-colors"
                     ),
                     onClick: () => handleSort(column),
-                    children: column.renderHeader ? /* @__PURE__ */ jsxs240(Fragment51, { children: [
+                    children: column.renderHeader ? /* @__PURE__ */ jsxs240(Fragment52, { children: [
                       column.renderHeader(),
                       getSortIcon(column)
-                    ] }) : /* @__PURE__ */ jsxs240(Fragment51, { children: [
+                    ] }) : /* @__PURE__ */ jsxs240(Fragment52, { children: [
                       /* @__PURE__ */ jsx301("span", { className: "text-h5 text-ods-text-secondary uppercase whitespace-nowrap", children: column.label }),
                       getSortIcon(column)
                     ] })
@@ -37103,7 +37163,7 @@ function TableCell({
 
 // src/components/ui/table/table-skeleton.tsx
 init_cn();
-import { Fragment as Fragment52, jsx as jsx303, jsxs as jsxs241 } from "react/jsx-runtime";
+import { Fragment as Fragment53, jsx as jsx303, jsxs as jsxs241 } from "react/jsx-runtime";
 var ROW_HEIGHT_DESKTOP = "h-[68px] md:h-[80px]";
 var ROW_HEIGHT_MOBILE = "h-[68px]";
 function TableCardSkeleton({
@@ -37115,7 +37175,7 @@ function TableCardSkeleton({
   rowClassName
 }) {
   const primaryKey = (columns.find((c) => /flex-(1|\[)/.test(c.width || "")) ?? columns[0])?.key;
-  return /* @__PURE__ */ jsx303(Fragment52, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs241(
+  return /* @__PURE__ */ jsx303(Fragment53, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs241(
     "div",
     {
       className: cn(
@@ -37276,9 +37336,9 @@ function TableRow({
 }
 
 // src/components/ui/table/use-table-motion.ts
-import { useEffect as useEffect66, useState as useState87 } from "react";
+import { useEffect as useEffect66, useState as useState88 } from "react";
 function useTableMotion(enabled) {
-  const [runtime, setRuntime] = useState87(null);
+  const [runtime, setRuntime] = useState88(null);
   useEffect66(() => {
     if (!enabled || runtime) return;
     let active = true;
@@ -37294,7 +37354,7 @@ function useTableMotion(enabled) {
 }
 
 // src/components/ui/table/table.tsx
-import { Fragment as Fragment53, jsx as jsx305, jsxs as jsxs243 } from "react/jsx-runtime";
+import { Fragment as Fragment54, jsx as jsx305, jsxs as jsxs243 } from "react/jsx-runtime";
 function injectSyntheticColumns(columns, rowActions, renderRowActions, rowHref) {
   const hasActions = Boolean(rowActions?.length) || Boolean(renderRowActions);
   const result = [...columns];
@@ -37496,7 +37556,7 @@ function Table({
         hasActions: Boolean(rowActions) && rowActions.length > 0,
         hasChevron: Boolean(rowHref)
       }
-    ) : data.length === 0 ? /* @__PURE__ */ jsx305(TableEmptyState, { message: emptyMessage }) : /* @__PURE__ */ jsxs243(Fragment53, { children: [
+    ) : data.length === 0 ? /* @__PURE__ */ jsx305(TableEmptyState, { message: emptyMessage }) : /* @__PURE__ */ jsxs243(Fragment54, { children: [
       (() => {
         const rows = data.map((item, index) => /* @__PURE__ */ jsx305(
           TableRow,
@@ -37646,7 +37706,7 @@ import { useMemo as useMemo36 } from "react";
 
 // src/components/ui/query-report-table/query-report-table-header.tsx
 init_cn();
-import { useRef as useRef50, useState as useState88, useCallback as useCallback38 } from "react";
+import { useRef as useRef50, useState as useState89, useCallback as useCallback38 } from "react";
 import { jsx as jsx308, jsxs as jsxs245 } from "react/jsx-runtime";
 function QueryReportTableHeader({
   columns,
@@ -37676,7 +37736,7 @@ function QueryReportTableHeader({
 }
 function TruncatedHeaderCell({ value, width }) {
   const textRef = useRef50(null);
-  const [isTruncated, setIsTruncated] = useState88(false);
+  const [isTruncated, setIsTruncated] = useState89(false);
   const checkTruncation = useCallback38(() => {
     const el = textRef.current;
     if (el) {
@@ -37705,7 +37765,7 @@ function TruncatedHeaderCell({ value, width }) {
 
 // src/components/ui/query-report-table/query-report-table-row.tsx
 init_cn();
-import { useRef as useRef51, useState as useState89, useCallback as useCallback39 } from "react";
+import { useRef as useRef51, useState as useState90, useCallback as useCallback39 } from "react";
 import { jsx as jsx309, jsxs as jsxs246 } from "react/jsx-runtime";
 function QueryReportTableRow({
   row,
@@ -37752,7 +37812,7 @@ function QueryReportTableRow({
 }
 function TruncatedCell({ value, className }) {
   const textRef = useRef51(null);
-  const [isTruncated, setIsTruncated] = useState89(false);
+  const [isTruncated, setIsTruncated] = useState90(false);
   const checkTruncation = useCallback39(() => {
     const el = textRef.current;
     if (el) {
@@ -38123,7 +38183,7 @@ function DataTableColumnFilter({
 }
 
 // src/components/ui/data-table/data-table-header.tsx
-import { Fragment as Fragment54, jsx as jsx314, jsxs as jsxs250 } from "react/jsx-runtime";
+import { Fragment as Fragment55, jsx as jsx314, jsxs as jsxs250 } from "react/jsx-runtime";
 function DataTableHeader({
   className,
   stickyHeader,
@@ -38217,7 +38277,7 @@ function HeaderLabel({ header }) {
   if (typeof headerDef === "string") {
     return /* @__PURE__ */ jsx314("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__ */ jsx314(Fragment54, { children: flexRender(headerDef, header.getContext()) });
+  return /* @__PURE__ */ jsx314(Fragment55, { children: flexRender(headerDef, header.getContext()) });
 }
 function SortIcon({ sorted }) {
   if (sorted === "asc") return /* @__PURE__ */ jsx314(Arrow01UpIcon, { className: "w-4 h-4 text-ods-accent" });
@@ -38256,7 +38316,7 @@ import { flexRender as flexRender2 } from "@tanstack/react-table";
 
 // src/components/ui/data-table/data-table-skeleton.tsx
 init_cn();
-import { Fragment as Fragment55, jsx as jsx316, jsxs as jsxs251 } from "react/jsx-runtime";
+import { Fragment as Fragment56, jsx as jsx316, jsxs as jsxs251 } from "react/jsx-runtime";
 var ROW_HEIGHT_DESKTOP2 = "h-[68px] md:h-[80px]";
 var ROW_HEIGHT_MOBILE2 = "h-[68px]";
 function DataTableSkeleton({
@@ -38267,7 +38327,7 @@ function DataTableSkeleton({
   const table = useDataTableContext();
   const columns = table.getVisibleFlatColumns();
   const firstColumnId = columns[0]?.id;
-  return /* @__PURE__ */ jsx316(Fragment55, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs251(
+  return /* @__PURE__ */ jsx316(Fragment56, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs251(
     "div",
     {
       className: cn(
@@ -38323,12 +38383,13 @@ function DataTableSkeleton({
 }
 
 // src/components/ui/data-table/data-table-row.tsx
-import { Fragment as Fragment56, jsx as jsx317, jsxs as jsxs252 } from "react/jsx-runtime";
+import { Fragment as Fragment57, jsx as jsx317, jsxs as jsxs252 } from "react/jsx-runtime";
 function DataTableRowImpl({
   row,
   onClick,
   href,
   compact,
+  autoHeight,
   className,
   subRow
 }) {
@@ -38362,7 +38423,7 @@ function DataTableRowImpl({
     {
       className: cn(
         "flex items-center gap-[var(--spacing-system-mf)] px-[var(--spacing-system-mf)]",
-        compact ? "py-[var(--spacing-system-xsf)]" : `py-0 ${ROW_HEIGHT_DESKTOP2}`,
+        compact ? "py-[var(--spacing-system-xsf)]" : autoHeight ? "py-[var(--spacing-system-sf)] min-h-[68px] md:min-h-[80px]" : `py-0 ${ROW_HEIGHT_DESKTOP2}`,
         hasSubRow && "border-b border-ods-border"
       ),
       children: row.getVisibleCells().map((cell) => {
@@ -38424,7 +38485,7 @@ function CellContent({ children }) {
   if (typeof children === "string" || typeof children === "number") {
     return /* @__PURE__ */ jsx317("span", { className: "text-h4 text-ods-text-primary truncate", title: String(children), children });
   }
-  return /* @__PURE__ */ jsx317(Fragment56, { children });
+  return /* @__PURE__ */ jsx317(Fragment57, { children });
 }
 
 // src/components/ui/data-table/data-table-body.tsx
@@ -38437,6 +38498,7 @@ function DataTableBody({
   className,
   rowClassName,
   compact,
+  autoHeight,
   onRowClick,
   rowHref,
   minRows,
@@ -38463,6 +38525,7 @@ function DataTableBody({
           onClick: onRowClick,
           href,
           compact,
+          autoHeight,
           className: cls,
           subRow: renderSubRow?.(item)
         },
@@ -38502,7 +38565,7 @@ function DataTableBody({
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
 import { useEffect as useEffect68, useRef as useRef53 } from "react";
-import { Fragment as Fragment57, jsx as jsx319, jsxs as jsxs254 } from "react/jsx-runtime";
+import { Fragment as Fragment58, jsx as jsx319, jsxs as jsxs254 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
   isFetchingNextPage,
@@ -38526,7 +38589,7 @@ function DataTableInfiniteFooter({
     observer.observe(sentinel);
     return () => observer.disconnect();
   }, [hasNextPage, isFetchingNextPage, rootMargin]);
-  return /* @__PURE__ */ jsxs254(Fragment57, { children: [
+  return /* @__PURE__ */ jsxs254(Fragment58, { children: [
     isFetchingNextPage && /* @__PURE__ */ jsx319(DataTableSkeleton, { rows: skeletonRows }),
     hasNextPage && /* @__PURE__ */ jsx319("div", { ref: sentinelRef, className: "h-1", "aria-hidden": "true" })
   ] });
@@ -39149,7 +39212,7 @@ function FilterList({
 import {
   useEffect as useEffect70,
   useRef as useRef55,
-  useState as useState91
+  useState as useState92
 } from "react";
 init_cn();
 import { jsx as jsx323, jsxs as jsxs258 } from "react/jsx-runtime";
@@ -39186,7 +39249,7 @@ function TagSearchInput({
   const wrapperRef = useRef55(null);
   const hiddenTagsRef = useRef55(null);
   const hiddenTagsPopupRef = useRef55(null);
-  const [showHiddenTags, setShowHiddenTags] = useState91(false);
+  const [showHiddenTags, setShowHiddenTags] = useState92(false);
   useEffect70(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
@@ -39342,7 +39405,7 @@ function TagSearchInput({
 }
 
 // src/components/ui/markdown-editor.tsx
-import { useRef as useRef56, useCallback as useCallback42, useState as useState92, useEffect as useEffect71 } from "react";
+import { useRef as useRef56, useCallback as useCallback42, useState as useState93, useEffect as useEffect71 } from "react";
 init_cn();
 import { Loader2 as Loader29, Upload as Upload8 } from "lucide-react";
 import { jsx as jsx324, jsxs as jsxs259 } from "react/jsx-runtime";
@@ -39398,9 +39461,9 @@ function MarkdownEditor({
   renderPreview
 }) {
   const fileInputRef = useRef56(null);
-  const [isUploading, setIsUploading] = useState92(false);
-  const [uploadProgress, setUploadProgress] = useState92("");
-  const [defaultExtraCommands, setDefaultExtraCommands] = useState92([]);
+  const [isUploading, setIsUploading] = useState93(false);
+  const [uploadProgress, setUploadProgress] = useState93("");
+  const [defaultExtraCommands, setDefaultExtraCommands] = useState93([]);
   useEffect71(() => {
     import("@uiw/react-md-editor").then((mod) => {
       if (mod.commands?.getExtraCommands) {
@@ -39936,7 +39999,7 @@ function FileUpload({
 import * as React124 from "react";
 import { Loader2 as Loader211 } from "lucide-react";
 init_cn();
-import { Fragment as Fragment59, jsx as jsx326, jsxs as jsxs261 } from "react/jsx-runtime";
+import { Fragment as Fragment60, jsx as jsx326, jsxs as jsxs261 } from "react/jsx-runtime";
 var DEFAULT_MAX_SIZE = 25 * 1024 * 1024;
 function formatSize(bytes) {
   const mb = bytes / (1024 * 1024);
@@ -40064,7 +40127,7 @@ function ImageUploader({
           !hasImage && !interactive && "cursor-not-allowed",
           dropzoneClassName
         ),
-        children: hasImage ? /* @__PURE__ */ jsxs261(Fragment59, { children: [
+        children: hasImage ? /* @__PURE__ */ jsxs261(Fragment60, { children: [
           /* @__PURE__ */ jsx326("div", { className: "relative min-h-0 w-full flex-1 overflow-hidden rounded-md", children: /* @__PURE__ */ jsx326(
             "img",
             {
@@ -40101,7 +40164,7 @@ function ImageUploader({
             )
           ] }),
           loading && /* @__PURE__ */ jsx326("div", { className: "absolute inset-0 flex items-center justify-center rounded-md bg-ods-overlay", children: /* @__PURE__ */ jsx326(Loader211, { className: "size-8 animate-spin text-ods-text-on-dark" }) })
-        ] }) : loading ? /* @__PURE__ */ jsx326(Loader211, { className: "size-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs261(Fragment59, { children: [
+        ] }) : loading ? /* @__PURE__ */ jsx326(Loader211, { className: "size-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs261(Fragment60, { children: [
           /* @__PURE__ */ jsx326("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__ */ jsx326(ImagePlusIcon, { className: "size-6 text-ods-text-primary" }) }),
           /* @__PURE__ */ jsxs261("div", { className: "flex w-full flex-col items-center text-center", children: [
             /* @__PURE__ */ jsx326("p", { className: "text-h4 text-ods-text-primary", children: label }),
@@ -40171,7 +40234,7 @@ PopoverContent.displayName = PopoverPrimitive7.Content.displayName;
 
 // src/components/ui/color-preset-select.tsx
 init_cn();
-import { Fragment as Fragment60, jsx as jsx328, jsxs as jsxs262 } from "react/jsx-runtime";
+import { Fragment as Fragment61, jsx as jsx328, jsxs as jsxs262 } from "react/jsx-runtime";
 var TICKET_STATUS_COLOR_PRESETS = [
   { key: "green", label: "Green", color: "#5ea62e" },
   { key: "lime", label: "Lime", color: "#8bc34a" },
@@ -40322,7 +40385,7 @@ function RgbInputs({ value, onChange }) {
     const b = next.b ?? rgb.b;
     onChange(rgbToHex(r, g, b));
   };
-  return /* @__PURE__ */ jsxs262(Fragment60, { children: [
+  return /* @__PURE__ */ jsxs262(Fragment61, { children: [
     /* @__PURE__ */ jsx328(ChannelInput, { value: rgb.r, min: 0, max: 255, ariaLabel: "Red", onCommit: (r) => update({ r }) }),
     /* @__PURE__ */ jsx328(ChannelInput, { value: rgb.g, min: 0, max: 255, ariaLabel: "Green", onCommit: (g) => update({ g }) }),
     /* @__PURE__ */ jsx328(ChannelInput, { value: rgb.b, min: 0, max: 255, ariaLabel: "Blue", onCommit: (b) => update({ b }) })
@@ -40338,7 +40401,7 @@ function HslInputs({ value, onChange }) {
     const out = hslToRgb(h, s, l);
     onChange(rgbToHex(out.r, out.g, out.b));
   };
-  return /* @__PURE__ */ jsxs262(Fragment60, { children: [
+  return /* @__PURE__ */ jsxs262(Fragment61, { children: [
     /* @__PURE__ */ jsx328(ChannelInput, { value: hsl.h, min: 0, max: 360, ariaLabel: "Hue", onCommit: (h) => update({ h }) }),
     /* @__PURE__ */ jsx328(ChannelInput, { value: hsl.s, min: 0, max: 100, ariaLabel: "Saturation", onCommit: (s) => update({ s }) }),
     /* @__PURE__ */ jsx328(ChannelInput, { value: hsl.l, min: 0, max: 100, ariaLabel: "Lightness", onCommit: (l) => update({ l }) })
@@ -40635,7 +40698,7 @@ init_cn();
 // src/components/ui/ticket-note-card.tsx
 import * as React128 from "react";
 init_cn();
-import { Fragment as Fragment61, jsx as jsx332, jsxs as jsxs266 } from "react/jsx-runtime";
+import { Fragment as Fragment62, jsx as jsx332, jsxs as jsxs266 } from "react/jsx-runtime";
 function TicketNoteCard({ note, onEdit, onDelete, className }) {
   const [isEditing, setIsEditing] = React128.useState(false);
   const [editText, setEditText] = React128.useState(note.text);
@@ -40709,7 +40772,7 @@ function TicketNoteCard({ note, onEdit, onDelete, className }) {
               children: /* @__PURE__ */ jsx332(XmarkIcon, { className: "size-5" })
             }
           )
-        ] }) : /* @__PURE__ */ jsxs266(Fragment61, { children: [
+        ] }) : /* @__PURE__ */ jsxs266(Fragment62, { children: [
           /* @__PURE__ */ jsx332("p", { className: "text-h4 text-ods-text-primary", children: note.text }),
           /* @__PURE__ */ jsxs266(
             "p",
@@ -40816,7 +40879,7 @@ function TicketNotesSection({
 }
 
 // src/components/ui/ticket-info-section.tsx
-import { Fragment as Fragment62, jsx as jsx334, jsxs as jsxs268 } from "react/jsx-runtime";
+import { Fragment as Fragment63, jsx as jsx334, jsxs as jsxs268 } from "react/jsx-runtime";
 function InfoCell2({ value, label, icon, onClick }) {
   return /* @__PURE__ */ jsx334("div", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ jsxs268("div", { className: "flex flex-col justify-center", children: [
     /* @__PURE__ */ jsxs268("div", { className: "flex items-center gap-1 w-full min-w-0", children: [
@@ -40941,7 +41004,7 @@ function TicketInfoSection({
             )
           ] })
         ] }),
-        expanded && /* @__PURE__ */ jsxs268(Fragment62, { children: [
+        expanded && /* @__PURE__ */ jsxs268(Fragment63, { children: [
           createdAt && /* @__PURE__ */ jsx334("div", { className: "grid grid-cols-2 gap-4 px-4 py-3 bg-ods-bg border-b border-ods-border items-center", children: /* @__PURE__ */ jsx334(InfoCell2, { value: createdAt, label: "Created" }) }),
           /* @__PURE__ */ jsxs268("div", { className: "flex flex-col gap-4 p-4 bg-ods-bg border-b border-ods-border", children: [
             description && /* @__PURE__ */ jsx334(SimpleMarkdownRenderer, { content: description }),
@@ -40999,14 +41062,14 @@ function FilterPillRow({
 
 // src/components/ui/image-gallery-modal.tsx
 import { ChevronLeft as ChevronLeft4, ChevronRight as ChevronRight10 } from "lucide-react";
-import { Fragment as Fragment63, jsx as jsx336, jsxs as jsxs270 } from "react/jsx-runtime";
+import { Fragment as Fragment64, jsx as jsx336, jsxs as jsxs270 } from "react/jsx-runtime";
 function ImageGalleryModal({
   images,
   isOpen,
   onClose,
   initialIndex = 0
 }) {
-  const [selectedImageIndex, setSelectedImageIndex] = useState99(initialIndex);
+  const [selectedImageIndex, setSelectedImageIndex] = useState100(initialIndex);
   useEffect74(() => {
     if (isOpen) {
       setSelectedImageIndex(initialIndex);
@@ -41055,7 +41118,7 @@ function ImageGalleryModal({
       onClose,
       className: "max-w-[95vw]",
       children: /* @__PURE__ */ jsxs270("div", { className: "relative flex items-center justify-center bg-black rounded-lg", children: [
-        images.length > 1 && /* @__PURE__ */ jsxs270(Fragment63, { children: [
+        images.length > 1 && /* @__PURE__ */ jsxs270(Fragment64, { children: [
           selectedImageIndex > 0 && /* @__PURE__ */ jsx336("div", { className: "absolute left-4 top-1/2 -translate-y-1/2 z-[10000]", children: /* @__PURE__ */ jsx336(
             Button,
             {
@@ -41173,7 +41236,7 @@ function TaskTypeIcon({ customItemId, className = "h-5 w-5" }) {
 }
 
 // src/components/chat/entity-cards/roadmap-card.tsx
-import { Fragment as Fragment64, jsx as jsx338, jsxs as jsxs271 } from "react/jsx-runtime";
+import { Fragment as Fragment65, jsx as jsx338, jsxs as jsxs271 } from "react/jsx-runtime";
 function RoadmapCardSkeleton({ size: size2 = "default" }) {
   if (size2 === "sm") {
     return /* @__PURE__ */ jsxs271("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
@@ -41225,7 +41288,7 @@ function RoadmapCard({
   onVote,
   isVoting = false
 }) {
-  const [showScreenshots, setShowScreenshots] = useState100(false);
+  const [showScreenshots, setShowScreenshots] = useState101(false);
   const logoUrl = item.icon && item.icon.startsWith("http") ? item.icon : null;
   const iconSrc = logoUrl ? getProxiedImageUrl(logoUrl, { directHttps: true }) || logoUrl : null;
   if (size2 === "sm") {
@@ -41235,7 +41298,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__ */ jsxs271(Fragment64, { children: [
+    const body = /* @__PURE__ */ jsxs271(Fragment65, { children: [
       /* @__PURE__ */ jsx338(
         "span",
         {
@@ -41427,7 +41490,7 @@ function RoadmapCard({
 // src/components/chat/entity-cards/github-activity-card.tsx
 import React131 from "react";
 import { GitPullRequest, Eye as Eye4, ExternalLink as ExternalLink8 } from "lucide-react";
-import { Fragment as Fragment65, jsx as jsx339, jsxs as jsxs272 } from "react/jsx-runtime";
+import { Fragment as Fragment66, jsx as jsx339, jsxs as jsxs272 } from "react/jsx-runtime";
 function parseRepoFromUrl(url) {
   if (!url) return null;
   try {
@@ -41559,7 +41622,7 @@ function GitHubActivityCard({ item, variant = "compact", className, anchorProps
   if (repo) metaParts.push(/* @__PURE__ */ jsx339("span", { className: "font-mono truncate", children: repo }, "repo"));
   if (dateText) metaParts.push(/* @__PURE__ */ jsx339("span", { className: "whitespace-nowrap", children: dateText }, "date"));
   const href = safeHref(item.url);
-  const body = /* @__PURE__ */ jsxs272(Fragment65, { children: [
+  const body = /* @__PURE__ */ jsxs272(Fragment66, { children: [
     /* @__PURE__ */ jsx339("span", { className: COMPACT_CARD_ICON_SLOT, children: kindIcon(kind, "h-5 w-5") }),
     /* @__PURE__ */ jsxs272("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsxs272("span", { className: `${COMPACT_CARD_TITLE_ROW} flex-nowrap gap-1.5`, children: [
@@ -41614,7 +41677,7 @@ function GitHubActivityCardSkeleton({ variant = "compact", className }) {
 // src/components/chat/entity-cards/slack-message-card.tsx
 import React132 from "react";
 import { ExternalLink as ExternalLink9, Hash } from "lucide-react";
-import { Fragment as Fragment66, jsx as jsx340, jsxs as jsxs273 } from "react/jsx-runtime";
+import { Fragment as Fragment67, jsx as jsx340, jsxs as jsxs273 } from "react/jsx-runtime";
 function parseChannelFromUrl(url) {
   if (!url) return null;
   try {
@@ -41653,7 +41716,7 @@ function SlackMessageCard({ item, variant = "compact", className, anchorProps })
   }
   if (dateText) metaParts.push(/* @__PURE__ */ jsx340("span", { className: "whitespace-nowrap", children: dateText }, "date"));
   const href = safeHref(item.url);
-  const body = /* @__PURE__ */ jsxs273(Fragment66, { children: [
+  const body = /* @__PURE__ */ jsxs273(Fragment67, { children: [
     /* @__PURE__ */ jsx340("span", { className: COMPACT_CARD_ICON_SLOT, children: /* @__PURE__ */ jsx340(SlackIcon, { className: "h-5 w-5" }) }),
     /* @__PURE__ */ jsxs273("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsx340("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx340("span", { className: COMPACT_CARD_TITLE, children: item.title }) }),
@@ -41703,7 +41766,7 @@ function SlackMessageCardSkeleton({ variant = "compact", className }) {
 // src/components/chat/entity-cards/hubspot-ticket-card.tsx
 import React133 from "react";
 import { ExternalLink as ExternalLink10 } from "lucide-react";
-import { Fragment as Fragment67, jsx as jsx341, jsxs as jsxs274 } from "react/jsx-runtime";
+import { Fragment as Fragment68, jsx as jsx341, jsxs as jsxs274 } from "react/jsx-runtime";
 function formatToken(token) {
   if (!token) return null;
   const lower = token.toLowerCase().replace(/_/g, " ");
@@ -41742,7 +41805,7 @@ function HubspotTicketCard({ item, variant = "compact", className, anchorProps }
   }
   if (dateText) metaParts.push(/* @__PURE__ */ jsx341("span", { className: "whitespace-nowrap", children: dateText }, "date"));
   const href = safeHref(item.url);
-  const body = /* @__PURE__ */ jsxs274(Fragment67, { children: [
+  const body = /* @__PURE__ */ jsxs274(Fragment68, { children: [
     /* @__PURE__ */ jsxs274("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsxs274("span", { className: "flex flex-wrap items-center gap-1.5 min-w-0", children: [
         /* @__PURE__ */ jsx341("span", { className: `${COMPACT_CARD_TITLE} shrink min-w-0`, children: item.title }),
@@ -41822,9 +41885,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 Fragment68, jsx as jsx342, jsxs as jsxs275 } from "react/jsx-runtime";
+import { Fragment as Fragment69, jsx as jsx342, jsxs as jsxs275 } from "react/jsx-runtime";
 function DataRoomDocCard({ item, className, badgeText, anchorProps }) {
-  const body = /* @__PURE__ */ jsxs275(Fragment68, { children: [
+  const body = /* @__PURE__ */ jsxs275(Fragment69, { children: [
     /* @__PURE__ */ jsxs275("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsxs275("span", { className: "flex flex-wrap items-center gap-1.5 min-w-0", children: [
         /* @__PURE__ */ jsx342("span", { className: `${COMPACT_CARD_TITLE} shrink min-w-0`, children: item.title }),
@@ -41861,7 +41924,7 @@ function DataRoomDocCardSkeleton({ className }) {
 }
 
 // src/components/chat/entity-cards/program-card.tsx
-import { useState as useState101 } from "react";
+import { useState as useState102 } from "react";
 
 // node_modules/date-fns/toDate.mjs
 function toDate(argument) {
@@ -43434,7 +43497,7 @@ function cleanEscapedString(input) {
 init_button();
 import { ExternalLink as ExternalLink12, Clock as Clock2, Play as Play4, Video as Video8 } from "lucide-react";
 init_cn();
-import { Fragment as Fragment69, jsx as jsx343, jsxs as jsxs276 } from "react/jsx-runtime";
+import { Fragment as Fragment70, jsx as jsx343, jsxs as jsxs276 } from "react/jsx-runtime";
 function formatUtc(date, fmt) {
   return format(new Date(date.getTime() + date.getTimezoneOffset() * 6e4), fmt);
 }
@@ -43498,8 +43561,8 @@ function getHosts(hosts) {
   return [];
 }
 function MediaGallery({ images, title }) {
-  const [selectedImageIndex, setSelectedImageIndex] = useState101(null);
-  const [isModalOpen, setIsModalOpen] = useState101(false);
+  const [selectedImageIndex, setSelectedImageIndex] = useState102(null);
+  const [isModalOpen, setIsModalOpen] = useState102(false);
   const openImageModal = (index, event) => {
     if (event) event.stopPropagation();
     setSelectedImageIndex(index);
@@ -43509,7 +43572,7 @@ function MediaGallery({ images, title }) {
     setIsModalOpen(false);
     setSelectedImageIndex(null);
   };
-  return /* @__PURE__ */ jsxs276(Fragment69, { children: [
+  return /* @__PURE__ */ jsxs276(Fragment70, { children: [
     /* @__PURE__ */ jsx343("div", { className: "p-6 pt-4", children: /* @__PURE__ */ jsx343("div", { className: "overflow-x-auto mb-4", children: /* @__PURE__ */ jsx343("div", { className: "flex gap-3 pb-2", style: { width: "max-content" }, children: images.map((mediaItem, index) => /* @__PURE__ */ jsxs276(
       "div",
       {
@@ -43626,7 +43689,7 @@ function ProgramCard({
   const dateFormat = formatUtc(itemDate, "EEEE d MMMM");
   const defaultRenderMeta = () => {
     if (config.type === "podcast" && "duration_seconds" in item && !isScheduled) {
-      return /* @__PURE__ */ jsxs276(Fragment69, { children: [
+      return /* @__PURE__ */ jsxs276(Fragment70, { children: [
         /* @__PURE__ */ jsx343(Clock2, { className: "w-4 h-4 text-ods-text-secondary" }),
         /* @__PURE__ */ jsx343("span", { className: "font-['DM_Sans'] text-ods-text-secondary", children: formatDurationCompact(item.duration_seconds) })
       ] });
@@ -43637,7 +43700,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__ */ jsxs276(Fragment69, { children: [
+      return /* @__PURE__ */ jsxs276(Fragment70, { children: [
         /* @__PURE__ */ jsx343(Video8, { className: "w-4 h-4 text-ods-text-secondary" }),
         /* @__PURE__ */ jsxs276("span", { className: "font-['DM_Sans'] text-ods-text-secondary", children: [
           formatTimeWithTimezone(webinarItem.start_at, webinarItem.timezone ?? null),
@@ -43671,10 +43734,10 @@ function ProgramCard({
       /* @__PURE__ */ jsx343("h3", { className: "font-['Azeret_Mono'] font-semibold text-xl md:text-2xl text-ods-text-primary leading-tight mb-3 min-h-[3rem] md:min-h-[3.5rem] line-clamp-2 flex items-center", children: item.title }),
       /* @__PURE__ */ jsxs276("div", { className: "flex flex-col md:flex-row md:items-center gap-2 md:gap-4 mb-4", children: [
         /* @__PURE__ */ jsx343("span", { className: "font-['DM_Sans'] font-medium", style: { color: accentColor }, children: dateFormat }),
-        renderMeta ? /* @__PURE__ */ jsxs276(Fragment69, { children: [
+        renderMeta ? /* @__PURE__ */ jsxs276(Fragment70, { children: [
           /* @__PURE__ */ jsx343("span", { className: "hidden md:inline text-ods-text-secondary", children: "\u2022" }),
           renderMeta(item)
-        ] }) : defaultRenderMeta() && /* @__PURE__ */ jsxs276(Fragment69, { children: [
+        ] }) : defaultRenderMeta() && /* @__PURE__ */ jsxs276(Fragment70, { children: [
           /* @__PURE__ */ jsx343("span", { className: "hidden md:inline text-ods-text-secondary", children: "\u2022" }),
           /* @__PURE__ */ jsx343("div", { className: "flex items-center gap-2", children: defaultRenderMeta() })
         ] })
@@ -43751,10 +43814,10 @@ function ProgramCard({
 
 // src/components/chat/entity-cards/campaign-card-admin.tsx
 import { Megaphone as Megaphone3 } from "lucide-react";
-import { Fragment as Fragment70, jsx as jsx344, jsxs as jsxs277 } from "react/jsx-runtime";
+import { Fragment as Fragment71, jsx as jsx344, jsxs as jsxs277 } from "react/jsx-runtime";
 function CampaignCardAdmin({ campaign, className, anchorProps }) {
   const goalsCount = campaign.goals?.length || 0;
-  const innerChildren = /* @__PURE__ */ jsxs277(Fragment70, { children: [
+  const innerChildren = /* @__PURE__ */ jsxs277(Fragment71, { children: [
     /* @__PURE__ */ jsx344("span", { className: COMPACT_CARD_ICON_SLOT, children: /* @__PURE__ */ jsx344(Megaphone3, { className: "h-5 w-5" }) }),
     /* @__PURE__ */ jsxs277("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsx344("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx344("span", { className: COMPACT_CARD_TITLE, children: campaign.name }) }),
@@ -43784,11 +43847,11 @@ function CampaignCardAdminSkeleton({ className }) {
 
 // src/components/chat/entity-cards/generic-entity-card.tsx
 import { ExternalLink as ExternalLink13 } from "lucide-react";
-import { Fragment as Fragment71, jsx as jsx345, jsxs as jsxs278 } from "react/jsx-runtime";
+import { Fragment as Fragment72, jsx as jsx345, jsxs as jsxs278 } 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__ */ jsxs278(Fragment71, { children: [
+  const body = /* @__PURE__ */ jsxs278(Fragment72, { children: [
     /* @__PURE__ */ jsxs278("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsxs278("span", { className: "flex flex-wrap items-center gap-1.5 min-w-0", children: [
         /* @__PURE__ */ jsx345("span", { className: `${COMPACT_CARD_TITLE} shrink min-w-0`, children: item.title }),
@@ -43973,7 +44036,7 @@ function resolveSourceIcon(input, ctx = {}) {
 
 // src/components/chat/mingo-info-card.tsx
 init_cn();
-import { Fragment as Fragment72, jsx as jsx346, jsxs as jsxs279 } from "react/jsx-runtime";
+import { Fragment as Fragment73, jsx as jsx346, jsxs as jsxs279 } from "react/jsx-runtime";
 function CardMedia({
   imageSrc,
   imageAlt,
@@ -44017,7 +44080,7 @@ function MingoInfoCard({
   const hasMenu = !!menuGroups && menuGroups.length > 0;
   const isAnchor = !!anchorProps;
   const isInteractive = isAnchor || !!onClick;
-  const content = /* @__PURE__ */ jsxs279(Fragment72, { children: [
+  const content = /* @__PURE__ */ jsxs279(Fragment73, { children: [
     hasMedia && /* @__PURE__ */ jsx346(CardMedia, { imageSrc, imageAlt, icon }),
     /* @__PURE__ */ jsxs279("span", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [
       /* @__PURE__ */ jsx346("span", { className: "truncate text-h4 font-medium text-ods-text-primary", children: title }),
@@ -44066,7 +44129,7 @@ function MingoInfoCard({
 }
 
 // src/components/chat/entity-cards/dispatch.tsx
-import { Fragment as Fragment73, jsx as jsx347, jsxs as jsxs280 } from "react/jsx-runtime";
+import { Fragment as Fragment74, jsx as jsx347, jsxs as jsxs280 } from "react/jsx-runtime";
 function githubKindIcon(kind) {
   switch (kind) {
     case "pull_request":
@@ -45034,10 +45097,10 @@ function ChatCardLoader({
       }
     );
   }
-  if (isLoading) return /* @__PURE__ */ jsx347(Fragment73, { children: entry.skeleton() });
+  if (isLoading) return /* @__PURE__ */ jsx347(Fragment74, { children: entry.skeleton() });
   if (!item) return null;
   if (entry.bareInline) {
-    return /* @__PURE__ */ jsx347(Fragment73, { children: navWrap(entry.render(item, finalChatRef, renderOpts)) });
+    return /* @__PURE__ */ jsx347(Fragment74, { children: navWrap(entry.render(item, finalChatRef, renderOpts)) });
   }
   return /* @__PURE__ */ jsx347(
     ChatCardWithDiscuss,
@@ -45284,7 +45347,7 @@ function useChunkCatchup({
 }
 
 // src/components/chat/hooks/use-jetstream-dialog-subscription.ts
-import { useEffect as useEffect75, useRef as useRef61, useState as useState102 } from "react";
+import { useEffect as useEffect75, useRef as useRef61, useState as useState103 } from "react";
 var DEFAULT_INACTIVE_THRESHOLD_MS = 5 * 6e4;
 var DEFAULT_STREAM_NAME = "CHAT_CHUNKS";
 function useJetStreamDialogSubscription({
@@ -45303,10 +45366,10 @@ function useJetStreamDialogSubscription({
   reconnectionBackoff,
   inactiveThresholdMs
 }) {
-  const [isConnected, setIsConnected] = useState102(false);
-  const [isSubscribed, setIsSubscribed] = useState102(false);
-  const [reconnectionCount, setReconnectionCount] = useState102(0);
-  const [currentStreamSeq, setCurrentStreamSeq] = useState102(null);
+  const [isConnected, setIsConnected] = useState103(false);
+  const [isSubscribed, setIsSubscribed] = useState103(false);
+  const [reconnectionCount, setReconnectionCount] = useState103(0);
+  const [currentStreamSeq, setCurrentStreamSeq] = useState103(null);
   const clientRef = useRef61(null);
   const subscriptionRef = useRef61(null);
   const highestStreamSeqRef = useRef61(null);
@@ -45525,7 +45588,7 @@ function useJetStreamDialogSubscription({
 }
 
 // src/components/chat/hooks/use-nats-dialog-subscription.ts
-import { useEffect as useEffect76, useRef as useRef62, useState as useState103 } from "react";
+import { useEffect as useEffect76, useRef as useRef62, useState as useState104 } from "react";
 function useNatsDialogSubscription({
   enabled,
   dialogId,
@@ -45539,9 +45602,9 @@ function useNatsDialogSubscription({
   clientConfig = {},
   reconnectionBackoff
 }) {
-  const [isConnected, setIsConnected] = useState103(false);
-  const [isSubscribed, setIsSubscribed] = useState103(false);
-  const [reconnectionCount, setReconnectionCount] = useState103(0);
+  const [isConnected, setIsConnected] = useState104(false);
+  const [isSubscribed, setIsSubscribed] = useState104(false);
+  const [reconnectionCount, setReconnectionCount] = useState104(0);
   const clientRef = useRef62(null);
   const subscriptionRefs = useRef62(/* @__PURE__ */ new Map());
   const onEventRef = useRef62(onEvent);
@@ -46735,7 +46798,7 @@ function useRealtimeChunkProcessor(options) {
 }
 
 // src/components/chat/hooks/use-slash-commands.ts
-import { useEffect as useEffect78, useState as useState104 } from "react";
+import { useEffect as useEffect78, useState as useState105 } from "react";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
 async function fetchSlashCommands(prefix, signal, commandsUrl) {
   try {
@@ -46752,8 +46815,8 @@ async function fetchSlashCommands(prefix, signal, commandsUrl) {
   }
 }
 function useSlashCommands(prefix, commandsUrl) {
-  const [commands, setCommands] = useState104([]);
-  const [loading, setLoading] = useState104(false);
+  const [commands, setCommands] = useState105([]);
+  const [loading, setLoading] = useState105(false);
   useEffect78(() => {
     if (prefix == null) {
       setCommands([]);
@@ -46860,7 +46923,7 @@ function useEmptyStateConfig(emptyStateUrl, options) {
 }
 
 // src/components/chat/hooks/use-chat-attachments.ts
-import { useCallback as useCallback46, useMemo as useMemo40, useRef as useRef64, useState as useState105 } from "react";
+import { useCallback as useCallback46, useMemo as useMemo40, useRef as useRef64, useState as useState106 } from "react";
 import { fileTypeFromBlob } from "file-type";
 var CHAT_ATTACHMENTS_BUCKET = "chat-attachments";
 var CHAT_ATTACHMENTS_FOLDER = "chat";
@@ -46936,7 +46999,7 @@ function uploadWithProgress(url, file, token, onProgress, signal) {
 function useChatAttachments() {
   const runtime = useRequiredChatRuntime();
   const uploadUrlEndpoint = runtime.endpoints.attachmentUploadUrl;
-  const [attachments, setAttachments] = useState105([]);
+  const [attachments, setAttachments] = useState106([]);
   const controllersRef = useRef64(/* @__PURE__ */ new Map());
   const updateOne = useCallback46((id, patch) => {
     setAttachments((prev) => prev.map((a) => a.id === id ? { ...a, ...patch } : a));
@@ -47103,14 +47166,14 @@ function useChatAttachments() {
 }
 
 // src/components/chat/hooks/use-chat-attachment-image-gallery.tsx
-import { useCallback as useCallback47, useEffect as useEffect79, useRef as useRef65, useState as useState106 } from "react";
+import { useCallback as useCallback47, useEffect as useEffect79, useRef as useRef65, useState as useState107 } from "react";
 import { jsx as jsx348 } from "react/jsx-runtime";
 var CLOSED = { isOpen: false, images: [], initialIndex: 0 };
 function useChatAttachmentImageGallery() {
   const runtime = useRequiredChatRuntime();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
   const panelRef = useRef65(null);
-  const [state, setState] = useState106(CLOSED);
+  const [state, setState] = useState107(CLOSED);
   const handleClose = useCallback47(() => setState(CLOSED), []);
   useEffect79(() => {
     const root = panelRef.current;
@@ -47158,7 +47221,7 @@ function absolutize(prefix) {
 }
 
 // src/components/chat/hooks/use-chat-identity.ts
-import { createContext as createContext12, createElement as createElement2, useContext as useContext12, useEffect as useEffect80, useState as useState107 } from "react";
+import { createContext as createContext12, createElement as createElement2, useContext as useContext12, useEffect as useEffect80, useState as useState108 } from "react";
 var ANON_DEFAULTS = {
   authTier: "anon",
   source: null,
@@ -47169,8 +47232,8 @@ function useResolveChatIdentity(enabled) {
   const runtime = useRequiredChatRuntime();
   const url = runtime.endpoints.identityUrl;
   const proxyEmail = getEmbedProxyAuth()?.email ?? null;
-  const [data, setData] = useState107(ANON_DEFAULTS);
-  const [isLoading, setIsLoading] = useState107(enabled);
+  const [data, setData] = useState108(ANON_DEFAULTS);
+  const [isLoading, setIsLoading] = useState108(enabled);
   useEffect80(() => {
     if (!enabled) return;
     let cancelled = false;
@@ -47231,13 +47294,13 @@ function useCloseOnNavigation(close, pathname) {
 }
 
 // src/components/chat/hooks/use-chat.ts
-import { useState as useState109, useCallback as useCallback49, useEffect as useEffect82, useRef as useRef68 } from "react";
+import { useState as useState110, useCallback as useCallback49, useEffect as useEffect82, useRef as useRef68 } from "react";
 
 // src/components/chat/hooks/use-sse.ts
-import { useState as useState108, useCallback as useCallback48, useRef as useRef67 } from "react";
+import { useState as useState109, useCallback as useCallback48, useRef as useRef67 } from "react";
 function useSSE({ useMock = true, debugMode = false, streamFn } = {}) {
-  const [isStreaming, setIsStreaming] = useState108(false);
-  const [error, setError] = useState108(null);
+  const [isStreaming, setIsStreaming] = useState109(false);
+  const [error, setError] = useState109(null);
   const abortControllerRef = useRef67(null);
   const fallbackStream = useCallback48(async function* () {
     throw new Error(
@@ -47304,8 +47367,8 @@ function useChat({
   initialMessages,
   onMessagesChange
 } = {}) {
-  const [messages, setMessages] = useState109(() => initialMessages ?? []);
-  const [isTyping, setIsTyping] = useState109(false);
+  const [messages, setMessages] = useState110(() => initialMessages ?? []);
+  const [isTyping, setIsTyping] = useState110(false);
   const currentAssistantSegmentsRef = useRef68([]);
   const onMessagesChangeRef = useRef68(onMessagesChange);
   onMessagesChangeRef.current = onMessagesChange;
@@ -47598,7 +47661,7 @@ function useChat({
 }
 
 // src/components/chat/hooks/use-sse-chat-adapter.ts
-import { useState as useState110, useEffect as useEffect83, useCallback as useCallback50, useMemo as useMemo41, useRef as useRef69 } from "react";
+import { useState as useState111, useEffect as useEffect83, useCallback as useCallback50, useMemo as useMemo41, useRef as useRef69 } from "react";
 function createEmptyTurnMeta() {
   return {
     provider: null,
@@ -47933,8 +47996,8 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
   const metaMapRef = useRef69(/* @__PURE__ */ new Map());
   const messagesRef = useRef69(persistedRef.current.messages);
   const sendCountRef = useRef69(persistedRef.current.sendCount);
-  const [streamingPhase, setStreamingPhase] = useState110("idle");
-  const [metaTick, setMetaTick] = useState110(0);
+  const [streamingPhase, setStreamingPhase] = useState111("idle");
+  const [metaTick, setMetaTick] = useState111(0);
   const bumpMetaTick = useCallback50(() => setMetaTick((t) => t + 1), []);
   const streamFn = useMemo41(
     () => createDocStreamFn(
@@ -48207,7 +48270,7 @@ import {
   useEffect as useEffect84,
   useMemo as useMemo42,
   useRef as useRef70,
-  useState as useState111
+  useState as useState112
 } from "react";
 
 // src/components/chat/utils/process-historical-messages.ts
@@ -48697,23 +48760,23 @@ function useNatsChatAdapter(config, options = {}) {
     modelLabel = null
   } = config;
   const isManagedMode = fetchDialogs !== void 0;
-  const [internalDialogId, setInternalDialogId] = useState111(null);
+  const [internalDialogId, setInternalDialogId] = useState112(null);
   const dialogId = isManagedMode ? internalDialogId : controlledDialogId !== void 0 ? controlledDialogId : null;
-  const [messages, setMessages] = useState111([]);
-  const [streamingPhase, setStreamingPhase] = useState111("idle");
-  const [approvalStatuses, setApprovalStatuses] = useState111({});
-  const [dialogs, setDialogs] = useState111([]);
-  const [dialogsNextCursor, setDialogsNextCursor] = useState111(null);
-  const [isDialogsLoading, setIsDialogsLoading] = useState111(false);
-  const [dialogsError, setDialogsError] = useState111(false);
-  const [isCreatingDialog, setIsCreatingDialog] = useState111(false);
-  const [messagesNextCursor, setMessagesNextCursor] = useState111(null);
-  const [isMessagesLoading, setIsMessagesLoading] = useState111(false);
-  const [dialogTokenUsage, setDialogTokenUsage] = useState111(
+  const [messages, setMessages] = useState112([]);
+  const [streamingPhase, setStreamingPhase] = useState112("idle");
+  const [approvalStatuses, setApprovalStatuses] = useState112({});
+  const [dialogs, setDialogs] = useState112([]);
+  const [dialogsNextCursor, setDialogsNextCursor] = useState112(null);
+  const [isDialogsLoading, setIsDialogsLoading] = useState112(false);
+  const [dialogsError, setDialogsError] = useState112(false);
+  const [isCreatingDialog, setIsCreatingDialog] = useState112(false);
+  const [messagesNextCursor, setMessagesNextCursor] = useState112(null);
+  const [isMessagesLoading, setIsMessagesLoading] = useState112(false);
+  const [dialogTokenUsage, setDialogTokenUsage] = useState112(
     null
   );
-  const [liveModel, setLiveModel] = useState111(null);
-  const [connectionState, setConnectionState] = useState111("connecting");
+  const [liveModel, setLiveModel] = useState112(null);
+  const [connectionState, setConnectionState] = useState112("connecting");
   const handleApprove = useCallback51(
     async (requestId) => {
       if (!approveRequestCallback) return;
@@ -49509,7 +49572,7 @@ function chatChipClass({ tone, density = "chip", extra }) {
 }
 
 // src/components/chat/embeddable-chat.tsx
-import { useCallback as useCallback54, useEffect as useEffect85, useMemo as useMemo45, useRef as useRef72, useState as useState113 } from "react";
+import { useCallback as useCallback54, useEffect as useEffect85, useMemo as useMemo45, useRef as useRef72, useState as useState114 } from "react";
 import * as DialogPrimitive4 from "@radix-ui/react-dialog";
 import { usePreventScroll } from "@react-aria/overlays";
 import { isIOS } from "@react-aria/utils";
@@ -49590,7 +49653,7 @@ init_button2();
 import { FileText as FileText8, MessageSquare as MessageSquare3 } from "lucide-react";
 
 // src/components/chat/hooks/use-chat-dialog-manager.ts
-import { useCallback as useCallback53, useMemo as useMemo44, useState as useState112 } from "react";
+import { useCallback as useCallback53, useMemo as useMemo44, useState as useState113 } from "react";
 function useChatDialogManager({
   dialogs,
   activeDialogId,
@@ -49601,8 +49664,8 @@ function useChatDialogManager({
   fetchArchivedDialogs,
   unarchiveDialog
 }) {
-  const [renameTarget, setRenameTarget] = useState112(null);
-  const [archiveTarget, setArchiveTarget] = useState112(null);
+  const [renameTarget, setRenameTarget] = useState113(null);
+  const [archiveTarget, setArchiveTarget] = useState113(null);
   const handleConfirmRename = useCallback53(
     (name) => {
       if (renameTarget) void renameDialog(renameTarget.id, name);
@@ -49625,10 +49688,10 @@ function useChatDialogManager({
     }
     setArchiveTarget(null);
   }, [archiveTarget, archiveDialog, activeDialogId, clearMessages]);
-  const [archiveOpen, setArchiveOpen] = useState112(false);
-  const [archivedDialogs, setArchivedDialogs] = useState112([]);
-  const [archivedCursor, setArchivedCursor] = useState112(null);
-  const [archivedLoading, setArchivedLoading] = useState112(false);
+  const [archiveOpen, setArchiveOpen] = useState113(false);
+  const [archivedDialogs, setArchivedDialogs] = useState113([]);
+  const [archivedCursor, setArchivedCursor] = useState113(null);
+  const [archivedLoading, setArchivedLoading] = useState113(false);
   const loadArchivedPage = useCallback53(
     async (cursor) => {
       if (!fetchArchivedDialogs) return;
@@ -49654,10 +49717,10 @@ function useChatDialogManager({
     void loadArchivedPage();
   }, [loadArchivedPage]);
   const closeArchive = useCallback53(() => setArchiveOpen(false), []);
-  const [viewingArchivedId, setViewingArchivedId] = useState112(
+  const [viewingArchivedId, setViewingArchivedId] = useState113(
     null
   );
-  const [openingDialogId, setOpeningDialogId] = useState112(null);
+  const [openingDialogId, setOpeningDialogId] = useState113(null);
   const handleSelectDialog = useCallback53(
     (id) => {
       setViewingArchivedId(null);
@@ -49676,7 +49739,7 @@ function useChatDialogManager({
     },
     [selectDialog]
   );
-  const [restoreTarget, setRestoreTarget] = useState112(null);
+  const [restoreTarget, setRestoreTarget] = useState113(null);
   const handleConfirmRestore = useCallback53(async () => {
     if (restoreTarget) {
       try {
@@ -49738,7 +49801,7 @@ function useChatDialogManager({
 
 // src/components/chat/embeddable-chat.tsx
 init_next_navigation();
-import { Fragment as Fragment74, jsx as jsx351, jsxs as jsxs281 } from "react/jsx-runtime";
+import { Fragment as Fragment75, jsx as jsx351, jsxs as jsxs281 } from "react/jsx-runtime";
 var formatRelativePath = (p) => p.replace(/^\/+/, "").replace(/\/+$/, "");
 var mentionTokenOf = (key, markerByType) => {
   const ci = key.indexOf(":");
@@ -49858,7 +49921,7 @@ function SourceChip({
     );
   }
   const displayName = src.name || formatRelativePath(src.path);
-  const chipBody = (label) => /* @__PURE__ */ jsxs281(Fragment74, { children: [
+  const chipBody = (label) => /* @__PURE__ */ jsxs281(Fragment75, { children: [
     icon,
     /* @__PURE__ */ jsxs281("span", { className: "truncate max-w-[160px]", children: [
       "[",
@@ -49928,7 +49991,7 @@ function SourceChips({
   onClose,
   onDiscuss
 }) {
-  const [expanded, setExpanded] = useState113(false);
+  const [expanded, setExpanded] = useState114(false);
   if (cited.length === 0) {
     const fallback = uncited.slice(0, FALLBACK_TOP_RETRIEVED);
     if (fallback.length === 0) return null;
@@ -50049,7 +50112,7 @@ function EmbeddableChatInner({
     defaultProp: defaultOpen ?? false,
     onChange: onOpenChange
   });
-  const [autoFocusInput] = useState113(() => {
+  const [autoFocusInput] = useState114(() => {
     if (typeof window === "undefined") return false;
     return !window.matchMedia("(pointer: coarse)").matches;
   });
@@ -50082,7 +50145,7 @@ function EmbeddableChatInner({
     };
   }, [isOpen, shellLess]);
   const chatInputRef = useRef72(null);
-  const [quickActionPreview, setQuickActionPreview] = useState113(null);
+  const [quickActionPreview, setQuickActionPreview] = useState114(null);
   const slashCommandsProp = useMemo45(
     () => ({
       fetchCommands: (prefix, signal) => fetchSlashCommands(prefix, signal, commandsUrl),
@@ -50125,7 +50188,7 @@ function EmbeddableChatInner({
   }, [mingoState, mingoDialogCapabilities, effectiveModes]);
   const hasMingoMode = !!effectiveModes.mingo || !!mingoState;
   const initialActiveMode = controlledActiveMode ?? defaultActiveMode ?? (effectiveModes.guide ? "guide" : "mingo");
-  const [uncontrolledActiveMode, setUncontrolledActiveMode] = useState113(initialActiveMode);
+  const [uncontrolledActiveMode, setUncontrolledActiveMode] = useState114(initialActiveMode);
   const activeMode = controlledActiveMode ?? uncontrolledActiveMode;
   const handleActiveModeChange = useCallback54(
     (next) => {
@@ -50207,9 +50270,9 @@ function EmbeddableChatInner({
   const { panelRef: galleryPanelRef, modal: galleryModal } = useChatAttachmentImageGallery();
   const contextMaxItems = contextPicker?.maxItems ?? 10;
   const contextPickerForMode = activeMode === "mingo" ? contextPicker : void 0;
-  const [contextItems, setContextItems] = useState113([]);
-  const [contextPickerOpen, setContextPickerOpen] = useState113(false);
-  const [mentionQuery, setMentionQuery] = useState113(null);
+  const [contextItems, setContextItems] = useState114([]);
+  const [contextPickerOpen, setContextPickerOpen] = useState114(false);
+  const [mentionQuery, setMentionQuery] = useState114(null);
   const mentionActiveRef = useRef72(false);
   useEffect85(() => {
     mentionActiveRef.current = mentionQuery !== null;
@@ -50496,7 +50559,7 @@ function EmbeddableChatInner({
     const uncited = sources.filter((s) => !seenOrder.has(s.index));
     return { cited, uncited };
   }, [lastAssistantMsg, chatLoading]);
-  const [portalHost, setPortalHost] = useState113(null);
+  const [portalHost, setPortalHost] = useState114(null);
   const body = /* @__PURE__ */ jsxs281(PortalContainerContext.Provider, { value: portalHost, children: [
     /* @__PURE__ */ jsx351(
       "div",
@@ -50804,7 +50867,7 @@ function EmbeddableChatInner({
       ]
     }
   ) }) });
-  return /* @__PURE__ */ jsxs281(Fragment74, { children: [
+  return /* @__PURE__ */ jsxs281(Fragment75, { children: [
     showInternalTrigger && !shellLess && /* @__PURE__ */ jsx351(
       "div",
       {
@@ -51081,6 +51144,7 @@ export {
   ArgRow,
   ResultBlock,
   CommandBlock,
+  ApprovalStatusTag,
   ApprovalBatchMessage,
   ContextCompactionDisplay,
   SimpleMarkdownRenderer,
@@ -51764,4 +51828,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-CNDLMBFN.js.map
+//# sourceMappingURL=chunk-XQ77CK5C.js.map