@apteva/apteva-kit 0.1.107 → 0.1.109

package/dist/index.mjs

@@ -612,7 +612,7 @@ function parseWidgetsFromText(text) {
   let hasPendingWidget = false;
   let currentIndex = 0;
   let pendingWidgetType = null;
-  let processText = text;
+  let processText = text.replace(/<\/?ui\s*\/?>/gi, "");
   const lastWidgetStart = text.lastIndexOf("@ui:");
   if (lastWidgetStart !== -1) {
     const afterStart = text.slice(lastWidgetStart);
@@ -1561,14 +1561,14 @@ function Form({ widget, onAction }) {
             {
               type: "button",
               onClick: () => fileInputRefs.current[field.name]?.click(),
-              className: "w-full px-3 py-3 rounded-lg border-2 border-dashed transition-colors cursor-pointer border-neutral-300 dark:border-neutral-600 bg-neutral-50 dark:bg-neutral-800 !text-neutral-500 dark:!text-neutral-400 hover:border-blue-400 hover:!text-blue-500 !text-sm",
+              className: "apteva-file-drop w-full px-3 py-3 rounded-lg border-2 border-dashed transition-colors cursor-pointer border-neutral-300 dark:border-neutral-600 bg-neutral-50 dark:bg-neutral-800 !text-neutral-500 dark:!text-neutral-400 hover:border-blue-400 hover:!text-blue-500 !text-sm",
               children: field.placeholder || "Click to add files"
             }
           ),
           files.length > 0 && /* @__PURE__ */ jsx6("ul", { className: "space-y-1", children: files.map((file, idx) => /* @__PURE__ */ jsxs4(
             "li",
             {
-              className: "flex items-center justify-between px-2 py-1.5 rounded-lg bg-neutral-50 dark:bg-neutral-800 !text-sm",
+              className: "apteva-file-item-row flex items-center justify-between px-2 py-1.5 rounded-lg bg-neutral-50 dark:bg-neutral-800 !text-sm",
               children: [
                 /* @__PURE__ */ jsxs4("span", { className: "!text-neutral-700 dark:!text-neutral-300 truncate mr-2", children: [
                   file.name,
@@ -1583,7 +1583,7 @@ function Form({ widget, onAction }) {
                   {
                     type: "button",
                     onClick: () => handleChange(field.name, files.filter((_, i) => i !== idx)),
-                    className: "!text-neutral-400 hover:!text-red-500 transition-colors flex-shrink-0",
+                    className: "apteva-file-remove-btn !text-neutral-400 hover:!text-red-500 transition-colors flex-shrink-0",
                     children: "\u2715"
                   }
                 )
@@ -1860,7 +1860,7 @@ function Kpi({ widget, onAction }) {
     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 }),
+      /* @__PURE__ */ jsx9("div", { className: "apteva-kpi-value !text-2xl font-bold !text-neutral-900 dark:!text-white", children: value }),
       change && trendInfo && /* @__PURE__ */ jsxs7("div", { className: `flex items-center gap-0.5 !text-sm font-medium ${trendInfo.color} mb-0.5`, children: [
         /* @__PURE__ */ jsx9("span", { children: trendInfo.symbol }),
         /* @__PURE__ */ jsx9("span", { children: change })
@@ -2421,7 +2421,8 @@ function parseMarkdown(content) {
   return result;
 }
 function MarkdownContent({ content, className = "" }) {
-  return /* @__PURE__ */ jsx16("div", { className: `apteva-md ${className}`, children: parseMarkdown(content) });
+  const cleaned = content.replace(/<\/?ui\s*\/?>/gi, "");
+  return /* @__PURE__ */ jsx16("div", { className: `apteva-md ${className}`, children: parseMarkdown(cleaned) });
 }
 
 // src/components/Chat/ToolCall.tsx
@@ -3972,6 +3973,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) => ({
@@ -4474,12 +4499,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,