@openviking/react 0.1.6 → 0.1.8-beta.10.1.g8e5299efeb0a

package/dist/e~0.js

@@ -1,335 +1,40 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useId, useRef, useState } from "react";
-import { createPortal } from "react-dom";
-import { useLocale } from "./28~0.js";
-import { resolveLocale } from "./nx~0.js";
-function useTourAnchor(target, locateTarget, timeout, attempt) {
-    const [state, setState] = useState({
-        anchor: null,
-        failed: false
-    });
-    useEffect(()=>{
-        const controller = new AbortController();
-        setState({
-            anchor: null,
-            failed: false
-        });
-        const timer = window.setTimeout(()=>{
-            controller.abort();
-            setState({
-                anchor: null,
-                failed: true
-            });
-        }, timeout);
-        Promise.resolve().then(()=>locateTarget?.(target, controller.signal) ?? null).then((anchor)=>{
-            if (controller.signal.aborted) return;
-            window.clearTimeout(timer);
-            if (anchor?.isConnected) {
-                anchor.scrollIntoView({
-                    block: 'nearest',
-                    inline: 'nearest'
-                });
-                setState({
-                    anchor,
-                    failed: false
-                });
-            } else setState({
-                anchor: null,
-                failed: true
-            });
-        }, ()=>{
-            if (controller.signal.aborted) return;
-            window.clearTimeout(timer);
-            setState({
-                anchor: null,
-                failed: true
-            });
-        });
-        return ()=>{
-            controller.abort();
-            window.clearTimeout(timer);
-        };
-    }, [
-        target,
-        locateTarget,
-        timeout,
-        attempt
-    ]);
-    return state;
-}
-function useTourPosition(anchor, surface, placement) {
-    const [position, setPosition] = useState();
-    useEffect(()=>{
-        if (!surface) return;
-        surface.showPopover?.();
-        const update = ()=>{
-            const a = anchor?.getBoundingClientRect();
-            const box = surface.getBoundingClientRect();
-            const width = window.innerWidth;
-            const height = window.innerHeight;
-            const margin = 8;
-            let left = (width - box.width) / 2;
-            let top = (height - box.height) / 2;
-            const missing = Boolean(anchor && !anchor.isConnected);
-            let visible = !anchor || missing;
-            if (anchor && a && !missing) {
-                let clip = {
-                    left: 0,
-                    top: 0,
-                    right: width,
-                    bottom: height
-                };
-                for(let parent = anchor.parentElement; parent; parent = parent.parentElement){
-                    const css = window.getComputedStyle(parent);
-                    const rect = parent.getBoundingClientRect();
-                    if (/(auto|scroll|hidden|clip)/.test(css.overflowX)) clip = {
-                        ...clip,
-                        left: Math.max(clip.left, rect.left),
-                        right: Math.min(clip.right, rect.right)
-                    };
-                    if (/(auto|scroll|hidden|clip)/.test(css.overflowY)) clip = {
-                        ...clip,
-                        top: Math.max(clip.top, rect.top),
-                        bottom: Math.min(clip.bottom, rect.bottom)
-                    };
-                }
-                visible = anchor.isConnected && a.width > 0 && a.height > 0 && a.top < clip.bottom && a.bottom > clip.top && a.left < clip.right && a.right > clip.left;
-                const right = a.right + 6;
-                const leftSide = a.left - box.width - 6;
-                left = 'right' === placement ? right + box.width <= width - margin || leftSide < margin ? right : leftSide : leftSide >= margin || right + box.width > width - margin ? leftSide : right;
-                top = a.top - 16;
-                const css = window.getComputedStyle(anchor);
-                for(let i = 0; i < css.length; i++){
-                    const name = css[i];
-                    if (name?.startsWith('--ov-ui-')) surface.style.setProperty(name, css.getPropertyValue(name));
-                }
-            }
-            const next = {
-                left: Math.max(margin, Math.min(left, width - box.width - margin)),
-                top: Math.max(margin, Math.min(top, height - box.height - margin)),
-                targetTop: a?.top ?? 0,
-                targetLeft: a?.left ?? 0,
-                targetWidth: a?.width ?? 0,
-                targetHeight: a?.height ?? 0,
-                visible,
-                missing
-            };
-            setPosition((old)=>old && Object.keys(next).every((key)=>old[key] === next[key]) ? old : next);
-        };
-        update();
-        const resize = new ResizeObserver(update);
-        resize.observe(surface);
-        for(let node = anchor; node; node = node.parentElement)resize.observe(node);
-        const mutation = new MutationObserver(update);
-        mutation.observe(document.body, {
-            childList: true,
-            subtree: true
-        });
-        window.addEventListener('scroll', update, true);
-        window.addEventListener('resize', update);
-        window.visualViewport?.addEventListener('resize', update);
-        window.visualViewport?.addEventListener('scroll', update);
-        return ()=>{
-            resize.disconnect();
-            mutation.disconnect();
-            window.removeEventListener('scroll', update, true);
-            window.removeEventListener('resize', update);
-            window.visualViewport?.removeEventListener('resize', update);
-            window.visualViewport?.removeEventListener('scroll', update);
-            if (surface.isConnected) surface.hidePopover?.();
-        };
-    }, [
-        anchor,
-        surface,
-        placement
-    ]);
-    return position;
-}
-const messages = {
-    close: 'Close guide',
-    next: 'Next',
-    done: 'Got it',
-    locating: 'Locating directory…',
-    unavailable: 'This directory is unavailable. Retry or skip this step.',
-    retry: 'Retry',
-    skip: 'Skip',
-    progress: (current, total)=>`${current}/${total}`
-};
-const en_US = messages;
-const zh_CN_messages = {
-    close: '关闭引导',
-    next: '下一步',
-    done: '知道了',
-    locating: '正在定位目录…',
-    unavailable: '此目录暂不可用，请重试或跳过这一步。',
-    retry: '重试',
-    skip: '跳过',
-    progress: (current, total)=>`${current}/${total}`
-};
-const zh_CN = zh_CN_messages;
-function DirectoryTour(props) {
-    if (!props.open || 0 === props.steps.length) return null;
-    return /*#__PURE__*/ jsx(TourSession, {
-        ...props
-    });
-}
-function TourSession(props) {
-    const [index, setIndex] = useState(props.defaultStep ?? 0);
-    const skipped = useRef(new Set());
-    const current = props.currentStep ?? index;
-    const step = props.steps[current];
-    if (!step) return null;
-    const advance = (skip)=>{
-        if (skip) skipped.current.add(step.id);
-        if (current === props.steps.length - 1) props.onComplete?.({
-            skippedStepIds: [
-                ...skipped.current
-            ]
-        });
-        else {
-            if (void 0 === props.currentStep) setIndex(current + 1);
-            props.onStepChange?.(current + 1);
-        }
-    };
-    return /*#__PURE__*/ jsx(TourStep, {
-        ...props,
-        step: step,
-        index: current,
-        advance: advance
-    }, step.id);
-}
-function TourStep({ step, index, advance, steps, locateTarget, locateTimeout = 10000, placement = 'right', onClose, labels, locale: localeProp, className, style }) {
-    const locale = useLocale(localeProp);
-    const text = resolveLocale({
-        'en-US': en_US,
-        'zh-CN': zh_CN
-    }, locale, labels);
-    const [attempt, retry] = useState(0);
-    const [surface, setSurface] = useState(null);
-    const { anchor, failed } = useTourAnchor(step.target, locateTarget, locateTimeout, attempt);
-    const position = useTourPosition(anchor, surface, placement);
-    const titleId = useId();
-    const bodyId = useId();
-    useEffect(()=>{
-        const close = (event)=>{
-            if ('Escape' === event.key) {
-                event.preventDefault();
-                onClose?.();
-            }
-        };
-        document.addEventListener('keydown', close);
-        return ()=>document.removeEventListener('keydown', close);
-    }, [
-        onClose
-    ]);
-    useEffect(()=>{
-        const previous = document.activeElement;
-        return ()=>{
-            if (previous instanceof HTMLElement && previous.isConnected) previous.focus({
-                preventScroll: true
-            });
-        };
-    }, []);
-    const visible = position?.visible;
-    useEffect(()=>{
-        if (surface && visible) surface.focus({
-            preventScroll: true
-        });
-    }, [
-        surface,
-        visible
-    ]);
-    if ("u" < typeof document) return null;
-    const unavailable = failed || position?.missing;
-    const locating = !anchor && !failed;
-    return /*#__PURE__*/ createPortal(/*#__PURE__*/ jsxs("div", {
-        ref: setSurface,
-        popover: "manual",
-        role: "dialog",
-        "aria-modal": "false",
-        "aria-labelledby": titleId,
-        "aria-describedby": bodyId,
-        "aria-busy": locating,
-        tabIndex: -1,
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const button_Button = /*#__PURE__*/ forwardRef(function({ type = 'default', htmlType = 'button', size = 'default', shape = 'square', icon, iconOnly, loading, long, disabled, className, children, onClick, ...rest }, ref) {
+    const inactive = disabled || loading || true === rest['aria-disabled'] || 'true' === rest['aria-disabled'];
+    const variant = 'default' === type ? 'secondary' : type;
+    const onlyIcon = iconOnly || null != icon && null == children;
+    return /*#__PURE__*/ jsxs("button", {
+        ...rest,
+        ref: ref,
+        type: htmlType,
+        disabled: disabled || loading,
+        "aria-busy": loading || rest['aria-busy'],
         className: [
-            'ov-directory-tour',
+            'ov-button',
+            `ov-button--${variant}`,
+            `ov-button--${size}`,
+            `ov-button--${shape}`,
+            onlyIcon && 'ov-button--icon-only',
+            disabled && 'ov-button--disabled',
+            loading && 'ov-button--loading',
+            long && 'ov-button--long',
             className
         ].filter(Boolean).join(' '),
-        style: {
-            ...style,
-            top: position?.top ?? 0,
-            left: position?.left ?? 0,
-            visibility: position?.visible ? 'visible' : 'hidden'
+        onClick: (event)=>{
+            if (inactive) return void event.preventDefault();
+            onClick?.(event);
         },
         children: [
-            anchor && !unavailable && position?.visible && /*#__PURE__*/ jsx("div", {
-                className: "ov-directory-tour__highlight",
+            loading || null != icon ? /*#__PURE__*/ jsx("span", {
+                className: "ov-button__icon",
                 "aria-hidden": "true",
-                style: {
-                    top: position.targetTop,
-                    left: position.targetLeft,
-                    width: position.targetWidth,
-                    height: position.targetHeight
-                }
-            }),
-            /*#__PURE__*/ jsxs("div", {
-                className: "ov-directory-tour__card",
-                children: [
-                    onClose && /*#__PURE__*/ jsx("button", {
-                        className: "ov-directory-tour__close",
-                        type: "button",
-                        "aria-label": text.close,
-                        onClick: onClose,
-                        children: "\xd7"
-                    }),
-                    !locating && !unavailable && step.illustration && /*#__PURE__*/ jsx("div", {
-                        className: "ov-directory-tour__illustration",
-                        children: step.illustration
-                    }),
-                    /*#__PURE__*/ jsx("h2", {
-                        id: titleId,
-                        className: "ov-directory-tour__title",
-                        children: step.title
-                    }),
-                    /*#__PURE__*/ jsx("div", {
-                        id: bodyId,
-                        className: "ov-directory-tour__description",
-                        role: unavailable ? 'alert' : void 0,
-                        children: unavailable ? text.unavailable : locating ? text.locating : step.description
-                    }),
-                    /*#__PURE__*/ jsxs("footer", {
-                        className: "ov-directory-tour__actions",
-                        children: [
-                            /*#__PURE__*/ jsx("span", {
-                                className: "ov-directory-tour__progress",
-                                "aria-live": "polite",
-                                children: text.progress(index + 1, steps.length)
-                            }),
-                            unavailable ? /*#__PURE__*/ jsxs(Fragment, {
-                                children: [
-                                    /*#__PURE__*/ jsx("button", {
-                                        type: "button",
-                                        onClick: ()=>retry((value)=>value + 1),
-                                        children: text.retry
-                                    }),
-                                    /*#__PURE__*/ jsx("button", {
-                                        type: "button",
-                                        onClick: ()=>advance(true),
-                                        children: text.skip
-                                    })
-                                ]
-                            }) : /*#__PURE__*/ jsx("button", {
-                                type: "button",
-                                className: "ov-directory-tour__primary",
-                                disabled: locating,
-                                onClick: ()=>advance(false),
-                                children: step.nextLabel ?? (index === steps.length - 1 ? text.done : text.next)
-                            })
-                        ]
-                    })
-                ]
-            })
+                children: loading ? /*#__PURE__*/ jsx("span", {
+                    className: "ov-button__spinner"
+                }) : icon
+            }) : null,
+            children
         ]
-    }), document.body);
-}
-export { DirectoryTour };
+    });
+});
+export { button_Button };

package/dist/fi~0.js

@@ -2,21 +2,10 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useId, useRef, useState } from "react";
 import { resolveLocale } from "./nx~0.js";
 import { checkreact } from "./0~0.js";
