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

package/dist/setup-i18n.js

@@ -0,0 +1,224 @@
+/**
+ * #2726: the setup pages in English and 繁體中文.
+ *
+ * Both pages are inline (setup-form.ts) and run before any fleet — no dashboard, no /assets — so they carry their own
+ * small dictionary and the few lines that use it (SETUP_I18N_RUNTIME). The choice works as the dashboard's does
+ * (src/ui/shared/app-i18n.js): the language chosen in this browser (`agend_lang`, the dashboard's own key, so the
+ * dashboard opened afterwards on this address keeps it), else the browser's language; a toggle on the page changes it.
+ * The wording is the dashboard's where it already says the same thing (settings-strings.js wizard*).
+ *
+ * What the host says (its errors) is English, or a code: src/ui/shared/setup-host-text.js says each one the page can show
+ * in both languages — the same module the dashboard's Setup wizard uses. One it does not know is shown as it came.
+ */
+import { readFileSync } from "node:fs";
+/** The code-entry page: before the code, nothing about this machine (setup-form.ts SETUP_CODE_PAGE_HTML). */
+export const SETUP_CODE_STRINGS = {
+    en: {
+        title: "Set up AgEnD",
+        otherLang: "中文",
+        langTitle: "Language",
+        lead: "Enter the setup code shown in the terminal where you ran {0}.",
+        continue: "Continue",
+        unreachable: "Could not reach the setup page.",
+        notAccepted: "That code was not accepted.",
+    },
+    "zh-TW": {
+        title: "設定 AgEnD",
+        otherLang: "English",
+        langTitle: "語言",
+        lead: "請輸入執行 {0} 的終端機上顯示的設定代碼。",
+        continue: "繼續",
+        unreachable: "無法連到設定頁。",
+        notAccepted: "這個代碼不正確。",
+    },
+};
+/** The setup form (setup-form.ts SETUP_FORM_HTML). */
+export const SETUP_FORM_STRINGS = {
+    en: {
+        title: "Set up AgEnD",
+        otherLang: "中文",
+        langTitle: "Language",
+        intro: "This page is open only while setup is running. It closes itself when you finish, or after 15 minutes.",
+        signinsLabel: "AI backend sign-ins",
+        stepAgent: "1 · Agent",
+        backend: "Backend",
+        backendFound: "Found on this host: {0}",
+        backendNone: "No backend CLI found on this host — install one first.",
+        dir: "Working directory (optional)",
+        dirPlaceholder: "/home/you/projects/app",
+        dirDefault: "Leave it empty and the agent gets its own folder, {0}, which AgEnD creates. A path you enter must be absolute.",
+        dirDefaultName: "Leave it empty and the agent gets its own folder in AgEnD's workspaces, which AgEnD creates. A path you enter must be absolute.",
+        name: "First agent name",
+        stepPlatform: "2 · Platform",
+        webOnly: "Web only (no bot)",
+        hintTelegram: "Create a bot with @BotFather, then add it to a group.",
+        hintDiscord: "Create an application in the Discord developer portal and invite the bot to your server.",
+        hintWeb: "No bot: you use AgEnD from its web dashboard (chat, sign-ins, settings). Discord or Telegram can be added later in Settings.",
+        stepCredentials: "3 · Credentials",
+        token: "Bot token",
+        tokenNote: "Written to ~/.agend/.env and never shown again.",
+        tokenEnv: "Environment variable",
+        verify: "Verify",
+        verifying: "Asking the provider…",
+        verified: "verified",
+        rejected: "rejected",
+        guild: "Server (guild)",
+        general: "General channel id",
+        discordAdmin: "Your Discord user id",
+        telegramAdmin: "Your Telegram user id",
+        firstAllowed: "Becomes the first allowed user.",
+        group: "Group id",
+        groupHint: "Or post any message in the group and press Detect.",
+        detect: "Detect from a message",
+        detectWaiting: "Waiting for a message in the group…",
+        detectFound: "Found.",
+        detectNone: "No group message yet — post one and press Detect again.",
+        failed: "Failed.",
+        stepReview: "4 · Review and start",
+        preview: "Show what will be written",
+        finish: "Create and start AgEnD",
+        start: "Start AgEnD",
+        reopen: "Reopen it where you started setup: in the Windows installer, press Enter in its window; otherwise run agend setup again on the computer running AgEnD.",
+        closed: "This setup page has closed.",
+        closedFinish: "This setup page has closed. {0} Backends you already signed in stay signed in.",
+        closesIn: "This page closes in {0} at the latest (sooner after 10 minutes without activity).",
+        closesSoon: "{0} Finish soon. If it closes first: {1}",
+        approveHost: "Approve this on the computer running AgEnD. The Windows installer opens a confirmation window for it, and shows a command to paste if no window appears. Otherwise run there: agend settings confirm {0}",
+        confirmGone: "Setup confirmation is no longer available. Review and enter the token again.",
+        notApplied: "Change was not applied. Review and enter the token again.",
+        confirmed: "Configuration confirmed. Select Start AgEnD to finish setup.",
+        lostContact: "Lost contact with the setup page; still trying. If this stays, the page has closed. {0}",
+        finishSignins: "Finish backend sign-in or choose Sign in later before continuing.",
+        notCurrent: "Confirmation is no longer current.",
+        startingWeb: "AgEnD is starting. Its dashboard link shows here once it is up.",
+        startingChat: "AgEnD is starting. Continue in the channel you configured.",
+        requesting: "Requesting host confirmation…",
+        expectedPending: "Expected a pending host confirmation.",
+        connectionFailed: "Connection failed. Retry to find the same confirmation.",
+        upWeb: "AgEnD is up. Open its dashboard: {0} — sign in with the code from agend web --code on the machine running AgEnD. Sign your agents' CLIs in from Settings → Agents → Sign-ins.",
+        upChat: "AgEnD is up. Talk to it in the channel you just set up, or open its dashboard: {0} (sign in with agend web --code on the machine running AgEnD, or send /web to your bot).",
+        notUp: "AgEnD has not come up within 60 seconds. Run `agend start` on the machine itself and check fleet.log — this page cannot tell you any more.",
+        // A host confirmation's outcome (settings-confirmation.ts reason_code; the words of locale.ts settings_confirm.result.*).
+        outcome_apply_failed: "Change could not be applied. Review the configuration and try again.",
+        outcome_fleet_stopped: "Fleet stopped. Review and apply again.",
+        outcome_expired: "Confirmation expired. Review and apply again.",
+        outcome_withdrawn: "Change withdrawn.",
+        outcome_rejected: "Change rejected.",
+        outcome_request_no_longer_current: "The requesting session or fleet changed. Review and apply again.",
+        outcome_settings_changed: "Settings changed since this request. Review and apply again.",
+    },
+    "zh-TW": {
+        title: "設定 AgEnD",
+        otherLang: "English",
+        langTitle: "語言",
+        intro: "這個頁面只在設定進行時開啟。完成設定，或 15 分鐘後，它會自動關閉。",
+        signinsLabel: "AI 後端登入",
+        stepAgent: "1 · Agent",
+        backend: "後端",
+        backendFound: "在這台主機上找到：{0}",
+        backendNone: "這台主機上找不到任何後端 CLI —— 請先安裝一個。",
+        dir: "工作目錄（選填）",
+        dirPlaceholder: "/home/you/projects/app",
+        dirDefault: "留空的話，agent 會有自己的資料夾 {0}，由 AgEnD 建立。若要填寫，必須是絕對路徑。",
+        dirDefaultName: "留空的話，agent 會在 AgEnD 的 workspaces 裡有自己的資料夾，由 AgEnD 建立。若要填寫，必須是絕對路徑。",
+        name: "第一個 agent 名稱",
+        stepPlatform: "2 · 平台",
+        webOnly: "只用網頁（不接 bot）",
+        hintTelegram: "用 @BotFather 建立 bot，然後把它加進一個群組。",
+        hintDiscord: "在 Discord 開發者後台建立應用程式，並把 bot 邀請到你的伺服器。",
+        hintWeb: "不接 bot：從 AgEnD 的網頁儀表板使用它（聊天、登入、設定）。之後可以在設定裡再加上 Discord 或 Telegram。",
+        stepCredentials: "3 · 憑證",
+        token: "Bot token",
+        tokenNote: "會寫入 ~/.agend/.env，之後不會再顯示。",
+        tokenEnv: "環境變數",
+        verify: "驗證",
+        verifying: "正在向平台確認…",
+        verified: "已驗證",
+        rejected: "被拒絕",
+        guild: "伺服器（guild）",
+        general: "General 頻道 id",
+        discordAdmin: "你的 Discord 使用者 ID",
+        telegramAdmin: "你的 Telegram 使用者 ID",
+        firstAllowed: "會成為第一個允許使用者。",
+        group: "群組 id",
+        groupHint: "或在群組裡發任一則訊息，然後按「從訊息偵測」。",
+        detect: "從訊息偵測",
+        detectWaiting: "等待群組訊息中…",
+        detectFound: "找到了。",
+        detectNone: "還沒收到群組訊息 —— 發一則之後再按一次。",
+        failed: "失敗。",
+        stepReview: "4 · 檢查並啟動",
+        preview: "顯示將寫入的內容",
+        finish: "建立並啟動 AgEnD",
+        start: "啟動 AgEnD",
+        reopen: "請在開始設定的地方重新開啟：Windows 安裝程式請在它的視窗按 Enter；否則在執行 AgEnD 的電腦上再執行一次 agend setup。",
+        closed: "這個設定頁已關閉。",
+        closedFinish: "這個設定頁已關閉。{0}已經登入的後端會維持登入。",
+        closesIn: "這個頁面最晚在 {0} 後關閉（閒置 10 分鐘會更早關閉）。",
+        closesSoon: "{0}請盡快完成。如果它先關閉了：{1}",
+        approveHost: "請在執行 AgEnD 的電腦上核准。Windows 安裝程式會為它開一個確認視窗；沒有出現視窗時，會顯示一行可以貼上的指令。否則請在那台電腦上執行：agend settings confirm {0}",
+        confirmGone: "設定確認已不存在。請重新檢查並再輸入一次 token。",
+        notApplied: "變更沒有套用。請重新檢查並再輸入一次 token。",
+        confirmed: "設定已確認。請按「啟動 AgEnD」完成設定。",
+        lostContact: "與設定頁失去連線，仍在重試。如果一直如此，表示頁面已關閉。{0}",
+        finishSignins: "請先完成後端登入，或選擇「稍後登入」再繼續。",
+        notCurrent: "這個確認已不是最新的。",
+        startingWeb: "AgEnD 正在啟動。啟動後，儀表板連結會顯示在這裡。",
+        startingChat: "AgEnD 正在啟動。請到你設定的頻道繼續。",
+        requesting: "正在請主機確認…",
+        expectedPending: "預期會有一個等待主機確認的變更。",
+        connectionFailed: "連線失敗。重試會找回同一個確認。",
+        upWeb: "AgEnD 已啟動。打開它的儀表板：{0} —— 用執行 AgEnD 的電腦上 agend web --code 顯示的代碼登入。agent 的 CLI 請在 設定 → Agents → 登入 裡登入。",
+        upChat: "AgEnD 已啟動。在你剛設定的頻道和它對話，或打開它的儀表板：{0}（在執行 AgEnD 的電腦上用 agend web --code 登入，或對你的 bot 傳 /web）。",
+        notUp: "AgEnD 在 60 秒內沒有啟動。請在那台電腦上執行 `agend start` 並查看 fleet.log —— 這個頁面無法告訴你更多。",
+        outcome_apply_failed: "變更無法套用。請檢查設定後再試一次。",
+        outcome_fleet_stopped: "Fleet 已停止。請重新檢查後再套用。",
+        outcome_expired: "確認已過期。請重新檢查後再套用。",
+        outcome_withdrawn: "變更已撤回。",
+        outcome_rejected: "變更已被拒絕。",
+        outcome_request_no_longer_current: "提出請求的工作階段或 fleet 已改變。請重新檢查後再套用。",
+        outcome_settings_changed: "提出請求後設定已被修改。請重新檢查後再套用。",
+    },
+};
+/** #2726: the host's words and codes in both languages — one module, shared with the dashboard (pasted in below). */
+const HOST_TEXT = readFileSync(new URL("./ui/shared/setup-host-text.js", import.meta.url), "utf8").replace(/^export /gm, "");
+/**
+ * The few lines both pages run first: the dictionary (JSON, `<` escaped so no string can end the script), the language,
+ * `tr` (a key in it), `trHost` (a host message in it), `show` (a text that follows the language when it changes) and
+ * `applyLang`. Plain script, no `${` and no template literal: it is pasted into the pages' own template strings.
+ */
+export function setupI18nRuntime(strings) {
+    const tables = JSON.stringify({ en: strings.en, "zh-TW": strings["zh-TW"] }).replace(/</g, "\\u003c");
+    return "const I18N = " + tables + ";\n" + HOST_TEXT + String.raw `
+  let LANG = (() => {
+    try { const chosen = localStorage.getItem("agend_lang"); if (chosen === "en" || chosen === "zh-TW") return chosen; } catch { /* none kept */ }
+    return typeof navigator !== "undefined" && /^zh/i.test(navigator.language || "") ? "zh-TW" : "en";
+  })();
+  const tr = (key, ...values) => {
+    let text = I18N[LANG][key] ?? I18N.en[key] ?? key;
+    values.forEach((value, i) => { text = text.split("{" + i + "}").join(String(value)); });
+    return text;
+  };
+  // The host's own words or code in this page's language (setup-host-text.js); anything else as it came.
+  const trHost = (text) => hostText(text, LANG);
+  // A text that is redrawn in the new language when it changes: its last render per element.
+  const shown = new Map();
+  const show = (element, render) => { if (!element) return; shown.set(element, render); render(element); };
+  const applyLang = () => {
+    if (document.documentElement) document.documentElement.lang = LANG === "zh-TW" ? "zh-Hant" : "en";
+    document.title = tr("title");
+    for (const node of document.querySelectorAll("[data-i18n]")) { const key = node.getAttribute && node.getAttribute("data-i18n"); if (key) node.textContent = tr(key); }
+    for (const node of document.querySelectorAll("[data-i18n-placeholder]")) { const key = node.getAttribute && node.getAttribute("data-i18n-placeholder"); if (key) node.placeholder = tr(key); }
+    for (const node of document.querySelectorAll("[data-i18n-label]")) { const key = node.getAttribute && node.getAttribute("data-i18n-label"); if (key) node.setAttribute("aria-label", tr(key)); }
+    for (const [element, render] of shown) render(element);
+  };
+  const langButton = document.getElementById("lang");
+  if (langButton) langButton.onclick = () => {
+    LANG = LANG === "zh-TW" ? "en" : "zh-TW";
+    try { localStorage.setItem("agend_lang", LANG); } catch { /* this page only */ }
+    applyLang();
+  };
+  applyLang();
+`;
+}
+//# sourceMappingURL=setup-i18n.js.map

