@apteva/apteva-kit 0.1.128 → 0.1.129

package/dist/index.mjs

@@ -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 (widget.actions?.[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()
       });
@@ -1910,7 +1910,7 @@ function Form({ widget, onAction }) {
         return null;
     }
   };
-  const submitAction = widget.actions?.find((a) => a.type === "submit") || widget.actions?.[0];
+  const submitLabel = widget.props.submitLabel || widget.actions?.find((a) => a.type === "submit")?.label || widget.actions?.[0]?.label || "Submit";
   return /* @__PURE__ */ jsxs4("form", { onSubmit: handleSubmit, className: "border rounded-xl overflow-hidden", children: [
     /* @__PURE__ */ jsxs4("div", { className: "p-4", children: [
       title && /* @__PURE__ */ jsx6("h3", { className: "!text-lg font-semibold mb-4", children: title }),
@@ -1922,12 +1922,12 @@ function Form({ widget, onAction }) {
         renderField(field)
       ] }, field.name)) })
     ] }),
-    submitAction && /* @__PURE__ */ jsx6("div", { className: "px-4 pb-4", children: /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx6("div", { className: "px-4 pb-4", children: /* @__PURE__ */ jsx6(
       "button",
       {
         type: "submit",
         className: "px-3 py-1.5 !text-sm rounded-lg font-medium transition-colors",
-        children: submitAction.label || "Submit"
+        children: submitLabel
       }
     ) })
   ] });