@rexvane/piweb 0.3.25 → 0.3.26

package/.next/types/app/api/models/route.ts

@@ -1,4 +1,4 @@
-// File: D:\AIApp\PiWeb\src\app\api\models\route.ts
+// File: /home/runner/work/PiWeb/PiWeb/src/app/api/models/route.ts
 import * as entry from '../../../../../src/app/api/models/route.js'
 import type { NextRequest } from 'next/server.js'
 

package/.next/types/app/api/pi-settings/route.ts

@@ -1,4 +1,4 @@
-// File: D:\AIApp\PiWeb\src\app\api\pi-settings\route.ts
+// File: /home/runner/work/PiWeb/PiWeb/src/app/api/pi-settings/route.ts
 import * as entry from '../../../../../src/app/api/pi-settings/route.js'
 import type { NextRequest } from 'next/server.js'
 

package/.next/types/app/api/plugins/route.ts

@@ -1,4 +1,4 @@
-// File: D:\AIApp\PiWeb\src\app\api\plugins\route.ts
+// File: /home/runner/work/PiWeb/PiWeb/src/app/api/plugins/route.ts
 import * as entry from '../../../../../src/app/api/plugins/route.js'
 import type { NextRequest } from 'next/server.js'
 

package/.next/types/app/api/prompts/route.ts

@@ -1,4 +1,4 @@
-// File: D:\AIApp\PiWeb\src\app\api\prompts\route.ts
+// File: /home/runner/work/PiWeb/PiWeb/src/app/api/prompts/route.ts
 import * as entry from '../../../../../src/app/api/prompts/route.js'
 import type { NextRequest } from 'next/server.js'
 

package/.next/types/app/api/remote/route.ts

@@ -1,4 +1,4 @@
-// File: D:\AIApp\PiWeb\src\app\api\remote\route.ts
+// File: /home/runner/work/PiWeb/PiWeb/src/app/api/remote/route.ts
 import * as entry from '../../../../../src/app/api/remote/route.js'
 import type { NextRequest } from 'next/server.js'
 

package/.next/types/app/api/security/route.ts

@@ -1,4 +1,4 @@
-// File: D:\AIApp\PiWeb\src\app\api\security\route.ts
+// File: /home/runner/work/PiWeb/PiWeb/src/app/api/security/route.ts
 import * as entry from '../../../../../src/app/api/security/route.js'
 import type { NextRequest } from 'next/server.js'
 

package/.next/types/app/api/sessions/[id]/export/route.ts

@@ -1,4 +1,4 @@
-// File: D:\AIApp\PiWeb\src\app\api\sessions\[id]\export\route.ts
+// File: /home/runner/work/PiWeb/PiWeb/src/app/api/sessions/[id]/export/route.ts
 import * as entry from '../../../../../../../src/app/api/sessions/[id]/export/route.js'
 import type { NextRequest } from 'next/server.js'
 

package/.next/types/app/api/sessions/[id]/route.ts

@@ -1,4 +1,4 @@
-// File: D:\AIApp\PiWeb\src\app\api\sessions\[id]\route.ts
+// File: /home/runner/work/PiWeb/PiWeb/src/app/api/sessions/[id]/route.ts
 import * as entry from '../../../../../../src/app/api/sessions/[id]/route.js'
 import type { NextRequest } from 'next/server.js'
 

package/.next/types/app/api/sessions/import/route.ts

@@ -1,4 +1,4 @@
-// File: D:\AIApp\PiWeb\src\app\api\sessions\import\route.ts
+// File: /home/runner/work/PiWeb/PiWeb/src/app/api/sessions/import/route.ts
 import * as entry from '../../../../../../src/app/api/sessions/import/route.js'
 import type { NextRequest } from 'next/server.js'
 

package/.next/types/app/api/sessions/route.ts

