@asteby/metacore-runtime-react 18.3.0 → 18.5.0

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @asteby/metacore-runtime-react
 
+## 18.5.0
+
+### Minor Changes
+
+- d7c792d: Render one_to_many relations as a rich table (headers + currency/image/date/badge cells)
+
+  `OneToManyRelation` now renders the child list as a real metadata-driven table
+  using the same metacore-ui `<Table>` primitives and the exact
+  `makeDefaultGetDynamicColumns` cell factory as `<DynamicTable>`, instead of a
+  bare flex grid of unlabeled values. Line items now get column headers, money in
+  the org currency right-aligned (e.g. `100,00 MXN`), FK thumbnails + labels,
+  dates in the org timezone, status/option badges and creator names — matching
+  the main dynamic table. The inline edit (DynamicForm dialog) and delete
+  (AlertDialog) actions are preserved as a trailing actions column.
+
+  The org `timeZone`/`currency` contexts were extracted from
+  `dialogs/dynamic-record` into a shared `org-runtime-context` module so the
+  relation table can consume them without a circular import. `ManyToManyRelation`
+  is unchanged.
+
+## 18.4.0
+
+### Minor Changes
+
+- c7fb1ad: Org-currency-aware money formatting in dynamic tables + the record dialog.
+
+  `<DynamicTable>` and `<DynamicRecordDialog>` now accept an optional `currency`
+  prop (the org's ISO-4217 code, e.g. `MXN`, threaded from org config like
+  `timeZone`). Money columns (`type:'number'` + `cellStyle:'currency'`) without an
+  explicit per-column currency now fall back to the org currency instead of
+  hardcoded `USD` — `resolveCurrency(col, orgCurrency)`. The record dialog, which
+  previously showed raw numbers, now formats money fields as a currency string in
+  the view renderer: a field is treated as money when the backend stamps
+  `cellStyle:'currency'`, or — as a robustness fallback mirroring the backend's
+  `inferDisplayCellStyle` — when it's numeric and its key matches the money
+  heuristic (`price`/`amount`/`total`/`cost`/`subtotal`/`balance`/`paid`, as the
+  whole key or a `_<m>`/`<m>_` affix). Editable inputs stay numeric.
+
 ## 18.3.0
 
 ### Minor Changes

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

