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

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

@@ -0,0 +1,45 @@
+/**
+ * Normalize Pandoc-style single-line fenced divs into remark-directive syntax.
+ *
+ * Pandoc allows single-line containers:
+ *   ::: pagebreak :::
+ *   ::: tip Some content here. :::
+ *
+ * remark-directive requires multi-line containers:
+ *   :::pagebreak
+ *   :::
+ *
+ *   :::tip
+ *   Some content here.
+ *   :::
+ *
+ * This preprocessor converts the single-line form into multi-line so that
+ * remark-directive can parse them correctly.
+ */
+/**
+ * Regex matching a single-line fenced div:
+ *   ::: name optional-content :::
+ *
+ * Groups:
+ *   [1] leading indent
+ *   [2] directive name (word chars only)
+ *   [3] optional inline content (may be empty)
+ *
+ * Only matches when both opening and closing ::: are on the SAME line,
+ * so it won't interfere with properly formatted multi-line containers.
+ */
+const SINGLE_LINE_DIRECTIVE = /^([ \t]*):::\s*(\w+)\s*(.*?)\s*:::[ \t]*$/gm;
+export function normalizeDirectives(markdown) {
+    if (!markdown || !markdown.includes(':::')) {
+        return markdown;
+    }
+    return markdown.replace(SINGLE_LINE_DIRECTIVE, (_match, indent, name, content) => {
+        if (content) {
+            // Has content → multi-line container directive
+            return `${indent}:::${name}\n${indent}${content}\n${indent}:::`;
+        }
+        // No content → leaf directive (::name)
+        return `${indent}::${name}`;
+    });
+}
+//# sourceMappingURL=normalizeDirectives.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalizeDirectives.js","sourceRoot":"","sources":["../../../../src/widgets/markdown/normalizeDirectives.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH;;;;;;;;;;;GAWG;AACH,MAAM,qBAAqB,GAAG,6CAA6C,CAAC;AAE5E,MAAM,UAAU,mBAAmB,CAAC,QAAgB;IAChD,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACzC,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED,OAAO,QAAQ,CAAC,OAAO,CACnB,qBAAqB,EACrB,CAAC,MAAM,EAAE,MAAc,EAAE,IAAY,EAAE,OAAe,EAAE,EAAE;QACtD,IAAI,OAAO,EAAE,CAAC;YACV,+CAA+C;YAC/C,OAAO,GAAG,MAAM,MAAM,IAAI,KAAK,MAAM,GAAG,OAAO,KAAK,MAAM,KAAK,CAAC;QACpE,CAAC;QACD,uCAAuC;QACvC,OAAO,GAAG,MAAM,KAAK,IAAI,EAAE,CAAC;IAChC,CAAC,CACJ,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,96 @@
+/**
+ * Custom remark plugin that transforms remark-directive nodes into
+ * HTML elements for columns layout and callout containers.
+ *
+ * Supported directives:
+ *   :::columns          → <div class="md-columns">
+ *   :::column{width=50%}→ <div class="md-column" style="width:50%">
+ *   :::note / :::warning / :::tip / :::caution / :::important → callout <div>s
+ *   :::name             → <div class="md-name"> (generic fallback)
+ */
+import { visit } from 'unist-util-visit';
+// Callout types mapped to CSS modifier classes (semantic design system)
+const CALLOUT_TYPES = {
+    note: 'md-callout-info',
+    tip: 'md-callout-info',
+    warning: 'md-callout-attention',
+    important: 'md-callout-attention',
+    caution: 'md-callout-destructive',
+};
+const CALLOUT_LABELS = {
+    note: 'Note',
+    tip: 'Tip',
+    warning: 'Warning',
+    important: 'Important',
+    caution: 'Caution',
+};
+export function remarkDirectiveHandler() {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return (tree) => {
+        visit(tree, (node) => {
+            if (node.type !== 'containerDirective' &&
+                node.type !== 'leafDirective' &&
+                node.type !== 'textDirective') {
+                return;
+            }
+            const d = node;
+            const data = d.data || (d.data = {});
+            const attrs = d.attributes || {};
+            const name = d.name;
+            // ::pagebreak / :::pagebreak → visual page break indicator
+            if (name === 'pagebreak') {
+                data.hName = 'hr';
+                data.hProperties = { className: 'md-pagebreak' };
+                return;
+            }
+            // :::columns → flex container
+            if (name === 'columns') {
+                data.hName = 'div';
+                data.hProperties = { className: 'md-columns' };
+                return;
+            }
+            // :::column{width=50%} → flex child with optional width
+            if (name === 'column') {
+                data.hName = 'div';
+                const props = { className: 'md-column' };
+                if (attrs.width) {
+                    props.style = `flex-basis:${attrs.width};flex-grow:0;flex-shrink:0`;
+                }
+                data.hProperties = props;
+                return;
+            }
+            // Callout types
+            if (name in CALLOUT_TYPES) {
+                data.hName = 'div';
+                data.hProperties = {
+                    className: `md-callout ${CALLOUT_TYPES[name]}`,
+                    'data-callout-type': name,
+                };
+                // Prepend a title paragraph
+                const label = CALLOUT_LABELS[name];
+                if (label && d.children) {
+                    const titleNode = {
+                        type: 'paragraph',
+                        data: {
+                            hName: 'p',
+                            hProperties: { className: 'md-callout-title' },
+                        },
+                        children: [{ type: 'text', value: label }],
+                    };
+                    d.children.unshift(titleNode);
+                }
+                return;
+            }
+            // Generic fallback: :::name → <div class="md-name">
+            data.hName = 'div';
+            data.hProperties = {
+                className: `md-${name}`,
+                ...Object.fromEntries(Object.entries(attrs).filter(([k]) => k !== 'class')),
+            };
+            if (attrs.class) {
+                data.hProperties.className += ` ${attrs.class}`;
+            }
+        });
+    };
+}
+//# sourceMappingURL=remarkDirectiveHandler.js.map

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

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

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

