@openviking/react 0.1.2 → 0.1.3

package/dist/l~0.js

@@ -1,44 +1,1483 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-function FileBrowserToolbarButton({ icon, children, onClick, disabled, className, ...rest }) {
-    return /*#__PURE__*/ jsxs("button", {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+import { Tooltip, FilePreview as file_preview_FilePreview } from "./30~0.js";
+import { getFileTypeColor, resolveFileTypeIconKey, FolderIcon, getFileTypeIcon } from "./k~0.js";
+import { FileTree as file_tree_FileTree } from "./n~0.js";
+import { OV_PATHS, useOvClient } from "./1~0.js";
+function clampResizableWidth(width, min, max) {
+    const rounded = Math.round(width);
+    const lower = Math.max(min, rounded);
+    return Math.min(Math.max(min, max), lower);
+}
+function ResizableHandle({ label, min, max, value, step = 16, direction = 1, onResize, className, ...rest }) {
+    const dragRef = useRef(null);
+    const [dragging, setDragging] = useState(false);
+    const endDrag = (event)=>{
+        if (!dragRef.current) return;
+        dragRef.current = null;
+        setDragging(false);
+        if (event.currentTarget.hasPointerCapture(event.pointerId)) event.currentTarget.releasePointerCapture(event.pointerId);
+    };
+    const handlePointerDown = (event)=>{
+        if (!onResize) return;
+        if (0 !== event.button) return;
+        event.preventDefault();
+        event.currentTarget.setPointerCapture(event.pointerId);
+        dragRef.current = {
+            pointerId: event.pointerId,
+            x: event.clientX,
+            width: value
+        };
+        setDragging(true);
+    };
+    const handlePointerMove = (event)=>{
+        const drag = dragRef.current;
+        if (!drag || !onResize || drag.pointerId !== event.pointerId) return;
+        onResize(clampResizableWidth(drag.width + (event.clientX - drag.x) * direction, min, max));
+    };
+    const handleKeyDown = (event)=>{
+        if (!onResize) return;
+        if ('ArrowLeft' !== event.key && 'ArrowRight' !== event.key) return;
+        event.preventDefault();
+        const delta = ('ArrowRight' === event.key ? step : -step) * direction;
+        onResize(clampResizableWidth(value + delta, min, max));
+    };
+    return /*#__PURE__*/ jsx("div", {
         ...rest,
-        type: "button",
-        disabled: disabled,
+        role: "separator",
+        tabIndex: onResize ? 0 : void 0,
+        "aria-label": label,
+        "aria-orientation": "vertical",
+        "aria-valuemin": min,
+        "aria-valuemax": max,
+        "aria-valuenow": Math.round(value),
+        "data-dragging": dragging || void 0,
         className: [
-            'ov-file-browser__toolbar-button',
+            'ov-resizable-handle',
             className
         ].filter(Boolean).join(' '),
-        onClick: onClick,
+        onPointerDown: handlePointerDown,
+        onPointerMove: handlePointerMove,
+        onPointerUp: endDrag,
+        onPointerCancel: endDrag,
+        onKeyDown: handleKeyDown,
+        children: /*#__PURE__*/ jsx("span", {
+            "aria-hidden": "true",
+            className: "ov-resizable-handle__line"
+        })
+    });
+}
+const SIZE = 14;
+function iconProps(size = SIZE) {
+    return {
+        width: size,
+        height: size,
+        viewBox: '0 0 16 16',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 1.4,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        'aria-hidden': true,
+        focusable: 'false'
+    };
+}
+function CopyIcon({ size = 12 }) {
+    return /*#__PURE__*/ jsxs("svg", {
+        ...iconProps(size),
+        children: [
+            /*#__PURE__*/ jsx("rect", {
+                x: "5.5",
+                y: "5.5",
+                width: "8",
+                height: "8",
+                rx: "1.5"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M10.5 5.5v-1a1.5 1.5 0 0 0-1.5-1.5H4a1.5 1.5 0 0 0-1.5 1.5v5A1.5 1.5 0 0 0 4 11h1"
+            })
+        ]
+    });
+}
+function DownloadIcon() {
+    return /*#__PURE__*/ jsxs("svg", {
+        ...iconProps(),
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M8 2.5v8"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M5 7.5 8 10.5l3-3"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M2.5 12.5h11"
+            })
+        ]
+    });
+}
+function FileBrowserDetail({ tabs, activeKey, locale, labels, footer, viewLabels, onActiveKeyChange }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: "ov-file-browser__detail",
+        children: /*#__PURE__*/ jsx(file_preview_FilePreview, {
+            tabs: decorateTabs(tabs, viewLabels, footer),
+            activeKey: activeKey ?? void 0,
+            locale: locale,
+            labels: labels,
+            onActiveKeyChange: onActiveKeyChange
+        })
+    });
+}
+function decorateTabs(tabs, viewLabels, footer) {
+    return tabs.map((tab)=>{
+        if ('content' === tab.kind) return tab;
+        return {
+            ...tab,
+            slots: {
+                ...tab.slots,
+                footer,
+                actions: (actions)=>/*#__PURE__*/ jsxs("div", {
+                        className: "ov-file-browser__detail-actions",
+                        children: [
+                            actions.canSwitchView ? /*#__PURE__*/ jsxs("div", {
+                                className: "ov-file-browser__segmented",
+                                role: "group",
+                                "aria-label": viewLabels.viewSwitch,
+                                children: [
+                                    /*#__PURE__*/ jsx("button", {
+                                        type: "button",
+                                        className: "ov-file-browser__segment",
+                                        "data-active": 'preview' === actions.viewMode || void 0,
+                                        onClick: ()=>actions.setViewMode('preview'),
+                                        children: viewLabels.preview
+                                    }),
+                                    /*#__PURE__*/ jsx("button", {
+                                        type: "button",
+                                        className: "ov-file-browser__segment",
+                                        "data-active": 'source' === actions.viewMode || void 0,
+                                        onClick: ()=>actions.setViewMode('source'),
+                                        children: viewLabels.source
+                                    })
+                                ]
+                            }) : null,
+                            actions.canCopyContent || actions.canDownload ? /*#__PURE__*/ jsx("span", {
+                                "aria-hidden": "true",
+                                className: "ov-file-browser__detail-sep"
+                            }) : null,
+                            actions.canCopyContent ? /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                className: "ov-file-browser__detail-icon",
+                                "aria-label": viewLabels.copyContent,
+                                title: viewLabels.copyContent,
+                                onClick: ()=>void actions.copyContent(),
+                                children: /*#__PURE__*/ jsx(CopyIcon, {})
+                            }) : null,
+                            actions.canDownload ? /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                className: "ov-file-browser__detail-icon",
+                                "aria-label": viewLabels.download,
+                                title: viewLabels.download,
+                                onClick: ()=>actions.download(),
+                                children: /*#__PURE__*/ jsx(DownloadIcon, {})
+                            }) : null
+                        ]
+                    })
+            }
+        };
+    });
+}
+const empty_state_namespaceObject = "data:image/png;base64,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";
+function FileBrowserEmpty({ label }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "ov-file-browser__empty",
+        children: [
+            /*#__PURE__*/ jsx("img", {
+                className: "ov-file-browser__empty-art",
+                src: empty_state_namespaceObject,
+                alt: "",
+                "aria-hidden": "true"
+            }),
+            /*#__PURE__*/ jsx("p", {
+                className: "ov-file-browser__empty-label",
+                children: label
+            })
+        ]
+    });
+}
+function FileBrowserFailure({ message, detail, retryLabel, onRetry }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "ov-file-browser__failure",
+        role: "alert",
+        children: [
+            /*#__PURE__*/ jsx("p", {
+                className: "ov-file-browser__failure-title",
+                children: message
+            }),
+            detail ? /*#__PURE__*/ jsx("p", {
+                className: "ov-file-browser__failure-detail",
+                children: detail
+            }) : null,
+            /*#__PURE__*/ jsx("button", {
+                type: "button",
+                className: "ov-file-browser__failure-retry",
+                onClick: onRetry,
+                children: retryLabel
+            })
+        ]
+    });
+}
+const TREE_MIN_WIDTH = 200;
+const DETAIL_MIN_WIDTH = 320;
+const RESIZE_FOOTPRINT = 24;
+const TREE_MAX_WIDTH = 520;
+function resolveTreeMaxWidth(containerWidth) {
+    if (!containerWidth) return TREE_MAX_WIDTH;
+    return Math.max(TREE_MIN_WIDTH, Math.min(TREE_MAX_WIDTH, containerWidth - DETAIL_MIN_WIDTH - RESIZE_FOOTPRINT));
+}
+const file_browser_icons_SIZE = 16;
+const strokeProps = {
+    width: file_browser_icons_SIZE,
+    height: file_browser_icons_SIZE,
+    viewBox: '0 0 48 48',
+    fill: 'none',
+    stroke: 'currentColor',
+    strokeWidth: 4,
+    'aria-hidden': true,
+    focusable: 'false'
+};
+function SearchIcon() {
+    return /*#__PURE__*/ jsx("svg", {
+        ...strokeProps,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M33.072 33.071c6.248-6.248 6.248-16.379 0-22.627-6.249-6.249-16.38-6.249-22.628 0-6.248 6.248-6.248 16.379 0 22.627 6.248 6.248 16.38 6.248 22.628 0Zm0 0 8.485 8.485"
+        })
+    });
+}
+function RefreshIcon() {
+    return /*#__PURE__*/ jsx("svg", {
+        ...strokeProps,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M38.837 18C36.463 12.136 30.715 8 24 8 15.163 8 8 15.163 8 24s7.163 16 16 16c7.455 0 13.72-5.1 15.496-12M40 8v10H30"
+        })
+    });
+}
+function FileBrowserToolbar({ searchId, query, refreshing, canRefresh, placeholder, refreshLabel, onQueryChange, onRefresh }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "ov-file-browser__toolbar",
+        children: [
+            /*#__PURE__*/ jsxs("label", {
+                className: "ov-file-browser__search",
+                htmlFor: searchId,
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: "ov-file-browser__search-icon",
+                        children: /*#__PURE__*/ jsx(SearchIcon, {})
+                    }),
+                    /*#__PURE__*/ jsx("input", {
+                        id: searchId,
+                        type: "search",
+                        className: "ov-file-browser__search-input",
+                        placeholder: placeholder,
+                        value: query,
+                        onChange: (event)=>onQueryChange(event.target.value)
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Tooltip, {
+                content: refreshLabel,
+                children: /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    className: [
+                        'ov-file-browser__refresh',
+                        refreshing ? 'ov-file-browser__refresh--spinning' : ''
+                    ].filter(Boolean).join(' '),
+                    "aria-label": refreshLabel,
+                    disabled: !canRefresh,
+                    onClick: onRefresh,
+                    children: /*#__PURE__*/ jsx(RefreshIcon, {})
+                })
+            })
+        ]
+    });
+}
+function fileTypeIcon(name) {
+    const Icon = getFileTypeIcon(name);
+    const key = resolveFileTypeIconKey(name);
+    return /*#__PURE__*/ jsx(Icon, {
+        className: "ov-file-tree__file-type-icon",
+        style: {
+            '--ov-file-tree-icon-light': getFileTypeColor(key, 'light'),
+            '--ov-file-tree-icon-dark': getFileTypeColor(key, 'dark')
+        }
+    });
+}
+function directoryIcon() {
+    return /*#__PURE__*/ jsx(FolderIcon, {
+        className: "ov-file-tree__file-type-icon"
+    });
+}
+function FileBrowserTreePane({ toolbarActions, searchId, browser, treeLabels, searchPlaceholder, refreshLabel, searchLoading, searchEmpty, searchErrorLabel, retryLabel }) {
+    return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            /*#__PURE__*/ jsx("span", {
-                className: "ov-file-browser__toolbar-button-icon",
-                "aria-hidden": "true",
-                children: icon
-            }),
-            /*#__PURE__*/ jsx("span", {
-                className: "ov-file-browser__toolbar-button-label",
-                children: children
+            toolbarActions ? /*#__PURE__*/ jsx("div", {
+                className: "ov-file-browser__entries",
+                children: toolbarActions
+            }) : null,
+            /*#__PURE__*/ jsx(FileBrowserToolbar, {
+                searchId: searchId,
+                query: browser.query,
+                refreshing: browser.refreshing,
+                canRefresh: browser.isReady,
+                placeholder: searchPlaceholder,
+                refreshLabel: refreshLabel,
+                onQueryChange: browser.actions.setQuery,
+                onRefresh: ()=>void browser.actions.refresh()
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "ov-file-browser__tree-scroll",
+                children: /*#__PURE__*/ jsx(file_tree_FileTree, {
+                    rows: browser.rows,
+                    selectedId: browser.selectedId,
+                    isReady: browser.isReady,
+                    labels: treeLabels,
+                    emptyFallback: browser.searching ? browser.searchError ? /*#__PURE__*/ jsxs("div", {
+                        className: "ov-file-browser__hint ov-file-browser__hint--error",
+                        children: [
+                            /*#__PURE__*/ jsx("p", {
+                                className: "ov-file-browser__failure-title",
+                                children: searchErrorLabel
+                            }),
+                            /*#__PURE__*/ jsx("p", {
+                                className: "ov-file-browser__failure-detail",
+                                children: browser.searchError.message
+                            }),
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                className: "ov-file-browser__retry",
+                                onClick: ()=>void browser.actions.refresh(),
+                                children: retryLabel
+                            })
+                        ]
+                    }) : /*#__PURE__*/ jsx("p", {
+                        className: "ov-file-browser__hint",
+                        children: browser.searchLoading ? searchLoading : searchEmpty
+                    }) : void 0,
+                    renderRowIcon: (row)=>fileTypeIcon(row.name),
+                    operations: {
+                        select: browser.actions.select,
+                        toggleExpand: browser.actions.toggleExpand,
+                        loadMore: browser.actions.loadMore,
+                        retry: browser.actions.retry
+                    }
+                })
             })
         ]
     });
 }
