@lesliechan721/aw 0.1.0-beta.3

package/dist/src/tui/console-app-v4.js

@@ -0,0 +1,2613 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text, useInput, useWindowSize } from 'ink';
+import { useEffect, useRef, useState } from 'react';
+import path from 'node:path';
+import { CATALOG_SOURCE_ID_PATTERN } from '../utils/catalog-sources.js';
+import { canonicalizeCatalogGitUrl } from '../utils/catalog-source-identity.js';
+import { normalizePortableAgents } from '../portable/commands.js';
+import { projectCatalogSourceLocation } from '../utils/catalog-source-presentation.js';
+import { ScreenFrame } from './components.js';
+import { extractPortableError, userIssueKey } from './controller.js';
+import { resolveTuiSizePolicy } from './layout.js';
+import { hasInstalledPlacement } from './model.js';
+import { tuiTheme } from './theme.js';
+export const CONSOLE_V4_SCREEN_IDS = [
+    'G01', 'G02', 'G03', 'G04', 'G05',
+    'P01', 'P02', 'P03', 'P04', 'P05', 'P06', 'P07', 'P08', 'P09', 'P10',
+    'P11', 'P12', 'P13', 'P14', 'P15', 'P16', 'P17', 'P18', 'P19', 'P20', 'P21',
+    'C01', 'C02', 'C03', 'C04', 'C05', 'C06', 'C07', 'C08', 'C09', 'C10',
+    'C11', 'C12', 'C13', 'C14', 'C15', 'C16', 'C17',
+    'S01', 'S02', 'S03', 'S04', 'S05', 'S06', 'S07', 'S08', 'S09',
+    'S10', 'S11', 'S12', 'S13', 'S14', 'S15', 'S16', 'S17', 'S18',
+    'I01', 'I02', 'I03', 'I04', 'I05', 'I06', 'I07', 'I08', 'I09',
+    'I10', 'I11', 'I12', 'I13',
+    'D01', 'D02', 'D03', 'D04', 'D05', 'D06', 'D07', 'D08', 'D09',
+    'D10', 'D11', 'D12', 'D13', 'D14', 'D15', 'D16', 'D17',
+    'U01', 'U02', 'U03', 'U04', 'U05', 'U06', 'U07', 'U08', 'U09', 'U10', 'U11',
+];
+function configOwnerKey(route) {
+    return `${route.pluginId}\0${route.layer.scope}\0${route.layer.projectLayer}`;
+}
+function configPageMatches(page, route) {
+    return Boolean(page && route
+        && page.pluginId === route.pluginId
+        && page.layer.scope === route.layer.scope
+        && page.layer.projectLayer === route.layer.projectLayer);
+}
+function platformLabel(platform) {
+    return platform === 'codex' ? 'Codex' : 'Claude Code';
+}
+function partialRetryAction(operationKind, originalAction, targetState) {
+    if (!targetState)
+        return undefined;
+    if (operationKind === 'configSave' || operationKind === 'configReset') {
+        return targetState === 'absent' ? undefined : 'reinstall';
+    }
+    if (originalAction === 'uninstall') {
+        return targetState === 'present' || targetState === 'partial' ? 'uninstall' : undefined;
+    }
+    if (originalAction === 'cleanup')
+        return targetState === 'absent' ? undefined : 'cleanup';
+    if (targetState === 'absent')
+        return 'install';
+    if (targetState === 'partial')
+        return 'reinstall';
+    if (targetState === 'error')
+        return undefined;
+    return originalAction === 'upgrade' ? 'upgrade' : 'reinstall';
+}
+function scopeLabel(scope) {
+    return scope === 'user' ? '所有项目' : '当前项目';
+}
+function statusText(plugin) {
+    return {
+        available: '未添加',
+        installed: '可用',
+        needsAttention: '需要处理',
+        unavailable: '来源不可用',
+    }[plugin.aggregateStatus];
+}
+function statusColor(status) {
+    if (status === 'success')
+        return tuiTheme.statusColors.success;
+    if (status === 'warning')
+        return tuiTheme.statusColors.warning;
+    if (status === 'error')
+        return tuiTheme.statusColors.error;
+    if (status === 'info')
+        return tuiTheme.statusColors.info;
+    if (status === 'muted')
+        return tuiTheme.colors.muted;
+    return undefined;
+}
+function moveFocus(actions, current, direction) {
+    if (actions.length === 0)
+        return 0;
+    for (let offset = 1; offset <= actions.length; offset += 1) {
+        const next = (current + direction * offset + actions.length) % actions.length;
+        if (!actions[next]?.disabled)
+            return next;
+    }
+    return current;
+}
+function actionLimitForLineBudget(actions, lineBudget) {
+    let used = 0;
+    let count = 0;
+    for (const action of actions) {
+        const height = action.description || action.disabled ? 2 : 1;
+        if (count > 0 && used + height > lineBudget)
+            break;
+        used += height;
+        count += 1;
+    }
+    return Math.max(1, count);
+}
+function lineBudgetViewport(actions, focus, requestedOffset, lineBudget, groupKeys) {
+    const height = (start, end) => {
+        let lines = 0;
+        let previousGroup;
+        for (let index = start; index < end; index += 1) {
+            const group = groupKeys?.[index];
+            if (group && group !== previousGroup)
+                lines += 1;
+            lines += actions[index]?.description || actions[index]?.disabled ? 2 : 1;
+            previousGroup = group;
+        }
+        return lines;
+    };
+    let offset = Math.min(requestedOffset, Math.max(0, actions.length - 1));
+    if (focus < offset)
+        offset = focus;
+    while (offset < focus && height(offset, focus + 1) > lineBudget)
+        offset += 1;
+    let end = Math.max(offset + 1, focus + 1);
+    while (end < actions.length && height(offset, end + 1) <= lineBudget)
+        end += 1;
+    return { offset, limit: Math.max(1, end - offset) };
+}
+function actionViewport(routeName, actions, mode, focus, requestedOffset) {
+    if (routeName === 'portableDependencies') {
+        return lineBudgetViewport(actions, focus, requestedOffset, mode === 'compact' ? 7 : 12);
+    }
+    const limit = routeName === 'pluginList' || routeName === 'issueList' || routeName === 'sourceList'
+        ? actionLimitForLineBudget(actions, mode === 'compact' ? 8 : 12)
+        : routeName === 'pluginDependencies' ? mode === 'compact' ? 2 : 7
+            : mode === 'compact' ? 4
+                : routeName === 'configFields' || routeName === 'review' || routeName === 'issueDetail' ? 7 : undefined;
+    if (limit === undefined)
+        return { offset: 0 };
+    const maximumOffset = Math.max(0, actions.length - limit);
+    let offset = Math.min(requestedOffset, maximumOffset);
+    if (focus < offset)
+        offset = focus;
+    else if (focus >= offset + limit)
+        offset = focus - limit + 1;
+    return { limit, offset: Math.max(0, offset) };
+}
+function portableSkillCandidateViewport(actions, candidates, mode, focus, requestedOffset) {
+    const candidateFocus = focus < candidates.length ? focus : requestedOffset;
+    return lineBudgetViewport(actions, candidateFocus, requestedOffset, mode === 'compact' ? 10 : 12, candidates.map((candidate) => candidate.providerPluginId));
+}
+function portableScopeVariantsDiffer(candidate) {
+    const project = candidate.scopeDetails.project;
+    const user = candidate.scopeDetails.user;
+    return Boolean(project && user && (project.description !== user.description
+        || project.providerPluginId !== user.providerPluginId
+        || project.providerDisplayName !== user.providerDisplayName
+        || project.dynamic !== user.dynamic
+        || project.filesDigest !== user.filesDigest));
+}
+function portableScopeVariantLabel(scope, detail) {
+    if (!detail)
+        return '';
+    return `${scope === 'project' ? '当前项目' : '所有项目'}：${detail.description} · ${detail.providerDisplayName}${detail.dynamic ? ' · 按设置生成' : ''}`;
+}
+function privatePathInput(value) {
+    if (!value)
+        return '';
+    const basename = value.split(/[\\/]/u).filter(Boolean).at(-1) ?? '已选择';
+    return `已选择 / … / ${basename}`;
+}
+function ActionRows(props) {
+    const offset = props.offset ?? 0;
+    const actions = props.limit === undefined
+        ? props.actions
+        : props.actions.slice(offset, offset + props.limit);
+    return (_jsx(Box, { flexDirection: "column", children: actions.map((action, visibleIndex) => {
+            const index = visibleIndex + offset;
+            const focused = index === props.focus && !action.disabled;
+            return (_jsxs(Box, { flexDirection: "column", paddingX: 1, backgroundColor: focused ? tuiTheme.colors.selectionBackground : undefined, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Text, { bold: focused, color: action.disabled ? tuiTheme.colors.muted : statusColor(action.status), wrap: "truncate-end", children: [focused ? '› ' : '  ', action.label] }), action.meta ? _jsx(Text, { color: statusColor(action.status) ?? tuiTheme.colors.muted, children: action.meta }) : null] }), action.description || action.disabled
+                        ? _jsxs(Text, { color: tuiTheme.colors.muted, wrap: "truncate-end", children: ['    ', action.disabled ?? action.description] })
+                        : null] }, `${action.label}:${index}`));
+        }) }));
+}
+function PortableSkillRows(props) {
+    const end = props.limit === undefined ? props.actions.length : props.offset + props.limit;
+    const indexes = props.actions.map((_, index) => index)
+        .filter((index) => index >= props.offset && index < end);
+    return _jsx(Box, { flexDirection: "column", children: indexes.map((index) => {
+            const candidate = props.candidates[index];
+            const previous = props.candidates[index - 1];
+            const showHeading = candidate && (index === props.offset
+                || candidate.providerPluginId !== previous?.providerPluginId);
+            const heading = candidate?.relation === 'requested'
+                ? '当前插件'
+                : candidate ? `来自依赖插件 · ${candidate.providerDisplayName}` : undefined;
+            return _jsxs(Box, { flexDirection: "column", children: [showHeading && heading ? _jsx(Text, { bold: true, color: tuiTheme.colors.muted, children: heading }) : null, _jsx(ActionRows, { actions: props.actions, focus: props.focus, offset: index, limit: 1 })] }, index);
+        }) });
+}
+function Bordered(props) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: tuiTheme.colors.border, paddingX: 1, children: [props.title ? _jsx(Text, { bold: true, children: props.title }) : null, props.children] }));
+}
+function SourceTabs(props) {
+    const tabs = [{ id: 'all', label: '全部', count: props.controller.listPlugins({ mode: props.mode }).length },
+        ...props.controller.listSources().map((source) => ({
+            ...source,
+            count: props.controller.listPlugins({ mode: props.mode, sourceId: source.id }).length,
+        }))];
+    const index = Math.max(0, tabs.findIndex((tab) => tab.id === props.current));
+    if (props.compact) {
+        const tab = tabs[index];
+        return _jsxs(Text, { children: ["\u6765\u6E90  ", _jsxs(Text, { color: tuiTheme.colors.accent, children: ["[", tab.label, "]"] }), "  ", index + 1, " / ", tabs.length, "  \u2190 \u2192"] });
+    }
+    return (_jsxs(Text, { children: ["\u6765\u6E90  ", tabs.map((tab) => {
+                const active = tab.id === props.current;
+                const state = 'state' in tab ? tab.state : 'ready';
+                return (_jsxs(Text, { bold: active, color: active ? tuiTheme.colors.accent
+                        : state === 'error' ? tuiTheme.statusColors.error
+                            : state === 'cache' ? tuiTheme.statusColors.warning : tuiTheme.colors.muted, children: [active ? '[' : '', tab.label, state === 'error' ? ' !' : ` ${tab.count ?? ''}`, active ? ']' : '', '  '] }, tab.id));
+            })] }));
+}
+function placementStatus(placement) {
+    if (placement.state === 'notInstalled') {
+        return { value: '未添加', status: 'muted', description: '选择使用位置后添加' };
+    }
+    if (placement.state === 'scopeConflict') {
+        return { value: '位置冲突', status: 'warning', description: '需要先处理两个安装位置' };
+    }
+    return {
+        value: `${scopeLabel(placement.scope)} · ${placement.health === 'ready' ? '可用' : placement.health === 'incomplete' ? '需要处理' : '不可用'}`,
+        status: placement.health === 'ready' ? 'success' : placement.health === 'incomplete' ? 'warning' : 'error',
+        description: placement.health === 'ready' ? '当前检查正常' : '查看影响和建议操作',
+    };
+}
+function dependencyStatus(item) {
+    if (item.aggregateStatus === 'ready')
+        return { value: '已可用', status: 'success' };
+    if (item.aggregateStatus === 'notInstalled')
+        return { value: '未添加', status: 'muted' };
+    if (item.aggregateStatus === 'needsAttention')
+        return { value: '需要处理', status: 'warning' };
+    return { value: '不可用', status: 'error' };
+}
+function dependencyPlacementLabel(item) {
+    const placement = item.placements.find((entry) => entry.state === 'installed');
+    if (placement?.state === 'installed') {
+        const state = placement.health === 'ready' ? '可用'
+            : placement.health === 'incomplete' ? '需要处理' : '不可用';
+        return `${scopeLabel(placement.scope)} · ${state}`;
+    }
+    if (item.placements.some((entry) => entry.state === 'scopeConflict'))
+        return '位置冲突';
+    return dependencyStatus(item).value;
+}
+function dependentTargetLabel(item) {
+    const consumer = item.placementReferences?.[0]?.consumer;
+    return consumer
+        ? `${platformLabel(consumer.platform)} · ${scopeLabel(consumer.scope)}`
+        : dependencyPlacementLabel(item);
+}
+function dependencyRelationDescription(item) {
+    if (item.relation === 'dependent')
+        return '使用这个依赖的插件';
+    const requiredBy = item.requiredBy.map((entry) => entry.displayName).join('、');
+    return `${item.relation === 'direct' ? '直接依赖' : '间接依赖'}${requiredBy ? ` · ${requiredBy} 需要它` : ''}`;
+}
+function dependencySummaryText(summary) {
+    return `${summary.directCount} 个直接 · ${summary.totalCount} 个总计`;
+}
+function operationTargetStateLabel(state) {
+    const labels = {
+        completed: { label: '已完成', status: 'success' },
+        kept: { label: '已保留', status: 'success' },
+        failed: { label: '失败', status: 'error' },
+        skipped: { label: '未执行 · 依赖未完成', status: 'warning' },
+    };
+    return labels[state];
+}
+function reviewSymbol(change) {
+    return { add: '+', change: '~', remove: '−', keep: '✓', warning: '!' }[change.kind];
+}
+function currentPlugin(controller, route) {
+    return 'pluginId' in route ? controller.getPluginOverview(route.pluginId) : undefined;
+}
+export function resolveConsoleV4ScreenId(snapshot, controller, overlay, tooSmall = false, searchMode = false) {
+    if (tooSmall)
+        return 'G05';
+    if (overlay === 'help')
+        return 'G03';
+    if (overlay === 'discard')
+        return 'G04';
+    if (snapshot.phase !== 'ready')
+        return 'G01';
+    const route = snapshot.router.current.route;
+    if (route.name === 'home')
+        return 'G02';
+    if (route.name === 'pluginList') {
+        const items = controller.listPlugins({ mode: route.mode, sourceId: route.sourceId });
+        if (route.mode === 'installed' && items.length === 0)
+            return 'P12';
+        if (route.sourceId && controller.getSourceOverview(route.sourceId).source?.state === 'error')
+            return 'P03';
+        return route.mode === 'installed' ? 'P11' : searchMode ? 'P02' : 'P01';
+    }
+    if (route.name === 'pluginPreview') {
+        return controller.getPluginOverview(route.pluginId)?.dependencySummary?.totalCount ? 'D01' : 'P04';
+    }
+    if (route.name === 'portableSkillSelect')
+        return 'U01';
+    if (route.name === 'portableDependencies')
+        return 'U02';
+    if (route.name === 'portableAgentMode')
+        return 'U03';
+    if (route.name === 'portableAgentInput')
+        return 'U04';
+    if (route.name === 'portableScope')
+        return 'U05';
+    if (route.name === 'portableBlocker') {
+        if (route.code === 'requiredConfigMissing')
+            return 'U09';
+        if (route.code === 'portableSkillsCliMissing' || route.code === 'portableSkillsCliIncompatible')
+            return 'U10';
+        return 'U11';
+    }
+    if (route.name === 'pluginDependencies') {
+        if (route.view === 'removeBlocked')
+            return 'D12';
+        const plugin = controller.getPluginOverview(route.pluginId);
+        return plugin && hasInstalledPlacement(plugin) ? 'D10' : 'D02';
+    }
+    if (route.name === 'installPlacement') {
+        return controller.getPluginOverview(route.pluginId)?.dependencySummary?.totalCount ? 'D03' : 'P05';
+    }
+    if (route.name === 'installTools') {
+        if (route.view === 'blocked')
+            return 'D16';
+        return controller.getPluginOverview(route.pluginId)?.dependencySummary?.totalCount ? 'D04' : 'P06';
+    }
+    if (route.name === 'pluginDetail') {
+        return controller.getPluginOverview(route.pluginId)?.dependencySummary?.totalCount ? 'D09' : 'P13';
+    }
+    if (route.name === 'platform') {
+        const plugin = controller.getPluginOverview(route.pluginId);
+        if (plugin?.aggregateStatus === 'unavailable')
+            return 'P17';
+        const placement = controller.getPlatformPlacement(route.pluginId, route.platform);
+        if (!placement || placement.state === 'notInstalled')
+            return 'P15';
+        if (placement.state === 'installed' && placement.health === 'ready')
+            return 'P14';
+        return 'P16';
+    }
+    const dependencyOperation = snapshot.activeReview?.operationKind === 'pluginWrite'
+        && Boolean(snapshot.activeReview.changes.some((change) => change.group));
+    if (route.name === 'review' && dependencyOperation) {
+        return snapshot.activeReview?.pluginAction === 'uninstall' || snapshot.activeReview?.pluginAction === 'cleanup'
+            ? 'D11' : 'D05';
+    }
+    if (route.name === 'progress' && snapshot.progressTargets.length > 0)
+        return 'D06';
+    if (route.name === 'result' && (snapshot.result?.state === 'succeeded' || snapshot.result?.state === 'partial')
+        && snapshot.result.summary.targets?.some((target) => target.relation)) {
+        return snapshot.result.state === 'partial' ? 'D08' : 'D07';
+    }
+    if (route.name === 'review' && snapshot.activeReview?.originIssue)
+        return 'I10';
+    if (route.name === 'progress' && snapshot.activeReview?.originIssue)
+        return 'I11';
+    if (route.name === 'result' && snapshot.result?.originIssue) {
+        return snapshot.result.state === 'succeeded' ? 'I12' : 'I13';
+    }
+    if (route.name === 'review' && snapshot.activeReview?.operationKind === 'sourceMutation') {
+        return { add: 'S10', update: 'S15', setPrimary: 'S16', remove: 'S18' }[snapshot.activeReview.sourceAction];
+    }
+    if (route.name === 'progress' && snapshot.activeReview?.operationKind === 'sourceMutation')
+        return 'S11';
+    if (route.name === 'result' && snapshot.result && 'operationKind' in snapshot.result
+        && snapshot.result.operationKind === 'sourceMutation') {
+        return snapshot.result.state === 'succeeded' ? 'S12' : 'S13';
+    }
+    if (route.name === 'review')
+        return snapshot.activeReview?.operationKind === 'portableInstall' ? 'U06'
+            : snapshot.activeReview?.operationKind === 'configSave'
+                ? 'C12'
+                : snapshot.activeReview?.operationKind === 'configReset'
+                    ? 'C16'
+                    : snapshot.activeReview?.operationKind === 'pluginWrite'
+                        && (snapshot.activeReview.pluginAction === 'upgrade' || snapshot.activeReview.pluginAction === 'reinstall')
+                        ? 'P18'
+                        : snapshot.activeReview?.operationKind === 'pluginWrite'
+                            && (snapshot.activeReview.pluginAction === 'uninstall' || snapshot.activeReview.pluginAction === 'cleanup')
+                            ? 'P19' : 'P07';
+    if (route.name === 'progress')
+        return snapshot.activeReview?.operationKind === 'portableInstall' ? 'U07'
+            : snapshot.activeReview?.operationKind === 'configSave'
+                || snapshot.activeReview?.operationKind === 'configReset' ? 'C13' : 'P08';
+    if (route.name === 'result')
+        return snapshot.result?.operationKind === 'portableInstall' ? 'U08'
+            : snapshot.result?.operationKind === 'configSave'
+                || snapshot.result?.operationKind === 'configReset'
+                ? snapshot.result.state === 'succeeded' ? 'C14' : 'C15'
+                : snapshot.result?.state === 'partial' ? 'P10' : 'P09';
+    if (route.name === 'pluginAbout')
+        return 'P20';
+    if (route.name === 'pluginTechnical')
+        return 'P21';
+    if (route.name === 'configLayer')
+        return 'C01';
+    if (route.name === 'configFields')
+        return route.layer.scope === 'effective'
+            ? 'C02' : route.groupId ? 'C04' : 'C03';
+    if (route.name === 'configFieldEditor')
+        return {
+            enum: 'C05', boolean: 'C06', number: 'C07', string: 'C08', path: 'C09', sensitive: 'C10',
+        }[route.editor];
+    if (route.name === 'configPresets')
+        return 'C11';
+    if (route.name === 'configUnavailable')
+        return 'C17';
+    if (route.name === 'sourceList')
+        return 'S01';
+    if (route.name === 'sourceDetail')
+        return 'S02';
+    if (route.name === 'sourceTechnical')
+        return 'S03';
+    if (route.name === 'sourceAdd')
+        return {
+            type: 'S04', id: 'S05', location: 'S06', refPolicy: 'S07', ref: 'S08', subdir: 'S09',
+        }[route.step];
+    if (route.name === 'sourceEdit')
+        return 'S14';
+    if (route.name === 'sourceRemoveBlocked')
+        return 'S17';
+    if (route.name === 'issueList') {
+        const issues = controller.listUserIssues();
+        return issues.length === 0 ? 'I02' : issues.some((issue) => issue.category.startsWith('dependency')) ? 'D13' : 'I01';
+    }
+    if (route.name === 'issueDetail') {
+        const category = controller.listUserIssues().find((issue) => issue.issueId === route.issueId)?.category;
+        return {
+            incompleteInstallation: 'I03',
+            sourceDegraded: 'I04',
+            sourceUnavailable: 'I04',
+            sourceMissing: 'I05',
+            sourceIdentityChanged: 'I06',
+            requiredConfigMissing: 'I07',
+            scopeConflict: 'I08',
+            dependencyMissing: 'D14',
+            dependencyNotReady: 'D15',
+            dependencyTargetUnsupported: 'D16',
+            dependencyStillRequired: 'D12',
+            dependencyGraphInvalid: 'D17',
+            legacyState: 'I09',
+            diagnostic: 'I09',
+        }[category ?? 'diagnostic'];
+    }
+    return 'G02';
+}
+export function ConsoleAppV4(props) {
+    const windowSize = useWindowSize();
+    const size = props.size ?? windowSize;
+    const policy = resolveTuiSizePolicy(size.columns, size.rows);
+    const [snapshot, setSnapshot] = useState(props.controller.snapshot);
+    const [overlay, setOverlay] = useState();
+    const [overlayFocus, setOverlayFocus] = useState(0);
+    const [discardForExit, setDiscardForExit] = useState(false);
+    const [focus, setFocus] = useState(0);
+    const [scrollOffset, setScrollOffset] = useState(0);
+    const [searchMode, setSearchMode] = useState(false);
+    const [query, setQuery] = useState('');
+    const [scope, setScope] = useState('user');
+    const [tools, setTools] = useState([]);
+    const [technicalRouteKey, setTechnicalRouteKey] = useState();
+    const [exitAfterBusy, setExitAfterBusy] = useState(false);
+    const [, setClockTick] = useState(0);
+    const [dirty, setDirty] = useState(false);
+    const [configPage, setConfigPage] = useState();
+    const [configLayerCounts, setConfigLayerCounts] = useState({});
+    const [configLoadKey, setConfigLoadKey] = useState(0);
+    const [draftUpdates, setDraftUpdates] = useState({});
+    const [draftRemoves, setDraftRemoves] = useState([]);
+    const [inputValue, setInputValue] = useState('');
+    const [inputError, setInputError] = useState();
+    const [configActionError, setConfigActionError] = useState();
+    const [configResetAvailability, setConfigResetAvailability] = useState();
+    const [actionError, setActionError] = useState();
+    const [sourceDraft, setSourceDraft] = useState();
+    const [sourceInput, setSourceInput] = useState('');
+    const [sourceInputError, setSourceInputError] = useState();
+    const [sourceReferenceSummary, setSourceReferenceSummary] = useState();
+    const [sourceDependenciesExpanded, setSourceDependenciesExpanded] = useState(false);
+    const [portableAgentInput, setPortableAgentInput] = useState('');
+    const [draftOwner, setDraftOwner] = useState();
+    const exitSent = useRef(false);
+    const operationBusy = useRef(false);
+    const route = snapshot.router.current.route;
+    const routeKey = JSON.stringify(route);
+    const showTechnical = technicalRouteKey === routeKey;
+    const setShowTechnical = (next) => {
+        const visible = typeof next === 'function' ? next(showTechnical) : next;
+        setTechnicalRouteKey(visible ? routeKey : undefined);
+    };
+    const plugin = currentPlugin(props.controller, route);
+    const issue = route.name === 'issueDetail'
+        ? props.controller.listUserIssues().find((entry) => entry.issueId === route.issueId)
+        : undefined;
+    const busy = route.name === 'progress';
+    useEffect(() => {
+        if (!busy)
+            return;
+        const timer = setInterval(() => setClockTick((value) => value + 1), 1_000);
+        return () => clearInterval(timer);
+    }, [busy, route.name === 'progress' ? route.operationId : '']);
+    const tooSmall = policy.mode === 'too-small';
+    const requestExit = (request) => {
+        if (exitSent.current)
+            return;
+        exitSent.current = true;
+        props.onExit?.(request);
+    };
+    useEffect(() => {
+        const unsubscribe = props.controller.subscribe(setSnapshot);
+        if (props.controller.snapshot.phase === 'idle') {
+            void props.controller.load().catch(() => {
+                setActionError('操作未完成。请重新检查后重试。');
+            });
+        }
+        return () => {
+            unsubscribe();
+            if (props.ownsController)
+                props.controller.dispose();
+        };
+    }, [props.controller, props.ownsController]);
+    useEffect(() => {
+        if (!exitAfterBusy || !snapshot.result)
+            return;
+        const state = snapshot.result.state;
+        requestExit({
+            code: state === 'blocked' || state === 'partial' ? 1 : 0,
+            reason: state === 'blocked' ? 'blocked' : state === 'partial' ? 'partial'
+                : state === 'stale' ? 'stale' : 'completed',
+        });
+    }, [exitAfterBusy, snapshot.result]);
+    useEffect(() => {
+        if (route.name !== 'result'
+            || !snapshot.result
+            || (snapshot.result.state !== 'succeeded' && snapshot.result.state !== 'partial')
+            || !snapshot.result.operationKind)
+            return;
+        setDirty(false);
+        setDraftUpdates({});
+        setDraftRemoves([]);
+        if (snapshot.result.operationKind === 'sourceMutation')
+            setSourceDraft(undefined);
+    }, [route.name, snapshot.result]);
+    useEffect(() => {
+        if (route.name !== 'sourceAdd')
+            setSourceInput('');
+    }, [route.name]);
+    useEffect(() => {
+        if (route.name === 'portableAgentInput') {
+            setPortableAgentInput(snapshot.portableDraft?.requestedAgents.join(' ') ?? '');
+        }
+        else
+            setPortableAgentInput('');
+    }, [route.name, route.name === 'portableAgentInput' ? snapshot.portableDraft?.requestedAgents.join('\0') : '']);
+    useEffect(() => {
+        if (route.name !== 'configFieldEditor')
+            setInputValue('');
+    }, [route.name]);
+    const configRoute = route.name === 'configFields'
+        || route.name === 'configFieldEditor'
+        || route.name === 'configPresets'
+        ? route
+        : undefined;
+    const currentConfigPage = configPageMatches(configPage, configRoute) ? configPage : undefined;
+    useEffect(() => {
+        if (route.name !== 'configLayer')
+            return;
+        const abort = new AbortController();
+        const layers = [
+            { key: 'effective', layer: { scope: 'effective', projectLayer: 'shared' } },
+            { key: 'user', layer: { scope: 'user', projectLayer: 'shared' } },
+            { key: 'project', layer: { scope: 'project', projectLayer: 'shared' } },
+            { key: 'local', layer: { scope: 'project', projectLayer: 'local' } },
+        ];
+        void Promise.allSettled(layers.map(async ({ key, layer }) => ({
+            key,
+            count: (await props.controller.getConfigPage(route.pluginId, layer, abort.signal)).storedCount,
+        }))).then((results) => {
+            if (abort.signal.aborted)
+                return;
+            setConfigLayerCounts(Object.fromEntries(results.flatMap((result) => result.status === 'fulfilled' ? [[result.value.key, result.value.count]] : [])));
+        });
+        return () => abort.abort();
+    }, [props.controller, route.name, route.name === 'configLayer' ? route.pluginId : '']);
+    useEffect(() => {
+        if (!configRoute)
+            return;
+        const abort = new AbortController();
+        const expectedPluginId = configRoute.pluginId;
+        const expectedLayer = JSON.stringify(configRoute.layer);
+        const owner = configOwnerKey(configRoute);
+        setConfigPage(undefined);
+        if (draftOwner !== owner) {
+            setDraftOwner(owner);
+            setDraftUpdates({});
+            setDraftRemoves([]);
+            setDirty(false);
+            setConfigActionError(undefined);
+        }
+        void props.controller.getConfigPage(expectedPluginId, configRoute.layer, abort.signal)
+            .then((page) => {
+            if (abort.signal.aborted
+                || expectedPluginId !== configRoute.pluginId
+                || expectedLayer !== JSON.stringify(configRoute.layer))
+                return;
+            setConfigPage(page);
+        })
+            .catch(() => {
+            if (!abort.signal.aborted) {
+                const layer = configRoute.layer.scope === 'effective'
+                    ? undefined
+                    : { scope: configRoute.layer.scope, projectLayer: configRoute.layer.projectLayer };
+                props.controller.replace({
+                    name: 'configUnavailable',
+                    pluginId: expectedPluginId,
+                    ...(layer ? { layer } : {}),
+                });
+            }
+        });
+        return () => abort.abort();
+    }, [configLoadKey, configRoute?.pluginId, configRoute?.layer.scope, configRoute?.layer.projectLayer, props.controller]);
+    useEffect(() => {
+        if (route.name !== 'configUnavailable' || !route.layer) {
+            setConfigResetAvailability(undefined);
+            return;
+        }
+        const abort = new AbortController();
+        void props.controller.getConfigResetAvailability(route.pluginId, route.layer)
+            .then((availability) => {
+            if (!abort.signal.aborted)
+                setConfigResetAvailability(availability);
+        })
+            .catch(() => {
+            if (!abort.signal.aborted)
+                setConfigResetAvailability({ exists: false, sourceIdentityPresent: false });
+        });
+        return () => abort.abort();
+    }, [props.controller, route.name, route.name === 'configUnavailable' ? route.pluginId : '', route.name === 'configUnavailable' ? JSON.stringify(route.layer) : '']);
+    useEffect(() => {
+        let count;
+        if (route.name === 'sourceList')
+            count = props.controller.listSources().length + 1;
+        else if (route.name === 'issueList') {
+            const issueCount = props.controller.listUserIssues().length;
+            count = issueCount || 2;
+        }
+        else if (route.name === 'pluginList') {
+            const itemCount = props.controller.listPlugins({
+                mode: route.mode,
+                ...(route.sourceId ? { sourceId: route.sourceId } : {}),
+                ...(query ? { query } : {}),
+            }).length;
+            count = itemCount || 1;
+        }
+        if (count === undefined)
+            return;
+        setFocus((value) => Math.min(value, Math.max(0, count - 1)));
+        const maximumVisible = policy.mode === 'compact' ? 4 : 6;
+        setScrollOffset((value) => Math.min(value, Math.max(0, count - maximumVisible)));
+    }, [
+        policy.mode,
+        props.controller,
+        query,
+        route.name,
+        route.name === 'pluginList' ? route.mode : '',
+        route.name === 'pluginList' ? route.sourceId : '',
+        snapshot.viewModel,
+    ]);
+    const activeField = route.name === 'configFieldEditor'
+        ? currentConfigPage?.groups.flatMap((group) => group.fields).find((field) => field.key === route.fieldKey)
+        : undefined;
+    useEffect(() => {
+        if (route.name !== 'configFieldEditor' || !activeField)
+            return;
+        const draft = draftUpdates[activeField.key];
+        setInputValue(route.editor === 'sensitive' || route.editor === 'path'
+            ? draft === undefined ? '' : String(draft)
+            : String(draft ?? activeField.value ?? ''));
+        setInputError(undefined);
+    }, [route.name, route.name === 'configFieldEditor' ? route.fieldKey : '', activeField?.key]);
+    useEffect(() => {
+        if (route.name !== 'sourceAdd')
+            return;
+        const draft = sourceDraft?.owner === route.owner ? sourceDraft : undefined;
+        setSourceInput(route.step === 'id' ? draft?.sourceId ?? ''
+            : route.step === 'location' ? draft?.location ?? ''
+                : route.step === 'ref' ? draft?.ref ?? ''
+                    : route.step === 'subdir' ? draft?.subdir ?? '' : '');
+        setSourceInputError(undefined);
+    }, [route.name, route.name === 'sourceAdd' ? `${route.owner}:${route.step}` : '', sourceDraft?.owner]);
+    useEffect(() => {
+        if (route.name !== 'sourceRemoveBlocked')
+            return;
+        const abort = new AbortController();
+        setSourceReferenceSummary(undefined);
+        setSourceDependenciesExpanded(false);
+        void props.controller.inspectSourceRemoval(route.sourceId)
+            .then((summary) => { if (!abort.signal.aborted)
+            setSourceReferenceSummary(summary); })
+            .catch(() => { if (!abort.signal.aborted)
+            setSourceReferenceSummary({ blocked: true, inventoryComplete: false, dependencies: [] }); });
+        return () => abort.abort();
+    }, [props.controller, route.name, route.name === 'sourceRemoveBlocked' ? route.sourceId : '']);
+    const screenId = resolveConsoleV4ScreenId(snapshot, props.controller, overlay, tooSmall, searchMode);
+    useEffect(() => {
+        props.onScreenChange?.(screenId);
+    }, [props.onScreenChange, screenId]);
+    const selectedPlatforms = (candidate, selectedScope) => (candidate?.supportedPlatforms ?? []).map((platform) => {
+        const placement = props.controller.getPlatformPlacement(candidate.pluginId, platform);
+        if (!placement)
+            return { platform, disabled: '当前没有可信的平台能力信息' };
+        if (placement.state === 'scopeConflict')
+            return { platform, disabled: '安装位置冲突；请先处理问题' };
+        if (placement.state === 'installed') {
+            return { platform, disabled: `已安装到${scopeLabel(placement.scope)}；请先移除现有安装` };
+        }
+        if (!placement.supportedScopes.includes(selectedScope))
+            return { platform, disabled: '不支持所选位置' };
+        const overview = props.controller.getPluginDependencyOverview(candidate.pluginId);
+        for (const dependency of overview?.dependencies ?? []) {
+            const dependentPlugin = props.controller.getPluginOverview(dependency.pluginId);
+            if (!dependentPlugin || !dependentPlugin.supportedPlatforms.includes(platform)) {
+                return { platform, disabled: `${dependency.displayName} 不支持${platformLabel(platform)}` };
+            }
+            const dependencyPlacement = props.controller.getPlatformPlacement(dependency.pluginId, platform);
+            if (dependencyPlacement?.state === 'scopeConflict') {
+                return { platform, disabled: `${dependency.displayName} 的安装位置冲突` };
+            }
+            if (dependencyPlacement?.state === 'installed') {
+                if (dependencyPlacement.health !== 'ready') {
+                    return { platform, disabled: `${dependency.displayName} 需要先处理` };
+                }
+                if (selectedScope === 'user' && dependencyPlacement.scope === 'project') {
+                    return { platform, disabled: `${dependency.displayName} 只在当前项目可用` };
+                }
+            }
+            if (dependencyPlacement?.state === 'notInstalled'
+                && !dependencyPlacement.supportedScopes.includes(selectedScope)) {
+                return { platform, disabled: `${dependency.displayName} 不支持所选位置` };
+            }
+        }
+        return { platform };
+    });
+    const dependencyOverview = (candidate) => candidate ? props.controller.getPluginDependencyOverview(candidate.pluginId) : undefined;
+    const installIntent = (candidate) => ({
+        kind: 'pluginWrite',
+        action: 'install',
+        pluginId: candidate.pluginId,
+        platform: tools.length === 2 ? 'both' : tools[0],
+        scope,
+    });
+    let title = '管理你的 Agent 工作流插件';
+    let description = '为 Codex 和 Claude Code 添加、设置或移除开发能力。';
+    let breadcrumb = '首页';
+    let context;
+    let help = '↑↓ 移动 · Enter 选择 · ? 帮助 · q 退出';
+    let content;
+    let actions = [];
+    const go = (next) => {
+        props.controller.updatePageContext({ focusIndex: focus, scrollOffset, query, sourceTabId: route.name === 'pluginList' ? route.sourceId ?? 'all' : undefined });
+        props.controller.push(next);
+        setFocus(0);
+        setScrollOffset(0);
+        setSearchMode(false);
+        setShowTechnical(false);
+        setActionError(undefined);
+    };
+    const back = () => {
+        if (route.name === 'result')
+            props.controller.leaveResult();
+        else
+            props.controller.back();
+        const restored = props.controller.snapshot.router.current.context;
+        setFocus(restored.focusIndex ?? 0);
+        setScrollOffset(restored.scrollOffset ?? 0);
+        setQuery(restored.query ?? '');
+        setSearchMode(Boolean(restored.query));
+        setActionError(undefined);
+    };
+    const leaveResult = (target) => {
+        props.controller.leaveResult(target);
+        const restored = props.controller.snapshot.router.current.context;
+        setFocus(restored.focusIndex ?? 0);
+        setScrollOffset(restored.scrollOffset ?? 0);
+        setQuery(restored.query ?? '');
+        setSearchMode(Boolean(restored.query));
+        setShowTechnical(false);
+        setActionError(undefined);
+    };
+    const beginReview = async (intent) => {
+        const underlyingResultRoute = route.name === 'result' && snapshot.result && 'returnRoute' in snapshot.result
+            ? snapshot.result.returnRoute
+            : undefined;
+        await props.controller.buildOperationReview(intent, underlyingResultRoute);
+        setFocus(0);
+        setScrollOffset(0);
+    };
+    const beginPortable = async (pluginId) => {
+        try {
+            await props.controller.preparePortableInstall(pluginId, route.name === 'portableBlocker' ? 'replace' : 'push');
+            setFocus(0);
+            setScrollOffset(0);
+            setActionError(undefined);
+        }
+        catch (error) {
+            if (error instanceof Error && error.name === 'AbortError')
+                return;
+            const blocker = extractPortableError(error);
+            const target = { name: 'portableBlocker', pluginId, ...blocker };
+            if (props.controller.snapshot.router.current.route.name === 'portableBlocker') {
+                props.controller.replace(target);
+            }
+            else {
+                go(target);
+            }
+        }
+    };
+    const beginPortableReview = async (pluginId, selectedScope) => {
+        props.controller.setPortableScope(selectedScope);
+        try {
+            await props.controller.buildPortableInstallReview();
+            setFocus(0);
+            setActionError(undefined);
+        }
+        catch (error) {
+            if (error instanceof Error && error.name === 'AbortError')
+                return;
+            const blocker = extractPortableError(error);
+            go({ name: 'portableBlocker', pluginId, ...blocker });
+        }
+    };
+    const refreshPortableDraft = async (pluginId) => {
+        try {
+            await props.controller.refreshPortableInstallDraft(pluginId);
+            return true;
+        }
+        catch (error) {
+            if (error instanceof Error && error.name === 'AbortError')
+                return false;
+            const blocker = extractPortableError(error);
+            const target = { name: 'portableBlocker', pluginId, ...blocker };
+            if (route.name === 'result')
+                leaveResult(target);
+            else
+                props.controller.replace(target);
+            setFocus(0);
+            setScrollOffset(0);
+            return false;
+        }
+    };
+    const beginPluginRemoval = (candidate, platform, selectedScope) => {
+        if (props.controller.getBlockingDependents(candidate.pluginId, platform, selectedScope).length > 0) {
+            go({ name: 'pluginDependencies', pluginId: candidate.pluginId, view: 'removeBlocked',
+                platform, scope: selectedScope });
+            return;
+        }
+        void beginReview({
+            kind: 'pluginWrite',
+            action: 'uninstall',
+            pluginId: candidate.pluginId,
+            platform,
+            scope: selectedScope,
+        });
+    };
+    const beginAddSource = () => {
+        const owner = `source-add:${Date.now()}`;
+        setSourceDraft({ owner, mode: 'add', sourceId: '', type: 'git', location: '', refPolicy: 'cliChannel', ref: '', subdir: '' });
+        setDirty(true);
+        go({ name: 'sourceAdd', step: 'type', owner });
+    };
+    const beginIssueSourceAdd = (sourceId) => {
+        const owner = `source-readd:${sourceId}:${Date.now()}`;
+        setSourceDraft({ owner, mode: 'add', sourceId, type: 'git', location: '', refPolicy: 'cliChannel', ref: '', subdir: '' });
+        setDirty(true);
+        go({ name: 'sourceAdd', step: 'type', owner });
+    };
+    const issueWriteIntent = (selectedIssue, action) => {
+        const pluginId = action.pluginId ?? selectedIssue.pluginId;
+        if (!pluginId || !selectedIssue.platform)
+            return undefined;
+        const selectedScope = action.id === 'keepUserScope'
+            ? 'project'
+            : action.id === 'keepProjectScope' ? 'user' : action.scope ?? selectedIssue.scope;
+        const selectedPlatform = action.platform ?? selectedIssue.platform;
+        const writeAction = action.writeAction ?? (action.id === 'reinstall'
+            ? 'reinstall'
+            : action.id === 'remove' || action.id === 'keepUserScope' || action.id === 'keepProjectScope'
+                ? 'uninstall'
+                : undefined);
+        if (!selectedScope || !selectedPlatform || !writeAction)
+            return undefined;
+        return {
+            kind: 'pluginWrite',
+            action: writeAction,
+            pluginId,
+            platform: selectedPlatform,
+            scope: selectedScope,
+            originIssue: {
+                issueId: selectedIssue.issueId,
+                issueKey: userIssueKey(selectedIssue),
+                category: selectedIssue.category,
+                actionId: action.id,
+                ...(selectedIssue.category === 'dependencyMissing' || selectedIssue.category === 'dependencyNotReady'
+                    ? {
+                        consumerPluginId: selectedIssue.pluginId,
+                        consumerSourceIdentity: selectedIssue.sourceIdentity,
+                        consumerPlatform: selectedIssue.platform,
+                        consumerScope: selectedIssue.scope,
+                        dependencyPluginId: selectedIssue.dependencyPluginId,
+                        dependencyPlatform: selectedIssue.dependencyPlatform,
+                        dependencyScope: selectedIssue.dependencyScope,
+                        dependencyProject: selectedIssue.dependencyProject,
+                    }
+                    : {}),
+            },
+        };
+    };
+    const sourceFromDraft = (draft) => draft.type === 'git'
+        ? {
+            id: draft.sourceId,
+            type: 'git',
+            primary: false,
+            url: draft.location,
+            refPolicy: draft.refPolicy === 'cliChannel' ? { type: 'cliChannel' } : { type: 'explicit', ref: draft.ref },
+            ...(draft.subdir ? { subdir: draft.subdir } : {}),
+        }
+        : { id: draft.sourceId, type: 'path', primary: false, path: draft.location };
+    const beginSourceAddReviewWith = async (draft) => {
+        const source = sourceFromDraft(draft);
+        await beginReview({
+            kind: 'sourceMutation', action: 'add', sourceId: source.id, source,
+            changes: [
+                { title: `添加来源 ${source.id}`, after: source.type === 'git' ? 'Git 仓库' : '本地目录' },
+                { title: source.type === 'git' ? 'Git URL' : '本地目录', ...(source.type === 'git' ? { after: projectCatalogSourceLocation(source.url) } : { private: true }) },
+                ...(source.type === 'git' ? [{ title: '版本引用', after: source.refPolicy.type === 'cliChannel' ? '跟随 AW 版本通道' : source.refPolicy.ref }] : []),
+                ...(source.type === 'git' && source.subdir ? [{ title: 'Catalog 子目录', after: source.subdir }] : []),
+            ],
+        });
+    };
+    const beginSourceUpdateReview = async (draft) => {
+        const detail = props.controller.getSourceOverview(draft.sourceId).detail;
+        if (!detail || !draft.editField)
+            return;
+        const update = draft.type === 'path'
+            ? { type: 'path', path: draft.location }
+            : draft.editField === 'location'
+                ? { type: 'git', url: draft.location }
+                : draft.editField === 'refPolicy'
+                    ? { type: 'git', refPolicy: draft.refPolicy === 'cliChannel' ? { type: 'cliChannel' } : { type: 'explicit', ref: draft.ref } }
+                    : { type: 'git', subdir: draft.subdir || null };
+        const change = draft.editField === 'location'
+            ? { title: draft.type === 'git' ? 'Git URL' : '本地目录', before: detail.locationSummary, ...(draft.type === 'git' ? { after: projectCatalogSourceLocation(draft.location) } : { private: true }) }
+            : draft.editField === 'refPolicy'
+                ? { title: '版本引用', before: detail.refPolicy === 'explicit' ? detail.explicitRef : '跟随 AW 版本通道', after: draft.refPolicy === 'explicit' ? draft.ref : '跟随 AW 版本通道' }
+                : { title: 'Catalog 子目录', before: detail.subdir ?? '未设置', after: draft.subdir || '未设置' };
+        await beginReview({ kind: 'sourceMutation', action: 'update', sourceId: draft.sourceId, update, changes: [change] });
+    };
+    const configLayerLabel = (layer) => layer.scope === 'effective' ? '有效设置'
+        : layer.scope === 'user' ? '个人默认'
+            : layer.projectLayer === 'local' ? '当前项目（仅本机）' : '当前项目';
+    const currentFieldDisplay = (field) => {
+        if (draftRemoves.includes(field.key))
+            return '恢复继承';
+        if (Object.hasOwn(draftUpdates, field.key)) {
+            const value = draftUpdates[field.key];
+            if (field.sensitive || field.type === 'file' || field.type === 'directory')
+                return '将更新';
+            if (field.type === 'enum')
+                return field.valueLabels?.[String(value)] ?? String(value);
+            if (field.type === 'boolean')
+                return value ? '开启' : '关闭';
+            return `${String(value)}${field.unit ? ` ${field.unit}` : ''}`;
+        }
+        if (field.type === 'enum' && field.value !== undefined) {
+            return field.valueLabels?.[String(field.value)] ?? field.displayValue;
+        }
+        if (field.type === 'boolean' && field.value !== undefined)
+            return field.value ? '开启' : '关闭';
+        return `${field.displayValue}${field.unit && field.displayValue !== '未设置' ? ` ${field.unit}` : ''}`;
+    };
+    const fieldEditor = (field) => {
+        if (field.sensitive)
+            return 'sensitive';
+        if (field.type === 'file' || field.type === 'directory')
+            return 'path';
+        return field.type;
+    };
+    const updateDraft = (key, value) => {
+        setConfigActionError(undefined);
+        const field = currentConfigPage?.groups.flatMap((group) => group.fields)
+            .find((candidate) => candidate.key === key);
+        const unchanged = field?.configured === true && field.value === value;
+        setDraftUpdates((current) => {
+            const next = { ...current };
+            if (unchanged)
+                delete next[key];
+            else
+                next[key] = value;
+            const nextRemoves = draftRemoves.filter((candidate) => candidate !== key);
+            setDraftRemoves(nextRemoves);
+            setDirty(Object.keys(next).length + nextRemoves.length > 0);
+            return next;
+        });
+    };
+    const removeDraft = (key) => {
+        setConfigActionError(undefined);
+        setDraftUpdates((current) => {
+            const next = { ...current };
+            delete next[key];
+            const field = currentConfigPage?.groups.flatMap((group) => group.fields)
+                .find((candidate) => candidate.key === key);
+            const nextRemoves = field?.configured
+                ? [...new Set([...draftRemoves, key])]
+                : draftRemoves.filter((candidate) => candidate !== key);
+            setDraftRemoves(nextRemoves);
+            setDirty(Object.keys(next).length + nextRemoves.length > 0);
+            return next;
+        });
+    };
+    const configChanges = () => {
+        const fields = currentConfigPage?.groups.flatMap((group) => group.fields) ?? [];
+        return [...Object.keys(draftUpdates), ...draftRemoves.filter((key) => !Object.hasOwn(draftUpdates, key))]
+            .map((key) => {
+            const field = fields.find((candidate) => candidate.key === key);
+            return {
+                key,
+                title: field?.title ?? key,
+                before: field?.displayValue ?? '未设置',
+                after: draftRemoves.includes(key) ? '未设置' : currentFieldDisplay(field),
+            };
+        });
+    };
+    const beginConfigSave = async () => {
+        if (!configRoute || configRoute.layer.scope === 'effective' || !currentConfigPage || !dirty)
+            return;
+        const fields = currentConfigPage.groups.flatMap((group) => group.fields);
+        try {
+            await beginReview({
+                kind: 'configSave',
+                pluginId: configRoute.pluginId,
+                scope: configRoute.layer.scope,
+                projectLayer: configRoute.layer.projectLayer,
+                updates: draftUpdates,
+                removeKeys: draftRemoves,
+                sensitiveKeys: fields.filter((field) => field.sensitive).map((field) => field.key),
+                privateKeys: fields.filter((field) => field.type === 'file' || field.type === 'directory').map((field) => field.key),
+                changes: configChanges(),
+            });
+            setConfigActionError(undefined);
+        }
+        catch {
+            setConfigActionError('设置值未通过验证。请重新检查修改。');
+        }
+    };
+    if (snapshot.phase === 'error') {
+        breadcrumb = '启动失败';
+        title = '无法读取插件状态';
+        description = snapshot.loadError?.message ?? '当前不能安全显示插件状态。';
+        help = 'q 退出 · Ctrl-C 退出';
+        content = _jsxs(Bordered, { children: [_jsxs(Text, { color: tuiTheme.statusColors.error, children: ["\u00D7 ", snapshot.loadError?.code ?? 'statusLoadFailed'] }), _jsx(Text, { color: tuiTheme.colors.muted, children: "\u6CA1\u6709\u6267\u884C\u4EFB\u4F55\u5199\u64CD\u4F5C\u3002" })] });
+    }
+    else if (snapshot.phase !== 'ready') {
+        breadcrumb = '启动';
+        title = '正在检查插件状态';
+        description = '单个来源失败不会阻止其他来源继续加载。';
+        help = 'Ctrl-C 完成后退出';
+        content = (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: tuiTheme.statusColors.success, children: "\u2713 \u8BFB\u53D6\u63D2\u4EF6\u6765\u6E90" }), _jsx(Text, { color: tuiTheme.colors.accent, children: "\u25CF \u68C0\u67E5\u5F53\u524D\u9879\u76EE" }), _jsx(Text, { color: tuiTheme.colors.muted, children: "\u25CB \u6C47\u603B\u53EF\u7528\u64CD\u4F5C" })] }));
+    }
+    else if (route.name === 'home') {
+        const home = snapshot.viewModel.home;
+        context = '当前项目';
+        actions = [
+            { label: '添加插件', description: '浏览多个来源中的 Agent 能力', meta: String(home.availablePlugins), run: () => go({ name: 'pluginList', mode: 'browse' }) },
+            { label: '我的插件', description: '查看状态、设置和移除已添加插件', meta: String(home.installedPlugins), run: () => go({ name: 'pluginList', mode: 'installed' }) },
+            { label: '需要处理', description: '解决安装、来源或设置问题', meta: String(home.issueCount), status: 'warning', run: () => go({ name: 'issueList' }) },
+            { label: '插件来源', description: '管理 Git 仓库和本地目录', meta: String(home.sourceCount), run: () => go({ name: 'sourceList' }) },
+        ];
+        content = (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsxs(Text, { color: tuiTheme.statusColors.success, children: ["\u2713 ", home.installedPlugins, " \u4E2A\u63D2\u4EF6\u53EF\u7528"] }), '    ', _jsxs(Text, { color: tuiTheme.statusColors.warning, children: ["! ", home.issueCount, " \u9879\u9700\u8981\u5904\u7406"] }), home.cachedSourceCount > 0 ? _jsxs(_Fragment, { children: ['    ', _jsxs(Text, { color: tuiTheme.statusColors.warning, children: ["\u25D0 ", home.cachedSourceCount, " \u4E2A\u6765\u6E90\u4F7F\u7528\u7F13\u5B58"] })] }) : null] }), home.unavailableSourceCount > 0 ? _jsxs(Text, { color: tuiTheme.statusColors.error, children: ["\u00D7 ", home.unavailableSourceCount, " \u4E2A\u6765\u6E90\u4E0D\u53EF\u7528"] }) : null, _jsx(Box, { marginTop: 1, children: _jsx(ActionRows, { actions: actions, focus: focus }) })] }));
+    }
+    else if (route.name === 'pluginList') {
+        const sourceId = route.sourceId ?? 'all';
+        const items = props.controller.listPlugins({
+            mode: route.mode,
+            ...(sourceId !== 'all' ? { sourceId } : {}),
+            ...(query ? { query } : {}),
+        });
+        breadcrumb = route.mode === 'browse' ? '添加插件' : '我的插件';
+        title = breadcrumb;
+        description = route.mode === 'browse' ? '选择希望 Agent 获得的能力。' : '查看状态，或选择一个插件进行管理。';
+        context = `${items.length} 个插件`;
+        help = '↑↓ 移动 · Enter 查看 · ←→ 来源 · / 搜索 · Esc 返回';
+        const sourceError = sourceId !== 'all' && props.controller.getSourceOverview(sourceId).source?.state === 'error';
+        actions = sourceError
+            ? [{ label: '查看来源问题', description: '没有可用缓存；当前不能浏览这个来源', run: () => go({ name: 'issueDetail', issueId: `source:${sourceId}:unavailable` }) }]
+            : items.map((item) => ({
+                label: item.displayName,
+                description: `${item.description}${sourceId === 'all' ? ` · ${item.sourceLabel}` : ''}`,
+                meta: statusText(item),
+                status: item.aggregateStatus === 'needsAttention' ? 'warning'
+                    : item.aggregateStatus === 'installed' ? 'success'
+                        : item.aggregateStatus === 'unavailable' ? 'error' : 'muted',
+                run: () => go(route.mode === 'browse'
+                    ? { name: 'pluginPreview', pluginId: item.pluginId }
+                    : { name: 'pluginDetail', pluginId: item.pluginId }),
+            }));
+        if (route.mode === 'installed' && items.length === 0 && !sourceError) {
+            title = '还没有添加插件';
+            description = `从已配置的 ${props.controller.listSources().length} 个来源中浏览可用能力。`;
+            actions = [{ label: '浏览插件', description: '开始添加第一个插件', run: () => go({ name: 'pluginList', mode: 'browse' }) }];
+        }
+        const viewport = actionViewport(route.name, actions, policy.mode, focus, scrollOffset);
+        content = (_jsxs(Box, { flexDirection: "column", children: [_jsx(SourceTabs, { controller: props.controller, current: sourceId, compact: policy.mode === 'compact', mode: route.mode }), _jsxs(Text, { color: searchMode ? tuiTheme.colors.accent : tuiTheme.colors.muted, children: ["/ ", searchMode ? query || '输入搜索内容' : '搜索名称、用途或来源…'] }), sourceError
+                    ? _jsxs(Bordered, { children: [_jsxs(Text, { bold: true, children: [sourceId, " \u6682\u65F6\u65E0\u6CD5\u63D0\u4F9B\u63D2\u4EF6"] }), _jsx(Text, { color: tuiTheme.colors.muted, children: "\u6CA1\u6709\u53EF\u7528\u7F13\u5B58\uFF0C\u56E0\u6B64\u5F53\u524D\u4E0D\u80FD\u6D4F\u89C8\u8FD9\u4E2A\u6765\u6E90\u3002" })] })
+                    : route.mode === 'installed' && items.length === 0
+                        ? _jsxs(Bordered, { children: [_jsx(Text, { bold: true, children: "\u5F00\u59CB\u6DFB\u52A0\u7B2C\u4E00\u4E2A\u63D2\u4EF6" }), _jsx(Text, { color: tuiTheme.colors.muted, children: "\u63D2\u4EF6\u53EF\u4EE5\u5B89\u88C5\u5230 Codex\u3001Claude Code \u6216\u4E24\u8005\u3002" })] })
+                        : null, _jsx(ActionRows, { actions: actions, focus: focus, offset: viewport.offset, limit: viewport.limit })] }));
+    }
+    else if (route.name === 'pluginPreview' && plugin) {
+        breadcrumb = `添加插件 / ${plugin.displayName}`;
+        context = plugin.sourceLabel;
+        title = `${plugin.displayName}${plugin.version ? `  ${plugin.version}` : ''}`;
+        description = plugin.description;
+        const overview = dependencyOverview(plugin);
+        const hasDependencies = (plugin.dependencySummary?.totalCount ?? 0) > 0;
+        const beginInstall = () => {
+            const initialScope = ['user', 'project'].find((candidateScope) => selectedPlatforms(plugin, candidateScope).some((entry) => !entry.disabled)) ?? scope;
+            const available = selectedPlatforms(plugin, initialScope)
+                .filter((entry) => !entry.disabled).map((entry) => entry.platform);
+            setScope(initialScope);
+            setTools(available);
+            if (available.length > 0)
+                go({ name: 'installPlacement', pluginId: plugin.pluginId });
+            else
+                go({ name: 'installTools', pluginId: plugin.pluginId, view: 'blocked' });
+        };
+        const portableAction = plugin.portableSkills
+            ? [{ label: '安装通用 Skills…', description: '选择 Skill、Agent 和使用范围', run: () => beginPortable(plugin.pluginId) }]
+            : [];
+        actions = hasDependencies && (overview?.blockers.length ?? 0) > 0
+            ? [
+                { label: '查看依赖问题', description: overview.blockers[0].explanation, status: 'warning', run: () => go({ name: 'pluginDependencies', pluginId: plugin.pluginId }) },
+                ...portableAction,
+                { label: '查看依赖关系', description: '查看直接、间接依赖和当前状态', run: () => go({ name: 'pluginDependencies', pluginId: plugin.pluginId }) },
+                { label: '查看插件设置定义', description: `${plugin.configFieldCount} 个配置字段`, run: () => go({ name: 'configLayer', pluginId: plugin.pluginId }) },
+            ]
+            : [
+                { label: '添加插件', description: '选择使用位置并确认变化', run: beginInstall },
+                ...portableAction,
+                ...(hasDependencies ? [{ label: '查看依赖关系', description: '查看直接、间接依赖和当前状态', run: () => go({ name: 'pluginDependencies', pluginId: plugin.pluginId }) }] : []),
+                { label: '查看插件设置定义', description: `${plugin.configFieldCount} 个配置字段`, run: () => go({ name: 'configLayer', pluginId: plugin.pluginId }) },
+                { label: '查看来源', run: () => go({ name: 'sourceDetail', sourceId: plugin.sourceId }) },
+            ];
+        const summaryRows = (relation) => {
+            const dependencies = overview?.dependencies.filter((entry) => entry.relation === relation) ?? [];
+            const visible = dependencies.slice(0, 3);
+            return [
+                ...visible.map((entry) => _jsxs(Text, { children: [_jsxs(Text, { color: relation === 'direct' ? tuiTheme.colors.text : tuiTheme.colors.muted, children: ["\u2022 ", entry.displayName] }), _jsxs(Text, { color: tuiTheme.colors.muted, children: ["  ", relation === 'direct' ? '直接依赖' : '间接依赖'] })] }, entry.pluginId)),
+                ...(dependencies.length > visible.length
+                    ? [_jsxs(Text, { color: tuiTheme.colors.muted, children: ["  \u53E6\u6709 ", dependencies.length - visible.length, " \u4E2A", relation === 'direct' ? '直接' : '间接', "\u4F9D\u8D56"] }, `${relation}:more`)]
+                    : []),
+            ];
+        };
+        content = hasDependencies
+            ? _jsxs(Box, { flexDirection: "column", children: [plugin.portableSkills ? _jsx(Bordered, { title: "\u53EF\u7528\u65B9\u5F0F", children: _jsx(Text, { children: "\u901A\u7528 Skills  \u63D0\u4F9B\u901A\u7528 Skills" }) }) : null, _jsxs(Bordered, { title: "\u5B89\u88C5\u5185\u5BB9", children: [_jsxs(Text, { children: [_jsxs(Text, { color: tuiTheme.colors.accent, children: ["\u2022 ", plugin.displayName] }), _jsx(Text, { color: tuiTheme.colors.muted, children: "  \u4F60\u9009\u62E9\u7684\u63D2\u4EF6" })] }), summaryRows('direct'), summaryRows('transitive'), _jsxs(Text, { color: tuiTheme.colors.muted, children: [plugin.dependencySummary.totalCount + 1, " \u4E2A\u63D2\u4EF6\u5C06\u4F5C\u4E3A\u4E00\u4E2A\u5B89\u88C5\u8BA1\u5212\u68C0\u67E5\u3002"] }), _jsx(Text, { color: tuiTheme.colors.muted, children: "\u4F9D\u8D56\u4ECE\u540C\u4E00\u4E2A\u6765\u6E90\u5FEB\u7167\u89E3\u6790\u3002" })] }), _jsx(ActionRows, { actions: actions, focus: focus })] })
+            : _jsxs(Box, { flexDirection: "column", children: [_jsxs(Bordered, { title: "\u53EF\u7528\u5DE5\u5177", children: [_jsx(Text, { children: plugin.supportedPlatforms.map(platformLabel).join(' · ') || '暂无可用工具' }), plugin.portableSkills ? _jsx(Text, { children: "\u901A\u7528 Skills  \u63D0\u4F9B\u901A\u7528 Skills" }) : null] }), _jsxs(Bordered, { title: "\u4F7F\u7528\u8BF4\u660E", children: [_jsx(Text, { children: "\u2713 \u5728 Agent \u4F1A\u8BDD\u4E2D\u63D0\u4F9B\u80FD\u529B" }), _jsx(Text, { color: tuiTheme.colors.muted, children: "\u5B89\u88C5\u4E0D\u4F1A\u81EA\u52A8\u4FEE\u6539\u9879\u76EE\u6E90\u7801\u3002" })] }), _jsx(ActionRows, { actions: actions, focus: focus })] });
+    }
+    else if (route.name === 'portableSkillSelect' && plugin && snapshot.portableDraft) {
+        const draft = snapshot.portableDraft;
+        const focusedCandidate = draft.candidates[focus];
+        breadcrumb = `${plugin.displayName} / 通用 Skills`;
+        context = `${draft.selectedCount} / ${draft.totalCount} 已选择`;
+        title = '选择要安装的 Skills';
+        description = '已根据插件依赖和当前设置准备候选；默认全部选择。';
+        const candidateActions = draft.candidates.map((candidate) => ({
+            label: `${candidate.selected ? '◆' : '◇'} ${candidate.name}`,
+            description: portableScopeVariantsDiffer(candidate)
+                ? '当前项目与所有项目提供不同内容；下方显示两种范围变体'
+                : `${candidate.description} · ${candidate.providerDisplayName} · ${candidate.relation === 'requested' ? '当前插件' : candidate.relation === 'direct' ? '直接依赖' : '间接依赖'}${candidate.dynamic ? ' · 按设置生成' : ''}`,
+            run: () => props.controller.togglePortableSkill(candidate.name),
+        }));
+        actions = [
+            ...candidateActions,
+            { label: '继续', disabled: draft.canContinue ? undefined : '至少选择一个 Skill', run: () => go({ name: 'portableAgentMode', pluginId: plugin.pluginId }) },
+            ...(plugin.dependencySummary?.totalCount ? [{ label: '查看依赖关系', run: () => go({ name: 'portableDependencies', pluginId: plugin.pluginId }) }] : []),
+        ];
+        const viewport = portableSkillCandidateViewport(candidateActions, draft.candidates, policy.mode, focus, scrollOffset);
+        help = '↑↓ 移动 · Space 切换 · a 全选 · Enter 继续 · Esc 返回';
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(PortableSkillRows, { actions: candidateActions, candidates: draft.candidates, focus: focus, offset: viewport.offset, limit: viewport.limit }), focusedCandidate && portableScopeVariantsDiffer(focusedCandidate) ? _jsxs(Bordered, { title: "\u8303\u56F4\u53D8\u4F53", children: [_jsx(Text, { children: portableScopeVariantLabel('project', focusedCandidate.scopeDetails.project) }), _jsx(Text, { children: portableScopeVariantLabel('user', focusedCandidate.scopeDetails.user) })] }) : null, _jsx(ActionRows, { actions: actions, focus: focus, offset: draft.candidates.length, limit: actions.length - draft.candidates.length })] });
+    }
+    else if (route.name === 'portableDependencies' && plugin && snapshot.portableDraft) {
+        const overview = dependencyOverview(plugin);
+        breadcrumb = `${plugin.displayName} / 通用 Skills / 依赖`;
+        context = `${(overview?.summary.totalCount ?? 0) + 1} 个插件`;
+        title = '生成这些候选 Skills 需要的插件';
+        description = '插件依赖用于生成，不能在这里取消。';
+        actions = [
+            ...(overview?.dependencies ?? []).map((dependency) => ({
+                label: dependency.displayName,
+                description: `${dependency.relation === 'direct' ? '直接依赖' : '间接依赖'} · 贡献 ${snapshot.portableDraft.candidates.filter((candidate) => candidate.providerPluginId === dependency.pluginId).length} 个候选 Skill`,
+            })),
+            { label: '返回 Skill 选择', run: back },
+            { label: '技术详情', run: () => setShowTechnical((value) => !value) },
+        ];
+        const viewport = actionViewport(route.name, actions, policy.mode, focus, scrollOffset);
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(Bordered, { title: "\u5F53\u524D\u63D2\u4EF6", children: _jsxs(Text, { children: [plugin.displayName, " \u00B7 \u8D21\u732E ", snapshot.portableDraft.candidates.filter((candidate) => candidate.relation === 'requested').length, " \u4E2A\u5019\u9009 Skills"] }) }), _jsx(ActionRows, { actions: actions, focus: focus, offset: viewport.offset, limit: viewport.limit }), showTechnical ? _jsx(Text, { color: tuiTheme.colors.muted, children: overview?.dependencies.map((entry) => entry.pluginId).join('\n') }) : null] });
+    }
+    else if (route.name === 'portableAgentMode' && plugin && snapshot.portableDraft) {
+        breadcrumb = `${plugin.displayName} / 通用 Skills / Agent`;
+        title = '安装到哪些 Agent？';
+        description = '可以自动选择检测到的 Agent，也可以限制到指定 Agent。';
+        actions = [
+            { label: '自动选择', description: '自动选择检测到的 Agent；未检测到时可能选择全部 Agent', meta: '默认', run: () => { props.controller.setPortableAgentMode('automatic'); go({ name: 'portableScope', pluginId: plugin.pluginId }); } },
+            { label: '指定 Agent…', description: '输入一个或多个 Skills CLI ID', run: () => go({ name: 'portableAgentInput', pluginId: plugin.pluginId }) },
+        ];
+        content = _jsx(ActionRows, { actions: actions, focus: focus });
+    }
+    else if (route.name === 'portableAgentInput' && plugin) {
+        breadcrumb = `${plugin.displayName} / 通用 Skills / Agent`;
+        context = '指定';
+        title = '输入 Agent ID';
+        description = inputError ?? '多个 Agent 使用空格分隔。';
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(Bordered, { children: _jsx(Text, { children: portableAgentInput || ' ' }) }), _jsx(Text, { color: tuiTheme.colors.muted, children: "\u793A\u4F8B\uFF1Acursor claude-code codex gemini-cli" })] });
+    }
+    else if (route.name === 'portableScope' && plugin && snapshot.portableDraft) {
+        breadcrumb = `${plugin.displayName} / 通用 Skills / 范围`;
+        title = '在哪里使用这些 Skills？';
+        description = `已选择 ${snapshot.portableDraft.selectedCount} 个 Skills · Agent：${snapshot.portableDraft.agentMode === 'automatic' ? '自动选择' : snapshot.portableDraft.requestedAgents.join('、')}`;
+        actions = [
+            { label: '当前项目', description: '安装到当前项目的 Skill 目录', meta: '推荐', run: () => beginPortableReview(plugin.pluginId, 'project') },
+            { label: '所有项目', description: '安装到用户级 Skill 目录', run: () => beginPortableReview(plugin.pluginId, 'user') },
+        ];
+        content = _jsx(ActionRows, { actions: actions, focus: focus });
+    }
+    else if (route.name === 'portableBlocker' && plugin) {
+        breadcrumb = `${plugin.displayName} / 通用 Skills`;
+        title = route.code === 'requiredConfigMissing' ? '无法准备通用 Skills'
+            : route.code === 'portableScopeUnavailable' ? '所选范围不可用'
+                : route.code === 'portableSkillsCliMissing' || route.code === 'portableSkillsCliIncompatible' ? '暂时无法安装通用 Skills' : '无法准备通用 Skills';
+        description = route.code === 'requiredConfigMissing' ? '插件缺少生成内容所需的设置。'
+            : route.code === 'portableScopeUnavailable' ? '至少一个所选 Skill 不适用于这个范围。请返回 Skill 选择或更改范围。'
+                : route.code === 'portableSkillsCliMissing' || route.code === 'portableSkillsCliIncompatible' ? '没有找到兼容的 Skills CLI。' : '候选 Skill 没有通过 Portable 校验。';
+        actions = [
+            ...(route.code === 'requiredConfigMissing' ? [{ label: '完成插件设置', run: () => {
+                        props.controller.replace({ name: 'configLayer', pluginId: plugin.pluginId });
+                        setFocus(0);
+                        setScrollOffset(0);
+                    } }] : []),
+            ...(route.code === 'portableSkillsCliMissing' || route.code === 'portableSkillsCliIncompatible'
+                ? [{ label: '查看安装说明', run: () => setShowTechnical((value) => !value) }] : []),
+            ...(route.code === 'portableScopeUnavailable' ? [{ label: '返回 Skill 选择', run: () => {
+                        props.controller.resetPortableFlowToPreview(plugin.pluginId, { name: 'portableSkillSelect', pluginId: plugin.pluginId }, true);
+                        setFocus(0);
+                        setScrollOffset(0);
+                    } }] : []),
+            { label: '重新检查', run: () => beginPortable(plugin.pluginId) },
+            { label: '返回插件预览', run: () => props.controller.resetPortableFlowToPreview(plugin.pluginId) },
+        ];
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsxs(Bordered, { children: [_jsxs(Text, { color: tuiTheme.statusColors.error, children: ["\u00D7 ", route.code] }), _jsx(Text, { color: tuiTheme.colors.muted, children: "\u6CA1\u6709\u8C03\u7528 Skills CLI \u5B89\u88C5\u3002" })] }), _jsx(ActionRows, { actions: actions, focus: focus }), showTechnical ? _jsx(Bordered, { title: route.code === 'portableSkillsCliMissing' || route.code === 'portableSkillsCliIncompatible' ? '安装说明' : '技术详情', children: _jsx(Text, { color: tuiTheme.colors.muted, children: route.code === 'portableSkillsCliMissing' || route.code === 'portableSkillsCliIncompatible' ? '安装或升级兼容的 Skills CLI（>=1.5.23 <2.0.0），然后重新检查。' : `诊断代码：${route.diagnosticCode}` }) }) : _jsx(Text, { color: tuiTheme.colors.muted, children: "d \u67E5\u770B\u8131\u654F\u8BCA\u65AD" })] });
+    }
+    else if (route.name === 'pluginDependencies' && plugin) {
+        const overview = dependencyOverview(plugin);
+        const visibleDependents = route.view === 'removeBlocked' && route.platform && route.scope
+            ? props.controller.getBlockingDependents(plugin.pluginId, route.platform, route.scope)
+            : overview?.dependents ?? [];
+        const relationActions = [
+            ...(overview?.dependencies ?? []).map((entry) => {
+                const state = dependencyStatus(entry);
+                return {
+                    label: entry.displayName,
+                    description: dependencyRelationDescription(entry),
+                    meta: dependencyPlacementLabel(entry),
+                    status: state.status,
+                    run: () => go({ name: 'pluginDetail', pluginId: entry.pluginId }),
+                };
+            }),
+            ...visibleDependents.map((entry) => {
+                const state = dependencyStatus(entry);
+                return {
+                    label: entry.displayName,
+                    description: dependencyRelationDescription(entry),
+                    meta: route.view === 'removeBlocked' ? dependentTargetLabel(entry) : dependencyPlacementLabel(entry),
+                    status: state.status,
+                    run: () => go({ name: 'pluginDetail', pluginId: entry.pluginId }),
+                };
+            }),
+        ];
+        const dependencyCount = overview?.dependencies.length ?? 0;
+        const dependentCount = visibleDependents.length;
+        if (route.view === 'removeBlocked') {
+            breadcrumb = `${plugin.displayName} / 移除`;
+            context = '已阻止';
+            title = `无法移除 ${plugin.displayName}`;
+            description = '仍有插件依赖它。请先处理依赖者，再重新尝试。';
+            actions = [
+                ...relationActions.slice(dependencyCount),
+                ...(route.platform && route.scope ? [{
+                        label: '强制清理…',
+                        description: '依赖者会变为不完整；下一页仍需明确确认',
+                        status: 'error',
+                        run: () => beginReview({
+                            kind: 'pluginWrite',
+                            action: 'cleanup',
+                            pluginId: plugin.pluginId,
+                            platform: route.platform,
+                            scope: route.scope,
+                            force: true,
+                        }),
+                    }] : []),
+                { label: '查看完整依赖关系', run: () => {
+                        props.controller.replace({ name: 'pluginDependencies', pluginId: plugin.pluginId });
+                        setFocus(0);
+                        setScrollOffset(0);
+                    } },
+                { label: '返回插件详情', run: back },
+            ];
+            const consumerActions = actions.slice(0, dependentCount);
+            const blockedViewport = actionViewport(route.name, actions, policy.mode, focus, scrollOffset);
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsxs(Bordered, { children: [_jsxs(Text, { color: tuiTheme.statusColors.error, children: ["\u00D7 ", dependentCount, " \u4E2A\u5DF2\u5B89\u88C5\u63D2\u4EF6\u4ECD\u5728\u4F7F\u7528"] }), _jsx(Text, { color: tuiTheme.colors.muted, children: "\u6CA1\u6709\u4FEE\u6539\u4EFB\u4F55\u5B89\u88C5\u3002" })] }), _jsx(Bordered, { title: "\u4F7F\u7528\u8FD9\u4E2A\u4F9D\u8D56\u7684\u63D2\u4EF6", children: _jsx(ActionRows, { actions: consumerActions, focus: focus, offset: blockedViewport.offset, limit: blockedViewport.limit }) }), _jsx(ActionRows, { actions: actions.slice(dependentCount), focus: focus - dependentCount })] });
+        }
+        else {
+            breadcrumb = `${plugin.displayName} / 依赖关系`;
+            context = overview ? `${overview.summary.totalCount + 1} 个插件` : '只读';
+            title = hasInstalledPlacement(plugin) ? '依赖与被使用情况' : '安装所需插件';
+            description = '依赖从同一个来源快照解析；关系页不会修改安装。';
+            actions = [
+                ...relationActions,
+                { label: '技术详情', description: '显示 canonical pluginId 和安全错误代码', run: () => setShowTechnical((value) => !value) },
+            ];
+            const viewport = actionViewport(route.name, actions, policy.mode, focus, scrollOffset);
+            const visibleRows = (start, end) => relationActions
+                .map((_, index) => index)
+                .filter((index) => index >= start && index < end
+                && index >= viewport.offset
+                && (viewport.limit === undefined || index < viewport.offset + viewport.limit))
+                .map((index) => _jsx(ActionRows, { actions: actions, focus: focus, offset: index, limit: 1 }, index));
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsx(Bordered, { title: "\u4F60\u9009\u62E9\u7684\u63D2\u4EF6", children: _jsxs(Text, { children: [plugin.displayName, "  ", _jsx(Text, { color: tuiTheme.colors.muted, children: statusText(plugin) })] }) }), dependencyCount > 0 ? _jsx(Bordered, { title: "\u5FC5\u9700\u4F9D\u8D56", children: visibleRows(0, dependencyCount) }) : null, dependentCount > 0 ? _jsx(Bordered, { title: "\u4F7F\u7528\u5B83\u7684\u63D2\u4EF6", children: visibleRows(dependencyCount, dependencyCount + dependentCount) }) : null, overview?.blockers.map((blocker) => _jsxs(Bordered, { children: [_jsxs(Text, { color: tuiTheme.statusColors.error, children: ["\u00D7 ", blocker.title] }), _jsx(Text, { color: tuiTheme.colors.muted, children: blocker.explanation })] }, blocker.code)), relationActions.length === 0 ? _jsx(Text, { color: tuiTheme.colors.muted, children: "\u6CA1\u6709\u53EF\u663E\u793A\u7684\u4F9D\u8D56\u5173\u7CFB\u3002" }) : null, viewport.limit !== undefined && viewport.offset + viewport.limit > relationActions.length
+                        ? _jsx(ActionRows, { actions: actions, focus: focus, offset: relationActions.length, limit: 1 })
+                        : null, showTechnical ? _jsxs(Bordered, { title: "\u6280\u672F\u8BE6\u60C5", children: [_jsxs(Text, { color: tuiTheme.colors.muted, children: ["canonical pluginId  ", plugin.pluginId] }), overview?.dependencies.map((entry) => _jsxs(Text, { color: tuiTheme.colors.muted, children: [entry.pluginId, " \u00B7 ", dependencyRelationDescription(entry)] }, entry.pluginId))] }) : null] });
+        }
+    }
+    else if (route.name === 'installPlacement' && plugin) {
+        breadcrumb = `${plugin.displayName} / 添加`;
+        context = '第 1 步，共 2 步';
+        title = `你希望在哪里使用 ${plugin.displayName}？`;
+        const overview = dependencyOverview(plugin);
+        const hasDependencies = (plugin.dependencySummary?.totalCount ?? 0) > 0;
+        description = hasDependencies
+            ? '根插件和缺失依赖使用同一个位置；健康的所有项目依赖可在当前项目复用。'
+            : '工具已根据插件能力自动选择；需要时可以调整。';
+        const availableScopes = ['user', 'project'].filter((candidateScope) => selectedPlatforms(plugin, candidateScope).some((entry) => !entry.disabled));
+        const reusableDependencies = overview?.dependencies.filter((dependency) => dependency.placements.some((placement) => placement.state === 'installed' && placement.health === 'ready'
+            && (scope === 'project' || placement.scope === 'user'))).length ?? 0;
+        const missingDependencies = Math.max(0, (overview?.summary.totalCount ?? 0) - reusableDependencies);
+        actions = [
+            ...availableScopes.map((candidateScope) => ({
+                label: `${candidateScope === scope ? '●' : '○'} ${scopeLabel(candidateScope)}`,
+                description: candidateScope === 'user'
+                    ? hasDependencies ? '根插件和缺失依赖都可在任意项目中使用' : '在任意项目中可使用，适合个人常用能力'
+                    : hasDependencies ? '缺失依赖添加到当前项目；已有所有项目依赖会复用' : '仅在当前项目中使用，适合团队共享',
+                meta: candidateScope === 'user' ? '推荐' : undefined,
+                run: () => {
+                    setScope(candidateScope);
+                    setTools(selectedPlatforms(plugin, candidateScope).filter((entry) => !entry.disabled).map((entry) => entry.platform));
+                },
+            })),
+            { label: '继续', disabled: tools.length === 0 ? '没有可安装的工具' : undefined, run: async () => beginReview(installIntent(plugin)) },
+            { label: '调整工具…', run: () => {
+                    const choices = selectedPlatforms(plugin, scope);
+                    go({ name: 'installTools', pluginId: plugin.pluginId,
+                        ...(choices.every((choice) => choice.disabled) ? { view: 'blocked' } : {}) });
+                } },
+        ];
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(ActionRows, { actions: actions.slice(0, availableScopes.length), focus: focus }), hasDependencies ? _jsxs(Bordered, { title: "\u4F9D\u8D56\u5904\u7406", children: [_jsxs(Text, { color: reusableDependencies > 0 ? tuiTheme.statusColors.success : tuiTheme.colors.muted, children: ["\u2713 ", reusableDependencies, " \u4E2A\u4F9D\u8D56\u4F1A\u590D\u7528\u73B0\u6709\u5B89\u88C5"] }), _jsxs(Text, { color: missingDependencies > 0 ? tuiTheme.colors.accent : tuiTheme.colors.muted, children: ["+ ", missingDependencies, " \u4E2A\u4F9D\u8D56\u5C06\u5B89\u88C5\u5230\u6240\u9009\u4F4D\u7F6E"] })] }) : null, _jsx(Bordered, { title: "\u53EF\u7528\u5DE5\u5177", children: _jsxs(Text, { children: [tools.map(platformLabel).join('、') || '当前没有可用工具', "\uFF08\u5DF2\u81EA\u52A8\u9009\u62E9\uFF09"] }) }), _jsx(ActionRows, { actions: actions.slice(availableScopes.length), focus: focus - availableScopes.length })] });
+    }
+    else if (route.name === 'installTools' && plugin) {
+        breadcrumb = `${plugin.displayName} / 添加 / 工具`;
+        context = '可选';
+        title = '选择要添加到哪些工具';
+        const hasDependencies = (plugin.dependencySummary?.totalCount ?? 0) > 0;
+        description = hasDependencies
+            ? '只有根插件和所有依赖都支持所选位置的工具才可选择。'
+            : '同一插件、同一平台只能安装到一个位置。';
+        const choices = selectedPlatforms(plugin, scope);
+        const allUnavailable = choices.length > 0 && choices.every((choice) => choice.disabled);
+        if (route.view === 'blocked' || allUnavailable) {
+            context = '依赖限制';
+            title = '无法添加到所选工具';
+            description = '根插件或必需依赖不支持当前工具组合，因此不会进入确认页。';
+            actions = [
+                { label: '查看依赖关系', run: () => go({ name: 'pluginDependencies', pluginId: plugin.pluginId }) },
+                { label: '返回调整位置', run: back },
+            ];
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsx(Bordered, { children: choices.map((choice) => _jsxs(Text, { color: tuiTheme.colors.muted, children: ["\u25C7 ", platformLabel(choice.platform), "  \u4E0D\u53EF\u9009", choice.disabled ? ` · ${choice.disabled}` : ''] }, choice.platform)) }), _jsx(ActionRows, { actions: actions, focus: focus })] });
+        }
+        else {
+            actions = choices.map((choice) => ({
+                label: `${tools.includes(choice.platform) ? '◆' : '◇'} ${platformLabel(choice.platform)}`,
+                description: choice.disabled ?? '当前未安装，支持所选位置',
+                meta: tools.includes(choice.platform) ? '已选择' : undefined,
+                disabled: choice.disabled,
+                run: () => {
+                    setDirty(true);
+                    setTools((current) => current.includes(choice.platform)
+                        ? current.filter((platform) => platform !== choice.platform)
+                        : [...current, choice.platform]);
+                },
+            }));
+            help = '↑↓ 移动 · Space 切换 · Enter 完成 · Esc 返回';
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsx(ActionRows, { actions: actions, focus: focus }), hasDependencies ? _jsx(Text, { color: tuiTheme.colors.muted, children: "\u4E0D\u517C\u5BB9\u7684\u5DE5\u5177\u4E0D\u80FD\u9009\u62E9\uFF1B\u8BF7\u67E5\u770B\u4F9D\u8D56\u5173\u7CFB\u4E86\u89E3\u539F\u56E0\u3002" }) : null, _jsxs(Text, { color: tools.length > 0 ? tuiTheme.colors.accent : tuiTheme.statusColors.warning, children: ["Enter ", tools.length > 0 ? '完成选择' : '至少选择一个工具'] })] });
+        }
+    }
+    else if (route.name === 'pluginDetail' && plugin) {
+        breadcrumb = `我的插件 / ${plugin.displayName}`;
+        context = `${plugin.sourceLabel}${plugin.version ? ` · ${plugin.version}` : ''}`;
+        title = plugin.displayName;
+        description = plugin.description;
+        const dependencySummary = plugin.dependencySummary;
+        const placementActions = plugin.installedPlacements.map((placement) => {
+            const projected = placementStatus(placement);
+            return {
+                label: platformLabel(placement.platform),
+                description: projected.description,
+                meta: projected.value,
+                status: projected.status,
+                run: () => placement.state === 'scopeConflict'
+                    ? go({ name: 'issueDetail', issueId: `scope:${plugin.pluginId}:${placement.platform}` })
+                    : go({ name: 'platform', pluginId: plugin.pluginId, platform: placement.platform }),
+            };
+        });
+        const dependencyActions = dependencySummary ? [{
+                label: '必需依赖',
+                description: dependencySummary.issueCount > 0 ? `${dependencySummary.issueCount} 项需要处理` : '查看直接、间接依赖和被使用情况',
+                meta: dependencySummaryText(dependencySummary),
+                status: dependencySummary.issueCount > 0 ? 'warning' : undefined,
+                run: () => go({ name: 'pluginDependencies', pluginId: plugin.pluginId }),
+            }] : [];
+        const portableActions = plugin.portableSkills ? [{
+                label: '通用 Skills',
+                description: '由插件提供；安装状态未知',
+                meta: '已提供',
+                run: () => beginPortable(plugin.pluginId),
+            }] : [];
+        actions = [
+            ...placementActions,
+            ...dependencyActions,
+            ...portableActions,
+            { label: '设置', description: '个人默认、当前项目和本机覆盖', meta: `${plugin.configFieldCount} 项配置`, run: () => go({ name: 'configLayer', pluginId: plugin.pluginId }) },
+            { label: '关于与技术详情', description: '版本、来源和受管内容', run: () => go({ name: 'pluginAbout', pluginId: plugin.pluginId }) },
+        ];
+        const dependencyOffset = placementActions.length;
+        const portableOffset = dependencyOffset + dependencyActions.length;
+        const settingOffset = portableOffset + portableActions.length;
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(Bordered, { title: "\u4F7F\u7528\u72B6\u6001", children: _jsx(ActionRows, { actions: placementActions, focus: focus }) }), dependencySummary ? _jsx(Bordered, { title: "\u4F9D\u8D56\u5173\u7CFB", children: _jsx(ActionRows, { actions: dependencyActions, focus: focus - dependencyOffset }) }) : null, plugin.portableSkills ? _jsx(Bordered, { title: "\u901A\u7528 Skills", children: _jsx(ActionRows, { actions: portableActions, focus: focus - portableOffset }) }) : null, _jsx(Bordered, { title: "\u63D2\u4EF6\u8BBE\u7F6E", children: _jsx(ActionRows, { actions: actions.slice(settingOffset, -1), focus: focus - settingOffset }) }), _jsx(ActionRows, { actions: actions.slice(-1), focus: focus - actions.length + 1 })] });
+    }
+    else if (route.name === 'platform' && plugin) {
+        const placement = props.controller.getPlatformPlacement(plugin.pluginId, route.platform);
+        breadcrumb = `${plugin.displayName} / ${platformLabel(route.platform)}`;
+        if (plugin.aggregateStatus === 'unavailable') {
+            title = `暂时无法管理 ${platformLabel(route.platform)}`;
+            description = '插件来源不可用，当前状态不能安全确认。';
+            actions = [{ label: '查看来源问题', description: `${plugin.sourceId} 无可用缓存`, run: () => go({ name: 'issueDetail', issueId: `source:${plugin.sourceId}:unavailable` }) }, { label: '重新检查状态', description: '不会修改现场内容', run: () => props.controller.refreshSource(plugin.sourceId) }];
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsxs(Bordered, { children: [_jsx(Text, { color: tuiTheme.statusColors.error, children: "\u00D7 \u6765\u6E90\u4E0D\u53EF\u7528" }), _jsx(Text, { color: tuiTheme.colors.muted, children: "\u63D2\u4EF6\u8BBE\u7F6E\u4FDD\u6301\u4E0D\u53D8" })] }), _jsx(ActionRows, { actions: actions, focus: focus })] });
+        }
+        else if (!placement || placement.state === 'notInstalled') {
+            title = `尚未添加到 ${platformLabel(route.platform)}`;
+            description = '此插件支持所列使用位置。';
+            actions = [{ label: `添加到 ${platformLabel(route.platform)}…`, description: '选择使用位置', run: () => {
+                        const initialScope = placement?.state === 'notInstalled'
+                            ? placement.supportedScopes[0] ?? scope
+                            : scope;
+                        setScope(initialScope);
+                        setTools([route.platform]);
+                        go({ name: 'installPlacement', pluginId: plugin.pluginId });
+                    } }, { label: '查看支持信息', description: 'manifest 与平台能力', run: () => go({ name: 'pluginAbout', pluginId: plugin.pluginId }) }];
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsxs(Bordered, { children: [_jsx(Text, { color: tuiTheme.colors.muted, children: "\u25CB \u672A\u6DFB\u52A0" }), _jsx(Text, { color: tuiTheme.colors.muted, children: "\u63D2\u4EF6\u8BBE\u7F6E\u4FDD\u6301\u4E0D\u53D8" })] }), _jsx(ActionRows, { actions: actions, focus: focus })] });
+        }
+        else if (placement.state === 'scopeConflict') {
+            title = '安装位置冲突';
+            description = '正常状态只能保留一个位置。';
+            actions = [{ label: '查看位置冲突问题', run: () => go({ name: 'issueDetail', issueId: `scope:${plugin.pluginId}:${route.platform}` }) }];
+            content = _jsx(ActionRows, { actions: actions, focus: focus });
+        }
+        else if (placement.health === 'error') {
+            const typedIssue = props.controller.listUserIssues().find((candidate) => candidate.pluginId === plugin.pluginId
+                && candidate.platform === route.platform
+                && candidate.scope === placement.scope);
+            title = `${platformLabel(route.platform)} 暂时不可管理`;
+            description = typedIssue?.explanation ?? '平台状态检查失败，当前不能安全选择写操作。';
+            actions = [
+                ...(typedIssue ? [{ label: '查看对应问题', description: typedIssue.title, run: () => go({ name: 'issueDetail', issueId: typedIssue.issueId }) }] : []),
+                { label: '查看安全技术详情', description: '只显示类型化状态和错误码', run: () => go({ name: 'pluginTechnical', pluginId: plugin.pluginId }) },
+                { label: '返回插件', run: back },
+            ];
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsxs(Bordered, { children: [_jsx(Text, { color: tuiTheme.statusColors.error, children: "\u00D7 \u72B6\u6001\u68C0\u67E5\u5931\u8D25" }), _jsx(Text, { color: tuiTheme.colors.muted, children: "\u5F53\u524D\u53EA\u63D0\u4F9B\u53EA\u8BFB\u64CD\u4F5C" })] }), _jsx(ActionRows, { actions: actions, focus: focus })] });
+        }
+        else if (placement.health === 'incomplete') {
+            title = `${platformLabel(route.platform)} ${placement.health === 'incomplete' ? '安装不完整' : '暂时不可用'}`;
+            description = '缺少一项必要内容，插件可能无法稳定启动。';
+            actions = [
+                { label: '重新连接缺失内容…', description: '保留现有设置', run: () => beginReview({ kind: 'pluginWrite', action: 'reinstall', pluginId: plugin.pluginId, platform: route.platform, scope: placement.scope }) },
+                { label: '查看影响', description: '缺少的内容和范围', run: () => go({ name: 'pluginTechnical', pluginId: plugin.pluginId }) },
+                { label: `从${scopeLabel(placement.scope)}移除…`, description: '保留插件设置', status: 'error', run: () => beginPluginRemoval(plugin, route.platform, placement.scope) },
+            ];
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsxs(Bordered, { children: [_jsx(Text, { color: tuiTheme.statusColors.warning, children: "! \u9700\u8981\u5904\u7406" }), _jsxs(Text, { color: tuiTheme.colors.muted, children: [scopeLabel(placement.scope), " \u00B7 ", plugin.sourceLabel] })] }), _jsx(ActionRows, { actions: actions, focus: focus })] });
+        }
+        else {
+            title = `已安装到${scopeLabel(placement.scope)}`;
+            description = `当前检查正常${plugin.version ? `；版本 ${plugin.version}` : ''}。`;
+            actions = [
+                { label: '运行升级…', description: '使用当前来源中的版本重建', run: () => beginReview({ kind: 'pluginWrite', action: 'upgrade', pluginId: plugin.pluginId, platform: route.platform, scope: placement.scope }) },
+                { label: '重新安装…', description: '重新生成并验证受管内容', run: () => beginReview({ kind: 'pluginWrite', action: 'reinstall', pluginId: plugin.pluginId, platform: route.platform, scope: placement.scope }) },
+                { label: `从${scopeLabel(placement.scope)}移除…`, description: '保留插件设置', status: 'error', run: () => beginPluginRemoval(plugin, route.platform, placement.scope) },
+                { label: '查看安装详情', description: '组件与诊断信息', run: () => go({ name: 'pluginTechnical', pluginId: plugin.pluginId }) },
+            ];
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsxs(Bordered, { children: [_jsx(Text, { color: tuiTheme.statusColors.success, children: "\u2713 \u72B6\u6001\u6B63\u5E38" }), _jsxs(Text, { color: tuiTheme.colors.muted, children: [scopeLabel(placement.scope), plugin.version ? ` · 当前版本 ${plugin.version}` : ''] })] }), _jsx(ActionRows, { actions: actions, focus: focus })] });
+        }
+    }
+    else if (route.name === 'configLayer' && plugin) {
+        breadcrumb = `${plugin.displayName} / 设置`;
+        title = '选择要查看或修改的设置';
+        description = '安装位置与设置保存层是两个不同概念。';
+        help = '↑↓ 移动 · Enter 打开 · Esc 返回';
+        actions = [
+            { label: '有效设置', description: '合并后的实际结果 · 只读', meta: '查看', run: () => go({ name: 'configFields', pluginId: plugin.pluginId, layer: { scope: 'effective', projectLayer: 'shared' } }) },
+            { label: '个人默认', description: '在所有项目中作为默认值', meta: configLayerCounts.user === undefined ? undefined : `${configLayerCounts.user} 个值`, run: () => go({ name: 'configFields', pluginId: plugin.pluginId, layer: { scope: 'user', projectLayer: 'shared' } }) },
+            { label: '当前项目', description: '随仓库共享，适合团队约定', meta: configLayerCounts.project === undefined ? undefined : `${configLayerCounts.project} 个值`, run: () => go({ name: 'configFields', pluginId: plugin.pluginId, layer: { scope: 'project', projectLayer: 'shared' } }) },
+            { label: '当前项目（仅本机）', description: '只保存在本机，不提交到仓库', meta: configLayerCounts.local === undefined ? undefined : configLayerCounts.local === 0 ? '未设置' : `${configLayerCounts.local} 个值`, run: () => go({ name: 'configFields', pluginId: plugin.pluginId, layer: { scope: 'project', projectLayer: 'local' } }) },
+        ];
+        content = _jsx(ActionRows, { actions: actions, focus: focus });
+    }
+    else if (route.name === 'configFields' && plugin) {
+        const readonly = route.layer.scope === 'effective';
+        const selectedGroups = route.groupId
+            ? currentConfigPage?.groups.filter((group) => group.id === route.groupId) ?? []
+            : currentConfigPage?.groups ?? [];
+        breadcrumb = `${plugin.displayName} / 设置 / ${configLayerLabel(route.layer)}`;
+        context = readonly ? '只读' : dirty ? `${Object.keys(draftUpdates).length + draftRemoves.length} 项未保存` : undefined;
+        title = readonly ? '当前实际使用的设置' : route.groupId ? selectedGroups[0]?.title ?? '高级设置' : configLayerLabel(route.layer);
+        description = readonly ? '由默认值、个人默认、当前项目和本机覆盖合并。' : route.groupId ? '这些字段来自 manifest 的高级设置分组。' : '字段来自插件 manifest；修改先保存在本地草稿。';
+        if (!readonly && configActionError)
+            description = configActionError;
+        help = readonly ? '↑↓ 查看 · Esc 返回' : '↑↓ 移动 · Enter 修改 · s 保存 · u 恢复继承 · Esc 返回';
+        if (!currentConfigPage) {
+            content = _jsx(Text, { color: tuiTheme.colors.accent, children: "\u25CF \u6B63\u5728\u8BFB\u53D6\u53EF\u4FE1\u8BBE\u7F6E\u5B9A\u4E49" });
+        }
+        else if (readonly) {
+            actions = selectedGroups.flatMap((group) => group.fields.map((field) => ({
+                label: field.title,
+                description: `来自${field.sourceLabel}`,
+                meta: currentFieldDisplay(field),
+            })));
+            const limit = policy.mode === 'compact' ? 4 : 7;
+            content = _jsx(Bordered, { title: "\u6709\u6548\u8BBE\u7F6E", children: _jsx(ActionRows, { actions: actions, focus: focus, offset: scrollOffset, limit: limit }) });
+        }
+        else {
+            const mutableLayer = {
+                scope: route.layer.scope,
+                projectLayer: route.layer.projectLayer,
+            };
+            const rowGroups = [];
+            if (!route.groupId && currentConfigPage.presets.length > 0) {
+                rowGroups.push({ id: 'presets', title: '快速方案', rows: [{ label: '当前方案', description: '应用 manifest 声明的预设', meta: `${currentConfigPage.presets.length} 个`, run: () => go({ name: 'configPresets', pluginId: plugin.pluginId, layer: mutableLayer }) }] });
+            }
+            for (const group of selectedGroups) {
+                const rows = group.advanced && !route.groupId
+                    ? [{ label: group.title, description: group.description ?? '渐进展开高级字段', meta: `${group.fields.length} 项`, run: () => go({ name: 'configFields', pluginId: plugin.pluginId, layer: route.layer, groupId: group.id }) }]
+                    : group.fields.map((field) => ({
+                        label: field.title,
+                        description: field.description,
+                        meta: currentFieldDisplay(field),
+                        configKey: field.key,
+                        run: () => go({ name: 'configFieldEditor', pluginId: plugin.pluginId, layer: mutableLayer, fieldKey: field.key, editor: fieldEditor(field) }),
+                    }));
+                rowGroups.push({ id: group.id, title: group.advanced && !route.groupId ? '高级设置' : group.title, rows });
+            }
+            actions = rowGroups.flatMap((group) => group.rows);
+            if (!route.groupId)
+                actions.push({ label: '保存修改', description: dirty ? '查看安全变更汇总' : '当前没有未保存修改', disabled: dirty ? undefined : '当前没有未保存修改', run: beginConfigSave }, {
+                    label: '重置此设置层…',
+                    description: '删除本层全部值并恢复继承',
+                    status: 'error',
+                    disabled: currentConfigPage.storedCount === 0 ? '本层没有已存值' : undefined,
+                    run: () => beginReview({ kind: 'configReset', pluginId: plugin.pluginId, scope: route.layer.scope, projectLayer: route.layer.projectLayer }),
+                });
+            let rowOffset = 0;
+            content = policy.mode === 'compact' || scrollOffset > 0
+                ? _jsx(Bordered, { title: "\u8BBE\u7F6E\u5B57\u6BB5", children: _jsx(ActionRows, { actions: actions, focus: focus, offset: scrollOffset, limit: policy.mode === 'compact' ? 4 : 7 }) })
+                : _jsxs(Box, { flexDirection: "column", children: [rowGroups.map((group) => {
+                            const offset = rowOffset;
+                            rowOffset += group.rows.length;
+                            return _jsx(Bordered, { title: group.title, children: _jsx(ActionRows, { actions: actions, focus: focus, offset: offset, limit: group.rows.length }) }, group.id);
+                        }), !route.groupId ? _jsx(ActionRows, { actions: actions, focus: focus, offset: rowOffset }) : null] });
+        }
+    }
+    else if (route.name === 'configFieldEditor' && plugin && activeField) {
+        breadcrumb = `${plugin.displayName} / 设置 / ${activeField.title}`;
+        help = route.editor === 'enum' || route.editor === 'boolean'
+            ? '↑↓ 移动 · Enter 使用 · Esc 取消'
+            : '输入 · Enter 继续 · Ctrl-U 删除本层值 · Esc 取消';
+        if (route.editor === 'enum') {
+            title = `选择${activeField.title}`;
+            description = '保存值仍是 manifest 中的原始 enum token。';
+            actions = (activeField.enumValues ?? []).map((value) => ({
+                label: `${activeField.valueLabels?.[value] ?? value}${activeField.recommendedValue === value ? '（推荐）' : ''}`,
+                meta: draftUpdates[activeField.key] === value || (!Object.hasOwn(draftUpdates, activeField.key) && activeField.value === value) ? '●' : '○',
+                run: () => { updateDraft(activeField.key, value); back(); },
+            }));
+            content = _jsx(ActionRows, { actions: actions, focus: focus });
+        }
+        else if (route.editor === 'boolean') {
+            title = `${activeField.title}？`;
+            description = activeField.description ?? '选择开启或关闭。';
+            actions = [{ label: '开启', run: () => { updateDraft(activeField.key, true); back(); } }, { label: '关闭', run: () => { updateDraft(activeField.key, false); back(); } }];
+            content = _jsx(ActionRows, { actions: actions, focus: focus });
+        }
+        else {
+            title = route.editor === 'number' ? `输入${activeField.title}` : route.editor === 'path' ? `选择${activeField.title}` : route.editor === 'sensitive' ? '输入敏感值' : `输入${activeField.title}`;
+            description = route.editor === 'number'
+                ? `允许范围：${activeField.min ?? '不限'}–${activeField.max ?? '不限'}${activeField.unit ? ` ${activeField.unit}` : ''}。`
+                : route.editor === 'path' ? `${activeField.type === 'file' ? '文件' : '目录'}路径会在保存前由现有 schema 路径验证。`
+                    : route.editor === 'sensitive' ? '当前值不会回显；留空不会自动删除旧值。' : activeField.description ?? '';
+            const visibleInput = route.editor === 'sensitive'
+                ? '•'.repeat(inputValue.length)
+                : route.editor === 'path' ? privatePathInput(inputValue) : inputValue;
+            content = _jsxs(Bordered, { children: [_jsx(Text, { children: visibleInput || activeField.placeholder || ' ' }), _jsx(Text, { color: inputError ? tuiTheme.statusColors.error : tuiTheme.colors.muted, children: inputError ?? (route.editor === 'sensitive' ? '输入已隐藏。' : route.editor === 'path' ? '已隐藏父目录；Backspace 仍会编辑原始输入。' : activeField.placeholder ?? '按 Enter 使用输入值。') })] });
+        }
+    }
+    else if (route.name === 'configPresets' && plugin) {
+        breadcrumb = `${plugin.displayName} / 设置 / 预设`;
+        title = '选择快速方案';
+        description = '预设由插件 manifest 声明；应用后仍可逐项修改。';
+        actions = (currentConfigPage?.presets ?? []).map((preset) => ({
+            label: preset.title,
+            description: (preset.privateFieldTitles?.length ?? 0) > 0
+                ? `${preset.description ? `${preset.description} · ` : ''}${preset.privateFieldTitles.join('、')}需手动输入`
+                : preset.description,
+            run: () => {
+                const fields = new Map(currentConfigPage?.groups.flatMap((group) => group.fields)
+                    .map((field) => [field.key, field]));
+                const nextUpdates = { ...draftUpdates };
+                for (const [key, value] of Object.entries(preset.values)) {
+                    const field = fields.get(key);
+                    if (field?.configured && field.value === value)
+                        delete nextUpdates[key];
+                    else
+                        nextUpdates[key] = value;
+                }
+                const nextRemoves = draftRemoves.filter((key) => !Object.hasOwn(preset.values, key));
+                setDraftUpdates(nextUpdates);
+                setDraftRemoves(nextRemoves);
+                setDirty(Object.keys(nextUpdates).length + nextRemoves.length > 0);
+                back();
+            },
+        }));
+        content = currentConfigPage ? _jsx(ActionRows, { actions: actions, focus: focus }) : _jsx(Text, { color: tuiTheme.colors.accent, children: "\u25CF \u6B63\u5728\u8BFB\u53D6\u9884\u8BBE" });
+    }
+    else if (route.name === 'configUnavailable' && plugin) {
+        breadcrumb = `${plugin.displayName} / 设置`;
+        context = '暂时不可编辑';
+        title = '暂时无法编辑设置';
+        description = '当前无法取得可信的字段定义，因此不能验证新值。';
+        actions = [
+            { label: '重新检查来源', description: '刷新当前来源后重新读取可信定义', run: async () => {
+                    await props.controller.refreshSource(plugin.sourceId);
+                    setConfigLoadKey((value) => value + 1);
+                    props.controller.replace({ name: 'configFields', pluginId: plugin.pluginId, layer: route.layer ?? { scope: 'user', projectLayer: 'shared' } });
+                } },
+            ...(configResetAvailability?.sourceIdentityPresent
+                ? [{ label: '技术详情', description: '查看可信身份和设置层摘要', run: () => setShowTechnical((value) => !value) }]
+                : []),
+            { label: '返回', run: back },
+        ];
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsxs(Bordered, { children: [_jsx(Text, { color: tuiTheme.statusColors.error, children: "\u00D7 Manifest \u6216\u6765\u6E90\u4E0D\u53EF\u7528" }), _jsx(Text, { color: tuiTheme.colors.muted, children: "\u5DF2\u4FDD\u5B58\u7684\u8BBE\u7F6E\u4FDD\u6301\u4E0D\u53D8\u3002\u6062\u590D\u6765\u6E90\u540E\u624D\u80FD\u7F16\u8F91\u6216\u91CD\u7F6E\u3002" })] }), showTechnical && configResetAvailability?.sourceIdentityPresent ? _jsxs(Bordered, { title: "\u6280\u672F\u8BE6\u60C5", children: [_jsxs(Text, { children: ["\u6765\u6E90\u8EAB\u4EFD\uFF1A", configResetAvailability.sourceIdentity] }), _jsxs(Text, { children: ["\u8BBE\u7F6E\u6458\u8981\uFF1A", configResetAvailability.storeDigest] })] }) : null, _jsx(ActionRows, { actions: actions, focus: focus })] });
+    }
+    else if (route.name === 'sourceList') {
+        breadcrumb = '插件来源';
+        title = '插件来源';
+        description = '单个来源失败不会阻止其他来源继续工作。';
+        context = `${props.controller.listSources().length} 个来源`;
+        help = '↑↓ 移动 · Enter 打开 · r 重新检查 · Esc 返回';
+        actions = [
+            ...props.controller.listSources().map((source) => {
+                const overview = props.controller.getSourceOverview(source.id);
+                const health = overview.health?.state ?? source.state;
+                const status = health === 'ready' ? '已从远端加载'
+                    : health === 'path' ? '本地目录'
+                        : health === 'checking' ? '正在检查'
+                            : health === 'cache' || health === 'degraded' ? '使用缓存' : '无法读取';
+                return {
+                    label: `${source.id}${source.primary ? '  主来源' : ''}`,
+                    description: `${overview.detail?.type === 'path' ? '本地目录' : 'Git 仓库'} · ${source.count ?? 0} 个插件`,
+                    meta: status,
+                    status: health === 'unavailable' ? 'error'
+                        : health === 'cache' || health === 'degraded' ? 'warning'
+                            : source.primary ? 'success' : undefined,
+                    run: () => go({ name: 'sourceDetail', sourceId: source.id }),
+                };
+            }),
+            { label: '＋ 添加来源', description: 'Git 仓库或本地目录', run: beginAddSource },
+        ];
+        const viewport = actionViewport(route.name, actions, policy.mode, focus, scrollOffset);
+        content = _jsx(ActionRows, { actions: actions, focus: focus, offset: viewport.offset, limit: viewport.limit });
+    }
+    else if (route.name === 'sourceDetail') {
+        const overview = props.controller.getSourceOverview(route.sourceId);
+        const detail = overview.detail;
+        const state = overview.health?.state ?? overview.source?.state;
+        breadcrumb = `插件来源 / ${route.sourceId}`;
+        context = detail?.type === 'path' ? '本地目录' : 'Git';
+        title = route.sourceId;
+        description = state === 'cache' || state === 'degraded' ? '当前使用已缓存的 Catalog 数据。'
+            : state === 'unavailable' ? '当前无法读取这个来源。' : '来源状态可用。';
+        help = '↑↓ 移动 · Enter 选择 · r 重新检查 · Esc 返回';
+        actions = [
+            { label: '重新检查来源', description: '读取远端并更新缓存', run: () => props.controller.refreshSource(route.sourceId) },
+            { label: '编辑来源…', description: 'ID 与类型创建后不可修改', run: () => go({ name: 'sourceEdit', sourceId: route.sourceId }) },
+            { label: '设为主来源…', description: '只改变默认 marketplace', disabled: detail?.primary ? '当前已经是主来源' : undefined, run: () => beginReview({ kind: 'sourceMutation', action: 'setPrimary', sourceId: route.sourceId, changes: [{ title: '主来源', before: snapshot.viewModel?.sourceTabs.find((source) => source.primary)?.id, after: route.sourceId }] }) },
+            { label: '移除来源…', description: '移除来源配置', status: 'error', disabled: detail?.primary ? '主来源不能直接移除' : undefined, run: () => beginReview({ kind: 'sourceMutation', action: 'remove', sourceId: route.sourceId, changes: [{ title: `移除来源 ${route.sourceId}` }] }) },
+            { label: '技术详情', description: '只读身份与解析证据', run: () => go({ name: 'sourceTechnical', sourceId: route.sourceId }) },
+        ];
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(Bordered, { title: "\u5F53\u524D\u72B6\u6001", children: _jsx(Text, { color: state === 'unavailable' ? tuiTheme.statusColors.error : state === 'cache' || state === 'degraded' ? tuiTheme.statusColors.warning : tuiTheme.statusColors.success, children: state === 'checking' ? '● 正在检查' : state === 'unavailable' ? '× 无法读取' : state === 'cache' || state === 'degraded' ? '◐ 使用缓存' : '✓ 可用' }) }), _jsxs(Bordered, { title: "\u6765\u6E90\u914D\u7F6E", children: [_jsxs(Text, { children: ["\u4F4D\u7F6E          ", detail?.locationSummary ?? '不可用'] }), _jsxs(Text, { children: ["\u7248\u672C\u9009\u62E9      ", detail?.type === 'path' ? '本地目录' : detail?.refPolicy === 'explicit' ? '固定 Git 引用' : '跟随 AW 版本通道'] }), detail?.explicitRef ? _jsxs(Text, { children: ["\u5F15\u7528          ", detail.explicitRef] }) : null, _jsxs(Text, { children: ["\u63D2\u4EF6          ", detail?.pluginCount ?? 0, " \u4E2A"] })] }), _jsx(ActionRows, { actions: actions, focus: focus })] });
+    }
+    else if (route.name === 'sourceTechnical') {
+        const detail = props.controller.getSourceOverview(route.sourceId).detail;
+        breadcrumb = `插件来源 / ${route.sourceId} / 技术详情`;
+        context = '只读';
+        title = '来源身份与解析详情';
+        description = '用于诊断和安全审查；不显示认证信息或绝对路径。';
+        content = _jsxs(Bordered, { children: [_jsxs(Text, { children: ["sourceId          ", route.sourceId] }), _jsxs(Text, { children: ["sourceIdentity    ", detail?.sourceIdentity ?? '不可用'] }), _jsxs(Text, { children: ["requestedRef      ", detail?.requestedRef ?? '不可用'] }), detail?.resolvedCommit ? _jsxs(Text, { children: ["resolvedCommit    ", detail.resolvedCommit] }) : null, _jsxs(Text, { children: ["freshness         ", detail?.freshness ?? '不可用'] }), _jsxs(Text, { children: ["configDigest      ", detail?.configDigest ?? '不可用'] })] });
+    }
+    else if (route.name === 'sourceAdd' && sourceDraft?.owner === route.owner) {
+        breadcrumb = sourceDraft.mode === 'add' ? '插件来源 / 添加' : `插件来源 / ${sourceDraft.sourceId} / 编辑`;
+        const stepLabel = { type: '第 1 步，共 6 步', id: '第 2 步，共 6 步', location: '第 3 步，共 6 步', refPolicy: '第 4 步，共 6 步', ref: '第 5 步，共 6 步', subdir: '可选高级步骤' }[route.step];
+        context = stepLabel;
+        help = route.step === 'type' || route.step === 'refPolicy' ? '↑↓ 移动 · Enter 继续 · Esc 返回' : '输入 · Enter 继续 · Esc 返回';
+        if (route.step === 'type') {
+            title = '选择来源类型';
+            description = '来源类型创建后不能修改。';
+            actions = [
+                { label: 'Git 仓库', description: '从远端 Git 仓库读取 Catalog', run: () => { setSourceDraft({ ...sourceDraft, type: 'git' }); go({ name: 'sourceAdd', step: sourceDraft.sourceId ? 'location' : 'id', owner: route.owner }); } },
+                { label: '本地目录', description: '用于本地开发与测试', run: () => { setSourceDraft({ ...sourceDraft, type: 'path' }); go({ name: 'sourceAdd', step: sourceDraft.sourceId ? 'location' : 'id', owner: route.owner }); } },
+            ];
+            content = _jsx(ActionRows, { actions: actions, focus: focus });
+        }
+        else if (route.step === 'refPolicy') {
+            title = '选择版本引用方式';
+            description = '跟随 AW 通道适合常规来源；固定 ref 适合测试来源。';
+            actions = [
+                { label: '跟随 AW 版本通道', description: '自动选择 catalog/latest 或 catalog/beta', run: async () => { const next = { ...sourceDraft, refPolicy: 'cliChannel', ref: '' }; setSourceDraft(next); if (next.mode === 'update')
+                        await beginSourceUpdateReview(next);
+                    else
+                        go({ name: 'sourceAdd', step: 'subdir', owner: route.owner }); } },
+                { label: '固定 Git 引用', description: 'branch、tag 或 commit', run: () => { setSourceDraft({ ...sourceDraft, refPolicy: 'explicit' }); go({ name: 'sourceAdd', step: 'ref', owner: route.owner }); } },
+            ];
+            content = _jsx(ActionRows, { actions: actions, focus: focus });
+        }
+        else {
+            title = route.step === 'id' ? '输入来源 ID' : route.step === 'location' ? `输入 ${sourceDraft.type === 'git' ? 'Git URL' : '绝对路径'}` : route.step === 'ref' ? '输入固定 Git 引用' : '输入 Catalog 子目录';
+            description = route.step === 'subdir' ? '仓库根目录是 Catalog 时保持为空。' : '输入会在继续前按来源规范验证。';
+            const displayedInput = route.step === 'location' && sourceDraft.type === 'git' && sourceInput
+                ? projectCatalogSourceLocation(sourceInput)
+                : route.step === 'location' && sourceDraft.type === 'path'
+                    ? privatePathInput(sourceInput)
+                    : sourceInput;
+            content = _jsxs(Bordered, { children: [_jsx(Text, { children: displayedInput || ' ' }), _jsx(Text, { color: sourceInputError ? tuiTheme.statusColors.error : tuiTheme.colors.muted, children: sourceInputError ?? (route.step === 'location' && sourceDraft.type === 'path' ? '已隐藏父目录；Backspace 仍会编辑原始输入。' : '按 Enter 继续。') })] });
+        }
+    }
+    else if (route.name === 'sourceEdit') {
+        const detail = props.controller.getSourceOverview(route.sourceId).detail;
+        breadcrumb = `插件来源 / ${route.sourceId} / 编辑`;
+        title = '选择要修改的内容';
+        description = '来源 ID 和类型只读。';
+        const startEdit = (field) => {
+            if (!detail)
+                return;
+            const owner = `source-update:${route.sourceId}:${field}:${Date.now()}`;
+            setSourceDraft({ owner, mode: 'update', sourceId: route.sourceId, type: detail.type, location: '', refPolicy: detail.refPolicy ?? 'cliChannel', ref: detail.explicitRef ?? '', subdir: detail.subdir ?? '', editField: field });
+            setDirty(true);
+            go({ name: 'sourceAdd', step: field === 'location' ? 'location' : field === 'subdir' ? 'subdir' : 'refPolicy', owner });
+        };
+        actions = detail?.type === 'git' ? [
+            { label: 'Git URL', description: detail.locationSummary, run: () => startEdit('location') },
+            { label: '版本引用', description: detail.refPolicy === 'explicit' ? `固定：${detail.explicitRef}` : '跟随 AW 版本通道', run: () => startEdit('refPolicy') },
+            { label: 'Catalog 子目录', description: detail.subdir ?? '未设置', run: () => startEdit('subdir') },
+        ] : [{ label: '本地目录', description: '已选择本地目录', run: () => startEdit('location') }];
+        content = _jsx(ActionRows, { actions: actions, focus: focus });
+    }
+    else if (route.name === 'sourceRemoveBlocked') {
+        breadcrumb = `插件来源 / ${route.sourceId} / 移除`;
+        context = '已阻止';
+        title = `无法移除 ${route.sourceId}`;
+        description = sourceReferenceSummary?.inventoryComplete === false ? '引用清单不完整，不能把未知引用当作零。' : '仍有内容依赖这个来源。';
+        actions = [{ label: sourceDependenciesExpanded ? '收起依赖内容' : '查看依赖内容', description: '只显示插件、来源、平台、位置和类别聚合', run: () => setSourceDependenciesExpanded((value) => !value) }, { label: '返回来源详情', run: back }];
+        const countLabel = (value, unit) => value === undefined ? '未知' : `${value} ${unit}`;
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(Bordered, { children: _jsxs(Text, { color: tuiTheme.statusColors.error, children: ["\u00D7 ", sourceReferenceSummary?.inventoryComplete === false ? '引用清单不完整' : '发现活动引用'] }) }), _jsxs(Bordered, { children: [_jsxs(Text, { children: ["\u5B89\u88C5\u4F4D\u7F6E      ", countLabel(sourceReferenceSummary?.installationCount, '个')] }), _jsxs(Text, { children: ["\u63D2\u4EF6\u8BBE\u7F6E      ", countLabel(sourceReferenceSummary?.configCount, '份')] }), _jsxs(Text, { children: ["\u751F\u547D\u5468\u671F\u72B6\u6001  ", countLabel(sourceReferenceSummary?.lifecycleCount, '个')] }), _jsxs(Text, { children: ["Marketplace   ", countLabel(sourceReferenceSummary?.marketplaceCount, '个')] }), sourceDependenciesExpanded ? sourceReferenceSummary?.dependencies.slice(0, policy.mode === 'compact' ? 2 : 5).map((dependency, index) => _jsxs(Text, { color: tuiTheme.colors.muted, children: [dependency.category, " \u00B7 ", dependency.pluginId ?? dependency.sourceId ?? '身份未知', dependency.platform ? ` · ${platformLabel(dependency.platform)}` : '', dependency.scope ? ` · ${scopeLabel(dependency.scope)}` : ''] }, `${dependency.category}:${dependency.pluginId ?? dependency.sourceId ?? index}`)) : null] }), _jsx(ActionRows, { actions: actions, focus: focus })] });
+    }
+    else if (route.name === 'issueList') {
+        const issues = props.controller.listUserIssues();
+        breadcrumb = '需要处理';
+        context = issues.length > 0 ? `${issues.length} 项` : '没有问题';
+        title = issues.length > 0 ? '需要处理' : '当前没有需要处理的问题';
+        description = issues.length > 0
+            ? '选择一个问题，查看影响和真实可用的处理路径。'
+            : '当前状态检查没有发现需要处理的安装、来源或设置问题。';
+        if (issues.length === 0) {
+            actions = [
+                { label: '返回首页', run: () => go({ name: 'home' }) },
+                { label: '浏览插件', run: () => go({ name: 'pluginList', mode: 'browse' }) },
+            ];
+        }
+        else {
+            actions = issues.map((entry) => ({
+                label: entry.category.startsWith('dependency')
+                    ? `${props.controller.getPluginOverview(entry.pluginId ?? '')?.displayName ?? entry.pluginId ?? entry.title}${entry.platform ? ` · ${platformLabel(entry.platform)}` : ''}`
+                    : entry.title,
+                description: entry.category.startsWith('dependency')
+                    ? `${props.controller.getPluginOverview(entry.dependencyPluginId ?? '')?.displayName ?? entry.dependencyPluginId ?? entry.explanation} · ${entry.impact[0] ?? ''}`
+                    : `${entry.explanation} · ${entry.impact[0] ?? ''}`,
+                status: entry.category === 'sourceDegraded' ? 'warning' : 'error',
+                run: () => entry.category === 'dependencyStillRequired' && entry.pluginId
+                    ? go({ name: 'pluginDependencies', pluginId: entry.pluginId, view: 'removeBlocked',
+                        ...(entry.platform ? { platform: entry.platform } : {}),
+                        ...(entry.scope ? { scope: entry.scope } : {}) })
+                    : go({ name: 'issueDetail', issueId: entry.issueId }),
+            }));
+        }
+        const viewport = actionViewport(route.name, actions, policy.mode, focus, scrollOffset);
+        content = _jsx(ActionRows, { actions: actions, focus: focus, offset: viewport.offset, limit: viewport.limit });
+    }
+    else if (route.name === 'issueDetail' && issue) {
+        breadcrumb = `需要处理 / ${issue.pluginId ?? issue.sourceId ?? issue.entity.id}`;
+        context = issue.platform ? `${platformLabel(issue.platform)}${issue.scope ? ` · ${scopeLabel(issue.scope)}` : ''}` : issue.sourceId;
+        title = issue.title;
+        description = issue.explanation;
+        const runIssueAction = async (entry) => {
+            const intent = issueWriteIntent(issue, entry);
+            if (intent) {
+                await beginReview(intent);
+                return;
+            }
+            if (entry.id === 'refreshSource' && issue.sourceId)
+                await props.controller.refreshSource(issue.sourceId);
+            else if (entry.id === 'continueWithCache' || entry.id === 'retryLater')
+                go({ name: 'issueList' });
+            else if (entry.id === 'editSource' && issue.sourceId)
+                go({ name: 'sourceDetail', sourceId: issue.sourceId });
+            else if (entry.id === 'reAddSource' && issue.sourceId)
+                beginIssueSourceAdd(issue.sourceId);
+            else if (entry.id === 'viewSourceChange' && issue.sourceId)
+                go({ name: 'sourceTechnical', sourceId: issue.sourceId });
+            else if (entry.id === 'openConfig' && issue.pluginId) {
+                go(issue.configLayer
+                    ? { name: 'configFields', pluginId: issue.pluginId, layer: issue.configLayer }
+                    : { name: 'configLayer', pluginId: issue.pluginId });
+            }
+            else if (entry.id === 'viewDependencies' && issue.pluginId) {
+                go({ name: 'pluginDependencies', pluginId: issue.pluginId });
+            }
+            else if (entry.id === 'viewDependencyIssue' && entry.pluginId) {
+                const dependencyIssue = props.controller.listUserIssues().find((candidate) => candidate.pluginId === entry.pluginId
+                    && candidate.issueId !== issue.issueId);
+                if (dependencyIssue)
+                    go({ name: 'issueDetail', issueId: dependencyIssue.issueId });
+                else
+                    go({ name: 'pluginDependencies', pluginId: entry.pluginId });
+            }
+            else
+                setShowTechnical((value) => !value);
+        };
+        actions = issue.actions.map((entry) => ({
+            label: entry.label,
+            description: entry.description,
+            status: entry.id === 'remove'
+                || entry.id === 'keepUserScope' || entry.id === 'keepProjectScope' ? 'error' : undefined,
+            run: () => runIssueAction(entry),
+        }));
+        const issuePlugin = issue.pluginId ? props.controller.getPluginOverview(issue.pluginId) : undefined;
+        const issueOverview = issue.pluginId ? props.controller.getPluginDependencyOverview(issue.pluginId) : undefined;
+        const manualMigration = issue.category === 'legacyState' && showTechnical;
+        if (issue.category === 'dependencyStillRequired' && issuePlugin) {
+            const blockingDependents = issue.platform && issue.scope
+                ? props.controller.getBlockingDependents(issuePlugin.pluginId, issue.platform, issue.scope)
+                : issueOverview?.dependents ?? [];
+            title = `无法移除 ${issuePlugin.displayName}`;
+            description = '仍有插件依赖它。没有提供危险绕过操作。';
+            actions = [
+                { label: '查看完整依赖关系', run: () => go({ name: 'pluginDependencies', pluginId: issuePlugin.pluginId }) },
+                { label: '返回插件详情', run: () => go({ name: 'pluginDetail', pluginId: issuePlugin.pluginId }) },
+            ];
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsx(Bordered, { children: _jsxs(Text, { color: tuiTheme.statusColors.error, children: ["\u00D7 ", blockingDependents.length, " \u4E2A\u5DF2\u5B89\u88C5\u63D2\u4EF6\u4ECD\u5728\u4F7F\u7528"] }) }), _jsx(Bordered, { title: "\u4F7F\u7528\u8FD9\u4E2A\u4F9D\u8D56\u7684\u63D2\u4EF6", children: blockingDependents.map((dependent) => _jsxs(Text, { children: [dependent.displayName, "  ", _jsx(Text, { color: tuiTheme.colors.muted, children: dependentTargetLabel(dependent) })] }, dependent.pluginId)) }), _jsx(ActionRows, { actions: actions, focus: focus })] });
+        }
+        else if (issue.category === 'dependencyTargetUnsupported' && issuePlugin) {
+            const compatible = selectedPlatforms(issuePlugin, issue.scope ?? scope).filter((entry) => !entry.disabled);
+            title = `无法添加到 ${issue.platform ? platformLabel(issue.platform) : '所选工具'}`;
+            description = issue.dependencyPluginId
+                ? `${props.controller.getPluginOverview(issue.dependencyPluginId)?.displayName ?? issue.dependencyPluginId} 不支持所选工具，因此完整插件计划不能运行。`
+                : '完整插件计划不支持所选工具。';
+            actions = [
+                ...compatible.map((entry) => ({ label: `只添加到 ${platformLabel(entry.platform)}`, description: '返回位置页并使用完整依赖检查', run: () => {
+                        setScope(issue.scope ?? scope);
+                        setTools([entry.platform]);
+                        go({ name: 'installPlacement', pluginId: issuePlugin.pluginId });
+                    } })),
+                { label: '返回调整工具', run: () => go({ name: 'installTools', pluginId: issuePlugin.pluginId }) },
+                { label: '查看依赖关系', run: () => go({ name: 'pluginDependencies', pluginId: issuePlugin.pluginId }) },
+            ];
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsxs(Bordered, { children: [_jsxs(Text, { color: tuiTheme.statusColors.error, children: ["\u00D7 ", issue.dependencyPluginId ? `${props.controller.getPluginOverview(issue.dependencyPluginId)?.displayName ?? issue.dependencyPluginId} 不支持所选工具` : '工具不兼容'] }), _jsx(Text, { color: tuiTheme.colors.muted, children: "\u53EF\u7528\u5DE5\u5177\u4ECD\u4FDD\u6301\u53EF\u9009\uFF0C\u4E0D\u517C\u5BB9\u5DE5\u5177\u4E0D\u4F1A\u8FDB\u5165\u786E\u8BA4\u9875\u3002" })] }), _jsx(ActionRows, { actions: actions, focus: focus })] });
+        }
+        else if (issue.category === 'dependencyGraphInvalid') {
+            title = `暂时无法添加 ${issuePlugin?.displayName ?? issue.pluginId ?? '插件'}`;
+            description = '来源中的依赖关系无效或安装记录不能安全验证。没有修改任何安装。';
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsxs(Bordered, { children: [_jsxs(Text, { color: tuiTheme.statusColors.error, children: ["\u00D7 ", issue.rootCode ?? issue.category] }), _jsx(Text, { color: tuiTheme.colors.muted, children: issue.explanation })] }), _jsx(ActionRows, { actions: actions, focus: focus }), showTechnical ? _jsx(Bordered, { title: "\u6280\u672F\u8BE6\u60C5", children: issue.technicalDetails.map((detail, index) => _jsxs(Text, { color: tuiTheme.colors.muted, children: [detail.code, " \u00B7 ", detail.message] }, `${detail.code}:${index}`)) }) : _jsx(Text, { color: tuiTheme.colors.muted, children: "d \u67E5\u770B\u5B89\u5168\u9519\u8BEF\u4EE3\u7801" })] });
+        }
+        else {
+            const sourceMissingCleanup = issue.category === 'sourceMissing' && issue.pluginId && issue.platform && issue.scope
+                ? `aw cleanup ${issue.pluginId} --platform ${issue.platform} --scope ${issue.scope}`
+                : undefined;
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsxs(Bordered, { title: "\u5F71\u54CD\u8303\u56F4", children: [issue.impact.map((line) => _jsx(Text, { children: line }, line)), sourceMissingCleanup ? _jsxs(_Fragment, { children: [_jsx(Text, { color: tuiTheme.statusColors.warning, children: "\u53EF\u6E05\u7406\u53EF\u4FE1\u7684 AW \u73B0\u573A\uFF1A" }), _jsx(Text, { children: sourceMissingCleanup }), _jsx(Text, { color: tuiTheme.statusColors.warning, children: "\u5982\u9700\u8DF3\u8FC7 dependent \u4FDD\u62A4\uFF0C\u5728\u547D\u4EE4\u672B\u5C3E\u6DFB\u52A0 --force\u3002" })] }) : null, issue.category === 'sourceIdentityChanged' ? _jsx(Text, { color: tuiTheme.statusColors.warning, children: "\u8BF7\u786E\u8BA4\u6765\u6E90\u53D8\u66F4\uFF0C\u6216\u6062\u590D\u539F identity\uFF1B\u5F53\u524D\u4E0D\u81EA\u52A8\u8FC1\u79FB\u6216\u6E05\u7406\u3002" }) : null, issue.placements ? _jsxs(Text, { children: ["\u4F4D\u7F6E\uFF1A", issue.placements.map(scopeLabel).join('、')] }) : null, issue.requiredFields ? _jsxs(Text, { children: ["\u5B57\u6BB5\uFF1A", issue.requiredFields.map((field) => field.title).join('、')] }) : null] }), _jsx(ActionRows, { actions: actions, focus: focus, offset: policy.mode === 'compact' ? scrollOffset : undefined, limit: policy.mode === 'compact' ? 4 : 7 }), manualMigration ? _jsxs(Bordered, { title: "\u624B\u52A8\u5904\u7406\u8BF4\u660E", children: [_jsx(Text, { children: "1. \u4E0D\u81EA\u52A8\u8FC1\u79FB\u65E7\u7248\u72B6\u6001\u3002" }), _jsx(Text, { children: "2. \u8FD0\u884C aw status --json\uFF0C\u8BB0\u5F55\u516C\u5F00\u9519\u8BEF code\u3002" }), _jsx(Text, { children: "3. \u5907\u4EFD\u76F8\u5173 AW \u914D\u7F6E\u3002" }), _jsx(Text, { children: "4. \u6309\u6280\u672F\u8BE6\u60C5\u4F7F\u7528\u53D7\u652F\u6301\u547D\u4EE4\u6216\u4EBA\u5DE5\u5904\u7406\u3002" }), _jsx(Text, { children: "5. \u518D\u6B21\u8FD0\u884C\u72B6\u6001\u68C0\u67E5\u3002" })] }) : showTechnical ? _jsx(Bordered, { title: "\u6280\u672F\u8BE6\u60C5", children: issue.technicalDetails.map((detail, index) => _jsxs(Text, { color: tuiTheme.colors.muted, children: [detail.code, " \u00B7 ", detail.message] }, `${detail.code}:${index}`)) }) : _jsx(Text, { color: tuiTheme.colors.muted, children: "d \u6216\u201C\u6280\u672F\u8BE6\u60C5\u201D\u67E5\u770B\u5B89\u5168\u9519\u8BEF\u4EE3\u7801" })] });
+        }
+    }
+    else if (route.name === 'review' && snapshot.activeReview) {
+        const review = snapshot.activeReview;
+        breadcrumb = `${review.subject.name} / ${review.title}`;
+        title = `${snapshot.result?.state === 'stale' ? '状态已变化 · ' : ''}确认${review.title} ${review.subject.name}`;
+        description = snapshot.result?.state === 'stale' ? '当前状态已变化。请检查新的变化后再次确认。' : review.description;
+        actions = [
+            ...review.changes.map((change) => ({
+                label: `${reviewSymbol(change)} ${change.title}`,
+                description: change.description,
+                status: change.kind === 'remove' ? 'error'
+                    : change.kind === 'warning' ? 'warning'
+                        : change.kind === 'keep' || change.kind === 'add' ? 'success' : undefined,
+            })),
+            { label: review.primaryLabel, description: '执行前将再次检查当前状态', status: review.destructive ? 'error' : undefined, run: () => {
+                    if (operationBusy.current)
+                        return;
+                    operationBusy.current = true;
+                    return props.controller.executeOperation(review.reviewToken).then(() => {
+                        setFocus(0);
+                        setScrollOffset(0);
+                    }).finally(() => {
+                        operationBusy.current = false;
+                    });
+                } },
+            { label: '返回修改', run: review.operationKind === 'portableInstall' && snapshot.portableDraft
+                    ? async () => {
+                        if (await refreshPortableDraft(snapshot.portableDraft.pluginId))
+                            back();
+                    }
+                    : back },
+        ];
+        const reviewViewport = lineBudgetViewport(actions, focus, scrollOffset, policy.mode === 'compact' ? 8 : 15, [...review.changes.map((change) => change.group), undefined, undefined]);
+        const reviewRows = (indexes) => indexes
+            .filter((index) => index >= reviewViewport.offset
+            && (reviewViewport.limit === undefined || index < reviewViewport.offset + reviewViewport.limit))
+            .map((index) => _jsx(ActionRows, { actions: actions, focus: focus, offset: index, limit: 1 }, index));
+        const groupedChanges = review.changes.some((change) => change.group);
+        const groupTitle = {
+            requested: review.operationKind === 'portableInstall' ? '已选择 Skills · 当前插件' : '你选择的插件',
+            dependencies: review.operationKind === 'portableInstall' ? '已选择 Skills · 来自依赖插件' : '必需依赖',
+            portableTarget: '安装目标',
+            portableInputs: '准备内容',
+            portableWarnings: '覆盖冲突',
+            preserved: '保持不变',
+        };
+        content = _jsx(Box, { flexDirection: "column", children: _jsxs(Bordered, { children: [_jsxs(Text, { bold: true, children: [review.subject.name, "  ", review.subject.sourceLabel, " ", review.subject.version] }), review.equivalentCommand ? _jsxs(_Fragment, { children: [_jsx(Text, { children: review.description }), _jsxs(Text, { color: tuiTheme.colors.muted, children: ["\u7B49\u4EF7\u547D\u4EE4\uFF1A", review.equivalentCommand] })] }) : null, groupedChanges ? Object.keys(groupTitle).map((group) => {
+                        const indexes = review.changes.map((change, index) => (change.group ?? 'requested') === group ? index : -1)
+                            .filter((index) => index >= 0);
+                        const rows = reviewRows(indexes);
+                        return rows.length > 0 ? _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: tuiTheme.colors.muted, children: groupTitle[group] }), rows] }, group) : null;
+                    }) : _jsx(_Fragment, { children: reviewRows(review.changes.map((_, index) => index)) }), reviewRows([review.changes.length, review.changes.length + 1]), _jsx(Text, { color: tuiTheme.colors.muted, children: "\u25B8 \u6280\u672F\u8BE6\u60C5\uFF08d\uFF09" }), showTechnical ? review.technicalDetails?.map((detail) => _jsx(Text, { color: tuiTheme.colors.muted, children: detail }, detail)) : null] }) });
+    }
+    else if (route.name === 'progress') {
+        const portableOperation = snapshot.activeReview?.operationKind === 'portableInstall';
+        const configOperation = snapshot.activeReview?.operationKind === 'configSave'
+            || snapshot.activeReview?.operationKind === 'configReset';
+        const sourceOperation = snapshot.activeReview?.operationKind === 'sourceMutation';
+        const issueOperation = snapshot.activeReview?.originIssue;
+        breadcrumb = portableOperation ? '通用 Skills / 进度' : issueOperation ? '需要处理 / 进度' : sourceOperation ? '插件来源 / 保存' : configOperation ? '设置 / 进度' : '插件操作 / 进度';
+        title = portableOperation ? '正在安装通用 Skills' : issueOperation ? '正在处理问题' : sourceOperation ? '正在保存并刷新来源' : configOperation ? '正在保存并应用设置' : '正在执行插件操作';
+        description = issueOperation ? '完成后会使用新的状态 generation 重新检查问题。' : sourceOperation ? '先原子保存来源配置，再尽力刷新。刷新失败时配置仍保留并显示警告。' : configOperation ? '先保存所选层，再重新应用当前可见安装位置。' : '请勿关闭当前终端。';
+        help = 'd 技术进度 · Ctrl-C 完成后退出';
+        const progress = snapshot.progress;
+        const elapsedSeconds = Math.max(0, Math.floor(((progress.elapsedMs
+            ?? (progress.startedAtMs === undefined ? 0 : Date.now() - progress.startedAtMs))) / 1_000));
+        const latestMessage = progress.messages.at(-1);
+        const technicalMessages = progress.messages.slice(policy.mode === 'compact' ? -4 : -8);
+        const dependencyProgress = snapshot.progressTargets.length > 0;
+        const progressLabel = (entry) => {
+            if (entry.state === 'kept')
+                return { label: '已保留', status: 'success' };
+            if (entry.state === 'completed')
+                return { label: '已完成', status: 'success' };
+            if (entry.state === 'running')
+                return { label: '正在添加', status: 'info' };
+            if (entry.state === 'failed')
+                return { label: '失败', status: 'error' };
+            if (entry.state === 'skipped')
+                return { label: '未执行 · 依赖未完成', status: 'warning' };
+            return { label: entry.relation === 'requested' ? '等待依赖' : '未开始', status: 'muted' };
+        };
+        content = portableOperation ? _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: progress.current?.phase.includes('检查') ? tuiTheme.colors.accent : tuiTheme.statusColors.success, children: [progress.current?.phase.includes('检查') ? '●' : '✓', " \u68C0\u67E5\u63D2\u4EF6\u4F9D\u8D56"] }), _jsxs(Text, { color: progress.current?.phase.includes('检查') ? tuiTheme.colors.accent : tuiTheme.statusColors.success, children: [progress.current?.phase.includes('检查') ? '●' : '✓', " \u751F\u6210\u5019\u9009 Skills"] }), _jsxs(Text, { color: progress.current?.phase.includes('安装') ? tuiTheme.colors.accent : progress.current?.phase.includes('验证') ? tuiTheme.statusColors.success : tuiTheme.colors.muted, children: [progress.current?.phase.includes('安装') ? '●' : progress.current?.phase.includes('验证') ? '✓' : '○', " \u5B89\u88C5\u9009\u62E9"] }), _jsxs(Text, { color: progress.current?.phase.includes('验证') ? tuiTheme.colors.accent : tuiTheme.colors.muted, children: [progress.current?.phase.includes('验证') ? '●' : '○', " \u9A8C\u8BC1"] }), _jsx(Text, { color: tuiTheme.colors.muted, children: "\u5F53\u524D\uFF1ASkills CLI" }), showTechnical ? technicalMessages.map((message, index) => _jsx(Text, { color: tuiTheme.colors.muted, children: message }, `${index}:${message}`)) : null] }) : _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: tuiTheme.statusColors.success, children: ["\u2713 ", sourceOperation ? '检查来源操作输入' : configOperation ? '验证设置值' : dependencyProgress ? '检查依赖关系' : '检查兼容性'] }), _jsxs(Text, { color: tuiTheme.colors.accent, children: ["\u25CF ", progress.current?.phase ?? (sourceOperation ? '保存来源配置并刷新' : configOperation ? '保存设置层并重新应用' : dependencyProgress ? '添加必需依赖' : '连接到所选工具')] }), _jsxs(Text, { color: tuiTheme.colors.muted, children: ["\u25CB ", dependencyProgress ? '验证完整结果' : '验证结果'] }), _jsxs(Text, { color: tuiTheme.colors.muted, children: ["\u5DF2\u7528\u65F6\uFF1A", elapsedSeconds, "s"] }), progress.current ? _jsxs(Text, { color: tuiTheme.colors.muted, children: ["\u5F53\u524D\uFF1A", progress.current.target] }) : null, dependencyProgress ? _jsx(Bordered, { children: snapshot.progressTargets.map((entry) => {
+                        const state = progressLabel(entry);
+                        const relation = entry.relation === 'requested' ? '你选择的插件' : entry.relation === 'direct' ? '直接依赖' : '间接依赖';
+                        const title = props.controller.getPluginOverview(entry.pluginId)?.displayName
+                            ?? entry.pluginId.split('/').at(-1);
+                        return _jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Text, { children: [title, "  ", _jsx(Text, { color: tuiTheme.colors.muted, children: relation })] }), _jsx(Text, { color: statusColor(state.status), children: state.label })] }, `${entry.pluginId}:${entry.platform}:${entry.scope}`);
+                    }) }) : null, !showTechnical && latestMessage ? _jsx(Text, { color: tuiTheme.colors.muted, children: latestMessage }) : null, showTechnical ? technicalMessages.map((message, index) => _jsx(Text, { color: tuiTheme.colors.muted, children: message }, `${index}:${message}`)) : null, exitAfterBusy ? _jsx(Text, { color: tuiTheme.statusColors.warning, children: "\u64CD\u4F5C\u5B8C\u6210\u540E\u9000\u51FA\u3002" }) : null] });
+    }
+    else if (route.name === 'result' && snapshot.result) {
+        const result = snapshot.result;
+        const partial = result.state === 'partial';
+        const blocked = result.state === 'blocked';
+        breadcrumb = '插件操作 / 结果';
+        const action = result.state === 'succeeded' || result.state === 'partial'
+            ? result.summary.action
+            : undefined;
+        const operationKind = 'operationKind' in result ? result.operationKind : undefined;
+        const portableOperation = operationKind === 'portableInstall';
+        const portableReceipt = result.state === 'succeeded' || result.state === 'partial'
+            ? result.summary.portable : undefined;
+        const portableInstallFailed = portableReceipt?.failureCode === 'portableSkillsCliInstallFailed';
+        const portableOriginIsDetail = 'returnRoute' in result
+            && result.returnRoute?.name === 'pluginDetail';
+        const configOperation = operationKind === 'configSave' || operationKind === 'configReset'
+            ? operationKind : undefined;
+        const sourceOperation = operationKind === 'sourceMutation';
+        const sourceRefreshWarning = sourceOperation && 'summary' in result
+            && result.summary.messages?.some((message) => message.startsWith('警告：'));
+        const issueOperation = result.originIssue;
+        const completedTitle = {
+            install: '✓ 插件添加完成',
+            upgrade: '✓ 插件升级完成',
+            reinstall: '✓ 插件重新安装完成',
+            uninstall: '✓ 插件移除完成',
+            cleanup: '✓ 插件清理完成',
+        }[action ?? 'install'];
+        title = portableOperation
+            ? blocked ? '× 通用 Skills 安装被阻止'
+                : partial ? '! 通用 Skills 结果未完全完成' : '✓ 通用 Skills 已安装'
+            : blocked && result.writeMayHaveCompleted
+                ? '× 写入结果未确认'
+                : issueOperation
+                    ? blocked || partial ? '× 问题仍未解决' : '✓ 问题已处理'
+                    : sourceOperation
+                        ? blocked ? '× 来源操作未完成' : sourceRefreshWarning ? '! 来源配置已保存，但刷新失败' : '✓ 来源操作完成'
+                        : configOperation
+                            ? blocked
+                                ? '× 设置未确认保存'
+                                : partial ? '! 设置已保存，但部分应用失败' : '✓ 设置已保存并应用'
+                            : partial ? '! 插件操作只完成了一部分' : blocked ? '× 插件操作未完成' : completedTitle;
+        description = portableOperation
+            ? blocked
+                ? result.code === 'operationReviewExpired' || result.code === 'reviewTicketExpired'
+                    ? 'Review 已过期，写入未开始。请返回修改并重新确认。'
+                    : result.code === 'operationReviewStale'
+                        ? '安装证据已变化，写入被阻止。请返回修改并重新确认。'
+                        : result.writeMayHaveCompleted
+                            ? '写入结果无法确认。请检查外部 Skills 状态后重试。'
+                            : '安装在写入前被阻止。请返回修改后重试。'
+                : portableInstallFailed ? 'Skills CLI 安装失败，可能已有部分目标写入。可以修改 Agent 或使用原选择重试。' : partial ? '无法确认全部已选择 Skills。' : '所选 Skills 已通过安装验证。'
+            : blocked && result.writeMayHaveCompleted
+                ? result.message
+                : issueOperation
+                    ? blocked
+                        ? result.code === 'issueVerificationFailed'
+                            ? '写入可能已完成，但当前无法确认。请重新检查状态。'
+                            : result.code === 'issueStillPresent'
+                                ? '写入已完成，但重新检查后原问题仍然存在。'
+                                : '操作被安全阻止。可返回问题详情后重试。'
+                        : '状态已重新加载；原问题已确认消失。'
+                    : sourceOperation
+                        ? blocked
+                            ? result.writeMayHaveCompleted
+                                ? '来源配置可能已保存。请重新检查来源列表；刷新失败不会撤销配置。'
+                                : '来源操作未执行。草稿已保留，可返回修改。'
+                            : sourceRefreshWarning
+                                ? '来源配置已保留。请根据警告修复来源后重试刷新。'
+                                : '来源配置已保存，刷新已完成。'
+                        : blocked ? result.message
+                            : configOperation ? '设置层已经更新。' : '状态已刷新。';
+        const completedResult = result.state === 'succeeded' || result.state === 'partial'
+            ? result
+            : undefined;
+        const pluginId = completedResult?.summary.pluginId
+            ?? ('pluginId' in result ? result.pluginId : undefined);
+        const failedTarget = completedResult?.summary.targets
+            ?.filter((target) => target.state === 'failed')
+            .sort((left, right) => [left.pluginId ?? '', left.platform, left.scope].join('\0')
+            .localeCompare([right.pluginId ?? '', right.platform, right.scope].join('\0'), 'en'))[0];
+        const failedPluginId = failedTarget?.pluginId ?? pluginId;
+        const failedIssue = failedPluginId && failedTarget
+            ? props.controller.listUserIssues().find((candidate) => (candidate.pluginId === failedPluginId || candidate.dependencyPluginId === failedPluginId)
+                && candidate.platform === failedTarget.platform
+                && (candidate.pluginId === failedPluginId
+                    ? candidate.scope === failedTarget.scope
+                    : candidate.dependencyPlatform === failedTarget.platform
+                        && candidate.dependencyScope === failedTarget.scope)
+                && (candidate.category === 'incompleteInstallation' || candidate.category === 'diagnostic'
+                    || candidate.category === 'dependencyNotReady' || candidate.category === 'dependencyMissing'))
+            : undefined;
+        const failedTargetState = failedPluginId && failedTarget
+            ? props.controller.getTargetState(failedPluginId, failedTarget.platform, failedTarget.scope)
+            : undefined;
+        const retryAction = partialRetryAction(operationKind, action, failedTargetState);
+        const retryIssueAction = retryAction
+            ? failedIssue?.actions.find((candidate) => (candidate.writeAction === retryAction || candidate.id === retryAction)
+                && (candidate.pluginId ?? failedIssue.pluginId) === failedPluginId
+                && (candidate.platform ?? failedIssue.platform) === failedTarget?.platform
+                && (candidate.scope ?? failedIssue.scope) === failedTarget?.scope)
+            : undefined;
+        actions = portableOperation
+            ? [
+                { label: blocked || partial ? '返回修改' : portableOriginIsDetail ? '返回插件详情' : '返回插件预览', run: async () => {
+                        if (!pluginId) {
+                            leaveResult();
+                            return;
+                        }
+                        if (!blocked && !partial) {
+                            props.controller.discardPortableDraft();
+                            leaveResult();
+                            return;
+                        }
+                        if (!await refreshPortableDraft(pluginId))
+                            return;
+                        if (portableInstallFailed && portableReceipt?.agentMode === 'explicit') {
+                            props.controller.resetPortableFlowToPreview(pluginId, { name: 'portableAgentInput', pluginId }, true);
+                            return;
+                        }
+                        props.controller.resetPortableFlowToPreview(pluginId, { name: 'portableSkillSelect', pluginId }, true);
+                    } },
+                { label: blocked || partial ? '重试' : '再安装其他 Skills…', run: async () => {
+                        if (!pluginId)
+                            return;
+                        if (blocked || partial) {
+                            props.controller.resetPortableFlowToPreview(pluginId, { name: 'portableSkillSelect', pluginId }, true);
+                            await beginPortableReview(pluginId, snapshot.portableDraft?.scope ?? 'project');
+                            return;
+                        }
+                        props.controller.resetPortableFlowToPreview(pluginId);
+                        await beginPortable(pluginId);
+                    } },
+                { label: portableOriginIsDetail ? '返回插件详情' : '返回插件预览', run: () => { if (pluginId)
+                        props.controller.resetPortableFlowToPreview(pluginId); } },
+            ]
+            : issueOperation
+                ? blocked || partial
+                    ? [
+                        { label: '返回问题详情', run: () => blocked
+                                ? leaveResult()
+                                : failedIssue
+                                    ? leaveResult({ name: 'issueDetail', issueId: failedIssue.issueId })
+                                    : pluginId && failedTarget
+                                        ? leaveResult({ name: 'platform', pluginId, platform: failedTarget.platform })
+                                        : leaveResult() },
+                        { label: '重新检查问题', run: () => leaveResult({ name: 'issueList' }) },
+                    ]
+                    : [
+                        { label: '查看问题列表', run: () => leaveResult({ name: 'issueList' }) },
+                        { label: '返回首页', run: () => leaveResult({ name: 'home' }) },
+                    ]
+                : sourceOperation
+                    ? [{ label: blocked ? '返回修改' : '查看来源', run: () => blocked ? leaveResult() : leaveResult({ name: 'sourceList' }) }, { label: '返回首页', run: () => leaveResult({ name: 'home' }) }]
+                    : configOperation && blocked
+                        ? [
+                            { label: '返回设置', run: () => leaveResult() },
+                            { label: '返回首页', run: () => leaveResult({ name: 'home' }) },
+                        ]
+                        : [{ label: partial ? '查看失败项' : configOperation ? '查看插件' : action === 'uninstall' || action === 'cleanup' ? '返回插件详情' : '查看插件', run: () => {
+                                    if (partial && pluginId && failedTarget) {
+                                        if (failedIssue)
+                                            leaveResult({ name: 'issueDetail', issueId: failedIssue.issueId });
+                                        else
+                                            leaveResult({ name: 'platform', pluginId, platform: failedTarget.platform });
+                                    }
+                                    else if (pluginId && snapshot.viewModel?.plugins.some((entry) => entry.pluginId === pluginId)) {
+                                        leaveResult({ name: 'pluginDetail', pluginId });
+                                    }
+                                    else
+                                        leaveResult({ name: 'pluginList', mode: 'installed' });
+                                } }, ...(partial && pluginId && failedTarget && retryAction ? [{
+                                    label: '重试失败部分…',
+                                    run: () => {
+                                        const issueIntent = failedIssue && retryIssueAction
+                                            ? issueWriteIntent(failedIssue, retryIssueAction)
+                                            : undefined;
+                                        return beginReview(issueIntent ?? {
+                                            kind: 'pluginWrite',
+                                            action: retryAction,
+                                            pluginId: failedPluginId,
+                                            platform: failedTarget.platform,
+                                            scope: failedTarget.scope,
+                                        });
+                                    },
+                                }] : []), { label: '返回首页', run: () => leaveResult({ name: 'home' }) }];
+        const visibleMessages = completedResult?.summary.messages?.slice(policy.mode === 'compact' ? -2 : -4) ?? [];
+        const dependencyTargets = completedResult?.summary.targets?.some((target) => target.relation) ?? false;
+        const resultTargetName = (target) => target.pluginId
+            ? props.controller.getPluginOverview(target.pluginId)?.displayName
+                ?? target.pluginId.split('/').at(-1)
+            : `${platformLabel(target.platform)} · ${scopeLabel(target.scope)}`;
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsxs(Bordered, { children: [result.state === 'blocked' ? _jsxs(Text, { color: tuiTheme.statusColors.error, children: [result.writeMayHaveCompleted ? '结果未确认' : '操作未完成', " \u00B7 ", result.code] }) : sourceOperation ? _jsx(Text, { color: tuiTheme.statusColors.success, children: "\u6765\u6E90\u914D\u7F6E\u5199\u5165\u5DF2\u5B8C\u6210\u3002" }) : completedResult && (completedResult.summary.targets?.length ?? 0) > 0 ? _jsxs(_Fragment, { children: [dependencyTargets ? _jsx(Text, { color: partial ? tuiTheme.statusColors.warning : tuiTheme.statusColors.success, children: partial ? '依赖安装没有全部完成' : '操作已完成' }) : null, completedResult.summary.targets.map((target) => { const state = operationTargetStateLabel(target.state); const relation = target.relation === 'requested' ? '你选择的插件' : target.relation === 'direct' ? '直接依赖' : target.relation === 'transitive' ? '间接依赖' : undefined; return _jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Text, { children: [resultTargetName(target), relation ? _jsxs(Text, { color: tuiTheme.colors.muted, children: [" \u00B7 ", relation] }) : null] }), _jsx(Text, { color: statusColor(state.status), children: state.label })] }, `${target.pluginId ?? ''}:${target.platform}:${target.scope}`); }), partial && completedResult.summary.targets.some((target) => target.state === 'skipped') ? _jsx(Text, { color: tuiTheme.colors.muted, children: "\u672A\u6267\u884C\u7684\u76EE\u6807\u6CA1\u6709\u5199\u5165\uFF1B\u5DF2\u5B8C\u6210\u6216\u5DF2\u4FDD\u7559\u7684\u76EE\u6807\u4FDD\u6301\u53EF\u7528\u3002" }) : null] }) : completedResult ? _jsx(Text, { color: portableInstallFailed ? tuiTheme.statusColors.error : partial ? tuiTheme.statusColors.warning : tuiTheme.statusColors.success, children: completedResult.summary.message }) : _jsx(Text, { color: tuiTheme.statusColors.warning, children: "\u72B6\u6001\u5DF2\u53D8\u5316\uFF0C\u8BF7\u91CD\u65B0\u786E\u8BA4\u3002" }), portableReceipt ? _jsxs(_Fragment, { children: [_jsxs(Text, { children: ["Skills\uFF1A", portableReceipt.selectedSkills.join('、')] }), _jsxs(Text, { children: ["Agent\uFF1A", portableReceipt.agentMode === 'automatic' ? '自动选择检测到的 Agent；未检测到时可能选择全部 Agent' : portableReceipt.requestedAgents.join('、')] }), _jsxs(Text, { children: ["\u8303\u56F4\uFF1A", scopeLabel(portableReceipt.scope)] }), portableReceipt.verificationUnknown ? _jsx(Text, { color: tuiTheme.colors.muted, children: "\u9A8C\u8BC1\u7ED3\u679C\uFF1A\u672A\u77E5" }) : _jsxs(Text, { color: tuiTheme.colors.muted, children: ["\u9A8C\u8BC1\u7F3A\u9879\uFF1A", portableReceipt.missing.length] }), portableReceipt.recovery ? _jsxs(Text, { color: tuiTheme.colors.muted, children: ["\u6062\u590D\uFF1A", portableReceipt.recovery] }) : null, _jsxs(Text, { color: tuiTheme.colors.muted, children: ["Materialization\uFF1A", portableReceipt.materializationDigest] })] }) : null, completedResult?.summary.elapsedMs !== undefined ? _jsxs(Text, { color: tuiTheme.colors.muted, children: ["\u5DF2\u7528\u65F6\uFF1A", Math.floor(completedResult.summary.elapsedMs / 1_000), "s"] }) : null, visibleMessages.map((message, index) => _jsx(Text, { color: tuiTheme.colors.muted, children: message }, `${index}:${message}`))] }), _jsx(ActionRows, { actions: actions, focus: focus })] });
+    }
+    else if (route.name === 'pluginAbout' && plugin) {
+        breadcrumb = `${plugin.displayName} / 关于`;
+        title = plugin.displayName;
+        description = plugin.description;
+        actions = [{ label: '查看技术详情', run: () => go({ name: 'pluginTechnical', pluginId: plugin.pluginId }) }, { label: '查看来源', run: () => go({ name: 'sourceDetail', sourceId: plugin.sourceId }) }];
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsxs(Bordered, { children: [_jsxs(Text, { color: tuiTheme.colors.muted, children: ["\u7248\u672C      ", _jsx(Text, { color: tuiTheme.colors.text, children: plugin.version ?? '未知' })] }), _jsxs(Text, { color: tuiTheme.colors.muted, children: ["\u6765\u6E90      ", _jsx(Text, { color: tuiTheme.colors.text, children: plugin.sourceLabel })] }), _jsxs(Text, { color: tuiTheme.colors.muted, children: ["\u53EF\u7528\u5DE5\u5177  ", _jsx(Text, { color: tuiTheme.colors.text, children: plugin.supportedPlatforms.map(platformLabel).join('、') })] }), _jsxs(Text, { color: tuiTheme.colors.muted, children: ["\u914D\u7F6E      ", _jsxs(Text, { color: tuiTheme.colors.text, children: [plugin.configFieldCount, " \u4E2A\u5B57\u6BB5"] })] })] }), _jsx(ActionRows, { actions: actions, focus: focus })] });
+    }
+    else if (route.name === 'pluginTechnical' && plugin) {
+        breadcrumb = `${plugin.displayName} / 技术详情`;
+        context = '只读';
+        title = '安装与身份详情';
+        description = '默认页面不会展示这些内部信息。';
+        actions = [{ label: '返回插件', run: back }];
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsxs(Bordered, { children: [_jsxs(Text, { color: tuiTheme.colors.muted, children: ["canonical pluginId  ", _jsx(Text, { color: tuiTheme.colors.text, children: plugin.pluginId })] }), _jsxs(Text, { color: tuiTheme.colors.muted, children: ["\u6765\u6E90                ", _jsx(Text, { color: tuiTheme.colors.text, children: plugin.sourceId })] }), plugin.installedPlacements.map((placement) => _jsxs(Text, { color: tuiTheme.colors.muted, children: [platformLabel(placement.platform), " target         ", _jsx(Text, { color: tuiTheme.colors.text, children: placementStatus(placement).value })] }, placement.platform)), plugin.technicalComponents.map((component) => _jsxs(Text, { color: tuiTheme.colors.muted, children: [platformLabel(component.platform), " \u00B7 ", scopeLabel(component.scope), " \u00B7 ", component.key, " \u00B7 ", component.state, component.errorCode ? ` · ${component.errorCode}` : ''] }, `${component.platform}:${component.scope}:${component.key}`))] }), _jsx(ActionRows, { actions: actions, focus: focus })] });
+    }
+    else {
+        breadcrumb = '后续阶段';
+        title = '此业务页将在后续阶段接入';
+        description = '当前阶段只实现插件发现、安装和维护页面。';
+        actions = [{ label: '返回上一页', run: back }];
+        content = _jsx(ActionRows, { actions: actions, focus: focus });
+    }
+    const runAction = (action) => {
+        try {
+            const pending = action?.run?.();
+            if (pending)
+                void pending.catch(() => {
+                    setActionError('操作未完成。请重新检查后重试。');
+                });
+        }
+        catch {
+            setActionError('操作未完成。请重新检查后重试。');
+        }
+    };
+    useInput((input, key) => {
+        if (busy) {
+            if (input.toLowerCase() === 'q' || (key.ctrl && input.toLowerCase() === 'c')) {
+                setExitAfterBusy(true);
+            }
+            else if (!tooSmall && input.toLowerCase() === 'd') {
+                setShowTechnical((value) => !value);
+            }
+            return;
+        }
+        if (tooSmall) {
+            if (input.toLowerCase() === 'q' || (key.ctrl && input.toLowerCase() === 'c')) {
+                requestExit({ code: snapshot.phase === 'error' ? 1 : 0, reason: snapshot.phase === 'error' ? 'initialError' : 'user' });
+            }
+            return;
+        }
+        if (overlay) {
+            if (key.ctrl && input.toLowerCase() === 'c') {
+                requestExit({ code: snapshot.phase === 'error' ? 1 : 0, reason: snapshot.phase === 'error' ? 'initialError' : 'user' });
+                return;
+            }
+            if (key.escape || input.toLowerCase() === 'b' || input === '?') {
+                setOverlay(undefined);
+                return;
+            }
+            if (key.leftArrow || key.rightArrow || key.upArrow || key.downArrow) {
+                setOverlayFocus((value) => value === 0 ? 1 : 0);
+                return;
+            }
+            if (key.return) {
+                if (overlay === 'help' || overlayFocus === 0)
+                    setOverlay(undefined);
+                else if (overlay === 'discard') {
+                    setOverlay(undefined);
+                    setDirty(false);
+                    setDraftUpdates({});
+                    setDraftRemoves([]);
+                    const discardedSourceDraft = sourceDraft;
+                    setSourceDraft(undefined);
+                    if (discardForExit) {
+                        requestExit({ code: 0, reason: 'user' });
+                    }
+                    else if (discardedSourceDraft) {
+                        props.controller.discardSourceDraft(discardedSourceDraft.owner, discardedSourceDraft.mode === 'update'
+                            ? { name: 'sourceDetail', sourceId: discardedSourceDraft.sourceId }
+                            : { name: 'sourceList' });
+                    }
+                    else {
+                        back();
+                    }
+                }
+                else
+                    requestExit({ code: snapshot.phase === 'error' ? 1 : 0, reason: snapshot.phase === 'error' ? 'initialError' : 'user' });
+            }
+            return;
+        }
+        if (key.ctrl && input.toLowerCase() === 'c') {
+            requestExit({ code: snapshot.phase === 'error' ? 1 : 0, reason: snapshot.phase === 'error' ? 'initialError' : 'user' });
+            return;
+        }
+        if (route.name === 'portableAgentInput') {
+            if (key.escape) {
+                back();
+                return;
+            }
+            if (key.return) {
+                try {
+                    const normalizedInput = portableAgentInput.trim();
+                    const agents = normalizePortableAgents(normalizedInput ? normalizedInput.split(/\s+/u) : []);
+                    props.controller.setPortableAgentMode('explicit', agents);
+                    setInputError(undefined);
+                    go({ name: 'portableScope', pluginId: route.pluginId });
+                }
+                catch (error) {
+                    setInputError(error instanceof Error ? error.message.replace(/^portableInvalidAgentSelection:\s*/u, '') : 'Agent ID 无效。');
+                }
+                return;
+            }
+            if (key.backspace || key.delete)
+                setPortableAgentInput((value) => value.slice(0, -1));
+            else if (input && !key.ctrl && !key.meta && input >= ' ')
+                setPortableAgentInput((value) => value + input);
+            setInputError(undefined);
+            return;
+        }
+        if (route.name === 'sourceAdd'
+            && route.step !== 'type'
+            && route.step !== 'refPolicy'
+            && sourceDraft?.owner === route.owner) {
+            if (key.escape) {
+                setOverlayFocus(0);
+                setDiscardForExit(false);
+                setOverlay('discard');
+                return;
+            }
+            if (key.return) {
+                let error;
+                if (route.step === 'id') {
+                    if (!CATALOG_SOURCE_ID_PATTERN.test(sourceInput))
+                        error = '格式必须是小写字母、数字或连字符，最多 32 字符。';
+                    else if (props.controller.listSources().some((source) => source.id === sourceInput))
+                        error = '这个来源 ID 已存在。';
+                }
+                else if (route.step === 'location') {
+                    if (sourceDraft.type === 'path') {
+                        if (!path.isAbsolute(sourceInput))
+                            error = '必须输入绝对路径。';
+                    }
+                    else {
+                        try {
+                            canonicalizeCatalogGitUrl(sourceInput);
+                        }
+                        catch {
+                            error = 'Git URL 不符合来源规范，或包含不允许的认证信息。';
+                        }
+                    }
+                }
+                else if (route.step === 'ref') {
+                    if (sourceInput.trim() === '' || sourceInput !== sourceInput.trim() || /[\s\u0000-\u001f\u007f]/u.test(sourceInput))
+                        error = '必须输入不含空白或控制字符的 Git ref。';
+                }
+                else if (sourceInput !== '') {
+                    const normalized = path.posix.normalize(sourceInput);
+                    if (sourceInput.includes('\\') || path.posix.isAbsolute(sourceInput)
+                        || normalized === '.' || normalized === '..' || normalized.startsWith('../')) {
+                        error = '必须输入来源内部的相对 POSIX 路径。';
+                    }
+                }
+                if (error) {
+                    setSourceInputError(error);
+                    return;
+                }
+                const next = { ...sourceDraft };
+                if (route.step === 'id')
+                    next.sourceId = sourceInput;
+                else if (route.step === 'location')
+                    next.location = sourceInput;
+                else if (route.step === 'ref')
+                    next.ref = sourceInput;
+                else
+                    next.subdir = sourceInput === '' ? '' : path.posix.normalize(sourceInput).replace(/^\.\//u, '').replace(/\/$/u, '');
+                setSourceDraft(next);
+                setSourceInputError(undefined);
+                if (route.step === 'id')
+                    go({ name: 'sourceAdd', step: 'location', owner: route.owner });
+                else if (route.step === 'location') {
+                    if (next.mode === 'update')
+                        void beginSourceUpdateReview(next).catch(() => setActionError('来源修改未通过验证。'));
+                    else if (next.type === 'git')
+                        go({ name: 'sourceAdd', step: 'refPolicy', owner: route.owner });
+                    else
+                        void beginSourceAddReviewWith(next).catch(() => setActionError('来源未通过验证。请检查输入后重试。'));
+                }
+                else if (route.step === 'ref') {
+                    if (next.mode === 'update')
+                        void beginSourceUpdateReview(next).catch(() => setActionError('来源修改未通过验证。'));
+                    else
+                        go({ name: 'sourceAdd', step: 'subdir', owner: route.owner });
+                }
+                else if (next.mode === 'update')
+                    void beginSourceUpdateReview(next).catch(() => setActionError('来源修改未通过验证。'));
+                else
+                    void beginSourceAddReviewWith(next).catch(() => setActionError('来源未通过验证。请检查输入后重试。'));
+                return;
+            }
+            if (key.backspace || key.delete)
+                setSourceInput((value) => value.slice(0, -1));
+            else if (input && !key.ctrl && !key.meta && input >= ' ')
+                setSourceInput((value) => value + input);
+            setSourceInputError(undefined);
+            return;
+        }
+        if (route.name === 'configFieldEditor'
+            && route.editor !== 'enum'
+            && route.editor !== 'boolean') {
+            if (key.escape) {
+                back();
+                return;
+            }
+            if (input === '\u0015' || (input.toLowerCase() === 'u' && key.ctrl)) {
+                removeDraft(route.fieldKey);
+                back();
+                return;
+            }
+            if (key.return && activeField) {
+                if (route.editor === 'sensitive' && inputValue.length === 0) {
+                    back();
+                    return;
+                }
+                if (route.editor === 'number') {
+                    const number = Number(inputValue);
+                    if (!Number.isFinite(number)) {
+                        setInputError('必须输入有限数字。');
+                        return;
+                    }
+                    if (activeField.min !== undefined && number < activeField.min
+                        || activeField.max !== undefined && number > activeField.max) {
+                        setInputError(`必须在 ${activeField.min ?? '不限'}–${activeField.max ?? '不限'} 范围内。`);
+                        return;
+                    }
+                    updateDraft(activeField.key, number);
+                }
+                else
+                    updateDraft(activeField.key, inputValue);
+                back();
+                return;
+            }
+            if (key.backspace || key.delete)
+                setInputValue((value) => value.slice(0, -1));
+            else if (input && !key.ctrl && !key.meta && input >= ' ')
+                setInputValue((value) => value + input);
+            setInputError(undefined);
+            return;
+        }
+        if (searchMode && route.name === 'pluginList') {
+            if (key.escape) {
+                setSearchMode(false);
+                return;
+            }
+            if (key.backspace || key.delete)
+                setQuery((value) => value.slice(0, -1));
+            else if (input && !key.ctrl && !key.meta && input >= ' ')
+                setQuery((value) => value + input);
+            setFocus(0);
+            setScrollOffset(0);
+            return;
+        }
+        if (key.tab && (route.name === 'configLayer'
+            || route.name === 'configFields'
+            || route.name === 'configFieldEditor'
+            || route.name === 'configPresets')) {
+            return;
+        }
+        if (input === '?') {
+            setOverlayFocus(0);
+            setOverlay('help');
+        }
+        else if (input.toLowerCase() === 'q') {
+            setOverlayFocus(0);
+            setDiscardForExit(dirty);
+            setOverlay(dirty ? 'discard' : 'exit');
+        }
+        else if (input.toLowerCase() === 'd' && (route.name === 'review'
+            || route.name === 'issueDetail'
+            || route.name === 'configUnavailable'
+            || route.name === 'pluginDependencies'
+            || route.name === 'portableDependencies'
+            || route.name === 'portableBlocker')) {
+            setShowTechnical((value) => !value);
+        }
+        else if ((key.escape || input.toLowerCase() === 'b')
+            && (route.name === 'configFieldEditor'
+                || route.name === 'configPresets'
+                || (route.name === 'configFields' && Boolean(route.groupId)))) {
+            back();
+        }
+        else if (key.escape || input.toLowerCase() === 'b') {
+            if (dirty) {
+                setOverlayFocus(0);
+                setDiscardForExit(false);
+                setOverlay('discard');
+            }
+            else
+                back();
+        }
+        else if (route.name === 'pluginList' && input === '/') {
+            setSearchMode(true);
+        }
+        else if (route.name === 'configFields' && route.layer.scope !== 'effective' && input.toLowerCase() === 's') {
+            if (dirty)
+                void beginConfigSave();
+        }
+        else if (route.name === 'configFields' && route.layer.scope !== 'effective' && input.toLowerCase() === 'u') {
+            const key = actions[focus]?.configKey;
+            if (key)
+                removeDraft(key);
+        }
+        else if (input.toLowerCase() === 'r' && route.name === 'sourceDetail') {
+            void props.controller.refreshSource(route.sourceId);
+        }
+        else if (input.toLowerCase() === 'r' && route.name === 'sourceList') {
+            const source = props.controller.listSources()[focus];
+            if (source)
+                void props.controller.refreshSource(source.id);
+        }
+        else if (route.name === 'pluginList' && (key.leftArrow || key.rightArrow || input === '[' || input === ']')) {
+            const tabs = ['all', ...props.controller.listSources().map((source) => source.id)];
+            const current = route.sourceId ?? 'all';
+            const selectedPluginId = props.controller.listPlugins({
+                mode: route.mode,
+                ...(current !== 'all' ? { sourceId: current } : {}),
+                ...(query ? { query } : {}),
+            })[focus]?.pluginId;
+            const direction = key.leftArrow || input === '[' ? -1 : 1;
+            const index = tabs.indexOf(current);
+            const next = tabs[(index + direction + tabs.length) % tabs.length];
+            const nextItems = props.controller.listPlugins({ mode: route.mode, ...(next !== 'all' ? { sourceId: next } : {}), ...(query ? { query } : {}) });
+            const retained = selectedPluginId ? nextItems.findIndex((item) => item.pluginId === selectedPluginId) : -1;
+            props.controller.replace({ name: 'pluginList', mode: route.mode, ...(next !== 'all' ? { sourceId: next } : {}) }, { ...snapshot.router.current.context, sourceTabId: next });
+            setFocus(retained >= 0 ? retained : 0);
+            setScrollOffset(retained >= 4 ? retained - 3 : 0);
+        }
+        else if (input.toLowerCase() === 'a' && route.name === 'portableSkillSelect') {
+            props.controller.selectAllPortableSkills();
+        }
+        else if (input === ' ' && route.name === 'portableSkillSelect') {
+            const candidate = snapshot.portableDraft?.candidates[focus];
+            if (candidate)
+                props.controller.togglePortableSkill(candidate.name);
+        }
+        else if (key.upArrow || input.toLowerCase() === 'k') {
+            setFocus((value) => {
+                const next = moveFocus(actions, value, -1);
+                const viewport = route.name === 'portableSkillSelect' && snapshot.portableDraft
+                    ? portableSkillCandidateViewport(actions.slice(0, snapshot.portableDraft.candidates.length), snapshot.portableDraft.candidates, policy.mode, next, scrollOffset)
+                    : actionViewport(route.name, actions, policy.mode, next, scrollOffset);
+                setScrollOffset(viewport.offset);
+                return next;
+            });
+        }
+        else if (key.downArrow || input.toLowerCase() === 'j') {
+            setFocus((value) => {
+                const next = moveFocus(actions, value, 1);
+                const viewport = route.name === 'portableSkillSelect' && snapshot.portableDraft
+                    ? portableSkillCandidateViewport(actions.slice(0, snapshot.portableDraft.candidates.length), snapshot.portableDraft.candidates, policy.mode, next, scrollOffset)
+                    : actionViewport(route.name, actions, policy.mode, next, scrollOffset);
+                setScrollOffset(viewport.offset);
+                return next;
+            });
+        }
+        else if (input === ' ' && route.name === 'installTools' && route.view !== 'blocked') {
+            runAction(actions[focus]);
+        }
+        else if (key.return && route.name === 'installTools' && route.view !== 'blocked') {
+            if (tools.length > 0) {
+                setDirty(false);
+                back();
+            }
+        }
+        else if (key.return) {
+            runAction(actions[focus]);
+        }
+    });
+    if (tooSmall) {
+        return (_jsx(ScreenFrame, { title: "\u7EC8\u7AEF\u7A7A\u95F4\u4E0D\u8DB3", breadcrumb: "\u7EC8\u7AEF\u7A7A\u95F4\u4E0D\u8DB3", context: `${size.columns} × ${size.rows}`, help: "q \u9000\u51FA", size: size, children: _jsxs(Bordered, { children: [_jsx(Text, { bold: true, children: "\u2194 \u8BF7\u5C06\u7EC8\u7AEF\u8C03\u6574\u5230\u81F3\u5C11 60 \u00D7 18" }), _jsx(Text, { color: tuiTheme.colors.muted, children: "\u8C03\u6574\u540E\u4F1A\u8FD4\u56DE\u539F\u9875\u9762\uFF0C\u4E0D\u4F1A\u4E22\u5931\u5F53\u524D\u9009\u62E9\u3002" })] }) }));
+    }
+    if (actionError)
+        description = actionError;
+    const base = (_jsx(ScreenFrame, { title: title, description: description, breadcrumb: breadcrumb, context: context, help: help, size: size, children: content }));
+    if (!overlay)
+        return base;
+    const helpRows = [
+        ['↑ / ↓', '移动当前唯一焦点'],
+        ['Enter', '打开、选择或继续'],
+        ['Esc / b', '返回上一页'],
+        ...(route.name === 'pluginList' ? [['← / →', '切换来源'], ['/', '进入搜索']] : []),
+        ...(route.name === 'installTools' ? [['Space', '切换工具选择']] : []),
+        ...(route.name === 'review' || route.name === 'progress' ? [['d', '打开技术详情']] : []),
+        ['?', '关闭帮助'],
+    ];
+    return (_jsxs(Box, { position: "relative", width: size.columns, height: size.rows, children: [_jsx(Box, { children: base }), _jsxs(Box, { position: "absolute", marginTop: 5, marginLeft: Math.max(2, Math.floor(size.columns / 5)), width: Math.max(40, Math.floor(size.columns * 0.6)), flexDirection: "column", borderStyle: "round", borderColor: tuiTheme.colors.accent, paddingX: 1, children: [_jsx(Text, { bold: true, children: overlay === 'help' ? '当前页快捷键' : overlay === 'discard' ? '放弃未保存修改？' : '退出控制台？' }), overlay === 'help'
+                        ? _jsx(_Fragment, { children: helpRows.map(([key, value]) => _jsxs(Text, { children: [key.padEnd(9), value] }, key)) })
+                        : _jsx(Text, { color: tuiTheme.colors.muted, children: overlay === 'discard' ? '放弃后将返回上一页。' : '进行中的写操作会先完成。' }), _jsxs(Text, { bold: true, color: overlayFocus === 0 ? tuiTheme.colors.accent : undefined, children: ["\u203A ", overlay === 'help' ? '关闭' : overlay === 'discard' ? '继续编辑' : '继续使用'] }), overlay === 'exit' || overlay === 'discard' ? _jsxs(Text, { bold: true, color: overlayFocus === 1 ? tuiTheme.statusColors.error : undefined, children: [overlayFocus === 1 ? '› ' : '  ', overlay === 'discard' ? '放弃修改' : '退出'] }) : null] })] }));
+}
+//# sourceMappingURL=console-app-v4.js.map