@vertesia/ui 1.0.0-dev.20260203.130115Z → 1.0.0-dev.20260227.112605Z

package/lib/esm/widgets/json-view/JSONView.js

@@ -0,0 +1,106 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DotBadge } from "@vertesia/ui/core";
+import clsx from "clsx";
+import { computeTitleFromName } from "../form/ManagedObject.js";
+export function JSONView({ value }) {
+    return _jsx("div", { className: "flex flex-col gap-4", children: Object.entries(value).map(([key, value]) => _jsx(PropertyElement, { name: key, value: value }, key)) });
+}
+function PropertyTitle({ name }) {
+    return (_jsx("div", { className: 'text-md font-semibold', children: computeTitleFromName(name) }));
+}
+function BlockElement({ children, className }) {
+    return (_jsx("div", { className: clsx('flex flex-col gap-4 py-2 pl-4 border-l-4 border-l-solid border-l-slate-100 dark:border-l-slate-600', className), children: children }));
+}
+function PropertyElement({ name, value }) {
+    const info = getValueInfo(value);
+    switch (info.type) {
+        case ValueType.Inline:
+            return (_jsxs("div", { className: 'w-full flex gap-2', children: [_jsx(PropertyTitle, { name: name + ':' }), _jsx("p", { children: info.value })] }));
+        case ValueType.Paragraph:
+            return (_jsxs("div", { children: [_jsx(PropertyTitle, { name: name }), _jsx("p", { children: info.value })] }));
+        case ValueType.Prose:
+            return (_jsxs("div", { className: "prose dark:prose-invert", children: [_jsx(PropertyTitle, { name: name }), _jsx("div", { className: 'vprose dark:prose-invert', children: info.value })] }));
+        case ValueType.Array:
+            return (_jsx(ArrayProperty, { name: name, value: value }));
+        case ValueType.Object:
+            return (_jsxs("div", { children: [_jsx(PropertyTitle, { name: name }), _jsx(BlockElement, { className: 'mt-2', children: Object.entries(value).map(([key, value]) => _jsx(PropertyElement, { name: key, value: value }, key)) })] }));
+    }
+}
+function ArrayProperty({ name, value }) {
+    const inlineLength = value.join(' ').length;
+    const itemMediumLength = inlineLength / value.length;
+    const isInline = (typeof value[0] === 'string') && (inlineLength < 80 || inlineLength < 400 && itemMediumLength < 32);
+    const useBullet = value.length > 9;
+    return isInline ? (_jsxs("div", { className: 'flex gap-2 flex-wrap', children: [name && _jsx(PropertyTitle, { name: name + ':' }), value.map((item, index) => _jsx(DotBadge, { children: String(item) }, index))] })) : (_jsxs("div", { children: [name && _jsx(PropertyTitle, { name: name }), _jsx("div", { className: 'flex flex-col gap-2', children: value.map((value, index) => _jsx(ItemProperty, { index: index, value: value, useBullet: useBullet }, index)) })] }));
+}
+function ItemProperty({ index, value, useBullet }) {
+    const bullet = useBullet ? _jsx("span", { className: 'text-xl', children: "\u2022" }) : _jsxs("span", { children: [index + 1, "."] });
+    const info = getValueInfo(value);
+    let content;
+    switch (info.type) {
+        case ValueType.Object:
+            content = _jsx(BlockElement, { children: Object.entries(value).map(([key, value]) => _jsx(PropertyElement, { name: key, value: value }, key)) });
+            break;
+        case ValueType.Array:
+            content = _jsx(ArrayProperty, { value: value });
+            break;
+        case ValueType.Prose:
+            content = _jsx("div", { className: "prose dark:prose-invert", children: info.value });
+            break;
+        default:
+            content = _jsx("div", { children: info.value });
+            break;
+    }
+    return (_jsxs("div", { className: 'flex gap-4 hover:bg-slate-50 dark:hover:bg-slate-800 py-2 pr-2 pl-4', children: [_jsx("div", { className: 'font-semibold text-gray-600 dark:text-gray-400', children: bullet }), _jsx("div", { children: content })] }));
+}
+var ValueType;
+(function (ValueType) {
+    ValueType[ValueType["Inline"] = 0] = "Inline";
+    ValueType[ValueType["Paragraph"] = 1] = "Paragraph";
+    ValueType[ValueType["Prose"] = 2] = "Prose";
+    ValueType[ValueType["Array"] = 3] = "Array";
+    ValueType[ValueType["Object"] = 4] = "Object";
+})(ValueType || (ValueType = {}));
+function getValueInfo(value) {
+    if (value == null) {
+        return {
+            value: '-',
+            type: ValueType.Inline
+        };
+    }
+    if (Array.isArray(value)) {
+        return {
+            value,
+            type: ValueType.Array
+        };
+    }
+    const type = typeof value;
+    if (type === 'string') {
+        const len = value.length;
+        let type;
+        if (len < 80) {
+            type = ValueType.Inline;
+        }
+        else if (len > 400) {
+            type = ValueType.Prose;
+        }
+        else {
+            type = ValueType.Paragraph;
+            value = value.replace(/(?:\n\n)+/g, '\n\n');
+        }
+        return { type, value };
+    }
+    else if (type === 'number' || type === 'boolean') {
+        return {
+            value: String(value),
+            type: ValueType.Inline
+        };
+    }
+    else {
+        return {
+            value,
+            type: ValueType.Object
+        };
+    }
+}
+//# sourceMappingURL=JSONView.js.map

