@asteby/metacore-runtime-react 11.0.0 → 13.0.0

package/CHANGELOG.md

@@ -1,5 +1,79 @@
 # @asteby/metacore-runtime-react
 
+## 13.0.0
+
+### Minor Changes
+
+- 7ea7caa: Acciones con `placement` (`row` | `table` | `create`) y nuevo primitivo `<ModelActionToolbar>`.
+
+  `ActionMetadata`/`ActionDefinition` ganan `placement`, espejando `manifest/v3` Action.placement del kernel (v0.30.0):
+  - `row` (default) — acción por fila dentro de `<DynamicTable>` (comportamiento actual).
+  - `table` — botón en la toolbar de la página, sin contexto de record.
+  - `create` — botón en la toolbar que **reemplaza** el botón "crear" genérico, para addons que traen una experiencia de creación custom (p.ej. un asiento contable con líneas débito/crédito).
+
+  `<ModelActionToolbar>` (+ hook `useModelActions`) es el primitivo genérico que renderiza esos triggers de nivel página y monta el `ActionModalDispatcher` (record vacío para `create`). Resuelve tanto modales federados custom (vía el action registry) como el form declarativo genérico. `DynamicCRUDPage` lo consume internamente y suprime su botón crear cuando existe una acción `create`; `DynamicTable` excluye los placements `table`/`create` de la columna de acciones por fila. Los hosts ya no reimplementan el plumbing de botones de acción — montan `<ModelActionToolbar>` y listo.
+
+### Patch Changes
+
+- Updated dependencies [7ea7caa]
+- Updated dependencies [3b40ed5]
+  - @asteby/metacore-sdk@3.1.0
+  - @asteby/metacore-ui@2.1.0
+
+## 12.0.0
+
+### Minor Changes
+
+- 5e17059: Add declarative line-items (repeatable group) support to the action
+  form renderer, pairing with the kernel v3 `ActionField.item_fields`
+  addition. Multi-line action modals (e.g. a "Recibir mercancía" modal
+  with N item rows, or a journal entry with N debit/credit lines) can now
+  be declared in the manifest instead of needing a custom federated modal.
+  - `ActionFieldDef` gains `itemFields?: ActionFieldDef[]` (mirrors the v3
+    `item_fields`). A field carrying item columns is a repeatable group;
+    its value is an array of row objects keyed by the item field keys.
+  - `buildZodSchema` now builds `z.array(z.object(...))` for line-items
+    fields, applying each column's per-cell rules per row; a required
+    group requires at least one row. New `isLineItemsField` / `getItemFields`
+    helpers tolerate both camelCase `itemFields` and raw snake_case
+    `item_fields` served by the kernel.
+  - New `DynamicLineItems` component renders a row grid (header from the
+    item field labels, add/remove row controls, each cell a widget via
+    `resolveWidget`, including `ref`-driven selects). It is wired into both
+    `DynamicForm` and `ActionModalDispatcher`'s declarative-fields path.
+
+  Additive only: existing flat-field rendering is unchanged.
+
+- 212c6ab: Add `CreateRecordDialog` and `ViewRecordDialog` to
+  `@asteby/metacore-runtime-react` (Wave 2.5 cleanup).
+
+  Both components are thin, intent-specific wrappers over the existing
+  `DynamicRecordDialog`. They surface a narrower, callback-driven API so
+  addons can mount create/edit/view dialogs without having to pre-select
+  a `mode` and without coupling to product-specific affordances:
+  - `CreateRecordDialog` — opens in create mode by default; passing
+    `recordId` flips it to edit. Optional `onCreate` / `onUpdate`
+    callbacks override the default `useApi()` POST/PUT calls, and
+    `defaults` seeds the form on create.
+  - `ViewRecordDialog` — read-only viewer with optional `onEdit` /
+    `onDelete` affordances (footer buttons are hidden when the callback
+    is not provided).
+  - New shared types: `ModelKey`, `ModelSchema`, `RecordDialogProps`,
+    `CreateRecordDialogProps`, `ViewRecordDialogProps`, `CreateResult`.
+
+  `DynamicRecordDialog` itself gains the same optional props
+  (`onCreate`, `onUpdate`, `defaults`, `schema`, `onEdit`, `onDelete`)
+  so existing consumers keep working unchanged. The product-specific
+  dialogs that used to live in `ops/frontend` (with pricing rules, media
+  galleries, category-driven custom attributes) are intentionally NOT
+  promoted to the SDK — those stay in the host as they are product
+  domain concerns. Generic record CRUD lives here.
+
+### Patch Changes
+
+- Updated dependencies [26063a4]
+  - @asteby/metacore-sdk@3.0.0
+
 ## 11.0.0
 
 ### Patch Changes

package/dist/action-modal-dispatcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action-modal-dispatcher.d.ts","sourceRoot":"","sources":["../src/action-modal-dispatcher.tsx"],"names":[],"mappings":"AAyCA,OAAO,EACH,KAAK,cAAc,EACnB,KAAK,gBAAgB,EAExB,MAAM,sBAAsB,CAAA;AAE7B,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAA;AAEhD,wBAAgB,qBAAqB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,GACZ,EAAE,gBAAgB,kDAiDlB"}
+{"version":3,"file":"action-modal-dispatcher.d.ts","sourceRoot":"","sources":["../src/action-modal-dispatcher.tsx"],"names":[],"mappings":"AA4CA,OAAO,EACH,KAAK,cAAc,EACnB,KAAK,gBAAgB,EAExB,MAAM,sBAAsB,CAAA;AAE7B,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAA;AAEhD,wBAAgB,qBAAqB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,GACZ,EAAE,gBAAgB,kDAiDlB"}

