@octaviaflow/core 3.1.0-beta.118 → 3.1.0-beta.120

package/dist/marketing.cjs

@@ -3832,10 +3832,10 @@ function NodeGlyph({ status }) {
   }
 }
 var ChatToolTrace = (0, import_react36.forwardRef)(
-  function ChatToolTrace2({ calls, summary, defaultOpen = false, className, ...rest }, ref) {
+  function ChatToolTrace2({ calls, summary, defaultOpen = false, autoOpen = true, className, ...rest }, ref) {
     const count = calls?.length ?? 0;
     const running = (calls ?? []).some((c) => c.status === "running" || c.status === "pending");
-    const [open, setOpen] = (0, import_react36.useState)(defaultOpen || running);
+    const [open, setOpen] = (0, import_react36.useState)(defaultOpen || autoOpen && running);
     const defaultSummary = running ? "Working\u2026" : `Used ${count} ${count === 1 ? "tool" : "tools"}`;
     return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
       "details",
@@ -4168,6 +4168,36 @@ function AssistantHeaderButton({
     }
   );
 }
+function stepSummary(steps) {
+  const running = steps.find((s) => s.status === "running" || s.status === "pending");
+  if (running) return running.name;
+  const only = steps.length === 1 ? steps[0] : void 0;
+  if (!only) return void 0;
+  return only.result == null ? only.name : /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+    only.name,
+    " \xB7 ",
+    only.result
+  ] });
+}
+function ReplyText({ message }) {
+  return typeof message.content === "string" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    "span",
+    {
+      className: cn("ods-assistant__text", message.streaming && "ods-assistant__text--streaming"),
+      children: message.content
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    "div",
+    {
+      className: cn(
+        "ods-assistant__text",
+        "ods-assistant__text--rich",
+        message.streaming && "ods-assistant__text--streaming"
+      ),
+      children: message.content
+    }
+  );
+}
 function Block({
   block,
   busy,
@@ -4217,6 +4247,7 @@ function AssistantConversation({
   context,
   aura = "normal",
   hideHeader = false,
+  layout = "comfortable",
   state: stateProp,
   greeting,
   suggestions,
@@ -4241,8 +4272,10 @@ function AssistantConversation({
   const state = stateProp ?? assistantStateOf(messages, busy, typing, { error: Boolean(error) });
   const statusLine = STATE_LINE[state] || subtitle;
   const tone = STATUS_TONE[state];
+  const compact = layout === "compact";
+  const said = (body) => compact ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "ods-assistant__answer", children: body }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChatBubble, { variant: "bot", hideAvatar: true, children: body });
   const header = hideHeader ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "ods-assistant__header", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AssistantOrb, { state, size: "md", children: avatar }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AssistantOrb, { state, size: compact ? "sm" : "md", children: avatar }),
     /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "ods-assistant__heading", children: [
       /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { id: nameId, className: "ods-assistant__name", children: name }),
       /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
@@ -4257,35 +4290,15 @@ function AssistantConversation({
     actions && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "ods-assistant__actions", children: actions })
   ] });
   const thread = /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-    greeting && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChatBubble, { variant: "bot", hideAvatar: true, children: greeting }),
+    greeting && said(greeting),
     messages.map(
-      (m) => m.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChatBubble, { variant: "user", hideAvatar: true, children: m.content }, m.id) : /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "ods-assistant__reply", children: [
-        m.steps && m.steps.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChatToolTrace, { calls: m.steps }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChatBubble, { variant: "bot", hideAvatar: true, children: m.content ? (
-          // Plain text keeps its line breaks; rendered content (markdown,
-          // lists) is block content and lays out its own lines.
-          typeof m.content === "string" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-            "span",
-            {
-              className: cn(
-                "ods-assistant__text",
-                m.streaming && "ods-assistant__text--streaming"
-              ),
-              children: m.content
-            }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-            "div",
-            {
-              className: cn(
-                "ods-assistant__text",
-                "ods-assistant__text--rich",
-                m.streaming && "ods-assistant__text--streaming"
-              ),
-              children: m.content
-            }
-          )
-        ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChatThinking, { variant: "shimmer", label: m.status || "Thinking\u2026", size: "sm" }) }),
-        m.blocks && m.blocks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "ods-assistant__blocks", children: m.blocks.map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      (m, i) => m.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChatBubble, { variant: "user", hideAvatar: true, children: m.content }, m.id) : /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "ods-assistant__reply", children: [
+        m.steps && m.steps.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChatToolTrace, { calls: m.steps, summary: stepSummary(m.steps), autoOpen: false }),
+        m.content ? said(/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ReplyText, { message: m })) : (
+          // While a step runs, its line already says what is happening.
+          !m.steps?.some((st) => st.status === "running") && said(/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChatThinking, { variant: "shimmer", label: m.status || "Thinking\u2026", size: "sm" }))
+        ),
+        m.blocks && m.blocks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "ods-assistant__blocks", children: m.blocks.map((b, i2) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           Block,
           {
             block: b,
@@ -4293,7 +4306,7 @@ function AssistantConversation({
             onAnswer,
             onSkipAsk
           },
-          b.type === "ask" ? b.askId : `${b.type}:${b.url}:${i}`
+          b.type === "ask" ? b.askId : `${b.type}:${b.url}:${i2}`
         )) }),
         m.sources && m.sources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           ChatSources,
@@ -4314,7 +4327,18 @@ function AssistantConversation({
               onRate: (r) => onRate(m.id, r)
             }
           )
-        ] })
+        ] }),
+        i === messages.length - 1 && !busy && !m.streaming && onSend && (m.followUps?.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          ChatSuggestions,
+          {
+            className: "ods-assistant__follow-ups",
+            items: m.followUps ?? [],
+            onSelect: (v) => onSend(v),
+            size: "sm",
+            layout: "wrap",
+            "aria-label": "Ask next"
+          }
+        )
       ] }, m.id)
     )
   ] });
@@ -4325,7 +4349,7 @@ function AssistantConversation({
       ...rest,
       state,
       intensity: aura,
-      className: cn("ods-assistant", className),
+      className: cn("ods-assistant", compact && "ods-assistant--compact", className),
       children: replacement ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "ods-assistant__replacement", children: [
         header,
         context && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "ods-assistant__context", children: context }),