package/lib/esm/widgets/json-view/JSONView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JSONView.js","sourceRoot":"","sources":["../../../../src/widgets/json-view/JSONView.tsx"],"names":[],"mappings":"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"}

package/lib/esm/widgets/json-view/index.js

@@ -0,0 +1,4 @@
+export * from "./JSONCode.js";
+export * from "./JSONDisplay.js";
+export * from "./JSONView.js";
+//# sourceMappingURL=index.js.map

package/lib/esm/widgets/json-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/widgets/json-view/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}

package/lib/esm/widgets/json-view/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/esm/widgets/json-view/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/widgets/json-view/types.ts"],"names":[],"mappings":""}

package/lib/esm/widgets/markdown/ArtifactContentRenderer.js

@@ -0,0 +1,228 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ArtifactContentRenderer - Renders artifact content by type
+ *
+ * Supports rendering charts, tables, markdown, fusion fragments, and more.
+ */
+import { useMemo } from 'react';
+import DOMPurify from 'dompurify';
+import { CodeBlockPlaceholder, CodeBlockErrorBoundary } from './CodeBlockPlaceholder';
+import { VegaLiteChart } from '../../features/agent/chat/VegaLiteChart';
+import { FusionFragmentHandler, FusionFragmentProvider } from '@vertesia/fusion-ux';
+import { MarkdownRenderer } from './MarkdownRenderer';
+/**
+ * Auto-detect render type from content and path
+ */
+function autoDetectRenderType(content, path, contentType) {
+    const ext = path.split('.').pop()?.toLowerCase();
+    // SVG files → mockup renderer (inline SVG from text content)
+    if (ext === 'svg') {
+        return 'mockup';
+    }
+    // Image extensions (binary → rendered via URL)
+    if (['png', 'jpg', 'jpeg', 'gif', 'webp'].includes(ext || '')) {
+        return 'image';
+    }
+    // Markdown
+    if (ext === 'md') {
+        return 'markdown';
+    }
+    // CSV as table
+    if (ext === 'csv') {
+        return 'table';
+    }
+    // JSON content - try to detect chart or table
+    if (contentType === 'json' && typeof content === 'object' && content !== null) {
+        const obj = content;
+        // Check for Vega-Lite schema
+        if (typeof obj.$schema === 'string' && obj.$schema.includes('vega')) {
+            return 'vega-lite';
+        }
+        // Check for wrapped Vega-Lite
+        if (obj.library === 'vega-lite' && 'spec' in obj) {
+            return 'vega-lite';
+        }
+        // Check for fusion fragment template with data
+        if ('template' in obj && 'data' in obj) {
+            return 'fusion-fragment';
+        }
+        // Check for table data (array of objects)
+        if (Array.isArray(content) && content.length > 0 && typeof content[0] === 'object') {
+            return 'table';
+        }
+    }
+    // Default to code
+    return 'code';
+}
+function toVegaLiteSpec(content) {
+    if (typeof content !== 'object' || content === null) {
+        return null;
+    }
+    const obj = content;
+    if (obj.library === 'vega-lite' && 'spec' in obj && typeof obj.spec === 'object' && obj.spec !== null) {
+        return obj;
+    }
+    if (typeof obj.$schema === 'string' && obj.$schema.includes('vega')) {
+        return { library: 'vega-lite', spec: obj };
+    }
+    return null;
+}
+/**
+ * Table renderer for array data or CSV
+ */
+function TableRenderer({ content }) {
+    const { headers, rows } = useMemo(() => {
+        if (!Array.isArray(content) || content.length === 0) {
+            return { headers: [], rows: [] };
+        }
+        // Extract headers from first object
+        const first = content[0];
+        if (typeof first !== 'object' || first === null) {
+            return { headers: [], rows: [] };
+        }
+        const headers = Object.keys(first);
+        const rows = content.map(row => headers.map(h => {
+            const val = row[h];
+            if (val === null || val === undefined)
+                return '';
+            if (typeof val === 'object')
+                return JSON.stringify(val);
+            return String(val);
+        }));
+        return { headers, rows };
+    }, [content]);
+    if (headers.length === 0) {
+        return (_jsx(CodeBlockPlaceholder, { type: "table", error: "No table data found" }));
+    }
+    return (_jsxs("div", { className: "overflow-x-auto", children: [_jsxs("table", { className: "min-w-full text-sm border-collapse", children: [_jsx("thead", { children: _jsx("tr", { className: "border-b", children: headers.map((h, i) => (_jsx("th", { className: "px-3 py-2 text-left font-medium text-muted", children: h }, i))) }) }), _jsx("tbody", { children: rows.slice(0, 100).map((row, i) => (_jsx("tr", { className: "border-b border-muted/20", children: row.map((cell, j) => (_jsx("td", { className: "px-3 py-2", children: cell }, j))) }, i))) })] }), rows.length > 100 && (_jsxs("div", { className: "text-sm text-muted py-2", children: ["Showing 100 of ", rows.length, " rows"] }))] }));
+}
+/**
+ * Code block renderer for raw content
+ */
+function CodeRenderer({ content, path }) {
+    const ext = path.split('.').pop()?.toLowerCase() || '';
+    const code = typeof content === 'string' ? content : JSON.stringify(content, null, 2);
+    return (_jsx("pre", { className: "overflow-x-auto p-3 bg-muted/10 rounded text-sm", children: _jsx("code", { className: `language-${ext}`, children: code }) }));
+}
+/**
+ * Sanitize SVG markup using DOMPurify.
+ * Allows only safe SVG elements; strips scripts, event handlers, and foreignObject.
+ */
+export function sanitizeSvg(svg) {
+    return DOMPurify.sanitize(svg, {
+        USE_PROFILES: { svg: true, svgFilters: true },
+        ADD_TAGS: ['use'],
+        FORBID_TAGS: ['foreignObject'],
+    });
+}
+/**
+ * Make SVG responsive — remove fixed dimensions, ensure viewBox.
+ */
+export function makeSvgResponsive(svg) {
+    return svg.replace(/<svg([^>]*)>/i, (_full, attrs) => {
+        let a = attrs;
+        if (!/viewBox/i.test(a)) {
+            const w = /\swidth\s*=\s*["']?(\d+(?:\.\d+)?)/i.exec(a);
+            const h = /\sheight\s*=\s*["']?(\d+(?:\.\d+)?)/i.exec(a);
+            if (w && h)
+                a += ` viewBox="0 0 ${w[1]} ${h[1]}"`;
+        }
+        a = a
+            .replace(/\swidth\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/i, '')
+            .replace(/\sheight\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/i, '');
+        if (/style="/i.test(a)) {
+            a = a.replace(/style="([^"]*)"/i, (_, v) => `style="${v};width:100%;height:auto;display:block;max-width:100%;"`);
+        }
+        else {
+            a += ' style="width:100%;height:auto;display:block;max-width:100%;"';
+        }
+        if (!/preserveAspectRatio=/i.test(a)) {
+            a += ' preserveAspectRatio="xMidYMid meet"';
+        }
+        return `<svg${a}>`;
+    });
+}
+/**
+ * Mockup renderer — renders raw SVG content inline after sanitization.
+ */
+function MockupRenderer({ content }) {
+    const processedSvg = useMemo(() => {
+        const raw = typeof content === 'string' ? content.trim() : '';
+        if (!raw)
+            return null;
+        return makeSvgResponsive(sanitizeSvg(raw));
+    }, [content]);
+    if (!processedSvg) {
+        return _jsx(CodeBlockPlaceholder, { type: "expand", error: "Empty mockup" });
+    }
+    return (_jsx("div", { style: { margin: '16px 0', width: '100%', overflowX: 'auto' }, dangerouslySetInnerHTML: { __html: processedSvg } }));
+}
+/**
+ * Image renderer
+ */
+function ImageRenderer({ content, path }) {
+    const url = typeof content === 'string' ? content : '';
+    const alt = path.split('/').pop() || 'Artifact image';
+    return (_jsx("img", { src: url, alt: alt, className: "max-w-full h-auto rounded", loading: "lazy" }));
+}
+/**
+ * ArtifactContentRenderer - Main component
+ *
+ * Renders artifact content based on explicit type or auto-detection.
+ */
+export function ArtifactContentRenderer({ content, renderType, path, runId, contentType, }) {
+    // Determine actual render type
+    const actualType = useMemo(() => {
+        if (renderType !== 'auto') {
+            return renderType;
+        }
+        return autoDetectRenderType(content, path, contentType);
+    }, [content, path, contentType, renderType]);
+    // Render based on type
+    switch (actualType) {
+        case 'chart': {
+            const spec = toVegaLiteSpec(content);
+            if (!spec) {
+                return (_jsx(CodeBlockPlaceholder, { type: "chart", error: "Only Vega-Lite charts are supported. Recharts rendering has been retired." }));
+            }
+            return (_jsx(CodeBlockErrorBoundary, { type: "chart", fallbackCode: JSON.stringify(content, null, 2), children: _jsx(VegaLiteChart, { spec: spec, artifactRunId: runId }) }));
+        }
+        case 'vega-lite': {
+            const spec = toVegaLiteSpec(content);
+            if (!spec) {
+                return (_jsx(CodeBlockPlaceholder, { type: "chart", error: "Invalid Vega-Lite specification" }));
+            }
+            return (_jsx(CodeBlockErrorBoundary, { type: "chart", fallbackCode: JSON.stringify(content, null, 2), children: _jsx(VegaLiteChart, { spec: spec, artifactRunId: runId }) }));
+        }
+        case 'fusion-fragment': {
+            // For fusion fragments, content should have { template, data }
+            // Wrap with FusionFragmentProvider to inject VegaLiteChart for embedded charts
+            const fragmentContent = content;
+            console.log('[ArtifactContentRenderer] fusion-fragment:', {
+                hasTemplate: !!fragmentContent.template,
+                hasData: !!fragmentContent.data,
+                runId,
+                hasVegaLiteChart: !!VegaLiteChart,
+            });
+            if (fragmentContent.template && fragmentContent.data) {
+                return (_jsx(CodeBlockErrorBoundary, { type: "fusion-fragment", fallbackCode: JSON.stringify(content, null, 2), children: _jsx(FusionFragmentProvider, { data: fragmentContent.data, ChartComponent: VegaLiteChart, artifactRunId: runId, children: _jsx(FusionFragmentHandler, { code: JSON.stringify(fragmentContent.template), data: fragmentContent.data }) }) }));
+            }
+            // If no data wrapper, treat as template-only (needs context from parent provider)
+            return (_jsx(CodeBlockErrorBoundary, { type: "fusion-fragment", fallbackCode: JSON.stringify(content, null, 2), children: _jsx(FusionFragmentHandler, { code: JSON.stringify(content) }) }));
+        }
+        case 'table':
+            return (_jsx(CodeBlockErrorBoundary, { type: "table", fallbackCode: JSON.stringify(content, null, 2), children: _jsx(TableRenderer, { content: content }) }));
+        case 'markdown': {
+            const markdownContent = typeof content === 'string' ? content : String(content);
+            return (_jsx(CodeBlockErrorBoundary, { type: "markdown", fallbackCode: markdownContent, children: _jsx(MarkdownRenderer, { artifactRunId: runId, children: markdownContent }) }));
+        }
+        case 'mockup':
+            return (_jsx(CodeBlockErrorBoundary, { type: "expand", fallbackCode: typeof content === 'string' ? content : path, children: _jsx(MockupRenderer, { content: content }) }));
+        case 'image':
+            return (_jsx(CodeBlockErrorBoundary, { type: "image", fallbackCode: path, children: _jsx(ImageRenderer, { content: content, path: path }) }));
+        case 'code':
+        default:
+            return _jsx(CodeRenderer, { content: content, path: path });
+    }
+}
+//# sourceMappingURL=ArtifactContentRenderer.js.map

package/lib/esm/widgets/markdown/ArtifactContentRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtifactContentRenderer.js","sourceRoot":"","sources":["../../../../src/widgets/markdown/ArtifactContentRenderer.tsx"],"names":[],"mappings":"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"}

package/lib/esm/widgets/markdown/CodeBlockPlaceholder.js

@@ -0,0 +1,56 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { BarChart3, GitBranch, MessageSquare, Code, Image, Link, Download, Table, FileText } from 'lucide-react';
+const TYPE_CONFIG = {
+    chart: { icon: BarChart3, label: 'chart', defaultHeight: 200 },
+    mermaid: { icon: GitBranch, label: 'diagram', defaultHeight: 150 },
+    proposal: { icon: MessageSquare, label: 'options', defaultHeight: 100 },
+    code: { icon: Code, label: 'code', defaultHeight: 80 },
+    image: { icon: Image, label: 'image', defaultHeight: 150 },
+    link: { icon: Link, label: 'link', defaultHeight: 24 },
+    expand: { icon: Download, label: 'content', defaultHeight: 100 },
+    table: { icon: Table, label: 'table', defaultHeight: 150 },
+    markdown: { icon: FileText, label: 'content', defaultHeight: 100 },
+    'fusion-fragment': { icon: Code, label: 'fragment', defaultHeight: 150 },
+};
+/**
+ * Placeholder component shown while code blocks are loading.
+ * Provides visual feedback and error states with retry capability.
+ */
+export function CodeBlockPlaceholder({ type, error, onRetry, message, height, }) {
+    const config = TYPE_CONFIG[type];
+    const displayHeight = height ?? config.defaultHeight;
+    const isInline = type === 'link';
+    if (error) {
+        return (_jsxs("div", { className: `flex items-center gap-2 rounded border border-destructive/30 bg-destructive/5 text-destructive ${isInline ? 'inline-flex px-2 py-1 text-sm' : 'p-4'}`, style: !isInline ? { minHeight: displayHeight } : undefined, children: [_jsxs("span", { className: "text-destructive", children: ["Failed to load ", config.label] }), onRetry && (_jsx("button", { onClick: onRetry, className: "ml-2 rounded bg-destructive/10 px-2 py-1 text-xs hover:bg-destructive/20 transition-colors", children: "Retry" }))] }));
+    }
+    const IconComponent = config.icon;
+    if (isInline) {
+        return (_jsxs("span", { className: "inline-flex items-center gap-1 text-muted animate-pulse", children: [_jsx(IconComponent, { className: "h-3 w-3" }), _jsx("span", { children: message || `Loading ${config.label}...` })] }));
+    }
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-3 rounded border border-border bg-muted/30 animate-pulse", style: { minHeight: displayHeight }, children: [_jsx(IconComponent, { className: "h-8 w-8 text-muted" }), _jsx("span", { className: "text-sm text-muted", children: message || `Loading ${config.label}...` }), _jsx("div", { className: "flex gap-1", children: [...Array(3)].map((_, i) => (_jsx("div", { className: "h-2 w-2 rounded-full bg-muted animate-bounce", style: { animationDelay: `${i * 150}ms` } }, i))) })] }));
+}
+export class CodeBlockErrorBoundary extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError(error) {
+        return { hasError: true, error };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error(`CodeBlock rendering error (${this.props.type}):`, error, errorInfo);
+        this.props.onError?.(error);
+    }
+    handleRetry = () => {
+        this.setState({ hasError: false, error: undefined });
+    };
+    render() {
+        if (this.state.hasError) {
+            const { type, fallbackCode } = this.props;
+            return (_jsxs("div", { className: "space-y-2", children: [_jsx(CodeBlockPlaceholder, { type: type, error: this.state.error?.message || 'Rendering failed', onRetry: this.handleRetry }), fallbackCode && (_jsxs("details", { className: "text-sm", children: [_jsx("summary", { className: "cursor-pointer text-muted hover:text-foreground", children: "Show raw content" }), _jsx("pre", { className: "mt-2 overflow-x-auto rounded bg-muted/50 p-2 text-xs", children: _jsx("code", { children: fallbackCode }) })] }))] }));
+        }
+        return this.props.children;
+    }
+}
+//# sourceMappingURL=CodeBlockPlaceholder.js.map

