@lukeashford/aurelius 2.16.0 → 2.17.0

package/dist/index.js

@@ -36,6 +36,7 @@ __export(index_exports, {
   AccordionTrigger: () => AccordionTrigger,
   Alert: () => Alert,
   AlertDialog: () => AlertDialog,
+  ArtifactCard: () => ArtifactCard,
   ArtifactsPanel: () => ArtifactsPanel,
   ArtifactsPanelToggle: () => ArtifactsPanelToggle,
   AttachmentPreview: () => AttachmentPreview,
@@ -132,6 +133,7 @@ __export(index_exports, {
   TableHeader: () => TableHeader,
   TableRow: () => TableRow,
   Tabs: () => Tabs,
+  TextCard: () => TextCard,
   Textarea: () => Textarea,
   ThinkingIndicator: () => ThinkingIndicator,
   ToastProvider: () => ToastProvider,
@@ -249,9 +251,28 @@ var Input = import_react2.default.forwardRef(
 Input.displayName = "Input";
 
 // src/components/Card.tsx
-var import_react3 = __toESM(require("react"));
-var import_react_player = __toESM(require("react-player"));
+var import_react4 = __toESM(require("react"));
 var import_lucide_react = require("lucide-react");
+
+// src/components/Skeleton.tsx
+var import_react3 = __toESM(require("react"));
+var Skeleton = import_react3.default.forwardRef(
+  ({ className, ...rest }, ref) => {
+    return /* @__PURE__ */ import_react3.default.createElement(
+      "div",
+      {
+        ref,
+        className: cx("animate-pulse bg-ash", className),
+        ...rest
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+
+// src/components/Card.tsx
+var CardContext = (0, import_react4.createContext)({ isLoading: false });
+var useCardContext = () => (0, import_react4.useContext)(CardContext);
 var VARIANT_STYLES = {
   default: "bg-charcoal shadow-sm border border-gold/30",
   elevated: "bg-charcoal shadow-lg border-0",
@@ -259,22 +280,23 @@ var VARIANT_STYLES = {
   ghost: "bg-transparent shadow-none border-0",
   featured: "bg-charcoal border border-gold glow-sm"
 };
-var CardBase = import_react3.default.forwardRef(
+var CardBase = import_react4.default.forwardRef(
   ({
     variant = "default",
     interactive = false,
     selected = false,
     noPadding = false,
+    isLoading = false,
     className,
     children,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ import_react3.default.createElement(
+    return /* @__PURE__ */ import_react4.default.createElement(CardContext.Provider, { value: { isLoading } }, /* @__PURE__ */ import_react4.default.createElement(
       "div",
       {
         ref,
         className: cx(
-          "rounded-none relative",
+          "rounded-none relative transition-opacity duration-500",
           !noPadding && "p-6",
           VARIANT_STYLES[variant],
           interactive && "transition-all duration-200 hover:border-gold hover:shadow-glow cursor-pointer",
@@ -284,38 +306,47 @@ var CardBase = import_react3.default.forwardRef(
         ...props
       },
       children,
-      selected && /* @__PURE__ */ import_react3.default.createElement(
+      selected && /* @__PURE__ */ import_react4.default.createElement(
         "div",
         {
           className: "absolute top-3 right-3 flex items-center justify-center h-6 w-6 rounded-full bg-gold text-obsidian"
         },
-        /* @__PURE__ */ import_react3.default.createElement(import_lucide_react.Check, { className: "h-4 w-4" })
+        /* @__PURE__ */ import_react4.default.createElement(import_lucide_react.Check, { className: "h-4 w-4" })
       )
-    );
+    ));
   }
 );
 CardBase.displayName = "Card";
-var CardHeader = import_react3.default.forwardRef(
+var CardHeader = import_react4.default.forwardRef(
   ({ title, subtitle, action, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react3.default.createElement(
+    const { isLoading } = useCardContext();
+    const hasContent = title || subtitle || action || children;
+    if (!hasContent && !isLoading) {
+      return null;
+    }
+    return /* @__PURE__ */ import_react4.default.createElement(
       "div",
       {
         ref,
         className: cx("px-6 py-4 border-b border-ash", className),
         ...props
       },
-      title || subtitle || action ? /* @__PURE__ */ import_react3.default.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "flex-1 min-w-0" }, title && /* @__PURE__ */ import_react3.default.createElement("h3", { className: "text-lg font-semibold text-white m-0" }, title), subtitle && /* @__PURE__ */ import_react3.default.createElement("p", { className: "text-sm text-silver mt-1 m-0" }, subtitle)), action && /* @__PURE__ */ import_react3.default.createElement("div", { className: "shrink-0" }, action)) : children
+      isLoading && !title && !subtitle ? /* @__PURE__ */ import_react4.default.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ import_react4.default.createElement(Skeleton, { className: "h-5 w-3/4" }), /* @__PURE__ */ import_react4.default.createElement(Skeleton, { className: "h-4 w-1/2" })) : title || subtitle || action ? /* @__PURE__ */ import_react4.default.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "flex-1 min-w-0" }, title ? /* @__PURE__ */ import_react4.default.createElement("h3", { className: "text-lg font-semibold text-white m-0" }, title) : isLoading ? /* @__PURE__ */ import_react4.default.createElement(Skeleton, { className: "h-5 w-3/4 mb-1" }) : null, subtitle ? /* @__PURE__ */ import_react4.default.createElement("p", { className: "text-sm text-silver mt-1 m-0" }, subtitle) : isLoading ? /* @__PURE__ */ import_react4.default.createElement(Skeleton, { className: "h-4 w-1/2 mt-1" }) : null), action && /* @__PURE__ */ import_react4.default.createElement("div", { className: "shrink-0" }, action)) : children
     );
   }
 );
 CardHeader.displayName = "CardHeader";
-var CardBody = import_react3.default.forwardRef(
+var CardBody = import_react4.default.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react3.default.createElement("div", { ref, className: cx("px-6 py-4", className), ...props }, children);
+    const { isLoading } = useCardContext();
+    if (!children && !isLoading) {
+      return null;
+    }
+    return /* @__PURE__ */ import_react4.default.createElement("div", { ref, className: cx("px-6 py-4", className), ...props }, isLoading && !children ? /* @__PURE__ */ import_react4.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ import_react4.default.createElement(Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ import_react4.default.createElement(Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ import_react4.default.createElement(Skeleton, { className: "h-4 w-3/4" })) : children);
   }
 );
 CardBody.displayName = "CardBody";
-var CardFooter = import_react3.default.forwardRef(
+var CardFooter = import_react4.default.forwardRef(
   ({ align = "end", className, children, ...props }, ref) => {
     const alignClass = {
       start: "justify-start",
@@ -323,7 +354,7 @@ var CardFooter = import_react3.default.forwardRef(
       end: "justify-end",
       between: "justify-between"
     }[align];
-    return /* @__PURE__ */ import_react3.default.createElement(
+    return /* @__PURE__ */ import_react4.default.createElement(
       "div",
       {
         ref,
@@ -339,23 +370,24 @@ var CardFooter = import_react3.default.forwardRef(
   }
 );
 CardFooter.displayName = "CardFooter";
-var CardMedia = import_react3.default.forwardRef(
+var CardMedia = import_react4.default.forwardRef(
   ({
-    src,
-    alt = "",
-    aspect = "video",
+    aspect,
     position = "top",
-    isVideo = false,
     className,
     children,
     ...props
   }, ref) => {
-    const aspectClass = {
+    const { isLoading } = useCardContext();
+    const aspectClass = aspect && aspect !== "none" ? {
       video: "aspect-video",
       square: "aspect-square",
       wide: "aspect-wide"
-    }[aspect];
-    return /* @__PURE__ */ import_react3.default.createElement(
+    }[aspect] : "";
+    if (!children && !isLoading) {
+      return null;
+    }
+    return /* @__PURE__ */ import_react4.default.createElement(
       "div",
       {
         ref,
@@ -368,16 +400,7 @@ var CardMedia = import_react3.default.forwardRef(
         ),
         ...props
       },
-      src ? isVideo ? /* @__PURE__ */ import_react3.default.createElement(
-        import_react_player.default,
-        {
-          src,
-          width: "100%",
-          height: "100%",
-          className: "absolute top-0 left-0",
-          controls: true
-        }
-      ) : /* @__PURE__ */ import_react3.default.createElement("img", { src, alt, className: "w-full h-full object-cover" }) : children
+      isLoading && !children ? /* @__PURE__ */ import_react4.default.createElement(Skeleton, { className: "w-full h-full" }) : children
     );
   }
 );
@@ -390,7 +413,7 @@ var Card = Object.assign(CardBase, {
 });
 
 // src/components/Container.tsx
-var import_react4 = __toESM(require("react"));
+var import_react5 = __toESM(require("react"));
 var SIZE_CLASSES = {
   sm: "container-sm",
   md: "container-md",
@@ -399,15 +422,15 @@ var SIZE_CLASSES = {
   fluid: "container-fluid",
   responsive: "container"
 };
-var Container = import_react4.default.forwardRef(
+var Container = import_react5.default.forwardRef(
   ({ size = "responsive", className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react4.default.createElement("div", { ref, className: cx(SIZE_CLASSES[size], className), ...props }, children);
+    return /* @__PURE__ */ import_react5.default.createElement("div", { ref, className: cx(SIZE_CLASSES[size], className), ...props }, children);
   }
 );
 Container.displayName = "Container";
 
 // src/components/Row.tsx
-var import_react5 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 var JUSTIFY_MAP = {
   start: "justify-start",
   center: "justify-center",
@@ -459,12 +482,12 @@ var GAP_Y_MAP = {
   10: "gap-y-10",
   12: "gap-y-12"
 };
-var Row = import_react5.default.forwardRef(
+var Row = import_react6.default.forwardRef(
   ({ gutter = 4, gutterX, gutterY, justify, align, className, children, ...props }, ref) => {
     const gapClass = gutterX === void 0 && gutterY === void 0 ? GAP_MAP[gutter] : "";
     const gapXClass = gutterX !== void 0 ? GAP_X_MAP[gutterX] : "";
     const gapYClass = gutterY !== void 0 ? GAP_Y_MAP[gutterY] : "";
-    return /* @__PURE__ */ import_react5.default.createElement(
+    return /* @__PURE__ */ import_react6.default.createElement(
       "div",
       {
         ref,
@@ -486,7 +509,7 @@ var Row = import_react5.default.forwardRef(
 Row.displayName = "Row";
 
 // src/components/Col.tsx
-var import_react6 = __toESM(require("react"));
+var import_react7 = __toESM(require("react"));
 var SPAN_CLASS_MAP = {
   base: {
     1: "col-span-1",
@@ -797,14 +820,14 @@ function buildResponsiveClasses(value, classMap) {
   }
   return classes;
 }
-var Col = import_react6.default.forwardRef(
+var Col = import_react7.default.forwardRef(
   ({ span, offset, order, className, children, ...props }, ref) => {
     const spanClasses = buildResponsiveClasses(span, SPAN_CLASS_MAP);
     const offsetClasses = buildResponsiveClasses(offset, OFFSET_CLASS_MAP);
     const orderClasses = buildResponsiveClasses(order, ORDER_CLASS_MAP);
     const hasSpan = span !== void 0;
     const defaultSpan = hasSpan ? "" : "col-span-12";
-    return /* @__PURE__ */ import_react6.default.createElement(
+    return /* @__PURE__ */ import_react7.default.createElement(
       "div",
       {
         ref,
@@ -824,7 +847,7 @@ var Col = import_react6.default.forwardRef(
 Col.displayName = "Col";
 
 // src/components/Stack.tsx
-var import_react7 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 var ALIGN_MAP2 = {
   start: "items-start",
   center: "items-center",
@@ -852,7 +875,7 @@ var GAP_MAP2 = {
   10: "gap-10",
   12: "gap-12"
 };
-var Stack = import_react7.default.forwardRef(
+var Stack = import_react8.default.forwardRef(
   ({
     direction = "vertical",
     align,
@@ -864,7 +887,7 @@ var Stack = import_react7.default.forwardRef(
     children,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ import_react7.default.createElement(
+    return /* @__PURE__ */ import_react8.default.createElement(
       Component,
       {
         ref,
@@ -886,7 +909,7 @@ var Stack = import_react7.default.forwardRef(
 Stack.displayName = "Stack";
 
 // src/components/Divider.tsx
-var import_react8 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 var COLOR_MAP = {
   default: "border-ash",
   gold: "border-gold/50",
@@ -897,7 +920,7 @@ var VARIANT_MAP = {
   dashed: "border-dashed",
   dotted: "border-dotted"
 };
-var Divider = import_react8.default.forwardRef(
+var Divider = import_react9.default.forwardRef(
   ({
     orientation = "horizontal",
     variant = "solid",
@@ -908,14 +931,14 @@ var Divider = import_react8.default.forwardRef(
   }, ref) => {
     const isHorizontal = orientation === "horizontal";
     if (label && isHorizontal) {
-      return /* @__PURE__ */ import_react8.default.createElement(
+      return /* @__PURE__ */ import_react9.default.createElement(
         "div",
         {
           className: cx("flex items-center gap-4", className),
           role: "separator",
           "aria-orientation": orientation
         },
-        /* @__PURE__ */ import_react8.default.createElement(
+        /* @__PURE__ */ import_react9.default.createElement(
           "div",
           {
             className: cx(
@@ -925,8 +948,8 @@ var Divider = import_react8.default.forwardRef(
             )
           }
         ),
-        /* @__PURE__ */ import_react8.default.createElement("span", { className: "text-sm text-silver shrink-0" }, label),
-        /* @__PURE__ */ import_react8.default.createElement(
+        /* @__PURE__ */ import_react9.default.createElement("span", { className: "text-sm text-silver shrink-0" }, label),
+        /* @__PURE__ */ import_react9.default.createElement(
           "div",
           {
             className: cx(
@@ -938,7 +961,7 @@ var Divider = import_react8.default.forwardRef(
         )
       );
     }
-    return /* @__PURE__ */ import_react8.default.createElement(
+    return /* @__PURE__ */ import_react9.default.createElement(
       "hr",
       {
         ref,
@@ -960,7 +983,7 @@ var Divider = import_react8.default.forwardRef(
 Divider.displayName = "Divider";
 
 // src/components/Avatar.tsx
-var import_react9 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 var sizeMap = {
   xs: "h-6 w-6 text-[10px]",
   sm: "h-8 w-8 text-[11px]",
@@ -976,10 +999,10 @@ function initials(name) {
   const parts = name.trim().split(/\s+/);
   return parts.slice(0, 2).map((p) => p[0].toUpperCase()).join("");
 }
-var Avatar = import_react9.default.forwardRef(
+var Avatar = import_react10.default.forwardRef(
   ({ src, alt = "", name, size = "md", status, className, ...rest }, ref) => {
     const statusColor = status === "online" ? "bg-success" : status === "busy" ? "bg-warning" : "bg-zinc";
-    return /* @__PURE__ */ import_react9.default.createElement(
+    return /* @__PURE__ */ import_react10.default.createElement(
       "div",
       {
         ref,
@@ -990,15 +1013,15 @@ var Avatar = import_react9.default.forwardRef(
         ),
         ...rest
       },
-      src ? /* @__PURE__ */ import_react9.default.createElement(
+      src ? /* @__PURE__ */ import_react10.default.createElement(
         "img",
         {
           src,
           alt: alt || name || "Avatar",
           className: "h-full w-full object-cover"
         }
-      ) : /* @__PURE__ */ import_react9.default.createElement("span", { "aria-hidden": true }, initials(name) || "\xB7"),
-      status && /* @__PURE__ */ import_react9.default.createElement(
+      ) : /* @__PURE__ */ import_react10.default.createElement("span", { "aria-hidden": true }, initials(name) || "\xB7"),
+      status && /* @__PURE__ */ import_react10.default.createElement(
         "span",
         {
           className: cx(
@@ -1015,8 +1038,8 @@ var Avatar = import_react9.default.forwardRef(
 Avatar.displayName = "Avatar";
 
 // src/components/Badge.tsx
-var import_react10 = __toESM(require("react"));
-var Badge = import_react10.default.forwardRef(
+var import_react11 = __toESM(require("react"));
+var Badge = import_react11.default.forwardRef(
   ({ variant = "default", className, ...rest }, ref) => {
     const base = "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border";
     const variantClasses = {
@@ -1028,20 +1051,20 @@ var Badge = import_react10.default.forwardRef(
       info: "bg-info/20 text-info border-info/30"
     };
     const variantClass = variantClasses[variant];
-    return /* @__PURE__ */ import_react10.default.createElement("span", { ref, className: cx(base, variantClass, className), ...rest });
+    return /* @__PURE__ */ import_react11.default.createElement("span", { ref, className: cx(base, variantClass, className), ...rest });
   }
 );
 Badge.displayName = "Badge";
 
 // src/components/Tooltip.tsx
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var Tooltip = ({
   content,
   children,
   open = false,
   side = "top"
 }) => {
-  return /* @__PURE__ */ import_react11.default.createElement("span", { className: "relative inline-block" }, children, /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement("span", { className: "relative inline-block" }, children, /* @__PURE__ */ import_react12.default.createElement(
     "span",
     {
       role: "tooltip",
@@ -1059,10 +1082,10 @@ var Tooltip = ({
 };
 
 // src/components/Table.tsx
-var import_react12 = __toESM(require("react"));
-var Table = import_react12.default.forwardRef(
+var import_react13 = __toESM(require("react"));
+var Table = import_react13.default.forwardRef(
   ({ responsive = true, className, children, ...props }, ref) => {
-    const table = /* @__PURE__ */ import_react12.default.createElement(
+    const table = /* @__PURE__ */ import_react13.default.createElement(
       "table",
       {
         ref,
@@ -1072,14 +1095,14 @@ var Table = import_react12.default.forwardRef(
       children
     );
     if (responsive) {
-      return /* @__PURE__ */ import_react12.default.createElement("div", { className: "w-full overflow-x-auto" }, table);
+      return /* @__PURE__ */ import_react13.default.createElement("div", { className: "w-full overflow-x-auto" }, table);
     }
     return table;
   }
 );
 Table.displayName = "Table";
-var TableHeader = import_react12.default.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ import_react12.default.createElement(
+var TableHeader = import_react13.default.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ import_react13.default.createElement(
     "thead",
     {
       ref,
@@ -1090,8 +1113,8 @@ var TableHeader = import_react12.default.forwardRef(
   )
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = import_react12.default.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ import_react12.default.createElement(
+var TableBody = import_react13.default.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ import_react13.default.createElement(
     "tbody",
     {
       ref,
@@ -1102,8 +1125,8 @@ var TableBody = import_react12.default.forwardRef(
   )
 );
 TableBody.displayName = "TableBody";
-var TableFooter = import_react12.default.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ import_react12.default.createElement(
+var TableFooter = import_react13.default.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ import_react13.default.createElement(
     "tfoot",
     {
       ref,
@@ -1114,8 +1137,8 @@ var TableFooter = import_react12.default.forwardRef(
   )
 );
 TableFooter.displayName = "TableFooter";
-var TableRow = import_react12.default.forwardRef(
-  ({ hoverable = true, selected = false, className, children, ...props }, ref) => /* @__PURE__ */ import_react12.default.createElement(
+var TableRow = import_react13.default.forwardRef(
+  ({ hoverable = true, selected = false, className, children, ...props }, ref) => /* @__PURE__ */ import_react13.default.createElement(
     "tr",
     {
       ref,
@@ -1131,8 +1154,8 @@ var TableRow = import_react12.default.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = import_react12.default.forwardRef(
-  ({ sortable, sortDirection, className, children, ...props }, ref) => /* @__PURE__ */ import_react12.default.createElement(
+var TableHead = import_react13.default.forwardRef(
+  ({ sortable, sortDirection, className, children, ...props }, ref) => /* @__PURE__ */ import_react13.default.createElement(
     "th",
     {
       ref,
@@ -1143,12 +1166,12 @@ var TableHead = import_react12.default.forwardRef(
       ),
       ...props
     },
-    /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center gap-2" }, children, sortable && sortDirection && /* @__PURE__ */ import_react12.default.createElement("span", { className: "text-gold" }, sortDirection === "asc" ? "\u2191" : "\u2193"))
+    /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center gap-2" }, children, sortable && sortDirection && /* @__PURE__ */ import_react13.default.createElement("span", { className: "text-gold" }, sortDirection === "asc" ? "\u2191" : "\u2193"))
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = import_react12.default.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ import_react12.default.createElement(
+var TableCell = import_react13.default.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ import_react13.default.createElement(
     "td",
     {
       ref,
@@ -1159,8 +1182,8 @@ var TableCell = import_react12.default.forwardRef(
   )
 );
 TableCell.displayName = "TableCell";
-var TableCaption = import_react12.default.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ import_react12.default.createElement(
+var TableCaption = import_react13.default.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ import_react13.default.createElement(
     "caption",
     {
       ref,
@@ -1173,11 +1196,11 @@ var TableCaption = import_react12.default.forwardRef(
 TableCaption.displayName = "TableCaption";
 
 // src/components/List.tsx
-var import_react13 = __toESM(require("react"));
-var List = import_react13.default.forwardRef(
+var import_react14 = __toESM(require("react"));
+var List = import_react14.default.forwardRef(
   ({ variant = "default", ordered = false, className, children, ...props }, ref) => {
     const Component = ordered ? "ol" : "ul";
-    return /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(
       Component,
       {
         ref,
@@ -1194,7 +1217,7 @@ var List = import_react13.default.forwardRef(
   }
 );
 List.displayName = "List";
-var ListItem = import_react13.default.forwardRef(
+var ListItem = import_react14.default.forwardRef(
   ({
     leading,
     trailing,
@@ -1212,7 +1235,7 @@ var ListItem = import_react13.default.forwardRef(
       }
       onClick?.(e);
     };
-    return /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(
       "li",
       {
         ref,
@@ -1227,22 +1250,22 @@ var ListItem = import_react13.default.forwardRef(
         ),
         ...props
       },
-      leading && /* @__PURE__ */ import_react13.default.createElement("div", { className: "shrink-0" }, leading),
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex-1 min-w-0" }, children),
-      trailing && /* @__PURE__ */ import_react13.default.createElement("div", { className: "shrink-0" }, trailing)
+      leading && /* @__PURE__ */ import_react14.default.createElement("div", { className: "shrink-0" }, leading),
+      /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex-1 min-w-0" }, children),
+      trailing && /* @__PURE__ */ import_react14.default.createElement("div", { className: "shrink-0" }, trailing)
     );
   }
 );
 ListItem.displayName = "ListItem";
-var ListItemText = import_react13.default.forwardRef(
+var ListItemText = import_react14.default.forwardRef(
   ({ primary, secondary, className, ...props }, ref) => {
-    return /* @__PURE__ */ import_react13.default.createElement("div", { ref, className: cx("flex flex-col", className), ...props }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "text-sm font-medium text-white" }, primary), secondary && /* @__PURE__ */ import_react13.default.createElement("span", { className: "text-xs text-silver mt-0.5" }, secondary));
+    return /* @__PURE__ */ import_react14.default.createElement("div", { ref, className: cx("flex flex-col", className), ...props }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "text-sm font-medium text-white" }, primary), secondary && /* @__PURE__ */ import_react14.default.createElement("span", { className: "text-xs text-silver mt-0.5" }, secondary));
   }
 );
 ListItemText.displayName = "ListItemText";
-var ListSubheader = import_react13.default.forwardRef(
+var ListSubheader = import_react14.default.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(
       "li",
       {
         ref,
@@ -1259,7 +1282,7 @@ var ListSubheader = import_react13.default.forwardRef(
 ListSubheader.displayName = "ListSubheader";
 
 // src/components/FileChip.tsx
-var import_react14 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 var import_lucide_react2 = require("lucide-react");
 function formatBytes(bytes) {
   if (bytes === 0) {
@@ -1300,7 +1323,7 @@ var statusStyles = {
   complete: "border-success/50",
   error: "border-error/50"
 };
-var FileChip = import_react14.default.forwardRef(
+var FileChip = import_react15.default.forwardRef(
   ({
     name,
     size,
@@ -1316,7 +1339,7 @@ var FileChip = import_react14.default.forwardRef(
     const Icon = getFileIcon(type);
     const isImage = type?.startsWith("image/");
     const showPreview = isImage && previewUrl;
-    return /* @__PURE__ */ import_react14.default.createElement(
+    return /* @__PURE__ */ import_react15.default.createElement(
       "div",
       {
         ref,
@@ -1331,21 +1354,21 @@ var FileChip = import_react14.default.forwardRef(
         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(
+      showPreview ? /* @__PURE__ */ import_react15.default.createElement("div", { className: "w-8 h-8 flex-shrink-0 overflow-hidden bg-slate" }, /* @__PURE__ */ import_react15.default.createElement(
         "img",
         {
           src: previewUrl,
           alt: "",
           className: "w-full h-full object-cover"
         }
-      )) : /* @__PURE__ */ import_react14.default.createElement(Icon, { className: cx(
+      )) : /* @__PURE__ */ import_react15.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(
+      /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-col min-w-0 flex-1" }, /* @__PURE__ */ import_react15.default.createElement("span", { className: "truncate max-w-40", title: name }, name), size !== void 0 && status !== "error" && /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-xs text-silver/60" }, formatBytes(size)), status === "error" && error && /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-xs text-error truncate", title: error }, error)),
+      status === "uploading" && /* @__PURE__ */ import_react15.default.createElement(import_lucide_react2.Loader2, { className: "w-3.5 h-3.5 text-gold animate-spin flex-shrink-0" }),
+      status === "pending" && /* @__PURE__ */ import_react15.default.createElement("div", { className: "w-2 h-2 rounded-full bg-silver/50 flex-shrink-0" }),
+      removable && onRemove && /* @__PURE__ */ import_react15.default.createElement(
         "button",
         {
           type: "button",
@@ -1361,7 +1384,7 @@ var FileChip = import_react14.default.forwardRef(
           ),
           "aria-label": `Remove ${name}`
         },
-        /* @__PURE__ */ import_react14.default.createElement(import_lucide_react2.X, { className: "w-3.5 h-3.5" })
+        /* @__PURE__ */ import_react15.default.createElement(import_lucide_react2.X, { className: "w-3.5 h-3.5" })
       )
     );
   }
@@ -1369,8 +1392,8 @@ var FileChip = import_react14.default.forwardRef(
 FileChip.displayName = "FileChip";
 
 // src/components/AttachmentPreview.tsx
-var import_react15 = __toESM(require("react"));
-var AttachmentPreview = import_react15.default.forwardRef(
+var import_react16 = __toESM(require("react"));
+var AttachmentPreview = import_react16.default.forwardRef(
   ({
     attachments,
     onRemove,
@@ -1384,7 +1407,7 @@ var AttachmentPreview = import_react15.default.forwardRef(
     }
     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(
+    return /* @__PURE__ */ import_react16.default.createElement(
       "div",
       {
         ref,
@@ -1393,7 +1416,7 @@ var AttachmentPreview = import_react15.default.forwardRef(
         "aria-label": "Attached files",
         ...rest
       },
-      visibleAttachments.map((attachment) => /* @__PURE__ */ import_react15.default.createElement(
+      visibleAttachments.map((attachment) => /* @__PURE__ */ import_react16.default.createElement(
         FileChip,
         {
           key: attachment.id,
@@ -1407,7 +1430,7 @@ var AttachmentPreview = import_react15.default.forwardRef(
           onRemove: onRemove ? () => onRemove(attachment.id) : void 0
         }
       )),
-      hiddenCount > 0 && /* @__PURE__ */ import_react15.default.createElement(
+      hiddenCount > 0 && /* @__PURE__ */ import_react16.default.createElement(
         "div",
         {
           className: "inline-flex items-center px-2 py-1.5 bg-charcoal border border-silver/30 text-sm text-silver"
@@ -1422,10 +1445,10 @@ var AttachmentPreview = import_react15.default.forwardRef(
 AttachmentPreview.displayName = "AttachmentPreview";
 
 // src/components/Label.tsx
-var import_react16 = __toESM(require("react"));
-var Label = import_react16.default.forwardRef(
+var import_react17 = __toESM(require("react"));
+var Label = import_react17.default.forwardRef(
   ({ className, required, children, ...rest }, ref) => {
-    return /* @__PURE__ */ import_react16.default.createElement(
+    return /* @__PURE__ */ import_react17.default.createElement(
       "label",
       {
         ref,
@@ -1433,17 +1456,17 @@ var Label = import_react16.default.forwardRef(
         ...rest
       },
       children,
-      required && /* @__PURE__ */ import_react16.default.createElement("span", { className: "text-error ml-1" }, "*")
+      required && /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-error ml-1" }, "*")
     );
   }
 );
 Label.displayName = "Label";
 
 // src/components/HelperText.tsx
-var import_react17 = __toESM(require("react"));
-var HelperText = import_react17.default.forwardRef(
+var import_react18 = __toESM(require("react"));
+var HelperText = import_react18.default.forwardRef(
   ({ className, error, children, ...rest }, ref) => {
-    return /* @__PURE__ */ import_react17.default.createElement(
+    return /* @__PURE__ */ import_react18.default.createElement(
       "p",
       {
         ref,
@@ -1457,12 +1480,12 @@ var HelperText = import_react17.default.forwardRef(
 HelperText.displayName = "HelperText";
 
 // src/components/Textarea.tsx
-var import_react18 = __toESM(require("react"));
-var Textarea = import_react18.default.forwardRef(
+var import_react19 = __toESM(require("react"));
+var Textarea = import_react19.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_react18.default.createElement(
+    return /* @__PURE__ */ import_react19.default.createElement(
       "textarea",
       {
         ref,
@@ -1476,11 +1499,11 @@ var Textarea = import_react18.default.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/Select.tsx
-var import_react19 = __toESM(require("react"));
+var import_react20 = __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_react19.default.forwardRef(
+var Select = import_react20.default.forwardRef(
   ({ error = false, className, disabled, options, children, ...rest }, ref) => {
-    return /* @__PURE__ */ import_react19.default.createElement(
+    return /* @__PURE__ */ import_react20.default.createElement(
       "select",
       {
         ref,
@@ -1500,19 +1523,19 @@ var Select = import_react19.default.forwardRef(
         disabled,
         ...rest
       },
-      options ? options.map((opt) => /* @__PURE__ */ import_react19.default.createElement("option", { key: opt.value, value: opt.value }, opt.label)) : children
+      options ? options.map((opt) => /* @__PURE__ */ import_react20.default.createElement("option", { key: opt.value, value: opt.value }, opt.label)) : children
     );
   }
 );
 Select.displayName = "Select";
 
 // src/components/Checkbox.tsx
-var import_react20 = __toESM(require("react"));
+var import_react21 = __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_react20.default.forwardRef(
+var Checkbox = 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_react20.useCallback)((node) => {
+    const setRef = (0, import_react21.useCallback)((node) => {
       if (node) {
         if (node.checked) {
           node.style.backgroundImage = checkmarkSvg;
@@ -1524,7 +1547,7 @@ var Checkbox = import_react20.default.forwardRef(
         ref.current = node;
       }
     }, [ref]);
-    return /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react20.default.createElement(
+    return /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react21.default.createElement(
       "input",
       {
         type: "checkbox",
@@ -1554,7 +1577,7 @@ var Checkbox = import_react20.default.forwardRef(
         },
         ...rest
       }
-    ), label && /* @__PURE__ */ import_react20.default.createElement(
+    ), label && /* @__PURE__ */ import_react21.default.createElement(
       "label",
       {
         htmlFor: inputId,
@@ -1567,12 +1590,12 @@ var Checkbox = import_react20.default.forwardRef(
 Checkbox.displayName = "Checkbox";
 
 // src/components/Radio.tsx
-var import_react21 = __toESM(require("react"));
+var import_react22 = __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_react21.default.forwardRef(
+var Radio = import_react22.default.forwardRef(
   ({ className, label, id, ...rest }, ref) => {
     const inputId = id || rest.name || Math.random().toString(36).substr(2, 9);
-    const setRef = (0, import_react21.useCallback)((node) => {
+    const setRef = (0, import_react22.useCallback)((node) => {
       if (node) {
         if (node.checked) {
           node.style.backgroundImage = radioDotSvg;
@@ -1584,7 +1607,7 @@ var Radio = import_react21.default.forwardRef(
         ref.current = node;
       }
     }, [ref]);
-    return /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react21.default.createElement(
+    return /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react22.default.createElement(
       "input",
       {
         type: "radio",
@@ -1624,7 +1647,7 @@ var Radio = import_react21.default.forwardRef(
         },
         ...rest
       }
-    ), label && /* @__PURE__ */ import_react21.default.createElement(
+    ), label && /* @__PURE__ */ import_react22.default.createElement(
       "label",
       {
         htmlFor: inputId,
@@ -1637,8 +1660,8 @@ var Radio = import_react21.default.forwardRef(
 Radio.displayName = "Radio";
 
 // src/components/Switch.tsx
-var import_react22 = __toESM(require("react"));
-var Switch = import_react22.default.forwardRef(
+var import_react23 = __toESM(require("react"));
+var Switch = import_react23.default.forwardRef(
   ({
     checked: controlledChecked,
     defaultChecked = false,
@@ -1648,11 +1671,11 @@ var Switch = import_react22.default.forwardRef(
     label,
     ...rest
   }, ref) => {
-    const [internalChecked, setInternalChecked] = (0, import_react22.useState)(defaultChecked);
+    const [internalChecked, setInternalChecked] = (0, import_react23.useState)(defaultChecked);
     const isControlled = controlledChecked !== void 0;
     const checked = isControlled ? controlledChecked : internalChecked;
-    const buttonRef = (0, import_react22.useRef)(null);
-    const setRefs = (0, import_react22.useCallback)(
+    const buttonRef = (0, import_react23.useRef)(null);
+    const setRefs = (0, import_react23.useCallback)(
       (node) => {
         buttonRef.current = node;
         if (typeof ref === "function") {
@@ -1674,7 +1697,7 @@ var Switch = import_react22.default.forwardRef(
       onCheckedChange?.(newChecked);
       rest.onClick?.(e);
     };
-    return /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react22.default.createElement(
+    return /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react23.default.createElement(
       "button",
       {
         type: "button",
@@ -1694,7 +1717,7 @@ var Switch = import_react22.default.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ import_react22.default.createElement(
+      /* @__PURE__ */ import_react23.default.createElement(
         "span",
         {
           className: cx(
@@ -1704,7 +1727,7 @@ var Switch = import_react22.default.forwardRef(
           )
         }
       )
-    ), label && /* @__PURE__ */ import_react22.default.createElement(
+    ), label && /* @__PURE__ */ import_react23.default.createElement(
       "span",
       {
         className: "text-sm text-silver cursor-pointer",
@@ -1722,7 +1745,7 @@ var Switch = import_react22.default.forwardRef(
 Switch.displayName = "Switch";
 
 // src/components/Slider.tsx
-var import_react23 = __toESM(require("react"));
+var import_react24 = __toESM(require("react"));
 var SIZE_TRACK = {
   sm: "h-1",
   md: "h-2",
@@ -1733,7 +1756,7 @@ var SIZE_THUMB = {
   md: "h-4 w-4",
   lg: "h-5 w-5"
 };
-var Slider = import_react23.default.forwardRef(
+var Slider = import_react24.default.forwardRef(
   ({
     value: controlledValue,
     defaultValue = 0,
@@ -1749,13 +1772,13 @@ var Slider = import_react23.default.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = (0, import_react23.useState)(defaultValue);
-    const [isDragging, setIsDragging] = (0, import_react23.useState)(false);
-    const trackRef = (0, import_react23.useRef)(null);
+    const [internalValue, setInternalValue] = (0, import_react24.useState)(defaultValue);
+    const [isDragging, setIsDragging] = (0, import_react24.useState)(false);
+    const trackRef = (0, import_react24.useRef)(null);
     const isControlled = controlledValue !== void 0;
     const value = isControlled ? controlledValue : internalValue;
     const percentage = (value - min) / (max - min) * 100;
-    const updateValue = (0, import_react23.useCallback)(
+    const updateValue = (0, import_react24.useCallback)(
       (clientX) => {
         if (!trackRef.current || disabled) {
           return;
@@ -1827,14 +1850,14 @@ var Slider = import_react23.default.forwardRef(
       onChange?.(newValue);
       onChangeEnd?.(newValue);
     };
-    return /* @__PURE__ */ import_react23.default.createElement(
+    return /* @__PURE__ */ import_react24.default.createElement(
       "div",
       {
         ref,
         className: cx("relative w-full py-2", disabled && "opacity-50", className),
         ...props
       },
-      /* @__PURE__ */ import_react23.default.createElement(
+      /* @__PURE__ */ import_react24.default.createElement(
         "div",
         {
           ref: trackRef,
@@ -1844,14 +1867,14 @@ var Slider = import_react23.default.forwardRef(
           ),
           onMouseDown: handleMouseDown
         },
-        /* @__PURE__ */ import_react23.default.createElement(
+        /* @__PURE__ */ import_react24.default.createElement(
           "div",
           {
             className: cx("absolute inset-y-0 left-0 bg-gold", SIZE_TRACK[size]),
             style: { width: `${percentage}%` }
           }
         ),
-        /* @__PURE__ */ import_react23.default.createElement(
+        /* @__PURE__ */ import_react24.default.createElement(
           "div",
           {
             role: "slider",
@@ -1872,7 +1895,7 @@ var Slider = import_react23.default.forwardRef(
             ),
             style: { left: `${percentage}%` }
           },
-          showTooltip && isDragging && /* @__PURE__ */ import_react23.default.createElement(
+          showTooltip && isDragging && /* @__PURE__ */ import_react24.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"
@@ -1887,10 +1910,10 @@ var Slider = import_react23.default.forwardRef(
 Slider.displayName = "Slider";
 
 // src/components/InputGroup.tsx
-var import_react24 = __toESM(require("react"));
-var InputGroup = import_react24.default.forwardRef(
+var import_react25 = __toESM(require("react"));
+var InputGroup = import_react25.default.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react24.default.createElement(
+    return /* @__PURE__ */ import_react25.default.createElement(
       "div",
       {
         ref,
@@ -1902,9 +1925,9 @@ var InputGroup = import_react24.default.forwardRef(
   }
 );
 InputGroup.displayName = "InputGroup";
-var InputLeftAddon = import_react24.default.forwardRef(
+var InputLeftAddon = import_react25.default.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react24.default.createElement(
+    return /* @__PURE__ */ import_react25.default.createElement(
       "div",
       {
         ref,
@@ -1920,9 +1943,9 @@ var InputLeftAddon = import_react24.default.forwardRef(
   }
 );
 InputLeftAddon.displayName = "InputLeftAddon";
-var InputRightAddon = import_react24.default.forwardRef(
+var InputRightAddon = import_react25.default.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react24.default.createElement(
+    return /* @__PURE__ */ import_react25.default.createElement(
       "div",
       {
         ref,
@@ -1938,9 +1961,9 @@ var InputRightAddon = import_react24.default.forwardRef(
   }
 );
 InputRightAddon.displayName = "InputRightAddon";
-var InputLeftElement = import_react24.default.forwardRef(
+var InputLeftElement = import_react25.default.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react24.default.createElement(
+    return /* @__PURE__ */ import_react25.default.createElement(
       "div",
       {
         ref,
@@ -1956,9 +1979,9 @@ var InputLeftElement = import_react24.default.forwardRef(
   }
 );
 InputLeftElement.displayName = "InputLeftElement";
-var InputRightElement = import_react24.default.forwardRef(
+var InputRightElement = import_react25.default.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react24.default.createElement(
+    return /* @__PURE__ */ import_react25.default.createElement(
       "div",
       {
         ref,
@@ -1973,9 +1996,9 @@ var InputRightElement = import_react24.default.forwardRef(
   }
 );
 InputRightElement.displayName = "InputRightElement";
-var InputWrapper = import_react24.default.forwardRef(
+var InputWrapper = import_react25.default.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react24.default.createElement(
+    return /* @__PURE__ */ import_react25.default.createElement(
       "div",
       {
         ref,
@@ -1989,7 +2012,7 @@ var InputWrapper = import_react24.default.forwardRef(
 InputWrapper.displayName = "InputWrapper";
 
 // src/components/Alert.tsx
-var import_react25 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 var import_lucide_react3 = require("lucide-react");
 var icons = {
   info: import_lucide_react3.Info,
@@ -2003,10 +2026,10 @@ var variantStyles = {
   warning: "bg-warning/10 border-warning text-warning",
   error: "bg-error/10 border-error text-error"
 };
-var Alert = import_react25.default.forwardRef(
+var Alert = import_react26.default.forwardRef(
   ({ variant = "info", title, children, className, ...rest }, ref) => {
     const Icon = icons[variant];
-    return /* @__PURE__ */ import_react25.default.createElement(
+    return /* @__PURE__ */ import_react26.default.createElement(
       "div",
       {
         ref,
@@ -2018,24 +2041,24 @@ var Alert = import_react25.default.forwardRef(
         ),
         ...rest
       },
-      /* @__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(
+      /* @__PURE__ */ import_react26.default.createElement(Icon, { className: "h-5 w-5 shrink-0" }),
+      /* @__PURE__ */ import_react26.default.createElement("div", { className: "flex-1" }, title && /* @__PURE__ */ import_react26.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))
+      ), /* @__PURE__ */ import_react26.default.createElement("div", { className: "text-sm opacity-90" }, children))
     );
   }
 );
 Alert.displayName = "Alert";
 
 // src/components/Spinner.tsx
-var import_react26 = __toESM(require("react"));
+var import_react27 = __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_react26.default.createElement(
+  return /* @__PURE__ */ import_react27.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2048,27 +2071,11 @@ var Spinner = ({ className, size = "md", ...rest }) => {
       className: cx("animate-spin text-gold", sizeClass, className),
       ...rest
     },
-    /* @__PURE__ */ import_react26.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    /* @__PURE__ */ import_react27.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
   );
 };
 Spinner.displayName = "Spinner";
 
-// src/components/Skeleton.tsx
-var import_react27 = __toESM(require("react"));
-var Skeleton = import_react27.default.forwardRef(
-  ({ className, ...rest }, ref) => {
-    return /* @__PURE__ */ import_react27.default.createElement(
-      "div",
-      {
-        ref,
-        className: cx("animate-pulse bg-ash", className),
-        ...rest
-      }
-    );
-  }
-);
-Skeleton.displayName = "Skeleton";
-
 // src/components/Progress.tsx
 var import_react28 = __toESM(require("react"));
 var SIZE_MAP = {
@@ -3842,7 +3849,7 @@ function injectStreamingCursor(html, cursorClassName) {
   return container.innerHTML;
 }
 var MarkdownContent = import_react52.default.forwardRef(
-  ({ className, content, sanitizeConfig, isStreaming, cursorClassName, ...rest }, ref) => {
+  ({ className, content, isMarkdown = true, sanitizeConfig, isStreaming, cursorClassName, ...rest }, ref) => {
     useDOMPurifySetup();
     const sanitizedHtml = (0, import_react52.useMemo)(() => {
       if (!content && !isStreaming) {
@@ -3850,10 +3857,14 @@ var MarkdownContent = import_react52.default.forwardRef(
       }
       const config = sanitizeConfig ?? DEFAULT_SANITIZE_CONFIG;
       let htmlContent;
-      try {
-        htmlContent = import_marked.marked.parse(content);
-      } catch (e) {
-        console.error("Error parsing markdown:", e);
+      if (isMarkdown) {
+        try {
+          htmlContent = import_marked.marked.parse(content);
+        } catch (e) {
+          console.error("Error parsing markdown:", e);
+          htmlContent = content;
+        }
+      } else {
         htmlContent = content;
       }
       const sanitized = htmlContent ? import_dompurify.default.sanitize(htmlContent, config) : "";
@@ -4231,7 +4242,7 @@ var StreamingCursor = import_react54.default.forwardRef(
 StreamingCursor.displayName = "StreamingCursor";
 
 // src/components/chat/ChatInterface.tsx
-var import_react70 = __toESM(require("react"));
+var import_react72 = __toESM(require("react"));
 
 // src/components/chat/ChatView.tsx
 var import_react58 = __toESM(require("react"));
@@ -5143,7 +5154,10 @@ var CollapsedSidebarToggle = import_react60.default.forwardRef(({ onExpand, clas
 CollapsedSidebarToggle.displayName = "CollapsedSidebarToggle";
 
 // src/components/chat/ArtifactsPanel.tsx
-var import_react66 = __toESM(require("react"));
+var import_react68 = __toESM(require("react"));
+
+// src/components/ArtifactCard.tsx
+var import_react67 = __toESM(require("react"));
 
 // src/components/ImageCard.tsx
 var import_react61 = __toESM(require("react"));
@@ -5161,58 +5175,69 @@ function resolveAspectRatio(ratio) {
 var ImageCard = import_react61.default.forwardRef(
   ({
     src,
-    alt,
+    alt = "",
     title,
     subtitle,
-    aspectRatio,
+    aspectRatio = "landscape",
     objectFit = "cover",
     overlay,
     mediaClassName,
     contentClassName,
     className,
     children,
+    isLoading,
     ...props
   }, ref) => {
-    const hasAspectRatio = aspectRatio !== void 0;
-    const isContain = objectFit === "contain";
-    return /* @__PURE__ */ import_react61.default.createElement(Card, { ref, className: cx("p-0 overflow-hidden group w-fit", className), ...props }, /* @__PURE__ */ import_react61.default.createElement(
-      "div",
+    return /* @__PURE__ */ import_react61.default.createElement(
+      Card,
       {
-        className: cx(
-          "relative",
-          hasAspectRatio && "overflow-hidden",
-          mediaClassName
-        ),
-        style: hasAspectRatio ? { aspectRatio: resolveAspectRatio(aspectRatio) } : void 0
+        ref,
+        className: cx("p-0 overflow-hidden w-full", className),
+        isLoading,
+        ...props
       },
       /* @__PURE__ */ import_react61.default.createElement(
-        "img",
+        Card.Media,
         {
-          src,
-          alt,
-          className: cx(
-            "block max-w-full",
-            hasAspectRatio && "w-full h-full",
-            hasAspectRatio && (isContain ? "object-contain" : "object-cover"),
-            !hasAspectRatio && "h-auto"
-          )
-        }
+          className: mediaClassName,
+          style: { aspectRatio: resolveAspectRatio(aspectRatio) }
+        },
+        src && /* @__PURE__ */ import_react61.default.createElement(
+          "img",
+          {
+            src,
+            alt,
+            className: cx(
+              "w-full h-full",
+              objectFit === "cover" ? "object-cover" : "object-contain"
+            )
+          }
+        ),
+        overlay && /* @__PURE__ */ import_react61.default.createElement(
+          "div",
+          {
+            className: "absolute inset-0 bg-obsidian/80 opacity-0 group-hover:opacity-100 transition-opacity duration-200 flex items-center justify-center"
+          },
+          overlay
+        )
       ),
-      overlay && /* @__PURE__ */ import_react61.default.createElement(
-        "div",
+      /* @__PURE__ */ import_react61.default.createElement(
+        Card.Header,
         {
-          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_react61.default.createElement("div", { className: cx("px-4 py-4", contentClassName) }, title && /* @__PURE__ */ import_react61.default.createElement("h4", { className: "text-lg font-semibold leading-tight" }, title), subtitle && /* @__PURE__ */ import_react61.default.createElement("p", { className: "text-sm text-silver leading-normal" }, subtitle), children));
+          title,
+          subtitle,
+          className: contentClassName
+        }
+      ),
+      children && /* @__PURE__ */ import_react61.default.createElement(Card.Body, { className: contentClassName }, children)
+    );
   }
 );
 ImageCard.displayName = "ImageCard";
 
 // src/components/VideoCard.tsx
 var import_react62 = __toESM(require("react"));
-var import_react_player2 = __toESM(require("react-player"));
+var import_react_player = __toESM(require("react-player"));
 var ASPECT_RATIO_PRESETS2 = {
   video: "16 / 9",
   cinema: "21 / 9",
@@ -5241,48 +5266,57 @@ var VideoCard = import_react62.default.forwardRef(
     className,
     children,
     playerProps,
+    isLoading,
     ...props
   }, ref) => {
-    const hasAspectRatio = aspectRatio !== void 0;
-    return /* @__PURE__ */ import_react62.default.createElement(Card, { ref, className: cx("p-0 overflow-hidden group w-full", className), ...props }, /* @__PURE__ */ import_react62.default.createElement(
-      "div",
+    return /* @__PURE__ */ import_react62.default.createElement(
+      Card,
       {
-        className: cx(
-          "relative bg-obsidian overflow-hidden",
-          mediaClassName
-        ),
-        style: { aspectRatio: resolveAspectRatio2(aspectRatio) }
+        ref,
+        className: cx("p-0 overflow-hidden w-full", className),
+        isLoading,
+        ...props
       },
       /* @__PURE__ */ import_react62.default.createElement(
-        import_react_player2.default,
+        Card.Media,
         {
-          src,
-          playing,
-          controls,
-          light,
-          volume,
-          muted,
-          loop,
-          width: "100%",
-          height: "100%",
-          className: "absolute top-0 left-0",
-          ...playerProps
+          className: mediaClassName,
+          style: { aspectRatio: resolveAspectRatio2(aspectRatio) }
+        },
+        src && /* @__PURE__ */ import_react62.default.createElement(
+          import_react_player.default,
+          {
+            src,
+            playing,
+            controls,
+            light,
+            volume,
+            muted,
+            loop,
+            width: "100%",
+            height: "100%",
+            className: "absolute top-0 left-0",
+            ...playerProps
+          }
+        )
+      ),
+      /* @__PURE__ */ import_react62.default.createElement(
+        Card.Header,
+        {
+          title,
+          subtitle,
+          className: contentClassName
         }
-      )
-    ), (title || subtitle || children) && /* @__PURE__ */ import_react62.default.createElement("div", { className: cx("px-4 py-4", contentClassName) }, title && /* @__PURE__ */ import_react62.default.createElement("h4", { className: "text-lg font-semibold leading-tight" }, title), subtitle && /* @__PURE__ */ import_react62.default.createElement(
-      "p",
-      {
-        className: "text-sm text-silver leading-normal mt-1"
-      },
-      subtitle
-    ), children));
+      ),
+      children && /* @__PURE__ */ import_react62.default.createElement(Card.Body, { className: contentClassName }, children)
+    );
   }
 );
 VideoCard.displayName = "VideoCard";
 
 // src/components/AudioCard.tsx
 var import_react63 = __toESM(require("react"));
-var import_react_player3 = __toESM(require("react-player"));
+var import_react_player2 = __toESM(require("react-player"));
 var import_lucide_react12 = require("lucide-react");
 var AudioCard = import_react63.default.forwardRef(
   ({
@@ -5300,19 +5334,22 @@ var AudioCard = import_react63.default.forwardRef(
     children,
     playerProps,
     height = "40px",
+    isLoading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ import_react63.default.createElement(Card, { ref, className: cx("p-0 overflow-hidden group w-full", className), ...props }, /* @__PURE__ */ import_react63.default.createElement(
-      "div",
+    return /* @__PURE__ */ import_react63.default.createElement(
+      Card,
       {
-        className: cx(
-          "relative bg-obsidian py-8 flex flex-col items-center justify-center border-b border-ash",
-          mediaClassName
-        )
+        ref,
+        className: cx("p-0 overflow-hidden w-full", className),
+        isLoading,
+        ...props
       },
-      /* @__PURE__ */ import_react63.default.createElement("div", { className: "mb-4 text-gold" }, /* @__PURE__ */ import_react63.default.createElement(import_lucide_react12.Music, { size: 48 })),
-      /* @__PURE__ */ import_react63.default.createElement("div", { className: "w-full px-4" }, /* @__PURE__ */ import_react63.default.createElement(
-        import_react_player3.default,
+      /* @__PURE__ */ import_react63.default.createElement(Card.Media, { className: cx(
+        "bg-obsidian py-8 flex flex-col items-center justify-center",
+        mediaClassName
+      ) }, /* @__PURE__ */ import_react63.default.createElement("div", { className: "mb-4 text-gold" }, /* @__PURE__ */ import_react63.default.createElement(import_lucide_react12.Music, { size: 48 })), src && /* @__PURE__ */ import_react63.default.createElement("div", { className: "w-full px-4" }, /* @__PURE__ */ import_react63.default.createElement(
+        import_react_player2.default,
         {
           src,
           playing,
@@ -5333,130 +5370,296 @@ var AudioCard = import_react63.default.forwardRef(
           },
           ...playerProps
         }
-      ))
-    ), (title || subtitle || children) && /* @__PURE__ */ import_react63.default.createElement("div", { className: cx("px-4 py-4", contentClassName) }, title && /* @__PURE__ */ import_react63.default.createElement(
-      "h4",
-      {
-        className: "text-lg font-semibold leading-tight"
-      },
-      title
-    ), subtitle && /* @__PURE__ */ import_react63.default.createElement(
-      "p",
+      ))),
+      /* @__PURE__ */ import_react63.default.createElement(
+        Card.Header,
+        {
+          title,
+          subtitle,
+          className: contentClassName
+        }
+      ),
+      children && /* @__PURE__ */ import_react63.default.createElement(Card.Body, { className: contentClassName }, children)
+    );
+  }
+);
+AudioCard.displayName = "AudioCard";
+
+// src/components/PdfCard.tsx
+var import_react64 = __toESM(require("react"));
+var import_lucide_react13 = require("lucide-react");
+var PdfCard = import_react64.default.forwardRef(
+  ({
+    src,
+    title,
+    subtitle,
+    height = "400px",
+    mediaClassName,
+    contentClassName,
+    className,
+    children,
+    isLoading,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ import_react64.default.createElement(
+      Card,
       {
-        className: "text-sm text-silver leading-normal mt-1"
+        ref,
+        className: cx("p-0 overflow-hidden w-full", className),
+        isLoading,
+        ...props
       },
-      subtitle
-    ), children));
+      /* @__PURE__ */ import_react64.default.createElement(
+        Card.Media,
+        {
+          className: cx("bg-obsidian", mediaClassName),
+          style: { height }
+        },
+        src && /* @__PURE__ */ import_react64.default.createElement(
+          "iframe",
+          {
+            src: `${src}#view=FitH`,
+            title: typeof title === "string" ? title : "PDF Document",
+            className: "w-full h-full border-0"
+          }
+        )
+      ),
+      /* @__PURE__ */ import_react64.default.createElement(
+        Card.Header,
+        {
+          title,
+          subtitle,
+          className: contentClassName,
+          action: /* @__PURE__ */ import_react64.default.createElement("div", { className: "p-2 bg-ash/20 text-gold shrink-0" }, /* @__PURE__ */ import_react64.default.createElement(import_lucide_react13.FileText, { size: 20 }))
+        }
+      ),
+      children && /* @__PURE__ */ import_react64.default.createElement(Card.Body, { className: contentClassName }, children)
+    );
   }
 );
-AudioCard.displayName = "AudioCard";
+PdfCard.displayName = "PdfCard";
 
 // src/components/ScriptCard.tsx
-var import_react64 = __toESM(require("react"));
+var import_react65 = __toESM(require("react"));
 function ScriptElementRenderer({ element }) {
   switch (element.type) {
     case "scene-heading":
-      return /* @__PURE__ */ import_react64.default.createElement("p", { className: "mt-4 mb-2 font-bold uppercase text-gold text-xs tracking-wide" }, element.content);
+      return /* @__PURE__ */ import_react65.default.createElement("p", { className: "mt-4 mb-2 font-bold uppercase text-gold text-xs tracking-wide" }, element.content);
     case "action":
-      return /* @__PURE__ */ import_react64.default.createElement("p", { className: "my-2 text-silver text-xs leading-relaxed" }, element.content);
+      return /* @__PURE__ */ import_react65.default.createElement("p", { className: "my-2 text-silver text-xs leading-relaxed" }, element.content);
     case "character":
-      return /* @__PURE__ */ import_react64.default.createElement("p", { className: "mt-4 mb-0.5 ml-8 font-bold text-white text-xs uppercase tracking-wide" }, element.content);
+      return /* @__PURE__ */ import_react65.default.createElement("p", { className: "mt-4 mb-0.5 ml-8 font-bold text-white text-xs uppercase tracking-wide" }, element.content);
     case "parenthetical":
-      return /* @__PURE__ */ import_react64.default.createElement("p", { className: "ml-6 text-silver/70 text-xs italic" }, "(", element.content, ")");
+      return /* @__PURE__ */ import_react65.default.createElement("p", { className: "ml-6 text-silver/70 text-xs italic" }, "(", element.content, ")");
     case "dialogue":
-      return /* @__PURE__ */ import_react64.default.createElement("p", { className: "ml-4 mr-8 text-silver text-xs leading-relaxed" }, element.content);
+      return /* @__PURE__ */ import_react65.default.createElement("p", { className: "ml-4 mr-8 text-silver text-xs leading-relaxed" }, element.content);
     case "transition":
-      return /* @__PURE__ */ import_react64.default.createElement("p", { className: "mt-4 mb-2 text-right font-bold uppercase text-gold/80 text-xs tracking-wide" }, element.content);
+      return /* @__PURE__ */ import_react65.default.createElement("p", { className: "mt-4 mb-2 text-right font-bold uppercase text-gold/80 text-xs tracking-wide" }, element.content);
     case "title":
-      return /* @__PURE__ */ import_react64.default.createElement("p", { className: "mt-6 mb-2 text-center font-bold text-gold text-sm" }, element.content);
+      return /* @__PURE__ */ import_react65.default.createElement("p", { className: "mt-6 mb-2 text-center font-bold text-gold text-sm" }, element.content);
     case "subtitle":
-      return /* @__PURE__ */ import_react64.default.createElement("p", { className: "text-center italic text-gold/70 text-xs" }, element.content);
+      return /* @__PURE__ */ import_react65.default.createElement("p", { className: "text-center italic text-gold/70 text-xs" }, element.content);
     default:
       return null;
   }
 }
-var ScriptCard = import_react64.default.forwardRef(
-  ({ title, subtitle, elements, maxHeight = "16rem", className, style, ...rest }, ref) => {
-    return /* @__PURE__ */ import_react64.default.createElement(
-      "div",
+var ScriptCard = import_react65.default.forwardRef(
+  ({ title, subtitle, elements, maxHeight = "16rem", className, style, isLoading, ...rest }, ref) => {
+    return /* @__PURE__ */ import_react65.default.createElement(
+      Card,
       {
         ref,
-        className: cx(
-          "bg-charcoal border border-ash/40",
-          className
-        ),
+        className: cx("p-0 overflow-hidden w-full", className),
+        isLoading,
         ...rest
       },
-      (title || subtitle) && /* @__PURE__ */ import_react64.default.createElement("div", { className: "px-4 py-3 border-b border-ash/40" }, title && /* @__PURE__ */ import_react64.default.createElement("h4", { className: "text-sm font-heading text-gold" }, title), subtitle && /* @__PURE__ */ import_react64.default.createElement("p", { className: "text-xs text-silver/60 mt-0.5" }, subtitle)),
-      /* @__PURE__ */ import_react64.default.createElement(
-        "div",
+      /* @__PURE__ */ import_react65.default.createElement(
+        Card.Header,
+        {
+          title,
+          subtitle
+        }
+      ),
+      /* @__PURE__ */ import_react65.default.createElement(
+        Card.Body,
         {
-          className: "px-4 py-3 font-mono overflow-y-auto",
+          className: "font-mono overflow-y-auto",
           style: { maxHeight, ...style }
         },
-        elements.map((element, index) => /* @__PURE__ */ import_react64.default.createElement(ScriptElementRenderer, { key: index, element }))
+        elements.map((element, index) => /* @__PURE__ */ import_react65.default.createElement(ScriptElementRenderer, { key: index, element }))
       )
     );
   }
 );
 ScriptCard.displayName = "ScriptCard";
 
-// src/components/PdfCard.tsx
-var import_react65 = __toESM(require("react"));
-var import_lucide_react13 = require("lucide-react");
-var PdfCard = import_react65.default.forwardRef(
+// src/components/TextCard.tsx
+var import_react66 = __toESM(require("react"));
+var TextCard = import_react66.default.forwardRef(
   ({
-    url,
+    content,
     title,
     subtitle,
-    height = "400px",
-    mediaClassName,
+    isMarkdown = true,
+    maxHeight = "16rem",
     contentClassName,
     className,
-    children,
+    isLoading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ import_react65.default.createElement(Card, { ref, className: cx("p-0 overflow-hidden group w-full", className), ...props }, /* @__PURE__ */ import_react65.default.createElement(
-      "div",
+    return /* @__PURE__ */ import_react66.default.createElement(
+      Card,
       {
-        className: cx("relative w-full bg-obsidian", mediaClassName),
-        style: { height }
+        ref,
+        className: cx("p-0 overflow-hidden w-full", className),
+        isLoading,
+        ...props
       },
-      /* @__PURE__ */ import_react65.default.createElement(
-        "iframe",
+      /* @__PURE__ */ import_react66.default.createElement(
+        Card.Header,
         {
-          src: `${url}#view=FitH`,
-          title: typeof title === "string" ? title : "PDF Document",
-          className: "w-full h-full border-0"
+          title,
+          subtitle
         }
+      ),
+      /* @__PURE__ */ import_react66.default.createElement(
+        Card.Body,
+        {
+          className: cx("overflow-y-auto", contentClassName),
+          style: { maxHeight }
+        },
+        /* @__PURE__ */ import_react66.default.createElement(
+          MarkdownContent,
+          {
+            content,
+            isMarkdown,
+            className: "prose-sm prose-invert max-w-none"
+          }
+        )
       )
-    ), (title || subtitle || children) && /* @__PURE__ */ import_react65.default.createElement("div", { className: cx("px-4 py-4 border-t border-ash", contentClassName) }, /* @__PURE__ */ import_react65.default.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ import_react65.default.createElement("div", { className: "p-2 bg-ash/20 text-gold shrink-0" }, /* @__PURE__ */ import_react65.default.createElement(import_lucide_react13.FileText, { size: 20 })), /* @__PURE__ */ import_react65.default.createElement("div", { className: "min-w-0 flex-1" }, title && /* @__PURE__ */ import_react65.default.createElement("h4", { className: "text-sm font-semibold text-white truncate leading-tight" }, title), subtitle && /* @__PURE__ */ import_react65.default.createElement("p", { className: "text-xs text-silver truncate mt-1 leading-normal" }, subtitle), children))));
+    );
   }
 );
-PdfCard.displayName = "PdfCard";
+TextCard.displayName = "TextCard";
 
-// src/components/chat/ArtifactsPanel.tsx
-function ArtifactSkeleton({ type, fullWidth }) {
-  const wrapperClass = fullWidth ? "col-span-full" : "";
-  if (type === "IMAGE") {
-    return /* @__PURE__ */ import_react66.default.createElement("div", { className: cx("overflow-hidden", wrapperClass) }, /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "w-full h-48" }), /* @__PURE__ */ import_react66.default.createElement("div", { className: "p-4 bg-charcoal border border-ash/40 border-t-0" }, /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "h-5 w-3/4 mb-2" }), /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "h-4 w-1/2" })));
-  }
-  if (type === "VIDEO") {
-    return /* @__PURE__ */ import_react66.default.createElement("div", { className: cx("overflow-hidden", wrapperClass) }, /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "w-full aspect-video" }), /* @__PURE__ */ import_react66.default.createElement("div", { className: "p-4 bg-charcoal border border-ash/40 border-t-0" }, /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "h-5 w-3/4 mb-2" }), /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "h-4 w-1/2" })));
-  }
-  if (type === "AUDIO" || type === "PDF") {
-    return /* @__PURE__ */ import_react66.default.createElement("div", { className: cx("overflow-hidden", wrapperClass) }, /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "w-full h-32" }), /* @__PURE__ */ import_react66.default.createElement("div", { className: "p-4 bg-charcoal border border-ash/40 border-t-0" }, /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "h-5 w-3/4 mb-2" }), /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "h-4 w-1/2" })));
-  }
-  if (type === "SCRIPT") {
-    return /* @__PURE__ */ import_react66.default.createElement("div", { className: cx("p-4 bg-charcoal border border-ash/40 space-y-2", wrapperClass) }, /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "h-5 w-1/3 mb-4" }), /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "h-3 w-2/3" }), /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "h-3 w-full" }), /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "h-3 w-3/4" }), /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "h-3 w-full" }), /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "h-3 w-1/2" }));
+// src/components/ArtifactCard.tsx
+var ArtifactCard = import_react67.default.forwardRef(
+  ({ artifact, onExpand, isLoading, className, ...props }, ref) => {
+    const commonProps = {
+      title: artifact.title,
+      subtitle: artifact.subtitle,
+      isLoading: isLoading || artifact.isPending,
+      className: "w-full"
+    };
+    const handleExpand = (e) => {
+      e.stopPropagation();
+      if (onExpand) {
+        onExpand(artifact);
+      }
+    };
+    const renderContent = () => {
+      switch (artifact.type) {
+        case "IMAGE":
+          return /* @__PURE__ */ import_react67.default.createElement(
+            ImageCard,
+            {
+              ...commonProps,
+              src: artifact.url,
+              alt: artifact.alt,
+              aspectRatio: "landscape"
+            }
+          );
+        case "VIDEO":
+          return /* @__PURE__ */ import_react67.default.createElement(
+            VideoCard,
+            {
+              ...commonProps,
+              src: artifact.url,
+              aspectRatio: "video",
+              controls: true
+            }
+          );
+        case "AUDIO":
+          return /* @__PURE__ */ import_react67.default.createElement(
+            AudioCard,
+            {
+              ...commonProps,
+              src: artifact.url,
+              controls: true
+            }
+          );
+        case "PDF":
+          return /* @__PURE__ */ import_react67.default.createElement(
+            PdfCard,
+            {
+              ...commonProps,
+              src: artifact.url
+            }
+          );
+        case "SCRIPT":
+          return /* @__PURE__ */ import_react67.default.createElement(
+            ScriptCard,
+            {
+              ...commonProps,
+              elements: artifact.scriptElements || [],
+              maxHeight: "16rem"
+            }
+          );
+        case "TEXT":
+          return /* @__PURE__ */ import_react67.default.createElement(
+            TextCard,
+            {
+              ...commonProps,
+              content: artifact.inlineContent || "",
+              isMarkdown: artifact.mimeType !== "text/plain",
+              contentClassName: cx(
+                artifact.mimeType === "text/plain" && "whitespace-pre-wrap"
+              )
+            }
+          );
+        default:
+          return null;
+      }
+    };
+    const isCardExpandable = !!onExpand && (artifact.type === "IMAGE" || artifact.type === "PDF" || artifact.type === "SCRIPT" || artifact.type === "TEXT");
+    return /* @__PURE__ */ import_react67.default.createElement(
+      "div",
+      {
+        ref,
+        className: cx(
+          "relative group",
+          isCardExpandable && "cursor-pointer",
+          artifact.fullWidth && "col-span-full",
+          className
+        ),
+        onClick: isCardExpandable ? handleExpand : void 0,
+        ...props
+      },
+      onExpand && /* @__PURE__ */ import_react67.default.createElement(
+        "button",
+        {
+          onClick: handleExpand,
+          className: cx(
+            "absolute top-2 right-2 z-10 p-1.5",
+            "bg-obsidian/80 text-silver hover:text-white hover:bg-obsidian",
+            "opacity-0 group-hover:opacity-100 transition-opacity"
+          ),
+          "aria-label": "Expand artifact"
+        },
+        /* @__PURE__ */ import_react67.default.createElement(ExpandIcon, { className: "w-4 h-4" })
+      ),
+      renderContent()
+    );
   }
-  return /* @__PURE__ */ import_react66.default.createElement("div", { className: cx("p-4 bg-charcoal border border-ash/40 space-y-2", wrapperClass) }, /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "h-5 w-1/2" }), /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ import_react66.default.createElement(Skeleton, { className: "h-4 w-3/4" }));
-}
+);
+ArtifactCard.displayName = "ArtifactCard";
+
+// src/components/chat/ArtifactsPanel.tsx
 function ArtifactModal({
   artifact,
   onClose
 }) {
-  (0, import_react66.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -5465,46 +5668,46 @@ function ArtifactModal({
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [onClose]);
-  const handleBackdropClick = (0, import_react66.useCallback)((e) => {
+  const handleBackdropClick = (0, import_react68.useCallback)((e) => {
     if (e.target === e.currentTarget) {
       onClose();
     }
   }, [onClose]);
-  return /* @__PURE__ */ import_react66.default.createElement(
+  return /* @__PURE__ */ import_react68.default.createElement(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center bg-void/90 backdrop-blur-sm animate-fade-in",
       onClick: handleBackdropClick
     },
-    /* @__PURE__ */ import_react66.default.createElement(
+    /* @__PURE__ */ import_react68.default.createElement(
       "div",
       {
         className: "relative w-11/12 h-5/6 max-w-6xl bg-charcoal border border-ash/40 flex flex-col overflow-hidden"
       },
-      /* @__PURE__ */ import_react66.default.createElement(
+      /* @__PURE__ */ import_react68.default.createElement(
         "div",
         {
           className: "flex items-center justify-between p-4 border-b border-ash/40 shrink-0"
         },
-        /* @__PURE__ */ import_react66.default.createElement("div", null, artifact.title && /* @__PURE__ */ import_react66.default.createElement("h3", { className: "text-sm font-semibold text-white" }, artifact.title), artifact.subtitle && /* @__PURE__ */ import_react66.default.createElement("p", { className: "text-xs text-silver" }, artifact.subtitle)),
-        /* @__PURE__ */ import_react66.default.createElement(
+        /* @__PURE__ */ import_react68.default.createElement("div", null, artifact.title && /* @__PURE__ */ import_react68.default.createElement("h3", { className: "text-sm font-semibold text-white" }, artifact.title), artifact.subtitle && /* @__PURE__ */ import_react68.default.createElement("p", { className: "text-xs text-silver" }, artifact.subtitle)),
+        /* @__PURE__ */ import_react68.default.createElement(
           "button",
           {
             onClick: onClose,
             className: "p-2 text-silver hover:text-white hover:bg-ash/20 transition-colors",
             "aria-label": "Close modal"
           },
-          /* @__PURE__ */ import_react66.default.createElement(CloseIcon, { className: "w-5 h-5" })
+          /* @__PURE__ */ import_react68.default.createElement(CloseIcon, { className: "w-5 h-5" })
         )
       ),
-      /* @__PURE__ */ import_react66.default.createElement("div", { className: "flex-1 overflow-auto p-4" }, artifact.type === "IMAGE" && /* @__PURE__ */ import_react66.default.createElement(
+      /* @__PURE__ */ import_react68.default.createElement("div", { className: "flex-1 overflow-auto p-4" }, artifact.type === "IMAGE" && /* @__PURE__ */ import_react68.default.createElement(
         "img",
         {
           src: artifact.url,
           alt: artifact.alt || "Artifact image",
           className: "max-w-full max-h-full object-contain mx-auto"
         }
-      ), artifact.type === "VIDEO" && /* @__PURE__ */ import_react66.default.createElement(
+      ), artifact.type === "VIDEO" && /* @__PURE__ */ import_react68.default.createElement(
         VideoCard,
         {
           src: artifact.url || "",
@@ -5512,20 +5715,20 @@ function ArtifactModal({
           controls: true,
           className: "max-w-full max-h-full mx-auto"
         }
-      ), artifact.type === "AUDIO" && /* @__PURE__ */ import_react66.default.createElement(
+      ), artifact.type === "AUDIO" && /* @__PURE__ */ import_react68.default.createElement(
         AudioCard,
         {
           src: artifact.url || "",
           controls: true,
           className: "max-w-xl mx-auto"
         }
-      ), artifact.type === "PDF" && /* @__PURE__ */ import_react66.default.createElement(
+      ), artifact.type === "PDF" && /* @__PURE__ */ import_react68.default.createElement(
         PdfCard,
         {
-          url: artifact.url || "",
+          src: artifact.url || "",
           className: "h-full border-0"
         }
-      ), artifact.type === "TEXT" && /* @__PURE__ */ import_react66.default.createElement(
+      ), artifact.type === "TEXT" && /* @__PURE__ */ import_react68.default.createElement(
         MarkdownContent,
         {
           content: artifact.inlineContent || "",
@@ -5535,7 +5738,7 @@ function ArtifactModal({
             artifact.mimeType === "text/plain" && "whitespace-pre-wrap"
           )
         }
-      ), artifact.type === "SCRIPT" && artifact.scriptElements && /* @__PURE__ */ import_react66.default.createElement(
+      ), artifact.type === "SCRIPT" && artifact.scriptElements && /* @__PURE__ */ import_react68.default.createElement(
         ScriptCard,
         {
           elements: artifact.scriptElements,
@@ -5551,152 +5754,16 @@ function ArtifactRenderer({
   isLoading,
   onExpand
 }) {
-  const [imageLoaded, setImageLoaded] = (0, import_react66.useState)(false);
-  const [minDelayPassed, setMinDelayPassed] = (0, import_react66.useState)(false);
-  (0, import_react66.useEffect)(() => {
-    setImageLoaded(false);
-    setMinDelayPassed(false);
-    const timer = setTimeout(() => {
-      setMinDelayPassed(true);
-    }, 800);
-    return () => clearTimeout(timer);
-  }, [artifact.url, artifact.id]);
-  const fullWidthClass = artifact.fullWidth ? "col-span-full" : "";
-  if (isLoading || artifact.isPending) {
-    return /* @__PURE__ */ import_react66.default.createElement(ArtifactSkeleton, { type: artifact.type, fullWidth: artifact.fullWidth });
-  }
-  const showContent = artifact.type !== "IMAGE" || imageLoaded && minDelayPassed;
-  const expandButton = onExpand && /* @__PURE__ */ import_react66.default.createElement(
-    "button",
+  return /* @__PURE__ */ import_react68.default.createElement(
+    ArtifactCard,
     {
-      onClick: (e) => {
-        e.stopPropagation();
-        onExpand();
-      },
-      className: cx(
-        "absolute top-2 right-2 z-10 p-1.5",
-        "bg-obsidian/80 text-silver hover:text-white hover:bg-obsidian",
-        "opacity-0 group-hover:opacity-100 transition-opacity"
-      ),
-      "aria-label": "Expand artifact"
-    },
-    /* @__PURE__ */ import_react66.default.createElement(ExpandIcon, { className: "w-4 h-4" })
+      artifact,
+      isLoading,
+      onExpand
+    }
   );
-  switch (artifact.type) {
-    case "IMAGE":
-      return /* @__PURE__ */ import_react66.default.createElement(
-        "div",
-        {
-          className: cx("relative group cursor-pointer", fullWidthClass),
-          onClick: onExpand
-        },
-        !showContent && /* @__PURE__ */ import_react66.default.createElement(ArtifactSkeleton, { type: "IMAGE" }),
-        expandButton,
-        /* @__PURE__ */ import_react66.default.createElement(
-          ImageCard,
-          {
-            src: artifact.url || "",
-            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_react66.default.createElement("div", { className: cx("relative group", fullWidthClass) }, expandButton, /* @__PURE__ */ import_react66.default.createElement(
-        VideoCard,
-        {
-          src: artifact.url || "",
-          title: artifact.title,
-          subtitle: artifact.subtitle,
-          aspectRatio: "video",
-          controls: true,
-          className: "w-full"
-        }
-      ));
-    case "AUDIO":
-      return /* @__PURE__ */ import_react66.default.createElement("div", { className: cx("relative group", fullWidthClass) }, expandButton, /* @__PURE__ */ import_react66.default.createElement(
-        AudioCard,
-        {
-          src: artifact.url || "",
-          title: artifact.title,
-          subtitle: artifact.subtitle,
-          controls: true,
-          className: "w-full"
-        }
-      ));
-    case "PDF":
-      return /* @__PURE__ */ import_react66.default.createElement(
-        "div",
-        {
-          className: cx("relative group cursor-pointer", fullWidthClass),
-          onClick: onExpand
-        },
-        expandButton,
-        /* @__PURE__ */ import_react66.default.createElement(
-          PdfCard,
-          {
-            url: artifact.url || "",
-            title: artifact.title,
-            subtitle: artifact.subtitle,
-            className: "w-full"
-          }
-        )
-      );
-    case "SCRIPT":
-      return /* @__PURE__ */ import_react66.default.createElement(
-        "div",
-        {
-          className: cx("relative group cursor-pointer", fullWidthClass),
-          onClick: onExpand
-        },
-        expandButton,
-        /* @__PURE__ */ import_react66.default.createElement(
-          ScriptCard,
-          {
-            title: artifact.title,
-            subtitle: artifact.subtitle,
-            elements: artifact.scriptElements || [],
-            maxHeight: "16rem",
-            className: "w-full"
-          }
-        )
-      );
-    case "TEXT":
-      return /* @__PURE__ */ import_react66.default.createElement(
-        "div",
-        {
-          className: cx(
-            "relative group cursor-pointer p-4 bg-charcoal border border-ash/40",
-            fullWidthClass
-          ),
-          onClick: onExpand
-        },
-        expandButton,
-        artifact.title && /* @__PURE__ */ import_react66.default.createElement("h4", { className: "text-sm font-semibold text-white mb-2" }, artifact.title),
-        /* @__PURE__ */ import_react66.default.createElement(
-          MarkdownContent,
-          {
-            content: artifact.inlineContent || "",
-            isMarkdown: artifact.mimeType === "text/markdown",
-            className: cx(
-              "prose-sm prose-invert max-h-48 overflow-y-auto",
-              artifact.mimeType === "text/plain" && "whitespace-pre-wrap"
-            )
-          }
-        )
-      );
-    default:
-      return null;
-  }
 }
-var ArtifactsPanel = import_react66.default.forwardRef(
+var ArtifactsPanel = import_react68.default.forwardRef(
   ({
     artifacts,
     isOpen = false,
@@ -5708,10 +5775,10 @@ var ArtifactsPanel = import_react66.default.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [expandedArtifact, setExpandedArtifact] = (0, import_react66.useState)(null);
+    const [expandedArtifact, setExpandedArtifact] = (0, import_react68.useState)(null);
     const columns = widthPercent && widthPercent > 55 ? 3 : widthPercent && widthPercent > 35 ? 2 : 1;
     if (!isOpen) {
-      return /* @__PURE__ */ import_react66.default.createElement(
+      return /* @__PURE__ */ import_react68.default.createElement(
         "div",
         {
           ref,
@@ -5722,7 +5789,7 @@ var ArtifactsPanel = import_react66.default.forwardRef(
           ),
           ...rest
         },
-        /* @__PURE__ */ import_react66.default.createElement(
+        /* @__PURE__ */ import_react68.default.createElement(
           "button",
           {
             onClick: onClose,
@@ -5734,8 +5801,8 @@ var ArtifactsPanel = import_react66.default.forwardRef(
             ),
             "aria-label": "Expand artifacts panel"
           },
-          /* @__PURE__ */ import_react66.default.createElement(LayersIcon, { className: "w-5 h-5" }),
-          artifacts.length > 0 && /* @__PURE__ */ import_react66.default.createElement(
+          /* @__PURE__ */ import_react68.default.createElement(LayersIcon, { className: "w-5 h-5" }),
+          artifacts.length > 0 && /* @__PURE__ */ import_react68.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"
@@ -5745,7 +5812,7 @@ var ArtifactsPanel = import_react66.default.forwardRef(
         )
       );
     }
-    return /* @__PURE__ */ import_react66.default.createElement(import_react66.default.Fragment, null, /* @__PURE__ */ import_react66.default.createElement(
+    return /* @__PURE__ */ import_react68.default.createElement(import_react68.default.Fragment, null, /* @__PURE__ */ import_react68.default.createElement(
       "div",
       {
         ref,
@@ -5759,7 +5826,7 @@ var ArtifactsPanel = import_react66.default.forwardRef(
         style: width ? { width } : void 0,
         ...rest
       },
-      /* @__PURE__ */ import_react66.default.createElement(
+      /* @__PURE__ */ import_react68.default.createElement(
         "div",
         {
           onMouseDown: onResizeStart,
@@ -5772,13 +5839,13 @@ var ArtifactsPanel = import_react66.default.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ import_react66.default.createElement(
+      /* @__PURE__ */ import_react68.default.createElement(
         "div",
         {
           className: "flex items-center justify-between p-4 border-b border-ash/40 shrink-0"
         },
-        /* @__PURE__ */ import_react66.default.createElement("h3", { className: "text-sm font-semibold text-white" }, "Artifacts"),
-        /* @__PURE__ */ import_react66.default.createElement(
+        /* @__PURE__ */ import_react68.default.createElement("h3", { className: "text-sm font-semibold text-white" }, "Artifacts"),
+        /* @__PURE__ */ import_react68.default.createElement(
           "button",
           {
             onClick: onClose,
@@ -5789,10 +5856,10 @@ var ArtifactsPanel = import_react66.default.forwardRef(
             ),
             "aria-label": "Collapse artifacts panel"
           },
-          /* @__PURE__ */ import_react66.default.createElement(ChevronRightIcon, { className: "w-5 h-5" })
+          /* @__PURE__ */ import_react68.default.createElement(ChevronRightIcon, { className: "w-5 h-5" })
         )
       ),
-      /* @__PURE__ */ import_react66.default.createElement(
+      /* @__PURE__ */ import_react68.default.createElement(
         "div",
         {
           "data-testid": "artifacts-grid",
@@ -5803,7 +5870,7 @@ var ArtifactsPanel = import_react66.default.forwardRef(
             columns === 3 && "grid-cols-3"
           )
         },
-        artifacts.length === 0 && !isLoading ? /* @__PURE__ */ import_react66.default.createElement("p", { className: "text-xs text-silver/60 text-center py-8" }, "No artifacts to display") : artifacts.map((artifact) => /* @__PURE__ */ import_react66.default.createElement(
+        artifacts.length === 0 && !isLoading ? /* @__PURE__ */ import_react68.default.createElement("p", { className: "text-xs text-silver/60 text-center py-8" }, "No artifacts to display") : artifacts.map((artifact) => /* @__PURE__ */ import_react68.default.createElement(
           ArtifactRenderer,
           {
             key: artifact.id,
@@ -5813,7 +5880,7 @@ var ArtifactsPanel = import_react66.default.forwardRef(
           }
         ))
       )
-    ), expandedArtifact && /* @__PURE__ */ import_react66.default.createElement(
+    ), expandedArtifact && /* @__PURE__ */ import_react68.default.createElement(
       ArtifactModal,
       {
         artifact: expandedArtifact,
@@ -5823,8 +5890,8 @@ var ArtifactsPanel = import_react66.default.forwardRef(
   }
 );
 ArtifactsPanel.displayName = "ArtifactsPanel";
-var ArtifactsPanelToggle = import_react66.default.forwardRef(({ artifactCount = 0, onExpand, className, ...rest }, ref) => {
-  return /* @__PURE__ */ import_react66.default.createElement(
+var ArtifactsPanelToggle = import_react68.default.forwardRef(({ artifactCount = 0, onExpand, className, ...rest }, ref) => {
+  return /* @__PURE__ */ import_react68.default.createElement(
     "button",
     {
       ref,
@@ -5841,8 +5908,8 @@ var ArtifactsPanelToggle = import_react66.default.forwardRef(({ artifactCount =
       "aria-label": "Expand artifacts panel",
       ...rest
     },
-    /* @__PURE__ */ import_react66.default.createElement(LayersIcon, { className: "w-5 h-5" }),
-    artifactCount > 0 && /* @__PURE__ */ import_react66.default.createElement(
+    /* @__PURE__ */ import_react68.default.createElement(LayersIcon, { className: "w-5 h-5" }),
+    artifactCount > 0 && /* @__PURE__ */ import_react68.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"
@@ -5854,20 +5921,20 @@ var ArtifactsPanelToggle = import_react66.default.forwardRef(({ artifactCount =
 ArtifactsPanelToggle.displayName = "ArtifactsPanelToggle";
 
 // src/components/chat/TodosList.tsx
-var import_react67 = __toESM(require("react"));
+var import_react69 = __toESM(require("react"));
 function TaskIcon({ status }) {
   switch (status) {
     case "done":
-      return /* @__PURE__ */ import_react67.default.createElement(CheckSquareIcon, null);
+      return /* @__PURE__ */ import_react69.default.createElement(CheckSquareIcon, null);
     case "in_progress":
-      return /* @__PURE__ */ import_react67.default.createElement(SquareLoaderIcon, null);
+      return /* @__PURE__ */ import_react69.default.createElement(SquareLoaderIcon, null);
     case "cancelled":
-      return /* @__PURE__ */ import_react67.default.createElement(CrossSquareIcon, { variant: "cancelled" });
+      return /* @__PURE__ */ import_react69.default.createElement(CrossSquareIcon, { variant: "cancelled" });
     case "failed":
-      return /* @__PURE__ */ import_react67.default.createElement(CrossSquareIcon, { variant: "failed" });
+      return /* @__PURE__ */ import_react69.default.createElement(CrossSquareIcon, { variant: "failed" });
     case "pending":
     default:
-      return /* @__PURE__ */ import_react67.default.createElement(EmptySquareIcon, null);
+      return /* @__PURE__ */ import_react69.default.createElement(EmptySquareIcon, null);
   }
 }
 function sortTasks(tasks) {
@@ -5887,7 +5954,7 @@ function TaskItem({ task, depth = 0 }) {
   const isSubtle = task.status === "cancelled" || task.status === "failed";
   const showSubtasks = (task.status === "in_progress" || task.status === "done") && task.subtasks && task.subtasks.length > 0;
   const sortedSubtasks = showSubtasks ? sortTasks(task.subtasks) : [];
-  return /* @__PURE__ */ import_react67.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react67.default.createElement(
+  return /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react69.default.createElement(
     "div",
     {
       className: cx(
@@ -5895,8 +5962,8 @@ function TaskItem({ task, depth = 0 }) {
         depth > 0 && "pl-6"
       )
     },
-    /* @__PURE__ */ import_react67.default.createElement(TaskIcon, { status: task.status }),
-    /* @__PURE__ */ import_react67.default.createElement(
+    /* @__PURE__ */ import_react69.default.createElement(TaskIcon, { status: task.status }),
+    /* @__PURE__ */ import_react69.default.createElement(
       "span",
       {
         className: cx(
@@ -5908,14 +5975,14 @@ function TaskItem({ task, depth = 0 }) {
         )
       },
       task.label,
-      task.status === "cancelled" && /* @__PURE__ */ import_react67.default.createElement("span", { className: "text-silver/40 ml-1" }, "(cancelled)"),
-      task.status === "failed" && /* @__PURE__ */ import_react67.default.createElement("span", { className: "text-error/60 ml-1" }, "(failed)")
+      task.status === "cancelled" && /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-silver/40 ml-1" }, "(cancelled)"),
+      task.status === "failed" && /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-error/60 ml-1" }, "(failed)")
     )
-  ), showSubtasks && /* @__PURE__ */ import_react67.default.createElement("div", { className: "flex flex-col" }, sortedSubtasks.map((subtask) => /* @__PURE__ */ import_react67.default.createElement(TaskItem, { key: subtask.id, task: subtask, depth: depth + 1 }))));
+  ), showSubtasks && /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col" }, sortedSubtasks.map((subtask) => /* @__PURE__ */ import_react69.default.createElement(TaskItem, { key: subtask.id, task: subtask, depth: depth + 1 }))));
 }
-var TodosList = import_react67.default.forwardRef(
+var TodosList = import_react69.default.forwardRef(
   ({ tasks, title = "Tasks", className, ...rest }, ref) => {
-    const sortedTasks = (0, import_react67.useMemo)(() => sortTasks(tasks), [tasks]);
+    const sortedTasks = (0, import_react69.useMemo)(() => sortTasks(tasks), [tasks]);
     const countCompleted = (taskList) => {
       let count = 0;
       for (const task of taskList) {
@@ -5934,7 +6001,7 @@ var TodosList = import_react67.default.forwardRef(
     if (tasks.length === 0) {
       return null;
     }
-    return /* @__PURE__ */ import_react67.default.createElement(
+    return /* @__PURE__ */ import_react69.default.createElement(
       "div",
       {
         ref,
@@ -5946,21 +6013,21 @@ var TodosList = import_react67.default.forwardRef(
         style: { maxHeight: "25vh" },
         ...rest
       },
-      /* @__PURE__ */ import_react67.default.createElement("div", { className: "flex items-center justify-between px-4 py-2 border-b border-ash/40 flex-shrink-0" }, /* @__PURE__ */ import_react67.default.createElement("h4", { className: "text-xs font-medium text-white" }, title), /* @__PURE__ */ import_react67.default.createElement("span", { className: "text-xs text-silver/60" }, countCompleted(tasks), "/", countTotal(tasks))),
-      /* @__PURE__ */ import_react67.default.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-2" }, sortedTasks.map((task) => /* @__PURE__ */ import_react67.default.createElement(TaskItem, { key: task.id, task })))
+      /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex items-center justify-between px-4 py-2 border-b border-ash/40 flex-shrink-0" }, /* @__PURE__ */ import_react69.default.createElement("h4", { className: "text-xs font-medium text-white" }, title), /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-xs text-silver/60" }, countCompleted(tasks), "/", countTotal(tasks))),
+      /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-2" }, sortedTasks.map((task) => /* @__PURE__ */ import_react69.default.createElement(TaskItem, { key: task.id, task })))
     );
   }
 );
 TodosList.displayName = "TodosList";
 
 // src/components/chat/hooks/useArtifacts.ts
-var import_react68 = require("react");
+var import_react70 = require("react");
 function useArtifacts() {
-  const [artifacts, setArtifacts] = (0, import_react68.useState)([]);
-  const scheduleArtifact = (0, import_react68.useCallback)((artifact) => {
+  const [artifacts, setArtifacts] = (0, import_react70.useState)([]);
+  const scheduleArtifact = (0, import_react70.useCallback)((artifact) => {
     setArtifacts((prev) => [...prev, { ...artifact, isPending: true }]);
   }, []);
-  const showArtifact = (0, import_react68.useCallback)(
+  const showArtifact = (0, import_react70.useCallback)(
     (artifactId, updates) => {
       setArtifacts((prev) => {
         const existingIndex = prev.findIndex((a) => a.id === artifactId);
@@ -5975,36 +6042,36 @@ function useArtifacts() {
     },
     []
   );
-  const removeArtifact = (0, import_react68.useCallback)((artifactId) => {
+  const removeArtifact = (0, import_react70.useCallback)((artifactId) => {
     setArtifacts((prev) => prev.filter((a) => a.id !== artifactId));
   }, []);
-  const clearArtifacts = (0, import_react68.useCallback)(() => {
+  const clearArtifacts = (0, import_react70.useCallback)(() => {
     setArtifacts([]);
   }, []);
   return { artifacts, scheduleArtifact, showArtifact, removeArtifact, clearArtifacts };
 }
 
 // src/components/chat/hooks/useResizable.ts
-var import_react69 = require("react");
+var import_react71 = require("react");
 function useResizable({
   initialWidthPercent,
   minWidthPercent,
   maxWidthPercent,
   direction
 }) {
-  const [widthPercent, setWidthPercent] = (0, import_react69.useState)(initialWidthPercent);
-  const [isResizing, setIsResizing] = (0, import_react69.useState)(false);
-  const lastX = (0, import_react69.useRef)(null);
-  const startResizing = (0, import_react69.useCallback)((e) => {
+  const [widthPercent, setWidthPercent] = (0, import_react71.useState)(initialWidthPercent);
+  const [isResizing, setIsResizing] = (0, import_react71.useState)(false);
+  const lastX = (0, import_react71.useRef)(null);
+  const startResizing = (0, import_react71.useCallback)((e) => {
     e.preventDefault();
     setIsResizing(true);
     lastX.current = e.clientX;
   }, []);
-  const stopResizing = (0, import_react69.useCallback)(() => {
+  const stopResizing = (0, import_react71.useCallback)(() => {
     setIsResizing(false);
     lastX.current = null;
   }, []);
-  const resize = (0, import_react69.useCallback)(
+  const resize = (0, import_react71.useCallback)(
     (e) => {
       if (!isResizing || lastX.current === null) {
         return;
@@ -6020,7 +6087,7 @@ function useResizable({
     },
     [isResizing, direction, minWidthPercent, maxWidthPercent]
   );
-  (0, import_react69.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     if (isResizing) {
       window.addEventListener("mousemove", resize);
       window.addEventListener("mouseup", stopResizing);
@@ -6044,7 +6111,7 @@ function useResizable({
 }
 
 // src/components/chat/ChatInterface.tsx
-var ChatInterface = import_react70.default.forwardRef(
+var ChatInterface = import_react72.default.forwardRef(
   ({
     messages = [],
     conversationTree,
@@ -6074,8 +6141,8 @@ var ChatInterface = import_react70.default.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [sidebarCollapsed, setSidebarCollapsed] = (0, import_react70.useState)(initialSidebarCollapsed);
-    const [internalPanelOpen, setInternalPanelOpen] = (0, import_react70.useState)(false);
+    const [sidebarCollapsed, setSidebarCollapsed] = (0, import_react72.useState)(initialSidebarCollapsed);
+    const [internalPanelOpen, setInternalPanelOpen] = (0, import_react72.useState)(false);
     const {
       width: sidebarWidth,
       startResizing: startResizingSidebar
@@ -6098,7 +6165,7 @@ var ChatInterface = import_react70.default.forwardRef(
     const isPanelControlled = isArtifactsPanelOpen !== void 0;
     const artifactsPanelOpen = isPanelControlled ? isArtifactsPanelOpen : internalPanelOpen;
     const isTreeMode = !!conversationTree;
-    const effectiveMessages = (0, import_react70.useMemo)(() => {
+    const effectiveMessages = (0, import_react72.useMemo)(() => {
       if (isTreeMode && conversationTree) {
         const pathNodes = getActivePathMessages(conversationTree);
         return pathNodes.map((node) => ({
@@ -6110,7 +6177,7 @@ var ChatInterface = import_react70.default.forwardRef(
       }
       return messages;
     }, [isTreeMode, conversationTree, messages]);
-    const latestUserMessageIndex = (0, import_react70.useMemo)(() => {
+    const latestUserMessageIndex = (0, import_react72.useMemo)(() => {
       for (let i = effectiveMessages.length - 1; i >= 0; i--) {
         if (effectiveMessages[i].variant === "user") {
           return i;
@@ -6118,15 +6185,15 @@ var ChatInterface = import_react70.default.forwardRef(
       }
       return -1;
     }, [effectiveMessages]);
-    const hasPendingArtifact = (0, import_react70.useMemo)(() => {
+    const hasPendingArtifact = (0, import_react72.useMemo)(() => {
       return artifacts.some((a) => a.isPending);
     }, [artifacts]);
-    import_react70.default.useEffect(() => {
+    import_react72.default.useEffect(() => {
       if (!isPanelControlled && artifacts.length > 0) {
         setInternalPanelOpen(true);
       }
     }, [artifacts.length, isPanelControlled]);
-    const handleBranchSwitch = (0, import_react70.useCallback)(
+    const handleBranchSwitch = (0, import_react72.useCallback)(
       (nodeId, direction) => {
         if (!isTreeMode || !conversationTree || !onTreeChange) {
           return;
@@ -6136,7 +6203,7 @@ var ChatInterface = import_react70.default.forwardRef(
       },
       [isTreeMode, conversationTree, onTreeChange]
     );
-    const displayMessages = (0, import_react70.useMemo)(() => {
+    const displayMessages = (0, import_react72.useMemo)(() => {
       return effectiveMessages.map((msg) => {
         let branchInfo = void 0;
         if (isTreeMode && conversationTree) {
@@ -6170,16 +6237,16 @@ var ChatInterface = import_react70.default.forwardRef(
       onRetryMessage,
       handleBranchSwitch
     ]);
-    const handleSubmit = (0, import_react70.useCallback)(
+    const handleSubmit = (0, import_react72.useCallback)(
       (message, attachments) => {
         onMessageSubmit?.(message, attachments);
       },
       [onMessageSubmit]
     );
-    const toggleSidebar = (0, import_react70.useCallback)(() => {
+    const toggleSidebar = (0, import_react72.useCallback)(() => {
       setSidebarCollapsed((prev) => !prev);
     }, []);
-    const toggleArtifactsPanel = (0, import_react70.useCallback)(() => {
+    const toggleArtifactsPanel = (0, import_react72.useCallback)(() => {
       if (isPanelControlled) {
         onArtifactsPanelOpenChange?.(!artifactsPanelOpen);
       } else {
@@ -6187,14 +6254,14 @@ var ChatInterface = import_react70.default.forwardRef(
       }
     }, [isPanelControlled, artifactsPanelOpen, onArtifactsPanelOpenChange]);
     const isEmpty = effectiveMessages.length === 0;
-    return /* @__PURE__ */ import_react70.default.createElement(
+    return /* @__PURE__ */ import_react72.default.createElement(
       "div",
       {
         ref,
         className: cx("flex h-full w-full bg-obsidian overflow-hidden", className),
         ...rest
       },
-      /* @__PURE__ */ import_react70.default.createElement(
+      /* @__PURE__ */ import_react72.default.createElement(
         ConversationSidebar,
         {
           conversations,
@@ -6206,16 +6273,16 @@ var ChatInterface = import_react70.default.forwardRef(
           onResizeStart: startResizingSidebar
         }
       ),
-      /* @__PURE__ */ import_react70.default.createElement("div", { className: "flex-1 flex flex-col min-w-0 relative" }, /* @__PURE__ */ import_react70.default.createElement("div", { className: cx(
+      /* @__PURE__ */ import_react72.default.createElement("div", { className: "flex-1 flex flex-col min-w-0 relative" }, /* @__PURE__ */ import_react72.default.createElement("div", { className: cx(
         "flex-1 flex flex-col min-h-0 relative",
         isEmpty ? "justify-center" : "justify-start"
-      ) }, /* @__PURE__ */ import_react70.default.createElement("div", { className: cx(
+      ) }, /* @__PURE__ */ import_react72.default.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out",
         isEmpty ? "flex-1" : "flex-zero"
-      ) }), /* @__PURE__ */ import_react70.default.createElement("div", { className: cx(
+      ) }), /* @__PURE__ */ import_react72.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_react70.default.createElement(
+      ) }, /* @__PURE__ */ import_react72.default.createElement(
         ChatView,
         {
           messages: displayMessages,
@@ -6224,10 +6291,10 @@ var ChatInterface = import_react70.default.forwardRef(
           isThinking,
           className: "flex-1"
         }
-      )), /* @__PURE__ */ import_react70.default.createElement("div", { className: cx(
+      )), /* @__PURE__ */ import_react72.default.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out z-10 w-full flex flex-col items-center",
         isEmpty ? "p-4" : "shrink-0 p-4 border-t border-ash/40 bg-obsidian"
-      ) }, isEmpty && /* @__PURE__ */ import_react70.default.createElement("div", { className: "mb-8 text-center animate-fade-in duration-500" }, emptyState ? emptyState : /* @__PURE__ */ import_react70.default.createElement("h1", { className: "text-4xl md:text-5xl font-heading text-gold mb-2 tracking-tight" }, "Welcome!")), /* @__PURE__ */ import_react70.default.createElement(
+      ) }, isEmpty && /* @__PURE__ */ import_react72.default.createElement("div", { className: "mb-8 text-center animate-fade-in duration-500" }, emptyState ? emptyState : /* @__PURE__ */ import_react72.default.createElement("h1", { className: "text-4xl md:text-5xl font-heading text-gold mb-2 tracking-tight" }, "Welcome!")), /* @__PURE__ */ import_react72.default.createElement(
         ChatInput,
         {
           position: isEmpty ? "centered" : "bottom",
@@ -6241,11 +6308,11 @@ var ChatInterface = import_react70.default.forwardRef(
           attachments: propsAttachments,
           onAttachmentsChange
         }
-      )), /* @__PURE__ */ import_react70.default.createElement("div", { className: cx(
+      )), /* @__PURE__ */ import_react72.default.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out",
         isEmpty ? "flex-1" : "flex-zero"
       ) }))),
-      /* @__PURE__ */ import_react70.default.createElement("div", { className: "h-full flex flex-col shrink-0" }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "flex-1 min-h-0" }, /* @__PURE__ */ import_react70.default.createElement(
+      /* @__PURE__ */ import_react72.default.createElement("div", { className: "h-full flex flex-col shrink-0" }, /* @__PURE__ */ import_react72.default.createElement("div", { className: "flex-1 min-h-0" }, /* @__PURE__ */ import_react72.default.createElement(
         ArtifactsPanel,
         {
           artifacts,
@@ -6257,7 +6324,7 @@ var ChatInterface = import_react70.default.forwardRef(
           onResizeStart: startResizingArtifacts,
           className: "h-full"
         }
-      )), tasks.length > 0 && artifactsPanelOpen && /* @__PURE__ */ import_react70.default.createElement(
+      )), tasks.length > 0 && artifactsPanelOpen && /* @__PURE__ */ import_react72.default.createElement(
         TodosList,
         {
           tasks,
@@ -6271,9 +6338,9 @@ var ChatInterface = import_react70.default.forwardRef(
 ChatInterface.displayName = "ChatInterface";
 
 // src/components/chat/MessageActions.tsx
-var import_react71 = __toESM(require("react"));
+var import_react73 = __toESM(require("react"));
 var import_lucide_react14 = require("lucide-react");
-var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ import_react71.default.createElement(
+var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ import_react73.default.createElement(
   "button",
   {
     type: "button",
@@ -6289,7 +6356,7 @@ var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @_
   },
   children
 );
-var MessageActions = import_react71.default.forwardRef(
+var MessageActions = import_react73.default.forwardRef(
   ({
     variant,
     content,
@@ -6301,12 +6368,12 @@ var MessageActions = import_react71.default.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [localIsEditing, setLocalIsEditing] = (0, import_react71.useState)(false);
-    const [localEditValue, setLocalEditValue] = (0, import_react71.useState)(content);
-    const [copied, setCopied] = (0, import_react71.useState)(false);
+    const [localIsEditing, setLocalIsEditing] = (0, import_react73.useState)(false);
+    const [localEditValue, setLocalEditValue] = (0, import_react73.useState)(content);
+    const [copied, setCopied] = (0, import_react73.useState)(false);
     const isEditing = controlledIsEditing ?? localIsEditing;
     const editValue = controlledEditValue ?? localEditValue;
-    const setIsEditing = (0, import_react71.useCallback)(
+    const setIsEditing = (0, import_react73.useCallback)(
       (value) => {
         if (onEditingChange) {
           onEditingChange(value);
@@ -6316,10 +6383,10 @@ var MessageActions = import_react71.default.forwardRef(
       },
       [onEditingChange]
     );
-    const setEditValue = (0, import_react71.useCallback)((value) => {
+    const setEditValue = (0, import_react73.useCallback)((value) => {
       setLocalEditValue(value);
     }, []);
-    const handleCopy = (0, import_react71.useCallback)(async () => {
+    const handleCopy = (0, import_react73.useCallback)(async () => {
       try {
         await navigator.clipboard.writeText(content);
         setCopied(true);
@@ -6335,22 +6402,22 @@ var MessageActions = import_react71.default.forwardRef(
         setTimeout(() => setCopied(false), 2e3);
       }
     }, [content]);
-    const handleStartEdit = (0, import_react71.useCallback)(() => {
+    const handleStartEdit = (0, import_react73.useCallback)(() => {
       setLocalEditValue(content);
       setIsEditing(true);
     }, [content, setIsEditing]);
-    const handleCancelEdit = (0, import_react71.useCallback)(() => {
+    const handleCancelEdit = (0, import_react73.useCallback)(() => {
       setIsEditing(false);
       setLocalEditValue(content);
     }, [content, setIsEditing]);
-    const handleSubmitEdit = (0, import_react71.useCallback)(() => {
+    const handleSubmitEdit = (0, import_react73.useCallback)(() => {
       const trimmed = editValue.trim();
       if (trimmed && trimmed !== content) {
         onEdit?.(trimmed);
       }
       setIsEditing(false);
     }, [editValue, content, onEdit, setIsEditing]);
-    const handleEditKeyDown = (0, import_react71.useCallback)(
+    const handleEditKeyDown = (0, import_react73.useCallback)(
       (e) => {
         if (e.key === "Enter" && !e.shiftKey) {
           e.preventDefault();
@@ -6363,19 +6430,19 @@ var MessageActions = import_react71.default.forwardRef(
     );
     const isUser = variant === "user";
     if (isUser && isEditing) {
-      return /* @__PURE__ */ import_react71.default.createElement(
+      return /* @__PURE__ */ import_react73.default.createElement(
         "div",
         {
           ref,
           className: cx("mt-2", className),
           ...rest
         },
-        /* @__PURE__ */ import_react71.default.createElement(
+        /* @__PURE__ */ import_react73.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_react71.default.createElement(
+          /* @__PURE__ */ import_react73.default.createElement(
             "textarea",
             {
               value: editValue,
@@ -6386,15 +6453,15 @@ var MessageActions = import_react71.default.forwardRef(
               rows: 2
             }
           ),
-          /* @__PURE__ */ import_react71.default.createElement("div", { className: "absolute right-2 bottom-2 flex gap-1" }, /* @__PURE__ */ import_react71.default.createElement(
+          /* @__PURE__ */ import_react73.default.createElement("div", { className: "absolute right-2 bottom-2 flex gap-1" }, /* @__PURE__ */ import_react73.default.createElement(
             ActionButton2,
             {
               onClick: handleCancelEdit,
               label: "Cancel edit",
               className: "text-silver/60 hover:text-error"
             },
-            /* @__PURE__ */ import_react71.default.createElement(import_lucide_react14.X, { className: "w-4 h-4" })
-          ), /* @__PURE__ */ import_react71.default.createElement(
+            /* @__PURE__ */ import_react73.default.createElement(import_lucide_react14.X, { className: "w-4 h-4" })
+          ), /* @__PURE__ */ import_react73.default.createElement(
             ActionButton2,
             {
               onClick: handleSubmitEdit,
@@ -6402,13 +6469,13 @@ var MessageActions = import_react71.default.forwardRef(
               className: "text-silver/60 hover:text-gold",
               disabled: !editValue.trim() || editValue.trim() === content
             },
-            /* @__PURE__ */ import_react71.default.createElement(import_lucide_react14.Send, { className: "w-4 h-4" })
+            /* @__PURE__ */ import_react73.default.createElement(import_lucide_react14.Send, { className: "w-4 h-4" })
           ))
         ),
-        /* @__PURE__ */ import_react71.default.createElement("p", { className: "text-xs text-silver/50 mt-1" }, "Press Enter to submit, Esc to cancel. This will create a new branch.")
+        /* @__PURE__ */ import_react73.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_react71.default.createElement(
+    return /* @__PURE__ */ import_react73.default.createElement(
       "div",
       {
         ref,
@@ -6419,18 +6486,18 @@ var MessageActions = import_react71.default.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ import_react71.default.createElement(ActionButton2, { onClick: handleCopy, label: copied ? "Copied!" : "Copy message" }, copied ? /* @__PURE__ */ import_react71.default.createElement(import_lucide_react14.Check, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ import_react71.default.createElement(import_lucide_react14.Copy, { className: "w-3.5 h-3.5" })),
-      isUser && onEdit && /* @__PURE__ */ import_react71.default.createElement(ActionButton2, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ import_react71.default.createElement(import_lucide_react14.Pencil, { className: "w-3.5 h-3.5" })),
-      !isUser && onRetry && /* @__PURE__ */ import_react71.default.createElement(ActionButton2, { onClick: onRetry, label: "Regenerate response" }, /* @__PURE__ */ import_react71.default.createElement(import_lucide_react14.RotateCcw, { className: "w-3.5 h-3.5" }))
+      /* @__PURE__ */ import_react73.default.createElement(ActionButton2, { onClick: handleCopy, label: copied ? "Copied!" : "Copy message" }, copied ? /* @__PURE__ */ import_react73.default.createElement(import_lucide_react14.Check, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ import_react73.default.createElement(import_lucide_react14.Copy, { className: "w-3.5 h-3.5" })),
+      isUser && onEdit && /* @__PURE__ */ import_react73.default.createElement(ActionButton2, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ import_react73.default.createElement(import_lucide_react14.Pencil, { className: "w-3.5 h-3.5" })),
+      !isUser && onRetry && /* @__PURE__ */ import_react73.default.createElement(ActionButton2, { onClick: onRetry, label: "Regenerate response" }, /* @__PURE__ */ import_react73.default.createElement(import_lucide_react14.RotateCcw, { className: "w-3.5 h-3.5" }))
     );
   }
 );
 MessageActions.displayName = "MessageActions";
 
 // src/components/chat/BranchNavigator.tsx
-var import_react72 = __toESM(require("react"));
+var import_react74 = __toESM(require("react"));
 var import_lucide_react15 = require("lucide-react");
-var BranchNavigator = import_react72.default.forwardRef(
+var BranchNavigator = import_react74.default.forwardRef(
   ({
     current,
     total,
@@ -6449,7 +6516,7 @@ var BranchNavigator = import_react72.default.forwardRef(
     const buttonSize = size === "sm" ? "p-0.5" : "p-1";
     const iconSize = size === "sm" ? "w-3 h-3" : "w-4 h-4";
     const textSize = size === "sm" ? "text-xs" : "text-sm";
-    return /* @__PURE__ */ import_react72.default.createElement(
+    return /* @__PURE__ */ import_react74.default.createElement(
       "div",
       {
         ref,
@@ -6461,8 +6528,8 @@ var BranchNavigator = import_react72.default.forwardRef(
         "aria-label": "Branch navigation",
         ...rest
       },
-      showIcon && /* @__PURE__ */ import_react72.default.createElement(import_lucide_react15.GitBranch, { className: cx(iconSize, "mr-0.5 text-silver/50"), "aria-hidden": "true" }),
-      /* @__PURE__ */ import_react72.default.createElement(
+      showIcon && /* @__PURE__ */ import_react74.default.createElement(import_lucide_react15.GitBranch, { className: cx(iconSize, "mr-0.5 text-silver/50"), "aria-hidden": "true" }),
+      /* @__PURE__ */ import_react74.default.createElement(
         "button",
         {
           type: "button",
@@ -6475,10 +6542,10 @@ var BranchNavigator = import_react72.default.forwardRef(
           ),
           "aria-label": "Previous branch"
         },
-        /* @__PURE__ */ import_react72.default.createElement(import_lucide_react15.ChevronLeft, { className: iconSize })
+        /* @__PURE__ */ import_react74.default.createElement(import_lucide_react15.ChevronLeft, { className: iconSize })
       ),
-      /* @__PURE__ */ import_react72.default.createElement("span", { className: cx(textSize, "tabular-nums min-w-6 text-center") }, current, "/", total),
-      /* @__PURE__ */ import_react72.default.createElement(
+      /* @__PURE__ */ import_react74.default.createElement("span", { className: cx(textSize, "tabular-nums min-w-6 text-center") }, current, "/", total),
+      /* @__PURE__ */ import_react74.default.createElement(
         "button",
         {
           type: "button",
@@ -6491,7 +6558,7 @@ var BranchNavigator = import_react72.default.forwardRef(
           ),
           "aria-label": "Next branch"
         },
-        /* @__PURE__ */ import_react72.default.createElement(import_lucide_react15.ChevronRight, { className: iconSize })
+        /* @__PURE__ */ import_react74.default.createElement(import_lucide_react15.ChevronRight, { className: iconSize })
       )
     );
   }
@@ -6499,16 +6566,16 @@ var BranchNavigator = import_react72.default.forwardRef(
 BranchNavigator.displayName = "BranchNavigator";
 
 // src/components/BrandIcon.tsx
-var import_react73 = __toESM(require("react"));
+var import_react75 = __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_react73.default.forwardRef(
+var BrandIcon = import_react75.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_react73.default.createElement(
+    return /* @__PURE__ */ import_react75.default.createElement(
       "div",
       {
         ref,
@@ -6527,17 +6594,17 @@ var BrandIcon = import_react73.default.forwardRef(
 BrandIcon.displayName = "BrandIcon";
 
 // src/components/ColorSwatch.tsx
-var import_react74 = __toESM(require("react"));
-var ColorSwatch = import_react74.default.forwardRef(
+var import_react76 = __toESM(require("react"));
+var ColorSwatch = import_react76.default.forwardRef(
   ({ color, label, className, ...rest }, ref) => {
-    return /* @__PURE__ */ import_react74.default.createElement(
+    return /* @__PURE__ */ import_react76.default.createElement(
       "div",
       {
         ref,
         className: cx("flex flex-col items-center gap-2", className),
         ...rest
       },
-      /* @__PURE__ */ import_react74.default.createElement(
+      /* @__PURE__ */ import_react76.default.createElement(
         "div",
         {
           className: "h-16 w-16 border-2 border-ash rounded-none shadow-sm",
@@ -6545,22 +6612,22 @@ var ColorSwatch = import_react74.default.forwardRef(
           "aria-label": label || color
         }
       ),
-      label && /* @__PURE__ */ import_react74.default.createElement("span", { className: "text-xs text-silver font-medium" }, label)
+      label && /* @__PURE__ */ import_react76.default.createElement("span", { className: "text-xs text-silver font-medium" }, label)
     );
   }
 );
 ColorSwatch.displayName = "ColorSwatch";
 
 // src/components/SectionHeading.tsx
-var import_react75 = __toESM(require("react"));
+var import_react77 = __toESM(require("react"));
 var levelStyles = {
   h2: "text-2xl mb-4",
   h3: "text-xl mb-3"
 };
-var SectionHeading = import_react75.default.forwardRef(
+var SectionHeading = import_react77.default.forwardRef(
   ({ level = "h2", children, className, ...rest }, ref) => {
     const Component = level;
-    return /* @__PURE__ */ import_react75.default.createElement(
+    return /* @__PURE__ */ import_react77.default.createElement(
       Component,
       {
         ref,
@@ -6587,6 +6654,7 @@ var version = "2.0.0";
   AccordionTrigger,
   Alert,
   AlertDialog,
+  ArtifactCard,
   ArtifactsPanel,
   ArtifactsPanelToggle,
   AttachmentPreview,
@@ -6683,6 +6751,7 @@ var version = "2.0.0";
   TableHeader,
   TableRow,
   Tabs,
+  TextCard,
   Textarea,
   ThinkingIndicator,
   ToastProvider,