@lesliechan721/aw 0.1.0-beta.4 → 0.1.0-beta.6

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

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, 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';
@@ -6,11 +6,13 @@ 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 { ActionRow, Callout, ChoiceRow, DiagnosticSummary, InputCard, PluginListRow, ProgressRow, ResultCard, ResultRow, ReviewCard, ReviewChangeRow, ScreenFrame, SectionCard, SectionRow, StaticRow, StatusCard, TaskRow, TechnicalDetails, ToggleRow, } from './components.js';
+import { safeDiagnosticCode, sanitizeDiagnosticText, } from './diagnostics.js';
 import { extractPortableError, userIssueKey } from './controller.js';
 import { resolveTuiSizePolicy } from './layout.js';
-import { hasInstalledPlacement } from './model.js';
+import { buildPlatformActions, buildPluginDetailActions, buildPluginPreviewActions, hasInstalledPlacement, } from './model.js';
 import { tuiTheme } from './theme.js';
+import { contentRowBudget, rowViewport } from './viewport.js';
 export const CONSOLE_V4_SCREEN_IDS = [
     'G01', 'G02', 'G03', 'G04', 'G05',
     'P01', 'P02', 'P03', 'P04', 'P05', 'P06', 'P07', 'P08', 'P09', 'P10',
@@ -25,6 +27,49 @@ export const CONSOLE_V4_SCREEN_IDS = [
     'D10', 'D11', 'D12', 'D13', 'D14', 'D15', 'D16', 'D17',
     'U01', 'U02', 'U03', 'U04', 'U05', 'U06', 'U07', 'U08', 'U09', 'U10', 'U11',
 ];
+function pluginMenuActionId(action) {
+    return action.id === 'platform' || action.id === 'scopeConflict'
+        ? `${action.id}:${action.platform}`
+        : action.id;
+}
+function isCharacterInputMode(route, searchMode) {
+    return searchMode
+        || route.name === 'portableAgentInput'
+        || route.name === 'configFieldEditor' && route.editor !== 'enum' && route.editor !== 'boolean'
+        || route.name === 'sourceAdd' && route.step !== 'type' && route.step !== 'refPolicy';
+}
+function helpRowsForRoute(route, actionCount, supportsTechnicalDetails, busy) {
+    const rows = [];
+    if (!busy && actionCount > 1)
+        rows.push(['↑/↓ · j/k', '移动当前唯一焦点']);
+    if (!busy && actionCount > 0)
+        rows.push(['Enter', '打开、选择或继续']);
+    if (!busy && route.name !== 'home')
+        rows.push(['Esc / b', '返回上一页']);
+    if (route.name === 'pluginList') {
+        rows.push(['←/→ · [ / ]', '切换来源']);
+        rows.push(['/', '进入搜索']);
+        if (route.mode === 'browse')
+            rows.push(['f', '切换全部或未安装']);
+    }
+    if (route.name === 'portableSkillSelect') {
+        rows.push(['Space', '切换当前 Skill']);
+        rows.push(['a', '全选 Skills']);
+    }
+    if (route.name === 'configFields' && route.layer.scope !== 'effective') {
+        rows.push(['s', '保存设置']);
+        rows.push(['u', '恢复当前字段继承']);
+    }
+    if (route.name === 'sourceList' || route.name === 'sourceDetail') {
+        rows.push(['r', '重新检查来源']);
+    }
+    if (supportsTechnicalDetails) {
+        rows.push(['d', route.name === 'progress' ? '打开技术进度' : '打开技术详情']);
+    }
+    rows.push(['q / Ctrl-C', busy ? '操作完成后退出' : '退出控制台']);
+    rows.push(['?', '关闭帮助']);
+    return rows;
+}
 function configOwnerKey(route) {
     return `${route.pluginId}\0${route.layer.scope}\0${route.layer.projectLayer}`;
 }
@@ -67,18 +112,27 @@ function statusText(plugin) {
         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 pluginPlacementSummary(plugin) {
+    return plugin.supportedPlatforms.map((platform) => {
+        const label = platformLabel(platform);
+        const placement = plugin.installedPlacements.find((entry) => entry.platform === platform);
+        if (!placement || placement.state === 'notInstalled')
+            return `${label} · 未添加`;
+        if (placement.state === 'scopeConflict')
+            return `${label} · 位置冲突`;
+        const health = placement.health === 'ready' ? '可用'
+            : placement.health === 'incomplete' ? '需要处理' : '不可用';
+        return `${label} · ${scopeLabel(placement.scope)} · ${health}`;
+    }).join('  |  ') || '没有可用平台';
+}
+function pluginRowStatus(plugin) {
+    if (plugin.aggregateStatus === 'needsAttention')
+        return 'warning';
+    if (plugin.aggregateStatus === 'installed')
+        return 'success';
+    if (plugin.aggregateStatus === 'unavailable')
+        return 'error';
+    return 'muted';
 }
 function moveFocus(actions, current, direction) {
     if (actions.length === 0)
@@ -90,67 +144,82 @@ function moveFocus(actions, current, direction) {
     }
     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 moveIndex(count, current, direction) {
+    if (count === 0)
+        return 0;
+    return (current + direction + count) % count;
+}
+function actionViewport(actions, compact, focus, requestedOffset, lineBudget) {
+    return rowViewport({
+        rowHeights: actions.map((action) => compact || (!action.description && !action.disabled) ? 1 : 2),
+        focus,
+        requestedOffset,
+        rowBudget: lineBudget,
+    });
+}
+function portableSkillCandidateViewport(actions, candidates, compact, focus, requestedOffset, rowBudget) {
+    const candidateFocus = focus < candidates.length ? focus : requestedOffset;
+    return groupedRowViewport({
+        rowHeights: actions.map(() => compact ? 1 : 2),
+        groupKeys: candidates.map((candidate) => candidate.providerPluginId),
+        groupOverhead: 3,
+        focus: candidateFocus,
+        requestedOffset,
+        rowBudget,
+    });
 }
-function lineBudgetViewport(actions, focus, requestedOffset, lineBudget, groupKeys) {
+function groupedRowViewport(options) {
+    const total = options.rowHeights.length;
+    if (total === 0) {
+        return { offset: 0, limit: 0, hiddenBefore: 0, hiddenAfter: 0, position: 0, total: 0 };
+    }
+    const focus = Math.min(Math.max(0, options.focus), total - 1);
     const height = (start, end) => {
-        let lines = 0;
+        let rows = 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;
+            const group = options.groupKeys[index];
+            if (group !== undefined && group !== previousGroup)
+                rows += options.groupOverhead;
+            rows += options.rowHeights[index] ?? 1;
             previousGroup = group;
         }
-        return lines;
+        return rows;
     };
-    let offset = Math.min(requestedOffset, Math.max(0, actions.length - 1));
-    if (focus < offset)
-        offset = focus;
-    while (offset < focus && height(offset, focus + 1) > lineBudget)
+    let offset = Math.min(Math.max(0, options.requestedOffset), focus);
+    while (offset < focus && height(offset, focus + 1) > options.rowBudget)
         offset += 1;
-    let end = Math.max(offset + 1, focus + 1);
-    while (end < actions.length && height(offset, end + 1) <= lineBudget)
+    let end = focus + 1;
+    while (end < total && height(offset, end + 1) <= options.rowBudget)
         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) };
+    while (offset > 0 && height(offset - 1, end) <= options.rowBudget)
+        offset -= 1;
+    return {
+        offset,
+        limit: end - offset,
+        hiddenBefore: offset,
+        hiddenAfter: total - end,
+        position: focus + 1,
+        total,
+    };
 }
-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 prefixRowLimit(rowHeights, rowBudget) {
+    let used = 0;
+    let visible = 0;
+    for (const rowHeight of rowHeights) {
+        const hiddenSummary = visible + 1 < rowHeights.length ? 1 : 0;
+        if (used + rowHeight + hiddenSummary > rowBudget)
+            break;
+        used += rowHeight;
+        visible += 1;
+    }
+    return visible;
 }
 function portableScopeVariantsDiffer(candidate) {
     const project = candidate.scopeDetails.project;
     const user = candidate.scopeDetails.user;
+    if (Boolean(project) !== Boolean(user))
+        return true;
     return Boolean(project && user && (project.description !== user.description
         || project.providerPluginId !== user.providerPluginId
         || project.providerDisplayName !== user.providerDisplayName
@@ -159,7 +228,7 @@ function portableScopeVariantsDiffer(candidate) {
 }
 function portableScopeVariantLabel(scope, detail) {
     if (!detail)
-        return '';
+        return `${scope === 'project' ? '当前项目' : '所有项目'}：不可用`;
     return `${scope === 'project' ? '当前项目' : '所有项目'}：${detail.description} · ${detail.providerDisplayName}${detail.dynamic ? ' · 按设置生成' : ''}`;
 }
 function privatePathInput(value) {
@@ -168,49 +237,172 @@ function privatePathInput(value) {
     const basename = value.split(/[\\/]/u).filter(Boolean).at(-1) ?? '已选择';
     return `已选择 / … / ${basename}`;
 }
-function ActionRows(props) {
+function portableBlockerDiagnostic(route) {
+    const cliUnavailable = route.code === 'portableSkillsCliMissing'
+        || route.code === 'portableSkillsCliIncompatible';
+    const userMessage = route.code === 'requiredConfigMissing'
+        ? '插件缺少生成内容所需的设置。'
+        : route.code === 'portableScopeUnavailable'
+            ? '至少一个所选 Skill 不适用于这个范围。'
+            : cliUnavailable
+                ? '没有找到兼容的 Skills CLI。'
+                : '候选 Skill 没有通过 Portable 安全校验。';
+    const blocked = route.code === 'requiredConfigMissing'
+        ? '缺少生成 Skill 所需的设置；没有调用 Skills CLI。'
+        : cliUnavailable
+            ? '当前不能开始安装；没有调用 Skills CLI。'
+            : route.code === 'portableScopeUnavailable'
+                ? '所选内容不能在这个范围完整生成；没有开始写入。'
+                : '候选内容没有通过安全校验；没有开始写入。';
+    const nextStep = route.code === 'requiredConfigMissing'
+        ? '完成插件设置，然后重新准备。'
+        : cliUnavailable
+            ? '安装或升级兼容的 Skills CLI，然后重新检查。'
+            : route.code === 'portableScopeUnavailable'
+                ? '返回 Skill 选择或更改范围，然后重新检查。'
+                : '修复来源内容或修改选择，然后重新检查。';
+    return {
+        severity: 'error',
+        title: route.code === 'portableScopeUnavailable' ? '所选范围不可用'
+            : cliUnavailable ? '暂时无法安装通用 Skills' : '无法准备通用 Skills',
+        userMessage,
+        impact: [
+            { state: 'blocked', message: blocked },
+            { state: 'preserved', message: '现有插件、Skills、设置和 Portable 草稿保持不变。' },
+        ],
+        nextStep,
+        technical: {
+            code: safeDiagnosticCode(route.diagnosticCode, 'portableValidationFailed'),
+            stage: cliUnavailable ? 'check-skills-cli' : 'prepare-portable',
+            ...(cliUnavailable ? { context: [{
+                        key: 'compatibility',
+                        value: 'Skills CLI >=1.5.23 <2.0.0',
+                    }] } : {}),
+            checks: cliUnavailable
+                ? ['检查 PATH 中的 Skills CLI 版本。', '安装兼容版本后运行“重新检查”。']
+                : ['检查插件设置、所选范围和 Portable 来源内容。', '修复后运行“重新检查”。'],
+        },
+    };
+}
+function configUnavailableDiagnostic(route) {
+    return {
+        severity: 'error',
+        title: 'Manifest 或来源不可用',
+        userMessage: '当前无法取得可信的字段定义，因此不能验证新值。',
+        impact: [
+            { state: 'blocked', message: '恢复可信字段定义前，不能编辑或重置这个插件的设置。' },
+            { state: 'preserved', message: '已保存的设置保持不变。' },
+        ],
+        nextStep: '重新检查来源，然后再次打开设置。',
+        technical: {
+            code: safeDiagnosticCode(route.diagnosticCode, 'configUnavailable'),
+            stage: safeDiagnosticCode(route.diagnosticStage, 'read-config'),
+            context: [
+                { key: 'pluginId', value: route.pluginId },
+                ...(route.layer ? [{ key: 'scope', value: route.layer.scope }] : []),
+            ],
+            checks: ['恢复插件来源和可信 Manifest。', '重新检查来源后再次打开设置。'],
+        },
+    };
+}
+function sourceDiagnostic(sourceId, state, detail) {
+    const degraded = state === 'degraded';
+    const unavailable = state === 'unavailable' || state === 'error';
+    if (!degraded && !unavailable)
+        return undefined;
+    return {
+        severity: degraded ? 'warning' : 'error',
+        title: degraded ? '远端 Catalog 检查失败，正在使用缓存' : 'Catalog 来源不可用',
+        userMessage: degraded
+            ? '远端读取没有成功。当前使用匹配且已验证的缓存数据。'
+            : '当前无法读取这个来源，并且没有可用缓存数据。',
+        impact: degraded
+            ? [
+                { state: 'degraded', message: '数据可能不是最新；匹配缓存中的插件仍可浏览和安装。' },
+                { state: 'preserved', message: '已安装插件和已保存设置不会被删除。' },
+            ]
+            : [
+                { state: 'blocked', message: '当前不能浏览或安装这个来源中的插件。' },
+                { state: 'preserved', message: '已安装插件和已保存设置不会被删除。' },
+            ],
+        nextStep: degraded
+            ? '重新检查来源；在修复前也可以继续使用匹配缓存。'
+            : '重新检查来源；如仍失败，请编辑来源 URL、路径或 ref。',
+        technical: {
+            code: safeDiagnosticCode(detail?.errorCode, degraded ? 'catalogSourceDegraded' : 'catalogSourceUnavailable'),
+            stage: 'resolve-source',
+            sourceId,
+            ...(detail?.requestedRef ? { requestedRef: detail.requestedRef } : {}),
+            ...(detail?.resolvedCommit ? { resolvedCommit: detail.resolvedCommit } : {}),
+            lastGood: degraded ? 'available' : 'unavailable',
+            ...(detail?.freshness ? { context: [{ key: 'freshness', value: detail.freshness }] } : {}),
+            checks: ['检查 Git URL、ref 或本地目录。', '确认当前终端具备来源授权。', '运行“重新检查来源”验证修复。'],
+        },
+    };
+}
+function terminalTextWidth(value) {
+    return [...value].reduce((width, character) => width + (character.codePointAt(0) > 0xff ? 2 : 1), 0);
+}
+function SemanticRows(props) {
     const offset = props.offset ?? 0;
     const actions = props.limit === undefined
-        ? props.actions
+        ? props.actions.slice(offset)
         : 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}`));
+            const rowProps = {
+                title: action.label,
+                description: action.description,
+                meta: action.meta ?? (props.compact ? action.disabled : undefined),
+                status: action.status,
+                disabled: action.disabled,
+                focused: index === props.focus,
+                compact: props.compact,
+            };
+            if (props.kind === 'section')
+                return _jsx(SectionRow, { ...rowProps }, `${action.label}:${index}`);
+            if (props.kind === 'choice') {
+                return _jsx(ChoiceRow, { ...rowProps, selected: Boolean(action.selected) }, `${action.label}:${index}`);
+            }
+            if (props.kind === 'toggle') {
+                return _jsx(ToggleRow, { ...rowProps, selected: Boolean(action.selected) }, `${action.label}:${index}`);
+            }
+            if (props.kind === 'action')
+                return _jsx(ActionRow, { ...rowProps }, `${action.label}:${index}`);
+            return _jsx(TaskRow, { ...rowProps }, `${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 PluginRows(props) {
+    return (_jsx(Box, { flexDirection: "column", children: props.rows.slice(props.viewport.offset, props.viewport.offset + props.viewport.limit)
+            .map((row, visibleIndex) => (_jsx(PluginListRow, { name: row.name, sourceLabel: row.sourceLabel, description: row.description, placementSummary: row.placementSummary, statusLabel: row.statusLabel, status: row.status, focused: props.viewport.offset + visibleIndex === props.focus }, row.pluginId))) }));
 }
-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 IssueTechnicalDetails(props) {
+    const visible = props.details.slice(0, props.compact ? 1 : 2);
+    if (visible.length === 0)
+        return null;
+    const hidden = props.details.length - visible.length;
+    return _jsx(TechnicalDetails, { children: visible.flatMap((detail, index) => [
+            _jsx(StaticRow, { title: detail.code, compact: true }, `${detail.code}:${index}:code`),
+            _jsx(StaticRow, { title: detail.message, meta: index === visible.length - 1 && hidden > 0 ? `另有 ${hidden} 项` : undefined, compact: true }, `${detail.code}:${index}:message`),
+        ]) });
 }
 function SourceTabs(props) {
-    const tabs = [{ id: 'all', label: '全部', count: props.controller.listPlugins({ mode: props.mode }).length },
+    const filter = { mode: props.mode, query: props.query, installFilter: props.installFilter };
+    const tabs = [{ id: 'all', label: '全部', count: props.controller.listPlugins(filter).length },
         ...props.controller.listSources().map((source) => ({
             ...source,
-            count: props.controller.listPlugins({ mode: props.mode, sourceId: source.id }).length,
+            count: props.controller.listPlugins({ ...filter, sourceId: source.id }).length,
         }))];
     const index = Math.max(0, tabs.findIndex((tab) => tab.id === props.current));
-    if (props.compact) {
+    const fullText = `来源  ${tabs.map((tab) => {
+        const state = 'state' in tab ? tab.state : 'ready';
+        return `${tab.id === props.current ? '[' : ''}${tab.label}${state === 'error' ? ' !' : ` ${tab.count ?? ''}`}${tab.id === props.current ? ']' : ''}  `;
+    }).join('')}`;
+    if (props.compact || terminalTextWidth(fullText) > props.columns) {
         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, { wrap: "truncate-end", 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) => {
+    return (_jsxs(Text, { wrap: "truncate-end", 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
@@ -218,6 +410,31 @@ function SourceTabs(props) {
                             : state === 'cache' ? tuiTheme.statusColors.warning : tuiTheme.colors.muted, children: [active ? '[' : '', tab.label, state === 'error' ? ' !' : ` ${tab.count ?? ''}`, active ? ']' : '', '  '] }, tab.id));
             })] }));
 }
+function configTabs(page) {
+    return [
+        ...page.groups.map((group) => ({
+            id: group.id,
+            label: group.title,
+            count: group.fields.length,
+            kind: 'group',
+        })),
+        ...(page.presets.length > 0
+            ? [{ id: '@presets', label: '快速方案', count: page.presets.length, kind: 'presets' }]
+            : []),
+    ];
+}
+function ConfigGroupTabs(props) {
+    const index = Math.max(0, props.tabs.findIndex((tab) => tab.id === props.current));
+    const fullText = `分组  ${props.tabs.map((tab) => `${tab.id === props.current ? '[' : ''}${tab.label} ${tab.count}${tab.id === props.current ? ']' : ''}  `).join('')}`;
+    if (props.compact || terminalTextWidth(fullText) > props.columns) {
+        const tab = props.tabs[index];
+        return _jsxs(Text, { wrap: "truncate-end", children: ["\u5206\u7EC4  ", _jsxs(Text, { color: tuiTheme.colors.accent, children: ["[", tab.label, " ", tab.count, "]"] }), "  ", index + 1, " / ", props.tabs.length, "  \u2190 \u2192"] });
+    }
+    return (_jsxs(Text, { wrap: "truncate-end", children: ["\u5206\u7EC4  ", props.tabs.map((tab) => {
+                const active = tab.id === props.current;
+                return _jsxs(Text, { bold: active, color: active ? tuiTheme.colors.accent : tuiTheme.colors.muted, children: [active ? '[' : '', tab.label, " ", tab.count, active ? ']' : '', '  '] }, tab.id);
+            }), "\u2190 \u2192"] }));
+}
 function placementStatus(placement) {
     if (placement.state === 'notInstalled') {
         return { value: '未添加', status: 'muted', description: '选择使用位置后添加' };
@@ -241,15 +458,14 @@ function dependencyStatus(item) {
     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;
+    const aggregate = dependencyStatus(item);
+    if (item.aggregateStatus !== 'ready')
+        return aggregate.value;
+    const ready = item.placements.filter((entry) => entry.state === 'installed' && entry.health === 'ready');
+    const scopes = new Set(ready.map((entry) => entry.state === 'installed' ? entry.scope : undefined));
+    return scopes.size === 1 && ready[0]?.state === 'installed'
+        ? `${scopeLabel(ready[0].scope)} · ${aggregate.value}`
+        : aggregate.value;
 }
 function dependentTargetLabel(item) {
     const consumer = item.placementReferences?.[0]?.consumer;
@@ -330,7 +546,7 @@ export function resolveConsoleV4ScreenId(snapshot, controller, overlay, tooSmall
     if (route.name === 'installPlacement') {
         return controller.getPluginOverview(route.pluginId)?.dependencySummary?.totalCount ? 'D03' : 'P05';
     }
-    if (route.name === 'installTools') {
+    if (route.name === 'installTargets') {
         if (route.view === 'blocked')
             return 'D16';
         return controller.getPluginOverview(route.pluginId)?.dependencySummary?.totalCount ? 'D04' : 'P06';
@@ -349,6 +565,8 @@ export function resolveConsoleV4ScreenId(snapshot, controller, overlay, tooSmall
             return 'P14';
         return 'P16';
     }
+    if (route.name === 'reviewPreparing')
+        return 'P07';
     const dependencyOperation = snapshot.activeReview?.operationKind === 'pluginWrite'
         && Boolean(snapshot.activeReview.changes.some((change) => change.group));
     if (route.name === 'review' && dependencyOperation) {
@@ -357,9 +575,14 @@ export function resolveConsoleV4ScreenId(snapshot, controller, overlay, tooSmall
     }
     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 === 'result' && snapshot.result) {
+        const dependencyTargets = snapshot.result.state === 'succeeded' || snapshot.result.state === 'partial'
+            ? snapshot.result.summary.targets
+            : snapshot.result.state === 'blocked' && snapshot.result.code === 'operationFailed'
+                ? snapshot.result.summary?.targets : undefined;
+        if (dependencyTargets?.some((target) => target.relation)) {
+            return snapshot.result.state === 'succeeded' ? 'D07' : 'D08';
+        }
     }
     if (route.name === 'review' && snapshot.activeReview?.originIssue)
         return 'I10';
@@ -406,14 +629,11 @@ export function resolveConsoleV4ScreenId(snapshot, controller, overlay, tooSmall
     if (route.name === 'configLayer')
         return 'C01';
     if (route.name === 'configFields')
-        return route.layer.scope === 'effective'
-            ? 'C02' : route.groupId ? 'C04' : 'C03';
+        return route.layer.scope === 'effective' ? 'C02' : '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')
@@ -467,10 +687,14 @@ export function ConsoleAppV4(props) {
     const [scrollOffset, setScrollOffset] = useState(0);
     const [searchMode, setSearchMode] = useState(false);
     const [query, setQuery] = useState('');
+    const [installFilter, setInstallFilter] = useState(props.controller.snapshot.router.current.context.installFilter ?? 'all');
     const [scope, setScope] = useState('user');
-    const [tools, setTools] = useState([]);
+    const [selectedTargets, setSelectedTargets] = useState([]);
+    const [targetSelections, setTargetSelections] = useState({});
+    const [preferredTarget, setPreferredTarget] = useState();
     const [technicalRouteKey, setTechnicalRouteKey] = useState();
     const [exitAfterBusy, setExitAfterBusy] = useState(false);
+    const [exitAfterPreparation, setExitAfterPreparation] = useState(false);
     const [, setClockTick] = useState(0);
     const [dirty, setDirty] = useState(false);
     const [configPage, setConfigPage] = useState();
@@ -481,7 +705,6 @@ export function ConsoleAppV4(props) {
     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('');
@@ -490,6 +713,8 @@ export function ConsoleAppV4(props) {
     const [sourceDependenciesExpanded, setSourceDependenciesExpanded] = useState(false);
     const [portableAgentInput, setPortableAgentInput] = useState('');
     const [draftOwner, setDraftOwner] = useState();
+    const [pendingPresetId, setPendingPresetId] = useState();
+    const dynamicMenuFocus = useRef(undefined);
     const exitSent = useRef(false);
     const operationBusy = useRef(false);
     const route = snapshot.router.current.route;
@@ -504,6 +729,8 @@ export function ConsoleAppV4(props) {
         ? props.controller.listUserIssues().find((entry) => entry.issueId === route.issueId)
         : undefined;
     const busy = route.name === 'progress';
+    const preparationRunning = route.name === 'reviewPreparing'
+        && snapshot.reviewPreparation?.state === 'running';
     useEffect(() => {
         if (!busy)
             return;
@@ -540,6 +767,14 @@ export function ConsoleAppV4(props) {
                 : state === 'stale' ? 'stale' : 'completed',
         });
     }, [exitAfterBusy, snapshot.result]);
+    useEffect(() => {
+        if (!exitAfterPreparation || preparationRunning)
+            return;
+        requestExit({
+            code: snapshot.reviewPreparation?.state === 'failed' ? 1 : 0,
+            reason: snapshot.reviewPreparation?.state === 'failed' ? 'blocked' : 'user',
+        });
+    }, [exitAfterPreparation, preparationRunning, snapshot.reviewPreparation?.state]);
     useEffect(() => {
         if (route.name !== 'result'
             || !snapshot.result
@@ -569,7 +804,6 @@ export function ConsoleAppV4(props) {
     }, [route.name]);
     const configRoute = route.name === 'configFields'
         || route.name === 'configFieldEditor'
-        || route.name === 'configPresets'
         ? route
         : undefined;
     const currentConfigPage = configPageMatches(configPage, configRoute) ? configPage : undefined;
@@ -578,7 +812,6 @@ export function ConsoleAppV4(props) {
             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' } },
@@ -616,14 +849,19 @@ export function ConsoleAppV4(props) {
                 return;
             setConfigPage(page);
         })
-            .catch(() => {
+            .catch((error) => {
             if (!abort.signal.aborted) {
                 const layer = configRoute.layer.scope === 'effective'
                     ? undefined
                     : { scope: configRoute.layer.scope, projectLayer: configRoute.layer.projectLayer };
+                const code = typeof error === 'object' && error !== null && 'code' in error
+                    ? safeDiagnosticCode(error.code, 'configUnavailable')
+                    : 'configUnavailable';
                 props.controller.replace({
                     name: 'configUnavailable',
                     pluginId: expectedPluginId,
+                    diagnosticCode: code,
+                    diagnosticStage: 'read-config',
                     ...(layer ? { layer } : {}),
                 });
             }
@@ -631,22 +869,16 @@ export function ConsoleAppV4(props) {
         return () => abort.abort();
     }, [configLoadKey, configRoute?.pluginId, configRoute?.layer.scope, configRoute?.layer.projectLayer, props.controller]);
     useEffect(() => {
-        if (route.name !== 'configUnavailable' || !route.layer) {
-            setConfigResetAvailability(undefined);
+        if (route.name !== 'configFields' || !currentConfigPage)
             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) : '']);
+        const tabs = configTabs(currentConfigPage);
+        if (tabs.length === 0)
+            return;
+        const current = snapshot.router.current.context.configGroupId;
+        if (tabs.some((tab) => tab.id === current))
+            return;
+        props.controller.updatePageContext({ configGroupId: tabs[0].id });
+    }, [props.controller, route.name, currentConfigPage, snapshot.router.current.context.configGroupId]);
     useEffect(() => {
         let count;
         if (route.name === 'sourceList')
@@ -660,18 +892,19 @@ export function ConsoleAppV4(props) {
                 mode: route.mode,
                 ...(route.sourceId ? { sourceId: route.sourceId } : {}),
                 ...(query ? { query } : {}),
+                installFilter,
             }).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)));
+        setScrollOffset((value) => Math.min(value, Math.max(0, count - 1)));
     }, [
         policy.mode,
         props.controller,
         query,
+        installFilter,
         route.name,
         route.name === 'pluginList' ? route.mode : '',
         route.name === 'pluginList' ? route.sourceId : '',
@@ -713,51 +946,33 @@ export function ConsoleAppV4(props) {
         return () => abort.abort();
     }, [props.controller, route.name, route.name === 'sourceRemoveBlocked' ? route.sourceId : '']);
     const screenId = resolveConsoleV4ScreenId(snapshot, props.controller, overlay, tooSmall, searchMode);
+    const portableVariantCandidates = route.name === 'portableSkillSelect' && snapshot.portableDraft
+        ? snapshot.portableDraft.candidates.filter(portableScopeVariantsDiffer)
+        : [];
+    const supportsTechnicalDetails = Boolean(route.name === 'progress' && snapshot.progress.messages.length > 0)
+        || Boolean(route.name === 'review' && snapshot.activeReview?.technicalDetails?.length)
+        || Boolean(route.name === 'issueDetail' && issue
+            && issue.diagnostic.technical)
+        || Boolean(route.name === 'pluginDependencies' && plugin)
+        || portableVariantCandidates.length > 0
+        || Boolean(route.name === 'portableDependencies' && plugin
+            && props.controller.getPluginDependencyOverview(plugin.pluginId)?.dependencies.length)
+        || Boolean(route.name === 'portableBlocker' && plugin)
+        || Boolean(route.name === 'configUnavailable' && plugin)
+        || Boolean(route.name === 'result' && snapshot.result && 'operationKind' in snapshot.result
+            && snapshot.result.operationKind === 'portableInstall');
+    const canOpenHelp = !tooSmall
+        && !isCharacterInputMode(route, searchMode)
+        && !(route.name === 'installTargets' && route.view !== 'blocked');
     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) => ({
+    const installIntent = (candidate, targets = selectedTargets) => ({
         kind: 'pluginWrite',
         action: 'install',
         pluginId: candidate.pluginId,
-        platform: tools.length === 2 ? 'both' : tools[0],
+        platform: targets.length === 2 ? 'both' : targets[0],
         scope,
     });
     let title = '管理你的 Agent 工作流插件';
@@ -767,8 +982,43 @@ export function ConsoleAppV4(props) {
     let help = '↑↓ 移动 · Enter 选择 · ? 帮助 · q 退出';
     let content;
     let actions = [];
+    let pluginRows = [];
+    let visibleConfigTabs = [];
+    let activeConfigTabId;
+    const dynamicMenu = plugin && route.name === 'pluginPreview'
+        ? buildPluginPreviewActions(plugin)
+        : plugin && route.name === 'pluginDetail'
+            ? buildPluginDetailActions(plugin)
+            : plugin && route.name === 'platform'
+                ? buildPlatformActions(plugin, route.platform)
+                : undefined;
+    const dynamicActionIds = dynamicMenu?.map(pluginMenuActionId);
+    const dynamicActionSignature = dynamicActionIds?.join('\0');
+    const previousDynamicFocus = dynamicMenuFocus.current;
+    const retainedDynamicFocus = dynamicActionIds
+        && previousDynamicFocus?.routeKey === routeKey
+        && previousDynamicFocus.actionIds !== dynamicActionSignature
+        && previousDynamicFocus.focusedActionId !== undefined
+        ? dynamicActionIds.indexOf(previousDynamicFocus.focusedActionId)
+        : -1;
+    const effectiveFocus = dynamicActionIds
+        && previousDynamicFocus?.routeKey === routeKey
+        && previousDynamicFocus.actionIds !== dynamicActionSignature
+        ? retainedDynamicFocus >= 0 ? retainedDynamicFocus : 0
+        : focus;
+    const pageActionBudget = (staticRows = 0) => contentRowBudget({
+        terminalRows: size.rows,
+        description: Boolean(description),
+        compact: policy.mode === 'compact',
+        staticRows,
+    });
+    const responsiveBudget = (compactRows, standardRows) => {
+        const baseline = policy.mode === 'compact' ? 18 : 24;
+        const base = policy.mode === 'compact' ? compactRows : standardRows;
+        return base + Math.max(0, size.rows - baseline);
+    };
     const go = (next) => {
-        props.controller.updatePageContext({ focusIndex: focus, scrollOffset, query, sourceTabId: route.name === 'pluginList' ? route.sourceId ?? 'all' : undefined });
+        props.controller.updatePageContext({ focusIndex: focus, scrollOffset, query, installFilter, sourceTabId: route.name === 'pluginList' ? route.sourceId ?? 'all' : undefined });
         props.controller.push(next);
         setFocus(0);
         setScrollOffset(0);
@@ -776,6 +1026,21 @@ export function ConsoleAppV4(props) {
         setShowTechnical(false);
         setActionError(undefined);
     };
+    const beginConfigFlow = (pluginId) => {
+        props.controller.updatePageContext({
+            focusIndex: focus,
+            scrollOffset,
+            query,
+            installFilter,
+            sourceTabId: route.name === 'pluginList' ? route.sourceId ?? 'all' : undefined,
+        });
+        props.controller.beginConfigFlow(pluginId);
+        setFocus(0);
+        setScrollOffset(0);
+        setSearchMode(false);
+        setShowTechnical(false);
+        setActionError(undefined);
+    };
     const back = () => {
         if (route.name === 'result')
             props.controller.leaveResult();
@@ -785,6 +1050,7 @@ export function ConsoleAppV4(props) {
         setFocus(restored.focusIndex ?? 0);
         setScrollOffset(restored.scrollOffset ?? 0);
         setQuery(restored.query ?? '');
+        setInstallFilter(restored.installFilter ?? 'all');
         setSearchMode(Boolean(restored.query));
         setActionError(undefined);
     };
@@ -794,15 +1060,23 @@ export function ConsoleAppV4(props) {
         setFocus(restored.focusIndex ?? 0);
         setScrollOffset(restored.scrollOffset ?? 0);
         setQuery(restored.query ?? '');
+        setInstallFilter(restored.installFilter ?? 'all');
         setSearchMode(Boolean(restored.query));
         setShowTechnical(false);
         setActionError(undefined);
     };
-    const beginReview = async (intent) => {
+    const beginReview = (intent) => {
         const underlyingResultRoute = route.name === 'result' && snapshot.result && 'returnRoute' in snapshot.result
             ? snapshot.result.returnRoute
             : undefined;
-        await props.controller.buildOperationReview(intent, underlyingResultRoute);
+        props.controller.updatePageContext({
+            focusIndex: focus,
+            scrollOffset,
+            query,
+            installFilter,
+            sourceTabId: route.name === 'pluginList' ? route.sourceId ?? 'all' : undefined,
+        });
+        props.controller.startReviewPreparation(intent, underlyingResultRoute);
         setFocus(0);
         setScrollOffset(0);
     };
@@ -826,10 +1100,11 @@ export function ConsoleAppV4(props) {
             }
         }
     };
-    const beginPortableReview = async (pluginId, selectedScope) => {
+    const beginPortableReview = (pluginId, selectedScope) => {
         props.controller.setPortableScope(selectedScope);
         try {
-            await props.controller.buildPortableInstallReview();
+            props.controller.updatePageContext({ focusIndex: focus, scrollOffset });
+            props.controller.startPortableInstallReviewPreparation();
             setFocus(0);
             setActionError(undefined);
         }
@@ -895,9 +1170,11 @@ export function ConsoleAppV4(props) {
         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);
+            : action.id === 'cleanup'
+                ? 'cleanup'
+                : action.id === 'remove' || action.id === 'keepUserScope' || action.id === 'keepProjectScope'
+                    ? 'uninstall'
+                    : undefined);
         if (!selectedScope || !selectedPlatform || !writeAction)
             return undefined;
         return {
@@ -989,6 +1266,15 @@ export function ConsoleAppV4(props) {
             return field.value ? '开启' : '关闭';
         return `${field.displayValue}${field.unit && field.displayValue !== '未设置' ? ` ${field.unit}` : ''}`;
     };
+    const effectiveFieldDisplay = (field) => {
+        if (field.type === 'enum' && field.effectiveValue !== undefined) {
+            return field.valueLabels?.[String(field.effectiveValue)] ?? field.effectiveDisplayValue;
+        }
+        if (field.type === 'boolean' && field.effectiveValue !== undefined) {
+            return field.effectiveValue ? '开启' : '关闭';
+        }
+        return `${field.effectiveDisplayValue}${field.unit && field.effectiveDisplayValue !== '未设置' ? ` ${field.unit}` : ''}`;
+    };
     const fieldEditor = (field) => {
         if (field.sensitive)
             return 'sensitive';
@@ -1028,6 +1314,88 @@ export function ConsoleAppV4(props) {
             return next;
         });
     };
+    const configFieldTarget = (page, key) => {
+        if (!key)
+            return undefined;
+        for (const group of page.groups) {
+            const focusIndex = group.fields.findIndex((field) => field.key === key);
+            if (focusIndex >= 0)
+                return { groupId: group.id, focusIndex };
+        }
+        return undefined;
+    };
+    const applyConfigPreset = (page, presetId) => {
+        const preset = page.presets.find((candidate) => candidate.id === presetId);
+        if (!preset)
+            return;
+        const fields = new Map(page.groups.flatMap((group) => group.fields)
+            .map((field) => [field.key, field]));
+        setDraftUpdates((current) => {
+            const next = { ...current };
+            for (const [key, value] of Object.entries(preset.values)) {
+                const field = fields.get(key);
+                if (field?.configured && field.value === value)
+                    delete next[key];
+                else
+                    next[key] = value;
+            }
+            const nextRemoves = draftRemoves.filter((key) => !Object.hasOwn(preset.values, key));
+            setDraftRemoves(nextRemoves);
+            setDirty(Object.keys(next).length + nextRemoves.length > 0);
+            return next;
+        });
+        const target = configFieldTarget(page, Object.keys(preset.values)[0])
+            ?? (page.groups[0] ? { groupId: page.groups[0].id, focusIndex: 0 } : undefined);
+        if (target) {
+            props.controller.updatePageContext({
+                configGroupId: target.groupId,
+                focusIndex: target.focusIndex,
+                scrollOffset: 0,
+            });
+            setFocus(target.focusIndex);
+            setScrollOffset(0);
+        }
+        setConfigActionError((preset.privateFieldTitles?.length ?? 0) > 0
+            ? `${preset.privateFieldTitles.join('、')}需手动输入。`
+            : undefined);
+    };
+    const openConfigLayerTarget = (layer) => {
+        if (route.name !== 'configLayer')
+            return;
+        const field = route.fieldKey && configPage
+            ? configPage.groups.flatMap((group) => group.fields).find((candidate) => candidate.key === route.fieldKey)
+            : undefined;
+        const fieldTarget = configPage ? configFieldTarget(configPage, route.fieldKey) : undefined;
+        const preset = route.presetId && configPage
+            ? configPage.presets.find((candidate) => candidate.id === route.presetId)
+            : undefined;
+        const presetTarget = preset
+            ? configFieldTarget(configPage, Object.keys(preset.values)[0])
+            : undefined;
+        const target = fieldTarget ?? (route.groupId ? { groupId: route.groupId, focusIndex: 0 } : undefined) ?? presetTarget
+            ?? (configPage?.groups[0] ? { groupId: configPage.groups[0].id, focusIndex: 0 } : undefined);
+        const context = target
+            ? { configGroupId: target.groupId, focusIndex: target.focusIndex, scrollOffset: 0 }
+            : {};
+        props.controller.replace({ name: 'configFields', pluginId: route.pluginId, layer }, context);
+        if (route.presetId) {
+            setPendingPresetId(route.presetId);
+            setFocus(target?.focusIndex ?? 0);
+            setScrollOffset(0);
+            return;
+        }
+        if (field && route.fieldKey) {
+            props.controller.push({
+                name: 'configFieldEditor',
+                pluginId: route.pluginId,
+                layer,
+                fieldKey: route.fieldKey,
+                editor: fieldEditor(field),
+            });
+        }
+        setFocus(0);
+        setScrollOffset(0);
+    };
     const configChanges = () => {
         const fields = currentConfigPage?.groups.flatMap((group) => group.fields) ?? [];
         return [...Object.keys(draftUpdates), ...draftRemoves.filter((key) => !Object.hasOwn(draftUpdates, key))]
@@ -1063,19 +1431,34 @@ export function ConsoleAppV4(props) {
             setConfigActionError('设置值未通过验证。请重新检查修改。');
         }
     };
+    useEffect(() => {
+        if (!pendingPresetId || route.name !== 'configFields'
+            || route.layer.scope === 'effective' || !currentConfigPage)
+            return;
+        const presetId = pendingPresetId;
+        setPendingPresetId(undefined);
+        applyConfigPreset(currentConfigPage, presetId);
+    }, [pendingPresetId, route.name, currentConfigPage]);
+    useEffect(() => {
+        if (!pendingPresetId)
+            return;
+        if (route.name === 'configFields' && route.layer.scope !== 'effective')
+            return;
+        setPendingPresetId(undefined);
+    }, [pendingPresetId, route.name, route.name === 'configFields' ? route.layer.scope : '']);
     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" })] });
+        content = _jsx(StatusCard, { status: "error", title: snapshot.loadError?.code ?? 'statusLoadFailed', description: "\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" })] }));
+        content = _jsxs(StatusCard, { status: "info", title: "\u51C6\u5907\u63A7\u5236\u53F0", children: [_jsx(ProgressRow, { title: "\u8BFB\u53D6\u63D2\u4EF6\u6765\u6E90", state: "active" }), _jsx(ProgressRow, { title: "\u68C0\u67E5\u5F53\u524D\u9879\u76EE", state: "pending" }), _jsx(ProgressRow, { title: "\u6C47\u603B\u53EF\u7528\u64CD\u4F5C", state: "pending" })] });
     }
     else if (route.name === 'home') {
         const home = snapshot.viewModel.home;
@@ -1086,7 +1469,7 @@ export function ConsoleAppV4(props) {
             { 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 }) })] }));
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsxs(StatusCard, { status: home.issueCount > 0 || home.unavailableSourceCount > 0 ? 'warning' : 'success', title: "\u5F53\u524D\u72B6\u6001", children: [_jsx(ResultRow, { title: `${home.installedPlugins} 个插件可用`, status: "success" }), _jsx(ResultRow, { title: `${home.issueCount} 项需要处理`, status: home.issueCount > 0 ? 'warning' : 'muted' }), home.cachedSourceCount > 0 ? _jsx(ResultRow, { title: `${home.cachedSourceCount} 个来源使用缓存`, status: "warning" }) : null, home.unavailableSourceCount > 0 ? _jsx(ResultRow, { title: `${home.unavailableSourceCount} 个来源不可用`, status: "error" }) : null] }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "task", compact: policy.mode === 'compact' })] });
     }
     else if (route.name === 'pluginList') {
         const sourceId = route.sourceId ?? 'all';
@@ -1094,37 +1477,59 @@ export function ConsoleAppV4(props) {
             mode: route.mode,
             ...(sourceId !== 'all' ? { sourceId } : {}),
             ...(query ? { query } : {}),
+            installFilter,
         });
         breadcrumb = route.mode === 'browse' ? '添加插件' : '我的插件';
         title = breadcrumb;
         description = route.mode === 'browse' ? '选择希望 Agent 获得的能力。' : '查看状态，或选择一个插件进行管理。';
         context = `${items.length} 个插件`;
-        help = '↑↓ 移动 · Enter 查看 · ←→ 来源 · / 搜索 · Esc 返回';
+        help = `↑↓ 移动 · Enter 查看 · ←→ 来源 · / 搜索${route.mode === 'browse' ? ' · f 未安装' : ''} · 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 }),
-            }));
+            : [];
+        pluginRows = sourceError ? [] : items.map((item) => ({
+            pluginId: item.pluginId,
+            name: item.displayName,
+            sourceLabel: item.sourceLabel,
+            description: item.description,
+            placementSummary: pluginPlacementSummary(item),
+            statusLabel: statusText(item),
+            status: pluginRowStatus(item),
+        }));
         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" })] })
+        else if (route.mode === 'browse' && items.length === 0 && !sourceError) {
+            actions = [{
+                    label: '没有匹配插件',
+                    description: installFilter === 'uninstalled' ? '当前来源和搜索条件下没有未安装插件' : '请调整来源或搜索条件',
+                    disabled: '没有可打开的插件',
+                }];
+        }
+        const pluginListStaticRows = route.mode === 'browse' ? 3 : 2;
+        const viewport = sourceError || pluginRows.length === 0
+            ? actionViewport(actions, policy.mode === 'compact', focus, scrollOffset, pageActionBudget(pluginListStaticRows))
+            : rowViewport({
+                rowHeights: pluginRows.map(() => 3),
+                focus,
+                requestedOffset: scrollOffset,
+                rowBudget: pageActionBudget(pluginListStaticRows),
+            });
+        if (viewport.hiddenBefore > 0 || viewport.hiddenAfter > 0) {
+            context = `${items.length} 个插件 · ${viewport.position}/${viewport.total}`;
+        }
+        content = (_jsxs(Box, { flexDirection: "column", children: [_jsx(SourceTabs, { controller: props.controller, current: sourceId, compact: policy.mode === 'compact', columns: size.columns - 2, mode: route.mode, query: query || undefined, installFilter: installFilter }), _jsxs(Text, { color: searchMode ? tuiTheme.colors.accent : tuiTheme.colors.muted, children: ["/ ", searchMode ? query || '输入搜索内容' : '搜索名称、用途或来源…'] }), route.mode === 'browse'
+                    ? _jsxs(Text, { color: tuiTheme.colors.muted, children: ["\u7B5B\u9009  ", _jsxs(Text, { color: installFilter === 'uninstalled' ? tuiTheme.colors.accent : tuiTheme.colors.muted, children: ["[", installFilter === 'uninstalled' ? '未安装' : '全部', "]"] }), "  f"] })
+                    : null, sourceError
+                    ? _jsx(Callout, { status: "error", title: `${sourceId} 暂时无法提供插件`, description: "\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 })] }));
+                        ? _jsx(Callout, { title: "\u5F00\u59CB\u6DFB\u52A0\u7B2C\u4E00\u4E2A\u63D2\u4EF6", description: "\u63D2\u4EF6\u53EF\u4EE5\u5B89\u88C5\u5230 Codex\u3001Claude Code \u6216\u4E24\u8005\u3002" })
+                        : null, pluginRows.length > 0
+                    ? _jsx(PluginRows, { rows: pluginRows, focus: focus, viewport: viewport })
+                    : _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact', offset: viewport.offset, limit: viewport.limit })] }));
     }
     else if (route.name === 'pluginPreview' && plugin) {
         breadcrumb = `添加插件 / ${plugin.displayName}`;
@@ -1134,69 +1539,152 @@ export function ConsoleAppV4(props) {
         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);
+            const initialScope = ['user', 'project'].find((candidateScope) => props.controller.listInstallTargets(plugin.pluginId, candidateScope)
+                .some((entry) => entry.compatible)) ?? scope;
+            const available = props.controller.listInstallTargets(plugin.pluginId, initialScope)
+                .filter((entry) => entry.compatible).map((entry) => entry.platform);
             setScope(initialScope);
-            setTools(available);
+            setSelectedTargets([]);
+            setTargetSelections({});
+            setPreferredTarget(undefined);
             if (available.length > 0)
                 go({ name: 'installPlacement', pluginId: plugin.pluginId });
             else
-                go({ name: 'installTools', pluginId: plugin.pluginId, view: 'blocked' });
+                go({ name: 'installTargets', 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 previewAction = (action) => {
+            if (action.id === 'add')
+                return { label: '添加插件', description: '选择使用位置并确认变化', run: beginInstall };
+            if (action.id === 'manage')
+                return { label: '管理插件', description: '查看已安装目标平台', run: () => go({ name: 'pluginDetail', pluginId: plugin.pluginId }) };
+            if (action.id === 'repair')
+                return { label: '管理并修复', description: '查看需要处理的安装位置', status: 'warning', run: () => go({ name: 'pluginDetail', pluginId: plugin.pluginId }) };
+            if (action.id === 'portableSkills')
+                return { label: '安装通用 Skills…', description: '选择 Skill 和 Agent 后交给 Skills CLI 安装', run: () => beginPortable(plugin.pluginId) };
+            if (action.id === 'dependencies')
+                return {
+                    label: (overview?.blockers.length ?? 0) > 0 ? '查看依赖问题' : '查看依赖关系',
+                    description: overview?.blockers[0]?.explanation ?? '查看直接、间接依赖和当前状态',
+                    ...((overview?.blockers.length ?? 0) > 0 ? { status: 'warning' } : {}),
+                    run: () => go({ name: 'pluginDependencies', pluginId: plugin.pluginId }),
+                };
+            if (action.id === 'settings')
+                return { label: '查看插件设置', description: `${plugin.configFieldCount} 个配置字段及当前来源`, run: () => beginConfigFlow(plugin.pluginId) };
+            if (action.id === 'sourceProblem')
+                return { label: '查看来源问题', status: 'warning', run: () => go({ name: 'sourceDetail', sourceId: plugin.sourceId }) };
+            return { label: '查看来源', run: () => go({ name: 'sourceDetail', sourceId: plugin.sourceId }) };
+        };
+        const previewMenu = dynamicMenu;
+        actions = previewMenu.map(previewAction);
+        const previewViewport = actionViewport(actions, true, effectiveFocus, scrollOffset, responsiveBudget(4, 2));
+        const dependencyGroups = ['direct', 'transitive'].map((relation) => ({
+            relation,
+            dependencies: (overview?.dependencies.filter((entry) => entry.relation === relation) ?? [])
+                .sort((left, right) => {
+                const priority = (entry) => {
+                    const status = dependencyStatus(entry).status;
+                    return status === 'error' ? 0 : status === 'warning' ? 1 : 2;
+                };
+                return priority(left) - priority(right);
+            }),
+        }));
+        const previewContentLines = size.rows - 6;
+        const previewActionLines = previewViewport.limit ?? actions.length;
+        const previewFixedStaticLines = 7 + (plugin.portableSkills && policy.mode !== 'compact' ? 5 : 0);
+        let dependencyLineBudget = Math.max(dependencyGroups.filter((group) => group.dependencies.length > 0).length, previewContentLines - previewActionLines - previewFixedStaticLines);
+        const visibleByRelation = new Map();
+        for (const group of dependencyGroups) {
+            if (group.dependencies.length === 0)
+                continue;
+            const firstItemLines = policy.mode === 'compact' || group.dependencies.length > 1 ? 1 : 2;
+            const hiddenSummaryLines = group.dependencies.length > 1 ? 1 : 0;
+            if (dependencyLineBudget >= firstItemLines + hiddenSummaryLines) {
+                visibleByRelation.set(group.relation, 1);
+                dependencyLineBudget -= firstItemLines + hiddenSummaryLines;
+            }
+            else {
+                visibleByRelation.set(group.relation, 0);
+                dependencyLineBudget -= 1;
+            }
+        }
+        for (const group of dependencyGroups) {
+            let visibleCount = visibleByRelation.get(group.relation) ?? 0;
+            while (dependencyLineBudget > 0 && visibleCount < group.dependencies.length) {
+                visibleCount += 1;
+                dependencyLineBudget -= 1;
+            }
+            visibleByRelation.set(group.relation, visibleCount);
+        }
         const summaryRows = (relation) => {
-            const dependencies = overview?.dependencies.filter((entry) => entry.relation === relation) ?? [];
-            const visible = dependencies.slice(0, 3);
+            const dependencies = dependencyGroups.find((group) => group.relation === relation).dependencies;
+            const visibleCount = policy.mode === 'compact' ? Math.min(1, dependencies.length)
+                : visibleByRelation.get(relation) ?? 0;
+            const visible = dependencies.slice(0, visibleCount);
+            const compactRows = policy.mode === 'compact' || dependencies.length > visible.length;
             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`)]
-                    : []),
+                ...visible.map((entry) => {
+                    const state = dependencyStatus(entry);
+                    return _jsx(StaticRow, { title: entry.displayName, description: dependencyRelationDescription(entry), meta: state.value, status: state.status, compact: compactRows }, entry.pluginId);
+                }),
+                ...(visible.length === 0 && dependencies.length > 0
+                    ? [_jsx(StaticRow, { title: `${dependencies.length} 个${relation === 'direct' ? '直接' : '间接'}依赖`, status: "muted", compact: true }, `${relation}:count`)]
+                    : dependencies.length > visible.length
+                        ? [_jsx(StaticRow, { title: `另有 ${dependencies.length - visible.length} 个${relation === 'direct' ? '直接' : '间接'}依赖`, status: "muted", compact: true }, `${relation}:more`)]
+                        : []),
             ];
         };
