@rexvane/piweb 0.3.21 → 0.3.23

package/src/components/GitPanel.tsx

@@ -39,10 +39,19 @@ interface GitInfo {
 	statusError?: string;
 }
 
+interface GithubIdentity {
+	login: string;
+	name?: string;
+	avatar?: string;
+	url?: string;
+	repo?: string;
+}
+
 interface DiffResult {
 	patch: string;
 	truncated: boolean;
 	binary: boolean;
+	stats?: { add: number; del: number };
 	title?: string;
 }
 
@@ -75,6 +84,7 @@ export function GitPanel({
 }) {
 	const { t } = useI18n();
 	const [info, setInfo] = useState<GitInfo | null>(null);
+	const [identity, setIdentity] = useState<GithubIdentity | null>(null);
 	const [loading, setLoading] = useState(false);
 	const [statusError, setStatusError] = useState("");
 	const [diffError, setDiffError] = useState("");
@@ -105,6 +115,23 @@ export function GitPanel({
 		}
 	}, [cwd]);
 
+	// GitHub 身份单独拉：要走网络（gh / 头像），不能拖慢上面那条纯本地的状态读取
+	useEffect(() => {
+		setIdentity(null);
+		if (!cwd) return;
+		const controller = new AbortController();
+		void (async () => {
+			try {
+				const r = await fetch(`/api/github?cwd=${encodeURIComponent(cwd)}`, { signal: controller.signal });
+				const j = await r.json();
+				if (j?.success && j.data?.identity) setIdentity(j.data.identity as GithubIdentity);
+			} catch {
+				/* 取不到就只显示分支，不报错 */
+			}
+		})();
+		return () => controller.abort();
+	}, [cwd, refreshKey]);
+
 	useEffect(() => {
 		setInfo(null);
 		setView(null);
@@ -165,13 +192,31 @@ export function GitPanel({
 	const error = view ? diffError : statusError || info?.statusError || "";
 
 	const parsed = useMemo(() => (diff?.patch ? parseUnifiedDiff(diff.patch) : null), [diff]);
-	const stats = parsed ? diffStats(parsed) : null;
+	// 新服务端给完整 Git 统计；旧服务端只在 patch 完整时才允许本地计数。
+	const stats = diff?.binary ? null : diff?.stats ?? (parsed && !diff?.truncated ? diffStats(parsed) : null);
 
 	const conflicts = info?.files.filter((f) => f.kind === "conflict") ?? [];
 	const staged = info?.files.filter((f) => f.kind !== "conflict" && f.kind !== "untracked" && f.indexStatus !== " ") ?? [];
 	const unstaged = info?.files.filter((f) => f.kind !== "conflict" && f.kind !== "untracked" && f.workStatus !== " ") ?? [];
 	const untracked = info?.files.filter((f) => f.kind === "untracked") ?? [];
 
+	/**
+	 * 按 Git 的三个区呈现（分支 / 上游那些是「版本库」侧，在别的行）：
+	 * - 暂存区：`git add` 过的，下次 commit 会带上；
+	 * - 工作区：改了还没 add 的 + 未跟踪的新文件（都属于「还没进暂存区」）；
+	 * - 冲突单独置顶（不先解决，提交走不下去）。
+	 * 未跟踪文件要整份当新增行看，模式逐文件给，不能按组统一。
+	 */
+	const areas: Array<{ key: string; label: string; entries: Array<{ file: GitFileEntry; mode: "staged" | "worktree" | "untracked" }>; danger?: boolean }> = [
+		{ key: "conflict", label: t.gitConflict, entries: conflicts.map((file) => ({ file, mode: "worktree" as const })), danger: true },
+		{ key: "staged", label: t.gitStagingArea, entries: staged.map((file) => ({ file, mode: "staged" as const })) },
+		{
+			key: "worktree",
+			label: t.gitWorkingTree,
+			entries: [...unstaged.map((file) => ({ file, mode: "worktree" as const })), ...untracked.map((file) => ({ file, mode: "untracked" as const }))],
+		},
+	].filter((area) => area.entries.length > 0);
+
 	const openFile = (f: GitFileEntry, mode: "staged" | "worktree" | "untracked", label: string) => changeView({ kind: "file", path: f.path, mode, label });
 
 	const headerTitle = view
@@ -247,6 +292,39 @@ export function GitPanel({
 				)}
 				{!view && info?.isRepo && (
 					<div className="flex flex-col gap-4">
+						{/* GitHub 身份：头像 + 账号（取不到就整行不出现） */}
+						{identity && (
+							<div className="flex items-center gap-2">
+								{identity.avatar ? (
+									// eslint-disable-next-line @next/next/no-img-element
+									<img src={identity.avatar} alt="" width={22} height={22} className="flex-none rounded-full" />
+								) : (
+									<span
+										className="grid flex-none place-items-center rounded-full"
+										style={{ width: 22, height: 22, background: "var(--dsw-selector)", fontSize: 11, fontWeight: 600, color: "var(--dsw-label-secondary)" }}
+										aria-hidden
+									>
+										{identity.login.slice(0, 1).toUpperCase()}
+									</span>
+								)}
+								<a
+									href={identity.url ?? `https://github.com/${identity.login}`}
+									target="_blank"
+									rel="noreferrer"
+									className="min-w-0 truncate"
+									style={{ fontSize: 12.5, color: "var(--dsw-label-secondary)", textDecoration: "none" }}
+									title={identity.name ? `${identity.name} (@${identity.login})` : `@${identity.login}`}
+								>
+									@{identity.login}
+								</a>
+								{identity.repo && (
+									<span className="min-w-0 truncate" style={{ fontSize: 11.5, color: "var(--dsw-label-caption)" }} title={identity.repo}>
+										· {identity.repo}
+									</span>
+								)}
+							</div>
+						)}
+
 						{/* 分支行 */}
 						<div className="flex flex-wrap items-center gap-2" style={{ fontSize: 12.5 }}>
 							<span
@@ -280,45 +358,37 @@ export function GitPanel({
 						{error ? null : info.files.length === 0 ? (
 							<div style={{ fontSize: 12.5, color: "var(--dsw-label-caption)" }}>{t.gitNoChanges}</div>
 						) : (
-							[
-								{ label: t.gitConflict, list: conflicts, mode: "worktree" as const },
-								{ label: t.gitStaged, list: staged, mode: "staged" as const },
-								{ label: t.gitUnstaged, list: unstaged, mode: "worktree" as const },
-								{ label: t.gitUntracked, list: untracked, mode: "untracked" as const },
-							].map(
-								(group) =>
-									group.list.length > 0 && (
-										<div key={group.label}>
-											<div className="mb-1 flex items-center gap-2" style={{ fontSize: 11.5, color: group.mode === "worktree" && group.label === t.gitConflict ? "var(--dsw-danger)" : "var(--dsw-label-caption)" }}>
-												<span style={{ fontWeight: 600 }}>{group.label}</span>
-												<span>{group.list.length}</span>
-											</div>
-											<div className="flex flex-col">
-												{group.list.map((f) => (
-													<button
-														key={`${group.label}:${f.path}`}
-														type="button"
-														className="flex w-full items-center gap-2 rounded-lg px-2 py-1 text-left transition-colors"
-														title={f.path}
-														onMouseEnter={(e) => (e.currentTarget.style.background = "var(--dsw-hover)")}
-														onMouseLeave={(e) => (e.currentTarget.style.background = "transparent")}
-														onClick={() => openFile(f, group.mode, group.mode === "staged" ? t.gitStagedDiff : group.mode === "untracked" ? t.gitUntracked : t.gitWorktreeDiff)}
-													>
-														<span
-															className="flex-none rounded px-1 text-center"
-															style={{ minWidth: 16, fontSize: 10.5, fontFamily: "var(--font-mono)", fontWeight: 600, color: KIND_COLOR[f.kind], background: "var(--dsw-hover)" }}
-														>
-															{f.kind === "untracked" ? "?" : f.kind === "conflict" ? "!" : group.mode === "staged" ? f.indexStatus : f.workStatus !== " " ? f.workStatus : f.indexStatus}
-														</span>
-														<span className="min-w-0 flex-1 truncate" style={{ fontSize: 12, fontFamily: "var(--font-mono)", color: "var(--dsw-label-secondary)" }}>
-															{f.path}
-														</span>
-													</button>
-												))}
-											</div>
-										</div>
-									),
-							)
+							areas.map((area) => (
+								<div key={area.key}>
+									<div className="mb-1 flex items-center gap-2" style={{ fontSize: 11.5, color: area.danger ? "var(--dsw-danger)" : "var(--dsw-label-caption)" }}>
+										<span style={{ fontWeight: 600 }}>{area.label}</span>
+										<span>{area.entries.length}</span>
+									</div>
+									<div className="flex flex-col">
+										{area.entries.map(({ file: f, mode }) => (
+											<button
+												key={`${area.key}:${f.path}`}
+												type="button"
+												className="flex w-full items-center gap-2 rounded-lg px-2 py-1 text-left transition-colors"
+												title={f.path}
+												onMouseEnter={(e) => (e.currentTarget.style.background = "var(--dsw-hover)")}
+												onMouseLeave={(e) => (e.currentTarget.style.background = "transparent")}
+												onClick={() => openFile(f, mode, mode === "staged" ? t.gitStagedDiff : mode === "untracked" ? t.gitUntracked : t.gitWorktreeDiff)}
+											>
+												<span
+													className="flex-none rounded px-1 text-center"
+													style={{ minWidth: 16, fontSize: 10.5, fontFamily: "var(--font-mono)", fontWeight: 600, color: KIND_COLOR[f.kind], background: "var(--dsw-hover)" }}
+												>
+													{f.kind === "untracked" ? "?" : f.kind === "conflict" ? "!" : mode === "staged" ? f.indexStatus : f.workStatus !== " " ? f.workStatus : f.indexStatus}
+												</span>
+												<span className="min-w-0 flex-1 truncate" style={{ fontSize: 12, fontFamily: "var(--font-mono)", color: "var(--dsw-label-secondary)" }}>
+													{f.path}
+												</span>
+											</button>
+										))}
+									</div>
+								</div>
+							))
 						)}
 
 						{/* 最近提交 */}

package/src/components/GrowthTree.tsx

@@ -6,7 +6,7 @@
  * 生成中呼吸态、新步入场动画、窗口化渲染、键盘导航（↑↓ 移动，←→ 收展，Enter 打开）。
  */
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { IconAtOutline16, IconFileOutline16, IconTriangleRightFill14 } from "@/components/icons";
+import { IconAtOutline16, IconFileOutline16, IconFolderClose16, IconTriangleRightFill14 } from "@/components/icons";
 import { useI18n } from "@/i18n";
 import { fileIconSrc, folderIconSrc } from "@/lib/file-icons";
 import { flattenTree, treeNodeKey, type FlatRow, type TreeNode } from "@/lib/growth-tree";
@@ -182,14 +182,16 @@ export const GrowthTree = memo(function GrowthTree({
 							selected={row.node.kind === "file" && selectedPath === row.node.path}
 							focused={focused === treeNodeKey(row.node)}
 							onActivate={activate}
+							onOpenFolder={onOpenFile}
 							onFocusRow={setFocused}
 							onReference={onReference}
 							onOpenEditor={onOpenEditor}
 							pendingLabel={t.growthPending}
-								lazyLabel={t.growthLazyDir}
-								deletedLabel={t.growthStatD}
-								referenceLabel={t.fileReference}
+							lazyLabel={t.growthLazyDir}
+							deletedLabel={t.growthStatD}
+							referenceLabel={t.fileReference}
 							editorLabel={t.fileOpenEditor}
+							openFolderLabel={t.viewerOpenFolder}
 						/>
 					))}
 				</div>
@@ -205,6 +207,7 @@ const TreeRow = memo(function TreeRow({
 	selected,
 	focused,
 	onActivate,
+	onOpenFolder,
 	onFocusRow,
 	onReference,
 	onOpenEditor,
@@ -213,6 +216,7 @@ const TreeRow = memo(function TreeRow({
 	deletedLabel,
 	referenceLabel,
 	editorLabel,
+	openFolderLabel,
 }: {
 	row: FlatRow;
 	top: number;
@@ -220,6 +224,7 @@ const TreeRow = memo(function TreeRow({
 	selected: boolean;
 	focused: boolean;
 	onActivate: (row: FlatRow) => void;
+	onOpenFolder: (node: TreeNode) => void;
 	onFocusRow: (path: string) => void;
 	onReference?: (path: string) => void;
 	onOpenEditor?: (path: string) => void;
@@ -228,6 +233,7 @@ const TreeRow = memo(function TreeRow({
 	deletedLabel: string;
 	referenceLabel: string;
 	editorLabel: string;
+	openFolderLabel: string;
 }) {
 	const { node, depth, expanded } = row;
 	const isDir = node.kind === "dir";
@@ -253,6 +259,10 @@ const TreeRow = memo(function TreeRow({
 				onFocusRow(treeNodeKey(node));
 				onActivate(row);
 			}}
+			onDoubleClick={() => {
+				// 目录双击 = 打开文件夹预览（单击仍是展开/收起，不动既有习惯）
+				if (isDir) onOpenFolder(node);
+			}}
 		>
 			<span className="pw-tree-chevron" aria-hidden>
 				{isDir && <IconTriangleRightFill14 size={10} style={{ transform: expanded ? "rotate(90deg)" : undefined, transition: "transform var(--ds-duration-fast)" }} />}
@@ -264,8 +274,23 @@ const TreeRow = memo(function TreeRow({
 				{node.status === "R" && node.from && <span className="pw-tree-from">← {node.from.split("/").pop()}</span>}
 			</span>
 			{node.pending && <span className="pw-tree-pulse" aria-label={pendingLabel} />}
-			{!node.lazy && (onReference || (!isDir && onOpenEditor)) && (
+			{!node.lazy && (onReference || (!isDir && onOpenEditor) || isDir) && (
 				<span className="pw-tree-actions">
+					{isDir && (
+						<button
+							type="button"
+							className="icon-btn"
+							style={{ width: 18, height: 18, borderRadius: 5 }}
+							title={openFolderLabel}
+							aria-label={`${openFolderLabel}: ${node.path}`}
+							onClick={(e) => {
+								e.stopPropagation();
+								onOpenFolder(node);
+							}}
+						>
+							<IconFolderClose16 size={11} />
+						</button>
+					)}
 					{onReference && (
 						<button
 							type="button"

package/src/components/ModelSelector.tsx

@@ -27,6 +27,9 @@ export function ModelSelector({
 	onSelectLevel,
 	open: openProp,
 	onOpenChange,
+	modelOnly = false,
+	disabled = false,
+	defaultOption,
 }: {
 	model?: { provider: string; id: string; name: string };
 	thinkingLevel?: string;
@@ -38,6 +41,10 @@ export function ModelSelector({
 	onSelectLevel: (level: string) => void;
 	open?: boolean;
 	onOpenChange?: (open: boolean) => void;
+	/** Compact consumers can show just the model list. */
+	modelOnly?: boolean;
+	disabled?: boolean;
+	defaultOption?: { label: string; selected: boolean; onSelect: () => void };
 }) {
 	const [openState, setOpenState] = useState(false);
 	const open = openProp ?? openState;
@@ -104,10 +111,10 @@ export function ModelSelector({
 
 	const hasModel = Boolean(model?.id);
 	const modelName = hasModel ? (model?.name || model?.id || "") : "";
-	const effortLabel = hasModel && thinkingLevel && thinkingLevel !== "off" ? thinkingLevel : undefined;
-	const triggerTitle = hasModel
+	const effortLabel = !modelOnly && hasModel && thinkingLevel && thinkingLevel !== "off" ? thinkingLevel : undefined;
+	const triggerTitle = (defaultOption?.selected ? `${defaultOption.label} · ` : "") + (hasModel
 		? `${providerNames[model?.provider ?? ""] ?? model?.provider}/${modelName}${effortLabel ? ` · ${effortLabel}` : ""}`
-		: t.selectModel;
+		: t.selectModel);
 
 	return (
 		<div ref={ref} className="relative">
@@ -119,6 +126,7 @@ export function ModelSelector({
 				aria-label={triggerTitle}
 				aria-haspopup="menu"
 				aria-expanded={open}
+				disabled={disabled}
 				onClick={() => {
 					setOpen(!open);
 					setPane("model");
@@ -198,6 +206,14 @@ export function ModelSelector({
 					{pane === "model" && (
 						<div className="flex min-h-0 flex-col">
 							<div ref={listRef} className="max-h-[340px] overflow-y-auto py-1">
+								{defaultOption && (
+									<button type="button" role="menuitemradio" aria-checked={defaultOption.selected} data-selected={defaultOption.selected}
+										className="flex min-h-10 w-full items-center justify-between gap-3 rounded-[10px] px-3 py-2 text-left"
+										style={{ fontSize: 13, background: defaultOption.selected ? "var(--dsw-active)" : undefined }}
+										onClick={() => { defaultOption.onSelect(); setOpen(false); }}>
+										{defaultOption.label}{defaultOption.selected && <IconCheckOutline14 size={14} />}
+									</button>
+								)}
 								{groups.length === 0 && (
 									<div className="px-3 py-3" style={{ fontSize: 13, color: "var(--dsw-label-caption)" }}>
 										{t.emptyModels}
@@ -213,7 +229,7 @@ export function ModelSelector({
 											{g.label}
 										</div>
 										{g.models.map((m) => {
-											const selected = model?.provider === m.provider && model?.id === m.id;
+											const selected = !defaultOption?.selected && model?.provider === m.provider && model?.id === m.id;
 											return (
 												<button
 													key={`${m.provider}/${m.id}`}
@@ -250,7 +266,7 @@ export function ModelSelector({
 							</div>
 							{/* 思考档位入口：模型只有一档（非推理模型 / models.json 没写 reasoning: true）时也显示，
 							    但置灰并说明是模型不支持，而不是让入口凭空消失 */}
-							{hasModel && (thinkingLevels.length > 1 ? (
+							{hasModel && !modelOnly && (thinkingLevels.length > 1 ? (
 								<button
 									type="button"
 									className="mt-1 flex w-full items-center justify-between gap-3 border-t px-3 pb-1 pt-2 text-left transition-colors"

package/src/components/ProjectPanel.tsx

@@ -84,6 +84,12 @@ function roundColor(round: GrowthEntry): string {
 	return "var(--dsw-warn)";
 }
 
+/** 这一轮有没有实际改动（轮次列表据此把没改动的轮降成次要色，改过的才显示 +/− 行数） */
+function hasChanges(round: GrowthEntry): boolean {
+	const st = round.stats;
+	return Boolean(st.added || st.modified || st.deleted || st.renamed || st.add || st.del);
+}
+
 function changedLines(round: GrowthEntry): number {
 	return round.stats.add + round.stats.del;
 }
@@ -175,7 +181,13 @@ export function ProjectPanel({
 		};
 	}, [cwd, gitRefreshKey, latestCommit]);
 
-	const totals = useMemo(() => sumChanges(growth.changes), [growth.changes]);
+	const totals = useMemo(() => {
+		if (selected && growth.scope === "round") {
+			const st = selected.stats;
+			return { files: st.added + st.modified + st.deleted + st.renamed, add: st.add, del: st.del };
+		}
+		return growth.changesReady === false ? null : sumChanges(growth.changes);
+	}, [selected, growth.scope, growth.changes, growth.changesReady]);
 	const piRounds = useMemo(() => rounds.filter((round) => round.kind === "round").length, [rounds]);
 	const maxLines = useMemo(() => Math.max(1, ...rounds.map(changedLines)), [rounds]);
 	const railRef = useRef<HTMLDivElement>(null);
@@ -304,9 +316,12 @@ export function ProjectPanel({
 					<div className="mt-0.5 flex items-center gap-2" style={{ fontSize: 11.5, color: "var(--dsw-label-caption)" }}>
 						<span>{fmtTime(selected.ts)}</span>
 						<span>·</span>
-						<span>{t.growthRoundFiles.replace("{n}", String(totals.files))}</span>
-						<span style={{ color: "var(--dsw-success)" }}>+{totals.add}</span>
-						<span style={{ color: "var(--dsw-danger)" }}>−{totals.del}</span>
+						{growth.scope === "session" && <span>{t.growthScopeSession}</span>}
+						{totals ? <>
+							<span>{t.growthRoundFiles.replace("{n}", String(totals.files))}</span>
+							<span style={{ color: "var(--dsw-success)" }}>+{totals.add}</span>
+							<span style={{ color: "var(--dsw-danger)" }}>−{totals.del}</span>
+						</> : <span>—</span>}
 						{statusText && <span style={{ color: "var(--dsw-warn)" }}>{statusText}</span>}
 						<span className="flex-1" />
 						{onJumpToChat && selected.promptIds[0] && (
@@ -397,7 +412,7 @@ export function ProjectPanel({
 										data-kind={round.kind}
 										data-active={selected?.commit === round.commit || undefined}
 										style={{ height: h, background: roundColor(round) }}
-										title={`${roundTitle(round, tt)} · ${fmtTime(round.ts)} · ${t.growthRoundFiles.replace("{n}", String(round.changes.length))} +${round.stats.add} −${round.stats.del}`}
+										title={`${roundTitle(round, tt)} · ${fmtTime(round.ts)} · ${t.growthRoundFiles.replace("{n}", String(round.stats.added + round.stats.modified + round.stats.deleted + round.stats.renamed))} +${round.stats.add} −${round.stats.del}`}
 										onClick={() => growth.select(round.commit)}
 									/>
 								);
@@ -478,31 +493,41 @@ export function ProjectPanel({
 									)}
 									{/* 轮次列表:当前轮高亮,打开时自动滚到它 */}
 									<div ref={roundListRef} className="min-h-0 max-h-[260px] overflow-y-auto border-t pt-1" style={{ borderColor: "var(--dsw-border-l1)" }}>
-										{rounds.map((round) => (
-											<button
-												key={round.commit}
-												type="button"
-												role="option"
-												aria-selected={selected?.commit === round.commit}
-												data-selected={selected?.commit === round.commit || undefined}
-												className="flex w-full items-center gap-2 rounded-lg px-2.5 py-1.5 text-left transition-colors"
-												style={{ background: selected?.commit === round.commit ? "var(--dsw-active)" : "transparent" }}
-												onMouseEnter={(e) => {
-													if (selected?.commit !== round.commit) e.currentTarget.style.background = "var(--dsw-hover)";
-												}}
-												onMouseLeave={(e) => {
-													if (selected?.commit !== round.commit) e.currentTarget.style.background = "transparent";
-												}}
-												title={`${roundTitle(round, tt)} · ${fmtTime(round.ts)}`}
-												onClick={() => {
-													growth.select(round.commit);
-													setRoundPickerOpen(false);
-												}}
-											>
-												<span className="min-w-0 flex-1 truncate" style={{ fontSize: 12.5 }}>{roundTitle(round, tt)}</span>
-												<span className="flex-none" style={{ fontSize: 11, color: "var(--dsw-label-caption)" }}>{fmtTime(round.ts)}</span>
-											</button>
-										))}
+										{rounds.map((round) => {
+											const changed = hasChanges(round);
+											// 没改动的轮整行降对比度，扫视时自然被跳过；选中的那行不灰（否则像被禁用）
+											const dimmed = !changed && selected?.commit !== round.commit;
+											return (
+												<button
+													key={round.commit}
+													type="button"
+													role="option"
+													aria-selected={selected?.commit === round.commit}
+													data-selected={selected?.commit === round.commit || undefined}
+													className="flex w-full items-center gap-2 rounded-lg px-2.5 py-1.5 text-left transition-colors"
+													style={{ background: selected?.commit === round.commit ? "var(--dsw-active)" : "transparent", ...(dimmed ? { opacity: 0.45 } : {}) }}
+													onMouseEnter={(e) => {
+														if (selected?.commit !== round.commit) e.currentTarget.style.background = "var(--dsw-hover)";
+													}}
+													onMouseLeave={(e) => {
+														if (selected?.commit !== round.commit) e.currentTarget.style.background = "transparent";
+													}}
+													title={`${roundTitle(round, tt)} · ${fmtTime(round.ts)}`}
+													onClick={() => {
+														growth.select(round.commit);
+														setRoundPickerOpen(false);
+													}}
+												>
+													<span className="min-w-0 flex-1 truncate" style={{ fontSize: 12.5 }}>{roundTitle(round, tt)}</span>
+													{changed && (round.stats.add > 0 || round.stats.del > 0) ? (
+														<span className="flex-none" style={{ fontSize: 11, fontFamily: "var(--font-mono)" }}>
+															<span style={{ color: "var(--dsw-success)" }}>+{round.stats.add}</span> <span style={{ color: "var(--dsw-danger)" }}>−{round.stats.del}</span>
+														</span>
+													) : null}
+													<span className="flex-none" style={{ fontSize: 11, color: "var(--dsw-label-caption)" }}>{fmtTime(round.ts)}</span>
+												</button>
+											);
+										})}
 									</div>
 								</div>
 							)}

package/src/components/PromptPanel.tsx

@@ -8,6 +8,7 @@
  */
 import { useCallback, useEffect, useState } from "react";
 import { useI18n } from "@/i18n";
+import { fmtBytes } from "@/lib/format";
 import { IconRefreshOutline14, IconCloseOutline14 } from "@/components/icons";
 
 export type PromptSourceKind = "system" | "append" | "agents" | "skill" | "template" | "tool" | "assembled";
@@ -45,10 +46,7 @@ export interface PromptSourcesData {
 const GROUP_KINDS: PromptSourceKind[] = ["system", "append", "agents", "skill", "template", "tool", "assembled"];
 
 function formatBytes(bytes: number | undefined): string {
-	if (!bytes) return "";
-	if (bytes < 1024) return `${bytes} B`;
-	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-	return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+	return bytes ? fmtBytes(bytes) : "";
 }
 
 export function PromptPanel({

package/src/components/ProviderSetupModal.module.css

@@ -489,6 +489,12 @@
 	color: var(--dsw-danger);
 	padding: 4px 0;
 }
+.catalogHint {
+	margin-top: 8px;
+	font-size: 11.5px;
+	line-height: 1.5;
+	color: var(--dsw-label-caption);
+}
 
 /* ---- 候选选择对话框 ---- */
 .candidateMask {
@@ -542,6 +548,20 @@
 .candidateRow:hover {
 	background: var(--dsw-hover);
 }
+/* 已在内置目录里的候选：不可勾选 */
+.candidateRow[data-disabled] {
+	cursor: default;
+	color: var(--dsw-label-tertiary);
+}
+.candidateRow[data-disabled]:hover {
+	background: transparent;
+}
+.candidateTag {
+	flex: none;
+	margin-left: auto;
+	font-size: 11px;
+	color: var(--dsw-label-caption);
+}
 .candidateId {
 	font-family: var(--font-mono);
 	font-size: 12.5px;