package/dist/setup-i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-i18n.js","sourceRoot":"","sources":["../src/setup-i18n.ts"],"names":[],"mappings":"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"}

package/dist/ui/backend-signin.js

@@ -6,7 +6,7 @@
 // one runs, on which device, and may cancel it. The stream's `backend_login` event carries nothing — it only says to
 // read again. Starting is two steps, as in chat: check (the server keeps what it found) and start (with its id).
 import { html, useEffect, useState, useRef } from "/assets/app-html.js";
-import { t, register } from "/assets/app-i18n.js";
+import { t, register, lang, onLang } from "/assets/app-i18n.js";
 import { appStore, createStore, useStore } from "/assets/app-store.js";
 import { closeDialog, shellStore, showDialog } from "/assets/app-shell.js";
 import { Dialog } from "/assets/ui-dialog.js";
@@ -217,13 +217,14 @@ export function BrowserSignInDialog({ backend, backends, onClose }) {
   const root = useRef(null), close = onClose || closeDialog;
   useEffect(() => {
     let cards, last = "";
-    cards = mountStructuredSignIns(root.current, { endpoint: "/ui/browser-backend-signins", changed: next => {
+    cards = mountStructuredSignIns(root.current, { endpoint: "/ui/browser-backend-signins", lang, changed: next => {
       if (backends) { if (backends.some(b => !next.selected.includes(b))) void cards.addBackends(backends); }
       else if (!next.selected.includes(backend)) void cards.addBackend(backend);
       const signature = JSON.stringify([next.login, next.pending]);
       if (signature !== last) { last = signature; void refreshSignIn(); }
     } });
-    return () => cards.dispose();
+    const unlisten = onLang(() => cards.relabel());
+    return () => { unlisten(); cards.dispose(); };
   }, [backend, backends]);
   const fallback = async (chosen = backend) => {
     const result = await post("/ui/browser-backend-signins", { operation: "cancel" });

package/dist/ui/fleet-office-pack.d.ts

@@ -6,8 +6,9 @@ export interface PackPoint { x: number; y: number }
 /** #2691: a seat reserved for `for` (lent while they are all elsewhere when `lend`); a plain seat has neither. */
 export interface PackSeat extends PackPoint { for?: string[]; lend?: boolean }
 export interface PackArea { name: string; rect: { x: number; y: number; w: number; h: number }; seats: PackSeat[] }
-/** `label` (#2574): its name tag, or null. */
-export interface PackFurniture { id: string; sprite: PackStrip; x: number; y: number; depth: number | "y"; activeWhen: string[] | null; activeSprite: PackStrip | null; label: string | null }
+/** `label` (#2574): its name tag, or null. `activeOn`/`hides` (#2698): when it turns active, and whether it hides its people then. */
+export interface PackFurniture { id: string; sprite: PackStrip; x: number; y: number; depth: number | "y"; activeWhen: string[] | null; activeSprite: PackStrip | null;
+  activeFor?: string[] | null; loop?: boolean; activeOn?: "state" | "seated"; hides?: boolean; label: string | null }
 export interface CheckedPack {
   format: 1; id: string; scale: number; background?: string; foreground?: string; matte?: string;
   areas: Record<string, PackArea>; stateZones: Record<string, string> | null; door: PackPoint;

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

@@ -42,7 +42,7 @@
 //                                                     always fit (graph edges laid out across and up/down put the
 //                                                     corners on the aisles); default false
 //     "furniture": [ { "id": "rack", "sprite": STRIP, "x": 1020, "y": 140, "depth": 2,
-//                      "activeWhen": "crashed", "activeSprite": STRIP, "activeFor": "atlas", "loop": true, "label": "Rack",
+//                      "activeWhen": "crashed", "activeSprite": STRIP, "activeFor": "atlas", "loop": true, "activeOn": "seated", "hides": true, "label": "Rack",
 //                      "night": { "sprite": STRIP, "x": 300, "y": 420 },
 //                      "walk": { "walk": STRIP, "walkDown": STRIP, "walkUp": STRIP, "walkSide": STRIP } } ],
 //                                                     "label" (#2574): a name tag under it, like a person's
@@ -62,7 +62,14 @@
 //                                                     strip (or `activeSprite`); otherwise it holds the first frame —
 //                                                     or, with "loop": true (#2570), plays its strip all along.
 //                                                     "activeFor" (an instance's name, or a list): only their state
-//                                                     counts, not anyone's (a room several people take turns in)
+//                                                     counts, not anyone's (a room several people take turns in).
+//                                                     "activeOn" (#2698): "state" (the default) turns it active as the
+//                                                     state changes; "seated" only once one of them in that state is
+//                                                     at the seat zones gave them, not walking — back as they walk off.
+//                                                     "hides": true (#2698, only with activeFor): while active, the
+//                                                     people it is active for are not drawn (walking, they always
+//                                                     are); their name tags and bubbles are drawn on it, in one row at
+//                                                     its tag point, and hovering or clicking it hits them
 //     "characters": { "default": { "working": STRIP, "idle": STRIP, "paused": STRIP, "needs": STRIP, "walk": STRIP,
 //                                  "walkDown": STRIP, "walkUp": STRIP, "walkSide": STRIP },
 //                     "fox": { … } },                 "default" with at least "idle" is required; a missing pose is idle.
@@ -288,17 +295,22 @@ export function checkSkinPack(x, { kept = false } = {}) {
     const fids = new Set();
     const furniture = list(x.furniture ?? [], LIMIT.furniture, "furniture").map((f, i) => {
       const at = `furniture[${i}]`;
-      obj(f, at); keys(f, ["id", "sprite", "x", "y", "depth", "activeWhen", "activeSprite", "activeFor", "loop", "label", "night", "walk"], at);
+      obj(f, at); keys(f, ["id", "sprite", "x", "y", "depth", "activeWhen", "activeSprite", "activeFor", "loop", "activeOn", "hides", "label", "night", "walk"], at);
       if (!nameOk(f.id) || fids.has(f.id)) throw new Refused(`${at}.id`, "a new name of letters, digits, _ or - (not an inherited one)");
       fids.add(f.id);
       if (f.activeSprite !== undefined && f.activeWhen === undefined) throw new Refused(`${at}.activeSprite`, "only with activeWhen");
       if (f.activeFor !== undefined && f.activeWhen === undefined) throw new Refused(`${at}.activeFor`, "only with activeWhen");
       if (f.loop !== undefined && typeof f.loop !== "boolean") throw new Refused(`${at}.loop`, "true or false");
+      if (f.activeOn !== undefined && f.activeOn !== "state" && f.activeOn !== "seated") throw new Refused(`${at}.activeOn`, '"state" or "seated"');
+      if (f.activeOn !== undefined && f.activeWhen === undefined) throw new Refused(`${at}.activeOn`, "only with activeWhen");
+      if (f.hides !== undefined && typeof f.hides !== "boolean") throw new Refused(`${at}.hides`, "true or false");
+      if (f.hides !== undefined && f.activeFor === undefined) throw new Refused(`${at}.hides`, "only with activeFor");
       if (f.label !== undefined && (typeof f.label !== "string" || !f.label.trim() || [...f.label].length > LIMIT.line || /[\u0000-\u001f\u007f]/.test(f.label))) throw new Refused(`${at}.label`, `1–${LIMIT.line} characters`);
       return { id: f.id, sprite: checkStrip(f.sprite, `${at}.sprite`, scale), x: num(f.x, 0, LOGICAL.w, `${at}.x`), y: num(f.y, 0, LOGICAL.h, `${at}.y`),
         depth: f.depth === "y" ? "y" : depth(f.depth ?? 0, `${at}.depth`), activeWhen: f.activeWhen === undefined ? null : states(f.activeWhen, `${at}.activeWhen`),
         activeSprite: f.activeSprite === undefined ? null : checkStrip(f.activeSprite, `${at}.activeSprite`, scale),
-        activeFor: f.activeFor === undefined ? null : names(f.activeFor, `${at}.activeFor`), loop: f.loop === true, label: f.label === undefined ? null : f.label.trim(), night: nightOf(f.night, `${at}.night`, scale),
+        activeFor: f.activeFor === undefined ? null : names(f.activeFor, `${at}.activeFor`), loop: f.loop === true,
+        activeOn: f.activeOn === "seated" ? "seated" : "state", hides: f.hides === true, label: f.label === undefined ? null : f.label.trim(), night: nightOf(f.night, `${at}.night`, scale),
         walk: walkOf(f.walk, `${at}.walk`, scale) };
     }).sort((a, b) => order(a) - order(b));
     const sets = obj(x.characters, "characters");

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

@@ -437,14 +437,38 @@ export function linesFor(state, lang, pack, defaults) {
 
 // ── Furniture ──
 
-/** The furniture active now: an item whose `activeWhen` names a state someone shown is in. */
-export function activeFurniture(pack, states, byName = new Map()) {
+/**
+ * The people an item with `activeFor` is active for now (#2570): those of them shown in an `activeWhen` state — with
+ * "activeOn": "seated" (#2698), only those `posture(name)` says are "seated" (at the seat zones gave them, not walking).
+ * `posture` null: no walkers, everyone at their seat.
+ */
+function activeForNow(f, byName, posture) {
+  const seated = (n) => f.activeOn !== "seated" || !posture || posture(n) === "seated";
+  return (f.activeFor || [...byName.keys()]).filter((n) => byName.has(n) && f.activeWhen.includes(byName.get(n)) && seated(n));
+}
+/**
+ * The furniture active now: an item whose `activeWhen` names a state someone shown is in. With activeFor (#2570),
+ * only those people's states count; with "activeOn": "seated" (#2698), only once one of them is seated (`posture`,
+ * name → "walking" | "seated" | "standing"; null: everyone seated) — it turns back as they walk off.
+ */
+export function activeFurniture(pack, states, byName = new Map(), posture = null) {
   const on = new Set();
   for (const f of (pack && pack.furniture) || []) {
     if (!f.activeWhen) continue;
-    // activeFor (#2570): only those people's states count; else anyone's shown.
-    const hit = f.activeFor ? f.activeFor.some((n) => byName.has(n) && f.activeWhen.includes(byName.get(n))) : f.activeWhen.some((s) => states.has(s));
+    const hit = f.activeFor || f.activeOn === "seated" ? activeForNow(f, byName, posture).length > 0 : f.activeWhen.some((s) => states.has(s));
     if (hit) on.add(f.id);
   }
   return on;
 }
+/**
+ * #2698: who is drawn on an item instead of themselves (name → the item's id): for each `active` item with "hides",
+ * the people it is active for (activeFor's order) who are not walking — someone walking is always drawn. One item each.
+ */
+export function hiddenBy(pack, active, byName = new Map(), posture = null) {
+  const out = new Map();
+  for (const f of (pack && pack.furniture) || []) {
+    if (!f.hides || !f.activeWhen || !active.has(f.id)) continue;
+    for (const n of activeForNow(f, byName, posture)) if (!out.has(n) && (!posture || posture(n) !== "walking")) out.set(n, f.id);
+  }
+  return out;
+}

package/dist/ui/fleet-office.js

@@ -15,7 +15,8 @@
 //   goes through the same view transform.
 // - Speech bubbles: now and then a short line for its state (typed out; at once with reduced motion) — the page's own
 //   lines or the skin's, never anything an agent said. Furniture can react: an item with `activeWhen` animates while
-//   anyone shown is in that state.
+//   anyone shown is in that state — or (#2698, "activeOn": "seated") once its person sits down; one that "hides" its
+//   people carries their name tags and bubbles while it is active, and hovering it hits them (furnitureAt).
 // - Each occupant is a little pixel person in a pose that loops a few frames: working (typing, the lamp on), idle (tea),
 //   paused or stopped (asleep, a closed sign), needs you / crashed / looks stuck (a hand up, a blinking light).
 // - Traffic: each new message, delegation or report is an item carried from the sender's desk to the receiver's along
@@ -64,13 +65,13 @@ import { hits, needle } from "./fleet-canvas-layout.js";
 import { AUTO_ID, LOBBY, autoLayout, backingScale, coatOf, createFlights, customLayout, deskAt, desksOf, filterOk, lampOf, layoutOk, lightOf, membersOf,
   officePose, officeRooms, signOf, workOn } from "./fleet-office-model.js";
 import { BUILT_IN_SKINS, CHAR_DEPTH, DEFAULT_PAL, bubbleBox, loadCozySkin, loadPackSkin, modeOf, skinFor, tagBox } from "./fleet-office-skin.js";
-import { CALLING, activeFurniture, bubbleAt, bubbleRank, NIGHT, WANDER, createMail, createWalkers, isNight, linesFor, npcKey, personAt, placeBubbles, thinBubbles, walkTargets, zonesLayout } from "./fleet-office-zones.js";
+import { CALLING, activeFurniture, bubbleAt, hiddenBy, bubbleRank, NIGHT, WANDER, createMail, createWalkers, isNight, linesFor, npcKey, personAt, placeBubbles, thinBubbles, walkTargets, zonesLayout } from "./fleet-office-zones.js";
 import { actsOk, createOfficeStore } from "./fleet-office-store.js";
 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, fitSeatFor } from "./fleet-office-pack.js";
+import { applyOverrides, fitNight, fitSeatFor, stripBox } 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,
@@ -203,7 +204,7 @@ function officeScene(office, nodes, skin, zones, deskW, prevSeats, night = false
   return lay ? customLayout({ ...office, layout: lay }, nodes) : autoLayout([{ key: office.id, name: office.name, lobby: !!office.lobby, nodes }], { width: deskW });
 }
 /** What drawPart needs of a scene; its layers are painted on first draw (and again at another resolution). */
-function partOf(L, looks, skin, zones, walkers, flights) {
+export function partOf(L, looks, skin, zones, walkers, flights) {
   const all = L.rooms.flatMap((r) => r.desks);
   const shown = new Set([...looks.values()].map((l) => l.state)), byName = new Map([...looks.values()].filter((l) => l.name).map((l) => [l.name, l.state]));
   return { L, looks, skin, zones, walkers, flights, all, desks: all.filter((d) => d.node), layers: null,
@@ -214,6 +215,43 @@ function partOf(L, looks, skin, zones, walkers, flights) {
  * (Edit layout, #2665: applyOverrides puts it on `night`), else the pack's night x/y, else its (moved) day place.
  */
 export const nightFurniture = (list) => list.map((f) => (f.night ? { ...f, sprite: f.night.sprite, activeSprite: null, x: f.night.x ?? f.x, y: f.night.y ?? f.y, asleep: true } : f));
+/** #2698: where someone is at `t` against their seat: "walking"; "seated" (still, at the seat zones gave them — or no
+ * walker yet: drawn there); "standing" (still elsewhere: a stroll's spot, an act's point, the seat left before a walk). */
+const postureAt = (p, t) => {
+  const seats = new Map(p.all.filter((d) => d.node).map((d) => [d.node.name, d.seat]));
+  return (name) => {
+    const at = p.walkers && p.walkers.at(name, t), s = seats.get(name);
+    if (!at) return "seated";
+    if (at.walking) return "walking";
+    return s && Math.abs(at.x - s.x) < 1 && Math.abs(at.y - s.y) < 1 ? "seated" : "standing";
+  };
+};
+/**
+ * The furniture active at `t` and who is drawn on an item instead of themselves (`hidden`: name → item id). A pack
+ * with no "activeOn": "seated" nor "hides" (#2698): the scene's `active`, as before, and nobody hidden; else worked out
+ * from where everyone is at `t` (their walkers). An item asleep at bedtime (a `night`) hides nobody.
+ */
+export function furnitureAt(p, t) {
+  const pk = p.zones && p.skin && p.skin.pack, list = (pk && pk.furniture) || [];
+  if (!list.some((f) => f.activeOn === "seated" || f.hides)) return { active: p.active || new Set(), hidden: new Map() };
+  const looks = [...p.looks.values()], byName = new Map(looks.filter((l) => l.name).map((l) => [l.name, l.state]));
+  const posture = postureAt(p, t), active = activeFurniture(pk, new Set(looks.map((l) => l.state)), byName, posture);
+  const hidden = hiddenBy(pk, active, byName, posture);
+  if (p.night) for (const [n, id] of [...hidden]) if (list.some((f) => f.id === id && f.night)) hidden.delete(n);
+  return { active, hidden };
+}
+/** #2698: the box an item hiding its people is hit in — its active picture, down to its name tags' row. */
+const hidingBox = (f) => {
+  const b = stripBox(f.activeSprite || f.sprite, f.x, f.y);
+  return { ...b, h: Math.max(b.h, f.y + 17 - b.y) };
+};
+/** #2698: name tags in one row centred on (x, y) — each { look, x } (its centre), TAG_GAP apart. */
+const TAG_GAP = 4;
+export function tagRow(ctx, x, y, looks) {
+  const ws = looks.map((l) => tagBox(ctx, x, y, l.label).w), total = ws.reduce((a, w) => a + w, 0) + TAG_GAP * Math.max(0, ws.length - 1);
+  let left = x - total / 2;
+  return looks.map((look, i) => { const cx = Math.round(left + ws[i] / 2); left += ws[i] + TAG_GAP; return { look, x: cx }; });
+}
 /** #2596: each NPC with a `walk` where its walker is now (`at(key)`): moved there — its tag and depth with it — and, while
  * it walks, `walking` and its `heading` (its walk strip: walkStrip); asleep, or with no walker (not strolling), where it is. */
 export const strollFurniture = (list, at) => list.map((f) => {
@@ -309,7 +347,7 @@ function paintLayers(p, env, ls, tagsOff = false) {
  * hovered (its name tag shows even in a crowd); `tagsOff` (#2554: a tile too small to read them): the name tags show
  * only for the one hovered and the Find box's matches. Whether anything in it is moving (in the air, or someone walking).
  */
-function drawPart(ctx, p, a, ox, oy, ms, still, hot, env, tagsOff = false, defer = null) {
+export function drawPart(ctx, p, a, ox, oy, ms, still, hot, env, tagsOff = false, defer = null) {
   const sk = p.skin;
   const ls = layerScale(a, p.L.width, p.L.height);
   if (!p.layers || p.layers.ls !== ls || p.layers.tagsOff !== tagsOff) p.layers = paintLayers(p, env, ls, tagsOff);
@@ -326,7 +364,7 @@ function drawPart(ctx, p, a, ox, oy, ms, still, hot, env, tagsOff = false, defer
     // Furniture under the people; the people (nearest last) with the furniture whose depth is "y" among them, by base
     // y (a tie: the item first, the person in front); furniture over them; things in the air; the pack's foreground
     // (door frames, pillars, table fronts); then what must stay readable: crowd counts and name tags (bubbles below).
-    const t = ms > 0 ? ms : now();
+    const t = ms > 0 ? ms : now(), live = furnitureAt(p, t);
     const people = p.desks.map((d) => {
       const at = p.walkers.at(d.node.name, t) || { ...d.seat, walking: false };
       if (at.walking) walking = true;
@@ -339,12 +377,13 @@ function drawPart(ctx, p, a, ox, oy, ms, still, hot, env, tagsOff = false, defer
       // #2665: by day, each item's night place too (at night the items are there already).
       ...(p.ghosts && !p.night ? nightGhostsOf(sk.pack).map((n) => ({ y: n.y, k: 1, n })) : [])]
       .sort((x, y) => x.y - y.y || x.k - y.k);
-    for (const f of furniture) if (f.depth !== "y" && f.depth < CHAR_DEPTH) sk.drawFurniture(ctx, f, f.asleep || p.active.has(f.id), ms, env);
+    for (const f of furniture) if (f.depth !== "y" && f.depth < CHAR_DEPTH) sk.drawFurniture(ctx, f, f.asleep || live.active.has(f.id), ms, env);
     for (const it of post) if (it.t === 0) sk.drawProp(ctx, it, ms, env);        // a letter on the floor: under the people
     for (const { f, p: q, g, n } of band) {
-      if (f) { sk.drawFurniture(ctx, f, f.asleep || p.active.has(f.id), ms, env); continue; }
+      if (f) { sk.drawFurniture(ctx, f, f.asleep || live.active.has(f.id), ms, env); continue; }
       if (n) { ctx.save(); ctx.globalAlpha = GHOST_ALPHA; sk.drawFurniture(ctx, n, true, 0, env); ctx.restore(); continue; }
       if (g) { ctx.save(); ctx.globalAlpha = GHOST_ALPHA; sk.drawCharacter(ctx, { x: g.x - 44, y: g.y - 53, w: 88, h: 53, seat: g }, g.look, 0, env); ctx.restore(); continue; }
+      if (live.hidden.has(q.look.name)) continue;                          // #2698: drawn as the item (never while walking)
       const box = { ...q.d, x: q.at.x - 44, y: q.at.y - 53, w: 88, h: 53, seat: { x: q.at.x, y: q.at.y } };
       // An agent's own pose (office_set, #2578) while its act lasts and nothing calls it; walking is walking.
       const posed = actPosed(p, q.look);
@@ -352,7 +391,7 @@ function drawPart(ctx, p, a, ox, oy, ms, still, hot, env, tagsOff = false, defer
       sk.drawCharacter(ctx, box, look, ms, env);
       if (!q.at.walking) speakers.push({ look: q.look, ...speakerAt(sk, look, q.at), area: q.d.area });
     }
-    for (const f of furniture) if (f.depth !== "y" && f.depth >= CHAR_DEPTH) sk.drawFurniture(ctx, f, f.asleep || p.active.has(f.id), ms, env);
+    for (const f of furniture) if (f.depth !== "y" && f.depth >= CHAR_DEPTH) sk.drawFurniture(ctx, f, f.asleep || live.active.has(f.id), ms, env);
     for (const it of up) sk.drawProp(ctx, it, ms, env);
     for (const it of post) if (it.t > 0) sk.drawProp(ctx, it, ms, env);
     if (sk.drawForeground) sk.drawForeground(ctx, p.L, env);
@@ -360,13 +399,38 @@ function drawPart(ctx, p, a, ox, oy, ms, still, hot, env, tagsOff = false, defer
     for (const [ar, n] of p.L.crowd || []) if (p.L.areas[ar] && sk.drawCrowd) sk.drawCrowd(ctx, p.L.areas[ar], n, env);
     // In an area over capacity the name tags show on hover or focus only (#2513: a crowd's tags covered each other).
     const over = p.L.over || new Set();
+    const tagged = (q) => !((tagsOff || over.has(q.d.area)) && q.d.key !== hot && !q.look.match);
     for (const q of people) {
-      if ((tagsOff || over.has(q.d.area)) && q.d.key !== hot && !q.look.match) continue;
+      if (live.hidden.has(q.look.name) || !tagged(q)) continue;
       sk.drawTag(ctx, q.at.x, q.at.y, q.look, env);
       tags.push(tagBox(ctx, q.at.x, q.at.y, q.look.label));
     }
     // A furniture item's own name (#2574: an NPC drawn as furniture), tagged like a person; none on a tile too small to read.
-    if (!tagsOff) for (const f of furniture) if (f.label) { sk.drawTag(ctx, f.x, f.y, { label: f.label }, env); tags.push(tagBox(ctx, f.x, f.y, f.label)); }
+    // #2698: an item hiding its people carries their tags too, in one row at its tag point (its own first; each keeps
+    // its place in the row while another's tag is left out), and their bubbles, over its picture. The tags drawn are
+    // kept on the scene (`heldTags`): hitPart hits each person on theirs, past the picture's edge too (#2699 review).
+    const held = [];
+    for (const f of furniture) {
+      const on = people.filter((q) => live.hidden.get(q.look.name) === f.id);
+      if (!on.length) {
+        if (!tagsOff && f.label) { sk.drawTag(ctx, f.x, f.y, { label: f.label }, env); tags.push(tagBox(ctx, f.x, f.y, f.label)); }
+        continue;
+      }
+      const order = new Map((f.activeFor || []).map((n, i) => [n, i]));
+      on.sort((x, y) => (order.get(x.look.name) ?? 0) - (order.get(y.look.name) ?? 0));
+      const row = tagRow(ctx, f.x, f.y, [...(f.label ? [{ label: f.label }] : []), ...on.map((q) => q.look)]);
+      const top = f.sprite ? Math.min(f.y - 50, stripBox(f.activeSprite || f.sprite, f.x, f.y).y + 2) : f.y - 50;
+      for (const [i, r] of row.entries()) {
+        const q = f.label ? on[i - 1] : on[i];
+        if (q) speakers.push({ look: q.look, x: r.x + 10, y: top, area: q.d.area });
+        if (q ? !tagged(q) : tagsOff) continue;
+        sk.drawTag(ctx, r.x, f.y, r.look, env);
+        const box = tagBox(ctx, r.x, f.y, r.look.label);
+        tags.push(box);
+        if (q) held.push({ name: q.look.name, id: f.id, box });
+      }
+    }
+    p.heldTags = held;
   } else {
     for (const d of p.desks) { const look = p.looks.get(d.key); sk.drawCharacter(ctx, d, actPosed(p, look), ms, env); speakers.push({ look, x: d.x + 58, y: d.y + 12 }); }
     blit(p.layers.front);
@@ -398,10 +462,30 @@ function drawPart(ctx, p, a, ox, oy, ms, still, hot, env, tagsOff = false, defer
  * The person at (x, y) in a scene's units, as it draws them: on zones where they walk, in the box the skin draws them
  * in (an uploaded character's strip, anchor and size: #2513 review), nearest first; on desks, the desk.
  */
-function hitPart(p, x, y, t) {
+export function hitPart(p, x, y, t) {
   if (!p.zones) return deskAt(p.L, x, y);
-  return personAt(p.all, x, y, (d) => p.walkers.at(d.node.name, t),
-    (d, at) => (p.skin.charBox && p.looks.get(d.key) ? p.skin.charBox(p.looks.get(d.key), at) : null));
+  // #2698: someone an item hides is hit on it, after everyone drawn as themselves: on their tag as drawPart last drew
+  // it (the row can run past the picture: a long label, long names), else on its picture and the tag row under it
+  // (several share its width, left to right in the row's order).
+  const { hidden } = furnitureAt(p, t);
+  const d = personAt(hidden.size ? p.all.filter((dk) => !dk.node || !hidden.has(dk.node.name)) : p.all, x, y, (dk) => p.walkers.at(dk.node.name, t),
+    (dk, at) => (p.skin.charBox && p.looks.get(dk.key) ? p.skin.charBox(p.looks.get(dk.key), at) : null));
+  if (d || !hidden.size) return d;
+  for (const h of [...(p.heldTags || [])].reverse()) {
+    const b = h.box;
+    if (hidden.get(h.name) !== h.id || x < b.x || x >= b.x + b.w || y < b.y || y >= b.y + b.h) continue;
+    return p.all.find((dk) => dk.node && dk.node.name === h.name) || null;
+  }
+  const sk = p.skin.pack, drawn = strollFurniture(p.night ? nightFurniture(sk.furniture) : sk.furniture, (k) => p.walkers.at(k, t));
+  for (const f of [...drawn].reverse()) {
+    if (!f.sprite || ![...hidden.values()].includes(f.id)) continue;
+    const b = hidingBox(f);
+    if (x < b.x || x >= b.x + b.w || y < b.y || y >= b.y + b.h) continue;
+    const order = new Map((f.activeFor || []).map((n, i) => [n, i]));
+    const on = p.all.filter((dk) => dk.node && hidden.get(dk.node.name) === f.id).sort((m, n) => (order.get(m.node.name) ?? 0) - (order.get(n.node.name) ?? 0));
+    return on[Math.min(on.length - 1, Math.floor(((x - b.x) / b.w) * on.length))] || null;
+  }
+  return null;
 }
 
 function People({ nodes, pinned, onChange }) {

package/dist/ui/panel-settings.js

@@ -9,7 +9,8 @@
 // - Not the Apply: confirming hands the staged changes to the app's runner (settings-apply.js) before the first write.
 //   This panel renders that operation from the store, and finds it again when it mounts.
 import { html, useEffect, useMemo, useRef, useState } from "/assets/app-html.js";
-import { t } from "/assets/app-i18n.js";
+import { t, lang } from "/assets/app-i18n.js";
+import { hostText } from "/assets/setup-host-text.js";
 import { appStore, useStore } from "/assets/app-store.js";
 import { useLease } from "/assets/app-ctx.js";
 import { DevicePrefs, PanelHeader, PendingChanges, setTitle } from "/assets/app-shell.js";
@@ -55,7 +56,8 @@ const tn = (k, ...v) => t(`settings.${k}`, ...v);
 /** What a refused change says to a person: the server's code in words (the code itself only for one not listed). */
 const APPLY_ERRORS = new Set(["unsupported_sensitive_effect", "confirmation_diff_too_large", "session_required", "admin_required", "settings_changed",
   "request_no_longer_current", "too_many_pending_changes", "fleet_unavailable", "invalid_settings_effect", "settings_confirmation_unavailable", "failed"]);
-export const applyErrorText = (code) => (APPLY_ERRORS.has(code) ? tn(`applyError_${code}`) : tn("applyErrorOther", String(code)));
+// #2726: a code or words of the setup host (the wizard's commit) in the page's language; anything else as it came.
+export const applyErrorText = (code) => (APPLY_ERRORS.has(code) ? tn(`applyError_${code}`) : tn("applyErrorOther", hostText(String(code), lang())));
 const ICONS = { preferences: "user", look: "palette", agents: "bot", "agent-defaults": "sliders", chat: "chat", "web-dashboard": "globe", access: "key", advanced: "code" };
 const RELEASES = "https://github.com/songsid/AgEnD/releases";
 

package/dist/ui/settings-discord.js

@@ -8,7 +8,8 @@
 // Stop, the 2-minute limit or leaving the page each retire what was asked before — an answer about A never lands after
 // B, nor after A again (an older A), nor once the page is gone.
 import { html, useEffect, useRef, useState } from "/assets/app-html.js";
-import { t } from "/assets/app-i18n.js";
+import { t, lang } from "/assets/app-i18n.js";
+import { hostText } from "/assets/setup-host-text.js";
 import { useTypedText } from "/assets/text-undo.js";
 import { api } from "./settings-confirm.js";
 import { Select } from "./settings-dialogs.js";
@@ -129,6 +130,6 @@ export function DiscordServerPicker({ idPrefix, token, bot, invite, portal, guil
       ${channels && channels.list && channels.list.length
         ? html`<${Select} id=${`${idPrefix}-gen`} value=${channel} onChange=${pickChannel} options=${["", ...channels.list.map((c) => ({ value: c.id, label: `#${c.name}` }))]} />`
         : html`<input id=${`${idPrefix}-gen`} type="text" value=${channelText} onInput=${(e) => pickChannel(onChannelText(e.target.value))} />`}
-      ${channels && channels.error ? html`<p class="feedback warning">${channels.error}</p>` : null}</div>
+      ${channels && channels.error ? html`<p class="feedback warning">${hostText(channels.error, lang())}</p>` : null}</div>
   </div>`;
 }