From 77c388337d9557c909a241a3e3c4042279f4f560 Mon Sep 17 00:00:00 2001
From: QinRui <wisdomspace@hotmail.com>
Date: Thu, 20 Aug 2026 17:37:44 +0800
Subject: [PATCH 1/6] feat: improve mobile conversation experience

---
 src/main/mobile/lan-mobile-bridge.ts | 293 +++++++++++++++++++++++++++
 src/main/mobile/lan-mobile-pages.ts  |  98 +++++++--
 test/lan-mobile-bridge.test.ts       | 291 +++++++++++++++++++++++++-
 test/lan-mobile-pages.test.ts        |  74 ++++++-
 4 files changed, 731 insertions(+), 25 deletions(-)

diff --git a/src/main/mobile/lan-mobile-bridge.ts b/src/main/mobile/lan-mobile-bridge.ts
index 95ee9206..0d462271 100644
--- a/src/main/mobile/lan-mobile-bridge.ts
+++ b/src/main/mobile/lan-mobile-bridge.ts
@@ -13,11 +13,16 @@ import {
 
 const MAX_BODY_BYTES = 64 * 1024
 const PAIRING_TTL_MS = 5 * 60 * 1000
+const MUX_RECONNECT_MS = 500
 
 const RPC_ALLOWLIST = new Set([
   'workspace.list',
+  'agentPreset.list',
+  'agentPreset.select',
   'session.list',
   'session.history',
+  'session.models',
+  'session.selectModel',
   'session.create',
   'session.prompt',
   'session.cancel'
@@ -54,6 +59,33 @@ interface PendingPairing {
   decision?: boolean
 }
 
+interface MobileQuestionOption {
+  label: string
+  description?: string
+}
+
+interface MobileQuestion {
+  id: string
+  question: string
+  detail?: string
+  header?: string
+  options?: MobileQuestionOption[]
+  multiSelect?: boolean
+  intent?: string
+}
+
+interface PendingMobileQuestion {
+  rpcId: string
+  sessionId: string
+  questions: MobileQuestion[]
+}
+
+interface MobileQuestionAnswer {
+  id: string
+  selected: string[]
+  custom?: string
+}
+
 export class LanMobileBridge {
   private server?: ReturnType<typeof createServer>
   private port?: number
@@ -62,7 +94,10 @@ export class LanMobileBridge {
   private readonly sessions = new Map<string, MobileSession>()
   private readonly suspendedSessions = new Map<string, MobileSession>()
   private readonly pendingPairings = new Map<string, PendingPairing>()
+  private readonly pendingQuestions = new Map<string, PendingMobileQuestion>()
   private readonly now: () => number
+  private muxAbort?: AbortController
+  private muxTask?: Promise<void>
 
   constructor(private readonly options: LanMobileBridgeOptions) {
     this.now = options.now ?? Date.now
@@ -73,6 +108,7 @@ export class LanMobileBridge {
       if (!this.pairingToken || !this.pairingExpiresAt || this.pairingExpiresAt < this.now()) {
         this.rotatePairingToken()
       }
+      this.startMuxMonitor()
       return this.snapshot()
     }
     this.rotatePairingToken()
@@ -87,6 +123,7 @@ export class LanMobileBridge {
       this.server?.listen(this.options.port ?? 0, '0.0.0.0', resolve)
     })
     this.port = (this.server.address() as AddressInfo).port
+    this.startMuxMonitor()
     return this.snapshot()
   }
 
@@ -99,6 +136,12 @@ export class LanMobileBridge {
     this.sessions.clear()
     this.suspendedSessions.clear()
     this.pendingPairings.clear()
+    this.pendingQuestions.clear()
+    this.muxAbort?.abort()
+    const muxTask = this.muxTask
+    this.muxAbort = undefined
+    this.muxTask = undefined
+    if (muxTask) await muxTask.catch(() => undefined)
     if (!server) return
     await new Promise<void>((resolve) => server.close(() => resolve()))
   }
@@ -298,6 +341,37 @@ export class LanMobileBridge {
     if (request.method === 'POST' && url.pathname === '/api/rpc') {
       this.verifySameOrigin(request)
       const input = JSON.parse(await readBody(request)) as { method?: unknown; payload?: unknown }
+      if (input.method === 'interaction.pending') {
+        const sessionId = requiredStringField(input.payload, 'sessionId')
+        const pending = [...this.pendingQuestions.values()].find(
+          (item) => item.sessionId === sessionId
+        )
+        return this.json(response, 200, { ok: true, value: pending ?? null })
+      }
+      if (input.method === 'interaction.answer') {
+        const answer = parseQuestionResponse(input.payload)
+        const pending = this.assertPendingQuestion(answer.rpcId, answer.sessionId)
+        validateQuestionAnswers(pending, answer.answers)
+        const result = await this.respondToQuestion(answer.rpcId, {
+          ok: true,
+          value: { sessionId: answer.sessionId, answer: { answers: answer.answers } }
+        })
+        return this.json(response, result.ok ? 200 : 400, result)
+      }
+      if (input.method === 'interaction.cancel') {
+        const rpcId = requiredStringField(input.payload, 'rpcId')
+        const sessionId = requiredStringField(input.payload, 'sessionId')
+        this.assertPendingQuestion(rpcId, sessionId)
+        const result = await this.respondToQuestion(rpcId, {
+          ok: false,
+          error: {
+            code: 'cancelled',
+            message: 'the user closed this question request',
+            details: {}
+          }
+        })
+        return this.json(response, result.ok ? 200 : 400, result)
+      }
       if (typeof input.method !== 'string' || !RPC_ALLOWLIST.has(input.method)) {
         return this.json(response, 403, { ok: false, error: 'RPC method is not available on mobile.' })
       }
@@ -395,6 +469,125 @@ export class LanMobileBridge {
     return { ok: true, value: envelope.result.value }
   }
 
+  private startMuxMonitor(): void {
+    if (this.muxTask) return
+    const abort = new AbortController()
+    this.muxAbort = abort
+    this.muxTask = this.monitorMux(abort.signal).finally(() => {
+      if (this.muxAbort === abort) {
+        this.muxAbort = undefined
+        this.muxTask = undefined
+      }
+    })
+  }
+
+  private async monitorMux(signal: AbortSignal): Promise<void> {
+    let lastBase: string | undefined
+    while (!signal.aborted) {
+      const base = this.options.harnessUrl()
+      if (!base) {
+        this.pendingQuestions.clear()
+        await waitFor(MUX_RECONNECT_MS, signal)
+        continue
+      }
+      if (base !== lastBase) {
+        this.pendingQuestions.clear()
+        lastBase = base
+      }
+      try {
+        await this.consumeMux(base, signal)
+      } catch {
+        if (signal.aborted) return
+        this.pendingQuestions.clear()
+        await waitFor(MUX_RECONNECT_MS, signal)
+      }
+    }
+  }
+
+  private async consumeMux(base: string, signal: AbortSignal): Promise<void> {
+    const response = await fetch(new URL('/api/events.mux', base), {
+      headers: { accept: 'text/event-stream' },
+      signal
+    })
+    if (!response.ok || !response.body) {
+      throw new Error(`Harness event stream returned HTTP ${response.status}.`)
+    }
+    this.pendingQuestions.clear()
+    const reader = response.body.getReader()
+    const decoder = new TextDecoder()
+    let buffer = ''
+    while (!signal.aborted) {
+      const { done, value } = await reader.read()
+      if (done) return
+      buffer += decoder.decode(value, { stream: true })
+      let boundary = buffer.indexOf('\n\n')
+      while (boundary >= 0) {
+        const frame = buffer.slice(0, boundary)
+        buffer = buffer.slice(boundary + 2)
+        this.consumeMuxFrame(frame)
+        boundary = buffer.indexOf('\n\n')
+      }
+    }
+  }
+
+  private consumeMuxFrame(frame: string): void {
+    const data = frame
+      .split(/\r?\n/)
+      .filter((line) => line.startsWith('data:'))
+      .map((line) => line.slice(5).trimStart())
+      .join('\n')
+    if (!data) return
+    let envelope: unknown
+    try {
+      envelope = JSON.parse(data)
+    } catch {
+      return
+    }
+    if (!isRecord(envelope) || envelope.type !== 'server-request') return
+    const rpcId = typeof envelope.rpcId === 'string' ? envelope.rpcId : undefined
+    const payload = isRecord(envelope.payload) ? envelope.payload : undefined
+    if (!rpcId || !payload || typeof payload.type !== 'string') return
+    if (payload.type === 'question/requested') {
+      const pending = parsePendingQuestion(rpcId, payload)
+      if (pending) this.pendingQuestions.set(rpcId, pending)
+      return
+    }
+    if (payload.type === 'question/resolved' && typeof payload.questionRpcId === 'string') {
+      this.pendingQuestions.delete(payload.questionRpcId)
+    }
+  }
+
+  private assertPendingQuestion(rpcId: string, sessionId: string): PendingMobileQuestion {
+    const pending = this.pendingQuestions.get(rpcId)
+    if (!pending || pending.sessionId !== sessionId) {
+      throw new Error('This question request is no longer pending.')
+    }
+    return pending
+  }
+
+  private async respondToQuestion(
+    rpcId: string,
+    result: Record<string, unknown>
+  ): Promise<{ ok: boolean; value?: unknown; error?: string }> {
+    const base = this.options.harnessUrl()
+    if (!base) return { ok: false, error: 'Harness is not ready.' }
+    const response = await fetch(new URL('/api/respond', base), {
+      method: 'POST',
+      headers: { 'content-type': 'application/json' },
+      body: JSON.stringify({ type: 'client-response', rpcId, result }),
+      signal: AbortSignal.timeout(30_000)
+    })
+    if (!response.ok) return { ok: false, error: `Harness transport returned HTTP ${response.status}.` }
+    const receipt = (await response.json()) as { accepted?: unknown; reason?: unknown }
+    if (receipt.accepted !== true) {
+      return {
+        ok: false,
+        error: typeof receipt.reason === 'string' ? receipt.reason : 'Harness rejected the response.'
+      }
+    }
+    return { ok: true, value: receipt }
+  }
+
   private html(response: ServerResponse, body: string): void {
     response.statusCode = 200
     response.setHeader('content-type', 'text/html; charset=utf-8')
@@ -454,3 +647,103 @@ async function readBody(request: IncomingMessage): Promise<string> {
   }
   return Buffer.concat(chunks).toString('utf8')
 }
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === 'object' && value !== null && !Array.isArray(value)
+}
+
+function requiredStringField(value: unknown, field: string): string {
+  if (!isRecord(value) || typeof value[field] !== 'string' || !value[field]) {
+    throw new Error(`Invalid ${field}.`)
+  }
+  return value[field]
+}
+
+function parsePendingQuestion(
+  rpcId: string,
+  payload: Record<string, unknown>
+): PendingMobileQuestion | undefined {
+  if (typeof payload.sessionId !== 'string' || !Array.isArray(payload.questions)) return undefined
+  const questions: MobileQuestion[] = []
+  for (const item of payload.questions.slice(0, 20)) {
+    if (!isRecord(item) || typeof item.id !== 'string' || typeof item.question !== 'string') continue
+    const question: MobileQuestion = { id: item.id, question: item.question }
+    if (typeof item.detail === 'string') question.detail = item.detail
+    if (typeof item.header === 'string') question.header = item.header
+    if (typeof item.multiSelect === 'boolean') question.multiSelect = item.multiSelect
+    if (typeof item.intent === 'string') question.intent = item.intent
+    if (Array.isArray(item.options)) {
+      question.options = item.options.slice(0, 50).flatMap((option) => {
+        if (!isRecord(option) || typeof option.label !== 'string') return []
+        return [{
+          label: option.label,
+          ...(typeof option.description === 'string' ? { description: option.description } : {})
+        }]
+      })
+    }
+    questions.push(question)
+  }
+  if (!questions.length) return undefined
+  return { rpcId, sessionId: payload.sessionId, questions }
+}
+
+function parseQuestionResponse(value: unknown): {
+  rpcId: string
+  sessionId: string
+  answers: MobileQuestionAnswer[]
+} {
+  const rpcId = requiredStringField(value, 'rpcId')
+  const sessionId = requiredStringField(value, 'sessionId')
+  if (!isRecord(value) || !Array.isArray(value.answers) || value.answers.length > 20) {
+    throw new Error('Invalid question answers.')
+  }
+  const answers = value.answers.map((item): MobileQuestionAnswer => {
+    if (!isRecord(item) || typeof item.id !== 'string' || !Array.isArray(item.selected)) {
+      throw new Error('Invalid question answer.')
+    }
+    const selected = item.selected.map((label) => {
+      if (typeof label !== 'string') throw new Error('Invalid selected option.')
+      return label
+    })
+    if (selected.length > 50) throw new Error('Too many selected options.')
+    return {
+      id: item.id,
+      selected,
+      ...(typeof item.custom === 'string' && item.custom.trim() ? { custom: item.custom } : {})
+    }
+  })
+  return { rpcId, sessionId, answers }
+}
+
+function validateQuestionAnswers(
+  pending: PendingMobileQuestion,
+  answers: MobileQuestionAnswer[]
+): void {
+  if (answers.length !== pending.questions.length) throw new Error('Every question needs an answer or skip.')
+  const answerById = new Map(answers.map((answer) => [answer.id, answer]))
+  if (answerById.size !== answers.length) throw new Error('Duplicate question answer.')
+  for (const question of pending.questions) {
+    const answer = answerById.get(question.id)
+    if (!answer) throw new Error('Every question needs an answer or skip.')
+    const allowed = new Set((question.options ?? []).map((option) => option.label))
+    if (answer.selected.some((label) => !allowed.has(label))) {
+      throw new Error('Answer contains an unknown option.')
+    }
+    if (!question.multiSelect && answer.selected.length > 1) {
+      throw new Error('Only one option can be selected.')
+    }
+  }
+}
+
+function waitFor(milliseconds: number, signal: AbortSignal): Promise<void> {
+  return new Promise((resolve) => {
+    if (signal.aborted) return resolve()
+    const timeout = setTimeout(done, milliseconds)
+    function done(): void {
+      clearTimeout(timeout)
+      signal.removeEventListener('abort', done)
+      resolve()
+    }
+    signal.addEventListener('abort', done, { once: true })
+  })
+}
diff --git a/src/main/mobile/lan-mobile-pages.ts b/src/main/mobile/lan-mobile-pages.ts
index bd2c65f8..4b7d7219 100644
--- a/src/main/mobile/lan-mobile-pages.ts
+++ b/src/main/mobile/lan-mobile-pages.ts
@@ -23,10 +23,10 @@ export function renderMobilePage({ locale }: MobilePageOptions): string {
     button,input,textarea,select{font:inherit}.shell{max-width:760px;height:var(--app-height,100dvh);margin:auto;padding:calc(6px + env(safe-area-inset-top)) 14px calc(8px + env(safe-area-inset-bottom));display:flex;flex-direction:column}
     header{height:48px;display:flex;flex:none;align-items:center;justify-content:space-between;padding:0 3px}.brand{font-size:15px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.brand img{width:35px;height:20px;object-fit:contain}.brand .dark-logo{display:none}@media(prefers-color-scheme:dark){.brand .light-logo{display:none}.brand .dark-logo{display:block}}.status{width:8px;height:8px;border-radius:50%;margin-right:4px;background:#35a867;box-shadow:0 0 0 0 rgba(53,168,103,.42);animation:connectedPulse 1.8s ease-out infinite}.status.connecting{background:var(--muted);animation:none}.status.error-state{background:#e34d59;animation:none}@keyframes connectedPulse{70%{box-shadow:0 0 0 7px rgba(53,168,103,0)}100%{box-shadow:0 0 0 0 rgba(53,168,103,0)}}
     .view{display:none;min-height:0}.view.active{display:flex;flex:1;flex-direction:column}.toolbar{display:flex;flex:none;gap:8px;align-items:center;padding:12px 0}.toolbar select{flex:1;min-width:0}#sessionsView{padding-top:2px}.session-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 2px 11px}.session-heading{min-width:0}.session-heading h1{margin:0;font-size:24px;line-height:1.15;letter-spacing:-.035em;font-weight:650}.session-heading p{margin:0 0 1px;color:var(--muted);font-size:10.5px}.workspace-panel{flex:none;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:9px}.workspace-label{display:block;margin:0 2px 4px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.session-actions{display:flex;gap:7px}.session-actions select{flex:1;min-width:0;height:39px;background:var(--card);font-weight:500}.icon-button{display:grid;place-items:center;width:39px;height:39px;padding:0;background:var(--card)}.icon-button.refreshing svg{animation:spin .65s linear infinite}.new-session{display:flex;align-items:center;gap:5px;height:36px;flex:none;border-color:var(--ink);border-radius:11px;padding:6px 11px;background:var(--ink);color:var(--paper);font-weight:600}.new-session:hover{background:var(--ink);opacity:.86}.new-session:disabled{cursor:default;opacity:.35}.new-session svg{display:block}.workspace-hint{color:var(--muted);font-size:12px;line-height:1.4;padding:7px 2px 1px}.workspace-hint[hidden]{display:none}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 2px 6px}.list-heading strong{font-size:13px;font-weight:650}.session-count{display:grid;place-items:center;min-width:24px;height:20px;border-radius:999px;background:var(--surface);color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}body.chat-open header{display:none}body.chat-open .shell{padding:env(safe-area-inset-top) 14px 0}#chatView{position:relative}.chat-toolbar{position:absolute;inset:0 0 auto;z-index:2;min-height:40px;padding:0;background:transparent;pointer-events:none}.back{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid var(--line)!important;border-radius:50%;padding:0!important;background:var(--card)!important;box-shadow:0 2px 8px rgba(0,0,0,.06);pointer-events:auto}.back:hover{background:var(--hover)!important}.back svg{display:block}
-    select,button,textarea{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:10px 12px}button{cursor:pointer}button:hover{background:var(--hover)}button.primary{display:grid;place-items:center;flex:none;background:var(--brand);color:white;border-color:var(--brand);border-radius:50%;width:42px;height:42px;padding:0}button.quiet{background:transparent}
+    select,button,textarea{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:10px 12px}button{cursor:pointer}button:hover{background:var(--hover)}button.primary{display:flex;align-items:center;justify-content:center;gap:6px;flex:none;min-width:68px;height:40px;border:1px solid var(--ink);border-radius:13px;padding:0 11px 0 13px;background:var(--ink);color:var(--paper);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--paper) 10%,transparent),0 2px 5px rgba(0,0,0,.14);transition:transform .14s ease,opacity .14s ease,box-shadow .14s ease}.primary svg{display:block;flex:none}.primary:hover:not(:disabled){background:var(--ink);opacity:.88;transform:translateY(-1px)}.primary:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--paper) 8%,transparent),0 1px 2px rgba(0,0,0,.12)}.primary:disabled{cursor:default;border-color:var(--line);background:var(--surface);color:var(--muted);box-shadow:none}button.quiet{background:transparent}
     .list{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;align-content:start;gap:8px;overflow-y:auto;padding:0 0 12px}.row{width:100%;min-width:0;display:flex;align-items:center;gap:11px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:15px;padding:12px;transition:background .16s ease,transform .16s ease}.row:hover,.row:active{background:var(--surface);transform:translateY(-1px)}.session-mark{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:var(--surface);color:var(--ink)}.row-copy{min-width:0;flex:1}.row strong{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row time{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.row-chevron{flex:none;color:var(--muted);opacity:.7}.empty{display:flex;min-height:190px;align-items:center;justify-content:center;flex-direction:column;padding:42px 18px;text-align:center;color:var(--muted)}.empty-mark{display:grid;place-items:center;width:44px;height:44px;margin-bottom:12px;border-radius:14px;background:var(--surface);color:var(--ink)}.empty strong{color:var(--ink);font-size:14px}.empty span:last-child{max-width:220px;margin-top:4px;font-size:12px}.messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:0;padding:18px 4px}.chat-open .messages{padding-top:4px;padding-bottom:84px}.message{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);line-height:1.65}.message.user{align-self:flex-end;max-width:82%;background:var(--hover);border-radius:22px;padding:9px 15px;margin:8px 0 14px}.message.assistant{align-self:stretch;padding:0 4px;margin:0}.message .role{display:none}
-    .markdown{white-space:normal}.markdown>*:first-child{margin-top:0}.markdown>*:last-child{margin-bottom:0}.markdown p{margin:0 0 10px}.markdown h1,.markdown h2,.markdown h3{line-height:1.3;margin:18px 0 8px}.markdown h1{font-size:22px}.markdown h2{font-size:19px}.markdown h3{font-size:16px}.markdown ul{margin:8px 0;padding-left:22px}.markdown pre{overflow:auto;background:var(--hover);border:1px solid var(--line);border-radius:10px;padding:12px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.markdown code{background:var(--hover);border-radius:5px;padding:2px 5px;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.markdown pre code{padding:0;background:none}.markdown a{color:var(--brand)}.table-wrap{width:100%;overflow-x:auto;margin:10px 0;-webkit-overflow-scrolling:touch}.markdown table{width:100%;min-width:420px;border-collapse:collapse;font-size:13px;line-height:1.5}.markdown th,.markdown td{padding:9px 10px;border:1px solid var(--line);text-align:left;vertical-align:top}.markdown th{background:var(--hover);font-weight:600}.thinking,.tool{border:1px solid var(--line);border-radius:8px;background:var(--card);margin:2px 0;white-space:normal}.thinking summary,.tool summary{cursor:pointer;list-style:none;padding:7px 10px;color:var(--muted);font-size:12px;line-height:20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.thinking summary::-webkit-details-marker,.tool summary::-webkit-details-marker{display:none}.thinking-body,.tool-body{border-top:1px solid var(--line);padding:9px 10px;color:var(--muted);font-size:12px}.tool-name{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tool-status.error{color:#e34d59}.tool pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;background:var(--hover);border-radius:7px;padding:8px}.streaming:after{content:' ';display:inline-block;width:6px;height:15px;margin-left:2px;vertical-align:-2px;background:var(--brand);animation:pulse .7s infinite alternate}
-    .composer{position:absolute;z-index:2;inset:auto 0 0;padding:10px 0 4px;background:transparent;pointer-events:none}.composer-inner{display:flex;gap:8px;align-items:flex-end;border:1px solid var(--line);border-radius:20px;padding:8px 8px 8px 14px;background:var(--card);box-shadow:0 4px 16px rgba(0,0,0,.05);pointer-events:auto}.composer textarea{flex:1;min-height:42px;max-height:150px;resize:none;border:0;outline:0;border-radius:0;padding:10px 0;background:transparent;font-size:16px}.primary.cancel{background:var(--ink);border-color:var(--ink)}.primary[hidden]{display:none}.error{color:#e34d59;font-size:13px;margin:8px 0}.toast{position:fixed;left:50%;top:calc(64px + env(safe-area-inset-top));z-index:5;transform:translate(-50%,-8px);background:var(--ink);color:var(--paper);border-radius:999px;padding:6px 11px;font-size:12px;opacity:0;pointer-events:none;transition:.18s ease}.toast.show{opacity:1;transform:translate(-50%,0)}.loading{display:grid;gap:12px;padding:22px 4px}.skeleton{height:14px;border-radius:7px;background:var(--hover);animation:pulse 1.1s ease-in-out infinite alternate}.skeleton:nth-child(2){width:82%}.skeleton:nth-child(3){width:64%}@keyframes pulse{to{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@media(display-mode:standalone){.chat-open .messages{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.composer{padding-bottom:calc(4px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.skeleton,.status,.icon-button.refreshing svg{animation:none}}
+    .markdown{white-space:normal}.markdown>*:first-child{margin-top:0}.markdown>*:last-child{margin-bottom:0}.markdown p{margin:0 0 10px}.markdown h1,.markdown h2,.markdown h3{line-height:1.3;margin:18px 0 8px}.markdown h1{font-size:22px}.markdown h2{font-size:19px}.markdown h3{font-size:16px}.markdown ul{margin:8px 0;padding-left:22px}.markdown pre{overflow:auto;background:var(--hover);border:1px solid var(--line);border-radius:10px;padding:12px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.markdown code{background:var(--hover);border-radius:5px;padding:2px 5px;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.markdown pre code{padding:0;background:none}.markdown a{color:var(--brand)}.table-wrap{width:100%;overflow-x:auto;margin:10px 0;-webkit-overflow-scrolling:touch}.markdown table{width:100%;min-width:420px;border-collapse:collapse;font-size:13px;line-height:1.5}.markdown th,.markdown td{padding:9px 10px;border:1px solid var(--line);text-align:left;vertical-align:top}.markdown th{background:var(--hover);font-weight:600}.thinking,.tool{position:relative;margin:0;white-space:normal}.thinking summary,.tool summary{position:relative;min-height:34px;cursor:pointer;list-style:none;border-radius:6px;padding:5px 2px;color:var(--ink);font-size:14px;line-height:24px;display:flex;align-items:center;gap:0;overflow:hidden}.thinking summary:hover,.tool summary:hover{background:var(--hover)}.thinking summary::-webkit-details-marker,.tool summary::-webkit-details-marker{display:none}.activity-leading{width:16px;height:16px;display:grid;place-items:center;flex:none;margin-right:6px;color:var(--muted)}.activity-leading svg{display:block}.activity-title{flex:none;font-weight:400}.activity-dot{width:2px;height:2px;margin:0 8px;border-radius:50%;background:var(--muted);opacity:.7;flex:none}.activity-summary{position:relative;min-width:0;flex:1;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-chevron{width:16px;height:16px;display:grid;place-items:center;flex:none;color:var(--muted);transition:transform .14s ease}.thinking[open] .activity-chevron,.tool[open] .activity-chevron{transform:rotate(90deg)}.thinking-body{padding:3px 0 7px 22px;color:var(--muted);font-size:13px;line-height:22px}.tool-body{padding:3px 0 8px 20px;color:var(--muted);font-size:12px}.tool-body strong{display:block;margin:7px 0 3px;font-weight:500}.tool-status.error,.tool[data-state=error] .activity-leading{color:#e34d59}.tool pre{max-height:260px;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere;margin:0 0 4px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px 12px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.thinking[data-state=running] .activity-summary:after,.tool[data-state=running] .activity-summary:after{content:'';position:absolute;inset:0 auto 0 -240px;width:240px;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--paper) 72%,transparent),transparent);animation:activitySweep 2.6s ease-out infinite}.streaming:after{content:' ';display:inline-block;width:6px;height:15px;margin-left:2px;vertical-align:-2px;background:var(--brand);animation:pulse .7s infinite alternate}.turn-status{height:26px;display:inline-flex;align-items:center;margin:0 4px 6px;pointer-events:none;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,var(--brand) 0%,var(--brand) 40%,color-mix(in srgb,var(--brand) 35%,var(--paper)) 50%,var(--brand) 60%,var(--brand) 100%);background-position:100% 0;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:600;white-space:nowrap;animation:deepDiveShimmer 1.8s linear infinite}
+    [hidden]{display:none!important}.message:empty{display:none}.composer{position:absolute;z-index:2;inset:auto 0 0;padding:10px 0 5px;background:transparent;pointer-events:none}.composer-inner{min-height:58px;display:flex;gap:8px;align-items:flex-end;border:1px solid var(--line);border-radius:23px;padding:8px 8px 8px 16px;background:var(--card);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--paper) 70%,transparent),0 2px 8px rgba(0,0,0,.06),0 14px 34px rgba(0,0,0,.06);pointer-events:auto;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.composer-inner:focus-within{border-color:color-mix(in srgb,var(--ink) 28%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--paper) 72%,transparent),0 3px 10px rgba(0,0,0,.08),0 18px 38px rgba(0,0,0,.08);transform:translateY(-1px)}.composer textarea{flex:1;height:40px;min-height:40px;max-height:150px;overflow-y:auto;resize:none;border:0;outline:0;border-radius:0;padding:9px 0;background:transparent;color:var(--ink);caret-color:var(--brand);font-size:16px;letter-spacing:-.01em}.composer textarea::placeholder{color:var(--muted);opacity:.68}.composer .primary,.primary.cancel{width:40px;min-width:40px;border-radius:50%;padding:0;background:var(--ink);border-color:var(--ink)}.settings-trigger{display:grid;place-items:center;width:40px;min-width:40px;height:40px;border-radius:50%;padding:0;background:var(--surface);color:var(--muted)}.settings-trigger[aria-expanded=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.session-settings{position:absolute;right:8px;bottom:76px;width:min(350px,calc(100vw - 28px));max-height:min(62vh,470px);overflow-y:auto;border:1px solid var(--line);border-radius:18px;padding:15px;background:var(--card);box-shadow:0 8px 26px rgba(0,0,0,.1),0 24px 60px rgba(0,0,0,.12);pointer-events:auto}.settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.settings-head strong{font-size:15px;font-weight:650}.settings-close{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;padding:0;background:transparent;color:var(--muted);font-size:20px;line-height:1}.setting-field{display:block;margin-top:11px}.setting-field>span{display:block;margin:0 2px 5px;color:var(--muted);font-size:11px;font-weight:600}.setting-field select{width:100%;height:42px;background:var(--surface)}.setting-field select:disabled{opacity:.55}.setting-note{margin:5px 2px 0;color:var(--muted);font-size:11px;line-height:1.4}.settings-error{min-height:17px;margin-top:7px;color:#e34d59;font-size:11px}.settings-loading{padding:14px 2px;color:var(--muted);font-size:12px}.todo-dock{margin:0 0 8px;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;pointer-events:auto}.todo-header{width:100%;height:38px;display:flex;align-items:center;gap:8px;border:0;border-radius:0;padding:0 11px;background:transparent;text-align:left}.todo-lead,.todo-chevron{display:grid;place-items:center;flex:none;color:var(--muted)}.todo-title{flex:none;font-size:13px;font-weight:600}.todo-progress{min-width:0;flex:1;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.todo-list{display:grid;gap:7px;max-height:180px;overflow-y:auto;margin:0;padding:1px 12px 10px;list-style:none}.todo-item{min-width:0;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.todo-glyph{display:grid;place-items:center;width:16px;height:16px;flex:none}.todo-item[data-status=completed] .todo-glyph{color:#35a867}.todo-item[data-status=in_progress] .todo-glyph{color:var(--brand);animation:spin 1s linear infinite}.todo-content{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-running .messages{padding-bottom:116px}.todo-open .messages{padding-bottom:130px}.turn-running.todo-open .messages{padding-bottom:162px}.todo-expanded .messages{padding-bottom:min(42vh,300px)}.turn-running.todo-expanded .messages{padding-bottom:min(42vh,332px)}.turn-running .session-settings{bottom:108px}.todo-open .session-settings{bottom:122px}.turn-running.todo-open .session-settings{bottom:154px}.todo-expanded .session-settings{bottom:min(42vh,292px)}.turn-running.todo-expanded .session-settings{bottom:min(42vh,324px)}.primary[hidden]{display:none}.question-composer{position:absolute;z-index:3;inset:auto 0 0;padding:10px 0 5px;pointer-events:none}.question-shell{max-height:min(70vh,580px);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:23px;background:var(--card);box-shadow:0 4px 16px rgba(0,0,0,.08),0 22px 54px rgba(0,0,0,.1);overflow:hidden;pointer-events:auto}.question-top{display:flex;align-items:center;gap:9px;flex:none;padding:13px 16px 10px;border-bottom:1px solid var(--line)}.question-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--surface);color:var(--ink)}.question-context{min-width:0;flex:1}.question-context strong{display:block;font-size:13px;font-weight:650}.question-context span{display:block;color:var(--muted);font-size:11px}.question-close{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;padding:0;background:transparent;color:var(--muted)}.question-body{min-height:0;overflow-y:auto;padding:14px 16px 4px;-webkit-overflow-scrolling:touch}.question-title{margin:0;font-size:17px;line-height:1.45;letter-spacing:-.015em;font-weight:620}.question-detail{margin-top:7px;color:var(--muted);font-size:13px}.question-options{display:grid;gap:7px;margin-top:13px}.question-option{width:100%;display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:13px;padding:10px 11px;background:var(--card);text-align:left}.question-option.selected{border-color:var(--ink);background:var(--surface)}.option-control{display:grid;place-items:center;width:19px;height:19px;flex:none;margin-top:1px;border:1px solid var(--muted);border-radius:50%;font-size:11px}.multi .option-control{border-radius:6px}.question-option.selected .option-control{border-color:var(--ink);background:var(--ink);color:var(--paper)}.option-copy{min-width:0;flex:1}.option-label{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px}.recommendation{border-radius:999px;background:var(--surface);color:var(--muted);padding:1px 6px;font-size:10px}.option-description{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.45}.custom-label{display:block;margin:13px 1px 5px;color:var(--muted);font-size:11px;font-weight:600}.question-custom{width:100%;min-height:54px;max-height:110px;resize:vertical;border:1px solid var(--line);border-radius:13px;padding:10px 11px;background:var(--surface);outline:none}.question-custom:focus{border-color:color-mix(in srgb,var(--ink) 35%,var(--line))}.question-error{min-height:18px;padding:5px 16px 0;color:#e34d59;font-size:11px}.question-actions{display:flex;align-items:center;gap:7px;flex:none;padding:8px 12px 12px}.question-actions button{height:38px;padding:0 12px;border-radius:11px}.question-actions .spacer{flex:1}.question-actions .submit-answer{border-color:var(--ink);background:var(--ink);color:var(--paper);font-weight:600}.question-actions button:disabled{opacity:.45;cursor:default}.question-open .messages{padding-bottom:min(64vh,520px)}.error{color:#e34d59;font-size:13px;margin:8px 0}.toast{position:fixed;left:50%;top:calc(64px + env(safe-area-inset-top));z-index:5;transform:translate(-50%,-8px);background:var(--ink);color:var(--paper);border-radius:999px;padding:6px 11px;font-size:12px;opacity:0;pointer-events:none;transition:.18s ease}.toast.show{opacity:1;transform:translate(-50%,0)}.loading{display:grid;gap:12px;padding:22px 4px}.skeleton{height:14px;border-radius:7px;background:var(--hover);animation:pulse 1.1s ease-in-out infinite alternate}.skeleton:nth-child(2){width:82%}.skeleton:nth-child(3){width:64%}@keyframes pulse{to{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes activitySweep{0%{left:-240px}90%,to{left:100%}}@keyframes deepDiveShimmer{to{background-position:0 0}}@media(display-mode:standalone){.chat-open .messages{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.chat-open.turn-running .messages{padding-bottom:calc(116px + env(safe-area-inset-bottom))}.chat-open.todo-open .messages{padding-bottom:calc(130px + env(safe-area-inset-bottom))}.chat-open.turn-running.todo-open .messages{padding-bottom:calc(162px + env(safe-area-inset-bottom))}.chat-open.todo-expanded .messages{padding-bottom:min(42vh,calc(300px + env(safe-area-inset-bottom)))}.chat-open.turn-running.todo-expanded .messages{padding-bottom:min(42vh,calc(332px + env(safe-area-inset-bottom)))}.chat-open.question-open .messages{padding-bottom:min(64vh,520px)}.composer,.question-composer{padding-bottom:calc(5px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.skeleton,.status,.icon-button.refreshing svg,.thinking[data-state=running] .activity-summary:after,.tool[data-state=running] .activity-summary:after,.turn-status,.todo-item[data-status=in_progress] .todo-glyph{animation:none}.composer-inner,.primary{transition:none}}
   </style>
 </head>
 <body><main class="shell">
@@ -41,7 +41,8 @@ export function renderMobilePage({ locale }: MobilePageOptions): string {
   <section id="chatView" class="view">
     <div class="toolbar chat-toolbar"><button id="back" class="quiet back" aria-label="${zh ? '返回会话列表' : 'Back to sessions'}"><svg width="20" height="20" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M10.5 3L5.5 8L10.5 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></button></div>
     <div id="messages" class="messages"></div><div id="chatError" class="error"></div>
-    <div class="composer"><div class="composer-inner"><textarea id="prompt" placeholder="${zh ? '给智能体发消息' : 'Message the agent'}"></textarea><button id="send" class="primary" aria-label="${zh ? '发送' : 'Send'}"><svg width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 15V5M10 5L6 9M10 5L14 9" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></button><button id="cancel" class="primary cancel" aria-label="${zh ? '停止生成' : 'Stop generating'}" hidden><svg width="14" height="14" viewBox="0 0 14 14"><rect x="2" y="2" width="10" height="10" rx="2" fill="currentColor"/></svg></button></div></div>
+    <div id="questionComposer" class="question-composer" hidden></div>
+    <div id="composer" class="composer"><div id="sessionSettings" class="session-settings" hidden></div><section id="todoDock" class="todo-dock" aria-label="${zh ? '任务' : 'To-dos'}" hidden></section><div id="turnStatus" class="turn-status" role="status" aria-live="polite" hidden>Deep diving...</div><div class="composer-inner"><textarea id="prompt" rows="1" placeholder="${zh ? '给智能体发消息' : 'Message the agent'}"></textarea><button id="settings" class="settings-trigger" aria-label="${zh ? '会话设置' : 'Session settings'}" aria-expanded="false"><svg width="17" height="17" viewBox="0 0 18 18" fill="none" aria-hidden="true"><path d="M3 5h7M13 5h2M3 13h2M8 13h7M10 3v4M6 11v4" stroke="currentColor" stroke-width="1.45" stroke-linecap="round"/></svg></button><button id="send" class="primary" aria-label="${zh ? '发送' : 'Send'}" disabled><svg width="17" height="17" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M8 12V4M8 4 4.75 7.25M8 4l3.25 3.25" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round"/></svg></button><button id="cancel" class="primary cancel" aria-label="${zh ? '停止生成' : 'Stop generating'}" hidden><svg width="14" height="14" viewBox="0 0 14 14"><rect x="2" y="2" width="10" height="10" rx="2" fill="currentColor"/></svg></button></div></div>
   </section>
 </main>
 <script>
@@ -62,8 +63,39 @@ const L=${JSON.stringify({
     ,minute: zh ? ' 分钟前' : 'm ago'
     ,hour: zh ? ' 小时前' : 'h ago'
     ,day: zh ? ' 天前' : 'd ago'
+    ,questionNeeded: zh ? '需要你的回答' : 'Your input is needed'
+    ,questionProgress: zh ? '个问题' : 'questions'
+    ,customAnswer: zh ? '或者输入其他回答' : 'Or enter another answer'
+    ,customPlaceholder: zh ? '输入你的回答…' : 'Type your answer…'
+    ,skip: zh ? '跳过' : 'Skip'
+    ,previous: zh ? '上一个' : 'Back'
+    ,next: zh ? '下一个' : 'Next'
+    ,submitAnswer: zh ? '提交回答' : 'Submit answers'
+    ,cancelQuestions: zh ? '取消这次提问' : 'Cancel this request'
+    ,chooseAnswer: zh ? '请选择一个选项、输入回答，或跳过。' : 'Choose an option, enter an answer, or skip.'
+    ,recommended: zh ? '推荐' : 'Recommended'
+    ,answering: zh ? '正在提交…' : 'Submitting…'
+    ,presetStandard: zh ? '标准模式' : 'Standard mode'
+    ,presetCode: zh ? 'PTC 模式' : 'PTC mode'
+    ,presetMinimal: zh ? '极简模式' : 'Minimal mode'
+    ,presetCordis: zh ? '创造模式' : 'Creator mode'
+    ,customPreset: zh ? '自定义' : 'Custom'
+    ,sessionSettings: zh ? '会话设置' : 'Session settings'
+    ,preset: zh ? 'Preset' : 'Preset'
+    ,model: zh ? '模型' : 'Model'
+    ,reasoningEffort: zh ? '思考强度' : 'Reasoning effort'
+    ,presetLocked: zh ? '发送首条消息后，Preset 已锁定。' : 'Preset is locked after the first message.'
+    ,presetEditable: zh ? '仅可在发送第一条消息前更改。' : 'Can be changed before the first message only.'
+    ,settingsLoading: zh ? '正在读取模型与 Preset…' : 'Loading models and presets…'
+    ,settingsUpdated: zh ? '会话设置已更新' : 'Session settings updated'
+    ,noModels: zh ? '当前没有可选模型' : 'No models are available'
+    ,defaultEffort: zh ? '默认' : 'Default'
+    ,todoTitle: zh ? '任务' : 'To-dos'
+    ,todoDone: zh ? '已完成' : 'completed'
+    ,todoActive: zh ? '进行中' : 'in progress'
+    ,todoPending: zh ? '待处理' : 'pending'
   })};
-let activeSession=null,poll=null,workspaces=[],archivedSessionIds=[],historyBusy=false,lastHistoryKey='',agentRunning=false;
+  let activeSession=null,poll=null,workspaces=[],presets=[],sessionSummaries=[],archivedSessionIds=[],historyBusy=false,lastHistoryKey='',lastDurableMessages=[],optimisticPrompts=[],latestUserTextCounts=new Map(),agentRunning=false,awaitingTurnStartedAt=0,pendingQuestion=null,questionIndex=0,questionDrafts={},questionBusy=false,sessionBlank=true,currentPreset=null,modelCatalog=null,settingsBusy=false,currentTodos=[],todoExpanded=false;
 const $=id=>document.getElementById(id);
 async function rpc(method,payload={}){let r;try{r=await fetch('/api/rpc',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({method,payload})})}catch{const e=new Error('');e.disconnected=true;throw e}if(r.status===401){const e=new Error('');e.disconnected=true;throw e}let j;try{j=await r.json()}catch{throw new Error(L.failed)}if(!r.ok||!j.ok)throw new Error(j.error||L.failed);return j.value}
 function showError(id,error){$(id).textContent=error?.disconnected?'':error?.message||L.failed}
@@ -74,28 +106,60 @@ function inlineMarkdown(text){return esc(text).replace(/\\x60([^\\x60]+)\\x60/g,
 function tableCells(line){let value=line.trim();if(value.startsWith('|'))value=value.slice(1);if(value.endsWith('|'))value=value.slice(0,-1);return value.split('|').map(cell=>cell.trim())}
 function markdown(text){const lines=String(text||'').split('\\n');let html='',code=false,list=false;for(let i=0;i<lines.length;i++){const line=lines[i];if(line.trim().startsWith(String.fromCharCode(96,96,96))){if(list){html+='</ul>';list=false}html+=code?'</code></pre>':'<pre><code>';code=!code;continue}if(code){html+=esc(line)+'\\n';continue}const next=lines[i+1]||'',separator=next.trim().replace(/^\\||\\|$/g,'').split('|');if(line.includes('|')&&separator.length>0&&separator.every(cell=>/^\\s*:?-{3,}:?\\s*$/.test(cell))){if(list){html+='</ul>';list=false}const headers=tableCells(line);html+='<div class="table-wrap"><table><thead><tr>'+headers.map(cell=>'<th>'+inlineMarkdown(cell)+'</th>').join('')+'</tr></thead><tbody>';i+=2;while(i<lines.length&&lines[i].includes('|')&&lines[i].trim()){html+='<tr>'+tableCells(lines[i]).map(cell=>'<td>'+inlineMarkdown(cell)+'</td>').join('')+'</tr>';i++}i--;html+='</tbody></table></div>';continue}const heading=line.match(/^(#{1,3})\\s+(.+)$/);if(heading){if(list){html+='</ul>';list=false}const level=heading[1].length;html+='<h'+level+'>'+inlineMarkdown(heading[2])+'</h'+level+'>';continue}const bullet=line.match(/^[-*]\\s+(.+)$/);if(bullet){if(!list){html+='<ul>';list=true}html+='<li>'+inlineMarkdown(bullet[1])+'</li>';continue}if(list){html+='</ul>';list=false}if(line.trim())html+='<p>'+inlineMarkdown(line)+'</p>'}if(list)html+='</ul>';if(code)html+='</code></pre>';return html}
 function pretty(value){if(!value)return'';try{return JSON.stringify(JSON.parse(value),null,2)}catch{return String(value)}}
-function renderBlock(block,streaming){if(!block)return'';if(block.kind==='text')return'<div class="markdown'+(streaming?' streaming':'')+'">'+markdown(block.text)+'</div>';if(block.kind==='reasoning')return'<details class="thinking"'+(streaming?' open':'')+'><summary><span>Think'+(streaming?' · '+L.running:'')+'</span><span>›</span></summary><div class="thinking-body markdown'+(streaming?' streaming':'')+'">'+markdown(block.text)+'</div></details>';if(block.kind==='tool'){const label=block.status==='running'?L.running:block.status==='error'?L.toolFailed:L.done;return'<details class="tool"><summary><span class="tool-name">'+esc(block.name||'tool')+'</span><span class="tool-status '+esc(block.status)+'">'+label+'</span></summary><div class="tool-body">'+(block.args?'<strong>'+L.input+'</strong><pre>'+esc(pretty(block.args))+'</pre>':'')+(block.result?'<strong>'+L.output+'</strong><pre>'+esc(block.result)+'</pre>':'')+'</div></details>'}return''}
+function activityIcon(kind){return kind==='think'?'<svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true"><path d="M7 1.75a4 4 0 0 0-2.66 6.98c.43.38.66.88.66 1.4v.12h4v-.12c0-.52.23-1.02.66-1.4A4 4 0 0 0 7 1.75Z" stroke="currentColor" stroke-width="1.15" stroke-linejoin="round"/><path d="M5.4 12h3.2M5.75 10.25h2.5" stroke="currentColor" stroke-width="1.15" stroke-linecap="round"/></svg>':'<svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true"><rect x="1.75" y="2.25" width="10.5" height="9.5" rx="2" stroke="currentColor" stroke-width="1.15"/><path d="m4 5 1.5 1.5L4 8M7.5 8h2.5" stroke="currentColor" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>'}
+function activityChevron(){return'<span class="activity-chevron" aria-hidden="true"><svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="m4.5 2.5 3.5 3.5-3.5 3.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg></span>'}
+function reasoningSummary(text,streaming){const lines=String(text||'').split('\\n').map(line=>line.trim()).filter(Boolean);return lines.length?(streaming?lines[lines.length-1]:lines[0]):L.running}
+  function renderBlock(block,streaming){if(!block)return'';if(block.kind==='text')return'<div class="markdown'+(streaming?' streaming':'')+'">'+markdown(block.text)+'</div>';if(block.kind==='reasoning'){const state=streaming?'running':'ok';return'<details class="thinking" data-state="'+state+'"><summary><span class="activity-leading">'+activityIcon('think')+'</span><span class="activity-title">Think</span><span class="activity-dot" aria-hidden="true"></span><span class="activity-summary">'+esc(reasoningSummary(block.text,streaming))+'</span>'+activityChevron()+'</summary><div class="thinking-body markdown'+(streaming?' streaming':'')+'">'+markdown(block.text)+'</div></details>'}if(block.kind==='tool'){if(pendingQuestion&&block.status==='running'&&block.name==='ask_user_question')return'';const label=block.status==='running'?L.running:block.status==='error'?L.toolFailed:L.done;return'<details class="tool" data-state="'+esc(block.status)+'"><summary><span class="activity-leading">'+activityIcon('tool')+'</span><span class="activity-title tool-name">'+esc(block.name||'tool')+'</span><span class="activity-dot" aria-hidden="true"></span><span class="activity-summary tool-status '+esc(block.status)+'">'+label+'</span>'+activityChevron()+'</summary><div class="tool-body">'+(block.args?'<strong>'+L.input+'</strong><pre>'+esc(pretty(block.args))+'</pre>':'')+(block.result?'<strong>'+L.output+'</strong><pre>'+esc(block.result)+'</pre>':'')+'</div></details>'}return''}
 function renderMessage(message){const blocks=message.blocks.filter(Boolean);return'<div class="message '+message.role+'">'+blocks.map((block,index)=>renderBlock(block,message.streaming&&index===blocks.length-1&&(block.kind==='text'||block.kind==='reasoning'))).join('')+'</div>'}
-function updateRunning(events){let running=false;for(const entry of events){const t=String((entry.event||entry).type||'').toLowerCase();if(t==='turn/start')running=true;else if(t==='turn/end')running=false}agentRunning=running;$('send').hidden=running;$('cancel').hidden=!running;$('prompt').disabled=running}
+  function syncPromptUi(){const prompt=$('prompt');prompt.style.height='40px';prompt.style.height=Math.min(150,Math.max(40,prompt.scrollHeight))+'px';$('send').disabled=agentRunning||!prompt.value.trim()}
+  function updateRunning(events){let running=false,latestStart=0;for(const entry of events){const event=entry.event||entry,t=String(event.type||'').toLowerCase();if(t==='turn/start'){running=true;latestStart=Math.max(latestStart,Number(event.time)||0)}else if(t==='turn/end')running=false}if(awaitingTurnStartedAt&&latestStart>=awaitingTurnStartedAt){awaitingTurnStartedAt=0}agentRunning=running||awaitingTurnStartedAt>0;$('send').hidden=agentRunning;$('cancel').hidden=!agentRunning;$('prompt').disabled=agentRunning;syncPromptUi()}
+  function todoProgress(){const done=currentTodos.filter(item=>item.status==='completed').length,active=currentTodos.filter(item=>item.status==='in_progress').length,pending=currentTodos.length-done-active;return[(done?done+' '+L.todoDone:''),(active?active+' '+L.todoActive:''),(pending?pending+' '+L.todoPending:'')].filter(Boolean).join(' · ')}
+  function todoGlyph(status){if(status==='completed')return'<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="7" cy="7" r="6" stroke="currentColor" stroke-width="1.2"/><path d="m4 7 2 2 4-4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>';if(status==='in_progress')return'<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 1a6 6 0 1 1-5.2 3" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>';return'<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="7" cy="7" r="6" stroke="currentColor" stroke-width="1.2" stroke-dasharray="2.4 2.4"/></svg>'}
+  function renderTodoDock(){const host=$('todoDock'),visible=currentTodos.length>0;host.hidden=!visible;document.body.classList.toggle('todo-open',visible);document.body.classList.toggle('todo-expanded',visible&&todoExpanded);if(!visible){host.innerHTML='';return}const chevron=todoExpanded?'m3.5 5 3.5 3.5L10.5 5':'m3.5 9 3.5-3.5L10.5 9';host.innerHTML='<button class="todo-header" aria-expanded="'+todoExpanded+'"><span class="todo-lead"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M4.75 3h7M4.75 7h7M4.75 11h7M2 3h.01M2 7h.01M2 11h.01" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></span><span class="todo-title">'+L.todoTitle+'</span><span class="todo-progress">'+esc(todoProgress())+'</span><span class="todo-chevron"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="'+chevron+'" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></button>'+(todoExpanded?'<ul class="todo-list">'+currentTodos.map(item=>'<li class="todo-item" data-status="'+esc(item.status)+'"><span class="todo-glyph">'+todoGlyph(item.status)+'</span><span class="todo-content">'+esc(item.content)+'</span></li>').join('')+'</ul>':'')}
+  function updateTodos(projections){const value=projections?.values?.todos;if(value===null)currentTodos=[];else if(Array.isArray(value))currentTodos=value.filter(item=>item&&typeof item.content==='string'&&['pending','in_progress','completed'].includes(item.status));renderTodoDock()}
+  function presetLabel(preset){const builtIn={standard:L.presetStandard,code:L.presetCode,minimal:L.presetMinimal,cordis:L.presetCordis};const name=preset.trust==='system'&&builtIn[preset.id]?builtIn[preset.id]:preset.name||preset.id;return preset.trust==='user'?name+' · '+L.customPreset:name}
+  function presetIsLocked(){return!sessionBlank||optimisticPrompts.length>0}
+  function closeSessionSettings(){$('sessionSettings').hidden=true;$('sessionSettings').innerHTML='';$('settings').setAttribute('aria-expanded','false')}
+  function selectedModelEntry(){const value=$('modelSelect')?.value||'',parts=value.split('\u001f'),group=(modelCatalog?.groups||[]).find(item=>item.id===parts[0]);return{group,model:group?.models?.find(item=>item.id===parts[1])}}
+  function syncEffortOptions(){const field=$('effortField'),select=$('effortSelect'),entry=selectedModelEntry().model,efforts=entry?.reasoning?.efforts||[];if(!field||!select)return;field.hidden=!efforts.length;if(!efforts.length){select.innerHTML='';return}const previous=select.value,current=modelCatalog?.current?.reasoningEffort,preferred=efforts.some(item=>item.id===previous)?previous:efforts.some(item=>item.id===current)?current:entry.reasoning.defaultEffort||efforts[0].id;select.innerHTML=efforts.map(item=>'<option value="'+esc(item.id)+'">'+esc(item.name)+'</option>').join('');select.value=preferred}
+  function syncSettingsControls(){const locked=presetIsLocked(),preset=$('presetSelect'),note=$('presetNote');if(preset)preset.disabled=settingsBusy||locked;if(note)note.textContent=locked?L.presetLocked:L.presetEditable;const model=$('modelSelect'),effort=$('effortSelect');if(model)model.disabled=settingsBusy||!modelCatalog?.routable;if(effort)effort.disabled=settingsBusy||!modelCatalog?.routable}
+  function renderSessionSettings(){const host=$('sessionSettings');if(!modelCatalog){host.innerHTML='<div class="settings-head"><strong>'+L.sessionSettings+'</strong><button class="settings-close" data-settings-close aria-label="Close">×</button></div><div class="settings-loading">'+L.settingsLoading+'</div>';return}const current=modelCatalog.current||{},modelValue=current.provider+'\u001f'+current.model,presetFallback=presets.find(item=>item.isDefault)?.id||presets[0]?.id||'',presetValue=presets.some(item=>item.id===currentPreset)?currentPreset:presetFallback;host.innerHTML='<div class="settings-head"><strong>'+L.sessionSettings+'</strong><button class="settings-close" data-settings-close aria-label="Close">×</button></div><label class="setting-field"><span>'+L.model+'</span><select id="modelSelect"'+(!modelCatalog.groups?.length?' disabled':'')+'>'+(modelCatalog.groups||[]).map(group=>'<optgroup label="'+esc(group.name)+'">'+(group.models||[]).map(model=>'<option value="'+esc(group.id+'\u001f'+model.id)+'">'+esc(model.name)+'</option>').join('')+'</optgroup>').join('')+'</select></label><label id="effortField" class="setting-field" hidden><span>'+L.reasoningEffort+'</span><select id="effortSelect"></select></label><label class="setting-field"><span>'+L.preset+'</span><select id="presetSelect">'+presets.map(item=>'<option value="'+esc(item.id)+'">'+esc(presetLabel(item))+'</option>').join('')+'</select></label><div id="presetNote" class="setting-note"></div><div id="settingsError" class="settings-error">'+(!modelCatalog.groups?.length?L.noModels:'')+'</div>';if((modelCatalog.groups||[]).some(group=>(group.models||[]).some(model=>group.id+'\u001f'+model.id===modelValue)))$('modelSelect').value=modelValue;if($('presetSelect'))$('presetSelect').value=presetValue;syncEffortOptions();syncSettingsControls()}
+  async function refreshActiveSessionSummary(){if(!activeSession)return;const value=await rpc('session.list',{}),summary=(value.items||[]).find(item=>item.sessionId===activeSession);if(summary){sessionBlank=summary.blank;currentPreset=summary.agentPreset||currentPreset;sessionSummaries=value.items||[]}syncSettingsControls()}
+  async function openSessionSettings(){if(!$('sessionSettings').hidden){closeSessionSettings();return}const sessionId=activeSession;if(!sessionId)return;$('sessionSettings').hidden=false;$('settings').setAttribute('aria-expanded','true');modelCatalog=null;renderSessionSettings();try{const [models,presetValue,sessions]=await Promise.all([rpc('session.models',{sessionId}),rpc('agentPreset.list',{}),rpc('session.list',{})]);if(activeSession!==sessionId)return;modelCatalog=models;presets=(presetValue.presets||[]).filter(preset=>!preset.broken);sessionSummaries=sessions.items||[];const summary=sessionSummaries.find(item=>item.sessionId===sessionId);if(summary){sessionBlank=summary.blank;currentPreset=summary.agentPreset||currentPreset}renderSessionSettings()}catch(e){if(activeSession!==sessionId)return;modelCatalog={current:{provider:'',model:''},routable:false,groups:[],failures:[]};renderSessionSettings();showError('settingsError',e)}}
+  async function selectPreset(){const select=$('presetSelect');if(!select||settingsBusy||presetIsLocked()||!activeSession)return;const previous=currentPreset,next=select.value;if(!next||next===previous)return;settingsBusy=true;syncSettingsControls();try{const value=await rpc('agentPreset.select',{sessionId:activeSession,agentPreset:next});currentPreset=value.agentPreset;showToast(L.settingsUpdated)}catch(e){select.value=previous||select.value;showError('settingsError',e);await refreshActiveSessionSummary().catch(()=>{})}finally{settingsBusy=false;syncSettingsControls()}}
+  async function selectModel(){const select=$('modelSelect');if(!select||settingsBusy||!activeSession)return;const entry=selectedModelEntry(),provider=entry.group?.id,model=entry.model?.id;if(!provider||!model)return;settingsBusy=true;syncSettingsControls();const reasoningEffort=$('effortSelect')?.value||entry.model?.reasoning?.defaultEffort;try{const value=await rpc('session.selectModel',{sessionId:activeSession,provider,model,...(reasoningEffort?{reasoningEffort}:{})});modelCatalog.current=value.selected;renderSessionSettings();showToast(L.settingsUpdated)}catch(e){showError('settingsError',e);syncSettingsControls()}finally{settingsBusy=false;syncSettingsControls()}}
+  function durableUserTextCounts(messages){const counts=new Map();for(const message of messages){if(message.role!=='user')continue;const text=message.blocks?.filter(block=>block?.kind==='text').map(block=>block.text).join('\\n')||'';counts.set(text,(counts.get(text)||0)+1)}return counts}
+  function messagesWithOptimistic(durable){const counts=durableUserTextCounts(durable);optimisticPrompts=optimisticPrompts.filter(item=>(counts.get(item.text)||0)<item.targetCount);latestUserTextCounts=counts;lastDurableMessages=durable;return[...durable,...optimisticPrompts.map(item=>({role:'user',blocks:[{kind:'text',text:item.text}],optimistic:true}))]}
+  function nextOptimisticTarget(text){let target=latestUserTextCounts.get(text)||0;for(const item of optimisticPrompts)if(item.text===text)target=Math.max(target,item.targetCount);return target+1}
+  function syncTurnStatus(){const visible=agentRunning&&!pendingQuestion;$('turnStatus').hidden=!visible;document.body.classList.toggle('turn-running',visible)}
+  function paintMessages(messages,stickToBottom=false){const box=$('messages'),nearBottom=box.scrollHeight-box.scrollTop-box.clientHeight<90;syncTurnStatus();box.innerHTML=messages.map(renderMessage).join('');if(stickToBottom||nearBottom)box.scrollTop=box.scrollHeight}
+  function recommendation(label){const match=String(label||'').match(/\\s*\\((Recommended|推荐)\\)\\s*$/i);return{label:match?String(label).slice(0,match.index).trim():String(label||''),recommended:!!match}}
+  function questionDraft(question){return questionDrafts[question.id]||(questionDrafts[question.id]={selected:[],custom:'',skipped:false})}
+  function renderQuestionComposer(){const host=$('questionComposer'),composer=$('composer');if(!pendingQuestion||!pendingQuestion.questions?.length){host.hidden=true;composer.hidden=false;document.body.classList.remove('question-open');host.innerHTML='';return}questionIndex=Math.max(0,Math.min(questionIndex,pendingQuestion.questions.length-1));const question=pendingQuestion.questions[questionIndex],draft=questionDraft(question),options=question.options||[],last=questionIndex===pendingQuestion.questions.length-1;host.hidden=false;composer.hidden=true;document.body.classList.add('question-open');host.innerHTML='<div class="question-shell"><div class="question-top"><span class="question-mark">'+activityIcon('tool')+'</span><div class="question-context"><strong>'+esc(question.header||L.questionNeeded)+'</strong><span>'+(questionIndex+1)+' / '+pendingQuestion.questions.length+' '+L.questionProgress+'</span></div><button class="question-close" data-question-action="cancel" aria-label="'+esc(L.cancelQuestions)+'">×</button></div><div class="question-body"><h2 class="question-title">'+esc(question.question)+'</h2>'+(question.detail?'<div class="question-detail markdown">'+markdown(question.detail)+'</div>':'')+(options.length?'<div class="question-options'+(question.multiSelect?' multi':'')+'">'+options.map((option,index)=>{const display=recommendation(option.label),selected=draft.selected.includes(option.label);return'<button class="question-option'+(selected?' selected':'')+'" data-option-index="'+index+'"><span class="option-control">'+(selected?'✓':'')+'</span><span class="option-copy"><span class="option-label">'+esc(display.label)+(display.recommended?'<span class="recommendation">'+L.recommended+'</span>':'')+'</span>'+(option.description?'<span class="option-description">'+esc(option.description)+'</span>':'')+'</span></button>'}).join('')+'</div>':'')+'<label class="custom-label" for="questionCustom">'+L.customAnswer+'</label><textarea id="questionCustom" class="question-custom" placeholder="'+esc(L.customPlaceholder)+'">'+esc(draft.custom)+'</textarea></div><div id="questionError" class="question-error"></div><div class="question-actions">'+(questionIndex?'<button data-question-action="previous">'+L.previous+'</button>':'<button data-question-action="cancel">'+L.cancelQuestions+'</button>')+'<span class="spacer"></span><button data-question-action="skip">'+L.skip+'</button><button class="submit-answer" data-question-action="continue">'+(questionBusy?L.answering:last?L.submitAnswer:L.next)+'</button></div></div>';host.querySelectorAll('button').forEach(button=>button.disabled=questionBusy)}
+  function syncPendingQuestion(next){const changed=(pendingQuestion?.rpcId||null)!==(next?.rpcId||null);pendingQuestion=next;syncTurnStatus();if(changed){questionIndex=0;questionDrafts={};questionBusy=false;renderQuestionComposer()}}
+  function advanceQuestion(skip=false){if(!pendingQuestion||questionBusy)return;const question=pendingQuestion.questions[questionIndex],draft=questionDraft(question);draft.custom=String($('questionCustom')?.value||'').trim();if(skip){draft.selected=[];draft.custom='';draft.skipped=true}else{draft.skipped=false;if(!draft.selected.length&&!draft.custom){$('questionError').textContent=L.chooseAnswer;return}}if(questionIndex<pendingQuestion.questions.length-1){questionIndex+=1;renderQuestionComposer()}else submitQuestionAnswers()}
+  async function submitQuestionAnswers(){if(!pendingQuestion||questionBusy)return;questionBusy=true;renderQuestionComposer();const current=pendingQuestion;const answers=current.questions.map(question=>{const draft=questionDraft(question);return{id:question.id,selected:!question.multiSelect&&draft.custom?[]:draft.selected,...(draft.custom?{custom:draft.custom}:{})}});try{await rpc('interaction.answer',{rpcId:current.rpcId,sessionId:current.sessionId,answers});lastHistoryKey='';await loadHistory(false)}catch(e){questionBusy=false;renderQuestionComposer();showError('questionError',e)}}
+  async function cancelQuestionRequest(){if(!pendingQuestion||questionBusy)return;questionBusy=true;renderQuestionComposer();const current=pendingQuestion;try{await rpc('interaction.cancel',{rpcId:current.rpcId,sessionId:current.sessionId});lastHistoryKey='';await loadHistory(false)}catch(e){questionBusy=false;renderQuestionComposer();showError('questionError',e)}}
 async function loadWorkspaces(){const previous=$('workspace').value,value=await rpc('workspace.list');workspaces=value.items||[];archivedSessionIds=value.archivedSessionIds||[];if(workspaces.length){$('workspace').innerHTML=workspaces.map(w=>'<option value="'+esc(w.workspaceId)+'">'+esc(w.title||w.path)+'</option>').join('');$('workspace').value=workspaces.some(w=>w.workspaceId===previous)?previous:workspaces[0].workspaceId}else $('workspace').innerHTML='<option value="">'+L.noWorkspaces+'</option>'}
-function syncWorkspaceUi(){const selected=!!$('workspace').value;$('newSession').disabled=!selected;$('workspaceHint').hidden=selected;$('workspaceHint').textContent=selected?'':L.noWorkspaces;if(selected)$('listError').textContent=''}
+  function syncWorkspaceUi(){const selected=!!$('workspace').value;$('newSession').disabled=!selected;$('workspaceHint').hidden=selected;$('workspaceHint').textContent=selected?'':L.noWorkspaces;if(selected)$('listError').textContent=''}
 function relativeTime(value){const parsed=typeof value==='number'?value:Date.parse(value),elapsed=Math.max(0,Date.now()-(Number.isFinite(parsed)?parsed:Date.now())),minutes=Math.floor(elapsed/60000);if(minutes<1)return L.justNow;if(minutes<60)return minutes+L.minute;const hours=Math.floor(minutes/60);if(hours<24)return hours+L.hour;return Math.floor(hours/24)+L.day}
-async function loadSessions(){try{const value=await rpc('session.list',{}),wid=$('workspace').value,w=workspaces.find(x=>x.workspaceId===wid),allowed=w?new Set(w.sessionIds):new Set(),archived=new Set(archivedSessionIds),items=(value.items||[]).filter(s=>allowed.has(s.sessionId)&&!archived.has(s.sessionId)).sort((a,b)=>b.updatedAt-a.updatedAt);$('sessionCount').textContent=String(items.length);$('sessions').innerHTML=!wid?'':items.length?items.map(s=>{const title=titleFor(s);return'<button class="row" data-id="'+esc(s.sessionId)+'" data-title="'+esc(title)+'"><span class="session-mark"><svg width="17" height="17" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M4 5.75C4 4.78 4.78 4 5.75 4h8.5C15.22 4 16 4.78 16 5.75v5.5c0 .97-.78 1.75-1.75 1.75H9l-3.5 2.5V13A1.5 1.5 0 0 1 4 11.5V5.75Z" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/></svg></span><span class="row-copy"><strong>'+esc(title)+'</strong><time>'+esc(relativeTime(s.updatedAt))+'</time></span><svg class="row-chevron" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="m6 3.5 4.5 4.5L6 12.5" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/></svg></button>'}).join(''):'<div class="empty"><span class="empty-mark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M4 5.75C4 4.78 4.78 4 5.75 4h8.5C15.22 4 16 4.78 16 5.75v5.5c0 .97-.78 1.75-1.75 1.75H9l-3.5 2.5V13A1.5 1.5 0 0 1 4 11.5V5.75Z" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/></svg></span><strong>'+L.noSessions+'</strong><span>'+L.emptyHint+'</span></div>';document.querySelectorAll('.row').forEach(b=>b.onclick=()=>openSession(b.dataset.id,b.dataset.title));$('listError').textContent=''}catch(e){showError('listError',e)}}
-async function createSession(){const workspaceId=$('workspace').value;if(!workspaceId){$('listError').textContent=L.chooseWorkspace;return}try{const created=await rpc('session.create',{workspaceId});await openSession(created.sessionId)}catch(e){showError('listError',e)}}
+async function loadSessions(){try{const value=await rpc('session.list',{}),wid=$('workspace').value,w=workspaces.find(x=>x.workspaceId===wid),allowed=w?new Set(w.sessionIds):new Set(),archived=new Set(archivedSessionIds);sessionSummaries=value.items||[];const items=sessionSummaries.filter(s=>allowed.has(s.sessionId)&&!archived.has(s.sessionId)).sort((a,b)=>b.updatedAt-a.updatedAt);$('sessionCount').textContent=String(items.length);$('sessions').innerHTML=!wid?'':items.length?items.map(s=>{const title=titleFor(s);return'<button class="row" data-id="'+esc(s.sessionId)+'" data-title="'+esc(title)+'"><span class="session-mark"><svg width="17" height="17" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M4 5.75C4 4.78 4.78 4 5.75 4h8.5C15.22 4 16 4.78 16 5.75v5.5c0 .97-.78 1.75-1.75 1.75H9l-3.5 2.5V13A1.5 1.5 0 0 1 4 11.5V5.75Z" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/></svg></span><span class="row-copy"><strong>'+esc(title)+'</strong><time>'+esc(relativeTime(s.updatedAt))+'</time></span><svg class="row-chevron" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="m6 3.5 4.5 4.5L6 12.5" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/></svg></button>'}).join(''):'<div class="empty"><span class="empty-mark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M4 5.75C4 4.78 4.78 4 5.75 4h8.5C15.22 4 16 4.78 16 5.75v5.5c0 .97-.78 1.75-1.75 1.75H9l-3.5 2.5V13A1.5 1.5 0 0 1 4 11.5V5.75Z" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/></svg></span><strong>'+L.noSessions+'</strong><span>'+L.emptyHint+'</span></div>';document.querySelectorAll('.row').forEach(b=>b.onclick=()=>openSession(b.dataset.id,b.dataset.title));$('listError').textContent=''}catch(e){showError('listError',e)}}
+  async function createSession(){const workspaceId=$('workspace').value;if(!workspaceId){$('listError').textContent=L.chooseWorkspace;return}try{const created=await rpc('session.create',{workspaceId});sessionSummaries.push({sessionId:created.sessionId,updatedAt:Date.now(),running:false,blank:true,agentPreset:created.agentPreset});await openSession(created.sessionId)}catch(e){showError('listError',e)}}
 function showToast(message){$('toast').textContent=message;$('toast').classList.add('show');clearTimeout(showToast.timer);showToast.timer=setTimeout(()=>$('toast').classList.remove('show'),1000)}
-async function refreshAll(){const button=$('refresh');button.disabled=true;button.classList.add('refreshing');try{await loadWorkspaces();syncWorkspaceUi();await loadSessions();showToast(L.refreshed)}catch(e){showError('listError',e)}finally{setTimeout(()=>{button.disabled=false;button.classList.remove('refreshing')},350)}}
+  async function refreshAll(){const button=$('refresh');button.disabled=true;button.classList.add('refreshing');try{await loadWorkspaces();syncWorkspaceUi();await loadSessions();showToast(L.refreshed)}catch(e){showError('listError',e)}finally{setTimeout(()=>{button.disabled=false;button.classList.remove('refreshing')},350)}}
 function titleFor(s){const p=s.projections&&s.projections.values||{};return p.title||p.sessionTitle||p['session.title']||L.untitled}
-function showSessionList(){clearTimeout(poll);poll=null;activeSession=null;document.body.classList.remove('chat-open');$('chatView').classList.remove('active');$('sessionsView').classList.add('active');loadSessions()}
-async function openSession(id,title,fromHistory=false){clearTimeout(poll);if(!fromHistory)history.pushState({view:'chat',sessionId:id,title:title||L.untitled},'');activeSession=id;lastHistoryKey='';document.body.classList.add('chat-open');$('sessionsView').classList.remove('active');$('chatView').classList.add('active');$('messages').innerHTML='<div class="loading"><div class="skeleton"></div><div class="skeleton"></div><div class="skeleton"></div></div>';await loadHistory(true);schedulePoll()}
+  function resetOptimisticMessages(){lastDurableMessages=[];optimisticPrompts=[];latestUserTextCounts=new Map();awaitingTurnStartedAt=0;agentRunning=false;currentTodos=[];todoExpanded=false;renderTodoDock();syncTurnStatus()}
+  function showSessionList(){clearTimeout(poll);poll=null;closeSessionSettings();activeSession=null;resetOptimisticMessages();syncPendingQuestion(null);document.body.classList.remove('chat-open');$('chatView').classList.remove('active');$('sessionsView').classList.add('active');loadSessions()}
+  async function openSession(id,title,fromHistory=false){clearTimeout(poll);if(!fromHistory)history.pushState({view:'chat',sessionId:id,title:title||L.untitled},'');activeSession=id;const summary=sessionSummaries.find(item=>item.sessionId===id);sessionBlank=summary?.blank??true;currentPreset=summary?.agentPreset||null;modelCatalog=null;closeSessionSettings();lastHistoryKey='';resetOptimisticMessages();syncPendingQuestion(null);document.body.classList.add('chat-open');$('sessionsView').classList.remove('active');$('chatView').classList.add('active');$('messages').innerHTML='<div class="loading"><div class="skeleton"></div><div class="skeleton"></div><div class="skeleton"></div></div>';await loadHistory(true);schedulePoll()}
 function handleHistory(state){if(state?.view==='chat'&&state.sessionId)openSession(state.sessionId,state.title,true);else showSessionList()}
-function schedulePoll(){clearTimeout(poll);if(activeSession)poll=setTimeout(async()=>{await loadHistory(false);schedulePoll()},agentRunning?250:750)}
-async function loadHistory(initial){if(!activeSession||historyBusy)return;historyBusy=true;try{const value=await rpc('session.history',{sessionId:activeSession,maxMessages:100});const events=value.events||[],messages=visibleMessages(events),key=JSON.stringify(messages);updateRunning(events);if(key!==lastHistoryKey){const box=$('messages'),nearBottom=box.scrollHeight-box.scrollTop-box.clientHeight<90;box.innerHTML=messages.map(renderMessage).join('')||'<div class="empty">'+L.noSessions+'</div>';lastHistoryKey=key;if(initial||nearBottom)box.scrollTop=box.scrollHeight}$('chatError').textContent=''}catch(e){showError('chatError',e)}finally{historyBusy=false}}
-async function send(){const text=$('prompt').value.trim();if(!text||!activeSession)return;$('send').disabled=true;$('prompt').value='';const box=$('messages');box.insertAdjacentHTML('beforeend','<div class="message user">'+esc(text)+'</div>');box.scrollTop=box.scrollHeight;try{await rpc('session.prompt',{sessionId:activeSession,mode:'steer',content:[{type:'text',text}],clientTimeZone:Intl.DateTimeFormat().resolvedOptions().timeZone});lastHistoryKey='';await loadHistory(false)}catch(e){showError('chatError',e);$('prompt').value=text}finally{$('send').disabled=false}}
+  function schedulePoll(){clearTimeout(poll);if(activeSession)poll=setTimeout(async()=>{await loadHistory(false);schedulePoll()},agentRunning||pendingQuestion?250:750)}
+  async function loadHistory(initial){if(!activeSession||historyBusy)return;historyBusy=true;try{const sessionId=activeSession,[value,pending]=await Promise.all([rpc('session.history',{sessionId,maxMessages:100}),rpc('interaction.pending',{sessionId})]);if(activeSession!==sessionId)return;syncPendingQuestion(pending);const events=value.events||[],durable=visibleMessages(events);if(durable.some(message=>message.role==='user'))sessionBlank=false;const messages=messagesWithOptimistic(durable);updateRunning(events);updateTodos(value.projections);const key=JSON.stringify([messages,pending?.rpcId||null,agentRunning,currentTodos,todoExpanded]);syncSettingsControls();if(key!==lastHistoryKey){paintMessages(messages,initial);lastHistoryKey=key}$('chatError').textContent=''}catch(e){showError('chatError',e)}finally{historyBusy=false}}
+async function send(){const text=$('prompt').value.trim();if(!text||!activeSession)return;const optimistic={id:String(Date.now())+Math.random(),text,targetCount:nextOptimisticTarget(text)};optimisticPrompts.push(optimistic);sessionBlank=false;awaitingTurnStartedAt=Date.now()-1000;agentRunning=true;syncSettingsControls();$('send').hidden=true;$('cancel').hidden=false;$('prompt').disabled=true;$('send').disabled=true;$('prompt').value='';syncPromptUi();paintMessages([...lastDurableMessages,...optimisticPrompts.map(item=>({role:'user',blocks:[{kind:'text',text:item.text}],optimistic:true}))],true);lastHistoryKey='';try{await rpc('session.prompt',{sessionId:activeSession,mode:'steer',content:[{type:'text',text}],clientTimeZone:Intl.DateTimeFormat().resolvedOptions().timeZone});await loadHistory(false)}catch(e){optimisticPrompts=optimisticPrompts.filter(item=>item.id!==optimistic.id);awaitingTurnStartedAt=0;agentRunning=false;$('send').hidden=false;$('cancel').hidden=true;$('prompt').disabled=false;showError('chatError',e);$('prompt').value=text;paintMessages([...lastDurableMessages,...optimisticPrompts.map(item=>({role:'user',blocks:[{kind:'text',text:item.text}],optimistic:true}))],true);await refreshActiveSessionSummary().catch(()=>{})}finally{syncPromptUi();syncSettingsControls()}}
 function esc(v){return String(v??'').replace(/[&<>"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]))}
 function syncViewport(){const viewport=window.visualViewport;document.documentElement.style.setProperty('--app-height',(viewport?.height||window.innerHeight)+'px');if(document.activeElement===$('prompt'))requestAnimationFrame(()=>$('prompt').scrollIntoView({block:'end'}))}
 window.visualViewport?.addEventListener('resize',syncViewport);window.visualViewport?.addEventListener('scroll',syncViewport);window.addEventListener('resize',syncViewport);syncViewport();
 history.replaceState({view:'sessions'},'');window.addEventListener('popstate',event=>handleHistory(event.state));
-$('workspace').onchange=()=>{syncWorkspaceUi();loadSessions()};$('newSession').onclick=createSession;$('refresh').onclick=refreshAll;$('send').onclick=send;$('prompt').onkeydown=e=>{if(e.key==='Enter'&&!e.shiftKey){e.preventDefault();send()}};$('prompt').onfocus=syncViewport;$('back').onclick=()=>{if(history.state?.view==='chat')history.back();else showSessionList()};$('cancel').onclick=async()=>{if(activeSession){await rpc('session.cancel',{sessionId:activeSession});lastHistoryKey='';await loadHistory(false)}};
+  $('workspace').onchange=()=>{syncWorkspaceUi();loadSessions()};$('newSession').onclick=createSession;$('refresh').onclick=refreshAll;$('settings').onclick=openSessionSettings;$('sessionSettings').onclick=e=>{if(e.target.closest('[data-settings-close]'))closeSessionSettings()};$('sessionSettings').onchange=e=>{if(e.target.id==='presetSelect')selectPreset();else if(e.target.id==='modelSelect'){syncEffortOptions();selectModel()}else if(e.target.id==='effortSelect')selectModel()};$('todoDock').onclick=e=>{if(e.target.closest('.todo-header')){todoExpanded=!todoExpanded;renderTodoDock();lastHistoryKey='';paintMessages(messagesWithOptimistic(lastDurableMessages),false)}};$('send').onclick=send;$('prompt').oninput=syncPromptUi;$('prompt').onkeydown=e=>{if(e.key==='Enter'&&!e.shiftKey&&!e.isComposing&&e.keyCode!==229){e.preventDefault();send()}};$('prompt').onfocus=syncViewport;$('back').onclick=()=>{if(history.state?.view==='chat')history.back();else showSessionList()};$('cancel').onclick=async()=>{if(activeSession){awaitingTurnStartedAt=0;await rpc('session.cancel',{sessionId:activeSession});lastHistoryKey='';await loadHistory(false)}};$('questionComposer').onclick=e=>{const option=e.target.closest('[data-option-index]');if(option&&pendingQuestion&&!questionBusy){const question=pendingQuestion.questions[questionIndex],draft=questionDraft(question),label=question.options[Number(option.dataset.optionIndex)]?.label;if(label){draft.skipped=false;if(question.multiSelect)draft.selected=draft.selected.includes(label)?draft.selected.filter(item=>item!==label):[...draft.selected,label];else{draft.selected=[label];draft.custom=''}renderQuestionComposer()}return}const action=e.target.closest('[data-question-action]')?.dataset.questionAction;if(action==='continue')advanceQuestion(false);else if(action==='skip')advanceQuestion(true);else if(action==='cancel')cancelQuestionRequest();else if(action==='previous'&&pendingQuestion){const question=pendingQuestion.questions[questionIndex],draft=questionDraft(question);draft.custom=String($('questionCustom')?.value||'').trim();questionIndex=Math.max(0,questionIndex-1);renderQuestionComposer()}};$('questionComposer').oninput=e=>{if(e.target.id==='questionCustom'&&pendingQuestion){const question=pendingQuestion.questions[questionIndex],draft=questionDraft(question);draft.custom=e.target.value;if(!question.multiSelect&&draft.custom.trim()){draft.selected=[];$('questionComposer').querySelectorAll('.question-option.selected').forEach(option=>{option.classList.remove('selected');const control=option.querySelector('.option-control');if(control)control.textContent=''})}}};$('questionComposer').onkeydown=e=>{if(e.target.id==='questionCustom'&&e.key==='Enter'&&(e.metaKey||e.ctrlKey)&&!e.isComposing&&e.keyCode!==229){e.preventDefault();advanceQuestion(false)}};document.addEventListener('click',e=>{if(!$('sessionSettings').hidden&&!e.target.closest('#sessionSettings')&&!e.target.closest('#settings'))closeSessionSettings()});document.addEventListener('keydown',e=>{if(e.key==='Escape')closeSessionSettings()});
 async function checkConnection(){const status=$('status');try{const response=await fetch('/api/status',{cache:'no-store'});status.classList.remove('connecting','error-state');if(response.ok){status.setAttribute('aria-label',${JSON.stringify(zh ? '已连接' : 'Connected')})}else{if(response.status===401){location.replace('/disconnected');return}status.classList.add('error-state');$('listError').textContent='';$('chatError').textContent='';status.setAttribute('aria-label',${JSON.stringify(zh ? '已断开' : 'Disconnected')})}}catch{status.classList.remove('connecting');status.classList.add('error-state');$('listError').textContent='';$('chatError').textContent='';status.setAttribute('aria-label',${JSON.stringify(zh ? '已断开' : 'Disconnected')})}}
 setInterval(checkConnection,1500);checkConnection();
 (async()=>{try{await loadWorkspaces();syncWorkspaceUi();await loadSessions()}catch(e){showError('listError',e)}})();
diff --git a/test/lan-mobile-bridge.test.ts b/test/lan-mobile-bridge.test.ts
index a902fc9b..0da2cf47 100644
--- a/test/lan-mobile-bridge.test.ts
+++ b/test/lan-mobile-bridge.test.ts
@@ -1,5 +1,5 @@
 import { afterEach, describe, expect, it } from 'vitest'
-import { createServer } from 'node:http'
+import { createServer, type ServerResponse } from 'node:http'
 import type { AddressInfo } from 'node:net'
 import {
   isPrivateAddress,
@@ -126,6 +126,11 @@ describe('LAN mobile bridge pairing surface', () => {
 
   it('requires approval, then forwards only allowlisted RPC methods', async () => {
     const harness = createServer(async (request, response) => {
+      if (request.method === 'GET' && request.url === '/api/events.mux') {
+        response.statusCode = 404
+        response.end()
+        return
+      }
       const chunks: Buffer[] = []
       for await (const chunk of request) chunks.push(Buffer.from(chunk))
       const envelope = JSON.parse(Buffer.concat(chunks).toString('utf8')) as { rpcId: string }
@@ -183,6 +188,29 @@ describe('LAN mobile bridge pairing surface', () => {
       value: { items: [], archivedSessionIds: [] }
     })
 
+    const presetList = await fetch(`http://127.0.0.1:${snapshot.port}/api/rpc`, {
+      method: 'POST',
+      headers: { cookie, 'content-type': 'application/json' },
+      body: JSON.stringify({ method: 'agentPreset.list', payload: {} })
+    })
+    expect(presetList.status).toBe(200)
+
+    for (const [method, payload] of [
+      ['agentPreset.select', { sessionId: 'session-1', agentPreset: 'standard' }],
+      ['session.models', { sessionId: 'session-1' }],
+      [
+        'session.selectModel',
+        { sessionId: 'session-1', provider: 'provider-1', model: 'model-1' }
+      ]
+    ] as const) {
+      const response = await fetch(`http://127.0.0.1:${snapshot.port}/api/rpc`, {
+        method: 'POST',
+        headers: { cookie, 'content-type': 'application/json' },
+        body: JSON.stringify({ method, payload })
+      })
+      expect(response.status, method).toBe(200)
+    }
+
     const sameBridge = await bridge.start()
     expect(sameBridge.port).toBe(snapshot.port)
     const stillAuthorized = await fetch(`http://127.0.0.1:${snapshot.port}/api/rpc`, {
@@ -283,3 +311,264 @@ describe('LAN mobile bridge pairing surface', () => {
     expect(restoredAfterSafariPaired.status).toBe(200)
   })
 })
+
+describe('LAN mobile bridge user questions', () => {
+  it('replays pending questions and forwards the desktop answer protocol', async () => {
+    const responses: unknown[] = []
+    const muxResponses: ServerResponse[] = []
+    const harness = createServer(async (request, response) => {
+      if (request.method === 'GET' && request.url === '/api/events.mux') {
+        muxResponses.push(response)
+        response.writeHead(200, {
+          'content-type': 'text/event-stream',
+          'cache-control': 'no-cache',
+          connection: 'keep-alive'
+        })
+        response.write(': connected\n\n')
+        response.write(
+          `data: ${JSON.stringify({
+            type: 'server-request',
+            rpcId: 'question-rpc-1',
+            method: 'question/requested',
+            payload: {
+              type: 'question/requested',
+              sessionId: 'session-1',
+              questions: [
+                {
+                  id: 'domain',
+                  header: '领域确认',
+                  question: '你说的持续学习指哪个领域？',
+                  options: [
+                    {
+                      label: '机器学习中的 Continual Learning (推荐)',
+                      description: '终身学习与抗灾难性遗忘'
+                    },
+                    { label: '教育学中的持续学习' }
+                  ]
+                }
+              ]
+            }
+          })}\n\n`
+        )
+        return
+      }
+      if (request.method === 'POST' && request.url === '/api/respond') {
+        const chunks: Buffer[] = []
+        for await (const chunk of request) chunks.push(Buffer.from(chunk))
+        responses.push(JSON.parse(Buffer.concat(chunks).toString('utf8')))
+        response.setHeader('content-type', 'application/json')
+        response.end(JSON.stringify({ accepted: true }))
+        return
+      }
+      response.statusCode = 404
+      response.end()
+    })
+    servers.push(harness)
+    await new Promise<void>((resolve) => harness.listen(0, '127.0.0.1', resolve))
+    const harnessPort = (harness.address() as AddressInfo).port
+    const bridge = new LanMobileBridge({
+      harnessUrl: () => `http://127.0.0.1:${harnessPort}`
+    })
+    bridges.push(bridge)
+    const { port, cookie } = await pairBridge(bridge)
+
+    const pending = await waitForRpcValue(port, cookie, 'interaction.pending', {
+      sessionId: 'session-1'
+    })
+    expect(pending).toMatchObject({
+      rpcId: 'question-rpc-1',
+      sessionId: 'session-1',
+      questions: [
+        {
+          id: 'domain',
+          header: '领域确认',
+          question: '你说的持续学习指哪个领域？'
+        }
+      ]
+    })
+
+    const answer = await mobileRpc(port, cookie, 'interaction.answer', {
+      rpcId: 'question-rpc-1',
+      sessionId: 'session-1',
+      answers: [
+        {
+          id: 'domain',
+          selected: ['机器学习中的 Continual Learning (推荐)']
+        }
+      ]
+    })
+    expect(answer.status).toBe(200)
+    expect(await answer.json()).toEqual({ ok: true, value: { accepted: true } })
+    expect(responses).toEqual([
+      {
+        type: 'client-response',
+        rpcId: 'question-rpc-1',
+        result: {
+          ok: true,
+          value: {
+            sessionId: 'session-1',
+            answer: {
+              answers: [
+                {
+                  id: 'domain',
+                  selected: ['机器学习中的 Continual Learning (推荐)']
+                }
+              ]
+            }
+          }
+        }
+      }
+    ])
+
+    // The Harness remains authoritative: an accepted response does not clear
+    // the question until the resolved event arrives on the mux stream.
+    expect(
+      await waitForRpcValue(port, cookie, 'interaction.pending', { sessionId: 'session-1' })
+    ).toMatchObject({ rpcId: 'question-rpc-1' })
+    muxResponses[0]?.write(
+      `data: ${JSON.stringify({
+        type: 'server-request',
+        rpcId: 'resolved-rpc-1',
+        method: 'question/resolved',
+        payload: {
+          type: 'question/resolved',
+          sessionId: 'session-1',
+          questionRpcId: 'question-rpc-1',
+          outcome: 'answered'
+        }
+      })}\n\n`
+    )
+    await waitFor(async () => {
+      const response = await mobileRpc(port, cookie, 'interaction.pending', {
+        sessionId: 'session-1'
+      })
+      return (await response.json()).value === null
+    })
+  })
+
+  it('rejects answers that were not offered by the pending question', async () => {
+    const responses: unknown[] = []
+    const harness = createServer(async (request, response) => {
+      if (request.method === 'GET' && request.url === '/api/events.mux') {
+        response.writeHead(200, { 'content-type': 'text/event-stream' })
+        response.write(
+          `data: ${JSON.stringify({
+            type: 'server-request',
+            rpcId: 'question-rpc-2',
+            payload: {
+              type: 'question/requested',
+              sessionId: 'session-2',
+              questions: [
+                { id: 'choice', question: '选择一个', options: [{ label: 'A' }] }
+              ]
+            }
+          })}\n\n`
+        )
+        return
+      }
+      if (request.method === 'POST' && request.url === '/api/respond') {
+        const chunks: Buffer[] = []
+        for await (const chunk of request) chunks.push(Buffer.from(chunk))
+        responses.push(JSON.parse(Buffer.concat(chunks).toString('utf8')))
+        response.setHeader('content-type', 'application/json')
+        response.end(JSON.stringify({ accepted: true }))
+        return
+      }
+      response.statusCode = 404
+      response.end()
+    })
+    servers.push(harness)
+    await new Promise<void>((resolve) => harness.listen(0, '127.0.0.1', resolve))
+    const harnessPort = (harness.address() as AddressInfo).port
+    const bridge = new LanMobileBridge({
+      harnessUrl: () => `http://127.0.0.1:${harnessPort}`
+    })
+    bridges.push(bridge)
+    const { port, cookie } = await pairBridge(bridge)
+    await waitForRpcValue(port, cookie, 'interaction.pending', { sessionId: 'session-2' })
+    const answer = await mobileRpc(port, cookie, 'interaction.answer', {
+      rpcId: 'question-rpc-2',
+      sessionId: 'session-2',
+      answers: [{ id: 'choice', selected: ['B'] }]
+    })
+    expect(answer.status).toBe(500)
+    expect(await answer.json()).toMatchObject({ ok: false, error: 'Answer contains an unknown option.' })
+
+    const cancel = await mobileRpc(port, cookie, 'interaction.cancel', {
+      rpcId: 'question-rpc-2',
+      sessionId: 'session-2'
+    })
+    expect(cancel.status).toBe(200)
+    expect(responses).toEqual([
+      {
+        type: 'client-response',
+        rpcId: 'question-rpc-2',
+        result: {
+          ok: false,
+          error: {
+            code: 'cancelled',
+            message: 'the user closed this question request',
+            details: {}
+          }
+        }
+      }
+    ])
+  })
+})
+
+async function pairBridge(bridge: LanMobileBridge): Promise<{ port: number; cookie: string }> {
+  const snapshot = await bridge.start()
+  const token = new URL(snapshot.pairingUrl!).searchParams.get('token')
+  const pairingPage = await fetch(`http://127.0.0.1:${snapshot.port}/pair?token=${token}`)
+  const pairingId = /let id="([^"]+)"/.exec(await pairingPage.text())?.[1]
+  await fetch(`http://127.0.0.1:${snapshot.port}/desktop/decide`, {
+    method: 'POST',
+    headers: { 'content-type': 'application/json' },
+    body: JSON.stringify({ id: pairingId, approved: true })
+  })
+  const paired = await fetch(
+    `http://127.0.0.1:${snapshot.port}/pair/status?id=${pairingId}`,
+    { redirect: 'manual' }
+  )
+  return {
+    port: snapshot.port!,
+    cookie: paired.headers.get('set-cookie')!.split(';', 1)[0]!
+  }
+}
+
+function mobileRpc(
+  port: number,
+  cookie: string,
+  method: string,
+  payload: unknown
+): Promise<Response> {
+  return fetch(`http://127.0.0.1:${port}/api/rpc`, {
+    method: 'POST',
+    headers: { cookie, 'content-type': 'application/json' },
+    body: JSON.stringify({ method, payload })
+  })
+}
+
+async function waitForRpcValue(
+  port: number,
+  cookie: string,
+  method: string,
+  payload: unknown
+): Promise<unknown> {
+  let value: unknown = null
+  await waitFor(async () => {
+    const response = await mobileRpc(port, cookie, method, payload)
+    value = (await response.json()).value
+    return value !== null
+  })
+  return value
+}
+
+async function waitFor(check: () => Promise<boolean>, timeoutMs = 2_000): Promise<void> {
+  const end = Date.now() + timeoutMs
+  while (Date.now() < end) {
+    if (await check()) return
+    await new Promise((resolve) => setTimeout(resolve, 20))
+  }
+  throw new Error('Timed out waiting for condition.')
+}
diff --git a/test/lan-mobile-pages.test.ts b/test/lan-mobile-pages.test.ts
index be48aa2a..69d3b109 100644
--- a/test/lan-mobile-pages.test.ts
+++ b/test/lan-mobile-pages.test.ts
@@ -27,8 +27,17 @@ describe('LAN mobile page', () => {
     expect(html).toContain('.chat-toolbar{position:absolute;inset:0 0 auto;z-index:2;min-height:40px;padding:0;background:transparent')
     expect(html).toContain('background:var(--card)!important;box-shadow:0 2px 8px')
     expect(html).toContain('.chat-open .messages{padding-top:4px;padding-bottom:84px}')
-    expect(html).toContain('.composer{position:absolute;z-index:2;inset:auto 0 0;padding:10px 0 4px;background:transparent;pointer-events:none}')
-    expect(html).toContain('background:var(--card);box-shadow:0 4px 16px rgba(0,0,0,.05);pointer-events:auto')
+    expect(html).toContain('.composer{position:absolute;z-index:2;inset:auto 0 0;padding:10px 0 5px;background:transparent;pointer-events:none}')
+    expect(html).toContain('.composer-inner:focus-within{border-color:color-mix')
+    expect(html).toContain('box-shadow:inset 0 0 0 1px color-mix')
+    expect(html).not.toContain('class="send-label"')
+    expect(html).toContain('id="send" class="primary" aria-label="Send" disabled')
+    expect(html).toContain('.composer .primary,.primary.cancel{width:40px;min-width:40px;border-radius:50%')
+    expect(html).toContain('id="prompt" rows="1"')
+    expect(html).toContain('function syncPromptUi()')
+    expect(html).toContain("prompt.style.height='40px'")
+    expect(html).toContain('Math.min(150,Math.max(40,prompt.scrollHeight))')
+    expect(html).toContain("$('prompt').oninput=syncPromptUi")
     expect(html).toContain('@media(display-mode:standalone)')
     expect(html).not.toContain("</svg>返回</button>")
     expect(html).not.toContain("</svg>Back</button>")
@@ -40,8 +49,50 @@ describe('LAN mobile page', () => {
     expect(html).toContain("if(history.state?.view==='chat')history.back()")
     expect(html).toContain("function showSessionList()")
     expect(html).toContain("function handleHistory(state)")
+    expect(html).toContain('id="questionComposer" class="question-composer" hidden')
+    expect(html).toContain("rpc('interaction.pending',{sessionId})")
+    expect(html).toContain("rpc('interaction.answer',{rpcId:current.rpcId")
+    expect(html).toContain("rpc('interaction.cancel',{rpcId:current.rpcId")
+    expect(html).toContain("block.name==='ask_user_question'")
+    expect(html).toContain('Submit answers')
+    expect(html).toContain('Recommended')
+    expect(html).not.toContain('id="presetControl"')
+    expect(html).not.toContain('class="preset-control"')
+    expect(html).toContain('id="settings" class="settings-trigger"')
+    expect(html).toContain('id="sessionSettings" class="session-settings" hidden')
+    expect(html).toContain("rpc('agentPreset.list',{})")
+    expect(html).toContain("rpc('agentPreset.select',{sessionId:activeSession,agentPreset:next})")
+    expect(html).toContain("rpc('session.models',{sessionId})")
+    expect(html).toContain("rpc('session.selectModel',{sessionId:activeSession,provider,model")
+    expect(html).toContain("rpc('session.create',{workspaceId})")
+    expect(html).not.toContain("session.create',{workspaceId,...(agentPreset")
+    expect(html).toContain("preset=>!preset.broken")
+    expect(html).toContain('function presetIsLocked(){return!sessionBlank||optimisticPrompts.length>0}')
+    expect(html).toContain('sessionBlank=false;awaitingTurnStartedAt=Date.now()-1000;agentRunning=true')
+    expect(html).toContain('Preset is locked after the first message.')
+    expect(html).toContain('id="todoDock" class="todo-dock"')
+    expect(html).toContain('function updateTodos(projections)')
+    expect(html).toContain('projections?.values?.todos')
+    expect(html).toContain(
+      'id="turnStatus" class="turn-status" role="status" aria-live="polite" hidden>Deep diving...</div>'
+    )
+    expect(html.indexOf('id="turnStatus"')).toBeGreaterThan(html.indexOf('id="todoDock"'))
+    expect(html.indexOf('id="turnStatus"')).toBeLessThan(html.indexOf('class="composer-inner"'))
+    expect(html).toContain(
+      "function syncTurnStatus(){const visible=agentRunning&&!pendingQuestion;$('turnStatus').hidden=!visible;document.body.classList.toggle('turn-running',visible)}"
+    )
+    expect(html).toContain("box.innerHTML=messages.map(renderMessage).join('')")
+    expect(html).not.toContain("join('')+status")
+    expect(html).toContain('.turn-running .messages{padding-bottom:116px}')
+    expect(html).toContain('.turn-running.todo-open .messages{padding-bottom:162px}')
+    expect(html).not.toContain("||'<div class=\"empty\">'+L.noSessions+'</div>'")
+    expect(html).toContain('.thinking[data-state=running] .activity-summary:after')
+    expect(html).not.toContain('.thinking[data-state=running] summary:after')
+    expect(html).toContain('function messagesWithOptimistic(durable)')
+    expect(html).toContain('targetCount:nextOptimisticTarget(text)')
+    expect(html).toContain("optimisticPrompts=optimisticPrompts.filter(item=>(counts.get(item.text)||0)<item.targetCount)")
     expect(html).toContain('class=\"skeleton\"')
-    expect(html).toContain('agentRunning?250:750')
+    expect(html).toContain('agentRunning||pendingQuestion?250:750')
     expect(html).toContain("t==='user/message'")
     expect(html).toContain("message.source?.kind==='user'")
     expect(html).toContain("t==='assistant/message'")
@@ -54,11 +105,20 @@ describe('LAN mobile page', () => {
     expect(html).toContain('rel="apple-touch-icon" href="/app-icon"')
     expect(html).toContain('apple-mobile-web-app-capable')
     expect(html).toContain("chunk.type!=='reasoning-delta'")
-    expect(html).toContain('class=\"thinking\"')
+    expect(html).toContain('class=\"thinking\" data-state=')
     expect(html).toContain("streamKey=kind+':'+String(chunk.index??0)")
-    expect(html).toContain("(streaming?' open':'')")
-    expect(html).toContain('key=JSON.stringify(messages)')
-    expect(html).toContain('class=\"tool\"')
+    expect(html).not.toContain("(streaming?' open':'')")
+    expect(html).toContain('class="thinking" data-state="\'+state+\'"')
+    expect(html).toContain(
+      'key=JSON.stringify([messages,pending?.rpcId||null,agentRunning,currentTodos,todoExpanded])'
+    )
+    expect(html).toContain('class=\"tool\" data-state=')
+    expect(html).toContain('class=\"activity-leading\"')
+    expect(html).toContain('class=\"activity-dot\"')
+    expect(html).toContain('class=\"activity-summary\"')
+    expect(html).toContain('function reasoningSummary(text,streaming)')
+    expect(html).toContain('.thinking,.tool{position:relative;margin:0;white-space:normal}')
+    expect(html).not.toContain('.thinking,.tool{border:1px solid var(--line)')
     expect(html).toContain('function markdown(text)')
     expect(html).toContain('function tableCells(line)')
     expect(html).toContain('class=\"table-wrap\"')

From 91d06b6a16f285c77dcb668801370048bd773456 Mon Sep 17 00:00:00 2001
From: QinRui <wisdomspace@hotmail.com>
Date: Thu, 20 Aug 2026 17:41:16 +0800
Subject: [PATCH 2/6] fix: receive mobile questions over harness websocket

---
 src/main/mobile/lan-mobile-bridge.ts |  69 +++++++++-------
 test/lan-mobile-bridge.test.ts       | 117 +++++++++++++++++----------
 2 files changed, 116 insertions(+), 70 deletions(-)

diff --git a/src/main/mobile/lan-mobile-bridge.ts b/src/main/mobile/lan-mobile-bridge.ts
index 0d462271..f8b31387 100644
--- a/src/main/mobile/lan-mobile-bridge.ts
+++ b/src/main/mobile/lan-mobile-bridge.ts
@@ -505,38 +505,49 @@ export class LanMobileBridge {
   }
 
   private async consumeMux(base: string, signal: AbortSignal): Promise<void> {
-    const response = await fetch(new URL('/api/events.mux', base), {
-      headers: { accept: 'text/event-stream' },
-      signal
-    })
-    if (!response.ok || !response.body) {
-      throw new Error(`Harness event stream returned HTTP ${response.status}.`)
-    }
-    this.pendingQuestions.clear()
-    const reader = response.body.getReader()
-    const decoder = new TextDecoder()
-    let buffer = ''
-    while (!signal.aborted) {
-      const { done, value } = await reader.read()
-      if (done) return
-      buffer += decoder.decode(value, { stream: true })
-      let boundary = buffer.indexOf('\n\n')
-      while (boundary >= 0) {
-        const frame = buffer.slice(0, boundary)
-        buffer = buffer.slice(boundary + 2)
-        this.consumeMuxFrame(frame)
-        boundary = buffer.indexOf('\n\n')
+    // The network Harness exposes mux events only as a downlink WebSocket;
+    // ordinary GET requests intentionally return 426 with no SSE fallback.
+    const url = new URL('/api/events.mux', base)
+    url.protocol = url.protocol === 'https:' ? 'wss:' : 'ws:'
+    await new Promise<void>((resolve, reject) => {
+      const socket = new WebSocket(url)
+      let settled = false
+      const cleanup = (): void => {
+        signal.removeEventListener('abort', handleAbort)
+        socket.removeEventListener('open', handleOpen)
+        socket.removeEventListener('message', handleMessage)
+        socket.removeEventListener('close', handleClose)
+        socket.removeEventListener('error', handleError)
       }
-    }
+      const finish = (error?: Error): void => {
+        if (settled) return
+        settled = true
+        cleanup()
+        if (socket.readyState === WebSocket.CONNECTING || socket.readyState === WebSocket.OPEN) {
+          socket.close()
+        }
+        if (error) reject(error)
+        else resolve()
+      }
+      const handleAbort = (): void => finish()
+      const handleOpen = (): void => this.pendingQuestions.clear()
+      const handleMessage = (event: MessageEvent): void => {
+        if (typeof event.data === 'string') this.consumeMuxEnvelope(event.data)
+      }
+      const handleClose = (): void => {
+        finish(signal.aborted ? undefined : new Error('Harness mux WebSocket closed.'))
+      }
+      const handleError = (): void => finish(new Error('Harness mux WebSocket failed.'))
+      socket.addEventListener('open', handleOpen)
+      socket.addEventListener('message', handleMessage)
+      socket.addEventListener('close', handleClose, { once: true })
+      socket.addEventListener('error', handleError, { once: true })
+      signal.addEventListener('abort', handleAbort, { once: true })
+      if (signal.aborted) handleAbort()
+    })
   }
 
-  private consumeMuxFrame(frame: string): void {
-    const data = frame
-      .split(/\r?\n/)
-      .filter((line) => line.startsWith('data:'))
-      .map((line) => line.slice(5).trimStart())
-      .join('\n')
-    if (!data) return
+  private consumeMuxEnvelope(data: string): void {
     let envelope: unknown
     try {
       envelope = JSON.parse(data)
diff --git a/test/lan-mobile-bridge.test.ts b/test/lan-mobile-bridge.test.ts
index 0da2cf47..d4d19dcb 100644
--- a/test/lan-mobile-bridge.test.ts
+++ b/test/lan-mobile-bridge.test.ts
@@ -1,6 +1,8 @@
 import { afterEach, describe, expect, it } from 'vitest'
-import { createServer, type ServerResponse } from 'node:http'
+import { createServer, type IncomingMessage } from 'node:http'
+import { createRequire } from 'node:module'
 import type { AddressInfo } from 'node:net'
+import type { Duplex } from 'node:stream'
 import {
   isPrivateAddress,
   LanMobileBridge,
@@ -9,9 +11,33 @@ import {
 
 const bridges: LanMobileBridge[] = []
 const servers: ReturnType<typeof createServer>[] = []
+interface TestWebSocket {
+  send(data: string): void
+}
+interface TestWebSocketServer {
+  handleUpgrade(
+    request: IncomingMessage,
+    socket: Duplex,
+    head: Buffer,
+    callback: (client: TestWebSocket) => void
+  ): void
+  close(callback: (error?: Error) => void): void
+}
+const WebSocketServer = createRequire(import.meta.url)('ws').WebSocketServer as new (options: {
+  noServer: boolean
+}) => TestWebSocketServer
+const webSocketServers: TestWebSocketServer[] = []
 
 afterEach(async () => {
   await Promise.all(bridges.splice(0).map((bridge) => bridge.stop()))
+  await Promise.all(
+    webSocketServers.splice(0).map(
+      (server) =>
+        new Promise<void>((resolve, reject) =>
+          server.close((error) => (error ? reject(error) : resolve()))
+        )
+    )
+  )
   await Promise.all(
     servers.splice(0).map((server) => new Promise<void>((resolve) => server.close(() => resolve())))
   )
@@ -315,18 +341,32 @@ describe('LAN mobile bridge pairing surface', () => {
 describe('LAN mobile bridge user questions', () => {
   it('replays pending questions and forwards the desktop answer protocol', async () => {
     const responses: unknown[] = []
-    const muxResponses: ServerResponse[] = []
+    const muxClients: TestWebSocket[] = []
     const harness = createServer(async (request, response) => {
       if (request.method === 'GET' && request.url === '/api/events.mux') {
-        muxResponses.push(response)
-        response.writeHead(200, {
-          'content-type': 'text/event-stream',
-          'cache-control': 'no-cache',
-          connection: 'keep-alive'
-        })
-        response.write(': connected\n\n')
-        response.write(
-          `data: ${JSON.stringify({
+        response.statusCode = 426
+        response.end()
+        return
+      }
+      if (request.method === 'POST' && request.url === '/api/respond') {
+        const chunks: Buffer[] = []
+        for await (const chunk of request) chunks.push(Buffer.from(chunk))
+        responses.push(JSON.parse(Buffer.concat(chunks).toString('utf8')))
+        response.setHeader('content-type', 'application/json')
+        response.end(JSON.stringify({ accepted: true }))
+        return
+      }
+      response.statusCode = 404
+      response.end()
+    })
+    const muxServer = new WebSocketServer({ noServer: true })
+    webSocketServers.push(muxServer)
+    harness.on('upgrade', (request, socket, head) => {
+      if (request.url !== '/api/events.mux') return socket.destroy()
+      muxServer.handleUpgrade(request, socket, head, (client) => {
+        muxClients.push(client)
+        client.send(
+          JSON.stringify({
             type: 'server-request',
             rpcId: 'question-rpc-1',
             method: 'question/requested',
@@ -348,20 +388,9 @@ describe('LAN mobile bridge user questions', () => {
                 }
               ]
             }
-          })}\n\n`
+          })
         )
-        return
-      }
-      if (request.method === 'POST' && request.url === '/api/respond') {
-        const chunks: Buffer[] = []
-        for await (const chunk of request) chunks.push(Buffer.from(chunk))
-        responses.push(JSON.parse(Buffer.concat(chunks).toString('utf8')))
-        response.setHeader('content-type', 'application/json')
-        response.end(JSON.stringify({ accepted: true }))
-        return
-      }
-      response.statusCode = 404
-      response.end()
+      })
     })
     servers.push(harness)
     await new Promise<void>((resolve) => harness.listen(0, '127.0.0.1', resolve))
@@ -425,8 +454,8 @@ describe('LAN mobile bridge user questions', () => {
     expect(
       await waitForRpcValue(port, cookie, 'interaction.pending', { sessionId: 'session-1' })
     ).toMatchObject({ rpcId: 'question-rpc-1' })
-    muxResponses[0]?.write(
-      `data: ${JSON.stringify({
+    muxClients[0]?.send(
+      JSON.stringify({
         type: 'server-request',
         rpcId: 'resolved-rpc-1',
         method: 'question/resolved',
@@ -436,7 +465,7 @@ describe('LAN mobile bridge user questions', () => {
           questionRpcId: 'question-rpc-1',
           outcome: 'answered'
         }
-      })}\n\n`
+      })
     )
     await waitFor(async () => {
       const response = await mobileRpc(port, cookie, 'interaction.pending', {
@@ -450,20 +479,8 @@ describe('LAN mobile bridge user questions', () => {
     const responses: unknown[] = []
     const harness = createServer(async (request, response) => {
       if (request.method === 'GET' && request.url === '/api/events.mux') {
-        response.writeHead(200, { 'content-type': 'text/event-stream' })
-        response.write(
-          `data: ${JSON.stringify({
-            type: 'server-request',
-            rpcId: 'question-rpc-2',
-            payload: {
-              type: 'question/requested',
-              sessionId: 'session-2',
-              questions: [
-                { id: 'choice', question: '选择一个', options: [{ label: 'A' }] }
-              ]
-            }
-          })}\n\n`
-        )
+        response.statusCode = 426
+        response.end()
         return
       }
       if (request.method === 'POST' && request.url === '/api/respond') {
@@ -477,6 +494,24 @@ describe('LAN mobile bridge user questions', () => {
       response.statusCode = 404
       response.end()
     })
+    const muxServer = new WebSocketServer({ noServer: true })
+    webSocketServers.push(muxServer)
+    harness.on('upgrade', (request, socket, head) => {
+      if (request.url !== '/api/events.mux') return socket.destroy()
+      muxServer.handleUpgrade(request, socket, head, (client) => {
+        client.send(
+          JSON.stringify({
+            type: 'server-request',
+            rpcId: 'question-rpc-2',
+            payload: {
+              type: 'question/requested',
+              sessionId: 'session-2',
+              questions: [{ id: 'choice', question: '选择一个', options: [{ label: 'A' }] }]
+            }
+          })
+        )
+      })
+    })
     servers.push(harness)
     await new Promise<void>((resolve) => harness.listen(0, '127.0.0.1', resolve))
     const harnessPort = (harness.address() as AddressInfo).port

From 39e9759534e45a743a10ad4fe1cbeb553019f490 Mon Sep 17 00:00:00 2001
From: QinRui <wisdomspace@hotmail.com>
Date: Thu, 20 Aug 2026 17:48:07 +0800
Subject: [PATCH 3/6] fix: anchor mobile settings popover to composer

---
 src/main/mobile/lan-mobile-pages.ts | 2 ++
 test/lan-mobile-pages.test.ts       | 1 +
 2 files changed, 3 insertions(+)

diff --git a/src/main/mobile/lan-mobile-pages.ts b/src/main/mobile/lan-mobile-pages.ts
index 4b7d7219..60ebfbf6 100644
--- a/src/main/mobile/lan-mobile-pages.ts
+++ b/src/main/mobile/lan-mobile-pages.ts
@@ -27,6 +27,8 @@ export function renderMobilePage({ locale }: MobilePageOptions): string {
     .list{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;align-content:start;gap:8px;overflow-y:auto;padding:0 0 12px}.row{width:100%;min-width:0;display:flex;align-items:center;gap:11px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:15px;padding:12px;transition:background .16s ease,transform .16s ease}.row:hover,.row:active{background:var(--surface);transform:translateY(-1px)}.session-mark{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:var(--surface);color:var(--ink)}.row-copy{min-width:0;flex:1}.row strong{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row time{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.row-chevron{flex:none;color:var(--muted);opacity:.7}.empty{display:flex;min-height:190px;align-items:center;justify-content:center;flex-direction:column;padding:42px 18px;text-align:center;color:var(--muted)}.empty-mark{display:grid;place-items:center;width:44px;height:44px;margin-bottom:12px;border-radius:14px;background:var(--surface);color:var(--ink)}.empty strong{color:var(--ink);font-size:14px}.empty span:last-child{max-width:220px;margin-top:4px;font-size:12px}.messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:0;padding:18px 4px}.chat-open .messages{padding-top:4px;padding-bottom:84px}.message{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);line-height:1.65}.message.user{align-self:flex-end;max-width:82%;background:var(--hover);border-radius:22px;padding:9px 15px;margin:8px 0 14px}.message.assistant{align-self:stretch;padding:0 4px;margin:0}.message .role{display:none}
     .markdown{white-space:normal}.markdown>*:first-child{margin-top:0}.markdown>*:last-child{margin-bottom:0}.markdown p{margin:0 0 10px}.markdown h1,.markdown h2,.markdown h3{line-height:1.3;margin:18px 0 8px}.markdown h1{font-size:22px}.markdown h2{font-size:19px}.markdown h3{font-size:16px}.markdown ul{margin:8px 0;padding-left:22px}.markdown pre{overflow:auto;background:var(--hover);border:1px solid var(--line);border-radius:10px;padding:12px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.markdown code{background:var(--hover);border-radius:5px;padding:2px 5px;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.markdown pre code{padding:0;background:none}.markdown a{color:var(--brand)}.table-wrap{width:100%;overflow-x:auto;margin:10px 0;-webkit-overflow-scrolling:touch}.markdown table{width:100%;min-width:420px;border-collapse:collapse;font-size:13px;line-height:1.5}.markdown th,.markdown td{padding:9px 10px;border:1px solid var(--line);text-align:left;vertical-align:top}.markdown th{background:var(--hover);font-weight:600}.thinking,.tool{position:relative;margin:0;white-space:normal}.thinking summary,.tool summary{position:relative;min-height:34px;cursor:pointer;list-style:none;border-radius:6px;padding:5px 2px;color:var(--ink);font-size:14px;line-height:24px;display:flex;align-items:center;gap:0;overflow:hidden}.thinking summary:hover,.tool summary:hover{background:var(--hover)}.thinking summary::-webkit-details-marker,.tool summary::-webkit-details-marker{display:none}.activity-leading{width:16px;height:16px;display:grid;place-items:center;flex:none;margin-right:6px;color:var(--muted)}.activity-leading svg{display:block}.activity-title{flex:none;font-weight:400}.activity-dot{width:2px;height:2px;margin:0 8px;border-radius:50%;background:var(--muted);opacity:.7;flex:none}.activity-summary{position:relative;min-width:0;flex:1;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-chevron{width:16px;height:16px;display:grid;place-items:center;flex:none;color:var(--muted);transition:transform .14s ease}.thinking[open] .activity-chevron,.tool[open] .activity-chevron{transform:rotate(90deg)}.thinking-body{padding:3px 0 7px 22px;color:var(--muted);font-size:13px;line-height:22px}.tool-body{padding:3px 0 8px 20px;color:var(--muted);font-size:12px}.tool-body strong{display:block;margin:7px 0 3px;font-weight:500}.tool-status.error,.tool[data-state=error] .activity-leading{color:#e34d59}.tool pre{max-height:260px;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere;margin:0 0 4px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px 12px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.thinking[data-state=running] .activity-summary:after,.tool[data-state=running] .activity-summary:after{content:'';position:absolute;inset:0 auto 0 -240px;width:240px;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--paper) 72%,transparent),transparent);animation:activitySweep 2.6s ease-out infinite}.streaming:after{content:' ';display:inline-block;width:6px;height:15px;margin-left:2px;vertical-align:-2px;background:var(--brand);animation:pulse .7s infinite alternate}.turn-status{height:26px;display:inline-flex;align-items:center;margin:0 4px 6px;pointer-events:none;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,var(--brand) 0%,var(--brand) 40%,color-mix(in srgb,var(--brand) 35%,var(--paper)) 50%,var(--brand) 60%,var(--brand) 100%);background-position:100% 0;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:600;white-space:nowrap;animation:deepDiveShimmer 1.8s linear infinite}
     [hidden]{display:none!important}.message:empty{display:none}.composer{position:absolute;z-index:2;inset:auto 0 0;padding:10px 0 5px;background:transparent;pointer-events:none}.composer-inner{min-height:58px;display:flex;gap:8px;align-items:flex-end;border:1px solid var(--line);border-radius:23px;padding:8px 8px 8px 16px;background:var(--card);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--paper) 70%,transparent),0 2px 8px rgba(0,0,0,.06),0 14px 34px rgba(0,0,0,.06);pointer-events:auto;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.composer-inner:focus-within{border-color:color-mix(in srgb,var(--ink) 28%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--paper) 72%,transparent),0 3px 10px rgba(0,0,0,.08),0 18px 38px rgba(0,0,0,.08);transform:translateY(-1px)}.composer textarea{flex:1;height:40px;min-height:40px;max-height:150px;overflow-y:auto;resize:none;border:0;outline:0;border-radius:0;padding:9px 0;background:transparent;color:var(--ink);caret-color:var(--brand);font-size:16px;letter-spacing:-.01em}.composer textarea::placeholder{color:var(--muted);opacity:.68}.composer .primary,.primary.cancel{width:40px;min-width:40px;border-radius:50%;padding:0;background:var(--ink);border-color:var(--ink)}.settings-trigger{display:grid;place-items:center;width:40px;min-width:40px;height:40px;border-radius:50%;padding:0;background:var(--surface);color:var(--muted)}.settings-trigger[aria-expanded=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.session-settings{position:absolute;right:8px;bottom:76px;width:min(350px,calc(100vw - 28px));max-height:min(62vh,470px);overflow-y:auto;border:1px solid var(--line);border-radius:18px;padding:15px;background:var(--card);box-shadow:0 8px 26px rgba(0,0,0,.1),0 24px 60px rgba(0,0,0,.12);pointer-events:auto}.settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.settings-head strong{font-size:15px;font-weight:650}.settings-close{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;padding:0;background:transparent;color:var(--muted);font-size:20px;line-height:1}.setting-field{display:block;margin-top:11px}.setting-field>span{display:block;margin:0 2px 5px;color:var(--muted);font-size:11px;font-weight:600}.setting-field select{width:100%;height:42px;background:var(--surface)}.setting-field select:disabled{opacity:.55}.setting-note{margin:5px 2px 0;color:var(--muted);font-size:11px;line-height:1.4}.settings-error{min-height:17px;margin-top:7px;color:#e34d59;font-size:11px}.settings-loading{padding:14px 2px;color:var(--muted);font-size:12px}.todo-dock{margin:0 0 8px;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;pointer-events:auto}.todo-header{width:100%;height:38px;display:flex;align-items:center;gap:8px;border:0;border-radius:0;padding:0 11px;background:transparent;text-align:left}.todo-lead,.todo-chevron{display:grid;place-items:center;flex:none;color:var(--muted)}.todo-title{flex:none;font-size:13px;font-weight:600}.todo-progress{min-width:0;flex:1;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.todo-list{display:grid;gap:7px;max-height:180px;overflow-y:auto;margin:0;padding:1px 12px 10px;list-style:none}.todo-item{min-width:0;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.todo-glyph{display:grid;place-items:center;width:16px;height:16px;flex:none}.todo-item[data-status=completed] .todo-glyph{color:#35a867}.todo-item[data-status=in_progress] .todo-glyph{color:var(--brand);animation:spin 1s linear infinite}.todo-content{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-running .messages{padding-bottom:116px}.todo-open .messages{padding-bottom:130px}.turn-running.todo-open .messages{padding-bottom:162px}.todo-expanded .messages{padding-bottom:min(42vh,300px)}.turn-running.todo-expanded .messages{padding-bottom:min(42vh,332px)}.turn-running .session-settings{bottom:108px}.todo-open .session-settings{bottom:122px}.turn-running.todo-open .session-settings{bottom:154px}.todo-expanded .session-settings{bottom:min(42vh,292px)}.turn-running.todo-expanded .session-settings{bottom:min(42vh,324px)}.primary[hidden]{display:none}.question-composer{position:absolute;z-index:3;inset:auto 0 0;padding:10px 0 5px;pointer-events:none}.question-shell{max-height:min(70vh,580px);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:23px;background:var(--card);box-shadow:0 4px 16px rgba(0,0,0,.08),0 22px 54px rgba(0,0,0,.1);overflow:hidden;pointer-events:auto}.question-top{display:flex;align-items:center;gap:9px;flex:none;padding:13px 16px 10px;border-bottom:1px solid var(--line)}.question-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--surface);color:var(--ink)}.question-context{min-width:0;flex:1}.question-context strong{display:block;font-size:13px;font-weight:650}.question-context span{display:block;color:var(--muted);font-size:11px}.question-close{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;padding:0;background:transparent;color:var(--muted)}.question-body{min-height:0;overflow-y:auto;padding:14px 16px 4px;-webkit-overflow-scrolling:touch}.question-title{margin:0;font-size:17px;line-height:1.45;letter-spacing:-.015em;font-weight:620}.question-detail{margin-top:7px;color:var(--muted);font-size:13px}.question-options{display:grid;gap:7px;margin-top:13px}.question-option{width:100%;display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:13px;padding:10px 11px;background:var(--card);text-align:left}.question-option.selected{border-color:var(--ink);background:var(--surface)}.option-control{display:grid;place-items:center;width:19px;height:19px;flex:none;margin-top:1px;border:1px solid var(--muted);border-radius:50%;font-size:11px}.multi .option-control{border-radius:6px}.question-option.selected .option-control{border-color:var(--ink);background:var(--ink);color:var(--paper)}.option-copy{min-width:0;flex:1}.option-label{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px}.recommendation{border-radius:999px;background:var(--surface);color:var(--muted);padding:1px 6px;font-size:10px}.option-description{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.45}.custom-label{display:block;margin:13px 1px 5px;color:var(--muted);font-size:11px;font-weight:600}.question-custom{width:100%;min-height:54px;max-height:110px;resize:vertical;border:1px solid var(--line);border-radius:13px;padding:10px 11px;background:var(--surface);outline:none}.question-custom:focus{border-color:color-mix(in srgb,var(--ink) 35%,var(--line))}.question-error{min-height:18px;padding:5px 16px 0;color:#e34d59;font-size:11px}.question-actions{display:flex;align-items:center;gap:7px;flex:none;padding:8px 12px 12px}.question-actions button{height:38px;padding:0 12px;border-radius:11px}.question-actions .spacer{flex:1}.question-actions .submit-answer{border-color:var(--ink);background:var(--ink);color:var(--paper);font-weight:600}.question-actions button:disabled{opacity:.45;cursor:default}.question-open .messages{padding-bottom:min(64vh,520px)}.error{color:#e34d59;font-size:13px;margin:8px 0}.toast{position:fixed;left:50%;top:calc(64px + env(safe-area-inset-top));z-index:5;transform:translate(-50%,-8px);background:var(--ink);color:var(--paper);border-radius:999px;padding:6px 11px;font-size:12px;opacity:0;pointer-events:none;transition:.18s ease}.toast.show{opacity:1;transform:translate(-50%,0)}.loading{display:grid;gap:12px;padding:22px 4px}.skeleton{height:14px;border-radius:7px;background:var(--hover);animation:pulse 1.1s ease-in-out infinite alternate}.skeleton:nth-child(2){width:82%}.skeleton:nth-child(3){width:64%}@keyframes pulse{to{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes activitySweep{0%{left:-240px}90%,to{left:100%}}@keyframes deepDiveShimmer{to{background-position:0 0}}@media(display-mode:standalone){.chat-open .messages{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.chat-open.turn-running .messages{padding-bottom:calc(116px + env(safe-area-inset-bottom))}.chat-open.todo-open .messages{padding-bottom:calc(130px + env(safe-area-inset-bottom))}.chat-open.turn-running.todo-open .messages{padding-bottom:calc(162px + env(safe-area-inset-bottom))}.chat-open.todo-expanded .messages{padding-bottom:min(42vh,calc(300px + env(safe-area-inset-bottom)))}.chat-open.turn-running.todo-expanded .messages{padding-bottom:min(42vh,calc(332px + env(safe-area-inset-bottom)))}.chat-open.question-open .messages{padding-bottom:min(64vh,520px)}.composer,.question-composer{padding-bottom:calc(5px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.skeleton,.status,.icon-button.refreshing svg,.thinking[data-state=running] .activity-summary:after,.tool[data-state=running] .activity-summary:after,.turn-status,.todo-item[data-status=in_progress] .todo-glyph{animation:none}.composer-inner,.primary{transition:none}}
+    /* Keep the popover anchored to its trigger; composer docks may grow behind it. */
+    #composer .session-settings{z-index:1;bottom:76px}
   </style>
 </head>
 <body><main class="shell">
diff --git a/test/lan-mobile-pages.test.ts b/test/lan-mobile-pages.test.ts
index 69d3b109..689f629c 100644
--- a/test/lan-mobile-pages.test.ts
+++ b/test/lan-mobile-pages.test.ts
@@ -60,6 +60,7 @@ describe('LAN mobile page', () => {
     expect(html).not.toContain('class="preset-control"')
     expect(html).toContain('id="settings" class="settings-trigger"')
     expect(html).toContain('id="sessionSettings" class="session-settings" hidden')
+    expect(html).toContain('#composer .session-settings{z-index:1;bottom:76px}')
     expect(html).toContain("rpc('agentPreset.list',{})")
     expect(html).toContain("rpc('agentPreset.select',{sessionId:activeSession,agentPreset:next})")
     expect(html).toContain("rpc('session.models',{sessionId})")

From 09a04b89d0a041e4c276ee53bb5ae9553557ac9f Mon Sep 17 00:00:00 2001
From: QinRui <wisdomspace@hotmail.com>
Date: Thu, 20 Aug 2026 18:11:07 +0800
Subject: [PATCH 4/6] fix: restore mobile running status to message flow

---
 src/main/mobile/lan-mobile-pages.ts | 10 +++++-----
 test/lan-mobile-pages.test.ts       | 16 ++++------------
 2 files changed, 9 insertions(+), 17 deletions(-)

diff --git a/src/main/mobile/lan-mobile-pages.ts b/src/main/mobile/lan-mobile-pages.ts
index 60ebfbf6..b4d06507 100644
--- a/src/main/mobile/lan-mobile-pages.ts
+++ b/src/main/mobile/lan-mobile-pages.ts
@@ -29,6 +29,7 @@ export function renderMobilePage({ locale }: MobilePageOptions): string {
     [hidden]{display:none!important}.message:empty{display:none}.composer{position:absolute;z-index:2;inset:auto 0 0;padding:10px 0 5px;background:transparent;pointer-events:none}.composer-inner{min-height:58px;display:flex;gap:8px;align-items:flex-end;border:1px solid var(--line);border-radius:23px;padding:8px 8px 8px 16px;background:var(--card);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--paper) 70%,transparent),0 2px 8px rgba(0,0,0,.06),0 14px 34px rgba(0,0,0,.06);pointer-events:auto;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.composer-inner:focus-within{border-color:color-mix(in srgb,var(--ink) 28%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--paper) 72%,transparent),0 3px 10px rgba(0,0,0,.08),0 18px 38px rgba(0,0,0,.08);transform:translateY(-1px)}.composer textarea{flex:1;height:40px;min-height:40px;max-height:150px;overflow-y:auto;resize:none;border:0;outline:0;border-radius:0;padding:9px 0;background:transparent;color:var(--ink);caret-color:var(--brand);font-size:16px;letter-spacing:-.01em}.composer textarea::placeholder{color:var(--muted);opacity:.68}.composer .primary,.primary.cancel{width:40px;min-width:40px;border-radius:50%;padding:0;background:var(--ink);border-color:var(--ink)}.settings-trigger{display:grid;place-items:center;width:40px;min-width:40px;height:40px;border-radius:50%;padding:0;background:var(--surface);color:var(--muted)}.settings-trigger[aria-expanded=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.session-settings{position:absolute;right:8px;bottom:76px;width:min(350px,calc(100vw - 28px));max-height:min(62vh,470px);overflow-y:auto;border:1px solid var(--line);border-radius:18px;padding:15px;background:var(--card);box-shadow:0 8px 26px rgba(0,0,0,.1),0 24px 60px rgba(0,0,0,.12);pointer-events:auto}.settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.settings-head strong{font-size:15px;font-weight:650}.settings-close{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;padding:0;background:transparent;color:var(--muted);font-size:20px;line-height:1}.setting-field{display:block;margin-top:11px}.setting-field>span{display:block;margin:0 2px 5px;color:var(--muted);font-size:11px;font-weight:600}.setting-field select{width:100%;height:42px;background:var(--surface)}.setting-field select:disabled{opacity:.55}.setting-note{margin:5px 2px 0;color:var(--muted);font-size:11px;line-height:1.4}.settings-error{min-height:17px;margin-top:7px;color:#e34d59;font-size:11px}.settings-loading{padding:14px 2px;color:var(--muted);font-size:12px}.todo-dock{margin:0 0 8px;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;pointer-events:auto}.todo-header{width:100%;height:38px;display:flex;align-items:center;gap:8px;border:0;border-radius:0;padding:0 11px;background:transparent;text-align:left}.todo-lead,.todo-chevron{display:grid;place-items:center;flex:none;color:var(--muted)}.todo-title{flex:none;font-size:13px;font-weight:600}.todo-progress{min-width:0;flex:1;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.todo-list{display:grid;gap:7px;max-height:180px;overflow-y:auto;margin:0;padding:1px 12px 10px;list-style:none}.todo-item{min-width:0;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.todo-glyph{display:grid;place-items:center;width:16px;height:16px;flex:none}.todo-item[data-status=completed] .todo-glyph{color:#35a867}.todo-item[data-status=in_progress] .todo-glyph{color:var(--brand);animation:spin 1s linear infinite}.todo-content{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-running .messages{padding-bottom:116px}.todo-open .messages{padding-bottom:130px}.turn-running.todo-open .messages{padding-bottom:162px}.todo-expanded .messages{padding-bottom:min(42vh,300px)}.turn-running.todo-expanded .messages{padding-bottom:min(42vh,332px)}.turn-running .session-settings{bottom:108px}.todo-open .session-settings{bottom:122px}.turn-running.todo-open .session-settings{bottom:154px}.todo-expanded .session-settings{bottom:min(42vh,292px)}.turn-running.todo-expanded .session-settings{bottom:min(42vh,324px)}.primary[hidden]{display:none}.question-composer{position:absolute;z-index:3;inset:auto 0 0;padding:10px 0 5px;pointer-events:none}.question-shell{max-height:min(70vh,580px);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:23px;background:var(--card);box-shadow:0 4px 16px rgba(0,0,0,.08),0 22px 54px rgba(0,0,0,.1);overflow:hidden;pointer-events:auto}.question-top{display:flex;align-items:center;gap:9px;flex:none;padding:13px 16px 10px;border-bottom:1px solid var(--line)}.question-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--surface);color:var(--ink)}.question-context{min-width:0;flex:1}.question-context strong{display:block;font-size:13px;font-weight:650}.question-context span{display:block;color:var(--muted);font-size:11px}.question-close{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;padding:0;background:transparent;color:var(--muted)}.question-body{min-height:0;overflow-y:auto;padding:14px 16px 4px;-webkit-overflow-scrolling:touch}.question-title{margin:0;font-size:17px;line-height:1.45;letter-spacing:-.015em;font-weight:620}.question-detail{margin-top:7px;color:var(--muted);font-size:13px}.question-options{display:grid;gap:7px;margin-top:13px}.question-option{width:100%;display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:13px;padding:10px 11px;background:var(--card);text-align:left}.question-option.selected{border-color:var(--ink);background:var(--surface)}.option-control{display:grid;place-items:center;width:19px;height:19px;flex:none;margin-top:1px;border:1px solid var(--muted);border-radius:50%;font-size:11px}.multi .option-control{border-radius:6px}.question-option.selected .option-control{border-color:var(--ink);background:var(--ink);color:var(--paper)}.option-copy{min-width:0;flex:1}.option-label{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px}.recommendation{border-radius:999px;background:var(--surface);color:var(--muted);padding:1px 6px;font-size:10px}.option-description{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.45}.custom-label{display:block;margin:13px 1px 5px;color:var(--muted);font-size:11px;font-weight:600}.question-custom{width:100%;min-height:54px;max-height:110px;resize:vertical;border:1px solid var(--line);border-radius:13px;padding:10px 11px;background:var(--surface);outline:none}.question-custom:focus{border-color:color-mix(in srgb,var(--ink) 35%,var(--line))}.question-error{min-height:18px;padding:5px 16px 0;color:#e34d59;font-size:11px}.question-actions{display:flex;align-items:center;gap:7px;flex:none;padding:8px 12px 12px}.question-actions button{height:38px;padding:0 12px;border-radius:11px}.question-actions .spacer{flex:1}.question-actions .submit-answer{border-color:var(--ink);background:var(--ink);color:var(--paper);font-weight:600}.question-actions button:disabled{opacity:.45;cursor:default}.question-open .messages{padding-bottom:min(64vh,520px)}.error{color:#e34d59;font-size:13px;margin:8px 0}.toast{position:fixed;left:50%;top:calc(64px + env(safe-area-inset-top));z-index:5;transform:translate(-50%,-8px);background:var(--ink);color:var(--paper);border-radius:999px;padding:6px 11px;font-size:12px;opacity:0;pointer-events:none;transition:.18s ease}.toast.show{opacity:1;transform:translate(-50%,0)}.loading{display:grid;gap:12px;padding:22px 4px}.skeleton{height:14px;border-radius:7px;background:var(--hover);animation:pulse 1.1s ease-in-out infinite alternate}.skeleton:nth-child(2){width:82%}.skeleton:nth-child(3){width:64%}@keyframes pulse{to{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes activitySweep{0%{left:-240px}90%,to{left:100%}}@keyframes deepDiveShimmer{to{background-position:0 0}}@media(display-mode:standalone){.chat-open .messages{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.chat-open.turn-running .messages{padding-bottom:calc(116px + env(safe-area-inset-bottom))}.chat-open.todo-open .messages{padding-bottom:calc(130px + env(safe-area-inset-bottom))}.chat-open.turn-running.todo-open .messages{padding-bottom:calc(162px + env(safe-area-inset-bottom))}.chat-open.todo-expanded .messages{padding-bottom:min(42vh,calc(300px + env(safe-area-inset-bottom)))}.chat-open.turn-running.todo-expanded .messages{padding-bottom:min(42vh,calc(332px + env(safe-area-inset-bottom)))}.chat-open.question-open .messages{padding-bottom:min(64vh,520px)}.composer,.question-composer{padding-bottom:calc(5px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.skeleton,.status,.icon-button.refreshing svg,.thinking[data-state=running] .activity-summary:after,.tool[data-state=running] .activity-summary:after,.turn-status,.todo-item[data-status=in_progress] .todo-glyph{animation:none}.composer-inner,.primary{transition:none}}
     /* Keep the popover anchored to its trigger; composer docks may grow behind it. */
     #composer .session-settings{z-index:1;bottom:76px}
+    .messages .turn-status{align-self:flex-start;flex:none;margin:3px 4px}
   </style>
 </head>
 <body><main class="shell">
@@ -44,7 +45,7 @@ export function renderMobilePage({ locale }: MobilePageOptions): string {
     <div class="toolbar chat-toolbar"><button id="back" class="quiet back" aria-label="${zh ? '返回会话列表' : 'Back to sessions'}"><svg width="20" height="20" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M10.5 3L5.5 8L10.5 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></button></div>
     <div id="messages" class="messages"></div><div id="chatError" class="error"></div>
     <div id="questionComposer" class="question-composer" hidden></div>
-    <div id="composer" class="composer"><div id="sessionSettings" class="session-settings" hidden></div><section id="todoDock" class="todo-dock" aria-label="${zh ? '任务' : 'To-dos'}" hidden></section><div id="turnStatus" class="turn-status" role="status" aria-live="polite" hidden>Deep diving...</div><div class="composer-inner"><textarea id="prompt" rows="1" placeholder="${zh ? '给智能体发消息' : 'Message the agent'}"></textarea><button id="settings" class="settings-trigger" aria-label="${zh ? '会话设置' : 'Session settings'}" aria-expanded="false"><svg width="17" height="17" viewBox="0 0 18 18" fill="none" aria-hidden="true"><path d="M3 5h7M13 5h2M3 13h2M8 13h7M10 3v4M6 11v4" stroke="currentColor" stroke-width="1.45" stroke-linecap="round"/></svg></button><button id="send" class="primary" aria-label="${zh ? '发送' : 'Send'}" disabled><svg width="17" height="17" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M8 12V4M8 4 4.75 7.25M8 4l3.25 3.25" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round"/></svg></button><button id="cancel" class="primary cancel" aria-label="${zh ? '停止生成' : 'Stop generating'}" hidden><svg width="14" height="14" viewBox="0 0 14 14"><rect x="2" y="2" width="10" height="10" rx="2" fill="currentColor"/></svg></button></div></div>
+    <div id="composer" class="composer"><div id="sessionSettings" class="session-settings" hidden></div><section id="todoDock" class="todo-dock" aria-label="${zh ? '任务' : 'To-dos'}" hidden></section><div class="composer-inner"><textarea id="prompt" rows="1" placeholder="${zh ? '给智能体发消息' : 'Message the agent'}"></textarea><button id="settings" class="settings-trigger" aria-label="${zh ? '会话设置' : 'Session settings'}" aria-expanded="false"><svg width="17" height="17" viewBox="0 0 18 18" fill="none" aria-hidden="true"><path d="M3 5h7M13 5h2M3 13h2M8 13h7M10 3v4M6 11v4" stroke="currentColor" stroke-width="1.45" stroke-linecap="round"/></svg></button><button id="send" class="primary" aria-label="${zh ? '发送' : 'Send'}" disabled><svg width="17" height="17" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M8 12V4M8 4 4.75 7.25M8 4l3.25 3.25" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round"/></svg></button><button id="cancel" class="primary cancel" aria-label="${zh ? '停止生成' : 'Stop generating'}" hidden><svg width="14" height="14" viewBox="0 0 14 14"><rect x="2" y="2" width="10" height="10" rx="2" fill="currentColor"/></svg></button></div></div>
   </section>
 </main>
 <script>
@@ -133,12 +134,11 @@ function renderMessage(message){const blocks=message.blocks.filter(Boolean);retu
   function durableUserTextCounts(messages){const counts=new Map();for(const message of messages){if(message.role!=='user')continue;const text=message.blocks?.filter(block=>block?.kind==='text').map(block=>block.text).join('\\n')||'';counts.set(text,(counts.get(text)||0)+1)}return counts}
   function messagesWithOptimistic(durable){const counts=durableUserTextCounts(durable);optimisticPrompts=optimisticPrompts.filter(item=>(counts.get(item.text)||0)<item.targetCount);latestUserTextCounts=counts;lastDurableMessages=durable;return[...durable,...optimisticPrompts.map(item=>({role:'user',blocks:[{kind:'text',text:item.text}],optimistic:true}))]}
   function nextOptimisticTarget(text){let target=latestUserTextCounts.get(text)||0;for(const item of optimisticPrompts)if(item.text===text)target=Math.max(target,item.targetCount);return target+1}
-  function syncTurnStatus(){const visible=agentRunning&&!pendingQuestion;$('turnStatus').hidden=!visible;document.body.classList.toggle('turn-running',visible)}
-  function paintMessages(messages,stickToBottom=false){const box=$('messages'),nearBottom=box.scrollHeight-box.scrollTop-box.clientHeight<90;syncTurnStatus();box.innerHTML=messages.map(renderMessage).join('');if(stickToBottom||nearBottom)box.scrollTop=box.scrollHeight}
+  function paintMessages(messages,stickToBottom=false){const box=$('messages'),nearBottom=box.scrollHeight-box.scrollTop-box.clientHeight<90,status=agentRunning&&!pendingQuestion?'<div class="turn-status" role="status" aria-live="polite">Deep diving...</div>':'';box.innerHTML=messages.map(renderMessage).join('')+status;if(stickToBottom||nearBottom)box.scrollTop=box.scrollHeight}
   function recommendation(label){const match=String(label||'').match(/\\s*\\((Recommended|推荐)\\)\\s*$/i);return{label:match?String(label).slice(0,match.index).trim():String(label||''),recommended:!!match}}
   function questionDraft(question){return questionDrafts[question.id]||(questionDrafts[question.id]={selected:[],custom:'',skipped:false})}
   function renderQuestionComposer(){const host=$('questionComposer'),composer=$('composer');if(!pendingQuestion||!pendingQuestion.questions?.length){host.hidden=true;composer.hidden=false;document.body.classList.remove('question-open');host.innerHTML='';return}questionIndex=Math.max(0,Math.min(questionIndex,pendingQuestion.questions.length-1));const question=pendingQuestion.questions[questionIndex],draft=questionDraft(question),options=question.options||[],last=questionIndex===pendingQuestion.questions.length-1;host.hidden=false;composer.hidden=true;document.body.classList.add('question-open');host.innerHTML='<div class="question-shell"><div class="question-top"><span class="question-mark">'+activityIcon('tool')+'</span><div class="question-context"><strong>'+esc(question.header||L.questionNeeded)+'</strong><span>'+(questionIndex+1)+' / '+pendingQuestion.questions.length+' '+L.questionProgress+'</span></div><button class="question-close" data-question-action="cancel" aria-label="'+esc(L.cancelQuestions)+'">×</button></div><div class="question-body"><h2 class="question-title">'+esc(question.question)+'</h2>'+(question.detail?'<div class="question-detail markdown">'+markdown(question.detail)+'</div>':'')+(options.length?'<div class="question-options'+(question.multiSelect?' multi':'')+'">'+options.map((option,index)=>{const display=recommendation(option.label),selected=draft.selected.includes(option.label);return'<button class="question-option'+(selected?' selected':'')+'" data-option-index="'+index+'"><span class="option-control">'+(selected?'✓':'')+'</span><span class="option-copy"><span class="option-label">'+esc(display.label)+(display.recommended?'<span class="recommendation">'+L.recommended+'</span>':'')+'</span>'+(option.description?'<span class="option-description">'+esc(option.description)+'</span>':'')+'</span></button>'}).join('')+'</div>':'')+'<label class="custom-label" for="questionCustom">'+L.customAnswer+'</label><textarea id="questionCustom" class="question-custom" placeholder="'+esc(L.customPlaceholder)+'">'+esc(draft.custom)+'</textarea></div><div id="questionError" class="question-error"></div><div class="question-actions">'+(questionIndex?'<button data-question-action="previous">'+L.previous+'</button>':'<button data-question-action="cancel">'+L.cancelQuestions+'</button>')+'<span class="spacer"></span><button data-question-action="skip">'+L.skip+'</button><button class="submit-answer" data-question-action="continue">'+(questionBusy?L.answering:last?L.submitAnswer:L.next)+'</button></div></div>';host.querySelectorAll('button').forEach(button=>button.disabled=questionBusy)}
-  function syncPendingQuestion(next){const changed=(pendingQuestion?.rpcId||null)!==(next?.rpcId||null);pendingQuestion=next;syncTurnStatus();if(changed){questionIndex=0;questionDrafts={};questionBusy=false;renderQuestionComposer()}}
+  function syncPendingQuestion(next){const changed=(pendingQuestion?.rpcId||null)!==(next?.rpcId||null);pendingQuestion=next;if(changed){questionIndex=0;questionDrafts={};questionBusy=false;renderQuestionComposer()}}
   function advanceQuestion(skip=false){if(!pendingQuestion||questionBusy)return;const question=pendingQuestion.questions[questionIndex],draft=questionDraft(question);draft.custom=String($('questionCustom')?.value||'').trim();if(skip){draft.selected=[];draft.custom='';draft.skipped=true}else{draft.skipped=false;if(!draft.selected.length&&!draft.custom){$('questionError').textContent=L.chooseAnswer;return}}if(questionIndex<pendingQuestion.questions.length-1){questionIndex+=1;renderQuestionComposer()}else submitQuestionAnswers()}
   async function submitQuestionAnswers(){if(!pendingQuestion||questionBusy)return;questionBusy=true;renderQuestionComposer();const current=pendingQuestion;const answers=current.questions.map(question=>{const draft=questionDraft(question);return{id:question.id,selected:!question.multiSelect&&draft.custom?[]:draft.selected,...(draft.custom?{custom:draft.custom}:{})}});try{await rpc('interaction.answer',{rpcId:current.rpcId,sessionId:current.sessionId,answers});lastHistoryKey='';await loadHistory(false)}catch(e){questionBusy=false;renderQuestionComposer();showError('questionError',e)}}
   async function cancelQuestionRequest(){if(!pendingQuestion||questionBusy)return;questionBusy=true;renderQuestionComposer();const current=pendingQuestion;try{await rpc('interaction.cancel',{rpcId:current.rpcId,sessionId:current.sessionId});lastHistoryKey='';await loadHistory(false)}catch(e){questionBusy=false;renderQuestionComposer();showError('questionError',e)}}
@@ -150,7 +150,7 @@ async function loadSessions(){try{const value=await rpc('session.list',{}),wid=$
 function showToast(message){$('toast').textContent=message;$('toast').classList.add('show');clearTimeout(showToast.timer);showToast.timer=setTimeout(()=>$('toast').classList.remove('show'),1000)}
   async function refreshAll(){const button=$('refresh');button.disabled=true;button.classList.add('refreshing');try{await loadWorkspaces();syncWorkspaceUi();await loadSessions();showToast(L.refreshed)}catch(e){showError('listError',e)}finally{setTimeout(()=>{button.disabled=false;button.classList.remove('refreshing')},350)}}
 function titleFor(s){const p=s.projections&&s.projections.values||{};return p.title||p.sessionTitle||p['session.title']||L.untitled}
-  function resetOptimisticMessages(){lastDurableMessages=[];optimisticPrompts=[];latestUserTextCounts=new Map();awaitingTurnStartedAt=0;agentRunning=false;currentTodos=[];todoExpanded=false;renderTodoDock();syncTurnStatus()}
+  function resetOptimisticMessages(){lastDurableMessages=[];optimisticPrompts=[];latestUserTextCounts=new Map();awaitingTurnStartedAt=0;agentRunning=false;currentTodos=[];todoExpanded=false;renderTodoDock()}
   function showSessionList(){clearTimeout(poll);poll=null;closeSessionSettings();activeSession=null;resetOptimisticMessages();syncPendingQuestion(null);document.body.classList.remove('chat-open');$('chatView').classList.remove('active');$('sessionsView').classList.add('active');loadSessions()}
   async function openSession(id,title,fromHistory=false){clearTimeout(poll);if(!fromHistory)history.pushState({view:'chat',sessionId:id,title:title||L.untitled},'');activeSession=id;const summary=sessionSummaries.find(item=>item.sessionId===id);sessionBlank=summary?.blank??true;currentPreset=summary?.agentPreset||null;modelCatalog=null;closeSessionSettings();lastHistoryKey='';resetOptimisticMessages();syncPendingQuestion(null);document.body.classList.add('chat-open');$('sessionsView').classList.remove('active');$('chatView').classList.add('active');$('messages').innerHTML='<div class="loading"><div class="skeleton"></div><div class="skeleton"></div><div class="skeleton"></div></div>';await loadHistory(true);schedulePoll()}
 function handleHistory(state){if(state?.view==='chat'&&state.sessionId)openSession(state.sessionId,state.title,true);else showSessionList()}
diff --git a/test/lan-mobile-pages.test.ts b/test/lan-mobile-pages.test.ts
index 689f629c..ab038bb5 100644
--- a/test/lan-mobile-pages.test.ts
+++ b/test/lan-mobile-pages.test.ts
@@ -74,18 +74,10 @@ describe('LAN mobile page', () => {
     expect(html).toContain('id="todoDock" class="todo-dock"')
     expect(html).toContain('function updateTodos(projections)')
     expect(html).toContain('projections?.values?.todos')
-    expect(html).toContain(
-      'id="turnStatus" class="turn-status" role="status" aria-live="polite" hidden>Deep diving...</div>'
-    )
-    expect(html.indexOf('id="turnStatus"')).toBeGreaterThan(html.indexOf('id="todoDock"'))
-    expect(html.indexOf('id="turnStatus"')).toBeLessThan(html.indexOf('class="composer-inner"'))
-    expect(html).toContain(
-      "function syncTurnStatus(){const visible=agentRunning&&!pendingQuestion;$('turnStatus').hidden=!visible;document.body.classList.toggle('turn-running',visible)}"
-    )
-    expect(html).toContain("box.innerHTML=messages.map(renderMessage).join('')")
-    expect(html).not.toContain("join('')+status")
-    expect(html).toContain('.turn-running .messages{padding-bottom:116px}')
-    expect(html).toContain('.turn-running.todo-open .messages{padding-bottom:162px}')
+    expect(html).toContain('Deep diving...</div>')
+    expect(html).toContain("box.innerHTML=messages.map(renderMessage).join('')+status")
+    expect(html).not.toContain('id="turnStatus"')
+    expect(html).toContain('.messages .turn-status{align-self:flex-start;flex:none;margin:3px 4px}')
     expect(html).not.toContain("||'<div class=\"empty\">'+L.noSessions+'</div>'")
     expect(html).toContain('.thinking[data-state=running] .activity-summary:after')
     expect(html).not.toContain('.thinking[data-state=running] summary:after')

From 46e1c749d6690c3edc0b5f4fa3e3e6052ba59016 Mon Sep 17 00:00:00 2001
From: QinRui <wisdomspace@hotmail.com>
Date: Thu, 20 Aug 2026 18:50:31 +0800
Subject: [PATCH 5/6] fix: hide native preset import input

---
 .../@deepseek-ai+dsh-client-ui-agent-preset+0.1.0-rc.8.patch    | 2 +-
 test/preset-transfer-patch.test.ts                              | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/patches/@deepseek-ai+dsh-client-ui-agent-preset+0.1.0-rc.8.patch b/patches/@deepseek-ai+dsh-client-ui-agent-preset+0.1.0-rc.8.patch
index 62cbf6f0..8d3c8850 100644
--- a/patches/@deepseek-ai+dsh-client-ui-agent-preset+0.1.0-rc.8.patch
+++ b/patches/@deepseek-ai+dsh-client-ui-agent-preset+0.1.0-rc.8.patch
@@ -425,7 +425,7 @@ index 84b746e..6983d4a 100644
  			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-agent-preset";
  			tag.dataset.pluginCss = tagId;
 -			tag.textContent = css;
-+			tag.textContent = `${css}.rtSEdW_sectionActions{flex:none;align-items:center;gap:8px;margin-right:12px;display:flex}`;
++			tag.textContent = `${css}.rtSEdW_sectionActions{flex:none;align-items:center;gap:8px;margin-right:12px;display:flex}.rtSEdW_hiddenInput{display:none}`;
  			document.head.appendChild(tag);
  		}
  		var AgentPresetSection_module_css_default = {
diff --git a/test/preset-transfer-patch.test.ts b/test/preset-transfer-patch.test.ts
index dc9248e4..3c6c85a9 100644
--- a/test/preset-transfer-patch.test.ts
+++ b/test/preset-transfer-patch.test.ts
@@ -96,6 +96,7 @@ describe('agent preset package transfer', () => {
     expect(patch).toContain('https://www.dshdesktop.com/preset/')
     expect(patch).toContain('"_blank", "noopener,noreferrer"')
     expect(patch).toContain('AgentPresetSection_module_css_default.sectionActions')
+    expect(patch).toContain('.rtSEdW_hiddenInput{display:none}')
   })
 
   it('keeps a large mode roster searchable, grouped, compact, and connected to Awesome Presets', async () => {

From 1204e5937db1f314b4593211d885da52970ad739 Mon Sep 17 00:00:00 2001
From: QinRui <wisdomspace@hotmail.com>
Date: Thu, 20 Aug 2026 18:59:07 +0800
Subject: [PATCH 6/6] fix: align preset actions and reserve Windows titlebar

---
 .../@deepseek-ai+dsh-client-ui-agent-preset+0.1.0-rc.8.patch | 2 +-
 src/preload/windows-titlebar.ts                              | 5 +++++
 test/preset-transfer-patch.test.ts                           | 3 +++
 test/windows-titlebar.test.ts                                | 3 +++
 4 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/patches/@deepseek-ai+dsh-client-ui-agent-preset+0.1.0-rc.8.patch b/patches/@deepseek-ai+dsh-client-ui-agent-preset+0.1.0-rc.8.patch
index 8d3c8850..c6a1c3d1 100644
--- a/patches/@deepseek-ai+dsh-client-ui-agent-preset+0.1.0-rc.8.patch
+++ b/patches/@deepseek-ai+dsh-client-ui-agent-preset+0.1.0-rc.8.patch
@@ -425,7 +425,7 @@ index 84b746e..6983d4a 100644
  			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-agent-preset";
  			tag.dataset.pluginCss = tagId;
 -			tag.textContent = css;
-+			tag.textContent = `${css}.rtSEdW_sectionActions{flex:none;align-items:center;gap:8px;margin-right:12px;display:flex}.rtSEdW_hiddenInput{display:none}`;
++			tag.textContent = `${css}.rtSEdW_sectionHead{align-items:center;gap:16px;display:flex}.rtSEdW_sectionActions{flex:none;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;display:flex}.rtSEdW_hiddenInput{display:none}`;
  			document.head.appendChild(tag);
  		}
  		var AgentPresetSection_module_css_default = {
diff --git a/src/preload/windows-titlebar.ts b/src/preload/windows-titlebar.ts
index faca1d35..5e5d9d48 100644
--- a/src/preload/windows-titlebar.ts
+++ b/src/preload/windows-titlebar.ts
@@ -7,6 +7,7 @@ import {
 const HOST_ID = 'dsh-desktop-windows-titlebar'
 const LAYOUT_STYLE_ID = `${HOST_ID}-layout`
 const SIDEBAR_WIDTH_PROPERTY = '--dsh-desktop-windows-sidebar-width'
+const CAPTION_WIDTH_PROPERTY = '--dsh-desktop-windows-caption-width'
 
 type MenuEntry =
   | { kind: 'command'; command: DesktopMenuCommand; label: string; shortcut?: string }
@@ -117,6 +118,7 @@ function installLayout(document: Document): void {
   style.textContent = `
     html, body { height: 100% !important; }
     body.dsh-desktop-windows-titlebar-layout {
+      ${CAPTION_WIDTH_PROPERTY}: calc(100vw - env(titlebar-area-x, 0px) - env(titlebar-area-width, calc(100vw - 140px)));
       box-sizing: border-box !important;
       height: 100% !important;
       padding-top: 0 !important;
@@ -128,6 +130,9 @@ function installLayout(document: Document): void {
     body.dsh-desktop-windows-titlebar-layout [data-dsh-sidebar-root][data-dsh-sidebar-wide="true"] {
       padding-top: 6px !important;
     }
+    body.dsh-desktop-windows-titlebar-layout [data-slot="conversation.session.header"] > header {
+      padding-right: calc(var(${CAPTION_WIDTH_PROPERTY}, 140px) + 52px) !important;
+    }
   `
   document.head.appendChild(style)
 }
diff --git a/test/preset-transfer-patch.test.ts b/test/preset-transfer-patch.test.ts
index 3c6c85a9..2848743a 100644
--- a/test/preset-transfer-patch.test.ts
+++ b/test/preset-transfer-patch.test.ts
@@ -96,6 +96,9 @@ describe('agent preset package transfer', () => {
     expect(patch).toContain('https://www.dshdesktop.com/preset/')
     expect(patch).toContain('"_blank", "noopener,noreferrer"')
     expect(patch).toContain('AgentPresetSection_module_css_default.sectionActions')
+    expect(patch).toContain('.rtSEdW_sectionHead{align-items:center;gap:16px;display:flex}')
+    expect(patch).toContain('justify-content:flex-end')
+    expect(patch).toContain('margin-left:auto')
     expect(patch).toContain('.rtSEdW_hiddenInput{display:none}')
   })
 
diff --git a/test/windows-titlebar.test.ts b/test/windows-titlebar.test.ts
index 9f93ff32..044ebc12 100644
--- a/test/windows-titlebar.test.ts
+++ b/test/windows-titlebar.test.ts
@@ -38,6 +38,9 @@ describe('Windows titlebar menu', () => {
     expect(preload).toContain('-webkit-app-region: drag')
     expect(preload).toContain('-webkit-app-region: no-drag')
     expect(preload).toContain('env(titlebar-area-width')
+    expect(preload).toContain("const CAPTION_WIDTH_PROPERTY = '--dsh-desktop-windows-caption-width'")
+    expect(preload).toContain('[data-slot="conversation.session.header"] > header')
+    expect(preload).toContain('padding-right: calc(var(${CAPTION_WIDTH_PROPERTY}, 140px) + 52px) !important')
   })
 
   it('accepts only the fixed menu command allowlist', async () => {