@lukeashford/aurelius 4.10.1 → 4.11.0

package/dist/index.mjs

@@ -2440,8 +2440,45 @@ var Progress = React30.forwardRef(
 );
 Progress.displayName = "Progress";
 
+// src/components/BusyOverlay.tsx
+import React31 from "react";
+var blurClass = {
+  sm: "backdrop-blur-sm",
+  md: "backdrop-blur-md",
+  lg: "backdrop-blur-lg"
+};
+var toneClass = {
+  dim: "bg-obsidian/40",
+  frost: "bg-obsidian/80"
+};
+function BusyOverlay({
+  label,
+  blurStrength = "sm",
+  tone = "dim",
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ React31.createElement(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-busy": "true",
+      className: cx(
+        "absolute inset-0 z-10 flex items-center justify-center",
+        toneClass[tone],
+        blurClass[blurStrength],
+        className
+      ),
+      ...rest
+    },
+    /* @__PURE__ */ React31.createElement("div", { className: "flex items-center gap-2 text-white text-sm font-medium" }, /* @__PURE__ */ React31.createElement(Spinner, { size: "sm" }), label && /* @__PURE__ */ React31.createElement("span", null, label))
+  );
+}
+BusyOverlay.displayName = "BusyOverlay";
+
 // src/components/Toast.tsx
-import React31, { createContext as createContext2, useCallback as useCallback7, useContext as useContext2, useEffect as useEffect3, useState as useState7 } from "react";
+import React32, { createContext as createContext2, useCallback as useCallback7, useContext as useContext2, useEffect as useEffect3, useState as useState7 } from "react";
 import { createPortal } from "react-dom";
 import { AlertCircle, AlertTriangle as AlertTriangle2, CheckCircle as CheckCircle2, Info as Info2, X as X3 } from "lucide-react";
 var toastCounter = 0;
