@openviking/react 0.1.1 → 0.1.3

package/dist/3~0.js

@@ -1,8 +1,2117 @@
-import { jsx } from "react/jsx-runtime";
-function Tui() {
+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
+            }))
+    ];
+    return /*#__PURE__*/ jsxs("div", {
+        className: "ov-tui__hint",
+        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
+                    })
+                ]
+            })
+        ]
+    });
+}
+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
+    });
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            text.slice(0, index),
+            /*#__PURE__*/ jsx("mark", {
+                className: "ov-tui__mark",
+                children: text.slice(index, index + normalized.length)
+            }),
+            text.slice(index + normalized.length)
+        ]
+    });
+}
+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,
+        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
+            })
+        ]
+    });
+}
+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);
+}
+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)
+    };
+    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());
+        }
+    };
+    return {
+        change,
+        handleKeyDown
+    };
+}
+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 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 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
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        ref: anchorRef,
+        className: "ov-tui__composer",
+        "data-disabled": disabled || void 0,
+        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
+                        ]
+                    })
+                ]
+            }),
+            disabled ? /*#__PURE__*/ jsx("div", {
+                className: "ov-tui__unavailable",
+                role: "status",
+                children: labels.unavailableMessage
+            }) : null
+        ]
+    });
+}
+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 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 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
+                })
+            })
+        ]
+    });
+}
+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 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 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
+        })
+    });
+}
+function MarkdownPre({ children }) {
+    const options = useContext(TuiMarkdownContext);
+    return /*#__PURE__*/ jsx(TuiCodeBlock, {
+        text: textOf(children).replace(/\n$/, ''),
+        ...options
+    });
+}
+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
+    });
+}
+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
+            })
+        }),
+    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
+            })
+        })
+    });
+}
+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;
+}
+function isTuiJson(text) {
+    const first = text.trimStart().charAt(0);
+    if ('{' !== first && '[' !== first) return false;
+    try {
+        JSON.parse(text);
+        return true;
+    } catch  {
+        return false;
+    }
+}
+function TuiResourcePreview({ content, onOpenUri, onCopy, labels }) {
+    const metaLabel = content.meta?.filter(Boolean).join(' · ') || content.description;
+    const target = content.navigationUri ?? content.uri;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "ov-tui__preview",
+        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",
+                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
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+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
+                })
+            }) : 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",
+                    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__*/ 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))
+                        })
+                    ]
+                })
+            }) : /*#__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
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: "ov-tui__result-command",
+                children: command
+            })
+        ]
+    });
+}
+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 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
+    });
+}
+function SearchRow({ item, onOpenUri }) {
+    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",
+                children: [
+                    /*#__PURE__*/ jsxs("span", {
+                        className: "ov-tui__search-main",
+                        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
+                                })
+                            }),
+                            item.levelLabel ? /*#__PURE__*/ jsx("span", {
+                                className: "ov-tui__search-level",
+                                children: item.levelLabel
+                            }) : null
+                        ]
+                    }),
+                    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
+                        })
+                    }) : null
+                ]
+            })
+        ]
+    });
+}
+function TuiSearchList({ content, onOpenUri, noResultLabel }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "ov-tui__search",
+        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
+            })
+        ]
+    });
+}
+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",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "ov-tui__skeleton-summary",
+                children: [
+                    /*#__PURE__*/ jsx(Line, {
+                        width: "100%"
+                    }),
+                    /*#__PURE__*/ jsx(Line, {
+                        width: "56%"
+                    })
+                ]
+            }),
+            [
+                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))
+        ]
+    });
+    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))
+    });
+    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 ('resource' === kind) return /*#__PURE__*/ jsxs("div", {
+        className: "ov-tui__skeleton",
+        "aria-hidden": "true",
+        children: [
+            /*#__PURE__*/ jsx(Line, {
+                width: "38%"
+            }),
+            /*#__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%"
+                })
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "ov-tui__skeleton-row",
+                children: /*#__PURE__*/ jsx(Line, {
+                    width: "42%"
+                })
+            })
+        ]
+    });
     return /*#__PURE__*/ jsx("div", {
-        className: "ov-tui",
-        children: "Tui"
+        className: "ov-tui__skeleton",
+        "aria-hidden": "true",
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "ov-tui__skeleton-summary",
+            children: [
+                /*#__PURE__*/ jsx(Line, {
+                    width: "100%"
+                }),
+                /*#__PURE__*/ jsx(Line, {
+                    width: "64%"
+                })
+            ]
+        })
+    });
+}
+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))
+            })
+        ]
+    });
+}
+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
+                        })
+                    })
+                });
+            }
+    }
+}
+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 useTuiCompletion(value, enabled, commands, groups = [], paletteScope = null) {
+    const query = getTuiCommandQuery(value, commands);
+    const suggestions = groupTuiCommands(enabled ? query.matches : [], groups);
+    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)
+    };
+}
+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);
+    };
+    const readOnly = !onValueChange;
+    const fillCommand = (next)=>{
+        if (disabled || readOnly) return;
+        updateValue(formatTuiCommandInput(next, commands));
+        composerRef.current?.querySelector('textarea')?.focus({
+            preventScroll: true
+        });
+    };
+    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
+            };
+        });
+    }, [
+        queryKey,
+        completion.options.length
+    ]);
+    useEffect(()=>{
+        const body = bodyRef.current;
+        if (body && followOutput.current) body.scrollTop = body.scrollHeight;
+    }, [
+        records
+    ]);
+    return /*#__PURE__*/ jsxs("div", {
+        className: [
+            'ov-tui',
+            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(TuiComposer, {
+                onDismiss: dismissCompletion,
+                onRequestPalette: ()=>{
+                    setDismissedValue(null);
+                    setSelection({
+                        queryKey: value,
+                        index: -1
+                    });
+                    setPaletteScope(completion.query.scope);
+                },
+                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
+            })
+        ]
     });
 }
 export { Tui };