@openviking/react 0.1.2 → 0.1.3

package/dist/{g~0.js → 30~0.js}

@@ -1,6 +1,7 @@
-import { Fragment as jsx_runtime_Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Fragment, Suspense, cloneElement, forwardRef, lazy, useCallback, useEffect, useId, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as external_react_Fragment, Suspense, cloneElement, forwardRef, lazy, useCallback, useEffect, useId, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
+import { useOverlayPosition } from "./o~0.js";
 function FilePreviewEditor({ draft, text, loading, failed, saveFailed, saving, onChange, onCancel }) {
     if (loading) return /*#__PURE__*/ jsx("div", {
         className: "ov-file-preview__state",
@@ -84,11 +85,12 @@ function readCopyableText(source) {
 function isEmptyFile(source) {
     return '' === source.content;
 }
-function StatePanel({ title, description, action }) {
+function StatePanel({ title, description, action, icon }) {
     return /*#__PURE__*/ jsxs("div", {
         className: "ov-file-preview__state",
         role: "status",
         children: [
+            icon,
             /*#__PURE__*/ jsx("p", {
                 className: "ov-file-preview__state-title",
                 children: title
@@ -108,7 +110,10 @@ function EmptyFileState({ text }) {
 }
 function LoadingState({ text }) {
     return /*#__PURE__*/ jsx(StatePanel, {
-        title: text.loading
+        title: text.loading ?? 'Loading…',
+        icon: /*#__PURE__*/ jsx("span", {
+            className: "ov-file-preview__spinner"
+        })
     });
 }
 function LoadFailedState({ text, description, onRetry }) {
@@ -167,6 +172,9 @@ function FilePreviewBody({ fileTab, text, locale, viewMode, editing, onViewModeC
         onChange: editing.updateDraft,
         onCancel: onCancelEditing
     });
+    if (fileTab.loading) return /*#__PURE__*/ jsx(LoadingState, {
+        text: text
+    });
     if (isEmptyFile(fileTab.source)) return /*#__PURE__*/ jsx(EmptyFileState, {
         text: text
     });
@@ -182,107 +190,6 @@ function FilePreviewBody({ fileTab, text, locale, viewMode, editing, onViewModeC
         onLinkClick: onLinkClick
     });
 }
-const OFFSET = 6;
-const VIEWPORT_MARGIN = 8;
-const OPPOSITE = {
-    top: 'bottom',
-    bottom: 'top',
-    left: 'right',
-    right: 'left'
-};
-function resolvePosition(trigger, surface, placement) {
-    const viewportWidth = window.innerWidth;
-    const viewportHeight = window.innerHeight;
-    const fits = (side)=>{
-        if ('top' === side) return trigger.top - surface.height - OFFSET >= VIEWPORT_MARGIN;
-        if ('bottom' === side) return trigger.bottom + surface.height + OFFSET <= viewportHeight - VIEWPORT_MARGIN;
-        if ('left' === side) return trigger.left - surface.width - OFFSET >= VIEWPORT_MARGIN;
-        return trigger.right + surface.width + OFFSET <= viewportWidth - VIEWPORT_MARGIN;
-    };
-    const side = fits(placement) || !fits(OPPOSITE[placement]) ? placement : OPPOSITE[placement];
-    const clamp = (value, size, limit)=>Math.min(Math.max(value, VIEWPORT_MARGIN), limit - size - VIEWPORT_MARGIN);
-    if ('top' === side || 'bottom' === side) {
-        const top = 'top' === side ? trigger.top - surface.height - OFFSET : trigger.bottom + OFFSET;
-        const left = trigger.left + trigger.width / 2 - surface.width / 2;
-        return {
-            top: clamp(top, surface.height, viewportHeight),
-            left: clamp(left, surface.width, viewportWidth),
-            placement: side
-        };
-    }
-    const left = 'left' === side ? trigger.left - surface.width - OFFSET : trigger.right + OFFSET;
-    const top = trigger.top + trigger.height / 2 - surface.height / 2;
-    return {
-        top: clamp(top, surface.height, viewportHeight),
-        left: clamp(left, surface.width, viewportWidth),
-        placement: side
-    };
-}
-function useTooltipPosition(open, triggerRef, surface, placement) {
-    const [position, setPosition] = useState({
-        top: 0,
-        left: 0,
-        placement
-    });
-    useLayoutEffect(()=>{
-        if (!open) return;
-        const trigger = triggerRef.current;
-        if (!trigger || !surface) return;
-        const written = new Set();
-        const syncTheme = ()=>{
-            const triggerStyle = window.getComputedStyle(trigger);
-            const seen = new Set();
-            for (const name of Array.from(triggerStyle)){
-                if (!name.startsWith('--ov-ui-color-')) continue;
-                const value = triggerStyle.getPropertyValue(name).trim();
-                if (value) {
-                    seen.add(name);
-                    surface.style.setProperty(name, value);
-                }
-            }
-            for (const name of written)if (!seen.has(name)) surface.style.removeProperty(name);
-            written.clear();
-            seen.forEach((name)=>written.add(name));
-        };
-        syncTheme();
-        const themeObserver = new MutationObserver(syncTheme);
-        const observerOptions = {
-            attributes: true,
-            attributeFilter: [
-                'class',
-                'style',
-                'data-theme'
-            ]
-        };
-        for(let node = trigger; node; node = node.parentElement)themeObserver.observe(node, observerOptions);
-        const update = ()=>{
-            const triggerRect = trigger.getBoundingClientRect();
-            const surfaceRect = surface.getBoundingClientRect();
-            const next = resolvePosition(triggerRect, {
-                width: surfaceRect.width,
-                height: surfaceRect.height
-            }, placement);
-            setPosition((previous)=>previous.top === next.top && previous.left === next.left && previous.placement === next.placement ? previous : next);
-        };
-        update();
-        const observer = new ResizeObserver(update);
-        observer.observe(surface);
-        window.addEventListener('scroll', update, true);
-        window.addEventListener('resize', update);
-        return ()=>{
-            observer.disconnect();
-            themeObserver.disconnect();
-            window.removeEventListener('scroll', update, true);
-            window.removeEventListener('resize', update);
-        };
-    }, [
-        open,
-        placement,
-        surface,
-        triggerRef
-    ]);
-    return position;
-}
 const DEFAULT_LABELS = {
     close: 'Close'
 };
@@ -307,7 +214,7 @@ function Tooltip({ children, content, placement = 'top', trigger = 'hover', dela
     const timerRef = useRef(void 0);
     const [surfaceNode, setSurfaceNode] = useState(null);
     const id = useId();
-    const position = useTooltipPosition(open, triggerRef, surfaceNode, placement);
+    const position = useOverlayPosition(open, triggerRef, surfaceNode, placement);
     const change = useCallback((next)=>{
         setOpen(next);
         onOpenChange?.(next);
@@ -416,7 +323,7 @@ function Tooltip({ children, content, placement = 'top', trigger = 'hover', dela
         onMouseLeave: 'hover' === trigger ? hide : void 0,
         children: content
     }), document.body) : null;
-    return /*#__PURE__*/ jsxs(jsx_runtime_Fragment, {
+    return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             triggerElement,
             surface
@@ -597,7 +504,7 @@ function FilePreviewBreadcrumb({ segments, title, canOpen, disabled, onOpen }) {
             }) : null,
             segments.map((segment, index)=>{
                 if (hiddenSegments.includes(segment)) return null;
-                return /*#__PURE__*/ jsxs(Fragment, {
+                return /*#__PURE__*/ jsxs(external_react_Fragment, {
                     children: [
                         /*#__PURE__*/ jsxs("span", {
                             className: "ov-file-preview__breadcrumb-part",
@@ -693,11 +600,9 @@ function getPathFileName(path) {
     const parts = trimmed.split(SEPARATOR).filter(Boolean);
     return parts[parts.length - 1];
 }
-function FilePreviewHeader({ fileTab, actions, text, onOpenParent }) {
-    const path = fileTab.source.path;
+function FilePreviewHeader({ path, fileName, canOpenParent, titleExtra, slotActions, actions, text, onOpenParent }) {
     const segments = splitPathSegments(path);
-    const title = getPathFileName(path) ?? fileTab.source.fileName;
-    const slotActions = fileTab.slots?.actions;
+    const title = getPathFileName(path) ?? fileName;
     const actionNode = 'function' == typeof slotActions ? slotActions(actions) : slotActions;
     return /*#__PURE__*/ jsxs("div", {
         className: "ov-file-preview__header",
@@ -708,7 +613,7 @@ function FilePreviewHeader({ fileTab, actions, text, onOpenParent }) {
                     /*#__PURE__*/ jsx(FilePreviewBreadcrumb, {
                         segments: segments,
                         title: title,
-                        canOpen: Boolean(fileTab.operations?.openParent),
+                        canOpen: canOpenParent,
                         disabled: actions.busy,
                         onOpen: onOpenParent
                     }),
@@ -717,7 +622,7 @@ function FilePreviewHeader({ fileTab, actions, text, onOpenParent }) {
                         disabled: actions.busy,
                         onClick: ()=>void actions.copyPath()
                     }) : null,
-                    fileTab.slots?.titleExtra
+                    titleExtra
                 ]
             }),
             actionNode ? /*#__PURE__*/ jsx("div", {
@@ -727,6 +632,214 @@ function FilePreviewHeader({ fileTab, actions, text, onOpenParent }) {
         ]
     });
 }
+function levelToFileTab(tab, key) {
+    const level = tab.levels.find((candidate)=>candidate.key === key);
+    if (!level) return;
+    return {
+        kind: 'file',
+        key: `${tab.key}::${level.key}`,
+        source: level.source,
+        operations: tab.operations,
+        slots: tab.slots
+    };
+}
+function FilePreviewDirectoryBody({ tab, text, locale, actions, editing, viewMode, onViewModeChange, onHandleChange, onViewModesChange, onDownload, onCancelEditing }) {
+    const [internalKey, setInternalKey] = useState(()=>tab.defaultLevelKey ?? tab.levels[0].key);
+    const activeKey = tab.activeLevelKey ?? internalKey;
+    const fileTab = levelToFileTab(tab, activeKey) ?? levelToFileTab(tab, tab.levels[0].key);
+    const tabsRef = useRef(null);
+    const [indicator, setIndicator] = useState({
+        left: 0,
+        width: 0
+    });
+    useLayoutEffect(()=>{
+        const root = tabsRef.current;
+        if (!root) return;
+        const measure = ()=>{
+            const active = root.querySelector('[aria-selected="true"]');
+            if (!active) return;
+            setIndicator({
+                left: active.offsetLeft,
+                width: active.offsetWidth
+            });
+        };
+        measure();
+        const observer = new ResizeObserver(measure);
+        observer.observe(root);
+        return ()=>observer.disconnect();
+    }, [
+        activeKey,
+        tab.levels
+    ]);
+    const changeLevel = (key)=>{
+        if (void 0 === tab.activeLevelKey) setInternalKey(key);
+        tab.onActiveLevelChange?.(key);
+    };
+    const onLevelKeyDown = (event)=>{
+        const keys = [
+            'ArrowLeft',
+            'ArrowRight',
+            'Home',
+            'End'
+        ];
+        if (!keys.includes(event.key)) return;
+        const buttons = Array.from(event.currentTarget.querySelectorAll('[role="tab"]:not(:disabled)'));
+        if (0 === buttons.length) return;
+        const current = buttons.indexOf(event.target);
+        const next = 'Home' === event.key ? 0 : 'End' === event.key ? buttons.length - 1 : (current + ('ArrowRight' === event.key ? 1 : -1) + buttons.length) % buttons.length;
+        const target = buttons[next];
+        if (!target) return;
+        event.preventDefault();
+        target.focus();
+        const key = tab.levels[next]?.key;
+        if (void 0 !== key) changeLevel(key);
+    };
+    if (!fileTab) return null;
+    if (tab.loading) return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(FilePreviewHeader, {
+                path: fileTab.source.path,
+                fileName: fileTab.source.fileName,
+                canOpenParent: Boolean(tab.operations?.openParent),
+                titleExtra: tab.slots?.titleExtra,
+                slotActions: tab.slots?.actions,
+                actions: actions,
+                text: text,
+                onOpenParent: (uri)=>void tab.operations?.openParent?.(uri)
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "ov-file-preview__body",
+                children: /*#__PURE__*/ jsx(LoadingState, {
+                    text: text
+                })
+            })
+        ]
+    });
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(FilePreviewHeader, {
+                path: fileTab.source.path,
+                fileName: fileTab.source.fileName,
+                canOpenParent: Boolean(tab.operations?.openParent),
+                titleExtra: tab.slots?.titleExtra,
+                slotActions: tab.slots?.actions,
+                actions: actions,
+                text: text,
+                onOpenParent: (uri)=>void tab.operations?.openParent?.(uri)
+            }),
+            tab.levels.length > 1 ? /*#__PURE__*/ jsxs("div", {
+                className: "ov-file-preview__levels",
+                role: "tablist",
+                ref: tabsRef,
+                tabIndex: -1,
+                onKeyDown: onLevelKeyDown,
+                children: [
+                    tab.levels.map((level)=>/*#__PURE__*/ jsx("button", {
+                            type: "button",
+                            role: "tab",
+                            "aria-selected": level.key === activeKey,
+                            tabIndex: level.key === activeKey ? 0 : -1,
+                            className: "ov-file-preview__level",
+                            "data-active": level.key === activeKey || void 0,
+                            onClick: ()=>changeLevel(level.key),
+                            children: level.label
+                        }, level.key)),
+                    /*#__PURE__*/ jsx("span", {
+                        "aria-hidden": "true",
+                        className: "ov-file-preview__level-indicator",
+                        style: {
+                            transform: `translateX(${indicator.left}px)`,
+                            width: indicator.width
+                        }
+                    })
+                ]
+            }) : null,
+            /*#__PURE__*/ jsx("div", {
+                className: "ov-file-preview__body",
+                children: /*#__PURE__*/ jsx(FilePreviewBody, {
+                    fileTab: fileTab,
+                    text: text,
+                    locale: locale,
+                    viewMode: viewMode,
+                    editing: editing,
+                    onViewModeChange: onViewModeChange,
+                    onHandleChange: onHandleChange,
+                    onViewModesChange: onViewModesChange,
+                    onDownload: onDownload,
+                    onCancelEditing: onCancelEditing
+                })
+            }),
+            tab.slots?.footer ? /*#__PURE__*/ jsx("div", {
+                className: "ov-file-preview__footer",
+                children: tab.slots.footer
+            }) : null
+        ]
+    });
+}
+function FilePreviewPanels({ contentTab, directoryTab, fileTab, panelProps, panelClass, text, locale, actions, actionContext, editing, viewMode, setViewMode, onHandleChange, onViewModesChange, linkClickHandler, activeTab }) {
+    if (contentTab) return /*#__PURE__*/ jsx("div", {
+        ...panelProps,
+        className: `${panelClass} ${panelClass}--content`,
+        children: contentTab.content
+    });
+    if (directoryTab) return /*#__PURE__*/ jsx("div", {
+        ...panelProps,
+        className: panelClass,
+        children: /*#__PURE__*/ jsx(FilePreviewDirectoryBody, {
+            tab: directoryTab,
+            text: text,
+            locale: locale,
+            actions: actionContext,
+            editing: editing,
+            viewMode: viewMode,
+            onViewModeChange: setViewMode,
+            onHandleChange: onHandleChange,
+            onViewModesChange: onViewModesChange,
+            onDownload: ()=>{},
+            onCancelEditing: actionContext.cancelEditing
+        })
+    });
+    if (!fileTab) return null;
+    return /*#__PURE__*/ jsxs("div", {
+        ...panelProps,
+        className: panelClass,
+        children: [
+            /*#__PURE__*/ jsx(FilePreviewHeader, {
+                path: fileTab.source.path,
+                fileName: fileTab.source.fileName,
+                canOpenParent: Boolean(fileTab.operations?.openParent),
+                titleExtra: fileTab.slots?.titleExtra,
+                slotActions: fileTab.slots?.actions,
+                actions: actionContext,
+                text: text,
+                onOpenParent: (uri)=>void actions.openParent(activeTab, uri)
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "ov-file-preview__body",
+                children: /*#__PURE__*/ jsx(FilePreviewBody, {
+                    fileTab: fileTab,
+                    text: text,
+                    locale: locale,
+                    viewMode: viewMode,
+                    editing: editing,
+                    onViewModeChange: setViewMode,
+                    onHandleChange: onHandleChange,
+                    onViewModesChange: onViewModesChange,
+                    onDownload: ()=>void actions.download(fileTab),
+                    onLinkClick: linkClickHandler,
+                    onCancelEditing: actionContext.cancelEditing
+                })
+            }),
+            fileTab.source.truncated ? /*#__PURE__*/ jsx(TruncatedNotice, {
+                text: text
+            }) : null,
+            fileTab.slots?.footer ? /*#__PURE__*/ jsx("div", {
+                className: "ov-file-preview__footer",
+                children: fileTab.slots.footer
+            }) : null
+        ]
+    });
+}
 const file_preview_labels_DEFAULT_LABELS = {
     copyPath: 'Copy path',
     editor: 'Edit content',
@@ -878,10 +991,10 @@ function useFilePreviewActions() {
         notify?.(value);
     }
     return {
-        openParent: (tab, uri)=>'file' === tab.kind ? run(`openParent:${tab.key}`, {
+        openParent: (tab, uri)=>'content' === tab.kind ? Promise.resolve() : run(`openParent:${tab.key}`, {
                 execute: tab.operations?.openParent,
                 notify: tab.onOpenParent
-            }, uri) : Promise.resolve(),
+            }, uri),
         download: (tab)=>run(`download:${tab.key}`, {
                 execute: tab.operations?.download,
                 notify: tab.onDownload
@@ -891,10 +1004,10 @@ function useFilePreviewActions() {
                 notify: tab.onOpenUri
             }, uri),
         copyPath: (tab, path)=>copyText(path, tab.onCopyPath),
-        copyContent: (tab, text)=>copyText(text, tab.onCopyContent)
+        copyContent: (tab, text)=>copyText(text, 'onCopyContent' in tab ? tab.onCopyContent : void 0)
     };
 }
-function useFilePreviewActionsContext({ activeTab, fileTab, viewMode, canSwitchView, setViewMode, editing, operations }) {
+function useFilePreviewActionsContext({ activeTab, fileTab, currentPath, currentSource, viewMode, canSwitchView, setViewMode, editing, operations }) {
     const startEditing = useCallback(()=>{
         if (!fileTab) return;
         setViewMode('source');
@@ -922,21 +1035,22 @@ function useFilePreviewActionsContext({ activeTab, fileTab, viewMode, canSwitchV
         editing,
         setViewMode
     ]);
+    const copyable = currentSource ? readCopyableText(currentSource) : void 0;
     const copyContent = useCallback(async ()=>{
-        const copyable = fileTab && readCopyableText(fileTab.source);
-        if (!fileTab || !copyable) return false;
-        return operations.copyContent(fileTab, copyable);
+        if (!copyable) return false;
+        return operations.copyContent(activeTab, copyable);
     }, [
-        fileTab,
+        activeTab,
+        copyable,
         operations
     ]);
     const copyPath = useCallback(async ()=>{
-        const path = fileTab?.source.path;
+        const path = currentPath;
         if (!path) return false;
         return operations.copyPath(activeTab, path);
     }, [
         activeTab,
-        fileTab,
+        currentPath,
         operations
     ]);
     const download = useCallback(()=>{
@@ -955,9 +1069,9 @@ function useFilePreviewActionsContext({ activeTab, fileTab, viewMode, canSwitchV
         startEditing,
         saveEditing,
         cancelEditing,
-        canCopyContent: Boolean(fileTab && readCopyableText(fileTab.source)),
+        canCopyContent: Boolean(copyable),
         copyContent,
-        canCopyPath: Boolean(fileTab?.source.path),
+        canCopyPath: Boolean(currentPath),
         copyPath,
         canDownload: Boolean(fileTab?.operations?.download),
         download
@@ -977,6 +1091,32 @@ function useFilePreviewIds(activeKey) {
         }
     };
 }
+function initialLevelKey(tab, remembered, tabKey) {
+    const preferred = tab.activeLevelKey ?? remembered[tabKey] ?? tab.defaultLevelKey;
+    const first = tab.levels[0]?.key ?? '';
+    if (void 0 === preferred) return first;
+    return tab.levels.some((level)=>level.key === preferred) ? preferred : first;
+}
+function useDirectoryLevel(tab) {
+    const [levelKeys, setLevelKeys] = useState({});
+    if (!tab) return {};
+    const activeLevel = tab.levels.find((level)=>level.key === initialLevelKey(tab, levelKeys, tab.key)) ?? tab.levels[0];
+    return {
+        activeLevel,
+        directoryTab: {
+            ...tab,
+            activeLevelKey: activeLevel.key,
+            onActiveLevelChange: (key)=>{
+                if (void 0 === tab.activeLevelKey) setLevelKeys((previous)=>({
+                        ...previous,
+                        [tab.key]: key
+                    }));
+                tab.onActiveLevelChange?.(key);
+            }
+        },
+        source: activeLevel.source
+    };
+}
 function useFilePreviewEditing(activeTabKey) {
     const [editing, setEditing] = useState(false);
     const [loadingEdit, setLoadingEdit] = useState(false);
@@ -1090,7 +1230,8 @@ const file_preview_FilePreview = /*#__PURE__*/ forwardRef(function({ tabs, activ
         ...activeTab.labels
     };
     const fileTab = isFileTab(activeTab) ? activeTab : void 0;
-    const contentTab = fileTab ? void 0 : activeTab;
+    const directoryTab = 'directory' === activeTab.kind ? activeTab : void 0;
+    const contentTab = fileTab || directoryTab ? void 0 : activeTab;
     const switchTab = useCallback((key)=>{
         if (editing.saving) return false;
         if (key === currentKey && key === activeTab.key) return false;
@@ -1138,9 +1279,14 @@ const file_preview_FilePreview = /*#__PURE__*/ forwardRef(function({ tabs, activ
         fileTab
     ]);
     const linkClickHandler = fileTab?.operations?.openUri ? onLinkClick : void 0;
+    const level = useDirectoryLevel(directoryTab);
+    const currentPath = level.source?.path ?? fileTab?.source.path;
+    const currentSource = level.source ?? fileTab?.source;
     const actionContext = useFilePreviewActionsContext({
         activeTab,
         fileTab,
+        currentPath,
+        currentSource,
         viewMode,
         canSwitchView,
         setViewMode,
@@ -1162,46 +1308,25 @@ const file_preview_FilePreview = /*#__PURE__*/ forwardRef(function({ tabs, activ
                 panelId: panelId,
                 onSelect: (key)=>void switchTab(key)
             }),
-            contentTab ? /*#__PURE__*/ jsx("div", {
-                ...panelProps,
-                className: `${panelClass} ${panelClass}--content`,
-                children: contentTab.content
-            }) : fileTab ? /*#__PURE__*/ jsxs("div", {
-                ...panelProps,
-                className: panelClass,
-                children: [
-                    /*#__PURE__*/ jsx(FilePreviewHeader, {
-                        fileTab: fileTab,
-                        actions: actionContext,
-                        text: tabText,
-                        onOpenParent: (uri)=>void actions.openParent(activeTab, uri)
-                    }),
-                    /*#__PURE__*/ jsx("div", {
-                        className: "ov-file-preview__body",
-                        children: /*#__PURE__*/ jsx(FilePreviewBody, {
-                            fileTab: fileTab,
-                            text: tabText,
-                            locale: locale,
-                            viewMode: viewMode,
-                            editing: editing,
-                            onViewModeChange: setViewMode,
-                            onHandleChange: onHandleChange,
-                            onViewModesChange: onViewModesChange,
-                            onDownload: ()=>void actions.download(fileTab),
-                            onLinkClick: linkClickHandler,
-                            onCancelEditing: actionContext.cancelEditing
-                        })
-                    }),
-                    fileTab.source.truncated ? /*#__PURE__*/ jsx(TruncatedNotice, {
-                        text: tabText
-                    }) : null,
-                    fileTab.slots?.footer ? /*#__PURE__*/ jsx("div", {
-                        className: "ov-file-preview__footer",
-                        children: fileTab.slots.footer
-                    }) : null
-                ]
-            }) : null
+            /*#__PURE__*/ jsx(FilePreviewPanels, {
+                contentTab: contentTab,
+                directoryTab: level.directoryTab,
+                fileTab: fileTab,
+                panelProps: panelProps,
+                panelClass: panelClass,
+                text: tabText,
+                locale: locale,
+                actions: actions,
+                actionContext: actionContext,
+                editing: editing,
+                viewMode: viewMode,
+                setViewMode: setViewMode,
+                onHandleChange: onHandleChange,
+                onViewModesChange: onViewModesChange,
+                linkClickHandler: linkClickHandler,
+                activeTab: activeTab
+            })
         ]
     });
 });
-export { LoadFailedState, LoadingState, UnsupportedState, file_preview_FilePreview as FilePreview, toFileSource };
+export { LoadFailedState, LoadingState, Tooltip, UnsupportedState, file_preview_FilePreview as FilePreview, toFileSource };

package/dist/client/index.d.ts

@@ -1,4 +1,5 @@
 export { createOvClient } from './client.js';
 export { OvClientError, isOvClientError } from './errors.js';
+export { OV_PATHS, OV_PATH_BUILDERS, type OvPath } from './paths.js';
 export { OpenVikingProvider, type OpenVikingProviderProps, } from './provider.js';
-export type { OvClient, OvClientOptions, OvErrorEnvelope, OvIdentityValue, OvQueryValue, OvRequestOptions, OvRequestSpec, OvResolvedOptions, OvSuccessEnvelope, } from './types.js';
+export type { OvClient, OvClientOptions, OvErrorEnvelope, OvIdentityValue, OvQueryValue, OvRequestOptions, OvRequestSpec, OvResolvedOptions, OvResponseEnvelope, OvResponseType, OvStream, OvStreamEvent, OvStreamSpec, OvSuccessEnvelope, } from './types.js';