@asteby/metacore-runtime-react 18.25.0 → 18.27.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @asteby/metacore-runtime-react
 
+## 18.27.0
+
+### Minor Changes
+
+- b71dcc0: feat(action-modal): line-items fields can prefill their rows from the acted-on record. A field whose `default` is a `PrefillSpec` (`{$prefillFromRecord, map, remaining}`) seeds one row per record array entry, copying mapped keys and computing a remaining quantity (`of - minus`), dropping fully-satisfied rows. Enables receive-goods/partial-reception modals (e.g. inventory transfers) to open pre-loaded with the pending lines instead of empty. Decoupled: the SDK only projects a record array into the field's item_fields.
+
+## 18.26.0
+
+### Minor Changes
+
+- d0056f1: Activity log (record history) renders jsonb line items as a table and localizes
+  relation field labels.
+  - **Line-items render as the shared `CollectionCell` mini-table** instead of raw
+    `JSON.stringify`. A jsonb array-of-objects value (e.g. a transfer's `items`,
+    directly or JSON-string-encoded) now shows a localized mini-table with
+    resolved relation chips (when the backend injects the `{value,label,image}`
+    siblings into the snapshot) — matching the detail view. Uses the column's
+    declared `item_fields` when present.
+  - **Relation field labels localize.** `resolveColumn` now matches the `*_id`
+    twin of a resolved relation key (`destination_warehouse` →
+    `destination_warehouse_id`), so the diff "Campo" uses the localized column
+    label ("Almacén destino") instead of humanizing the key in English
+    ("Destination Warehouse").
+
 ## 18.25.0
 
 ### Minor Changes

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

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

package/dist/action-modal-dispatcher.js

@@ -21,6 +21,47 @@ import { UploadField } from './upload-field';
 import { isLineItemsField, resolveWidget, resolveDependsValue, getDependsOn } from './dynamic-form-schema';
 // Canonical registry lives in @asteby/metacore-sdk
 import { getActionComponent, } from '@asteby/metacore-sdk';
