fix: close browser session lifecycle gaps

apps/web/src/App.tsx

@@ -14,6 +14,7 @@ import { HarnessClientStore } from "./store/harness-client-store.js";
 
 type AppStore = HarnessRuntimeStore & {
   start(): Promise<void>;
+  dispose?: () => Promise<void>;
   getModelConfig(): Promise<{ modelConfig: ModelView }>;
   putModelConfig?: (input: ModelConnectionInput) => Promise<{ modelConfig: ModelView }>;
   testModelConfig?: () => Promise<{ status: "ok" | "deferred"; message: string }>;
@@ -87,7 +88,17 @@ export function App({ store: suppliedStore, autoStart = true, modelConfigured: s
           modelLabel: model.modelId ?? "No model",
           supportsImages: model.supportsImages ?? false,
           onOpenSettings: () => setSettingsOpen(true),
-          onReset: () => window.location.reload(),
+          onReset: () => {
+            if (store.dispose === undefined) {
+              window.location.reload();
+              return;
+            }
+            void store.dispose()
+              .then(() => store.start())
+              .then(() => store.getModelConfig())
+              .then((response) => setModel(response.modelConfig))
+              .catch(() => undefined);
+          },
         }}
         skills={<SkillsPanel skills={snapshot.skills} />}
         chat={<Thread

apps/web/src/api/harness-api.ts

@@ -87,7 +87,7 @@ export class HarnessApi {
     const { body, ...init } = options;
     const isForm = body instanceof FormData;
     const headers = new Headers(init.headers);
-    if (!isForm) headers.set("Content-Type", "application/json");
+    if (body !== undefined && !isForm) headers.set("Content-Type", "application/json");
     const response = await fetch(`${this.baseUrl}${path}`, {
       ...init,
       headers,

apps/web/src/components/settings/ModelSettings.tsx

@@ -83,17 +83,17 @@ export function ModelSettings({ open, busy, current, onClose, onSave, onTest, on
           <button className="icon-button" type="button" aria-label="关闭模型设置" onClick={onClose}><X size={19} /></button>
         </div>
         <p className="settings-intro">密钥仅发送到本机服务并保存在当前会话内存中，不会写入浏览器存储。</p>
-        <form className="settings-form" onSubmit={(event) => void submit(event)}>
+        <form className="settings-form" autoComplete="off" onSubmit={(event) => void submit(event)}>
           <label>服务商<select ref={firstInput} value={providerId} onChange={(event) => {
             const value = event.target.value;
             setProviderId(value);
             setApi(value === "anthropic" ? "anthropic-messages" : "openai-responses");
           }}><option value="openai">OpenAI</option><option value="anthropic">Anthropic</option><option value="compatible">OpenAI Compatible</option></select></label>
           <label>API 类型<select value={api} onChange={(event) => setApi(event.target.value as ModelApi)}><option value="openai-responses">OpenAI Responses</option><option value="openai-completions">OpenAI Completions</option><option value="anthropic-messages">Anthropic Messages</option></select></label>
-          <label className="settings-form__wide">Base URL（可选）<input type="url" value={baseUrl} placeholder="https://api.example.com/v1" onChange={(event) => setBaseUrl(event.target.value)} /></label>
-          <label>模型 ID<input aria-label="模型 ID" required value={modelId} onChange={(event) => setModelId(event.target.value)} /></label>
+          <label className="settings-form__wide">Base URL（可选）<input name="agent-base-url" autoComplete="off" type="url" value={baseUrl} placeholder="https://api.example.com/v1" onChange={(event) => setBaseUrl(event.target.value)} /></label>
+          <label>模型 ID<input name="agent-model-id" autoComplete="off" aria-label="模型 ID" required value={modelId} onChange={(event) => setModelId(event.target.value)} /></label>
           <label>图片能力<select value={supportsImages ? "yes" : "no"} onChange={(event) => setSupportsImages(event.target.value === "yes")}><option value="yes">支持图片</option><option value="no">仅文本</option></select></label>
-          <label className="settings-form__wide">API Key<div className="password-field"><KeyRound size={17} /><input aria-label="API Key" type={reveal ? "text" : "password"} value={apiKey} autoComplete="off" onChange={(event) => setApiKey(event.target.value)} /><button type="button" aria-label={reveal ? "隐藏 API Key" : "显示 API Key"} onClick={() => setReveal((value) => !value)}>{reveal ? <EyeOff size={17} /> : <Eye size={17} />}</button></div></label>
+          <label className="settings-form__wide">API Key<div className="password-field"><KeyRound size={17} /><input name="agent-api-key" aria-label="API Key" type={reveal ? "text" : "password"} value={apiKey} autoComplete="new-password" onChange={(event) => setApiKey(event.target.value)} /><button type="button" aria-label={reveal ? "隐藏 API Key" : "显示 API Key"} onClick={() => setReveal((value) => !value)}>{reveal ? <EyeOff size={17} /> : <Eye size={17} />}</button></div></label>
           {saved?.keyHint === undefined ? null : <p className="key-hint">服务器中的密钥：<strong>{saved.keyHint}</strong></p>}
           {message === "" ? null : <p className="settings-message" role="status">{message}</p>}
           {busy ? <p className="settings-message settings-message--warning">运行期间不能更改模型配置</p> : null}

apps/web/src/store/harness-client-store.ts

@@ -38,6 +38,7 @@ export class HarnessClientStore {
   public async dispose(): Promise<void> {
     this.#eventSource?.close();
     this.#eventSource = undefined;
+    this.#starting = undefined;
     const sessionId = this.#state.sessionId;
     if (sessionId !== undefined) await this.api.deleteSession(sessionId);
     this.#setState(createInitialHarnessState());

apps/web/src/styles/layout.css

@@ -6,7 +6,7 @@
 .side-panel { display: flex; flex-direction: column; overflow: hidden; background: var(--surface); }
 .chat-panel { background: var(--bg); }
 .mobile-tabs { display: none; }
-@media (max-width: 1080px) {
+@media (min-width: 721px) and (max-width: 1080px) {
   .workspace-grid { grid-template-columns: minmax(210px, 240px) minmax(400px, 1fr); }
   .workspace-grid > div:last-child { display: none; }
 }