@lukeashford/aurelius 4.8.0 → 4.10.0

package/dist/index.mjs

@@ -4414,7 +4414,7 @@ var StreamingCursor = React59.forwardRef(
 StreamingCursor.displayName = "StreamingCursor";
 
 // src/components/chat/ChatInterface.tsx
-import React88, { useCallback as useCallback24, useEffect as useEffect17, useMemo as useMemo5, useRef as useRef16, useState as useState26 } from "react";
+import React88, { useCallback as useCallback24, useEffect as useEffect17, useImperativeHandle, useMemo as useMemo5, useRef as useRef16, useState as useState26 } from "react";
 
 // src/components/chat/ChatView.tsx
 import React63, { useEffect as useEffect10 } from "react";
@@ -5958,7 +5958,7 @@ import React81, { useState as useState19 } from "react";
 // src/components/deliverable/CoverSection.tsx
 import React75 from "react";
 function CoverSection({ data, clientName }) {
-  return /* @__PURE__ */ React75.createElement("section", { className: "deliverable-cover deliverable-page" }, /* @__PURE__ */ React75.createElement("div", { className: "deliverable-cover-inner" }, data.eyebrow && /* @__PURE__ */ React75.createElement("p", { className: "deliverable-cover-eyebrow" }, data.eyebrow), /* @__PURE__ */ React75.createElement("h1", { className: "deliverable-cover-title" }, data.title), data.subtitle && /* @__PURE__ */ React75.createElement("p", { className: "deliverable-cover-subtitle" }, data.subtitle), clientName && /* @__PURE__ */ React75.createElement("p", { className: "deliverable-cover-client" }, "Prepared for", " ", /* @__PURE__ */ React75.createElement("span", { className: "deliverable-cover-client-name" }, clientName))));
+  return /* @__PURE__ */ React75.createElement("section", { className: "deliverable-cover deliverable-page" }, /* @__PURE__ */ React75.createElement("div", { className: "deliverable-cover-inner" }, data.eyebrow && /* @__PURE__ */ React75.createElement(React75.Fragment, null, /* @__PURE__ */ React75.createElement("p", { className: "deliverable-cover-eyebrow" }, data.eyebrow), /* @__PURE__ */ React75.createElement("div", { className: "deliverable-cover-rule", "aria-hidden": "true" })), /* @__PURE__ */ React75.createElement("h1", { className: "deliverable-cover-title" }, data.title), data.subtitle && /* @__PURE__ */ React75.createElement("p", { className: "deliverable-cover-subtitle" }, data.subtitle), clientName && /* @__PURE__ */ React75.createElement("p", { className: "deliverable-cover-client" }, "Prepared for", " ", /* @__PURE__ */ React75.createElement("span", { className: "deliverable-cover-client-name" }, clientName))));
 }
 
 // src/components/deliverable/ArtifactImageGridSection.tsx
@@ -5968,16 +5968,33 @@ var COLUMN_CLASSES = {
   2: "deliverable-image-grid-cols-2",
   3: "deliverable-image-grid-cols-3"
 };
+var ASPECT_CLASSES = {
+  landscape: "deliverable-image-grid-aspect-landscape",
+  portrait: "deliverable-image-grid-aspect-portrait",
+  square: "deliverable-image-grid-aspect-square",
+  wide: "deliverable-image-grid-aspect-wide"
+};
 function ArtifactImageGridSection({ data }) {
   const columns = clampColumns(data.columns);
-  return /* @__PURE__ */ React76.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React76.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React76.createElement("div", { className: cx("deliverable-image-grid", COLUMN_CLASSES[columns]) }, data.items.map((item, idx) => /* @__PURE__ */ React76.createElement("figure", { key: idx, className: "deliverable-image-item" }, item.artifact.url ? /* @__PURE__ */ React76.createElement(
-    "img",
+  const aspect = data.aspectRatio ?? "landscape";
+  return /* @__PURE__ */ React76.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React76.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React76.createElement(
+    "div",
     {
-      src: item.artifact.url,
-      alt: item.artifact.title ?? "",
-      className: "deliverable-image-img"
-    }
-  ) : /* @__PURE__ */ React76.createElement("div", { className: "deliverable-image-missing" }, "Missing image"), item.caption && /* @__PURE__ */ React76.createElement("figcaption", { className: "deliverable-image-caption" }, item.caption)))));
+      className: cx(
+        "deliverable-image-grid",
+        COLUMN_CLASSES[columns],
+        ASPECT_CLASSES[aspect]
+      )
+    },
+    data.items.map((item, idx) => /* @__PURE__ */ React76.createElement("figure", { key: idx, className: "deliverable-image-item" }, item.artifact.url ? /* @__PURE__ */ React76.createElement(
+      "img",
+      {
+        src: item.artifact.url,
+        alt: item.artifact.title ?? "",
+        className: "deliverable-image-img"
+      }
+    ) : /* @__PURE__ */ React76.createElement("div", { className: "deliverable-image-missing" }, "Missing image"), item.caption && /* @__PURE__ */ React76.createElement("figcaption", { className: "deliverable-image-caption" }, item.caption)))
+  ));
 }
 function clampColumns(n) {
   if (n <= 1) return 1;
@@ -5987,8 +6004,14 @@ function clampColumns(n) {
 
 // src/components/deliverable/ArtifactSpotlightSection.tsx
 import React77 from "react";
+var VARIANT_CLASSES = {
+  framed: null,
+  "full-bleed": "deliverable-spotlight-variant-full-bleed",
+  "side-by-side": "deliverable-spotlight-variant-side-by-side"
+};
 function ArtifactSpotlightSection({ data }) {
-  return /* @__PURE__ */ React77.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React77.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React77.createElement("div", { className: "deliverable-spotlight-media" }, data.artifact.url ? /* @__PURE__ */ React77.createElement(
+  const variant = data.variant ?? "framed";
+  return /* @__PURE__ */ React77.createElement("section", { className: cx("deliverable-page", VARIANT_CLASSES[variant]) }, data.heading && /* @__PURE__ */ React77.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React77.createElement("div", { className: "deliverable-spotlight-media" }, data.artifact.url ? /* @__PURE__ */ React77.createElement(
     "img",
     {
       src: data.artifact.url,
@@ -6036,6 +6059,12 @@ function QuoteBlockSection({ data }) {
 }
 
 // src/components/deliverable/DeliverableRenderer.tsx
+var THEME_CLASSES = {
+  cinematic: null,
+  editorial: "deliverable-theme-editorial",
+  minimal: "deliverable-theme-minimal",
+  playful: "deliverable-theme-playful"
+};
 function DeliverableRenderer({
   deliverable,
   onDownloadPdf,
@@ -6045,6 +6074,8 @@ function DeliverableRenderer({
   const [isDownloading, setIsDownloading] = useState19(false);
   const accent = deliverable.accentColor?.trim();
   const style = accent ? { "--deliverable-accent": accent } : void 0;
+  const theme = deliverable.theme ?? "cinematic";
+  const themeClass = THEME_CLASSES[theme];
   const handleDownload = async () => {
     if (!onDownloadPdf || isDownloading) return;
     setIsDownloading(true);
@@ -6057,7 +6088,7 @@ function DeliverableRenderer({
   return /* @__PURE__ */ React81.createElement(
     "div",
     {
-      className: cx("deliverable", className),
+      className: cx("deliverable", themeClass, className),
       style
     },
     deliverable.sections.map((section, idx) => renderSection(section, idx, deliverable)),
@@ -7346,13 +7377,6 @@ var ChatInterface = React88.forwardRef(
     const prevArtifactNodesRef = useRef16([]);
     const prevTasksRef = useRef16([]);
     const [panelOpenArtifactId, setPanelOpenArtifactId] = useState26(null);
-    const handleAttachmentOpen = useCallback24((artifactId) => {
-      setPanelOpenArtifactId(artifactId);
-      onAttachmentOpen?.(artifactId);
-    }, [onAttachmentOpen]);
-    const handleArtifactPanelClosed = useCallback24(() => {
-      setPanelOpenArtifactId(null);
-    }, []);
     const [internalTools, setInternalTools] = useState26({
       "top-left": "history",
       "bottom-left": null,
@@ -7360,6 +7384,23 @@ var ChatInterface = React88.forwardRef(
       "bottom-right": null
     });
     const dismissedToolsRef = useRef16(/* @__PURE__ */ new Set());
+    const openArtifact = useCallback24((artifactId) => {
+      dismissedToolsRef.current.delete("artifacts");
+      if (isArtifactsPanelOpen === void 0) {
+        setInternalTools((prev) => prev["top-right"] === "artifacts" ? prev : { ...prev, "top-right": "artifacts" });
+      } else if (!isArtifactsPanelOpen) {
+        onArtifactsPanelOpenChange?.(true);
+      }
+      setPanelOpenArtifactId(artifactId);
+    }, [isArtifactsPanelOpen, onArtifactsPanelOpenChange]);
+    const handleAttachmentOpen = useCallback24((artifactId) => {
+      openArtifact(artifactId);
+      onAttachmentOpen?.(artifactId);
+    }, [openArtifact, onAttachmentOpen]);
+    const handleArtifactPanelClosed = useCallback24(() => {
+      setPanelOpenArtifactId(null);
+    }, []);
+    useImperativeHandle(ref, () => ({ openArtifact }), [openArtifact]);
     const isPanelControlled = isArtifactsPanelOpen !== void 0;
     const activeTools = useMemo5(() => {
       if (isPanelControlled) {
@@ -7656,7 +7697,6 @@ var ChatInterface = React88.forwardRef(
     return /* @__PURE__ */ React88.createElement(
       "div",
       {
-        ref,
         className: cx("flex h-full w-full bg-obsidian overflow-hidden", className),
         ...rest
       },