@@ -1,4 +1,4 @@
-// File: D:\AIApp\PiWeb\src\app\api\sessions\route.ts
+// File: /home/runner/work/PiWeb/PiWeb/src/app/api/sessions/route.ts
 import * as entry from '../../../../../src/app/api/sessions/route.js'
 import type { NextRequest } from 'next/server.js'
 

package/.next/types/app/api/skills/route.ts

@@ -1,4 +1,4 @@
-// File: D:\AIApp\PiWeb\src\app\api\skills\route.ts
+// File: /home/runner/work/PiWeb/PiWeb/src/app/api/skills/route.ts
 import * as entry from '../../../../../src/app/api/skills/route.js'
 import type { NextRequest } from 'next/server.js'
 

package/.next/types/app/api/update/route.ts

@@ -1,4 +1,4 @@
-// File: D:\AIApp\PiWeb\src\app\api\update\route.ts
+// File: /home/runner/work/PiWeb/PiWeb/src/app/api/update/route.ts
 import * as entry from '../../../../../src/app/api/update/route.js'
 import type { NextRequest } from 'next/server.js'
 

package/.next/types/app/api/version/route.ts

@@ -1,4 +1,4 @@
-// File: D:\AIApp\PiWeb\src\app\api\version\route.ts
+// File: /home/runner/work/PiWeb/PiWeb/src/app/api/version/route.ts
 import * as entry from '../../../../../src/app/api/version/route.js'
 import type { NextRequest } from 'next/server.js'
 

package/.next/types/app/api/web-auth/route.ts

@@ -1,4 +1,4 @@
-// File: D:\AIApp\PiWeb\src\app\api\web-auth\route.ts
+// File: /home/runner/work/PiWeb/PiWeb/src/app/api/web-auth/route.ts
 import * as entry from '../../../../../src/app/api/web-auth/route.js'
 import type { NextRequest } from 'next/server.js'
 

package/.next/types/app/api/workspaces/route.ts

@@ -1,4 +1,4 @@
-// File: D:\AIApp\PiWeb\src\app\api\workspaces\route.ts
+// File: /home/runner/work/PiWeb/PiWeb/src/app/api/workspaces/route.ts
 import * as entry from '../../../../../src/app/api/workspaces/route.js'
 import type { NextRequest } from 'next/server.js'
 

package/.next/types/app/layout.ts

@@ -1,4 +1,4 @@
-// File: D:\AIApp\PiWeb\src\app\layout.tsx
+// File: /home/runner/work/PiWeb/PiWeb/src/app/layout.tsx
 import * as entry from '../../../src/app/layout.js'
 import type { ResolvingMetadata, ResolvingViewport } from 'next/dist/lib/metadata/types/metadata-interface.js'
 

package/.next/types/app/login/page.ts

@@ -1,4 +1,4 @@
-// File: D:\AIApp\PiWeb\src\app\login\page.tsx
+// File: /home/runner/work/PiWeb/PiWeb/src/app/login/page.tsx
 import * as entry from '../../../../src/app/login/page.js'
 import type { ResolvingMetadata, ResolvingViewport } from 'next/dist/lib/metadata/types/metadata-interface.js'
 

package/.next/types/app/page.ts

@@ -1,4 +1,4 @@
-// File: D:\AIApp\PiWeb\src\app\page.tsx
+// File: /home/runner/work/PiWeb/PiWeb/src/app/page.tsx
 import * as entry from '../../../src/app/page.js'
 import type { ResolvingMetadata, ResolvingViewport } from 'next/dist/lib/metadata/types/metadata-interface.js'
 

package/.next/types/routes.d.ts

@@ -2,7 +2,7 @@
 // Do not edit this file manually
 
 type AppRoutes = "/" | "/login"
