@lukeashford/aurelius 4.4.0 → 4.6.0

package/dist/index.mjs

@@ -3949,9 +3949,26 @@ var Message = React55.forwardRef(
     hideActions,
     attachments,
     onAttachmentOpen,
+    onJumpHere,
+    isActive,
     ...rest
   }, ref) => {
     const isUser = variant === "user";
+    const isJumpInteractive = !!onJumpHere && !isActive && !isStreaming;
+    const handleBubbleClick = useCallback12((e) => {
+      if (!isJumpInteractive) {
+        return;
+      }
+      const target = e.target;
+      if (target.closest("a, button")) {
+        return;
+      }
+      const selection = typeof window !== "undefined" ? window.getSelection() : null;
+      if (selection && !selection.isCollapsed) {
+        return;
+      }
+      onJumpHere();
+    }, [isJumpInteractive, onJumpHere]);
     const { copied, copy } = useCopyToClipboard();
     const [isEditing, setIsEditing] = useState12(false);
     const [editValue, setEditValue] = useState12(typeof content === "string" ? content : "");
@@ -4058,8 +4075,12 @@ var Message = React55.forwardRef(
         {
           className: cx(
             "px-3 py-2 w-fit max-w-11/12",
-            VARIANT_STYLES3[variant]
-          )
+            VARIANT_STYLES3[variant],
+            isJumpInteractive && "cursor-pointer hover:brightness-110 transition-all duration-150"
+          ),
+          onClick: isJumpInteractive ? handleBubbleClick : void 0,
+          role: isJumpInteractive ? "button" : void 0,
+          "aria-label": isJumpInteractive ? "Jump to this message" : void 0
         },
         typeof content === "string" ? /* @__PURE__ */ React55.createElement(
           MarkdownContent,
@@ -6804,7 +6825,7 @@ var ChatInterface = React76.forwardRef(
     onMessageSubmit,
     onEditMessage,
     onRetryMessage,
-    onJumpToCheckpoint,
+    onJumpHere,
     onJumpToLatest,
     onStop,
     onSelectConversation,
@@ -6980,16 +7001,16 @@ var ChatInterface = React76.forwardRef(
       },
       [tree, onTreeChange]
     );
-    const handleJumpToCheckpoint = useCallback22((checkpointId) => {
+    const handleJumpHere = useCallback22((nodeId) => {
       if (!tree) return;
-      if (onJumpToCheckpoint) {
-        onJumpToCheckpoint(checkpointId);
+      if (onJumpHere) {
+        onJumpHere(nodeId);
         return;
       }
       if (onTreeChange) {
-        onTreeChange(setActiveLeaf(tree, checkpointId));
+        onTreeChange(setActiveLeaf(tree, nodeId));
       }
-    }, [tree, onTreeChange, onJumpToCheckpoint]);
+    }, [tree, onTreeChange, onJumpHere]);
     const handleJumpToLatest = useCallback22(() => {
       if (!tree) return;
       if (onJumpToLatest) {
@@ -7017,7 +7038,7 @@ var ChatInterface = React76.forwardRef(
             isActive: node.id === activeCheckpointId && !opts.muted,
             muted: opts.muted,
             branchInfo,
-            onJumpHere: () => handleJumpToCheckpoint(node.id)
+            onJumpHere: () => handleJumpHere(node.id)
           };
         }
         const actions = enableMessageActions ? {
@@ -7025,6 +7046,7 @@ var ChatInterface = React76.forwardRef(
           onEdit: node.role === "user" && onEditMessage ? (newContent) => onEditMessage(node.id, newContent) : void 0,
           onRetry: node.role === "assistant" && onRetryMessage ? () => onRetryMessage(node.id) : void 0
         } : void 0;
+        const isActiveLeaf = tree?.activeLeafId === node.id;
         return {
           kind: "message",
           id: node.id,
@@ -7041,7 +7063,9 @@ var ChatInterface = React76.forwardRef(
             artifactId: a.artifactId,
             status: a.status ?? "analyzed"
           })) : void 0,
-          onAttachmentOpen: handleAttachmentOpen
+          onAttachmentOpen: handleAttachmentOpen,
+          isActive: isActiveLeaf,
+          onJumpHere: () => handleJumpHere(node.id)
         };
       },
       [
@@ -7051,7 +7075,7 @@ var ChatInterface = React76.forwardRef(
         onEditMessage,
         onRetryMessage,
         handleBranchSwitch,
-        handleJumpToCheckpoint,
+        handleJumpHere,
         handleAttachmentOpen
       ]
     );
@@ -7540,6 +7564,155 @@ var NODE_TYPES = {
   VARIANT_SET: "VARIANT_SET"
 };
 
+// src/components/deliverable/DeliverableRenderer.tsx
+import React88, { useState as useState25 } from "react";
+
+// src/components/deliverable/CoverSection.tsx
+import React82 from "react";
+function CoverSection({ data, clientName }) {
+  return /* @__PURE__ */ React82.createElement("section", { className: "deliverable-cover deliverable-page" }, /* @__PURE__ */ React82.createElement("div", { className: "deliverable-cover-inner" }, data.eyebrow && /* @__PURE__ */ React82.createElement("p", { className: "deliverable-cover-eyebrow" }, data.eyebrow), /* @__PURE__ */ React82.createElement("h1", { className: "deliverable-cover-title" }, data.title), data.subtitle && /* @__PURE__ */ React82.createElement("p", { className: "deliverable-cover-subtitle" }, data.subtitle), clientName && /* @__PURE__ */ React82.createElement("p", { className: "deliverable-cover-client" }, "Prepared for", " ", /* @__PURE__ */ React82.createElement("span", { className: "deliverable-cover-client-name" }, clientName))));
+}
+
+// src/components/deliverable/ArtifactImageGridSection.tsx
+import React83 from "react";
+var COLUMN_CLASSES = {
+  1: "deliverable-image-grid-cols-1",
+  2: "deliverable-image-grid-cols-2",
+  3: "deliverable-image-grid-cols-3"
+};
+function ArtifactImageGridSection({ data }) {
+  const columns = clampColumns(data.columns);
+  return /* @__PURE__ */ React83.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React83.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React83.createElement("div", { className: cx("deliverable-image-grid", COLUMN_CLASSES[columns]) }, data.items.map((item, idx) => /* @__PURE__ */ React83.createElement("figure", { key: idx, className: "deliverable-image-item" }, item.artifact.url ? /* @__PURE__ */ React83.createElement(
+    "img",
+    {
+      src: item.artifact.url,
+      alt: item.artifact.title ?? "",
+      className: "deliverable-image-img"
+    }
+  ) : /* @__PURE__ */ React83.createElement("div", { className: "deliverable-image-missing" }, "Missing image"), item.caption && /* @__PURE__ */ React83.createElement("figcaption", { className: "deliverable-image-caption" }, item.caption)))));
+}
+function clampColumns(n) {
+  if (n <= 1) return 1;
+  if (n === 2) return 2;
+  return 3;
+}
+
+// src/components/deliverable/ArtifactSpotlightSection.tsx
+import React84 from "react";
+function ArtifactSpotlightSection({ data }) {
+  return /* @__PURE__ */ React84.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React84.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React84.createElement("div", { className: "deliverable-spotlight-media" }, data.artifact.url ? /* @__PURE__ */ React84.createElement(
+    "img",
+    {
+      src: data.artifact.url,
+      alt: data.artifact.title ?? "",
+      className: "deliverable-spotlight-img"
+    }
+  ) : /* @__PURE__ */ React84.createElement("div", { className: "deliverable-spotlight-missing" }, "Missing image")), data.body && /* @__PURE__ */ React84.createElement(
+    MarkdownContent,
+    {
+      content: data.body,
+      className: "deliverable-spotlight-body"
+    }
+  ));
+}
+
+// src/components/deliverable/TextBlockSection.tsx
+import React85 from "react";
+function TextBlockSection({ data }) {
+  return /* @__PURE__ */ React85.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React85.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React85.createElement(
+    MarkdownContent,
+    {
+      content: data.body,
+      className: "deliverable-text-block"
+    }
+  ));
+}
+
+// src/components/deliverable/ColorPaletteSection.tsx
+import React86 from "react";
+function ColorPaletteSection({ data }) {
+  return /* @__PURE__ */ React86.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React86.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React86.createElement("div", { className: "deliverable-palette" }, data.swatches.map((swatch, idx) => /* @__PURE__ */ React86.createElement("div", { key: idx, className: "deliverable-palette-item" }, /* @__PURE__ */ React86.createElement(
+    "div",
+    {
+      className: "deliverable-palette-chip",
+      style: { backgroundColor: swatch.color },
+      "aria-label": swatch.label
+    }
+  ), /* @__PURE__ */ React86.createElement("p", { className: "deliverable-palette-label" }, swatch.label), /* @__PURE__ */ React86.createElement("p", { className: "deliverable-palette-hex" }, swatch.color.toUpperCase())))));
+}
+
+// src/components/deliverable/QuoteBlockSection.tsx
+import React87 from "react";
+function QuoteBlockSection({ data }) {
+  return /* @__PURE__ */ React87.createElement("section", { className: "deliverable-page deliverable-quote" }, /* @__PURE__ */ React87.createElement("blockquote", { className: "deliverable-quote-body" }, /* @__PURE__ */ React87.createElement("p", { className: "deliverable-quote-text" }, "\u201C", data.quote, "\u201D"), data.attribution && /* @__PURE__ */ React87.createElement("footer", { className: "deliverable-quote-attribution" }, "\u2014 ", data.attribution)));
+}
+
+// src/components/deliverable/DeliverableRenderer.tsx
+function DeliverableRenderer({
+  deliverable,
+  onDownloadPdf,
+  hideActions = false,
+  className
+}) {
+  const [isDownloading, setIsDownloading] = useState25(false);
+  const accent = deliverable.accentColor?.trim();
+  const style = accent ? { "--deliverable-accent": accent } : void 0;
+  const handleDownload = async () => {
+    if (!onDownloadPdf || isDownloading) return;
+    setIsDownloading(true);
+    try {
+      await onDownloadPdf();
+    } finally {
+      setIsDownloading(false);
+    }
+  };
+  return /* @__PURE__ */ React88.createElement(
+    "div",
+    {
+      className: cx("deliverable", className),
+      style
+    },
+    deliverable.sections.map((section, idx) => renderSection(section, idx, deliverable)),
+    !hideActions && onDownloadPdf && /* @__PURE__ */ React88.createElement("div", { className: "deliverable-actions" }, /* @__PURE__ */ React88.createElement(
+      Button,
+      {
+        variant: "important",
+        size: "md",
+        onClick: handleDownload,
+        loading: isDownloading,
+        className: "deliverable-action-button"
+      },
+      "Download PDF"
+    ))
+  );
+}
+function renderSection(section, idx, doc) {
+  const key = `${section.type}-${idx}`;
+  switch (section.type) {
+    case "COVER":
+      return /* @__PURE__ */ React88.createElement(
+        CoverSection,
+        {
+          key,
+          data: section,
+          clientName: doc.clientName
+        }
+      );
+    case "ARTIFACT_IMAGE_GRID":
+      return /* @__PURE__ */ React88.createElement(ArtifactImageGridSection, { key, data: section });
+    case "ARTIFACT_SPOTLIGHT":
+      return /* @__PURE__ */ React88.createElement(ArtifactSpotlightSection, { key, data: section });
+    case "TEXT_BLOCK":
+      return /* @__PURE__ */ React88.createElement(TextBlockSection, { key, data: section });
+    case "COLOR_PALETTE":
+      return /* @__PURE__ */ React88.createElement(ColorPaletteSection, { key, data: section });
+    case "QUOTE_BLOCK":
+      return /* @__PURE__ */ React88.createElement(QuoteBlockSection, { key, data: section });
+    default:
+      return null;
+  }
+}
+
 // src/index.ts
 var version = "2.0.0";
 export {
@@ -7552,6 +7725,8 @@ export {
   AlertDialog,
   ArtifactCard,
   ArtifactGroup,
+  ArtifactImageGridSection,
+  ArtifactSpotlightSection,
   ArtifactVariantStack,
   ArtifactsPanel,
   ArtifactsPanelToggle,
@@ -7577,10 +7752,13 @@ export {
   ChevronRightIcon,
   CloseIcon,
   Col,
+  ColorPaletteSection,
   ColorSwatch,
   ConfirmDialog,
   Container,
+  CoverSection,
   CrossSquareIcon,
+  DeliverableRenderer,
   Divider,
   Drawer,
   EmptySquareIcon,
@@ -7628,6 +7806,7 @@ export {
   Popover,
   Progress,
   PromptDialog,
+  QuoteBlockSection,
   Radio,
   Row,
   SCRIPT_ELEMENT_TYPES,
@@ -7655,6 +7834,7 @@ export {
   TableHeader,
   TableRow,
   Tabs,
+  TextBlockSection,
   TextCard,
   Textarea,
   ThinkingIndicator,