package/lib/esm/widgets/markdown/CodeBlockPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockPlaceholder.js","sourceRoot":"","sources":["../../../../src/widgets/markdown/CodeBlockPlaceholder.tsx"],"names":[],"mappings":"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"}

package/lib/esm/widgets/markdown/CodeBlockPlaceholder.test.js

@@ -0,0 +1,50 @@
+import { describe, it, expect } from 'vitest';
+// Test the TYPE_CONFIG structure and CodeBlockPlaceholder behavior through type checks
+describe('CodeBlockPlaceholder types', () => {
+    // Test constants matching the component's config
+    const TYPE_LABELS = {
+        chart: 'chart',
+        mermaid: 'diagram',
+        proposal: 'options',
+        code: 'code',
+        image: 'image',
+        link: 'link',
+    };
+    const TYPE_HEIGHTS = {
+        chart: 200,
+        mermaid: 150,
+        proposal: 100,
+        code: 80,
+        image: 150,
+        link: 24,
+    };
+    it('should have config for all code block types', () => {
+        const types = ['chart', 'mermaid', 'proposal', 'code', 'image', 'link'];
+        types.forEach(type => {
+            expect(TYPE_LABELS[type]).toBeTruthy();
+            expect(TYPE_HEIGHTS[type]).toBeGreaterThan(0);
+        });
+    });
+    it('should have appropriate default heights', () => {
+        // Chart placeholders should be tall enough to show a chart preview
+        expect(TYPE_HEIGHTS.chart).toBeGreaterThanOrEqual(200);
+        // Link placeholders should be inline (small height)
+        expect(TYPE_HEIGHTS.link).toBeLessThan(50);
+        // Image placeholders should have reasonable height
+        expect(TYPE_HEIGHTS.image).toBeGreaterThanOrEqual(100);
+    });
+    it('should have unique labels for user feedback', () => {
+        const labels = Object.values(TYPE_LABELS);
+        const uniqueLabels = new Set(labels);
+        expect(uniqueLabels.size).toBe(labels.length);
+    });
+});
+describe('CodeBlockErrorBoundary behavior', () => {
+    it('should be a React Component (verified by import)', async () => {
+        // This test verifies the component can be imported without error
+        const { CodeBlockErrorBoundary } = await import('./CodeBlockPlaceholder');
+        expect(CodeBlockErrorBoundary).toBeDefined();
+        expect(typeof CodeBlockErrorBoundary).toBe('function');
+    });
+});
+//# sourceMappingURL=CodeBlockPlaceholder.test.js.map

