@openviking/react 0.1.6 → 0.1.7

package/dist/f~0.js

@@ -1,700 +1,339 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useId, useState } from "react";
-import { mergeLabels } from "./nx~0.js";
-import { FileInputIcon, ScanSearchIcon, ActivityIcon } from "./k~0.js";
-import { DashboardState } from "./37~0.js";
-import { useLocale } from "./28~0.js";
-function DashboardTabs({ tabs, active, label, onChange, children }) {
-    const id = useId();
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsx("div", {
-                className: "ov-dashboard-tabs",
-                role: "tablist",
-                tabIndex: -1,
-                "aria-label": label,
-                onKeyDown: (event)=>{
-                    const delta = 'ArrowRight' === event.key ? 1 : 'ArrowLeft' === event.key ? -1 : 0;
-                    if (!delta && 'Home' !== event.key && 'End' !== event.key) return;
-                    event.preventDefault();
-                    const index = 'Home' === event.key ? 0 : 'End' === event.key ? tabs.length - 1 : (tabs.findIndex((tab)=>tab.key === active) + delta + tabs.length) % tabs.length;
-                    onChange(tabs[index].key);
-                    const buttons = event.currentTarget.querySelectorAll('[role="tab"]');
-                    buttons[index]?.focus();
-                },
-                children: tabs.map((tab)=>/*#__PURE__*/ jsx("button", {
-                        type: "button",
-                        id: `${id}-${tab.key}`,
-                        role: "tab",
-                        "aria-selected": active === tab.key,
-                        "aria-controls": `${id}-panel`,
-                        tabIndex: active === tab.key ? 0 : -1,
-                        onClick: ()=>onChange(tab.key),
-                        children: tab.title
-                    }, tab.key))
-            }),
-            /*#__PURE__*/ jsx("div", {
-                role: "tabpanel",
-                id: `${id}-panel`,
-                "aria-labelledby": `${id}-${active}`,
-                className: "ov-dashboard-tabpanel",
-                children: children
-            })
-        ]
-    });
-}
-const en = {
-    latest: 'Latest experience',
-    sourceCount: 'Generated from {count} trajectories',
-    sourceUri: 'Source Trajectory URI',
-    task: 'Task',
-    copy: 'Copy',
-    copied: 'Copied',
-    copyFailed: 'Copy failed',
-    title: 'Agent experiences',
-    allExperiences: 'All experiences',
-    index: 'No.',
-    impact: 'Application impact',
-    source: 'Source trace',
-    test: 'Test',
-    application: 'Experience application data',
-    notice: 'AI-generated data may contain errors',
-    injection: 'Context injections',
-    recall: 'Retrieval recalls',
-    listRecall: 'Experience recalls',
-    rate: 'Injection rate',
-    outcomes: 'Outcome distribution',
-    trajectories: 'Application trajectories',
-    empty: 'No experiences',
-    emptySource: 'No source records',
-    emptyTests: 'No test materials',
-    emptyOutcomes: 'No distribution data',
+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 { input_Input } from "./c7r~0.js";
+import { chevron_downreact } from "./s~0.js";
+import { useLocale, LocaleProvider } from "./28~0.js";
+const messages = {
     loading: 'Loading…',
-    failed: 'Could not load data',
-    retry: 'Retry',
-    previous: 'Previous',
-    next: 'Next',
-    all: 'All time',
-    week: 'Last 7 days',
-    month: 'Last 30 days',
-    range: 'Statistics period',
-    updated: 'Updated',
-    name: 'Experience',
-    success: 'Task success',
-    partial: 'Partial success',
-    unfinished: 'Unfinished',
-    failure: 'Failure',
-    unknown: 'Unknown',
-    unsupportedMetric: 'Metric not provided',
-    open: 'Open'
+    searchPlaceholder: 'Search',
+    empty: 'No options',
+    noMatch: 'No matches',
+    error: 'Unable to load options'
 };
-const zh = {
-    latest: '最新经验',
-    sourceCount: '由 {count} 条轨迹生成',
-    sourceUri: '来源 Trajectory URI',
-    task: '任务描述',
-    copy: '复制',
-    copied: '已复制',
-    copyFailed: '复制失败',
-    title: 'Agent 经验',
-    allExperiences: '全部经验',
-    index: '序号',
-    impact: '应用效果',
-    source: '来源追溯',
-    test: '测试',
-    application: '经验应用数据',
-    notice: '数据由 AI 生成，可能有误',
-    injection: '注入上下文次数',
-    recall: '检索召回次数',
-    listRecall: '经验召回次数',
-    rate: '注入率',
-    outcomes: '任务结果分布',
-    trajectories: '应用轨迹记录',
-    empty: '暂无经验',
-    emptySource: '暂无来源记录',
-    emptyTests: '暂无测试材料',
-    emptyOutcomes: '暂无可用分布数据',
+const en_US = messages;
+const zh_CN_messages = {
     loading: '加载中…',
-    failed: '数据加载失败',
-    retry: '重试',
-    previous: '上一页',
-    next: '下一页',
-    all: '全部时间',
-    week: '最近 7 天',
-    month: '最近 30 天',
-    range: '选择统计时间范围',
-    updated: '更新于',
-    name: '经验文件',
-    success: '任务成功',
-    partial: '部分成功',
-    unfinished: '未完成',
-    failure: '失败',
-    unknown: '未知',
-    unsupportedMetric: '未提供此指标',
-    open: '打开'
+    searchPlaceholder: '搜索',
+    empty: '暂无选项',
+    noMatch: '没有匹配项',
+    error: '选项加载失败'
+};
+const zh_CN = zh_CN_messages;
+const LOCALES = {
+    'en-US': en_US,
+    'zh-CN': zh_CN
 };
-const experienceLabels = (locale, labels)=>mergeLabels('zh-CN' === locale ? zh : en, labels);
-function updatedAt(value, locale) {
-    const time = Date.parse(value);
-    if (!Number.isFinite(time)) return value;
-    const seconds = (time - Date.now()) / 1000;
-    const absolute = Math.abs(seconds);
-    if (absolute >= 604800) return new Intl.DateTimeFormat(locale).format(time);
-    const [unit, size] = absolute < 3600 ? [
-        'minute',
-        60
-    ] : absolute < 86400 ? [
-        'hour',
-        3600
-    ] : [
-        'day',
-        86400
-    ];
-    return new Intl.RelativeTimeFormat(locale, {
-        numeric: 'always'
-    }).format(Math.round(seconds / size), unit);
+function resolveScopeLabels(locale = 'en-US', labels) {
+    const defaults = resolveLocale(LOCALES, locale, labels);
+    return {
+        ...defaults,
+        noMatch: labels?.noMatch ?? labels?.empty ?? defaults.noMatch
+    };
 }
-function ExperienceList({ items, total, startIndex = 0, locale = 'en-US', labels: t, onOpenUri }) {
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsxs("h2", {
-                className: "ov-experience-dashboard__list-title",
-                children: [
-                    t.allExperiences,
-                    void 0 === total ? '' : ` · ${total}`
-                ]
-            }),
-            /*#__PURE__*/ jsx("div", {
-                className: "ov-experience-dashboard__table-scroll",
-                tabIndex: 0,
-                role: "region",
-                "aria-label": t.title,
-                children: /*#__PURE__*/ jsxs("table", {
-                    className: "ov-experience-dashboard__table",
-                    children: [
-                        /*#__PURE__*/ jsx("caption", {
-                            children: t.title
-                        }),
-                        /*#__PURE__*/ jsx("thead", {
-                            children: /*#__PURE__*/ jsxs("tr", {
-                                children: [
-                                    /*#__PURE__*/ jsx("th", {
-                                        scope: "col",
-                                        children: t.index
-                                    }),
-                                    /*#__PURE__*/ jsx("th", {
-                                        scope: "col",
-                                        children: t.name
-                                    }),
-                                    /*#__PURE__*/ jsx("th", {
-                                        scope: "col",
-                                        children: t.injection
-                                    }),
-                                    /*#__PURE__*/ jsx("th", {
-                                        scope: "col",
-                                        children: t.listRecall
-                                    })
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ jsx("tbody", {
-                            children: items.map((item, index)=>/*#__PURE__*/ jsxs("tr", {
-                                    children: [
-                                        /*#__PURE__*/ jsxs("td", {
-                                            children: [
-                                                "# ",
-                                                startIndex + index + 1
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsxs("th", {
-                                            scope: "row",
-                                            children: [
-                                                /*#__PURE__*/ jsx("button", {
-                                                    type: "button",
-                                                    disabled: !onOpenUri,
-                                                    onClick: ()=>onOpenUri?.(item.uri),
-                                                    children: item.name
-                                                }),
-                                                /*#__PURE__*/ jsxs("span", {
-                                                    children: [
-                                                        /*#__PURE__*/ jsx("code", {
-                                                            title: item.uri,
-                                                            children: item.uri
-                                                        }),
-                                                        item.modTime ? /*#__PURE__*/ jsxs("time", {
-                                                            dateTime: item.modTime,
-                                                            title: item.modTime,
-                                                            children: [
-                                                                "\xb7 ",
-                                                                t.updated,
-                                                                " ",
-                                                                updatedAt(item.modTime, locale)
-                                                            ]
-                                                        }) : null
-                                                    ]
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsx("td", {
-                                            children: item.injectionCount ?? '—'
-                                        }),
-                                        /*#__PURE__*/ jsx("td", {
-                                            children: item.recallCount ?? '—'
-                                        })
-                                    ]
-                                }, item.uri))
-                        })
-                    ]
-                })
-            })
-        ]
-    });
+function moveScopeFocus(event) {
+    if (![
+        'ArrowDown',
+        'ArrowUp',
+        'Home',
+        'End'
+    ].includes(event.key)) return;
+    const target = event.target;
+    const isSearch = target.matches('input.ov-scope-switcher__search');
+    if (event.defaultPrevented || !target.matches('[role="option"]') && !isSearch || isSearch && !event.key.startsWith('Arrow')) return;
+    const options = Array.from(event.currentTarget.querySelectorAll('[role="option"]:not([aria-disabled="true"])'));
+    if (!options.length) return;
+    event.preventDefault();
+    const current = options.indexOf(document.activeElement);
+    const next = 'Home' === event.key ? 0 : 'End' === event.key ? options.length - 1 : 'ArrowDown' === event.key ? (current + 1) % options.length : current < 0 ? options.length - 1 : (current - 1 + options.length) % options.length;
+    options[next]?.focus();
 }
-function ExperienceTrajectories({ items, onOpenUri, source = false }) {
-    return /*#__PURE__*/ jsx("ul", {
-        className: `ov-experience-dashboard__timeline${source ? ' ov-experience-dashboard__timeline--source' : ''}`,
-        children: items.map((item)=>/*#__PURE__*/ jsxs("li", {
-                children: [
-                    item.created_at ? /*#__PURE__*/ jsx("time", {
-                        dateTime: item.created_at,
-                        children: item.created_at
-                    }) : null,
-                    /*#__PURE__*/ jsx("button", {
-                        type: "button",
-                        disabled: !onOpenUri,
-                        onClick: ()=>onOpenUri?.(item.uri),
-                        children: item.name
-                    }),
-                    /*#__PURE__*/ jsx("code", {
-                        children: item.uri
-                    }),
-                    item.description ? /*#__PURE__*/ jsx("p", {
-                        children: item.description
-                    }) : null
-                ]
-            }, item.uri))
+function Highlight({ text, keyword }) {
+    const needle = keyword.trim().toLocaleLowerCase();
+    if (!needle) return /*#__PURE__*/ jsx(Fragment, {
+        children: text
+    });
+    const haystack = text.toLocaleLowerCase();
+    const parts = [];
+    let cursor = 0;
+    let hit = haystack.indexOf(needle);
+    while(hit >= 0){
+        if (hit > cursor) parts.push(text.slice(cursor, hit));
+        const end = hit + needle.length;
+        parts.push(/*#__PURE__*/ jsx("mark", {
+            children: text.slice(hit, end)
+        }, `${hit}-${end}`));
+        cursor = end;
+        hit = haystack.indexOf(needle, cursor);
+    }
+    if (cursor < text.length) parts.push(text.slice(cursor));
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: parts
     });
 }
-const ORDER = [
-    'success',
-    'partial',
-    'unfinished',
-    'failure',
-    'unknown'
-];
-function ExperienceImpact({ data, labels: t, days, onDaysChange, outcomesState, trajectoriesState, onOpenUri }) {
-    const total = data.outcomes?.reduce((sum, item)=>sum + item.count, 0) ?? 0;
-    const metrics = [
-        {
-            label: t.injection,
-            value: data.effect?.injectionCount,
-            icon: /*#__PURE__*/ jsx(FileInputIcon, {
-                width: 14,
-                height: 14
-            })
-        },
-        {
-            label: t.recall,
-            value: data.effect?.recallCount,
-            icon: /*#__PURE__*/ jsx(ScanSearchIcon, {
-                width: 14,
-                height: 14
-            })
+function ScopePanel({ label, data, state, slots, actions, onSelect, labels }) {
+    const focusPanel = useCallback((node)=>{
+        const target = node?.querySelector('input') ?? node?.querySelector('[role="option"][aria-selected="true"]:not([aria-disabled="true"])') ?? node?.querySelector('[role="option"]:not([aria-disabled="true"])');
+        (target ?? node)?.focus();
+    }, []);
+    const options = data.visibleOptions ?? data.options;
+    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__*/ jsx(input_Input, {
+        size: "small",
+        prefix: /*#__PURE__*/ jsx(searchreact, {
+            className: "ov-scope-switcher__search-icon"
+        }),
+        type: "search",
+        className: "ov-scope-switcher__search-field",
+        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", {
+        className: "ov-scope-switcher__state",
+        role: "status",
+        children: labels.loading
+    }) : state?.error ? /*#__PURE__*/ jsx("div", {
+        className: "ov-scope-switcher__state",
+        role: "alert",
+        children: slots?.errorFallback ?? labels.error
+    }) : options.length ? /*#__PURE__*/ jsx("div", {
+        className: "ov-scope-switcher__list",
+        role: "listbox",
+        "aria-label": label,
+        "aria-busy": state?.busy,
+        onScroll: (event)=>{
+            const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;
+            actions?.onScroll?.({
+                scrollTop,
+                scrollHeight,
+                clientHeight
+            });
         },
-        {
-            label: t.rate,
-            value: data.effect ? new Intl.NumberFormat('en-US', {
-                style: 'percent',
-                maximumFractionDigits: 1
-            }).format(data.effect.injectionRate) : void 0,
-            icon: /*#__PURE__*/ jsx(ActivityIcon, {
-                width: 14,
-                height: 14
-            })
-        }
-    ];
-    return /*#__PURE__*/ jsxs("div", {
-        className: "ov-experience-dashboard__impact",
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: "ov-experience-dashboard__heading",
+        children: options.map((option)=>{
+            const selected = option.id === data.selectedId;
+            const content = /*#__PURE__*/ jsxs(Fragment, {
                 children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        children: [
-                            /*#__PURE__*/ jsx("h2", {
-                                children: t.application
-                            }),
-                            /*#__PURE__*/ jsx("span", {
-                                children: t.notice
-                            })
-                        ]
+                    option.icon && /*#__PURE__*/ jsx("span", {
+                        className: "ov-scope-switcher__icon",
+                        "aria-hidden": "true",
+                        children: option.icon
                     }),
-                    /*#__PURE__*/ jsxs("select", {
-                        "aria-label": t.range,
-                        value: days,
-                        onChange: (event)=>onDaysChange(Number(event.target.value)),
+                    /*#__PURE__*/ jsxs("span", {
+                        className: "ov-scope-switcher__option-text",
                         children: [
-                            /*#__PURE__*/ jsx("option", {
-                                value: 7,
-                                children: t.week
-                            }),
-                            /*#__PURE__*/ jsx("option", {
-                                value: 30,
-                                children: t.month
-                            }),
-                            /*#__PURE__*/ jsx("option", {
-                                value: 0,
-                                children: t.all
-                            })
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx("dl", {
-                className: "ov-experience-dashboard__metrics",
-                children: metrics.map((metric)=>/*#__PURE__*/ jsxs("div", {
-                        title: void 0 === metric.value ? t.unsupportedMetric : void 0,
-                        children: [
-                            metric.icon,
-                            /*#__PURE__*/ jsx("dd", {
-                                children: metric.value ?? '—'
-                            }),
-                            /*#__PURE__*/ jsx("dt", {
-                                children: metric.label
-                            })
-                        ]
-                    }, metric.label))
-            }),
-            /*#__PURE__*/ jsx("section", {
-                className: "ov-experience-dashboard__distribution",
-                "aria-label": t.outcomes,
-                children: data.outcomes?.length ? ORDER.map((outcome)=>{
-                    const count = data.outcomes?.find((item)=>item.outcome === outcome)?.count ?? 0;
-                    return /*#__PURE__*/ jsxs("div", {
-                        className: "ov-experience-dashboard__outcome",
-                        children: [
-                            /*#__PURE__*/ jsxs("div", {
-                                children: [
-                                    /*#__PURE__*/ jsx("span", {
-                                        children: t[outcome]
-                                    }),
-                                    /*#__PURE__*/ jsx("strong", {
-                                        children: count
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsx("div", {
-                                className: "ov-experience-dashboard__outcome-track",
-                                "aria-hidden": "true",
-                                children: /*#__PURE__*/ jsx("span", {
-                                    style: {
-                                        width: `${total > 0 ? Math.max(count / total * 100, count ? 2 : 0) : 0}%`
-                                    }
+                            /*#__PURE__*/ jsx("span", {
+                                children: /*#__PURE__*/ jsx(Highlight, {
+                                    text: option.label,
+                                    keyword: keyword
                                 })
+                            }),
+                            option.description && /*#__PURE__*/ jsx("small", {
+                                children: option.description
                             })
                         ]
-                    }, outcome);
-                }) : /*#__PURE__*/ jsx(DashboardState, {
-                    state: outcomesState,
-                    empty: t.emptyOutcomes,
-                    loading: t.loading,
-                    failed: t.failed,
-                    retry: t.retry
-                })
-            }),
-            /*#__PURE__*/ jsxs("section", {
-                className: "ov-experience-dashboard__trajectories",
-                children: [
-                    /*#__PURE__*/ jsxs("h3", {
-                        children: [
-                            t.trajectories,
-                            void 0 === data.trajectoryTotal ? '' : ` · ${data.trajectoryTotal}`
-                        ]
                     }),
-                    data.trajectories?.length ? /*#__PURE__*/ jsx(ExperienceTrajectories, {
-                        items: data.trajectories,
-                        onOpenUri: onOpenUri
-                    }) : /*#__PURE__*/ jsx(DashboardState, {
-                        state: trajectoriesState,
-                        empty: t.empty,
-                        loading: t.loading,
-                        failed: t.failed,
-                        retry: t.retry
+                    selected && /*#__PURE__*/ jsx("span", {
+                        className: "ov-scope-switcher__check",
+                        "aria-hidden": "true",
+                        children: /*#__PURE__*/ jsx(checkreact, {})
                     })
                 ]
-            })
-        ]
-    });
-}
-function CopyButton({ value, labels: t }) {
-    const [result, setResult] = useState();
-    const state = result?.value === value ? result.state : void 0;
-    const copy = async ()=>{
-        setResult({
-            value,
-            state: 'pending'
-        });
-        try {
-            await navigator.clipboard.writeText(value);
-            setResult({
-                value,
-                state: 'copied'
-            });
-        } catch  {
-            setResult({
-                value,
-                state: 'failed'
             });
-        }
-    };
-    return /*#__PURE__*/ jsx("button", {
-        type: "button",
-        disabled: !value || 'pending' === state,
-        "aria-live": "polite",
-        onClick: ()=>void copy(),
-        children: 'copied' === state ? t.copied : 'failed' === state ? t.copyFailed : t.copy
+            return /*#__PURE__*/ jsx("div", {
+                tabIndex: option.disabled || state?.busy ? -1 : 0,
+                role: "option",
+                "aria-selected": selected,
+                className: "ov-scope-switcher__option",
+                title: option.label,
+                "aria-disabled": option.disabled || state?.busy || void 0,
+                onClick: (event)=>{
+                    const target = event.target;
+                    if (option.disabled || state?.busy || target.closest('button, a, input, select, textarea, [role="button"]')) return;
+                    onSelect(option);
+                },
+                onKeyDown: (event)=>{
+                    if (event.target !== event.currentTarget || option.disabled || state?.busy) return;
+                    if ('Enter' === event.key || ' ' === event.key) {
+                        event.preventDefault();
+                        onSelect(option);
+                    }
+                },
+                children: slots?.renderOption ? slots?.renderOption(content, option) : content
+            }, option.id);
+        })
+    }, keyword) : /*#__PURE__*/ jsx("div", {
+        className: "ov-scope-switcher__state",
+        role: "status",
+        children: slots?.emptyFallback ?? (hasKeyword ? labels.noMatch : labels.empty)
     });
-}
-function ExperienceTests({ items, labels: t, onOpenUri }) {
     return /*#__PURE__*/ jsx("div", {
-        className: "ov-experience-dashboard__tests",
-        children: items.map((item)=>/*#__PURE__*/ jsxs("article", {
-                children: [
-                    /*#__PURE__*/ jsxs("header", {
-                        children: [
-                            /*#__PURE__*/ jsxs("div", {
-                                className: "ov-experience-dashboard__test-heading",
-                                children: [
-                                    /*#__PURE__*/ jsx("strong", {
-                                        children: item.title
-                                    }),
-                                    /*#__PURE__*/ jsxs("div", {
-                                        className: "ov-experience-dashboard__test-meta",
-                                        children: [
-                                            /*#__PURE__*/ jsx("span", {
-                                                children: t.sourceUri
-                                            }),
-                                            /*#__PURE__*/ jsx("code", {
-                                                title: item.uri,
-                                                children: item.uri ?? '—'
-                                            }),
-                                            item.uri ? /*#__PURE__*/ jsxs(Fragment, {
-                                                children: [
-                                                    /*#__PURE__*/ jsx(CopyButton, {
-                                                        value: item.uri,
-                                                        labels: t
-                                                    }),
-                                                    /*#__PURE__*/ jsx("button", {
-                                                        type: "button",
-                                                        disabled: !onOpenUri,
-                                                        onClick: ()=>item.uri && onOpenUri?.(item.uri),
-                                                        children: t.open
-                                                    })
-                                                ]
-                                            }) : null
-                                        ]
-                                    }),
-                                    item.taskQuery ? /*#__PURE__*/ jsxs("div", {
-                                        className: "ov-experience-dashboard__test-meta",
-                                        children: [
-                                            /*#__PURE__*/ jsx("span", {
-                                                children: t.task
-                                            }),
-                                            /*#__PURE__*/ jsx("p", {
-                                                children: item.taskQuery
-                                            })
-                                        ]
-                                    }) : null
-                                ]
-                            }),
-                            /*#__PURE__*/ jsx(CopyButton, {
-                                value: item.content,
-                                labels: t
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsx("div", {
-                        className: "ov-experience-dashboard__test-content",
-                        children: item.content.split('\n').map((line, index)=>{
-                            const role = line.match(/^(User|Assistant):(.*)$/);
-                            return /*#__PURE__*/ jsx("div", {
-                                children: role ? /*#__PURE__*/ jsxs(Fragment, {
-                                    children: [
-                                        /*#__PURE__*/ jsxs("strong", {
-                                            children: [
-                                                role[1],
-                                                ":"
-                                            ]
-                                        }),
-                                        role[2]
-                                    ]
-                                }) : line.startsWith('# ') ? /*#__PURE__*/ jsx("strong", {
-                                    children: line
-                                }) : line || '\u00a0'
-                            }, index);
-                        })
-                    })
-                ]
-            }, item.id))
+        role: "group",
+        tabIndex: -1,
+        ref: focusPanel,
+        className: "ov-scope-switcher__panel-inner",
+        onKeyDownCapture: moveScopeFocus,
+        children: slots?.renderPanel ? slots?.renderPanel({
+            search,
+            list
+        }) : /*#__PURE__*/ jsxs("div", {
+            className: "ov-scope-switcher__panel-body",
+            children: [
+                search,
+                list
+            ]
+        })
     });
 }
-function ExperiencePagination({ page, hasMore, loading, labels: t, onPageChange }) {
-    if (!page && !hasMore) return null;
-    return /*#__PURE__*/ jsxs("div", {
-        className: "ov-experience-dashboard__pagination",
+function ScopeSelector(props) {
+    const { identity, trigger: triggerContent } = props;
+    const locale = useLocale(props.locale);
+    const labels = resolveScopeLabels(locale, props.labels);
+    const selectable = 'selectable' === props.kind ? props : void 0;
+    const data = selectable?.data;
+    const state = selectable?.state;
+    const actions = selectable?.actions;
+    const slots = selectable?.slots;
+    const [localVisible, setLocalVisible] = useState(false);
+    const root = useRef(null);
+    const trigger = useRef(null);
+    const restoreSelectionFocus = useRef(false);
+    const panelId = useId();
+    const open = void 0 !== selectable && (state?.visible ?? localVisible) && !state?.disabled;
+    const onVisibleChange = actions?.onVisibleChange;
+    const changeVisible = useCallback((visible)=>{
+        setLocalVisible(visible);
+        onVisibleChange?.(visible);
+    }, [
+        onVisibleChange
+    ]);
+    useEffect(()=>{
+        if (!open) return;
+        const dismiss = (event)=>{
+            if (event.target instanceof Node && !root.current?.contains(event.target)) changeVisible(false);
+        };
+        const escape = (event)=>{
+            if ('Escape' === event.key) {
+                event.preventDefault();
+                changeVisible(false);
+                trigger.current?.focus();
+            }
+        };
+        document.addEventListener('pointerdown', dismiss);
+        document.addEventListener('keydown', escape);
+        return ()=>{
+            document.removeEventListener('pointerdown', dismiss);
+            document.removeEventListener('keydown', escape);
+        };
+    }, [
+        open,
+        changeVisible
+    ]);
+    useEffect(()=>{
+        if (open || !restoreSelectionFocus.current) return;
+        restoreSelectionFocus.current = false;
+        if (document.activeElement === document.body || root.current?.contains(document.activeElement)) trigger.current?.focus();
+    }, [
+        open
+    ]);
+    const selected = data?.options.find((o)=>o.id === data.selectedId);
+    const label = triggerContent?.label ?? selected?.label ?? '';
+    const icon = triggerContent?.icon ?? selected?.icon;
+    const content = /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            /*#__PURE__*/ jsx("button", {
-                type: "button",
-                disabled: !page || loading || !onPageChange,
-                onClick: ()=>onPageChange?.(page - 1),
-                children: t.previous
+            icon && /*#__PURE__*/ jsx("span", {
+                className: "ov-scope-switcher__icon",
+                "aria-hidden": "true",
+                children: icon
             }),
             /*#__PURE__*/ jsx("span", {
-                children: page + 1
+                className: "ov-scope-switcher__label",
+                children: label
             }),
-            /*#__PURE__*/ jsx("button", {
-                type: "button",
-                disabled: !hasMore || loading || !onPageChange,
-                onClick: ()=>onPageChange?.(page + 1),
-                children: t.next
+            identity.tag && /*#__PURE__*/ jsx("span", {
+                className: "ov-scope-switcher__tag",
+                children: identity.tag
             })
         ]
     });
-}
-function ExperienceDashboard(props) {
-    return /*#__PURE__*/ jsx(ExperienceDashboardContent, {
-        ...props
-    }, props.uri);
-}
-function ExperienceDashboardContent({ uri, data = {}, kind, tab: controlledTab, days: controlledDays, page = 0, hasMore = false, startIndex = 0, states = {}, onTabChange, onDaysChange, onPageChange, locale: localeProp, onOpenUri, labels, className, ...rest }) {
-    const locale = useLocale(localeProp);
-    const [localTab, setLocalTab] = useState('impact');
-    const [localDays, setLocalDays] = useState(7);
-    const selectedTab = controlledTab ?? localTab;
-    const missingTest = void 0 === data.testMaterials;
-    const tab = 'test' === selectedTab && missingTest ? 'impact' : selectedTab;
-    if ('test' === localTab && missingTest) setLocalTab('impact');
-    const days = controlledDays ?? localDays;
-    const setTab = (value)=>{
-        setLocalTab(value);
-        onTabChange?.(value);
-    };
-    const setDays = (value)=>{
-        setLocalDays(value);
-        onDaysChange?.(value);
-    };
-    const t = experienceLabels(locale, labels);
-    const directory = 'directory' === kind;
-    const result = data;
-    const tabs = [
-        {
-            key: 'impact',
-            title: t.impact
-        },
-        {
-            key: 'source',
-            title: t.source
+    return /*#__PURE__*/ jsxs("div", {
+        ref: root,
+        role: "group",
+        className: "ov-scope-switcher__level",
+        onBlur: (event)=>{
+            if (open && event.relatedTarget instanceof Node && !event.currentTarget.contains(event.relatedTarget)) changeVisible(false);
         },
-        ...void 0 === result.testMaterials ? [] : [
-            {
-                key: 'test',
-                title: t.test
-            }
-        ]
-    ];
-    const activeState = directory ? states.list : 'source' === tab ? states.sources : states.trajectories;
-    const pagination = /*#__PURE__*/ jsx(ExperiencePagination, {
-        page: page,
-        hasMore: hasMore,
-        loading: activeState?.loading,
-        labels: t,
-        onPageChange: onPageChange
-    });
-    return /*#__PURE__*/ jsx("div", {
-        ...rest,
-        "data-resource-uri": uri,
-        className: [
-            'ov-experience-dashboard',
-            className
-        ].filter(Boolean).join(' '),
-        children: directory ? /*#__PURE__*/ jsxs("div", {
-            className: "ov-experience-dashboard__body",
-            children: [
-                result.experiences?.length ? /*#__PURE__*/ jsx(ExperienceList, {
-                    items: result.experiences,
-                    total: result.total,
-                    locale: locale,
-                    startIndex: startIndex,
-                    labels: t,
-                    onOpenUri: onOpenUri
-                }) : /*#__PURE__*/ jsx(DashboardState, {
-                    state: states.list,
-                    empty: t.empty,
-                    loading: t.loading,
-                    failed: t.failed,
-                    retry: t.retry
-                }),
-                pagination
-            ]
-        }) : /*#__PURE__*/ jsx(DashboardTabs, {
-            tabs: tabs,
-            active: tab,
-            label: t.title,
-            onChange: setTab,
-            children: /*#__PURE__*/ jsx("div", {
-                className: "ov-experience-dashboard__body",
-                children: 'impact' === tab ? /*#__PURE__*/ jsxs(Fragment, {
-                    children: [
-                        /*#__PURE__*/ jsx(ExperienceImpact, {
-                            data: result,
-                            labels: t,
-                            days: days,
-                            onDaysChange: setDays,
-                            outcomesState: states.outcomes ?? {},
-                            trajectoriesState: states.trajectories ?? {},
-                            onOpenUri: onOpenUri
-                        }),
-                        pagination
-                    ]
-                }) : 'source' === tab ? result.sources?.length ? /*#__PURE__*/ jsxs("details", {
-                    open: true,
-                    className: "ov-experience-dashboard__source-group",
-                    children: [
-                        /*#__PURE__*/ jsxs("summary", {
-                            children: [
-                                /*#__PURE__*/ jsx("strong", {
-                                    children: t.latest
-                                }),
-                                /*#__PURE__*/ jsx("span", {
-                                    children: t.sourceCount.replace('{count}', String(result.sources.length))
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ jsx(ExperienceTrajectories, {
-                            items: result.sources,
-                            source: true,
-                            onOpenUri: onOpenUri
-                        })
-                    ]
-                }) : /*#__PURE__*/ jsx(DashboardState, {
-                    state: states.sources,
-                    empty: t.emptySource,
-                    loading: t.loading,
-                    failed: t.failed,
-                    retry: t.retry
-                }) : result.testMaterials?.length ? /*#__PURE__*/ jsx(ExperienceTests, {
-                    items: result.testMaterials,
-                    labels: t,
-                    onOpenUri: onOpenUri
-                }) : /*#__PURE__*/ jsx(DashboardState, {
-                    state: states.tests,
-                    empty: t.emptyTests,
-                    loading: t.loading,
-                    failed: t.failed,
-                    retry: t.retry
+        children: [
+            void 0 === selectable ? /*#__PURE__*/ jsx("span", {
+                className: "ov-scope-switcher__trigger",
+                "aria-label": identity.ariaLabel,
+                title: label,
+                children: content
+            }) : /*#__PURE__*/ jsxs("button", {
+                ref: trigger,
+                type: "button",
+                className: "ov-scope-switcher__trigger",
+                "aria-label": identity.ariaLabel,
+                title: label,
+                disabled: state?.disabled,
+                "aria-expanded": open,
+                "aria-haspopup": "dialog",
+                "aria-controls": open ? panelId : void 0,
+                onClick: ()=>changeVisible(!open),
+                onKeyDown: (event)=>{
+                    if ('ArrowDown' === event.key || 'ArrowUp' === event.key) {
+                        event.preventDefault();
+                        if (open) root.current?.querySelector('[role="option"]:not([aria-disabled="true"])')?.focus();
+                        else changeVisible(true);
+                    }
+                },
+                children: [
+                    content,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "ov-scope-switcher__arrow",
+                        "aria-hidden": "true",
+                        children: /*#__PURE__*/ jsx(chevron_downreact, {})
+                    })
+                ]
+            }),
+            open && void 0 !== selectable && void 0 !== data && /*#__PURE__*/ jsx("div", {
+                id: panelId,
+                className: slots?.renderPanel ? 'ov-scope-switcher__panel ov-scope-switcher__panel--custom' : 'ov-scope-switcher__panel',
+                role: "dialog",
+                "aria-label": identity.ariaLabel ?? label,
+                children: /*#__PURE__*/ jsx(ScopePanel, {
+                    label: identity.ariaLabel ?? label,
+                    data: data,
+                    state: state,
+                    slots: slots,
+                    actions: actions,
+                    onSelect: (option)=>{
+                        restoreSelectionFocus.current = true;
+                        changeVisible(false);
+                        actions?.onSelect?.(option);
+                    },
+                    labels: labels
                 })
             })
+        ]
+    });
+}
+function ScopeSwitcher({ locale: localeProp, children, className = '', ...props }) {
+    const locale = useLocale(localeProp);
+    return /*#__PURE__*/ jsx(LocaleProvider, {
+        locale: locale,
+        children: /*#__PURE__*/ jsx("div", {
+            lang: locale,
+            ...props,
+            className: `ov-scope-switcher ${className}`,
+            children: children
         })
     });
 }
-export { ExperienceDashboard };
+export { ScopeSelector, ScopeSwitcher };