@deepseek-harness-tui/dsh-tui 0.13.0 → 0.14.0

package/lib/types/components/JobsPanel.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
 import { Box, Text, useInput, ScrollBox, useTerminalSize, useAnimationFrame } from '../ui.js';
-import { formatJobDuration } from '../dsh-adapter/jobs.js';
-import { JobProgress } from './Chat/JobCard.js';
+import { formatJobDuration, JOBS_MAX_OUTPUT_LINES } from '../dsh-adapter/jobs.js';
+import { JobProgress, JobSection, jobCommandRows } from './Chat/JobCard.js';
 import { Markdown } from './Markdown.js';
 import { t } from '../i18n.js';
 import { Divider } from './design-system/Divider.js';
@@ -74,17 +74,25 @@ function renderOutputRuns(job) {
     flush();
     return runs;
 }
-function JobRowLine({ job, focused, armed, columns, onFocus }) {
+function JobRowLine({ job, focused, armed, columns, onFocus, expanded, onToggle, width }) {
     const info = statusInfo(job.status);
     const duration = formatJobDuration(job);
     const live = !isTerminalStatus(job.status);
     const progress = live && job.progress !== undefined && job.progress !== '' ? job.progress : undefined;
-    return (_jsxs(Box, { flexDirection: "column", onClick: onFocus, children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsxs(Box, { width: 2, flexShrink: 0, children: [_jsx(Text, { color: focused ? 'accent' : undefined, children: focused ? '❯' : ' ' }), _jsx(Text, { color: info.color, children: info.glyph })] }), _jsx(Box, { width: columns.idWidth, flexShrink: 0, children: _jsx(Text, { bold: focused, color: focused ? 'accent' : undefined, wrap: "truncate-end", children: job.id }) }), _jsx(Box, { flexGrow: 1, flexShrink: 1, children: _jsx(Text, { bold: focused, wrap: columns.labelWrap ? undefined : 'truncate-end', children: job.label }) }), columns.showProgress && (_jsx(Box, { width: 11, flexShrink: 0, justifyContent: "flex-end", children: progress !== undefined ? _jsx(JobProgress, { progress: progress }) : _jsx(Text, { children: " " }) })), armed === true ? (_jsx(Text, { bold: true, color: "error", wrap: "truncate-end", children: t('jobs-kill-armed') })) : (_jsxs(_Fragment, { children: [columns.showDuration && (_jsx(Box, { width: 6, flexShrink: 0, justifyContent: "flex-end", children: _jsx(Text, { dimColor: true, children: duration }) })), columns.showStatus && (_jsx(Box, { width: columns.statusWidth, flexShrink: 0, justifyContent: "flex-end", children: _jsx(Text, { color: info.color, wrap: "truncate-end", children: info.label }) }))] }))] }), focused && (_jsxs(Box, { flexDirection: "column", paddingLeft: 4, children: [job.command !== undefined && job.command !== '' && job.command !== job.label && (_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Box, { width: 7, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: t('jobs-panel-command') }) }), _jsx(Text, { dimColor: true, children: job.command })] })), _jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Box, { width: 7, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: t('jobs-panel-started') }) }), _jsx(Text, { dimColor: true, children: timeOf(job.startedAt)
+    const labelRows = jobCommandRows(job.label, width - 2, expanded);
+    const command = job.command !== undefined && job.command !== '' ? job.command : job.label;
+    const commandRows = focused ? jobCommandRows(command, width - 2, expanded) : [];
+    return (_jsxs(Box, { flexDirection: "column", onClick: onFocus, children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsxs(Box, { width: 2, flexShrink: 0, children: [_jsx(Text, { color: focused ? 'accent' : undefined, children: focused ? '❯' : ' ' }), _jsx(Text, { color: info.color, children: info.glyph })] }), _jsx(Box, { width: columns.idWidth, flexShrink: 0, children: _jsx(Text, { bold: focused, color: focused ? 'accent' : undefined, wrap: "truncate-end", children: job.id }) }), _jsx(Box, { flexGrow: 1, flexShrink: 1, children: _jsx(Text, { bold: focused, wrap: columns.labelWrap && expanded ? 'wrap' : 'truncate-end', children: job.label }) }), columns.showProgress && (_jsx(Box, { width: 11, flexShrink: 0, justifyContent: "flex-end", children: progress !== undefined ? _jsx(JobProgress, { progress: progress }) : _jsx(Text, { children: " " }) })), armed === true ? (_jsx(Text, { bold: true, color: "error", wrap: "truncate-end", children: t('jobs-kill-armed') })) : (_jsxs(_Fragment, { children: [columns.showDuration && (_jsx(Box, { width: 6, flexShrink: 0, justifyContent: "flex-end", children: _jsx(Text, { dimColor: true, children: duration }) })), columns.showStatus && (_jsx(Box, { width: columns.statusWidth, flexShrink: 0, justifyContent: "flex-end", children: _jsx(Text, { color: info.color, wrap: "truncate-end", children: info.label }) }))] }))] }), (!columns.labelWrap || focused) && (_jsx(JobSection, { rows: focused ? commandRows : labelRows, color: "accent", onToggle: onToggle })), focused && (_jsxs(Box, { flexDirection: "column", paddingLeft: 4, children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Box, { width: 7, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: t('jobs-panel-started') }) }), _jsx(Text, { dimColor: true, children: timeOf(job.startedAt)
                                     + (job.finishedAt !== undefined ? ` · ${t('jobs-panel-finished')} ${timeOf(job.finishedAt)}` : '')
-                                    + (job.lastOutputAt !== undefined ? ` · ${t('jobs-panel-output-at')} ${timeOf(job.lastOutputAt)}` : '') })] }), (job.outputTotalBytes !== undefined || job.outputDropped === true) && (_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Box, { width: 7, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: t('jobs-panel-output') }) }), _jsx(Text, { dimColor: true, children: (job.outputTotalBytes !== undefined ? formatBytes(job.outputTotalBytes) : '')
+                                    + (job.lastOutputAt !== undefined ? ` · ${t('jobs-panel-output-at')} ${timeOf(job.lastOutputAt)}` : '') })] }), (job.outputTotalBytes !== undefined || job.outputDropped === true || (job.outputLines?.length ?? 0) >= JOBS_MAX_OUTPUT_LINES) && (_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Box, { width: 7, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: t('jobs-panel-output') }) }), _jsx(Text, { dimColor: true, children: (job.outputTotalBytes !== undefined ? formatBytes(job.outputTotalBytes) : '')
                                     + (job.outputDropped === true
                                         ? `${job.outputTotalBytes !== undefined ? ' · ' : ''}${t('jobs-output-dropped')}`
-                                        : '') })] })), job.spillPaths !== undefined && job.spillPaths.length > 0 && (_jsx(Box, { paddingLeft: 8, children: _jsx(Text, { dimColor: true, children: t('jobs-output-spill', { path: job.spillPaths[job.spillPaths.length - 1] ?? '' }) }) })), (job.outputLines?.length ?? 0) > 0 ? (_jsx(Box, { flexDirection: "column", marginTop: 1, children: renderOutputRuns(job).map((run, runIndex) => (_jsxs(Box, { flexDirection: "column", marginTop: runIndex === 0 ? 0 : 1, children: [run.kind === 'gap' && (_jsx(Text, { dimColor: true, italic: true, children: t('jobs-output-gap') })), run.kind === 'markdown' && (_jsx(Markdown, { cacheTokens: true, children: run.text })), run.kind === 'stderr' && (_jsx(Text, { color: "error", children: `│ ${run.text}` })), run.kind === 'log' && (_jsx(Text, { dimColor: true, italic: true, children: `│ ${run.text}` }))] }, `${job.id}-run-${runIndex}`))) })) : (_jsx(Text, { dimColor: true, children: t('jobs-panel-no-output-yet') }))] }))] }));
+                                        : '')
+                                    // At the retention cap the visible tail is provably partial:
+                                    // say so instead of letting it read as the whole stream.
+                                    + ((job.outputLines?.length ?? 0) >= JOBS_MAX_OUTPUT_LINES
+                                        ? `${job.outputTotalBytes !== undefined || job.outputDropped === true ? ' · ' : ''}${t('jobs-output-retained-tail', { n: job.outputLines?.length ?? 0 })}`
+                                        : '') })] })), job.lastProgress !== undefined && (_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Box, { width: 7, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: t('jobs-progress-latest') }) }), _jsxs(Text, { dimColor: true, children: [job.lastProgress, job.lastProgressAt !== undefined ? ` · ${t('jobs-progress-updated-at', { time: timeOf(job.lastProgressAt) })}` : '', ` · ${t('jobs-progress-source', { source: job.kind })}`] })] })), job.spillPaths !== undefined && job.spillPaths.length > 0 && (_jsx(Box, { paddingLeft: 8, children: _jsx(Text, { dimColor: true, children: t('jobs-output-spill', { path: job.spillPaths[job.spillPaths.length - 1] ?? '' }) }) })), (job.outputLines?.length ?? 0) > 0 ? (_jsx(JobSection, { rows: [], color: "success", children: _jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 2, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: "\u2261 " }) }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: renderOutputRuns(job).map((run, runIndex) => (_jsxs(Box, { flexDirection: "column", marginTop: runIndex === 0 ? 0 : 1, children: [run.kind === 'gap' && (_jsx(Text, { dimColor: true, italic: true, children: t('jobs-output-gap') })), run.kind === 'markdown' && (_jsx(Markdown, { cacheTokens: true, children: run.text })), run.kind === 'stderr' && (_jsx(Text, { dimColor: true, children: run.text })), run.kind === 'log' && (_jsx(Text, { dimColor: true, italic: true, children: run.text }))] }, `${job.id}-run-${runIndex}`))) })] }) })) : (_jsx(Text, { dimColor: true, children: t('jobs-panel-no-output-yet') })), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { dimColor: true, bold: true, children: t('jobs-timeline') }), (job.timeline?.length ?? 0) === 0 ? (_jsx(Text, { dimColor: true, italic: true, children: t('jobs-timeline-events-unavailable') })) : (_jsxs(_Fragment, { children: [(job.gapCount ?? 0) > 0 && (_jsx(Text, { dimColor: true, italic: true, children: t('jobs-timeline-gap-count', { n: job.gapCount ?? 0 }) })), (job.timeline?.length ?? 0) > JOBS_TIMELINE_DISPLAY && (_jsx(Text, { dimColor: true, children: `… +${(job.timeline?.length ?? 0) - JOBS_TIMELINE_DISPLAY}` })), (job.timeline ?? []).slice(-JOBS_TIMELINE_DISPLAY).map((event, index) => (_jsx(Text, { dimColor: true, children: timelineLine(event) }, index)))] }))] })] }))] }));
 }
 /** HH:MM:SS wall-clock of an epoch ms value (locale-independent). */
 function timeOf(ms) {
@@ -92,6 +100,30 @@ function timeOf(ms) {
     const pad = (value) => String(value).padStart(2, '0');
     return `${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
 }
+/** The rendered form of one timeline observation: `HH:MM:SS <what>`.
+ * Progress keeps the producer's own line verbatim (never re-parsed into a
+ * percentage); an output drain names its byte advance and channel when the
+ * kernel labelled one. */
+function timelineLine(event) {
+    const time = timeOf(event.at);
+    switch (event.kind) {
+        case 'started':
+            return `${time} ${t('jobs-timeline-started')}`;
+        case 'progress':
+            return `${time} ${t('jobs-timeline-progress')} ${event.text ?? ''}`;
+        case 'output':
+            return `${time} ${event.channel === 'stderr' ? 'stderr' : event.channel === 'log' ? 'log' : t('jobs-timeline-output')}${event.bytes === undefined ? '' : ` +${formatBytes(event.bytes)}`}`;
+        case 'gap':
+            return `${time} ${t('jobs-timeline-gap')}`;
+        case 'stopping':
+            return `${time} ${t('jobs-status-stopping')}`;
+        case 'settled':
+            return `${time} ${t('jobs-timeline-settled')}${event.text === undefined || event.text === '' ? '' : ` · ${event.text}`}`;
+    }
+}
+/** Latest timeline slice shown in the focused detail: enough to read the
+ * recent shape of the job without the block swallowing the panel. */
+const JOBS_TIMELINE_DISPLAY = 8;
 /**
  * `/jobs` overlay panel — every background job of the current session with
  * live status, elapsed/total duration and terminal detail (exit code).
@@ -99,8 +131,19 @@ function timeOf(ms) {
  * row expands a detail block (full label, start/finish times, mirrored
  * output tail). The panel is the deep view behind the transcript job cards.
  */
-export function JobsPanel({ jobs, onClose, onKill, onSendToChat, initialFocusId, focusRequest, variant = 'default', focused = true, visible = true }) {
+export function JobsPanel({ jobs, onClose, onKill, onSendToChat, initialFocusId, focusRequest, variant = 'default', focused = true, visible = true, onWatchOutput }) {
     const panelMode = variant === 'panel';
+    const [expandedJobs, setExpandedJobs] = React.useState(new Set());
+    const toggleDetails = (id) => {
+        setExpandedJobs(previous => {
+            const next = new Set(previous);
+            if (next.has(id))
+                next.delete(id);
+            else
+                next.add(id);
+            return next;
+        });
+    };
     const [focusIndex, setFocusIndex] = React.useState(() => {
         if (initialFocusId === undefined)
             return 0;
@@ -163,6 +206,12 @@ export function JobsPanel({ jobs, onClose, onKill, onSendToChat, initialFocusId,
         // eslint-disable-next-line react-hooks/exhaustive-deps -- mount-only scroll placement
     }, []);
     const focus = Math.min(focusIndex, Math.max(0, jobs.length - 1));
+    // The focused job's detail shows its output: keep that tail fresh while
+    // the panel is open and visible (a hidden side-panel instance keeps its
+    // state but reads nothing; a settled job is read once more, then left
+    // alone).
+    const focusedId = jobs[focus]?.id;
+    React.useEffect(() => (focusedId === undefined || onWatchOutput === undefined || !visible ? undefined : onWatchOutput(focusedId)), [focusedId, onWatchOutput, visible]);
     // The armed confirmation decays after 4s so a stray later `k` never kills.
     React.useEffect(() => {
         if (killArmed === undefined)
@@ -170,10 +219,7 @@ export function JobsPanel({ jobs, onClose, onKill, onSendToChat, initialFocusId,
         const timer = setTimeout(() => setKillArmed(undefined), 4000);
         return () => clearTimeout(timer);
     }, [killArmed]);
-    // Full-screen form: byte-identical to the pre-panel behavior (the only
-    // delta is isActive, which is always true in default mode). In panel mode
-    // this stays registered-but-inactive so the hook order never changes; the
-    // host dispatcher (usePanelInput) owns the keys instead.
+    // Full-screen input stays registered but inactive when the panel dispatcher owns keys.
     useInput((input, key, event) => {
         if (panelMode)
             return;
@@ -210,6 +256,13 @@ export function JobsPanel({ jobs, onClose, onKill, onSendToChat, initialFocusId,
             }
             return;
         }
+        if (input === 'e' && !key.ctrl && !key.meta) {
+            event.stopImmediatePropagation();
+            setKillArmed(undefined);
+            if (focusedId !== undefined)
+                toggleDetails(focusedId);
+            return;
+        }
         // Enter on a live job does nothing extra (the card/panel IS the view);
         // keep the key consumed while the panel owns the keyboard.
         if (isPlainReturnInput(input, key)) {
@@ -250,6 +303,12 @@ export function JobsPanel({ jobs, onClose, onKill, onSendToChat, initialFocusId,
             }
             return true;
         }
+        if (input === 'e' && !key.ctrl && !key.meta) {
+            setKillArmed(undefined);
+            if (focusedId !== undefined)
+                toggleDetails(focusedId);
+            return true;
+        }
         // 's' = Send to Chat：焦点任务附为下一次提交的上下文（chip 在输入框
         // 上方，Esc 可撤）。未接通道时让出。
         if (input === 's') {
@@ -285,7 +344,7 @@ export function JobsPanel({ jobs, onClose, onKill, onSendToChat, initialFocusId,
         // one left/right cell, no title divider / exit button / hint footer
         // (PanelBar + the host hint row already carry that chrome), the summary
         // line kept but tightened for narrow widths.
-        return (_jsxs(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, paddingTop: 0, flexGrow: 1, ref: clockRef, children: [_jsxs(Box, { flexDirection: "row", gap: 1, marginTop: 0, marginBottom: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: "accent", children: running }), _jsxs(Text, { dimColor: true, children: [" ", t('jobs-panel-count-running')] })] }), (terminalColumns >= 34 || failed > 0) && (_jsxs(Text, { children: [_jsx(Text, { color: failed > 0 ? 'error' : 'success', children: failed > 0 ? failed : completed }), _jsxs(Text, { dimColor: true, children: [" ", failed > 0 ? t('jobs-panel-count-failed') : t('jobs-panel-count-completed')] })] }))] }), _jsx(Box, { flexDirection: "column", maxHeight: Math.max(6, rows - 4), marginTop: 0, children: _jsx(ScrollBox, { ref: scrollRef, flexDirection: "column", flexGrow: 1, children: jobs.length === 0 ? (_jsxs(Box, { flexDirection: "column", alignItems: "center", marginTop: 2, children: [_jsx(Text, { dimColor: true, children: '○' }), _jsx(Text, { dimColor: true, children: t('jobs-panel-empty') })] })) : (jobs.map((job, index) => (_jsx(JobRowLine, { job: job, focused: index === focus, armed: killArmed === job.id, columns: rowColumns, onFocus: () => { setKillArmed(undefined); setFocusIndex(index); } }, job.id)))) }) })] }));
+        return (_jsxs(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, paddingTop: 0, flexGrow: 1, ref: clockRef, children: [_jsxs(Box, { flexDirection: "row", gap: 1, marginTop: 0, marginBottom: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: "accent", children: running }), _jsxs(Text, { dimColor: true, children: [" ", t('jobs-panel-count-running')] })] }), (terminalColumns >= 34 || failed > 0) && (_jsxs(Text, { children: [_jsx(Text, { color: failed > 0 ? 'error' : 'success', children: failed > 0 ? failed : completed }), _jsxs(Text, { dimColor: true, children: [" ", failed > 0 ? t('jobs-panel-count-failed') : t('jobs-panel-count-completed')] })] }))] }), _jsx(Box, { flexDirection: "column", maxHeight: Math.max(6, rows - 4), marginTop: 0, children: _jsx(ScrollBox, { ref: scrollRef, flexDirection: "column", flexGrow: 1, children: jobs.length === 0 ? (_jsxs(Box, { flexDirection: "column", alignItems: "center", marginTop: 2, children: [_jsx(Text, { dimColor: true, children: '○' }), _jsx(Text, { dimColor: true, children: t('jobs-panel-empty') })] })) : (jobs.map((job, index) => (_jsx(JobRowLine, { job: job, focused: index === focus, armed: killArmed === job.id, columns: rowColumns, expanded: expandedJobs.has(job.id), width: terminalColumns - (panelMode ? 2 : 4), onToggle: () => { setKillArmed(undefined); setFocusIndex(index); toggleDetails(job.id); }, onFocus: () => { setKillArmed(undefined); setFocusIndex(index); } }, job.id)))) }) })] }));
     }
-    return (_jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, ref: clockRef, children: [_jsx(Divider, { color: "accent", title: t('jobs-panel-title') }), _jsxs(Box, { flexDirection: "row", gap: 3, marginTop: 1, marginBottom: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: "accent", children: running }), _jsxs(Text, { dimColor: true, children: [" ", t('jobs-panel-count-running')] })] }), _jsxs(Text, { children: [_jsx(Text, { color: "success", children: completed }), _jsxs(Text, { dimColor: true, children: [" ", t('jobs-panel-count-completed')] })] }), failed > 0 && (_jsxs(Text, { children: [_jsx(Text, { color: "error", children: failed }), _jsxs(Text, { dimColor: true, children: [" ", t('jobs-panel-count-failed')] })] })), _jsx(Box, { flexGrow: 1 }), _jsx(ExitButton, { onClick: () => onClose?.() })] }), _jsx(Box, { flexDirection: "column", maxHeight: Math.max(10, rows - 10), marginTop: 1, children: _jsx(ScrollBox, { ref: scrollRef, flexDirection: "column", flexGrow: 1, children: jobs.length === 0 ? (_jsxs(Box, { flexDirection: "column", alignItems: "center", marginTop: Math.max(2, Math.floor((rows - 16) / 3)), children: [_jsx(Text, { dimColor: true, children: '○' }), _jsx(Text, { dimColor: true, children: t('jobs-panel-empty') }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: t('jobs-panel-empty-hint') }) })] })) : (jobs.map((job, index) => (_jsx(JobRowLine, { job: job, focused: index === focus, armed: killArmed === job.id, columns: rowColumns, onFocus: () => { setKillArmed(undefined); setFocusIndex(index); } }, job.id)))) }) }), _jsx(Divider, { color: "subtle", title: "" }), _jsx(Box, { marginTop: 0, children: _jsx(Text, { dimColor: true, children: t('jobs-panel-hint') }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, ref: clockRef, children: [_jsx(Divider, { color: "accent", title: t('jobs-panel-title') }), _jsxs(Box, { flexDirection: "row", gap: 3, marginTop: 1, marginBottom: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: "accent", children: running }), _jsxs(Text, { dimColor: true, children: [" ", t('jobs-panel-count-running')] })] }), _jsxs(Text, { children: [_jsx(Text, { color: "success", children: completed }), _jsxs(Text, { dimColor: true, children: [" ", t('jobs-panel-count-completed')] })] }), failed > 0 && (_jsxs(Text, { children: [_jsx(Text, { color: "error", children: failed }), _jsxs(Text, { dimColor: true, children: [" ", t('jobs-panel-count-failed')] })] })), _jsx(Box, { flexGrow: 1 }), _jsx(ExitButton, { onClick: () => onClose?.() })] }), _jsx(Box, { flexDirection: "column", maxHeight: Math.max(10, rows - 10), marginTop: 1, children: _jsx(ScrollBox, { ref: scrollRef, flexDirection: "column", flexGrow: 1, children: jobs.length === 0 ? (_jsxs(Box, { flexDirection: "column", alignItems: "center", marginTop: Math.max(2, Math.floor((rows - 16) / 3)), children: [_jsx(Text, { dimColor: true, children: '○' }), _jsx(Text, { dimColor: true, children: t('jobs-panel-empty') }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: t('jobs-panel-empty-hint') }) })] })) : (jobs.map((job, index) => (_jsx(JobRowLine, { job: job, focused: index === focus, armed: killArmed === job.id, columns: rowColumns, expanded: expandedJobs.has(job.id), width: terminalColumns - (panelMode ? 2 : 4), onToggle: () => { setKillArmed(undefined); setFocusIndex(index); toggleDetails(job.id); }, onFocus: () => { setKillArmed(undefined); setFocusIndex(index); } }, job.id)))) }) }), _jsx(Divider, { color: "subtle", title: "" }), _jsx(Box, { marginTop: 0, children: _jsx(Text, { dimColor: true, children: t('jobs-panel-hint') }) })] }));
 }

package/lib/types/components/KernelPicker.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { type KernelOption } from './kernelCatalog.js';
+/**
+ * 内核选择器（launchpad 的「内核」入口、/kernel 与右下角内核区三条入口共用
+ * 同一个浮层）——一行一个内核：名字 + 副标题（版本 / 置灰原因），当前内核打
+ * 勾，不可选的置灰。
+ *
+ * 视觉照 ModePicker（Pane color=permission + 标题 + 行列表 + Enter/Esc 提示行，
+ * 第五版那套 picker 的统一姿态）；键盘归宿主（Chat 的 overlay 分支）：↑/↓ 移
+ * 焦点、Enter 走确认路径、Esc 关掉，本组件不碰 useInput。
+ *
+ * 行是 ListItem，但 **styled=false**：文本样式由这里自己画。原因是不可选行
+ * 必须变暗，而 ListItem 的 disabled 会把 ❯ 焦点指针一起吞掉（renderIndicator
+ * 在 disabled 时只画一格空格）——那样键盘走上来就看不见自己在哪一行了。
+ * 于是禁用态用 dimColor 表达、指针留给 isFocused，两者互不干扰。
+ *
+ * 鼠标契约照仓库规矩：给了 onPick 行才可点（ListItem 的 hover 底色随之出现），
+ * 点击回的是**行号**——宿主把它喂给与键盘 Enter 完全相同的那条确认路径。
+ */
+export declare function KernelPicker({ options, focusIndex, pinned, onPick }: {
+    options: readonly KernelOption[];
+    focusIndex: number;
+    /** 启动参数锁定了内核：多画一行提示 */
+    pinned?: boolean;
+    /** 鼠标点行（落到 Chat 同一条确认路径） */
+    onPick?: (index: number) => void;
+}): React.ReactNode;
+//# sourceMappingURL=KernelPicker.d.ts.map

package/lib/types/components/KernelPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KernelPicker.d.ts","sourceRoot":"","sources":["../../../src/components/KernelPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEtE;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;IACpE,OAAO,EAAE,SAAS,YAAY,EAAE,CAAA;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,uBAAuB;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CAiDlB"}

package/lib/types/components/KernelPicker.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from '../i18n.js';
+import { Box, Text } from '../ui.js';
+import { Pane } from './design-system/Pane.js';
+import { ListItem } from './design-system/ListItem.js';
+import { HintLine } from './design-system/HintLine.js';
+import { kernelSubtitle } from './kernelCatalog.js';
+/**
+ * 内核选择器（launchpad 的「内核」入口、/kernel 与右下角内核区三条入口共用
+ * 同一个浮层）——一行一个内核：名字 + 副标题（版本 / 置灰原因），当前内核打
+ * 勾，不可选的置灰。
+ *
+ * 视觉照 ModePicker（Pane color=permission + 标题 + 行列表 + Enter/Esc 提示行，
+ * 第五版那套 picker 的统一姿态）；键盘归宿主（Chat 的 overlay 分支）：↑/↓ 移
+ * 焦点、Enter 走确认路径、Esc 关掉，本组件不碰 useInput。
+ *
+ * 行是 ListItem，但 **styled=false**：文本样式由这里自己画。原因是不可选行
+ * 必须变暗，而 ListItem 的 disabled 会把 ❯ 焦点指针一起吞掉（renderIndicator
+ * 在 disabled 时只画一格空格）——那样键盘走上来就看不见自己在哪一行了。
+ * 于是禁用态用 dimColor 表达、指针留给 isFocused，两者互不干扰。
+ *
+ * 鼠标契约照仓库规矩：给了 onPick 行才可点（ListItem 的 hover 底色随之出现），
+ * 点击回的是**行号**——宿主把它喂给与键盘 Enter 完全相同的那条确认路径。
+ */
+export function KernelPicker({ options, focusIndex, pinned, onPick }) {
+    return (_jsx(Pane, { color: "permission", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('kernel-picker-title') }) }), options.map((option, index) => {
+                    const focused = index === focusIndex;
+                    const subtitle = kernelSubtitle(option, key => t(key));
+                    return (_jsx(ListItem, { isFocused: focused, isSelected: option.current, description: subtitle, styled: false, onClick: onPick === undefined ? undefined : () => onPick(index), children: _jsx(Text
+                        // 不可选 = 变暗（**始终**变暗，焦点落上来也只是多一个 ❯ 指针，
+                        // 不把「这一行选不了」这件事照亮成可选的假象）。
+                        , { 
+                            // 不可选 = 变暗（**始终**变暗，焦点落上来也只是多一个 ❯ 指针，
+                            // 不把「这一行选不了」这件事照亮成可选的假象）。
+                            dimColor: !option.selectable, color: option.current ? 'success' : focused && option.selectable ? 'suggestion' : undefined, bold: focused && option.selectable, wrap: "truncate-end", children: t(option.labelKey) }) }, option.id));
+                }), pinned === true && (_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { dimColor: true, wrap: "wrap", children: t('kernel-pinned-hint') }) })), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-confirm-exit') }) })] }) }));
+}

package/lib/types/components/LogoV2.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { type Tip } from '../tips.js';
 import { type UpstreamDriftSummary } from '../dsh-adapter/contract.js';
+import { type Brand } from '../branding.js';
 import { type SplashEgg } from './splashEggs.js';
 import { type WhaleIntroId } from './whaleFrames.js';
 /**
@@ -31,7 +32,7 @@ import { type WhaleIntroId } from './whaleFrames.js';
  * with a clickable "star us on GitHub" line whose indent is recomputed from
  * its own width.
  */
-export declare function LogoV2({ model, effort, cwd, skipIntro, intro, tip, fontId, whale, whaleIdle, whaleGirl, starred, starReveal, onStarClick, working, drift, egg, starChance, align, chrome, arrangement, companionSkin, }: {
+export declare function LogoV2({ model, effort, cwd, skipIntro, intro, tip, fontId, whale, whaleIdle, whaleGirl, brand, starred, starReveal, onStarClick, working, drift, egg, starChance, align, chrome, arrangement, companionSkin, }: {
     /** 模型/effort/工作目录只画在 full 形态里；minimal（落地页）不传也行。 */
     model?: string;
     effort?: string | undefined;
@@ -63,6 +64,11 @@ export declare function LogoV2({ model, effort, cwd, skipIntro, intro, tip, font
      * replaced with better art) takes the slot. Both forms are static, so
      * `whaleIdle` only animates the whale. */
     whaleGirl?: boolean;
+    /** 品牌档（当前后端 → `brandOfProvider`，见 `branding.ts`）：claude 时
+     * 大字词换 `CLAUDE`/`CODE`、配色换橙阶、立绘槽固定 Claude 娘（不看
+     * whaleGirl 设置——鲸鱼与鲸鱼娘是 DeepSeek 品牌资产）。测试缝：缺省
+     * `deepseek`，行为与品牌化之前逐字节一致。 */
+    brand?: Brand;
     /** 本次会话已经 star 过：彩蛋标题换成「捡到一颗小星星啦」，不再重复求。 */
     starred?: boolean;
     /** 彩蛋渐显的测试缝：`instant` 时三行一次画全（静态渲染夹具用；真机不传）。 */

package/lib/types/components/LogoV2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogoV2.d.ts","sourceRoot":"","sources":["../../../src/components/LogoV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,EAAoD,KAAK,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAWxH,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAS/E,OAAO,EAA+E,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAA;AA+CjI;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAU,EACV,MAAM,EACN,GAAQ,EACR,SAAiB,EACjB,KAAK,EACL,GAAG,EACH,MAAM,EACN,KAAY,EACZ,SAAgB,EAChB,SAAiB,EACjB,OAAe,EACf,UAAU,EACV,WAAW,EACX,OAAe,EACf,KAAK,EACL,GAAG,EACH,UAAU,EACV,KAAe,EACf,MAAe,EACf,WAAmB,EACnB,aAAa,GACd,EAAE;IACD,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB;0CACsC;IACtC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,6EAA6E;IAC7E,GAAG,CAAC,EAAE,GAAG,CAAA;IACT;;qCAEiC;IACjC,GAAG,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACtB;oEACgE;IAChE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mFAAmF;IACnF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;;;;;8CAO0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gDAAgD;IAChD,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;sCACkC;IAClC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB;;;4CAGwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;mCAG+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;2EACuE;IACvE,KAAK,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAA;IACnC;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC1B;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC9B;wDACoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,KAAK,CAAC,SAAS,CA8clB"}
+{"version":3,"file":"LogoV2.d.ts","sourceRoot":"","sources":["../../../src/components/LogoV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,EAAoD,KAAK,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAMxH,OAAO,EAAqC,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAM9E,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAU/E,OAAO,EAA+E,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAA;AA+CjI;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAU,EACV,MAAM,EACN,GAAQ,EACR,SAAiB,EACjB,KAAK,EACL,GAAG,EACH,MAAM,EACN,KAAY,EACZ,SAAgB,EAChB,SAAiB,EACjB,KAAkB,EAClB,OAAe,EACf,UAAU,EACV,WAAW,EACX,OAAe,EACf,KAAK,EACL,GAAG,EACH,UAAU,EACV,KAAe,EACf,MAAe,EACf,WAAmB,EACnB,aAAa,GACd,EAAE;IACD,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB;0CACsC;IACtC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,6EAA6E;IAC7E,GAAG,CAAC,EAAE,GAAG,CAAA;IACT;;qCAEiC;IACjC,GAAG,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACtB;oEACgE;IAChE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mFAAmF;IACnF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;;;;;8CAO0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;mCAG+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gDAAgD;IAChD,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;sCACkC;IAClC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB;;;4CAGwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;mCAG+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;2EACuE;IACvE,KAAK,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAA;IACnC;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC1B;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC9B;wDACoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,KAAK,CAAC,SAAS,CAujBlB"}

package/lib/types/components/LogoV2.js

@@ -7,20 +7,22 @@ import { readFileSync } from 'node:fs';
 import { dirname, join } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { Box, Text, useAnimationFrame, useTerminalImages, useTerminalSize } from '../ui.js';
-import { getTheme } from '../theme.js';
+import { getTheme, isLightThemeActive } from '../theme.js';
+import { BRAND_SPLASH_WORDS, BRAND_TAGLINE } from '../branding.js';
 import { useTheme } from './design-system/ThemeProvider.js';
-import { parseRGB } from './Spinner/spinnerUtils.js';
-import { renderBigText } from './bigfont.js';
+import { interpolateColor, parseRGB } from './Spinner/spinnerUtils.js';
+import { paintedWidth, renderBigText } from './bigfont.js';
 import { COLUMN_GAP, WHALE_BOX_WIDTH, resolveSplashLayout } from './splashLayout.js';
 import { withTagline, pickSplashFont, splashFontById } from './splashFonts.js';
 import { pickSplashEgg, splashStarLine } from './splashEggs.js';
 import { isHistoricMilestone, markStarAsked, pendingStarMilestone, recordLaunch, STAR_MILESTONES, usageSnapshot } from '../usageStats.js';
 import { effectiveComboDisplay } from '../utils/keymap.js';
 import { stringWidth } from '../ink/stringWidth.js';
-import { BRAND, FLASH, ICE, PALE, sweep } from './shimmer.js';
+import { BRAND, EMBER, EMBER_BRIGHT, EMBER_FLASH, EMBER_LIGHT, EMBER_PALE, EMBER_PAPER_FLASH, FLASH, ICE, LAVENDER, LAVENDER_BRIGHT, LAVENDER_FLASH, LAVENDER_LIGHT, LAVENDER_PALE, LAVENDER_PAPER, LAVENDER_PAPER_FLASH, LAVENDER_SOFT, PALE, sweep } from './shimmer.js';
 import { STANDARD_FRAME_INDEX, WhaleArt } from './Whale.js';
 import { WhaleGirlArt } from './WhaleGirl.js';
-import { MAID_BOX_CENTER, MaidPortrait, useMaidPortraits } from './maidPortrait.js';
+import { ClaudeGirlArt } from './ClaudeGirl.js';
+import { MAID_BOX_CENTER, MaidPortrait, portraitAssetsOf, useMaidPortraits } from './maidPortrait.js';
 import { SplashMascot, useSplashMascotSkin } from './sidePanel/companion/SplashMascot.js';
 import { OPENING_SEQUENCES, pickOpeningSequence, WHALE_FRAME_INDEX } from './whaleFrames.js';
 import { RESTING_POSE } from './whaleLayers.js';
@@ -88,7 +90,7 @@ function capitalize(text) {
  * with a clickable "star us on GitHub" line whose indent is recomputed from
  * its own width.
  */
-export function LogoV2({ model = '', effort, cwd = '', skipIntro = false, intro, tip, fontId, whale = true, whaleIdle = true, whaleGirl = false, starred = false, starReveal, onStarClick, working = false, drift, egg, starChance, align = 'start', chrome = 'full', arrangement = 'row', companionSkin, }) {
+export function LogoV2({ model = '', effort, cwd = '', skipIntro = false, intro, tip, fontId, whale = true, whaleIdle = true, whaleGirl = false, brand = 'deepseek', starred = false, starReveal, onStarClick, working = false, drift, egg, starChance, align = 'start', chrome = 'full', arrangement = 'row', companionSkin, }) {
     // One intro per logo mount: the production path rolls (startup splash
     // and each /deepseek replay roll independently), the `intro` seam pins
     // a specific animation for probes.
@@ -165,10 +167,18 @@ export function LogoV2({ model = '', effort, cwd = '', skipIntro = false, intro,
     // 按天轮换的大字字体：同一天内恒定、隔天换一款；`fontId`（设置项）可 pin 住一款。
     const [dailyFont] = React.useState(() => pickSplashFont());
     const font = fontId === undefined ? dailyFont : splashFontById(fontId);
+    // 品牌词（`branding.ts`）：claude 内核换 `CLAUDE`/`CODE`、codex 内核换
+    // `CODEX`/`HARNESS`——字身不变、**两行同字距**（用户点名「间隙一致」：
+    // 等宽契约靠两行字距互补，字数差大的词对间隙观感差很多），块宽以默认
+    // 词对紧解为预算。窄终端阶梯阈值跟着当天真实标题宽度走，与彩蛋共用
+    // `withTagline`。
+    const words = BRAND_SPLASH_WORDS[brand];
+    const brandFont = brand !== 'deepseek' ? withTagline(font, words.top, words.bottom, { uniform: true }) : font;
     // 节日彩蛋：本地日期整天恒定，每次 mount 只判一次（照 pickSplashFont 的写法）。
-    // 只换词——字身宽度不变、字距按新词重解，所以阶梯阈值也跟着当天真实标题宽度走。
+    // 只换下排词——上排钉在品牌词上（deepseek 的 `DEEPSEEK` / claude 的 `CLAUDE`
+    // / codex 的 `CODEX`）。
     const [dailyEgg] = React.useState(() => (egg === undefined ? pickSplashEgg() : egg));
-    const titleFont = dailyEgg === null ? font : withTagline(font, dailyEgg.top, dailyEgg.bottom);
+    const titleFont = dailyEgg === null ? brandFont : withTagline(font, brand === 'deepseek' ? font.tagline.top : words.top, dailyEgg.bottom, brand === 'deepseek' ? undefined : { uniform: true });
     // 窄终端阶梯：鲸鱼 + 大字 → 纯大字 → 纯鲸鱼 → 一行纯文字（阈值随字体字身宽度变）。
     const splash = resolveSplashLayout(columns, { whale, font: titleFont });
     /**
@@ -188,12 +198,18 @@ export function LogoV2({ model = '', effort, cwd = '', skipIntro = false, intro,
     // 女仆娘档优先走**真图**（Kitty/Sixel 终端图像协议，见 `maidPortrait.tsx`）；
     // 协议不可用（内联模式、终端不支持）或资产解码失败时，回落到字符画版
     // 女仆娘（`WhaleGirl.tsx` 半块精灵——作者占位，之后会换更好看的）。
+    // 品牌档（`branding.ts`）的立绘槽固定各自的娘（同一套盒几何）：claude =
+    // Claude 娘（真图 `assets/claude-girl/`，回落 `ClaudeGirl.tsx`）；codex =
+    // 淡紫恶魔精灵（真图 `assets/codex-girl/`，回落 `WhaleGirl.tsx`）——都不看
+    // whaleGirl 设置。像素鲸鱼、鲸鱼娘与 deepy/鲸娘皮肤是 DeepSeek 品牌的资产。
     // 两种形态都是静态立绘：闲置动画与点击爱心仍是鲸鱼专属。
     // `maidImageActive` 只在「真图画出来了」时为真。
-    const imagesAvailable = useTerminalImages(whaleGirl);
-    const portraits = useMaidPortraits(whaleGirl && imagesAvailable);
+    const claudeArt = brand === 'claude';
+    const portraitMode = whaleGirl || brand !== 'deepseek';
+    const imagesAvailable = useTerminalImages(portraitMode);
+    const portraits = useMaidPortraits(portraitMode && imagesAvailable, portraitAssetsOf(brand));
     const maidSource = portraits?.normal;
-    const maidImageActive = whaleGirl && imagesAvailable && maidSource !== undefined;
+    const maidImageActive = portraitMode && imagesAvailable && maidSource !== undefined;
     // 点一下她 → 换成「高兴鲸娘」几秒（自动回安静版；第一个任务后定格、
     // 不再响应，与鲸鱼的规则一致）。定时器在卸载/重挂时清掉。
     const [maidHappy, setMaidHappy] = React.useState(false);
@@ -230,7 +246,7 @@ export function LogoV2({ model = '', effort, cwd = '', skipIntro = false, intro,
     React.useEffect(() => {
         // 女仆娘档（真图或字符画）与吉祥物档（SplashMascot 自带节拍器）都
         // 不需要鲸鱼的闲置规划器：那两条路径里分层鲸根本没画。
-        if (!settled || !whaleIdle || !showWhale || whaleFrozen || whaleGirl || mascotSkin !== undefined) {
+        if (!settled || !whaleIdle || !showWhale || whaleFrozen || portraitMode || mascotSkin !== undefined) {
             setIdlePose(null);
             tickRef.current = null;
             return;
@@ -261,7 +277,7 @@ export function LogoV2({ model = '', effort, cwd = '', skipIntro = false, intro,
             if (timer !== undefined)
                 clearTimeout(timer);
         };
-    }, [settled, whaleIdle, showWhale, working, whaleFrozen, whaleGirl]);
+    }, [settled, whaleIdle, showWhale, working, whaleFrozen, portraitMode]);
     // Render priority: the layered planner pose owns the settled header while
     // it runs (hearts and blinks compose over the body planes). Otherwise a
     // click heart plays as whole heart frames over the intro — or over the
@@ -274,7 +290,14 @@ export function LogoV2({ model = '', effort, cwd = '', skipIntro = false, intro,
     // Frozen clock for the settled header: t=0 parks every sweep highlight
     // off-screen, leaving the static gradient behind.
     const t = settled ? 0 : time;
-    const tagline = tr('logo-tagline');
+    // 品牌欢迎语（claude 档专用文案；deepseek 沿用 i18n 的 `logo-tagline`）。
+    // 英文是两行（\n 分隔）——渲染与居中都按行处理，见下方 welcomeWidth/渲染。
+    const brandTagline = BRAND_TAGLINE[brand];
+    const tagline = brand !== 'deepseek'
+        ? (getLang() === 'zh' ? brandTagline.zh : brandTagline.en)
+        : tr('logo-tagline');
+    /** 欢迎语逐行拆开（单行文案就是一元素）。 */
+    const taglineLines = tagline.split('\n');
     // 求 star 改由**本机用量里程碑**触发（累计启动次数 / 累计在线时长），不再每次随机：
     // 跨档时只报最高那一档、每档只报一次（`usageStats` 记账）。`starChance` 退化成测试缝
     // ——0 关掉、非 0 强开（强开时用最高那档的文案）。`DSH_TUI_STAR_LINE=1`
@@ -336,22 +359,89 @@ export function LogoV2({ model = '', effort, cwd = '', skipIntro = false, intro,
     // the width the line ACTUALLY shows: the star easter egg renders a longer
     // line than `logo-tagline`, so reusing the tagline's width would push it
     // visibly off-center.
-    const welcomeWidth = starLine === null ? stringWidth(tagline) : starLine.width;
+    // 多行欢迎语取**最宽行**算宽（居中缩进以此为准，窄行再各自补半差）。
+    const welcomeWidth = starLine === null
+        ? Math.max(...taglineLines.map(line => stringWidth(line)))
+        : starLine.width;
     // 居中排版（落地页）交给父级的 `alignItems="center"`，缩进一律为 0；只有
     // 转录区顶部那一版才需要"把标语钉在鲸鱼下方"。这条判据与根盒的
     // `align` 走同一个开关，否则两种对齐会各偏一点。
     const welcomePad = align === 'center'
         ? 0
         : showWhale
-            ? Math.max(0, Math.round((whaleGirl ? MAID_BOX_CENTER : WHALE_CENTER) - welcomeWidth / 2))
+            ? Math.max(0, Math.round((portraitMode ? MAID_BOX_CENTER : WHALE_CENTER) - welcomeWidth / 2))
             : 2;
     // 两行标题各自用字体声明的字距；下排再按 `bottomIndent` 居中——
     // 两者一起保证画出来的列数相等（见 splashFonts 的 tagline 契约）。
-    // 节日彩蛋换的就是这里的两排词（`titleFont` 已按当天词对重解字距）；字体若自带
-    // 配色（半立体那款的灰阶）就用它，否则沿用主题的 accent→activity。
-    const { top, bottom, topKerning, bottomKerning, bottomIndent } = titleFont.tagline;
-    const bigDeepSeek = renderBigText(titleFont, top, t, titleFont.palette?.from ?? wordmarkRGB, titleFont.palette?.to ?? taglineRGB, FLASH, 60, topKerning);
-    const bigHarness = renderBigText(titleFont, bottom, t, titleFont.palette?.from ?? taglineRGB, titleFont.palette?.to ?? PALE, FLASH, 60, bottomKerning, bottomIndent);
+    // 节日彩蛋换的就是这里的两排词（`titleFont` 已按当天词对重解字距）。
+    const { top: fontTop, bottom, topKerning, bottomKerning, bottomIndent } = titleFont.tagline;
+    // 品牌词对经 withTagline 重解后 fontTop 即品牌上排词（含彩蛋日的钉顶）。
+    const top = fontTop;
+    // 大字配色按字体/品牌解析（运行时 `palette`（扩展缝）最优先）：
+    // - deepseek：主题 accent → activity → PALE 的蓝白阶（品牌化之前的行为）；
+    // - claude：cc-bridge 校过的深橙 → 浅橙，两行同一对端点——第二行终点不再
+    //   落到写死的蓝白 PALE；
+    // - bevel（半立体）两个品牌都随基色派生亮/暗两档（提亮 / 压暖黑）：字形
+    //   自带 █/▓ 明暗笔画，叠上主题色渐变才是"金属受光"。旧版写死的静态灰阶
+    //   在任何主题下都像没上色（用户反馈的"灰色字体"）。
+    // claude 双主题的大字端点：深底 #D77757 → 淡橙；浅底（claude-paper）反向
+    // ——正色压深 #C96442、高光也变深（浅底上"亮"是加深）。bevel 的金属明暗
+    // 两档同样以当档基色派生。
+    const brandPaper = brand !== 'deepseek' && isLightThemeActive(themeName);
+    // 品牌大字色阶（跨两行三档，从左上到右下走完）：claude 陶土橙、codex 薰衣草
+    // 紫；深底从亮档起步奔最亮收，浅底反向从深化档起步（浅底上"亮"是加深）。
+    // deepseek 不在表内——沿用主题 wordmark/tagline/PALE 的蓝白阶。
+    const brandLadder = brand === 'claude'
+        ? (brandPaper
+            ? { base: EMBER, start: EMBER, mid: EMBER_LIGHT, end: EMBER_BRIGHT, flash: EMBER_PAPER_FLASH }
+            : { base: EMBER_LIGHT, start: EMBER_LIGHT, mid: EMBER_BRIGHT, end: EMBER_PALE, flash: EMBER_FLASH })
+        : brand === 'codex'
+            ? (brandPaper
+                ? { base: LAVENDER_PAPER, start: LAVENDER_PAPER, mid: LAVENDER_LIGHT, end: LAVENDER, flash: LAVENDER_PAPER_FLASH }
+                : { base: LAVENDER_BRIGHT, start: LAVENDER_BRIGHT, mid: LAVENDER_SOFT, end: LAVENDER_PALE, flash: LAVENDER_FLASH })
+            : undefined;
+    const brandBase = brandLadder?.base ?? wordmarkRGB;
+    const bevelShade = titleFont.id === 'bevel'
+        ? {
+            from: interpolateColor(brandBase, { r: 255, g: 255, b: 255 }, 0.45),
+            to: interpolateColor(brandBase, { r: 24, g: 18, b: 12 }, 0.55),
+        }
+        : undefined;
+    // 扫光高光同族：橙字上扫过蓝光会很脏；claude 深底暖阳高光、浅底深化高光。
+    const flash = brandLadder?.flash ?? FLASH;
+    // claude 渐变是**跨两行的三档色阶**（行一 起→中、行二 中→收），整幅从左
+    // 上到右下走完色阶。起点两轮提亮（用户反馈"还是暗"）：深底直接从亮档
+    // #E68A69 起步 → #EFA97E → 奶油橙 #FBD6B0（官方正色 #D77757 明度中等、
+    // 压深底发闷，只留给浅底当起点）；浅底 #D77757 → #E68A69 → #EFA97E。
+    const titleFrom = titleFont.palette?.from
+        ?? bevelShade?.from
+        ?? brandLadder?.start
+        ?? wordmarkRGB;
+    const titleTopTo = titleFont.palette?.to
+        ?? bevelShade?.to
+        ?? brandLadder?.mid
+        ?? taglineRGB;
+    const titleBottomFrom = titleFont.palette?.from
+        ?? bevelShade?.from
+        ?? brandLadder?.mid
+        ?? taglineRGB;
+    const titleBottomTo = titleFont.palette?.to
+        ?? bevelShade?.to
+        ?? brandLadder?.end
+        ?? PALE;
+    // 品牌档两行同字距后宽度不同，对齐按形态处理（用户定调）：居中形态
+    // （落地页/启动页）窄行补半差，两行各自居中成金字塔；钉左形态（对话页
+    // 标题）两行左缘对齐。deepseek 档维持求解器的 bottomIndent（等宽契约）。
+    const uniformBrand = brand !== 'deepseek';
+    const centeredTitle = uniformBrand && align === 'center';
+    const topInk = paintedWidth(titleFont, top, topKerning);
+    const bottomInk = paintedWidth(titleFont, bottom, bottomKerning);
+    const topIndent = centeredTitle ? Math.max(0, Math.round((bottomInk - topInk) / 2)) : 0;
+    const bottomShift = centeredTitle
+        ? Math.max(0, Math.round((topInk - bottomInk) / 2))
+        : (uniformBrand ? 0 : bottomIndent);
+    const bigDeepSeek = renderBigText(titleFont, top, t, titleFrom, titleTopTo, flash, 60, topKerning, topIndent);
+    const bigHarness = renderBigText(titleFont, bottom, t, titleBottomFrom, titleBottomTo, flash, 60, bottomKerning, bottomShift);
     // 立绘槽位的**唯一真源**：文字列的实际行数。full = 词标 1 + 两排大字 +
     // 两排之间空 1 行 + 模型/目录/提示 3 行；minimal = 只有两排大字 + 空行
     //（信息行整块不画，见 chrome prop）。槽位与它等高，图片既不压过文字列
@@ -372,7 +462,7 @@ export function LogoV2({ model = '', effort, cwd = '', skipIntro = false, intro,
                                 reactMaid();
                                 return;
                             }
-                            if (whaleGirl)
+                            if (portraitMode)
                                 return;
                             if (settled && whaleIdle) {
                                 pendingHeartRef.current = true;
@@ -382,9 +472,15 @@ export function LogoV2({ model = '', effort, cwd = '', skipIntro = false, intro,
                                 setHeartSeq(0);
                                 setHeartKey(k => k + 1);
                             }
-                        }, children: _jsx(Box, { width: WHALE_BOX_WIDTH, flexDirection: "column", alignItems: "center", children: mascotSkin !== undefined ? (_jsx(SplashMascot, { skin: mascotSkin, active: !whaleFrozen && whaleIdle })) : whaleGirl ? (_jsx(Box, { width: WHALE_BOX_WIDTH, height: textColumnRows, flexDirection: "row", justifyContent: "center", alignItems: "center", children: maidImageActive ? (_jsx(MaidPortrait, { source: maidHappy ? (portraits?.happy ?? maidSource) : maidSource, maxColumns: WHALE_BOX_WIDTH, maxRows: textColumnRows, presentation: "transcript" })) : (_jsx(WhaleGirlArt, { width: WHALE_BOX_WIDTH })) })) : (_jsx(WhaleArt, { frameIndex: frameIndex, pose: settled && whaleIdle && !whaleFrozen ? (idlePose ?? RESTING_POSE) : undefined, width: WHALE_BOX_WIDTH })) }) })), (showBigTitle || showPlainTitle) && (_jsxs(Box, { flexDirection: "column", flexShrink: 1, children: [chrome !== 'minimal' && (_jsxs(Text, { wrap: "truncate-end", children: [sweep('✦ dsh-TUI', t, wordmarkRGB, wordmarkShimmerRGB, 60), _jsx(Text, { dimColor: true, children: '  v' + VERSION })] })), showBigTitle ? (_jsxs(_Fragment, { children: [bigDeepSeek.map((row, index) => (_jsx(Text, { wrap: "truncate-end", children: row }, `ds-${index}`))), _jsx(Box, { height: 1 }), bigHarness.map((row, index) => (_jsx(Text, { wrap: "truncate-end", children: row }, `h-${index}`)))] })) : (showPlainTitle && (_jsx(Text, { color: "accent", bold: true, wrap: "truncate-end", children: "DeepSeek Harness" }))), chrome !== 'minimal' && (_jsxs(_Fragment, { children: [_jsxs(Text, { wrap: "truncate-end", children: [model, effort !== undefined && _jsx(Text, { dimColor: true, children: ' · ' + capitalize(effort) + ' effort' })] }), _jsx(Text, { dimColor: true, wrap: "truncate-end", children: cwd }), _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { dimColor: true, children: tr('logo-tip-prefix') }), getLang() === 'zh' ? randomTip.zh : randomTip.en, _jsx(Text, { dimColor: true, children: ' · /tips ' + tr('logo-tip-more') })] })] })), chrome !== 'minimal' && driftLine != null && (_jsxs(Text, { color: "warning", wrap: "wrap", children: ["\u26A0", ' ', tOr(`logo-drift-${driftLine.kind}`, `The dsh engine (${driftLine.versions.join(' / ')}) does not match the validated ${UPSTREAM_VALIDATED_VERSION}; reinstall via npm i -g @deepseek-ai/dsh@${UPSTREAM_VALIDATED_VERSION}.`, {
+                        }, children: _jsx(Box, { width: WHALE_BOX_WIDTH, flexDirection: "column", alignItems: "center", children: brand === 'deepseek' && mascotSkin !== undefined ? (_jsx(SplashMascot, { skin: mascotSkin, active: !whaleFrozen && whaleIdle })) : portraitMode ? (_jsx(Box, { width: WHALE_BOX_WIDTH, height: textColumnRows, flexDirection: "row", justifyContent: "center", alignItems: "center", children: maidImageActive ? (_jsx(MaidPortrait, { source: maidHappy ? (portraits?.happy ?? maidSource) : maidSource, maxColumns: WHALE_BOX_WIDTH, maxRows: textColumnRows, presentation: "transcript" })) : (claudeArt ? _jsx(ClaudeGirlArt, { width: WHALE_BOX_WIDTH }) : _jsx(WhaleGirlArt, { width: WHALE_BOX_WIDTH })) })) : (_jsx(WhaleArt, { frameIndex: frameIndex, pose: settled && whaleIdle && !whaleFrozen ? (idlePose ?? RESTING_POSE) : undefined, width: WHALE_BOX_WIDTH })) }) })), (showBigTitle || showPlainTitle) && (_jsxs(Box, { flexDirection: "column", flexShrink: 1, children: [chrome !== 'minimal' && (_jsxs(Text, { wrap: "truncate-end", children: [sweep('✦ dsh-TUI', t, wordmarkRGB, wordmarkShimmerRGB, 60), _jsx(Text, { dimColor: true, children: '  v' + VERSION })] })), showBigTitle ? (_jsxs(_Fragment, { children: [bigDeepSeek.map((row, index) => (_jsx(Text, { wrap: "truncate-end", children: row.replace(/\s+$/u, '') }, `ds-${index}`))), _jsx(Box, { height: 1 }), bigHarness.map((row, index) => (_jsx(Text, { wrap: "truncate-end", children: row.replace(/\s+$/u, '') }, `h-${index}`)))] })) : (showPlainTitle && (_jsx(Text, { color: "accent", bold: true, wrap: "truncate-end", children: words.plain }))), chrome !== 'minimal' && (_jsxs(_Fragment, { children: [_jsxs(Text, { wrap: "truncate-end", children: [model, effort !== undefined && _jsx(Text, { dimColor: true, children: ' · ' + capitalize(effort) + ' effort' })] }), _jsx(Text, { dimColor: true, wrap: "truncate-end", children: cwd }), _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { dimColor: true, children: tr('logo-tip-prefix') }), getLang() === 'zh' ? randomTip.zh : randomTip.en, _jsx(Text, { dimColor: true, children: ' · /tips ' + tr('logo-tip-more') })] })] })), chrome !== 'minimal' && driftLine != null && (_jsxs(Text, { color: "warning", wrap: "wrap", children: ["\u26A0", ' ', tOr(`logo-drift-${driftLine.kind}`, `The dsh engine (${driftLine.versions.join(' / ')}) does not match the validated ${UPSTREAM_VALIDATED_VERSION}; reinstall via npm i -g @deepseek-ai/dsh@${UPSTREAM_VALIDATED_VERSION}.`, {
                                         installed: driftLine.versions.join(' / '),
                                         validated: UPSTREAM_VALIDATED_VERSION,
                                         primary: UPSTREAM_VALIDATED_VERSION,
-                                    })] }))] }))] }), (chrome !== 'minimal' || starLine !== null) && (_jsx(Box, { flexDirection: "column", marginTop: 1, ...(starLine === null || onStarClick === undefined ? {} : { onClick: onStarClick }), children: starLine === null ? (_jsx(Box, { paddingLeft: welcomePad, children: _jsx(Text, { children: sweep(tagline, t, taglineRGB, FLASH, 60) }) })) : (_jsxs(_Fragment, { children: [_jsx(Box, { paddingLeft: welcomePad, children: _jsx(Text, { children: sweep(starLine.title, t, taglineRGB, FLASH, 60) }) }), revealed >= 1 && (_jsx(Box, { paddingLeft: welcomePad, children: _jsx(Text, { dimColor: true, children: starLine.stats }) })), revealed >= 2 && starred !== true && starLine.ask !== null && (_jsx(Box, { paddingLeft: welcomePad, children: _jsx(Text, { children: starLine.ask }) }))] })) }))] }));
+                                    })] }))] }))] }), (chrome !== 'minimal' || starLine !== null) && (_jsx(Box, { flexDirection: "column", marginTop: 1, ...(starLine === null || onStarClick === undefined ? {} : { onClick: onStarClick }), children: starLine === null ? (
+                // 多行欢迎语（claude 品牌英文 slogan 是两行）：`center` 版式交给
+                // 父级逐行居中；`start` 版式在立绘中线下**块内居中**——窄行补半差，
+                // 两行的中轴对齐而不是左缘对齐。
+                taglineLines.map(line => (_jsx(Box, { paddingLeft: align === 'center'
+                        ? 0
+                        : welcomePad + Math.max(0, Math.round((welcomeWidth - stringWidth(line)) / 2)), children: _jsx(Text, { children: sweep(line, t, taglineRGB, flash, 60) }) }, line)))) : (_jsxs(_Fragment, { children: [_jsx(Box, { paddingLeft: welcomePad, children: _jsx(Text, { children: sweep(starLine.title, t, taglineRGB, flash, 60) }) }), revealed >= 1 && (_jsx(Box, { paddingLeft: welcomePad, children: _jsx(Text, { dimColor: true, children: starLine.stats }) })), revealed >= 2 && starred !== true && starLine.ask !== null && (_jsx(Box, { paddingLeft: welcomePad, children: _jsx(Text, { children: starLine.ask }) }))] })) }))] }));
 }

package/lib/types/components/Markdown.d.ts

@@ -29,7 +29,8 @@ type Props = {
  * Tokens that render as their own layout node (a width-aware component)
  * instead of joining the ANSI text run. StreamingMarkdown consults the same
  * predicate: a standalone node has a fixed one-row gap to its neighbours
- * rather than the newline-derived spacing of text blocks.
+ * rather than the newline-derived spacing of text blocks. Top-level
+ * fenced code is one too (CodeBlockFrame).
  */
 export declare function isStandaloneToken(token: Token): boolean;
 /**

package/lib/types/components/Markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAU,KAAK,KAAK,EAAe,MAAM,QAAQ,CAAA;AAYxD;;;;;;;;;;;GAWG;AAEH,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAyED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAEvD;AAuGD;;;;;;;;;;GAUG;AACH,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAgB,EAAE,WAAkB,EAAE,gBAAuB,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAkCzH;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,gDAOpB,CAAA"}
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAU,KAAK,KAAK,EAAe,MAAM,QAAQ,CAAA;AAexD;;;;;;;;;;;GAWG;AAEH,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAiFD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAOvD;AAkHD;;;;;;;;;;GAUG;AACH,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAgB,EAAE,WAAkB,EAAE,gBAAuB,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAwCzH;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,gDAOpB,CAAA"}