@lukeashford/aurelius 3.5.0 → 3.6.0

package/dist/index.mjs

@@ -4157,7 +4157,7 @@ var StreamingCursor = React56.forwardRef(
 StreamingCursor.displayName = "StreamingCursor";
 
 // src/components/chat/ChatInterface.tsx
-import React73, { useCallback as useCallback19, useEffect as useEffect15, useMemo as useMemo4, useRef as useRef13, useState as useState20 } from "react";
+import React74, { useCallback as useCallback20, useEffect as useEffect16, useMemo as useMemo5, useRef as useRef14, useState as useState21 } from "react";
 
 // src/components/chat/ChatView.tsx
 import React58, { useEffect as useEffect9 } from "react";
@@ -4645,6 +4645,7 @@ var ChatInput = React59.forwardRef(
     acceptedFileTypes,
     notice,
     onInputChange,
+    autoFocus = false,
     className,
     ...rest
   }, ref) => {
@@ -4697,10 +4698,10 @@ var ChatInput = React59.forwardRef(
       textarea.style.height = `${Math.min(textarea.scrollHeight, 200)}px`;
     }, [onInputChange]);
     useEffect10(() => {
-      if (!disabled && !isStreaming && textareaRef.current) {
+      if (autoFocus && !disabled && !isStreaming && textareaRef.current) {
         textareaRef.current.focus();
       }
-    }, [disabled, isStreaming]);
+    }, [disabled, isStreaming, autoFocus]);
     const addFiles = useCallback13(
       (files) => {
         const newAttachments = Array.from(files).map((file) => ({
@@ -5926,8 +5927,346 @@ var ArtifactsPanelToggle = React69.forwardRef(({ artifactCount = 0, onExpand, cl
 });
 ArtifactsPanelToggle.displayName = "ArtifactsPanelToggle";
 
+// src/components/chat/HistoryPanel.tsx
+import React70, { useCallback as useCallback16, useEffect as useEffect13, useMemo as useMemo3, useRef as useRef11, useState as useState17 } from "react";
+function parseTimestamp(ts) {
+  if (ts == null) {
+    return null;
+  }
+  const d = ts instanceof Date ? ts : new Date(ts);
+  return Number.isNaN(d.getTime()) ? null : d;
+}
+function startOfDay(d) {
+  const x = new Date(d);
+  x.setHours(0, 0, 0, 0);
+  return x;
+}
+function groupConversations(conversations) {
+  const today = startOfDay(/* @__PURE__ */ new Date());
+  const yesterday = new Date(today);
+  yesterday.setDate(yesterday.getDate() - 1);
+  const todayList = [];
+  const yesterdayList = [];
+  const olderList = [];
+  for (const c of conversations) {
+    const d = parseTimestamp(c.timestamp);
+    if (d && d >= today) {
+      todayList.push(c);
+    } else if (d && d >= yesterday) {
+      yesterdayList.push(c);
+    } else {
+      olderList.push(c);
+    }
+  }
+  return [
+    { key: "today", label: "Today", conversations: todayList },
+    { key: "yesterday", label: "Yesterday", conversations: yesterdayList },
+    { key: "older", label: "Older", conversations: olderList }
+  ].filter((g) => g.conversations.length > 0);
+}
+function ChevronDownIcon({ className }) {
+  return /* @__PURE__ */ React70.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className,
+      "aria-hidden": "true"
+    },
+    /* @__PURE__ */ React70.createElement(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M5.23 7.21a.75.75 0 011.06.02L10 11.06l3.71-3.83a.75.75 0 111.08 1.04l-4.25 4.39a.75.75 0 01-1.08 0L5.21 8.27a.75.75 0 01.02-1.06z",
+        clipRule: "evenodd"
+      }
+    )
+  );
+}
+function PencilIcon2({ className }) {
+  return /* @__PURE__ */ React70.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className,
+      "aria-hidden": "true"
+    },
+    /* @__PURE__ */ React70.createElement(
+      "path",
+      {
+        d: "M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"
+      }
+    )
+  );
+}
+function ProjectFilter({
+  projects,
+  value,
+  onChange,
+  className
+}) {
+  const [open, setOpen] = useState17(false);
+  const ref = useRef11(null);
+  useEffect13(() => {
+    if (!open) {
+      return;
+    }
+    const handler = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [open]);
+  const label = value ?? "All projects";
+  return /* @__PURE__ */ React70.createElement("div", { className: cx("relative min-w-0", className), ref }, /* @__PURE__ */ React70.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => setOpen((o) => !o),
+      "aria-haspopup": "listbox",
+      "aria-expanded": open,
+      className: cx(
+        "w-full flex items-center justify-between gap-1 px-2 py-1.5",
+        "bg-obsidian/60 hover:bg-ash/30",
+        "text-silver hover:text-white",
+        "border border-ash/40",
+        "text-xs",
+        "transition-colors duration-150 min-w-0"
+      )
+    },
+    /* @__PURE__ */ React70.createElement("span", { className: "truncate" }, label),
+    /* @__PURE__ */ React70.createElement(ChevronDownIcon, { className: "w-3 h-3 shrink-0" })
+  ), open && /* @__PURE__ */ React70.createElement(
+    "div",
+    {
+      role: "listbox",
+      className: cx(
+        "absolute top-full left-0 right-0 mt-1 z-20",
+        "bg-charcoal border border-ash/40",
+        "max-h-60 overflow-y-auto"
+      )
+    },
+    /* @__PURE__ */ React70.createElement(
+      "button",
+      {
+        type: "button",
+        role: "option",
+        "aria-selected": value === null,
+        onClick: () => {
+          onChange(null);
+          setOpen(false);
+        },
+        className: cx(
+          "w-full px-2 py-1.5 text-left text-xs truncate",
+          "transition-colors duration-150",
+          value === null ? "bg-gold/10 text-gold" : "text-silver hover:bg-ash/20 hover:text-white"
+        )
+      },
+      "All projects"
+    ),
+    projects.map((p) => /* @__PURE__ */ React70.createElement(
+      "button",
+      {
+        key: p,
+        type: "button",
+        role: "option",
+        "aria-selected": value === p,
+        onClick: () => {
+          onChange(p);
+          setOpen(false);
+        },
+        className: cx(
+          "w-full px-2 py-1.5 text-left text-xs truncate",
+          "transition-colors duration-150",
+          value === p ? "bg-gold/10 text-gold" : "text-silver hover:bg-ash/20 hover:text-white"
+        )
+      },
+      p
+    ))
+  ));
+}
+function ConversationRow({
+  conversation,
+  onSelect,
+  onRename
+}) {
+  const [isEditing, setIsEditing] = useState17(false);
+  const [draft, setDraft] = useState17(conversation.title);
+  const inputRef = useRef11(null);
+  useEffect13(() => {
+    if (isEditing && inputRef.current) {
+      inputRef.current.focus();
+      inputRef.current.select();
+    }
+  }, [isEditing]);
+  const startEdit = useCallback16((e) => {
+    e.stopPropagation();
+    setDraft(conversation.title);
+    setIsEditing(true);
+  }, [conversation.title]);
+  const commit = useCallback16(() => {
+    const trimmed = draft.trim();
+    if (trimmed && trimmed !== conversation.title) {
+      onRename?.(conversation.id, trimmed);
+    }
+    setIsEditing(false);
+  }, [draft, conversation.id, conversation.title, onRename]);
+  const cancel = useCallback16(() => {
+    setDraft(conversation.title);
+    setIsEditing(false);
+  }, [conversation.title]);
+  if (isEditing) {
+    return /* @__PURE__ */ React70.createElement(
+      "div",
+      {
+        className: cx(
+          "w-full px-3 py-2",
+          conversation.isActive ? "bg-ash/40" : "bg-ash/20"
+        )
+      },
+      /* @__PURE__ */ React70.createElement(
+        "input",
+        {
+          ref: inputRef,
+          type: "text",
+          value: draft,
+          onChange: (e) => setDraft(e.target.value),
+          onBlur: commit,
+          onKeyDown: (e) => {
+            if (e.key === "Enter") {
+              e.preventDefault();
+              commit();
+            } else if (e.key === "Escape") {
+              e.preventDefault();
+              cancel();
+            }
+          },
+          className: cx(
+            "w-full px-2 py-1 text-sm font-medium text-white",
+            "bg-obsidian border border-gold/40",
+            "outline-none focus:border-gold"
+          ),
+          "aria-label": "Conversation title"
+        }
+      ),
+      conversation.project && /* @__PURE__ */ React70.createElement("p", { className: "text-xs text-silver/60 truncate mt-1" }, conversation.project)
+    );
+  }
+  return /* @__PURE__ */ React70.createElement("div", { className: "relative group" }, /* @__PURE__ */ React70.createElement(
+    "button",
+    {
+      onClick: () => onSelect?.(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__ */ React70.createElement(
+      "p",
+      {
+        className: cx(
+          "text-sm font-medium truncate",
+          onRename ? "pr-6" : ""
+        )
+      },
+      conversation.title
+    ),
+    conversation.project && /* @__PURE__ */ React70.createElement("p", { className: "text-xs text-silver/60 truncate mt-0.5" }, conversation.project)
+  ), onRename && /* @__PURE__ */ React70.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: startEdit,
+      "aria-label": "Rename conversation",
+      className: cx(
+        "absolute right-2 top-2",
+        "p-1 text-silver/60 hover:text-gold hover:bg-ash/40",
+        "opacity-0 group-hover:opacity-100 focus:opacity-100",
+        "transition-opacity duration-150"
+      )
+    },
+    /* @__PURE__ */ React70.createElement(PencilIcon2, { className: "w-3.5 h-3.5" })
+  ));
+}
+function HistoryPanel({
+  conversations,
+  onSelectConversation,
+  onNewChat,
+  onRenameConversation
+}) {
+  const [projectFilter, setProjectFilter] = useState17(null);
+  const projects = useMemo3(() => {
+    const set = /* @__PURE__ */ new Set();
+    for (const c of conversations) {
+      if (c.project) {
+        set.add(c.project);
+      }
+    }
+    return Array.from(set).sort((a, b) => a.localeCompare(b));
+  }, [conversations]);
+  useEffect13(() => {
+    if (projectFilter && !projects.includes(projectFilter)) {
+      setProjectFilter(null);
+    }
+  }, [projects, projectFilter]);
+  const filteredConversations = useMemo3(() => {
+    if (!projectFilter) {
+      return conversations;
+    }
+    return conversations.filter((c) => c.project === projectFilter);
+  }, [conversations, projectFilter]);
+  const groups = useMemo3(
+    () => groupConversations(filteredConversations),
+    [filteredConversations]
+  );
+  const hasFilter = projects.length > 0;
+  return /* @__PURE__ */ React70.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ React70.createElement("div", { className: "px-4 py-3 border-b border-ash/40 shrink-0 flex items-center gap-2" }, /* @__PURE__ */ React70.createElement("h3", { className: "text-xs font-medium text-white shrink-0" }, "History"), (hasFilter || onNewChat) && /* @__PURE__ */ React70.createElement("div", { className: "flex items-center gap-2 flex-1 min-w-0" }, hasFilter && /* @__PURE__ */ React70.createElement(React70.Fragment, null, /* @__PURE__ */ React70.createElement("div", { className: "w-px h-3 bg-ash/40 shrink-0 mx-1" }), /* @__PURE__ */ React70.createElement(
+    ProjectFilter,
+    {
+      projects,
+      value: projectFilter,
+      onChange: setProjectFilter,
+      className: "flex-1"
+    }
+  )), onNewChat && /* @__PURE__ */ React70.createElement(React70.Fragment, null, /* @__PURE__ */ React70.createElement("div", { className: "w-px h-3 bg-ash/40 shrink-0 mx-1" }), /* @__PURE__ */ React70.createElement(
+    "button",
+    {
+      onClick: onNewChat,
+      className: cx(
+        "flex items-center gap-1 px-2.5 py-1.5 shrink-0",
+        "bg-gold/10 hover:bg-gold/20 text-gold",
+        "border border-gold/30",
+        "text-xs font-medium",
+        "transition-colors duration-200"
+      )
+    },
+    /* @__PURE__ */ React70.createElement(PlusIcon, { className: "w-4 h-4" }),
+    /* @__PURE__ */ React70.createElement("span", { className: "truncate" }, "New Chat")
+  )))), /* @__PURE__ */ React70.createElement("div", { className: "flex-1 overflow-y-auto py-2" }, conversations.length === 0 ? /* @__PURE__ */ React70.createElement("p", { className: "px-4 py-2 text-xs text-silver/60" }, "No conversations yet") : groups.length === 0 ? /* @__PURE__ */ React70.createElement("p", { className: "px-4 py-2 text-xs text-silver/60" }, "No conversations match this filter") : /* @__PURE__ */ React70.createElement("div", null, groups.map((group, index) => /* @__PURE__ */ React70.createElement("section", { key: group.key, className: cx(index > 0 && "mt-3") }, /* @__PURE__ */ React70.createElement("div", { className: "flex items-center gap-2 px-3 pb-2" }, /* @__PURE__ */ React70.createElement(
+    "span",
+    {
+      className: "text-xs font-medium uppercase tracking-wider text-gold/70"
+    },
+    group.label
+  ), /* @__PURE__ */ React70.createElement("div", { className: "flex-1 h-px bg-gold/20" })), /* @__PURE__ */ React70.createElement("div", { className: "space-y-1 px-2" }, group.conversations.map((conversation) => /* @__PURE__ */ React70.createElement(
+    ConversationRow,
+    {
+      key: conversation.id,
+      conversation,
+      onSelect: onSelectConversation,
+      onRename: onRenameConversation
+    }
+  ))))))));
+}
+
 // src/components/chat/TodosList.tsx
