@lesliechan721/aw 0.1.0-beta.27 → 0.1.0-beta.29

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

@@ -43,11 +43,13 @@ function pluginFilterLabel(filter) {
 function paginationActions(options) {
     return [
         {
+            actionId: 'pagination-previous',
             label: 'p 上一页',
             disabled: options.offset <= 0 ? '已在第一页' : undefined,
             run: () => options.move(-1),
         },
         {
+            actionId: 'pagination-next',
             label: 'n 下一页',
             disabled: options.offset + options.pageRows >= options.total ? '已在最后一页' : undefined,
             run: () => options.move(1),
@@ -1091,6 +1093,10 @@ export function ConsoleAppV4(props) {
     const [sourceDraft, setSourceDraft] = useState();
     const [batchDraft, setBatchDraft] = useState();
     const [batchTargetOffset, setBatchTargetOffset] = useState(0);
+    const [portableResultDetailOpen, setPortableResultDetailOpen] = useState(false);
+    const [portableResultDetailOffset, setPortableResultDetailOffset] = useState(0);
+    const portableResultDetailPairKey = useRef(undefined);
+    const portableResultDetailReturnFocus = useRef(0);
     const [expandedDependencyPluginIds, setExpandedDependencyPluginIds] = useState();
     const [sourceInput, setSourceInput] = useState('');
     const [sourceInputError, setSourceInputError] = useState();
@@ -1106,6 +1112,7 @@ export function ConsoleAppV4(props) {
     const [sourceDependenciesExpanded, setSourceDependenciesExpanded] = useState(false);
     const [portableAgentInput, setPortableAgentInput] = useState('');
     const [portableSelectionView, setPortableSelectionView] = useState('all');
+    const [portableToolsOpen, setPortableToolsOpen] = useState(false);
     const [reportSaveMode, setReportSaveMode] = useState(false);
     const [reportSavePath, setReportSavePath] = useState('');
     const [reportSaveResult, setReportSaveResult] = useState();
@@ -1114,6 +1121,7 @@ export function ConsoleAppV4(props) {
     const dynamicMenuFocus = useRef(undefined);
     const pluginListFocusId = useRef(undefined);
     const dependencyGraphContexts = useRef(new Map());
+    const selectedDependencyReferenceIndex = useRef(0);
     const externalDraftRevision = useRef({ config: 0, source: 0, batch: 0 });
     const previousExternalDraftValues = useRef({
         configDrafts, configCandidate, objectDrafts, changedObjectDraftKeys, sourceDraft, batchDraft,
@@ -1164,6 +1172,11 @@ export function ConsoleAppV4(props) {
         const timer = setInterval(() => setClockTick((value) => value + 1), 1_000);
         return () => clearInterval(timer);
     }, [busy, route.name === 'progress' ? route.operationId : '']);
+    useEffect(() => {
+        setPortableResultDetailOpen(false);
+        setPortableResultDetailOffset(0);
+        portableResultDetailPairKey.current = undefined;
+    }, [route.name, route.name === 'result' ? route.operationId : '']);
     const tooSmall = policy.mode === 'too-small';
     const requestExit = (request) => {
         if (exitSent.current)
@@ -1852,6 +1865,10 @@ export function ConsoleAppV4(props) {
             setSourceReferenceSummary({ blocked: true, inventoryComplete: false, dependencies: [] }); });
         return () => abort.abort();
     }, [props.controller, route.name, route.name === 'sourceRemoveBlocked' ? route.sourceId : '']);
+    useEffect(() => {
+        if (route.name !== 'portableSkillSelect')
+            setPortableToolsOpen(false);
+    }, [route.name]);
     const screenId = resolveConsoleV4ScreenId(snapshot, props.controller, overlay, tooSmall, searchFocus);
     const portableVariantCandidates = route.name === 'portableSkillSelect' && snapshot.portableDraft
         ? snapshot.portableDraft.candidates.filter(portableScopeVariantsDiffer)
@@ -1862,6 +1879,7 @@ export function ConsoleAppV4(props) {
             : snapshot.portableDraft.candidates
         : [];
     const supportsTechnicalDetails = snapshot.phase === 'error'
+        || Boolean(snapshot.projectIntentIssue)
         || Boolean(route.name === 'reviewPreparing' && snapshot.reviewPreparation?.code)
         || Boolean(route.name === 'progress' && snapshot.progress.messages.length > 0)
         || Boolean(route.name === 'review' && snapshot.activeReview?.technicalDetails?.length)
@@ -1869,6 +1887,7 @@ export function ConsoleAppV4(props) {
             && issue.diagnostic.technical)
         || Boolean(route.name === 'pluginDependencies' && plugin)
         || Boolean(route.name === 'pluginDependencyNode' && plugin)
+        || route.name === 'catalogStoreRules'
         || portableVariantCandidates.length > 0
         || Boolean(route.name === 'portableDependencies' && plugin
             && props.controller.getPluginDependencyOverview(plugin.pluginId)?.dependencies.length)
@@ -1893,6 +1912,7 @@ export function ConsoleAppV4(props) {
     let confirmationPagination;
     let pluginRows = [];
     let pinnedActions = [];
+    let selectAllPortableCandidates;
     let togglePluginListFilter;
     let movePluginListSource;
     let visibleConfigTabs = [];
@@ -1926,11 +1946,32 @@ export function ConsoleAppV4(props) {
         : route.name === 'pluginDetail' ? policy.mode === 'compact' ? 6 : 8
             : route.name === 'operationHistory' ? 4
                 : route.name === 'operationReportPreview' ? 5 : 0;
+    let currentActionViewportLineBudget = pageActionBudget(actionViewportStaticRows);
+    let portableResultDetailPagination;
     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 sourceTechnicalPageRows = policy.mode === 'compact'
+        ? 1 : Math.max(1, responsiveBudget(5, 10) - 1);
+    const resolveSourceTechnicalDiagnostic = (sourceId) => {
+        const overview = props.controller.getSourceOverview(sourceId);
+        return sourceDiagnostic(sourceId, overview.health?.state ?? overview.source?.state, overview.detail, props.controller.getCatalogGeneration(sourceId), props.controller.getCatalogFreshness(sourceId)) ?? {
+            severity: 'warning',
+            title: '来源解析详情',
+            userMessage: '来源当前可用。',
+            impact: [{ state: 'preserved', message: '当前来源状态没有阻止操作。' }],
+            nextStep: '返回来源详情。',
+            technical: {
+                code: 'catalogSourceReady',
+                stage: 'resolve-source',
+                sourceId,
+                ...(overview.detail?.requestedRef ? { requestedRef: overview.detail.requestedRef } : {}),
+                ...(overview.detail?.resolvedCommit ? { resolvedCommit: overview.detail.resolvedCommit } : {}),
+            },
+        };
+    };
     const moveBatchTargetPage = (total, pageRows, direction) => {
         const lastOffset = Math.max(0, total - 1);
         setBatchTargetOffset((value) => Math.min(lastOffset, Math.max(0, value + direction * pageRows)));
@@ -1964,8 +2005,16 @@ export function ConsoleAppV4(props) {
         setActionError(undefined);
     };
     const toggleTechnical = () => {
+        if (portableResultDetailOpen)
+            setFocus(portableResultDetailReturnFocus.current);
+        setPortableResultDetailOpen(false);
+        setPortableResultDetailOffset(0);
         setShowTechnical((value) => !value);
-        setBatchTargetOffset(0);
+        if (!(route.name === 'result' && snapshot.result
+            && 'operationKind' in snapshot.result
+            && snapshot.result.operationKind === 'portableInstall')) {
+            setBatchTargetOffset(0);
+        }
     };
     const restorePageContext = () => {
         const restoredFrame = props.controller.snapshot.router.current;
@@ -3065,10 +3114,22 @@ export function ConsoleAppV4(props) {
     else if (rendererFamily === 'home' && route.name === 'home') {
         const home = snapshot.viewModel.home;
         const projectReminder = snapshot.projectIntentReminder;
+        const projectIntentIssue = snapshot.projectIntentIssue;
         const projectPendingCount = (projectReminder?.actionableTargets.length ?? 0)
             + (projectReminder?.blockedTargets.length ?? 0);
         context = '当前项目';
         actions = [
+            ...(projectIntentIssue ? [{
+                    actionId: 'project-intent-issue',
+                    label: projectIntentIssue.state === 'invalid'
+                        ? '本项目插件声明无效'
+                        : '无法读取本项目插件声明',
+                    description: projectIntentIssue.state === 'invalid'
+                        ? '本项目插件声明无效；修复后重新加载'
+                        : '无法读取本项目插件声明；检查项目位置或权限后重新加载',
+                    status: 'warning',
+                    run: () => toggleTechnical(),
+                }] : []),
             ...(projectPendingCount > 0 ? [{
                     label: '项目插件',
                     description: projectReminder.actionableTargets.length > 0
@@ -3093,12 +3154,16 @@ export function ConsoleAppV4(props) {
                 run: () => go({ name: 'sourceList' }),
             },
         ];
-        content = _jsxs(Box, { flexDirection: "column", children: [projectPendingCount > 0
+        content = _jsxs(Box, { flexDirection: "column", children: [projectIntentIssue && !showTechnical
+                    ? _jsx(StaticRow, { status: "warning", title: projectIntentIssue.state === 'invalid'
+                            ? '本项目插件声明无效'
+                            : '无法读取本项目插件声明', description: "\u5065\u5EB7\u6765\u6E90\u3001\u4E2A\u4EBA\u63D2\u4EF6\u548C\u5B89\u5168\u8BCA\u65AD\u4ECD\u53EF\u4F7F\u7528\u3002\u4FEE\u590D\u540E\u6309 H \u91CD\u65B0\u52A0\u8F7D\u3002" })
+                    : null, projectIntentIssue && showTechnical ? _jsxs(TechnicalDetails, { title: "\u9879\u76EE\u58F0\u660E\u8BCA\u65AD", children: [_jsx(StaticRow, { title: "\u72B6\u6001", meta: projectIntentIssue.state === 'invalid' ? '声明无效' : '无法读取', compact: true }), _jsx(StaticRow, { title: "\u9519\u8BEF\u4EE3\u7801", meta: projectIntentIssue.code, compact: true }), _jsx(StaticRow, { title: "\u8BF4\u660E", meta: sanitizeDiagnosticText(projectIntentIssue.message), compact: true })] }) : null, !showTechnical && projectPendingCount > 0
                     ? _jsx(Callout, { status: "warning", title: `本项目有 ${projectPendingCount} 个插件目标尚未就绪`, description: `${projectReminder.actionableTargets.length} 个可同步；`
                             + `${projectReminder.blockedTargets.length} 个需要先处理。` })
-                    : projectReminder && projectReminder.unconfirmedTargets.length > 0
+                    : !showTechnical && projectReminder && projectReminder.unconfirmedTargets.length > 0
                         ? _jsx(Callout, { status: "info", title: "\u90E8\u5206\u9879\u76EE\u63D2\u4EF6\u72B6\u6001\u65E0\u6CD5\u786E\u8BA4", description: "\u6CA1\u6709\u628A\u672A\u89C2\u6D4B\u72B6\u6001\u89E3\u91CA\u4E3A\u7F3A\u5931\u3002\u8BF7\u68C0\u67E5\u6765\u6E90\u6216\u5DE5\u5177\u72B6\u6001\u540E\u91CD\u65B0\u52A0\u8F7D\u3002" })
-                        : null, _jsxs(StatusCard, { status: home.issueCount > 0 || home.unavailableSourceCount > 0 ? 'warning' : 'success', title: "\u5F53\u524D\u72B6\u6001", children: [_jsx(ResultRow, { title: `已添加 ${home.installedPlugins} 个插件`, status: "muted" }), _jsx(ResultRow, { title: `${home.issueCount} 项需要处理`, status: home.issueCount > 0 ? 'warning' : 'muted' }), home.unavailableSourceCount > 0 ? _jsx(ResultRow, { title: `${home.unavailableSourceCount} 个来源不可用`, status: "error" }) : null, home.catalogCheckingCount > 0 ? _jsx(ResultRow, { title: `${home.catalogCheckingCount} 个插件来源正在检查`, status: "muted" }) : null, home.catalogUpdateCount > 0 ? _jsx(ResultRow, { title: `${home.catalogUpdateCount} 个插件来源有更新`, status: "warning" }) : null, home.pluginUpdateCount > 0 ? _jsx(ResultRow, { title: `${home.pluginUpdateCount} 个插件可更新`, status: "warning" }) : null, home.catalogRecoveryCount > 0 ? _jsx(ResultRow, { title: `${home.catalogRecoveryCount} 个插件来源需要检查或恢复`, status: "warning" }) : null] }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "task", compact: policy.mode === 'compact' })] });
+                        : null, !showTechnical ? _jsxs(StatusCard, { status: home.issueCount > 0 || home.unavailableSourceCount > 0 ? 'warning' : 'success', title: "\u5F53\u524D\u72B6\u6001", children: [_jsx(ResultRow, { title: `已添加 ${home.installedPlugins} 个插件`, status: "muted" }), _jsx(ResultRow, { title: `${home.issueCount} 项需要处理`, status: home.issueCount > 0 ? 'warning' : 'muted' }), home.unavailableSourceCount > 0 ? _jsx(ResultRow, { title: `${home.unavailableSourceCount} 个来源不可用`, status: "error" }) : null, home.catalogCheckingCount > 0 ? _jsx(ResultRow, { title: `${home.catalogCheckingCount} 个插件来源正在检查`, status: "muted" }) : null, home.catalogUpdateCount > 0 ? _jsx(ResultRow, { title: `${home.catalogUpdateCount} 个插件来源有更新`, status: "warning" }) : null, home.pluginUpdateCount > 0 ? _jsx(ResultRow, { title: `${home.pluginUpdateCount} 个插件可更新`, status: "warning" }) : null, home.catalogRecoveryCount > 0 ? _jsx(ResultRow, { title: `${home.catalogRecoveryCount} 个插件来源需要检查或恢复`, status: "warning" }) : null] }) : null, _jsx(SemanticRows, { actions: actions, focus: focus, kind: "task", compact: policy.mode === 'compact' })] });
     }
     else if (route.name === 'pluginList') {
         const sourceId = route.sourceId ?? 'all';
@@ -3877,20 +3942,44 @@ export function ConsoleAppV4(props) {
                 skillName: candidate.name,
             }),
         }));
-        actions = [
-            ...candidateActions,
-            { actionId: 'portable-selection-continue', label: '继续', meta: draft.canContinue ? undefined : '至少选择一个 Skill', disabled: draft.canContinue ? undefined : '至少选择一个 Skill', run: continuePortableSelection },
-            { label: '全选全部候选', run: () => props.controller.selectAllPortableSkills() },
-            { label: portableSelectionView === 'selected' ? '查看全部候选' : `只看已选（${draft.selectedCount}）`, run: () => {
+        selectAllPortableCandidates = { actionId: 'portable-selection-select-all', label: '全选当前结果', run: () => {
+                for (const candidate of visibleCandidates) {
+                    if (!candidate.selected)
+                        props.controller.togglePortableSkill(candidate.name);
+                }
+                setPortableToolsOpen(false);
+            } };
+        const selectionToolActions = [
+            selectAllPortableCandidates,
+            { actionId: 'portable-selection-filter', label: portableSelectionView === 'selected' ? '查看全部候选' : `只看已选（${draft.selectedCount}）`, run: () => {
                     setPortableSelectionView((current) => current === 'all' ? 'selected' : 'all');
+                    setPortableToolsOpen(false);
+                    setFocus(0);
+                    setScrollOffset(0);
+                } },
+            { actionId: 'portable-selection-clear', label: '清空选择', disabled: draft.selectedCount === 0 ? '当前没有已选 Skill' : undefined, run: () => {
+                    props.controller.clearPortableSkills();
+                    setPortableToolsOpen(false);
+                    setFocus(0);
+                    setScrollOffset(0);
+                } },
+            ...(plugin.dependencySummary?.totalCount ? [{ actionId: 'portable-selection-dependencies', label: '查看依赖关系', run: () => go({ name: 'portableDependencies', pluginId: plugin.pluginId }) }] : []),
+            { actionId: 'portable-selection-tools-back', label: '返回 Skills 列表', run: () => {
+                    setPortableToolsOpen(false);
                     setFocus(0);
                     setScrollOffset(0);
                 } },
-            { label: '清空选择', disabled: draft.selectedCount === 0 ? '当前没有已选 Skill' : undefined, run: () => props.controller.clearPortableSkills() },
-            ...(plugin.dependencySummary?.totalCount ? [{ label: '查看依赖关系', run: () => go({ name: 'portableDependencies', pluginId: plugin.pluginId }) }] : []),
         ];
-        const candidateViewport = portableSkillCandidateViewport(candidateActions, visibleCandidates, policy.mode === 'compact', focus, scrollOffset, pageActionBudget(actions.length - visibleCandidates.length
-            + (portableVariantCandidates.length > 0 ? 3 : 0)));
+        const continueAction = { actionId: 'portable-selection-continue', label: `继续（${draft.selectedCount}）`, meta: draft.canContinue ? undefined : '至少选择一个 Skill', disabled: draft.canContinue ? undefined : '至少选择一个 Skill', run: continuePortableSelection };
+        const openToolsAction = { actionId: 'portable-selection-tools', label: '选择工具', run: () => {
+                setPortableToolsOpen(true);
+                setFocusZone('content');
+                setFocus(0);
+                setScrollOffset(0);
+            } };
+        pinnedActions = [continueAction, openToolsAction];
+        actions = portableToolsOpen ? selectionToolActions : candidateActions;
+        const candidateViewport = portableSkillCandidateViewport(candidateActions, visibleCandidates, policy.mode === 'compact', focus, scrollOffset, pageActionBudget(2 + (portableVariantCandidates.length > 0 ? 3 : 0)));
         const viewport = showTechnical
             ? { offset: focus < visibleCandidates.length ? focus : candidateViewport.offset, limit: 1 }
             : candidateViewport;
@@ -3905,19 +3994,29 @@ export function ConsoleAppV4(props) {
         const focusedVariant = variantCandidates.find((candidate) => candidate.name === visibleCandidates[focus]?.name);
         const visibleVariant = visibleCandidateEntries.find((entry) => portableScopeVariantsDiffer(entry.candidate))?.candidate;
         const technicalVariant = focusedVariant ?? visibleVariant ?? variantCandidates[0];
-        help = '↑↓ 移动 · Space 切换 · a 全选 · Enter 查看摘要 · c 继续 · Esc 返回';
-        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, visibleCandidates.length === 0
-                    ? _jsx(StaticRow, { title: "\u6CA1\u6709\u5DF2\u9009 Skill", description: "\u9009\u62E9\u201C\u67E5\u770B\u5168\u90E8\u5019\u9009\u201D\u540E\u53EF\u7EE7\u7EED\u52FE\u9009", status: "muted", compact: true })
-                    : null, _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: true, offset: visibleCandidates.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] });
+        help = portableToolsOpen
+            ? '↑↓ 移动 · Enter 选择 · Tab 返回固定栏 · Esc 返回'
+            : focusZone === 'actions'
+                ? '←→/↑↓ 移动操作 · Enter 选择 · Tab 返回列表 · c 继续 · Esc 返回'
+                : '↑↓ 移动 · Space 切换 · Enter 查看摘要 · Tab 固定栏 · c 继续 · Esc 返回';
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(PinnedActionBar, { actions: pinnedActions.map((action) => ({
+                        id: action.actionId, label: action.label, disabled: Boolean(action.disabled),
+                    })), active: focusZone === 'actions', focus: pinnedActionFocus }), _jsxs(ContentViewport, { children: [portableToolsOpen
+                            ? _jsx(SemanticRows, { actions: selectionToolActions, focus: focusZone === 'content' ? focus : -1, kind: "action", compact: policy.mode === 'compact' })
+                            : showTechnical ? visibleCandidateEntries.map(({ action, index }) => _jsx(ToggleRow, { title: action.label, selected: Boolean(action.selected), focused: focusZone === 'content' && 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: focusZone === 'content' && focus === index, compact: policy.mode === 'compact' }, String(action.label))) }, provider.providerPluginId);
+                            }), !portableToolsOpen && variantCandidates.length > 0
+                            ? showTechnical
+                                ? _jsx(StaticRow, { title: `! ${variantCandidates.length} 个 Skill 存在范围变体`, status: "warning", compact: true })
+                                : _jsx(Callout, { status: "warning", title: `! ${variantCandidates.length} 个 Skill 在不同安装范围会生成不同内容。选择范围后会重新确认最终内容。` })
+                            : null, !portableToolsOpen && visibleCandidates.length === 0
+                            ? _jsx(StaticRow, { title: "\u6CA1\u6709\u5DF2\u9009 Skill", description: "\u9009\u62E9\u201C\u67E5\u770B\u5168\u90E8\u5019\u9009\u201D\u540E\u53EF\u7EE7\u7EED\u52FE\u9009", status: "muted", compact: true })
+                            : null, !portableToolsOpen && !draft.canContinue
+                            ? _jsx(StaticRow, { title: "\u81F3\u5C11\u9009\u62E9\u4E00\u4E2A Skill", status: "warning", compact: true })
+                            : null, !portableToolsOpen && 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 === 'portableSkillSummary' && plugin && snapshot.portableDraft) {
         const candidate = snapshot.portableDraft.candidates.find((entry) => entry.name === route.skillName);
@@ -4012,7 +4111,7 @@ export function ConsoleAppV4(props) {
             : overview?.dependents ?? [];
         const dependencyCount = overview?.dependencies.length ?? 0;
         const dependentCount = visibleDependents.length;
-        const dependentLimit = responsiveBudget(2, 4);
+        const dependentLimit = responsiveBudget(1, 3);
         const dependencyRows = (entries, limit, dependent = false, offset = 0) => {
             const safeOffset = Math.min(offset, Math.max(0, entries.length - 1));
             const visible = entries.slice(safeOffset, safeOffset + limit);
@@ -4026,7 +4125,7 @@ export function ConsoleAppV4(props) {
             context = '已阻止';
             title = `无法移除 ${plugin.displayName}`;
             description = '仍有插件依赖它。请先处理依赖者，再重新尝试。';
-            actions = [
+            const blockedRemovalActions = [
                 { label: '查看完整依赖关系', run: () => {
                         props.controller.replace({ name: 'pluginDependencies', pluginId: plugin.pluginId });
                         setFocus(0);
@@ -4035,11 +4134,23 @@ export function ConsoleAppV4(props) {
                 { label: '返回插件详情', run: back },
                 { label: showTechnical ? '隐藏技术详情' : '技术详情', run: () => toggleTechnical() },
             ];
+            const blockedRemovalPagination = !showTechnical && visibleDependents.length > dependentLimit
+                ? paginationActions({
+                    offset: batchTargetOffset,
+                    total: visibleDependents.length,
+                    pageRows: dependentLimit,
+                    move: (direction) => moveBatchTargetPage(visibleDependents.length, dependentLimit, direction),
+                })
+                : [];
+            actions = [...blockedRemovalPagination, ...blockedRemovalActions];
+            if (blockedRemovalPagination.length > 0) {
+                referenceDetailPagination = { total: visibleDependents.length, pageRows: dependentLimit };
+            }
             const blockedRemovalViewport = actionViewport(actions, policy.mode === 'compact', focus, scrollOffset, pageActionBudget(5));
             if (!showTechnical && visibleDependents.length > dependentLimit) {
-                help = 'PgUp/PgDn 查看全部被依赖关系 · ↑↓ 移动 · Enter 选择 · Esc 返回';
+                help = 'p/n 查看全部被依赖关系 · ↑↓ 移动 · Enter 选择 · Esc 返回';
             }
-            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, batchTargetOffset) }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact', offset: blockedRemovalViewport.offset, limit: blockedRemovalViewport.limit }), showTechnical ? _jsx(IssueTechnicalDetails, { details: [{
+            content = _jsxs(Box, { flexDirection: "column", children: [_jsx(StaticRow, { title: `${dependentCount} 个已安装插件仍在使用`, status: "error", compact: true }), _jsx(StaticRow, { title: "\u6CA1\u6709\u4FEE\u6539\u4EFB\u4F55\u5B89\u88C5\u3002", status: "muted", compact: true }), showTechnical ? null : _jsxs(_Fragment, { children: [_jsx(StaticRow, { title: "\u4F7F\u7528\u8FD9\u4E2A\u4F9D\u8D56\u7684\u63D2\u4EF6", meta: "\u53CD\u5411\u5F15\u7528", compact: true }), dependencyRows(visibleDependents, dependentLimit, true, batchTargetOffset)] }), _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] });
@@ -4222,9 +4333,10 @@ export function ConsoleAppV4(props) {
             description = showTechnical
                 ? '显示当前选择的完整引用字段。'
                 : '这些位置的所需依赖当前可用，且本次检查发现它们同时满足依赖声明和安装位置。';
-            actions = [...referenceActions, { label: '返回节点详情', run: back }];
-            const referenceViewport = actionViewport(actions, policy.mode === 'compact', focus, scrollOffset, responsiveBudget(3, 6));
-            const selectedReference = references[Math.min(focus, references.length - 1)];
+            if (!showTechnical && references[focus])
+                selectedDependencyReferenceIndex.current = focus;
+            const selectedReferenceIndex = Math.min(selectedDependencyReferenceIndex.current, Math.max(0, references.length - 1));
+            const selectedReference = references[selectedReferenceIndex];
             const referenceIdLines = (label, pluginId) => {
                 const prefix = `${label} · `;
                 return wrapConsoleText(pluginId, Math.max(1, size.columns - 10 - stringWidth(prefix)))
@@ -4247,8 +4359,24 @@ export function ConsoleAppV4(props) {
                 total: referenceDetailLines.length,
                 pageRows: referenceDetailPageRows,
             } : undefined;
+            const referencePaginationActions = showTechnical
+                && referenceDetailLines.length > referenceDetailPageRows
+                ? paginationActions({
+                    offset: referenceDetailOffset,
+                    total: referenceDetailLines.length,
+                    pageRows: referenceDetailPageRows,
+                    move: (direction) => moveBatchTargetPage(referenceDetailLines.length, referenceDetailPageRows, direction),
+                })
+                : [];
+            actions = [
+                ...(showTechnical && referenceActions[selectedReferenceIndex]
+                    ? [referenceActions[selectedReferenceIndex]] : referenceActions),
+                ...referencePaginationActions,
+                { label: '返回节点详情', run: back },
+            ];
+            const referenceViewport = actionViewport(actions, policy.mode === 'compact', focus, scrollOffset, responsiveBudget(3, 6));
             help = showTechnical
-                ? 'PgUp/PgDn 查看当前位置详情 · ↑↓ 查看全部位置 · d 隐藏技术详情 · Esc 返回节点详情'
+                ? 'p/n 查看当前位置详情 · ↑↓ 移动 · Enter 选择 · d 隐藏技术详情 · Esc 返回节点详情'
                 : '↑↓ 查看全部位置 · d 技术详情 · Enter 返回节点详情 · Esc 返回节点详情';
             content = _jsxs(Box, { flexDirection: "column", children: [showTechnical ? null
                         : _jsx(StaticRow, { title: "\u672C\u6B21\u68C0\u67E5", value: "\u53EA\u68C0\u67E5\u5F53\u524D\u9879\u76EE\u548C\u4E2A\u4EBA\u4F4D\u7F6E\uFF1B\u5176\u4ED6\u9879\u76EE\u672A\u68C0\u67E5", status: "muted", compact: true }), showTechnical && referenceDetailOffset > 0
@@ -5971,15 +6099,16 @@ export function ConsoleAppV4(props) {
             : totals ? `${totals.reclaimableBytes} bytes` : '正在检查';
         actions = [
             {
+                actionId: 'catalog-store-prune-preview',
                 label: '预览安全清理',
                 description: totals ? `${totals.reclaimableEntries} 个可回收项 · ${sizeText}` : '先读取当前存储状态',
                 ...(totals && totals.reclaimableEntries > 0
                     ? { run: () => beginReview({ kind: 'catalogStorePrune' }) }
                     : { disabled: catalogStoreError ? '当前无法读取本地存储' : totals ? '没有可回收项' : '正在检查' }),
             },
-            { label: '查看保留规则', description: '了解 Active、foreign 和未知项目为什么保留', run: () => go({ name: 'catalogStoreRules' }) },
-            { label: '重新检查', description: '重新读取当前本地存储', run: () => setCatalogStoreRefresh((value) => value + 1) },
-            { label: '返回来源列表', run: back },
+            { actionId: 'catalog-store-rules', label: '查看保留规则', description: '了解哪些目录会保留，以及旧版本何时可以清理', run: () => go({ name: 'catalogStoreRules' }) },
+            { actionId: 'catalog-store-refresh', label: '重新检查', description: '重新读取当前本地存储', run: () => setCatalogStoreRefresh((value) => value + 1) },
+            { actionId: 'catalog-store-back', label: '返回来源列表', run: back },
         ];
         content = _jsxs(Box, { flexDirection: "column", children: [catalogStoreError
                     ? _jsx(Callout, { status: "warning", title: "\u672C\u5730\u5B58\u50A8\u68C0\u67E5\u5931\u8D25", description: "\u672A\u6267\u884C\u5220\u9664\u3002\u8BF7\u68C0\u67E5 Catalog \u914D\u7F6E\u548C\u672C\u5730\u5B58\u50A8\u540E\u91CD\u8BD5\u3002" })
@@ -5990,9 +6119,13 @@ export function ConsoleAppV4(props) {
     else if (route.name === 'catalogStoreRules') {
         breadcrumb = '插件来源 / 本地存储 / 保留规则';
         title = '安全清理规则';
-        description = '实际清理会在现有 AW_HOME 写锁内重新检查每个已确认项目。';
-        actions = [{ label: '返回存储概览', run: back }];
-        content = _jsxs(Box, { flexDirection: "column", children: [_jsxs(SectionCard, { title: "\u59CB\u7EC8\u4FDD\u7559", children: [_jsx(StaticRow, { title: "\u5F53\u524D Active Catalog", status: "success", compact: true }), _jsx(StaticRow, { title: "foreign\u3001\u7B26\u53F7\u94FE\u63A5\u3001unsafe\u3001\u635F\u574F\u6216\u672A\u77E5\u9879\u76EE", status: "muted", compact: true })] }), _jsxs(SectionCard, { title: "\u6EE1\u8DB3\u65F6\u95F4\u548C\u5B8C\u6574\u9A8C\u8BC1\u540E\u53EF\u56DE\u6536", children: [_jsx(StaticRow, { title: "\u975E Active \u6B63\u5F0F\u76EE\u5F55\u7248\u672C\uFF1A30 \u5929", compact: true }), _jsx(StaticRow, { title: "staging\u3001replacement \u548C delete claim\uFF1A24 \u5C0F\u65F6", compact: true }), _jsx(StaticRow, { title: "quarantine\uFF1A24 \u5C0F\u65F6\uFF0C\u5E76\u4E14\u5BF9\u5E94\u6B63\u5F0F\u76EE\u5F55\u7248\u672C\u5B8C\u6574\u5065\u5EB7", compact: true })] }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact' })] });
+        description = policy.mode === 'compact'
+            ? '' : '清理前会再次检查每个项目，只删除能够确认安全的旧内容。';
+        actions = [
+            { actionId: 'catalog-store-rules-technical', label: showTechnical ? '隐藏技术详情' : '技术详情', run: () => toggleTechnical() },
+            { actionId: 'catalog-store-rules-back', label: '返回存储概览', run: back },
+        ];
+        content = _jsxs(Box, { flexDirection: "column", children: [!showTechnical ? _jsxs(_Fragment, { children: [_jsx(SectionCard, { title: "\u59CB\u7EC8\u4FDD\u7559 \u00B7 \u5F53\u524D\u4F7F\u7528\u7684\u76EE\u5F55\u4E0D\u4F1A\u5220\u9664", children: _jsx(StaticRow, { title: "\u4E0D\u5C5E\u4E8E AW\u3001\u65E0\u6CD5\u786E\u8BA4\u5B89\u5168\u6216\u4ECD\u5728\u4F7F\u7528\u7684\u5185\u5BB9\u4F1A\u4FDD\u7559", status: "muted", compact: true }) }), _jsxs(SectionCard, { title: "\u6EE1\u8DB3\u65F6\u95F4\u548C\u5B8C\u6574\u9A8C\u8BC1\u540E\u53EF\u56DE\u6536", children: [_jsx(StaticRow, { title: "\u65E7\u7248\u672C\u6EE1\u8DB3\u4FDD\u7559\u671F\u9650\u540E\u624D\u6E05\u7406", compact: true }), _jsx(StaticRow, { title: "\u672A\u5B8C\u6210\u7684\u4E0B\u8F7D\u6216\u66FF\u6362\u5185\u5BB9\u81F3\u5C11\u4FDD\u7559 24 \u5C0F\u65F6", compact: true }), _jsx(StaticRow, { title: "\u9694\u79BB\u5185\u5BB9\u81F3\u5C11\u4FDD\u7559 24 \u5C0F\u65F6", compact: true }), _jsx(StaticRow, { title: "\u5BF9\u5E94\u6B63\u5F0F\u7248\u672C\u5B8C\u6574\u53EF\u7528\u540E\u624D\u6E05\u7406", compact: true })] })] }) : null, showTechnical ? _jsxs(TechnicalDetails, { title: "\u6E05\u7406\u5224\u5B9A\u8BC1\u636E", children: [_jsx(StaticRow, { title: "\u9501", meta: "AW_HOME \u5199\u9501\u5185\u91CD\u65B0\u68C0\u67E5", compact: true }), _jsx(StaticRow, { title: "\u6B63\u5F0F\u76EE\u5F55\u7248\u672C", meta: "\u975E Active \u9879\u4FDD\u7559 30 \u5929", compact: true }), _jsx(StaticRow, { title: "staging\u3001replacement\u3001delete claim", meta: "\u4FDD\u7559 24 \u5C0F\u65F6", compact: true }), _jsx(StaticRow, { title: "quarantine", meta: "\u4FDD\u7559 24 \u5C0F\u65F6\uFF1B\u5BF9\u5E94\u6B63\u5F0F\u76EE\u5F55\u7248\u672C\u5FC5\u987B\u5B8C\u6574\u5065\u5EB7", compact: true }), _jsx(StaticRow, { title: "\u4FDD\u7559\u8282\u70B9", meta: "foreign\u3001\u7B26\u53F7\u94FE\u63A5\u3001unsafe\u3001\u635F\u574F\u6216\u672A\u77E5\u9879\u76EE", compact: true })] }) : null, _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact' })] });
     }
     else if (route.name === 'sourceDetail') {
         const overview = props.controller.getSourceOverview(route.sourceId);
@@ -6032,14 +6165,18 @@ export function ConsoleAppV4(props) {
                                             : logicalIdentityChanged ? '来源发布身份已变化。请编辑来源，或移除后重新添加。'
                                                 : '来源没有可用的启用版本。可在这里取得并启用。';
         help = '↑↓ 移动 · Enter 选择 · Esc 返回';
+        if (policy.mode === 'compact')
+            description = '';
         const generationAction = logicalIdentityChanged ? []
             : generationState === 'incompatible' ? [{
+                    actionId: 'source-view-incompatible',
                     label: '查看不兼容详情',
                     description: '显示所需和缺少的功能支持',
                     status: 'error',
                     run: () => go({ name: 'sourceTechnical', sourceId: route.sourceId }),
                 }]
                 : generationState === 'repairRequired' ? [{
+                        actionId: 'source-repair',
                         label: '重新下载旧版本并精确修复',
                         description: '使用当前启用版本的精确提交；成功后保持此版本',
                         disabled: activationBlocked ? `请先处理：${sourceOperationBlockLabel(activationBlocked)}` : undefined,
@@ -6049,6 +6186,7 @@ export function ConsoleAppV4(props) {
                             sourceId: route.sourceId,
                         }),
                     }, ...(freshness?.state === 'incompatible' ? [] : [{
+                            actionId: 'source-replace-damaged',
                             label: '使用待检查版本替换损坏版本',
                             description: '旧版本无法取得时使用；进入独立影响确认',
                             disabled: activationBlocked ? `请先处理：${sourceOperationBlockLabel(activationBlocked)}` : undefined,
@@ -6060,6 +6198,7 @@ export function ConsoleAppV4(props) {
                         }])]
                     : freshness?.state === 'incompatible' && generationState !== 'ready' ? []
                         : generationState !== 'ready' ? [{
+                                actionId: 'source-activate',
                                 label: generationState === 'stateInvalid' ? '恢复状态并启用'
                                     : generationState === 'configMismatch' ? '验证并切换' : '获取并启用',
                                 description: '先准备只读的待检查版本确认；确认后才切换当前版本',
@@ -6073,8 +6212,9 @@ export function ConsoleAppV4(props) {
                             }]
                             : freshness?.state === 'updateAvailable' || freshness?.state === 'localChangesAvailable'
                                 ? [{
+                                        actionId: 'source-update',
                                         label: freshness.state === 'localChangesAvailable'
-                                            ? '应用本地内容变化…' : `更新到 ${candidateVersion ?? '待检查版本'}…`,
+                                            ? '应用本地内容变化' : `更新到 ${candidateVersion ?? '待检查版本'}`,
                                         description: '进入确认；确认前不会切换当前版本',
                                         disabled: activationBlocked ? `请先处理：${sourceOperationBlockLabel(activationBlocked)}` : undefined,
                                         run: () => beginReview({ kind: 'catalogGeneration', action: 'update', sourceId: route.sourceId }),
@@ -6083,6 +6223,7 @@ export function ConsoleAppV4(props) {
                                     || freshness?.state === 'rollbackDetected'
                                     || freshness?.state === 'incompatible'
                                     ? [{
+                                            actionId: 'source-view-version-problem',
                                             label: freshness.state === 'versionConflict' ? '查看版本冲突'
                                                 : freshness.state === 'rollbackDetected' ? '查看回退详情' : '查看不兼容详情',
                                             description: '普通更新已阻止；当前启用版本保持不变',
@@ -6090,15 +6231,17 @@ export function ConsoleAppV4(props) {
                                             run: () => go({ name: 'sourceTechnical', sourceId: route.sourceId }),
                                         }]
                                     : [{
+                                            actionId: 'source-check',
                                             label: freshness?.state === 'checking' ? '正在检查' : '检查来源',
                                             description: '检查这个来源；检测到变化或异常时完整验证',
                                             disabled: freshness?.state === 'checking' ? '检查正在进行' : undefined,
                                             run: () => props.controller.recheckCatalogSource(route.sourceId),
                                         }];
         const managementActions = [
-            { label: '来源设置', description: '下载方式、版本、自动检查和高级地址目录', run: () => openSourceEdit(route.sourceId) },
+            { actionId: 'source-settings', label: '来源设置', description: '下载方式、版本、自动检查和高级地址目录', run: () => openSourceEdit(route.sourceId) },
             ...(generationState === 'incompatible'
                 || (freshness?.state === 'incompatible' && generationState !== 'ready') ? [] : [{
+                    actionId: 'source-set-primary',
                     label: generationState === 'ready' ? '设为主来源' : '启用并设为主来源',
                     description: generationState === 'ready' ? '只改变默认插件来源' : '先启用确认的待检查版本，再设为主来源',
                     disabled: detail?.primary ? '当前已经是主来源'
@@ -6114,20 +6257,22 @@ export function ConsoleAppV4(props) {
                             setPrimaryAfterActivation: true,
                         }),
                 }]),
-            { label: '移除来源', description: '移除来源配置', status: 'error', disabled: props.controller.listSources().length <= 1 ? '至少保留一个来源' : 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 }) },
+            { actionId: 'source-remove', label: '移除来源', description: '移除来源配置', status: 'error', disabled: props.controller.listSources().length <= 1 ? '至少保留一个来源' : detail?.primary ? '主来源不能直接移除' : undefined, run: () => beginReview({ kind: 'sourceMutation', action: 'remove', sourceId: route.sourceId, changes: [{ title: `移除来源 ${route.sourceId}` }] }) },
+            { actionId: 'source-technical', label: '技术详情', description: '查看脱敏错误代码和当前版本证据', run: () => go({ name: 'sourceTechnical', sourceId: route.sourceId }) },
             ...(generationState !== 'ready'
                 || freshness?.state === 'updateAvailable'
                 || freshness?.state === 'localChangesAvailable'
                 || freshness?.state === 'versionConflict'
                 || freshness?.state === 'rollbackDetected'
                 || freshness?.state === 'incompatible' ? [{
+                    actionId: 'source-check',
                     label: freshness?.state === 'checking' ? '正在检查' : '检查来源',
                     description: '检查这个来源；检测到变化或异常时完整验证',
                     disabled: freshness?.state === 'checking' ? '检查正在进行' : undefined,
                     run: () => props.controller.recheckCatalogSource(route.sourceId),
                 }] : []),
             {
+                actionId: 'source-full-validate',
                 label: '完整验证',
                 description: '强制重新取得并完整验证这个来源',
                 disabled: freshness?.state === 'checking' ? '检查正在进行' : undefined,
@@ -6153,10 +6298,11 @@ export function ConsoleAppV4(props) {
                 && (configuredSource.url.startsWith('git@') || configuredSource.url.startsWith('ssh://'))
                 ? 'SSH' : 'HTTPS';
         const versionPolicy = detail?.type === 'path' ? '当前本地内容'
-            : detail?.refPolicy === 'cliChannel' ? '跟随 AW CLI channel'
-                : detail?.explicitRef ?? detail?.requestedRef ?? '固定 Git ref';
+            : detail?.refPolicy === 'cliChannel' ? '跟随 AW 的稳定版或预览版目录'
+                : '固定版本或 Git 引用';
         const sourceCount = snapshot.viewModel?.sourceTabs.find((source) => source.id === route.sourceId)?.count;
         const checkAction = {
+            actionId: 'source-check',
             label: freshness?.state === 'checking' ? '正在检查' : '检查来源',
             description: '检查这个来源；检测到变化或异常时完整验证；不会自动启用更新',
             disabled: freshness?.state === 'checking' ? '检查正在进行' : undefined,
@@ -6164,16 +6310,18 @@ export function ConsoleAppV4(props) {
         };
         actions = [
             ...sourcePrimaryAction,
-            ...(sourcePrimaryAction.some((action) => action.label === '检查来源' || action.label === '正在检查')
+            ...(sourcePrimaryAction.some((action) => action.actionId === 'source-check')
                 ? [] : [checkAction]),
             {
+                actionId: 'source-view-plugins',
                 label: '查看此来源插件',
                 description: sourceCount === undefined ? '插件数未知' : `${sourceCount} 个插件`,
                 run: () => go({ name: 'pluginList', mode: 'browse', sourceId: route.sourceId }),
             },
             managementActions[0],
-            managementActions.find((action) => action.label === '移除来源'),
+            managementActions.find((action) => action.actionId === 'source-remove'),
             {
+                actionId: 'source-more',
                 label: '更多操作',
                 description: '替换候选、主来源和技术详情',
                 run: () => go({ name: 'sourceMore', sourceId: route.sourceId }),
@@ -6276,37 +6424,19 @@ export function ConsoleAppV4(props) {
         content = _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact', offset: viewport.offset, limit: viewport.limit });
     }
     else if (route.name === 'sourceTechnical') {
-        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, props.controller.getCatalogGeneration(route.sourceId), props.controller.getCatalogFreshness(route.sourceId)) ?? {
-            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 } : {}),
-            },
-        };
+        const diagnostic = resolveSourceTechnicalDiagnostic(route.sourceId);
         breadcrumb = `插件来源 / ${route.sourceId} / 技术详情`;
         context = 'p 上一页 · n 下一页';
         title = '来源技术诊断';
         description = '';
         help = 'p/n 或 PgUp/PgDn 查看全部技术详情 · Enter 选择 · Esc 返回';
-        const sourceTechnicalRows = policy.mode === 'compact'
-            ? 1 : Math.max(1, responsiveBudget(5, 10) - 1);
-        const sourceTechnicalLastOffset = Math.max(0, diagnosticDetailRowCount(diagnostic) - sourceTechnicalRows);
+        const sourceTechnicalLastOffset = Math.max(0, diagnosticDetailRowCount(diagnostic) - sourceTechnicalPageRows);
         actions = [
-            { label: 'p 上一页', run: () => setBatchTargetOffset((value) => Math.max(0, value - sourceTechnicalRows)) },
-            { label: 'n 下一页', run: () => setBatchTargetOffset((value) => Math.min(sourceTechnicalLastOffset, value + sourceTechnicalRows)) },
+            { label: 'p 上一页', run: () => setBatchTargetOffset((value) => Math.max(0, value - sourceTechnicalPageRows)) },
+            { label: 'n 下一页', run: () => setBatchTargetOffset((value) => Math.min(sourceTechnicalLastOffset, value + sourceTechnicalPageRows)) },
             { label: '返回来源详情', run: back },
         ];
-        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(DiagnosticSummary, { diagnostic: diagnostic, technical: true, compact: policy.mode === 'compact', offset: batchTargetOffset, limit: sourceTechnicalRows }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact' })] });
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(DiagnosticSummary, { diagnostic: diagnostic, technical: true, compact: policy.mode === 'compact', offset: batchTargetOffset, limit: sourceTechnicalPageRows }), _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} / 编辑`;
@@ -6514,15 +6644,24 @@ export function ConsoleAppV4(props) {
                     setBatchTargetOffset(0);
                 } }, { label: '返回来源详情', run: back }];
         const countLabel = (value, unit) => value === undefined ? '未知' : `${value} ${unit}`;
-        const referenceLimit = Math.max(1, pageActionBudget(10));
+        const referenceLimit = Math.max(1, pageActionBudget(12));
         const references = sourceReferenceSummary?.dependencies ?? [];
         const referenceOffset = Math.min(batchTargetOffset, Math.max(0, references.length - 1));
         const visibleReferences = references.slice(referenceOffset, referenceOffset + referenceLimit);
         const hiddenReferences = Math.max(0, references.length - referenceOffset - visibleReferences.length);
         if (sourceDependenciesExpanded && references.length > referenceLimit) {
-            help = 'PgUp/PgDn 查看全部引用 · ↑↓ 移动 · Enter 选择 · Esc 返回';
+            actions.unshift(...paginationActions({
+                offset: referenceOffset,
+                total: references.length,
+                pageRows: referenceLimit,
+                move: (direction) => moveBatchTargetPage(references.length, referenceLimit, direction),
+            }));
+            referenceDetailPagination = { total: references.length, pageRows: referenceLimit };
+            help = 'p/n 查看全部引用 · ↑↓ 移动 · Enter 选择 · Esc 返回';
         }
-        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\u610F\u56FE", meta: countLabel(sourceReferenceSummary?.lifecycleCount, '项') }), _jsx(StaticRow, { title: "Marketplace", meta: countLabel(sourceReferenceSummary?.marketplaceCount, '个') }), sourceDependenciesExpanded && referenceOffset > 0 ? _jsx(StaticRow, { title: `↑ 前面还有 ${referenceOffset} 项`, status: "muted", compact: true }) : null, sourceDependenciesExpanded ? visibleReferences.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 ?? referenceOffset + index}`)) : null, sourceDependenciesExpanded && hiddenReferences > 0 ? _jsx(StaticRow, { title: `↓ 后面还有 ${hiddenReferences} 项`, status: "muted", compact: true }) : null] }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact' })] });
+        content = _jsxs(Box, { flexDirection: "column", children: [_jsx(Callout, { status: "error", title: sourceReferenceSummary?.inventoryComplete === false ? '引用清单不完整' : '发现活动引用' }), _jsxs(SectionCard, { title: sourceDependenciesExpanded
+                        ? referenceOffset > 0 ? `引用内容 · ↑ 前面还有 ${referenceOffset} 项` : '引用内容'
+                        : '引用汇总', children: [!sourceDependenciesExpanded ? _jsxs(_Fragment, { 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\u610F\u56FE", meta: countLabel(sourceReferenceSummary?.lifecycleCount, '项') }), _jsx(StaticRow, { title: "Marketplace", meta: countLabel(sourceReferenceSummary?.marketplaceCount, '个') })] }) : null, sourceDependenciesExpanded ? visibleReferences.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 ?? referenceOffset + index}`)) : null, sourceDependenciesExpanded && hiddenReferences > 0 ? _jsx(StaticRow, { title: `↓ 后面还有 ${hiddenReferences} 项`, status: "muted", compact: true }) : null] }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: policy.mode === 'compact' })] });
     }
     else if (route.name === 'issueList') {
         const issues = props.controller.listUserIssues();
@@ -6625,9 +6764,26 @@ export function ConsoleAppV4(props) {
                 || entry.id === 'keepUserScope' || entry.id === 'keepProjectScope' ? 'error' : undefined,
             run: () => runIssueAction(entry),
         }));
+        const issueDetailRows = diagnosticDetailRowCount(issue.diagnostic);
+        const issueDetailPageRows = policy.mode === 'compact'
+            ? 1
+            : Math.max(1, responsiveBudget(5, 10) - 2);
+        const issuePaginationActions = showTechnical && issueDetailRows > issueDetailPageRows
+            ? paginationActions({
+                offset: batchTargetOffset,
+                total: issueDetailRows,
+                pageRows: issueDetailPageRows,
+                move: (direction) => moveBatchTargetPage(issueDetailRows, issueDetailPageRows, direction),
+            })
+            : [];
+        actions.push(...issuePaginationActions);
+        if (issuePaginationActions.length > 0) {
+            referenceDetailPagination = { total: issueDetailRows, pageRows: issueDetailPageRows };
+            help = 'p/n 查看全部技术字段 · ↑↓ 移动 · Enter 选择 · Esc 返回';
+        }
         const issuePlugin = issue.pluginId ? props.controller.getPluginOverview(issue.pluginId) : undefined;
         const issueOverview = issue.pluginId ? props.controller.getPluginDependencyOverview(issue.pluginId) : undefined;
-        const issueDiagnosticSummary = _jsx(DiagnosticSummary, { diagnostic: issue.diagnostic, technical: showTechnical, offset: showTechnical ? batchTargetOffset : undefined, limit: showTechnical ? responsiveBudget(5, 10) : undefined, compact: policy.mode === 'compact' || issue.category.startsWith('dependency')
+        const issueDiagnosticSummary = _jsx(DiagnosticSummary, { diagnostic: issue.diagnostic, technical: showTechnical, offset: showTechnical ? batchTargetOffset : undefined, limit: showTechnical ? issueDetailPageRows : undefined, compact: policy.mode === 'compact' || issue.category.startsWith('dependency')
                 || issue.category === 'scopeConflict' });
         const issueActionViewport = actionViewport(actions, policy.mode === 'compact', focus, scrollOffset, pageActionBudget(6));
         const compactTechnicalActionViewport = policy.mode === 'compact' && showTechnical
@@ -6646,6 +6802,7 @@ export function ConsoleAppV4(props) {
                 { label: '查看完整依赖关系', run: () => go({ name: 'pluginDependencies', pluginId: issuePlugin.pluginId }) },
                 { label: '返回插件详情', run: () => go({ name: 'pluginDetail', pluginId: issuePlugin.pluginId }) },
                 ...(issueHasTechnicalDetails ? [{ label: showTechnical ? '隐藏技术详情' : '技术详情', run: () => toggleTechnical() }] : []),
+                ...issuePaginationActions,
             ];
             const dependencyBlockedViewport = policy.mode === 'compact' && showTechnical
                 ? { offset: Math.min(Math.max(0, focus - 1), Math.max(0, actions.length - 2)), limit: 2 }
@@ -6686,6 +6843,7 @@ export function ConsoleAppV4(props) {
                     } },
                 { label: '查看依赖关系', run: () => go({ name: 'pluginDependencies', pluginId: issuePlugin.pluginId }) },
                 ...(issueHasTechnicalDetails ? [{ label: showTechnical ? '隐藏技术详情' : '技术详情', run: () => toggleTechnical() }] : []),
+                ...issuePaginationActions,
             ];
             const unsupportedTargetViewport = policy.mode === 'compact' && showTechnical
                 ? { offset: Math.min(Math.max(0, focus - 1), Math.max(0, actions.length - 2)), limit: 2 }
@@ -7337,6 +7495,8 @@ export function ConsoleAppV4(props) {
         const portableOperation = operationKind === 'portableInstall';
         const portableReceipt = result.state === 'succeeded' || result.state === 'partial'
             ? result.summary.portable : undefined;
+        const portableResultScope = portableReceipt?.scope ?? result.portableIntent?.scope;
+        const portableResultAgentMode = portableReceipt?.agentMode ?? result.portableIntent?.agentMode;
         const portableInstallFailed = portableReceipt?.failureCode === 'portableSkillsCliInstallFailed';
         const portableOriginIsDetail = 'returnRoute' in result
             && result.returnRoute?.name === 'pluginDetail';
@@ -7749,27 +7909,11 @@ export function ConsoleAppV4(props) {
                 : target.state === 'skipped' ? 1 : target.relation === 'requested' ? 2 : 3;
             return priority(left) - priority(right);
         });
-        const resultPaginationTotal = Math.max(resultTargets.length, taskSummary?.rootResults.reduce((count, root) => count + 1 + (taskSummary.requestedTargets.filter((target) => target.pluginId === root.pluginId).length), 0) ?? 0, (resultSummary?.batch?.rootResults.length ?? 0) + resultTargets.length, result.operationKind === 'portableInstall'
-            ? portableReceipt?.selectedSkills.length ?? snapshot.portableResultSkills?.length ?? 0
-            : 0);
-        if (resultPaginationTotal > 1) {
-            actions.push(...paginationActions({
-                offset: batchTargetOffset,
-                total: resultPaginationTotal,
-                pageRows: 1,
-                move: (direction) => moveBatchTargetPage(resultPaginationTotal, 1, direction),
-            }));
-            referenceDetailPagination = { total: resultPaginationTotal, pageRows: 1 };
-        }
-        const resultActionViewport = actionViewport(actions, true, focus, scrollOffset, pageActionBudget(8));
+        const baseResultPaginationTotal = Math.max(resultTargets.length, taskSummary?.rootResults.reduce((count, root) => count + 1 + (taskSummary.requestedTargets.filter((target) => target.pluginId === root.pluginId).length), 0) ?? 0, (resultSummary?.batch?.rootResults.length ?? 0) + resultTargets.length);
         const resultExtraRows = (resultSummary?.elapsedMs !== undefined ? 1 : 0)
             + visibleMessages.length
             + visibleChanges.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 resultTargetOffset = Math.min(batchTargetOffset, Math.max(0, prioritizedTargets.length - 1));
-        const visibleResultTargets = prioritizedTargets.slice(resultTargetOffset, resultTargetOffset + resultTargetLimit);
-        const hiddenResultTargets = Math.max(0, resultTargets.length - resultTargetOffset - visibleResultTargets.length);
         const portableSelectedSkills = portableReceipt?.selectedSkills
             ?? snapshot.portableResultSkills
             ?? [];
@@ -7795,10 +7939,12 @@ export function ConsoleAppV4(props) {
         for (const target of portableReceipt?.unknown ?? []) {
             addPortablePair({ skill: target.skill, ...(target.agent ? { agent: target.agent } : {}), state: 'unknown' });
         }
-        for (const skill of portableSelectedSkills) {
-            const represented = [...portablePairs.values()].some((pair) => pair.skill === skill);
-            if (!represented)
-                addPortablePair({ skill, state: 'unknown' });
+        if (!(portableReceipt && 'attemptedTargets' in portableReceipt)) {
+            for (const skill of portableSelectedSkills) {
+                const represented = [...portablePairs.values()].some((pair) => pair.skill === skill);
+                if (!represented)
+                    addPortablePair({ skill, state: 'unknown' });
+            }
         }
         const prioritizedPortablePairs = [...portablePairs.values()].sort((left, right) => {
             const priority = { unknown: 0, missing: 1, verified: 2 };
@@ -7806,29 +7952,157 @@ export function ConsoleAppV4(props) {
                 || left.skill.localeCompare(right.skill, 'en')
                 || (left.agent ?? '').localeCompare(right.agent ?? '', 'en');
         });
-        const portableTechnicalSummary = showTechnical && (partial || blocked);
-        const portableSkillLimit = showTechnical ? 1 : responsiveBudget(2, 6);
+        const portableSkillLimit = 1;
+        const resultPaginationTotal = result.operationKind === 'portableInstall'
+            ? prioritizedPortablePairs.length
+            : baseResultPaginationTotal;
+        const resultPageRows = result.operationKind === 'portableInstall' ? portableSkillLimit : 1;
         const portableSkillOffset = Math.min(batchTargetOffset, Math.max(0, prioritizedPortablePairs.length - 1));
         const visiblePortablePairs = prioritizedPortablePairs.slice(portableSkillOffset, portableSkillOffset + portableSkillLimit);
-        const hiddenPortableSkills = Math.max(0, prioritizedPortablePairs.length - portableSkillOffset - visiblePortablePairs.length);
+        const portableResultRange = prioritizedPortablePairs.length > 0
+            ? `第 ${portableSkillOffset + 1}–${portableSkillOffset + visiblePortablePairs.length} 项，共 ${prioritizedPortablePairs.length} 项`
+            : undefined;
+        const portablePairStateLabel = (pair) => blocked ? result.writeMayHaveCompleted ? '结果未知' : '未执行'
+            : pair.state === 'unknown' ? '结果未知'
+                : pair.state === 'missing' ? '确认缺失' : '已验证';
+        const selectedPortablePair = portableResultDetailOpen
+            ? prioritizedPortablePairs.find((pair) => portablePairKey(pair) === portableResultDetailPairKey.current)
+            : visiblePortablePairs[0];
+        const wrapPortableField = (label, value) => {
+            const chunks = wrapConsoleText(value, Math.max(12, size.columns - stringWidth(label) - 14));
+            return chunks.map((line, index) => `${label} ${index + 1}/${chunks.length} · ${line}`);
+        };
+        const portableResultDetailLines = selectedPortablePair ? [
+            ...wrapPortableField('Skill', selectedPortablePair.skill),
+            ...wrapPortableField('Agent', selectedPortablePair.agent ?? '无法确认'),
+            `状态 · ${portablePairStateLabel(selectedPortablePair)}`,
+            ...(portableResultScope ? [`范围 · ${scopeLabel(portableResultScope)}`] : []),
+            ...(portableReceipt?.recovery
+                ? wrapPortableField('安全恢复', portableReceipt.recovery) : []),
+            ...(portableReceipt?.failureCode
+                ? wrapPortableField('failure code', portableReceipt.failureCode) : []),
+            ...(portableReceipt ? [`verification missing · ${portableReceipt.missing.length}`] : []),
+            ...(portableReceipt ? wrapPortableField('Skills CLI version', portableReceipt.skillsCliVersion) : []),
+            ...(portableReceipt
+                ? wrapPortableField('materialization digest', portableReceipt.materializationDigest) : []),
+            ...(resultSummary?.elapsedMs !== undefined ? [`elapsed · ${resultSummary.elapsedMs} ms`] : []),
+        ] : ['当前结果已变化。请返回结果摘要。'];
+        const portableResultDetailPageRows = responsiveBudget(5, 10);
+        const safePortableResultDetailOffset = Math.min(portableResultDetailOffset, Math.max(0, portableResultDetailLines.length - 1));
+        const visiblePortableResultDetailLines = portableResultDetailLines.slice(safePortableResultDetailOffset, safePortableResultDetailOffset + portableResultDetailPageRows);
+        if (portableOperation && portableResultDetailOpen) {
+            title = '当前结果完整字段';
+            description = '按行显示当前 Skill、Agent、状态和技术证据。';
+            help = 'p/n 阅读全部字段 · ↑↓ 移动 · Enter 选择 · Esc 返回结果摘要';
+            const detailPaginationActions = portableResultDetailLines.length > portableResultDetailPageRows
+                ? paginationActions({
+                    offset: safePortableResultDetailOffset,
+                    total: portableResultDetailLines.length,
+                    pageRows: portableResultDetailPageRows,
+                    move: (direction) => setPortableResultDetailOffset((value) => Math.min(Math.max(0, portableResultDetailLines.length - 1), Math.max(0, value + direction * portableResultDetailPageRows))),
+                })
+                : [];
+            actions = [
+                ...detailPaginationActions,
+                { label: '返回结果摘要', run: () => {
+                        setPortableResultDetailOpen(false);
+                        setPortableResultDetailOffset(0);
+                        setFocus(portableResultDetailReturnFocus.current);
+                        setScrollOffset(0);
+                    } },
+            ];
+            portableResultDetailPagination = {
+                total: portableResultDetailLines.length,
+                pageRows: portableResultDetailPageRows,
+            };
+        }
+        else if (portableOperation) {
+            const detailAction = selectedPortablePair ? {
+                actionId: 'portable-result-full-fields',
+                label: '查看当前结果完整字段',
+                run: () => {
+                    portableResultDetailPairKey.current = portablePairKey(selectedPortablePair);
+                    portableResultDetailReturnFocus.current = focus;
+                    setPortableResultDetailOpen(true);
+                    setPortableResultDetailOffset(0);
+                    setFocus(0);
+                    setScrollOffset(0);
+                },
+            } : undefined;
+            const pagination = resultPaginationTotal > 1 ? paginationActions({
+                offset: batchTargetOffset,
+                total: resultPaginationTotal,
+                pageRows: resultPageRows,
+                move: (direction) => moveBatchTargetPage(resultPaginationTotal, resultPageRows, direction),
+            }) : [];
+            actions = [
+                ...actions.slice(0, 1),
+                ...pagination,
+                ...(detailAction ? [detailAction] : []),
+                ...actions.slice(1),
+            ];
+            if (pagination.length > 0) {
+                referenceDetailPagination = { total: resultPaginationTotal, pageRows: resultPageRows };
+            }
+        }
+        else if (resultPaginationTotal > 1) {
+            actions.push(...paginationActions({
+                offset: batchTargetOffset,
+                total: resultPaginationTotal,
+                pageRows: resultPageRows,
+                move: (direction) => moveBatchTargetPage(resultPaginationTotal, resultPageRows, direction),
+            }));
+            referenceDetailPagination = { total: resultPaginationTotal, pageRows: resultPageRows };
+        }
+        const portableTechnicalFieldCount = portableReceipt
+            ? 3 + (portableReceipt.failureCode ? 1 : 0)
+                + (policy.mode === 'compact' ? 0 : resultSummary?.elapsedMs !== undefined ? 1 : 0)
+            : 1;
+        const portableFixedRows = showTechnical
+            ? 1 + portableSkillLimit + 1
+                + (portableResultAgentMode === 'automatic' ? 1 : 0)
+                + (portableReceipt?.recovery ? 1 : 0)
+                + 1 + portableTechnicalFieldCount
+            : 3 + portableSkillLimit + 1
+                + (portableResultAgentMode === 'automatic' ? 1 : 0)
+                + (portableReceipt?.recovery ? 1 : 0);
+        currentActionViewportLineBudget = pageActionBudget(portableOperation
+            ? portableResultDetailOpen
+                ? visiblePortableResultDetailLines.length
+                    + (safePortableResultDetailOffset > 0 ? 1 : 0)
+                    + (safePortableResultDetailOffset + visiblePortableResultDetailLines.length
+                        < portableResultDetailLines.length ? 1 : 0)
+                : portableFixedRows
+            : resultPaginationTotal > 1 ? 7 : 8);
+        const resultActionViewport = actionViewport(actions, true, focus, scrollOffset, currentActionViewportLineBudget);
+        const resultTargetLimit = Math.max(1, prefixRowLimit(prioritizedTargets.map(() => policy.mode === 'compact' ? 1 : 2), pageActionBudget() - 3 - resultActionViewport.limit - resultExtraRows));
+        const resultTargetOffset = Math.min(batchTargetOffset, Math.max(0, prioritizedTargets.length - 1));
+        const visibleResultTargets = prioritizedTargets.slice(resultTargetOffset, resultTargetOffset + resultTargetLimit);
+        const hiddenResultTargets = Math.max(0, resultTargets.length - resultTargetOffset - visibleResultTargets.length);
+        const portableTechnicalSummary = showTechnical;
         const portableRows = visiblePortablePairs.map((pair) => {
             const status = blocked || pair.state !== 'verified' ? 'warning' : 'success';
-            const stateLabel = blocked ? result.writeMayHaveCompleted ? '结果未知' : '未执行'
-                : pair.state === 'unknown' ? '结果未知'
-                    : pair.state === 'missing' ? '确认缺失'
-                        : '已验证';
-            const meta = `Agent：${pair.agent ?? '无法确认'} · ${stateLabel}`;
+            const stateLabel = portablePairStateLabel(pair);
+            const meta = `${stateLabel} · Agent：${pair.agent ?? '无法确认'}`;
             return _jsx(ResultRow, { title: pair.skill, meta: meta, status: status, compact: true }, portablePairKey(pair));
         });
-        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"),
-        ];
+        const portableTechnicalRows = portableReceipt
+            ? [
+                ...(portableReceipt.failureCode
+                    ? [_jsx(StaticRow, { title: "failure code", meta: portableReceipt.failureCode, compact: true }, "failure-code")]
+                    : []),
+                _jsx(StaticRow, { title: "verification missing", meta: policy.mode === 'compact' && resultSummary?.elapsedMs !== undefined
+                        ? `${portableReceipt.missing.length} · elapsed ${resultSummary.elapsedMs} ms`
+                        : String(portableReceipt.missing.length), compact: true }, "verification-missing"),
+                _jsx(StaticRow, { title: "Skills CLI version", meta: portableReceipt.skillsCliVersion, compact: true }, "skills-cli-version"),
+                _jsx(StaticRow, { title: "materialization digest", meta: portableReceipt.materializationDigest, compact: true }, "materialization-digest"),
+                ...(policy.mode !== 'compact' && resultSummary?.elapsedMs !== undefined
+                    ? [_jsx(StaticRow, { title: "elapsed", meta: `${resultSummary.elapsedMs} ms`, compact: true }, "elapsed")]
+                    : []),
+            ]
+            : [
+                _jsx(StaticRow, { title: "failure code", meta: 'code' in result ? result.code : 'operationFailed', compact: true }, "failure-code"),
+            ];
         const resetDispositionText = resultSummary?.resetDisposition === 'absent'
             ? '设置层原本不存在；没有删除内容'
             : resultSummary?.resetDisposition === 'deletedFile'
@@ -7908,14 +8182,19 @@ export function ConsoleAppV4(props) {
         const visibleTaskResultRows = rootResultRows.slice(taskResultOffset, taskResultOffset + taskResultLimit);
         if (taskOperation || batchOperation || resultTargets.length > resultTargetLimit
             || prioritizedPortablePairs.length > portableSkillLimit) {
-            help = 'PgUp/PgDn 查看全部项目 · ↑↓ 移动 · Enter 选择 · Esc 返回';
+            help = 'p/n 查看全部项目 · ↑↓ 移动 · Enter 选择 · Esc 返回';
         }
         content = taskOperation || batchOperation ? _jsxs(Box, { flexDirection: "column", children: [_jsxs(ResultCard, { status: resultStatus, title: "\u6240\u9009\u63D2\u4EF6\u7ED3\u679C", children: [taskResultOffset > 0 ? _jsx(StaticRow, { title: `↑ 前面还有 ${taskResultOffset} 项`, status: "muted", compact: true }) : null, visibleTaskResultRows, rootResultRows.length > taskResultOffset + visibleTaskResultRows.length
-                            ? _jsx(StaticRow, { title: "\u2193 \u540E\u9762\u8FD8\u6709", meta: `${rootResultRows.length - taskResultOffset - visibleTaskResultRows.length} 项`, status: "muted", compact: true }) : null] }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: true, offset: resultActionViewport.offset, limit: resultActionViewport.limit })] }) : portableOperation ? _jsxs(Box, { flexDirection: "column", children: [portableTechnicalSummary ? _jsxs(_Fragment, { children: [portableSkillOffset > 0 ? _jsx(StaticRow, { title: `↑ 前面还有 ${portableSkillOffset} 个 Skills`, status: "muted", compact: true }) : null, 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: [portableSkillOffset > 0 ? _jsx(StaticRow, { title: `↑ 前面还有 ${portableSkillOffset} 个 Skills`, status: "muted", compact: true }) : null, 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
-                                ? _jsx(StaticRow, { title: "\u5B89\u5168\u6062\u590D", meta: portableReceipt.recovery, status: "warning", compact: true })
-                                : 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 ? '结果未确认' : '操作未完成' : sourceOperation ? '来源配置写入已完成' : dependencyTargets ? partial ? '依赖安装没有全部完成' : '操作已完成' : resultSummary?.message ?? '状态已变化，请重新确认', meta: resultTargets.length > 0 ? `${resultTargets.length} 个目标` : undefined, children: [resetDispositionText ? _jsx(StaticRow, { title: resetDispositionText, status: "success", compact: true }) : null, configGroupRows, resultTargetOffset > 0 ? _jsx(StaticRow, { title: `↑ 前面还有 ${resultTargetOffset} 个目标`, status: "muted", compact: true }) : null, 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: "\u2193 \u540E\u9762\u8FD8\u6709", meta: `${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, configOperation && partial && !invalidConfigResult ? _jsx(Callout, { status: "warning", title: "\u6062\u590D\u6307\u5F15", description: "\u5DF2\u4FDD\u5B58\u7684\u8BBE\u7F6E\u5C42\u4E0D\u4F1A\u91CD\u5199\u3002\u5931\u8D25\u7684\u4FDD\u5B58\u5C42\u4FDD\u7559\u8349\u7A3F\uFF1B\u5E94\u7528\u5931\u8D25\u65F6\u53EA\u91CD\u8BD5\u5E94\u7528\u3002" }) : 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: productResultMessage(message), status: "muted", compact: true }, `${index}:${message}`))] }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: true, offset: resultActionViewport.offset, limit: resultActionViewport.limit })] });
+                            ? _jsx(StaticRow, { title: "\u2193 \u540E\u9762\u8FD8\u6709", meta: `${rootResultRows.length - taskResultOffset - visibleTaskResultRows.length} 项`, status: "muted", compact: true }) : null] }), _jsx(SemanticRows, { actions: actions, focus: focus, kind: "action", compact: true, offset: resultActionViewport.offset, limit: resultActionViewport.limit })] }) : portableOperation ? _jsxs(Box, { flexDirection: "column", children: [portableResultDetailOpen ? _jsxs(_Fragment, { children: [safePortableResultDetailOffset > 0
+                            ? _jsx(StaticRow, { title: `↑ 前面还有 ${safePortableResultDetailOffset} 行`, status: "muted", compact: true }) : null, visiblePortableResultDetailLines.map((line, index) => _jsx(StaticRow, { title: line, compact: true }, `${safePortableResultDetailOffset + index}:${line}`)), safePortableResultDetailOffset + visiblePortableResultDetailLines.length
+                            < portableResultDetailLines.length
+                            ? _jsx(StaticRow, { title: `↓ 后面还有 ${portableResultDetailLines.length
+                                    - safePortableResultDetailOffset - visiblePortableResultDetailLines.length} 行`, status: "muted", compact: true })
+                            : null] }) : portableTechnicalSummary ? _jsxs(_Fragment, { children: [_jsx(StaticRow, { title: blocked ? '安装未开始或结果未确认' : partial ? '部分 Skills 未确认' : '通用 Skills 安装结果', meta: portableResultRange, status: resultStatus, compact: true }), portableRows, portableResultScope ? _jsx(StaticRow, { title: "\u8303\u56F4", meta: scopeLabel(portableResultScope), compact: true }) : null, portableResultAgentMode === 'automatic'
+                            ? _jsx(StaticRow, { title: "Agent", meta: "Skills CLI \u9ED8\u8BA4\u9009\u62E9", compact: true }) : null, portableReceipt?.recovery ? _jsx(StaticRow, { title: `安全恢复：${portableReceipt.recovery}`, status: "warning", compact: true }) : null, _jsx(StaticRow, { title: "\u6280\u672F\u8BE6\u60C5", status: "muted", compact: true }), portableTechnicalRows] }) : _jsx(_Fragment, { children: _jsxs(ResultCard, { status: resultStatus, title: blocked ? '安装未开始或结果未确认' : partial ? '部分 Skills 未确认' : '通用 Skills 安装结果', meta: portableResultRange, children: [portableRows, portableResultScope ? _jsx(StaticRow, { title: "\u8303\u56F4", meta: scopeLabel(portableResultScope), compact: true }) : null, portableResultAgentMode === 'automatic'
+                                ? _jsx(StaticRow, { title: "Agent", meta: "Skills CLI \u9ED8\u8BA4\u9009\u62E9", compact: true }) : null, portableReceipt?.recovery
+                                ? _jsx(StaticRow, { title: `安全恢复：${portableReceipt.recovery}`, status: "warning", 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 ? '结果未确认' : '操作未完成' : sourceOperation ? '来源配置写入已完成' : dependencyTargets ? partial ? '依赖安装没有全部完成' : '操作已完成' : resultSummary?.message ?? '状态已变化，请重新确认', meta: resultTargets.length > 0 ? `${resultTargets.length} 个目标` : undefined, children: [resetDispositionText ? _jsx(StaticRow, { title: resetDispositionText, status: "success", compact: true }) : null, configGroupRows, resultTargetOffset > 0 ? _jsx(StaticRow, { title: `↑ 前面还有 ${resultTargetOffset} 个目标`, status: "muted", compact: true }) : null, 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: "\u2193 \u540E\u9762\u8FD8\u6709", meta: `${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, configOperation && partial && !invalidConfigResult ? _jsx(Callout, { status: "warning", title: "\u6062\u590D\u6307\u5F15", description: "\u5DF2\u4FDD\u5B58\u7684\u8BBE\u7F6E\u5C42\u4E0D\u4F1A\u91CD\u5199\u3002\u5931\u8D25\u7684\u4FDD\u5B58\u5C42\u4FDD\u7559\u8349\u7A3F\uFF1B\u5E94\u7528\u5931\u8D25\u65F6\u53EA\u91CD\u8BD5\u5E94\u7528\u3002" }) : 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: productResultMessage(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 === 'pluginContent' && plugin) {
         const overview = props.controller.getPluginContentOverview(plugin.pluginId);
@@ -7994,15 +8273,22 @@ export function ConsoleAppV4(props) {
         });
         const detailRowBudget = responsiveBudget(9, 15);
         const capabilityRowCount = plugin.capabilityUnsupported ? 4 : 0;
-        const componentRowBudget = Math.max(1, detailRowBudget - 2 - plugin.installedPlacements.length - capabilityRowCount);
+        const componentRowBudget = Math.max(1, detailRowBudget - 4 - plugin.installedPlacements.length - capabilityRowCount);
         const componentLimit = prioritizedComponents.length > componentRowBudget
-            ? Math.max(1, componentRowBudget - 2)
+            ? 1
             : componentRowBudget;
         const componentOffset = Math.min(batchTargetOffset, Math.max(0, prioritizedComponents.length - 1));
         const visibleComponents = prioritizedComponents.slice(componentOffset, componentOffset + componentLimit);
         const hiddenComponents = Math.max(0, prioritizedComponents.length - componentOffset - visibleComponents.length);
         if (prioritizedComponents.length > componentLimit) {
-            help = 'PgUp/PgDn 查看全部组件 · ↑↓ 移动 · Enter 选择 · Esc 返回';
+            actions.push(...paginationActions({
+                offset: componentOffset,
+                total: prioritizedComponents.length,
+                pageRows: componentLimit,
+                move: (direction) => moveBatchTargetPage(prioritizedComponents.length, componentLimit, direction),
+            }));
+            referenceDetailPagination = { total: prioritizedComponents.length, pageRows: componentLimit };
+            help = 'p/n 查看全部组件 · ↑↓ 移动 · Enter 选择 · Esc 返回';
         }
         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.capabilityUnsupported ? _jsxs(_Fragment, { children: [_jsx(StaticRow, { title: "failure code", meta: "awCapabilityUnsupported" }), _jsx(StaticRow, { title: "capability \u72B6\u6001", meta: "\u5F53\u524D AW CLI \u4E0D\u652F\u6301", status: "error" }), _jsx(StaticRow, { title: "\u7F3A\u5C11 capability", meta: plugin.missingCapabilities?.join('、') ?? 'Status 未提供具体 capability' }), _jsx(StaticRow, { title: "\u6062\u590D\u65B9\u5411", meta: plugin.capabilityRecovery ?? '升级 AW CLI 到支持所需 capability 的版本后重试。' })] }) : null, plugin.installedPlacements.map((placement) => _jsx(StaticRow, { title: `${platformLabel(placement.platform)} target`, meta: placementStatus(placement).value }, placement.platform)), componentOffset > 0 ? _jsx(StaticRow, { title: `↑ 前面还有 ${componentOffset} 个组件`, status: "muted", compact: true }) : null, visibleComponents.map((component) => _jsx(StaticRow, { title: `组件 · ${component.state === 'absent' ? '缺失' : component.state}${component.errorCode ? ` · ${component.errorCode}` : ''} · ${component.key} · ${platformLabel(component.platform)} · ${component.shared ? '平台共享' : scopeLabel(component.scope)}` }, `${component.platform}:${component.shared ? 'shared' : 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' })] });
     }
@@ -8286,9 +8572,13 @@ export function ConsoleAppV4(props) {
                 if (key.escape || key.return || input.toLowerCase() === 'b' || input === '?') {
                     setOverlay(undefined);
                 }
-                else if (key.ctrl && input.toLowerCase() === 'c') {
+                else if (input.toLowerCase() === 'q' || (key.ctrl && input.toLowerCase() === 'c')) {
                     setExitAfterBusy(true);
                 }
+                else if (sessionNavigation) {
+                    setOverlay(undefined);
+                    requestSessionNavigation(sessionNavigation);
+                }
             }
             else if (key.escape && props.pendingSessionNavigation) {
                 props.onCancelPendingSessionNavigation?.();
@@ -8324,6 +8614,9 @@ export function ConsoleAppV4(props) {
             if (key.escape || input.toLowerCase() === 'b') {
                 closeProjectReminder();
             }
+            else if (input.toLowerCase() === 'q' || (key.ctrl && input.toLowerCase() === 'c')) {
+                requestConfirmedExit(closeProjectReminder);
+            }
             else if (props.onSessionNavigation && (input === 'h' || input === 'H')) {
                 closeProjectReminder();
                 requestSessionNavigation(input === 'H' ? 'reload' : 'home');
@@ -8446,7 +8739,7 @@ export function ConsoleAppV4(props) {
             return;
         }
         if (overlay) {
-            if (key.ctrl && input.toLowerCase() === 'c') {
+            if (input.toLowerCase() === 'q' || (key.ctrl && input.toLowerCase() === 'c')) {
                 if (overlay === 'sessionNavigation')
                     continueEditingFromSessionNavigation();
                 setDiscardForSessionNavigation(undefined);
@@ -8454,6 +8747,11 @@ export function ConsoleAppV4(props) {
                 requestConfirmedExit(overlay === 'help' ? () => setOverlay(undefined) : undefined);
                 return;
             }
+            if (overlay === 'help' && props.onSessionNavigation && (input === 'h' || input === 'H')) {
+                setOverlay(undefined);
+                requestSessionNavigation(input === 'H' ? 'reload' : 'home');
+                return;
+            }
             if (overlay === 'help' && input.toLowerCase() === 'o') {
                 setOverlay(undefined);
                 go({ name: 'operationHistory' });
@@ -8558,8 +8856,20 @@ export function ConsoleAppV4(props) {
             setReportSaveError(undefined);
             return;
         }
+        if ((key.pageUp || key.pageDown || input.toLowerCase() === 'p' || input.toLowerCase() === 'n')
+            && route.name === 'result' && portableResultDetailOpen
+            && portableResultDetailPagination) {
+            const { total, pageRows } = portableResultDetailPagination;
+            const direction = key.pageUp || input.toLowerCase() === 'p' ? -1 : 1;
+            setPortableResultDetailOffset((value) => Math.min(Math.max(0, total - 1), Math.max(0, value + direction * pageRows)));
+            return;
+        }
         if ((key.pageUp || key.pageDown || input.toLowerCase() === 'p' || input.toLowerCase() === 'n')
             && (route.name === 'pluginContent'
+                || route.name === 'pluginTechnical'
+                || route.name === 'issueDetail' && showTechnical
+                || route.name === 'sourceRemoveBlocked' && sourceDependenciesExpanded
+                || route.name === 'pluginDependencies' && route.view === 'removeBlocked' && !showTechnical
                 || route.name === 'pluginDependencyNode'
                     && (route.view === 'references' || route.view === 'details')
                 || route.name === 'configSave' && route.view === 'changes'
@@ -8593,11 +8903,9 @@ export function ConsoleAppV4(props) {
         }
         if ((key.pageUp || key.pageDown || input.toLowerCase() === 'p' || input.toLowerCase() === 'n')
             && route.name === 'sourceTechnical') {
-            const overview = props.controller.getSourceOverview(route.sourceId);
-            const diagnostic = sourceDiagnostic(route.sourceId, overview.health?.state ?? overview.source?.state, overview.detail, props.controller.getCatalogGeneration(route.sourceId), props.controller.getCatalogFreshness(route.sourceId));
-            const total = diagnostic ? diagnosticDetailRowCount(diagnostic) : 0;
-            const pageRows = responsiveBudget(5, 10);
-            setBatchTargetOffset((value) => Math.min(Math.max(0, total - pageRows), Math.max(0, value + (key.pageUp || input.toLowerCase() === 'p' ? -pageRows : pageRows))));
+            const total = diagnosticDetailRowCount(resolveSourceTechnicalDiagnostic(route.sourceId));
+            setBatchTargetOffset((value) => Math.min(Math.max(0, total - sourceTechnicalPageRows), Math.max(0, value + (key.pageUp || input.toLowerCase() === 'p'
+                ? -sourceTechnicalPageRows : sourceTechnicalPageRows))));
             return;
         }
         if ((key.pageUp || key.pageDown) && route.name === 'sourceRemoveBlocked'
@@ -8964,7 +9272,8 @@ export function ConsoleAppV4(props) {
         }
         if ((route.name === 'pluginList' || route.name === 'sourceList'
             || route.name === 'batchInstallPlatforms' || route.name === 'batchInstallScope'
-            || route.name === 'batchPlacement' && pinnedActions.length > 0) && key.tab) {
+            || route.name === 'batchPlacement' && pinnedActions.length > 0
+            || route.name === 'portableSkillSelect') && key.tab) {
             setFocusZone((current) => current === 'content' ? 'actions' : 'content');
             return;
         }
@@ -9000,6 +9309,15 @@ export function ConsoleAppV4(props) {
             runAction(pinnedActions[pinnedActionFocus]);
             return;
         }
+        if (route.name === 'portableSkillSelect' && focusZone === 'actions'
+            && (key.upArrow || key.downArrow || key.leftArrow || key.rightArrow)) {
+            setPinnedActionFocus((value) => moveFocus(pinnedActions, value, key.upArrow || key.leftArrow ? -1 : 1));
+            return;
+        }
+        if (route.name === 'portableSkillSelect' && focusZone === 'actions' && key.return) {
+            runAction(pinnedActions[pinnedActionFocus]);
+            return;
+        }
         if ((route.name === 'batchInstallPlatforms' || route.name === 'batchInstallScope'
             || route.name === 'batchPlacement' && pinnedActions.length > 0)
             && focusZone === 'actions'
@@ -9083,6 +9401,17 @@ export function ConsoleAppV4(props) {
         else if (input.toLowerCase() === 'd' && supportsTechnicalDetails) {
             toggleTechnical();
         }
+        else if (globalAction === 'back' && route.name === 'result' && portableResultDetailOpen) {
+            setPortableResultDetailOpen(false);
+            setPortableResultDetailOffset(0);
+            setFocus(portableResultDetailReturnFocus.current);
+            setScrollOffset(0);
+        }
+        else if (globalAction === 'back' && route.name === 'portableSkillSelect' && portableToolsOpen) {
+            setPortableToolsOpen(false);
+            setFocus(0);
+            setScrollOffset(0);
+        }
         else if (globalAction === 'back'
             && (route.name === 'configSave' || route.name === 'sourceSave')
             && route.view === 'changes') {
@@ -9249,18 +9578,19 @@ export function ConsoleAppV4(props) {
             movePluginListSource?.(direction);
         }
         else if (input.toLowerCase() === 'c' && route.name === 'portableSkillSelect') {
-            runAction(actions.find((action) => action.actionId === 'portable-selection-continue'));
+            runAction(pinnedActions.find((action) => action.actionId === 'portable-selection-continue'));
         }
         else if (input.toLowerCase() === 'a' && route.name === 'portableSkillSelect') {
-            props.controller.selectAllPortableSkills();
+            runAction(selectAllPortableCandidates);
         }
-        else if (input === ' ' && route.name === 'portableSkillSelect') {
+        else if (input === ' ' && route.name === 'portableSkillSelect'
+            && focusZone === 'content' && !portableToolsOpen) {
             const candidate = portableVisibleCandidates[focus];
             if (candidate)
                 props.controller.togglePortableSkill(candidate.name);
         }
         else if (key.upArrow || input.toLowerCase() === 'k') {
-            if (route.name === 'pluginDependencyNode' && route.view === 'references') {
+            if (route.name === 'pluginDependencyNode' && route.view === 'references' && !showTechnical) {
                 setBatchTargetOffset(0);
             }
             setFocus((value) => {
@@ -9276,10 +9606,10 @@ export function ConsoleAppV4(props) {
                 }
                 const viewport = route.name === 'batchSelection' && batchDraft?.stage === 'select'
                     ? actionViewport(actions.slice(1), policy.mode === 'compact', Math.max(0, next - 1), Math.max(0, scrollOffset - 1), Math.max(1, pageActionBudget(5)))
-                    : route.name === 'portableSkillSelect' && snapshot.portableDraft
+                    : route.name === 'portableSkillSelect' && snapshot.portableDraft && !portableToolsOpen
                         ? portableSkillCandidateViewport(actions.slice(0, portableVisibleCandidates.length), portableVisibleCandidates, policy.mode === 'compact', next, scrollOffset, pageActionBudget(actions.length - portableVisibleCandidates.length
                             + (portableVariantCandidates.length > 0 ? 3 : 0)))
-                        : actionViewport(actions, route.name === 'pluginDetail' || policy.mode === 'compact', next, scrollOffset, pageActionBudget(actionViewportStaticRows));
+                        : actionViewport(actions, route.name === 'pluginDetail' || policy.mode === 'compact', next, scrollOffset, currentActionViewportLineBudget);
                 if (route.name === 'pluginDependencies' && route.view !== 'removeBlocked') {
                     const projection = buildUnifiedDependencyGraphProjection({
                         overviews: props.controller.listPluginDependencyOverviews(),
@@ -9298,7 +9628,7 @@ export function ConsoleAppV4(props) {
             });
         }
         else if (key.downArrow || input.toLowerCase() === 'j') {
-            if (route.name === 'pluginDependencyNode' && route.view === 'references') {
+            if (route.name === 'pluginDependencyNode' && route.view === 'references' && !showTechnical) {
                 setBatchTargetOffset(0);
             }
             setFocus((value) => {
@@ -9314,10 +9644,10 @@ export function ConsoleAppV4(props) {
                 }
                 const viewport = route.name === 'batchSelection' && batchDraft?.stage === 'select'
                     ? actionViewport(actions.slice(1), policy.mode === 'compact', Math.max(0, next - 1), Math.max(0, scrollOffset - 1), Math.max(1, pageActionBudget(5)))
-                    : route.name === 'portableSkillSelect' && snapshot.portableDraft
+                    : route.name === 'portableSkillSelect' && snapshot.portableDraft && !portableToolsOpen
                         ? portableSkillCandidateViewport(actions.slice(0, portableVisibleCandidates.length), portableVisibleCandidates, policy.mode === 'compact', next, scrollOffset, pageActionBudget(actions.length - portableVisibleCandidates.length
                             + (portableVariantCandidates.length > 0 ? 3 : 0)))
-                        : actionViewport(actions, route.name === 'pluginDetail' || policy.mode === 'compact', next, scrollOffset, pageActionBudget(actionViewportStaticRows));
+                        : actionViewport(actions, route.name === 'pluginDetail' || policy.mode === 'compact', next, scrollOffset, currentActionViewportLineBudget);
                 if (route.name === 'pluginDependencies' && route.view !== 'removeBlocked') {
                     const projection = buildUnifiedDependencyGraphProjection({
                         overviews: props.controller.listPluginDependencyOverviews(),