@@ -2492,7 +2529,7 @@ var ToastProvider = ({
   const removeToast = useCallback7((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
   }, []);
-  return /* @__PURE__ */ React31.createElement(ToastContext.Provider, { value: { toasts, addToast, removeToast, position } }, children, mounted && /* @__PURE__ */ React31.createElement(ToastViewport, null));
+  return /* @__PURE__ */ React32.createElement(ToastContext.Provider, { value: { toasts, addToast, removeToast, position } }, children, mounted && /* @__PURE__ */ React32.createElement(ToastViewport, null));
 };
 ToastProvider.displayName = "ToastProvider";
 var POSITION_CLASSES = {
@@ -2510,7 +2547,7 @@ var ToastViewport = () => {
   }
   const { toasts, position } = context;
   return createPortal(
-    /* @__PURE__ */ React31.createElement(
+    /* @__PURE__ */ React32.createElement(
       "div",
       {
         className: cx(
@@ -2518,7 +2555,7 @@ var ToastViewport = () => {
           POSITION_CLASSES[position]
         )
       },
-      toasts.map((toast) => /* @__PURE__ */ React31.createElement(Toast, { key: toast.id, ...toast }))
+      toasts.map((toast) => /* @__PURE__ */ React32.createElement(Toast, { key: toast.id, ...toast }))
     ),
     document.body
   );
@@ -2532,10 +2569,10 @@ var VARIANT_STYLES2 = {
 };
 var VARIANT_ICONS = {
   default: null,
-  success: /* @__PURE__ */ React31.createElement(CheckCircle2, { className: "h-5 w-5 text-success" }),
-  error: /* @__PURE__ */ React31.createElement(AlertCircle, { className: "h-5 w-5 text-error" }),
-  warning: /* @__PURE__ */ React31.createElement(AlertTriangle2, { className: "h-5 w-5 text-warning" }),
-  info: /* @__PURE__ */ React31.createElement(Info2, { className: "h-5 w-5 text-info" })
+  success: /* @__PURE__ */ React32.createElement(CheckCircle2, { className: "h-5 w-5 text-success" }),
+  error: /* @__PURE__ */ React32.createElement(AlertCircle, { className: "h-5 w-5 text-error" }),
+  warning: /* @__PURE__ */ React32.createElement(AlertTriangle2, { className: "h-5 w-5 text-warning" }),
+  info: /* @__PURE__ */ React32.createElement(Info2, { className: "h-5 w-5 text-info" })
 };
 var Toast = ({
   id,
@@ -2555,7 +2592,7 @@ var Toast = ({
     }
   }, [id, duration, context]);
   const icon = VARIANT_ICONS[variant];
-  return /* @__PURE__ */ React31.createElement(
+  return /* @__PURE__ */ React32.createElement(
     "div",
     {
       role: "alert",
@@ -2564,21 +2601,21 @@ var Toast = ({
         VARIANT_STYLES2[variant]
       )
     },
-    /* @__PURE__ */ React31.createElement("div", { className: "flex gap-3" }, icon && /* @__PURE__ */ React31.createElement("div", { className: "shrink-0 mt-0.5" }, icon), /* @__PURE__ */ React31.createElement("div", { className: "flex-1 min-w-0" }, title && /* @__PURE__ */ React31.createElement("p", { className: "text-sm font-medium text-white" }, title), description && /* @__PURE__ */ React31.createElement("p", { className: "text-sm text-silver mt-1" }, description), action && /* @__PURE__ */ React31.createElement("div", { className: "mt-3" }, action)), /* @__PURE__ */ React31.createElement(
+    /* @__PURE__ */ React32.createElement("div", { className: "flex gap-3" }, icon && /* @__PURE__ */ React32.createElement("div", { className: "shrink-0 mt-0.5" }, icon), /* @__PURE__ */ React32.createElement("div", { className: "flex-1 min-w-0" }, title && /* @__PURE__ */ React32.createElement("p", { className: "text-sm font-medium text-white" }, title), description && /* @__PURE__ */ React32.createElement("p", { className: "text-sm text-silver mt-1" }, description), action && /* @__PURE__ */ React32.createElement("div", { className: "mt-3" }, action)), /* @__PURE__ */ React32.createElement(
       "button",
       {
         onClick: () => context?.removeToast(id),
         className: "shrink-0 text-silver hover:text-white transition-colors"
       },
-      /* @__PURE__ */ React31.createElement(X3, { className: "h-4 w-4" }),
-      /* @__PURE__ */ React31.createElement("span", { className: "sr-only" }, "Dismiss")
+      /* @__PURE__ */ React32.createElement(X3, { className: "h-4 w-4" }),
+      /* @__PURE__ */ React32.createElement("span", { className: "sr-only" }, "Dismiss")
     ))
   );
 };
 Toast.displayName = "Toast";
 
 // src/components/Modal.tsx
-import React32, { useEffect as useEffect4, useState as useState8 } from "react";
+import React33, { useEffect as useEffect4, useState as useState8 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { X as X4 } from "lucide-react";
 var Modal = ({ isOpen, onClose, title, children, className }) => {
@@ -2591,14 +2628,14 @@ var Modal = ({ isOpen, onClose, title, children, className }) => {
   if (!mounted || !isOpen) {
     return null;
   }
-  const content = /* @__PURE__ */ React32.createElement(
+  const content = /* @__PURE__ */ React33.createElement(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6",
       onClick: onClose
     },
-    /* @__PURE__ */ React32.createElement("div", { className: "fixed inset-0 z-40 bg-obsidian/80 backdrop-blur-sm", "aria-hidden": "true" }),
-    /* @__PURE__ */ React32.createElement(
+    /* @__PURE__ */ React33.createElement("div", { className: "fixed inset-0 z-40 bg-obsidian/80 backdrop-blur-sm", "aria-hidden": "true" }),
+    /* @__PURE__ */ React33.createElement(
       "div",
       {
         role: "dialog",
@@ -2610,16 +2647,16 @@ var Modal = ({ isOpen, onClose, title, children, className }) => {
         "data-state": "open",
         onClick: (e) => e.stopPropagation()
       },
-      /* @__PURE__ */ React32.createElement("div", { className: "flex items-center justify-between mb-2" }, title ? /* @__PURE__ */ React32.createElement("h3", { className: "text-xl font-semibold text-white m-0" }, title) : /* @__PURE__ */ React32.createElement("div", null), /* @__PURE__ */ React32.createElement(
+      /* @__PURE__ */ React33.createElement("div", { className: "flex items-center justify-between mb-2" }, title ? /* @__PURE__ */ React33.createElement("h3", { className: "text-xl font-semibold text-white m-0" }, title) : /* @__PURE__ */ React33.createElement("div", null), /* @__PURE__ */ React33.createElement(
         "button",
         {
           onClick: onClose,
           className: "text-silver hover:text-white transition-colors ml-auto"
         },
-        /* @__PURE__ */ React32.createElement(X4, { className: "h-5 w-5" }),
-        /* @__PURE__ */ React32.createElement("span", { className: "sr-only" }, "Close")
+        /* @__PURE__ */ React33.createElement(X4, { className: "h-5 w-5" }),
+        /* @__PURE__ */ React33.createElement("span", { className: "sr-only" }, "Close")
       )),
-      /* @__PURE__ */ React32.createElement("div", { className: "overflow-y-auto min-h-0" }, children)
+      /* @__PURE__ */ React33.createElement("div", { className: "overflow-y-auto min-h-0" }, children)
     )
   );
   return createPortal2(content, document.body);
@@ -2627,12 +2664,12 @@ var Modal = ({ isOpen, onClose, title, children, className }) => {
 Modal.displayName = "Modal";
 
 // src/components/Lightbox.tsx
-import React46, { useCallback as useCallback8 } from "react";
+import React47, { useCallback as useCallback8 } from "react";
 
 // src/components/icons/ChatBubbleIcon.tsx
-import React33 from "react";
+import React34 from "react";
 function ChatBubbleIcon({ className, ...props }) {
-  return /* @__PURE__ */ React33.createElement(
+  return /* @__PURE__ */ React34.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2641,7 +2678,7 @@ function ChatBubbleIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ React33.createElement(
+    /* @__PURE__ */ React34.createElement(
       "path",
       {
         d: "M2 3h16v11H6l-4 3V3z"
@@ -2651,9 +2688,9 @@ function ChatBubbleIcon({ className, ...props }) {
 }
 
 // src/components/icons/ChevronLeftIcon.tsx
-import React34 from "react";
+import React35 from "react";
 function ChevronLeftIcon({ className, ...props }) {
-  return /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React35.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2662,7 +2699,7 @@ function ChevronLeftIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ React34.createElement(
+    /* @__PURE__ */ React35.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -2674,9 +2711,9 @@ function ChevronLeftIcon({ className, ...props }) {
 }
 
 // src/components/icons/ChevronRightIcon.tsx
-import React35 from "react";
+import React36 from "react";
 function ChevronRightIcon({ className, ...props }) {
-  return /* @__PURE__ */ React35.createElement(
+  return /* @__PURE__ */ React36.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2685,7 +2722,7 @@ function ChevronRightIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ React35.createElement(
+    /* @__PURE__ */ React36.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -2697,9 +2734,9 @@ function ChevronRightIcon({ className, ...props }) {
 }
 
 // src/components/icons/CloseIcon.tsx
-import React36 from "react";
+import React37 from "react";
 function CloseIcon({ className, ...props }) {
-  return /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React37.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2708,7 +2745,7 @@ function CloseIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       "path",
       {
         d: "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"
@@ -2718,9 +2755,9 @@ function CloseIcon({ className, ...props }) {
 }
 
 // src/components/icons/ExpandIcon.tsx
-import React37 from "react";
+import React38 from "react";
 function ExpandIcon({ className, ...props }) {
-  return /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React38.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2729,7 +2766,7 @@ function ExpandIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ React37.createElement(
+    /* @__PURE__ */ React38.createElement(
       "path",
       {
         d: "M13.28 7.78l3.22-3.22v2.69a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.69l-3.22 3.22a.75.75 0 001.06 1.06zM2 17.25v-4.5a.75.75 0 011.5 0v2.69l3.22-3.22a.75.75 0 011.06 1.06L4.56 16.5h2.69a.75.75 0 010 1.5h-4.5a.75.75 0 01-.75-.75z"
@@ -2739,9 +2776,9 @@ function ExpandIcon({ className, ...props }) {
 }
 
 // src/components/icons/HistoryIcon.tsx
-import React38 from "react";
+import React39 from "react";
 function HistoryIcon({ className, ...props }) {
-  return /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React39.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2750,7 +2787,7 @@ function HistoryIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ React38.createElement(
+    /* @__PURE__ */ React39.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -2762,9 +2799,9 @@ function HistoryIcon({ className, ...props }) {
 }
 
 // src/components/icons/LayersIcon.tsx
-import React39 from "react";
+import React40 from "react";
 function LayersIcon({ className, ...props }) {
-  return /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React40.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2773,19 +2810,19 @@ function LayersIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ React39.createElement(
+    /* @__PURE__ */ React40.createElement(
       "path",
       {
         d: "M3.196 12.87l-.825.483a.75.75 0 000 1.294l7.25 4.25a.75.75 0 00.758 0l7.25-4.25a.75.75 0 000-1.294l-.825-.484-5.666 3.322a2.25 2.25 0 01-2.276 0L3.196 12.87z"
       }
     ),
-    /* @__PURE__ */ React39.createElement(
+    /* @__PURE__ */ React40.createElement(
       "path",
       {
         d: "M3.196 8.87l-.825.483a.75.75 0 000 1.294l7.25 4.25a.75.75 0 00.758 0l7.25-4.25a.75.75 0 000-1.294l-.825-.484-5.666 3.322a2.25 2.25 0 01-2.276 0L3.196 8.87z"
       }
     ),
-    /* @__PURE__ */ React39.createElement(
+    /* @__PURE__ */ React40.createElement(
       "path",
       {
         d: "M10.38 1.103a.75.75 0 00-.76 0l-7.25 4.25a.75.75 0 000 1.294l7.25 4.25a.75.75 0 00.76 0l7.25-4.25a.75.75 0 000-1.294l-7.25-4.25z"
@@ -2795,9 +2832,9 @@ function LayersIcon({ className, ...props }) {
 }
 
 // src/components/icons/MediaIcon.tsx
-import React40 from "react";
+import React41 from "react";
 function MediaIcon({ className, ...props }) {
-  return /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React41.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2806,7 +2843,7 @@ function MediaIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ React40.createElement(
+    /* @__PURE__ */ React41.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -2818,9 +2855,9 @@ function MediaIcon({ className, ...props }) {
 }
 
 // src/components/icons/PlusIcon.tsx
-import React41 from "react";
+import React42 from "react";
 function PlusIcon({ className, ...props }) {
-  return /* @__PURE__ */ React41.createElement(
+  return /* @__PURE__ */ React42.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2829,7 +2866,7 @@ function PlusIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ React41.createElement(
+    /* @__PURE__ */ React42.createElement(
       "path",
       {
         d: "M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z"
@@ -2839,9 +2876,9 @@ function PlusIcon({ className, ...props }) {
 }
 
 // src/components/icons/CheckSquareIcon.tsx
-import React42 from "react";
+import React43 from "react";
 function CheckSquareIcon({ className, ...props }) {
-  return /* @__PURE__ */ React42.createElement(
+  return /* @__PURE__ */ React43.createElement(
     "div",
     {
       className: cx(
@@ -2850,14 +2887,14 @@ function CheckSquareIcon({ className, ...props }) {
       ),
       ...props
     },
-    /* @__PURE__ */ React42.createElement(
+    /* @__PURE__ */ React43.createElement(
       "svg",
       {
         viewBox: "0 0 16 16",
         fill: "none",
         className: "absolute inset-0 w-full h-full p-0.5"
       },
-      /* @__PURE__ */ React42.createElement(
+      /* @__PURE__ */ React43.createElement(
         "path",
         {
           d: "M3 8l3 3 7-7",
@@ -2873,9 +2910,9 @@ function CheckSquareIcon({ className, ...props }) {
 }
 
 // src/components/icons/EmptySquareIcon.tsx
-import React43 from "react";
+import React44 from "react";
 function EmptySquareIcon({ className, ...props }) {
-  return /* @__PURE__ */ React43.createElement(
+  return /* @__PURE__ */ React44.createElement(
     "div",
     {
       className: cx(
@@ -2888,9 +2925,9 @@ function EmptySquareIcon({ className, ...props }) {
 }
 
 // src/components/icons/CrossSquareIcon.tsx
-import React44 from "react";
+import React45 from "react";
 function CrossSquareIcon({ className, variant = "cancelled", ...props }) {
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     "div",
     {
       className: cx(
@@ -2900,14 +2937,14 @@ function CrossSquareIcon({ className, variant = "cancelled", ...props }) {
       ),
       ...props
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       "svg",
       {
         viewBox: "0 0 16 16",
         fill: "none",
         className: "absolute inset-0 w-full h-full p-0.5"
       },
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(
         "path",
         {
           d: "M4 4l8 8M12 4l-8 8",
@@ -2922,15 +2959,15 @@ function CrossSquareIcon({ className, variant = "cancelled", ...props }) {
 }
 
 // src/components/icons/SquareLoaderIcon.tsx
-import React45 from "react";
+import React46 from "react";
 function SquareLoaderIcon({ className, ...props }) {
-  return /* @__PURE__ */ React45.createElement("div", { className: cx("relative w-4 h-4 flex-shrink-0", className), ...props }, /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React46.createElement("div", { className: cx("relative w-4 h-4 flex-shrink-0", className), ...props }, /* @__PURE__ */ React46.createElement(
     "svg",
     {
       viewBox: "0 0 16 16",
       className: "w-full h-full animate-snake-spin"
     },
-    /* @__PURE__ */ React45.createElement(
+    /* @__PURE__ */ React46.createElement(
       "rect",
       {
         x: "1",
@@ -2943,7 +2980,7 @@ function SquareLoaderIcon({ className, ...props }) {
         className: "text-ash/40"
       }
     ),
-    /* @__PURE__ */ React45.createElement(
+    /* @__PURE__ */ React46.createElement(
       "rect",
       {
         x: "1",
@@ -2975,7 +3012,7 @@ function Lightbox({
       onClose();
     }
   }, [onClose]);
-  return /* @__PURE__ */ React46.createElement(
+  return /* @__PURE__ */ React47.createElement(
     "div",
     {
       className: cx(
@@ -2987,7 +3024,7 @@ function Lightbox({
       role: "dialog",
       "aria-modal": "true"
     },
-    /* @__PURE__ */ React46.createElement(
+    /* @__PURE__ */ React47.createElement(
       "div",
       {
         className: cx(
@@ -2996,18 +3033,18 @@ function Lightbox({
           "group/actions hover:border-gold/40 transition-colors"
         )
       },
-      actions && /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement("div", { className: "flex items-center gap-1 px-1 py-1" }, actions), /* @__PURE__ */ React46.createElement("div", { className: "w-px self-stretch bg-ash/40" })),
-      /* @__PURE__ */ React46.createElement(
+      actions && /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement("div", { className: "flex items-center gap-1 px-1 py-1" }, actions), /* @__PURE__ */ React47.createElement("div", { className: "w-px self-stretch bg-ash/40" })),
+      /* @__PURE__ */ React47.createElement(
         "button",
         {
           onClick: onClose,
           "aria-label": "Close",
           className: "p-2 text-silver hover:text-white hover:bg-ash/20 transition-colors"
         },
-        /* @__PURE__ */ React46.createElement(CloseIcon, { className: "w-5 h-5" })
+        /* @__PURE__ */ React47.createElement(CloseIcon, { className: "w-5 h-5" })
       )
     ),
-    /* @__PURE__ */ React46.createElement(
+    /* @__PURE__ */ React47.createElement(
       "div",
       {
         className: "relative w-11/12 h-11/12 max-w-7xl flex items-center justify-center animate-lightbox-in",
@@ -3015,12 +3052,12 @@ function Lightbox({
       },
       children
     ),
-    caption && /* @__PURE__ */ React46.createElement("div", { className: "absolute bottom-6 left-0 right-0 text-center pointer-events-none px-4" }, caption)
+    caption && /* @__PURE__ */ React47.createElement("div", { className: "absolute bottom-6 left-0 right-0 text-center pointer-events-none px-4" }, caption)
   );
 }
 
 // src/components/Drawer.tsx
-import React47, { useEffect as useEffect5, useState as useState9 } from "react";
+import React48, { useEffect as useEffect5, useState as useState9 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
 import { X as X5 } from "lucide-react";
 var SIZE_MAP2 = {
@@ -3085,7 +3122,7 @@ var Drawer = ({
   if (!mounted) {
     return null;
   }
-  const content = /* @__PURE__ */ React47.createElement(
+  const content = /* @__PURE__ */ React48.createElement(
     "div",
     {
       className: cx(
@@ -3093,7 +3130,7 @@ var Drawer = ({
         isOpen ? "pointer-events-auto" : "pointer-events-none"
       )
     },
-    /* @__PURE__ */ React47.createElement(
+    /* @__PURE__ */ React48.createElement(
       "div",
       {
         className: cx(
@@ -3104,7 +3141,7 @@ var Drawer = ({
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ React47.createElement(
+    /* @__PURE__ */ React48.createElement(
       "div",
       {
         role: "dialog",
@@ -3122,16 +3159,16 @@ var Drawer = ({
           className
         )
       },
-      /* @__PURE__ */ React47.createElement("div", { className: "flex items-center justify-between px-4 py-3 border-b border-ash" }, title ? /* @__PURE__ */ React47.createElement("h2", { className: "text-lg font-semibold text-white m-0" }, title) : /* @__PURE__ */ React47.createElement("div", null), /* @__PURE__ */ React47.createElement(
+      /* @__PURE__ */ React48.createElement("div", { className: "flex items-center justify-between px-4 py-3 border-b border-ash" }, title ? /* @__PURE__ */ React48.createElement("h2", { className: "text-lg font-semibold text-white m-0" }, title) : /* @__PURE__ */ React48.createElement("div", null), /* @__PURE__ */ React48.createElement(
         "button",
         {
           onClick: onClose,
           className: "text-silver hover:text-white transition-colors"
         },
-        /* @__PURE__ */ React47.createElement(X5, { className: "h-5 w-5" }),
-        /* @__PURE__ */ React47.createElement("span", { className: "sr-only" }, "Close")
+        /* @__PURE__ */ React48.createElement(X5, { className: "h-5 w-5" }),
+        /* @__PURE__ */ React48.createElement("span", { className: "sr-only" }, "Close")
       )),
-      /* @__PURE__ */ React47.createElement("div", { className: "flex-1 overflow-auto p-4" }, children)
+      /* @__PURE__ */ React48.createElement("div", { className: "flex-1 overflow-auto p-4" }, children)
     )
   );
   return createPortal3(content, document.body);
@@ -3139,7 +3176,7 @@ var Drawer = ({
 Drawer.displayName = "Drawer";
 
 // src/components/Popover.tsx
-import React48, { useCallback as useCallback9, useId as useId3, useRef as useRef5, useState as useState10 } from "react";
+import React49, { useCallback as useCallback9, useId as useId3, useRef as useRef5, useState as useState10 } from "react";
 var POSITION_CLASSES3 = {
   top: {
     start: "bottom-full left-0 mb-2",
@@ -3191,14 +3228,14 @@ var Popover = ({
   const handleTriggerClick = () => {
     setIsOpen(!isOpen);
   };
-  const triggerElement = React48.cloneElement(trigger, {
+  const triggerElement = React49.cloneElement(trigger, {
     onClick: handleTriggerClick,
     "aria-haspopup": "dialog",
     "aria-expanded": isOpen,
     "aria-controls": `${baseId}-popover`,
     id: `${baseId}-trigger`
   });
-  return /* @__PURE__ */ React48.createElement("div", { ref: containerRef, className: "relative inline-block" }, triggerElement, isOpen && /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React49.createElement("div", { ref: containerRef, className: "relative inline-block" }, triggerElement, isOpen && /* @__PURE__ */ React49.createElement(
     "div",
     {
       id: `${baseId}-popover`,
@@ -3217,7 +3254,7 @@ var Popover = ({
 Popover.displayName = "Popover";
 
 // src/components/Dialog.tsx
-import React49, { useCallback as useCallback10 } from "react";
+import React50, { useCallback as useCallback10 } from "react";
 var ConfirmDialog = ({
   title = "Confirm",
   description,
@@ -3238,7 +3275,7 @@ var ConfirmDialog = ({
     await onConfirm();
     onClose();
   }, [onConfirm, onClose]);
-  return /* @__PURE__ */ React49.createElement(Modal, { title, onClose, ...props }, description && /* @__PURE__ */ React49.createElement("p", { className: "text-sm text-silver mb-6" }, description), /* @__PURE__ */ React49.createElement("div", { className: "flex justify-end gap-3" }, /* @__PURE__ */ React49.createElement(Button, { variant: "outlined", onClick: handleCancel, disabled: isLoading }, cancelText), /* @__PURE__ */ React49.createElement(
+  return /* @__PURE__ */ React50.createElement(Modal, { title, onClose, ...props }, description && /* @__PURE__ */ React50.createElement("p", { className: "text-sm text-silver mb-6" }, description), /* @__PURE__ */ React50.createElement("div", { className: "flex justify-end gap-3" }, /* @__PURE__ */ React50.createElement(Button, { variant: "outlined", onClick: handleCancel, disabled: isLoading }, cancelText), /* @__PURE__ */ React50.createElement(
     Button,
     {
       variant: confirmVariant,
@@ -3261,7 +3298,7 @@ var AlertDialog = ({
     variant === "warning" && "text-warning",
     variant === "error" && "text-error"
   );
-  return /* @__PURE__ */ React49.createElement(Modal, { onClose, ...props }, /* @__PURE__ */ React49.createElement("h3", { className: cx("text-xl font-semibold mb-2", titleClass) }, title), description && /* @__PURE__ */ React49.createElement("p", { className: "text-sm text-silver mb-6" }, description), /* @__PURE__ */ React49.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ React49.createElement(Button, { variant: "primary", onClick: onClose }, acknowledgeText)));
+  return /* @__PURE__ */ React50.createElement(Modal, { onClose, ...props }, /* @__PURE__ */ React50.createElement("h3", { className: cx("text-xl font-semibold mb-2", titleClass) }, title), description && /* @__PURE__ */ React50.createElement("p", { className: "text-sm text-silver mb-6" }, description), /* @__PURE__ */ React50.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ React50.createElement(Button, { variant: "primary", onClick: onClose }, acknowledgeText)));
 };
 AlertDialog.displayName = "AlertDialog";
 var PromptDialog = ({
@@ -3277,7 +3314,7 @@ var PromptDialog = ({
   isLoading = false,
   ...props
 }) => {
-  const [value, setValue] = React49.useState(defaultValue);
+  const [value, setValue] = React50.useState(defaultValue);
   const handleCancel = useCallback10(() => {
     onCancel?.();
     onClose();
@@ -3290,7 +3327,7 @@ var PromptDialog = ({
     },
     [onSubmit, value, onClose]
   );
-  return /* @__PURE__ */ React49.createElement(Modal, { title, onClose, ...props }, /* @__PURE__ */ React49.createElement("form", { onSubmit: handleSubmit }, description && /* @__PURE__ */ React49.createElement("p", { className: "text-sm text-silver mb-4" }, description), /* @__PURE__ */ React49.createElement(
+  return /* @__PURE__ */ React50.createElement(Modal, { title, onClose, ...props }, /* @__PURE__ */ React50.createElement("form", { onSubmit: handleSubmit }, description && /* @__PURE__ */ React50.createElement("p", { className: "text-sm text-silver mb-4" }, description), /* @__PURE__ */ React50.createElement(
     "input",
     {
       type: "text",
@@ -3305,7 +3342,7 @@ var PromptDialog = ({
       ),
       autoFocus: true
     }
-  ), /* @__PURE__ */ React49.createElement("div", { className: "flex justify-end gap-3" }, /* @__PURE__ */ React49.createElement(
+  ), /* @__PURE__ */ React50.createElement("div", { className: "flex justify-end gap-3" }, /* @__PURE__ */ React50.createElement(
     Button,
     {
       type: "button",
@@ -3314,12 +3351,12 @@ var PromptDialog = ({
       disabled: isLoading
     },
     cancelText
-  ), /* @__PURE__ */ React49.createElement(Button, { type: "submit", variant: "important", loading: isLoading }, submitText))));
+  ), /* @__PURE__ */ React50.createElement(Button, { type: "submit", variant: "important", loading: isLoading }, submitText))));
 };
 PromptDialog.displayName = "PromptDialog";
 
 // src/components/Tabs.tsx
-import React50, { createContext as createContext3, useCallback as useCallback11, useContext as useContext3, useId as useId4, useState as useState11 } from "react";
+import React51, { createContext as createContext3, useCallback as useCallback11, useContext as useContext3, useId as useId4, useState as useState11 } from "react";
 var TabsContext = createContext3(null);
 function useTabsContext() {
   const context = useContext3(TabsContext);
@@ -3328,7 +3365,7 @@ function useTabsContext() {
   }
   return context;
 }
-var Tabs = React50.forwardRef(
+var Tabs = React51.forwardRef(
   ({ defaultValue, value, onValueChange, children, className, ...props }, ref) => {
     const [internalValue, setInternalValue] = useState11(defaultValue ?? "");
     const isControlled = value !== void 0;
@@ -3343,13 +3380,13 @@ var Tabs = React50.forwardRef(
       },
       [isControlled, onValueChange]
     );
-    return /* @__PURE__ */ React50.createElement(TabsContext.Provider, { value: { activeTab, setActiveTab, baseId } }, /* @__PURE__ */ React50.createElement("div", { ref, className: cx("w-full", className), ...props }, children));
+    return /* @__PURE__ */ React51.createElement(TabsContext.Provider, { value: { activeTab, setActiveTab, baseId } }, /* @__PURE__ */ React51.createElement("div", { ref, className: cx("w-full", className), ...props }, children));
   }
 );
 Tabs.displayName = "Tabs";
-var TabList = React50.forwardRef(
+var TabList = React51.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ React50.createElement(
+    return /* @__PURE__ */ React51.createElement(
       "div",
       {
         ref,
@@ -3365,13 +3402,13 @@ var TabList = React50.forwardRef(
   }
 );
 TabList.displayName = "TabList";
-var Tab = React50.forwardRef(
+var Tab = React51.forwardRef(
   ({ value, children, className, disabled, ...props }, ref) => {
     const { activeTab, setActiveTab, baseId } = useTabsContext();
     const isActive = activeTab === value;
     const panelId = `${baseId}-panel-${value}`;
     const tabId = `${baseId}-tab-${value}`;
-    return /* @__PURE__ */ React50.createElement(
+    return /* @__PURE__ */ React51.createElement(
       "button",
       {
         ref,
@@ -3398,7 +3435,7 @@ var Tab = React50.forwardRef(
   }
 );
 Tab.displayName = "Tab";
-var TabPanel = React50.forwardRef(
+var TabPanel = React51.forwardRef(
   ({ value, forceMount = false, children, className, ...props }, ref) => {
     const { activeTab, baseId } = useTabsContext();
     const isActive = activeTab === value;
@@ -3407,7 +3444,7 @@ var TabPanel = React50.forwardRef(
     if (!isActive && !forceMount) {
       return null;
     }
-    return /* @__PURE__ */ React50.createElement(
+    return /* @__PURE__ */ React51.createElement(
       "div",
       {
         ref,
@@ -3430,7 +3467,7 @@ var TabPanel = React50.forwardRef(
 TabPanel.displayName = "TabPanel";
 
 // src/components/Accordion.tsx
-import React51, { createContext as createContext4, useCallback as useCallback12, useContext as useContext4, useId as useId5, useState as useState12 } from "react";
+import React52, { createContext as createContext4, useCallback as useCallback12, useContext as useContext4, useId as useId5, useState as useState12 } from "react";
 import { ChevronDown } from "lucide-react";
 var AccordionContext = createContext4(null);
 function useAccordionContext() {
@@ -3440,7 +3477,7 @@ function useAccordionContext() {
   }
   return context;
 }
-var Accordion = React51.forwardRef(
+var Accordion = React52.forwardRef(
   ({ type = "single", defaultValue, value, onValueChange, children, className, ...props }, ref) => {
     const [internalValue, setInternalValue] = useState12(() => {
       if (defaultValue) {
@@ -3469,7 +3506,7 @@ var Accordion = React51.forwardRef(
       },
       [expandedItems, type, isControlled, onValueChange]
     );
-    return /* @__PURE__ */ React51.createElement(AccordionContext.Provider, { value: { expandedItems, toggleItem, type } }, /* @__PURE__ */ React51.createElement(
+    return /* @__PURE__ */ React52.createElement(AccordionContext.Provider, { value: { expandedItems, toggleItem, type } }, /* @__PURE__ */ React52.createElement(
       "div",
       {
         ref,
@@ -3482,9 +3519,9 @@ var Accordion = React51.forwardRef(
 );
 Accordion.displayName = "Accordion";
 var AccordionItemContext = createContext4(null);
-var AccordionItem = React51.forwardRef(
+var AccordionItem = React52.forwardRef(
   ({ value, disabled = false, children, className, ...props }, ref) => {
-    return /* @__PURE__ */ React51.createElement(AccordionItemContext.Provider, { value: { value, disabled } }, /* @__PURE__ */ React51.createElement(
+    return /* @__PURE__ */ React52.createElement(AccordionItemContext.Provider, { value: { value, disabled } }, /* @__PURE__ */ React52.createElement(
       "div",
       {
         ref,
@@ -3497,7 +3534,7 @@ var AccordionItem = React51.forwardRef(
   }
 );
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React51.forwardRef(
+var AccordionTrigger = React52.forwardRef(
   ({ children, className, ...props }, ref) => {
     const { expandedItems, toggleItem } = useAccordionContext();
     const itemContext = useContext4(AccordionItemContext);
@@ -3507,7 +3544,7 @@ var AccordionTrigger = React51.forwardRef(
     }
     const { value, disabled } = itemContext;
     const isExpanded = expandedItems.has(value);
-    return /* @__PURE__ */ React51.createElement("h3", { className: "m-0" }, /* @__PURE__ */ React51.createElement(
+    return /* @__PURE__ */ React52.createElement("h3", { className: "m-0" }, /* @__PURE__ */ React52.createElement(
       "button",
       {
         ref,
@@ -3528,8 +3565,8 @@ var AccordionTrigger = React51.forwardRef(
         ),
         ...props
       },
-      /* @__PURE__ */ React51.createElement("span", null, children),
-      /* @__PURE__ */ React51.createElement(
+      /* @__PURE__ */ React52.createElement("span", null, children),
+      /* @__PURE__ */ React52.createElement(
         ChevronDown,
         {
           className: cx(
@@ -3542,7 +3579,7 @@ var AccordionTrigger = React51.forwardRef(
   }
 );
 AccordionTrigger.displayName = "AccordionTrigger";
-var AccordionContent = React51.forwardRef(
+var AccordionContent = React52.forwardRef(
   ({ children, className, ...props }, ref) => {
     const { expandedItems } = useAccordionContext();
     const itemContext = useContext4(AccordionItemContext);
@@ -3552,7 +3589,7 @@ var AccordionContent = React51.forwardRef(
     }
     const { value } = itemContext;
     const isExpanded = expandedItems.has(value);
-    return /* @__PURE__ */ React51.createElement(
+    return /* @__PURE__ */ React52.createElement(
       "div",
       {
         ref,
@@ -3567,14 +3604,14 @@ var AccordionContent = React51.forwardRef(
         ),
         ...props
       },
-      /* @__PURE__ */ React51.createElement("div", { className: "px-4 pb-4 text-sm text-silver" }, children)
+      /* @__PURE__ */ React52.createElement("div", { className: "px-4 pb-4 text-sm text-silver" }, children)
     );
   }
 );
 AccordionContent.displayName = "AccordionContent";
 
 // src/components/Menu.tsx
-import React52, {
+import React53, {
   createContext as createContext5,
   useCallback as useCallback13,
   useContext as useContext5,
@@ -3605,7 +3642,7 @@ var Menu = ({ children, open, onOpenChange }) => {
     },
     [isControlled, onOpenChange]
   );
-  return /* @__PURE__ */ React52.createElement(
+  return /* @__PURE__ */ React53.createElement(
     MenuContext.Provider,
     {
       value: {
@@ -3615,11 +3652,11 @@ var Menu = ({ children, open, onOpenChange }) => {
         menuId: `${baseId}-menu`
       }
     },
-    /* @__PURE__ */ React52.createElement("div", { className: "relative inline-block" }, children)
+    /* @__PURE__ */ React53.createElement("div", { className: "relative inline-block" }, children)
   );
 };
 Menu.displayName = "Menu";
-var MenuTrigger = React52.forwardRef(
+var MenuTrigger = React53.forwardRef(
   ({ children, className, asChild, ...props }, ref) => {
     const { isOpen, setIsOpen, triggerId, menuId } = useMenuContext();
     const handleClick = (e) => {
@@ -3627,7 +3664,7 @@ var MenuTrigger = React52.forwardRef(
       setIsOpen(!isOpen);
       props.onClick?.(e);
     };
-    return /* @__PURE__ */ React52.createElement(
+    return /* @__PURE__ */ React53.createElement(
       "button",
       {
         ref,
@@ -3657,7 +3694,7 @@ var MENU_SIDE_CLASSES = {
   top: "bottom-full mb-1",
   bottom: "top-full mt-1"
 };
-var MenuContent = React52.forwardRef(
+var MenuContent = React53.forwardRef(
   ({ children, className, align = "start", side = "bottom", ...props }, ref) => {
     const { isOpen, setIsOpen, triggerId, menuId } = useMenuContext();
     const menuRef = useRef6(null);
@@ -3680,7 +3717,7 @@ var MenuContent = React52.forwardRef(
     if (!isOpen) {
       return null;
     }
-    return /* @__PURE__ */ React52.createElement(
+    return /* @__PURE__ */ React53.createElement(
       "div",
       {
         ref: composeRefs(menuRef, ref),
@@ -3702,7 +3739,7 @@ var MenuContent = React52.forwardRef(
   }
 );
 MenuContent.displayName = "MenuContent";
-var MenuItem = React52.forwardRef(
+var MenuItem = React53.forwardRef(
   ({ children, className, icon, destructive, disabled, onClick, ...props }, ref) => {
     const { setIsOpen } = useMenuContext();
     const handleClick = (e) => {
@@ -3712,7 +3749,7 @@ var MenuItem = React52.forwardRef(
       onClick?.(e);
       setIsOpen(false);
     };
-    return /* @__PURE__ */ React52.createElement(
+    return /* @__PURE__ */ React53.createElement(
       "button",
       {
         ref,
@@ -3730,13 +3767,13 @@ var MenuItem = React52.forwardRef(
         ),
         ...props
       },
-      icon && /* @__PURE__ */ React52.createElement("span", { className: "w-4 h-4 shrink-0" }, icon),
+      icon && /* @__PURE__ */ React53.createElement("span", { className: "w-4 h-4 shrink-0" }, icon),
       children
     );
   }
 );
 MenuItem.displayName = "MenuItem";
-var MenuSeparator = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React52.createElement(
+var MenuSeparator = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React53.createElement(
   "div",
   {
     ref,
@@ -3746,7 +3783,7 @@ var MenuSeparator = React52.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 MenuSeparator.displayName = "MenuSeparator";
-var MenuLabel = React52.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React52.createElement(
+var MenuLabel = React53.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React53.createElement(
   "div",
   {
     ref,
@@ -3758,10 +3795,10 @@ var MenuLabel = React52.forwardRef(({ className, children, ...props }, ref) => /
 MenuLabel.displayName = "MenuLabel";
 
 // src/components/Navbar.tsx
-import React53 from "react";
-var Navbar = React53.forwardRef(
+import React54 from "react";
+var Navbar = React54.forwardRef(
   ({ fixed = false, bordered = true, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ React53.createElement(
+    return /* @__PURE__ */ React54.createElement(
       "nav",
       {
         ref,
@@ -3773,14 +3810,14 @@ var Navbar = React53.forwardRef(
         ),
         ...props
       },
-      /* @__PURE__ */ React53.createElement("div", { className: "flex items-center justify-between" }, children)
+      /* @__PURE__ */ React54.createElement("div", { className: "flex items-center justify-between" }, children)
     );
   }
 );
 Navbar.displayName = "Navbar";
-var NavbarBrand = React53.forwardRef(
+var NavbarBrand = React54.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ React53.createElement(
+    return /* @__PURE__ */ React54.createElement(
       "div",
       {
         ref,
@@ -3792,14 +3829,14 @@ var NavbarBrand = React53.forwardRef(
   }
 );
 NavbarBrand.displayName = "NavbarBrand";
-var NavbarContent = React53.forwardRef(
+var NavbarContent = React54.forwardRef(
   ({ position = "center", className, children, ...props }, ref) => {
     const positionClasses = {
       start: "mr-auto",
       center: "mx-auto",
       end: "ml-auto"
     };
-    return /* @__PURE__ */ React53.createElement(
+    return /* @__PURE__ */ React54.createElement(
       "div",
       {
         ref,
@@ -3815,9 +3852,9 @@ var NavbarContent = React53.forwardRef(
   }
 );
 NavbarContent.displayName = "NavbarContent";
-var NavbarItem = React53.forwardRef(
+var NavbarItem = React54.forwardRef(
   ({ active = false, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ React53.createElement(
+    return /* @__PURE__ */ React54.createElement(
       "div",
       {
         ref,
@@ -3832,9 +3869,9 @@ var NavbarItem = React53.forwardRef(
   }
 );
 NavbarItem.displayName = "NavbarItem";
-var NavbarLink = React53.forwardRef(
+var NavbarLink = React54.forwardRef(
   ({ active = false, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ React53.createElement(
+    return /* @__PURE__ */ React54.createElement(
       "a",
       {
         ref,
@@ -3850,7 +3887,7 @@ var NavbarLink = React53.forwardRef(
   }
 );
 NavbarLink.displayName = "NavbarLink";
-var NavbarDivider = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React53.createElement(
+var NavbarDivider = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React54.createElement(
   "div",
   {
     ref,
@@ -3861,19 +3898,19 @@ var NavbarDivider = React53.forwardRef(({ className, ...props }, ref) => /* @__P
 NavbarDivider.displayName = "NavbarDivider";
 
 // src/components/Breadcrumb.tsx
-import React54 from "react";
+import React55 from "react";
 import { ChevronRight } from "lucide-react";
-var Breadcrumb = React54.forwardRef(
+var Breadcrumb = React55.forwardRef(
   ({ separator, className, children, ...props }, ref) => {
-    const items = React54.Children.toArray(children);
-    const defaultSeparator = /* @__PURE__ */ React54.createElement(ChevronRight, { className: "h-4 w-4 text-ash" });
-    return /* @__PURE__ */ React54.createElement("nav", { ref, "aria-label": "Breadcrumb", className, ...props }, /* @__PURE__ */ React54.createElement("ol", { className: "flex items-center gap-2" }, items.map((child, index) => /* @__PURE__ */ React54.createElement("li", { key: index, className: "flex items-center gap-2" }, child, index < items.length - 1 && /* @__PURE__ */ React54.createElement("span", { "aria-hidden": "true" }, separator ?? defaultSeparator)))));
+    const items = React55.Children.toArray(children);
+    const defaultSeparator = /* @__PURE__ */ React55.createElement(ChevronRight, { className: "h-4 w-4 text-ash" });
+    return /* @__PURE__ */ React55.createElement("nav", { ref, "aria-label": "Breadcrumb", className, ...props }, /* @__PURE__ */ React55.createElement("ol", { className: "flex items-center gap-2" }, items.map((child, index) => /* @__PURE__ */ React55.createElement("li", { key: index, className: "flex items-center gap-2" }, child, index < items.length - 1 && /* @__PURE__ */ React55.createElement("span", { "aria-hidden": "true" }, separator ?? defaultSeparator)))));
   }
 );
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbItem = React54.forwardRef(
+var BreadcrumbItem = React55.forwardRef(
   ({ current = false, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ React54.createElement(
+    return /* @__PURE__ */ React55.createElement(
       "span",
       {
         ref,
@@ -3890,9 +3927,9 @@ var BreadcrumbItem = React54.forwardRef(
   }
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React54.forwardRef(
+var BreadcrumbLink = React55.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ React54.createElement(
+    return /* @__PURE__ */ React55.createElement(
       "a",
       {
         ref,
@@ -3909,7 +3946,7 @@ var BreadcrumbLink = React54.forwardRef(
 BreadcrumbLink.displayName = "BreadcrumbLink";
 
 // src/components/Pagination.tsx
-import React55 from "react";
+import React56 from "react";
 import { ChevronLeft, ChevronRight as ChevronRight2, MoreHorizontal } from "lucide-react";
 function generatePagination(currentPage, totalPages, siblingCount) {
   const totalSlots = siblingCount * 2 + 5;
@@ -3939,7 +3976,7 @@ function generatePagination(currentPage, totalPages, siblingCount) {
   );
   return [1, "ellipsis", ...middleRange, "ellipsis", totalPages];
 }
-var Pagination = React55.forwardRef(
+var Pagination = React56.forwardRef(
   ({
     page,
     totalPages,
@@ -3951,7 +3988,7 @@ var Pagination = React55.forwardRef(
   }, ref) => {
     const pages = generatePagination(page, totalPages, siblingCount);
     const buttonBaseClass = "flex items-center justify-center h-8 min-w-8 px-2 text-sm border border-ash transition-colors duration-fast focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gold";
-    return /* @__PURE__ */ React55.createElement(
+    return /* @__PURE__ */ React56.createElement(
       "nav",
       {
         ref,
@@ -3960,7 +3997,7 @@ var Pagination = React55.forwardRef(
         className: cx("flex items-center gap-1", className),
         ...props
       },
-      /* @__PURE__ */ React55.createElement(
+      /* @__PURE__ */ React56.createElement(
         "button",
         {
           type: "button",
@@ -3973,17 +4010,17 @@ var Pagination = React55.forwardRef(
             page <= 1 && "opacity-50 cursor-not-allowed hover:border-ash"
           )
         },
-        /* @__PURE__ */ React55.createElement(ChevronLeft, { className: "h-4 w-4" })
+        /* @__PURE__ */ React56.createElement(ChevronLeft, { className: "h-4 w-4" })
       ),
       pages.map(
-        (pageNum, index) => pageNum === "ellipsis" ? /* @__PURE__ */ React55.createElement(
+        (pageNum, index) => pageNum === "ellipsis" ? /* @__PURE__ */ React56.createElement(
           "span",
           {
             key: `ellipsis-${index}`,
             className: "flex items-center justify-center h-8 w-8 text-silver"
           },
-          /* @__PURE__ */ React55.createElement(MoreHorizontal, { className: "h-4 w-4" })
-        ) : /* @__PURE__ */ React55.createElement(
+          /* @__PURE__ */ React56.createElement(MoreHorizontal, { className: "h-4 w-4" })
+        ) : /* @__PURE__ */ React56.createElement(
           "button",
           {
             key: pageNum,
@@ -3999,7 +4036,7 @@ var Pagination = React55.forwardRef(
           pageNum
         )
       ),
-      /* @__PURE__ */ React55.createElement(
+      /* @__PURE__ */ React56.createElement(
         "button",
         {
           type: "button",
@@ -4012,7 +4049,7 @@ var Pagination = React55.forwardRef(
             page >= totalPages && "opacity-50 cursor-not-allowed hover:border-ash"
           )
         },
-        /* @__PURE__ */ React55.createElement(ChevronRight2, { className: "h-4 w-4" })
+        /* @__PURE__ */ React56.createElement(ChevronRight2, { className: "h-4 w-4" })
       )
     );
   }
@@ -4020,9 +4057,9 @@ var Pagination = React55.forwardRef(
 Pagination.displayName = "Pagination";
 
 // src/components/Stepper.tsx
-import React56 from "react";
+import React57 from "react";
 import { Check as Check2 } from "lucide-react";
-var Stepper = React56.forwardRef(
+var Stepper = React57.forwardRef(
   ({ steps, currentStep, status, className, ...rest }, ref) => {
     const currentIndex = steps.findIndex((step) => step.id === currentStep);
     const getStepState = (index) => {
@@ -4034,7 +4071,7 @@ var Stepper = React56.forwardRef(
       }
       return "future";
     };
-    return /* @__PURE__ */ React56.createElement(
+    return /* @__PURE__ */ React57.createElement(
       "div",
       {
         ref,
@@ -4044,7 +4081,7 @@ var Stepper = React56.forwardRef(
       steps.map((step, index) => {
         const state = getStepState(index);
         const isLast = index === steps.length - 1;
-        return /* @__PURE__ */ React56.createElement(React56.Fragment, { key: step.id }, /* @__PURE__ */ React56.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React56.createElement(
+        return /* @__PURE__ */ React57.createElement(React57.Fragment, { key: step.id }, /* @__PURE__ */ React57.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React57.createElement(
           "div",
           {
             className: cx(
@@ -4055,8 +4092,8 @@ var Stepper = React56.forwardRef(
               state === "future" && "bg-charcoal border-ash text-silver"
             )
           },
-          state === "complete" ? /* @__PURE__ */ React56.createElement(Check2, { className: "h-5 w-5" }) : /* @__PURE__ */ React56.createElement("span", null, index + 1)
-        ), /* @__PURE__ */ React56.createElement(
+          state === "complete" ? /* @__PURE__ */ React57.createElement(Check2, { className: "h-5 w-5" }) : /* @__PURE__ */ React57.createElement("span", null, index + 1)
+        ), /* @__PURE__ */ React57.createElement(
           "span",
           {
             className: cx(
@@ -4068,7 +4105,7 @@ var Stepper = React56.forwardRef(
             )
           },
           step.label
-        )), !isLast && /* @__PURE__ */ React56.createElement(
+        )), !isLast && /* @__PURE__ */ React57.createElement(
           "div",
           {
             className: cx(
@@ -4084,11 +4121,11 @@ var Stepper = React56.forwardRef(
 Stepper.displayName = "Stepper";
 
 // src/components/Message.tsx
-import React58, { useCallback as useCallback14, useEffect as useEffect7, useRef as useRef7, useState as useState14 } from "react";
+import React59, { useCallback as useCallback14, useEffect as useEffect7, useRef as useRef7, useState as useState14 } from "react";
 import { Check as Check3, ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight3, Copy, GitBranch, Pencil, RotateCcw, Send, X as X6 } from "lucide-react";
 
 // src/components/MarkdownContent.tsx
-import React57 from "react";
+import React58 from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 
@@ -4131,7 +4168,7 @@ function remarkMentions() {
 
 // src/components/MarkdownContent.tsx
 var CURSOR_BASE_CLASSES = "inline-block bg-current animate-cursor-blink w-0.5 h-cursor translate-y-cursor-offset";
-var MarkdownContent = React57.forwardRef(
+var MarkdownContent = React58.forwardRef(
   ({
     className,
     content,
@@ -4142,7 +4179,7 @@ var MarkdownContent = React57.forwardRef(
     ...rest
   }, ref) => {
     if (!isMarkdown) {
-      return /* @__PURE__ */ React57.createElement("div", { ref, className: cx("prose whitespace-pre-wrap", className), ...rest }, content, isStreaming && /* @__PURE__ */ React57.createElement(
+      return /* @__PURE__ */ React58.createElement("div", { ref, className: cx("prose whitespace-pre-wrap", className), ...rest }, content, isStreaming && /* @__PURE__ */ React58.createElement(
         "span",
         {
           "aria-hidden": "true",
@@ -4153,13 +4190,13 @@ var MarkdownContent = React57.forwardRef(
     const components = {
       // Harden external links so user-authored URLs don't open in the same tab
       // and can't reach `window.opener`.
-      a: ({ href, children }) => /* @__PURE__ */ React57.createElement("a", { href, target: "_blank", rel: "noopener noreferrer" }, children),
+      a: ({ href, children }) => /* @__PURE__ */ React58.createElement("a", { href, target: "_blank", rel: "noopener noreferrer" }, children),
       ...mentionRenderer && {
-        mention: ({ name }) => /* @__PURE__ */ React57.createElement(React57.Fragment, null, mentionRenderer(name))
+        mention: ({ name }) => /* @__PURE__ */ React58.createElement(React58.Fragment, null, mentionRenderer(name))
       }
     };
     const remarkPlugins = mentionRenderer ? [remarkGfm, remarkMentions] : [remarkGfm];
-    return /* @__PURE__ */ React57.createElement("div", { ref, className: cx("prose", className), ...rest }, /* @__PURE__ */ React57.createElement(ReactMarkdown, { remarkPlugins, components }, content), isStreaming && /* @__PURE__ */ React57.createElement(
+    return /* @__PURE__ */ React58.createElement("div", { ref, className: cx("prose", className), ...rest }, /* @__PURE__ */ React58.createElement(ReactMarkdown, { remarkPlugins, components }, content), isStreaming && /* @__PURE__ */ React58.createElement(
       "span",
       {
         "aria-hidden": "true",
@@ -4185,7 +4222,7 @@ var BRANCH_BUTTON_CLASSES = cx(
   "disabled:opacity-30 disabled:cursor-not-allowed disabled:hover:bg-transparent disabled:hover:text-silver/70"
 );
 function ActionButton({ onClick, label, children, disabled }) {
-  return /* @__PURE__ */ React58.createElement(
+  return /* @__PURE__ */ React59.createElement(
     "button",
     {
       type: "button",
@@ -4197,7 +4234,7 @@ function ActionButton({ onClick, label, children, disabled }) {
     children
   );
 }
-var Message = React58.forwardRef(
+var Message = React59.forwardRef(
   ({
     variant = "assistant",
     className,
@@ -4281,7 +4318,7 @@ var Message = React58.forwardRef(
       textarea.style.height = "auto";
       textarea.style.height = `${textarea.scrollHeight}px`;
     };
-    return /* @__PURE__ */ React58.createElement(
+    return /* @__PURE__ */ React59.createElement(
       "div",
       {
         ref,
@@ -4292,7 +4329,7 @@ var Message = React58.forwardRef(
         ),
         ...rest
       },
-      attachments && attachments.length > 0 && /* @__PURE__ */ React58.createElement("div", { className: cx("mb-1.5", isUser ? "self-end" : "self-start") }, /* @__PURE__ */ React58.createElement(
+      attachments && attachments.length > 0 && /* @__PURE__ */ React59.createElement("div", { className: cx("mb-1.5", isUser ? "self-end" : "self-start") }, /* @__PURE__ */ React59.createElement(
         AttachmentPreview,
         {
           attachments,
@@ -4300,7 +4337,7 @@ var Message = React58.forwardRef(
           onOpen: onAttachmentOpen
         }
       )),
-      isUser && isEditing ? /* @__PURE__ */ React58.createElement("div", { className: "w-full max-w-11/12" }, /* @__PURE__ */ React58.createElement("div", { className: "relative bg-gold" }, /* @__PURE__ */ React58.createElement(
+      isUser && isEditing ? /* @__PURE__ */ React59.createElement("div", { className: "w-full max-w-11/12" }, /* @__PURE__ */ React59.createElement("div", { className: "relative bg-gold" }, /* @__PURE__ */ React59.createElement(
         "textarea",
         {
           ref: textareaRef,
@@ -4310,7 +4347,7 @@ var Message = React58.forwardRef(
           className: "w-full bg-transparent text-obsidian px-3 py-2 pr-20 resize-none outline-none min-h-10 text-sm",
           rows: 1
         }
-      ), /* @__PURE__ */ React58.createElement("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex gap-0.5" }, /* @__PURE__ */ React58.createElement(
+      ), /* @__PURE__ */ React59.createElement("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex gap-0.5" }, /* @__PURE__ */ React59.createElement(
         "button",
         {
           type: "button",
@@ -4318,8 +4355,8 @@ var Message = React58.forwardRef(
           className: "p-1.5 text-obsidian/60 hover:text-obsidian transition-colors",
           "aria-label": "Cancel edit"
         },
-        /* @__PURE__ */ React58.createElement(X6, { className: "w-4 h-4" })
-      ), /* @__PURE__ */ React58.createElement(
+        /* @__PURE__ */ React59.createElement(X6, { className: "w-4 h-4" })
+      ), /* @__PURE__ */ React59.createElement(
         "button",
         {
           type: "button",
@@ -4328,8 +4365,8 @@ var Message = React58.forwardRef(
           className: "p-1.5 text-obsidian/60 hover:text-obsidian transition-colors disabled:opacity-30",
           "aria-label": "Submit edit"
         },
-        /* @__PURE__ */ React58.createElement(Send, { className: "w-4 h-4" })
-      )))) : /* @__PURE__ */ React58.createElement(
+        /* @__PURE__ */ React59.createElement(Send, { className: "w-4 h-4" })
+      )))) : /* @__PURE__ */ React59.createElement(
         "div",
         {
           className: cx(
@@ -4341,7 +4378,7 @@ var Message = React58.forwardRef(
           role: isJumpInteractive ? "button" : void 0,
           "aria-label": isJumpInteractive ? "Jump to this message" : void 0
         },
-        typeof content === "string" ? /* @__PURE__ */ React58.createElement(
+        typeof content === "string" ? /* @__PURE__ */ React59.createElement(
           MarkdownContent,
           {
             content,
@@ -4351,17 +4388,17 @@ var Message = React58.forwardRef(
           }
         ) : content
       ),
-      showActions && !isEditing && /* @__PURE__ */ React58.createElement("div", { className: cx(
+      showActions && !isEditing && /* @__PURE__ */ React59.createElement("div", { className: cx(
         "flex items-center gap-0.5 mt-1",
         isUser ? "mr-1" : "ml-1"
-      ) }, actions.showCopy !== false && /* @__PURE__ */ React58.createElement(
+      ) }, actions.showCopy !== false && /* @__PURE__ */ React59.createElement(
         ActionButton,
         {
           onClick: handleCopy,
           label: copied ? "Copied!" : "Copy message"
         },
-        copied ? /* @__PURE__ */ React58.createElement(Check3, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ React58.createElement(Copy, { className: "w-3.5 h-3.5" })
-      ), isUser && actions.onEdit && typeof content === "string" && /* @__PURE__ */ React58.createElement(ActionButton, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ React58.createElement(Pencil, { className: "w-3.5 h-3.5" })), !isUser && actions.onRetry && /* @__PURE__ */ React58.createElement(ActionButton, { onClick: actions.onRetry, label: "Regenerate response" }, /* @__PURE__ */ React58.createElement(RotateCcw, { className: "w-3.5 h-3.5" })), showBranchNav && /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement("div", { className: "w-px h-4 bg-ash/40 mx-1" }), /* @__PURE__ */ React58.createElement("div", { className: "flex items-center gap-0.5 text-silver/70" }, /* @__PURE__ */ React58.createElement(GitBranch, { className: "w-3 h-3 mr-0.5 text-silver/50" }), /* @__PURE__ */ React58.createElement(
+        copied ? /* @__PURE__ */ React59.createElement(Check3, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ React59.createElement(Copy, { className: "w-3.5 h-3.5" })
+      ), isUser && actions.onEdit && typeof content === "string" && /* @__PURE__ */ React59.createElement(ActionButton, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ React59.createElement(Pencil, { className: "w-3.5 h-3.5" })), !isUser && actions.onRetry && /* @__PURE__ */ React59.createElement(ActionButton, { onClick: actions.onRetry, label: "Regenerate response" }, /* @__PURE__ */ React59.createElement(RotateCcw, { className: "w-3.5 h-3.5" })), showBranchNav && /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement("div", { className: "w-px h-4 bg-ash/40 mx-1" }), /* @__PURE__ */ React59.createElement("div", { className: "flex items-center gap-0.5 text-silver/70" }, /* @__PURE__ */ React59.createElement(GitBranch, { className: "w-3 h-3 mr-0.5 text-silver/50" }), /* @__PURE__ */ React59.createElement(
         "button",
         {
           type: "button",
@@ -4370,8 +4407,8 @@ var Message = React58.forwardRef(
           className: BRANCH_BUTTON_CLASSES,
           "aria-label": "Previous branch"
         },
-        /* @__PURE__ */ React58.createElement(ChevronLeft2, { className: "w-3 h-3" })
-      ), /* @__PURE__ */ React58.createElement("span", { className: "text-xs tabular-nums min-w-6 text-center" }, branchInfo.current, "/", branchInfo.total), /* @__PURE__ */ React58.createElement(
+        /* @__PURE__ */ React59.createElement(ChevronLeft2, { className: "w-3 h-3" })
+      ), /* @__PURE__ */ React59.createElement("span", { className: "text-xs tabular-nums min-w-6 text-center" }, branchInfo.current, "/", branchInfo.total), /* @__PURE__ */ React59.createElement(
         "button",
         {
           type: "button",
@@ -4380,7 +4417,7 @@ var Message = React58.forwardRef(
           className: BRANCH_BUTTON_CLASSES,
           "aria-label": "Next branch"
         },
-        /* @__PURE__ */ React58.createElement(ChevronRight3, { className: "w-3 h-3" })
+        /* @__PURE__ */ React59.createElement(ChevronRight3, { className: "w-3 h-3" })
       ))))
     );
   }
@@ -4388,15 +4425,15 @@ var Message = React58.forwardRef(
 Message.displayName = "Message";
 
 // src/components/StreamingCursor.tsx
-import React59 from "react";
-var StreamingCursor = React59.forwardRef(
+import React60 from "react";
+var StreamingCursor = React60.forwardRef(
   ({ className, variant = "line", ...rest }, ref) => {
     const variantStyles2 = {
       block: "w-2.5 h-cursor translate-y-cursor-offset",
       line: "w-0.5 h-cursor translate-y-cursor-offset",
       underscore: "w-2.5 h-0.5 self-end mb-0.5"
     };
-    return /* @__PURE__ */ React59.createElement(
+    return /* @__PURE__ */ React60.createElement(
       "span",
       {
         ref,
@@ -4414,10 +4451,10 @@ var StreamingCursor = React59.forwardRef(
 StreamingCursor.displayName = "StreamingCursor";
 
 // src/components/chat/ChatInterface.tsx
-import React88, { useCallback as useCallback24, useEffect as useEffect17, useImperativeHandle, useMemo as useMemo5, useRef as useRef16, useState as useState26 } from "react";
+import React89, { useCallback as useCallback24, useEffect as useEffect17, useImperativeHandle, useMemo as useMemo5, useRef as useRef16, useState as useState26 } from "react";
 
 // src/components/chat/ChatView.tsx
-import React63, { useEffect as useEffect10 } from "react";
+import React64, { useEffect as useEffect10 } from "react";
 
 // src/components/chat/hooks/useScrollAnchor.ts
 import { useCallback as useCallback15, useRef as useRef8 } from "react";
@@ -4533,7 +4570,7 @@ function useAdaptiveSpacer(options = {}) {
 }
 
 // src/components/chat/ThinkingIndicator.tsx
-import React60, { useEffect as useEffect9, useState as useState16 } from "react";
+import React61, { useEffect as useEffect9, useState as useState16 } from "react";
 var THINKING_PHRASES = [
   "Consulting the ancient tomes...",
   "Parsing the ineffable...",
@@ -4549,7 +4586,7 @@ var THINKING_PHRASES = [
   "Consulting my inner monologue...",
   "Summoning the muse..."
 ];
-var ThinkingIndicator = React60.forwardRef(
+var ThinkingIndicator = React61.forwardRef(
   ({
     isVisible = true,
     phraseInterval = 2500,
@@ -4586,7 +4623,7 @@ var ThinkingIndicator = React60.forwardRef(
     if (!isVisible) {
       return null;
     }
-    return /* @__PURE__ */ React60.createElement(
+    return /* @__PURE__ */ React61.createElement(
       "div",
       {
         ref,
@@ -4600,26 +4637,26 @@ var ThinkingIndicator = React60.forwardRef(
         "aria-live": "polite",
         ...rest
       },
-      /* @__PURE__ */ React60.createElement("div", { className: "flex gap-1", "aria-hidden": "true" }, /* @__PURE__ */ React60.createElement(
+      /* @__PURE__ */ React61.createElement("div", { className: "flex gap-1", "aria-hidden": "true" }, /* @__PURE__ */ React61.createElement(
         "span",
         {
           className: "w-1.5 h-1.5 bg-gold/60 rounded-full animate-pulse",
           style: { animationDelay: "0ms" }
         }
-      ), /* @__PURE__ */ React60.createElement(
+      ), /* @__PURE__ */ React61.createElement(
         "span",
         {
           className: "w-1.5 h-1.5 bg-gold/60 rounded-full animate-pulse",
           style: { animationDelay: "150ms" }
         }
-      ), /* @__PURE__ */ React60.createElement(
+      ), /* @__PURE__ */ React61.createElement(
         "span",
         {
           className: "w-1.5 h-1.5 bg-gold/60 rounded-full animate-pulse",
           style: { animationDelay: "300ms" }
         }
       )),
-      isManual ? /* @__PURE__ */ React60.createElement("span", { className: "text-sm italic" }, manualLabel) : /* @__PURE__ */ React60.createElement(
+      isManual ? /* @__PURE__ */ React61.createElement("span", { className: "text-sm italic" }, manualLabel) : /* @__PURE__ */ React61.createElement(
         "span",
         {
           className: cx(
@@ -4635,7 +4672,7 @@ var ThinkingIndicator = React60.forwardRef(
 ThinkingIndicator.displayName = "ThinkingIndicator";
 
 // src/components/chat/Checkpoint.tsx
-import React61 from "react";
+import React62 from "react";
 import {
   ArrowLeft,
   ChevronLeft as ChevronLeft3,
@@ -4660,7 +4697,7 @@ var KIND_ARIA_LABELS = {
   init: "Project head checkpoint",
   ingest: "Upload batch checkpoint"
 };
-var Checkpoint = React61.forwardRef(
+var Checkpoint = React62.forwardRef(
   function Checkpoint2({ name, executionKind, status = "completed", isActive, muted, branchInfo, onJumpHere }, ref) {
     const KindIcon = KIND_ICONS[executionKind];
     const isFailed = status === "failed";
@@ -4671,7 +4708,7 @@ var Checkpoint = React61.forwardRef(
       "transition-colors text-xs",
       isActive ? "text-silver font-medium" : isInteractive ? "text-silver/70 hover:text-white underline decoration-silver/30 underline-offset-4 decoration-dotted hover:decoration-silver/70" : "text-silver/50"
     );
-    return /* @__PURE__ */ React61.createElement(
+    return /* @__PURE__ */ React62.createElement(
       "div",
       {
         ref,
@@ -4682,8 +4719,8 @@ var Checkpoint = React61.forwardRef(
           muted && "opacity-60"
         )
       },
-      /* @__PURE__ */ React61.createElement(KindIcon, { className: cx("w-3.5 h-3.5 shrink-0", iconColor), "aria-hidden": "true" }),
-      /* @__PURE__ */ React61.createElement(
+      /* @__PURE__ */ React62.createElement(KindIcon, { className: cx("w-3.5 h-3.5 shrink-0", iconColor), "aria-hidden": "true" }),
+      /* @__PURE__ */ React62.createElement(
         "button",
         {
           type: "button",
@@ -4696,11 +4733,11 @@ var Checkpoint = React61.forwardRef(
           ),
           "aria-label": isInteractive ? `Jump to checkpoint ${name}` : name
         },
-        /* @__PURE__ */ React61.createElement("span", { className: "truncate" }, name),
-        isFailed && /* @__PURE__ */ React61.createElement("span", { className: "ml-1.5 text-error-muted" }, "\xB7 failed"),
-        isCancelled && /* @__PURE__ */ React61.createElement("span", { className: "ml-1.5 text-silver/40" }, "\xB7 cancelled")
+        /* @__PURE__ */ React62.createElement("span", { className: "truncate" }, name),
+        isFailed && /* @__PURE__ */ React62.createElement("span", { className: "ml-1.5 text-error-muted" }, "\xB7 failed"),
+        isCancelled && /* @__PURE__ */ React62.createElement("span", { className: "ml-1.5 text-silver/40" }, "\xB7 cancelled")
       ),
-      isInteractive && /* @__PURE__ */ React61.createElement(
+      isInteractive && /* @__PURE__ */ React62.createElement(
         "span",
         {
           className: cx(
@@ -4710,17 +4747,17 @@ var Checkpoint = React61.forwardRef(
           ),
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React61.createElement(ArrowLeft, { className: "w-3 h-3" }),
+        /* @__PURE__ */ React62.createElement(ArrowLeft, { className: "w-3 h-3" }),
         "Jump here"
       ),
-      branchInfo && branchInfo.total > 1 && /* @__PURE__ */ React61.createElement(
+      branchInfo && branchInfo.total > 1 && /* @__PURE__ */ React62.createElement(
         "div",
         {
           className: "ml-auto inline-flex items-center gap-0.5 text-silver/70 text-xs",
           role: "navigation",
           "aria-label": "Switch sibling checkpoint"
         },
-        /* @__PURE__ */ React61.createElement(
+        /* @__PURE__ */ React62.createElement(
           "button",
           {
             type: "button",
@@ -4732,10 +4769,10 @@ var Checkpoint = React61.forwardRef(
             ),
             "aria-label": "Previous sibling checkpoint"
           },
-          /* @__PURE__ */ React61.createElement(ChevronLeft3, { className: "w-3 h-3" })
+          /* @__PURE__ */ React62.createElement(ChevronLeft3, { className: "w-3 h-3" })
         ),
-        /* @__PURE__ */ React61.createElement("span", { className: "tabular-nums min-w-6 text-center" }, branchInfo.current, "/", branchInfo.total),
-        /* @__PURE__ */ React61.createElement(
+        /* @__PURE__ */ React62.createElement("span", { className: "tabular-nums min-w-6 text-center" }, branchInfo.current, "/", branchInfo.total),
+        /* @__PURE__ */ React62.createElement(
           "button",
           {
             type: "button",
@@ -4747,7 +4784,7 @@ var Checkpoint = React61.forwardRef(
             ),
             "aria-label": "Next sibling checkpoint"
           },
-          /* @__PURE__ */ React61.createElement(ChevronRight4, { className: "w-3 h-3" })
+          /* @__PURE__ */ React62.createElement(ChevronRight4, { className: "w-3 h-3" })
         )
       )
     );
@@ -4756,7 +4793,7 @@ var Checkpoint = React61.forwardRef(
 Checkpoint.displayName = "Checkpoint";
 
 // src/components/chat/GreyedDivider.tsx
-import React62 from "react";
+import React63 from "react";
 import { ArrowDown } from "lucide-react";
 function pluralize(n, singular, plural) {
   return `${n} ${n === 1 ? singular : plural}`;
@@ -4771,12 +4808,12 @@ function summarize(messageCount, checkpointCount) {
   }
   return parts.length > 0 ? parts.join(", ") : "no items";
 }
-var GreyedDivider = React62.forwardRef(
+var GreyedDivider = React63.forwardRef(
   function GreyedDivider2({ messageCount, checkpointCount, onJumpToLatest }, ref) {
     if (messageCount === 0 && checkpointCount === 0) {
       return null;
     }
-    return /* @__PURE__ */ React62.createElement(
+    return /* @__PURE__ */ React63.createElement(
       "div",
       {
         ref,
@@ -4784,10 +4821,10 @@ var GreyedDivider = React62.forwardRef(
         "aria-label": "Start of rewound timeline",
         className: "flex items-center gap-3 py-2 text-xs text-silver/50 select-none"
       },
-      /* @__PURE__ */ React62.createElement("div", { className: "flex-1 h-px bg-ash/40", "aria-hidden": "true" }),
-      /* @__PURE__ */ React62.createElement("span", { className: "inline-flex items-center gap-1.5 whitespace-nowrap" }, /* @__PURE__ */ React62.createElement(ArrowDown, { className: "w-3 h-3", "aria-hidden": "true" }), "Later in this conversation \xB7 ", summarize(messageCount, checkpointCount)),
-      /* @__PURE__ */ React62.createElement("div", { className: "flex-1 h-px bg-ash/40", "aria-hidden": "true" }),
-      onJumpToLatest && /* @__PURE__ */ React62.createElement(
+      /* @__PURE__ */ React63.createElement("div", { className: "flex-1 h-px bg-ash/40", "aria-hidden": "true" }),
+      /* @__PURE__ */ React63.createElement("span", { className: "inline-flex items-center gap-1.5 whitespace-nowrap" }, /* @__PURE__ */ React63.createElement(ArrowDown, { className: "w-3 h-3", "aria-hidden": "true" }), "Later in this conversation \xB7 ", summarize(messageCount, checkpointCount)),
+      /* @__PURE__ */ React63.createElement("div", { className: "flex-1 h-px bg-ash/40", "aria-hidden": "true" }),
+      onJumpToLatest && /* @__PURE__ */ React63.createElement(
         "button",
         {
           type: "button",
@@ -4806,7 +4843,7 @@ var GreyedDivider = React62.forwardRef(
 GreyedDivider.displayName = "GreyedDivider";
 
 // src/components/chat/ChatView.tsx
-var ChatView = React63.forwardRef(
+var ChatView = React64.forwardRef(
   function ChatView2({
     items,
     latestUserMessageIndex,
@@ -4839,7 +4876,7 @@ var ChatView = React63.forwardRef(
       return found ?? (item.kind === "message" ? item : null);
     }, null);
     const showThinking = isThinking && lastMessage?.kind === "message" && lastMessage.variant === "user";
-    return /* @__PURE__ */ React63.createElement(
+    return /* @__PURE__ */ React64.createElement(
       "div",
       {
         ref: composeRefs(containerRef, ref),
@@ -4851,17 +4888,17 @@ var ChatView = React63.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ React63.createElement("div", { ref: contentRef, className: "relative flex flex-col gap-3" }, items.map((item, index) => {
+      /* @__PURE__ */ React64.createElement("div", { ref: contentRef, className: "relative flex flex-col gap-3" }, items.map((item, index) => {
         const isAnchor = index === latestUserIdx;
         const wrapperRef = isAnchor ? anchorRef : void 0;
         const wrapperClass = isAnchor ? "scroll-mt-4" : void 0;
         if (item.kind === "divider") {
           const { kind: _k2, id: id2, ...dividerProps } = item;
-          return /* @__PURE__ */ React63.createElement("div", { key: id2 }, /* @__PURE__ */ React63.createElement(GreyedDivider, { ...dividerProps }));
+          return /* @__PURE__ */ React64.createElement("div", { key: id2 }, /* @__PURE__ */ React64.createElement(GreyedDivider, { ...dividerProps }));
         }
         if (item.kind === "checkpoint") {
           const { kind: _k2, id: id2, ...checkpointProps } = item;
-          return /* @__PURE__ */ React63.createElement("div", { key: id2, ref: wrapperRef, className: wrapperClass }, /* @__PURE__ */ React63.createElement(Checkpoint, { ...checkpointProps }));
+          return /* @__PURE__ */ React64.createElement("div", { key: id2, ref: wrapperRef, className: wrapperClass }, /* @__PURE__ */ React64.createElement(Checkpoint, { ...checkpointProps }));
         }
         const {
           kind: _k,
@@ -4875,14 +4912,14 @@ var ChatView = React63.forwardRef(
           ...messageProps
         } = item;
         const isMessageStreaming = !!nodeIsStreaming;
-        return /* @__PURE__ */ React63.createElement(
+        return /* @__PURE__ */ React64.createElement(
           "div",
           {
             key: id,
             ref: wrapperRef,
             className: cx(wrapperClass, muted && "opacity-60")
           },
-          /* @__PURE__ */ React63.createElement(
+          /* @__PURE__ */ React64.createElement(
             Message,
             {
               variant,
@@ -4895,8 +4932,8 @@ var ChatView = React63.forwardRef(
             }
           )
         );
-      }), showThinking && /* @__PURE__ */ React63.createElement(ThinkingIndicator, { isVisible: true, manualLabel: thinkingLabel })),
-      /* @__PURE__ */ React63.createElement(
+      }), showThinking && /* @__PURE__ */ React64.createElement(ThinkingIndicator, { isVisible: true, manualLabel: thinkingLabel })),
+      /* @__PURE__ */ React64.createElement(
         "div",
         {
           ref: spacerRef,
@@ -4911,7 +4948,7 @@ var ChatView = React63.forwardRef(
 ChatView.displayName = "ChatView";
 
 // src/components/chat/ChatInput.tsx
-import React64, { useCallback as useCallback17, useEffect as useEffect11, useMemo, useRef as useRef10, useState as useState17 } from "react";
+import React65, { useCallback as useCallback17, useEffect as useEffect11, useMemo, useRef as useRef10, useState as useState17 } from "react";
 import { Paperclip, Send as Send2, Square, X as X7 } from "lucide-react";
 
 // src/components/chat/types.ts
@@ -4937,7 +4974,17 @@ function generateId() {
 }
 
 // src/components/chat/ChatInput.tsx
-var ChatInput = React64.forwardRef(
+var noticeContainerClass = {
+  info: "bg-charcoal border border-ash/40 text-silver",
+  warning: "bg-gold/5 border border-gold/20 text-gold/80",
+  error: "bg-error/10 border border-error/30 text-error"
+};
+var noticeDismissClass = {
+  info: "text-silver",
+  warning: "text-gold",
+  error: "text-error"
+};
+var ChatInput = React65.forwardRef(
   ({
     position = "bottom",
     placeholder = "Send a message...",
@@ -5092,7 +5139,7 @@ var ChatInput = React64.forwardRef(
     const hasAttachments = attachments.length > 0;
     const isUploadIncomplete = attachments.some((a) => a.status === "pending" || a.status === "uploading" || a.status === "upload_failed");
     const canSubmit = value.trim() && !disabled && !isStreaming && !isUploadIncomplete;
-    return /* @__PURE__ */ React64.createElement(
+    return /* @__PURE__ */ React65.createElement(
       "div",
       {
         ref,
@@ -5104,12 +5151,12 @@ var ChatInput = React64.forwardRef(
         ),
         ...rest
       },
-      isCentered && helperText && /* @__PURE__ */ React64.createElement("p", { className: "text-silver text-sm mb-4 text-center" }, helperText),
-      notice && /* @__PURE__ */ React64.createElement("div", { className: cx(
+      isCentered && helperText && /* @__PURE__ */ React65.createElement("p", { className: "text-silver text-sm mb-4 text-center" }, helperText),
+      notice && /* @__PURE__ */ React65.createElement("div", { className: cx(
         "w-full flex items-start gap-2 px-3 py-2 mb-1 text-xs",
         isCentered && "max-w-lg",
-        notice.variant === "warning" ? "bg-gold/5 border border-gold/20 text-gold/80" : "bg-error/10 border border-error/30 text-error"
-      ) }, /* @__PURE__ */ React64.createElement("span", { className: "flex-1" }, notice.content), (notice.dismissible ?? notice.variant === "warning") && notice.onDismiss && /* @__PURE__ */ React64.createElement(
+        noticeContainerClass[notice.variant]
+      ) }, /* @__PURE__ */ React65.createElement("span", { className: "flex-1" }, notice.content), (notice.dismissible ?? notice.variant === "warning") && notice.onDismiss && /* @__PURE__ */ React65.createElement(
         "button",
         {
           type: "button",
@@ -5117,12 +5164,12 @@ var ChatInput = React64.forwardRef(
           "aria-label": "Dismiss",
           className: cx(
             "shrink-0 opacity-60 hover:opacity-100 transition-opacity",
-            notice.variant === "warning" ? "text-gold" : "text-error"
+            noticeDismissClass[notice.variant]
           )
         },
-        /* @__PURE__ */ React64.createElement(X7, { className: "w-3 h-3" })
+        /* @__PURE__ */ React65.createElement(X7, { className: "w-3 h-3" })
       )),
-      /* @__PURE__ */ React64.createElement(
+      /* @__PURE__ */ React65.createElement(
         "div",
         {
           className: cx(
@@ -5137,7 +5184,7 @@ var ChatInput = React64.forwardRef(
           onDragOver: showAttachmentButton ? handleDragOver : void 0,
           onDrop: showAttachmentButton ? handleDrop : void 0
         },
-        hasAttachments && /* @__PURE__ */ React64.createElement("div", { className: "px-3 pt-3 pb-1" }, /* @__PURE__ */ React64.createElement(
+        hasAttachments && /* @__PURE__ */ React65.createElement("div", { className: "px-3 pt-3 pb-1" }, /* @__PURE__ */ React65.createElement(
           AttachmentPreview,
           {
             attachments,
@@ -5145,14 +5192,14 @@ var ChatInput = React64.forwardRef(
             removable: !isStreaming
           }
         )),
-        isDragOver && /* @__PURE__ */ React64.createElement(
+        isDragOver && /* @__PURE__ */ React65.createElement(
           "div",
           {
             className: "absolute inset-0 bg-gold/10 flex items-center justify-center z-10 pointer-events-none"
           },
-          /* @__PURE__ */ React64.createElement("span", { className: "text-gold text-sm font-medium" }, "Drop files here")
+          /* @__PURE__ */ React65.createElement("span", { className: "text-gold text-sm font-medium" }, "Drop files here")
         ),
-        /* @__PURE__ */ React64.createElement("div", { className: "flex items-end" }, showAttachmentButton && /* @__PURE__ */ React64.createElement(React64.Fragment, null, /* @__PURE__ */ React64.createElement(
+        /* @__PURE__ */ React65.createElement("div", { className: "flex items-end" }, showAttachmentButton && /* @__PURE__ */ React65.createElement(React65.Fragment, null, /* @__PURE__ */ React65.createElement(
           "button",
           {
             type: "button",
@@ -5164,8 +5211,8 @@ var ChatInput = React64.forwardRef(
             ),
             "aria-label": "Attach file"
           },
-          /* @__PURE__ */ React64.createElement(Paperclip, { className: "w-5 h-5" })
-        ), /* @__PURE__ */ React64.createElement(
+          /* @__PURE__ */ React65.createElement(Paperclip, { className: "w-5 h-5" })
+        ), /* @__PURE__ */ React65.createElement(
           "input",
           {
             ref: fileInputRef,
@@ -5176,7 +5223,7 @@ var ChatInput = React64.forwardRef(
             className: "hidden",
             "aria-hidden": "true"
           }
-        )), /* @__PURE__ */ React64.createElement(
+        )), /* @__PURE__ */ React65.createElement(
           "textarea",
           {
             ref: mergedTextareaRef,
@@ -5194,7 +5241,7 @@ var ChatInput = React64.forwardRef(
             ),
             style: { maxHeight: 200 }
           }
-        ), isStreaming ? /* @__PURE__ */ React64.createElement(
+        ), isStreaming ? /* @__PURE__ */ React65.createElement(
           "button",
           {
             type: "button",
@@ -5205,8 +5252,8 @@ var ChatInput = React64.forwardRef(
             ),
             "aria-label": "Stop generation"
           },
-          /* @__PURE__ */ React64.createElement(Square, { className: "w-5 h-5 fill-current" })
-        ) : /* @__PURE__ */ React64.createElement(
+          /* @__PURE__ */ React65.createElement(Square, { className: "w-5 h-5 fill-current" })
+        ) : /* @__PURE__ */ React65.createElement(
           "button",
           {
             type: "button",
@@ -5219,7 +5266,7 @@ var ChatInput = React64.forwardRef(
             ),
             "aria-label": "Send message"
           },
-          /* @__PURE__ */ React64.createElement(Send2, { className: "w-5 h-5" })
+          /* @__PURE__ */ React65.createElement(Send2, { className: "w-5 h-5" })
         ))
       )
     );
@@ -5228,14 +5275,14 @@ var ChatInput = React64.forwardRef(
 ChatInput.displayName = "ChatInput";
 
 // src/components/chat/ArtifactsPanel.tsx
-import React83, { useCallback as useCallback20, useEffect as useEffect14, useRef as useRef13, useState as useState22 } from "react";
+import React84, { useCallback as useCallback20, useEffect as useEffect14, useRef as useRef13, useState as useState22 } from "react";
 import { Image } from "lucide-react";
 
 // src/components/ArtifactCard.tsx
-import React72 from "react";
+import React73 from "react";
 
 // src/components/ImageCard.tsx
-import React65 from "react";
+import React66 from "react";
 var ASPECT_RATIO_PRESETS = {
   landscape: "3 / 2",
   portrait: "2 / 3",
@@ -5247,7 +5294,7 @@ function resolveAspectRatio(ratio) {
   }
   return ratio.replace("/", " / ");
 }
-var ImageCard = React65.forwardRef(
+var ImageCard = React66.forwardRef(
   ({
     src,
     alt = "",
@@ -5264,7 +5311,7 @@ var ImageCard = React65.forwardRef(
     loading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React65.createElement(
+    return /* @__PURE__ */ React66.createElement(
       Card,
       {
         ref,
@@ -5272,13 +5319,13 @@ var ImageCard = React65.forwardRef(
         loading,
         ...props
       },
-      /* @__PURE__ */ React65.createElement(
+      /* @__PURE__ */ React66.createElement(
         Card.Media,
         {
           className: mediaClassName,
           style: { aspectRatio: resolveAspectRatio(aspectRatio) }
         },
-        /* @__PURE__ */ React65.createElement(React65.Fragment, null, src && /* @__PURE__ */ React65.createElement(
+        /* @__PURE__ */ React66.createElement(React66.Fragment, null, src && /* @__PURE__ */ React66.createElement(
           "img",
           {
             src,
@@ -5288,7 +5335,7 @@ var ImageCard = React65.forwardRef(
               objectFit === "cover" ? "object-cover" : "object-contain"
             )
           }
-        ), overlay && /* @__PURE__ */ React65.createElement(
+        ), overlay && /* @__PURE__ */ React66.createElement(
           "div",
           {
             className: "absolute inset-0 bg-obsidian/80 opacity-0 group-hover:opacity-100 transition-opacity duration-200 flex items-center justify-center"
@@ -5296,7 +5343,7 @@ var ImageCard = React65.forwardRef(
           overlay
         ))
       ),
-      /* @__PURE__ */ React65.createElement(
+      /* @__PURE__ */ React66.createElement(
         Card.Header,
         {
           title,
@@ -5305,14 +5352,14 @@ var ImageCard = React65.forwardRef(
           className: contentClassName
         }
       ),
-      children && /* @__PURE__ */ React65.createElement(Card.Body, { className: contentClassName }, children)
+      children && /* @__PURE__ */ React66.createElement(Card.Body, { className: contentClassName }, children)
     );
   }
 );
 ImageCard.displayName = "ImageCard";
 
 // src/components/VideoCard.tsx
-import React66 from "react";
+import React67 from "react";
 import ReactPlayer from "react-player";
 var ASPECT_RATIO_PRESETS2 = {
   video: "16 / 9",
@@ -5325,7 +5372,7 @@ function resolveAspectRatio2(ratio) {
   }
   return ratio.replace("/", " / ");
 }
-var VideoCard = React66.forwardRef(
+var VideoCard = React67.forwardRef(
   ({
     src,
     title,
@@ -5346,7 +5393,7 @@ var VideoCard = React66.forwardRef(
     loading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React66.createElement(
+    return /* @__PURE__ */ React67.createElement(
       Card,
       {
         ref,
@@ -5354,13 +5401,13 @@ var VideoCard = React66.forwardRef(
         loading,
         ...props
       },
-      /* @__PURE__ */ React66.createElement(
+      /* @__PURE__ */ React67.createElement(
         Card.Media,
         {
           className: mediaClassName,
           style: { aspectRatio: resolveAspectRatio2(aspectRatio) }
         },
-        src && /* @__PURE__ */ React66.createElement(
+        src && /* @__PURE__ */ React67.createElement(
           ReactPlayer,
           {
             src,
@@ -5377,7 +5424,7 @@ var VideoCard = React66.forwardRef(
           }
         )
       ),
-      /* @__PURE__ */ React66.createElement(
+      /* @__PURE__ */ React67.createElement(
         Card.Header,
         {
           title,
@@ -5386,17 +5433,17 @@ var VideoCard = React66.forwardRef(
           className: contentClassName
         }
       ),
-      children && /* @__PURE__ */ React66.createElement(Card.Body, { className: contentClassName }, children)
+      children && /* @__PURE__ */ React67.createElement(Card.Body, { className: contentClassName }, children)
     );
   }
 );
 VideoCard.displayName = "VideoCard";
 
 // src/components/AudioCard.tsx
-import React67 from "react";
+import React68 from "react";
 import ReactPlayer2 from "react-player";
 import { Music } from "lucide-react";
-var AudioCard = React67.forwardRef(
+var AudioCard = React68.forwardRef(
   ({
     src,
     title,
@@ -5416,7 +5463,7 @@ var AudioCard = React67.forwardRef(
     loading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React67.createElement(
+    return /* @__PURE__ */ React68.createElement(
       Card,
       {
         ref,
@@ -5424,10 +5471,10 @@ var AudioCard = React67.forwardRef(
         loading,
         ...props
       },
-      /* @__PURE__ */ React67.createElement(Card.Media, { className: cx(
+      /* @__PURE__ */ React68.createElement(Card.Media, { className: cx(
         "bg-obsidian py-8 flex flex-col items-center justify-center",
         mediaClassName
-      ) }, /* @__PURE__ */ React67.createElement("div", { className: "mb-4 text-gold" }, /* @__PURE__ */ React67.createElement(Music, { size: 48 })), src && /* @__PURE__ */ React67.createElement("div", { className: "w-full px-4" }, /* @__PURE__ */ React67.createElement(
+      ) }, /* @__PURE__ */ React68.createElement("div", { className: "mb-4 text-gold" }, /* @__PURE__ */ React68.createElement(Music, { size: 48 })), src && /* @__PURE__ */ React68.createElement("div", { className: "w-full px-4" }, /* @__PURE__ */ React68.createElement(
         ReactPlayer2,
         {
           src,
@@ -5442,7 +5489,7 @@ var AudioCard = React67.forwardRef(
           ...playerProps
         }
       ))),
-      /* @__PURE__ */ React67.createElement(
+      /* @__PURE__ */ React68.createElement(
         Card.Header,
         {
           title,
@@ -5451,16 +5498,16 @@ var AudioCard = React67.forwardRef(
           className: contentClassName
         }
       ),
-      children && /* @__PURE__ */ React67.createElement(Card.Body, { className: contentClassName }, children)
+      children && /* @__PURE__ */ React68.createElement(Card.Body, { className: contentClassName }, children)
     );
   }
 );
 AudioCard.displayName = "AudioCard";
 
 // src/components/PdfCard.tsx
-import React68 from "react";
+import React69 from "react";
 import { FileText as FileText2 } from "lucide-react";
-var PdfCard = React68.forwardRef(
+var PdfCard = React69.forwardRef(
   ({
     src,
     title,
@@ -5474,7 +5521,7 @@ var PdfCard = React68.forwardRef(
     loading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React68.createElement(
+    return /* @__PURE__ */ React69.createElement(
       Card,
       {
         ref,
@@ -5482,13 +5529,13 @@ var PdfCard = React68.forwardRef(
         loading,
         ...props
       },
-      /* @__PURE__ */ React68.createElement(
+      /* @__PURE__ */ React69.createElement(
         Card.Media,
         {
           className: cx("bg-obsidian", mediaClassName),
           style: { height }
         },
-        src && /* @__PURE__ */ React68.createElement(
+        src && /* @__PURE__ */ React69.createElement(
           "iframe",
           {
             src: `${src}#view=FitH`,
@@ -5497,24 +5544,24 @@ var PdfCard = React68.forwardRef(
           }
         )
       ),
-      /* @__PURE__ */ React68.createElement(
+      /* @__PURE__ */ React69.createElement(
         Card.Header,
         {
           title,
           subtitle,
           handle,
           className: contentClassName,
-          action: /* @__PURE__ */ React68.createElement("div", { className: "p-2 bg-ash/20 text-gold shrink-0" }, /* @__PURE__ */ React68.createElement(FileText2, { size: 20 }))
+          action: /* @__PURE__ */ React69.createElement("div", { className: "p-2 bg-ash/20 text-gold shrink-0" }, /* @__PURE__ */ React69.createElement(FileText2, { size: 20 }))
         }
       ),
-      children && /* @__PURE__ */ React68.createElement(Card.Body, { className: contentClassName }, children)
+      children && /* @__PURE__ */ React69.createElement(Card.Body, { className: contentClassName }, children)
     );
   }
 );
 PdfCard.displayName = "PdfCard";
 
 // src/components/ScriptCard.tsx
-import React69 from "react";
+import React70 from "react";
 var SCRIPT_ELEMENT_TYPES = {
   SCENE_HEADING: "scene-heading",
   ACTION: "action",
@@ -5528,28 +5575,28 @@ var SCRIPT_ELEMENT_TYPES = {
 function ScriptElementRenderer({ element }) {
   switch (element.type) {
     case "scene-heading":
-      return /* @__PURE__ */ React69.createElement("p", { className: "mt-4 mb-2 font-bold uppercase text-gold text-xs tracking-wide" }, element.content);
+      return /* @__PURE__ */ React70.createElement("p", { className: "mt-4 mb-2 font-bold uppercase text-gold text-xs tracking-wide" }, element.content);
     case "action":
-      return /* @__PURE__ */ React69.createElement("p", { className: "my-2 text-silver text-xs leading-relaxed" }, element.content);
+      return /* @__PURE__ */ React70.createElement("p", { className: "my-2 text-silver text-xs leading-relaxed" }, element.content);
     case "character":
-      return /* @__PURE__ */ React69.createElement("p", { className: "mt-4 mb-0.5 ml-8 font-bold text-white text-xs uppercase tracking-wide" }, element.content);
+      return /* @__PURE__ */ React70.createElement("p", { className: "mt-4 mb-0.5 ml-8 font-bold text-white text-xs uppercase tracking-wide" }, element.content);
     case "parenthetical":
-      return /* @__PURE__ */ React69.createElement("p", { className: "ml-6 text-silver/70 text-xs italic" }, "(", element.content, ")");
+      return /* @__PURE__ */ React70.createElement("p", { className: "ml-6 text-silver/70 text-xs italic" }, "(", element.content, ")");
     case "dialogue":
-      return /* @__PURE__ */ React69.createElement("p", { className: "ml-4 mr-8 text-silver text-xs leading-relaxed" }, element.content);
+      return /* @__PURE__ */ React70.createElement("p", { className: "ml-4 mr-8 text-silver text-xs leading-relaxed" }, element.content);
     case "transition":
-      return /* @__PURE__ */ React69.createElement("p", { className: "mt-4 mb-2 text-right font-bold uppercase text-gold/80 text-xs tracking-wide" }, element.content);
+      return /* @__PURE__ */ React70.createElement("p", { className: "mt-4 mb-2 text-right font-bold uppercase text-gold/80 text-xs tracking-wide" }, element.content);
     case "title":
-      return /* @__PURE__ */ React69.createElement("p", { className: "mt-6 mb-2 text-center font-bold text-gold text-sm" }, element.content);
+      return /* @__PURE__ */ React70.createElement("p", { className: "mt-6 mb-2 text-center font-bold text-gold text-sm" }, element.content);
     case "subtitle":
-      return /* @__PURE__ */ React69.createElement("p", { className: "text-center italic text-gold/70 text-xs" }, element.content);
+      return /* @__PURE__ */ React70.createElement("p", { className: "text-center italic text-gold/70 text-xs" }, element.content);
     default:
       return null;
   }
 }
-var ScriptCard = React69.forwardRef(
+var ScriptCard = React70.forwardRef(
   ({ title, subtitle, handle, elements, maxHeight = "16rem", className, style, loading, ...rest }, ref) => {
-    return /* @__PURE__ */ React69.createElement(
+    return /* @__PURE__ */ React70.createElement(
       Card,
       {
         ref,
@@ -5557,7 +5604,7 @@ var ScriptCard = React69.forwardRef(
         loading,
         ...rest
       },
-      /* @__PURE__ */ React69.createElement(
+      /* @__PURE__ */ React70.createElement(
         Card.Header,
         {
           title,
@@ -5565,13 +5612,13 @@ var ScriptCard = React69.forwardRef(
           handle
         }
       ),
-      /* @__PURE__ */ React69.createElement(
+      /* @__PURE__ */ React70.createElement(
         Card.Body,
         {
           className: "font-mono overflow-y-auto",
           style: { maxHeight, ...style }
         },
-        elements.map((element, index) => /* @__PURE__ */ React69.createElement(ScriptElementRenderer, { key: index, element }))
+        elements.map((element, index) => /* @__PURE__ */ React70.createElement(ScriptElementRenderer, { key: index, element }))
       )
     );
   }
@@ -5579,8 +5626,8 @@ var ScriptCard = React69.forwardRef(
 ScriptCard.displayName = "ScriptCard";
 
 // src/components/TextCard.tsx
-import React70 from "react";
-var TextCard = React70.forwardRef(
+import React71 from "react";
+var TextCard = React71.forwardRef(
   ({
     content,
     title,
@@ -5593,7 +5640,7 @@ var TextCard = React70.forwardRef(
     loading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React70.createElement(
+    return /* @__PURE__ */ React71.createElement(
       Card,
       {
         ref,
@@ -5601,7 +5648,7 @@ var TextCard = React70.forwardRef(
         loading,
         ...props
       },
-      /* @__PURE__ */ React70.createElement(
+      /* @__PURE__ */ React71.createElement(
         Card.Header,
         {
           title,
@@ -5609,13 +5656,13 @@ var TextCard = React70.forwardRef(
           handle
         }
       ),
-      /* @__PURE__ */ React70.createElement(
+      /* @__PURE__ */ React71.createElement(
         Card.Body,
         {
           className: cx("overflow-y-auto", contentClassName),
           style: { maxHeight }
         },
-        /* @__PURE__ */ React70.createElement(
+        /* @__PURE__ */ React71.createElement(
           MarkdownContent,
           {
             content,
@@ -5630,8 +5677,8 @@ var TextCard = React70.forwardRef(
 TextCard.displayName = "TextCard";
 
 // src/components/DeliverableCard.tsx
-import React71 from "react";
-var DeliverableCard = React71.forwardRef(
+import React72 from "react";
+var DeliverableCard = React72.forwardRef(
   ({
     deliverable,
     title,
@@ -5650,7 +5697,7 @@ var DeliverableCard = React71.forwardRef(
     const accent = deliverable?.accentColor?.trim();
     const style = accent ? { "--deliverable-accent": accent } : void 0;
     const sectionCount = deliverable?.sections.length ?? 0;
-    return /* @__PURE__ */ React71.createElement(
+    return /* @__PURE__ */ React72.createElement(
       Card,
       {
         ref,
@@ -5661,8 +5708,8 @@ var DeliverableCard = React71.forwardRef(
         style,
         ...props
       },
-      /* @__PURE__ */ React71.createElement("div", { className: "deliverable-card-cover" }, eyebrow && /* @__PURE__ */ React71.createElement("p", { className: "deliverable-card-eyebrow" }, eyebrow), headline && /* @__PURE__ */ React71.createElement("p", { className: "deliverable-card-title" }, headline), tagline && /* @__PURE__ */ React71.createElement("p", { className: "deliverable-card-subtitle" }, tagline)),
-      /* @__PURE__ */ React71.createElement("div", { className: "deliverable-card-meta flex items-center justify-between" }, /* @__PURE__ */ React71.createElement("span", null, sectionCount, " ", sectionCount === 1 ? "section" : "sections"), handle && /* @__PURE__ */ React71.createElement(Card.Handle, { handle }))
+      /* @__PURE__ */ React72.createElement("div", { className: "deliverable-card-cover" }, eyebrow && /* @__PURE__ */ React72.createElement("p", { className: "deliverable-card-eyebrow" }, eyebrow), headline && /* @__PURE__ */ React72.createElement("p", { className: "deliverable-card-title" }, headline), tagline && /* @__PURE__ */ React72.createElement("p", { className: "deliverable-card-subtitle" }, tagline)),
+      /* @__PURE__ */ React72.createElement("div", { className: "deliverable-card-meta flex items-center justify-between" }, /* @__PURE__ */ React72.createElement("span", null, sectionCount, " ", sectionCount === 1 ? "section" : "sections"), handle && /* @__PURE__ */ React72.createElement(Card.Handle, { handle }))
     );
   }
 );
@@ -5693,7 +5740,7 @@ var ARTIFACT_TYPES = {
   PDF: "PDF",
   DELIVERABLE: "DELIVERABLE"
 };
-var ArtifactCard = React72.forwardRef(
+var ArtifactCard = React73.forwardRef(
   ({ artifact, onExpand, loading, className, ...props }, ref) => {
     const derivedLoading = deriveCardSlotLoading(artifact);
     const commonProps = {
@@ -5715,7 +5762,7 @@ var ArtifactCard = React72.forwardRef(
     const renderContent = () => {
       switch (artifact.type) {
         case "IMAGE":
-          return /* @__PURE__ */ React72.createElement(
+          return /* @__PURE__ */ React73.createElement(
             ImageCard,
             {
               ...commonProps,
@@ -5725,7 +5772,7 @@ var ArtifactCard = React72.forwardRef(
             }
           );
         case "VIDEO":
-          return /* @__PURE__ */ React72.createElement(
+          return /* @__PURE__ */ React73.createElement(
             VideoCard,
             {
               ...commonProps,
@@ -5735,7 +5782,7 @@ var ArtifactCard = React72.forwardRef(
             }
           );
         case "AUDIO":
-          return /* @__PURE__ */ React72.createElement(
+          return /* @__PURE__ */ React73.createElement(
             AudioCard,
             {
               ...commonProps,
@@ -5744,7 +5791,7 @@ var ArtifactCard = React72.forwardRef(
             }
           );
         case "PDF":
-          return /* @__PURE__ */ React72.createElement(
+          return /* @__PURE__ */ React73.createElement(
             PdfCard,
             {
               ...commonProps,
@@ -5752,7 +5799,7 @@ var ArtifactCard = React72.forwardRef(
             }
           );
         case "SCRIPT":
-          return /* @__PURE__ */ React72.createElement(
+          return /* @__PURE__ */ React73.createElement(
             ScriptCard,
             {
               ...commonProps,
@@ -5761,7 +5808,7 @@ var ArtifactCard = React72.forwardRef(
             }
           );
         case "TEXT":
-          return /* @__PURE__ */ React72.createElement(
+          return /* @__PURE__ */ React73.createElement(
             TextCard,
             {
               ...commonProps,
@@ -5773,7 +5820,7 @@ var ArtifactCard = React72.forwardRef(
             }
           );
         case "DELIVERABLE":
-          return /* @__PURE__ */ React72.createElement(
+          return /* @__PURE__ */ React73.createElement(
             DeliverableCard,
             {
               ...commonProps,
@@ -5787,7 +5834,7 @@ var ArtifactCard = React72.forwardRef(
       }
     };
     const isCardExpandable = !!onExpand && (artifact.type === "IMAGE" || artifact.type === "PDF" || artifact.type === "SCRIPT" || artifact.type === "TEXT" || artifact.type === "DELIVERABLE");
-    return /* @__PURE__ */ React72.createElement(
+    return /* @__PURE__ */ React73.createElement(
       "div",
       {
         ref,
@@ -5800,7 +5847,7 @@ var ArtifactCard = React72.forwardRef(
         onClick: isCardExpandable ? handleExpand : void 0,
         ...props
       },
-      onExpand && /* @__PURE__ */ React72.createElement(
+      onExpand && /* @__PURE__ */ React73.createElement(
         "button",
         {
           onClick: handleExpand,
@@ -5811,7 +5858,7 @@ var ArtifactCard = React72.forwardRef(
           ),
           "aria-label": "Expand artifact"
         },
-        /* @__PURE__ */ React72.createElement(ExpandIcon, { className: "w-4 h-4" })
+        /* @__PURE__ */ React73.createElement(ExpandIcon, { className: "w-4 h-4" })
       ),
       renderContent()
     );
@@ -5820,10 +5867,10 @@ var ArtifactCard = React72.forwardRef(
 ArtifactCard.displayName = "ArtifactCard";
 
 // src/components/ArtifactGroup.tsx
-import React73, { useEffect as useEffect12, useRef as useRef11, useState as useState18 } from "react";
+import React74, { useEffect as useEffect12, useRef as useRef11, useState as useState18 } from "react";
 var LAYER_OFFSET = "8px";
 var LAYER_OFFSET_2X = "16px";
-var ArtifactGroup = React73.forwardRef(
+var ArtifactGroup = React74.forwardRef(
   ({ node, onClick, className, ...props }, ref) => {
     const children = node.children;
     const count = children.length;
@@ -5845,21 +5892,21 @@ var ArtifactGroup = React73.forwardRef(
     };
     const renderFrontContent = () => {
       if (!frontChild) {
-        return /* @__PURE__ */ React73.createElement("div", { className: "w-full aspect-video bg-graphite border border-ash/40 flex items-center justify-center" }, /* @__PURE__ */ React73.createElement("span", { className: "text-silver text-sm" }, "Empty group"));
+        return /* @__PURE__ */ React74.createElement("div", { className: "w-full aspect-video bg-graphite border border-ash/40 flex items-center justify-center" }, /* @__PURE__ */ React74.createElement("span", { className: "text-silver text-sm" }, "Empty group"));
       }
       if (frontChild.type === "ARTIFACT" && frontChild.artifact) {
-        return /* @__PURE__ */ React73.createElement(ArtifactCard, { artifact: frontChild.artifact, className: "w-full" });
+        return /* @__PURE__ */ React74.createElement(ArtifactCard, { artifact: frontChild.artifact, className: "w-full" });
       }
-      return /* @__PURE__ */ React73.createElement(
+      return /* @__PURE__ */ React74.createElement(
         "div",
         {
           className: "w-full aspect-video bg-graphite border border-gold/30 flex flex-col items-center justify-center gap-2 p-4"
         },
-        /* @__PURE__ */ React73.createElement("span", { className: "text-sm text-silver uppercase tracking-wider" }, frontChild.type === "GROUP" ? "Group" : "Variants"),
-        /* @__PURE__ */ React73.createElement("span", { className: "text-white font-semibold" }, frontChild.label)
+        /* @__PURE__ */ React74.createElement("span", { className: "text-sm text-silver uppercase tracking-wider" }, frontChild.type === "GROUP" ? "Group" : "Variants"),
+        /* @__PURE__ */ React74.createElement("span", { className: "text-white font-semibold" }, frontChild.label)
       );
     };
-    return /* @__PURE__ */ React73.createElement(
+    return /* @__PURE__ */ React74.createElement(
       "div",
       {
         ref,
@@ -5879,21 +5926,21 @@ var ArtifactGroup = React73.forwardRef(
         "aria-label": `${node.label} \u2014 ${count} items`,
         ...props
       },
-      /* @__PURE__ */ React73.createElement(Card, { noPadding: true, className: "p-5" }, /* @__PURE__ */ React73.createElement("h3", { className: "text-lg font-semibold text-white m-0 mb-4" }, node.label), /* @__PURE__ */ React73.createElement("div", { style: { paddingRight: LAYER_OFFSET_2X, paddingBottom: LAYER_OFFSET_2X } }, /* @__PURE__ */ React73.createElement("div", { className: "relative" }, /* @__PURE__ */ React73.createElement(
+      /* @__PURE__ */ React74.createElement(Card, { noPadding: true, className: "p-5" }, /* @__PURE__ */ React74.createElement("h3", { className: "text-lg font-semibold text-white m-0 mb-4" }, node.label), /* @__PURE__ */ React74.createElement("div", { style: { paddingRight: LAYER_OFFSET_2X, paddingBottom: LAYER_OFFSET_2X } }, /* @__PURE__ */ React74.createElement("div", { className: "relative" }, /* @__PURE__ */ React74.createElement(
         "div",
         {
           className: "absolute inset-0 bg-charcoal border border-ash/30 pointer-events-none",
           style: { transform: `translate(${LAYER_OFFSET_2X}, ${LAYER_OFFSET_2X})` },
           "aria-hidden": "true"
         }
-      ), /* @__PURE__ */ React73.createElement(
+      ), /* @__PURE__ */ React74.createElement(
         "div",
         {
           className: "absolute inset-0 bg-charcoal border border-ash/40 pointer-events-none",
           style: { transform: `translate(${LAYER_OFFSET}, ${LAYER_OFFSET})` },
           "aria-hidden": "true"
         }
-      ), /* @__PURE__ */ React73.createElement("div", { className: "relative transition-transform duration-200 group-hover:-translate-y-0.5" }, renderFrontContent()), /* @__PURE__ */ React73.createElement(
+      ), /* @__PURE__ */ React74.createElement("div", { className: "relative transition-transform duration-200 group-hover:-translate-y-0.5" }, renderFrontContent()), /* @__PURE__ */ React74.createElement(
         "div",
         {
           className: "absolute -top-2 -right-2 z-10 min-w-6 h-6 px-1.5 flex items-center justify-center bg-gold text-obsidian text-xs font-bold",
@@ -5907,13 +5954,13 @@ var ArtifactGroup = React73.forwardRef(
 ArtifactGroup.displayName = "ArtifactGroup";
 
 // src/components/ArtifactVariantStack.tsx
-import React74 from "react";
-var ArtifactVariantStack = React74.forwardRef(
+import React75 from "react";
+var ArtifactVariantStack = React75.forwardRef(
   ({ node, onExpandArtifact, onGroupClick, className, ...props }, ref) => {
     const children = node.children;
     const renderChild = (child) => {
       if (child.type === "ARTIFACT" && child.artifact) {
-        return /* @__PURE__ */ React74.createElement("div", { key: child.id, className: "flex-1 min-w-0" }, /* @__PURE__ */ React74.createElement(
+        return /* @__PURE__ */ React75.createElement("div", { key: child.id, className: "flex-1 min-w-0" }, /* @__PURE__ */ React75.createElement(
           ArtifactCard,
           {
             artifact: child.artifact,
@@ -5923,18 +5970,18 @@ var ArtifactVariantStack = React74.forwardRef(
         ));
       }
       if (child.type === "GROUP") {
-        return /* @__PURE__ */ React74.createElement("div", { key: child.id, className: "flex-1 min-w-0" }, /* @__PURE__ */ React74.createElement(ArtifactGroup, { node: child, onClick: onGroupClick }));
+        return /* @__PURE__ */ React75.createElement("div", { key: child.id, className: "flex-1 min-w-0" }, /* @__PURE__ */ React75.createElement(ArtifactGroup, { node: child, onClick: onGroupClick }));
       }
-      return /* @__PURE__ */ React74.createElement("div", { key: child.id, className: "flex-1 min-w-0" }, /* @__PURE__ */ React74.createElement(
+      return /* @__PURE__ */ React75.createElement("div", { key: child.id, className: "flex-1 min-w-0" }, /* @__PURE__ */ React75.createElement(
         "div",
         {
           className: "aspect-video bg-graphite border border-gold/30 flex flex-col items-center justify-center gap-2 p-4"
         },
-        /* @__PURE__ */ React74.createElement("span", { className: "text-xs text-silver uppercase tracking-wider" }, "Variants"),
-        /* @__PURE__ */ React74.createElement("span", { className: "text-sm text-white font-semibold truncate max-w-full" }, child.label)
+        /* @__PURE__ */ React75.createElement("span", { className: "text-xs text-silver uppercase tracking-wider" }, "Variants"),
+        /* @__PURE__ */ React75.createElement("span", { className: "text-sm text-white font-semibold truncate max-w-full" }, child.label)
       ));
     };
-    return /* @__PURE__ */ React74.createElement(
+    return /* @__PURE__ */ React75.createElement(
       Card,
       {
         ref,
@@ -5942,27 +5989,27 @@ var ArtifactVariantStack = React74.forwardRef(
         className: cx("w-full p-5", className),
         ...props
       },
-      /* @__PURE__ */ React74.createElement("h3", { className: "text-lg font-semibold text-white m-0 mb-4" }, node.label),
-      /* @__PURE__ */ React74.createElement("div", { className: "flex gap-3" }, children.map(renderChild))
+      /* @__PURE__ */ React75.createElement("h3", { className: "text-lg font-semibold text-white m-0 mb-4" }, node.label),
+      /* @__PURE__ */ React75.createElement("div", { className: "flex gap-3" }, children.map(renderChild))
     );
   }
 );
 ArtifactVariantStack.displayName = "ArtifactVariantStack";
 
 // src/components/ArtifactLightboxBody.tsx
-import React82 from "react";
+import React83 from "react";
 
 // src/components/deliverable/DeliverableRenderer.tsx
-import React81, { useState as useState19 } from "react";
+import React82, { useState as useState19 } from "react";
 
 // src/components/deliverable/CoverSection.tsx
-import React75 from "react";
+import React76 from "react";
 function CoverSection({ data, clientName }) {
-  return /* @__PURE__ */ React75.createElement("section", { className: "deliverable-cover deliverable-page" }, /* @__PURE__ */ React75.createElement("div", { className: "deliverable-cover-inner" }, data.eyebrow && /* @__PURE__ */ React75.createElement(React75.Fragment, null, /* @__PURE__ */ React75.createElement("p", { className: "deliverable-cover-eyebrow" }, data.eyebrow), /* @__PURE__ */ React75.createElement("div", { className: "deliverable-cover-rule", "aria-hidden": "true" })), /* @__PURE__ */ React75.createElement("h1", { className: "deliverable-cover-title" }, data.title), data.subtitle && /* @__PURE__ */ React75.createElement("p", { className: "deliverable-cover-subtitle" }, data.subtitle), clientName && /* @__PURE__ */ React75.createElement("p", { className: "deliverable-cover-client" }, "Prepared for", " ", /* @__PURE__ */ React75.createElement("span", { className: "deliverable-cover-client-name" }, clientName))));
+  return /* @__PURE__ */ React76.createElement("section", { className: "deliverable-cover deliverable-page" }, /* @__PURE__ */ React76.createElement("div", { className: "deliverable-cover-inner" }, data.eyebrow && /* @__PURE__ */ React76.createElement(React76.Fragment, null, /* @__PURE__ */ React76.createElement("p", { className: "deliverable-cover-eyebrow" }, data.eyebrow), /* @__PURE__ */ React76.createElement("div", { className: "deliverable-cover-rule", "aria-hidden": "true" })), /* @__PURE__ */ React76.createElement("h1", { className: "deliverable-cover-title" }, data.title), data.subtitle && /* @__PURE__ */ React76.createElement("p", { className: "deliverable-cover-subtitle" }, data.subtitle), clientName && /* @__PURE__ */ React76.createElement("p", { className: "deliverable-cover-client" }, "Prepared for", " ", /* @__PURE__ */ React76.createElement("span", { className: "deliverable-cover-client-name" }, clientName))));
 }
 
 // src/components/deliverable/ArtifactImageGridSection.tsx
-import React76 from "react";
+import React77 from "react";
 var COLUMN_CLASSES = {
   1: "deliverable-image-grid-cols-1",
   2: "deliverable-image-grid-cols-2",
@@ -5977,7 +6024,7 @@ var ASPECT_CLASSES = {
 function ArtifactImageGridSection({ data }) {
   const columns = clampColumns(data.columns);
   const aspect = data.aspectRatio ?? "landscape";
-  return /* @__PURE__ */ React76.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React76.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React76.createElement(
+  return /* @__PURE__ */ React77.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React77.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React77.createElement(
     "div",
     {
       className: cx(
@@ -5986,14 +6033,14 @@ function ArtifactImageGridSection({ data }) {
         ASPECT_CLASSES[aspect]
       )
     },
-    data.items.map((item, idx) => /* @__PURE__ */ React76.createElement("figure", { key: idx, className: "deliverable-image-item" }, item.artifact.url ? /* @__PURE__ */ React76.createElement(
+    data.items.map((item, idx) => /* @__PURE__ */ React77.createElement("figure", { key: idx, className: "deliverable-image-item" }, item.artifact.url ? /* @__PURE__ */ React77.createElement(
       "img",
       {
         src: item.artifact.url,
         alt: item.artifact.title ?? "",
         className: "deliverable-image-img"
       }
-    ) : /* @__PURE__ */ React76.createElement("div", { className: "deliverable-image-missing" }, "Missing image"), item.caption && /* @__PURE__ */ React76.createElement("figcaption", { className: "deliverable-image-caption" }, item.caption)))
+    ) : /* @__PURE__ */ React77.createElement("div", { className: "deliverable-image-missing" }, "Missing image"), item.caption && /* @__PURE__ */ React77.createElement("figcaption", { className: "deliverable-image-caption" }, item.caption)))
   ));
 }
 function clampColumns(n) {
@@ -6003,7 +6050,7 @@ function clampColumns(n) {
 }
 
 // src/components/deliverable/ArtifactSpotlightSection.tsx
-import React77 from "react";
+import React78 from "react";
 var VARIANT_CLASSES = {
   framed: null,
   "full-bleed": "deliverable-spotlight-variant-full-bleed",
@@ -6011,14 +6058,14 @@ var VARIANT_CLASSES = {
 };
 function ArtifactSpotlightSection({ data }) {
   const variant = data.variant ?? "framed";
-  return /* @__PURE__ */ React77.createElement("section", { className: cx("deliverable-page", VARIANT_CLASSES[variant]) }, data.heading && /* @__PURE__ */ React77.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React77.createElement("div", { className: "deliverable-spotlight-media" }, data.artifact.url ? /* @__PURE__ */ React77.createElement(
+  return /* @__PURE__ */ React78.createElement("section", { className: cx("deliverable-page", VARIANT_CLASSES[variant]) }, data.heading && /* @__PURE__ */ React78.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React78.createElement("div", { className: "deliverable-spotlight-media" }, data.artifact.url ? /* @__PURE__ */ React78.createElement(
     "img",
     {
       src: data.artifact.url,
       alt: data.artifact.title ?? "",
       className: "deliverable-spotlight-img"
     }
-  ) : /* @__PURE__ */ React77.createElement("div", { className: "deliverable-spotlight-missing" }, "Missing image")), data.body && /* @__PURE__ */ React77.createElement(
+  ) : /* @__PURE__ */ React78.createElement("div", { className: "deliverable-spotlight-missing" }, "Missing image")), data.body && /* @__PURE__ */ React78.createElement(
     MarkdownContent,
     {
       content: data.body,
@@ -6028,9 +6075,9 @@ function ArtifactSpotlightSection({ data }) {
 }
 
 // src/components/deliverable/TextBlockSection.tsx
-import React78 from "react";
+import React79 from "react";
 function TextBlockSection({ data }) {
-  return /* @__PURE__ */ React78.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React78.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React78.createElement(
+  return /* @__PURE__ */ React79.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React79.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React79.createElement(
     MarkdownContent,
     {
       content: data.body,
@@ -6040,22 +6087,22 @@ function TextBlockSection({ data }) {
 }
 
 // src/components/deliverable/ColorPaletteSection.tsx
-import React79 from "react";
+import React80 from "react";
 function ColorPaletteSection({ data }) {
-  return /* @__PURE__ */ React79.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React79.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React79.createElement("div", { className: "deliverable-palette" }, data.swatches.map((swatch, idx) => /* @__PURE__ */ React79.createElement("div", { key: idx, className: "deliverable-palette-item" }, /* @__PURE__ */ React79.createElement(
+  return /* @__PURE__ */ React80.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React80.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React80.createElement("div", { className: "deliverable-palette" }, data.swatches.map((swatch, idx) => /* @__PURE__ */ React80.createElement("div", { key: idx, className: "deliverable-palette-item" }, /* @__PURE__ */ React80.createElement(
     "div",
     {
       className: "deliverable-palette-chip",
       style: { backgroundColor: swatch.color },
       "aria-label": swatch.label
     }
-  ), /* @__PURE__ */ React79.createElement("p", { className: "deliverable-palette-label" }, swatch.label), /* @__PURE__ */ React79.createElement("p", { className: "deliverable-palette-hex" }, swatch.color.toUpperCase())))));
+  ), /* @__PURE__ */ React80.createElement("p", { className: "deliverable-palette-label" }, swatch.label), /* @__PURE__ */ React80.createElement("p", { className: "deliverable-palette-hex" }, swatch.color.toUpperCase())))));
 }
 
 // src/components/deliverable/QuoteBlockSection.tsx
-import React80 from "react";
+import React81 from "react";
 function QuoteBlockSection({ data }) {
-  return /* @__PURE__ */ React80.createElement("section", { className: "deliverable-page deliverable-quote" }, /* @__PURE__ */ React80.createElement("blockquote", { className: "deliverable-quote-body" }, /* @__PURE__ */ React80.createElement("p", { className: "deliverable-quote-text" }, "\u201C", data.quote, "\u201D"), data.attribution && /* @__PURE__ */ React80.createElement("footer", { className: "deliverable-quote-attribution" }, "\u2014 ", data.attribution)));
+  return /* @__PURE__ */ React81.createElement("section", { className: "deliverable-page deliverable-quote" }, /* @__PURE__ */ React81.createElement("blockquote", { className: "deliverable-quote-body" }, /* @__PURE__ */ React81.createElement("p", { className: "deliverable-quote-text" }, "\u201C", data.quote, "\u201D"), data.attribution && /* @__PURE__ */ React81.createElement("footer", { className: "deliverable-quote-attribution" }, "\u2014 ", data.attribution)));
 }
 
 // src/components/deliverable/DeliverableRenderer.tsx
@@ -6085,14 +6132,14 @@ function DeliverableRenderer({
       setIsDownloading(false);
     }
   };
-  return /* @__PURE__ */ React81.createElement(
+  return /* @__PURE__ */ React82.createElement(
     "div",
     {
       className: cx("deliverable", themeClass, className),
       style
     },
     deliverable.sections.map((section, idx) => renderSection(section, idx, deliverable)),
-    !hideActions && onDownloadPdf && /* @__PURE__ */ React81.createElement("div", { className: "deliverable-actions" }, /* @__PURE__ */ React81.createElement(
+    !hideActions && onDownloadPdf && /* @__PURE__ */ React82.createElement("div", { className: "deliverable-actions" }, /* @__PURE__ */ React82.createElement(
       Button,
       {
         variant: "important",
@@ -6109,7 +6156,7 @@ function renderSection(section, idx, doc) {
   const key = `${section.type}-${idx}`;
   switch (section.type) {
     case "COVER":
-      return /* @__PURE__ */ React81.createElement(
+      return /* @__PURE__ */ React82.createElement(
         CoverSection,
         {
           key,
@@ -6118,15 +6165,15 @@ function renderSection(section, idx, doc) {
         }
       );
     case "ARTIFACT_IMAGE_GRID":
-      return /* @__PURE__ */ React81.createElement(ArtifactImageGridSection, { key, data: section });
+      return /* @__PURE__ */ React82.createElement(ArtifactImageGridSection, { key, data: section });
     case "ARTIFACT_SPOTLIGHT":
-      return /* @__PURE__ */ React81.createElement(ArtifactSpotlightSection, { key, data: section });
+      return /* @__PURE__ */ React82.createElement(ArtifactSpotlightSection, { key, data: section });
     case "TEXT_BLOCK":
-      return /* @__PURE__ */ React81.createElement(TextBlockSection, { key, data: section });
+      return /* @__PURE__ */ React82.createElement(TextBlockSection, { key, data: section });
     case "COLOR_PALETTE":
-      return /* @__PURE__ */ React81.createElement(ColorPaletteSection, { key, data: section });
+      return /* @__PURE__ */ React82.createElement(ColorPaletteSection, { key, data: section });
     case "QUOTE_BLOCK":
-      return /* @__PURE__ */ React81.createElement(QuoteBlockSection, { key, data: section });
+      return /* @__PURE__ */ React82.createElement(QuoteBlockSection, { key, data: section });
     default:
       return null;
   }
@@ -6137,9 +6184,9 @@ function ArtifactLightboxBody({ artifact }) {
   switch (artifact.type) {
     case ARTIFACT_TYPES.DELIVERABLE: {
       if (!artifact.deliverable) {
-        return /* @__PURE__ */ React82.createElement(ArtifactCard, { artifact });
+        return /* @__PURE__ */ React83.createElement(ArtifactCard, { artifact });
       }
-      return /* @__PURE__ */ React82.createElement("div", { className: "w-full h-full overflow-auto" }, /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement("div", { className: "w-full h-full overflow-auto" }, /* @__PURE__ */ React83.createElement(
         DeliverableRenderer,
         {
           deliverable: artifact.deliverable,
@@ -6149,9 +6196,9 @@ function ArtifactLightboxBody({ artifact }) {
     }
     case ARTIFACT_TYPES.IMAGE: {
       if (!artifact.url) {
-        return /* @__PURE__ */ React82.createElement(ArtifactCard, { artifact });
+        return /* @__PURE__ */ React83.createElement(ArtifactCard, { artifact });
       }
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         "img",
         {
           src: artifact.url,
@@ -6162,9 +6209,9 @@ function ArtifactLightboxBody({ artifact }) {
     }
     case ARTIFACT_TYPES.VIDEO: {
       if (!artifact.url) {
-        return /* @__PURE__ */ React82.createElement(ArtifactCard, { artifact });
+        return /* @__PURE__ */ React83.createElement(ArtifactCard, { artifact });
       }
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         "video",
         {
           src: artifact.url,
@@ -6175,9 +6222,9 @@ function ArtifactLightboxBody({ artifact }) {
     }
     case ARTIFACT_TYPES.AUDIO: {
       if (!artifact.url) {
-        return /* @__PURE__ */ React82.createElement(ArtifactCard, { artifact });
+        return /* @__PURE__ */ React83.createElement(ArtifactCard, { artifact });
       }
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         "audio",
         {
           src: artifact.url,
@@ -6187,7 +6234,7 @@ function ArtifactLightboxBody({ artifact }) {
       );
     }
     default:
-      return /* @__PURE__ */ React82.createElement(ArtifactCard, { artifact });
+      return /* @__PURE__ */ React83.createElement(ArtifactCard, { artifact });
   }
 }
 function getArtifactLightboxCaption(artifact) {
@@ -6197,7 +6244,7 @@ function getArtifactLightboxCaption(artifact) {
   if (!artifact.title && !artifact.subtitle) {
     return null;
   }
-  return /* @__PURE__ */ React82.createElement("div", { className: "inline-flex flex-col items-center gap-1 px-4 py-2 bg-charcoal/70 backdrop-blur border border-ash/40" }, artifact.title && /* @__PURE__ */ React82.createElement("p", { className: "text-xs uppercase tracking-wider text-silver" }, artifact.title), artifact.subtitle && /* @__PURE__ */ React82.createElement("p", { className: "text-xs text-silver/70" }, artifact.subtitle));
+  return /* @__PURE__ */ React83.createElement("div", { className: "inline-flex flex-col items-center gap-1 px-4 py-2 bg-charcoal/70 backdrop-blur border border-ash/40" }, artifact.title && /* @__PURE__ */ React83.createElement("p", { className: "text-xs uppercase tracking-wider text-silver" }, artifact.title), artifact.subtitle && /* @__PURE__ */ React83.createElement("p", { className: "text-xs text-silver/70" }, artifact.subtitle));
 }
 
 // src/components/chat/hooks/useResizable.ts
@@ -6296,19 +6343,25 @@ function useArtifactTreeNavigation(rootNodes) {
 
 // src/components/chat/ArtifactsPanel.tsx
 var ZOOM_LEVELS = [0.25, 0.5, 0.75, 1];
+var FULL_CARD_SLOT_LOADING = {
+  header: { title: true, subtitle: true },
+  media: true,
+  body: true
+};
+var COLD_START_PLACEHOLDER_COUNT = 3;
 function ArtifactLightbox({
   artifact,
   onClose,
   getArtifactActions
 }) {
-  return /* @__PURE__ */ React83.createElement(
+  return /* @__PURE__ */ React84.createElement(
     Lightbox,
     {
       onClose,
       actions: getArtifactActions?.(artifact, { onClose }),
       caption: getArtifactLightboxCaption(artifact)
     },
-    /* @__PURE__ */ React83.createElement(ArtifactLightboxBody, { artifact })
+    /* @__PURE__ */ React84.createElement(ArtifactLightboxBody, { artifact })
   );
 }
 function findArtifactInNodes(nodes, artifactId) {
@@ -6325,6 +6378,9 @@ function findArtifactInNodes(nodes, artifactId) {
   }
   return null;
 }
+function ColdStartPlaceholders() {
+  return /* @__PURE__ */ React84.createElement(React84.Fragment, null, Array.from({ length: COLD_START_PLACEHOLDER_COUNT }, (_, i) => /* @__PURE__ */ React84.createElement(Skeleton, { key: i, className: "w-full aspect-video" })));
+}
 function NodeRenderer({
   node,
   loading,
@@ -6332,7 +6388,7 @@ function NodeRenderer({
   onGroupClick
 }) {
   if (node.type === "ARTIFACT" && node.artifact) {
-    return /* @__PURE__ */ React83.createElement(
+    return /* @__PURE__ */ React84.createElement(
       ArtifactCard,
       {
         artifact: node.artifact,
@@ -6342,10 +6398,10 @@ function NodeRenderer({
     );
   }
   if (node.type === "GROUP") {
-    return /* @__PURE__ */ React83.createElement(ArtifactGroup, { node, onClick: onGroupClick });
+    return /* @__PURE__ */ React84.createElement(ArtifactGroup, { node, onClick: onGroupClick });
   }
   if (node.type === "VARIANT_SET") {
-    return /* @__PURE__ */ React83.createElement(
+    return /* @__PURE__ */ React84.createElement(
       ArtifactVariantStack,
       {
         node,
@@ -6356,7 +6412,7 @@ function NodeRenderer({
   }
   return null;
 }
-var ArtifactsPanel = React83.forwardRef(
+var ArtifactsPanel = React84.forwardRef(
   ({
     nodes,
     loading,
@@ -6368,6 +6424,8 @@ var ArtifactsPanel = React83.forwardRef(
   }, ref) => {
     const [expandedArtifact, setExpandedArtifact] = useState22(null);
     const [zoomIndex, setZoomIndex] = useState22(ZOOM_LEVELS.length - 1);
+    const slotLoading2 = loading === true ? FULL_CARD_SLOT_LOADING : loading || void 0;
+    const showColdStartPlaceholders = !!loading;
     const treeNav = useArtifactTreeNavigation(nodes || []);
     const hasNodes = !!nodes && nodes.length > 0;
     const handleExpandArtifact = useCallback20((artifact) => {
@@ -6409,7 +6467,7 @@ var ArtifactsPanel = React83.forwardRef(
       observer.observe(el);
       return () => observer.disconnect();
     }, []);
-    return /* @__PURE__ */ React83.createElement(React83.Fragment, null, /* @__PURE__ */ React83.createElement(
+    return /* @__PURE__ */ React84.createElement(React84.Fragment, null, /* @__PURE__ */ React84.createElement(
       "div",
       {
         ref,
@@ -6420,19 +6478,19 @@ var ArtifactsPanel = React83.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ React83.createElement(
+      /* @__PURE__ */ React84.createElement(
         "div",
         {
           className: "flex items-center justify-between p-4 border-b border-ash/40 shrink-0"
         },
-        /* @__PURE__ */ React83.createElement("h3", { className: "text-sm font-semibold text-white" }, "Artifacts"),
-        hasNodes && /* @__PURE__ */ React83.createElement(
+        /* @__PURE__ */ React84.createElement("h3", { className: "text-sm font-semibold text-white" }, "Artifacts"),
+        hasNodes && /* @__PURE__ */ React84.createElement(
           "div",
           {
             className: "flex items-center gap-0.5",
             "data-testid": "zoom-controls"
           },
-          /* @__PURE__ */ React83.createElement(
+          /* @__PURE__ */ React84.createElement(
             "button",
             {
               onClick: zoomOut,
@@ -6446,7 +6504,7 @@ var ArtifactsPanel = React83.forwardRef(
             },
             "\u2212"
           ),
-          /* @__PURE__ */ React83.createElement(
+          /* @__PURE__ */ React84.createElement(
             "span",
             {
               className: "text-xs text-silver w-8 text-center tabular-nums",
@@ -6455,7 +6513,7 @@ var ArtifactsPanel = React83.forwardRef(
             Math.round(currentZoom * 100),
             "%"
           ),
-          /* @__PURE__ */ React83.createElement(
+          /* @__PURE__ */ React84.createElement(
             "button",
             {
               onClick: zoomIn,
@@ -6471,7 +6529,7 @@ var ArtifactsPanel = React83.forwardRef(
           )
         )
       ),
-      hasNodes && !treeNav.isAtRoot && /* @__PURE__ */ React83.createElement(
+      hasNodes && !treeNav.isAtRoot && /* @__PURE__ */ React84.createElement(
         "nav",
         {
           className: "flex items-center gap-1 px-4 py-2 border-b border-ash/40 shrink-0 overflow-x-auto text-xs",
@@ -6480,7 +6538,7 @@ var ArtifactsPanel = React83.forwardRef(
         },
         treeNav.breadcrumbs.map((crumb, i) => {
           const isLast = i === treeNav.breadcrumbs.length - 1;
-          return /* @__PURE__ */ React83.createElement("span", { key: i, className: "flex items-center gap-1 shrink-0" }, i > 0 && /* @__PURE__ */ React83.createElement(ChevronRightIcon, { className: "w-3 h-3 text-silver/50", "aria-hidden": true }), isLast ? /* @__PURE__ */ React83.createElement("span", { className: "text-gold font-medium" }, crumb.label) : /* @__PURE__ */ React83.createElement(
+          return /* @__PURE__ */ React84.createElement("span", { key: i, className: "flex items-center gap-1 shrink-0" }, i > 0 && /* @__PURE__ */ React84.createElement(ChevronRightIcon, { className: "w-3 h-3 text-silver/50", "aria-hidden": true }), isLast ? /* @__PURE__ */ React84.createElement("span", { className: "text-gold font-medium" }, crumb.label) : /* @__PURE__ */ React84.createElement(
             "button",
             {
               onClick: () => treeNav.navigateTo(i),
@@ -6490,18 +6548,18 @@ var ArtifactsPanel = React83.forwardRef(
           ));
         })
       ),
-      /* @__PURE__ */ React83.createElement(
+      /* @__PURE__ */ React84.createElement(
         "div",
         {
           className: "flex-1 overflow-auto relative",
           "data-testid": "artifacts-scroll-area"
         },
-        /* @__PURE__ */ React83.createElement(
+        /* @__PURE__ */ React84.createElement(
           "div",
           {
             style: currentZoom !== 1 && contentHeight !== void 0 ? { height: contentHeight * currentZoom } : void 0
           },
-          /* @__PURE__ */ React83.createElement(
+          /* @__PURE__ */ React84.createElement(
             "div",
             {
               ref: contentRef,
@@ -6512,12 +6570,12 @@ var ArtifactsPanel = React83.forwardRef(
                 transformOrigin: "top center"
               } : void 0
             },
-            treeNav.currentNodes.length === 0 ? /* @__PURE__ */ React83.createElement("p", { className: "text-xs text-silver/60 text-center py-8" }, hasNodes ? "Empty group" : "No artifacts to display") : treeNav.currentNodes.map((node) => /* @__PURE__ */ React83.createElement(
+            treeNav.currentNodes.length === 0 ? showColdStartPlaceholders && !hasNodes ? /* @__PURE__ */ React84.createElement(ColdStartPlaceholders, null) : /* @__PURE__ */ React84.createElement("p", { className: "text-xs text-silver/60 text-center py-8" }, hasNodes ? "Empty group" : "No artifacts to display") : treeNav.currentNodes.map((node) => /* @__PURE__ */ React84.createElement(
               NodeRenderer,
               {
                 key: node.id,
                 node,
-                loading,
+                loading: slotLoading2,
                 onExpandArtifact: handleExpandArtifact,
                 onGroupClick: handleGroupClick
               }
@@ -6525,7 +6583,7 @@ var ArtifactsPanel = React83.forwardRef(
           )
         )
       )
-    ), expandedArtifact && /* @__PURE__ */ React83.createElement(
+    ), expandedArtifact && /* @__PURE__ */ React84.createElement(
       ArtifactLightbox,
       {
         artifact: expandedArtifact,
@@ -6536,8 +6594,8 @@ var ArtifactsPanel = React83.forwardRef(
   }
 );
 ArtifactsPanel.displayName = "ArtifactsPanel";
-var ArtifactsPanelToggle = React83.forwardRef(({ artifactCount = 0, onExpand, className, ...rest }, ref) => {
-  return /* @__PURE__ */ React83.createElement(
+var ArtifactsPanelToggle = React84.forwardRef(({ artifactCount = 0, onExpand, className, ...rest }, ref) => {
+  return /* @__PURE__ */ React84.createElement(
     "button",
     {
       ref,
@@ -6554,8 +6612,8 @@ var ArtifactsPanelToggle = React83.forwardRef(({ artifactCount = 0, onExpand, cl
       "aria-label": "Expand artifacts panel",
       ...rest
     },
-    /* @__PURE__ */ React83.createElement(Image, { className: "w-5 h-5", "aria-hidden": true }),
-    artifactCount > 0 && /* @__PURE__ */ React83.createElement(
+    /* @__PURE__ */ React84.createElement(Image, { className: "w-5 h-5", "aria-hidden": true }),
+    artifactCount > 0 && /* @__PURE__ */ React84.createElement(
       "span",
       {
         className: "absolute -top-1 -right-1 w-4 h-4 bg-gold text-obsidian text-xs font-medium flex items-center justify-center"
@@ -6567,7 +6625,7 @@ var ArtifactsPanelToggle = React83.forwardRef(({ artifactCount = 0, onExpand, cl
 ArtifactsPanelToggle.displayName = "ArtifactsPanelToggle";
 
 // src/components/chat/HistoryPanel.tsx
-import React84, { useCallback as useCallback21, useEffect as useEffect15, useMemo as useMemo3, useRef as useRef14, useState as useState23 } from "react";
+import React85, { useCallback as useCallback21, useEffect as useEffect15, useMemo as useMemo3, useRef as useRef14, useState as useState23 } from "react";
 import { ChevronDown as ChevronDown2, Pencil as Pencil2 } from "lucide-react";
 function parseTimestamp(ts) {
   if (ts == null) {
@@ -6615,7 +6673,7 @@ function ProjectFilter({
   const closeFilter = useCallback21(() => setOpen(false), []);
   useClickOutside(ref, closeFilter, open);
   const label = value ?? "All projects";
-  return /* @__PURE__ */ React84.createElement("div", { className: cx("relative min-w-0", className), ref }, /* @__PURE__ */ React84.createElement(
+  return /* @__PURE__ */ React85.createElement("div", { className: cx("relative min-w-0", className), ref }, /* @__PURE__ */ React85.createElement(
     "button",
     {
       type: "button",
@@ -6631,9 +6689,9 @@ function ProjectFilter({
         "transition-colors duration-150 min-w-0"
       )
     },
-    /* @__PURE__ */ React84.createElement("span", { className: "truncate" }, label),
-    /* @__PURE__ */ React84.createElement(ChevronDown2, { className: "w-3 h-3 shrink-0", "aria-hidden": true })
-  ), open && /* @__PURE__ */ React84.createElement(
+    /* @__PURE__ */ React85.createElement("span", { className: "truncate" }, label),
+    /* @__PURE__ */ React85.createElement(ChevronDown2, { className: "w-3 h-3 shrink-0", "aria-hidden": true })
+  ), open && /* @__PURE__ */ React85.createElement(
     "div",
     {
       role: "listbox",
@@ -6643,7 +6701,7 @@ function ProjectFilter({
         "max-h-60 overflow-y-auto"
       )
     },
-    /* @__PURE__ */ React84.createElement(
+    /* @__PURE__ */ React85.createElement(
       "button",
       {
         type: "button",
@@ -6661,7 +6719,7 @@ function ProjectFilter({
       },
       "All projects"
     ),
-    projects.map((p) => /* @__PURE__ */ React84.createElement(
+    projects.map((p) => /* @__PURE__ */ React85.createElement(
       "button",
       {
         key: p,
@@ -6713,7 +6771,7 @@ function ConversationRow({
     setIsEditing(false);
   }, [conversation.title]);
   if (isEditing) {
-    return /* @__PURE__ */ React84.createElement(
+    return /* @__PURE__ */ React85.createElement(
       "div",
       {
         className: cx(
@@ -6721,7 +6779,7 @@ function ConversationRow({
           conversation.isActive ? "bg-ash/40" : "bg-ash/20"
         )
       },
-      /* @__PURE__ */ React84.createElement(
+      /* @__PURE__ */ React85.createElement(
         "input",
         {
           ref: inputRef,
@@ -6746,10 +6804,10 @@ function ConversationRow({
           "aria-label": "Conversation title"
         }
       ),
-      conversation.project && /* @__PURE__ */ React84.createElement("p", { className: "text-xs text-silver/60 truncate mt-1" }, conversation.project)
+      conversation.project && /* @__PURE__ */ React85.createElement("p", { className: "text-xs text-silver/60 truncate mt-1" }, conversation.project)
     );
   }
-  return /* @__PURE__ */ React84.createElement("div", { className: "relative group" }, /* @__PURE__ */ React84.createElement(
+  return /* @__PURE__ */ React85.createElement("div", { className: "relative group" }, /* @__PURE__ */ React85.createElement(
     "button",
     {
       onClick: () => onSelect?.(conversation.id),
@@ -6759,18 +6817,19 @@ function ConversationRow({
         conversation.isActive ? "bg-ash/40 text-white" : "text-silver hover:bg-ash/20 hover:text-white"
       )
     },
-    /* @__PURE__ */ React84.createElement(
+    /* @__PURE__ */ React85.createElement(
       "p",
       {
+        key: conversation.title,
         className: cx(
-          "text-sm font-medium truncate",
+          "text-sm font-medium truncate animate-fade-in",
           onRename ? "pr-6" : ""
         )
       },
       conversation.title
     ),
-    conversation.project && /* @__PURE__ */ React84.createElement("p", { className: "text-xs text-silver/60 truncate mt-0.5" }, conversation.project)
-  ), onRename && /* @__PURE__ */ React84.createElement(
+    conversation.project && /* @__PURE__ */ React85.createElement("p", { className: "text-xs text-silver/60 truncate mt-0.5" }, conversation.project)
+  ), onRename && /* @__PURE__ */ React85.createElement(
     "button",
     {
       type: "button",
@@ -6783,7 +6842,7 @@ function ConversationRow({
         "transition-opacity duration-150"
       )
     },
-    /* @__PURE__ */ React84.createElement(Pencil2, { className: "w-3.5 h-3.5", "aria-hidden": true })
+    /* @__PURE__ */ React85.createElement(Pencil2, { className: "w-3.5 h-3.5", "aria-hidden": true })
   ));
 }
 function HistoryPanel({
@@ -6818,7 +6877,7 @@ function HistoryPanel({
     [filteredConversations]
   );
   const hasFilter = projects.length > 0;
-  return /* @__PURE__ */ React84.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ React84.createElement("div", { className: "px-4 py-3 border-b border-ash/40 shrink-0 flex items-center gap-2" }, /* @__PURE__ */ React84.createElement("h3", { className: "text-xs font-medium text-white shrink-0" }, "History"), (hasFilter || onNewChat) && /* @__PURE__ */ React84.createElement("div", { className: "flex items-center gap-2 flex-1 min-w-0" }, hasFilter && /* @__PURE__ */ React84.createElement(React84.Fragment, null, /* @__PURE__ */ React84.createElement("div", { className: "w-px h-3 bg-ash/40 shrink-0 mx-1" }), /* @__PURE__ */ React84.createElement(
+  return /* @__PURE__ */ React85.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ React85.createElement("div", { className: "px-4 py-3 border-b border-ash/40 shrink-0 flex items-center gap-2" }, /* @__PURE__ */ React85.createElement("h3", { className: "text-xs font-medium text-white shrink-0" }, "History"), (hasFilter || onNewChat) && /* @__PURE__ */ React85.createElement("div", { className: "flex items-center gap-2 flex-1 min-w-0" }, hasFilter && /* @__PURE__ */ React85.createElement(React85.Fragment, null, /* @__PURE__ */ React85.createElement("div", { className: "w-px h-3 bg-ash/40 shrink-0 mx-1" }), /* @__PURE__ */ React85.createElement(
     ProjectFilter,
     {
       projects,
@@ -6826,7 +6885,7 @@ function HistoryPanel({
       onChange: setProjectFilter,
       className: "flex-1"
     }
-  )), onNewChat && /* @__PURE__ */ React84.createElement(React84.Fragment, null, /* @__PURE__ */ React84.createElement("div", { className: "w-px h-3 bg-ash/40 shrink-0 mx-1" }), /* @__PURE__ */ React84.createElement(
+  )), onNewChat && /* @__PURE__ */ React85.createElement(React85.Fragment, null, /* @__PURE__ */ React85.createElement("div", { className: "w-px h-3 bg-ash/40 shrink-0 mx-1" }), /* @__PURE__ */ React85.createElement(
     "button",
     {
       onClick: onNewChat,
@@ -6838,15 +6897,15 @@ function HistoryPanel({
         "transition-colors duration-200"
       )
     },
-    /* @__PURE__ */ React84.createElement(PlusIcon, { className: "w-4 h-4" }),
-    /* @__PURE__ */ React84.createElement("span", { className: "truncate" }, "New Chat")
-  )))), /* @__PURE__ */ React84.createElement("div", { className: "flex-1 overflow-y-auto py-2" }, conversations.length === 0 ? /* @__PURE__ */ React84.createElement("p", { className: "px-4 py-2 text-xs text-silver/60" }, "No conversations yet") : groups.length === 0 ? /* @__PURE__ */ React84.createElement("p", { className: "px-4 py-2 text-xs text-silver/60" }, "No conversations match this filter") : /* @__PURE__ */ React84.createElement("div", null, groups.map((group, index) => /* @__PURE__ */ React84.createElement("section", { key: group.key, className: cx(index > 0 && "mt-3") }, /* @__PURE__ */ React84.createElement("div", { className: "flex items-center gap-2 px-3 pb-2" }, /* @__PURE__ */ React84.createElement(
+    /* @__PURE__ */ React85.createElement(PlusIcon, { className: "w-4 h-4" }),
+    /* @__PURE__ */ React85.createElement("span", { className: "truncate" }, "New Chat")
+  )))), /* @__PURE__ */ React85.createElement("div", { className: "flex-1 overflow-y-auto py-2" }, conversations.length === 0 ? /* @__PURE__ */ React85.createElement("p", { className: "px-4 py-2 text-xs text-silver/60" }, "No conversations yet") : groups.length === 0 ? /* @__PURE__ */ React85.createElement("p", { className: "px-4 py-2 text-xs text-silver/60" }, "No conversations match this filter") : /* @__PURE__ */ React85.createElement("div", null, groups.map((group, index) => /* @__PURE__ */ React85.createElement("section", { key: group.key, className: cx(index > 0 && "mt-3") }, /* @__PURE__ */ React85.createElement("div", { className: "flex items-center gap-2 px-3 pb-2" }, /* @__PURE__ */ React85.createElement(
     "span",
     {
       className: "text-xs font-medium uppercase tracking-wider text-gold/70"
     },
     group.label
-  ), /* @__PURE__ */ React84.createElement("div", { className: "flex-1 h-px bg-gold/20" })), /* @__PURE__ */ React84.createElement("div", { className: "space-y-1 px-2" }, group.conversations.map((conversation) => /* @__PURE__ */ React84.createElement(
+  ), /* @__PURE__ */ React85.createElement("div", { className: "flex-1 h-px bg-gold/20" })), /* @__PURE__ */ React85.createElement("div", { className: "space-y-1 px-2" }, group.conversations.map((conversation) => /* @__PURE__ */ React85.createElement(
     ConversationRow,
     {
       key: conversation.id,
@@ -6858,7 +6917,7 @@ function HistoryPanel({
 }
 
 // src/components/chat/TodosList.tsx
-import React85, { useCallback as useCallback22, useMemo as useMemo4, useState as useState24 } from "react";
+import React86, { useCallback as useCallback22, useMemo as useMemo4, useState as useState24 } from "react";
 import { Loader2 as Loader22, Square as Square2 } from "lucide-react";
 var TASK_STATUSES = {
   PENDING: "pending",
@@ -6870,16 +6929,16 @@ var TASK_STATUSES = {
 function TaskIcon({ status }) {
   switch (status) {
     case "done":
-      return /* @__PURE__ */ React85.createElement(CheckSquareIcon, null);
+      return /* @__PURE__ */ React86.createElement(CheckSquareIcon, null);
     case "in_progress":
-      return /* @__PURE__ */ React85.createElement(SquareLoaderIcon, null);
+      return /* @__PURE__ */ React86.createElement(SquareLoaderIcon, null);
     case "cancelled":
-      return /* @__PURE__ */ React85.createElement(CrossSquareIcon, { variant: "cancelled" });
+      return /* @__PURE__ */ React86.createElement(CrossSquareIcon, { variant: "cancelled" });
     case "failed":
-      return /* @__PURE__ */ React85.createElement(CrossSquareIcon, { variant: "failed" });
+      return /* @__PURE__ */ React86.createElement(CrossSquareIcon, { variant: "failed" });
     case "pending":
     default:
-      return /* @__PURE__ */ React85.createElement(EmptySquareIcon, null);
+      return /* @__PURE__ */ React86.createElement(EmptySquareIcon, null);
   }
 }
 function sortTasks(tasks) {
@@ -6899,14 +6958,14 @@ function TaskItem({ task, depth = 0 }) {
   const isSubtle = task.status === "cancelled" || task.status === "failed";
   const showSubtasks = task.subtasks && task.subtasks.length > 0;
   const sortedSubtasks = showSubtasks ? sortTasks(task.subtasks) : [];
-  return /* @__PURE__ */ React85.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React85.createElement(
+  return /* @__PURE__ */ React86.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React86.createElement(
     "div",
     {
       className: "flex items-center gap-2 py-1",
       style: { paddingLeft: `${depth * 1.5}rem` }
     },
-    /* @__PURE__ */ React85.createElement(TaskIcon, { status: task.status }),
-    /* @__PURE__ */ React85.createElement(
+    /* @__PURE__ */ React86.createElement(TaskIcon, { status: task.status }),
+    /* @__PURE__ */ React86.createElement(
       "span",
       {
         className: cx(
@@ -6918,10 +6977,10 @@ function TaskItem({ task, depth = 0 }) {
         )
       },
       task.label,
-      task.status === "cancelled" && /* @__PURE__ */ React85.createElement("span", { className: "text-silver/40 ml-1" }, "(cancelled)"),
-      task.status === "failed" && /* @__PURE__ */ React85.createElement("span", { className: "text-error/60 ml-1" }, "(failed)")
+      task.status === "cancelled" && /* @__PURE__ */ React86.createElement("span", { className: "text-silver/40 ml-1" }, "(cancelled)"),
+      task.status === "failed" && /* @__PURE__ */ React86.createElement("span", { className: "text-error/60 ml-1" }, "(failed)")
     )
-  ), showSubtasks && /* @__PURE__ */ React85.createElement("div", { className: "flex flex-col" }, sortedSubtasks.map((subtask) => /* @__PURE__ */ React85.createElement(TaskItem, { key: subtask.id, task: subtask, depth: depth + 1 }))));
+  ), showSubtasks && /* @__PURE__ */ React86.createElement("div", { className: "flex flex-col" }, sortedSubtasks.map((subtask) => /* @__PURE__ */ React86.createElement(TaskItem, { key: subtask.id, task: subtask, depth: depth + 1 }))));
 }
 function hasInProgressTask(tasks) {
   return tasks.some((t) => {
@@ -6934,7 +6993,7 @@ function hasInProgressTask(tasks) {
     return false;
   });
 }
-var TodosList = React85.forwardRef(
+var TodosList = React86.forwardRef(
   ({ tasks, title = "Tasks", onStopAllTasks, className, ...rest }, ref) => {
     const sortedTasks = useMemo4(() => sortTasks(tasks), [tasks]);
     const [isStopping, setIsStopping] = useState24(false);
@@ -6959,7 +7018,7 @@ var TodosList = React85.forwardRef(
     if (tasks.length === 0) {
       return null;
     }
-    return /* @__PURE__ */ React85.createElement(
+    return /* @__PURE__ */ React86.createElement(
       "div",
       {
         ref,
@@ -6970,16 +7029,16 @@ var TodosList = React85.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ React85.createElement(
+      /* @__PURE__ */ React86.createElement(
         "div",
         {
           className: "flex items-center justify-between px-4 py-2 border-b border-ash/40 flex-shrink-0"
         },
-        /* @__PURE__ */ React85.createElement("h4", { className: "text-xs font-medium text-white" }, title),
-        /* @__PURE__ */ React85.createElement("span", { className: "text-xs text-silver/60" }, countCompleted(tasks), "/", countTotal(tasks))
+        /* @__PURE__ */ React86.createElement("h4", { className: "text-xs font-medium text-white" }, title),
+        /* @__PURE__ */ React86.createElement("span", { className: "text-xs text-silver/60" }, countCompleted(tasks), "/", countTotal(tasks))
       ),
-      /* @__PURE__ */ React85.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-2" }, sortedTasks.map((task) => /* @__PURE__ */ React85.createElement(TaskItem, { key: task.id, task }))),
-      showStopButton && /* @__PURE__ */ React85.createElement("div", { className: "px-4 py-2 border-t border-ash/40 flex-shrink-0" }, /* @__PURE__ */ React85.createElement(
+      /* @__PURE__ */ React86.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-2" }, sortedTasks.map((task) => /* @__PURE__ */ React86.createElement(TaskItem, { key: task.id, task }))),
+      showStopButton && /* @__PURE__ */ React86.createElement("div", { className: "px-4 py-2 border-t border-ash/40 flex-shrink-0" }, /* @__PURE__ */ React86.createElement(
         "button",
         {
           type: "button",
@@ -6996,7 +7055,7 @@ var TodosList = React85.forwardRef(
             isStopping ? "cursor-not-allowed opacity-70" : "hover:bg-error/20"
           )
         },
-        isStopping ? /* @__PURE__ */ React85.createElement(React85.Fragment, null, /* @__PURE__ */ React85.createElement(Loader22, { className: "w-3 h-3 animate-spin" }), "Stopping tasks") : /* @__PURE__ */ React85.createElement(React85.Fragment, null, /* @__PURE__ */ React85.createElement(Square2, { className: "w-3 h-3 fill-current" }), "Stop All Tasks")
+        isStopping ? /* @__PURE__ */ React86.createElement(React86.Fragment, null, /* @__PURE__ */ React86.createElement(Loader22, { className: "w-3 h-3 animate-spin" }), "Stopping tasks") : /* @__PURE__ */ React86.createElement(React86.Fragment, null, /* @__PURE__ */ React86.createElement(Square2, { className: "w-3 h-3 fill-current" }), "Stop All Tasks")
       ))
     );
   }
@@ -7016,8 +7075,8 @@ function areAllTasksSettled(tasks) {
 }
 
 // src/components/chat/ToolSidebar.tsx
-import React86 from "react";
-var ToolSidebar = React86.forwardRef(
+import React87 from "react";
+var ToolSidebar = React87.forwardRef(
   ({ tools, activeTools, onToggleTool, side, className, ...rest }, ref) => {
     const topTools = tools.filter((t) => t.group === `top-${side}`);
     const bottomTools = tools.filter((t) => t.group === `bottom-${side}`);
@@ -7028,7 +7087,7 @@ var ToolSidebar = React86.forwardRef(
     };
     const renderButton = (tool) => {
       const active = isActive(tool.id);
-      return /* @__PURE__ */ React86.createElement(
+      return /* @__PURE__ */ React87.createElement(
         "button",
         {
           key: tool.id,
@@ -7040,10 +7099,10 @@ var ToolSidebar = React86.forwardRef(
           "aria-label": tool.label,
           "aria-pressed": active
         },
-        /* @__PURE__ */ React86.createElement("span", { className: "w-4 h-4 block" }, tool.icon)
+        /* @__PURE__ */ React87.createElement("span", { className: "w-4 h-4 block" }, tool.icon)
       );
     };
-    return /* @__PURE__ */ React86.createElement(
+    return /* @__PURE__ */ React87.createElement(
       "div",
       {
         ref,
@@ -7054,17 +7113,17 @@ var ToolSidebar = React86.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ React86.createElement("div", { className: "flex flex-col items-center gap-1" }, topTools.map(renderButton)),
-      /* @__PURE__ */ React86.createElement("div", { className: "flex-1 flex items-center justify-center" }, /* @__PURE__ */ React86.createElement("div", { className: "w-5 border-t border-ash/30" })),
-      /* @__PURE__ */ React86.createElement("div", { className: "flex flex-col items-center gap-1" }, bottomTools.map(renderButton))
+      /* @__PURE__ */ React87.createElement("div", { className: "flex flex-col items-center gap-1" }, topTools.map(renderButton)),
+      /* @__PURE__ */ React87.createElement("div", { className: "flex-1 flex items-center justify-center" }, /* @__PURE__ */ React87.createElement("div", { className: "w-5 border-t border-ash/30" })),
+      /* @__PURE__ */ React87.createElement("div", { className: "flex flex-col items-center gap-1" }, bottomTools.map(renderButton))
     );
   }
 );
 ToolSidebar.displayName = "ToolSidebar";
 
 // src/components/chat/ToolPanelContainer.tsx
-import React87, { useCallback as useCallback23, useEffect as useEffect16, useRef as useRef15, useState as useState25 } from "react";
-var ToolPanelContainer = React87.forwardRef(
+import React88, { useCallback as useCallback23, useEffect as useEffect16, useRef as useRef15, useState as useState25 } from "react";
+var ToolPanelContainer = React88.forwardRef(
   ({
     topContent,
     bottomContent,
@@ -7127,7 +7186,7 @@ var ToolPanelContainer = React87.forwardRef(
         document.body.style.userSelect = "";
       };
     }, [isResizingHeight, resizeHeight, stopHeightResize]);
-    return /* @__PURE__ */ React87.createElement(
+    return /* @__PURE__ */ React88.createElement(
       "div",
       {
         ref: composeRefs(containerRef, ref),
@@ -7139,7 +7198,7 @@ var ToolPanelContainer = React87.forwardRef(
         style: width ? { width } : void 0,
         ...rest
       },
-      /* @__PURE__ */ React87.createElement(
+      /* @__PURE__ */ React88.createElement(
         "div",
         {
           onMouseDown: onResizeStart,
@@ -7150,7 +7209,7 @@ var ToolPanelContainer = React87.forwardRef(
           )
         }
       ),
-      topContent !== null && /* @__PURE__ */ React87.createElement(
+      topContent !== null && /* @__PURE__ */ React88.createElement(
         "div",
         {
           className: "min-h-0 overflow-hidden flex flex-col",
@@ -7158,7 +7217,7 @@ var ToolPanelContainer = React87.forwardRef(
         },
         topContent
       ),
-      hasBoth && /* @__PURE__ */ React87.createElement(
+      hasBoth && /* @__PURE__ */ React88.createElement(
         "div",
         {
           onMouseDown: startHeightResize,
@@ -7170,7 +7229,7 @@ var ToolPanelContainer = React87.forwardRef(
           )
         }
       ),
-      bottomContent !== null && /* @__PURE__ */ React87.createElement(
+      bottomContent !== null && /* @__PURE__ */ React88.createElement(
         "div",
         {
           className: "min-h-0 overflow-hidden flex flex-col",
@@ -7330,7 +7389,7 @@ function isAncestor(tree, ancestorId, descendantId) {
 }
 
 // src/components/chat/ChatInterface.tsx
-var ChatInterface = React88.forwardRef(
+var ChatInterface = React89.forwardRef(
   ({
     messages = [],
     conversationTree,
@@ -7371,6 +7430,9 @@ var ChatInterface = React88.forwardRef(
     autoFocus = true,
     textareaRef,
     onTextareaKeyDown,
+    chatLoading = false,
+    artifactsLoading = false,
+    inputDisabled = false,
     className,
     ...rest
   }, ref) => {
@@ -7434,11 +7496,11 @@ var ChatInterface = React88.forwardRef(
     const allSettled = tasks.length === 0 || areAllTasksSettled(tasks);
     const allToolDefinitions = useMemo5(() => {
       const builtIn = [
-        { id: "history", icon: /* @__PURE__ */ React88.createElement(ChatBubbleIcon, null), label: "History", group: "top-left" },
-        { id: "artifacts", icon: /* @__PURE__ */ React88.createElement(MediaIcon, null), label: "Artifacts", group: "top-right" },
+        { id: "history", icon: /* @__PURE__ */ React89.createElement(ChatBubbleIcon, null), label: "History", group: "top-left" },
+        { id: "artifacts", icon: /* @__PURE__ */ React89.createElement(MediaIcon, null), label: "Artifacts", group: "top-right" },
         {
           id: "todos",
-          icon: allSettled ? /* @__PURE__ */ React88.createElement(CheckSquareIcon, null) : /* @__PURE__ */ React88.createElement(SquareLoaderIcon, null),
+          icon: allSettled ? /* @__PURE__ */ React89.createElement(CheckSquareIcon, null) : /* @__PURE__ */ React89.createElement(SquareLoaderIcon, null),
           label: "Tasks",
           group: "bottom-right"
         }
@@ -7639,7 +7701,7 @@ var ChatInterface = React88.forwardRef(
       },
       [onMessageSubmit]
     );
-    const isEmpty = displayItems.length === 0;
+    const isEmpty = displayItems.length === 0 && !chatLoading;
     const leftToolDefs = useMemo5(
       () => allToolDefinitions.filter((t) => t.group === "top-left" || t.group === "bottom-left"),
       [allToolDefinitions]
@@ -7658,7 +7720,7 @@ var ChatInterface = React88.forwardRef(
       }
       switch (toolId) {
         case "history":
-          return /* @__PURE__ */ React88.createElement(
+          return /* @__PURE__ */ React89.createElement(
             HistoryPanel,
             {
               conversations,
@@ -7668,10 +7730,11 @@ var ChatInterface = React88.forwardRef(
             }
           );
         case "artifacts":
-          return /* @__PURE__ */ React88.createElement(
+          return /* @__PURE__ */ React89.createElement(
             ArtifactsPanel,
             {
               nodes: artifactNodes,
+              loading: artifactsLoading,
               openArtifactId: panelOpenArtifactId,
               onArtifactClosed: handleArtifactPanelClosed,
               getArtifactActions,
@@ -7679,7 +7742,7 @@ var ChatInterface = React88.forwardRef(
             }
           );
         case "todos":
-          return tasks.length > 0 ? /* @__PURE__ */ React88.createElement(
+          return tasks.length > 0 ? /* @__PURE__ */ React89.createElement(
             TodosList,
             {
               tasks,
@@ -7687,20 +7750,20 @@ var ChatInterface = React88.forwardRef(
               onStopAllTasks,
               className: "h-full"
             }
-          ) : /* @__PURE__ */ React88.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ React88.createElement("div", { className: "flex items-center p-4 border-b border-ash/40 shrink-0" }, /* @__PURE__ */ React88.createElement("h3", { className: "text-xs font-medium text-white" }, "Tasks")), /* @__PURE__ */ React88.createElement("div", { className: "flex-1 flex items-center justify-center" }, /* @__PURE__ */ React88.createElement("p", { className: "text-xs text-silver/60" }, "No tasks")));
+          ) : /* @__PURE__ */ React89.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ React89.createElement("div", { className: "flex items-center p-4 border-b border-ash/40 shrink-0" }, /* @__PURE__ */ React89.createElement("h3", { className: "text-xs font-medium text-white" }, "Tasks")), /* @__PURE__ */ React89.createElement("div", { className: "flex-1 flex items-center justify-center" }, /* @__PURE__ */ React89.createElement("p", { className: "text-xs text-silver/60" }, "No tasks")));
         default: {
           const externalTool = externalTools.find((t) => t.id === toolId);
           return externalTool?.content ?? null;
         }
       }
     };
-    return /* @__PURE__ */ React88.createElement(
+    return /* @__PURE__ */ React89.createElement(
       "div",
       {
         className: cx("flex h-full w-full bg-obsidian overflow-hidden", className),
         ...rest
       },
-      hasLeftTools && /* @__PURE__ */ React88.createElement(
+      hasLeftTools && /* @__PURE__ */ React89.createElement(
         ToolSidebar,
         {
           tools: leftToolDefs,
@@ -7709,7 +7772,7 @@ var ChatInterface = React88.forwardRef(
           side: "left"
         }
       ),
-      isLeftPanelOpen && /* @__PURE__ */ React88.createElement(
+      isLeftPanelOpen && /* @__PURE__ */ React89.createElement(
         ToolPanelContainer,
         {
           topContent: renderToolContent(activeTools["top-left"]),
@@ -7720,16 +7783,16 @@ var ChatInterface = React88.forwardRef(
           initialTopPercent: 30
         }
       ),
-      /* @__PURE__ */ React88.createElement("div", { className: "flex-1 flex flex-col min-w-0 relative" }, /* @__PURE__ */ React88.createElement("div", { className: cx(
+      /* @__PURE__ */ React89.createElement("div", { className: "flex-1 flex flex-col min-w-0 relative" }, /* @__PURE__ */ React89.createElement("div", { className: cx(
         "flex-1 flex flex-col min-h-0 relative",
         isEmpty ? "justify-center" : "justify-start"
-      ) }, /* @__PURE__ */ React88.createElement("div", { className: cx(
+      ) }, /* @__PURE__ */ React89.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out",
         isEmpty ? "flex-1" : "flex-zero"
-      ) }), /* @__PURE__ */ React88.createElement("div", { className: cx(
-        "transition-all duration-500 ease-in-out overflow-hidden flex flex-col",
+      ) }), /* @__PURE__ */ React89.createElement("div", { className: cx(
+        "relative transition-all duration-500 ease-in-out overflow-hidden flex flex-col",
         isEmpty ? "flex-zero opacity-0" : "flex-1 opacity-100"
-      ) }, /* @__PURE__ */ React88.createElement(
+      ) }, /* @__PURE__ */ React89.createElement(
         ChatView,
         {
           items: displayItems,
@@ -7738,17 +7801,17 @@ var ChatInterface = React88.forwardRef(
           thinkingLabel,
           className: "flex-1"
         }
-      )), /* @__PURE__ */ React88.createElement("div", { className: cx(
+      ), chatLoading && /* @__PURE__ */ React89.createElement(BusyOverlay, null)), /* @__PURE__ */ React89.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out z-10 w-full flex flex-col items-center",
         isEmpty ? "p-4" : "shrink-0 p-4 border-t border-ash/40 bg-obsidian"
-      ) }, isEmpty && /* @__PURE__ */ React88.createElement("div", { className: "mb-8 text-center animate-fade-in duration-500" }, emptyState ? emptyState : /* @__PURE__ */ React88.createElement("h1", { className: "text-4xl md:text-5xl font-heading text-gold mb-2 tracking-tight" }, "Welcome!")), /* @__PURE__ */ React88.createElement(
+      ) }, isEmpty && /* @__PURE__ */ React89.createElement("div", { className: "mb-8 text-center animate-fade-in duration-500" }, emptyState ? emptyState : /* @__PURE__ */ React89.createElement("h1", { className: "text-4xl md:text-5xl font-heading text-gold mb-2 tracking-tight" }, "Welcome!")), /* @__PURE__ */ React89.createElement(
         ChatInput,
         {
           position: isEmpty ? "centered" : "bottom",
           placeholder,
           helperText: isEmpty ? emptyStateHelper : void 0,
           onSubmit: handleSubmit,
-          disabled: isEmpty ? isStreaming : isStreaming && !onStop,
+          disabled: inputDisabled || (isEmpty ? isStreaming : isStreaming && !onStop),
           isStreaming,
           onStop,
           showAttachmentButton,
@@ -7762,11 +7825,11 @@ var ChatInterface = React88.forwardRef(
           textareaRef,
           onTextareaKeyDown
         }
-      )), /* @__PURE__ */ React88.createElement("div", { className: cx(
+      )), /* @__PURE__ */ React89.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out",
         isEmpty ? "flex-1" : "flex-zero"
       ) }))),
-      isRightPanelOpen && /* @__PURE__ */ React88.createElement(
+      isRightPanelOpen && /* @__PURE__ */ React89.createElement(
         ToolPanelContainer,
         {
           topContent: renderToolContent(activeTools["top-right"]),
@@ -7777,7 +7840,7 @@ var ChatInterface = React88.forwardRef(
           initialTopPercent: 70
         }
       ),
-      hasRightTools && /* @__PURE__ */ React88.createElement(
+      hasRightTools && /* @__PURE__ */ React89.createElement(
         ToolSidebar,
         {
           tools: rightToolDefs,
@@ -7792,9 +7855,9 @@ var ChatInterface = React88.forwardRef(
 ChatInterface.displayName = "ChatInterface";
 
 // src/components/chat/MessageActions.tsx
-import React89, { useCallback as useCallback25, useState as useState27 } from "react";
+import React90, { useCallback as useCallback25, useState as useState27 } from "react";
 import { Check as Check4, Copy as Copy2, Pencil as Pencil3, RotateCcw as RotateCcw2, Send as Send3, X as X8 } from "lucide-react";
-var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ React89.createElement(
+var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ React90.createElement(
   "button",
   {
     type: "button",
@@ -7810,7 +7873,7 @@ var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @_
   },
   children
 );
-var MessageActions = React89.forwardRef(
+var MessageActions = React90.forwardRef(
   ({
     variant,
     content,
@@ -7871,19 +7934,19 @@ var MessageActions = React89.forwardRef(
     );
     const isUser = variant === "user";
     if (isUser && isEditing) {
-      return /* @__PURE__ */ React89.createElement(
+      return /* @__PURE__ */ React90.createElement(
         "div",
         {
           ref,
           className: cx("mt-2", className),
           ...rest
         },
-        /* @__PURE__ */ React89.createElement(
+        /* @__PURE__ */ React90.createElement(
           "div",
           {
             className: "relative bg-charcoal border border-ash/60 focus-within:border-gold/60 focus-within:ring-1 focus-within:ring-gold/20"
           },
-          /* @__PURE__ */ React89.createElement(
+          /* @__PURE__ */ React90.createElement(
             "textarea",
             {
               value: editValue,
@@ -7894,15 +7957,15 @@ var MessageActions = React89.forwardRef(
               rows: 2
             }
           ),
-          /* @__PURE__ */ React89.createElement("div", { className: "absolute right-2 bottom-2 flex gap-1" }, /* @__PURE__ */ React89.createElement(
+          /* @__PURE__ */ React90.createElement("div", { className: "absolute right-2 bottom-2 flex gap-1" }, /* @__PURE__ */ React90.createElement(
             ActionButton2,
             {
               onClick: handleCancelEdit,
               label: "Cancel edit",
               className: "text-silver/60 hover:text-error"
             },
-            /* @__PURE__ */ React89.createElement(X8, { className: "w-4 h-4" })
-          ), /* @__PURE__ */ React89.createElement(
+            /* @__PURE__ */ React90.createElement(X8, { className: "w-4 h-4" })
+          ), /* @__PURE__ */ React90.createElement(
             ActionButton2,
             {
               onClick: handleSubmitEdit,
@@ -7910,13 +7973,13 @@ var MessageActions = React89.forwardRef(
               className: "text-silver/60 hover:text-gold",
               disabled: !editValue.trim() || editValue.trim() === content
             },
-            /* @__PURE__ */ React89.createElement(Send3, { className: "w-4 h-4" })
+            /* @__PURE__ */ React90.createElement(Send3, { className: "w-4 h-4" })
           ))
         ),
-        /* @__PURE__ */ React89.createElement("p", { className: "text-xs text-silver/50 mt-1" }, "Press Enter to submit, Esc to cancel. This will create a new branch.")
+        /* @__PURE__ */ React90.createElement("p", { className: "text-xs text-silver/50 mt-1" }, "Press Enter to submit, Esc to cancel. This will create a new branch.")
       );
     }
-    return /* @__PURE__ */ React89.createElement(
+    return /* @__PURE__ */ React90.createElement(
       "div",
       {
         ref,
@@ -7927,18 +7990,18 @@ var MessageActions = React89.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ React89.createElement(ActionButton2, { onClick: handleCopy, label: copied ? "Copied!" : "Copy message" }, copied ? /* @__PURE__ */ React89.createElement(Check4, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ React89.createElement(Copy2, { className: "w-3.5 h-3.5" })),
-      isUser && onEdit && /* @__PURE__ */ React89.createElement(ActionButton2, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ React89.createElement(Pencil3, { className: "w-3.5 h-3.5" })),
-      !isUser && onRetry && /* @__PURE__ */ React89.createElement(ActionButton2, { onClick: onRetry, label: "Regenerate response" }, /* @__PURE__ */ React89.createElement(RotateCcw2, { className: "w-3.5 h-3.5" }))
+      /* @__PURE__ */ React90.createElement(ActionButton2, { onClick: handleCopy, label: copied ? "Copied!" : "Copy message" }, copied ? /* @__PURE__ */ React90.createElement(Check4, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ React90.createElement(Copy2, { className: "w-3.5 h-3.5" })),
+      isUser && onEdit && /* @__PURE__ */ React90.createElement(ActionButton2, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ React90.createElement(Pencil3, { className: "w-3.5 h-3.5" })),
+      !isUser && onRetry && /* @__PURE__ */ React90.createElement(ActionButton2, { onClick: onRetry, label: "Regenerate response" }, /* @__PURE__ */ React90.createElement(RotateCcw2, { className: "w-3.5 h-3.5" }))
     );
   }
 );
 MessageActions.displayName = "MessageActions";
 
 // src/components/chat/BranchNavigator.tsx
-import React90 from "react";
+import React91 from "react";
 import { ChevronLeft as ChevronLeft4, ChevronRight as ChevronRight5, GitBranch as GitBranch3 } from "lucide-react";
-var BranchNavigator = React90.forwardRef(
+var BranchNavigator = React91.forwardRef(
   ({
     current,
     total,
@@ -7957,7 +8020,7 @@ var BranchNavigator = React90.forwardRef(
     const buttonSize = size === "sm" ? "p-0.5" : "p-1";
     const iconSize = size === "sm" ? "w-3 h-3" : "w-4 h-4";
     const textSize = size === "sm" ? "text-xs" : "text-sm";
-    return /* @__PURE__ */ React90.createElement(
+    return /* @__PURE__ */ React91.createElement(
       "div",
       {
         ref,
@@ -7969,8 +8032,8 @@ var BranchNavigator = React90.forwardRef(
         "aria-label": "Branch navigation",
         ...rest
       },
-      showIcon && /* @__PURE__ */ React90.createElement(GitBranch3, { className: cx(iconSize, "mr-0.5 text-silver/50"), "aria-hidden": "true" }),
-      /* @__PURE__ */ React90.createElement(
+      showIcon && /* @__PURE__ */ React91.createElement(GitBranch3, { className: cx(iconSize, "mr-0.5 text-silver/50"), "aria-hidden": "true" }),
+      /* @__PURE__ */ React91.createElement(
         "button",
         {
           type: "button",
@@ -7983,10 +8046,10 @@ var BranchNavigator = React90.forwardRef(
           ),
           "aria-label": "Previous branch"
         },
-        /* @__PURE__ */ React90.createElement(ChevronLeft4, { className: iconSize })
+        /* @__PURE__ */ React91.createElement(ChevronLeft4, { className: iconSize })
       ),
-      /* @__PURE__ */ React90.createElement("span", { className: cx(textSize, "tabular-nums min-w-6 text-center") }, current, "/", total),
-      /* @__PURE__ */ React90.createElement(
+      /* @__PURE__ */ React91.createElement("span", { className: cx(textSize, "tabular-nums min-w-6 text-center") }, current, "/", total),
+      /* @__PURE__ */ React91.createElement(
         "button",
         {
           type: "button",
@@ -7999,7 +8062,7 @@ var BranchNavigator = React90.forwardRef(
           ),
           "aria-label": "Next branch"
         },
-        /* @__PURE__ */ React90.createElement(ChevronRight5, { className: iconSize })
+        /* @__PURE__ */ React91.createElement(ChevronRight5, { className: iconSize })
       )
     );
   }
@@ -8007,16 +8070,16 @@ var BranchNavigator = React90.forwardRef(
 BranchNavigator.displayName = "BranchNavigator";
 
 // src/components/BrandIcon.tsx
-import React91 from "react";
+import React92 from "react";
 var sizeMap2 = {
   sm: "h-8 w-8 text-sm",
   md: "h-12 w-12 text-base",
   lg: "h-16 w-16 text-lg"
 };
-var BrandIcon = React91.forwardRef(
+var BrandIcon = React92.forwardRef(
   ({ size = "md", variant = "solid", children, className, ...rest }, ref) => {
     const variantClasses = variant === "solid" ? "bg-gold text-obsidian border-2 border-gold" : "bg-transparent text-gold border-2 border-gold";
-    return /* @__PURE__ */ React91.createElement(
+    return /* @__PURE__ */ React92.createElement(
       "div",
       {
         ref,
@@ -8035,17 +8098,17 @@ var BrandIcon = React91.forwardRef(
 BrandIcon.displayName = "BrandIcon";
 
 // src/components/ColorSwatch.tsx
-import React92 from "react";
-var ColorSwatch = React92.forwardRef(
+import React93 from "react";
+var ColorSwatch = React93.forwardRef(
   ({ color, label, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React92.createElement(
+    return /* @__PURE__ */ React93.createElement(
       "div",
       {
         ref,
         className: cx("flex flex-col items-center gap-2", className),
         ...rest
       },
-      /* @__PURE__ */ React92.createElement(
+      /* @__PURE__ */ React93.createElement(
         "div",
         {
           className: "h-16 w-16 border-2 border-ash rounded-none shadow-sm",
@@ -8053,22 +8116,22 @@ var ColorSwatch = React92.forwardRef(
           "aria-label": label || color
         }
       ),
-      label && /* @__PURE__ */ React92.createElement("span", { className: "text-xs text-silver font-medium" }, label)
+      label && /* @__PURE__ */ React93.createElement("span", { className: "text-xs text-silver font-medium" }, label)
     );
   }
 );
 ColorSwatch.displayName = "ColorSwatch";
 
 // src/components/SectionHeading.tsx
-import React93 from "react";
+import React94 from "react";
 var levelStyles = {
   h2: "text-2xl mb-4",
   h3: "text-xl mb-3"
 };
-var SectionHeading = React93.forwardRef(
+var SectionHeading = React94.forwardRef(
   ({ level = "h2", children, className, ...rest }, ref) => {
     const Component = level;
-    return /* @__PURE__ */ React93.createElement(
+    return /* @__PURE__ */ React94.createElement(
       Component,
       {
         ref,
@@ -8118,6 +8181,7 @@ export {
   Breadcrumb,
   BreadcrumbItem,
   BreadcrumbLink,
+  BusyOverlay,
   Button,
   Card,
   ChatBubbleIcon,