@apteva/apteva-kit 0.1.94 → 0.1.96

package/dist/index.js

@@ -768,8 +768,10 @@ var WIDGET_DEFINITIONS = {
   }
 };
 var ALL_WIDGET_TYPES = Object.keys(WIDGET_DEFINITIONS);
+var DISABLED_WIDGETS = ["flow"];
+var DEFAULT_WIDGET_TYPES = ALL_WIDGET_TYPES.filter((t) => !DISABLED_WIDGETS.includes(t));
 function generateWidgetContext(enabledWidgets) {
-  const widgets = enabledWidgets || ALL_WIDGET_TYPES;
+  const widgets = enabledWidgets || DEFAULT_WIDGET_TYPES;
   let context = `
 ## UI Widgets
 SYNTAX: @ui:type[{json}] - MUST use SQUARE BRACKETS [] around the JSON object.
@@ -789,7 +791,7 @@ Per-item "metadata" is sent as payload on action click.
   return context;
 }
 function generateCompactWidgetContext(enabledWidgets) {
-  const widgets = enabledWidgets || ALL_WIDGET_TYPES;
+  const widgets = enabledWidgets || DEFAULT_WIDGET_TYPES;
   return `
 Widgets: @ui:type[{json}] - MUST use square brackets []. Example: @ui:list[{"items": [...]}]. Types: ${widgets.join(", ")}. Per-item "metadata" is sent as action payload.
 `;
@@ -2271,12 +2273,14 @@ function Composer({ onSendMessage, placeholder = "Type a message...", disabled =
   const handleChange = (e) => {
     setText(e.target.value);
     e.target.style.height = "auto";
-    e.target.style.height = `${e.target.scrollHeight}px`;
+    const scrollHeight = e.target.scrollHeight;
+    e.target.style.height = `${scrollHeight}px`;
     const hasNewline = e.target.value.includes("\n");
-    const textLength = e.target.value.length;
-    if (!isMultiLine && (hasNewline || textLength > 50)) {
+    const singleLineHeight = 36;
+    const isOverflowing = scrollHeight > singleLineHeight;
+    if (!isMultiLine && (hasNewline || isOverflowing)) {
       setIsMultiLine(true);
-    } else if (isMultiLine && !hasNewline && textLength < 30) {
+    } else if (isMultiLine && !hasNewline && !isOverflowing && e.target.value.length < 20) {
       setIsMultiLine(false);
     }
   };
@@ -2358,7 +2362,7 @@ function Composer({ onSendMessage, placeholder = "Type a message...", disabled =
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
-        className: "apteva-composer relative border-2 border-neutral-300 dark:border-neutral-700 bg-white dark:bg-neutral-900 transition-all duration-300 px-3 py-2 grid gap-x-3 gap-y-2",
+        className: "apteva-composer",
         style: {
           gridTemplateColumns: "auto 1fr auto",
           gridTemplateAreas: isMultiLine ? '"textarea textarea textarea" "plus . send"' : '"plus textarea send"',
@@ -2438,9 +2442,9 @@ function Composer({ onSendMessage, placeholder = "Type a message...", disabled =
             "button",
             {
               onClick: onStop,
-              className: "apteva-composer-stop-btn !w-8 !h-8 !p-0 !m-0 !rounded-lg !flex !items-center !justify-center !font-bold !transition-all !flex-shrink-0 !border !border-solid !border-red-400 dark:!border-red-500 !bg-red-50 dark:!bg-red-900/30 !text-red-600 dark:!text-red-400 hover:!bg-red-100 dark:hover:!bg-red-900/50 !outline-none !shadow-none",
+              className: "apteva-composer-stop-btn",
               title: "Stop generation",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "!text-red-600 dark:!text-red-400", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "2", y: "2", width: "10", height: "10", rx: "1", fill: "currentColor" }) })
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "2", y: "2", width: "10", height: "10", rx: "1", fill: "currentColor" }) })
             }
           ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "button",
@@ -2744,9 +2748,9 @@ function CommandComposer({
               "button",
               {
                 onClick: onStop,
-                className: "apteva-composer-stop-btn !w-8 !h-8 !p-0 !m-0 !rounded-lg !flex !items-center !justify-center !transition-all !border !border-solid !border-red-400 dark:!border-red-500 !bg-red-50 dark:!bg-red-900/30 !text-red-600 dark:!text-red-400 hover:!bg-red-100 dark:hover:!bg-red-900/50 !outline-none !shadow-none",
+                className: "apteva-composer-stop-btn",
                 title: "Stop generation",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "!text-red-600 dark:!text-red-400", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "2", y: "2", width: "10", height: "10", rx: "1", fill: "currentColor" }) })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "2", y: "2", width: "10", height: "10", rx: "1", fill: "currentColor" }) })
               }
             ),
             (state === "success" || state === "error") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,