@songsid/agend 2.3.2-beta.10 → 2.3.2-beta.11

package/dist/ui/fleet-office-zones.js

@@ -42,33 +42,62 @@ export function overflowSpots(area, need = 0) {
  * slot }). Someone still in the same area keeps their slot; the others take the first free seat, in the area's order,
  * then an overflow spot (slot -1, -2, …). No two share one. Whoever finds neither is counted in `crowd` (area → n).
  * Returns { seats: Map name → { area, slot, x, y }, crowd: Map }.
+ *
+ * #2691: a seat may be reserved (its `for`). Whoever it is for, wanting its area, takes a free seat reserved for them
+ * before anything else (the one they sat on last time, else their first in the area's order) — owners are seated
+ * before anyone keeps a slot, so a borrower on an owner's seat moves off when the owner comes. Everyone else keeps
+ * their slot or takes the first free seat not reserved for someone else: a plain one, else a reserved one that says
+ * `lend` (one no owner of it took). A reserved seat not lent, none of whose owners wants the area, is unavailable:
+ * the area's overflow spots and `over` count without it. Seats without `for` work as before.
  */
 export function assignSeats(pack, wants, prev = new Map()) {
-  const seats = new Map(), crowd = new Map(), taken = new Map(), spill = new Map(), demand = new Map();
+  const seats = new Map(), crowd = new Map(), taken = new Map(), spill = new Map(), demand = new Map(), wanting = new Map();
   const areaOf = (a) => own(pack.areas, a);
-  for (const w of wants) demand.set(w.area, (demand.get(w.area) || 0) + 1);
+  for (const w of wants) {
+    demand.set(w.area, (demand.get(w.area) || 0) + 1);
+    if (!wanting.has(w.area)) wanting.set(w.area, new Set());
+    wanting.get(w.area).add(w.name);
+  }
+  const mine = (s, name) => !!s.for && s.for.includes(name);
+  const lent = (s) => !!s.for && s.lend === true;
+  // The seats someone wanting the area may end up on: plain, lent, or reserved for someone who wants it.
+  const usable = (area) => areaOf(area).seats.filter((s) => !s.for || s.lend === true || s.for.some((n) => wanting.get(area).has(n))).length;
   const spotsOf = (area) => {
-    if (!spill.has(area)) spill.set(area, overflowSpots(areaOf(area), Math.max(0, (demand.get(area) || 0) - areaOf(area).seats.length)));
+    if (!spill.has(area)) spill.set(area, overflowSpots(areaOf(area), Math.max(0, (demand.get(area) || 0) - usable(area))));
     return spill.get(area);
   };
   const pos = (area, slot) => (slot >= 0 ? areaOf(area).seats[slot] : spotsOf(area)[-slot - 1]);
   const usedIn = (area) => { if (!taken.has(area)) taken.set(area, new Set()); return taken.get(area); };
   const give = (name, area, slot) => { const p = pos(area, slot); usedIn(area).add(slot); seats.set(name, { area, slot, x: p.x, y: p.y }); };
+  const free = (w) => !seats.has(w.name) && !!areaOf(w.area);
+  // Owners first: their own seat from last time, then their first free one.
+  for (const w of wants) {
+    const p = prev.get(w.name), s = p && p.area === w.area && p.slot >= 0 && areaOf(w.area) ? areaOf(w.area).seats[p.slot] : null;
+    if (s && mine(s, w.name) && !usedIn(w.area).has(p.slot)) give(w.name, w.area, p.slot);
+  }
+  for (const w of wants) {
+    if (!free(w)) continue;
+    const used = usedIn(w.area), slot = areaOf(w.area).seats.findIndex((s, i) => mine(s, w.name) && !used.has(i));
+    if (slot >= 0) give(w.name, w.area, slot);
+  }
   for (const w of wants) {
     const p = prev.get(w.name);
-    if (!p || p.area !== w.area || !areaOf(w.area) || !pos(w.area, p.slot) || usedIn(w.area).has(p.slot)) continue;
+    if (!free(w) || !p || p.area !== w.area || !pos(w.area, p.slot) || usedIn(w.area).has(p.slot)) continue;
+    const s = p.slot >= 0 ? areaOf(w.area).seats[p.slot] : null;
+    if (s && s.for && !lent(s)) continue;                       // reserved for someone else (theirs would be taken above)
     give(w.name, w.area, p.slot);
   }
   for (const w of wants) {
-    if (seats.has(w.name) || !areaOf(w.area)) continue;
+    if (!free(w)) continue;
     const used = usedIn(w.area), area = areaOf(w.area);
-    let slot = area.seats.findIndex((_, i) => !used.has(i));
+    let slot = area.seats.findIndex((s, i) => !s.for && !used.has(i));
+    if (slot < 0) slot = area.seats.findIndex((s, i) => lent(s) && !used.has(i));
     if (slot < 0) { const j = spotsOf(w.area).findIndex((_, i) => !used.has(-i - 1)); slot = j < 0 ? null : -j - 1; }
     if (slot === null) crowd.set(w.area, (crowd.get(w.area) || 0) + 1);
     else give(w.name, w.area, slot);
   }
-  // Over capacity: more people want the area than it has seats (their bubbles and tags are thinned, fleet-office.js).
-  const over = new Set([...demand].filter(([a, n]) => areaOf(a) && n > areaOf(a).seats.length).map(([a]) => a));
+  // Over capacity: more people want the area than it has seats for them (their bubbles and tags are thinned, fleet-office.js).
+  const over = new Set([...demand].filter(([a, n]) => areaOf(a) && n > usable(a)).map(([a]) => a));
   return { seats, crowd, over };
 }
 
@@ -79,11 +108,33 @@ export function assignSeats(pack, wants, prev = new Map()) {
  */
 export function zonesLayout(pack, nodes, prev = new Map(), { night = false } = {}) {
   // At night (#2568) the idle go to bed: the area asleep people go to while it has a free seat; the rest doze where they are.
-  const bed = zoneOf(pack, "paused"), beds = (own(pack.areas, bed)?.seats || []).length, sleepers = new Set(), inBed = new Set();
-  let used = nodes.filter((n) => n.state !== "idle" && zoneOf(pack, n.state) === bed).length;
-  if (night) for (const n of nodes) if (n.state === "idle") { sleepers.add(n.name); if (used < beds) { used++; inBed.add(n.name); } }
-  const wants = nodes.filter((n) => n.state !== "missing").map((n) => ({ name: n.name, area: inBed.has(n.name) ? bed : zoneOf(pack, n.state) }));
-  const { seats, crowd, over } = assignSeats(pack, wants, prev);
+  const bed = zoneOf(pack, "paused"), bedSeats = own(pack.areas, bed)?.seats || [], sleepers = new Set(), inBed = new Set();
+  const wantsOf = (beds) => nodes.filter((n) => n.state !== "missing").map((n) => ({ name: n.name, area: beds.has(n.name) ? bed : zoneOf(pack, n.state) }));
+  let placed = assignSeats(pack, wantsOf(inBed), prev);
+  if (night) {
+    // #2691 review: who goes to bed is decided by the seat assignment itself (assignSeats' reservation rules), one
+    // sleeper at a time — whoever has a bed of their own there first, then the rest in the fleet's order. A sleeper
+    // goes to bed only if it gives them a bed (never an overflow spot) without taking one from anyone already in one
+    // (the awake first, then the sleepers admitted before), unless it is a bed reserved for them: an owner comes first,
+    // as by day. Everyone else dozes where they are.
+    const inABed = (r) => new Set([...r.seats].filter(([, s]) => s.area === bed && s.slot >= 0).map(([name]) => name));
+    const idle = nodes.filter((n) => n.state === "idle");
+    const hasBed = (n) => bedSeats.some((s) => s.for && s.for.includes(n.name));
+    for (const n of idle) sleepers.add(n.name);
+    for (const n of [...idle.filter(hasBed), ...idle.filter((n) => !hasBed(n))]) {
+      const trial = assignSeats(pack, wantsOf(new Set([...inBed, n.name])), prev), s = trial.seats.get(n.name);
+      if (!s || s.area !== bed || s.slot < 0) {
+        if (!hasBed(n)) break;                                  // no bed free for anyone without one: none for the rest either
+        continue;
+      }
+      const before = inABed(placed), after = inABed(trial);
+      const theirs = !!bedSeats[s.slot].for && bedSeats[s.slot].for.includes(n.name);
+      if (!theirs && [...before].some((m) => !after.has(m))) continue;
+      inBed.add(n.name);
+      placed = trial;
+    }
+  }
+  const { seats, crowd, over } = placed;
   const desks = nodes.filter((n) => seats.has(n.name)).map((n) => {
     const s = seats.get(n.name);
     return { key: `zone/${n.name}`, node: n, x: s.x - 24, y: s.y - 52, w: 48, h: 66, seat: { x: s.x, y: s.y }, wp: null, area: s.area, slot: s.slot, night: sleepers.has(n.name) };

package/dist/ui/fleet-office.js

@@ -70,7 +70,7 @@ import { POLL_MS } from "./fleet-traffic.js";
 import { OfficeEditor, officeForSave } from "./fleet-office-editor.js";
 import { LayoutEditor, handlesOf } from "./fleet-office-layout.js";
 import { ShareButton } from "./office-share-dialog.js";
-import { applyOverrides, fitNight } from "./fleet-office-pack.js";
+import { applyOverrides, fitNight, fitSeatFor } from "./fleet-office-pack.js";
 import { ALL_ID, LOBBY_TILE, OV, createCrossFlights, cropToRooms, fromTile, inTile, labelAt, lobbyNodes, overviewOk, tileAt, tileBox, tileLayout, visibleTiles } from "./fleet-office-overview.js";
 import { centreOn, gestureState, gestures, miniPoint, toScreen, toWorld, wheelFactor, zoomKey, zoomTo } from "./fleet-canvas-view.js";
 import { OK_MAX, OK_MIN, clampPan, desksK, edgeMatte, edgeStrips, fitScene, layerScale, miniBox, miniFrame, openingView, pinchOffice, savedOf, stepK, viewFromSaved,
@@ -193,7 +193,7 @@ function looksOf(L, work, q, mode, zones) {
 function withOverrides(baseSkin, zones, office) {
   const ov = zones && office ? office.overrides : null;
   if (!ov || ov.pack !== baseSkin.id) return { skin: baseSkin, ignored: false };
-  const a = applyOverrides(baseSkin.pack, fitNight(baseSkin.pack, ov));    // #2665: a night place the pack lost: left out
+  const a = applyOverrides(baseSkin.pack, fitSeatFor(baseSkin.pack, fitNight(baseSkin.pack, ov)));    // #2665/#2691: a night place or seat the pack lost: left out
   return a.ok ? { skin: { ...baseSkin, pack: a.pack }, ignored: false } : { skin: baseSkin, ignored: true };
 }
 /** A stored office's scene (or the lobby tile's): seats in its style's areas, its own seats, or one room wrapping at `deskW`. */
@@ -1113,6 +1113,8 @@ export function Office({ view, traffic, q = "", lease, onOpen, assetUrl, assetIm
     setTip(null);
   };
   const closeLayout = () => setLayout(null);
+  // #2691: whom a seat can be reserved for — the office's members (its teams' too).
+  const layoutMembers = useMemo(() => (layout && custom ? membersOf(custom, view).map((n) => n.name) : []), [layout && layout.id, custom, view]);
   const onDraft = (draft) => setLayout((cur) => (cur ? { ...cur, draft } : cur));
   // Save: the session's list, this office's overrides replaced (none: back to the style's own), with the session's rev.
   // A change made meanwhile (409) reads the list again: the session takes it (the view too), the draft is kept, and
@@ -1193,7 +1195,7 @@ export function Office({ view, traffic, q = "", lease, onOpen, assetUrl, assetIm
           : html`<button key=${tl.key} ref=${at} type="button" class="oo-tile-label" data-office=${tl.key} title=${to("openOffice", tl.name)} aria-label=${to("openOffice", tl.name)}
               onClick=${() => pick(tl.key)}>${text}</button>`;
       }) : null}
-      ${layout ? html`<${LayoutEditor} key=${layout.id} base=${layout.base} start=${layout.start} place=${placeOverlay} dock=${!fs}
+      ${layout ? html`<${LayoutEditor} key=${layout.id} base=${layout.base} start=${layout.start} place=${placeOverlay} dock=${!fs} members=${layoutMembers}
         stale=${layoutStale ? t("orgl.stale") : ""} onChange=${onDraft} onSave=${saveLayout} onClose=${closeLayout} />` : null}
       ${tipText ? html`<div ref=${tipRef} class="oo-tip" role="tooltip">
         <strong>${tipText.primary}</strong>${tipText.secondary ? html` <span class="muted mono">${tipText.secondary}</span>` : null}

package/dist/ui/panel-chat.js

@@ -618,8 +618,20 @@ function Prompts({ name }) {
   if (!list.length) return null;
   return html`<div data-trust="permission" class="prompts" aria-live="polite">${list.map(p => html`<div key=${p.nonce} class=${`prompt${p.resolved ? " done" : ""}`} role="group" aria-label=${p.text}>
     <div class="txt">${p.resolved ? (p.outcome || t("chat.promptGone")) : textLinkSegments(p.text, p.links).map(sg => sg.href ? html`<a data-trust="link" class="st-link" href=${sg.href}>${sg.text}</a>` : sg.text)}</div>
-    ${p.resolved ? null : html`<div class="acts">${p.actions.map(a => html`<button key=${a.id} type="button" class="btn" disabled=${!!p.busy} onClick=${() => store.answerPrompt(p, a.id)}>${a.label}</button>`)}
-      ${p.busy ? html`<span class="wait">${t("chat.promptAnswering")}</span>` : null}</div>`}</div>`)}</div>`;
+    ${p.resolved ? null : html`<div class="acts">${p.actions.filter(a => !a.input).map(a => html`<button key=${a.id} type="button" class="btn" disabled=${!!p.busy} onClick=${() => store.answerPrompt(p, a.id)}>${a.label}</button>`)}
+      ${p.busy ? html`<span class="wait">${t("chat.promptAnswering")}</span>` : null}</div>`}
+    ${p.resolved ? null : p.actions.filter(a => a.input).map(a => html`<${PromptText} key=${a.id} p=${p} action=${a} />`)}</div>`)}</div>`;
+}
+
+/** #2675: a prompt's typed answer (a kiro question card's "answer in words"): a box and its send button. */
+function PromptText({ p, action }) {
+  const [text, setText] = useState("");
+  const send = (e) => { e.preventDefault(); if (text.trim() && !p.busy) store.answerPrompt(p, action.id, text); };
+  return html`<form class="prompt-text" onSubmit=${send}>
+    <input type="text" maxlength="4000" aria-label=${action.label} placeholder=${t("chat.promptTextPlaceholder")} value=${text} disabled=${!!p.busy}
+      onInput=${(e) => setText(e.currentTarget.value)} />
+    <button type="submit" class="btn" disabled=${!!p.busy || !text.trim()}>${t("chat.promptTextSend")}</button>
+  </form>`;
 }
 
 /** "<name> is working… 0:42", "looks stuck", "Stopping…", or what it waits on at its terminal. Text only. */

package/dist/ui/panel-log.js

@@ -55,7 +55,7 @@ register("log", {
     cat_read: "Read", cat_edit: "Edit", cat_search: "Search", cat_run: "Run", cat_web: "Web", cat_mcp: "MCP", cat_agent: "Sub-agent",
     cat_plan: "Plan", cat_message: "Message", cat_other: "Tool", plan_items: "{0} items",
     ev_crash_respawn: "Crashed and restarted", ev_crash_loop: "Keeps crashing", ev_hang_detected: "Looks stuck", ev_hang_action: "Stuck: acted on",
-    ev_instance_paused: "Paused", ev_instance_resumed: "Resumed", ev_interactive_prompt: "Waiting at a prompt", ev_interactive_prompt_assist: "Prompt: asked for help",
+    ev_instance_paused: "Paused", ev_instance_resumed: "Resumed", ev_interactive_prompt: "Waiting at a prompt", ev_interactive_prompt_assist: "Prompt: asked for help", ev_remote_card: "Asked a question (posted to chat)", ev_remote_card_answer: "Question answered from chat",
     ev_dialog_parked: "A dialog waits", ev_model_failover: "Switched to another model", ev_model_recovered: "Model back",
     ev_mcp_died: "Tool server stopped", ev_mcp_recovered: "Tool server back", ev_mcp_auto_restart: "Tool server restarted",
     ev_message_failed: "A message was not delivered", ev_pty_error: "Terminal error", ev_pty_recovered: "Terminal recovered",
@@ -93,7 +93,7 @@ register("log", {
     cat_read: "讀取", cat_edit: "編輯", cat_search: "搜尋", cat_run: "執行", cat_web: "網頁", cat_mcp: "MCP", cat_agent: "子 agent",
     cat_plan: "計畫", cat_message: "訊息", cat_other: "工具", plan_items: "{0} 項",
     ev_crash_respawn: "當機後重新啟動", ev_crash_loop: "反覆當機", ev_hang_detected: "看起來卡住了", ev_hang_action: "卡住：已處理",
-    ev_instance_paused: "已暫停", ev_instance_resumed: "已繼續", ev_interactive_prompt: "停在提示上等待", ev_interactive_prompt_assist: "提示：已請求協助",
+    ev_instance_paused: "已暫停", ev_instance_resumed: "已繼續", ev_interactive_prompt: "停在提示上等待", ev_interactive_prompt_assist: "提示：已請求協助", ev_remote_card: "提出問題（已貼到聊天）", ev_remote_card_answer: "問題已從聊天回答",
     ev_dialog_parked: "有對話框在等待", ev_model_failover: "改用另一個模型", ev_model_recovered: "模型恢復",
     ev_mcp_died: "工具伺服器停止", ev_mcp_recovered: "工具伺服器恢復", ev_mcp_auto_restart: "工具伺服器已重新啟動",
     ev_message_failed: "有訊息沒有送達", ev_pty_error: "終端機錯誤", ev_pty_recovered: "終端機恢復",

package/dist/ui/panel-needs.js

@@ -196,7 +196,7 @@ function NeedsItem({ item, nowMs, owner }) {
       <div class="n-title"><strong>${reasonText(item)}</strong><span class="n-age">${age(item.since, nowMs)}</span></div>
       ${detailOf(item) ? html`<p class="n-detail">${detailOf(item)}</p>` : null}
       <div class="n-actions">
-        ${item.type === "prompt" && Array.isArray(item.actions) ? item.actions.map((a) => html`<button key=${a.id} type="button" class="btn btn-sm"
+        ${item.type === "prompt" && Array.isArray(item.actions) ? item.actions.filter((a) => !a.input).map((a) => html`<button key=${a.id} type="button" class="btn btn-sm"
             disabled=${promptBusy} onClick=${() => answer(a.id)}>${(p ? p.busy : fallback === "busy") ? tn("answering") : a.label}</button>`) : null}
         ${item.type === "delivery" ? html`<button type="button" class="btn btn-sm" disabled=${!!ack} onClick=${acknowledge}>
             <${Icon} name="check" size=${14} />${ack === "busy" ? tn("acknowledging") : tn("acknowledge")}</button>` : null}

package/dist/ui/panel-settings.js

@@ -27,7 +27,7 @@ import "./settings-strings.js";
 import { api, attach, confirmedWrite, newKey } from "./settings-confirm.js";
 import { dismissOperation, operationActive, restartFleet, startOperation, takeLeftover } from "./settings-apply.js";
 import {
-  ACCESS_MODES, AGENT_MODES, DASHBOARD_FEATURES, DEFAULT_SCHEMA, ownChoiceImpact, HANG_TIMEOUT_DEFAULT_MINUTES, LOG_LEVELS, TOOL_PROGRESS, TOOL_SETS, VISIBILITY_MODES, batchImpact,
+  ACCESS_MODES, AGENT_MODES, DASHBOARD_FEATURES, SEPARATE_FEATURE_KEYS, DEFAULT_SCHEMA, ownChoiceImpact, HANG_TIMEOUT_DEFAULT_MINUTES, LOG_LEVELS, TOOL_PROGRESS, TOOL_SETS, VISIBILITY_MODES, batchImpact,
   changedFields, channelId, channelsOf, chLabel, connectionState, dashboardDefault, effectiveSummary, fleetModel, fromYaml, fullModelRequests, groupAgents,
   hasOwn, impactOf, localeOptions, defaultsImpact, requestImpact, nonNegative, positive, replyGuardSupported, sameValue, shortName, STATUS_ORDER, toYaml,
   toolSetDefault, visibilityDefault, worstImpact,
@@ -1024,16 +1024,16 @@ function General({ ctx, part = "all" }) {
       tips: noticeMode(f.tips), reply_triggers: f.replyTriggers, reply_completion_guard: f.reply, log_level: f.log_level,
       // The dashboard features every agent may use unless its own setting says otherwise. All of them go, because the write
       // to the fleet's defaults merges top-level keys only (`dashboard` is replaced whole): the untouched ones as saved.
-      dashboard: Object.fromEntries(DASHBOARD_FEATURES.filter((k) => k !== "office").map((k) => [k, f[`dash_${k}`]])),
-      office_access: f.dash_office,
+      dashboard: Object.fromEntries(DASHBOARD_FEATURES.filter((k) => !Object.hasOwn(SEPARATE_FEATURE_KEYS, k)).map((k) => [k, f[`dash_${k}`]])),
+      ...Object.fromEntries(Object.entries(SEPARATE_FEATURE_KEYS).map(([k, key]) => [key, f[`dash_${k}`]])),
       hang_detector: { enabled: f.hangOn, timeout_minutes: num(f.hang) },
       startup: { ...(f.concurrency.trim() === "" ? {} : { concurrency: num(f.concurrency) }), stagger_delay_ms: num(f.stagger) },
     }, {
       backend: d.backend || "claude-code", model: d.model || undefined, locale: d.locale || null, auto_pause_after: d.auto_pause_after ?? 0,
       agent_mode: d.agent_mode || "mcp", tool_set: TOOL_SETS.includes(d.tool_set) ? d.tool_set : null, tool_progress: d.tool_progress ?? "off",
       tips: d.tips ?? true, cross_instance_visibility: visibilityDefault(d), reply_triggers: Boolean(d.reply_triggers ?? schema.reply_triggers_default), reply_completion_guard: d.reply_completion_guard ?? true, log_level: d.log_level || "info",
-      dashboard: Object.fromEntries(DASHBOARD_FEATURES.filter((k) => k !== "office").map((k) => [k, dashboardDefault(d, k)])),
-      office_access: dashboardDefault(d, "office"),
+      dashboard: Object.fromEntries(DASHBOARD_FEATURES.filter((k) => !Object.hasOwn(SEPARATE_FEATURE_KEYS, k)).map((k) => [k, dashboardDefault(d, k)])),
+      ...Object.fromEntries(Object.entries(SEPARATE_FEATURE_KEYS).map(([k, key]) => [key, dashboardDefault(d, k)])),
       hang_detector: { enabled: hang.enabled !== false, timeout_minutes: hang.timeout_minutes ?? HANG_TIMEOUT_DEFAULT_MINUTES },
       startup: { ...(startup.concurrency == null ? {} : { concurrency: startup.concurrency }), stagger_delay_ms: startup.stagger_delay_ms ?? 500 },
     });

package/dist/ui/settings-model.js

@@ -40,26 +40,32 @@ export function changedFields(next, baseline) {
 
 /**
  * The dashboard features an agent may use (dashboard-permissions.ts): each "inherit" (the fleet default: `defaults.dashboard`,
- * else allowed — off for OFF_UNLESS_ON, `office`), "on" or "off". The patch names only the features that changed: null
+ * else allowed — off for OFF_UNLESS_ON, `office` and `office_packs`), "on" or "off". The patch names only the features that changed: null
  * follows the default again.
  */
-export const DASHBOARD_FEATURES = ["appearance", "task_board", "web_settings", "office"];
-/** #2578: the features a person switches on — unset is off (dashboard-permissions.ts OFF_UNLESS_ON). */
-export const OFF_UNLESS_ON = ["office"];
+export const DASHBOARD_FEATURES = ["appearance", "task_board", "web_settings", "office", "office_packs"];
+/** #2578, #2692: the features a person switches on — unset is off (dashboard-permissions.ts OFF_UNLESS_ON). */
+export const OFF_UNLESS_ON = ["office", "office_packs"];
+/** #2601, #2692: the features kept beside `dashboard` under their own key (dashboard-permissions.ts SEPARATE_FEATURE_KEYS). */
+export const SEPARATE_FEATURE_KEYS = { office: "office_access", office_packs: "office_pack_access" };
 export const DASHBOARD_CHOICES = ["inherit", "on", "off"];
 const dashboardOf = (v) => (v && typeof v === "object" && !Array.isArray(v) ? v : {});
 /** What a feature is for an agent with no setting of its own: the default's, else allowed (off for OFF_UNLESS_ON). */
 export const dashboardDefault = (defaults, feature) => {
-  const v = feature === "office" && defaults && Object.hasOwn(defaults, "office_access") ? defaults.office_access : dashboardOf(defaults && defaults.dashboard)[feature];
+  const key = Object.hasOwn(SEPARATE_FEATURE_KEYS, feature) ? SEPARATE_FEATURE_KEYS[feature] : null;
+  const v = key && defaults && Object.hasOwn(defaults, key) ? defaults[key] : dashboardOf(defaults && defaults.dashboard)[feature];
   return OFF_UNLESS_ON.includes(feature) ? v === true : v !== false;
 };
 export function dashboardForm(inst) {
-  const own = { ...dashboardOf(inst.dashboard), ...(Object.hasOwn(inst, "office_access") ? { office: inst.office_access } : {}) };
+  const own = { ...dashboardOf(inst.dashboard) };
+  for (const [feature, key] of Object.entries(SEPARATE_FEATURE_KEYS)) if (Object.hasOwn(inst, key)) own[feature] = inst[key];
   return Object.fromEntries(DASHBOARD_FEATURES.map((f) => [f, own[f] === true ? "on" : own[f] === false ? "off" : "inherit"]));
 }
 export function dashboardPatchValue(choices) {
-  return Object.fromEntries(DASHBOARD_FEATURES.filter((f) => f !== "office").map((f) => [f, choices[f] === "on" ? true : choices[f] === "off" ? false : null]));
+  return Object.fromEntries(DASHBOARD_FEATURES.filter((f) => !Object.hasOwn(SEPARATE_FEATURE_KEYS, f)).map((f) => [f, choices[f] === "on" ? true : choices[f] === "off" ? false : null]));
 }
+/** A separately kept feature's own key in a patch (office_access, office_pack_access): true, false or null (inherit). */
+export const separateChoice = (choice) => (choice === "on" ? true : choice === "off" ? false : null);
 
 /** #1302: cross-instance notices. Unset, or a value the fleet does not know, means full. */
 export const visibilityDefault = (defaults) => (VISIBILITY_MODES.includes(defaults && defaults.cross_instance_visibility) ? defaults.cross_instance_visibility : "full");
@@ -181,7 +187,8 @@ export function agentPatch(form, inst, defaults, visibilityBaseline, statusEmoji
     display_name: form.inherit.display_name ? null : form.display_name.trim(),
     status_emojis: form.status_emojis,
     dashboard: dashboardPatchValue(form.dashboard),
-    office_access: form.dashboard.office === "on" ? true : form.dashboard.office === "off" ? false : null,
+    office_access: separateChoice(form.dashboard.office),
+    office_pack_access: separateChoice(form.dashboard.office_packs),
   };
   return changedFields(next, {
     backend: inst.backend || defaults.backend || "claude-code",
@@ -205,7 +212,8 @@ export function agentPatch(form, inst, defaults, visibilityBaseline, statusEmoji
     display_name: hasOwn(inst, "display_name") ? inst.display_name : null,
     status_emojis: statusEmojisBaseline,
     dashboard: dashboardPatchValue(dashboardForm(inst)),
-    office_access: dashboardForm(inst).office === "on" ? true : dashboardForm(inst).office === "off" ? false : null,
+    office_access: separateChoice(dashboardForm(inst).office),
+    office_pack_access: separateChoice(dashboardForm(inst).office_packs),
   });
 }
 

package/dist/ui/settings-strings.js

@@ -113,6 +113,7 @@ register("settings", {
     dashboard_task_board: "The task board",
     dashboard_web_settings: "Your web appearance settings",
     dashboard_office: "Office: walk, speak and act in the Office view",
+    dashboard_office_packs: "Office skin packs: check, upload, replace and restore them (everyone sees them)",
     dashboardInherit: "Fleet default ({0})",
     dashboardOn: "allowed",
     dashboardOff: "off",
@@ -762,6 +763,7 @@ register("settings", {
     dashboard_task_board: "任務看板",
     dashboard_web_settings: "你的網頁外觀設定",
     dashboard_office: "辦公室：在辦公室畫面走動、說話、做動作",
+    dashboard_office_packs: "辦公室外觀包：檢查、上傳、取代與還原（全 fleet 都看得到）",
     dashboardInherit: "跟 fleet 預設（{0}）",
     dashboardOn: "允許",
     dashboardOff: "關閉",

package/dist/ui/shared/app-i18n.js

@@ -105,7 +105,7 @@ register("app", {
     confirmTitle: "Please confirm", confirmOk: "Continue", cancel: "Cancel",
     sidePanelLeave: "Leave {0} without saving? Your changes there will be lost.", sidePanelDiscard: "Discard changes",
     // The server's own wording (src/locale.ts needs.reason.*), so the web says what Discord says.
-    needs_reason_hang: "Not responding", needs_reason_exited: "Exited", needs_reason_assist: "Waiting at its terminal", needs_reason_permission: "Permission needed", needs_reason_dangerous_command: "Dangerous command waiting", needs_reason_login: "Sign-in needed", needs_reason_dialog: "Waiting at a dialog", needs_reason_terminal_input: "May be waiting for input", needs_reason_auth_paused: "Paused: sign-in needed", needs_reason_backend_signin: "Backend sign-in needed", needs_reason_crashed: "Crashed", needs_reason_delivery_uncertain: "Could not confirm delivery", needs_reason_delivery_failed: "Delivery failed", needs_reason_task_review: "Waiting for your confirmation", needs_reason_task_blocked: "Blocked: asks you",
+    needs_reason_hang: "Not responding", needs_reason_exited: "Exited", needs_reason_assist: "Waiting at its terminal", needs_reason_question: "Asking you a question", needs_reason_permission: "Permission needed", needs_reason_dangerous_command: "Dangerous command waiting", needs_reason_login: "Sign-in needed", needs_reason_dialog: "Waiting at a dialog", needs_reason_terminal_input: "May be waiting for input", needs_reason_auth_paused: "Paused: sign-in needed", needs_reason_backend_signin: "Backend sign-in needed", needs_reason_crashed: "Crashed", needs_reason_delivery_uncertain: "Could not confirm delivery", needs_reason_delivery_failed: "Delivery failed", needs_reason_task_review: "Waiting for your confirmation", needs_reason_task_blocked: "Blocked: asks you",
   },
   "zh-TW": {
     brand: "AgEnD", fleet: "Fleet", fleetOverview: "Fleet 概覽", view: "檢視", settings: "設定", instances: "Instances", newInstance: "新增 instance", newAgent: "新增 Agent",
@@ -145,6 +145,6 @@ register("app", {
     search: "搜尋", searchTitle: "搜尋聊天、agent 之間的訊息與任務（{0}）",
     confirmTitle: "請確認", confirmOk: "繼續", cancel: "取消",
     sidePanelLeave: "不儲存就離開「{0}」？你在那裡的修改會遺失。", sidePanelDiscard: "捨棄修改",
-    needs_reason_hang: "沒有回應", needs_reason_exited: "已結束", needs_reason_assist: "在終端機上等待", needs_reason_permission: "需要權限", needs_reason_dangerous_command: "危險指令待確認", needs_reason_login: "需要登入", needs_reason_dialog: "停在對話框", needs_reason_terminal_input: "可能在等輸入", needs_reason_auth_paused: "已暫停：需要登入", needs_reason_backend_signin: "後端需要登入", needs_reason_crashed: "已崩潰", needs_reason_delivery_uncertain: "無法確認是否送達", needs_reason_delivery_failed: "傳送失敗", needs_reason_task_review: "等你確認", needs_reason_task_blocked: "卡住，在問你",
+    needs_reason_hang: "沒有回應", needs_reason_exited: "已結束", needs_reason_assist: "在終端機上等待", needs_reason_question: "正在問你問題", needs_reason_permission: "需要權限", needs_reason_dangerous_command: "危險指令待確認", needs_reason_login: "需要登入", needs_reason_dialog: "停在對話框", needs_reason_terminal_input: "可能在等輸入", needs_reason_auth_paused: "已暫停：需要登入", needs_reason_backend_signin: "後端需要登入", needs_reason_crashed: "已崩潰", needs_reason_delivery_uncertain: "無法確認是否送達", needs_reason_delivery_failed: "傳送失敗", needs_reason_task_review: "等你確認", needs_reason_task_blocked: "卡住，在問你",
   },
 });

package/dist/ui/shared/app-stream.js

@@ -37,7 +37,7 @@
 // offices — the stored offices changed ({ rev }; SSE only: the Office view reads /ui/offices again).
 // office_skins — a skin pack was uploaded or deleted ({ rev }; SSE only: the Office view reads /ui/office-skins again).
 // office_acts — the agents' live acts in the Office view changed ({ acts }, #2578; a poll page reads /ui/office-acts).
-const EVENTS = ["status", "message", "agent_reply_live", "delivery", "deliveries", "prompt", "prompts", "prompt_resolved", "activity", "needs", "reply_buttons", "reactions", "steps_tick", "clock", "traffic", "delegation", "backend_login", "tasks", "offices", "office_skins", "office_acts"];
+const EVENTS = ["status", "message", "agent_reply_live", "delivery", "deliveries", "prompt", "prompts", "prompt_resolved", "activity", "needs", "reply_buttons", "reactions", "steps_tick", "clock", "traffic", "delegation", "backend_login", "tasks", "offices", "office_skins", "office_acts", "office_pack_changes"];
 const MAX_HELD = 1000;                    // live events held during one catch-up read; more → read again afterwards
 const RETRY_DELAYS = [1000, 2000, 4000];  // after the first failed catch-up read; then it waits for Retry
 const POLL_LIMIT_MS = 10000;              // a poll that has not answered by then counts as failed

package/dist/ui/shared/app.css

@@ -873,6 +873,9 @@ img.amb-p { object-fit: contain; }
 .st-link:hover { text-decoration-thickness: 2px; }
 .prompt .acts { display: flex; gap: var(--s-2); margin-top: var(--s-2); align-items: center; flex-wrap: wrap; }
 .prompt .wait { font-size: var(--fs-xs); color: var(--text-3); }
+/* #2675: a prompt's typed answer. 16px keeps iOS from zooming in on focus (#1612). */
+.prompt .prompt-text { display: flex; gap: var(--s-2); margin-top: var(--s-2); }
+.prompt .prompt-text input { flex: 1; min-width: 0; font-size: 16px; }
 .work-bar { display: flex; gap: var(--s-2); align-items: center; padding: 0 var(--s-2); font-size: var(--fs-sm); color: var(--text-2); }
 .work-bar .lbl { flex: 1; min-width: 0; }
 .work-bar .pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--ok); animation: pulse 1.2s ease-in-out infinite; flex-shrink: 0; }
@@ -1852,6 +1855,10 @@ html.oo-immersive .p-fleet > .panel-body { z-index: 50; }
 .ol-night > circle { fill: var(--surface); fill-opacity: 0.85; }
 .ol-night > .ol-moon { fill: var(--warn); stroke: none; pointer-events: none; }
 .ol-night-line { stroke: var(--warn); stroke-width: 1.5; stroke-dasharray: 4 3; stroke-opacity: 0.8; pointer-events: none; }
+/* #2691: a reserved seat — a dashed ring round its dot; the selected seat's "Reserved for" picks. */
+.ol-seat > .ol-for-ring { fill: none; stroke: var(--warn); stroke-width: 2; stroke-dasharray: 3 3; pointer-events: none; }
+.ol-for { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px var(--s-2); }
+.ol-for > legend { float: left; margin-right: var(--s-2); }
 .ol-waypoint > circle { fill: var(--focus); }
 .ol-handle.on > circle, .ol-handle.on > rect, .ol-handle:focus-visible > circle, .ol-handle:focus-visible > rect { stroke: var(--focus); stroke-width: 4; }
 .ol-bar { position: absolute; left: 0; right: 0; bottom: 0; z-index: 8; display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); padding: var(--s-2);
@@ -1863,14 +1870,23 @@ html.oo-immersive .p-fleet > .panel-body { z-index: 50; }
 .ol-corridors { display: inline-flex; flex-wrap: wrap; gap: 4px; }
 .ol-msg { flex-basis: 100%; margin: 0; }
 @media (max-width: 640px) {
-  /* A phone: the bars at the column's narrower padding; the stage at least most of a screen; no overview (as the canvas). */
+  /* A phone: the bars at the column's narrower padding; no overview (as the canvas). #2689: the stage takes the panel's
+     height that is left under the bars (the column, .oc-office and .oo grow into it) and no more, so zoomed in the
+     scene's bottom is on screen: a floor fixed to the window (100dvh less a guess at the bars) put it under the tab bar
+     once the bars wrapped. Its own floor is low enough for a 375 × 667 phone with the Office bar on five rows (215 px
+     left); only a shorter screen scrolls the panel (on the bars: the stage's touches are its own). */
   .oc-office > .oc-bar { padding: var(--s-2) var(--s-3); }
   .oc-office > .oc-legend { margin: 0 var(--s-3) var(--s-2); }
   .oo > :not(.oo-stage):not(dialog) { margin-left: var(--s-3); margin-right: var(--s-3); }
-  .oo-stage { min-height: max(300px, calc(100dvh - 300px)); }
+  .oo-stage { min-height: 200px; }
   .oo-pick .tb-select { max-width: 150px; }
   .oo-mini { display: none; }
   .oo-zoom .icon-btn { width: 40px; height: 40px; }
+  /* #2689: a column of the label and five 40 px buttons (~240 px) is taller than that stage: a row along its top
+     instead, out of fullscreen (there the stage is the screen, and the office switcher is on the left of its top). */
+  .oo:not(.fs) .oo-zoom { flex-direction: row; }
+  .oo:not(.fs) .oo-zoom-pct { display: flex; align-items: center; padding: 0 6px; border-bottom: 0; border-right: 1px solid var(--border); }
+  .oo:not(.fs) .oo-zoom .icon-btn + .icon-btn { border-top: 0; border-left: 1px solid var(--border); }
 }
 /* A phone: Fleet's five tabs fit when only the open one shows its label (the others keep theirs for screen readers). */
 @media (max-width: 479px) {

package/dist/web-api.d.ts

@@ -11,6 +11,7 @@ import type { ThemeStore } from "./web-theme-store.js";
 import type { OfficeStore, OfficeWriteLimiter } from "./web-office-store.js";
 import { type OfficeSkinStore } from "./web-office-skins.js";
 import type { OfficeActs } from "./web-office-acts.js";
+import type { OfficePackTools } from "./web-office-pack-tools.js";
 import type { WebAppearance } from "./web-appearance.js";
 import type { SendOpts } from "./channel/types.js";
 import type { IncomingMessage, ServerResponse } from "node:http";
@@ -214,6 +215,8 @@ export interface WebApiContext {
     };
     /** #2636: a share was made or ended from the page — said in General (who, which office, until when). */
     officeShareNotice?(event: "created" | "revoked", who: string, share: import("./office-share.js").OfficeShare | null, count: number): void;
+    /** #2692: the agents' skin-pack changes (approval mode, pending changes, log); absent: /ui/office-pack-changes is not offered. */
+    readonly officePackTools?: Pick<OfficePackTools, "changes" | "setApproval" | "decide">;
     /** #2513: the Office view's uploaded skin packs (web-office-skins/); absent: /ui/office-skins is not offered. */
     readonly officeSkins?: OfficeSkinStore;
     /** How often a person may upload or delete a skin pack (absent: no limit). */
@@ -324,7 +327,8 @@ export interface WebApiContext {
         message: string;
     };
     /** Answer one of them, exactly as a click on its platform button would. */
-    clickWebPrompt?(instance: string, nonce: string, action: string): Promise<{
+    /** `text`: #2675 — the typed answer, for the one action the page shows a text box for. */
+    clickWebPrompt?(instance: string, nonce: string, action: string, text?: string): Promise<{
         status: number;
         error?: string;
     }>;

package/dist/web-api.js

@@ -672,6 +672,92 @@ function handleOfficeSkins(req, res, url, ctx, path, method) {
     });
     return true;
 }
+/**
+ * #2692: the agents' skin-pack changes, for the Office page (Edit offices → Skin packs) — an admin session only, never
+ * the CLI token, a guest or the public link (as uploading a pack by hand). GET { approval, agents, pending, log };
+ * POST { approval: "apply" | "approve" } sets the fleet's approval mode; POST /<id> { decision: "approve" | "reject" }
+ * decides a pending change (judged again on a yes). Every change is `office_pack_changes` on the stream.
+ */
+function handleOfficePackChanges(req, res, url, ctx, path, method) {
+    const tools = ctx.officePackTools;
+    if (!tools) {
+        json(res, 404, { error: "Pack changes are not kept on this fleet" });
+        return true;
+    }
+    const one = /^\/ui\/office-pack-changes\/([0-9a-f]{32})$/.exec(path);
+    if (!(method === "GET" && path === "/ui/office-pack-changes") && !(method === "POST" && (path === "/ui/office-pack-changes" || one))) {
+        json(res, 404, { error: "not found" });
+        return true;
+    }
+    if (gatewayRequestContext(req)) {
+        json(res, 403, { error: "pack_changes_not_over_public_link" });
+        return true;
+    }
+    const who = () => {
+        const verdict = evaluateWebRequest(req, url, ctx.webToken ?? null, ctx.webSessions, { touch: false });
+        if (verdict.kind !== "allow")
+            return { status: 401 };
+        return verdict.via === "session" && verdict.session?.tier === "admin" ? { person: verdict.session.owner ? webPersonKey(verdict.session.owner) : "admin-session" } : { status: 403 };
+    };
+    const refuse = (status) => json(res, status, { error: status === 401 ? WEB_TOKEN_INVALID_MESSAGE : "pack_changes_need_an_admin_session" });
+    const first = who();
+    if ("status" in first) {
+        refuse(first.status);
+        return true;
+    }
+    if (method === "GET") {
+        res.setHeader("Cache-Control", "private, no-store");
+        json(res, 200, tools.changes());
+        return true;
+    }
+    (async () => {
+        let body;
+        try {
+            body = await parseBody(req);
+        }
+        catch {
+            json(res, 400, { error: "Invalid JSON" });
+            return;
+        }
+        if (!permitWebContinuation(req, res, ctx))
+            return;
+        const now = who();
+        if ("status" in now) {
+            refuse(now.status);
+            return;
+        }
+        if (!body || typeof body !== "object" || Array.isArray(body)) {
+            json(res, 400, { error: "an object" });
+            return;
+        }
+        if (!one) {
+            if (Object.keys(body).some(k => k !== "approval")) {
+                json(res, 400, { error: "pack_changes_invalid", detail: "{ approval }" });
+                return;
+            }
+            const r = tools.setApproval(body.approval, now.person);
+            if (!r.ok) {
+                json(res, 400, { error: "pack_changes_invalid", detail: r.error });
+                return;
+            }
+            json(res, 200, tools.changes());
+            return;
+        }
+        if (Object.keys(body).some(k => k !== "decision") || (body.decision !== "approve" && body.decision !== "reject")) {
+            json(res, 400, { error: "pack_changes_invalid", detail: '{ decision: "approve" | "reject" }' });
+            return;
+        }
+        const r = tools.decide(one[1], body.decision, now.person);
+        json(res, r.ok ? 200 : r.status, r.ok ? { text: r.text, ...(r.applied ? { applied: r.applied } : {}) } : { error: r.error, detail: r.text });
+    })().catch(err => {
+        ctx.logger.error({ err: err.message }, "A pack change failed");
+        try {
+            json(res, 500, { error: "A pack change failed" });
+        }
+        catch { /* already answered */ }
+    });
+    return true;
+}
 /**
  * #1629 r4 §3: the owner-CSS routes (see their call site). `who()`, asked first and again after any body: the person a
  * signed-in human session is, or the status to answer.
@@ -2411,6 +2497,8 @@ export function handleWebRequest(req, res, url, ctx) {
     }
     if (path === "/ui/office-skins" || path.startsWith("/ui/office-skins/"))
         return handleOfficeSkins(req, res, url, ctx, path, method);
+    if (path === "/ui/office-pack-changes" || path.startsWith("/ui/office-pack-changes/"))
+        return handleOfficePackChanges(req, res, url, ctx, path, method);
     if (path === "/ui/office-share" || path.startsWith("/ui/office-share/"))
         return handleOfficeShare(req, res, url, ctx, path, method);
     // ── #1630: avatars and Discord server emoji, same-origin (the page never loads a platform's CDN; img-src stays 'self') ──
@@ -2500,12 +2588,12 @@ export function handleWebRequest(req, res, url, ctx) {
                 json(res, 400, { error: "instance, nonce and action required" });
                 return;
             }
-            const { instance, nonce, action } = body;
-            if (typeof instance !== "string" || typeof nonce !== "string" || typeof action !== "string") {
+            const { instance, nonce, action, text } = body;
+            if (typeof instance !== "string" || typeof nonce !== "string" || typeof action !== "string" || (text !== undefined && typeof text !== "string")) {
                 json(res, 400, { error: "instance, nonce and action required" });
                 return;
             }
-            const r = await click(instance, nonce, action);
+            const r = text === undefined ? await click(instance, nonce, action) : await click(instance, nonce, action, text);
             // 409: answered elsewhere first, expired, or never open — the page drops the buttons on `gone`.
             json(res, r.status, r.status === 200 ? { answered: true } : { error: r.error ?? "Refused", ...(r.status === 409 ? { gone: true } : {}) });
         })().catch(err => {