+        const compactDependencyRows = overview?.dependencies.slice(0, 2) ?? [];
         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 })] });
+            ? _jsxs(Box, { flexDirection: "column", children: [plugin.portableSkills && policy.mode !== 'compact' ? _jsx(SectionCard, { title: "\u53EF\u7528\u65B9\u5F0F", children: _jsx(StaticRow, { title: "\u901A\u7528 Skills", meta: `可安装 · ${plugin.dependencySummary.totalCount} 个插件依赖`, description: "\u9009\u62E9 Skill \u548C Agent \u540E\u4EA4\u7ED9 Skills CLI \u5B89\u88C5" }) }) : null, _jsxs(SectionCard, { title: "\u5B89\u88C5\u5185\u5BB9", children: [policy.mode !== 'compact' ? _jsx(StaticRow, { title: plugin.displayName, description: "\u4F60\u9009\u62E9\u7684\u63D2\u4EF6", status: "info" }) : null, plugin.portableSkills && policy.mode === 'compact' ? _jsx(StaticRow, { title: "\u901A\u7528 Skills", meta: `可安装 · ${plugin.dependencySummary.totalCount} 个插件依赖`, compact: true }) : null, policy.mode === 'compact' ? compactDependencyRows.map((entry) => {
+                                const state = dependencyStatus(entry);
+                                return _jsx(StaticRow, { title: entry.displayName, meta: `${entry.relation === 'direct' ? '直接' : '间接'} · ${state.value}`, status: state.status, compact: true }, entry.pluginId);
+                            }) : _jsxs(_Fragment, { children: [summaryRows('direct'), summaryRows('transitive')] }), policy.mode === 'compact' && (overview?.dependencies.length ?? 0) > compactDependencyRows.length ? _jsx(StaticRow, { title: `另有 ${(overview?.dependencies.length ?? 0) - compactDependencyRows.length} 个依赖`, status: "muted", compact: true }) : null, policy.mode !== 'compact' ? _jsx(StaticRow, { title: `${plugin.dependencySummary.totalCount + 1} 个插件将作为一个安装计划检查`, description: "\u4F9D\u8D56\u4ECE\u540C\u4E00\u4E2A\u6765\u6E90\u5FEB\u7167\u89E3\u6790\u3002" }) : null] }), _jsx(SemanticRows, { actions: actions, focus: effectiveFocus, kind: "action", compact: policy.mode === 'compact' || previewViewport.limit !== undefined, offset: previewViewport.offset, limit: previewViewport.limit })] })
+            : _jsxs(Box, { flexDirection: "column", children: [_jsxs(SectionCard, { title: "\u53EF\u7528\u76EE\u6807\u5E73\u53F0", children: [_jsx(StaticRow, { title: plugin.supportedPlatforms.map(platformLabel).join(' · ') || '暂无可用目标平台' }), plugin.portableSkills ? _jsx(StaticRow, { title: "\u901A\u7528 Skills", meta: "\u53EF\u5B89\u88C5", description: "\u9009\u62E9 Skill \u548C Agent \u540E\u4EA4\u7ED9 Skills CLI \u5B89\u88C5", compact: policy.mode === 'compact' }) : null] }), _jsx(SectionCard, { title: "\u4F7F\u7528\u8BF4\u660E", children: _jsx(StaticRow, { title: "\u5728 Agent \u4F1A\u8BDD\u4E2D\u63D0\u4F9B\u80FD\u529B", status: "success", description: "\u5B89\u88C5\u4E0D\u4F1A\u81EA\u52A8\u4FEE\u6539\u9879\u76EE\u6E90\u7801\u3002" }) }), _jsx(SemanticRows, { actions: actions, focus: effectiveFocus, kind: "action", compact: policy.mode === 'compact', offset: previewViewport.offset, limit: previewViewport.limit })] });
     }
     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 ? ' · 按设置生成' : ''}`,
+            label: candidate.name,
+            selected: candidate.selected,
+            description: `${candidate.description}${candidate.dynamic ? ' · 按设置生成' : ''}`,
             run: () => props.controller.togglePortableSkill(candidate.name),
         }));
         actions = [
             ...candidateActions,
-            { label: '继续', disabled: draft.canContinue ? undefined : '至少选择一个 Skill', run: () => go({ name: 'portableAgentMode', pluginId: plugin.pluginId }) },
+            { label: '继续', meta: draft.canContinue ? undefined : '至少选择一个 Skill', 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);
+        const candidateViewport = portableSkillCandidateViewport(candidateActions, draft.candidates, policy.mode === 'compact', focus, scrollOffset, pageActionBudget(actions.length - draft.candidates.length
+            + (portableVariantCandidates.length > 0 ? 3 : 0)));
+        const viewport = showTechnical
+            ? { offset: focus < draft.candidates.length ? focus : candidateViewport.offset, limit: 1 }
+            : candidateViewport;
+        const visibleCandidateEntries = draft.candidates
+            .map((candidate, index) => ({ candidate, action: candidateActions[index], index }))
+            .slice(viewport.offset, viewport.offset + viewport.limit);
+        const providerGroups = [...new Map(visibleCandidateEntries.map((entry) => [
+                entry.candidate.providerPluginId,
+                visibleCandidateEntries.filter((candidate) => candidate.candidate.providerPluginId === entry.candidate.providerPluginId),
+            ])).values()];
+        const variantCandidates = portableVariantCandidates;
+        const focusedVariant = variantCandidates.find((candidate) => candidate.name === draft.candidates[focus]?.name);
+        const visibleVariant = visibleCandidateEntries.find((entry) => portableScopeVariantsDiffer(entry.candidate))?.candidate;
+        const technicalVariant = focusedVariant ?? visibleVariant ?? variantCandidates[0];
         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 })] });
+        content = _jsxs(Box, { flexDirection: "column", children: [showTechnical ? visibleCandidateEntries.map(({ action, index }) => _jsx(ToggleRow, { title: action.label, selected: Boolean(action.selected), focused: focus === index, compact: true }, String(action.label))) : providerGroups.map((entries) => {
+                    const provider = entries[0].candidate;
+                    const relation = provider.relation === 'requested' ? '当前插件'
+                        : provider.relation === 'direct' ? '直接依赖插件' : '间接依赖插件';
+                    return _jsx(SectionCard, { title: provider.providerDisplayName, meta: relation, compact: policy.mode === 'compact', children: entries.map(({ action, index }) => _jsx(ToggleRow, { title: action.label, description: action.description, selected: Boolean(action.selected), focused: focus === index, compact: policy.mode === 'compact' }, String(action.label))) }, provider.providerPluginId);
+                }), variantCandidates.length > 0
+                    ? showTechnical
+                        ? _jsx(StaticRow, { title: `! ${variantCandidates.length} 个 Skill 存在范围变体`, status: "warning", compact: true })
+                        : _jsx(Callout, { status: "warning", title: `! ${variantCandidates.length} 个 Skill 在不同安装范围会生成不同内容。选择范围后会重新确认最终内容。` })
+                    : null, _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: true, offset: draft.candidates.length }), showTechnical && technicalVariant ? _jsxs(TechnicalDetails, { title: "\u8303\u56F4\u53D8\u4F53", children: [_jsx(StaticRow, { title: `${technicalVariant.name} · ${portableScopeVariantLabel('project', technicalVariant.scopeDetails.project)}`, compact: true }, `${technicalVariant.name}:project`), _jsx(StaticRow, { title: `${technicalVariant.name} · ${portableScopeVariantLabel('user', technicalVariant.scopeDetails.user)}`, compact: true }, `${technicalVariant.name}:user`), variantCandidates.length > 1 ? _jsx(StaticRow, { title: `另有 ${variantCandidates.length - 1} 个 Skill 的范围变体已折叠`, status: "muted", compact: true }) : null] }) : null] });
     }
     else if (route.name === 'portableDependencies' && plugin && snapshot.portableDraft) {
         const overview = dependencyOverview(plugin);
@@ -1205,51 +1693,49 @@ export function ConsoleAppV4(props) {
         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) },
+            { label: showTechnical ? '隐藏技术详情' : '技术详情', 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] });
+        const dependencies = overview?.dependencies ?? [];
+        const visibleDependencies = dependencies.slice(0, showTechnical ? 1 : responsiveBudget(2, 3));
+        const technicalDependencies = dependencies.slice(0, 1);
+        const compactTechnicalSummary = policy.mode === 'compact' && showTechnical;
+        content = _jsxs(Box, { flexDirection: "column", children: [compactTechnicalSummary ? _jsxs(SectionCard, { title: "provider \u6458\u8981", meta: `${dependencies.length + 1} 个`, compact: true, children: [_jsx(StaticRow, { title: plugin.displayName, meta: "\u6839 provider", compact: true }), _jsx(StaticRow, { title: `${dependencies.length} 个依赖 providers`, meta: "\u7528\u4E8E\u751F\u6210", compact: true })] }) : _jsx(SectionCard, { title: "\u5F53\u524D\u63D2\u4EF6", meta: "\u6839 provider", children: _jsx(StaticRow, { title: plugin.displayName, description: "\u63D0\u4F9B\u672C\u6B21\u5B89\u88C5\u5165\u53E3", meta: `贡献 ${snapshot.portableDraft.candidates.filter((candidate) => candidate.relation === 'requested').length} 个 Skills`, compact: policy.mode === 'compact' }) }), compactTechnicalSummary ? null : _jsxs(SectionCard, { title: "\u4F9D\u8D56 providers", meta: `${dependencies.length} 个`, children: [visibleDependencies.map((dependency) => _jsx(StaticRow, { title: dependency.displayName, description: `${dependency.relation === 'direct' ? '根 provider 的直接依赖' : '依赖链中的间接 provider'} · ${dependency.requiredBy.map((entry) => entry.displayName).join('、')} 需要它`, meta: `贡献 ${snapshot.portableDraft.candidates.filter((candidate) => candidate.providerPluginId === dependency.pluginId).length} 个 Skills`, compact: policy.mode === 'compact' }, dependency.pluginId)), dependencies.length > visibleDependencies.length ? _jsx(StaticRow, { title: `另有 ${dependencies.length - visibleDependencies.length} 个依赖 provider`, status: "muted", compact: true }) : null] }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: true }), showTechnical ? _jsx(TechnicalDetails, { children: technicalDependencies.map((entry) => _jsx(StaticRow, { title: entry.displayName, meta: `${entry.pluginId}${compactTechnicalSummary && dependencies.length > technicalDependencies.length ? ` · 另有 ${dependencies.length - technicalDependencies.length} 个依赖` : ''}`, compact: true }, entry.pluginId)) }) : 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 }) },
+            { label: '使用 Skills CLI 默认选择', description: '继续 Skills CLI 默认选择', meta: '默认', selected: snapshot.portableDraft.agentMode === 'automatic', run: () => { props.controller.setPortableAgentMode('automatic'); go({ name: 'portableScope', pluginId: plugin.pluginId }); } },
+            { label: '指定 Agent…', description: '输入一个或多个 Agent ID', selected: snapshot.portableDraft.agentMode === 'explicit', run: () => go({ name: 'portableAgentInput', pluginId: plugin.pluginId }) },
         ];
-        content = _jsx(ActionRows, { actions: actions, focus: focus });
+        content = _jsx(SemanticRows, { actions: actions, focus: focus, kind: "choice", compact: policy.mode === 'compact' });
     }
     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" })] });
+        description = '多个 Agent 可使用逗号或空格分隔。';
+        help = '输入 Agent ID · Enter 保存 · Esc 返回';
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(InputCard, { focused: true, title: portableAgentInput || ' ', description: inputError ?? 'Enter 保存并继续 · Esc 返回；q 和 b 会作为输入。', status: inputError ? 'error' : undefined }), _jsx(StaticRow, { title: "\u793A\u4F8B", meta: "cursor, claude-code, codex", status: "muted", compact: true })] });
     }
     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') },
+            { label: '当前项目', description: '仅供当前项目中的 Agent 使用', meta: '推荐', selected: snapshot.portableDraft.scope === 'project', run: () => props.controller.setPortableScope('project') },
+            { label: '所有项目', description: '安装到用户范围，供所有项目使用', selected: snapshot.portableDraft.scope === 'user', run: () => props.controller.setPortableScope('user') },
+            { label: '继续', description: '按所选范围重新确认最终内容', run: () => beginPortableReview(plugin.pluginId, snapshot.portableDraft.scope) },
         ];
-        content = _jsx(ActionRows, { actions: actions, focus: focus });
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(SemanticRows, { actions: actions.slice(0, 2), focus: focus, kind: "choice", compact: policy.mode === 'compact' }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: true, offset: 2 })] });
     }
     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 校验。';
+        const diagnostic = portableBlockerDiagnostic(route);
+        title = diagnostic.title;
+        description = '';
         actions = [
             ...(route.code === 'requiredConfigMissing' ? [{ label: '完成插件设置', run: () => {
                         props.controller.replace({ name: 'configLayer', pluginId: plugin.pluginId });
@@ -1257,7 +1743,8 @@ export function ConsoleAppV4(props) {
                         setScrollOffset(0);
                     } }] : []),
             ...(route.code === 'portableSkillsCliMissing' || route.code === 'portableSkillsCliIncompatible'
-                ? [{ label: '查看安装说明', run: () => setShowTechnical((value) => !value) }] : []),
+                ? [{ label: showTechnical ? '返回问题摘要' : '查看安装说明', run: () => setShowTechnical((value) => !value) }]
+                : []),
             ...(route.code === 'portableScopeUnavailable' ? [{ label: '返回 Skill 选择', run: () => {
                         props.controller.resetPortableFlowToPreview(plugin.pluginId, { name: 'portableSkillSelect', pluginId: plugin.pluginId }, true);
                         setFocus(0);
@@ -1265,45 +1752,37 @@ export function ConsoleAppV4(props) {
                     } }] : []),
             { label: '重新检查', run: () => beginPortable(plugin.pluginId) },
             { label: '返回插件预览', run: () => props.controller.resetPortableFlowToPreview(plugin.pluginId) },
+            ...(route.code === 'portableSkillsCliMissing' || route.code === 'portableSkillsCliIncompatible'
+                ? []
+                : [{ label: showTechnical ? '返回问题摘要' : '技术详情', run: () => setShowTechnical((value) => !value) }]),
         ];
-        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" })] });
+        const blockerActionViewport = actionViewport(actions, policy.mode === 'compact', focus, scrollOffset, responsiveBudget(2, 4));
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(DiagnosticSummary, { diagnostic: diagnostic, technical: showTechnical, compact: policy.mode === 'compact' }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact', offset: blockerActionViewport.offset, limit: blockerActionViewport.limit })] });
     }
     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;
+        const dependencyLimit = policy.mode === 'compact'
+            ? dependentCount > 0 ? 1 : 2
+            : dependentCount > 0 ? 3 : 5;
+        const dependentLimit = responsiveBudget(2, 4);
+        const dependencyRows = (entries, limit, dependent = false) => {
+            const visible = entries.slice(0, limit);
+            return _jsxs(_Fragment, { children: [visible.map((entry) => {
+                        const state = dependencyStatus(entry);
+                        return _jsx(StaticRow, { title: entry.displayName, description: dependencyRelationDescription(entry), meta: dependent && route.view === 'removeBlocked' ? dependentTargetLabel(entry) : dependencyPlacementLabel(entry), status: state.status, compact: policy.mode === 'compact' }, entry.pluginId);
+                    }), entries.length > visible.length ? _jsx(StaticRow, { title: `另有 ${entries.length - visible.length} 项`, status: "muted", compact: true }) : null] });
+        };
         if (route.view === 'removeBlocked') {
             breadcrumb = `${plugin.displayName} / 移除`;
             context = '已阻止';
             title = `无法移除 ${plugin.displayName}`;
             description = '仍有插件依赖它。请先处理依赖者，再重新尝试。';
             actions = [
-                ...relationActions.slice(dependencyCount),
                 ...(route.platform && route.scope ? [{
                         label: '强制清理…',
                         description: '依赖者会变为不完整；下一页仍需明确确认',
@@ -1323,10 +1802,13 @@ export function ConsoleAppV4(props) {
                         setScrollOffset(0);
                     } },
                 { label: '返回插件详情', run: back },
+                { label: showTechnical ? '隐藏技术详情' : '技术详情', run: () => setShowTechnical((value) => !value) },
             ];
-            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 })] });
+            const blockedRemovalViewport = actionViewport(actions, policy.mode === 'compact', focus, scrollOffset, pageActionBudget(5));
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsx(Callout, { status: "error", title: `${dependentCount} 个已安装插件仍在使用`, description: "\u6CA1\u6709\u4FEE\u6539\u4EFB\u4F55\u5B89\u88C5\u3002" }), showTechnical ? null : _jsx(SectionCard, { title: "\u4F7F\u7528\u8FD9\u4E2A\u4F9D\u8D56\u7684\u63D2\u4EF6", meta: "\u53CD\u5411\u5F15\u7528", children: dependencyRows(visibleDependents, dependentLimit, true) }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact', offset: blockedRemovalViewport.offset, limit: blockedRemovalViewport.limit }), showTechnical ? _jsx(IssueTechnicalDetails, { details: [{
+                                code: 'dependencyStillRequired',
+                                message: '已安装插件仍在使用这个依赖；强制清理会使依赖者变为不完整。',
+                            }], compact: policy.mode === 'compact' }) : null] });
         }
         else {
             breadcrumb = `${plugin.displayName} / 依赖关系`;
@@ -1334,19 +1816,51 @@ export function ConsoleAppV4(props) {
             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] });
+            const rootStatus = plugin.aggregateStatus === 'installed' ? 'success'
+                : plugin.aggregateStatus === 'needsAttention' ? 'warning'
+                    : plugin.aggregateStatus === 'unavailable' ? 'error' : 'muted';
+            const dependencyActionViewport = actionViewport(actions, policy.mode === 'compact', focus, scrollOffset, pageActionBudget(6));
+            const blockerCount = overview?.blockers.length ?? 0;
+            const useBudgetedRelations = policy.mode === 'compact'
+                || showTechnical
+                || dependencyCount + dependentCount + blockerCount > 7;
+            const relationCategories = [
+                ...(blockerCount > 0 ? [{ key: 'blocker', count: blockerCount }] : []),
+                ...(dependencyCount > 0 ? [{ key: 'dependency', count: dependencyCount }] : []),
+                ...(dependentCount > 0 ? [{ key: 'dependent', count: dependentCount }] : []),
+            ];
+            const technicalLineBudget = showTechnical ? 4 : 0;
+            const relationItemBudget = Math.max(relationCategories.length, size.rows - 6 - 1 - technicalLineBudget - 4);
+            const relationBudgets = new Map(relationCategories.map((category) => [category.key, 1]));
+            let remainingRelationLines = Math.max(0, relationItemBudget - relationCategories.length);
+            for (const category of relationCategories) {
+                if (category.key === 'blocker')
+                    continue;
+                while (remainingRelationLines > 0 && (relationBudgets.get(category.key) ?? 0) < category.count) {
+                    relationBudgets.set(category.key, (relationBudgets.get(category.key) ?? 0) + 1);
+                    remainingRelationLines -= 1;
+                }
+            }
+            const prioritizedRelations = (entries) => [...entries].sort((left, right) => {
+                const priority = (entry) => {
+                    const status = dependencyStatus(entry).status;
+                    return status === 'error' ? 0 : status === 'warning' ? 1 : 2;
+                };
+                return priority(left) - priority(right);
+            });
+            const budgetedRelationRows = (entries, prefix, budget, dependent = false) => {
+                const prioritized = prioritizedRelations(entries);
+                const visible = prioritized.slice(0, budget);
+                return visible.map((entry, index) => {
+                    const state = dependencyStatus(entry);
+                    const hidden = index === visible.length - 1 ? entries.length - visible.length : 0;
+                    const relationMeta = dependent ? dependentTargetLabel(entry) : dependencyPlacementLabel(entry);
+                    return _jsx(StaticRow, { title: `${prefix} · ${entry.displayName}`, description: dependencyRelationDescription(entry), meta: `${relationMeta}${hidden > 0 ? ` · 另有 ${hidden} 项` : ''}`, status: state.status, compact: true }, entry.pluginId);
+                });
+            };
+            content = _jsxs(Box, { flexDirection: "column", children: [useBudgetedRelations ? _jsxs(SectionCard, { title: "\u4F9D\u8D56\u5173\u7CFB", compact: true, children: [_jsx(StaticRow, { title: `根插件 · ${plugin.displayName}`, meta: statusText(plugin), status: rootStatus, compact: true }), overview?.blockers.slice(0, relationBudgets.get('blocker') ?? 0).map((blocker, index, blockers) => _jsx(StaticRow, { title: `阻塞 · ${blocker.title}`, meta: index === blockers.length - 1 && blockerCount > blockers.length ? `另有 ${blockerCount - blockers.length} 项` : undefined, description: blocker.explanation, status: "error", compact: true }, blocker.code)), budgetedRelationRows(overview?.dependencies ?? [], '必需依赖', relationBudgets.get('dependency') ?? 0), budgetedRelationRows(visibleDependents, '被依赖', relationBudgets.get('dependent') ?? 0, true), dependencyCount + dependentCount + blockerCount === 0 ? _jsx(StaticRow, { title: "\u6CA1\u6709\u53EF\u663E\u793A\u7684\u4F9D\u8D56\u5173\u7CFB", status: "muted", compact: true }) : null] }) : _jsxs(_Fragment, { children: [_jsx(SectionCard, { title: "\u4F60\u9009\u62E9\u7684\u63D2\u4EF6", meta: "\u6839\u8282\u70B9", children: _jsx(StaticRow, { title: plugin.displayName, meta: statusText(plugin), status: rootStatus }) }), dependencyCount > 0 ? _jsx(SectionCard, { title: "\u5FC5\u9700\u4F9D\u8D56", meta: "\u4F9D\u8D56\u4F18\u5148", children: dependencyRows(overview?.dependencies ?? [], dependencyLimit) }) : null, dependentCount > 0 ? _jsx(SectionCard, { title: "\u4F7F\u7528\u5B83\u7684\u63D2\u4EF6", meta: "\u53CD\u5411\u5F15\u7528", children: dependencyRows(visibleDependents, dependentLimit, true) }) : null, overview?.blockers.map((blocker) => _jsx(Callout, { status: "error", title: blocker.title, description: blocker.explanation }, blocker.code)), dependencyCount + dependentCount + blockerCount === 0 ? _jsx(Callout, { status: "muted", title: "\u6CA1\u6709\u53EF\u663E\u793A\u7684\u4F9D\u8D56\u5173\u7CFB" }) : null] }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: useBudgetedRelations, offset: dependencyActionViewport.offset, limit: dependencyActionViewport.limit }), showTechnical ? _jsx(TechnicalDetails, { children: _jsx(StaticRow, { title: `${dependencyCount} 依赖 · ${dependentCount} 被依赖 · 已折叠`, meta: plugin.pluginId, compact: true }) }) : null] });
         }
     }
     else if (route.name === 'installPlacement' && plugin) {
@@ -1357,67 +1871,97 @@ export function ConsoleAppV4(props) {
         const hasDependencies = (plugin.dependencySummary?.totalCount ?? 0) > 0;
         description = hasDependencies
             ? '根插件和缺失依赖使用同一个位置；健康的所有项目依赖可在当前项目复用。'
-            : '工具已根据插件能力自动选择；需要时可以调整。';
-        const availableScopes = ['user', 'project'].filter((candidateScope) => selectedPlatforms(plugin, candidateScope).some((entry) => !entry.disabled));
+            : '选择位置后，再选择一个或多个目标平台。';
+        const availableScopes = ['user', 'project'].filter((candidateScope) => props.controller.listInstallTargets(plugin.pluginId, candidateScope)
+            .some((entry) => entry.compatible));
         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)}`,