package/lib/esm/widgets/markdown/CodeBlockPlaceholder.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockPlaceholder.test.js","sourceRoot":"","sources":["../../../../src/widgets/markdown/CodeBlockPlaceholder.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE9C,uFAAuF;AACvF,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IACxC,iDAAiD;IACjD,MAAM,WAAW,GAA2B;QACxC,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACf,CAAC;IAEF,MAAM,YAAY,GAA2B;QACzC,KAAK,EAAE,GAAG;QACV,OAAO,EAAE,GAAG;QACZ,QAAQ,EAAE,GAAG;QACb,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,GAAG;QACV,IAAI,EAAE,EAAE;KACX,CAAC;IAEF,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACnD,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QACxE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACjB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;YACvC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QAC/C,mEAAmE;QACnE,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC;QAEvD,oDAAoD;QACpD,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QAE3C,mDAAmD;QACnD,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACnD,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAC1C,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC;QACrC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,iCAAiC,EAAE,GAAG,EAAE;IAC7C,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAC9D,iEAAiE;QACjE,MAAM,EAAE,sBAAsB,EAAE,GAAG,MAAM,MAAM,CAAC,wBAAwB,CAAC,CAAC;QAC1E,MAAM,CAAC,sBAAsB,CAAC,CAAC,WAAW,EAAE,CAAC;QAC7C,MAAM,CAAC,OAAO,sBAAsB,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/lib/esm/widgets/markdown/CodeBlockRendering.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+export class CodeBlockRendererRegistry {
+    components = {};
+    registerComponent(language, component) {
+        this.components[language] = component;
+    }
+    getComponent(language) {
+        return this.components[language];
+    }
+}
+const Context = createContext(null);
+/**
+ * the compoennts must be memoized to avoid rerendering the provider unnecessarily
+ * @param param0
+ * @returns
+ */
+export function CodeBlockRendererProvider({ components, children }) {
+    const registry = useMemo(() => {
+        const registry = new CodeBlockRendererRegistry();
+        for (const [language, component] of Object.entries(components)) {
+            registry.registerComponent(language, component);
+        }
+        return registry;
+    }, [components]);
+    return (_jsx(_Fragment, { children: _jsx(Context.Provider, { value: registry, children: children }) }));
+}
+export function useCodeBlockRendererRegistry() {
+    return useContext(Context);
+}
+export function useCodeBlockComponent(language) {
+    const registry = useContext(Context);
+    if (registry) {
+        return registry.getComponent(language);
+    }
+    return undefined;
+}
+//# sourceMappingURL=CodeBlockRendering.js.map

