@asteby/metacore-runtime-react 18.20.0 → 18.22.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @asteby/metacore-runtime-react
 
+## 18.22.0
+
+### Minor Changes
+
+- 24cced0: The read-only record detail view now renders jsonb line-items with the same pro
+  rendering as the table instead of raw `JSON.stringify`. `CollectionCell` gains a
+  `variant?: 'badge' | 'inline'` prop (default `'badge'` = unchanged behaviour);
+  `'inline'` renders the mini-table / pair-list / scalar-list directly, with no
+  badge or popover, for the full-width detail dialog. The detail view's
+  `StructuredViewValue` delegates to `<CollectionCell variant="inline" …>`,
+  threading the field's `item_fields` schema plus locale + translator: an
+  `item_fields` schema drives localized headers + resolved ref labels (the
+  injected `{ value, label }` sibling — product name instead of the raw uuid),
+  and without a schema it falls back to a localized mini-table / pair list. The
+  "—" empty marker is preserved.
+
+## 18.21.0
+
+### Minor Changes
+
+- 53950ed: CollectionCell renders jsonb line-items from a declared sub-field schema when
+  the column carries one (`col.itemFields` / snake `col.item_fields`, kernel v3
+  `item_fields`). Headers use the schema's already-localized `label` verbatim (in
+  the declared order, no prettify/translate); `ref` columns resolve to the
+  backend-injected sibling label — the FK key without `_id` (`product_id` →
+  `product`), else `<key>_label` — showing the resolved name instead of the raw
+  uuid (`{ value, label }` → `label`, bare string → itself, missing → truncated
+  uuid fallback). The badge count noun stays locale-aware. When no schema is
+  present the generic dict/prettify behaviour is unchanged. `itemFields` is
+  threaded from the dynamic columns factory callsite.
+
 ## 18.20.0
 
 ### Minor Changes

package/dist/collection-cell.d.ts

@@ -1,6 +1,24 @@
 import * as React from 'react';
 /** Host i18n translator (react-i18next `t`), as threaded into the columns factory. */
 export type Translate = (key: string, options?: any) => string;
+/**
+ * Declared schema for one column of a jsonb line-items array. Mirrors the
+ * kernel v3 `item_fields` entry the backend serves on the column metadata
+ * (`col.itemFields` / snake `col.item_fields`). When present it drives the
+ * popover mini-table: headers come from `label` (already LOCALIZED by the
+ * backend — never re-translated here) and `ref` columns resolve to the
+ * backend-injected sibling label instead of the raw uuid.
+ */
+export interface ItemField {
+    /** jsonb key this column maps to (e.g. `product_id`, `quantity`). */
+    key: string;
+    /** Header text — ALREADY localized by the backend. Used verbatim. */
+    label: string;
+    /** Declarative cell type hint (informational; not branched on today). */
+    type?: string;
+    /** FK target model. When set, the cell renders the resolved sibling label. */
+    ref?: string;
+}
 /**
  * Localized key label for a popover column header. Resolution order:
  *   (a) host i18n `t(rawKey)` if it resolves to something ≠ rawKey;
@@ -30,10 +48,34 @@ export interface CollectionCellProps {
     locale?: string;
     /** Host i18n translator; takes precedence over the built-in dictionary. */
     t?: Translate;
+    /**
+     * Declared schema for the jsonb line-items columns (kernel v3 `item_fields`,
+     * read from `col.itemFields ?? col.item_fields` at the callsite). When
+     * present AND the value is an array of objects, the popover mini-table uses
+     * these (already-localized) headers in order and resolves `ref` columns to
+     * the backend-injected sibling label. Absent → the generic dict/prettify
+     * behaviour is unchanged.
+     */
+    itemFields?: ItemField[];
+    /**
+     * Presentation mode.
+     *   - `'badge'` (default): the compact count/preview badge that opens a
+     *     popover with the mini-table / pair-list. Used in dense table cells.
+     *   - `'inline'`: render the mini-table / pair-list DIRECTLY, with no badge
+     *     or popover. Used by the read-only record detail view, which has full
+     *     width and shows one field per row. All schema/locale logic is shared.
+     */
+    variant?: 'badge' | 'inline';
 }
 /**
  * Generic renderer for jsonb / array / object cell values. Brand-neutral,
  * compact, dark-mode friendly, locale-aware. Never throws on unexpected shapes.
+ *
+ * `variant` selects the surface: the default `'badge'` shows a compact trigger
+ * + popover (dense table cells); `'inline'` renders the mini-table / pair-list
+ * directly for the full-width record detail view. Both paths share the
+ * itemFields schema (localized headers + resolved ref labels) and the
+ * locale-aware generic fallback.
  */
-export declare function CollectionCell({ value, maxInline, locale, t, }: CollectionCellProps): React.JSX.Element;
+export declare function CollectionCell({ value, maxInline, locale, t, itemFields, variant, }: CollectionCellProps): React.JSX.Element;
 //# sourceMappingURL=collection-cell.d.ts.map