+                label: scopeLabel(candidateScope),
+                selected: candidateScope === scope,
                 description: candidateScope === 'user'
                     ? hasDependencies ? '根插件和缺失依赖都可在任意项目中使用' : '在任意项目中可使用，适合个人常用能力'
                     : hasDependencies ? '缺失依赖添加到当前项目；已有所有项目依赖会复用' : '仅在当前项目中使用，适合团队共享',
                 meta: candidateScope === 'user' ? '推荐' : undefined,
                 run: () => {
+                    const choices = props.controller.listInstallTargets(plugin.pluginId, candidateScope);
+                    const compatible = choices.filter((entry) => entry.compatible).map((entry) => entry.platform);
+                    const previous = targetSelections[candidateScope];
+                    const next = previous
+                        ? previous.filter((platform) => compatible.includes(platform))
+                        : preferredTarget && compatible.includes(preferredTarget)
+                            ? [preferredTarget]
+                            : compatible.length === 1 ? compatible : [];
                     setScope(candidateScope);
-                    setTools(selectedPlatforms(plugin, candidateScope).filter((entry) => !entry.disabled).map((entry) => entry.platform));
+                    setSelectedTargets(next);
+                    setTargetSelections((current) => ({ ...current, [candidateScope]: next }));
+                    go({
+                        name: 'installTargets',
+                        pluginId: plugin.pluginId,
+                        ...(compatible.length === 0 ? { view: 'blocked' } : {}),
+                    });
                 },
             })),