+function isPrefillSpec(v) {
+    return (typeof v === 'object' &&
+        v !== null &&
+        typeof v.$prefillFromRecord === 'string');
+}
+// lineItemsDefault reads the field's declared default tolerating BOTH the
+// camelCase `defaultValue` the host serves and the snake/legacy `default` the
+// raw manifest carries (the kernel maps action-field `default` through without
+// renaming it to `defaultValue`).
+function lineItemsDefault(field) {
+    const f = field;
+    return f.defaultValue ?? f.default;
+}
+function toNum(v) {
+    const n = typeof v === 'number' ? v : parseFloat(String(v ?? ''));
+    return Number.isFinite(n) ? n : 0;
+}
+// buildPrefillRows projects record[spec.$prefillFromRecord] into modal rows.
+function buildPrefillRows(spec, record) {
+    const src = record?.[spec.$prefillFromRecord];
+    if (!Array.isArray(src))
+        return [];
+    const rows = [];
+    for (const item of src) {
+        if (!item || typeof item !== 'object')
+            continue;
+        const row = {};
+        if (spec.map) {
+            for (const [target, from] of Object.entries(spec.map))
+                row[target] = item[from];
+        }
+        if (spec.remaining) {
+            const remaining = toNum(item[spec.remaining.of]) - (spec.remaining.minus ? toNum(item[spec.remaining.minus]) : 0);
+            if (remaining <= 0)
+                continue; // line already fully satisfied → omit
+            row[spec.remaining.target] = remaining;
+        }
+        rows.push(row);
+    }
+    return rows;
+}
 export function ActionModalDispatcher({ open, onOpenChange, action, model, record, endpoint, onSuccess, }) {
     const CustomComponent = useMemo(() => getActionComponent(model, action.key), [model, action.key]);
     if (CustomComponent) {
@@ -83,14 +124,19 @@ function GenericActionModal({ open, onOpenChange, action, model, record, endpoin
             const defaults = {};
             for (const field of action.fields) {
                 if (isLineItemsField(field)) {
-                    defaults[field.key] = field.defaultValue ?? [];
+                    const dv = lineItemsDefault(field);
+                    defaults[field.key] = isPrefillSpec(dv)
+                        ? buildPrefillRows(dv, record)
+                        : Array.isArray(dv)
+                            ? dv
+                            : [];
                     continue;
                 }
                 defaults[field.key] = field.defaultValue ?? (field.type === 'boolean' ? false : '');
             }
             setFormData(defaults);
         }
-    }, [open, action.fields]);
+    }, [open, action.fields, record]);
     const updateField = (key, value) => setFormData((prev) => ({ ...prev, [key]: value }));
     const execute = async () => {
         if (action.fields) {

package/dist/activity-diff.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"activity-diff.d.ts","sourceRoot":"","sources":["../src/activity-diff.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAO/C;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,EAAE,EAAE,OAAO,CAAA;KAAE,CAAC,GAAG,IAAI,CAAA;IAC/D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,WAAW,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,iBAAiB;IAC9B,oCAAoC;IACpC,KAAK,EAAE,aAAa,CAAA;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAuGD;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4KpD,CAAA"}
+{"version":3,"file":"activity-diff.d.ts","sourceRoot":"","sources":["../src/activity-diff.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAO/C;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,EAAE,EAAE,OAAO,CAAA;KAAE,CAAC,GAAG,IAAI,CAAA;IAC/D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,WAAW,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,iBAAiB;IAC9B,oCAAoC;IACpC,KAAK,EAAE,aAAa,CAAA;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AA8GD;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4KpD,CAAA"}

package/dist/activity-diff.js

@@ -81,6 +81,14 @@ function resolveColumn(key, columns) {
     const exact = columns.find((c) => c.key === key);
     if (exact)
         return exact;
+    // A resolved relation key is the FK column minus `_id` (the backend injects a
+    // `destination_warehouse` sibling next to `destination_warehouse_id`). The
+    // served metadata carries the LOCALIZED label on the `*_id` column, so match
+    // it — else the label falls back to humanizing the key in English
+    // ("Destination Warehouse" instead of "Almacén destino").
+    const fk = columns.find((c) => c.key === `${key}_id`);
+    if (fk)
+        return fk;
     // A diff key is the physical column (created_by); the served metadata may
     // only carry the dotted display column for it (created_by.avatar). Match on
     // the base segment so the diff cell inherits its label and rich renderer.

package/dist/activity-value-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"activity-value-renderer.d.ts","sourceRoot":"","sources":["../src/activity-value-renderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AA0E/C,MAAM,WAAW,0BAA0B;IACvC,4DAA4D;IAC5D,KAAK,EAAE,OAAO,CAAA;IACd,+EAA+E;IAC/E,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAiRtE,CAAA"}
+{"version":3,"file":"activity-value-renderer.d.ts","sourceRoot":"","sources":["../src/activity-value-renderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAqG/C,MAAM,WAAW,0BAA0B;IACvC,4DAA4D;IAC5D,KAAK,EAAE,OAAO,CAAA;IACd,+EAA+E;IAC/E,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAqStE,CAAA"}

package/dist/activity-value-renderer.js

@@ -17,6 +17,32 @@ import { Badge, Avatar, AvatarImage, AvatarFallback, } from '@asteby/metacore-ui
 import { generateBadgeStyles, getInitials, optionColor, relationChipStyles } from '@asteby/metacore-ui/lib';
 import { formatDateCell } from './dynamic-columns';
 import { humanizeToken } from './dynamic-columns-helpers';
+import { CollectionCell } from './collection-cell';
+/**
+ * Parses a value into a jsonb line-items array (array of plain objects) when it
+ * is one — directly, or from a JSON-encoded string. Returns null otherwise, so
+ * scalars / resolved-entity objects keep their existing renderers.
+ */
+function asLineItemsArray(value) {
+    let arr = value;
+    if (typeof value === 'string') {
+        const t = value.trim();
+        if (!t.startsWith('['))
+            return null;
+        try {
+            arr = JSON.parse(t);
+        }
+        catch {
+            return null;
+        }
+    }
+    if (Array.isArray(arr) &&
+        arr.length > 0 &&
+        arr.every((v) => v !== null && typeof v === 'object' && !Array.isArray(v))) {
+        return arr;
+    }
+    return null;
+}
 // ---------------------------------------------------------------------------
 // Internal helpers (mirror dynamic-columns.tsx private helpers)
 // ---------------------------------------------------------------------------
@@ -81,6 +107,16 @@ export const ActivityValueRenderer = ({ value, col, timeZone, currency, locale =
     if (value === null || value === undefined || value === '') {
         return _jsx("span", { className: "text-muted-foreground", children: "\u2014" });
     }
+    // jsonb line-items (array of objects, e.g. a transfer's `items`) → the shared
+    // CollectionCell mini-table (localized headers + resolved ref chips) instead
+    // of raw JSON. Uses the column's declared item_fields when present.
+    const lineItems = asLineItemsArray(value);
+    if (lineItems) {
+        return (_jsx(CollectionCell, { value: lineItems, variant: "inline", itemFields: col
+                ?.itemFields ??
+                col
+                    ?.item_fields, locale: locale }));
+    }
     // No column metadata → entity chip when the value is a resolved object,
     // plain string otherwise.
     if (!col) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asteby/metacore-runtime-react",
-  "version": "18.25.0",
+  "version": "18.27.0",
   "description": "React runtime for metacore hosts — renders addon contributions dynamically",
   "repository": {
     "type": "git",
@@ -34,8 +34,8 @@
     "react-i18next": ">=13",
     "sonner": ">=1.7",
     "zustand": ">=5",
-    "@asteby/metacore-ui": "^2.5.2",
-    "@asteby/metacore-sdk": "^3.2.0"
+    "@asteby/metacore-sdk": "^3.2.0",
+    "@asteby/metacore-ui": "^2.5.2"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-router": {

package/src/action-modal-dispatcher.tsx

@@ -53,6 +53,70 @@ import {
 
 export type { ActionMetadata, ActionModalProps }
 
+// ---- line-items prefill from the acted-on record ----------------------------
+//
+// A line-items action field can seed its rows from the record being acted on,
+// instead of opening empty. The manifest declares this by setting the field's
+// `default`/`defaultValue` to a PrefillSpec object: the modal reads the record's
+// `$prefillFromRecord` array, copies the mapped keys, and (for a receive-style
+// flow) computes a `remaining` quantity = of - minus, dropping fully-satisfied
+// rows. Decoupled + generic: the SDK knows nothing about transfers, only how to
+// project a record array into the field's item_fields. Example (receive goods):
+//
+//   "default": {
+//     "$prefillFromRecord": "items",
+//     "map": { "product_id": "product_id" },
+//     "remaining": { "target": "qty_received", "of": "quantity", "minus": "received" }
+//   }
+interface PrefillSpec {
+    $prefillFromRecord: string
+    map?: Record<string, string>
+    remaining?: { target: string; of: string; minus?: string }
+}
+
+function isPrefillSpec(v: unknown): v is PrefillSpec {
+    return (
+        typeof v === 'object' &&
+        v !== null &&
+        typeof (v as { $prefillFromRecord?: unknown }).$prefillFromRecord === 'string'
+    )
+}
+
+// lineItemsDefault reads the field's declared default tolerating BOTH the
+// camelCase `defaultValue` the host serves and the snake/legacy `default` the
+// raw manifest carries (the kernel maps action-field `default` through without
+// renaming it to `defaultValue`).
+function lineItemsDefault(field: ActionFieldDef): unknown {
+    const f = field as { defaultValue?: unknown; default?: unknown }
+    return f.defaultValue ?? f.default
+}
+
+function toNum(v: unknown): number {
+    const n = typeof v === 'number' ? v : parseFloat(String(v ?? ''))
+    return Number.isFinite(n) ? n : 0
+}
+
+// buildPrefillRows projects record[spec.$prefillFromRecord] into modal rows.
+function buildPrefillRows(spec: PrefillSpec, record: any): Array<Record<string, any>> {
+    const src = record?.[spec.$prefillFromRecord]
+    if (!Array.isArray(src)) return []
+    const rows: Array<Record<string, any>> = []
+    for (const item of src) {
+        if (!item || typeof item !== 'object') continue
+        const row: Record<string, any> = {}
+        if (spec.map) {
+            for (const [target, from] of Object.entries(spec.map)) row[target] = item[from]
+        }
+        if (spec.remaining) {
+            const remaining = toNum(item[spec.remaining.of]) - (spec.remaining.minus ? toNum(item[spec.remaining.minus]) : 0)
+            if (remaining <= 0) continue // line already fully satisfied → omit
+            row[spec.remaining.target] = remaining
+        }
+        rows.push(row)
+    }
+    return rows
+}
+
 export function ActionModalDispatcher({
     open,
     onOpenChange,
@@ -188,14 +252,19 @@ function GenericActionModal({ open, onOpenChange, action, model, record, endpoin
             const defaults: Record<string, any> = {}
             for (const field of action.fields) {
                 if (isLineItemsField(field)) {
-                    defaults[field.key] = field.defaultValue ?? []
+                    const dv = lineItemsDefault(field)
+                    defaults[field.key] = isPrefillSpec(dv)
+                        ? buildPrefillRows(dv, record)
+                        : Array.isArray(dv)
+                          ? dv
+                          : []
                     continue
                 }
                 defaults[field.key] = field.defaultValue ?? (field.type === 'boolean' ? false : '')
             }
             setFormData(defaults)
         }
-    }, [open, action.fields])
+    }, [open, action.fields, record])
 
     const updateField = (key: string, value: any) => setFormData((prev: Record<string, any>) => ({ ...prev, [key]: value }))
 

package/src/activity-diff.tsx

@@ -132,6 +132,13 @@ function resolveColumn(key: string, columns?: ColumnDefinition[]): ColumnDefinit
     if (!columns?.length) return undefined
     const exact = columns.find((c) => c.key === key)
     if (exact) return exact
+    // A resolved relation key is the FK column minus `_id` (the backend injects a
+    // `destination_warehouse` sibling next to `destination_warehouse_id`). The
+    // served metadata carries the LOCALIZED label on the `*_id` column, so match
+    // it — else the label falls back to humanizing the key in English
+    // ("Destination Warehouse" instead of "Almacén destino").
+    const fk = columns.find((c) => c.key === `${key}_id`)
+    if (fk) return fk
     // A diff key is the physical column (created_by); the served metadata may
     // only carry the dotted display column for it (created_by.avatar). Match on
     // the base segment so the diff cell inherits its label and rich renderer.

package/src/activity-value-renderer.tsx

@@ -23,6 +23,33 @@ import { generateBadgeStyles, getInitials, optionColor, relationChipStyles } fro
 import type { ColumnDefinition } from './types'
 import { formatDateCell } from './dynamic-columns'
 import { humanizeToken } from './dynamic-columns-helpers'
+import { CollectionCell, type ItemField } from './collection-cell'
+
+/**
+ * Parses a value into a jsonb line-items array (array of plain objects) when it
+ * is one — directly, or from a JSON-encoded string. Returns null otherwise, so
+ * scalars / resolved-entity objects keep their existing renderers.
+ */
+function asLineItemsArray(value: unknown): Record<string, unknown>[] | null {
+    let arr: unknown = value
+    if (typeof value === 'string') {
+        const t = value.trim()
+        if (!t.startsWith('[')) return null
+        try {
+            arr = JSON.parse(t)
+        } catch {
+            return null
+        }
+    }
+    if (
+        Array.isArray(arr) &&
+        arr.length > 0 &&
+        arr.every((v) => v !== null && typeof v === 'object' && !Array.isArray(v))
+    ) {
+        return arr as Record<string, unknown>[]
+    }
+    return null
+}
 
 // ---------------------------------------------------------------------------
 // Internal helpers (mirror dynamic-columns.tsx private helpers)
@@ -128,6 +155,26 @@ export const ActivityValueRenderer: React.FC<ActivityValueRendererProps> = ({
         return <span className="text-muted-foreground">—</span>
     }
 
+    // jsonb line-items (array of objects, e.g. a transfer's `items`) → the shared
+    // CollectionCell mini-table (localized headers + resolved ref chips) instead
+    // of raw JSON. Uses the column's declared item_fields when present.
+    const lineItems = asLineItemsArray(value)
+    if (lineItems) {
+        return (
+            <CollectionCell
+                value={lineItems}
+                variant="inline"
+                itemFields={
+                    (col as { itemFields?: ItemField[]; item_fields?: ItemField[] })
+                        ?.itemFields ??
+                    (col as { itemFields?: ItemField[]; item_fields?: ItemField[] })
+                        ?.item_fields
+                }
+                locale={locale}
+            />
+        )
+    }
+
     // No column metadata → entity chip when the value is a resolved object,
     // plain string otherwise.
     if (!col) {