@asteby/metacore-runtime-react 23.2.0 → 23.4.0

package/dist/dynamic-columns.js

@@ -19,9 +19,11 @@ import * as icons from 'lucide-react';
 import { MoreHorizontal } from 'lucide-react';
 import { Avatar, AvatarFallback, AvatarImage, Badge, Button, Checkbox, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '@asteby/metacore-ui';
 import { DataTableColumnHeader, FilterableColumnHeader, } from '@asteby/metacore-ui/data-table';
-import { generateBadgeStyles, getInitials, optionColor, relationChipStyles, } from '@asteby/metacore-ui/lib';
+import { generateBadgeStyles, getInitials, relationChipStyles, } from '@asteby/metacore-ui/lib';
 import { Progress } from './dialogs/_primitives';
 import { humanizeToken } from './dynamic-columns-helpers';
+import { OptionBadge, RelationThumbnail, statusColorFor, useIsDarkTheme, } from './display-value';
+import { MediaValue } from './rich-url';
 import { OptionsContext } from './options-context';
 import { DynamicIcon, isLucideIconName } from './dynamic-icon';
 import { CollectionCell } from './collection-cell';
@@ -88,22 +90,6 @@ export const formatAggregateTotal = (col, value, currency, locale) => {
         ? { minimumFractionDigits: decimals, maximumFractionDigits: decimals }
         : {}, locale);
 };
-/**
- * Semantic status → badge color. Used by the `status` cell when no explicit
- * `options` color is declared. Generic, value-driven mapping.
- */
-const statusColorFor = (value) => {
-    const v = value.toLowerCase();
-    if (['active', 'enabled', 'paid', 'completed', 'done', 'success', 'approved', 'open']
-        .includes(v))
-        return '#22c55e';
-    if (['pending', 'draft', 'processing', 'in_progress', 'review', 'waiting'].includes(v))
-        return '#eab308';
-    if (['inactive', 'disabled', 'cancelled', 'canceled', 'failed', 'rejected', 'error', 'closed']
-        .includes(v))
-        return '#ef4444';
-    return '#6b7280';
-};
 /** Copyable monospaced text cell (code/IDs/hashes). */
 const CodeCell = ({ text, maxLength }) => {
     const [copied, setCopied] = React.useState(false);
@@ -195,23 +181,6 @@ const getValueFromPathVariants = (obj, path) => {
     }
     return undefined;
 };
-const useIsDarkTheme = () => {
-    const [isDark, setIsDark] = React.useState(() => typeof document !== 'undefined' &&
-        document.documentElement.classList.contains('dark'));
-    React.useEffect(() => {
-        if (typeof document === 'undefined')
-            return;
-        const sync = () => setIsDark(document.documentElement.classList.contains('dark'));
-        sync();
-        const observer = new MutationObserver(sync);
-        observer.observe(document.documentElement, {
-            attributes: true,
-            attributeFilter: ['class'],
-        });
-        return () => observer.disconnect();
-    }, []);
-    return isDark;
-};
 const renderRelationBadges = (items, col) => {
     if (!Array.isArray(items) || items.length === 0) {
         return _jsx("span", { className: "text-muted-foreground", children: "-" });
@@ -240,25 +209,6 @@ const renderRelationBadges = (items, col) => {
             return (_jsxs(Badge, { variant: "outline", className: "flex items-center gap-1", children: [iconValue && (_jsx(DynamicIcon, { name: iconValue, className: "h-3 w-3" })), _jsx("span", { children: label })] }, `${col.key}-${idx}`));
         }) }));
 };