package/dist/collection-cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection-cell.d.ts","sourceRoot":"","sources":["../src/collection-cell.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,sFAAsF;AACtF,MAAM,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,MAAM,CAAA;AAiE9D;;;;;;GAMG;AACH,wBAAgB,WAAW,CACvB,GAAG,EAAE,MAAM,EACX,MAAM,CAAC,EAAE,MAAM,EACf,CAAC,CAAC,EAAE,SAAS,GACd,MAAM,CAWR;AAED;;;GAGG;AACH,wBAAgB,UAAU,CACtB,KAAK,EAAE,MAAM,EACb,MAAM,CAAC,EAAE,MAAM,EACf,CAAC,CAAC,EAAE,SAAS,GACd,MAAM,CAcR;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAYnD;AAyJD,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,OAAO,CAAA;IACd,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2EAA2E;IAC3E,CAAC,CAAC,EAAE,SAAS,CAAA;CAChB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC3B,KAAK,EACL,SAAa,EACb,MAAM,EACN,CAAC,GACJ,EAAE,mBAAmB,qBAgFrB"}
+{"version":3,"file":"collection-cell.d.ts","sourceRoot":"","sources":["../src/collection-cell.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,sFAAsF;AACtF,MAAM,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,MAAM,CAAA;AAE9D;;;;;;;GAOG;AACH,MAAM,WAAW,SAAS;IACtB,qEAAqE;IACrE,GAAG,EAAE,MAAM,CAAA;IACX,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAA;IACb,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8EAA8E;IAC9E,GAAG,CAAC,EAAE,MAAM,CAAA;CACf;AAmGD;;;;;;GAMG;AACH,wBAAgB,WAAW,CACvB,GAAG,EAAE,MAAM,EACX,MAAM,CAAC,EAAE,MAAM,EACf,CAAC,CAAC,EAAE,SAAS,GACd,MAAM,CAWR;AAED;;;GAGG;AACH,wBAAgB,UAAU,CACtB,KAAK,EAAE,MAAM,EACb,MAAM,CAAC,EAAE,MAAM,EACf,CAAC,CAAC,EAAE,SAAS,GACd,MAAM,CAcR;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAYnD;AAiMD,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,OAAO,CAAA;IACd,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2EAA2E;IAC3E,CAAC,CAAC,EAAE,SAAS,CAAA;IACb;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,SAAS,EAAE,CAAA;IACxB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC/B;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC3B,KAAK,EACL,SAAa,EACb,MAAM,EACN,CAAC,EACD,UAAU,EACV,OAAiB,GACpB,EAAE,mBAAmB,qBAyHrB"}

package/dist/collection-cell.js

@@ -3,6 +3,36 @@ import { List } from 'lucide-react';
 import { Badge, Popover, PopoverContent, PopoverTrigger, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, cn, } from '@asteby/metacore-ui';
 import { humanizeToken } from './dynamic-columns-helpers';
 const UUID_LIKE_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+/**
+ * Resolves the backend-injected resolved sibling key for a ref item-field,
+ * mirroring `relationKeyFor` in dynamic-columns: the raw key with a trailing
+ * `_id` stripped (`product_id` → `product`), else `<key>_label`.
+ */
+function siblingKeyFor(key) {
+    return key.endsWith('_id') ? key.slice(0, -3) : `${key}_label`;
+}
+/**
+ * Renders the cell value for one declared item-field of a jsonb row. For a
+ * `ref` field it prefers the backend-injected resolved sibling (the FK key
+ * without `_id`, else `<key>_label`): a `{ value, label }` object shows its
+ * `label`, a bare string shows itself; absent → the raw value via
+ * `formatScalar` (truncated uuid). Non-ref fields render `formatScalar(value)`.
+ */
+function renderItemFieldValue(field, row) {
+    if (field.ref) {
+        const sibling = row[siblingKeyFor(field.key)];
+        if (sibling && typeof sibling === 'object' && !Array.isArray(sibling)) {
+            const label = sibling.label;
+            if (label !== undefined && label !== null && label !== '') {
+                return String(label);
+            }
+        }
+        else if (typeof sibling === 'string' && sibling !== '') {
+            return sibling;
+        }
+    }
+    return formatScalar(row[field.key]);
+}
 /** Normalize an org/UI language tag to a base language code (`es-MX` → `es`). */
 function baseLang(locale) {
     return (locale || 'en').toLowerCase().split('-')[0];
@@ -164,7 +194,15 @@ function unionKeys(rows) {
     return seen;
 }
 const PANEL_CLASS = 'w-auto max-w-[480px] max-h-[320px] overflow-auto p-0';
-function MiniTable({ rows, locale, t, }) {
+function MiniTable({ rows, locale, t, itemFields, }) {
+    // Schema-driven path: a declared `item_fields` schema fixes the column
+    // order + headers (already localized by the backend, used VERBATIM) and
+    // resolves ref columns to the injected sibling label instead of the raw
+    // uuid. Sibling/raw keys not covered by the schema are dropped from the
+    // table (the schema is the source of truth for what to surface).
+    if (itemFields && itemFields.length > 0) {
+        return (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsx(TableRow, { children: itemFields.map((field) => (_jsx(TableHead, { className: "text-xs whitespace-nowrap", children: field.label }, field.key))) }) }), _jsx(TableBody, { children: rows.map((row, i) => (_jsx(TableRow, { children: itemFields.map((field) => (_jsx(TableCell, { className: "text-xs whitespace-nowrap", children: renderItemFieldValue(field, row) }, field.key))) }, i))) })] }));
+    }
     const keys = unionKeys(rows);
     if (keys.length === 0) {
         return _jsx("div", { className: "p-3 text-xs text-muted-foreground", children: "-" });
@@ -184,9 +222,16 @@ function PopoverShell({ label, title, children, icon = true, }) {
 /**
  * Generic renderer for jsonb / array / object cell values. Brand-neutral,
  * compact, dark-mode friendly, locale-aware. Never throws on unexpected shapes.
+ *
+ * `variant` selects the surface: the default `'badge'` shows a compact trigger
+ * + popover (dense table cells); `'inline'` renders the mini-table / pair-list
+ * directly for the full-width record detail view. Both paths share the
+ * itemFields schema (localized headers + resolved ref labels) and the
+ * locale-aware generic fallback.
  */
-export function CollectionCell({ value, maxInline = 3, locale, t, }) {
+export function CollectionCell({ value, maxInline = 3, locale, t, itemFields, variant = 'badge', }) {
     const parsed = parseValue(value);
+    const inline = variant === 'inline';
     // Empty-ish → muted dash.
     if (parsed === null ||
         parsed === undefined ||
@@ -205,16 +250,35 @@ export function CollectionCell({ value, maxInline = 3, locale, t, }) {
         const allObjects = parsed.every((item) => isPlainObject(item));
         if (allObjects) {
             const rows = parsed;
+            // Inline mode (detail view): render the mini-table directly, no
+            // badge/popover. The same schema-driven path applies.
+            if (inline) {
+                return (_jsx(MiniTable, { rows: rows, locale: locale, t: t, itemFields: itemFields }));
+            }
             const count = rows.length;
             const label = countLabel(count, locale, t);
-            const title = rows
-                .map((row) => Object.entries(row)
-                .map(([k, v]) => `${prettifyKey(k, locale, t)}: ${formatScalar(v)}`)
-                .join(', '))
-                .join(' | ');
-            return (_jsx(PopoverShell, { label: label, title: title, children: _jsx(MiniTable, { rows: rows, locale: locale, t: t }) }));
+            const hasSchema = !!(itemFields && itemFields.length > 0);
+            // The no-JS tooltip mirrors the rendered table: schema-driven
+            // labels + resolved ref values when a schema is present, else the
+            // generic prettify/scalar pairs.
+            const title = hasSchema
+                ? rows
+                    .map((row) => itemFields
+                    .map((field) => `${field.label}: ${renderItemFieldValue(field, row)}`)
+                    .join(', '))
+                    .join(' | ')
+                : rows
+                    .map((row) => Object.entries(row)
+                    .map(([k, v]) => `${prettifyKey(k, locale, t)}: ${formatScalar(v)}`)
+                    .join(', '))
+                    .join(' | ');
+            return (_jsx(PopoverShell, { label: label, title: title, children: _jsx(MiniTable, { rows: rows, locale: locale, t: t, itemFields: itemFields }) }));
+        }
+        // Array of scalars (or mixed). Inline mode renders the full list; badge
+        // mode previews the first N joined with a "+N" overflow trigger.
+        if (inline) {
+            return _jsx(ScalarList, { values: parsed });
         }
-        // Array of scalars (or mixed): preview first N joined, "+N" overflow.
         const preview = parsed.slice(0, maxInline).map(formatScalar).join(', ');
         const overflow = parsed.length - maxInline;
         const label = overflow > 0 ? `${preview} +${overflow}` : preview;
@@ -223,12 +287,16 @@ export function CollectionCell({ value, maxInline = 3, locale, t, }) {
     }
     // PLAIN OBJECT -----------------------------------------------------------
     const entries = Object.entries(parsed);
-    const inline = entries
+    // Inline mode renders the full key→value pair list directly.
+    if (inline) {
+        return _jsx(PairList, { entries: entries, locale: locale, t: t });
+    }
+    const previewPairs = entries
         .slice(0, maxInline)
         .map(([k, v]) => `${prettifyKey(k, locale, t)}: ${formatScalar(v)}`)
         .join(', ');
     const overflow = entries.length - maxInline;
-    const label = overflow > 0 ? `${inline} +${overflow}` : inline;
+    const label = overflow > 0 ? `${previewPairs} +${overflow}` : previewPairs;
     const title = entries
         .map(([k, v]) => `${prettifyKey(k, locale, t)}: ${formatScalar(v)}`)
         .join(', ');

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

@@ -1,4 +1,5 @@
 import type { ModelSchema } from './types';
+import { type ItemField } from '../collection-cell';
 import { type GetImageUrl } from '../image-url-context';
 export type { GetImageUrl };
 export interface FieldOption {
@@ -58,6 +59,17 @@ export interface FieldDef {
      * over the org fallback.
      */
     styleConfig?: Record<string, any>;
+    /**
+     * Declared schema for a jsonb line-items field (kernel v3 `item_fields`).
+     * The backend serves this on modal/detail fields the same way it does on
+     * table columns. When present the read-only detail view renders the
+     * `CollectionCell` mini-table with these (already-localized) headers in
+     * order and resolves `ref` columns to the backend-injected sibling label.
+     * Tolerates the snake_case `item_fields` the kernel serves.
+     */
+    itemFields?: ItemField[];
+    /** snake_case alias served by the kernel for `itemFields`. */
+    item_fields?: ItemField[];
 }
 export interface DynamicRecordDialogProps {
     open: boolean;

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

@@ -27,6 +27,7 @@ import { isNilUuid, normalizeNilUuid } from '../nil-uuid';
 import { DynamicIcon, isLucideIconName } from '../dynamic-icon';
 import { humanizeToken } from '../dynamic-columns-helpers';
 import { formatDateCell } from '../dynamic-columns';
+import { CollectionCell } from '../collection-cell';
 import { ImageUrlContext, identityImageUrl } from '../image-url-context';
 import { TimeZoneContext, CurrencyContext } from '../org-runtime-context';
 // localizedModelName resolves the (possibly addon-i18n) model name: prefer the
@@ -496,7 +497,7 @@ 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, currency: currencyProp, }) {
-    const { i18n } = useTranslation();
+    const { t, i18n } = useTranslation();
     const ctxImageUrl = useContext(ImageUrlContext);
     const ctxTimeZone = useContext(TimeZoneContext);
     const ctxCurrency = useContext(CurrencyContext);
@@ -592,7 +593,7 @@ export function ViewValue({ field, value: rawValue, record, getImageUrl: getImag
     // to surface — render readable key/value pairs instead of falling through to
     // String(value) ("[object Object]").
     if (value !== null && typeof value === 'object') {
-        return _jsx(StructuredViewValue, { value: value });
+        return (_jsx(StructuredViewValue, { value: value, field: field, locale: i18n.language, t: t }));
     }
     const display = formatDisplayValue(value, field);
     if (field.type === 'textarea') {
@@ -606,25 +607,26 @@ export function ViewValue({ field, value: rawValue, record, getImageUrl: getImag
 function IconNameViewValue({ name }) {
     return (_jsxs("div", { className: "flex items-center gap-2 py-1", children: [_jsx("div", { className: "h-8 w-8 flex items-center justify-center rounded bg-muted", children: _jsx(DynamicIcon, { name: name, className: "h-4 w-4" }) }), _jsx("span", { className: "text-sm text-muted-foreground", children: name })] }));
 }
-// StructuredViewValue renders a jsonb object/array that has no resolvable label:
-// plain objects become a key→value list (keys humanized), primitive arrays a
-// comma-joined line, and anything deeper a pretty-printed JSON block. Empty
-// structures render the same "—" marker as null scalars.
-function StructuredViewValue({ value }) {
-    if (Array.isArray(value)) {
-        if (value.length === 0) {
-            return _jsx("p", { className: "text-sm py-1 text-muted-foreground", children: "\u2014" });
-        }
-        if (value.every(v => v === null || typeof v !== 'object')) {
-            return _jsx("p", { className: "text-sm py-1", children: value.map(v => String(v ?? '—')).join(', ') });
-        }
-        return (_jsx("pre", { className: "text-xs whitespace-pre-wrap rounded-md bg-muted/40 p-3 overflow-x-auto", children: JSON.stringify(value, null, 2) }));
-    }
-    const entries = Object.entries(value).filter(([, v]) => v !== null && v !== undefined && v !== '');
-    if (entries.length === 0) {
+// StructuredViewValue renders a jsonb object/array that has no resolvable label.
+// It delegates to the shared `CollectionCell` in `'inline'` mode so the detail
+// view gets the SAME pro rendering as the table: a declared `item_fields` schema
+// drives localized headers + resolved ref labels (the injected `{value,label}`
+// sibling) for line-items; without a schema it falls back to a localized
+// key→value pair list / mini-table — never raw `JSON.stringify`. Empty arrays /
+// empty objects keep the "—" marker (CollectionCell renders a muted dash, which
+// we normalize to the em-dash the detail view uses elsewhere).
+function StructuredViewValue({ value, field, locale, t, }) {
+    const isEmpty = value === null ||
+        value === undefined ||
+        value === '' ||
+        (Array.isArray(value) && value.length === 0) ||
+        (typeof value === 'object' &&
+            !Array.isArray(value) &&
+            Object.keys(value).length === 0);
+    if (isEmpty) {
         return _jsx("p", { className: "text-sm py-1 text-muted-foreground", children: "\u2014" });
     }
-    return (_jsx("dl", { className: "text-sm py-1 space-y-0.5", children: entries.map(([k, v]) => (_jsxs("div", { className: "flex gap-2", children: [_jsxs("dt", { className: "text-muted-foreground shrink-0", children: [humanizeToken(k), ":"] }), _jsx("dd", { className: "break-words", children: typeof v === 'object' ? JSON.stringify(v) : String(v) })] }, k))) }));
+    return (_jsx("div", { className: "text-sm py-1", children: _jsx(CollectionCell, { value: value, itemFields: field?.itemFields ?? field?.item_fields, variant: "inline", locale: locale, t: t }) }));
 }
 function EditField({ field, value, onChange }) {
     if (field.type === 'boolean') {

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;AAiC9C,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;AAQrD;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,KAAK,gBAAgB,KAAG,MAAM,GAAG,SAG5D,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAC7B,KAAK,gBAAgB,EACrB,OAAO,OAAO,EACd,WAAW,MAAM,EACjB,SAAS,MAAM,KAChB,MAyBF,CAAA;AA8DD;;;;;;;;;;;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;AAsID;;;;GAIG;AACH,wBAAgB,4BAA4B,CACxC,OAAO,GAAE,qBAA0B,GACpC,iBAAiB,CA6nBnB;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;AAiC9C,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;AAQrD;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,KAAK,gBAAgB,KAAG,MAAM,GAAG,SAG5D,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAC7B,KAAK,gBAAgB,EACrB,OAAO,OAAO,EACd,WAAW,MAAM,EACjB,SAAS,MAAM,KAChB,MAyBF,CAAA;AA8DD;;;;;;;;;;;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;AAsID;;;;GAIG;AACH,wBAAgB,4BAA4B,CACxC,OAAO,GAAE,qBAA0B,GACpC,iBAAiB,CA8nBnB;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,iBACL,CAAA"}

package/dist/dynamic-columns.js

@@ -736,7 +736,7 @@ export function makeDefaultGetDynamicColumns(helpers = {}) {
                         }
                         default: {
                             if (typeof value === 'object' && value !== null) {
-                                return (_jsx(CollectionCell, { value: value, locale: currentLanguage, t: t }));
+                                return (_jsx(CollectionCell, { value: value, locale: currentLanguage, t: t, itemFields: col.itemFields ?? col.item_fields }));
                             }
                             if (col.key === 'description' ||
                                 col.key === 'features' ||

package/dist/types.d.ts

@@ -137,6 +137,32 @@ export interface ColumnDefinition {
      * reference resolved through the OrgConfigProvider.
      */
     validation?: FieldValidation;
+    /**
+     * Declared schema for a jsonb line-items column (kernel v3 `item_fields`).
+     * Each entry describes one sub-field of the array's row objects: a `key`
+     * (the jsonb key), an already-LOCALIZED `label` (backend-translated), an
+     * optional `type` hint and an optional `ref` (FK target). When present the
+     * `CollectionCell` renders the popover mini-table with these headers in
+     * order and resolves `ref` columns to the backend-injected sibling label
+     * (the FK key without `_id`, else `<key>_label`) instead of the raw uuid.
+     * Tolerates the snake_case `item_fields` the kernel serves.
+     */
+    itemFields?: ColumnItemField[];
+    /** snake_case alias served by the kernel for `itemFields`. */
+    item_fields?: ColumnItemField[];
+}
+/**
+ * One declared sub-field of a jsonb line-items column (see
+ * `ColumnDefinition.itemFields`). `label` is already localized by the backend
+ * and consumed verbatim; a non-empty `ref` flags the column for resolved-label
+ * rendering against the injected sibling. Structurally compatible with the
+ * `ItemField` consumed by `collection-cell`.
+ */
+export interface ColumnItemField {
+    key: string;
+    label: string;
+    type?: string;
+    ref?: string;
 }
 export interface ActionCondition {
     field: string;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asteby/metacore-runtime-react",
-  "version": "18.20.0",
+  "version": "18.22.0",
   "description": "React runtime for metacore hosts — renders addon contributions dynamically",
   "repository": {
     "type": "git",
@@ -64,8 +64,8 @@
     "typescript": "^6.0.0",
     "vitest": "^4.0.0",
     "zustand": "^5.0.0",
-    "@asteby/metacore-sdk": "3.2.0",
-    "@asteby/metacore-ui": "2.5.2"
+    "@asteby/metacore-ui": "2.5.2",
+    "@asteby/metacore-sdk": "3.2.0"
   },
   "scripts": {
     "build": "tsc -p tsconfig.json",

package/src/__tests__/collection-cell.test.tsx

@@ -9,7 +9,7 @@
 //   - locale-aware: count noun + header keys render in the org language; the
 //     host `t` overrides; unknown keys fall back to snake→Title prettify.
 import { afterEach, describe, expect, it } from 'vitest'
-import { cleanup, render, screen } from '@testing-library/react'
+import { cleanup, fireEvent, render, screen } from '@testing-library/react'
 
 // Sin `globals: true` en vitest, RTL no auto-limpia entre tests.
 afterEach(cleanup)
@@ -176,3 +176,250 @@ describe('CollectionCell', () => {
         expect(container.textContent).toContain('{not valid json')
     })
 })
+
+describe('CollectionCell with itemFields schema', () => {
+    const itemFields = [
+        { key: 'product_id', label: 'Producto', ref: 'Product' },
+        { key: 'quantity', label: 'Cantidad' },
+    ]
+
+    // The popover mini-table mounts lazily — open it by clicking the count
+    // badge (Radix opens on pointerDown + click under happy-dom).
+    const openPopover = (badgeText: string) => {
+        const badge = screen.getByText(badgeText)
+        fireEvent.pointerDown(badge)
+        fireEvent.click(badge)
+        return badge
+    }
+
+    it('uses the schema labels verbatim as headers (no prettify/dict)', () => {
+        render(
+            <CollectionCell
+                locale="es"
+                itemFields={itemFields}
+                value={[
+                    {
+                        product_id: '550e8400-e29b-41d4-a716-446655440000',
+                        product: { value: '550e8400-e29b-41d4-a716-446655440000', label: 'Llanta 195/65' },
+                        quantity: 2,
+                    },
+                ]}
+            />
+        )
+        openPopover('1 ítem')
+        // Headers come from the schema `label` verbatim.
+        expect(screen.getByRole('columnheader', { name: 'Producto' })).toBeTruthy()
+        expect(screen.getByRole('columnheader', { name: 'Cantidad' })).toBeTruthy()
+    })
+
+    it('resolves a ref field to the injected sibling label, not the uuid', () => {
+        render(
+            <CollectionCell
+                itemFields={itemFields}
+                value={[
+                    {
+                        product_id: '550e8400-e29b-41d4-a716-446655440000',
+                        product: { value: '550e8400-e29b-41d4-a716-446655440000', label: 'Llanta 195/65' },
+                        quantity: 2,
+                    },
+                ]}
+            />
+        )
+        openPopover('1 item')
+        expect(screen.getByRole('cell', { name: 'Llanta 195/65' })).toBeTruthy()
+        // The raw uuid (truncated form) must NOT appear in any cell.
+        expect(screen.queryByText('550e8400…')).toBeNull()
+    })
+
+    it('resolves a ref field from a `<key>_label` sibling when key has no _id suffix', () => {
+        render(
+            <CollectionCell
+                itemFields={[{ key: 'product', label: 'Producto', ref: 'Product' }]}
+                value={[
+                    {
+                        product: '550e8400-e29b-41d4-a716-446655440000',
+                        product_label: { value: '550e8400-e29b-41d4-a716-446655440000', label: 'Balanceo' },
+                    },
+                ]}
+            />
+        )
+        openPopover('1 item')
+        expect(screen.getByRole('cell', { name: 'Balanceo' })).toBeTruthy()
+    })
+
+    it('accepts a bare string sibling for a ref field', () => {
+        render(
+            <CollectionCell
+                itemFields={[{ key: 'product_id', label: 'Producto', ref: 'Product' }]}
+                value={[{ product_id: 'x', product: 'Aceite 5W30' }]}
+            />
+        )
+        openPopover('1 item')
+        expect(screen.getByRole('cell', { name: 'Aceite 5W30' })).toBeTruthy()
+    })
+
+    it('falls back to a truncated uuid when the ref sibling is missing', () => {
+        render(
+            <CollectionCell
+                itemFields={[{ key: 'product_id', label: 'Producto', ref: 'Product' }]}
+                value={[{ product_id: '550e8400-e29b-41d4-a716-446655440000' }]}
+            />
+        )
+        openPopover('1 item')
+        expect(screen.getByRole('cell', { name: '550e8400…' })).toBeTruthy()
+    })
+
+    it('keeps the locale-aware count noun on the badge', () => {
+        render(
+            <CollectionCell
+                locale="es"
+                itemFields={itemFields}
+                value={[
+                    { product_id: 'a', product: { value: 'a', label: 'A' }, quantity: 1 },
+                    { product_id: 'b', product: { value: 'b', label: 'B' }, quantity: 2 },
+                ]}
+            />
+        )
+        expect(screen.getByText('2 ítems')).toBeTruthy()
+    })
+
+    it('renders non-ref fields via formatScalar under the schema header', () => {
+        render(
+            <CollectionCell
+                itemFields={itemFields}
+                value={[{ product_id: 'a', product: { value: 'a', label: 'A' }, quantity: 7 }]}
+            />
+        )
+        openPopover('1 item')
+        expect(screen.getByRole('cell', { name: '7' })).toBeTruthy()
+    })
+
+    it('mirrors the schema labels + resolved ref values in the badge title', () => {
+        render(
+            <CollectionCell
+                itemFields={itemFields}
+                value={[
+                    {
+                        product_id: '550e8400-e29b-41d4-a716-446655440000',
+                        product: { value: 'x', label: 'Llanta 195/65' },
+                        quantity: 2,
+                    },
+                ]}
+            />
+        )
+        const title =
+            screen.getByText('1 item').closest('[title]')!.getAttribute('title') ?? ''
+        expect(title).toContain('Producto: Llanta 195/65')
+        expect(title).toContain('Cantidad: 2')
+        expect(title).not.toContain('550e8400')
+    })
+
+    it('is unchanged (generic prettify) when no itemFields are provided', () => {
+        render(
+            <CollectionCell
+                locale="es"
+                value={[{ product_id: 'abc', quantity: 2 }]}
+            />
+        )
+        // Generic dict path: the badge title carries the prettified headers and
+        // the raw (unresolved) values, exactly as before.
+        const title =
+            screen.getByText('1 ítem').closest('[title]')!.getAttribute('title') ?? ''
+        expect(title).toContain('Producto:')
+        expect(title).toContain('Cantidad: 2')
+    })
+})
+
+describe('CollectionCell variant="inline" (detail view)', () => {
+    const itemFields = [
+        { key: 'product_id', label: 'Producto', ref: 'Product' },
+        { key: 'quantity', label: 'Cantidad' },
+    ]
+
+    it('renders the mini-table DIRECTLY with no popover trigger / badge', () => {
+        render(
+            <CollectionCell
+                variant="inline"
+                value={[{ product_id: 'a', quantity: 2 }]}
+            />
+        )
+        // The table is in the DOM immediately — no click needed.
+        expect(screen.getByRole('table')).toBeTruthy()
+        // No count-badge trigger ("1 item") is rendered in inline mode.
+        expect(screen.queryByText('1 item')).toBeNull()
+    })
+
+    it('uses localized schema headers + resolved ref labels (no raw uuid/JSON)', () => {
+        const { container } = render(
+            <CollectionCell
+                variant="inline"
+                locale="es"
+                itemFields={itemFields}
+                value={[
+                    {
+                        product_id: '550e8400-e29b-41d4-a716-446655440000',
+                        product: { value: 'x', label: 'Test' },
+                        quantity: 10,
+                    },
+                ]}
+            />
+        )
+        // "Producto | Cantidad / Test | 10"
+        expect(screen.getByRole('columnheader', { name: 'Producto' })).toBeTruthy()
+        expect(screen.getByRole('columnheader', { name: 'Cantidad' })).toBeTruthy()
+        expect(screen.getByRole('cell', { name: 'Test' })).toBeTruthy()
+        expect(screen.getByRole('cell', { name: '10' })).toBeTruthy()
+        // The raw uuid must not leak, and there is no JSON.stringify <pre> block.
+        expect(screen.queryByText('550e8400…')).toBeNull()
+        expect(container.querySelector('pre')).toBeNull()
+        expect(container.textContent).not.toContain('550e8400-e29b')
+    })
+
+    it('falls back to a generic localized mini-table when no itemFields (no raw JSON)', () => {
+        const { container } = render(
+            <CollectionCell
+                variant="inline"
+                locale="es"
+                value={[{ product_id: 'abc', quantity: 2 }]}
+            />
+        )
+        // Generic dict path still drives the header; no JSON dump.
+        expect(screen.getByRole('columnheader', { name: 'Producto' })).toBeTruthy()
+        expect(screen.getByRole('cell', { name: '2' })).toBeTruthy()
+        expect(container.querySelector('pre')).toBeNull()
+    })
+
+    it('renders a plain object as an inline localized pair list (no popover)', () => {
+        render(
+            <CollectionCell
+                variant="inline"
+                locale="es"
+                value={{ price: 10, quantity: 20 }}
+            />
+        )
+        // Pair list is rendered directly; the badge "+N" preview is not used.
+        expect(screen.getByText('Precio:')).toBeTruthy()
+        expect(screen.getByText('Cantidad:')).toBeTruthy()
+        expect(screen.queryByRole('table')).toBeNull()
+    })
+
+    it('renders a scalar array as an inline list directly', () => {
+        render(
+            <CollectionCell variant="inline" value={['a', 'b', 'c', 'd', 'e']} />
+        )
+        // Full list, no "+2" overflow badge.
+        expect(screen.getByText('e')).toBeTruthy()
+        expect(screen.queryByText('a, b, c +2')).toBeNull()
+    })
+
+    it('keeps the muted dash for empty / null values', () => {
+        const { container: empty } = render(
+            <CollectionCell variant="inline" value={[]} />
+        )
+        expect(empty.textContent).toBe('-')
+        const { container: nul } = render(
+            <CollectionCell variant="inline" value={null} />
+        )
+        expect(nul.textContent).toBe('-')
+    })
+})

package/src/__tests__/structured-view-value.test.tsx

@@ -0,0 +1,99 @@
+// @vitest-environment happy-dom
+//
+// Detail-view wiring: the read-only "Información detallada del registro" dialog
+// renders jsonb line-items through `ViewValue` → `StructuredViewValue` →
+// `CollectionCell variant="inline"`. This locks in the regression fix: the
+// detail view no longer dumps raw `JSON.stringify`, and an `item_fields` schema
+// drives localized headers + resolved ref labels (the injected `{value,label}`
+// sibling) — "Producto | Cantidad / Test | 10".
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import { cleanup, render, screen } from '@testing-library/react'
+
+// Identity translator + a Spanish locale, matching the host dialog.
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ t: (k: string) => k, i18n: { language: 'es' } }),
+}))
+
+import { ViewValue } from '../dialogs/dynamic-record'
+
+afterEach(cleanup)
+
+describe('detail-view jsonb line-items (ViewValue → inline CollectionCell)', () => {
+    const itemFields = [
+        { key: 'product_id', label: 'Producto', ref: 'Product' },
+        { key: 'quantity', label: 'Cantidad' },
+    ]
+
+    it('renders the schema mini-table with resolved ref labels, not raw JSON', () => {
+        const { container } = render(
+            <ViewValue
+                field={{ key: 'items', label: 'Items', type: 'json', itemFields }}
+                value={[
+                    {
+                        product_id: '550e8400-e29b-41d4-a716-446655440000',
+                        product: { value: 'x', label: 'Test' },
+                        quantity: 10,
+                    },
+                ]}
+                record={{}}
+            />
+        )
+        // Localized headers from the schema (verbatim) + resolved ref value.
+        expect(screen.getByRole('columnheader', { name: 'Producto' })).toBeTruthy()
+        expect(screen.getByRole('columnheader', { name: 'Cantidad' })).toBeTruthy()
+        expect(screen.getByRole('cell', { name: 'Test' })).toBeTruthy()
+        expect(screen.getByRole('cell', { name: '10' })).toBeTruthy()
+        // No raw JSON dump, no leaked uuid.
+        expect(container.querySelector('pre')).toBeNull()
+        expect(container.textContent).not.toContain('550e8400-e29b')
+    })
+
+    it('tolerates the snake_case item_fields alias', () => {
+        render(
+            <ViewValue
+                field={{ key: 'items', label: 'Items', type: 'json', item_fields: itemFields }}
+                value={[
+                    { product_id: 'a', product: { value: 'a', label: 'Aceite' }, quantity: 3 },
+                ]}
+                record={{}}
+            />
+        )
+        expect(screen.getByRole('cell', { name: 'Aceite' })).toBeTruthy()
+    })
+
+    it('falls back to a generic localized mini-table when no schema (no raw JSON)', () => {
+        const { container } = render(
+            <ViewValue
+                field={{ key: 'items', label: 'Items', type: 'json' }}
+                value={[{ product_id: 'abc', quantity: 2 }]}
+                record={{}}
+            />
+        )
+        // product_id → "Producto" via the built-in es dictionary; no <pre>.
+        expect(screen.getByRole('columnheader', { name: 'Producto' })).toBeTruthy()
+        expect(container.querySelector('pre')).toBeNull()
+    })
+
+    it('renders a plain jsonb object as a localized pair list (not [object Object])', () => {
+        const { container } = render(
+            <ViewValue
+                field={{ key: 'fiscal_data', label: 'Fiscal', type: 'json' }}
+                value={{ price: 10, quantity: 20 }}
+                record={{}}
+            />
+        )
+        expect(screen.getByText('Precio:')).toBeTruthy()
+        expect(container.textContent).not.toContain('[object Object]')
+    })
+
+    it('keeps the "—" empty marker for an empty array', () => {
+        const { container } = render(
+            <ViewValue
+                field={{ key: 'items', label: 'Items', type: 'json' }}
+                value={[]}
+                record={{}}
+            />
+        )
+        expect(container.textContent).toContain('—')
+    })
+})

package/src/collection-cell.tsx

@@ -28,6 +28,59 @@ const UUID_LIKE_RE =
 /** Host i18n translator (react-i18next `t`), as threaded into the columns factory. */
 export type Translate = (key: string, options?: any) => string
 
+/**
+ * Declared schema for one column of a jsonb line-items array. Mirrors the
+ * kernel v3 `item_fields` entry the backend serves on the column metadata
+ * (`col.itemFields` / snake `col.item_fields`). When present it drives the
+ * popover mini-table: headers come from `label` (already LOCALIZED by the
+ * backend — never re-translated here) and `ref` columns resolve to the
+ * backend-injected sibling label instead of the raw uuid.
+ */
+export interface ItemField {
+    /** jsonb key this column maps to (e.g. `product_id`, `quantity`). */
+    key: string
+    /** Header text — ALREADY localized by the backend. Used verbatim. */
+    label: string
+    /** Declarative cell type hint (informational; not branched on today). */
+    type?: string
+    /** FK target model. When set, the cell renders the resolved sibling label. */
+    ref?: string
+}
+
+/**
+ * Resolves the backend-injected resolved sibling key for a ref item-field,
+ * mirroring `relationKeyFor` in dynamic-columns: the raw key with a trailing
+ * `_id` stripped (`product_id` → `product`), else `<key>_label`.
+ */
+function siblingKeyFor(key: string): string {
+    return key.endsWith('_id') ? key.slice(0, -3) : `${key}_label`
+}
+
+/**
+ * Renders the cell value for one declared item-field of a jsonb row. For a
+ * `ref` field it prefers the backend-injected resolved sibling (the FK key
+ * without `_id`, else `<key>_label`): a `{ value, label }` object shows its
+ * `label`, a bare string shows itself; absent → the raw value via
+ * `formatScalar` (truncated uuid). Non-ref fields render `formatScalar(value)`.
+ */
+function renderItemFieldValue(
+    field: ItemField,
+    row: Record<string, unknown>,
+): string {
+    if (field.ref) {
+        const sibling = row[siblingKeyFor(field.key)]
+        if (sibling && typeof sibling === 'object' && !Array.isArray(sibling)) {
+            const label = (sibling as Record<string, unknown>).label
+            if (label !== undefined && label !== null && label !== '') {
+                return String(label)
+            }
+        } else if (typeof sibling === 'string' && sibling !== '') {
+            return sibling
+        }
+    }
+    return formatScalar(row[field.key])
+}
+
 /** Normalize an org/UI language tag to a base language code (`es-MX` → `es`). */
 function baseLang(locale?: string): string {
     return (locale || 'en').toLowerCase().split('-')[0]
@@ -204,11 +257,51 @@ function MiniTable({
     rows,
     locale,
     t,
+    itemFields,
 }: {
     rows: Record<string, unknown>[]
     locale?: string
     t?: Translate
+    itemFields?: ItemField[]
 }) {
+    // Schema-driven path: a declared `item_fields` schema fixes the column
+    // order + headers (already localized by the backend, used VERBATIM) and
+    // resolves ref columns to the injected sibling label instead of the raw
+    // uuid. Sibling/raw keys not covered by the schema are dropped from the
+    // table (the schema is the source of truth for what to surface).
+    if (itemFields && itemFields.length > 0) {
+        return (
+            <Table>
+                <TableHeader>
+                    <TableRow>
+                        {itemFields.map((field) => (
+                            <TableHead
+                                key={field.key}
+                                className="text-xs whitespace-nowrap"
+                            >
+                                {field.label}
+                            </TableHead>
+                        ))}
+                    </TableRow>
+                </TableHeader>
+                <TableBody>
+                    {rows.map((row, i) => (
+                        <TableRow key={i}>
+                            {itemFields.map((field) => (
+                                <TableCell
+                                    key={field.key}
+                                    className="text-xs whitespace-nowrap"
+                                >
+                                    {renderItemFieldValue(field, row)}
+                                </TableCell>
+                            ))}
+                        </TableRow>
+                    ))}
+                </TableBody>
+            </Table>
+        )
+    }
+
     const keys = unionKeys(rows)
     if (keys.length === 0) {
         return <div className="p-3 text-xs text-muted-foreground">-</div>
@@ -319,19 +412,46 @@ export interface CollectionCellProps {
     locale?: string
     /** Host i18n translator; takes precedence over the built-in dictionary. */
     t?: Translate
+    /**
+     * Declared schema for the jsonb line-items columns (kernel v3 `item_fields`,
+     * read from `col.itemFields ?? col.item_fields` at the callsite). When
+     * present AND the value is an array of objects, the popover mini-table uses
+     * these (already-localized) headers in order and resolves `ref` columns to
+     * the backend-injected sibling label. Absent → the generic dict/prettify
+     * behaviour is unchanged.
+     */
+    itemFields?: ItemField[]
+    /**
+     * Presentation mode.
+     *   - `'badge'` (default): the compact count/preview badge that opens a
+     *     popover with the mini-table / pair-list. Used in dense table cells.
+     *   - `'inline'`: render the mini-table / pair-list DIRECTLY, with no badge
+     *     or popover. Used by the read-only record detail view, which has full
+     *     width and shows one field per row. All schema/locale logic is shared.
+     */
+    variant?: 'badge' | 'inline'
 }
 
 /**
  * Generic renderer for jsonb / array / object cell values. Brand-neutral,
  * compact, dark-mode friendly, locale-aware. Never throws on unexpected shapes.
+ *
+ * `variant` selects the surface: the default `'badge'` shows a compact trigger
+ * + popover (dense table cells); `'inline'` renders the mini-table / pair-list
+ * directly for the full-width record detail view. Both paths share the
+ * itemFields schema (localized headers + resolved ref labels) and the
+ * locale-aware generic fallback.
  */
 export function CollectionCell({
     value,
     maxInline = 3,
     locale,
     t,
+    itemFields,
+    variant = 'badge',
 }: CollectionCellProps) {
     const parsed = parseValue(value)
+    const inline = variant === 'inline'
 
     // Empty-ish → muted dash.
     if (
@@ -362,26 +482,62 @@ export function CollectionCell({
         const allObjects = parsed.every((item) => isPlainObject(item))
         if (allObjects) {
             const rows = parsed as Record<string, unknown>[]
+            // Inline mode (detail view): render the mini-table directly, no
+            // badge/popover. The same schema-driven path applies.
+            if (inline) {
+                return (
+                    <MiniTable
+                        rows={rows}
+                        locale={locale}
+                        t={t}
+                        itemFields={itemFields}
+                    />
+                )
+            }
             const count = rows.length
             const label = countLabel(count, locale, t)
-            const title = rows
-                .map((row) =>
-                    Object.entries(row)
-                        .map(
-                            ([k, v]) =>
-                                `${prettifyKey(k, locale, t)}: ${formatScalar(v)}`
-                        )
-                        .join(', ')
-                )
-                .join(' | ')
+            const hasSchema = !!(itemFields && itemFields.length > 0)
+            // The no-JS tooltip mirrors the rendered table: schema-driven
+            // labels + resolved ref values when a schema is present, else the
+            // generic prettify/scalar pairs.
+            const title = hasSchema
+                ? rows
+                      .map((row) =>
+                          itemFields!
+                              .map(
+                                  (field) =>
+                                      `${field.label}: ${renderItemFieldValue(field, row)}`
+                              )
+                              .join(', ')
+                      )
+                      .join(' | ')
+                : rows
+                      .map((row) =>
+                          Object.entries(row)
+                              .map(
+                                  ([k, v]) =>
+                                      `${prettifyKey(k, locale, t)}: ${formatScalar(v)}`
+                              )
+                              .join(', ')
+                      )
+                      .join(' | ')
             return (
                 <PopoverShell label={label} title={title}>
-                    <MiniTable rows={rows} locale={locale} t={t} />
+                    <MiniTable
+                        rows={rows}
+                        locale={locale}
+                        t={t}
+                        itemFields={itemFields}
+                    />
                 </PopoverShell>
             )
         }
 
-        // Array of scalars (or mixed): preview first N joined, "+N" overflow.
+        // Array of scalars (or mixed). Inline mode renders the full list; badge
+        // mode previews the first N joined with a "+N" overflow trigger.
+        if (inline) {
+            return <ScalarList values={parsed} />
+        }
         const preview = parsed.slice(0, maxInline).map(formatScalar).join(', ')
         const overflow = parsed.length - maxInline
         const label =
@@ -396,12 +552,16 @@ export function CollectionCell({
 
     // PLAIN OBJECT -----------------------------------------------------------
     const entries = Object.entries(parsed)
-    const inline = entries
+    // Inline mode renders the full key→value pair list directly.
+    if (inline) {
+        return <PairList entries={entries} locale={locale} t={t} />
+    }
+    const previewPairs = entries
         .slice(0, maxInline)
         .map(([k, v]) => `${prettifyKey(k, locale, t)}: ${formatScalar(v)}`)
         .join(', ')
     const overflow = entries.length - maxInline
-    const label = overflow > 0 ? `${inline} +${overflow}` : inline
+    const label = overflow > 0 ? `${previewPairs} +${overflow}` : previewPairs
     const title = entries
         .map(([k, v]) => `${prettifyKey(k, locale, t)}: ${formatScalar(v)}`)
         .join(', ')

package/src/dialogs/dynamic-record.tsx

@@ -56,6 +56,7 @@ import { isNilUuid, normalizeNilUuid } from '../nil-uuid'
 import { DynamicIcon, isLucideIconName } from '../dynamic-icon'
 import { humanizeToken } from '../dynamic-columns-helpers'
 import { formatDateCell } from '../dynamic-columns'
+import { CollectionCell, type ItemField } from '../collection-cell'
 import type { ActionFieldDef, RelationMeta } from '../types'
 import { ImageUrlContext, identityImageUrl, type GetImageUrl } from '../image-url-context'
 import { TimeZoneContext, CurrencyContext } from '../org-runtime-context'
@@ -122,6 +123,17 @@ export interface FieldDef {
      * over the org fallback.
      */
     styleConfig?: Record<string, any>
+    /**
+     * Declared schema for a jsonb line-items field (kernel v3 `item_fields`).
+     * The backend serves this on modal/detail fields the same way it does on
+     * table columns. When present the read-only detail view renders the
+     * `CollectionCell` mini-table with these (already-localized) headers in
+     * order and resolves `ref` columns to the backend-injected sibling label.
+     * Tolerates the snake_case `item_fields` the kernel serves.
+     */
+    itemFields?: ItemField[]
+    /** snake_case alias served by the kernel for `itemFields`. */
+    item_fields?: ItemField[]
 }
 
 // Permissive shape: the wire payload may omit some fields (e.g. `title` is
@@ -910,7 +922,7 @@ export function ViewValue({
     /** Optional override; when omitted falls back to the nearest provider. */
     currency?: string
 }) {
-    const { i18n } = useTranslation()
+    const { t, i18n } = useTranslation()
     const ctxImageUrl = useContext(ImageUrlContext)
     const ctxTimeZone = useContext(TimeZoneContext)
     const ctxCurrency = useContext(CurrencyContext)
@@ -1069,7 +1081,14 @@ export function ViewValue({
     // to surface — render readable key/value pairs instead of falling through to
     // String(value) ("[object Object]").
     if (value !== null && typeof value === 'object') {
-        return <StructuredViewValue value={value} />
+        return (
+            <StructuredViewValue
+                value={value}
+                field={field}
+                locale={i18n.language}
+                t={t}
+            />
+        )
     }
 
     const display = formatDisplayValue(value, field)
@@ -1099,41 +1118,46 @@ function IconNameViewValue({ name }: { name: string }) {
     )
 }
 
-// StructuredViewValue renders a jsonb object/array that has no resolvable label:
-// plain objects become a key→value list (keys humanized), primitive arrays a
-// comma-joined line, and anything deeper a pretty-printed JSON block. Empty
-// structures render the same "—" marker as null scalars.
-function StructuredViewValue({ value }: { value: any }) {
-    if (Array.isArray(value)) {
-        if (value.length === 0) {
-            return <p className="text-sm py-1 text-muted-foreground">—</p>
-        }
-        if (value.every(v => v === null || typeof v !== 'object')) {
-            return <p className="text-sm py-1">{value.map(v => String(v ?? '—')).join(', ')}</p>
-        }
-        return (
-            <pre className="text-xs whitespace-pre-wrap rounded-md bg-muted/40 p-3 overflow-x-auto">
-                {JSON.stringify(value, null, 2)}
-            </pre>
-        )
-    }
-    const entries = Object.entries(value).filter(
-        ([, v]) => v !== null && v !== undefined && v !== '',
-    )
-    if (entries.length === 0) {
+// StructuredViewValue renders a jsonb object/array that has no resolvable label.
+// It delegates to the shared `CollectionCell` in `'inline'` mode so the detail
+// view gets the SAME pro rendering as the table: a declared `item_fields` schema
+// drives localized headers + resolved ref labels (the injected `{value,label}`
+// sibling) for line-items; without a schema it falls back to a localized
+// key→value pair list / mini-table — never raw `JSON.stringify`. Empty arrays /
+// empty objects keep the "—" marker (CollectionCell renders a muted dash, which
+// we normalize to the em-dash the detail view uses elsewhere).
+function StructuredViewValue({
+    value,
+    field,
+    locale,
+    t,
+}: {
+    value: any
+    field?: FieldDef
+    locale?: string
+    t?: (key: string, options?: any) => string
+}) {
+    const isEmpty =
+        value === null ||
+        value === undefined ||
+        value === '' ||
+        (Array.isArray(value) && value.length === 0) ||
+        (typeof value === 'object' &&
+            !Array.isArray(value) &&
+            Object.keys(value).length === 0)
+    if (isEmpty) {
         return <p className="text-sm py-1 text-muted-foreground">—</p>
     }
     return (
-        <dl className="text-sm py-1 space-y-0.5">
-            {entries.map(([k, v]) => (
-                <div key={k} className="flex gap-2">
-                    <dt className="text-muted-foreground shrink-0">{humanizeToken(k)}:</dt>
-                    <dd className="break-words">
-                        {typeof v === 'object' ? JSON.stringify(v) : String(v)}
-                    </dd>
-                </div>
-            ))}
-        </dl>
+        <div className="text-sm py-1">
+            <CollectionCell
+                value={value}
+                itemFields={field?.itemFields ?? field?.item_fields}
+                variant="inline"
+                locale={locale}
+                t={t}
+            />
+        </div>
     )
 }
 

package/src/dynamic-columns.tsx

@@ -1179,6 +1179,7 @@ export function makeDefaultGetDynamicColumns(
                                         value={value}
                                         locale={currentLanguage}
                                         t={t}
+                                        itemFields={col.itemFields ?? col.item_fields}
                                     />
                                 )
                             }

package/src/types.ts

@@ -170,6 +170,33 @@ export interface ColumnDefinition {
      * reference resolved through the OrgConfigProvider.
      */
     validation?: FieldValidation
+    /**
+     * Declared schema for a jsonb line-items column (kernel v3 `item_fields`).
+     * Each entry describes one sub-field of the array's row objects: a `key`
+     * (the jsonb key), an already-LOCALIZED `label` (backend-translated), an
+     * optional `type` hint and an optional `ref` (FK target). When present the
+     * `CollectionCell` renders the popover mini-table with these headers in
+     * order and resolves `ref` columns to the backend-injected sibling label
+     * (the FK key without `_id`, else `<key>_label`) instead of the raw uuid.
+     * Tolerates the snake_case `item_fields` the kernel serves.
+     */
+    itemFields?: ColumnItemField[]
+    /** snake_case alias served by the kernel for `itemFields`. */
+    item_fields?: ColumnItemField[]
+}
+
+/**
+ * One declared sub-field of a jsonb line-items column (see
+ * `ColumnDefinition.itemFields`). `label` is already localized by the backend
+ * and consumed verbatim; a non-empty `ref` flags the column for resolved-label
+ * rendering against the injected sibling. Structurally compatible with the
+ * `ItemField` consumed by `collection-cell`.
+ */
+export interface ColumnItemField {
+    key: string
+    label: string
+    type?: string
+    ref?: string
 }
 
 export interface ActionCondition {