@apteva/apteva-kit 0.1.34 → 0.1.37

package/dist/index.mjs

@@ -1232,27 +1232,20 @@ function ToolCall({ name, status }) {
         /* @__PURE__ */ jsx10("circle", { className: "apteva-tool-spinner-track", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
         /* @__PURE__ */ jsx10("path", { className: "apteva-tool-spinner-fill", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
       ] }),
-      /* @__PURE__ */ jsxs7("span", { className: "apteva-tool-label", children: [
-        "Calling ",
-        /* @__PURE__ */ jsx10("strong", { children: name }),
-        "..."
-      ] })
+      /* @__PURE__ */ jsx10("span", { className: "apteva-tool-label", children: name })
     ] });
   }
   if (status === "completed") {
     return /* @__PURE__ */ jsxs7("div", { className: "apteva-tool-card apteva-tool-card-completed", children: [
       /* @__PURE__ */ jsx10("svg", { className: "apteva-tool-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx10("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
-      /* @__PURE__ */ jsxs7("span", { className: "apteva-tool-label", children: [
-        "Tool completed: ",
-        /* @__PURE__ */ jsx10("strong", { children: name })
-      ] })
+      /* @__PURE__ */ jsx10("span", { className: "apteva-tool-label", children: name })
     ] });
   }
   return /* @__PURE__ */ jsxs7("div", { className: "apteva-tool-card apteva-tool-card-error", children: [
     /* @__PURE__ */ jsx10("svg", { className: "apteva-tool-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx10("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }),
     /* @__PURE__ */ jsxs7("span", { className: "apteva-tool-label", children: [
-      "Tool failed: ",
-      /* @__PURE__ */ jsx10("strong", { children: name })
+      name,
+      " failed"
     ] })
   ] });
 }
@@ -1325,23 +1318,48 @@ function Message({ message, onAction, enableWidgets, onWidgetRender }) {
       ] });
     }
     if (contentSegments && contentSegments.length > 0) {
-      return /* @__PURE__ */ jsx11("div", { children: contentSegments.map((segment, index) => {
-        if (segment.type === "text") {
-          return segment.content ? /* @__PURE__ */ jsx11("div", { children: renderTextContent(segment.content) }, `text-${index}`) : null;
-        } else if (segment.type === "tool") {
-          return /* @__PURE__ */ jsx11("div", { className: "my-2", children: /* @__PURE__ */ jsx11(
+      return null;
+    }
+    return renderTextContent(message.content);
+  };
+  const renderSegmentedContent = () => {
+    if (!contentSegments || contentSegments.length === 0) {
+      return null;
+    }
+    const elements = [];
+    contentSegments.forEach((segment, index) => {
+      if (segment.type === "text" && segment.content) {
+        elements.push(
+          /* @__PURE__ */ jsx11(
+            "div",
+            {
+              className: "apteva-message-bubble apteva-message-assistant",
+              children: /* @__PURE__ */ jsx11("div", { className: "apteva-message-content-assistant", children: renderTextContent(segment.content) })
+            },
+            `text-${index}`
+          )
+        );
+      } else if (segment.type === "tool") {
+        elements.push(
+          /* @__PURE__ */ jsx11("div", { className: "apteva-tool-call-standalone", children: /* @__PURE__ */ jsx11(
             ToolCall,
             {
               name: segment.name,
               status: segment.result !== void 0 ? "completed" : "running"
             }
-          ) }, segment.id);
-        }
-        return null;
-      }) });
-    }
-    return renderTextContent(message.content);
+          ) }, segment.id)
+        );
+      }
+    });
+    return elements;
   };
+  if (!isUser && contentSegments && contentSegments.length > 0) {
+    return /* @__PURE__ */ jsxs8("div", { className: "apteva-message-segmented", children: [
+      renderSegmentedContent(),
+      message.widgets && message.widgets.length > 0 && /* @__PURE__ */ jsx11("div", { className: "apteva-message-widgets", children: /* @__PURE__ */ jsx11(Widgets, { widgets: message.widgets, onAction, layout: "stack" }) }),
+      /* @__PURE__ */ jsx11("div", { className: "apteva-message-timestamp apteva-message-timestamp-assistant", suppressHydrationWarning: true, children: message.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
+    ] });
+  }
   return /* @__PURE__ */ jsxs8(
     "div",
     {