@spzxg/cli-ui 0.6.5 → 0.6.6

package/src/core/types.ts

@@ -43,7 +43,13 @@ export interface CenterTurn {
   queue_position?: number | null;
 }
 
-export interface CenterTask {
+/** Node-observed human wait state. Missing/null means unavailable, not confirmed idle. */
+export interface AwaitingInputState {
+  awaiting_input?: boolean | null;
+  awaiting_input_observed_at?: string | null;
+}
+
+export interface CenterTask extends AwaitingInputState {
   id: string;
   job_id: string;
   seq?: number;
@@ -63,7 +69,7 @@ export interface CenterTask {
 }
 
 /** 对话任务里的一个对话（一个子任务、一个 Agent 会话）。conversation.conversations 的一项。 */
-export interface ConversationInfo {
+export interface ConversationInfo extends AwaitingInputState {
   task_id: string;
   seq: number;
   title: string;
@@ -79,7 +85,7 @@ export interface ConversationInfo {
   created_at: string | null;
 }
 
-export interface ConversationSummary {
+export interface ConversationSummary extends AwaitingInputState {
   /** 里面的每个对话（按开的先后）。旧版 center 没有这个字段：当作只有一个对话。 */
   conversations?: ConversationInfo[];
   turns: number;
@@ -117,6 +123,12 @@ export interface SendResult {
   turn: CenterTurn;
 }
 
+/** 每次浏览器操作前的随机等待范围；合法范围由任务中心与节点共同校验。 */
+export interface BrowserPacing {
+  min_seconds: number;
+  max_seconds: number;
+}
+
 /** 新建对话时可带的参数（POST /api/jobs，mode=conversation）。 */
 export interface NewConversationOptions {
   title?: string;
@@ -127,6 +139,10 @@ export interface NewConversationOptions {
   agent?: string;
   timeoutSeconds?: number;
   browser?: boolean;
+  /** Ego 操作手册的 YAML 正文（不是文件名或 URL）；必须显式 browser:true。 */
+  browserPlaybook?: string;
+  /** 转发至节点执行器和浏览器脚本；必须显式 browser:true。 */
+  browserPacing?: BrowserPacing;
 }
 
 // ── Operator：节点转录 ─────────────────────────────────────────────
@@ -213,8 +229,8 @@ export type NodeEvent =
   | { type: "tool"; id: string; title: string; detail: string; peek?: ToolPeek; diff?: DiffLine[]; msgId?: string; generation?: number }
   | { type: "tool_result"; id: string; content: string; isError: boolean; peek?: ToolPeek; msgId?: string }
   | { type: "ask"; id: string; questions: AskQuestion[]; msgId?: string; generation?: number }
-  | { type: "ask_answered"; id: string; answers: AskAnswers; msgId?: string }
-  | { type: "input"; input: InputRequest; msgId?: string; generation?: number }
+  | { type: "ask_answered"; id: string; answers: AskAnswers; msgId?: string; awaiting_input?: 0 | 1 }
+  | { type: "input"; input: InputRequest; msgId?: string; generation?: number; awaiting_input?: 0 | 1 }
   | { type: "usage"; usage: TurnUsage }
   | { type: "notice"; content: string; msgId?: string; generation?: number }
   | { type: "error"; content: string; msgId?: string; generation?: number }
@@ -233,7 +249,7 @@ export type StreamItem =
   | { type: "task"; task: StreamTask | BatchStreamTask };
 
 /** 实时流看的那个对话（GET /api/jobs/:id/stream?task=）。 */
-export interface StreamTask { id: string; seq: number; title: string; status: string; closed: boolean; remote_task_id: string | null; continue_from_task_id: string | null }
+export interface StreamTask extends AwaitingInputState { id: string; seq: number; title: string; status: string; closed: boolean; remote_task_id: string | null; continue_from_task_id: string | null }
 
 export interface StreamSnapshot {
   job: { id: string; status: JobStatus; closed_reason: string | null; node_id: string | null; mode: string; title: string; conversation: ConversationSummary };
@@ -246,7 +262,7 @@ export interface StreamSnapshot {
  * 一次性任务（含续派）的子任务，实时流里的样子。cli-chat 只读查看这类任务时用。
  * prompt / opener_prompt：指定了 ?task= 时看的那个子任务才有（opener_prompt = 开出它所在节点对话的那个子任务的原文）。
  */
-export interface BatchStreamTask {
+export interface BatchStreamTask extends AwaitingInputState {
   id: string;
   seq: number;
   task_key: string | null;
@@ -426,15 +442,20 @@ export interface BrowserStatus {
 }
 
 /** 浏览器画面流里的一条消息（节点原样转发）。 */
-export type BrowserMessage =
+export interface BrowserTab { id: string; title: string; url: string }
+/** 新节点用页面身份隔离输入；旧节点可以省略这两个字段。 */
+export interface BrowserTarget { targetId?: string; targetEpoch?: number }
+export type BrowserMessage = BrowserTarget & (
   | { type: "frame"; data: string; metadata?: { deviceWidth: number; deviceHeight: number } }
   | { type: "page"; url?: string; title?: string }
+  /** 只包含当前任务内的网页；只有明确声明 canSelect 才显示可切换标签。 */
+  | { type: "tabs"; tabs: BrowserTab[]; activeId: string | null; canSelect?: boolean }
   | { type: "error"; message?: string }
   /** 按了复制 / 剪切：选中的文字（只发给按键的人），写进本机剪贴板。 */
   | { type: "clipboard"; text: string }
   /** 网页弹出了 alert / confirm / prompt（画面里看不到，单独显示）。 */
   | { type: "dialog"; dialogType: "alert" | "confirm" | "prompt" | "beforeunload"; message: string; defaultPrompt?: string }
-  | { type: "dialog_closed" };
+  | { type: "dialog_closed" });
 
 /** 浏览器实时连接（GET /browser/live）的画面连接状况。 */
 export type BrowserFramesState = { state: "idle" | "connecting" | "live" | "retrying"; detail?: string };

package/src/layout/split.ts

@@ -5,12 +5,12 @@
  *   attachSplit(container, { panes: [{ size: 300, min: 220, max: 480 }, { min: 360 }, { size: "42%", min: 320 }], storageKey: "strategy" })
  *
  * 规则：
- *   · 写了 size 的栏是定宽（px 或百分比，百分比按容器宽度换算成 px）；没写 size 的栏占剩下的宽度（只能有一个，没有就是最后一栏）。
+ *   · 写了 size 的栏是定宽（px 或百分比，未手动调整的百分比随容器宽度变化）；没写 size 的栏占剩下的宽度（只能有一个，没有就是最后一栏）。
  *   · 拖动条改它旁边定宽的那一栏；任何一栏都不会小于自己的 min，占剩余宽度的那栏也一样。
  *   · 双击拖动条：那一栏回到初始宽度。键盘：拖动条能聚焦，←/→ 每次 16px（按住 Shift 64px）。
  *   · 子元素根节点带 collapsed 类（cli-board 收起时）：那一栏变成 40px 窄条（--cli-split-collapsed），旁边的拖动条隐藏；展开后回到原来的宽度。
  *   · 写了 storageKey：拖好的宽度记在 localStorage（cli-ui:split:<storageKey>），下次打开还是这个宽度。
- *   · 窗口变窄时定宽栏按比例让出宽度，保证占剩余宽度的那栏不小于它的 min。
+ *   · 窗口变窄时定宽栏按超过 min 的空间比例让出宽度；各栏 min 之和能放下时，保证占剩余宽度的那栏不小于它的 min。
  */
 export type SplitPane = { size?: number | `${number}%`; min?: number; max?: number };
 export type SplitOptions = {
@@ -26,6 +26,8 @@ const STEP = 16;
 
 export function attachSplit(container: HTMLElement, initial: SplitOptions = {}): SplitHandle {
   let options = initial;
+  // Only user overrides are pixels. null keeps the configured responsive default.
+  // Old persisted numeric arrays remain valid user preferences.
   let sizes: (number | null)[] = [];
   let gutters: HTMLElement[] = [];
   let panes: HTMLElement[] = [];
@@ -45,48 +47,79 @@ export function attachSplit(container: HTMLElement, initial: SplitOptions = {}):
   };
 
   const spec = (i: number): SplitPane => options.panes?.[i] ?? {};
-  const flexIndex = () => {
+  const preferredFlexIndex = () => {
     const i = panes.findIndex((_, n) => spec(n).size === undefined);
     return i >= 0 ? i : panes.length - 1;
   };
-  const minOf = (i: number) => spec(i).min ?? DEFAULT_MIN;
+  const minOf = (i: number) => Math.max(0, spec(i).min ?? DEFAULT_MIN);
+  const clamp = (i: number, w: number) => Math.round(Math.min(Math.max(minOf(i), spec(i).max ?? Infinity), Math.max(minOf(i), w)));
+  const contentWidth = () => {
+    const style = getComputedStyle(container);
+    return Math.max(0, container.clientWidth - (parseFloat(style.paddingLeft) || 0) - (parseFloat(style.paddingRight) || 0));
+  };
   const initialSize = (i: number): number | null => {
-    if (i === flexIndex()) return null;
+    if (i === preferredFlexIndex()) return null;
     const s = spec(i).size;
-    if (typeof s === "string") return Math.round((parseFloat(s) / 100) * (container.clientWidth || 1200));
-    return s ?? 320;
+    if (typeof s === "string") return clamp(i, (parseFloat(s) / 100) * (contentWidth() || 1200));
+    return clamp(i, s ?? 320);
   };
   const isCollapsed = (pane: HTMLElement) => !!pane.firstElementChild?.classList.contains("collapsed");
-  const clamp = (i: number, w: number) => Math.round(Math.min(spec(i).max ?? Infinity, Math.max(minOf(i), w)));
+  const isVisible = (pane: HTMLElement) => !pane.hidden && getComputedStyle(pane).display !== "none";
+  const flexIndex = () => {
+    const preferred = preferredFlexIndex();
+    if (panes[preferred] && isVisible(panes[preferred]) && !isCollapsed(panes[preferred])) return preferred;
+    // A host may hide whole panes on mobile. A remaining visible pane fills the
+    // space without turning its default width into a permanent pixel override.
+    for (let i = panes.length - 1; i >= 0; i--) if (isVisible(panes[i]) && !isCollapsed(panes[i])) return i;
+    return -1;
+  };
+  const desiredSizes = () => panes.map((_, i) => i === preferredFlexIndex() ? null : clamp(i, sizes[i] ?? initialSize(i)!));
 
   /** 定宽栏放进容器：总宽超了就按比例收，给占剩余宽度的那栏留出它的 min。 */
-  function fitted(): (number | null)[] {
-    const total = container.clientWidth;
-    const flex = flexIndex();
-    const fixed = sizes.map((s, i) => (i === flex || isCollapsed(panes[i]) ? 0 : s ?? 0));
-    const collapsedW = panes.reduce((sum, p, i) => sum + (i !== flex && isCollapsed(p) ? p.getBoundingClientRect().width : 0), 0);
-    const room = total - minOf(flex) - collapsedW;
-    const sum = fixed.reduce((a, b) => a + b, 0);
-    if (!total || sum <= room) return sizes;
-    const ratio = Math.max(0, room) / sum;
-    return sizes.map((s, i) => (i === flex || s === null ? null : Math.max(minOf(i), Math.floor(s * ratio))));
+  function fitted(flex: number): (number | null)[] {
+    const shown = desiredSizes();
+    const fixed = panes.flatMap((p, i) => i !== flex && isVisible(p) && !isCollapsed(p) ? [i] : []);
+    const collapsedW = panes.reduce((sum, p) => sum + (isVisible(p) && isCollapsed(p) ? p.getBoundingClientRect().width : 0), 0);
+    const gutterW = gutters.reduce((sum, g) => {
+      if (g.hidden) return sum;
+      const style = getComputedStyle(g);
+      const width = g.getBoundingClientRect().width || parseFloat(style.flexBasis) || 0;
+      return sum + Math.max(0, width + (parseFloat(style.marginLeft) || 0) + (parseFloat(style.marginRight) || 0));
+    }, 0);
+    const room = contentWidth() - (flex < 0 ? 0 : minOf(flex)) - collapsedW - gutterW;
+    const sum = fixed.reduce((total, i) => total + shown[i]!, 0);
+    if (!container.clientWidth || sum <= room) return shown;
+    const minimum = fixed.reduce((total, i) => total + minOf(i), 0);
+    // Scaling whole widths can hit one pane's minimum and still overflow the
+    // flexible pane. Allocate only the space above each minimum instead.
+    const ratio = sum > minimum ? Math.max(0, room - minimum) / (sum - minimum) : 0;
+    for (const i of fixed) shown[i] = minOf(i) + Math.floor((shown[i]! - minOf(i)) * ratio);
+    return shown;
   }
 
   function apply() {
     const flex = flexIndex();
-    const shown = fitted();
+    // Set narrow strips before measuring: their previous expanded width must
+    // not be subtracted from the available space on the first collapse frame.
+    for (const pane of panes) {
+      if (!isCollapsed(pane)) continue;
+      pane.style.flex = "0 0 var(--cli-split-collapsed, 40px)";
+      pane.style.width = "";
+      pane.style.minWidth = "";
+    }
+    gutters.forEach((g, i) => { g.hidden = !isVisible(panes[i]) || !isVisible(panes[i + 1]) || isCollapsed(panes[i]) || isCollapsed(panes[i + 1]); });
+    const shown = fitted(flex);
     panes.forEach((pane, i) => {
       pane.classList.add("cli-split-pane");
+      if (isCollapsed(pane)) return;
       if (i === flex) { pane.style.flex = "1 1 0"; pane.style.width = ""; pane.style.minWidth = `${minOf(i)}px`; return; }
-      // 收起的栏（cli-board 的窄条宽度是 100%，没有自身宽度）：固定窄条宽，宿主可用 --cli-split-collapsed 改。
-      if (isCollapsed(pane)) { pane.style.flex = "0 0 var(--cli-split-collapsed, 40px)"; pane.style.width = ""; pane.style.minWidth = ""; return; }
+      // Hidden preferred flex panes keep their flex role for when they return.
+      if (shown[i] === null) { pane.style.flex = "1 1 0"; pane.style.width = ""; pane.style.minWidth = `${minOf(i)}px`; return; }
       pane.style.flex = `0 0 ${shown[i]}px`;
       pane.style.width = `${shown[i]}px`;
       pane.style.minWidth = "0";
     });
     gutters.forEach((g, i) => {
-      const hidden = isCollapsed(panes[i]) || isCollapsed(panes[i + 1]);
-      g.hidden = hidden;
       g.setAttribute("aria-valuenow", String(Math.round(panes[sideOf(i)]?.getBoundingClientRect().width ?? 0)));
     });
   }
@@ -95,18 +128,20 @@ export function attachSplit(container: HTMLElement, initial: SplitOptions = {}):
   const sideOf = (gutter: number) => (gutter === flexIndex() ? gutter + 1 : gutter);
 
   function resize(gutter: number, dx: number) {
+    if (gutters[gutter]?.hidden) return;
     const target = sideOf(gutter);
     const sign = target === gutter ? 1 : -1;
     const flex = flexIndex();
+    if (flex < 0) return;
     const current = panes[target].getBoundingClientRect().width;
     // 占剩余宽度的那栏不能被挤到 min 以下。
     const flexW = panes[flex].getBoundingClientRect().width;
-    const grow = Math.min(sign * dx, flexW - minOf(flex));
+    const grow = Math.min(sign * dx, Math.max(0, flexW - minOf(flex)));
     sizes[target] = clamp(target, current + grow);
     apply();
   }
 
-  function finish() { save(); options.onResize?.([...sizes]); }
+  function finish() { save(); options.onResize?.(desiredSizes()); }
 
   function makeGutter(index: number) {
     const g = document.createElement("div");
@@ -138,7 +173,7 @@ export function attachSplit(container: HTMLElement, initial: SplitOptions = {}):
     });
     g.addEventListener("dblclick", () => {
       const target = sideOf(index);
-      sizes[target] = initialSize(target);
+      sizes[target] = null;
       apply();
       finish();
     });
@@ -153,20 +188,22 @@ export function attachSplit(container: HTMLElement, initial: SplitOptions = {}):
 
   /** 子元素变了（宿主增删栏）：重新找栏、重新插拖动条。 */
   function rebuild() {
+    for (const p of panes) ro?.unobserve?.(p);
     for (const g of gutters) g.remove();
     panes = [...container.children].filter((c): c is HTMLElement => c instanceof HTMLElement && !c.classList.contains("cli-split-gutter"));
     const saved = load();
-    const flex = flexIndex();
+    const flex = preferredFlexIndex();
     sizes = panes.map((_, i) => {
       if (i === flex) return null;
       const keep = sizes[i];
-      if (typeof keep === "number") return keep;
+      if (typeof keep === "number" && Number.isFinite(keep)) return clamp(i, keep);
       const s = saved && saved.length === panes.length ? saved[i] : null;
-      return typeof s === "number" ? clamp(i, s) : initialSize(i);
+      return typeof s === "number" && Number.isFinite(s) ? clamp(i, s) : null;
     });
     gutters = panes.slice(0, -1).map((_, i) => makeGutter(i));
     gutters.forEach((g, i) => panes[i].after(g));
     apply();
+    for (const p of panes) ro?.observe(p);
   }
 
   // 只看栏的增删、栏的根节点换了、根节点的 class 变了（收起 / 展开）；栏里面的内容（流式输出）不看，不然每个字都要重排。
@@ -199,7 +236,7 @@ export function attachSplit(container: HTMLElement, initial: SplitOptions = {}):
       observer.disconnect(); rebuild(); observe();
     },
     reset() {
-      sizes = panes.map((_, i) => initialSize(i));
+      sizes = panes.map(() => null);
       apply();
       finish();
     },

package/src/msglist/CliMsgList.tsx

@@ -59,6 +59,9 @@ export function CliMsgList(props: CliMsgListProps) {
 
 const SEARCH_MIN = 6;
 const BATCH_ACTIVE = new Set(["dispatching", "running", "verifying"]);
+// An orphaned task can retain a fresh, authoritative human-wait observation
+// while the center is reconciling its execution state. Do not call it running.
+const BATCH_AWAITING = new Set([...BATCH_ACTIVE, "orphaned"]);
 
 interface CardView {
   id: string;
@@ -95,9 +98,11 @@ export function cardView(id: string, entry: JobEntry | undefined): CardView {
     const label = cancelled ? "已取消" : failed ? "已失败" : "已完成";
     return { ...base, cls: cancelled || failed ? "x" : "g", label, running: false, awaiting: false, group: cancelled ? "cancelled" : "done", activity: updatedAt ? `${label} · ${relTime(updatedAt)}` : label };
   }
-  // 一次性任务：有子任务在节点上跑就是运行中，没有轮次、不会停在提问上。
+  // A browser handoff/input card keeps its turn running while requiring a human.
   if (batch) {
     const running = (job?.tasks ?? []).some((task) => BATCH_ACTIVE.has(task.status));
+    const awaiting = (job?.tasks ?? []).some((task) => BATCH_AWAITING.has(task.status) && task.awaiting_input === true);
+    if (awaiting) return { ...base, cls: "a", label: "需要你处理", running, awaiting, group: "needs", activity: "等你处理" };
     return { ...base, cls: "a", label: "进行中", running, awaiting: false, group: "active", activity: running ? "运行中 · 工作中" : status === "queued" ? "等待执行节点" : "进行中" };
   }
   // 开了几个对话：任何一个在跑就算在跑，任何一个停在提问上就要你处理（关掉的对话不算）。
@@ -105,7 +110,7 @@ export function cardView(id: string, entry: JobEntry | undefined): CardView {
   const many = (conv?.conversations?.length ?? 0) > 1;
   const running = many ? open.some((c) => c.running_turn) : !!conv?.running_turn;
   // 上一轮以提问结束、后面没有新消息：等你回答。
-  const awaiting = many ? open.some((c) => !c.running_turn && !c.queued_turns && !!c.last_turn?.asked) : !running && !conv?.queued_turns && !!conv?.last_turn?.asked;
+  const awaiting = many ? open.some((c) => c.awaiting_input === true || (!c.running_turn && !c.queued_turns && !!c.last_turn?.asked)) : conv?.awaiting_input === true || (!running && !conv?.queued_turns && !!conv?.last_turn?.asked);
   if (awaiting) return { ...base, cls: "a", label: "需要你处理", running, awaiting, group: "needs", activity: updatedAt ? `等你处理 · ${relTime(updatedAt)}` : "等你处理" };
   if (running) return { ...base, cls: "a", label: "进行中", running, awaiting, group: "active", activity: "运行中 · 工作中" };
   const waiting = conv?.queued_turns ? `${conv.queued_turns} 条排队中` : status === "queued" ? "等待执行节点" : updatedAt ? relTime(updatedAt) : "未开始";
@@ -143,6 +148,7 @@ export function convRows(jobId: string, entry: JobEntry | undefined): ConvRowVie
     if (tasks.length <= 1) return [];
     return tasks.map((t) => {
       const look = BATCH_ROW[t.status] ?? { cls: "a" as DotCls, label: t.status };
+      if (BATCH_AWAITING.has(t.status) && t.awaiting_input === true) return { key: convKey(jobId, t.id), title: t.title, cls: "a" as DotCls, label: "需要你处理", running: !!look.running, awaiting: true, activity: "等你处理", turns: 0 };
       return { key: convKey(jobId, t.id), title: t.title, cls: look.cls, label: look.label, running: !!look.running, awaiting: false, activity: look.label, turns: 0 };
     });
   }
@@ -153,7 +159,7 @@ export function convRows(jobId: string, entry: JobEntry | undefined): ConvRowVie
     const base = { key: convKey(jobId, c.task_id), title: c.title, turns: c.turns };
     if (c.closed || jobEnded) return { ...base, cls: "g" as DotCls, label: "已结束", running: false, awaiting: false, activity: "已结束" };
     const running = c.running_turn;
-    const awaiting = !running && !c.queued_turns && !!c.last_turn?.asked;
+    const awaiting = c.awaiting_input === true || (!running && !c.queued_turns && !!c.last_turn?.asked);
     if (awaiting) return { ...base, cls: "a" as DotCls, label: "需要你处理", running, awaiting, activity: "等你处理" };
     if (running) return { ...base, cls: "a" as DotCls, label: "进行中", running, awaiting, activity: "运行中" };
     return { ...base, cls: "a" as DotCls, label: "进行中", running, awaiting, activity: c.queued_turns ? `${c.queued_turns} 条排队中` : "空闲" };

package/src/operator/node/Transcript.tsx

@@ -193,8 +193,13 @@ function InputView({ input, agentLabel, onSubmit, onShowBrowser }: { onShowBrows
     if (!complete || busy || !onSubmit) return;
     setBusy(true);
     setErr(null);
-    const e = await onSubmit(input.id, vals.map((v) => v.trim()));
-    if (e) { setErr(e); setBusy(false); }
+    try {
+      const e = await onSubmit(input.id, vals.map((v, i) => input.fields[i].secret ? v : v.trim()));
+      if (e) { setErr(e); setBusy(false); }
+    } catch (error) {
+      setErr(error instanceof Error ? error.message : "提交失败，请重试");
+      setBusy(false);
+    }
   };
   return (
     <div className="ask">

package/src/operator/node/boardBackend.ts

@@ -15,7 +15,7 @@ export function createOperatorBoardBackend(fetcher: typeof fetch = (...args) =>
     suffix=suffix.replace(/^files\/raw/,'files');
     return fetcher(`/api/tasks/${target[1]}/${suffix}${url.search}`, init);
   } });
-  const viewers=new Map<string,WebSocket>();
+  const viewers=new Map<string,{taskId:string;socket:WebSocket}>();
   return { ...client.board!, directLinks: true, browserLive:undefined,
     async info(id) {
       const response=await fetcher(`/api/tasks/${encodeURIComponent(id)}`,{cache:'no-store'});
@@ -60,7 +60,7 @@ export function createOperatorBoardBackend(fetcher: typeof fetch = (...args) =>
     browserFrames(id,handlers) {
       const socket=new WebSocket(`${location.protocol==='https:'?'wss:':'ws:'}//${location.host}/browser/${encodeURIComponent(id)}/stream`);
       const viewer=clientId();let stopped=false;
-      viewers.set(viewer,socket);
+      viewers.set(viewer,{taskId:id,socket});
       const timeout=setTimeout(()=>{if(socket.readyState!==WebSocket.OPEN)socket.close();},10000);
       socket.onopen=()=>{clearTimeout(timeout);if(!stopped)handlers.onViewer(viewer);};
       socket.onmessage=event=>{if(stopped)return;try{handlers.onMessage(JSON.parse(String(event.data)) as BrowserMessage);}catch{/* Next frame can recover. */}};
@@ -68,8 +68,10 @@ export function createOperatorBoardBackend(fetcher: typeof fetch = (...args) =>
       socket.onclose=event=>{clearTimeout(timeout);viewers.delete(viewer);if(!stopped)handlers.onClose?.(new CenterError(event.reason||'浏览器画面连接已断开，正在重连','NETWORK',0));};
       return()=>{stopped=true;clearTimeout(timeout);viewers.delete(viewer);socket.close();};
     },
-    async browserInput(_id,viewer,events) {
-      const socket=viewers.get(viewer);
+    async browserInput(id,viewer,events) {
+      const entry=viewers.get(viewer);
+      if(entry&&entry.taskId!==id)throw new CenterError('浏览器连接属于另一个任务，请重新连接','HTTP_409',409);
+      const socket=entry?.socket;
       if(!socket||socket.readyState!==WebSocket.OPEN)throw new CenterError('浏览器画面尚未连接，请稍后重试','NETWORK',0);
       for(const event of events)socket.send(JSON.stringify(event));
     },

package/src/operator/node/protocol/types.ts

@@ -239,9 +239,9 @@ export type StreamEvent =
   | { type: "tool"; id: string; title: string; detail: string; peek?: ToolPeek; diff?: DiffLine[] }
   | { type: "tool_result"; id: string; content: string; isError: boolean; peek?: ToolPeek }
   | { type: "ask"; id: string; questions: AskQuestion[] }
-  | { type: "ask_answered"; id: string; answers: AskAnswers }
+  | { type: "ask_answered"; id: string; answers: AskAnswers; awaiting_input?: 0 | 1 }
   // An input card was raised or settled (the whole card each time; upsert by msgId).
-  | { type: "input"; input: InputRequest }
+  | { type: "input"; input: InputRequest; awaiting_input?: 0 | 1 }
   | { type: "suggested"; title: string }
   | { type: "usage"; usage: TurnUsage }
   | { type: "notice"; content: string } // a quiet, non-error system note (e.g. "caught up to main")

package/src/operator/node/useTaskStream.ts

@@ -149,15 +149,16 @@ export function useTaskStream({ selTask, selProjRef, agentsRef, setTaskRunning,
       // Only drop the flag once every parked ask on this task is answered.
       const open = openAsksRef.current[taskId];
       open?.delete(ev.id);
-      if (!open || open.size === 0) {
-        setTasks((prev) => prev.map((x) => (x.id === taskId ? { ...x, awaiting_input: 0 } : x)));
-      }
+      const reported = ev.awaiting_input;
+      const awaiting = reported === 0 || reported === 1 ? reported : open?.size ? 1 : 0;
+      setTasks((prev) => prev.map((x) => (x.id === taskId ? { ...x, awaiting_input: awaiting } : x)));
     } else if (ev.type === "input") {
       // browser_ask_user card raised or settled: the event carries the whole card.
       const data: ToolData = { title: "需要你提供信息", input: ev.input };
       upsertMsg(taskId, { id: ev.msgId ?? `in-${ev.input.id}`, role: "tool", content: JSON.stringify(data), generation: gen });
+      const reported = ev.awaiting_input;
       const waiting = ev.input.status === "pending";
-      setTasks((prev) => prev.map((x) => (x.id === taskId ? { ...x, awaiting_input: waiting ? 1 : x.awaiting_input && openAsksRef.current[taskId]?.size ? 1 : 0 } : x)));
+      setTasks((prev) => prev.map((x) => (x.id === taskId ? { ...x, awaiting_input: reported === 0 || reported === 1 ? reported : waiting ? 1 : x.awaiting_input && openAsksRef.current[taskId]?.size ? 1 : 0 } : x)));
     } else if (ev.type === "usage") {
       // Live cumulative spend: add this turn's totals to the task's figure.
       // Context occupancy, by contrast, is the latest turn's INPUT-side

package/src/operator.base.css

@@ -1659,6 +1659,14 @@ button.pop-item:hover{background:var(--surface-2);}
 .bp-handoff{border:1px solid var(--coral);background:var(--coral-soft);border-radius:var(--r-sm);padding:10px 12px;font-size:12.5px;line-height:1.6;color:var(--ink);}
 .bp-handoff-sub{margin-top:4px;font-family:var(--mono);font-size:10.5px;color:var(--ink-3);}
 .bp-viewer{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel);box-shadow:var(--sh-2);position:relative;}
+.bp-tabs{display:flex;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;padding:6px 6px 0;border-bottom:1px solid var(--line);background:var(--surface-2);scrollbar-width:thin;}
+.bp-tab{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:72px;max-width:200px;padding:7px 10px;border-radius:6px 6px 0 0;border-bottom:2px solid transparent;color:var(--ink-3);font-size:12px;text-align:left;}
+.bp-tab > span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
+.bp-tab.active{background:var(--panel);border-bottom-color:var(--accent);color:var(--ink);}
+.bp-tab:not(:disabled):hover{background:var(--panel);color:var(--ink);}
+.bp-tab:disabled{cursor:default;}
+.bp-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;}
+.bp-tab-wait{flex:none;color:var(--accent);}
 .bp-chrome{gap:6px;}
 .bp-nav{width:24px;height:24px;border-radius:4px;color:var(--ink-3);font-size:15px;line-height:1;}
 .bp-nav:not(:disabled):hover{background:var(--surface-2);color:var(--ink);}

package/src/operator.css

@@ -1659,6 +1659,14 @@
 .cli-ui .bp-handoff{border:1px solid var(--coral);background:var(--coral-soft);border-radius:var(--r-sm);padding:10px 12px;font-size:12.5px;line-height:1.6;color:var(--ink);}
 .cli-ui .bp-handoff-sub{margin-top:4px;font-family:var(--mono);font-size:10.5px;color:var(--ink-3);}
 .cli-ui .bp-viewer{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel);box-shadow:var(--sh-2);position:relative;}
+.cli-ui .bp-tabs{display:flex;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;padding:6px 6px 0;border-bottom:1px solid var(--line);background:var(--surface-2);scrollbar-width:thin;}
+.cli-ui .bp-tab{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:72px;max-width:200px;padding:7px 10px;border-radius:6px 6px 0 0;border-bottom:2px solid transparent;color:var(--ink-3);font-size:12px;text-align:left;}
+.cli-ui .bp-tab > span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
+.cli-ui .bp-tab.active{background:var(--panel);border-bottom-color:var(--accent);color:var(--ink);}
+.cli-ui .bp-tab:not(:disabled):hover{background:var(--panel);color:var(--ink);}
+.cli-ui .bp-tab:disabled{cursor:default;}
+.cli-ui .bp-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;}
+.cli-ui .bp-tab-wait{flex:none;color:var(--accent);}
 .cli-ui .bp-chrome{gap:6px;}
 .cli-ui .bp-nav{width:24px;height:24px;border-radius:4px;color:var(--ink-3);font-size:15px;line-height:1;}
 .cli-ui .bp-nav:not(:disabled):hover{background:var(--surface-2);color:var(--ink);}

package/src/styles.css

@@ -63,7 +63,7 @@
 .cli-ui .cli-task-control{height:34px;padding:0 10px;white-space:nowrap;}
 .cli-ui .cli-task-control:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
 @container cli-chat (max-width:560px){
-  .cli-ui .sess-head{gap:8px;padding:12px 14px;}
+  .cli-ui .sess-head{gap:8px;padding:12px 14px;flex-wrap:wrap;}
   .cli-ui .sess-head .sh-main{flex-basis:100%;}
   .cli-ui .sess-head .sh-tools{flex:1;justify-content:flex-start;margin-left:0;}
   .cli-ui .sess-head .cli-export{margin-left:auto;}
@@ -324,3 +324,31 @@ cli-split{display:block;}
 
 .cli-ui .cli-auto-background{font-size:12px;color:var(--muted);margin-top:8px;}
 .cli-ui .cli-auto-background pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;}
+
+/* Keep controls reachable when a keyboard, split host or landscape view leaves little height. */
+.cli-ui .session{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;}
+/* A zero-height transcript must not paint over references and composer controls. */
+.cli-ui .transcript-wrap{overflow:hidden;}
+@media (pointer:coarse){
+  .cli-ui .comp-area textarea,.cli-ui .ask-other,.cli-ui .bp-addr,.cli-ui .bp-dialog-in{font-size:16px;}
+  .cli-ui .rail-ftab-x{width:32px;height:36px;opacity:1;}
+  .cli-ui .cli-ref-x{width:32px;height:32px;}
+  .cli-ui .cli-fv-btn,.cli-ui .cli-fv-back,.cli-ui .bp-nav,.cli-ui .cli-attach{min-height:36px;min-width:36px;}
+  .cli-ui .rail-collapse{min-width:36px;min-height:36px;}
+}
+@media (max-height:500px){
+  .cli-ui.cli-chat .sess-head{min-height:42px;padding:6px 12px;gap:6px;}
+  .cli-ui.cli-chat .sess-head .sh-main{flex:1 1 0;}
+  .cli-ui.cli-chat .sess-head .sh-tools{flex:0 1 auto;max-width:65%;margin-left:auto;justify-content:flex-end;gap:4px;}
+  .cli-ui.cli-chat .sess-head .sh-title{font-size:15px;}
+  .cli-ui .msg-nav{display:none;}
+  .cli-ui.cli-chat .composer{padding:6px 10px;}
+  .cli-ui.cli-chat .comp-area{padding:8px 12px 0;}
+  .cli-ui.cli-chat .comp-area textarea{min-height:40px;max-height:64px;}
+  .cli-ui.cli-chat .comp-foot{padding:4px 8px;}
+  .cli-ui .cli-board-background{margin:0 10px 4px;padding:5px 8px;max-height:56px;overflow:auto;flex:0 0 auto;}
+  .cli-ui .cli-refs{max-height:64px;overflow:auto;flex:0 0 auto;}
+}
+@media (pointer:coarse) and (max-width:600px){
+  .cli-ui .bp.bp-big,.cli-ui .cli-fv.cli-fv-big{inset:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));}
+}

package/src/ui/Popover.tsx

@@ -14,12 +14,16 @@ export function Popover({ children, onClose }: { children: React.ReactNode; onCl
       const vv = window.visualViewport;
       const topEdge = vv?.offsetTop ?? 0;
       const vh = vv?.height ?? window.innerHeight;
-      const vw = window.innerWidth;
-      menu.style.maxHeight = `${Math.max(100, vh - 24)}px`;
+      const leftEdge = vv?.offsetLeft ?? 0;
+      const vw = vv?.width ?? window.innerWidth;
+      menu.style.minWidth = "0";
+      menu.style.maxWidth = `${Math.max(0, vw - 16)}px`;
+      menu.style.maxHeight = `${Math.max(0, vh - 16)}px`;
       const mw = menu.offsetWidth, mh = menu.offsetHeight;
-      const left = Math.max(8, Math.min(r.right - mw, vw - mw - 8));
+      const left = Math.max(leftEdge + 8, Math.min(r.right - mw, leftEdge + vw - mw - 8));
       const below = r.bottom + 6;
-      const top = below + mh <= topEdge + vh - 8 ? below : Math.max(topEdge + 8, r.top - mh - 6);
+      const preferredTop = below + mh <= topEdge + vh - 8 ? below : r.top - mh - 6;
+      const top = Math.max(topEdge + 8, Math.min(preferredTop, topEdge + vh - mh - 8));
       setPos({ top, left });
     };
     place();
@@ -27,7 +31,8 @@ export function Popover({ children, onClose }: { children: React.ReactNode; onCl
     observer.observe(menu);
     window.addEventListener("resize", place);
     window.visualViewport?.addEventListener("resize", place);
-    return () => { observer.disconnect(); window.removeEventListener("resize", place); window.visualViewport?.removeEventListener("resize", place); };
+    window.visualViewport?.addEventListener("scroll", place);
+    return () => { observer.disconnect(); window.removeEventListener("resize", place); window.visualViewport?.removeEventListener("resize", place); window.visualViewport?.removeEventListener("scroll", place); };
   }, []);
 
   const placed = pos !== null;

package/src/ui/Transcript.tsx

@@ -186,8 +186,13 @@ function InputView({ input, agentLabel, onSubmit, onBrowser }: { input: InputReq
     if (!complete || busy || !onSubmit) return;
     setBusy(true);
     setErr(null);
-    const e = await onSubmit(input.id, vals.map((v) => v.trim()));
-    if (e) { setErr(e); setBusy(false); }
+    try {
+      const e = await onSubmit(input.id, vals.map((v, i) => input.fields[i].secret ? v : v.trim()));
+      if (e) { setErr(e); setBusy(false); }
+    } catch (error) {
+      setErr(error instanceof Error ? error.message : "提交失败，请重试");
+      setBusy(false);
+    }
   };
   return (
     <div className="ask">