@vertesia/ui 0.80.0-dev-20251118 → 0.80.0

package/src/widgets/markdown/MarkdownRenderer.tsx

@@ -1,6 +1,32 @@
-import Markdown from "react-markdown";
+import React from "react";
+import Markdown, { defaultUrlTransform } from "react-markdown";
 import remarkGfm from "remark-gfm";
-import { visit, SKIP } from 'unist-util-visit';
+import { visit, SKIP } from "unist-util-visit";
+import { AgentChart, type AgentChartSpec } from "../../features/agent/chat/AgentChart";
+import { useUserSession } from "@vertesia/ui/session";
+
+// Custom URL schemes that we handle in our components
+const ALLOWED_CUSTOM_SCHEMES = [
+    'artifact:',
+    'image:',
+    'store:',
+    'document:',
+    'document://',
+    'collection:',
+];
+
+/**
+ * Custom URL transform that allows our custom schemes while using
+ * the default transform for standard URLs (which sanitizes unsafe schemes).
+ */
+function customUrlTransform(url: string): string {
+    // Allow our custom schemes - they're handled by our custom components
+    if (ALLOWED_CUSTOM_SCHEMES.some(scheme => url.startsWith(scheme))) {
+        return url;
+    }
+    // Fall back to default sanitization for other URLs
+    return defaultUrlTransform(url);
+}
 
 function remarkRemoveComments() {
     return (tree: any) => {
@@ -20,26 +46,344 @@ interface MarkdownRendererProps {
     components?: any;
     remarkPlugins?: any[];
     removeComments?: boolean;
+    /**
+     * Optional workflow run id used to resolve shorthand artifact paths (e.g. artifact:out/result.csv)
+     */
+    artifactRunId?: string;
 }
 
 export function MarkdownRenderer({ 
     children, 
     components, 
     remarkPlugins = [], 
-    removeComments = true
+    removeComments = true,
+    artifactRunId,
 }: MarkdownRendererProps) {
+    const { client } = useUserSession();
     const plugins = [remarkGfm, ...remarkPlugins];
     
     if (removeComments) {
         plugins.push(remarkRemoveComments);
     }
 
+    const componentsWithCharts = React.useMemo(() => {
+        const baseComponents = components || {};
+        const ExistingCode = baseComponents.code;
+        const ExistingLink = baseComponents.a;
+        const ExistingImg = baseComponents.img;
+
+        const CodeComponent = ({
+            node,
+            className,
+            children,
+            ...props
+        }: {
+            node?: any;
+            className?: string;
+            children?: React.ReactNode;
+        }) => {
+            const match = /language-(\w+)/.exec(className || "");
+            const isInline = !match;
+            const language = match ? match[1] : "";
+
+            if (!isInline && (language === "chart" || className?.includes("language-chart"))) {
+                try {
+                    const raw = String(children || "").trim();
+                    const spec = JSON.parse(raw) as AgentChartSpec;
+                    if (spec && spec.chart && Array.isArray(spec.data)) {
+                        return <AgentChart spec={spec} />;
+                    }
+                } catch (e) {
+                    console.warn("Failed to parse chart spec:", e);
+                }
+            }
+
+            if (typeof ExistingCode === "function") {
+                return <ExistingCode node={node} className={className} {...props}>{children}</ExistingCode>;
+            }
+
+            return (
+                <code
+                    {...props}
+                    className={
+                        isInline
+                            ? "px-1.5 py-0.5 rounded"
+                            : "text-muted"
+                    }
+                >
+                    {children}
+                </code>
+            );
+        };
+
+        const LinkComponent = (props: { node?: any; href?: string; children?: React.ReactNode }) => {
+            const { node, href, children, ...rest } = props as any;
+            const rawHref = href || "";
+            const isArtifactLink = rawHref.startsWith("artifact:");
+            const artifactPath = isArtifactLink ? rawHref.replace(/^artifact:/, "").trim() : "";
+            const isImageLink = rawHref.startsWith("image:");
+            const imagePath = isImageLink ? rawHref.replace(/^image:/, "").trim() : "";
+            const [resolvedHref, setResolvedHref] = React.useState<string | undefined>(undefined);
+
+            React.useEffect(() => {
+                let cancelled = false;
+                const resolve = async () => {
+                    if (!isArtifactLink && !isImageLink) {
+                        setResolvedHref(undefined);
+                        return;
+                    }
+                    try {
+                        if (isArtifactLink) {
+                            // If we have a run id and the path looks like a shorthand (e.g. out/...), use artifact API.
+                            if (artifactRunId && !artifactPath.startsWith("agents/")) {
+                                const { url } = await client.files.getArtifactDownloadUrl(
+                                    artifactRunId,
+                                    artifactPath,
+                                    "attachment",
+                                );
+                                if (!cancelled) {
+                                    setResolvedHref(url);
+                                }
+                            } else {
+                                // Otherwise, treat it as a direct file path.
+                                const { url } = await client.files.getDownloadUrl(artifactPath);
+                                if (!cancelled) {
+                                    setResolvedHref(url);
+                                }
+                            }
+                        } else if (isImageLink) {
+                            // image:<path> is treated as a direct file path resolved via files API
+                            const { url } = await client.files.getDownloadUrl(imagePath);
+                            if (!cancelled) {
+                                setResolvedHref(url);
+                            }
+                        }
+                    } catch (err) {
+                        const contextPath = isArtifactLink ? artifactPath : imagePath;
+                        console.error("Failed to resolve link in MarkdownRenderer:", contextPath, err);
+                        if (!cancelled) {
+                            setResolvedHref(undefined);
+                        }
+                    }
+                };
+                resolve();
+                return () => {
+                    cancelled = true;
+                };
+            }, [isArtifactLink, artifactPath, isImageLink, imagePath, artifactRunId, client]);
+
+            // Handle document://<id> links by mapping them to /store/objects/<id>
+            if (rawHref.startsWith("document://")) {
+                const id = rawHref.replace(/^document:\/\//, "").trim();
+                const mappedHref = id ? `/store/objects/${id}` : rawHref;
+
+                if (typeof ExistingLink === "function") {
+                    return <ExistingLink node={node} href={mappedHref} {...rest}>{children}</ExistingLink>;
+                }
+
+                return (
+                    <a
+                        href={mappedHref}
+                        {...rest}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        {children}
+                    </a>
+                );
+            }
+
+            // Handle store:<id> links by mapping them to /store/objects/<id>
+            if (rawHref.startsWith("store:")) {
+                const id = rawHref.replace(/^store:/, "").trim();
+                const mappedHref = id ? `/store/objects/${id}` : rawHref;
+
+                if (typeof ExistingLink === "function") {
+                    return <ExistingLink node={node} href={mappedHref} {...rest}>{children}</ExistingLink>;
+                }
+
+                return (
+                    <a
+                        href={mappedHref}
+                        {...rest}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        {children}
+                    </a>
+                );
+            }
+
+            // Handle collection:<id> links by mapping them to /store/collections/<id>
+            if (rawHref.startsWith("collection:")) {
+                const id = rawHref.replace(/^collection:/, "").trim();
+                const mappedHref = id ? `/store/collections/${id}` : rawHref;
+
+                if (typeof ExistingLink === "function") {
+                    return <ExistingLink node={node} href={mappedHref} {...rest}>{children}</ExistingLink>;
+                }
+
+                return (
+                    <a
+                        href={mappedHref}
+                        {...rest}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        {children}
+                    </a>
+                );
+            }
+
+            // Defer to existing link component if provided and not an artifact: URL
+            if (!isArtifactLink && !isImageLink && typeof ExistingLink === "function") {
+                return <ExistingLink node={node} href={href} {...rest}>{children}</ExistingLink>;
+            }
+
+            // Handle artifact: links generically by resolving to a signed URL when possible.
+            if (isArtifactLink) {
+                const finalHref = resolvedHref || "#";
+
+                return (
+                    <a
+                        href={finalHref}
+                        {...rest}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        {children}
+                    </a>
+                );
+            }
+
+            // Handle image: links by resolving to a signed URL when possible.
+            if (isImageLink) {
+                const finalHref = resolvedHref || "#";
+
+                return (
+                    <a
+                        href={finalHref}
+                        {...rest}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        {children}
+                    </a>
+                );
+            }
+
+            // Default link behavior
+            return (
+                <a
+                    href={href}
+                    {...rest}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                >
+                    {children}
+                </a>
+            );
+        };
+
+        const ImageComponent = (props: { node?: any; src?: string; alt?: string }) => {
+            const { node, src, alt, ...rest } = props as any;
+            const rawSrc = src || "";
+            const isArtifactRef = rawSrc.startsWith("artifact:");
+            const isImageRef = rawSrc.startsWith("image:");
+            const isArtifactOrImageRef = isArtifactRef || isImageRef;
+            const path = isArtifactOrImageRef ? rawSrc.replace(/^artifact:/, "").replace(/^image:/, "").trim() : "";
+            const [resolvedSrc, setResolvedSrc] = React.useState<string | undefined>(undefined);
+
+            React.useEffect(() => {
+                let cancelled = false;
+                const resolve = async () => {
+                    if (!isArtifactOrImageRef) {
+                        setResolvedSrc(undefined);
+                        return;
+                    }
+                    try {
+                        if (isArtifactRef) {
+                            // Allow shorthand artifact paths when we have a run id
+                            if (artifactRunId && !path.startsWith("agents/")) {
+                                const { url } = await client.files.getArtifactDownloadUrl(
+                                    artifactRunId,
+                                    path,
+                                    "inline",
+                                );
+                                if (!cancelled) {
+                                    setResolvedSrc(url);
+                                }
+                            } else {
+                                const { url } = await client.files.getDownloadUrl(path);
+                                if (!cancelled) {
+                                    setResolvedSrc(url);
+                                }
+                            }
+                        } else if (isImageRef) {
+                            // image:<path> is always resolved via files API
+                            const { url } = await client.files.getDownloadUrl(path);
+                            if (!cancelled) {
+                                setResolvedSrc(url);
+                            }
+                        }
+                    } catch (err) {
+                        console.error("Failed to resolve image link in MarkdownRenderer:", path, err);
+                        if (!cancelled) {
+                            setResolvedSrc(undefined);
+                        }
+                    }
+                };
+                resolve();
+                return () => {
+                    cancelled = true;
+                };
+            }, [isArtifactOrImageRef, path, artifactRunId, client]);
+
+            // If a custom img component was passed and this is not an artifact:/image: URL, delegate.
+            if (!isArtifactOrImageRef && typeof ExistingImg === "function") {
+                return <ExistingImg node={node} src={src} alt={alt} {...rest} />;
+            }
+
+            if (isArtifactOrImageRef) {
+                if (!resolvedSrc) {
+                    // Render nothing or a minimal placeholder until resolved
+                    return null;
+                }
+
+                return (
+                    <img
+                        src={resolvedSrc}
+                        alt={alt}
+                        {...rest}
+                    />
+                );
+            }
+
+            // Default image behavior
+            return (
+                <img
+                    src={src}
+                    alt={alt}
+                    {...rest}
+                />
+            );
+        };
+
+        return {
+            ...baseComponents,
+            code: CodeComponent,
+            a: LinkComponent,
+            img: ImageComponent,
+        };
+    }, [components, client, artifactRunId]);
+
     return (
-        <Markdown 
+        <Markdown
             remarkPlugins={plugins}
-            components={components}
+            components={componentsWithCharts}
+            urlTransform={customUrlTransform}
         >
             {children}
         </Markdown>
     );
-}
+}

package/src/widgets/schema-editor/ManagedSchema.ts

@@ -279,16 +279,13 @@ export class SchemaNode {
         if (this.schema.editor && data.editor === null) {
             // explicitly set to null => delete current editor
             this.schema.editor = undefined;
-            this.schema.format = undefined;
             updated = true;
         } else if (data.editor) { // a new editor is set
             this.schema.editor = data.editor;
-            this.schema.format = data.editor;
             updated = true;
         } else if (typeChanged) {
             // preserve editor only if the type didn't change
             this.schema.editor = undefined;
-            this.schema.format = undefined;
             updated = true;
         }
         if (data.description !== this.description) {

package/src/widgets/schema-editor/json-schema4-utils.ts

@@ -132,7 +132,7 @@ export function getTypeSignature(schema: JSONSchema): TypeSignature {
         typeName = getItemTypeName(schema.items);
     }
     let displayTypeName: string = typeName;
-    switch (schema.editor || schema.format) {
+    switch (schema.editor) {
         case 'textarea': {
             displayTypeName = 'text'; break;
         }

package/src/widgets/xml-viewer/components/XMLViewer.tsx

@@ -1,6 +1,5 @@
-import { isEqual } from 'lodash-es';
 import { useEffect, useMemo, useState } from 'react';
-import { defaultTheme } from '../constants';
+import { darkTheme, defaultTheme } from '../constants';
 import { XMLViewerContext } from '../context/xml-viewer-context';
 import useXMLViewer from '../hooks/useXMLViewer';
 import { Elements } from './Elements';
@@ -17,7 +16,27 @@ export function XMLViewer(props: XMLViewerProps): React.ReactNode {
     initalCollapsedDepth,
     initialCollapsedDepth,
   } = props;
-  const [theme, setTheme] = useState<Theme>(() => ({ ...defaultTheme, ...customTheme }));
+
+  // Detect dark mode from document root class (set by ThemeProvider)
+  const [isDarkMode, setIsDarkMode] = useState(() => {
+    return document.documentElement.classList.contains('dark');
+  });
+
+  useEffect(() => {
+    const root = document.documentElement;
+    const observer = new MutationObserver(() => {
+      setIsDarkMode(root.classList.contains('dark'));
+    });
+    observer.observe(root, { attributes: true, attributeFilter: ['class'] });
+    return () => observer.disconnect();
+  }, []);
+
+  // Compute theme based on dark mode, then apply custom overrides
+  const theme = useMemo<Theme>(() => {
+    const baseTheme = isDarkMode ? darkTheme : defaultTheme;
+    return { ...baseTheme, ...customTheme };
+  }, [isDarkMode, customTheme]);
+
   const { json, valid } = useXMLViewer(xml);
   const context = useMemo(
     () => ({
@@ -29,13 +48,6 @@ export function XMLViewer(props: XMLViewerProps): React.ReactNode {
     [theme, collapsible, indentSize, initalCollapsedDepth, initialCollapsedDepth],
   );
 
-  useEffect(() => {
-    setTheme((currentTheme) => {
-      const nextTheme = { ...defaultTheme, ...customTheme };
-      return isEqual(nextTheme, currentTheme) ? currentTheme : nextTheme;
-    });
-  }, [customTheme]);
-
   if (!valid) {
     return invalidXml ? invalidXml : <InvalidXml />;
   }

package/src/widgets/xml-viewer/constants/index.ts

@@ -15,3 +15,14 @@ export const defaultTheme = {
   cdataColor: '#1d781d',
   fontFamily: 'monospace',
 };
+
+export const darkTheme = {
+  attributeKeyColor: '#FFD700',
+  attributeValueColor: '#FF4500',
+  tagColor: '#87CEFA',
+  textColor: '#00FF00',
+  separatorColor: '#FFD700',
+  commentColor: '#BEBEBE',
+  cdataColor: '#33CC66',
+  fontFamily: 'monospace',
+};

package/lib/esm/features/magic-pdf/PageSlider.js

@@ -1,70 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Center } from "@vertesia/ui/core";
-import clsx from "clsx";
-import { AtSignIcon, ChevronsDown, ChevronsUp, ImageIcon, InfoIcon } from "lucide-react";
-import { useRef, useState } from "react";
-import { usePdfPagesInfo } from "./PdfPageProvider";
-var ImageType;
-(function (ImageType) {
-    ImageType[ImageType["default"] = 0] = "default";
-    ImageType[ImageType["original"] = 1] = "original";
-    ImageType[ImageType["instrumented"] = 2] = "instrumented";
-    ImageType[ImageType["annotated"] = 3] = "annotated";
-})(ImageType || (ImageType = {}));
-export function PageSlider({ className, currentPage, onChange, object }) {
-    const getProcessorType = () => {
-        if (object.metadata?.type === "document") {
-            const docMetadata = object.metadata;
-            return docMetadata.content_processor?.type || "xml";
-        }
-        return "xml"; // default
-    };
-    const getDefaultImageType = () => {
-        const processorType = getProcessorType();
-        return processorType === "markdown" ? ImageType.original : ImageType.default;
-    };
-    const [imageType, setImageType] = useState(getDefaultImageType());
-    const ref = useRef(null);
-    const { urls, originalUrls, annotatedUrls, instrumentedUrls } = usePdfPagesInfo();
-    const goPrev = () => {
-        if (currentPage > 1) {
-            onChange(currentPage - 1);
-            if (ref.current) {
-                ref.current.querySelector(`div[data-index="${currentPage - 1}"]`)?.scrollIntoView({
-                    behavior: 'smooth',
-                    block: 'end',
-                    inline: 'center'
-                });
-            }
-        }
-    };
-    const goNext = () => {
-        if (currentPage < urls.length) {
-            onChange(currentPage + 1);
-            if (ref.current) {
-                ref.current.querySelector(`div[data-index="${currentPage + 1}"]`)?.scrollIntoView({
-                    behavior: 'smooth',
-                    block: 'end',
-                    inline: 'center'
-                });
-            }
-        }
-    };
-    const actualUrls = imageType === ImageType.instrumented ? instrumentedUrls :
-        (imageType === ImageType.annotated ? annotatedUrls :
-            (imageType === ImageType.original ? originalUrls : urls));
-    return (_jsxs("div", { ref: ref, className: clsx('flex flex-col items-stretch gap-y-2', className), children: [_jsxs("div", { className: "flex h-5 items-center justify-center relative", children: [_jsx("button", { className: BTN_CLASS, onClick: goPrev, children: _jsx(ChevronsUp, { className: 'w-5 h-5' }) }), _jsx("div", { className: "absolute right-3 flex gap-x-1", children: getProcessorType() === "markdown" ? (_jsxs(_Fragment, { children: [_jsx("button", { className: getRadioButtonClass(ImageType.original, imageType), onClick: () => setImageType(ImageType.original), children: _jsx(ImageIcon, { className: "w-5 h-5 mt-1" }) }), _jsx("button", { className: getRadioButtonClass(ImageType.instrumented, imageType), onClick: () => setImageType(ImageType.instrumented), children: _jsx(InfoIcon, { className: "w-5 h-5 mt-1" }) })] })) : (_jsxs(_Fragment, { children: [_jsx("button", { className: getRadioButtonClass(ImageType.default, imageType), onClick: () => setImageType(ImageType.default), children: _jsx(ImageIcon, { className: "w-5 h-5 mt-1" }) }), _jsx("button", { className: getRadioButtonClass(ImageType.instrumented, imageType), onClick: () => setImageType(ImageType.instrumented), children: _jsx(InfoIcon, { className: "w-5 h-5 mt-1" }) }), _jsx("button", { className: getRadioButtonClass(ImageType.annotated, imageType), onClick: () => setImageType(ImageType.annotated), children: _jsx(AtSignIcon, { className: "w-5 h-5 mt-1" }) })] })) })] }), _jsx("div", { className: 'flex flex-col items-center gap-2 flex-1 overflow-y-auto px-2', children: actualUrls.map((url, index) => _jsx(PageThumbnail, { url: url, currentPage: currentPage, pageNumber: index + 1, onSelect: () => onChange(index + 1) }, index)) }), _jsx("div", { className: "flex h-5 items-center justify-center relative", children: _jsx("button", { className: BTN_CLASS, onClick: goNext, children: _jsx(ChevronsDown, { className: 'size-5' }) }) })] }));
-}
-function PageThumbnail({ url, pageNumber, currentPage, onSelect }) {
-    return (_jsxs("div", { className: "p-2 hover:bg-gray-200 dark:hover:bg-slate-600 rounded-md", "data-index": pageNumber - 1, children: [_jsx("div", { className: clsx('relative border-[2px] cursor-pointer', pageNumber === currentPage ? "border-blue-500 dark:border-pink-400" : "border-gray-300"), onClick: onSelect, children: _jsx("img", { src: url, alt: `Page ${pageNumber}` }) }), _jsx(Center, { className: "text-sm text-gray-500 dark:text-gray-400 pt-1 font-semibold align", children: pageNumber })] }));
-}
-const BTN_CLASS = "cursor-pointer text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500 hover:font-semibold";
-function getRadioButtonClass(type, currentType) {
-    if (type === currentType) {
-        return '${BTN_CLASS} text-pink-600';
-    }
-    else {
-        return `${BTN_CLASS}`;
-    }
-}
-//# sourceMappingURL=PageSlider.js.map

package/lib/esm/features/magic-pdf/PageSlider.js.map

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