@apteva/apteva-kit 0.1.84 → 0.1.87

package/dist/index.js

@@ -1204,6 +1204,24 @@ function Form({ widget, onAction }) {
   ] });
 }
 
+// src/components/Widgets/widget-library/Image.tsx
+
+function Image({ widget }) {
+  const { src, alt, caption } = widget.props;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "figure", { className: "overflow-hidden rounded-xl", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "img",
+      {
+        src,
+        alt,
+        className: "w-full h-auto object-contain bg-neutral-100 dark:bg-neutral-800",
+        loading: "lazy"
+      }
+    ),
+    caption && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "figcaption", { className: "mt-2 text-center text-sm text-neutral-600 dark:text-neutral-400", children: caption })
+  ] });
+}
+
 // src/components/Widgets/WidgetRenderer.tsx
 
 function WidgetRenderer({ widget, onAction }) {
@@ -1221,6 +1239,8 @@ function WidgetRenderer({ widget, onAction }) {
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Table, { widget, onAction });
       case "form":
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Form, { widget, onAction });
+      case "image":
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Image, { widget });
       default:
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "p-4 border border-yellow-300 bg-yellow-50 rounded-lg", children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-sm text-yellow-800", children: [
@@ -2991,11 +3011,19 @@ ${widgetContext}` : widgetContext;
                 }
                 break;
               case "tool_stream":
-                if (chunk.tool_id && chunk.event === "chunk" && chunk.content) {
+                if (chunk.tool_id) {
                   const toolSegment = contentSegments.find((s) => s.type === "tool" && s.id === chunk.tool_id);
                   if (toolSegment) {
-                    toolSegment.streamOutput = chunk.content;
-                    updateMessage();
+                    if (chunk.event === "chunk" && chunk.content) {
+                      if (toolSegment.pendingReset) {
+                        toolSegment.streamOutput = "";
+                        toolSegment.pendingReset = false;
+                      }
+                      toolSegment.streamOutput = (toolSegment.streamOutput || "") + chunk.content;
+                      updateMessage();
+                    } else if (chunk.event === "log" || chunk.event === "progress") {
+                      toolSegment.pendingReset = true;
+                    }
                   }
                 }
                 break;