-import React70, { useCallback as useCallback16, useMemo as useMemo3, useState as useState17 } from "react";
+import React71, { useCallback as useCallback17, useMemo as useMemo4, useState as useState18 } from "react";
 import { Loader2 as Loader22, Square as Square2 } from "lucide-react";
 var TASK_STATUSES = {
   PENDING: "pending",
@@ -5939,16 +6278,16 @@ var TASK_STATUSES = {
 function TaskIcon({ status }) {
   switch (status) {
     case "done":
-      return /* @__PURE__ */ React70.createElement(CheckSquareIcon, null);
+      return /* @__PURE__ */ React71.createElement(CheckSquareIcon, null);
     case "in_progress":
-      return /* @__PURE__ */ React70.createElement(SquareLoaderIcon, null);
+      return /* @__PURE__ */ React71.createElement(SquareLoaderIcon, null);
     case "cancelled":
-      return /* @__PURE__ */ React70.createElement(CrossSquareIcon, { variant: "cancelled" });
+      return /* @__PURE__ */ React71.createElement(CrossSquareIcon, { variant: "cancelled" });
     case "failed":
-      return /* @__PURE__ */ React70.createElement(CrossSquareIcon, { variant: "failed" });
+      return /* @__PURE__ */ React71.createElement(CrossSquareIcon, { variant: "failed" });
     case "pending":
     default:
-      return /* @__PURE__ */ React70.createElement(EmptySquareIcon, null);
+      return /* @__PURE__ */ React71.createElement(EmptySquareIcon, null);
   }
 }
 function sortTasks(tasks) {
@@ -5968,7 +6307,7 @@ function TaskItem({ task, depth = 0 }) {
   const isSubtle = task.status === "cancelled" || task.status === "failed";
   const showSubtasks = (task.status === "in_progress" || task.status === "done") && task.subtasks && task.subtasks.length > 0;
   const sortedSubtasks = showSubtasks ? sortTasks(task.subtasks) : [];
-  return /* @__PURE__ */ React70.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React70.createElement(
+  return /* @__PURE__ */ React71.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React71.createElement(
     "div",
     {
       className: cx(
@@ -5976,8 +6315,8 @@ function TaskItem({ task, depth = 0 }) {
         depth > 0 && "pl-6"
       )
     },
-    /* @__PURE__ */ React70.createElement(TaskIcon, { status: task.status }),
-    /* @__PURE__ */ React70.createElement(
+    /* @__PURE__ */ React71.createElement(TaskIcon, { status: task.status }),
+    /* @__PURE__ */ React71.createElement(
       "span",
       {
         className: cx(
@@ -5989,10 +6328,10 @@ function TaskItem({ task, depth = 0 }) {
         )
       },
       task.label,
-      task.status === "cancelled" && /* @__PURE__ */ React70.createElement("span", { className: "text-silver/40 ml-1" }, "(cancelled)"),
-      task.status === "failed" && /* @__PURE__ */ React70.createElement("span", { className: "text-error/60 ml-1" }, "(failed)")
+      task.status === "cancelled" && /* @__PURE__ */ React71.createElement("span", { className: "text-silver/40 ml-1" }, "(cancelled)"),
+      task.status === "failed" && /* @__PURE__ */ React71.createElement("span", { className: "text-error/60 ml-1" }, "(failed)")
     )
-  ), showSubtasks && /* @__PURE__ */ React70.createElement("div", { className: "flex flex-col" }, sortedSubtasks.map((subtask) => /* @__PURE__ */ React70.createElement(TaskItem, { key: subtask.id, task: subtask, depth: depth + 1 }))));
+  ), showSubtasks && /* @__PURE__ */ React71.createElement("div", { className: "flex flex-col" }, sortedSubtasks.map((subtask) => /* @__PURE__ */ React71.createElement(TaskItem, { key: subtask.id, task: subtask, depth: depth + 1 }))));
 }
 function hasInProgressTask(tasks) {
   return tasks.some((t) => {
@@ -6001,11 +6340,11 @@ function hasInProgressTask(tasks) {
     return false;
   });
 }
-var TodosList = React70.forwardRef(
+var TodosList = React71.forwardRef(
   ({ tasks, title = "Tasks", onStopAllTasks, className, ...rest }, ref) => {
-    const sortedTasks = useMemo3(() => sortTasks(tasks), [tasks]);
-    const [isStopping, setIsStopping] = useState17(false);
-    const handleStopClick = useCallback16(async () => {
+    const sortedTasks = useMemo4(() => sortTasks(tasks), [tasks]);
+    const [isStopping, setIsStopping] = useState18(false);
+    const handleStopClick = useCallback17(async () => {
       if (!onStopAllTasks || isStopping) return;
       try {
         setIsStopping(true);
@@ -6039,7 +6378,7 @@ var TodosList = React70.forwardRef(
     if (tasks.length === 0) {
       return null;
     }
-    return /* @__PURE__ */ React70.createElement(
+    return /* @__PURE__ */ React71.createElement(
       "div",
       {
         ref,
@@ -6050,16 +6389,16 @@ var TodosList = React70.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ React70.createElement(
+      /* @__PURE__ */ React71.createElement(
         "div",
         {
           className: "flex items-center justify-between px-4 py-2 border-b border-ash/40 flex-shrink-0"
         },
-        /* @__PURE__ */ React70.createElement("h4", { className: "text-xs font-medium text-white" }, title),
-        /* @__PURE__ */ React70.createElement("span", { className: "text-xs text-silver/60" }, countCompleted(tasks), "/", countTotal(tasks))
+        /* @__PURE__ */ React71.createElement("h4", { className: "text-xs font-medium text-white" }, title),
+        /* @__PURE__ */ React71.createElement("span", { className: "text-xs text-silver/60" }, countCompleted(tasks), "/", countTotal(tasks))
       ),
-      /* @__PURE__ */ React70.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-2" }, sortedTasks.map((task) => /* @__PURE__ */ React70.createElement(TaskItem, { key: task.id, task }))),
-      showStopButton && /* @__PURE__ */ React70.createElement("div", { className: "px-4 py-2 border-t border-ash/40 flex-shrink-0" }, /* @__PURE__ */ React70.createElement(
+      /* @__PURE__ */ React71.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-2" }, sortedTasks.map((task) => /* @__PURE__ */ React71.createElement(TaskItem, { key: task.id, task }))),
+      showStopButton && /* @__PURE__ */ React71.createElement("div", { className: "px-4 py-2 border-t border-ash/40 flex-shrink-0" }, /* @__PURE__ */ React71.createElement(
         "button",
         {
           type: "button",
@@ -6076,7 +6415,7 @@ var TodosList = React70.forwardRef(
             isStopping ? "cursor-not-allowed opacity-70" : "hover:bg-error/20"
           )
         },
-        isStopping ? /* @__PURE__ */ React70.createElement(React70.Fragment, null, /* @__PURE__ */ React70.createElement(Loader22, { className: "w-3 h-3 animate-spin" }), "Stopping tasks") : /* @__PURE__ */ React70.createElement(React70.Fragment, null, /* @__PURE__ */ React70.createElement(Square2, { className: "w-3 h-3 fill-current" }), "Stop All Tasks")
+        isStopping ? /* @__PURE__ */ React71.createElement(React71.Fragment, null, /* @__PURE__ */ React71.createElement(Loader22, { className: "w-3 h-3 animate-spin" }), "Stopping tasks") : /* @__PURE__ */ React71.createElement(React71.Fragment, null, /* @__PURE__ */ React71.createElement(Square2, { className: "w-3 h-3 fill-current" }), "Stop All Tasks")
       ))
     );
   }
@@ -6092,8 +6431,8 @@ function areAllTasksSettled(tasks) {
 }
 
 // src/components/chat/ToolSidebar.tsx
-import React71 from "react";
-var ToolSidebar = React71.forwardRef(
+import React72 from "react";
+var ToolSidebar = React72.forwardRef(
   ({ tools, activeTools, onToggleTool, side, className, ...rest }, ref) => {
     const topTools = tools.filter((t) => t.group === `top-${side}`);
     const bottomTools = tools.filter((t) => t.group === `bottom-${side}`);
@@ -6104,7 +6443,7 @@ var ToolSidebar = React71.forwardRef(
     };
     const renderButton = (tool) => {
       const active = isActive(tool.id);
-      return /* @__PURE__ */ React71.createElement(
+      return /* @__PURE__ */ React72.createElement(
         "button",
         {
           key: tool.id,
@@ -6116,10 +6455,10 @@ var ToolSidebar = React71.forwardRef(
           "aria-label": tool.label,
           "aria-pressed": active
         },
-        /* @__PURE__ */ React71.createElement("span", { className: "w-4 h-4 block" }, tool.icon)
+        /* @__PURE__ */ React72.createElement("span", { className: "w-4 h-4 block" }, tool.icon)
       );
     };
-    return /* @__PURE__ */ React71.createElement(
+    return /* @__PURE__ */ React72.createElement(
       "div",
       {
         ref,
@@ -6130,17 +6469,17 @@ var ToolSidebar = React71.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ React71.createElement("div", { className: "flex flex-col items-center gap-1" }, topTools.map(renderButton)),
-      /* @__PURE__ */ React71.createElement("div", { className: "flex-1 flex items-center justify-center" }, /* @__PURE__ */ React71.createElement("div", { className: "w-5 border-t border-ash/30" })),
-      /* @__PURE__ */ React71.createElement("div", { className: "flex flex-col items-center gap-1" }, bottomTools.map(renderButton))
+      /* @__PURE__ */ React72.createElement("div", { className: "flex flex-col items-center gap-1" }, topTools.map(renderButton)),
+      /* @__PURE__ */ React72.createElement("div", { className: "flex-1 flex items-center justify-center" }, /* @__PURE__ */ React72.createElement("div", { className: "w-5 border-t border-ash/30" })),
+      /* @__PURE__ */ React72.createElement("div", { className: "flex flex-col items-center gap-1" }, bottomTools.map(renderButton))
     );
   }
 );
 ToolSidebar.displayName = "ToolSidebar";
 
 // src/components/chat/ToolPanelContainer.tsx
-import React72, { useCallback as useCallback17, useEffect as useEffect13, useRef as useRef11, useState as useState18 } from "react";
-var ToolPanelContainer = React72.forwardRef(
+import React73, { useCallback as useCallback18, useEffect as useEffect14, useRef as useRef12, useState as useState19 } from "react";
+var ToolPanelContainer = React73.forwardRef(
   ({
     topContent,
     bottomContent,
@@ -6151,21 +6490,21 @@ var ToolPanelContainer = React72.forwardRef(
     initialTopPercent = 60,
     ...rest
   }, ref) => {
-    const [topPercent, setTopPercent] = useState18(initialTopPercent);
-    const [isResizingHeight, setIsResizingHeight] = useState18(false);
-    const containerRef = useRef11(null);
-    const lastY = useRef11(null);
+    const [topPercent, setTopPercent] = useState19(initialTopPercent);
+    const [isResizingHeight, setIsResizingHeight] = useState19(false);
+    const containerRef = useRef12(null);
+    const lastY = useRef12(null);
     const hasBoth = topContent !== null && bottomContent !== null;
-    const startHeightResize = useCallback17((e) => {
+    const startHeightResize = useCallback18((e) => {
       e.preventDefault();
       setIsResizingHeight(true);
       lastY.current = e.clientY;
     }, []);
-    const stopHeightResize = useCallback17(() => {
+    const stopHeightResize = useCallback18(() => {
       setIsResizingHeight(false);
       lastY.current = null;
     }, []);
-    const resizeHeight = useCallback17(
+    const resizeHeight = useCallback18(
       (e) => {
         if (!isResizingHeight || lastY.current === null || !containerRef.current) {
           return;
@@ -6184,7 +6523,7 @@ var ToolPanelContainer = React72.forwardRef(
       },
       [isResizingHeight]
     );
-    useEffect13(() => {
+    useEffect14(() => {
       if (isResizingHeight) {
         window.addEventListener("mousemove", resizeHeight);
         window.addEventListener("mouseup", stopHeightResize);
@@ -6203,7 +6542,7 @@ var ToolPanelContainer = React72.forwardRef(
         document.body.style.userSelect = "";
       };
     }, [isResizingHeight, resizeHeight, stopHeightResize]);
-    return /* @__PURE__ */ React72.createElement(
+    return /* @__PURE__ */ React73.createElement(
       "div",
       {
         ref: (node) => {
@@ -6222,7 +6561,7 @@ var ToolPanelContainer = React72.forwardRef(
         style: width ? { width } : void 0,
         ...rest
       },
-      /* @__PURE__ */ React72.createElement(
+      /* @__PURE__ */ React73.createElement(
         "div",
         {
           onMouseDown: onResizeStart,
@@ -6233,7 +6572,7 @@ var ToolPanelContainer = React72.forwardRef(
           )
         }
       ),
-      topContent !== null && /* @__PURE__ */ React72.createElement(
+      topContent !== null && /* @__PURE__ */ React73.createElement(
         "div",
         {
           className: "min-h-0 overflow-hidden flex flex-col",
@@ -6241,7 +6580,7 @@ var ToolPanelContainer = React72.forwardRef(
         },
         topContent
       ),
-      hasBoth && /* @__PURE__ */ React72.createElement(
+      hasBoth && /* @__PURE__ */ React73.createElement(
         "div",
         {
           onMouseDown: startHeightResize,
@@ -6253,7 +6592,7 @@ var ToolPanelContainer = React72.forwardRef(
           )
         }
       ),
-      bottomContent !== null && /* @__PURE__ */ React72.createElement(
+      bottomContent !== null && /* @__PURE__ */ React73.createElement(
         "div",
         {
           className: "min-h-0 overflow-hidden flex flex-col",
@@ -6267,26 +6606,26 @@ var ToolPanelContainer = React72.forwardRef(
 ToolPanelContainer.displayName = "ToolPanelContainer";
 
 // src/components/chat/hooks/useResizable.ts
-import { useCallback as useCallback18, useEffect as useEffect14, useRef as useRef12, useState as useState19 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect15, useRef as useRef13, useState as useState20 } from "react";
 function useResizable({
   initialWidthPercent,
   minWidthPercent,
   maxWidthPercent,
   direction
 }) {
-  const [widthPercent, setWidthPercent] = useState19(initialWidthPercent);
-  const [isResizing, setIsResizing] = useState19(false);
-  const lastX = useRef12(null);
-  const startResizing = useCallback18((e) => {
+  const [widthPercent, setWidthPercent] = useState20(initialWidthPercent);
+  const [isResizing, setIsResizing] = useState20(false);
+  const lastX = useRef13(null);
+  const startResizing = useCallback19((e) => {
     e.preventDefault();
     setIsResizing(true);
     lastX.current = e.clientX;
   }, []);
-  const stopResizing = useCallback18(() => {
+  const stopResizing = useCallback19(() => {
     setIsResizing(false);
     lastX.current = null;
   }, []);
-  const resize = useCallback18(
+  const resize = useCallback19(
     (e) => {
       if (!isResizing || lastX.current === null) {
         return;
@@ -6302,7 +6641,7 @@ function useResizable({
     },
     [isResizing, direction, minWidthPercent, maxWidthPercent]
   );
-  useEffect14(() => {
+  useEffect15(() => {
     if (isResizing) {
       window.addEventListener("mousemove", resize);
       window.addEventListener("mouseup", stopResizing);
@@ -6326,7 +6665,7 @@ function useResizable({
 }
 
 // src/components/chat/ChatInterface.tsx
-var ChatInterface = React73.forwardRef(
+var ChatInterface = React74.forwardRef(
   ({
     messages = [],
     conversationTree,
@@ -6338,6 +6677,7 @@ var ChatInterface = React73.forwardRef(
     onStop,
     onSelectConversation,
     onNewChat,
+    onRenameConversation,
     isStreaming = false,
     isThinking = false,
     placeholder = "Send a message...",
@@ -6356,20 +6696,21 @@ var ChatInterface = React73.forwardRef(
     inputNotice,
     onInputChange,
     tools: externalTools = [],
+    autoFocus = true,
     className,
     ...rest
   }, ref) => {
-    const prevArtifactNodesRef = useRef13([]);
-    const prevTasksRef = useRef13([]);
-    const [internalTools, setInternalTools] = useState20({
+    const prevArtifactNodesRef = useRef14([]);
+    const prevTasksRef = useRef14([]);
+    const [internalTools, setInternalTools] = useState21({
       "top-left": "history",
       "bottom-left": null,
       "top-right": null,
       "bottom-right": null
     });
-    const dismissedToolsRef = useRef13(/* @__PURE__ */ new Set());
+    const dismissedToolsRef = useRef14(/* @__PURE__ */ new Set());
     const isPanelControlled = isArtifactsPanelOpen !== void 0;
-    const activeTools = useMemo4(() => {
+    const activeTools = useMemo5(() => {
       if (isPanelControlled) {
         return {
           ...internalTools,
@@ -6399,13 +6740,13 @@ var ChatInterface = React73.forwardRef(
       direction: "right"
     });
     const allSettled = tasks.length === 0 || areAllTasksSettled(tasks);
-    const allToolDefinitions = useMemo4(() => {
+    const allToolDefinitions = useMemo5(() => {
       const builtIn = [
-        { 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: "history", icon: /* @__PURE__ */ React74.createElement(ChatBubbleIcon, null), label: "History", group: "top-left" },
+        { id: "artifacts", icon: /* @__PURE__ */ React74.createElement(MediaIcon, null), label: "Artifacts", group: "top-right" },
         {
           id: "todos",
-          icon: allSettled ? /* @__PURE__ */ React73.createElement(CheckSquareIcon, null) : /* @__PURE__ */ React73.createElement(SquareLoaderIcon, null),
+          icon: allSettled ? /* @__PURE__ */ React74.createElement(CheckSquareIcon, null) : /* @__PURE__ */ React74.createElement(SquareLoaderIcon, null),
           label: "Tasks",
           group: "bottom-right"
         }
@@ -6413,7 +6754,7 @@ var ChatInterface = React73.forwardRef(
       const external = externalTools.map(({ content: _content, ...def }) => def);
       return [...builtIn, ...external];
     }, [allSettled, externalTools]);
-    const toggleTool = useCallback19((toolId) => {
+    const toggleTool = useCallback20((toolId) => {
       const toolDef = allToolDefinitions.find((t) => t.id === toolId);
       if (!toolDef) {
         return;
@@ -6443,7 +6784,7 @@ var ChatInterface = React73.forwardRef(
       });
     }, [allToolDefinitions, isPanelControlled, activeTools, onArtifactsPanelOpenChange]);
     const isTreeMode = !!conversationTree;
-    const effectiveMessages = useMemo4(() => {
+    const effectiveMessages = useMemo5(() => {
       if (isTreeMode && conversationTree) {
         const pathNodes = getActivePathMessages(conversationTree);
         return pathNodes.map((node) => ({
@@ -6455,7 +6796,7 @@ var ChatInterface = React73.forwardRef(
       }
       return messages;
     }, [isTreeMode, conversationTree, messages]);
-    const latestUserMessageIndex = useMemo4(() => {
+    const latestUserMessageIndex = useMemo5(() => {
       for (let i = effectiveMessages.length - 1; i >= 0; i--) {
         if (effectiveMessages[i].variant === "user") {
           return i;
@@ -6463,7 +6804,7 @@ var ChatInterface = React73.forwardRef(
       }
       return -1;
     }, [effectiveMessages]);
-    useEffect15(() => {
+    useEffect16(() => {
       const nodes = artifactNodes || [];
       const prevNodes = prevArtifactNodesRef.current;
       const hasNewOrChangedNode = nodes.length !== prevNodes.length || nodes.some((n, i) => n.id !== prevNodes[i]?.id);
@@ -6488,7 +6829,7 @@ var ChatInterface = React73.forwardRef(
       prevArtifactNodesRef.current = nodes;
       prevTasksRef.current = tasks;
     }, [artifactNodes, tasks, isPanelControlled]);
-    const handleBranchSwitch = useCallback19(
+    const handleBranchSwitch = useCallback20(
       (nodeId, direction) => {
         if (!isTreeMode || !conversationTree || !onTreeChange) {
           return;
@@ -6498,7 +6839,7 @@ var ChatInterface = React73.forwardRef(
       },
       [isTreeMode, conversationTree, onTreeChange]
     );
-    const displayMessages = useMemo4(() => {
+    const displayMessages = useMemo5(() => {
       return effectiveMessages.map((msg) => {
         let branchInfo = void 0;
         if (isTreeMode && conversationTree) {
@@ -6528,18 +6869,18 @@ var ChatInterface = React73.forwardRef(
       onRetryMessage,
       handleBranchSwitch
     ]);
-    const handleSubmit = useCallback19(
+    const handleSubmit = useCallback20(
       (message, attachments) => {
         onMessageSubmit?.(message, attachments);
       },
       [onMessageSubmit]
     );
     const isEmpty = effectiveMessages.length === 0;
-    const leftToolDefs = useMemo4(
+    const leftToolDefs = useMemo5(
       () => allToolDefinitions.filter((t) => t.group === "top-left" || t.group === "bottom-left"),
       [allToolDefinitions]
     );
-    const rightToolDefs = useMemo4(
+    const rightToolDefs = useMemo5(
       () => allToolDefinitions.filter(
         (t) => t.group === "top-right" || t.group === "bottom-right"
       ),
@@ -6553,58 +6894,17 @@ var ChatInterface = React73.forwardRef(
       }
       switch (toolId) {
         case "history":
-          return /* @__PURE__ */ React73.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ React73.createElement(
-            "div",
+          return /* @__PURE__ */ React74.createElement(
+            HistoryPanel,
             {
-              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,
-              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__ */ React73.createElement("p", { className: "text-sm font-medium truncate" }, conversation.title),
-            conversation.preview && /* @__PURE__ */ React73.createElement("p", { className: "text-xs text-silver/60 truncate mt-0.5" }, conversation.preview),
-            conversation.timestamp && /* @__PURE__ */ React73.createElement("p", { className: "text-xs text-silver/40 mt-1" }, conversation.timestamp)
-          )))));
+              conversations,
+              onSelectConversation,
+              onNewChat,
+              onRenameConversation
+            }
+          );
         case "artifacts":
-          return /* @__PURE__ */ React73.createElement(
+          return /* @__PURE__ */ React74.createElement(
             ArtifactsPanel,
             {
               nodes: artifactNodes,
@@ -6612,7 +6912,7 @@ var ChatInterface = React73.forwardRef(
             }
           );
         case "todos":
-          return tasks.length > 0 ? /* @__PURE__ */ React73.createElement(
+          return tasks.length > 0 ? /* @__PURE__ */ React74.createElement(
             TodosList,
             {
               tasks,
@@ -6620,21 +6920,21 @@ var ChatInterface = React73.forwardRef(
               onStopAllTasks,
               className: "h-full"
             }
-          ) : /* @__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" }, "Tasks")), /* @__PURE__ */ React73.createElement("div", { className: "flex-1 flex items-center justify-center" }, /* @__PURE__ */ React73.createElement("p", { className: "text-xs text-silver/60" }, "No tasks")));
+          ) : /* @__PURE__ */ React74.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ React74.createElement("div", { className: "flex items-center p-4 border-b border-ash/40 shrink-0" }, /* @__PURE__ */ React74.createElement("h3", { className: "text-xs font-medium text-white" }, "Tasks")), /* @__PURE__ */ React74.createElement("div", { className: "flex-1 flex items-center justify-center" }, /* @__PURE__ */ React74.createElement("p", { className: "text-xs text-silver/60" }, "No tasks")));
         default: {
           const externalTool = externalTools.find((t) => t.id === toolId);
           return externalTool?.content ?? null;
         }
       }
     };
-    return /* @__PURE__ */ React73.createElement(
+    return /* @__PURE__ */ React74.createElement(
       "div",
       {
         ref,
         className: cx("flex h-full w-full bg-obsidian overflow-hidden", className),
         ...rest
       },
-      hasLeftTools && /* @__PURE__ */ React73.createElement(
+      hasLeftTools && /* @__PURE__ */ React74.createElement(
         ToolSidebar,
         {
           tools: leftToolDefs,
@@ -6643,7 +6943,7 @@ var ChatInterface = React73.forwardRef(
           side: "left"
         }
       ),
-      isLeftPanelOpen && /* @__PURE__ */ React73.createElement(
+      isLeftPanelOpen && /* @__PURE__ */ React74.createElement(
         ToolPanelContainer,
         {
           topContent: renderToolContent(activeTools["top-left"]),
@@ -6654,16 +6954,16 @@ var ChatInterface = React73.forwardRef(
           initialTopPercent: 30
         }
       ),
-      /* @__PURE__ */ React73.createElement("div", { className: "flex-1 flex flex-col min-w-0 relative" }, /* @__PURE__ */ React73.createElement("div", { className: cx(
+      /* @__PURE__ */ React74.createElement("div", { className: "flex-1 flex flex-col min-w-0 relative" }, /* @__PURE__ */ React74.createElement("div", { className: cx(
         "flex-1 flex flex-col min-h-0 relative",
         isEmpty ? "justify-center" : "justify-start"
-      ) }, /* @__PURE__ */ React73.createElement("div", { className: cx(
+      ) }, /* @__PURE__ */ React74.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out",
         isEmpty ? "flex-1" : "flex-zero"
-      ) }), /* @__PURE__ */ React73.createElement("div", { className: cx(
+      ) }), /* @__PURE__ */ React74.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out overflow-hidden flex flex-col",
         isEmpty ? "flex-zero opacity-0" : "flex-1 opacity-100"
-      ) }, /* @__PURE__ */ React73.createElement(
+      ) }, /* @__PURE__ */ React74.createElement(
         ChatView,
         {
           messages: displayMessages,
@@ -6672,10 +6972,10 @@ var ChatInterface = React73.forwardRef(
           isThinking,
           className: "flex-1"
         }
-      )), /* @__PURE__ */ React73.createElement("div", { className: cx(
+      )), /* @__PURE__ */ React74.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out z-10 w-full flex flex-col items-center",
         isEmpty ? "p-4" : "shrink-0 p-4 border-t border-ash/40 bg-obsidian"
-      ) }, isEmpty && /* @__PURE__ */ React73.createElement("div", { className: "mb-8 text-center animate-fade-in duration-500" }, emptyState ? emptyState : /* @__PURE__ */ React73.createElement("h1", { className: "text-4xl md:text-5xl font-heading text-gold mb-2 tracking-tight" }, "Welcome!")), /* @__PURE__ */ React73.createElement(
+      ) }, isEmpty && /* @__PURE__ */ React74.createElement("div", { className: "mb-8 text-center animate-fade-in duration-500" }, emptyState ? emptyState : /* @__PURE__ */ React74.createElement("h1", { className: "text-4xl md:text-5xl font-heading text-gold mb-2 tracking-tight" }, "Welcome!")), /* @__PURE__ */ React74.createElement(
         ChatInput,
         {
           position: isEmpty ? "centered" : "bottom",
@@ -6689,13 +6989,14 @@ var ChatInterface = React73.forwardRef(
           attachments: propsAttachments,
           onAttachmentsChange,
           notice: inputNotice,
-          onInputChange
+          onInputChange,
+          autoFocus
         }
-      )), /* @__PURE__ */ React73.createElement("div", { className: cx(
+      )), /* @__PURE__ */ React74.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out",
         isEmpty ? "flex-1" : "flex-zero"
       ) }))),
-      isRightPanelOpen && /* @__PURE__ */ React73.createElement(
+      isRightPanelOpen && /* @__PURE__ */ React74.createElement(
         ToolPanelContainer,
         {
           topContent: renderToolContent(activeTools["top-right"]),
@@ -6706,7 +7007,7 @@ var ChatInterface = React73.forwardRef(
           initialTopPercent: 70
         }
       ),
-      hasRightTools && /* @__PURE__ */ React73.createElement(
+      hasRightTools && /* @__PURE__ */ React74.createElement(
         ToolSidebar,
         {
           tools: rightToolDefs,
@@ -6721,9 +7022,9 @@ var ChatInterface = React73.forwardRef(
 ChatInterface.displayName = "ChatInterface";
 
 // src/components/chat/MessageActions.tsx
-import React74, { useCallback as useCallback20, useState as useState21 } from "react";
+import React75, { useCallback as useCallback21, useState as useState22 } from "react";
 import { Check as Check3, Copy, Pencil, RotateCcw, Send as Send2, X as X6 } from "lucide-react";
-var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ React74.createElement(
+var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ React75.createElement(
   "button",
   {
     type: "button",
@@ -6739,7 +7040,7 @@ var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @_
   },
   children
 );
-var MessageActions = React74.forwardRef(
+var MessageActions = React75.forwardRef(
   ({
     variant,
     content,
@@ -6751,12 +7052,12 @@ var MessageActions = React74.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [localIsEditing, setLocalIsEditing] = useState21(false);
-    const [localEditValue, setLocalEditValue] = useState21(content);
-    const [copied, setCopied] = useState21(false);
+    const [localIsEditing, setLocalIsEditing] = useState22(false);
+    const [localEditValue, setLocalEditValue] = useState22(content);
+    const [copied, setCopied] = useState22(false);
     const isEditing = controlledIsEditing ?? localIsEditing;
     const editValue = controlledEditValue ?? localEditValue;
-    const setIsEditing = useCallback20(
+    const setIsEditing = useCallback21(
       (value) => {
         if (onEditingChange) {
           onEditingChange(value);
@@ -6766,10 +7067,10 @@ var MessageActions = React74.forwardRef(
       },
       [onEditingChange]
     );
-    const setEditValue = useCallback20((value) => {
+    const setEditValue = useCallback21((value) => {
       setLocalEditValue(value);
     }, []);
-    const handleCopy = useCallback20(async () => {
+    const handleCopy = useCallback21(async () => {
       try {
         await navigator.clipboard.writeText(content);
         setCopied(true);
@@ -6785,22 +7086,22 @@ var MessageActions = React74.forwardRef(
         setTimeout(() => setCopied(false), 2e3);
       }
     }, [content]);
-    const handleStartEdit = useCallback20(() => {
+    const handleStartEdit = useCallback21(() => {
       setLocalEditValue(content);
       setIsEditing(true);
     }, [content, setIsEditing]);
-    const handleCancelEdit = useCallback20(() => {
+    const handleCancelEdit = useCallback21(() => {
       setIsEditing(false);
       setLocalEditValue(content);
     }, [content, setIsEditing]);
-    const handleSubmitEdit = useCallback20(() => {
+    const handleSubmitEdit = useCallback21(() => {
       const trimmed = editValue.trim();
       if (trimmed && trimmed !== content) {
         onEdit?.(trimmed);
       }
       setIsEditing(false);
     }, [editValue, content, onEdit, setIsEditing]);
-    const handleEditKeyDown = useCallback20(
+    const handleEditKeyDown = useCallback21(
       (e) => {
         if (e.key === "Enter" && !e.shiftKey) {
           e.preventDefault();
@@ -6813,19 +7114,19 @@ var MessageActions = React74.forwardRef(
     );
     const isUser = variant === "user";
     if (isUser && isEditing) {
-      return /* @__PURE__ */ React74.createElement(
+      return /* @__PURE__ */ React75.createElement(
         "div",
         {
           ref,
           className: cx("mt-2", className),
           ...rest
         },
-        /* @__PURE__ */ React74.createElement(
+        /* @__PURE__ */ React75.createElement(
           "div",
           {
             className: "relative bg-charcoal border border-ash/60 focus-within:border-gold/60 focus-within:ring-1 focus-within:ring-gold/20"
           },
-          /* @__PURE__ */ React74.createElement(
+          /* @__PURE__ */ React75.createElement(
             "textarea",
             {
               value: editValue,
@@ -6836,15 +7137,15 @@ var MessageActions = React74.forwardRef(
               rows: 2
             }
           ),
-          /* @__PURE__ */ React74.createElement("div", { className: "absolute right-2 bottom-2 flex gap-1" }, /* @__PURE__ */ React74.createElement(
+          /* @__PURE__ */ React75.createElement("div", { className: "absolute right-2 bottom-2 flex gap-1" }, /* @__PURE__ */ React75.createElement(
             ActionButton2,
             {
               onClick: handleCancelEdit,
               label: "Cancel edit",
               className: "text-silver/60 hover:text-error"
             },
-            /* @__PURE__ */ React74.createElement(X6, { className: "w-4 h-4" })
-          ), /* @__PURE__ */ React74.createElement(
+            /* @__PURE__ */ React75.createElement(X6, { className: "w-4 h-4" })
+          ), /* @__PURE__ */ React75.createElement(
             ActionButton2,
             {
               onClick: handleSubmitEdit,
@@ -6852,13 +7153,13 @@ var MessageActions = React74.forwardRef(
               className: "text-silver/60 hover:text-gold",
               disabled: !editValue.trim() || editValue.trim() === content
             },
-            /* @__PURE__ */ React74.createElement(Send2, { className: "w-4 h-4" })
+            /* @__PURE__ */ React75.createElement(Send2, { className: "w-4 h-4" })
           ))
         ),
-        /* @__PURE__ */ React74.createElement("p", { className: "text-xs text-silver/50 mt-1" }, "Press Enter to submit, Esc to cancel. This will create a new branch.")
+        /* @__PURE__ */ React75.createElement("p", { className: "text-xs text-silver/50 mt-1" }, "Press Enter to submit, Esc to cancel. This will create a new branch.")
       );
     }
-    return /* @__PURE__ */ React74.createElement(
+    return /* @__PURE__ */ React75.createElement(
       "div",
       {
         ref,
@@ -6869,18 +7170,18 @@ var MessageActions = React74.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ React74.createElement(ActionButton2, { onClick: handleCopy, label: copied ? "Copied!" : "Copy message" }, copied ? /* @__PURE__ */ React74.createElement(Check3, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ React74.createElement(Copy, { className: "w-3.5 h-3.5" })),
-      isUser && onEdit && /* @__PURE__ */ React74.createElement(ActionButton2, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ React74.createElement(Pencil, { className: "w-3.5 h-3.5" })),
-      !isUser && onRetry && /* @__PURE__ */ React74.createElement(ActionButton2, { onClick: onRetry, label: "Regenerate response" }, /* @__PURE__ */ React74.createElement(RotateCcw, { className: "w-3.5 h-3.5" }))
+      /* @__PURE__ */ React75.createElement(ActionButton2, { onClick: handleCopy, label: copied ? "Copied!" : "Copy message" }, copied ? /* @__PURE__ */ React75.createElement(Check3, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ React75.createElement(Copy, { className: "w-3.5 h-3.5" })),
+      isUser && onEdit && /* @__PURE__ */ React75.createElement(ActionButton2, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ React75.createElement(Pencil, { className: "w-3.5 h-3.5" })),
+      !isUser && onRetry && /* @__PURE__ */ React75.createElement(ActionButton2, { onClick: onRetry, label: "Regenerate response" }, /* @__PURE__ */ React75.createElement(RotateCcw, { className: "w-3.5 h-3.5" }))
     );
   }
 );
 MessageActions.displayName = "MessageActions";
 
 // src/components/chat/BranchNavigator.tsx
-import React75 from "react";
+import React76 from "react";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight3, GitBranch } from "lucide-react";
-var BranchNavigator = React75.forwardRef(
+var BranchNavigator = React76.forwardRef(
   ({
     current,
     total,
@@ -6899,7 +7200,7 @@ var BranchNavigator = React75.forwardRef(
     const buttonSize = size === "sm" ? "p-0.5" : "p-1";
     const iconSize = size === "sm" ? "w-3 h-3" : "w-4 h-4";
     const textSize = size === "sm" ? "text-xs" : "text-sm";
-    return /* @__PURE__ */ React75.createElement(
+    return /* @__PURE__ */ React76.createElement(
       "div",
       {
         ref,
@@ -6911,8 +7212,8 @@ var BranchNavigator = React75.forwardRef(
         "aria-label": "Branch navigation",
         ...rest
       },
-      showIcon && /* @__PURE__ */ React75.createElement(GitBranch, { className: cx(iconSize, "mr-0.5 text-silver/50"), "aria-hidden": "true" }),
-      /* @__PURE__ */ React75.createElement(
+      showIcon && /* @__PURE__ */ React76.createElement(GitBranch, { className: cx(iconSize, "mr-0.5 text-silver/50"), "aria-hidden": "true" }),
+      /* @__PURE__ */ React76.createElement(
         "button",
         {
           type: "button",
@@ -6925,10 +7226,10 @@ var BranchNavigator = React75.forwardRef(
           ),
           "aria-label": "Previous branch"
         },
-        /* @__PURE__ */ React75.createElement(ChevronLeft2, { className: iconSize })
+        /* @__PURE__ */ React76.createElement(ChevronLeft2, { className: iconSize })
       ),
-      /* @__PURE__ */ React75.createElement("span", { className: cx(textSize, "tabular-nums min-w-6 text-center") }, current, "/", total),
-      /* @__PURE__ */ React75.createElement(
+      /* @__PURE__ */ React76.createElement("span", { className: cx(textSize, "tabular-nums min-w-6 text-center") }, current, "/", total),
+      /* @__PURE__ */ React76.createElement(
         "button",
         {
           type: "button",
@@ -6941,7 +7242,7 @@ var BranchNavigator = React75.forwardRef(
           ),
           "aria-label": "Next branch"
         },
-        /* @__PURE__ */ React75.createElement(ChevronRight3, { className: iconSize })
+        /* @__PURE__ */ React76.createElement(ChevronRight3, { className: iconSize })
       )
     );
   }
@@ -6949,16 +7250,16 @@ var BranchNavigator = React75.forwardRef(
 BranchNavigator.displayName = "BranchNavigator";
 
 // src/components/BrandIcon.tsx
-import React76 from "react";
+import React77 from "react";
 var sizeMap2 = {
   sm: "h-8 w-8 text-sm",
   md: "h-12 w-12 text-base",
   lg: "h-16 w-16 text-lg"
 };
-var BrandIcon = React76.forwardRef(
+var BrandIcon = React77.forwardRef(
   ({ size = "md", variant = "solid", children, className, ...rest }, ref) => {
     const variantClasses = variant === "solid" ? "bg-gold text-obsidian border-2 border-gold" : "bg-transparent text-gold border-2 border-gold";
-    return /* @__PURE__ */ React76.createElement(
+    return /* @__PURE__ */ React77.createElement(
       "div",
       {
         ref,
@@ -6977,17 +7278,17 @@ var BrandIcon = React76.forwardRef(
 BrandIcon.displayName = "BrandIcon";
 
 // src/components/ColorSwatch.tsx
-import React77 from "react";
-var ColorSwatch = React77.forwardRef(
+import React78 from "react";
+var ColorSwatch = React78.forwardRef(
   ({ color, label, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React77.createElement(
+    return /* @__PURE__ */ React78.createElement(
       "div",
       {
         ref,
         className: cx("flex flex-col items-center gap-2", className),
         ...rest
       },
-      /* @__PURE__ */ React77.createElement(
+      /* @__PURE__ */ React78.createElement(
         "div",
         {
           className: "h-16 w-16 border-2 border-ash rounded-none shadow-sm",
@@ -6995,22 +7296,22 @@ var ColorSwatch = React77.forwardRef(
           "aria-label": label || color
         }
       ),
-      label && /* @__PURE__ */ React77.createElement("span", { className: "text-xs text-silver font-medium" }, label)
+      label && /* @__PURE__ */ React78.createElement("span", { className: "text-xs text-silver font-medium" }, label)
     );
   }
 );
 ColorSwatch.displayName = "ColorSwatch";
 
 // src/components/SectionHeading.tsx
-import React78 from "react";
+import React79 from "react";
 var levelStyles = {
   h2: "text-2xl mb-4",
   h3: "text-xl mb-3"
 };
-var SectionHeading = React78.forwardRef(
+var SectionHeading = React79.forwardRef(
   ({ level = "h2", children, className, ...rest }, ref) => {
     const Component = level;
-    return /* @__PURE__ */ React78.createElement(
+    return /* @__PURE__ */ React79.createElement(
       Component,
       {
         ref,
@@ -7081,6 +7382,7 @@ export {
   FileChip,
   HelperText,
   HistoryIcon,
+  HistoryPanel,
   ImageCard,
   Input,
   InputGroup,