@oversk7/pi-web-dsh-style 1.0.0 → 1.0.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oversk7/pi-web-dsh-style",
-  "version": "1.0.0",
-  "description": "An unofficial DSH-styled local Windows browser UI extension for pi coding agent",
+  "version": "1.0.1",
+  "description": "An unofficial DSH-styled Windows browser UI for pi coding agent with configurable LAN and native frp relay access",
   "type": "module",
   "license": "MIT",
   "author": "oversk7",
@@ -25,6 +25,9 @@
     "file-preview.ts",
     "index.ts",
     "local-session.ts",
+    "network-access.ts",
+    "network-settings.ts",
+    "frp-process.ts",
     "pi-rpc.ts",
     "sse-channel.ts",
     "server.ts",

package/server.ts

@@ -3,7 +3,7 @@ import { createServer } from "node:http";
 import { spawn } from "node:child_process";
 import { randomUUID } from "node:crypto";
 import { existsSync } from "node:fs";
-import { mkdir, readFile, readdir, stat, unlink } from "node:fs/promises";
+import { chmod, mkdir, mkdtemp, readFile, readdir, rm, stat, unlink } from "node:fs/promises";
 import { homedir, platform, tmpdir } from "node:os";
 import { basename, dirname, extname, join, normalize, resolve, sep } from "node:path";
 import { fileURLToPath } from "node:url";
@@ -17,10 +17,13 @@ import {
   type RpcQueueSnapshot,
 } from "./abort-session.ts";
 import { ImageAttachmentStore } from "./attachment-store.ts";
+import { isLocalRequest, WebAccess } from "./network-access.ts";
+import { FrpProcess } from "./frp-process.ts";
+import { frpcConfig, loadNetworkSettings, proxyForNetwork, publicNetworkSettings, relayServerFiles, resolveFrpc, saveNetworkSettings, updateNetworkSettings, type NetworkMode, type NetworkSettings } from "./network-settings.ts";
 import { closeSseClient, createSseClient, sendSseEvent, type SseClient } from "./sse-channel.ts";
 import { closeAllPiRpcs, spawnPiRpc, type Json, type PiRpc } from "./pi-rpc.ts";
 import { loadLocalSession } from "./local-session.ts";