package/lib/esm/widgets/markdown/CodeBlockRendering.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockRendering.js","sourceRoot":"","sources":["../../../../src/widgets/markdown/CodeBlockRendering.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAM3D,MAAM,OAAO,yBAAyB;IAClC,UAAU,GAAiD,EAAE,CAAC;IAE9D,iBAAiB,CAAC,QAAgB,EAAE,SAA0D;QAC1F,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IAC1C,CAAC;IAED,YAAY,CAAC,QAAgB;QACzB,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC;CAEJ;AAED,MAAM,OAAO,GAAG,aAAa,CAAmC,IAAI,CAAC,CAAC;AAMtE;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAkC;IAC9F,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,MAAM,QAAQ,GAAG,IAAI,yBAAyB,EAAE,CAAC;QACjD,KAAK,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;YAC7D,QAAQ,CAAC,iBAAiB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QACpD,CAAC;QACD,OAAO,QAAQ,CAAC;IACpB,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACH,4BACI,KAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YAAG,QAAQ,GAAoB,GACjE,CACN,CAAA;AACL,CAAC;AAED,MAAM,UAAU,4BAA4B;IACxC,OAAO,UAAU,CAAC,OAAO,CAAC,CAAC;AAC/B,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,QAAgB;IAClD,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACrC,IAAI,QAAQ,EAAE,CAAC;QACX,OAAO,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IAC3C,CAAC;IACD,OAAO,SAAS,CAAC;AACrB,CAAC"}

