@vertesia/ui 1.3.0 → 1.4.0-dev.20260615.042549Z

package/lib/features/agent/chat/workstreams.js

@@ -0,0 +1,136 @@
+import { AgentMessageType } from '@vertesia/common';
+export function formatWorkstreamName(workstreamId) {
+    const normalized = workstreamId
+        .replace(/^workstream[:_-]?/i, '')
+        .replace(/^sys:/i, '')
+        .replace(/[-_:]?[0-9a-f]{8}-[0-9a-f-]{12,}$/i, '')
+        .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+        .replace(/([A-Z]+)([A-Z][a-z])/g, '$1 $2')
+        .replace(/[:_-]+/g, ' ')
+        .trim();
+    if (!normalized)
+        return workstreamId;
+    return normalized
+        .split(/\s+/)
+        .map((part) => {
+        const lower = part.toLowerCase();
+        if (lower === 'qa')
+            return 'QA';
+        if (lower === 'ui')
+            return 'UI';
+        if (lower === 'api')
+            return 'API';
+        if (lower === 'url')
+            return 'URL';
+        return lower.charAt(0).toUpperCase() + lower.slice(1);
+    })
+        .join(' ');
+}
+function isGeneratedWorkstreamId(workstreamId) {
+    return /[0-9a-f]{8}-[0-9a-f-]{12,}/i.test(workstreamId);
+}
+export function getWorkstreamDisplayName(workstreamId, interaction) {
+    const formattedInteraction = interaction ? formatWorkstreamName(interaction) : '';
+    const formattedWorkstream = formatWorkstreamName(workstreamId);
+    if (!formattedInteraction)
+        return formattedWorkstream;
+    if (isGeneratedWorkstreamId(workstreamId))
+        return formattedInteraction;
+    const normalizedInteraction = formattedInteraction.toLowerCase().replace(/\s+/g, '');
+    const normalizedWorkstream = formattedWorkstream.toLowerCase().replace(/\s+/g, '');
+    if (normalizedWorkstream.startsWith(normalizedInteraction))
+        return formattedInteraction;
+    return formattedWorkstream;
+}
+function getMessageText(message) {
+    if (!message.message)
+        return '';
+    if (typeof message.message === 'object')
+        return JSON.stringify(message.message, null, 2);
+    return String(message.message).trim();
+}
+function isNonMainWorkstreamId(workstreamId) {
+    if (typeof workstreamId !== 'string')
+        return false;
+    const normalized = workstreamId.trim().toLowerCase();
+    return Boolean(normalized && normalized !== 'main' && normalized !== 'all');
+}
+function isJsonLikeText(text) {
+    const trimmed = text.trim();
+    if (!trimmed || !/^[{[]/.test(trimmed))
+        return false;
+    try {
+        JSON.parse(trimmed);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+export function isWorkstreamInternalResultText(text, workstreamId) {
+    return isNonMainWorkstreamId(workstreamId) && isJsonLikeText(text);
+}
+export function isWorkstreamInternalResultMessage(message) {
+    if (!isWorkstreamInternalResultText(getMessageText(message), message.workstream_id))
+        return false;
+    if (message.type !== AgentMessageType.ANSWER && message.type !== AgentMessageType.COMPLETE)
+        return false;
+    const eventClass = message.details?.event_class;
+    return eventClass === 'user_content' || message.details?.streamed === true;
+}
+export function getWorkstreamStatusClass(status) {
+    switch (status) {
+        case 'running':
+            return 'bg-info';
+        case 'canceling':
+            return 'bg-attention';
+        case 'completed':
+            return 'bg-success';
+        case 'canceled':
+        case 'failed':
+        case 'timeout':
+            return 'bg-destructive';
+    }
+}
+export function getWorkstreamLifecycleStatus(message) {
+    const details = message.details;
+    const status = details?.status;
+    if (status === 'running' ||
+        status === 'canceling' ||
+        status === 'completed' ||
+        status === 'canceled' ||
+        status === 'failed' ||
+        status === 'timeout') {
+        return status;
+    }
+    if (details?.workstream_event === 'completed')
+        return 'completed';
+    return undefined;
+}
+export function isWorkstreamTerminalMessage(message) {
+    const status = getWorkstreamLifecycleStatus(message);
+    if (status === 'completed' || status === 'canceled' || status === 'failed' || status === 'timeout')
+        return true;
+    return false;
+}
+export function getWorkstreamLaunchDetails(message) {
+    const details = message.details;
+    if (details?.workstream_event !== 'launched')
+        return null;
+    const workstreamId = typeof details.workstream_id === 'string'
+        ? details.workstream_id
+        : typeof message.workstream_id === 'string'
+            ? message.workstream_id
+            : '';
+    if (!workstreamId || workstreamId === 'main' || workstreamId === 'all')
+        return null;
+    return {
+        workstreamId,
+        launchId: typeof details.launch_id === 'string' ? details.launch_id : undefined,
+        kind: typeof details.kind === 'string' ? details.kind : undefined,
+        interaction: typeof details.interaction === 'string' ? details.interaction : undefined,
+        childWorkflowId: typeof details.child_workflow_id === 'string' ? details.child_workflow_id : undefined,
+        childWorkflowRunId: typeof details.child_workflow_run_id === 'string' ? details.child_workflow_run_id : undefined,
+    };
+}
+//# sourceMappingURL=workstreams.js.map

package/lib/features/agent/chat/workstreams.js.map

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

package/lib/features/agent/index.d.ts

@@ -0,0 +1,3 @@
+export * from './chat';
+export * from './PayloadBuilder';
+//# sourceMappingURL=index.d.ts.map

package/lib/features/agent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/agent/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC"}

package/lib/features/agent/index.js

@@ -0,0 +1,3 @@
+export * from './chat';
+export * from './PayloadBuilder';
+//# sourceMappingURL=index.js.map

package/lib/features/agent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/features/agent/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC"}

package/lib/features/document-viewer/UniversalDocumentViewer.d.ts

@@ -0,0 +1,73 @@
+import { type MarkdownRendererProps } from '@vertesia/ui/widgets';
+import { type ComponentType, type ReactNode } from 'react';
+export type UniversalDocumentRenditionTarget = 'pdf' | 'markdown' | 'text' | 'image';
+export interface UniversalDocumentSource {
+    id?: string;
+    title?: string;
+    fileName?: string;
+    contentType?: string;
+    url?: string;
+    sourcePath?: string;
+    content?: string;
+    artifact?: {
+        runId: string;
+        path: string;
+    };
+}
+export interface UniversalDocumentRendition {
+    url?: string;
+    sourcePath?: string;
+    content?: string;
+    contentType?: string;
+    fileName?: string;
+}
+export interface UniversalDocumentViewerContext {
+    source: UniversalDocumentSource;
+    fileName: string;
+    extension: string;
+    contentType?: string;
+    url?: string;
+    content?: string;
+    isLoading: boolean;
+    error: string | null;
+    reload: () => void;
+}
+export interface UniversalDocumentRenderer {
+    id: string;
+    canRender: (context: UniversalDocumentViewerContext) => boolean;
+    render?: (context: UniversalDocumentViewerContext) => ReactNode;
+    Component?: ComponentType<{
+        context: UniversalDocumentViewerContext;
+    }>;
+}
+export interface UniversalDocumentConverterContext {
+    source: UniversalDocumentSource;
+    fileName: string;
+    extension: string;
+    contentType?: string;
+    target: UniversalDocumentRenditionTarget;
+}
+export interface UniversalDocumentConverter {
+    id: string;
+    target: UniversalDocumentRenditionTarget;
+    canConvert: (context: UniversalDocumentConverterContext) => boolean;
+    convert: (context: UniversalDocumentConverterContext) => Promise<UniversalDocumentRendition | null>;
+}
+export interface UniversalDocumentViewerProps {
+    source: UniversalDocumentSource;
+    className?: string;
+    bodyClassName?: string;
+    renderers?: UniversalDocumentRenderer[];
+    converters?: UniversalDocumentConverter[];
+    resolveUrl?: (source: UniversalDocumentSource, disposition: 'inline' | 'attachment') => Promise<string>;
+    loadText?: (source: UniversalDocumentSource) => Promise<string>;
+    /**
+     * @deprecated Use converters instead.
+     */
+    createRendition?: (source: UniversalDocumentSource, target: UniversalDocumentRenditionTarget) => Promise<UniversalDocumentRendition | null>;
+    markdownComponents?: MarkdownRendererProps['components'];
+    showHeader?: boolean;
+    onDownload?: (source: UniversalDocumentSource) => void;
+}
+export declare function UniversalDocumentViewer({ source, className, bodyClassName, renderers, converters, resolveUrl, loadText, createRendition, markdownComponents, showHeader, onDownload, }: UniversalDocumentViewerProps): import("react").JSX.Element;
+//# sourceMappingURL=UniversalDocumentViewer.d.ts.map

package/lib/features/document-viewer/UniversalDocumentViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UniversalDocumentViewer.d.ts","sourceRoot":"","sources":["../../../src/features/document-viewer/UniversalDocumentViewer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,qBAAqB,EAAa,MAAM,sBAAsB,CAAC;AAE/F,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAA6C,MAAM,OAAO,CAAC;AAGtG,MAAM,MAAM,gCAAgC,GAAG,KAAK,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAErF,MAAM,WAAW,uBAAuB;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KAChB,CAAC;CACL;AAED,MAAM,WAAW,0BAA0B;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,8BAA8B;IAC3C,MAAM,EAAE,uBAAuB,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,yBAAyB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,CAAC,OAAO,EAAE,8BAA8B,KAAK,OAAO,CAAC;IAChE,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,8BAA8B,KAAK,SAAS,CAAC;IAChE,SAAS,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,EAAE,8BAA8B,CAAA;KAAE,CAAC,CAAC;CAC1E;AAED,MAAM,WAAW,iCAAiC;IAC9C,MAAM,EAAE,uBAAuB,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,gCAAgC,CAAC;CAC5C;AAED,MAAM,WAAW,0BAA0B;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,gCAAgC,CAAC;IACzC,UAAU,EAAE,CAAC,OAAO,EAAE,iCAAiC,KAAK,OAAO,CAAC;IACpE,OAAO,EAAE,CAAC,OAAO,EAAE,iCAAiC,KAAK,OAAO,CAAC,0BAA0B,GAAG,IAAI,CAAC,CAAC;CACvG;AAED,MAAM,WAAW,4BAA4B;IACzC,MAAM,EAAE,uBAAuB,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,yBAAyB,EAAE,CAAC;IACxC,UAAU,CAAC,EAAE,0BAA0B,EAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,uBAAuB,EAAE,WAAW,EAAE,QAAQ,GAAG,YAAY,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACxG,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,uBAAuB,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAChE;;OAEG;IACH,eAAe,CAAC,EAAE,CACd,MAAM,EAAE,uBAAuB,EAC/B,MAAM,EAAE,gCAAgC,KACvC,OAAO,CAAC,0BAA0B,GAAG,IAAI,CAAC,CAAC;IAChD,kBAAkB,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAC;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAC1D;AA2YD,wBAAgB,uBAAuB,CAAC,EACpC,MAAM,EACN,SAAS,EACT,aAAa,EACb,SAAc,EACd,UAAe,EACf,UAAU,EACV,QAAQ,EACR,eAAe,EACf,kBAAkB,EAClB,UAAiB,EACjB,UAAU,GACb,EAAE,4BAA4B,+BA+P9B"}

package/lib/features/document-viewer/UniversalDocumentViewer.js

@@ -0,0 +1,415 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, cn } from '@vertesia/ui/core';
+import { useUserSession } from '@vertesia/ui/session';
+import { MarkdownRenderer, XMLViewer } from '@vertesia/ui/widgets';
+import { AlertCircleIcon, FileIcon, ImageIcon, Loader2Icon } from 'lucide-react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { SimplePdfViewer } from '../pdf-viewer/SimplePdfViewer.js';
+function getFileName(source) {
+    return (source.fileName ||
+        source.title ||
+        source.artifact?.path.split('/').pop() ||
+        source.sourcePath?.split('/').pop() ||
+        'Document');
+}
+function getExtension(fileName) {
+    const cleanName = fileName.split('?')[0] || fileName;
+    return cleanName.includes('.') ? cleanName.split('.').pop()?.toLowerCase() || '' : '';
+}
+function isPdf(context) {
+    return context.contentType === 'application/pdf' || context.extension === 'pdf';
+}
+function isMarkdown(context) {
+    return (['md', 'markdown'].includes(context.extension) ||
+        ['text/markdown', 'text/x-markdown'].includes(context.contentType || ''));
+}
+function isImage(context) {
+    return (context.contentType?.startsWith('image/') ||
+        ['png', 'jpg', 'jpeg', 'gif', 'webp', 'svg'].includes(context.extension));
+}
+function isHtml(context) {
+    return context.contentType === 'text/html' || ['html', 'htm'].includes(context.extension);
+}
+function isXml(context) {
+    return ['application/xml', 'text/xml'].includes(context.contentType || '') || context.extension === 'xml';
+}
+function isCodeOrText(context) {
+    return (context.contentType?.startsWith('text/') ||
+        ['css', 'csv', 'json', 'txt', 'tsx', 'ts', 'jsx', 'js', 'xml', 'yaml', 'yml'].includes(context.extension));
+}
+function isTsxMockupSource(context) {
+    return ['tsx', 'jsx'].includes(context.extension);
+}
+function canUsePdfRendition(context) {
+    return (['doc', 'docx', 'ppt', 'pptx'].includes(context.extension) ||
+        [
+            'application/msword',
+            'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+            'application/vnd.ms-powerpoint',
+            'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+        ].includes(context.contentType || ''));
+}
+function CodeViewer({ content, extension }) {
+    return (_jsx("pre", { className: "h-full overflow-auto rounded-md bg-muted/10 p-3 text-xs leading-5", children: _jsx("code", { className: extension ? `language-${extension}` : undefined, children: content || '' }) }));
+}
+function EmptyState({ message }) {
+    return (_jsxs("div", { className: "flex h-full min-h-64 flex-col items-center justify-center gap-2 text-muted", children: [_jsx(FileIcon, { className: "size-8" }), _jsx("span", { className: "text-sm", children: message })] }));
+}
+function renderWithCustomRenderer(renderer, context) {
+    if (renderer.Component) {
+        const RendererComponent = renderer.Component;
+        return _jsx(RendererComponent, { context: context });
+    }
+    return renderer.render?.(context) ?? null;
+}
+function replaceExtension(path, nextExtension) {
+    return path.includes('.') ? path.replace(/\.[^/.]+$/, nextExtension) : `${path}${nextExtension}`;
+}
+function fileNameFromPath(path) {
+    return path.split('/').pop() || path;
+}
+function asRecord(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value)
+        ? value
+        : undefined;
+}
+function asNumber(value) {
+    return typeof value === 'number' && Number.isFinite(value) ? value : undefined;
+}
+function formatDuration(ms) {
+    if (ms === undefined)
+        return undefined;
+    if (ms < 1000)
+        return `${Math.round(ms)} ms`;
+    return `${(ms / 1000).toFixed(ms < 10000 ? 1 : 0)} s`;
+}
+function countItems(value) {
+    return Array.isArray(value) ? value.length : 0;
+}
+function parseTsxRenderMetadata(text) {
+    try {
+        const parsed = JSON.parse(text);
+        const record = asRecord(parsed);
+        if (!record)
+            return undefined;
+        const viewport = asRecord(record.viewport);
+        return {
+            ok: typeof record.ok === 'boolean' ? record.ok : undefined,
+            source_artifact: typeof record.source_artifact === 'string' ? record.source_artifact : undefined,
+            screenshot_artifact: typeof record.screenshot_artifact === 'string' ? record.screenshot_artifact : undefined,
+            rendered_at: typeof record.rendered_at === 'string' ? record.rendered_at : undefined,
+            viewport: viewport
+                ? {
+                    width: asNumber(viewport.width),
+                    height: asNumber(viewport.height),
+                }
+                : undefined,
+            dependencies_reused: typeof record.dependencies_reused === 'boolean' ? record.dependencies_reused : undefined,
+            status: asNumber(record.status),
+            title: typeof record.title === 'string' ? record.title : undefined,
+            console_errors: Array.isArray(record.console_errors) ? record.console_errors : undefined,
+            page_errors: Array.isArray(record.page_errors) ? record.page_errors : undefined,
+            failed_requests: Array.isArray(record.failed_requests) ? record.failed_requests : undefined,
+            bad_responses: Array.isArray(record.bad_responses) ? record.bad_responses : undefined,
+            timings_ms: asRecord(record.timings_ms),
+            error: record.error,
+        };
+    }
+    catch {
+        return undefined;
+    }
+}
+async function fetchText(url, fileName) {
+    const response = await fetch(url);
+    if (!response.ok) {
+        throw new Error(`Failed to load ${fileName}: ${response.statusText}`);
+    }
+    return response.text();
+}
+function resolveScreenshotPath({ metadata, sourcePath, fallbackPath, artifactMode, }) {
+    const screenshotArtifact = metadata?.screenshot_artifact?.replace(/^\/+/, '');
+    if (!screenshotArtifact)
+        return fallbackPath;
+    if (artifactMode)
+        return screenshotArtifact;
+    const sourceArtifact = metadata?.source_artifact?.replace(/^\/+/, '');
+    const normalizedSourcePath = sourcePath.replace(/^\/+/, '');
+    if (sourceArtifact && normalizedSourcePath.endsWith(sourceArtifact)) {
+        const storageRoot = normalizedSourcePath.slice(0, -sourceArtifact.length).replace(/\/+$/, '');
+        return storageRoot ? `${storageRoot}/${screenshotArtifact}` : screenshotArtifact;
+    }
+    const sourceDir = normalizedSourcePath.includes('/')
+        ? normalizedSourcePath.slice(0, normalizedSourcePath.lastIndexOf('/') + 1)
+        : '';
+    return sourceDir ? `${sourceDir}${fileNameFromPath(screenshotArtifact)}` : fallbackPath;
+}
+function TsxRenderDetails({ metadata }) {
+    if (!metadata)
+        return null;
+    const totalMs = asNumber(metadata.timings_ms?.total_before_cleanup);
+    const issueCount = countItems(metadata.console_errors) +
+        countItems(metadata.page_errors) +
+        countItems(metadata.failed_requests) +
+        countItems(metadata.bad_responses);
+    return (_jsxs("div", { className: "grid gap-2 border-b p-3 text-xs", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [metadata.ok !== undefined && (_jsx(Badge, { variant: metadata.ok ? 'success' : 'destructive', children: metadata.ok ? 'render ok' : 'render failed' })), metadata.dependencies_reused !== undefined && (_jsxs(Badge, { variant: metadata.dependencies_reused ? 'info' : 'secondary', children: ["deps ", metadata.dependencies_reused ? 'reused' : 'installed'] })), metadata.status && _jsxs(Badge, { variant: "secondary", children: ["HTTP ", metadata.status] }), issueCount > 0 && _jsxs(Badge, { variant: "attention", children: [issueCount, " browser issue(s)"] })] }), _jsxs("div", { className: "grid gap-1 text-muted sm:grid-cols-2", children: [metadata.viewport?.width && metadata.viewport.height && (_jsxs("div", { children: ["Viewport ", metadata.viewport.width, " x ", metadata.viewport.height] })), formatDuration(totalMs) && _jsxs("div", { children: ["Total ", formatDuration(totalMs)] }), metadata.rendered_at && _jsxs("div", { children: ["Rendered ", new Date(metadata.rendered_at).toLocaleString()] }), metadata.title && _jsxs("div", { className: "truncate", children: ["Title ", metadata.title] })] }), typeof metadata.error === 'string' && _jsx("div", { className: "text-destructive", children: metadata.error })] }));
+}
+function TsxSandboxRenderPreview({ context }) {
+    const { client } = useUserSession();
+    const artifact = context.source.artifact;
+    const sourcePath = artifact?.path || context.source.sourcePath;
+    const artifactMode = !!artifact;
+    const code = context.content || '';
+    const [state, setState] = useState({ isLoading: false });
+    const getRelatedUrl = useCallback(async (path, disposition) => {
+        if (artifact) {
+            const result = await client.files.getArtifactDownloadUrl(artifact.runId, path, disposition);
+            return result.url;
+        }
+        const result = await client.files.getDownloadUrl(path, fileNameFromPath(path), disposition);
+        return result.url;
+    }, [artifact, client]);
+    useEffect(() => {
+        if (!sourcePath) {
+            setState({ isLoading: false, previewError: 'No source path is available for this TSX artifact.' });
+            return;
+        }
+        const currentSourcePath = sourcePath;
+        let cancelled = false;
+        const pngPath = replaceExtension(currentSourcePath, '.png');
+        const metadataPath = replaceExtension(currentSourcePath, '.render.json');
+        async function loadPreview() {
+            setState({ isLoading: true });
+            let metadata;
+            let metadataError;
+            let imagePath = pngPath;
+            try {
+                const metadataUrl = await getRelatedUrl(metadataPath, 'inline');
+                metadata = parseTsxRenderMetadata(await fetchText(metadataUrl, fileNameFromPath(metadataPath)));
+                imagePath = resolveScreenshotPath({
+                    metadata,
+                    sourcePath: currentSourcePath,
+                    fallbackPath: pngPath,
+                    artifactMode,
+                });
+            }
+            catch (err) {
+                metadataError = err instanceof Error ? err.message : 'Render metadata is not available';
+            }
+            let imageUrl;
+            let previewError;
+            try {
+                imageUrl = await getRelatedUrl(imagePath, 'inline');
+            }
+            catch (err) {
+                previewError = err instanceof Error ? err.message : 'Sandbox render image is not available';
+            }
+            if (!cancelled) {
+                setState({
+                    isLoading: false,
+                    imageUrl,
+                    metadata,
+                    metadataError,
+                    previewError,
+                });
+            }
+        }
+        void loadPreview();
+        return () => {
+            cancelled = true;
+        };
+    }, [artifactMode, getRelatedUrl, sourcePath]);
+    return (_jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [_jsxs("div", { className: "flex min-h-10 flex-wrap items-center gap-2 border-b px-3 py-2 text-sm", children: [_jsx(ImageIcon, { className: "size-4 text-info" }), _jsx("span", { className: "font-medium", children: "Sandbox render" }), state.isLoading ? (_jsx(Badge, { variant: "secondary", children: "loading" })) : state.imageUrl ? (_jsx(Badge, { variant: "success", children: "PNG preview" })) : (_jsx(Badge, { variant: "attention", children: "source only" })), state.metadata?.rendered_at && (_jsx("span", { className: "text-xs text-muted", children: new Date(state.metadata.rendered_at).toLocaleString() }))] }), state.isLoading ? (_jsxs("div", { className: "flex h-full min-h-64 items-center justify-center gap-2 text-muted", children: [_jsx(Loader2Icon, { className: "size-5 animate-spin" }), _jsx("span", { className: "text-sm", children: "Loading sandbox render..." })] })) : state.imageUrl ? (_jsxs("div", { className: "grid min-h-0 flex-1 xl:grid-cols-[minmax(0,1fr)_minmax(24rem,0.7fr)]", children: [_jsx("div", { className: "flex min-h-0 items-center justify-center overflow-auto bg-muted/10 p-3", children: _jsx("img", { src: state.imageUrl, alt: `${context.fileName} sandbox render`, className: "max-h-full max-w-full rounded-md object-contain" }) }), _jsxs("div", { className: "min-h-0 overflow-auto border-t xl:border-s xl:border-t-0", children: [_jsx(TsxRenderDetails, { metadata: state.metadata }), _jsx("div", { className: "p-3", children: _jsx(CodeViewer, { content: code, extension: context.extension }) })] })] })) : (_jsxs("div", { className: "grid min-h-0 flex-1 grid-rows-[auto_minmax(0,1fr)]", children: [_jsxs("div", { className: "border-b px-3 py-2 text-xs text-muted", children: ["No sandbox-rendered PNG was found for this TSX artifact. Showing the source without executing it in Studio.", state.previewError && _jsxs("span", { className: "ms-1", children: ["Preview lookup: ", state.previewError] }), !state.previewError && state.metadataError && (_jsxs("span", { className: "ms-1", children: ["Metadata lookup: ", state.metadataError] }))] }), _jsxs("div", { className: "min-h-0 overflow-auto p-3", children: [_jsx(TsxRenderDetails, { metadata: state.metadata }), _jsx(CodeViewer, { content: code, extension: context.extension })] })] }))] }));
+}
+export function UniversalDocumentViewer({ source, className, bodyClassName, renderers = [], converters = [], resolveUrl, loadText, createRendition, markdownComponents, showHeader = true, onDownload, }) {
+    const { client } = useUserSession();
+    const fileName = useMemo(() => getFileName(source), [source]);
+    const extension = useMemo(() => getExtension(fileName), [fileName]);
+    const [url, setUrl] = useState(source.url);
+    const [content, setContent] = useState(source.content);
+    const [rendition, setRendition] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [refreshKey, setRefreshKey] = useState(0);
+    const sourceKey = [
+        source.id,
+        source.title,
+        source.fileName,
+        source.contentType,
+        source.url,
+        source.sourcePath,
+        source.content,
+        source.artifact?.runId,
+        source.artifact?.path,
+    ].join('\0');
+    const defaultResolveUrl = useCallback(async (currentSource, disposition) => {
+        if (currentSource.url)
+            return currentSource.url;
+        if (currentSource.artifact) {
+            const result = await client.files.getArtifactDownloadUrl(currentSource.artifact.runId, currentSource.artifact.path, disposition);
+            return result.url;
+        }
+        if (currentSource.sourcePath) {
+            const result = await client.files.getDownloadUrl(currentSource.sourcePath, currentSource.fileName, disposition);
+            return result.url;
+        }
+        return '';
+    }, [client]);
+    const resolveDocumentUrl = resolveUrl || defaultResolveUrl;
+    const defaultLoadText = useCallback(async (currentSource) => {
+        if (currentSource.content !== undefined)
+            return currentSource.content;
+        const resolvedUrl = await resolveDocumentUrl(currentSource, 'inline');
+        if (!resolvedUrl)
+            return '';
+        const response = await fetch(resolvedUrl);
+        if (!response.ok) {
+            throw new Error(`Failed to load ${getFileName(currentSource)}: ${response.statusText}`);
+        }
+        return response.text();
+    }, [resolveDocumentUrl]);
+    const loadDocumentText = loadText || defaultLoadText;
+    const baseContext = {
+        source,
+        fileName,
+        extension,
+        contentType: source.contentType || rendition?.contentType,
+        url: rendition?.url || url,
+        content: rendition?.content || content,
+        isLoading,
+        error,
+        reload: () => setRefreshKey((key) => key + 1),
+    };
+    const selectedCustomRenderer = renderers.find((renderer) => renderer.canRender(baseContext));
+    const needsText = !selectedCustomRenderer &&
+        (isMarkdown(baseContext) || isHtml(baseContext) || isXml(baseContext) || isCodeOrText(baseContext));
+    const needsUrl = !selectedCustomRenderer && (isPdf(baseContext) || isImage(baseContext));
+    const converterContext = {
+        source,
+        fileName,
+        extension,
+        contentType: source.contentType,
+        target: 'pdf',
+    };
+    const selectedConverter = !selectedCustomRenderer && !baseContext.url
+        ? converters.find((converter) => converter.target === 'pdf' && converter.canConvert(converterContext))
+        : undefined;
+    const needsPdfRendition = !selectedCustomRenderer &&
+        !baseContext.url &&
+        (canUsePdfRendition(baseContext) || !!selectedConverter) &&
+        (!!selectedConverter || !!createRendition);
+    useEffect(() => {
+        let cancelled = false;
+        // These values intentionally retrigger loading even when source object identity is stable.
+        void refreshKey;
+        void sourceKey;
+        const currentSource = source;
+        setError(null);
+        setUrl(currentSource.url);
+        setContent(currentSource.content);
+        setRendition(null);
+        async function load() {
+            if (!needsText && !needsUrl && !needsPdfRendition)
+                return;
+            setIsLoading(true);
+            try {
+                if (needsPdfRendition) {
+                    const result = selectedConverter
+                        ? await selectedConverter.convert({
+                            source: currentSource,
+                            fileName,
+                            extension,
+                            contentType: currentSource.contentType,
+                            target: 'pdf',
+                        })
+                        : await createRendition?.(currentSource, 'pdf');
+                    if (!cancelled)
+                        setRendition(result ?? null);
+                    return;
+                }
+                if (needsText) {
+                    const result = await loadDocumentText(currentSource);
+                    if (!cancelled)
+                        setContent(result);
+                    return;
+                }
+                if (needsUrl) {
+                    const result = await resolveDocumentUrl(currentSource, 'inline');
+                    if (!cancelled)
+                        setUrl(result);
+                }
+            }
+            catch (err) {
+                if (!cancelled)
+                    setError(err instanceof Error ? err.message : 'Failed to load document');
+            }
+            finally {
+                if (!cancelled)
+                    setIsLoading(false);
+            }
+        }
+        void load();
+        return () => {
+            cancelled = true;
+        };
+    }, [
+        createRendition,
+        extension,
+        fileName,
+        loadDocumentText,
+        needsPdfRendition,
+        needsText,
+        needsUrl,
+        refreshKey,
+        resolveDocumentUrl,
+        selectedConverter,
+        source,
+        sourceKey,
+    ]);
+    const context = {
+        ...baseContext,
+        url: rendition?.url || url,
+        content: rendition?.content || content,
+        contentType: rendition?.contentType || source.contentType,
+        isLoading,
+        error,
+    };
+    let body;
+    if (isLoading) {
+        body = (_jsxs("div", { className: "flex h-full min-h-64 items-center justify-center gap-2 text-muted", children: [_jsx(Loader2Icon, { className: "size-5 animate-spin" }), _jsx("span", { className: "text-sm", children: "Loading preview..." })] }));
+    }
+    else if (error) {
+        body = (_jsxs("div", { className: "flex h-full min-h-64 flex-col items-center justify-center gap-2 text-destructive", children: [_jsx(AlertCircleIcon, { className: "size-7" }), _jsx("span", { className: "max-w-xl text-center text-sm", children: error }), _jsx(Button, { variant: "outline", size: "sm", onClick: context.reload, children: "Retry" })] }));
+    }
+    else if (selectedCustomRenderer) {
+        body = renderWithCustomRenderer(selectedCustomRenderer, context);
+    }
+    else if ((isPdf(context) || rendition?.contentType === 'application/pdf') && context.url) {
+        body = _jsx(SimplePdfViewer, { url: context.url, className: "h-full" });
+    }
+    else if (isImage(context) && context.url) {
+        body = (_jsx("div", { className: "flex h-full min-h-0 items-center justify-center overflow-auto bg-muted/10 p-3", children: _jsx("img", { src: context.url, alt: fileName, className: "max-h-full max-w-full rounded-md object-contain" }) }));
+    }
+    else if (isMarkdown(context)) {
+        body = (_jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none px-5 py-4", children: _jsx(MarkdownRenderer, { artifactRunId: source.artifact?.runId, components: markdownComponents, children: context.content || '' }) }));
+    }
+    else if (isHtml(context)) {
+        body = (_jsx("iframe", { title: fileName, className: "h-full min-h-96 w-full bg-white", sandbox: "", srcDoc: context.content || '' }));
+    }
+    else if (isXml(context)) {
+        body = (_jsx("div", { className: "px-4 py-2", children: _jsx(XMLViewer, { xml: context.content || '', collapsible: true }) }));
+    }
+    else if (isTsxMockupSource(context)) {
+        body = _jsx(TsxSandboxRenderPreview, { context: context });
+    }
+    else if (isCodeOrText(context)) {
+        body = _jsx(CodeViewer, { content: context.content, extension: extension });
+    }
+    else if (canUsePdfRendition(context) && !selectedConverter && !createRendition) {
+        body = _jsx(EmptyState, { message: "This file needs a PDF rendition before it can be previewed." });
+    }
+    else {
+        body = _jsx(EmptyState, { message: "Preview is not available for this file type." });
+    }
+    return (_jsxs("div", { className: cn('flex h-full min-h-0 flex-col overflow-hidden', className), children: [showHeader && (_jsxs("div", { className: "flex min-h-10 items-center justify-between gap-3 border-b py-2 ps-3 pe-16", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-medium", title: fileName, children: fileName }), context.contentType && (_jsx("div", { className: "truncate text-xs text-muted", children: context.contentType }))] }), onDownload && (_jsx(Button, { variant: "outline", size: "sm", onClick: () => onDownload(source), children: "Download" }))] })), _jsx("div", { className: cn('min-h-0 flex-1 overflow-auto', bodyClassName), children: body })] }));
+}
+//# sourceMappingURL=UniversalDocumentViewer.js.map