-import { loadJsonWithLegacyMigration, writeJsonAtomically } from "./state-store.ts";
+import { loadJsonWithLegacyMigration, writeJsonAtomically, writeTextAtomically } from "./state-store.ts";
 import { buildFilePreview } from "./file-preview.ts";
 import { readClipboardImage, readClipboardText } from "./windows-clipboard.ts";
 import {
@@ -44,6 +47,8 @@ const DEFAULT_PORT = 18789;
 const STATE_DIR = process.env.PI_WEB_STATE_DIR || join(getAgentDir(), "pi-web");
 const STATE_FILE = resolve(process.env.PI_WEB_STATE_FILE || join(STATE_DIR, "state.json"));
 const LEGACY_STATE_FILE = resolve(process.env.PI_WEB_LEGACY_STATE_FILE || join(here, "state.json"));
+const AUTH_FILE = join(dirname(STATE_FILE), "auth.json");
+const NETWORK_FILE = join(dirname(STATE_FILE), "network.json");
 
 interface Workspace {
   id: string;
@@ -205,6 +210,13 @@ interface MaintenanceCommandResult {
 let server: ReturnType<typeof createServer> | undefined;
 let serverUrl: string | undefined;
 let serverInstanceId: string | undefined;
+let webAccess = new WebAccess(false);
+let networkSettings: NetworkSettings = { mode: "local" };
+let networkApplying = false;
+let networkChange: Promise<void> = Promise.resolve();
+let networkError: string | undefined;
+let frpRuntimeDir: string | undefined;
+const frpProcess = new FrpProcess(() => broadcastEvent({ type: "network_changed" }));
 let updateExtensions: (() => Promise<MaintenanceCommandResult>) | undefined;
 let reloadRuntime: (() => Promise<void>) | undefined;
 let maintenanceRunning = false;
@@ -1707,28 +1719,6 @@ function readJsonBody(req: import("node:http").IncomingMessage, limit = 12 * 102
   });
 }
 
-function isTrustedLocalMutation(req: import("node:http").IncomingMessage): boolean {
-  const host = req.headers.host ?? "";
-  let hostname = "";
-  try {
-    hostname = new URL(`http://${host}`).hostname.toLowerCase();
-  } catch {
-    return false;
-  }
-  if (hostname !== "127.0.0.1" && hostname !== "localhost" && hostname !== "[::1]") return false;
-  const fetchSite = req.headers["sec-fetch-site"];
-  if (fetchSite === "cross-site") return false;
-  const origin = req.headers.origin;
-  if (origin) {
-    try {
-      if (new URL(origin).host.toLowerCase() !== host.toLowerCase()) return false;
-    } catch {
-      return false;
-    }
-  }
-  return true;
-}
-
 function findRecord(id: string): RuntimeSession | undefined {
   return sessions.get(id);
 }
@@ -2083,8 +2073,76 @@ function scheduleRuntimeReload(): void {
 async function handleApi(req: import("node:http").IncomingMessage, res: ServerResponse, url: URL): Promise<boolean> {
   const path = url.pathname;
   const method = req.method ?? "GET";
-  if (method !== "GET" && method !== "HEAD" && !isTrustedLocalMutation(req)) {
-    return sendJson(res, 403, { error: "forbidden origin" });
+  if (!webAccess.trusted(req)) return sendJson(res, 403, { error: "forbidden origin" });
+  res.setHeader("cache-control", "no-store");
+  if (method === "GET" && path === "/api/auth") {
+    return sendJson(res, 200, { passwordConfigured: webAccess.passwordConfigured });
+  }
+  if (method === "POST" && path === "/api/auth") {
+    const body = await readJsonBody(req, 2048);
+    if (!webAccess.passwordConfigured) {
+      return sendJson(res, 503, { error: "请先在电脑网页的设置中设置访问密码" });
+    }
+    if (!webAccess.remoteEnabled || !await webAccess.acceptsPassword(body.password)) {
+      return sendJson(res, 401, { error: "密码不正确" });
+    }
+    res.setHeader("set-cookie", webAccess.cookie(req));
+    return sendJson(res, 200, { ok: true });
+  }
+  if (!webAccess.authorized(req)) {
+    return sendJson(res, 401, { error: "请输入访问密码" });
+  }
+  if (method === "POST" && path === "/api/auth/password") {
+    if (!isLocalRequest(req)) return sendJson(res, 403, { error: "请在电脑本机网页设置密码" });
+    if (networkApplying) return sendJson(res, 409, { error: "网络设置正在应用，请稍后保存密码" });
+    networkApplying = true;
+    try {
+      const body = await readJsonBody(req, 2048);
+      await webAccess.setPassword(body.password, AUTH_FILE);
+    } catch (error) {
+      return sendJson(res, 400, { error: error instanceof Error ? error.message : String(error) });
+    } finally {
+      networkApplying = false;
+    }
+    for (const client of [...sseClients]) {
+      closeSseClient(client);
+      (client.res as ServerResponse).end();
+    }
+    sseClients.clear();
+    return sendJson(res, 200, { ok: true });
+  }
+
+  if (path === "/api/network" || path === "/api/network/server-files") {
+    if (!isLocalRequest(req)) return sendJson(res, 403, { error: "请在电脑本机网页配置网络访问" });
+    if (method === "GET" && path === "/api/network/server-files") {
+      if (!networkSettings.relay) return sendJson(res, 400, { error: "请先保存服务器中转配置" });
+      return sendJson(res, 200, { files: relayServerFiles(networkSettings.relay) });
+    }
+    if (method === "GET" && path === "/api/network") return sendJson(res, 200, networkView());
+    if (method === "POST" && path === "/api/network") {
+      if (networkApplying) return sendJson(res, 409, { error: "网络设置正在应用" });
+      networkApplying = true;
+      try {
+        const next = updateNetworkSettings(await readJsonBody(req, 16 * 1024), networkSettings);
+        if (next.mode === "relay") await resolveFrpc(next.relay!.frpcPath, dirname(NETWORK_FILE));
+        await saveNetworkSettings(NETWORK_FILE, next);
+        networkSettings = next;
+        networkError = undefined;
+        sendJson(res, 200, networkView());
+        networkChange = new Promise<void>((resolveChange) => setImmediate(resolveChange)).then(async () => {
+          if (!shuttingDown) await applyNetworkSettings();
+        }).catch((error) => {
+          networkError = error instanceof Error ? error.message : String(error);
+        }).finally(() => {
+          networkApplying = false;
+          broadcastEvent({ type: "network_changed" });
+        });
+        return true;
+      } catch (error) {
+        networkApplying = false;
+        return sendJson(res, 400, { error: error instanceof Error ? error.message : String(error) });
+      }
+    }
   }
 
   if (method === "GET" && path === "/api/bootstrap") {
@@ -2096,6 +2154,10 @@ async function handleApi(req: import("node:http").IncomingMessage, res: ServerRe
       commands: bootstrapCommands(),
       url: serverUrl,
       instanceId: serverInstanceId,
+      localClient: isLocalRequest(req),
+      lanEnabled: webAccess.remoteEnabled,
+      passwordConfigured: webAccess.passwordConfigured,
+      lanUrls: isLocalRequest(req) ? getWebLanUrls() : [],
     });
   }
 
@@ -2137,6 +2199,19 @@ async function handleApi(req: import("node:http").IncomingMessage, res: ServerRe
     }
   }
 
+  if (method === "POST" && path === "/api/attachments") {
+    const body = await readJsonBody(req, 21 * 1024 * 1024);
+    if (typeof body.data !== "string" || !/^[A-Za-z0-9+/]+={0,2}$/.test(body.data)) {
+      return sendJson(res, 400, { error: "图片数据无效" });
+    }
+    try {
+      const attachment = await imageAttachments.create(Buffer.from(body.data, "base64"));
+      return sendJson(res, 200, { attachment: { ...attachment, url: `/api/attachments/${attachment.id}` } });
+    } catch (error) {
+      return sendJson(res, 400, { error: error instanceof Error ? error.message : String(error) });
+    }
+  }
+
   const attachmentMatch = /^\/api\/attachments\/([a-f0-9-]+)$/.exec(path);
   if (attachmentMatch && (method === "GET" || method === "HEAD")) {
     try {
@@ -2922,19 +2997,77 @@ async function handleApi(req: import("node:http").IncomingMessage, res: ServerRe
 // server lifecycle
 // ---------------------------------------------------------------------------
 
-function listenOn(app: ReturnType<typeof createServer>, preferredPort: number): Promise<number> {
+function networkView() {
+  const status = networkError ? { state: "error", message: networkError }
+    : networkSettings.mode === "relay" ? frpProcess.status
+    : { state: networkSettings.mode === "lan" ? "connected" : "stopped", message: networkSettings.mode === "lan" ? "局域网访问已开启" : "仅本机访问" };
+  return { settings: publicNetworkSettings(networkSettings), status, urls: getWebLanUrls(), applying: networkApplying };
+}
+
+function disconnectWebClients(): void {
+  for (const client of [...sseClients]) {
+    closeSseClient(client);
+    (client.res as ServerResponse).end();
+  }
+  sseClients.clear();
+}
+
+async function stopRelay(): Promise<void> {
+  await frpProcess.stop();
+  if (frpRuntimeDir) await rm(frpRuntimeDir, { recursive: true, force: true });
+  frpRuntimeDir = undefined;
+}
+
+async function startRelay(): Promise<void> {
+  if (networkSettings.mode !== "relay" || !networkSettings.relay || !serverUrl) return;
+  const relay = networkSettings.relay;
+  const executable = await resolveFrpc(relay.frpcPath, dirname(NETWORK_FILE));
+  const runtimeRoot = join(dirname(NETWORK_FILE), "runtime");
+  await mkdir(runtimeRoot, { recursive: true });
+  frpRuntimeDir = await mkdtemp(join(runtimeRoot, "frpc-"));
+  const configPath = join(frpRuntimeDir, "frpc.toml");
+  await writeTextAtomically(configPath, frpcConfig(relay, Number(new URL(serverUrl).port)));
+  await chmod(configPath, 0o600);
+  await frpProcess.start({ executable, args: ["-c", configPath], cwd: dirname(NETWORK_FILE) });
+}
+
+async function applyNetworkSettings(): Promise<void> {
+  if (!server || !serverUrl) return;
+  await stopRelay();
+  const next = await WebAccess.load(networkSettings.mode === "lan", AUTH_FILE, proxyForNetwork(networkSettings));
+  disconnectWebClients();
+  if (next.lan !== webAccess.lan) {
+    const port = Number(new URL(serverUrl).port);
+    const previousHost = webAccess.lan ? "0.0.0.0" : HOST;
+    const app = server;
+    await new Promise<void>((resolveClose) => {
+      app.close(() => resolveClose());
+      app.closeAllConnections();
+    });
+    try {
+      await listenOn(app, port, next.lan ? "0.0.0.0" : HOST, false);
+    } catch (error) {
+      await listenOn(app, port, previousHost, false);
+      throw error;
+    }
+  }
+  webAccess = next;
+  await startRelay();
+}
+
+function listenOn(app: ReturnType<typeof createServer>, preferredPort: number, host = HOST, allowFallback = true): Promise<number> {
   return new Promise((resolvePort, reject) => {
     const onError = (error: NodeJS.ErrnoException) => {
-      if (error.code === "EADDRINUSE" && preferredPort !== 0) {
+      if (allowFallback && error.code === "EADDRINUSE" && preferredPort !== 0) {
         app.removeListener("error", onError);
-        listenOn(app, 0).then(resolvePort, reject);
+        listenOn(app, 0, host).then(resolvePort, reject);
         return;
       }
       app.removeListener("error", onError);
       reject(error);
     };
     app.once("error", onError);
-    app.listen(preferredPort, HOST, () => {
+    app.listen(preferredPort, host, () => {
       app.removeListener("error", onError);
       const address = app.address();
       resolvePort(address && typeof address === "object" ? address.port : preferredPort);
@@ -2950,6 +3083,7 @@ function openBrowser(url: string): void {
 }
 
 function exitHook(): void {
+  frpProcess.kill();
   for (const record of sessions.values()) {
     try {
       record.proc?.close();
@@ -2972,6 +3106,8 @@ function shutdown(): Promise<void> {
 }
 
 async function shutdownServer(): Promise<void> {
+  await networkChange;
+  await stopRelay();
   for (const client of [...sseClients]) {
     closeSseClient(client);
     try {
@@ -3010,6 +3146,8 @@ export async function startWebServer(options: {
   defaultCwd?: string;
   port?: number;
   open?: boolean;
+  lan?: boolean;
+  mode?: NetworkMode;
   initialModelInfo?: ModelInfo;
   initialCommands?: unknown[];
   updateExtensions?: () => Promise<MaintenanceCommandResult>;
@@ -3019,7 +3157,16 @@ export async function startWebServer(options: {
   const initialCwd = normalizePath(options.defaultCwd ?? process.cwd());
   updateExtensions = options.updateExtensions;
   reloadRuntime = options.reloadRuntime;
+  const mode = options.mode ?? (options.lan === undefined ? undefined : options.lan ? "lan" : "local");
   if (serverUrl && server) {
+    await networkChange;
+    if (mode !== undefined) {
+      networkSettings = updateNetworkSettings({ mode }, networkSettings);
+      await saveNetworkSettings(NETWORK_FILE, networkSettings);
+      networkError = undefined;
+      await applyNetworkSettings();
+      broadcastEvent({ type: "network_changed" });
+    }
     if (options.initialCommands?.length) commandCache.set(initialCwd, normalizeCommands(options.initialCommands));
     if (options.open !== false) openBrowser(serverUrl);
     return serverUrl;
@@ -3037,9 +3184,23 @@ export async function startWebServer(options: {
   }
   if (options.initialCommands?.length) commandCache.set(initialCwd, normalizeCommands(options.initialCommands));
   if (state.workspaces.length === 0 && options.defaultCwd) await addWorkspace(options.defaultCwd);
-  const requestedPort = options.port && Number.isFinite(options.port) ? options.port : DEFAULT_PORT;
+  const requestedPort = options.port ?? DEFAULT_PORT;
+  if (!Number.isInteger(requestedPort) || requestedPort < 0 || requestedPort > 65535) {
+    throw new Error("端口必须是 0–65535 之间的整数");
+  }
+  networkSettings = await loadNetworkSettings(NETWORK_FILE);
+  if (mode !== undefined) {
+    networkSettings = updateNetworkSettings({ mode }, networkSettings);
+    await saveNetworkSettings(NETWORK_FILE, networkSettings);
+  }
+  networkApplying = false;
+  networkError = undefined;
+  webAccess = await WebAccess.load(networkSettings.mode === "lan", AUTH_FILE, proxyForNetwork(networkSettings));
   const app = createServer(async (req, res) => {
     try {
+      res.setHeader("referrer-policy", "no-referrer");
+      res.setHeader("x-content-type-options", "nosniff");
+      res.setHeader("x-frame-options", "DENY");
       if (shuttingDown) return sendJson(res, 503, { error: "pi-web 正在关闭" });
       const url = new URL(req.url ?? "/", `http://${req.headers.host ?? `${HOST}:${requestedPort}`}`);
       if (url.pathname.startsWith("/api/")) {
@@ -3053,7 +3214,7 @@ export async function startWebServer(options: {
       else res.end();
     }
   });
-  const port = await listenOn(app, requestedPort);
+  const port = await listenOn(app, requestedPort, webAccess.lan ? "0.0.0.0" : HOST);
   server = app;
   serverUrl = `http://${HOST}:${port}`;
   serverInstanceId = randomUUID();
@@ -3061,6 +3222,9 @@ export async function startWebServer(options: {
   process.on("exit", exitHook);
   process.on("SIGINT", sigintHook);
   process.on("SIGTERM", sigintHook);
+  try { await startRelay(); } catch (error) {
+    networkError = error instanceof Error ? error.message : String(error);
+  }
   if (options.open !== false) openBrowser(serverUrl);
   return serverUrl;
 }
@@ -3072,3 +3236,11 @@ export async function stopWebServer(): Promise<void> {
 export function getWebUrl(): string | undefined {
   return serverUrl;
 }
+
+export function getWebLanUrls(): string[] {
+  return serverUrl ? webAccess.urls(Number(new URL(serverUrl).port)) : [];
+}
+
+export function getWebConnectionOptions(): { port: number; lan: boolean; mode: NetworkMode } | undefined {
+  return serverUrl ? { port: Number(new URL(serverUrl).port), lan: webAccess.lan, mode: networkSettings.mode } : undefined;
+}

package/web/app.css

@@ -58,7 +58,7 @@
 .lXshSW_root{box-sizing:border-box;width:calc(100% - var(--dsh-composer-side-clearance) - var(--dsh-composer-side-clearance) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset));max-width:calc(var(--dsh-composer-card-max-width) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset));border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-specific-tip);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:12px;flex:none;margin:0 auto;overflow:hidden}.lXshSW_body{flex-direction:column;gap:8px;padding:6px 12px;display:flex}.lXshSW_header{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:0;display:flex}.lXshSW_lead{color:var(--dsw-alias-label-tertiary);flex:none;place-items:center;display:grid}.lXshSW_title{color:var(--dsw-alias-label-primary);flex:none;font-size:13px;font-weight:500;line-height:24px}.lXshSW_progress{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:13px;font-weight:400;line-height:20px;overflow:hidden}.lXshSW_chevron{color:var(--dsw-alias-label-tertiary);flex:none;place-items:center;display:grid}.lXshSW_list{flex-direction:column;gap:8px;max-height:180px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.lXshSW_item{min-width:0;color:var(--dsw-alias-label-secondary);align-items:center;gap:10px;font-size:13px;line-height:20px;display:flex}.lXshSW_glyph{flex:none;place-items:center;width:16px;height:16px;display:grid}.lXshSW_glyphCompleted{color:var(--dsw-alias-state-success-primary)}.lXshSW_glyphPending{color:var(--dsw-alias-label-caption)}.lXshSW_glyphProgress{color:var(--dsw-alias-state-business-primary);animation:1s linear infinite lXshSW_todo-progress-spin}@keyframes lXshSW_todo-progress-spin{to{transform:rotate(360deg)}}.lXshSW_content{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}
 ._7yHdaG_dock{box-sizing:border-box;width:calc(100% - var(--dsh-composer-side-clearance) - var(--dsh-composer-side-clearance) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset));max-width:calc(var(--dsh-composer-card-max-width) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset));margin:0 auto calc(0px - var(--dsh-composer-stack-gap) - 3px);padding:0 var(--dsh-composer-dock-inset);flex:none}._7yHdaG_panel{background:var(--dsw-specific-tip);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:12px 12px 0 0;width:100%;padding:2px 0;position:relative;overflow:hidden}._7yHdaG_panel:after{border:1px solid var(--dsw-alias-border-l1);border-radius:inherit;content:"";pointer-events:none;border-bottom:none;position:absolute;inset:0}._7yHdaG_header{box-sizing:border-box;width:100%;height:36px;color:var(--dsw-alias-label-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:4px 12px;display:flex}._7yHdaG_header:focus-visible{outline:2px solid var(--dsw-alias-label-tertiary);outline-offset:-2px}._7yHdaG_header:disabled{cursor:default}._7yHdaG_lead{color:var(--dsw-alias-label-tertiary);flex:none;place-items:center;display:grid}._7yHdaG_count{min-width:0;font-family:Inter, var(--dsw-font-family);flex:auto;font-size:13px;font-weight:500;line-height:24px}._7yHdaG_chevron{width:14px;height:14px;color:var(--dsw-alias-label-tertiary);flex:none;place-items:center;display:grid}._7yHdaG_list{max-height:180px;margin:0;padding:0;list-style:none;overflow-y:auto}._7yHdaG_row{box-sizing:border-box;border-radius:8px;align-items:center;gap:10px;width:100%;height:36px;padding:4px 5px 4px 12px;display:flex}._7yHdaG_row+._7yHdaG_row{box-shadow:inset 0 1px 0 var(--dsw-alias-border-l1)}._7yHdaG_preview,._7yHdaG_editor{min-width:0;font:var(--dsw-font-xs-13);font-family:Inter, var(--dsw-font-family);flex:auto}._7yHdaG_preview{color:var(--dsw-alias-label-primary-dimmed);text-overflow:ellipsis;white-space:nowrap;word-break:break-word;overflow:hidden}._7yHdaG_editor{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);height:28px;color:var(--dsw-alias-label-primary);border-radius:6px;outline:none;padding:0 8px}._7yHdaG_editor:focus{border-color:var(--dsw-alias-state-business-primary)}._7yHdaG_actions{flex:none;align-items:center;gap:10px;display:flex}._7yHdaG_action{width:28px;height:28px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}._7yHdaG_action:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}._7yHdaG_action:focus-visible{outline:2px solid var(--dsw-alias-label-tertiary);outline-offset:-2px}._7yHdaG_action:disabled{cursor:default;opacity:.45}
 .pXSMma_root{justify-content:center;align-items:center;min-width:0;height:100%;padding:0 24px;display:flex}.pXSMma_stack{width:100%;max-width:var(--dsh-composer-card-max-width);flex-direction:column;align-items:stretch;gap:12px;display:flex;overflow:visible}.pXSMma_headline{color:var(--dsw-alias-label-primary);grid-template-columns:34px auto auto;justify-content:center;align-items:center;column-gap:10px;font-size:26px;font-weight:500;line-height:32px;display:grid}.pXSMma_headlineText{grid-area:1/2}.pXSMma_previewBadge{border:1px solid var(--dsw-alias-interactive-bg-hover);background:var(--dsw-alias-state-business-tertiary);color:var(--dsw-alias-label-primary-bluish);font-family:var(--ds-font-family-code);white-space:nowrap;border-radius:24px;grid-area:1/3;align-self:start;margin-top:2px;margin-left:-3px;padding:1px 7px 0;font-size:12px;font-weight:500;line-height:18px}.pXSMma_fishHitbox{grid-area:1/1;justify-content:center;align-items:center;display:inline-flex}.pXSMma_fish{color:var(--dsw-alias-label-primary);transform-origin:50% 60%}@keyframes pXSMma_hero-fish-swim{0%,to{transform:translate(0)rotate(0)}35%{transform:translate(-1px,-1px)rotate(-5deg)}70%{transform:translate(1px)rotate(3deg)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.pXSMma_fishHitbox:hover .pXSMma_fish{animation:pXSMma_hero-fish-swim var(--ds-transition-duration-slow) var(--ds-ease-in-out)}}.pXSMma_body{flex-direction:column;gap:12px;min-width:0;display:flex;position:relative;overflow:visible}.pXSMma_body>*{z-index:1;position:relative}.pXSMma_body>.pXSMma_workspaceRow{z-index:10;align-items:center;min-width:0;padding-left:8px;display:flex}.pXSMma_workspace{max-width:min(100%,360px);min-height:28px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:4px;padding:0 8px;font-size:13px;font-weight:500;line-height:20px;display:inline-flex}.pXSMma_workspace:not(:disabled):hover,.pXSMma_workspace[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover)}.pXSMma_workspace:disabled{cursor:default}.pXSMma_folder{color:var(--dsw-alias-label-primary);flex:none}.pXSMma_workspaceLabel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pXSMma_chevron{color:var(--dsw-alias-label-caption);flex:none}.pXSMma_modalInput{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);width:100%;height:44px;color:var(--dsw-alias-label-primary);background:0 0;border-radius:22px;outline:none;padding:7px 14px;font-size:14px;font-weight:400;line-height:22px}.pXSMma_modalInput::placeholder{color:var(--dsw-alias-label-caption)}.pXSMma_modalInput:disabled{color:var(--dsw-alias-label-dimmed)}.pXSMma_modalAction{min-width:72px}.pXSMma_modalError{color:var(--dsw-alias-state-error-primary);margin-top:8px;font-size:12px;line-height:18px}
-.wSkVaW_root{background:var(--dsw-alias-bg-base);--dsh-chat-content-width:748px;--dsh-composer-card-max-width:calc(var(--dsh-chat-content-width) + 32px);--dsh-composer-side-clearance:16px;--dsh-composer-dock-inset:8px;--dsh-composer-text-max-height:336px;flex-direction:column;min-width:0;height:100%;display:flex}.wSkVaW_header{border-bottom:1px solid #0000;flex:none;padding:12px 28px 0 20px;position:relative}.wSkVaW_header:after{content:"";z-index:0;background:var(--dsw-alias-border-l2);pointer-events:none;height:1px;position:absolute;bottom:1px;left:0;right:0}.wSkVaW_headerHidden{display:none}.wSkVaW_titleRow{align-items:center;gap:0;min-height:32px;display:flex}.wSkVaW_titleCluster{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.wSkVaW_crumbs{white-space:nowrap;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.wSkVaW_crumbSeg{align-items:center;gap:4px;min-width:0;display:inline-flex}.wSkVaW_crumbSep{color:var(--dsw-alias-label-caption);font-size:14px;line-height:20px}.wSkVaW_crumb{max-width:220px;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:4px 8px;font-size:14px;line-height:20px;overflow:hidden}.wSkVaW_crumb:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.wSkVaW_crumbCurrent{color:var(--dsw-alias-label-primary);cursor:default;font-weight:500}.wSkVaW_headerActions{flex:none;align-items:center;gap:8px;display:flex}.wSkVaW_headerUtilities{flex:none;align-items:center;gap:8px;margin-left:20px;display:flex}.wSkVaW_headerUtilities:empty{display:none}.wSkVaW_tabs{z-index:1;gap:36px;margin-top:4px;padding-left:8px;display:flex;position:relative}.wSkVaW_tab{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;padding:0 0 11px;font-size:13px;font-weight:500;line-height:16px;position:relative}.wSkVaW_tab:after{content:"";background:0 0;border-radius:2px;height:2px;position:absolute;bottom:1px;left:0;right:0}.wSkVaW_tabActive{color:var(--dsw-alias-state-business-primary)}.wSkVaW_tabActive:after{background:var(--dsw-alias-state-business-primary)}.wSkVaW_viewArea{flex-direction:column;flex:1;min-height:0;display:flex}.wSkVaW_composerStack{--dsh-composer-stack-gap:6px;gap:var(--dsh-composer-stack-gap);flex-direction:column;display:flex}.wSkVaW_composerSeat{--dsh-composer-text-max-height:336px;flex-direction:column;flex:none;display:flex}.wSkVaW_root[data-phase=active]{overflow:hidden}.wSkVaW_root[data-phase=active] .wSkVaW_header{flex:none}.wSkVaW_scrollBody{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.wSkVaW_root[data-phase=active] .wSkVaW_viewArea{scrollbar-gutter:stable;overscroll-behavior:contain;overflow-anchor:none;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto}.wSkVaW_root[data-phase=active] .wSkVaW_composerSeat{z-index:7;background:linear-gradient(180deg, color-mix(in srgb, var(--dsw-alias-bg-base) 0%, transparent) 0px, var(--dsw-alias-bg-base) 36px)}.wSkVaW_scrollBody:has([data-conversation-composer-overlay]){scrollbar-gutter:auto;position:relative;overflow:hidden auto}.wSkVaW_scrollBody:has([data-conversation-composer-overlay])>[data-slot=conversation\.session]>.wSkVaW_viewArea{flex:1 1 0;min-height:0;overflow:hidden}.wSkVaW_scrollBody:has([data-conversation-composer-overlay])>.wSkVaW_composerSeat{right:var(--dsh-scrollbar-width);position:absolute;bottom:0;left:0}.wSkVaW_composerHero{width:min(calc(var(--dsh-composer-card-max-width) + 2 * var(--dsh-composer-side-clearance)), 100%);z-index:1;align-self:center;gap:8px;padding-bottom:32px;position:relative}.wSkVaW_heroGlow{z-index:-1;aspect-ratio:1051/468;pointer-events:none;width:135.438%;position:absolute;bottom:92px;left:50%;transform:translate(-50%,50%)}.wSkVaW_heroWorkspaceRow{align-items:center;gap:2px;min-width:0;margin-top:4px;padding-left:20px;display:flex}.wSkVaW_root[data-phase=hero] .wSkVaW_scrollBody{justify-content:center;overflow-y:auto}.wSkVaW_root[data-phase=settling] .wSkVaW_composerSeat{visibility:hidden}
+.wSkVaW_root{background:var(--dsw-alias-bg-base);--dsh-chat-content-width:748px;--dsh-composer-card-max-width:calc(var(--dsh-chat-content-width) + 32px);--dsh-composer-side-clearance:16px;--dsh-composer-dock-inset:8px;--dsh-composer-text-max-height:336px;flex-direction:column;min-width:0;height:100%;display:flex}.wSkVaW_header{border-bottom:1px solid #0000;flex:none;padding:12px 28px 0 20px;position:relative}.wSkVaW_header:after{content:"";z-index:0;background:var(--dsw-alias-border-l2);pointer-events:none;height:1px;position:absolute;bottom:1px;left:0;right:0}.wSkVaW_headerHidden{display:none}.wSkVaW_titleRow{align-items:center;gap:0;min-height:32px;display:flex}.wSkVaW_titleCluster{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.wSkVaW_crumbs{white-space:nowrap;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.wSkVaW_crumbSeg{align-items:center;gap:4px;min-width:0;display:inline-flex}.wSkVaW_crumbSep{color:var(--dsw-alias-label-caption);font-size:14px;line-height:20px}.wSkVaW_crumb{max-width:220px;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:4px 8px;font-size:14px;line-height:20px;overflow:hidden}.wSkVaW_crumb:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.wSkVaW_crumbCurrent{color:var(--dsw-alias-label-primary);cursor:default;font-weight:500}.wSkVaW_headerActions{flex:none;align-items:center;gap:8px;display:flex}.wSkVaW_tabs{z-index:1;gap:36px;margin-top:4px;padding-left:8px;display:flex;position:relative}.wSkVaW_tab{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;padding:0 0 11px;font-size:13px;font-weight:500;line-height:16px;position:relative}.wSkVaW_tab:after{content:"";background:0 0;border-radius:2px;height:2px;position:absolute;bottom:1px;left:0;right:0}.wSkVaW_tabActive{color:var(--dsw-alias-state-business-primary)}.wSkVaW_tabActive:after{background:var(--dsw-alias-state-business-primary)}.wSkVaW_viewArea{flex-direction:column;flex:1;min-height:0;display:flex}.wSkVaW_composerStack{--dsh-composer-stack-gap:6px;gap:var(--dsh-composer-stack-gap);flex-direction:column;display:flex}.wSkVaW_composerSeat{--dsh-composer-text-max-height:336px;flex-direction:column;flex:none;display:flex}.wSkVaW_root[data-phase=active]{overflow:hidden}.wSkVaW_root[data-phase=active] .wSkVaW_header{flex:none}.wSkVaW_scrollBody{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.wSkVaW_root[data-phase=active] .wSkVaW_viewArea{scrollbar-gutter:stable;overscroll-behavior:contain;overflow-anchor:none;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto}.wSkVaW_root[data-phase=active] .wSkVaW_composerSeat{z-index:7;background:linear-gradient(180deg, color-mix(in srgb, var(--dsw-alias-bg-base) 0%, transparent) 0px, var(--dsw-alias-bg-base) 36px)}.wSkVaW_scrollBody:has([data-conversation-composer-overlay]){scrollbar-gutter:auto;position:relative;overflow:hidden auto}.wSkVaW_scrollBody:has([data-conversation-composer-overlay])>[data-slot=conversation\.session]>.wSkVaW_viewArea{flex:1 1 0;min-height:0;overflow:hidden}.wSkVaW_scrollBody:has([data-conversation-composer-overlay])>.wSkVaW_composerSeat{right:var(--dsh-scrollbar-width);position:absolute;bottom:0;left:0}.wSkVaW_composerHero{width:min(calc(var(--dsh-composer-card-max-width) + 2 * var(--dsh-composer-side-clearance)), 100%);z-index:1;align-self:center;gap:8px;padding-bottom:32px;position:relative}.wSkVaW_heroGlow{z-index:-1;aspect-ratio:1051/468;pointer-events:none;width:135.438%;position:absolute;bottom:92px;left:50%;transform:translate(-50%,50%)}.wSkVaW_heroWorkspaceRow{align-items:center;gap:2px;min-width:0;margin-top:4px;padding-left:20px;display:flex}.wSkVaW_root[data-phase=hero] .wSkVaW_scrollBody{justify-content:center;overflow-y:auto}.wSkVaW_root[data-phase=settling] .wSkVaW_composerSeat{visibility:hidden}
 .ydkMvW_root{border-left:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);flex-direction:column;min-width:0;height:100%;display:flex}.ydkMvW_header{border-bottom:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:8px;padding:14px 12px 12px;display:flex}.ydkMvW_title{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.ydkMvW_close{width:28px;height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;place-items:center;display:grid}.ydkMvW_close:hover{background:var(--dsw-alias-interactive-bg-hover)}.ydkMvW_body{flex:1;min-height:0;padding:12px 16px;overflow-y:auto}.ydkMvW_empty{color:var(--dsw-alias-label-tertiary);padding:8px 0;font-size:13px;line-height:20px}.ydkMvW_section{margin-bottom:16px}.ydkMvW_sectionLabel{color:var(--dsw-alias-label-secondary);margin-bottom:6px;font-size:12px;font-weight:500;line-height:18px}.ydkMvW_code{background:var(--dsw-alias-markdown-code-block);font-family:var(--ds-font-family-code);color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;border-radius:12px;margin:0;padding:16px;font-size:13px;line-height:22px}.ydkMvW_code[data-error]{color:var(--dsw-alias-state-error-primary)}
 .hXDBwq_visuallyHidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
 .QWLzlG_root{flex-direction:column;display:flex}.QWLzlG_row{position:relative;overflow:hidden}.QWLzlG_root[data-state=running] .QWLzlG_row:after{content:"";inset-block:0;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--dsw-alias-bg-base) 60%, transparent) 55%, transparent 100%);pointer-events:none;width:300px;animation:2.6s ease-out infinite QWLzlG_dsh-reasoning-row-sweep;position:absolute;left:0}@keyframes QWLzlG_dsh-reasoning-row-sweep{0%{left:-300px}90%,to{left:100%}}.QWLzlG_leading{flex-shrink:0}.QWLzlG_chevron{color:var(--dsw-alias-label-secondary)}.QWLzlG_title{font-weight:400}.QWLzlG_separator{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.QWLzlG_summary{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:14px;line-height:24px;overflow:hidden}.QWLzlG_summary[data-follow-end]{text-overflow:clip}.QWLzlG_thinkBody{color:var(--dsw-alias-label-tertiary);white-space:pre-wrap;word-break:break-word;padding:4px 0 4px 22px;font-size:14px;line-height:24px}@media (prefers-reduced-motion:reduce){.QWLzlG_root[data-state=running] .QWLzlG_row:after{animation:none}}
@@ -198,6 +198,9 @@ body[data-workspace-dragging] .YDXeBa_projectRow[draggable=true]{cursor:grabbing
 .ztWv_q_callRow .Sxvs8a_root{margin:4px 0 4px 22px;max-height:min(56vh,520px);overflow:auto}
 .pi-messageGroup{display:contents}
 .pi-assistantMessageGroup{display:flex;flex-direction:column}
+/* Adjacent execution groups offset 12px of the conversation column's 16px gap. */
+.pi-messageGroup:has(> .pi-assistantMessageGroup > :is([data-chat-flow-kind=tool-call],[data-chat-flow-kind=assistant-step]):last-child,> [data-chat-flow-kind=tool-result],> [data-chat-flow-kind=bash])
++ .pi-messageGroup:has(> .pi-assistantMessageGroup > :is([data-chat-flow-kind=tool-call],[data-chat-flow-kind=assistant-step]):first-child,> [data-chat-flow-kind=tool-result],> [data-chat-flow-kind=bash]) > :first-child{margin-top:-12px}
 .pi-assistantMessageActions{display:flex;align-items:center;justify-content:flex-start;min-height:28px;margin-top:0;padding:0 14px 12px}
 .pi-assistantCopyButton{width:28px;height:28px;border-radius:6px;flex:none}
 .pi-composerActions{display:inline-flex;align-items:center;gap:6px;flex:none}
@@ -264,6 +267,19 @@ body[data-workspace-dragging] .YDXeBa_projectRow[draggable=true]{cursor:grabbing
 [data-chat-flow-kind=assistant-text] .md-table-wrap :is(th,td):last-child{border-right:0}
 [data-chat-flow-kind=assistant-text] .md-table-wrap [data-align=center]{text-align:center}
 [data-chat-flow-kind=assistant-text] .md-table-wrap [data-align=right]{text-align:right}
+@media(max-width:640px),(pointer:coarse) and (max-width:900px){
+  [data-chat-flow-kind=user] .gdEzaW_bubble,[data-chat-flow-kind=assistant-text] ._markdown_1nba0_5{font-size:13px;line-height:21px}
+  [data-chat-flow-kind=assistant-text] ._markdown_1nba0_5 h1{font-size:22px;line-height:30px;margin:24px 0 10px}
+  [data-chat-flow-kind=assistant-text] ._markdown_1nba0_5 h2{font-size:19px;line-height:27px;margin:22px 0 9px}
+  [data-chat-flow-kind=assistant-text] ._markdown_1nba0_5 h3{font-size:16px;line-height:24px;margin:18px 0 8px}
+  [data-chat-flow-kind=assistant-text] ._markdown_1nba0_5 h4{font-size:14px;line-height:22px;margin:16px 0 6px}
+  [data-chat-flow-kind=assistant-text] ._markdown_1nba0_5 :is(h5,h6){font-size:13px;line-height:21px;margin:14px 0 6px}
+  [data-chat-flow-kind=assistant-text] ._markdown_1nba0_5 :is(p,ul,ol){margin:10px 0}
+  [data-chat-flow-kind=assistant-text] ._markdown_1nba0_5 li::marker{line-height:21px}
+  [data-chat-flow-kind=assistant-text] .md-code-block{font-size:12px;line-height:19px;margin:12px 0;padding:12px}
+  [data-chat-flow-kind=assistant-text] .md-table-wrap table{font-size:12px;line-height:19px}
+  [data-chat-flow] .Sxvs8a_root,[data-chat-flow] .CY-8Ka_title,[data-chat-flow] .CY-8Ka_summary,[data-chat-flow] .QWLzlG_thinkBody,[data-chat-flow] .QWLzlG_summary{font-size:12px;line-height:20px}
+}
 [data-chat-flow-kind=assistant-step] .QWLzlG_leading,[data-chat-flow-kind=assistant-step] .QWLzlG_title{color:var(--dsw-alias-state-warn-label)}
 .CY-8Ka_root[data-state=ok] .CY-8Ka_leading{color:var(--dsw-alias-state-success-primary)}
 .CY-8Ka_root[data-state=running] .CY-8Ka_leading,.CY-8Ka_root[data-state=running] .CY-8Ka_title{color:var(--dsw-alias-state-business-primary)}
@@ -298,6 +314,7 @@ body[data-workspace-dragging] .YDXeBa_projectRow[draggable=true]{cursor:grabbing
 .pi-queuedMessageWithdraw:disabled{cursor:wait;opacity:.45}
 .pi-historyView{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--dsw-alias-bg-base)}
 .pi-historyHeader{box-sizing:border-box;width:min(100%,860px);flex:none;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 auto;padding:24px 22px 14px}
+.pi-historyActions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
 .pi-historyReturn{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 0;color:var(--dsw-alias-state-business-primary);background:transparent;border:0;cursor:pointer;font:500 12px/20px var(--dsw-font-family)}
 .pi-historyReturn svg{flex:none}
 .pi-historyReturn:hover:not(:disabled){text-decoration:underline}
@@ -352,7 +369,7 @@ body[data-workspace-dragging] .YDXeBa_projectRow[draggable=true]{cursor:grabbing
 .pi-historyDecisionCancel:hover:not(:disabled){color:var(--dsw-alias-label-primary)}
 .pi-historyBusy{flex:none;padding:9px 16px;color:var(--dsw-alias-state-business-primary);background:var(--dsw-alias-state-business-tertiary);border-top:1px solid var(--dsw-alias-border-l2);font-size:12px;line-height:18px;text-align:center}
 @media(max-width:980px){.pi-historyDecision{align-items:stretch;flex-direction:column}.pi-historyDecisionActions{width:100%}.pi-historyDecisionButton{min-width:0;flex:1}}
-@media(max-width:760px){.pi-dialogBackdrop{padding:12px}.pi-historyHeader{padding:16px}.pi-historyTabs{padding:0 16px}.pi-historyKind{display:none}.pi-historyDecisionActions{flex-direction:column}.pi-historyDecisionCancel{align-self:flex-end}.wSkVaW_headerUtilities{gap:5px;margin-left:8px}.nL4_yW_sessionLogButton{min-width:auto}}
+@media(max-width:760px){.pi-dialogBackdrop{padding:12px}.pi-historyHeader{padding:16px}.pi-historyTabs{padding:0 16px}.pi-historyKind{display:none}.pi-historyDecisionActions{flex-direction:column}.pi-historyDecisionCancel{align-self:flex-end}.nL4_yW_sessionLogButton{min-width:auto}}
 /* Composer input bar — restored from DeepSeek Harness InputBar.module.css (missing from the copied DSH stylesheet) */
 .uV2eYG_root{display:flex;flex-direction:column;align-items:center;padding:0 var(--dsh-composer-side-clearance) 8px}
 .uV2eYG_hero{padding:0 var(--dsh-composer-side-clearance)}
@@ -537,3 +554,63 @@ body[data-ds-dark-theme] .pi-filePreview .hljs-meta,body[data-ds-dark-theme] .pi
 @keyframes pi-turn-target-flash{0%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dsw-alias-state-business-primary) 9%,transparent)}35%{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--dsw-alias-state-business-primary) 54%,transparent),0 0 0 4px color-mix(in srgb,var(--dsw-alias-state-business-primary) 10%,transparent)}100%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dsw-alias-state-business-primary) 9%,transparent)}}
 @media(max-width:640px){.pi-turnNav{right:2px;width:34px}.pi-scrollBottom{right:5px}.pi-turnNavMarker{width:34px}.pi-turnNavMarker:hover .pi-turnNavLine,.pi-turnNavMarker:focus-visible .pi-turnNavLine{width:24px}.pi-turnTooltip{right:32px;width:min(292px,calc(100vw - 48px))}}
 @media(prefers-reduced-motion:reduce){.pi-turnNavLine,.pi-turnTooltip,.pi-scrollBottom{transition:none}.pi-turnTargetFlash [data-chat-flow-kind=user] .gdEzaW_bubble{animation:none}}
+.pi-networkForm,.pi-networkRelay,.pi-networkAdvanced{display:grid;gap:12px;min-width:0}
+.pi-networkForm [hidden]{display:none}
+.pi-networkForm label{display:grid;gap:5px;min-width:0;font-size:13px;line-height:20px;color:var(--dsw-alias-label-secondary)}
+.pi-networkForm p{margin:0;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:20px;overflow-wrap:anywhere}
+.pi-networkForm a{color:var(--dsw-alias-state-business-primary);text-decoration:underline}
+.pi-networkForm select{cursor:pointer}
+.pi-networkForm summary{cursor:pointer;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:24px}
+.pi-networkAdvanced{padding-top:10px}
+.pi-networkForm .pi-settingsStatus{margin-top:0}
+.pi-networkDownloads{display:grid;gap:8px}
+.pi-networkDownloadButtons{display:flex;flex-wrap:wrap;gap:8px}
+.pi-networkDownloadButtons .pi-settingsAction{width:auto;max-width:100%;height:auto;min-height:34px;overflow-wrap:anywhere}
+@media(max-width:560px){.pi-networkDownloadButtons{display:grid;grid-template-columns:minmax(0,1fr)}.pi-networkDownloadButtons .pi-settingsAction{width:100%;min-height:44px}}
+.pi-passwordForm{margin-top:12px}
+.pi-passwordForm label,.pi-loginCard label{font-size:13px;line-height:20px;color:var(--dsw-alias-label-secondary)}
+.pi-passwordInput{box-sizing:border-box;min-width:0;width:100%;height:44px;padding:8px 12px;border:1px solid var(--dsw-alias-border-l2);border-radius:6px;background:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-primary);font:16px/24px var(--dsw-font-family)}
+.pi-passwordInput:focus{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:1px}
+.pi-passwordStatus{margin:0;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:20px}
+.pi-loginBackdrop{position:fixed;z-index:1200;top:var(--pi-viewport-top,0px);left:0;right:0;box-sizing:border-box;height:var(--pi-viewport-height,100dvh);display:grid;place-items:center;padding:20px;background:var(--dsw-alias-bg-base)}
+.pi-loginCard{box-sizing:border-box;display:flex;flex-direction:column;gap:14px;width:min(360px,100%);max-height:100%;overflow:auto;padding:24px;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary)}
+.pi-loginCard h1{margin:0;font-size:22px;line-height:30px}
+.pi-loginMessage{margin:0;color:var(--dsw-alias-label-secondary);font-size:14px;line-height:22px}
+.pi-loginCard .pi-settingsAction{width:100%;min-height:44px}
+.pi-lanUrl{box-sizing:border-box;width:100%;min-width:0;padding:8px;border:1px solid var(--dsw-alias-border-l2);border-radius:6px;background:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-primary);font:12px/20px var(--ds-font-family-code)}
+.pi-copyField{box-sizing:border-box;width:100%;min-height:160px;max-height:40vh;margin:12px 0;padding:10px;resize:vertical;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-primary);font:16px/24px var(--dsw-font-family)}
+@media(pointer:coarse){
+  #root{box-sizing:border-box;position:fixed;top:var(--pi-viewport-top,0px);left:0;right:0;height:var(--pi-viewport-height,100dvh);padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}
+  .wSkVaW_root,.wSkVaW_composerSeat{--dsh-composer-text-max-height:min(200px,calc(var(--pi-viewport-height,100dvh) * .3))}
+  .wSkVaW_composerSeat{padding-bottom:env(safe-area-inset-bottom)}
+  .YDXeBa_projectRow,.YDXeBa_sessionRow{height:auto;min-height:48px}
+  .YDXeBa_rowActions,.YDXeBa_projectRow .YDXeBa_rowActions{display:inline-flex;height:auto;gap:0}
+  .YDXeBa_iconButton,.hHd-Xa_iconButton,.pi-mobileSidebarButton,.pi-settingsClose,.pi-queuedMessageWithdraw{width:44px;height:44px}
+  .YDXeBa_sessionRow .YDXeBa_time{display:none}
+  .YDXeBa_dragHandle{display:none}
+  .qDHVXG_sessionOverflowButton,.hHd-Xa_newSession,._7KE1Ra_trigger,.pi-settingsAction,.pi-settingsTheme button{min-height:44px}
+  .uV2eYG_add,.uV2eYG_primary,.pi-abortButton{width:44px;height:44px;transform:none}
+  .pi-dialogBackdrop,.pi-settingsBackdrop{top:var(--pi-viewport-top,0px);bottom:auto;height:var(--pi-viewport-height,100dvh);box-sizing:border-box}
+  .pi-dialogCard,.pi-settingsPanel{max-height:calc(var(--pi-viewport-height,100dvh) - 24px)}
+  input,select,textarea{font-size:16px}
+  .pi-mobileSidebarButton{top:7px;left:6px}
+}
+@media(max-width:640px){
+  .pI_x6G_sidebarCol{box-shadow:none}
+  .pI_x6G_frame[data-mobile-sidebar-open] .pI_x6G_sidebarCol{box-shadow:12px 0 32px rgb(31 35 41 / .14)}
+  .wSkVaW_root{--dsh-composer-side-clearance:8px}
+  .wSkVaW_header{padding-right:8px}
+  .wSkVaW_crumb{max-width:140px}
+  
+  .uV2eYG_row{gap:4px;padding:2px 6px 6px}
+  .uV2eYG_tools,.uV2eYG_trailing{gap:4px}
+  .uV2eYG_trailing{flex:1;justify-content:flex-end}
+  .pi-modelControl{min-width:0;flex:1;max-width:180px}
+  .pi-modelControl ._7KE1Ra_trigger{max-width:100%;padding:0 4px}
+  .pi-thinkingControl ._7KE1Ra_trigger{padding:0 4px}
+  .pi-thinkingIcon,._7KE1Ra_chevron,.JObwrW_root{display:none}
+  .FJxK0a_root{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;max-height:28px;white-space:nowrap}
+  .FJxK0a_root>span{flex:none}
+  .wSkVaW_composerHero{padding-bottom:12px}
+  .pi-settingsPanel{padding-bottom:env(safe-area-inset-bottom)}
+}