@rexvane/piweb 0.3.15 → 0.3.17

package/src/app/api/models/route.ts

@@ -7,6 +7,7 @@ import {
 	CustomProvidersValidationError,
 	discoverModels,
 	listModels,
+	listModelsForPiWeb,
 	loginState,
 	providerUsage,
 	readCustomProviders,
@@ -37,7 +38,7 @@ export async function GET(req: Request) {
 	const full = custom || params.get("full") === "1";
 	try {
 		const customProviders = custom ? await readCustomProviders() : null;
-		const data = await listModels();
+		const data = await (full ? listModels() : listModelsForPiWeb());
 		// 页面挂载只需要选模型用的字段（1300+ 个模型带 api/baseUrl/cost/input 有 400KB）；设置页用 custom=1 拿完整版
 		const models = full
 			? data.models

package/src/app/globals.css

@@ -221,11 +221,47 @@ textarea::placeholder {
 	}
 }
 
+.piweb-conversation-width-handle {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	z-index: 3;
+	width: 12px;
+	cursor: col-resize;
+	touch-action: none;
+}
+.piweb-conversation-width-handle[data-side="left"] {
+	left: calc(50% - var(--dsh-chat-content-width) / 2 - 20px);
+}
+.piweb-conversation-width-handle[data-side="right"] {
+	right: calc(50% - var(--dsh-chat-content-width) / 2 - 20px);
+}
+.piweb-conversation-width-handle::after {
+	content: "";
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 5px;
+	width: 2px;
+	border-radius: 2px;
+	background: var(--dsw-border-l3);
+	opacity: 0;
+	transition: opacity var(--ds-duration-fast);
+}
+.piweb-conversation-width-handle:hover::after,
+.piweb-conversation-width-handle[data-dragging]::after,
+.piweb-conversation-width-handle:focus-visible::after {
+	opacity: 1;
+}
+
 @media (max-width: 840px) {
 	:root {
 		--dsh-chat-content-width: 100%;
 		--dsh-composer-card-max-width: 100%;
 	}
+	.piweb-conversation-width-handle {
+		display: none;
+	}
 
 	.pi-main > .hairline-b {
 		padding-left: 56px;
@@ -739,6 +775,18 @@ textarea::placeholder {
 	font-size: 13px;
 	line-height: 1.55;
 }
+.md-code-block {
+	position: relative;
+}
+.md-code-copy {
+	position: absolute;
+	top: 12px;
+	right: 12px;
+	z-index: 1;
+}
+.md-code-block pre {
+	padding-top: 40px;
+}
 .md table {
 	border-collapse: collapse;
 	margin: 0.7em 0;
@@ -1769,6 +1817,48 @@ body[data-pebrel-theme="pebrel"][data-ds-dark-theme] {
 .pw-timeline {
 	flex: none;
 }
+/* 生长时间轴：每轮一根柱，底对齐，超出横向滚动；高度由内联样式给（= 改动行数） */
+.pw-tl-rail {
+	display: flex;
+	align-items: flex-end;
+	gap: 3px;
+	height: 34px;
+	padding: 6px 10px 2px;
+	overflow-x: auto;
+	scrollbar-width: none;
+}
+.pw-tl-rail::-webkit-scrollbar {
+	display: none;
+}
+.pw-tl-bar {
+	flex: none;
+	width: 8px;
+	min-height: 3px;
+	border-radius: 2px 2px 1px 1px;
+	opacity: 0.5;
+	transition: opacity var(--ds-duration-fast) var(--ds-ease-in-out);
+}
+.pw-tl-bar:hover {
+	opacity: 0.85;
+}
+.pw-tl-bar[data-active] {
+	opacity: 1;
+	box-shadow: 0 0 0 1px var(--dsw-sidebar-fill), 0 0 0 2px var(--dsw-label-secondary);
+}
+.pw-tl-bar[data-kind="user"] {
+	width: 4px;
+}
+.pw-tl-bar[data-running] {
+	height: 14px;
+	border: 1px dashed var(--dsw-label-caption);
+	background: transparent;
+	animation: pw-tl-breathe 1.6s var(--ds-ease-in-out) infinite;
+}
+@keyframes pw-tl-breathe {
+	50% {
+		opacity: 0.2;
+	}
+}
 
 /* 文件查看器：80vw × 80vh 居中，全屏切 100% */
 .pw-viewer {

package/src/components/AppShell.tsx

@@ -7,7 +7,7 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { PiMark } from "@/components/PiMark";
 import { ChatInput, EMPTY_CHAT_DRAFT, type ChatDraft, type ChatDraftUpdate } from "@/components/ChatInput";
-import { ChatWindow, SessionStatsBar } from "@/components/ChatWindow";
+import { ChatWindow, SessionStatsBar, type RoundBadge } from "@/components/ChatWindow";
 import { ExtensionDialogHost, ExtensionNotices } from "@/components/ExtensionUI";
 import dynamic from "next/dynamic";
 import { SessionSidebar } from "@/components/SessionSidebar";
@@ -574,29 +574,39 @@ export function AppShell() {
 	useEffect(() => {
 		resetViewer();
 	}, [panelCwd, resetViewer]);
-	const growthTurnStarts = useMemo(
-		() => {
-			const persisted = state.snapshot?.userTurns ?? [];
-			const ids = new Set(persisted.map((turn) => turn.id));
-			const lastTs = persisted[persisted.length - 1]?.ts ?? -Infinity;
-			const live = state.messages
-				.filter((message) => message.role === "user" && (!message.id || !ids.has(message.id)) && (message.timestamp ?? Date.now()) >= lastTs - 1000)
-				.map((message) => message.timestamp ?? Date.now());
-			return [...persisted.map((turn) => turn.ts), ...live];
-		},
-		[state.snapshot?.userTurns, state.messages],
-	);
 	const growth = useGrowth({
 		cwd: panelCwd,
 		sessionPath: currentPath,
-		liveSteps: state.growth.steps,
-		pending: state.growth.pending,
+		liveRounds: state.growth.rounds,
 		runtimeError: state.growth.error,
 		active: projectOpen || viewer.state.open,
+		watchRounds: Boolean(currentPath),
 		connected: state.connected,
-		turnStarts: growthTurnStarts,
 	});
 	const openFileNode = useCallback((node: TreeNode) => viewer.open(node.path, { from: node.from, lazy: node.lazy }), [viewer]);
+	const roundBadges = useMemo(() => {
+		const map = new Map<string, RoundBadge>();
+		for (const round of growth.rounds) {
+			if (round.kind !== "round" || !round.promptIds[0]) continue;
+			const st = round.stats;
+			map.set(round.promptIds[0], { commit: round.commit, files: st.added + st.modified + st.deleted + st.renamed, add: st.add, del: st.del });
+		}
+		return map;
+	}, [growth.rounds]);
+	const growthSelect = growth.select;
+	const showRound = useCallback((commit: string) => {
+		toggleProject(true);
+		growthSelect(commit);
+	}, [toggleProject, growthSelect]);
+	const jumpToChat = useCallback((messageId: string) => {
+		requestAnimationFrame(() => {
+			const node = document.querySelector<HTMLElement>(`[data-role="user"][data-message-id="${CSS.escape(messageId)}"]`);
+			if (!node) return;
+			node.scrollIntoView({ block: "center", behavior: "smooth" });
+			node.dataset.flash = "";
+			setTimeout(() => delete node.dataset.flash, 1600);
+		});
+	}, []);
 
 	useEffect(() => {
 		document.title = currentId && title && title !== "pi" ? `${title} · pi` : "pi";
@@ -622,6 +632,8 @@ export function AppShell() {
 				workspaceName={panelCwd ? getWorkspaceName(panelCwd) : ""}
 				cwd={panelCwd}
 				hasSession={Boolean(currentPath)}
+				running={isStreaming}
+				onJumpToChat={jumpToChat}
 				onOpenFile={openFileNode}
 				onReference={insertIntoComposer}
 				onOpenEditor={openInEditor}
@@ -845,6 +857,8 @@ export function AppShell() {
 									onOpenFile={openInEditor}
 									onFork={handleFork}
 									onEditMessage={doEditMessage}
+									roundBadges={roundBadges}
+									onShowRound={showRound}
 								/>
 								<div className="px-4 pb-3 pt-2">
 									<div className="mx-auto w-full" style={{ maxWidth: "var(--dsh-composer-card-max-width)" }}>

package/src/components/ChatWindow.tsx

@@ -76,13 +76,54 @@ function formatMessageClock(time: number, t: Dict): string {
 	return `${md} ${clock}`;
 }
 
+type MarkdownTextNode = { value?: unknown; children?: MarkdownTextNode[] };
+function markdownNodeText(node: MarkdownTextNode | undefined): string {
+	if (!node) return "";
+	if (typeof node.value === "string") return node.value;
+	return node.children?.map(markdownNodeText).join("") ?? "";
+}
+
+function CopyButton({ text }: { text: string }) {
+	const [copied, setCopied] = useState(false);
+	const [copyFailed, setCopyFailed] = useState(false);
+	const { t } = useI18n();
+	return (
+		<>
+			<button
+				type="button"
+				className="icon-btn"
+				title={copyFailed ? t.copyFailed : t.copy}
+				aria-label={t.copy}
+				onClick={() => {
+					void copyText(text).then((ok) => {
+						setCopied(ok);
+						setCopyFailed(!ok);
+						setTimeout(() => { setCopied(false); setCopyFailed(false); }, 1200);
+					});
+				}}
+			>
+				{copied ? <IconCheckOutline14 size={14} /> : <IconCopyOutline16 size={14} />}
+			</button>
+			{copyFailed && <span role="alert" style={{ fontSize: 11, color: "var(--dsw-danger)" }}>{t.copyFailed}</span>}
+		</>
+	);
+}
+
 const Markdown = memo(function Markdown({ text }: { text: string }) {
 	return (
 		<div className="md">
 			<ReactMarkdown
 				remarkPlugins={[remarkGfm]}
 				rehypePlugins={[[rehypeHighlight, { detect: false, ignoreMissing: true }]]}
-				components={{ a: ({ node: _node, ...props }) => <a {...props} target="_blank" rel="noopener noreferrer" /> }}
+				components={{
+					a: ({ node: _node, ...props }) => <a {...props} target="_blank" rel="noopener noreferrer" />,
+					pre: ({ node, children, ...props }) => (
+						<div className="md-code-block">
+							<div className="md-code-copy"><CopyButton text={markdownNodeText(node)} /></div>
+							<pre {...props}>{children}</pre>
+						</div>
+					),
+				}}
 			>
 				{text}
 			</ReactMarkdown>
@@ -887,8 +928,16 @@ const FinalAnswer = memo(function FinalAnswer({
 	);
 });
 
+/** 对话里提问下方的「本轮改了 N 个文件」：来自项目生长这一轮的 commit */
+export interface RoundBadge {
+	commit: string;
+	files: number;
+	add: number;
+	del: number;
+}
+
 /** 行级 memo：流式期间只有最后一条消息变化，历史行全部跳过重渲染 */
-const UserMessage = memo(function UserMessage({ message, onEditMessage }: { message: WebMessage; onEditMessage?: (entryId: string, text: string) => void }) {
+const UserMessage = memo(function UserMessage({ message, badge, onShowRound, onEditMessage }: { message: WebMessage; badge?: RoundBadge; onShowRound?: (commit: string) => void; onEditMessage?: (entryId: string, text: string) => void }) {
 	const { t } = useI18n();
 	const text = message.content
 		.filter((c): c is { type: "text"; text: string } => c.type === "text")
@@ -900,7 +949,7 @@ const UserMessage = memo(function UserMessage({ message, onEditMessage }: { mess
 	const canEdit = Boolean(onEditMessage && message.id && text);
 	if (editing) {
 		return (
-			<div className="group mt-7 flex w-full flex-col items-end first:mt-0" data-role="user">
+			<div className="group mt-7 flex w-full flex-col items-end first:mt-0" data-role="user" data-message-id={message.id}>
 				<div className="msg-user-bubble w-full">
 					<textarea
 						className="w-full resize-none bg-transparent outline-none"
@@ -940,7 +989,7 @@ const UserMessage = memo(function UserMessage({ message, onEditMessage }: { mess
 	}
 	return (
 		// 回合边界：用户消息前留 28px（比回合内 8px 大得多），长对话里一眼找到“这一轮从哪开始”
-		<div className="group mt-7 flex w-full flex-col items-end first:mt-0" data-role="user">
+		<div className="group mt-7 flex w-full flex-col items-end first:mt-0" data-role="user" data-message-id={message.id}>
 			{images.length > 0 && (
 				<div className="mb-2 flex max-w-[85%] flex-wrap justify-end gap-2">
 					{images.map((image, index) => (
@@ -956,6 +1005,23 @@ const UserMessage = memo(function UserMessage({ message, onEditMessage }: { mess
 			)}
 			{/* 用户消息也走 Markdown：贴进来的代码块/列表不再是一坨纯文本 */}
 			{text && <div className="msg-user-bubble"><Markdown text={text} /></div>}
+			{badge && (
+				<button
+					type="button"
+					className="pw-chip mt-1.5"
+					title={t.chatRoundShow}
+					onClick={() => onShowRound?.(badge.commit)}
+					data-testid="round-badge"
+				>
+					{badge.files ? t.chatRoundChanged.replace("{n}", String(badge.files)) : t.chatRoundNoChanges}
+					{badge.files > 0 && (
+						<>
+							<span style={{ color: "var(--dsw-success)" }}> +{badge.add}</span>
+							<span style={{ color: "var(--dsw-danger)" }}> −{badge.del}</span>
+						</>
+					)}
+				</button>
+			)}
 			{/* 用户消息：复制 + 原地编辑重发（编辑后模型从这条消息重新回答）；时钟在图标左侧（dsh clock=start） */}
 			{text && (
 				<MessageActions
@@ -1015,6 +1081,8 @@ function TurnBlockView({
 	workingMessage,
 	onFork,
 	onEditMessage,
+	roundBadge,
+	onShowRound,
 	onInspectTool,
 	onOpenFile,
 }: {
@@ -1034,6 +1102,8 @@ function TurnBlockView({
 	onFork?: (entryId: string) => void;
 	/** 编辑该回合的用户消息并重新发送（模型从这条消息重新回答） */
 	onEditMessage?: (entryId: string, text: string) => void;
+	roundBadge?: RoundBadge;
+	onShowRound?: (commit: string) => void;
 	onInspectTool?: (toolCallId: string) => void;
 	onOpenFile?: (path: string) => void;
 }) {
@@ -1085,7 +1155,7 @@ function TurnBlockView({
 
 	return (
 		<>
-			{user && <UserMessage message={user} onEditMessage={onEditMessage} />}
+			{user && <UserMessage message={user} badge={roundBadge} onShowRound={onShowRound} onEditMessage={onEditMessage} />}
 			{showProcess && (
 				<div className="pw-turn">
 					{contextFiles?.map((resource, i) => (
@@ -1200,6 +1270,11 @@ function turnBlockPropsEqual(prev: TurnBlockProps, next: TurnBlockProps): boolea
 		prev.contextFiles !== next.contextFiles ||
 		prev.onFork !== next.onFork ||
 		prev.onEditMessage !== next.onEditMessage ||
+		prev.onShowRound !== next.onShowRound ||
+		prev.roundBadge?.commit !== next.roundBadge?.commit ||
+		prev.roundBadge?.files !== next.roundBadge?.files ||
+		prev.roundBadge?.add !== next.roundBadge?.add ||
+		prev.roundBadge?.del !== next.roundBadge?.del ||
 		prev.onInspectTool !== next.onInspectTool ||
 		prev.onOpenFile !== next.onOpenFile
 	) return false;
@@ -1222,6 +1297,28 @@ function turnBlockPropsEqual(prev: TurnBlockProps, next: TurnBlockProps): boolea
 
 const TurnBlock = memo(TurnBlockView, turnBlockPropsEqual);
 
+const CHAT_WIDTH_KEY = "piweb.chatContentWidth";
+const CHAT_WIDTH_MIN = 480;
+const CHAT_WIDTH_MAX = 1200;
+
+function resolveChatWidth(width: number, viewportWidth: number): number {
+	const max = Math.max(320, Math.min(CHAT_WIDTH_MAX, viewportWidth - 64));
+	return Math.max(Math.min(CHAT_WIDTH_MIN, max), Math.min(width, max));
+}
+
+function setChatWidth(root: HTMLElement, width: number | null): void {
+	const scope = root.closest<HTMLElement>(".pi-main");
+	if (!scope) return;
+	if (width === null) {
+		scope.style.removeProperty("--dsh-chat-content-width");
+		scope.style.removeProperty("--dsh-composer-card-max-width");
+		return;
+	}
+	const resolved = resolveChatWidth(width, root.clientWidth);
+	scope.style.setProperty("--dsh-chat-content-width", `${resolved}px`);
+	scope.style.setProperty("--dsh-composer-card-max-width", `${resolved + 32}px`);
+}
+
 export function ChatWindow({
 	messages,
 	tools,
@@ -1240,6 +1337,8 @@ export function ChatWindow({
 	stats,
 	onOpenTrajectory,
 	onOpenFile,
+	roundBadges,
+	onShowRound,
 }: {
 	messages: WebMessage[];
 	tools: Record<string, ToolCardState>;
@@ -1266,10 +1365,31 @@ export function ChatWindow({
 	/** 在本机编辑器打开工具行涉及的文件 */
 	onEditMessage?: (entryId: string, text: string) => void;
 	onOpenFile?: (path: string) => void;
+	roundBadges?: ReadonlyMap<string, RoundBadge>;
+	onShowRound?: (commit: string) => void;
 }) {
 	const scrollRef = useRef<HTMLDivElement>(null);
+	const rootRef = useRef<HTMLDivElement>(null);
+	const widthPreference = useRef<number | null>(null);
+	const widthDrag = useRef<{ side: "left" | "right"; origin: number; width: number; pointerId: number } | null>(null);
 	const stickToBottom = useRef(true);
 	const { t } = useI18n();
+	useEffect(() => {
+		const root = rootRef.current;
+		if (!root) return;
+		const saved = Number(localStorage.getItem(CHAT_WIDTH_KEY));
+		widthPreference.current = Number.isFinite(saved) && saved >= CHAT_WIDTH_MIN ? saved : null;
+		const syncWidth = () => setChatWidth(root, window.innerWidth <= 840 ? null : widthPreference.current);
+		const observer = new ResizeObserver(syncWidth);
+		observer.observe(root);
+		window.addEventListener("resize", syncWidth);
+		syncWidth();
+		return () => {
+			observer.disconnect();
+			window.removeEventListener("resize", syncWidth);
+			setChatWidth(root, null);
+		};
+	}, []);
 	// 脱离底部后累计的新内容条数（回到底部按钮上的角标）
 	const [unseen, setUnseen] = useState(0);
 	/** 是否已离开底部（state 版：ref 变化不会触发渲染，静态会话翻页时按钮出不来） */
@@ -1315,7 +1435,71 @@ export function ChatWindow({
 	};
 
 	return (
-		<div className="relative flex h-full min-h-0 flex-col">
+		<div ref={rootRef} className="relative flex h-full min-h-0 flex-col">
+			{(["left", "right"] as const).map((side) => (
+				<div
+					key={side}
+					className="piweb-conversation-width-handle"
+					data-side={side}
+					role="separator"
+					aria-orientation="vertical"
+					aria-label={t.chatWidthHandle}
+					tabIndex={0}
+					onPointerDown={(event) => {
+						if (event.button !== 0 || !rootRef.current) return;
+						event.preventDefault();
+						const width = widthPreference.current ?? Math.max(544, Math.min(rootRef.current.clientWidth * 0.64, 736));
+						widthDrag.current = { side, origin: event.clientX, width, pointerId: event.pointerId };
+						event.currentTarget.setPointerCapture(event.pointerId);
+						event.currentTarget.dataset.dragging = "true";
+					}}
+					onPointerMove={(event) => {
+						const drag = widthDrag.current;
+						if (!drag || drag.pointerId !== event.pointerId || !rootRef.current) return;
+						const delta = (event.clientX - drag.origin) * (side === "right" ? 2 : -2);
+						drag.width = resolveChatWidth((widthPreference.current ?? drag.width) + delta, rootRef.current.clientWidth);
+						drag.origin = event.clientX;
+						widthPreference.current = drag.width;
+						setChatWidth(rootRef.current, drag.width);
+					}}
+					onPointerUp={(event) => {
+						const drag = widthDrag.current;
+						if (!drag || drag.pointerId !== event.pointerId) return;
+						widthDrag.current = null;
+						event.currentTarget.removeAttribute("data-dragging");
+						if (event.currentTarget.hasPointerCapture(event.pointerId)) event.currentTarget.releasePointerCapture(event.pointerId);
+						if (rootRef.current) {
+							const width = resolveChatWidth(drag.width, rootRef.current.clientWidth);
+							widthPreference.current = width;
+							localStorage.setItem(CHAT_WIDTH_KEY, String(width));
+							setChatWidth(rootRef.current, width);
+						}
+					}}
+					onPointerCancel={(event) => {
+						event.currentTarget.removeAttribute("data-dragging");
+						widthDrag.current = null;
+						if (rootRef.current) setChatWidth(rootRef.current, widthPreference.current);
+					}}
+					onLostPointerCapture={(event) => {
+						event.currentTarget.removeAttribute("data-dragging");
+						if (widthDrag.current) {
+							widthDrag.current = null;
+							if (rootRef.current) setChatWidth(rootRef.current, widthPreference.current);
+						}
+					}}
+					onWheel={(event) => scrollRef.current?.scrollBy({ top: event.deltaY })}
+					onKeyDown={(event) => {
+						if ((event.key === "ArrowLeft" || event.key === "ArrowRight") && rootRef.current) {
+							event.preventDefault();
+							const delta = event.key === "ArrowRight" ? 24 : -24;
+							const width = resolveChatWidth((widthPreference.current ?? rootRef.current.clientWidth * 0.64) + delta, rootRef.current.clientWidth);
+							widthPreference.current = width;
+							localStorage.setItem(CHAT_WIDTH_KEY, String(width));
+							setChatWidth(rootRef.current, width);
+						}
+					}}
+				/>
+			))}
 			<div
 				ref={scrollRef}
 				className="min-h-0 flex-1 overflow-y-auto"
@@ -1349,6 +1533,8 @@ export function ChatWindow({
 							workingMessage={workingMessage}
 							onFork={onFork}
 							onEditMessage={onEditMessage}
+							roundBadge={turn.userIndex >= 0 ? roundBadges?.get(messages[turn.userIndex].id ?? "") : undefined}
+							onShowRound={onShowRound}
 							onInspectTool={onOpenTrajectory}
 							onOpenFile={onOpenFile}
 						/>

package/src/components/FileViewer.tsx

@@ -167,11 +167,12 @@ export function FileViewer({
 			} catch (error) {
 				if ((error as { status?: number }).status === 404) {
 					// 跟随中的文件可能在本轮后续工具里被删掉；从最近一次涉及它的快照取回最后内容。
-					const prior = [...growth.steps].reverse().find((step) =>
-						step.seq <= (growth.selected?.seq ?? Infinity) && step.changes.some((item) => item.path === tab.path || item.from === tab.path),
+					const upto = growth.selected ? growth.rounds.findIndex((round) => round.commit === growth.selected!.commit) : growth.rounds.length - 1;
+					const prior = growth.rounds.slice(0, upto + 1).reverse().find((round) =>
+						round.changes.some((item) => item.path === tab.path || item.from === tab.path),
 					);
 					const priorTree = prior?.changes.some((item) => (item.status === "D" && item.path === tab.path) || (item.status === "R" && item.from === tab.path))
-						? prior.parent
+						? prior.parentTree
 						: prior?.tree;
 					if (priorTree && priorTree !== tree) {
 						try {
@@ -192,7 +193,7 @@ export function FileViewer({
 			try {
 				if (tab.lazy || !range) {
 					// 会话还没有任何快照时整棵树都是磁盘条目，「不在快照里」的提示会误导
-					await diskContent(tab.lazy && growth.steps.length > 0 ? "disk" : null);
+					await diskContent(tab.lazy && growth.rounds.length > 0 ? "disk" : null);
 					return;
 				}
 				if (mode === "diff") {
@@ -223,7 +224,7 @@ export function FileViewer({
 		return () => {
 			alive = false;
 		};
-	}, [activeTab, cwd, mode, range, change, growth.steps, growth.selected, growth.pending, t.viewerLoadFailed]);
+	}, [activeTab, cwd, mode, range, change, growth.rounds, growth.selected, t.viewerLoadFailed]);
 
 	// 键盘：Esc 关（先关快速打开）、Ctrl/⌘+W 关页签、Ctrl/⌘+P 快速打开、[ ] 上一处下一处
 	useEffect(() => {
@@ -289,9 +290,9 @@ export function FileViewer({
 		setReveal({ path: dir, key: Date.now() });
 		onSelectTab(null);
 	};
-	const roundNumber = growth.selectedRound?.id ?? 0;
-	const stepBadge = roundNumber
-		? `${t.growthRoundLabel.replace("{n}", String(roundNumber))}${change ? ` · +${change.add ?? 0} −${change.del ?? 0}` : ""}`
+	const roundName = growth.selected ? (growth.selected.n ? t.growthRoundLabel.replace("{n}", String(growth.selected.n)) : t.growthKindUser) : "";
+	const stepBadge = roundName
+		? `${roundName}${change ? ` · +${change.add ?? 0} −${change.del ?? 0}` : ""}`
 		: "";
 	const isDiffMode = mode === "diff" && Boolean(loaded?.diff);
 	const noticeText = loaded?.notice === "deleted" ? t.viewerDeleted : loaded?.notice === "historical" ? t.viewerHistorical : loaded?.notice === "missing" ? t.viewerMissing : loaded?.notice === "disk" ? t.viewerNotInSnapshot : loaded?.notice === "nochange" ? t.viewerNoChanges : "";
@@ -466,7 +467,7 @@ export function FileViewer({
 								<input value={treeFilter} onChange={(e) => setTreeFilter(e.target.value)} placeholder={t.growthFilter} className="min-w-0 flex-1 bg-transparent" style={{ fontSize: 12 }} />
 							</div>
 							<span style={{ fontSize: 11.5, color: "var(--dsw-label-caption)" }}>
-								{roundNumber ? t.growthRoundLabel.replace("{n}", String(roundNumber)) : ""}
+								{roundName}
 							</span>
 							<button type="button" className="pw-chip" onClick={growth.expandAll}>{t.growthExpandAll}</button>
 							<button type="button" className="pw-chip" onClick={growth.collapseAll}>{t.growthCollapseAll}</button>