-type AppRouteHandlerRoutes = "/api/agent/[id]" | "/api/agent/[id]/events" | "/api/agent/[id]/tree" | "/api/agent/new" | "/api/config" | "/api/files" | "/api/fs" | "/api/git" | "/api/github" | "/api/growth" | "/api/health" | "/api/models" | "/api/models/defaults" | "/api/pi-settings" | "/api/plugins" | "/api/prompts" | "/api/remote" | "/api/security" | "/api/sessions" | "/api/sessions/[id]" | "/api/sessions/[id]/export" | "/api/sessions/import" | "/api/skills" | "/api/update" | "/api/version" | "/api/web-auth" | "/api/workspaces"
+type AppRouteHandlerRoutes = "/api/agent/[id]" | "/api/agent/[id]/events" | "/api/agent/[id]/tree" | "/api/agent/new" | "/api/agent/resources" | "/api/config" | "/api/files" | "/api/fs" | "/api/git" | "/api/github" | "/api/growth" | "/api/health" | "/api/models" | "/api/models/defaults" | "/api/pi-settings" | "/api/plugins" | "/api/prompts" | "/api/remote" | "/api/security" | "/api/sessions" | "/api/sessions/[id]" | "/api/sessions/[id]/export" | "/api/sessions/import" | "/api/skills" | "/api/update" | "/api/version" | "/api/web-auth" | "/api/workspaces"
 type PageRoutes = never
 type LayoutRoutes = "/"
 type RedirectRoutes = never
@@ -16,6 +16,7 @@ interface ParamMap {
   "/api/agent/[id]/events": { "id": string; }
   "/api/agent/[id]/tree": { "id": string; }
   "/api/agent/new": {}
+  "/api/agent/resources": {}
   "/api/config": {}
   "/api/files": {}
   "/api/fs": {}

package/.next/types/validator.ts

@@ -126,6 +126,16 @@ type RouteHandlerConfig<Route extends AppRouteHandlerRoutes = AppRouteHandlerRou
   type __Unused = __Check
 }
 
