@lukeashford/aurelius 2.9.0 → 2.10.0

package/dist/index.js

@@ -36,22 +36,31 @@ __export(index_exports, {
   AccordionTrigger: () => AccordionTrigger,
   Alert: () => Alert,
   AlertDialog: () => AlertDialog,
+  ArtifactsPanel: () => ArtifactsPanel,
+  ArtifactsPanelToggle: () => ArtifactsPanelToggle,
+  AttachmentPreview: () => AttachmentPreview,
   Avatar: () => Avatar,
   Badge: () => Badge,
+  BranchNavigator: () => BranchNavigator,
   BrandIcon: () => BrandIcon,
   Breadcrumb: () => Breadcrumb,
   BreadcrumbItem: () => BreadcrumbItem,
   BreadcrumbLink: () => BreadcrumbLink,
   Button: () => Button,
   Card: () => Card,
-  ChatHistory: () => ChatHistory,
+  ChatInput: () => ChatInput,
+  ChatInterface: () => ChatInterface,
+  ChatView: () => ChatView,
   Checkbox: () => Checkbox,
   Col: () => Col,
+  CollapsedSidebarToggle: () => CollapsedSidebarToggle,
   ColorSwatch: () => ColorSwatch,
   ConfirmDialog: () => ConfirmDialog,
   Container: () => Container,
+  ConversationSidebar: () => ConversationSidebar,
   Divider: () => Divider,
   Drawer: () => Drawer,
+  FileChip: () => FileChip,
   HelperText: () => HelperText,
   ImageCard: () => ImageCard,
   Input: () => Input,
@@ -74,6 +83,7 @@ __export(index_exports, {
   MenuSeparator: () => MenuSeparator,
   MenuTrigger: () => MenuTrigger,
   Message: () => Message,
+  MessageActions: () => MessageActions,
   Modal: () => Modal,
   Navbar: () => Navbar,
   NavbarBrand: () => NavbarBrand,
@@ -109,9 +119,24 @@ __export(index_exports, {
   TableRow: () => TableRow,
   Tabs: () => Tabs,
   Textarea: () => Textarea,
+  ThinkingIndicator: () => ThinkingIndicator,
   ToastProvider: () => ToastProvider,
   Tooltip: () => Tooltip,
   VideoCard: () => VideoCard,
+  addMessageToTree: () => addMessageToTree,
+  createEmptyTree: () => createEmptyTree,
+  createPreviewUrl: () => createPreviewUrl,
+  generateId: () => generateId,
+  getActivePathMessages: () => getActivePathMessages,
+  getSiblingInfo: () => getSiblingInfo,
+  isBranchPoint: () => isBranchPoint,
+  isImageFile: () => isImageFile,
+  messagesToTree: () => messagesToTree,
+  revokePreviewUrl: () => revokePreviewUrl,
+  switchBranch: () => switchBranch,
+  updateNodeContent: () => updateNodeContent,
+  useArtifactParser: () => useArtifactParser,
+  useScrollAnchor: () => useScrollAnchor,
   useToast: () => useToast,
   version: () => version
 });
@@ -979,7 +1004,7 @@ var Tooltip = ({ content, children, open = false, side = "top" }) => {
     {
       role: "tooltip",
       className: cx(
-        "pointer-events-none absolute z-50 whitespace-nowrap rounded-md border border-ash bg-graphite px-3 py-1.5 text-sm text-white shadow-lg transition-opacity duration-200 ease-out",
+        "pointer-events-none absolute z-50 whitespace-nowrap border border-ash bg-graphite px-3 py-1.5 text-sm text-white shadow-lg transition-opacity duration-200 ease-out",
         open ? "opacity-100" : "opacity-0",
         side === "top" && "left-1/2 -translate-x-1/2 -top-2 -translate-y-full",
         side === "bottom" && "left-1/2 -translate-x-1/2 -bottom-2 translate-y-full",
@@ -1189,11 +1214,152 @@ var ListSubheader = import_react13.default.forwardRef(
 );
 ListSubheader.displayName = "ListSubheader";
 
-// src/components/Label.tsx
+// src/components/FileChip.tsx
 var import_react14 = __toESM(require("react"));
-var Label = import_react14.default.forwardRef(
-  ({ className, required, children, ...rest }, ref) => {
+var import_lucide_react2 = require("lucide-react");
+function formatBytes(bytes) {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;
+}
+function getFileIcon(type) {
+  if (!type) return import_lucide_react2.File;
+  if (type.startsWith("image/")) return import_lucide_react2.FileImage;
+  if (type.startsWith("video/")) return import_lucide_react2.FileVideo;
+  if (type.startsWith("audio/")) return import_lucide_react2.FileAudio;
+  if (type.startsWith("text/")) return import_lucide_react2.FileText;
+  if (type.includes("javascript") || type.includes("typescript") || type.includes("json") || type.includes("xml")) {
+    return import_lucide_react2.FileCode;
+  }
+  if (type.includes("zip") || type.includes("rar") || type.includes("tar") || type.includes("gz")) {
+    return import_lucide_react2.FileArchive;
+  }
+  return import_lucide_react2.File;
+}
+var statusStyles = {
+  pending: "border-silver/30",
+  uploading: "border-gold/50",
+  complete: "border-success/50",
+  error: "border-error/50"
+};
+var FileChip = import_react14.default.forwardRef(
+  ({
+    name,
+    size,
+    type,
+    status = "complete",
+    previewUrl,
+    onRemove,
+    removable = true,
+    error,
+    className,
+    ...rest
+  }, ref) => {
+    const Icon = getFileIcon(type);
+    const isImage = type?.startsWith("image/");
+    const showPreview = isImage && previewUrl;
     return /* @__PURE__ */ import_react14.default.createElement(
+      "div",
+      {
+        ref,
+        className: cx(
+          "group relative inline-flex items-center gap-2 px-2 py-1.5",
+          "bg-charcoal border text-sm text-white",
+          "transition-colors duration-150",
+          statusStyles[status],
+          status === "error" && "bg-error/10",
+          className
+        ),
+        role: "listitem",
+        ...rest
+      },
+      showPreview ? /* @__PURE__ */ import_react14.default.createElement("div", { className: "w-8 h-8 flex-shrink-0 overflow-hidden bg-slate" }, /* @__PURE__ */ import_react14.default.createElement(
+        "img",
+        {
+          src: previewUrl,
+          alt: "",
+          className: "w-full h-full object-cover"
+        }
+      )) : /* @__PURE__ */ import_react14.default.createElement(Icon, { className: cx(
+        "w-4 h-4 flex-shrink-0",
+        status === "error" ? "text-error" : "text-silver"
+      ) }),
+      /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex flex-col min-w-0 flex-1" }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "truncate max-w-40", title: name }, name), size !== void 0 && status !== "error" && /* @__PURE__ */ import_react14.default.createElement("span", { className: "text-xs text-silver/60" }, formatBytes(size)), status === "error" && error && /* @__PURE__ */ import_react14.default.createElement("span", { className: "text-xs text-error truncate", title: error }, error)),
+      status === "uploading" && /* @__PURE__ */ import_react14.default.createElement(import_lucide_react2.Loader2, { className: "w-3.5 h-3.5 text-gold animate-spin flex-shrink-0" }),
+      status === "pending" && /* @__PURE__ */ import_react14.default.createElement("div", { className: "w-2 h-2 rounded-full bg-silver/50 flex-shrink-0" }),
+      removable && onRemove && /* @__PURE__ */ import_react14.default.createElement(
+        "button",
+        {
+          type: "button",
+          onClick: (e) => {
+            e.stopPropagation();
+            onRemove();
+          },
+          className: cx(
+            "p-0.5 text-silver/40 hover:text-white transition-colors",
+            "hover:bg-white/10",
+            "opacity-0 group-hover:opacity-100",
+            "focus:opacity-100"
+          ),
+          "aria-label": `Remove ${name}`
+        },
+        /* @__PURE__ */ import_react14.default.createElement(import_lucide_react2.X, { className: "w-3.5 h-3.5" })
+      )
+    );
+  }
+);
+FileChip.displayName = "FileChip";
+
+// src/components/AttachmentPreview.tsx
+var import_react15 = __toESM(require("react"));
+var AttachmentPreview = import_react15.default.forwardRef(
+  ({
+    attachments,
+    onRemove,
+    removable = true,
+    maxVisible,
+    className,
+    ...rest
+  }, ref) => {
+    if (attachments.length === 0) return null;
+    const visibleAttachments = maxVisible && maxVisible > 0 ? attachments.slice(0, maxVisible) : attachments;
+    const hiddenCount = maxVisible && maxVisible > 0 ? Math.max(0, attachments.length - maxVisible) : 0;
+    return /* @__PURE__ */ import_react15.default.createElement(
+      "div",
+      {
+        ref,
+        className: cx("flex flex-wrap gap-2", className),
+        role: "list",
+        "aria-label": "Attached files",
+        ...rest
+      },
+      visibleAttachments.map((attachment) => /* @__PURE__ */ import_react15.default.createElement(
+        FileChip,
+        {
+          key: attachment.id,
+          name: attachment.file.name,
+          size: attachment.file.size,
+          type: attachment.file.type,
+          status: attachment.status,
+          previewUrl: attachment.previewUrl,
+          error: attachment.error,
+          removable,
+          onRemove: onRemove ? () => onRemove(attachment.id) : void 0
+        }
+      )),
+      hiddenCount > 0 && /* @__PURE__ */ import_react15.default.createElement("div", { className: "inline-flex items-center px-2 py-1.5 bg-charcoal border border-silver/30 text-sm text-silver" }, "+", hiddenCount, " more")
+    );
+  }
+);
+AttachmentPreview.displayName = "AttachmentPreview";
+
+// src/components/Label.tsx
+var import_react16 = __toESM(require("react"));
+var Label = import_react16.default.forwardRef(
+  ({ className, required, children, ...rest }, ref) => {
+    return /* @__PURE__ */ import_react16.default.createElement(
       "label",
       {
         ref,
@@ -1201,17 +1367,17 @@ var Label = import_react14.default.forwardRef(
         ...rest
       },
       children,
-      required && /* @__PURE__ */ import_react14.default.createElement("span", { className: "text-error ml-1" }, "*")
+      required && /* @__PURE__ */ import_react16.default.createElement("span", { className: "text-error ml-1" }, "*")
     );
   }
 );
 Label.displayName = "Label";
 
 // src/components/HelperText.tsx
-var import_react15 = __toESM(require("react"));
-var HelperText = import_react15.default.forwardRef(
+var import_react17 = __toESM(require("react"));
+var HelperText = import_react17.default.forwardRef(
   ({ className, error, children, ...rest }, ref) => {
-    return /* @__PURE__ */ import_react15.default.createElement(
+    return /* @__PURE__ */ import_react17.default.createElement(
       "p",
       {
         ref,
@@ -1225,12 +1391,12 @@ var HelperText = import_react15.default.forwardRef(
 HelperText.displayName = "HelperText";
 
 // src/components/Textarea.tsx
-var import_react16 = __toESM(require("react"));
-var Textarea = import_react16.default.forwardRef(
+var import_react18 = __toESM(require("react"));
+var Textarea = import_react18.default.forwardRef(
   ({ error = false, className, disabled, ...rest }, ref) => {
     const base = "w-full px-3 py-2 bg-graphite border border-ash rounded-none text-white placeholder:text-zinc min-h-[80px] transition-all duration-fast focus:border-gold focus:ring-1 focus:ring-gold focus:outline-none disabled:bg-slate disabled:text-dim disabled:cursor-not-allowed";
     const errorCls = error ? "border-error focus:border-error focus:ring-error" : "";
-    return /* @__PURE__ */ import_react16.default.createElement(
+    return /* @__PURE__ */ import_react18.default.createElement(
       "textarea",
       {
         ref,
@@ -1244,11 +1410,11 @@ var Textarea = import_react16.default.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/Select.tsx
-var import_react17 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 var selectBgImage = `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23C9A227' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")`;
-var Select = import_react17.default.forwardRef(
+var Select = import_react19.default.forwardRef(
   ({ error = false, className, disabled, options, children, ...rest }, ref) => {
-    return /* @__PURE__ */ import_react17.default.createElement(
+    return /* @__PURE__ */ import_react19.default.createElement(
       "select",
       {
         ref,
@@ -1268,19 +1434,19 @@ var Select = import_react17.default.forwardRef(
         disabled,
         ...rest
       },
-      options ? options.map((opt) => /* @__PURE__ */ import_react17.default.createElement("option", { key: opt.value, value: opt.value }, opt.label)) : children
+      options ? options.map((opt) => /* @__PURE__ */ import_react19.default.createElement("option", { key: opt.value, value: opt.value }, opt.label)) : children
     );
   }
 );
 Select.displayName = "Select";
 
 // src/components/Checkbox.tsx
-var import_react18 = __toESM(require("react"));
+var import_react20 = __toESM(require("react"));
 var checkmarkSvg = `url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%231A1A1A' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")`;
-var Checkbox = import_react18.default.forwardRef(
+var Checkbox = import_react20.default.forwardRef(
   ({ className, label, id, ...rest }, ref) => {
     const inputId = id || rest.name || Math.random().toString(36).substr(2, 9);
-    const setRef = (0, import_react18.useCallback)((node) => {
+    const setRef = (0, import_react20.useCallback)((node) => {
       if (node) {
         if (node.checked) {
           node.style.backgroundImage = checkmarkSvg;
@@ -1292,14 +1458,14 @@ var Checkbox = import_react18.default.forwardRef(
         ref.current = node;
       }
     }, [ref]);
-    return /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react18.default.createElement(
+    return /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react20.default.createElement(
       "input",
       {
         type: "checkbox",
         id: inputId,
         ref: setRef,
         className: cx(
-          "appearance-none h-4 w-4 border border-ash rounded-sm bg-graphite",
+          "appearance-none h-4 w-4 border border-ash bg-graphite",
           "checked:bg-gold checked:border-gold",
           "focus:ring-1 focus:ring-gold focus:ring-offset-1 focus:ring-offset-obsidian",
           "transition duration-200 ease-in-out cursor-pointer",
@@ -1322,18 +1488,18 @@ var Checkbox = import_react18.default.forwardRef(
         },
         ...rest
       }
-    ), label && /* @__PURE__ */ import_react18.default.createElement("label", { htmlFor: inputId, className: "ml-2 text-sm text-silver cursor-pointer select-none" }, label));
+    ), label && /* @__PURE__ */ import_react20.default.createElement("label", { htmlFor: inputId, className: "ml-2 text-sm text-silver cursor-pointer select-none" }, label));
   }
 );
 Checkbox.displayName = "Checkbox";
 
 // src/components/Radio.tsx
-var import_react19 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 var radioDotSvg = `url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%231A1A1A' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")`;
-var Radio = import_react19.default.forwardRef(
+var Radio = import_react21.default.forwardRef(
   ({ className, label, id, ...rest }, ref) => {
     const inputId = id || rest.name || Math.random().toString(36).substr(2, 9);
-    const setRef = (0, import_react19.useCallback)((node) => {
+    const setRef = (0, import_react21.useCallback)((node) => {
       if (node) {
         if (node.checked) {
           node.style.backgroundImage = radioDotSvg;
@@ -1345,7 +1511,7 @@ var Radio = import_react19.default.forwardRef(
         ref.current = node;
       }
     }, [ref]);
-    return /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react19.default.createElement(
+    return /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react21.default.createElement(
       "input",
       {
         type: "radio",
@@ -1383,20 +1549,20 @@ var Radio = import_react19.default.forwardRef(
         },
         ...rest
       }
-    ), label && /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: inputId, className: "ml-2 text-sm text-silver cursor-pointer select-none" }, label));
+    ), label && /* @__PURE__ */ import_react21.default.createElement("label", { htmlFor: inputId, className: "ml-2 text-sm text-silver cursor-pointer select-none" }, label));
   }
 );
 Radio.displayName = "Radio";
 
 // src/components/Switch.tsx
-var import_react20 = __toESM(require("react"));
-var Switch = import_react20.default.forwardRef(
+var import_react22 = __toESM(require("react"));
+var Switch = import_react22.default.forwardRef(
   ({ checked: controlledChecked, defaultChecked = false, onCheckedChange, disabled, className, label, ...rest }, ref) => {
-    const [internalChecked, setInternalChecked] = (0, import_react20.useState)(defaultChecked);
+    const [internalChecked, setInternalChecked] = (0, import_react22.useState)(defaultChecked);
     const isControlled = controlledChecked !== void 0;
     const checked = isControlled ? controlledChecked : internalChecked;
-    const buttonRef = (0, import_react20.useRef)(null);
-    const setRefs = (0, import_react20.useCallback)(
+    const buttonRef = (0, import_react22.useRef)(null);
+    const setRefs = (0, import_react22.useCallback)(
       (node) => {
         buttonRef.current = node;
         if (typeof ref === "function") {
@@ -1416,7 +1582,7 @@ var Switch = import_react20.default.forwardRef(
       onCheckedChange?.(newChecked);
       rest.onClick?.(e);
     };
-    return /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react20.default.createElement(
+    return /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react22.default.createElement(
       "button",
       {
         type: "button",
@@ -1436,7 +1602,7 @@ var Switch = import_react20.default.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ import_react20.default.createElement(
+      /* @__PURE__ */ import_react22.default.createElement(
         "span",
         {
           className: cx(
@@ -1446,7 +1612,7 @@ var Switch = import_react20.default.forwardRef(
           )
         }
       )
-    ), label && /* @__PURE__ */ import_react20.default.createElement(
+    ), label && /* @__PURE__ */ import_react22.default.createElement(
       "span",
       {
         className: "text-sm text-silver cursor-pointer",
@@ -1462,7 +1628,7 @@ var Switch = import_react20.default.forwardRef(
 Switch.displayName = "Switch";
 
 // src/components/Slider.tsx
-var import_react21 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 var SIZE_TRACK = {
   sm: "h-1",
   md: "h-2",
@@ -1473,7 +1639,7 @@ var SIZE_THUMB = {
   md: "h-4 w-4",
   lg: "h-5 w-5"
 };
-var Slider = import_react21.default.forwardRef(
+var Slider = import_react23.default.forwardRef(
   ({
     value: controlledValue,
     defaultValue = 0,
@@ -1489,13 +1655,13 @@ var Slider = import_react21.default.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = (0, import_react21.useState)(defaultValue);
-    const [isDragging, setIsDragging] = (0, import_react21.useState)(false);
-    const trackRef = (0, import_react21.useRef)(null);
+    const [internalValue, setInternalValue] = (0, import_react23.useState)(defaultValue);
+    const [isDragging, setIsDragging] = (0, import_react23.useState)(false);
+    const trackRef = (0, import_react23.useRef)(null);
     const isControlled = controlledValue !== void 0;
     const value = isControlled ? controlledValue : internalValue;
     const percentage = (value - min) / (max - min) * 100;
-    const updateValue = (0, import_react21.useCallback)(
+    const updateValue = (0, import_react23.useCallback)(
       (clientX) => {
         if (!trackRef.current || disabled) return;
         const rect = trackRef.current.getBoundingClientRect();
@@ -1561,14 +1727,14 @@ var Slider = import_react21.default.forwardRef(
       onChange?.(newValue);
       onChangeEnd?.(newValue);
     };
-    return /* @__PURE__ */ import_react21.default.createElement(
+    return /* @__PURE__ */ import_react23.default.createElement(
       "div",
       {
         ref,
         className: cx("relative w-full py-2", disabled && "opacity-50", className),
         ...props
       },
-      /* @__PURE__ */ import_react21.default.createElement(
+      /* @__PURE__ */ import_react23.default.createElement(
         "div",
         {
           ref: trackRef,
@@ -1578,14 +1744,14 @@ var Slider = import_react21.default.forwardRef(
           ),
           onMouseDown: handleMouseDown
         },
-        /* @__PURE__ */ import_react21.default.createElement(
+        /* @__PURE__ */ import_react23.default.createElement(
           "div",
           {
             className: cx("absolute inset-y-0 left-0 bg-gold", SIZE_TRACK[size]),
             style: { width: `${percentage}%` }
           }
         ),
-        /* @__PURE__ */ import_react21.default.createElement(
+        /* @__PURE__ */ import_react23.default.createElement(
           "div",
           {
             role: "slider",
@@ -1606,7 +1772,7 @@ var Slider = import_react21.default.forwardRef(
             ),
             style: { left: `${percentage}%` }
           },
-          showTooltip && isDragging && /* @__PURE__ */ import_react21.default.createElement("div", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2 py-1 bg-graphite border border-ash text-xs text-white whitespace-nowrap" }, formatValue(value))
+          showTooltip && isDragging && /* @__PURE__ */ import_react23.default.createElement("div", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2 py-1 bg-graphite border border-ash text-xs text-white whitespace-nowrap" }, formatValue(value))
         )
       )
     );
@@ -1615,10 +1781,10 @@ var Slider = import_react21.default.forwardRef(
 Slider.displayName = "Slider";
 
 // src/components/InputGroup.tsx
-var import_react22 = __toESM(require("react"));
-var InputGroup = import_react22.default.forwardRef(
+var import_react24 = __toESM(require("react"));
+var InputGroup = import_react24.default.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react22.default.createElement(
+    return /* @__PURE__ */ import_react24.default.createElement(
       "div",
       {
         ref,
@@ -1630,9 +1796,9 @@ var InputGroup = import_react22.default.forwardRef(
   }
 );
 InputGroup.displayName = "InputGroup";
-var InputLeftAddon = import_react22.default.forwardRef(
+var InputLeftAddon = import_react24.default.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react22.default.createElement(
+    return /* @__PURE__ */ import_react24.default.createElement(
       "div",
       {
         ref,
@@ -1648,9 +1814,9 @@ var InputLeftAddon = import_react22.default.forwardRef(
   }
 );
 InputLeftAddon.displayName = "InputLeftAddon";
-var InputRightAddon = import_react22.default.forwardRef(
+var InputRightAddon = import_react24.default.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react22.default.createElement(
+    return /* @__PURE__ */ import_react24.default.createElement(
       "div",
       {
         ref,
@@ -1666,9 +1832,9 @@ var InputRightAddon = import_react22.default.forwardRef(
   }
 );
 InputRightAddon.displayName = "InputRightAddon";
-var InputLeftElement = import_react22.default.forwardRef(
+var InputLeftElement = import_react24.default.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react22.default.createElement(
+    return /* @__PURE__ */ import_react24.default.createElement(
       "div",
       {
         ref,
@@ -1684,9 +1850,9 @@ var InputLeftElement = import_react22.default.forwardRef(
   }
 );
 InputLeftElement.displayName = "InputLeftElement";
-var InputRightElement = import_react22.default.forwardRef(
+var InputRightElement = import_react24.default.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react22.default.createElement(
+    return /* @__PURE__ */ import_react24.default.createElement(
       "div",
       {
         ref,
@@ -1701,9 +1867,9 @@ var InputRightElement = import_react22.default.forwardRef(
   }
 );
 InputRightElement.displayName = "InputRightElement";
-var InputWrapper = import_react22.default.forwardRef(
+var InputWrapper = import_react24.default.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react22.default.createElement(
+    return /* @__PURE__ */ import_react24.default.createElement(
       "div",
       {
         ref,
@@ -1717,13 +1883,13 @@ var InputWrapper = import_react22.default.forwardRef(
 InputWrapper.displayName = "InputWrapper";
 
 // src/components/Alert.tsx
-var import_react23 = __toESM(require("react"));
-var import_lucide_react2 = require("lucide-react");
+var import_react25 = __toESM(require("react"));
+var import_lucide_react3 = require("lucide-react");
 var icons = {
-  info: import_lucide_react2.Info,
-  success: import_lucide_react2.CheckCircle,
-  warning: import_lucide_react2.AlertTriangle,
-  error: import_lucide_react2.XCircle
+  info: import_lucide_react3.Info,
+  success: import_lucide_react3.CheckCircle,
+  warning: import_lucide_react3.AlertTriangle,
+  error: import_lucide_react3.XCircle
 };
 var variantStyles = {
   info: "bg-info/10 border-info text-info",
@@ -1731,10 +1897,10 @@ var variantStyles = {
   warning: "bg-warning/10 border-warning text-warning",
   error: "bg-error/10 border-error text-error"
 };
-var Alert = import_react23.default.forwardRef(
+var Alert = import_react25.default.forwardRef(
   ({ variant = "info", title, children, className, ...rest }, ref) => {
     const Icon = icons[variant];
-    return /* @__PURE__ */ import_react23.default.createElement(
+    return /* @__PURE__ */ import_react25.default.createElement(
       "div",
       {
         ref,
@@ -1746,18 +1912,18 @@ var Alert = import_react23.default.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ import_react23.default.createElement(Icon, { className: "h-5 w-5 shrink-0" }),
-      /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex-1" }, title && /* @__PURE__ */ import_react23.default.createElement("h5", { className: "mb-1 font-medium leading-none tracking-tight text-current" }, title), /* @__PURE__ */ import_react23.default.createElement("div", { className: "text-sm opacity-90" }, children))
+      /* @__PURE__ */ import_react25.default.createElement(Icon, { className: "h-5 w-5 shrink-0" }),
+      /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex-1" }, title && /* @__PURE__ */ import_react25.default.createElement("h5", { className: "mb-1 font-medium leading-none tracking-tight text-current" }, title), /* @__PURE__ */ import_react25.default.createElement("div", { className: "text-sm opacity-90" }, children))
     );
   }
 );
 Alert.displayName = "Alert";
 
 // src/components/Spinner.tsx
-var import_react24 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 var Spinner = ({ className, size = "md", ...rest }) => {
   const sizeClass = size === "sm" ? "h-4 w-4" : size === "lg" ? "h-8 w-8" : "h-6 w-6";
-  return /* @__PURE__ */ import_react24.default.createElement(
+  return /* @__PURE__ */ import_react26.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1770,20 +1936,20 @@ var Spinner = ({ className, size = "md", ...rest }) => {
       className: cx("animate-spin text-gold", sizeClass, className),
       ...rest
     },
-    /* @__PURE__ */ import_react24.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    /* @__PURE__ */ import_react26.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
   );
 };
 Spinner.displayName = "Spinner";
 
 // src/components/Skeleton.tsx
-var import_react25 = __toESM(require("react"));
-var Skeleton = import_react25.default.forwardRef(
+var import_react27 = __toESM(require("react"));
+var Skeleton = import_react27.default.forwardRef(
   ({ className, ...rest }, ref) => {
-    return /* @__PURE__ */ import_react25.default.createElement(
+    return /* @__PURE__ */ import_react27.default.createElement(
       "div",
       {
         ref,
-        className: cx("animate-pulse bg-ash rounded-sm", className),
+        className: cx("animate-pulse bg-ash", className),
         ...rest
       }
     );
@@ -1792,7 +1958,7 @@ var Skeleton = import_react25.default.forwardRef(
 Skeleton.displayName = "Skeleton";
 
 // src/components/Progress.tsx
-var import_react26 = __toESM(require("react"));
+var import_react28 = __toESM(require("react"));
 var SIZE_MAP = {
   sm: "h-1",
   md: "h-2",
@@ -1804,7 +1970,7 @@ var VARIANT_MAP2 = {
   warning: "bg-warning",
   error: "bg-error"
 };
-var Progress = import_react26.default.forwardRef(
+var Progress = import_react28.default.forwardRef(
   ({
     value = 0,
     max = 100,
@@ -1818,7 +1984,7 @@ var Progress = import_react26.default.forwardRef(
   }, ref) => {
     const percentage = Math.min(100, Math.max(0, value / max * 100));
     const displayValue = formatValue ? formatValue(value, max) : `${Math.round(percentage)}%`;
-    return /* @__PURE__ */ import_react26.default.createElement("div", { ref, className: cx("w-full", className), ...props }, showValue && /* @__PURE__ */ import_react26.default.createElement("div", { className: "flex justify-between mb-1" }, /* @__PURE__ */ import_react26.default.createElement("span", { className: "text-sm text-silver" }, "Progress"), /* @__PURE__ */ import_react26.default.createElement("span", { className: "text-sm text-white font-medium" }, displayValue)), /* @__PURE__ */ import_react26.default.createElement(
+    return /* @__PURE__ */ import_react28.default.createElement("div", { ref, className: cx("w-full", className), ...props }, showValue && /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex justify-between mb-1" }, /* @__PURE__ */ import_react28.default.createElement("span", { className: "text-sm text-silver" }, "Progress"), /* @__PURE__ */ import_react28.default.createElement("span", { className: "text-sm text-white font-medium" }, displayValue)), /* @__PURE__ */ import_react28.default.createElement(
       "div",
       {
         className: cx(
@@ -1830,7 +1996,7 @@ var Progress = import_react26.default.forwardRef(
         "aria-valuemin": 0,
         "aria-valuemax": max
       },
-      /* @__PURE__ */ import_react26.default.createElement(
+      /* @__PURE__ */ import_react28.default.createElement(
         "div",
         {
           className: cx(
@@ -1849,16 +2015,16 @@ var Progress = import_react26.default.forwardRef(
 Progress.displayName = "Progress";
 
 // src/components/Toast.tsx
-var import_react27 = __toESM(require("react"));
+var import_react29 = __toESM(require("react"));
 var import_react_dom = require("react-dom");
-var import_lucide_react3 = require("lucide-react");
-var ToastContext = (0, import_react27.createContext)(null);
+var import_lucide_react4 = require("lucide-react");
+var ToastContext = (0, import_react29.createContext)(null);
 function useToast() {
-  const context = (0, import_react27.useContext)(ToastContext);
+  const context = (0, import_react29.useContext)(ToastContext);
   if (!context) {
     throw new Error("useToast must be used within a ToastProvider");
   }
-  const toast = (0, import_react27.useCallback)(
+  const toast = (0, import_react29.useCallback)(
     (options) => {
       return context.addToast(options);
     },
@@ -1874,12 +2040,12 @@ var ToastProvider = ({
   position = "bottom-right",
   defaultDuration = 5e3
 }) => {
-  const [toasts, setToasts] = (0, import_react27.useState)([]);
-  const [mounted, setMounted] = (0, import_react27.useState)(false);
-  (0, import_react27.useEffect)(() => {
+  const [toasts, setToasts] = (0, import_react29.useState)([]);
+  const [mounted, setMounted] = (0, import_react29.useState)(false);
+  (0, import_react29.useEffect)(() => {
     setMounted(true);
   }, []);
-  const addToast = (0, import_react27.useCallback)(
+  const addToast = (0, import_react29.useCallback)(
     (toast) => {
       const id = Math.random().toString(36).substr(2, 9);
       const newToast = {
@@ -1892,14 +2058,14 @@ var ToastProvider = ({
     },
     [defaultDuration]
   );
-  const removeToast = (0, import_react27.useCallback)((id) => {
+  const removeToast = (0, import_react29.useCallback)((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
   }, []);
-  return /* @__PURE__ */ import_react27.default.createElement(ToastContext.Provider, { value: { toasts, addToast, removeToast, position } }, children, mounted && /* @__PURE__ */ import_react27.default.createElement(ToastViewport, null));
+  return /* @__PURE__ */ import_react29.default.createElement(ToastContext.Provider, { value: { toasts, addToast, removeToast, position } }, children, mounted && /* @__PURE__ */ import_react29.default.createElement(ToastViewport, null));
 };
 ToastProvider.displayName = "ToastProvider";
 var ToastViewport = () => {
-  const context = (0, import_react27.useContext)(ToastContext);
+  const context = (0, import_react29.useContext)(ToastContext);
   if (!context) return null;
   const { toasts, position } = context;
   const positionClasses = {
@@ -1911,7 +2077,7 @@ var ToastViewport = () => {
     "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
   };
   return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ import_react27.default.createElement(
+    /* @__PURE__ */ import_react29.default.createElement(
       "div",
       {
         className: cx(
@@ -1919,7 +2085,7 @@ var ToastViewport = () => {
           positionClasses[position]
         )
       },
-      toasts.map((toast) => /* @__PURE__ */ import_react27.default.createElement(Toast, { key: toast.id, ...toast }))
+      toasts.map((toast) => /* @__PURE__ */ import_react29.default.createElement(Toast, { key: toast.id, ...toast }))
     ),
     document.body
   );
@@ -1933,10 +2099,10 @@ var VARIANT_STYLES2 = {
 };
 var VARIANT_ICONS = {
   default: null,
-  success: /* @__PURE__ */ import_react27.default.createElement(import_lucide_react3.CheckCircle, { className: "h-5 w-5 text-success" }),
-  error: /* @__PURE__ */ import_react27.default.createElement(import_lucide_react3.AlertCircle, { className: "h-5 w-5 text-error" }),
-  warning: /* @__PURE__ */ import_react27.default.createElement(import_lucide_react3.AlertTriangle, { className: "h-5 w-5 text-warning" }),
-  info: /* @__PURE__ */ import_react27.default.createElement(import_lucide_react3.Info, { className: "h-5 w-5 text-info" })
+  success: /* @__PURE__ */ import_react29.default.createElement(import_lucide_react4.CheckCircle, { className: "h-5 w-5 text-success" }),
+  error: /* @__PURE__ */ import_react29.default.createElement(import_lucide_react4.AlertCircle, { className: "h-5 w-5 text-error" }),
+  warning: /* @__PURE__ */ import_react29.default.createElement(import_lucide_react4.AlertTriangle, { className: "h-5 w-5 text-warning" }),
+  info: /* @__PURE__ */ import_react29.default.createElement(import_lucide_react4.Info, { className: "h-5 w-5 text-info" })
 };
 var Toast = ({
   id,
@@ -1946,8 +2112,8 @@ var Toast = ({
   duration,
   action
 }) => {
-  const context = (0, import_react27.useContext)(ToastContext);
-  (0, import_react27.useEffect)(() => {
+  const context = (0, import_react29.useContext)(ToastContext);
+  (0, import_react29.useEffect)(() => {
     if (duration && duration > 0) {
       const timer = setTimeout(() => {
         context?.removeToast(id);
@@ -1956,7 +2122,7 @@ var Toast = ({
     }
   }, [id, duration, context]);
   const icon = VARIANT_ICONS[variant];
-  return /* @__PURE__ */ import_react27.default.createElement(
+  return /* @__PURE__ */ import_react29.default.createElement(
     "div",
     {
       role: "alert",
@@ -1965,29 +2131,29 @@ var Toast = ({
         VARIANT_STYLES2[variant]
       )
     },
-    /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex gap-3" }, icon && /* @__PURE__ */ import_react27.default.createElement("div", { className: "shrink-0 mt-0.5" }, icon), /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex-1 min-w-0" }, title && /* @__PURE__ */ import_react27.default.createElement("p", { className: "text-sm font-medium text-white" }, title), description && /* @__PURE__ */ import_react27.default.createElement("p", { className: "text-sm text-silver mt-1" }, description), action && /* @__PURE__ */ import_react27.default.createElement("div", { className: "mt-3" }, action)), /* @__PURE__ */ import_react27.default.createElement(
+    /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex gap-3" }, icon && /* @__PURE__ */ import_react29.default.createElement("div", { className: "shrink-0 mt-0.5" }, icon), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex-1 min-w-0" }, title && /* @__PURE__ */ import_react29.default.createElement("p", { className: "text-sm font-medium text-white" }, title), description && /* @__PURE__ */ import_react29.default.createElement("p", { className: "text-sm text-silver mt-1" }, description), action && /* @__PURE__ */ import_react29.default.createElement("div", { className: "mt-3" }, action)), /* @__PURE__ */ import_react29.default.createElement(
       "button",
       {
         onClick: () => context?.removeToast(id),
         className: "shrink-0 text-silver hover:text-white transition-colors"
       },
-      /* @__PURE__ */ import_react27.default.createElement(import_lucide_react3.X, { className: "h-4 w-4" }),
-      /* @__PURE__ */ import_react27.default.createElement("span", { className: "sr-only" }, "Dismiss")
+      /* @__PURE__ */ import_react29.default.createElement(import_lucide_react4.X, { className: "h-4 w-4" }),
+      /* @__PURE__ */ import_react29.default.createElement("span", { className: "sr-only" }, "Dismiss")
     ))
   );
 };
 Toast.displayName = "Toast";
 
 // src/components/Modal.tsx
-var import_react28 = __toESM(require("react"));
+var import_react30 = __toESM(require("react"));
 var import_react_dom2 = require("react-dom");
-var import_lucide_react4 = require("lucide-react");
+var import_lucide_react5 = require("lucide-react");
 var Modal = ({ isOpen, onClose, title, children, className }) => {
-  const [mounted, setMounted] = (0, import_react28.useState)(false);
-  (0, import_react28.useEffect)(() => {
+  const [mounted, setMounted] = (0, import_react30.useState)(false);
+  (0, import_react30.useEffect)(() => {
     setMounted(true);
   }, []);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (isOpen) {
       const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
       document.body.style.overflow = "hidden";
@@ -2001,7 +2167,7 @@ var Modal = ({ isOpen, onClose, title, children, className }) => {
       document.body.style.paddingRight = "0px";
     };
   }, [isOpen]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     const handleEsc = (e) => {
       if (e.key === "Escape") onClose();
     };
@@ -2010,7 +2176,7 @@ var Modal = ({ isOpen, onClose, title, children, className }) => {
   }, [onClose]);
   if (!mounted) return null;
   if (!isOpen) return null;
-  const content = /* @__PURE__ */ import_react28.default.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6", onClick: onClose }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "fixed inset-0 z-40 bg-obsidian/80 backdrop-blur-sm", "aria-hidden": "true" }), /* @__PURE__ */ import_react28.default.createElement(
+  const content = /* @__PURE__ */ import_react30.default.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6", onClick: onClose }, /* @__PURE__ */ import_react30.default.createElement("div", { className: "fixed inset-0 z-40 bg-obsidian/80 backdrop-blur-sm", "aria-hidden": "true" }), /* @__PURE__ */ import_react30.default.createElement(
     "div",
     {
       role: "dialog",
@@ -2022,17 +2188,17 @@ var Modal = ({ isOpen, onClose, title, children, className }) => {
       "data-state": "open",
       onClick: (e) => e.stopPropagation()
     },
-    /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex items-center justify-between mb-2" }, title ? /* @__PURE__ */ import_react28.default.createElement("h3", { className: "text-xl font-semibold text-white m-0" }, title) : /* @__PURE__ */ import_react28.default.createElement("div", null), /* @__PURE__ */ import_react28.default.createElement("button", { onClick: onClose, className: "text-silver hover:text-white transition-colors ml-auto" }, /* @__PURE__ */ import_react28.default.createElement(import_lucide_react4.X, { className: "h-5 w-5" }), /* @__PURE__ */ import_react28.default.createElement("span", { className: "sr-only" }, "Close"))),
-    /* @__PURE__ */ import_react28.default.createElement("div", null, children)
+    /* @__PURE__ */ import_react30.default.createElement("div", { className: "flex items-center justify-between mb-2" }, title ? /* @__PURE__ */ import_react30.default.createElement("h3", { className: "text-xl font-semibold text-white m-0" }, title) : /* @__PURE__ */ import_react30.default.createElement("div", null), /* @__PURE__ */ import_react30.default.createElement("button", { onClick: onClose, className: "text-silver hover:text-white transition-colors ml-auto" }, /* @__PURE__ */ import_react30.default.createElement(import_lucide_react5.X, { className: "h-5 w-5" }), /* @__PURE__ */ import_react30.default.createElement("span", { className: "sr-only" }, "Close"))),
+    /* @__PURE__ */ import_react30.default.createElement("div", null, children)
   ));
   return (0, import_react_dom2.createPortal)(content, document.body);
 };
 Modal.displayName = "Modal";
 
 // src/components/Drawer.tsx
-var import_react29 = __toESM(require("react"));
+var import_react31 = __toESM(require("react"));
 var import_react_dom3 = require("react-dom");
-var import_lucide_react5 = require("lucide-react");
+var import_lucide_react6 = require("lucide-react");
 var SIZE_MAP2 = {
   sm: {
     left: "w-64",
@@ -2086,11 +2252,11 @@ var Drawer = ({
   children,
   className
 }) => {
-  const [mounted, setMounted] = (0, import_react29.useState)(false);
-  (0, import_react29.useEffect)(() => {
+  const [mounted, setMounted] = (0, import_react31.useState)(false);
+  (0, import_react31.useEffect)(() => {
     setMounted(true);
   }, []);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (isOpen) {
       const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
       document.body.style.overflow = "hidden";
@@ -2104,7 +2270,7 @@ var Drawer = ({
       document.body.style.paddingRight = "0px";
     };
   }, [isOpen]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     const handleEsc = (e) => {
       if (e.key === "Escape") onClose();
     };
@@ -2112,7 +2278,7 @@ var Drawer = ({
     return () => window.removeEventListener("keydown", handleEsc);
   }, [onClose]);
   if (!mounted) return null;
-  const content = /* @__PURE__ */ import_react29.default.createElement(
+  const content = /* @__PURE__ */ import_react31.default.createElement(
     "div",
     {
       className: cx(
@@ -2120,7 +2286,7 @@ var Drawer = ({
         isOpen ? "pointer-events-auto" : "pointer-events-none"
       )
     },
-    /* @__PURE__ */ import_react29.default.createElement(
+    /* @__PURE__ */ import_react31.default.createElement(
       "div",
       {
         className: cx(
@@ -2131,7 +2297,7 @@ var Drawer = ({
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ import_react29.default.createElement(
+    /* @__PURE__ */ import_react31.default.createElement(
       "div",
       {
         role: "dialog",
@@ -2149,16 +2315,16 @@ var Drawer = ({
           className
         )
       },
-      /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex items-center justify-between px-4 py-3 border-b border-ash" }, title ? /* @__PURE__ */ import_react29.default.createElement("h2", { className: "text-lg font-semibold text-white m-0" }, title) : /* @__PURE__ */ import_react29.default.createElement("div", null), /* @__PURE__ */ import_react29.default.createElement(
+      /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-center justify-between px-4 py-3 border-b border-ash" }, title ? /* @__PURE__ */ import_react31.default.createElement("h2", { className: "text-lg font-semibold text-white m-0" }, title) : /* @__PURE__ */ import_react31.default.createElement("div", null), /* @__PURE__ */ import_react31.default.createElement(
         "button",
         {
           onClick: onClose,
           className: "text-silver hover:text-white transition-colors"
         },
-        /* @__PURE__ */ import_react29.default.createElement(import_lucide_react5.X, { className: "h-5 w-5" }),
-        /* @__PURE__ */ import_react29.default.createElement("span", { className: "sr-only" }, "Close")
+        /* @__PURE__ */ import_react31.default.createElement(import_lucide_react6.X, { className: "h-5 w-5" }),
+        /* @__PURE__ */ import_react31.default.createElement("span", { className: "sr-only" }, "Close")
       )),
-      /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex-1 overflow-auto p-4" }, children)
+      /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex-1 overflow-auto p-4" }, children)
     )
   );
   return (0, import_react_dom3.createPortal)(content, document.body);
@@ -2166,7 +2332,7 @@ var Drawer = ({
 Drawer.displayName = "Drawer";
 
 // src/components/Popover.tsx
-var import_react30 = __toESM(require("react"));
+var import_react32 = __toESM(require("react"));
 var POSITION_CLASSES2 = {
   top: {
     start: "bottom-full left-0 mb-2",
@@ -2198,12 +2364,12 @@ var Popover = ({
   onOpenChange,
   closeOnClickOutside = true
 }) => {
-  const [internalOpen, setInternalOpen] = (0, import_react30.useState)(false);
+  const [internalOpen, setInternalOpen] = (0, import_react32.useState)(false);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : internalOpen;
-  const containerRef = (0, import_react30.useRef)(null);
-  const baseId = (0, import_react30.useId)();
-  const setIsOpen = (0, import_react30.useCallback)(
+  const containerRef = (0, import_react32.useRef)(null);
+  const baseId = (0, import_react32.useId)();
+  const setIsOpen = (0, import_react32.useCallback)(
     (newOpen) => {
       if (!isControlled) {
         setInternalOpen(newOpen);
@@ -2212,7 +2378,7 @@ var Popover = ({
     },
     [isControlled, onOpenChange]
   );
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (!isOpen || !closeOnClickOutside) return;
     const handleClickOutside = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -2222,7 +2388,7 @@ var Popover = ({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isOpen, closeOnClickOutside, setIsOpen]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (!isOpen) return;
     const handleEscape = (e) => {
       if (e.key === "Escape") {
@@ -2235,14 +2401,14 @@ var Popover = ({
   const handleTriggerClick = () => {
     setIsOpen(!isOpen);
   };
-  const triggerElement = import_react30.default.cloneElement(trigger, {
+  const triggerElement = import_react32.default.cloneElement(trigger, {
     onClick: handleTriggerClick,
     "aria-haspopup": "dialog",
     "aria-expanded": isOpen,
     "aria-controls": `${baseId}-popover`,
     id: `${baseId}-trigger`
   });
-  return /* @__PURE__ */ import_react30.default.createElement("div", { ref: containerRef, className: "relative inline-block" }, triggerElement, isOpen && /* @__PURE__ */ import_react30.default.createElement(
+  return /* @__PURE__ */ import_react32.default.createElement("div", { ref: containerRef, className: "relative inline-block" }, triggerElement, isOpen && /* @__PURE__ */ import_react32.default.createElement(
     "div",
     {
       id: `${baseId}-popover`,
@@ -2261,7 +2427,7 @@ var Popover = ({
 Popover.displayName = "Popover";
 
 // src/components/Dialog.tsx
-var import_react31 = __toESM(require("react"));
+var import_react33 = __toESM(require("react"));
 var ConfirmDialog = ({
   title = "Confirm",
   description,
@@ -2274,15 +2440,15 @@ var ConfirmDialog = ({
   isLoading = false,
   ...props
 }) => {
-  const handleCancel = (0, import_react31.useCallback)(() => {
+  const handleCancel = (0, import_react33.useCallback)(() => {
     onCancel?.();
     onClose();
   }, [onCancel, onClose]);
-  const handleConfirm = (0, import_react31.useCallback)(async () => {
+  const handleConfirm = (0, import_react33.useCallback)(async () => {
     await onConfirm();
     onClose();
   }, [onConfirm, onClose]);
-  return /* @__PURE__ */ import_react31.default.createElement(Modal, { title, onClose, ...props }, description && /* @__PURE__ */ import_react31.default.createElement("p", { className: "text-sm text-silver mb-6" }, description), /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex justify-end gap-3" }, /* @__PURE__ */ import_react31.default.createElement(Button, { variant: "outlined", onClick: handleCancel, disabled: isLoading }, cancelText), /* @__PURE__ */ import_react31.default.createElement(
+  return /* @__PURE__ */ import_react33.default.createElement(Modal, { title, onClose, ...props }, description && /* @__PURE__ */ import_react33.default.createElement("p", { className: "text-sm text-silver mb-6" }, description), /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex justify-end gap-3" }, /* @__PURE__ */ import_react33.default.createElement(Button, { variant: "outlined", onClick: handleCancel, disabled: isLoading }, cancelText), /* @__PURE__ */ import_react33.default.createElement(
     Button,
     {
       variant: confirmVariant,
@@ -2305,7 +2471,7 @@ var AlertDialog = ({
     variant === "warning" && "text-warning",
     variant === "error" && "text-error"
   );
-  return /* @__PURE__ */ import_react31.default.createElement(Modal, { onClose, ...props }, /* @__PURE__ */ import_react31.default.createElement("h3", { className: cx("text-xl font-semibold mb-2", titleClass) }, title), description && /* @__PURE__ */ import_react31.default.createElement("p", { className: "text-sm text-silver mb-6" }, description), /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ import_react31.default.createElement(Button, { variant: "primary", onClick: onClose }, acknowledgeText)));
+  return /* @__PURE__ */ import_react33.default.createElement(Modal, { onClose, ...props }, /* @__PURE__ */ import_react33.default.createElement("h3", { className: cx("text-xl font-semibold mb-2", titleClass) }, title), description && /* @__PURE__ */ import_react33.default.createElement("p", { className: "text-sm text-silver mb-6" }, description), /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ import_react33.default.createElement(Button, { variant: "primary", onClick: onClose }, acknowledgeText)));
 };
 AlertDialog.displayName = "AlertDialog";
 var PromptDialog = ({
@@ -2321,12 +2487,12 @@ var PromptDialog = ({
   isLoading = false,
   ...props
 }) => {
-  const [value, setValue] = import_react31.default.useState(defaultValue);
-  const handleCancel = (0, import_react31.useCallback)(() => {
+  const [value, setValue] = import_react33.default.useState(defaultValue);
+  const handleCancel = (0, import_react33.useCallback)(() => {
     onCancel?.();
     onClose();
   }, [onCancel, onClose]);
-  const handleSubmit = (0, import_react31.useCallback)(
+  const handleSubmit = (0, import_react33.useCallback)(
     async (e) => {
       e.preventDefault();
       await onSubmit(value);
@@ -2334,7 +2500,7 @@ var PromptDialog = ({
     },
     [onSubmit, value, onClose]
   );
-  return /* @__PURE__ */ import_react31.default.createElement(Modal, { title, onClose, ...props }, /* @__PURE__ */ import_react31.default.createElement("form", { onSubmit: handleSubmit }, description && /* @__PURE__ */ import_react31.default.createElement("p", { className: "text-sm text-silver mb-4" }, description), /* @__PURE__ */ import_react31.default.createElement(
+  return /* @__PURE__ */ import_react33.default.createElement(Modal, { title, onClose, ...props }, /* @__PURE__ */ import_react33.default.createElement("form", { onSubmit: handleSubmit }, description && /* @__PURE__ */ import_react33.default.createElement("p", { className: "text-sm text-silver mb-4" }, description), /* @__PURE__ */ import_react33.default.createElement(
     "input",
     {
       type: "text",
@@ -2349,7 +2515,7 @@ var PromptDialog = ({
       ),
       autoFocus: true
     }
-  ), /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex justify-end gap-3" }, /* @__PURE__ */ import_react31.default.createElement(
+  ), /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex justify-end gap-3" }, /* @__PURE__ */ import_react33.default.createElement(
     Button,
     {
       type: "button",
@@ -2358,27 +2524,27 @@ var PromptDialog = ({
       disabled: isLoading
     },
     cancelText
-  ), /* @__PURE__ */ import_react31.default.createElement(Button, { type: "submit", variant: "important", loading: isLoading }, submitText))));
+  ), /* @__PURE__ */ import_react33.default.createElement(Button, { type: "submit", variant: "important", loading: isLoading }, submitText))));
 };
 PromptDialog.displayName = "PromptDialog";
 
 // src/components/Tabs.tsx
-var import_react32 = __toESM(require("react"));
-var TabsContext = (0, import_react32.createContext)(null);
+var import_react34 = __toESM(require("react"));
+var TabsContext = (0, import_react34.createContext)(null);
 function useTabsContext() {
-  const context = (0, import_react32.useContext)(TabsContext);
+  const context = (0, import_react34.useContext)(TabsContext);
   if (!context) {
     throw new Error("Tabs components must be used within a Tabs provider");
   }
   return context;
 }
-var Tabs = import_react32.default.forwardRef(
+var Tabs = import_react34.default.forwardRef(
   ({ defaultValue, value, onValueChange, children, className, ...props }, ref) => {
-    const [internalValue, setInternalValue] = (0, import_react32.useState)(defaultValue ?? "");
+    const [internalValue, setInternalValue] = (0, import_react34.useState)(defaultValue ?? "");
     const isControlled = value !== void 0;
     const activeTab = isControlled ? value : internalValue;
-    const baseId = (0, import_react32.useId)();
-    const setActiveTab = (0, import_react32.useCallback)(
+    const baseId = (0, import_react34.useId)();
+    const setActiveTab = (0, import_react34.useCallback)(
       (id) => {
         if (!isControlled) {
           setInternalValue(id);
@@ -2387,13 +2553,13 @@ var Tabs = import_react32.default.forwardRef(
       },
       [isControlled, onValueChange]
     );
-    return /* @__PURE__ */ import_react32.default.createElement(TabsContext.Provider, { value: { activeTab, setActiveTab, baseId } }, /* @__PURE__ */ import_react32.default.createElement("div", { ref, className: cx("w-full", className), ...props }, children));
+    return /* @__PURE__ */ import_react34.default.createElement(TabsContext.Provider, { value: { activeTab, setActiveTab, baseId } }, /* @__PURE__ */ import_react34.default.createElement("div", { ref, className: cx("w-full", className), ...props }, children));
   }
 );
 Tabs.displayName = "Tabs";
-var TabList = import_react32.default.forwardRef(
+var TabList = import_react34.default.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ import_react32.default.createElement(
+    return /* @__PURE__ */ import_react34.default.createElement(
       "div",
       {
         ref,
@@ -2409,13 +2575,13 @@ var TabList = import_react32.default.forwardRef(
   }
 );
 TabList.displayName = "TabList";
-var Tab = import_react32.default.forwardRef(
+var Tab = import_react34.default.forwardRef(
   ({ value, children, className, disabled, ...props }, ref) => {
     const { activeTab, setActiveTab, baseId } = useTabsContext();
     const isActive = activeTab === value;
     const panelId = `${baseId}-panel-${value}`;
     const tabId = `${baseId}-tab-${value}`;
-    return /* @__PURE__ */ import_react32.default.createElement(
+    return /* @__PURE__ */ import_react34.default.createElement(
       "button",
       {
         ref,
@@ -2442,7 +2608,7 @@ var Tab = import_react32.default.forwardRef(
   }
 );
 Tab.displayName = "Tab";
-var TabPanel = import_react32.default.forwardRef(
+var TabPanel = import_react34.default.forwardRef(
   ({ value, forceMount = false, children, className, ...props }, ref) => {
     const { activeTab, baseId } = useTabsContext();
     const isActive = activeTab === value;
@@ -2451,7 +2617,7 @@ var TabPanel = import_react32.default.forwardRef(
     if (!isActive && !forceMount) {
       return null;
     }
-    return /* @__PURE__ */ import_react32.default.createElement(
+    return /* @__PURE__ */ import_react34.default.createElement(
       "div",
       {
         ref,
@@ -2474,19 +2640,19 @@ var TabPanel = import_react32.default.forwardRef(
 TabPanel.displayName = "TabPanel";
 
 // src/components/Accordion.tsx
-var import_react33 = __toESM(require("react"));
-var import_lucide_react6 = require("lucide-react");
-var AccordionContext = (0, import_react33.createContext)(null);
+var import_react35 = __toESM(require("react"));
+var import_lucide_react7 = require("lucide-react");
+var AccordionContext = (0, import_react35.createContext)(null);
 function useAccordionContext() {
-  const context = (0, import_react33.useContext)(AccordionContext);
+  const context = (0, import_react35.useContext)(AccordionContext);
   if (!context) {
     throw new Error("Accordion components must be used within an Accordion provider");
   }
   return context;
 }
-var Accordion = import_react33.default.forwardRef(
+var Accordion = import_react35.default.forwardRef(
   ({ type = "single", defaultValue, value, onValueChange, children, className, ...props }, ref) => {
-    const [internalValue, setInternalValue] = (0, import_react33.useState)(() => {
+    const [internalValue, setInternalValue] = (0, import_react35.useState)(() => {
       if (defaultValue) {
         return new Set(Array.isArray(defaultValue) ? defaultValue : [defaultValue]);
       }
@@ -2494,7 +2660,7 @@ var Accordion = import_react33.default.forwardRef(
     });
     const isControlled = value !== void 0;
     const expandedItems = isControlled ? new Set(Array.isArray(value) ? value : [value]) : internalValue;
-    const toggleItem = (0, import_react33.useCallback)(
+    const toggleItem = (0, import_react35.useCallback)(
       (id) => {
         const newSet = new Set(expandedItems);
         if (newSet.has(id)) {
@@ -2513,7 +2679,7 @@ var Accordion = import_react33.default.forwardRef(
       },
       [expandedItems, type, isControlled, onValueChange]
     );
-    return /* @__PURE__ */ import_react33.default.createElement(AccordionContext.Provider, { value: { expandedItems, toggleItem, type } }, /* @__PURE__ */ import_react33.default.createElement(
+    return /* @__PURE__ */ import_react35.default.createElement(AccordionContext.Provider, { value: { expandedItems, toggleItem, type } }, /* @__PURE__ */ import_react35.default.createElement(
       "div",
       {
         ref,
@@ -2525,10 +2691,10 @@ var Accordion = import_react33.default.forwardRef(
   }
 );
 Accordion.displayName = "Accordion";
-var AccordionItemContext = (0, import_react33.createContext)(null);
-var AccordionItem = import_react33.default.forwardRef(
+var AccordionItemContext = (0, import_react35.createContext)(null);
+var AccordionItem = import_react35.default.forwardRef(
   ({ value, disabled = false, children, className, ...props }, ref) => {
-    return /* @__PURE__ */ import_react33.default.createElement(AccordionItemContext.Provider, { value: { value, disabled } }, /* @__PURE__ */ import_react33.default.createElement(
+    return /* @__PURE__ */ import_react35.default.createElement(AccordionItemContext.Provider, { value: { value, disabled } }, /* @__PURE__ */ import_react35.default.createElement(
       "div",
       {
         ref,
@@ -2541,17 +2707,17 @@ var AccordionItem = import_react33.default.forwardRef(
   }
 );
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = import_react33.default.forwardRef(
+var AccordionTrigger = import_react35.default.forwardRef(
   ({ children, className, ...props }, ref) => {
     const { expandedItems, toggleItem } = useAccordionContext();
-    const itemContext = (0, import_react33.useContext)(AccordionItemContext);
-    const baseId = (0, import_react33.useId)();
+    const itemContext = (0, import_react35.useContext)(AccordionItemContext);
+    const baseId = (0, import_react35.useId)();
     if (!itemContext) {
       throw new Error("AccordionTrigger must be used within an AccordionItem");
     }
     const { value, disabled } = itemContext;
     const isExpanded = expandedItems.has(value);
-    return /* @__PURE__ */ import_react33.default.createElement("h3", { className: "m-0" }, /* @__PURE__ */ import_react33.default.createElement(
+    return /* @__PURE__ */ import_react35.default.createElement("h3", { className: "m-0" }, /* @__PURE__ */ import_react35.default.createElement(
       "button",
       {
         ref,
@@ -2572,9 +2738,9 @@ var AccordionTrigger = import_react33.default.forwardRef(
         ),
         ...props
       },
-      /* @__PURE__ */ import_react33.default.createElement("span", null, children),
-      /* @__PURE__ */ import_react33.default.createElement(
-        import_lucide_react6.ChevronDown,
+      /* @__PURE__ */ import_react35.default.createElement("span", null, children),
+      /* @__PURE__ */ import_react35.default.createElement(
+        import_lucide_react7.ChevronDown,
         {
           className: cx(
             "h-4 w-4 text-silver transition-transform duration-200",
@@ -2586,17 +2752,17 @@ var AccordionTrigger = import_react33.default.forwardRef(
   }
 );
 AccordionTrigger.displayName = "AccordionTrigger";
-var AccordionContent = import_react33.default.forwardRef(
+var AccordionContent = import_react35.default.forwardRef(
   ({ children, className, ...props }, ref) => {
     const { expandedItems } = useAccordionContext();
-    const itemContext = (0, import_react33.useContext)(AccordionItemContext);
-    const baseId = (0, import_react33.useId)();
+    const itemContext = (0, import_react35.useContext)(AccordionItemContext);
+    const baseId = (0, import_react35.useId)();
     if (!itemContext) {
       throw new Error("AccordionContent must be used within an AccordionItem");
     }
     const { value } = itemContext;
     const isExpanded = expandedItems.has(value);
-    return /* @__PURE__ */ import_react33.default.createElement(
+    return /* @__PURE__ */ import_react35.default.createElement(
       "div",
       {
         ref,
@@ -2611,28 +2777,28 @@ var AccordionContent = import_react33.default.forwardRef(
         ),
         ...props
       },
-      /* @__PURE__ */ import_react33.default.createElement("div", { className: "px-4 pb-4 text-sm text-silver" }, children)
+      /* @__PURE__ */ import_react35.default.createElement("div", { className: "px-4 pb-4 text-sm text-silver" }, children)
     );
   }
 );
 AccordionContent.displayName = "AccordionContent";
 
 // src/components/Menu.tsx
-var import_react34 = __toESM(require("react"));
-var MenuContext = (0, import_react34.createContext)(null);
+var import_react36 = __toESM(require("react"));
+var MenuContext = (0, import_react36.createContext)(null);
 function useMenuContext() {
-  const context = (0, import_react34.useContext)(MenuContext);
+  const context = (0, import_react36.useContext)(MenuContext);
   if (!context) {
     throw new Error("Menu components must be used within a Menu provider");
   }
   return context;
 }
 var Menu = ({ children, open, onOpenChange }) => {
-  const [internalOpen, setInternalOpen] = (0, import_react34.useState)(false);
+  const [internalOpen, setInternalOpen] = (0, import_react36.useState)(false);
   const isControlled = open !== void 0;
   const isOpen = isControlled ? open : internalOpen;
-  const baseId = (0, import_react34.useId)();
-  const setIsOpen = (0, import_react34.useCallback)(
+  const baseId = (0, import_react36.useId)();
+  const setIsOpen = (0, import_react36.useCallback)(
     (newOpen) => {
       if (!isControlled) {
         setInternalOpen(newOpen);
@@ -2641,7 +2807,7 @@ var Menu = ({ children, open, onOpenChange }) => {
     },
     [isControlled, onOpenChange]
   );
-  return /* @__PURE__ */ import_react34.default.createElement(
+  return /* @__PURE__ */ import_react36.default.createElement(
     MenuContext.Provider,
     {
       value: {
@@ -2651,11 +2817,11 @@ var Menu = ({ children, open, onOpenChange }) => {
         menuId: `${baseId}-menu`
       }
     },
-    /* @__PURE__ */ import_react34.default.createElement("div", { className: "relative inline-block" }, children)
+    /* @__PURE__ */ import_react36.default.createElement("div", { className: "relative inline-block" }, children)
   );
 };
 Menu.displayName = "Menu";
-var MenuTrigger = import_react34.default.forwardRef(
+var MenuTrigger = import_react36.default.forwardRef(
   ({ children, className, asChild, ...props }, ref) => {
     const { isOpen, setIsOpen, triggerId, menuId } = useMenuContext();
     const handleClick = (e) => {
@@ -2663,7 +2829,7 @@ var MenuTrigger = import_react34.default.forwardRef(
       setIsOpen(!isOpen);
       props.onClick?.(e);
     };
-    return /* @__PURE__ */ import_react34.default.createElement(
+    return /* @__PURE__ */ import_react36.default.createElement(
       "button",
       {
         ref,
@@ -2684,11 +2850,11 @@ var MenuTrigger = import_react34.default.forwardRef(
   }
 );
 MenuTrigger.displayName = "MenuTrigger";
-var MenuContent = import_react34.default.forwardRef(
+var MenuContent = import_react36.default.forwardRef(
   ({ children, className, align = "start", side = "bottom", ...props }, ref) => {
     const { isOpen, setIsOpen, triggerId, menuId } = useMenuContext();
-    const menuRef = (0, import_react34.useRef)(null);
-    (0, import_react34.useEffect)(() => {
+    const menuRef = (0, import_react36.useRef)(null);
+    (0, import_react36.useEffect)(() => {
       if (!isOpen) return;
       const handleClickOutside = (e) => {
         const trigger = document.getElementById(triggerId);
@@ -2718,7 +2884,7 @@ var MenuContent = import_react34.default.forwardRef(
       top: "bottom-full mb-1",
       bottom: "top-full mt-1"
     };
-    return /* @__PURE__ */ import_react34.default.createElement(
+    return /* @__PURE__ */ import_react36.default.createElement(
       "div",
       {
         ref: (node) => {
@@ -2744,7 +2910,7 @@ var MenuContent = import_react34.default.forwardRef(
   }
 );
 MenuContent.displayName = "MenuContent";
-var MenuItem = import_react34.default.forwardRef(
+var MenuItem = import_react36.default.forwardRef(
   ({ children, className, icon, destructive, disabled, onClick, ...props }, ref) => {
     const { setIsOpen } = useMenuContext();
     const handleClick = (e) => {
@@ -2752,7 +2918,7 @@ var MenuItem = import_react34.default.forwardRef(
       onClick?.(e);
       setIsOpen(false);
     };
-    return /* @__PURE__ */ import_react34.default.createElement(
+    return /* @__PURE__ */ import_react36.default.createElement(
       "button",
       {
         ref,
@@ -2770,13 +2936,13 @@ var MenuItem = import_react34.default.forwardRef(
         ),
         ...props
       },
-      icon && /* @__PURE__ */ import_react34.default.createElement("span", { className: "w-4 h-4 shrink-0" }, icon),
+      icon && /* @__PURE__ */ import_react36.default.createElement("span", { className: "w-4 h-4 shrink-0" }, icon),
       children
     );
   }
 );
 MenuItem.displayName = "MenuItem";
-var MenuSeparator = import_react34.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react34.default.createElement(
+var MenuSeparator = import_react36.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react36.default.createElement(
   "div",
   {
     ref,
@@ -2786,7 +2952,7 @@ var MenuSeparator = import_react34.default.forwardRef(({ className, ...props },
   }
 ));
 MenuSeparator.displayName = "MenuSeparator";
-var MenuLabel = import_react34.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ import_react34.default.createElement(
+var MenuLabel = import_react36.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ import_react36.default.createElement(
   "div",
   {
     ref,
@@ -2798,10 +2964,10 @@ var MenuLabel = import_react34.default.forwardRef(({ className, children, ...pro
 MenuLabel.displayName = "MenuLabel";
 
 // src/components/Navbar.tsx
-var import_react35 = __toESM(require("react"));
-var Navbar = import_react35.default.forwardRef(
+var import_react37 = __toESM(require("react"));
+var Navbar = import_react37.default.forwardRef(
   ({ fixed = false, bordered = true, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react35.default.createElement(
+    return /* @__PURE__ */ import_react37.default.createElement(
       "nav",
       {
         ref,
@@ -2813,14 +2979,14 @@ var Navbar = import_react35.default.forwardRef(
         ),
         ...props
       },
-      /* @__PURE__ */ import_react35.default.createElement("div", { className: "flex items-center justify-between" }, children)
+      /* @__PURE__ */ import_react37.default.createElement("div", { className: "flex items-center justify-between" }, children)
     );
   }
 );
 Navbar.displayName = "Navbar";
-var NavbarBrand = import_react35.default.forwardRef(
+var NavbarBrand = import_react37.default.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react35.default.createElement(
+    return /* @__PURE__ */ import_react37.default.createElement(
       "div",
       {
         ref,
@@ -2832,14 +2998,14 @@ var NavbarBrand = import_react35.default.forwardRef(
   }
 );
 NavbarBrand.displayName = "NavbarBrand";
-var NavbarContent = import_react35.default.forwardRef(
+var NavbarContent = import_react37.default.forwardRef(
   ({ position = "center", className, children, ...props }, ref) => {
     const positionClasses = {
       start: "mr-auto",
       center: "mx-auto",
       end: "ml-auto"
     };
-    return /* @__PURE__ */ import_react35.default.createElement(
+    return /* @__PURE__ */ import_react37.default.createElement(
       "div",
       {
         ref,
@@ -2855,9 +3021,9 @@ var NavbarContent = import_react35.default.forwardRef(
   }
 );
 NavbarContent.displayName = "NavbarContent";
-var NavbarItem = import_react35.default.forwardRef(
+var NavbarItem = import_react37.default.forwardRef(
   ({ active = false, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react35.default.createElement(
+    return /* @__PURE__ */ import_react37.default.createElement(
       "div",
       {
         ref,
@@ -2872,9 +3038,9 @@ var NavbarItem = import_react35.default.forwardRef(
   }
 );
 NavbarItem.displayName = "NavbarItem";
-var NavbarLink = import_react35.default.forwardRef(
+var NavbarLink = import_react37.default.forwardRef(
   ({ active = false, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react35.default.createElement(
+    return /* @__PURE__ */ import_react37.default.createElement(
       "a",
       {
         ref,
@@ -2890,7 +3056,7 @@ var NavbarLink = import_react35.default.forwardRef(
   }
 );
 NavbarLink.displayName = "NavbarLink";
-var NavbarDivider = import_react35.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react35.default.createElement(
+var NavbarDivider = import_react37.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react37.default.createElement(
   "div",
   {
     ref,
@@ -2901,19 +3067,19 @@ var NavbarDivider = import_react35.default.forwardRef(({ className, ...props },
 NavbarDivider.displayName = "NavbarDivider";
 
 // src/components/Breadcrumb.tsx
-var import_react36 = __toESM(require("react"));
-var import_lucide_react7 = require("lucide-react");
-var Breadcrumb = import_react36.default.forwardRef(
+var import_react38 = __toESM(require("react"));
+var import_lucide_react8 = require("lucide-react");
+var Breadcrumb = import_react38.default.forwardRef(
   ({ separator, className, children, ...props }, ref) => {
-    const items = import_react36.default.Children.toArray(children);
-    const defaultSeparator = /* @__PURE__ */ import_react36.default.createElement(import_lucide_react7.ChevronRight, { className: "h-4 w-4 text-ash" });
-    return /* @__PURE__ */ import_react36.default.createElement("nav", { ref, "aria-label": "Breadcrumb", className, ...props }, /* @__PURE__ */ import_react36.default.createElement("ol", { className: "flex items-center gap-2" }, items.map((child, index) => /* @__PURE__ */ import_react36.default.createElement("li", { key: index, className: "flex items-center gap-2" }, child, index < items.length - 1 && /* @__PURE__ */ import_react36.default.createElement("span", { "aria-hidden": "true" }, separator ?? defaultSeparator)))));
+    const items = import_react38.default.Children.toArray(children);
+    const defaultSeparator = /* @__PURE__ */ import_react38.default.createElement(import_lucide_react8.ChevronRight, { className: "h-4 w-4 text-ash" });
+    return /* @__PURE__ */ import_react38.default.createElement("nav", { ref, "aria-label": "Breadcrumb", className, ...props }, /* @__PURE__ */ import_react38.default.createElement("ol", { className: "flex items-center gap-2" }, items.map((child, index) => /* @__PURE__ */ import_react38.default.createElement("li", { key: index, className: "flex items-center gap-2" }, child, index < items.length - 1 && /* @__PURE__ */ import_react38.default.createElement("span", { "aria-hidden": "true" }, separator ?? defaultSeparator)))));
   }
 );
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbItem = import_react36.default.forwardRef(
+var BreadcrumbItem = import_react38.default.forwardRef(
   ({ current = false, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react36.default.createElement(
+    return /* @__PURE__ */ import_react38.default.createElement(
       "span",
       {
         ref,
@@ -2930,9 +3096,9 @@ var BreadcrumbItem = import_react36.default.forwardRef(
   }
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = import_react36.default.forwardRef(
+var BreadcrumbLink = import_react38.default.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react36.default.createElement(
+    return /* @__PURE__ */ import_react38.default.createElement(
       "a",
       {
         ref,
@@ -2949,8 +3115,8 @@ var BreadcrumbLink = import_react36.default.forwardRef(
 BreadcrumbLink.displayName = "BreadcrumbLink";
 
 // src/components/Pagination.tsx
-var import_react37 = __toESM(require("react"));
-var import_lucide_react8 = require("lucide-react");
+var import_react39 = __toESM(require("react"));
+var import_lucide_react9 = require("lucide-react");
 function generatePagination(currentPage, totalPages, siblingCount) {
   const totalSlots = siblingCount * 2 + 5;
   if (totalPages <= totalSlots) {
@@ -2979,7 +3145,7 @@ function generatePagination(currentPage, totalPages, siblingCount) {
   );
   return [1, "ellipsis", ...middleRange, "ellipsis", totalPages];
 }
-var Pagination = import_react37.default.forwardRef(
+var Pagination = import_react39.default.forwardRef(
   ({
     page,
     totalPages,
@@ -2991,7 +3157,7 @@ var Pagination = import_react37.default.forwardRef(
   }, ref) => {
     const pages = generatePagination(page, totalPages, siblingCount);
     const buttonBaseClass = "flex items-center justify-center h-8 min-w-8 px-2 text-sm border border-ash transition-colors duration-fast focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gold";
-    return /* @__PURE__ */ import_react37.default.createElement(
+    return /* @__PURE__ */ import_react39.default.createElement(
       "nav",
       {
         ref,
@@ -3000,7 +3166,7 @@ var Pagination = import_react37.default.forwardRef(
         className: cx("flex items-center gap-1", className),
         ...props
       },
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react39.default.createElement(
         "button",
         {
           type: "button",
@@ -3013,17 +3179,17 @@ var Pagination = import_react37.default.forwardRef(
             page <= 1 && "opacity-50 cursor-not-allowed hover:border-ash"
           )
         },
-        /* @__PURE__ */ import_react37.default.createElement(import_lucide_react8.ChevronLeft, { className: "h-4 w-4" })
+        /* @__PURE__ */ import_react39.default.createElement(import_lucide_react9.ChevronLeft, { className: "h-4 w-4" })
       ),
       pages.map(
-        (pageNum, index) => pageNum === "ellipsis" ? /* @__PURE__ */ import_react37.default.createElement(
+        (pageNum, index) => pageNum === "ellipsis" ? /* @__PURE__ */ import_react39.default.createElement(
           "span",
           {
             key: `ellipsis-${index}`,
             className: "flex items-center justify-center h-8 w-8 text-silver"
           },
-          /* @__PURE__ */ import_react37.default.createElement(import_lucide_react8.MoreHorizontal, { className: "h-4 w-4" })
-        ) : /* @__PURE__ */ import_react37.default.createElement(
+          /* @__PURE__ */ import_react39.default.createElement(import_lucide_react9.MoreHorizontal, { className: "h-4 w-4" })
+        ) : /* @__PURE__ */ import_react39.default.createElement(
           "button",
           {
             key: pageNum,
@@ -3039,7 +3205,7 @@ var Pagination = import_react37.default.forwardRef(
           pageNum
         )
       ),
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react39.default.createElement(
         "button",
         {
           type: "button",
@@ -3052,7 +3218,7 @@ var Pagination = import_react37.default.forwardRef(
             page >= totalPages && "opacity-50 cursor-not-allowed hover:border-ash"
           )
         },
-        /* @__PURE__ */ import_react37.default.createElement(import_lucide_react8.ChevronRight, { className: "h-4 w-4" })
+        /* @__PURE__ */ import_react39.default.createElement(import_lucide_react9.ChevronRight, { className: "h-4 w-4" })
       )
     );
   }
@@ -3060,9 +3226,9 @@ var Pagination = import_react37.default.forwardRef(
 Pagination.displayName = "Pagination";
 
 // src/components/Stepper.tsx
-var import_react38 = __toESM(require("react"));
-var import_lucide_react9 = require("lucide-react");
-var Stepper = import_react38.default.forwardRef(
+var import_react40 = __toESM(require("react"));
+var import_lucide_react10 = require("lucide-react");
+var Stepper = import_react40.default.forwardRef(
   ({ steps, currentStep, status, className, ...rest }, ref) => {
     const currentIndex = steps.findIndex((step) => step.id === currentStep);
     const getStepState = (index) => {
@@ -3074,7 +3240,7 @@ var Stepper = import_react38.default.forwardRef(
       }
       return "future";
     };
-    return /* @__PURE__ */ import_react38.default.createElement(
+    return /* @__PURE__ */ import_react40.default.createElement(
       "div",
       {
         ref,
@@ -3084,7 +3250,7 @@ var Stepper = import_react38.default.forwardRef(
       steps.map((step, index) => {
         const state = getStepState(index);
         const isLast = index === steps.length - 1;
-        return /* @__PURE__ */ import_react38.default.createElement(import_react38.default.Fragment, { key: step.id }, /* @__PURE__ */ import_react38.default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ import_react38.default.createElement(
+        return /* @__PURE__ */ import_react40.default.createElement(import_react40.default.Fragment, { key: step.id }, /* @__PURE__ */ import_react40.default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ import_react40.default.createElement(
           "div",
           {
             className: cx(
@@ -3095,8 +3261,8 @@ var Stepper = import_react38.default.forwardRef(
               state === "future" && "bg-charcoal border-ash text-silver"
             )
           },
-          state === "complete" ? /* @__PURE__ */ import_react38.default.createElement(import_lucide_react9.Check, { className: "h-5 w-5" }) : /* @__PURE__ */ import_react38.default.createElement("span", null, index + 1)
-        ), /* @__PURE__ */ import_react38.default.createElement(
+          state === "complete" ? /* @__PURE__ */ import_react40.default.createElement(import_lucide_react10.Check, { className: "h-5 w-5" }) : /* @__PURE__ */ import_react40.default.createElement("span", null, index + 1)
+        ), /* @__PURE__ */ import_react40.default.createElement(
           "span",
           {
             className: cx(
@@ -3108,7 +3274,7 @@ var Stepper = import_react38.default.forwardRef(
             )
           },
           step.label
-        )), !isLast && /* @__PURE__ */ import_react38.default.createElement(
+        )), !isLast && /* @__PURE__ */ import_react40.default.createElement(
           "div",
           {
             className: cx(
@@ -3124,10 +3290,10 @@ var Stepper = import_react38.default.forwardRef(
 Stepper.displayName = "Stepper";
 
 // src/components/Message.tsx
-var import_react41 = __toESM(require("react"));
+var import_react42 = __toESM(require("react"));
 
 // src/components/MarkdownContent.tsx
-var import_react39 = __toESM(require("react"));
+var import_react41 = __toESM(require("react"));
 var import_dompurify = __toESM(require("dompurify"));
 var DEFAULT_SANITIZE_CONFIG = {
   ALLOWED_TAGS: [
@@ -3197,7 +3363,7 @@ var DEFAULT_SANITIZE_CONFIG = {
   ALLOWED_URI_REGEXP: /^(?:(?:https?|mailto|tel):|[^a-z]|[a-z+.-]+(?:[^a-z+.\-:]|$))/i
 };
 function useDOMPurifySetup() {
-  (0, import_react39.useMemo)(() => {
+  (0, import_react41.useMemo)(() => {
     import_dompurify.default.addHook("afterSanitizeAttributes", (node) => {
       if (node.tagName === "A") {
         node.setAttribute("target", "_blank");
@@ -3206,17 +3372,45 @@ function useDOMPurifySetup() {
     });
   }, []);
 }
-var MarkdownContent = import_react39.default.forwardRef(
-  ({ className, content, sanitizeConfig, ...rest }, ref) => {
+var CURSOR_BASE_CLASSES = "inline-block bg-current animate-cursor-blink w-0.5 h-cursor translate-y-cursor-offset";
+function injectStreamingCursor(html, cursorClassName) {
+  if (!html.trim()) {
+    return `<span class="${cx(CURSOR_BASE_CLASSES, cursorClassName)}" aria-hidden="true"></span>`;
+  }
+  const cursorHtml = `<span class="${cx(CURSOR_BASE_CLASSES, cursorClassName)}" aria-hidden="true"></span>`;
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(`<div>${html}</div>`, "text/html");
+  const container = doc.body.firstChild;
+  if (!container) {
+    return html + cursorHtml;
+  }
+  let target = container;
+  while (target.lastElementChild) {
+    const lastChild = target.lastElementChild;
+    const tagName = lastChild.tagName.toLowerCase();
+    if (["code", "a", "strong", "em", "b", "i", "span", "mark", "del", "s"].includes(tagName)) {
+      break;
+    }
+    target = lastChild;
+  }
+  target.insertAdjacentHTML("beforeend", cursorHtml);
+  return container.innerHTML;
+}
+var MarkdownContent = import_react41.default.forwardRef(
+  ({ className, content, sanitizeConfig, isStreaming, cursorClassName, ...rest }, ref) => {
     useDOMPurifySetup();
-    const sanitizedHtml = (0, import_react39.useMemo)(() => {
-      if (!content) {
+    const sanitizedHtml = (0, import_react41.useMemo)(() => {
+      if (!content && !isStreaming) {
         return "";
       }
       const config = sanitizeConfig ?? DEFAULT_SANITIZE_CONFIG;
-      return import_dompurify.default.sanitize(content, config);
-    }, [content, sanitizeConfig]);
-    return /* @__PURE__ */ import_react39.default.createElement(
+      const sanitized = content ? import_dompurify.default.sanitize(content, config) : "";
+      if (isStreaming) {
+        return injectStreamingCursor(sanitized, cursorClassName);
+      }
+      return sanitized;
+    }, [content, sanitizeConfig, isStreaming, cursorClassName]);
+    return /* @__PURE__ */ import_react41.default.createElement(
       "div",
       {
         ref,
@@ -3229,16 +3423,202 @@ var MarkdownContent = import_react39.default.forwardRef(
 );
 MarkdownContent.displayName = "MarkdownContent";
 
+// src/components/Message.tsx
+var variantStyles2 = {
+  user: "bg-gold text-obsidian ml-auto",
+  assistant: "bg-charcoal border border-ash text-white mr-auto"
+};
+var ActionButton = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ import_react42.default.createElement(
+  "button",
+  {
+    type: "button",
+    onClick,
+    disabled,
+    className: cx(
+      "p-1.5 text-silver/60 hover:text-silver transition-colors duration-150",
+      "hover:bg-white/5",
+      "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent",
+      className
+    ),
+    "aria-label": label
+  },
+  children
+);
+var CopyIcon = () => /* @__PURE__ */ import_react42.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-3.5 h-3.5" }, /* @__PURE__ */ import_react42.default.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }), /* @__PURE__ */ import_react42.default.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" }));
+var CheckIcon = () => /* @__PURE__ */ import_react42.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-3.5 h-3.5 text-success" }, /* @__PURE__ */ import_react42.default.createElement("polyline", { points: "20 6 9 17 4 12" }));
+var PencilIcon = () => /* @__PURE__ */ import_react42.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-3.5 h-3.5" }, /* @__PURE__ */ import_react42.default.createElement("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }), /* @__PURE__ */ import_react42.default.createElement("path", { d: "m15 5 4 4" }));
+var RetryIcon = () => /* @__PURE__ */ import_react42.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-3.5 h-3.5" }, /* @__PURE__ */ import_react42.default.createElement("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }), /* @__PURE__ */ import_react42.default.createElement("path", { d: "M21 3v5h-5" }), /* @__PURE__ */ import_react42.default.createElement("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }), /* @__PURE__ */ import_react42.default.createElement("path", { d: "M8 16H3v5" }));
+var ChevronLeftIcon = () => /* @__PURE__ */ import_react42.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-3 h-3" }, /* @__PURE__ */ import_react42.default.createElement("path", { d: "m15 18-6-6 6-6" }));
+var ChevronRightIcon = () => /* @__PURE__ */ import_react42.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-3 h-3" }, /* @__PURE__ */ import_react42.default.createElement("path", { d: "m9 18 6-6-6-6" }));
+var GitBranchIcon = () => /* @__PURE__ */ import_react42.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-3 h-3 mr-0.5 text-silver/50" }, /* @__PURE__ */ import_react42.default.createElement("line", { x1: "6", x2: "6", y1: "3", y2: "15" }), /* @__PURE__ */ import_react42.default.createElement("circle", { cx: "18", cy: "6", r: "3" }), /* @__PURE__ */ import_react42.default.createElement("circle", { cx: "6", cy: "18", r: "3" }), /* @__PURE__ */ import_react42.default.createElement("path", { d: "M18 9a9 9 0 0 1-9 9" }));
+var XIcon = () => /* @__PURE__ */ import_react42.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-4 h-4" }, /* @__PURE__ */ import_react42.default.createElement("path", { d: "M18 6 6 18" }), /* @__PURE__ */ import_react42.default.createElement("path", { d: "m6 6 12 12" }));
+var SendIcon = () => /* @__PURE__ */ import_react42.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-4 h-4" }, /* @__PURE__ */ import_react42.default.createElement("path", { d: "m22 2-7 20-4-9-9-4Z" }), /* @__PURE__ */ import_react42.default.createElement("path", { d: "M22 2 11 13" }));
+var Message = import_react42.default.forwardRef(
+  ({ variant = "assistant", className, content, isStreaming, branchInfo, actions, hideActions, ...rest }, ref) => {
+    const isUser = variant === "user";
+    const [copied, setCopied] = (0, import_react42.useState)(false);
+    const [isEditing, setIsEditing] = (0, import_react42.useState)(false);
+    const [editValue, setEditValue] = (0, import_react42.useState)(content);
+    const textareaRef = (0, import_react42.useRef)(null);
+    const showBranchNav = branchInfo && branchInfo.total > 1;
+    const showActions = actions && !hideActions && !isStreaming;
+    (0, import_react42.useEffect)(() => {
+      if (isEditing && textareaRef.current) {
+        const textarea = textareaRef.current;
+        textarea.style.height = "auto";
+        textarea.style.height = `${textarea.scrollHeight}px`;
+        textarea.focus();
+        textarea.setSelectionRange(textarea.value.length, textarea.value.length);
+      }
+    }, [isEditing]);
+    const handleCopy = async () => {
+      try {
+        await navigator.clipboard.writeText(content);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2e3);
+      } catch {
+        const textArea = document.createElement("textarea");
+        textArea.value = content;
+        document.body.appendChild(textArea);
+        textArea.select();
+        document.execCommand("copy");
+        document.body.removeChild(textArea);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2e3);
+      }
+    };
+    const handleStartEdit = () => {
+      setEditValue(content);
+      setIsEditing(true);
+    };
+    const handleCancelEdit = () => {
+      setIsEditing(false);
+      setEditValue(content);
+    };
+    const handleSubmitEdit = () => {
+      const trimmed = editValue.trim();
+      if (trimmed && trimmed !== content) {
+        actions?.onEdit?.(trimmed);
+      }
+      setIsEditing(false);
+    };
+    const handleEditKeyDown = (e) => {
+      if (e.key === "Enter" && !e.shiftKey) {
+        e.preventDefault();
+        handleSubmitEdit();
+      } else if (e.key === "Escape") {
+        handleCancelEdit();
+      }
+    };
+    const handleEditChange = (e) => {
+      setEditValue(e.target.value);
+      const textarea = e.target;
+      textarea.style.height = "auto";
+      textarea.style.height = `${textarea.scrollHeight}px`;
+    };
+    return /* @__PURE__ */ import_react42.default.createElement(
+      "div",
+      {
+        ref,
+        className: cx(
+          "flex flex-col",
+          isUser ? "items-end" : "items-start",
+          className
+        ),
+        ...rest
+      },
+      isUser && isEditing ? /* @__PURE__ */ import_react42.default.createElement("div", { className: "w-full max-w-11/12" }, /* @__PURE__ */ import_react42.default.createElement("div", { className: "relative bg-gold" }, /* @__PURE__ */ import_react42.default.createElement(
+        "textarea",
+        {
+          ref: textareaRef,
+          value: editValue,
+          onChange: handleEditChange,
+          onKeyDown: handleEditKeyDown,
+          className: "w-full bg-transparent text-obsidian px-3 py-2 pr-20 resize-none outline-none min-h-10 text-sm",
+          rows: 1
+        }
+      ), /* @__PURE__ */ import_react42.default.createElement("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex gap-0.5" }, /* @__PURE__ */ import_react42.default.createElement(
+        "button",
+        {
+          type: "button",
+          onClick: handleCancelEdit,
+          className: "p-1.5 text-obsidian/60 hover:text-obsidian transition-colors",
+          "aria-label": "Cancel edit"
+        },
+        /* @__PURE__ */ import_react42.default.createElement(XIcon, null)
+      ), /* @__PURE__ */ import_react42.default.createElement(
+        "button",
+        {
+          type: "button",
+          onClick: handleSubmitEdit,
+          disabled: !editValue.trim() || editValue.trim() === content,
+          className: "p-1.5 text-obsidian/60 hover:text-obsidian transition-colors disabled:opacity-30",
+          "aria-label": "Submit edit"
+        },
+        /* @__PURE__ */ import_react42.default.createElement(SendIcon, null)
+      )))) : /* @__PURE__ */ import_react42.default.createElement(
+        "div",
+        {
+          className: cx(
+            "px-3 py-2 w-fit max-w-11/12",
+            variantStyles2[variant]
+          )
+        },
+        /* @__PURE__ */ import_react42.default.createElement(
+          MarkdownContent,
+          {
+            content,
+            className: cx("prose-sm", isUser ? "prose-inherit" : "prose-invert"),
+            isStreaming,
+            cursorClassName: "ml-0.5"
+          }
+        )
+      ),
+      showActions && !isEditing && /* @__PURE__ */ import_react42.default.createElement("div", { className: cx(
+        "flex items-center gap-0.5 mt-1",
+        isUser ? "mr-1" : "ml-1"
+      ) }, actions.showCopy !== false && /* @__PURE__ */ import_react42.default.createElement(ActionButton, { onClick: handleCopy, label: copied ? "Copied!" : "Copy message" }, copied ? /* @__PURE__ */ import_react42.default.createElement(CheckIcon, null) : /* @__PURE__ */ import_react42.default.createElement(CopyIcon, null)), isUser && actions.onEdit && /* @__PURE__ */ import_react42.default.createElement(ActionButton, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ import_react42.default.createElement(PencilIcon, null)), !isUser && actions.onRetry && /* @__PURE__ */ import_react42.default.createElement(ActionButton, { onClick: actions.onRetry, label: "Regenerate response" }, /* @__PURE__ */ import_react42.default.createElement(RetryIcon, null)), showBranchNav && /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Fragment, null, /* @__PURE__ */ import_react42.default.createElement("div", { className: "w-px h-4 bg-ash/40 mx-1" }), /* @__PURE__ */ import_react42.default.createElement("div", { className: "flex items-center gap-0.5 text-silver/70" }, /* @__PURE__ */ import_react42.default.createElement(GitBranchIcon, null), /* @__PURE__ */ import_react42.default.createElement(
+        "button",
+        {
+          type: "button",
+          onClick: branchInfo.onPrevious,
+          disabled: branchInfo.current <= 1,
+          className: cx(
+            "p-0.5 hover:text-white hover:bg-white/10 transition-colors",
+            "disabled:opacity-30 disabled:cursor-not-allowed disabled:hover:bg-transparent disabled:hover:text-silver/70"
+          ),
+          "aria-label": "Previous branch"
+        },
+        /* @__PURE__ */ import_react42.default.createElement(ChevronLeftIcon, null)
+      ), /* @__PURE__ */ import_react42.default.createElement("span", { className: "text-xs tabular-nums min-w-6 text-center" }, branchInfo.current, "/", branchInfo.total), /* @__PURE__ */ import_react42.default.createElement(
+        "button",
+        {
+          type: "button",
+          onClick: branchInfo.onNext,
+          disabled: branchInfo.current >= branchInfo.total,
+          className: cx(
+            "p-0.5 hover:text-white hover:bg-white/10 transition-colors",
+            "disabled:opacity-30 disabled:cursor-not-allowed disabled:hover:bg-transparent disabled:hover:text-silver/70"
+          ),
+          "aria-label": "Next branch"
+        },
+        /* @__PURE__ */ import_react42.default.createElement(ChevronRightIcon, null)
+      ))))
+    );
+  }
+);
+Message.displayName = "Message";
+
 // src/components/StreamingCursor.tsx
-var import_react40 = __toESM(require("react"));
-var StreamingCursor = import_react40.default.forwardRef(
+var import_react43 = __toESM(require("react"));
+var StreamingCursor = import_react43.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_react40.default.createElement(
+    return /* @__PURE__ */ import_react43.default.createElement(
       "span",
       {
         ref,
@@ -3255,131 +3635,852 @@ var StreamingCursor = import_react40.default.forwardRef(
 );
 StreamingCursor.displayName = "StreamingCursor";
 
-// src/components/Message.tsx
-var variantStyles2 = {
-  user: "bg-gold text-obsidian ml-auto",
-  assistant: "bg-charcoal border border-ash text-white mr-auto"
-};
-var Message = import_react41.default.forwardRef(
-  ({ variant = "assistant", className, content, isStreaming, ...rest }, ref) => {
-    const isUser = variant === "user";
-    return /* @__PURE__ */ import_react41.default.createElement(
+// src/components/chat/ChatInterface.tsx
+var import_react54 = __toESM(require("react"));
+
+// src/components/chat/ChatView.tsx
+var import_react47 = __toESM(require("react"));
+
+// src/components/chat/hooks/useScrollAnchor.ts
+var import_react44 = require("react");
+function useScrollAnchor(options = {}) {
+  const { behavior = "smooth", block = "start" } = options;
+  const containerRef = (0, import_react44.useRef)(null);
+  const anchorRef = (0, import_react44.useRef)(null);
+  const scrollToAnchor = (0, import_react44.useCallback)(() => {
+    const el = anchorRef.current;
+    if (!el) return;
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        el.scrollIntoView({ behavior, block });
+      });
+    });
+  }, [behavior, block]);
+  const scrollToBottom = (0, import_react44.useCallback)(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    if (typeof container.scrollTo === "function") {
+      container.scrollTo({ top: container.scrollHeight, behavior });
+    } else {
+      container.scrollTop = container.scrollHeight;
+    }
+  }, [behavior]);
+  const isScrolledToBottom = (0, import_react44.useCallback)(() => {
+    const container = containerRef.current;
+    if (!container) return true;
+    const threshold = 50;
+    const { scrollTop, scrollHeight, clientHeight } = container;
+    return scrollHeight - scrollTop - clientHeight < threshold;
+  }, []);
+  return {
+    containerRef,
+    anchorRef,
+    scrollToAnchor,
+    scrollToBottom,
+    isScrolledToBottom
+  };
+}
+
+// src/components/chat/hooks/useAdaptiveSpacer.ts
+var import_react45 = require("react");
+function useAdaptiveSpacer(options = {}) {
+  const { minHeight = 0, containerRef: externalContainerRef, anchorRef } = options;
+  const internalContainerRef = (0, import_react45.useRef)(null);
+  const containerRef = externalContainerRef ?? internalContainerRef;
+  const contentRef = (0, import_react45.useRef)(null);
+  const spacerRef = (0, import_react45.useRef)(null);
+  const [spacerHeight, setSpacerHeight] = (0, import_react45.useState)(0);
+  const recalculate = (0, import_react45.useCallback)(() => {
+    const container = containerRef.current;
+    const content = contentRef.current;
+    if (!container || !content) return;
+    const style = getComputedStyle(container);
+    const paddingTop = parseFloat(style.paddingTop) || 0;
+    const paddingBottom = parseFloat(style.paddingBottom) || 0;
+    const availableHeight = container.clientHeight - paddingTop - paddingBottom;
+    let heightFromAnchorToBottom;
+    const anchor = anchorRef?.current;
+    if (anchor && content.contains(anchor)) {
+      const anchorTop = anchor.offsetTop;
+      heightFromAnchorToBottom = content.scrollHeight - anchorTop;
+    } else {
+      heightFromAnchorToBottom = content.scrollHeight;
+    }
+    const newSpacerHeight = Math.max(minHeight, availableHeight - heightFromAnchorToBottom);
+    if (spacerRef.current) {
+      spacerRef.current.style.height = `${newSpacerHeight}px`;
+    }
+    setSpacerHeight(newSpacerHeight);
+  }, [minHeight, anchorRef]);
+  (0, import_react45.useEffect)(() => {
+    const container = containerRef.current;
+    const content = contentRef.current;
+    if (!container || !content) return;
+    recalculate();
+    const resizeObserver = new ResizeObserver(() => {
+      recalculate();
+    });
+    resizeObserver.observe(container);
+    resizeObserver.observe(content);
+    const mutationObserver = new MutationObserver(() => {
+      requestAnimationFrame(recalculate);
+    });
+    mutationObserver.observe(content, {
+      childList: true,
+      subtree: true,
+      characterData: true
+    });
+    return () => {
+      resizeObserver.disconnect();
+      mutationObserver.disconnect();
+    };
+  }, [recalculate]);
+  return {
+    containerRef,
+    contentRef,
+    spacerRef,
+    spacerHeight,
+    recalculate
+  };
+}
+
+// src/components/chat/ThinkingIndicator.tsx
+var import_react46 = __toESM(require("react"));
+var THINKING_PHRASES = [
+  "Consulting the ancient tomes...",
+  "Parsing the ineffable...",
+  "Traversing the manifold of possibilities...",
+  "Genuflecting before the oracle...",
+  "Distilling quintessence...",
+  "Communing with the machine spirits...",
+  "Unfolding higher dimensions...",
+  "Perturbing the probability matrix...",
+  "Invoking the categorical imperative...",
+  "Reticulating splines...",
+  "Brewing a fresh batch of tokens...",
+  "Consulting my inner monologue...",
+  "Summoning the muse..."
+];
+var ThinkingIndicator = import_react46.default.forwardRef(
+  ({
+    isVisible = true,
+    phraseInterval = 2500,
+    phrases = THINKING_PHRASES,
+    className,
+    ...rest
+  }, ref) => {
+    const [currentIndex, setCurrentIndex] = (0, import_react46.useState)(() => Math.floor(Math.random() * phrases.length));
+    const [isTransitioning, setIsTransitioning] = (0, import_react46.useState)(false);
+    (0, import_react46.useEffect)(() => {
+      if (!isVisible || phrases.length <= 1) return;
+      const interval = setInterval(() => {
+        setIsTransitioning(true);
+        setTimeout(() => {
+          setCurrentIndex((prev) => (prev + 1) % phrases.length);
+          setIsTransitioning(false);
+        }, 200);
+      }, phraseInterval);
+      return () => clearInterval(interval);
+    }, [isVisible, phrases.length, phraseInterval]);
+    if (!isVisible) return null;
+    return /* @__PURE__ */ import_react46.default.createElement(
       "div",
       {
         ref,
         className: cx(
-          "px-3 py-2 w-fit",
-          variantStyles2[variant],
+          "flex items-center gap-2 px-3 py-2 w-fit",
+          "bg-charcoal border border-ash text-silver",
+          "mr-auto",
           className
         ),
+        role: "status",
+        "aria-live": "polite",
         ...rest
       },
-      /* @__PURE__ */ import_react41.default.createElement(
-        MarkdownContent,
+      /* @__PURE__ */ import_react46.default.createElement("div", { className: "flex gap-1", "aria-hidden": "true" }, /* @__PURE__ */ import_react46.default.createElement("span", { className: "w-1.5 h-1.5 bg-gold/60 rounded-full animate-pulse", style: { animationDelay: "0ms" } }), /* @__PURE__ */ import_react46.default.createElement("span", { className: "w-1.5 h-1.5 bg-gold/60 rounded-full animate-pulse", style: { animationDelay: "150ms" } }), /* @__PURE__ */ import_react46.default.createElement("span", { className: "w-1.5 h-1.5 bg-gold/60 rounded-full animate-pulse", style: { animationDelay: "300ms" } })),
+      /* @__PURE__ */ import_react46.default.createElement(
+        "span",
         {
-          content,
-          className: cx("prose-sm", isUser ? "prose-inherit" : "prose-invert")
-        }
-      ),
-      isStreaming && /* @__PURE__ */ import_react41.default.createElement(StreamingCursor, { className: "ml-0.5" })
+          className: cx(
+            "text-sm italic transition-opacity duration-200",
+            isTransitioning ? "opacity-0" : "opacity-100"
+          )
+        },
+        phrases[currentIndex]
+      )
     );
   }
 );
-Message.displayName = "Message";
+ThinkingIndicator.displayName = "ThinkingIndicator";
 
-// src/components/ChatHistory.tsx
-var import_react42 = __toESM(require("react"));
-var ChatHistory = ({ messages, className, ...rest }) => {
-  const innerRef = (0, import_react42.useRef)(null);
-  (0, import_react42.useEffect)(() => {
-    const el = innerRef.current;
-    if (!el) {
-      return;
-    }
-    if (typeof el.scrollTo === "function") {
-      el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
-    } else {
-      el.scrollTop = el.scrollHeight;
-    }
-  }, [messages]);
-  return /* @__PURE__ */ import_react42.default.createElement(
-    "div",
-    {
-      ref: innerRef,
-      className: cx(
-        "flex flex-col gap-3 justify-end w-full h-96 bg-charcoal/50 border border-ash/40 p-4 overflow-y-auto",
-        className
-      ),
-      ...rest
-    },
-    messages.map(({ id, variant, className: messageClassName, ...messageProps }, index) => /* @__PURE__ */ import_react42.default.createElement(
-      Message,
+// src/components/chat/ChatView.tsx
+var ChatView = import_react47.default.forwardRef(
+  ({ messages, latestUserMessageIndex, isStreaming, isThinking, onScroll, className, ...rest }, ref) => {
+    const { containerRef, anchorRef, scrollToAnchor } = useScrollAnchor({
+      behavior: "smooth",
+      block: "start"
+    });
+    const { contentRef, spacerRef, spacerHeight } = useAdaptiveSpacer({
+      containerRef,
+      anchorRef
+    });
+    (0, import_react47.useEffect)(() => {
+      if (latestUserMessageIndex !== void 0 && latestUserMessageIndex >= 0) {
+        scrollToAnchor();
+      }
+    }, [latestUserMessageIndex, scrollToAnchor]);
+    const latestUserIdx = latestUserMessageIndex ?? messages.reduceRight((found, msg, idx) => {
+      if (found === -1 && msg.variant === "user") {
+        return idx;
+      }
+      return found;
+    }, -1);
+    const showThinking = isThinking && messages.length > 0 && messages[messages.length - 1]?.variant === "user";
+    return /* @__PURE__ */ import_react47.default.createElement(
+      "div",
       {
-        key: id ?? index,
+        ref: (node) => {
+          ;
+          containerRef.current = node;
+          if (typeof ref === "function") {
+            ref(node);
+          } else if (ref) {
+            ref.current = node;
+          }
+        },
+        onScroll,
+        className: cx(
+          "flex flex-col w-full h-full overflow-y-auto scroll-smooth",
+          "px-4 py-6 overscroll-contain",
+          className
+        ),
+        ...rest
+      },
+      /* @__PURE__ */ import_react47.default.createElement("div", { ref: contentRef, className: "relative flex flex-col gap-3" }, messages.map(({
+        id,
         variant,
         className: messageClassName,
+        branchInfo,
+        actions,
+        isStreaming: nodeIsStreaming,
         ...messageProps
+      }, index) => {
+        const isAnchor = index === latestUserIdx;
+        const isLastMessage = index === messages.length - 1;
+        const showStreaming = isLastMessage && isStreaming && variant === "assistant";
+        const isMessageStreaming = showStreaming || !!nodeIsStreaming;
+        return /* @__PURE__ */ import_react47.default.createElement(
+          "div",
+          {
+            key: id ?? `msg-${index}`,
+            ref: isAnchor ? anchorRef : void 0,
+            className: isAnchor ? "scroll-mt-4" : void 0
+          },
+          /* @__PURE__ */ import_react47.default.createElement(
+            Message,
+            {
+              variant,
+              isStreaming: isMessageStreaming,
+              className: messageClassName,
+              branchInfo,
+              actions,
+              hideActions: isMessageStreaming,
+              ...messageProps
+            }
+          )
+        );
+      }), showThinking && /* @__PURE__ */ import_react47.default.createElement(ThinkingIndicator, { isVisible: true })),
+      /* @__PURE__ */ import_react47.default.createElement(
+        "div",
+        {
+          ref: spacerRef,
+          className: "shrink-0 pointer-events-none",
+          style: { height: spacerHeight },
+          "aria-hidden": "true"
+        }
+      )
+    );
+  }
+);
+ChatView.displayName = "ChatView";
+
+// src/components/chat/ChatInput.tsx
+var import_react48 = __toESM(require("react"));
+var import_lucide_react11 = require("lucide-react");
+
+// src/components/chat/types.ts
+function isImageFile(file) {
+  return file.type.startsWith("image/");
+}
+function createPreviewUrl(file) {
+  if (isImageFile(file)) {
+    return URL.createObjectURL(file);
+  }
+  return void 0;
+}
+function revokePreviewUrl(url) {
+  if (url) {
+    URL.revokeObjectURL(url);
+  }
+}
+function generateId() {
+  return `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+}
+function createEmptyTree() {
+  return {
+    nodes: {},
+    rootIds: [],
+    activeLeafId: null
+  };
+}
+function addMessageToTree(tree, message, parentId = null) {
+  const newNodes = { ...tree.nodes };
+  const newRootIds = [...tree.rootIds];
+  let branchIndex = 0;
+  if (parentId && newNodes[parentId]) {
+    branchIndex = newNodes[parentId].children.length;
+  } else if (!parentId) {
+    branchIndex = newRootIds.length;
+  }
+  const newNode = {
+    ...message,
+    parentId,
+    children: [],
+    branchIndex,
+    createdAt: message.createdAt ?? Date.now()
+  };
+  newNodes[message.id] = newNode;
+  if (parentId && newNodes[parentId]) {
+    newNodes[parentId] = {
+      ...newNodes[parentId],
+      children: [...newNodes[parentId].children, message.id]
+    };
+  } else {
+    newRootIds.push(message.id);
+  }
+  return {
+    nodes: newNodes,
+    rootIds: newRootIds,
+    activeLeafId: message.id
+  };
+}
+function getActivePathMessages(tree) {
+  if (!tree.activeLeafId) return [];
+  const path = [];
+  let currentId = tree.activeLeafId;
+  while (currentId) {
+    const node = tree.nodes[currentId];
+    if (!node) break;
+    path.unshift(node);
+    currentId = node.parentId;
+  }
+  return path;
+}
+function getSiblingInfo(tree, nodeId) {
+  const node = tree.nodes[nodeId];
+  if (!node) return { total: 1, current: 1 };
+  if (node.parentId) {
+    const parent = tree.nodes[node.parentId];
+    if (parent) {
+      const index = parent.children.indexOf(nodeId);
+      return {
+        total: parent.children.length,
+        current: index + 1
+      };
+    }
+  } else {
+    const index = tree.rootIds.indexOf(nodeId);
+    return {
+      total: tree.rootIds.length,
+      current: index + 1
+    };
+  }
+  return { total: 1, current: 1 };
+}
+function switchBranch(tree, nodeId, direction) {
+  const node = tree.nodes[nodeId];
+  if (!node) return tree;
+  let siblings;
+  let currentIndex;
+  if (node.parentId) {
+    const parent = tree.nodes[node.parentId];
+    if (!parent) return tree;
+    siblings = parent.children;
+    currentIndex = siblings.indexOf(nodeId);
+  } else {
+    siblings = tree.rootIds;
+    currentIndex = siblings.indexOf(nodeId);
+  }
+  if (siblings.length <= 1) return tree;
+  const newIndex = direction === "next" ? (currentIndex + 1) % siblings.length : (currentIndex - 1 + siblings.length) % siblings.length;
+  const newNodeId = siblings[newIndex];
+  let leafId = newNodeId;
+  let currentNode = tree.nodes[leafId];
+  while (currentNode && currentNode.children.length > 0) {
+    leafId = currentNode.children[0];
+    currentNode = tree.nodes[leafId];
+  }
+  return {
+    ...tree,
+    activeLeafId: leafId
+  };
+}
+function updateNodeContent(tree, nodeId, content, isStreaming) {
+  const node = tree.nodes[nodeId];
+  if (!node) return tree;
+  return {
+    ...tree,
+    nodes: {
+      ...tree.nodes,
+      [nodeId]: {
+        ...node,
+        content,
+        isStreaming: isStreaming ?? node.isStreaming
       }
-    ))
-  );
-};
-ChatHistory.displayName = "ChatHistory";
+    }
+  };
+}
+function messagesToTree(messages) {
+  let tree = createEmptyTree();
+  for (const msg of messages) {
+    const parentId = tree.activeLeafId;
+    tree = addMessageToTree(tree, {
+      id: msg.id,
+      role: msg.role,
+      content: msg.content,
+      parentId,
+      isStreaming: msg.isStreaming
+    }, parentId);
+  }
+  return tree;
+}
+function isBranchPoint(tree, nodeId) {
+  const node = tree.nodes[nodeId];
+  return node ? node.children.length > 1 : false;
+}
 
-// src/components/BrandIcon.tsx
-var import_react43 = __toESM(require("react"));
-var sizeMap2 = {
-  sm: "h-8 w-8 text-sm",
-  md: "h-12 w-12 text-base",
-  lg: "h-16 w-16 text-lg"
-};
-var BrandIcon = import_react43.default.forwardRef(
-  ({ size = "md", variant = "solid", children, className, ...rest }, ref) => {
-    const variantClasses = variant === "solid" ? "bg-gold text-obsidian border-2 border-gold" : "bg-transparent text-gold border-2 border-gold";
-    return /* @__PURE__ */ import_react43.default.createElement(
+// src/components/chat/ChatInput.tsx
+var ChatInput = import_react48.default.forwardRef(
+  ({
+    position = "bottom",
+    placeholder = "Send a message...",
+    helperText,
+    onSubmit,
+    disabled = false,
+    animate = true,
+    isStreaming = false,
+    onStop,
+    attachments: controlledAttachments,
+    onAttachmentsChange,
+    showAttachmentButton = true,
+    acceptedFileTypes,
+    className,
+    ...rest
+  }, ref) => {
+    const [value, setValue] = (0, import_react48.useState)("");
+    const [localAttachments, setLocalAttachments] = (0, import_react48.useState)([]);
+    const [isDragOver, setIsDragOver] = (0, import_react48.useState)(false);
+    const textareaRef = (0, import_react48.useRef)(null);
+    const fileInputRef = (0, import_react48.useRef)(null);
+    const attachments = controlledAttachments ?? localAttachments;
+    const setAttachments = (0, import_react48.useCallback)(
+      (newAttachments) => {
+        if (onAttachmentsChange) {
+          if (typeof newAttachments === "function") {
+            onAttachmentsChange(newAttachments(attachments));
+          } else {
+            onAttachmentsChange(newAttachments);
+          }
+        } else {
+          setLocalAttachments(newAttachments);
+        }
+      },
+      [attachments, onAttachmentsChange]
+    );
+    const handleSubmit = (0, import_react48.useCallback)(() => {
+      const trimmed = value.trim();
+      if (!trimmed || disabled || isStreaming) {
+        return;
+      }
+      onSubmit?.(trimmed, attachments.length > 0 ? attachments : void 0);
+      setValue("");
+      setAttachments([]);
+      if (textareaRef.current) {
+        textareaRef.current.style.height = "auto";
+      }
+    }, [value, disabled, isStreaming, onSubmit, attachments, setAttachments]);
+    const handleKeyDown = (0, import_react48.useCallback)(
+      (e) => {
+        if (e.key === "Enter" && !e.shiftKey) {
+          e.preventDefault();
+          handleSubmit();
+        }
+      },
+      [handleSubmit]
+    );
+    const handleChange = (0, import_react48.useCallback)((e) => {
+      setValue(e.target.value);
+      const textarea = e.target;
+      textarea.style.height = "auto";
+      textarea.style.height = `${Math.min(textarea.scrollHeight, 200)}px`;
+    }, []);
+    (0, import_react48.useEffect)(() => {
+      if (!disabled && !isStreaming && textareaRef.current) {
+        textareaRef.current.focus();
+      }
+    }, [disabled, isStreaming]);
+    const addFiles = (0, import_react48.useCallback)(
+      (files) => {
+        const newAttachments = Array.from(files).map((file) => ({
+          id: generateId(),
+          file,
+          previewUrl: isImageFile(file) ? createPreviewUrl(file) : void 0,
+          status: "pending"
+        }));
+        setAttachments((prev) => [...prev, ...newAttachments]);
+      },
+      [setAttachments]
+    );
+    const handleFileSelect = (0, import_react48.useCallback)(
+      (e) => {
+        const files = e.target.files;
+        if (files && files.length > 0) {
+          addFiles(files);
+        }
+        e.target.value = "";
+      },
+      [addFiles]
+    );
+    const handleRemoveAttachment = (0, import_react48.useCallback)(
+      (id) => {
+        setAttachments((prev) => {
+          const attachment = prev.find((a) => a.id === id);
+          if (attachment?.previewUrl) {
+            URL.revokeObjectURL(attachment.previewUrl);
+          }
+          return prev.filter((a) => a.id !== id);
+        });
+      },
+      [setAttachments]
+    );
+    const handleDragEnter = (0, import_react48.useCallback)((e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setIsDragOver(true);
+    }, []);
+    const handleDragLeave = (0, import_react48.useCallback)((e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (!e.currentTarget.contains(e.relatedTarget)) {
+        setIsDragOver(false);
+      }
+    }, []);
+    const handleDragOver = (0, import_react48.useCallback)((e) => {
+      e.preventDefault();
+      e.stopPropagation();
+    }, []);
+    const handleDrop = (0, import_react48.useCallback)(
+      (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragOver(false);
+        const files = e.dataTransfer.files;
+        if (files && files.length > 0) {
+          addFiles(files);
+        }
+      },
+      [addFiles]
+    );
+    const isCentered = position === "centered";
+    const hasAttachments = attachments.length > 0;
+    const canSubmit = value.trim() && !disabled && !isStreaming;
+    return /* @__PURE__ */ import_react48.default.createElement(
       "div",
       {
         ref,
         className: cx(
-          "inline-flex items-center justify-center rounded-none font-bold select-none overflow-hidden",
-          sizeMap2[size],
-          variantClasses,
+          "w-full",
+          isCentered && "flex flex-col items-center justify-center",
+          animate && "transition-all duration-300 ease-out",
           className
         ),
         ...rest
       },
-      children
+      isCentered && helperText && /* @__PURE__ */ import_react48.default.createElement("p", { className: "text-silver text-sm mb-4 text-center" }, helperText),
+      /* @__PURE__ */ import_react48.default.createElement(
+        "div",
+        {
+          className: cx(
+            "relative w-full bg-charcoal border",
+            isDragOver ? "border-gold ring-1 ring-gold/30" : "border-ash/60",
+            "focus-within:border-gold/60 focus-within:ring-1 focus-within:ring-gold/20",
+            "transition-colors duration-200",
+            isCentered && "max-w-lg"
+          ),
+          onDragEnter: showAttachmentButton ? handleDragEnter : void 0,
+          onDragLeave: showAttachmentButton ? handleDragLeave : void 0,
+          onDragOver: showAttachmentButton ? handleDragOver : void 0,
+          onDrop: showAttachmentButton ? handleDrop : void 0
+        },
+        hasAttachments && /* @__PURE__ */ import_react48.default.createElement("div", { className: "px-3 pt-3 pb-1" }, /* @__PURE__ */ import_react48.default.createElement(
+          AttachmentPreview,
+          {
+            attachments,
+            onRemove: handleRemoveAttachment,
+            removable: !isStreaming
+          }
+        )),
+        isDragOver && /* @__PURE__ */ import_react48.default.createElement(
+          "div",
+          {
+            className: "absolute inset-0 bg-gold/10 flex items-center justify-center z-10 pointer-events-none"
+          },
+          /* @__PURE__ */ import_react48.default.createElement("span", { className: "text-gold text-sm font-medium" }, "Drop files here")
+        ),
+        /* @__PURE__ */ import_react48.default.createElement("div", { className: "flex items-end" }, showAttachmentButton && /* @__PURE__ */ import_react48.default.createElement(import_react48.default.Fragment, null, /* @__PURE__ */ import_react48.default.createElement(
+          "button",
+          {
+            type: "button",
+            onClick: () => fileInputRef.current?.click(),
+            disabled: disabled || isStreaming,
+            className: cx(
+              "p-3 text-silver/60 hover:text-silver transition-colors",
+              "disabled:opacity-50 disabled:cursor-not-allowed"
+            ),
+            "aria-label": "Attach file"
+          },
+          /* @__PURE__ */ import_react48.default.createElement(import_lucide_react11.Paperclip, { className: "w-5 h-5" })
+        ), /* @__PURE__ */ import_react48.default.createElement(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            multiple: true,
+            accept: acceptedFileTypes,
+            onChange: handleFileSelect,
+            className: "hidden",
+            "aria-hidden": "true"
+          }
+        )), /* @__PURE__ */ import_react48.default.createElement(
+          "textarea",
+          {
+            ref: textareaRef,
+            value,
+            onChange: handleChange,
+            onKeyDown: handleKeyDown,
+            placeholder,
+            disabled: disabled || isStreaming,
+            rows: 1,
+            className: cx(
+              "flex-1 bg-transparent text-white placeholder:text-silver/60",
+              "py-3 pr-12 resize-none outline-none min-h-12",
+              !showAttachmentButton && "pl-4",
+              (disabled || isStreaming) && "opacity-50 cursor-not-allowed"
+            ),
+            style: { maxHeight: 200 }
+          }
+        ), isStreaming ? /* @__PURE__ */ import_react48.default.createElement(
+          "button",
+          {
+            type: "button",
+            onClick: onStop,
+            className: cx(
+              "absolute right-2 bottom-2 p-2",
+              "text-error hover:bg-error/10 transition-colors duration-200"
+            ),
+            "aria-label": "Stop generation"
+          },
+          /* @__PURE__ */ import_react48.default.createElement(import_lucide_react11.Square, { className: "w-5 h-5 fill-current" })
+        ) : /* @__PURE__ */ import_react48.default.createElement(
+          "button",
+          {
+            type: "button",
+            onClick: handleSubmit,
+            disabled: !canSubmit,
+            className: cx(
+              "absolute right-2 bottom-2 p-2",
+              "transition-colors duration-200",
+              canSubmit ? "text-gold hover:bg-gold/10" : "text-silver/40 cursor-not-allowed"
+            ),
+            "aria-label": "Send message"
+          },
+          /* @__PURE__ */ import_react48.default.createElement(import_lucide_react11.Send, { className: "w-5 h-5" })
+        ))
+      )
     );
   }
 );
-BrandIcon.displayName = "BrandIcon";
+ChatInput.displayName = "ChatInput";
 
-// src/components/ColorSwatch.tsx
-var import_react44 = __toESM(require("react"));
-var ColorSwatch = import_react44.default.forwardRef(
-  ({ color, label, className, ...rest }, ref) => {
-    return /* @__PURE__ */ import_react44.default.createElement(
+// src/components/chat/ConversationSidebar.tsx
+var import_react49 = __toESM(require("react"));
+function HistoryIcon({ className }) {
+  return /* @__PURE__ */ import_react49.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className
+    },
+    /* @__PURE__ */ import_react49.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 ChevronLeftIcon2({ className }) {
+  return /* @__PURE__ */ import_react49.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className
+    },
+    /* @__PURE__ */ import_react49.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_react49.default.forwardRef(
+  ({
+    conversations,
+    isCollapsed = false,
+    onSelectConversation,
+    onNewChat,
+    onToggleCollapse,
+    className,
+    ...rest
+  }, ref) => {
+    if (isCollapsed) {
+      return /* @__PURE__ */ import_react49.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_react49.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_react49.default.createElement(HistoryIcon, { className: "w-5 h-5" })
+        )
+      );
+    }
+    return /* @__PURE__ */ import_react49.default.createElement(
       "div",
       {
         ref,
-        className: cx("flex flex-col items-center gap-2", className),
+        className: cx(
+          "h-full bg-charcoal/80 border-r border-ash/40 flex flex-col",
+          "w-64 flex-shrink-0",
+          className
+        ),
         ...rest
       },
-      /* @__PURE__ */ import_react44.default.createElement(
-        "div",
+      /* @__PURE__ */ import_react49.default.createElement("div", { className: "p-3 border-b border-ash/40 flex-shrink-0 flex items-center gap-2" }, /* @__PURE__ */ import_react49.default.createElement(
+        "button",
         {
-          className: "h-16 w-16 border-2 border-ash rounded-none shadow-sm",
-          style: { backgroundColor: color },
-          "aria-label": label || color
-        }
-      ),
-      label && /* @__PURE__ */ import_react44.default.createElement("span", { className: "text-xs text-silver font-medium" }, label)
+          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_react49.default.createElement(ChevronLeftIcon2, { className: "w-5 h-5" })
+      ), /* @__PURE__ */ import_react49.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_react49.default.createElement(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 20 20",
+            fill: "currentColor",
+            className: "w-4 h-4"
+          },
+          /* @__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" })
+        ),
+        /* @__PURE__ */ import_react49.default.createElement("span", { className: "text-sm font-medium" }, "New Chat")
+      )),
+      /* @__PURE__ */ import_react49.default.createElement("div", { className: "flex-1 overflow-y-auto py-2" }, conversations.length === 0 ? /* @__PURE__ */ import_react49.default.createElement("p", { className: "px-4 py-2 text-sm text-silver/60" }, "No conversations yet") : /* @__PURE__ */ import_react49.default.createElement("div", { className: "space-y-1 px-2" }, conversations.map((conversation) => /* @__PURE__ */ import_react49.default.createElement(
+        "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_react49.default.createElement("p", { className: "text-sm font-medium truncate" }, conversation.title),
+        conversation.preview && /* @__PURE__ */ import_react49.default.createElement("p", { className: "text-xs text-silver/60 truncate mt-0.5" }, conversation.preview),
+        conversation.timestamp && /* @__PURE__ */ import_react49.default.createElement("p", { className: "text-xs text-silver/40 mt-1" }, conversation.timestamp)
+      ))))
     );
   }
 );
-ColorSwatch.displayName = "ColorSwatch";
+ConversationSidebar.displayName = "ConversationSidebar";
+var CollapsedSidebarToggle = import_react49.default.forwardRef(({ onExpand, className, ...rest }, ref) => {
+  return /* @__PURE__ */ import_react49.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_react49.default.createElement(HistoryIcon, { className: "w-5 h-5" })
+  );
+});
+CollapsedSidebarToggle.displayName = "CollapsedSidebarToggle";
+
+// src/components/chat/ArtifactsPanel.tsx
+var import_react52 = __toESM(require("react"));
 
 // src/components/ImageCard.tsx
-var import_react45 = __toESM(require("react"));
+var import_react50 = __toESM(require("react"));
 var ASPECT_RATIO_PRESETS = {
   landscape: "3 / 2",
   portrait: "2 / 3",
@@ -3391,7 +4492,7 @@ function resolveAspectRatio(ratio) {
   }
   return ratio.replace("/", " / ");
 }
-var ImageCard = import_react45.default.forwardRef(
+var ImageCard = import_react50.default.forwardRef(
   ({
     src,
     alt,
@@ -3408,7 +4509,7 @@ var ImageCard = import_react45.default.forwardRef(
   }, ref) => {
     const hasAspectRatio = aspectRatio !== void 0;
     const isContain = objectFit === "contain";
-    return /* @__PURE__ */ import_react45.default.createElement(Card, { ref, className: cx("p-0 overflow-hidden group w-fit", className), ...props }, /* @__PURE__ */ import_react45.default.createElement(
+    return /* @__PURE__ */ import_react50.default.createElement(Card, { ref, className: cx("p-0 overflow-hidden group w-fit", className), ...props }, /* @__PURE__ */ import_react50.default.createElement(
       "div",
       {
         className: cx(
@@ -3418,7 +4519,7 @@ var ImageCard = import_react45.default.forwardRef(
         ),
         style: hasAspectRatio ? { aspectRatio: resolveAspectRatio(aspectRatio) } : void 0
       },
-      /* @__PURE__ */ import_react45.default.createElement(
+      /* @__PURE__ */ import_react50.default.createElement(
         "img",
         {
           src,
@@ -3431,20 +4532,20 @@ var ImageCard = import_react45.default.forwardRef(
           )
         }
       ),
-      overlay && /* @__PURE__ */ import_react45.default.createElement(
+      overlay && /* @__PURE__ */ import_react50.default.createElement(
         "div",
         {
           className: "absolute inset-0 bg-obsidian/80 opacity-0 group-hover:opacity-100 transition-opacity duration-200 flex items-center justify-center"
         },
         overlay
       )
-    ), (title || subtitle || children) && /* @__PURE__ */ import_react45.default.createElement("div", { className: cx("px-4 py-4", contentClassName) }, title && /* @__PURE__ */ import_react45.default.createElement("h4", { className: "text-lg font-semibold leading-tight" }, title), subtitle && /* @__PURE__ */ import_react45.default.createElement("p", { className: "text-sm text-silver leading-normal" }, subtitle), children));
+    ), (title || subtitle || children) && /* @__PURE__ */ import_react50.default.createElement("div", { className: cx("px-4 py-4", contentClassName) }, title && /* @__PURE__ */ import_react50.default.createElement("h4", { className: "text-lg font-semibold leading-tight" }, title), subtitle && /* @__PURE__ */ import_react50.default.createElement("p", { className: "text-sm text-silver leading-normal" }, subtitle), children));
   }
 );
 ImageCard.displayName = "ImageCard";
 
 // src/components/VideoCard.tsx
-var import_react46 = __toESM(require("react"));
+var import_react51 = __toESM(require("react"));
 var import_react_player2 = __toESM(require("react-player"));
 var ASPECT_RATIO_PRESETS2 = {
   video: "16 / 9",
@@ -3457,7 +4558,7 @@ function resolveAspectRatio2(ratio) {
   }
   return ratio.replace("/", " / ");
 }
-var VideoCard = import_react46.default.forwardRef(
+var VideoCard = import_react51.default.forwardRef(
   ({
     src,
     title,
@@ -3477,16 +4578,16 @@ var VideoCard = import_react46.default.forwardRef(
     ...props
   }, ref) => {
     const hasAspectRatio = aspectRatio !== void 0;
-    return /* @__PURE__ */ import_react46.default.createElement(Card, { ref, className: cx("p-0 overflow-hidden group w-full", className), ...props }, /* @__PURE__ */ import_react46.default.createElement(
+    return /* @__PURE__ */ import_react51.default.createElement(Card, { ref, className: cx("p-0 overflow-hidden group w-full", className), ...props }, /* @__PURE__ */ import_react51.default.createElement(
       "div",
       {
         className: cx(
-          "relative bg-black overflow-hidden",
+          "relative bg-obsidian overflow-hidden",
           mediaClassName
         ),
         style: { aspectRatio: resolveAspectRatio2(aspectRatio) }
       },
-      /* @__PURE__ */ import_react46.default.createElement(
+      /* @__PURE__ */ import_react51.default.createElement(
         import_react_player2.default,
         {
           src,
@@ -3502,7 +4603,7 @@ var VideoCard = import_react46.default.forwardRef(
           ...playerProps
         }
       )
-    ), (title || subtitle || children) && /* @__PURE__ */ import_react46.default.createElement("div", { className: cx("px-4 py-4", contentClassName) }, title && /* @__PURE__ */ import_react46.default.createElement("h4", { className: "text-lg font-semibold leading-tight" }, title), subtitle && /* @__PURE__ */ import_react46.default.createElement(
+    ), (title || subtitle || children) && /* @__PURE__ */ import_react51.default.createElement("div", { className: cx("px-4 py-4", contentClassName) }, title && /* @__PURE__ */ import_react51.default.createElement("h4", { className: "text-lg font-semibold leading-tight" }, title), subtitle && /* @__PURE__ */ import_react51.default.createElement(
       "p",
       {
         className: "text-sm text-silver leading-normal mt-1"
@@ -3513,16 +4614,771 @@ var VideoCard = import_react46.default.forwardRef(
 );
 VideoCard.displayName = "VideoCard";
 
+// src/components/chat/ArtifactsPanel.tsx
+function LayersIcon({ className }) {
+  return /* @__PURE__ */ import_react52.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className
+    },
+    /* @__PURE__ */ import_react52.default.createElement("path", { d: "M3.196 12.87l-.825.483a.75.75 0 000 1.294l7.25 4.25a.75.75 0 00.758 0l7.25-4.25a.75.75 0 000-1.294l-.825-.484-5.666 3.322a2.25 2.25 0 01-2.276 0L3.196 12.87z" }),
+    /* @__PURE__ */ import_react52.default.createElement("path", { d: "M3.196 8.87l-.825.483a.75.75 0 000 1.294l7.25 4.25a.75.75 0 00.758 0l7.25-4.25a.75.75 0 000-1.294l-.825-.484-5.666 3.322a2.25 2.25 0 01-2.276 0L3.196 8.87z" }),
+    /* @__PURE__ */ import_react52.default.createElement("path", { 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" })
+  );
+}
+function ChevronRightIcon2({ className }) {
+  return /* @__PURE__ */ import_react52.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className
+    },
+    /* @__PURE__ */ import_react52.default.createElement(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z",
+        clipRule: "evenodd"
+      }
+    )
+  );
+}
+function ArtifactSkeleton({ type }) {
+  if (type === "image") {
+    return /* @__PURE__ */ import_react52.default.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "w-full h-48" }), /* @__PURE__ */ import_react52.default.createElement("div", { className: "p-4 bg-charcoal border border-ash/40 border-t-0" }, /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "h-5 w-3/4 mb-2" }), /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "h-4 w-1/2" })));
+  }
+  if (type === "video") {
+    return /* @__PURE__ */ import_react52.default.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "w-full aspect-video" }), /* @__PURE__ */ import_react52.default.createElement("div", { className: "p-4 bg-charcoal border border-ash/40 border-t-0" }, /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "h-5 w-3/4 mb-2" }), /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "h-4 w-1/2" })));
+  }
+  return /* @__PURE__ */ import_react52.default.createElement("div", { className: "p-4 bg-charcoal border border-ash/40 space-y-2" }, /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "h-5 w-1/2" }), /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ import_react52.default.createElement(Skeleton, { className: "h-4 w-3/4" }));
+}
+function ArtifactRenderer({ artifact, isLoading }) {
+  const [imageLoaded, setImageLoaded] = (0, import_react52.useState)(false);
+  const [minDelayPassed, setMinDelayPassed] = (0, import_react52.useState)(false);
+  (0, import_react52.useEffect)(() => {
+    setImageLoaded(false);
+    setMinDelayPassed(false);
+    const timer = setTimeout(() => {
+      setMinDelayPassed(true);
+    }, 800);
+    return () => clearTimeout(timer);
+  }, [artifact.src, artifact.id]);
+  if (isLoading || artifact.isPending) {
+    return /* @__PURE__ */ import_react52.default.createElement(ArtifactSkeleton, { type: artifact.type });
+  }
+  const showContent = imageLoaded && minDelayPassed;
+  switch (artifact.type) {
+    case "image":
+      return /* @__PURE__ */ import_react52.default.createElement("div", { className: "relative" }, !showContent && /* @__PURE__ */ import_react52.default.createElement(ArtifactSkeleton, { type: "image" }), /* @__PURE__ */ import_react52.default.createElement(
+        ImageCard,
+        {
+          src: artifact.src || "",
+          alt: artifact.alt || "Artifact image",
+          title: artifact.title,
+          subtitle: artifact.subtitle,
+          aspectRatio: "landscape",
+          className: cx(
+            "w-full transition-opacity duration-300",
+            showContent ? "opacity-100" : "opacity-0 absolute inset-0"
+          ),
+          onLoad: () => setImageLoaded(true)
+        }
+      ));
+    case "video":
+      return /* @__PURE__ */ import_react52.default.createElement(
+        VideoCard,
+        {
+          src: artifact.src || "",
+          title: artifact.title,
+          subtitle: artifact.subtitle,
+          aspectRatio: "video",
+          controls: true,
+          className: "w-full"
+        }
+      );
+    case "text":
+      return /* @__PURE__ */ import_react52.default.createElement("div", { className: "p-4 bg-charcoal border border-ash/40" }, artifact.title && /* @__PURE__ */ import_react52.default.createElement("h4", { className: "text-lg font-semibold text-white mb-2" }, artifact.title), /* @__PURE__ */ import_react52.default.createElement(
+        MarkdownContent,
+        {
+          content: artifact.content || "",
+          className: "prose-sm prose-invert"
+        }
+      ));
+    default:
+      return null;
+  }
+}
+var ArtifactsPanel = import_react52.default.forwardRef(
+  ({ artifacts, isOpen = false, onClose, isLoading = false, className, ...rest }, ref) => {
+    if (!isOpen) {
+      return /* @__PURE__ */ import_react52.default.createElement(
+        "div",
+        {
+          ref,
+          className: cx(
+            "h-full bg-charcoal/80 border-l border-ash/40 flex flex-col items-center py-3",
+            "w-12 flex-shrink-0",
+            className
+          ),
+          ...rest
+        },
+        /* @__PURE__ */ import_react52.default.createElement(
+          "button",
+          {
+            onClick: onClose,
+            className: cx(
+              "p-2",
+              "text-silver hover:text-white hover:bg-ash/20",
+              "transition-colors duration-150",
+              "relative"
+            ),
+            "aria-label": "Expand artifacts panel"
+          },
+          /* @__PURE__ */ import_react52.default.createElement(LayersIcon, { className: "w-5 h-5" }),
+          artifacts.length > 0 && /* @__PURE__ */ import_react52.default.createElement("span", { className: "absolute -top-1 -right-1 w-4 h-4 bg-gold text-obsidian text-xs font-medium flex items-center justify-center rounded-full" }, artifacts.length)
+        )
+      );
+    }
+    return /* @__PURE__ */ import_react52.default.createElement(
+      "div",
+      {
+        ref,
+        className: cx(
+          "h-full bg-charcoal/50 border-l border-ash/40 flex flex-col",
+          "w-96 flex-shrink-0",
+          className
+        ),
+        ...rest
+      },
+      /* @__PURE__ */ import_react52.default.createElement("div", { className: "flex items-center justify-between p-4 border-b border-ash/40 flex-shrink-0" }, /* @__PURE__ */ import_react52.default.createElement("h3", { className: "text-lg font-semibold text-white" }, "Artifacts"), /* @__PURE__ */ import_react52.default.createElement(
+        "button",
+        {
+          onClick: onClose,
+          className: cx(
+            "p-1.5",
+            "text-silver hover:text-white hover:bg-ash/20",
+            "transition-colors duration-150"
+          ),
+          "aria-label": "Collapse artifacts panel"
+        },
+        /* @__PURE__ */ import_react52.default.createElement(ChevronRightIcon2, { className: "w-5 h-5" })
+      )),
+      /* @__PURE__ */ import_react52.default.createElement("div", { className: "flex-1 overflow-y-auto p-4 space-y-4" }, artifacts.length === 0 && !isLoading ? /* @__PURE__ */ import_react52.default.createElement("p", { className: "text-sm text-silver/60 text-center py-8" }, "No artifacts to display") : artifacts.map((artifact) => /* @__PURE__ */ import_react52.default.createElement(
+        ArtifactRenderer,
+        {
+          key: artifact.id,
+          artifact,
+          isLoading
+        }
+      )))
+    );
+  }
+);
+ArtifactsPanel.displayName = "ArtifactsPanel";
+var ArtifactsPanelToggle = import_react52.default.forwardRef(({ artifactCount = 0, onExpand, className, ...rest }, ref) => {
+  return /* @__PURE__ */ import_react52.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",
+        "flex items-center gap-2",
+        "relative",
+        className
+      ),
+      "aria-label": "Expand artifacts panel",
+      ...rest
+    },
+    /* @__PURE__ */ import_react52.default.createElement(LayersIcon, { className: "w-5 h-5" }),
+    artifactCount > 0 && /* @__PURE__ */ import_react52.default.createElement("span", { className: "absolute -top-1 -right-1 w-4 h-4 bg-gold text-obsidian text-xs font-medium flex items-center justify-center rounded-full" }, artifactCount)
+  );
+});
+ArtifactsPanelToggle.displayName = "ArtifactsPanelToggle";
+
+// src/components/chat/hooks/useArtifactParser.ts
+var import_react53 = require("react");
+var COMPLETE_ARTIFACT_REGEX = /:::artifact\{([^}]+)\}(?:([^:]*?))?:::/gs;
+var ARTIFACT_START_REGEX = /:::artifact\{/;
+function parseAttributes(attrString) {
+  const attrs = {};
+  const regex = /(\w+)="([^"]*)"/g;
+  let match;
+  while ((match = regex.exec(attrString)) !== null) {
+    attrs[match[1]] = match[2];
+  }
+  return attrs;
+}
+function generateStableArtifactId(type, identifier) {
+  const str = `${type}:${identifier}`;
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    const char = str.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash = hash & hash;
+  }
+  return `artifact-${Math.abs(hash).toString(36)}`;
+}
+function useArtifactParser(content) {
+  return (0, import_react53.useMemo)(() => {
+    if (!content) {
+      return { cleanContent: "", artifacts: [], hasPendingArtifact: false };
+    }
+    const artifacts = [];
+    let workingContent = content;
+    let artifactIndex = 0;
+    workingContent = workingContent.replace(COMPLETE_ARTIFACT_REGEX, (_, attrString, innerContent) => {
+      const attrs = parseAttributes(attrString);
+      const type = attrs.type || "text";
+      const identifier = attrs.src || attrs.content || innerContent || `idx-${artifactIndex++}`;
+      const id = generateStableArtifactId(type, identifier);
+      const artifact = {
+        id,
+        type,
+        title: attrs.title,
+        subtitle: attrs.subtitle
+      };
+      if (type === "text") {
+        artifact.content = innerContent?.trim() || attrs.content;
+      } else if (type === "image") {
+        artifact.src = attrs.src;
+        artifact.alt = attrs.alt || "Image";
+      } else if (type === "video") {
+        artifact.src = attrs.src;
+      }
+      artifacts.push(artifact);
+      return "";
+    });
+    const startMatch = workingContent.match(ARTIFACT_START_REGEX);
+    let hasPendingArtifact = false;
+    if (startMatch && startMatch.index !== void 0) {
+      workingContent = workingContent.substring(0, startMatch.index);
+      hasPendingArtifact = true;
+      artifacts.push({
+        id: "artifact-pending",
+        type: "image",
+        // Default to image for skeleton
+        isPending: true
+      });
+    }
+    return {
+      cleanContent: workingContent.trim(),
+      artifacts,
+      hasPendingArtifact
+    };
+  }, [content]);
+}
+
+// src/components/chat/ChatInterface.tsx
+var ChatInterface = import_react54.default.forwardRef(
+  ({
+    messages = [],
+    conversationTree,
+    onTreeChange,
+    conversations = [],
+    onMessageSubmit,
+    onEditMessage,
+    onRetryMessage,
+    onStop,
+    onSelectConversation,
+    onNewChat,
+    isStreaming = false,
+    isThinking = false,
+    placeholder = "Send a message...",
+    emptyStateHelper = "Type anything to start a conversation",
+    initialSidebarCollapsed = false,
+    emptyState,
+    showAttachmentButton = true,
+    enableMessageActions = true,
+    attachments: propsAttachments,
+    onAttachmentsChange,
+    className,
+    ...rest
+  }, ref) => {
+    const [sidebarCollapsed, setSidebarCollapsed] = (0, import_react54.useState)(initialSidebarCollapsed);
+    const [artifactsPanelOpen, setArtifactsPanelOpen] = (0, import_react54.useState)(false);
+    const isTreeMode = !!conversationTree;
+    const effectiveMessages = (0, import_react54.useMemo)(() => {
+      if (isTreeMode && conversationTree) {
+        const pathNodes = getActivePathMessages(conversationTree);
+        return pathNodes.map((node) => ({
+          id: node.id,
+          variant: node.role,
+          content: node.content,
+          isStreaming: node.isStreaming
+        }));
+      }
+      return messages;
+    }, [isTreeMode, conversationTree, messages]);
+    const latestUserMessageIndex = (0, import_react54.useMemo)(() => {
+      for (let i = effectiveMessages.length - 1; i >= 0; i--) {
+        if (effectiveMessages[i].variant === "user") {
+          return i;
+        }
+      }
+      return -1;
+    }, [effectiveMessages]);
+    const allAssistantContent = (0, import_react54.useMemo)(() => {
+      return effectiveMessages.filter((msg) => msg.variant === "assistant").map((msg) => msg.content).join("\n\n");
+    }, [effectiveMessages]);
+    const { artifacts, hasPendingArtifact } = useArtifactParser(allAssistantContent);
+    const currentStreamingCleanContent = (0, import_react54.useMemo)(() => {
+      if (!isStreaming || effectiveMessages.length === 0) {
+        return null;
+      }
+      const lastMessage = effectiveMessages[effectiveMessages.length - 1];
+      if (lastMessage.variant === "assistant") {
+        const content = lastMessage.content;
+        let clean = content.replace(/:::artifact\{[^}]+}(?:[^:]*?)?:::/gs, "");
+        const startMatch = clean.match(/:::artifact\{/);
+        if (startMatch && startMatch.index !== void 0) {
+          clean = clean.substring(0, startMatch.index);
+        }
+        return clean.trim();
+      }
+      return null;
+    }, [effectiveMessages, isStreaming]);
+    import_react54.default.useEffect(() => {
+      if ((artifacts.length > 0 || hasPendingArtifact) && !artifactsPanelOpen) {
+        setArtifactsPanelOpen(true);
+      }
+    }, [artifacts.length, hasPendingArtifact, artifactsPanelOpen]);
+    const handleBranchSwitch = (0, import_react54.useCallback)(
+      (nodeId, direction) => {
+        if (!isTreeMode || !conversationTree || !onTreeChange) {
+          return;
+        }
+        const newTree = switchBranch(conversationTree, nodeId, direction);
+        onTreeChange(newTree);
+      },
+      [isTreeMode, conversationTree, onTreeChange]
+    );
+    const displayMessages = (0, import_react54.useMemo)(() => {
+      return effectiveMessages.map((msg, idx) => {
+        let cleanContent = msg.content;
+        if (msg.variant === "assistant") {
+          if (isStreaming && idx === effectiveMessages.length - 1 && currentStreamingCleanContent !== null) {
+            cleanContent = currentStreamingCleanContent;
+          } else {
+            let clean = msg.content.replace(/:::artifact\{[^}]+}(?:[^:]*?)?:::/gs, "");
+            const startMatch = clean.match(/:::artifact\{/);
+            if (startMatch && startMatch.index !== void 0) {
+              clean = clean.substring(0, startMatch.index);
+            }
+            cleanContent = clean.trim();
+          }
+        }
+        let branchInfo = void 0;
+        if (isTreeMode && conversationTree) {
+          const siblingInfo = getSiblingInfo(conversationTree, msg.id);
+          if (siblingInfo.total > 1) {
+            branchInfo = {
+              current: siblingInfo.current,
+              total: siblingInfo.total,
+              onPrevious: () => handleBranchSwitch(msg.id, "prev"),
+              onNext: () => handleBranchSwitch(msg.id, "next")
+            };
+          }
+        }
+        const actions = enableMessageActions ? {
+          showCopy: true,
+          onEdit: msg.variant === "user" && onEditMessage ? (newContent) => onEditMessage(msg.id, newContent) : void 0,
+          onRetry: msg.variant === "assistant" && onRetryMessage ? () => onRetryMessage(msg.id) : void 0
+        } : void 0;
+        return {
+          ...msg,
+          content: cleanContent,
+          branchInfo,
+          actions
+        };
+      });
+    }, [
+      effectiveMessages,
+      isStreaming,
+      currentStreamingCleanContent,
+      isTreeMode,
+      conversationTree,
+      enableMessageActions,
+      onEditMessage,
+      onRetryMessage,
+      handleBranchSwitch
+    ]);
+    const allArtifacts = (0, import_react54.useMemo)(() => {
+      return artifacts;
+    }, [artifacts]);
+    const handleSubmit = (0, import_react54.useCallback)(
+      (message, attachments) => {
+        onMessageSubmit?.(message, attachments);
+      },
+      [onMessageSubmit]
+    );
+    const toggleSidebar = (0, import_react54.useCallback)(() => {
+      setSidebarCollapsed((prev) => !prev);
+    }, []);
+    const toggleArtifactsPanel = (0, import_react54.useCallback)(() => {
+      setArtifactsPanelOpen((prev) => !prev);
+    }, []);
+    const isEmpty = effectiveMessages.length === 0;
+    return /* @__PURE__ */ import_react54.default.createElement(
+      "div",
+      {
+        ref,
+        className: cx("flex h-full w-full bg-obsidian overflow-hidden", className),
+        ...rest
+      },
+      /* @__PURE__ */ import_react54.default.createElement(
+        ConversationSidebar,
+        {
+          conversations,
+          isCollapsed: sidebarCollapsed,
+          onSelectConversation,
+          onNewChat,
+          onToggleCollapse: toggleSidebar
+        }
+      ),
+      /* @__PURE__ */ import_react54.default.createElement("div", { className: "flex-1 flex flex-col min-w-0 relative" }, /* @__PURE__ */ import_react54.default.createElement("div", { className: cx(
+        "flex-1 flex flex-col min-h-0 relative transition-all duration-500",
+        isEmpty ? "justify-center" : "justify-start"
+      ) }, /* @__PURE__ */ import_react54.default.createElement("div", { className: cx(
+        "transition-all duration-500 ease-in-out",
+        isEmpty ? "flex-1" : "flex-zero"
+      ) }), /* @__PURE__ */ import_react54.default.createElement("div", { className: cx(
+        "transition-all duration-500 ease-in-out overflow-hidden flex flex-col",
+        isEmpty ? "flex-zero opacity-0" : "flex-1 opacity-100"
+      ) }, /* @__PURE__ */ import_react54.default.createElement(
+        ChatView,
+        {
+          messages: displayMessages,
+          latestUserMessageIndex,
+          isStreaming,
+          isThinking,
+          className: "flex-1"
+        }
+      )), /* @__PURE__ */ import_react54.default.createElement("div", { className: cx(
+        "transition-all duration-500 ease-in-out z-10 w-full",
+        isEmpty ? "p-4" : "shrink-0 p-4 border-t border-ash/40 bg-obsidian"
+      ) }, isEmpty && emptyState ? /* @__PURE__ */ import_react54.default.createElement("div", { className: "flex justify-center" }, emptyState) : /* @__PURE__ */ import_react54.default.createElement(
+        ChatInput,
+        {
+          position: isEmpty ? "centered" : "bottom",
+          placeholder,
+          helperText: isEmpty ? emptyStateHelper : void 0,
+          onSubmit: handleSubmit,
+          disabled: isEmpty ? isStreaming : isStreaming && !onStop,
+          isStreaming,
+          onStop,
+          showAttachmentButton,
+          attachments: propsAttachments,
+          onAttachmentsChange
+        }
+      )), /* @__PURE__ */ import_react54.default.createElement("div", { className: cx(
+        "transition-all duration-500 ease-in-out",
+        isEmpty ? "flex-1" : "flex-zero"
+      ) }))),
+      /* @__PURE__ */ import_react54.default.createElement(
+        ArtifactsPanel,
+        {
+          artifacts: allArtifacts,
+          isOpen: artifactsPanelOpen,
+          onClose: toggleArtifactsPanel,
+          isLoading: isStreaming && hasPendingArtifact
+        }
+      )
+    );
+  }
+);
+ChatInterface.displayName = "ChatInterface";
+
+// src/components/chat/MessageActions.tsx
+var import_react55 = __toESM(require("react"));
+var import_lucide_react12 = require("lucide-react");
+var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ import_react55.default.createElement(
+  "button",
+  {
+    type: "button",
+    onClick,
+    disabled,
+    className: cx(
+      "p-1.5 text-silver/60 hover:text-silver transition-colors duration-150",
+      "hover:bg-white/5 ",
+      "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent",
+      className
+    ),
+    "aria-label": label
+  },
+  children
+);
+var MessageActions = import_react55.default.forwardRef(
+  ({
+    variant,
+    content,
+    onEdit,
+    onRetry,
+    isEditing: controlledIsEditing,
+    onEditingChange,
+    editValue: controlledEditValue,
+    className,
+    ...rest
+  }, ref) => {
+    const [localIsEditing, setLocalIsEditing] = (0, import_react55.useState)(false);
+    const [localEditValue, setLocalEditValue] = (0, import_react55.useState)(content);
+    const [copied, setCopied] = (0, import_react55.useState)(false);
+    const isEditing = controlledIsEditing ?? localIsEditing;
+    const editValue = controlledEditValue ?? localEditValue;
+    const setIsEditing = (0, import_react55.useCallback)(
+      (value) => {
+        if (onEditingChange) {
+          onEditingChange(value);
+        } else {
+          setLocalIsEditing(value);
+        }
+      },
+      [onEditingChange]
+    );
+    const setEditValue = (0, import_react55.useCallback)((value) => {
+      setLocalEditValue(value);
+    }, []);
+    const handleCopy = (0, import_react55.useCallback)(async () => {
+      try {
+        await navigator.clipboard.writeText(content);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2e3);
+      } catch {
+        const textArea = document.createElement("textarea");
+        textArea.value = content;
+        document.body.appendChild(textArea);
+        textArea.select();
+        document.execCommand("copy");
+        document.body.removeChild(textArea);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2e3);
+      }
+    }, [content]);
+    const handleStartEdit = (0, import_react55.useCallback)(() => {
+      setLocalEditValue(content);
+      setIsEditing(true);
+    }, [content, setIsEditing]);
+    const handleCancelEdit = (0, import_react55.useCallback)(() => {
+      setIsEditing(false);
+      setLocalEditValue(content);
+    }, [content, setIsEditing]);
+    const handleSubmitEdit = (0, import_react55.useCallback)(() => {
+      const trimmed = editValue.trim();
+      if (trimmed && trimmed !== content) {
+        onEdit?.(trimmed);
+      }
+      setIsEditing(false);
+    }, [editValue, content, onEdit, setIsEditing]);
+    const handleEditKeyDown = (0, import_react55.useCallback)(
+      (e) => {
+        if (e.key === "Enter" && !e.shiftKey) {
+          e.preventDefault();
+          handleSubmitEdit();
+        } else if (e.key === "Escape") {
+          handleCancelEdit();
+        }
+      },
+      [handleSubmitEdit, handleCancelEdit]
+    );
+    const isUser = variant === "user";
+    if (isUser && isEditing) {
+      return /* @__PURE__ */ import_react55.default.createElement(
+        "div",
+        {
+          ref,
+          className: cx("mt-2", className),
+          ...rest
+        },
+        /* @__PURE__ */ import_react55.default.createElement("div", { className: "relative bg-charcoal border border-ash/60 focus-within:border-gold/60 focus-within:ring-1 focus-within:ring-gold/20" }, /* @__PURE__ */ import_react55.default.createElement(
+          "textarea",
+          {
+            value: editValue,
+            onChange: (e) => setEditValue(e.target.value),
+            onKeyDown: handleEditKeyDown,
+            className: "w-full bg-transparent text-white px-3 py-2 pr-20 resize-none outline-none min-h-16 text-sm",
+            autoFocus: true,
+            rows: 2
+          }
+        ), /* @__PURE__ */ import_react55.default.createElement("div", { className: "absolute right-2 bottom-2 flex gap-1" }, /* @__PURE__ */ import_react55.default.createElement(
+          ActionButton2,
+          {
+            onClick: handleCancelEdit,
+            label: "Cancel edit",
+            className: "text-silver/60 hover:text-error"
+          },
+          /* @__PURE__ */ import_react55.default.createElement(import_lucide_react12.X, { className: "w-4 h-4" })
+        ), /* @__PURE__ */ import_react55.default.createElement(
+          ActionButton2,
+          {
+            onClick: handleSubmitEdit,
+            label: "Submit edit",
+            className: "text-silver/60 hover:text-gold",
+            disabled: !editValue.trim() || editValue.trim() === content
+          },
+          /* @__PURE__ */ import_react55.default.createElement(import_lucide_react12.Send, { className: "w-4 h-4" })
+        ))),
+        /* @__PURE__ */ import_react55.default.createElement("p", { className: "text-xs text-silver/50 mt-1" }, "Press Enter to submit, Esc to cancel. This will create a new branch.")
+      );
+    }
+    return /* @__PURE__ */ import_react55.default.createElement(
+      "div",
+      {
+        ref,
+        className: cx(
+          "flex items-center gap-0.5 mt-1",
+          isUser ? "justify-end" : "justify-start",
+          className
+        ),
+        ...rest
+      },
+      /* @__PURE__ */ import_react55.default.createElement(ActionButton2, { onClick: handleCopy, label: copied ? "Copied!" : "Copy message" }, copied ? /* @__PURE__ */ import_react55.default.createElement(import_lucide_react12.Check, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ import_react55.default.createElement(import_lucide_react12.Copy, { className: "w-3.5 h-3.5" })),
+      isUser && onEdit && /* @__PURE__ */ import_react55.default.createElement(ActionButton2, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ import_react55.default.createElement(import_lucide_react12.Pencil, { className: "w-3.5 h-3.5" })),
+      !isUser && onRetry && /* @__PURE__ */ import_react55.default.createElement(ActionButton2, { onClick: onRetry, label: "Regenerate response" }, /* @__PURE__ */ import_react55.default.createElement(import_lucide_react12.RotateCcw, { className: "w-3.5 h-3.5" }))
+    );
+  }
+);
+MessageActions.displayName = "MessageActions";
+
+// src/components/chat/BranchNavigator.tsx
+var import_react56 = __toESM(require("react"));
+var import_lucide_react13 = require("lucide-react");
+var BranchNavigator = import_react56.default.forwardRef(
+  ({
+    current,
+    total,
+    onPrevious,
+    onNext,
+    size = "sm",
+    showIcon = true,
+    className,
+    ...rest
+  }, ref) => {
+    if (total <= 1) return null;
+    const isFirst = current <= 1;
+    const isLast = current >= total;
+    const buttonSize = size === "sm" ? "p-0.5" : "p-1";
+    const iconSize = size === "sm" ? "w-3 h-3" : "w-4 h-4";
+    const textSize = size === "sm" ? "text-xs" : "text-sm";
+    return /* @__PURE__ */ import_react56.default.createElement(
+      "div",
+      {
+        ref,
+        className: cx(
+          "inline-flex items-center gap-0.5 text-silver/70",
+          className
+        ),
+        role: "navigation",
+        "aria-label": "Branch navigation",
+        ...rest
+      },
+      showIcon && /* @__PURE__ */ import_react56.default.createElement(import_lucide_react13.GitBranch, { className: cx(iconSize, "mr-0.5 text-silver/50"), "aria-hidden": "true" }),
+      /* @__PURE__ */ import_react56.default.createElement(
+        "button",
+        {
+          type: "button",
+          onClick: onPrevious,
+          disabled: isFirst,
+          className: cx(
+            buttonSize,
+            "hover:text-white hover:bg-white/10  transition-colors",
+            "disabled:opacity-30 disabled:cursor-not-allowed disabled:hover:bg-transparent disabled:hover:text-silver/70"
+          ),
+          "aria-label": "Previous branch"
+        },
+        /* @__PURE__ */ import_react56.default.createElement(import_lucide_react13.ChevronLeft, { className: iconSize })
+      ),
+      /* @__PURE__ */ import_react56.default.createElement("span", { className: cx(textSize, "tabular-nums min-w-6 text-center") }, current, "/", total),
+      /* @__PURE__ */ import_react56.default.createElement(
+        "button",
+        {
+          type: "button",
+          onClick: onNext,
+          disabled: isLast,
+          className: cx(
+            buttonSize,
+            "hover:text-white hover:bg-white/10  transition-colors",
+            "disabled:opacity-30 disabled:cursor-not-allowed disabled:hover:bg-transparent disabled:hover:text-silver/70"
+          ),
+          "aria-label": "Next branch"
+        },
+        /* @__PURE__ */ import_react56.default.createElement(import_lucide_react13.ChevronRight, { className: iconSize })
+      )
+    );
+  }
+);
+BranchNavigator.displayName = "BranchNavigator";
+
+// src/components/BrandIcon.tsx
+var import_react57 = __toESM(require("react"));
+var sizeMap2 = {
+  sm: "h-8 w-8 text-sm",
+  md: "h-12 w-12 text-base",
+  lg: "h-16 w-16 text-lg"
+};
+var BrandIcon = import_react57.default.forwardRef(
+  ({ size = "md", variant = "solid", children, className, ...rest }, ref) => {
+    const variantClasses = variant === "solid" ? "bg-gold text-obsidian border-2 border-gold" : "bg-transparent text-gold border-2 border-gold";
+    return /* @__PURE__ */ import_react57.default.createElement(
+      "div",
+      {
+        ref,
+        className: cx(
+          "inline-flex items-center justify-center rounded-none font-bold select-none overflow-hidden",
+          sizeMap2[size],
+          variantClasses,
+          className
+        ),
+        ...rest
+      },
+      children
+    );
+  }
+);
+BrandIcon.displayName = "BrandIcon";
+
+// src/components/ColorSwatch.tsx
+var import_react58 = __toESM(require("react"));
+var ColorSwatch = import_react58.default.forwardRef(
+  ({ color, label, className, ...rest }, ref) => {
+    return /* @__PURE__ */ import_react58.default.createElement(
+      "div",
+      {
+        ref,
+        className: cx("flex flex-col items-center gap-2", className),
+        ...rest
+      },
+      /* @__PURE__ */ import_react58.default.createElement(
+        "div",
+        {
+          className: "h-16 w-16 border-2 border-ash rounded-none shadow-sm",
+          style: { backgroundColor: color },
+          "aria-label": label || color
+        }
+      ),
+      label && /* @__PURE__ */ import_react58.default.createElement("span", { className: "text-xs text-silver font-medium" }, label)
+    );
+  }
+);
+ColorSwatch.displayName = "ColorSwatch";
+
 // src/components/SectionHeading.tsx
-var import_react47 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 var levelStyles = {
   h2: "text-2xl mb-4",
   h3: "text-xl mb-3"
 };
-var SectionHeading = import_react47.default.forwardRef(
+var SectionHeading = import_react59.default.forwardRef(
   ({ level = "h2", children, className, ...rest }, ref) => {
     const Component = level;
-    return /* @__PURE__ */ import_react47.default.createElement(
+    return /* @__PURE__ */ import_react59.default.createElement(
       Component,
       {
         ref,
@@ -3549,22 +5405,31 @@ var version = "2.0.0";
   AccordionTrigger,
   Alert,
   AlertDialog,
+  ArtifactsPanel,
+  ArtifactsPanelToggle,
+  AttachmentPreview,
   Avatar,
   Badge,
+  BranchNavigator,
   BrandIcon,
   Breadcrumb,
   BreadcrumbItem,
   BreadcrumbLink,
   Button,
   Card,
-  ChatHistory,
+  ChatInput,
+  ChatInterface,
+  ChatView,
   Checkbox,
   Col,
+  CollapsedSidebarToggle,
   ColorSwatch,
   ConfirmDialog,
   Container,
+  ConversationSidebar,
   Divider,
   Drawer,
+  FileChip,
   HelperText,
   ImageCard,
   Input,
@@ -3587,6 +5452,7 @@ var version = "2.0.0";
   MenuSeparator,
   MenuTrigger,
   Message,
+  MessageActions,
   Modal,
   Navbar,
   NavbarBrand,
@@ -3622,9 +5488,24 @@ var version = "2.0.0";
   TableRow,
   Tabs,
   Textarea,
+  ThinkingIndicator,
   ToastProvider,
   Tooltip,
   VideoCard,
+  addMessageToTree,
+  createEmptyTree,
+  createPreviewUrl,
+  generateId,
+  getActivePathMessages,
+  getSiblingInfo,
+  isBranchPoint,
+  isImageFile,
+  messagesToTree,
+  revokePreviewUrl,
+  switchBranch,
+  updateNodeContent,
+  useArtifactParser,
+  useScrollAnchor,
   useToast,
   version
 });