-            { 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 })] });
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(SemanticRows, { actions: actions, focus: focus, kind: "choice", compact: policy.mode === 'compact' }), hasDependencies ? _jsxs(SectionCard, { title: "\u4F9D\u8D56\u5904\u7406", children: [_jsx(StaticRow, { title: `${reusableDependencies} 个依赖会复用现有安装`, status: reusableDependencies > 0 ? 'success' : 'muted' }), _jsx(StaticRow, { title: `${missingDependencies} 个依赖将安装到所选位置`, status: missingDependencies > 0 ? 'info' : 'muted' })] }) : null] });
     }
-    else if (route.name === 'installTools' && plugin) {
-        breadcrumb = `${plugin.displayName} / 添加 / 工具`;
-        context = '可选';
-        title = '选择要添加到哪些工具';
+    else if (route.name === 'installTargets' && plugin) {
+        breadcrumb = `${plugin.displayName} / 添加 / 目标平台`;
+        context = '第 2 步，共 2 步';
+        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);
+        const choices = props.controller.listInstallTargets(plugin.pluginId, scope);
+        const validSelectedTargets = selectedTargets.filter((platform) => choices.some((choice) => choice.platform === platform && choice.compatible));
+        const allUnavailable = choices.length > 0 && choices.every((choice) => !choice.compatible);
         if (route.view === 'blocked' || allUnavailable) {
             context = '依赖限制';
-            title = '无法添加到所选工具';
-            description = '根插件或必需依赖不支持当前工具组合，因此不会进入确认页。';
+            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 })] });
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsx(StatusCard, { status: "warning", title: "\u6240\u9009\u76EE\u6807\u5E73\u53F0\u4E0D\u53EF\u7528", children: choices.map((choice) => _jsx(StaticRow, { title: platformLabel(choice.platform), description: choice.disabled ? `不可选 · ${choice.disabled}` : '不可选', status: "muted", compact: policy.mode === 'compact' }, choice.platform)) }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact' })] });
         }
         else {
-            actions = choices.map((choice) => ({
-                label: `${tools.includes(choice.platform) ? '◆' : '◇'} ${platformLabel(choice.platform)}`,
+            const targetActions = choices.map((choice) => ({
+                label: platformLabel(choice.platform),
+                selected: validSelectedTargets.includes(choice.platform),
                 description: choice.disabled ?? '当前未安装，支持所选位置',
-                meta: tools.includes(choice.platform) ? '已选择' : undefined,
+                meta: validSelectedTargets.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]);
+                    if (!choice.compatible)
+                        return;
+                    setSelectedTargets((current) => {
+                        const next = current.includes(choice.platform)
+                            ? current.filter((platform) => platform !== choice.platform)
+                            : [...current, choice.platform];
+                        setTargetSelections((selections) => ({ ...selections, [scope]: next }));
+                        return next;
+                    });
                 },
             }));
-            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 ? '完成选择' : '至少选择一个工具'] })] });
+            actions = [
+                ...targetActions,
+                {
+                    label: '确认目标平台',
+                    description: validSelectedTargets.length > 0 ? `已选择 ${validSelectedTargets.length} 个平台` : undefined,
+                    disabled: validSelectedTargets.length === 0 ? '至少选择一个目标平台' : undefined,
+                    run: () => {
+                        setDirty(false);
+                        void beginReview(installIntent(plugin, validSelectedTargets));
+                    },
+                },
+                { label: '返回选择位置', run: back },
+            ];
+            help = '↑↓ 移动 · Enter 选择/确认 · Esc 返回';
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsx(SemanticRows, { actions: actions, focus: focus, kind: "toggle", compact: policy.mode === 'compact', limit: targetActions.length }), hasDependencies ? _jsx(Callout, { title: "\u76EE\u6807\u5E73\u53F0\u517C\u5BB9\u6027", description: "\u4E0D\u517C\u5BB9\u7684\u76EE\u6807\u5E73\u53F0\u4E0D\u80FD\u9009\u62E9\uFF1B\u8BF7\u67E5\u770B\u4F9D\u8D56\u5173\u7CFB\u4E86\u89E3\u539F\u56E0\u3002" }) : null, _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact', offset: targetActions.length })] });
         }
     }
     else if (route.name === 'pluginDetail' && plugin) {
@@ -1426,181 +1970,260 @@ export function ConsoleAppV4(props) {
         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 detailMenu = dynamicMenu;
+        actions = detailMenu.map((action) => {
+            if (action.id === 'platform' || action.id === 'scopeConflict') {
+                const placement = plugin.installedPlacements.find((entry) => entry.platform === action.platform);
+                const projected = placementStatus(placement);
+                return {
+                    label: platformLabel(action.platform),
+                    description: projected.description,
+                    meta: projected.value,
+                    status: projected.status,
+                    run: () => action.id === 'scopeConflict'
+                        ? go({ name: 'issueDetail', issueId: `scope:${plugin.pluginId}:${action.platform}` })
+                        : go({ name: 'platform', pluginId: plugin.pluginId, platform: action.platform }),
+                };
+            }
+            if (action.id === 'dependencies')
+                return {
+                    label: '必需依赖',
+                    description: dependencySummary.issueCount > 0 ? `${dependencySummary.issueCount} 项需要处理` : '查看直接、间接依赖和被使用情况',
+                    meta: dependencySummaryText(dependencySummary),
+                    status: dependencySummary.issueCount > 0 ? 'warning' : undefined,
+                    run: () => go({ name: 'pluginDependencies', pluginId: plugin.pluginId }),
+                };
+            if (action.id === 'portableSkills')
+                return {
+                    label: '通用 Skills',
+                    description: '选择 Skill 和 Agent 后交给 Skills CLI 安装',
+                    meta: dependencySummary ? `可安装 · ${dependencySummary.totalCount} 个插件依赖` : '可安装',
+                    run: () => beginPortable(plugin.pluginId),
+                };
+            if (action.id === 'settings')
+                return { label: '设置', description: '查看当前实际生效的配置和值来源', meta: `${plugin.configFieldCount} 项配置`, run: () => beginConfigFlow(plugin.pluginId) };
+            if (action.id === 'sourceProblem')
+                return { label: '查看来源问题', status: 'warning', run: () => go({ name: 'sourceDetail', sourceId: plugin.sourceId }) };
+            return { label: '关于与技术详情', description: '版本、来源和受管内容', run: () => go({ name: 'pluginAbout', pluginId: plugin.pluginId }) };
         });
-        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 })] });
+        const detailViewport = actionViewport(actions, policy.mode === 'compact', effectiveFocus, scrollOffset, pageActionBudget(4));
+        content = _jsx(SectionCard, { title: "\u63D2\u4EF6\u64CD\u4F5C", children: _jsx(SemanticRows, { actions: actions, focus: effectiveFocus, kind: "action", compact: policy.mode === 'compact', offset: detailViewport.offset, limit: detailViewport.limit }) });
     }
     else if (route.name === 'platform' && plugin) {
         const placement = props.controller.getPlatformPlacement(plugin.pluginId, route.platform);
+        const platformMenu = dynamicMenu;
+        const typedIssue = placement?.state === 'installed' && placement.health === 'error'
+            ? props.controller.listUserIssues().find((candidate) => candidate.pluginId === plugin.pluginId
+                && candidate.platform === route.platform
+                && candidate.scope === placement.scope)
+            : undefined;
+        const sourceIssue = plugin.aggregateStatus === 'unavailable'
+            ? props.controller.listUserIssues().find((candidate) => candidate.entity.kind === 'source' && candidate.sourceId === plugin.sourceId)
+            : undefined;
+        const platformAction = (action) => {
+            if (action.id === 'sourceProblem')
+                return { label: '查看来源问题', description: `${plugin.sourceId} 无可用缓存`, run: () => go({ name: 'issueDetail', issueId: `source:${plugin.sourceId}:unavailable` }) };
+            if (action.id === 'refreshSource')
+                return { label: '重新检查状态', description: '不会修改现场内容', run: () => props.controller.refreshSource(plugin.sourceId) };
+            if (action.id === 'add')
+                return { label: `添加到 ${platformLabel(route.platform)}…`, description: '选择使用位置', run: () => {
+                        const initialScope = placement?.state === 'notInstalled'
+                            ? placement.supportedScopes[0] ?? scope
+                            : scope;
+                        setScope(initialScope);
+                        setSelectedTargets([]);
+                        setTargetSelections({});
+                        setPreferredTarget(route.platform);
+                        go({ name: 'installPlacement', pluginId: plugin.pluginId });
+                    } };
+            if (action.id === 'about')
+                return { label: '查看支持信息', description: 'manifest 与平台能力', run: () => go({ name: 'pluginAbout', pluginId: plugin.pluginId }) };
+            if (action.id === 'scopeConflict')
+                return { label: '查看位置冲突问题', run: () => go({ name: 'issueDetail', issueId: `scope:${plugin.pluginId}:${route.platform}` }) };
+            if (action.id === 'upgrade')
+                return { label: `升级到 ${action.availableVersion}…`, description: '使用当前来源中的版本重建', run: () => beginReview({ kind: 'pluginWrite', action: 'upgrade', pluginId: plugin.pluginId, platform: action.platform, scope: action.scope }) };
+            if (action.id === 'reinstall')
+                return { label: placement?.state === 'installed' && placement.health === 'incomplete' ? '重新连接缺失内容…' : '重新安装…', description: '保留现有设置并重新生成受管内容', run: () => beginReview({ kind: 'pluginWrite', action: 'reinstall', pluginId: plugin.pluginId, platform: action.platform, scope: action.scope }) };
+            if (action.id === 'remove')
+                return { label: `从${scopeLabel(action.scope)}移除…`, description: '保留插件设置', status: 'error', run: () => beginPluginRemoval(plugin, action.platform, action.scope) };
+            if (action.id === 'technical')
+                return typedIssue
+                    ? { label: '查看对应问题', description: typedIssue.explanation, run: () => go({ name: 'issueDetail', issueId: typedIssue.issueId }) }
+                    : { label: placement?.state === 'installed' && placement.health === 'error' ? '查看安全技术详情' : placement?.state === 'installed' && placement.health === 'incomplete' ? '查看影响' : '查看安装详情', description: '组件与诊断信息', run: () => go({ name: 'pluginTechnical', pluginId: plugin.pluginId }) };
+            return { label: '返回插件', run: back };
+        };
         breadcrumb = `${plugin.displayName} / ${platformLabel(route.platform)}`;
         if (plugin.aggregateStatus === 'unavailable') {
+            const sourceOverview = props.controller.getSourceOverview(plugin.sourceId);
+            const diagnostic = sourceIssue?.diagnostic ?? sourceDiagnostic(plugin.sourceId, sourceOverview.health?.state ?? sourceOverview.source?.state, sourceOverview.detail);
             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 })] });