-import { searchreact } from "./p~0.js";
+import { searchreact } from "./p0~0.js";
+import { input_Input } from "./c7r~0.js";
+import { chevron_downreact } from "./s~0.js";
 import { useLocale, LocaleProvider } from "./28~0.js";
-const SvgChevronDown = (props)=>/*#__PURE__*/ jsx("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 14,
-        height: 14,
-        fill: "none",
-        viewBox: "0 0 14 14",
-        ...props,
-        children: /*#__PURE__*/ jsx("path", {
-            fill: "currentColor",
-            d: "M9.607 5.232a.437.437 0 1 1 .619.619L7.309 8.768a.437.437 0 0 1-.618 0L3.774 5.85a.437.437 0 1 1 .619-.619L7 7.84z"
-        })
-    });
-const chevron_downreact = SvgChevronDown;
 const messages = {
     loading: 'Loading…',
     searchPlaceholder: 'Search',
@@ -93,21 +82,17 @@ function ScopePanel({ label, data, state, slots, actions, onSelect, labels }) {
     const keyword = state?.searchKeyword ?? '';
     const hasKeyword = keyword.trim().length > 0;
     const searchVisible = actions?.onSearchKeywordChange && (hasKeyword || Math.max(options.length, data.options.length, data.total ?? 0) > 10);
-    const search = searchVisible ? /*#__PURE__*/ jsxs("div", {
+    const search = searchVisible ? /*#__PURE__*/ jsx(input_Input, {
+        size: "small",
+        prefix: /*#__PURE__*/ jsx(searchreact, {
+            className: "ov-scope-switcher__search-icon"
+        }),
+        type: "search",
         className: "ov-scope-switcher__search-field",
-        children: [
-            /*#__PURE__*/ jsx(searchreact, {
-                className: "ov-scope-switcher__search-icon"
-            }),
-            /*#__PURE__*/ jsx("input", {
-                type: "search",
-                className: "ov-scope-switcher__search",
-                value: keyword,
-                "aria-label": labels.searchPlaceholder,
-                placeholder: labels.searchPlaceholder,
-                onChange: (event)=>actions?.onSearchKeywordChange?.(event.currentTarget.value)
-            })
-        ]
+        value: keyword,
+        "aria-label": labels.searchPlaceholder,
+        placeholder: labels.searchPlaceholder,
+        onChange: (event)=>actions?.onSearchKeywordChange?.(event.currentTarget.value)
     }) : null;
     let list;
     list = state?.loading ? /*#__PURE__*/ jsx("div", {

package/dist/fj~0.js

@@ -1,15 +1,15 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useId, useRef, useState } from "react";
 import { mergeLabels } from "./nx~0.js";
-import { getFileTypeColor, getFileTypeIcon, WikiWarningIcon, WikiSuccessIcon, WikiEditIcon, WikiDiscussIcon, WikiHistoryIcon, resolveFileTypeIconKey } from "./k~0.js";
+import { getFileTypeColor, resolveFileTypeIconKey, WikiWarningIcon, WikiSuccessIcon, getFileTypeIcon } from "./k~0.js";
 import { Tooltip } from "./rt~0.js";
+import { button_Button } from "./e~0.js";
 import { Popover } from "./r~0.js";
 import { useLocale } from "./28~0.js";
 import { DashboardState } from "./37~0.js";
 const en = {
     title: 'Generation results',
     pendingLabel: 'Pending',
-    discuss: 'VikingBot discussion',
     conflicts: 'All conflicts',
     conflictFiles: 'Conflicting files',
     pending: 'Pending conflicts',
@@ -26,20 +26,15 @@ const en = {
     failed: 'Could not load conflicts',
     retry: 'Retry',
     open: 'Open',
-    edit: 'Manual edit',
     solution: 'Solution',
     occurred: 'Detected',
     fixedAt: 'Resolved',
     evidence: 'Resolution basis',
-    history: 'Resolution history',
-    historyHint: 'View the resolution plan and evidence',
-    unavailable: 'Action unavailable',
     limited: 'Showing up to 100 conflicting files'
 };
 const zh = {
     title: '生成效果',
     pendingLabel: '待确认',
-    discuss: 'VikingBot 对话',
     conflicts: '全部冲突',
     conflictFiles: '冲突文件数',
     pending: '待确认冲突',
@@ -56,14 +51,10 @@ const zh = {
     failed: '冲突加载失败',
     retry: '重试',
     open: '打开',
-    edit: '人工修改',
     solution: '修复方案',
     occurred: '检测时间',
     fixedAt: '修复时间',
     evidence: '修复依据',
-    history: '修复回溯',
-    historyHint: '查看修复方案与依据',
-    unavailable: '当前不可操作',
     limited: '最多展示 100 个存在待确认冲突的文件'
 };
 const wikiLabels = (locale, labels)=>mergeLabels('zh-CN' === locale ? zh : en, labels);
@@ -79,21 +70,23 @@ function WikiFileIcon({ name }) {
         }
     });
 }
-function WikiActionButton({ label, hint, onClick, children, ...aria }) {
+function WikiActionButton({ icon, tooltip, disabled, onClick }) {
+    const inactive = disabled || !onClick;
     return /*#__PURE__*/ jsx(Tooltip, {
-        content: hint,
-        children: /*#__PURE__*/ jsx("button", {
-            ...aria,
-            type: "button",
-            "aria-label": label,
-            "aria-disabled": !onClick || void 0,
-            "aria-description": onClick ? void 0 : hint,
-            onClick: ()=>onClick?.(),
-            children: children
+        content: tooltip,
+        children: /*#__PURE__*/ jsx(button_Button, {
+            size: "mini",
+            type: "text",
+            iconOnly: true,
+            htmlType: "button",
+            "aria-label": tooltip,
+            "aria-disabled": inactive || void 0,
+            icon: icon,
+            onClick: onClick
         })
     });
 }
-function WikiConflictCard({ conflict, path, labels: t, editDisabledReason, discussDisabledReason, onOpenUri, onEdit, onDiscuss }) {
+function WikiConflictCard({ conflict, path, labels: t, actions = [], onOpenUri }) {
     const [expanded, setExpanded] = useState(false);
     const id = useId();
     const fixed = 'fixed' === conflict.state;
@@ -102,7 +95,11 @@ function WikiConflictCard({ conflict, path, labels: t, editDisabledReason, discu
         className: "ov-wiki-dashboard__conflict",
         children: [
             /*#__PURE__*/ jsxs("div", {
-                className: `ov-wiki-dashboard__conflict-row${path ? '' : ' ov-wiki-dashboard__conflict-row--without-path'}`,
+                className: [
+                    'ov-wiki-dashboard__conflict-row',
+                    !path && 'ov-wiki-dashboard__conflict-row--without-path',
+                    actions.length > 0 && 'ov-wiki-dashboard__conflict-row--with-actions'
+                ].filter(Boolean).join(' '),
                 children: [
                     /*#__PURE__*/ jsxs("span", {
                         className: `ov-wiki-dashboard__status ov-wiki-dashboard__status--${conflict.state}`,
@@ -159,41 +156,12 @@ function WikiConflictCard({ conflict, path, labels: t, editDisabledReason, discu
                         className: `ov-wiki-dashboard__severity ov-wiki-dashboard__severity--${conflict.severity}`,
                         children: t[conflict.severity]
                     }),
-                    /*#__PURE__*/ jsx("div", {
+                    actions.length > 0 ? /*#__PURE__*/ jsx("div", {
                         className: "ov-wiki-dashboard__actions",
-                        children: fixed ? /*#__PURE__*/ jsx(WikiActionButton, {
-                            label: t.history,
-                            hint: t.historyHint,
-                            "aria-expanded": expanded,
-                            "aria-controls": id,
-                            onClick: ()=>setExpanded(!expanded),
-                            children: /*#__PURE__*/ jsx(WikiHistoryIcon, {
-                                width: 14,
-                                height: 14
-                            })
-                        }) : /*#__PURE__*/ jsxs(Fragment, {
-                            children: [
-                                /*#__PURE__*/ jsx(WikiActionButton, {
-                                    label: `${t.edit}: ${conflict.description}`,
-                                    hint: onEdit ? t.edit : editDisabledReason || t.unavailable,
-                                    onClick: onEdit ? ()=>onEdit(conflict) : void 0,
-                                    children: /*#__PURE__*/ jsx(WikiEditIcon, {
-                                        width: 14,
-                                        height: 14
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx(WikiActionButton, {
-                                    label: `${t.discuss}: ${conflict.description}`,
-                                    hint: onDiscuss ? t.discuss : discussDisabledReason || t.unavailable,
-                                    onClick: onDiscuss ? ()=>onDiscuss(conflict) : void 0,
-                                    children: /*#__PURE__*/ jsx(WikiDiscussIcon, {
-                                        width: 14,
-                                        height: 14
-                                    })
-                                })
-                            ]
-                        })
-                    })
+                        children: actions.map(({ key, ...action })=>/*#__PURE__*/ jsx(WikiActionButton, {
+                                ...action
+                            }, key))
+                    }) : null
                 ]
             }),
             /*#__PURE__*/ jsx("div", {
@@ -384,7 +352,7 @@ function WikiSeverityFilter({ value, onChange, labels: t }) {
     });
 }
 function WikiDashboard(props) {
-    const { kind, data, editDisabledReason, discussDisabledReason, locale: localeProp, onOpenUri, onOpenDashboard, onEdit, onDiscuss, labels, loading, error, onRetry, className, ...rest } = props;
+    const { kind, data, locale: localeProp, onOpenUri, onOpenDashboard, defineActions, labels, loading, error, onRetry, className, ...rest } = props;
     const locale = useLocale(localeProp);
     const t = wikiLabels(locale, labels);
     const [severity, setSeverity] = useState('all');
@@ -445,15 +413,14 @@ function WikiDashboard(props) {
                                 conflict: conflict,
                                 path: data?.path,
                                 labels: t,
-                                editDisabledReason: editDisabledReason,
-                                discussDisabledReason: discussDisabledReason,
                                 onOpenUri: onOpenUri,
-                                onEdit: onEdit,
-                                onDiscuss: onDiscuss
+                                actions: defineActions?.(conflict)
                             }, conflict.id))
                     }) : 'directory' === kind && data?.files.length ? /*#__PURE__*/ jsx("ul", {
                         className: "ov-wiki-dashboard__files",
-                        children: data.files.map((file)=>/*#__PURE__*/ jsxs("li", {
+                        children: data.files.map((file)=>{
+                            const actions = defineActions?.(file) ?? [];
+                            return /*#__PURE__*/ jsxs("li", {
                                 children: [
                                     /*#__PURE__*/ jsx(WikiFileIcon, {
                                         name: file
@@ -473,13 +440,15 @@ function WikiDashboard(props) {
                                             })
                                         ]
                                     }),
-                                    onEdit ? /*#__PURE__*/ jsx("button", {
-                                        type: "button",
-                                        onClick: ()=>onEdit(file),
-                                        children: t.edit
+                                    actions.length > 0 ? /*#__PURE__*/ jsx("div", {
+                                        className: "ov-wiki-dashboard__actions",
+                                        children: actions.map(({ key, ...action })=>/*#__PURE__*/ jsx(WikiActionButton, {
+                                                ...action
+                                            }, key))
                                     }) : null
                                 ]
-                            }, file))
+                            }, file);
+                        })
                     }) : /*#__PURE__*/ jsx(DashboardState, {
                         state: {
                             loading,