@rexvane/piweb 0.3.18 → 0.3.19

package/src/hooks/usePiWeb.ts

@@ -6,6 +6,7 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { createEventBatcher, type EventBatcher } from "@/lib/event-batcher";
 import type {
+	GrowthConsentRequest,
 	GrowthRound,
 	SessionSummary,
 	TrajEntry,
@@ -61,7 +62,7 @@ export interface PiWebState {
 	/** 扩展覆盖的「工作中」文案（setWorkingMessage） */
 	workingMessage: string | null;
 	/** 项目生长：本次连接期间收到的 commit（完整时间轴由 useGrowth 拉取后按 commit 去重合并） */
-	growth: { rounds: GrowthRound[]; error: string | null };
+	growth: { rounds: GrowthRound[]; error: string | null; consent: GrowthConsentRequest | null };
 }
 
 export interface SessionListItem extends SessionSummary {
@@ -76,8 +77,10 @@ export const foldPiWebEvent = (state: PiWebState, evt: WebEvent): PiWebState =>
 		case "delta": {
 			// 新服务端按稳定流 ID 定位；旧协议仍按最近 pending 消息兼容。
 			const msgs = [...s.messages];
-			let i = evt.messageId ? msgs.findIndex((message) => message.streamId === evt.messageId || message.id === evt.messageId) : msgs.length - 1;
-			if (!evt.messageId) while (i >= 0 && msgs[i].role !== "assistant" && msgs[i].role !== "user") i -= 1;
+			// 从尾部找：增量几乎总是落在最后一条消息上，长会话里从头扫每个 token 都是一次全表遍历
+			let i = msgs.length - 1;
+			if (evt.messageId) while (i >= 0 && msgs[i].streamId !== evt.messageId && msgs[i].id !== evt.messageId) i -= 1;
+			else while (i >= 0 && msgs[i].role !== "assistant" && msgs[i].role !== "user") i -= 1;
 			if (evt.messageId && i >= 0 && msgs[i].stopReason && msgs[i].stopReason !== "pending") return s;
 			if (i < 0 || msgs[i].role !== "assistant" || (msgs[i].stopReason ?? "pending") !== "pending") {
 				msgs.push({ role: "assistant", content: [], streamId: evt.messageId, stopReason: "pending", timestamp: evt.ts });
@@ -234,12 +237,15 @@ export const foldPiWebEvent = (state: PiWebState, evt: WebEvent): PiWebState =>
 			return s;
 		case "growth": {
 			const rounds = s.growth.rounds.some((x) => x.commit === evt.round.commit) ? s.growth.rounds : [...s.growth.rounds, evt.round];
-			s.growth = { rounds, error: null };
+			s.growth = { ...s.growth, rounds, error: null };
 			return s;
 		}
 		case "growth_error":
 			s.growth = { ...s.growth, error: evt.message };
 			return s;
+		case "growth_consent":
+			s.growth = { ...s.growth, consent: evt.request };
+			return s;
 		case "retry":
 			// 只保留最后一次尝试：重试过程在界面上是「重试 3/5」这一条，而不是五行报错
 			s.retryNotice = evt.maxAttempts
@@ -315,7 +321,7 @@ const emptyState = (toolPreset: ToolPreset = "standard"): PiWebState => ({
 	extensionNotices: [],
 	extensionStatuses: {},
 	workingMessage: null,
-	growth: { rounds: [], error: null },
+	growth: { rounds: [], error: null, consent: null },
 });
 
 function pathKey(value: string): string {
@@ -337,6 +343,9 @@ export function usePiWeb() {
 	const [models, setModels] = useState<{ providers: any[]; models: any[] } | null>(null);
 	const [addedWorkspaces, setAddedWorkspaces] = useState<string[]>([]);
 	const [removedWorkspaces, setRemovedWorkspaces] = useState<string[]>([]);
+	/** 应用内目录浏览器（远程设备专用）：是否打开，以及等待用户选择的那次调用 */
+	const [dirPickerOpen, setDirPickerOpen] = useState(false);
+	const dirPickResolve = useRef<((path: string | null) => void) | null>(null);
 	const [groupBy, setGroupByState] = useState<"workspace" | "flat">("workspace");
 	const [orderBy, setOrderByState] = useState<"updated" | "manual">("updated");
 	const [resyncNonce, setResyncNonce] = useState(0);
@@ -400,10 +409,15 @@ export function usePiWeb() {
 		} catch (error) {
 			const message = error instanceof Error ? error.message : "failed to load workspaces";
 			setState((current) => ({ ...current, error: message }));
+			throw error;
 		}
 	}, []);
-	useEffect(() => {
-		refreshWorkspaces();
+	// 挂载时不再单独拉一次 /api/workspaces：首个 /api/sessions 响应里带着同一份 registry，
+	// 少一次请求也少一次服务端读盘；只有会话列表拉不到时才用它兜底（见轮询的 catch）。
+	const workspaceRegistryLoaded = useRef(false);
+	const refreshWorkspacesFallback = useCallback(async () => {
+		if (workspaceRegistryLoaded.current) return;
+		await refreshWorkspaces().catch(() => undefined);
 	}, [refreshWorkspaces]);
 
 	/** 会话改名成功后先把列表里的名字改掉，不等下一次轮询（轮询 3 秒 + 服务端 1.2 秒列表缓存） */
@@ -489,6 +503,14 @@ export function usePiWeb() {
 			});
 			const j = await r.json();
 			if (!r.ok || !j.success) throw new Error(j.error || `request failed (${r.status})`);
+			// 远程设备（手机走 tailnet）：原生对话框会弹在主机屏幕上，等于没反应。
+			// 服务端据此回 remote:true，这里改用应用内目录浏览器，等选完再返回路径。
+			if (j.data?.remote) {
+				setDirPickerOpen(true);
+				return await new Promise<string | null>((resolve) => {
+					dirPickResolve.current = resolve;
+				});
+			}
 			if (j.success && j.data?.path) {
 				setAddedWorkspaces(j.data.workspaces ?? []);
 				await refreshWorkspaces();
@@ -502,6 +524,37 @@ export function usePiWeb() {
 		}
 	}, [refreshWorkspaces]);
 
+	/** 应用内目录浏览器：用户选定了某个文件夹 */
+	const confirmDirPicker = useCallback(async (path: string) => {
+		setDirPickerOpen(false);
+		const settle = dirPickResolve.current;
+		dirPickResolve.current = null;
+		try {
+			const r = await fetch("/api/workspaces", {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({ action: "add", path }),
+			});
+			const j = await r.json();
+			if (!r.ok || !j.success) throw new Error(j.error || `request failed (${r.status})`);
+			setAddedWorkspaces(j.data?.workspaces ?? []);
+			await refreshWorkspaces();
+			settle?.(path);
+		} catch (error) {
+			const message = error instanceof Error ? error.message : "failed to add workspace";
+			setState((current) => ({ ...current, error: message }));
+			settle?.(null);
+		}
+	}, [refreshWorkspaces]);
+
+	/** 应用内目录浏览器：取消 */
+	const cancelDirPicker = useCallback(() => {
+		setDirPickerOpen(false);
+		const settle = dirPickResolve.current;
+		dirPickResolve.current = null;
+		settle?.(null);
+	}, []);
+
 
 	const removeWorkspace = useCallback(
 		async (dir: string) => {
@@ -556,6 +609,7 @@ export function usePiWeb() {
 				const running: Record<string, { streaming: boolean; lastStep?: string }> = j.data.running ?? {};
 				const registry = j.data.workspaceRegistry;
 				if (registry) {
+					workspaceRegistryLoaded.current = true;
 					if (Array.isArray(registry.workspaces)) setAddedWorkspaces(registry.workspaces);
 					if (Array.isArray(registry.removedWorkspaces)) setRemovedWorkspaces(registry.removedWorkspaces);
 					if (registry.aliases && typeof registry.aliases === "object") setWorkspaceAliases(registry.aliases);
@@ -565,8 +619,11 @@ export function usePiWeb() {
 					(j.data.sessions as SessionSummary[]).map((s) => ({ ...s, streaming: running[s.path]?.streaming === true, lastStep: running[s.path]?.lastStep })),
 				);
 			} catch (error) {
-				if (alive && !(error instanceof DOMException && error.name === "AbortError"))
+				if (alive && !(error instanceof DOMException && error.name === "AbortError")) {
 					setSessionListError(error instanceof Error ? error.message : "session list request failed");
+					// 会话列表没拿到（也就没拿到 registry）：单独兜底拉一次工作区，侧栏不至于空着
+					void refreshWorkspacesFallback();
+				}
 			} finally {
 				controller = undefined;
 				schedule();
@@ -586,7 +643,7 @@ export function usePiWeb() {
 			controller?.abort();
 			document.removeEventListener("visibilitychange", onVisibilityChange);
 		};
-	}, [sessionListRetryNonce]);
+	}, [sessionListRetryNonce, refreshWorkspacesFallback]);
 
 	// 模型目录
 	const refreshModels = useCallback(async () => {
@@ -621,14 +678,17 @@ export function usePiWeb() {
 			const es = new EventSource(`/api/agent/${currentId}/events`);
 			esRef.current = es;
 			es.onopen = () => {
+				retryDelayMs = 2000;
 				setState((s) => ({ ...s, connected: true }));
 			};
 			es.onerror = () => {
 				setState((s) => ({ ...s, connected: false }));
-				// 浏览器对非 200 响应会永久放弃 EventSource 自动重连
-				// （网络断连才会重试），这里手动兜底：关掉后延迟重建，
-				// 重建时会拿到全新快照，不依赖 Last-Event-ID 回放。
 				if (esRef.current !== es) return;
+				// 网络断开时浏览器自己会重连，并带上 Last-Event-ID 让服务端从环形缓冲续放
+				// （只补漏掉的几条事件）。这时手动重建就等于丢掉续传、每次都拉一份全量快照。
+				if (es.readyState !== EventSource.CLOSED) return;
+				// 浏览器对非 200 响应会永久放弃自动重连：这里手动兜底，关掉后延迟重建，
+				// 重建时会拿到全新快照。
 				es.close();
 				esRef.current = null;
 				const delay = retryDelayMs;
@@ -668,10 +728,10 @@ export function usePiWeb() {
 						// 服务器当前 pending 集合是权威来源，刷新可恢复、已答请求不能复活。
 						extensionDialogs: extensionDialogsFromSnapshot(snap, prev.extensionDialogs),
 						extensionNotices: prev.extensionNotices,
-						extensionStatuses: {},
+						extensionStatuses: snap.extensionStatuses ?? {},
 						workingMessage: null,
 						// 重连的快照不带生长账本；连接期间已收到的步保留，useGrowth 会按 seq 与拉取结果去重
-						growth: { ...prev.growth, error: snap.growthError ?? null },
+						growth: { ...prev.growth, error: snap.growthError ?? null, consent: snap.growthConsent ?? null },
 					}));
 				} else {
 					batcher.push(parsed as WebEvent);
@@ -836,6 +896,28 @@ export function usePiWeb() {
 		},
 		[currentId, resync, sendCommand],
 	);
+	/** 回答「要不要在工作区建 git 仓库给生长记录用」：决定按工作区记住；失败就重连拿回服务端的待答状态 */
+	const answerGrowthConsent = useCallback(
+		async (allow: boolean) => {
+			const target = currentId;
+			if (!target) return;
+			setState((s) => ({ ...s, growth: { ...s.growth, consent: null } }));
+			try {
+				const r = await fetch("/api/growth", {
+					method: "POST",
+					headers: { "Content-Type": "application/json" },
+					body: JSON.stringify({ action: "consent", session: target, allow }),
+				});
+				const result = await r.json();
+				if (!r.ok || !result.success) throw new Error(result.error || `request failed (${r.status})`);
+			} catch (error) {
+				if (activeSessionRef.current !== target) return;
+				setState((s) => ({ ...s, error: error instanceof Error ? error.message : String(error) }));
+				resync();
+			}
+		},
+		[currentId, resync],
+	);
 	const dismissExtensionNotice = useCallback((id: string) => setState((s) => ({ ...s, extensionNotices: s.extensionNotices.filter((n) => n.id !== id) })), []);
 	const clearError = useCallback(() => setState((s) => ({ ...s, error: null })), []);
 	/** 供 AppShell 直接展示行内提示（如未选工作区就发送） */
@@ -898,6 +980,9 @@ export function usePiWeb() {
 		setGroupBy,
 		setOrderBy,
 		addWorkspaceByPicker,
+		dirPickerOpen,
+		confirmDirPicker,
+		cancelDirPicker,
 		removeWorkspace,
 		refreshModels,
 		sendCommand,
@@ -909,6 +994,7 @@ export function usePiWeb() {
 		clearCompaction,
 		setError,
 		answerExtensionDialog,
+		answerGrowthConsent,
 		dismissExtensionNotice,
 	};
 }

package/src/i18n.tsx

@@ -19,6 +19,7 @@ const zh = {
 	error: "出错",
 	copy: "复制",
 	copyFailed: "复制失败",
+	externalImage: "外部图片，点击加载",
 	chatWidthHandle: "拖动调整对话宽度",
 	editMessage: "编辑这条消息",
 	sendEdit: "重新发送",
@@ -145,8 +146,15 @@ const zh = {
 	commandLines: "{n} 行脚本",
 	thinkLabel: "思考",
 	expandOutput: "展开全部输出",
+	expandDiff: "展开改动",
 	collapseOutput: "收起",
 	workspaces: "工作区",
+	pickFolderTitle: "选择工作区文件夹",
+	pickFolderUp: "上一级",
+	pickFolderConfirm: "选择此文件夹",
+	pickFolderEmpty: "此目录下没有子文件夹",
+	pickFolderTruncated: "只列出前 {n} 个文件夹",
+	pickFolderLoading: "读取中…",
 	searchSessions: "搜索会话...",
 	addWorkspace: "添加工作区",
 	groupBy: "分组方式",
@@ -188,15 +196,10 @@ const zh = {
 	noBranches: "暂无可跳转的分支节点",
 	oauthLogin: "OAuth 登录",
 	authMethod: "认证方式",
-	loginTitle: "登录 PiWeb",
-	loginDesc: "输入 PI_WEB_PASSWORD 设置的密码以继续",
-	loginPassword: "密码",
-	loginSubmit: "登录",
-	loginSubmitting: "登录中…",
-	loginFailed: "密码错误",
-	webAuth: "密码认证",
-	webAuthOn: "已启用（PI_WEB_PASSWORD）",
-	webAuthOff: "未启用（仅本机可访问）",
+	webAuth: "访问认证",
+	webAuthTokenOn: "已启用（启动令牌）",
+	loginTokenTitle: "这个实例用启动令牌登录",
+	loginTokenDesc: "请打开启动 PiWeb 时终端里打印的登录链接（形如 …/?token=…）。令牌每次重启都会更换；打开一次后浏览器会记住 30 天。",
 	logout: "退出登录",
 	authMethodApiKey: "API 密钥",
 	oauthDevicePrompt: "请在浏览器中完成授权",
@@ -375,7 +378,6 @@ const zh = {
 	enterQueue: "排队：本轮结束后发送",
 	enterSteer: "插话：当前工具跑完就送达",
 	setSkills: "技能",
-	// 导入会话（其它 AI 编程工具的本地对话 → pi 会话）
 	importSessions: "导入会话",
 	importDesc: "把本机 Codex / Claude Code / Grok / ZCode / dsh / opencode 的对话无损导入成 pi 会话：文本、思考、工具调用与结果、时间戳、用量都保留。源项目目录还在本机就导回原工作区，否则落到下面选的兜底工作区。只读源数据，不修改源工具的任何文件。",
 	importRescan: "重新扫描",
@@ -397,13 +399,41 @@ const zh = {
 	importRun: "导入所选 ({n})",
 	importRunning: "导入中…",
 	importFallbackWorkspace: "兜底工作区",
+	importFallbackHint: "原项目目录已不在本机时落到这里",
+	importWhereGoes: "导入去向",
+	importGoesOriginal: "回到原工作区",
+	importGoesFallback: "原目录已不在，用兜底工作区",
 	importAlready: "已导入",
 	importUntitled: "（无标题）",
 	importNoProject: "（无项目目录）",
 	importMessages: "{n} 条消息",
 	importEmpty: "没有找到可导入的本地会话",
 	importReportSummary: "成功 {imported} · 跳过 {skipped} · 失败 {failed}",
+	// 右侧抽屉(入口列表 + 内容)
+	drawerPanel: "右侧抽屉",
+	drawerSections: "抽屉入口",
+	drawerPrompts: "提示词",
 	setPlugins: "插件",
+	setRemote: "远程连接",
+	remoteBuiltin: "内置插件",
+	remoteLanTitle: "局域网入口",
+	remoteLanHint: "同一个 WiFi 下的设备直接打开下面地址即可，手机排版已适配。默认开启。",
+	remotePublicTitle: "公网入口",
+	remotePublicHint: "开启后任何浏览器都能打开，无需安装客户端。地址由 Cloudflare 随机分配，每次启动都会变。",
+	remoteStart: "开启远程连接",
+	remoteStop: "关闭",
+	remoteWorking: "启动中…",
+	remoteRunning: "运行中",
+	remoteStopped: "未开启",
+	remotePending: "地址已生成，生效中…",
+	remoteEngineMissing: "找不到 cloudflared。请安装后重试，或用 PIWEB_CLOUDFLARED 指定它的路径。",
+	remoteFailed: "操作失败",
+	remoteBlockedAuth: "认证没开，远程连接不可用：开出去就是一个免密入口。请用 piweb 启动器启动，或设 PI_WEB_AUTH=1。",
+	remoteBlockedDev: "开发模式只服务本机，远程连接不可用。请先构建，再用生产模式启动。",
+	remoteSessionsTitle: "已登录的设备",
+	remoteSessionsHint: "手机、别的电脑登录后一直有效（30 天）。设备丢了或链接被别人拿到时，可以让所有设备（包括这台）都要重新用启动令牌登录。",
+	remoteSignOutAll: "让所有设备重新登录",
+	remoteSignOutAllConfirm: "再点一次确认",
 	appearance: "外观",
 	appearanceMode: "亮暗模式",
 	themeLight: "浅色",
@@ -420,6 +450,12 @@ const zh = {
 	fontUiSizeDesc: "侧栏、按钮、标签等界面文字",
 	fontChatSize: "对话字体",
 	fontChatSizeDesc: "消息正文、用户气泡与输入框",
+	fontUiFamily: "界面字体族",
+	fontUiFamilyDesc: "侧栏、按钮、标签等界面文字使用的字体",
+	fontMonoFamily: "代码字体族",
+	fontMonoFamilyDesc: "代码块、diff、行内代码使用的等宽字体",
+	fontCustom: "自定义…",
+	fontCustomPlaceholder: "输入字体栈，如 Fira Code, monospace",
 	language: "界面语言",
 	openConfigFile: "打开配置文件",
 	providerAuthOk: "已配置",
@@ -433,7 +469,7 @@ const zh = {
 	apiKey: "API Key",
 	apiKeyStored: "已保存；留空保持不变",
 	providerIdImmutable: "Provider ID 创建后不可修改；如需更名，请删除后重建。",
-	modelConfigReopen: "模型配置已保存。新建会话或重启 PiWeb 后，当前运行时才能使用新配置。",
+	modelConfigReopen: "模型配置已保存并立即生效；正在回答的会话在本轮结束后生效。",
 	customModelIdentityNotice: "自定义模型 ID 只是发往该 API 地址的路由名；PiWeb 不会自动下载、接入或识别本机 Ollama 模型。",
 	customApiKeyHint: "可留空改用 auth.json；指向本机/私网的无鉴权服务（Ollama 等）保存时自动填占位值。",
 	modelsTitle: "模型",
@@ -557,8 +593,10 @@ const zh = {
 	growthScopeRound: "本轮",
 	growthScopeSession: "本会话累计",
 	growthOnlyChanges: "只看改动",
-	growthFollow: "跟随",
-	growthFollowing: "跟随中",
+	// 轮数选择器:计数可点开轮次列表(不再有「跟随」开关)
+	growthPickRound: "选择轮次",
+	growthRoundJump: "输入轮号...",
+	growthRoundJumpHint: "输入轮号后按回车跳到该轮",
 	growthPrev: "上一轮",
 	growthNext: "下一轮",
 	growthRoundPosition: "第 {current}/{total} 轮",
@@ -570,6 +608,12 @@ const zh = {
 	growthNoSession: "打开或新建一个会话后，这里会显示项目的生长过程。",
 	growthUnavailable: "机器上找不到 git，项目生长功能不可用",
 	growthUnavailableFallback: "生长记录不可用（找不到可用的 git），已显示当前目录结构",
+	growthConsentTitle: "要为这个工作区开启生长记录吗？",
+	growthConsentNotGit: "生长记录会把 pi 每一轮的改动存成 git 提交，方便回看和对比。这个目录还不是 git 仓库，开启后会在这里执行 git init（新建 .git 目录）。",
+	growthConsentNested: "生长记录会把 pi 每一轮的改动存成 git 提交，方便回看和对比。这个目录是另一个仓库（{parent}）的子目录，开启后会在这里再建一个嵌套的 git 仓库，外层仓库会把它当成一个子仓库看待。",
+	growthConsentNote: "记录挂在专用引用 refs/piweb/rounds/… 上，不动分支和暂存区。选择会按工作区记住。",
+	growthConsentAllow: "开启并建仓库",
+	growthConsentDecline: "不记录",
 	growthRoundLabel: "第 {n} 轮",
 	growthKindUser: "你的修改",
 	growthRoundFiles: "{n} 个文件",
@@ -625,6 +669,7 @@ const en: Dict = {
 	error: "Error",
 	copy: "Copy",
 	copyFailed: "Copy failed",
+	externalImage: "External image — click to load",
 	chatWidthHandle: "Drag to resize the conversation",
 	editMessage: "Edit this message",
 	sendEdit: "Send again",
@@ -750,8 +795,15 @@ const en: Dict = {
 	commandLines: "{n}-line script",
 	thinkLabel: "Thought",
 	expandOutput: "Show full output",
+	expandDiff: "Show changes",
 	collapseOutput: "Collapse",
 	workspaces: "Workspaces",
+	pickFolderTitle: "Choose a workspace folder",
+	pickFolderUp: "Parent folder",
+	pickFolderConfirm: "Use this folder",
+	pickFolderEmpty: "No subfolders here",
+	pickFolderTruncated: "Showing the first {n} folders",
+	pickFolderLoading: "Loading…",
 	searchSessions: "Search sessions...",
 	addWorkspace: "Add workspace",
 	groupBy: "Group by",
@@ -793,15 +845,10 @@ const en: Dict = {
 	noBranches: "No branch points available",
 	oauthLogin: "OAuth login",
 	authMethod: "Authentication",
-	loginTitle: "Sign in to PiWeb",
-	loginDesc: "Enter the password configured in PI_WEB_PASSWORD to continue",
-	loginPassword: "Password",
-	loginSubmit: "Sign in",
-	loginSubmitting: "Signing in…",
-	loginFailed: "Incorrect password",
-	webAuth: "Password auth",
-	webAuthOn: "Enabled (PI_WEB_PASSWORD)",
-	webAuthOff: "Disabled (local access only)",
+	webAuth: "Access authentication",
+	webAuthTokenOn: "Enabled (launch token)",
+	loginTokenTitle: "This instance signs in with a launch token",
+	loginTokenDesc: "Open the login link printed in the terminal when PiWeb started (…/?token=…). The token changes on every restart; once opened, the browser remembers it for 30 days.",
 	logout: "Sign out",
 	authMethodApiKey: "API key",
 	oauthDevicePrompt: "Finish authorization in your browser",
@@ -974,11 +1021,10 @@ const en: Dict = {
 	enterQueue: "Queue: sent after this turn ends",
 	enterSteer: "Steer: delivered after the current tool call",
 	setSkills: "Skills",
-	// Session import (other AI coding tools' local conversations → pi sessions)
 	importSessions: "Import sessions",
 	importDesc: "Losslessly import conversations from Codex / Claude Code / Grok / ZCode / dsh / opencode on this machine into pi sessions: text, thinking, tool calls and results, timestamps and usage are all kept. If the original project directory still exists locally the session lands in that workspace; otherwise it falls back to the workspace selected below. Source data is only read, never modified.",
 	importRescan: "Rescan",
-	importScanning: "Scanning…",
+	importScanning: "Scanning...",
 	importSourceClaude: "Claude Code",
 	importSourceCodex: "Codex",
 	importSourceGrok: "Grok",
@@ -994,15 +1040,42 @@ const en: Dict = {
 	importSelectNone: "Clear group",
 	importClearSelection: "Clear",
 	importRun: "Import selected ({n})",
-	importRunning: "Importing…",
+	importRunning: "Importing...",
 	importFallbackWorkspace: "Fallback workspace",
+	importFallbackHint: "Used when the original project folder is gone",
+	importWhereGoes: "Destination",
+	importGoesOriginal: "Back to its original workspace",
+	importGoesFallback: "Original folder is gone — uses the fallback workspace",
 	importAlready: "Imported",
 	importUntitled: "(untitled)",
 	importNoProject: "(no project directory)",
 	importMessages: "{n} messages",
 	importEmpty: "No importable local sessions found",
 	importReportSummary: "Imported {imported} · skipped {skipped} · failed {failed}",
+	drawerPanel: "Drawer",
+	drawerSections: "Drawer sections",
+	drawerPrompts: "Prompts",
 	setPlugins: "Plugins",
+	setRemote: "Remote access",
+	remoteBuiltin: "Built-in plugin",
+	remoteLanTitle: "Local network",
+	remoteLanHint: "Devices on the same Wi-Fi can open the address below; the mobile layout is already applied. On by default.",
+	remotePublicTitle: "Public access",
+	remotePublicHint: "Once on, any browser can open it with nothing to install. Cloudflare assigns a random address that changes on every start.",
+	remoteStart: "Turn on",
+	remoteStop: "Turn off",
+	remoteWorking: "Starting…",
+	remoteRunning: "Running",
+	remoteStopped: "Off",
+	remotePending: "Address created, taking effect…",
+	remoteEngineMissing: "cloudflared not found. Install it and retry, or point PIWEB_CLOUDFLARED at it.",
+	remoteFailed: "Action failed",
+	remoteBlockedAuth: "Remote access is unavailable because authentication is off — it would be an open, password-free entry. Start with the piweb launcher, or set PI_WEB_AUTH=1.",
+	remoteBlockedDev: "Development mode serves this machine only, so remote access is unavailable. Build first, then start in production mode.",
+	remoteSessionsTitle: "Signed-in devices",
+	remoteSessionsHint: "Phones and other computers stay signed in for 30 days. If a device is lost or a link leaked, make every device (including this one) sign in again with the launch token.",
+	remoteSignOutAll: "Sign out all devices",
+	remoteSignOutAllConfirm: "Click again to confirm",
 	appearance: "Appearance",
 	appearanceMode: "Light / Dark",
 	themeLight: "Light",
@@ -1019,6 +1092,12 @@ const en: Dict = {
 	fontUiSizeDesc: "Sidebar, buttons, labels and other UI text",
 	fontChatSize: "Chat font size",
 	fontChatSizeDesc: "Message body, user bubbles and the composer",
+	fontUiFamily: "UI font family",
+	fontUiFamilyDesc: "Font used by the sidebar, buttons, labels and other UI text",
+	fontMonoFamily: "Code font family",
+	fontMonoFamilyDesc: "Monospace font used by code blocks, diffs and inline code",
+	fontCustom: "Custom…",
+	fontCustomPlaceholder: "Font stack, e.g. Fira Code, monospace",
 	language: "Language",
 	openConfigFile: "Open config file",
 	providerAuthOk: "Configured",
@@ -1032,7 +1111,7 @@ const en: Dict = {
 	apiKey: "API Key",
 	apiKeyStored: "Saved; leave blank to keep it",
 	providerIdImmutable: "A Provider ID cannot be changed after creation. Delete and recreate it to rename it.",
-	modelConfigReopen: "Model configuration saved. Start a new session or restart PiWeb before using it in the current runtime.",
+	modelConfigReopen: "Model configuration saved and applied. Sessions that are answering pick it up after the current turn.",
 	customModelIdentityNotice: "A custom model ID is only a route name sent to that API endpoint. PiWeb does not automatically download, attach, or identify local Ollama models.",
 	customApiKeyHint: "Leave blank to use auth.json. Keyless local/private services (Ollama etc.) get a placeholder key automatically on save.",
 	modelsTitle: "Models",
@@ -1155,8 +1234,10 @@ const en: Dict = {
 	growthScopeRound: "This round",
 	growthScopeSession: "Session total",
 	growthOnlyChanges: "Changes only",
-	growthFollow: "Follow",
-	growthFollowing: "Following",
+	// Round picker: the counter opens a round list (no "Follow" switch any more)
+	growthPickRound: "Select round",
+	growthRoundJump: "Enter round number...",
+	growthRoundJumpHint: "Type a round number and press Enter to jump",
 	growthPrev: "Previous round",
 	growthNext: "Next round",
 	growthRoundPosition: "Round {current}/{total}",
@@ -1168,6 +1249,12 @@ const en: Dict = {
 	growthNoSession: "Open or start a session to watch the project grow here.",
 	growthUnavailable: "git was not found on this machine; project growth is unavailable",
 	growthUnavailableFallback: "Growth history is unavailable (no usable git); showing the current directory structure",
+	growthConsentTitle: "Turn on growth history for this workspace?",
+	growthConsentNotGit: "Growth history saves each pi turn's changes as git commits so you can review and compare them. This folder is not a git repository yet; turning it on runs git init here (creates a .git folder).",
+	growthConsentNested: "Growth history saves each pi turn's changes as git commits so you can review and compare them. This folder is inside another repository ({parent}); turning it on creates a nested git repository here, which the outer repository will see as a sub-repository.",
+	growthConsentNote: "Commits live on a private ref (refs/piweb/rounds/…) and never touch your branches or index. The choice is remembered per workspace.",
+	growthConsentAllow: "Turn on and create repository",
+	growthConsentDecline: "Don't record",
 	growthRoundLabel: "Round {n}",
 	growthKindUser: "Your changes",
 	growthRoundFiles: "{n} files",

package/src/instrumentation-node.ts

@@ -0,0 +1,35 @@
+/**
+ * 服务启动钩子的 Node 部分（只由 instrumentation.ts 在 nodejs 运行时引入）。
+ *
+ * 这里用到 node:child_process 等模块，edge 运行时编不过；放在单独文件里，
+ * edge 那份编译就整段跳过了（见 instrumentation.ts）。
+ */
+export async function registerNode() {
+	// 构建期也会实例化服务，别在构建机上开监听
+	if (process.env.NEXT_PHASE === "phase-production-build") return;
+
+	// 再次运行启动器时要能找回本实例的登录链接（见 publishLaunchToken）
+	const { authEnabled } = await import("./lib/web-auth");
+	if (authEnabled()) (await import("./lib/web-launch-token")).publishLaunchToken();
+
+	const { remoteBlocked, remoteLanEnabled, startLan } = await import("./lib/remote/supervisor");
+	if (!remoteLanEnabled()) return;
+
+	// 局域网入口会把 PiWeb 暴露给同网段的所有设备：没认证、或是开发模式，都绝不能开。
+	const blocked = remoteBlocked();
+	if (blocked === "auth") {
+		console.warn("[远程连接] 已跳过局域网入口：认证没开。请设 PI_WEB_AUTH=1。");
+		return;
+	}
+	if (blocked === "dev") {
+		console.warn("[远程连接] 已跳过局域网入口：开发模式只服务本机（认证保护不了 Next 开发工具端点）。");
+		return;
+	}
+
+	const state = await startLan();
+	if (state.running) {
+		console.log(`[远程连接] 局域网入口已就绪：${state.urls.join("  ")}`);
+	} else {
+		console.warn(`[远程连接] 局域网入口启动失败：${state.error}`);
+	}
+}

package/src/instrumentation.ts

@@ -0,0 +1,18 @@
+/**
+ * 服务启动钩子：「远程连接」内置插件的局域网入口在这里拉起。
+ *
+ * 为什么必须在这里：局域网入口要「默认就在跑」（手机连同一个 WiFi 就能用），
+ * 而 Next 的请求处理里没有「服务刚起来」这个时机 —— instrumentation 的 register()
+ * 是官方给的入口，而且它返回前服务不会开始处理请求。
+ *
+ * Next 会把本文件按 nodejs 和 edge 各编译一份。Node 专用的代码只能写在
+ * `=== "nodejs"` 的分支里再 import：edge 那份里条件是常量 false，webpack 整段跳过。
+ * 写成「不是 nodejs 就 return，后面再 import」不行 —— webpack 照样解析后面的 import，
+ * edge 编译碰到 node:child_process 就报错，dev 下所有页面跟着 500。
+ */
+export async function register() {
+	if (process.env.NEXT_RUNTIME === "nodejs") {
+		const { registerNode } = await import("./instrumentation-node");
+		await registerNode();
+	}
+}