@@ -45,6 +45,19 @@ export interface FieldDef {
      * its SQL type. Unknown values fall through to the `type`-based default.
      */
     widget?: string;
+    /**
+     * Declarative display hint the backend stamps on the column/modal field
+     * (mirrors the table column's `cellStyle`). `'currency'` makes the view
+     * renderer format the numeric value in the org currency. Optional —
+     * absent, a money-key heuristic still detects obvious money fields.
+     */
+    cellStyle?: string;
+    /**
+     * Per-field style overrides served alongside `cellStyle` (e.g.
+     * `{ currency: 'MXN' }`). When it carries an explicit `currency` it wins
+     * over the org fallback.
+     */
+    styleConfig?: Record<string, any>;
 }
 export interface DynamicRecordDialogProps {
     open: boolean;
@@ -118,9 +131,16 @@ export interface DynamicRecordDialogProps {
      * regardless of the viewer's browser timezone. Pure `date` values pin to UTC.
      */
     timeZone?: string;
+    /**
+     * Org ISO-4217 currency code (e.g. `MXN`) used as the fallback for money
+     * fields (`cellStyle:'currency'` or the money-key heuristic) that lack an
+     * explicit per-field currency. Optional — defaults to 'USD'.
+     */
+    currency?: string;
 }
-export declare function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId, endpoint, onSaved, onCreate, onUpdate, defaults, schema, onDelete, onEdit, onOpenFullPage, initialRecord, getImageUrl, timeZone, }: DynamicRecordDialogProps): import("react").JSX.Element;
-export declare function ViewValue({ field, value: rawValue, record, getImageUrl: getImageUrlProp, timeZone: timeZoneProp, }: {
+export declare function isMoneyField(field: FieldDef, value: any): boolean;
+export declare function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId, endpoint, onSaved, onCreate, onUpdate, defaults, schema, onDelete, onEdit, onOpenFullPage, initialRecord, getImageUrl, timeZone, currency, }: DynamicRecordDialogProps): import("react").JSX.Element;
+export declare function ViewValue({ field, value: rawValue, record, getImageUrl: getImageUrlProp, timeZone: timeZoneProp, currency: currencyProp, }: {
     field: FieldDef;
     value: any;
     record: any;
@@ -128,5 +148,7 @@ export declare function ViewValue({ field, value: rawValue, record, getImageUrl:
     getImageUrl?: GetImageUrl;
     /** Optional override; when omitted falls back to the nearest provider. */
     timeZone?: string;
+    /** Optional override; when omitted falls back to the nearest provider. */
+    currency?: string;
 }): import("react").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":"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"}
+{"version":3,"file":"dynamic-record.d.ts","sourceRoot":"","sources":["../../src/dialogs/dynamic-record.tsx"],"names":[],"mappings":"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"}

package/dist/dialogs/dynamic-record.js

@@ -28,6 +28,7 @@ import { isNilUuid, normalizeNilUuid } from '../nil-uuid';
 import { humanizeToken } from '../dynamic-columns-helpers';
 import { formatDateCell } from '../dynamic-columns';
 import { ImageUrlContext, identityImageUrl } from '../image-url-context';
+import { TimeZoneContext, CurrencyContext } from '../org-runtime-context';
 // localizedModelName resolves the (possibly addon-i18n) model name: prefer the
 // translated titleKey, fall back to the backend-provided raw title.
 function localizedModelName(meta, t) {
@@ -157,8 +158,28 @@ const MODE_CONFIG = {
 // Context threading host runtime values to nested field components (uploads,
 // image leads, tz-aware dates) without prop-drilling through every renderer.
 const ModelContext = createContext('');
-const TimeZoneContext = createContext(undefined);
-export function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId, endpoint, onSaved, onCreate, onUpdate, defaults, schema, onDelete, onEdit, onOpenFullPage, initialRecord, getImageUrl = identityImageUrl, timeZone, }) {
+// Money-key heuristic mirroring the backend's `inferDisplayCellStyle`: lets the
+// dialog format obvious money fields as currency even when the backend hasn't
+// stamped `cellStyle:'currency'` yet. Case-insensitive; matches a key that
+// equals one of these, or ends with `_<m>`, or starts with `<m>_`.
+const MONEY_KEY_HEURISTIC = ['price', 'amount', 'total', 'cost', 'subtotal', 'balance', 'paid'];
+// isMoneyField decides whether a field should render as currency. The explicit
+// `cellStyle:'currency'` stamp always wins; otherwise a numeric value whose key
+// matches the money heuristic qualifies (robustness fallback).
+export function isMoneyField(field, value) {
+    if (field.cellStyle === 'currency')
+        return true;
+    if (value === null || value === undefined || value === '')
+        return false;
+    const num = typeof value === 'number' ? value : Number(value);
+    if (isNaN(num))
+        return false;
+    const key = String(field.key || '').toLowerCase();
+    if (!key)
+        return false;
+    return MONEY_KEY_HEURISTIC.some(m => key === m || key.endsWith(`_${m}`) || key.startsWith(`${m}_`));
+}
+export function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId, endpoint, onSaved, onCreate, onUpdate, defaults, schema, onDelete, onEdit, onOpenFullPage, initialRecord, getImageUrl = identityImageUrl, timeZone, currency, }) {
     const api = useApi();
     const { t } = useTranslation();
     const [modalMeta, setModalMeta] = useState(schema ? schema : null);
@@ -387,10 +408,10 @@ export function DynamicRecordDialog({ open, onOpenChange, mode, model, recordId,
             return false;
         return true;
     }) ?? [];
-    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: _jsx(ImageUrlContext.Provider, { value: getImageUrl, children: _jsxs(TimeZoneContext.Provider, { value: timeZone, 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'] }) }))] }), !isCreate && record && relations.length > 0 && (_jsx("div", { className: "mt-6", children: _jsx(DynamicRelations, { record: record, relations: relations, canCreate: mode === 'edit', canEdit: mode === 'edit', canDelete: mode === 'edit' }) }))] }) }) })) : null }), _jsxs(DialogFooter, { className: "p-4 border-t shrink-0 sm:justify-between", children: [isView && onOpenFullPage ? (_jsxs(Button, { variant: "ghost", size: "sm", className: "text-muted-foreground", onClick: () => { onOpenChange(false); onOpenFullPage(); }, children: [_jsx(ExternalLink, { className: "mr-1.5 h-3.5 w-3.5" }), "Ver p\u00E1gina completa"] })) : _jsx("span", {}), _jsxs("div", { className: "flex items-center gap-2", 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] }))] })] })] }) }));
+    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: _jsx(ImageUrlContext.Provider, { value: getImageUrl, children: _jsx(TimeZoneContext.Provider, { value: timeZone, children: _jsxs(CurrencyContext.Provider, { value: currency, 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'] }) }))] }), !isCreate && record && relations.length > 0 && (_jsx("div", { className: "mt-6", children: _jsx(DynamicRelations, { record: record, relations: relations, canCreate: mode === 'edit', canEdit: mode === 'edit', canDelete: mode === 'edit' }) }))] }) }) }) })) : null }), _jsxs(DialogFooter, { className: "p-4 border-t shrink-0 sm:justify-between", children: [isView && onOpenFullPage ? (_jsxs(Button, { variant: "ghost", size: "sm", className: "text-muted-foreground", onClick: () => { onOpenChange(false); onOpenFullPage(); }, children: [_jsx(ExternalLink, { className: "mr-1.5 h-3.5 w-3.5" }), "Ver p\u00E1gina completa"] })) : _jsx("span", {}), _jsxs("div", { className: "flex items-center gap-2", 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))) }));
@@ -439,11 +460,14 @@ function RelationViewValue({ field, value, record }) {
     };
     return (_jsxs("div", { className: "flex items-center gap-2 py-1", children: [_jsx(OptionLead, { option: lead, size: 24 }), _jsx("span", { className: "text-sm", children: label ?? '—' })] }));
 }
-export function ViewValue({ field, value: rawValue, record, getImageUrl: getImageUrlProp, timeZone: timeZoneProp, }) {
+export function ViewValue({ field, value: rawValue, record, getImageUrl: getImageUrlProp, timeZone: timeZoneProp, currency: currencyProp, }) {
+    const { i18n } = useTranslation();
     const ctxImageUrl = useContext(ImageUrlContext);
     const ctxTimeZone = useContext(TimeZoneContext);
+    const ctxCurrency = useContext(CurrencyContext);
     const getImageUrl = getImageUrlProp ?? ctxImageUrl;
     const timeZone = timeZoneProp ?? ctxTimeZone;
+    const currency = currencyProp ?? ctxCurrency;
     // created_by / avatar resolver sibling → name (+ avatar) instead of "—".
     if (field.type === 'avatar' || field.key === 'created_by' || field.key === 'created_by_id') {
         const user = createdBySibling(rawValue, record);
@@ -481,6 +505,23 @@ export function ViewValue({ field, value: rawValue, record, getImageUrl: getImag
     if (field.type === 'url' && value) {
         return (_jsx("a", { href: value, target: "_blank", rel: "noreferrer", className: "text-sm text-primary hover:underline truncate", children: value }));
     }
+    // Money → org-currency string. Detected by the backend `cellStyle:'currency'`
+    // stamp or a numeric value whose key matches the money heuristic (fallback
+    // mirroring the table cell + backend `inferDisplayCellStyle`).
+    if (isMoneyField(field, value)) {
+        const num = typeof value === 'number' ? value : Number(value);
+        if (!isNaN(num)) {
+            const resolvedCurrency = field.styleConfig?.currency || currency || 'USD';
+            const localeTag = i18n.language || 'es';
+            const formatted = new Intl.NumberFormat(localeTag, {
+                style: 'currency',
+                currency: resolvedCurrency,
+                minimumFractionDigits: 2,
+                maximumFractionDigits: 2,
+            }).format(num);
+            return _jsx("p", { className: "text-sm py-1 tabular-nums", children: formatted });
+        }
+    }
     // Date/datetime/timestamp → tz-aware format. `date` pins to UTC (calendar
     // day); instants render in the org timezone with a full-precision tooltip.
     if (field.type === 'date' || field.type === 'datetime' || field.type === 'timestamp') {

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

@@ -16,7 +16,7 @@ export interface ColumnFilterConfig {
     searchEndpoint?: string;
 }
 /** Signature for the host-provided `getDynamicColumns` factory. */
-export type GetDynamicColumns = (metadata: TableMetadata, handleAction: (action: string, row: any) => void, t: (key: string, options?: any) => string, language: string, columnFilterConfigs: Map<string, ColumnFilterConfig>, timeZone?: string) => ColumnDef<any>[];
+export type GetDynamicColumns = (metadata: TableMetadata, handleAction: (action: string, row: any) => void, t: (key: string, options?: any) => string, language: string, columnFilterConfigs: Map<string, ColumnFilterConfig>, timeZone?: string, currency?: string) => ColumnDef<any>[];
 /** Signature for the host-provided `DynamicIcon` renderer. */
 export type DynamicIconComponent = React.ComponentType<{
     name: string;

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

@@ -1 +1 @@
-{"version":3,"file":"dynamic-columns-shim.d.ts","sourceRoot":"","sources":["../src/dynamic-columns-shim.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,kBAAkB;IAC/B,UAAU,EAAE,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;IAClF,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,mEAAmE;AACnE,MAAM,MAAM,iBAAiB,GAAG,CAC5B,QAAQ,EAAE,aAAa,EACvB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,EAChD,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,MAAM,EACzC,QAAQ,EAAE,MAAM,EAChB,mBAAmB,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,EACpD,QAAQ,CAAC,EAAE,MAAM,KAChB,SAAS,CAAC,GAAG,CAAC,EAAE,CAAA;AAErB,8DAA8D;AAC9D,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA"}
+{"version":3,"file":"dynamic-columns-shim.d.ts","sourceRoot":"","sources":["../src/dynamic-columns-shim.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,kBAAkB;IAC/B,UAAU,EAAE,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;IAClF,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,mEAAmE;AACnE,MAAM,MAAM,iBAAiB,GAAG,CAC5B,QAAQ,EAAE,aAAa,EACvB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,EAChD,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,MAAM,EACzC,QAAQ,EAAE,MAAM,EAChB,mBAAmB,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,EACpD,QAAQ,CAAC,EAAE,MAAM,EACjB,QAAQ,CAAC,EAAE,MAAM,KAChB,SAAS,CAAC,GAAG,CAAC,EAAE,CAAA;AAErB,8DAA8D;AAC9D,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA"}

package/dist/dynamic-columns.d.ts

@@ -16,6 +16,12 @@ export interface DynamicColumnsHelpers {
      */
     apiBaseUrl?: string;
 }
+/**
+ * Resolves the active currency for a column: the column's explicit currency
+ * style wins, then the org-level fallback (org config, like `timeZone`), then
+ * 'USD' as a last resort.
+ */
+export declare const resolveCurrency: (col: ColumnDefinition, orgCurrency?: string) => string;
 /**
  * State-machine gate for per-row actions.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"dynamic-columns.d.ts","sourceRoot":"","sources":["../src/dynamic-columns.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,UAAU,CAAA;AAgC9C,OAAO,KAAK,EAAiB,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE9D,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;AAgGD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,0BAA0B,GAAI,QAAQ,GAAG,EAAE,KAAK,GAAG,KAAG,OAMlE,CAAA;AAqKD;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,GAAI,KAAK,IAAI,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAG,MAGnE,CAAA;AAED,6EAA6E;AAC7E,eAAO,MAAM,eAAe,2DAA4D,CAAA;AAExF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAC1B,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,MAAM,EAAE,MAAM,EACd,QAAQ,CAAC,EAAE,MAAM,GAClB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CA6C5C;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,GAAI,KAAK,gBAAgB,EAAE,KAAK,GAAG,KAAG,MAWtE,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAAI,KAAK,gBAAgB,EAAE,KAAK,GAAG,KAAG,MAOtE,CAAA;AA0ED;;;;GAIG;AACH,wBAAgB,4BAA4B,CACxC,OAAO,GAAE,qBAA0B,GACpC,iBAAiB,CAumBnB;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,iBACL,CAAA"}
+{"version":3,"file":"dynamic-columns.d.ts","sourceRoot":"","sources":["../src/dynamic-columns.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,UAAU,CAAA;AAgC9C,OAAO,KAAK,EAAiB,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE9D,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;AA0BD;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,KAAK,gBAAgB,EAAE,cAAc,MAAM,KAAG,MACzB,CAAA;AAoErD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,0BAA0B,GAAI,QAAQ,GAAG,EAAE,KAAK,GAAG,KAAG,OAMlE,CAAA;AAqKD;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,GAAI,KAAK,IAAI,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAG,MAGnE,CAAA;AAED,6EAA6E;AAC7E,eAAO,MAAM,eAAe,2DAA4D,CAAA;AAExF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAC1B,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,MAAM,EAAE,MAAM,EACd,QAAQ,CAAC,EAAE,MAAM,GAClB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CA6C5C;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,GAAI,KAAK,gBAAgB,EAAE,KAAK,GAAG,KAAG,MAWtE,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAAI,KAAK,gBAAgB,EAAE,KAAK,GAAG,KAAG,MAOtE,CAAA;AA0ED;;;;GAIG;AACH,wBAAgB,4BAA4B,CACxC,OAAO,GAAE,qBAA0B,GACpC,iBAAiB,CAwmBnB;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,iBACL,CAAA"}

package/dist/dynamic-columns.js

@@ -44,8 +44,12 @@ const styleCfg = (col, ...keys) => {
     return undefined;
 };
 const EmptyCell = () => _jsx("span", { className: "text-muted-foreground", children: "-" });
-/** Resolves the active org currency, defaulting to USD when no override. */
-const resolveCurrency = (col) => styleCfg(col, 'currency') || 'USD';
+/**
+ * Resolves the active currency for a column: the column's explicit currency
+ * style wins, then the org-level fallback (org config, like `timeZone`), then
+ * 'USD' as a last resort.
+ */
+export const resolveCurrency = (col, orgCurrency) => styleCfg(col, 'currency') || orgCurrency || 'USD';
 const formatNumber = (value, opts, locale) => new Intl.NumberFormat(locale || undefined, opts).format(value);
 /**
  * Semantic status → badge color. Used by the `status` cell when no explicit
@@ -351,7 +355,7 @@ const AvatarCell = ({ name, desc, avatarSrc, getImageUrl }) => (_jsxs("div", { c
 export function makeDefaultGetDynamicColumns(helpers = {}) {
     const getImageUrl = helpers.getImageUrl ?? defaultGetImageUrl;
     const apiBaseUrl = helpers.apiBaseUrl ?? '';
-    return function defaultGetDynamicColumns(metadata, onAction, t, currentLanguage, filterConfigs, timeZone) {
+    return function defaultGetDynamicColumns(metadata, onAction, t, currentLanguage, filterConfigs, timeZone, currency) {
         const dateLocale = currentLanguage === 'en' ? enUS : es;
         const columns = [
             {
@@ -552,7 +556,7 @@ export function makeDefaultGetDynamicColumns(helpers = {}) {
                             const decimals = styleCfg(col, 'decimals') ?? 2;
                             return (_jsx("span", { className: "block text-right font-medium tabular-nums", children: formatNumber(num, {
                                     style: 'currency',
-                                    currency: resolveCurrency(col),
+                                    currency: resolveCurrency(col, currency),
                                     minimumFractionDigits: decimals,
                                     maximumFractionDigits: decimals,
                                 }, currentLanguage) }));

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

@@ -1 +1 @@
-{"version":3,"file":"dynamic-relation.d.ts","sourceRoot":"","sources":["../src/dynamic-relation.tsx"],"names":[],"mappings":"AA6CA,YAAY,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EACH,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,yBAAyB,EACzB,wBAAwB,EACxB,aAAa,EACb,wBAAwB,EACxB,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,cAAc,GACjB,MAAM,4BAA4B,CAAA;AAEnC,MAAM,WAAW,sBAAsB;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,wBAAwB,EAAE,MAAM,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,iBAAiB,EAAE,MAAM,CAAA;IACzB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,WAAW,EAAE,MAAM,CAAA;CACtB;AAiBD,UAAU,WAAW;IACjB,6BAA6B;IAC7B,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAA;IACzC,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,MAAM,WAAW,6BAA8B,SAAQ,WAAW;IAC9D,IAAI,EAAE,aAAa,CAAA;IACnB,yFAAyF;IACzF,KAAK,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,UAAU,EAAE,MAAM,CAAA;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,8BAA+B,SAAQ,WAAW;IAC/D,IAAI,EAAE,cAAc,CAAA;IACpB,wEAAwE;IACxE,OAAO,EAAE,MAAM,CAAA;IACf,sEAAsE;IACtE,UAAU,EAAE,MAAM,CAAA;IAClB,6BAA6B;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,MAAM,oBAAoB,GAC1B,6BAA6B,GAC7B,8BAA8B,CAAA;AAEpC,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAK1D"}
+{"version":3,"file":"dynamic-relation.d.ts","sourceRoot":"","sources":["../src/dynamic-relation.tsx"],"names":[],"mappings":"AA+DA,YAAY,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EACH,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,yBAAyB,EACzB,wBAAwB,EACxB,aAAa,EACb,wBAAwB,EACxB,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,cAAc,GACjB,MAAM,4BAA4B,CAAA;AAEnC,MAAM,WAAW,sBAAsB;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,wBAAwB,EAAE,MAAM,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,iBAAiB,EAAE,MAAM,CAAA;IACzB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,WAAW,EAAE,MAAM,CAAA;CACtB;AAiBD,UAAU,WAAW;IACjB,6BAA6B;IAC7B,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAA;IACzC,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,MAAM,WAAW,6BAA8B,SAAQ,WAAW;IAC9D,IAAI,EAAE,aAAa,CAAA;IACnB,yFAAyF;IACzF,KAAK,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,UAAU,EAAE,MAAM,CAAA;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,8BAA+B,SAAQ,WAAW;IAC/D,IAAI,EAAE,cAAc,CAAA;IACpB,wEAAwE;IACxE,OAAO,EAAE,MAAM,CAAA;IACf,sEAAsE;IACtE,UAAU,EAAE,MAAM,CAAA;IAClB,6BAA6B;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,MAAM,oBAAoB,GAC1B,6BAA6B,GAC7B,8BAA8B,CAAA;AAEpC,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAK1D"}

package/dist/dynamic-relation.js

@@ -5,15 +5,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //   - "many_to_many": multi-select sobre la tabla destino con sync a la pivot.
 // La RFC completa vive en `packages/runtime-react/docs/relations.md`.
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { Button, Skeleton, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Dialog, DialogContent, DialogHeader, DialogTitle, MultiSelect, } from '@asteby/metacore-ui/primitives';
+import { useTranslation } from 'react-i18next';
+import { flexRender, getCoreRowModel, useReactTable, } from '@tanstack/react-table';
+import { cn } from '@asteby/metacore-ui/lib';
+import { Button, Skeleton, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Dialog, DialogContent, DialogHeader, DialogTitle, MultiSelect, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@asteby/metacore-ui/primitives';
 import { Plus, Trash2, Pencil } from 'lucide-react';
 import { useApi } from './api-context';
 import { useMetadataCache } from './metadata-cache';
 import { DynamicForm } from './dynamic-form';
 import { useImageUrl } from './image-url-context';
-import { OptionThumb } from './dynamic-select-field';
+import { useTimeZone, useCurrency } from './org-runtime-context';
+import { makeDefaultGetDynamicColumns } from './dynamic-columns';
 import { useOptionsResolver } from './use-options-resolver';
-import { buildCreatePayload, buildPivotAttachPayload, buildPivotRowIndex, buildRelationFilterParams, deriveRelationFormFields, diffSelection, extractSelectedTargetIds, formatRelationCell, pickOptionLabel, relationRowKey, } from './dynamic-relation-helpers';
+import { buildCreatePayload, buildPivotAttachPayload, buildPivotRowIndex, buildRelationFilterParams, deriveRelationFormFields, diffSelection, extractSelectedTargetIds, pickOptionLabel, relationRowKey, } from './dynamic-relation-helpers';
 export { buildCreatePayload, buildPivotAttachPayload, buildPivotRowIndex, buildRelationFilterParams, deriveRelationFormFields, diffSelection, extractSelectedTargetIds, formatRelationCell, objectLabel, pickOptionLabel, relationRowKey, } from './dynamic-relation-helpers';
 const DEFAULT_STRINGS = {
     title: '',
@@ -38,6 +42,9 @@ export function DynamicRelation(props) {
 function OneToManyRelation({ kind, model, foreignKey, parentId, filters, endpoint, hiddenColumns = [], canCreate = true, canDelete = true, canEdit = true, strings, className, onChange, }) {
     const api = useApi();
     const getImageUrl = useImageUrl();
+    const timeZone = useTimeZone();
+    const currency = useCurrency();
+    const { i18n } = useTranslation();
     const { getMetadata, setMetadata: cacheMetadata } = useMetadataCache();
     const cachedMeta = getMetadata(model);
     const labels = { ...DEFAULT_STRINGS, ...(strings || {}) };
@@ -88,6 +95,43 @@ function OneToManyRelation({ kind, model, foreignKey, parentId, filters, endpoin
         const hidden = new Set([foreignKey, ...Object.keys(filters || {}), ...hiddenColumns]);
         return metadata.columns.filter(c => !hidden.has(c.key) && !c.hidden);
     }, [metadata, foreignKey, filtersKey, hiddenColumns]);
+    // Reuse the EXACT column factory the main `<DynamicTable>` uses so each cell
+    // renders identically — money in the org currency right-aligned, FK chips
+    // with thumbnails, dates in the org timezone, status/option badges, creator
+    // names — instead of a hand-rolled parallel formatting stack. Stable per
+    // image-url resolver.
+    const buildColumns = useMemo(() => makeDefaultGetDynamicColumns({ getImageUrl }), [getImageUrl]);
+    const showActions = canEdit || canDelete;
+    const columns = useMemo(() => {
+        if (!metadata)
+            return [];
+        // Feed the factory a metadata view scoped to the visible columns only,
+        // with model-level actions stripped — the relation list owns its own
+        // inline edit/delete column (appended below), and the factory's
+        // select/actions columns don't belong in an embedded child list.
+        const scopedMeta = {
+            ...metadata,
+            columns: visibleColumns,
+            actions: [],
+            hasActions: false,
+            enableCRUDActions: false,
+        };
+        const base = buildColumns(scopedMeta, () => { }, (key, opts) => opts?.defaultValue ?? key, i18n?.language || 'es', new Map(), timeZone, currency).filter((c) => c.id !== 'select' && c.id !== 'actions');
+        if (!showActions)
+            return base;
+        const actionsCol = {
+            id: 'actions',
+            header: () => _jsx("span", { className: "sr-only", children: labels.editLabel }),
+            size: 80,
+            cell: ({ row }) => (_jsxs("div", { className: "flex items-center justify-end gap-1", children: [canEdit && (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => { setEditingRow(row.original); setFormOpen(true); }, "aria-label": labels.editLabel, children: _jsx(Pencil, { className: "h-4 w-4" }) })), canDelete && (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => setRowToDelete(row.original), "aria-label": labels.removeLabel, children: _jsx(Trash2, { className: "h-4 w-4" }) }))] })),
+        };
+        return [...base, actionsCol];
+    }, [metadata, visibleColumns, buildColumns, i18n?.language, timeZone, currency, showActions, canEdit, canDelete, labels.editLabel, labels.removeLabel]);
+    const table = useReactTable({
+        data: rows,
+        columns,
+        getCoreRowModel: getCoreRowModel(),
+    });
     const handleSubmit = useCallback(async (values) => {
         setSubmitting(true);
         try {
@@ -137,21 +181,10 @@ function OneToManyRelation({ kind, model, foreignKey, parentId, filters, endpoin
             setSubmitting(false);
         }
     }, [api, dataEndpoint, fetchAll, onChange, rowToDelete]);
-    return (_jsxs("div", { className: className, "data-relation-kind": kind, "data-relation-model": model, children: [(labels.title || canCreate) && (_jsxs("div", { className: "flex items-center justify-between pb-3", children: [labels.title ? _jsx("h3", { className: "text-sm font-medium", children: labels.title }) : _jsx("span", {}), canCreate && (_jsxs(Button, { size: "sm", variant: "outline", onClick: () => { setEditingRow(null); setFormOpen(true); }, children: [_jsx(Plus, { className: "h-4 w-4 mr-1" }), labels.addLabel] }))] })), loading ? (_jsx("div", { className: "space-y-2", children: Array.from({ length: 3 }).map((_, i) => (_jsx(Skeleton, { className: "h-10 w-full" }, `rel-skeleton-${i}`))) })) : rows.length === 0 ? (_jsx("div", { className: "text-center text-sm text-muted-foreground py-8 border rounded-md bg-muted/30", children: labels.emptyState })) : (_jsx("div", { className: "border rounded-md divide-y bg-card", children: rows.map((row, idx) => (_jsxs("div", { className: "flex items-center justify-between gap-3 px-3 py-2", children: [_jsx("div", { className: "flex-1 grid grid-cols-[repeat(auto-fit,minmax(0,1fr))] gap-2 text-sm", children: visibleColumns.map(col => {
-                                const cell = formatRelationCell(row, col);
-                                // FK column whose backend-resolved sibling
-                                // carries an image → render a thumbnail + label
-                                // instead of plain text (e.g. a line item's
-                                // product photo). The sibling is the column key
-                                // with the trailing `_id` stripped.
-                                const isFk = !!col.ref || col.key.endsWith('_id');
-                                const sibling = isFk ? row[col.key.replace(/_id$/, '')] : undefined;
-                                if (sibling && typeof sibling === 'object' && sibling.image) {
-                                    const label = sibling.label ?? sibling.name ?? cell;
-                                    return (_jsxs("span", { className: "flex min-w-0 items-center gap-2", title: String(label), children: [_jsx(OptionThumb, { image: getImageUrl(sibling.image), size: 20 }), _jsx("span", { className: "truncate", children: label })] }, col.key));
-                                }
-                                return (_jsx("span", { className: "truncate", title: cell, children: cell }, col.key));
-                            }) }), _jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [canEdit && (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => { setEditingRow(row); setFormOpen(true); }, "aria-label": labels.editLabel, children: _jsx(Pencil, { className: "h-4 w-4" }) })), canDelete && (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => setRowToDelete(row), "aria-label": labels.removeLabel, children: _jsx(Trash2, { className: "h-4 w-4" }) }))] })] }, relationRowKey(row, idx, foreignKey)))) })), _jsx(Dialog, { open: formOpen, onOpenChange: (open) => { setFormOpen(open); if (!open)
+    return (_jsxs("div", { className: className, "data-relation-kind": kind, "data-relation-model": model, children: [(labels.title || canCreate) && (_jsxs("div", { className: "flex items-center justify-between pb-3", children: [labels.title ? _jsx("h3", { className: "text-sm font-medium", children: labels.title }) : _jsx("span", {}), canCreate && (_jsxs(Button, { size: "sm", variant: "outline", onClick: () => { setEditingRow(null); setFormOpen(true); }, children: [_jsx(Plus, { className: "h-4 w-4 mr-1" }), labels.addLabel] }))] })), loading ? (_jsx("div", { className: "space-y-2", children: Array.from({ length: 3 }).map((_, i) => (_jsx(Skeleton, { className: "h-10 w-full" }, `rel-skeleton-${i}`))) })) : rows.length === 0 ? (_jsx("div", { className: "text-center text-sm text-muted-foreground py-8 border rounded-md bg-muted/30", children: labels.emptyState })) : (_jsx("div", { className: "overflow-x-auto border rounded-md bg-card", children: _jsxs(Table, { noWrapper: true, className: "w-full", children: [_jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => (_jsx(TableRow, { className: "border-b-0 hover:bg-transparent", children: headerGroup.headers.map((header) => {
+                                    const isActions = header.id === 'actions';
+                                    return (_jsx(TableHead, { colSpan: header.colSpan, style: header.column.columnDef.size ? { width: header.column.columnDef.size } : undefined, className: cn('bg-card border-b h-10', isActions && 'text-right'), children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()) }, header.id));
+                                }) }, headerGroup.id))) }), _jsx(TableBody, { children: table.getRowModel().rows.map((row, idx) => (_jsx(TableRow, { children: row.getVisibleCells().map((cell) => (_jsx(TableCell, { style: cell.column.columnDef.size ? { width: cell.column.columnDef.size } : undefined, className: "py-2", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, relationRowKey(row.original, idx, foreignKey)))) })] }) })), _jsx(Dialog, { open: formOpen, onOpenChange: (open) => { setFormOpen(open); if (!open)
                     setEditingRow(null); }, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: editingRow ? labels.editLabel : labels.addLabel }) }), _jsx(DynamicForm, { fields: formFields, initialValues: editingRow || undefined, onSubmit: handleSubmit, onCancel: () => { setFormOpen(false); setEditingRow(null); }, submitLabel: labels.saveLabel, cancelLabel: labels.cancelLabel, disabled: submitting })] }) }), _jsx(AlertDialog, { open: !!rowToDelete, onOpenChange: (open) => !open && setRowToDelete(null), children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: labels.confirmRemoveTitle }), _jsx(AlertDialogDescription, { children: labels.confirmRemoveDescription })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: submitting, children: labels.cancelLabel }), _jsx(AlertDialogAction, { onClick: (e) => { e.preventDefault(); handleDelete(); }, className: "bg-red-600 hover:bg-red-700", disabled: submitting, children: labels.removeLabel })] })] }) })] }));
 }
 function ManyToManyRelation({ kind, through, references, foreignKey, referencesKey, parentId, filters, pivotEndpoint, referencesEndpoint, displayKey, canCreate = true, canDelete = true, strings, className, onChange, }) {

package/dist/dynamic-table.d.ts

@@ -23,7 +23,13 @@ interface DynamicTableProps {
      * Optional — omitting it preserves the legacy browser-local formatting.
      */
     timeZone?: string;
+    /**
+     * ISO 4217 currency code (e.g. the org's `MXN`) used as the fallback for
+     * money cells (`type:'number'` + `cellStyle:'currency'`) that don't carry
+     * an explicit per-column currency. Optional — defaults to 'USD'.
+     */
+    currency?: string;
 }
-export declare function DynamicTable({ model, endpoint, enableUrlSync, hiddenColumns, onAction, refreshTrigger, defaultFilters, extraColumns, getDynamicColumns, timeZone, }: DynamicTableProps): import("react").JSX.Element;
+export declare function DynamicTable({ model, endpoint, enableUrlSync, hiddenColumns, onAction, refreshTrigger, defaultFilters, extraColumns, getDynamicColumns, timeZone, currency, }: DynamicTableProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=dynamic-table.d.ts.map

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;AAUnF,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;IACrC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,aAAoB,EACpB,aAAkB,EAClB,QAAQ,EACR,cAAc,EACd,cAAc,EACd,YAAiB,EACjB,iBAA4C,EAC5C,QAAQ,GACX,EAAE,iBAAiB,+BAgyBnB"}
+{"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;AAUnF,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;IACrC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,aAAoB,EACpB,aAAkB,EAClB,QAAQ,EACR,cAAc,EACd,cAAc,EACd,YAAiB,EACjB,iBAA4C,EAC5C,QAAQ,EACR,QAAQ,GACX,EAAE,iBAAiB,+BAgyBnB"}

package/dist/dynamic-table.js

@@ -31,7 +31,7 @@ import { getSearchableColumnKeys } from './column-visibility';
 import { DynamicRecordDialog } from './dialogs/dynamic-record';
 import { ExportDialog } from './dialogs/export';
 import { ImportDialog } from './dialogs/import';
-export function DynamicTable({ model, endpoint, enableUrlSync = true, hiddenColumns = [], onAction, refreshTrigger, defaultFilters, extraColumns = [], getDynamicColumns = defaultGetDynamicColumns, timeZone, }) {
+export function DynamicTable({ model, endpoint, enableUrlSync = true, hiddenColumns = [], onAction, refreshTrigger, defaultFilters, extraColumns = [], getDynamicColumns = defaultGetDynamicColumns, timeZone, currency, }) {
     const { t, i18n } = useTranslation();
     const api = useApi();
     const currentBranch = useCurrentBranch();
@@ -555,12 +555,12 @@ export function DynamicTable({ model, endpoint, enableUrlSync = true, hiddenColu
         const rowMetadata = metadata.actions?.some((a) => a.placement === 'table' || a.placement === 'create')
             ? { ...metadata, actions: metadata.actions.filter((a) => !a.placement || a.placement === 'row') }
             : metadata;
-        const baseColumns = getDynamicColumns(rowMetadata, handleInternalAction, t, i18n.language, columnFilterConfigs, timeZone);
+        const baseColumns = getDynamicColumns(rowMetadata, handleInternalAction, t, i18n.language, columnFilterConfigs, timeZone, currency);
         const filteredBase = baseColumns.filter((col) => !hiddenColumns.includes(col.id));
         const actionsCol = filteredBase.find((c) => c.id === 'actions');
         const otherCols = filteredBase.filter((c) => c.id !== 'actions');
         return [...otherCols, ...extraColumns, ...(actionsCol ? [actionsCol] : [])];
-    }, [metadata, handleInternalAction, hiddenColumns, extraColumns, t, i18n.language, columnFilterConfigs, getDynamicColumns, timeZone]);
+    }, [metadata, handleInternalAction, hiddenColumns, extraColumns, t, i18n.language, columnFilterConfigs, getDynamicColumns, timeZone, currency]);
     const filters = useMemo(() => [], []);
     const table = useReactTable({
         data,

package/dist/org-runtime-context.d.ts

@@ -0,0 +1,17 @@
+/**
+ * IANA timezone (e.g. the org's `America/Mexico_City`) used to render
+ * datetime/timestamp cells. `undefined` outside a provider → renderers fall
+ * back to the viewer's browser zone (legacy behaviour).
+ */
+export declare const TimeZoneContext: import("react").Context<string | undefined>;
+/** Reads the nearest org timezone (undefined outside a provider). */
+export declare const useTimeZone: () => string | undefined;
+/**
+ * Org ISO-4217 currency (org config, like the timezone) used as the fallback
+ * for money cells/fields that don't carry an explicit per-column currency.
+ * `undefined` outside a provider → renderers fall back to 'USD'.
+ */
+export declare const CurrencyContext: import("react").Context<string | undefined>;
+/** Reads the nearest org currency (undefined outside a provider). */
+export declare const useCurrency: () => string | undefined;
+//# sourceMappingURL=org-runtime-context.d.ts.map

package/dist/org-runtime-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"org-runtime-context.d.ts","sourceRoot":"","sources":["../src/org-runtime-context.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,eAAe,6CAA+C,CAAA;AAE3E,qEAAqE;AACrE,eAAO,MAAM,WAAW,0BAAoC,CAAA;AAE5D;;;;GAIG;AACH,eAAO,MAAM,eAAe,6CAA+C,CAAA;AAE3E,qEAAqE;AACrE,eAAO,MAAM,WAAW,0BAAoC,CAAA"}

package/dist/org-runtime-context.js

@@ -0,0 +1,24 @@
+// Org runtime contexts — thread the org's display config (timezone, currency)
+// to nested field/cell/relation renderers without prop-drilling. Lives in its
+// own module (mirroring `image-url-context`) so any renderer can consume them
+// without importing from `dialogs/dynamic-record`. That dialog imports
+// `dynamic-relations` → `dynamic-relation`, so the relation table cannot import
+// these contexts back from the dialog without a circular import — hence this
+// standalone module is the single source of truth.
+import { createContext, useContext } from 'react';
+/**
+ * IANA timezone (e.g. the org's `America/Mexico_City`) used to render
+ * datetime/timestamp cells. `undefined` outside a provider → renderers fall
+ * back to the viewer's browser zone (legacy behaviour).
+ */
+export const TimeZoneContext = createContext(undefined);
+/** Reads the nearest org timezone (undefined outside a provider). */
+export const useTimeZone = () => useContext(TimeZoneContext);
+/**
+ * Org ISO-4217 currency (org config, like the timezone) used as the fallback
+ * for money cells/fields that don't carry an explicit per-column currency.
+ * `undefined` outside a provider → renderers fall back to 'USD'.
+ */
+export const CurrencyContext = createContext(undefined);
+/** Reads the nearest org currency (undefined outside a provider). */
+export const useCurrency = () => useContext(CurrencyContext);

package/package.json

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

package/src/__tests__/org-currency-money.test.ts

@@ -0,0 +1,62 @@
+// Locks the org-currency fallback contract for money rendering: the table cell
+// (`resolveCurrency`) and the record dialog (`isMoneyField`). Pure logic, no DOM.
+import { describe, it, expect } from 'vitest'
+import { resolveCurrency } from '../dynamic-columns'
+import { isMoneyField } from '../dialogs/dynamic-record'
+import type { ColumnDefinition } from '../types'
+import type { FieldDef } from '../dialogs/dynamic-record'
+
+const col = (over: Partial<ColumnDefinition>): ColumnDefinition => ({
+    key: 'total',
+    label: 'Total',
+    type: 'number',
+    sortable: true,
+    filterable: true,
+    ...over,
+})
+
+const field = (over: Partial<FieldDef>): FieldDef => ({
+    key: 'total',
+    label: 'Total',
+    type: 'number',
+    ...over,
+})
+
+describe('resolveCurrency', () => {
+    it("defaults to 'USD' when neither the column nor the org provide one", () => {
+        expect(resolveCurrency(col({}))).toBe('USD')
+    })
+
+    it('falls back to the org currency when the column has no explicit currency', () => {
+        expect(resolveCurrency(col({}), 'MXN')).toBe('MXN')
+    })
+
+    it('prefers the explicit per-column currency over the org fallback', () => {
+        expect(resolveCurrency(col({ styleConfig: { currency: 'EUR' } }), 'MXN')).toBe('EUR')
+    })
+})
+
+describe('isMoneyField', () => {
+    it("recognizes the backend cellStyle:'currency' stamp regardless of key", () => {
+        expect(isMoneyField(field({ key: 'foo', cellStyle: 'currency' }), 100)).toBe(true)
+    })
+
+    it('detects numeric money keys via the heuristic (no stamp needed)', () => {
+        expect(isMoneyField(field({ key: 'total' }), 100)).toBe(true)
+        expect(isMoneyField(field({ key: 'sub_total' }), 100)).toBe(true)
+        expect(isMoneyField(field({ key: 'tax_amount' }), 16)).toBe(true)
+        expect(isMoneyField(field({ key: 'unit_price' }), 5)).toBe(true)
+        expect(isMoneyField(field({ key: 'balance' }), 0)).toBe(true)
+    })
+
+    it('accepts numeric strings the backend serializes', () => {
+        expect(isMoneyField(field({ key: 'total' }), '100')).toBe(true)
+    })
+
+    it('ignores non-money keys and non-numeric values', () => {
+        expect(isMoneyField(field({ key: 'name' }), 'Acme')).toBe(false)
+        expect(isMoneyField(field({ key: 'quantity' }), 3)).toBe(false)
+        expect(isMoneyField(field({ key: 'total' }), 'n/a')).toBe(false)
+        expect(isMoneyField(field({ key: 'total' }), null)).toBe(false)
+    })
+})

package/src/dialogs/dynamic-record.tsx

@@ -57,6 +57,7 @@ import { humanizeToken } from '../dynamic-columns-helpers'
 import { formatDateCell } from '../dynamic-columns'
 import type { ActionFieldDef, RelationMeta } from '../types'
 import { ImageUrlContext, identityImageUrl, type GetImageUrl } from '../image-url-context'
+import { TimeZoneContext, CurrencyContext } from '../org-runtime-context'
 
 // Re-export the resolver type so `index.ts`'s
 // `export type { … GetImageUrl } from './dialogs/dynamic-record'` keeps working.
@@ -107,6 +108,19 @@ export interface FieldDef {
      * its SQL type. Unknown values fall through to the `type`-based default.
      */
     widget?: string
+    /**
+     * Declarative display hint the backend stamps on the column/modal field
+     * (mirrors the table column's `cellStyle`). `'currency'` makes the view
+     * renderer format the numeric value in the org currency. Optional —
+     * absent, a money-key heuristic still detects obvious money fields.
+     */
+    cellStyle?: string
+    /**
+     * Per-field style overrides served alongside `cellStyle` (e.g.
+     * `{ currency: 'MXN' }`). When it carries an explicit `currency` it wins
+     * over the org fallback.
+     */
+    styleConfig?: Record<string, any>
 }
 
 // Permissive shape: the wire payload may omit some fields (e.g. `title` is
@@ -208,6 +222,12 @@ export interface DynamicRecordDialogProps {
      * regardless of the viewer's browser timezone. Pure `date` values pin to UTC.
      */
     timeZone?: string
+    /**
+     * Org ISO-4217 currency code (e.g. `MXN`) used as the fallback for money
+     * fields (`cellStyle:'currency'` or the money-key heuristic) that lack an
+     * explicit per-field currency. Optional — defaults to 'USD'.
+     */
+    currency?: string
 }
 
 function resolvePath(obj: any, path: string): any {
@@ -331,7 +351,27 @@ const MODE_CONFIG = {
 // Context threading host runtime values to nested field components (uploads,
 // image leads, tz-aware dates) without prop-drilling through every renderer.
 const ModelContext = createContext('')
-const TimeZoneContext = createContext<string | undefined>(undefined)
+
+// Money-key heuristic mirroring the backend's `inferDisplayCellStyle`: lets the
+// dialog format obvious money fields as currency even when the backend hasn't
+// stamped `cellStyle:'currency'` yet. Case-insensitive; matches a key that
+// equals one of these, or ends with `_<m>`, or starts with `<m>_`.
+const MONEY_KEY_HEURISTIC = ['price', 'amount', 'total', 'cost', 'subtotal', 'balance', 'paid']
+
+// isMoneyField decides whether a field should render as currency. The explicit
+// `cellStyle:'currency'` stamp always wins; otherwise a numeric value whose key
+// matches the money heuristic qualifies (robustness fallback).
+export function isMoneyField(field: FieldDef, value: any): boolean {
+    if (field.cellStyle === 'currency') return true
+    if (value === null || value === undefined || value === '') return false
+    const num = typeof value === 'number' ? value : Number(value)
+    if (isNaN(num)) return false
+    const key = String(field.key || '').toLowerCase()
+    if (!key) return false
+    return MONEY_KEY_HEURISTIC.some(
+        m => key === m || key.endsWith(`_${m}`) || key.startsWith(`${m}_`),
+    )
+}
 
 export function DynamicRecordDialog({
     open,
@@ -351,6 +391,7 @@ export function DynamicRecordDialog({
     initialRecord,
     getImageUrl = identityImageUrl,
     timeZone,
+    currency,
 }: DynamicRecordDialogProps) {
     const api = useApi()
     const { t } = useTranslation()
@@ -603,6 +644,7 @@ export function DynamicRecordDialog({
                         <ModelContext.Provider value={model}>
                         <ImageUrlContext.Provider value={getImageUrl}>
                         <TimeZoneContext.Provider value={timeZone}>
+                        <CurrencyContext.Provider value={currency}>
                             <form
                                 id="dynamic-record-form"
                                 onSubmit={handleSubmit}
@@ -656,6 +698,7 @@ export function DynamicRecordDialog({
                                     />
                                 </div>
                             )}
+                        </CurrencyContext.Provider>
                         </TimeZoneContext.Provider>
                         </ImageUrlContext.Provider>
                         </ModelContext.Provider>
@@ -810,6 +853,7 @@ export function ViewValue({
     record,
     getImageUrl: getImageUrlProp,
     timeZone: timeZoneProp,
+    currency: currencyProp,
 }: {
     field: FieldDef
     value: any
@@ -818,11 +862,16 @@ export function ViewValue({
     getImageUrl?: GetImageUrl
     /** Optional override; when omitted falls back to the nearest provider. */
     timeZone?: string
+    /** Optional override; when omitted falls back to the nearest provider. */
+    currency?: string
 }) {
+    const { i18n } = useTranslation()
     const ctxImageUrl = useContext(ImageUrlContext)
     const ctxTimeZone = useContext(TimeZoneContext)
+    const ctxCurrency = useContext(CurrencyContext)
     const getImageUrl = getImageUrlProp ?? ctxImageUrl
     const timeZone = timeZoneProp ?? ctxTimeZone
+    const currency = currencyProp ?? ctxCurrency
 
     // created_by / avatar resolver sibling → name (+ avatar) instead of "—".
     if (field.type === 'avatar' || field.key === 'created_by' || field.key === 'created_by_id') {
@@ -904,6 +953,24 @@ export function ViewValue({
         )
     }
 
+    // Money → org-currency string. Detected by the backend `cellStyle:'currency'`
+    // stamp or a numeric value whose key matches the money heuristic (fallback
+    // mirroring the table cell + backend `inferDisplayCellStyle`).
+    if (isMoneyField(field, value)) {
+        const num = typeof value === 'number' ? value : Number(value)
+        if (!isNaN(num)) {
+            const resolvedCurrency = field.styleConfig?.currency || currency || 'USD'
+            const localeTag = i18n.language || 'es'
+            const formatted = new Intl.NumberFormat(localeTag, {
+                style: 'currency',
+                currency: resolvedCurrency,
+                minimumFractionDigits: 2,
+                maximumFractionDigits: 2,
+            }).format(num)
+            return <p className="text-sm py-1 tabular-nums">{formatted}</p>
+        }
+    }
+
     // Date/datetime/timestamp → tz-aware format. `date` pins to UTC (calendar
     // day); instants render in the org timezone with a full-precision tooltip.
     if (field.type === 'date' || field.type === 'datetime' || field.type === 'timestamp') {

package/src/dynamic-columns-shim.ts

@@ -31,6 +31,7 @@ export type GetDynamicColumns = (
     language: string,
     columnFilterConfigs: Map<string, ColumnFilterConfig>,
     timeZone?: string,
+    currency?: string,
 ) => ColumnDef<any>[]
 
 /** Signature for the host-provided `DynamicIcon` renderer. */

package/src/dynamic-columns.tsx

@@ -93,9 +93,13 @@ const styleCfg = (
 
 const EmptyCell = () => <span className="text-muted-foreground">-</span>
 
-/** Resolves the active org currency, defaulting to USD when no override. */
-const resolveCurrency = (col: ColumnDefinition): string =>
-    styleCfg(col, 'currency') || 'USD'
+/**
+ * Resolves the active currency for a column: the column's explicit currency
+ * style wins, then the org-level fallback (org config, like `timeZone`), then
+ * 'USD' as a last resort.
+ */
+export const resolveCurrency = (col: ColumnDefinition, orgCurrency?: string): string =>
+    styleCfg(col, 'currency') || orgCurrency || 'USD'
 
 const formatNumber = (
     value: number,
@@ -559,6 +563,7 @@ export function makeDefaultGetDynamicColumns(
         currentLanguage?: string,
         filterConfigs?: Map<string, ColumnFilterConfig>,
         timeZone?: string,
+        currency?: string,
     ): ColumnDef<any>[] {
         const dateLocale = currentLanguage === 'en' ? enUS : es
         const columns: ColumnDef<any>[] = [
@@ -842,7 +847,7 @@ export function makeDefaultGetDynamicColumns(
                                         num,
                                         {
                                             style: 'currency',
-                                            currency: resolveCurrency(col),
+                                            currency: resolveCurrency(col, currency),
                                             minimumFractionDigits: decimals,
                                             maximumFractionDigits: decimals,
                                         },

package/src/dynamic-relation.tsx

@@ -4,6 +4,18 @@
 //   - "many_to_many": multi-select sobre la tabla destino con sync a la pivot.
 // La RFC completa vive en `packages/runtime-react/docs/relations.md`.
 import { useCallback, useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import {
+    type ColumnDef,
+    type Row,
+    type Cell,
+    type HeaderGroup,
+    type Header,
+    flexRender,
+    getCoreRowModel,
+    useReactTable,
+} from '@tanstack/react-table'
+import { cn } from '@asteby/metacore-ui/lib'
 import {
     Button,
     Skeleton,
@@ -20,13 +32,20 @@ import {
     DialogHeader,
     DialogTitle,
     MultiSelect,
+    Table,
+    TableBody,
+    TableCell,
+    TableHead,
+    TableHeader,
+    TableRow,
 } from '@asteby/metacore-ui/primitives'
 import { Plus, Trash2, Pencil } from 'lucide-react'
 import { useApi } from './api-context'
 import { useMetadataCache } from './metadata-cache'
 import { DynamicForm } from './dynamic-form'
 import { useImageUrl } from './image-url-context'
-import { OptionThumb } from './dynamic-select-field'
+import { useTimeZone, useCurrency } from './org-runtime-context'
+import { makeDefaultGetDynamicColumns } from './dynamic-columns'
 import { useOptionsResolver } from './use-options-resolver'
 import type { ApiResponse, TableMetadata } from './types'
 import {
@@ -37,7 +56,6 @@ import {
     deriveRelationFormFields,
     diffSelection,
     extractSelectedTargetIds,
-    formatRelationCell,
     pickOptionLabel,
     relationRowKey,
     type DynamicRelationKind,
@@ -172,6 +190,9 @@ function OneToManyRelation({
 }: DynamicRelationOneToManyProps) {
     const api = useApi()
     const getImageUrl = useImageUrl()
+    const timeZone = useTimeZone()
+    const currency = useCurrency()
+    const { i18n } = useTranslation()
     const { getMetadata, setMetadata: cacheMetadata } = useMetadataCache()
     const cachedMeta = getMetadata(model)
     const labels = { ...DEFAULT_STRINGS, ...(strings || {}) }
@@ -228,6 +249,81 @@ function OneToManyRelation({
         return metadata.columns.filter(c => !hidden.has(c.key) && !c.hidden)
     }, [metadata, foreignKey, filtersKey, hiddenColumns])
 
+    // Reuse the EXACT column factory the main `<DynamicTable>` uses so each cell
+    // renders identically — money in the org currency right-aligned, FK chips
+    // with thumbnails, dates in the org timezone, status/option badges, creator
+    // names — instead of a hand-rolled parallel formatting stack. Stable per
+    // image-url resolver.
+    const buildColumns = useMemo(
+        () => makeDefaultGetDynamicColumns({ getImageUrl }),
+        [getImageUrl],
+    )
+
+    const showActions = canEdit || canDelete
+
+    const columns = useMemo<ColumnDef<any>[]>(() => {
+        if (!metadata) return []
+        // Feed the factory a metadata view scoped to the visible columns only,
+        // with model-level actions stripped — the relation list owns its own
+        // inline edit/delete column (appended below), and the factory's
+        // select/actions columns don't belong in an embedded child list.
+        const scopedMeta = {
+            ...metadata,
+            columns: visibleColumns,
+            actions: [],
+            hasActions: false,
+            enableCRUDActions: false,
+        } as TableMetadata
+        const base = buildColumns(
+            scopedMeta,
+            () => {},
+            (key: string, opts?: any) => opts?.defaultValue ?? key,
+            i18n?.language || 'es',
+            new Map(),
+            timeZone,
+            currency,
+        ).filter((c) => c.id !== 'select' && c.id !== 'actions')
+
+        if (!showActions) return base
+
+        const actionsCol: ColumnDef<any> = {
+            id: 'actions',
+            header: () => <span className="sr-only">{labels.editLabel}</span>,
+            size: 80,
+            cell: ({ row }: { row: Row<any> }) => (
+                <div className="flex items-center justify-end gap-1">
+                    {canEdit && (
+                        <Button
+                            size="sm"
+                            variant="ghost"
+                            onClick={() => { setEditingRow(row.original); setFormOpen(true) }}
+                            aria-label={labels.editLabel}
+                        >
+                            <Pencil className="h-4 w-4" />
+                        </Button>
+                    )}
+                    {canDelete && (
+                        <Button
+                            size="sm"
+                            variant="ghost"
+                            onClick={() => setRowToDelete(row.original)}
+                            aria-label={labels.removeLabel}
+                        >
+                            <Trash2 className="h-4 w-4" />
+                        </Button>
+                    )}
+                </div>
+            ),
+        }
+        return [...base, actionsCol]
+    }, [metadata, visibleColumns, buildColumns, i18n?.language, timeZone, currency, showActions, canEdit, canDelete, labels.editLabel, labels.removeLabel])
+
+    const table = useReactTable({
+        data: rows,
+        columns,
+        getCoreRowModel: getCoreRowModel(),
+    })
+
     const handleSubmit = useCallback(async (values: Record<string, any>) => {
         setSubmitting(true)
         try {
@@ -299,62 +395,46 @@ function OneToManyRelation({
                     {labels.emptyState}
                 </div>
             ) : (
-                <div className="border rounded-md divide-y bg-card">
-                    {rows.map((row, idx) => (
-                        <div
-                            key={relationRowKey(row, idx, foreignKey)}
-                            className="flex items-center justify-between gap-3 px-3 py-2"
-                        >
-                            <div className="flex-1 grid grid-cols-[repeat(auto-fit,minmax(0,1fr))] gap-2 text-sm">
-                                {visibleColumns.map(col => {
-                                    const cell = formatRelationCell(row, col)
-                                    // FK column whose backend-resolved sibling
-                                    // carries an image → render a thumbnail + label
-                                    // instead of plain text (e.g. a line item's
-                                    // product photo). The sibling is the column key
-                                    // with the trailing `_id` stripped.
-                                    const isFk = !!col.ref || col.key.endsWith('_id')
-                                    const sibling = isFk ? (row as any)[col.key.replace(/_id$/, '')] : undefined
-                                    if (sibling && typeof sibling === 'object' && sibling.image) {
-                                        const label = sibling.label ?? sibling.name ?? cell
+                // Real metadata-driven table — same metacore-ui primitives and
+                // cell renderers as `<DynamicTable>` so headers, money/currency,
+                // FK thumbnails, dates and badges all match the main table.
+                <div className="overflow-x-auto border rounded-md bg-card">
+                    <Table noWrapper className="w-full">
+                        <TableHeader>
+                            {table.getHeaderGroups().map((headerGroup: HeaderGroup<any>) => (
+                                <TableRow key={headerGroup.id} className="border-b-0 hover:bg-transparent">
+                                    {headerGroup.headers.map((header: Header<any, unknown>) => {
+                                        const isActions = header.id === 'actions'
                                         return (
-                                            <span key={col.key} className="flex min-w-0 items-center gap-2" title={String(label)}>
-                                                <OptionThumb image={getImageUrl(sibling.image)} size={20} />
-                                                <span className="truncate">{label}</span>
-                                            </span>
+                                            <TableHead
+                                                key={header.id}
+                                                colSpan={header.colSpan}
+                                                style={header.column.columnDef.size ? { width: header.column.columnDef.size } : undefined}
+                                                className={cn('bg-card border-b h-10', isActions && 'text-right')}
+                                            >
+                                                {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}
+                                            </TableHead>
                                         )
-                                    }
-                                    return (
-                                        <span key={col.key} className="truncate" title={cell}>
-                                            {cell}
-                                        </span>
-                                    )
-                                })}
-                            </div>
-                            <div className="flex items-center gap-1 shrink-0">
-                                {canEdit && (
-                                    <Button
-                                        size="sm"
-                                        variant="ghost"
-                                        onClick={() => { setEditingRow(row); setFormOpen(true) }}
-                                        aria-label={labels.editLabel}
-                                    >
-                                        <Pencil className="h-4 w-4" />
-                                    </Button>
-                                )}
-                                {canDelete && (
-                                    <Button
-                                        size="sm"
-                                        variant="ghost"
-                                        onClick={() => setRowToDelete(row)}
-                                        aria-label={labels.removeLabel}
-                                    >
-                                        <Trash2 className="h-4 w-4" />
-                                    </Button>
-                                )}
-                            </div>
-                        </div>
-                    ))}
+                                    })}
+                                </TableRow>
+                            ))}
+                        </TableHeader>
+                        <TableBody>
+                            {table.getRowModel().rows.map((row: Row<any>, idx: number) => (
+                                <TableRow key={relationRowKey(row.original, idx, foreignKey)}>
+                                    {row.getVisibleCells().map((cell: Cell<any, unknown>) => (
+                                        <TableCell
+                                            key={cell.id}
+                                            style={cell.column.columnDef.size ? { width: cell.column.columnDef.size } : undefined}
+                                            className="py-2"
+                                        >
+                                            {flexRender(cell.column.columnDef.cell, cell.getContext())}
+                                        </TableCell>
+                                    ))}
+                                </TableRow>
+                            ))}
+                        </TableBody>
+                    </Table>
                 </div>
             )}
 

package/src/dynamic-table.tsx

@@ -97,6 +97,12 @@ interface DynamicTableProps {
      * Optional — omitting it preserves the legacy browser-local formatting.
      */
     timeZone?: string
+    /**
+     * ISO 4217 currency code (e.g. the org's `MXN`) used as the fallback for
+     * money cells (`type:'number'` + `cellStyle:'currency'`) that don't carry
+     * an explicit per-column currency. Optional — defaults to 'USD'.
+     */
+    currency?: string
 }
 
 export function DynamicTable({
@@ -110,6 +116,7 @@ export function DynamicTable({
     extraColumns = [],
     getDynamicColumns = defaultGetDynamicColumns,
     timeZone,
+    currency,
 }: DynamicTableProps) {
     const { t, i18n } = useTranslation()
     const api = useApi()
@@ -598,12 +605,12 @@ export function DynamicTable({
         const rowMetadata = metadata.actions?.some((a) => a.placement === 'table' || a.placement === 'create')
             ? { ...metadata, actions: metadata.actions.filter((a) => !a.placement || a.placement === 'row') }
             : metadata
-        const baseColumns = getDynamicColumns(rowMetadata, handleInternalAction, t, i18n.language, columnFilterConfigs, timeZone)
+        const baseColumns = getDynamicColumns(rowMetadata, handleInternalAction, t, i18n.language, columnFilterConfigs, timeZone, currency)
         const filteredBase = baseColumns.filter((col: ColumnDef<any>) => !hiddenColumns.includes(col.id as string))
         const actionsCol = filteredBase.find((c: ColumnDef<any>) => c.id === 'actions')
         const otherCols = filteredBase.filter((c: ColumnDef<any>) => c.id !== 'actions')
         return [...otherCols, ...extraColumns, ...(actionsCol ? [actionsCol] : [])]
-    }, [metadata, handleInternalAction, hiddenColumns, extraColumns, t, i18n.language, columnFilterConfigs, getDynamicColumns, timeZone])
+    }, [metadata, handleInternalAction, hiddenColumns, extraColumns, t, i18n.language, columnFilterConfigs, getDynamicColumns, timeZone, currency])
 
     const filters = useMemo(() => [], [])
 

package/src/org-runtime-context.ts

@@ -0,0 +1,28 @@
+// Org runtime contexts — thread the org's display config (timezone, currency)
+// to nested field/cell/relation renderers without prop-drilling. Lives in its
+// own module (mirroring `image-url-context`) so any renderer can consume them
+// without importing from `dialogs/dynamic-record`. That dialog imports
+// `dynamic-relations` → `dynamic-relation`, so the relation table cannot import
+// these contexts back from the dialog without a circular import — hence this
+// standalone module is the single source of truth.
+import { createContext, useContext } from 'react'
+
+/**
+ * IANA timezone (e.g. the org's `America/Mexico_City`) used to render
+ * datetime/timestamp cells. `undefined` outside a provider → renderers fall
+ * back to the viewer's browser zone (legacy behaviour).
+ */
+export const TimeZoneContext = createContext<string | undefined>(undefined)
+
+/** Reads the nearest org timezone (undefined outside a provider). */
+export const useTimeZone = () => useContext(TimeZoneContext)
+
+/**
+ * Org ISO-4217 currency (org config, like the timezone) used as the fallback
+ * for money cells/fields that don't carry an explicit per-column currency.
+ * `undefined` outside a provider → renderers fall back to 'USD'.
+ */
+export const CurrencyContext = createContext<string | undefined>(undefined)
+
+/** Reads the nearest org currency (undefined outside a provider). */
+export const useCurrency = () => useContext(CurrencyContext)