@@ -0,0 +1,174 @@
+/**
+ * useArtifactContent - Hook to fetch artifact content from GCS
+ *
+ * Used by expand:* code blocks to fetch and render artifact content inline.
+ */
+import { useState, useEffect, useCallback, useRef } from 'react';
+import { useUserSession } from '@vertesia/ui/session';
+import { useArtifactUrlCache, getArtifactCacheKey, } from '../../features/agent/chat/useArtifactUrlCache';
+/**
+ * Detect content type from path extension
+ */
+function detectContentType(path) {
+    const ext = path.split('.').pop()?.toLowerCase();
+    switch (ext) {
+        case 'json':
+            return 'json';
+        case 'md':
+        case 'txt':
+        case 'csv':
+        case 'yaml':
+        case 'yml':
+            return 'text';
+        case 'png':
+        case 'jpg':
+        case 'jpeg':
+        case 'gif':
+        case 'webp':
+        case 'pdf':
+            return 'binary';
+        default:
+            return 'text';
+    }
+}
+/**
+ * Hook to fetch artifact content from GCS.
+ * Handles caching, loading states, and error handling.
+ *
+ * @example
+ * ```tsx
+ * const { data, isLoading, error } = useArtifactContent({
+ *   runId: artifactRunId,
+ *   path: 'direct/chart_123.json'
+ * });
+ * ```
+ */
+export function useArtifactContent({ runId, path, parseJson = true, }) {
+    const { client } = useUserSession();
+    const urlCache = useArtifactUrlCache();
+    // Use refs to avoid triggering effect re-runs
+    const clientRef = useRef(client);
+    clientRef.current = client;
+    const urlCacheRef = useRef(urlCache);
+    urlCacheRef.current = urlCache;
+    const [state, setState] = useState({
+        data: undefined,
+        rawContent: undefined,
+        isLoading: true,
+        error: undefined,
+        contentType: undefined,
+    });
+    const [retryCount, setRetryCount] = useState(0);
+    const fetchContent = useCallback(async () => {
+        if (!runId) {
+            setState({
+                data: undefined,
+                rawContent: undefined,
+                isLoading: false,
+                error: 'No run ID provided',
+                contentType: undefined,
+            });
+            return;
+        }
+        if (!path) {
+            setState({
+                data: undefined,
+                rawContent: undefined,
+                isLoading: false,
+                error: 'No artifact path provided',
+                contentType: undefined,
+            });
+            return;
+        }
+        setState(prev => ({ ...prev, isLoading: true, error: undefined }));
+        const currentClient = clientRef.current;
+        const currentUrlCache = urlCacheRef.current;
+        const contentType = detectContentType(path);
+        try {
+            // Get signed URL for the artifact
+            const cacheKey = getArtifactCacheKey(runId, path, 'inline');
+            let signedUrl;
+            if (currentUrlCache) {
+                signedUrl = await currentUrlCache.getOrFetch(cacheKey, async () => {
+                    const result = await currentClient.files.getArtifactDownloadUrl(runId, path, 'inline');
+                    return result.url;
+                });
+            }
+            else {
+                const result = await currentClient.files.getArtifactDownloadUrl(runId, path, 'inline');
+                signedUrl = result.url;
+            }
+            // Fetch the actual content
+            const response = await fetch(signedUrl);
+            if (!response.ok) {
+                throw new Error(`Failed to fetch artifact: ${response.status} ${response.statusText}`);
+            }
+            // For binary content, return the URL instead
+            if (contentType === 'binary') {
+                setState({
+                    data: signedUrl,
+                    rawContent: undefined,
+                    isLoading: false,
+                    error: undefined,
+                    contentType,
+                });
+                return;
+            }
+            const rawContent = await response.text();
+            // Parse JSON if requested and content is JSON
+            let data;
+            if (parseJson && contentType === 'json') {
+                try {
+                    data = JSON.parse(rawContent);
+                }
+                catch {
+                    // If JSON parse fails, treat as text
+                    data = rawContent;
+                }
+            }
+            else {
+                data = rawContent;
+            }
+            setState({
+                data,
+                rawContent,
+                isLoading: false,
+                error: undefined,
+                contentType,
+            });
+        }
+        catch (err) {
+            const errorMessage = err instanceof Error ? err.message : 'Failed to fetch artifact';
+            console.error('Failed to fetch artifact content:', path, err);
+            setState({
+                data: undefined,
+                rawContent: undefined,
+                isLoading: false,
+                error: errorMessage,
+                contentType,
+            });
+        }
+    }, [runId, path, parseJson]);
+    useEffect(() => {
+        fetchContent();
+    }, [fetchContent, retryCount]);
+    const retry = useCallback(() => {
+        setState({
+            data: undefined,
+            rawContent: undefined,
+            isLoading: true,
+            error: undefined,
+            contentType: undefined,
+        });
+        setRetryCount(c => c + 1);
+    }, []);
+    return {
+        data: state.data,
+        rawContent: state.rawContent,
+        isLoading: state.isLoading,
+        error: state.error,
+        contentType: state.contentType,
+        retry,
+    };
+}
+//# sourceMappingURL=useArtifactContent.js.map

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

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

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

