@lukeashford/aurelius 3.1.0 → 3.2.1

package/dist/index.mjs

@@ -3320,9 +3320,9 @@ var Stepper = React40.forwardRef(
 );
 Stepper.displayName = "Stepper";
 
-// src/components/icons/ChevronLeftIcon.tsx
+// src/components/icons/ChatBubbleIcon.tsx
 import React41 from "react";
-function ChevronLeftIcon({ className, ...props }) {
+function ChatBubbleIcon({ className, ...props }) {
   return /* @__PURE__ */ React41.createElement(
     "svg",
     {
@@ -3333,6 +3333,27 @@ function ChevronLeftIcon({ className, ...props }) {
       ...props
     },
     /* @__PURE__ */ React41.createElement(
+      "path",
+      {
+        d: "M2 3h16v11H6l-4 3V3z"
+      }
+    )
+  );
+}
+
+// src/components/icons/ChevronLeftIcon.tsx
+import React42 from "react";
+function ChevronLeftIcon({ className, ...props }) {
+  return /* @__PURE__ */ React42.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className,
+      ...props
+    },
+    /* @__PURE__ */ React42.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3344,9 +3365,9 @@ function ChevronLeftIcon({ className, ...props }) {
 }
 
 // src/components/icons/ChevronRightIcon.tsx
-import React42 from "react";
+import React43 from "react";
 function ChevronRightIcon({ className, ...props }) {
-  return /* @__PURE__ */ React42.createElement(
+  return /* @__PURE__ */ React43.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3355,7 +3376,7 @@ function ChevronRightIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ React42.createElement(
+    /* @__PURE__ */ React43.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3367,9 +3388,9 @@ function ChevronRightIcon({ className, ...props }) {
 }
 
 // src/components/icons/CloseIcon.tsx
-import React43 from "react";
+import React44 from "react";
 function CloseIcon({ className, ...props }) {
-  return /* @__PURE__ */ React43.createElement(
+  return /* @__PURE__ */ React44.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3378,7 +3399,7 @@ function CloseIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ React43.createElement(
+    /* @__PURE__ */ React44.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"
@@ -3388,9 +3409,9 @@ function CloseIcon({ className, ...props }) {
 }
 
 // src/components/icons/ExpandIcon.tsx
-import React44 from "react";
+import React45 from "react";
 function ExpandIcon({ className, ...props }) {
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3399,7 +3420,7 @@ function ExpandIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.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"
@@ -3409,9 +3430,9 @@ function ExpandIcon({ className, ...props }) {
 }
 
 // src/components/icons/HistoryIcon.tsx
-import React45 from "react";
+import React46 from "react";
 function HistoryIcon({ className, ...props }) {
-  return /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React46.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3420,7 +3441,7 @@ function HistoryIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ React45.createElement(
+    /* @__PURE__ */ React46.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3432,9 +3453,9 @@ function HistoryIcon({ className, ...props }) {
 }
 
 // src/components/icons/LayersIcon.tsx
-import React46 from "react";
+import React47 from "react";
 function LayersIcon({ className, ...props }) {
-  return /* @__PURE__ */ React46.createElement(
+  return /* @__PURE__ */ React47.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3443,19 +3464,19 @@ function LayersIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ React46.createElement(
+    /* @__PURE__ */ React47.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__ */ React46.createElement(
+    /* @__PURE__ */ React47.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__ */ React46.createElement(
+    /* @__PURE__ */ React47.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"
@@ -3465,9 +3486,9 @@ function LayersIcon({ className, ...props }) {
 }
 
 // src/components/icons/MediaIcon.tsx
-import React47 from "react";
+import React48 from "react";
 function MediaIcon({ className, ...props }) {
-  return /* @__PURE__ */ React47.createElement(
+  return /* @__PURE__ */ React48.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3476,7 +3497,7 @@ function MediaIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ React47.createElement(
+    /* @__PURE__ */ React48.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3488,9 +3509,9 @@ function MediaIcon({ className, ...props }) {
 }
 
 // src/components/icons/PlusIcon.tsx
-import React48 from "react";
+import React49 from "react";
 function PlusIcon({ className, ...props }) {
-  return /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React49.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3499,7 +3520,7 @@ function PlusIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ React48.createElement(
+    /* @__PURE__ */ React49.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"
@@ -3509,9 +3530,9 @@ function PlusIcon({ className, ...props }) {
 }
 
 // src/components/icons/CheckSquareIcon.tsx
-import React49 from "react";
+import React50 from "react";
 function CheckSquareIcon({ className, ...props }) {
-  return /* @__PURE__ */ React49.createElement(
+  return /* @__PURE__ */ React50.createElement(
     "div",
     {
       className: cx(
@@ -3520,14 +3541,14 @@ function CheckSquareIcon({ className, ...props }) {
       ),
       ...props
     },
-    /* @__PURE__ */ React49.createElement(
+    /* @__PURE__ */ React50.createElement(
       "svg",
       {
         viewBox: "0 0 16 16",
         fill: "none",
         className: "absolute inset-0 w-full h-full p-0.5"
       },
-      /* @__PURE__ */ React49.createElement(
+      /* @__PURE__ */ React50.createElement(
         "path",
         {
           d: "M3 8l3 3 7-7",
@@ -3543,9 +3564,9 @@ function CheckSquareIcon({ className, ...props }) {
 }
 
 // src/components/icons/EmptySquareIcon.tsx
-import React50 from "react";
+import React51 from "react";
 function EmptySquareIcon({ className, ...props }) {
-  return /* @__PURE__ */ React50.createElement(
+  return /* @__PURE__ */ React51.createElement(
     "div",
     {
       className: cx(
@@ -3558,9 +3579,9 @@ function EmptySquareIcon({ className, ...props }) {
 }
 
 // src/components/icons/CrossSquareIcon.tsx
-import React51 from "react";
+import React52 from "react";
 function CrossSquareIcon({ className, variant = "cancelled", ...props }) {
-  return /* @__PURE__ */ React51.createElement(
+  return /* @__PURE__ */ React52.createElement(
     "div",
     {
       className: cx(
@@ -3570,14 +3591,14 @@ function CrossSquareIcon({ className, variant = "cancelled", ...props }) {
       ),
       ...props
     },
-    /* @__PURE__ */ React51.createElement(
+    /* @__PURE__ */ React52.createElement(
       "svg",
       {
         viewBox: "0 0 16 16",
         fill: "none",
         className: "absolute inset-0 w-full h-full p-0.5"
       },
-      /* @__PURE__ */ React51.createElement(
+      /* @__PURE__ */ React52.createElement(
         "path",
         {
           d: "M4 4l8 8M12 4l-8 8",
@@ -3592,15 +3613,15 @@ function CrossSquareIcon({ className, variant = "cancelled", ...props }) {
 }
 
 // src/components/icons/SquareLoaderIcon.tsx
-import React52 from "react";
+import React53 from "react";
 function SquareLoaderIcon({ className, ...props }) {
-  return /* @__PURE__ */ React52.createElement("div", { className: cx("relative w-4 h-4 flex-shrink-0", className), ...props }, /* @__PURE__ */ React52.createElement(
+  return /* @__PURE__ */ React53.createElement("div", { className: cx("relative w-4 h-4 flex-shrink-0", className), ...props }, /* @__PURE__ */ React53.createElement(
     "svg",
     {
       viewBox: "0 0 16 16",
       className: "w-full h-full animate-snake-spin"
     },
-    /* @__PURE__ */ React52.createElement(
+    /* @__PURE__ */ React53.createElement(
       "rect",
       {
         x: "1",
@@ -3613,7 +3634,7 @@ function SquareLoaderIcon({ className, ...props }) {
         className: "text-ash/40"
       }
     ),
-    /* @__PURE__ */ React52.createElement(
+    /* @__PURE__ */ React53.createElement(
       "rect",
       {
         x: "1",
@@ -3632,10 +3653,10 @@ function SquareLoaderIcon({ className, ...props }) {
 }
 
 // src/components/Message.tsx
-import React54, { useEffect as useEffect6, useRef as useRef5, useState as useState10 } from "react";
+import React55, { useEffect as useEffect6, useRef as useRef5, useState as useState10 } from "react";
 
 // src/components/MarkdownContent.tsx
-import React53, { useMemo } from "react";
+import React54, { useMemo } from "react";
 import DOMPurify from "dompurify";
 import { marked } from "marked";
 var DEFAULT_SANITIZE_CONFIG = {
@@ -3742,7 +3763,7 @@ function injectStreamingCursor(html, cursorClassName) {
   target.insertAdjacentHTML("beforeend", cursorHtml);
   return container.innerHTML;
 }
-var MarkdownContent = React53.forwardRef(
+var MarkdownContent = React54.forwardRef(
   ({ className, content, isMarkdown = true, sanitizeConfig, isStreaming, cursorClassName, ...rest }, ref) => {
     useDOMPurifySetup();
     const sanitizedHtml = useMemo(() => {
@@ -3767,7 +3788,7 @@ var MarkdownContent = React53.forwardRef(
       }
       return sanitized;
     }, [content, sanitizeConfig, isStreaming, cursorClassName]);
-    return /* @__PURE__ */ React53.createElement(
+    return /* @__PURE__ */ React54.createElement(
       "div",
       {
         ref,
@@ -3785,7 +3806,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__ */ React54.createElement(
+var ActionButton = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ React55.createElement(
   "button",
   {
     type: "button",
@@ -3801,7 +3822,7 @@ var ActionButton = ({ onClick, label, children, className, disabled }) => /* @__
   },
   children
 );
-var CopyIcon = () => /* @__PURE__ */ React54.createElement(
+var CopyIcon = () => /* @__PURE__ */ React55.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3813,10 +3834,10 @@ var CopyIcon = () => /* @__PURE__ */ React54.createElement(
     strokeLinejoin: "round",
     className: "w-3.5 h-3.5"
   },
-  /* @__PURE__ */ React54.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
-  /* @__PURE__ */ React54.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__ */ React55.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+  /* @__PURE__ */ React55.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__ */ React54.createElement(
+var CheckIcon = () => /* @__PURE__ */ React55.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3828,9 +3849,9 @@ var CheckIcon = () => /* @__PURE__ */ React54.createElement(
     strokeLinejoin: "round",
     className: "w-3.5 h-3.5 text-success"
   },
-  /* @__PURE__ */ React54.createElement("polyline", { points: "20 6 9 17 4 12" })
+  /* @__PURE__ */ React55.createElement("polyline", { points: "20 6 9 17 4 12" })
 );
-var PencilIcon = () => /* @__PURE__ */ React54.createElement(
+var PencilIcon = () => /* @__PURE__ */ React55.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3842,10 +3863,10 @@ var PencilIcon = () => /* @__PURE__ */ React54.createElement(
     strokeLinejoin: "round",
     className: "w-3.5 h-3.5"
   },
-  /* @__PURE__ */ React54.createElement("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }),
-  /* @__PURE__ */ React54.createElement("path", { d: "m15 5 4 4" })
+  /* @__PURE__ */ React55.createElement("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }),
+  /* @__PURE__ */ React55.createElement("path", { d: "m15 5 4 4" })
 );
-var RetryIcon = () => /* @__PURE__ */ React54.createElement(
+var RetryIcon = () => /* @__PURE__ */ React55.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3857,12 +3878,12 @@ var RetryIcon = () => /* @__PURE__ */ React54.createElement(
     strokeLinejoin: "round",
     className: "w-3.5 h-3.5"
   },
-  /* @__PURE__ */ React54.createElement("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
-  /* @__PURE__ */ React54.createElement("path", { d: "M21 3v5h-5" }),
-  /* @__PURE__ */ React54.createElement("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
-  /* @__PURE__ */ React54.createElement("path", { d: "M8 16H3v5" })
+  /* @__PURE__ */ React55.createElement("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+  /* @__PURE__ */ React55.createElement("path", { d: "M21 3v5h-5" }),
+  /* @__PURE__ */ React55.createElement("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+  /* @__PURE__ */ React55.createElement("path", { d: "M8 16H3v5" })
 );
-var ChevronLeftIcon2 = () => /* @__PURE__ */ React54.createElement(
+var ChevronLeftIcon2 = () => /* @__PURE__ */ React55.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3874,9 +3895,9 @@ var ChevronLeftIcon2 = () => /* @__PURE__ */ React54.createElement(
     strokeLinejoin: "round",
     className: "w-3 h-3"
   },
-  /* @__PURE__ */ React54.createElement("path", { d: "m15 18-6-6 6-6" })
+  /* @__PURE__ */ React55.createElement("path", { d: "m15 18-6-6 6-6" })
 );
-var ChevronRightIcon2 = () => /* @__PURE__ */ React54.createElement(
+var ChevronRightIcon2 = () => /* @__PURE__ */ React55.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3888,9 +3909,9 @@ var ChevronRightIcon2 = () => /* @__PURE__ */ React54.createElement(
     strokeLinejoin: "round",
     className: "w-3 h-3"
   },
-  /* @__PURE__ */ React54.createElement("path", { d: "m9 18 6-6-6-6" })
+  /* @__PURE__ */ React55.createElement("path", { d: "m9 18 6-6-6-6" })
 );
-var GitBranchIcon = () => /* @__PURE__ */ React54.createElement(
+var GitBranchIcon = () => /* @__PURE__ */ React55.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3902,12 +3923,12 @@ var GitBranchIcon = () => /* @__PURE__ */ React54.createElement(
     strokeLinejoin: "round",
     className: "w-3 h-3 mr-0.5 text-silver/50"
   },
-  /* @__PURE__ */ React54.createElement("line", { x1: "6", x2: "6", y1: "3", y2: "15" }),
-  /* @__PURE__ */ React54.createElement("circle", { cx: "18", cy: "6", r: "3" }),
-  /* @__PURE__ */ React54.createElement("circle", { cx: "6", cy: "18", r: "3" }),
-  /* @__PURE__ */ React54.createElement("path", { d: "M18 9a9 9 0 0 1-9 9" })
+  /* @__PURE__ */ React55.createElement("line", { x1: "6", x2: "6", y1: "3", y2: "15" }),
+  /* @__PURE__ */ React55.createElement("circle", { cx: "18", cy: "6", r: "3" }),
+  /* @__PURE__ */ React55.createElement("circle", { cx: "6", cy: "18", r: "3" }),
+  /* @__PURE__ */ React55.createElement("path", { d: "M18 9a9 9 0 0 1-9 9" })
 );
-var XIcon = () => /* @__PURE__ */ React54.createElement(
+var XIcon = () => /* @__PURE__ */ React55.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3919,10 +3940,10 @@ var XIcon = () => /* @__PURE__ */ React54.createElement(
     strokeLinejoin: "round",
     className: "w-4 h-4"
   },
-  /* @__PURE__ */ React54.createElement("path", { d: "M18 6 6 18" }),
-  /* @__PURE__ */ React54.createElement("path", { d: "m6 6 12 12" })
+  /* @__PURE__ */ React55.createElement("path", { d: "M18 6 6 18" }),
+  /* @__PURE__ */ React55.createElement("path", { d: "m6 6 12 12" })
 );
-var SendIcon = () => /* @__PURE__ */ React54.createElement(
+var SendIcon = () => /* @__PURE__ */ React55.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3934,10 +3955,10 @@ var SendIcon = () => /* @__PURE__ */ React54.createElement(
     strokeLinejoin: "round",
     className: "w-4 h-4"
   },
-  /* @__PURE__ */ React54.createElement("path", { d: "m22 2-7 20-4-9-9-4Z" }),
-  /* @__PURE__ */ React54.createElement("path", { d: "M22 2 11 13" })
+  /* @__PURE__ */ React55.createElement("path", { d: "m22 2-7 20-4-9-9-4Z" }),
+  /* @__PURE__ */ React55.createElement("path", { d: "M22 2 11 13" })
 );
-var Message = React54.forwardRef(
+var Message = React55.forwardRef(
   ({
     variant = "assistant",
     className,
@@ -4009,7 +4030,7 @@ var Message = React54.forwardRef(
       textarea.style.height = "auto";
       textarea.style.height = `${textarea.scrollHeight}px`;
     };
-    return /* @__PURE__ */ React54.createElement(
+    return /* @__PURE__ */ React55.createElement(
       "div",
       {
         ref,
@@ -4020,7 +4041,7 @@ var Message = React54.forwardRef(
         ),
         ...rest
       },
-      isUser && isEditing ? /* @__PURE__ */ React54.createElement("div", { className: "w-full max-w-11/12" }, /* @__PURE__ */ React54.createElement("div", { className: "relative bg-gold" }, /* @__PURE__ */ React54.createElement(
+      isUser && isEditing ? /* @__PURE__ */ React55.createElement("div", { className: "w-full max-w-11/12" }, /* @__PURE__ */ React55.createElement("div", { className: "relative bg-gold" }, /* @__PURE__ */ React55.createElement(
         "textarea",
         {
           ref: textareaRef,
@@ -4030,7 +4051,7 @@ var Message = React54.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__ */ React54.createElement("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex gap-0.5" }, /* @__PURE__ */ React54.createElement(
+      ), /* @__PURE__ */ React55.createElement("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex gap-0.5" }, /* @__PURE__ */ React55.createElement(
         "button",
         {
           type: "button",
@@ -4038,8 +4059,8 @@ var Message = React54.forwardRef(
           className: "p-1.5 text-obsidian/60 hover:text-obsidian transition-colors",
           "aria-label": "Cancel edit"
         },
-        /* @__PURE__ */ React54.createElement(XIcon, null)
-      ), /* @__PURE__ */ React54.createElement(
+        /* @__PURE__ */ React55.createElement(XIcon, null)
+      ), /* @__PURE__ */ React55.createElement(
         "button",
         {
           type: "button",
@@ -4048,8 +4069,8 @@ var Message = React54.forwardRef(
           className: "p-1.5 text-obsidian/60 hover:text-obsidian transition-colors disabled:opacity-30",
           "aria-label": "Submit edit"
         },
-        /* @__PURE__ */ React54.createElement(SendIcon, null)
-      )))) : /* @__PURE__ */ React54.createElement(
+        /* @__PURE__ */ React55.createElement(SendIcon, null)
+      )))) : /* @__PURE__ */ React55.createElement(
         "div",
         {
           className: cx(
@@ -4057,7 +4078,7 @@ var Message = React54.forwardRef(
             variantStyles2[variant]
           )
         },
-        /* @__PURE__ */ React54.createElement(
+        /* @__PURE__ */ React55.createElement(
           MarkdownContent,
           {
             content,
@@ -4067,17 +4088,17 @@ var Message = React54.forwardRef(
           }
         )
       ),
-      showActions && !isEditing && /* @__PURE__ */ React54.createElement("div", { className: cx(
+      showActions && !isEditing && /* @__PURE__ */ React55.createElement("div", { className: cx(
         "flex items-center gap-0.5 mt-1",
         isUser ? "mr-1" : "ml-1"
-      ) }, actions.showCopy !== false && /* @__PURE__ */ React54.createElement(
+      ) }, actions.showCopy !== false && /* @__PURE__ */ React55.createElement(
         ActionButton,
         {
           onClick: handleCopy,
           label: copied ? "Copied!" : "Copy message"
         },
-        copied ? /* @__PURE__ */ React54.createElement(CheckIcon, null) : /* @__PURE__ */ React54.createElement(CopyIcon, null)
-      ), isUser && actions.onEdit && /* @__PURE__ */ React54.createElement(ActionButton, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ React54.createElement(PencilIcon, null)), !isUser && actions.onRetry && /* @__PURE__ */ React54.createElement(ActionButton, { onClick: actions.onRetry, label: "Regenerate response" }, /* @__PURE__ */ React54.createElement(RetryIcon, null)), showBranchNav && /* @__PURE__ */ React54.createElement(React54.Fragment, null, /* @__PURE__ */ React54.createElement("div", { className: "w-px h-4 bg-ash/40 mx-1" }), /* @__PURE__ */ React54.createElement("div", { className: "flex items-center gap-0.5 text-silver/70" }, /* @__PURE__ */ React54.createElement(GitBranchIcon, null), /* @__PURE__ */ React54.createElement(
+        copied ? /* @__PURE__ */ React55.createElement(CheckIcon, null) : /* @__PURE__ */ React55.createElement(CopyIcon, null)
+      ), isUser && actions.onEdit && /* @__PURE__ */ React55.createElement(ActionButton, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ React55.createElement(PencilIcon, null)), !isUser && actions.onRetry && /* @__PURE__ */ React55.createElement(ActionButton, { onClick: actions.onRetry, label: "Regenerate response" }, /* @__PURE__ */ React55.createElement(RetryIcon, null)), showBranchNav && /* @__PURE__ */ React55.createElement(React55.Fragment, null, /* @__PURE__ */ React55.createElement("div", { className: "w-px h-4 bg-ash/40 mx-1" }), /* @__PURE__ */ React55.createElement("div", { className: "flex items-center gap-0.5 text-silver/70" }, /* @__PURE__ */ React55.createElement(GitBranchIcon, null), /* @__PURE__ */ React55.createElement(
         "button",
         {
           type: "button",
@@ -4089,8 +4110,8 @@ var Message = React54.forwardRef(
           ),
           "aria-label": "Previous branch"
         },
-        /* @__PURE__ */ React54.createElement(ChevronLeftIcon2, null)
-      ), /* @__PURE__ */ React54.createElement("span", { className: "text-xs tabular-nums min-w-6 text-center" }, branchInfo.current, "/", branchInfo.total), /* @__PURE__ */ React54.createElement(
+        /* @__PURE__ */ React55.createElement(ChevronLeftIcon2, null)
+      ), /* @__PURE__ */ React55.createElement("span", { className: "text-xs tabular-nums min-w-6 text-center" }, branchInfo.current, "/", branchInfo.total), /* @__PURE__ */ React55.createElement(
         "button",
         {
           type: "button",
@@ -4102,7 +4123,7 @@ var Message = React54.forwardRef(
           ),
           "aria-label": "Next branch"
         },
-        /* @__PURE__ */ React54.createElement(ChevronRightIcon2, null)
+        /* @__PURE__ */ React55.createElement(ChevronRightIcon2, null)
       ))))
     );
   }
@@ -4110,15 +4131,15 @@ var Message = React54.forwardRef(
 Message.displayName = "Message";
 
 // src/components/StreamingCursor.tsx
-import React55 from "react";
-var StreamingCursor = React55.forwardRef(
+import React56 from "react";
+var StreamingCursor = React56.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__ */ React55.createElement(
+    return /* @__PURE__ */ React56.createElement(
       "span",
       {
         ref,
@@ -4139,7 +4160,7 @@ StreamingCursor.displayName = "StreamingCursor";
 import React73, { useCallback as useCallback18, useEffect as useEffect15, useMemo as useMemo4, useRef as useRef13, useState as useState19 } from "react";
 
 // src/components/chat/ChatView.tsx
-import React57, { useEffect as useEffect9 } from "react";
+import React58, { useEffect as useEffect9 } from "react";
 
 // src/components/chat/hooks/useScrollAnchor.ts
 import { useCallback as useCallback11, useRef as useRef6 } from "react";
@@ -4255,7 +4276,7 @@ function useAdaptiveSpacer(options = {}) {
 }
 
 // src/components/chat/ThinkingIndicator.tsx
-import React56, { useEffect as useEffect8, useState as useState12 } from "react";
+import React57, { useEffect as useEffect8, useState as useState12 } from "react";
 var THINKING_PHRASES = [
   "Consulting the ancient tomes...",
   "Parsing the ineffable...",
@@ -4271,7 +4292,7 @@ var THINKING_PHRASES = [
   "Consulting my inner monologue...",
   "Summoning the muse..."
 ];
-var ThinkingIndicator = React56.forwardRef(
+var ThinkingIndicator = React57.forwardRef(
   ({
     isVisible = true,
     phraseInterval = 2500,
@@ -4299,7 +4320,7 @@ var ThinkingIndicator = React56.forwardRef(
     if (!isVisible) {
       return null;
     }
-    return /* @__PURE__ */ React56.createElement(
+    return /* @__PURE__ */ React57.createElement(
       "div",
       {
         ref,
@@ -4313,26 +4334,26 @@ var ThinkingIndicator = React56.forwardRef(
         "aria-live": "polite",
         ...rest
       },
-      /* @__PURE__ */ React56.createElement("div", { className: "flex gap-1", "aria-hidden": "true" }, /* @__PURE__ */ React56.createElement(
+      /* @__PURE__ */ React57.createElement("div", { className: "flex gap-1", "aria-hidden": "true" }, /* @__PURE__ */ React57.createElement(
         "span",
         {
           className: "w-1.5 h-1.5 bg-gold/60 rounded-full animate-pulse",
           style: { animationDelay: "0ms" }
         }
-      ), /* @__PURE__ */ React56.createElement(
+      ), /* @__PURE__ */ React57.createElement(
         "span",
         {
           className: "w-1.5 h-1.5 bg-gold/60 rounded-full animate-pulse",
           style: { animationDelay: "150ms" }
         }
-      ), /* @__PURE__ */ React56.createElement(
+      ), /* @__PURE__ */ React57.createElement(
         "span",
         {
           className: "w-1.5 h-1.5 bg-gold/60 rounded-full animate-pulse",
           style: { animationDelay: "300ms" }
         }
       )),
-      /* @__PURE__ */ React56.createElement(
+      /* @__PURE__ */ React57.createElement(
         "span",
         {
           className: cx(
@@ -4348,7 +4369,7 @@ var ThinkingIndicator = React56.forwardRef(
 ThinkingIndicator.displayName = "ThinkingIndicator";
 
 // src/components/chat/ChatView.tsx
-var ChatView = React57.forwardRef(
+var ChatView = React58.forwardRef(
   ({ messages, latestUserMessageIndex, isStreaming, isThinking, onScroll, className, ...rest }, ref) => {
     const { containerRef, anchorRef, scrollToAnchor } = useScrollAnchor({
       behavior: "smooth",
@@ -4370,7 +4391,7 @@ var ChatView = React57.forwardRef(
       return found;
     }, -1);
     const showThinking = isThinking && messages.length > 0 && messages[messages.length - 1]?.variant === "user";
-    return /* @__PURE__ */ React57.createElement(
+    return /* @__PURE__ */ React58.createElement(
       "div",
       {
         ref: (node) => {
@@ -4390,7 +4411,7 @@ var ChatView = React57.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ React57.createElement("div", { ref: contentRef, className: "relative flex flex-col gap-3" }, messages.map(({
+      /* @__PURE__ */ React58.createElement("div", { ref: contentRef, className: "relative flex flex-col gap-3" }, messages.map(({
         id,
         variant,
         className: messageClassName,
@@ -4403,14 +4424,14 @@ var ChatView = React57.forwardRef(
         const isLastMessage = index === messages.length - 1;
         const showStreaming = isLastMessage && isStreaming && variant === "assistant";
         const isMessageStreaming = showStreaming || !!nodeIsStreaming;
-        return /* @__PURE__ */ React57.createElement(
+        return /* @__PURE__ */ React58.createElement(
           "div",
           {
             key: id ?? `msg-${index}`,
             ref: isAnchor ? anchorRef : void 0,
             className: isAnchor ? "scroll-mt-4" : void 0
           },
-          /* @__PURE__ */ React57.createElement(
+          /* @__PURE__ */ React58.createElement(
             Message,
             {
               variant,
@@ -4423,8 +4444,8 @@ var ChatView = React57.forwardRef(
             }
           )
         );
-      }), showThinking && /* @__PURE__ */ React57.createElement(ThinkingIndicator, { isVisible: true })),
-      /* @__PURE__ */ React57.createElement(
+      }), showThinking && /* @__PURE__ */ React58.createElement(ThinkingIndicator, { isVisible: true })),
+      /* @__PURE__ */ React58.createElement(
         "div",
         {
           ref: spacerRef,
@@ -4439,7 +4460,7 @@ var ChatView = React57.forwardRef(
 ChatView.displayName = "ChatView";
 
 // src/components/chat/ChatInput.tsx
-import React58, { useCallback as useCallback13, useEffect as useEffect10, useRef as useRef8, useState as useState13 } from "react";
+import React59, { useCallback as useCallback13, useEffect as useEffect10, useRef as useRef8, useState as useState13 } from "react";
 import { Paperclip, Send, Square } from "lucide-react";
 
 // src/components/chat/types.ts
@@ -4608,7 +4629,7 @@ function isBranchPoint(tree, nodeId) {
 }
 
 // src/components/chat/ChatInput.tsx
-var ChatInput = React58.forwardRef(
+var ChatInput = React59.forwardRef(
   ({
     position = "bottom",
     placeholder = "Send a message...",
@@ -4742,7 +4763,7 @@ var ChatInput = React58.forwardRef(
     const isCentered = position === "centered";
     const hasAttachments = attachments.length > 0;
     const canSubmit = value.trim() && !disabled && !isStreaming;
-    return /* @__PURE__ */ React58.createElement(
+    return /* @__PURE__ */ React59.createElement(
       "div",
       {
         ref,
@@ -4754,8 +4775,8 @@ var ChatInput = React58.forwardRef(
         ),
         ...rest
       },
-      isCentered && helperText && /* @__PURE__ */ React58.createElement("p", { className: "text-silver text-sm mb-4 text-center" }, helperText),
-      /* @__PURE__ */ React58.createElement(
+      isCentered && helperText && /* @__PURE__ */ React59.createElement("p", { className: "text-silver text-sm mb-4 text-center" }, helperText),
+      /* @__PURE__ */ React59.createElement(
         "div",
         {
           className: cx(
@@ -4770,7 +4791,7 @@ var ChatInput = React58.forwardRef(
           onDragOver: showAttachmentButton ? handleDragOver : void 0,
           onDrop: showAttachmentButton ? handleDrop : void 0
         },
-        hasAttachments && /* @__PURE__ */ React58.createElement("div", { className: "px-3 pt-3 pb-1" }, /* @__PURE__ */ React58.createElement(
+        hasAttachments && /* @__PURE__ */ React59.createElement("div", { className: "px-3 pt-3 pb-1" }, /* @__PURE__ */ React59.createElement(
           AttachmentPreview,
           {
             attachments,
@@ -4778,14 +4799,14 @@ var ChatInput = React58.forwardRef(
             removable: !isStreaming
           }
         )),
-        isDragOver && /* @__PURE__ */ React58.createElement(
+        isDragOver && /* @__PURE__ */ React59.createElement(
           "div",
           {
             className: "absolute inset-0 bg-gold/10 flex items-center justify-center z-10 pointer-events-none"
           },
-          /* @__PURE__ */ React58.createElement("span", { className: "text-gold text-sm font-medium" }, "Drop files here")
+          /* @__PURE__ */ React59.createElement("span", { className: "text-gold text-sm font-medium" }, "Drop files here")
         ),
-        /* @__PURE__ */ React58.createElement("div", { className: "flex items-end" }, showAttachmentButton && /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement(
+        /* @__PURE__ */ React59.createElement("div", { className: "flex items-end" }, showAttachmentButton && /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(
           "button",
           {
             type: "button",
@@ -4797,8 +4818,8 @@ var ChatInput = React58.forwardRef(
             ),
             "aria-label": "Attach file"
           },
-          /* @__PURE__ */ React58.createElement(Paperclip, { className: "w-5 h-5" })
-        ), /* @__PURE__ */ React58.createElement(
+          /* @__PURE__ */ React59.createElement(Paperclip, { className: "w-5 h-5" })
+        ), /* @__PURE__ */ React59.createElement(
           "input",
           {
             ref: fileInputRef,
@@ -4809,7 +4830,7 @@ var ChatInput = React58.forwardRef(
             className: "hidden",
             "aria-hidden": "true"
           }
-        )), /* @__PURE__ */ React58.createElement(
+        )), /* @__PURE__ */ React59.createElement(
           "textarea",
           {
             ref: textareaRef,
@@ -4827,7 +4848,7 @@ var ChatInput = React58.forwardRef(
             ),
             style: { maxHeight: 200 }
           }
-        ), isStreaming ? /* @__PURE__ */ React58.createElement(
+        ), isStreaming ? /* @__PURE__ */ React59.createElement(
           "button",
           {
             type: "button",
@@ -4838,8 +4859,8 @@ var ChatInput = React58.forwardRef(
             ),
             "aria-label": "Stop generation"
           },
-          /* @__PURE__ */ React58.createElement(Square, { className: "w-5 h-5 fill-current" })
-        ) : /* @__PURE__ */ React58.createElement(
+          /* @__PURE__ */ React59.createElement(Square, { className: "w-5 h-5 fill-current" })
+        ) : /* @__PURE__ */ React59.createElement(
           "button",
           {
             type: "button",
@@ -4852,7 +4873,7 @@ var ChatInput = React58.forwardRef(
             ),
             "aria-label": "Send message"
           },
-          /* @__PURE__ */ React58.createElement(Send, { className: "w-5 h-5" })
+          /* @__PURE__ */ React59.createElement(Send, { className: "w-5 h-5" })
         ))
       )
     );
@@ -4860,193 +4881,6 @@ var ChatInput = React58.forwardRef(
 );
 ChatInput.displayName = "ChatInput";
 
-// src/components/chat/ConversationSidebar.tsx
-import React59 from "react";
-function HistoryIcon2({ className }) {
-  return /* @__PURE__ */ React59.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 20 20",
-      fill: "currentColor",
-      className
-    },
-    /* @__PURE__ */ React59.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"
-      }
-    )
-  );
-}
-function ChevronLeftIcon3({ className }) {
-  return /* @__PURE__ */ React59.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 20 20",
-      fill: "currentColor",
-      className
-    },
-    /* @__PURE__ */ React59.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"
-      }
-    )
-  );
-}
-var ConversationSidebar = React59.forwardRef(
-  ({
-    conversations,
-    isCollapsed = false,
-    onSelectConversation,
-    onNewChat,
-    onToggleCollapse,
-    width,
-    onResizeStart,
-    className,
-    ...rest
-  }, ref) => {
-    if (isCollapsed) {
-      return /* @__PURE__ */ React59.createElement(
-        "div",
-        {
-          ref,
-          className: cx(
-            "h-full bg-charcoal/80 border-r border-ash/40 flex flex-col items-center py-3",
-            "w-12 flex-shrink-0",
-            className
-          ),
-          ...rest
-        },
-        /* @__PURE__ */ React59.createElement(
-          "button",
-          {
-            onClick: onToggleCollapse,
-            className: cx(
-              "p-2",
-              "text-silver hover:text-white hover:bg-ash/20",
-              "transition-colors duration-150"
-            ),
-            "aria-label": "Expand sidebar"
-          },
-          /* @__PURE__ */ React59.createElement(HistoryIcon2, { className: "w-5 h-5" })
-        )
-      );
-    }
-    return /* @__PURE__ */ React59.createElement(
-      "div",
-      {
-        ref,
-        "data-testid": "conversation-sidebar",
-        className: cx(
-          "h-full bg-charcoal/80 border-r border-ash/40 flex flex-col relative group",
-          !width && "w-64",
-          "flex-shrink-0",
-          className
-        ),
-        style: width ? { width } : void 0,
-        ...rest
-      },
-      /* @__PURE__ */ React59.createElement(
-        "div",
-        {
-          onMouseDown: onResizeStart,
-          "data-testid": "sidebar-resize-handle",
-          className: cx(
-            "absolute top-0 right-0 w-1 h-full cursor-col-resize z-50",
-            "hover:bg-gold/50 transition-colors",
-            "after:absolute after:inset-y-0 after:-right-1 after:w-2"
-            // Larger hit area
-          )
-        }
-      ),
-      /* @__PURE__ */ React59.createElement("div", { className: "p-3 border-b border-ash/40 flex-shrink-0 flex items-center gap-2" }, /* @__PURE__ */ React59.createElement(
-        "button",
-        {
-          onClick: onToggleCollapse,
-          className: cx(
-            "p-1.5",
-            "text-silver hover:text-white hover:bg-ash/20",
-            "transition-colors duration-150"
-          ),
-          "aria-label": "Collapse sidebar"
-        },
-        /* @__PURE__ */ React59.createElement(ChevronLeftIcon3, { className: "w-5 h-5" })
-      ), /* @__PURE__ */ React59.createElement(
-        "button",
-        {
-          onClick: onNewChat,
-          className: cx(
-            "flex-1 px-3 py-2",
-            "bg-gold/10 hover:bg-gold/20 text-gold",
-            "border border-gold/30",
-            "flex items-center justify-center gap-2",
-            "transition-colors duration-200"
-          )
-        },
-        /* @__PURE__ */ React59.createElement(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 20 20",
-            fill: "currentColor",
-            className: "w-4 h-4"
-          },
-          /* @__PURE__ */ React59.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__ */ React59.createElement("span", { className: "text-sm font-medium" }, "New Chat")
-      )),
-      /* @__PURE__ */ React59.createElement("div", { className: "flex-1 overflow-y-auto py-2" }, conversations.length === 0 ? /* @__PURE__ */ React59.createElement("p", { className: "px-4 py-2 text-sm text-silver/60" }, "No conversations yet") : /* @__PURE__ */ React59.createElement("div", { className: "space-y-1 px-2" }, conversations.map((conversation) => /* @__PURE__ */ React59.createElement(
-        "button",
-        {
-          key: conversation.id,
-          onClick: () => onSelectConversation?.(conversation.id),
-          className: cx(
-            "w-full px-3 py-2 text-left",
-            "transition-colors duration-150",
-            conversation.isActive ? "bg-ash/40 text-white" : "text-silver hover:bg-ash/20 hover:text-white"
-          )
-        },
-        /* @__PURE__ */ React59.createElement("p", { className: "text-sm font-medium truncate" }, conversation.title),
-        conversation.preview && /* @__PURE__ */ React59.createElement("p", { className: "text-xs text-silver/60 truncate mt-0.5" }, conversation.preview),
-        conversation.timestamp && /* @__PURE__ */ React59.createElement("p", { className: "text-xs text-silver/40 mt-1" }, conversation.timestamp)
-      ))))
-    );
-  }
-);
-ConversationSidebar.displayName = "ConversationSidebar";
-var CollapsedSidebarToggle = React59.forwardRef(({ onExpand, className, ...rest }, ref) => {
-  return /* @__PURE__ */ React59.createElement(
-    "button",
-    {
-      ref,
-      onClick: onExpand,
-      className: cx(
-        "p-2",
-        "bg-charcoal/80 border border-ash/40",
-        "text-silver hover:text-white hover:bg-ash/20",
-        "transition-colors duration-150",
-        className
-      ),
-      "aria-label": "Expand sidebar",
-      ...rest
-    },
-    /* @__PURE__ */ React59.createElement(HistoryIcon2, { className: "w-5 h-5" })
-  );
-});
-CollapsedSidebarToggle.displayName = "CollapsedSidebarToggle";
-
 // src/components/chat/ArtifactsPanel.tsx
 import React69, { useCallback as useCallback15, useEffect as useEffect12, useRef as useRef10, useState as useState16 } from "react";
 
@@ -6266,9 +6100,13 @@ var ToolPanelContainer = React72.forwardRef(
     }, []);
     const resizeHeight = useCallback16(
       (e) => {
-        if (!isResizingHeight || lastY.current === null || !containerRef.current) return;
+        if (!isResizingHeight || lastY.current === null || !containerRef.current) {
+          return;
+        }
         const containerHeight = containerRef.current.getBoundingClientRect().height;
-        if (containerHeight === 0) return;
+        if (containerHeight === 0) {
+          return;
+        }
         const deltaY = e.clientY - lastY.current;
         const deltaPercent = deltaY / containerHeight * 100;
         setTopPercent((prev) => {
@@ -6303,8 +6141,11 @@ var ToolPanelContainer = React72.forwardRef(
       {
         ref: (node) => {
           containerRef.current = node;
-          if (typeof ref === "function") ref(node);
-          else if (ref) ref.current = node;
+          if (typeof ref === "function") {
+            ref(node);
+          } else if (ref) {
+            ref.current = node;
+          }
         },
         className: cx(
           "h-full bg-charcoal/50 flex flex-col relative shrink-0",
@@ -6319,7 +6160,7 @@ var ToolPanelContainer = React72.forwardRef(
         {
           onMouseDown: onResizeStart,
           className: cx(
-            "absolute top-0 w-1 h-full cursor-col-resize z-50",
+            "absolute top-0 w-1 h-full cursor-col-resize z-30",
             "hover:bg-gold/50 transition-colors",
             side === "left" ? "right-0 after:absolute after:inset-y-0 after:-right-1 after:w-2" : "left-0 after:absolute after:inset-y-0 after:-left-1 after:w-2"
           )
@@ -6338,7 +6179,7 @@ var ToolPanelContainer = React72.forwardRef(
         {
           onMouseDown: startHeightResize,
           className: cx(
-            "h-1 cursor-row-resize z-50 shrink-0",
+            "h-1 cursor-row-resize z-30 shrink-0",
             "bg-ash/40 hover:bg-gold/50 transition-colors",
             "relative",
             "after:absolute after:-top-1 after:left-0 after:right-0 after:h-3"
@@ -6434,7 +6275,6 @@ var ChatInterface = React73.forwardRef(
     isThinking = false,
     placeholder = "Send a message...",
     emptyStateHelper = "Let's talk.",
-    initialSidebarCollapsed = false,
     emptyState,
     showAttachmentButton = true,
     enableMessageActions = true,
@@ -6449,11 +6289,10 @@ var ChatInterface = React73.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [sidebarCollapsed, setSidebarCollapsed] = useState19(initialSidebarCollapsed);
     const prevArtifactNodesRef = useRef13([]);
     const prevTasksRef = useRef13([]);
     const [internalTools, setInternalTools] = useState19({
-      "top-left": null,
+      "top-left": "history",
       "bottom-left": null,
       "top-right": null,
       "bottom-right": null
@@ -6471,15 +6310,6 @@ var ChatInterface = React73.forwardRef(
     }, [isPanelControlled, isArtifactsPanelOpen, internalTools]);
     const isLeftPanelOpen = activeTools["top-left"] !== null || activeTools["bottom-left"] !== null;
     const isRightPanelOpen = activeTools["top-right"] !== null || activeTools["bottom-right"] !== null;
-    const {
-      width: sidebarWidth,
-      startResizing: startResizingSidebar
-    } = useResizable({
-      initialWidthPercent: 15,
-      minWidthPercent: 12,
-      maxWidthPercent: 25,
-      direction: "right"
-    });
     const {
       width: rightToolsWidth,
       startResizing: startResizingRightTools
@@ -6501,7 +6331,7 @@ var ChatInterface = React73.forwardRef(
     const allSettled = tasks.length === 0 || areAllTasksSettled(tasks);
     const allToolDefinitions = useMemo4(() => {
       const builtIn = [
-        { id: "history", icon: /* @__PURE__ */ React73.createElement(HistoryIcon, null), label: "History", group: "top-left" },
+        { id: "history", icon: /* @__PURE__ */ React73.createElement(ChatBubbleIcon, null), label: "History", group: "top-left" },
         { id: "artifacts", icon: /* @__PURE__ */ React73.createElement(MediaIcon, null), label: "Artifacts", group: "top-right" },
         {
           id: "todos",
@@ -6515,7 +6345,9 @@ var ChatInterface = React73.forwardRef(
     }, [allSettled, externalTools]);
     const toggleTool = useCallback18((toolId) => {
       const toolDef = allToolDefinitions.find((t) => t.id === toolId);
-      if (!toolDef) return;
+      if (!toolDef) {
+        return;
+      }
       const group = toolDef.group;
       if (toolId === "artifacts" && isPanelControlled) {
         const isCurrentlyOpen = activeTools["top-right"] === "artifacts";
@@ -6555,7 +6387,9 @@ var ChatInterface = React73.forwardRef(
     }, [isTreeMode, conversationTree, messages]);
     const latestUserMessageIndex = useMemo4(() => {
       for (let i = effectiveMessages.length - 1; i >= 0; i--) {
-        if (effectiveMessages[i].variant === "user") return i;
+        if (effectiveMessages[i].variant === "user") {
+          return i;
+        }
       }
       return -1;
     }, [effectiveMessages]);
@@ -6569,9 +6403,15 @@ var ChatInterface = React73.forwardRef(
       const hasNewOrUpdatedTask = (curr, prev) => {
         return curr.some((c) => {
           const p = prev.find((x) => x.id === c.id);
-          if (!p) return true;
-          if (c.status !== p.status || c.label !== p.label) return true;
-          if (c.subtasks && hasNewOrUpdatedTask(c.subtasks, p?.subtasks || [])) return true;
+          if (!p) {
+            return true;
+          }
+          if (c.status !== p.status || c.label !== p.label) {
+            return true;
+          }
+          if (c.subtasks && hasNewOrUpdatedTask(c.subtasks, p?.subtasks || [])) {
+            return true;
+          }
           return false;
         });
       };
@@ -6583,7 +6423,9 @@ var ChatInterface = React73.forwardRef(
     }, [artifactNodes, tasks, isPanelControlled]);
     const handleBranchSwitch = useCallback18(
       (nodeId, direction) => {
-        if (!isTreeMode || !conversationTree || !onTreeChange) return;
+        if (!isTreeMode || !conversationTree || !onTreeChange) {
+          return;
+        }
         const newTree = switchBranch(conversationTree, nodeId, direction);
         onTreeChange(newTree);
       },
@@ -6625,25 +6467,61 @@ var ChatInterface = React73.forwardRef(
       },
       [onMessageSubmit]
     );
-    const toggleSidebar = useCallback18(() => {
-      setSidebarCollapsed((prev) => !prev);
-    }, []);
     const isEmpty = effectiveMessages.length === 0;
     const leftToolDefs = useMemo4(
       () => allToolDefinitions.filter((t) => t.group === "top-left" || t.group === "bottom-left"),
       [allToolDefinitions]
     );
     const rightToolDefs = useMemo4(
-      () => allToolDefinitions.filter((t) => t.group === "top-right" || t.group === "bottom-right"),
+      () => allToolDefinitions.filter(
+        (t) => t.group === "top-right" || t.group === "bottom-right"
+      ),
       [allToolDefinitions]
     );
     const hasLeftTools = leftToolDefs.length > 0;
     const hasRightTools = rightToolDefs.length > 0;
     const renderToolContent = (toolId) => {
-      if (!toolId) return null;
+      if (!toolId) {
+        return null;
+      }
       switch (toolId) {
         case "history":
-          return /* @__PURE__ */ React73.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ React73.createElement("div", { className: "flex items-center p-4 border-b border-ash/40 shrink-0" }, /* @__PURE__ */ React73.createElement("h3", { className: "text-xs font-medium text-white" }, "History")), /* @__PURE__ */ React73.createElement("div", { className: "flex-1 overflow-y-auto py-2" }, conversations.length === 0 ? /* @__PURE__ */ React73.createElement("p", { className: "px-4 py-2 text-xs text-silver/60" }, "No conversations yet") : /* @__PURE__ */ React73.createElement("div", { className: "space-y-1 px-2" }, conversations.map((conversation) => /* @__PURE__ */ React73.createElement(
+          return /* @__PURE__ */ React73.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ React73.createElement(
+            "div",
+            {
+              className: "flex items-center justify-between p-4 border-b border-ash/40 shrink-0"
+            },
+            /* @__PURE__ */ React73.createElement("h3", { className: "text-xs font-medium text-white" }, "History"),
+            onNewChat && /* @__PURE__ */ React73.createElement(
+              "button",
+              {
+                onClick: onNewChat,
+                className: cx(
+                  "flex px-3 py-1.5",
+                  "bg-gold/10 hover:bg-gold/20 text-gold",
+                  "border border-gold/30",
+                  "text-xs font-medium",
+                  "transition-colors duration-200"
+                )
+              },
+              /* @__PURE__ */ React73.createElement(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  viewBox: "0 0 20 20",
+                  fill: "currentColor",
+                  className: "w-4 h-4"
+                },
+                /* @__PURE__ */ React73.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"
+                  }
+                )
+              ),
+              "New Chat"
+            )
+          ), /* @__PURE__ */ React73.createElement("div", { className: "flex-1 overflow-y-auto py-2" }, conversations.length === 0 ? /* @__PURE__ */ React73.createElement("p", { className: "px-4 py-2 text-xs text-silver/60" }, "No conversations yet") : /* @__PURE__ */ React73.createElement("div", { className: "space-y-1 px-2" }, conversations.map((conversation) => /* @__PURE__ */ React73.createElement(
             "button",
             {
               key: conversation.id,
@@ -6681,18 +6559,6 @@ var ChatInterface = React73.forwardRef(
         className: cx("flex h-full w-full bg-obsidian overflow-hidden", className),
         ...rest
       },
-      /* @__PURE__ */ React73.createElement(
-        ConversationSidebar,
-        {
-          conversations,
-          isCollapsed: sidebarCollapsed,
-          onSelectConversation,
-          onNewChat,
-          onToggleCollapse: toggleSidebar,
-          width: sidebarWidth,
-          onResizeStart: startResizingSidebar
-        }
-      ),
       hasLeftTools && /* @__PURE__ */ React73.createElement(
         ToolSidebar,
         {
@@ -7115,6 +6981,7 @@ export {
   BreadcrumbLink,
   Button,
   Card,
+  ChatBubbleIcon,
   ChatInput,
   ChatInterface,
   ChatView,
@@ -7124,11 +6991,9 @@ export {
   ChevronRightIcon,
   CloseIcon,
   Col,
-  CollapsedSidebarToggle,
   ColorSwatch,
   ConfirmDialog,
   Container,
-  ConversationSidebar,
   CrossSquareIcon,
   Divider,
   Drawer,