+            description = '';
+            actions = platformMenu.map(platformAction);
+            content = _jsxs(Box, { flexDirection: "column", children: [diagnostic
+                        ? _jsx(DiagnosticSummary, { diagnostic: diagnostic, compact: policy.mode === 'compact' })
+                        : null, _jsx(SemanticRows, { actions: actions, focus: effectiveFocus, kind: "action", compact: policy.mode === 'compact' })] });
         }
         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 })] });
+            actions = platformMenu.map(platformAction);
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsx(StatusCard, { status: "muted", title: "\u672A\u6DFB\u52A0", description: "\u63D2\u4EF6\u8BBE\u7F6E\u4FDD\u6301\u4E0D\u53D8" }), _jsx(SemanticRows, { actions: actions, focus: effectiveFocus, kind: "action", compact: policy.mode === 'compact' })] });
         }
         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 });
+            actions = platformMenu.map(platformAction);
+            content = _jsx(SemanticRows, { actions: actions, focus: effectiveFocus, kind: "action", compact: policy.mode === 'compact' });
         }
         else if (placement.health === 'error') {
-            const typedIssue = props.controller.listUserIssues().find((candidate) => candidate.pluginId === plugin.pluginId
-                && candidate.platform === route.platform
-                && candidate.scope === placement.scope);
+            const diagnostic = typedIssue?.diagnostic ?? {
+                severity: 'error',
+                title: '状态检查失败',
+                userMessage: '平台状态检查失败，当前不能安全选择写操作。',
+                impact: [
+                    { state: 'blocked', message: '当前只提供只读操作。' },
+                    { state: 'preserved', message: '现有安装和已保存设置不会因本页自动改变。' },
+                ],
+                nextStep: '查看安全技术详情，然后重新检查当前状态。',
+                technical: {
+                    code: 'targetStateError',
+                    stage: 'read-platform-state',
+                    context: [
+                        { key: 'pluginId', value: plugin.pluginId },
+                        { key: 'platform', value: route.platform },
+                        { key: 'scope', value: 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 })] });
+            description = '';
+            actions = platformMenu.map(platformAction);
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsx(DiagnosticSummary, { diagnostic: diagnostic, compact: policy.mode === 'compact' }), _jsx(SemanticRows, { actions: actions, focus: effectiveFocus, kind: "action", compact: policy.mode === 'compact' })] });
         }
         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 })] });
+            actions = platformMenu.map(platformAction);
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsx(StatusCard, { status: "warning", title: "\u9700\u8981\u5904\u7406", description: `${scopeLabel(placement.scope)} · ${plugin.sourceLabel}` }), _jsx(SemanticRows, { actions: actions, focus: effectiveFocus, kind: "action", compact: policy.mode === 'compact' })] });
         }
         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 })] });
+            const installedVersion = placement.revision.installedVersion;
+            description = `当前检查正常${installedVersion ? `；已安装版本 ${installedVersion}` : ''}。`;
+            actions = platformMenu.map(platformAction);
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsx(StatusCard, { status: "success", title: "\u72B6\u6001\u6B63\u5E38", description: `${scopeLabel(placement.scope)}${installedVersion ? ` · 已安装版本 ${installedVersion}` : ''}` }), _jsx(SemanticRows, { actions: actions, focus: effectiveFocus, kind: "action", compact: policy.mode === 'compact' })] });
         }
     }
     else if (route.name === 'configLayer' && plugin) {
         breadcrumb = `${plugin.displayName} / 设置`;
-        title = '选择要查看或修改的设置';
-        description = '安装位置与设置保存层是两个不同概念。';
+        const selectedField = route.fieldKey && configPage
+            ? configPage.groups.flatMap((group) => group.fields).find((field) => field.key === route.fieldKey)
+            : undefined;
+        const selectedPreset = route.presetId && configPage
+            ? configPage.presets.find((preset) => preset.id === route.presetId)
+            : undefined;
+        title = selectedField ? `修改“${selectedField.title}”`
+            : selectedPreset ? `应用“${selectedPreset.title}”` : `修改 ${plugin.displayName} 设置`;
+        description = selectedField
+            ? `当前：${effectiveFieldDisplay(selectedField)} · ${selectedField.effectiveSourceLabel}。选择保存位置后直接编辑。`
+            : selectedPreset ? '选择保存位置后，方案会应用到该位置的草稿。' : '选择修改保存到哪里。';
         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' } }) },
+            { label: '个人默认', description: '在所有项目中作为默认值', meta: configLayerCounts.user === undefined ? undefined : `${configLayerCounts.user} 个值`, run: () => openConfigLayerTarget({ scope: 'user', projectLayer: 'shared' }) },
+            { label: '当前项目', description: '随仓库共享，适合团队约定', meta: configLayerCounts.project === undefined ? undefined : `${configLayerCounts.project} 个值`, run: () => openConfigLayerTarget({ scope: 'project', projectLayer: 'shared' }) },
+            { label: '当前项目（仅本机）', description: '只保存在本机，不提交到仓库', meta: configLayerCounts.local === undefined ? undefined : configLayerCounts.local === 0 ? '未设置' : `${configLayerCounts.local} 个值`, run: () => openConfigLayerTarget({ scope: 'project', projectLayer: 'local' }) },
         ];
-        content = _jsx(ActionRows, { actions: actions, focus: focus });
+        content = _jsx(SemanticRows, { actions: actions, focus: focus, kind: "section", compact: policy.mode === 'compact' });
     }
     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；修改先保存在本地草稿。';
+        breadcrumb = readonly ? `${plugin.displayName} / 设置` : `${plugin.displayName} / 设置 / ${configLayerLabel(route.layer)}`;
+        title = readonly ? '当前插件设置' : '编辑插件设置';
+        description = readonly
+            ? '查看当前实际生效的值；← → 切换设置分组。'
+            : `保存位置：${configLayerLabel(route.layer)} · ← → 切换设置分组。`;
         if (!readonly && configActionError)
             description = configActionError;
-        help = readonly ? '↑↓ 查看 · Esc 返回' : '↑↓ 移动 · Enter 修改 · s 保存 · u 恢复继承 · Esc 返回';
+        help = readonly
+            ? '↑↓ 选择配置 · Enter 修改 · ←→ 分组 · 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 }) });
+            content = _jsx(StatusCard, { status: "info", title: "\u6B63\u5728\u8BFB\u53D6\u53EF\u4FE1\u8BBE\u7F6E\u5B9A\u4E49", children: _jsx(ProgressRow, { title: "\u8BFB\u53D6 manifest \u8BBE\u7F6E\u5B57\u6BB5", state: "active" }) });
         }
         else {
+            visibleConfigTabs = configTabs(currentConfigPage);
+            const requestedTab = snapshot.router.current.context.configGroupId;
+            const activeTab = visibleConfigTabs.find((tab) => tab.id === requestedTab) ?? visibleConfigTabs[0];
+            activeConfigTabId = activeTab?.id;
+            const activeGroup = activeTab?.kind === 'group'
+                ? currentConfigPage.groups.find((group) => group.id === activeTab.id)
+                : undefined;
             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 }, {
+            const tabActions = activeTab?.kind === 'presets'
+                ? currentConfigPage.presets.map((preset) => ({
+                    label: preset.title,
+                    description: (preset.privateFieldTitles?.length ?? 0) > 0
+                        ? `${preset.description ? `${preset.description} · ` : ''}${preset.privateFieldTitles.join('、')}需手动输入`
+                        : preset.description,
+                    run: readonly
+                        ? () => go({
+                            name: 'configLayer',
+                            pluginId: plugin.pluginId,
+                            presetId: preset.id,
+                        })
+                        : () => applyConfigPreset(currentConfigPage, preset.id),
+                }))
+                : (activeGroup?.fields ?? []).map((field) => ({
+                    label: field.title,
+                    description: readonly
+                        ? field.sourceLabel === '未设置' ? '没有任何位置提供值' : `来自${field.sourceLabel}`
+                        : `${field.description ? `${field.description} · ` : ''}当前有效：${effectiveFieldDisplay(field)} · ${field.effectiveSourceLabel}`,
+                    meta: readonly ? effectiveFieldDisplay(field) : currentFieldDisplay(field),
+                    configKey: field.key,
+                    run: readonly
+                        ? () => go({
+                            name: 'configLayer',
+                            pluginId: plugin.pluginId,
+                            fieldKey: field.key,
+                            groupId: activeGroup.id,
+                        })
+                        : () => go({
+                            name: 'configFieldEditor',
+                            pluginId: plugin.pluginId,
+                            layer: mutableLayer,
+                            fieldKey: field.key,
+                            editor: fieldEditor(field),
+                        }),
+                }));
+            const operationActions = readonly ? [] : [
+                { 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] });
+                },
+            ];
+            actions = [...tabActions, ...operationActions];
+            const effectiveConfigFocus = Math.min(focus, Math.max(0, actions.length - 1));
+            const fieldFocus = tabActions.length > 0
+                ? effectiveConfigFocus < tabActions.length ? effectiveConfigFocus : Math.min(scrollOffset, tabActions.length - 1)
+                : 0;
+            const operationRows = operationActions.reduce((rows, action) => rows + (policy.mode === 'compact' || !action.description ? 1 : 2), 0);
+            const viewport = actionViewport(tabActions, policy.mode === 'compact', fieldFocus, scrollOffset, pageActionBudget(1 + operationRows + 3));
+            const totalFields = currentConfigPage.groups.reduce((count, group) => count + group.fields.length, 0);
+            const countLabel = `${totalFields} 项${currentConfigPage.presets.length > 0 ? ` · ${currentConfigPage.presets.length} 个方案` : ''}`;
+            context = readonly ? countLabel
+                : dirty ? `${Object.keys(draftUpdates).length + draftRemoves.length} 项未保存` : countLabel;
+            content = _jsxs(Box, { flexDirection: "column", children: [activeTab ? _jsx(ConfigGroupTabs, { tabs: visibleConfigTabs, current: activeTab.id, compact: policy.mode === 'compact', columns: size.columns - 2 }) : null, activeTab && tabActions.length > 0
+                        ? _jsx(SectionCard, { title: activeTab.label, meta: viewport.hiddenBefore > 0 || viewport.hiddenAfter > 0 ? `${viewport.position}/${viewport.total}` : undefined, children: _jsx(SemanticRows, { actions: tabActions, focus: effectiveConfigFocus, kind: "section", compact: policy.mode === 'compact', offset: viewport.offset, limit: viewport.limit }) })
+                        : null, operationActions.length > 0
+                        ? _jsx(SemanticRows, { actions: actions, focus: effectiveConfigFocus, kind: "action", compact: policy.mode === 'compact', offset: tabActions.length, limit: operationActions.length })
+                        : null] });
         }
     }
     else if (route.name === 'configFieldEditor' && plugin && activeField) {
@@ -1613,16 +2236,16 @@ export function ConsoleAppV4(props) {
             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) ? '●' : '○',
+                selected: 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 });
+            content = _jsx(SemanticRows, { actions: actions, focus: focus, kind: "choice", compact: policy.mode === 'compact' });
         }
         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 });
+            actions = [{ label: '开启', selected: draftUpdates[activeField.key] === true || (!Object.hasOwn(draftUpdates, activeField.key) && activeField.value === true), run: () => { updateDraft(activeField.key, true); back(); } }, { label: '关闭', selected: draftUpdates[activeField.key] === false || (!Object.hasOwn(draftUpdates, activeField.key) && activeField.value === false), run: () => { updateDraft(activeField.key, false); back(); } }];
+            content = _jsx(SemanticRows, { actions: actions, focus: focus, kind: "choice", compact: policy.mode === 'compact' });
         }
         else {
             title = route.editor === 'number' ? `输入${activeField.title}` : route.editor === 'path' ? `选择${activeField.title}` : route.editor === 'sensitive' ? '输入敏感值' : `输入${activeField.title}`;
@@ -1633,55 +2256,25 @@ export function ConsoleAppV4(props) {
             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" });
+            content = _jsx(InputCard, { focused: true, title: visibleInput || activeField.placeholder || ' ', description: inputError ?? (route.editor === 'sensitive' ? '输入已隐藏。' : route.editor === 'path' ? '已隐藏父目录；Backspace 仍会编辑原始输入。' : activeField.placeholder ?? '按 Enter 使用输入值。'), status: inputError ? 'error' : undefined });
+        }
     }
     else if (route.name === 'configUnavailable' && plugin) {
         breadcrumb = `${plugin.displayName} / 设置`;
         context = '暂时不可编辑';
-        title = '暂时无法编辑设置';
-        description = '当前无法取得可信的字段定义，因此不能验证新值。';
+        const diagnostic = configUnavailableDiagnostic(route);
+        title = diagnostic.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: showTechnical ? '返回问题摘要' : '技术详情', 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 })] });
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(DiagnosticSummary, { diagnostic: diagnostic, technical: showTechnical, compact: policy.mode === 'compact' }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact' })] });
     }
     else if (route.name === 'sourceList') {
         breadcrumb = '插件来源';
@@ -1709,35 +2302,71 @@ export function ConsoleAppV4(props) {
             }),
             { 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 });
+        const viewport = actionViewport(actions, policy.mode === 'compact', focus, scrollOffset, responsiveBudget(8, 12));
+        const sourceCount = Math.max(0, actions.length - 1);
+        content = _jsx(Box, { flexDirection: "column", children: _jsx(SemanticRows, { actions: actions, focus: focus, kind: focus < sourceCount ? 'section' : 'action', compact: policy.mode === 'compact', 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;
+        const diagnostic = sourceDiagnostic(route.sourceId, state, detail);
         breadcrumb = `插件来源 / ${route.sourceId}`;
         context = detail?.type === 'path' ? '本地目录' : 'Git';
         title = route.sourceId;
-        description = state === 'cache' || state === 'degraded' ? '当前使用已缓存的 Catalog 数据。'
-            : state === 'unavailable' ? '当前无法读取这个来源。' : '来源状态可用。';
+        description = diagnostic ? '' : '来源状态可用。';
         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 })] });
+        actions = diagnostic
+            ? [
+                { label: '重新检查来源', description: '读取远端并验证可用数据', run: () => props.controller.refreshSource(route.sourceId) },
+                ...(state === 'degraded' ? [{
+                        label: '继续使用缓存',
+                        description: '浏览匹配且已验证的缓存数据',
+                        run: () => go({ name: 'pluginList', mode: 'browse', sourceId: route.sourceId }),
+                    }] : []),
+                { label: '编辑来源…', description: '检查 URL、路径或 ref', 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 }) },
+            ]
+            : [
+                { 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 }) },
+            ];
+        const sourceActionViewport = actionViewport(actions, policy.mode === 'compact', focus, scrollOffset, responsiveBudget(2, 6));
+        content = _jsxs(Box, { flexDirection: "column", children: [diagnostic
+                    ? _jsx(DiagnosticSummary, { diagnostic: diagnostic, compact: policy.mode === 'compact' })
+                    : _jsxs(_Fragment, { children: [_jsx(StatusCard, { status: state === 'checking' ? 'warning' : 'success', title: state === 'checking' ? '正在检查' : '可用' }), _jsxs(SectionCard, { title: "\u6765\u6E90\u914D\u7F6E", children: [_jsx(StaticRow, { title: "\u4F4D\u7F6E", meta: detail?.locationSummary ?? '不可用' }), _jsx(StaticRow, { title: "\u63D2\u4EF6", meta: `${detail?.pluginCount ?? 0} 个` }), policy.mode === 'compact' ? null : _jsxs(_Fragment, { children: [_jsx(StaticRow, { title: "\u7248\u672C\u9009\u62E9", meta: detail?.type === 'path' ? '本地目录' : detail?.refPolicy === 'explicit' ? '固定 Git 引用' : '跟随 AW 版本通道' }), detail?.explicitRef ? _jsx(StaticRow, { title: "\u5F15\u7528", meta: detail.explicitRef }) : null] })] })] }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact', offset: sourceActionViewport.offset, limit: sourceActionViewport.limit })] });
     }
     else if (route.name === 'sourceTechnical') {
-        const detail = props.controller.getSourceOverview(route.sourceId).detail;
+        const overview = props.controller.getSourceOverview(route.sourceId);
+        const detail = overview.detail;
+        const state = overview.health?.state ?? overview.source?.state;
+        const diagnostic = sourceDiagnostic(route.sourceId, state, detail) ?? {
+            severity: 'warning',
+            title: '来源解析详情',
+            userMessage: '来源当前可用。',
+            impact: [{ state: 'preserved', message: '当前来源状态没有阻止操作。' }],
+            nextStep: '返回来源详情。',
+            technical: {
+                code: 'catalogSourceReady',
+                stage: 'resolve-source',
+                sourceId: route.sourceId,
+                ...(detail?.requestedRef ? { requestedRef: detail.requestedRef } : {}),
+                ...(detail?.resolvedCommit ? { resolvedCommit: detail.resolvedCommit } : {}),
+                ...(detail?.freshness ? { context: [{ key: 'freshness', value: detail.freshness }] } : {}),
+            },
+        };
         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 ?? '不可用'] })] });
+        title = '来源技术诊断';
+        description = '';
+        help = 'Enter 返回 · Esc 返回';
+        actions = [{ label: '返回来源详情', run: back }];
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(DiagnosticSummary, { diagnostic: diagnostic, technical: true, compact: policy.mode === 'compact' }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact' })] });
     }
     else if (route.name === 'sourceAdd' && sourceDraft?.owner === route.owner) {
         breadcrumb = sourceDraft.mode === 'add' ? '插件来源 / 添加' : `插件来源 / ${sourceDraft.sourceId} / 编辑`;
@@ -1751,7 +2380,7 @@ export function ConsoleAppV4(props) {
                 { 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 });
+            content = _jsx(SemanticRows, { actions: actions, focus: focus, kind: "choice", compact: policy.mode === 'compact' });
         }
         else if (route.step === 'refPolicy') {
             title = '选择版本引用方式';
@@ -1763,7 +2392,7 @@ export function ConsoleAppV4(props) {
                         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 });
