@lukeashford/aurelius 3.1.0 → 3.2.1

package/dist/index.js

@@ -53,6 +53,7 @@ __export(index_exports, {
   BreadcrumbLink: () => BreadcrumbLink,
   Button: () => Button,
   Card: () => Card,
+  ChatBubbleIcon: () => ChatBubbleIcon,
   ChatInput: () => ChatInput,
   ChatInterface: () => ChatInterface,
   ChatView: () => ChatView,
@@ -62,11 +63,9 @@ __export(index_exports, {
   ChevronRightIcon: () => ChevronRightIcon,
   CloseIcon: () => CloseIcon,
   Col: () => Col,
-  CollapsedSidebarToggle: () => CollapsedSidebarToggle,
   ColorSwatch: () => ColorSwatch,
   ConfirmDialog: () => ConfirmDialog,
   Container: () => Container,
-  ConversationSidebar: () => ConversationSidebar,
   CrossSquareIcon: () => CrossSquareIcon,
   Divider: () => Divider,
   Drawer: () => Drawer,
@@ -3474,9 +3473,9 @@ var Stepper = import_react40.default.forwardRef(
 );
 Stepper.displayName = "Stepper";
 
-// src/components/icons/ChevronLeftIcon.tsx
+// src/components/icons/ChatBubbleIcon.tsx
 var import_react41 = __toESM(require("react"));
-function ChevronLeftIcon({ className, ...props }) {
+function ChatBubbleIcon({ className, ...props }) {
   return /* @__PURE__ */ import_react41.default.createElement(
     "svg",
     {
@@ -3487,6 +3486,27 @@ function ChevronLeftIcon({ className, ...props }) {
       ...props
     },
     /* @__PURE__ */ import_react41.default.createElement(
+      "path",
+      {
+        d: "M2 3h16v11H6l-4 3V3z"
+      }
+    )
+  );
+}
+
+// src/components/icons/ChevronLeftIcon.tsx
+var import_react42 = __toESM(require("react"));
+function ChevronLeftIcon({ 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",
@@ -3498,9 +3518,9 @@ function ChevronLeftIcon({ className, ...props }) {
 }
 
 // src/components/icons/ChevronRightIcon.tsx
-var import_react42 = __toESM(require("react"));
+var import_react43 = __toESM(require("react"));
 function ChevronRightIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react42.default.createElement(
+  return /* @__PURE__ */ import_react43.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3509,7 +3529,7 @@ function ChevronRightIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ import_react42.default.createElement(
+    /* @__PURE__ */ import_react43.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3521,9 +3541,9 @@ function ChevronRightIcon({ className, ...props }) {
 }
 
 // src/components/icons/CloseIcon.tsx
-var import_react43 = __toESM(require("react"));
+var import_react44 = __toESM(require("react"));
 function CloseIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react43.default.createElement(
+  return /* @__PURE__ */ import_react44.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3532,7 +3552,7 @@ function CloseIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ import_react43.default.createElement(
+    /* @__PURE__ */ import_react44.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"
@@ -3542,9 +3562,9 @@ function CloseIcon({ className, ...props }) {
 }
 
 // src/components/icons/ExpandIcon.tsx
-var import_react44 = __toESM(require("react"));
+var import_react45 = __toESM(require("react"));
 function ExpandIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react44.default.createElement(
+  return /* @__PURE__ */ import_react45.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3553,7 +3573,7 @@ function ExpandIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ import_react44.default.createElement(
+    /* @__PURE__ */ import_react45.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"
@@ -3563,9 +3583,9 @@ function ExpandIcon({ className, ...props }) {
 }
 
 // src/components/icons/HistoryIcon.tsx
-var import_react45 = __toESM(require("react"));
+var import_react46 = __toESM(require("react"));
 function HistoryIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react45.default.createElement(
+  return /* @__PURE__ */ import_react46.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3574,7 +3594,7 @@ function HistoryIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ import_react45.default.createElement(
+    /* @__PURE__ */ import_react46.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3586,9 +3606,9 @@ function HistoryIcon({ className, ...props }) {
 }
 
 // src/components/icons/LayersIcon.tsx
-var import_react46 = __toESM(require("react"));
+var import_react47 = __toESM(require("react"));
 function LayersIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react46.default.createElement(
+  return /* @__PURE__ */ import_react47.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3597,19 +3617,19 @@ function LayersIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ import_react46.default.createElement(
+    /* @__PURE__ */ import_react47.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(
+    /* @__PURE__ */ import_react47.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(
+    /* @__PURE__ */ import_react47.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"
@@ -3619,9 +3639,9 @@ function LayersIcon({ className, ...props }) {
 }
 
 // src/components/icons/MediaIcon.tsx
-var import_react47 = __toESM(require("react"));
+var import_react48 = __toESM(require("react"));
 function MediaIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react47.default.createElement(
+  return /* @__PURE__ */ import_react48.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3630,7 +3650,7 @@ function MediaIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ import_react47.default.createElement(
+    /* @__PURE__ */ import_react48.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3642,9 +3662,9 @@ function MediaIcon({ className, ...props }) {
 }
 
 // src/components/icons/PlusIcon.tsx
-var import_react48 = __toESM(require("react"));
+var import_react49 = __toESM(require("react"));
 function PlusIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react48.default.createElement(
+  return /* @__PURE__ */ import_react49.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3653,7 +3673,7 @@ function PlusIcon({ className, ...props }) {
       className,
       ...props
     },
-    /* @__PURE__ */ import_react48.default.createElement(
+    /* @__PURE__ */ import_react49.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"
@@ -3663,9 +3683,9 @@ function PlusIcon({ className, ...props }) {
 }
 
 // src/components/icons/CheckSquareIcon.tsx
-var import_react49 = __toESM(require("react"));
+var import_react50 = __toESM(require("react"));
 function CheckSquareIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react49.default.createElement(
+  return /* @__PURE__ */ import_react50.default.createElement(
     "div",
     {
       className: cx(
@@ -3674,14 +3694,14 @@ function CheckSquareIcon({ className, ...props }) {
       ),
       ...props
     },
-    /* @__PURE__ */ import_react49.default.createElement(
+    /* @__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_react49.default.createElement(
+      /* @__PURE__ */ import_react50.default.createElement(
         "path",
         {
           d: "M3 8l3 3 7-7",
@@ -3697,9 +3717,9 @@ function CheckSquareIcon({ className, ...props }) {
 }
 
 // src/components/icons/EmptySquareIcon.tsx
-var import_react50 = __toESM(require("react"));
+var import_react51 = __toESM(require("react"));
 function EmptySquareIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react50.default.createElement(
+  return /* @__PURE__ */ import_react51.default.createElement(
     "div",
     {
       className: cx(
@@ -3712,9 +3732,9 @@ function EmptySquareIcon({ className, ...props }) {
 }
 
 // src/components/icons/CrossSquareIcon.tsx
-var import_react51 = __toESM(require("react"));
+var import_react52 = __toESM(require("react"));
 function CrossSquareIcon({ className, variant = "cancelled", ...props }) {
-  return /* @__PURE__ */ import_react51.default.createElement(
+  return /* @__PURE__ */ import_react52.default.createElement(
     "div",
     {
       className: cx(
@@ -3724,14 +3744,14 @@ function CrossSquareIcon({ className, variant = "cancelled", ...props }) {
       ),
       ...props
     },
-    /* @__PURE__ */ import_react51.default.createElement(
+    /* @__PURE__ */ import_react52.default.createElement(
       "svg",
       {
         viewBox: "0 0 16 16",
         fill: "none",
         className: "absolute inset-0 w-full h-full p-0.5"
       },
-      /* @__PURE__ */ import_react51.default.createElement(
+      /* @__PURE__ */ import_react52.default.createElement(
         "path",
         {
           d: "M4 4l8 8M12 4l-8 8",
@@ -3746,15 +3766,15 @@ function CrossSquareIcon({ className, variant = "cancelled", ...props }) {
 }
 
 // src/components/icons/SquareLoaderIcon.tsx
-var import_react52 = __toESM(require("react"));
+var import_react53 = __toESM(require("react"));
 function SquareLoaderIcon({ className, ...props }) {
-  return /* @__PURE__ */ import_react52.default.createElement("div", { className: cx("relative w-4 h-4 flex-shrink-0", className), ...props }, /* @__PURE__ */ import_react52.default.createElement(
+  return /* @__PURE__ */ import_react53.default.createElement("div", { className: cx("relative w-4 h-4 flex-shrink-0", className), ...props }, /* @__PURE__ */ import_react53.default.createElement(
     "svg",
     {
       viewBox: "0 0 16 16",
       className: "w-full h-full animate-snake-spin"
     },
-    /* @__PURE__ */ import_react52.default.createElement(
+    /* @__PURE__ */ import_react53.default.createElement(
       "rect",
       {
         x: "1",
@@ -3767,7 +3787,7 @@ function SquareLoaderIcon({ className, ...props }) {
         className: "text-ash/40"
       }
     ),
-    /* @__PURE__ */ import_react52.default.createElement(
+    /* @__PURE__ */ import_react53.default.createElement(
       "rect",
       {
         x: "1",
@@ -3786,10 +3806,10 @@ function SquareLoaderIcon({ className, ...props }) {
 }
 
 // src/components/Message.tsx
-var import_react54 = __toESM(require("react"));
+var import_react55 = __toESM(require("react"));
 
 // src/components/MarkdownContent.tsx
-var import_react53 = __toESM(require("react"));
+var import_react54 = __toESM(require("react"));
 var import_dompurify = __toESM(require("dompurify"));
 var import_marked = require("marked");
 var DEFAULT_SANITIZE_CONFIG = {
@@ -3860,7 +3880,7 @@ var DEFAULT_SANITIZE_CONFIG = {
   ALLOWED_URI_REGEXP: /^(?:(?:https?|mailto|tel):|[^a-z]|[a-z+.-]+(?:[^a-z+.\-:]|$))/i
 };
 function useDOMPurifySetup() {
-  (0, import_react53.useMemo)(() => {
+  (0, import_react54.useMemo)(() => {
     import_dompurify.default.addHook("afterSanitizeAttributes", (node) => {
       if (node.tagName === "A") {
         node.setAttribute("target", "_blank");
@@ -3896,10 +3916,10 @@ function injectStreamingCursor(html, cursorClassName) {
   target.insertAdjacentHTML("beforeend", cursorHtml);
   return container.innerHTML;
 }
-var MarkdownContent = import_react53.default.forwardRef(
+var MarkdownContent = import_react54.default.forwardRef(
   ({ className, content, isMarkdown = true, sanitizeConfig, isStreaming, cursorClassName, ...rest }, ref) => {
     useDOMPurifySetup();
-    const sanitizedHtml = (0, import_react53.useMemo)(() => {
+    const sanitizedHtml = (0, import_react54.useMemo)(() => {
       if (!content && !isStreaming) {
         return "";
       }
@@ -3921,7 +3941,7 @@ var MarkdownContent = import_react53.default.forwardRef(
       }
       return sanitized;
     }, [content, sanitizeConfig, isStreaming, cursorClassName]);
-    return /* @__PURE__ */ import_react53.default.createElement(
+    return /* @__PURE__ */ import_react54.default.createElement(
       "div",
       {
         ref,
@@ -3939,7 +3959,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_react54.default.createElement(
+var ActionButton = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ import_react55.default.createElement(
   "button",
   {
     type: "button",
@@ -3955,7 +3975,7 @@ var ActionButton = ({ onClick, label, children, className, disabled }) => /* @__
   },
   children
 );
-var CopyIcon = () => /* @__PURE__ */ import_react54.default.createElement(
+var CopyIcon = () => /* @__PURE__ */ import_react55.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3967,10 +3987,10 @@ var CopyIcon = () => /* @__PURE__ */ import_react54.default.createElement(
     strokeLinejoin: "round",
     className: "w-3.5 h-3.5"
   },
-  /* @__PURE__ */ import_react54.default.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
-  /* @__PURE__ */ import_react54.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_react55.default.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+  /* @__PURE__ */ import_react55.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_react54.default.createElement(
+var CheckIcon = () => /* @__PURE__ */ import_react55.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3982,9 +4002,9 @@ var CheckIcon = () => /* @__PURE__ */ import_react54.default.createElement(
     strokeLinejoin: "round",
     className: "w-3.5 h-3.5 text-success"
   },
-  /* @__PURE__ */ import_react54.default.createElement("polyline", { points: "20 6 9 17 4 12" })
+  /* @__PURE__ */ import_react55.default.createElement("polyline", { points: "20 6 9 17 4 12" })
 );
-var PencilIcon = () => /* @__PURE__ */ import_react54.default.createElement(
+var PencilIcon = () => /* @__PURE__ */ import_react55.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3996,10 +4016,10 @@ var PencilIcon = () => /* @__PURE__ */ import_react54.default.createElement(
     strokeLinejoin: "round",
     className: "w-3.5 h-3.5"
   },
-  /* @__PURE__ */ import_react54.default.createElement("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }),
-  /* @__PURE__ */ import_react54.default.createElement("path", { d: "m15 5 4 4" })
+  /* @__PURE__ */ import_react55.default.createElement("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }),
+  /* @__PURE__ */ import_react55.default.createElement("path", { d: "m15 5 4 4" })
 );
-var RetryIcon = () => /* @__PURE__ */ import_react54.default.createElement(
+var RetryIcon = () => /* @__PURE__ */ import_react55.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4011,12 +4031,12 @@ var RetryIcon = () => /* @__PURE__ */ import_react54.default.createElement(
     strokeLinejoin: "round",
     className: "w-3.5 h-3.5"
   },
-  /* @__PURE__ */ import_react54.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_react54.default.createElement("path", { d: "M21 3v5h-5" }),
-  /* @__PURE__ */ import_react54.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_react54.default.createElement("path", { d: "M8 16H3v5" })
+  /* @__PURE__ */ import_react55.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_react55.default.createElement("path", { d: "M21 3v5h-5" }),
+  /* @__PURE__ */ import_react55.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_react55.default.createElement("path", { d: "M8 16H3v5" })
 );
-var ChevronLeftIcon2 = () => /* @__PURE__ */ import_react54.default.createElement(
+var ChevronLeftIcon2 = () => /* @__PURE__ */ import_react55.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4028,9 +4048,9 @@ var ChevronLeftIcon2 = () => /* @__PURE__ */ import_react54.default.createElemen
     strokeLinejoin: "round",
     className: "w-3 h-3"
   },
-  /* @__PURE__ */ import_react54.default.createElement("path", { d: "m15 18-6-6 6-6" })
+  /* @__PURE__ */ import_react55.default.createElement("path", { d: "m15 18-6-6 6-6" })
 );
-var ChevronRightIcon2 = () => /* @__PURE__ */ import_react54.default.createElement(
+var ChevronRightIcon2 = () => /* @__PURE__ */ import_react55.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4042,9 +4062,9 @@ var ChevronRightIcon2 = () => /* @__PURE__ */ import_react54.default.createEleme
     strokeLinejoin: "round",
     className: "w-3 h-3"
   },
-  /* @__PURE__ */ import_react54.default.createElement("path", { d: "m9 18 6-6-6-6" })
+  /* @__PURE__ */ import_react55.default.createElement("path", { d: "m9 18 6-6-6-6" })
 );
-var GitBranchIcon = () => /* @__PURE__ */ import_react54.default.createElement(
+var GitBranchIcon = () => /* @__PURE__ */ import_react55.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4056,12 +4076,12 @@ var GitBranchIcon = () => /* @__PURE__ */ import_react54.default.createElement(
     strokeLinejoin: "round",
     className: "w-3 h-3 mr-0.5 text-silver/50"
   },
-  /* @__PURE__ */ import_react54.default.createElement("line", { x1: "6", x2: "6", y1: "3", y2: "15" }),
-  /* @__PURE__ */ import_react54.default.createElement("circle", { cx: "18", cy: "6", r: "3" }),
-  /* @__PURE__ */ import_react54.default.createElement("circle", { cx: "6", cy: "18", r: "3" }),
-  /* @__PURE__ */ import_react54.default.createElement("path", { d: "M18 9a9 9 0 0 1-9 9" })
+  /* @__PURE__ */ import_react55.default.createElement("line", { x1: "6", x2: "6", y1: "3", y2: "15" }),
+  /* @__PURE__ */ import_react55.default.createElement("circle", { cx: "18", cy: "6", r: "3" }),
+  /* @__PURE__ */ import_react55.default.createElement("circle", { cx: "6", cy: "18", r: "3" }),
+  /* @__PURE__ */ import_react55.default.createElement("path", { d: "M18 9a9 9 0 0 1-9 9" })
 );
-var XIcon = () => /* @__PURE__ */ import_react54.default.createElement(
+var XIcon = () => /* @__PURE__ */ import_react55.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4073,10 +4093,10 @@ var XIcon = () => /* @__PURE__ */ import_react54.default.createElement(
     strokeLinejoin: "round",
     className: "w-4 h-4"
   },
-  /* @__PURE__ */ import_react54.default.createElement("path", { d: "M18 6 6 18" }),
-  /* @__PURE__ */ import_react54.default.createElement("path", { d: "m6 6 12 12" })
+  /* @__PURE__ */ import_react55.default.createElement("path", { d: "M18 6 6 18" }),
+  /* @__PURE__ */ import_react55.default.createElement("path", { d: "m6 6 12 12" })
 );
-var SendIcon = () => /* @__PURE__ */ import_react54.default.createElement(
+var SendIcon = () => /* @__PURE__ */ import_react55.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4088,10 +4108,10 @@ var SendIcon = () => /* @__PURE__ */ import_react54.default.createElement(
     strokeLinejoin: "round",
     className: "w-4 h-4"
   },
-  /* @__PURE__ */ import_react54.default.createElement("path", { d: "m22 2-7 20-4-9-9-4Z" }),
-  /* @__PURE__ */ import_react54.default.createElement("path", { d: "M22 2 11 13" })
+  /* @__PURE__ */ import_react55.default.createElement("path", { d: "m22 2-7 20-4-9-9-4Z" }),
+  /* @__PURE__ */ import_react55.default.createElement("path", { d: "M22 2 11 13" })
 );
-var Message = import_react54.default.forwardRef(
+var Message = import_react55.default.forwardRef(
   ({
     variant = "assistant",
     className,
@@ -4103,13 +4123,13 @@ var Message = import_react54.default.forwardRef(
     ...rest
   }, ref) => {
     const isUser = variant === "user";
-    const [copied, setCopied] = (0, import_react54.useState)(false);
-    const [isEditing, setIsEditing] = (0, import_react54.useState)(false);
-    const [editValue, setEditValue] = (0, import_react54.useState)(content);
-    const textareaRef = (0, import_react54.useRef)(null);
+    const [copied, setCopied] = (0, import_react55.useState)(false);
+    const [isEditing, setIsEditing] = (0, import_react55.useState)(false);
+    const [editValue, setEditValue] = (0, import_react55.useState)(content);
+    const textareaRef = (0, import_react55.useRef)(null);
     const showBranchNav = branchInfo && branchInfo.total > 1;
     const showActions = actions && !hideActions && !isStreaming;
-    (0, import_react54.useEffect)(() => {
+    (0, import_react55.useEffect)(() => {
       if (isEditing && textareaRef.current) {
         const textarea = textareaRef.current;
         textarea.style.height = "auto";
@@ -4163,7 +4183,7 @@ var Message = import_react54.default.forwardRef(
       textarea.style.height = "auto";
       textarea.style.height = `${textarea.scrollHeight}px`;
     };
-    return /* @__PURE__ */ import_react54.default.createElement(
+    return /* @__PURE__ */ import_react55.default.createElement(
       "div",
       {
         ref,
@@ -4174,7 +4194,7 @@ var Message = import_react54.default.forwardRef(
         ),
         ...rest
       },
-      isUser && isEditing ? /* @__PURE__ */ import_react54.default.createElement("div", { className: "w-full max-w-11/12" }, /* @__PURE__ */ import_react54.default.createElement("div", { className: "relative bg-gold" }, /* @__PURE__ */ import_react54.default.createElement(
+      isUser && isEditing ? /* @__PURE__ */ import_react55.default.createElement("div", { className: "w-full max-w-11/12" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "relative bg-gold" }, /* @__PURE__ */ import_react55.default.createElement(
         "textarea",
         {
           ref: textareaRef,
@@ -4184,7 +4204,7 @@ var Message = import_react54.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_react54.default.createElement("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex gap-0.5" }, /* @__PURE__ */ import_react54.default.createElement(
+      ), /* @__PURE__ */ import_react55.default.createElement("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex gap-0.5" }, /* @__PURE__ */ import_react55.default.createElement(
         "button",
         {
           type: "button",
@@ -4192,8 +4212,8 @@ var Message = import_react54.default.forwardRef(
           className: "p-1.5 text-obsidian/60 hover:text-obsidian transition-colors",
           "aria-label": "Cancel edit"
         },
-        /* @__PURE__ */ import_react54.default.createElement(XIcon, null)
-      ), /* @__PURE__ */ import_react54.default.createElement(
+        /* @__PURE__ */ import_react55.default.createElement(XIcon, null)
+      ), /* @__PURE__ */ import_react55.default.createElement(
         "button",
         {
           type: "button",
@@ -4202,8 +4222,8 @@ var Message = import_react54.default.forwardRef(
           className: "p-1.5 text-obsidian/60 hover:text-obsidian transition-colors disabled:opacity-30",
           "aria-label": "Submit edit"
         },
-        /* @__PURE__ */ import_react54.default.createElement(SendIcon, null)
-      )))) : /* @__PURE__ */ import_react54.default.createElement(
+        /* @__PURE__ */ import_react55.default.createElement(SendIcon, null)
+      )))) : /* @__PURE__ */ import_react55.default.createElement(
         "div",
         {
           className: cx(
@@ -4211,7 +4231,7 @@ var Message = import_react54.default.forwardRef(
             variantStyles2[variant]
           )
         },
-        /* @__PURE__ */ import_react54.default.createElement(
+        /* @__PURE__ */ import_react55.default.createElement(
           MarkdownContent,
           {
             content,
@@ -4221,17 +4241,17 @@ var Message = import_react54.default.forwardRef(
           }
         )
       ),
-      showActions && !isEditing && /* @__PURE__ */ import_react54.default.createElement("div", { className: cx(
+      showActions && !isEditing && /* @__PURE__ */ import_react55.default.createElement("div", { className: cx(
         "flex items-center gap-0.5 mt-1",
         isUser ? "mr-1" : "ml-1"
-      ) }, actions.showCopy !== false && /* @__PURE__ */ import_react54.default.createElement(
+      ) }, actions.showCopy !== false && /* @__PURE__ */ import_react55.default.createElement(
         ActionButton,
         {
           onClick: handleCopy,
           label: copied ? "Copied!" : "Copy message"
         },
-        copied ? /* @__PURE__ */ import_react54.default.createElement(CheckIcon, null) : /* @__PURE__ */ import_react54.default.createElement(CopyIcon, null)
-      ), isUser && actions.onEdit && /* @__PURE__ */ import_react54.default.createElement(ActionButton, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ import_react54.default.createElement(PencilIcon, null)), !isUser && actions.onRetry && /* @__PURE__ */ import_react54.default.createElement(ActionButton, { onClick: actions.onRetry, label: "Regenerate response" }, /* @__PURE__ */ import_react54.default.createElement(RetryIcon, null)), showBranchNav && /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, /* @__PURE__ */ import_react54.default.createElement("div", { className: "w-px h-4 bg-ash/40 mx-1" }), /* @__PURE__ */ import_react54.default.createElement("div", { className: "flex items-center gap-0.5 text-silver/70" }, /* @__PURE__ */ import_react54.default.createElement(GitBranchIcon, null), /* @__PURE__ */ import_react54.default.createElement(
+        copied ? /* @__PURE__ */ import_react55.default.createElement(CheckIcon, null) : /* @__PURE__ */ import_react55.default.createElement(CopyIcon, null)
+      ), isUser && actions.onEdit && /* @__PURE__ */ import_react55.default.createElement(ActionButton, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ import_react55.default.createElement(PencilIcon, null)), !isUser && actions.onRetry && /* @__PURE__ */ import_react55.default.createElement(ActionButton, { onClick: actions.onRetry, label: "Regenerate response" }, /* @__PURE__ */ import_react55.default.createElement(RetryIcon, null)), showBranchNav && /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement("div", { className: "w-px h-4 bg-ash/40 mx-1" }), /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex items-center gap-0.5 text-silver/70" }, /* @__PURE__ */ import_react55.default.createElement(GitBranchIcon, null), /* @__PURE__ */ import_react55.default.createElement(
         "button",
         {
           type: "button",
@@ -4243,8 +4263,8 @@ var Message = import_react54.default.forwardRef(
           ),
           "aria-label": "Previous branch"
         },
-        /* @__PURE__ */ import_react54.default.createElement(ChevronLeftIcon2, null)
-      ), /* @__PURE__ */ import_react54.default.createElement("span", { className: "text-xs tabular-nums min-w-6 text-center" }, branchInfo.current, "/", branchInfo.total), /* @__PURE__ */ import_react54.default.createElement(
+        /* @__PURE__ */ import_react55.default.createElement(ChevronLeftIcon2, null)
+      ), /* @__PURE__ */ import_react55.default.createElement("span", { className: "text-xs tabular-nums min-w-6 text-center" }, branchInfo.current, "/", branchInfo.total), /* @__PURE__ */ import_react55.default.createElement(
         "button",
         {
           type: "button",
@@ -4256,7 +4276,7 @@ var Message = import_react54.default.forwardRef(
           ),
           "aria-label": "Next branch"
         },
-        /* @__PURE__ */ import_react54.default.createElement(ChevronRightIcon2, null)
+        /* @__PURE__ */ import_react55.default.createElement(ChevronRightIcon2, null)
       ))))
     );
   }
@@ -4264,15 +4284,15 @@ var Message = import_react54.default.forwardRef(
 Message.displayName = "Message";
 
 // src/components/StreamingCursor.tsx
-var import_react55 = __toESM(require("react"));
-var StreamingCursor = import_react55.default.forwardRef(
+var import_react56 = __toESM(require("react"));
+var StreamingCursor = import_react56.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_react55.default.createElement(
+    return /* @__PURE__ */ import_react56.default.createElement(
       "span",
       {
         ref,
@@ -4293,15 +4313,15 @@ StreamingCursor.displayName = "StreamingCursor";
 var import_react77 = __toESM(require("react"));
 
 // src/components/chat/ChatView.tsx
-var import_react59 = __toESM(require("react"));
+var import_react60 = __toESM(require("react"));
 
 // src/components/chat/hooks/useScrollAnchor.ts
-var import_react56 = require("react");
+var import_react57 = require("react");
 function useScrollAnchor(options = {}) {
   const { behavior = "smooth", block = "start" } = options;
-  const containerRef = (0, import_react56.useRef)(null);
-  const anchorRef = (0, import_react56.useRef)(null);
-  const scrollToAnchor = (0, import_react56.useCallback)(() => {
+  const containerRef = (0, import_react57.useRef)(null);
+  const anchorRef = (0, import_react57.useRef)(null);
+  const scrollToAnchor = (0, import_react57.useCallback)(() => {
     const el = anchorRef.current;
     if (!el) {
       return;
@@ -4312,7 +4332,7 @@ function useScrollAnchor(options = {}) {
       });
     });
   }, [behavior, block]);
-  const scrollToBottom = (0, import_react56.useCallback)(() => {
+  const scrollToBottom = (0, import_react57.useCallback)(() => {
     const container = containerRef.current;
     if (!container) {
       return;
@@ -4323,7 +4343,7 @@ function useScrollAnchor(options = {}) {
       container.scrollTop = container.scrollHeight;
     }
   }, [behavior]);
-  const isScrolledToBottom = (0, import_react56.useCallback)(() => {
+  const isScrolledToBottom = (0, import_react57.useCallback)(() => {
     const container = containerRef.current;
     if (!container) {
       return true;
@@ -4342,15 +4362,15 @@ function useScrollAnchor(options = {}) {
 }
 
 // src/components/chat/hooks/useAdaptiveSpacer.ts
-var import_react57 = require("react");
+var import_react58 = require("react");
 function useAdaptiveSpacer(options = {}) {
   const { minHeight = 0, containerRef: externalContainerRef, anchorRef } = options;
-  const internalContainerRef = (0, import_react57.useRef)(null);
+  const internalContainerRef = (0, import_react58.useRef)(null);
   const containerRef = externalContainerRef ?? internalContainerRef;
-  const contentRef = (0, import_react57.useRef)(null);
-  const spacerRef = (0, import_react57.useRef)(null);
-  const [spacerHeight, setSpacerHeight] = (0, import_react57.useState)(0);
-  const recalculate = (0, import_react57.useCallback)(() => {
+  const contentRef = (0, import_react58.useRef)(null);
+  const spacerRef = (0, import_react58.useRef)(null);
+  const [spacerHeight, setSpacerHeight] = (0, import_react58.useState)(0);
+  const recalculate = (0, import_react58.useCallback)(() => {
     const container = containerRef.current;
     const content = contentRef.current;
     if (!container || !content) {
@@ -4374,7 +4394,7 @@ function useAdaptiveSpacer(options = {}) {
     }
     setSpacerHeight(newSpacerHeight);
   }, [minHeight, anchorRef]);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     const container = containerRef.current;
     const content = contentRef.current;
     if (!container || !content) {
@@ -4409,7 +4429,7 @@ function useAdaptiveSpacer(options = {}) {
 }
 
 // src/components/chat/ThinkingIndicator.tsx
-var import_react58 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 var THINKING_PHRASES = [
   "Consulting the ancient tomes...",
   "Parsing the ineffable...",
@@ -4425,7 +4445,7 @@ var THINKING_PHRASES = [
   "Consulting my inner monologue...",
   "Summoning the muse..."
 ];
-var ThinkingIndicator = import_react58.default.forwardRef(
+var ThinkingIndicator = import_react59.default.forwardRef(
   ({
     isVisible = true,
     phraseInterval = 2500,
@@ -4433,11 +4453,11 @@ var ThinkingIndicator = import_react58.default.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [currentIndex, setCurrentIndex] = (0, import_react58.useState)(
+    const [currentIndex, setCurrentIndex] = (0, import_react59.useState)(
       () => Math.floor(Math.random() * phrases.length)
     );
-    const [isTransitioning, setIsTransitioning] = (0, import_react58.useState)(false);
-    (0, import_react58.useEffect)(() => {
+    const [isTransitioning, setIsTransitioning] = (0, import_react59.useState)(false);
+    (0, import_react59.useEffect)(() => {
       if (!isVisible || phrases.length <= 1) {
         return;
       }
@@ -4453,7 +4473,7 @@ var ThinkingIndicator = import_react58.default.forwardRef(
     if (!isVisible) {
       return null;
     }
-    return /* @__PURE__ */ import_react58.default.createElement(
+    return /* @__PURE__ */ import_react59.default.createElement(
       "div",
       {
         ref,
@@ -4467,26 +4487,26 @@ var ThinkingIndicator = import_react58.default.forwardRef(
         "aria-live": "polite",
         ...rest
       },
-      /* @__PURE__ */ import_react58.default.createElement("div", { className: "flex gap-1", "aria-hidden": "true" }, /* @__PURE__ */ import_react58.default.createElement(
+      /* @__PURE__ */ import_react59.default.createElement("div", { className: "flex gap-1", "aria-hidden": "true" }, /* @__PURE__ */ import_react59.default.createElement(
         "span",
         {
           className: "w-1.5 h-1.5 bg-gold/60 rounded-full animate-pulse",
           style: { animationDelay: "0ms" }
         }
-      ), /* @__PURE__ */ import_react58.default.createElement(
+      ), /* @__PURE__ */ import_react59.default.createElement(
         "span",
         {
           className: "w-1.5 h-1.5 bg-gold/60 rounded-full animate-pulse",
           style: { animationDelay: "150ms" }
         }
-      ), /* @__PURE__ */ import_react58.default.createElement(
+      ), /* @__PURE__ */ import_react59.default.createElement(
         "span",
         {
           className: "w-1.5 h-1.5 bg-gold/60 rounded-full animate-pulse",
           style: { animationDelay: "300ms" }
         }
       )),
-      /* @__PURE__ */ import_react58.default.createElement(
+      /* @__PURE__ */ import_react59.default.createElement(
         "span",
         {
           className: cx(
@@ -4502,7 +4522,7 @@ var ThinkingIndicator = import_react58.default.forwardRef(
 ThinkingIndicator.displayName = "ThinkingIndicator";
 
 // src/components/chat/ChatView.tsx
-var ChatView = import_react59.default.forwardRef(
+var ChatView = import_react60.default.forwardRef(
   ({ messages, latestUserMessageIndex, isStreaming, isThinking, onScroll, className, ...rest }, ref) => {
     const { containerRef, anchorRef, scrollToAnchor } = useScrollAnchor({
       behavior: "smooth",
@@ -4512,7 +4532,7 @@ var ChatView = import_react59.default.forwardRef(
       containerRef,
       anchorRef
     });
-    (0, import_react59.useEffect)(() => {
+    (0, import_react60.useEffect)(() => {
       if (latestUserMessageIndex !== void 0 && latestUserMessageIndex >= 0) {
         scrollToAnchor();
       }
@@ -4524,7 +4544,7 @@ var ChatView = import_react59.default.forwardRef(
       return found;
     }, -1);
     const showThinking = isThinking && messages.length > 0 && messages[messages.length - 1]?.variant === "user";
-    return /* @__PURE__ */ import_react59.default.createElement(
+    return /* @__PURE__ */ import_react60.default.createElement(
       "div",
       {
         ref: (node) => {
@@ -4544,7 +4564,7 @@ var ChatView = import_react59.default.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ import_react59.default.createElement("div", { ref: contentRef, className: "relative flex flex-col gap-3" }, messages.map(({
+      /* @__PURE__ */ import_react60.default.createElement("div", { ref: contentRef, className: "relative flex flex-col gap-3" }, messages.map(({
         id,
         variant,
         className: messageClassName,
@@ -4557,14 +4577,14 @@ var ChatView = import_react59.default.forwardRef(
         const isLastMessage = index === messages.length - 1;
         const showStreaming = isLastMessage && isStreaming && variant === "assistant";
         const isMessageStreaming = showStreaming || !!nodeIsStreaming;
-        return /* @__PURE__ */ import_react59.default.createElement(
+        return /* @__PURE__ */ import_react60.default.createElement(
           "div",
           {
             key: id ?? `msg-${index}`,
             ref: isAnchor ? anchorRef : void 0,
             className: isAnchor ? "scroll-mt-4" : void 0
           },
-          /* @__PURE__ */ import_react59.default.createElement(
+          /* @__PURE__ */ import_react60.default.createElement(
             Message,
             {
               variant,
@@ -4577,8 +4597,8 @@ var ChatView = import_react59.default.forwardRef(
             }
           )
         );
-      }), showThinking && /* @__PURE__ */ import_react59.default.createElement(ThinkingIndicator, { isVisible: true })),
-      /* @__PURE__ */ import_react59.default.createElement(
+      }), showThinking && /* @__PURE__ */ import_react60.default.createElement(ThinkingIndicator, { isVisible: true })),
+      /* @__PURE__ */ import_react60.default.createElement(
         "div",
         {
           ref: spacerRef,
@@ -4593,7 +4613,7 @@ var ChatView = import_react59.default.forwardRef(
 ChatView.displayName = "ChatView";
 
 // src/components/chat/ChatInput.tsx
-var import_react60 = __toESM(require("react"));
+var import_react61 = __toESM(require("react"));
 var import_lucide_react11 = require("lucide-react");
 
 // src/components/chat/types.ts
@@ -4762,7 +4782,7 @@ function isBranchPoint(tree, nodeId) {
 }
 
 // src/components/chat/ChatInput.tsx
-var ChatInput = import_react60.default.forwardRef(
+var ChatInput = import_react61.default.forwardRef(
   ({
     position = "bottom",
     placeholder = "Send a message...",
@@ -4779,13 +4799,13 @@ var ChatInput = import_react60.default.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [value, setValue] = (0, import_react60.useState)("");
-    const [localAttachments, setLocalAttachments] = (0, import_react60.useState)([]);
-    const [isDragOver, setIsDragOver] = (0, import_react60.useState)(false);
-    const textareaRef = (0, import_react60.useRef)(null);
-    const fileInputRef = (0, import_react60.useRef)(null);
+    const [value, setValue] = (0, import_react61.useState)("");
+    const [localAttachments, setLocalAttachments] = (0, import_react61.useState)([]);
+    const [isDragOver, setIsDragOver] = (0, import_react61.useState)(false);
+    const textareaRef = (0, import_react61.useRef)(null);
+    const fileInputRef = (0, import_react61.useRef)(null);
     const attachments = controlledAttachments ?? localAttachments;
-    const setAttachments = (0, import_react60.useCallback)(
+    const setAttachments = (0, import_react61.useCallback)(
       (newAttachments) => {
         if (onAttachmentsChange) {
           if (typeof newAttachments === "function") {
@@ -4799,7 +4819,7 @@ var ChatInput = import_react60.default.forwardRef(
       },
       [attachments, onAttachmentsChange]
     );
-    const handleSubmit = (0, import_react60.useCallback)(() => {
+    const handleSubmit = (0, import_react61.useCallback)(() => {
       const trimmed = value.trim();
       if (!trimmed || disabled || isStreaming) {
         return;
@@ -4811,7 +4831,7 @@ var ChatInput = import_react60.default.forwardRef(
         textareaRef.current.style.height = "auto";
       }
     }, [value, disabled, isStreaming, onSubmit, attachments, setAttachments]);
-    const handleKeyDown = (0, import_react60.useCallback)(
+    const handleKeyDown = (0, import_react61.useCallback)(
       (e) => {
         if (e.key === "Enter" && !e.shiftKey) {
           e.preventDefault();
@@ -4820,18 +4840,18 @@ var ChatInput = import_react60.default.forwardRef(
       },
       [handleSubmit]
     );
-    const handleChange = (0, import_react60.useCallback)((e) => {
+    const handleChange = (0, import_react61.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_react60.useEffect)(() => {
+    (0, import_react61.useEffect)(() => {
       if (!disabled && !isStreaming && textareaRef.current) {
         textareaRef.current.focus();
       }
     }, [disabled, isStreaming]);
-    const addFiles = (0, import_react60.useCallback)(
+    const addFiles = (0, import_react61.useCallback)(
       (files) => {
         const newAttachments = Array.from(files).map((file) => ({
           id: generateId(),
@@ -4843,7 +4863,7 @@ var ChatInput = import_react60.default.forwardRef(
       },
       [setAttachments]
     );
-    const handleFileSelect = (0, import_react60.useCallback)(
+    const handleFileSelect = (0, import_react61.useCallback)(
       (e) => {
         const files = e.target.files;
         if (files && files.length > 0) {
@@ -4853,7 +4873,7 @@ var ChatInput = import_react60.default.forwardRef(
       },
       [addFiles]
     );
-    const handleRemoveAttachment = (0, import_react60.useCallback)(
+    const handleRemoveAttachment = (0, import_react61.useCallback)(
       (id) => {
         setAttachments((prev) => {
           const attachment = prev.find((a) => a.id === id);
@@ -4865,23 +4885,23 @@ var ChatInput = import_react60.default.forwardRef(
       },
       [setAttachments]
     );
-    const handleDragEnter = (0, import_react60.useCallback)((e) => {
+    const handleDragEnter = (0, import_react61.useCallback)((e) => {
       e.preventDefault();
       e.stopPropagation();
       setIsDragOver(true);
     }, []);
-    const handleDragLeave = (0, import_react60.useCallback)((e) => {
+    const handleDragLeave = (0, import_react61.useCallback)((e) => {
       e.preventDefault();
       e.stopPropagation();
       if (!e.currentTarget.contains(e.relatedTarget)) {
         setIsDragOver(false);
       }
     }, []);
-    const handleDragOver = (0, import_react60.useCallback)((e) => {
+    const handleDragOver = (0, import_react61.useCallback)((e) => {
       e.preventDefault();
       e.stopPropagation();
     }, []);
-    const handleDrop = (0, import_react60.useCallback)(
+    const handleDrop = (0, import_react61.useCallback)(
       (e) => {
         e.preventDefault();
         e.stopPropagation();
@@ -4896,7 +4916,7 @@ var ChatInput = import_react60.default.forwardRef(
     const isCentered = position === "centered";
     const hasAttachments = attachments.length > 0;
     const canSubmit = value.trim() && !disabled && !isStreaming;
-    return /* @__PURE__ */ import_react60.default.createElement(
+    return /* @__PURE__ */ import_react61.default.createElement(
       "div",
       {
         ref,
@@ -4908,8 +4928,8 @@ var ChatInput = import_react60.default.forwardRef(
         ),
         ...rest
       },
-      isCentered && helperText && /* @__PURE__ */ import_react60.default.createElement("p", { className: "text-silver text-sm mb-4 text-center" }, helperText),
-      /* @__PURE__ */ import_react60.default.createElement(
+      isCentered && helperText && /* @__PURE__ */ import_react61.default.createElement("p", { className: "text-silver text-sm mb-4 text-center" }, helperText),
+      /* @__PURE__ */ import_react61.default.createElement(
         "div",
         {
           className: cx(
@@ -4924,7 +4944,7 @@ var ChatInput = import_react60.default.forwardRef(
           onDragOver: showAttachmentButton ? handleDragOver : void 0,
           onDrop: showAttachmentButton ? handleDrop : void 0
         },
-        hasAttachments && /* @__PURE__ */ import_react60.default.createElement("div", { className: "px-3 pt-3 pb-1" }, /* @__PURE__ */ import_react60.default.createElement(
+        hasAttachments && /* @__PURE__ */ import_react61.default.createElement("div", { className: "px-3 pt-3 pb-1" }, /* @__PURE__ */ import_react61.default.createElement(
           AttachmentPreview,
           {
             attachments,
@@ -4932,14 +4952,14 @@ var ChatInput = import_react60.default.forwardRef(
             removable: !isStreaming
           }
         )),
-        isDragOver && /* @__PURE__ */ import_react60.default.createElement(
+        isDragOver && /* @__PURE__ */ import_react61.default.createElement(
           "div",
           {
             className: "absolute inset-0 bg-gold/10 flex items-center justify-center z-10 pointer-events-none"
           },
-          /* @__PURE__ */ import_react60.default.createElement("span", { className: "text-gold text-sm font-medium" }, "Drop files here")
+          /* @__PURE__ */ import_react61.default.createElement("span", { className: "text-gold text-sm font-medium" }, "Drop files here")
         ),
-        /* @__PURE__ */ import_react60.default.createElement("div", { className: "flex items-end" }, showAttachmentButton && /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, /* @__PURE__ */ import_react60.default.createElement(
+        /* @__PURE__ */ import_react61.default.createElement("div", { className: "flex items-end" }, showAttachmentButton && /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, /* @__PURE__ */ import_react61.default.createElement(
           "button",
           {
             type: "button",
@@ -4951,8 +4971,8 @@ var ChatInput = import_react60.default.forwardRef(
             ),
             "aria-label": "Attach file"
           },
-          /* @__PURE__ */ import_react60.default.createElement(import_lucide_react11.Paperclip, { className: "w-5 h-5" })
-        ), /* @__PURE__ */ import_react60.default.createElement(
+          /* @__PURE__ */ import_react61.default.createElement(import_lucide_react11.Paperclip, { className: "w-5 h-5" })
+        ), /* @__PURE__ */ import_react61.default.createElement(
           "input",
           {
             ref: fileInputRef,
@@ -4963,7 +4983,7 @@ var ChatInput = import_react60.default.forwardRef(
             className: "hidden",
             "aria-hidden": "true"
           }
-        )), /* @__PURE__ */ import_react60.default.createElement(
+        )), /* @__PURE__ */ import_react61.default.createElement(
           "textarea",
           {
             ref: textareaRef,
@@ -4981,7 +5001,7 @@ var ChatInput = import_react60.default.forwardRef(
             ),
             style: { maxHeight: 200 }
           }
-        ), isStreaming ? /* @__PURE__ */ import_react60.default.createElement(
+        ), isStreaming ? /* @__PURE__ */ import_react61.default.createElement(
           "button",
           {
             type: "button",
@@ -4992,8 +5012,8 @@ var ChatInput = import_react60.default.forwardRef(
             ),
             "aria-label": "Stop generation"
           },
-          /* @__PURE__ */ import_react60.default.createElement(import_lucide_react11.Square, { className: "w-5 h-5 fill-current" })
-        ) : /* @__PURE__ */ import_react60.default.createElement(
+          /* @__PURE__ */ import_react61.default.createElement(import_lucide_react11.Square, { className: "w-5 h-5 fill-current" })
+        ) : /* @__PURE__ */ import_react61.default.createElement(
           "button",
           {
             type: "button",
@@ -5006,7 +5026,7 @@ var ChatInput = import_react60.default.forwardRef(
             ),
             "aria-label": "Send message"
           },
-          /* @__PURE__ */ import_react60.default.createElement(import_lucide_react11.Send, { className: "w-5 h-5" })
+          /* @__PURE__ */ import_react61.default.createElement(import_lucide_react11.Send, { className: "w-5 h-5" })
         ))
       )
     );
@@ -5014,193 +5034,6 @@ var ChatInput = import_react60.default.forwardRef(
 );
 ChatInput.displayName = "ChatInput";
 
-// src/components/chat/ConversationSidebar.tsx
-var import_react61 = __toESM(require("react"));
-function HistoryIcon2({ className }) {
-  return /* @__PURE__ */ import_react61.default.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 20 20",
-      fill: "currentColor",
-      className
-    },
-    /* @__PURE__ */ import_react61.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"
-      }
-    )
-  );
-}
-function ChevronLeftIcon3({ className }) {
-  return /* @__PURE__ */ import_react61.default.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 20 20",
-      fill: "currentColor",
-      className
-    },
-    /* @__PURE__ */ import_react61.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"
-      }
-    )
-  );
-}
-var ConversationSidebar = import_react61.default.forwardRef(
-  ({
-    conversations,
-    isCollapsed = false,
-    onSelectConversation,
-    onNewChat,
-    onToggleCollapse,
-    width,
-    onResizeStart,
-    className,
-    ...rest
-  }, ref) => {
-    if (isCollapsed) {
-      return /* @__PURE__ */ import_react61.default.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__ */ import_react61.default.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__ */ import_react61.default.createElement(HistoryIcon2, { className: "w-5 h-5" })
-        )
-      );
-    }
-    return /* @__PURE__ */ import_react61.default.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__ */ import_react61.default.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__ */ import_react61.default.createElement("div", { className: "p-3 border-b border-ash/40 flex-shrink-0 flex items-center gap-2" }, /* @__PURE__ */ import_react61.default.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__ */ import_react61.default.createElement(ChevronLeftIcon3, { className: "w-5 h-5" })
-      ), /* @__PURE__ */ import_react61.default.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__ */ import_react61.default.createElement(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 20 20",
-            fill: "currentColor",
-            className: "w-4 h-4"
-          },
-          /* @__PURE__ */ import_react61.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_react61.default.createElement("span", { className: "text-sm font-medium" }, "New Chat")
-      )),
-      /* @__PURE__ */ import_react61.default.createElement("div", { className: "flex-1 overflow-y-auto py-2" }, conversations.length === 0 ? /* @__PURE__ */ import_react61.default.createElement("p", { className: "px-4 py-2 text-sm text-silver/60" }, "No conversations yet") : /* @__PURE__ */ import_react61.default.createElement("div", { className: "space-y-1 px-2" }, conversations.map((conversation) => /* @__PURE__ */ import_react61.default.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__ */ import_react61.default.createElement("p", { className: "text-sm font-medium truncate" }, conversation.title),
-        conversation.preview && /* @__PURE__ */ import_react61.default.createElement("p", { className: "text-xs text-silver/60 truncate mt-0.5" }, conversation.preview),
-        conversation.timestamp && /* @__PURE__ */ import_react61.default.createElement("p", { className: "text-xs text-silver/40 mt-1" }, conversation.timestamp)
-      ))))
-    );
-  }
-);
-ConversationSidebar.displayName = "ConversationSidebar";
-var CollapsedSidebarToggle = import_react61.default.forwardRef(({ onExpand, className, ...rest }, ref) => {
-  return /* @__PURE__ */ import_react61.default.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__ */ import_react61.default.createElement(HistoryIcon2, { className: "w-5 h-5" })
-  );
-});
-CollapsedSidebarToggle.displayName = "CollapsedSidebarToggle";
-
 // src/components/chat/ArtifactsPanel.tsx
 var import_react72 = __toESM(require("react"));
 
@@ -6420,9 +6253,13 @@ var ToolPanelContainer = import_react75.default.forwardRef(
     }, []);
     const resizeHeight = (0, import_react75.useCallback)(
       (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) => {
@@ -6457,8 +6294,11 @@ var ToolPanelContainer = import_react75.default.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",
@@ -6473,7 +6313,7 @@ var ToolPanelContainer = import_react75.default.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"
           )
@@ -6492,7 +6332,7 @@ var ToolPanelContainer = import_react75.default.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"
@@ -6588,7 +6428,6 @@ var ChatInterface = import_react77.default.forwardRef(
     isThinking = false,
     placeholder = "Send a message...",
     emptyStateHelper = "Let's talk.",
-    initialSidebarCollapsed = false,
     emptyState,
     showAttachmentButton = true,
     enableMessageActions = true,
@@ -6603,11 +6442,10 @@ var ChatInterface = import_react77.default.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [sidebarCollapsed, setSidebarCollapsed] = (0, import_react77.useState)(initialSidebarCollapsed);
     const prevArtifactNodesRef = (0, import_react77.useRef)([]);
     const prevTasksRef = (0, import_react77.useRef)([]);
     const [internalTools, setInternalTools] = (0, import_react77.useState)({
-      "top-left": null,
+      "top-left": "history",
       "bottom-left": null,
       "top-right": null,
       "bottom-right": null
@@ -6625,15 +6463,6 @@ var ChatInterface = import_react77.default.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
@@ -6655,7 +6484,7 @@ var ChatInterface = import_react77.default.forwardRef(
     const allSettled = tasks.length === 0 || areAllTasksSettled(tasks);
     const allToolDefinitions = (0, import_react77.useMemo)(() => {
       const builtIn = [
-        { id: "history", icon: /* @__PURE__ */ import_react77.default.createElement(HistoryIcon, null), label: "History", group: "top-left" },
+        { id: "history", icon: /* @__PURE__ */ import_react77.default.createElement(ChatBubbleIcon, null), label: "History", group: "top-left" },
         { id: "artifacts", icon: /* @__PURE__ */ import_react77.default.createElement(MediaIcon, null), label: "Artifacts", group: "top-right" },
         {
           id: "todos",
@@ -6669,7 +6498,9 @@ var ChatInterface = import_react77.default.forwardRef(
     }, [allSettled, externalTools]);
     const toggleTool = (0, import_react77.useCallback)((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";
@@ -6709,7 +6540,9 @@ var ChatInterface = import_react77.default.forwardRef(
     }, [isTreeMode, conversationTree, messages]);
     const latestUserMessageIndex = (0, import_react77.useMemo)(() => {
       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]);
@@ -6723,9 +6556,15 @@ var ChatInterface = import_react77.default.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;
         });
       };
@@ -6737,7 +6576,9 @@ var ChatInterface = import_react77.default.forwardRef(
     }, [artifactNodes, tasks, isPanelControlled]);
     const handleBranchSwitch = (0, import_react77.useCallback)(
       (nodeId, direction) => {
-        if (!isTreeMode || !conversationTree || !onTreeChange) return;
+        if (!isTreeMode || !conversationTree || !onTreeChange) {
+          return;
+        }
         const newTree = switchBranch(conversationTree, nodeId, direction);
         onTreeChange(newTree);
       },
@@ -6779,25 +6620,61 @@ var ChatInterface = import_react77.default.forwardRef(
       },
       [onMessageSubmit]
     );
-    const toggleSidebar = (0, import_react77.useCallback)(() => {
-      setSidebarCollapsed((prev) => !prev);
-    }, []);
     const isEmpty = effectiveMessages.length === 0;
     const leftToolDefs = (0, import_react77.useMemo)(
       () => allToolDefinitions.filter((t) => t.group === "top-left" || t.group === "bottom-left"),
       [allToolDefinitions]
     );
     const rightToolDefs = (0, import_react77.useMemo)(
-      () => 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__ */ import_react77.default.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex items-center p-4 border-b border-ash/40 shrink-0" }, /* @__PURE__ */ import_react77.default.createElement("h3", { className: "text-xs font-medium text-white" }, "History")), /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex-1 overflow-y-auto py-2" }, conversations.length === 0 ? /* @__PURE__ */ import_react77.default.createElement("p", { className: "px-4 py-2 text-xs text-silver/60" }, "No conversations yet") : /* @__PURE__ */ import_react77.default.createElement("div", { className: "space-y-1 px-2" }, conversations.map((conversation) => /* @__PURE__ */ import_react77.default.createElement(
+          return /* @__PURE__ */ import_react77.default.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ import_react77.default.createElement(
+            "div",
+            {
+              className: "flex items-center justify-between p-4 border-b border-ash/40 shrink-0"
+            },
+            /* @__PURE__ */ import_react77.default.createElement("h3", { className: "text-xs font-medium text-white" }, "History"),
+            onNewChat && /* @__PURE__ */ import_react77.default.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__ */ import_react77.default.createElement(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  viewBox: "0 0 20 20",
+                  fill: "currentColor",
+                  className: "w-4 h-4"
+                },
+                /* @__PURE__ */ import_react77.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"
+                  }
+                )
+              ),
+              "New Chat"
+            )
+          ), /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex-1 overflow-y-auto py-2" }, conversations.length === 0 ? /* @__PURE__ */ import_react77.default.createElement("p", { className: "px-4 py-2 text-xs text-silver/60" }, "No conversations yet") : /* @__PURE__ */ import_react77.default.createElement("div", { className: "space-y-1 px-2" }, conversations.map((conversation) => /* @__PURE__ */ import_react77.default.createElement(
             "button",
             {
               key: conversation.id,
@@ -6835,18 +6712,6 @@ var ChatInterface = import_react77.default.forwardRef(
         className: cx("flex h-full w-full bg-obsidian overflow-hidden", className),
         ...rest
       },
-      /* @__PURE__ */ import_react77.default.createElement(
-        ConversationSidebar,
-        {
-          conversations,
-          isCollapsed: sidebarCollapsed,
-          onSelectConversation,
-          onNewChat,
-          onToggleCollapse: toggleSidebar,
-          width: sidebarWidth,
-          onResizeStart: startResizingSidebar
-        }
-      ),
       hasLeftTools && /* @__PURE__ */ import_react77.default.createElement(
         ToolSidebar,
         {
@@ -7270,6 +7135,7 @@ var version = "2.0.0";
   BreadcrumbLink,
   Button,
   Card,
+  ChatBubbleIcon,
   ChatInput,
   ChatInterface,
   ChatView,
@@ -7279,11 +7145,9 @@ var version = "2.0.0";
   ChevronRightIcon,
   CloseIcon,
   Col,
-  CollapsedSidebarToggle,
   ColorSwatch,
   ConfirmDialog,
   Container,
-  ConversationSidebar,
   CrossSquareIcon,
   Divider,
   Drawer,