+// Validate ../../src/app/api/agent/resources/route.ts
+{
+  type __IsExpected<Specific extends RouteHandlerConfig<"/api/agent/resources">> = Specific
+  const handler = {} as typeof import("../../src/app/api/agent/resources/route.js")
+  type __Check = __IsExpected<typeof handler>
+  
+  // @ts-ignore
+  type __Unused = __Check
+}
+
 // Validate ../../src/app/api/config/route.ts
 {
   type __IsExpected<Specific extends RouteHandlerConfig<"/api/config">> = Specific

package/LICENSE

@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

package/README.md

@@ -110,7 +110,7 @@ is npm's default tag, so `npm install -g @rexvane/piweb` behaves identically; if
 is a mirror that syncs with a delay, add `--registry=https://registry.npmjs.org` to get a
 release the moment it is published. Restart `piweb` afterwards to serve the new version.
 
-Or install a specific version: `npm install -g @rexvane/piweb@0.3.25`.
+Or install a specific version: `npm install -g @rexvane/piweb@0.3.26`.
 
 **Updating from the UI**: every time PiWeb starts it checks PiWeb and pi for new versions in the
 background. When one is available it prints `[更新] 有新版本：…` in the terminal and shows a notice

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rexvane/piweb",
-	"version": "0.3.25",
+	"version": "0.3.26",
 	"license": "MIT",
 	"type": "module",
 	"description": "Modern web UI for the pi coding agent, driven by the official pi SDK without modifying pi",

package/src/app/api/agent/resources/route.ts

@@ -0,0 +1,18 @@
+import { NextResponse } from "next/server";
+import { loadWorkspaceResources } from "@/lib/agent-manager";
+import { BoundaryError, resolveWorkspacePath } from "@/lib/path-security";
+
+export const dynamic = "force-dynamic";
+
+/** 新会话/冷会话的补全数据；不建会话、不启动 MCP。 */
+export async function GET(req: Request) {
+	try {
+		const cwd = await resolveWorkspacePath(new URL(req.url).searchParams.get("cwd"));
+		return NextResponse.json({ success: true, data: await loadWorkspaceResources(cwd) });
+	} catch (error) {
+		return NextResponse.json(
+			{ success: false, error: error instanceof Error ? error.message : "request failed" },
+			{ status: error instanceof BoundaryError ? 400 : 500 },
+		);
+	}
+}

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

@@ -9,7 +9,7 @@
  * 认证没开时 proxy 一律放行，这时开出去的局域网 / 公网入口就是一个免密 shell。
  */
 import { NextResponse } from "next/server";
-import { remoteBlocked, remoteStatus, setRemotePluginEnabled, startLan, startPublic, stopAll, stopLan, stopPublic } from "@/lib/remote/supervisor";
+import { remoteBlocked, remoteLanEnabled, remoteStatus, setRemotePluginEnabled, startLan, startPublic, stopAll, stopLan, stopPublic } from "@/lib/remote/supervisor";
 import { authEnabled } from "@/lib/web-auth";
 
 export const dynamic = "force-dynamic";
@@ -78,12 +78,10 @@ export async function POST(request: Request) {
 			if (!enabled) await stopPublic();
 			// 注入资源是在建监听时就烧进去的，所以必须重建监听，开关才真正生效；
 			// 重建只在「原监听需要换模式」时做，避免白断一次连接。
-			if (before.lan.running && before.lan.styled !== enabled) {
-				await stopLan();
-				await startLan();
-			} else {
-				await startLan();
-			}
+			if (before.lan.running && before.lan.styled !== enabled) await stopLan();
+			// 起监听与启动时（instrumentation-node）同一道闸：认证没开 / 开发模式 / PIWEB_REMOTE_LAN=0 时
+			// 只存开关，不开局域网入口——否则拨一下开关就绕过 start-lan 的检查开出一个免密入口。
+			if (remoteBlocked() === null && remoteLanEnabled()) await startLan();
 			return respond();
 		}
 		default:

package/src/app/api/sessions/[id]/export/route.ts

@@ -18,7 +18,9 @@ export async function GET(req: Request, { params }: { params: Promise<{ id: stri
 	const { id } = await params;
 	const format = new URL(req.url).searchParams.get("format") === "html" ? "html" : "jsonl";
 	try {
-		const m = getManaged(await resolveSessionPath(id));
+		// 与 /api/agent/[id] 同一种解析（allowPending 返回原写法而不是 realpath）：会话表按路径字符串做键，
+		// ~/.pi 经过 junction / 符号链接时两种写法不同，导出 HTML 就会给同一个文件再起一个 agent
+		const m = getManaged(await resolveSessionPath(id, { allowPending: true }));
 		const { filename, content, contentType } = await exportSession(m, format);
 		return new Response(content, {
 			headers: {

package/src/app/globals.css

@@ -2567,6 +2567,22 @@ body[data-pebrel-theme="pebrel"][data-ds-dark-theme] {
 .pw-image-delete:disabled {
 	opacity: 0.4;
 }
+/* 聊天图片可点击，保持原图尺寸和排版；预览与输入附件共用同一套放大预览。 */
+.pw-chat-image-preview {
+	display: inline-block;
+	max-width: 100%;
+	padding: 0;
+	border: 0;
+	background: transparent;
+	cursor: zoom-in;
+	vertical-align: top;
+}
+.pw-chat-image-preview > img { display: block; }
+.pw-chat-image-preview:focus-visible {
+	outline: 2px solid var(--dsw-accent);
+	outline-offset: 3px;
+	border-radius: 12px;
+}
 /* 放大预览 */
 .pw-lightbox {
 	position: fixed;

package/src/components/AppShell.tsx

@@ -45,7 +45,11 @@ import type { ModelChoice } from "@/components/ModelSelector";
 import type { NewSessionDefaults } from "@/lib/model-defaults";
 import { readRememberedHeroModel, writeRememberedHeroModel } from "@/lib/hero-model-memory";
 import { newSessionThinkingLevel } from "@/lib/thinking-level";
-import type { ImageAttachment, TrajEntry } from "@/lib/types";
+import { promptTitleText } from "@/lib/chat/skill-expansion";
+import type { ImageAttachment, TrajEntry, WebSnapshot } from "@/lib/types";
+
+/** 补全需要的资源清单；新会话页与冷会话都能从服务端单独发现，不必等快照 */
+type WorkspaceCommands = Pick<WebSnapshot, "skills" | "promptTemplates" | "extensionCommands">;
 
 // dsh ui-layout columns.ts 几何常量
 const SIDEBAR_MIN = 264;
@@ -174,6 +178,9 @@ export function AppShell() {
 	const [heroModel, setHeroModel] = useState<{ provider: string; id: string } | null>(null);
 	/** 当前工作区的新会话默认值（pi 的初始模型规则 + 设置里的思考档位），切换工作区时重新取 */
 	const [heroDefaults, setHeroDefaults] = useState<NewSessionDefaults | null>(null);
+	/** 按工作区缓存的命令清单：切会话时先用着，再后台刷新 */
+	const [workspaceResources, setWorkspaceResources] = useState<Record<string, WorkspaceCommands>>({});
+	const [resourcesVersion, setResourcesVersion] = useState(0);
 	const [heroThinking, setHeroThinking] = useState("");
 	const [isNarrow, setIsNarrow] = useState(false);
 	const [mobileSidebarOpen, setMobileSidebarOpen] = useState(false);
@@ -218,6 +225,30 @@ export function AppShell() {
 			stale = true;
 		};
 	}, [heroCwd]);
+	/** 补全数据归属的工作区：有会话看会话的 cwd，新会话看 Hero 选中的工作区 */
+	const resourceCwd = currentId
+		? sessions.find((session) => samePath(session.path, currentPath ?? ""))?.cwd ??
+			(state.snapshot?.sessionPath && samePath(state.snapshot.sessionPath, currentPath ?? "") ? state.snapshot.cwd : "")
+		: heroCwd;
+	// 补全不能等历史快照或 session_start/MCP：按工作区单独发现并缓存，切会话/改设置时后台刷新。
+	useEffect(() => {
+		if (!resourceCwd) return;
+		let stale = false;
+		fetch(`/api/agent/resources?cwd=${encodeURIComponent(resourceCwd)}`, { cache: "no-store" })
+			.then((r) => r.json() as Promise<{ success?: boolean; data?: WorkspaceCommands; error?: string }>)
+			.then((json) => {
+				if (stale) return;
+				if (!json.success || !json.data) throw new Error(json.error || "Failed to load workspace resources");
+				const data = json.data;
+				setWorkspaceResources((previous) => ({ ...previous, [resourceCwd]: data }));
+			})
+			.catch((error) => {
+				if (!stale) setError(error instanceof Error ? error.message : String(error));
+			});
+		return () => {
+			stale = true;
+		};
+	}, [currentId, resourceCwd, settingsOpen, resourcesVersion, setError]);
 	/** 右侧抽屉开关(项目栏降级成抽屉入口后,它是"最右一列是否打开"唯一的开关) */
 	const toggleDrawer = useCallback((next?: boolean) => {
 		preserveChatReadingPosition();
@@ -248,7 +279,8 @@ export function AppShell() {
 		};
 		document.addEventListener("keydown", h);
 		return () => document.removeEventListener("keydown", h);
-	}, [drawerOpen, drawerSection, toggleDrawer, openDrawerSection]);
+		// selected 必须在依赖里：漏了它，打开轨迹详情后闭包里仍是旧的 null，第一下被当成「收起」，要按两次
+	}, [drawerOpen, drawerSection, selected, toggleDrawer, openDrawerSection]);
 
 	useEffect(() => {
 		const query = window.matchMedia("(max-width: 840px)");
@@ -435,18 +467,17 @@ export function AppShell() {
 
 	const doRename = useCallback(async (path: string, newName: string) => {
 		if (!newName.trim()) return;
-		const result = path === currentPath
+		// 冷会话：临时走命令路由（会按需打开，不启动 agent 的 rename 走 appendSessionInfo）
+		const result = currentPath && samePath(path, currentPath)
 			? await sendCommand({ cmd: "rename", text: newName.trim() })
 			: await sendCommand({ cmd: "rename", text: newName.trim() }, encodeURIComponent(b64url(path)));
 		if (!result?.success) {
 			throw new Error(result?.error || "failed to rename session");
 		}
+		// 侧栏就地改名即可。不要 resync：它重连的是「当前」会话的事件流，与被改名的冷会话无关，
+		// 正在流式输出时还会把眼前的对话整页重载一遍
 		patchSessionName(path, newName.trim());
-		if (path !== currentPath) {
-			// 冷会话：临时走命令路由（会按需打开，不启动 agent 的 rename 走 appendSessionInfo）
-			resync();
-		}
-	}, [currentPath, sendCommand, patchSessionName, resync]);
+	}, [currentPath, sendCommand, patchSessionName]);
 
 	const doForkSession = useCallback(
 		async (path: string, _cwd: string) => {
@@ -501,13 +532,13 @@ export function AppShell() {
 	const doUnarchiveSession = useCallback(
 		async (path: string) => {
 			try {
+				// 归档列表由 unarchiveSession 按服务端返回更新；不 resync 当前会话（同 doRename）
 				await unarchiveSession(path);
-				resync();
 			} catch {
 				// usePiWeb exposes the request failure in the shared error banner.
 			}
 		},
-		[unarchiveSession, resync],
+		[unarchiveSession],
 	);
 
 	// ---------- 侧栏回调：全部 useCallback，配合 SessionSidebar 的 memo ——
@@ -546,13 +577,13 @@ export function AppShell() {
 
 	const doDeleteWorkspace = useCallback(
 		async (cwd: string) => {
+			// 工作区列表由 removeWorkspace 按服务端返回更新；不 resync 当前会话（同 doRename）
 			await removeWorkspace(cwd);
-			if (heroCwd === cwd) {
+			if (heroCwd && samePath(heroCwd, cwd)) {
 				setHeroCwd("");
 			}
-			resync();
 		},
-		[removeWorkspace, heroCwd, resync],
+		[removeWorkspace, heroCwd],
 	);
 
 	// Hero 发送：先完整应用新会话预设，再发第一条消息。
@@ -596,6 +627,9 @@ export function AppShell() {
 		[sendCommand, openSession, resync],
 	);
 
+	const commandResources = currentId && snapshot?.sessionPath && samePath(snapshot.sessionPath, currentPath ?? "")
+		? snapshot
+		: workspaceResources[resourceCwd];
 	// 斜杠命令：Web 内置 + pi 的技能 / 提示模板 / 扩展命令（后三类原样交给 SDK 展开或执行）
 	const slashCommands = useMemo(() => {
 		const list: { name: string; desc: string; kind: "builtin" | "skill" | "template" | "extension"; argumentHint?: string }[] = [
@@ -605,12 +639,12 @@ export function AppShell() {
 			{ name: "new", desc: t.cmdNew, kind: "builtin" },
 			{ name: "fork", desc: t.cmdFork, kind: "builtin" },
 			{ name: "reload", desc: t.cmdReload, kind: "builtin" },
-			...(snapshot?.promptTemplates ?? []).map((p) => ({ name: p.name, desc: p.description, kind: "template" as const, argumentHint: p.argumentHint })),
-			...(snapshot?.extensionCommands ?? []).map((c) => ({ name: c.name, desc: c.description || c.source, kind: "extension" as const })),
-			...(snapshot?.skills ?? []).map((s) => ({ name: `skill:${s.name}`, desc: s.description, kind: "skill" as const })),
+			...(commandResources?.promptTemplates ?? []).map((p) => ({ name: p.name, desc: p.description, kind: "template" as const, argumentHint: p.argumentHint })),
+			...(commandResources?.extensionCommands ?? []).map((c) => ({ name: c.name, desc: c.description || c.source, kind: "extension" as const })),
+			...(commandResources?.skills ?? []).map((s) => ({ name: `skill:${s.name}`, desc: s.description, kind: "skill" as const })),
 		];
 		return list.sort((a, b) => a.name.localeCompare(b.name));
-	}, [snapshot, t]);
+	}, [commandResources, t]);
 
 	const runSlashCommand = useCallback(
 		(name: string, args: string) => {
@@ -622,10 +656,16 @@ export function AppShell() {
 				void sendCommand({ cmd: "fork" }).then((r) => {
 					if (r.success && r.data?.sessionPath) openSession(r.data.sessionPath);
 				});
-			} else if (name === "reload") void sendCommand({ cmd: "reload" }).then(() => refreshModels());
-			else setError(t.cmdUnknown.replace("{name}", name));
+			} else if (name === "reload") {
+				// 新会话页没有会话可重载：重新发现命令并刷模型目录即可
+				if (currentId) void sendCommand({ cmd: "reload" }).then(() => refreshModels());
+				else {
+					setResourcesVersion((version) => version + 1);
+					void refreshModels();
+				}
+			} else setError(t.cmdUnknown.replace("{name}", name));
 		},
-		[sendCommand, currentId, closeSession, openSession, setError, t],
+		[sendCommand, currentId, closeSession, openSession, refreshModels, setError, t],
 	);
 
 	const projectTrust = snapshot?.projectTrust;
@@ -646,11 +686,13 @@ export function AppShell() {
 
 	// 当前会话名 / 工作区标题
 	const currentSession = sessions.find((s) => s.path === currentPath);
-	const firstUserMsgText = (
+	const firstUserText = (
 		state.messages
 			.find((m) => m.role === "user")
 			?.content?.find((c: any) => c.type === "text" && c.text?.trim()) as any
 	)?.text?.trim();
+	// 技能展开的消息不能原样当标题（会露出 <skill name=…> 和 SKILL.md 正文）
+	const firstUserMsgText = firstUserText ? promptTitleText(firstUserText) : firstUserText;
 	const title =
 		snapshot?.name ||
 		currentSession?.name ||
@@ -730,6 +772,8 @@ export function AppShell() {
 		connected: state.connected,
 	});
 	const openFileNode = useCallback((node: TreeNode) => viewer.open(node.path, { from: node.from, lazy: node.lazy, kind: node.kind }), [viewer]);
+	// 正文行内代码里的路径走页内查看器；工具行上那个按钮仍然是本机编辑器（openInEditor）
+	const openPathInViewer = useCallback((filePath: string) => viewer.open(filePath), [viewer.open]);
 	// 打开面板时落在最新轮:useGrowth 活在 AppShell 里、不随抽屉卸载,state 不会自己回到最新,
 	// 所以每次从「关」变「开」(或换了工作区)都显式选一次最新轮。
 	// 新轮次出现时不再自动跳——用户打开面板后停在哪一轮就是哪一轮。
@@ -1019,6 +1063,7 @@ export function AppShell() {
 									cwd={panelCwd}
 									onOpenTrajectory={openToolTrajectory}
 									onOpenFile={openInEditor}
+									onOpenPath={openPathInViewer}
 									onFork={handleFork}
 									onEditMessage={doEditMessage}
 									roundBadges={roundBadges}
@@ -1333,6 +1378,8 @@ function Hero({
 					pendingUploadCount={pendingUploadCount}
 					pendingSend={pendingSend}
 					onSendPendingChange={onSendPendingChange}
+					// Hero 的附件占位，避免 @ 引用和图片盖住上方工作区选择器
+					attachmentLayout="flow"
 					// 新会话也能 @ 引用：候选来自上面选中的工作区
 					cwd={cwd}
 					commands={commands}