package/lib/esm/widgets/markdown/MarkdownFigure.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useResolvedUrl, parseUrlScheme } from './useResolvedUrl';
+import { CodeBlockPlaceholder } from './CodeBlockPlaceholder';
+/**
+ * Markdown figure component for images with captions.
+ * Wraps the image in a <figure> element with a <figcaption>.
+ *
+ * Usage in markdown: ![alt text](image-url "Caption text")
+ */
+export function MarkdownFigure({ src, alt, caption, className, artifactRunId, }) {
+    const rawSrc = src || '';
+    const { scheme } = parseUrlScheme(rawSrc);
+    // For standard URLs, render directly
+    if (scheme === 'standard') {
+        return (_jsxs("figure", { className: "my-4", children: [_jsx("img", { src: src, alt: alt, className: className }), _jsx("figcaption", { className: "mt-2 text-sm text-muted text-center italic", children: caption })] }));
+    }
+    // For artifact: and image: URLs, use the resolver
+    return (_jsx(ResolvedFigure, { rawSrc: rawSrc, alt: alt, caption: caption, artifactRunId: artifactRunId, className: className }));
+}
+/**
+ * Internal component for figures that need async URL resolution
+ */
+function ResolvedFigure({ rawSrc, alt, caption, artifactRunId, className, }) {
+    const { url, isLoading, error, retry } = useResolvedUrl({
+        rawUrl: rawSrc,
+        artifactRunId,
+        disposition: 'inline',
+    });
+    if (isLoading) {
+        return _jsx(CodeBlockPlaceholder, { type: "image", message: alt ? `Loading ${alt}...` : undefined });
+    }
+    if (error) {
+        return (_jsx(CodeBlockPlaceholder, { type: "image", error: error, onRetry: retry }));
+    }
+    if (!url) {
+        return null;
+    }
+    return (_jsxs("figure", { className: "my-4", children: [_jsx("img", { src: url, alt: alt, className: className }), _jsx("figcaption", { className: "mt-2 text-sm text-muted text-center italic", children: caption })] }));
+}
+//# sourceMappingURL=MarkdownFigure.js.map