+            content = _jsx(SemanticRows, { actions: actions, focus: focus, kind: "choice", compact: policy.mode === 'compact' });
         }
         else {
             title = route.step === 'id' ? '输入来源 ID' : route.step === 'location' ? `输入 ${sourceDraft.type === 'git' ? 'Git URL' : '绝对路径'}` : route.step === 'ref' ? '输入固定 Git 引用' : '输入 Catalog 子目录';
@@ -1773,7 +2402,7 @@ export function ConsoleAppV4(props) {
                 : 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 继续。') })] });
+            content = _jsx(InputCard, { focused: true, title: displayedInput || ' ', description: sourceInputError ?? (route.step === 'location' && sourceDraft.type === 'path' ? '已隐藏父目录；Backspace 仍会编辑原始输入。' : '按 Enter 继续。'), status: sourceInputError ? 'error' : undefined });
         }
     }
     else if (route.name === 'sourceEdit') {
@@ -1794,7 +2423,7 @@ export function ConsoleAppV4(props) {
             { 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 });
+        content = _jsx(SemanticRows, { actions: actions, focus: focus, kind: "section", compact: policy.mode === 'compact' });
     }
     else if (route.name === 'sourceRemoveBlocked') {
         breadcrumb = `插件来源 / ${route.sourceId} / 移除`;
@@ -1803,7 +2432,7 @@ export function ConsoleAppV4(props) {
         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 })] });
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(Callout, { status: "error", title: sourceReferenceSummary?.inventoryComplete === false ? '引用清单不完整' : '发现活动引用' }), _jsxs(SectionCard, { title: "\u5F15\u7528\u6C47\u603B", children: [_jsx(StaticRow, { title: "\u5B89\u88C5\u4F4D\u7F6E", meta: countLabel(sourceReferenceSummary?.installationCount, '个') }), _jsx(StaticRow, { title: "\u63D2\u4EF6\u8BBE\u7F6E", meta: countLabel(sourceReferenceSummary?.configCount, '份') }), _jsx(StaticRow, { title: "\u751F\u547D\u5468\u671F\u72B6\u6001", meta: countLabel(sourceReferenceSummary?.lifecycleCount, '个') }), _jsx(StaticRow, { title: "Marketplace", meta: countLabel(sourceReferenceSummary?.marketplaceCount, '个') }), sourceDependenciesExpanded ? sourceReferenceSummary?.dependencies.slice(0, Math.max(1, pageActionBudget(10))).map((dependency, index) => _jsx(StaticRow, { title: `${dependency.category} · ${dependency.pluginId ?? dependency.sourceId ?? '身份未知'}`, meta: `${dependency.platform ? platformLabel(dependency.platform) : ''}${dependency.scope ? ` · ${scopeLabel(dependency.scope)}` : ''}` }, `${dependency.category}:${dependency.pluginId ?? dependency.sourceId ?? index}`)) : null] }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact' })] });
     }
     else if (route.name === 'issueList') {
         const issues = props.controller.listUserIssues();
@@ -1835,8 +2464,8 @@ export function ConsoleAppV4(props) {
                     : 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 });
