@asteby/metacore-runtime-react 18.12.1 → 18.13.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @asteby/metacore-runtime-react
 
+## 18.13.1
+
+### Patch Changes
+
+- 6b8f7b2: ActivityDiff: drop noise rows from history diffs — raw FK keys (`created_by_id`) are hidden when their resolved sibling (`created_by: {name,…}`) is present in the same snapshot (covers before/after and the changes {from,to} shape), and `deleted_at` joins the meta-key filter alongside id/created_at/updated_at/organization_id.
+
+## 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

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

package/dist/activity-diff.js

@@ -23,20 +23,42 @@ import { ActivityValueRenderer } from './activity-value-renderer';
 // ---------------------------------------------------------------------------
 // Helpers
 // ---------------------------------------------------------------------------
+// Meta-level keys that are always present and never meaningful in a
+// human-readable diff.
+const META_KEYS = new Set(['id', 'created_at', 'updated_at', 'organization_id', 'org_id', 'deleted_at']);
+/** True when an object is a backend-resolved sibling ({value,label} relation, {name,…} user). */
+function isResolvedObject(v) {
+    if (!v || typeof v !== 'object' || Array.isArray(v))
+        return false;
+    const o = v;
+    return typeof o.label === 'string' || typeof o.name === 'string';
+}
 /** Returns all field keys that appear in the diff. */
 function diffKeys(event) {
-    if (event.changes && Object.keys(event.changes).length > 0) {
-        return Object.keys(event.changes);
-    }
     const before = event.before ?? {};
     const after = event.after ?? {};
-    const keys = new Set([...Object.keys(before), ...Object.keys(after)]);
-    // Filter out meta-level keys that are always present and rarely meaningful
-    // in a human-readable diff (id, created_at, updated_at, organization_id).
-    const META = new Set(['id', 'created_at', 'updated_at', 'organization_id', 'org_id']);
-    keys.forEach((k) => { if (META.has(k))
-        keys.delete(k); });
-    return Array.from(keys);
+    const source = event.changes && Object.keys(event.changes).length > 0
+        ? new Set(Object.keys(event.changes))
+        : new Set([...Object.keys(before), ...Object.keys(after)]);
+    META_KEYS.forEach((k) => source.delete(k));
+    // A resolved FK appears twice: the raw UUID key (created_by_id) and the
+    // resolved sibling (created_by: {name/label,…}). Drop the raw key — the
+    // sibling row already shows the human value. The sibling's value may live
+    // in before/after or inside changes[sibling] ({from,to}/{before,after}).
+    const siblingResolved = (sibling) => {
+        if (isResolvedObject(before[sibling]) || isResolvedObject(after[sibling]))
+            return true;
+        const ch = event.changes?.[sibling];
+        if (!ch || typeof ch !== 'object')
+            return false;
+        return isResolvedObject(ch.from) || isResolvedObject(ch.to) || isResolvedObject(ch.before) || isResolvedObject(ch.after);
+    };
+    return Array.from(source).filter((k) => {
+        if (!k.endsWith('_id'))
+            return true;
+        const sibling = k.slice(0, -3);
+        return !(source.has(sibling) && siblingResolved(sibling));
+    });
 }
 /** Returns the set of keys where the value actually changed. */
 function changedKeys(event) {
@@ -54,7 +76,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';
@@ -534,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 }));
     }
@@ -589,6 +600,12 @@ export function ViewValue({ field, value: rawValue, record, getImageUrl: getImag
     }
     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

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.1",
+  "version": "18.13.1",
   "description": "React runtime for metacore hosts — renders addon contributions dynamically",
   "repository": {
     "type": "git",

package/src/activity-diff.tsx

@@ -74,19 +74,41 @@ export interface ActivityDiffProps {
 // Helpers
 // ---------------------------------------------------------------------------
 
+// Meta-level keys that are always present and never meaningful in a
+// human-readable diff.
+const META_KEYS = new Set(['id', 'created_at', 'updated_at', 'organization_id', 'org_id', 'deleted_at'])
+
+/** True when an object is a backend-resolved sibling ({value,label} relation, {name,…} user). */
+function isResolvedObject(v: unknown): boolean {
+    if (!v || typeof v !== 'object' || Array.isArray(v)) return false
+    const o = v as Record<string, unknown>
+    return typeof o.label === 'string' || typeof o.name === 'string'
+}
+
 /** Returns all field keys that appear in the diff. */
 function diffKeys(event: ActivityEvent): string[] {
-    if (event.changes && Object.keys(event.changes).length > 0) {
-        return Object.keys(event.changes)
-    }
     const before = event.before ?? {}
     const after = event.after ?? {}
-    const keys = new Set([...Object.keys(before), ...Object.keys(after)])
-    // Filter out meta-level keys that are always present and rarely meaningful
-    // in a human-readable diff (id, created_at, updated_at, organization_id).
-    const META = new Set(['id', 'created_at', 'updated_at', 'organization_id', 'org_id'])
-    keys.forEach((k) => { if (META.has(k)) keys.delete(k) })
-    return Array.from(keys)
+    const source =
+        event.changes && Object.keys(event.changes).length > 0
+            ? new Set(Object.keys(event.changes))
+            : new Set([...Object.keys(before), ...Object.keys(after)])
+    META_KEYS.forEach((k) => source.delete(k))
+    // A resolved FK appears twice: the raw UUID key (created_by_id) and the
+    // resolved sibling (created_by: {name/label,…}). Drop the raw key — the
+    // sibling row already shows the human value. The sibling's value may live
+    // in before/after or inside changes[sibling] ({from,to}/{before,after}).
+    const siblingResolved = (sibling: string): boolean => {
+        if (isResolvedObject(before[sibling]) || isResolvedObject(after[sibling])) return true
+        const ch = (event.changes as Record<string, Record<string, unknown>> | undefined)?.[sibling]
+        if (!ch || typeof ch !== 'object') return false
+        return isResolvedObject(ch.from) || isResolvedObject(ch.to) || isResolvedObject(ch.before) || isResolvedObject(ch.after)
+    }
+    return Array.from(source).filter((k) => {
+        if (!k.endsWith('_id')) return true
+        const sibling = k.slice(0, -3)
+        return !(source.has(sibling) && siblingResolved(sibling))
+    })
 }
 
 /** Returns the set of keys where the value actually changed. */
@@ -105,7 +127,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'
@@ -977,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" />
         ) : (
@@ -984,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
@@ -1071,6 +1085,20 @@ 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

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 ? (