@lukeashford/aurelius 2.15.0 → 2.16.0

package/dist/index.mjs

@@ -3594,6 +3594,7 @@ import React53, { useEffect as useEffect6, useRef as useRef5, useState as useSta
 // src/components/MarkdownContent.tsx
 import React52, { useMemo } from "react";
 import DOMPurify from "dompurify";
+import { marked } from "marked";
 var DEFAULT_SANITIZE_CONFIG = {
   ALLOWED_TAGS: [
     "h1",
@@ -3706,7 +3707,14 @@ var MarkdownContent = React52.forwardRef(
         return "";
       }
       const config = sanitizeConfig ?? DEFAULT_SANITIZE_CONFIG;
-      const sanitized = content ? DOMPurify.sanitize(content, config) : "";
+      let htmlContent;
+      try {
+        htmlContent = marked.parse(content);
+      } catch (e) {
+        console.error("Error parsing markdown:", e);
+        htmlContent = content;
+      }
+      const sanitized = htmlContent ? DOMPurify.sanitize(htmlContent, config) : "";
       if (isStreaming) {
         return injectStreamingCursor(sanitized, cursorClassName);
       }
@@ -4081,7 +4089,7 @@ var StreamingCursor = React54.forwardRef(
 StreamingCursor.displayName = "StreamingCursor";
 
 // src/components/chat/ChatInterface.tsx
-import React65, { useCallback as useCallback17, useMemo as useMemo3, useState as useState17 } from "react";
+import React66, { useCallback as useCallback17, useMemo as useMemo3, useState as useState17 } from "react";
 
 // src/components/chat/ChatView.tsx
 import React56, { useEffect as useEffect9 } from "react";
@@ -4993,7 +5001,7 @@ var CollapsedSidebarToggle = React58.forwardRef(({ onExpand, className, ...rest
 CollapsedSidebarToggle.displayName = "CollapsedSidebarToggle";
 
 // src/components/chat/ArtifactsPanel.tsx
-import React63, { useCallback as useCallback14, useEffect as useEffect11, useState as useState14 } from "react";
+import React64, { useCallback as useCallback14, useEffect as useEffect11, useState as useState14 } from "react";
 
 // src/components/ImageCard.tsx
 import React59 from "react";
@@ -5149,6 +5157,7 @@ var AudioCard = React61.forwardRef(
     className,
     children,
     playerProps,
+    height = "40px",
     ...props
   }, ref) => {
     return /* @__PURE__ */ React61.createElement(Card, { ref, className: cx("p-0 overflow-hidden group w-full", className), ...props }, /* @__PURE__ */ React61.createElement(
@@ -5170,13 +5179,13 @@ var AudioCard = React61.forwardRef(
           muted,
           loop,
           width: "100%",
-          height: "40px",
+          height,
           style: { backgroundColor: "transparent" },
           config: {
             file: {
               forceAudio: true,
               attributes: {
-                style: { width: "100%", height: "40px" }
+                style: { width: "100%", height }
               }
             }
           },
@@ -5250,22 +5259,56 @@ var ScriptCard = React62.forwardRef(
 );
 ScriptCard.displayName = "ScriptCard";
 
+// src/components/PdfCard.tsx
+import React63 from "react";
+import { FileText as FileText2 } from "lucide-react";
+var PdfCard = React63.forwardRef(
+  ({
+    url,
+    title,
+    subtitle,
+    height = "400px",
+    mediaClassName,
+    contentClassName,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ React63.createElement(Card, { ref, className: cx("p-0 overflow-hidden group w-full", className), ...props }, /* @__PURE__ */ React63.createElement(
+      "div",
+      {
+        className: cx("relative w-full bg-obsidian", mediaClassName),
+        style: { height }
+      },
+      /* @__PURE__ */ React63.createElement(
+        "iframe",
+        {
+          src: `${url}#view=FitH`,
+          title: typeof title === "string" ? title : "PDF Document",
+          className: "w-full h-full border-0"
+        }
+      )
+    ), (title || subtitle || children) && /* @__PURE__ */ React63.createElement("div", { className: cx("px-4 py-4 border-t border-ash", contentClassName) }, /* @__PURE__ */ React63.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React63.createElement("div", { className: "p-2 bg-ash/20 text-gold shrink-0" }, /* @__PURE__ */ React63.createElement(FileText2, { size: 20 })), /* @__PURE__ */ React63.createElement("div", { className: "min-w-0 flex-1" }, title && /* @__PURE__ */ React63.createElement("h4", { className: "text-sm font-semibold text-white truncate leading-tight" }, title), subtitle && /* @__PURE__ */ React63.createElement("p", { className: "text-xs text-silver truncate mt-1 leading-normal" }, subtitle), children))));
+  }
+);
+PdfCard.displayName = "PdfCard";
+
 // src/components/chat/ArtifactsPanel.tsx
 function ArtifactSkeleton({ type, fullWidth }) {
   const wrapperClass = fullWidth ? "col-span-full" : "";
-  if (type === "image") {
-    return /* @__PURE__ */ React63.createElement("div", { className: cx("overflow-hidden", wrapperClass) }, /* @__PURE__ */ React63.createElement(Skeleton, { className: "w-full h-48" }), /* @__PURE__ */ React63.createElement("div", { className: "p-4 bg-charcoal border border-ash/40 border-t-0" }, /* @__PURE__ */ React63.createElement(Skeleton, { className: "h-5 w-3/4 mb-2" }), /* @__PURE__ */ React63.createElement(Skeleton, { className: "h-4 w-1/2" })));
+  if (type === "IMAGE") {
+    return /* @__PURE__ */ React64.createElement("div", { className: cx("overflow-hidden", wrapperClass) }, /* @__PURE__ */ React64.createElement(Skeleton, { className: "w-full h-48" }), /* @__PURE__ */ React64.createElement("div", { className: "p-4 bg-charcoal border border-ash/40 border-t-0" }, /* @__PURE__ */ React64.createElement(Skeleton, { className: "h-5 w-3/4 mb-2" }), /* @__PURE__ */ React64.createElement(Skeleton, { className: "h-4 w-1/2" })));
   }
-  if (type === "video") {
-    return /* @__PURE__ */ React63.createElement("div", { className: cx("overflow-hidden", wrapperClass) }, /* @__PURE__ */ React63.createElement(Skeleton, { className: "w-full aspect-video" }), /* @__PURE__ */ React63.createElement("div", { className: "p-4 bg-charcoal border border-ash/40 border-t-0" }, /* @__PURE__ */ React63.createElement(Skeleton, { className: "h-5 w-3/4 mb-2" }), /* @__PURE__ */ React63.createElement(Skeleton, { className: "h-4 w-1/2" })));
+  if (type === "VIDEO") {
+    return /* @__PURE__ */ React64.createElement("div", { className: cx("overflow-hidden", wrapperClass) }, /* @__PURE__ */ React64.createElement(Skeleton, { className: "w-full aspect-video" }), /* @__PURE__ */ React64.createElement("div", { className: "p-4 bg-charcoal border border-ash/40 border-t-0" }, /* @__PURE__ */ React64.createElement(Skeleton, { className: "h-5 w-3/4 mb-2" }), /* @__PURE__ */ React64.createElement(Skeleton, { className: "h-4 w-1/2" })));
   }
-  if (type === "audio") {
-    return /* @__PURE__ */ React63.createElement("div", { className: cx("overflow-hidden", wrapperClass) }, /* @__PURE__ */ React63.createElement(Skeleton, { className: "w-full h-32" }), /* @__PURE__ */ React63.createElement("div", { className: "p-4 bg-charcoal border border-ash/40 border-t-0" }, /* @__PURE__ */ React63.createElement(Skeleton, { className: "h-5 w-3/4 mb-2" }), /* @__PURE__ */ React63.createElement(Skeleton, { className: "h-4 w-1/2" })));
+  if (type === "AUDIO" || type === "PDF") {
+    return /* @__PURE__ */ React64.createElement("div", { className: cx("overflow-hidden", wrapperClass) }, /* @__PURE__ */ React64.createElement(Skeleton, { className: "w-full h-32" }), /* @__PURE__ */ React64.createElement("div", { className: "p-4 bg-charcoal border border-ash/40 border-t-0" }, /* @__PURE__ */ React64.createElement(Skeleton, { className: "h-5 w-3/4 mb-2" }), /* @__PURE__ */ React64.createElement(Skeleton, { className: "h-4 w-1/2" })));
   }
-  if (type === "html") {
-    return /* @__PURE__ */ React63.createElement("div", { className: cx("p-4 bg-charcoal border border-ash/40 space-y-2", wrapperClass) }, /* @__PURE__ */ React63.createElement(Skeleton, { className: "h-5 w-1/3 mb-4" }), /* @__PURE__ */ React63.createElement(Skeleton, { className: "h-3 w-2/3" }), /* @__PURE__ */ React63.createElement(Skeleton, { className: "h-3 w-full" }), /* @__PURE__ */ React63.createElement(Skeleton, { className: "h-3 w-3/4" }), /* @__PURE__ */ React63.createElement(Skeleton, { className: "h-3 w-full" }), /* @__PURE__ */ React63.createElement(Skeleton, { className: "h-3 w-1/2" }));
+  if (type === "SCRIPT") {
+    return /* @__PURE__ */ React64.createElement("div", { className: cx("p-4 bg-charcoal border border-ash/40 space-y-2", wrapperClass) }, /* @__PURE__ */ React64.createElement(Skeleton, { className: "h-5 w-1/3 mb-4" }), /* @__PURE__ */ React64.createElement(Skeleton, { className: "h-3 w-2/3" }), /* @__PURE__ */ React64.createElement(Skeleton, { className: "h-3 w-full" }), /* @__PURE__ */ React64.createElement(Skeleton, { className: "h-3 w-3/4" }), /* @__PURE__ */ React64.createElement(Skeleton, { className: "h-3 w-full" }), /* @__PURE__ */ React64.createElement(Skeleton, { className: "h-3 w-1/2" }));
   }
-  return /* @__PURE__ */ React63.createElement("div", { className: cx("p-4 bg-charcoal border border-ash/40 space-y-2", wrapperClass) }, /* @__PURE__ */ React63.createElement(Skeleton, { className: "h-5 w-1/2" }), /* @__PURE__ */ React63.createElement(Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ React63.createElement(Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ React63.createElement(Skeleton, { className: "h-4 w-3/4" }));
+  return /* @__PURE__ */ React64.createElement("div", { className: cx("p-4 bg-charcoal border border-ash/40 space-y-2", wrapperClass) }, /* @__PURE__ */ React64.createElement(Skeleton, { className: "h-5 w-1/2" }), /* @__PURE__ */ React64.createElement(Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ React64.createElement(Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ React64.createElement(Skeleton, { className: "h-4 w-3/4" }));
 }
 function ArtifactModal({
   artifact,
@@ -5285,62 +5328,72 @@ function ArtifactModal({
       onClose();
     }
   }, [onClose]);
-  return /* @__PURE__ */ React63.createElement(
+  return /* @__PURE__ */ React64.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__ */ React63.createElement(
+    /* @__PURE__ */ React64.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__ */ React63.createElement(
+      /* @__PURE__ */ React64.createElement(
         "div",
         {
           className: "flex items-center justify-between p-4 border-b border-ash/40 shrink-0"
         },
-        /* @__PURE__ */ React63.createElement("div", null, artifact.title && /* @__PURE__ */ React63.createElement("h3", { className: "text-sm font-semibold text-white" }, artifact.title), artifact.subtitle && /* @__PURE__ */ React63.createElement("p", { className: "text-xs text-silver" }, artifact.subtitle)),
-        /* @__PURE__ */ React63.createElement(
+        /* @__PURE__ */ React64.createElement("div", null, artifact.title && /* @__PURE__ */ React64.createElement("h3", { className: "text-sm font-semibold text-white" }, artifact.title), artifact.subtitle && /* @__PURE__ */ React64.createElement("p", { className: "text-xs text-silver" }, artifact.subtitle)),
+        /* @__PURE__ */ React64.createElement(
           "button",
           {
             onClick: onClose,
             className: "p-2 text-silver hover:text-white hover:bg-ash/20 transition-colors",
             "aria-label": "Close modal"
           },
-          /* @__PURE__ */ React63.createElement(CloseIcon, { className: "w-5 h-5" })
+          /* @__PURE__ */ React64.createElement(CloseIcon, { className: "w-5 h-5" })
         )
       ),
-      /* @__PURE__ */ React63.createElement("div", { className: "flex-1 overflow-auto p-4" }, artifact.type === "image" && /* @__PURE__ */ React63.createElement(
+      /* @__PURE__ */ React64.createElement("div", { className: "flex-1 overflow-auto p-4" }, artifact.type === "IMAGE" && /* @__PURE__ */ React64.createElement(
         "img",
         {
-          src: artifact.src,
+          src: artifact.url,
           alt: artifact.alt || "Artifact image",
           className: "max-w-full max-h-full object-contain mx-auto"
         }
-      ), artifact.type === "video" && /* @__PURE__ */ React63.createElement(
+      ), artifact.type === "VIDEO" && /* @__PURE__ */ React64.createElement(
         VideoCard,
         {
-          src: artifact.src || "",
+          src: artifact.url || "",
           aspectRatio: "video",
           controls: true,
           className: "max-w-full max-h-full mx-auto"
         }
-      ), artifact.type === "audio" && /* @__PURE__ */ React63.createElement(
+      ), artifact.type === "AUDIO" && /* @__PURE__ */ React64.createElement(
         AudioCard,
         {
-          src: artifact.src || "",
+          src: artifact.url || "",
           controls: true,
           className: "max-w-xl mx-auto"
         }
-      ), artifact.type === "text" && /* @__PURE__ */ React63.createElement(
+      ), artifact.type === "PDF" && /* @__PURE__ */ React64.createElement(
+        PdfCard,
+        {
+          url: artifact.url || "",
+          className: "h-full border-0"
+        }
+      ), artifact.type === "TEXT" && /* @__PURE__ */ React64.createElement(
         MarkdownContent,
         {
-          content: artifact.content || "",
-          className: "prose-sm prose-invert max-w-none"
+          content: artifact.inlineContent || "",
+          isMarkdown: artifact.mimeType === "text/markdown",
+          className: cx(
+            "prose prose-invert max-w-none",
+            artifact.mimeType === "text/plain" && "whitespace-pre-wrap"
+          )
         }
-      ), artifact.type === "html" && artifact.scriptElements && /* @__PURE__ */ React63.createElement(
+      ), artifact.type === "SCRIPT" && artifact.scriptElements && /* @__PURE__ */ React64.createElement(
         ScriptCard,
         {
           elements: artifact.scriptElements,
@@ -5365,13 +5418,13 @@ function ArtifactRenderer({
       setMinDelayPassed(true);
     }, 800);
     return () => clearTimeout(timer);
-  }, [artifact.src, artifact.id]);
+  }, [artifact.url, artifact.id]);
   const fullWidthClass = artifact.fullWidth ? "col-span-full" : "";
   if (isLoading || artifact.isPending) {
-    return /* @__PURE__ */ React63.createElement(ArtifactSkeleton, { type: artifact.type, fullWidth: artifact.fullWidth });
+    return /* @__PURE__ */ React64.createElement(ArtifactSkeleton, { type: artifact.type, fullWidth: artifact.fullWidth });
   }
-  const showContent = artifact.type !== "image" || imageLoaded && minDelayPassed;
-  const expandButton = onExpand && /* @__PURE__ */ React63.createElement(
+  const showContent = artifact.type !== "IMAGE" || imageLoaded && minDelayPassed;
+  const expandButton = onExpand && /* @__PURE__ */ React64.createElement(
     "button",
     {
       onClick: (e) => {
@@ -5385,22 +5438,22 @@ function ArtifactRenderer({
       ),
       "aria-label": "Expand artifact"
     },
-    /* @__PURE__ */ React63.createElement(ExpandIcon, { className: "w-4 h-4" })
+    /* @__PURE__ */ React64.createElement(ExpandIcon, { className: "w-4 h-4" })
   );
   switch (artifact.type) {
-    case "image":
-      return /* @__PURE__ */ React63.createElement(
+    case "IMAGE":
+      return /* @__PURE__ */ React64.createElement(
         "div",
         {
           className: cx("relative group cursor-pointer", fullWidthClass),
           onClick: onExpand
         },
-        !showContent && /* @__PURE__ */ React63.createElement(ArtifactSkeleton, { type: "image" }),
+        !showContent && /* @__PURE__ */ React64.createElement(ArtifactSkeleton, { type: "IMAGE" }),
         expandButton,
-        /* @__PURE__ */ React63.createElement(
+        /* @__PURE__ */ React64.createElement(
           ImageCard,
           {
-            src: artifact.src || "",
+            src: artifact.url || "",
             alt: artifact.alt || "Artifact image",
             title: artifact.title,
             subtitle: artifact.subtitle,
@@ -5413,11 +5466,11 @@ function ArtifactRenderer({
           }
         )
       );
-    case "video":
-      return /* @__PURE__ */ React63.createElement("div", { className: cx("relative group", fullWidthClass) }, expandButton, /* @__PURE__ */ React63.createElement(
+    case "VIDEO":
+      return /* @__PURE__ */ React64.createElement("div", { className: cx("relative group", fullWidthClass) }, expandButton, /* @__PURE__ */ React64.createElement(
         VideoCard,
         {
-          src: artifact.src || "",
+          src: artifact.url || "",
           title: artifact.title,
           subtitle: artifact.subtitle,
           aspectRatio: "video",
@@ -5425,26 +5478,44 @@ function ArtifactRenderer({
           className: "w-full"
         }
       ));
-    case "audio":
-      return /* @__PURE__ */ React63.createElement("div", { className: cx("relative group", fullWidthClass) }, expandButton, /* @__PURE__ */ React63.createElement(
+    case "AUDIO":
+      return /* @__PURE__ */ React64.createElement("div", { className: cx("relative group", fullWidthClass) }, expandButton, /* @__PURE__ */ React64.createElement(
         AudioCard,
         {
-          src: artifact.src || "",
+          src: artifact.url || "",
           title: artifact.title,
           subtitle: artifact.subtitle,
           controls: true,
           className: "w-full"
         }
       ));
-    case "html":
-      return /* @__PURE__ */ React63.createElement(
+    case "PDF":
+      return /* @__PURE__ */ React64.createElement(
+        "div",
+        {
+          className: cx("relative group cursor-pointer", fullWidthClass),
+          onClick: onExpand
+        },
+        expandButton,
+        /* @__PURE__ */ React64.createElement(
+          PdfCard,
+          {
+            url: artifact.url || "",
+            title: artifact.title,
+            subtitle: artifact.subtitle,
+            className: "w-full"
+          }
+        )
+      );
+    case "SCRIPT":
+      return /* @__PURE__ */ React64.createElement(
         "div",
         {
           className: cx("relative group cursor-pointer", fullWidthClass),
           onClick: onExpand
         },
         expandButton,
-        /* @__PURE__ */ React63.createElement(
+        /* @__PURE__ */ React64.createElement(
           ScriptCard,
           {
             title: artifact.title,
@@ -5455,8 +5526,8 @@ function ArtifactRenderer({
           }
         )
       );
-    case "text":
-      return /* @__PURE__ */ React63.createElement(
+    case "TEXT":
+      return /* @__PURE__ */ React64.createElement(
         "div",
         {
           className: cx(
@@ -5466,12 +5537,16 @@ function ArtifactRenderer({
           onClick: onExpand
         },
         expandButton,
-        artifact.title && /* @__PURE__ */ React63.createElement("h4", { className: "text-sm font-semibold text-white mb-2" }, artifact.title),
-        /* @__PURE__ */ React63.createElement(
+        artifact.title && /* @__PURE__ */ React64.createElement("h4", { className: "text-sm font-semibold text-white mb-2" }, artifact.title),
+        /* @__PURE__ */ React64.createElement(
           MarkdownContent,
           {
-            content: artifact.content || "",
-            className: "prose-sm prose-invert max-h-48 overflow-y-auto"
+            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"
+            )
           }
         )
       );
@@ -5479,7 +5554,7 @@ function ArtifactRenderer({
       return null;
   }
 }
-var ArtifactsPanel = React63.forwardRef(
+var ArtifactsPanel = React64.forwardRef(
   ({
     artifacts,
     isOpen = false,
@@ -5494,7 +5569,7 @@ var ArtifactsPanel = React63.forwardRef(
     const [expandedArtifact, setExpandedArtifact] = useState14(null);
     const columns = widthPercent && widthPercent > 55 ? 3 : widthPercent && widthPercent > 35 ? 2 : 1;
     if (!isOpen) {
-      return /* @__PURE__ */ React63.createElement(
+      return /* @__PURE__ */ React64.createElement(
         "div",
         {
           ref,
@@ -5505,7 +5580,7 @@ var ArtifactsPanel = React63.forwardRef(
           ),
           ...rest
         },
-        /* @__PURE__ */ React63.createElement(
+        /* @__PURE__ */ React64.createElement(
           "button",
           {
             onClick: onClose,
@@ -5517,8 +5592,8 @@ var ArtifactsPanel = React63.forwardRef(
             ),
             "aria-label": "Expand artifacts panel"
           },
-          /* @__PURE__ */ React63.createElement(LayersIcon, { className: "w-5 h-5" }),
-          artifacts.length > 0 && /* @__PURE__ */ React63.createElement(
+          /* @__PURE__ */ React64.createElement(LayersIcon, { className: "w-5 h-5" }),
+          artifacts.length > 0 && /* @__PURE__ */ React64.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"
@@ -5528,7 +5603,7 @@ var ArtifactsPanel = React63.forwardRef(
         )
       );
     }
-    return /* @__PURE__ */ React63.createElement(React63.Fragment, null, /* @__PURE__ */ React63.createElement(
+    return /* @__PURE__ */ React64.createElement(React64.Fragment, null, /* @__PURE__ */ React64.createElement(
       "div",
       {
         ref,
@@ -5542,7 +5617,7 @@ var ArtifactsPanel = React63.forwardRef(
         style: width ? { width } : void 0,
         ...rest
       },
-      /* @__PURE__ */ React63.createElement(
+      /* @__PURE__ */ React64.createElement(
         "div",
         {
           onMouseDown: onResizeStart,
@@ -5555,13 +5630,13 @@ var ArtifactsPanel = React63.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ React63.createElement(
+      /* @__PURE__ */ React64.createElement(
         "div",
         {
           className: "flex items-center justify-between p-4 border-b border-ash/40 shrink-0"
         },
-        /* @__PURE__ */ React63.createElement("h3", { className: "text-sm font-semibold text-white" }, "Artifacts"),
-        /* @__PURE__ */ React63.createElement(
+        /* @__PURE__ */ React64.createElement("h3", { className: "text-sm font-semibold text-white" }, "Artifacts"),
+        /* @__PURE__ */ React64.createElement(
           "button",
           {
             onClick: onClose,
@@ -5572,10 +5647,10 @@ var ArtifactsPanel = React63.forwardRef(
             ),
             "aria-label": "Collapse artifacts panel"
           },
-          /* @__PURE__ */ React63.createElement(ChevronRightIcon, { className: "w-5 h-5" })
+          /* @__PURE__ */ React64.createElement(ChevronRightIcon, { className: "w-5 h-5" })
         )
       ),
-      /* @__PURE__ */ React63.createElement(
+      /* @__PURE__ */ React64.createElement(
         "div",
         {
           "data-testid": "artifacts-grid",
@@ -5586,7 +5661,7 @@ var ArtifactsPanel = React63.forwardRef(
             columns === 3 && "grid-cols-3"
           )
         },
-        artifacts.length === 0 && !isLoading ? /* @__PURE__ */ React63.createElement("p", { className: "text-xs text-silver/60 text-center py-8" }, "No artifacts to display") : artifacts.map((artifact) => /* @__PURE__ */ React63.createElement(
+        artifacts.length === 0 && !isLoading ? /* @__PURE__ */ React64.createElement("p", { className: "text-xs text-silver/60 text-center py-8" }, "No artifacts to display") : artifacts.map((artifact) => /* @__PURE__ */ React64.createElement(
           ArtifactRenderer,
           {
             key: artifact.id,
@@ -5596,7 +5671,7 @@ var ArtifactsPanel = React63.forwardRef(
           }
         ))
       )
-    ), expandedArtifact && /* @__PURE__ */ React63.createElement(
+    ), expandedArtifact && /* @__PURE__ */ React64.createElement(
       ArtifactModal,
       {
         artifact: expandedArtifact,
@@ -5606,8 +5681,8 @@ var ArtifactsPanel = React63.forwardRef(
   }
 );
 ArtifactsPanel.displayName = "ArtifactsPanel";
-var ArtifactsPanelToggle = React63.forwardRef(({ artifactCount = 0, onExpand, className, ...rest }, ref) => {
-  return /* @__PURE__ */ React63.createElement(
+var ArtifactsPanelToggle = React64.forwardRef(({ artifactCount = 0, onExpand, className, ...rest }, ref) => {
+  return /* @__PURE__ */ React64.createElement(
     "button",
     {
       ref,
@@ -5624,8 +5699,8 @@ var ArtifactsPanelToggle = React63.forwardRef(({ artifactCount = 0, onExpand, cl
       "aria-label": "Expand artifacts panel",
       ...rest
     },
-    /* @__PURE__ */ React63.createElement(LayersIcon, { className: "w-5 h-5" }),
-    artifactCount > 0 && /* @__PURE__ */ React63.createElement(
+    /* @__PURE__ */ React64.createElement(LayersIcon, { className: "w-5 h-5" }),
+    artifactCount > 0 && /* @__PURE__ */ React64.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"
@@ -5637,20 +5712,20 @@ var ArtifactsPanelToggle = React63.forwardRef(({ artifactCount = 0, onExpand, cl
 ArtifactsPanelToggle.displayName = "ArtifactsPanelToggle";
 
 // src/components/chat/TodosList.tsx
-import React64, { useMemo as useMemo2 } from "react";
+import React65, { useMemo as useMemo2 } from "react";
 function TaskIcon({ status }) {
   switch (status) {
     case "done":
-      return /* @__PURE__ */ React64.createElement(CheckSquareIcon, null);
+      return /* @__PURE__ */ React65.createElement(CheckSquareIcon, null);
     case "in_progress":
-      return /* @__PURE__ */ React64.createElement(SquareLoaderIcon, null);
+      return /* @__PURE__ */ React65.createElement(SquareLoaderIcon, null);
     case "cancelled":
-      return /* @__PURE__ */ React64.createElement(CrossSquareIcon, { variant: "cancelled" });
+      return /* @__PURE__ */ React65.createElement(CrossSquareIcon, { variant: "cancelled" });
     case "failed":
-      return /* @__PURE__ */ React64.createElement(CrossSquareIcon, { variant: "failed" });
+      return /* @__PURE__ */ React65.createElement(CrossSquareIcon, { variant: "failed" });
     case "pending":
     default:
-      return /* @__PURE__ */ React64.createElement(EmptySquareIcon, null);
+      return /* @__PURE__ */ React65.createElement(EmptySquareIcon, null);
   }
 }
 function sortTasks(tasks) {
@@ -5670,7 +5745,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__ */ React64.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React64.createElement(
+  return /* @__PURE__ */ React65.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React65.createElement(
     "div",
     {
       className: cx(
@@ -5678,8 +5753,8 @@ function TaskItem({ task, depth = 0 }) {
         depth > 0 && "pl-6"
       )
     },
-    /* @__PURE__ */ React64.createElement(TaskIcon, { status: task.status }),
-    /* @__PURE__ */ React64.createElement(
+    /* @__PURE__ */ React65.createElement(TaskIcon, { status: task.status }),
+    /* @__PURE__ */ React65.createElement(
       "span",
       {
         className: cx(
@@ -5691,12 +5766,12 @@ function TaskItem({ task, depth = 0 }) {
         )
       },
       task.label,
-      task.status === "cancelled" && /* @__PURE__ */ React64.createElement("span", { className: "text-silver/40 ml-1" }, "(cancelled)"),
-      task.status === "failed" && /* @__PURE__ */ React64.createElement("span", { className: "text-error/60 ml-1" }, "(failed)")
+      task.status === "cancelled" && /* @__PURE__ */ React65.createElement("span", { className: "text-silver/40 ml-1" }, "(cancelled)"),
+      task.status === "failed" && /* @__PURE__ */ React65.createElement("span", { className: "text-error/60 ml-1" }, "(failed)")
     )
-  ), showSubtasks && /* @__PURE__ */ React64.createElement("div", { className: "flex flex-col" }, sortedSubtasks.map((subtask) => /* @__PURE__ */ React64.createElement(TaskItem, { key: subtask.id, task: subtask, depth: depth + 1 }))));
+  ), showSubtasks && /* @__PURE__ */ React65.createElement("div", { className: "flex flex-col" }, sortedSubtasks.map((subtask) => /* @__PURE__ */ React65.createElement(TaskItem, { key: subtask.id, task: subtask, depth: depth + 1 }))));
 }
-var TodosList = React64.forwardRef(
+var TodosList = React65.forwardRef(
   ({ tasks, title = "Tasks", className, ...rest }, ref) => {
     const sortedTasks = useMemo2(() => sortTasks(tasks), [tasks]);
     const countCompleted = (taskList) => {
@@ -5717,7 +5792,7 @@ var TodosList = React64.forwardRef(
     if (tasks.length === 0) {
       return null;
     }
-    return /* @__PURE__ */ React64.createElement(
+    return /* @__PURE__ */ React65.createElement(
       "div",
       {
         ref,
@@ -5729,8 +5804,8 @@ var TodosList = React64.forwardRef(
         style: { maxHeight: "25vh" },
         ...rest
       },
-      /* @__PURE__ */ React64.createElement("div", { className: "flex items-center justify-between px-4 py-2 border-b border-ash/40 flex-shrink-0" }, /* @__PURE__ */ React64.createElement("h4", { className: "text-xs font-medium text-white" }, title), /* @__PURE__ */ React64.createElement("span", { className: "text-xs text-silver/60" }, countCompleted(tasks), "/", countTotal(tasks))),
-      /* @__PURE__ */ React64.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-2" }, sortedTasks.map((task) => /* @__PURE__ */ React64.createElement(TaskItem, { key: task.id, task })))
+      /* @__PURE__ */ React65.createElement("div", { className: "flex items-center justify-between px-4 py-2 border-b border-ash/40 flex-shrink-0" }, /* @__PURE__ */ React65.createElement("h4", { className: "text-xs font-medium text-white" }, title), /* @__PURE__ */ React65.createElement("span", { className: "text-xs text-silver/60" }, countCompleted(tasks), "/", countTotal(tasks))),
+      /* @__PURE__ */ React65.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-2" }, sortedTasks.map((task) => /* @__PURE__ */ React65.createElement(TaskItem, { key: task.id, task })))
     );
   }
 );
@@ -5827,7 +5902,7 @@ function useResizable({
 }
 
 // src/components/chat/ChatInterface.tsx
-var ChatInterface = React65.forwardRef(
+var ChatInterface = React66.forwardRef(
   ({
     messages = [],
     conversationTree,
@@ -5904,7 +5979,7 @@ var ChatInterface = React65.forwardRef(
     const hasPendingArtifact = useMemo3(() => {
       return artifacts.some((a) => a.isPending);
     }, [artifacts]);
-    React65.useEffect(() => {
+    React66.useEffect(() => {
       if (!isPanelControlled && artifacts.length > 0) {
         setInternalPanelOpen(true);
       }
@@ -5970,14 +6045,14 @@ var ChatInterface = React65.forwardRef(
       }
     }, [isPanelControlled, artifactsPanelOpen, onArtifactsPanelOpenChange]);
     const isEmpty = effectiveMessages.length === 0;
-    return /* @__PURE__ */ React65.createElement(
+    return /* @__PURE__ */ React66.createElement(
       "div",
       {
         ref,
         className: cx("flex h-full w-full bg-obsidian overflow-hidden", className),
         ...rest
       },
-      /* @__PURE__ */ React65.createElement(
+      /* @__PURE__ */ React66.createElement(
         ConversationSidebar,
         {
           conversations,
@@ -5989,16 +6064,16 @@ var ChatInterface = React65.forwardRef(
           onResizeStart: startResizingSidebar
         }
       ),
-      /* @__PURE__ */ React65.createElement("div", { className: "flex-1 flex flex-col min-w-0 relative" }, /* @__PURE__ */ React65.createElement("div", { className: cx(
+      /* @__PURE__ */ React66.createElement("div", { className: "flex-1 flex flex-col min-w-0 relative" }, /* @__PURE__ */ React66.createElement("div", { className: cx(
         "flex-1 flex flex-col min-h-0 relative",
         isEmpty ? "justify-center" : "justify-start"
-      ) }, /* @__PURE__ */ React65.createElement("div", { className: cx(
+      ) }, /* @__PURE__ */ React66.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out",
         isEmpty ? "flex-1" : "flex-zero"
-      ) }), /* @__PURE__ */ React65.createElement("div", { className: cx(
+      ) }), /* @__PURE__ */ React66.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__ */ React65.createElement(
+      ) }, /* @__PURE__ */ React66.createElement(
         ChatView,
         {
           messages: displayMessages,
@@ -6007,10 +6082,10 @@ var ChatInterface = React65.forwardRef(
           isThinking,
           className: "flex-1"
         }
-      )), /* @__PURE__ */ React65.createElement("div", { className: cx(
+      )), /* @__PURE__ */ React66.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__ */ React65.createElement("div", { className: "mb-8 text-center animate-fade-in duration-500" }, emptyState ? emptyState : /* @__PURE__ */ React65.createElement("h1", { className: "text-4xl md:text-5xl font-heading text-gold mb-2 tracking-tight" }, "Welcome!")), /* @__PURE__ */ React65.createElement(
+      ) }, isEmpty && /* @__PURE__ */ React66.createElement("div", { className: "mb-8 text-center animate-fade-in duration-500" }, emptyState ? emptyState : /* @__PURE__ */ React66.createElement("h1", { className: "text-4xl md:text-5xl font-heading text-gold mb-2 tracking-tight" }, "Welcome!")), /* @__PURE__ */ React66.createElement(
         ChatInput,
         {
           position: isEmpty ? "centered" : "bottom",
@@ -6024,11 +6099,11 @@ var ChatInterface = React65.forwardRef(
           attachments: propsAttachments,
           onAttachmentsChange
         }
-      )), /* @__PURE__ */ React65.createElement("div", { className: cx(
+      )), /* @__PURE__ */ React66.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out",
         isEmpty ? "flex-1" : "flex-zero"
       ) }))),
-      /* @__PURE__ */ React65.createElement("div", { className: "h-full flex flex-col shrink-0" }, /* @__PURE__ */ React65.createElement("div", { className: "flex-1 min-h-0" }, /* @__PURE__ */ React65.createElement(
+      /* @__PURE__ */ React66.createElement("div", { className: "h-full flex flex-col shrink-0" }, /* @__PURE__ */ React66.createElement("div", { className: "flex-1 min-h-0" }, /* @__PURE__ */ React66.createElement(
         ArtifactsPanel,
         {
           artifacts,
@@ -6040,7 +6115,7 @@ var ChatInterface = React65.forwardRef(
           onResizeStart: startResizingArtifacts,
           className: "h-full"
         }
-      )), tasks.length > 0 && artifactsPanelOpen && /* @__PURE__ */ React65.createElement(
+      )), tasks.length > 0 && artifactsPanelOpen && /* @__PURE__ */ React66.createElement(
         TodosList,
         {
           tasks,
@@ -6054,9 +6129,9 @@ var ChatInterface = React65.forwardRef(
 ChatInterface.displayName = "ChatInterface";
 
 // src/components/chat/MessageActions.tsx
-import React66, { useCallback as useCallback18, useState as useState18 } from "react";
+import React67, { useCallback as useCallback18, useState as useState18 } from "react";
 import { Check as Check3, Copy, Pencil, RotateCcw, Send as Send2, X as X5 } from "lucide-react";
-var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ React66.createElement(
+var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ React67.createElement(
   "button",
   {
     type: "button",
@@ -6072,7 +6147,7 @@ var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @_
   },
   children
 );
-var MessageActions = React66.forwardRef(
+var MessageActions = React67.forwardRef(
   ({
     variant,
     content,
@@ -6146,19 +6221,19 @@ var MessageActions = React66.forwardRef(
     );
     const isUser = variant === "user";
     if (isUser && isEditing) {
-      return /* @__PURE__ */ React66.createElement(
+      return /* @__PURE__ */ React67.createElement(
         "div",
         {
           ref,
           className: cx("mt-2", className),
           ...rest
         },
-        /* @__PURE__ */ React66.createElement(
+        /* @__PURE__ */ React67.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__ */ React66.createElement(
+          /* @__PURE__ */ React67.createElement(
             "textarea",
             {
               value: editValue,
@@ -6169,15 +6244,15 @@ var MessageActions = React66.forwardRef(
               rows: 2
             }
           ),
-          /* @__PURE__ */ React66.createElement("div", { className: "absolute right-2 bottom-2 flex gap-1" }, /* @__PURE__ */ React66.createElement(
+          /* @__PURE__ */ React67.createElement("div", { className: "absolute right-2 bottom-2 flex gap-1" }, /* @__PURE__ */ React67.createElement(
             ActionButton2,
             {
               onClick: handleCancelEdit,
               label: "Cancel edit",
               className: "text-silver/60 hover:text-error"
             },
-            /* @__PURE__ */ React66.createElement(X5, { className: "w-4 h-4" })
-          ), /* @__PURE__ */ React66.createElement(
+            /* @__PURE__ */ React67.createElement(X5, { className: "w-4 h-4" })
+          ), /* @__PURE__ */ React67.createElement(
             ActionButton2,
             {
               onClick: handleSubmitEdit,
@@ -6185,13 +6260,13 @@ var MessageActions = React66.forwardRef(
               className: "text-silver/60 hover:text-gold",
               disabled: !editValue.trim() || editValue.trim() === content
             },
-            /* @__PURE__ */ React66.createElement(Send2, { className: "w-4 h-4" })
+            /* @__PURE__ */ React67.createElement(Send2, { className: "w-4 h-4" })
           ))
         ),
-        /* @__PURE__ */ React66.createElement("p", { className: "text-xs text-silver/50 mt-1" }, "Press Enter to submit, Esc to cancel. This will create a new branch.")
+        /* @__PURE__ */ React67.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__ */ React66.createElement(
+    return /* @__PURE__ */ React67.createElement(
       "div",
       {
         ref,
@@ -6202,18 +6277,18 @@ var MessageActions = React66.forwardRef(
         ),
         ...rest
       },
-      /* @__PURE__ */ React66.createElement(ActionButton2, { onClick: handleCopy, label: copied ? "Copied!" : "Copy message" }, copied ? /* @__PURE__ */ React66.createElement(Check3, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ React66.createElement(Copy, { className: "w-3.5 h-3.5" })),
-      isUser && onEdit && /* @__PURE__ */ React66.createElement(ActionButton2, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ React66.createElement(Pencil, { className: "w-3.5 h-3.5" })),
-      !isUser && onRetry && /* @__PURE__ */ React66.createElement(ActionButton2, { onClick: onRetry, label: "Regenerate response" }, /* @__PURE__ */ React66.createElement(RotateCcw, { className: "w-3.5 h-3.5" }))
+      /* @__PURE__ */ React67.createElement(ActionButton2, { onClick: handleCopy, label: copied ? "Copied!" : "Copy message" }, copied ? /* @__PURE__ */ React67.createElement(Check3, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ React67.createElement(Copy, { className: "w-3.5 h-3.5" })),
+      isUser && onEdit && /* @__PURE__ */ React67.createElement(ActionButton2, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ React67.createElement(Pencil, { className: "w-3.5 h-3.5" })),
+      !isUser && onRetry && /* @__PURE__ */ React67.createElement(ActionButton2, { onClick: onRetry, label: "Regenerate response" }, /* @__PURE__ */ React67.createElement(RotateCcw, { className: "w-3.5 h-3.5" }))
     );
   }
 );
 MessageActions.displayName = "MessageActions";
 
 // src/components/chat/BranchNavigator.tsx
-import React67 from "react";
+import React68 from "react";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight3, GitBranch } from "lucide-react";
-var BranchNavigator = React67.forwardRef(
+var BranchNavigator = React68.forwardRef(
   ({
     current,
     total,
@@ -6232,7 +6307,7 @@ var BranchNavigator = React67.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__ */ React67.createElement(
+    return /* @__PURE__ */ React68.createElement(
       "div",
       {
         ref,
@@ -6244,8 +6319,8 @@ var BranchNavigator = React67.forwardRef(
         "aria-label": "Branch navigation",
         ...rest
       },
-      showIcon && /* @__PURE__ */ React67.createElement(GitBranch, { className: cx(iconSize, "mr-0.5 text-silver/50"), "aria-hidden": "true" }),
-      /* @__PURE__ */ React67.createElement(
+      showIcon && /* @__PURE__ */ React68.createElement(GitBranch, { className: cx(iconSize, "mr-0.5 text-silver/50"), "aria-hidden": "true" }),
+      /* @__PURE__ */ React68.createElement(
         "button",
         {
           type: "button",
@@ -6258,10 +6333,10 @@ var BranchNavigator = React67.forwardRef(
           ),
           "aria-label": "Previous branch"
         },
-        /* @__PURE__ */ React67.createElement(ChevronLeft2, { className: iconSize })
+        /* @__PURE__ */ React68.createElement(ChevronLeft2, { className: iconSize })
       ),
-      /* @__PURE__ */ React67.createElement("span", { className: cx(textSize, "tabular-nums min-w-6 text-center") }, current, "/", total),
-      /* @__PURE__ */ React67.createElement(
+      /* @__PURE__ */ React68.createElement("span", { className: cx(textSize, "tabular-nums min-w-6 text-center") }, current, "/", total),
+      /* @__PURE__ */ React68.createElement(
         "button",
         {
           type: "button",
@@ -6274,7 +6349,7 @@ var BranchNavigator = React67.forwardRef(
           ),
           "aria-label": "Next branch"
         },
-        /* @__PURE__ */ React67.createElement(ChevronRight3, { className: iconSize })
+        /* @__PURE__ */ React68.createElement(ChevronRight3, { className: iconSize })
       )
     );
   }
@@ -6282,16 +6357,16 @@ var BranchNavigator = React67.forwardRef(
 BranchNavigator.displayName = "BranchNavigator";
 
 // src/components/BrandIcon.tsx
-import React68 from "react";
+import React69 from "react";
 var sizeMap2 = {
   sm: "h-8 w-8 text-sm",
   md: "h-12 w-12 text-base",
   lg: "h-16 w-16 text-lg"
 };
-var BrandIcon = React68.forwardRef(
+var BrandIcon = React69.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__ */ React68.createElement(
+    return /* @__PURE__ */ React69.createElement(
       "div",
       {
         ref,
@@ -6310,17 +6385,17 @@ var BrandIcon = React68.forwardRef(
 BrandIcon.displayName = "BrandIcon";
 
 // src/components/ColorSwatch.tsx
-import React69 from "react";
-var ColorSwatch = React69.forwardRef(
+import React70 from "react";
+var ColorSwatch = React70.forwardRef(
   ({ color, label, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React69.createElement(
+    return /* @__PURE__ */ React70.createElement(
       "div",
       {
         ref,
         className: cx("flex flex-col items-center gap-2", className),
         ...rest
       },
-      /* @__PURE__ */ React69.createElement(
+      /* @__PURE__ */ React70.createElement(
         "div",
         {
           className: "h-16 w-16 border-2 border-ash rounded-none shadow-sm",
@@ -6328,22 +6403,22 @@ var ColorSwatch = React69.forwardRef(
           "aria-label": label || color
         }
       ),
-      label && /* @__PURE__ */ React69.createElement("span", { className: "text-xs text-silver font-medium" }, label)
+      label && /* @__PURE__ */ React70.createElement("span", { className: "text-xs text-silver font-medium" }, label)
     );
   }
 );
 ColorSwatch.displayName = "ColorSwatch";
 
 // src/components/SectionHeading.tsx
-import React70 from "react";
+import React71 from "react";
 var levelStyles = {
   h2: "text-2xl mb-4",
   h3: "text-xl mb-3"
 };
-var SectionHeading = React70.forwardRef(
+var SectionHeading = React71.forwardRef(
   ({ level = "h2", children, className, ...rest }, ref) => {
     const Component = level;
-    return /* @__PURE__ */ React70.createElement(
+    return /* @__PURE__ */ React71.createElement(
       Component,
       {
         ref,
@@ -6435,6 +6510,7 @@ export {
   NavbarItem,
   NavbarLink,
   Pagination,
+  PdfCard,
   PlusIcon,
   Popover,
   Progress,