@apteva/apteva-kit 0.1.34 → 0.1.35

package/dist/index.js

@@ -1325,23 +1325,48 @@ function Message({ message, onAction, enableWidgets, onWidgetRender }) {
       ] });
     }
     if (contentSegments && contentSegments.length > 0) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: contentSegments.map((segment, index) => {
-        if (segment.type === "text") {
-          return segment.content ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: renderTextContent(segment.content) }, `text-${index}`) : null;
-        } else if (segment.type === "tool") {
-          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "my-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      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__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              className: "apteva-message-bubble apteva-message-assistant",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "apteva-message-content-assistant", children: renderTextContent(segment.content) })
+            },
+            `text-${index}`
+          )
+        );
+      } else if (segment.type === "tool") {
+        elements.push(
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "apteva-tool-call-standalone", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "apteva-message-segmented", children: [
+      renderSegmentedContent(),
+      message.widgets && message.widgets.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "apteva-message-widgets", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Widgets, { widgets: message.widgets, onAction, layout: "stack" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "apteva-message-timestamp apteva-message-timestamp-assistant", suppressHydrationWarning: true, children: message.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
+    ] });
+  }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {