@asteby/metacore-runtime-react 18.12.0 → 18.13.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @asteby/metacore-runtime-react
 
+## 18.13.0
+
+### Minor Changes
+
+- bd619da: Activity/history polish + lucide icon cells:
+  - `ActivityValueRenderer`: backend-resolved entity objects ({name,avatar,email} users, {value,label} relations) render as an avatar/name chip instead of raw JSON — covers the "Created By" row in a record's history diff. Relation chips also unwrap resolved objects.
+  - `ActivityDiff`: a diff key now matches dotted display columns by base segment (`created_by` → `created_by.avatar`), inheriting the served label and rich renderer.
+  - `RecordHistory`: new optional `onOpenEvent(event)` prop — shows an "open in activity log" button per event so hosts can deep-link to `/activity/:id`.
+  - Image cells (`dynamic-columns` + record detail `ViewValue`): a value that is a lucide icon name (an addon's `icon` column, e.g. "Banknote") renders the glyph via `DynamicIcon` instead of a broken `<img>` (empty grey box). New `isLucideIconName` export.
+
+## 18.12.1
+
+### Patch Changes
+
+- e568344: ViewValue: render structured jsonb values (objects/arrays without a label/name/title) as readable key→value pairs instead of "[object Object]" — e.g. a `fiscal_data` jsonb column on the record detail page. Plain objects become a humanized key/value list, primitive arrays a comma-joined line, nested structures a pretty-printed JSON block; empty structures render the "—" empty marker.
+
 ## 18.12.0
 
 ### Minor Changes

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,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;AA2ED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmJpD,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,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;AAiFD;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmJpD,CAAA"}

package/dist/activity-diff.js

@@ -54,7 +54,15 @@ function changedKeys(event) {
     return changed;
 }
 function resolveColumn(key, columns) {
-    return columns?.find((c) => c.key === key);
+    if (!columns?.length)
+        return undefined;
+    const exact = columns.find((c) => c.key === key);
+    if (exact)
+        return exact;
+    // 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.
+    return columns.find((c) => typeof c.key === 'string' && c.key.includes('.') && c.key.split('.')[0] === key);
 }
 function resolveLabel(key, columns) {
     const col = resolveColumn(key, columns);

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;AAiD/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,CAwRtE,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;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"}

package/dist/activity-value-renderer.js

@@ -41,6 +41,21 @@ const statusColorFor = (value) => {
         return '#ef4444';
     return '#6b7280';
 };
+// resolvedEntity — a diff snapshot value may be the backend-resolved sibling
+// object ({value,label} relation, {name,avatar,email} user). Surface its human
+// identity instead of raw JSON. Returns undefined for anything else.
+function resolvedEntity(value) {
+    if (!value || typeof value !== 'object' || Array.isArray(value))
+        return undefined;
+    const v = value;
+    const name = v.name ?? v.label ?? v.title;
+    if (typeof name !== 'string' || name === '')
+        return undefined;
+    const avatar = typeof v.avatar === 'string' && v.avatar !== '' ? v.avatar : undefined;
+    const email = typeof v.email === 'string' && v.email !== '' ? v.email : undefined;
+    return { name, avatar, email };
+}
+const EntityChip = ({ entity }) => (_jsxs("span", { className: "inline-flex items-center gap-1.5", title: entity.email, children: [_jsxs(Avatar, { className: "h-5 w-5 rounded-full", children: [_jsx(AvatarImage, { src: entity.avatar ?? '', alt: entity.name }), _jsx(AvatarFallback, { className: "text-[8px] font-bold bg-primary/10 text-primary", children: getInitials(entity.name) })] }), _jsx("span", { className: "text-sm font-medium truncate", style: { maxWidth: 180 }, children: entity.name })] }));
 const useIsDarkTheme = () => {
     const [isDark, setIsDark] = React.useState(() => typeof document !== 'undefined' && document.documentElement.classList.contains('dark'));
     React.useEffect(() => {
@@ -66,9 +81,13 @@ export const ActivityValueRenderer = ({ value, col, timeZone, currency, locale =
     if (value === null || value === undefined || value === '') {
         return _jsx("span", { className: "text-muted-foreground", children: "\u2014" });
     }
-    // No column metadata → plain string
+    // No column metadata → entity chip when the value is a resolved object,
+    // plain string otherwise.
     if (!col) {
         if (typeof value === 'object') {
+            const entity = resolvedEntity(value);
+            if (entity)
+                return _jsx(EntityChip, { entity: entity });
             return (_jsx("span", { className: "text-muted-foreground text-xs font-mono", children: JSON.stringify(value) }));
         }
         return _jsx("span", { className: "font-medium text-sm", children: String(value) });
@@ -177,7 +196,7 @@ export const ActivityValueRenderer = ({ value, col, timeZone, currency, locale =
     // Relation chip (FK / reference)
     // -----------------------------------------------------------------------
     if (renderAs === 'relation' || renderAs === 'reference' || col.ref) {
-        const sv = String(value);
+        const sv = resolvedEntity(value)?.name ?? (typeof value === 'object' ? JSON.stringify(value) : String(value));
         const chipStyles = relationChipStyles(sv, { isDark });
         return (_jsx("span", { className: "inline-flex items-center rounded-md px-2 py-0.5 text-sm font-medium", style: { ...chipStyles, maxWidth: 180 }, title: sv, children: _jsx("span", { className: "truncate", children: sv }) }));
     }
@@ -186,10 +205,8 @@ export const ActivityValueRenderer = ({ value, col, timeZone, currency, locale =
     // in a diff snapshot the value is likely a string (name/email) or the object.
     // -----------------------------------------------------------------------
     if (renderAs === 'creator' || renderAs === 'user' || renderAs === 'avatar' || renderAs === 'search') {
-        const name = typeof value === 'object' && value !== null
-            ? String(value.name ?? value.label ?? JSON.stringify(value))
-            : String(value);
-        return (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [_jsxs(Avatar, { className: "h-5 w-5 rounded-full", children: [_jsx(AvatarImage, { src: "", alt: name }), _jsx(AvatarFallback, { className: "text-[8px] font-bold bg-primary/10 text-primary", children: getInitials(name) })] }), _jsx("span", { className: "text-sm font-medium truncate", style: { maxWidth: 180 }, children: name })] }));
+        const entity = resolvedEntity(value) ?? { name: typeof value === 'object' ? JSON.stringify(value) : String(value) };
+        return _jsx(EntityChip, { entity: entity });
     }
     // -----------------------------------------------------------------------
     // Code / truncate-text / phone
@@ -201,9 +218,13 @@ export const ActivityValueRenderer = ({ value, col, timeZone, currency, locale =
         return _jsx("code", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-xs", children: display });
     }
     // -----------------------------------------------------------------------
-    // Generic object fallback
+    // Generic object fallback — resolved entities render as a chip, the rest
+    // as raw JSON.
     // -----------------------------------------------------------------------
     if (typeof value === 'object') {
+        const entity = resolvedEntity(value);
+        if (entity)
+            return _jsx(EntityChip, { entity: entity });
         return (_jsx("span", { className: "text-muted-foreground text-xs font-mono", children: JSON.stringify(value) }));
     }
     // -----------------------------------------------------------------------

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

@@ -24,6 +24,7 @@ import { DynamicRelations } from '../dynamic-relations';
 import { useOptionsResolver } from '../use-options-resolver';
 import { getFieldRef } from '../dynamic-form-schema';
 import { isNilUuid, normalizeNilUuid } from '../nil-uuid';
+import { DynamicIcon, isLucideIconName } from '../dynamic-icon';
 import { humanizeToken } from '../dynamic-columns-helpers';
 import { formatDateCell } from '../dynamic-columns';
 import { ImageUrlContext, identityImageUrl } from '../image-url-context';
@@ -123,6 +124,9 @@ function formatDisplayValue(rawValue, field) {
         // when no declared option matches the value.
         return match?.label ?? humanizeToken(value);
     }
+    // Structured value with no label — JSON beats "[object Object]".
+    if (typeof value === 'object')
+        return JSON.stringify(value);
     return String(value);
 }
 const MODE_CONFIG = {
@@ -531,8 +535,18 @@ export function ViewValue({ field, value: rawValue, record, getImageUrl: getImag
         return value ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-5 w-5 rounded-full border shadow-sm", style: { backgroundColor: value } }), _jsx("span", { className: "text-sm", children: value })] })) : (_jsx("p", { className: "text-sm py-1 text-muted-foreground", children: "-" }));
     }
     if (field.type === 'image') {
+        if (isLucideIconName(value)) {
+            return _jsx(IconNameViewValue, { name: value });
+        }
         return value ? (_jsx("img", { src: getImageUrl(String(value)), alt: field.label, className: "h-16 w-16 rounded-lg object-cover border" })) : (_jsx("p", { className: "text-sm py-1 text-muted-foreground", children: "Sin imagen" }));
     }
+    // Icon-name column served as plain text (the table infers cellStyle image,
+    // but the detail/modal field keeps the storage type): render the glyph.
+    if (isLucideIconName(value) &&
+        typeof field.key === 'string' &&
+        (field.key === 'icon' || field.key.endsWith('_icon'))) {
+        return _jsx(IconNameViewValue, { name: value });
+    }
     if (field.type === 'url' && value) {
         return (_jsx("a", { href: value, target: "_blank", rel: "noreferrer", className: "text-sm text-primary hover:underline truncate", children: value }));
     }
@@ -574,12 +588,44 @@ export function ViewValue({ field, value: rawValue, record, getImageUrl: getImag
         };
         return (_jsxs(Badge, { variant: "secondary", className: "w-fit flex items-center gap-1", style: opt.color && !opt.icon ? { backgroundColor: opt.color, color: '#fff', borderColor: 'transparent' } : undefined, children: [_jsx(OptionLead, { option: lead, size: 16 }), opt.label] }));
     }
+    // Structured value (jsonb column, e.g. fiscal_data) with no label/name/title
+    // 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 });
+    }
     const display = formatDisplayValue(value, field);
     if (field.type === 'textarea') {
         return (_jsx("p", { className: "text-sm whitespace-pre-wrap rounded-md bg-muted/40 p-3 min-h-[60px]", children: display }));
     }
     return _jsx("p", { className: "text-sm py-1", children: display });
 }
+// IconNameViewValue — read view for a column whose value is a lucide icon name
+// (an addon's `icon` column): the glyph plus the name, so the value stays
+// copyable/recognizable next to its rendering.
+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) {
+        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))) }));
+}
 function EditField({ field, value, onChange }) {
     if (field.type === 'boolean') {
         return (_jsxs("div", { className: "flex items-center gap-2 py-1", children: [_jsx(Switch, { checked: !!value, onCheckedChange: onChange }), _jsx("span", { className: "text-sm text-muted-foreground", children: value ? 'Sí' : 'No' })] }));

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;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,CAinBnB;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;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,CA2nBnB;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,iBACL,CAAA"}

package/dist/dynamic-columns.js

@@ -23,7 +23,7 @@ import { generateBadgeStyles, getInitials, optionColor, relationChipStyles, } fr
 import { Progress } from './dialogs/_primitives';
 import { humanizeToken } from './dynamic-columns-helpers';
 import { OptionsContext } from './options-context';
-import { DynamicIcon } from './dynamic-icon';
+import { DynamicIcon, isLucideIconName } from './dynamic-icon';
 import { isNilUuid, normalizeNilUuid } from './nil-uuid';
 import { isColumnVisibleInTable } from './column-visibility';
 const defaultGetImageUrl = (path) => path;
@@ -722,6 +722,12 @@ export function makeDefaultGetDynamicColumns(helpers = {}) {
                                     : null);
                             if (!imageValue)
                                 return _jsx("span", { className: "text-muted-foreground", children: "-" });
+                            // Lucide icon name, not an image path (e.g. an addon's
+                            // `icon` column seeded as "Banknote") — render the glyph;
+                            // an <img> here would 404 into an empty grey box.
+                            if (isLucideIconName(imageValue)) {
+                                return (_jsx("div", { className: "h-10 w-10 flex items-center justify-center rounded bg-muted", children: _jsx(DynamicIcon, { name: imageValue, className: "h-5 w-5" }) }));
+                            }
                             return (_jsx("div", { className: "h-10 w-10 relative rounded overflow-hidden bg-muted flex items-center justify-center", children: _jsx("img", { src: getImageUrl(String(imageValue)), alt: "Thumbnail", className: "h-full w-full object-contain", onError: (e) => {
                                         ;
                                         e.currentTarget.style.display = 'none';

package/dist/dynamic-icon.d.ts

@@ -3,4 +3,5 @@ export interface DynamicIconProps {
     className?: string;
 }
 export declare function DynamicIcon({ name, className }: DynamicIconProps): import("react").JSX.Element | null;
+export declare function isLucideIconName(value: unknown): value is string;
 //# sourceMappingURL=dynamic-icon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dynamic-icon.d.ts","sourceRoot":"","sources":["../src/dynamic-icon.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,gBAAgB,sCAIhE"}
+{"version":3,"file":"dynamic-icon.d.ts","sourceRoot":"","sources":["../src/dynamic-icon.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,gBAAgB,sCAIhE;AAQD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,MAAM,CAIhE"}

package/dist/dynamic-icon.js

@@ -9,3 +9,16 @@ export function DynamicIcon({ name, className }) {
         return null;
     return _jsx(Icon, { className: className });
 }
+// isLucideIconName — true when a string is a lucide-react icon name
+// ("Banknote", "CreditCard"). Lets image-ish renderers tell an icon name apart
+// from an image path/URL: addons declare icons by lucide slug (same convention
+// as OptionDef.icon), so a column inferred as `image` may carry one. Path-like
+// strings (slash, dot, scheme) are rejected before the registry lookup; "Icon"
+// itself is the generic base component, not a real glyph.
+export function isLucideIconName(value) {
+    if (typeof value !== 'string' || value === '' || value === 'Icon')
+        return false;
+    if (!/^[A-Z][A-Za-z0-9]*$/.test(value))
+        return false;
+    return Boolean(icons[value]);
+}

package/dist/record-history.d.ts

@@ -31,6 +31,12 @@ export interface RecordHistoryProps {
     locale?: string;
     /** Class applied to the root element. */
     className?: string;
+    /**
+     * When provided, each event header shows an "open in activity log" button
+     * that invokes this with the event — the host navigates to its activity
+     * detail page (e.g. `/activity/:id`). Omitted → no button.
+     */
+    onOpenEvent?: (event: ActivityEvent) => void;
 }
 /**
  * Shows the full activity history of a single record as a vertical timeline.

package/dist/record-history.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"record-history.d.ts","sourceRoot":"","sources":["../src/record-history.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAOpD,MAAM,WAAW,kBAAkB;IAC/B;;;OAGG;IACH,MAAM,EAAE,aAAa,EAAE,CAAA;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAoCD;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoJtD,CAAA"}
+{"version":3,"file":"record-history.d.ts","sourceRoot":"","sources":["../src/record-history.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAOpD,MAAM,WAAW,kBAAkB;IAC/B;;;OAGG;IACH,MAAM,EAAE,aAAa,EAAE,CAAA;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;CAC/C;AAoCD;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6KtD,CAAA"}

package/dist/record-history.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { formatDistanceToNow } from 'date-fns';
 import { es, enUS } from 'date-fns/locale';
-import { ChevronDown, ChevronRight, Clock } from 'lucide-react';
+import { ChevronDown, ChevronRight, Clock, ExternalLink } from 'lucide-react';
 import { cn } from '@asteby/metacore-ui/lib';
 import { Avatar, AvatarFallback, Badge, Collapsible, CollapsibleContent, CollapsibleTrigger, } from '@asteby/metacore-ui/primitives';
 import { getInitials } from '@asteby/metacore-ui/lib';
@@ -51,7 +51,7 @@ function actionDotColor(action) {
  * Each event is collapsible — the header shows actor + time; expanding reveals
  * the <ActivityDiff> with field-level changes.
  */
-export const RecordHistory = ({ events, columns, timeZone, currency, locale = 'es', className, }) => {
+export const RecordHistory = ({ events, columns, timeZone, currency, locale = 'es', className, onOpenEvent, }) => {
     const dateLocale = locale === 'en' ? enUS : es;
     // Sort: most recent first
     const sorted = React.useMemo(() => [...events].sort((a, b) => new Date(b.occurred_at).getTime() - new Date(a.occurred_at).getTime()), [events]);
@@ -94,6 +94,15 @@ export const RecordHistory = ({ events, columns, timeZone, currency, locale = 'e
                             return event.occurred_at;
                         }
                     })();
-                    return (_jsx(Collapsible, { open: isOpen, onOpenChange: () => toggle(event.id), children: _jsxs("div", { className: "relative", children: [_jsx("span", { className: "absolute -left-5 top-3.5 h-2.5 w-2.5 rounded-full border-2 border-background -translate-x-[4px]", style: { background: dotColor }, "aria-hidden": "true" }), _jsxs("div", { className: "rounded-lg border border-border/60 bg-card overflow-hidden", children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "w-full flex items-center gap-3 px-4 py-3 text-left hover:bg-muted/30 transition-colors", children: [_jsx(Avatar, { className: "h-7 w-7 rounded-full shrink-0", children: _jsx(AvatarFallback, { className: "text-[9px] font-bold bg-primary/10 text-primary", children: getInitials(actor) }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("span", { className: "text-sm font-semibold text-foreground truncate", children: actor }), _jsx("span", { className: "text-sm text-muted-foreground", children: actionLabel(event.action) })] }), _jsxs("div", { className: "flex items-center gap-1.5 mt-0.5", children: [_jsx(Clock, { className: "h-3 w-3 text-muted-foreground/60 shrink-0" }), _jsx("span", { className: "text-xs text-muted-foreground", title: fullDate, children: timeAgo }), event.addon_key && (_jsx(Badge, { variant: "outline", className: "text-[10px] px-1.5 py-0 h-4 ml-1", children: event.addon_key }))] })] }), _jsx("span", { className: "shrink-0 text-muted-foreground", children: isOpen ? (_jsx(ChevronDown, { className: "h-4 w-4" })) : (_jsx(ChevronRight, { className: "h-4 w-4" })) })] }) }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "border-t border-border/40 px-4 py-3", children: _jsx(ActivityDiff, { event: event, columns: columns, timeZone: timeZone, currency: currency, locale: locale }) }) })] })] }) }, event.id));
+                    return (_jsx(Collapsible, { open: isOpen, onOpenChange: () => toggle(event.id), children: _jsxs("div", { className: "relative", children: [_jsx("span", { className: "absolute -left-5 top-3.5 h-2.5 w-2.5 rounded-full border-2 border-background -translate-x-[4px]", style: { background: dotColor }, "aria-hidden": "true" }), _jsxs("div", { className: "rounded-lg border border-border/60 bg-card overflow-hidden", children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "w-full flex items-center gap-3 px-4 py-3 text-left hover:bg-muted/30 transition-colors", children: [_jsx(Avatar, { className: "h-7 w-7 rounded-full shrink-0", children: _jsx(AvatarFallback, { className: "text-[9px] font-bold bg-primary/10 text-primary", children: getInitials(actor) }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("span", { className: "text-sm font-semibold text-foreground truncate", children: actor }), _jsx("span", { className: "text-sm text-muted-foreground", children: actionLabel(event.action) })] }), _jsxs("div", { className: "flex items-center gap-1.5 mt-0.5", children: [_jsx(Clock, { className: "h-3 w-3 text-muted-foreground/60 shrink-0" }), _jsx("span", { className: "text-xs text-muted-foreground", title: fullDate, children: timeAgo }), event.addon_key && (_jsx(Badge, { variant: "outline", className: "text-[10px] px-1.5 py-0 h-4 ml-1", children: event.addon_key }))] })] }), onOpenEvent && (_jsx("span", { role: "button", tabIndex: 0, "aria-label": "Ver en registro de actividad", title: "Ver en registro de actividad", className: "shrink-0 rounded-md p-1.5 text-muted-foreground hover:text-foreground hover:bg-muted/60 transition-colors cursor-pointer", onClick: (e) => {
+                                                            e.stopPropagation();
+                                                            onOpenEvent(event);
+                                                        }, onKeyDown: (e) => {
+                                                            if (e.key === 'Enter' || e.key === ' ') {
+                                                                e.preventDefault();
+                                                                e.stopPropagation();
+                                                                onOpenEvent(event);
+                                                            }
+                                                        }, children: _jsx(ExternalLink, { className: "h-3.5 w-3.5" }) })), _jsx("span", { className: "shrink-0 text-muted-foreground", children: isOpen ? (_jsx(ChevronDown, { className: "h-4 w-4" })) : (_jsx(ChevronRight, { className: "h-4 w-4" })) })] }) }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "border-t border-border/40 px-4 py-3", children: _jsx(ActivityDiff, { event: event, columns: columns, timeZone: timeZone, currency: currency, locale: locale }) }) })] })] }) }, event.id));
                 }) })] }));
 };

package/package.json

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

package/src/activity-diff.tsx

@@ -105,7 +105,13 @@ function changedKeys(event: ActivityEvent): Set<string> {
 }
 
 function resolveColumn(key: string, columns?: ColumnDefinition[]): ColumnDefinition | undefined {
-    return columns?.find((c) => c.key === key)
+    if (!columns?.length) return undefined
+    const exact = columns.find((c) => c.key === key)
+    if (exact) return exact
+    // 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.
+    return columns.find((c) => typeof c.key === 'string' && c.key.includes('.') && c.key.split('.')[0] === key)
 }
 
 function resolveLabel(key: string, columns?: ColumnDefinition[]): string {

package/src/activity-value-renderer.tsx

@@ -51,6 +51,31 @@ const statusColorFor = (value: string): string => {
     return '#6b7280'
 }
 
+// resolvedEntity — a diff snapshot value may be the backend-resolved sibling
+// object ({value,label} relation, {name,avatar,email} user). Surface its human
+// identity instead of raw JSON. Returns undefined for anything else.
+function resolvedEntity(value: unknown): { name: string; avatar?: string; email?: string } | undefined {
+    if (!value || typeof value !== 'object' || Array.isArray(value)) return undefined
+    const v = value as Record<string, unknown>
+    const name = v.name ?? v.label ?? v.title
+    if (typeof name !== 'string' || name === '') return undefined
+    const avatar = typeof v.avatar === 'string' && v.avatar !== '' ? v.avatar : undefined
+    const email = typeof v.email === 'string' && v.email !== '' ? v.email : undefined
+    return { name, avatar, email }
+}
+
+const EntityChip: React.FC<{ entity: { name: string; avatar?: string; email?: string } }> = ({ entity }) => (
+    <span className="inline-flex items-center gap-1.5" title={entity.email}>
+        <Avatar className="h-5 w-5 rounded-full">
+            <AvatarImage src={entity.avatar ?? ''} alt={entity.name} />
+            <AvatarFallback className="text-[8px] font-bold bg-primary/10 text-primary">
+                {getInitials(entity.name)}
+            </AvatarFallback>
+        </Avatar>
+        <span className="text-sm font-medium truncate" style={{ maxWidth: 180 }}>{entity.name}</span>
+    </span>
+)
+
 const useIsDarkTheme = () => {
     const [isDark, setIsDark] = React.useState(() =>
         typeof document !== 'undefined' && document.documentElement.classList.contains('dark'),
@@ -103,9 +128,12 @@ export const ActivityValueRenderer: React.FC<ActivityValueRendererProps> = ({
         return <span className="text-muted-foreground">—</span>
     }
 
-    // No column metadata → plain string
+    // No column metadata → entity chip when the value is a resolved object,
+    // plain string otherwise.
     if (!col) {
         if (typeof value === 'object') {
+            const entity = resolvedEntity(value)
+            if (entity) return <EntityChip entity={entity} />
             return (
                 <span className="text-muted-foreground text-xs font-mono">
                     {JSON.stringify(value)}
@@ -304,7 +332,7 @@ export const ActivityValueRenderer: React.FC<ActivityValueRendererProps> = ({
     // -----------------------------------------------------------------------
 
     if (renderAs === 'relation' || renderAs === 'reference' || col.ref) {
-        const sv = String(value)
+        const sv = resolvedEntity(value)?.name ?? (typeof value === 'object' ? JSON.stringify(value) : String(value))
         const chipStyles = relationChipStyles(sv, { isDark })
         return (
             <span
@@ -323,21 +351,8 @@ export const ActivityValueRenderer: React.FC<ActivityValueRendererProps> = ({
     // -----------------------------------------------------------------------
 
     if (renderAs === 'creator' || renderAs === 'user' || renderAs === 'avatar' || renderAs === 'search') {
-        const name =
-            typeof value === 'object' && value !== null
-                ? String((value as any).name ?? (value as any).label ?? JSON.stringify(value))
-                : String(value)
-        return (
-            <span className="inline-flex items-center gap-1.5">
-                <Avatar className="h-5 w-5 rounded-full">
-                    <AvatarImage src="" alt={name} />
-                    <AvatarFallback className="text-[8px] font-bold bg-primary/10 text-primary">
-                        {getInitials(name)}
-                    </AvatarFallback>
-                </Avatar>
-                <span className="text-sm font-medium truncate" style={{ maxWidth: 180 }}>{name}</span>
-            </span>
-        )
+        const entity = resolvedEntity(value) ?? { name: typeof value === 'object' ? JSON.stringify(value) : String(value) }
+        return <EntityChip entity={entity} />
     }
 
     // -----------------------------------------------------------------------
@@ -352,10 +367,13 @@ export const ActivityValueRenderer: React.FC<ActivityValueRendererProps> = ({
     }
 
     // -----------------------------------------------------------------------
-    // Generic object fallback
+    // Generic object fallback — resolved entities render as a chip, the rest
+    // as raw JSON.
     // -----------------------------------------------------------------------
 
     if (typeof value === 'object') {
+        const entity = resolvedEntity(value)
+        if (entity) return <EntityChip entity={entity} />
         return (
             <span className="text-muted-foreground text-xs font-mono">
                 {JSON.stringify(value)}

package/src/dialogs/dynamic-record.tsx

@@ -53,6 +53,7 @@ import { DynamicRelations } from '../dynamic-relations'
 import { useOptionsResolver, type ResolvedOption } from '../use-options-resolver'
 import { getFieldRef } from '../dynamic-form-schema'
 import { isNilUuid, normalizeNilUuid } from '../nil-uuid'
+import { DynamicIcon, isLucideIconName } from '../dynamic-icon'
 import { humanizeToken } from '../dynamic-columns-helpers'
 import { formatDateCell } from '../dynamic-columns'
 import type { ActionFieldDef, RelationMeta } from '../types'
@@ -323,6 +324,9 @@ function formatDisplayValue(rawValue: any, field: FieldDef): string {
         return match?.label ?? humanizeToken(value)
     }
 
+    // Structured value with no label — JSON beats "[object Object]".
+    if (typeof value === 'object') return JSON.stringify(value)
+
     return String(value)
 }
 
@@ -974,6 +978,9 @@ export function ViewValue({
     }
 
     if (field.type === 'image') {
+        if (isLucideIconName(value)) {
+            return <IconNameViewValue name={value} />
+        }
         return value ? (
             <img src={getImageUrl(String(value))} alt={field.label} className="h-16 w-16 rounded-lg object-cover border" />
         ) : (
@@ -981,6 +988,16 @@ export function ViewValue({
         )
     }
 
+    // Icon-name column served as plain text (the table infers cellStyle image,
+    // but the detail/modal field keeps the storage type): render the glyph.
+    if (
+        isLucideIconName(value) &&
+        typeof field.key === 'string' &&
+        (field.key === 'icon' || field.key.endsWith('_icon'))
+    ) {
+        return <IconNameViewValue name={value} />
+    }
+
     if (field.type === 'url' && value) {
         return (
             <a
@@ -1048,6 +1065,13 @@ export function ViewValue({
         )
     }
 
+    // Structured value (jsonb column, e.g. fiscal_data) with no label/name/title
+    // 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} />
+    }
+
     const display = formatDisplayValue(value, field)
 
     if (field.type === 'textarea') {
@@ -1061,6 +1085,58 @@ export function ViewValue({
     return <p className="text-sm py-1">{display}</p>
 }
 
+// IconNameViewValue — read view for a column whose value is a lucide icon name
+// (an addon's `icon` column): the glyph plus the name, so the value stays
+// copyable/recognizable next to its rendering.
+function IconNameViewValue({ name }: { name: string }) {
+    return (
+        <div className="flex items-center gap-2 py-1">
+            <div className="h-8 w-8 flex items-center justify-center rounded bg-muted">
+                <DynamicIcon name={name} className="h-4 w-4" />
+            </div>
+            <span className="text-sm text-muted-foreground">{name}</span>
+        </div>
+    )
+}
+
+// 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) {
+        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>
+    )
+}
+
 function EditField({ field, value, onChange }: {
     field: FieldDef
     value: any

package/src/dynamic-columns.tsx

@@ -44,7 +44,7 @@ import {
 import { Progress } from './dialogs/_primitives'
 import { humanizeToken } from './dynamic-columns-helpers'
 import { OptionsContext } from './options-context'
-import { DynamicIcon } from './dynamic-icon'
+import { DynamicIcon, isLucideIconName } from './dynamic-icon'
 import { isNilUuid, normalizeNilUuid } from './nil-uuid'
 import type { TableMetadata, ColumnDefinition } from './types'
 import { isColumnVisibleInTable } from './column-visibility'
@@ -1147,6 +1147,16 @@ export function makeDefaultGetDynamicColumns(
                                     ? row.original.media.find((m: any) => m.type === 'image')?.url
                                     : null)
                             if (!imageValue) return <span className="text-muted-foreground">-</span>
+                            // Lucide icon name, not an image path (e.g. an addon's
+                            // `icon` column seeded as "Banknote") — render the glyph;
+                            // an <img> here would 404 into an empty grey box.
+                            if (isLucideIconName(imageValue)) {
+                                return (
+                                    <div className="h-10 w-10 flex items-center justify-center rounded bg-muted">
+                                        <DynamicIcon name={imageValue} className="h-5 w-5" />
+                                    </div>
+                                )
+                            }
                             return (
                                 <div className="h-10 w-10 relative rounded overflow-hidden bg-muted flex items-center justify-center">
                                     <img

package/src/dynamic-icon.tsx

@@ -13,3 +13,15 @@ export function DynamicIcon({ name, className }: DynamicIconProps) {
     if (!Icon) return null
     return <Icon className={className} />
 }
+
+// isLucideIconName — true when a string is a lucide-react icon name
+// ("Banknote", "CreditCard"). Lets image-ish renderers tell an icon name apart
+// from an image path/URL: addons declare icons by lucide slug (same convention
+// as OptionDef.icon), so a column inferred as `image` may carry one. Path-like
+// strings (slash, dot, scheme) are rejected before the registry lookup; "Icon"
+// itself is the generic base component, not a real glyph.
+export function isLucideIconName(value: unknown): value is string {
+    if (typeof value !== 'string' || value === '' || value === 'Icon') return false
+    if (!/^[A-Z][A-Za-z0-9]*$/.test(value)) return false
+    return Boolean((icons as unknown as Record<string, unknown>)[value])
+}

package/src/record-history.tsx

@@ -13,7 +13,7 @@
 import * as React from 'react'
 import { formatDistanceToNow } from 'date-fns'
 import { es, enUS } from 'date-fns/locale'
-import { ChevronDown, ChevronRight, User, Clock } from 'lucide-react'
+import { ChevronDown, ChevronRight, Clock, ExternalLink } from 'lucide-react'
 import { cn } from '@asteby/metacore-ui/lib'
 import {
     Avatar,
@@ -51,6 +51,12 @@ export interface RecordHistoryProps {
     locale?: string
     /** Class applied to the root element. */
     className?: string
+    /**
+     * When provided, each event header shows an "open in activity log" button
+     * that invokes this with the event — the host navigates to its activity
+     * detail page (e.g. `/activity/:id`). Omitted → no button.
+     */
+    onOpenEvent?: (event: ActivityEvent) => void
 }
 
 // ---------------------------------------------------------------------------
@@ -99,6 +105,7 @@ export const RecordHistory: React.FC<RecordHistoryProps> = ({
     currency,
     locale = 'es',
     className,
+    onOpenEvent,
 }) => {
     const dateLocale = locale === 'en' ? enUS : es
 
@@ -209,6 +216,30 @@ export const RecordHistory: React.FC<RecordHistoryProps> = ({
                                                 </div>
                                             </div>
 
+                                            {/* Open the event's detail page in the activity log */}
+                                            {onOpenEvent && (
+                                                <span
+                                                    role="button"
+                                                    tabIndex={0}
+                                                    aria-label="Ver en registro de actividad"
+                                                    title="Ver en registro de actividad"
+                                                    className="shrink-0 rounded-md p-1.5 text-muted-foreground hover:text-foreground hover:bg-muted/60 transition-colors cursor-pointer"
+                                                    onClick={(e) => {
+                                                        e.stopPropagation()
+                                                        onOpenEvent(event)
+                                                    }}
+                                                    onKeyDown={(e) => {
+                                                        if (e.key === 'Enter' || e.key === ' ') {
+                                                            e.preventDefault()
+                                                            e.stopPropagation()
+                                                            onOpenEvent(event)
+                                                        }
+                                                    }}
+                                                >
+                                                    <ExternalLink className="h-3.5 w-3.5" />
+                                                </span>
+                                            )}
+
                                             {/* Expand/collapse chevron */}
                                             <span className="shrink-0 text-muted-foreground">
                                                 {isOpen ? (