-/**
- * Tiny square thumbnail for a resolved relation/option that carries an `image`
- * (brand logo, product photo, customer/user avatar). Uses the same Avatar
- * primitive as the `avatar`/`creator` cells so a broken/loading image
- * gracefully falls back to the record's initials. Sized small (the box is an
- * inline style so an addon-arbitrary Tailwind class never gets dropped by a
- * consuming app's class scan). Rendered inline alongside a label — never alone.
- */
-const RelationThumbnail = ({ src, alt, getImageUrl, size = 18 }) => (_jsxs(Avatar, { className: "shrink-0 rounded-sm ring-1 ring-border/40", style: { width: size, height: size }, children: [_jsx(AvatarImage, { src: getImageUrl ? getImageUrl(src) : src, alt: alt, className: "object-cover" }), _jsx(AvatarFallback, { className: "rounded-sm bg-primary/10 text-[8px] font-bold text-primary", children: getInitials(alt) })] }));
-const OptionBadge = ({ option, getImageUrl }) => {
-    const isDark = useIsDarkTheme();
-    // Explicit backend color wins; otherwise derive a stable, cohesive color
-    // from the option's value (fallback label) so "dead" gray badges come
-    // alive. Inline style (hex-derived) so it works regardless of the host's
-    // tailwind safelist — addon-arbitrary classes aren't in the host scan.
-    const colorSource = option.color || optionColor(option.value || option.label);
-    const colorStyles = generateBadgeStyles(colorSource, { isDark });
-    return (_jsxs(Badge, { variant: "outline", className: "flex items-center gap-1 border-0", style: colorStyles, children: [option.image ? (_jsx(RelationThumbnail, { src: option.image, alt: option.label, getImageUrl: getImageUrl, size: 16 })) : (option.icon && _jsx(DynamicIcon, { name: option.icon, className: "h-3.5 w-3.5" })), _jsx("span", { children: option.label })] }));
-};
 const BadgeWithEndpointOptions = ({ endpoint, value, getImageUrl }) => {
     const { optionsMap } = React.useContext(OptionsContext);
     const options = optionsMap.get(endpoint) || [];
@@ -635,25 +585,16 @@ export function makeDefaultGetDynamicColumns(helpers = {}) {
                             if (!rawUrl)
                                 return _jsx(EmptyCell, {});
                             const urlStr = String(rawUrl);
-                            const href = /^https?:\/\//i.test(urlStr) ? urlStr : `https://${urlStr}`;
-                            let label;
-                            if (labelField) {
-                                label = String(getNestedValue(row.original, labelField) ?? href);
-                            }
-                            else {
-                                try {
-                                    label = new URL(href).hostname;
-                                }
-                                catch {
-                                    label = urlStr;
-                                }
-                            }
-                            const isExternal = !/^https?:\/\/(localhost|127\.)/i.test(href);
-                            const newTab = styleCfg(col, 'new_tab', 'newTab') === true || isExternal;
-                            const iconName = styleCfg(col, 'icon') || 'ExternalLink';
-                            return (_jsxs("a", { href: href, ...(newTab
-                                    ? { target: '_blank', rel: 'noopener noreferrer' }
-                                    : {}), className: "inline-flex items-center gap-1.5 text-sm font-medium text-primary hover:underline", onClick: (e) => e.stopPropagation(), children: [_jsx(DynamicIcon, { name: iconName, className: "h-3.5 w-3.5 shrink-0" }), _jsx("span", { className: "truncate max-w-[260px]", children: label })] }));
+                            // Explicit label from a `label_field` wins; otherwise
+                            // the shared primitive derives a smart label (hostname
+                            // / file name). Images render as a small (~h-8) inline
+                            // thumbnail, files as a chip, else a link chip. Same
+                            // renderer as the detail dialog.
+                            const label = labelField
+                                ? String(getNestedValue(row.original, labelField) ?? '')
+                                : undefined;
+                            const iconName = styleCfg(col, 'icon');
+                            return (_jsx(MediaValue, { url: urlStr, getImageUrl: getImageUrl, label: label || undefined, icon: iconName || undefined, thumbHeight: 32, maxLabelWidth: 260 }));
                         }
                         case 'email': {
                             if (!value)

package/dist/dynamic-row-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-row-actions.d.ts","sourceRoot":"","sources":["../src/dynamic-row-actions.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,SAAS,CAAA;AAE5D,MAAM,WAAW,0BAA0B;IACvC,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2EAA2E;IAC3E,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAA;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC7C,4EAA4E;IAC5E,SAAS,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,MAAM,WAAW,iBAAiB;IAC9B,+CAA+C;IAC/C,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACjE;;;OAGG;IACH,OAAO,EAAE,KAAK,CAAC,YAAY,CAAA;CAC9B;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACZ,EAAE,0BAA0B,GAAG,iBAAiB,CAmHhD"}
+{"version":3,"file":"dynamic-row-actions.d.ts","sourceRoot":"","sources":["../src/dynamic-row-actions.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,SAAS,CAAA;AAE5D,MAAM,WAAW,0BAA0B;IACvC,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2EAA2E;IAC3E,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAA;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC7C,4EAA4E;IAC5E,SAAS,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,MAAM,WAAW,iBAAiB;IAC9B,+CAA+C;IAC/C,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACjE;;;OAGG;IACH,OAAO,EAAE,KAAK,CAAC,YAAY,CAAA;CAC9B;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACZ,EAAE,0BAA0B,GAAG,iBAAiB,CAqHhD"}

package/dist/dynamic-row-actions.js

@@ -89,16 +89,18 @@ export function useDynamicRowActions({ model, endpoint, metadata, onAction, onRe
         try {
             const deleteEndpoint = endpoint ? `${endpoint}/${rowToDelete.id}` : `/data/${model}/${rowToDelete.id}`;
             const res = await api.delete(deleteEndpoint);
+            // CRUD estándar: no usar res.data.message (el endpoint dinámico
+            // devuelve texto en inglés que se filtraría al toast). String localizado.
             if (res.data.success) {
-                toast.success(res.data.message || 'Eliminado correctamente');
+                toast.success(t('dynamic.delete_success', { defaultValue: 'Registro eliminado correctamente' }));
                 onRefresh();
             }
             else
-                toast.error(res.data.message || 'Error al eliminar');
+                toast.error(t('dynamic.delete_error', { defaultValue: 'No se pudo eliminar el registro' }));
         }
         catch (error) {
             console.error('Error al eliminar', error);
-            toast.error('Error al eliminar el registro');
+            toast.error(t('dynamic.delete_error', { defaultValue: 'No se pudo eliminar el registro' }));
         }
         finally {
             setIsDeleting(false);

package/dist/dynamic-table.js

@@ -545,9 +545,9 @@ export function DynamicTable({ model, endpoint, enableUrlSync = true, hiddenColu
         setBulkDeleteTotal(0);
         setRowSelection({});
         if (successCount > 0)
-            toast.success(`${successCount} registro(s) eliminado(s) correctamente`);
+            toast.success(t('dynamic.bulk_delete_success', { count: successCount, defaultValue: '{{count}} registro(s) eliminado(s) correctamente' }));
         if (errorCount > 0)
-            toast.error(`${errorCount} registro(s) no pudieron ser eliminados`);
+            toast.error(t('dynamic.bulk_delete_error', { count: errorCount, defaultValue: '{{count}} registro(s) no pudieron ser eliminados' }));
         handleRefresh();
     };
     const handleDynamicFilterChange = useCallback((filterKey, values) => {

package/dist/index.d.ts

@@ -26,6 +26,7 @@ export * from './dynamic-icon';
 export type { ColumnFilterConfig, FilterOption as DynamicColumnFilterOption, GetDynamicColumns, DynamicIconComponent, } from './dynamic-columns-shim';
 export { defaultGetDynamicColumns, makeDefaultGetDynamicColumns, relationKeyFor, resolveRelationLabel, type DynamicColumnsHelpers, } from './dynamic-columns';
 export { humanizeToken } from './dynamic-columns-helpers';
+export { UrlChip, FileChip, ImageThumbnail, MediaValue, RichText, linkifyText, classifyUrl, isImageUrl, isFileUrl, ensureHref, smartUrlLabel, fileNameFromUrl, splitTrailingPunct, type UrlKind, type LinkifyOptions, } from './rich-url';
 export { CollectionCell, formatScalar, prettifyKey, countLabel, type CollectionCellProps, type Translate as CollectionCellTranslate, } from './collection-cell';
 export { NIL_UUID, isNilUuid, normalizeNilUuid } from './nil-uuid';
 export { DynamicRecordDialog, ViewValue } from './dialogs/dynamic-record';

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -30,6 +30,7 @@ export { useHotSwapReload, applyHotSwapReload, withVersionParam, clearFederation
 export * from './dynamic-icon';
 export { defaultGetDynamicColumns, makeDefaultGetDynamicColumns, relationKeyFor, resolveRelationLabel, } from './dynamic-columns';
 export { humanizeToken } from './dynamic-columns-helpers';
+export { UrlChip, FileChip, ImageThumbnail, MediaValue, RichText, linkifyText, classifyUrl, isImageUrl, isFileUrl, ensureHref, smartUrlLabel, fileNameFromUrl, splitTrailingPunct, } from './rich-url';
 export { CollectionCell, formatScalar, prettifyKey, countLabel, } from './collection-cell';
 export { NIL_UUID, isNilUuid, normalizeNilUuid } from './nil-uuid';
 export { DynamicRecordDialog, ViewValue } from './dialogs/dynamic-record';

package/dist/rich-url.d.ts

@@ -0,0 +1,119 @@
+/**
+ * Rich URL & media rendering primitives.
+ *
+ * A URL is never shown raw. Depending on what it points at we render:
+ *   - an IMAGE (jpg/png/gif/webp/… or a `link.asteby.com/storage/media/` path)
+ *     → an inline clickable THUMBNAIL that opens the full image in a new tab,
+ *   - a FILE (pdf/zip/docx/…) → a chip with a file icon and the file name,
+ *   - anything else → a compact link CHIP: an external-link glyph plus a short
+ *     smart label (hostname, e.g. "github.com", or the last path segment for a
+ *     file-like URL), with the full URL in a native tooltip.
+ *
+ * These live here (not inline in the table/dialog) so the dynamic TABLE cell
+ * (`dynamic-columns.tsx`) and the read-only DETAIL DIALOG (`dynamic-record.tsx`)
+ * share the EXACT same rendering. Ecosystem rule: shared primitives, zero copy.
+ *
+ * No external requests are made to render a link (no favicon service — CSP /
+ * privacy): the icon is a local lucide glyph.
+ */
+import React from 'react';
+export type UrlKind = 'image' | 'file' | 'link';
+/** `true` when the string looks like an image URL/path. */
+export declare function isImageUrl(url: string): boolean;
+/** `true` when the string looks like a non-image downloadable file. */
+export declare function isFileUrl(url: string): boolean;
+/** Classify a URL so the right primitive (thumbnail / file chip / link) renders. */
+export declare function classifyUrl(url: string): UrlKind;
+/** Ensure a URL is absolute so `<a href>` and `new URL()` behave. */
+export declare function ensureHref(url: string): string;
+/**
+ * A short, human label for a URL. For a file-like URL (last segment carries an
+ * extension) the file name wins ("report.pdf"); otherwise the bare hostname
+ * ("github.com"), so a 120-char issue URL never shows raw. Falls back to the
+ * input when it can't be parsed.
+ */
+export declare function smartUrlLabel(url: string): string;
+/** Last path segment (decoded) — the file name for a file/image URL. */
+export declare function fileNameFromUrl(url: string): string;
+/**
+ * Compact link chip: external-link glyph + smart label, full URL in the
+ * tooltip, opens in a new tab. The canonical render for a plain (non-media)
+ * URL, matching the table's `url`/`link` cell.
+ */
+export declare const UrlChip: React.FC<{
+    url: string;
+    label?: string;
+    icon?: string;
+    /** Smaller label cap for a table/kanban cell. */
+    maxLabelWidth?: number;
+    className?: string;
+}>;
+/**
+ * Chip for a downloadable non-image file: file-text glyph + the file name,
+ * opens the file in a new tab.
+ */
+export declare const FileChip: React.FC<{
+    url: string;
+    maxLabelWidth?: number;
+    className?: string;
+}>;
+/**
+ * Inline image thumbnail — rounded, bordered, `object-cover` — that opens the
+ * full image in a new tab. On load error it degrades to a normal link chip so a
+ * dead image URL is still reachable (and never a broken-image icon). `maxHeight`
+ * keeps a cell thumbnail small (~h-8) while the dialog shows a larger preview.
+ */
+export declare const ImageThumbnail: React.FC<{
+    url: string;
+    getImageUrl?: (path: string) => string;
+    /** Max rendered height in px. */
+    maxHeight?: number;
+    className?: string;
+}>;
+/**
+ * One URL value → the right primitive (thumbnail / file chip / link chip).
+ * Single entry point used by both the table cell and the detail dialog so a URL
+ * renders identically everywhere.
+ */
+export declare const MediaValue: React.FC<{
+    url: string;
+    getImageUrl?: (path: string) => string;
+    /** Explicit label for the link chip (from a `label_field`). */
+    label?: string;
+    /** Explicit icon for the link chip. */
+    icon?: string;
+    /** Thumbnail max height (small in a cell, larger in the dialog). */
+    thumbHeight?: number;
+    /** Link/file label truncation cap. */
+    maxLabelWidth?: number;
+    className?: string;
+}>;
+/**
+ * Peel trailing punctuation a URL shouldn't swallow (sentence period, closing
+ * bracket, quote). A closing paren is kept only when the URL itself opened one
+ * (Wikipedia-style `(…)` paths), so `(see https://x.com/a)` links `https://x.com/a`
+ * but `https://en.wikipedia.org/wiki/Foo_(bar)` keeps its paren.
+ */
+export declare function splitTrailingPunct(match: string): [string, string];
+export interface LinkifyOptions {
+    getImageUrl?: (path: string) => string;
+    /** Max height for an inline image found in the text. */
+    imageHeight?: number;
+}
+/**
+ * Turn free text into React nodes, replacing every URL (bare or markdown
+ * `[label](url)`) with the matching rich primitive: an inline thumbnail for an
+ * image URL, a file chip for a file, otherwise a link chip. Plain text between
+ * matches is preserved verbatim (caller keeps `whitespace-pre-wrap`).
+ */
+export declare function linkifyText(text: string, opts?: LinkifyOptions): React.ReactNode[];
+/**
+ * Linkified free text. Renders the raw string with every URL turned into a rich
+ * chip/thumbnail — the read view for a long-text / textarea / body field.
+ */
+export declare const RichText: React.FC<{
+    text: string;
+    getImageUrl?: (path: string) => string;
+    imageHeight?: number;
+}>;
+//# sourceMappingURL=rich-url.d.ts.map

package/dist/rich-url.d.ts.map

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

package/dist/rich-url.js

@@ -0,0 +1,224 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Rich URL & media rendering primitives.
+ *
+ * A URL is never shown raw. Depending on what it points at we render:
+ *   - an IMAGE (jpg/png/gif/webp/… or a `link.asteby.com/storage/media/` path)
+ *     → an inline clickable THUMBNAIL that opens the full image in a new tab,
+ *   - a FILE (pdf/zip/docx/…) → a chip with a file icon and the file name,
+ *   - anything else → a compact link CHIP: an external-link glyph plus a short
+ *     smart label (hostname, e.g. "github.com", or the last path segment for a
+ *     file-like URL), with the full URL in a native tooltip.
+ *
+ * These live here (not inline in the table/dialog) so the dynamic TABLE cell
+ * (`dynamic-columns.tsx`) and the read-only DETAIL DIALOG (`dynamic-record.tsx`)
+ * share the EXACT same rendering. Ecosystem rule: shared primitives, zero copy.
+ *
+ * No external requests are made to render a link (no favicon service — CSP /
+ * privacy): the icon is a local lucide glyph.
+ */
+import React from 'react';
+import { cn } from '@asteby/metacore-ui/lib';
+import { DynamicIcon } from './dynamic-icon';
+/** Image file extensions we render as an inline thumbnail. */
+const IMAGE_EXT_RE = /\.(jpe?g|png|gif|webp|avif|svg|bmp|ico)(?:[?#].*)?$/i;
+/**
+ * Storage paths that serve images without a file extension (the link.asteby.com
+ * media CDN hands back opaque ids). Treated as images so uploaded photos still
+ * thumbnail.
+ */
+const MEDIA_PATH_RE = /\/storage\/media\//i;
+/** Non-image file extensions we render as a download-ish file chip. */
+const FILE_EXT_RE = /\.(pdf|zip|rar|7z|tar|t?gz|docx?|xlsx?|pptx?|csv|txt|json|xml|md|rtf|odt|mp4|mov|avi|mkv|webm|mp3|wav|ogg|flac|apk|dmg|exe|pkg)(?:[?#].*)?$/i;
+/** `true` when the string looks like an image URL/path. */
+export function isImageUrl(url) {
+    return IMAGE_EXT_RE.test(url) || MEDIA_PATH_RE.test(url);
+}
+/** `true` when the string looks like a non-image downloadable file. */
+export function isFileUrl(url) {
+    return FILE_EXT_RE.test(url);
+}
+/** Classify a URL so the right primitive (thumbnail / file chip / link) renders. */
+export function classifyUrl(url) {
+    if (isImageUrl(url))
+        return 'image';
+    if (isFileUrl(url))
+        return 'file';
+    return 'link';
+}
+/** Ensure a URL is absolute so `<a href>` and `new URL()` behave. */
+export function ensureHref(url) {
+    return /^(https?:)?\/\//i.test(url) || /^(mailto|tel):/i.test(url)
+        ? url
+        : `https://${url}`;
+}
+/**
+ * A short, human label for a URL. For a file-like URL (last segment carries an
+ * extension) the file name wins ("report.pdf"); otherwise the bare hostname
+ * ("github.com"), so a 120-char issue URL never shows raw. Falls back to the
+ * input when it can't be parsed.
+ */
+export function smartUrlLabel(url) {
+    try {
+        const u = new URL(ensureHref(url));
+        const segs = u.pathname.split('/').filter(Boolean);
+        const last = segs[segs.length - 1];
+        if (last && /\.[a-z0-9]{1,8}$/i.test(last)) {
+            return decodeURIComponent(last);
+        }
+        return u.hostname.replace(/^www\./i, '');
+    }
+    catch {
+        return url;
+    }
+}
+/** Last path segment (decoded) — the file name for a file/image URL. */
+export function fileNameFromUrl(url) {
+    try {
+        const u = new URL(ensureHref(url));
+        const segs = u.pathname.split('/').filter(Boolean);
+        return decodeURIComponent(segs[segs.length - 1] || u.hostname);
+    }
+    catch {
+        return url.split(/[?#]/)[0].split('/').pop() || url;
+    }
+}
+/** Stops row-click / dialog-close when a link inside them is clicked. */
+function stop(e) {
+    e.stopPropagation();
+}
+/**
+ * Compact link chip: external-link glyph + smart label, full URL in the
+ * tooltip, opens in a new tab. The canonical render for a plain (non-media)
+ * URL, matching the table's `url`/`link` cell.
+ */
+export const UrlChip = ({ url, label, icon, maxLabelWidth = 260, className }) => {
+    const href = ensureHref(url);
+    const text = label || smartUrlLabel(url);
+    return (_jsxs("a", { href: href, target: "_blank", rel: "noopener noreferrer", title: url, onClick: stop, className: cn('inline-flex max-w-full items-center gap-1.5 align-middle text-sm font-medium text-primary hover:underline', className), children: [_jsx(DynamicIcon, { name: icon || 'ExternalLink', className: "h-3.5 w-3.5 shrink-0" }), _jsx("span", { className: "truncate", style: { maxWidth: maxLabelWidth }, children: text })] }));
+};
+/**
+ * Chip for a downloadable non-image file: file-text glyph + the file name,
+ * opens the file in a new tab.
+ */
+export const FileChip = ({ url, maxLabelWidth = 240, className }) => {
+    const href = ensureHref(url);
+    return (_jsxs("a", { href: href, target: "_blank", rel: "noopener noreferrer", title: url, onClick: stop, className: cn('inline-flex max-w-full items-center gap-1.5 rounded-md border bg-muted/40 px-2 py-1 align-middle text-sm font-medium text-foreground hover:bg-muted', className), children: [_jsx(DynamicIcon, { name: "FileText", className: "h-3.5 w-3.5 shrink-0 opacity-70" }), _jsx("span", { className: "truncate", style: { maxWidth: maxLabelWidth }, children: fileNameFromUrl(url) })] }));
+};
+/**
+ * Inline image thumbnail — rounded, bordered, `object-cover` — that opens the
+ * full image in a new tab. On load error it degrades to a normal link chip so a
+ * dead image URL is still reachable (and never a broken-image icon). `maxHeight`
+ * keeps a cell thumbnail small (~h-8) while the dialog shows a larger preview.
+ */
+export const ImageThumbnail = ({ url, getImageUrl, maxHeight = 160, className }) => {
+    const [failed, setFailed] = React.useState(false);
+    const href = ensureHref(url);
+    // Absolute URLs are used verbatim; only relative storage paths go through
+    // the host's image resolver (which prefixes the media base).
+    const src = /^(https?:)?\/\//i.test(url) ? url : getImageUrl ? getImageUrl(url) : url;
+    if (failed)
+        return _jsx(UrlChip, { url: url, icon: "Image" });
+    return (_jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", title: url, onClick: stop, className: "inline-block max-w-full align-middle", children: _jsx("img", { src: src, alt: smartUrlLabel(url), onError: () => setFailed(true), style: { maxHeight }, className: cn('max-w-full rounded-md border object-cover', className) }) }));
+};
+/**
+ * One URL value → the right primitive (thumbnail / file chip / link chip).
+ * Single entry point used by both the table cell and the detail dialog so a URL
+ * renders identically everywhere.
+ */
+export const MediaValue = ({ url, getImageUrl, label, icon, thumbHeight, maxLabelWidth, className }) => {
+    switch (classifyUrl(url)) {
+        case 'image':
+            return (_jsx(ImageThumbnail, { url: url, getImageUrl: getImageUrl, maxHeight: thumbHeight, className: className }));
+        case 'file':
+            return _jsx(FileChip, { url: url, maxLabelWidth: maxLabelWidth, className: className });
+        default:
+            return (_jsx(UrlChip, { url: url, label: label, icon: icon, maxLabelWidth: maxLabelWidth, className: className }));
+    }
+};
+// URL / markdown-link matcher used to linkify free text. Captures either a
+// markdown `[label](url)` or a bare http(s)/www URL. `[^\s<]+` is greedy on
+// purpose — trailing punctuation is trimmed afterwards by `splitTrailingPunct`.
+const LINK_IN_TEXT_RE = /\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)|(https?:\/\/[^\s<]+|www\.[^\s<]+)/gi;
+/**
+ * Peel trailing punctuation a URL shouldn't swallow (sentence period, closing
+ * bracket, quote). A closing paren is kept only when the URL itself opened one
+ * (Wikipedia-style `(…)` paths), so `(see https://x.com/a)` links `https://x.com/a`
+ * but `https://en.wikipedia.org/wiki/Foo_(bar)` keeps its paren.
+ */
+export function splitTrailingPunct(match) {
+    const m = match.match(/[).,;:!?\]}'"»›]+$/);
+    if (!m)
+        return [match, ''];
+    let trail = m[0];
+    let core = match.slice(0, match.length - trail.length);
+    if (trail.startsWith(')')) {
+        const opens = (core.match(/\(/g) || []).length;
+        const closes = (core.match(/\)/g) || []).length;
+        if (opens > closes) {
+            core += ')';
+            trail = trail.slice(1);
+        }
+    }
+    return [core, trail];
+}
+/**
+ * Turn free text into React nodes, replacing every URL (bare or markdown
+ * `[label](url)`) with the matching rich primitive: an inline thumbnail for an
+ * image URL, a file chip for a file, otherwise a link chip. Plain text between
+ * matches is preserved verbatim (caller keeps `whitespace-pre-wrap`).
+ */
+export function linkifyText(text, opts = {}) {
+    if (!text)
+        return [];
+    const nodes = [];
+    const re = new RegExp(LINK_IN_TEXT_RE.source, 'gi');
+    let lastIndex = 0;
+    let key = 0;
+    let m;
+    while ((m = re.exec(text)) !== null) {
+        const [full, mdLabel, mdUrl, bareUrl] = m;
+        const start = m.index;
+        if (start > lastIndex)
+            nodes.push(text.slice(lastIndex, start));
+        if (mdUrl) {
+            // Markdown link: honor the author's label, keep media inline.
+            const kind = classifyUrl(mdUrl);
+            if (kind === 'image') {
+                nodes.push(_jsx(ImageThumbnail, { url: mdUrl, getImageUrl: opts.getImageUrl, maxHeight: opts.imageHeight ?? 200 }, key));
+            }
+            else if (kind === 'file') {
+                nodes.push(_jsx(FileChip, { url: mdUrl }, key));
+            }
+            else {
+                nodes.push(_jsx(UrlChip, { url: mdUrl, label: mdLabel }, key));
+            }
+            lastIndex = start + full.length;
+        }
+        else {
+            const [core, trail] = splitTrailingPunct(bareUrl);
+            const kind = classifyUrl(core);
+            if (kind === 'image') {
+                nodes.push(_jsx(ImageThumbnail, { url: core, getImageUrl: opts.getImageUrl, maxHeight: opts.imageHeight ?? 200 }, key));
+            }
+            else if (kind === 'file') {
+                nodes.push(_jsx(FileChip, { url: core }, key));
+            }
+            else {
+                nodes.push(_jsx(UrlChip, { url: core }, key));
+            }
+            if (trail)
+                nodes.push(trail);
+            lastIndex = start + bareUrl.length;
+        }
+        key++;
+    }
+    if (lastIndex < text.length)
+        nodes.push(text.slice(lastIndex));
+    return nodes;
+}
+/**
+ * Linkified free text. Renders the raw string with every URL turned into a rich
+ * chip/thumbnail — the read view for a long-text / textarea / body field.
+ */
+export const RichText = ({ text, getImageUrl, imageHeight }) => (_jsx(_Fragment, { children: linkifyText(text, { getImageUrl, imageHeight }) }));

package/package.json

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