botmux 3.10.0 → 3.23.1

package/dist/dashboard/web/skills-page.js

@@ -1,1004 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
-import { FieldTitle, Html, LoadingState, RefreshIconButton, SectionHeader } from './dashboard-components.js';
-import { botAvatarHtml } from './ui.js';
-import { useT } from './react-hooks.js';
-import { mountReactPage } from './react-mount.js';
-const INSTALLED_SKILLS_ROWS_PER_PAGE = 2;
-function nativeLibraryLabel(path, tr) {
-    const p = String(path ?? '').replace(/\\/g, '/');
-    if (p.includes('/.codex/skills/'))
-        return tr('skills.sourceCodex');
-    if (p.includes('/.claude/skills/'))
-        return tr('skills.sourceClaude');
-    if (p.includes('/.trae/skills/'))
-        return tr('skills.sourceTrae');
-    if (p.includes('/.cursor/skills/'))
-        return tr('skills.sourceCursor');
-    if (p.includes('/.gemini/skills/'))
-        return tr('skills.sourceGemini');
-    if (p.includes('/.config/opencode/skills/'))
-        return tr('skills.sourceOpenCode');
-    return null;
-}
-function sourceLabel(skill, tr) {
-    const source = skill.source ?? {};
-    if (source.type === 'github')
-        return `github:${source.owner}/${source.repo}/${source.path ?? ''}`;
-    if (source.type === 'git')
-        return `${source.url ?? 'git'}#${source.path ?? ''}`;
-    if (source.type === 'local-link')
-        return nativeLibraryLabel(source.path, tr) ?? tr('skills.sourceLocalLink');
-    if (source.type === 'local-copy')
-        return tr('skills.sourceBotmuxCopy');
-    return String(source.type ?? 'unknown');
-}
-function priorityNames(policy) {
-    return (policy?.include ?? [])
-        .filter(item => item.startsWith('skill:'))
-        .map(item => item.slice('skill:'.length));
-}
-function policyReferenceCount(policy) {
-    return priorityNames(policy).length;
-}
-function policyConfigured(policy) {
-    return priorityNames(policy).length > 0;
-}
-function discoveryGroupKey(group) {
-    return `${group.cliId}\n${group.rootDir}`;
-}
-function installedSkillsColumnCount(width) {
-    if (width >= 1600)
-        return 4;
-    if (width <= 620)
-        return 1;
-    if (width <= 980)
-        return 2;
-    return 3;
-}
-async function jsonRequest(url, init) {
-    const r = await fetch(url, {
-        ...init,
-        headers: { 'content-type': 'application/json', ...(init.headers ?? {}) },
-    });
-    const body = await r.json().catch(() => ({}));
-    if (!r.ok || body.ok === false) {
-        const err = new Error(body?.error ?? `HTTP ${r.status}`);
-        err.status = r.status;
-        err.body = body;
-        throw err;
-    }
-    return body;
-}
-function statusClass(status) {
-    return `oncall-status${status ? ` ${status.ok ? 'hint-ok' : 'hint-warn-inline'}` : ''}`;
-}
-function SkillSegmented(props) {
-    const current = props.options.find(option => option.value === props.value);
-    return (_jsxs("div", { className: "skills-segmented-control", children: [_jsx("div", { className: "segmented skills-segmented", role: "group", children: props.options.map(option => (_jsx("button", { type: "button", className: props.value === option.value ? 'active' : '', "aria-pressed": props.value === option.value ? 'true' : 'false', title: typeof option.help === 'string' ? option.help : undefined, disabled: props.disabled, onClick: () => props.onChange(option.value), children: option.label }, option.value))) }), current?.help ? _jsx("span", { className: "skills-setting-hint", children: current.help }) : null] }));
-}
-export function SkillsInstallPanel(props) {
-    const tr = useT();
-    const selectionDialogRef = useRef(null);
-    const candidates = props.installCandidates ?? [];
-    const selectedInstallSkills = props.selectedInstallSkills ?? new Set();
-    const allSelected = candidates.length > 0 && candidates.every(candidate => selectedInstallSkills.has(candidate.name));
-    const busy = props.installBusy || props.installDiscovering;
-    useEffect(() => {
-        const dialog = selectionDialogRef.current;
-        if (!dialog)
-            return;
-        if (props.installSelectionOpen && !dialog.open) {
-            try {
-                dialog.showModal();
-            }
-            catch { /* dialog may already be opening */ }
-        }
-        else if (!props.installSelectionOpen && dialog.open) {
-            dialog.close();
-        }
-    }, [props.installSelectionOpen, candidates.length]);
-    return (_jsxs("article", { className: "bd-card skills-install-panel", children: [props.showTitle === false ? null : _jsx("div", { className: "skills-install-title", children: _jsx("h3", { className: "bd-section-title", children: _jsx(FieldTitle, { help: tr('skills.installInfo'), helpLabel: tr('skills.installInfoLabel'), children: tr('skills.install') }) }) }), _jsxs("div", { className: "skills-install-grid", children: [_jsxs("label", { className: "skills-source-label", children: [_jsx(FieldTitle, { help: (_jsxs("span", { className: "skills-source-help", children: [_jsxs("span", { children: [_jsx("strong", { children: tr('skills.sourceHelpRemoteLabel') }), tr('skills.sourceHelpRemote')] }), _jsxs("span", { children: [_jsx("strong", { children: tr('skills.sourceHelpLocalLabel') }), tr('skills.sourceHelpLocal')] }), _jsxs("span", { children: [_jsx("strong", { children: tr('skills.sourceHelpAgentbuddyLabel') }), tr('skills.sourceHelpAgentbuddy')] })] })), helpLabel: tr('skills.source'), children: tr('skills.source') }), _jsx("div", { className: "skills-source-control", children: _jsx("input", { type: "text", "data-install": "source", "aria-label": tr('skills.source'), placeholder: tr('skills.sourcePlaceholder'), value: props.installSource, onChange: e => props.onInstallSourceChange(e.currentTarget.value) }) })] }), _jsxs("label", { className: "skills-install-field-wide skills-install-path-field", children: [_jsx("span", { children: tr('skills.path') }), _jsx("input", { type: "text", "data-install": "path", placeholder: tr('skills.pathPlaceholder'), value: props.installPath, onChange: e => props.onInstallPathChange(e.currentTarget.value) })] }), _jsxs("label", { className: "skills-install-field-wide skills-install-ref-field", children: [_jsx("span", { children: tr('skills.ref') }), _jsx("input", { type: "text", "data-install": "ref", placeholder: tr('skills.refPlaceholder'), value: props.installRef, onChange: e => props.onInstallRefChange(e.currentTarget.value) })] }), _jsx("div", { className: "skills-install-actions", children: _jsx("button", { type: "button", "data-action": "install", disabled: busy, onClick: () => props.onInstall(), children: props.installDiscovering ? tr('skills.scanning') : props.installBusy ? tr('skills.jobRunning') : tr('skills.installSubmit') }) }), _jsx("div", { className: "skills-install-bottom-row", children: _jsxs("div", { className: "skills-local-discovery-panel", children: [_jsxs("div", { children: [_jsx("strong", { children: tr('skills.localDiscoverTitle') }), _jsx("span", { children: tr('skills.localDiscoverHelp') })] }), _jsx("button", { type: "button", "data-action": "open-native-skill-discovery", onClick: () => props.onOpenNativeDiscovery(), children: tr('skills.localDiscover') })] }) })] }), props.installStatus ? (_jsx("div", { className: "actions skills-install-status-row", children: _jsx("span", { className: statusClass(props.installStatus), "data-skills-status": true, children: props.installStatus.text }) })) : null, _jsx("dialog", { className: "skills-discovery-dialog skills-install-selection-dialog", "data-install-selection-dialog": true, ref: selectionDialogRef, onClose: () => props.onCloseInstallSelection?.(), children: _jsxs("article", { children: [_jsxs("header", { children: [_jsx("h3", { children: tr('skills.installSelectionTitle') }), _jsx("p", { children: tr('skills.installSelectionHelp', { count: candidates.length }) })] }), _jsx("div", { className: "skills-discovery-body skills-install-selection-body", children: _jsxs("div", { className: "skills-candidate-list", "data-install-candidates": true, children: [_jsxs("div", { className: "skills-candidate-list-head", children: [_jsx("span", { children: tr('skills.scanFound', { count: candidates.length }) }), props.onSelectAllInstallSkills ? (_jsx("button", { type: "button", "data-action": "toggle-all-source-skills", disabled: props.installBusy, onClick: () => props.onSelectAllInstallSkills?.(!allSelected), children: allSelected ? tr('skills.discoverClearSelection') : tr('skills.discoverSelectAll') })) : null] }), candidates.map(candidate => (_jsxs("label", { className: "skills-candidate-row", children: [_jsx("input", { type: "checkbox", checked: selectedInstallSkills.has(candidate.name), disabled: props.installBusy, onChange: () => props.onToggleInstallSkill?.(candidate.name) }), _jsxs("span", { children: [_jsx("strong", { children: candidate.name }), _jsxs("small", { children: [candidate.path, candidate.description ? ` · ${candidate.description}` : ''] })] })] }, `${candidate.name}:${candidate.path}`)))] }) }), _jsxs("footer", { className: "actions", children: [_jsx("button", { type: "button", "data-action": "close-install-selection", disabled: props.installBusy, onClick: () => props.onCloseInstallSelection?.(), children: tr('skills.installSelectionCancel') }), _jsx("button", { type: "button", className: "primary", "data-action": "confirm-install-selection", disabled: props.installBusy || selectedInstallSkills.size === 0, onClick: () => props.onConfirmInstallSelection?.(), children: props.installBusy ? tr('skills.jobRunning') : tr('skills.installSelected') })] })] }) })] }));
-}
-export function InstalledSkillsLibrary(props) {
-    const tr = useT();
-    const selectAllRef = useRef(null);
-    const previousSkillNamesRef = useRef(new Set(props.skills.map(skill => skill.name)));
-    const queryRef = useRef('');
-    const selectionModeRef = useRef(false);
-    const escapeQueryRef = useRef(null);
-    const [query, setQuery] = useState('');
-    const [selectionMode, setSelectionMode] = useState(false);
-    const [selected, setSelected] = useState(() => new Set());
-    const [page, setPage] = useState(0);
-    const [viewportWidth, setViewportWidth] = useState(() => typeof window === 'undefined' ? 1200 : window.innerWidth);
-    const normalizedQuery = query.trim().toLocaleLowerCase();
-    queryRef.current = query;
-    selectionModeRef.current = selectionMode;
-    const filteredSkills = useMemo(() => {
-        if (!normalizedQuery)
-            return props.skills;
-        return props.skills.filter(skill => [
-            skill.name,
-            skill.displayName,
-            skill.description,
-            ...(skill.tags ?? []),
-            sourceLabel(skill, tr),
-        ].filter(Boolean).join('\n').toLocaleLowerCase().includes(normalizedQuery));
-    }, [normalizedQuery, props.skills, tr]);
-    const pageSize = installedSkillsColumnCount(viewportWidth) * INSTALLED_SKILLS_ROWS_PER_PAGE;
-    const pageCount = Math.max(1, Math.ceil(filteredSkills.length / pageSize));
-    const visibleSkills = filteredSkills.slice(page * pageSize, page * pageSize + pageSize);
-    const filteredNames = useMemo(() => new Set(filteredSkills.map(skill => skill.name)), [filteredSkills]);
-    const selectedInResults = filteredSkills.filter(skill => selected.has(skill.name)).length;
-    const hiddenSelectedCount = Math.max(0, selected.size - selectedInResults);
-    const allResultsSelected = filteredSkills.length > 0 && selectedInResults === filteredSkills.length;
-    useEffect(() => {
-        if (typeof window === 'undefined')
-            return undefined;
-        const onResize = () => setViewportWidth(window.innerWidth);
-        window.addEventListener('resize', onResize);
-        return () => window.removeEventListener('resize', onResize);
-    }, []);
-    useEffect(() => setPage(0), [normalizedQuery, pageSize]);
-    useEffect(() => {
-        setPage(current => Math.min(Math.max(0, current), pageCount - 1));
-    }, [pageCount]);
-    useEffect(() => {
-        const installed = new Set(props.skills.map(skill => skill.name));
-        const removed = [...previousSkillNamesRef.current].some(name => !installed.has(name));
-        setSelected(current => {
-            const next = new Set([...current].filter(name => installed.has(name)));
-            return next.size === current.size ? current : next;
-        });
-        if (removed) {
-            setSelectionMode(false);
-            setSelected(new Set());
-        }
-        previousSkillNamesRef.current = installed;
-    }, [props.skills]);
-    useEffect(() => {
-        if (selectAllRef.current) {
-            selectAllRef.current.indeterminate = selectedInResults > 0 && !allResultsSelected;
-        }
-    }, [allResultsSelected, selectedInResults]);
-    useEffect(() => {
-        if (typeof document === 'undefined')
-            return undefined;
-        const onKeyDown = (event) => {
-            if (event.key !== 'Escape' || !selectionModeRef.current)
-                return;
-            const preservedQuery = queryRef.current;
-            escapeQueryRef.current = preservedQuery;
-            event.preventDefault();
-            event.stopPropagation();
-            setSelectionMode(false);
-            setSelected(new Set());
-            window.setTimeout(() => {
-                setQuery(current => current || preservedQuery);
-                escapeQueryRef.current = null;
-            }, 50);
-        };
-        const onKeyUp = (event) => {
-            if (event.key !== 'Escape' || escapeQueryRef.current === null)
-                return;
-            const preservedQuery = escapeQueryRef.current;
-            escapeQueryRef.current = null;
-            event.preventDefault();
-            event.stopPropagation();
-            setQuery(preservedQuery);
-        };
-        document.addEventListener('keydown', onKeyDown, true);
-        document.addEventListener('keyup', onKeyUp, true);
-        return () => {
-            document.removeEventListener('keydown', onKeyDown, true);
-            document.removeEventListener('keyup', onKeyUp, true);
-        };
-    }, []);
-    function toggleSelected(name) {
-        setSelected(current => {
-            const next = new Set(current);
-            if (next.has(name))
-                next.delete(name);
-            else
-                next.add(name);
-            return next;
-        });
-    }
-    function toggleAllResults() {
-        setSelected(current => {
-            const next = new Set(current);
-            if (allResultsSelected) {
-                for (const name of filteredNames)
-                    next.delete(name);
-            }
-            else {
-                for (const name of filteredNames)
-                    next.add(name);
-            }
-            return next;
-        });
-    }
-    function cancelSelection(preserveQuery = false) {
-        const preservedQuery = query;
-        setSelectionMode(false);
-        setSelected(new Set());
-        if (preserveQuery && typeof window !== 'undefined') {
-            window.setTimeout(() => setQuery(preservedQuery), 0);
-        }
-    }
-    return (_jsxs("section", { className: "skills-installed-block", children: [_jsx(SectionHeader, { title: tr('skills.installed'), count: tr('skills.installedCount', { count: props.skills.length }), hint: tr('skills.installedHelp'), children: _jsx("div", { className: "skills-installed-header-actions", children: selectionMode ? (_jsx("button", { type: "button", "data-action": "cancel-installed-selection", onClick: () => cancelSelection(), children: tr('skills.cancel') })) : (_jsx("button", { type: "button", "data-action": "select-installed-skills", disabled: props.skills.length === 0, onClick: () => setSelectionMode(true), children: tr('skills.select') })) }) }), _jsxs("section", { className: "bd-card skills-installed-panel", children: [_jsxs("div", { className: "skills-library-toolbar", children: [_jsxs("label", { className: "skills-installed-search", children: [_jsx("span", { className: "sr-only", children: tr('skills.searchLabel') }), _jsx("input", { type: "text", role: "searchbox", inputMode: "search", "data-action": "search-installed-skills", placeholder: tr('skills.searchPlaceholder'), value: query, onChange: event => setQuery(event.currentTarget.value), onKeyDown: event => {
-                                            if (event.key !== 'Escape' || !selectionMode)
-                                                return;
-                                            event.preventDefault();
-                                            event.stopPropagation();
-                                            cancelSelection(true);
-                                        } }), query ? (_jsx("button", { type: "button", "data-action": "clear-installed-search", "aria-label": tr('skills.clearSearch'), onClick: () => setQuery(''), children: "\u00D7" })) : null] }), selectionMode ? (_jsxs("label", { className: "skills-select-all-results", children: [_jsx("input", { ref: selectAllRef, type: "checkbox", checked: allResultsSelected, disabled: filteredSkills.length === 0 || props.removingNames.size > 0, onChange: toggleAllResults }), _jsx("span", { children: normalizedQuery
-                                            ? tr('skills.selectSearchResults', { count: filteredSkills.length })
-                                            : tr('skills.selectAllSkills', { count: filteredSkills.length }) })] })) : null, normalizedQuery ? _jsx("span", { className: "skills-filter-count", children: tr('skills.resultCount', { count: filteredSkills.length }) }) : null, pageCount > 1 ? (_jsxs("div", { className: "skills-pager", children: [_jsx("button", { type: "button", className: "skills-pager-button", "data-action": "page-installed-skills", "data-dir": "-1", "aria-label": tr('skills.prevPage'), title: tr('skills.prevPage'), disabled: page === 0, onClick: () => setPage(current => Math.max(0, current - 1)), children: "\u2039" }), _jsx("span", { children: tr('skills.pageStatus', { page: page + 1, pages: pageCount }) }), _jsx("button", { type: "button", className: "skills-pager-button", "data-action": "page-installed-skills", "data-dir": "1", "aria-label": tr('skills.nextPage'), title: tr('skills.nextPage'), disabled: page >= pageCount - 1, onClick: () => setPage(current => Math.min(pageCount - 1, current + 1)), children: "\u203A" })] })) : null] }), _jsx("div", { className: "skills-installed-live", role: "status", "aria-live": "polite", children: props.status ? _jsx("span", { className: statusClass(props.status), children: props.status.text }) : null }), props.skills.length === 0 ? (_jsxs("div", { className: "skills-library-empty", children: [_jsx("strong", { children: tr('skills.emptyTitle') }), _jsx("p", { children: tr('skills.emptyHelp') })] })) : filteredSkills.length === 0 ? (_jsxs("div", { className: "skills-library-empty", "data-empty": "search", children: [_jsx("strong", { children: tr('skills.noResultsTitle', { query: query.trim() }) }), _jsx("p", { children: tr('skills.noResultsHelp') }), _jsx("button", { type: "button", "data-action": "clear-installed-search-empty", onClick: () => setQuery(''), children: tr('skills.clearSearch') })] })) : (_jsx("div", { className: "skills-list", children: visibleSkills.map(skill => {
-                            const isSelected = selected.has(skill.name);
-                            const isRemoving = props.removingNames.has(skill.name);
-                            return (_jsxs("article", { className: `skills-row skills-installed-card${selectionMode ? ' is-selectable' : ''}${isSelected ? ' is-selected' : ''}${isRemoving ? ' is-removing' : ''}`, "data-skill": skill.name, "data-selection-mode": selectionMode ? 'true' : undefined, "aria-busy": isRemoving || undefined, onClick: selectionMode ? () => toggleSelected(skill.name) : undefined, children: [_jsxs("div", { className: "skills-row-body", children: [_jsxs("div", { className: "skills-row-title", children: [selectionMode ? (_jsx("input", { type: "checkbox", "aria-label": tr('skills.selectNamed', { skill: skill.displayName ?? skill.name }), checked: isSelected, disabled: isRemoving, onClick: event => event.stopPropagation(), onChange: () => toggleSelected(skill.name) })) : null, _jsxs("span", { children: [_jsx("strong", { children: skill.displayName ?? skill.name }), skill.displayName && skill.displayName !== skill.name ? _jsx("small", { className: "skills-canonical-name", children: skill.name }) : null] })] }), skill.description ? _jsx("p", { children: skill.description }) : null, _jsx("small", { className: "skills-source-badge", children: sourceLabel(skill, tr) }), isRemoving ? _jsx("span", { className: "skills-removing-label", children: tr('skills.removing') }) : null] }), selectionMode ? null : (_jsxs("div", { className: "skills-card-actions", children: [_jsx("button", { type: "button", "data-action": "update-skill", disabled: props.busySkill === `${skill.name}:update` || isRemoving, onClick: () => props.onUpdate(skill.name), children: tr('skills.update') }), _jsx("button", { type: "button", "data-action": "remove-skill", disabled: isRemoving, onClick: () => props.onRequestRemove([skill.name]), children: tr('skills.remove') })] }))] }, skill.name));
-                        }) }))] }), selectionMode ? (_jsxs("div", { className: "skills-bulk-action-bar", role: "toolbar", "aria-label": tr('skills.bulkActions'), children: [_jsxs("span", { children: [_jsx("strong", { children: tr('skills.selectedCount', { count: selected.size }) }), hiddenSelectedCount > 0 ? _jsx("small", { children: tr('skills.selectedHidden', { count: hiddenSelectedCount }) }) : null] }), _jsx("button", { type: "button", className: "danger", "data-action": "remove-selected-skills", disabled: selected.size === 0 || props.removingNames.size > 0, onClick: () => props.onRequestRemove([...selected]), children: tr('skills.removeSelected', { count: selected.size }) })] })) : null] }));
-}
-export function RemoveSkillsDialog(props) {
-    const tr = useT();
-    const dialogRef = useRef(null);
-    const names = props.names ?? [];
-    const force = props.references.length > 0;
-    const visibleNames = names.slice(0, 3);
-    const referencedBotCount = new Set(props.references.flatMap(reference => reference.bots)).size;
-    useEffect(() => {
-        const dialog = dialogRef.current;
-        if (!dialog)
-            return;
-        if (props.names && !dialog.open) {
-            try {
-                dialog.showModal();
-            }
-            catch { /* dialog may already be opening */ }
-        }
-        else if (!props.names && dialog.open) {
-            dialog.close();
-        }
-    }, [props.names]);
-    return (_jsx("dialog", { className: "skills-remove-dialog", "data-remove-skills-dialog": true, ref: dialogRef, onCancel: event => {
-            event.preventDefault();
-            if (!props.busy)
-                props.onCancel();
-        }, onClick: event => {
-            if (event.target === event.currentTarget && !props.busy)
-                props.onCancel();
-        }, children: _jsxs("article", { children: [_jsxs("header", { children: [_jsx("h3", { children: force
-                                ? names.length === 1
-                                    ? tr('skills.removeInUseOneTitle', { skill: names[0] })
-                                    : tr('skills.removeInUseManyTitle', { count: names.length })
-                                : names.length === 1
-                                    ? tr('skills.removeOneTitle', { skill: names[0] })
-                                    : tr('skills.removeManyTitle', { count: names.length }) }), _jsx("p", { children: force
-                                ? names.length === 1
-                                    ? tr('skills.removeInUseOneHelp', { count: referencedBotCount })
-                                    : tr('skills.removeInUseManyHelp', { count: referencedBotCount })
-                                : names.length === 1
-                                    ? tr('skills.removeOnePermanentHelp')
-                                    : tr('skills.removePermanentHelp') })] }), _jsxs("div", { className: "skills-remove-dialog-body", children: [names.length > 1 ? (_jsxs(_Fragment, { children: [_jsx("ul", { children: visibleNames.map(name => _jsx("li", { children: name }, name)) }), names.length > visibleNames.length ? _jsx("p", { children: tr('skills.removeMore', { count: names.length - visibleNames.length }) }) : null] })) : null, props.references.length > 0 ? (_jsxs("div", { className: "skills-remove-reference-warning", role: "alert", children: [_jsx("strong", { children: tr('skills.removeReferencesDetail') }), _jsx("ul", { children: props.references.map(reference => (_jsxs("li", { children: [_jsx("strong", { children: reference.name }), _jsx("span", { children: reference.bots.join(', ') })] }, reference.name))) })] })) : null, props.error ? _jsx("p", { className: "hint-warn", role: "alert", children: props.error }) : null] }), _jsxs("footer", { className: "actions", children: [_jsx("button", { type: "button", autoFocus: true, disabled: props.busy, onClick: props.onCancel, children: tr('skills.cancel') }), _jsx("button", { type: "button", className: "danger", disabled: props.busy, onClick: () => props.onConfirm(force), children: props.busy
-                                ? tr('skills.removing')
-                                : force
-                                    ? tr('skills.removeAnyway')
-                                    : names.length === 1
-                                        ? tr('skills.removeOneConfirm')
-                                        : tr('skills.removeSelected', { count: names.length }) })] })] }) }));
-}
-function SkillsPage() {
-    const tr = useT();
-    const mountedRef = useRef(true);
-    const timersRef = useRef(new Set());
-    const discoveryDialogRef = useRef(null);
-    const [skills, setSkills] = useState([]);
-    const [nativeSkillGroups, setNativeSkillGroups] = useState([]);
-    const [bots, setBots] = useState([]);
-    const [trustProjectSkills, setTrustProjectSkills] = useState('off');
-    const [delivery, setDelivery] = useState('auto');
-    const [loadError, setLoadError] = useState(null);
-    const [loading, setLoading] = useState(true);
-    const [installSource, setInstallSource] = useState('');
-    const [installPath, setInstallPath] = useState('');
-    const [installRef, setInstallRef] = useState('');
-    const [installStatus, setInstallStatus] = useState(null);
-    const [installBusy, setInstallBusy] = useState(false);
-    const [installDiscovering, setInstallDiscovering] = useState(false);
-    const [installSelectionOpen, setInstallSelectionOpen] = useState(false);
-    const [installCandidates, setInstallCandidates] = useState([]);
-    const [selectedInstallSkills, setSelectedInstallSkills] = useState(() => new Set());
-    const [discoveryOpen, setDiscoveryOpen] = useState(false);
-    const [discoveryBusy, setDiscoveryBusy] = useState(false);
-    const [activeDiscoveryKey, setActiveDiscoveryKey] = useState(null);
-    const [selectedDiscovered, setSelectedDiscovered] = useState(() => new Set());
-    const [globalBusy, setGlobalBusy] = useState(null);
-    const [skillBusy, setSkillBusy] = useState(null);
-    const [botBusy, setBotBusy] = useState(null);
-    const [botStatuses, setBotStatuses] = useState({});
-    const [installedStatus, setInstalledStatus] = useState(null);
-    const [pendingRemoval, setPendingRemoval] = useState(null);
-    const [removalDialogOpen, setRemovalDialogOpen] = useState(false);
-    const [removalReferences, setRemovalReferences] = useState([]);
-    const [removalError, setRemovalError] = useState(null);
-    const [removingNames, setRemovingNames] = useState(() => new Set());
-    const installedNames = useMemo(() => new Set(skills.map(skill => skill.name)), [skills]);
-    const activeDiscoveryGroup = useMemo(() => {
-        if (nativeSkillGroups.length === 0)
-            return undefined;
-        const active = activeDiscoveryKey ? nativeSkillGroups.find(group => discoveryGroupKey(group) === activeDiscoveryKey) : undefined;
-        return active ?? nativeSkillGroups.find(group => group.skills.length > 0) ?? nativeSkillGroups[0];
-    }, [activeDiscoveryKey, nativeSkillGroups]);
-    const activeKey = activeDiscoveryGroup ? discoveryGroupKey(activeDiscoveryGroup) : '';
-    const activeGroupSelectable = useMemo(() => {
-        if (!activeDiscoveryGroup)
-            return [];
-        return activeDiscoveryGroup.skills
-            .filter(skill => !installedNames.has(skill.name))
-            .map(skill => skill.rootDir ?? skill.source?.root ?? '')
-            .filter(Boolean);
-    }, [activeDiscoveryGroup, installedNames]);
-    const activeAllSelected = activeGroupSelectable.length > 0 && activeGroupSelectable.every(path => selectedDiscovered.has(path));
-    const clearTimers = useCallback(() => {
-        for (const id of timersRef.current)
-            window.clearTimeout(id);
-        timersRef.current.clear();
-    }, []);
-    const delay = useCallback((ms) => new Promise(resolve => {
-        const id = window.setTimeout(() => {
-            timersRef.current.delete(id);
-            resolve();
-        }, ms);
-        timersRef.current.add(id);
-    }), []);
-    const fetchData = useCallback(async () => {
-        const [skillsRes, botsRes] = await Promise.all([
-            fetch('/api/skills'),
-            fetch('/api/bots'),
-        ]);
-        const skillsBody = await skillsRes.json().catch(() => ({}));
-        const botsBody = await botsRes.json().catch(() => ({}));
-        if (!skillsRes.ok) {
-            const error = skillsBody?.error ?? `skills HTTP ${skillsRes.status}`;
-            throw new Error(error === 'not_found_yet' || error === 'not_found' ? tr('skills.apiUnavailable') : error);
-        }
-        if (!botsRes.ok)
-            throw new Error(botsBody?.error ?? `bots HTTP ${botsRes.status}`);
-        return {
-            skills: Array.isArray(skillsBody.skills) ? skillsBody.skills : [],
-            nativeSkillGroups: Array.isArray(skillsBody.nativeSkillGroups) ? skillsBody.nativeSkillGroups : [],
-            bots: Array.isArray(botsBody.bots) ? botsBody.bots : [],
-            trustProjectSkills: skillsBody.trustProjectSkills === 'all' ? 'all' : 'off',
-            delivery: (skillsBody.delivery === 'prompt' || skillsBody.delivery === 'native' ? skillsBody.delivery : 'auto'),
-        };
-    }, [tr]);
-    const refresh = useCallback(async () => {
-        setLoading(true);
-        try {
-            const next = await fetchData();
-            if (!mountedRef.current)
-                return;
-            setSkills(next.skills);
-            setNativeSkillGroups(next.nativeSkillGroups);
-            setBots(next.bots);
-            setTrustProjectSkills(next.trustProjectSkills);
-            setDelivery(next.delivery);
-            setLoadError(null);
-            setSelectedDiscovered(selected => {
-                const valid = new Set();
-                const installed = new Set(next.skills.map(skill => skill.name));
-                for (const group of next.nativeSkillGroups) {
-                    for (const skill of group.skills) {
-                        const path = skill.rootDir ?? skill.source?.root ?? '';
-                        if (path && !installed.has(skill.name) && selected.has(path))
-                            valid.add(path);
-                    }
-                }
-                return valid;
-            });
-        }
-        catch (err) {
-            if (!mountedRef.current)
-                return;
-            setLoadError(err?.message ?? String(err));
-        }
-        finally {
-            if (mountedRef.current)
-                setLoading(false);
-        }
-    }, [fetchData]);
-    useEffect(() => {
-        mountedRef.current = true;
-        void refresh();
-        return () => {
-            mountedRef.current = false;
-            clearTimers();
-        };
-    }, [clearTimers, refresh]);
-    useEffect(() => {
-        if (!installedStatus || removingNames.size > 0)
-            return undefined;
-        const id = window.setTimeout(() => {
-            if (mountedRef.current)
-                setInstalledStatus(null);
-        }, 6_000);
-        return () => window.clearTimeout(id);
-    }, [installedStatus, removingNames]);
-    useEffect(() => {
-        const dialog = discoveryDialogRef.current;
-        if (!dialog)
-            return;
-        if (discoveryOpen && !dialog.open) {
-            try {
-                dialog.showModal();
-            }
-            catch { /* dialog may already be closing */ }
-        }
-        else if (!discoveryOpen && dialog.open) {
-            dialog.close();
-        }
-    }, [discoveryOpen, activeKey]);
-    async function waitForSkillJob(job, setStatus, refreshOnSuccess = true) {
-        let current = job;
-        setStatus({ text: tr('skills.jobRunning'), ok: true });
-        for (;;) {
-            if (!mountedRef.current)
-                return;
-            if (current.status === 'succeeded') {
-                setStatus({ text: tr('skills.saved'), ok: true });
-                if (refreshOnSuccess)
-                    await refresh();
-                return;
-            }
-            if (current.status === 'failed') {
-                throw new Error(current.error ?? 'job_failed');
-            }
-            await delay(800);
-            if (!mountedRef.current)
-                return;
-            const body = await jsonRequest(`/api/skills/jobs/${encodeURIComponent(current.id)}`, { method: 'GET' });
-            if (!mountedRef.current)
-                return;
-            current = body.job;
-        }
-    }
-    function referencingBotLabels(skillName) {
-        return bots
-            .filter(bot => priorityNames(bot.skills).includes(skillName))
-            .map(bot => bot.botName ?? bot.larkAppId);
-    }
-    function clearInstallDiscovery() {
-        setInstallCandidates([]);
-        setSelectedInstallSkills(new Set());
-        setInstallSelectionOpen(false);
-    }
-    function sourceRequestBody() {
-        return {
-            source: installSource.trim(),
-            path: installPath.trim() || undefined,
-            ref: installRef.trim() || undefined,
-        };
-    }
-    function installRequestBody(skillNames) {
-        const selected = skillNames ?? [...selectedInstallSkills];
-        return {
-            ...sourceRequestBody(),
-            skillNames: selected.length > 0 ? selected : undefined,
-        };
-    }
-    async function discoverInstallCandidates() {
-        setInstallDiscovering(true);
-        setInstallStatus({ text: tr('skills.scanning'), ok: true });
-        try {
-            const body = await jsonRequest('/api/skills/discover', {
-                method: 'POST',
-                body: JSON.stringify(sourceRequestBody()),
-            });
-            if (!mountedRef.current)
-                return { skills: [], directInstall: false };
-            const directInstall = body.discovery?.directInstall === true;
-            const skills = Array.isArray(body.discovery?.skills) ? body.discovery.skills : [];
-            setInstallCandidates(skills);
-            setSelectedInstallSkills(new Set(skills.map(skill => skill.name)));
-            return { skills, directInstall };
-        }
-        finally {
-            if (mountedRef.current)
-                setInstallDiscovering(false);
-        }
-    }
-    // Translate the backend's terse install error codes into actionable messages.
-    // agentbuddy runs on the deploy host, so its failures (missing CLI, not logged
-    // in) need host-side guidance the operator can act on. Git authentication
-    // failures get equivalent host-side guidance; other codes fall through.
-    function mapInstallError(raw) {
-        const msg = raw || '';
-        if (msg.startsWith('skill_git_command_failed') && /authentication failed|could not read username|repository not found|unauthor|\b401\b|\b403\b/i.test(msg)) {
-            return tr('skills.gitNeedsAuth');
-        }
-        if (msg.startsWith('agentbuddy_not_found'))
-            return tr('skills.agentbuddyNotFound');
-        if (msg.startsWith('agentbuddy_login_required'))
-            return tr('skills.agentbuddyNeedsLogin');
-        if (msg.startsWith('agentbuddy_command_failed')) {
-            return /login|credential|unauthor|not logged|401|403/i.test(msg)
-                ? tr('skills.agentbuddyNeedsLogin')
-                : tr('skills.agentbuddyCommandFailed');
-        }
-        if (msg.startsWith('agentbuddy_clear_telemetry_failed') || msg.startsWith('agentbuddy_telemetry_not_stripped'))
-            return tr('skills.agentbuddyTelemetryFailed');
-        if (msg.startsWith('agentbuddy_no_skill_produced'))
-            return tr('skills.agentbuddyNoSkill');
-        if (msg.startsWith('invalid_agentbuddy'))
-            return tr('skills.agentbuddyInvalid');
-        return msg;
-    }
-    async function submitSkillInstall(skillNames) {
-        setInstallBusy(true);
-        try {
-            const body = await jsonRequest('/api/skills/install', {
-                method: 'POST',
-                body: JSON.stringify(installRequestBody(skillNames)),
-            });
-            if (!mountedRef.current)
-                return;
-            await waitForSkillJob(body.job, setInstallStatus);
-            if (mountedRef.current)
-                clearInstallDiscovery();
-        }
-        catch (err) {
-            if (mountedRef.current)
-                setInstallStatus({ text: `${tr('skills.failed')}: ${mapInstallError(err?.message ?? String(err))}`, ok: false });
-        }
-        finally {
-            if (mountedRef.current)
-                setInstallBusy(false);
-        }
-    }
-    function toggleInstallCandidate(name) {
-        setSelectedInstallSkills(current => {
-            const next = new Set(current);
-            if (next.has(name))
-                next.delete(name);
-            else
-                next.add(name);
-            return next;
-        });
-    }
-    function selectAllInstallCandidates(selected) {
-        setSelectedInstallSkills(selected ? new Set(installCandidates.map(candidate => candidate.name)) : new Set());
-    }
-    async function installSkill() {
-        if (!installSource.trim()) {
-            setInstallStatus({ text: tr('skills.sourceRequired'), ok: false });
-            return;
-        }
-        try {
-            setInstallSelectionOpen(false);
-            const { skills, directInstall } = await discoverInstallCandidates();
-            if (!mountedRef.current)
-                return;
-            // agentbuddy sources — a pasted `agentbuddy:<id>` OR a marketplace URL the
-            // backend recognized — resolve their own skill set, so install directly
-            // (no candidate selection). The server decides this so the client needn't
-            // know the identifier prefix or the configured marketplace hosts.
-            if (directInstall) {
-                await submitSkillInstall();
-                return;
-            }
-            if (skills.length === 0) {
-                setInstallStatus({ text: tr('skills.scanEmpty'), ok: false });
-                return;
-            }
-            if (skills.length === 1) {
-                await submitSkillInstall([skills[0].name]);
-                return;
-            }
-            setInstallStatus({ text: tr('skills.scanFound', { count: skills.length }), ok: true });
-            setInstallSelectionOpen(true);
-        }
-        catch (err) {
-            if (mountedRef.current)
-                setInstallStatus({ text: `${tr('skills.failed')}: ${mapInstallError(err?.message ?? String(err))}`, ok: false });
-        }
-    }
-    async function confirmInstallSelection() {
-        const selected = [...selectedInstallSkills];
-        if (selected.length === 0) {
-            setInstallStatus({ text: tr('skills.discoverNothingSelected'), ok: false });
-            return;
-        }
-        await submitSkillInstall(selected);
-    }
-    async function registerDiscoveredSkills() {
-        const selected = [...selectedDiscovered].filter(Boolean);
-        if (selected.length === 0) {
-            setInstallStatus({ text: tr('skills.discoverNothingSelected'), ok: false });
-            return;
-        }
-        setDiscoveryBusy(true);
-        try {
-            setInstallStatus({ text: tr('skills.discoverRegisteringBatch', { total: selected.length }), ok: true });
-            await jsonRequest('/api/skills/install-local-links', {
-                method: 'POST',
-                body: JSON.stringify({ sources: selected }),
-            });
-            if (!mountedRef.current)
-                return;
-            setDiscoveryOpen(false);
-            await refresh();
-            if (mountedRef.current)
-                setInstallStatus({ text: tr('skills.saved'), ok: true });
-        }
-        catch (err) {
-            if (mountedRef.current)
-                setInstallStatus({ text: `${tr('skills.failed')}: ${mapInstallError(err?.message ?? String(err))}`, ok: false });
-        }
-        finally {
-            if (mountedRef.current)
-                setDiscoveryBusy(false);
-        }
-    }
-    async function updateGlobalProject(next) {
-        if (trustProjectSkills === next)
-            return;
-        setGlobalBusy('project');
-        try {
-            const body = await jsonRequest('/api/skills/global', {
-                method: 'PUT',
-                body: JSON.stringify({ trustProjectSkills: next }),
-            });
-            if (!mountedRef.current)
-                return;
-            setTrustProjectSkills(body.trustProjectSkills === 'all' ? 'all' : next);
-        }
-        catch (err) {
-            if (mountedRef.current)
-                window.alert(`${tr('skills.failed')}: ${mapInstallError(err?.message ?? String(err))}`);
-        }
-        finally {
-            if (mountedRef.current)
-                setGlobalBusy(null);
-        }
-    }
-    async function updateGlobalDelivery(next) {
-        if (delivery === next)
-            return;
-        setGlobalBusy('delivery');
-        try {
-            const body = await jsonRequest('/api/skills/global', {
-                method: 'PUT',
-                body: JSON.stringify({ delivery: next }),
-            });
-            if (!mountedRef.current)
-                return;
-            setDelivery(body.delivery === 'prompt' || body.delivery === 'native' ? body.delivery : next);
-        }
-        catch (err) {
-            if (mountedRef.current)
-                window.alert(`${tr('skills.failed')}: ${mapInstallError(err?.message ?? String(err))}`);
-        }
-        finally {
-            if (mountedRef.current)
-                setGlobalBusy(null);
-        }
-    }
-    async function updateSkill(name) {
-        setSkillBusy(`${name}:update`);
-        try {
-            const body = await jsonRequest(`/api/skills/${encodeURIComponent(name)}/update`, { method: 'POST', body: '{}' });
-            if (!mountedRef.current)
-                return;
-            await waitForSkillJob(body.job, setInstallStatus);
-        }
-        catch (err) {
-            if (mountedRef.current)
-                window.alert(`${tr('skills.failed')}: ${mapInstallError(err?.message ?? String(err))}`);
-        }
-        finally {
-            if (mountedRef.current)
-                setSkillBusy(null);
-        }
-    }
-    function requestSkillRemoval(names) {
-        const unique = [...new Set(names.filter(name => installedNames.has(name)))];
-        if (unique.length === 0)
-            return;
-        setPendingRemoval(unique);
-        setRemovalDialogOpen(true);
-        setRemovalReferences([]);
-        setRemovalError(null);
-    }
-    function cancelSkillRemoval() {
-        if (removingNames.size > 0)
-            return;
-        setRemovalDialogOpen(false);
-        setPendingRemoval(null);
-        setRemovalReferences([]);
-        setRemovalError(null);
-    }
-    async function confirmSkillRemoval(force) {
-        const names = pendingRemoval ?? [];
-        if (names.length === 0)
-            return;
-        setRemovingNames(new Set(names));
-        setRemovalDialogOpen(false);
-        setRemovalError(null);
-        setInstalledStatus({ text: tr('skills.removingCount', { count: names.length }), ok: true });
-        try {
-            const body = await jsonRequest('/api/skills', {
-                method: 'DELETE',
-                body: JSON.stringify({ names, force }),
-            });
-            if (!mountedRef.current)
-                return;
-            const removed = Array.isArray(body.removed) ? body.removed.filter((name) => typeof name === 'string') : names;
-            const removedNames = new Set(removed);
-            setSkills(current => current.filter(skill => !removedNames.has(skill.name)));
-            setInstalledStatus({
-                text: removed.length === 1
-                    ? tr('skills.removedOne', { skill: removed[0] })
-                    : tr('skills.removedMany', { count: removed.length }),
-                ok: true,
-            });
-            setPendingRemoval(null);
-            setRemovalReferences([]);
-        }
-        catch (err) {
-            if (!mountedRef.current)
-                return;
-            if (err?.status === 409 && err?.body?.error === 'skills_in_use') {
-                const references = Array.isArray(err.body.affectedSkills)
-                    ? err.body.affectedSkills.map((item) => {
-                        const name = typeof item?.name === 'string' ? item.name : '';
-                        const bots = Array.isArray(item?.affectedBots)
-                            ? item.affectedBots.map((bot) => bot?.botName || bot?.larkAppId || '').filter(Boolean)
-                            : referencingBotLabels(name);
-                        return name ? { name, bots } : null;
-                    }).filter((item) => item !== null)
-                    : [];
-                setRemovalReferences(references);
-                setRemovalDialogOpen(true);
-                setInstalledStatus(null);
-                return;
-            }
-            const message = tr('skills.removeFailed', { detail: mapInstallError(err?.message ?? String(err)) });
-            setRemovalError(message);
-            setRemovalDialogOpen(true);
-            setInstalledStatus({ text: message, ok: false });
-        }
-        finally {
-            if (mountedRef.current)
-                setRemovingNames(new Set());
-        }
-    }
-    async function setBotSkills(appId, names) {
-        const busyKey = `${appId}:set`;
-        setBotBusy(busyKey);
-        setBotStatuses(statuses => ({ ...statuses, [appId]: null }));
-        try {
-            const body = await jsonRequest(`/api/bots/${encodeURIComponent(appId)}/skills`, {
-                method: 'PUT',
-                body: JSON.stringify({
-                    action: 'set',
-                    policy: names.length > 0 ? { include: names.map(name => `skill:${name}`) } : null,
-                }),
-            });
-            if (!mountedRef.current)
-                return;
-            setBots(rows => rows.map(bot => bot.larkAppId === appId ? { ...bot, skills: body.skills ?? null } : bot));
-            setBotStatuses(statuses => ({
-                ...statuses,
-                [appId]: { text: tr('skills.policySaved'), ok: true },
-            }));
-        }
-        catch (err) {
-            if (mountedRef.current) {
-                setBotStatuses(statuses => ({
-                    ...statuses,
-                    [appId]: { text: `${tr('skills.failed')}: ${mapInstallError(err?.message ?? String(err))}`, ok: false },
-                }));
-            }
-            throw err;
-        }
-        finally {
-            if (mountedRef.current)
-                setBotBusy(null);
-        }
-    }
-    const configuredBotCount = bots.filter(bot => policyConfigured(bot.skills)).length;
-    const attachedSkillRefCount = bots.reduce((sum, bot) => sum + policyReferenceCount(bot.skills), 0);
-    const headingActions = (_jsxs("div", { className: "page-heading-actions skills-heading-actions", children: [_jsxs("div", { className: "skills-metric-strip", children: [_jsxs("span", { children: [_jsx("small", { children: tr('skills.metricInstalled') }), _jsx("strong", { children: skills.length })] }), _jsxs("span", { children: [_jsx("small", { children: tr('skills.metricBots') }), _jsxs("strong", { children: [configuredBotCount, "/", bots.length] })] }), _jsxs("span", { children: [_jsx("small", { children: tr('skills.metricAttached') }), _jsx("strong", { children: attachedSkillRefCount })] })] }), _jsx(RefreshIconButton, { id: "skills-refresh", label: tr('skills.refresh'), busy: loading, disabled: loading, onClick: () => void refresh() })] }));
-    const body = (_jsx("div", { className: "skills-page-stack", children: loading ? _jsx(LoadingState, { label: tr('common.loading') }) : loadError ? _jsx("p", { className: "hint-warn", children: loadError }) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "skills-config-row", children: [_jsxs("section", { className: "skills-config-block", children: [_jsx(SectionHeader, { title: tr('skills.globalDefaults') }), _jsxs("article", { className: "bd-card skills-defaults-panel skills-config-card", children: [_jsxs("div", { className: "skills-control-block", children: [_jsx("span", { className: "skills-control-label", children: tr('skills.globalProject') }), _jsx(SkillSegmented, { value: trustProjectSkills, disabled: globalBusy === 'project', options: [
-                                                        { value: 'off', label: tr('skills.globalProjectOff'), help: tr('skills.globalProjectOffHelp') },
-                                                        { value: 'all', label: tr('skills.globalProjectAll'), help: tr('skills.globalProjectAllHelp') },
-                                                    ], onChange: value => void updateGlobalProject(value) })] }), _jsxs("div", { className: "skills-control-block", children: [_jsx("span", { className: "skills-control-label", children: tr('skills.globalDelivery') }), _jsx(SkillSegmented, { value: delivery, disabled: globalBusy === 'delivery', options: [
-                                                        { value: 'auto', label: tr('skills.deliveryAuto'), help: tr('skills.deliveryAutoHelp') },
-                                                        { value: 'prompt', label: tr('skills.deliveryPrompt'), help: tr('skills.deliveryPromptHelp') },
-                                                        { value: 'native', label: tr('skills.deliveryNative'), help: tr('skills.deliveryNativeHelp') },
-                                                    ], onChange: value => void updateGlobalDelivery(value) })] })] })] }), _jsxs("section", { className: "skills-config-block", children: [_jsx(SectionHeader, { title: _jsx(FieldTitle, { help: tr('skills.installInfo'), helpLabel: tr('skills.installInfoLabel'), children: tr('skills.install') }) }), _jsx(SkillsInstallPanel, { showTitle: false, installSource: installSource, installPath: installPath, installRef: installRef, installStatus: installStatus, installBusy: installBusy, installDiscovering: installDiscovering, installSelectionOpen: installSelectionOpen, installCandidates: installCandidates, selectedInstallSkills: selectedInstallSkills, onInstallSourceChange: (value) => {
-                                        setInstallSource(value);
-                                        clearInstallDiscovery();
-                                    }, onInstallPathChange: (value) => {
-                                        setInstallPath(value);
-                                        clearInstallDiscovery();
-                                    }, onInstallRefChange: (value) => {
-                                        setInstallRef(value);
-                                        clearInstallDiscovery();
-                                    }, onToggleInstallSkill: toggleInstallCandidate, onSelectAllInstallSkills: selectAllInstallCandidates, onConfirmInstallSelection: () => void confirmInstallSelection(), onCloseInstallSelection: () => setInstallSelectionOpen(false), onInstall: () => void installSkill(), onOpenNativeDiscovery: () => setDiscoveryOpen(true) })] }), _jsxs("section", { className: "skills-config-block", children: [_jsx(SectionHeader, { title: tr('skills.bots'), count: tr('skills.botCount', { count: bots.length }), hint: tr('skills.botsHelp') }), _jsx("section", { className: "bd-card skills-bots-panel skills-config-card", children: _jsx("div", { className: "skills-bot-grid", children: bots.map(bot => (_jsx(BotPolicyCard, { bot: bot, installedNames: installedNames, skills: skills, status: botStatuses[bot.larkAppId] ?? null, busyKey: botBusy, onSave: setBotSkills }, bot.larkAppId))) }) })] })] }), _jsx(InstalledSkillsLibrary, { skills: skills, busySkill: skillBusy, removingNames: removingNames, status: installedStatus, onUpdate: name => void updateSkill(name), onRequestRemove: requestSkillRemoval }), _jsx(RemoveSkillsDialog, { names: removalDialogOpen ? pendingRemoval : null, references: removalReferences, busy: removingNames.size > 0, error: removalError, onCancel: cancelSkillRemoval, onConfirm: force => void confirmSkillRemoval(force) }), _jsx("dialog", { className: "skills-discovery-dialog", id: "skills-discovery-dialog", ref: discoveryDialogRef, onClose: () => setDiscoveryOpen(false), onClick: event => {
-                        if (event.target === event.currentTarget)
-                            setDiscoveryOpen(false);
-                    }, children: _jsxs("article", { children: [_jsxs("header", { children: [_jsx("h3", { children: tr('skills.discoverTitle') }), _jsx("p", { children: tr('skills.discoverHelp') }), _jsx("button", { type: "button", className: "skills-discovery-close", "data-action": "close-discovery", "aria-label": tr('skills.discoverClose'), title: tr('skills.discoverClose'), onClick: () => setDiscoveryOpen(false) })] }), _jsx("div", { className: "skills-discovery-body", children: !activeDiscoveryGroup ? _jsx("p", { className: "empty", children: tr('skills.discoverEmpty') }) : (_jsx(_Fragment, { children: _jsxs("div", { className: "skills-discovery-layout", children: [_jsx("div", { className: "skills-discovery-tabs", role: "tablist", "aria-label": tr('skills.discoverTitle'), children: nativeSkillGroups.map(group => {
-                                                    const key = discoveryGroupKey(group);
-                                                    const selected = key === activeKey;
-                                                    return (_jsxs("button", { type: "button", role: "tab", "data-discovery-tab": key, className: selected ? 'selected' : '', "aria-selected": selected ? 'true' : 'false', onClick: () => setActiveDiscoveryKey(key), children: [_jsx("strong", { children: group.label ?? group.cliId }), _jsx("small", { children: tr('skills.skillCount', { count: group.skills.length }) })] }, key));
-                                                }) }), _jsxs("div", { className: "skills-discovery-main", children: [_jsx("div", { className: "skills-discovery-path", children: _jsx("code", { children: activeDiscoveryGroup.rootDir }) }), nativeSkillGroups.map(group => {
-                                                        const key = discoveryGroupKey(group);
-                                                        const selected = key === activeKey;
-                                                        return (_jsx("section", { className: "skills-discovery-group", "data-discovery-panel": key, hidden: !selected, children: group.skills.length === 0 ? _jsx("p", { className: "empty", children: tr('skills.discoverGroupEmpty') }) : (_jsx("div", { className: "skills-discovery-list", children: group.skills.map(skill => {
-                                                                    const already = installedNames.has(skill.name);
-                                                                    const path = skill.rootDir ?? skill.source?.root ?? '';
-                                                                    return (_jsxs("label", { className: `skills-discovery-row${already ? ' installed' : ''}`, children: [_jsx("input", { type: "checkbox", "data-discovered-skill": true, value: path, disabled: already, checked: !already && selectedDiscovered.has(path), onChange: e => {
-                                                                                    const checked = e.currentTarget.checked;
-                                                                                    setSelectedDiscovered(prev => {
-                                                                                        const next = new Set(prev);
-                                                                                        if (checked)
-                                                                                            next.add(path);
-                                                                                        else
-                                                                                            next.delete(path);
-                                                                                        return next;
-                                                                                    });
-                                                                                } }), _jsxs("span", { children: [_jsx("strong", { children: skill.name }), skill.description ? _jsx("small", { children: skill.description }) : null] }), already ? _jsx("em", { children: tr('skills.discoverRegistered') }) : null] }, `${skill.name}:${path}`));
-                                                                }) })) }, key));
-                                                    })] })] }) })) }), _jsxs("footer", { className: "actions", children: [_jsx("button", { type: "button", "data-action": "toggle-discovered-skills", disabled: activeGroupSelectable.length === 0, onClick: () => {
-                                            setSelectedDiscovered(prev => {
-                                                const next = new Set(prev);
-                                                if (activeAllSelected)
-                                                    activeGroupSelectable.forEach(path => next.delete(path));
-                                                else
-                                                    activeGroupSelectable.forEach(path => next.add(path));
-                                                return next;
-                                            });
-                                        }, children: activeAllSelected ? tr('skills.discoverClearSelection') : tr('skills.discoverSelectAll') }), _jsx("button", { type: "button", className: "primary", "data-action": "register-discovered-skills", disabled: discoveryBusy, onClick: () => void registerDiscoveredSkills(), children: tr('skills.discoverRegister') })] })] }) })] })) }));
-    return (_jsxs("section", { className: "page skills-page", children: [_jsxs("div", { className: "page-heading", children: [_jsxs("div", { children: [_jsx("p", { className: "eyebrow", children: tr('nav.skills') }), _jsx("h1", { children: tr('skills.title') })] }), headingActions] }), _jsx("div", { id: "skills-body", children: body })] }));
-}
-function sameSkillSelection(left, right) {
-    return left.size === right.length && right.every(name => left.has(name));
-}
-export function SkillMultiPicker(props) {
-    const tr = useT();
-    const rootRef = useRef(null);
-    const triggerRef = useRef(null);
-    const popoverRef = useRef(null);
-    const [open, setOpen] = useState(false);
-    const [query, setQuery] = useState('');
-    const [draft, setDraft] = useState(() => new Set(props.names));
-    const [position, setPosition] = useState(null);
-    const currentNamesKey = props.names.join('\n');
-    const normalizedQuery = query.trim().toLocaleLowerCase();
-    const options = useMemo(() => {
-        const byName = new Map(props.skills.map(skill => [skill.name, skill]));
-        for (const name of props.names) {
-            if (!byName.has(name))
-                byName.set(name, { name });
-        }
-        return [...byName.values()].sort((left, right) => left.name.localeCompare(right.name));
-    }, [props.names, props.skills]);
-    const filteredOptions = useMemo(() => {
-        if (!normalizedQuery)
-            return options;
-        return options.filter(skill => `${skill.name} ${skill.description || ''}`.toLocaleLowerCase().includes(normalizedQuery));
-    }, [normalizedQuery, options]);
-    const dirty = !sameSkillSelection(draft, props.names);
-    const updatePosition = useCallback(() => {
-        const trigger = triggerRef.current;
-        if (!trigger || typeof window === 'undefined')
-            return;
-        const rect = trigger.getBoundingClientRect();
-        const edge = 12;
-        const gap = 7;
-        const width = Math.min(370, Math.max(260, window.innerWidth - edge * 2));
-        const left = Math.min(Math.max(edge, rect.left), Math.max(edge, window.innerWidth - width - edge));
-        const spaceAbove = Math.max(0, rect.top - gap - edge);
-        const spaceBelow = Math.max(0, window.innerHeight - rect.bottom - gap - edge);
-        const placeAbove = spaceAbove > spaceBelow;
-        const available = placeAbove ? spaceAbove : spaceBelow;
-        const desired = 118 + Math.min(options.length, 5) * 42;
-        const height = Math.max(180, Math.min(desired, available));
-        setPosition({
-            left,
-            top: placeAbove ? Math.max(edge, rect.top - gap - height) : rect.bottom + gap,
-            width,
-            height,
-        });
-    }, [options.length]);
-    useEffect(() => {
-        if (!open)
-            setDraft(new Set(props.names));
-    }, [currentNamesKey, open]);
-    useEffect(() => {
-        if (!open || typeof document === 'undefined')
-            return undefined;
-        const closeOnOutsideClick = (event) => {
-            if (rootRef.current?.contains(event.target) || popoverRef.current?.contains(event.target))
-                return;
-            setOpen(false);
-            setQuery('');
-            setDraft(new Set(props.names));
-        };
-        document.addEventListener('pointerdown', closeOnOutsideClick);
-        window.addEventListener('resize', updatePosition);
-        window.addEventListener('scroll', updatePosition, true);
-        updatePosition();
-        return () => {
-            document.removeEventListener('pointerdown', closeOnOutsideClick);
-            window.removeEventListener('resize', updatePosition);
-            window.removeEventListener('scroll', updatePosition, true);
-        };
-    }, [currentNamesKey, open, updatePosition]);
-    function openPicker() {
-        setDraft(new Set(props.names));
-        setQuery('');
-        updatePosition();
-        setOpen(true);
-    }
-    function cancel() {
-        setDraft(new Set(props.names));
-        setQuery('');
-        setOpen(false);
-    }
-    function toggle(name) {
-        setDraft(current => {
-            const next = new Set(current);
-            if (next.has(name))
-                next.delete(name);
-            else
-                next.add(name);
-            return next;
-        });
-    }
-    async function save() {
-        const names = [...draft].sort((left, right) => left.localeCompare(right));
-        try {
-            await props.onSave(names);
-            setQuery('');
-            setOpen(false);
-        }
-        catch {
-            // The card-level status message explains the failure; keep the draft open for retry.
-        }
-    }
-    const triggerLabel = props.names.length === 0
-        ? tr('skills.pickerPlaceholder')
-        : props.names.length === 1
-            ? props.names[0]
-            : tr('skills.pickerSelectedCount', { count: props.names.length });
-    const popover = open ? (_jsxs("div", { ref: popoverRef, className: "skills-multi-picker-popover", style: position ? { left: position.left, top: position.top, width: position.width, height: position.height } : undefined, children: [_jsxs("div", { className: "skills-multi-picker-head", children: [_jsxs("label", { className: "skills-multi-picker-search", children: [_jsx("span", { className: "skills-multi-picker-search-icon", "aria-hidden": "true" }), _jsx("input", { type: "search", "data-action": "search-skills", autoFocus: true, autoComplete: "off", value: query, placeholder: tr('skills.pickerSearchPlaceholder'), onChange: event => setQuery(event.currentTarget.value), onKeyDown: event => {
-                                    if (event.key === 'Escape') {
-                                        event.preventDefault();
-                                        cancel();
-                                    }
-                                } })] }), _jsxs("div", { className: "skills-multi-picker-meta", children: [_jsx("span", { children: tr('skills.pickerSelectionMeta', { selected: draft.size, total: options.length }) }), draft.size > 0 ? (_jsx("button", { type: "button", className: "skills-multi-picker-clear", "data-action": "clear-skill-selection", onClick: () => setDraft(new Set()), children: tr('skills.pickerClear') })) : null] })] }), _jsxs("div", { className: "skills-multi-picker-options", role: "listbox", "aria-label": tr('skills.priority'), "aria-multiselectable": "true", children: [filteredOptions.map(skill => {
-                        const selected = draft.has(skill.name);
-                        const dangling = !props.installedNames.has(skill.name);
-                        return (_jsxs("button", { type: "button", className: `skills-multi-picker-option${selected ? ' selected' : ''}${dangling ? ' dangling' : ''}`, role: "option", "aria-selected": selected, "data-skill-name": skill.name, onClick: () => toggle(skill.name), children: [_jsx("span", { className: "skills-multi-picker-check", "aria-hidden": "true" }), _jsxs("span", { className: "skills-multi-picker-option-copy", children: [_jsxs("span", { children: [_jsx("b", { children: skill.name }), dangling ? _jsx("em", { children: tr('skills.dangling') }) : null] }), skill.description ? _jsx("small", { children: skill.description }) : null] })] }, skill.name));
-                    }), filteredOptions.length === 0 ? _jsx("p", { className: "skills-multi-picker-empty", children: tr('skills.pickerNoResults') }) : null] }), _jsxs("footer", { className: "skills-multi-picker-actions", children: [_jsx("button", { type: "button", className: "ghost", "data-action": "cancel-skill-selection", disabled: props.busy, onClick: cancel, children: tr('skills.cancel') }), _jsx("button", { type: "button", className: "primary", "data-action": "save-skill-selection", disabled: !dirty || props.busy, onClick: () => void save(), children: props.busy ? tr('skills.saving') : tr('skills.saveSelection') })] })] })) : null;
-    return (_jsxs("div", { ref: rootRef, className: `skills-multi-picker${open ? ' open' : ''}`, "data-skill-picker": props.botId, children: [_jsxs("button", { ref: triggerRef, type: "button", className: "skills-multi-picker-trigger", "data-action": "open-skill-picker", "aria-haspopup": "listbox", "aria-expanded": open, disabled: props.busy, onClick: () => open ? cancel() : openPicker(), children: [_jsxs("span", { className: "skills-multi-picker-trigger-copy", children: [_jsx("b", { children: triggerLabel }), _jsx("small", { children: tr('skills.pickerTriggerHint') })] }), _jsx("span", { className: "skills-multi-picker-chevron", "aria-hidden": "true" })] }), popover && typeof document !== 'undefined' ? createPortal(popover, document.body) : popover] }));
-}
-export function BotPolicyCard(props) {
-    const tr = useT();
-    const { bot, installedNames, skills, status, busyKey, onSave } = props;
-    const label = bot.botName ?? bot.larkAppId;
-    const names = priorityNames(bot.skills);
-    if (bot.error) {
-        return (_jsxs("article", { className: "bd-card skills-bot-card", "data-appid": bot.larkAppId, children: [_jsxs("header", { children: [_jsx(Html, { html: botAvatarHtml({ name: label, larkAppId: bot.larkAppId, size: 'sm' }) }), _jsx("strong", { children: label })] }), _jsx("p", { className: "hint-warn-inline", children: bot.error })] }));
-    }
-    return (_jsxs("article", { className: "bd-card skills-bot-card", "data-appid": bot.larkAppId, children: [_jsxs("header", { className: "skills-bot-head", children: [_jsx(Html, { html: botAvatarHtml({ name: label, larkAppId: bot.larkAppId, size: 'sm', dot: 'ok' }) }), _jsxs("div", { className: "skills-bot-title-line", children: [_jsx("strong", { children: label }), _jsx("span", { className: "skills-count-pill", children: tr('skills.skillCount', { count: names.length }) })] })] }), _jsxs("section", { className: "skills-policy-panel", children: [_jsx("div", { className: "skills-priority-head", children: _jsx("h3", { className: "skills-priority-title", children: tr('skills.priority') }) }), _jsx(SkillMultiPicker, { botId: bot.larkAppId, names: names, installedNames: installedNames, skills: skills, busy: busyKey === `${bot.larkAppId}:set`, onSave: next => onSave(bot.larkAppId, next) })] }), _jsx("span", { className: statusClass(status), "data-bot-status": true, children: status?.text ?? '' })] }));
-}
-export function renderSkillsPage(root) {
-    return mountReactPage(root, _jsx(SkillsPage, {}));
-}
-//# sourceMappingURL=skills-page.js.map