@@ -0,0 +1,175 @@
+import { useState, useEffect, useCallback, useRef } from 'react';
+import { useUserSession } from '@vertesia/ui/session';
+import { useArtifactUrlCache, getArtifactCacheKey, getFileCacheKey, } from '../../features/agent/chat/useArtifactUrlCache';
+/**
+ * Parses a URL and returns its scheme and path
+ */
+export function parseUrlScheme(rawUrl) {
+    if (rawUrl.startsWith('artifact:')) {
+        return { scheme: 'artifact', path: rawUrl.slice(9).trim() };
+    }
+    if (rawUrl.startsWith('image:')) {
+        return { scheme: 'image', path: rawUrl.slice(6).trim() };
+    }
+    if (rawUrl.startsWith('store:')) {
+        return { scheme: 'store', path: rawUrl.slice(6).trim() };
+    }
+    if (rawUrl.startsWith('document://')) {
+        return { scheme: 'document', path: rawUrl.slice(11).trim() };
+    }
+    if (rawUrl.startsWith('collection:')) {
+        return { scheme: 'collection', path: rawUrl.slice(11).trim() };
+    }
+    return { scheme: 'standard', path: rawUrl };
+}
+/**
+ * Maps internal URL schemes to application routes
+ */
+export function mapSchemeToRoute(scheme, path) {
+    switch (scheme) {
+        case 'store':
+            return path ? `/store/objects/${path}` : null;
+        case 'document':
+            return path ? `/store/objects/${path}` : null;
+        case 'collection':
+            return path ? `/store/collections/${path}` : null;
+        default:
+            return null;
+    }
+}
+/**
+ * Hook to resolve custom URL schemes (artifact:, image:, etc.) to actual URLs.
+ * Handles caching, loading states, and error handling.
+ */
+export function useResolvedUrl({ rawUrl, artifactRunId, disposition = 'inline', }) {
+    const { client } = useUserSession();
+    const urlCache = useArtifactUrlCache();
+    // Use refs to avoid triggering effect/callback re-runs when these stable values are accessed
+    const clientRef = useRef(client);
+    clientRef.current = client;
+    const urlCacheRef = useRef(urlCache);
+    urlCacheRef.current = urlCache;
+    const { scheme, path } = parseUrlScheme(rawUrl);
+    // For schemes that map to routes, resolve immediately
+    const mappedRoute = mapSchemeToRoute(scheme, path);
+    const [state, setState] = useState(() => {
+        // If it's a mapped route, use that immediately
+        if (mappedRoute) {
+            return { url: mappedRoute, isLoading: false, error: undefined };
+        }
+        // If it's a standard URL, use as-is
+        if (scheme === 'standard') {
+            return { url: rawUrl, isLoading: false, error: undefined };
+        }
+        // For artifact/image schemes, check cache first
+        if (urlCache && (scheme === 'artifact' || scheme === 'image')) {
+            let cacheKey;
+            if (scheme === 'artifact' && artifactRunId && !path.startsWith('agents/')) {
+                cacheKey = getArtifactCacheKey(artifactRunId, path, disposition);
+            }
+            else {
+                cacheKey = getFileCacheKey(path);
+            }
+            const cached = urlCache.getUrl(cacheKey);
+            if (cached) {
+                return { url: cached, isLoading: false, error: undefined };
+            }
+        }
+        // Need to fetch
+        return { url: undefined, isLoading: true, error: undefined };
+    });
+    const [retryCount, setRetryCount] = useState(0);
+    const fetchUrl = useCallback(async () => {
+        // Skip if already resolved or standard URL
+        if (mappedRoute || scheme === 'standard') {
+            return;
+        }
+        // Only artifact and image schemes need async resolution
+        if (scheme !== 'artifact' && scheme !== 'image') {
+            setState({ url: undefined, isLoading: false, error: `Unknown scheme: ${scheme}` });
+            return;
+        }
+        setState(prev => ({ ...prev, isLoading: true, error: undefined }));
+        const currentClient = clientRef.current;
+        const currentUrlCache = urlCacheRef.current;
+        try {
+            let url;
+            if (scheme === 'artifact') {
+                if (artifactRunId && !path.startsWith('agents/')) {
+                    const cacheKey = getArtifactCacheKey(artifactRunId, path, disposition);
+                    if (currentUrlCache) {
+                        url = await currentUrlCache.getOrFetch(cacheKey, async () => {
+                            const result = await currentClient.files.getArtifactDownloadUrl(artifactRunId, path, disposition);
+                            return result.url;
+                        });
+                    }
+                    else {
+                        const result = await currentClient.files.getArtifactDownloadUrl(artifactRunId, path, disposition);
+                        url = result.url;
+                    }
+                }
+                else {
+                    const cacheKey = getFileCacheKey(path);
+                    if (currentUrlCache) {
+                        url = await currentUrlCache.getOrFetch(cacheKey, async () => {
+                            const result = await currentClient.files.getDownloadUrl(path);
+                            return result.url;
+                        });
+                    }
+                    else {
+                        const result = await currentClient.files.getDownloadUrl(path);
+                        url = result.url;
+                    }
+                }
+            }
+            else {
+                // image: scheme
+                const cacheKey = getFileCacheKey(path);
+                if (currentUrlCache) {
+                    url = await currentUrlCache.getOrFetch(cacheKey, async () => {
+                        const result = await currentClient.files.getDownloadUrl(path);
+                        return result.url;
+                    });
+                }
+                else {
+                    const result = await currentClient.files.getDownloadUrl(path);
+                    url = result.url;
+                }
+            }
+            setState({ url, isLoading: false, error: undefined });
+        }
+        catch (err) {
+            const errorMessage = err instanceof Error ? err.message : 'Failed to resolve URL';
+            console.error('Failed to resolve URL:', path, err);
+            setState({ url: undefined, isLoading: false, error: errorMessage });
+        }
+    }, [scheme, path, artifactRunId, disposition, mappedRoute]);
+    useEffect(() => {
+        // Skip if already resolved
+        if (state.url && !state.error) {
+            return;
+        }
+        let cancelled = false;
+        const doFetch = async () => {
+            await fetchUrl();
+        };
+        if (!cancelled) {
+            doFetch();
+        }
+        return () => {
+            cancelled = true;
+        };
+    }, [fetchUrl, retryCount, state.url, state.error]);
+    const retry = useCallback(() => {
+        setState({ url: undefined, isLoading: true, error: undefined });
+        setRetryCount(c => c + 1);
+    }, []);
+    return {
+        url: state.url,
+        isLoading: state.isLoading,
+        error: state.error,
+        scheme,
+        retry,
+    };
+}
+//# sourceMappingURL=useResolvedUrl.js.map

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

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