package/lib/esm/widgets/markdown/MarkdownFigure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownFigure.js","sourceRoot":"","sources":["../../../../src/widgets/markdown/MarkdownFigure.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAU9D;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,EAC3B,GAAG,EACH,GAAG,EACH,OAAO,EACP,SAAS,EACT,aAAa,GACK;IAClB,MAAM,MAAM,GAAG,GAAG,IAAI,EAAE,CAAC;IACzB,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAE1C,qCAAqC;IACrC,IAAI,MAAM,KAAK,UAAU,EAAE,CAAC;QACxB,OAAO,CACH,kBAAQ,SAAS,EAAC,MAAM,aACpB,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,GAAI,EACjD,qBAAY,SAAS,EAAC,4CAA4C,YAC7D,OAAO,GACC,IACR,CACZ,CAAC;IACN,CAAC;IAED,kDAAkD;IAClD,OAAO,CACH,KAAC,cAAc,IACX,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,GACtB,CACL,CAAC;AACN,CAAC;AAED;;GAEG;AACH,SAAS,cAAc,CAAC,EACpB,MAAM,EACN,GAAG,EACH,OAAO,EACP,aAAa,EACb,SAAS,GAOZ;IACG,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,cAAc,CAAC;QACpD,MAAM,EAAE,MAAM;QACd,aAAa;QACb,WAAW,EAAE,QAAQ;KACxB,CAAC,CAAC;IAEH,IAAI,SAAS,EAAE,CAAC;QACZ,OAAO,KAAC,oBAAoB,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,SAAS,GAAI,CAAC;IACjG,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACR,OAAO,CACH,KAAC,oBAAoB,IACjB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,GAChB,CACL,CAAC;IACN,CAAC;IAED,IAAI,CAAC,GAAG,EAAE,CAAC;QACP,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,kBAAQ,SAAS,EAAC,MAAM,aACpB,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,GAAI,EACjD,qBAAY,SAAS,EAAC,4CAA4C,YAC7D,OAAO,GACC,IACR,CACZ,CAAC;AACN,CAAC"}

