@songsid/agend 2.3.2-beta.3 → 2.3.2-beta.4

package/dist/ui/panel-settings.js

@@ -952,8 +952,13 @@ function Classic({ ctx, search, openDialog }) {
   })}</div>`;
 }
 
+const configuredNoticeMode = (value, route) => value === false ? false : value === "dm" || route === "dm" ? "dm" : true;
+const noticeMode = (v) => v === "dm" ? "dm" : v === "false" || v === false ? false : true;
+const noticeChoices = () => [{ value: "true", label: tn("noticeTopic") }, { value: "dm", label: tn("noticeDm") }, { value: "false", label: tn("noticeOff") }];
+const noticeLabel = (v) => tn(v === "dm" ? "noticeDm" : v === false ? "noticeOff" : "noticeTopic");
+
 /** General's form, from the saved defaults (`d`) and ClassicBot's (`c`). */
-function generalForm(d, c, fleet = {}) {
+function generalForm(d, c, fleet = {}, schema = {}) {
   const hang = d.hang_detector || {}, startup = d.startup || {};
   return {
     backend: d.backend || "claude-code", model: d.model || "", locale: d.locale || "", auto: String(d.auto_pause_after ?? 0),
@@ -966,6 +971,9 @@ function generalForm(d, c, fleet = {}) {
     // #2347 §10 review: unset startup concurrency is automatic (deriveSpawnConcurrency: 2–10 by free memory and cores),
     // not 10 — an empty field, and a save that leaves it unset (the defaults merge replaces `startup` whole).
     concurrency: startup.concurrency == null ? "" : String(startup.concurrency), stagger: String(startup.stagger_delay_ms ?? 500),
+    tips: String(configuredNoticeMode(d.tips, fleet.web?.notice_delivery?.tips)),
+    replyTriggers: Boolean(d.reply_triggers ?? schema.reply_triggers_default),
+    classicReplyTriggers: Boolean(c.reply_triggers ?? d.reply_triggers ?? schema.reply_triggers_default), classicReplyTriggersInherit: !hasOwn(c, "reply_triggers"),
     classicBackend: c.backend || d.backend || "claude-code",
     classicToolProgress: c.tool_progress ?? d.tool_progress ?? "off", classicToolProgressInherit: !hasOwn(c, "tool_progress"),
     classicReply: c.reply_completion_guard ?? d.reply_completion_guard ?? true, classicReplyInherit: !hasOwn(c, "reply_completion_guard"),
@@ -985,7 +993,7 @@ function General({ ctx, part = "all" }) {
   const hang = d.hang_detector || {}, startup = d.startup || {};
   const primary = channelsOf(ctx.fleet)[0];
   const original = useMemo(() => ({ c: structuredClone(c) }), []);
-  const base = useMemo(() => generalForm(d, c, ctx.fleet), []);
+  const base = useMemo(() => generalForm(d, c, ctx.fleet, schema), []);
   const [f, setF] = useDraft(ctx, "general", () => base);
   const set = (k) => (v) => setF((x) => ({ ...x, [k]: v }));
   /** The class of a field's row: `field`, and `s-dirty` while one of its keys differs from what is saved. */
@@ -1011,27 +1019,31 @@ function General({ ctx, part = "all" }) {
     const defaultsPatch = changedFields({
       backend: f.backend, model: f.model || undefined, locale: f.locale || null, auto_pause_after: num(f.auto),
       agent_mode: f.agent_mode, tool_set: f.tool_set || null, tool_progress: f.tool_progress, cross_instance_visibility: f.visibility,
-      reply_completion_guard: f.reply, log_level: f.log_level,
-      // The dashboard features every agent may use unless its own setting says otherwise. All three go, because the write
+      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.map((k) => [k, f[`dash_${k}`]])),
+      dashboard: Object.fromEntries(DASHBOARD_FEATURES.filter((k) => k !== "office").map((k) => [k, f[`dash_${k}`]])),
+      office_access: f.dash_office,
       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",
-      cross_instance_visibility: visibilityDefault(d), reply_completion_guard: d.reply_completion_guard ?? true, log_level: d.log_level || "info",
-      dashboard: Object.fromEntries(DASHBOARD_FEATURES.map((k) => [k, dashboardDefault(d, k)])),
+      tips: configuredNoticeMode(d.tips, ctx.fleet.web?.notice_delivery?.tips), 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"),
       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 },
     });
     const oc = original.c;
     const classicPatch = changedFields({
+      reply_triggers: f.classicReplyTriggersInherit ? null : f.classicReplyTriggers,
       backend: f.classicBackend,
       tool_progress: f.classicToolProgressInherit ? null : f.classicToolProgress,
       reply_completion_guard: f.classicReplyInherit ? null : f.classicReply,
       admin_users: f.admins, allowed_guilds: f.guilds,
     }, {
+      reply_triggers: hasOwn(oc, "reply_triggers") ? oc.reply_triggers : null,
       backend: oc.backend || d.backend || "claude-code",
       tool_progress: hasOwn(oc, "tool_progress") ? oc.tool_progress : null,
       reply_completion_guard: hasOwn(oc, "reply_completion_guard") ? oc.reply_completion_guard : null,
@@ -1054,7 +1066,7 @@ function General({ ctx, part = "all" }) {
   // ClassicBot's inherited ones say what they inherit from Agent defaults.
   const unset = {
     locale: !d.locale, backend: !d.backend, model: !d.model, auto: !hasOwn(d, "auto_pause_after"), tool_progress: !hasOwn(d, "tool_progress"),
-    visibility: !VISIBILITY_MODES.includes(d.cross_instance_visibility), reply: !hasOwn(d, "reply_completion_guard"), tool_set: !d.tool_set,
+    tips: !hasOwn(d, "tips"), replyTriggers: !hasOwn(d, "reply_triggers"), visibility: !VISIBILITY_MODES.includes(d.cross_instance_visibility), reply: !hasOwn(d, "reply_completion_guard"), tool_set: !d.tool_set,
     log_level: !d.log_level, agent_mode: !d.agent_mode, hangOn: !hasOwn(hang, "enabled"), hang: !hasOwn(hang, "timeout_minutes"),
     concurrency: !hasOwn(startup, "concurrency"), stagger: !hasOwn(startup, "stagger_delay_ms"),
   };
@@ -1077,6 +1089,8 @@ function General({ ctx, part = "all" }) {
         <div class=${fc("field", "tool_progress")}>${L(tn("toolProgress"), "defaults.tool_progress", "g-tp", "tool_progress")}<${Select} id="g-tp" value=${f.tool_progress} onChange=${set("tool_progress")} options=${TOOL_PROGRESS} /></div>
         <div class=${fc("field", "visibility")}>${L(tn("crossInstanceVisibility"), "defaults.cross_instance_visibility", "g-vis", "visibility")}<${Select} id="g-vis" value=${f.visibility} onChange=${set("visibility")} options=${VISIBILITY_MODES} />
           <p class="note">${tn("crossInstanceVisibilityHint")}</p></div>
+        <div class=${fc("field", "tips")}>${L(tn("dailyTips"), "defaults.tips", "g-tips", "tips")}<${Select} id="g-tips" value=${f.tips} onChange=${set("tips")} options=${noticeChoices()} /><${InEffect} text=${noticeLabel(noticeMode(f.tips))} /><p class="note">${tn("dailyTipsHint")}</p></div>
+        <div class=${fc("field", "replyTriggers")}><label class="check"><input id="g-reply-triggers" type="checkbox" checked=${f.replyTriggers} onChange=${(e) => set("replyTriggers")(e.target.checked)} /><span>${tn("replyTriggers")}</span>${dm("replyTriggers")}<${Impact} schema=${schema} field="defaults.reply_triggers" /></label><p class="note">${tn("replyTriggersHint")}</p></div>
         <div class=${fc("field", "reply")}><label class="check"><input id="g-reply" type="checkbox" checked=${f.reply} onChange=${(e) => set("reply")(e.target.checked)} /><span>${tn("replyCompletionGuard")}</span>${dm("reply")}<${Impact} schema=${schema} field="defaults.reply_completion_guard" /></label>
           <p class="note">${fleetReply}</p></div>
       </div>
@@ -1093,6 +1107,9 @@ function General({ ctx, part = "all" }) {
         <div class=${fc("field", "classicToolProgress", "classicToolProgressInherit")}>${L(tn("toolProgress"), "classic_defaults.tool_progress", "g-ctp")}
           <${Override} inherit=${f.classicToolProgressInherit} onInherit=${set("classicToolProgressInherit")} inherited=${fromDefaults("tool_progress", d.tool_progress ?? "off", "#g-tp")}>
             <${Select} id="g-ctp" disabled=${f.classicToolProgressInherit} value=${f.classicToolProgressInherit ? (d.tool_progress ?? "off") : f.classicToolProgress} onChange=${set("classicToolProgress")} options=${TOOL_PROGRESS} /></${Override}></div>
+        <div class=${fc("field", "classicReplyTriggers", "classicReplyTriggersInherit")}>${L(tn("replyTriggers"), "classic_defaults.reply_triggers")}
+          <${Override} inherit=${f.classicReplyTriggersInherit} onInherit=${set("classicReplyTriggersInherit")} inherited=${fromDefaults("reply_triggers", Boolean(d.reply_triggers ?? schema.reply_triggers_default), "#g-reply-triggers")}>
+            <label class="check"><input id="g-creply-triggers" type="checkbox" disabled=${f.classicReplyTriggersInherit} checked=${f.classicReplyTriggersInherit ? Boolean(d.reply_triggers ?? schema.reply_triggers_default) : f.classicReplyTriggers} onChange=${(e) => set("classicReplyTriggers")(e.target.checked)} /><span>${tn("replyTriggers")}</span></label></${Override}><p class="note">${tn("replyTriggersHint")}</p></div>
         <div class=${fc("field", "classicReply", "classicReplyInherit")}>${L(tn("replyCompletionGuard"), "classic_defaults.reply_completion_guard")}
           <${Override} inherit=${f.classicReplyInherit} onInherit=${set("classicReplyInherit")} inherited=${fromDefaults("reply_completion_guard", d.reply_completion_guard ?? true, "#g-reply")}>
             <label class="check"><input id="g-creply" type="checkbox" disabled=${f.classicReplyInherit} checked=${f.classicReplyInherit ? (d.reply_completion_guard ?? true) : f.classicReply} onChange=${(e) => set("classicReply")(e.target.checked)} /><span>${tn("replyCompletionGuard")}</span></label></${Override}>
@@ -1140,7 +1157,7 @@ function General({ ctx, part = "all" }) {
  * the temporary public link none of it can be changed — the form says so and stays disabled (the server refuses too).
  */
 export const WEB_READ_ONLY = [
-  "web.allowed_hosts", "web.view_access", "web.notify_login", "web.preview", "web.preview_port", "web.preview_origin", "web.preview_on_public_link",
+  "web.allowed_hosts", "web.view_access", "web.preview", "web.preview_port", "web.preview_origin", "web.preview_on_public_link",
   "web.usage_panel", "web.search", "web.provider_secrets", "web.upload_max_file_mb", "web.upload_max_total_mb", "web_terminal.bind", "web_terminal.tunnel",
 ];
 /**
@@ -1173,6 +1190,7 @@ function WebSection({ ctx, staged, part = "all" }) {
   // serves their reads there).
   const overPublicLink = globalThis.document?.body?.dataset?.publicLink === "1";
   const original = useMemo(() => ({
+    notify: configuredNoticeMode(web.notify_login, web.notice_delivery?.login),
     echo: web.echo_to_channel ?? true,
     log: web.log_tab === true,                                                  // #1218: off by default
     usagePub: web.usage_report_on_public_link === true,                         // #2122: off by default
@@ -1182,7 +1200,7 @@ function WebSection({ ctx, staged, part = "all" }) {
   }), []);
   const text = (v) => (v === null || v === undefined ? "" : String(v));
   /** #2347: a field's row class: `s-dirty` while it differs from what is saved (the draft may come from before). */
-  const savedForm = useMemo(() => ({ echo: original.echo, log: original.log, usagePub: original.usagePub, pub: original.pub.allow_public,
+  const savedForm = useMemo(() => ({ notify: String(original.notify), echo: original.echo, log: original.log, usagePub: original.usagePub, pub: original.pub.allow_public,
     ttl: String(original.pub.ttl_minutes), protocol: original.pub.protocol, hostname: original.pub.hostname, originPort: String(original.pub.origin_port),
     abs: text(original.session.absolute_hours), idle: text(original.session.idle_hours), termOn: original.terminal.enabled !== false,
     termTtl: text(original.terminal.ttl_minutes), autoOpen: original.pub.auto_open }), []);
@@ -1194,6 +1212,7 @@ function WebSection({ ctx, staged, part = "all" }) {
     const pub = pending.public_link || {}, session = pending.session?.local || {}, terminal = pending.web_terminal || {};
     const pick = (obj, key, fallback) => Object.prototype.hasOwnProperty.call(obj, key) ? obj[key] : fallback;
     return {
+      notify: String(pick(pending, "notify_login", original.notify)),
       echo: pick(pending, "echo_to_channel", original.echo), log: pick(pending, "log_tab", original.log), usagePub: pick(pending, "usage_report_on_public_link", original.usagePub),
       pub: pick(pub, "allow_public", original.pub.allow_public), ttl: String(pick(pub, "ttl_minutes", original.pub.ttl_minutes)), protocol: pick(pub, "protocol", original.pub.protocol),
       hostname: pick(pub, "hostname", original.pub.hostname), originPort: String(pick(pub, "origin_port", original.pub.origin_port)), autoOpen: pick(pub, "auto_open", original.pub.auto_open),
@@ -1242,6 +1261,7 @@ function WebSection({ ctx, staged, part = "all" }) {
     const terminalPatch = changedFields({ enabled: f.termOn === (original.terminal.enabled !== false) ? original.terminal.enabled : f.termOn ? null : false,
       ttl_minutes: value(f.termTtl) }, original.terminal);
     const body = {
+      ...(noticeMode(f.notify) !== original.notify ? { notify_login: noticeMode(f.notify) } : {}),
       ...(f.echo !== original.echo ? { echo_to_channel: f.echo } : {}),
       ...(f.log !== original.log ? { log_tab: f.log } : {}),
       ...(f.usagePub !== original.usagePub ? { usage_report_on_public_link: f.usagePub } : {}),
@@ -1250,6 +1270,7 @@ function WebSection({ ctx, staged, part = "all" }) {
       ...(Object.keys(terminalPatch).length ? { web_terminal: terminalPatch } : {}),
     };
     const fields = [
+      ...(body.notify_login !== undefined ? ["web.notify_login"] : []),
       ...(body.echo_to_channel !== undefined ? ["web.echo_to_channel"] : []),
       ...(body.log_tab !== undefined ? ["web.log_tab"] : []),
       ...(body.usage_report_on_public_link !== undefined ? ["web.usage_report_on_public_link"] : []),
@@ -1297,6 +1318,7 @@ function WebSection({ ctx, staged, part = "all" }) {
     ${overPublicLink && part !== "readonly" ? html`<p class="note" role="status" id="webPublicRefused">${tn("webPublicRefused")}</p>` : null}
     ${has("access") ? lock(html`<section class="card"><h3>${tn("webSessionTitle")}</h3>
       <p class="note">${tn("webSessionHint")}</p>
