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

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,34 +4290,14 @@ 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.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, i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           Block,
           {
@@ -4325,7 +4338,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 }),