package/lib/esm/widgets/markdown/MarkdownImage.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useResolvedUrl, parseUrlScheme } from './useResolvedUrl';
+import { CodeBlockPlaceholder } from './CodeBlockPlaceholder';
+/**
+ * Markdown image component with support for custom URL schemes.
+ * Handles artifact: and image: URLs with loading states and error handling.
+ */
+export function MarkdownImage({ node, src, alt, className, artifactRunId, ExistingImg, ...rest }) {
+    const rawSrc = src || '';
+    const { scheme } = parseUrlScheme(rawSrc);
+    // For standard URLs, delegate to existing component or render directly
+    if (scheme === 'standard') {
+        if (typeof ExistingImg === 'function') {
+            return _jsx(ExistingImg, { node: node, src: src, alt: alt, ...rest });
+        }
+        return _jsx("img", { src: src, alt: alt, className: className, ...rest });
+    }
+    // For artifact: and image: URLs, use the resolver
+    return (_jsx(ResolvedImage, { rawSrc: rawSrc, alt: alt, artifactRunId: artifactRunId, className: className, rest: rest }));
+}
+/**
+ * Internal component for images that need async URL resolution
+ */
+function ResolvedImage({ rawSrc, alt, artifactRunId, className, rest, }) {
+    const { url, isLoading, error, retry } = useResolvedUrl({
+        rawUrl: rawSrc,
+        artifactRunId,
+        disposition: 'inline',
+    });
+    if (isLoading) {
+        return _jsx(CodeBlockPlaceholder, { type: "image", message: alt ? `Loading ${alt}...` : undefined });
+    }
+    if (error) {
+        return (_jsx(CodeBlockPlaceholder, { type: "image", error: error, onRetry: retry }));
+    }
+    if (!url) {
+        return null;
+    }
+    return _jsx("img", { src: url, alt: alt, className: className, ...rest });
+}
+//# sourceMappingURL=MarkdownImage.js.map