@asteby/metacore-runtime-react 7.0.0 → 7.1.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @asteby/metacore-runtime-react
 
+## 7.1.1
+
+### Patch Changes
+
+- 76d4b58: Align SDK dialogs to the kernel's `/dynamic/:model` path namespace.
+
+  `<DynamicRecordDialog>`, `<ExportDialog>` and `<ImportDialog>` were posting to `/data/:model[/...]`, which had no kernel handler — apps that didn't ship their own `handlers/export.go` got 404s the moment a user clicked Export, Import or "Descargar plantilla".
+
+  Switches every hardcoded path from `/data/${model}` to `/dynamic/${model}`. Pairs with `metacore-kernel v0.5.0`, which exposes the canonical `/dynamic/:model/export`, `/dynamic/:model/export/template`, `/dynamic/:model/import`, `/dynamic/:model/import/validate` endpoints — so the SDK toolbar now wires straight to the kernel out of the box, no app glue.
+
+## 7.1.0
+
+### Minor Changes
+
+- 0cd085c: Zero-config CRUD UX from a single column flag.
+
+  Three changes that move polish from each app's metadata into the SDK default behaviour, so a model only needs `enableCRUDActions: true` plus `filterable: true` on the columns it wants searchable to get the same UX link / ops / hub render today:
+  1. **Auto-derive filter chip type from column type.** A column flagged `filterable: true` without options or a `searchEndpoint` no longer falls back to "no filter" — it picks the FilterableColumnHeader variant that matches the column type: `text` for text/email/phone/tags, `number_range` for numeric columns, `boolean` for booleans, `select` when options/endpoint are present.
+  2. **Auto-render the row Actions column when `enableCRUDActions` is on.** If the host metadata already declares its own `actions[]`, those win. When it doesn't, the SDK falls back to the canonical View / Edit / Delete trio wired to DynamicTable's existing `view` / `edit` / `delete` handlers — no host-side glue.
+  3. **`<DynamicCRUDPage>` defaults `hideRefresh` to `true`.** The page-level Refresh button duplicated the one DynamicTable's internal toolbar already ships next to "View"; the page chrome now defers to it. Apps that want both back can pass `hideRefresh={false}`.
+
 ## 7.0.0
 
 ### Patch Changes

package/dist/dialogs/dynamic-record.js

