@lukeashford/aurelius 4.10.2 → 4.11.0

package/dist/index.js

@@ -53,6 +53,7 @@ __export(index_exports, {
   Breadcrumb: () => Breadcrumb,
   BreadcrumbItem: () => BreadcrumbItem,
   BreadcrumbLink: () => BreadcrumbLink,
+  BusyOverlay: () => BusyOverlay,
   Button: () => Button,
   Card: () => Card,
   ChatBubbleIcon: () => ChatBubbleIcon,
@@ -2620,8 +2621,45 @@ var Progress = import_react31.default.forwardRef(
 );
 Progress.displayName = "Progress";
 
-// src/components/Toast.tsx
+// src/components/BusyOverlay.tsx
 var import_react32 = __toESM(require("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__ */ import_react32.default.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__ */ import_react32.default.createElement("div", { className: "flex items-center gap-2 text-white text-sm font-medium" }, /* @__PURE__ */ import_react32.default.createElement(Spinner, { size: "sm" }), label && /* @__PURE__ */ import_react32.default.createElement("span", null, label))
+  );
+}
+BusyOverlay.displayName = "BusyOverlay";
+
+// src/components/Toast.tsx
+var import_react33 = __toESM(require("react"));
 var import_react_dom = require("react-dom");
 var import_lucide_react5 = require("lucide-react");
 var toastCounter = 0;
@@ -2629,13 +2667,13 @@ function createToastId() {
   toastCounter += 1;
   return `toast-${Date.now().toString(36)}-${toastCounter}`;
 }
-var ToastContext = (0, import_react32.createContext)(null);
+var ToastContext = (0, import_react33.createContext)(null);
 function useToast() {
-  const context = (0, import_react32.useContext)(ToastContext);
+  const context = (0, import_react33.useContext)(ToastContext);
   if (!context) {
     throw new Error("useToast must be used within a ToastProvider");
   }
-  const toast = (0, import_react32.useCallback)(
+  const toast = (0, import_react33.useCallback)(
     (options) => {
       return context.addToast(options);
     },
@@ -2651,12 +2689,12 @@ var ToastProvider = ({
   position = "bottom-right",
   defaultDuration = 5e3
 }) => {
-  const [toasts, setToasts] = (0, import_react32.useState)([]);
-  const [mounted, setMounted] = (0, import_react32.useState)(false);
-  (0, import_react32.useEffect)(() => {
+  const [toasts, setToasts] = (0, import_react33.useState)([]);
+  const [mounted, setMounted] = (0, import_react33.useState)(false);
+  (0, import_react33.useEffect)(() => {
     setMounted(true);
   }, []);
-  const addToast = (0, import_react32.useCallback)(
+  const addToast = (0, import_react33.useCallback)(
     (toast) => {
       const id = createToastId();
       const newToast = {
@@ -2669,10 +2707,10 @@ var ToastProvider = ({
     },
     [defaultDuration]
   );
-  const removeToast = (0, import_react32.useCallback)((id) => {
+  const removeToast = (0, import_react33.useCallback)((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
   }, []);
-  return /* @__PURE__ */ import_react32.default.createElement(ToastContext.Provider, { value: { toasts, addToast, removeToast, position } }, children, mounted && /* @__PURE__ */ import_react32.default.createElement(ToastViewport, null));
+  return /* @__PURE__ */ import_react33.default.createElement(ToastContext.Provider, { value: { toasts, addToast, removeToast, position } }, children, mounted && /* @__PURE__ */ import_react33.default.createElement(ToastViewport, null));
 };
 ToastProvider.displayName = "ToastProvider";
 var POSITION_CLASSES = {
@@ -2684,13 +2722,13 @@ var POSITION_CLASSES = {
   "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
 };
 var ToastViewport = () => {
-  const context = (0, import_react32.useContext)(ToastContext);
+  const context = (0, import_react33.useContext)(ToastContext);
   if (!context) {
     return null;
   }
   const { toasts, position } = context;
   return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ import_react32.default.createElement(
+    /* @__PURE__ */ import_react33.default.createElement(
       "div",
       {
         className: cx(
@@ -2698,7 +2736,7 @@ var ToastViewport = () => {
           POSITION_CLASSES[position]
         )
       },
-      toasts.map((toast) => /* @__PURE__ */ import_react32.default.createElement(Toast, { key: toast.id, ...toast }))
+      toasts.map((toast) => /* @__PURE__ */ import_react33.default.createElement(Toast, { key: toast.id, ...toast }))
     ),
     document.body
   );
@@ -2712,10 +2750,10 @@ var VARIANT_STYLES2 = {
 };
 var VARIANT_ICONS = {
   default: null,
-  success: /* @__PURE__ */ import_react32.default.createElement(import_lucide_react5.CheckCircle, { className: "h-5 w-5 text-success" }),
-  error: /* @__PURE__ */ import_react32.default.createElement(import_lucide_react5.AlertCircle, { className: "h-5 w-5 text-error" }),
-  warning: /* @__PURE__ */ import_react32.default.createElement(import_lucide_react5.AlertTriangle, { className: "h-5 w-5 text-warning" }),
-  info: /* @__PURE__ */ import_react32.default.createElement(import_lucide_react5.Info, { className: "h-5 w-5 text-info" })
+  success: /* @__PURE__ */ import_react33.default.createElement(import_lucide_react5.CheckCircle, { className: "h-5 w-5 text-success" }),
+  error: /* @__PURE__ */ import_react33.default.createElement(import_lucide_react5.AlertCircle, { className: "h-5 w-5 text-error" }),
+  warning: /* @__PURE__ */ import_react33.default.createElement(import_lucide_react5.AlertTriangle, { className: "h-5 w-5 text-warning" }),
+  info: /* @__PURE__ */ import_react33.default.createElement(import_lucide_react5.Info, { className: "h-5 w-5 text-info" })
 };
 var Toast = ({
   id,
@@ -2725,8 +2763,8 @@ var Toast = ({
   duration,
   action
 }) => {
-  const context = (0, import_react32.useContext)(ToastContext);
-  (0, import_react32.useEffect)(() => {
+  const context = (0, import_react33.useContext)(ToastContext);
+  (0, import_react33.useEffect)(() => {
     if (duration && duration > 0) {
       const timer = setTimeout(() => {
         context?.removeToast(id);
@@ -2735,7 +2773,7 @@ var Toast = ({
     }
   }, [id, duration, context]);
   const icon = VARIANT_ICONS[variant];
-  return /* @__PURE__ */ import_react32.default.createElement(
+  return /* @__PURE__ */ import_react33.default.createElement(
     "div",
     {
       role: "alert",
@@ -2744,26 +2782,26 @@ var Toast = ({
         VARIANT_STYLES2[variant]
       )
     },
-    /* @__PURE__ */ import_react32.default.createElement("div", { className: "flex gap-3" }, icon && /* @__PURE__ */ import_react32.default.createElement("div", { className: "shrink-0 mt-0.5" }, icon), /* @__PURE__ */ import_react32.default.createElement("div", { className: "flex-1 min-w-0" }, title && /* @__PURE__ */ import_react32.default.createElement("p", { className: "text-sm font-medium text-white" }, title), description && /* @__PURE__ */ import_react32.default.createElement("p", { className: "text-sm text-silver mt-1" }, description), action && /* @__PURE__ */ import_react32.default.createElement("div", { className: "mt-3" }, action)), /* @__PURE__ */ import_react32.default.createElement(
+    /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex gap-3" }, icon && /* @__PURE__ */ import_react33.default.createElement("div", { className: "shrink-0 mt-0.5" }, icon), /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex-1 min-w-0" }, title && /* @__PURE__ */ import_react33.default.createElement("p", { className: "text-sm font-medium text-white" }, title), description && /* @__PURE__ */ import_react33.default.createElement("p", { className: "text-sm text-silver mt-1" }, description), action && /* @__PURE__ */ import_react33.default.createElement("div", { className: "mt-3" }, action)), /* @__PURE__ */ import_react33.default.createElement(
       "button",
       {
         onClick: () => context?.removeToast(id),
         className: "shrink-0 text-silver hover:text-white transition-colors"
       },
-      /* @__PURE__ */ import_react32.default.createElement(import_lucide_react5.X, { className: "h-4 w-4" }),
-      /* @__PURE__ */ import_react32.default.createElement("span", { className: "sr-only" }, "Dismiss")
+      /* @__PURE__ */ import_react33.default.createElement(import_lucide_react5.X, { className: "h-4 w-4" }),
+      /* @__PURE__ */ import_react33.default.createElement("span", { className: "sr-only" }, "Dismiss")
     ))
   );
 };
 Toast.displayName = "Toast";
 
 // src/components/Modal.tsx
-var import_react33 = __toESM(require("react"));
+var import_react34 = __toESM(require("react"));
 var import_react_dom2 = require("react-dom");
 var import_lucide_react6 = require("lucide-react");
 var Modal = ({ isOpen, onClose, title, children, className }) => {
-  const [mounted, setMounted] = (0, import_react33.useState)(false);
-  (0, import_react33.useEffect)(() => {
+  const [mounted, setMounted] = (0, import_react34.useState)(false);
+  (0, import_react34.useEffect)(() => {
     setMounted(true);
   }, []);
   useScrollLock(isOpen);
@@ -2771,14 +2809,14 @@ var Modal = ({ isOpen, onClose, title, children, className }) => {
   if (!mounted || !isOpen) {
     return null;
   }
-  const content = /* @__PURE__ */ import_react33.default.createElement(
+  const content = /* @__PURE__ */ import_react34.default.createElement(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6",
       onClick: onClose
     },
-    /* @__PURE__ */ import_react33.default.createElement("div", { className: "fixed inset-0 z-40 bg-obsidian/80 backdrop-blur-sm", "aria-hidden": "true" }),
-    /* @__PURE__ */ import_react33.default.createElement(
+    /* @__PURE__ */ import_react34.default.createElement("div", { className: "fixed inset-0 z-40 bg-obsidian/80 backdrop-blur-sm", "aria-hidden": "true" }),
+    /* @__PURE__ */ import_react34.default.createElement(
       "div",
       {
         role: "dialog",
@@ -2790,16 +2828,16 @@ var Modal = ({ isOpen, onClose, title, children, className }) => {
         "data-state": "open",
         onClick: (e) => e.stopPropagation()
       },
-      /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex items-center justify-between mb-2" }, title ? /* @__PURE__ */ import_react33.default.createElement("h3", { className: "text-xl font-semibold text-white m-0" }, title) : /* @__PURE__ */ import_react33.default.createElement("div", null), /* @__PURE__ */ import_react33.default.createElement(
+      /* @__PURE__ */ import_react34.default.createElement("div", { className: "flex items-center justify-between mb-2" }, title ? /* @__PURE__ */ import_react34.default.createElement("h3", { className: "text-xl font-semibold text-white m-0" }, title) : /* @__PURE__ */ import_react34.default.createElement("div", null), /* @__PURE__ */ import_react34.default.createElement(
         "button",
         {
           onClick: onClose,
           className: "text-silver hover:text-white transition-colors ml-auto"
         },
-        /* @__PURE__ */ import_react33.default.createElement(import_lucide_react6.X, { className: "h-5 w-5" }),
-        /* @__PURE__ */ import_react33.default.createElement("span", { className: "sr-only" }, "Close")
+        /* @__PURE__ */ import_react34.default.createElement(import_lucide_react6.X, { className: "h-5 w-5" }),
+        /* @__PURE__ */ import_react34.default.createElement("span", { className: "sr-only" }, "Close")
       )),
-      /* @__PURE__ */ import_react33.default.createElement("div", { className: "overflow-y-auto min-h-0" }, children)
+      /* @__PURE__ */ import_react34.default.createElement("div", { className: "overflow-y-auto min-h-0" }, children)
     )
   );
   return (0, import_react_dom2.createPortal)(content, document.body);
@@ -2807,12 +2845,12 @@ var Modal = ({ isOpen, onClose, title, children, className }) => {
 Modal.displayName = "Modal";
 
 // src/components/Lightbox.tsx
-var import_react47 = __toESM(require("react"));
+var import_react48 = __toESM(require("react"));
 
 // src/components/icons/ChatBubbleIcon.tsx
-var import_react34 = __toESM(require("react"));
+var import_react35 = __toESM(require("react"));
 function ChatBubbleIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react34.default.createElement(
+  return /* @__PURE__ */ import_react35.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2821,7 +2859,7 @@ function ChatBubbleIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ import_react34.default.createElement(
+    /* @__PURE__ */ import_react35.default.createElement(
       "path",
       {
         d: "M2 3h16v11H6l-4 3V3z"
@@ -2831,9 +2869,9 @@ function ChatBubbleIcon({ className, ...props }) {
 }
 
 // src/components/icons/ChevronLeftIcon.tsx
-var import_react35 = __toESM(require("react"));
+var import_react36 = __toESM(require("react"));
 function ChevronLeftIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react35.default.createElement(
+  return /* @__PURE__ */ import_react36.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2842,7 +2880,7 @@ function ChevronLeftIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ import_react35.default.createElement(
+    /* @__PURE__ */ import_react36.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -2854,9 +2892,9 @@ function ChevronLeftIcon({ className, ...props }) {
 }
 
 // src/components/icons/ChevronRightIcon.tsx
-var import_react36 = __toESM(require("react"));
+var import_react37 = __toESM(require("react"));
 function ChevronRightIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react36.default.createElement(
+  return /* @__PURE__ */ import_react37.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2865,7 +2903,7 @@ function ChevronRightIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ import_react36.default.createElement(
+    /* @__PURE__ */ import_react37.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -2877,9 +2915,9 @@ function ChevronRightIcon({ className, ...props }) {
 }
 
 // src/components/icons/CloseIcon.tsx
-var import_react37 = __toESM(require("react"));
+var import_react38 = __toESM(require("react"));
 function CloseIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react37.default.createElement(
+  return /* @__PURE__ */ import_react38.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2888,7 +2926,7 @@ function CloseIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.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"
@@ -2898,9 +2936,9 @@ function CloseIcon({ className, ...props }) {
 }
 
 // src/components/icons/ExpandIcon.tsx
-var import_react38 = __toESM(require("react"));
+var import_react39 = __toESM(require("react"));
 function ExpandIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react38.default.createElement(
+  return /* @__PURE__ */ import_react39.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2909,7 +2947,7 @@ function ExpandIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ import_react38.default.createElement(
+    /* @__PURE__ */ import_react39.default.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"
@@ -2919,9 +2957,9 @@ function ExpandIcon({ className, ...props }) {
 }
 
 // src/components/icons/HistoryIcon.tsx
-var import_react39 = __toESM(require("react"));
+var import_react40 = __toESM(require("react"));
 function HistoryIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react39.default.createElement(
+  return /* @__PURE__ */ import_react40.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2930,7 +2968,7 @@ function HistoryIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ import_react39.default.createElement(
+    /* @__PURE__ */ import_react40.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -2942,9 +2980,9 @@ function HistoryIcon({ className, ...props }) {
 }
 
 // src/components/icons/LayersIcon.tsx
-var import_react40 = __toESM(require("react"));
+var import_react41 = __toESM(require("react"));
 function LayersIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react40.default.createElement(
+  return /* @__PURE__ */ import_react41.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2953,19 +2991,19 @@ function LayersIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ import_react40.default.createElement(
+    /* @__PURE__ */ import_react41.default.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__ */ import_react40.default.createElement(
+    /* @__PURE__ */ import_react41.default.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__ */ import_react40.default.createElement(
+    /* @__PURE__ */ import_react41.default.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"
@@ -2975,9 +3013,9 @@ function LayersIcon({ className, ...props }) {
 }
 
 // src/components/icons/MediaIcon.tsx
-var import_react41 = __toESM(require("react"));
+var import_react42 = __toESM(require("react"));
 function MediaIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react41.default.createElement(
+  return /* @__PURE__ */ import_react42.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2986,7 +3024,7 @@ function MediaIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ import_react41.default.createElement(
+    /* @__PURE__ */ import_react42.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -2998,9 +3036,9 @@ function MediaIcon({ className, ...props }) {
 }
 
 // src/components/icons/PlusIcon.tsx
-var import_react42 = __toESM(require("react"));
+var import_react43 = __toESM(require("react"));
 function PlusIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react42.default.createElement(
+  return /* @__PURE__ */ import_react43.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3009,7 +3047,7 @@ function PlusIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ import_react42.default.createElement(
+    /* @__PURE__ */ import_react43.default.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"
@@ -3019,9 +3057,9 @@ function PlusIcon({ className, ...props }) {
 }
 
 // src/components/icons/CheckSquareIcon.tsx
-var import_react43 = __toESM(require("react"));
+var import_react44 = __toESM(require("react"));
 function CheckSquareIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react43.default.createElement(
+  return /* @__PURE__ */ import_react44.default.createElement(
     "div",
     {
       className: cx(
@@ -3030,14 +3068,14 @@ function CheckSquareIcon({ className, ...props }) {
       ),
       ...props
     },
-    /* @__PURE__ */ import_react43.default.createElement(
+    /* @__PURE__ */ import_react44.default.createElement(
       "svg",
       {
         viewBox: "0 0 16 16",
         fill: "none",
         className: "absolute inset-0 w-full h-full p-0.5"
       },
-      /* @__PURE__ */ import_react43.default.createElement(
+      /* @__PURE__ */ import_react44.default.createElement(
         "path",
         {
           d: "M3 8l3 3 7-7",
@@ -3053,9 +3091,9 @@ function CheckSquareIcon({ className, ...props }) {
 }
 
 // src/components/icons/EmptySquareIcon.tsx
-var import_react44 = __toESM(require("react"));
+var import_react45 = __toESM(require("react"));
 function EmptySquareIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react44.default.createElement(
+  return /* @__PURE__ */ import_react45.default.createElement(
     "div",
     {
       className: cx(
@@ -3068,9 +3106,9 @@ function EmptySquareIcon({ className, ...props }) {
 }
 
 // src/components/icons/CrossSquareIcon.tsx
-var import_react45 = __toESM(require("react"));
+var import_react46 = __toESM(require("react"));
 function CrossSquareIcon({ className, variant = "cancelled", ...props }) {
-  return /* @__PURE__ */ import_react45.default.createElement(
+  return /* @__PURE__ */ import_react46.default.createElement(
     "div",
     {
       className: cx(
@@ -3080,14 +3118,14 @@ function CrossSquareIcon({ className, variant = "cancelled", ...props }) {
       ),
       ...props
     },
-    /* @__PURE__ */ import_react45.default.createElement(
+    /* @__PURE__ */ import_react46.default.createElement(
       "svg",
       {
         viewBox: "0 0 16 16",
         fill: "none",
         className: "absolute inset-0 w-full h-full p-0.5"
       },
-      /* @__PURE__ */ import_react45.default.createElement(
+      /* @__PURE__ */ import_react46.default.createElement(
         "path",
         {
           d: "M4 4l8 8M12 4l-8 8",
@@ -3102,15 +3140,15 @@ function CrossSquareIcon({ className, variant = "cancelled", ...props }) {
 }
 
 // src/components/icons/SquareLoaderIcon.tsx
-var import_react46 = __toESM(require("react"));
+var import_react47 = __toESM(require("react"));
 function SquareLoaderIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react46.default.createElement("div", { className: cx("relative w-4 h-4 flex-shrink-0", className), ...props }, /* @__PURE__ */ import_react46.default.createElement(
+  return /* @__PURE__ */ import_react47.default.createElement("div", { className: cx("relative w-4 h-4 flex-shrink-0", className), ...props }, /* @__PURE__ */ import_react47.default.createElement(
     "svg",
     {
       viewBox: "0 0 16 16",
       className: "w-full h-full animate-snake-spin"
     },
-    /* @__PURE__ */ import_react46.default.createElement(
+    /* @__PURE__ */ import_react47.default.createElement(
       "rect",
       {
         x: "1",
@@ -3123,7 +3161,7 @@ function SquareLoaderIcon({ className, ...props }) {
         className: "text-ash/40"
       }
     ),
-    /* @__PURE__ */ import_react46.default.createElement(
+    /* @__PURE__ */ import_react47.default.createElement(
       "rect",
       {
         x: "1",
@@ -3150,12 +3188,12 @@ function Lightbox({
   className
 }) {
   useEscapeKey(onClose);
-  const handleSurfaceClick = (0, import_react47.useCallback)((e) => {
+  const handleSurfaceClick = (0, import_react48.useCallback)((e) => {
     if (e.target === e.currentTarget) {
       onClose();
     }
   }, [onClose]);
-  return /* @__PURE__ */ import_react47.default.createElement(
+  return /* @__PURE__ */ import_react48.default.createElement(
     "div",
     {
       className: cx(
@@ -3167,7 +3205,7 @@ function Lightbox({
       role: "dialog",
       "aria-modal": "true"
     },
-    /* @__PURE__ */ import_react47.default.createElement(
+    /* @__PURE__ */ import_react48.default.createElement(
       "div",
       {
         className: cx(
@@ -3176,18 +3214,18 @@ function Lightbox({
           "group/actions hover:border-gold/40 transition-colors"
         )
       },
-      actions && /* @__PURE__ */ import_react47.default.createElement(import_react47.default.Fragment, null, /* @__PURE__ */ import_react47.default.createElement("div", { className: "flex items-center gap-1 px-1 py-1" }, actions), /* @__PURE__ */ import_react47.default.createElement("div", { className: "w-px self-stretch bg-ash/40" })),
-      /* @__PURE__ */ import_react47.default.createElement(
+      actions && /* @__PURE__ */ import_react48.default.createElement(import_react48.default.Fragment, null, /* @__PURE__ */ import_react48.default.createElement("div", { className: "flex items-center gap-1 px-1 py-1" }, actions), /* @__PURE__ */ import_react48.default.createElement("div", { className: "w-px self-stretch bg-ash/40" })),
+      /* @__PURE__ */ import_react48.default.createElement(
         "button",
         {
           onClick: onClose,
           "aria-label": "Close",
           className: "p-2 text-silver hover:text-white hover:bg-ash/20 transition-colors"
         },
-        /* @__PURE__ */ import_react47.default.createElement(CloseIcon, { className: "w-5 h-5" })
+        /* @__PURE__ */ import_react48.default.createElement(CloseIcon, { className: "w-5 h-5" })
       )
     ),
-    /* @__PURE__ */ import_react47.default.createElement(
+    /* @__PURE__ */ import_react48.default.createElement(
       "div",
       {
         className: "relative w-11/12 h-11/12 max-w-7xl flex items-center justify-center animate-lightbox-in",
@@ -3195,12 +3233,12 @@ function Lightbox({
       },
       children
     ),
-    caption && /* @__PURE__ */ import_react47.default.createElement("div", { className: "absolute bottom-6 left-0 right-0 text-center pointer-events-none px-4" }, caption)
+    caption && /* @__PURE__ */ import_react48.default.createElement("div", { className: "absolute bottom-6 left-0 right-0 text-center pointer-events-none px-4" }, caption)
   );
 }
 
 // src/components/Drawer.tsx
-var import_react48 = __toESM(require("react"));
+var import_react49 = __toESM(require("react"));
 var import_react_dom3 = require("react-dom");
 var import_lucide_react7 = require("lucide-react");
 var SIZE_MAP2 = {
@@ -3256,8 +3294,8 @@ var Drawer = ({
   children,
   className
 }) => {
-  const [mounted, setMounted] = (0, import_react48.useState)(false);
-  (0, import_react48.useEffect)(() => {
+  const [mounted, setMounted] = (0, import_react49.useState)(false);
+  (0, import_react49.useEffect)(() => {
     setMounted(true);
   }, []);
   useScrollLock(isOpen);
@@ -3265,7 +3303,7 @@ var Drawer = ({
   if (!mounted) {
     return null;
   }
-  const content = /* @__PURE__ */ import_react48.default.createElement(
+  const content = /* @__PURE__ */ import_react49.default.createElement(
     "div",
     {
       className: cx(
@@ -3273,7 +3311,7 @@ var Drawer = ({
         isOpen ? "pointer-events-auto" : "pointer-events-none"
       )
     },
-    /* @__PURE__ */ import_react48.default.createElement(
+    /* @__PURE__ */ import_react49.default.createElement(
       "div",
       {
         className: cx(
@@ -3284,7 +3322,7 @@ var Drawer = ({
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ import_react48.default.createElement(
+    /* @__PURE__ */ import_react49.default.createElement(
       "div",
       {
         role: "dialog",
@@ -3302,16 +3340,16 @@ var Drawer = ({
           className
         )
       },
-      /* @__PURE__ */ import_react48.default.createElement("div", { className: "flex items-center justify-between px-4 py-3 border-b border-ash" }, title ? /* @__PURE__ */ import_react48.default.createElement("h2", { className: "text-lg font-semibold text-white m-0" }, title) : /* @__PURE__ */ import_react48.default.createElement("div", null), /* @__PURE__ */ import_react48.default.createElement(
+      /* @__PURE__ */ import_react49.default.createElement("div", { className: "flex items-center justify-between px-4 py-3 border-b border-ash" }, title ? /* @__PURE__ */ import_react49.default.createElement("h2", { className: "text-lg font-semibold text-white m-0" }, title) : /* @__PURE__ */ import_react49.default.createElement("div", null), /* @__PURE__ */ import_react49.default.createElement(
         "button",
         {
           onClick: onClose,
           className: "text-silver hover:text-white transition-colors"
         },
-        /* @__PURE__ */ import_react48.default.createElement(import_lucide_react7.X, { className: "h-5 w-5" }),
-        /* @__PURE__ */ import_react48.default.createElement("span", { className: "sr-only" }, "Close")
+        /* @__PURE__ */ import_react49.default.createElement(import_lucide_react7.X, { className: "h-5 w-5" }),
+        /* @__PURE__ */ import_react49.default.createElement("span", { className: "sr-only" }, "Close")
       )),
-      /* @__PURE__ */ import_react48.default.createElement("div", { className: "flex-1 overflow-auto p-4" }, children)
+      /* @__PURE__ */ import_react49.default.createElement("div", { className: "flex-1 overflow-auto p-4" }, children)
     )
   );
   return (0, import_react_dom3.createPortal)(content, document.body);
@@ -3319,7 +3357,7 @@ var Drawer = ({
 Drawer.displayName = "Drawer";
 
 // src/components/Popover.tsx
-var import_react49 = __toESM(require("react"));
+var import_react50 = __toESM(require("react"));
 var POSITION_CLASSES3 = {
   top: {
     start: "bottom-full left-0 mb-2",
@@ -3351,12 +3389,12 @@ var Popover = ({
   onOpenChange,
   closeOnClickOutside = true
 }) => {
-  const [internalOpen, setInternalOpen] = (0, import_react49.useState)(false);
+  const [internalOpen, setInternalOpen] = (0, import_react50.useState)(false);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : internalOpen;
-  const containerRef = (0, import_react49.useRef)(null);
-  const baseId = (0, import_react49.useId)();
-  const setIsOpen = (0, import_react49.useCallback)(
+  const containerRef = (0, import_react50.useRef)(null);
+  const baseId = (0, import_react50.useId)();
+  const setIsOpen = (0, import_react50.useCallback)(
     (newOpen) => {
       if (!isControlled) {
         setInternalOpen(newOpen);
@@ -3365,20 +3403,20 @@ var Popover = ({
     },
     [isControlled, onOpenChange]
   );
-  const close = (0, import_react49.useCallback)(() => setIsOpen(false), [setIsOpen]);
+  const close = (0, import_react50.useCallback)(() => setIsOpen(false), [setIsOpen]);
   useClickOutside(containerRef, close, isOpen && closeOnClickOutside);
   useEscapeKey(close, isOpen);
   const handleTriggerClick = () => {
     setIsOpen(!isOpen);
   };
-  const triggerElement = import_react49.default.cloneElement(trigger, {
+  const triggerElement = import_react50.default.cloneElement(trigger, {
     onClick: handleTriggerClick,
     "aria-haspopup": "dialog",
     "aria-expanded": isOpen,
     "aria-controls": `${baseId}-popover`,
     id: `${baseId}-trigger`
   });
-  return /* @__PURE__ */ import_react49.default.createElement("div", { ref: containerRef, className: "relative inline-block" }, triggerElement, isOpen && /* @__PURE__ */ import_react49.default.createElement(
+  return /* @__PURE__ */ import_react50.default.createElement("div", { ref: containerRef, className: "relative inline-block" }, triggerElement, isOpen && /* @__PURE__ */ import_react50.default.createElement(
     "div",
     {
       id: `${baseId}-popover`,
@@ -3397,7 +3435,7 @@ var Popover = ({
 Popover.displayName = "Popover";
 
 // src/components/Dialog.tsx
-var import_react50 = __toESM(require("react"));
+var import_react51 = __toESM(require("react"));
 var ConfirmDialog = ({
   title = "Confirm",
   description,
@@ -3410,15 +3448,15 @@ var ConfirmDialog = ({
   isLoading = false,
   ...props
 }) => {
-  const handleCancel = (0, import_react50.useCallback)(() => {
+  const handleCancel = (0, import_react51.useCallback)(() => {
     onCancel?.();
     onClose();
   }, [onCancel, onClose]);
-  const handleConfirm = (0, import_react50.useCallback)(async () => {
+  const handleConfirm = (0, import_react51.useCallback)(async () => {
     await onConfirm();
     onClose();
   }, [onConfirm, onClose]);
-  return /* @__PURE__ */ import_react50.default.createElement(Modal, { title, onClose, ...props }, description && /* @__PURE__ */ import_react50.default.createElement("p", { className: "text-sm text-silver mb-6" }, description), /* @__PURE__ */ import_react50.default.createElement("div", { className: "flex justify-end gap-3" }, /* @__PURE__ */ import_react50.default.createElement(Button, { variant: "outlined", onClick: handleCancel, disabled: isLoading }, cancelText), /* @__PURE__ */ import_react50.default.createElement(
+  return /* @__PURE__ */ import_react51.default.createElement(Modal, { title, onClose, ...props }, description && /* @__PURE__ */ import_react51.default.createElement("p", { className: "text-sm text-silver mb-6" }, description), /* @__PURE__ */ import_react51.default.createElement("div", { className: "flex justify-end gap-3" }, /* @__PURE__ */ import_react51.default.createElement(Button, { variant: "outlined", onClick: handleCancel, disabled: isLoading }, cancelText), /* @__PURE__ */ import_react51.default.createElement(
     Button,
     {
       variant: confirmVariant,
@@ -3441,7 +3479,7 @@ var AlertDialog = ({
     variant === "warning" && "text-warning",
     variant === "error" && "text-error"
   );
-  return /* @__PURE__ */ import_react50.default.createElement(Modal, { onClose, ...props }, /* @__PURE__ */ import_react50.default.createElement("h3", { className: cx("text-xl font-semibold mb-2", titleClass) }, title), description && /* @__PURE__ */ import_react50.default.createElement("p", { className: "text-sm text-silver mb-6" }, description), /* @__PURE__ */ import_react50.default.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ import_react50.default.createElement(Button, { variant: "primary", onClick: onClose }, acknowledgeText)));
+  return /* @__PURE__ */ import_react51.default.createElement(Modal, { onClose, ...props }, /* @__PURE__ */ import_react51.default.createElement("h3", { className: cx("text-xl font-semibold mb-2", titleClass) }, title), description && /* @__PURE__ */ import_react51.default.createElement("p", { className: "text-sm text-silver mb-6" }, description), /* @__PURE__ */ import_react51.default.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ import_react51.default.createElement(Button, { variant: "primary", onClick: onClose }, acknowledgeText)));
 };
 AlertDialog.displayName = "AlertDialog";
 var PromptDialog = ({
@@ -3457,12 +3495,12 @@ var PromptDialog = ({
   isLoading = false,
   ...props
 }) => {
-  const [value, setValue] = import_react50.default.useState(defaultValue);
-  const handleCancel = (0, import_react50.useCallback)(() => {
+  const [value, setValue] = import_react51.default.useState(defaultValue);
+  const handleCancel = (0, import_react51.useCallback)(() => {
     onCancel?.();
     onClose();
   }, [onCancel, onClose]);
-  const handleSubmit = (0, import_react50.useCallback)(
+  const handleSubmit = (0, import_react51.useCallback)(
     async (e) => {
       e.preventDefault();
       await onSubmit(value);
@@ -3470,7 +3508,7 @@ var PromptDialog = ({
     },
     [onSubmit, value, onClose]
   );
-  return /* @__PURE__ */ import_react50.default.createElement(Modal, { title, onClose, ...props }, /* @__PURE__ */ import_react50.default.createElement("form", { onSubmit: handleSubmit }, description && /* @__PURE__ */ import_react50.default.createElement("p", { className: "text-sm text-silver mb-4" }, description), /* @__PURE__ */ import_react50.default.createElement(
+  return /* @__PURE__ */ import_react51.default.createElement(Modal, { title, onClose, ...props }, /* @__PURE__ */ import_react51.default.createElement("form", { onSubmit: handleSubmit }, description && /* @__PURE__ */ import_react51.default.createElement("p", { className: "text-sm text-silver mb-4" }, description), /* @__PURE__ */ import_react51.default.createElement(
     "input",
     {
       type: "text",
@@ -3485,7 +3523,7 @@ var PromptDialog = ({
       ),
       autoFocus: true
     }
-  ), /* @__PURE__ */ import_react50.default.createElement("div", { className: "flex justify-end gap-3" }, /* @__PURE__ */ import_react50.default.createElement(
+  ), /* @__PURE__ */ import_react51.default.createElement("div", { className: "flex justify-end gap-3" }, /* @__PURE__ */ import_react51.default.createElement(
     Button,
     {
       type: "button",
@@ -3494,27 +3532,27 @@ var PromptDialog = ({
       disabled: isLoading
     },
     cancelText
-  ), /* @__PURE__ */ import_react50.default.createElement(Button, { type: "submit", variant: "important", loading: isLoading }, submitText))));
+  ), /* @__PURE__ */ import_react51.default.createElement(Button, { type: "submit", variant: "important", loading: isLoading }, submitText))));
 };
 PromptDialog.displayName = "PromptDialog";
 
 // src/components/Tabs.tsx
-var import_react51 = __toESM(require("react"));
-var TabsContext = (0, import_react51.createContext)(null);
+var import_react52 = __toESM(require("react"));
+var TabsContext = (0, import_react52.createContext)(null);
 function useTabsContext() {
-  const context = (0, import_react51.useContext)(TabsContext);
+  const context = (0, import_react52.useContext)(TabsContext);
   if (!context) {
     throw new Error("Tabs components must be used within a Tabs provider");
   }
   return context;
 }
-var Tabs = import_react51.default.forwardRef(
+var Tabs = import_react52.default.forwardRef(
   ({ defaultValue, value, onValueChange, children, className, ...props }, ref) => {
-    const [internalValue, setInternalValue] = (0, import_react51.useState)(defaultValue ?? "");
+    const [internalValue, setInternalValue] = (0, import_react52.useState)(defaultValue ?? "");
     const isControlled = value !== void 0;
     const activeTab = isControlled ? value : internalValue;
-    const baseId = (0, import_react51.useId)();
-    const setActiveTab = (0, import_react51.useCallback)(
+    const baseId = (0, import_react52.useId)();
+    const setActiveTab = (0, import_react52.useCallback)(
       (id) => {
         if (!isControlled) {
           setInternalValue(id);
@@ -3523,13 +3561,13 @@ var Tabs = import_react51.default.forwardRef(
       },
       [isControlled, onValueChange]
     );
-    return /* @__PURE__ */ import_react51.default.createElement(TabsContext.Provider, { value: { activeTab, setActiveTab, baseId } }, /* @__PURE__ */ import_react51.default.createElement("div", { ref, className: cx("w-full", className), ...props }, children));
+    return /* @__PURE__ */ import_react52.default.createElement(TabsContext.Provider, { value: { activeTab, setActiveTab, baseId } }, /* @__PURE__ */ import_react52.default.createElement("div", { ref, className: cx("w-full", className), ...props }, children));
   }
 );
 Tabs.displayName = "Tabs";
-var TabList = import_react51.default.forwardRef(
+var TabList = import_react52.default.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ import_react51.default.createElement(
+    return /* @__PURE__ */ import_react52.default.createElement(
       "div",
       {
         ref,
@@ -3545,13 +3583,13 @@ var TabList = import_react51.default.forwardRef(
   }
 );
 TabList.displayName = "TabList";
-var Tab = import_react51.default.forwardRef(
+var Tab = import_react52.default.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__ */ import_react51.default.createElement(
+    return /* @__PURE__ */ import_react52.default.createElement(
       "button",
       {
         ref,
@@ -3578,7 +3616,7 @@ var Tab = import_react51.default.forwardRef(
   }
 );
 Tab.displayName = "Tab";
-var TabPanel = import_react51.default.forwardRef(
+var TabPanel = import_react52.default.forwardRef(
   ({ value, forceMount = false, children, className, ...props }, ref) => {
     const { activeTab, baseId } = useTabsContext();
     const isActive = activeTab === value;
@@ -3587,7 +3625,7 @@ var TabPanel = import_react51.default.forwardRef(
     if (!isActive && !forceMount) {
       return null;
     }
-    return /* @__PURE__ */ import_react51.default.createElement(
+    return /* @__PURE__ */ import_react52.default.createElement(
       "div",
       {
         ref,
@@ -3610,19 +3648,19 @@ var TabPanel = import_react51.default.forwardRef(
 TabPanel.displayName = "TabPanel";
 
 // src/components/Accordion.tsx
-var import_react52 = __toESM(require("react"));
+var import_react53 = __toESM(require("react"));
 var import_lucide_react8 = require("lucide-react");
-var AccordionContext = (0, import_react52.createContext)(null);
+var AccordionContext = (0, import_react53.createContext)(null);
 function useAccordionContext() {
-  const context = (0, import_react52.useContext)(AccordionContext);
+  const context = (0, import_react53.useContext)(AccordionContext);
   if (!context) {
     throw new Error("Accordion components must be used within an Accordion provider");
   }
   return context;
 }
-var Accordion = import_react52.default.forwardRef(
+var Accordion = import_react53.default.forwardRef(
   ({ type = "single", defaultValue, value, onValueChange, children, className, ...props }, ref) => {
-    const [internalValue, setInternalValue] = (0, import_react52.useState)(() => {
+    const [internalValue, setInternalValue] = (0, import_react53.useState)(() => {
       if (defaultValue) {
         return new Set(Array.isArray(defaultValue) ? defaultValue : [defaultValue]);
       }
@@ -3630,7 +3668,7 @@ var Accordion = import_react52.default.forwardRef(
     });
     const isControlled = value !== void 0;
     const expandedItems = isControlled ? new Set(Array.isArray(value) ? value : [value]) : internalValue;
-    const toggleItem = (0, import_react52.useCallback)(
+    const toggleItem = (0, import_react53.useCallback)(
       (id) => {
         const newSet = new Set(expandedItems);
         if (newSet.has(id)) {
@@ -3649,7 +3687,7 @@ var Accordion = import_react52.default.forwardRef(
       },
       [expandedItems, type, isControlled, onValueChange]
     );
-    return /* @__PURE__ */ import_react52.default.createElement(AccordionContext.Provider, { value: { expandedItems, toggleItem, type } }, /* @__PURE__ */ import_react52.default.createElement(
+    return /* @__PURE__ */ import_react53.default.createElement(AccordionContext.Provider, { value: { expandedItems, toggleItem, type } }, /* @__PURE__ */ import_react53.default.createElement(
       "div",
       {
         ref,
@@ -3661,10 +3699,10 @@ var Accordion = import_react52.default.forwardRef(
   }
 );
 Accordion.displayName = "Accordion";
-var AccordionItemContext = (0, import_react52.createContext)(null);
-var AccordionItem = import_react52.default.forwardRef(
+var AccordionItemContext = (0, import_react53.createContext)(null);
+var AccordionItem = import_react53.default.forwardRef(
   ({ value, disabled = false, children, className, ...props }, ref) => {
-    return /* @__PURE__ */ import_react52.default.createElement(AccordionItemContext.Provider, { value: { value, disabled } }, /* @__PURE__ */ import_react52.default.createElement(
+    return /* @__PURE__ */ import_react53.default.createElement(AccordionItemContext.Provider, { value: { value, disabled } }, /* @__PURE__ */ import_react53.default.createElement(
       "div",
       {
         ref,
@@ -3677,17 +3715,17 @@ var AccordionItem = import_react52.default.forwardRef(
   }
 );
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = import_react52.default.forwardRef(
+var AccordionTrigger = import_react53.default.forwardRef(
   ({ children, className, ...props }, ref) => {
     const { expandedItems, toggleItem } = useAccordionContext();
-    const itemContext = (0, import_react52.useContext)(AccordionItemContext);
-    const baseId = (0, import_react52.useId)();
+    const itemContext = (0, import_react53.useContext)(AccordionItemContext);
+    const baseId = (0, import_react53.useId)();
     if (!itemContext) {
       throw new Error("AccordionTrigger must be used within an AccordionItem");
     }
     const { value, disabled } = itemContext;
     const isExpanded = expandedItems.has(value);
-    return /* @__PURE__ */ import_react52.default.createElement("h3", { className: "m-0" }, /* @__PURE__ */ import_react52.default.createElement(
+    return /* @__PURE__ */ import_react53.default.createElement("h3", { className: "m-0" }, /* @__PURE__ */ import_react53.default.createElement(
       "button",
       {
         ref,
@@ -3708,8 +3746,8 @@ var AccordionTrigger = import_react52.default.forwardRef(
         ),
         ...props
       },
-      /* @__PURE__ */ import_react52.default.createElement("span", null, children),
-      /* @__PURE__ */ import_react52.default.createElement(
+      /* @__PURE__ */ import_react53.default.createElement("span", null, children),
+      /* @__PURE__ */ import_react53.default.createElement(
         import_lucide_react8.ChevronDown,
         {
           className: cx(
@@ -3722,17 +3760,17 @@ var AccordionTrigger = import_react52.default.forwardRef(
   }
 );
 AccordionTrigger.displayName = "AccordionTrigger";
-var AccordionContent = import_react52.default.forwardRef(
+var AccordionContent = import_react53.default.forwardRef(
   ({ children, className, ...props }, ref) => {
     const { expandedItems } = useAccordionContext();
-    const itemContext = (0, import_react52.useContext)(AccordionItemContext);
-    const baseId = (0, import_react52.useId)();
+    const itemContext = (0, import_react53.useContext)(AccordionItemContext);
+    const baseId = (0, import_react53.useId)();
     if (!itemContext) {
       throw new Error("AccordionContent must be used within an AccordionItem");
     }
     const { value } = itemContext;
     const isExpanded = expandedItems.has(value);
-    return /* @__PURE__ */ import_react52.default.createElement(
+    return /* @__PURE__ */ import_react53.default.createElement(
       "div",
       {
         ref,
@@ -3747,28 +3785,28 @@ var AccordionContent = import_react52.default.forwardRef(
         ),
         ...props
       },
-      /* @__PURE__ */ import_react52.default.createElement("div", { className: "px-4 pb-4 text-sm text-silver" }, children)
+      /* @__PURE__ */ import_react53.default.createElement("div", { className: "px-4 pb-4 text-sm text-silver" }, children)
     );
   }
 );
 AccordionContent.displayName = "AccordionContent";
 
 // src/components/Menu.tsx
-var import_react53 = __toESM(require("react"));
-var MenuContext = (0, import_react53.createContext)(null);
+var import_react54 = __toESM(require("react"));
+var MenuContext = (0, import_react54.createContext)(null);
 function useMenuContext() {
-  const context = (0, import_react53.useContext)(MenuContext);
+  const context = (0, import_react54.useContext)(MenuContext);
   if (!context) {
     throw new Error("Menu components must be used within a Menu provider");
   }
   return context;
 }
 var Menu = ({ children, open, onOpenChange }) => {
-  const [internalOpen, setInternalOpen] = (0, import_react53.useState)(false);
+  const [internalOpen, setInternalOpen] = (0, import_react54.useState)(false);
   const isControlled = open !== void 0;
   const isOpen = isControlled ? open : internalOpen;
-  const baseId = (0, import_react53.useId)();
-  const setIsOpen = (0, import_react53.useCallback)(
+  const baseId = (0, import_react54.useId)();
+  const setIsOpen = (0, import_react54.useCallback)(
     (newOpen) => {
       if (!isControlled) {
         setInternalOpen(newOpen);
@@ -3777,7 +3815,7 @@ var Menu = ({ children, open, onOpenChange }) => {
     },
     [isControlled, onOpenChange]
   );
-  return /* @__PURE__ */ import_react53.default.createElement(
+  return /* @__PURE__ */ import_react54.default.createElement(
     MenuContext.Provider,
     {
       value: {
@@ -3787,11 +3825,11 @@ var Menu = ({ children, open, onOpenChange }) => {
         menuId: `${baseId}-menu`
       }
     },
-    /* @__PURE__ */ import_react53.default.createElement("div", { className: "relative inline-block" }, children)
+    /* @__PURE__ */ import_react54.default.createElement("div", { className: "relative inline-block" }, children)
   );
 };
 Menu.displayName = "Menu";
-var MenuTrigger = import_react53.default.forwardRef(
+var MenuTrigger = import_react54.default.forwardRef(
   ({ children, className, asChild, ...props }, ref) => {
     const { isOpen, setIsOpen, triggerId, menuId } = useMenuContext();
     const handleClick = (e) => {
@@ -3799,7 +3837,7 @@ var MenuTrigger = import_react53.default.forwardRef(
       setIsOpen(!isOpen);
       props.onClick?.(e);
     };
-    return /* @__PURE__ */ import_react53.default.createElement(
+    return /* @__PURE__ */ import_react54.default.createElement(
       "button",
       {
         ref,
@@ -3829,13 +3867,13 @@ var MENU_SIDE_CLASSES = {
   top: "bottom-full mb-1",
   bottom: "top-full mt-1"
 };
-var MenuContent = import_react53.default.forwardRef(
+var MenuContent = import_react54.default.forwardRef(
   ({ children, className, align = "start", side = "bottom", ...props }, ref) => {
     const { isOpen, setIsOpen, triggerId, menuId } = useMenuContext();
-    const menuRef = (0, import_react53.useRef)(null);
-    const close = (0, import_react53.useCallback)(() => setIsOpen(false), [setIsOpen]);
+    const menuRef = (0, import_react54.useRef)(null);
+    const close = (0, import_react54.useCallback)(() => setIsOpen(false), [setIsOpen]);
     useEscapeKey(close, isOpen);
-    (0, import_react53.useEffect)(() => {
+    (0, import_react54.useEffect)(() => {
       if (!isOpen) {
         return;
       }
@@ -3852,7 +3890,7 @@ var MenuContent = import_react53.default.forwardRef(
     if (!isOpen) {
       return null;
     }
-    return /* @__PURE__ */ import_react53.default.createElement(
+    return /* @__PURE__ */ import_react54.default.createElement(
       "div",
       {
         ref: composeRefs(menuRef, ref),
@@ -3874,7 +3912,7 @@ var MenuContent = import_react53.default.forwardRef(
   }
 );
 MenuContent.displayName = "MenuContent";
-var MenuItem = import_react53.default.forwardRef(
+var MenuItem = import_react54.default.forwardRef(
   ({ children, className, icon, destructive, disabled, onClick, ...props }, ref) => {
     const { setIsOpen } = useMenuContext();
     const handleClick = (e) => {
@@ -3884,7 +3922,7 @@ var MenuItem = import_react53.default.forwardRef(
       onClick?.(e);
       setIsOpen(false);
     };
-    return /* @__PURE__ */ import_react53.default.createElement(
+    return /* @__PURE__ */ import_react54.default.createElement(
       "button",
       {
         ref,
@@ -3902,13 +3940,13 @@ var MenuItem = import_react53.default.forwardRef(
         ),
         ...props
       },
-      icon && /* @__PURE__ */ import_react53.default.createElement("span", { className: "w-4 h-4 shrink-0" }, icon),
+      icon && /* @__PURE__ */ import_react54.default.createElement("span", { className: "w-4 h-4 shrink-0" }, icon),
       children
     );
   }
 );
 MenuItem.displayName = "MenuItem";
-var MenuSeparator = import_react53.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react53.default.createElement(
+var MenuSeparator = import_react54.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react54.default.createElement(
   "div",
   {
     ref,
@@ -3918,7 +3956,7 @@ var MenuSeparator = import_react53.default.forwardRef(({ className, ...props },
   }
 ));
 MenuSeparator.displayName = "MenuSeparator";
-var MenuLabel = import_react53.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ import_react53.default.createElement(
+var MenuLabel = import_react54.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ import_react54.default.createElement(
   "div",
   {
     ref,
@@ -3930,10 +3968,10 @@ var MenuLabel = import_react53.default.forwardRef(({ className, children, ...pro
 MenuLabel.displayName = "MenuLabel";
 
 // src/components/Navbar.tsx
-var import_react54 = __toESM(require("react"));
-var Navbar = import_react54.default.forwardRef(
+var import_react55 = __toESM(require("react"));
+var Navbar = import_react55.default.forwardRef(
   ({ fixed = false, bordered = true, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react54.default.createElement(
+    return /* @__PURE__ */ import_react55.default.createElement(
       "nav",
       {
         ref,
@@ -3945,14 +3983,14 @@ var Navbar = import_react54.default.forwardRef(
         ),
         ...props
       },
-      /* @__PURE__ */ import_react54.default.createElement("div", { className: "flex items-center justify-between" }, children)
+      /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex items-center justify-between" }, children)
     );
   }
 );
 Navbar.displayName = "Navbar";
-var NavbarBrand = import_react54.default.forwardRef(
+var NavbarBrand = import_react55.default.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react54.default.createElement(
+    return /* @__PURE__ */ import_react55.default.createElement(
       "div",
       {
         ref,
@@ -3964,14 +4002,14 @@ var NavbarBrand = import_react54.default.forwardRef(
   }
 );
 NavbarBrand.displayName = "NavbarBrand";
-var NavbarContent = import_react54.default.forwardRef(
+var NavbarContent = import_react55.default.forwardRef(
   ({ position = "center", className, children, ...props }, ref) => {
     const positionClasses = {
       start: "mr-auto",
       center: "mx-auto",
       end: "ml-auto"
     };
-    return /* @__PURE__ */ import_react54.default.createElement(
+    return /* @__PURE__ */ import_react55.default.createElement(
       "div",
       {
         ref,
@@ -3987,9 +4025,9 @@ var NavbarContent = import_react54.default.forwardRef(
   }
 );
 NavbarContent.displayName = "NavbarContent";
-var NavbarItem = import_react54.default.forwardRef(
+var NavbarItem = import_react55.default.forwardRef(
   ({ active = false, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react54.default.createElement(
+    return /* @__PURE__ */ import_react55.default.createElement(
       "div",
       {
         ref,
@@ -4004,9 +4042,9 @@ var NavbarItem = import_react54.default.forwardRef(
   }
 );
 NavbarItem.displayName = "NavbarItem";
-var NavbarLink = import_react54.default.forwardRef(
+var NavbarLink = import_react55.default.forwardRef(
   ({ active = false, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react54.default.createElement(
+    return /* @__PURE__ */ import_react55.default.createElement(
       "a",
       {
         ref,
@@ -4022,7 +4060,7 @@ var NavbarLink = import_react54.default.forwardRef(
   }
 );
 NavbarLink.displayName = "NavbarLink";
-var NavbarDivider = import_react54.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react54.default.createElement(
+var NavbarDivider = import_react55.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react55.default.createElement(
   "div",
   {
     ref,
@@ -4033,19 +4071,19 @@ var NavbarDivider = import_react54.default.forwardRef(({ className, ...props },
 NavbarDivider.displayName = "NavbarDivider";
 
 // src/components/Breadcrumb.tsx
-var import_react55 = __toESM(require("react"));
+var import_react56 = __toESM(require("react"));
 var import_lucide_react9 = require("lucide-react");
-var Breadcrumb = import_react55.default.forwardRef(
+var Breadcrumb = import_react56.default.forwardRef(
   ({ separator, className, children, ...props }, ref) => {
-    const items = import_react55.default.Children.toArray(children);
-    const defaultSeparator = /* @__PURE__ */ import_react55.default.createElement(import_lucide_react9.ChevronRight, { className: "h-4 w-4 text-ash" });
-    return /* @__PURE__ */ import_react55.default.createElement("nav", { ref, "aria-label": "Breadcrumb", className, ...props }, /* @__PURE__ */ import_react55.default.createElement("ol", { className: "flex items-center gap-2" }, items.map((child, index) => /* @__PURE__ */ import_react55.default.createElement("li", { key: index, className: "flex items-center gap-2" }, child, index < items.length - 1 && /* @__PURE__ */ import_react55.default.createElement("span", { "aria-hidden": "true" }, separator ?? defaultSeparator)))));
+    const items = import_react56.default.Children.toArray(children);
+    const defaultSeparator = /* @__PURE__ */ import_react56.default.createElement(import_lucide_react9.ChevronRight, { className: "h-4 w-4 text-ash" });
+    return /* @__PURE__ */ import_react56.default.createElement("nav", { ref, "aria-label": "Breadcrumb", className, ...props }, /* @__PURE__ */ import_react56.default.createElement("ol", { className: "flex items-center gap-2" }, items.map((child, index) => /* @__PURE__ */ import_react56.default.createElement("li", { key: index, className: "flex items-center gap-2" }, child, index < items.length - 1 && /* @__PURE__ */ import_react56.default.createElement("span", { "aria-hidden": "true" }, separator ?? defaultSeparator)))));
   }
 );
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbItem = import_react55.default.forwardRef(
+var BreadcrumbItem = import_react56.default.forwardRef(
   ({ current = false, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react55.default.createElement(
+    return /* @__PURE__ */ import_react56.default.createElement(
       "span",
       {
         ref,
@@ -4062,9 +4100,9 @@ var BreadcrumbItem = import_react55.default.forwardRef(
   }
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = import_react55.default.forwardRef(
+var BreadcrumbLink = import_react56.default.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react55.default.createElement(
+    return /* @__PURE__ */ import_react56.default.createElement(
       "a",
       {
         ref,
@@ -4081,7 +4119,7 @@ var BreadcrumbLink = import_react55.default.forwardRef(
 BreadcrumbLink.displayName = "BreadcrumbLink";
 
 // src/components/Pagination.tsx
-var import_react56 = __toESM(require("react"));
+var import_react57 = __toESM(require("react"));
 var import_lucide_react10 = require("lucide-react");
 function generatePagination(currentPage, totalPages, siblingCount) {
   const totalSlots = siblingCount * 2 + 5;
@@ -4111,7 +4149,7 @@ function generatePagination(currentPage, totalPages, siblingCount) {
   );
   return [1, "ellipsis", ...middleRange, "ellipsis", totalPages];
 }
-var Pagination = import_react56.default.forwardRef(
+var Pagination = import_react57.default.forwardRef(
   ({
     page,
     totalPages,
@@ -4123,7 +4161,7 @@ var Pagination = import_react56.default.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__ */ import_react56.default.createElement(
+    return /* @__PURE__ */ import_react57.default.createElement(
       "nav",
       {
         ref,
@@ -4132,7 +4170,7 @@ var Pagination = import_react56.default.forwardRef(
         className: cx("flex items-center gap-1", className),
         ...props
       },
-      /* @__PURE__ */ import_react56.default.createElement(
+      /* @__PURE__ */ import_react57.default.createElement(
         "button",
         {
           type: "button",
@@ -4145,17 +4183,17 @@ var Pagination = import_react56.default.forwardRef(
             page <= 1 && "opacity-50 cursor-not-allowed hover:border-ash"
           )
         },
-        /* @__PURE__ */ import_react56.default.createElement(import_lucide_react10.ChevronLeft, { className: "h-4 w-4" })
+        /* @__PURE__ */ import_react57.default.createElement(import_lucide_react10.ChevronLeft, { className: "h-4 w-4" })
       ),
       pages.map(
-        (pageNum, index) => pageNum === "ellipsis" ? /* @__PURE__ */ import_react56.default.createElement(
+        (pageNum, index) => pageNum === "ellipsis" ? /* @__PURE__ */ import_react57.default.createElement(
           "span",
           {
             key: `ellipsis-${index}`,
             className: "flex items-center justify-center h-8 w-8 text-silver"
           },
-          /* @__PURE__ */ import_react56.default.createElement(import_lucide_react10.MoreHorizontal, { className: "h-4 w-4" })
-        ) : /* @__PURE__ */ import_react56.default.createElement(
+          /* @__PURE__ */ import_react57.default.createElement(import_lucide_react10.MoreHorizontal, { className: "h-4 w-4" })
+        ) : /* @__PURE__ */ import_react57.default.createElement(
           "button",
           {
             key: pageNum,
@@ -4171,7 +4209,7 @@ var Pagination = import_react56.default.forwardRef(
           pageNum
         )
       ),
-      /* @__PURE__ */ import_react56.default.createElement(
+      /* @__PURE__ */ import_react57.default.createElement(
         "button",
         {
           type: "button",
@@ -4184,7 +4222,7 @@ var Pagination = import_react56.default.forwardRef(
             page >= totalPages && "opacity-50 cursor-not-allowed hover:border-ash"
           )
         },
-        /* @__PURE__ */ import_react56.default.createElement(import_lucide_react10.ChevronRight, { className: "h-4 w-4" })
+        /* @__PURE__ */ import_react57.default.createElement(import_lucide_react10.ChevronRight, { className: "h-4 w-4" })
       )
     );
   }
@@ -4192,9 +4230,9 @@ var Pagination = import_react56.default.forwardRef(
 Pagination.displayName = "Pagination";
 
 // src/components/Stepper.tsx
-var import_react57 = __toESM(require("react"));
+var import_react58 = __toESM(require("react"));
 var import_lucide_react11 = require("lucide-react");
-var Stepper = import_react57.default.forwardRef(
+var Stepper = import_react58.default.forwardRef(
   ({ steps, currentStep, status, className, ...rest }, ref) => {
     const currentIndex = steps.findIndex((step) => step.id === currentStep);
     const getStepState = (index) => {
@@ -4206,7 +4244,7 @@ var Stepper = import_react57.default.forwardRef(
       }
       return "future";
     };
-    return /* @__PURE__ */ import_react57.default.createElement(
+    return /* @__PURE__ */ import_react58.default.createElement(
       "div",
       {
         ref,
@@ -4216,7 +4254,7 @@ var Stepper = import_react57.default.forwardRef(
       steps.map((step, index) => {
         const state = getStepState(index);
         const isLast = index === steps.length - 1;
-        return /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, { key: step.id }, /* @__PURE__ */ import_react57.default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ import_react57.default.createElement(
+        return /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, { key: step.id }, /* @__PURE__ */ import_react58.default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ import_react58.default.createElement(
           "div",
           {
             className: cx(
@@ -4227,8 +4265,8 @@ var Stepper = import_react57.default.forwardRef(
               state === "future" && "bg-charcoal border-ash text-silver"
             )
           },
-          state === "complete" ? /* @__PURE__ */ import_react57.default.createElement(import_lucide_react11.Check, { className: "h-5 w-5" }) : /* @__PURE__ */ import_react57.default.createElement("span", null, index + 1)
-        ), /* @__PURE__ */ import_react57.default.createElement(
+          state === "complete" ? /* @__PURE__ */ import_react58.default.createElement(import_lucide_react11.Check, { className: "h-5 w-5" }) : /* @__PURE__ */ import_react58.default.createElement("span", null, index + 1)
+        ), /* @__PURE__ */ import_react58.default.createElement(
           "span",
           {
             className: cx(
@@ -4240,7 +4278,7 @@ var Stepper = import_react57.default.forwardRef(
             )
           },
           step.label
-        )), !isLast && /* @__PURE__ */ import_react57.default.createElement(
+        )), !isLast && /* @__PURE__ */ import_react58.default.createElement(
           "div",
           {
             className: cx(
@@ -4256,11 +4294,11 @@ var Stepper = import_react57.default.forwardRef(
 Stepper.displayName = "Stepper";
 
 // src/components/Message.tsx
-var import_react59 = __toESM(require("react"));
+var import_react60 = __toESM(require("react"));
 var import_lucide_react12 = require("lucide-react");
 
 // src/components/MarkdownContent.tsx
-var import_react58 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 var import_react_markdown = __toESM(require("react-markdown"));
 var import_remark_gfm = __toESM(require("remark-gfm"));
 
@@ -4303,7 +4341,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 = import_react58.default.forwardRef(
+var MarkdownContent = import_react59.default.forwardRef(
   ({
     className,
     content,
@@ -4314,7 +4352,7 @@ var MarkdownContent = import_react58.default.forwardRef(
     ...rest
   }, ref) => {
     if (!isMarkdown) {
-      return /* @__PURE__ */ import_react58.default.createElement("div", { ref, className: cx("prose whitespace-pre-wrap", className), ...rest }, content, isStreaming && /* @__PURE__ */ import_react58.default.createElement(
+      return /* @__PURE__ */ import_react59.default.createElement("div", { ref, className: cx("prose whitespace-pre-wrap", className), ...rest }, content, isStreaming && /* @__PURE__ */ import_react59.default.createElement(
         "span",
         {
           "aria-hidden": "true",
@@ -4325,13 +4363,13 @@ var MarkdownContent = import_react58.default.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__ */ import_react58.default.createElement("a", { href, target: "_blank", rel: "noopener noreferrer" }, children),
+      a: ({ href, children }) => /* @__PURE__ */ import_react59.default.createElement("a", { href, target: "_blank", rel: "noopener noreferrer" }, children),
       ...mentionRenderer && {
-        mention: ({ name }) => /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, mentionRenderer(name))
+        mention: ({ name }) => /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, mentionRenderer(name))
       }
     };
     const remarkPlugins = mentionRenderer ? [import_remark_gfm.default, remarkMentions] : [import_remark_gfm.default];
-    return /* @__PURE__ */ import_react58.default.createElement("div", { ref, className: cx("prose", className), ...rest }, /* @__PURE__ */ import_react58.default.createElement(import_react_markdown.default, { remarkPlugins, components }, content), isStreaming && /* @__PURE__ */ import_react58.default.createElement(
+    return /* @__PURE__ */ import_react59.default.createElement("div", { ref, className: cx("prose", className), ...rest }, /* @__PURE__ */ import_react59.default.createElement(import_react_markdown.default, { remarkPlugins, components }, content), isStreaming && /* @__PURE__ */ import_react59.default.createElement(
       "span",
       {
         "aria-hidden": "true",
@@ -4357,7 +4395,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__ */ import_react59.default.createElement(
+  return /* @__PURE__ */ import_react60.default.createElement(
     "button",
     {
       type: "button",
@@ -4369,7 +4407,7 @@ function ActionButton({ onClick, label, children, disabled }) {
     children
   );
 }
-var Message = import_react59.default.forwardRef(
+var Message = import_react60.default.forwardRef(
   ({
     variant = "assistant",
     className,
@@ -4386,7 +4424,7 @@ var Message = import_react59.default.forwardRef(
   }, ref) => {
     const isUser = variant === "user";
     const isJumpInteractive = !!onJumpHere && !isActive && !isStreaming;
-    const handleBubbleClick = (0, import_react59.useCallback)((e) => {
+    const handleBubbleClick = (0, import_react60.useCallback)((e) => {
       if (!isJumpInteractive) {
         return;
       }
@@ -4401,12 +4439,12 @@ var Message = import_react59.default.forwardRef(
       onJumpHere();
     }, [isJumpInteractive, onJumpHere]);
     const { copied, copy } = useCopyToClipboard();
-    const [isEditing, setIsEditing] = (0, import_react59.useState)(false);
-    const [editValue, setEditValue] = (0, import_react59.useState)(typeof content === "string" ? content : "");
-    const textareaRef = (0, import_react59.useRef)(null);
+    const [isEditing, setIsEditing] = (0, import_react60.useState)(false);
+    const [editValue, setEditValue] = (0, import_react60.useState)(typeof content === "string" ? content : "");
+    const textareaRef = (0, import_react60.useRef)(null);
     const showBranchNav = branchInfo && branchInfo.total > 1;
     const showActions = actions && !hideActions && !isStreaming;
-    (0, import_react59.useEffect)(() => {
+    (0, import_react60.useEffect)(() => {
       if (isEditing && textareaRef.current) {
         const textarea = textareaRef.current;
         textarea.style.height = "auto";
@@ -4415,7 +4453,7 @@ var Message = import_react59.default.forwardRef(
         textarea.setSelectionRange(textarea.value.length, textarea.value.length);
       }
     }, [isEditing]);
-    const handleCopy = (0, import_react59.useCallback)(() => {
+    const handleCopy = (0, import_react60.useCallback)(() => {
       if (typeof content === "string") {
         void copy(content);
       }
@@ -4453,7 +4491,7 @@ var Message = import_react59.default.forwardRef(
       textarea.style.height = "auto";
       textarea.style.height = `${textarea.scrollHeight}px`;
     };
-    return /* @__PURE__ */ import_react59.default.createElement(
+    return /* @__PURE__ */ import_react60.default.createElement(
       "div",
       {
         ref,
@@ -4464,7 +4502,7 @@ var Message = import_react59.default.forwardRef(
         ),
         ...rest
       },
-      attachments && attachments.length > 0 && /* @__PURE__ */ import_react59.default.createElement("div", { className: cx("mb-1.5", isUser ? "self-end" : "self-start") }, /* @__PURE__ */ import_react59.default.createElement(
+      attachments && attachments.length > 0 && /* @__PURE__ */ import_react60.default.createElement("div", { className: cx("mb-1.5", isUser ? "self-end" : "self-start") }, /* @__PURE__ */ import_react60.default.createElement(
         AttachmentPreview,
         {
           attachments,
@@ -4472,7 +4510,7 @@ var Message = import_react59.default.forwardRef(
           onOpen: onAttachmentOpen
         }
       )),
-      isUser && isEditing ? /* @__PURE__ */ import_react59.default.createElement("div", { className: "w-full max-w-11/12" }, /* @__PURE__ */ import_react59.default.createElement("div", { className: "relative bg-gold" }, /* @__PURE__ */ import_react59.default.createElement(
+      isUser && isEditing ? /* @__PURE__ */ import_react60.default.createElement("div", { className: "w-full max-w-11/12" }, /* @__PURE__ */ import_react60.default.createElement("div", { className: "relative bg-gold" }, /* @__PURE__ */ import_react60.default.createElement(
         "textarea",
         {
           ref: textareaRef,
@@ -4482,7 +4520,7 @@ var Message = import_react59.default.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__ */ import_react59.default.createElement("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex gap-0.5" }, /* @__PURE__ */ import_react59.default.createElement(
+      ), /* @__PURE__ */ import_react60.default.createElement("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex gap-0.5" }, /* @__PURE__ */ import_react60.default.createElement(
         "button",
         {
           type: "button",
@@ -4490,8 +4528,8 @@ var Message = import_react59.default.forwardRef(
           className: "p-1.5 text-obsidian/60 hover:text-obsidian transition-colors",
           "aria-label": "Cancel edit"
         },
-        /* @__PURE__ */ import_react59.default.createElement(import_lucide_react12.X, { className: "w-4 h-4" })
-      ), /* @__PURE__ */ import_react59.default.createElement(
+        /* @__PURE__ */ import_react60.default.createElement(import_lucide_react12.X, { className: "w-4 h-4" })
+      ), /* @__PURE__ */ import_react60.default.createElement(
         "button",
         {
           type: "button",
@@ -4500,8 +4538,8 @@ var Message = import_react59.default.forwardRef(
           className: "p-1.5 text-obsidian/60 hover:text-obsidian transition-colors disabled:opacity-30",
           "aria-label": "Submit edit"
         },
-        /* @__PURE__ */ import_react59.default.createElement(import_lucide_react12.Send, { className: "w-4 h-4" })
-      )))) : /* @__PURE__ */ import_react59.default.createElement(
+        /* @__PURE__ */ import_react60.default.createElement(import_lucide_react12.Send, { className: "w-4 h-4" })
+      )))) : /* @__PURE__ */ import_react60.default.createElement(
         "div",
         {
           className: cx(
@@ -4513,7 +4551,7 @@ var Message = import_react59.default.forwardRef(
           role: isJumpInteractive ? "button" : void 0,
           "aria-label": isJumpInteractive ? "Jump to this message" : void 0
         },
-        typeof content === "string" ? /* @__PURE__ */ import_react59.default.createElement(
+        typeof content === "string" ? /* @__PURE__ */ import_react60.default.createElement(
           MarkdownContent,
           {
             content,
@@ -4523,17 +4561,17 @@ var Message = import_react59.default.forwardRef(
           }
         ) : content
       ),
-      showActions && !isEditing && /* @__PURE__ */ import_react59.default.createElement("div", { className: cx(
+      showActions && !isEditing && /* @__PURE__ */ import_react60.default.createElement("div", { className: cx(
         "flex items-center gap-0.5 mt-1",
         isUser ? "mr-1" : "ml-1"
-      ) }, actions.showCopy !== false && /* @__PURE__ */ import_react59.default.createElement(
+      ) }, actions.showCopy !== false && /* @__PURE__ */ import_react60.default.createElement(
         ActionButton,
         {
           onClick: handleCopy,
           label: copied ? "Copied!" : "Copy message"
         },
-        copied ? /* @__PURE__ */ import_react59.default.createElement(import_lucide_react12.Check, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ import_react59.default.createElement(import_lucide_react12.Copy, { className: "w-3.5 h-3.5" })
-      ), isUser && actions.onEdit && typeof content === "string" && /* @__PURE__ */ import_react59.default.createElement(ActionButton, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ import_react59.default.createElement(import_lucide_react12.Pencil, { className: "w-3.5 h-3.5" })), !isUser && actions.onRetry && /* @__PURE__ */ import_react59.default.createElement(ActionButton, { onClick: actions.onRetry, label: "Regenerate response" }, /* @__PURE__ */ import_react59.default.createElement(import_lucide_react12.RotateCcw, { className: "w-3.5 h-3.5" })), showBranchNav && /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, /* @__PURE__ */ import_react59.default.createElement("div", { className: "w-px h-4 bg-ash/40 mx-1" }), /* @__PURE__ */ import_react59.default.createElement("div", { className: "flex items-center gap-0.5 text-silver/70" }, /* @__PURE__ */ import_react59.default.createElement(import_lucide_react12.GitBranch, { className: "w-3 h-3 mr-0.5 text-silver/50" }), /* @__PURE__ */ import_react59.default.createElement(
+        copied ? /* @__PURE__ */ import_react60.default.createElement(import_lucide_react12.Check, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ import_react60.default.createElement(import_lucide_react12.Copy, { className: "w-3.5 h-3.5" })
+      ), isUser && actions.onEdit && typeof content === "string" && /* @__PURE__ */ import_react60.default.createElement(ActionButton, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ import_react60.default.createElement(import_lucide_react12.Pencil, { className: "w-3.5 h-3.5" })), !isUser && actions.onRetry && /* @__PURE__ */ import_react60.default.createElement(ActionButton, { onClick: actions.onRetry, label: "Regenerate response" }, /* @__PURE__ */ import_react60.default.createElement(import_lucide_react12.RotateCcw, { className: "w-3.5 h-3.5" })), showBranchNav && /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, /* @__PURE__ */ import_react60.default.createElement("div", { className: "w-px h-4 bg-ash/40 mx-1" }), /* @__PURE__ */ import_react60.default.createElement("div", { className: "flex items-center gap-0.5 text-silver/70" }, /* @__PURE__ */ import_react60.default.createElement(import_lucide_react12.GitBranch, { className: "w-3 h-3 mr-0.5 text-silver/50" }), /* @__PURE__ */ import_react60.default.createElement(
         "button",
         {
           type: "button",
@@ -4542,8 +4580,8 @@ var Message = import_react59.default.forwardRef(
           className: BRANCH_BUTTON_CLASSES,
           "aria-label": "Previous branch"
         },
-        /* @__PURE__ */ import_react59.default.createElement(import_lucide_react12.ChevronLeft, { className: "w-3 h-3" })
-      ), /* @__PURE__ */ import_react59.default.createElement("span", { className: "text-xs tabular-nums min-w-6 text-center" }, branchInfo.current, "/", branchInfo.total), /* @__PURE__ */ import_react59.default.createElement(
+        /* @__PURE__ */ import_react60.default.createElement(import_lucide_react12.ChevronLeft, { className: "w-3 h-3" })
+      ), /* @__PURE__ */ import_react60.default.createElement("span", { className: "text-xs tabular-nums min-w-6 text-center" }, branchInfo.current, "/", branchInfo.total), /* @__PURE__ */ import_react60.default.createElement(
         "button",
         {
           type: "button",
@@ -4552,7 +4590,7 @@ var Message = import_react59.default.forwardRef(
           className: BRANCH_BUTTON_CLASSES,
           "aria-label": "Next branch"
         },
-        /* @__PURE__ */ import_react59.default.createElement(import_lucide_react12.ChevronRight, { className: "w-3 h-3" })
+        /* @__PURE__ */ import_react60.default.createElement(import_lucide_react12.ChevronRight, { className: "w-3 h-3" })
       ))))
     );
   }
@@ -4560,15 +4598,15 @@ var Message = import_react59.default.forwardRef(
 Message.displayName = "Message";
 
 // src/components/StreamingCursor.tsx
-var import_react60 = __toESM(require("react"));
-var StreamingCursor = import_react60.default.forwardRef(
+var import_react61 = __toESM(require("react"));
+var StreamingCursor = import_react61.default.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__ */ import_react60.default.createElement(
+    return /* @__PURE__ */ import_react61.default.createElement(
       "span",
       {
         ref,
@@ -4586,18 +4624,18 @@ var StreamingCursor = import_react60.default.forwardRef(
 StreamingCursor.displayName = "StreamingCursor";
 
 // src/components/chat/ChatInterface.tsx
-var import_react93 = __toESM(require("react"));
+var import_react94 = __toESM(require("react"));
 
 // src/components/chat/ChatView.tsx
-var import_react66 = __toESM(require("react"));
+var import_react67 = __toESM(require("react"));
 
 // src/components/chat/hooks/useScrollAnchor.ts
-var import_react61 = require("react");
+var import_react62 = require("react");
 function useScrollAnchor(options = {}) {
   const { behavior = "smooth", block = "start" } = options;
-  const containerRef = (0, import_react61.useRef)(null);
-  const anchorRef = (0, import_react61.useRef)(null);
-  const scrollToAnchor = (0, import_react61.useCallback)(() => {
+  const containerRef = (0, import_react62.useRef)(null);
+  const anchorRef = (0, import_react62.useRef)(null);
+  const scrollToAnchor = (0, import_react62.useCallback)(() => {
     const el = anchorRef.current;
     if (!el) {
       return;
@@ -4608,7 +4646,7 @@ function useScrollAnchor(options = {}) {
       });
     });
   }, [behavior, block]);
-  const scrollToBottom = (0, import_react61.useCallback)(() => {
+  const scrollToBottom = (0, import_react62.useCallback)(() => {
     const container = containerRef.current;
     if (!container) {
       return;
@@ -4619,7 +4657,7 @@ function useScrollAnchor(options = {}) {
       container.scrollTop = container.scrollHeight;
     }
   }, [behavior]);
-  const isScrolledToBottom = (0, import_react61.useCallback)(() => {
+  const isScrolledToBottom = (0, import_react62.useCallback)(() => {
     const container = containerRef.current;
     if (!container) {
       return true;
@@ -4638,15 +4676,15 @@ function useScrollAnchor(options = {}) {
 }
 
 // src/components/chat/hooks/useAdaptiveSpacer.ts
-var import_react62 = require("react");
+var import_react63 = require("react");
 function useAdaptiveSpacer(options = {}) {
   const { minHeight = 0, containerRef: externalContainerRef, anchorRef } = options;
-  const internalContainerRef = (0, import_react62.useRef)(null);
+  const internalContainerRef = (0, import_react63.useRef)(null);
   const containerRef = externalContainerRef ?? internalContainerRef;
-  const contentRef = (0, import_react62.useRef)(null);
-  const spacerRef = (0, import_react62.useRef)(null);
-  const [spacerHeight, setSpacerHeight] = (0, import_react62.useState)(0);
-  const recalculate = (0, import_react62.useCallback)(() => {
+  const contentRef = (0, import_react63.useRef)(null);
+  const spacerRef = (0, import_react63.useRef)(null);
+  const [spacerHeight, setSpacerHeight] = (0, import_react63.useState)(0);
+  const recalculate = (0, import_react63.useCallback)(() => {
     const container = containerRef.current;
     const content = contentRef.current;
     if (!container || !content) {
@@ -4670,7 +4708,7 @@ function useAdaptiveSpacer(options = {}) {
     }
     setSpacerHeight(newSpacerHeight);
   }, [minHeight, anchorRef]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     const container = containerRef.current;
     const content = contentRef.current;
     if (!container || !content) {
@@ -4705,7 +4743,7 @@ function useAdaptiveSpacer(options = {}) {
 }
 
 // src/components/chat/ThinkingIndicator.tsx
-var import_react63 = __toESM(require("react"));
+var import_react64 = __toESM(require("react"));
 var THINKING_PHRASES = [
   "Consulting the ancient tomes...",
   "Parsing the ineffable...",
@@ -4721,7 +4759,7 @@ var THINKING_PHRASES = [
   "Consulting my inner monologue...",
   "Summoning the muse..."
 ];
-var ThinkingIndicator = import_react63.default.forwardRef(
+var ThinkingIndicator = import_react64.default.forwardRef(
   ({
     isVisible = true,
     phraseInterval = 2500,
@@ -4730,12 +4768,12 @@ var ThinkingIndicator = import_react63.default.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [currentIndex, setCurrentIndex] = (0, import_react63.useState)(
+    const [currentIndex, setCurrentIndex] = (0, import_react64.useState)(
       () => Math.floor(Math.random() * phrases.length)
     );
-    const [isTransitioning, setIsTransitioning] = (0, import_react63.useState)(false);
+    const [isTransitioning, setIsTransitioning] = (0, import_react64.useState)(false);
     const isManual = manualLabel !== void 0;
-    (0, import_react63.useEffect)(() => {
+    (0, import_react64.useEffect)(() => {
       if (!isVisible || isManual || phrases.length <= 1) {
         return;
       }
@@ -4758,7 +4796,7 @@ var ThinkingIndicator = import_react63.default.forwardRef(
     if (!isVisible) {
       return null;
     }
-    return /* @__PURE__ */ import_react63.default.createElement(
+    return /* @__PURE__ */ import_react64.default.createElement(
       "div",
       {
         ref,
@@ -4772,26 +4810,26 @@ var ThinkingIndicator = import_react63.default.forwardRef(
         "aria-live": "polite",
         ...rest
       },
-      /* @__PURE__ */ import_react63.default.createElement("div", { className: "flex gap-1", "aria-hidden": "true" }, /* @__PURE__ */ import_react63.default.createElement(
+      /* @__PURE__ */ import_react64.default.createElement("div", { className: "flex gap-1", "aria-hidden": "true" }, /* @__PURE__ */ import_react64.default.createElement(
         "span",
         {
           className: "w-1.5 h-1.5 bg-gold/60 rounded-full animate-pulse",
           style: { animationDelay: "0ms" }
         }
-      ), /* @__PURE__ */ import_react63.default.createElement(
+      ), /* @__PURE__ */ import_react64.default.createElement(
         "span",
         {
           className: "w-1.5 h-1.5 bg-gold/60 rounded-full animate-pulse",
           style: { animationDelay: "150ms" }
         }
-      ), /* @__PURE__ */ import_react63.default.createElement(
+      ), /* @__PURE__ */ import_react64.default.createElement(
         "span",
         {
           className: "w-1.5 h-1.5 bg-gold/60 rounded-full animate-pulse",
           style: { animationDelay: "300ms" }
         }
       )),
-      isManual ? /* @__PURE__ */ import_react63.default.createElement("span", { className: "text-sm italic" }, manualLabel) : /* @__PURE__ */ import_react63.default.createElement(
+      isManual ? /* @__PURE__ */ import_react64.default.createElement("span", { className: "text-sm italic" }, manualLabel) : /* @__PURE__ */ import_react64.default.createElement(
         "span",
         {
           className: cx(
@@ -4807,7 +4845,7 @@ var ThinkingIndicator = import_react63.default.forwardRef(
 ThinkingIndicator.displayName = "ThinkingIndicator";
 
 // src/components/chat/Checkpoint.tsx
-var import_react64 = __toESM(require("react"));
+var import_react65 = __toESM(require("react"));
 var import_lucide_react13 = require("lucide-react");
 var KIND_ICONS = {
   task: import_lucide_react13.GitBranch,
@@ -4823,7 +4861,7 @@ var KIND_ARIA_LABELS = {
   init: "Project head checkpoint",
   ingest: "Upload batch checkpoint"
 };
-var Checkpoint = import_react64.default.forwardRef(
+var Checkpoint = import_react65.default.forwardRef(
   function Checkpoint2({ name, executionKind, status = "completed", isActive, muted, branchInfo, onJumpHere }, ref) {
     const KindIcon = KIND_ICONS[executionKind];
     const isFailed = status === "failed";
@@ -4834,7 +4872,7 @@ var Checkpoint = import_react64.default.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__ */ import_react64.default.createElement(
+    return /* @__PURE__ */ import_react65.default.createElement(
       "div",
       {
         ref,
@@ -4845,8 +4883,8 @@ var Checkpoint = import_react64.default.forwardRef(
           muted && "opacity-60"
         )
       },
-      /* @__PURE__ */ import_react64.default.createElement(KindIcon, { className: cx("w-3.5 h-3.5 shrink-0", iconColor), "aria-hidden": "true" }),
-      /* @__PURE__ */ import_react64.default.createElement(
+      /* @__PURE__ */ import_react65.default.createElement(KindIcon, { className: cx("w-3.5 h-3.5 shrink-0", iconColor), "aria-hidden": "true" }),
+      /* @__PURE__ */ import_react65.default.createElement(
         "button",
         {
           type: "button",
@@ -4859,11 +4897,11 @@ var Checkpoint = import_react64.default.forwardRef(
           ),
           "aria-label": isInteractive ? `Jump to checkpoint ${name}` : name
         },
-        /* @__PURE__ */ import_react64.default.createElement("span", { className: "truncate" }, name),
-        isFailed && /* @__PURE__ */ import_react64.default.createElement("span", { className: "ml-1.5 text-error-muted" }, "\xB7 failed"),
-        isCancelled && /* @__PURE__ */ import_react64.default.createElement("span", { className: "ml-1.5 text-silver/40" }, "\xB7 cancelled")
+        /* @__PURE__ */ import_react65.default.createElement("span", { className: "truncate" }, name),
+        isFailed && /* @__PURE__ */ import_react65.default.createElement("span", { className: "ml-1.5 text-error-muted" }, "\xB7 failed"),
+        isCancelled && /* @__PURE__ */ import_react65.default.createElement("span", { className: "ml-1.5 text-silver/40" }, "\xB7 cancelled")
       ),
-      isInteractive && /* @__PURE__ */ import_react64.default.createElement(
+      isInteractive && /* @__PURE__ */ import_react65.default.createElement(
         "span",
         {
           className: cx(
@@ -4873,17 +4911,17 @@ var Checkpoint = import_react64.default.forwardRef(
           ),
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ import_react64.default.createElement(import_lucide_react13.ArrowLeft, { className: "w-3 h-3" }),
+        /* @__PURE__ */ import_react65.default.createElement(import_lucide_react13.ArrowLeft, { className: "w-3 h-3" }),
         "Jump here"
       ),
-      branchInfo && branchInfo.total > 1 && /* @__PURE__ */ import_react64.default.createElement(
+      branchInfo && branchInfo.total > 1 && /* @__PURE__ */ import_react65.default.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__ */ import_react64.default.createElement(
+        /* @__PURE__ */ import_react65.default.createElement(
           "button",
           {
             type: "button",
@@ -4895,10 +4933,10 @@ var Checkpoint = import_react64.default.forwardRef(
             ),
             "aria-label": "Previous sibling checkpoint"
           },
-          /* @__PURE__ */ import_react64.default.createElement(import_lucide_react13.ChevronLeft, { className: "w-3 h-3" })
+          /* @__PURE__ */ import_react65.default.createElement(import_lucide_react13.ChevronLeft, { className: "w-3 h-3" })
         ),
-        /* @__PURE__ */ import_react64.default.createElement("span", { className: "tabular-nums min-w-6 text-center" }, branchInfo.current, "/", branchInfo.total),
-        /* @__PURE__ */ import_react64.default.createElement(
+        /* @__PURE__ */ import_react65.default.createElement("span", { className: "tabular-nums min-w-6 text-center" }, branchInfo.current, "/", branchInfo.total),
+        /* @__PURE__ */ import_react65.default.createElement(
           "button",
           {
             type: "button",
@@ -4910,7 +4948,7 @@ var Checkpoint = import_react64.default.forwardRef(
             ),
             "aria-label": "Next sibling checkpoint"
           },
-          /* @__PURE__ */ import_react64.default.createElement(import_lucide_react13.ChevronRight, { className: "w-3 h-3" })
+          /* @__PURE__ */ import_react65.default.createElement(import_lucide_react13.ChevronRight, { className: "w-3 h-3" })
         )
       )
     );
@@ -4919,7 +4957,7 @@ var Checkpoint = import_react64.default.forwardRef(
 Checkpoint.displayName = "Checkpoint";
 
 // src/components/chat/GreyedDivider.tsx
-var import_react65 = __toESM(require("react"));
+var import_react66 = __toESM(require("react"));
 var import_lucide_react14 = require("lucide-react");
 function pluralize(n, singular, plural) {
   return `${n} ${n === 1 ? singular : plural}`;
@@ -4934,12 +4972,12 @@ function summarize(messageCount, checkpointCount) {
   }
   return parts.length > 0 ? parts.join(", ") : "no items";
 }
-var GreyedDivider = import_react65.default.forwardRef(
+var GreyedDivider = import_react66.default.forwardRef(
   function GreyedDivider2({ messageCount, checkpointCount, onJumpToLatest }, ref) {
     if (messageCount === 0 && checkpointCount === 0) {
       return null;
     }
-    return /* @__PURE__ */ import_react65.default.createElement(
+    return /* @__PURE__ */ import_react66.default.createElement(
       "div",
       {
         ref,
@@ -4947,10 +4985,10 @@ var GreyedDivider = import_react65.default.forwardRef(
         "aria-label": "Start of rewound timeline",
         className: "flex items-center gap-3 py-2 text-xs text-silver/50 select-none"
       },
-      /* @__PURE__ */ import_react65.default.createElement("div", { className: "flex-1 h-px bg-ash/40", "aria-hidden": "true" }),
-      /* @__PURE__ */ import_react65.default.createElement("span", { className: "inline-flex items-center gap-1.5 whitespace-nowrap" }, /* @__PURE__ */ import_react65.default.createElement(import_lucide_react14.ArrowDown, { className: "w-3 h-3", "aria-hidden": "true" }), "Later in this conversation \xB7 ", summarize(messageCount, checkpointCount)),
-      /* @__PURE__ */ import_react65.default.createElement("div", { className: "flex-1 h-px bg-ash/40", "aria-hidden": "true" }),
-      onJumpToLatest && /* @__PURE__ */ import_react65.default.createElement(
+      /* @__PURE__ */ import_react66.default.createElement("div", { className: "flex-1 h-px bg-ash/40", "aria-hidden": "true" }),
+      /* @__PURE__ */ import_react66.default.createElement("span", { className: "inline-flex items-center gap-1.5 whitespace-nowrap" }, /* @__PURE__ */ import_react66.default.createElement(import_lucide_react14.ArrowDown, { className: "w-3 h-3", "aria-hidden": "true" }), "Later in this conversation \xB7 ", summarize(messageCount, checkpointCount)),
+      /* @__PURE__ */ import_react66.default.createElement("div", { className: "flex-1 h-px bg-ash/40", "aria-hidden": "true" }),
+      onJumpToLatest && /* @__PURE__ */ import_react66.default.createElement(
         "button",
         {
           type: "button",
@@ -4969,7 +5007,7 @@ var GreyedDivider = import_react65.default.forwardRef(
 GreyedDivider.displayName = "GreyedDivider";
 
 // src/components/chat/ChatView.tsx
-var ChatView = import_react66.default.forwardRef(
+var ChatView = import_react67.default.forwardRef(
   function ChatView2({
     items,
     latestUserMessageIndex,
@@ -4993,7 +5031,7 @@ var ChatView = import_react66.default.forwardRef(
       }
       return found;
     }, -1);
-    (0, import_react66.useEffect)(() => {
+    (0, import_react67.useEffect)(() => {
       if (latestUserMessageIndex !== void 0 && latestUserMessageIndex >= 0) {
         scrollToAnchor();
       }
@@ -5002,7 +5040,7 @@ var ChatView = import_react66.default.forwardRef(
       return found ?? (item.kind === "message" ? item : null);
     }, null);
     const showThinking = isThinking && lastMessage?.kind === "message" && lastMessage.variant === "user";
-    return /* @__PURE__ */ import_react66.default.createElement(
+    return /* @__PURE__ */ import_react67.default.createElement(
       "div",
       {
         ref: composeRefs(containerRef, ref),
@@ -5014,17 +5052,17 @@ var ChatView = import_react66.default.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ import_react66.default.createElement("div", { ref: contentRef, className: "relative flex flex-col gap-3" }, items.map((item, index) => {
+      /* @__PURE__ */ import_react67.default.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__ */ import_react66.default.createElement("div", { key: id2 }, /* @__PURE__ */ import_react66.default.createElement(GreyedDivider, { ...dividerProps }));
+          return /* @__PURE__ */ import_react67.default.createElement("div", { key: id2 }, /* @__PURE__ */ import_react67.default.createElement(GreyedDivider, { ...dividerProps }));
         }
         if (item.kind === "checkpoint") {
           const { kind: _k2, id: id2, ...checkpointProps } = item;
-          return /* @__PURE__ */ import_react66.default.createElement("div", { key: id2, ref: wrapperRef, className: wrapperClass }, /* @__PURE__ */ import_react66.default.createElement(Checkpoint, { ...checkpointProps }));
+          return /* @__PURE__ */ import_react67.default.createElement("div", { key: id2, ref: wrapperRef, className: wrapperClass }, /* @__PURE__ */ import_react67.default.createElement(Checkpoint, { ...checkpointProps }));
         }
         const {
           kind: _k,
@@ -5038,14 +5076,14 @@ var ChatView = import_react66.default.forwardRef(
           ...messageProps
         } = item;
         const isMessageStreaming = !!nodeIsStreaming;
-        return /* @__PURE__ */ import_react66.default.createElement(
+        return /* @__PURE__ */ import_react67.default.createElement(
           "div",
           {
             key: id,
             ref: wrapperRef,
             className: cx(wrapperClass, muted && "opacity-60")
           },
-          /* @__PURE__ */ import_react66.default.createElement(
+          /* @__PURE__ */ import_react67.default.createElement(
             Message,
             {
               variant,
@@ -5058,8 +5096,8 @@ var ChatView = import_react66.default.forwardRef(
             }
           )
         );
-      }), showThinking && /* @__PURE__ */ import_react66.default.createElement(ThinkingIndicator, { isVisible: true, manualLabel: thinkingLabel })),
-      /* @__PURE__ */ import_react66.default.createElement(
+      }), showThinking && /* @__PURE__ */ import_react67.default.createElement(ThinkingIndicator, { isVisible: true, manualLabel: thinkingLabel })),
+      /* @__PURE__ */ import_react67.default.createElement(
         "div",
         {
           ref: spacerRef,
@@ -5074,7 +5112,7 @@ var ChatView = import_react66.default.forwardRef(
 ChatView.displayName = "ChatView";
 
 // src/components/chat/ChatInput.tsx
-var import_react67 = __toESM(require("react"));
+var import_react68 = __toESM(require("react"));
 var import_lucide_react15 = require("lucide-react");
 
 // src/components/chat/types.ts
@@ -5100,7 +5138,17 @@ function generateId() {
 }
 
 // src/components/chat/ChatInput.tsx
-var ChatInput = import_react67.default.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 = import_react68.default.forwardRef(
   ({
     position = "bottom",
     placeholder = "Send a message...",
@@ -5124,17 +5172,17 @@ var ChatInput = import_react67.default.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [value, setValue] = (0, import_react67.useState)(initialInputValue);
-    const [localAttachments, setLocalAttachments] = (0, import_react67.useState)([]);
-    const [isDragOver, setIsDragOver] = (0, import_react67.useState)(false);
-    const textareaRef = (0, import_react67.useRef)(null);
-    const fileInputRef = (0, import_react67.useRef)(null);
-    const mergedTextareaRef = (0, import_react67.useMemo)(
+    const [value, setValue] = (0, import_react68.useState)(initialInputValue);
+    const [localAttachments, setLocalAttachments] = (0, import_react68.useState)([]);
+    const [isDragOver, setIsDragOver] = (0, import_react68.useState)(false);
+    const textareaRef = (0, import_react68.useRef)(null);
+    const fileInputRef = (0, import_react68.useRef)(null);
+    const mergedTextareaRef = (0, import_react68.useMemo)(
       () => composeRefs(textareaRef, externalTextareaRef),
       [externalTextareaRef]
     );
     const attachments = controlledAttachments ?? localAttachments;
-    const setAttachments = (0, import_react67.useCallback)(
+    const setAttachments = (0, import_react68.useCallback)(
       (newAttachments) => {
         if (onAttachmentsChange) {
           if (typeof newAttachments === "function") {
@@ -5148,7 +5196,7 @@ var ChatInput = import_react67.default.forwardRef(
       },
       [attachments, onAttachmentsChange]
     );
-    const handleSubmit = (0, import_react67.useCallback)(() => {
+    const handleSubmit = (0, import_react68.useCallback)(() => {
       const trimmed = value.trim();
       if (!trimmed || disabled || isStreaming) {
         return;
@@ -5160,7 +5208,7 @@ var ChatInput = import_react67.default.forwardRef(
         textareaRef.current.style.height = "auto";
       }
     }, [value, disabled, isStreaming, onSubmit, attachments, setAttachments]);
-    const handleKeyDown = (0, import_react67.useCallback)(
+    const handleKeyDown = (0, import_react68.useCallback)(
       (e) => {
         onTextareaKeyDown?.(e);
         if (e.defaultPrevented) {
@@ -5173,19 +5221,19 @@ var ChatInput = import_react67.default.forwardRef(
       },
       [handleSubmit, onTextareaKeyDown]
     );
-    const handleChange = (0, import_react67.useCallback)((e) => {
+    const handleChange = (0, import_react68.useCallback)((e) => {
       setValue(e.target.value);
       onInputChange?.(e.target.value);
       const textarea = e.target;
       textarea.style.height = "auto";
       textarea.style.height = `${Math.min(textarea.scrollHeight, 200)}px`;
     }, [onInputChange]);
-    (0, import_react67.useEffect)(() => {
+    (0, import_react68.useEffect)(() => {
       if (autoFocus && !disabled && !isStreaming && textareaRef.current) {
         textareaRef.current.focus();
       }
     }, [disabled, isStreaming, autoFocus]);
-    const addFiles = (0, import_react67.useCallback)(
+    const addFiles = (0, import_react68.useCallback)(
       (files) => {
         const newAttachments = Array.from(files).map((file) => ({
           id: generateId(),
@@ -5197,7 +5245,7 @@ var ChatInput = import_react67.default.forwardRef(
       },
       [setAttachments]
     );
-    const handleFileSelect = (0, import_react67.useCallback)(
+    const handleFileSelect = (0, import_react68.useCallback)(
       (e) => {
         const files = e.target.files;
         if (files && files.length > 0) {
@@ -5207,7 +5255,7 @@ var ChatInput = import_react67.default.forwardRef(
       },
       [addFiles]
     );
-    const handleRemoveAttachment = (0, import_react67.useCallback)(
+    const handleRemoveAttachment = (0, import_react68.useCallback)(
       (id) => {
         const attachment = attachments.find((a) => a.id === id);
         if (attachment && onAttachmentRemove) {
@@ -5223,23 +5271,23 @@ var ChatInput = import_react67.default.forwardRef(
       },
       [attachments, onAttachmentRemove, setAttachments]
     );
-    const handleDragEnter = (0, import_react67.useCallback)((e) => {
+    const handleDragEnter = (0, import_react68.useCallback)((e) => {
       e.preventDefault();
       e.stopPropagation();
       setIsDragOver(true);
     }, []);
-    const handleDragLeave = (0, import_react67.useCallback)((e) => {
+    const handleDragLeave = (0, import_react68.useCallback)((e) => {
       e.preventDefault();
       e.stopPropagation();
       if (!e.currentTarget.contains(e.relatedTarget)) {
         setIsDragOver(false);
       }
     }, []);
-    const handleDragOver = (0, import_react67.useCallback)((e) => {
+    const handleDragOver = (0, import_react68.useCallback)((e) => {
       e.preventDefault();
       e.stopPropagation();
     }, []);
-    const handleDrop = (0, import_react67.useCallback)(
+    const handleDrop = (0, import_react68.useCallback)(
       (e) => {
         e.preventDefault();
         e.stopPropagation();
@@ -5255,7 +5303,7 @@ var ChatInput = import_react67.default.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__ */ import_react67.default.createElement(
+    return /* @__PURE__ */ import_react68.default.createElement(
       "div",
       {
         ref,
@@ -5267,12 +5315,12 @@ var ChatInput = import_react67.default.forwardRef(
         ),
         ...rest
       },
-      isCentered && helperText && /* @__PURE__ */ import_react67.default.createElement("p", { className: "text-silver text-sm mb-4 text-center" }, helperText),
-      notice && /* @__PURE__ */ import_react67.default.createElement("div", { className: cx(
+      isCentered && helperText && /* @__PURE__ */ import_react68.default.createElement("p", { className: "text-silver text-sm mb-4 text-center" }, helperText),
+      notice && /* @__PURE__ */ import_react68.default.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__ */ import_react67.default.createElement("span", { className: "flex-1" }, notice.content), (notice.dismissible ?? notice.variant === "warning") && notice.onDismiss && /* @__PURE__ */ import_react67.default.createElement(
+        noticeContainerClass[notice.variant]
+      ) }, /* @__PURE__ */ import_react68.default.createElement("span", { className: "flex-1" }, notice.content), (notice.dismissible ?? notice.variant === "warning") && notice.onDismiss && /* @__PURE__ */ import_react68.default.createElement(
         "button",
         {
           type: "button",
@@ -5280,12 +5328,12 @@ var ChatInput = import_react67.default.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__ */ import_react67.default.createElement(import_lucide_react15.X, { className: "w-3 h-3" })
+        /* @__PURE__ */ import_react68.default.createElement(import_lucide_react15.X, { className: "w-3 h-3" })
       )),
-      /* @__PURE__ */ import_react67.default.createElement(
+      /* @__PURE__ */ import_react68.default.createElement(
         "div",
         {
           className: cx(
@@ -5300,7 +5348,7 @@ var ChatInput = import_react67.default.forwardRef(
           onDragOver: showAttachmentButton ? handleDragOver : void 0,
           onDrop: showAttachmentButton ? handleDrop : void 0
         },
-        hasAttachments && /* @__PURE__ */ import_react67.default.createElement("div", { className: "px-3 pt-3 pb-1" }, /* @__PURE__ */ import_react67.default.createElement(
+        hasAttachments && /* @__PURE__ */ import_react68.default.createElement("div", { className: "px-3 pt-3 pb-1" }, /* @__PURE__ */ import_react68.default.createElement(
           AttachmentPreview,
           {
             attachments,
@@ -5308,14 +5356,14 @@ var ChatInput = import_react67.default.forwardRef(
             removable: !isStreaming
           }
         )),
-        isDragOver && /* @__PURE__ */ import_react67.default.createElement(
+        isDragOver && /* @__PURE__ */ import_react68.default.createElement(
           "div",
           {
             className: "absolute inset-0 bg-gold/10 flex items-center justify-center z-10 pointer-events-none"
           },
-          /* @__PURE__ */ import_react67.default.createElement("span", { className: "text-gold text-sm font-medium" }, "Drop files here")
+          /* @__PURE__ */ import_react68.default.createElement("span", { className: "text-gold text-sm font-medium" }, "Drop files here")
         ),
-        /* @__PURE__ */ import_react67.default.createElement("div", { className: "flex items-end" }, showAttachmentButton && /* @__PURE__ */ import_react67.default.createElement(import_react67.default.Fragment, null, /* @__PURE__ */ import_react67.default.createElement(
+        /* @__PURE__ */ import_react68.default.createElement("div", { className: "flex items-end" }, showAttachmentButton && /* @__PURE__ */ import_react68.default.createElement(import_react68.default.Fragment, null, /* @__PURE__ */ import_react68.default.createElement(
           "button",
           {
             type: "button",
@@ -5327,8 +5375,8 @@ var ChatInput = import_react67.default.forwardRef(
             ),
             "aria-label": "Attach file"
           },
-          /* @__PURE__ */ import_react67.default.createElement(import_lucide_react15.Paperclip, { className: "w-5 h-5" })
-        ), /* @__PURE__ */ import_react67.default.createElement(
+          /* @__PURE__ */ import_react68.default.createElement(import_lucide_react15.Paperclip, { className: "w-5 h-5" })
+        ), /* @__PURE__ */ import_react68.default.createElement(
           "input",
           {
             ref: fileInputRef,
@@ -5339,7 +5387,7 @@ var ChatInput = import_react67.default.forwardRef(
             className: "hidden",
             "aria-hidden": "true"
           }
-        )), /* @__PURE__ */ import_react67.default.createElement(
+        )), /* @__PURE__ */ import_react68.default.createElement(
           "textarea",
           {
             ref: mergedTextareaRef,
@@ -5357,7 +5405,7 @@ var ChatInput = import_react67.default.forwardRef(
             ),
             style: { maxHeight: 200 }
           }
-        ), isStreaming ? /* @__PURE__ */ import_react67.default.createElement(
+        ), isStreaming ? /* @__PURE__ */ import_react68.default.createElement(
           "button",
           {
             type: "button",
@@ -5368,8 +5416,8 @@ var ChatInput = import_react67.default.forwardRef(
             ),
             "aria-label": "Stop generation"
           },
-          /* @__PURE__ */ import_react67.default.createElement(import_lucide_react15.Square, { className: "w-5 h-5 fill-current" })
-        ) : /* @__PURE__ */ import_react67.default.createElement(
+          /* @__PURE__ */ import_react68.default.createElement(import_lucide_react15.Square, { className: "w-5 h-5 fill-current" })
+        ) : /* @__PURE__ */ import_react68.default.createElement(
           "button",
           {
             type: "button",
@@ -5382,7 +5430,7 @@ var ChatInput = import_react67.default.forwardRef(
             ),
             "aria-label": "Send message"
           },
-          /* @__PURE__ */ import_react67.default.createElement(import_lucide_react15.Send, { className: "w-5 h-5" })
+          /* @__PURE__ */ import_react68.default.createElement(import_lucide_react15.Send, { className: "w-5 h-5" })
         ))
       )
     );
@@ -5391,14 +5439,14 @@ var ChatInput = import_react67.default.forwardRef(
 ChatInput.displayName = "ChatInput";
 
 // src/components/chat/ArtifactsPanel.tsx
-var import_react88 = __toESM(require("react"));
+var import_react89 = __toESM(require("react"));
 var import_lucide_react18 = require("lucide-react");
 
 // src/components/ArtifactCard.tsx
-var import_react75 = __toESM(require("react"));
+var import_react76 = __toESM(require("react"));
 
 // src/components/ImageCard.tsx
-var import_react68 = __toESM(require("react"));
+var import_react69 = __toESM(require("react"));
 var ASPECT_RATIO_PRESETS = {
   landscape: "3 / 2",
   portrait: "2 / 3",
@@ -5410,7 +5458,7 @@ function resolveAspectRatio(ratio) {
   }
   return ratio.replace("/", " / ");
 }
-var ImageCard = import_react68.default.forwardRef(
+var ImageCard = import_react69.default.forwardRef(
   ({
     src,
     alt = "",
@@ -5427,7 +5475,7 @@ var ImageCard = import_react68.default.forwardRef(
     loading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ import_react68.default.createElement(
+    return /* @__PURE__ */ import_react69.default.createElement(
       Card,
       {
         ref,
@@ -5435,13 +5483,13 @@ var ImageCard = import_react68.default.forwardRef(
         loading,
         ...props
       },
-      /* @__PURE__ */ import_react68.default.createElement(
+      /* @__PURE__ */ import_react69.default.createElement(
         Card.Media,
         {
           className: mediaClassName,
           style: { aspectRatio: resolveAspectRatio(aspectRatio) }
         },
-        /* @__PURE__ */ import_react68.default.createElement(import_react68.default.Fragment, null, src && /* @__PURE__ */ import_react68.default.createElement(
+        /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, src && /* @__PURE__ */ import_react69.default.createElement(
           "img",
           {
             src,
@@ -5451,7 +5499,7 @@ var ImageCard = import_react68.default.forwardRef(
               objectFit === "cover" ? "object-cover" : "object-contain"
             )
           }
-        ), overlay && /* @__PURE__ */ import_react68.default.createElement(
+        ), overlay && /* @__PURE__ */ import_react69.default.createElement(
           "div",
           {
             className: "absolute inset-0 bg-obsidian/80 opacity-0 group-hover:opacity-100 transition-opacity duration-200 flex items-center justify-center"
@@ -5459,7 +5507,7 @@ var ImageCard = import_react68.default.forwardRef(
           overlay
         ))
       ),
-      /* @__PURE__ */ import_react68.default.createElement(
+      /* @__PURE__ */ import_react69.default.createElement(
         Card.Header,
         {
           title,
@@ -5468,14 +5516,14 @@ var ImageCard = import_react68.default.forwardRef(
           className: contentClassName
         }
       ),
-      children && /* @__PURE__ */ import_react68.default.createElement(Card.Body, { className: contentClassName }, children)
+      children && /* @__PURE__ */ import_react69.default.createElement(Card.Body, { className: contentClassName }, children)
     );
   }
 );
 ImageCard.displayName = "ImageCard";
 
 // src/components/VideoCard.tsx
-var import_react69 = __toESM(require("react"));
+var import_react70 = __toESM(require("react"));
 var import_react_player = __toESM(require("react-player"));
 var ASPECT_RATIO_PRESETS2 = {
   video: "16 / 9",
@@ -5488,7 +5536,7 @@ function resolveAspectRatio2(ratio) {
   }
   return ratio.replace("/", " / ");
 }
-var VideoCard = import_react69.default.forwardRef(
+var VideoCard = import_react70.default.forwardRef(
   ({
     src,
     title,
@@ -5509,7 +5557,7 @@ var VideoCard = import_react69.default.forwardRef(
     loading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ import_react69.default.createElement(
+    return /* @__PURE__ */ import_react70.default.createElement(
       Card,
       {
         ref,
@@ -5517,13 +5565,13 @@ var VideoCard = import_react69.default.forwardRef(
         loading,
         ...props
       },
-      /* @__PURE__ */ import_react69.default.createElement(
+      /* @__PURE__ */ import_react70.default.createElement(
         Card.Media,
         {
           className: mediaClassName,
           style: { aspectRatio: resolveAspectRatio2(aspectRatio) }
         },
-        src && /* @__PURE__ */ import_react69.default.createElement(
+        src && /* @__PURE__ */ import_react70.default.createElement(
           import_react_player.default,
           {
             src,
@@ -5540,7 +5588,7 @@ var VideoCard = import_react69.default.forwardRef(
           }
         )
       ),
-      /* @__PURE__ */ import_react69.default.createElement(
+      /* @__PURE__ */ import_react70.default.createElement(
         Card.Header,
         {
           title,
@@ -5549,17 +5597,17 @@ var VideoCard = import_react69.default.forwardRef(
           className: contentClassName
         }
       ),
-      children && /* @__PURE__ */ import_react69.default.createElement(Card.Body, { className: contentClassName }, children)
+      children && /* @__PURE__ */ import_react70.default.createElement(Card.Body, { className: contentClassName }, children)
     );
   }
 );
 VideoCard.displayName = "VideoCard";
 
 // src/components/AudioCard.tsx
-var import_react70 = __toESM(require("react"));
+var import_react71 = __toESM(require("react"));
 var import_react_player2 = __toESM(require("react-player"));
 var import_lucide_react16 = require("lucide-react");
-var AudioCard = import_react70.default.forwardRef(
+var AudioCard = import_react71.default.forwardRef(
   ({
     src,
     title,
@@ -5579,7 +5627,7 @@ var AudioCard = import_react70.default.forwardRef(
     loading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ import_react70.default.createElement(
+    return /* @__PURE__ */ import_react71.default.createElement(
       Card,
       {
         ref,
@@ -5587,10 +5635,10 @@ var AudioCard = import_react70.default.forwardRef(
         loading,
         ...props
       },
-      /* @__PURE__ */ import_react70.default.createElement(Card.Media, { className: cx(
+      /* @__PURE__ */ import_react71.default.createElement(Card.Media, { className: cx(
         "bg-obsidian py-8 flex flex-col items-center justify-center",
         mediaClassName
-      ) }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "mb-4 text-gold" }, /* @__PURE__ */ import_react70.default.createElement(import_lucide_react16.Music, { size: 48 })), src && /* @__PURE__ */ import_react70.default.createElement("div", { className: "w-full px-4" }, /* @__PURE__ */ import_react70.default.createElement(
+      ) }, /* @__PURE__ */ import_react71.default.createElement("div", { className: "mb-4 text-gold" }, /* @__PURE__ */ import_react71.default.createElement(import_lucide_react16.Music, { size: 48 })), src && /* @__PURE__ */ import_react71.default.createElement("div", { className: "w-full px-4" }, /* @__PURE__ */ import_react71.default.createElement(
         import_react_player2.default,
         {
           src,
@@ -5605,7 +5653,7 @@ var AudioCard = import_react70.default.forwardRef(
           ...playerProps
         }
       ))),
-      /* @__PURE__ */ import_react70.default.createElement(
+      /* @__PURE__ */ import_react71.default.createElement(
         Card.Header,
         {
           title,
@@ -5614,16 +5662,16 @@ var AudioCard = import_react70.default.forwardRef(
           className: contentClassName
         }
       ),
-      children && /* @__PURE__ */ import_react70.default.createElement(Card.Body, { className: contentClassName }, children)
+      children && /* @__PURE__ */ import_react71.default.createElement(Card.Body, { className: contentClassName }, children)
     );
   }
 );
 AudioCard.displayName = "AudioCard";
 
 // src/components/PdfCard.tsx
-var import_react71 = __toESM(require("react"));
+var import_react72 = __toESM(require("react"));
 var import_lucide_react17 = require("lucide-react");
-var PdfCard = import_react71.default.forwardRef(
+var PdfCard = import_react72.default.forwardRef(
   ({
     src,
     title,
@@ -5637,7 +5685,7 @@ var PdfCard = import_react71.default.forwardRef(
     loading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ import_react71.default.createElement(
+    return /* @__PURE__ */ import_react72.default.createElement(
       Card,
       {
         ref,
@@ -5645,13 +5693,13 @@ var PdfCard = import_react71.default.forwardRef(
         loading,
         ...props
       },
-      /* @__PURE__ */ import_react71.default.createElement(
+      /* @__PURE__ */ import_react72.default.createElement(
         Card.Media,
         {
           className: cx("bg-obsidian", mediaClassName),
           style: { height }
         },
-        src && /* @__PURE__ */ import_react71.default.createElement(
+        src && /* @__PURE__ */ import_react72.default.createElement(
           "iframe",
           {
             src: `${src}#view=FitH`,
@@ -5660,24 +5708,24 @@ var PdfCard = import_react71.default.forwardRef(
           }
         )
       ),
-      /* @__PURE__ */ import_react71.default.createElement(
+      /* @__PURE__ */ import_react72.default.createElement(
         Card.Header,
         {
           title,
           subtitle,
           handle,
           className: contentClassName,
-          action: /* @__PURE__ */ import_react71.default.createElement("div", { className: "p-2 bg-ash/20 text-gold shrink-0" }, /* @__PURE__ */ import_react71.default.createElement(import_lucide_react17.FileText, { size: 20 }))
+          action: /* @__PURE__ */ import_react72.default.createElement("div", { className: "p-2 bg-ash/20 text-gold shrink-0" }, /* @__PURE__ */ import_react72.default.createElement(import_lucide_react17.FileText, { size: 20 }))
         }
       ),
-      children && /* @__PURE__ */ import_react71.default.createElement(Card.Body, { className: contentClassName }, children)
+      children && /* @__PURE__ */ import_react72.default.createElement(Card.Body, { className: contentClassName }, children)
     );
   }
 );
 PdfCard.displayName = "PdfCard";
 
 // src/components/ScriptCard.tsx
-var import_react72 = __toESM(require("react"));
+var import_react73 = __toESM(require("react"));
 var SCRIPT_ELEMENT_TYPES = {
   SCENE_HEADING: "scene-heading",
   ACTION: "action",
@@ -5691,28 +5739,28 @@ var SCRIPT_ELEMENT_TYPES = {
 function ScriptElementRenderer({ element }) {
   switch (element.type) {
     case "scene-heading":
-      return /* @__PURE__ */ import_react72.default.createElement("p", { className: "mt-4 mb-2 font-bold uppercase text-gold text-xs tracking-wide" }, element.content);
+      return /* @__PURE__ */ import_react73.default.createElement("p", { className: "mt-4 mb-2 font-bold uppercase text-gold text-xs tracking-wide" }, element.content);
     case "action":
-      return /* @__PURE__ */ import_react72.default.createElement("p", { className: "my-2 text-silver text-xs leading-relaxed" }, element.content);
+      return /* @__PURE__ */ import_react73.default.createElement("p", { className: "my-2 text-silver text-xs leading-relaxed" }, element.content);
     case "character":
-      return /* @__PURE__ */ import_react72.default.createElement("p", { className: "mt-4 mb-0.5 ml-8 font-bold text-white text-xs uppercase tracking-wide" }, element.content);
+      return /* @__PURE__ */ import_react73.default.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__ */ import_react72.default.createElement("p", { className: "ml-6 text-silver/70 text-xs italic" }, "(", element.content, ")");
+      return /* @__PURE__ */ import_react73.default.createElement("p", { className: "ml-6 text-silver/70 text-xs italic" }, "(", element.content, ")");
     case "dialogue":
-      return /* @__PURE__ */ import_react72.default.createElement("p", { className: "ml-4 mr-8 text-silver text-xs leading-relaxed" }, element.content);
+      return /* @__PURE__ */ import_react73.default.createElement("p", { className: "ml-4 mr-8 text-silver text-xs leading-relaxed" }, element.content);
     case "transition":
-      return /* @__PURE__ */ import_react72.default.createElement("p", { className: "mt-4 mb-2 text-right font-bold uppercase text-gold/80 text-xs tracking-wide" }, element.content);
+      return /* @__PURE__ */ import_react73.default.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__ */ import_react72.default.createElement("p", { className: "mt-6 mb-2 text-center font-bold text-gold text-sm" }, element.content);
+      return /* @__PURE__ */ import_react73.default.createElement("p", { className: "mt-6 mb-2 text-center font-bold text-gold text-sm" }, element.content);
     case "subtitle":
-      return /* @__PURE__ */ import_react72.default.createElement("p", { className: "text-center italic text-gold/70 text-xs" }, element.content);
+      return /* @__PURE__ */ import_react73.default.createElement("p", { className: "text-center italic text-gold/70 text-xs" }, element.content);
     default:
       return null;
   }
 }
-var ScriptCard = import_react72.default.forwardRef(
+var ScriptCard = import_react73.default.forwardRef(
   ({ title, subtitle, handle, elements, maxHeight = "16rem", className, style, loading, ...rest }, ref) => {
-    return /* @__PURE__ */ import_react72.default.createElement(
+    return /* @__PURE__ */ import_react73.default.createElement(
       Card,
       {
         ref,
@@ -5720,7 +5768,7 @@ var ScriptCard = import_react72.default.forwardRef(
         loading,
         ...rest
       },
-      /* @__PURE__ */ import_react72.default.createElement(
+      /* @__PURE__ */ import_react73.default.createElement(
         Card.Header,
         {
           title,
@@ -5728,13 +5776,13 @@ var ScriptCard = import_react72.default.forwardRef(
           handle
         }
       ),
-      /* @__PURE__ */ import_react72.default.createElement(
+      /* @__PURE__ */ import_react73.default.createElement(
         Card.Body,
         {
           className: "font-mono overflow-y-auto",
           style: { maxHeight, ...style }
         },
-        elements.map((element, index) => /* @__PURE__ */ import_react72.default.createElement(ScriptElementRenderer, { key: index, element }))
+        elements.map((element, index) => /* @__PURE__ */ import_react73.default.createElement(ScriptElementRenderer, { key: index, element }))
       )
     );
   }
@@ -5742,8 +5790,8 @@ var ScriptCard = import_react72.default.forwardRef(
 ScriptCard.displayName = "ScriptCard";
 
 // src/components/TextCard.tsx
-var import_react73 = __toESM(require("react"));
-var TextCard = import_react73.default.forwardRef(
+var import_react74 = __toESM(require("react"));
+var TextCard = import_react74.default.forwardRef(
   ({
     content,
     title,
@@ -5756,7 +5804,7 @@ var TextCard = import_react73.default.forwardRef(
     loading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ import_react73.default.createElement(
+    return /* @__PURE__ */ import_react74.default.createElement(
       Card,
       {
         ref,
@@ -5764,7 +5812,7 @@ var TextCard = import_react73.default.forwardRef(
         loading,
         ...props
       },
-      /* @__PURE__ */ import_react73.default.createElement(
+      /* @__PURE__ */ import_react74.default.createElement(
         Card.Header,
         {
           title,
@@ -5772,13 +5820,13 @@ var TextCard = import_react73.default.forwardRef(
           handle
         }
       ),
-      /* @__PURE__ */ import_react73.default.createElement(
+      /* @__PURE__ */ import_react74.default.createElement(
         Card.Body,
         {
           className: cx("overflow-y-auto", contentClassName),
           style: { maxHeight }
         },
-        /* @__PURE__ */ import_react73.default.createElement(
+        /* @__PURE__ */ import_react74.default.createElement(
           MarkdownContent,
           {
             content,
@@ -5793,8 +5841,8 @@ var TextCard = import_react73.default.forwardRef(
 TextCard.displayName = "TextCard";
 
 // src/components/DeliverableCard.tsx
-var import_react74 = __toESM(require("react"));
-var DeliverableCard = import_react74.default.forwardRef(
+var import_react75 = __toESM(require("react"));
+var DeliverableCard = import_react75.default.forwardRef(
   ({
     deliverable,
     title,
@@ -5813,7 +5861,7 @@ var DeliverableCard = import_react74.default.forwardRef(
     const accent = deliverable?.accentColor?.trim();
     const style = accent ? { "--deliverable-accent": accent } : void 0;
     const sectionCount = deliverable?.sections.length ?? 0;
-    return /* @__PURE__ */ import_react74.default.createElement(
+    return /* @__PURE__ */ import_react75.default.createElement(
       Card,
       {
         ref,
@@ -5824,8 +5872,8 @@ var DeliverableCard = import_react74.default.forwardRef(
         style,
         ...props
       },
-      /* @__PURE__ */ import_react74.default.createElement("div", { className: "deliverable-card-cover" }, eyebrow && /* @__PURE__ */ import_react74.default.createElement("p", { className: "deliverable-card-eyebrow" }, eyebrow), headline && /* @__PURE__ */ import_react74.default.createElement("p", { className: "deliverable-card-title" }, headline), tagline && /* @__PURE__ */ import_react74.default.createElement("p", { className: "deliverable-card-subtitle" }, tagline)),
-      /* @__PURE__ */ import_react74.default.createElement("div", { className: "deliverable-card-meta flex items-center justify-between" }, /* @__PURE__ */ import_react74.default.createElement("span", null, sectionCount, " ", sectionCount === 1 ? "section" : "sections"), handle && /* @__PURE__ */ import_react74.default.createElement(Card.Handle, { handle }))
+      /* @__PURE__ */ import_react75.default.createElement("div", { className: "deliverable-card-cover" }, eyebrow && /* @__PURE__ */ import_react75.default.createElement("p", { className: "deliverable-card-eyebrow" }, eyebrow), headline && /* @__PURE__ */ import_react75.default.createElement("p", { className: "deliverable-card-title" }, headline), tagline && /* @__PURE__ */ import_react75.default.createElement("p", { className: "deliverable-card-subtitle" }, tagline)),
+      /* @__PURE__ */ import_react75.default.createElement("div", { className: "deliverable-card-meta flex items-center justify-between" }, /* @__PURE__ */ import_react75.default.createElement("span", null, sectionCount, " ", sectionCount === 1 ? "section" : "sections"), handle && /* @__PURE__ */ import_react75.default.createElement(Card.Handle, { handle }))
     );
   }
 );
@@ -5856,7 +5904,7 @@ var ARTIFACT_TYPES = {
   PDF: "PDF",
   DELIVERABLE: "DELIVERABLE"
 };
-var ArtifactCard = import_react75.default.forwardRef(
+var ArtifactCard = import_react76.default.forwardRef(
   ({ artifact, onExpand, loading, className, ...props }, ref) => {
     const derivedLoading = deriveCardSlotLoading(artifact);
     const commonProps = {
@@ -5878,7 +5926,7 @@ var ArtifactCard = import_react75.default.forwardRef(
     const renderContent = () => {
       switch (artifact.type) {
         case "IMAGE":
-          return /* @__PURE__ */ import_react75.default.createElement(
+          return /* @__PURE__ */ import_react76.default.createElement(
             ImageCard,
             {
               ...commonProps,
@@ -5888,7 +5936,7 @@ var ArtifactCard = import_react75.default.forwardRef(
             }
           );
         case "VIDEO":
-          return /* @__PURE__ */ import_react75.default.createElement(
+          return /* @__PURE__ */ import_react76.default.createElement(
             VideoCard,
             {
               ...commonProps,
@@ -5898,7 +5946,7 @@ var ArtifactCard = import_react75.default.forwardRef(
             }
           );
         case "AUDIO":
-          return /* @__PURE__ */ import_react75.default.createElement(
+          return /* @__PURE__ */ import_react76.default.createElement(
             AudioCard,
             {
               ...commonProps,
@@ -5907,7 +5955,7 @@ var ArtifactCard = import_react75.default.forwardRef(
             }
           );
         case "PDF":
-          return /* @__PURE__ */ import_react75.default.createElement(
+          return /* @__PURE__ */ import_react76.default.createElement(
             PdfCard,
             {
               ...commonProps,
@@ -5915,7 +5963,7 @@ var ArtifactCard = import_react75.default.forwardRef(
             }
           );
         case "SCRIPT":
-          return /* @__PURE__ */ import_react75.default.createElement(
+          return /* @__PURE__ */ import_react76.default.createElement(
             ScriptCard,
             {
               ...commonProps,
@@ -5924,7 +5972,7 @@ var ArtifactCard = import_react75.default.forwardRef(
             }
           );
         case "TEXT":
-          return /* @__PURE__ */ import_react75.default.createElement(
+          return /* @__PURE__ */ import_react76.default.createElement(
             TextCard,
             {
               ...commonProps,
@@ -5936,7 +5984,7 @@ var ArtifactCard = import_react75.default.forwardRef(
             }
           );
         case "DELIVERABLE":
-          return /* @__PURE__ */ import_react75.default.createElement(
+          return /* @__PURE__ */ import_react76.default.createElement(
             DeliverableCard,
             {
               ...commonProps,
@@ -5950,7 +5998,7 @@ var ArtifactCard = import_react75.default.forwardRef(
       }
     };
     const isCardExpandable = !!onExpand && (artifact.type === "IMAGE" || artifact.type === "PDF" || artifact.type === "SCRIPT" || artifact.type === "TEXT" || artifact.type === "DELIVERABLE");
-    return /* @__PURE__ */ import_react75.default.createElement(
+    return /* @__PURE__ */ import_react76.default.createElement(
       "div",
       {
         ref,
@@ -5963,7 +6011,7 @@ var ArtifactCard = import_react75.default.forwardRef(
         onClick: isCardExpandable ? handleExpand : void 0,
         ...props
       },
-      onExpand && /* @__PURE__ */ import_react75.default.createElement(
+      onExpand && /* @__PURE__ */ import_react76.default.createElement(
         "button",
         {
           onClick: handleExpand,
@@ -5974,7 +6022,7 @@ var ArtifactCard = import_react75.default.forwardRef(
           ),
           "aria-label": "Expand artifact"
         },
-        /* @__PURE__ */ import_react75.default.createElement(ExpandIcon, { className: "w-4 h-4" })
+        /* @__PURE__ */ import_react76.default.createElement(ExpandIcon, { className: "w-4 h-4" })
       ),
       renderContent()
     );
@@ -5983,17 +6031,17 @@ var ArtifactCard = import_react75.default.forwardRef(
 ArtifactCard.displayName = "ArtifactCard";
 
 // src/components/ArtifactGroup.tsx
-var import_react76 = __toESM(require("react"));
+var import_react77 = __toESM(require("react"));
 var LAYER_OFFSET = "8px";
 var LAYER_OFFSET_2X = "16px";
-var ArtifactGroup = import_react76.default.forwardRef(
+var ArtifactGroup = import_react77.default.forwardRef(
   ({ node, onClick, className, ...props }, ref) => {
     const children = node.children;
     const count = children.length;
     const frontChild = children[0];
-    const prevCountRef = (0, import_react76.useRef)(count);
-    const [badgePing, setBadgePing] = (0, import_react76.useState)(false);
-    (0, import_react76.useEffect)(() => {
+    const prevCountRef = (0, import_react77.useRef)(count);
+    const [badgePing, setBadgePing] = (0, import_react77.useState)(false);
+    (0, import_react77.useEffect)(() => {
       if (count !== prevCountRef.current) {
         prevCountRef.current = count;
         setBadgePing(true);
@@ -6008,21 +6056,21 @@ var ArtifactGroup = import_react76.default.forwardRef(
     };
     const renderFrontContent = () => {
       if (!frontChild) {
-        return /* @__PURE__ */ import_react76.default.createElement("div", { className: "w-full aspect-video bg-graphite border border-ash/40 flex items-center justify-center" }, /* @__PURE__ */ import_react76.default.createElement("span", { className: "text-silver text-sm" }, "Empty group"));
+        return /* @__PURE__ */ import_react77.default.createElement("div", { className: "w-full aspect-video bg-graphite border border-ash/40 flex items-center justify-center" }, /* @__PURE__ */ import_react77.default.createElement("span", { className: "text-silver text-sm" }, "Empty group"));
       }
       if (frontChild.type === "ARTIFACT" && frontChild.artifact) {
-        return /* @__PURE__ */ import_react76.default.createElement(ArtifactCard, { artifact: frontChild.artifact, className: "w-full" });
+        return /* @__PURE__ */ import_react77.default.createElement(ArtifactCard, { artifact: frontChild.artifact, className: "w-full" });
       }
-      return /* @__PURE__ */ import_react76.default.createElement(
+      return /* @__PURE__ */ import_react77.default.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__ */ import_react76.default.createElement("span", { className: "text-sm text-silver uppercase tracking-wider" }, frontChild.type === "GROUP" ? "Group" : "Variants"),
-        /* @__PURE__ */ import_react76.default.createElement("span", { className: "text-white font-semibold" }, frontChild.label)
+        /* @__PURE__ */ import_react77.default.createElement("span", { className: "text-sm text-silver uppercase tracking-wider" }, frontChild.type === "GROUP" ? "Group" : "Variants"),
+        /* @__PURE__ */ import_react77.default.createElement("span", { className: "text-white font-semibold" }, frontChild.label)
       );
     };
-    return /* @__PURE__ */ import_react76.default.createElement(
+    return /* @__PURE__ */ import_react77.default.createElement(
       "div",
       {
         ref,
@@ -6042,21 +6090,21 @@ var ArtifactGroup = import_react76.default.forwardRef(
         "aria-label": `${node.label} \u2014 ${count} items`,
         ...props
       },
-      /* @__PURE__ */ import_react76.default.createElement(Card, { noPadding: true, className: "p-5" }, /* @__PURE__ */ import_react76.default.createElement("h3", { className: "text-lg font-semibold text-white m-0 mb-4" }, node.label), /* @__PURE__ */ import_react76.default.createElement("div", { style: { paddingRight: LAYER_OFFSET_2X, paddingBottom: LAYER_OFFSET_2X } }, /* @__PURE__ */ import_react76.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react76.default.createElement(
+      /* @__PURE__ */ import_react77.default.createElement(Card, { noPadding: true, className: "p-5" }, /* @__PURE__ */ import_react77.default.createElement("h3", { className: "text-lg font-semibold text-white m-0 mb-4" }, node.label), /* @__PURE__ */ import_react77.default.createElement("div", { style: { paddingRight: LAYER_OFFSET_2X, paddingBottom: LAYER_OFFSET_2X } }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react77.default.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__ */ import_react76.default.createElement(
+      ), /* @__PURE__ */ import_react77.default.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__ */ import_react76.default.createElement("div", { className: "relative transition-transform duration-200 group-hover:-translate-y-0.5" }, renderFrontContent()), /* @__PURE__ */ import_react76.default.createElement(
+      ), /* @__PURE__ */ import_react77.default.createElement("div", { className: "relative transition-transform duration-200 group-hover:-translate-y-0.5" }, renderFrontContent()), /* @__PURE__ */ import_react77.default.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",
@@ -6070,13 +6118,13 @@ var ArtifactGroup = import_react76.default.forwardRef(
 ArtifactGroup.displayName = "ArtifactGroup";
 
 // src/components/ArtifactVariantStack.tsx
-var import_react77 = __toESM(require("react"));
-var ArtifactVariantStack = import_react77.default.forwardRef(
+var import_react78 = __toESM(require("react"));
+var ArtifactVariantStack = import_react78.default.forwardRef(
   ({ node, onExpandArtifact, onGroupClick, className, ...props }, ref) => {
     const children = node.children;
     const renderChild = (child) => {
       if (child.type === "ARTIFACT" && child.artifact) {
-        return /* @__PURE__ */ import_react77.default.createElement("div", { key: child.id, className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react77.default.createElement(
+        return /* @__PURE__ */ import_react78.default.createElement("div", { key: child.id, className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react78.default.createElement(
           ArtifactCard,
           {
             artifact: child.artifact,
@@ -6086,18 +6134,18 @@ var ArtifactVariantStack = import_react77.default.forwardRef(
         ));
       }
       if (child.type === "GROUP") {
-        return /* @__PURE__ */ import_react77.default.createElement("div", { key: child.id, className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react77.default.createElement(ArtifactGroup, { node: child, onClick: onGroupClick }));
+        return /* @__PURE__ */ import_react78.default.createElement("div", { key: child.id, className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react78.default.createElement(ArtifactGroup, { node: child, onClick: onGroupClick }));
       }
-      return /* @__PURE__ */ import_react77.default.createElement("div", { key: child.id, className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react77.default.createElement(
+      return /* @__PURE__ */ import_react78.default.createElement("div", { key: child.id, className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react78.default.createElement(
         "div",
         {
           className: "aspect-video bg-graphite border border-gold/30 flex flex-col items-center justify-center gap-2 p-4"
         },
-        /* @__PURE__ */ import_react77.default.createElement("span", { className: "text-xs text-silver uppercase tracking-wider" }, "Variants"),
-        /* @__PURE__ */ import_react77.default.createElement("span", { className: "text-sm text-white font-semibold truncate max-w-full" }, child.label)
+        /* @__PURE__ */ import_react78.default.createElement("span", { className: "text-xs text-silver uppercase tracking-wider" }, "Variants"),
+        /* @__PURE__ */ import_react78.default.createElement("span", { className: "text-sm text-white font-semibold truncate max-w-full" }, child.label)
       ));
     };
-    return /* @__PURE__ */ import_react77.default.createElement(
+    return /* @__PURE__ */ import_react78.default.createElement(
       Card,
       {
         ref,
@@ -6105,27 +6153,27 @@ var ArtifactVariantStack = import_react77.default.forwardRef(
         className: cx("w-full p-5", className),
         ...props
       },
-      /* @__PURE__ */ import_react77.default.createElement("h3", { className: "text-lg font-semibold text-white m-0 mb-4" }, node.label),
-      /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex gap-3" }, children.map(renderChild))
+      /* @__PURE__ */ import_react78.default.createElement("h3", { className: "text-lg font-semibold text-white m-0 mb-4" }, node.label),
+      /* @__PURE__ */ import_react78.default.createElement("div", { className: "flex gap-3" }, children.map(renderChild))
     );
   }
 );
 ArtifactVariantStack.displayName = "ArtifactVariantStack";
 
 // src/components/ArtifactLightboxBody.tsx
-var import_react85 = __toESM(require("react"));
+var import_react86 = __toESM(require("react"));
 
 // src/components/deliverable/DeliverableRenderer.tsx
-var import_react84 = __toESM(require("react"));
+var import_react85 = __toESM(require("react"));
 
 // src/components/deliverable/CoverSection.tsx
-var import_react78 = __toESM(require("react"));
+var import_react79 = __toESM(require("react"));
 function CoverSection({ data, clientName }) {
-  return /* @__PURE__ */ import_react78.default.createElement("section", { className: "deliverable-cover deliverable-page" }, /* @__PURE__ */ import_react78.default.createElement("div", { className: "deliverable-cover-inner" }, data.eyebrow && /* @__PURE__ */ import_react78.default.createElement(import_react78.default.Fragment, null, /* @__PURE__ */ import_react78.default.createElement("p", { className: "deliverable-cover-eyebrow" }, data.eyebrow), /* @__PURE__ */ import_react78.default.createElement("div", { className: "deliverable-cover-rule", "aria-hidden": "true" })), /* @__PURE__ */ import_react78.default.createElement("h1", { className: "deliverable-cover-title" }, data.title), data.subtitle && /* @__PURE__ */ import_react78.default.createElement("p", { className: "deliverable-cover-subtitle" }, data.subtitle), clientName && /* @__PURE__ */ import_react78.default.createElement("p", { className: "deliverable-cover-client" }, "Prepared for", " ", /* @__PURE__ */ import_react78.default.createElement("span", { className: "deliverable-cover-client-name" }, clientName))));
+  return /* @__PURE__ */ import_react79.default.createElement("section", { className: "deliverable-cover deliverable-page" }, /* @__PURE__ */ import_react79.default.createElement("div", { className: "deliverable-cover-inner" }, data.eyebrow && /* @__PURE__ */ import_react79.default.createElement(import_react79.default.Fragment, null, /* @__PURE__ */ import_react79.default.createElement("p", { className: "deliverable-cover-eyebrow" }, data.eyebrow), /* @__PURE__ */ import_react79.default.createElement("div", { className: "deliverable-cover-rule", "aria-hidden": "true" })), /* @__PURE__ */ import_react79.default.createElement("h1", { className: "deliverable-cover-title" }, data.title), data.subtitle && /* @__PURE__ */ import_react79.default.createElement("p", { className: "deliverable-cover-subtitle" }, data.subtitle), clientName && /* @__PURE__ */ import_react79.default.createElement("p", { className: "deliverable-cover-client" }, "Prepared for", " ", /* @__PURE__ */ import_react79.default.createElement("span", { className: "deliverable-cover-client-name" }, clientName))));
 }
 
 // src/components/deliverable/ArtifactImageGridSection.tsx
-var import_react79 = __toESM(require("react"));
+var import_react80 = __toESM(require("react"));
 var COLUMN_CLASSES = {
   1: "deliverable-image-grid-cols-1",
   2: "deliverable-image-grid-cols-2",
@@ -6140,7 +6188,7 @@ var ASPECT_CLASSES = {
 function ArtifactImageGridSection({ data }) {
   const columns = clampColumns(data.columns);
   const aspect = data.aspectRatio ?? "landscape";
-  return /* @__PURE__ */ import_react79.default.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ import_react79.default.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ import_react79.default.createElement(
+  return /* @__PURE__ */ import_react80.default.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ import_react80.default.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ import_react80.default.createElement(
     "div",
     {
       className: cx(
@@ -6149,14 +6197,14 @@ function ArtifactImageGridSection({ data }) {
         ASPECT_CLASSES[aspect]
       )
     },
-    data.items.map((item, idx) => /* @__PURE__ */ import_react79.default.createElement("figure", { key: idx, className: "deliverable-image-item" }, item.artifact.url ? /* @__PURE__ */ import_react79.default.createElement(
+    data.items.map((item, idx) => /* @__PURE__ */ import_react80.default.createElement("figure", { key: idx, className: "deliverable-image-item" }, item.artifact.url ? /* @__PURE__ */ import_react80.default.createElement(
       "img",
       {
         src: item.artifact.url,
         alt: item.artifact.title ?? "",
         className: "deliverable-image-img"
       }
-    ) : /* @__PURE__ */ import_react79.default.createElement("div", { className: "deliverable-image-missing" }, "Missing image"), item.caption && /* @__PURE__ */ import_react79.default.createElement("figcaption", { className: "deliverable-image-caption" }, item.caption)))
+    ) : /* @__PURE__ */ import_react80.default.createElement("div", { className: "deliverable-image-missing" }, "Missing image"), item.caption && /* @__PURE__ */ import_react80.default.createElement("figcaption", { className: "deliverable-image-caption" }, item.caption)))
   ));
 }
 function clampColumns(n) {
@@ -6166,7 +6214,7 @@ function clampColumns(n) {
 }
 
 // src/components/deliverable/ArtifactSpotlightSection.tsx
-var import_react80 = __toESM(require("react"));
+var import_react81 = __toESM(require("react"));
 var VARIANT_CLASSES = {
   framed: null,
   "full-bleed": "deliverable-spotlight-variant-full-bleed",
@@ -6174,14 +6222,14 @@ var VARIANT_CLASSES = {
 };
 function ArtifactSpotlightSection({ data }) {
   const variant = data.variant ?? "framed";
-  return /* @__PURE__ */ import_react80.default.createElement("section", { className: cx("deliverable-page", VARIANT_CLASSES[variant]) }, data.heading && /* @__PURE__ */ import_react80.default.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ import_react80.default.createElement("div", { className: "deliverable-spotlight-media" }, data.artifact.url ? /* @__PURE__ */ import_react80.default.createElement(
+  return /* @__PURE__ */ import_react81.default.createElement("section", { className: cx("deliverable-page", VARIANT_CLASSES[variant]) }, data.heading && /* @__PURE__ */ import_react81.default.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ import_react81.default.createElement("div", { className: "deliverable-spotlight-media" }, data.artifact.url ? /* @__PURE__ */ import_react81.default.createElement(
     "img",
     {
       src: data.artifact.url,
       alt: data.artifact.title ?? "",
       className: "deliverable-spotlight-img"
     }
-  ) : /* @__PURE__ */ import_react80.default.createElement("div", { className: "deliverable-spotlight-missing" }, "Missing image")), data.body && /* @__PURE__ */ import_react80.default.createElement(
+  ) : /* @__PURE__ */ import_react81.default.createElement("div", { className: "deliverable-spotlight-missing" }, "Missing image")), data.body && /* @__PURE__ */ import_react81.default.createElement(
     MarkdownContent,
     {
       content: data.body,
@@ -6191,9 +6239,9 @@ function ArtifactSpotlightSection({ data }) {
 }
 
 // src/components/deliverable/TextBlockSection.tsx
-var import_react81 = __toESM(require("react"));
+var import_react82 = __toESM(require("react"));
 function TextBlockSection({ data }) {
-  return /* @__PURE__ */ import_react81.default.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ import_react81.default.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ import_react81.default.createElement(
+  return /* @__PURE__ */ import_react82.default.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ import_react82.default.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ import_react82.default.createElement(
     MarkdownContent,
     {
       content: data.body,
@@ -6203,22 +6251,22 @@ function TextBlockSection({ data }) {
 }
 
 // src/components/deliverable/ColorPaletteSection.tsx
-var import_react82 = __toESM(require("react"));
+var import_react83 = __toESM(require("react"));
 function ColorPaletteSection({ data }) {
-  return /* @__PURE__ */ import_react82.default.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ import_react82.default.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ import_react82.default.createElement("div", { className: "deliverable-palette" }, data.swatches.map((swatch, idx) => /* @__PURE__ */ import_react82.default.createElement("div", { key: idx, className: "deliverable-palette-item" }, /* @__PURE__ */ import_react82.default.createElement(
+  return /* @__PURE__ */ import_react83.default.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ import_react83.default.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ import_react83.default.createElement("div", { className: "deliverable-palette" }, data.swatches.map((swatch, idx) => /* @__PURE__ */ import_react83.default.createElement("div", { key: idx, className: "deliverable-palette-item" }, /* @__PURE__ */ import_react83.default.createElement(
     "div",
     {
       className: "deliverable-palette-chip",
       style: { backgroundColor: swatch.color },
       "aria-label": swatch.label
     }
-  ), /* @__PURE__ */ import_react82.default.createElement("p", { className: "deliverable-palette-label" }, swatch.label), /* @__PURE__ */ import_react82.default.createElement("p", { className: "deliverable-palette-hex" }, swatch.color.toUpperCase())))));
+  ), /* @__PURE__ */ import_react83.default.createElement("p", { className: "deliverable-palette-label" }, swatch.label), /* @__PURE__ */ import_react83.default.createElement("p", { className: "deliverable-palette-hex" }, swatch.color.toUpperCase())))));
 }
 
 // src/components/deliverable/QuoteBlockSection.tsx
-var import_react83 = __toESM(require("react"));
+var import_react84 = __toESM(require("react"));
 function QuoteBlockSection({ data }) {
-  return /* @__PURE__ */ import_react83.default.createElement("section", { className: "deliverable-page deliverable-quote" }, /* @__PURE__ */ import_react83.default.createElement("blockquote", { className: "deliverable-quote-body" }, /* @__PURE__ */ import_react83.default.createElement("p", { className: "deliverable-quote-text" }, "\u201C", data.quote, "\u201D"), data.attribution && /* @__PURE__ */ import_react83.default.createElement("footer", { className: "deliverable-quote-attribution" }, "\u2014 ", data.attribution)));
+  return /* @__PURE__ */ import_react84.default.createElement("section", { className: "deliverable-page deliverable-quote" }, /* @__PURE__ */ import_react84.default.createElement("blockquote", { className: "deliverable-quote-body" }, /* @__PURE__ */ import_react84.default.createElement("p", { className: "deliverable-quote-text" }, "\u201C", data.quote, "\u201D"), data.attribution && /* @__PURE__ */ import_react84.default.createElement("footer", { className: "deliverable-quote-attribution" }, "\u2014 ", data.attribution)));
 }
 
 // src/components/deliverable/DeliverableRenderer.tsx
@@ -6234,7 +6282,7 @@ function DeliverableRenderer({
   hideActions = false,
   className
 }) {
-  const [isDownloading, setIsDownloading] = (0, import_react84.useState)(false);
+  const [isDownloading, setIsDownloading] = (0, import_react85.useState)(false);
   const accent = deliverable.accentColor?.trim();
   const style = accent ? { "--deliverable-accent": accent } : void 0;
   const theme = deliverable.theme ?? "cinematic";
@@ -6248,14 +6296,14 @@ function DeliverableRenderer({
       setIsDownloading(false);
     }
   };
-  return /* @__PURE__ */ import_react84.default.createElement(
+  return /* @__PURE__ */ import_react85.default.createElement(
     "div",
     {
       className: cx("deliverable", themeClass, className),
       style
     },
     deliverable.sections.map((section, idx) => renderSection(section, idx, deliverable)),
-    !hideActions && onDownloadPdf && /* @__PURE__ */ import_react84.default.createElement("div", { className: "deliverable-actions" }, /* @__PURE__ */ import_react84.default.createElement(
+    !hideActions && onDownloadPdf && /* @__PURE__ */ import_react85.default.createElement("div", { className: "deliverable-actions" }, /* @__PURE__ */ import_react85.default.createElement(
       Button,
       {
         variant: "important",
@@ -6272,7 +6320,7 @@ function renderSection(section, idx, doc) {
   const key = `${section.type}-${idx}`;
   switch (section.type) {
     case "COVER":
-      return /* @__PURE__ */ import_react84.default.createElement(
+      return /* @__PURE__ */ import_react85.default.createElement(
         CoverSection,
         {
           key,
@@ -6281,15 +6329,15 @@ function renderSection(section, idx, doc) {
         }
       );
     case "ARTIFACT_IMAGE_GRID":
-      return /* @__PURE__ */ import_react84.default.createElement(ArtifactImageGridSection, { key, data: section });
+      return /* @__PURE__ */ import_react85.default.createElement(ArtifactImageGridSection, { key, data: section });
     case "ARTIFACT_SPOTLIGHT":
-      return /* @__PURE__ */ import_react84.default.createElement(ArtifactSpotlightSection, { key, data: section });
+      return /* @__PURE__ */ import_react85.default.createElement(ArtifactSpotlightSection, { key, data: section });
     case "TEXT_BLOCK":
-      return /* @__PURE__ */ import_react84.default.createElement(TextBlockSection, { key, data: section });
+      return /* @__PURE__ */ import_react85.default.createElement(TextBlockSection, { key, data: section });
     case "COLOR_PALETTE":
-      return /* @__PURE__ */ import_react84.default.createElement(ColorPaletteSection, { key, data: section });
+      return /* @__PURE__ */ import_react85.default.createElement(ColorPaletteSection, { key, data: section });
     case "QUOTE_BLOCK":
-      return /* @__PURE__ */ import_react84.default.createElement(QuoteBlockSection, { key, data: section });
+      return /* @__PURE__ */ import_react85.default.createElement(QuoteBlockSection, { key, data: section });
     default:
       return null;
   }
@@ -6300,9 +6348,9 @@ function ArtifactLightboxBody({ artifact }) {
   switch (artifact.type) {
     case ARTIFACT_TYPES.DELIVERABLE: {
       if (!artifact.deliverable) {
-        return /* @__PURE__ */ import_react85.default.createElement(ArtifactCard, { artifact });
+        return /* @__PURE__ */ import_react86.default.createElement(ArtifactCard, { artifact });
       }
-      return /* @__PURE__ */ import_react85.default.createElement("div", { className: "w-full h-full overflow-auto" }, /* @__PURE__ */ import_react85.default.createElement(
+      return /* @__PURE__ */ import_react86.default.createElement("div", { className: "w-full h-full overflow-auto" }, /* @__PURE__ */ import_react86.default.createElement(
         DeliverableRenderer,
         {
           deliverable: artifact.deliverable,
@@ -6312,9 +6360,9 @@ function ArtifactLightboxBody({ artifact }) {
     }
     case ARTIFACT_TYPES.IMAGE: {
       if (!artifact.url) {
-        return /* @__PURE__ */ import_react85.default.createElement(ArtifactCard, { artifact });
+        return /* @__PURE__ */ import_react86.default.createElement(ArtifactCard, { artifact });
       }
-      return /* @__PURE__ */ import_react85.default.createElement(
+      return /* @__PURE__ */ import_react86.default.createElement(
         "img",
         {
           src: artifact.url,
@@ -6325,9 +6373,9 @@ function ArtifactLightboxBody({ artifact }) {
     }
     case ARTIFACT_TYPES.VIDEO: {
       if (!artifact.url) {
-        return /* @__PURE__ */ import_react85.default.createElement(ArtifactCard, { artifact });
+        return /* @__PURE__ */ import_react86.default.createElement(ArtifactCard, { artifact });
       }
-      return /* @__PURE__ */ import_react85.default.createElement(
+      return /* @__PURE__ */ import_react86.default.createElement(
         "video",
         {
           src: artifact.url,
@@ -6338,9 +6386,9 @@ function ArtifactLightboxBody({ artifact }) {
     }
     case ARTIFACT_TYPES.AUDIO: {
       if (!artifact.url) {
-        return /* @__PURE__ */ import_react85.default.createElement(ArtifactCard, { artifact });
+        return /* @__PURE__ */ import_react86.default.createElement(ArtifactCard, { artifact });
       }
-      return /* @__PURE__ */ import_react85.default.createElement(
+      return /* @__PURE__ */ import_react86.default.createElement(
         "audio",
         {
           src: artifact.url,
@@ -6350,7 +6398,7 @@ function ArtifactLightboxBody({ artifact }) {
       );
     }
     default:
-      return /* @__PURE__ */ import_react85.default.createElement(ArtifactCard, { artifact });
+      return /* @__PURE__ */ import_react86.default.createElement(ArtifactCard, { artifact });
   }
 }
 function getArtifactLightboxCaption(artifact) {
@@ -6360,30 +6408,30 @@ function getArtifactLightboxCaption(artifact) {
   if (!artifact.title && !artifact.subtitle) {
     return null;
   }
-  return /* @__PURE__ */ import_react85.default.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__ */ import_react85.default.createElement("p", { className: "text-xs uppercase tracking-wider text-silver" }, artifact.title), artifact.subtitle && /* @__PURE__ */ import_react85.default.createElement("p", { className: "text-xs text-silver/70" }, artifact.subtitle));
+  return /* @__PURE__ */ import_react86.default.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__ */ import_react86.default.createElement("p", { className: "text-xs uppercase tracking-wider text-silver" }, artifact.title), artifact.subtitle && /* @__PURE__ */ import_react86.default.createElement("p", { className: "text-xs text-silver/70" }, artifact.subtitle));
 }
 
 // src/components/chat/hooks/useResizable.ts
-var import_react86 = require("react");
+var import_react87 = require("react");
 function useResizable({
   initialWidthPercent,
   minWidthPercent,
   maxWidthPercent,
   direction
 }) {
-  const [widthPercent, setWidthPercent] = (0, import_react86.useState)(initialWidthPercent);
-  const [isResizing, setIsResizing] = (0, import_react86.useState)(false);
-  const lastX = (0, import_react86.useRef)(null);
-  const startResizing = (0, import_react86.useCallback)((e) => {
+  const [widthPercent, setWidthPercent] = (0, import_react87.useState)(initialWidthPercent);
+  const [isResizing, setIsResizing] = (0, import_react87.useState)(false);
+  const lastX = (0, import_react87.useRef)(null);
+  const startResizing = (0, import_react87.useCallback)((e) => {
     e.preventDefault();
     setIsResizing(true);
     lastX.current = e.clientX;
   }, []);
-  const stopResizing = (0, import_react86.useCallback)(() => {
+  const stopResizing = (0, import_react87.useCallback)(() => {
     setIsResizing(false);
     lastX.current = null;
   }, []);
-  const resize = (0, import_react86.useCallback)(
+  const resize = (0, import_react87.useCallback)(
     (e) => {
       if (!isResizing || lastX.current === null) {
         return;
@@ -6399,7 +6447,7 @@ function useResizable({
     },
     [isResizing, direction, minWidthPercent, maxWidthPercent]
   );
-  (0, import_react86.useEffect)(() => {
+  (0, import_react87.useEffect)(() => {
     if (isResizing) {
       window.addEventListener("mousemove", resize);
       window.addEventListener("mouseup", stopResizing);
@@ -6423,14 +6471,14 @@ function useResizable({
 }
 
 // src/components/chat/hooks/useArtifactTreeNavigation.ts
-var import_react87 = require("react");
+var import_react88 = require("react");
 function useArtifactTreeNavigation(rootNodes) {
-  const [stack, setStack] = (0, import_react87.useState)([]);
-  const currentNodes = (0, import_react87.useMemo)(() => {
+  const [stack, setStack] = (0, import_react88.useState)([]);
+  const currentNodes = (0, import_react88.useMemo)(() => {
     if (stack.length === 0) return rootNodes;
     return stack[stack.length - 1].children;
   }, [rootNodes, stack]);
-  const breadcrumbs = (0, import_react87.useMemo)(() => {
+  const breadcrumbs = (0, import_react88.useMemo)(() => {
     const entries = [{ label: "Project", node: null }];
     for (const node of stack) {
       entries.push({ label: node.label, node });
@@ -6438,13 +6486,13 @@ function useArtifactTreeNavigation(rootNodes) {
     return entries;
   }, [stack]);
   const isAtRoot = stack.length === 0;
-  const navigateInto = (0, import_react87.useCallback)((node) => {
+  const navigateInto = (0, import_react88.useCallback)((node) => {
     setStack((prev) => [...prev, node]);
   }, []);
-  const navigateTo = (0, import_react87.useCallback)((index) => {
+  const navigateTo = (0, import_react88.useCallback)((index) => {
     setStack((prev) => prev.slice(0, index));
   }, []);
-  const navigateBack = (0, import_react87.useCallback)(() => {
+  const navigateBack = (0, import_react88.useCallback)(() => {
     setStack((prev) => prev.slice(0, -1));
   }, []);
   return {
@@ -6459,19 +6507,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__ */ import_react88.default.createElement(
+  return /* @__PURE__ */ import_react89.default.createElement(
     Lightbox,
     {
       onClose,
       actions: getArtifactActions?.(artifact, { onClose }),
       caption: getArtifactLightboxCaption(artifact)
     },
-    /* @__PURE__ */ import_react88.default.createElement(ArtifactLightboxBody, { artifact })
+    /* @__PURE__ */ import_react89.default.createElement(ArtifactLightboxBody, { artifact })
   );
 }
 function findArtifactInNodes(nodes, artifactId) {
@@ -6488,6 +6542,9 @@ function findArtifactInNodes(nodes, artifactId) {
   }
   return null;
 }
+function ColdStartPlaceholders() {
+  return /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, Array.from({ length: COLD_START_PLACEHOLDER_COUNT }, (_, i) => /* @__PURE__ */ import_react89.default.createElement(Skeleton, { key: i, className: "w-full aspect-video" })));
+}
 function NodeRenderer({
   node,
   loading,
@@ -6495,7 +6552,7 @@ function NodeRenderer({
   onGroupClick
 }) {
   if (node.type === "ARTIFACT" && node.artifact) {
-    return /* @__PURE__ */ import_react88.default.createElement(
+    return /* @__PURE__ */ import_react89.default.createElement(
       ArtifactCard,
       {
         artifact: node.artifact,
@@ -6505,10 +6562,10 @@ function NodeRenderer({
     );
   }
   if (node.type === "GROUP") {
-    return /* @__PURE__ */ import_react88.default.createElement(ArtifactGroup, { node, onClick: onGroupClick });
+    return /* @__PURE__ */ import_react89.default.createElement(ArtifactGroup, { node, onClick: onGroupClick });
   }
   if (node.type === "VARIANT_SET") {
-    return /* @__PURE__ */ import_react88.default.createElement(
+    return /* @__PURE__ */ import_react89.default.createElement(
       ArtifactVariantStack,
       {
         node,
@@ -6519,7 +6576,7 @@ function NodeRenderer({
   }
   return null;
 }
-var ArtifactsPanel = import_react88.default.forwardRef(
+var ArtifactsPanel = import_react89.default.forwardRef(
   ({
     nodes,
     loading,
@@ -6529,17 +6586,19 @@ var ArtifactsPanel = import_react88.default.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [expandedArtifact, setExpandedArtifact] = (0, import_react88.useState)(null);
-    const [zoomIndex, setZoomIndex] = (0, import_react88.useState)(ZOOM_LEVELS.length - 1);
+    const [expandedArtifact, setExpandedArtifact] = (0, import_react89.useState)(null);
+    const [zoomIndex, setZoomIndex] = (0, import_react89.useState)(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 = (0, import_react88.useCallback)((artifact) => {
+    const handleExpandArtifact = (0, import_react89.useCallback)((artifact) => {
       setExpandedArtifact(artifact);
     }, []);
-    const handleGroupClick = (0, import_react88.useCallback)((node) => {
+    const handleGroupClick = (0, import_react89.useCallback)((node) => {
       treeNav.navigateInto(node);
     }, [treeNav]);
-    (0, import_react88.useEffect)(() => {
+    (0, import_react89.useEffect)(() => {
       if (!openArtifactId || !nodes) {
         return;
       }
@@ -6548,20 +6607,20 @@ var ArtifactsPanel = import_react88.default.forwardRef(
         setExpandedArtifact(found);
       }
     }, [openArtifactId, nodes]);
-    const handleModalClose = (0, import_react88.useCallback)(() => {
+    const handleModalClose = (0, import_react89.useCallback)(() => {
       setExpandedArtifact(null);
       onArtifactClosed?.();
     }, [onArtifactClosed]);
-    const zoomIn = (0, import_react88.useCallback)(() => {
+    const zoomIn = (0, import_react89.useCallback)(() => {
       setZoomIndex((prev) => Math.min(prev + 1, ZOOM_LEVELS.length - 1));
     }, []);
-    const zoomOut = (0, import_react88.useCallback)(() => {
+    const zoomOut = (0, import_react89.useCallback)(() => {
       setZoomIndex((prev) => Math.max(prev - 1, 0));
     }, []);
     const currentZoom = ZOOM_LEVELS[zoomIndex];
-    const contentRef = (0, import_react88.useRef)(null);
-    const [contentHeight, setContentHeight] = (0, import_react88.useState)(void 0);
-    (0, import_react88.useEffect)(() => {
+    const contentRef = (0, import_react89.useRef)(null);
+    const [contentHeight, setContentHeight] = (0, import_react89.useState)(void 0);
+    (0, import_react89.useEffect)(() => {
       const el = contentRef.current;
       if (!el) {
         return;
@@ -6572,7 +6631,7 @@ var ArtifactsPanel = import_react88.default.forwardRef(
       observer.observe(el);
       return () => observer.disconnect();
     }, []);
-    return /* @__PURE__ */ import_react88.default.createElement(import_react88.default.Fragment, null, /* @__PURE__ */ import_react88.default.createElement(
+    return /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, /* @__PURE__ */ import_react89.default.createElement(
       "div",
       {
         ref,
@@ -6583,19 +6642,19 @@ var ArtifactsPanel = import_react88.default.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ import_react88.default.createElement(
+      /* @__PURE__ */ import_react89.default.createElement(
         "div",
         {
           className: "flex items-center justify-between p-4 border-b border-ash/40 shrink-0"
         },
-        /* @__PURE__ */ import_react88.default.createElement("h3", { className: "text-sm font-semibold text-white" }, "Artifacts"),
-        hasNodes && /* @__PURE__ */ import_react88.default.createElement(
+        /* @__PURE__ */ import_react89.default.createElement("h3", { className: "text-sm font-semibold text-white" }, "Artifacts"),
+        hasNodes && /* @__PURE__ */ import_react89.default.createElement(
           "div",
           {
             className: "flex items-center gap-0.5",
             "data-testid": "zoom-controls"
           },
-          /* @__PURE__ */ import_react88.default.createElement(
+          /* @__PURE__ */ import_react89.default.createElement(
             "button",
             {
               onClick: zoomOut,
@@ -6609,7 +6668,7 @@ var ArtifactsPanel = import_react88.default.forwardRef(
             },
             "\u2212"
           ),
-          /* @__PURE__ */ import_react88.default.createElement(
+          /* @__PURE__ */ import_react89.default.createElement(
             "span",
             {
               className: "text-xs text-silver w-8 text-center tabular-nums",
@@ -6618,7 +6677,7 @@ var ArtifactsPanel = import_react88.default.forwardRef(
             Math.round(currentZoom * 100),
             "%"
           ),
-          /* @__PURE__ */ import_react88.default.createElement(
+          /* @__PURE__ */ import_react89.default.createElement(
             "button",
             {
               onClick: zoomIn,
@@ -6634,7 +6693,7 @@ var ArtifactsPanel = import_react88.default.forwardRef(
           )
         )
       ),
-      hasNodes && !treeNav.isAtRoot && /* @__PURE__ */ import_react88.default.createElement(
+      hasNodes && !treeNav.isAtRoot && /* @__PURE__ */ import_react89.default.createElement(
         "nav",
         {
           className: "flex items-center gap-1 px-4 py-2 border-b border-ash/40 shrink-0 overflow-x-auto text-xs",
@@ -6643,7 +6702,7 @@ var ArtifactsPanel = import_react88.default.forwardRef(
         },
         treeNav.breadcrumbs.map((crumb, i) => {
           const isLast = i === treeNav.breadcrumbs.length - 1;
-          return /* @__PURE__ */ import_react88.default.createElement("span", { key: i, className: "flex items-center gap-1 shrink-0" }, i > 0 && /* @__PURE__ */ import_react88.default.createElement(ChevronRightIcon, { className: "w-3 h-3 text-silver/50", "aria-hidden": true }), isLast ? /* @__PURE__ */ import_react88.default.createElement("span", { className: "text-gold font-medium" }, crumb.label) : /* @__PURE__ */ import_react88.default.createElement(
+          return /* @__PURE__ */ import_react89.default.createElement("span", { key: i, className: "flex items-center gap-1 shrink-0" }, i > 0 && /* @__PURE__ */ import_react89.default.createElement(ChevronRightIcon, { className: "w-3 h-3 text-silver/50", "aria-hidden": true }), isLast ? /* @__PURE__ */ import_react89.default.createElement("span", { className: "text-gold font-medium" }, crumb.label) : /* @__PURE__ */ import_react89.default.createElement(
             "button",
             {
               onClick: () => treeNav.navigateTo(i),
@@ -6653,18 +6712,18 @@ var ArtifactsPanel = import_react88.default.forwardRef(
           ));
         })
       ),
-      /* @__PURE__ */ import_react88.default.createElement(
+      /* @__PURE__ */ import_react89.default.createElement(
         "div",
         {
           className: "flex-1 overflow-auto relative",
           "data-testid": "artifacts-scroll-area"
         },
-        /* @__PURE__ */ import_react88.default.createElement(
+        /* @__PURE__ */ import_react89.default.createElement(
           "div",
           {
             style: currentZoom !== 1 && contentHeight !== void 0 ? { height: contentHeight * currentZoom } : void 0
           },
-          /* @__PURE__ */ import_react88.default.createElement(
+          /* @__PURE__ */ import_react89.default.createElement(
             "div",
             {
               ref: contentRef,
@@ -6675,12 +6734,12 @@ var ArtifactsPanel = import_react88.default.forwardRef(
                 transformOrigin: "top center"
               } : void 0
             },
-            treeNav.currentNodes.length === 0 ? /* @__PURE__ */ import_react88.default.createElement("p", { className: "text-xs text-silver/60 text-center py-8" }, hasNodes ? "Empty group" : "No artifacts to display") : treeNav.currentNodes.map((node) => /* @__PURE__ */ import_react88.default.createElement(
+            treeNav.currentNodes.length === 0 ? showColdStartPlaceholders && !hasNodes ? /* @__PURE__ */ import_react89.default.createElement(ColdStartPlaceholders, null) : /* @__PURE__ */ import_react89.default.createElement("p", { className: "text-xs text-silver/60 text-center py-8" }, hasNodes ? "Empty group" : "No artifacts to display") : treeNav.currentNodes.map((node) => /* @__PURE__ */ import_react89.default.createElement(
               NodeRenderer,
               {
                 key: node.id,
                 node,
-                loading,
+                loading: slotLoading2,
                 onExpandArtifact: handleExpandArtifact,
                 onGroupClick: handleGroupClick
               }
@@ -6688,7 +6747,7 @@ var ArtifactsPanel = import_react88.default.forwardRef(
           )
         )
       )
-    ), expandedArtifact && /* @__PURE__ */ import_react88.default.createElement(
+    ), expandedArtifact && /* @__PURE__ */ import_react89.default.createElement(
       ArtifactLightbox,
       {
         artifact: expandedArtifact,
@@ -6699,8 +6758,8 @@ var ArtifactsPanel = import_react88.default.forwardRef(
   }
 );
 ArtifactsPanel.displayName = "ArtifactsPanel";
-var ArtifactsPanelToggle = import_react88.default.forwardRef(({ artifactCount = 0, onExpand, className, ...rest }, ref) => {
-  return /* @__PURE__ */ import_react88.default.createElement(
+var ArtifactsPanelToggle = import_react89.default.forwardRef(({ artifactCount = 0, onExpand, className, ...rest }, ref) => {
+  return /* @__PURE__ */ import_react89.default.createElement(
     "button",
     {
       ref,
@@ -6717,8 +6776,8 @@ var ArtifactsPanelToggle = import_react88.default.forwardRef(({ artifactCount =
       "aria-label": "Expand artifacts panel",
       ...rest
     },
-    /* @__PURE__ */ import_react88.default.createElement(import_lucide_react18.Image, { className: "w-5 h-5", "aria-hidden": true }),
-    artifactCount > 0 && /* @__PURE__ */ import_react88.default.createElement(
+    /* @__PURE__ */ import_react89.default.createElement(import_lucide_react18.Image, { className: "w-5 h-5", "aria-hidden": true }),
+    artifactCount > 0 && /* @__PURE__ */ import_react89.default.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"
@@ -6730,7 +6789,7 @@ var ArtifactsPanelToggle = import_react88.default.forwardRef(({ artifactCount =
 ArtifactsPanelToggle.displayName = "ArtifactsPanelToggle";
 
 // src/components/chat/HistoryPanel.tsx
-var import_react89 = __toESM(require("react"));
+var import_react90 = __toESM(require("react"));
 var import_lucide_react19 = require("lucide-react");
 function parseTimestamp(ts) {
   if (ts == null) {
@@ -6773,12 +6832,12 @@ function ProjectFilter({
   onChange,
   className
 }) {
-  const [open, setOpen] = (0, import_react89.useState)(false);
-  const ref = (0, import_react89.useRef)(null);
-  const closeFilter = (0, import_react89.useCallback)(() => setOpen(false), []);
+  const [open, setOpen] = (0, import_react90.useState)(false);
+  const ref = (0, import_react90.useRef)(null);
+  const closeFilter = (0, import_react90.useCallback)(() => setOpen(false), []);
   useClickOutside(ref, closeFilter, open);
   const label = value ?? "All projects";
-  return /* @__PURE__ */ import_react89.default.createElement("div", { className: cx("relative min-w-0", className), ref }, /* @__PURE__ */ import_react89.default.createElement(
+  return /* @__PURE__ */ import_react90.default.createElement("div", { className: cx("relative min-w-0", className), ref }, /* @__PURE__ */ import_react90.default.createElement(
     "button",
     {
       type: "button",
@@ -6794,9 +6853,9 @@ function ProjectFilter({
         "transition-colors duration-150 min-w-0"
       )
     },
-    /* @__PURE__ */ import_react89.default.createElement("span", { className: "truncate" }, label),
-    /* @__PURE__ */ import_react89.default.createElement(import_lucide_react19.ChevronDown, { className: "w-3 h-3 shrink-0", "aria-hidden": true })
-  ), open && /* @__PURE__ */ import_react89.default.createElement(
+    /* @__PURE__ */ import_react90.default.createElement("span", { className: "truncate" }, label),
+    /* @__PURE__ */ import_react90.default.createElement(import_lucide_react19.ChevronDown, { className: "w-3 h-3 shrink-0", "aria-hidden": true })
+  ), open && /* @__PURE__ */ import_react90.default.createElement(
     "div",
     {
       role: "listbox",
@@ -6806,7 +6865,7 @@ function ProjectFilter({
         "max-h-60 overflow-y-auto"
       )
     },
-    /* @__PURE__ */ import_react89.default.createElement(
+    /* @__PURE__ */ import_react90.default.createElement(
       "button",
       {
         type: "button",
@@ -6824,7 +6883,7 @@ function ProjectFilter({
       },
       "All projects"
     ),
-    projects.map((p) => /* @__PURE__ */ import_react89.default.createElement(
+    projects.map((p) => /* @__PURE__ */ import_react90.default.createElement(
       "button",
       {
         key: p,
@@ -6850,33 +6909,33 @@ function ConversationRow({
   onSelect,
   onRename
 }) {
-  const [isEditing, setIsEditing] = (0, import_react89.useState)(false);
-  const [draft, setDraft] = (0, import_react89.useState)(conversation.title);
-  const inputRef = (0, import_react89.useRef)(null);
-  (0, import_react89.useEffect)(() => {
+  const [isEditing, setIsEditing] = (0, import_react90.useState)(false);
+  const [draft, setDraft] = (0, import_react90.useState)(conversation.title);
+  const inputRef = (0, import_react90.useRef)(null);
+  (0, import_react90.useEffect)(() => {
     if (isEditing && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
     }
   }, [isEditing]);
-  const startEdit = (0, import_react89.useCallback)((e) => {
+  const startEdit = (0, import_react90.useCallback)((e) => {
     e.stopPropagation();
     setDraft(conversation.title);
     setIsEditing(true);
   }, [conversation.title]);
-  const commit = (0, import_react89.useCallback)(() => {
+  const commit = (0, import_react90.useCallback)(() => {
     const trimmed = draft.trim();
     if (trimmed && trimmed !== conversation.title) {
       onRename?.(conversation.id, trimmed);
     }
     setIsEditing(false);
   }, [draft, conversation.id, conversation.title, onRename]);
-  const cancel = (0, import_react89.useCallback)(() => {
+  const cancel = (0, import_react90.useCallback)(() => {
     setDraft(conversation.title);
     setIsEditing(false);
   }, [conversation.title]);
   if (isEditing) {
-    return /* @__PURE__ */ import_react89.default.createElement(
+    return /* @__PURE__ */ import_react90.default.createElement(
       "div",
       {
         className: cx(
@@ -6884,7 +6943,7 @@ function ConversationRow({
           conversation.isActive ? "bg-ash/40" : "bg-ash/20"
         )
       },
-      /* @__PURE__ */ import_react89.default.createElement(
+      /* @__PURE__ */ import_react90.default.createElement(
         "input",
         {
           ref: inputRef,
@@ -6909,10 +6968,10 @@ function ConversationRow({
           "aria-label": "Conversation title"
         }
       ),
-      conversation.project && /* @__PURE__ */ import_react89.default.createElement("p", { className: "text-xs text-silver/60 truncate mt-1" }, conversation.project)
+      conversation.project && /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-xs text-silver/60 truncate mt-1" }, conversation.project)
     );
   }
-  return /* @__PURE__ */ import_react89.default.createElement("div", { className: "relative group" }, /* @__PURE__ */ import_react89.default.createElement(
+  return /* @__PURE__ */ import_react90.default.createElement("div", { className: "relative group" }, /* @__PURE__ */ import_react90.default.createElement(
     "button",
     {
       onClick: () => onSelect?.(conversation.id),
@@ -6922,18 +6981,19 @@ function ConversationRow({
         conversation.isActive ? "bg-ash/40 text-white" : "text-silver hover:bg-ash/20 hover:text-white"
       )
     },
-    /* @__PURE__ */ import_react89.default.createElement(
+    /* @__PURE__ */ import_react90.default.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__ */ import_react89.default.createElement("p", { className: "text-xs text-silver/60 truncate mt-0.5" }, conversation.project)
-  ), onRename && /* @__PURE__ */ import_react89.default.createElement(
+    conversation.project && /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-xs text-silver/60 truncate mt-0.5" }, conversation.project)
+  ), onRename && /* @__PURE__ */ import_react90.default.createElement(
     "button",
     {
       type: "button",
@@ -6946,7 +7006,7 @@ function ConversationRow({
         "transition-opacity duration-150"
       )
     },
-    /* @__PURE__ */ import_react89.default.createElement(import_lucide_react19.Pencil, { className: "w-3.5 h-3.5", "aria-hidden": true })
+    /* @__PURE__ */ import_react90.default.createElement(import_lucide_react19.Pencil, { className: "w-3.5 h-3.5", "aria-hidden": true })
   ));
 }
 function HistoryPanel({
@@ -6955,8 +7015,8 @@ function HistoryPanel({
   onNewChat,
   onRenameConversation
 }) {
-  const [projectFilter, setProjectFilter] = (0, import_react89.useState)(null);
-  const projects = (0, import_react89.useMemo)(() => {
+  const [projectFilter, setProjectFilter] = (0, import_react90.useState)(null);
+  const projects = (0, import_react90.useMemo)(() => {
     const set = /* @__PURE__ */ new Set();
     for (const c of conversations) {
       if (c.project) {
@@ -6965,23 +7025,23 @@ function HistoryPanel({
     }
     return Array.from(set).sort((a, b) => a.localeCompare(b));
   }, [conversations]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     if (projectFilter && !projects.includes(projectFilter)) {
       setProjectFilter(null);
     }
   }, [projects, projectFilter]);
-  const filteredConversations = (0, import_react89.useMemo)(() => {
+  const filteredConversations = (0, import_react90.useMemo)(() => {
     if (!projectFilter) {
       return conversations;
     }
     return conversations.filter((c) => c.project === projectFilter);
   }, [conversations, projectFilter]);
-  const groups = (0, import_react89.useMemo)(
+  const groups = (0, import_react90.useMemo)(
     () => groupConversations(filteredConversations),
     [filteredConversations]
   );
   const hasFilter = projects.length > 0;
-  return /* @__PURE__ */ import_react89.default.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "px-4 py-3 border-b border-ash/40 shrink-0 flex items-center gap-2" }, /* @__PURE__ */ import_react89.default.createElement("h3", { className: "text-xs font-medium text-white shrink-0" }, "History"), (hasFilter || onNewChat) && /* @__PURE__ */ import_react89.default.createElement("div", { className: "flex items-center gap-2 flex-1 min-w-0" }, hasFilter && /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, /* @__PURE__ */ import_react89.default.createElement("div", { className: "w-px h-3 bg-ash/40 shrink-0 mx-1" }), /* @__PURE__ */ import_react89.default.createElement(
+  return /* @__PURE__ */ import_react90.default.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "px-4 py-3 border-b border-ash/40 shrink-0 flex items-center gap-2" }, /* @__PURE__ */ import_react90.default.createElement("h3", { className: "text-xs font-medium text-white shrink-0" }, "History"), (hasFilter || onNewChat) && /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex items-center gap-2 flex-1 min-w-0" }, hasFilter && /* @__PURE__ */ import_react90.default.createElement(import_react90.default.Fragment, null, /* @__PURE__ */ import_react90.default.createElement("div", { className: "w-px h-3 bg-ash/40 shrink-0 mx-1" }), /* @__PURE__ */ import_react90.default.createElement(
     ProjectFilter,
     {
       projects,
@@ -6989,7 +7049,7 @@ function HistoryPanel({
       onChange: setProjectFilter,
       className: "flex-1"
     }
-  )), onNewChat && /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, /* @__PURE__ */ import_react89.default.createElement("div", { className: "w-px h-3 bg-ash/40 shrink-0 mx-1" }), /* @__PURE__ */ import_react89.default.createElement(
+  )), onNewChat && /* @__PURE__ */ import_react90.default.createElement(import_react90.default.Fragment, null, /* @__PURE__ */ import_react90.default.createElement("div", { className: "w-px h-3 bg-ash/40 shrink-0 mx-1" }), /* @__PURE__ */ import_react90.default.createElement(
     "button",
     {
       onClick: onNewChat,
@@ -7001,15 +7061,15 @@ function HistoryPanel({
         "transition-colors duration-200"
       )
     },
-    /* @__PURE__ */ import_react89.default.createElement(PlusIcon, { className: "w-4 h-4" }),
-    /* @__PURE__ */ import_react89.default.createElement("span", { className: "truncate" }, "New Chat")
-  )))), /* @__PURE__ */ import_react89.default.createElement("div", { className: "flex-1 overflow-y-auto py-2" }, conversations.length === 0 ? /* @__PURE__ */ import_react89.default.createElement("p", { className: "px-4 py-2 text-xs text-silver/60" }, "No conversations yet") : groups.length === 0 ? /* @__PURE__ */ import_react89.default.createElement("p", { className: "px-4 py-2 text-xs text-silver/60" }, "No conversations match this filter") : /* @__PURE__ */ import_react89.default.createElement("div", null, groups.map((group, index) => /* @__PURE__ */ import_react89.default.createElement("section", { key: group.key, className: cx(index > 0 && "mt-3") }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "flex items-center gap-2 px-3 pb-2" }, /* @__PURE__ */ import_react89.default.createElement(
+    /* @__PURE__ */ import_react90.default.createElement(PlusIcon, { className: "w-4 h-4" }),
+    /* @__PURE__ */ import_react90.default.createElement("span", { className: "truncate" }, "New Chat")
+  )))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex-1 overflow-y-auto py-2" }, conversations.length === 0 ? /* @__PURE__ */ import_react90.default.createElement("p", { className: "px-4 py-2 text-xs text-silver/60" }, "No conversations yet") : groups.length === 0 ? /* @__PURE__ */ import_react90.default.createElement("p", { className: "px-4 py-2 text-xs text-silver/60" }, "No conversations match this filter") : /* @__PURE__ */ import_react90.default.createElement("div", null, groups.map((group, index) => /* @__PURE__ */ import_react90.default.createElement("section", { key: group.key, className: cx(index > 0 && "mt-3") }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex items-center gap-2 px-3 pb-2" }, /* @__PURE__ */ import_react90.default.createElement(
     "span",
     {
       className: "text-xs font-medium uppercase tracking-wider text-gold/70"
     },
     group.label
-  ), /* @__PURE__ */ import_react89.default.createElement("div", { className: "flex-1 h-px bg-gold/20" })), /* @__PURE__ */ import_react89.default.createElement("div", { className: "space-y-1 px-2" }, group.conversations.map((conversation) => /* @__PURE__ */ import_react89.default.createElement(
+  ), /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex-1 h-px bg-gold/20" })), /* @__PURE__ */ import_react90.default.createElement("div", { className: "space-y-1 px-2" }, group.conversations.map((conversation) => /* @__PURE__ */ import_react90.default.createElement(
     ConversationRow,
     {
       key: conversation.id,
@@ -7021,7 +7081,7 @@ function HistoryPanel({
 }
 
 // src/components/chat/TodosList.tsx
-var import_react90 = __toESM(require("react"));
+var import_react91 = __toESM(require("react"));
 var import_lucide_react20 = require("lucide-react");
 var TASK_STATUSES = {
   PENDING: "pending",
@@ -7033,16 +7093,16 @@ var TASK_STATUSES = {
 function TaskIcon({ status }) {
   switch (status) {
     case "done":
-      return /* @__PURE__ */ import_react90.default.createElement(CheckSquareIcon, null);
+      return /* @__PURE__ */ import_react91.default.createElement(CheckSquareIcon, null);
     case "in_progress":
-      return /* @__PURE__ */ import_react90.default.createElement(SquareLoaderIcon, null);
+      return /* @__PURE__ */ import_react91.default.createElement(SquareLoaderIcon, null);
     case "cancelled":
-      return /* @__PURE__ */ import_react90.default.createElement(CrossSquareIcon, { variant: "cancelled" });
+      return /* @__PURE__ */ import_react91.default.createElement(CrossSquareIcon, { variant: "cancelled" });
     case "failed":
-      return /* @__PURE__ */ import_react90.default.createElement(CrossSquareIcon, { variant: "failed" });
+      return /* @__PURE__ */ import_react91.default.createElement(CrossSquareIcon, { variant: "failed" });
     case "pending":
     default:
-      return /* @__PURE__ */ import_react90.default.createElement(EmptySquareIcon, null);
+      return /* @__PURE__ */ import_react91.default.createElement(EmptySquareIcon, null);
   }
 }
 function sortTasks(tasks) {
@@ -7062,14 +7122,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__ */ import_react90.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react90.default.createElement(
+  return /* @__PURE__ */ import_react91.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react91.default.createElement(
     "div",
     {
       className: "flex items-center gap-2 py-1",
       style: { paddingLeft: `${depth * 1.5}rem` }
     },
-    /* @__PURE__ */ import_react90.default.createElement(TaskIcon, { status: task.status }),
-    /* @__PURE__ */ import_react90.default.createElement(
+    /* @__PURE__ */ import_react91.default.createElement(TaskIcon, { status: task.status }),
+    /* @__PURE__ */ import_react91.default.createElement(
       "span",
       {
         className: cx(
@@ -7081,10 +7141,10 @@ function TaskItem({ task, depth = 0 }) {
         )
       },
       task.label,
-      task.status === "cancelled" && /* @__PURE__ */ import_react90.default.createElement("span", { className: "text-silver/40 ml-1" }, "(cancelled)"),
-      task.status === "failed" && /* @__PURE__ */ import_react90.default.createElement("span", { className: "text-error/60 ml-1" }, "(failed)")
+      task.status === "cancelled" && /* @__PURE__ */ import_react91.default.createElement("span", { className: "text-silver/40 ml-1" }, "(cancelled)"),
+      task.status === "failed" && /* @__PURE__ */ import_react91.default.createElement("span", { className: "text-error/60 ml-1" }, "(failed)")
     )
-  ), showSubtasks && /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex flex-col" }, sortedSubtasks.map((subtask) => /* @__PURE__ */ import_react90.default.createElement(TaskItem, { key: subtask.id, task: subtask, depth: depth + 1 }))));
+  ), showSubtasks && /* @__PURE__ */ import_react91.default.createElement("div", { className: "flex flex-col" }, sortedSubtasks.map((subtask) => /* @__PURE__ */ import_react91.default.createElement(TaskItem, { key: subtask.id, task: subtask, depth: depth + 1 }))));
 }
 function hasInProgressTask(tasks) {
   return tasks.some((t) => {
@@ -7097,11 +7157,11 @@ function hasInProgressTask(tasks) {
     return false;
   });
 }
-var TodosList = import_react90.default.forwardRef(
+var TodosList = import_react91.default.forwardRef(
   ({ tasks, title = "Tasks", onStopAllTasks, className, ...rest }, ref) => {
-    const sortedTasks = (0, import_react90.useMemo)(() => sortTasks(tasks), [tasks]);
-    const [isStopping, setIsStopping] = (0, import_react90.useState)(false);
-    const handleStopClick = (0, import_react90.useCallback)(async () => {
+    const sortedTasks = (0, import_react91.useMemo)(() => sortTasks(tasks), [tasks]);
+    const [isStopping, setIsStopping] = (0, import_react91.useState)(false);
+    const handleStopClick = (0, import_react91.useCallback)(async () => {
       if (!onStopAllTasks || isStopping) {
         return;
       }
@@ -7122,7 +7182,7 @@ var TodosList = import_react90.default.forwardRef(
     if (tasks.length === 0) {
       return null;
     }
-    return /* @__PURE__ */ import_react90.default.createElement(
+    return /* @__PURE__ */ import_react91.default.createElement(
       "div",
       {
         ref,
@@ -7133,16 +7193,16 @@ var TodosList = import_react90.default.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ import_react90.default.createElement(
+      /* @__PURE__ */ import_react91.default.createElement(
         "div",
         {
           className: "flex items-center justify-between px-4 py-2 border-b border-ash/40 flex-shrink-0"
         },
-        /* @__PURE__ */ import_react90.default.createElement("h4", { className: "text-xs font-medium text-white" }, title),
-        /* @__PURE__ */ import_react90.default.createElement("span", { className: "text-xs text-silver/60" }, countCompleted(tasks), "/", countTotal(tasks))
+        /* @__PURE__ */ import_react91.default.createElement("h4", { className: "text-xs font-medium text-white" }, title),
+        /* @__PURE__ */ import_react91.default.createElement("span", { className: "text-xs text-silver/60" }, countCompleted(tasks), "/", countTotal(tasks))
       ),
-      /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-2" }, sortedTasks.map((task) => /* @__PURE__ */ import_react90.default.createElement(TaskItem, { key: task.id, task }))),
-      showStopButton && /* @__PURE__ */ import_react90.default.createElement("div", { className: "px-4 py-2 border-t border-ash/40 flex-shrink-0" }, /* @__PURE__ */ import_react90.default.createElement(
+      /* @__PURE__ */ import_react91.default.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-2" }, sortedTasks.map((task) => /* @__PURE__ */ import_react91.default.createElement(TaskItem, { key: task.id, task }))),
+      showStopButton && /* @__PURE__ */ import_react91.default.createElement("div", { className: "px-4 py-2 border-t border-ash/40 flex-shrink-0" }, /* @__PURE__ */ import_react91.default.createElement(
         "button",
         {
           type: "button",
@@ -7159,7 +7219,7 @@ var TodosList = import_react90.default.forwardRef(
             isStopping ? "cursor-not-allowed opacity-70" : "hover:bg-error/20"
           )
         },
-        isStopping ? /* @__PURE__ */ import_react90.default.createElement(import_react90.default.Fragment, null, /* @__PURE__ */ import_react90.default.createElement(import_lucide_react20.Loader2, { className: "w-3 h-3 animate-spin" }), "Stopping tasks") : /* @__PURE__ */ import_react90.default.createElement(import_react90.default.Fragment, null, /* @__PURE__ */ import_react90.default.createElement(import_lucide_react20.Square, { className: "w-3 h-3 fill-current" }), "Stop All Tasks")
+        isStopping ? /* @__PURE__ */ import_react91.default.createElement(import_react91.default.Fragment, null, /* @__PURE__ */ import_react91.default.createElement(import_lucide_react20.Loader2, { className: "w-3 h-3 animate-spin" }), "Stopping tasks") : /* @__PURE__ */ import_react91.default.createElement(import_react91.default.Fragment, null, /* @__PURE__ */ import_react91.default.createElement(import_lucide_react20.Square, { className: "w-3 h-3 fill-current" }), "Stop All Tasks")
       ))
     );
   }
@@ -7179,8 +7239,8 @@ function areAllTasksSettled(tasks) {
 }
 
 // src/components/chat/ToolSidebar.tsx
-var import_react91 = __toESM(require("react"));
-var ToolSidebar = import_react91.default.forwardRef(
+var import_react92 = __toESM(require("react"));
+var ToolSidebar = import_react92.default.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}`);
@@ -7191,7 +7251,7 @@ var ToolSidebar = import_react91.default.forwardRef(
     };
     const renderButton = (tool) => {
       const active = isActive(tool.id);
-      return /* @__PURE__ */ import_react91.default.createElement(
+      return /* @__PURE__ */ import_react92.default.createElement(
         "button",
         {
           key: tool.id,
@@ -7203,10 +7263,10 @@ var ToolSidebar = import_react91.default.forwardRef(
           "aria-label": tool.label,
           "aria-pressed": active
         },
-        /* @__PURE__ */ import_react91.default.createElement("span", { className: "w-4 h-4 block" }, tool.icon)
+        /* @__PURE__ */ import_react92.default.createElement("span", { className: "w-4 h-4 block" }, tool.icon)
       );
     };
-    return /* @__PURE__ */ import_react91.default.createElement(
+    return /* @__PURE__ */ import_react92.default.createElement(
       "div",
       {
         ref,
@@ -7217,17 +7277,17 @@ var ToolSidebar = import_react91.default.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ import_react91.default.createElement("div", { className: "flex flex-col items-center gap-1" }, topTools.map(renderButton)),
-      /* @__PURE__ */ import_react91.default.createElement("div", { className: "flex-1 flex items-center justify-center" }, /* @__PURE__ */ import_react91.default.createElement("div", { className: "w-5 border-t border-ash/30" })),
-      /* @__PURE__ */ import_react91.default.createElement("div", { className: "flex flex-col items-center gap-1" }, bottomTools.map(renderButton))
+      /* @__PURE__ */ import_react92.default.createElement("div", { className: "flex flex-col items-center gap-1" }, topTools.map(renderButton)),
+      /* @__PURE__ */ import_react92.default.createElement("div", { className: "flex-1 flex items-center justify-center" }, /* @__PURE__ */ import_react92.default.createElement("div", { className: "w-5 border-t border-ash/30" })),
+      /* @__PURE__ */ import_react92.default.createElement("div", { className: "flex flex-col items-center gap-1" }, bottomTools.map(renderButton))
     );
   }
 );
 ToolSidebar.displayName = "ToolSidebar";
 
 // src/components/chat/ToolPanelContainer.tsx
-var import_react92 = __toESM(require("react"));
-var ToolPanelContainer = import_react92.default.forwardRef(
+var import_react93 = __toESM(require("react"));
+var ToolPanelContainer = import_react93.default.forwardRef(
   ({
     topContent,
     bottomContent,
@@ -7238,21 +7298,21 @@ var ToolPanelContainer = import_react92.default.forwardRef(
     initialTopPercent = 60,
     ...rest
   }, ref) => {
-    const [topPercent, setTopPercent] = (0, import_react92.useState)(initialTopPercent);
-    const [isResizingHeight, setIsResizingHeight] = (0, import_react92.useState)(false);
-    const containerRef = (0, import_react92.useRef)(null);
-    const lastY = (0, import_react92.useRef)(null);
+    const [topPercent, setTopPercent] = (0, import_react93.useState)(initialTopPercent);
+    const [isResizingHeight, setIsResizingHeight] = (0, import_react93.useState)(false);
+    const containerRef = (0, import_react93.useRef)(null);
+    const lastY = (0, import_react93.useRef)(null);
     const hasBoth = topContent !== null && bottomContent !== null;
-    const startHeightResize = (0, import_react92.useCallback)((e) => {
+    const startHeightResize = (0, import_react93.useCallback)((e) => {
       e.preventDefault();
       setIsResizingHeight(true);
       lastY.current = e.clientY;
     }, []);
-    const stopHeightResize = (0, import_react92.useCallback)(() => {
+    const stopHeightResize = (0, import_react93.useCallback)(() => {
       setIsResizingHeight(false);
       lastY.current = null;
     }, []);
-    const resizeHeight = (0, import_react92.useCallback)(
+    const resizeHeight = (0, import_react93.useCallback)(
       (e) => {
         if (!isResizingHeight || lastY.current === null || !containerRef.current) {
           return;
@@ -7271,7 +7331,7 @@ var ToolPanelContainer = import_react92.default.forwardRef(
       },
       [isResizingHeight]
     );
-    (0, import_react92.useEffect)(() => {
+    (0, import_react93.useEffect)(() => {
       if (isResizingHeight) {
         window.addEventListener("mousemove", resizeHeight);
         window.addEventListener("mouseup", stopHeightResize);
@@ -7290,7 +7350,7 @@ var ToolPanelContainer = import_react92.default.forwardRef(
         document.body.style.userSelect = "";
       };
     }, [isResizingHeight, resizeHeight, stopHeightResize]);
-    return /* @__PURE__ */ import_react92.default.createElement(
+    return /* @__PURE__ */ import_react93.default.createElement(
       "div",
       {
         ref: composeRefs(containerRef, ref),
@@ -7302,7 +7362,7 @@ var ToolPanelContainer = import_react92.default.forwardRef(
         style: width ? { width } : void 0,
         ...rest
       },
-      /* @__PURE__ */ import_react92.default.createElement(
+      /* @__PURE__ */ import_react93.default.createElement(
         "div",
         {
           onMouseDown: onResizeStart,
@@ -7313,7 +7373,7 @@ var ToolPanelContainer = import_react92.default.forwardRef(
           )
         }
       ),
-      topContent !== null && /* @__PURE__ */ import_react92.default.createElement(
+      topContent !== null && /* @__PURE__ */ import_react93.default.createElement(
         "div",
         {
           className: "min-h-0 overflow-hidden flex flex-col",
@@ -7321,7 +7381,7 @@ var ToolPanelContainer = import_react92.default.forwardRef(
         },
         topContent
       ),
-      hasBoth && /* @__PURE__ */ import_react92.default.createElement(
+      hasBoth && /* @__PURE__ */ import_react93.default.createElement(
         "div",
         {
           onMouseDown: startHeightResize,
@@ -7333,7 +7393,7 @@ var ToolPanelContainer = import_react92.default.forwardRef(
           )
         }
       ),
-      bottomContent !== null && /* @__PURE__ */ import_react92.default.createElement(
+      bottomContent !== null && /* @__PURE__ */ import_react93.default.createElement(
         "div",
         {
           className: "min-h-0 overflow-hidden flex flex-col",
@@ -7493,7 +7553,7 @@ function isAncestor(tree, ancestorId, descendantId) {
 }
 
 // src/components/chat/ChatInterface.tsx
-var ChatInterface = import_react93.default.forwardRef(
+var ChatInterface = import_react94.default.forwardRef(
   ({
     messages = [],
     conversationTree,
@@ -7534,20 +7594,23 @@ var ChatInterface = import_react93.default.forwardRef(
     autoFocus = true,
     textareaRef,
     onTextareaKeyDown,
+    chatLoading = false,
+    artifactsLoading = false,
+    inputDisabled = false,
     className,
     ...rest
   }, ref) => {
-    const prevArtifactNodesRef = (0, import_react93.useRef)([]);
-    const prevTasksRef = (0, import_react93.useRef)([]);
-    const [panelOpenArtifactId, setPanelOpenArtifactId] = (0, import_react93.useState)(null);
-    const [internalTools, setInternalTools] = (0, import_react93.useState)({
+    const prevArtifactNodesRef = (0, import_react94.useRef)([]);
+    const prevTasksRef = (0, import_react94.useRef)([]);
+    const [panelOpenArtifactId, setPanelOpenArtifactId] = (0, import_react94.useState)(null);
+    const [internalTools, setInternalTools] = (0, import_react94.useState)({
       "top-left": "history",
       "bottom-left": null,
       "top-right": null,
       "bottom-right": null
     });
-    const dismissedToolsRef = (0, import_react93.useRef)(/* @__PURE__ */ new Set());
-    const openArtifact = (0, import_react93.useCallback)((artifactId) => {
+    const dismissedToolsRef = (0, import_react94.useRef)(/* @__PURE__ */ new Set());
+    const openArtifact = (0, import_react94.useCallback)((artifactId) => {
       dismissedToolsRef.current.delete("artifacts");
       if (isArtifactsPanelOpen === void 0) {
         setInternalTools((prev) => prev["top-right"] === "artifacts" ? prev : { ...prev, "top-right": "artifacts" });
@@ -7556,16 +7619,16 @@ var ChatInterface = import_react93.default.forwardRef(
       }
       setPanelOpenArtifactId(artifactId);
     }, [isArtifactsPanelOpen, onArtifactsPanelOpenChange]);
-    const handleAttachmentOpen = (0, import_react93.useCallback)((artifactId) => {
+    const handleAttachmentOpen = (0, import_react94.useCallback)((artifactId) => {
       openArtifact(artifactId);
       onAttachmentOpen?.(artifactId);
     }, [openArtifact, onAttachmentOpen]);
-    const handleArtifactPanelClosed = (0, import_react93.useCallback)(() => {
+    const handleArtifactPanelClosed = (0, import_react94.useCallback)(() => {
       setPanelOpenArtifactId(null);
     }, []);
-    (0, import_react93.useImperativeHandle)(ref, () => ({ openArtifact }), [openArtifact]);
+    (0, import_react94.useImperativeHandle)(ref, () => ({ openArtifact }), [openArtifact]);
     const isPanelControlled = isArtifactsPanelOpen !== void 0;
-    const activeTools = (0, import_react93.useMemo)(() => {
+    const activeTools = (0, import_react94.useMemo)(() => {
       if (isPanelControlled) {
         return {
           ...internalTools,
@@ -7595,13 +7658,13 @@ var ChatInterface = import_react93.default.forwardRef(
       direction: "right"
     });
     const allSettled = tasks.length === 0 || areAllTasksSettled(tasks);
-    const allToolDefinitions = (0, import_react93.useMemo)(() => {
+    const allToolDefinitions = (0, import_react94.useMemo)(() => {
       const builtIn = [
-        { id: "history", icon: /* @__PURE__ */ import_react93.default.createElement(ChatBubbleIcon, null), label: "History", group: "top-left" },
-        { id: "artifacts", icon: /* @__PURE__ */ import_react93.default.createElement(MediaIcon, null), label: "Artifacts", group: "top-right" },
+        { id: "history", icon: /* @__PURE__ */ import_react94.default.createElement(ChatBubbleIcon, null), label: "History", group: "top-left" },
+        { id: "artifacts", icon: /* @__PURE__ */ import_react94.default.createElement(MediaIcon, null), label: "Artifacts", group: "top-right" },
         {
           id: "todos",
-          icon: allSettled ? /* @__PURE__ */ import_react93.default.createElement(CheckSquareIcon, null) : /* @__PURE__ */ import_react93.default.createElement(SquareLoaderIcon, null),
+          icon: allSettled ? /* @__PURE__ */ import_react94.default.createElement(CheckSquareIcon, null) : /* @__PURE__ */ import_react94.default.createElement(SquareLoaderIcon, null),
           label: "Tasks",
           group: "bottom-right"
         }
@@ -7609,7 +7672,7 @@ var ChatInterface = import_react93.default.forwardRef(
       const external = externalTools.map(({ content: _content, ...def }) => def);
       return [...builtIn, ...external];
     }, [allSettled, externalTools]);
-    const toggleTool = (0, import_react93.useCallback)((toolId) => {
+    const toggleTool = (0, import_react94.useCallback)((toolId) => {
       const toolDef = allToolDefinitions.find((t) => t.id === toolId);
       if (!toolDef) {
         return;
@@ -7640,15 +7703,15 @@ var ChatInterface = import_react93.default.forwardRef(
     }, [allToolDefinitions, isPanelControlled, activeTools, onArtifactsPanelOpenChange]);
     const isTreeMode = !!conversationTree;
     const tree = isTreeMode ? conversationTree : null;
-    const activePath = (0, import_react93.useMemo)(() => {
+    const activePath = (0, import_react94.useMemo)(() => {
       if (tree) return getActivePath(tree);
       return (messages || []).map((m) => ({ ...m, children: [], branchIndex: 0 }));
     }, [tree, messages]);
-    const greyedFuture = (0, import_react93.useMemo)(
+    const greyedFuture = (0, import_react94.useMemo)(
       () => tree ? getGreyedFuture(tree) : [],
       [tree]
     );
-    const activeCheckpointId = (0, import_react93.useMemo)(() => {
+    const activeCheckpointId = (0, import_react94.useMemo)(() => {
       if (!tree) return null;
       const found = findAncestor(
         tree,
@@ -7657,7 +7720,7 @@ var ChatInterface = import_react93.default.forwardRef(
       );
       return found?.id ?? null;
     }, [tree]);
-    (0, import_react93.useEffect)(() => {
+    (0, import_react94.useEffect)(() => {
       const nodes = artifactNodes || [];
       const prevNodes = prevArtifactNodesRef.current;
       const hasNewOrChangedNode = nodes.length !== prevNodes.length || nodes.some((n, i) => n.id !== prevNodes[i]?.id);
@@ -7682,7 +7745,7 @@ var ChatInterface = import_react93.default.forwardRef(
       prevArtifactNodesRef.current = nodes;
       prevTasksRef.current = tasks;
     }, [artifactNodes, tasks, isPanelControlled]);
-    const handleBranchSwitch = (0, import_react93.useCallback)(
+    const handleBranchSwitch = (0, import_react94.useCallback)(
       (nodeId, direction) => {
         if (!tree || !onTreeChange) {
           return;
@@ -7691,7 +7754,7 @@ var ChatInterface = import_react93.default.forwardRef(
       },
       [tree, onTreeChange]
     );
-    const handleJumpHere = (0, import_react93.useCallback)((nodeId) => {
+    const handleJumpHere = (0, import_react94.useCallback)((nodeId) => {
       if (!tree) return;
       if (onJumpHere) {
         onJumpHere(nodeId);
@@ -7701,7 +7764,7 @@ var ChatInterface = import_react93.default.forwardRef(
         onTreeChange(setActiveLeaf(tree, nodeId));
       }
     }, [tree, onTreeChange, onJumpHere]);
-    const handleJumpToLatest = (0, import_react93.useCallback)(() => {
+    const handleJumpToLatest = (0, import_react94.useCallback)(() => {
       if (!tree) return;
       if (onJumpToLatest) {
         onJumpToLatest();
@@ -7711,7 +7774,7 @@ var ChatInterface = import_react93.default.forwardRef(
         onTreeChange(setActiveLeaf(tree, tree.lastLeafId));
       }
     }, [tree, onTreeChange, onJumpToLatest]);
-    const buildItem = (0, import_react93.useCallback)(
+    const buildItem = (0, import_react94.useCallback)(
       (node, opts) => {
         const branchInfo = tree && getSiblingInfo(tree, node.id).total > 1 ? {
           ...getSiblingInfo(tree, node.id),
@@ -7769,7 +7832,7 @@ var ChatInterface = import_react93.default.forwardRef(
         handleAttachmentOpen
       ]
     );
-    const displayItems = (0, import_react93.useMemo)(() => {
+    const displayItems = (0, import_react94.useMemo)(() => {
       const items = activePath.map((n) => buildItem(n, { muted: false }));
       if (greyedFuture.length > 0) {
         const messageCount = greyedFuture.filter((n) => n.kind === "message").length;
@@ -7787,7 +7850,7 @@ var ChatInterface = import_react93.default.forwardRef(
       }
       return items;
     }, [activePath, greyedFuture, buildItem, handleJumpToLatest]);
-    const latestUserMessageIndex = (0, import_react93.useMemo)(() => {
+    const latestUserMessageIndex = (0, import_react94.useMemo)(() => {
       for (let i = displayItems.length - 1; i >= 0; i--) {
         const item = displayItems[i];
         if (item.kind === "message" && item.variant === "user" && !item.muted) {
@@ -7796,18 +7859,18 @@ var ChatInterface = import_react93.default.forwardRef(
       }
       return -1;
     }, [displayItems]);
-    const handleSubmit = (0, import_react93.useCallback)(
+    const handleSubmit = (0, import_react94.useCallback)(
       (message, attachments) => {
         onMessageSubmit?.(message, attachments);
       },
       [onMessageSubmit]
     );
-    const isEmpty = displayItems.length === 0;
-    const leftToolDefs = (0, import_react93.useMemo)(
+    const isEmpty = displayItems.length === 0 && !chatLoading;
+    const leftToolDefs = (0, import_react94.useMemo)(
       () => allToolDefinitions.filter((t) => t.group === "top-left" || t.group === "bottom-left"),
       [allToolDefinitions]
     );
-    const rightToolDefs = (0, import_react93.useMemo)(
+    const rightToolDefs = (0, import_react94.useMemo)(
       () => allToolDefinitions.filter(
         (t) => t.group === "top-right" || t.group === "bottom-right"
       ),
@@ -7821,7 +7884,7 @@ var ChatInterface = import_react93.default.forwardRef(
       }
       switch (toolId) {
         case "history":
-          return /* @__PURE__ */ import_react93.default.createElement(
+          return /* @__PURE__ */ import_react94.default.createElement(
             HistoryPanel,
             {
               conversations,
@@ -7831,10 +7894,11 @@ var ChatInterface = import_react93.default.forwardRef(
             }
           );
         case "artifacts":
-          return /* @__PURE__ */ import_react93.default.createElement(
+          return /* @__PURE__ */ import_react94.default.createElement(
             ArtifactsPanel,
             {
               nodes: artifactNodes,
+              loading: artifactsLoading,
               openArtifactId: panelOpenArtifactId,
               onArtifactClosed: handleArtifactPanelClosed,
               getArtifactActions,
@@ -7842,7 +7906,7 @@ var ChatInterface = import_react93.default.forwardRef(
             }
           );
         case "todos":
-          return tasks.length > 0 ? /* @__PURE__ */ import_react93.default.createElement(
+          return tasks.length > 0 ? /* @__PURE__ */ import_react94.default.createElement(
             TodosList,
             {
               tasks,
@@ -7850,20 +7914,20 @@ var ChatInterface = import_react93.default.forwardRef(
               onStopAllTasks,
               className: "h-full"
             }
-          ) : /* @__PURE__ */ import_react93.default.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ import_react93.default.createElement("div", { className: "flex items-center p-4 border-b border-ash/40 shrink-0" }, /* @__PURE__ */ import_react93.default.createElement("h3", { className: "text-xs font-medium text-white" }, "Tasks")), /* @__PURE__ */ import_react93.default.createElement("div", { className: "flex-1 flex items-center justify-center" }, /* @__PURE__ */ import_react93.default.createElement("p", { className: "text-xs text-silver/60" }, "No tasks")));
+          ) : /* @__PURE__ */ import_react94.default.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "flex items-center p-4 border-b border-ash/40 shrink-0" }, /* @__PURE__ */ import_react94.default.createElement("h3", { className: "text-xs font-medium text-white" }, "Tasks")), /* @__PURE__ */ import_react94.default.createElement("div", { className: "flex-1 flex items-center justify-center" }, /* @__PURE__ */ import_react94.default.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__ */ import_react93.default.createElement(
+    return /* @__PURE__ */ import_react94.default.createElement(
       "div",
       {
         className: cx("flex h-full w-full bg-obsidian overflow-hidden", className),
         ...rest
       },
-      hasLeftTools && /* @__PURE__ */ import_react93.default.createElement(
+      hasLeftTools && /* @__PURE__ */ import_react94.default.createElement(
         ToolSidebar,
         {
           tools: leftToolDefs,
@@ -7872,7 +7936,7 @@ var ChatInterface = import_react93.default.forwardRef(
           side: "left"
         }
       ),
-      isLeftPanelOpen && /* @__PURE__ */ import_react93.default.createElement(
+      isLeftPanelOpen && /* @__PURE__ */ import_react94.default.createElement(
         ToolPanelContainer,
         {
           topContent: renderToolContent(activeTools["top-left"]),
@@ -7883,16 +7947,16 @@ var ChatInterface = import_react93.default.forwardRef(
           initialTopPercent: 30
         }
       ),
-      /* @__PURE__ */ import_react93.default.createElement("div", { className: "flex-1 flex flex-col min-w-0 relative" }, /* @__PURE__ */ import_react93.default.createElement("div", { className: cx(
+      /* @__PURE__ */ import_react94.default.createElement("div", { className: "flex-1 flex flex-col min-w-0 relative" }, /* @__PURE__ */ import_react94.default.createElement("div", { className: cx(
         "flex-1 flex flex-col min-h-0 relative",
         isEmpty ? "justify-center" : "justify-start"
-      ) }, /* @__PURE__ */ import_react93.default.createElement("div", { className: cx(
+      ) }, /* @__PURE__ */ import_react94.default.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out",
         isEmpty ? "flex-1" : "flex-zero"
-      ) }), /* @__PURE__ */ import_react93.default.createElement("div", { className: cx(
-        "transition-all duration-500 ease-in-out overflow-hidden flex flex-col",
+      ) }), /* @__PURE__ */ import_react94.default.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__ */ import_react93.default.createElement(
+      ) }, /* @__PURE__ */ import_react94.default.createElement(
         ChatView,
         {
           items: displayItems,
@@ -7901,17 +7965,17 @@ var ChatInterface = import_react93.default.forwardRef(
           thinkingLabel,
           className: "flex-1"
         }
-      )), /* @__PURE__ */ import_react93.default.createElement("div", { className: cx(
+      ), chatLoading && /* @__PURE__ */ import_react94.default.createElement(BusyOverlay, null)), /* @__PURE__ */ import_react94.default.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__ */ import_react93.default.createElement("div", { className: "mb-8 text-center animate-fade-in duration-500" }, emptyState ? emptyState : /* @__PURE__ */ import_react93.default.createElement("h1", { className: "text-4xl md:text-5xl font-heading text-gold mb-2 tracking-tight" }, "Welcome!")), /* @__PURE__ */ import_react93.default.createElement(
+      ) }, isEmpty && /* @__PURE__ */ import_react94.default.createElement("div", { className: "mb-8 text-center animate-fade-in duration-500" }, emptyState ? emptyState : /* @__PURE__ */ import_react94.default.createElement("h1", { className: "text-4xl md:text-5xl font-heading text-gold mb-2 tracking-tight" }, "Welcome!")), /* @__PURE__ */ import_react94.default.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,
@@ -7925,11 +7989,11 @@ var ChatInterface = import_react93.default.forwardRef(
           textareaRef,
           onTextareaKeyDown
         }
-      )), /* @__PURE__ */ import_react93.default.createElement("div", { className: cx(
+      )), /* @__PURE__ */ import_react94.default.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out",
         isEmpty ? "flex-1" : "flex-zero"
       ) }))),
-      isRightPanelOpen && /* @__PURE__ */ import_react93.default.createElement(
+      isRightPanelOpen && /* @__PURE__ */ import_react94.default.createElement(
         ToolPanelContainer,
         {
           topContent: renderToolContent(activeTools["top-right"]),
@@ -7940,7 +8004,7 @@ var ChatInterface = import_react93.default.forwardRef(
           initialTopPercent: 70
         }
       ),
-      hasRightTools && /* @__PURE__ */ import_react93.default.createElement(
+      hasRightTools && /* @__PURE__ */ import_react94.default.createElement(
         ToolSidebar,
         {
           tools: rightToolDefs,
@@ -7955,9 +8019,9 @@ var ChatInterface = import_react93.default.forwardRef(
 ChatInterface.displayName = "ChatInterface";
 
 // src/components/chat/MessageActions.tsx
-var import_react94 = __toESM(require("react"));
+var import_react95 = __toESM(require("react"));
 var import_lucide_react21 = require("lucide-react");
-var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ import_react94.default.createElement(
+var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ import_react95.default.createElement(
   "button",
   {
     type: "button",
@@ -7973,7 +8037,7 @@ var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @_
   },
   children
 );
-var MessageActions = import_react94.default.forwardRef(
+var MessageActions = import_react95.default.forwardRef(
   ({
     variant,
     content,
@@ -7985,12 +8049,12 @@ var MessageActions = import_react94.default.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [localIsEditing, setLocalIsEditing] = (0, import_react94.useState)(false);
-    const [localEditValue, setLocalEditValue] = (0, import_react94.useState)(content);
+    const [localIsEditing, setLocalIsEditing] = (0, import_react95.useState)(false);
+    const [localEditValue, setLocalEditValue] = (0, import_react95.useState)(content);
     const { copied, copy } = useCopyToClipboard();
     const isEditing = controlledIsEditing ?? localIsEditing;
     const editValue = controlledEditValue ?? localEditValue;
-    const setIsEditing = (0, import_react94.useCallback)(
+    const setIsEditing = (0, import_react95.useCallback)(
       (value) => {
         if (onEditingChange) {
           onEditingChange(value);
@@ -8000,28 +8064,28 @@ var MessageActions = import_react94.default.forwardRef(
       },
       [onEditingChange]
     );
-    const setEditValue = (0, import_react94.useCallback)((value) => {
+    const setEditValue = (0, import_react95.useCallback)((value) => {
       setLocalEditValue(value);
     }, []);
-    const handleCopy = (0, import_react94.useCallback)(() => {
+    const handleCopy = (0, import_react95.useCallback)(() => {
       void copy(content);
     }, [copy, content]);
-    const handleStartEdit = (0, import_react94.useCallback)(() => {
+    const handleStartEdit = (0, import_react95.useCallback)(() => {
       setLocalEditValue(content);
       setIsEditing(true);
     }, [content, setIsEditing]);
-    const handleCancelEdit = (0, import_react94.useCallback)(() => {
+    const handleCancelEdit = (0, import_react95.useCallback)(() => {
       setIsEditing(false);
       setLocalEditValue(content);
     }, [content, setIsEditing]);
-    const handleSubmitEdit = (0, import_react94.useCallback)(() => {
+    const handleSubmitEdit = (0, import_react95.useCallback)(() => {
       const trimmed = editValue.trim();
       if (trimmed && trimmed !== content) {
         onEdit?.(trimmed);
       }
       setIsEditing(false);
     }, [editValue, content, onEdit, setIsEditing]);
-    const handleEditKeyDown = (0, import_react94.useCallback)(
+    const handleEditKeyDown = (0, import_react95.useCallback)(
       (e) => {
         if (e.key === "Enter" && !e.shiftKey) {
           e.preventDefault();
@@ -8034,19 +8098,19 @@ var MessageActions = import_react94.default.forwardRef(
     );
     const isUser = variant === "user";
     if (isUser && isEditing) {
-      return /* @__PURE__ */ import_react94.default.createElement(
+      return /* @__PURE__ */ import_react95.default.createElement(
         "div",
         {
           ref,
           className: cx("mt-2", className),
           ...rest
         },
-        /* @__PURE__ */ import_react94.default.createElement(
+        /* @__PURE__ */ import_react95.default.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__ */ import_react94.default.createElement(
+          /* @__PURE__ */ import_react95.default.createElement(
             "textarea",
             {
               value: editValue,
@@ -8057,15 +8121,15 @@ var MessageActions = import_react94.default.forwardRef(
               rows: 2
             }
           ),
-          /* @__PURE__ */ import_react94.default.createElement("div", { className: "absolute right-2 bottom-2 flex gap-1" }, /* @__PURE__ */ import_react94.default.createElement(
+          /* @__PURE__ */ import_react95.default.createElement("div", { className: "absolute right-2 bottom-2 flex gap-1" }, /* @__PURE__ */ import_react95.default.createElement(
             ActionButton2,
             {
               onClick: handleCancelEdit,
               label: "Cancel edit",
               className: "text-silver/60 hover:text-error"
             },
-            /* @__PURE__ */ import_react94.default.createElement(import_lucide_react21.X, { className: "w-4 h-4" })
-          ), /* @__PURE__ */ import_react94.default.createElement(
+            /* @__PURE__ */ import_react95.default.createElement(import_lucide_react21.X, { className: "w-4 h-4" })
+          ), /* @__PURE__ */ import_react95.default.createElement(
             ActionButton2,
             {
               onClick: handleSubmitEdit,
@@ -8073,13 +8137,13 @@ var MessageActions = import_react94.default.forwardRef(
               className: "text-silver/60 hover:text-gold",
               disabled: !editValue.trim() || editValue.trim() === content
             },
-            /* @__PURE__ */ import_react94.default.createElement(import_lucide_react21.Send, { className: "w-4 h-4" })
+            /* @__PURE__ */ import_react95.default.createElement(import_lucide_react21.Send, { className: "w-4 h-4" })
           ))
         ),
-        /* @__PURE__ */ import_react94.default.createElement("p", { className: "text-xs text-silver/50 mt-1" }, "Press Enter to submit, Esc to cancel. This will create a new branch.")
+        /* @__PURE__ */ import_react95.default.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__ */ import_react94.default.createElement(
+    return /* @__PURE__ */ import_react95.default.createElement(
       "div",
       {
         ref,
@@ -8090,18 +8154,18 @@ var MessageActions = import_react94.default.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ import_react94.default.createElement(ActionButton2, { onClick: handleCopy, label: copied ? "Copied!" : "Copy message" }, copied ? /* @__PURE__ */ import_react94.default.createElement(import_lucide_react21.Check, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ import_react94.default.createElement(import_lucide_react21.Copy, { className: "w-3.5 h-3.5" })),
-      isUser && onEdit && /* @__PURE__ */ import_react94.default.createElement(ActionButton2, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ import_react94.default.createElement(import_lucide_react21.Pencil, { className: "w-3.5 h-3.5" })),
-      !isUser && onRetry && /* @__PURE__ */ import_react94.default.createElement(ActionButton2, { onClick: onRetry, label: "Regenerate response" }, /* @__PURE__ */ import_react94.default.createElement(import_lucide_react21.RotateCcw, { className: "w-3.5 h-3.5" }))
+      /* @__PURE__ */ import_react95.default.createElement(ActionButton2, { onClick: handleCopy, label: copied ? "Copied!" : "Copy message" }, copied ? /* @__PURE__ */ import_react95.default.createElement(import_lucide_react21.Check, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ import_react95.default.createElement(import_lucide_react21.Copy, { className: "w-3.5 h-3.5" })),
+      isUser && onEdit && /* @__PURE__ */ import_react95.default.createElement(ActionButton2, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ import_react95.default.createElement(import_lucide_react21.Pencil, { className: "w-3.5 h-3.5" })),
+      !isUser && onRetry && /* @__PURE__ */ import_react95.default.createElement(ActionButton2, { onClick: onRetry, label: "Regenerate response" }, /* @__PURE__ */ import_react95.default.createElement(import_lucide_react21.RotateCcw, { className: "w-3.5 h-3.5" }))
     );
   }
 );
 MessageActions.displayName = "MessageActions";
 
 // src/components/chat/BranchNavigator.tsx
-var import_react95 = __toESM(require("react"));
+var import_react96 = __toESM(require("react"));
 var import_lucide_react22 = require("lucide-react");
-var BranchNavigator = import_react95.default.forwardRef(
+var BranchNavigator = import_react96.default.forwardRef(
   ({
     current,
     total,
@@ -8120,7 +8184,7 @@ var BranchNavigator = import_react95.default.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__ */ import_react95.default.createElement(
+    return /* @__PURE__ */ import_react96.default.createElement(
       "div",
       {
         ref,
@@ -8132,8 +8196,8 @@ var BranchNavigator = import_react95.default.forwardRef(
         "aria-label": "Branch navigation",
         ...rest
       },
-      showIcon && /* @__PURE__ */ import_react95.default.createElement(import_lucide_react22.GitBranch, { className: cx(iconSize, "mr-0.5 text-silver/50"), "aria-hidden": "true" }),
-      /* @__PURE__ */ import_react95.default.createElement(
+      showIcon && /* @__PURE__ */ import_react96.default.createElement(import_lucide_react22.GitBranch, { className: cx(iconSize, "mr-0.5 text-silver/50"), "aria-hidden": "true" }),
+      /* @__PURE__ */ import_react96.default.createElement(
         "button",
         {
           type: "button",
@@ -8146,10 +8210,10 @@ var BranchNavigator = import_react95.default.forwardRef(
           ),
           "aria-label": "Previous branch"
         },
-        /* @__PURE__ */ import_react95.default.createElement(import_lucide_react22.ChevronLeft, { className: iconSize })
+        /* @__PURE__ */ import_react96.default.createElement(import_lucide_react22.ChevronLeft, { className: iconSize })
       ),
-      /* @__PURE__ */ import_react95.default.createElement("span", { className: cx(textSize, "tabular-nums min-w-6 text-center") }, current, "/", total),
-      /* @__PURE__ */ import_react95.default.createElement(
+      /* @__PURE__ */ import_react96.default.createElement("span", { className: cx(textSize, "tabular-nums min-w-6 text-center") }, current, "/", total),
+      /* @__PURE__ */ import_react96.default.createElement(
         "button",
         {
           type: "button",
@@ -8162,7 +8226,7 @@ var BranchNavigator = import_react95.default.forwardRef(
           ),
           "aria-label": "Next branch"
         },
-        /* @__PURE__ */ import_react95.default.createElement(import_lucide_react22.ChevronRight, { className: iconSize })
+        /* @__PURE__ */ import_react96.default.createElement(import_lucide_react22.ChevronRight, { className: iconSize })
       )
     );
   }
@@ -8170,16 +8234,16 @@ var BranchNavigator = import_react95.default.forwardRef(
 BranchNavigator.displayName = "BranchNavigator";
 
 // src/components/BrandIcon.tsx
-var import_react96 = __toESM(require("react"));
+var import_react97 = __toESM(require("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 = import_react96.default.forwardRef(
+var BrandIcon = import_react97.default.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__ */ import_react96.default.createElement(
+    return /* @__PURE__ */ import_react97.default.createElement(
       "div",
       {
         ref,
@@ -8198,17 +8262,17 @@ var BrandIcon = import_react96.default.forwardRef(
 BrandIcon.displayName = "BrandIcon";
 
 // src/components/ColorSwatch.tsx
-var import_react97 = __toESM(require("react"));
-var ColorSwatch = import_react97.default.forwardRef(
+var import_react98 = __toESM(require("react"));
+var ColorSwatch = import_react98.default.forwardRef(
   ({ color, label, className, ...rest }, ref) => {
-    return /* @__PURE__ */ import_react97.default.createElement(
+    return /* @__PURE__ */ import_react98.default.createElement(
       "div",
       {
         ref,
         className: cx("flex flex-col items-center gap-2", className),
         ...rest
       },
-      /* @__PURE__ */ import_react97.default.createElement(
+      /* @__PURE__ */ import_react98.default.createElement(
         "div",
         {
           className: "h-16 w-16 border-2 border-ash rounded-none shadow-sm",
@@ -8216,22 +8280,22 @@ var ColorSwatch = import_react97.default.forwardRef(
           "aria-label": label || color
         }
       ),
-      label && /* @__PURE__ */ import_react97.default.createElement("span", { className: "text-xs text-silver font-medium" }, label)
+      label && /* @__PURE__ */ import_react98.default.createElement("span", { className: "text-xs text-silver font-medium" }, label)
     );
   }
 );
 ColorSwatch.displayName = "ColorSwatch";
 
 // src/components/SectionHeading.tsx
-var import_react98 = __toESM(require("react"));
+var import_react99 = __toESM(require("react"));
 var levelStyles = {
   h2: "text-2xl mb-4",
   h3: "text-xl mb-3"
 };
-var SectionHeading = import_react98.default.forwardRef(
+var SectionHeading = import_react99.default.forwardRef(
   ({ level = "h2", children, className, ...rest }, ref) => {
     const Component = level;
-    return /* @__PURE__ */ import_react98.default.createElement(
+    return /* @__PURE__ */ import_react99.default.createElement(
       Component,
       {
         ref,
@@ -8282,6 +8346,7 @@ var version = "2.0.0";
   Breadcrumb,
   BreadcrumbItem,
   BreadcrumbLink,
+  BusyOverlay,
   Button,
   Card,
   ChatBubbleIcon,