+      <div class=${fc("field", "notify")}><label for="webNotifyLogin">${tn("webNotifyLogin")}<${Impact} schema=${schema} field="web.notify_login" /></label><${Select} id="webNotifyLogin" value=${f.notify} onChange=${set("notify")} options=${noticeChoices()} /><${InEffect} text=${noticeLabel(noticeMode(f.notify))} />${web.notify_login === undefined ? html`<${DefaultMark} />` : null}<p class="note">${tn("webNotifyLoginHint")}</p></div>
       <div class="grid2">
         <div class=${fc("field", "abs")}><label for="webSessionAbsolute">${tn("sessionAbsolute")}</label><input id="webSessionAbsolute" type="number" min="1" max="720" step="any"
           class=${errors.abs ? "invalid" : ""} value=${f.abs} onInput=${(e) => set("abs")(e.target.value)} /><${Feedback} error=${errors.abs} />

package/dist/ui/settings-dialogs.js

@@ -642,6 +642,7 @@ export function ClassicDialog({ room, ctx, onClose }) {
   const inherited = {
     backend: cd.backend || fd.backend || "claude-code", model: cd.model || fd.model || "",
     auto_pause_after: cd.auto_pause_after ?? fd.auto_pause_after ?? 0, tool_progress: cd.tool_progress ?? fd.tool_progress ?? "off",
+    reply_triggers: Boolean(cd.reply_triggers ?? fd.reply_triggers ?? schema.reply_triggers_default),
     reply_completion_guard: cd.reply_completion_guard ?? fd.reply_completion_guard ?? true,
   };
   const c = room;
@@ -649,8 +650,9 @@ export function ClassicDialog({ room, ctx, onClose }) {
     backend: c.backend || inherited.backend, model: c.model || "",
     auto_pause_after: String(c.auto_pause_after ?? inherited.auto_pause_after), tool_progress: c.tool_progress ?? inherited.tool_progress,
     reply_completion_guard: c.reply_completion_guard ?? inherited.reply_completion_guard,
+    reply_triggers: c.reply_triggers ?? inherited.reply_triggers,
     collab: !!c.collab, web_echo: classicWebEchoEffective(c, fleet), context_lines: String(c.context_lines ?? cd.context_lines ?? 5),
-    inherit: { auto_pause_after: !hasOwn(c, "auto_pause_after"), tool_progress: !hasOwn(c, "tool_progress"), reply_completion_guard: !hasOwn(c, "reply_completion_guard") },
+    inherit: { reply_triggers: !hasOwn(c, "reply_triggers"), auto_pause_after: !hasOwn(c, "auto_pause_after"), tool_progress: !hasOwn(c, "tool_progress"), reply_completion_guard: !hasOwn(c, "reply_completion_guard") },
   }));
   const set = (k) => (v) => setF((x) => ({ ...x, [k]: v }));
   const setInherit = (k) => (on) => setF((x) => ({ ...x, inherit: { ...x.inherit, [k]: on } }));