@@ -94,7 +94,7 @@ export function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId,
                 else {
                     const recordEndpoint = endpoint
                         ? `${endpoint}/${recordId}`
-                        : `/data/${model}/${recordId}`;
+                        : `/dynamic/${model}/${recordId}`;
                     const recRes = await api.get(recordEndpoint);
                     if (cancelled)
                         return;
@@ -142,13 +142,13 @@ export function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId,
         try {
             let res;
             if (isCreate) {
-                const createEndpoint = endpoint || `/data/${model}`;
+                const createEndpoint = endpoint || `/dynamic/${model}`;
                 res = await api.post(createEndpoint, formValues);
             }
             else {
                 const updateEndpoint = endpoint
                     ? `${endpoint}/${recordId}`
-                    : `/data/${model}/${recordId}`;
+                    : `/dynamic/${model}/${recordId}`;
                 res = await api.put(updateEndpoint, formValues);
             }
             if (res.data?.success !== false) {

package/dist/dialogs/export.js

@@ -110,7 +110,7 @@ export function ExportDialog({ open, onOpenChange, model, metadata, currentFilte
                     }
                 });
             }
-            const response = await api.get(`/data/${model}/export`, {
+            const response = await api.get(`/dynamic/${model}/export`, {
                 params,
                 responseType: 'blob',
                 validateStatus: () => true,

package/dist/dialogs/import.js

@@ -36,7 +36,7 @@ export function ImportDialog({ open, onOpenChange, model, metadata, onImported,
     };
     const handleDownloadTemplate = async () => {
         try {
-            const response = await api.get(`/data/${model}/export/template`, {
+            const response = await api.get(`/dynamic/${model}/export/template`, {
                 responseType: 'blob',
             });
             const url = window.URL.createObjectURL(response.data);
@@ -61,7 +61,7 @@ export function ImportDialog({ open, onOpenChange, model, metadata, onImported,
         try {
             const formData = new FormData();
             formData.append('file', file);
-            const res = await api.post(`/data/${model}/import/validate`, formData, {
+            const res = await api.post(`/dynamic/${model}/import/validate`, formData, {
                 headers: { 'Content-Type': 'multipart/form-data' },
             });
             const data = res.data?.data ?? res.data;
@@ -87,7 +87,7 @@ export function ImportDialog({ open, onOpenChange, model, metadata, onImported,
         try {
             const formData = new FormData();
             formData.append('file', file);
-            const res = await api.post(`/data/${model}/import`, formData, {
+            const res = await api.post(`/dynamic/${model}/import`, formData, {
                 headers: { 'Content-Type': 'multipart/form-data' },
                 onUploadProgress: (progressEvent) => {
                     if (progressEvent.total) {

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

@@ -1 +1 @@
-{"version":3,"file":"dynamic-columns.d.ts","sourceRoot":"","sources":["../src/dynamic-columns.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAER,iBAAiB,EACpB,MAAM,wBAAwB,CAAA;AAE/B,qEAAqE;AACrE,MAAM,WAAW,qBAAqB;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACtC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;AAwHD;;;;GAIG;AACH,wBAAgB,4BAA4B,CACxC,OAAO,GAAE,qBAA0B,GACpC,iBAAiB,CA8UnB;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,iBACL,CAAA"}
+{"version":3,"file":"dynamic-columns.d.ts","sourceRoot":"","sources":["../src/dynamic-columns.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAER,iBAAiB,EACpB,MAAM,wBAAwB,CAAA;AAE/B,qEAAqE;AACrE,MAAM,WAAW,qBAAqB;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACtC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;AAwHD;;;;GAIG;AACH,wBAAgB,4BAA4B,CACxC,OAAO,GAAE,qBAA0B,GACpC,iBAAiB,CAiXnB;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,iBACL,CAAA"}

package/dist/dynamic-columns.js

@@ -266,14 +266,47 @@ export function makeDefaultGetDynamicColumns(helpers = {}) {
                 enableHiding: true,
             });
         });
-        if (metadata.hasActions && metadata.actions.length > 0) {
+        // Resolve which actions to surface in the row dropdown:
+        //   1. If the host metadata declares its own actions, use them as-is.
+        //   2. Otherwise, when enableCRUDActions is true, fall back to the
+        //      canonical View / Edit / Delete trio so any model with CRUD on
+        //      gets the same dropdown without the host having to declare it.
+        // The DynamicTable wires `view`/`edit`/`delete` to its own dialogs
+        // through onAction, so labels/icons are the only thing this needs to
+        // ship.
+        const explicitActions = metadata.actions ?? [];
+        const hasExplicitActions = (metadata.hasActions ?? explicitActions.length > 0) && explicitActions.length > 0;
+        const defaultCRUDActions = metadata.enableCRUDActions
+            ? [
+                {
+                    key: 'view',
+                    name: 'view',
+                    label: t ? t('datatable.view_record') : 'Ver',
+                    icon: 'Eye',
+                },
+                {
+                    key: 'edit',
+                    name: 'edit',
+                    label: t ? t('datatable.edit') : 'Editar',
+                    icon: 'Pencil',
+                },
+                {
+                    key: 'delete',
+                    name: 'delete',
+                    label: t ? t('datatable.delete') : 'Eliminar',
+                    icon: 'Trash2',
+                },
+            ]
+            : [];
+        const resolvedActions = hasExplicitActions ? explicitActions : defaultCRUDActions;
+        if (resolvedActions.length > 0) {
             columns.push({
                 id: 'actions',
                 header: () => _jsx("div", { className: "text-right", children: t ? t('common.actions') : 'Acciones' }),
                 size: 80,
                 maxSize: 80,
                 meta: {},
-                cell: ({ row }) => (_jsx("div", { className: "flex items-center justify-end", children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", className: "h-8 w-8 p-0", children: [_jsx("span", { className: "sr-only", children: "Abrir men\u00FA" }), _jsx(MoreHorizontal, { className: "h-4 w-4" })] }) }), _jsx(DropdownMenuContent, { align: "end", children: metadata.actions
+                cell: ({ row }) => (_jsx("div", { className: "flex items-center justify-end", children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", className: "h-8 w-8 p-0", children: [_jsx("span", { className: "sr-only", children: "Abrir men\u00FA" }), _jsx(MoreHorizontal, { className: "h-4 w-4" })] }) }), _jsx(DropdownMenuContent, { align: "end", children: resolvedActions
                                     .filter((action) => {
                                     if (!action.condition)
                                         return true;

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,2CAkL1D"}
+{"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"}

package/dist/dynamic-crud-page.js

@@ -87,7 +87,11 @@ export function DynamicCRUDPage(props) {
     const effectiveHideCreate = hideCreate || ext?.hideCreate;
     const effectiveHideExport = hideExport || ext?.hideExport;
     const effectiveHideImport = hideImport || ext?.hideImport;
-    const effectiveHideRefresh = hideRefresh || ext?.hideRefresh;
+    // Refresh defaults to hidden in the page header — <DynamicTable> ships
+    // its own refresh icon next to the View / column-visibility toolbar, so
+    // showing one in the page chrome is just visual duplication. Apps that
+    // want it back can pass `hideRefresh={false}`.
+    const effectiveHideRefresh = hideRefresh ?? ext?.hideRefresh ?? true;
     const showCreate = enableCRUD && !effectiveHideCreate;
     const showImport = enableCRUD && !effectiveHideImport;
     const showExport = !effectiveHideExport;

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

@@ -1 +1 @@
-{"version":3,"file":"dynamic-table.d.ts","sourceRoot":"","sources":["../src/dynamic-table.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAKH,KAAK,SAAS,EAajB,MAAM,uBAAuB,CAAA;AA+B9B,OAAO,KAAK,EAAsB,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AASnF,UAAU,iBAAiB;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC7C,cAAc,CAAC,EAAE,GAAG,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACpC,YAAY,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,CAAA;IAC/B;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;CACxC;AAED,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,aAAoB,EACpB,aAAkB,EAClB,QAAQ,EACR,cAAc,EACd,cAAc,EACd,YAAiB,EACjB,iBAA4C,GAC/C,EAAE,iBAAiB,2CA4qBnB"}
+{"version":3,"file":"dynamic-table.d.ts","sourceRoot":"","sources":["../src/dynamic-table.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAKH,KAAK,SAAS,EAajB,MAAM,uBAAuB,CAAA;AA+B9B,OAAO,KAAK,EAAsB,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AASnF,UAAU,iBAAiB;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC7C,cAAc,CAAC,EAAE,GAAG,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACpC,YAAY,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,CAAA;IAC/B;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;CACxC;AAED,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,aAAoB,EACpB,aAAkB,EAClB,QAAQ,EACR,cAAc,EACd,cAAc,EACd,YAAiB,EACjB,iBAA4C,GAC/C,EAAE,iBAAiB,2CAsrBnB"}

package/dist/dynamic-table.js

@@ -469,8 +469,20 @@ export function DynamicTable({ model, endpoint, enableUrlSync = true, hiddenColu
                 continue;
             const hasStaticOptions = (c.options?.length ?? 0) > 0;
             const hasEndpoint = !!c.searchEndpoint;
-            if (!hasStaticOptions && !hasEndpoint && c.type !== 'boolean')
-                continue;
+            // Pick the filter UI from column type:
+            //   - explicit options or searchEndpoint → multi-select dropdown
+            //   - boolean → boolean toggle (renders as select under the hood)
+            //   - number / number_range / numeric → number range
+            //   - everything else (text, email, phone, tags…) → text contains
+            let filterType = 'select';
+            if (hasStaticOptions || hasEndpoint)
+                filterType = 'select';
+            else if (c.type === 'boolean')
+                filterType = 'boolean';
+            else if (c.type === 'number')
+                filterType = 'number_range';
+            else
+                filterType = 'text';
             const options = hasStaticOptions
                 ? c.options.map(o => ({
                     label: o.label,
@@ -482,7 +494,7 @@ export function DynamicTable({ model, endpoint, enableUrlSync = true, hiddenColu
                     ? filterOptionsMap.get(c.searchEndpoint) || []
                     : [];
             map.set(c.key, {
-                filterType: 'select',
+                filterType,
                 filterKey: c.key,
                 options,
                 selectedValues: dynamicFilters[c.key] || [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asteby/metacore-runtime-react",
-  "version": "7.0.0",
+  "version": "7.1.1",
   "description": "React runtime for metacore hosts — renders addon contributions dynamically",
   "repository": {
     "type": "git",

package/src/dialogs/dynamic-record.tsx

@@ -172,7 +172,7 @@ export function DynamicRecordDialog({
                 } else {
                     const recordEndpoint = endpoint
                         ? `${endpoint}/${recordId}`
-                        : `/data/${model}/${recordId}`
+                        : `/dynamic/${model}/${recordId}`
 
                     const recRes = await api.get(recordEndpoint)
                     if (cancelled) return
@@ -223,12 +223,12 @@ export function DynamicRecordDialog({
         try {
             let res
             if (isCreate) {
-                const createEndpoint = endpoint || `/data/${model}`
+                const createEndpoint = endpoint || `/dynamic/${model}`
                 res = await api.post(createEndpoint, formValues)
             } else {
                 const updateEndpoint = endpoint
                     ? `${endpoint}/${recordId}`
-                    : `/data/${model}/${recordId}`
+                    : `/dynamic/${model}/${recordId}`
                 res = await api.put(updateEndpoint, formValues)
             }
 

package/src/dialogs/export.tsx

@@ -158,7 +158,7 @@ export function ExportDialog({
                 })
             }
 
-            const response = await api.get(`/data/${model}/export`, {
+            const response = await api.get(`/dynamic/${model}/export`, {
                 params,
                 responseType: 'blob',
                 validateStatus: () => true,

package/src/dialogs/import.tsx

@@ -87,7 +87,7 @@ export function ImportDialog({
 
     const handleDownloadTemplate = async () => {
         try {
-            const response = await api.get(`/data/${model}/export/template`, {
+            const response = await api.get(`/dynamic/${model}/export/template`, {
                 responseType: 'blob',
             })
             const url = window.URL.createObjectURL(response.data)
@@ -114,7 +114,7 @@ export function ImportDialog({
             const formData = new FormData()
             formData.append('file', file)
 
-            const res = await api.post(`/data/${model}/import/validate`, formData, {
+            const res = await api.post(`/dynamic/${model}/import/validate`, formData, {
                 headers: { 'Content-Type': 'multipart/form-data' },
             })
 
@@ -143,7 +143,7 @@ export function ImportDialog({
             const formData = new FormData()
             formData.append('file', file)
 
-            const res = await api.post(`/data/${model}/import`, formData, {
+            const res = await api.post(`/dynamic/${model}/import`, formData, {
                 headers: { 'Content-Type': 'multipart/form-data' },
                 onUploadProgress: (progressEvent: { loaded: number; total?: number }) => {
                     if (progressEvent.total) {

package/src/dynamic-columns.tsx

@@ -461,7 +461,42 @@ export function makeDefaultGetDynamicColumns(
             })
         })
 
-        if (metadata.hasActions && metadata.actions.length > 0) {
+        // Resolve which actions to surface in the row dropdown:
+        //   1. If the host metadata declares its own actions, use them as-is.
+        //   2. Otherwise, when enableCRUDActions is true, fall back to the
+        //      canonical View / Edit / Delete trio so any model with CRUD on
+        //      gets the same dropdown without the host having to declare it.
+        // The DynamicTable wires `view`/`edit`/`delete` to its own dialogs
+        // through onAction, so labels/icons are the only thing this needs to
+        // ship.
+        const explicitActions = metadata.actions ?? []
+        const hasExplicitActions = (metadata.hasActions ?? explicitActions.length > 0) && explicitActions.length > 0
+        const defaultCRUDActions: typeof explicitActions =
+            metadata.enableCRUDActions
+                ? [
+                      {
+                          key: 'view',
+                          name: 'view',
+                          label: t ? t('datatable.view_record') : 'Ver',
+                          icon: 'Eye',
+                      } as any,
+                      {
+                          key: 'edit',
+                          name: 'edit',
+                          label: t ? t('datatable.edit') : 'Editar',
+                          icon: 'Pencil',
+                      } as any,
+                      {
+                          key: 'delete',
+                          name: 'delete',
+                          label: t ? t('datatable.delete') : 'Eliminar',
+                          icon: 'Trash2',
+                      } as any,
+                  ]
+                : []
+        const resolvedActions = hasExplicitActions ? explicitActions : defaultCRUDActions
+
+        if (resolvedActions.length > 0) {
             columns.push({
                 id: 'actions',
                 header: () => <div className="text-right">{t ? t('common.actions') : 'Acciones'}</div>,
@@ -478,7 +513,7 @@ export function makeDefaultGetDynamicColumns(
                                 </Button>
                             </DropdownMenuTrigger>
                             <DropdownMenuContent align="end">
-                                {metadata.actions
+                                {resolvedActions
                                     .filter((action) => {
                                         if (!action.condition) return true
                                         const { field, operator, value } = action.condition

package/src/dynamic-crud-page.tsx

@@ -156,7 +156,11 @@ export function DynamicCRUDPage(props: DynamicCRUDPageProps) {
     const effectiveHideCreate = hideCreate || ext?.hideCreate
     const effectiveHideExport = hideExport || ext?.hideExport
     const effectiveHideImport = hideImport || ext?.hideImport
-    const effectiveHideRefresh = hideRefresh || ext?.hideRefresh
+    // Refresh defaults to hidden in the page header — <DynamicTable> ships
+    // its own refresh icon next to the View / column-visibility toolbar, so
+    // showing one in the page chrome is just visual duplication. Apps that
+    // want it back can pass `hideRefresh={false}`.
+    const effectiveHideRefresh = hideRefresh ?? ext?.hideRefresh ?? true
     const showCreate = enableCRUD && !effectiveHideCreate
     const showImport = enableCRUD && !effectiveHideImport
     const showExport = !effectiveHideExport

package/src/dynamic-table.tsx

@@ -507,7 +507,17 @@ export function DynamicTable({
             if (!c.filterable || map.has(c.key)) continue
             const hasStaticOptions = (c.options?.length ?? 0) > 0
             const hasEndpoint = !!c.searchEndpoint
-            if (!hasStaticOptions && !hasEndpoint && c.type !== 'boolean') continue
+            // Pick the filter UI from column type:
+            //   - explicit options or searchEndpoint → multi-select dropdown
+            //   - boolean → boolean toggle (renders as select under the hood)
+            //   - number / number_range / numeric → number range
+            //   - everything else (text, email, phone, tags…) → text contains
+            let filterType: ColumnFilterConfig['filterType'] = 'select'
+            if (hasStaticOptions || hasEndpoint) filterType = 'select'
+            else if (c.type === 'boolean') filterType = 'boolean'
+            else if (c.type === 'number') filterType = 'number_range'
+            else filterType = 'text'
+
             const options = hasStaticOptions
                 ? c.options!.map(o => ({
                       label: o.label,
@@ -519,7 +529,7 @@ export function DynamicTable({
                   ? filterOptionsMap.get(c.searchEndpoint!) || []
                   : []
             map.set(c.key, {
-                filterType: 'select',
+                filterType,
                 filterKey: c.key,
                 options,
                 selectedValues: dynamicFilters[c.key] || [],