-function FileBrowser({ className, style, labels }) {
+const DEFAULT_LABELS = {
+    empty: 'Select a file to preview',
+    error: 'Failed to load the directory',
+    retry: 'Retry',
+    refresh: 'Refresh',
+    searchPlaceholder: 'Search files ⌘+K...',
+    searchEmpty: 'No matching resources',
+    searchFailed: 'Failed to run the search',
+    loading: 'Loading…',
+    searchLoading: 'Searching…',
+    previewMode: 'Preview',
+    sourceMode: 'Source',
+    copyPath: 'Copy path',
+    copyContent: 'Copy content',
+    download: 'Download',
+    history: 'Version history',
+    viewSwitch: 'Switch view',
+    resizeTree: 'Resize the directory tree',
+    l0Summary: 'L0 Summary',
+    l1Overview: 'L1 Overview',
+    summaryEmpty: 'No summary generated yet',
+    summaryFailed: 'The summary could not be loaded.'
+};
+function resolveLabels(labels) {
+    return {
+        ...DEFAULT_LABELS,
+        ...labels,
+        tree: labels?.tree,
+        previewLabels: labels?.preview
+    };
+}
+function resolvePreviewLabels(text) {
+    return {
+        loading: text.loading,
+        copyPath: text.copyPath,
+        download: text.download,
+        ...text.previewLabels
+    };
+}
+const TREE_INFO_LABELS_ZH_CN = {
+    description: {
+        userRoot: '当前用户的上下文数据',
+        memories: '跨会话沉淀的长期记忆',
+        peers: '按应用或工作区隔离的上下文',
+        privacy: '密钥等敏感配置',
+        userResources: '该用户的私有知识资料',
+        sessions: '对话与任务运行记录',
+        skills: 'Agent 可用的技能与工具',
+        profile: '用户身份与背景',
+        preferences: '个性化偏好',
+        entities: '人物、项目、组织等实体',
+        events: '按日期归档的关键事件',
+        identity: 'Agent 名称与人设',
+        soul: 'Agent 行为准则与边界',
+        cases: '用于训练经验的交互案例',
+        trajectories: '可复用的任务执行轨迹',
+        experiences: '自动提炼的执行经验',
+        sharedResources: 'Agent 可引用的外部资料',
+        agentRoot: 'Agent 的能力、工具与经验',
+        agentEndpoints: '账号内共享的通信端点配置',
+        agentPayments: '账号内共享的支付能力配置',
+        agentSkills: '账号内可调用的技能定义',
+        agentTools: '账号内共享的工具配置',
+        memoryRoot: '长期记忆与累积信息',
+        resourceRoot: 'Agent 可引用的外部知识',
+        sessionRoot: '用户的原始会话记录',
+        systemRoot: '系统内置资源'
+    },
+    triggerBehavior: {
+        userRoot: '根据当前用户身份自动建立，无需手动创建',
+        memories: '提交会话、主动要求记住信息，或从会话中持续抽取',
+        peers: '以特定 peer 身份连接时建立，按 peer_id 隔离记忆与资料',
+        userResources: '导入资料时上传到该用户的私有资源目录',
+        sessions: '会话调用 OpenViking 时建立，消息、工具调用与归档持续写入',
+        skills: '作为个人技能被创建、安装或导入',
+        profile: '对话中出现稳定、明确的用户背景或工作方式',
+        preferences: '用户明确表达某个偏好、习惯或风格',
+        entities: '对话中出现值得保留的人物、项目或组织',
+        events: '对话中出现重要决定、承诺、安排、进展或结果',
+        identity: '首次记忆抽取时初始化，之后由写入操作更新',
+        soul: '首次记忆抽取时初始化，之后由写入操作调整',
+        cases: '提交了任务明确、执行结果可评估的会话',
+        trajectories: '提交了包含决策、工具调用或多步执行的任务',
+        experiences: '从任务案例与执行轨迹中提炼',
+        sharedResources: '导入资料时上传到共享资源空间',
+        agentEndpoints: '为账号注册集成端点时配置',
+        agentPayments: '为账号开通支付能力时配置',
+        agentSkills: '作为共享技能安装或导入，供所有 Agent 使用',
+        agentTools: '为账号注册工具时配置'
+    },
+    field: {
+        description: '说明',
+        triggerBehavior: '触发行为',
+        path: '路径'
+    }
+};
+function resolveTreeLabels(locale, hostLabels) {
+    if ('zh-CN' !== locale) return hostLabels;
+    const hostInfo = hostLabels?.info;
+    return {
+        ...hostLabels,
+        info: {
+            ...TREE_INFO_LABELS_ZH_CN,
+            ...hostInfo,
+            description: {
+                ...TREE_INFO_LABELS_ZH_CN.description,
+                ...hostInfo?.description
+            },
+            triggerBehavior: {
+                ...TREE_INFO_LABELS_ZH_CN.triggerBehavior,
+                ...hostInfo?.triggerBehavior
+            },
+            field: {
+                ...TREE_INFO_LABELS_ZH_CN.field,
+                ...hostInfo?.field
+            }
+        }
+    };
+}
+function useContainerWidth() {
+    const ref = useRef(null);
+    const [width, setWidth] = useState(0);
+    useEffect(()=>{
+        const element = ref.current;
+        if (!element) return;
+        const update = (next)=>setWidth((current)=>current === next ? current : next);
+        update(Math.round(element.getBoundingClientRect().width));
+        const observer = new ResizeObserver(([entry])=>{
+            if (entry) update(Math.round(entry.contentRect.width));
+        });
+        observer.observe(element);
+        return ()=>observer.disconnect();
+    }, []);
+    return {
+        ref,
+        width
+    };
+}
+const emptyDir = ()=>({
+        entries: [],
+        hasMore: false,
+        loading: false,
+        error: null
+    });
+function mergePage(current, page, offset) {
+    const previous = current ?? emptyDir();
+    return {
+        entries: 0 === offset ? page.entries : [
+            ...previous.entries,
+            ...page.entries
+        ],
+        hasMore: page.hasMore,
+        loading: false,
+        error: null
+    };
+}
+function nameFromUri(uri) {
+    const trimmed = uri.replace(/\/+$/, '');
+    const index = trimmed.lastIndexOf('/');
+    const name = index < 0 ? trimmed : trimmed.slice(index + 1);
+    return name || trimmed;
+}
+function toEntryRow(entry, depth, expanded, index, busy) {
+    const isDir = true === entry.isDir;
+    return {
+        kind: 'entry',
+        id: void 0 === index ? entry.uri : `${entry.uri}#${index}`,
+        depth,
+        uri: entry.uri,
+        name: nameFromUri(entry.uri),
+        type: isDir ? 'directory' : 'file',
+        expanded: isDir ? expanded : void 0,
+        busy: busy || void 0
+    };
+}
+function toFileTab(entry, content, maxLines, icon, openParent) {
+    const name = nameFromUri(entry.uri);
+    return {
+        kind: 'file',
+        key: entry.uri,
+        title: name,
+        icon,
+        operations: {
+            openParent
+        },
+        source: {
+            content,
+            fileName: name,
+            path: entry.uri,
+            truncated: content.split('\n').length >= maxLines
+        }
+    };
+}
+function toDirectoryTab(uri, summary, labels, openParent, icon) {
+    const name = nameFromUri(uri);
+    const levelBody = (body, failure)=>void 0 === failure ? body : `> ${failure || labels.failure}`;
+    return {
+        kind: 'directory',
+        key: uri,
+        title: name,
+        icon,
+        levels: [
+            {
+                key: 'l0',
+                label: labels.l0,
+                source: {
+                    content: levelBody(summary.abstract, summary.abstractError),
+                    fileName: `${name}.md`,
+                    path: uri,
+                    fileType: 'markdown'
+                }
+            },
+            {
+                key: 'l1',
+                label: labels.l1,
+                source: {
+                    content: levelBody(summary.overview, summary.overviewError),
+                    fileName: `${name}.md`,
+                    path: uri,
+                    fileType: 'markdown'
+                }
+            }
+        ],
+        operations: {
+            openParent
+        }
+    };
+}
+function flattenTree(uri, depth, dirs, expanded) {
+    const dir = dirs[uri];
+    if (!dir) return [];
+    const rows = [];
+    for (const entry of dir.entries){
+        const isOpen = expanded.has(entry.uri);
+        const loadingChildren = isOpen && dirs[entry.uri]?.loading === true;
+        rows.push(toEntryRow(entry, depth, isOpen, void 0, loadingChildren));
+        if (isOpen) {
+            const children = flattenTree(entry.uri, depth + 1, dirs, expanded);
+            if (children.length > 0) rows.push(...children);
+            else if (loadingChildren) rows.push({
+                kind: 'loading',
+                id: `${entry.uri}::loading`,
+                depth: depth + 1,
+                parentId: entry.uri
+            });
+            else rows.push({
+                kind: 'empty',
+                id: `${entry.uri}::empty`,
+                depth: depth + 1,
+                parentId: entry.uri
+            });
+        }
+    }
+    if (dir.error) rows.push({
+        kind: 'error',
+        id: `${uri}::error`,
+        depth,
+        parentId: uri
+    });
+    else if (dir.hasMore) rows.push({
+        kind: 'load-more',
+        id: `${uri}::more`,
+        depth,
+        parentId: uri,
+        loading: dir.loading
+    });
+    return rows;
+}
+function isAbort(error) {
+    return 'object' == typeof error && null !== error && 'AbortError' === error.name;
+}
+function toError(cause) {
+    return cause instanceof Error ? cause : new Error(String(cause));
+}
+const BINARY_EXTENSIONS = new Set([
+    'png',
+    'jpg',
+    'jpeg',
+    'gif',
+    'webp',
+    'avif',
+    'bmp',
+    'ico',
+    'svg',
+    'pdf',
+    'doc',
+    'docx',
+    'ppt',
+    'pptx',
+    'xls',
+    'xlsx',
+    'mp4',
+    'webm',
+    'mov',
+    'mp3',
+    'wav',
+    'ogg',
+    'm4a',
+    'zip',
+    'gz',
+    'tar',
+    'ovpack'
+]);
+function isBinaryFile(name) {
+    const dot = name.lastIndexOf('.');
+    if (dot < 0 || dot === name.length - 1) return false;
+    return BINARY_EXTENSIONS.has(name.slice(dot + 1).toLowerCase());
+}
+const MIME_BY_EXTENSION = {
+    png: 'image/png',
+    jpg: 'image/jpeg',
+    jpeg: 'image/jpeg',
+    gif: 'image/gif',
+    webp: 'image/webp',
+    avif: 'image/avif',
+    bmp: 'image/bmp',
+    ico: 'image/x-icon',
+    svg: 'image/svg+xml',
+    pdf: 'application/pdf',
+    doc: 'application/msword',
+    docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    ppt: 'application/vnd.ms-powerpoint',
+    pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+    xls: 'application/vnd.ms-excel',
+    xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+    mp4: 'video/mp4',
+    webm: 'video/webm',
+    mov: 'video/quicktime',
+    mp3: 'audio/mpeg',
+    wav: 'audio/wav',
+    ogg: 'audio/ogg',
+    m4a: 'audio/mp4',
+    zip: 'application/zip',
+    gz: 'application/gzip',
+    tar: 'application/x-tar'
+};
+function mimeTypeOf(name) {
+    const dot = name.lastIndexOf('.');
+    if (dot < 0) return 'application/octet-stream';
+    return MIME_BY_EXTENSION[name.slice(dot + 1).toLowerCase()] ?? 'application/octet-stream';
+}
+function toBinaryTab(uri, name, file, icon, openParent) {
+    return {
+        kind: 'file',
+        key: uri,
+        title: name,
+        icon,
+        operations: {
+            openParent
+        },
+        source: {
+            file,
+            fileName: name,
+            path: uri
+        }
+    };
+}
+async function readDirectory(client, uri, options, labels, openParent) {
+    const read = (path)=>client.request({
+            method: 'GET',
+            path,
+            query: {
+                uri
+            },
+            options
+        }).then((value)=>({
+                ok: true,
+                text: 'string' == typeof value ? value : ''
+            })).catch((cause)=>({
+                ok: false,
+                cause
+            }));
+    const [abstractResult, overviewResult] = await Promise.all([
+        read(OV_PATHS.contentAbstract),
+        read(OV_PATHS.contentOverview)
+    ]);
+    const aborted = [
+        abstractResult,
+        overviewResult
+    ].find((result)=>!result.ok && isAbort(result.cause));
+    if (aborted && !aborted.ok) throw aborted.cause;
+    if (!abstractResult.ok && !overviewResult.ok) throw abstractResult.cause;
+    const reason = (result)=>result.ok ? void 0 : result.cause instanceof Error ? result.cause.message : String(result.cause);
+    return toDirectoryTab(uri, {
+        abstract: abstractResult.ok ? abstractResult.text : '',
+        overview: overviewResult.ok ? overviewResult.text : '',
+        abstractError: reason(abstractResult),
+        overviewError: reason(overviewResult)
+    }, labels, openParent, directoryIcon());
+}
+async function resolveIsDirectory(client, uri, options) {
+    try {
+        const result = await client.request({
+            method: 'GET',
+            path: OV_PATHS.fsStat,
+            query: {
+                uri
+            },
+            options
+        });
+        return result?.isDir === true || result?.is_dir === true;
+    } catch  {
+        return false;
+    }
+}
+function abortError() {
+    const error = new Error('Aborted');
+    error.name = 'AbortError';
+    return error;
+}
+const MAX_LINES = 2000;
+const DEFAULT_SUMMARY_LABELS = {
+    l0: 'L0 Summary',
+    l1: 'L1 Overview',
+    failure: 'The summary could not be loaded.'
+};
+function useFsPreview({ client, uri, resourceType = 'file', labels = DEFAULT_SUMMARY_LABELS, openParent, generation = 0, requestOptions }) {
+    const [tabs, setTabs] = useState(null);
+    const [activeKey, setActiveKey] = useState(null);
+    const [error, setError] = useState(null);
+    const [footer, setFooter] = useState(void 0);
+    useEffect(()=>{
+        if (!client || !uri) {
+            setTabs(null);
+            setActiveKey(null);
+            setError(null);
+            setFooter(void 0);
+            return;
+        }
+        const controller = new AbortController();
+        setTabs([
+            loadingTab(uri, 'file' !== resourceType)
+        ]);
+        setActiveKey(uri);
+        setActiveKey(null);
+        setError(null);
+        setFooter(void 0);
+        const options = {
+            ...requestOptions,
+            signal: controller.signal
+        };
+        const read = (async ()=>{
+            const isDir = 'unknown' === resourceType ? await resolveIsDirectory(client, uri, options) : 'directory' === resourceType;
+            if (controller.signal.aborted) throw abortError();
+            return isDir ? readDirectory(client, uri, options, labels, openParent) : readFile(client, uri, options, openParent);
+        })();
+        read.then((tab)=>{
+            if (controller.signal.aborted) return;
+            setTabs([
+                tab
+            ]);
+            setActiveKey(tab.key);
+            const body = 'directory' === tab.kind ? tab.levels[0].source.content ?? '' : 'file' === tab.kind ? tab.source.content ?? '' : '';
+            setFooter(`${body.length} characters`);
+        }, (cause)=>{
+            if (isAbort(cause) || controller.signal.aborted) return;
+            setTabs([]);
+            setError(cause instanceof Error ? cause : new Error(String(cause)));
+        });
+        return ()=>controller.abort();
+    }, [
+        client,
+        uri,
+        resourceType,
+        labels,
+        openParent,
+        generation,
+        requestOptions
+    ]);
+    return {
+        tabs,
+        activeKey,
+        error,
+        footer,
+        setActiveKey
+    };
+}
+function loadingTab(uri, isDirectory) {
+    if (isDirectory) return {
+        kind: 'directory',
+        key: uri,
+        loading: true,
+        levels: [
+            {
+                key: 'l0',
+                label: '',
+                source: {
+                    fileName: `${nameFromUri(uri)}.md`,
+                    path: uri,
+                    fileType: 'markdown',
+                    content: ''
+                }
+            },
+            {
+                key: 'l1',
+                label: '',
+                source: {
+                    fileName: `${nameFromUri(uri)}.md`,
+                    path: uri,
+                    fileType: 'markdown',
+                    content: ''
+                }
+            }
+        ]
+    };
+    return {
+        kind: 'file',
+        key: uri,
+        loading: true,
+        source: {
+            fileName: nameFromUri(uri),
+            path: uri,
+            content: ''
+        }
+    };
+}
+async function readFile(client, uri, options, openParent) {
+    const name = nameFromUri(uri);
+    const icon = fileTypeIcon(name);
+    if (isBinaryFile(name)) {
+        const blob = await client.request({
+            method: 'GET',
+            path: OV_PATHS.contentDownload,
+            query: {
+                uri
+            },
+            responseType: 'blob',
+            options
+        });
+        const typed = new Blob([
+            blob
+        ], {
+            type: mimeTypeOf(name)
+        });
+        return toBinaryTab(uri, name, typed, icon, openParent);
+    }
+    const content = await client.request({
+        method: 'GET',
+        path: OV_PATHS.contentRead,
+        query: {
+            uri,
+            limit: MAX_LINES
+        },
+        options
+    });
+    return toFileTab({
+        uri
+    }, 'string' == typeof content ? content : '', MAX_LINES, icon, openParent);
+}
+function mergeFindResult(result) {
+    const seen = new Set();
+    const entries = [];
+    for (const group of [
+        result?.memories,
+        result?.resources,
+        result?.skills
+    ])for (const item of group ?? []){
+        const uri = item?.uri;
+        if (!(!uri || seen.has(uri))) {
+            seen.add(uri);
+            entries.push({
+                uri,
+                isDir: false,
+                abstract: item.abstract?.trim() || void 0
+            });
+        }
+    }
+    return entries;
+}
+const LIMIT = 20;
+function useFsSearch({ client, query, targetUri, generation = 0, requestOptions }) {
+    const [results, setResults] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    useEffect(()=>{
+        if (!client || !query) {
+            setResults(null);
+            setLoading(false);
+            setError(null);
+            return;
+        }
+        const controller = new AbortController();
+        setLoading(true);
+        setError(null);
+        client.request({
+            method: 'POST',
+            path: OV_PATHS.searchFind,
+            body: {
+                query,
+                target_uri: targetUri,
+                limit: LIMIT
+            },
+            options: {
+                ...requestOptions,
+                signal: controller.signal
+            }
+        }).then((result)=>{
+            if (controller.signal.aborted) return;
+            setResults(mergeFindResult(result));
+            setLoading(false);
+        }, (cause)=>{
+            if (isAbort(cause) || controller.signal.aborted) return;
+            setResults([]);
+            setError(toError(cause));
+            setLoading(false);
+        });
+        return ()=>controller.abort();
+    }, [
+        client,
+        query,
+        targetUri,
+        generation,
+        requestOptions
+    ]);
+    return {
+        results,
+        loading,
+        error
+    };
+}
+function knownDirectories(rootUri, dirs) {
+    const known = new Set([
+        rootUri
+    ]);
+    for (const [parent, level] of Object.entries(dirs)){
+        known.add(parent);
+        for (const entry of level.entries)if (true === entry.isDir) known.add(entry.uri);
+    }
+    return known;
+}
+function knownFiles(dirs) {
+    const known = new Set();
+    for (const level of Object.values(dirs))for (const entry of level.entries)if (true !== entry.isDir) known.add(entry.uri);
+    return known;
+}
+function useKnownFile(dirs) {
+    const files = useMemo(()=>knownFiles(dirs), [
+        dirs
+    ]);
+    return useCallback((uri)=>files.has(uri), [
+        files
+    ]);
+}
+const ids = new WeakMap();
+let nextId = 1;
+function idOf(value) {
+    if (!value) return 0;
+    const existing = ids.get(value);
+    if (void 0 !== existing) return existing;
+    const assigned = nextId++;
+    ids.set(value, assigned);
+    return assigned;
+}
+function fieldKey(value) {
+    if (void 0 === value) return 'inherit';
+    if ('function' == typeof value) return `fn#${idOf(value)}`;
+    return `value:${value}`;
+}
+function scopeKeyOf(client, options, rootUri) {
+    return JSON.stringify([
+        idOf(client),
+        void 0 === rootUri ? 'inherit-root' : `root:${rootUri}`,
+        options?.baseURL === void 0 ? 'inherit-base' : `base:${options.baseURL}`,
+        fieldKey(options?.apiKey),
+        fieldKey(options?.accountId),
+        fieldKey(options?.userId),
+        fieldKey(options?.resourceId)
+    ]);
+}
+function useRequestScope(client, requestOptions, rootUri) {
+    const scopeKey = scopeKeyOf(client, requestOptions, rootUri);
+    const scopeRef = useRef({
+        key: scopeKey,
+        controller: new AbortController()
+    });
+    const handleRef = useRef({
+        current: ()=>scopeRef.current
+    });
+    useEffect(()=>{
+        const current = scopeRef.current;
+        if (current.key === scopeKey) return;
+        current.controller.abort();
+        scopeRef.current = {
+            key: scopeKey,
+            controller: new AbortController()
+        };
+    }, [
+        scopeKey
+    ]);
+    useEffect(()=>()=>{
+            scopeRef.current.controller.abort();
+            scopeRef.current = {
+                key: scopeRef.current.key,
+                controller: new AbortController()
+            };
+        }, []);
+    return handleRef.current;
+}
+function expandChain(rootUri, targetUri) {
+    if (!targetUri) return [];
+    const base = rootUri.endsWith('/') ? rootUri : `${rootUri}/`;
+    if (!targetUri.startsWith(base)) return [];
+    const rest = targetUri.slice(base.length).split('/').filter(Boolean);
+    return rest.map((_, index)=>`${base}${rest.slice(0, index + 1).join('/')}`);
+}
+const PAGE_SIZE = 200;
+async function loadPage(client, uri, offset, signal, requestOptions) {
+    const envelope = await client.requestEnvelope({
+        method: 'GET',
+        path: OV_PATHS.fsLs,
+        query: {
+            uri,
+            output: 'agent',
+            node_limit: PAGE_SIZE,
+            offset
+        },
+        options: {
+            ...requestOptions,
+            signal
+        }
+    });
+    return {
+        entries: envelope.result ?? [],
+        hasMore: envelope.hasMore
+    };
+}
+function useFsTree({ client, rootUri, defaultExpandedUri, requestOptions }) {
+    const [dirs, setDirs] = useState({});
+    const [expanded, setExpanded] = useState(()=>new Set([
+            rootUri
+        ]));
+    const [isReady, setReady] = useState(false);
+    const [error, setError] = useState(null);
+    const dirsRef = useRef(dirs);
+    dirsRef.current = dirs;
+    const expandedRef = useRef(expanded);
+    expandedRef.current = expanded;
+    useEffect(()=>{
+        if (!client) return;
+        const controller = new AbortController();
+        setReady(false);
+        setError(null);
+        setExpanded(new Set([
+            rootUri
+        ]));
+        setDirs({
+            [rootUri]: {
+                ...emptyDir(),
+                loading: true
+            }
+        });
+        const run = async ()=>{
+            const root = await loadPage(client, rootUri, 0, controller.signal, requestOptions);
+            if (controller.signal.aborted) return;
+            setDirs({
+                [rootUri]: mergePage(void 0, root, 0)
+            });
+            const chain = expandChain(rootUri, defaultExpandedUri);
+            for (const uri of chain){
+                let page;
+                try {
+                    page = await loadPage(client, uri, 0, controller.signal, requestOptions);
+                } catch (cause) {
+                    if (isAbort(cause) || controller.signal.aborted) return;
+                    break;
+                }
+                if (controller.signal.aborted) return;
+                setExpanded((prev)=>new Set(prev).add(uri));
+                setDirs((prev)=>({
+                        ...prev,
+                        [uri]: mergePage(prev[uri], page, 0)
+                    }));
+            }
+            if (controller.signal.aborted) return;
+            setReady(true);
+        };
+        run().catch((cause)=>{
+            if (isAbort(cause) || controller.signal.aborted) return;
+            const failure = toError(cause);
+            setError(failure);
+            setDirs({
+                [rootUri]: {
+                    ...emptyDir(),
+                    loading: false,
+                    error: failure
+                }
+            });
+            setReady(true);
+        });
+        return ()=>controller.abort();
+    }, [
+        client,
+        rootUri,
+        defaultExpandedUri,
+        requestOptions
+    ]);
+    const scope = useRequestScope(client, requestOptions, rootUri);
+    const state = useMemo(()=>{
+        const fetchPage = async (uri, offset)=>{
+            if (!client) return;
+            const current = scope.current();
+            const { signal } = current.controller;
+            if (signal.aborted) return;
+            if (uri === rootUri) setError(null);
+            setDirs((prev)=>({
+                    ...prev,
+                    [uri]: {
+                        ...prev[uri] ?? emptyDir(),
+                        loading: true,
+                        error: null
+                    }
+                }));
+            try {
+                const page = await loadPage(client, uri, offset, signal, requestOptions);
+                if (signal.aborted || scope.current().key !== current.key) return;
+                setDirs((prev)=>({
+                        ...prev,
+                        [uri]: mergePage(prev[uri], page, offset)
+                    }));
+            } catch (cause) {
+                if (isAbort(cause) || signal.aborted) return;
+                const failure = toError(cause);
+                if (uri === rootUri) setError(failure);
+                setDirs((prev)=>({
+                        ...prev,
+                        [uri]: {
+                            ...prev[uri] ?? emptyDir(),
+                            loading: false,
+                            error: failure
+                        }
+                    }));
+            }
+        };
+        return {
+            open: async (uri)=>{
+                setExpanded((prev)=>new Set(prev).add(uri));
+                if (!dirsRef.current[uri]) await fetchPage(uri, 0);
+            },
+            toggleExpand: async (row)=>{
+                const isOpen = expandedRef.current.has(row.uri);
+                setExpanded((prev)=>{
+                    const next = new Set(prev);
+                    if (isOpen) next.delete(row.uri);
+                    else next.add(row.uri);
+                    return next;
+                });
+                if (!isOpen && !dirsRef.current[row.uri]) await fetchPage(row.uri, 0);
+            },
+            loadMore: (parentId)=>fetchPage(parentId, dirsRef.current[parentId]?.entries.length ?? 0),
+            retry: (parentId)=>fetchPage(parentId, 0),
+            refresh: async ()=>{
+                if (!client) return;
+                const current = scope.current();
+                const open = [
+                    ...expandedRef.current
+                ];
+                setError(null);
+                setDirs({});
+                for (const uri of open){
+                    if (scope.current().key !== current.key) return;
+                    await fetchPage(uri, 0);
+                }
+            }
+        };
+    }, [
+        client,
+        rootUri,
+        requestOptions,
+        scope
+    ]);
+    const rows = useMemo(()=>flattenTree(rootUri, 0, dirs, expanded), [
+        rootUri,
+        dirs,
+        expanded
+    ]);
+    const directoryUris = useMemo(()=>knownDirectories(rootUri, dirs), [
+        rootUri,
+        dirs
+    ]);
+    const isKnownFile = useKnownFile(dirs);
+    return {
+        rows,
+        isReady,
+        error,
+        directoryUris,
+        isKnownFile,
+        ...state
+    };
+}
+function useFileBrowser({ rootUri, controlled = false, summaryLabels, defaultExpandedUri, currentUri, requestOptions, onUriChange }) {
+    const client = useOvClient();
+    const [query, setQuery] = useState('');
+    const [pendingUri, setPendingUri] = useState(currentUri);
+    const [refreshing, setRefreshing] = useState(false);
+    const [refreshGeneration, setRefreshGeneration] = useState(0);
+    const tree = useFsTree({
+        client,
+        rootUri,
+        defaultExpandedUri,
+        requestOptions
+    });
+    const search = useFsSearch({
+        client,
+        query,
+        targetUri: rootUri,
+        generation: refreshGeneration,
+        requestOptions
+    });
+    const activeUri = controlled ? currentUri : pendingUri;
+    const resourceType = null === activeUri ? 'file' : tree.directoryUris.has(activeUri) ? 'directory' : tree.isKnownFile(activeUri) ? 'file' : 'unknown';
+    const openTree = tree.open;
+    const notifyUriChange = useRef(onUriChange);
+    notifyUriChange.current = onUriChange;
+    const openParent = useMemo(()=>async (uri)=>{
+            setPendingUri(uri);
+            notifyUriChange.current(uri);
+            await openTree(uri);
+        }, [
+        openTree
+    ]);
+    const preview = useFsPreview({
+        client,
+        uri: activeUri,
+        resourceType,
+        labels: summaryLabels,
+        openParent,
+        generation: refreshGeneration,
+        requestOptions
+    });
+    const rows = useMemo(()=>{
+        if (null === search.results) return tree.rows;
+        return search.results.map((entry, index)=>toEntryRow(entry, 0, false, index));
+    }, [
+        search.results,
+        tree.rows
+    ]);
+    const selectedId = useMemo(()=>{
+        if (!activeUri || null === search.results) return activeUri;
+        const index = search.results.findIndex((entry)=>entry.uri === activeUri);
+        return index < 0 ? activeUri : `${activeUri}#${index}`;
+    }, [
+        activeUri,
+        search.results
+    ]);
+    const { open, toggleExpand, loadMore, retry, refresh } = tree;
+    const actions = useMemo(()=>({
+            select: async (row)=>{
+                setPendingUri(row.uri);
+                notifyUriChange.current(row.uri);
+                if ('directory' === row.type) await open(row.uri);
+            },
+            toggleExpand,
+            loadMore: async (row)=>{
+                const parentId = 'parentId' in row ? row.parentId : void 0;
+                if (parentId) await loadMore(parentId);
+            },
+            retry: async (row)=>{
+                const parentId = 'parentId' in row ? row.parentId : void 0;
+                if (parentId) await retry(parentId);
+            },
+            refresh: async ()=>{
+                setRefreshing(true);
+                try {
+                    setRefreshGeneration((generation)=>generation + 1);
+                    await refresh();
+                } finally{
+                    setRefreshing(false);
+                }
+            },
+            setPreviewKey: preview.setActiveKey,
+            setQuery
+        }), [
+        preview.setActiveKey,
+        open,
+        toggleExpand,
+        loadMore,
+        retry,
+        refresh
+    ]);
+    return {
+        rows,
+        selectedId,
+        currentUri: activeUri,
+        isReady: tree.isReady,
+        error: tree.error ?? search.error ?? preview.error,
+        treeError: tree.error,
+        previewError: preview.error,
+        searchError: search.error,
+        previewTabs: preview.tabs,
+        previewKey: preview.activeKey,
+        previewFooter: preview.footer,
+        query,
+        searching: null !== search.results,
+        searchLoading: search.loading,
+        refreshing,
+        actions
+    };
+}
+function FileBrowser({ uri, defaultUri, rootUri = 'viking://', defaultExpandedUri, locale, toolbarActions, onUriChange, labels, requestOptions, className, style, ...rest }) {
+    const [internalUri, setInternalUri] = useState(()=>defaultUri ?? null);
+    const [preferredTreeWidth, setPreferredTreeWidth] = useState(352);
+    const searchId = useId();
+    const isControlled = void 0 !== uri;
+    const currentUri = isControlled ? uri : internalUri;
+    const text = resolveLabels(labels);
+    const { ref: layoutRef, width: layoutWidth } = useContainerWidth();
+    const treeMaxWidth = resolveTreeMaxWidth(layoutWidth);
+    const treeWidth = Math.min(preferredTreeWidth, treeMaxWidth);
+    const changeUri = useCallback((next)=>{
+        if (!isControlled) setInternalUri(next);
+        onUriChange?.(next);
+    }, [
+        isControlled,
+        onUriChange
+    ]);
+    const summaryLabels = useMemo(()=>({
+            l0: text.l0Summary,
+            l1: text.l1Overview,
+            failure: text.summaryFailed
+        }), [
+        text.l0Summary,
+        text.l1Overview,
+        text.summaryFailed
+    ]);
+    const previewLabels = useMemo(()=>resolvePreviewLabels(resolveLabels(labels)), [
+        labels
+    ]);
+    const treeLabels = useMemo(()=>resolveTreeLabels(locale, text.tree), [
+        locale,
+        text.tree
+    ]);
+    const browser = useFileBrowser({
+        rootUri,
+        controlled: isControlled,
+        summaryLabels,
+        defaultExpandedUri,
+        currentUri,
+        requestOptions,
+        onUriChange: changeUri
+    });
     return /*#__PURE__*/ jsxs("div", {
+        ...rest,
+        ref: layoutRef,
         className: [
-            'ov-module-placeholder',
+            'ov-file-browser',
             className
         ].filter(Boolean).join(' '),
-        style: style,
+        style: {
+            ...style,
+            '--ov-file-browser-tree-width': `${treeWidth}px`
+        },
         children: [
-            /*#__PURE__*/ jsx("p", {
-                className: "ov-module-placeholder__title",
-                children: labels?.title ?? 'File browser'
+            /*#__PURE__*/ jsx("div", {
+                className: "ov-file-browser__tree",
+                children: /*#__PURE__*/ jsx(FileBrowserTreePane, {
+                    toolbarActions: toolbarActions,
+                    searchId: searchId,
+                    browser: browser,
+                    treeLabels: treeLabels,
+                    searchPlaceholder: text.searchPlaceholder,
+                    refreshLabel: text.refresh,
+                    searchLoading: text.searchLoading,
+                    searchEmpty: text.searchEmpty,
+                    searchErrorLabel: text.searchFailed,
+                    retryLabel: text.retry
+                })
             }),
-            /*#__PURE__*/ jsx("p", {
-                className: "ov-module-placeholder__description",
-                children: labels?.description ?? 'Placeholder. Functionality is not available yet.'
+            /*#__PURE__*/ jsx(ResizableHandle, {
+                label: text.resizeTree,
+                min: 200,
+                max: treeMaxWidth,
+                value: treeWidth,
+                onResize: setPreferredTreeWidth,
+                className: "ov-file-browser__resizer"
+            }),
+            browser.previewTabs && browser.previewTabs.length > 0 ? /*#__PURE__*/ jsx(FileBrowserDetail, {
+                tabs: browser.previewTabs,
+                activeKey: browser.previewKey,
+                locale: locale,
+                labels: previewLabels,
+                footer: browser.previewFooter,
+                viewLabels: {
+                    preview: text.previewMode,
+                    source: text.sourceMode,
+                    copyPath: text.copyPath,
+                    copyContent: text.copyContent,
+                    download: text.download,
+                    viewSwitch: text.viewSwitch
+                },
+                onActiveKeyChange: browser.actions.setPreviewKey
+            }) : browser.currentUri && browser.previewError ? /*#__PURE__*/ jsx("div", {
+                className: "ov-file-browser__detail",
+                children: /*#__PURE__*/ jsx(FileBrowserFailure, {
+                    message: text.error,
+                    detail: browser.previewError.message,
+                    retryLabel: text.retry,
+                    onRetry: ()=>void browser.actions.refresh()
+                })
+            }) : /*#__PURE__*/ jsx("div", {
+                className: "ov-file-browser__detail",
+                children: /*#__PURE__*/ jsx(FileBrowserEmpty, {
+                    label: text.empty
+                })
             })
         ]
     });
 }
-export { FileBrowser, FileBrowserToolbarButton };
+export { FileBrowser, useFileBrowser };