+        const viewport = actionViewport(actions, policy.mode === 'compact', focus, scrollOffset, responsiveBudget(8, 12));
+        content = _jsx(SemanticRows, { actions: actions, focus: focus, kind: issues.length > 0 ? 'task' : 'action', compact: policy.mode === 'compact', offset: viewport.offset, limit: viewport.limit });
     }
     else if (route.name === 'issueDetail' && issue) {
         breadcrumb = `需要处理 / ${issue.pluginId ?? issue.sourceId ?? issue.entity.id}`;
@@ -1854,7 +2483,9 @@ export function ConsoleAppV4(props) {
             else if (entry.id === 'continueWithCache' || entry.id === 'retryLater')
                 go({ name: 'issueList' });
             else if (entry.id === 'editSource' && issue.sourceId)
-                go({ name: 'sourceDetail', sourceId: issue.sourceId });
+                go(issue.entity.kind === 'source'
+                    ? { name: 'sourceEdit', sourceId: issue.sourceId }
+                    : { name: 'sourceDetail', sourceId: issue.sourceId });
             else if (entry.id === 'reAddSource' && issue.sourceId)
                 beginIssueSourceAdd(issue.sourceId);
             else if (entry.id === 'viewSourceChange' && issue.sourceId)
@@ -1878,8 +2509,9 @@ export function ConsoleAppV4(props) {
             else
                 setShowTechnical((value) => !value);
         };
-        actions = issue.actions.map((entry) => ({
-            label: entry.label,
+        const issueHasTechnicalDetails = Boolean(issue.diagnostic.technical);
+        actions = issue.actions.filter((entry) => entry.id !== 'viewTechnical' || issueHasTechnicalDetails).map((entry) => ({
+            label: entry.id === 'viewTechnical' && showTechnical ? '返回问题摘要' : entry.label,
             description: entry.description,
             status: entry.id === 'remove'
                 || entry.id === 'keepUserScope' || entry.id === 'keepProjectScope' ? 'error' : undefined,
@@ -1887,7 +2519,14 @@ export function ConsoleAppV4(props) {
         }));
         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;
+        const issueDiagnosticSummary = _jsx(DiagnosticSummary, { diagnostic: issue.diagnostic, technical: showTechnical, compact: policy.mode === 'compact' || issue.category.startsWith('dependency') });
+        const issueActionViewport = actionViewport(actions, policy.mode === 'compact', focus, scrollOffset, pageActionBudget(6));
+        const compactTechnicalActionViewport = policy.mode === 'compact' && showTechnical
+            ? {
+                offset: Math.min(Math.max(0, focus - 1), Math.max(0, actions.length - 2)),
+                limit: 2,
+            }
+            : {};
         if (issue.category === 'dependencyStillRequired' && issuePlugin) {
             const blockingDependents = issue.platform && issue.scope
                 ? props.controller.getBlockingDependents(issuePlugin.pluginId, issue.platform, issue.scope)
@@ -1897,51 +2536,112 @@ export function ConsoleAppV4(props) {
             actions = [
                 { label: '查看完整依赖关系', run: () => go({ name: 'pluginDependencies', pluginId: issuePlugin.pluginId }) },
                 { label: '返回插件详情', run: () => go({ name: 'pluginDetail', pluginId: issuePlugin.pluginId }) },
+                ...(issueHasTechnicalDetails ? [{ label: showTechnical ? '隐藏技术详情' : '技术详情', run: () => setShowTechnical((value) => !value) }] : []),
             ];
-            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 })] });
+            const dependencyBlockedViewport = policy.mode === 'compact' && showTechnical
+                ? { offset: Math.min(Math.max(0, focus - 1), Math.max(0, actions.length - 2)), limit: 2 }
+                : actionViewport(actions, policy.mode === 'compact', focus, scrollOffset, pageActionBudget(4));
+            content = _jsxs(Box, { flexDirection: "column", children: [issueDiagnosticSummary, showTechnical ? null : _jsx(SectionCard, { title: "\u4F7F\u7528\u8FD9\u4E2A\u4F9D\u8D56\u7684\u63D2\u4EF6", children: blockingDependents.map((dependent) => _jsx(StaticRow, { title: dependent.displayName, meta: dependentTargetLabel(dependent) }, dependent.pluginId)) }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact', offset: dependencyBlockedViewport.offset, limit: dependencyBlockedViewport.limit })] });
+        }
+        else if ((issue.category === 'dependencyMissing' || issue.category === 'dependencyNotReady') && issuePlugin) {
+            const dependencyName = issue.dependencyPluginId
+                ? props.controller.getPluginOverview(issue.dependencyPluginId)?.displayName ?? issue.dependencyPluginId
+                : '必需依赖';
+            const dependencyTarget = [
+                issue.dependencyPlatform ? platformLabel(issue.dependencyPlatform) : undefined,
+                issue.dependencyScope ? scopeLabel(issue.dependencyScope) : undefined,
+            ].filter((entry) => Boolean(entry)).join(' · ');
+            content = _jsxs(Box, { flexDirection: "column", children: [issueDiagnosticSummary, !showTechnical && policy.mode !== 'compact' ? _jsxs(StatusCard, { status: "warning", title: dependencyName, description: "\u53D7\u5F71\u54CD\u7684\u4F9D\u8D56\u76EE\u6807", children: [_jsx(StaticRow, { title: issuePlugin.displayName, description: "\u53D7\u5F71\u54CD\u7684\u6839\u63D2\u4EF6", meta: issue.platform && issue.scope ? `${platformLabel(issue.platform)} · ${scopeLabel(issue.scope)}` : undefined }), dependencyTarget ? _jsx(StaticRow, { title: "\u4F9D\u8D56\u76EE\u6807", meta: dependencyTarget, status: "warning" }) : null] }) : null, _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact', ...compactTechnicalActionViewport })] });
         }
         else if (issue.category === 'dependencyTargetUnsupported' && issuePlugin) {
-            const compatible = selectedPlatforms(issuePlugin, issue.scope ?? scope).filter((entry) => !entry.disabled);
-            title = `无法添加到 ${issue.platform ? platformLabel(issue.platform) : '所选工具'}`;
+            const issueScope = issue.scope ?? scope;
+            const compatible = props.controller.listInstallTargets(issuePlugin.pluginId, issueScope)
+                .filter((entry) => entry.compatible);
+            title = `无法添加到 ${issue.platform ? platformLabel(issue.platform) : '所选目标平台'}`;
             description = issue.dependencyPluginId
-                ? `${props.controller.getPluginOverview(issue.dependencyPluginId)?.displayName ?? 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 });
+                ...compatible.map((entry) => ({ label: `只添加到 ${platformLabel(entry.platform)}`, description: '返回目标平台页并使用完整依赖检查', run: () => {
+                        setScope(issueScope);
+                        setSelectedTargets([entry.platform]);
+                        setTargetSelections((current) => ({ ...current, [issueScope]: [entry.platform] }));
+                        go({ name: 'installTargets', pluginId: issuePlugin.pluginId });
                     } })),
-                { label: '返回调整工具', run: () => go({ name: 'installTools', pluginId: issuePlugin.pluginId }) },
+                { label: '返回调整目标平台', run: () => {
+                        setScope(issueScope);
+                        setSelectedTargets([]);
+                        setTargetSelections((current) => ({ ...current, [issueScope]: [] }));
+                        go({ name: 'installTargets', pluginId: issuePlugin.pluginId });
+                    } },
                 { label: '查看依赖关系', run: () => go({ name: 'pluginDependencies', pluginId: issuePlugin.pluginId }) },
+                ...(issueHasTechnicalDetails ? [{ label: showTechnical ? '隐藏技术详情' : '技术详情', run: () => setShowTechnical((value) => !value) }] : []),
             ];
-            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 })] });
+            const unsupportedTargetViewport = policy.mode === 'compact' && showTechnical
+                ? { offset: Math.min(Math.max(0, focus - 1), Math.max(0, actions.length - 2)), limit: 2 }
+                : actionViewport(actions, policy.mode === 'compact', focus, scrollOffset, pageActionBudget(6));
+            content = _jsxs(Box, { flexDirection: "column", children: [issueDiagnosticSummary, _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact', offset: unsupportedTargetViewport.offset, limit: unsupportedTargetViewport.limit })] });
         }
         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" })] });
+            const sourceId = issue.sourceId;
+            if (sourceId) {
+                actions = [
+                    { label: '查看来源问题', description: '进入来源页并重新检查 Catalog', run: () => go({ name: 'sourceDetail', sourceId }) },
+                    ...actions,
+                ];
+            }
+            content = _jsxs(Box, { flexDirection: "column", children: [issueDiagnosticSummary, _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact' })] });
         }
         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" })] });
+            const hasRecoveryEvidence = sourceMissingCleanup || issue.category === 'sourceIdentityChanged'
+                || issue.placements || issue.requiredFields;
+            const recoveryRows = _jsxs(_Fragment, { children: [sourceMissingCleanup ? _jsxs(_Fragment, { children: [_jsx(Text, { color: tuiTheme.statusColors.warning, children: sourceMissingCleanup }), _jsx(Text, { color: tuiTheme.statusColors.warning, children: "\u9700\u8981\u65F6\u53EF\u5728\u547D\u4EE4\u672B\u5C3E\u6DFB\u52A0 --force\u3002" })] }) : null, issue.category === 'sourceIdentityChanged' ? _jsx(StaticRow, { title: "\u6765\u6E90\u8EAB\u4EFD\u5DF2\u53D8\u5316\uFF1B\u8BF7\u786E\u8BA4\u53D8\u66F4\u6216\u6062\u590D\u539F\u6765\u6E90\u3002", status: "warning", compact: true }) : null, issue.placements ? _jsx(StaticRow, { title: "\u4F4D\u7F6E", meta: issue.placements.map(scopeLabel).join('、'), compact: true }) : null, issue.requiredFields ? _jsx(StaticRow, { title: "\u5B57\u6BB5", meta: sanitizeDiagnosticText(issue.requiredFields.map((field) => field.title).join('、')), compact: true }) : null] });
+            content = _jsxs(Box, { flexDirection: "column", children: [issueDiagnosticSummary, !showTechnical && hasRecoveryEvidence
+                        ? policy.mode === 'compact' ? recoveryRows : _jsx(SectionCard, { title: "\u6062\u590D\u8BC1\u636E", children: recoveryRows })
+                        : null, _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact', offset: issueActionViewport.offset, limit: issueActionViewport.limit })] });
         }
     }
+    else if (route.name === 'reviewPreparing' && snapshot.reviewPreparation) {
+        const preparation = snapshot.reviewPreparation;
+        const labels = preparation.intent.kind === 'portableInstall'
+            ? ['通用 Skills / 安装', '正在准备通用 Skills 安装确认']
+            : preparation.intent.kind === 'configSave' || preparation.intent.kind === 'configReset'
+                ? ['设置', '正在准备设置确认']
+                : preparation.intent.kind === 'sourceMutation'
+                    ? ['插件来源', '正在准备来源变更确认']
+                    : ['插件操作', '正在准备插件操作确认'];
+        breadcrumb = `${labels[0]} / 准备确认`;
+        context = '只读';
+        title = preparation.state === 'failed' ? '无法准备确认信息' : labels[1];
+        description = preparation.state === 'failed'
+            ? preparation.message ?? '无法准备确认信息。请返回检查选择，或重试。'
+            : '这个阶段只读取和验证状态，不会修改任何安装或设置。';
+        help = preparation.state === 'running'
+            ? 'Esc 取消 · Ctrl-C 完成后退出'
+            : '↑↓ 移动 · Enter 选择 · Esc 返回';
+        actions = preparation.state === 'failed' ? [
+            { label: '重试', description: '重新读取和验证当前状态', run: () => {
+                    props.controller.retryReviewPreparation();
+                    setFocus(0);
+                    setScrollOffset(0);
+                } },
+            { label: '返回修改', run: back },
+        ] : [];
+        const stageState = (state) => state === 'running' ? 'active' : state === 'completed' ? 'complete' : state === 'failed' ? 'error' : 'pending';
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(SectionCard, { title: "\u51C6\u5907\u6B65\u9AA4", children: preparation.stages.map((stage) => _jsx(ProgressRow, { title: stage.label, state: stageState(stage.state), meta: stage.state === 'running' ? '进行中' : stage.state === 'completed' ? '完成' : stage.state === 'failed' ? '失败' : '未开始', compact: policy.mode === 'compact' }, stage.id)) }), preparation.currentLabel ? _jsx(StaticRow, { title: "\u5F53\u524D", meta: preparation.currentLabel, status: "muted" }) : null, preparation.code && preparation.message
+                    ? _jsx(Callout, { status: "error", title: preparation.code, description: preparation.message }) : null, actions.length > 0 ? _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact' }) : null] });
+    }
     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}`;
+        title = `${snapshot.result?.state === 'stale' ? '状态已变化 · ' : ''}${review.operationKind === 'portableInstall' ? review.title : `确认${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;
@@ -1960,11 +2660,6 @@ export function ConsoleAppV4(props) {
                     }
                     : 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 · 当前插件' : '你选择的插件',
@@ -1974,12 +2669,75 @@ export function ConsoleAppV4(props) {
             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] }) });
+        const changeStatus = (change) => change.kind === 'remove' ? 'error'
+            : change.kind === 'warning' ? 'warning'
+                : change.kind === 'keep' || change.kind === 'add' ? 'success' : undefined;
+        const groupOrder = ['portableWarnings', 'portableTarget', 'requested', 'dependencies', 'preserved', 'portableInputs'];
+        const groupedSpecs = groupedChanges
+            ? groupOrder.map((group) => ({
+                key: group,
+                label: groupTitle[group],
+                protectedCount: group === 'portableWarnings' || group === 'portableTarget' || group === 'preserved',
+                changes: review.changes.filter((change) => (change.group ?? 'requested') === group),
+            }))
+            : [
+                { key: 'warnings', label: '警告', protectedCount: true, changes: review.changes.filter((change) => change.kind === 'warning') },
+                { key: 'kept', label: '保持不变', protectedCount: true, changes: review.changes.filter((change) => change.kind === 'keep') },
+                { key: 'changes', label: undefined, protectedCount: false, changes: review.changes.filter((change) => change.kind !== 'warning' && change.kind !== 'keep') },
+            ];
+        const visibleSpecs = groupedSpecs.filter((group) => group.changes.length > 0);
+        const headingLines = policy.mode === 'compact' ? 0 : visibleSpecs.filter((group) => group.label).length;
+        const staticRowBudget = Math.max(visibleSpecs.length, responsiveBudget(7, 12) - headingLines);
+        const allocations = new Map(visibleSpecs.map((group) => [group.key, 1]));
+        const targetGroup = visibleSpecs.find((group) => group.key === 'portableTarget');
+        if (targetGroup && targetGroup.changes.length > 1 && staticRowBudget > visibleSpecs.length) {
+            allocations.set(targetGroup.key, 2);
+        }
+        let remainingRows = staticRowBudget - [...allocations.values()].reduce((sum, count) => sum + count, 0);
+        for (const group of visibleSpecs) {
+            if (remainingRows <= 0)
+                break;
+            const current = allocations.get(group.key) ?? 1;
+            const added = Math.min(remainingRows, group.changes.length - current);
+            allocations.set(group.key, current + added);
+            remainingRows -= added;
+        }
+        const changeGroups = visibleSpecs.map((group) => {
+            const visibleCount = allocations.get(group.key) ?? 1;
+            const hiddenCount = group.changes.length - visibleCount;
+            return _jsxs(Box, { flexDirection: "column", children: [policy.mode !== 'compact' && group.label ? _jsx(Text, { bold: true, color: tuiTheme.colors.muted, children: group.label }) : null, group.changes.slice(0, visibleCount).map((change, index) => {
+                        const retainDescription = change.kind === 'warning' || group.key === 'portableTarget'
+                            || group.key === 'requested' || group.key === 'dependencies';
+                        const description = retainDescription ? change.description : undefined;
+                        const compactGroupLabel = group.key === 'requested' ? '根插件'
+                            : group.key === 'dependencies' ? '依赖'
+                                : group.key === 'preserved' ? '保持' : group.label;
+                        const category = policy.mode === 'compact' && index === 0 && compactGroupLabel ? `${compactGroupLabel} · ` : '';
+                        const count = index === visibleCount - 1 && (hiddenCount > 0 || group.protectedCount)
+                            ? hiddenCount > 0 ? `另有 ${hiddenCount} 项` : `共 ${group.changes.length} 项`
+                            : undefined;
+                        return _jsx(ReviewChangeRow, { title: `${category}${reviewSymbol(change)} ${change.title}${description ? ` · ${description}` : ''}`, meta: count, status: changeStatus(change), compact: true }, `${change.title}:${index}`);
+                    })] }, group.key);
+        });
+        const technicalDetails = review.technicalDetails ?? [];
+        const technicalDetailLimit = responsiveBudget(1, 3);
+        const visibleTechnicalDetails = technicalDetails.slice(0, technicalDetailLimit);
+        const hiddenTechnicalDetails = technicalDetails.length - visibleTechnicalDetails.length;
+        const technicalCardRows = 3 + visibleTechnicalDetails.length;
+        const technicalChangeBudget = Math.max(1, size.rows - 6 - 3 - (review.equivalentCommand ? 1 : 0) - actions.length - technicalCardRows);
+        const prioritizedTechnicalChanges = [
+            ...review.changes.filter((change) => change.kind === 'warning'),
+            ...review.changes.filter((change) => change.group === 'portableTarget'),
+            ...review.changes.filter((change) => change.kind !== 'warning' && change.group !== 'portableTarget'),
+        ];
+        const visibleTechnicalChanges = prioritizedTechnicalChanges.slice(0, technicalChangeBudget);
+        const hiddenTechnicalChanges = review.changes.length - visibleTechnicalChanges.length;
+        const technicalChanges = visibleTechnicalChanges.map((change, index) => {
+            const category = change.group ? groupTitle[change.group] : undefined;
+            return _jsx(ReviewChangeRow, { title: `${category ? `${category} · ` : ''}${reviewSymbol(change)} ${change.title}${change.description ? ` · ${change.description}` : ''}`, meta: index === visibleTechnicalChanges.length - 1 && hiddenTechnicalChanges > 0
+                    ? `另有 ${hiddenTechnicalChanges} 项` : undefined, status: changeStatus(change), compact: true }, `${change.title}:${index}`);
+        });
+        content = _jsx(Box, { flexDirection: "column", children: _jsxs(ReviewCard, { title: review.subject.name, meta: `${review.subject.sourceLabel} ${review.subject.version ?? ''}`, description: review.equivalentCommand ? review.description : undefined, children: [review.equivalentCommand ? _jsxs(Text, { children: ["\u7B49\u4EF7\u547D\u4EE4\uFF1A", review.equivalentCommand] }) : null, showTechnical ? technicalChanges : changeGroups, _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: true }), policy.mode === 'compact' || showTechnical ? null : _jsx(StaticRow, { title: "\u6280\u672F\u8BE6\u60C5\uFF08d\uFF09", status: "muted" }), showTechnical ? _jsx(TechnicalDetails, { children: visibleTechnicalDetails.map((detail, index) => _jsx(StaticRow, { title: detail, meta: index === visibleTechnicalDetails.length - 1 && hiddenTechnicalDetails > 0 ? `另有 ${hiddenTechnicalDetails} 项` : undefined, compact: true }, detail)) }) : null] }) });
     }
     else if (route.name === 'progress') {
         const portableOperation = snapshot.activeReview?.operationKind === 'portableInstall';
@@ -1990,13 +2748,24 @@ export function ConsoleAppV4(props) {
         breadcrumb = portableOperation ? '通用 Skills / 进度' : issueOperation ? '需要处理 / 进度' : sourceOperation ? '插件来源 / 保存' : configOperation ? '设置 / 进度' : '插件操作 / 进度';
         title = portableOperation ? '正在安装通用 Skills' : issueOperation ? '正在处理问题' : sourceOperation ? '正在保存并刷新来源' : configOperation ? '正在保存并应用设置' : '正在执行插件操作';
         description = issueOperation ? '完成后会使用新的状态 generation 重新检查问题。' : sourceOperation ? '先原子保存来源配置，再尽力刷新。刷新失败时配置仍保留并显示警告。' : configOperation ? '先保存所选层，再重新应用当前可见安装位置。' : '请勿关闭当前终端。';
-        help = 'd 技术进度 · Ctrl-C 完成后退出';
+        help = '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 technicalMessageLimit = portableOperation ? responsiveBudget(1, 3) : responsiveBudget(4, 4);
+        const technicalMessages = progress.messages.slice(-technicalMessageLimit);
+        const hiddenTechnicalMessages = progress.messages.length - technicalMessages.length;
         const dependencyProgress = snapshot.progressTargets.length > 0;
+        const currentPhase = progress.current?.phase ?? '';
+        const failedProgress = snapshot.progressTargets.some((entry) => entry.state === 'failed');
+        const validationActive = currentPhase.includes('检查写入结果')
+            || currentPhase.includes('读取最终状态')
+            || (currentPhase.includes('验证') && currentPhase !== '验证当前状态'
+                && !currentPhase.includes('验证设置值'));
+        const preflightActive = !validationActive && (currentPhase.includes('检查')
+            || currentPhase === '验证当前状态' || currentPhase.includes('验证设置值'));
+        const executionActive = Boolean(currentPhase) && !preflightActive && !validationActive && !failedProgress;
         const progressLabel = (entry) => {
             if (entry.state === 'kept')
                 return { label: '已保留', status: 'success' };
@@ -2010,22 +2779,93 @@ export function ConsoleAppV4(props) {
                 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] });
+        const prioritizedProgressTargets = [...snapshot.progressTargets].sort((left, right) => {
+            const priority = (entry) => entry.state === 'failed' ? 0
+                : entry.state === 'running' ? 1
+                    : entry.relation === 'requested' ? 2
+                        : entry.state === 'skipped' ? 3 : 4;
+            return priority(left) - priority(right);
+        });
+        const progressStepRows = policy.mode === 'compact' ? 4 : 5;
+        const progressTargetAndMessageBudget = pageActionBudget()
+            - 2
+            - progressStepRows
+            - 3
+            - (exitAfterBusy ? 3 : 0);
+        const dependencyMessageLimit = progressTargetAndMessageBudget
+            >= (policy.mode === 'compact' ? 2 : 3) + 1
+            ? Math.min(1, showTechnical ? technicalMessages.length : latestMessage ? 1 : 0)
+            : 0;
+        const progressTargetBudget = progressTargetAndMessageBudget - dependencyMessageLimit;
+        const progressTargetLimit = prefixRowLimit(prioritizedProgressTargets.map(() => policy.mode === 'compact' ? 1 : 2), progressTargetBudget);
+        const visibleProgressTargets = prioritizedProgressTargets.slice(0, progressTargetLimit);
+        const hiddenProgressTargets = snapshot.progressTargets.length - visibleProgressTargets.length;
+        const targetStates = snapshot.progressTargets.map((entry) => entry.state);
+        const executionComplete = targetStates.length > 0
+            && targetStates.every((state) => state === 'completed' || state === 'kept');
+        const executionStarted = targetStates.some((state) => state === 'running' || state === 'completed'
+            || state === 'failed' || state === 'skipped');
+        const relationStep = currentPhase === '验证当前状态' || preflightActive ? 'active' : 'complete';
+        const planStep = relationStep === 'active' ? 'pending' : 'complete';
+        const closureStep = failedProgress ? 'error'
+            : executionComplete ? 'complete'
+                : executionStarted || executionActive ? 'active' : 'pending';
+        const verificationStep = failedProgress && validationActive ? 'error'
+            : validationActive ? 'active' : 'pending';
+        const portableDraft = snapshot.portableDraft;
+        const portableReviewProviderIds = snapshot.activeReview?.changes
+            .filter((change) => change.group === 'requested' || change.group === 'dependencies')
+            .flatMap((change) => change.pluginId ? [change.pluginId] : []) ?? [];
+        const portableProviderCount = new Set(portableReviewProviderIds.length > 0
+            ? portableReviewProviderIds
+            : portableDraft?.candidates.filter((candidate) => candidate.selected)
+                .map((candidate) => candidate.providerPluginId) ?? []).size;
+        const portableSelectedCount = portableDraft?.selectedCount
+            ?? snapshot.activeReview?.changes.filter((change) => change.group === 'requested' || change.group === 'dependencies').length
+            ?? 0;
+        const portablePreparing = currentPhase.includes('检查插件依赖并生成候选');
+        const portableInstalling = currentPhase.includes('安装已选择的 Skills');
+        const portableVerifying = currentPhase.includes('验证安装结果');
+        const portableStep = portableVerifying ? 3 : portableInstalling ? 2 : portablePreparing ? 1 : 0;
+        const portableProgressState = (step) => {
+            if (failedProgress && step === portableStep)
+                return 'error';
+            if (step < portableStep)
+                return 'complete';
+            if (step === portableStep)
+                return 'active';
+            return 'pending';
+        };
+        const portableProgressMeta = (step) => {
+            const state = portableProgressState(step);
+            if (state === 'complete')
+                return '完成';
+            if (state === 'error')
+                return '失败';
+            if (state === 'pending')
+                return '未开始';
+            return step === 2 ? '正在安装' : step === 3 ? '正在验证' : step === 1 ? '正在生成' : '正在检查';
+        };
+        const compactPortableProgress = policy.mode === 'compact' && showTechnical;
+        content = portableOperation ? _jsxs(StatusCard, { status: failedProgress ? 'error' : 'info', title: "Skills CLI", children: [_jsx(ProgressRow, { title: "\u68C0\u67E5\u63D2\u4EF6\u548C\u4F9D\u8D56", description: `${snapshot.activeReview?.subject.name ?? '当前插件'} · ${portableDraft?.dependencySummary?.directCount ?? 0} 个直接依赖`, meta: portableProgressMeta(0), state: portableProgressState(0), compact: compactPortableProgress }), _jsx(ProgressRow, { title: "\u751F\u6210\u5DF2\u9009\u5019\u9009 Skills", description: `${portableProviderCount} 个 provider 提供 ${portableSelectedCount} 个 Skills`, meta: portableProgressMeta(1), state: portableProgressState(1), compact: compactPortableProgress }), _jsx(ProgressRow, { title: `安装已选择的 ${portableSelectedCount} 个 Skills`, description: `Agent：${portableDraft?.agentMode === 'explicit' ? portableDraft.requestedAgents.join('、') : 'Skills CLI 默认选择'}`, meta: portableProgressMeta(2), state: portableProgressState(2), compact: compactPortableProgress }), _jsx(ProgressRow, { title: "\u9A8C\u8BC1\u7ED3\u679C", description: "\u9010\u9879\u786E\u8BA4\u6240\u9009 Skill \u7684\u5B89\u88C5\u76EE\u6807", meta: portableProgressMeta(3), state: portableProgressState(3), compact: compactPortableProgress }), showTechnical ? _jsxs(TechnicalDetails, { children: [technicalMessages.map((message, index) => _jsx(StaticRow, { title: message, compact: true }, `${index}:${message}`)), hiddenTechnicalMessages > 0 ? _jsx(StaticRow, { title: `另有 ${hiddenTechnicalMessages} 条技术消息`, status: "muted", compact: true }) : null] }) : null] }) : _jsxs(StatusCard, { status: "info", children: [dependencyProgress ? _jsxs(_Fragment, { children: [_jsx(ProgressRow, { title: "\u68C0\u67E5\u4F9D\u8D56\u5173\u7CFB", state: relationStep }), _jsx(ProgressRow, { title: "\u751F\u6210\u6267\u884C\u8BA1\u5212", state: planStep }), _jsx(ProgressRow, { title: "\u6267\u884C\u4F9D\u8D56\u95ED\u5305", description: progress.current?.target ? `当前：${progress.current.target}` : undefined, meta: `${elapsedSeconds}s`, state: closureStep, compact: policy.mode === 'compact' }), _jsx(ProgressRow, { title: "\u9A8C\u8BC1\u5B8C\u6574\u7ED3\u679C", state: verificationStep })] }) : _jsxs(_Fragment, { children: [_jsx(ProgressRow, { title: sourceOperation ? '检查来源操作输入' : configOperation ? '验证设置值' : '检查兼容性', state: !currentPhase ? 'pending' : preflightActive ? 'active' : 'complete' }), _jsx(ProgressRow, { title: progress.current?.phase || (sourceOperation ? '保存来源配置并刷新' : configOperation ? '保存设置层并重新应用' : '连接到所选目标平台'), description: progress.current?.target ? `当前：${progress.current.target}` : undefined, meta: `${elapsedSeconds}s`, state: failedProgress ? 'error' : executionActive ? 'active' : validationActive ? 'complete' : 'pending', compact: policy.mode === 'compact' }), _jsx(ProgressRow, { title: "\u9A8C\u8BC1\u7ED3\u679C", state: failedProgress ? 'error' : validationActive ? 'active' : 'pending' })] }), dependencyProgress ? _jsxs(SectionCard, { title: "\u6267\u884C\u76EE\u6807", meta: `${snapshot.progressTargets.length} 个目标`, children: [visibleProgressTargets.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 _jsx(ResultRow, { title: title, description: relation, meta: state.label, status: state.status ?? 'muted', compact: policy.mode === 'compact' }, `${entry.pluginId}:${entry.platform}:${entry.scope}`);
+                        }), hiddenProgressTargets > 0 ? _jsx(StaticRow, { title: `另有 ${hiddenProgressTargets} 个目标`, status: "muted", compact: true }) : null] }) : null, !showTechnical && latestMessage && (!dependencyProgress || dependencyMessageLimit > 0) ? _jsx(StaticRow, { title: latestMessage, status: "muted", compact: true }) : null, showTechnical ? (dependencyProgress
+                    ? dependencyMessageLimit > 0 ? technicalMessages.slice(-dependencyMessageLimit) : []
+                    : technicalMessages).map((message, index) => _jsx(StaticRow, { title: message, compact: true }, `${index}:${message}`)) : null, exitAfterBusy ? _jsx(Callout, { status: "warning", title: "\u64CD\u4F5C\u5B8C\u6210\u540E\u9000\u51FA" }) : 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 resultSummary = result.state === 'succeeded' || result.state === 'partial'
+            ? result.summary
+            : result.state === 'blocked' ? result.summary : undefined;
+        const action = resultSummary?.action;
         const operationKind = 'operationKind' in result ? result.operationKind : undefined;
         const portableOperation = operationKind === 'portableInstall';
         const portableReceipt = result.state === 'succeeded' || result.state === 'partial'
@@ -2035,9 +2875,10 @@ export function ConsoleAppV4(props) {
             && result.returnRoute?.name === 'pluginDetail';
         const configOperation = operationKind === 'configSave' || operationKind === 'configReset'
             ? operationKind : undefined;
+        const successfulConfigOperation = configOperation !== undefined && !blocked && !partial;
         const sourceOperation = operationKind === 'sourceMutation';
         const sourceRefreshWarning = sourceOperation && 'summary' in result
-            && result.summary.messages?.some((message) => message.startsWith('警告：'));
+            && result.summary?.messages?.some((message) => message.startsWith('警告：'));
         const issueOperation = result.originIssue;
         const completedTitle = {
             install: '✓ 插件添加完成',
@@ -2059,7 +2900,9 @@ export function ConsoleAppV4(props) {
                             ? blocked
                                 ? '× 设置未确认保存'
                                 : partial ? '! 设置已保存，但部分应用失败' : '✓ 设置已保存并应用'
-                            : partial ? '! 插件操作只完成了一部分' : blocked ? '× 插件操作未完成' : completedTitle;
+                            : partial ? '! 插件操作只完成了一部分'
+                                : blocked ? result.code === 'operationFailed' ? '× 插件操作没有完成' : '× 插件操作未完成'
+                                    : completedTitle;
         description = portableOperation
             ? blocked
                 ? result.code === 'operationReviewExpired' || result.code === 'reviewTicketExpired'
@@ -2090,16 +2933,29 @@ export function ConsoleAppV4(props) {
                                 : '来源配置已保存，刷新已完成。'
                         : blocked ? result.message
                             : configOperation ? '设置层已经更新。' : '状态已刷新。';
-        const completedResult = result.state === 'succeeded' || result.state === 'partial'
-            ? result
-            : undefined;
-        const pluginId = completedResult?.summary.pluginId
+        const pluginId = resultSummary?.pluginId
             ?? ('pluginId' in result ? result.pluginId : undefined);
-        const failedTarget = completedResult?.summary.targets
+        const configOrigin = successfulConfigOperation && pluginId
+            ? props.controller.configOrigin(pluginId)
+            : undefined;
+        const dependencyTargets = resultSummary?.targets?.some((target) => target.relation) ?? false;
+        const blockedDependencyFailure = blocked && result.code === 'operationFailed' && dependencyTargets;
+        const dependencyRecovery = (partial && dependencyTargets) || blockedDependencyFailure;
+        if (blockedDependencyFailure) {
+            title = '× 依赖安装没有完成';
+            description = '依赖目标失败，后续目标未执行。可以查看失败项或重试失败的依赖。';
+        }
+        const failedTarget = resultSummary?.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 failedTargetPluginId = failedTarget?.pluginId;
+        const failedPluginId = dependencyRecovery
+            ? failedTargetPluginId
+            : failedTargetPluginId && props.controller.getPluginOverview(failedTargetPluginId)
+                ? failedTargetPluginId : pluginId;
+        const failedPluginPlatforms = failedPluginId
+            ? props.controller.getPluginOverview(failedPluginId)?.supportedPlatforms : undefined;
         const failedIssue = failedPluginId && failedTarget
             ? props.controller.listUserIssues().find((candidate) => (candidate.pluginId === failedPluginId || candidate.dependencyPluginId === failedPluginId)
                 && candidate.platform === failedTarget.platform
@@ -2121,7 +2977,7 @@ export function ConsoleAppV4(props) {
                 && (candidate.scope ?? failedIssue.scope) === failedTarget?.scope)
             : undefined;
         actions = portableOperation
-            ? [
+            ? blocked || partial ? [
                 { label: blocked || partial ? '返回修改' : portableOriginIsDetail ? '返回插件详情' : '返回插件预览', run: async () => {
                         if (!pluginId) {
                             leaveResult();
@@ -2153,8 +3009,19 @@ export function ConsoleAppV4(props) {
                     } },
                 { label: portableOriginIsDetail ? '返回插件详情' : '返回插件预览', run: () => { if (pluginId)
                         props.controller.resetPortableFlowToPreview(pluginId); } },
+            ] : [
+                { label: portableOriginIsDetail ? '返回插件详情' : '返回插件预览', run: () => {
+                        props.controller.discardPortableDraft();
+                        leaveResult();
+                    } },
+                { label: '再安装其他 Skills…', run: async () => {
+                        if (!pluginId)
+                            return;
+                        props.controller.resetPortableFlowToPreview(pluginId);
+                        await beginPortable(pluginId);
+                    } },
             ]
-            : issueOperation
+            : issueOperation && !dependencyRecovery
                 ? blocked || partial
                     ? [
                         { label: '返回问题详情', run: () => blocked
@@ -2177,19 +3044,32 @@ export function ConsoleAppV4(props) {
                             { label: '返回设置', run: () => leaveResult() },
                             { label: '返回首页', run: () => leaveResult({ name: 'home' }) },
                         ]
-                        : [{ label: partial ? '查看失败项' : configOperation ? '查看插件' : action === 'uninstall' || action === 'cleanup' ? '返回插件详情' : '查看插件', run: () => {
-                                    if (partial && pluginId && failedTarget) {
+                        : [{ label: partial || blockedDependencyFailure ? '查看失败项' : successfulConfigOperation && configOrigin
+                                    ? configOrigin?.name === 'pluginPreview' ? '返回插件预览' : '返回插件详情'
+                                    : configOperation ? '查看插件'
+                                        : action === 'uninstall' || action === 'cleanup' ? '返回插件详情' : '查看插件', run: () => {
+                                    if (successfulConfigOperation && configOrigin) {
+                                        leaveResult();
+                                        return;
+                                    }
+                                    if ((partial || blockedDependencyFailure) && failedPluginId && failedTarget) {
                                         if (failedIssue)
                                             leaveResult({ name: 'issueDetail', issueId: failedIssue.issueId });
+                                        else if (failedPluginPlatforms?.includes(failedTarget.platform)) {
+                                            leaveResult({ name: 'platform', pluginId: failedPluginId, platform: failedTarget.platform });
+                                        }
+                                        else if (snapshot.viewModel?.plugins.some((entry) => entry.pluginId === failedPluginId)) {
+                                            leaveResult({ name: 'pluginDetail', pluginId: failedPluginId });
+                                        }
                                         else
-                                            leaveResult({ name: 'platform', pluginId, platform: failedTarget.platform });
+                                            leaveResult({ name: 'pluginList', mode: 'installed' });
                                     }
                                     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 ? [{
+                                } }, ...((partial || blockedDependencyFailure) && failedPluginId && failedTarget && retryAction ? [{
                                     label: '重试失败部分…',
                                     run: () => {
                                         const issueIntent = failedIssue && retryIssueAction
@@ -2204,20 +3084,65 @@ export function ConsoleAppV4(props) {
                                         });
                                     },
                                 }] : []), { 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 visibleMessages = resultSummary?.messages?.slice(policy.mode === 'compact' ? -2 : -4) ?? [];
         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 })] });
+        const resultStatus = blocked ? 'error' : partial ? 'warning' : 'success';
+        const resultTargets = resultSummary?.targets ?? [];
+        const hasPreservedTarget = resultTargets.some((target) => target.state === 'completed' || target.state === 'kept');
+        const prioritizedTargets = [...resultTargets].sort((left, right) => {
+            const priority = (target) => target.state === 'failed' ? 0
+                : target.state === 'skipped' ? 1 : target.relation === 'requested' ? 2 : 3;
+            return priority(left) - priority(right);
+        });
+        const resultActionViewport = actionViewport(actions, true, focus, scrollOffset, pageActionBudget(8));
+        const resultExtraRows = (resultSummary?.elapsedMs !== undefined ? 1 : 0)
+            + visibleMessages.length
+            + (partial && hasPreservedTarget && resultTargets.some((target) => target.state === 'skipped') ? 1 : 0);
+        const resultTargetLimit = prefixRowLimit(prioritizedTargets.map(() => policy.mode === 'compact' ? 1 : 2), pageActionBudget() - 3 - resultActionViewport.limit - resultExtraRows);
+        const visibleResultTargets = prioritizedTargets.slice(0, resultTargetLimit);
+        const hiddenResultTargets = resultTargets.length - visibleResultTargets.length;
+        const portableMissingSkills = new Set(portableReceipt?.missing.map((entry) => entry.skill) ?? []);
+        const portableSelectedSkills = portableReceipt?.selectedSkills
+            ?? snapshot.portableDraft?.candidates.filter((candidate) => candidate.selected).map((candidate) => candidate.name)
+            ?? [];
+        const prioritizedPortableSkills = [...portableSelectedSkills].sort((left, right) => Number(portableMissingSkills.has(right)) - Number(portableMissingSkills.has(left)));
+        const portableTechnicalSummary = showTechnical && (partial || blocked);
+        const portableSkillLimit = showTechnical ? 1 : responsiveBudget(2, 6);
+        const visiblePortableSkills = prioritizedPortableSkills.slice(0, portableSkillLimit);
+        const hiddenPortableSkills = prioritizedPortableSkills.length - visiblePortableSkills.length;
+        const portableRows = visiblePortableSkills.map((skill) => {
+            const missing = portableMissingSkills.has(skill);
+            const status = blocked || portableReceipt?.verificationUnknown ? 'warning'
+                : missing ? 'warning' : 'success';
+            const meta = blocked ? result.writeMayHaveCompleted ? '结果未知' : '未执行'
+                : portableReceipt?.verificationUnknown ? '结果未知'
+                    : missing ? '未完成 · 缺少目标' : '已安装';
+            return _jsx(ResultRow, { title: skill, meta: meta, status: status, compact: true }, skill);
+        });
+        const compactTechnicalRows = portableReceipt ? [
+            portableReceipt.failureCode
+                ? _jsx(StaticRow, { title: "failure code", meta: portableReceipt.failureCode, compact: true }, "failure-code")
+                : _jsx(StaticRow, { title: "materialization digest", meta: portableReceipt.materializationDigest, compact: true }, "materialization-digest"),
+            _jsx(StaticRow, { title: "\u5176\u4F59\u6280\u672F\u5B57\u6BB5\u5DF2\u6298\u53E0", meta: "\u6458\u8981\u5DF2\u4FDD\u7559", status: "muted", compact: true }, "folded-fields"),
+        ] : [
+            _jsx(StaticRow, { title: "failure code", meta: 'code' in result ? result.code : 'operationFailed', compact: true }, "failure-code"),
+            _jsx(StaticRow, { title: "\u5176\u4F59\u6280\u672F\u5B57\u6BB5\u5DF2\u6298\u53E0", meta: "\u672C\u6B21\u5199\u5165\u6CA1\u6709\u5B89\u5168 receipt", status: "muted", compact: true }, "folded-fields"),
+        ];
+        content = portableOperation ? _jsxs(Box, { flexDirection: "column", children: [portableTechnicalSummary ? _jsxs(_Fragment, { children: [portableRows, hiddenPortableSkills > 0 ? _jsx(StaticRow, { title: `另有 ${hiddenPortableSkills} 个 Skills`, status: "muted", compact: true }) : null, portableReceipt?.recovery ? _jsx(StaticRow, { title: "\u5B89\u5168\u6062\u590D", meta: portableReceipt.recovery, status: "warning", compact: true }) : null, _jsx(TechnicalDetails, { children: compactTechnicalRows })] }) : _jsx(_Fragment, { children: _jsxs(ResultCard, { status: resultStatus, title: blocked ? '安装未开始或结果未确认' : partial ? '部分 Skills 未确认' : '通用 Skills 安装结果', children: [portableRows, hiddenPortableSkills > 0 ? _jsx(StaticRow, { title: `另有 ${hiddenPortableSkills} 个 Skills`, status: "muted", compact: true }) : null, portableReceipt ? _jsx(StaticRow, { title: `Agent：${portableReceipt.agentMode === 'automatic' ? 'Skills CLI 默认选择' : portableReceipt.requestedAgents.join('、')}`, meta: `范围：${scopeLabel(portableReceipt.scope)}`, compact: true }) : null, portableReceipt?.recovery ? policy.mode === 'compact'
+                                ? _jsx(StaticRow, { title: "\u5B89\u5168\u6062\u590D", meta: portableReceipt.recovery, status: "warning", compact: true })
+                                : _jsx(Callout, { status: "warning", title: "\u5B89\u5168\u6062\u590D", description: portableReceipt.recovery }) : null, showTechnical && portableReceipt ? _jsxs(TechnicalDetails, { children: [portableReceipt.failureCode ? _jsx(StaticRow, { title: "failure code", meta: portableReceipt.failureCode, compact: true }) : null, _jsx(StaticRow, { title: "verification missing", meta: String(portableReceipt.missing.length), compact: true }), _jsx(StaticRow, { title: "Skills CLI version", meta: portableReceipt.skillsCliVersion, compact: true }), partial || blocked
+                                        ? _jsx(StaticRow, { title: "\u53E6\u6709\u6280\u672F\u5B57\u6BB5\u5DF2\u6298\u53E0", meta: "materialization digest \u00B7 elapsed", status: "muted", compact: true })
+                                        : _jsxs(_Fragment, { children: [_jsx(StaticRow, { title: "materialization digest", meta: portableReceipt.materializationDigest, compact: true }), resultSummary?.elapsedMs !== undefined ? _jsx(StaticRow, { title: "elapsed", meta: `${resultSummary.elapsedMs} ms`, compact: true }) : null] })] }) : null, showTechnical && !portableReceipt ? _jsxs(TechnicalDetails, { children: [_jsx(StaticRow, { title: "failure code", meta: 'code' in result ? result.code : 'operationFailed', compact: true }), _jsx(StaticRow, { title: "\u5176\u4F59\u6280\u672F\u5B57\u6BB5", meta: "\u672C\u6B21\u5199\u5165\u6CA1\u6709\u751F\u6210\u5B89\u5168 receipt", status: "muted", compact: true })] }) : null] }) }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: true, offset: resultActionViewport.offset, limit: resultActionViewport.limit })] }) : _jsxs(Box, { flexDirection: "column", children: [_jsxs(ResultCard, { status: resultStatus, title: blockedDependencyFailure ? '依赖安装没有完成' : blocked ? `${result.writeMayHaveCompleted ? '结果未确认' : '操作未完成'} · ${result.code}` : sourceOperation ? '来源配置写入已完成' : dependencyTargets ? partial ? '依赖安装没有全部完成' : '操作已完成' : resultSummary?.message ?? '状态已变化，请重新确认', children: [visibleResultTargets.map((target) => { const state = operationTargetStateLabel(target.state); const relation = target.relation === 'requested' ? '你选择的插件' : target.relation === 'direct' ? '直接依赖' : target.relation === 'transitive' ? '间接依赖' : undefined; return _jsx(ResultRow, { title: resultTargetName(target), description: relation, meta: state.label, status: state.status ?? 'muted', compact: policy.mode === 'compact' }, `${target.pluginId ?? ''}:${target.platform}:${target.scope}`); }), hiddenResultTargets > 0 ? _jsx(StaticRow, { title: `另有 ${hiddenResultTargets} 个目标`, status: "muted", compact: true }) : null, partial && hasPreservedTarget && resultTargets.some((target) => target.state === 'skipped') ? _jsx(StaticRow, { title: "\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", status: "muted", compact: true }) : null, resultSummary?.elapsedMs !== undefined ? _jsx(StaticRow, { title: "\u5DF2\u7528\u65F6", meta: `${Math.floor(resultSummary.elapsedMs / 1_000)}s` }) : null, visibleMessages.map((message, index) => _jsx(StaticRow, { title: message, status: "muted", compact: true }, `${index}:${message}`))] }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: true, offset: resultActionViewport.offset, limit: resultActionViewport.limit })] });
     }
     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 })] });
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsxs(SectionCard, { children: [_jsx(StaticRow, { title: "\u7248\u672C", meta: plugin.version ?? '未知' }), _jsx(StaticRow, { title: "\u6765\u6E90", meta: plugin.sourceLabel }), _jsx(StaticRow, { title: "\u53EF\u7528\u76EE\u6807\u5E73\u53F0", meta: plugin.supportedPlatforms.map(platformLabel).join('、') }), _jsx(StaticRow, { title: "\u914D\u7F6E", meta: `${plugin.configFieldCount} 个字段` })] }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact' })] });
     }
     else if (route.name === 'pluginTechnical' && plugin) {
         breadcrumb = `${plugin.displayName} / 技术详情`;
@@ -2225,18 +3150,67 @@ export function ConsoleAppV4(props) {
         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 })] });
+        const prioritizedComponents = [...plugin.technicalComponents].sort((left, right) => {
+            const priority = (state) => state === 'error' ? 0
+                : state === 'partial' ? 1 : state === 'absent' ? 2 : 3;
+            return priority(left.state) - priority(right.state);
+        });
+        const detailRowBudget = responsiveBudget(9, 15);
+        const componentRowBudget = Math.max(1, detailRowBudget - 2 - plugin.installedPlacements.length);
+        const componentLimit = prioritizedComponents.length > componentRowBudget
+            ? Math.max(1, componentRowBudget - 1)
+            : componentRowBudget;
+        const visibleComponents = prioritizedComponents.slice(0, componentLimit);
+        const hiddenComponents = prioritizedComponents.length - visibleComponents.length;
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsxs(TechnicalDetails, { children: [_jsx(StaticRow, { title: "canonical pluginId", meta: plugin.pluginId }), _jsx(StaticRow, { title: "\u6765\u6E90", meta: plugin.sourceId }), plugin.installedPlacements.map((placement) => _jsx(StaticRow, { title: `${platformLabel(placement.platform)} target`, meta: placementStatus(placement).value }, placement.platform)), visibleComponents.map((component) => _jsx(StaticRow, { title: `组件 · ${component.state === 'absent' ? '缺失' : component.state}${component.errorCode ? ` · ${component.errorCode}` : ''} · ${component.key} · ${platformLabel(component.platform)} · ${scopeLabel(component.scope)}` }, `${component.platform}:${component.scope}:${component.key}`)), hiddenComponents > 0 ? _jsx(StaticRow, { title: `另有 ${hiddenComponents} 个组件`, status: "muted", compact: true }) : null] }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact' })] });
     }
     else {
         breadcrumb = '后续阶段';
         title = '此业务页将在后续阶段接入';
         description = '当前阶段只实现插件发现、安装和维护页面。';
         actions = [{ label: '返回上一页', run: back }];
-        content = _jsx(ActionRows, { actions: actions, focus: focus });
+        content = _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact' });
+    }
+    if (canOpenHelp && supportsTechnicalDetails) {
+        const technicalHelp = route.name === 'progress' ? 'd 技术进度' : 'd 技术详情';
+        const remainingHelp = help.replace(' · ? 帮助', '').replace('? 帮助 · ', '');
+        help = `${technicalHelp} · ? 帮助 · ${remainingHelp}`;
     }
+    else if (canOpenHelp && !help.includes('? 帮助')) {
+        help = `? 帮助 · ${help}`;
+    }
+    const targetActionSignature = route.name === 'installTargets' && route.view !== 'blocked'
+        ? actions.map((action) => String(Boolean(action.disabled))).join(',')
+        : '';
+    useEffect(() => {
+        if (!targetActionSignature || !actions[focus]?.disabled)
+            return;
+        const firstEnabled = actions.findIndex((action) => !action.disabled);
+        if (firstEnabled < 0)
+            return;
+        setFocus(firstEnabled);
+        setScrollOffset(0);
+    }, [focus, targetActionSignature]);
+    useEffect(() => {
+        if (!dynamicActionIds || dynamicActionSignature === undefined) {
+            dynamicMenuFocus.current = undefined;
+            return;
+        }
+        if (effectiveFocus !== focus) {
+            setFocus(effectiveFocus);
+            setScrollOffset(0);
+        }
+        dynamicMenuFocus.current = {
+            routeKey,
+            actionIds: dynamicActionSignature,
+            focusedActionId: dynamicActionIds[effectiveFocus],
+        };
+    }, [dynamicActionSignature, routeKey]);
     const runAction = (action) => {
+        if (!action || action.disabled)
+            return;
         try {
-            const pending = action?.run?.();
+            const pending = action.run?.();
             if (pending)
                 void pending.catch(() => {
                     setActionError('操作未完成。请重新检查后重试。');
@@ -2247,11 +3221,37 @@ export function ConsoleAppV4(props) {
         }
     };
     useInput((input, key) => {
+        if (!overlay && route.name === 'reviewPreparing' && snapshot.reviewPreparation?.state === 'failed'
+            && (key.escape || input.toLowerCase() === 'b')) {
+            back();
+            return;
+        }
+        if (preparationRunning) {
+            if (key.escape || input.toLowerCase() === 'b') {
+                back();
+            }
+            else if (input.toLowerCase() === 'q' || (key.ctrl && input.toLowerCase() === 'c')) {
+                setExitAfterPreparation(true);
+            }
+            return;
+        }
         if (busy) {
-            if (input.toLowerCase() === 'q' || (key.ctrl && input.toLowerCase() === 'c')) {
+            if (overlay === 'help') {
+                if (key.escape || key.return || input.toLowerCase() === 'b' || input === '?') {
+                    setOverlay(undefined);
+                }
+                else if (key.ctrl && input.toLowerCase() === 'c') {
+                    setExitAfterBusy(true);
+                }
+            }
+            else if (input.toLowerCase() === 'q' || (key.ctrl && input.toLowerCase() === 'c')) {
                 setExitAfterBusy(true);
             }
-            else if (!tooSmall && input.toLowerCase() === 'd') {
+            else if (canOpenHelp && input === '?') {
+                setOverlayFocus(0);
+                setOverlay('help');
+            }
+            else if (!tooSmall && supportsTechnicalDetails && input.toLowerCase() === 'd') {
                 setShowTechnical((value) => !value);
             }
             return;
@@ -2272,7 +3272,8 @@ export function ConsoleAppV4(props) {
                 return;
             }
             if (key.leftArrow || key.rightArrow || key.upArrow || key.downArrow) {
-                setOverlayFocus((value) => value === 0 ? 1 : 0);
+                if (overlay !== 'help')
+                    setOverlayFocus((value) => value === 0 ? 1 : 0);
                 return;
             }
             if (key.return) {
@@ -2314,7 +3315,7 @@ export function ConsoleAppV4(props) {
             if (key.return) {
                 try {
                     const normalizedInput = portableAgentInput.trim();
-                    const agents = normalizePortableAgents(normalizedInput ? normalizedInput.split(/\s+/u) : []);
+                    const agents = normalizePortableAgents(normalizedInput ? normalizedInput.split(/[\s,]+/u) : []);
                     props.controller.setPortableAgentMode('explicit', agents);
                     setInputError(undefined);
                     go({ name: 'portableScope', pluginId: route.pluginId });
@@ -2475,11 +3476,10 @@ export function ConsoleAppV4(props) {
         }
         if (key.tab && (route.name === 'configLayer'
             || route.name === 'configFields'
-            || route.name === 'configFieldEditor'
-            || route.name === 'configPresets')) {
+            || route.name === 'configFieldEditor')) {
             return;
         }
-        if (input === '?') {
+        if (canOpenHelp && input === '?') {
             setOverlayFocus(0);
             setOverlay('help');
         }
@@ -2488,18 +3488,11 @@ export function ConsoleAppV4(props) {
             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')) {
+        else if (input.toLowerCase() === 'd' && supportsTechnicalDetails) {
             setShowTechnical((value) => !value);
         }
         else if ((key.escape || input.toLowerCase() === 'b')
-            && (route.name === 'configFieldEditor'
-                || route.name === 'configPresets'
-                || (route.name === 'configFields' && Boolean(route.groupId)))) {
+            && route.name === 'configFieldEditor') {
             back();
         }
         else if (key.escape || input.toLowerCase() === 'b') {
@@ -2514,6 +3507,23 @@ export function ConsoleAppV4(props) {
         else if (route.name === 'pluginList' && input === '/') {
             setSearchMode(true);
         }
+        else if (route.name === 'pluginList' && route.mode === 'browse' && input.toLowerCase() === 'f') {
+            const selectedPluginId = pluginRows[focus]?.pluginId;
+            const nextFilter = installFilter === 'all' ? 'uninstalled' : 'all';
+            const nextItems = props.controller.listPlugins({
+                mode: route.mode,
+                ...(route.sourceId ? { sourceId: route.sourceId } : {}),
+                ...(query ? { query } : {}),
+                installFilter: nextFilter,
+            });
+            const retained = selectedPluginId
+                ? nextItems.findIndex((item) => item.pluginId === selectedPluginId)
+                : -1;
+            setInstallFilter(nextFilter);
+            props.controller.updatePageContext({ installFilter: nextFilter });
+            setFocus(retained >= 0 ? retained : 0);
+            setScrollOffset(0);
+        }
         else if (route.name === 'configFields' && route.layer.scope !== 'effective' && input.toLowerCase() === 's') {
             if (dirty)
                 void beginConfigSave();
@@ -2523,6 +3533,15 @@ export function ConsoleAppV4(props) {
             if (key)
                 removeDraft(key);
         }
+        else if (route.name === 'configFields' && visibleConfigTabs.length > 1
+            && (key.leftArrow || key.rightArrow)) {
+            const current = Math.max(0, visibleConfigTabs.findIndex((tab) => tab.id === activeConfigTabId));
+            const direction = key.leftArrow ? -1 : 1;
+            const next = visibleConfigTabs[(current + direction + visibleConfigTabs.length) % visibleConfigTabs.length];
+            props.controller.updatePageContext({ configGroupId: next.id, focusIndex: 0, scrollOffset: 0 });
+            setFocus(0);
+            setScrollOffset(0);
+        }
         else if (input.toLowerCase() === 'r' && route.name === 'sourceDetail') {
             void props.controller.refreshSource(route.sourceId);
         }
@@ -2538,13 +3557,14 @@ export function ConsoleAppV4(props) {
                 mode: route.mode,
                 ...(current !== 'all' ? { sourceId: current } : {}),
                 ...(query ? { query } : {}),
+                installFilter,
             })[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 nextItems = props.controller.listPlugins({ mode: route.mode, ...(next !== 'all' ? { sourceId: next } : {}), ...(query ? { query } : {}), installFilter });
             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 });
+            props.controller.replace({ name: 'pluginList', mode: route.mode, ...(next !== 'all' ? { sourceId: next } : {}) }, { ...snapshot.router.current.context, query, installFilter, sourceTabId: next });
             setFocus(retained >= 0 ? retained : 0);
             setScrollOffset(retained >= 4 ? retained - 3 : 0);
         }
@@ -2558,56 +3578,68 @@ export function ConsoleAppV4(props) {
         }
         else if (key.upArrow || input.toLowerCase() === 'k') {
             setFocus((value) => {
-                const next = moveFocus(actions, value, -1);
+                const current = dynamicActionIds ? effectiveFocus : value;
+                const next = pluginRows.length > 0 ? moveIndex(pluginRows.length, current, -1) : moveFocus(actions, current, -1);
+                if (dynamicActionIds && dynamicActionSignature !== undefined) {
+                    dynamicMenuFocus.current = {
+                        routeKey,
+                        actionIds: dynamicActionSignature,
+                        focusedActionId: dynamicActionIds[next],
+                    };
+                }
                 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);
+                    ? portableSkillCandidateViewport(actions.slice(0, snapshot.portableDraft.candidates.length), snapshot.portableDraft.candidates, policy.mode === 'compact', next, scrollOffset, pageActionBudget(actions.length - snapshot.portableDraft.candidates.length
+                        + (portableVariantCandidates.length > 0 ? 3 : 0)))
+                    : actionViewport(actions, policy.mode === 'compact', next, scrollOffset, pageActionBudget());
                 setScrollOffset(viewport.offset);
                 return next;
             });
         }
         else if (key.downArrow || input.toLowerCase() === 'j') {
             setFocus((value) => {
-                const next = moveFocus(actions, value, 1);
+                const current = dynamicActionIds ? effectiveFocus : value;
+                const next = pluginRows.length > 0 ? moveIndex(pluginRows.length, current, 1) : moveFocus(actions, current, 1);
+                if (dynamicActionIds && dynamicActionSignature !== undefined) {
+                    dynamicMenuFocus.current = {
+                        routeKey,
+                        actionIds: dynamicActionSignature,
+                        focusedActionId: dynamicActionIds[next],
+                    };
+                }
                 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);
+                    ? portableSkillCandidateViewport(actions.slice(0, snapshot.portableDraft.candidates.length), snapshot.portableDraft.candidates, policy.mode === 'compact', next, scrollOffset, pageActionBudget(actions.length - snapshot.portableDraft.candidates.length
+                        + (portableVariantCandidates.length > 0 ? 3 : 0)))
+                    : actionViewport(actions, policy.mode === 'compact', next, scrollOffset, pageActionBudget());
                 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 && route.name === 'pluginList' && pluginRows[focus]) {
+            go(route.mode === 'browse'
+                ? { name: 'pluginPreview', pluginId: pluginRows[focus].pluginId }
+                : { name: 'pluginDetail', pluginId: pluginRows[focus].pluginId });
         }
         else if (key.return) {
-            runAction(actions[focus]);
+            runAction(actions[effectiveFocus]);
         }
     });
     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" })] }) }));
+        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: _jsx(Callout, { status: "warning", title: "\u2194 \u8BF7\u5C06\u7EC8\u7AEF\u8C03\u6574\u5230\u81F3\u5C11 60 \u00D7 18", description: "\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] })] }));
+    const helpRows = helpRowsForRoute(route, actions.length, supportsTechnicalDetails, busy);
+    const overlayActions = overlay === 'help'
+        ? [{ label: '关闭' }]
+        : [
+            { label: overlay === 'discard' ? '继续编辑' : '继续使用' },
+            { label: overlay === 'discard' ? '放弃修改' : '退出', status: 'error' },
+        ];
+    return (_jsxs(Box, { position: "relative", width: size.columns, height: size.rows, children: [_jsx(Box, { children: overlay === 'help' ? null : base }), _jsx(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", children: _jsxs(ReviewCard, { title: overlay === 'help' ? '当前页快捷键' : overlay === 'discard' ? '放弃未保存修改？' : '退出控制台？', children: [overlay === 'help'
+                            ? _jsx(_Fragment, { children: helpRows.map(([key, value]) => _jsx(StaticRow, { title: `${key}  ${value}`, compact: true }, key)) })
+                            : _jsx(StaticRow, { title: overlay === 'discard' ? '放弃后将返回上一页。' : '进行中的写操作会先完成。', status: "muted" }), _jsx(SemanticRows, { actions: overlayActions, focus: overlayFocus, kind: "action", compact: true })] }) })] }));
 }
 //# sourceMappingURL=console-app-v4.js.map