@openviking/react 0.1.3 → 0.1.5

package/dist/3~0.js

@@ -1,2117 +1,1342 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Children, createContext, isValidElement, useCallback, useContext, useEffect, useId, useRef, useState, useSyncExternalStore } from "react";
-import react_markdown, { defaultUrlTransform } from "react-markdown";
-import remark_gfm from "remark-gfm";
-function getTuiCommandInputText(command) {
-    return command.inputText?.trim() || command.name;
-}
-function matchTuiCommandInput(value, commands) {
-    const content = value.trimStart();
-    const leadingWhitespace = value.slice(0, value.length - content.length);
-    const matches = commands.flatMap((command)=>{
-        const names = [
-            command.name,
-            ...command.aliases ?? []
-        ];
-        return [
-            getTuiCommandInputText(command),
-            ...names,
-            ...names.map((name)=>`/${name}`)
-        ].flatMap((prefix)=>{
-            const words = prefix.trim().split(/[ \t]+/);
-            const pattern = words.map((word)=>word.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')).join('[ \t]+');
-            const match = pattern && new RegExp(`^${pattern}(?=$|\\s)`, 'i').exec(content);
-            return match ? [
-                {
-                    command,
-                    leadingWhitespace,
-                    prefix: match[0],
-                    rest: content.slice(match[0].length)
-                }
-            ] : [];
-        });
-    });
-    return matches.sort((left, right)=>right.prefix.length - left.prefix.length)[0];
-}
-function formatTuiCommandInput(value, commands) {
-    const match = matchTuiCommandInput(value, commands);
-    return match ? `${match.leadingWhitespace}${getTuiCommandInputText(match.command)}${match.rest}` : value;
-}
-function getTuiArgumentHints(command) {
-    const params = command.params ?? [];
-    const positional = params.filter((param)=>!param.label.startsWith('-'));
-    if (positional.length) return positional;
-    return [
-        ...params.filter((param)=>param.required),
-        ...(command.options ?? []).filter((option)=>option.required).map((option)=>({
-                label: option.token,
-                description: option.description
-            }))
-    ];
-}
-function TuiParamHint({ command, labels, onPick }) {
-    const examples = command.examples?.map((example)=>'string' == typeof example ? {
-            value: example,
-            label: example
-        } : example);
-    const params = [
-        ...(command.params ?? []).map((param)=>({
-                name: param.label,
-                description: param.description,
-                required: param.required ?? false,
-                defaultValue: param.defaultValue
-            })),
-        ...(command.options ?? []).map((option)=>({
-                name: option.token,
-                description: option.description,
-                required: option.required ?? false,
-                defaultValue: option.defaultValue
-            }))
-    ];
+import { Fragment as external_react_Fragment, Suspense, forwardRef, lazy, useCallback, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Tooltip } from "./r~0.js";
+import { resolveLocale, mergeLabels } from "./nx~0.js";
+import { useLocale } from "./28~0.js";
+function FilePreviewImageFrame({ children }) {
+    const [dimensions, setDimensions] = useState('');
     return /*#__PURE__*/ jsxs("div", {
-        className: "ov-tui__hint",
+        className: "ov-file-preview__image-frame",
+        onLoadCapture: (event)=>{
+            const image = event.target;
+            if (image instanceof HTMLImageElement && image.closest('[data-file-viewer-image]')) setDimensions(`${image.naturalWidth} × ${image.naturalHeight}`);
+        },
         children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: "ov-tui__hint-head",
-                children: [
-                    /*#__PURE__*/ jsxs("code", {
-                        className: "ov-tui__hint-name",
-                        children: [
-                            "/",
-                            command.name
-                        ]
-                    }),
-                    /*#__PURE__*/ jsx("span", {
-                        className: "ov-tui__hint-desc",
-                        children: command.description
-                    })
-                ]
-            }),
-            examples?.length ? /*#__PURE__*/ jsxs("div", {
-                className: "ov-tui__hint-group",
-                children: [
-                    /*#__PURE__*/ jsx("div", {
-                        className: "ov-tui__hint-label",
-                        children: labels.examples
-                    }),
-                    examples.map((example, index)=>/*#__PURE__*/ jsxs("button", {
-                            type: "button",
-                            className: "ov-tui__hint-example",
-                            onMouseDown: (event)=>event.preventDefault(),
-                            onClick: ()=>onPick(example.value),
-                            children: [
-                                /*#__PURE__*/ jsx("span", {
-                                    className: "ov-tui__hint-example-index",
-                                    "aria-hidden": "true",
-                                    children: index + 1
-                                }),
-                                /*#__PURE__*/ jsx("span", {
-                                    children: example.label ?? example.value
-                                })
-                            ]
-                        }, example.value))
-                ]
-            }) : null,
-            /*#__PURE__*/ jsxs("div", {
-                className: "ov-tui__hint-group",
-                children: [
-                    /*#__PURE__*/ jsx("div", {
-                        className: "ov-tui__hint-section-title",
-                        children: labels.parameters
-                    }),
-                    /*#__PURE__*/ jsx("code", {
-                        className: "ov-tui__hint-usage",
-                        children: command.usage
-                    }),
-                    params.length ? /*#__PURE__*/ jsx("div", {
-                        className: "ov-tui__hint-table-frame",
-                        children: /*#__PURE__*/ jsxs("table", {
-                            className: "ov-tui__hint-table",
-                            children: [
-                                /*#__PURE__*/ jsx("thead", {
-                                    children: /*#__PURE__*/ jsxs("tr", {
-                                        children: [
-                                            /*#__PURE__*/ jsx("th", {
-                                                children: labels.parameter
-                                            }),
-                                            /*#__PURE__*/ jsx("th", {
-                                                children: labels.required
-                                            }),
-                                            /*#__PURE__*/ jsx("th", {
-                                                children: labels.description
-                                            }),
-                                            /*#__PURE__*/ jsx("th", {
-                                                children: labels.defaultValue
-                                            })
-                                        ]
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx("tbody", {
-                                    children: params.map((param)=>/*#__PURE__*/ jsxs("tr", {
-                                            children: [
-                                                /*#__PURE__*/ jsx("td", {
-                                                    children: /*#__PURE__*/ jsx("code", {
-                                                        children: param.name
-                                                    })
-                                                }),
-                                                /*#__PURE__*/ jsx("td", {
-                                                    children: param.required ? labels.yes : labels.no
-                                                }),
-                                                /*#__PURE__*/ jsx("td", {
-                                                    children: param.description
-                                                }),
-                                                /*#__PURE__*/ jsx("td", {
-                                                    children: param.defaultValue ?? '—'
-                                                })
-                                            ]
-                                        }, param.name))
-                                })
-                            ]
-                        })
-                    }) : /*#__PURE__*/ jsx("div", {
-                        className: "ov-tui__hint-empty",
-                        children: labels.noParameters
-                    })
-                ]
-            })
+            children,
+            dimensions ? /*#__PURE__*/ jsx("span", {
+                className: "ov-file-preview__image-size",
+                children: dimensions
+            }) : null
         ]
     });
 }
-function useTuiAssistPosition(anchorRef, open, onDismiss) {
-    const panelRef = useRef(null);
-    const anchorName = `--ov-tui-${useId().replace(/[^a-zA-Z0-9_-]/g, '')}`;
-    useEffect(()=>{
-        const panel = panelRef.current;
-        const anchor = anchorRef.current;
-        if (!open || !panel || !anchor) return;
-        const dismiss = ()=>onDismiss(anchor.querySelector('textarea')?.value ?? '');
-        const outside = (event)=>{
-            if (event.target instanceof Node && !panel.contains(event.target) && !anchor.contains(event.target)) dismiss();
-        };
-        const escape = (event)=>{
-            if (event.isComposing || 229 === event.keyCode) return;
-            if ('Escape' === event.key && (anchor.contains(document.activeElement) || panel.contains(document.activeElement))) {
-                event.preventDefault();
-                dismiss();
-            }
-        };
-        document.addEventListener('pointerdown', outside);
-        document.addEventListener('keydown', escape);
-        if (!('popover' in HTMLElement.prototype)) {
-            panel.removeAttribute('popover');
-            panel.dataset.inline = '';
-            return ()=>{
-                document.removeEventListener('pointerdown', outside);
-                document.removeEventListener('keydown', escape);
-            };
-        }
-        const nativeAnchors = CSS.supports('position-area', 'block-start span-inline-end');
-        const previousAnchor = anchor.style.getPropertyValue('anchor-name');
-        anchor.style.setProperty('anchor-name', anchorName);
-        panel.style.setProperty('position-anchor', anchorName);
-        panel.dataset.floating = '';
-        const place = ()=>{
-            const rect = anchor.getBoundingClientRect();
-            const above = Math.max(0, rect.top - 20);
-            const below = Math.max(0, window.innerHeight - rect.bottom - 20);
-            const onTop = above >= 160 || above >= below;
-            const available = Math.max(80, onTop ? above : below);
-            const width = Math.min(rect.width, window.innerWidth - 24);
-            const left = Math.max(12, Math.min(rect.left, window.innerWidth - width - 12));
-            panel.style.width = `${width}px`;
-            panel.style.setProperty('--ov-ui-tui-assist-height', `${Math.min(420, available)}px`);
-            const right = window.innerWidth - left - width;
-            panel.dataset.side = left >= 334 ? 'left' : right >= 334 ? 'right' : 'stack';
-            panel.style.setProperty('--ov-ui-tui-assist-detail-width', `${Math.min(400, (left >= 334 ? left : right) - 14)}px`);
-            panel.dataset.placement = onTop ? 'above' : 'below';
-            if (nativeAnchors) panel.style.setProperty('position-area', `${onTop ? 'block-start' : 'block-end'} span-inline-end`);
-            else {
-                panel.style.left = `${left}px`;
-                panel.style.top = onTop ? 'auto' : `${rect.bottom + 8}px`;
-                panel.style.bottom = onTop ? `${window.innerHeight - rect.top + 8}px` : 'auto';
-            }
-        };
-        place();
-        panel.showPopover();
-        const observer = new ResizeObserver(place);
-        observer.observe(anchor);
-        observer.observe(panel);
-        window.addEventListener('resize', place);
-        window.addEventListener('scroll', place, true);
-        return ()=>{
-            observer.disconnect();
-            window.removeEventListener('resize', place);
-            window.removeEventListener('scroll', place, true);
-            document.removeEventListener('pointerdown', outside);
-            document.removeEventListener('keydown', escape);
-            anchor.style.setProperty('anchor-name', previousAnchor);
-            if (panel.matches(':popover-open')) panel.hidePopover();
-        };
-    }, [
-        anchorRef,
-        anchorName,
-        open,
-        onDismiss
-    ]);
-    return panelRef;
-}
-function Highlighted({ text, keyword }) {
-    const normalized = keyword.trim().toLowerCase();
-    const index = normalized ? text.toLowerCase().indexOf(normalized) : -1;
-    if (index < 0) return /*#__PURE__*/ jsx(Fragment, {
-        children: text
+function FilePreviewEditor({ draft, text, loading, failed, saveFailed, saving, onChange, onCancel }) {
+    if (loading) return /*#__PURE__*/ jsx("div", {
+        className: "ov-file-preview__state",
+        role: "status",
+        children: /*#__PURE__*/ jsx("p", {
+            className: "ov-file-preview__state-title",
+            children: text.loading
+        })
     });
-    return /*#__PURE__*/ jsxs(Fragment, {
+    if (failed) return /*#__PURE__*/ jsxs("div", {
+        className: "ov-file-preview__state",
+        role: "alert",
         children: [
-            text.slice(0, index),
-            /*#__PURE__*/ jsx("mark", {
-                className: "ov-tui__mark",
-                children: text.slice(index, index + normalized.length)
+            /*#__PURE__*/ jsx("p", {
+                className: "ov-file-preview__state-title",
+                children: text.loadFailed
             }),
-            text.slice(index + normalized.length)
+            /*#__PURE__*/ jsx("button", {
+                type: "button",
+                className: "ov-file-preview__button",
+                onClick: onCancel,
+                children: text.leaveEditing
+            })
         ]
     });
-}
-function TuiAssist({ anchorRef, assistId, labels, completion, activeIndex, onActiveIndexChange, onPick, onDismiss }) {
-    const options = completion.options;
-    const keyword = completion.query.keyword;
-    const selected = options[activeIndex];
-    const command = selected;
-    const open = completion.showSuggestions;
-    const panelRef = useTuiAssistPosition(anchorRef, open, onDismiss);
-    const listRef = useRef(null);
-    useEffect(()=>{
-        const list = listRef.current;
-        const option = list?.querySelector('[aria-selected="true"]');
-        if (!list || !option) return;
-        const listBox = list.getBoundingClientRect();
-        const optionBox = option.getBoundingClientRect();
-        if (optionBox.top < listBox.top) list.scrollTop -= listBox.top - optionBox.top;
-        if (optionBox.bottom > listBox.bottom) list.scrollTop += optionBox.bottom - listBox.bottom;
-    }, [
-        activeIndex,
-        options
-    ]);
-    if (!open) return null;
     return /*#__PURE__*/ jsxs("div", {
-        ref: panelRef,
-        className: "ov-tui__assist",
-        popover: "manual",
-        "data-details-only": !options.length || void 0,
+        className: "ov-file-preview__editor",
         children: [
-            command ? /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__assist-detail",
-                children: /*#__PURE__*/ jsx(TuiParamHint, {
-                    command: command,
-                    labels: labels,
-                    onPick: onPick
-                })
-            }) : null,
-            options.length ? /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__suggestions",
-                ref: listRef,
-                role: "listbox",
-                id: assistId,
-                "aria-label": labels.suggestions,
-                children: completion.suggestions.map((section)=>/*#__PURE__*/ jsxs("div", {
-                        className: "ov-tui__suggestion-group",
-                        children: [
-                            /*#__PURE__*/ jsx("div", {
-                                className: "ov-tui__suggestion-label",
-                                children: section.group.label
-                            }),
-                            section.commands.map((item)=>{
-                                const index = options.indexOf(item);
-                                return /*#__PURE__*/ jsxs("button", {
-                                    id: `${assistId}-${index}`,
-                                    type: "button",
-                                    role: "option",
-                                    "aria-selected": item === selected,
-                                    className: "ov-tui__suggestion",
-                                    onMouseEnter: ()=>onActiveIndexChange(index),
-                                    onFocus: ()=>onActiveIndexChange(index),
-                                    onMouseDown: (event)=>event.preventDefault(),
-                                    onClick: ()=>onPick(`${getTuiCommandInputText(item)} `),
-                                    children: [
-                                        /*#__PURE__*/ jsx("code", {
-                                            className: "ov-tui__suggestion-name",
-                                            children: /*#__PURE__*/ jsx(Highlighted, {
-                                                text: item.name,
-                                                keyword: keyword
-                                            })
-                                        }),
-                                        /*#__PURE__*/ jsx("span", {
-                                            className: "ov-tui__suggestion-desc",
-                                            title: item.summary ?? item.description,
-                                            children: /*#__PURE__*/ jsx(Highlighted, {
-                                                text: item.summary ?? item.description,
-                                                keyword: keyword
-                                            })
-                                        })
-                                    ]
-                                }, item.name);
-                            })
-                        ]
-                    }, section.group.key))
-            }) : command ? null : /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__no-suggestions",
-                role: "status",
-                children: labels.noSuggestions
-            })
+            /*#__PURE__*/ jsx("textarea", {
+                className: "ov-file-preview__textarea",
+                value: draft,
+                readOnly: saving,
+                "aria-label": text.editor,
+                spellCheck: false,
+                onChange: (event)=>onChange(event.target.value)
+            }),
+            saveFailed ? /*#__PURE__*/ jsx("p", {
+                className: "ov-file-preview__notice",
+                role: "alert",
+                children: text.saveFailed
+            }) : null
         ]
     });
 }
-const LEADING_SLASH = /^\s*\//;
-const COMMAND_NAME = /^([^\s]*)([\s\S]*)$/;
-function parseTuiCommandInput(value) {
-    if (!LEADING_SLASH.test(value)) return null;
-    const body = value.replace(LEADING_SLASH, '');
-    const matched = COMMAND_NAME.exec(body);
-    if (!matched) return null;
-    const name = matched[1] ?? '';
-    const rest = matched[2] ?? '';
-    return {
-        name,
-        rest,
-        hasTrailingSpace: /^\s/.test(rest)
-    };
-}
-function resolveTuiSkeleton(command) {
-    return command?.skeleton ?? 'generic';
-}
-function findTuiCommand(text, commands) {
-    return matchTuiCommandInput(text, commands)?.command;
-}
-function filterTuiCommands(keyword, commands) {
-    const normalized = keyword.trim().toLowerCase();
-    if (!normalized) return commands;
-    return commands.filter((command)=>command.name.toLowerCase().includes(normalized) || (command.summary ?? command.description).toLowerCase().includes(normalized) || command.aliases?.some((alias)=>alias.toLowerCase().includes(normalized)));
-}
-function groupTuiCommands(commands, groups = []) {
-    const known = new Map(groups.map((group)=>[
-            group.key,
-            group
-        ]));
-    for (const command of commands){
-        const key = command.group ?? '';
-        if (!known.has(key)) known.set(key, {
-            key,
-            label: key
-        });
-    }
-    return Array.from(known.values(), (group)=>({
-            group,
-            commands: commands.filter((command)=>(command.group ?? '') === group.key)
-        })).filter((section)=>section.commands.length > 0);
+function encodeText(content) {
+    return new TextEncoder().encode(content);
 }
-const EMPTY_QUERY = {
-    keyword: '',
-    scope: null,
-    matches: [],
-    automatic: false,
-    canOpenPalette: false,
-    colorInput: false
-};
-const normalize = (text)=>text.replace(/[ \t]+/g, ' ');
-function getTuiCommandQuery(value, commands) {
-    if (!commands.length || /[\r\n]/.test(value)) return EMPTY_QUERY;
-    const slash = parseTuiCommandInput(value);
-    const content = normalize(value.trimStart().slice(slash ? 1 : 0));
-    if (!slash && !content) return EMPTY_QUERY;
-    const boundary = content.lastIndexOf(' ') + 1;
-    const head = content.slice(0, boundary);
-    const keyword = content.slice(boundary);
-    const entries = commands.flatMap((command)=>(slash ? [
-            command.name,
-            ...command.aliases ?? []
-        ] : [
-            getTuiCommandInputText(command)
-        ]).map((text)=>({
-                command,
-                text: normalize(text)
-            })));
-    const definitions = (items)=>[
-            ...new Set(items.map((entry)=>entry.command))
-        ];
-    const scoped = entries.filter((entry)=>entry.text.toLowerCase().startsWith(head.toLowerCase()));
-    if (!scoped.length) return EMPTY_QUERY;
-    const matching = scoped.filter((entry)=>entry.text.toLowerCase().startsWith(content.toLowerCase()));
-    const input = matchTuiCommandInput(value, commands);
-    if (input && (!slash || input.rest) && !matching.some((entry)=>entry.text.length > content.trimEnd().length)) return EMPTY_QUERY;
-    const base = {
-        ...EMPTY_QUERY,
-        keyword,
-        scope: slash ? '/' : head.trimEnd(),
-        automatic: Boolean(slash)
-    };
-    if (slash) return {
-        ...base,
-        matches: head ? matching.length ? definitions(matching) : filterTuiCommands(keyword, definitions(scoped)) : filterTuiCommands(keyword, commands)
+function toFileSource(source) {
+    const { content, file, url, fileName, fileType } = source;
+    if ('string' == typeof content) return {
+        kind: 'bytes',
+        bytes: encodeText(content),
+        name: fileName,
+        ...fileType ? {
+            fileType
+        } : {}
     };
-    if (!keyword) return {
-        ...base,
-        matches: matching.map((entry)=>entry.command),
-        canOpenPalette: matching.length > 0,
-        colorInput: matching.length > 0
-    };
-    const words = content.split(' ').length;
-    if (matching.length && matching.every((entry)=>entry.text.split(' ').length > words)) {
-        const targets = [
-            ...new Set(matching.map((entry)=>entry.text.split(' ').slice(0, words).join(' ')))
-        ];
-        const target = 1 === targets.length ? targets[0] : void 0;
-        return {
-            ...base,
-            matches: matching.map((entry)=>entry.command),
-            colorInput: true,
-            prefixTarget: target,
-            canOpenPalette: !target || target.toLowerCase() === content.toLowerCase()
-        };
-    }
-    return {
-        ...base,
-        matches: matching.length ? matching.map((entry)=>entry.command) : filterTuiCommands(keyword, scoped.map((entry)=>entry.command)),
-        colorInput: matching.length > 0
-    };
-}
-function getTuiInlineCompletion(value, query, selected, paletteOpen = false) {
-    const leading = value.slice(0, value.length - value.trimStart().length);
-    const content = normalize(value.trimStart());
-    if (query.prefixTarget) {
-        const suffix = query.prefixTarget.slice(content.length);
-        return suffix ? {
-            kind: 'prefix',
-            suffix,
-            value: `${leading}${query.prefixTarget}`
-        } : void 0;
-    }
-    if (!selected || !query.keyword && (!paletteOpen || '/' === query.scope)) return;
-    if ('/' === query.scope) {
-        const typed = content.slice(1);
-        const name = [
-            selected.name,
-            ...selected.aliases ?? []
-        ].map(normalize).find((name)=>name.toLowerCase().startsWith(typed.toLowerCase()));
-        const suffix = name?.slice(typed.length);
-        return suffix ? {
-            kind: 'command',
-            suffix,
-            value: `${leading}${getTuiCommandInputText(selected)} `
-        } : void 0;
-    }
-    const text = getTuiCommandInputText(selected);
-    const normalized = normalize(text);
-    if (!normalized.toLowerCase().startsWith(content.toLowerCase())) return;
-    const suffix = normalized.slice(content.length);
-    return suffix ? {
-        kind: 'command',
-        suffix,
-        value: `${leading}${text} `
-    } : void 0;
-}
-function useTuiComposerKeyboard({ inputRef, value, history, completion, inline, disabled, readOnly, canSubmit, activeIndex, onActiveIndexChange, onValueChange, onSubmit, onDismiss, onRequestPalette }) {
-    const historyRef = useRef({
-        offset: -1,
-        draft: '',
-        value: ''
-    });
-    const change = (next)=>{
-        historyRef.current.offset = -1;
-        onValueChange?.(next);
-    };
-    const accept = (next)=>{
-        change(next);
-        inputRef.current?.focus({
-            preventScroll: true
-        });
-    };
-    const handleKeyDown = (event)=>{
-        if (event.nativeEvent.isComposing || 229 === event.nativeEvent.keyCode) return;
-        const input = event.currentTarget;
-        const atEnd = input.selectionStart === input.selectionEnd && input.selectionEnd === value.length;
-        if ('Tab' === event.key) {
-            if (event.shiftKey || event.ctrlKey || event.altKey || event.metaKey) return;
-            event.preventDefault();
-            if (!atEnd) return;
-        }
-        const options = completion.options;
-        const listOpen = completion.showSuggestions;
-        if ('Escape' === event.key && (inline || listOpen)) {
-            event.preventDefault();
-            onDismiss(value);
-            return;
-        }
-        if (!disabled && !readOnly) {
-            if ('Tab' === event.key && inline?.kind === 'prefix') {
-                event.preventDefault();
-                accept(inline.value);
-                return;
-            }
-            if (' ' === event.key && atEnd && inline?.kind === 'prefix' && !event.shiftKey && !event.ctrlKey && !event.altKey && !event.metaKey) {
-                event.preventDefault();
-                accept(`${inline.value} `);
-                return;
-            }
-            if ('Tab' === event.key && completion.query.canOpenPalette && !listOpen) {
-                event.preventDefault();
-                onRequestPalette();
-                return;
-            }
-            if (listOpen && options.length) {
-                if ('ArrowDown' === event.key || 'ArrowUp' === event.key) {
-                    event.preventDefault();
-                    const delta = 'ArrowDown' === event.key ? 1 : -1;
-                    onActiveIndexChange((index)=>index < 0 ? delta > 0 ? 0 : options.length - 1 : (index + delta + options.length) % options.length);
-                    return;
-                }
-                const spaceCommand = ' ' === event.key && atEnd ? matchTuiCommandInput(value, options)?.command : void 0;
-                if ('Tab' === event.key || 'Enter' === event.key && !event.shiftKey || spaceCommand) {
-                    event.preventDefault();
-                    const picked = spaceCommand ?? options[activeIndex];
-                    if (picked) accept(`${getTuiCommandInputText(picked)} `);
-                    else if ('Tab' === event.key && inline) accept(inline.value);
-                    return;
-                }
-            }
-            if ('Tab' === event.key && inline) {
-                event.preventDefault();
-                accept(inline.value);
-                return;
-            }
-        }
-        const previous = historyRef.current;
-        const browsing = previous.offset >= 0 && previous.value === value;
-        if (!disabled && !readOnly && history.length > 0 && input.selectionStart === input.selectionEnd && !event.shiftKey && ('ArrowUp' === event.key && !value.slice(0, input.selectionStart).includes('\n') || 'ArrowDown' === event.key && browsing && !value.slice(input.selectionEnd).includes('\n'))) {
-            event.preventDefault();
-            const offset = Math.max(-1, Math.min(history.length - 1, (browsing ? previous.offset : -1) + ('ArrowUp' === event.key ? 1 : -1)));
-            const draft = browsing ? previous.draft : value;
-            const next = offset < 0 ? draft : history[history.length - 1 - offset];
-            historyRef.current = {
-                offset,
-                draft,
-                value: next
-            };
-            onValueChange?.(next);
-            onDismiss(next);
-            inputRef.current?.focus({
-                preventScroll: true
-            });
-            return;
-        }
-        if ('Enter' === event.key && !event.shiftKey) {
-            event.preventDefault();
-            if (value.trim() && !disabled && !readOnly && canSubmit) onSubmit?.(value.trim());
-        }
+    if (file) return {
+        kind: 'file',
+        file: "u" < typeof File || file instanceof File ? file : new File([
+            file
+        ], fileName, {
+            type: file.type
+        }),
+        name: fileName,
+        ...fileType ? {
+            fileType
+        } : {}
     };
-    return {
-        change,
-        handleKeyDown
+    if (url) return {
+        kind: 'url',
+        url,
+        name: fileName,
+        ...fileType ? {
+            fileType
+        } : {}
     };
 }
-const TUI_URI_PATTERN = /viking:\/\/[^\s"'<>`]+/g;
-const TUI_PROSE_URI_PATTERN = /viking:\/\/[^\s,，。；;、"'<>()[\]]+/g;
-function getTuiSafeHref(uri) {
-    const href = uri?.trim();
-    return href && /^(?:viking|https?):\/\/[^\s]+$/i.test(href) ? href : void 0;
-}
-async function copyTuiText(text) {
-    if ("u" < typeof navigator) return false;
-    try {
-        if (navigator.clipboard?.writeText) {
-            await navigator.clipboard.writeText(text);
-            return true;
-        }
-    } catch  {}
-    return false;
-}
-function formatTuiJson(text) {
-    const trimmed = text.trim();
-    if (!trimmed || !/^[[{]/.test(trimmed)) return text;
-    try {
-        JSON.parse(trimmed);
-    } catch  {
-        return text;
-    }
-    const tokens = trimmed.match(/"(?:\\.|[^"\\])*"|[^\s]/g) ?? [];
-    let depth = 0;
-    let output = '';
-    const newline = ()=>`\n${'  '.repeat(depth)}`;
-    for (const [index, token] of tokens.entries())if ('{' === token || '[' === token) {
-        output += token;
-        depth++;
-        if ('}' !== tokens[index + 1] && ']' !== tokens[index + 1]) output += newline();
-    } else if ('}' === token || ']' === token) {
-        depth--;
-        if ('{' !== tokens[index - 1] && '[' !== tokens[index - 1]) output += newline();
-        output += token;
-    } else if (',' === token) output += `,${newline()}`;
-    else if (':' === token) output += ': ';
-    else output += token;
-    return output;
-}
-function TuiUriLink({ uri, children, onOpenUri, editor = false, className = 'ov-tui__link' }) {
-    const href = getTuiSafeHref(uri);
-    if (!href) return /*#__PURE__*/ jsx(Fragment, {
-        children: children
-    });
-    return /*#__PURE__*/ jsx("a", {
-        href: href,
-        className: className,
-        onMouseDown: editor ? (event)=>event.preventDefault() : void 0,
-        onClick: onOpenUri ? (event)=>{
-            event.preventDefault();
-            onOpenUri(href);
-        } : void 0,
-        children: children
-    });
-}
-function TuiUriText({ text, onOpenUri, editor = false, mode }) {
-    const parts = [];
-    let cursor = 0;
-    const pattern = new RegExp(('prose' === mode ? TUI_PROSE_URI_PATTERN : TUI_URI_PATTERN).source, 'gi');
-    const plain = (value, key)=>editor ? /*#__PURE__*/ jsx("span", {
-            "aria-hidden": "true",
-            children: value
-        }, key) : value;
-    for (const matched of text.matchAll(pattern)){
-        const index = matched.index ?? 0;
-        const uri = 'prose' === mode ? matched[0].replace(/[.!?；;:：！？]+$/u, '') : matched[0];
-        if (index > cursor) parts.push(plain(text.slice(cursor, index), cursor));
-        parts.push(/*#__PURE__*/ jsx(TuiUriLink, {
-            uri: uri,
-            onOpenUri: onOpenUri,
-            editor: editor,
-            children: uri
-        }, `${index}-${uri}`));
-        cursor = index + uri.length;
-    }
-    if (!parts.length) return /*#__PURE__*/ jsx(Fragment, {
-        children: plain(text, 0)
-    });
-    if (cursor < text.length) parts.push(plain(text.slice(cursor), cursor));
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: parts
-    });
-}
-function TuiCommandText({ text, name, namespaceOnly = false }) {
-    const namedStart = name ? text.length - name.length : -1;
-    const matchesName = namedStart >= 0 && text.slice(namedStart).toLowerCase() === name?.toLowerCase() && (0 === namedStart || /\s/.test(text[namedStart - 1]));
-    const lastToken = text.search(/\S+$/);
-    const start = namespaceOnly ? text.length : matchesName ? namedStart : lastToken < 0 ? text.length : lastToken;
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            start > 0 ? /*#__PURE__*/ jsx("span", {
-                className: "ov-tui__command-prefix",
-                children: text.slice(0, start)
-            }) : null,
-            start < text.length ? /*#__PURE__*/ jsx("span", {
-                className: "ov-tui__command-name",
-                children: text.slice(start)
-            }) : null
-        ]
-    });
+function readCopyableText(source) {
+    const { content } = source;
+    return 'string' == typeof content && content.length > 0 ? content : void 0;
 }
-function TuiInputMirror({ value, input, inline, colorInput, onOpenUri, onScroll, mirrorRef, hintId }) {
-    const hints = input && !input.rest.trim() ? getTuiArgumentHints(input.command) : [];
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsxs("span", {
-                className: "ov-tui__input-mirror",
-                ref: mirrorRef,
-                onScroll: onScroll,
-                children: [
-                    input ? /*#__PURE__*/ jsxs(Fragment, {
-                        children: [
-                            input.leadingWhitespace,
-                            /*#__PURE__*/ jsx("span", {
-                                "aria-hidden": "true",
-                                children: /*#__PURE__*/ jsx("span", {
-                                    className: "ov-tui__input-command",
-                                    children: /*#__PURE__*/ jsx(TuiCommandText, {
-                                        text: input.prefix,
-                                        name: input.command.name
-                                    })
-                                })
-                            }),
-                            /*#__PURE__*/ jsx(TuiUriText, {
-                                text: input.rest,
-                                mode: "literal",
-                                onOpenUri: onOpenUri,
-                                editor: true
-                            })
-                        ]
-                    }) : colorInput ? /*#__PURE__*/ jsx("span", {
-                        className: "ov-tui__input-command",
-                        "aria-hidden": "true",
-                        children: /*#__PURE__*/ jsx(TuiCommandText, {
-                            text: value,
-                            namespaceOnly: inline?.kind !== 'command'
-                        })
-                    }) : /*#__PURE__*/ jsx(TuiUriText, {
-                        text: value,
-                        mode: "literal",
-                        onOpenUri: onOpenUri,
-                        editor: true
-                    }),
-                    /*#__PURE__*/ jsxs("span", {
-                        "aria-hidden": "true",
-                        children: [
-                            inline ? /*#__PURE__*/ jsx("span", {
-                                className: "ov-tui__input-completion",
-                                children: inline.suffix
-                            }) : null,
-                            hints.length ? /*#__PURE__*/ jsxs("span", {
-                                className: "ov-tui__input-arguments",
-                                children: [
-                                    input?.rest.endsWith(' ') ? '' : ' ',
-                                    hints.map((hint)=>hint.label).join(' ')
-                                ]
-                            }) : null,
-                            value.endsWith('\n') ? '\u200b' : null
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxs("span", {
-                id: hintId,
-                className: "ov-tui__input-hint-description",
-                "aria-live": inline?.kind === 'prefix' ? 'polite' : void 0,
-                children: [
-                    inline?.value,
-                    hints.map((hint)=>`${hint.label}: ${hint.description}`).join('; ')
-                ]
-            })
-        ]
-    });
+function isEmptyFile(source) {
+    return '' === source.content;
 }
-function TuiComposer({ anchorRef, assistId, onFocus, onDismiss, onRequestPalette, value, history, labels, completion, disabled, readOnly, canSubmit, activeIndex, onActiveIndexChange, onValueChange, onSubmit, onOpenUri }) {
-    const inputRef = useRef(null);
-    const inputId = useId();
-    const mirrorRef = useRef(null);
-    const showSuggestions = completion.showSuggestions && completion.options.length > 0;
-    const preview = completion.options[activeIndex] ?? (completion.query.keyword ? completion.options[0] : void 0);
-    const inline = completion.enabled ? getTuiInlineCompletion(value, completion.query, preview, completion.showSuggestions) : void 0;
-    const keyboard = useTuiComposerKeyboard({
-        inputRef,
-        value,
-        history,
-        completion,
-        inline,
-        disabled,
-        readOnly,
-        canSubmit,
-        activeIndex,
-        onActiveIndexChange,
-        onValueChange,
-        onSubmit,
-        onDismiss,
-        onRequestPalette
-    });
+function StatePanel({ title, description, action, icon }) {
     return /*#__PURE__*/ jsxs("div", {
-        ref: anchorRef,
-        className: "ov-tui__composer",
-        "data-disabled": disabled || void 0,
+        className: "ov-file-preview__state",
+        role: "status",
         children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: "ov-tui__input-row",
-                "data-value": `${value}\n`,
-                children: [
-                    /*#__PURE__*/ jsx("label", {
-                        className: "ov-tui__input-label",
-                        htmlFor: inputId,
-                        children: labels.placeholder
-                    }),
-                    /*#__PURE__*/ jsx(TuiInputMirror, {
-                        value: value,
-                        input: completion.activeInput,
-                        inline: inline,
-                        colorInput: completion.query.colorInput,
-                        onOpenUri: onOpenUri,
-                        onScroll: (event)=>{
-                            if (inputRef.current) {
-                                inputRef.current.scrollTop = event.currentTarget.scrollTop;
-                                inputRef.current.scrollLeft = event.currentTarget.scrollLeft;
-                            }
-                        },
-                        mirrorRef: mirrorRef,
-                        hintId: `${inputId}-hint`
-                    }),
-                    /*#__PURE__*/ jsx("textarea", {
-                        id: inputId,
-                        name: "command",
-                        ref: inputRef,
-                        className: "ov-tui__input",
-                        rows: 1,
-                        value: value,
-                        placeholder: labels.placeholder,
-                        readOnly: readOnly,
-                        disabled: disabled,
-                        autoCapitalize: "off",
-                        autoCorrect: "off",
-                        spellCheck: false,
-                        enterKeyHint: "send",
-                        onFocus: onFocus,
-                        "aria-describedby": `${inputId}-shortcuts ${inputId}-hint`,
-                        "aria-autocomplete": inline ? 'both' : 'list',
-                        "aria-haspopup": "listbox",
-                        "aria-controls": showSuggestions ? assistId : void 0,
-                        "aria-activedescendant": showSuggestions && activeIndex >= 0 ? `${assistId}-${activeIndex}` : void 0,
-                        onChange: (event)=>keyboard.change(event.target.value),
-                        onScroll: (event)=>{
-                            if (mirrorRef.current) {
-                                mirrorRef.current.scrollTop = event.currentTarget.scrollTop;
-                                mirrorRef.current.scrollLeft = event.currentTarget.scrollLeft;
-                            }
-                        },
-                        onKeyDown: keyboard.handleKeyDown
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxs("div", {
-                className: "ov-tui__shortcuts",
-                id: `${inputId}-shortcuts`,
-                children: [
-                    /*#__PURE__*/ jsxs("span", {
-                        className: "ov-tui__shortcut",
-                        children: [
-                            /*#__PURE__*/ jsx("kbd", {
-                                children: "/"
-                            }),
-                            labels.allCommands
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs("span", {
-                        className: "ov-tui__shortcut",
-                        children: [
-                            /*#__PURE__*/ jsx("kbd", {
-                                children: "↑"
-                            }),
-                            labels.historyCommands
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs("span", {
-                        className: "ov-tui__shortcut",
-                        children: [
-                            /*#__PURE__*/ jsx("kbd", {
-                                children: "↵"
-                            }),
-                            labels.send
-                        ]
-                    })
-                ]
+            icon,
+            /*#__PURE__*/ jsx("p", {
+                className: "ov-file-preview__state-title",
+                children: title
             }),
-            disabled ? /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__unavailable",
-                role: "status",
-                children: labels.unavailableMessage
-            }) : null
+            description ? /*#__PURE__*/ jsx("p", {
+                className: "ov-file-preview__state-description",
+                children: description
+            }) : null,
+            action
         ]
     });
 }
-const ZH_TUI_LABELS = {
-    placeholder: '>_ 输入 CLI 命令，如 ov find OpenViking',
-    unavailableMessage: '当前无法执行命令。',
-    send: '发送',
-    allCommands: '全部指令',
-    historyCommands: '历史指令',
-    suggestions: '命令建议',
-    noSuggestions: '没有匹配的命令',
-    pending: '执行中',
-    success: '执行成功',
-    error: '执行失败',
-    copy: '复制',
-    copied: '已复制',
-    empty: '运行命令后将在此显示结果。',
-    noResult: '暂无返回结果',
-    justNow: '刚刚',
-    formatMinutesAgo: (minutes)=>`${minutes} 分钟前`,
-    formatHoursAgo: (hours)=>`${hours} 小时前`,
-    availableCommands: '可用命令',
-    helpHint: '输入 / 可打开命令面板。',
-    parameters: '参数详情',
-    examples: '快速体验',
-    noParameters: '此命令不需要参数',
-    loadMore: '加载更多',
-    resource: '资源',
-    parameter: '参数',
-    required: '必填',
-    description: '说明',
-    defaultValue: '默认值',
-    yes: '是',
-    no: '否'
-};
-const DEFAULT_TUI_LABELS = {
-    placeholder: '>_ Enter CLI commands, e.g. ov find OpenViking',
-    unavailableMessage: 'Commands are unavailable right now.',
-    send: 'Send',
-    allCommands: 'All commands',
-    historyCommands: 'History',
-    suggestions: 'Command suggestions',
-    noSuggestions: 'No matching commands',
-    pending: 'Running',
-    success: 'Succeeded',
-    error: 'Failed',
-    copy: 'Copy',
-    copied: 'Copied',
-    empty: 'Run a command to see its result here.',
-    noResult: 'No result returned',
-    justNow: 'Just now',
-    formatMinutesAgo: (minutes)=>`${minutes} minute${1 === minutes ? '' : 's'} ago`,
-    formatHoursAgo: (hours)=>`${hours} hour${1 === hours ? '' : 's'} ago`,
-    availableCommands: 'Available commands',
-    helpHint: 'Type / to open the command palette.',
-    parameters: 'Parameters',
-    examples: 'Examples',
-    noParameters: 'No parameters',
-    loadMore: 'Load more',
-    resource: 'Resource',
-    parameter: 'Parameter',
-    required: 'Required',
-    description: "Description",
-    defaultValue: 'Default',
-    yes: 'Yes',
-    no: 'No'
-};
-function resolveTuiLabels(labels, locale = 'en') {
-    const defaults = 'zh' === locale ? ZH_TUI_LABELS : DEFAULT_TUI_LABELS;
-    if (!labels) return defaults;
-    return {
-        ...defaults,
-        placeholder: labels.placeholder ?? defaults.placeholder,
-        unavailableMessage: labels.unavailableMessage ?? defaults.unavailableMessage,
-        send: labels.send ?? defaults.send,
-        allCommands: labels.allCommands ?? defaults.allCommands,
-        historyCommands: labels.historyCommands ?? defaults.historyCommands,
-        suggestions: labels.suggestions ?? defaults.suggestions,
-        noSuggestions: labels.noSuggestions ?? defaults.noSuggestions,
-        pending: labels.pending ?? defaults.pending,
-        success: labels.success ?? defaults.success,
-        error: labels.error ?? defaults.error,
-        copy: labels.copy ?? defaults.copy,
-        copied: labels.copied ?? defaults.copied,
-        empty: labels.empty ?? defaults.empty,
-        noResult: labels.noResult ?? defaults.noResult,
-        justNow: labels.justNow ?? defaults.justNow,
-        formatMinutesAgo: labels.formatMinutesAgo ?? defaults.formatMinutesAgo,
-        formatHoursAgo: labels.formatHoursAgo ?? defaults.formatHoursAgo,
-        availableCommands: labels.availableCommands ?? defaults.availableCommands,
-        helpHint: labels.helpHint ?? defaults.helpHint,
-        parameters: labels.parameters ?? defaults.parameters,
-        examples: labels.examples ?? defaults.examples,
-        noParameters: labels.noParameters ?? defaults.noParameters,
-        loadMore: labels.loadMore ?? defaults.loadMore,
-        resource: labels.resource ?? defaults.resource,
-        parameter: labels.parameter ?? defaults.parameter,
-        required: labels.required ?? defaults.required,
-        description: labels.description ?? defaults.description,
-        defaultValue: labels.defaultValue ?? defaults.defaultValue,
-        yes: labels.yes ?? defaults.yes,
-        no: labels.no ?? defaults.no
-    };
-}
-function TuiCommandHelp({ content, onPick, labels }) {
-    return /*#__PURE__*/ jsxs("div", {
-        className: "ov-tui__help",
-        children: [
-            /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__help-lead",
-                children: labels.availableCommands
-            }),
-            content.sections.map((section)=>/*#__PURE__*/ jsxs("section", {
-                    className: "ov-tui__help-section",
-                    children: [
-                        /*#__PURE__*/ jsx("div", {
-                            className: "ov-tui__help-section-label",
-                            children: section.label
-                        }),
-                        /*#__PURE__*/ jsx("div", {
-                            className: "ov-tui__help-items",
-                            children: section.items.map((item)=>/*#__PURE__*/ jsxs("button", {
-                                    type: "button",
-                                    className: "ov-tui__help-item",
-                                    disabled: !onPick,
-                                    onClick: ()=>onPick?.(item.name),
-                                    children: [
-                                        /*#__PURE__*/ jsx("span", {
-                                            className: "ov-tui__help-name",
-                                            children: item.name
-                                        }),
-                                        item.description ? /*#__PURE__*/ jsx("span", {
-                                            className: "ov-tui__help-desc",
-                                            children: item.description
-                                        }) : null
-                                    ]
-                                }, item.key))
-                        })
-                    ]
-                }, section.key)),
-            /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__help-footer",
-                children: labels.helpHint
-            })
-        ]
+function EmptyFileState({ text }) {
+    return /*#__PURE__*/ jsx(StatePanel, {
+        title: text.fileEmpty
     });
 }
-function formatTuiRecordTime(record, labels, now = Date.now()) {
-    const timestamp = record.createdAtMs;
-    if ('number' != typeof timestamp || !Number.isFinite(timestamp)) return record.createdAt;
-    const date = new Date(timestamp);
-    if (!Number.isFinite(date.getTime())) return record.createdAt;
-    const elapsed = Math.max(0, now - timestamp);
-    if (elapsed < 60000) return labels.justNow;
-    if (elapsed < 3600000) return labels.formatMinutesAgo(Math.floor(elapsed / 60000));
-    if (elapsed < 86400000) return labels.formatHoursAgo(Math.floor(elapsed / 3600000));
-    const pad = (value)=>String(value).padStart(2, '0');
-    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`;
-}
-const subscribe = ()=>()=>{};
-const clientSnapshot = ()=>true;
-const serverSnapshot = ()=>false;
-function TuiRecordTime({ record, labels }) {
-    const client = useSyncExternalStore(subscribe, clientSnapshot, serverSnapshot);
-    const text = client ? formatTuiRecordTime(record, labels) : record.createdAt;
-    return text ? /*#__PURE__*/ jsx("span", {
-        className: "ov-tui__bubble-time",
-        children: text
-    }) : null;
-}
-function TuiCopyButton({ text, label, copiedLabel, onCopy, className }) {
-    const [copied, setCopied] = useState(false);
-    const handleCopy = ()=>{
-        copyTuiText(text).then((succeeded)=>{
-            if (!succeeded) return;
-            setCopied(true);
-            onCopy?.(text);
-            window.setTimeout(()=>setCopied(false), 1600);
-        });
-    };
-    return /*#__PURE__*/ jsx("button", {
-        type: "button",
-        className: [
-            'ov-tui__copy',
-            className
-        ].filter(Boolean).join(' '),
-        onClick: handleCopy,
-        children: copied ? copiedLabel : label
+function LoadingState({ text }) {
+    return /*#__PURE__*/ jsx(StatePanel, {
+        title: text.loading ?? 'Loading…',
+        icon: /*#__PURE__*/ jsx("span", {
+            className: "ov-file-preview__spinner"
+        })
     });
 }
-function TuiCodeBlock({ text, labels, onCopy, onOpenUri }) {
-    return /*#__PURE__*/ jsxs("div", {
-        className: "ov-tui__code-block",
-        children: [
-            /*#__PURE__*/ jsx(TuiCopyButton, {
-                className: "ov-tui__copy--inline",
-                text: text,
-                label: labels.copy,
-                copiedLabel: labels.copied,
-                onCopy: onCopy
-            }),
-            /*#__PURE__*/ jsx("pre", {
-                className: "ov-tui__code-content",
-                children: /*#__PURE__*/ jsx(TuiUriText, {
-                    text: formatTuiJson(text),
-                    mode: "literal",
-                    onOpenUri: onOpenUri
-                })
-            })
-        ]
+function LoadFailedState({ text, description, onRetry }) {
+    return /*#__PURE__*/ jsx(StatePanel, {
+        title: text.loadFailed,
+        description: description,
+        action: onRetry ? /*#__PURE__*/ jsx("button", {
+            type: "button",
+            className: "ov-file-preview__button",
+            onClick: onRetry,
+            children: text.retry
+        }) : void 0
     });
 }
-const TuiMarkdownContext = /*#__PURE__*/ createContext(null);
-const InsideLink = /*#__PURE__*/ createContext(false);
-function textOf(children) {
-    if ('string' == typeof children || 'number' == typeof children) return String(children);
-    if (Array.isArray(children)) return children.map(textOf).join('');
-    if (/*#__PURE__*/ isValidElement(children)) return textOf(children.props.children);
-    return '';
+function UnsupportedState({ text, onDownload }) {
+    return /*#__PURE__*/ jsx(StatePanel, {
+        title: text.unsupported,
+        action: onDownload ? /*#__PURE__*/ jsx("button", {
+            type: "button",
+            className: "ov-file-preview__button",
+            onClick: onDownload,
+            children: text.download
+        }) : void 0
+    });
 }
-function LinkedText({ children }) {
-    const options = useContext(TuiMarkdownContext);
-    const insideLink = useContext(InsideLink);
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: insideLink ? children : Children.map(children, (child)=>'string' == typeof child ? /*#__PURE__*/ jsx(TuiUriText, {
-                text: child,
-                mode: "prose",
-                onOpenUri: options.onOpenUri
-            }) : child)
+function TruncatedNotice({ text }) {
+    return /*#__PURE__*/ jsx("p", {
+        className: "ov-file-preview__notice",
+        children: text.truncated
     });
 }
-function MarkdownCode({ children }) {
-    const options = useContext(TuiMarkdownContext);
-    const insideLink = useContext(InsideLink);
-    return /*#__PURE__*/ jsx("code", {
-        children: insideLink ? children : /*#__PURE__*/ jsx(TuiUriText, {
-            text: textOf(children),
-            mode: "literal",
-            onOpenUri: options.onOpenUri
+const Viewer = /*#__PURE__*/ lazy(async ()=>{
+    const { FilePreviewViewer } = await import("./file-preview-viewer~0.js");
+    return {
+        default: FilePreviewViewer
+    };
+});
+function LazyFilePreviewViewer(props) {
+    return /*#__PURE__*/ jsx(Suspense, {
+        fallback: /*#__PURE__*/ jsx(LoadingState, {
+            text: props.text
+        }),
+        children: /*#__PURE__*/ jsx(Viewer, {
+            ...props
         })
     });
 }
-function MarkdownPre({ children }) {
-    const options = useContext(TuiMarkdownContext);
-    return /*#__PURE__*/ jsx(TuiCodeBlock, {
-        text: textOf(children).replace(/\n$/, ''),
-        ...options
+function FilePreviewBody({ fileTab, text, locale, viewMode, editing, onViewModeChange, onHandleChange, onViewModesChange, onDownload, onLinkClick, onCancelEditing }) {
+    if (editing.editing || editing.loadingEdit || editing.editFailed) return /*#__PURE__*/ jsx(FilePreviewEditor, {
+        draft: editing.draft,
+        text: text,
+        loading: editing.loadingEdit,
+        failed: editing.editFailed,
+        saveFailed: editing.saveFailed,
+        saving: editing.saving,
+        onChange: editing.updateDraft,
+        onCancel: onCancelEditing
+    });
+    if (fileTab.loading) return /*#__PURE__*/ jsx(LoadingState, {
+        text: text
+    });
+    if (isEmptyFile(fileTab.source)) return /*#__PURE__*/ jsx(EmptyFileState, {
+        text: text
     });
+    return /*#__PURE__*/ jsx(FilePreviewImageFrame, {
+        children: /*#__PURE__*/ jsx(LazyFilePreviewViewer, {
+            tab: fileTab,
+            text: text,
+            locale: locale,
+            viewMode: viewMode,
+            onViewModeChange: onViewModeChange,
+            onDownload: onDownload,
+            onHandleChange: onHandleChange,
+            onViewModesChange: onViewModesChange,
+            onLinkClick: onLinkClick
+        })
+    }, JSON.stringify([
+        fileTab.source.path,
+        fileTab.source.fileName,
+        fileTab.source.url
+    ]));
 }
-function MarkdownLink({ children, href, title }) {
-    const { onOpenUri } = useContext(TuiMarkdownContext);
-    const isViking = /^viking:/i.test(href ?? '');
-    const target = isViking ? getTuiSafeHref(href) : href;
-    return /*#__PURE__*/ jsx(InsideLink.Provider, {
-        value: true,
-        children: target ? /*#__PURE__*/ jsx("a", {
-            href: target,
-            title: title,
-            className: isViking ? 'ov-tui__link' : void 0,
-            target: isViking ? void 0 : '_blank',
-            rel: isViking ? void 0 : 'noreferrer',
-            onClick: isViking && onOpenUri ? (event)=>{
-                event.preventDefault();
-                onOpenUri(target);
-            } : void 0,
-            children: children
-        }) : children
+function FilePreviewLevelTabs({ levels, activeKey, disabled, onSelect }) {
+    if (!levels?.length) return null;
+    return /*#__PURE__*/ jsx("div", {
+        className: "ov-file-preview__levels ov-file-preview__levels--file",
+        role: "group",
+        children: levels.map((level)=>/*#__PURE__*/ jsx("button", {
+                type: "button",
+                className: "ov-file-preview__level",
+                "aria-pressed": level.key === activeKey,
+                disabled: disabled || level.disabled,
+                onClick: ()=>onSelect(level.key),
+                children: level.label
+            }, level.key))
     });
 }
-const TUI_MARKDOWN_COMPONENTS = {
-    p: ({ children })=>/*#__PURE__*/ jsx("p", {
-            children: /*#__PURE__*/ jsx(LinkedText, {
-                children: children
-            })
-        }),
-    li: ({ children })=>/*#__PURE__*/ jsx("li", {
-            children: /*#__PURE__*/ jsx(LinkedText, {
-                children: children
-            })
-        }),
-    h1: ({ children })=>/*#__PURE__*/ jsx("h1", {
-            children: /*#__PURE__*/ jsx(LinkedText, {
-                children: children
-            })
-        }),
-    h2: ({ children })=>/*#__PURE__*/ jsx("h2", {
-            children: /*#__PURE__*/ jsx(LinkedText, {
-                children: children
-            })
-        }),
-    h3: ({ children })=>/*#__PURE__*/ jsx("h3", {
-            children: /*#__PURE__*/ jsx(LinkedText, {
-                children: children
-            })
-        }),
-    h4: ({ children })=>/*#__PURE__*/ jsx("h4", {
-            children: /*#__PURE__*/ jsx(LinkedText, {
-                children: children
-            })
-        }),
-    h5: ({ children })=>/*#__PURE__*/ jsx("h5", {
-            children: /*#__PURE__*/ jsx(LinkedText, {
-                children: children
-            })
-        }),
-    h6: ({ children })=>/*#__PURE__*/ jsx("h6", {
-            children: /*#__PURE__*/ jsx(LinkedText, {
-                children: children
-            })
-        }),
-    strong: ({ children })=>/*#__PURE__*/ jsx("strong", {
-            children: /*#__PURE__*/ jsx(LinkedText, {
-                children: children
-            })
-        }),
-    em: ({ children })=>/*#__PURE__*/ jsx("em", {
-            children: /*#__PURE__*/ jsx(LinkedText, {
-                children: children
-            })
-        }),
-    del: ({ children })=>/*#__PURE__*/ jsx("del", {
-            children: /*#__PURE__*/ jsx(LinkedText, {
-                children: children
-            })
-        }),
-    td: ({ children, style })=>/*#__PURE__*/ jsx("td", {
-            style: style,
-            children: /*#__PURE__*/ jsx(LinkedText, {
-                children: children
-            })
-        }),
-    th: ({ children, style })=>/*#__PURE__*/ jsx("th", {
-            style: style,
-            children: /*#__PURE__*/ jsx(LinkedText, {
-                children: children
-            })
+function FilePreviewBreadcrumbMenu({ hiddenPathLabel, segments, canOpen, disabled, onOpen }) {
+    return /*#__PURE__*/ jsx(Tooltip, {
+        trigger: "click",
+        placement: "bottom",
+        className: "ov-file-preview__breadcrumb-menu-surface",
+        content: /*#__PURE__*/ jsx("ul", {
+            className: "ov-file-preview__breadcrumb-menu",
+            role: "menu",
+            children: segments.map((segment)=>/*#__PURE__*/ jsx("li", {
+                    role: "none",
+                    children: /*#__PURE__*/ jsxs("button", {
+                        type: "button",
+                        role: "menuitem",
+                        disabled: !canOpen || disabled,
+                        onClick: ()=>onOpen(segment.uri),
+                        children: [
+                            segment.label,
+                            "/"
+                        ]
+                    })
+                }, segment.uri))
         }),
-    code: MarkdownCode,
-    pre: MarkdownPre,
-    a: MarkdownLink,
-    table: ({ children })=>/*#__PURE__*/ jsx("div", {
-            className: "ov-tui__table-frame",
-            children: /*#__PURE__*/ jsx("table", {
-                children: children
-            })
-        })
-};
-function TuiMarkdown({ text, ...options }) {
-    return /*#__PURE__*/ jsx(TuiMarkdownContext.Provider, {
-        value: options,
-        children: /*#__PURE__*/ jsx("div", {
-            className: "ov-tui__markdown",
-            children: /*#__PURE__*/ jsx(react_markdown, {
-                remarkPlugins: [
-                    [
-                        remark_gfm,
-                        {
-                            singleTilde: false
-                        }
-                    ]
-                ],
-                urlTransform: (url)=>/^viking:/i.test(url) ? getTuiSafeHref(url) ?? '' : defaultUrlTransform(url),
-                components: TUI_MARKDOWN_COMPONENTS,
-                children: text
-            })
+        children: /*#__PURE__*/ jsx("button", {
+            type: "button",
+            className: "ov-file-preview__breadcrumb-more",
+            "aria-label": hiddenPathLabel,
+            "aria-haspopup": "menu",
+            children: "…"
         })
     });
 }
-function getVisibleTuiResultTitle(title, command) {
-    if (!title || !command) return title;
-    const candidate = title.trim().replace(/^\*\*([\s\S]*)\*\*$/, '$1').replace(/^\/+/, '').trim();
-    const match = matchTuiCommandInput(candidate, [
-        command
-    ]);
-    return match && !match.rest.trim() ? void 0 : title;
-}
-function getTuiResultText(text, command) {
-    const heading = text.match(/^\s*(\*\*\/?[^\r\n]+\*\*|\/[^\r\n]+)\r?\n(?:[ \t]*\r?\n)?/);
-    return heading && void 0 === getVisibleTuiResultTitle(heading[1], command) ? text.slice(heading[0].length) : text;
+const MAX_ANCESTOR_WIDTH = 160;
+const OVERFLOW_BUTTON_WIDTH = 36;
+const SHIFT_DURATION = 160;
+function prefersReducedMotion() {
+    return "u" > typeof window && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
 }
-function isTuiJson(text) {
-    const first = text.trimStart().charAt(0);
-    if ('{' !== first && '[' !== first) return false;
-    try {
-        JSON.parse(text);
-        return true;
-    } catch  {
-        return false;
-    }
+function measureAvailable(root) {
+    const row = root.parentElement;
+    if (!row) return root.clientWidth;
+    const style = window.getComputedStyle(row);
+    const gap = Number.parseFloat(style.columnGap) || 0;
+    const siblings = Array.from(row.children).filter((child)=>child !== root && child instanceof HTMLElement);
+    const siblingWidth = siblings.reduce((sum, child)=>sum + child.getBoundingClientRect().width, 0);
+    const siblingGaps = gap * siblings.length;
+    return Math.max(0, row.clientWidth - siblingWidth - siblingGaps);
 }
-function TuiResourcePreview({ content, onOpenUri, onCopy, labels }) {
-    const metaLabel = content.meta?.filter(Boolean).join(' · ') || content.description;
-    const target = content.navigationUri ?? content.uri;
+function FilePreviewBreadcrumb({ hiddenPathLabel, segments, title, canOpen, disabled, onOpen }) {
+    const rootRef = useRef(null);
+    const measureRef = useRef(null);
+    const currentRef = useRef(null);
+    const previousRef = useRef(void 0);
+    const [hiddenCount, setHiddenCount] = useState(0);
+    const [rootHidden, setRootHidden] = useState(false);
+    const [overflowing, setOverflowing] = useState(false);
+    const signature = JSON.stringify([
+        segments.map((s)=>s.uri),
+        title
+    ]);
+    useLayoutEffect(()=>{
+        const root = rootRef.current;
+        const measure = measureRef.current;
+        if (!root || !measure) return;
+        const run = ()=>{
+            const widths = Array.from(measure.children).map((child)=>child.getBoundingClientRect().width);
+            const available = measureAvailable(root);
+            const isOverflowing = widths.reduce((sum, width)=>sum + width, 0) > available;
+            const capped = isOverflowing ? widths.map((width, index)=>index < widths.length - 1 ? Math.min(width, MAX_ANCESTOR_WIDTH) : width) : widths;
+            const ancestors = capped.slice(0, -1);
+            const trailing = capped[capped.length - 1] ?? 0;
+            const total = capped.reduce((sum, width)=>sum + width, 0);
+            setOverflowing(isOverflowing);
+            let count = 0;
+            let used = total;
+            while(used > available && count < ancestors.length - 1){
+                used -= ancestors[count + 1] ?? 0;
+                if (0 === count) used += OVERFLOW_BUTTON_WIDTH;
+                count += 1;
+            }
+            let hideRoot = false;
+            if (used > available && ancestors.length > 0) {
+                const rootCollapsed = OVERFLOW_BUTTON_WIDTH + trailing;
+                hideRoot = rootCollapsed < used;
+            }
+            setHiddenCount(hideRoot ? ancestors.length : count);
+            setRootHidden(hideRoot);
+        };
+        run();
+        const observer = new ResizeObserver(run);
+        observer.observe(root);
+        observer.observe(measure);
+        if (root.parentElement) observer.observe(root.parentElement);
+        return ()=>observer.disconnect();
+    }, [
+        segments,
+        title
+    ]);
+    useLayoutEffect(()=>{
+        const current = currentRef.current;
+        const previous = previousRef.current;
+        if (!current) return;
+        const left = current.offsetLeft;
+        previousRef.current = {
+            signature,
+            left
+        };
+        if (!previous || previous.signature !== signature || previous.left === left || prefersReducedMotion()) return;
+        const animation = current.animate([
+            {
+                transform: `translateX(${previous.left - left}px)`,
+                opacity: 0.65
+            },
+            {
+                transform: 'translateX(0)',
+                opacity: 1
+            }
+        ], {
+            duration: SHIFT_DURATION,
+            easing: 'cubic-bezier(0.2, 0, 0, 1)'
+        });
+        return ()=>animation.cancel();
+    }, [
+        hiddenCount,
+        rootHidden,
+        signature
+    ]);
+    const hiddenSegments = segments.filter((_, index)=>rootHidden ? index < hiddenCount : index > 0 && index <= hiddenCount);
+    const menu = hiddenSegments.length ? /*#__PURE__*/ jsx(FilePreviewBreadcrumbMenu, {
+        hiddenPathLabel: hiddenPathLabel,
+        segments: hiddenSegments,
+        canOpen: canOpen,
+        disabled: disabled,
+        onOpen: onOpen
+    }) : null;
     return /*#__PURE__*/ jsxs("div", {
-        className: "ov-tui__preview",
+        className: [
+            'ov-file-preview__breadcrumb',
+            overflowing ? 'ov-file-preview__breadcrumb--overflowing' : ''
+        ].filter(Boolean).join(' '),
+        ref: rootRef,
         children: [
-            metaLabel ? /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__result-meta",
-                children: /*#__PURE__*/ jsx(TuiUriText, {
-                    text: metaLabel,
-                    mode: "prose",
-                    onOpenUri: onOpenUri
-                })
-            }) : null,
-            content.title ? /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__card-title",
-                children: /*#__PURE__*/ jsx(TuiUriText, {
-                    text: content.title,
-                    mode: "literal",
-                    onOpenUri: onOpenUri
-                })
-            }) : null,
             /*#__PURE__*/ jsxs("div", {
-                className: "ov-tui__preview-body",
+                className: "ov-file-preview__breadcrumb-measure",
+                ref: measureRef,
+                "aria-hidden": "true",
                 children: [
-                    content.uri ? /*#__PURE__*/ jsx(TuiUriLink, {
-                        uri: target,
-                        onOpenUri: onOpenUri,
-                        className: "ov-tui__link ov-tui__preview-uri",
-                        children: content.uri
-                    }) : null,
-                    isTuiJson(content.content) ? /*#__PURE__*/ jsx(TuiCodeBlock, {
-                        text: content.content,
-                        labels: labels,
-                        onCopy: onCopy,
-                        onOpenUri: onOpenUri
-                    }) : /*#__PURE__*/ jsx("pre", {
-                        className: "ov-tui__preview-content",
-                        children: /*#__PURE__*/ jsx(TuiUriText, {
-                            text: content.content,
-                            mode: "literal",
-                            onOpenUri: onOpenUri
-                        })
+                    segments.map((segment)=>/*#__PURE__*/ jsxs("span", {
+                            className: "ov-file-preview__breadcrumb-part",
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    children: segment.isFirst ? `${segment.uri}` : segment.label
+                                }),
+                                /*#__PURE__*/ jsx("span", {
+                                    className: "ov-file-preview__breadcrumb-separator",
+                                    children: "/"
+                                })
+                            ]
+                        }, segment.uri)),
+                    /*#__PURE__*/ jsx("span", {
+                        children: title
                     })
                 ]
-            })
-        ]
-    });
-}
-const PAGE_SIZE = 20;
-function TreeIdentity({ item, onOpenUri }) {
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsx("span", {
-                className: "ov-tui__tree-title",
-                children: item.uri ? /*#__PURE__*/ jsx(TuiUriLink, {
-                    uri: item.uri,
-                    onOpenUri: onOpenUri,
-                    children: item.title
-                }) : /*#__PURE__*/ jsx(TuiUriText, {
-                    text: item.title,
-                    mode: "literal",
-                    onOpenUri: onOpenUri
-                })
             }),
-            item.metaLabel ? /*#__PURE__*/ jsx("span", {
-                className: "ov-tui__tree-meta",
-                children: /*#__PURE__*/ jsx(TuiUriText, {
-                    text: item.metaLabel,
-                    mode: "prose",
-                    onOpenUri: onOpenUri
-                })
-            }) : null
-        ]
-    });
-}
-function TuiResourceTree({ content, onOpenUri, loadMoreLabel, noResultLabel, resourceLabel }) {
-    const [visibleCount, setVisibleCount] = useState(PAGE_SIZE);
-    const columns = Array.from(new Set(content.items.flatMap((item)=>item.detailRows?.map((row)=>row.label) ?? [])));
-    const visibleItems = content.items.slice(0, visibleCount);
-    const hiddenCount = content.items.length - visibleItems.length;
-    return /*#__PURE__*/ jsxs("div", {
-        className: "ov-tui__tree",
-        children: [
-            content.title ? /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__card-title",
-                children: /*#__PURE__*/ jsx(TuiUriText, {
-                    text: content.title,
-                    mode: "literal",
-                    onOpenUri: onOpenUri
-                })
+            rootHidden && menu ? /*#__PURE__*/ jsxs("span", {
+                className: "ov-file-preview__breadcrumb-part",
+                children: [
+                    menu,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "ov-file-preview__breadcrumb-separator",
+                        children: "/"
+                    })
+                ]
             }) : null,
-            content.items.length ? null : /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__no-result",
-                children: noResultLabel
-            }),
-            columns.length ? /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__table-frame",
-                children: /*#__PURE__*/ jsxs("table", {
-                    className: "ov-tui__table",
+            segments.map((segment, index)=>{
+                if (hiddenSegments.includes(segment)) return null;
+                return /*#__PURE__*/ jsxs(external_react_Fragment, {
                     children: [
-                        /*#__PURE__*/ jsx("thead", {
-                            children: /*#__PURE__*/ jsxs("tr", {
-                                children: [
-                                    /*#__PURE__*/ jsx("th", {
-                                        scope: "col",
-                                        children: resourceLabel
-                                    }),
-                                    columns.map((column)=>/*#__PURE__*/ jsx("th", {
-                                            scope: "col",
-                                            children: column
-                                        }, column))
-                                ]
-                            })
+                        /*#__PURE__*/ jsxs("span", {
+                            className: "ov-file-preview__breadcrumb-part",
+                            children: [
+                                /*#__PURE__*/ jsx("button", {
+                                    type: "button",
+                                    className: "ov-file-preview__breadcrumb-link",
+                                    disabled: !canOpen || disabled,
+                                    title: segment.uri,
+                                    onClick: ()=>onOpen(segment.uri),
+                                    children: segment.isFirst ? `${segment.uri}` : segment.label
+                                }),
+                                /*#__PURE__*/ jsx("span", {
+                                    className: "ov-file-preview__breadcrumb-separator",
+                                    children: "/"
+                                })
+                            ]
                         }),
-                        /*#__PURE__*/ jsx("tbody", {
-                            children: visibleItems.map((item)=>/*#__PURE__*/ jsxs("tr", {
-                                    children: [
-                                        /*#__PURE__*/ jsx("td", {
-                                            children: /*#__PURE__*/ jsx(TreeIdentity, {
-                                                item: item,
-                                                onOpenUri: onOpenUri
-                                            })
-                                        }),
-                                        columns.map((column)=>{
-                                            const value = item.detailRows?.find((row)=>row.label === column)?.value ?? '';
-                                            return /*#__PURE__*/ jsx("td", {
-                                                children: /*#__PURE__*/ jsx(TuiUriText, {
-                                                    text: value,
-                                                    mode: "literal",
-                                                    onOpenUri: onOpenUri
-                                                })
-                                            }, column);
-                                        })
-                                    ]
-                                }, item.id))
-                        })
+                        0 === index && !rootHidden && menu ? /*#__PURE__*/ jsxs("span", {
+                            className: "ov-file-preview__breadcrumb-part",
+                            children: [
+                                menu,
+                                /*#__PURE__*/ jsx("span", {
+                                    className: "ov-file-preview__breadcrumb-separator",
+                                    children: "/"
+                                })
+                            ]
+                        }) : null
                     ]
-                })
-            }) : /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__tree-items",
-                children: visibleItems.map((item)=>/*#__PURE__*/ jsx("div", {
-                        className: "ov-tui__tree-item",
-                        children: /*#__PURE__*/ jsx(TreeIdentity, {
-                            item: item,
-                            onOpenUri: onOpenUri
-                        })
-                    }, item.id))
-            }),
-            hiddenCount > 0 ? /*#__PURE__*/ jsxs("button", {
-                type: "button",
-                className: "ov-tui__load-more",
-                onClick: ()=>setVisibleCount((count)=>count + PAGE_SIZE),
-                children: [
-                    loadMoreLabel,
-                    " (",
-                    hiddenCount,
-                    ")"
-                ]
-            }) : null
-        ]
-    });
-}
-function TuiResultHeader({ command, status, label }) {
-    return /*#__PURE__*/ jsxs("header", {
-        className: "ov-tui__result-head",
-        children: [
-            /*#__PURE__*/ jsx("span", {
-                className: "ov-tui__result-state",
-                "data-status": status,
-                role: "img",
-                "aria-label": label
+                }, segment.uri);
             }),
             /*#__PURE__*/ jsx("span", {
-                className: "ov-tui__result-command",
-                children: command
+                ref: currentRef,
+                className: "ov-file-preview__breadcrumb-current",
+                "aria-current": "page",
+                title: title,
+                children: title
             })
         ]
     });
 }
-function ScoreDetails({ item }) {
-    const [hovered, setHovered] = useState(false);
-    const [pinned, setPinned] = useState(false);
-    if (!item.scoreDetails) return /*#__PURE__*/ jsx("span", {
-        className: "ov-tui__search-score",
-        children: item.scoreLabel
-    });
-    const open = hovered || pinned;
-    return /*#__PURE__*/ jsxs("span", {
-        className: "ov-tui__search-score-wrap",
-        children: [
-            /*#__PURE__*/ jsx("button", {
-                type: "button",
-                className: "ov-tui__search-score",
-                "aria-expanded": open,
-                onClick: ()=>setPinned((current)=>!current),
-                onMouseEnter: ()=>setHovered(true),
-                onMouseLeave: ()=>setHovered(false),
-                onFocus: ()=>setHovered(true),
-                onBlur: ()=>{
-                    setHovered(false);
-                    setPinned(false);
-                },
-                children: item.scoreLabel
-            }),
-            open ? /*#__PURE__*/ jsx("span", {
-                role: "tooltip",
-                className: "ov-tui__score-details",
-                children: item.scoreDetails
-            }) : null
-        ]
+function FilePreviewCopyPath({ label, disabled, onClick }) {
+    return /*#__PURE__*/ jsx(Tooltip, {
+        content: label,
+        children: /*#__PURE__*/ jsx("button", {
+            type: "button",
+            className: "ov-file-preview__action",
+            "aria-label": label,
+            disabled: disabled,
+            onClick: onClick,
+            children: /*#__PURE__*/ jsx("svg", {
+                width: "14",
+                height: "14",
+                viewBox: "0 0 14 14",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "1.2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                "aria-hidden": "true",
+                children: /*#__PURE__*/ jsx("path", {
+                    d: "M4.667 4.667V3.033c0-.653 0-.98.127-1.229a1.167 1.167 0 0 1 .51-.51c.25-.127.576-.127 1.23-.127h4.433c.653 0 .98 0 1.229.127.22.112.398.29.51.51.127.25.127.576.127 1.23v4.433c0 .653 0 .98-.127 1.229a1.167 1.167 0 0 1-.51.51c-.25.127-.576.127-1.23.127H9.333M3.033 12.833h4.434c.653 0 .98 0 1.229-.127.22-.112.398-.29.51-.51.127-.25.127-.576.127-1.229V6.533c0-.653 0-.98-.127-1.229a1.167 1.167 0 0 0-.51-.51c-.25-.127-.576-.127-1.23-.127H3.034c-.653 0-.98 0-1.23.127a1.167 1.167 0 0 0-.51.51c-.126.25-.126.576-.126 1.23v4.433c0 .653 0 .98.127 1.229.112.22.29.398.51.51.25.127.576.127 1.23.127Z"
+                })
+            })
+        })
     });
 }
-function ResourceUri({ text }) {
-    const boundary = text.lastIndexOf('/');
-    return boundary > 9 ? /*#__PURE__*/ jsxs("span", {
-        className: "ov-tui__search-uri",
-        children: [
-            /*#__PURE__*/ jsx("span", {
-                className: "ov-tui__search-uri-prefix",
-                children: text.slice(0, boundary + 1)
-            }),
-            /*#__PURE__*/ jsx("span", {
-                className: "ov-tui__search-uri-suffix",
-                children: text.slice(boundary + 1)
-            })
-        ]
-    }) : /*#__PURE__*/ jsx("span", {
-        className: "ov-tui__search-uri-full",
-        children: text
+const SEPARATOR = '/';
+function splitPathSegments(path) {
+    const trimmed = path?.trim();
+    if (!trimmed) return [];
+    const schemeIndex = trimmed.indexOf('://');
+    const scheme = schemeIndex >= 0 ? trimmed.slice(0, schemeIndex + 3) : '';
+    const body = schemeIndex >= 0 ? trimmed.slice(schemeIndex + 3) : trimmed;
+    const parts = body.split(SEPARATOR).filter(Boolean);
+    if (parts.length <= 1) return [];
+    const root = '' === scheme && body.startsWith(SEPARATOR) ? SEPARATOR : '';
+    const segments = [];
+    let uri = scheme;
+    parts.slice(0, -1).forEach((part, index)=>{
+        uri = 0 === index ? `${scheme}${root}${part}` : `${uri}${SEPARATOR}${part}`;
+        segments.push({
+            label: part,
+            uri,
+            isFirst: 0 === index
+        });
     });
+    return segments;
+}
+function getPathFileName(path) {
+    const trimmed = path?.trim();
+    if (!trimmed) return;
+    const parts = trimmed.split(SEPARATOR).filter(Boolean);
+    return parts[parts.length - 1];
 }
-function SearchRow({ item, onOpenUri }) {
+function FilePreviewHeader({ levels, levelKey, onLevelChange, path, fileName, canOpenParent, titleExtra, slotActions, actions, text, onOpenParent }) {
+    const segments = splitPathSegments(path);
+    const title = getPathFileName(path) ?? fileName;
+    const actionNode = 'function' == typeof slotActions ? slotActions(actions) : slotActions;
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            item.scoreLabel || item.typeLabel ? /*#__PURE__*/ jsxs("span", {
-                className: "ov-tui__search-metrics",
-                children: [
-                    item.scoreLabel ? /*#__PURE__*/ jsx(ScoreDetails, {
-                        item: item
-                    }) : null,
-                    item.typeLabel ? /*#__PURE__*/ jsx("span", {
-                        className: "ov-tui__search-type",
-                        children: item.typeLabel
-                    }) : null
-                ]
-            }) : null,
-            /*#__PURE__*/ jsxs("span", {
-                className: "ov-tui__search-body",
+            /*#__PURE__*/ jsxs("div", {
+                className: "ov-file-preview__header",
                 children: [
-                    /*#__PURE__*/ jsxs("span", {
-                        className: "ov-tui__search-main",
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "ov-file-preview__path-row",
                         children: [
-                            /*#__PURE__*/ jsx("span", {
-                                className: "ov-tui__search-title",
-                                title: item.uri ?? item.title,
-                                children: item.uri ? /*#__PURE__*/ jsx(TuiUriLink, {
-                                    uri: item.uri,
-                                    onOpenUri: onOpenUri,
-                                    className: "ov-tui__link ov-tui__search-open",
-                                    children: /*#__PURE__*/ jsx(ResourceUri, {
-                                        text: item.uri
-                                    })
-                                }) : /*#__PURE__*/ jsx(TuiUriText, {
-                                    text: item.title,
-                                    mode: "literal",
-                                    onOpenUri: onOpenUri
-                                })
+                            /*#__PURE__*/ jsx(FilePreviewBreadcrumb, {
+                                hiddenPathLabel: text.showHiddenPath,
+                                segments: segments,
+                                title: title,
+                                canOpen: canOpenParent,
+                                disabled: actions.busy,
+                                onOpen: onOpenParent
                             }),
-                            item.levelLabel ? /*#__PURE__*/ jsx("span", {
-                                className: "ov-tui__search-level",
-                                children: item.levelLabel
-                            }) : null
+                            actions.canCopyPath ? /*#__PURE__*/ jsx(FilePreviewCopyPath, {
+                                label: text.copyPath,
+                                disabled: actions.busy,
+                                onClick: ()=>void actions.copyPath()
+                            }) : null,
+                            titleExtra
                         ]
                     }),
-                    item.preview ? /*#__PURE__*/ jsx("span", {
-                        className: "ov-tui__search-preview",
-                        children: /*#__PURE__*/ jsx(TuiUriText, {
-                            text: item.preview,
-                            mode: "prose",
-                            onOpenUri: onOpenUri
-                        })
-                    }) : null,
-                    item.metaLabel ? /*#__PURE__*/ jsx("span", {
-                        className: "ov-tui__search-meta",
-                        children: /*#__PURE__*/ jsx(TuiUriText, {
-                            text: item.metaLabel,
-                            mode: "prose",
-                            onOpenUri: onOpenUri
-                        })
+                    actionNode ? /*#__PURE__*/ jsx("div", {
+                        className: "ov-file-preview__header-actions",
+                        children: actionNode
                     }) : null
                 ]
-            })
+            }),
+            onLevelChange ? /*#__PURE__*/ jsx(FilePreviewLevelTabs, {
+                levels: levels,
+                activeKey: levelKey,
+                disabled: actions.busy,
+                onSelect: onLevelChange
+            }) : null
         ]
     });
 }
-function TuiSearchList({ content, onOpenUri, noResultLabel }) {
-    return /*#__PURE__*/ jsxs("div", {
-        className: "ov-tui__search",
+function levelToFileTab(tab, key) {
+    const level = tab.levels.find((candidate)=>candidate.key === key);
+    if (!level) return;
+    return {
+        kind: 'file',
+        key: `${tab.key}::${level.key}`,
+        source: level.source,
+        resources: level.resources ?? tab.resources,
+        resolveImage: tab.resolveImage,
+        operations: tab.operations,
+        slots: tab.slots
+    };
+}
+function FilePreviewDirectoryBody({ tab, text, locale, actions, editing, viewMode, onViewModeChange, onHandleChange, onViewModesChange, onDownload, onCancelEditing }) {
+    const [internalKey, setInternalKey] = useState(()=>tab.defaultLevelKey ?? tab.levels[0].key);
+    const activeKey = tab.activeLevelKey ?? internalKey;
+    const fileTab = levelToFileTab(tab, activeKey) ?? levelToFileTab(tab, tab.levels[0].key);
+    const tabsRef = useRef(null);
+    const [indicator, setIndicator] = useState({
+        left: 0,
+        width: 0
+    });
+    useLayoutEffect(()=>{
+        const root = tabsRef.current;
+        if (!root) return;
+        const measure = ()=>{
+            const active = root.querySelector('[aria-selected="true"]');
+            if (!active) return;
+            setIndicator({
+                left: active.offsetLeft,
+                width: active.offsetWidth
+            });
+        };
+        measure();
+        const observer = new ResizeObserver(measure);
+        observer.observe(root);
+        return ()=>observer.disconnect();
+    }, [
+        activeKey,
+        tab.levels
+    ]);
+    const changeLevel = (key)=>{
+        if (void 0 === tab.activeLevelKey) setInternalKey(key);
+        tab.onActiveLevelChange?.(key);
+    };
+    const onLevelKeyDown = (event)=>{
+        const keys = [
+            'ArrowLeft',
+            'ArrowRight',
+            'Home',
+            'End'
+        ];
+        if (!keys.includes(event.key)) return;
+        const buttons = Array.from(event.currentTarget.querySelectorAll('[role="tab"]:not(:disabled)'));
+        if (0 === buttons.length) return;
+        const current = buttons.indexOf(event.target);
+        const next = 'Home' === event.key ? 0 : 'End' === event.key ? buttons.length - 1 : (current + ('ArrowRight' === event.key ? 1 : -1) + buttons.length) % buttons.length;
+        const target = buttons[next];
+        if (!target) return;
+        event.preventDefault();
+        target.focus();
+        const key = tab.levels[next]?.key;
+        if (void 0 !== key) changeLevel(key);
+    };
+    if (!fileTab) return null;
+    if (tab.loading) return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            content.summary ? /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__search-summary",
-                children: 'string' == typeof content.summary ? /*#__PURE__*/ jsx(TuiUriText, {
-                    text: content.summary,
-                    mode: "prose",
-                    onOpenUri: onOpenUri
-                }) : content.summary
-            }) : null,
-            content.items.length ? /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__search-items",
-                children: content.items.map((item)=>/*#__PURE__*/ jsx("article", {
-                        className: "ov-tui__search-item",
-                        children: /*#__PURE__*/ jsx(SearchRow, {
-                            item: item,
-                            onOpenUri: onOpenUri
-                        })
-                    }, item.id))
-            }) : /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__no-result",
-                children: noResultLabel
+            /*#__PURE__*/ jsx(FilePreviewHeader, {
+                path: fileTab.source.path,
+                fileName: fileTab.source.fileName,
+                canOpenParent: Boolean(tab.operations?.openParent),
+                titleExtra: tab.slots?.titleExtra,
+                slotActions: tab.slots?.actions,
+                actions: actions,
+                text: text,
+                onOpenParent: (uri)=>void tab.operations?.openParent?.(uri)
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "ov-file-preview__body",
+                children: /*#__PURE__*/ jsx(LoadingState, {
+                    text: text
+                })
             })
         ]
     });
-}
-function Line({ width }) {
-    return /*#__PURE__*/ jsx("span", {
-        className: "ov-tui__skeleton-line",
-        style: {
-            width
-        }
-    });
-}
-function TuiSkeleton({ kind }) {
-    if ('search' === kind) return /*#__PURE__*/ jsxs("div", {
-        className: "ov-tui__skeleton",
-        "aria-hidden": "true",
+    return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: "ov-tui__skeleton-summary",
+            /*#__PURE__*/ jsx(FilePreviewHeader, {
+                path: fileTab.source.path,
+                fileName: fileTab.source.fileName,
+                canOpenParent: Boolean(tab.operations?.openParent),
+                titleExtra: tab.slots?.titleExtra,
+                slotActions: tab.slots?.actions,
+                actions: actions,
+                text: text,
+                onOpenParent: (uri)=>void tab.operations?.openParent?.(uri)
+            }),
+            tab.levels.length > 1 ? /*#__PURE__*/ jsxs("div", {
+                className: "ov-file-preview__levels",
+                role: "tablist",
+                ref: tabsRef,
+                tabIndex: -1,
+                onKeyDown: onLevelKeyDown,
                 children: [
-                    /*#__PURE__*/ jsx(Line, {
-                        width: "100%"
-                    }),
-                    /*#__PURE__*/ jsx(Line, {
-                        width: "56%"
+                    tab.levels.map((level)=>/*#__PURE__*/ jsx("button", {
+                            type: "button",
+                            role: "tab",
+                            "aria-selected": level.key === activeKey,
+                            tabIndex: level.key === activeKey ? 0 : -1,
+                            className: "ov-file-preview__level",
+                            "data-active": level.key === activeKey || void 0,
+                            onClick: ()=>changeLevel(level.key),
+                            children: level.label
+                        }, level.key)),
+                    /*#__PURE__*/ jsx("span", {
+                        "aria-hidden": "true",
+                        className: "ov-file-preview__level-indicator",
+                        style: {
+                            transform: `translateX(${indicator.left}px)`,
+                            width: indicator.width
+                        }
                     })
                 ]
+            }) : null,
+            /*#__PURE__*/ jsx("div", {
+                className: "ov-file-preview__body",
+                children: /*#__PURE__*/ jsx(FilePreviewBody, {
+                    fileTab: fileTab,
+                    text: text,
+                    locale: locale,
+                    viewMode: viewMode,
+                    editing: editing,
+                    onViewModeChange: onViewModeChange,
+                    onHandleChange: onHandleChange,
+                    onViewModesChange: onViewModesChange,
+                    onDownload: onDownload,
+                    onCancelEditing: onCancelEditing
+                }, fileTab.key)
             }),
-            [
-                0,
-                1,
-                2
-            ].map((index)=>/*#__PURE__*/ jsxs("div", {
-                    className: "ov-tui__skeleton-item",
-                    children: [
-                        /*#__PURE__*/ jsx("span", {
-                            className: "ov-tui__skeleton-icon"
-                        }),
-                        /*#__PURE__*/ jsxs("span", {
-                            className: "ov-tui__skeleton-lines",
-                            children: [
-                                /*#__PURE__*/ jsx(Line, {
-                                    width: "72%"
-                                }),
-                                /*#__PURE__*/ jsx(Line, {
-                                    width: "44%"
-                                })
-                            ]
-                        })
-                    ]
-                }, index))
+            tab.slots?.footer ? /*#__PURE__*/ jsx("div", {
+                className: "ov-file-preview__footer",
+                children: tab.slots.footer
+            }) : null
         ]
     });
-    if ('tree' === kind) return /*#__PURE__*/ jsx("div", {
-        className: "ov-tui__skeleton",
-        "aria-hidden": "true",
-        children: [
-            0,
-            1,
-            2,
-            3
-        ].map((index)=>/*#__PURE__*/ jsx("div", {
-                className: "ov-tui__skeleton-row",
-                children: /*#__PURE__*/ jsx(Line, {
-                    width: index % 2 ? '52%' : '68%'
-                })
-            }, index))
+}
+function FilePreviewPanels({ levelKey, onLevelChange, contentTab, directoryTab, fileTab, panelProps, panelClass, text, locale, actions, actionContext, editing, viewMode, setViewMode, onHandleChange, onViewModesChange, linkClickHandler, activeTab }) {
+    if (contentTab) return /*#__PURE__*/ jsx("div", {
+        ...panelProps,
+        className: `${panelClass} ${panelClass}--content`,
+        children: contentTab.content
     });
-    if ('status' === kind) return /*#__PURE__*/ jsx("div", {
-        className: "ov-tui__skeleton",
-        "aria-hidden": "true",
-        children: [
-            0,
-            1,
-            2
-        ].map((index)=>/*#__PURE__*/ jsxs("div", {
-                className: "ov-tui__skeleton-row",
-                children: [
-                    /*#__PURE__*/ jsx(Line, {
-                        width: "28%"
-                    }),
-                    /*#__PURE__*/ jsx(Line, {
-                        width: "46%"
-                    })
-                ]
-            }, index))
+    if (directoryTab) return /*#__PURE__*/ jsx("div", {
+        ...panelProps,
+        className: panelClass,
+        children: /*#__PURE__*/ jsx(FilePreviewDirectoryBody, {
+            tab: directoryTab,
+            text: text,
+            locale: locale,
+            actions: actionContext,
+            editing: editing,
+            viewMode: viewMode,
+            onViewModeChange: setViewMode,
+            onHandleChange: onHandleChange,
+            onViewModesChange: onViewModesChange,
+            onDownload: ()=>{},
+            onCancelEditing: actionContext.cancelEditing
+        })
     });
-    if ('resource' === kind) return /*#__PURE__*/ jsxs("div", {
-        className: "ov-tui__skeleton",
-        "aria-hidden": "true",
+    if (!fileTab) return null;
+    return /*#__PURE__*/ jsxs("div", {
+        ...panelProps,
+        className: panelClass,
         children: [
-            /*#__PURE__*/ jsx(Line, {
-                width: "38%"
+            /*#__PURE__*/ jsx(FilePreviewHeader, {
+                levels: fileTab.levels,
+                levelKey: levelKey,
+                onLevelChange: onLevelChange,
+                path: fileTab.source.path,
+                fileName: fileTab.source.fileName,
+                canOpenParent: Boolean(fileTab.operations?.openParent),
+                titleExtra: fileTab.slots?.titleExtra,
+                slotActions: fileTab.slots?.actions,
+                actions: actionContext,
+                text: text,
+                onOpenParent: (uri)=>void actions.openParent(activeTab, uri)
             }),
-            /*#__PURE__*/ jsxs("div", {
-                className: "ov-tui__skeleton-block",
-                children: [
-                    /*#__PURE__*/ jsx(Line, {
-                        width: "100%"
-                    }),
-                    /*#__PURE__*/ jsx(Line, {
-                        width: "92%"
-                    }),
-                    /*#__PURE__*/ jsx(Line, {
-                        width: "76%"
-                    })
-                ]
-            })
-        ]
-    });
-    if ('write' === kind) return /*#__PURE__*/ jsxs("div", {
-        className: "ov-tui__skeleton",
-        "aria-hidden": "true",
-        children: [
             /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__skeleton-row",
-                children: /*#__PURE__*/ jsx(Line, {
-                    width: "64%"
-                })
+                className: "ov-file-preview__body",
+                children: /*#__PURE__*/ jsx(FilePreviewBody, {
+                    fileTab: fileTab,
+                    text: text,
+                    locale: locale,
+                    viewMode: viewMode,
+                    editing: editing,
+                    onViewModeChange: setViewMode,
+                    onHandleChange: onHandleChange,
+                    onViewModesChange: onViewModesChange,
+                    onDownload: ()=>void actions.download(fileTab),
+                    onLinkClick: linkClickHandler,
+                    onCancelEditing: actionContext.cancelEditing
+                }, JSON.stringify([
+                    fileTab.key,
+                    levelKey
+                ]))
             }),
-            /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__skeleton-row",
-                children: /*#__PURE__*/ jsx(Line, {
-                    width: "42%"
-                })
-            })
+            fileTab.source.truncated ? /*#__PURE__*/ jsx(TruncatedNotice, {
+                text: text
+            }) : null,
+            fileTab.slots?.footer ? /*#__PURE__*/ jsx("div", {
+                className: "ov-file-preview__footer",
+                children: fileTab.slots.footer
+            }) : null
         ]
     });
+}
+function useFilePreviewViewState(identity) {
+    const [previous, setPrevious] = useState(identity);
+    const [viewMode, setViewMode] = useState('preview');
+    const [viewModes, setViewModes] = useState([]);
+    const viewerHandle = useMemo(()=>({
+            identity,
+            current: null
+        }), [
+        identity
+    ]);
+    if (previous !== identity) {
+        setPrevious(identity);
+        setViewMode('preview');
+        setViewModes([]);
+    }
+    const onHandleChange = useCallback((handle)=>{
+        viewerHandle.current = handle;
+    }, [
+        viewerHandle
+    ]);
+    const onViewModesChange = useCallback((modes)=>{
+        const next = modes.map((mode)=>mode.value);
+        setViewModes((current)=>current.join() === next.join() ? current : next);
+    }, []);
+    return {
+        viewMode,
+        setViewMode,
+        viewModes,
+        setViewModes,
+        viewerHandle,
+        onHandleChange,
+        onViewModesChange
+    };
+}
+function useFilePreviewLevels(selected) {
+    const [keys, setKeys] = useState({});
+    const levels = 'file' === selected.kind ? selected.levels : void 0;
+    const requested = 'file' === selected.kind ? selected.activeLevelKey ?? keys[selected.key] : void 0;
+    const level = levels?.find((item)=>item.key === requested && !item.disabled) ?? levels?.find((item)=>!item.disabled);
+    const tab = 'file' === selected.kind && level ? {
+        ...selected,
+        source: level.source,
+        resources: level.resources ?? selected.resources,
+        editing: level.editing
+    } : selected;
+    function selectLevel(key) {
+        if ('file' !== selected.kind || key === level?.key || !levels?.some((item)=>item.key === key && !item.disabled)) return;
+        if (void 0 === selected.activeLevelKey) setKeys((current)=>({
+                ...current,
+                [selected.key]: key
+            }));
+        selected.onLevelChange?.(key);
+    }
+    return {
+        tab,
+        levelKey: level?.key,
+        selectLevel
+    };
+}
+const messages = {
+    showHiddenPath: 'Show hidden path levels',
+    copyPath: 'Copy path',
+    editor: 'Edit content',
+    leaveEditing: 'Cancel',
+    retry: 'Retry',
+    loadFailed: 'Failed to load the file',
+    saveFailed: 'Failed to save',
+    unsupported: 'Preview is not supported for this format',
+    loading: 'Loading…',
+    download: 'Download',
+    fileEmpty: 'This file is empty',
+    noContent: 'No content to show',
+    truncated: 'Only part of the content is shown'
+};
+const en_US = messages;
+const zh_CN_messages = {
+    showHiddenPath: '显示隐藏的路径层级',
+    copyPath: '复制路径',
+    editor: '编辑正文',
+    leaveEditing: '取消',
+    retry: '重试',
+    loadFailed: '文件加载失败',
+    saveFailed: '保存失败',
+    unsupported: '不支持预览此格式',
+    loading: '加载中…',
+    download: '下载',
+    fileEmpty: '该文件为空',
+    noContent: '暂无可显示内容',
+    truncated: '仅显示部分内容'
+};
+const zh_CN = zh_CN_messages;
+const LOCALES = {
+    'en-US': en_US,
+    'zh-CN': zh_CN
+};
+function resolveFilePreviewLabels(locale, labels) {
+    return resolveLocale(LOCALES, locale, labels);
+}
+const OUTLINE_RADIUS = 7;
+const STROKE_INSET = 0.5;
+function buildOutline(width, top, bottom, left, right) {
+    const radius = OUTLINE_RADIUS;
+    if (right - left < 2 * radius + 1) return `M0 ${bottom} H${width}`;
+    const lead = left > radius ? [
+        `M0 ${bottom}`,
+        `H${left - radius}`
+    ] : [
+        `M${left} ${bottom}`
+    ];
+    return [
+        ...lead,
+        `Q${left} ${bottom} ${left} ${bottom - radius}`,
+        `V${top + radius}`,
+        `Q${left} ${top} ${left + radius} ${top}`,
+        `H${right - radius}`,
+        `Q${right} ${top} ${right} ${top + radius}`,
+        `V${bottom - radius}`,
+        `Q${right} ${bottom} ${right + radius} ${bottom}`,
+        `H${width}`
+    ].join(' ');
+}
+function FilePreviewTabRow({ tabs, activeKey, disabled, tabId, panelId, onSelect }) {
+    const trackRef = useRef(null);
+    const [outline, setOutline] = useState('');
+    useLayoutEffect(()=>{
+        const track = trackRef.current;
+        if (!track) return;
+        const measure = ()=>{
+            const trackRect = track.getBoundingClientRect();
+            const bottom = trackRect.height - STROKE_INSET;
+            const active = track.querySelector('[aria-selected="true"]');
+            if (!active) return void setOutline(`M0 ${bottom} H${trackRect.width}`);
+            const rect = active.getBoundingClientRect();
+            setOutline(buildOutline(trackRect.width, rect.top - trackRect.top + STROKE_INSET, rect.bottom - trackRect.top - STROKE_INSET, rect.left - trackRect.left, rect.right - trackRect.left));
+        };
+        measure();
+        const observer = new ResizeObserver(measure);
+        observer.observe(track);
+        return ()=>observer.disconnect();
+    }, [
+        activeKey,
+        tabs
+    ]);
+    const onKeyDown = (event)=>{
+        const keys = [
+            'ArrowLeft',
+            'ArrowRight',
+            'Home',
+            'End'
+        ];
+        if (!keys.includes(event.key)) return;
+        const buttons = Array.from(event.currentTarget.querySelectorAll('[role="tab"]:not(:disabled)'));
+        if (0 === buttons.length) return;
+        const current = buttons.indexOf(event.target);
+        const next = 'Home' === event.key ? 0 : 'End' === event.key ? buttons.length - 1 : (current + ('ArrowRight' === event.key ? 1 : -1) + buttons.length) % buttons.length;
+        const target = buttons[next];
+        if (!target) return;
+        event.preventDefault();
+        target.focus();
+        onSelect(target.dataset.key ?? '');
+    };
     return /*#__PURE__*/ jsx("div", {
-        className: "ov-tui__skeleton",
-        "aria-hidden": "true",
+        className: "ov-file-preview__tab-row",
         children: /*#__PURE__*/ jsxs("div", {
-            className: "ov-tui__skeleton-summary",
+            role: "tablist",
+            className: "ov-file-preview__tab-track",
+            ref: trackRef,
+            tabIndex: -1,
+            onKeyDown: onKeyDown,
             children: [
-                /*#__PURE__*/ jsx(Line, {
-                    width: "100%"
+                tabs.map((tab)=>{
+                    const selected = tab.key === activeKey;
+                    return /*#__PURE__*/ jsxs("button", {
+                        type: "button",
+                        role: "tab",
+                        "data-key": tab.key,
+                        id: tabId(tab.key),
+                        "aria-selected": selected,
+                        "aria-controls": panelId(tab.key),
+                        tabIndex: selected ? 0 : -1,
+                        disabled: tab.disabled || disabled,
+                        title: 'string' == typeof tab.title ? tab.title : void 0,
+                        className: [
+                            'ov-file-preview__tab',
+                            selected ? 'ov-file-preview__tab--active' : ''
+                        ].filter(Boolean).join(' '),
+                        onClick: ()=>onSelect(tab.key),
+                        children: [
+                            tab.icon ? /*#__PURE__*/ jsx("span", {
+                                className: "ov-file-preview__tab-icon",
+                                "aria-hidden": "true",
+                                children: tab.icon
+                            }) : null,
+                            /*#__PURE__*/ jsx("span", {
+                                className: "ov-file-preview__tab-title",
+                                children: tab.title ?? ('file' === tab.kind ? tab.source.fileName : tab.key)
+                            })
+                        ]
+                    }, tab.key);
                 }),
-                /*#__PURE__*/ jsx(Line, {
-                    width: "64%"
+                /*#__PURE__*/ jsx("svg", {
+                    className: "ov-file-preview__tab-outline",
+                    "aria-hidden": "true",
+                    children: /*#__PURE__*/ jsx("path", {
+                        d: outline
+                    })
                 })
             ]
         })
     });
 }
-function TuiStatusCard({ content, onOpenUri }) {
-    return /*#__PURE__*/ jsxs("div", {
-        className: "ov-tui__status",
-        children: [
-            content.title ? /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__card-title",
-                children: /*#__PURE__*/ jsx(TuiUriText, {
-                    text: content.title,
-                    mode: "prose",
-                    onOpenUri: onOpenUri
-                })
-            }) : null,
-            /*#__PURE__*/ jsx("dl", {
-                className: "ov-tui__status-rows",
-                children: content.rows.map((row)=>/*#__PURE__*/ jsxs("div", {
-                        className: "ov-tui__status-row",
-                        "data-variant": row.variant ?? 'inline',
-                        children: [
-                            /*#__PURE__*/ jsx("dt", {
-                                className: "ov-tui__status-label",
-                                children: row.label
-                            }),
-                            /*#__PURE__*/ jsx("dd", {
-                                className: "ov-tui__status-value",
-                                children: 'string' == typeof row.value ? /*#__PURE__*/ jsx(TuiUriText, {
-                                    text: row.value,
-                                    mode: "literal",
-                                    onOpenUri: onOpenUri
-                                }) : row.value
-                            })
-                        ]
-                    }, row.label))
-            })
-        ]
-    });
-}
-function TuiWriteResult({ content, onOpenUri }) {
-    return /*#__PURE__*/ jsxs("div", {
-        className: "ov-tui__write",
-        children: [
-            content.title ? /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__card-title",
-                children: /*#__PURE__*/ jsx(TuiUriText, {
-                    text: content.title,
-                    mode: "prose",
-                    onOpenUri: onOpenUri
-                })
-            }) : null,
-            /*#__PURE__*/ jsx("div", {
-                className: "ov-tui__write-lines",
-                children: content.lines.map((line, index)=>/*#__PURE__*/ jsx("div", {
-                        className: "ov-tui__write-line",
-                        children: 'string' == typeof line ? /*#__PURE__*/ jsx(TuiUriText, {
-                            text: line,
-                            mode: "prose",
-                            onOpenUri: onOpenUri
-                        }) : line
-                    }, index))
-            })
-        ]
-    });
+async function copyText(value, notify) {
+    try {
+        await navigator.clipboard.writeText(value);
+    } catch  {
+        return false;
+    }
+    notify?.(value);
+    return true;
 }
-function RecordBody({ record, command, labels, onOpenUri, onCopy, onPickCommand }) {
-    const { content } = record;
-    if ('pending' === record.status) return /*#__PURE__*/ jsx(TuiSkeleton, {
-        kind: resolveTuiSkeleton(command)
-    });
-    if (!content) return /*#__PURE__*/ jsx("div", {
-        className: "ov-tui__muted",
-        children: 'error' === record.status ? labels.error : labels.noResult
-    });
-    switch(content.variant){
-        case 'search-list':
-            return /*#__PURE__*/ jsx(TuiSearchList, {
-                content: content,
-                onOpenUri: onOpenUri,
-                noResultLabel: labels.noResult
-            });
-        case 'resource-preview':
-            return /*#__PURE__*/ jsx(TuiResourcePreview, {
-                content: {
-                    ...content,
-                    title: getVisibleTuiResultTitle(content.title, command) ?? ''
-                },
-                labels: labels,
-                onCopy: onCopy,
-                onOpenUri: onOpenUri
-            });
-        case 'resource-tree':
-            return /*#__PURE__*/ jsx(TuiResourceTree, {
-                content: {
-                    ...content,
-                    title: getVisibleTuiResultTitle(content.title, command)
-                },
-                onOpenUri: onOpenUri,
-                resourceLabel: labels.resource,
-                loadMoreLabel: labels.loadMore,
-                noResultLabel: labels.noResult
-            });
-        case 'status':
-            return /*#__PURE__*/ jsx(TuiStatusCard, {
-                content: {
-                    ...content,
-                    title: getVisibleTuiResultTitle(content.title, command)
-                },
-                onOpenUri: onOpenUri
-            });
-        case 'write-result':
-            return /*#__PURE__*/ jsx(TuiWriteResult, {
-                content: {
-                    ...content,
-                    title: getVisibleTuiResultTitle(content.title, command)
-                },
-                onOpenUri: onOpenUri
-            });
-        case 'command-help':
-            return /*#__PURE__*/ jsx(TuiCommandHelp, {
-                content: content,
-                onPick: onPickCommand,
-                labels: labels
-            });
-        default:
-            {
-                const text = getTuiResultText(formatTuiJson(content.text), command);
-                return /*#__PURE__*/ jsx("div", {
-                    className: "ov-tui__text",
-                    children: 'markdown' === content.format ? /*#__PURE__*/ jsx(TuiMarkdown, {
-                        text: text,
-                        labels: labels,
-                        onCopy: onCopy,
-                        onOpenUri: onOpenUri
-                    }) : isTuiJson(text) ? /*#__PURE__*/ jsx(TuiCodeBlock, {
-                        text: text,
-                        labels: labels,
-                        onCopy: onCopy,
-                        onOpenUri: onOpenUri
-                    }) : /*#__PURE__*/ jsx("pre", {
-                        className: "ov-tui__plain",
-                        children: /*#__PURE__*/ jsx(TuiUriText, {
-                            text: text,
-                            mode: "prose",
-                            onOpenUri: onOpenUri
-                        })
-                    })
-                });
-            }
+function useFilePreviewActions() {
+    const pending = useRef(new Set());
+    async function run(key, { execute, notify }, value) {
+        if (!execute || pending.current.has(key)) return;
+        pending.current.add(key);
+        try {
+            await execute(value);
+        } catch  {
+            return;
+        } finally{
+            pending.current.delete(key);
+        }
+        notify?.(value);
     }
+    return {
+        openParent: (tab, uri)=>'content' === tab.kind ? Promise.resolve() : run(`openParent:${tab.key}`, {
+                execute: tab.operations?.openParent,
+                notify: tab.onOpenParent
+            }, uri),
+        download: (tab)=>run(`download:${tab.key}`, {
+                execute: tab.operations?.download,
+                notify: tab.onDownload
+            }, void 0),
+        openUri: (tab, uri)=>run(`openUri:${tab.key}`, {
+                execute: tab.operations?.openUri,
+                notify: tab.onOpenUri
+            }, uri),
+        copyPath: (tab, path)=>copyText(path, tab.onCopyPath),
+        copyContent: (tab, text)=>copyText(text, 'onCopyContent' in tab ? tab.onCopyContent : void 0)
+    };
 }
-const STATUS_TEXT = {
-    pending: 'pending',
-    success: 'success',
-    error: 'error'
-};
-function TuiRecordItem(props) {
-    const { record, labels } = props;
-    const statusLabel = labels[STATUS_TEXT[record.status]];
-    const input = props.command ? matchTuiCommandInput(record.command, [
-        props.command
-    ]) : void 0;
-    const prefix = input ? getTuiCommandInputText(input.command) : '';
-    return /*#__PURE__*/ jsxs("div", {
-        className: "ov-tui__record",
-        "data-status": record.status,
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: "ov-tui__bubble",
-                children: [
-                    /*#__PURE__*/ jsx("code", {
-                        className: "ov-tui__bubble-text",
-                        children: input ? /*#__PURE__*/ jsxs(Fragment, {
-                            children: [
-                                input.leadingWhitespace,
-                                /*#__PURE__*/ jsx("span", {
-                                    className: "ov-tui__bubble-command",
-                                    children: /*#__PURE__*/ jsx(TuiCommandText, {
-                                        text: prefix,
-                                        name: input.command.name
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx(TuiUriText, {
-                                    text: input.rest,
-                                    mode: "literal",
-                                    onOpenUri: props.onOpenUri
-                                })
-                            ]
-                        }) : /*#__PURE__*/ jsx(TuiUriText, {
-                            text: record.command,
-                            mode: "literal",
-                            onOpenUri: props.onOpenUri
-                        })
-                    }),
-                    record.createdAt || void 0 !== record.createdAtMs ? /*#__PURE__*/ jsx(TuiRecordTime, {
-                        record: record,
-                        labels: labels
-                    }) : null
-                ]
-            }),
-            /*#__PURE__*/ jsxs("article", {
-                className: "ov-tui__result",
-                children: [
-                    /*#__PURE__*/ jsx(TuiResultHeader, {
-                        command: prefix || record.command,
-                        status: record.status,
-                        label: statusLabel
-                    }),
-                    /*#__PURE__*/ jsx("div", {
-                        className: "ov-tui__result-body",
-                        children: /*#__PURE__*/ jsx(RecordBody, {
-                            ...props
-                        })
-                    })
-                ]
-            })
-        ]
-    });
+function useFilePreviewActionsContext({ activeTab, fileTab, currentPath, currentSource, viewMode, canSwitchView, setViewMode, editing, operations }) {
+    const startEditing = useCallback(()=>{
+        if (!fileTab) return;
+        setViewMode('source');
+        editing.start(fileTab);
+    }, [
+        editing,
+        fileTab,
+        setViewMode
+    ]);
+    const saveEditing = useCallback(async ()=>{
+        if (!fileTab) return false;
+        const saved = await editing.save(fileTab);
+        if (saved) setViewMode('preview');
+        return saved;
+    }, [
+        editing,
+        fileTab,
+        setViewMode
+    ]);
+    const cancelEditing = useCallback(()=>{
+        editing.discard(activeTab);
+        setViewMode('preview');
+    }, [
+        activeTab,
+        editing,
+        setViewMode
+    ]);
+    const copyable = currentSource ? readCopyableText(currentSource) : void 0;
+    const copyContent = useCallback(async ()=>{
+        if (!copyable) return false;
+        return operations.copyContent(activeTab, copyable);
+    }, [
+        activeTab,
+        copyable,
+        operations
+    ]);
+    const copyPath = useCallback(async ()=>{
+        const path = currentPath;
+        if (!path) return false;
+        return operations.copyPath(activeTab, path);
+    }, [
+        activeTab,
+        currentPath,
+        operations
+    ]);
+    const download = useCallback(()=>{
+        if (fileTab) operations.download(fileTab);
+    }, [
+        fileTab,
+        operations
+    ]);
+    return {
+        viewMode,
+        setViewMode,
+        canSwitchView,
+        editing: editing.editing,
+        busy: editing.saving || editing.loadingEdit,
+        canEdit: Boolean(fileTab?.editing) && !editing.editing,
+        startEditing,
+        saveEditing,
+        cancelEditing,
+        canCopyContent: Boolean(copyable),
+        copyContent,
+        canCopyPath: Boolean(currentPath),
+        copyPath,
+        canDownload: Boolean(fileTab?.operations?.download),
+        download
+    };
 }
-function useTuiCompletion(value, enabled, commands, groups = [], paletteScope = null) {
-    const query = getTuiCommandQuery(value, commands);
-    const suggestions = groupTuiCommands(enabled ? query.matches : [], groups);
+function useFilePreviewIds(activeKey) {
+    const instanceId = useId();
+    const tabId = (key)=>`${instanceId}-tab-${key}`;
+    const panelId = (key)=>`${instanceId}-panel-${key}`;
     return {
-        query,
-        suggestions,
-        options: suggestions.flatMap((section)=>section.commands),
-        enabled,
-        activeInput: '/' === query.scope ? void 0 : matchTuiCommandInput(value, commands),
-        showSuggestions: enabled && (query.automatic || null !== query.scope && paletteScope === query.scope)
+        tabId,
+        panelId,
+        panelProps: {
+            id: panelId(activeKey),
+            role: 'tabpanel',
+            'aria-labelledby': tabId(activeKey)
+        }
     };
 }
-function Tui({ records, value, disabled = false, emptyState, locale = 'en', commands = [], commandGroups = [], onValueChange, onSubmit, onOpenUri, onCopy, labels, className, ...rest }) {
-    const text = resolveTuiLabels(labels, locale);
-    const bodyRef = useRef(null);
-    const followOutput = useRef(true);
-    const composerRef = useRef(null);
-    const assistId = useId();
-    const [dismissedValue, setDismissedValue] = useState(null);
-    const [paletteScope, setPaletteScope] = useState(null);
-    const [selection, setSelection] = useState({
-        queryKey: value,
-        index: -1
-    });
-    const dismissCompletion = useCallback((next)=>{
-        setDismissedValue(next);
-        setPaletteScope(null);
-        setSelection({
-            queryKey: next,
-            index: -1
-        });
-    }, []);
-    const updateValue = (next)=>{
-        setDismissedValue(null);
-        setSelection({
-            queryKey: next,
-            index: -1
-        });
-        if (getTuiCommandQuery(next, commands).scope !== paletteScope) setPaletteScope(null);
-        onValueChange?.(next);
+function initialLevelKey(tab, remembered, tabKey) {
+    const preferred = tab.activeLevelKey ?? remembered[tabKey] ?? tab.defaultLevelKey;
+    const first = tab.levels[0]?.key ?? '';
+    if (void 0 === preferred) return first;
+    return tab.levels.some((level)=>level.key === preferred) ? preferred : first;
+}
+function useDirectoryLevel(tab) {
+    const [levelKeys, setLevelKeys] = useState({});
+    if (!tab) return {};
+    const activeLevel = tab.levels.find((level)=>level.key === initialLevelKey(tab, levelKeys, tab.key)) ?? tab.levels[0];
+    return {
+        activeLevel,
+        directoryTab: {
+            ...tab,
+            activeLevelKey: activeLevel.key,
+            onActiveLevelChange: (key)=>{
+                if (void 0 === tab.activeLevelKey) setLevelKeys((previous)=>({
+                        ...previous,
+                        [tab.key]: key
+                    }));
+                tab.onActiveLevelChange?.(key);
+            }
+        },
+        source: activeLevel.source
     };
-    const readOnly = !onValueChange;
-    const fillCommand = (next)=>{
-        if (disabled || readOnly) return;
-        updateValue(formatTuiCommandInput(next, commands));
-        composerRef.current?.querySelector('textarea')?.focus({
-            preventScroll: true
-        });
+}
+function useFilePreviewEditing(activeTabKey) {
+    const [editing, setEditing] = useState(false);
+    const [loadingEdit, setLoadingEdit] = useState(false);
+    const [editFailed, setEditFailed] = useState(false);
+    const [saving, setSaving] = useState(false);
+    const [saveFailed, setSaveFailed] = useState(false);
+    const [draft, setDraft] = useState('');
+    const requestId = useRef(0);
+    const loading = useRef(false);
+    const pendingSave = useRef(false);
+    const lastKey = useRef(activeTabKey);
+    if (lastKey.current !== activeTabKey) {
+        lastKey.current = activeTabKey;
+        requestId.current += 1;
+        loading.current = false;
+        if (editing) setEditing(false);
+        if (loadingEdit) setLoadingEdit(false);
+        if (editFailed) setEditFailed(false);
+        if (saveFailed) setSaveFailed(false);
+        if (draft) setDraft('');
+    }
+    function discard(tab) {
+        requestId.current += 1;
+        loading.current = false;
+        const wasEditing = editing;
+        const discarded = draft;
+        setEditing(false);
+        setLoadingEdit(false);
+        setEditFailed(false);
+        setSaveFailed(false);
+        setDraft('');
+        if (wasEditing && 'file' === tab.kind) tab.editing?.onCancel?.(discarded);
+    }
+    async function start(tab) {
+        if (loading.current || pendingSave.current) return;
+        const id = ++requestId.current;
+        loading.current = true;
+        setLoadingEdit(true);
+        setEditFailed(false);
+        setSaveFailed(false);
+        let content;
+        try {
+            content = tab.editing?.loadContent ? await tab.editing.loadContent(tab.source) : tab.source.content ?? await tab.source.file?.text();
+        } catch  {
+            if (id === requestId.current) setEditFailed(true);
+        }
+        if (id !== requestId.current) return;
+        loading.current = false;
+        setLoadingEdit(false);
+        if (void 0 !== content) {
+            setDraft(content);
+            setEditing(true);
+        }
+    }
+    async function save(tab) {
+        if (!editing || !tab.editing || pendingSave.current) return false;
+        pendingSave.current = true;
+        setSaving(true);
+        setSaveFailed(false);
+        const value = draft;
+        try {
+            await tab.editing.save(value);
+        } catch  {
+            setSaveFailed(true);
+            return false;
+        } finally{
+            pendingSave.current = false;
+            setSaving(false);
+        }
+        setEditing(false);
+        setDraft('');
+        tab.editing.onSave?.(value);
+        return true;
+    }
+    return {
+        editing,
+        loadingEdit,
+        editFailed,
+        saving,
+        saveFailed,
+        draft,
+        discard,
+        start,
+        save,
+        updateDraft: (value)=>{
+            setDraft(value);
+            setSaveFailed(false);
+        }
     };
-    const completion = useTuiCompletion(value, !disabled && !readOnly && dismissedValue !== value, commands, commandGroups, paletteScope);
-    const queryKey = value;
-    const activeIndex = selection.queryKey === queryKey && selection.index < completion.options.length ? selection.index : -1;
-    const setActiveIndexSafely = useCallback((next)=>{
-        setSelection((current)=>{
-            const index = current.queryKey === queryKey && current.index < completion.options.length ? current.index : -1;
-            return {
-                queryKey,
-                index: 'function' == typeof next ? next(index) : next
-            };
-        });
+}
+function isFileTab(tab) {
+    return 'file' === tab.kind;
+}
+const file_preview_FilePreview = /*#__PURE__*/ forwardRef(function({ tabs, activeKey, defaultActiveKey, locale: localeProp, labels, onActiveKeyChange, className, ...rest }, ref) {
+    const locale = useLocale(localeProp);
+    const text = resolveFilePreviewLabels(locale, labels);
+    const [internalKey, setInternalKey] = useState(()=>defaultActiveKey ?? tabs[0].key);
+    const currentKey = activeKey ?? internalKey;
+    const selectedTab = tabs.find((tab)=>tab.key === currentKey) ?? tabs[0];
+    const { tab: activeTab, levelKey, selectLevel } = useFilePreviewLevels(selectedTab);
+    const directory = useDirectoryLevel('directory' === activeTab.kind ? activeTab : void 0);
+    const { viewMode, setViewMode, viewModes, setViewModes, viewerHandle, onHandleChange, onViewModesChange } = useFilePreviewViewState(JSON.stringify([
+        activeTab.key,
+        levelKey,
+        directory.activeLevel?.key
+    ]));
+    const { tabId, panelId, panelProps } = useFilePreviewIds(activeTab.key);
+    const editing = useFilePreviewEditing(JSON.stringify([
+        activeTab.key,
+        levelKey,
+        directory.activeLevel?.key
+    ]));
+    const actions = useFilePreviewActions();
+    const tabText = mergeLabels(text, activeTab.labels);
+    const fileTab = isFileTab(activeTab) ? activeTab : void 0;
+    const directoryTab = 'directory' === activeTab.kind ? activeTab : void 0;
+    const contentTab = fileTab || directoryTab ? void 0 : activeTab;
+    const switchTab = useCallback((key)=>{
+        if (editing.saving) return false;
+        if (key === currentKey && key === activeTab.key) return false;
+        const target = tabs.find((tab)=>tab.key === key);
+        if (!target || target.disabled) return false;
+        const syncingOnly = target.key === activeTab.key;
+        if (!syncingOnly) {
+            editing.discard(activeTab);
+            setViewMode('preview');
+            setViewModes([]);
+            viewerHandle.current = null;
+        }
+        if (void 0 === activeKey) setInternalKey(key);
+        onActiveKeyChange?.(key);
+        return true;
     }, [
-        queryKey,
-        completion.options.length
+        activeKey,
+        activeTab,
+        currentKey,
+        editing,
+        onActiveKeyChange,
+        tabs,
+        setViewMode,
+        setViewModes,
+        viewerHandle
     ]);
-    useEffect(()=>{
-        const body = bodyRef.current;
-        if (body && followOutput.current) body.scrollTop = body.scrollHeight;
+    useImperativeHandle(ref, ()=>({
+            setActiveTab: switchTab,
+            getActiveTab: ()=>activeTab.key,
+            getViewerHandle: ()=>fileTab ? viewerHandle.current : null
+        }), [
+        activeTab.key,
+        fileTab,
+        switchTab,
+        viewerHandle
+    ]);
+    const canSwitchView = Boolean(fileTab) && viewModes.includes('preview') && viewModes.includes('source');
+    const onLinkClick = useCallback((_event, link)=>{
+        if (fileTab) actions.openUri(fileTab, link.url);
     }, [
-        records
+        actions,
+        fileTab
     ]);
+    const linkClickHandler = fileTab?.operations?.openUri ? onLinkClick : void 0;
+    const level = directory;
+    const currentPath = level.source?.path ?? fileTab?.source.path;
+    const currentSource = level.source ?? fileTab?.source;
+    const actionContext = useFilePreviewActionsContext({
+        activeTab,
+        fileTab,
+        currentPath,
+        currentSource,
+        viewMode,
+        canSwitchView,
+        setViewMode,
+        editing,
+        operations: actions
+    });
     return /*#__PURE__*/ jsxs("div", {
+        ...rest,
         className: [
-            'ov-tui',
+            'ov-file-preview',
             className
         ].filter(Boolean).join(' '),
-        ...rest,
         children: [
-            /*#__PURE__*/ jsx("div", {
-                ref: bodyRef,
-                className: "ov-tui__body",
-                onScroll: (event)=>{
-                    const body = event.currentTarget;
-                    followOutput.current = body.scrollHeight - body.scrollTop - body.clientHeight <= 24;
-                },
-                children: records.length ? records.map((record)=>/*#__PURE__*/ jsx(TuiRecordItem, {
-                        record: record,
-                        command: findTuiCommand(record.command, commands),
-                        labels: text,
-                        onOpenUri: onOpenUri,
-                        onCopy: onCopy,
-                        onPickCommand: disabled || readOnly ? void 0 : (command)=>fillCommand(`${command} `)
-                    }, record.id)) : /*#__PURE__*/ jsx("div", {
-                    className: "ov-tui__empty",
-                    children: void 0 === emptyState ? text.empty : emptyState
-                })
-            }),
-            /*#__PURE__*/ jsx(TuiAssist, {
-                assistId: assistId,
-                anchorRef: composerRef,
-                onDismiss: dismissCompletion,
-                labels: text,
-                completion: completion,
-                activeIndex: activeIndex,
-                onActiveIndexChange: setActiveIndexSafely,
-                onPick: fillCommand
+            /*#__PURE__*/ jsx(FilePreviewTabRow, {
+                tabs: tabs,
+                activeKey: activeTab.key,
+                disabled: editing.saving,
+                tabId: tabId,
+                panelId: panelId,
+                onSelect: (key)=>void switchTab(key)
             }),
-            /*#__PURE__*/ jsx(TuiComposer, {
-                onDismiss: dismissCompletion,
-                onRequestPalette: ()=>{
-                    setDismissedValue(null);
-                    setSelection({
-                        queryKey: value,
-                        index: -1
-                    });
-                    setPaletteScope(completion.query.scope);
+            /*#__PURE__*/ jsx(FilePreviewPanels, {
+                contentTab: contentTab,
+                directoryTab: level.directoryTab,
+                fileTab: fileTab,
+                panelProps: panelProps,
+                panelClass: "ov-file-preview__panel",
+                levelKey: levelKey,
+                onLevelChange: (key)=>{
+                    if (editing.saving || editing.loadingEdit || key === levelKey) return;
+                    if (fileTab?.activeLevelKey === void 0) editing.discard(activeTab);
+                    selectLevel(key);
                 },
-                assistId: assistId,
-                anchorRef: composerRef,
-                onFocus: ()=>setDismissedValue(null),
-                value: value,
-                history: records.map((record)=>formatTuiCommandInput(record.command, commands)),
-                labels: text,
-                completion: completion,
-                disabled: disabled,
-                readOnly: readOnly,
-                canSubmit: Boolean(onSubmit) && !readOnly,
-                activeIndex: activeIndex,
-                onActiveIndexChange: setActiveIndexSafely,
-                onValueChange: onValueChange ? updateValue : void 0,
-                onSubmit: (command)=>{
-                    if (disabled || readOnly) return;
-                    followOutput.current = true;
-                    onSubmit?.(command);
-                },
-                onOpenUri: onOpenUri
+                text: tabText,
+                locale: locale,
+                actions: actions,
+                actionContext: actionContext,
+                editing: editing,
+                viewMode: viewMode,
+                setViewMode: setViewMode,
+                onHandleChange: onHandleChange,
+                onViewModesChange: onViewModesChange,
+                linkClickHandler: linkClickHandler,
+                activeTab: activeTab
             })
         ]
     });
-}
-export { Tui };
+});
+export { LoadFailedState, LoadingState, UnsupportedState, file_preview_FilePreview as FilePreview, toFileSource };