@apteva/apteva-kit 0.1.108 → 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