@@ -664,12 +666,14 @@ export function ClassicDialog({ room, ctx, onClose }) {
       auto_pause_after: f.inherit.auto_pause_after ? null : Number(f.auto_pause_after),
       tool_progress: f.inherit.tool_progress ? null : f.tool_progress,
       reply_completion_guard: f.inherit.reply_completion_guard ? null : f.reply_completion_guard,
+      reply_triggers: f.inherit.reply_triggers ? null : f.reply_triggers,
       collab: f.collab, context_lines: Number(f.context_lines), web_echo: f.web_echo,
     }, {
       backend: c.backend || inherited.backend, model: (c.model && c.model.trim()) || null,
       auto_pause_after: hasOwn(c, "auto_pause_after") ? c.auto_pause_after : null,
       tool_progress: hasOwn(c, "tool_progress") ? c.tool_progress : null,
       reply_completion_guard: hasOwn(c, "reply_completion_guard") ? c.reply_completion_guard : null,
+      reply_triggers: hasOwn(c, "reply_triggers") ? c.reply_triggers : null,
       collab: !!c.collab, context_lines: c.context_lines ?? cd.context_lines ?? 5, web_echo: classicWebEchoEffective(c, fleet),
     });
   const stage = async () => {
@@ -707,6 +711,9 @@ export function ClassicDialog({ room, ctx, onClose }) {
           <label class="check"><input type="checkbox" disabled=${f.inherit.reply_completion_guard} checked=${f.inherit.reply_completion_guard ? inherited.reply_completion_guard : f.reply_completion_guard}
             onChange=${(e) => set("reply_completion_guard")(e.target.checked)} /><span>${tn("replyCompletionGuard")}</span></label></${Override}>
         <p class="note">${replyHint(f.backend, classicMode, fd.kiro_ui)}</p></div>
+      <div class="field">${L(tn("replyTriggers"), "classic.reply_triggers")}
+        <${Override} inherit=${f.inherit.reply_triggers} onInherit=${setInherit("reply_triggers")} inherited=${roomInh("reply_triggers", "", "#g-creply-triggers", "#g-reply-triggers")}>
+          <label class="check"><input type="checkbox" disabled=${f.inherit.reply_triggers} checked=${f.inherit.reply_triggers ? inherited.reply_triggers : f.reply_triggers} onChange=${(e) => set("reply_triggers")(e.target.checked)} /><span>${tn("replyTriggers")}</span></label></${Override}><p class="note">${tn("replyTriggersHint")}</p></div>
       <label class="check"><input type="checkbox" checked=${f.collab} onChange=${(e) => set("collab")(e.target.checked)} /><span>${tn("collabMode")}</span><${Impact} schema=${schema} field="classic.collab" /></label>
       <label class="check"><input type="checkbox" checked=${f.web_echo} onChange=${(e) => set("web_echo")(e.target.checked)} /><span>${tn("webEcho")}</span><${Impact} schema=${schema} field="classic.web_echo" /></label>
     </div>

package/dist/ui/settings-model.js

@@ -40,19 +40,25 @@ export function changedFields(next, baseline) {
 
 /**
  * The dashboard features an agent may use (dashboard-permissions.ts): each "inherit" (the fleet default: `defaults.dashboard`,
- * else allowed), "on" or "off". The patch names only the features that changed: null follows the default again.
+ * else allowed — off for OFF_UNLESS_ON, `office`), "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"];
+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_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. */
-export const dashboardDefault = (defaults, feature) => dashboardOf(defaults && defaults.dashboard)[feature] !== false;
+/** 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];
+  return OFF_UNLESS_ON.includes(feature) ? v === true : v !== false;
+};
 export function dashboardForm(inst) {
-  const own = dashboardOf(inst.dashboard);
+  const own = { ...dashboardOf(inst.dashboard), ...(Object.hasOwn(inst, "office_access") ? { office: inst.office_access } : {}) };
   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.map((f) => [f, choices[f] === "on" ? true : choices[f] === "off" ? false : null]));
+  return Object.fromEntries(DASHBOARD_FEATURES.filter((f) => f !== "office").map((f) => [f, choices[f] === "on" ? true : choices[f] === "off" ? false : null]));
 }
 
 /** #1302: cross-instance notices. Unset, or a value the fleet does not know, means full. */
@@ -175,6 +181,7 @@ 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,
   };
   return changedFields(next, {
     backend: inst.backend || defaults.backend || "claude-code",
@@ -198,6 +205,7 @@ 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,
   });
 }
 

package/dist/ui/settings-registry.js

@@ -33,6 +33,8 @@ const ROWS = [
   // Fleet · Agents
   ["agents.new", "agents", "#newAgentBtn", "settings.newAgent", null, ["new agent", "create", "add agent", "instance"], ["新增 agent", "建立", "新 agent"]],
   ["agents.provider-keys", "agents", ".s-provider-keys", "settings.providerKeys", "web.provider_secrets", ["api key", "provider", "openai", "anthropic", "token", "secret"], ["API 金鑰", "金鑰", "供應商", "token"]],
+  ["defaults.tips", "agent-defaults", "#g-tips", "settings.dailyTips", "defaults.tips", ["daily tips", "dm", "notices"], ["每日提示", "私訊"]],
+  ["web.notify-login", "access", "#webNotifyLogin", "settings.webNotifyLogin", "web.notify_login", ["sign in", "login", "dm", "notices"], ["登入通知", "私訊"]],
   // Fleet · Agent defaults
   ["defaults.locale", "agent-defaults", "#g-locale", "settings.language", "defaults.locale", ["language", "bot language", "reply language", "locale"], ["語言", "回覆語言", "bot 語言"]],
   ["defaults.backend", "agent-defaults", "#g-be", "settings.defaultBackend", "defaults.backend", ["backend", "cli", "claude", "codex", "kiro"], ["後端", "CLI"]],
@@ -40,6 +42,8 @@ const ROWS = [
   ["defaults.auto-pause", "agent-defaults", "#g-auto", "settings.autoPause", "defaults.auto_pause_after", ["auto pause", "idle", "sleep", "minutes"], ["自動暫停", "閒置", "休眠"]],
   ["defaults.tool-progress", "agent-defaults", "#g-tp", "settings.toolProgress", "defaults.tool_progress", ["tool progress", "verbose", "steps"], ["工具進度", "詳細"]],
   ["defaults.visibility", "agent-defaults", "#g-vis", "settings.crossInstanceVisibility", "defaults.cross_instance_visibility", ["visibility", "bot to bot", "cross instance", "messages"], ["可見性", "bot 之間", "跨 instance"]],
+  ["defaults.reply-triggers", "agent-defaults", "#g-reply-triggers", "settings.replyTriggers", "defaults.reply_triggers", ["classic native reply", "reply trigger"], ["原生回覆觸發"]],
+  ["chat.classic-reply-triggers", "chat", "#g-creply-triggers", "settings.replyTriggers", "classic_defaults.reply_triggers", ["classic native reply"], ["ClassicBot 原生回覆觸發"]],
   ["defaults.reply-guard", "agent-defaults", "#g-reply", "settings.replyCompletionGuard", "defaults.reply_completion_guard", ["delivered reply", "reply guard", "require reply"], ["送達回覆", "回覆保護"]],
   ["defaults.tool-set", "agent-defaults", "#g-ts", "settings.toolSet", "defaults.tool_set", ["tool set", "tools", "mcp"], ["工具組", "工具"]],
   ["defaults.dashboard", "agent-defaults", "#g-dash", "settings.dashboardAccess", "defaults.dashboard", ["dashboard access", "dashboard features", "permissions", "appearance tools", "task board", "web settings"], ["Dashboard 權限", "權限", "外觀", "任務看板", "網頁設定"]],

package/dist/ui/settings-strings.js

@@ -4,6 +4,10 @@ import { register } from "/assets/app-i18n.js";
 
 register("settings", {
   en: {
+    noticeTopic: "Topic", noticeDm: "Direct message (topic fallback)", noticeOff: "Off",
+    webNotifyLogin: "Web sign-in notices", dailyTips: "Daily tips",
+    webNotifyLoginHint: "DM the signing-in operator or public-link owner; local guest notices go to the owning connection’s first configured admin. Missing account or failed DM falls back to the topic. Off suppresses operator notices only; guest and public-link security notices remain in the topic. Existing default: Topic; new fleets: DM.",
+    dailyTipsHint: "DM the General connection’s first configured admin, with topic fallback. Default: Topic. /tips still posts where invoked.",
     title: "Settings",
     myAgents: "My Agents",
     bots: "Bots",
@@ -108,6 +112,7 @@ register("settings", {
     dashboard_appearance: "Its look (theme, pictures, widgets, effects, mod proposals)",
     dashboard_task_board: "The task board",
     dashboard_web_settings: "Your web appearance settings",
+    dashboard_office: "Office: walk, speak and act in the Office view",
     dashboardInherit: "Fleet default ({0})",
     dashboardOn: "allowed",
     dashboardOff: "off",
@@ -570,6 +575,8 @@ register("settings", {
     removeItem: "Remove {0}",
     zeroDisabled: "0 = off",
     optional: "optional",
+    replyTriggers: "Native replies trigger ClassicBot",
+    replyTriggersHint: "Off by default: only an exact @bot mention triggers a collab room. On also accepts one-hop replies to that bot. Forwarded content never counts; fleet-topic traffic is unchanged.",
     collabMode: "Collaboration mode",
     contextLines: "Context lines",
     refresh: "Refresh",
@@ -672,6 +679,10 @@ register("settings", {
     se_externalEmojiHint: "使用其他伺服器的 emoji，bot 在要加反應的頻道需有「使用外部表情符號」權限。",
     se_unavailable: "無法使用",
     se_hint: "留空即使用預設值。預覽由 AgEnD 依 bot 實際 react 的方式解析。進度前綴不是反應，而是進度訊息開頭的 emoji。",
+    noticeTopic: "頻道", noticeDm: "私訊（失敗時改送頻道）", noticeOff: "關閉",
+    webNotifyLogin: "網頁登入通知", dailyTips: "每日提示",
+    webNotifyLoginHint: "私訊登入的管理者或公開連結擁有者；本機訪客登入通知送給所屬連線的第一位設定管理員。帳號不明或私訊失敗時改送原頻道。關閉只停用管理者登入通知；訪客與公開連結安全通知仍送頻道。既有預設：頻道；新 fleet：私訊。",
+    dailyTipsHint: "私訊 General 所屬連線的第一位設定管理員，失敗時改送頻道。預設：頻道。/tips 仍送至呼叫的聊天室。",
     title: "設定",
     myAgents: "我的 Agent",
     bots: "機器人",
@@ -750,6 +761,7 @@ register("settings", {
     dashboard_appearance: "它的外觀（主題、圖片、小工具、特效、mod 提案）",
     dashboard_task_board: "任務看板",
     dashboard_web_settings: "你的網頁外觀設定",
+    dashboard_office: "辦公室：在辦公室畫面走動、說話、做動作",
     dashboardInherit: "跟 fleet 預設（{0}）",
     dashboardOn: "允許",
     dashboardOff: "關閉",
@@ -1210,6 +1222,8 @@ register("settings", {
     removeItem: "移除 {0}",
     zeroDisabled: "0 = 關閉",
     optional: "選填",
+    replyTriggers: "原生回覆觸發 ClassicBot",
+    replyTriggersHint: "預設關閉：協作房間只有精確 @bot 提及才觸發。開啟後也接受對該機器人的單層原生回覆；轉發內容不算。Fleet 話題的訊息接收方式不變。",
     collabMode: "協作模式",
     contextLines: "上下文行數",
     refresh: "重新整理",

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

@@ -103,6 +103,7 @@ register("app", {
     // #2293: global search — chats, cross-instance messages and tasks (not the sidebar's filter of agents).
     search: "Search", searchTitle: "Search chats, messages between agents and tasks ({0})",
     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_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",
   },
@@ -143,6 +144,7 @@ register("app", {
     needsNav: "等你處理", needsTab: "待處理", needsCount: "{0} 件待處理",
     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_crashed: "已崩潰", needs_reason_delivery_uncertain: "無法確認是否送達", needs_reason_delivery_failed: "傳送失敗", needs_reason_task_review: "等你確認", needs_reason_task_blocked: "卡住，在問你",
   },
 });

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

@@ -16,7 +16,8 @@ import { onPrefsChanged, savePref } from "./app-prefs.js";
 import { applyPageTheme, pageNow, resolvedMode, themesStore } from "./app-themes.js";
 import { ErrorState, Skeleton } from "./ui-states.js";
 import { InstanceNav, RosterNav, namesStore, setNamesPrimary } from "./instance-nav.js";
-import { UsageRail, usageRailStore } from "./header-tools.js";
+import { usageRailStore } from "./header-tools.js";
+import { RightRail, sidePanelStore } from "./side-panel.js";
 import { OwnerCssKeepBar } from "./owner-css.js";
 import { AgentWidget, fleetBinds, sidebarWidget, sidebarWidgetStore } from "./agent-widget.js";
 
@@ -89,14 +90,17 @@ export function openSearch(preset = {}) {
 }
 /**
  * Ctrl+K (⌘K) anywhere opens search; Ctrl+F (⌘F) in an agent's chat opens it narrowed to that agent — elsewhere the
- * browser's own find stays. Not while another dialog is open (search, open already, has its input focused).
+ * browser's own find stays. Not while another dialog is open (search, open already, has its input focused); a docked
+ * side panel (#2585) is not one.
  */
 export function handleSearchKey(e) {
   if (!searchOffered(true)) return;
   if (e.isComposing || e.altKey || e.shiftKey || !(isMacLike() ? e.metaKey : e.ctrlKey)) return;
   const key = (e.key || "").toLowerCase();
   if (key !== "k" && key !== "f") return;
-  if (typeof document !== "undefined" && document.querySelector("dialog[open]")) return;
+  // #2585: a docked side panel is not modal — the page beside it is in use, so search is too (a result that leaves
+  // the page asks first when the panel holds changes: side-panel.js).
+  if (typeof document !== "undefined" && document.querySelector("dialog[open]:not(.side-panel)")) return;
   const route = navStore.get().route;
   if (key === "f" && !(route && route.panel === "chat" && route.instance)) return;
   e.preventDefault();
@@ -127,7 +131,7 @@ export const sidebarWidthStore = createStore({ width: null });
 function mainBudget() {
   const vw = viewportWidth();
   if (vw < 1200 || typeof document === "undefined") return vw;
-  const rail = document.querySelector(".u-rail");
+  const rail = document.querySelector(".shell > .u-rail, .shell > .side-panel");   // #2585: a docked panel in its place
   if (!rail) return vw;
   const w = Math.round(rail.getBoundingClientRect ? rail.getBoundingClientRect().width : 0) || RAIL_W;
   return vw - w;
@@ -181,11 +185,15 @@ function SidebarResize() {
     // once the page has drawn its change.
     const again = () => afterPaint(applyKeptSidebarWidth);
     const offRail = usageRailStore.subscribe(again);
+    // #2585: a docked panel in the rail's place (it is published on every render of its editor: only its coming and
+    // going changes the room).
+    let docked = !!sidePanelStore.get().panel;
+    const offPanel = sidePanelStore.subscribe(() => { const now = !!sidePanelStore.get().panel; if (now !== docked) { docked = now; again(); } });
     const offNav = navStore.subscribe(again);
     const w = win();
     if (w && typeof w.addEventListener === "function") w.addEventListener("resize", applyKeptSidebarWidth);
     return () => {
-      offRail(); offNav();
+      offRail(); offPanel(); offNav();
       if (w && typeof w.removeEventListener === "function") w.removeEventListener("resize", applyKeptSidebarWidth);
       if (activeDrag) activeDrag.end(false);   // unmounted mid-drag: nothing kept, nothing left behind
     };
@@ -787,7 +795,7 @@ export function Shell({ panels, onNewInstance, viewOnly = false }) {
       ${viewOnly || guest || !shell.banner ? null : html`<${shell.banner} />`}
       <${Outlet} route=${nav.route} seq=${nav.seq} panels=${panels} />
     </main>
-    ${guest ? null : html`<${UsageRail} route=${nav.route} />`}
+    ${guest ? null : html`<${RightRail} route=${nav.route} />`}
     <${BottomTabs} route=${nav.route} viewOnly=${viewOnly} />
     ${shell.dialog ? html`<${shell.dialog.Component} ...${shell.dialog.props} onClose=${closeDialog} />` : null}
     ${viewOnly || guest || (nav.route && nav.route.panel === "settings") ? null : html`<${PendingChanges} />`}

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

@@ -36,7 +36,8 @@
 // tasks — the task board changed: the card numbers a write touched (SSE only: the board reads again when it is shown).
 // 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).
-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 — 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 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

@@ -1348,6 +1348,18 @@ body.side-resizing, body.side-resizing * { cursor: col-resize !important; user-s
 @media (prefers-reduced-motion: no-preference) { .u-crow { transition: background-color 0.15s var(--ease); } }
 .u-rail-body { flex: 1; min-height: 0; overflow-y: auto; padding: 0 var(--s-3) var(--s-4); display: flex; flex-direction: column; gap: var(--s-3); }
 @media (max-width: 1199px) { .u-rail { display: none; } }
+/* #2585: the docked side panel (side-panel.js), in the usage rail's place beside the page — a non-modal dialog, so the
+   shared dialog's head, body and actions, laid out as a full-height column. Below the rail's width it is never drawn
+   (the editor is the centred Dialog there). */
+.dlg.side-panel { position: static; inset: auto; margin: 0; width: 400px; max-width: 400px; height: auto; max-height: none; flex-shrink: 0;
+  display: flex; flex-direction: column; min-height: 0; border-radius: 0; box-shadow: none; border-left: 1px solid var(--border); background: var(--bg); color: var(--text); }
+.side-panel .dlg-box { flex: 1; min-height: 0; max-height: none; }
+.side-panel .dlg-head { padding: var(--s-3) var(--s-3) var(--s-3) var(--s-5); border-bottom: 1px solid var(--border); }
+.side-panel .dlg-body { flex: 1; min-height: 0; padding-top: var(--s-4); }
+.side-panel .dlg-actions { padding: var(--s-3) var(--s-5); border-top: 1px solid var(--border); }
+@media (max-width: 1199px) { .dlg.side-panel { display: none; } }
+/* A toast (Offices saved.) beside a docked panel, not over its Cancel and Save. */
+@media (min-width: 1200px) { .shell:has(> .side-panel) .toasts { right: calc(400px + var(--s-6)); } }
 @media (max-width: 899px) {
   .hide-narrow { display: none; }
   .v-id { padding-left: var(--s-3); padding-right: var(--s-3); }
@@ -1731,7 +1743,7 @@ strong.org-name { font-size: var(--fs-sm); color: var(--text); }
 .oc-office > .oc-bar { margin: 0; padding: var(--s-3) var(--s-5) var(--s-2); }
 .oc-office > .oc-legend { margin: 0 var(--s-5) var(--s-2); }
 .oo { flex: 1 0 auto; display: flex; flex-direction: column; gap: var(--s-2); min-width: 0; width: 100%; }
-.oo > :not(.oo-stage) { margin-left: var(--s-5); margin-right: var(--s-5); }
+.oo > :not(.oo-stage):not(dialog) { margin-left: var(--s-5); margin-right: var(--s-5); }   /* not the editors' dialogs: they centre themselves (#2585) */
 .oo-bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); }
 .oo-pick { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-xs); color: var(--text-2); }
 .oo-pick .tb-select { max-width: 200px; }
@@ -1839,13 +1851,16 @@ html.oo-immersive .p-fleet > .panel-body { z-index: 50; }
 .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);
   background: var(--surface); border-top: 1px solid var(--border); }
 .ol-actions { display: inline-flex; gap: var(--s-2); margin-left: auto; }
+/* #2585: Edit layout's controls docked in the side panel (a wide desk): one column, the waypoint's own row wrapping. */
+.ol-side { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-3); }
+.ol-side .ol-corridors { display: flex; flex-wrap: wrap; gap: var(--s-2); }
 .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). */
   .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) { margin-left: var(--s-3); margin-right: var(--s-3); }
+  .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-pick .tb-select { max-width: 150px; }
   .oo-mini { display: none; }

package/dist/ui/shared/side-panel.js

@@ -0,0 +1,95 @@
+// #2585 (the user): settings-like editors docked on the right. On a screen wide enough for the usage rail (RAIL_MEDIA,
+// #1673) an editor opens in the rail's place, beside the page — not modal: the page stays in view and in use (the
+// Office re-fits beside it). While one is open the rail steps aside; it comes back as it was when the panel closes (its
+// shown/hidden choice is never touched). Narrower, the same editor is the shared Dialog (centred; a phone's sheet).
+//
+// <${SidePanel} title=… onClose=… actions=… busy=…>…body…</${SidePanel}>: rendered = open, the owner unmounts it to
+// close (like Dialog). Docked, the owner renders nothing itself: it publishes its title, body and actions to the shell's
+// host (sidePanelStore) on every render, so the body keeps the owner's state and closures; the owner going (a close, a
+// navigation) takes the panel with it. Esc in the panel and its × close it (not while `busy`); focus moves into it when
+// it opens and goes back to what opened it when it closes. Docked, the body renders under the shell, not under its
+// owner: a context provided above the owner does not reach it (pass what it needs as props, or read a store).
+// `dirty`: the editor holds unsaved changes. Docked, the page beside it is in use (its links, search): leaving the page
+// then closes the panel as Cancel does — and with changes, asks first (the app's leave guard; one at a time).
+// `dock` false keeps it from docking (the Office in fullscreen, where the shell is out of view); `fallback`, when given,
+// is what it is below the rail's width (or not docked) instead of the Dialog — Edit layout's bar over the canvas.
+import { html, useEffect, useLayoutEffect, useRef } from "./app-html.js";
+import { createStore, useStore } from "./app-store.js";
+import { t } from "./app-i18n.js";
+import { Icon } from "./ui-icons.js";
+import { Dialog } from "./ui-dialog.js";
+import { confirmDialog } from "./ui-confirm.js";
+import { navigate, setLeaveGuard } from "./app-nav.js";
+import { UsageRail, useRailWidth } from "./header-tools.js";
+
+/** { panel: { id, title, label, body, actions, busy, onClose } | null } — the one docked panel. */
+export const sidePanelStore = createStore({ panel: null });
+let seq = 0;
+const clear = (id) => { if (sidePanelStore.get().panel?.id === id) sidePanelStore.set({ panel: null }); };
+
+/** An editor: docked on a wide screen, the shared Dialog (`wide`) elsewhere. */
+export function SidePanel({ title, label, onClose, actions, busy = false, dirty = false, dock = true, fallback, children }) {
+  const docked = useRailWidth() && dock;
+  const id = useRef(0);
+  if (!id.current) id.current = ++seq;
+  const opener = useRef(undefined);
+  if (opener.current === undefined) opener.current = typeof document !== "undefined" ? document.activeElement : null;
+  useLayoutEffect(() => {
+    if (docked) sidePanelStore.set({ panel: { id: id.current, title, label, body: children, actions, busy, onClose } });
+    else clear(id.current);
+  });
+  useLayoutEffect(() => () => {
+    const host = typeof document !== "undefined" ? document.querySelector(".side-panel") : null;
+    const inside = !!host && (host.contains(document.activeElement) || document.activeElement === document.body);
+    clear(id.current);
+    // Focus back to what opened it — when it was in the panel (or nowhere): a person who moved on keeps their place.
+    const back = opener.current;
+    if ((inside || !host) && back && typeof back.focus === "function" && document.contains?.(back)) back.focus();
+  }, []);
+  // Leaving the page with changes in the docked panel: asked in the app's dialog; yes = Cancel, then on to there.
+  const live = useRef(null);
+  live.current = { title, onClose };
+  useEffect(() => {
+    if (!docked || !dirty) return undefined;
+    let asking = false;
+    return setLeaveGuard((_to, path) => {
+      if (!asking) {
+        asking = true;
+        confirmDialog({ message: t("app.sidePanelLeave", live.current.title), confirmLabel: t("app.sidePanelDiscard"), danger: true }).then((yes) => {
+          asking = false;
+          if (!yes) return;
+          live.current.onClose();
+          navigate(path, { force: true });
+        });
+      }
+      return false;
+    });
+  }, [docked, dirty]);
+  if (docked) return null;
+  if (fallback !== undefined) return fallback;
+  return html`<${Dialog} title=${title} label=${label} onClose=${onClose} actions=${actions} busy=${busy} wide=${true}>${children}</${Dialog}>`;
+}
+
+/** The docked panel itself: a non-modal dialog in the rail's place. */
+function SidePanelHost({ panel }) {
+  const box = useRef(null);
+  // Into the panel as it opens (its box: no ring; Tab moves on), once per panel.
+  useLayoutEffect(() => { if (box.current && typeof box.current.focus === "function") box.current.focus({ preventScroll: true }); }, [panel.id]);
+  const close = () => { if (!panel.busy) panel.onClose(); };
+  const onKeyDown = (e) => { if (e.key === "Escape" && !e.defaultPrevented) { e.preventDefault(); close(); } };
+  return html`<dialog open data-trust="dialog" class="dlg side-panel" aria-label=${panel.label || panel.title} onKeyDown=${onKeyDown}>
+    <div class="dlg-box" tabindex="-1" ref=${box}>
+      <div class="dlg-head"><h2 class="dlg-title">${panel.title}</h2>
+        <button type="button" class="icon-btn dlg-x" aria-label=${t("app.close")} title=${t("app.close")} onClick=${close}><${Icon} name="close" /></button></div>
+      <div class="dlg-body">${panel.body}</div>
+      ${panel.actions ? html`<div class="dlg-actions">${panel.actions}</div>` : null}
+    </div>
+  </dialog>`;
+}
+
+/** The shell's right-hand column: a docked panel when one is open (wide screens), else the usage rail. */
+export function RightRail({ route }) {
+  const { panel } = useStore(sidePanelStore);
+  const wide = useRailWidth();
+  return panel && wide ? html`<${SidePanelHost} panel=${panel} />` : html`<${UsageRail} route=${route} />`;
+}

package/dist/web-api.d.ts

@@ -10,6 +10,7 @@ import type { WebEffectService } from "./web-effect-service.js";
 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 { WebAppearance } from "./web-appearance.js";
 import type { SendOpts } from "./channel/types.js";
 import type { IncomingMessage, ServerResponse } from "node:http";
@@ -196,6 +197,8 @@ export interface WebApiContext {
     readonly officeStore?: OfficeStore;
     /** How often a person may save the offices (absent: no limit, as in a test without it). */
     readonly officeWrites?: OfficeWriteLimiter;
+    /** #2578: the agents' live acts in the Office view (office_set); absent: /ui/office-acts is not offered. */
+    readonly officeActs?: Pick<OfficeActs, "live">;
     /** #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). */

package/dist/web-api.js

@@ -2212,6 +2212,17 @@ export function handleWebRequest(req, res, url, ctx) {
         });
         return true;
     }
+    // #2578: GET /ui/office-acts { acts }: the agents' live acts (office_set), read as the offices are (the public link
+    // too, which has no stream); every change also comes as `office_acts` on the stream. Nothing here writes one.
+    if (method === "GET" && path === "/ui/office-acts") {
+        const acts = ctx.officeActs;
+        if (!acts) {
+            json(res, 404, { error: "Office acts are not kept on this fleet" });
+            return true;
+        }
+        json(res, 200, { acts: acts.live(), now: Date.now() }); // now: the host's clock, for the page's offset
+        return true;
+    }
     if (path === "/ui/office-skins" || path.startsWith("/ui/office-skins/"))
         return handleOfficeSkins(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') ──