@apteva/apteva-kit 0.1.106 → 0.1.108

package/dist/index.mjs

@@ -1854,9 +1854,10 @@ var trendIcons = {
   flat: { symbol: "\u2192", color: "text-neutral-400" }
 };
 function Kpi({ widget, onAction }) {
-  const { label = "", value = "", change, trend } = widget.props || {};
+  const { title, label = "", value = "", change, trend } = widget.props || {};
   const trendInfo = trend ? trendIcons[trend] : null;
   return /* @__PURE__ */ jsxs7("div", { className: "border border-neutral-200 dark:border-neutral-700 rounded-xl bg-white dark:bg-neutral-900 p-5", children: [
+    title && /* @__PURE__ */ jsx9("h3", { className: "!text-base font-semibold !text-neutral-900 dark:!text-white mb-3", children: title }),
     /* @__PURE__ */ jsx9("div", { className: "!text-sm font-medium !text-neutral-500 dark:!text-neutral-400 mb-1", children: label }),
     /* @__PURE__ */ jsxs7("div", { className: "flex items-end gap-2", children: [
       /* @__PURE__ */ jsx9("div", { className: "!text-2xl font-bold !text-neutral-900 dark:!text-white", children: value }),
@@ -3971,6 +3972,30 @@ ${widgetContext}` : widgetContext;
     }
   };
   const defaultPlaceholder = mode === "chat" ? "Type a message..." : "Enter your command...";
+  const handleWidgetAction = useCallback2((action) => {
+    onAction?.(action);
+    if (action.type === "submit" && action.payload?.formData) {
+      const formData = action.payload.formData;
+      const lines = [];
+      for (const [key, value] of Object.entries(formData)) {
+        if (Array.isArray(value) && value.length > 0 && value[0] instanceof File) {
+          const fileNames = value.map((f) => f.name).join(", ");
+          lines.push(`${key}: ${fileNames}`);
+        } else if (value !== "" && value !== false && value != null) {
+          lines.push(`${key}: ${value}`);
+        }
+      }
+      if (lines.length > 0 && handleSendMessageRef.current) {
+        const files = [];
+        for (const value of Object.values(formData)) {
+          if (Array.isArray(value) && value.length > 0 && value[0] instanceof File) {
+            files.push(...value);
+          }
+        }
+        handleSendMessageRef.current(lines.join("\n"), files.length > 0 ? files : void 0);
+      }
+    }
+  }, [onAction]);
   const handleSendMessage = async (text, files, isSystem) => {
     const hasFiles = files && files.length > 0;
     const attachments = hasFiles ? files.map((f) => ({
@@ -4473,12 +4498,12 @@ ${planToExecute}`;
       ] })
     ] }) }),
     mode === "chat" && /* @__PURE__ */ jsxs20(Fragment6, { children: [
-      persistentWidgetList.length > 0 && /* @__PURE__ */ jsx26(PersistentWidgetPanel, { widgets: persistentWidgetList, onAction }),
+      persistentWidgetList.length > 0 && /* @__PURE__ */ jsx26(PersistentWidgetPanel, { widgets: persistentWidgetList, onAction: handleWidgetAction }),
       /* @__PURE__ */ jsx26(
         MessageList,
         {
           messages,
-          onAction,
+          onAction: handleWidgetAction,
           welcomeTitle,
           welcomeSubtitle,
           welcomeIcon,