package/lib/esm/widgets/monacoEditor/MonacoEditor.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Editor } from '@monaco-editor/react';
+import { useTheme } from '@vertesia/ui/core';
+import debounce from 'debounce';
+import clsx from 'clsx';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+export class VEditorApi {
+    VgetValue;
+    VsetValue;
+    constructor(VgetValue, VsetValue) {
+        this.VgetValue = VgetValue;
+        this.VsetValue = VsetValue;
+    }
+    getValue() {
+        return this.VgetValue();
+    }
+    setValue(value) {
+        this.VsetValue(value || '');
+    }
+}
+export function MonacoEditor({ onChange, value, className, editorRef, language = 'javascript', debounceTimeout = 0, options = {}, beforeMount, onMount, defaultValue, }) {
+    const [editorValue, setEditorValue] = useState(value || defaultValue || '');
+    const editorInstanceRef = useRef(null);
+    const { theme } = useTheme();
+    const getValueRef = useRef(() => editorValue);
+    const setValueRef = useRef((newValue) => {
+        setEditorValue(newValue);
+        if (editorInstanceRef.current) {
+            editorInstanceRef.current.setValue(newValue);
+        }
+    });
+    useEffect(() => {
+        getValueRef.current = () => editorValue;
+    }, [editorValue]);
+    useEffect(() => {
+        if (editorRef) {
+            editorRef.current = new VEditorApi(() => getValueRef.current(), (value) => setValueRef.current(value));
+        }
+        return () => {
+            if (editorRef) {
+                editorRef.current = undefined;
+            }
+        };
+    }, [editorRef]);
+    const debouncedOnChange = useMemo(() => {
+        if (!onChange)
+            return undefined;
+        if (debounceTimeout > 0) {
+            return debounce((update) => onChange(update), debounceTimeout);
+        }
+        else {
+            return onChange;
+        }
+    }, [onChange, debounceTimeout]);
+    const handleEditorChange = useCallback((newValue) => {
+        const actualValue = newValue || '';
+        setEditorValue(actualValue);
+        if (debouncedOnChange) {
+            const update = {
+                docChanged: true,
+                state: {
+                    doc: {
+                        toString: () => actualValue,
+                        length: actualValue.length
+                    }
+                }
+            };
+            // Using type assertion through unknown to avoid complex type mocking
+            debouncedOnChange(update);
+        }
+    }, [debouncedOnChange]);
+    const handleEditorDidMount = useCallback((editor, monacoInstance) => {
+        editorInstanceRef.current = editor;
+        // Update the setValue ref to use the actual editor instance
+        setValueRef.current = (newValue) => {
+            setEditorValue(newValue);
+            editor.setValue(newValue);
+        };
+        // Set up custom theme for better error line highlighting
+        monacoInstance.editor.defineTheme('errorLineTheme', {
+            base: theme === 'dark' ? 'vs-dark' : 'vs',
+            inherit: true,
+            rules: [],
+            colors: {
+                'editorError.background': '#ffebee',
+                'editorError.border': '#f44336',
+            },
+        });
+        monacoInstance.editor.setTheme('errorLineTheme');
+        // Call custom onMount if provided
+        onMount?.(editor, monacoInstance);
+    }, [onMount, theme]);
+    // Update editor value when prop changes from outside
+    useEffect(() => {
+        const effectiveValue = value || defaultValue || '';
+        if (effectiveValue !== editorValue) {
+            setEditorValue(effectiveValue);
+            if (editorInstanceRef.current) {
+                editorInstanceRef.current.setValue(effectiveValue);
+            }
+        }
+    }, [value]); // Only depend on value prop, not editorValue
+    const defaultOptions = {
+        fontSize: 14,
+        fontFamily: 'monospace',
+        minimap: { enabled: false },
+        scrollBeyondLastLine: false,
+        wordWrap: 'on',
+        lineNumbers: 'on',
+        folding: false,
+        lineDecorationsWidth: 10,
+        lineNumbersMinChars: 3,
+        automaticLayout: true,
+        formatOnPaste: true,
+        formatOnType: true,
+        tabSize: 2,
+        insertSpaces: true,
+        glyphMargin: true, // Enable better error reporting
+        renderValidationDecorations: 'on', // Show error squiggles
+        renderLineHighlight: 'line', // Highlight entire line for errors
+        hover: {
+            enabled: true,
+            delay: 100
+        }, // Enable hover for error messages
+        quickSuggestions: {
+            other: true,
+            comments: true,
+            strings: true
+        }, // Show problems panel information
+        ...options
+    };
+    return (_jsx("div", { className: clsx(className, 'w-full h-full!'), children: _jsx(Editor, { className: "h-full w-full", height: "100%", theme: theme === 'dark' ? 'vs-dark' : 'light', language: language, value: editorValue, onChange: handleEditorChange, onMount: handleEditorDidMount, beforeMount: beforeMount, options: defaultOptions, defaultValue: defaultValue || '' }) }));
+}
+//# sourceMappingURL=MonacoEditor.js.map

package/lib/esm/widgets/monacoEditor/MonacoEditor.js.map

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