package/dist/action-modal-dispatcher.js

@@ -14,6 +14,8 @@ import { Loader2 } from 'lucide-react';
 import { toast } from 'sonner';
 import { useApi } from './api-context';
 import { DynamicIcon } from './dynamic-icon';
+import { DynamicLineItems } from './dynamic-line-items';
+import { isLineItemsField } from './dynamic-form-schema';
 // Canonical registry lives in @asteby/metacore-sdk
 import { getActionComponent, } from '@asteby/metacore-sdk';
 export function ActionModalDispatcher({ open, onOpenChange, action, model, record, endpoint, onSuccess, }) {
@@ -68,6 +70,10 @@ function GenericActionModal({ open, onOpenChange, action, model, record, endpoin
         if (open && action.fields) {
             const defaults = {};
             for (const field of action.fields) {
+                if (isLineItemsField(field)) {
+                    defaults[field.key] = field.defaultValue ?? [];
+                    continue;
+                }
                 defaults[field.key] = field.defaultValue ?? (field.type === 'boolean' ? false : '');
             }
             setFormData(defaults);
@@ -77,7 +83,17 @@ function GenericActionModal({ open, onOpenChange, action, model, record, endpoin
     const execute = async () => {
         if (action.fields) {
             for (const field of action.fields) {
-                if (field.required && !formData[field.key] && formData[field.key] !== false) {
+                if (!field.required)
+                    continue;
+                if (isLineItemsField(field)) {
+                    const rows = formData[field.key];
+                    if (!Array.isArray(rows) || rows.length === 0) {
+                        toast.error(`${field.label} requiere al menos un renglón`);
+                        return;
+                    }
+                    continue;
+                }
+                if (!formData[field.key] && formData[field.key] !== false) {
                     toast.error(`${field.label} es requerido`);
                     return;
                 }
@@ -106,6 +122,10 @@ function GenericActionModal({ open, onOpenChange, action, model, record, endpoin
     return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(DynamicIcon, { name: action.icon, className: "h-5 w-5" }), action.label] }), action.confirmMessage && _jsx(DialogDescription, { children: action.confirmMessage })] }), _jsx("div", { className: "grid gap-4 py-4", children: action.fields?.map((field) => (_jsxs("div", { className: "grid gap-2", children: [_jsxs(Label, { htmlFor: field.key, children: [field.label, field.required && _jsx("span", { className: "text-red-500 ml-1", children: "*" })] }), renderField(field, formData[field.key], (v) => updateField(field.key, v))] }, field.key))) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: executing, children: t('common.cancel') }), _jsxs(Button, { onClick: execute, disabled: executing, style: action.color ? { backgroundColor: action.color, color: 'white' } : undefined, children: [executing ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : _jsx(DynamicIcon, { name: action.icon, className: "mr-2 h-4 w-4" }), action.label] })] })] }) }));
 }
 function renderField(field, value, onChange) {
+    // Repeatable line-items group → row grid (value is an array of row objects).
+    if (isLineItemsField(field)) {
+        return _jsx(DynamicLineItems, { field: field, value: value, onChange: onChange });
+    }
     switch (field.type) {
         case 'textarea':
             return _jsx(Textarea, { id: field.key, value: value || '', onChange: (e) => onChange(e.target.value), placeholder: field.placeholder });

package/dist/dialogs/create-record-dialog.d.ts

@@ -0,0 +1,3 @@
+import type { CreateRecordDialogProps } from './types';
+export declare function CreateRecordDialog({ modelKey, open, onOpenChange, recordId, endpoint, schema, defaults, onCreate, onUpdate, onSaved, }: CreateRecordDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=create-record-dialog.d.ts.map

package/dist/dialogs/create-record-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-record-dialog.d.ts","sourceRoot":"","sources":["../../src/dialogs/create-record-dialog.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEtD,wBAAgB,kBAAkB,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,GACV,EAAE,uBAAuB,2CAiBzB"}

package/dist/dialogs/create-record-dialog.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * CreateRecordDialog — generic record create/edit dialog.
+ *
+ * Thin wrapper around the underlying `DynamicRecordDialog` that exposes a
+ * narrower, intent-specific API (`onCreate` / `onUpdate` callbacks, `defaults`)
+ * matching the Wave 2.5 cleanup spec. Callers that need the full mode-switched
+ * dialog (including the read-only `view` mode) should reach for
+ * `DynamicRecordDialog` directly.
+ *
+ * When `recordId` is supplied, the dialog operates in edit mode; otherwise it
+ * starts in create mode. Callbacks (`onCreate`, `onUpdate`) are optional —
+ * when omitted, the dialog falls back to the configured `useApi()` transport
+ * with the default `/dynamic/${modelKey}` endpoint convention.
+ */
+import { DynamicRecordDialog } from './dynamic-record';
+export function CreateRecordDialog({ modelKey, open, onOpenChange, recordId, endpoint, schema, defaults, onCreate, onUpdate, onSaved, }) {
+    const mode = recordId ? 'edit' : 'create';
+    return (_jsx(DynamicRecordDialog, { open: open, onOpenChange: onOpenChange, mode: mode, model: modelKey, recordId: recordId, endpoint: endpoint, schema: schema, defaults: defaults, onCreate: onCreate, onUpdate: onUpdate, onSaved: onSaved }));
+}

package/dist/dialogs/dynamic-record.d.ts

@@ -1,3 +1,4 @@
+import type { ModelSchema } from './types';
 export interface DynamicRecordDialogProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
@@ -6,6 +7,42 @@ export interface DynamicRecordDialogProps {
     recordId?: string | null;
     endpoint?: string;
     onSaved?: () => void;
+    /**
+     * Optional override invoked instead of the default `POST` when the dialog
+     * is in `create` mode. Hosts may use this to route writes through custom
+     * mutations (optimistic updates, audit hooks, etc.). The dialog still
+     * closes and fires `onSaved` on success.
+     */
+    onCreate?: (data: Record<string, any>) => Promise<{
+        id?: string | number;
+    } | void>;
+    /**
+     * Optional override invoked instead of the default `PUT` when the dialog
+     * is in `edit` mode. Receives the record id and the form payload.
+     */
+    onUpdate?: (recordId: string, data: Record<string, any>) => Promise<{
+        id?: string | number;
+    } | void>;
+    /**
+     * Optional default values seeded into the form on `create`. Ignored when
+     * `mode` is `'edit'` or `'view'` (those fetch from the record endpoint).
+     */
+    defaults?: Record<string, any>;
+    /**
+     * Optional pre-fetched metadata. When provided the dialog skips the
+     * `/metadata/modal/:model` request and uses this shape directly.
+     */
+    schema?: ModelSchema;
+    /**
+     * Optional handler shown as a "Delete" action in `view` mode. The dialog
+     * awaits the promise and closes on success. Omit to hide the action.
+     */
+    onDelete?: () => Promise<void>;
+    /**
+     * Optional handler shown as an "Edit" action in `view` mode. Omit to hide
+     * the action.
+     */
+    onEdit?: () => void;
 }
-export declare function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId, endpoint, onSaved, }: DynamicRecordDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId, endpoint, onSaved, onCreate, onUpdate, defaults, schema, onDelete, onEdit, }: DynamicRecordDialogProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=dynamic-record.d.ts.map

package/dist/dialogs/dynamic-record.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-record.d.ts","sourceRoot":"","sources":["../../src/dialogs/dynamic-record.tsx"],"names":[],"mappings":"AAoEA,MAAM,WAAW,wBAAwB;IACrC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAsDD,wBAAgB,mBAAmB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,GACV,EAAE,wBAAwB,2CAgM1B"}
+{"version":3,"file":"dynamic-record.d.ts","sourceRoot":"","sources":["../../src/dialogs/dynamic-record.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAmE1C,MAAM,WAAW,wBAAwB;IACrC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC;QAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,CAAA;IAClF;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC;QAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,CAAA;IACpG;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAsDD,wBAAgB,mBAAmB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,GACT,EAAE,wBAAwB,2CAsP1B"}

package/dist/dialogs/dynamic-record.js

@@ -60,14 +60,16 @@ const MODE_CONFIG = {
     },
 };
 const ModelContext = createContext('');
-export function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId, endpoint, onSaved, }) {
+export function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId, endpoint, onSaved, onCreate, onUpdate, defaults, schema, onDelete, onEdit, }) {
     const api = useApi();
-    const [modalMeta, setModalMeta] = useState(null);
+    const [modalMeta, setModalMeta] = useState(schema ? schema : null);
     const [record, setRecord] = useState(null);
     const [formValues, setFormValues] = useState({});
     const [loading, setLoading] = useState(false);
     const [saving, setSaving] = useState(false);
+    const [deleting, setDeleting] = useState(false);
     const isCreate = mode === 'create';
+    const isView = mode === 'view';
     const isEditable = mode === 'create' || mode === 'edit';
     const config = MODE_CONFIG[mode];
     useEffect(() => {
@@ -79,15 +81,21 @@ export function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId,
         const load = async () => {
             setLoading(true);
             try {
-                const metaRes = await api.get(`/metadata/modal/${model}`);
-                if (cancelled)
-                    return;
-                const meta = metaRes.data?.data ?? metaRes.data;
+                let meta = schema ? schema : null;
+                if (!meta) {
+                    const metaRes = await api.get(`/metadata/modal/${model}`);
+                    if (cancelled)
+                        return;
+                    meta = metaRes.data?.data ?? metaRes.data;
+                }
                 setModalMeta(meta);
                 if (isCreate) {
                     const initial = {};
-                    for (const field of meta.fields ?? []) {
-                        initial[field.key] = field.defaultValue ?? '';
+                    for (const field of meta?.fields ?? []) {
+                        initial[field.key] =
+                            (defaults && Object.prototype.hasOwnProperty.call(defaults, field.key)
+                                ? defaults[field.key]
+                                : field.defaultValue) ?? '';
                     }
                     setFormValues(initial);
                 }
@@ -101,7 +109,7 @@ export function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId,
                     const rec = recRes.data?.data ?? recRes.data;
                     setRecord(rec);
                     const initial = {};
-                    for (const field of meta.fields ?? []) {
+                    for (const field of meta?.fields ?? []) {
                         initial[field.key] = resolvePath(rec, field.key) ?? field.defaultValue ?? '';
                     }
                     setFormValues(initial);
@@ -118,7 +126,7 @@ export function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId,
         };
         load();
         return () => { cancelled = true; };
-    }, [open, recordId, model, endpoint, isCreate]);
+    }, [open, recordId, model, endpoint, isCreate, schema, defaults]);
     useEffect(() => {
         if (!open) {
             setModalMeta(null);
@@ -131,7 +139,7 @@ export function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId,
         if (!modalMeta)
             return;
         if (isEditable) {
-            for (const field of modalMeta.fields) {
+            for (const field of modalMeta.fields ?? []) {
                 if (field.required && !formValues[field.key] && formValues[field.key] !== 0 && formValues[field.key] !== false) {
                     toast.error(`El campo "${field.label}" es obligatorio`);
                     return;
@@ -140,6 +148,20 @@ export function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId,
         }
         setSaving(true);
         try {
+            if (isCreate && onCreate) {
+                await onCreate(formValues);
+                toast.success('Registro creado correctamente');
+                onSaved?.();
+                onOpenChange(false);
+                return;
+            }
+            if (!isCreate && recordId && onUpdate) {
+                await onUpdate(String(recordId), formValues);
+                toast.success('Guardado correctamente');
+                onSaved?.();
+                onOpenChange(false);
+                return;
+            }
             let res;
             if (isCreate) {
                 const createEndpoint = endpoint || `/dynamic/${model}`;
@@ -167,6 +189,22 @@ export function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId,
             setSaving(false);
         }
     };
+    const handleDelete = async () => {
+        if (!onDelete)
+            return;
+        setDeleting(true);
+        try {
+            await onDelete();
+            onOpenChange(false);
+        }
+        catch (err) {
+            console.error('[DynamicRecordDialog] delete error:', err);
+            toast.error(err?.response?.data?.message || err?.message || 'Error al eliminar');
+        }
+        finally {
+            setDeleting(false);
+        }
+    };
     const title = modalMeta ? config.getTitle(modalMeta) : '';
     const visibleFields = modalMeta?.fields?.filter(f => {
         if (f.hidden)
@@ -178,7 +216,7 @@ export function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId,
     return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-2xl max-h-[90vh] flex flex-col p-0 gap-0 overflow-hidden", children: [_jsxs(DialogHeader, { className: "p-6 pb-4 border-b shrink-0", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: config.description })] }), _jsx("div", { className: "flex-1 overflow-y-auto p-6", children: loading ? (_jsx(LoadingSkeleton, {})) : modalMeta ? (_jsx(ModelContext.Provider, { value: model, children: _jsxs("form", { id: "dynamic-record-form", onSubmit: handleSubmit, className: "grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-4", children: [visibleFields.map(field => {
                                     const isFullWidth = field.type === 'textarea';
                                     return (_jsx("div", { className: isFullWidth ? 'sm:col-span-2' : '', children: _jsx(FieldRow, { field: field, record: record, value: formValues[field.key] ?? '', mode: mode, onChange: val => setFormValues((prev) => ({ ...prev, [field.key]: val })) }) }, field.key));
-                                }), record?.external_url && (_jsx("div", { className: "sm:col-span-2", children: _jsxs("a", { href: record.external_url, target: "_blank", rel: "noreferrer", className: "inline-flex items-center gap-1.5 text-sm text-primary hover:underline mt-1", children: [_jsx(ExternalLink, { className: "h-3.5 w-3.5" }), "Ver en ", record.external_provider ?? 'proveedor externo'] }) }))] }) })) : null }), _jsxs(DialogFooter, { className: "p-4 border-t shrink-0", children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: saving, children: config.cancelLabel }), isEditable && (_jsxs(Button, { type: "submit", form: "dynamic-record-form", disabled: saving || loading, children: [saving && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), saving ? config.submittingLabel : config.submitLabel] }))] })] }) }));
+                                }), record?.external_url && (_jsx("div", { className: "sm:col-span-2", children: _jsxs("a", { href: record.external_url, target: "_blank", rel: "noreferrer", className: "inline-flex items-center gap-1.5 text-sm text-primary hover:underline mt-1", children: [_jsx(ExternalLink, { className: "h-3.5 w-3.5" }), "Ver en ", record.external_provider ?? 'proveedor externo'] }) }))] }) })) : null }), _jsxs(DialogFooter, { className: "p-4 border-t shrink-0", children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: saving || deleting, children: config.cancelLabel }), isView && onDelete && (_jsxs(Button, { variant: "destructive", onClick: handleDelete, disabled: deleting || loading, children: [deleting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), deleting ? 'Eliminando...' : 'Eliminar'] })), isView && onEdit && (_jsx(Button, { onClick: onEdit, disabled: deleting || loading, children: "Editar" })), isEditable && (_jsxs(Button, { type: "submit", form: "dynamic-record-form", disabled: saving || loading, children: [saving && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), saving ? config.submittingLabel : config.submitLabel] }))] })] }) }));
 }
 function LoadingSkeleton() {
     return (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-4", children: Array.from({ length: 6 }).map((_, i) => (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Skeleton, { className: "h-3.5 w-24" }), _jsx(Skeleton, { className: "h-9 w-full" })] }, i))) }));

package/dist/dialogs/types.d.ts

@@ -0,0 +1,115 @@
+/**
+ * Shared types for record-oriented dialogs in `@asteby/metacore-runtime-react`.
+ *
+ * These dialogs are intentionally generic: any addon that drives a metadata-
+ * backed CRUD surface can render them by passing a `modelKey`. The dialogs
+ * resolve field shape, labels, and validation hints from the metadata server
+ * (default: `/metadata/modal/:modelKey`) via the configured `useApi()`
+ * transport. Hosts may override transport behaviour by supplying explicit
+ * `endpoint` overrides and/or `onCreate` / `onDelete` callbacks.
+ *
+ * Wave 2.5 cleanup — replaces the product-specific dialogs that used to live
+ * in `ops/frontend/src/components/dynamic/` for any record kind that does not
+ * need pricing rules, media galleries, or category-driven custom fields.
+ */
+/**
+ * Identifier for a model registered with the metadata service. The wire format
+ * is a plain string (e.g. `"products"`, `"organizations"`, `"users"`). The
+ * dialogs do not interpret this value; it is forwarded to the API transport.
+ */
+export type ModelKey = string;
+/**
+ * Optional schema hint, accepted only as a passthrough for hosts that want to
+ * supply pre-fetched metadata instead of waiting for the dialog to call
+ * `/metadata/modal/:modelKey`. The runtime intentionally keeps the shape loose
+ * because metadata is owned by each backend addon.
+ */
+export interface ModelSchema {
+    title?: string;
+    createTitle?: string;
+    editTitle?: string;
+    fields?: Array<{
+        key: string;
+        label: string;
+        type: string;
+        required?: boolean;
+        defaultValue?: unknown;
+        placeholder?: string;
+        readonly?: boolean;
+        hidden?: boolean;
+        [extra: string]: unknown;
+    }>;
+}
+/**
+ * Result shape returned by `onCreate` callbacks. Hosts may return `void` if
+ * the resulting record id is not needed downstream.
+ */
+export type CreateResult = {
+    id: string;
+} | void;
+/**
+ * Base props shared by every record dialog.
+ */
+export interface RecordDialogProps {
+    /** Model key forwarded to the metadata service and transport calls. */
+    modelKey: ModelKey;
+    /** Controlled open state. */
+    open: boolean;
+    /** Open-state controller. */
+    onOpenChange: (open: boolean) => void;
+    /**
+     * Optional custom endpoint base. When provided, the dialog uses
+     * `${endpoint}` (for create/list) and `${endpoint}/${recordId}` (for
+     * fetch/update/delete). When omitted, the dialog uses
+     * `/dynamic/${modelKey}` / `/dynamic/${modelKey}/${recordId}`.
+     */
+    endpoint?: string;
+    /**
+     * Optional pre-fetched schema. When omitted, the dialog fetches metadata
+     * from `/metadata/modal/${modelKey}` via the configured API transport.
+     */
+    schema?: ModelSchema;
+}
+/**
+ * Props for the create / edit dialog.
+ *
+ * When `recordId` is provided the dialog operates in edit mode; otherwise it
+ * starts in create mode. Supplying `onCreate` overrides the default transport
+ * call so that hosts may route writes through custom mutations (optimistic
+ * updates, audit hooks, etc.). The default behaviour POSTs/PUTs through the
+ * configured `useApi()` transport.
+ */
+export interface CreateRecordDialogProps extends RecordDialogProps {
+    /** When set, the dialog operates as an editor for this record id. */
+    recordId?: string | null;
+    /**
+     * Optional override invoked instead of the default POST. The dialog still
+     * closes and calls `onSaved` on success. Hosts that need to support both
+     * create and edit through callbacks should also pass `onUpdate`.
+     */
+    onCreate?: (data: Record<string, unknown>) => Promise<CreateResult>;
+    /**
+     * Optional override invoked instead of the default PUT when `recordId`
+     * is provided.
+     */
+    onUpdate?: (recordId: string, data: Record<string, unknown>) => Promise<CreateResult>;
+    /** Default values seeded into the form on create. */
+    defaults?: Record<string, unknown>;
+    /** Notification when a create or update succeeds. */
+    onSaved?: () => void;
+}
+/**
+ * Props for the read-only viewer dialog.
+ */
+export interface ViewRecordDialogProps extends RecordDialogProps {
+    /** Identifier of the record to display. */
+    recordId: string;
+    /** Optional handler triggered by the "Edit" affordance. */
+    onEdit?: () => void;
+    /**
+     * Optional handler triggered by the "Delete" affordance. When omitted the
+     * delete button is hidden. The dialog awaits the promise before closing.
+     */
+    onDelete?: () => Promise<void>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/dialogs/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/dialogs/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH;;;;GAIG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAA;AAE7B;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,KAAK,CAAC;QACX,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,YAAY,CAAC,EAAE,OAAO,CAAA;QACtB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,MAAM,CAAC,EAAE,OAAO,CAAA;QAEhB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAA;KAC3B,CAAC,CAAA;CACL;AAED;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAA;AAEhD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,uEAAuE;IACvE,QAAQ,EAAE,QAAQ,CAAA;IAClB,6BAA6B;IAC7B,IAAI,EAAE,OAAO,CAAA;IACb,6BAA6B;IAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;CACvB;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAC9D,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,YAAY,CAAC,CAAA;IACnE;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,YAAY,CAAC,CAAA;IACrF,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAClC,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC5D,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,CAAA;IAChB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CACjC"}

package/dist/dialogs/types.js

@@ -0,0 +1,15 @@
+/**
+ * Shared types for record-oriented dialogs in `@asteby/metacore-runtime-react`.
+ *
+ * These dialogs are intentionally generic: any addon that drives a metadata-
+ * backed CRUD surface can render them by passing a `modelKey`. The dialogs
+ * resolve field shape, labels, and validation hints from the metadata server
+ * (default: `/metadata/modal/:modelKey`) via the configured `useApi()`
+ * transport. Hosts may override transport behaviour by supplying explicit
+ * `endpoint` overrides and/or `onCreate` / `onDelete` callbacks.
+ *
+ * Wave 2.5 cleanup — replaces the product-specific dialogs that used to live
+ * in `ops/frontend/src/components/dynamic/` for any record kind that does not
+ * need pricing rules, media galleries, or category-driven custom fields.
+ */
+export {};

package/dist/dialogs/view-record-dialog.d.ts

@@ -0,0 +1,3 @@
+import type { ViewRecordDialogProps } from './types';
+export declare function ViewRecordDialog({ modelKey, open, onOpenChange, recordId, endpoint, schema, onEdit, onDelete, }: ViewRecordDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=view-record-dialog.d.ts.map

package/dist/dialogs/view-record-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-record-dialog.d.ts","sourceRoot":"","sources":["../../src/dialogs/view-record-dialog.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD,wBAAgB,gBAAgB,CAAC,EAC7B,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,GACX,EAAE,qBAAqB,2CAcvB"}

package/dist/dialogs/view-record-dialog.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * ViewRecordDialog — read-only record viewer with optional edit/delete
+ * affordances.
+ *
+ * Thin wrapper around `DynamicRecordDialog` (mode = `'view'`) that exposes a
+ * narrower, intent-specific API matching the Wave 2.5 cleanup spec.
+ * The "Edit" and "Delete" footer buttons are only rendered when the host
+ * supplies `onEdit` / `onDelete`, so the dialog gracefully degrades to a
+ * pure viewer when those affordances are not needed.
+ */
+import { DynamicRecordDialog } from './dynamic-record';
+export function ViewRecordDialog({ modelKey, open, onOpenChange, recordId, endpoint, schema, onEdit, onDelete, }) {
+    return (_jsx(DynamicRecordDialog, { open: open, onOpenChange: onOpenChange, mode: "view", model: modelKey, recordId: recordId, endpoint: endpoint, schema: schema, onEdit: onEdit, onDelete: onDelete }));
+}

package/dist/dynamic-crud-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-crud-page.d.ts","sourceRoot":"","sources":["../src/dynamic-crud-page.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAKN,MAAM,OAAO,CAAA;AAWd,MAAM,WAAW,sBAAsB;IACnC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;mDAC+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AASD,MAAM,WAAW,sBAAsB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,WAAW,oBAAoB;IACjC,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,+EAA+E;IAC/E,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,8DAA8D;IAC9D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,sDAAsD;IACtD,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAsL1D"}
+{"version":3,"file":"dynamic-crud-page.d.ts","sourceRoot":"","sources":["../src/dynamic-crud-page.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAKN,MAAM,OAAO,CAAA;AAYd,MAAM,WAAW,sBAAsB;IACnC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;mDAC+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AASD,MAAM,WAAW,sBAAsB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,WAAW,oBAAoB;IACjC,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,+EAA+E;IAC/E,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,8DAA8D;IAC9D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,sDAAsD;IACtD,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CA+L1D"}

package/dist/dynamic-crud-page.js

@@ -32,6 +32,7 @@ import { DynamicRecordDialog } from './dialogs/dynamic-record';
 import { ExportDialog } from './dialogs/export';
 import { ImportDialog } from './dialogs/import';
 import { getModelExtension } from './model-extension-registry';
+import { ModelActionToolbar } from './model-action-toolbar';
 const defaultStrings = {
     refresh: 'Refresh',
     export: 'Export',
@@ -84,7 +85,10 @@ export function DynamicCRUDPage(props) {
         return t.charAt(0).toUpperCase() + t.slice(1);
     }, [title]);
     const enableCRUD = metadata?.enableCRUDActions ?? false;
-    const effectiveHideCreate = hideCreate || ext?.hideCreate;
+    // A "create"-placement action ships a custom create experience — it
+    // replaces the generic create button (the ModelActionToolbar renders it).
+    const hasCreateAction = metadata?.actions?.some((a) => a.placement === 'create') ?? false;
+    const effectiveHideCreate = hideCreate || ext?.hideCreate || hasCreateAction;
     const effectiveHideExport = hideExport || ext?.hideExport;
     const effectiveHideImport = hideImport || ext?.hideImport;
     // Refresh defaults to hidden in the page header — <DynamicTable> ships
@@ -106,5 +110,5 @@ export function DynamicCRUDPage(props) {
     const titleCls = classes?.title ?? 'text-2xl font-bold tracking-tight';
     const toolbarCls = classes?.toolbar ?? 'flex items-center gap-2';
     const tableWrapperCls = classes?.tableWrapper ?? 'flex-1 min-h-0';
-    return (_jsxs("div", { className: rootCls, children: [_jsxs("div", { className: containerCls, children: [ext?.headerExtras && _jsx(ext.headerExtras, { model: model, onRefresh: handleRefresh }), headerExtras, _jsxs("div", { className: headerCls, children: [metadata ? (_jsx("h1", { className: titleCls, children: title })) : (_jsx("div", { className: 'h-8 w-48 bg-muted rounded animate-pulse' })), _jsxs("div", { className: toolbarCls, children: [showRefresh && (_jsx("button", { type: 'button', onClick: handleRefresh, "aria-label": strings.refresh, className: 'inline-flex items-center justify-center size-9 rounded-md border border-border bg-background hover:bg-accent text-foreground', children: _jsx(RefreshCw, { className: 'size-4' }) })), metadata && showExport && (_jsxs("button", { type: 'button', onClick: () => setOpenExport(true), className: 'inline-flex items-center gap-2 h-9 px-3 rounded-md border border-border bg-background hover:bg-accent text-sm font-medium text-foreground', children: [_jsx(Download, { className: 'size-4' }), strings.export] })), metadata && showImport && (_jsxs("button", { type: 'button', onClick: () => setOpenImport(true), className: 'inline-flex items-center gap-2 h-9 px-3 rounded-md border border-border bg-background hover:bg-accent text-sm font-medium text-foreground', children: [_jsx(Upload, { className: 'size-4' }), strings.import] })), ext?.toolbarExtras && _jsx(ext.toolbarExtras, { model: model, onRefresh: handleRefresh }), toolbarExtras, showCreate && (_jsxs("button", { type: 'button', onClick: () => setOpenCreate(true), className: 'inline-flex items-center gap-2 h-9 px-3 rounded-md bg-primary text-primary-foreground hover:opacity-90 text-sm font-medium', children: [_jsx(Plus, { className: 'size-4' }), resolvedNewLabel ?? `${strings.newPrefix} ${singular}`] }))] })] }), _jsx("div", { className: tableWrapperCls, children: _jsx(DynamicTable, { model: model, endpoint: dataEndpoint, refreshTrigger: refreshKey }, model) })] }), showCreate && (_jsx(DynamicRecordDialog, { open: openCreate, onOpenChange: setOpenCreate, mode: 'create', model: model, endpoint: dataEndpoint, onSaved: handleRefresh })), metadata && showExport && (_jsx(ExportDialog, { open: openExport, onOpenChange: setOpenExport, model: model, metadata: metadata })), metadata && showImport && (_jsx(ImportDialog, { open: openImport, onOpenChange: setOpenImport, model: model, metadata: metadata, onImported: handleRefresh }))] }));
+    return (_jsxs("div", { className: rootCls, children: [_jsxs("div", { className: containerCls, children: [ext?.headerExtras && _jsx(ext.headerExtras, { model: model, onRefresh: handleRefresh }), headerExtras, _jsxs("div", { className: headerCls, children: [metadata ? (_jsx("h1", { className: titleCls, children: title })) : (_jsx("div", { className: 'h-8 w-48 bg-muted rounded animate-pulse' })), _jsxs("div", { className: toolbarCls, children: [showRefresh && (_jsx("button", { type: 'button', onClick: handleRefresh, "aria-label": strings.refresh, className: 'inline-flex items-center justify-center size-9 rounded-md border border-border bg-background hover:bg-accent text-foreground', children: _jsx(RefreshCw, { className: 'size-4' }) })), metadata && showExport && (_jsxs("button", { type: 'button', onClick: () => setOpenExport(true), className: 'inline-flex items-center gap-2 h-9 px-3 rounded-md border border-border bg-background hover:bg-accent text-sm font-medium text-foreground', children: [_jsx(Download, { className: 'size-4' }), strings.export] })), metadata && showImport && (_jsxs("button", { type: 'button', onClick: () => setOpenImport(true), className: 'inline-flex items-center gap-2 h-9 px-3 rounded-md border border-border bg-background hover:bg-accent text-sm font-medium text-foreground', children: [_jsx(Upload, { className: 'size-4' }), strings.import] })), ext?.toolbarExtras && _jsx(ext.toolbarExtras, { model: model, onRefresh: handleRefresh }), toolbarExtras, _jsx(ModelActionToolbar, { model: model, endpoint: dataEndpoint, actions: metadata?.actions, onChange: handleRefresh }), showCreate && (_jsxs("button", { type: 'button', onClick: () => setOpenCreate(true), className: 'inline-flex items-center gap-2 h-9 px-3 rounded-md bg-primary text-primary-foreground hover:opacity-90 text-sm font-medium', children: [_jsx(Plus, { className: 'size-4' }), resolvedNewLabel ?? `${strings.newPrefix} ${singular}`] }))] })] }), _jsx("div", { className: tableWrapperCls, children: _jsx(DynamicTable, { model: model, endpoint: dataEndpoint, refreshTrigger: refreshKey }, model) })] }), showCreate && (_jsx(DynamicRecordDialog, { open: openCreate, onOpenChange: setOpenCreate, mode: 'create', model: model, endpoint: dataEndpoint, onSaved: handleRefresh })), metadata && showExport && (_jsx(ExportDialog, { open: openExport, onOpenChange: setOpenExport, model: model, metadata: metadata })), metadata && showImport && (_jsx(ImportDialog, { open: openImport, onOpenChange: setOpenImport, model: model, metadata: metadata, onImported: handleRefresh }))] }));
 }

package/dist/dynamic-form-schema.d.ts

@@ -8,5 +8,14 @@ export declare function registerValidator(slug: string, fn: (s: z.ZodString) =>
 export declare function buildZodSchema(fields: ActionFieldDef[]): z.ZodObject<{
     [x: string]: z.ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>;
 }, z.core.$strip>;
+/**
+ * Returns the line-items columns of a repeatable-group field, tolerating both
+ * the camelCase `itemFields` (the authored SDK shape) and the raw snake_case
+ * `item_fields` that the kernel serves in action metadata. Empty when the
+ * field is not a line-items group.
+ */
+export declare function getItemFields(field: ActionFieldDef): ActionFieldDef[];
+/** A field is a repeatable line-items group when it declares item columns. */
+export declare function isLineItemsField(field: ActionFieldDef): boolean;
 export declare function resolveWidget(field: ActionFieldDef): string;
 //# sourceMappingURL=dynamic-form-schema.d.ts.map

package/dist/dynamic-form-schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-form-schema.d.ts","sourceRoot":"","sources":["../src/dynamic-form-schema.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,CAAC,EAAmB,MAAM,KAAK,CAAA;AACxC,OAAO,KAAK,EAAE,cAAc,EAAmB,MAAM,SAAS,CAAA;AAiB9D;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,SAAS,KAAK,CAAC,CAAC,SAAS,GAAG,IAAI,CAEzF;AAcD,wBAAgB,cAAc,CAAC,MAAM,EAAE,cAAc,EAAE;;kBAMtD;AA4CD,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CAU3D"}
+{"version":3,"file":"dynamic-form-schema.d.ts","sourceRoot":"","sources":["../src/dynamic-form-schema.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,CAAC,EAAmB,MAAM,KAAK,CAAA;AACxC,OAAO,KAAK,EAAE,cAAc,EAAmB,MAAM,SAAS,CAAA;AAiB9D;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,SAAS,KAAK,CAAC,CAAC,SAAS,GAAG,IAAI,CAEzF;AAcD,wBAAgB,cAAc,CAAC,MAAM,EAAE,cAAc,EAAE;;kBAMtD;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc,EAAE,CAGrE;AAED,8EAA8E;AAC9E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,GAAG,OAAO,CAE/D;AAqDD,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CAU3D"}

package/dist/dynamic-form-schema.js

@@ -43,7 +43,29 @@ export function buildZodSchema(fields) {
     }
     return z.object(shape);
 }
+/**
+ * Returns the line-items columns of a repeatable-group field, tolerating both
+ * the camelCase `itemFields` (the authored SDK shape) and the raw snake_case
+ * `item_fields` that the kernel serves in action metadata. Empty when the
+ * field is not a line-items group.
+ */
+export function getItemFields(field) {
+    const raw = field.itemFields ?? field.item_fields;
+    return Array.isArray(raw) ? raw : [];
+}
+/** A field is a repeatable line-items group when it declares item columns. */
+export function isLineItemsField(field) {
+    return getItemFields(field).length > 0;
+}
 function fieldToZod(field) {
+    // Repeatable line-items group → array of row objects, each row built from
+    // the item field columns. Required keeps at least one row.
+    const itemFields = getItemFields(field);
+    if (itemFields.length > 0) {
+        const row = buildZodSchema(itemFields);
+        const arr = z.array(row);
+        return field.required ? arr.min(1, `${field.label} requiere al menos un renglón`) : arr;
+    }
     const v = field.validation ?? {};
     const isNumeric = field.type === 'number';
     const isBool = field.type === 'boolean';

package/dist/dynamic-form.d.ts

@@ -1,6 +1,7 @@
 import type { ActionFieldDef } from './types';
 import { buildZodSchema, resolveWidget } from './dynamic-form-schema';
 export { buildZodSchema, resolveWidget };
+export { DynamicLineItems } from './dynamic-line-items';
 export interface DynamicFormProps {
     fields: ActionFieldDef[];
     initialValues?: Record<string, any>;

package/dist/dynamic-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-form.d.ts","sourceRoot":"","sources":["../src/dynamic-form.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGrE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA;AAExC,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,cAAc,EAAE,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,wBAAgB,WAAW,CAAC,EACxB,MAAM,EACN,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,WAAuB,EACvB,WAAwB,EACxB,QAAgB,GACnB,EAAE,gBAAgB,2CAgElB"}
+{"version":3,"file":"dynamic-form.d.ts","sourceRoot":"","sources":["../src/dynamic-form.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAoB,MAAM,uBAAuB,CAAA;AAIvF,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAEvD,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,cAAc,EAAE,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,wBAAgB,WAAW,CAAC,EACxB,MAAM,EACN,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,WAAuB,EACvB,WAAwB,EACxB,QAAgB,GACnB,EAAE,gBAAgB,2CAoElB"}