@apteva/apteva-kit 0.1.128 → 0.1.129

package/dist/index.d.mts

@@ -237,8 +237,8 @@ declare const WIDGET_DEFINITIONS: {
         readonly example: "@ui:button_group[{\"buttons\": [{\"id\": \"ok\", \"label\": \"OK\"}]}]";
     };
     readonly form: {
-        readonly schema: "title?, fields: [{name, type: \"text\"|\"password\"|\"number\"|\"select\"|\"checkbox\"|\"textarea\"|\"date\", label, required?, placeholder?, options?: [{label, value}]}], actions: [{type, label}]";
-        readonly example: "@ui:form[{\"title\": \"Settings\", \"fields\": [{\"name\": \"key\", \"type\": \"password\", \"label\": \"API Key\", \"required\": true}], \"actions\": [{\"type\": \"save\", \"label\": \"Save\"}]}]";
+        readonly schema: "title?, fields: [{name, type: \"text\"|\"password\"|\"number\"|\"select\"|\"checkbox\"|\"textarea\"|\"date\", label, required?, placeholder?, options?: [{label, value}]}], submitLabel?: string";
+        readonly example: "@ui:form[{\"title\": \"Settings\", \"fields\": [{\"name\": \"key\", \"type\": \"password\", \"label\": \"API Key\", \"required\": true}]}]";
     };
     readonly table: {
         readonly schema: "columns: [{key, label}], rows: [{key: value, …}], striped?, compact?";

package/dist/index.d.ts

@@ -237,8 +237,8 @@ declare const WIDGET_DEFINITIONS: {
         readonly example: "@ui:button_group[{\"buttons\": [{\"id\": \"ok\", \"label\": \"OK\"}]}]";
     };
     readonly form: {
-        readonly schema: "title?, fields: [{name, type: \"text\"|\"password\"|\"number\"|\"select\"|\"checkbox\"|\"textarea\"|\"date\", label, required?, placeholder?, options?: [{label, value}]}], actions: [{type, label}]";
-        readonly example: "@ui:form[{\"title\": \"Settings\", \"fields\": [{\"name\": \"key\", \"type\": \"password\", \"label\": \"API Key\", \"required\": true}], \"actions\": [{\"type\": \"save\", \"label\": \"Save\"}]}]";
+        readonly schema: "title?, fields: [{name, type: \"text\"|\"password\"|\"number\"|\"select\"|\"checkbox\"|\"textarea\"|\"date\", label, required?, placeholder?, options?: [{label, value}]}], submitLabel?: string";
+        readonly example: "@ui:form[{\"title\": \"Settings\", \"fields\": [{\"name\": \"key\", \"type\": \"password\", \"label\": \"API Key\", \"required\": true}]}]";
     };
     readonly table: {
         readonly schema: "columns: [{key, label}], rows: [{key: value, …}], striped?, compact?";

package/dist/index.js

@@ -747,8 +747,8 @@ var WIDGET_DEFINITIONS = {
     example: '@ui:button_group[{"buttons": [{"id": "ok", "label": "OK"}]}]'
   },
   form: {
-    schema: 'title?, fields: [{name, type: "text"|"password"|"number"|"select"|"checkbox"|"textarea"|"date", label, required?, placeholder?, options?: [{label, value}]}], actions: [{type, label}]',
-    example: '@ui:form[{"title": "Settings", "fields": [{"name": "key", "type": "password", "label": "API Key", "required": true}], "actions": [{"type": "save", "label": "Save"}]}]'
+    schema: 'title?, fields: [{name, type: "text"|"password"|"number"|"select"|"checkbox"|"textarea"|"date", label, required?, placeholder?, options?: [{label, value}]}], submitLabel?: string',
+    example: '@ui:form[{"title": "Settings", "fields": [{"name": "key", "type": "password", "label": "API Key", "required": true}]}]'
   },
   table: {
     schema: "columns: [{key, label}], rows: [{key: value, \u2026}], striped?, compact?",
@@ -797,9 +797,9 @@ Do NOT wrap widgets in code blocks or backticks. Write them directly in your res
 `;
   }
   context += `### Notes
-- **actions**: the \`type\` field is a custom string you choose (e.g. "edit", "delete", "submit"). It is returned to the app when the user clicks the button.
+- **actions**: the \`type\` field is a custom string you choose (e.g. "edit", "delete"). It is returned to the app when the user clicks the button.
 - **metadata** on list items: any extra data attached to an item. Returned as the action payload when the user clicks that item.
-- **form**: buttons are defined in \`actions\`, do NOT add a separate button_group for form submission.
+- **form**: always has a submit button (label defaults to "Submit"). When clicked, the form data is sent as a chat message automatically. Do NOT add a separate button_group for form submission.
 - **select fields**: \`options\` is an array of \`{label, value}\` objects.
 `;
   return context;
@@ -819,7 +819,7 @@ Use when structured display is clearer than plain text. Normal text can surround
 `;
   }
   context += `
-actions.type = custom string returned on click. list metadata = payload on item click. form buttons go in actions, not button_group.
+actions.type = custom string returned on click. list metadata = payload on item click. form submit sends data as chat message automatically, no button_group needed.
 `;
   return context;
 }
@@ -1765,10 +1765,10 @@ function Form({ widget, onAction }) {
   }, []);
   const handleSubmit = (e) => {
     e.preventDefault();
-    if (_optionalChain([widget, 'access', _24 => _24.actions, 'optionalAccess', _25 => _25[0]]) && onAction) {
+    if (onAction) {
       onAction({
-        type: widget.actions[0].type,
-        payload: { ...widget.actions[0].payload, formData },
+        type: "submit",
+        payload: { formData },
         widgetId: widget.id,
         timestamp: /* @__PURE__ */ new Date()
       });
@@ -1873,7 +1873,7 @@ function Form({ widget, onAction }) {
             "button",
             {
               type: "button",
-              onClick: () => _optionalChain([fileInputRefs, 'access', _26 => _26.current, 'access', _27 => _27[field.name], 'optionalAccess', _28 => _28.click, 'call', _29 => _29()]),
+              onClick: () => _optionalChain([fileInputRefs, 'access', _24 => _24.current, 'access', _25 => _25[field.name], 'optionalAccess', _26 => _26.click, 'call', _27 => _27()]),
               className: "apteva-file-drop w-full px-3 py-3 rounded-lg border-2 border-dashed transition-colors cursor-pointer !text-sm",
               children: field.placeholder || "Click to add files"
             }
@@ -1910,7 +1910,7 @@ function Form({ widget, onAction }) {
         return null;
     }
   };
-  const submitAction = _optionalChain([widget, 'access', _30 => _30.actions, 'optionalAccess', _31 => _31.find, 'call', _32 => _32((a) => a.type === "submit")]) || _optionalChain([widget, 'access', _33 => _33.actions, 'optionalAccess', _34 => _34[0]]);
+  const submitLabel = widget.props.submitLabel || _optionalChain([widget, 'access', _28 => _28.actions, 'optionalAccess', _29 => _29.find, 'call', _30 => _30((a) => a.type === "submit"), 'optionalAccess', _31 => _31.label]) || _optionalChain([widget, 'access', _32 => _32.actions, 'optionalAccess', _33 => _33[0], 'optionalAccess', _34 => _34.label]) || "Submit";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "border rounded-xl overflow-hidden", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "p-4", children: [
       title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "!text-lg font-semibold mb-4", children: title }),
@@ -1922,12 +1922,12 @@ function Form({ widget, onAction }) {
         renderField(field)
       ] }, field.name)) })
     ] }),
-    submitAction && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-4 pb-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-4 pb-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "button",
       {
         type: "submit",
         className: "px-3 py-1.5 !text-sm rounded-lg font-medium transition-colors",
-        children: submitAction.label || "Submit"
+        children: submitLabel
       }
     ) })
   ] });