@lukeashford/aurelius 4.4.0 → 4.6.0

package/dist/index.js

@@ -39,6 +39,8 @@ __export(index_exports, {
   AlertDialog: () => AlertDialog,
   ArtifactCard: () => ArtifactCard,
   ArtifactGroup: () => ArtifactGroup,
+  ArtifactImageGridSection: () => ArtifactImageGridSection,
+  ArtifactSpotlightSection: () => ArtifactSpotlightSection,
   ArtifactVariantStack: () => ArtifactVariantStack,
   ArtifactsPanel: () => ArtifactsPanel,
   ArtifactsPanelToggle: () => ArtifactsPanelToggle,
@@ -64,10 +66,13 @@ __export(index_exports, {
   ChevronRightIcon: () => ChevronRightIcon,
   CloseIcon: () => CloseIcon,
   Col: () => Col,
+  ColorPaletteSection: () => ColorPaletteSection,
   ColorSwatch: () => ColorSwatch,
   ConfirmDialog: () => ConfirmDialog,
   Container: () => Container,
+  CoverSection: () => CoverSection,
   CrossSquareIcon: () => CrossSquareIcon,
+  DeliverableRenderer: () => DeliverableRenderer,
   Divider: () => Divider,
   Drawer: () => Drawer,
   EmptySquareIcon: () => EmptySquareIcon,
@@ -115,6 +120,7 @@ __export(index_exports, {
   Popover: () => Popover,
   Progress: () => Progress,
   PromptDialog: () => PromptDialog,
+  QuoteBlockSection: () => QuoteBlockSection,
   Radio: () => Radio,
   Row: () => Row,
   SCRIPT_ELEMENT_TYPES: () => SCRIPT_ELEMENT_TYPES,
@@ -142,6 +148,7 @@ __export(index_exports, {
   TableHeader: () => TableHeader,
   TableRow: () => TableRow,
   Tabs: () => Tabs,
+  TextBlockSection: () => TextBlockSection,
   TextCard: () => TextCard,
   Textarea: () => Textarea,
   ThinkingIndicator: () => ThinkingIndicator,
@@ -4108,9 +4115,26 @@ var Message = import_react56.default.forwardRef(
     hideActions,
     attachments,
     onAttachmentOpen,
+    onJumpHere,
+    isActive,
     ...rest
   }, ref) => {
     const isUser = variant === "user";
+    const isJumpInteractive = !!onJumpHere && !isActive && !isStreaming;
+    const handleBubbleClick = (0, import_react56.useCallback)((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] = (0, import_react56.useState)(false);
     const [editValue, setEditValue] = (0, import_react56.useState)(typeof content === "string" ? content : "");
@@ -4217,8 +4241,12 @@ var Message = import_react56.default.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__ */ import_react56.default.createElement(
           MarkdownContent,
@@ -6954,7 +6982,7 @@ var ChatInterface = import_react81.default.forwardRef(
     onMessageSubmit,
     onEditMessage,
     onRetryMessage,
-    onJumpToCheckpoint,
+    onJumpHere,
     onJumpToLatest,
     onStop,
     onSelectConversation,
@@ -7130,16 +7158,16 @@ var ChatInterface = import_react81.default.forwardRef(
       },
       [tree, onTreeChange]
     );
-    const handleJumpToCheckpoint = (0, import_react81.useCallback)((checkpointId) => {
+    const handleJumpHere = (0, import_react81.useCallback)((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 = (0, import_react81.useCallback)(() => {
       if (!tree) return;
       if (onJumpToLatest) {
@@ -7167,7 +7195,7 @@ var ChatInterface = import_react81.default.forwardRef(
             isActive: node.id === activeCheckpointId && !opts.muted,
             muted: opts.muted,
             branchInfo,
-            onJumpHere: () => handleJumpToCheckpoint(node.id)
+            onJumpHere: () => handleJumpHere(node.id)
           };
         }
         const actions = enableMessageActions ? {
@@ -7175,6 +7203,7 @@ var ChatInterface = import_react81.default.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,
@@ -7191,7 +7220,9 @@ var ChatInterface = import_react81.default.forwardRef(
             artifactId: a.artifactId,
             status: a.status ?? "analyzed"
           })) : void 0,
-          onAttachmentOpen: handleAttachmentOpen
+          onAttachmentOpen: handleAttachmentOpen,
+          isActive: isActiveLeaf,
+          onJumpHere: () => handleJumpHere(node.id)
         };
       },
       [
@@ -7201,7 +7232,7 @@ var ChatInterface = import_react81.default.forwardRef(
         onEditMessage,
         onRetryMessage,
         handleBranchSwitch,
-        handleJumpToCheckpoint,
+        handleJumpHere,
         handleAttachmentOpen
       ]
     );
@@ -7690,6 +7721,155 @@ var NODE_TYPES = {
   VARIANT_SET: "VARIANT_SET"
 };
 
+// src/components/deliverable/DeliverableRenderer.tsx
+var import_react93 = __toESM(require("react"));
+
+// src/components/deliverable/CoverSection.tsx
+var import_react87 = __toESM(require("react"));
+function CoverSection({ data, clientName }) {
+  return /* @__PURE__ */ import_react87.default.createElement("section", { className: "deliverable-cover deliverable-page" }, /* @__PURE__ */ import_react87.default.createElement("div", { className: "deliverable-cover-inner" }, data.eyebrow && /* @__PURE__ */ import_react87.default.createElement("p", { className: "deliverable-cover-eyebrow" }, data.eyebrow), /* @__PURE__ */ import_react87.default.createElement("h1", { className: "deliverable-cover-title" }, data.title), data.subtitle && /* @__PURE__ */ import_react87.default.createElement("p", { className: "deliverable-cover-subtitle" }, data.subtitle), clientName && /* @__PURE__ */ import_react87.default.createElement("p", { className: "deliverable-cover-client" }, "Prepared for", " ", /* @__PURE__ */ import_react87.default.createElement("span", { className: "deliverable-cover-client-name" }, clientName))));
+}
+
+// src/components/deliverable/ArtifactImageGridSection.tsx
+var import_react88 = __toESM(require("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__ */ import_react88.default.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ import_react88.default.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ import_react88.default.createElement("div", { className: cx("deliverable-image-grid", COLUMN_CLASSES[columns]) }, data.items.map((item, idx) => /* @__PURE__ */ import_react88.default.createElement("figure", { key: idx, className: "deliverable-image-item" }, item.artifact.url ? /* @__PURE__ */ import_react88.default.createElement(
+    "img",
+    {
+      src: item.artifact.url,
+      alt: item.artifact.title ?? "",
+      className: "deliverable-image-img"
+    }
+  ) : /* @__PURE__ */ import_react88.default.createElement("div", { className: "deliverable-image-missing" }, "Missing image"), item.caption && /* @__PURE__ */ import_react88.default.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
+var import_react89 = __toESM(require("react"));
+function ArtifactSpotlightSection({ data }) {
+  return /* @__PURE__ */ import_react89.default.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ import_react89.default.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ import_react89.default.createElement("div", { className: "deliverable-spotlight-media" }, data.artifact.url ? /* @__PURE__ */ import_react89.default.createElement(
+    "img",
+    {
+      src: data.artifact.url,
+      alt: data.artifact.title ?? "",
+      className: "deliverable-spotlight-img"
+    }
+  ) : /* @__PURE__ */ import_react89.default.createElement("div", { className: "deliverable-spotlight-missing" }, "Missing image")), data.body && /* @__PURE__ */ import_react89.default.createElement(
+    MarkdownContent,
+    {
+      content: data.body,
+      className: "deliverable-spotlight-body"
+    }
+  ));
+}
+
+// src/components/deliverable/TextBlockSection.tsx
+var import_react90 = __toESM(require("react"));
+function TextBlockSection({ data }) {
+  return /* @__PURE__ */ import_react90.default.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ import_react90.default.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ import_react90.default.createElement(
+    MarkdownContent,
+    {
+      content: data.body,
+      className: "deliverable-text-block"
+    }
+  ));
+}
+
+// src/components/deliverable/ColorPaletteSection.tsx
+var import_react91 = __toESM(require("react"));
+function ColorPaletteSection({ data }) {
+  return /* @__PURE__ */ import_react91.default.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ import_react91.default.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ import_react91.default.createElement("div", { className: "deliverable-palette" }, data.swatches.map((swatch, idx) => /* @__PURE__ */ import_react91.default.createElement("div", { key: idx, className: "deliverable-palette-item" }, /* @__PURE__ */ import_react91.default.createElement(
+    "div",
+    {
+      className: "deliverable-palette-chip",
+      style: { backgroundColor: swatch.color },
+      "aria-label": swatch.label
+    }
+  ), /* @__PURE__ */ import_react91.default.createElement("p", { className: "deliverable-palette-label" }, swatch.label), /* @__PURE__ */ import_react91.default.createElement("p", { className: "deliverable-palette-hex" }, swatch.color.toUpperCase())))));
+}
+
+// src/components/deliverable/QuoteBlockSection.tsx
+var import_react92 = __toESM(require("react"));
+function QuoteBlockSection({ data }) {
+  return /* @__PURE__ */ import_react92.default.createElement("section", { className: "deliverable-page deliverable-quote" }, /* @__PURE__ */ import_react92.default.createElement("blockquote", { className: "deliverable-quote-body" }, /* @__PURE__ */ import_react92.default.createElement("p", { className: "deliverable-quote-text" }, "\u201C", data.quote, "\u201D"), data.attribution && /* @__PURE__ */ import_react92.default.createElement("footer", { className: "deliverable-quote-attribution" }, "\u2014 ", data.attribution)));
+}
+
+// src/components/deliverable/DeliverableRenderer.tsx
+function DeliverableRenderer({
+  deliverable,
+  onDownloadPdf,
+  hideActions = false,
+  className
+}) {
+  const [isDownloading, setIsDownloading] = (0, import_react93.useState)(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__ */ import_react93.default.createElement(
+    "div",
+    {
+      className: cx("deliverable", className),
+      style
+    },
+    deliverable.sections.map((section, idx) => renderSection(section, idx, deliverable)),
+    !hideActions && onDownloadPdf && /* @__PURE__ */ import_react93.default.createElement("div", { className: "deliverable-actions" }, /* @__PURE__ */ import_react93.default.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__ */ import_react93.default.createElement(
+        CoverSection,
+        {
+          key,
+          data: section,
+          clientName: doc.clientName
+        }
+      );
+    case "ARTIFACT_IMAGE_GRID":
+      return /* @__PURE__ */ import_react93.default.createElement(ArtifactImageGridSection, { key, data: section });
+    case "ARTIFACT_SPOTLIGHT":
+      return /* @__PURE__ */ import_react93.default.createElement(ArtifactSpotlightSection, { key, data: section });
+    case "TEXT_BLOCK":
+      return /* @__PURE__ */ import_react93.default.createElement(TextBlockSection, { key, data: section });
+    case "COLOR_PALETTE":
+      return /* @__PURE__ */ import_react93.default.createElement(ColorPaletteSection, { key, data: section });
+    case "QUOTE_BLOCK":
+      return /* @__PURE__ */ import_react93.default.createElement(QuoteBlockSection, { key, data: section });
+    default:
+      return null;
+  }
+}
+
 // src/index.ts
 var version = "2.0.0";
 // Annotate the CommonJS export names for ESM import in node:
@@ -7703,6 +7883,8 @@ var version = "2.0.0";
   AlertDialog,
   ArtifactCard,
   ArtifactGroup,
+  ArtifactImageGridSection,
+  ArtifactSpotlightSection,
   ArtifactVariantStack,
   ArtifactsPanel,
   ArtifactsPanelToggle,
@@ -7728,10 +7910,13 @@ var version = "2.0.0";
   ChevronRightIcon,
   CloseIcon,
   Col,
+  ColorPaletteSection,
   ColorSwatch,
   ConfirmDialog,
   Container,
+  CoverSection,
   CrossSquareIcon,
+  DeliverableRenderer,
   Divider,
   Drawer,
   EmptySquareIcon,
@@ -7779,6 +7964,7 @@ var version = "2.0.0";
   Popover,
   Progress,
   PromptDialog,
+  QuoteBlockSection,
   Radio,
   Row,
   SCRIPT_ELEMENT_TYPES,
@@ -7806,6 +7992,7 @@ var version = "2.0.0";
   TableHeader,
   TableRow,
   Tabs,
+  TextBlockSection,
   TextCard,
   Textarea,
   ThinkingIndicator,