@lukeashford/aurelius 2.12.0 → 2.14.0

package/dist/index.js

@@ -39,6 +39,7 @@ __export(index_exports, {
   ArtifactsPanel: () => ArtifactsPanel,
   ArtifactsPanelToggle: () => ArtifactsPanelToggle,
   AttachmentPreview: () => AttachmentPreview,
+  AudioCard: () => AudioCard,
   Avatar: () => Avatar,
   Badge: () => Badge,
   BranchNavigator: () => BranchNavigator,
@@ -51,17 +52,25 @@ __export(index_exports, {
   ChatInput: () => ChatInput,
   ChatInterface: () => ChatInterface,
   ChatView: () => ChatView,
+  CheckSquareIcon: () => CheckSquareIcon,
   Checkbox: () => Checkbox,
+  ChevronLeftIcon: () => ChevronLeftIcon,
+  ChevronRightIcon: () => ChevronRightIcon,
+  CloseIcon: () => CloseIcon,
   Col: () => Col,
   CollapsedSidebarToggle: () => CollapsedSidebarToggle,
   ColorSwatch: () => ColorSwatch,
   ConfirmDialog: () => ConfirmDialog,
   Container: () => Container,
   ConversationSidebar: () => ConversationSidebar,
+  CrossSquareIcon: () => CrossSquareIcon,
   Divider: () => Divider,
   Drawer: () => Drawer,
+  EmptySquareIcon: () => EmptySquareIcon,
+  ExpandIcon: () => ExpandIcon,
   FileChip: () => FileChip,
   HelperText: () => HelperText,
+  HistoryIcon: () => HistoryIcon,
   ImageCard: () => ImageCard,
   Input: () => Input,
   InputGroup: () => InputGroup,
@@ -71,6 +80,7 @@ __export(index_exports, {
   InputRightElement: () => InputRightElement,
   InputWrapper: () => InputWrapper,
   Label: () => Label,
+  LayersIcon: () => LayersIcon,
   List: () => List,
   ListItem: () => ListItem,
   ListItemText: () => ListItemText,
@@ -92,16 +102,19 @@ __export(index_exports, {
   NavbarItem: () => NavbarItem,
   NavbarLink: () => NavbarLink,
   Pagination: () => Pagination,
+  PlusIcon: () => PlusIcon,
   Popover: () => Popover,
   Progress: () => Progress,
   PromptDialog: () => PromptDialog,
   Radio: () => Radio,
   Row: () => Row,
+  ScriptCard: () => ScriptCard,
   SectionHeading: () => SectionHeading,
   Select: () => Select,
   Skeleton: () => Skeleton,
   Slider: () => Slider,
   Spinner: () => Spinner,
+  SquareLoaderIcon: () => SquareLoaderIcon,
   Stack: () => Stack,
   Stepper: () => Stepper,
   StreamingCursor: () => StreamingCursor,
@@ -121,6 +134,7 @@ __export(index_exports, {
   Textarea: () => Textarea,
   ThinkingIndicator: () => ThinkingIndicator,
   ToastProvider: () => ToastProvider,
+  TodosList: () => TodosList,
   Tooltip: () => Tooltip,
   VideoCard: () => VideoCard,
   addMessageToTree: () => addMessageToTree,
@@ -3427,11 +3441,299 @@ var Stepper = import_react40.default.forwardRef(
 );
 Stepper.displayName = "Stepper";
 
-// src/components/Message.tsx
+// src/components/icons/ChevronLeftIcon.tsx
+var import_react41 = __toESM(require("react"));
+function ChevronLeftIcon({ className, ...props }) {
+  return /* @__PURE__ */ import_react41.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className,
+      ...props
+    },
+    /* @__PURE__ */ import_react41.default.createElement(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M12.79 5.23a.75.75 0 01-.02 1.06L8.832 10l3.938 3.71a.75.75 0 11-1.04 1.08l-4.5-4.25a.75.75 0 010-1.08l4.5-4.25a.75.75 0 011.06.02z",
+        clipRule: "evenodd"
+      }
+    )
+  );
+}
+
+// src/components/icons/ChevronRightIcon.tsx
 var import_react42 = __toESM(require("react"));
+function ChevronRightIcon({ className, ...props }) {
+  return /* @__PURE__ */ import_react42.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className,
+      ...props
+    },
+    /* @__PURE__ */ import_react42.default.createElement(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z",
+        clipRule: "evenodd"
+      }
+    )
+  );
+}
+
+// src/components/icons/CloseIcon.tsx
+var import_react43 = __toESM(require("react"));
+function CloseIcon({ className, ...props }) {
+  return /* @__PURE__ */ import_react43.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className,
+      ...props
+    },
+    /* @__PURE__ */ import_react43.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"
+      }
+    )
+  );
+}
+
+// src/components/icons/ExpandIcon.tsx
+var import_react44 = __toESM(require("react"));
+function ExpandIcon({ className, ...props }) {
+  return /* @__PURE__ */ import_react44.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className,
+      ...props
+    },
+    /* @__PURE__ */ import_react44.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"
+      }
+    )
+  );
+}
+
+// src/components/icons/HistoryIcon.tsx
+var import_react45 = __toESM(require("react"));
+function HistoryIcon({ className, ...props }) {
+  return /* @__PURE__ */ import_react45.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className,
+      ...props
+    },
+    /* @__PURE__ */ import_react45.default.createElement(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z",
+        clipRule: "evenodd"
+      }
+    )
+  );
+}
+
+// src/components/icons/LayersIcon.tsx
+var import_react46 = __toESM(require("react"));
+function LayersIcon({ className, ...props }) {
+  return /* @__PURE__ */ import_react46.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className,
+      ...props
+    },
+    /* @__PURE__ */ import_react46.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_react46.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_react46.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"
+      }
+    )
+  );
+}
+
+// src/components/icons/PlusIcon.tsx
+var import_react47 = __toESM(require("react"));
+function PlusIcon({ className, ...props }) {
+  return /* @__PURE__ */ import_react47.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className,
+      ...props
+    },
+    /* @__PURE__ */ import_react47.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"
+      }
+    )
+  );
+}
+
+// src/components/icons/CheckSquareIcon.tsx
+var import_react48 = __toESM(require("react"));
+function CheckSquareIcon({ className, ...props }) {
+  return /* @__PURE__ */ import_react48.default.createElement(
+    "div",
+    {
+      className: cx(
+        "relative w-4 h-4 flex-shrink-0 border-2 border-gold bg-gold/10",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ import_react48.default.createElement(
+      "svg",
+      {
+        viewBox: "0 0 16 16",
+        fill: "none",
+        className: "absolute inset-0 w-full h-full p-0.5"
+      },
+      /* @__PURE__ */ import_react48.default.createElement(
+        "path",
+        {
+          d: "M3 8l3 3 7-7",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: "text-gold"
+        }
+      )
+    )
+  );
+}
+
+// src/components/icons/EmptySquareIcon.tsx
+var import_react49 = __toESM(require("react"));
+function EmptySquareIcon({ className, ...props }) {
+  return /* @__PURE__ */ import_react49.default.createElement(
+    "div",
+    {
+      className: cx(
+        "w-4 h-4 flex-shrink-0 border-2 border-ash/60",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/icons/CrossSquareIcon.tsx
+var import_react50 = __toESM(require("react"));
+function CrossSquareIcon({ className, variant = "cancelled", ...props }) {
+  return /* @__PURE__ */ import_react50.default.createElement(
+    "div",
+    {
+      className: cx(
+        "relative w-4 h-4 flex-shrink-0 border-2",
+        variant === "failed" ? "border-error/60 bg-error/5" : "border-ash/40 bg-ash/5",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ import_react50.default.createElement(
+      "svg",
+      {
+        viewBox: "0 0 16 16",
+        fill: "none",
+        className: "absolute inset-0 w-full h-full p-0.5"
+      },
+      /* @__PURE__ */ import_react50.default.createElement(
+        "path",
+        {
+          d: "M4 4l8 8M12 4l-8 8",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          className: variant === "failed" ? "text-error/60" : "text-ash/40"
+        }
+      )
+    )
+  );
+}
+
+// src/components/icons/SquareLoaderIcon.tsx
+var import_react51 = __toESM(require("react"));
+function SquareLoaderIcon({ className, ...props }) {
+  return /* @__PURE__ */ import_react51.default.createElement("div", { className: cx("relative w-4 h-4 flex-shrink-0", className), ...props }, /* @__PURE__ */ import_react51.default.createElement(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      className: "w-full h-full animate-snake-spin"
+    },
+    /* @__PURE__ */ import_react51.default.createElement(
+      "rect",
+      {
+        x: "1",
+        y: "1",
+        width: "14",
+        height: "14",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        className: "text-ash/40"
+      }
+    ),
+    /* @__PURE__ */ import_react51.default.createElement(
+      "rect",
+      {
+        x: "1",
+        y: "1",
+        width: "14",
+        height: "14",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeDasharray: "14 42",
+        strokeLinecap: "square",
+        className: "text-gold animate-snake-travel"
+      }
+    )
+  ));
+}
+
+// src/components/Message.tsx
+var import_react53 = __toESM(require("react"));
 
 // src/components/MarkdownContent.tsx
-var import_react41 = __toESM(require("react"));
+var import_react52 = __toESM(require("react"));
 var import_dompurify = __toESM(require("dompurify"));
 var DEFAULT_SANITIZE_CONFIG = {
   ALLOWED_TAGS: [
@@ -3501,7 +3803,7 @@ var DEFAULT_SANITIZE_CONFIG = {
   ALLOWED_URI_REGEXP: /^(?:(?:https?|mailto|tel):|[^a-z]|[a-z+.-]+(?:[^a-z+.\-:]|$))/i
 };
 function useDOMPurifySetup() {
-  (0, import_react41.useMemo)(() => {
+  (0, import_react52.useMemo)(() => {
     import_dompurify.default.addHook("afterSanitizeAttributes", (node) => {
       if (node.tagName === "A") {
         node.setAttribute("target", "_blank");
@@ -3537,10 +3839,10 @@ function injectStreamingCursor(html, cursorClassName) {
   target.insertAdjacentHTML("beforeend", cursorHtml);
   return container.innerHTML;
 }
-var MarkdownContent = import_react41.default.forwardRef(
+var MarkdownContent = import_react52.default.forwardRef(
   ({ className, content, sanitizeConfig, isStreaming, cursorClassName, ...rest }, ref) => {
     useDOMPurifySetup();
-    const sanitizedHtml = (0, import_react41.useMemo)(() => {
+    const sanitizedHtml = (0, import_react52.useMemo)(() => {
       if (!content && !isStreaming) {
         return "";
       }
@@ -3551,7 +3853,7 @@ var MarkdownContent = import_react41.default.forwardRef(
       }
       return sanitized;
     }, [content, sanitizeConfig, isStreaming, cursorClassName]);
-    return /* @__PURE__ */ import_react41.default.createElement(
+    return /* @__PURE__ */ import_react52.default.createElement(
       "div",
       {
         ref,
@@ -3569,7 +3871,7 @@ var variantStyles2 = {
   user: "bg-gold text-obsidian ml-auto",
   assistant: "bg-charcoal border border-ash text-white mr-auto"
 };
-var ActionButton = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ import_react42.default.createElement(
+var ActionButton = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ import_react53.default.createElement(
   "button",
   {
     type: "button",
@@ -3585,7 +3887,7 @@ var ActionButton = ({ onClick, label, children, className, disabled }) => /* @__
   },
   children
 );
-var CopyIcon = () => /* @__PURE__ */ import_react42.default.createElement(
+var CopyIcon = () => /* @__PURE__ */ import_react53.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3597,10 +3899,10 @@ var CopyIcon = () => /* @__PURE__ */ import_react42.default.createElement(
     strokeLinejoin: "round",
     className: "w-3.5 h-3.5"
   },
-  /* @__PURE__ */ import_react42.default.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
-  /* @__PURE__ */ import_react42.default.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+  /* @__PURE__ */ import_react53.default.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+  /* @__PURE__ */ import_react53.default.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
 );
-var CheckIcon = () => /* @__PURE__ */ import_react42.default.createElement(
+var CheckIcon = () => /* @__PURE__ */ import_react53.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3612,9 +3914,9 @@ var CheckIcon = () => /* @__PURE__ */ import_react42.default.createElement(
     strokeLinejoin: "round",
     className: "w-3.5 h-3.5 text-success"
   },
-  /* @__PURE__ */ import_react42.default.createElement("polyline", { points: "20 6 9 17 4 12" })
+  /* @__PURE__ */ import_react53.default.createElement("polyline", { points: "20 6 9 17 4 12" })
 );
-var PencilIcon = () => /* @__PURE__ */ import_react42.default.createElement(
+var PencilIcon = () => /* @__PURE__ */ import_react53.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3626,10 +3928,10 @@ var PencilIcon = () => /* @__PURE__ */ import_react42.default.createElement(
     strokeLinejoin: "round",
     className: "w-3.5 h-3.5"
   },
-  /* @__PURE__ */ import_react42.default.createElement("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }),
-  /* @__PURE__ */ import_react42.default.createElement("path", { d: "m15 5 4 4" })
+  /* @__PURE__ */ import_react53.default.createElement("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }),
+  /* @__PURE__ */ import_react53.default.createElement("path", { d: "m15 5 4 4" })
 );
-var RetryIcon = () => /* @__PURE__ */ import_react42.default.createElement(
+var RetryIcon = () => /* @__PURE__ */ import_react53.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3641,12 +3943,12 @@ var RetryIcon = () => /* @__PURE__ */ import_react42.default.createElement(
     strokeLinejoin: "round",
     className: "w-3.5 h-3.5"
   },
-  /* @__PURE__ */ import_react42.default.createElement("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
-  /* @__PURE__ */ import_react42.default.createElement("path", { d: "M21 3v5h-5" }),
-  /* @__PURE__ */ import_react42.default.createElement("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
-  /* @__PURE__ */ import_react42.default.createElement("path", { d: "M8 16H3v5" })
+  /* @__PURE__ */ import_react53.default.createElement("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+  /* @__PURE__ */ import_react53.default.createElement("path", { d: "M21 3v5h-5" }),
+  /* @__PURE__ */ import_react53.default.createElement("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+  /* @__PURE__ */ import_react53.default.createElement("path", { d: "M8 16H3v5" })
 );
-var ChevronLeftIcon = () => /* @__PURE__ */ import_react42.default.createElement(
+var ChevronLeftIcon2 = () => /* @__PURE__ */ import_react53.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3658,9 +3960,9 @@ var ChevronLeftIcon = () => /* @__PURE__ */ import_react42.default.createElement
     strokeLinejoin: "round",
     className: "w-3 h-3"
   },
-  /* @__PURE__ */ import_react42.default.createElement("path", { d: "m15 18-6-6 6-6" })
+  /* @__PURE__ */ import_react53.default.createElement("path", { d: "m15 18-6-6 6-6" })
 );
-var ChevronRightIcon = () => /* @__PURE__ */ import_react42.default.createElement(
+var ChevronRightIcon2 = () => /* @__PURE__ */ import_react53.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3672,9 +3974,9 @@ var ChevronRightIcon = () => /* @__PURE__ */ import_react42.default.createElemen
     strokeLinejoin: "round",
     className: "w-3 h-3"
   },
-  /* @__PURE__ */ import_react42.default.createElement("path", { d: "m9 18 6-6-6-6" })
+  /* @__PURE__ */ import_react53.default.createElement("path", { d: "m9 18 6-6-6-6" })
 );
-var GitBranchIcon = () => /* @__PURE__ */ import_react42.default.createElement(
+var GitBranchIcon = () => /* @__PURE__ */ import_react53.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3686,12 +3988,12 @@ var GitBranchIcon = () => /* @__PURE__ */ import_react42.default.createElement(
     strokeLinejoin: "round",
     className: "w-3 h-3 mr-0.5 text-silver/50"
   },
-  /* @__PURE__ */ import_react42.default.createElement("line", { x1: "6", x2: "6", y1: "3", y2: "15" }),
-  /* @__PURE__ */ import_react42.default.createElement("circle", { cx: "18", cy: "6", r: "3" }),
-  /* @__PURE__ */ import_react42.default.createElement("circle", { cx: "6", cy: "18", r: "3" }),
-  /* @__PURE__ */ import_react42.default.createElement("path", { d: "M18 9a9 9 0 0 1-9 9" })
+  /* @__PURE__ */ import_react53.default.createElement("line", { x1: "6", x2: "6", y1: "3", y2: "15" }),
+  /* @__PURE__ */ import_react53.default.createElement("circle", { cx: "18", cy: "6", r: "3" }),
+  /* @__PURE__ */ import_react53.default.createElement("circle", { cx: "6", cy: "18", r: "3" }),
+  /* @__PURE__ */ import_react53.default.createElement("path", { d: "M18 9a9 9 0 0 1-9 9" })
 );
-var XIcon = () => /* @__PURE__ */ import_react42.default.createElement(
+var XIcon = () => /* @__PURE__ */ import_react53.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3703,10 +4005,10 @@ var XIcon = () => /* @__PURE__ */ import_react42.default.createElement(
     strokeLinejoin: "round",
     className: "w-4 h-4"
   },
-  /* @__PURE__ */ import_react42.default.createElement("path", { d: "M18 6 6 18" }),
-  /* @__PURE__ */ import_react42.default.createElement("path", { d: "m6 6 12 12" })
+  /* @__PURE__ */ import_react53.default.createElement("path", { d: "M18 6 6 18" }),
+  /* @__PURE__ */ import_react53.default.createElement("path", { d: "m6 6 12 12" })
 );
-var SendIcon = () => /* @__PURE__ */ import_react42.default.createElement(
+var SendIcon = () => /* @__PURE__ */ import_react53.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3718,10 +4020,10 @@ var SendIcon = () => /* @__PURE__ */ import_react42.default.createElement(
     strokeLinejoin: "round",
     className: "w-4 h-4"
   },
-  /* @__PURE__ */ import_react42.default.createElement("path", { d: "m22 2-7 20-4-9-9-4Z" }),
-  /* @__PURE__ */ import_react42.default.createElement("path", { d: "M22 2 11 13" })
+  /* @__PURE__ */ import_react53.default.createElement("path", { d: "m22 2-7 20-4-9-9-4Z" }),
+  /* @__PURE__ */ import_react53.default.createElement("path", { d: "M22 2 11 13" })
 );
-var Message = import_react42.default.forwardRef(
+var Message = import_react53.default.forwardRef(
   ({
     variant = "assistant",
     className,
@@ -3733,13 +4035,13 @@ var Message = import_react42.default.forwardRef(
     ...rest
   }, ref) => {
     const isUser = variant === "user";
-    const [copied, setCopied] = (0, import_react42.useState)(false);
-    const [isEditing, setIsEditing] = (0, import_react42.useState)(false);
-    const [editValue, setEditValue] = (0, import_react42.useState)(content);
-    const textareaRef = (0, import_react42.useRef)(null);
+    const [copied, setCopied] = (0, import_react53.useState)(false);
+    const [isEditing, setIsEditing] = (0, import_react53.useState)(false);
+    const [editValue, setEditValue] = (0, import_react53.useState)(content);
+    const textareaRef = (0, import_react53.useRef)(null);
     const showBranchNav = branchInfo && branchInfo.total > 1;
     const showActions = actions && !hideActions && !isStreaming;
-    (0, import_react42.useEffect)(() => {
+    (0, import_react53.useEffect)(() => {
       if (isEditing && textareaRef.current) {
         const textarea = textareaRef.current;
         textarea.style.height = "auto";
@@ -3793,7 +4095,7 @@ var Message = import_react42.default.forwardRef(
       textarea.style.height = "auto";
       textarea.style.height = `${textarea.scrollHeight}px`;
     };
-    return /* @__PURE__ */ import_react42.default.createElement(
+    return /* @__PURE__ */ import_react53.default.createElement(
       "div",
       {
         ref,
@@ -3804,7 +4106,7 @@ var Message = import_react42.default.forwardRef(
         ),
         ...rest
       },
-      isUser && isEditing ? /* @__PURE__ */ import_react42.default.createElement("div", { className: "w-full max-w-11/12" }, /* @__PURE__ */ import_react42.default.createElement("div", { className: "relative bg-gold" }, /* @__PURE__ */ import_react42.default.createElement(
+      isUser && isEditing ? /* @__PURE__ */ import_react53.default.createElement("div", { className: "w-full max-w-11/12" }, /* @__PURE__ */ import_react53.default.createElement("div", { className: "relative bg-gold" }, /* @__PURE__ */ import_react53.default.createElement(
         "textarea",
         {
           ref: textareaRef,
@@ -3814,7 +4116,7 @@ var Message = import_react42.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_react42.default.createElement("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex gap-0.5" }, /* @__PURE__ */ import_react42.default.createElement(
+      ), /* @__PURE__ */ import_react53.default.createElement("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex gap-0.5" }, /* @__PURE__ */ import_react53.default.createElement(
         "button",
         {
           type: "button",
@@ -3822,8 +4124,8 @@ var Message = import_react42.default.forwardRef(
           className: "p-1.5 text-obsidian/60 hover:text-obsidian transition-colors",
           "aria-label": "Cancel edit"
         },
-        /* @__PURE__ */ import_react42.default.createElement(XIcon, null)
-      ), /* @__PURE__ */ import_react42.default.createElement(
+        /* @__PURE__ */ import_react53.default.createElement(XIcon, null)
+      ), /* @__PURE__ */ import_react53.default.createElement(
         "button",
         {
           type: "button",
@@ -3832,8 +4134,8 @@ var Message = import_react42.default.forwardRef(
           className: "p-1.5 text-obsidian/60 hover:text-obsidian transition-colors disabled:opacity-30",
           "aria-label": "Submit edit"
         },
-        /* @__PURE__ */ import_react42.default.createElement(SendIcon, null)
-      )))) : /* @__PURE__ */ import_react42.default.createElement(
+        /* @__PURE__ */ import_react53.default.createElement(SendIcon, null)
+      )))) : /* @__PURE__ */ import_react53.default.createElement(
         "div",
         {
           className: cx(
@@ -3841,7 +4143,7 @@ var Message = import_react42.default.forwardRef(
             variantStyles2[variant]
           )
         },
-        /* @__PURE__ */ import_react42.default.createElement(
+        /* @__PURE__ */ import_react53.default.createElement(
           MarkdownContent,
           {
             content,
@@ -3851,17 +4153,17 @@ var Message = import_react42.default.forwardRef(
           }
         )
       ),
-      showActions && !isEditing && /* @__PURE__ */ import_react42.default.createElement("div", { className: cx(
+      showActions && !isEditing && /* @__PURE__ */ import_react53.default.createElement("div", { className: cx(
         "flex items-center gap-0.5 mt-1",
         isUser ? "mr-1" : "ml-1"
-      ) }, actions.showCopy !== false && /* @__PURE__ */ import_react42.default.createElement(
+      ) }, actions.showCopy !== false && /* @__PURE__ */ import_react53.default.createElement(
         ActionButton,
         {
           onClick: handleCopy,
           label: copied ? "Copied!" : "Copy message"
         },
-        copied ? /* @__PURE__ */ import_react42.default.createElement(CheckIcon, null) : /* @__PURE__ */ import_react42.default.createElement(CopyIcon, null)
-      ), isUser && actions.onEdit && /* @__PURE__ */ import_react42.default.createElement(ActionButton, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ import_react42.default.createElement(PencilIcon, null)), !isUser && actions.onRetry && /* @__PURE__ */ import_react42.default.createElement(ActionButton, { onClick: actions.onRetry, label: "Regenerate response" }, /* @__PURE__ */ import_react42.default.createElement(RetryIcon, null)), showBranchNav && /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Fragment, null, /* @__PURE__ */ import_react42.default.createElement("div", { className: "w-px h-4 bg-ash/40 mx-1" }), /* @__PURE__ */ import_react42.default.createElement("div", { className: "flex items-center gap-0.5 text-silver/70" }, /* @__PURE__ */ import_react42.default.createElement(GitBranchIcon, null), /* @__PURE__ */ import_react42.default.createElement(
+        copied ? /* @__PURE__ */ import_react53.default.createElement(CheckIcon, null) : /* @__PURE__ */ import_react53.default.createElement(CopyIcon, null)
+      ), isUser && actions.onEdit && /* @__PURE__ */ import_react53.default.createElement(ActionButton, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ import_react53.default.createElement(PencilIcon, null)), !isUser && actions.onRetry && /* @__PURE__ */ import_react53.default.createElement(ActionButton, { onClick: actions.onRetry, label: "Regenerate response" }, /* @__PURE__ */ import_react53.default.createElement(RetryIcon, null)), showBranchNav && /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, /* @__PURE__ */ import_react53.default.createElement("div", { className: "w-px h-4 bg-ash/40 mx-1" }), /* @__PURE__ */ import_react53.default.createElement("div", { className: "flex items-center gap-0.5 text-silver/70" }, /* @__PURE__ */ import_react53.default.createElement(GitBranchIcon, null), /* @__PURE__ */ import_react53.default.createElement(
         "button",
         {
           type: "button",
@@ -3873,8 +4175,8 @@ var Message = import_react42.default.forwardRef(
           ),
           "aria-label": "Previous branch"
         },
-        /* @__PURE__ */ import_react42.default.createElement(ChevronLeftIcon, null)
-      ), /* @__PURE__ */ import_react42.default.createElement("span", { className: "text-xs tabular-nums min-w-6 text-center" }, branchInfo.current, "/", branchInfo.total), /* @__PURE__ */ import_react42.default.createElement(
+        /* @__PURE__ */ import_react53.default.createElement(ChevronLeftIcon2, null)
+      ), /* @__PURE__ */ import_react53.default.createElement("span", { className: "text-xs tabular-nums min-w-6 text-center" }, branchInfo.current, "/", branchInfo.total), /* @__PURE__ */ import_react53.default.createElement(
         "button",
         {
           type: "button",
@@ -3886,7 +4188,7 @@ var Message = import_react42.default.forwardRef(
           ),
           "aria-label": "Next branch"
         },
-        /* @__PURE__ */ import_react42.default.createElement(ChevronRightIcon, null)
+        /* @__PURE__ */ import_react53.default.createElement(ChevronRightIcon2, null)
       ))))
     );
   }
@@ -3894,15 +4196,15 @@ var Message = import_react42.default.forwardRef(
 Message.displayName = "Message";
 
 // src/components/StreamingCursor.tsx
-var import_react43 = __toESM(require("react"));
-var StreamingCursor = import_react43.default.forwardRef(
+var import_react54 = __toESM(require("react"));
+var StreamingCursor = import_react54.default.forwardRef(
   ({ className, variant = "line", ...rest }, ref) => {
     const variantStyles3 = {
       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_react43.default.createElement(
+    return /* @__PURE__ */ import_react54.default.createElement(
       "span",
       {
         ref,
@@ -3920,18 +4222,18 @@ var StreamingCursor = import_react43.default.forwardRef(
 StreamingCursor.displayName = "StreamingCursor";
 
 // src/components/chat/ChatInterface.tsx
-var import_react54 = __toESM(require("react"));
+var import_react68 = __toESM(require("react"));
 
 // src/components/chat/ChatView.tsx
-var import_react47 = __toESM(require("react"));
+var import_react58 = __toESM(require("react"));
 
 // src/components/chat/hooks/useScrollAnchor.ts
-var import_react44 = require("react");
+var import_react55 = require("react");
 function useScrollAnchor(options = {}) {
   const { behavior = "smooth", block = "start" } = options;
-  const containerRef = (0, import_react44.useRef)(null);
-  const anchorRef = (0, import_react44.useRef)(null);
-  const scrollToAnchor = (0, import_react44.useCallback)(() => {
+  const containerRef = (0, import_react55.useRef)(null);
+  const anchorRef = (0, import_react55.useRef)(null);
+  const scrollToAnchor = (0, import_react55.useCallback)(() => {
     const el = anchorRef.current;
     if (!el) {
       return;
@@ -3942,7 +4244,7 @@ function useScrollAnchor(options = {}) {
       });
     });
   }, [behavior, block]);
-  const scrollToBottom = (0, import_react44.useCallback)(() => {
+  const scrollToBottom = (0, import_react55.useCallback)(() => {
     const container = containerRef.current;
     if (!container) {
       return;
@@ -3953,7 +4255,7 @@ function useScrollAnchor(options = {}) {
       container.scrollTop = container.scrollHeight;
     }
   }, [behavior]);
-  const isScrolledToBottom = (0, import_react44.useCallback)(() => {
+  const isScrolledToBottom = (0, import_react55.useCallback)(() => {
     const container = containerRef.current;
     if (!container) {
       return true;
@@ -3972,15 +4274,15 @@ function useScrollAnchor(options = {}) {
 }
 
 // src/components/chat/hooks/useAdaptiveSpacer.ts
-var import_react45 = require("react");
+var import_react56 = require("react");
 function useAdaptiveSpacer(options = {}) {
   const { minHeight = 0, containerRef: externalContainerRef, anchorRef } = options;
-  const internalContainerRef = (0, import_react45.useRef)(null);
+  const internalContainerRef = (0, import_react56.useRef)(null);
   const containerRef = externalContainerRef ?? internalContainerRef;
-  const contentRef = (0, import_react45.useRef)(null);
-  const spacerRef = (0, import_react45.useRef)(null);
-  const [spacerHeight, setSpacerHeight] = (0, import_react45.useState)(0);
-  const recalculate = (0, import_react45.useCallback)(() => {
+  const contentRef = (0, import_react56.useRef)(null);
+  const spacerRef = (0, import_react56.useRef)(null);
+  const [spacerHeight, setSpacerHeight] = (0, import_react56.useState)(0);
+  const recalculate = (0, import_react56.useCallback)(() => {
     const container = containerRef.current;
     const content = contentRef.current;
     if (!container || !content) {
@@ -4004,7 +4306,7 @@ function useAdaptiveSpacer(options = {}) {
     }
     setSpacerHeight(newSpacerHeight);
   }, [minHeight, anchorRef]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     const container = containerRef.current;
     const content = contentRef.current;
     if (!container || !content) {
@@ -4039,7 +4341,7 @@ function useAdaptiveSpacer(options = {}) {
 }
 
 // src/components/chat/ThinkingIndicator.tsx
-var import_react46 = __toESM(require("react"));
+var import_react57 = __toESM(require("react"));
 var THINKING_PHRASES = [
   "Consulting the ancient tomes...",
   "Parsing the ineffable...",
@@ -4055,7 +4357,7 @@ var THINKING_PHRASES = [
   "Consulting my inner monologue...",
   "Summoning the muse..."
 ];
-var ThinkingIndicator = import_react46.default.forwardRef(
+var ThinkingIndicator = import_react57.default.forwardRef(
   ({
     isVisible = true,
     phraseInterval = 2500,
@@ -4063,11 +4365,11 @@ var ThinkingIndicator = import_react46.default.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [currentIndex, setCurrentIndex] = (0, import_react46.useState)(
+    const [currentIndex, setCurrentIndex] = (0, import_react57.useState)(
       () => Math.floor(Math.random() * phrases.length)
     );
-    const [isTransitioning, setIsTransitioning] = (0, import_react46.useState)(false);
-    (0, import_react46.useEffect)(() => {
+    const [isTransitioning, setIsTransitioning] = (0, import_react57.useState)(false);
+    (0, import_react57.useEffect)(() => {
       if (!isVisible || phrases.length <= 1) {
         return;
       }
@@ -4083,7 +4385,7 @@ var ThinkingIndicator = import_react46.default.forwardRef(
     if (!isVisible) {
       return null;
     }
-    return /* @__PURE__ */ import_react46.default.createElement(
+    return /* @__PURE__ */ import_react57.default.createElement(
       "div",
       {
         ref,
@@ -4097,26 +4399,26 @@ var ThinkingIndicator = import_react46.default.forwardRef(
         "aria-live": "polite",
         ...rest
       },
-      /* @__PURE__ */ import_react46.default.createElement("div", { className: "flex gap-1", "aria-hidden": "true" }, /* @__PURE__ */ import_react46.default.createElement(
+      /* @__PURE__ */ import_react57.default.createElement("div", { className: "flex gap-1", "aria-hidden": "true" }, /* @__PURE__ */ import_react57.default.createElement(
         "span",
         {
           className: "w-1.5 h-1.5 bg-gold/60 rounded-full animate-pulse",
           style: { animationDelay: "0ms" }
         }
-      ), /* @__PURE__ */ import_react46.default.createElement(
+      ), /* @__PURE__ */ import_react57.default.createElement(
         "span",
         {
           className: "w-1.5 h-1.5 bg-gold/60 rounded-full animate-pulse",
           style: { animationDelay: "150ms" }
         }
-      ), /* @__PURE__ */ import_react46.default.createElement(
+      ), /* @__PURE__ */ import_react57.default.createElement(
         "span",
         {
           className: "w-1.5 h-1.5 bg-gold/60 rounded-full animate-pulse",
           style: { animationDelay: "300ms" }
         }
       )),
-      /* @__PURE__ */ import_react46.default.createElement(
+      /* @__PURE__ */ import_react57.default.createElement(
         "span",
         {
           className: cx(
@@ -4132,7 +4434,7 @@ var ThinkingIndicator = import_react46.default.forwardRef(
 ThinkingIndicator.displayName = "ThinkingIndicator";
 
 // src/components/chat/ChatView.tsx
-var ChatView = import_react47.default.forwardRef(
+var ChatView = import_react58.default.forwardRef(
   ({ messages, latestUserMessageIndex, isStreaming, isThinking, onScroll, className, ...rest }, ref) => {
     const { containerRef, anchorRef, scrollToAnchor } = useScrollAnchor({
       behavior: "smooth",
@@ -4142,7 +4444,7 @@ var ChatView = import_react47.default.forwardRef(
       containerRef,
       anchorRef
     });
-    (0, import_react47.useEffect)(() => {
+    (0, import_react58.useEffect)(() => {
       if (latestUserMessageIndex !== void 0 && latestUserMessageIndex >= 0) {
         scrollToAnchor();
       }
@@ -4154,7 +4456,7 @@ var ChatView = import_react47.default.forwardRef(
       return found;
     }, -1);
     const showThinking = isThinking && messages.length > 0 && messages[messages.length - 1]?.variant === "user";
-    return /* @__PURE__ */ import_react47.default.createElement(
+    return /* @__PURE__ */ import_react58.default.createElement(
       "div",
       {
         ref: (node) => {
@@ -4174,7 +4476,7 @@ var ChatView = import_react47.default.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ import_react47.default.createElement("div", { ref: contentRef, className: "relative flex flex-col gap-3" }, messages.map(({
+      /* @__PURE__ */ import_react58.default.createElement("div", { ref: contentRef, className: "relative flex flex-col gap-3" }, messages.map(({
         id,
         variant,
         className: messageClassName,
@@ -4187,14 +4489,14 @@ var ChatView = import_react47.default.forwardRef(
         const isLastMessage = index === messages.length - 1;
         const showStreaming = isLastMessage && isStreaming && variant === "assistant";
         const isMessageStreaming = showStreaming || !!nodeIsStreaming;
-        return /* @__PURE__ */ import_react47.default.createElement(
+        return /* @__PURE__ */ import_react58.default.createElement(
           "div",
           {
             key: id ?? `msg-${index}`,
             ref: isAnchor ? anchorRef : void 0,
             className: isAnchor ? "scroll-mt-4" : void 0
           },
-          /* @__PURE__ */ import_react47.default.createElement(
+          /* @__PURE__ */ import_react58.default.createElement(
             Message,
             {
               variant,
@@ -4207,8 +4509,8 @@ var ChatView = import_react47.default.forwardRef(
             }
           )
         );
-      }), showThinking && /* @__PURE__ */ import_react47.default.createElement(ThinkingIndicator, { isVisible: true })),
-      /* @__PURE__ */ import_react47.default.createElement(
+      }), showThinking && /* @__PURE__ */ import_react58.default.createElement(ThinkingIndicator, { isVisible: true })),
+      /* @__PURE__ */ import_react58.default.createElement(
         "div",
         {
           ref: spacerRef,
@@ -4223,7 +4525,7 @@ var ChatView = import_react47.default.forwardRef(
 ChatView.displayName = "ChatView";
 
 // src/components/chat/ChatInput.tsx
-var import_react48 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 var import_lucide_react11 = require("lucide-react");
 
 // src/components/chat/types.ts
@@ -4392,7 +4694,7 @@ function isBranchPoint(tree, nodeId) {
 }
 
 // src/components/chat/ChatInput.tsx
-var ChatInput = import_react48.default.forwardRef(
+var ChatInput = import_react59.default.forwardRef(
   ({
     position = "bottom",
     placeholder = "Send a message...",
@@ -4409,13 +4711,13 @@ var ChatInput = import_react48.default.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [value, setValue] = (0, import_react48.useState)("");
-    const [localAttachments, setLocalAttachments] = (0, import_react48.useState)([]);
-    const [isDragOver, setIsDragOver] = (0, import_react48.useState)(false);
-    const textareaRef = (0, import_react48.useRef)(null);
-    const fileInputRef = (0, import_react48.useRef)(null);
+    const [value, setValue] = (0, import_react59.useState)("");
+    const [localAttachments, setLocalAttachments] = (0, import_react59.useState)([]);
+    const [isDragOver, setIsDragOver] = (0, import_react59.useState)(false);
+    const textareaRef = (0, import_react59.useRef)(null);
+    const fileInputRef = (0, import_react59.useRef)(null);
     const attachments = controlledAttachments ?? localAttachments;
-    const setAttachments = (0, import_react48.useCallback)(
+    const setAttachments = (0, import_react59.useCallback)(
       (newAttachments) => {
         if (onAttachmentsChange) {
           if (typeof newAttachments === "function") {
@@ -4429,7 +4731,7 @@ var ChatInput = import_react48.default.forwardRef(
       },
       [attachments, onAttachmentsChange]
     );
-    const handleSubmit = (0, import_react48.useCallback)(() => {
+    const handleSubmit = (0, import_react59.useCallback)(() => {
       const trimmed = value.trim();
       if (!trimmed || disabled || isStreaming) {
         return;
@@ -4441,7 +4743,7 @@ var ChatInput = import_react48.default.forwardRef(
         textareaRef.current.style.height = "auto";
       }
     }, [value, disabled, isStreaming, onSubmit, attachments, setAttachments]);
-    const handleKeyDown = (0, import_react48.useCallback)(
+    const handleKeyDown = (0, import_react59.useCallback)(
       (e) => {
         if (e.key === "Enter" && !e.shiftKey) {
           e.preventDefault();
@@ -4450,18 +4752,18 @@ var ChatInput = import_react48.default.forwardRef(
       },
       [handleSubmit]
     );
-    const handleChange = (0, import_react48.useCallback)((e) => {
+    const handleChange = (0, import_react59.useCallback)((e) => {
       setValue(e.target.value);
       const textarea = e.target;
       textarea.style.height = "auto";
       textarea.style.height = `${Math.min(textarea.scrollHeight, 200)}px`;
     }, []);
-    (0, import_react48.useEffect)(() => {
+    (0, import_react59.useEffect)(() => {
       if (!disabled && !isStreaming && textareaRef.current) {
         textareaRef.current.focus();
       }
     }, [disabled, isStreaming]);
-    const addFiles = (0, import_react48.useCallback)(
+    const addFiles = (0, import_react59.useCallback)(
       (files) => {
         const newAttachments = Array.from(files).map((file) => ({
           id: generateId(),
@@ -4473,7 +4775,7 @@ var ChatInput = import_react48.default.forwardRef(
       },
       [setAttachments]
     );
-    const handleFileSelect = (0, import_react48.useCallback)(
+    const handleFileSelect = (0, import_react59.useCallback)(
       (e) => {
         const files = e.target.files;
         if (files && files.length > 0) {
@@ -4483,7 +4785,7 @@ var ChatInput = import_react48.default.forwardRef(
       },
       [addFiles]
     );
-    const handleRemoveAttachment = (0, import_react48.useCallback)(
+    const handleRemoveAttachment = (0, import_react59.useCallback)(
       (id) => {
         setAttachments((prev) => {
           const attachment = prev.find((a) => a.id === id);
@@ -4495,23 +4797,23 @@ var ChatInput = import_react48.default.forwardRef(
       },
       [setAttachments]
     );
-    const handleDragEnter = (0, import_react48.useCallback)((e) => {
+    const handleDragEnter = (0, import_react59.useCallback)((e) => {
       e.preventDefault();
       e.stopPropagation();
       setIsDragOver(true);
     }, []);
-    const handleDragLeave = (0, import_react48.useCallback)((e) => {
+    const handleDragLeave = (0, import_react59.useCallback)((e) => {
       e.preventDefault();
       e.stopPropagation();
       if (!e.currentTarget.contains(e.relatedTarget)) {
         setIsDragOver(false);
       }
     }, []);
-    const handleDragOver = (0, import_react48.useCallback)((e) => {
+    const handleDragOver = (0, import_react59.useCallback)((e) => {
       e.preventDefault();
       e.stopPropagation();
     }, []);
-    const handleDrop = (0, import_react48.useCallback)(
+    const handleDrop = (0, import_react59.useCallback)(
       (e) => {
         e.preventDefault();
         e.stopPropagation();
@@ -4526,7 +4828,7 @@ var ChatInput = import_react48.default.forwardRef(
     const isCentered = position === "centered";
     const hasAttachments = attachments.length > 0;
     const canSubmit = value.trim() && !disabled && !isStreaming;
-    return /* @__PURE__ */ import_react48.default.createElement(
+    return /* @__PURE__ */ import_react59.default.createElement(
       "div",
       {
         ref,
@@ -4538,8 +4840,8 @@ var ChatInput = import_react48.default.forwardRef(
         ),
         ...rest
       },
-      isCentered && helperText && /* @__PURE__ */ import_react48.default.createElement("p", { className: "text-silver text-sm mb-4 text-center" }, helperText),
-      /* @__PURE__ */ import_react48.default.createElement(
+      isCentered && helperText && /* @__PURE__ */ import_react59.default.createElement("p", { className: "text-silver text-sm mb-4 text-center" }, helperText),
+      /* @__PURE__ */ import_react59.default.createElement(
         "div",
         {
           className: cx(
@@ -4554,7 +4856,7 @@ var ChatInput = import_react48.default.forwardRef(
           onDragOver: showAttachmentButton ? handleDragOver : void 0,
           onDrop: showAttachmentButton ? handleDrop : void 0
         },
-        hasAttachments && /* @__PURE__ */ import_react48.default.createElement("div", { className: "px-3 pt-3 pb-1" }, /* @__PURE__ */ import_react48.default.createElement(
+        hasAttachments && /* @__PURE__ */ import_react59.default.createElement("div", { className: "px-3 pt-3 pb-1" }, /* @__PURE__ */ import_react59.default.createElement(
           AttachmentPreview,
           {
             attachments,
@@ -4562,14 +4864,14 @@ var ChatInput = import_react48.default.forwardRef(
             removable: !isStreaming
           }
         )),
-        isDragOver && /* @__PURE__ */ import_react48.default.createElement(
+        isDragOver && /* @__PURE__ */ import_react59.default.createElement(
           "div",
           {
             className: "absolute inset-0 bg-gold/10 flex items-center justify-center z-10 pointer-events-none"
           },
-          /* @__PURE__ */ import_react48.default.createElement("span", { className: "text-gold text-sm font-medium" }, "Drop files here")
+          /* @__PURE__ */ import_react59.default.createElement("span", { className: "text-gold text-sm font-medium" }, "Drop files here")
         ),
-        /* @__PURE__ */ import_react48.default.createElement("div", { className: "flex items-end" }, showAttachmentButton && /* @__PURE__ */ import_react48.default.createElement(import_react48.default.Fragment, null, /* @__PURE__ */ import_react48.default.createElement(
+        /* @__PURE__ */ import_react59.default.createElement("div", { className: "flex items-end" }, showAttachmentButton && /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, /* @__PURE__ */ import_react59.default.createElement(
           "button",
           {
             type: "button",
@@ -4581,8 +4883,8 @@ var ChatInput = import_react48.default.forwardRef(
             ),
             "aria-label": "Attach file"
           },
-          /* @__PURE__ */ import_react48.default.createElement(import_lucide_react11.Paperclip, { className: "w-5 h-5" })
-        ), /* @__PURE__ */ import_react48.default.createElement(
+          /* @__PURE__ */ import_react59.default.createElement(import_lucide_react11.Paperclip, { className: "w-5 h-5" })
+        ), /* @__PURE__ */ import_react59.default.createElement(
           "input",
           {
             ref: fileInputRef,
@@ -4593,7 +4895,7 @@ var ChatInput = import_react48.default.forwardRef(
             className: "hidden",
             "aria-hidden": "true"
           }
-        )), /* @__PURE__ */ import_react48.default.createElement(
+        )), /* @__PURE__ */ import_react59.default.createElement(
           "textarea",
           {
             ref: textareaRef,
@@ -4611,7 +4913,7 @@ var ChatInput = import_react48.default.forwardRef(
             ),
             style: { maxHeight: 200 }
           }
-        ), isStreaming ? /* @__PURE__ */ import_react48.default.createElement(
+        ), isStreaming ? /* @__PURE__ */ import_react59.default.createElement(
           "button",
           {
             type: "button",
@@ -4622,8 +4924,8 @@ var ChatInput = import_react48.default.forwardRef(
             ),
             "aria-label": "Stop generation"
           },
-          /* @__PURE__ */ import_react48.default.createElement(import_lucide_react11.Square, { className: "w-5 h-5 fill-current" })
-        ) : /* @__PURE__ */ import_react48.default.createElement(
+          /* @__PURE__ */ import_react59.default.createElement(import_lucide_react11.Square, { className: "w-5 h-5 fill-current" })
+        ) : /* @__PURE__ */ import_react59.default.createElement(
           "button",
           {
             type: "button",
@@ -4636,7 +4938,7 @@ var ChatInput = import_react48.default.forwardRef(
             ),
             "aria-label": "Send message"
           },
-          /* @__PURE__ */ import_react48.default.createElement(import_lucide_react11.Send, { className: "w-5 h-5" })
+          /* @__PURE__ */ import_react59.default.createElement(import_lucide_react11.Send, { className: "w-5 h-5" })
         ))
       )
     );
@@ -4645,9 +4947,9 @@ var ChatInput = import_react48.default.forwardRef(
 ChatInput.displayName = "ChatInput";
 
 // src/components/chat/ConversationSidebar.tsx
-var import_react49 = __toESM(require("react"));
-function HistoryIcon({ className }) {
-  return /* @__PURE__ */ import_react49.default.createElement(
+var import_react60 = __toESM(require("react"));
+function HistoryIcon2({ className }) {
+  return /* @__PURE__ */ import_react60.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4655,7 +4957,7 @@ function HistoryIcon({ className }) {
       fill: "currentColor",
       className
     },
-    /* @__PURE__ */ import_react49.default.createElement(
+    /* @__PURE__ */ import_react60.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -4665,8 +4967,8 @@ function HistoryIcon({ className }) {
     )
   );
 }
-function ChevronLeftIcon2({ className }) {
-  return /* @__PURE__ */ import_react49.default.createElement(
+function ChevronLeftIcon3({ className }) {
+  return /* @__PURE__ */ import_react60.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4674,7 +4976,7 @@ function ChevronLeftIcon2({ className }) {
       fill: "currentColor",
       className
     },
-    /* @__PURE__ */ import_react49.default.createElement(
+    /* @__PURE__ */ import_react60.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -4684,7 +4986,7 @@ function ChevronLeftIcon2({ className }) {
     )
   );
 }
-var ConversationSidebar = import_react49.default.forwardRef(
+var ConversationSidebar = import_react60.default.forwardRef(
   ({
     conversations,
     isCollapsed = false,
@@ -4697,7 +4999,7 @@ var ConversationSidebar = import_react49.default.forwardRef(
     ...rest
   }, ref) => {
     if (isCollapsed) {
-      return /* @__PURE__ */ import_react49.default.createElement(
+      return /* @__PURE__ */ import_react60.default.createElement(
         "div",
         {
           ref,
@@ -4708,7 +5010,7 @@ var ConversationSidebar = import_react49.default.forwardRef(
           ),
           ...rest
         },
-        /* @__PURE__ */ import_react49.default.createElement(
+        /* @__PURE__ */ import_react60.default.createElement(
           "button",
           {
             onClick: onToggleCollapse,
@@ -4719,11 +5021,11 @@ var ConversationSidebar = import_react49.default.forwardRef(
             ),
             "aria-label": "Expand sidebar"
           },
-          /* @__PURE__ */ import_react49.default.createElement(HistoryIcon, { className: "w-5 h-5" })
+          /* @__PURE__ */ import_react60.default.createElement(HistoryIcon2, { className: "w-5 h-5" })
         )
       );
     }
-    return /* @__PURE__ */ import_react49.default.createElement(
+    return /* @__PURE__ */ import_react60.default.createElement(
       "div",
       {
         ref,
@@ -4734,10 +5036,10 @@ var ConversationSidebar = import_react49.default.forwardRef(
           "flex-shrink-0",
           className
         ),
-        style: width ? { width: `${width}px` } : void 0,
+        style: width ? { width } : void 0,
         ...rest
       },
-      /* @__PURE__ */ import_react49.default.createElement(
+      /* @__PURE__ */ import_react60.default.createElement(
         "div",
         {
           onMouseDown: onResizeStart,
@@ -4750,7 +5052,7 @@ var ConversationSidebar = import_react49.default.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ import_react49.default.createElement("div", { className: "p-3 border-b border-ash/40 flex-shrink-0 flex items-center gap-2" }, /* @__PURE__ */ import_react49.default.createElement(
+      /* @__PURE__ */ import_react60.default.createElement("div", { className: "p-3 border-b border-ash/40 flex-shrink-0 flex items-center gap-2" }, /* @__PURE__ */ import_react60.default.createElement(
         "button",
         {
           onClick: onToggleCollapse,
@@ -4761,8 +5063,8 @@ var ConversationSidebar = import_react49.default.forwardRef(
           ),
           "aria-label": "Collapse sidebar"
         },
-        /* @__PURE__ */ import_react49.default.createElement(ChevronLeftIcon2, { className: "w-5 h-5" })
-      ), /* @__PURE__ */ import_react49.default.createElement(
+        /* @__PURE__ */ import_react60.default.createElement(ChevronLeftIcon3, { className: "w-5 h-5" })
+      ), /* @__PURE__ */ import_react60.default.createElement(
         "button",
         {
           onClick: onNewChat,
@@ -4774,7 +5076,7 @@ var ConversationSidebar = import_react49.default.forwardRef(
             "transition-colors duration-200"
           )
         },
-        /* @__PURE__ */ import_react49.default.createElement(
+        /* @__PURE__ */ import_react60.default.createElement(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -4782,16 +5084,16 @@ var ConversationSidebar = import_react49.default.forwardRef(
             fill: "currentColor",
             className: "w-4 h-4"
           },
-          /* @__PURE__ */ import_react49.default.createElement(
+          /* @__PURE__ */ import_react60.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"
             }
           )
         ),
-        /* @__PURE__ */ import_react49.default.createElement("span", { className: "text-sm font-medium" }, "New Chat")
+        /* @__PURE__ */ import_react60.default.createElement("span", { className: "text-sm font-medium" }, "New Chat")
       )),
-      /* @__PURE__ */ import_react49.default.createElement("div", { className: "flex-1 overflow-y-auto py-2" }, conversations.length === 0 ? /* @__PURE__ */ import_react49.default.createElement("p", { className: "px-4 py-2 text-sm text-silver/60" }, "No conversations yet") : /* @__PURE__ */ import_react49.default.createElement("div", { className: "space-y-1 px-2" }, conversations.map((conversation) => /* @__PURE__ */ import_react49.default.createElement(
+      /* @__PURE__ */ import_react60.default.createElement("div", { className: "flex-1 overflow-y-auto py-2" }, conversations.length === 0 ? /* @__PURE__ */ import_react60.default.createElement("p", { className: "px-4 py-2 text-sm text-silver/60" }, "No conversations yet") : /* @__PURE__ */ import_react60.default.createElement("div", { className: "space-y-1 px-2" }, conversations.map((conversation) => /* @__PURE__ */ import_react60.default.createElement(
         "button",
         {
           key: conversation.id,
@@ -4802,16 +5104,16 @@ var ConversationSidebar = import_react49.default.forwardRef(
             conversation.isActive ? "bg-ash/40 text-white" : "text-silver hover:bg-ash/20 hover:text-white"
           )
         },
-        /* @__PURE__ */ import_react49.default.createElement("p", { className: "text-sm font-medium truncate" }, conversation.title),
-        conversation.preview && /* @__PURE__ */ import_react49.default.createElement("p", { className: "text-xs text-silver/60 truncate mt-0.5" }, conversation.preview),
-        conversation.timestamp && /* @__PURE__ */ import_react49.default.createElement("p", { className: "text-xs text-silver/40 mt-1" }, conversation.timestamp)
+        /* @__PURE__ */ import_react60.default.createElement("p", { className: "text-sm font-medium truncate" }, conversation.title),
+        conversation.preview && /* @__PURE__ */ import_react60.default.createElement("p", { className: "text-xs text-silver/60 truncate mt-0.5" }, conversation.preview),
+        conversation.timestamp && /* @__PURE__ */ import_react60.default.createElement("p", { className: "text-xs text-silver/40 mt-1" }, conversation.timestamp)
       ))))
     );
   }
 );
 ConversationSidebar.displayName = "ConversationSidebar";
-var CollapsedSidebarToggle = import_react49.default.forwardRef(({ onExpand, className, ...rest }, ref) => {
-  return /* @__PURE__ */ import_react49.default.createElement(
+var CollapsedSidebarToggle = import_react60.default.forwardRef(({ onExpand, className, ...rest }, ref) => {
+  return /* @__PURE__ */ import_react60.default.createElement(
     "button",
     {
       ref,
@@ -4826,16 +5128,16 @@ var CollapsedSidebarToggle = import_react49.default.forwardRef(({ onExpand, clas
       "aria-label": "Expand sidebar",
       ...rest
     },
-    /* @__PURE__ */ import_react49.default.createElement(HistoryIcon, { className: "w-5 h-5" })
+    /* @__PURE__ */ import_react60.default.createElement(HistoryIcon2, { className: "w-5 h-5" })
   );
 });
 CollapsedSidebarToggle.displayName = "CollapsedSidebarToggle";
 
 // src/components/chat/ArtifactsPanel.tsx
-var import_react52 = __toESM(require("react"));
+var import_react65 = __toESM(require("react"));
 
 // src/components/ImageCard.tsx
-var import_react50 = __toESM(require("react"));
+var import_react61 = __toESM(require("react"));
 var ASPECT_RATIO_PRESETS = {
   landscape: "3 / 2",
   portrait: "2 / 3",
@@ -4847,7 +5149,7 @@ function resolveAspectRatio(ratio) {
   }
   return ratio.replace("/", " / ");
 }
-var ImageCard = import_react50.default.forwardRef(
+var ImageCard = import_react61.default.forwardRef(
   ({
     src,
     alt,
@@ -4864,7 +5166,7 @@ var ImageCard = import_react50.default.forwardRef(
   }, ref) => {
     const hasAspectRatio = aspectRatio !== void 0;
     const isContain = objectFit === "contain";
-    return /* @__PURE__ */ import_react50.default.createElement(Card, { ref, className: cx("p-0 overflow-hidden group w-fit", className), ...props }, /* @__PURE__ */ import_react50.default.createElement(
+    return /* @__PURE__ */ import_react61.default.createElement(Card, { ref, className: cx("p-0 overflow-hidden group w-fit", className), ...props }, /* @__PURE__ */ import_react61.default.createElement(
       "div",
       {
         className: cx(
@@ -4874,7 +5176,7 @@ var ImageCard = import_react50.default.forwardRef(
         ),
         style: hasAspectRatio ? { aspectRatio: resolveAspectRatio(aspectRatio) } : void 0
       },
-      /* @__PURE__ */ import_react50.default.createElement(
+      /* @__PURE__ */ import_react61.default.createElement(
         "img",
         {
           src,
@@ -4887,20 +5189,20 @@ var ImageCard = import_react50.default.forwardRef(
           )
         }
       ),
-      overlay && /* @__PURE__ */ import_react50.default.createElement(
+      overlay && /* @__PURE__ */ import_react61.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"
         },
         overlay
       )
-    ), (title || subtitle || children) && /* @__PURE__ */ import_react50.default.createElement("div", { className: cx("px-4 py-4", contentClassName) }, title && /* @__PURE__ */ import_react50.default.createElement("h4", { className: "text-lg font-semibold leading-tight" }, title), subtitle && /* @__PURE__ */ import_react50.default.createElement("p", { className: "text-sm text-silver leading-normal" }, subtitle), children));
+    ), (title || subtitle || children) && /* @__PURE__ */ import_react61.default.createElement("div", { className: cx("px-4 py-4", contentClassName) }, title && /* @__PURE__ */ import_react61.default.createElement("h4", { className: "text-lg font-semibold leading-tight" }, title), subtitle && /* @__PURE__ */ import_react61.default.createElement("p", { className: "text-sm text-silver leading-normal" }, subtitle), children));
   }
 );
 ImageCard.displayName = "ImageCard";
 
 // src/components/VideoCard.tsx
-var import_react51 = __toESM(require("react"));
+var import_react62 = __toESM(require("react"));
 var import_react_player2 = __toESM(require("react-player"));
 var ASPECT_RATIO_PRESETS2 = {
   video: "16 / 9",
@@ -4913,7 +5215,7 @@ function resolveAspectRatio2(ratio) {
   }
   return ratio.replace("/", " / ");
 }
-var VideoCard = import_react51.default.forwardRef(
+var VideoCard = import_react62.default.forwardRef(
   ({
     src,
     title,
@@ -4933,7 +5235,7 @@ var VideoCard = import_react51.default.forwardRef(
     ...props
   }, ref) => {
     const hasAspectRatio = aspectRatio !== void 0;
-    return /* @__PURE__ */ import_react51.default.createElement(Card, { ref, className: cx("p-0 overflow-hidden group w-full", className), ...props }, /* @__PURE__ */ import_react51.default.createElement(
+    return /* @__PURE__ */ import_react62.default.createElement(Card, { ref, className: cx("p-0 overflow-hidden group w-full", className), ...props }, /* @__PURE__ */ import_react62.default.createElement(
       "div",
       {
         className: cx(
@@ -4942,7 +5244,7 @@ var VideoCard = import_react51.default.forwardRef(
         ),
         style: { aspectRatio: resolveAspectRatio2(aspectRatio) }
       },
-      /* @__PURE__ */ import_react51.default.createElement(
+      /* @__PURE__ */ import_react62.default.createElement(
         import_react_player2.default,
         {
           src,
@@ -4958,7 +5260,7 @@ var VideoCard = import_react51.default.forwardRef(
           ...playerProps
         }
       )
-    ), (title || subtitle || children) && /* @__PURE__ */ import_react51.default.createElement("div", { className: cx("px-4 py-4", contentClassName) }, title && /* @__PURE__ */ import_react51.default.createElement("h4", { className: "text-lg font-semibold leading-tight" }, title), subtitle && /* @__PURE__ */ import_react51.default.createElement(
+    ), (title || subtitle || children) && /* @__PURE__ */ import_react62.default.createElement("div", { className: cx("px-4 py-4", contentClassName) }, title && /* @__PURE__ */ import_react62.default.createElement("h4", { className: "text-lg font-semibold leading-tight" }, title), subtitle && /* @__PURE__ */ import_react62.default.createElement(
       "p",
       {
         className: "text-sm text-silver leading-normal mt-1"
@@ -4969,68 +5271,235 @@ var VideoCard = import_react51.default.forwardRef(
 );
 VideoCard.displayName = "VideoCard";
 
-// src/components/chat/ArtifactsPanel.tsx
-function LayersIcon({ className }) {
-  return /* @__PURE__ */ import_react52.default.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 20 20",
-      fill: "currentColor",
-      className
-    },
-    /* @__PURE__ */ import_react52.default.createElement(
-      "path",
+// src/components/AudioCard.tsx
+var import_react63 = __toESM(require("react"));
+var import_react_player3 = __toESM(require("react-player"));
+var import_lucide_react12 = require("lucide-react");
+var AudioCard = import_react63.default.forwardRef(
+  ({
+    src,
+    title,
+    subtitle,
+    playing = false,
+    controls = true,
+    volume,
+    muted = false,
+    loop = false,
+    mediaClassName,
+    contentClassName,
+    className,
+    children,
+    playerProps,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ import_react63.default.createElement(Card, { ref, className: cx("p-0 overflow-hidden group w-full", className), ...props }, /* @__PURE__ */ import_react63.default.createElement(
+      "div",
       {
-        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_react52.default.createElement(
-      "path",
+        className: cx(
+          "relative bg-obsidian py-8 flex flex-col items-center justify-center border-b border-ash",
+          mediaClassName
+        )
+      },
+      /* @__PURE__ */ import_react63.default.createElement("div", { className: "mb-4 text-gold" }, /* @__PURE__ */ import_react63.default.createElement(import_lucide_react12.Music, { size: 48 })),
+      /* @__PURE__ */ import_react63.default.createElement("div", { className: "w-full px-4" }, /* @__PURE__ */ import_react63.default.createElement(
+        import_react_player3.default,
+        {
+          src,
+          playing,
+          controls,
+          volume,
+          muted,
+          loop,
+          width: "100%",
+          height: "40px",
+          style: { backgroundColor: "transparent" },
+          config: {
+            file: {
+              forceAudio: true,
+              attributes: {
+                style: { width: "100%", height: "40px" }
+              }
+            }
+          },
+          ...playerProps
+        }
+      ))
+    ), (title || subtitle || children) && /* @__PURE__ */ import_react63.default.createElement("div", { className: cx("px-4 py-4", contentClassName) }, title && /* @__PURE__ */ import_react63.default.createElement(
+      "h4",
       {
-        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_react52.default.createElement(
-      "path",
+        className: "text-lg font-semibold leading-tight"
+      },
+      title
+    ), subtitle && /* @__PURE__ */ import_react63.default.createElement(
+      "p",
       {
-        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"
-      }
-    )
-  );
+        className: "text-sm text-silver leading-normal mt-1"
+      },
+      subtitle
+    ), children));
+  }
+);
+AudioCard.displayName = "AudioCard";
+
+// src/components/ScriptCard.tsx
+var import_react64 = __toESM(require("react"));
+function ScriptElementRenderer({ element }) {
+  switch (element.type) {
+    case "scene-heading":
+      return /* @__PURE__ */ import_react64.default.createElement("p", { className: "mt-4 mb-2 font-bold uppercase text-gold text-xs tracking-wide" }, element.content);
+    case "action":
+      return /* @__PURE__ */ import_react64.default.createElement("p", { className: "my-2 text-silver text-xs leading-relaxed" }, element.content);
+    case "character":
+      return /* @__PURE__ */ import_react64.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_react64.default.createElement("p", { className: "ml-6 text-silver/70 text-xs italic" }, "(", element.content, ")");
+    case "dialogue":
+      return /* @__PURE__ */ import_react64.default.createElement("p", { className: "ml-4 mr-8 text-silver text-xs leading-relaxed" }, element.content);
+    case "transition":
+      return /* @__PURE__ */ import_react64.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_react64.default.createElement("p", { className: "mt-6 mb-2 text-center font-bold text-gold text-sm" }, element.content);
+    case "subtitle":
+      return /* @__PURE__ */ import_react64.default.createElement("p", { className: "text-center italic text-gold/70 text-xs" }, element.content);
+    default:
+      return null;
+  }
 }
-function ChevronRightIcon2({ className }) {
-  return /* @__PURE__ */ import_react52.default.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 20 20",
-      fill: "currentColor",
-      className
-    },
-    /* @__PURE__ */ import_react52.default.createElement(
-      "path",
+var ScriptCard = import_react64.default.forwardRef(
+  ({ title, subtitle, elements, maxHeight = "16rem", className, style, ...rest }, ref) => {
+    return /* @__PURE__ */ import_react64.default.createElement(
+      "div",
       {
-        fillRule: "evenodd",
-        d: "M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z",
-        clipRule: "evenodd"
-      }
-    )
-  );
-}
-function ArtifactSkeleton({ type }) {
+        ref,
+        className: cx(
+          "bg-charcoal border border-ash/40",
+          className
+        ),
+        ...rest
+      },
+      (title || subtitle) && /* @__PURE__ */ import_react64.default.createElement("div", { className: "px-4 py-3 border-b border-ash/40" }, title && /* @__PURE__ */ import_react64.default.createElement("h4", { className: "text-sm font-heading text-gold" }, title), subtitle && /* @__PURE__ */ import_react64.default.createElement("p", { className: "text-xs text-silver/60 mt-0.5" }, subtitle)),
+      /* @__PURE__ */ import_react64.default.createElement(
+        "div",
+        {
+          className: "px-4 py-3 font-mono overflow-y-auto",
+          style: { maxHeight, ...style }
+        },
+        elements.map((element, index) => /* @__PURE__ */ import_react64.default.createElement(ScriptElementRenderer, { key: index, element }))
+      )
+    );
+  }
+);
+ScriptCard.displayName = "ScriptCard";
+
+// src/components/chat/ArtifactsPanel.tsx
+function ArtifactSkeleton({ type, fullWidth }) {
+  const wrapperClass = fullWidth ? "col-span-full" : "";
   if (type === "image") {
-    return /* @__PURE__ */ import_react52.default.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "w-full h-48" }), /* @__PURE__ */ import_react52.default.createElement("div", { className: "p-4 bg-charcoal border border-ash/40 border-t-0" }, /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "h-5 w-3/4 mb-2" }), /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "h-4 w-1/2" })));
+    return /* @__PURE__ */ import_react65.default.createElement("div", { className: cx("overflow-hidden", wrapperClass) }, /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "w-full h-48" }), /* @__PURE__ */ import_react65.default.createElement("div", { className: "p-4 bg-charcoal border border-ash/40 border-t-0" }, /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "h-5 w-3/4 mb-2" }), /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "h-4 w-1/2" })));
   }
   if (type === "video") {
-    return /* @__PURE__ */ import_react52.default.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "w-full aspect-video" }), /* @__PURE__ */ import_react52.default.createElement("div", { className: "p-4 bg-charcoal border border-ash/40 border-t-0" }, /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "h-5 w-3/4 mb-2" }), /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "h-4 w-1/2" })));
+    return /* @__PURE__ */ import_react65.default.createElement("div", { className: cx("overflow-hidden", wrapperClass) }, /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "w-full aspect-video" }), /* @__PURE__ */ import_react65.default.createElement("div", { className: "p-4 bg-charcoal border border-ash/40 border-t-0" }, /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "h-5 w-3/4 mb-2" }), /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "h-4 w-1/2" })));
+  }
+  if (type === "audio") {
+    return /* @__PURE__ */ import_react65.default.createElement("div", { className: cx("overflow-hidden", wrapperClass) }, /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "w-full h-32" }), /* @__PURE__ */ import_react65.default.createElement("div", { className: "p-4 bg-charcoal border border-ash/40 border-t-0" }, /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "h-5 w-3/4 mb-2" }), /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "h-4 w-1/2" })));
+  }
+  if (type === "html") {
+    return /* @__PURE__ */ import_react65.default.createElement("div", { className: cx("p-4 bg-charcoal border border-ash/40 space-y-2", wrapperClass) }, /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "h-5 w-1/3 mb-4" }), /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "h-3 w-2/3" }), /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "h-3 w-full" }), /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "h-3 w-3/4" }), /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "h-3 w-full" }), /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "h-3 w-1/2" }));
   }
-  return /* @__PURE__ */ import_react52.default.createElement("div", { className: "p-4 bg-charcoal border border-ash/40 space-y-2" }, /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "h-5 w-1/2" }), /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "h-4 w-3/4" }));
+  return /* @__PURE__ */ import_react65.default.createElement("div", { className: cx("p-4 bg-charcoal border border-ash/40 space-y-2", wrapperClass) }, /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "h-5 w-1/2" }), /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ import_react65.default.createElement(Skeleton, { className: "h-4 w-3/4" }));
 }
-function ArtifactRenderer({ artifact, isLoading }) {
-  const [imageLoaded, setImageLoaded] = (0, import_react52.useState)(false);
-  const [minDelayPassed, setMinDelayPassed] = (0, import_react52.useState)(false);
-  (0, import_react52.useEffect)(() => {
+function ArtifactModal({
+  artifact,
+  onClose
+}) {
+  (0, import_react65.useEffect)(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        onClose();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [onClose]);
+  const handleBackdropClick = (0, import_react65.useCallback)((e) => {
+    if (e.target === e.currentTarget) {
+      onClose();
+    }
+  }, [onClose]);
+  return /* @__PURE__ */ import_react65.default.createElement(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-void/90 backdrop-blur-sm animate-fade-in",
+      onClick: handleBackdropClick
+    },
+    /* @__PURE__ */ import_react65.default.createElement(
+      "div",
+      {
+        className: "relative w-11/12 h-5/6 max-w-6xl bg-charcoal border border-ash/40 flex flex-col overflow-hidden"
+      },
+      /* @__PURE__ */ import_react65.default.createElement(
+        "div",
+        {
+          className: "flex items-center justify-between p-4 border-b border-ash/40 shrink-0"
+        },
+        /* @__PURE__ */ import_react65.default.createElement("div", null, artifact.title && /* @__PURE__ */ import_react65.default.createElement("h3", { className: "text-sm font-semibold text-white" }, artifact.title), artifact.subtitle && /* @__PURE__ */ import_react65.default.createElement("p", { className: "text-xs text-silver" }, artifact.subtitle)),
+        /* @__PURE__ */ import_react65.default.createElement(
+          "button",
+          {
+            onClick: onClose,
+            className: "p-2 text-silver hover:text-white hover:bg-ash/20 transition-colors",
+            "aria-label": "Close modal"
+          },
+          /* @__PURE__ */ import_react65.default.createElement(CloseIcon, { className: "w-5 h-5" })
+        )
+      ),
+      /* @__PURE__ */ import_react65.default.createElement("div", { className: "flex-1 overflow-auto p-4" }, artifact.type === "image" && /* @__PURE__ */ import_react65.default.createElement(
+        "img",
+        {
+          src: artifact.src,
+          alt: artifact.alt || "Artifact image",
+          className: "max-w-full max-h-full object-contain mx-auto"
+        }
+      ), artifact.type === "video" && /* @__PURE__ */ import_react65.default.createElement(
+        VideoCard,
+        {
+          src: artifact.src || "",
+          aspectRatio: "video",
+          controls: true,
+          className: "max-w-full max-h-full mx-auto"
+        }
+      ), artifact.type === "audio" && /* @__PURE__ */ import_react65.default.createElement(
+        AudioCard,
+        {
+          src: artifact.src || "",
+          controls: true,
+          className: "max-w-xl mx-auto"
+        }
+      ), artifact.type === "text" && /* @__PURE__ */ import_react65.default.createElement(
+        MarkdownContent,
+        {
+          content: artifact.content || "",
+          className: "prose-sm prose-invert max-w-none"
+        }
+      ), artifact.type === "html" && artifact.scriptElements && /* @__PURE__ */ import_react65.default.createElement(
+        ScriptCard,
+        {
+          elements: artifact.scriptElements,
+          maxHeight: "100%",
+          className: "max-w-3xl mx-auto border-0"
+        }
+      ))
+    )
+  );
+}
+function ArtifactRenderer({
+  artifact,
+  isLoading,
+  onExpand
+}) {
+  const [imageLoaded, setImageLoaded] = (0, import_react65.useState)(false);
+  const [minDelayPassed, setMinDelayPassed] = (0, import_react65.useState)(false);
+  (0, import_react65.useEffect)(() => {
     setImageLoaded(false);
     setMinDelayPassed(false);
     const timer = setTimeout(() => {
@@ -5038,76 +5507,146 @@ function ArtifactRenderer({ artifact, isLoading }) {
     }, 800);
     return () => clearTimeout(timer);
   }, [artifact.src, artifact.id]);
+  const fullWidthClass = artifact.fullWidth ? "col-span-full" : "";
   if (isLoading || artifact.isPending) {
-    return /* @__PURE__ */ import_react52.default.createElement(ArtifactSkeleton, { type: artifact.type });
+    return /* @__PURE__ */ import_react65.default.createElement(ArtifactSkeleton, { type: artifact.type, fullWidth: artifact.fullWidth });
   }
-  const showContent = imageLoaded && minDelayPassed;
+  const showContent = artifact.type !== "image" || imageLoaded && minDelayPassed;
+  const expandButton = onExpand && /* @__PURE__ */ import_react65.default.createElement(
+    "button",
+    {
+      onClick: (e) => {
+        e.stopPropagation();
+        onExpand();
+      },
+      className: cx(
+        "absolute top-2 right-2 z-10 p-1.5",
+        "bg-obsidian/80 text-silver hover:text-white hover:bg-obsidian",
+        "opacity-0 group-hover:opacity-100 transition-opacity"
+      ),
+      "aria-label": "Expand artifact"
+    },
+    /* @__PURE__ */ import_react65.default.createElement(ExpandIcon, { className: "w-4 h-4" })
+  );
   switch (artifact.type) {
     case "image":
-      return /* @__PURE__ */ import_react52.default.createElement("div", { className: "relative" }, !showContent && /* @__PURE__ */ import_react52.default.createElement(ArtifactSkeleton, { type: "image" }), /* @__PURE__ */ import_react52.default.createElement(
-        ImageCard,
+      return /* @__PURE__ */ import_react65.default.createElement(
+        "div",
+        {
+          className: cx("relative group cursor-pointer", fullWidthClass),
+          onClick: onExpand
+        },
+        !showContent && /* @__PURE__ */ import_react65.default.createElement(ArtifactSkeleton, { type: "image" }),
+        expandButton,
+        /* @__PURE__ */ import_react65.default.createElement(
+          ImageCard,
+          {
+            src: artifact.src || "",
+            alt: artifact.alt || "Artifact image",
+            title: artifact.title,
+            subtitle: artifact.subtitle,
+            aspectRatio: "landscape",
+            className: cx(
+              "w-full transition-opacity duration-300",
+              showContent ? "opacity-100" : "opacity-0 absolute inset-0"
+            ),
+            onLoad: () => setImageLoaded(true)
+          }
+        )
+      );
+    case "video":
+      return /* @__PURE__ */ import_react65.default.createElement("div", { className: cx("relative group", fullWidthClass) }, expandButton, /* @__PURE__ */ import_react65.default.createElement(
+        VideoCard,
         {
           src: artifact.src || "",
-          alt: artifact.alt || "Artifact image",
           title: artifact.title,
           subtitle: artifact.subtitle,
-          aspectRatio: "landscape",
-          className: cx(
-            "w-full transition-opacity duration-300",
-            showContent ? "opacity-100" : "opacity-0 absolute inset-0"
-          ),
-          onLoad: () => setImageLoaded(true)
+          aspectRatio: "video",
+          controls: true,
+          className: "w-full"
         }
       ));
-    case "video":
-      return /* @__PURE__ */ import_react52.default.createElement(
-        VideoCard,
+    case "audio":
+      return /* @__PURE__ */ import_react65.default.createElement("div", { className: cx("relative group", fullWidthClass) }, expandButton, /* @__PURE__ */ import_react65.default.createElement(
+        AudioCard,
         {
           src: artifact.src || "",
           title: artifact.title,
           subtitle: artifact.subtitle,
-          aspectRatio: "video",
           controls: true,
           className: "w-full"
         }
+      ));
+    case "html":
+      return /* @__PURE__ */ import_react65.default.createElement(
+        "div",
+        {
+          className: cx("relative group cursor-pointer", fullWidthClass),
+          onClick: onExpand
+        },
+        expandButton,
+        /* @__PURE__ */ import_react65.default.createElement(
+          ScriptCard,
+          {
+            title: artifact.title,
+            subtitle: artifact.subtitle,
+            elements: artifact.scriptElements || [],
+            maxHeight: "16rem",
+            className: "w-full"
+          }
+        )
       );
     case "text":
-      return /* @__PURE__ */ import_react52.default.createElement("div", { className: "p-4 bg-charcoal border border-ash/40" }, artifact.title && /* @__PURE__ */ import_react52.default.createElement("h4", { className: "text-lg font-semibold text-white mb-2" }, artifact.title), /* @__PURE__ */ import_react52.default.createElement(
-        MarkdownContent,
+      return /* @__PURE__ */ import_react65.default.createElement(
+        "div",
         {
-          content: artifact.content || "",
-          className: "prose-sm prose-invert"
-        }
-      ));
+          className: cx(
+            "relative group cursor-pointer p-4 bg-charcoal border border-ash/40",
+            fullWidthClass
+          ),
+          onClick: onExpand
+        },
+        expandButton,
+        artifact.title && /* @__PURE__ */ import_react65.default.createElement("h4", { className: "text-sm font-semibold text-white mb-2" }, artifact.title),
+        /* @__PURE__ */ import_react65.default.createElement(
+          MarkdownContent,
+          {
+            content: artifact.content || "",
+            className: "prose-sm prose-invert max-h-48 overflow-y-auto"
+          }
+        )
+      );
     default:
       return null;
   }
 }
-var ArtifactsPanel = import_react52.default.forwardRef(
+var ArtifactsPanel = import_react65.default.forwardRef(
   ({
     artifacts,
     isOpen = false,
     onClose,
     isLoading = false,
     width,
+    widthPercent,
     onResizeStart,
     className,
     ...rest
   }, ref) => {
-    const columns = width && width > 800 ? 3 : width && width > 500 ? 2 : 1;
+    const [expandedArtifact, setExpandedArtifact] = (0, import_react65.useState)(null);
+    const columns = widthPercent && widthPercent > 55 ? 3 : widthPercent && widthPercent > 35 ? 2 : 1;
     if (!isOpen) {
-      return /* @__PURE__ */ import_react52.default.createElement(
+      return /* @__PURE__ */ import_react65.default.createElement(
         "div",
         {
           ref,
           className: cx(
             "h-full bg-charcoal/80 border-l border-ash/40 flex flex-col items-center py-3",
-            "w-12 flex-shrink-0",
+            "w-12 shrink-0",
             className
           ),
           ...rest
         },
-        /* @__PURE__ */ import_react52.default.createElement(
+        /* @__PURE__ */ import_react65.default.createElement(
           "button",
           {
             onClick: onClose,
@@ -5119,8 +5658,8 @@ var ArtifactsPanel = import_react52.default.forwardRef(
             ),
             "aria-label": "Expand artifacts panel"
           },
-          /* @__PURE__ */ import_react52.default.createElement(LayersIcon, { className: "w-5 h-5" }),
-          artifacts.length > 0 && /* @__PURE__ */ import_react52.default.createElement(
+          /* @__PURE__ */ import_react65.default.createElement(LayersIcon, { className: "w-5 h-5" }),
+          artifacts.length > 0 && /* @__PURE__ */ import_react65.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 rounded-full"
@@ -5130,7 +5669,7 @@ var ArtifactsPanel = import_react52.default.forwardRef(
         )
       );
     }
-    return /* @__PURE__ */ import_react52.default.createElement(
+    return /* @__PURE__ */ import_react65.default.createElement(import_react65.default.Fragment, null, /* @__PURE__ */ import_react65.default.createElement(
       "div",
       {
         ref,
@@ -5138,13 +5677,13 @@ var ArtifactsPanel = import_react52.default.forwardRef(
         className: cx(
           "h-full bg-charcoal/50 border-l border-ash/40 flex flex-col relative",
           !width && "w-96",
-          "flex-shrink-0",
+          "shrink-0",
           className
         ),
-        style: width ? { width: `${width}px` } : void 0,
+        style: width ? { width } : void 0,
         ...rest
       },
-      /* @__PURE__ */ import_react52.default.createElement(
+      /* @__PURE__ */ import_react65.default.createElement(
         "div",
         {
           onMouseDown: onResizeStart,
@@ -5157,13 +5696,13 @@ var ArtifactsPanel = import_react52.default.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ import_react52.default.createElement(
+      /* @__PURE__ */ import_react65.default.createElement(
         "div",
         {
-          className: "flex items-center justify-between p-4 border-b border-ash/40 flex-shrink-0"
+          className: "flex items-center justify-between p-4 border-b border-ash/40 shrink-0"
         },
-        /* @__PURE__ */ import_react52.default.createElement("h3", { className: "text-lg font-semibold text-white" }, "Artifacts"),
-        /* @__PURE__ */ import_react52.default.createElement(
+        /* @__PURE__ */ import_react65.default.createElement("h3", { className: "text-sm font-semibold text-white" }, "Artifacts"),
+        /* @__PURE__ */ import_react65.default.createElement(
           "button",
           {
             onClick: onClose,
@@ -5174,10 +5713,10 @@ var ArtifactsPanel = import_react52.default.forwardRef(
             ),
             "aria-label": "Collapse artifacts panel"
           },
-          /* @__PURE__ */ import_react52.default.createElement(ChevronRightIcon2, { className: "w-5 h-5" })
+          /* @__PURE__ */ import_react65.default.createElement(ChevronRightIcon, { className: "w-5 h-5" })
         )
       ),
-      /* @__PURE__ */ import_react52.default.createElement(
+      /* @__PURE__ */ import_react65.default.createElement(
         "div",
         {
           "data-testid": "artifacts-grid",
@@ -5188,21 +5727,28 @@ var ArtifactsPanel = import_react52.default.forwardRef(
             columns === 3 && "grid-cols-3"
           )
         },
-        artifacts.length === 0 && !isLoading ? /* @__PURE__ */ import_react52.default.createElement("p", { className: "text-sm text-silver/60 text-center py-8" }, "No artifacts to display") : artifacts.map((artifact) => /* @__PURE__ */ import_react52.default.createElement(
+        artifacts.length === 0 && !isLoading ? /* @__PURE__ */ import_react65.default.createElement("p", { className: "text-xs text-silver/60 text-center py-8" }, "No artifacts to display") : artifacts.map((artifact) => /* @__PURE__ */ import_react65.default.createElement(
           ArtifactRenderer,
           {
             key: artifact.id,
             artifact,
-            isLoading
+            isLoading,
+            onExpand: () => setExpandedArtifact(artifact)
           }
         ))
       )
-    );
+    ), expandedArtifact && /* @__PURE__ */ import_react65.default.createElement(
+      ArtifactModal,
+      {
+        artifact: expandedArtifact,
+        onClose: () => setExpandedArtifact(null)
+      }
+    ));
   }
 );
 ArtifactsPanel.displayName = "ArtifactsPanel";
-var ArtifactsPanelToggle = import_react52.default.forwardRef(({ artifactCount = 0, onExpand, className, ...rest }, ref) => {
-  return /* @__PURE__ */ import_react52.default.createElement(
+var ArtifactsPanelToggle = import_react65.default.forwardRef(({ artifactCount = 0, onExpand, className, ...rest }, ref) => {
+  return /* @__PURE__ */ import_react65.default.createElement(
     "button",
     {
       ref,
@@ -5219,8 +5765,8 @@ var ArtifactsPanelToggle = import_react52.default.forwardRef(({ artifactCount =
       "aria-label": "Expand artifacts panel",
       ...rest
     },
-    /* @__PURE__ */ import_react52.default.createElement(LayersIcon, { className: "w-5 h-5" }),
-    artifactCount > 0 && /* @__PURE__ */ import_react52.default.createElement(
+    /* @__PURE__ */ import_react65.default.createElement(LayersIcon, { className: "w-5 h-5" }),
+    artifactCount > 0 && /* @__PURE__ */ import_react65.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 rounded-full"
@@ -5231,42 +5777,143 @@ var ArtifactsPanelToggle = import_react52.default.forwardRef(({ artifactCount =
 });
 ArtifactsPanelToggle.displayName = "ArtifactsPanelToggle";
 
+// src/components/chat/TodosList.tsx
+var import_react66 = __toESM(require("react"));
+function TaskIcon({ status }) {
+  switch (status) {
+    case "done":
+      return /* @__PURE__ */ import_react66.default.createElement(CheckSquareIcon, null);
+    case "in_progress":
+      return /* @__PURE__ */ import_react66.default.createElement(SquareLoaderIcon, null);
+    case "cancelled":
+      return /* @__PURE__ */ import_react66.default.createElement(CrossSquareIcon, { variant: "cancelled" });
+    case "failed":
+      return /* @__PURE__ */ import_react66.default.createElement(CrossSquareIcon, { variant: "failed" });
+    case "pending":
+    default:
+      return /* @__PURE__ */ import_react66.default.createElement(EmptySquareIcon, null);
+  }
+}
+function sortTasks(tasks) {
+  const normal = [];
+  const bottomItems = [];
+  for (const task of tasks) {
+    if (task.status === "cancelled" || task.status === "failed") {
+      bottomItems.push(task);
+    } else {
+      normal.push(task);
+    }
+  }
+  return [...normal, ...bottomItems];
+}
+function TaskItem({ task, depth = 0 }) {
+  const isTerminal = task.status === "done" || task.status === "cancelled" || task.status === "failed";
+  const isSubtle = task.status === "cancelled" || task.status === "failed";
+  const showSubtasks = (task.status === "in_progress" || task.status === "done") && task.subtasks && task.subtasks.length > 0;
+  const sortedSubtasks = showSubtasks ? sortTasks(task.subtasks) : [];
+  return /* @__PURE__ */ import_react66.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react66.default.createElement(
+    "div",
+    {
+      className: cx(
+        "flex items-center gap-2 py-1",
+        depth > 0 && "pl-6"
+      )
+    },
+    /* @__PURE__ */ import_react66.default.createElement(TaskIcon, { status: task.status }),
+    /* @__PURE__ */ import_react66.default.createElement(
+      "span",
+      {
+        className: cx(
+          "text-xs leading-tight transition-colors",
+          isTerminal && "line-through",
+          isSubtle ? "text-silver/50" : "text-silver",
+          task.status === "in_progress" && "text-white",
+          task.status === "done" && "text-silver/70"
+        )
+      },
+      task.label,
+      task.status === "cancelled" && /* @__PURE__ */ import_react66.default.createElement("span", { className: "text-silver/40 ml-1" }, "(cancelled)"),
+      task.status === "failed" && /* @__PURE__ */ import_react66.default.createElement("span", { className: "text-error/60 ml-1" }, "(failed)")
+    )
+  ), showSubtasks && /* @__PURE__ */ import_react66.default.createElement("div", { className: "flex flex-col" }, sortedSubtasks.map((subtask) => /* @__PURE__ */ import_react66.default.createElement(TaskItem, { key: subtask.id, task: subtask, depth: depth + 1 }))));
+}
+var TodosList = import_react66.default.forwardRef(
+  ({ tasks, title = "Tasks", className, ...rest }, ref) => {
+    const sortedTasks = (0, import_react66.useMemo)(() => sortTasks(tasks), [tasks]);
+    const countCompleted = (taskList) => {
+      let count = 0;
+      for (const task of taskList) {
+        if (task.status === "done") count++;
+        if (task.subtasks) count += countCompleted(task.subtasks);
+      }
+      return count;
+    };
+    const countTotal = (taskList) => {
+      let count = taskList.length;
+      for (const task of taskList) {
+        if (task.subtasks) count += countTotal(task.subtasks);
+      }
+      return count;
+    };
+    if (tasks.length === 0) {
+      return null;
+    }
+    return /* @__PURE__ */ import_react66.default.createElement(
+      "div",
+      {
+        ref,
+        className: cx(
+          "flex flex-col bg-charcoal/30 border-l border-ash/40",
+          "overflow-hidden",
+          className
+        ),
+        style: { maxHeight: "25vh" },
+        ...rest
+      },
+      /* @__PURE__ */ import_react66.default.createElement("div", { className: "flex items-center justify-between px-4 py-2 border-b border-ash/40 flex-shrink-0" }, /* @__PURE__ */ import_react66.default.createElement("h4", { className: "text-xs font-medium text-white" }, title), /* @__PURE__ */ import_react66.default.createElement("span", { className: "text-xs text-silver/60" }, countCompleted(tasks), "/", countTotal(tasks))),
+      /* @__PURE__ */ import_react66.default.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-2" }, sortedTasks.map((task) => /* @__PURE__ */ import_react66.default.createElement(TaskItem, { key: task.id, task })))
+    );
+  }
+);
+TodosList.displayName = "TodosList";
+
 // src/components/chat/hooks/useResizable.ts
-var import_react53 = require("react");
+var import_react67 = require("react");
 function useResizable({
-  initialWidth,
-  minWidth,
-  maxWidth,
+  initialWidthPercent,
+  minWidthPercent,
+  maxWidthPercent,
   direction
 }) {
-  const [width, setWidth] = (0, import_react53.useState)(initialWidth);
-  const [isResizing, setIsResizing] = (0, import_react53.useState)(false);
-  const lastX = (0, import_react53.useRef)(null);
-  const startResizing = (0, import_react53.useCallback)((e) => {
+  const [widthPercent, setWidthPercent] = (0, import_react67.useState)(initialWidthPercent);
+  const [isResizing, setIsResizing] = (0, import_react67.useState)(false);
+  const lastX = (0, import_react67.useRef)(null);
+  const startResizing = (0, import_react67.useCallback)((e) => {
     e.preventDefault();
     setIsResizing(true);
     lastX.current = e.clientX;
   }, []);
-  const stopResizing = (0, import_react53.useCallback)(() => {
+  const stopResizing = (0, import_react67.useCallback)(() => {
     setIsResizing(false);
     lastX.current = null;
   }, []);
-  const resize = (0, import_react53.useCallback)(
+  const resize = (0, import_react67.useCallback)(
     (e) => {
       if (!isResizing || lastX.current === null) {
         return;
       }
       const deltaX = e.clientX - lastX.current;
       const factor = direction === "right" ? 1 : -1;
-      setWidth((prevWidth) => {
-        const newWidth = prevWidth + deltaX * factor;
-        return Math.min(Math.max(newWidth, minWidth), maxWidth);
+      const deltaPercent = deltaX / window.innerWidth * 100;
+      setWidthPercent((prevPercent) => {
+        const newPercent = prevPercent + deltaPercent * factor;
+        return Math.min(Math.max(newPercent, minWidthPercent), maxWidthPercent);
       });
       lastX.current = e.clientX;
     },
-    [isResizing, direction, minWidth, maxWidth]
+    [isResizing, direction, minWidthPercent, maxWidthPercent]
   );
-  (0, import_react53.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     if (isResizing) {
       window.addEventListener("mousemove", resize);
       window.addEventListener("mouseup", stopResizing);
@@ -5285,11 +5932,12 @@ function useResizable({
       document.body.style.userSelect = "";
     };
   }, [isResizing, resize, stopResizing]);
-  return { width, isResizing, startResizing };
+  const width = `${widthPercent}vw`;
+  return { width, widthPercent, isResizing, startResizing };
 }
 
 // src/components/chat/ChatInterface.tsx
-var ChatInterface = import_react54.default.forwardRef(
+var ChatInterface = import_react68.default.forwardRef(
   ({
     messages = [],
     conversationTree,
@@ -5314,35 +5962,36 @@ var ChatInterface = import_react54.default.forwardRef(
     artifacts = [],
     isArtifactsPanelOpen,
     onArtifactsPanelOpenChange,
+    tasks = [],
+    tasksTitle,
     className,
     ...rest
   }, ref) => {
-    const [sidebarCollapsed, setSidebarCollapsed] = (0, import_react54.useState)(initialSidebarCollapsed);
-    const [internalPanelOpen, setInternalPanelOpen] = (0, import_react54.useState)(false);
+    const [sidebarCollapsed, setSidebarCollapsed] = (0, import_react68.useState)(initialSidebarCollapsed);
+    const [internalPanelOpen, setInternalPanelOpen] = (0, import_react68.useState)(false);
     const {
       width: sidebarWidth,
       startResizing: startResizingSidebar
     } = useResizable({
-      initialWidth: 256,
-      // w-64
-      minWidth: 200,
-      maxWidth: 500,
+      initialWidthPercent: 15,
+      minWidthPercent: 12,
+      maxWidthPercent: 25,
       direction: "right"
     });
     const {
       width: artifactsWidth,
+      widthPercent: artifactsWidthPercent,
       startResizing: startResizingArtifacts
     } = useResizable({
-      initialWidth: 384,
-      // w-96
-      minWidth: 300,
-      maxWidth: 1200,
+      initialWidthPercent: 50,
+      minWidthPercent: 25,
+      maxWidthPercent: 70,
       direction: "left"
     });
     const isPanelControlled = isArtifactsPanelOpen !== void 0;
     const artifactsPanelOpen = isPanelControlled ? isArtifactsPanelOpen : internalPanelOpen;
     const isTreeMode = !!conversationTree;
-    const effectiveMessages = (0, import_react54.useMemo)(() => {
+    const effectiveMessages = (0, import_react68.useMemo)(() => {
       if (isTreeMode && conversationTree) {
         const pathNodes = getActivePathMessages(conversationTree);
         return pathNodes.map((node) => ({
@@ -5354,7 +6003,7 @@ var ChatInterface = import_react54.default.forwardRef(
       }
       return messages;
     }, [isTreeMode, conversationTree, messages]);
-    const latestUserMessageIndex = (0, import_react54.useMemo)(() => {
+    const latestUserMessageIndex = (0, import_react68.useMemo)(() => {
       for (let i = effectiveMessages.length - 1; i >= 0; i--) {
         if (effectiveMessages[i].variant === "user") {
           return i;
@@ -5362,15 +6011,15 @@ var ChatInterface = import_react54.default.forwardRef(
       }
       return -1;
     }, [effectiveMessages]);
-    const hasPendingArtifact = (0, import_react54.useMemo)(() => {
+    const hasPendingArtifact = (0, import_react68.useMemo)(() => {
       return artifacts.some((a) => a.isPending);
     }, [artifacts]);
-    import_react54.default.useEffect(() => {
+    import_react68.default.useEffect(() => {
       if (!isPanelControlled && artifacts.length > 0) {
         setInternalPanelOpen(true);
       }
     }, [artifacts.length, isPanelControlled]);
-    const handleBranchSwitch = (0, import_react54.useCallback)(
+    const handleBranchSwitch = (0, import_react68.useCallback)(
       (nodeId, direction) => {
         if (!isTreeMode || !conversationTree || !onTreeChange) {
           return;
@@ -5380,7 +6029,7 @@ var ChatInterface = import_react54.default.forwardRef(
       },
       [isTreeMode, conversationTree, onTreeChange]
     );
-    const displayMessages = (0, import_react54.useMemo)(() => {
+    const displayMessages = (0, import_react68.useMemo)(() => {
       return effectiveMessages.map((msg) => {
         let branchInfo = void 0;
         if (isTreeMode && conversationTree) {
@@ -5414,16 +6063,16 @@ var ChatInterface = import_react54.default.forwardRef(
       onRetryMessage,
       handleBranchSwitch
     ]);
-    const handleSubmit = (0, import_react54.useCallback)(
+    const handleSubmit = (0, import_react68.useCallback)(
       (message, attachments) => {
         onMessageSubmit?.(message, attachments);
       },
       [onMessageSubmit]
     );
-    const toggleSidebar = (0, import_react54.useCallback)(() => {
+    const toggleSidebar = (0, import_react68.useCallback)(() => {
       setSidebarCollapsed((prev) => !prev);
     }, []);
-    const toggleArtifactsPanel = (0, import_react54.useCallback)(() => {
+    const toggleArtifactsPanel = (0, import_react68.useCallback)(() => {
       if (isPanelControlled) {
         onArtifactsPanelOpenChange?.(!artifactsPanelOpen);
       } else {
@@ -5431,14 +6080,14 @@ var ChatInterface = import_react54.default.forwardRef(
       }
     }, [isPanelControlled, artifactsPanelOpen, onArtifactsPanelOpenChange]);
     const isEmpty = effectiveMessages.length === 0;
-    return /* @__PURE__ */ import_react54.default.createElement(
+    return /* @__PURE__ */ import_react68.default.createElement(
       "div",
       {
         ref,
         className: cx("flex h-full w-full bg-obsidian overflow-hidden", className),
         ...rest
       },
-      /* @__PURE__ */ import_react54.default.createElement(
+      /* @__PURE__ */ import_react68.default.createElement(
         ConversationSidebar,
         {
           conversations,
@@ -5450,16 +6099,16 @@ var ChatInterface = import_react54.default.forwardRef(
           onResizeStart: startResizingSidebar
         }
       ),
-      /* @__PURE__ */ import_react54.default.createElement("div", { className: "flex-1 flex flex-col min-w-0 relative" }, /* @__PURE__ */ import_react54.default.createElement("div", { className: cx(
+      /* @__PURE__ */ import_react68.default.createElement("div", { className: "flex-1 flex flex-col min-w-0 relative" }, /* @__PURE__ */ import_react68.default.createElement("div", { className: cx(
         "flex-1 flex flex-col min-h-0 relative",
         isEmpty ? "justify-center" : "justify-start"
-      ) }, /* @__PURE__ */ import_react54.default.createElement("div", { className: cx(
+      ) }, /* @__PURE__ */ import_react68.default.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out",
         isEmpty ? "flex-1" : "flex-zero"
-      ) }), /* @__PURE__ */ import_react54.default.createElement("div", { className: cx(
+      ) }), /* @__PURE__ */ import_react68.default.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out overflow-hidden flex flex-col",
         isEmpty ? "flex-zero opacity-0" : "flex-1 opacity-100"
-      ) }, /* @__PURE__ */ import_react54.default.createElement(
+      ) }, /* @__PURE__ */ import_react68.default.createElement(
         ChatView,
         {
           messages: displayMessages,
@@ -5468,10 +6117,10 @@ var ChatInterface = import_react54.default.forwardRef(
           isThinking,
           className: "flex-1"
         }
-      )), /* @__PURE__ */ import_react54.default.createElement("div", { className: cx(
+      )), /* @__PURE__ */ import_react68.default.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out z-10 w-full",
         isEmpty ? "p-4" : "shrink-0 p-4 border-t border-ash/40 bg-obsidian"
-      ) }, isEmpty && emptyState ? /* @__PURE__ */ import_react54.default.createElement("div", { className: "flex justify-center" }, emptyState) : /* @__PURE__ */ import_react54.default.createElement(
+      ) }, isEmpty && emptyState ? /* @__PURE__ */ import_react68.default.createElement("div", { className: "flex justify-center" }, emptyState) : /* @__PURE__ */ import_react68.default.createElement(
         ChatInput,
         {
           position: isEmpty ? "centered" : "bottom",
@@ -5485,11 +6134,11 @@ var ChatInterface = import_react54.default.forwardRef(
           attachments: propsAttachments,
           onAttachmentsChange
         }
-      )), /* @__PURE__ */ import_react54.default.createElement("div", { className: cx(
+      )), /* @__PURE__ */ import_react68.default.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out",
         isEmpty ? "flex-1" : "flex-zero"
       ) }))),
-      /* @__PURE__ */ import_react54.default.createElement(
+      /* @__PURE__ */ import_react68.default.createElement("div", { className: "h-full flex flex-col flex-shrink-0" }, /* @__PURE__ */ import_react68.default.createElement("div", { className: "flex-1 min-h-0" }, /* @__PURE__ */ import_react68.default.createElement(
         ArtifactsPanel,
         {
           artifacts,
@@ -5497,18 +6146,27 @@ var ChatInterface = import_react54.default.forwardRef(
           onClose: toggleArtifactsPanel,
           isLoading: isStreaming && hasPendingArtifact,
           width: artifactsWidth,
-          onResizeStart: startResizingArtifacts
+          widthPercent: artifactsWidthPercent,
+          onResizeStart: startResizingArtifacts,
+          className: "h-full"
         }
-      )
+      )), tasks.length > 0 && artifactsPanelOpen && /* @__PURE__ */ import_react68.default.createElement(
+        TodosList,
+        {
+          tasks,
+          title: tasksTitle,
+          style: { width: artifactsWidth }
+        }
+      ))
     );
   }
 );
 ChatInterface.displayName = "ChatInterface";
 
 // src/components/chat/MessageActions.tsx
-var import_react55 = __toESM(require("react"));
-var import_lucide_react12 = require("lucide-react");
-var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ import_react55.default.createElement(
+var import_react69 = __toESM(require("react"));
+var import_lucide_react13 = require("lucide-react");
+var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ import_react69.default.createElement(
   "button",
   {
     type: "button",
@@ -5524,7 +6182,7 @@ var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @_
   },
   children
 );
-var MessageActions = import_react55.default.forwardRef(
+var MessageActions = import_react69.default.forwardRef(
   ({
     variant,
     content,
@@ -5536,12 +6194,12 @@ var MessageActions = import_react55.default.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [localIsEditing, setLocalIsEditing] = (0, import_react55.useState)(false);
-    const [localEditValue, setLocalEditValue] = (0, import_react55.useState)(content);
-    const [copied, setCopied] = (0, import_react55.useState)(false);
+    const [localIsEditing, setLocalIsEditing] = (0, import_react69.useState)(false);
+    const [localEditValue, setLocalEditValue] = (0, import_react69.useState)(content);
+    const [copied, setCopied] = (0, import_react69.useState)(false);
     const isEditing = controlledIsEditing ?? localIsEditing;
     const editValue = controlledEditValue ?? localEditValue;
-    const setIsEditing = (0, import_react55.useCallback)(
+    const setIsEditing = (0, import_react69.useCallback)(
       (value) => {
         if (onEditingChange) {
           onEditingChange(value);
@@ -5551,10 +6209,10 @@ var MessageActions = import_react55.default.forwardRef(
       },
       [onEditingChange]
     );
-    const setEditValue = (0, import_react55.useCallback)((value) => {
+    const setEditValue = (0, import_react69.useCallback)((value) => {
       setLocalEditValue(value);
     }, []);
-    const handleCopy = (0, import_react55.useCallback)(async () => {
+    const handleCopy = (0, import_react69.useCallback)(async () => {
       try {
         await navigator.clipboard.writeText(content);
         setCopied(true);
@@ -5570,22 +6228,22 @@ var MessageActions = import_react55.default.forwardRef(
         setTimeout(() => setCopied(false), 2e3);
       }
     }, [content]);
-    const handleStartEdit = (0, import_react55.useCallback)(() => {
+    const handleStartEdit = (0, import_react69.useCallback)(() => {
       setLocalEditValue(content);
       setIsEditing(true);
     }, [content, setIsEditing]);
-    const handleCancelEdit = (0, import_react55.useCallback)(() => {
+    const handleCancelEdit = (0, import_react69.useCallback)(() => {
       setIsEditing(false);
       setLocalEditValue(content);
     }, [content, setIsEditing]);
-    const handleSubmitEdit = (0, import_react55.useCallback)(() => {
+    const handleSubmitEdit = (0, import_react69.useCallback)(() => {
       const trimmed = editValue.trim();
       if (trimmed && trimmed !== content) {
         onEdit?.(trimmed);
       }
       setIsEditing(false);
     }, [editValue, content, onEdit, setIsEditing]);
-    const handleEditKeyDown = (0, import_react55.useCallback)(
+    const handleEditKeyDown = (0, import_react69.useCallback)(
       (e) => {
         if (e.key === "Enter" && !e.shiftKey) {
           e.preventDefault();
@@ -5598,19 +6256,19 @@ var MessageActions = import_react55.default.forwardRef(
     );
     const isUser = variant === "user";
     if (isUser && isEditing) {
-      return /* @__PURE__ */ import_react55.default.createElement(
+      return /* @__PURE__ */ import_react69.default.createElement(
         "div",
         {
           ref,
           className: cx("mt-2", className),
           ...rest
         },
-        /* @__PURE__ */ import_react55.default.createElement(
+        /* @__PURE__ */ import_react69.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_react55.default.createElement(
+          /* @__PURE__ */ import_react69.default.createElement(
             "textarea",
             {
               value: editValue,
@@ -5621,15 +6279,15 @@ var MessageActions = import_react55.default.forwardRef(
               rows: 2
             }
           ),
-          /* @__PURE__ */ import_react55.default.createElement("div", { className: "absolute right-2 bottom-2 flex gap-1" }, /* @__PURE__ */ import_react55.default.createElement(
+          /* @__PURE__ */ import_react69.default.createElement("div", { className: "absolute right-2 bottom-2 flex gap-1" }, /* @__PURE__ */ import_react69.default.createElement(
             ActionButton2,
             {
               onClick: handleCancelEdit,
               label: "Cancel edit",
               className: "text-silver/60 hover:text-error"
             },
-            /* @__PURE__ */ import_react55.default.createElement(import_lucide_react12.X, { className: "w-4 h-4" })
-          ), /* @__PURE__ */ import_react55.default.createElement(
+            /* @__PURE__ */ import_react69.default.createElement(import_lucide_react13.X, { className: "w-4 h-4" })
+          ), /* @__PURE__ */ import_react69.default.createElement(
             ActionButton2,
             {
               onClick: handleSubmitEdit,
@@ -5637,13 +6295,13 @@ var MessageActions = import_react55.default.forwardRef(
               className: "text-silver/60 hover:text-gold",
               disabled: !editValue.trim() || editValue.trim() === content
             },
-            /* @__PURE__ */ import_react55.default.createElement(import_lucide_react12.Send, { className: "w-4 h-4" })
+            /* @__PURE__ */ import_react69.default.createElement(import_lucide_react13.Send, { className: "w-4 h-4" })
           ))
         ),
-        /* @__PURE__ */ import_react55.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_react69.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_react55.default.createElement(
+    return /* @__PURE__ */ import_react69.default.createElement(
       "div",
       {
         ref,
@@ -5654,18 +6312,18 @@ var MessageActions = import_react55.default.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ import_react55.default.createElement(ActionButton2, { onClick: handleCopy, label: copied ? "Copied!" : "Copy message" }, copied ? /* @__PURE__ */ import_react55.default.createElement(import_lucide_react12.Check, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ import_react55.default.createElement(import_lucide_react12.Copy, { className: "w-3.5 h-3.5" })),
-      isUser && onEdit && /* @__PURE__ */ import_react55.default.createElement(ActionButton2, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ import_react55.default.createElement(import_lucide_react12.Pencil, { className: "w-3.5 h-3.5" })),
-      !isUser && onRetry && /* @__PURE__ */ import_react55.default.createElement(ActionButton2, { onClick: onRetry, label: "Regenerate response" }, /* @__PURE__ */ import_react55.default.createElement(import_lucide_react12.RotateCcw, { className: "w-3.5 h-3.5" }))
+      /* @__PURE__ */ import_react69.default.createElement(ActionButton2, { onClick: handleCopy, label: copied ? "Copied!" : "Copy message" }, copied ? /* @__PURE__ */ import_react69.default.createElement(import_lucide_react13.Check, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ import_react69.default.createElement(import_lucide_react13.Copy, { className: "w-3.5 h-3.5" })),
+      isUser && onEdit && /* @__PURE__ */ import_react69.default.createElement(ActionButton2, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ import_react69.default.createElement(import_lucide_react13.Pencil, { className: "w-3.5 h-3.5" })),
+      !isUser && onRetry && /* @__PURE__ */ import_react69.default.createElement(ActionButton2, { onClick: onRetry, label: "Regenerate response" }, /* @__PURE__ */ import_react69.default.createElement(import_lucide_react13.RotateCcw, { className: "w-3.5 h-3.5" }))
     );
   }
 );
 MessageActions.displayName = "MessageActions";
 
 // src/components/chat/BranchNavigator.tsx
-var import_react56 = __toESM(require("react"));
-var import_lucide_react13 = require("lucide-react");
-var BranchNavigator = import_react56.default.forwardRef(
+var import_react70 = __toESM(require("react"));
+var import_lucide_react14 = require("lucide-react");
+var BranchNavigator = import_react70.default.forwardRef(
   ({
     current,
     total,
@@ -5684,7 +6342,7 @@ var BranchNavigator = import_react56.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_react56.default.createElement(
+    return /* @__PURE__ */ import_react70.default.createElement(
       "div",
       {
         ref,
@@ -5696,8 +6354,8 @@ var BranchNavigator = import_react56.default.forwardRef(
         "aria-label": "Branch navigation",
         ...rest
       },
-      showIcon && /* @__PURE__ */ import_react56.default.createElement(import_lucide_react13.GitBranch, { className: cx(iconSize, "mr-0.5 text-silver/50"), "aria-hidden": "true" }),
-      /* @__PURE__ */ import_react56.default.createElement(
+      showIcon && /* @__PURE__ */ import_react70.default.createElement(import_lucide_react14.GitBranch, { className: cx(iconSize, "mr-0.5 text-silver/50"), "aria-hidden": "true" }),
+      /* @__PURE__ */ import_react70.default.createElement(
         "button",
         {
           type: "button",
@@ -5710,10 +6368,10 @@ var BranchNavigator = import_react56.default.forwardRef(
           ),
           "aria-label": "Previous branch"
         },
-        /* @__PURE__ */ import_react56.default.createElement(import_lucide_react13.ChevronLeft, { className: iconSize })
+        /* @__PURE__ */ import_react70.default.createElement(import_lucide_react14.ChevronLeft, { className: iconSize })
       ),
-      /* @__PURE__ */ import_react56.default.createElement("span", { className: cx(textSize, "tabular-nums min-w-6 text-center") }, current, "/", total),
-      /* @__PURE__ */ import_react56.default.createElement(
+      /* @__PURE__ */ import_react70.default.createElement("span", { className: cx(textSize, "tabular-nums min-w-6 text-center") }, current, "/", total),
+      /* @__PURE__ */ import_react70.default.createElement(
         "button",
         {
           type: "button",
@@ -5726,7 +6384,7 @@ var BranchNavigator = import_react56.default.forwardRef(
           ),
           "aria-label": "Next branch"
         },
-        /* @__PURE__ */ import_react56.default.createElement(import_lucide_react13.ChevronRight, { className: iconSize })
+        /* @__PURE__ */ import_react70.default.createElement(import_lucide_react14.ChevronRight, { className: iconSize })
       )
     );
   }
@@ -5734,13 +6392,13 @@ var BranchNavigator = import_react56.default.forwardRef(
 BranchNavigator.displayName = "BranchNavigator";
 
 // src/components/chat/hooks/useArtifacts.ts
-var import_react57 = require("react");
+var import_react71 = require("react");
 function useArtifacts() {
-  const [artifacts, setArtifacts] = (0, import_react57.useState)([]);
-  const scheduleArtifact = (0, import_react57.useCallback)((artifact) => {
+  const [artifacts, setArtifacts] = (0, import_react71.useState)([]);
+  const scheduleArtifact = (0, import_react71.useCallback)((artifact) => {
     setArtifacts((prev) => [...prev, { ...artifact, isPending: true }]);
   }, []);
-  const showArtifact = (0, import_react57.useCallback)(
+  const showArtifact = (0, import_react71.useCallback)(
     (artifactId, updates) => {
       setArtifacts((prev) => {
         const existingIndex = prev.findIndex((a) => a.id === artifactId);
@@ -5755,26 +6413,26 @@ function useArtifacts() {
     },
     []
   );
-  const removeArtifact = (0, import_react57.useCallback)((artifactId) => {
+  const removeArtifact = (0, import_react71.useCallback)((artifactId) => {
     setArtifacts((prev) => prev.filter((a) => a.id !== artifactId));
   }, []);
-  const clearArtifacts = (0, import_react57.useCallback)(() => {
+  const clearArtifacts = (0, import_react71.useCallback)(() => {
     setArtifacts([]);
   }, []);
   return { artifacts, scheduleArtifact, showArtifact, removeArtifact, clearArtifacts };
 }
 
 // src/components/BrandIcon.tsx
-var import_react58 = __toESM(require("react"));
+var import_react72 = __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_react58.default.forwardRef(
+var BrandIcon = import_react72.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_react58.default.createElement(
+    return /* @__PURE__ */ import_react72.default.createElement(
       "div",
       {
         ref,
@@ -5793,17 +6451,17 @@ var BrandIcon = import_react58.default.forwardRef(
 BrandIcon.displayName = "BrandIcon";
 
 // src/components/ColorSwatch.tsx
-var import_react59 = __toESM(require("react"));
-var ColorSwatch = import_react59.default.forwardRef(
+var import_react73 = __toESM(require("react"));
+var ColorSwatch = import_react73.default.forwardRef(
   ({ color, label, className, ...rest }, ref) => {
-    return /* @__PURE__ */ import_react59.default.createElement(
+    return /* @__PURE__ */ import_react73.default.createElement(
       "div",
       {
         ref,
         className: cx("flex flex-col items-center gap-2", className),
         ...rest
       },
-      /* @__PURE__ */ import_react59.default.createElement(
+      /* @__PURE__ */ import_react73.default.createElement(
         "div",
         {
           className: "h-16 w-16 border-2 border-ash rounded-none shadow-sm",
@@ -5811,22 +6469,22 @@ var ColorSwatch = import_react59.default.forwardRef(
           "aria-label": label || color
         }
       ),
-      label && /* @__PURE__ */ import_react59.default.createElement("span", { className: "text-xs text-silver font-medium" }, label)
+      label && /* @__PURE__ */ import_react73.default.createElement("span", { className: "text-xs text-silver font-medium" }, label)
     );
   }
 );
 ColorSwatch.displayName = "ColorSwatch";
 
 // src/components/SectionHeading.tsx
-var import_react60 = __toESM(require("react"));
+var import_react74 = __toESM(require("react"));
 var levelStyles = {
   h2: "text-2xl mb-4",
   h3: "text-xl mb-3"
 };
-var SectionHeading = import_react60.default.forwardRef(
+var SectionHeading = import_react74.default.forwardRef(
   ({ level = "h2", children, className, ...rest }, ref) => {
     const Component = level;
-    return /* @__PURE__ */ import_react60.default.createElement(
+    return /* @__PURE__ */ import_react74.default.createElement(
       Component,
       {
         ref,
@@ -5856,6 +6514,7 @@ var version = "2.0.0";
   ArtifactsPanel,
   ArtifactsPanelToggle,
   AttachmentPreview,
+  AudioCard,
   Avatar,
   Badge,
   BranchNavigator,
@@ -5868,17 +6527,25 @@ var version = "2.0.0";
   ChatInput,
   ChatInterface,
   ChatView,
+  CheckSquareIcon,
   Checkbox,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  CloseIcon,
   Col,
   CollapsedSidebarToggle,
   ColorSwatch,
   ConfirmDialog,
   Container,
   ConversationSidebar,
+  CrossSquareIcon,
   Divider,
   Drawer,
+  EmptySquareIcon,
+  ExpandIcon,
   FileChip,
   HelperText,
+  HistoryIcon,
   ImageCard,
   Input,
   InputGroup,
@@ -5888,6 +6555,7 @@ var version = "2.0.0";
   InputRightElement,
   InputWrapper,
   Label,
+  LayersIcon,
   List,
   ListItem,
   ListItemText,
@@ -5909,16 +6577,19 @@ var version = "2.0.0";
   NavbarItem,
   NavbarLink,
   Pagination,
+  PlusIcon,
   Popover,
   Progress,
   PromptDialog,
   Radio,
   Row,
+  ScriptCard,
   SectionHeading,
   Select,
   Skeleton,
   Slider,
   Spinner,
+  SquareLoaderIcon,
   Stack,
   Stepper,
   StreamingCursor,
@@ -5938,6 +6609,7 @@ var version = "2.0.0";
   Textarea,
   ThinkingIndicator,
   ToastProvider,
+  TodosList,
   Tooltip,
   VideoCard,
   addMessageToTree,