diff --git a/changelog.d/1829-project-metrics.added.md b/changelog.d/1829-project-metrics.added.md
new file mode 100644
index 000000000..7fbf1bbec
--- /dev/null
+++ b/changelog.d/1829-project-metrics.added.md
@@ -0,0 +1 @@
+Project board: seven metrics (today's opened/merged PRs and issues, 7-day medians) and a running-task table, read from GitHub REST plus the local tasks behind a 5-minute cache. A missing credential or a failed read renders \`—\`, never \`0\`.
diff --git a/core/client.js b/core/client.js
index 35b4e7f39..9142b86aa 100644
--- a/core/client.js
+++ b/core/client.js
@@ -797,6 +797,27 @@ var ZH = {
   Blocked: "受阻",
   Waiting: "等待",
   "In flight": "进行中",
+  "PRs opened today": "今日新开 PR",
+  "PRs merged today": "今日合入 PR",
+  "Issues opened today": "今日新开 issue",
+  "Issues closed today": "今日关闭 issue",
+  "PR merge time": "PR 合入时长",
+  "Issue close time": "issue 关闭时长",
+  "Task completion": "任务完成时长",
+  "Natural day in your time zone, by created_at.": "按你所在时区的自然日，取 created_at。",
+  "Natural day in your time zone, by merged_at.": "按你所在时区的自然日，取 merged_at。",
+  "Natural day in your time zone, by closed_at.": "按你所在时区的自然日，取 closed_at。",
+  "Median of the last 7 days, opened to merged.": "近 7 天中位数，开启到合入。",
+  "Median of the last 7 days, opened to closed.": "近 7 天中位数，开启到关闭。",
+  "Median of the last 7 days, created to done.": "近 7 天中位数，创建到完成。",
+  "Metrics unavailable": "指标不可用",
+  "Running tasks": "在跑任务",
+  "Claimed for": "已做多久",
+  "Last activity": "最近活动",
+  "Task": "任务",
+  "Status": "状态",
+  "Who": "谁在做",
+  "Source": "来源",
   unknown: "未知",
   Start: "开始",
   Complete: "完成",
@@ -20120,6 +20141,18 @@ var PROJECT_BOARD_CSS = `
 .bt-project-missing{font-size:11px;opacity:.6}
 .bt-project-status{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.6;margin-left:auto}
 .bt-project-actions{display:flex;gap:8px;margin:0 0 14px}
+.bt-project-metrics{margin:0 0 14px}
+.bt-project-metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px}
+.bt-project-metric{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid rgba(127,127,127,.24);border-radius:8px}
+.bt-project-metric-value{font-size:18px;font-weight:600}
+.bt-project-metric-label{font-size:12px;font-weight:600}
+.bt-project-metric-caption{font-size:10px;opacity:.6;line-height:1.3}
+.bt-project-metrics-note{margin:0 0 6px;font-size:11px;opacity:.7}
+.bt-project-running{margin:0 0 14px}
+.bt-project-running-head,.bt-project-running-row{display:grid;grid-template-columns:2fr 1fr 1fr .8fr .8fr 1.2fr;gap:8px;font-size:12px;padding:3px 0}
+.bt-project-running-head{opacity:.6;font-size:10px;letter-spacing:.03em}
+.bt-project-running-row[role="button"]{cursor:pointer}
+.bt-project-running-row[data-overdue="true"]{color:#c2410c}
 .bt-project-counts{display:flex;gap:14px;align-items:center;margin:0 0 12px;font-size:12px;letter-spacing:.03em;opacity:.8}
 .bt-project-counts b{font-weight:600}
 .bt-project-group[data-queue="waiting"] .bt-project-row{cursor:default}
@@ -20211,7 +20244,7 @@ function projectBoardRecord({ decisions, meetings } = {}) {
     }
   };
 }
-function projectBoardView({ project, rows, canManage, tasks, decisions, meetings, queues } = {}) {
+function projectBoardView({ project, rows, canManage, tasks, decisions, meetings, queues, metrics } = {}) {
   const list = Array.isArray(rows) ? rows.filter((row) => row !== null && typeof row === "object" && text(row.id) !== "") : [];
   const byId = new Map((Array.isArray(tasks) ? tasks : []).filter((task) => task !== null && typeof task === "object" && text(task.id) !== "").map((task) => [text(task.id), task]));
   const groups = PROJECT_SOURCES.map((source) => ({
@@ -20259,7 +20292,8 @@ function projectBoardView({ project, rows, canManage, tasks, decisions, meetings
     count: list.length,
     empty: list.length === 0 && queueGroups.length === 0,
     emptyText: "No cards yet.",
-    record: projectBoardRecord({ decisions, meetings })
+    record: projectBoardRecord({ decisions, meetings }),
+    metrics: metricsView(metrics, { tasks })
   };
 }
 function ProjectBoardRows({ view, onOpen }) {
@@ -20308,6 +20342,109 @@ function waitedLabel(ms) {
   if (hours < 24) return `${hours}h`;
   return `${Math.floor(hours / 24)}d`;
 }
+var METRIC_CARDS = [
+  { key: "prsOpenedToday", label: "PRs opened today", caption: "Natural day in your time zone, by created_at." },
+  { key: "prsMergedToday", label: "PRs merged today", caption: "Natural day in your time zone, by merged_at." },
+  { key: "issuesOpenedToday", label: "Issues opened today", caption: "Natural day in your time zone, by created_at." },
+  { key: "issuesClosedToday", label: "Issues closed today", caption: "Natural day in your time zone, by closed_at." },
+  { key: "prMergeMedianMs", label: "PR merge time", caption: "Median of the last 7 days, opened to merged." },
+  { key: "issueCloseMedianMs", label: "Issue close time", caption: "Median of the last 7 days, opened to closed." },
+  { key: "taskDoneMedianMs", label: "Task completion", caption: "Median of the last 7 days, created to done." }
+];
+var METRIC_DASH = "—";
+var DURATION_KEYS = /* @__PURE__ */ new Set(["prMergeMedianMs", "issueCloseMedianMs", "taskDoneMedianMs"]);
+var RUNNING_OVERDUE_MS = 2 * 60 * 60 * 1e3;
+var metricText = (key, value) => {
+  if (!Number.isFinite(value)) return METRIC_DASH;
+  if (DURATION_KEYS.has(key)) return waitedLabel(value) ?? METRIC_DASH;
+  return String(value);
+};
+function metricsView(metrics, { tasks } = {}) {
+  const source = metrics !== null && typeof metrics === "object" ? metrics : null;
+  const values = source?.metrics !== null && typeof source?.metrics === "object" ? source.metrics : {};
+  const byId = new Map((Array.isArray(tasks) ? tasks : []).filter((task) => task !== null && typeof task === "object" && text(task.id) !== "").map((task) => [text(task.id), task]));
+  const running = (Array.isArray(source?.running) ? source.running : []).filter((row) => row !== null && typeof row === "object" && text(row.id) !== "").map((row) => {
+    const id = text(row.id);
+    const task = byId.get(id);
+    return {
+      id,
+      key: "task:" + id,
+      title: text(row.title) || text(task?.title) || text(task?.note) || id,
+      status: text(row.status),
+      who: text(row.who) || null,
+      sinceMs: Number.isFinite(row.sinceMs) ? row.sinceMs : null,
+      source: text(row.source) || null,
+      lastActivityAt: Number.isFinite(row.lastActivityAt) ? row.lastActivityAt : null,
+      overdue: Number.isFinite(row.sinceMs) && row.sinceMs > RUNNING_OVERDUE_MS,
+      board: boardOfRow({ source: text(row.source) }, task)
+    };
+  });
+  return {
+    available: source?.ok === true,
+    reason: text(source?.reason) || null,
+    cards: METRIC_CARDS.map((card) => ({ ...card, value: metricText(card.key, values[card.key]) })),
+    running,
+    empty: source === null,
+    emptyText: "No metrics read yet."
+  };
+}
+function ProjectMetrics({ view }) {
+  return (0, import_react47.createElement)(
+    "section",
+    { className: "bt-project-metrics", "data-available": view.available ? "true" : "false" },
+    view.available || view.reason === null ? null : (0, import_react47.createElement)("p", { className: "bt-project-metrics-note" }, t("Metrics unavailable") + ": " + view.reason),
+    (0, import_react47.createElement)(
+      "div",
+      { className: "bt-project-metric-cards" },
+      view.cards.map((card) => (0, import_react47.createElement)(
+        "div",
+        { key: card.key, className: "bt-project-metric", "data-metric": card.key },
+        (0, import_react47.createElement)("span", { className: "bt-project-metric-value" }, card.value),
+        (0, import_react47.createElement)("span", { className: "bt-project-metric-label" }, t(card.label)),
+        (0, import_react47.createElement)("span", { className: "bt-project-metric-caption" }, t(card.caption))
+      ))
+    )
+  );
+}
+function ProjectRunningTable({ view, onOpen }) {
+  if (view.running.length === 0) return (0, import_react47.createElement)("section", { className: "bt-project-running", "data-running": "0" }, (0, import_react47.createElement)("h4", null, t("Running tasks")), (0, import_react47.createElement)("div", { className: "bt-project-empty" }, t("Nothing is running.")));
+  return (0, import_react47.createElement)(
+    "section",
+    { className: "bt-project-running", "data-running": String(view.running.length) },
+    (0, import_react47.createElement)("h4", null, t("Running tasks")),
+    (0, import_react47.createElement)(
+      "div",
+      { className: "bt-project-running-head" },
+      (0, import_react47.createElement)("span", null, t("Task")),
+      (0, import_react47.createElement)("span", null, t("Status")),
+      (0, import_react47.createElement)("span", null, t("Who")),
+      (0, import_react47.createElement)("span", null, t("Claimed for")),
+      (0, import_react47.createElement)("span", null, t("Source")),
+      (0, import_react47.createElement)("span", null, t("Last activity"))
+    ),
+    view.running.map((row) => {
+      const open = row.board === null ? void 0 : () => onOpen?.(row.board);
+      return (0, import_react47.createElement)(
+        "div",
+        {
+          key: row.key,
+          className: "bt-project-running-row",
+          "data-task-id": row.id,
+          "data-overdue": row.overdue ? "true" : "false",
+          role: open === void 0 ? void 0 : "button",
+          tabIndex: open === void 0 ? void 0 : 0,
+          onClick: open
+        },
+        (0, import_react47.createElement)("span", { className: "bt-project-running-title" }, row.title),
+        (0, import_react47.createElement)("span", { className: "bt-project-running-status" }, t(row.status)),
+        (0, import_react47.createElement)("span", null, row.who ?? METRIC_DASH),
+        (0, import_react47.createElement)("span", null, metricText("since", row.sinceMs)),
+        (0, import_react47.createElement)("span", null, row.source === null ? METRIC_DASH : t(SOURCE_LABELS[row.source] ?? row.source)),
+        (0, import_react47.createElement)("span", null, row.lastActivityAt === null ? METRIC_DASH : new Date(row.lastActivityAt).toLocaleString(dateLocale()))
+      );
+    })
+  );
+}
 function ProjectQueueGroups({ view, onOpen }) {
   return view.queues.map((entry) => (0, import_react47.createElement)(
     "section",
@@ -20378,8 +20515,8 @@ function ProjectBoardRecord({ record }) {
     meetings.pending.length === 0 ? null : pendingRows
   );
 }
-function ProjectBoardPane({ project, rows, canManage, tasks, decisions, meetings, queues, onOpen, onSettings, onMembers }) {
-  const view = projectBoardView({ project, rows, canManage, tasks, decisions, meetings, queues });
+function ProjectBoardPane({ project, rows, canManage, tasks, decisions, meetings, queues, metrics, onOpen, onSettings, onMembers }) {
+  const view = projectBoardView({ project, rows, canManage, tasks, decisions, meetings, queues, metrics });
   return (0, import_react47.createElement)(
     "div",
     { className: "bt-project-board", "data-can-manage": view.canManage ? "true" : "false" },
@@ -20402,6 +20539,8 @@ function ProjectBoardPane({ project, rows, canManage, tasks, decisions, meetings
       (0, import_react47.createElement)("button", { type: "button", "data-action": "project-settings", onClick: () => onSettings?.() }, t("Project settings")),
       (0, import_react47.createElement)("button", { type: "button", "data-action": "project-members", onClick: () => onMembers?.() }, t("Members"))
     ),
+    (0, import_react47.createElement)(ProjectMetrics, { view: view.metrics }),
+    (0, import_react47.createElement)(ProjectRunningTable, { view: view.metrics, onOpen }),
     (0, import_react47.createElement)(ProjectBoardRows, { view, onOpen }),
     (0, import_react47.createElement)(ProjectQueueGroups, { view, onOpen }),
     (0, import_react47.createElement)(ProjectBoardRecord, { record: view.record })
@@ -20566,12 +20705,12 @@ function ProjectBoardOverlay({ actions, call: request } = {}) {
       if (project === void 0) return { project: null, rows: [], canManage: false, tasks: [] };
       const [record, board, taskList] = await Promise.all([
         read("project-read", { id: project.id }),
-        read("project-board", { id: project.id }),
+        read("project-board", { id: project.id, timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone }),
         read("tasks", {})
       ]);
       const tasks = Array.isArray(taskList) ? taskList : taskList?.tasks ?? [];
       const queues = { waiting: board?.waiting, inflight: board?.inflight, blocked: board?.blocked, counts: board?.counts ?? null };
-      return { project: record?.project ?? project, rows: board?.tasks ?? [], canManage: record?.canManage === true, tasks, decisions: board?.decisions, meetings: board?.meetings, queues };
+      return { project: record?.project ?? project, rows: board?.tasks ?? [], canManage: record?.canManage === true, tasks, decisions: board?.decisions, meetings: board?.meetings, queues, metrics: board?.metrics ?? null };
     };
     const refresh = async (first) => {
       try {
@@ -20624,6 +20763,7 @@ function ProjectBoardOverlay({ actions, call: request } = {}) {
           decisions: state.decisions,
           meetings: state.meetings,
           queues: state.queues,
+          metrics: state.metrics,
           onSettings: () => setPanel("settings"),
           onMembers: () => setPanel("members"),
           // The task's own board is where a row leads: the Tasks dialog reads `#task=` on mount and
diff --git a/core/src/client/i18n.js b/core/src/client/i18n.js
index 8c431e1aa..20b7f730b 100644
--- a/core/src/client/i18n.js
+++ b/core/src/client/i18n.js
@@ -741,6 +741,27 @@ const ZH = {
   Blocked: '受阻',
   Waiting: '等待',
   'In flight': '进行中',
+  'PRs opened today': '今日新开 PR',
+  'PRs merged today': '今日合入 PR',
+  'Issues opened today': '今日新开 issue',
+  'Issues closed today': '今日关闭 issue',
+  'PR merge time': 'PR 合入时长',
+  'Issue close time': 'issue 关闭时长',
+  'Task completion': '任务完成时长',
+  'Natural day in your time zone, by created_at.': '按你所在时区的自然日，取 created_at。',
+  'Natural day in your time zone, by merged_at.': '按你所在时区的自然日，取 merged_at。',
+  'Natural day in your time zone, by closed_at.': '按你所在时区的自然日，取 closed_at。',
+  'Median of the last 7 days, opened to merged.': '近 7 天中位数，开启到合入。',
+  'Median of the last 7 days, opened to closed.': '近 7 天中位数，开启到关闭。',
+  'Median of the last 7 days, created to done.': '近 7 天中位数，创建到完成。',
+  'Metrics unavailable': '指标不可用',
+  'Running tasks': '在跑任务',
+  'Claimed for': '已做多久',
+  'Last activity': '最近活动',
+  'Task': '任务',
+  'Status': '状态',
+  'Who': '谁在做',
+  'Source': '来源',
   unknown: '未知',
   Start: '开始',
   Complete: '完成',
diff --git a/core/src/client/project-board.js b/core/src/client/project-board.js
index 28f1dba12..21258e47e 100644
--- a/core/src/client/project-board.js
+++ b/core/src/client/project-board.js
@@ -3,7 +3,7 @@
 // `row.id` is the underlying task id — so opening one opens that task and nothing is copied here.
 import { createElement as h, useCallback, useEffect, useState } from 'react'
 import { call } from './api.js'
-import { hostText, t } from './i18n.js'
+import { dateLocale, hostText, t } from './i18n.js'
 
 export const PROJECT_BOARD_CSS = `
 /* #1750: the board was a short dialog in the page flow — no stylesheet defines 'bt-overlay', so the
@@ -34,6 +34,18 @@ export const PROJECT_BOARD_CSS = `
 .bt-project-missing{font-size:11px;opacity:.6}
 .bt-project-status{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.6;margin-left:auto}
 .bt-project-actions{display:flex;gap:8px;margin:0 0 14px}
+.bt-project-metrics{margin:0 0 14px}
+.bt-project-metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px}
+.bt-project-metric{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid rgba(127,127,127,.24);border-radius:8px}
+.bt-project-metric-value{font-size:18px;font-weight:600}
+.bt-project-metric-label{font-size:12px;font-weight:600}
+.bt-project-metric-caption{font-size:10px;opacity:.6;line-height:1.3}
+.bt-project-metrics-note{margin:0 0 6px;font-size:11px;opacity:.7}
+.bt-project-running{margin:0 0 14px}
+.bt-project-running-head,.bt-project-running-row{display:grid;grid-template-columns:2fr 1fr 1fr .8fr .8fr 1.2fr;gap:8px;font-size:12px;padding:3px 0}
+.bt-project-running-head{opacity:.6;font-size:10px;letter-spacing:.03em}
+.bt-project-running-row[role="button"]{cursor:pointer}
+.bt-project-running-row[data-overdue="true"]{color:#c2410c}
 .bt-project-counts{display:flex;gap:14px;align-items:center;margin:0 0 12px;font-size:12px;letter-spacing:.03em;opacity:.8}
 .bt-project-counts b{font-weight:600}
 .bt-project-group[data-queue="waiting"] .bt-project-row{cursor:default}
@@ -149,7 +161,7 @@ export function projectBoardRecord({ decisions, meetings } = {}) {
 // `decisions` and `meetings` are the host's read of the Project's record (#1767), passed through.
 // `queues` is the other half of that same read (#1768): the waiting, in-flight and blocked cards
 // and their counts, as the host answered them.
-export function projectBoardView({ project, rows, canManage, tasks, decisions, meetings, queues } = {}) {
+export function projectBoardView({ project, rows, canManage, tasks, decisions, meetings, queues, metrics } = {}) {
   const list = Array.isArray(rows) ? rows.filter(row => row !== null && typeof row === 'object' && text(row.id) !== '') : []
   const byId = new Map((Array.isArray(tasks) ? tasks : [])
     .filter(task => task !== null && typeof task === 'object' && text(task.id) !== '')
@@ -209,6 +221,7 @@ export function projectBoardView({ project, rows, canManage, tasks, decisions, m
     empty: list.length === 0 && queueGroups.length === 0,
     emptyText: 'No cards yet.',
     record: projectBoardRecord({ decisions, meetings }),
+    metrics: metricsView(metrics, { tasks }),
   }
 }
 
@@ -252,6 +265,100 @@ export function waitedLabel(ms) {
   return `${Math.floor(hours / 24)}d`
 }
 
+// The board's seven numbers (#1829). Each card carries its caption: a reader must be able to check
+// what a number counts without opening the host. The order here is the order the issue fixed.
+export const METRIC_CARDS = [
+  { key: 'prsOpenedToday', label: 'PRs opened today', caption: 'Natural day in your time zone, by created_at.' },
+  { key: 'prsMergedToday', label: 'PRs merged today', caption: 'Natural day in your time zone, by merged_at.' },
+  { key: 'issuesOpenedToday', label: 'Issues opened today', caption: 'Natural day in your time zone, by created_at.' },
+  { key: 'issuesClosedToday', label: 'Issues closed today', caption: 'Natural day in your time zone, by closed_at.' },
+  { key: 'prMergeMedianMs', label: 'PR merge time', caption: 'Median of the last 7 days, opened to merged.' },
+  { key: 'issueCloseMedianMs', label: 'Issue close time', caption: 'Median of the last 7 days, opened to closed.' },
+  { key: 'taskDoneMedianMs', label: 'Task completion', caption: 'Median of the last 7 days, created to done.' },
+]
+// A number the host could not read is a dash, never a zero: zero claims "none today" and the
+// host said "cannot read".
+export const METRIC_DASH = '\u2014'
+const DURATION_KEYS = new Set(['prMergeMedianMs', 'issueCloseMedianMs', 'taskDoneMedianMs'])
+export const RUNNING_OVERDUE_MS = 2 * 60 * 60 * 1000
+
+const metricText = (key, value) => {
+  if (!Number.isFinite(value)) return METRIC_DASH
+  if (DURATION_KEYS.has(key)) return waitedLabel(value) ?? METRIC_DASH
+  return String(value)
+}
+
+// Pure: metrics is the host's own read. An unavailable read is a state with a reason, not an empty
+// board — the cards still draw, each value reading the dash.
+export function metricsView(metrics, { tasks } = {}) {
+  const source = metrics !== null && typeof metrics === 'object' ? metrics : null
+  const values = source?.metrics !== null && typeof source?.metrics === 'object' ? source.metrics : {}
+  const byId = new Map((Array.isArray(tasks) ? tasks : [])
+    .filter(task => task !== null && typeof task === 'object' && text(task.id) !== '')
+    .map(task => [text(task.id), task]))
+  const running = (Array.isArray(source?.running) ? source.running : [])
+    .filter(row => row !== null && typeof row === 'object' && text(row.id) !== '')
+    .map((row) => {
+      const id = text(row.id)
+      const task = byId.get(id)
+      return {
+        id,
+        key: 'task:' + id,
+        title: text(row.title) || text(task?.title) || text(task?.note) || id,
+        status: text(row.status),
+        who: text(row.who) || null,
+        sinceMs: Number.isFinite(row.sinceMs) ? row.sinceMs : null,
+        source: text(row.source) || null,
+        lastActivityAt: Number.isFinite(row.lastActivityAt) ? row.lastActivityAt : null,
+        overdue: Number.isFinite(row.sinceMs) && row.sinceMs > RUNNING_OVERDUE_MS,
+        board: boardOfRow({ source: text(row.source) }, task),
+      }
+    })
+  return {
+    available: source?.ok === true,
+    reason: text(source?.reason) || null,
+    cards: METRIC_CARDS.map(card => ({ ...card, value: metricText(card.key, values[card.key]) })),
+    running,
+    empty: source === null,
+    emptyText: 'No metrics read yet.',
+  }
+}
+
+function ProjectMetrics({ view }) {
+  return h('section', { className: 'bt-project-metrics', 'data-available': view.available ? 'true' : 'false' },
+    view.available || view.reason === null ? null : h('p', { className: 'bt-project-metrics-note' }, t('Metrics unavailable') + ': ' + view.reason),
+    h('div', { className: 'bt-project-metric-cards' },
+      view.cards.map(card => h('div', { key: card.key, className: 'bt-project-metric', 'data-metric': card.key },
+        h('span', { className: 'bt-project-metric-value' }, card.value),
+        h('span', { className: 'bt-project-metric-label' }, t(card.label)),
+        h('span', { className: 'bt-project-metric-caption' }, t(card.caption))))))
+}
+
+// The running table (#1829): a claimed card is a row. Every row carries who holds it, how long the
+// claim has run and where the work lives; a row past the overdue mark says so, and a row whose
+// card still exists opens through the same onOpen the board rows use.
+function ProjectRunningTable({ view, onOpen }) {
+  if (view.running.length === 0) return h('section', { className: 'bt-project-running', 'data-running': '0' }, h('h4', null, t('Running tasks')), h('div', { className: 'bt-project-empty' }, t('Nothing is running.')))
+  return h('section', { className: 'bt-project-running', 'data-running': String(view.running.length) },
+    h('h4', null, t('Running tasks')),
+    h('div', { className: 'bt-project-running-head' },
+      h('span', null, t('Task')), h('span', null, t('Status')), h('span', null, t('Who')), h('span', null, t('Claimed for')), h('span', null, t('Source')), h('span', null, t('Last activity'))),
+    view.running.map((row) => {
+      const open = row.board === null ? undefined : () => onOpen?.(row.board)
+      return h('div', {
+        key: row.key, className: 'bt-project-running-row', 'data-task-id': row.id,
+        'data-overdue': row.overdue ? 'true' : 'false',
+        role: open === undefined ? undefined : 'button', tabIndex: open === undefined ? undefined : 0, onClick: open,
+      },
+      h('span', { className: 'bt-project-running-title' }, row.title),
+      h('span', { className: 'bt-project-running-status' }, t(row.status)),
+      h('span', null, row.who ?? METRIC_DASH),
+      h('span', null, metricText('since', row.sinceMs)),
+      h('span', null, row.source === null ? METRIC_DASH : t(SOURCE_LABELS[row.source] ?? row.source)),
+      h('span', null, row.lastActivityAt === null ? METRIC_DASH : new Date(row.lastActivityAt).toLocaleString(dateLocale())))
+    }))
+}
+
 // The three groups beside the columns (#1768): a role queue with its wait, the card a claim holds
 // with its holder and lease state, and a blocked card with the reason it already stores.
 function ProjectQueueGroups({ view, onOpen }) {
@@ -315,8 +422,8 @@ function ProjectBoardRecord({ record }) {
     meetings.pending.length === 0 ? null : pendingRows)
 }
 
-export function ProjectBoardPane({ project, rows, canManage, tasks, decisions, meetings, queues, onOpen, onSettings, onMembers }) {
-  const view = projectBoardView({ project, rows, canManage, tasks, decisions, meetings, queues })
+export function ProjectBoardPane({ project, rows, canManage, tasks, decisions, meetings, queues, metrics, onOpen, onSettings, onMembers }) {
+  const view = projectBoardView({ project, rows, canManage, tasks, decisions, meetings, queues, metrics })
   return h('div', { className: 'bt-project-board', 'data-can-manage': view.canManage ? 'true' : 'false' },
     h('h3', null, view.title),
     // Header counts (#1768): four numbers read from the host, an unreadable one shown as unknown.
@@ -331,6 +438,8 @@ export function ProjectBoardPane({ project, rows, canManage, tasks, decisions, m
     h('div', { className: 'bt-project-actions' },
       h('button', { type: 'button', 'data-action': 'project-settings', onClick: () => onSettings?.() }, t('Project settings')),
       h('button', { type: 'button', 'data-action': 'project-members', onClick: () => onMembers?.() }, t('Members'))),
+    h(ProjectMetrics, { view: view.metrics }),
+    h(ProjectRunningTable, { view: view.metrics, onOpen }),
     h(ProjectBoardRows, { view, onOpen }),
     h(ProjectQueueGroups, { view, onOpen }),
     h(ProjectBoardRecord, { record: view.record }))
@@ -479,13 +588,13 @@ export function ProjectBoardOverlay({ actions, call: request } = {}) {
       if (project === undefined) return { project: null, rows: [], canManage: false, tasks: [] }
       const [record, board, taskList] = await Promise.all([
         read('project-read', { id: project.id }),
-        read('project-board', { id: project.id }),
+        read('project-board', { id: project.id, timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone }),
         read('tasks', {}),
       ])
       const tasks = Array.isArray(taskList) ? taskList : (taskList?.tasks ?? [])
       // The groups are the same read as the rows, so the header cannot disagree with the cards.
       const queues = { waiting: board?.waiting, inflight: board?.inflight, blocked: board?.blocked, counts: board?.counts ?? null }
-      return { project: record?.project ?? project, rows: board?.tasks ?? [], canManage: record?.canManage === true, tasks, decisions: board?.decisions, meetings: board?.meetings, queues }
+      return { project: record?.project ?? project, rows: board?.tasks ?? [], canManage: record?.canManage === true, tasks, decisions: board?.decisions, meetings: board?.meetings, queues, metrics: board?.metrics ?? null }
     }
     const refresh = async (first) => {
       try {
@@ -523,7 +632,7 @@ export function ProjectBoardOverlay({ actions, call: request } = {}) {
           : panel === 'members' ? h(ProjectMembersPanel, { project: state.project, rows: state.rows, onClose: () => setPanel(null) })
           : h(ProjectBoardPane, {
             project: state.project, rows: state.rows, canManage: state.canManage, tasks: state.tasks,
-            decisions: state.decisions, meetings: state.meetings, queues: state.queues,
+            decisions: state.decisions, meetings: state.meetings, queues: state.queues, metrics: state.metrics,
             onSettings: () => setPanel('settings'),
             onMembers: () => setPanel('members'),
             // The task's own board is where a row leads: the Tasks dialog reads `#task=` on mount and
diff --git a/core/src/host/project-board.js b/core/src/host/project-board.js
index 8b830395f..fba1967d3 100644
--- a/core/src/host/project-board.js
+++ b/core/src/host/project-board.js
@@ -20,6 +20,7 @@ import { open, readFile, stat } from 'node:fs/promises'
 import { join } from 'node:path'
 import { columnOf } from '../shared/task-board.js'
 import { DECISIONS_DIR, listProjectState, sha256 } from './project-state.js'
+import { readMetrics } from './project-metrics.js'
 
 // #1828: a Project's roles. The record stores only `roles: { maintainers, members }`; the owner
 // is read from `ownerUserIds`, never stored twice, so the two cannot disagree. A record written
@@ -334,7 +335,7 @@ export function install(rt) {
   // One board: the task rows, then the decisions and meetings that read beside them. An unknown
   // Project and a Project with nothing under it both answer empty sections: reading a board is
   // not a reason to throw.
-  const projectBoard = async (projectId, actor) => {
+  const projectBoard = async (projectId, actor, options = {}) => {
     const id = text(projectId)
     const empty = {
       rows: [],
@@ -344,6 +345,7 @@ export function install(rt) {
       counts: { waiting: 0, inflight: 0, blocked: 0, done: 0 },
       decisions: { dir: null, files: [], reason: 'no Project: nothing to read' },
       meetings: { decided: [], pending: [], reason: 'no Project: nothing to read' },
+      metrics: { ok: false, reason: 'no Project: nothing to read', metrics: {}, running: [] },
     }
     if (id === '') return empty
     const project = rt.readProject?.(id)
@@ -409,7 +411,17 @@ export function install(rt) {
       ? { waiting: [], inflight: [], blocked: [], counts: { waiting: null, inflight: null, blocked: null, done: null } }
       : buildQueues(mine, done)
     const decisions = await decisionsOf(project)
-    return { rows, ...queues, decisions, meetings: meetingsOf(project, decisions) }
+    // #1829: the seven numbers ride on the same read as the rows, so the board and its header
+    // cannot disagree, and a credential-less host answers `ok: false` (the client paints a dash).
+    const metrics = await readMetrics({
+      repo: text(rt.githubRepo) || 'ThinkFlowLab/FlyBot',
+      token: text(rt.secretValue?.('GITHUB_TOKEN')),
+      fetchImpl: globalThis.fetch,
+      timeZone: text(options.timeZone) || 'UTC',
+      now: typeof rt.now === 'function' ? rt.now() : Date.now(),
+      tasks,
+    })
+    return { rows, ...queues, decisions, meetings: meetingsOf(project, decisions), metrics }
   }
   const buildQueues = (mine, done) => {
     const now = typeof rt.now === 'function' ? rt.now() : Date.now()
diff --git a/core/src/host/project-metrics.js b/core/src/host/project-metrics.js
new file mode 100644
index 000000000..c2c200f14
--- /dev/null
+++ b/core/src/host/project-metrics.js
@@ -0,0 +1,153 @@
+// The board's numbers (#1829): seven metrics read from GitHub REST and the local task store, with a
+// five-minute cache and one honest failure answer. A missing credential or an unreadable source is
+// `unavailable` and every value reads `null`, never `0`: a zero claims "none today" and the board
+// must not turn "cannot read" into a number. The reads are injected, so a test counts calls without
+// a network, and the day boundary is the reader's own time zone, not the host's UTC clock.
+export const METRICS_TTL_MS = 5 * 60 * 1000
+export const METRIC_KEYS = [
+  'prsOpenedToday', 'prsMergedToday', 'issuesOpenedToday', 'issuesClosedToday',
+  'prMergeMedianMs', 'issueCloseMedianMs', 'taskDoneMedianMs',
+]
+const DAY_MS = 24 * 60 * 60 * 1000
+const RECENT_MS = 7 * DAY_MS
+const text = value => (typeof value === 'string' ? value.trim() : '')
+const timeOf = value => {
+  const ms = Date.parse(text(value))
+  return Number.isFinite(ms) ? ms : null
+}
+
+// The natural day a timestamp falls in, in the caller's time zone. `en-CA` prints ISO order, which
+// is what the comparison below needs; an unknown zone throws and the caller degrades.
+export function dayKey(ms, timeZone = 'UTC') {
+  if (!Number.isFinite(ms)) return ''
+  const parts = new Intl.DateTimeFormat('en-CA', { timeZone, year: 'numeric', month: '2-digit', day: '2-digit' })
+  return parts.format(new Date(ms))
+}
+
+// A median over the durations of records in the window: empty is `null`, which the client paints
+// as `—`. Half a millisecond of rounding is not worth carrying into the view.
+export function median(values) {
+  const clean = values.filter(value => Number.isFinite(value)).sort((a, b) => a - b)
+  if (clean.length === 0) return null
+  const middle = Math.floor(clean.length / 2)
+  return clean.length % 2 === 0 ? Math.round((clean[middle - 1] + clean[middle]) / 2) : clean[middle]
+}
+
+const countToday = (items, at, day) => items.reduce((count, item) => {
+  const ms = timeOf(at(item))
+  return ms !== null && dayKey(ms, day.timeZone) === day.key ? count + 1 : count
+}, 0)
+
+const durationInWindow = (items, from, to, now) => items.reduce((values, item) => {
+  const start = timeOf(from(item))
+  const end = timeOf(to(item))
+  if (start === null || end === null || end < start) return values
+  if (now - end > RECENT_MS) return values
+  values.push(end - start)
+  return values
+}, [])
+
+// The task half: a card that reached `done` inside the window. `completedAt` is the store's own
+// stamp; a record written before the stamp reads `updatedAt` and is not counted as a duration the
+// store never recorded.
+const doneTaskDurations = (tasks, now) => Object.values(tasks ?? {}).reduce((values, task) => {
+  if (task === null || typeof task !== 'object' || task.status !== 'done') return values
+  const start = Number.isFinite(task.createdAt) ? task.createdAt : null
+  const end = Number.isFinite(task.completedAt) ? task.completedAt : null
+  if (start === null || end === null || end < start) return values
+  if (now - end > RECENT_MS) return values
+  values.push(end - start)
+  return values
+}, [])
+
+// The running table (#1829): a claimed card is running, its age is the claim's own start, and the
+// source is the board it belongs to — the same three sources the rows already carry.
+export function runningOf(task, now) {
+  if (task === null || typeof task !== 'object') return null
+  if (task.status !== 'claimed' && task.status !== 'working') return null
+  const who = text(task.claimedBy) || text(task.lease?.holder) || text(task.assignee)
+  if (who === '') return null
+  const since = Number.isFinite(task.claimedAt) ? task.claimedAt : (Number.isFinite(task.updatedAt) ? task.updatedAt : null)
+  const last = Number.isFinite(task.updatedAt) ? task.updatedAt : (Number.isFinite(task.createdAt) ? task.createdAt : null)
+  const source = task.kind === 'group' ? 'group' : text(task.ownerBotId) !== '' ? 'bot' : 'workflow'
+  return {
+    id: String(task.id),
+    title: text(task.title),
+    status: task.status,
+    who,
+    sinceMs: since === null ? null : Math.max(0, now - since),
+    source,
+    lastActivityAt: last,
+  }
+}
+
+// One cache for the whole host: the key carries the time zone, because the four day counts move
+// with it. A hit answers the same object and spends no source call, which is what the issue's
+// "cache hit reads the source once" case is about.
+const cache = new Map()
+
+const emptyMetrics = () => Object.fromEntries(METRIC_KEYS.map(key => [key, null]))
+
+// `source` is `{ ok, pullRequests, issues, reason }`; a failed half is answered as unavailable for
+// the metrics it feeds and never as zero.
+export function summarizeMetrics({ now = Date.now(), timeZone = 'UTC', source, tasks } = {}) {
+  const unavailable = (reason) => ({ ok: false, reason, timeZone, generatedAt: now, metrics: emptyMetrics(), running: [] })
+  if (source === undefined || source === null) return unavailable('no-source')
+  if (source.ok !== true) return unavailable(text(source.reason) || 'source-unavailable')
+  const pullRequests = Array.isArray(source.pullRequests) ? source.pullRequests : []
+  const issues = Array.isArray(source.issues) ? source.issues : []
+  const key = dayKey(now, timeZone)
+  const day = { key, timeZone }
+  return {
+    ok: true,
+    timeZone,
+    generatedAt: now,
+    metrics: {
+      prsOpenedToday: countToday(pullRequests, item => item.created_at, day),
+      prsMergedToday: countToday(pullRequests, item => item.merged_at, day),
+      issuesOpenedToday: countToday(issues, item => item.created_at, day),
+      issuesClosedToday: countToday(issues, item => item.closed_at, day),
+      prMergeMedianMs: median(durationInWindow(pullRequests, item => item.created_at, item => item.merged_at, now)),
+      issueCloseMedianMs: median(durationInWindow(issues, item => item.created_at, item => item.closed_at, now)),
+      taskDoneMedianMs: median(doneTaskDurations(tasks, now)),
+    },
+    running: Object.values(tasks ?? {}).map(task => runningOf(task, now)).filter(row => row !== null),
+  }
+}
+
+// The read the endpoint calls. `fetchImpl` and `token` are seams: no token answers unavailable
+// without a request, and one failed request answers unavailable for this tick rather than a cache
+// entry that would keep the failure for five minutes.
+export async function readMetrics({ repo, token, fetchImpl, timeZone = 'UTC', now = Date.now(), tasks, ttlMs = METRICS_TTL_MS, cacheStore = cache } = {}) {
+  // The cache carries the seven numbers only: a card claimed a moment ago must appear in the running
+  // table on the next read, so those rows are projected from the live tasks every time (#1829).
+  const liveRunning = () => Object.values(tasks ?? {}).map(task => runningOf(task, now)).filter(row => row !== null)
+  const withRunning = value => ({ ...value, running: liveRunning() })
+  const bearer = text(token)
+  if (bearer === '') return { ...summarizeMetrics({ now, timeZone, source: { ok: false, reason: 'no-credentials' } }), cache: 'miss' }
+  if (typeof fetchImpl !== 'function') return { ...summarizeMetrics({ now, timeZone, source: { ok: false, reason: 'no-fetch' } }), cache: 'miss' }
+  const key = `${repo}|${timeZone}|${Math.floor(now / ttlMs)}`
+  const hit = cacheStore.get(key)
+  if (hit !== undefined && hit.expiresAt > now) return { ...withRunning(hit.value), cache: 'hit' }
+  const since = new Date(now - RECENT_MS).toISOString()
+  const headers = { Authorization: `Bearer ${bearer}`, Accept: 'application/vnd.github+json', 'User-Agent': 'flybot-project-metrics' }
+  const get = async (path) => {
+    const response = await fetchImpl(`https://api.github.com${path}`, { headers })
+    if (!response.ok) throw new Error(`${path} answered ${response.status}`)
+    return response.json()
+  }
+  let source
+  try {
+    const [pullRequests, issues] = await Promise.all([
+      get(`/repos/${repo}/pulls?state=all&sort=updated&direction=desc&per_page=100&since=${since}`),
+      get(`/repos/${repo}/issues?state=all&sort=updated&direction=desc&per_page=100&since=${since}`),
+    ])
+    source = { ok: true, pullRequests, issues: issues.filter(item => item.pull_request === undefined) }
+  } catch (error) {
+    return { ...summarizeMetrics({ now, timeZone, source: { ok: false, reason: `read-failed: ${error.message}` } }), cache: 'miss' }
+  }
+  const value = summarizeMetrics({ now, timeZone, source, tasks })
+  const { running: _live, ...cached } = value
+  cacheStore.set(key, { expiresAt: now + ttlMs, value: cached })
+  return { ...withRunning(value), cache: 'miss' }
+}
diff --git a/core/src/host/store.js b/core/src/host/store.js
index 02dbb08e7..c2646741b 100644
--- a/core/src/host/store.js
+++ b/core/src/host/store.js
@@ -681,7 +681,8 @@ export function install(rt) {
       // project-board.js; it reads and returns, and writes nothing. The actor goes with the id
       // so the board applies the same visibility rule `tasks` does (#1723).
       case 'project-board': {
-        const board = (await rt.projectBoard?.(projectText(body.id, 200), actor)) ?? []
+        const board = (await rt.projectBoard?.(projectText(body.id, 200), actor,
+          { timeZone: typeof body.timeZone === 'string' ? body.timeZone.slice(0, 64) : undefined })) ?? []
         const rows = Array.isArray(board) ? board : (board.rows ?? [])
         const sections = Array.isArray(board) ? {} : board
         return {
@@ -694,6 +695,9 @@ export function install(rt) {
           inflight: sections.inflight ?? [],
           blocked: sections.blocked ?? [],
           counts: sections.counts ?? { waiting: null, inflight: null, blocked: null, done: null },
+          // #1829: the seven numbers and the running rows ride on this read, so the header and the
+          // cards come from one pass over the same Project.
+          metrics: sections.metrics ?? null,
         }
       }
       default: throw projectRefusal(`Unknown endpoint ${endpoint}`, 'bot/not-found')
diff --git a/core/test/project-board-view.test.js b/core/test/project-board-view.test.js
index a05ea3bdb..ef1b5c9d9 100644
--- a/core/test/project-board-view.test.js
+++ b/core/test/project-board-view.test.js
@@ -52,7 +52,7 @@ runInNewContext(bundle.outputFiles[0].text, {
     throw new Error(`no platform module ${name}`)
   },
 })
-const { ProjectBoardOverlay, ProjectBoardPane, projectBoardView, waitedLabel } = module.exports
+const { ProjectBoardOverlay, ProjectBoardPane, projectBoardView, metricsView, waitedLabel, METRIC_CARDS, METRIC_DASH, RUNNING_OVERDUE_MS } = module.exports
 const render = (component, props) => { index = 0; return component(props) }
 const flush = async () => {
   const queued = effects
@@ -440,3 +440,38 @@ test('#1814: a second read moves one card to stalled and a waiting card in fligh
   const stalled = all(tree).filter(node => node && node.props && node.props['data-state'] === 'stalled')
   assert.deepEqual(stalled.map(node => node.props['data-task-id']), ['task-b1'], 'only the expired card carries the stalled edge')
 })
+
+// #1829: the seven metric cards and the running table. A missing read paints the dash on every
+// card, never a zero; a running row past the overdue mark says so and still opens its own board.
+test('the metric cards are the seven the issue fixed, each with a caption', () => {
+  const view = metricsView({ ok: true, metrics: { prsOpenedToday: 3, prsMergedToday: 1, issuesOpenedToday: 2, issuesClosedToday: 0, prMergeMedianMs: 7200000, issueCloseMedianMs: null, taskDoneMedianMs: null } })
+  assert.equal(view.cards.length, 7)
+  assert.equal(METRIC_CARDS.length, 7)
+  for (const card of view.cards) assert.ok(card.caption.length > 0, card.key + ' carries a caption')
+  assert.equal(view.cards.find(card => card.key === 'prsOpenedToday').value, '3')
+  assert.equal(view.cards.find(card => card.key === 'prMergeMedianMs').value, '2h')
+  // An empty window is a dash, never a zero, and a real zero still reads 0.
+  assert.equal(view.cards.find(card => card.key === 'issueCloseMedianMs').value, METRIC_DASH)
+  assert.equal(view.cards.find(card => card.key === 'issuesClosedToday').value, '0')
+})
+
+test('an unavailable read says why and draws no number', () => {
+  const view = metricsView({ ok: false, reason: 'no-credentials', metrics: {}, running: [] })
+  assert.equal(view.available, false)
+  assert.equal(view.reason, 'no-credentials')
+  assert.equal(view.cards.every(card => card.value === METRIC_DASH), true)
+  assert.equal(view.running.length, 0)
+  assert.equal(metricsView(null).empty, true)
+})
+
+test('a running row carries who, claim age, source and activity, and opens its board', () => {
+  const now = Date.now()
+  const view = metricsView({ ok: true, metrics: {}, running: [{ id: 'task-1', title: 'Ship it', status: 'claimed', who: 'Dev', sinceMs: 3 * 60 * 60 * 1000, source: 'group', lastActivityAt: now - 60000 }] })
+  const row = view.running[0]
+  assert.equal(row.who, 'Dev')
+  assert.equal(row.source, 'group')
+  assert.equal(row.overdue, true)
+  assert.ok(row.sinceMs > RUNNING_OVERDUE_MS)
+  assert.equal(row.lastActivityAt, now - 60000)
+  assert.equal(row.title, 'Ship it')
+})
diff --git a/core/test/project-board.test.js b/core/test/project-board.test.js
index d97ca0506..a8debdde1 100644
--- a/core/test/project-board.test.js
+++ b/core/test/project-board.test.js
@@ -109,6 +109,34 @@ test('a Project board reads a group card and a run-created card without repeatin
   }
 })
 
+test('the board takes its token from the host secret store and its zone from the call', async () => {
+  const { rt, stop } = await start()
+  const realSecret = rt.secretValue
+  const realFetch = globalThis.fetch
+  const asked = []
+  const calls = []
+  rt.secretValue = name => { asked.push(name); return name === 'GITHUB_TOKEN' ? 'tok' : undefined }
+  globalThis.fetch = async (url, init) => { calls.push([String(url), init.headers.Authorization]); return { ok: true, json: async () => [] } }
+  try {
+    const board = await rt.projectBoard('project-p1', null, { timeZone: 'Asia/Shanghai' })
+    // #1829: the numbers can only render when the token comes from the same store connectors.js
+    // reads, and the natural day is the reader's zone, which the request carries.
+    assert.equal(asked.includes('GITHUB_TOKEN'), true)
+    assert.equal(calls.length, 2)
+    assert.equal(calls[0][1], 'Bearer tok')
+    assert.equal(board.metrics.ok, true)
+    assert.equal(board.metrics.timeZone, 'Asia/Shanghai')
+    // No zone in the call falls back to UTC instead of the host's own idea of a day.
+    calls.length = 0
+    const plain = await rt.projectBoard('project-p1')
+    assert.equal(plain.metrics.timeZone, 'UTC')
+  } finally {
+    globalThis.fetch = realFetch
+    rt.secretValue = realSecret
+    await stop()
+  }
+})
+
 test('an empty Project answers [] and a missing one is not an error', async () => {
   const { rt, stop } = await start()
   try {
diff --git a/core/test/project-metrics.test.js b/core/test/project-metrics.test.js
new file mode 100644
index 000000000..2d2f91bac
--- /dev/null
+++ b/core/test/project-metrics.test.js
@@ -0,0 +1,126 @@
+// #1829: the board's seven metrics. The read is injected, so these cases spend no network and
+// count their own source calls; the day boundary is the reader's zone, and a missing credential or
+// a failed read answers `null` (painted `—`), never `0`.
+import test from 'node:test'
+import assert from 'node:assert/strict'
+import { METRICS_TTL_MS, dayKey, median, readMetrics, runningOf, summarizeMetrics } from '../src/host/project-metrics.js'
+
+const HOUR = 60 * 60 * 1000
+const NOW = Date.parse('2026-10-30T12:00:00Z')
+
+const pr = (created, merged) => ({ created_at: created, merged_at: merged })
+const issue = (created, closed) => ({ created_at: created, closed_at: closed, pull_request: undefined })
+
+test('the natural day is the reader zone, not UTC', () => {
+  // 2026-10-30T16:30Z is still 10-30 in UTC and already 10-31 in Shanghai.
+  const at = Date.parse('2026-10-30T16:30:00Z')
+  assert.equal(dayKey(at, 'UTC'), '2026-10-30')
+  assert.equal(dayKey(at, 'Asia/Shanghai'), '2026-10-31')
+  // 10:00Z on 10-30 is that same day in both zones, but 20:00Z is already 10-31 in Shanghai.
+  const source = { ok: true, pullRequests: [pr('2026-10-30T10:00:00Z', null)], issues: [] }
+  const utc = summarizeMetrics({ now: Date.parse('2026-10-30T20:00:00Z'), timeZone: 'UTC', source })
+  const shanghai = summarizeMetrics({ now: Date.parse('2026-10-30T20:00:00Z'), timeZone: 'Asia/Shanghai', source })
+  assert.equal(utc.metrics.prsOpenedToday, 1)
+  assert.equal(shanghai.metrics.prsOpenedToday, 0)
+})
+
+test('a day count compares the field it documents', () => {
+  const source = {
+    ok: true,
+    pullRequests: [pr('2026-10-29T10:00:00Z', '2026-10-30T09:00:00Z'), pr('2026-10-30T08:00:00Z', null)],
+    issues: [issue('2026-10-30T07:00:00Z', null), issue('2026-10-20T07:00:00Z', '2026-10-30T11:00:00Z')],
+  }
+  const out = summarizeMetrics({ now: NOW, timeZone: 'UTC', source })
+  assert.equal(out.metrics.prsOpenedToday, 1)
+  assert.equal(out.metrics.prsMergedToday, 1)
+  assert.equal(out.metrics.issuesOpenedToday, 1)
+  assert.equal(out.metrics.issuesClosedToday, 1)
+})
+
+test('an empty window is null, never zero, and median halves round', () => {
+  assert.equal(median([]), null)
+  assert.equal(median([10]), 10)
+  assert.equal(median([10, 20]), 15)
+  assert.equal(median([30, 10, 20]), 20)
+  const out = summarizeMetrics({ now: NOW, timeZone: 'UTC', source: { ok: true, pullRequests: [], issues: [] } })
+  assert.equal(out.metrics.prMergeMedianMs, null)
+  assert.equal(out.metrics.issueCloseMedianMs, null)
+  assert.equal(out.metrics.taskDoneMedianMs, null)
+})
+
+test('durations are the last seven days only', () => {
+  const source = { ok: true, pullRequests: [pr('2026-10-01T00:00:00Z', '2026-10-02T00:00:00Z'), pr('2026-10-30T06:00:00Z', '2026-10-30T08:00:00Z')], issues: [] }
+  const out = summarizeMetrics({ now: NOW, timeZone: 'UTC', source })
+  assert.equal(out.metrics.prMergeMedianMs, 2 * HOUR)
+})
+
+test('no credential answers unavailable without a request', async () => {
+  let calls = 0
+  const out = await readMetrics({ repo: 'a/b', token: '', fetchImpl: async () => { calls += 1; return { ok: true, json: async () => [] } }, now: NOW, cacheStore: new Map() })
+  assert.equal(calls, 0)
+  assert.equal(out.ok, false)
+  assert.equal(out.reason, 'no-credentials')
+  assert.equal(out.metrics.prsOpenedToday, null)
+})
+
+test('a failed read degrades and is not cached', async () => {
+  const store = new Map()
+  const failing = async () => ({ ok: false, status: 503, json: async () => ({}) })
+  const out = await readMetrics({ repo: 'a/b', token: 't', fetchImpl: failing, now: NOW, cacheStore: store })
+  assert.equal(out.ok, false)
+  assert.match(out.reason, /read-failed/)
+  assert.equal(out.metrics.issuesClosedToday, null)
+  assert.equal(store.size, 0)
+})
+
+test('a cache hit spends the source once', async () => {
+  let calls = 0
+  const fetchImpl = async () => {
+    calls += 1
+    return { ok: true, json: async () => [{ created_at: '2026-10-30T06:00:00Z', merged_at: null }] }
+  }
+  const store = new Map()
+  const first = await readMetrics({ repo: 'a/b', token: 't', fetchImpl, now: NOW, cacheStore: store })
+  const second = await readMetrics({ repo: 'a/b', token: 't', fetchImpl, now: NOW + 1000, cacheStore: store })
+  assert.equal(first.cache, 'miss')
+  assert.equal(second.cache, 'hit')
+  assert.equal(calls, 2) // one pulls read and one issues read, once
+  assert.equal(second.metrics.prsOpenedToday, 1)
+  // The window rolls: past the TTL the source is read again.
+  await readMetrics({ repo: 'a/b', token: 't', fetchImpl, now: NOW + METRICS_TTL_MS + 1, cacheStore: store })
+  assert.equal(calls, 4)
+})
+
+test('a card claimed after a cached read still shows as running', async () => {
+  const fetchImpl = async () => ({ ok: true, json: async () => [] })
+  const store = new Map()
+  const before = { t1: { id: 't1', status: 'open', title: 'Wait' } }
+  const first = await readMetrics({ repo: 'a/b', token: 't', fetchImpl, now: NOW, tasks: before, cacheStore: store })
+  assert.equal(first.running.length, 0)
+  // The claim lands a second later, still inside the five-minute window: the numbers are cached,
+  // the rows are not, so the running table is not five minutes stale (#1829).
+  const after = { ...before, t2: { id: 't2', status: 'claimed', claimedBy: 'Dev', claimedAt: NOW - HOUR, updatedAt: NOW, title: 'Ship it' } }
+  const second = await readMetrics({ repo: 'a/b', token: 't', fetchImpl, now: NOW + 1000, tasks: after, cacheStore: store })
+  assert.equal(second.cache, 'hit')
+  assert.deepEqual(second.running.map(row => row.id), ['t2'])
+  assert.equal(store.size, 1)
+  assert.equal(Object.hasOwn([...store.values()][0].value, 'running'), false, 'the cache holds the numbers, not the rows')
+})
+
+test('a running row carries who, how long and where from', () => {
+  const row = runningOf({ id: 't1', title: 'Ship it', status: 'claimed', claimedBy: 'Dev', claimedAt: NOW - 2 * HOUR, updatedAt: NOW - HOUR, kind: 'group', origin: { roomId: 'r1' } }, NOW)
+  assert.deepEqual(row, { id: 't1', title: 'Ship it', status: 'claimed', who: 'Dev', sinceMs: 2 * HOUR, source: 'group', lastActivityAt: NOW - HOUR })
+  assert.equal(runningOf({ id: 't2', status: 'open' }, NOW), null)
+  assert.equal(runningOf({ id: 't3', status: 'claimed' }, NOW), null)
+})
+
+test('the task median reads the store stamps only', () => {
+  const tasks = {
+    a: { status: 'done', createdAt: NOW - 10 * HOUR, completedAt: NOW - 8 * HOUR },
+    b: { status: 'done', createdAt: NOW - 6 * HOUR, completedAt: NOW - 4 * HOUR },
+    c: { status: 'done', createdAt: NOW - 6 * HOUR },
+    d: { status: 'open', createdAt: NOW - 6 * HOUR },
+  }
+  const out = summarizeMetrics({ now: NOW, timeZone: 'UTC', source: { ok: true, pullRequests: [], issues: [] }, tasks })
+  assert.equal(out.metrics.taskDoneMedianMs, 2 * HOUR)
+})
diff --git a/docs/subsystems/core-client.md b/docs/subsystems/core-client.md
index d14dd2c69..cc1bf4cac 100644
--- a/docs/subsystems/core-client.md
+++ b/docs/subsystems/core-client.md
@@ -331,3 +331,7 @@ empty state. Rows keep their task id, so `#task=<id>` still opens the card.
 The board's three column names go through the same dictionary as the task board: `not-started`,
 `in-progress` and `done` are keys in `i18n.js`, so a zh UI reads 未开始 / 进行中 / 已完成 instead of the raw
 status.
+
+## Project board metrics and the running table (#1829)
+
+`core/src/client/project-board.js` draws the seven cards the host's `project-board` read carries in `metrics`: four day counts and three seven-day medians, each with a one-line caption naming the field and the window. A value the host answered `null` renders `—` (u+2014) and never `0`; an `ok: false` read draws the same cards plus one line naming the host's reason. `metricsView` is pure and takes the host's object as it came. The running table below renders `metrics.running` — a claimed card's title, status, holder, claim age (from the claim's own start), source and last activity — marks a row whose claim passed `RUNNING_OVERDUE_MS` and sends a click through the same `onOpen` the board rows use; with no rows it draws one empty line. The Waiting / In flight / Blocked numbers stay on the one-line count header beside those groups.
diff --git a/docs/subsystems/core-host.md b/docs/subsystems/core-host.md
index b027abdf7..a6418bb86 100644
--- a/docs/subsystems/core-host.md
+++ b/docs/subsystems/core-host.md
@@ -752,3 +752,7 @@ the host side only, so the tier stays T2 and `core/src/shared/` is untouched.
 - Endpoint `project-assistant-owner` (`{ id, ownerId, settings }`) exposes the controls: dispatched
   by `channel.js` and in `authz.js`'s `TASK_ENDPOINTS` since #1759, with `requireProjectOwner`
   refusing a non-owner with `bot/forbidden` before any record is written.
+
+## Project metrics (#1829)
+
+`core/src/host/project-metrics.js` answers the Project board's seven numbers: PRs opened and merged today, issues opened and closed today, and the seven-day medians of PR merge, issue close and task completion durations. The four day counts compare `created_at` / `merged_at` / `closed_at` against the reader's own time zone (`Intl.DateTimeFormat`), not the host clock, and the local task half reads `createdAt` / `completedAt` from `state.tasks`. The numbers ride on the existing `project-board` endpoint (`store.js` carries the `metrics` section beside the rows), which passes the host secret store's `GITHUB_TOKEN` and the reader's time zone from the request, requires the Project, and answers `ok: false` with `null` values when the credential is missing or a read fails — the client paints `—`, never `0`. One five-minute in-process cache keys on repository, time zone and window, so a hit spends no source call; a failed read is not cached. `runningOf` projects a claimed card into the running table's row (who, claim age, source, last activity).
diff --git a/patches/ds-bot/0001-core-fixes.patch b/patches/ds-bot/0001-core-fixes.patch
index d0d86173a..1a8bb9c2d 100644
--- a/patches/ds-bot/0001-core-fixes.patch
+++ b/patches/ds-bot/0001-core-fixes.patch
@@ -639,7 +639,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    // Shared
    'Main Bot': '主 Bot',
    Working: '工作中',
-@@ -12,6 +12,67 @@
+@@ -12,6 +12,67 @@ const ZH = {
    'Unread activity': '有未读',
    Search: '搜索',
    'New chat': '新对话',
@@ -707,7 +707,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'New…': '新建',
    'Animation': '动画',
    'Bot animation': 'Bot 动画',
-@@ -26,6 +26,21 @@
+@@ -26,6 +26,21 @@ const ZH = {
    Duplicate: '复制一份',
    Hidden: '已隐藏',
    Admin: '管理员',
@@ -729,7 +729,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    Add: '添加',
    Close: '关闭',
    Copy: '复制',
-@@ -41,22 +41,73 @@
+@@ -41,22 +41,73 @@ const ZH = {
    ' and ': '、',
    and: '和',
    '{count} members': '{count} 位成员',
@@ -806,7 +806,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    Connectors: '连接器',
    'Search connectors': '搜索连接器',
    'No connectors': '暂无连接器',
-@@ -93,6 +93,59 @@
+@@ -93,6 +93,59 @@ const ZH = {
    'Connecting…': '正在连接…',
    'Could not connect: {error}': '连接失败：{error}',
    'Connected as {account}': '已连接：{account}',
@@ -866,7 +866,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    Connected: '已连接',
    Disconnect: '断开',
    Connect: '连接',
-@@ -105,17 +105,64 @@
+@@ -105,17 +105,64 @@ const ZH = {
    'GitHub addresses must start with https://': 'GitHub 地址必须以 https:// 开头',
    'This DSH cannot load connectors': '这个 DSH 不能加载连接器',
    'No such connector': '没有这个连接器',
@@ -935,7 +935,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
  
    // Header
    'Message {name}': '给 {name} 发消息',
-@@ -128,8 +128,6 @@
+@@ -128,8 +128,6 @@ const ZH = {
    New: '新',
  
    // New chat
@@ -944,7 +944,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'Add to group chat': '加入群聊',
    'Message Bot': '给 Bot 发消息',
    'To:': '发给：',
-@@ -154,9 +154,24 @@
+@@ -154,9 +154,24 @@ const ZH = {
    Everyone: '所有人',
    'Every member answers in turn, admin first.': '每位成员轮流回答，管理员先说。',
    'Members · {count}': '成员 · {count}',
@@ -969,7 +969,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'Remove {name} from the group': '把 {name} 移出群聊',
    'Remove from group': '移出群聊',
    'Add member': '添加成员',
-@@ -172,6 +172,16 @@
+@@ -172,6 +172,16 @@ const ZH = {
    'Close details': '关闭详情',
    'Copied conversation': '已复制对话',
    'Share conversation': '分享对话',
@@ -986,7 +986,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'Copy conversation as Markdown': '把对话复制为 Markdown',
    'This conversation is not part of your Bot team.': '这个对话不属于你的 Bot 团队。',
    'Admin {name}': '管理员 {name}',
-@@ -215,6 +215,25 @@
+@@ -215,6 +215,25 @@ const ZH = {
    'This model is not available now. Pick another one.': '这个模型现在不可用，请换一个。',
    'Every message of this Bot runs on it.': '这个 Bot 的每条消息都用它。',
    'Applies from the next message.': '从下一条消息开始生效。',
@@ -1012,7 +1012,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    Profile: '资料',
    Label: '标签',
    'Optional. Shown under the name.': '可选，显示在名字下方。',
-@@ -238,6 +238,7 @@
+@@ -238,6 +238,7 @@ const ZH = {
    'Kept above the other chats.': '排在其他对话上面。',
    'Search still finds it.': '仍然可以搜索到。',
    Manage: '管理',
@@ -1020,7 +1020,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
  
    // Group chat settings
    'Leave it empty to name the group after its members.': '留空就按成员命名。',
-@@ -274,6 +274,8 @@
+@@ -274,6 +274,8 @@ const ZH = {
    'Harness default': 'Harness 默认',
    Saving: '保存中',
    'Manage models': '管理模型',
@@ -1029,7 +1029,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
  
    // Shapes
    Whale: '鲸鱼', Star: '星星', Moon: '月亮', Wave: '声波', Squircle: '圆角方', Bull: '牛角', Blossom: '花朵',
-@@ -312,9 +312,10 @@
+@@ -312,9 +312,10 @@ const ZH = {
    'No group chats yet.': '还没有群聊。',
    'A group chat lets several Bots work on one thing with you.': '在群聊里，几个 Bot 和你一起做一件事。',
    'Back to group chats': '返回群聊列表',
@@ -1042,7 +1042,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'Harness settings': 'Harness 设置',
    'Back to Bots': '返回 Bot 列表',
    'Close settings': '关闭设置',
-@@ -324,7 +324,6 @@
+@@ -324,7 +324,6 @@ const ZH = {
    Pin: '置顶',
    Pinned: '已置顶',
    'Mark as Unread': '标为未读',
@@ -1050,7 +1050,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'Group settings': '群设置',
    'Rename group': '重命名群聊',
    'Copy conversation ID': '复制对话 ID',
-@@ -333,6 +333,8 @@
+@@ -333,6 +333,8 @@ const ZH = {
    // The DSH Agent's own row and Session list. "DSH Agent" is a product name and
    // stays in English.
    'Add DSH Agent': '添加 DSH Agent',
@@ -1059,7 +1059,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'Remove DSH Agent': '移除 DSH Agent',
    'New session': '新会话',
    Archive: '归档',
-@@ -344,13 +344,13 @@
+@@ -344,13 +344,13 @@ const ZH = {
    '{n} d': '{n} 天',
  
    // Plugin updates
@@ -1079,7 +1079,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'You have {version}.': '当前版本 {version}。',
    'The update did not finish: {reason}': '更新没有完成：{reason}',
    "What's new": '更新说明',
-@@ -360,9 +360,78 @@
+@@ -360,9 +360,99 @@ const ZH = {
    'DSH update': 'DSH 更新',
    'DSH {version}': 'DSH {version}',
    'Restart DSH to start using DSH {version}.': '重启 DSH 后开始使用 DSH {version}。',
@@ -1137,6 +1137,27 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
 +  Blocked: '受阻',
 +  Waiting: '等待',
 +  'In flight': '进行中',
++  'PRs opened today': '今日新开 PR',
++  'PRs merged today': '今日合入 PR',
++  'Issues opened today': '今日新开 issue',
++  'Issues closed today': '今日关闭 issue',
++  'PR merge time': 'PR 合入时长',
++  'Issue close time': 'issue 关闭时长',
++  'Task completion': '任务完成时长',
++  'Natural day in your time zone, by created_at.': '按你所在时区的自然日，取 created_at。',
++  'Natural day in your time zone, by merged_at.': '按你所在时区的自然日，取 merged_at。',
++  'Natural day in your time zone, by closed_at.': '按你所在时区的自然日，取 closed_at。',
++  'Median of the last 7 days, opened to merged.': '近 7 天中位数，开启到合入。',
++  'Median of the last 7 days, opened to closed.': '近 7 天中位数，开启到关闭。',
++  'Median of the last 7 days, created to done.': '近 7 天中位数，创建到完成。',
++  'Metrics unavailable': '指标不可用',
++  'Running tasks': '在跑任务',
++  'Claimed for': '已做多久',
++  'Last activity': '最近活动',
++  'Task': '任务',
++  'Status': '状态',
++  'Who': '谁在做',
++  'Source': '来源',
 +  unknown: '未知',
 +  Start: '开始',
 +  Complete: '完成',
@@ -1159,7 +1180,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    // Command palette
    Messages: '消息',
    Commands: '命令',
-@@ -390,10 +390,13 @@
+@@ -390,10 +390,13 @@ const ZH = {
    Reply: '回复',
    'More message actions': '更多操作',
    More: '更多',
@@ -1173,7 +1194,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'Earlier messages': '更早的消息',
    'Loading earlier messages…': '正在加载更早的消息…',
    'Couldn’t load earlier messages · Retry': '更早的消息没加载出来 · 重试',
-@@ -403,6 +403,9 @@
+@@ -403,6 +403,9 @@ const ZH = {
    'Replies from': '群聊回复：',
    'Reply from': '收到回复：',
    'Message from': '收到消息：',
@@ -1183,7 +1204,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'Stopped by': '叫停者：',
    '{count} messages with': '{count} 条消息，来自',
    'Routine started': '例行任务开始',
-@@ -412,6 +412,8 @@
+@@ -412,6 +412,8 @@ const ZH = {
    'Working out a plan': '理一下思路',
    'Sorting out the details': '梳理细节',
    'On it': '在做了',
@@ -1192,7 +1213,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'Busy with it': '正在处理',
    'Moving ahead': '推进中',
    'Taking care of it': '处理中',
-@@ -439,7 +439,6 @@
+@@ -439,7 +439,6 @@ const ZH = {
    'Looking back through the chat': '翻看聊天记录',
    '{name} looked up its own chat': '{name} 查看了自己的对话',
    '{name} looked up its own chat for “{text}”': '{name} 在自己的对话里查找「{text}」',
@@ -1200,7 +1221,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    "{name} didn't answer in time": '{name} 没有及时回应',
    '{name} paused for your approval': '{name} 停下来等你批准',
    '{name} started on it': '{name} 开始做了',
-@@ -450,12 +450,31 @@
+@@ -450,12 +450,31 @@ const ZH = {
    'Asked to make the tool call it wrote as text': '工具调用被写成了文字，已让它重新调用',
    'A Bot': '一个 Bot',
    '{name} is waiting for your approval': '{name} 等你批准',
@@ -1233,7 +1254,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    "Couldn't message {name}": '没能给 {name} 发消息',
    Messaged: '已发消息给',
    "Couldn't stop {name}": '没能叫停 {name}',
-@@ -478,6 +478,7 @@
+@@ -478,6 +478,7 @@ const ZH = {
    Selected: '已选',
    Skip: '跳过',
    Submit: '提交',
@@ -1241,7 +1262,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'Choose all that apply': '可多选',
    'Dismiss question': '关闭问题',
    Dismiss: '关闭',
-@@ -485,7 +485,7 @@
+@@ -485,7 +485,7 @@ const ZH = {
    'Your answer': '你的回答',
  
    // Secrets
@@ -1250,7 +1271,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'No Bot': '没有 Bot',
    'Paste or type the key': '粘贴或输入密钥',
    'Only {name}': '只给 {name}',
-@@ -501,7 +501,6 @@
+@@ -501,7 +501,6 @@ const ZH = {
    'At least {count} characters.': '至少 {count} 个字符。',
    'Replace value': '替换值',
    'Saving…': '保存中…',
@@ -1258,7 +1279,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'Allowing…': '允许中…',
    Allow: '允许',
    '{bot} asked for {name}': '{bot} 请求了 {name}',
-@@ -528,7 +528,7 @@
+@@ -528,7 +528,7 @@ const ZH = {
    'NAME, e.g. GITHUB_TOKEN': '名字，例如 GITHUB_TOKEN',
    'What it is for': '用途',
    Value: '值',
@@ -1267,7 +1288,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'Save key': '保存密钥',
    'Keys your Bots asked for. Bots never see the values: they use them as ': '你的 Bot 请求过的密钥。Bot 永远看不到值：它们在 shell 里通过 ',
    ' in their shell, and every value is replaced by ': ' 使用，而且发给模型之前，每个值都会被替换成 ',
-@@ -568,7 +568,6 @@
+@@ -568,7 +568,6 @@ const ZH = {
    Remove: '删除',
    'Ask or update': '询问或更新',
    "Ask about or update {name}'s memory": '询问或更新 {name} 的记忆',
@@ -1275,7 +1296,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'Added: {text}': '已添加：{text}',
    'Added to team memory: {text}': '已加入团队记忆：{text}',
    'Updated: {text}': '已更新：{text}',
-@@ -697,11 +697,11 @@
+@@ -697,11 +697,11 @@ const ZH = {
    'Compared with the {count} days before': '与再往前 {count} 天相比',
    '{share}% of all usage from {span}': '占 {span} 全部用量的 {share}%',
    // About
@@ -1290,7 +1311,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    Updates: '更新',
    'Check for updates': '检查更新',
    'Checking…': '正在检查…',
-@@ -711,6 +711,13 @@
+@@ -711,6 +711,13 @@ const ZH = {
    'Update checks are off.': '已关闭更新检查。',
    'Installed from a local folder; update it there.': '从本地文件夹安装，请在那里更新。',
    'Updates are not offered for this install.': '这种安装方式不提供更新。',
@@ -1304,7 +1325,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    Links: '链接',
    'Source code': '源代码',
    'Release notes': '发布说明',
-@@ -726,7 +726,7 @@
+@@ -726,7 +726,7 @@ const ZH = {
    Show: '查看',
    Hide: '收起',
    'GitHub issue': 'GitHub issue',
@@ -1313,7 +1334,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'Report on GitHub': '在 GitHub 上报告',
    'Copied the diagnostics.': '已复制诊断信息。',
    'Could not copy. Select the text below and copy it.': '无法复制。请选中下面的文字手动复制。',
-@@ -738,7 +738,7 @@
+@@ -738,7 +738,7 @@ const ZH = {
    'Recent errors': '最近的错误',
    'Recent errors · {count}': '最近的错误 · {count}',
    'No errors recorded.': '没有错误记录。',
@@ -1322,7 +1343,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'Model call': '模型调用',
    'This window': '这个窗口',
    'Error log': '错误日志',
-@@ -771,12 +771,21 @@
+@@ -771,12 +771,21 @@ const ZH = {
    'Add at least one more Bot': '再至少添加一个 Bot',
    Members: '成员',
    // Connectors and scheduled tasks
@@ -1344,7 +1365,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'Once, {time}': '一次，{time}',
    'Every day at {time}': '每天 {time}',
    'Every {days} at {time}': '每{days} {time}',
-@@ -784,7 +784,21 @@
+@@ -784,7 +784,21 @@ const ZH = {
    'Every weekend at {time}': '每个周末 {time}',
    'On the schedule {expression}': '按计划 {expression}',
    'Next: {time}': '下次 {time}',
@@ -1366,7 +1387,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'in {name}': '在 {name}',
    'Click again to delete': '再点一次删除',
    'Delete task': '删除任务',
-@@ -794,6 +794,7 @@
+@@ -794,6 +794,7 @@ const ZH = {
    minutes: '分钟',
    hours: '小时',
    days: '天',
@@ -1374,7 +1395,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'Morning briefing': '早间简报',
    'What to do': '要做什么',
    'Sum up what changed since yesterday and what needs me today.': '总结一下昨天以来的变化，以及今天需要我处理的事。',
-@@ -806,9 +806,20 @@
+@@ -806,9 +806,20 @@ const ZH = {
    Unit: '单位',
    'Create task': '创建任务',
    'Turn on Automation tasks in DSH': '在 DSH 里打开「自动化任务」',
@@ -1397,7 +1418,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'No scheduled tasks yet.': '还没有定时任务。',
    'No scheduled tasks yet. Add one': '还没有定时任务，去添加',
    'Automation tasks are off in DSH': 'DSH 的「自动化任务」没有打开',
-@@ -819,10 +819,19 @@
+@@ -819,10 +819,19 @@ const ZH = {
    'Pick a date and time': '选一个日期和时间',
    'Pick a time in the future': '选一个将来的时间',
    'Pick a time of day': '选一个时间',
@@ -1417,7 +1438,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'Working folder': '工作文件夹',
    'Working folder: {folder}': '工作文件夹：{folder}',
    Folder: '文件夹',
-@@ -838,6 +838,60 @@
+@@ -838,6 +838,60 @@ const ZH = {
    'Up one level': '上一级',
    'No folders inside.': '里面没有文件夹。',
    'Some folders are not shown.': '还有一些文件夹没有显示。',
@@ -1478,7 +1499,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
  }
  
  // Host errors stay English, since Bots read them too; they are translated where the
-@@ -853,8 +853,11 @@
+@@ -853,8 +853,11 @@ const HOST_ERRORS = [
    [/^Only the user, a Main Bot, or the admin of "(.+)" can change it$/, '只有你、主 Bot 或「$1」的管理员可以修改'],
    [/^A key must have at least (\d+) characters$/, '密钥至少 $1 个字符'],
    [/^A key can have at most (\d+) characters$/, '密钥最多 $1 个字符'],
@@ -1490,7 +1511,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    [/^HTTP (\d+)$/, '请求失败（HTTP $1）'],
    [/^GitHub answered (\d+)$/, 'GitHub 返回了 $1'],
    [/^Keep the name under (\d+) characters$/, '名字不能超过 $1 个字'],
-@@ -872,6 +872,13 @@
+@@ -872,6 +872,13 @@ const HOST_ERRORS = [
    [/^No entry in [\s\S]* matches "([\s\S]*)"\.[\s\S]*$/, '找不到「$1」这条记忆'],
    [/^"([\s\S]*)" matches (\d+) entries in [\s\S]*$/, '「$1」对应了 $2 条记忆，请说得更具体'],
    [/^Memory cannot change now: [\s\S]*$/, '现在不能修改记忆：另一个 dsh 正在使用这个 Bot 团队'],
@@ -1504,7 +1525,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
  ]
  const HOST_ZH = {
    'Request failed': '请求失败',
-@@ -883,6 +883,20 @@
+@@ -883,6 +883,20 @@ const HOST_ZH = {
    'Unknown Bot': '找不到这个 Bot',
    'Unknown conversation': '找不到这个对话',
    'A group chat needs at least two Bots': '群聊至少要两个 Bot',
@@ -1525,7 +1546,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
    'The admin must be a member of the group': '管理员必须是群成员',
    'Unknown group chat': '找不到这个群聊',
    'Hand the admin role to another member instead of leaving the group without one': '请把管理员交给其他成员，不要让群聊没有管理员',
-@@ -905,6 +905,8 @@
+@@ -905,6 +905,8 @@ const HOST_ZH = {
    'Write the entry to save.': '请写下要保存的内容。',
    'This DeepSeek Harness has no folder chooser': '这个 DeepSeek Harness 没有文件夹选择窗口',
    'This DeepSeek Harness cannot list folders': '这个 DeepSeek Harness 不能列出文件夹',
@@ -5630,14 +5651,13 @@ diff --git a/src/host/schedules.js b/src/host/schedules.js
 +      if (!known(owner)) continue
 +      const lastRun = lastRunOf({ id: entry.id })
 +      tasks.push({ ...entry.record, id: entry.id, sessionId: entry.sessionId, status: 'paused', pausedAt: entry.pausedAt, ...owner, ...(lastRun ? { lastRun } : {}) })
-     }
--    return { available: true, tasks }
++    }
 +    // #1166: a repeat rule can still fire inside the window — the page says so instead of
 +    // claiming a silence FlyBot cannot keep.
 +    const unchecked = quietHours.on === true && tasks.some(task => task.kind === 'every' || task.kind === 'cron')
 +    return { available: true, tasks, quietHours, ...(unchecked ? { quietUnchecked: true } : {}) }
-   }
- 
++  }
++
 +  // Edit: a paused task stays paused with its new content; an active one is updated in
 +  // place on the same Session, otherwise created anew before the old one is deleted.
 +  // `when: { kind: 'keep' }` keeps the timing (a cron rule the form cannot show).
@@ -5726,7 +5746,8 @@ diff --git a/src/host/schedules.js b/src/host/schedules.js
 +      if (request === null) continue
 +      paused()[row.id] = { id: row.id, sessionId: row.sessionId, record: { title: row.title, prompt: row.prompt, ...timingOf(timingPart(request)) }, pausedAt: Date.now() }
 +      held.push(row)
-+    }
+     }
+-    return { available: true, tasks }
 +    // The records are saved before DSH lets the rows go, exactly as pausing one task does.
 +    if (held.length > 0) await rt.save()
 +    let pausedCount = 0
@@ -5795,8 +5816,8 @@ diff --git a/src/host/schedules.js b/src/host/schedules.js
 +      throw error
 +    }
 +    return schedulesView()
-+  }
-+
+   }
+ 
 +  // Which Session a task lives in, named as the Bot reads it: its own chat (now, or an
 +  // earlier part), or a group chat it speaks in (now, or an earlier part).
 +  const placeOf = (sessionId, botId) => {
diff --git a/patches/ds-bot/0002-flybot-api-host.patch b/patches/ds-bot/0002-flybot-api-host.patch
index fbc9ab1f9..9d53c1bad 100644
--- a/patches/ds-bot/0002-flybot-api-host.patch
+++ b/patches/ds-bot/0002-flybot-api-host.patch
@@ -715,7 +715,7 @@ diff --git a/src/host/store.js b/src/host/store.js
  
    const EMPTY = JSON.stringify(state)
    // The other dsh host that holds state.lock while this one only reads (see home-lock.js);
-@@ -50,12 +50,88 @@
+@@ -50,12 +50,88 @@ export function install(rt) {
      }
    }
    const readOnly = () => {
@@ -805,7 +805,7 @@ diff --git a/src/host/store.js b/src/host/store.js
    const readFileState = async () => {
      let contents
      try {
-@@ -87,10 +87,32 @@
+@@ -87,10 +87,32 @@ export function install(rt) {
        return undefined
      }
      if (parsed?.version === 1) {
@@ -821,9 +821,10 @@ diff --git a/src/host/store.js b/src/host/store.js
 +        warn('ds-bot: unreadable state %s: %s', statePath, backupProblem)
 +        return undefined
 +      }
-+      stuck = undefined
-+      return parsed
-+    }
+       stuck = undefined
+       return parsed
+     }
+-    stuck = 'saved by a newer DS Bot; update DS Bot'
 +    if (parsed?.version === STATE_VERSION) {
 +      const problem = ownershipProblem(parsed)
 +      if (problem !== undefined) {
@@ -831,15 +832,14 @@ diff --git a/src/host/store.js b/src/host/store.js
 +        warn('ds-bot: state %s was refused: %s', statePath, problem)
 +        return undefined
 +      }
-       stuck = undefined
-       return parsed
-     }
--    stuck = 'saved by a newer DS Bot; update DS Bot'
++      stuck = undefined
++      return parsed
++    }
 +    stuck = 'saved by a newer FlyBot; update FlyBot'
      return undefined
    }
  
-@@ -104,6 +104,20 @@
+@@ -104,6 +104,20 @@ export function install(rt) {
      // Teams saved before the DSH Agent existed carry no `agents`; corrupt values reset.
      if (state.agents === null || typeof state.agents !== 'object' || Array.isArray(state.agents)) state.agents = {}
      let migrated = !hadCapabilities
@@ -860,7 +860,7 @@ diff --git a/src/host/store.js b/src/host/store.js
      if (state.capabilities === null || typeof state.capabilities !== 'object' || Array.isArray(state.capabilities)) {
        state.capabilities = { items: {} }
        migrated = true
-@@ -112,6 +112,11 @@
+@@ -112,6 +112,11 @@ export function install(rt) {
        migrated = true
      }
      for (const bot of Object.values(state.bots)) {
@@ -872,7 +872,7 @@ diff --git a/src/host/store.js b/src/host/store.js
        if (!Array.isArray(bot.capabilities)) {
          bot.capabilities = []
          migrated = true
-@@ -120,6 +120,11 @@
+@@ -120,6 +120,11 @@ export function install(rt) {
          bot.color = currentColor(bot.color)
          migrated = true
        }
@@ -884,7 +884,7 @@ diff --git a/src/host/store.js b/src/host/store.js
        // LEGACY: Bots saved with a lab ran on that lab's default model; the model they
        // last ran on becomes their own, so dropping the lab changes nothing for them.
        if ('lab' in bot) {
-@@ -161,12 +161,423 @@
+@@ -161,12 +161,427 @@ export function install(rt) {
        migrated = true
      }
      // Unnamed groups from before names followed their members may still list old names.
@@ -1258,7 +1258,8 @@ diff --git a/src/host/store.js b/src/host/store.js
 +      // project-board.js; it reads and returns, and writes nothing. The actor goes with the id
 +      // so the board applies the same visibility rule `tasks` does (#1723).
 +      case 'project-board': {
-+        const board = (await rt.projectBoard?.(projectText(body.id, 200), actor)) ?? []
++        const board = (await rt.projectBoard?.(projectText(body.id, 200), actor,
++          { timeZone: typeof body.timeZone === 'string' ? body.timeZone.slice(0, 64) : undefined })) ?? []
 +        const rows = Array.isArray(board) ? board : (board.rows ?? [])
 +        const sections = Array.isArray(board) ? {} : board
 +        return {
@@ -1271,6 +1272,9 @@ diff --git a/src/host/store.js b/src/host/store.js
 +          inflight: sections.inflight ?? [],
 +          blocked: sections.blocked ?? [],
 +          counts: sections.counts ?? { waiting: null, inflight: null, blocked: null, done: null },
++          // #1829: the seven numbers and the running rows ride on this read, so the header and the
++          // cards come from one pass over the same Project.
++          metrics: sections.metrics ?? null,
 +        }
 +      }
 +      default: throw projectRefusal(`Unknown endpoint ${endpoint}`, 'bot/not-found')
@@ -1309,7 +1313,7 @@ diff --git a/src/host/store.js b/src/host/store.js
    const load = () => loaded ??= (async () => {
      claimLock()
      if (holder !== undefined) warn('ds-bot: %s', readOnly())
-@@ -185,14 +185,24 @@
+@@ -185,14 +185,24 @@ export function install(rt) {
      for (const room of stale) void rt.retitleRoom(room)
    })()
  
@@ -1335,7 +1339,7 @@ diff --git a/src/host/store.js b/src/host/store.js
          warnedReadOnly = false
          adopt(await readFileState())
          return
-@@ -235,11 +235,37 @@
+@@ -235,11 +235,37 @@ export function install(rt) {
      return warnReadOnly()
    }
  
@@ -1373,7 +1377,7 @@ diff --git a/src/host/store.js b/src/host/store.js
      state.revision += 1
      state.exchanges = state.exchanges.slice(-MAX_EXCHANGES)
      const snapshot = JSON.stringify(state, null, 2)
-@@ -260,9 +260,10 @@
+@@ -260,9 +260,10 @@ export function install(rt) {
          ensureLock()
          await rename(temp, statePath)
          seen = stamp()
@@ -1385,7 +1389,7 @@ diff --git a/src/host/store.js b/src/host/store.js
          throw error
        }
      })
-@@ -273,13 +273,37 @@
+@@ -273,13 +273,37 @@ export function install(rt) {
      })
    }
  
@@ -1425,7 +1429,7 @@ diff --git a/src/host/store.js b/src/host/store.js
    const isMain = id => id !== undefined && state.mainBotIds.includes(id)
  
    // Group Sessions. A member speaks in each group from a hidden Session of its own,
-@@ -313,6 +313,13 @@
+@@ -313,6 +313,13 @@ export function install(rt) {
        }
        for (const [botId, sessionId] of Object.entries(room.sessions ?? {})) groupOwners.set(sessionId, { botId, roomId: room.id })
      }
@@ -1439,7 +1443,7 @@ diff --git a/src/host/store.js b/src/host/store.js
      // The agents module owns the DSH Agent session index; it installs after this.
      rt.indexAgents?.()
    }
-@@ -328,6 +328,8 @@
+@@ -328,6 +328,8 @@ export function install(rt) {
      delete room.sessions[botId]
      if (room.segments !== undefined) delete room.segments[botId]
      groupOwners.delete(sessionId)
@@ -1448,7 +1452,7 @@ diff --git a/src/host/store.js b/src/host/store.js
      rt.cancelApprovals?.(sessionId)
      // A plain archive refuses a running Session, which would go on working for a group
      // that no longer has it.
-@@ -335,23 +335,29 @@
+@@ -335,23 +335,29 @@ export function install(rt) {
    }
    const findBot = (ref) => {
      if (ref === undefined) return undefined
diff --git a/patches/ds-bot/0003-flybot-api-client.patch b/patches/ds-bot/0003-flybot-api-client.patch
index e95706f0b..4b81c6b33 100644
--- a/patches/ds-bot/0003-flybot-api-client.patch
+++ b/patches/ds-bot/0003-flybot-api-client.patch
@@ -1433,7 +1433,7 @@ diff --git a/src/client/index.js b/src/client/index.js
    migrateStorage()
    const UNREAD_KEY = STORAGE.unread
    let savedUnread = {}
-@@ -50,9 +50,12 @@
+@@ -50,9 +50,12 @@ export function apply(ctx) {
    const SEEN_KEY = STORAGE.seen
    let seenAt = {}
    try { seenAt = JSON.parse(localStorage.getItem(SEEN_KEY) ?? '{}') ?? {} } catch { seenAt = {} }
@@ -1447,7 +1447,7 @@ diff --git a/src/client/index.js b/src/client/index.js
    // Bot mode paints the whole team surface; Agent mode withdraws every slot and
    // style so the shell's own interface returns. `plain` stays false until a Bot-mode
    // view hosts a plain session, which drops only the conversation replacements.
-@@ -90,6 +90,8 @@
+@@ -90,6 +90,8 @@ export function apply(ctx) {
      return () => window.removeEventListener('pagehide', onPageHide)
    }, 'ds-bot: remember visits on page hide')
    const activity = createSource({})
@@ -1456,7 +1456,7 @@ diff --git a/src/client/index.js b/src/client/index.js
    // Per Bot, the turn it runs and its tool; and the approvals waiting for the user.
    const work = createSource({ bots: {}, approvals: [] })
    let workKey = ''
-@@ -125,6 +125,17 @@
+@@ -125,6 +125,17 @@ export function apply(ctx) {
      try { localStorage.setItem(UNREAD_KEY, JSON.stringify(unread)) } catch { /* storage unavailable */ }
      return { ...state, unread }
    })
@@ -1474,7 +1474,7 @@ diff --git a/src/client/index.js b/src/client/index.js
    const refreshed = new Set()
    // Pulls can overlap (the poll and a navigation); an older answer never wins.
    let pulls = 0
-@@ -132,11 +132,14 @@
+@@ -132,11 +132,14 @@ export function apply(ctx) {
    const pull = async () => {
      const order = ++pulls
      const known = roster.getSnapshot()
@@ -1490,7 +1490,7 @@ diff --git a/src/client/index.js b/src/client/index.js
      const nextWork = JSON.stringify(value.work ?? null)
      if (nextWork !== workKey) { workKey = nextWork; work.set(value.work ?? { bots: {}, approvals: [] }) }
      noteMemoryNews(value.memoryNews ?? {})
-@@ -145,11 +145,14 @@
+@@ -145,11 +145,14 @@ export function apply(ctx) {
      const live = {}
      if (value.connectors !== undefined && JSON.stringify(value.connectors) !== JSON.stringify(current.connectors ?? [])) live.connectors = value.connectors
      if (value.capabilityStatuses !== undefined && JSON.stringify(value.capabilityStatuses) !== JSON.stringify(current.capabilityStatuses ?? {})) live.capabilityStatuses = value.capabilityStatuses
@@ -1505,7 +1505,7 @@ diff --git a/src/client/index.js b/src/client/index.js
      try {
        const ids = (value.agents ?? []).flatMap(agent => agent.sessions ?? [])
        localStorage.setItem(STORAGE.agentSessions, JSON.stringify(ids))
-@@ -252,17 +252,7 @@
+@@ -252,17 +252,7 @@ export function apply(ctx) {
      const style = installStyles('', 'mentions')
      let last = ''
      const render = () => {
@@ -1524,7 +1524,7 @@ diff --git a/src/client/index.js b/src/client/index.js
        if (next !== last) style.textContent = last = next
      }
      render()
-@@ -325,7 +325,7 @@
+@@ -325,7 +325,7 @@ export function apply(ctx) {
  
    ctx.inject(['shortcuts'], scope => { scope.effect(() => holdShellShortcuts(scope.shortcuts), 'ds-bot: settings shortcut') })
  
@@ -1533,7 +1533,7 @@ diff --git a/src/client/index.js b/src/client/index.js
    // A Bot id, or any part of its chat, opens the Bot's current part.
    const partFor = (id) => {
      const bot = roster.getSnapshot().byId[id]
-@@ -342,6 +342,7 @@
+@@ -342,6 +342,7 @@ export function apply(ctx) {
      // or the click appears to do nothing.
      isAgentSession: id => isAgentSessionId(id),
      openSession: (id) => {
@@ -1541,7 +1541,7 @@ diff --git a/src/client/index.js b/src/client/index.js
        // A DSH Agent Session id lands on the plain surface, not the Bot skin.
        if (isAgentSessionId(id)) return actions.openAgentSession(id)
        ui.set(state => (state.newChat || state.exchange || state.menu || state.palette ? { ...state, newChat: null, exchange: null, menu: null, palette: null } : state))
-@@ -409,11 +409,11 @@
+@@ -409,11 +409,11 @@ export function apply(ctx) {
      },
      // `last` is the Bot conversation the view held before it cleared: when that part
      // was archived for a fresh one, the view goes on in the fresh one.
@@ -1557,7 +1557,7 @@ diff --git a/src/client/index.js b/src/client/index.js
        expected = target
        ctx.uiWorkspace.openSession(target)
      },
-@@ -444,10 +444,22 @@
+@@ -444,10 +444,22 @@ export function apply(ctx) {
      // Opening the conversation would move focus to its composer and blur the name field.
      renameBot: (id) => { ui.set(state => ({ ...state, details: id, view: 'details', renaming: true, tab: null })) },
      // `id` opens one Bot (page 'bots') or one group chat (page 'groups').
@@ -1582,7 +1582,7 @@ diff --git a/src/client/index.js b/src/client/index.js
      openConnectors: () => { ui.set(state => ({ ...state, settings: { page: 'connectors', id: null }, menu: null, palette: null, newChat: null })) },
      // Agent mode hands the surface back to the shell; everything open on the Bot
      // surface closes first so nothing stale reopens on the way back.
-@@ -455,7 +455,7 @@
+@@ -455,7 +455,7 @@ export function apply(ctx) {
        if (mode !== 'bot' && mode !== 'agent') return
        if (surface.getSnapshot().mode === mode) return
        if (mode === 'agent') {
@@ -1591,7 +1591,7 @@ diff --git a/src/client/index.js b/src/client/index.js
        }
        writeMode(mode)
        surface.set(state => ({ ...state, mode }))
-@@ -487,6 +487,12 @@
+@@ -487,6 +487,12 @@ export function apply(ctx) {
        const seen = seenAt[seenKey(id)] ?? (made?.createdBy && Number.isFinite(made.createdAt) ? made.createdAt : null)
        ui.set(state => ({ ...state, visits: { ...state.visits, [id]: { seen, entered: Date.now() } } }))
      },
@@ -1604,7 +1604,7 @@ diff --git a/src/client/index.js b/src/client/index.js
      endVisit: (id) => {
        leaveVisits([id])
        ui.set((state) => {
-@@ -530,8 +530,14 @@
+@@ -530,8 +530,14 @@ export function apply(ctx) {
      updateRoom: (id, patch) => after(call('update-room', { id, ...patch })),
      send: (sessionId, text) => after(call('send', { sessionId: partFor(sessionId), text })),
      answerQuestion: (sessionId, questionId, answer) => after(call('answer-question', { sessionId: partFor(sessionId), questionId, answer })),
@@ -1619,7 +1619,7 @@ diff --git a/src/client/index.js b/src/client/index.js
      stopMemberWork: (roomId, botId) => after(call('stop-member-work', { roomId, botId })),
      // Values go out in these requests and never come back in a response.
      secretSet: payload => after(call('secret-set', payload)),
-@@ -539,15 +539,33 @@
+@@ -539,15 +539,33 @@ export function apply(ctx) {
      secretCancel: requestId => after(call('secret-cancel', { requestId })),
      secretUpdate: (name, scope) => after(call('secret-update', { name, scope })),
      secretDelete: name => after(call('secret-delete', { name })),
@@ -1654,7 +1654,7 @@ diff --git a/src/client/index.js b/src/client/index.js
      scheduleDelete: (sessionId, id) => call('schedule-delete', { sessionId, id }),
      exchange: (a, b) => call('exchange', { a, b }).catch(() => []),
      roomProgress: roomId => call('room-progress', { roomId }).catch(() => []),
-@@ -566,6 +566,8 @@
+@@ -566,6 +566,8 @@ export function apply(ctx) {
        noteClientError(where, error)
        ui.set(state => ({ ...state, toast: { text: error?.message ?? String(error), token: Date.now() } }))
      },
@@ -1663,7 +1663,7 @@ diff --git a/src/client/index.js b/src/client/index.js
      dismissToast: token => ui.set(state => (state.toast && (token === undefined || state.toast.token === token) ? { ...state, toast: null } : state)),
    }
    // Without the Desktop bridge these stay undefined, and no browser control renders.
-@@ -610,6 +610,7 @@
+@@ -610,6 +610,7 @@ export function apply(ctx) {
    }
    actions.closePanel = () => { ui.set(state => (state.details ? { ...state, details: null, view: 'details', renaming: false, tab: null } : state)) }
    // Whether AccountLauncher holds the shell's settings seat; FooterAccount steps aside if so.
@@ -1671,7 +1671,7 @@ diff --git a/src/client/index.js b/src/client/index.js
    actions.signInEntry = () => ctx.slots.entries?.('settings.models.sign-in')?.[0] ?? null
    actions.canSignIn = () => Boolean(actions.signInEntry())
    actions.signIn = () => ui.set(state => ({ ...state, signIn: (state.signIn ?? 0) + 1 }))
-@@ -647,6 +647,13 @@
+@@ -647,6 +647,13 @@ export function apply(ctx) {
      wakeUpdate()
    }
    actions.repoStars = () => call('repo-stars')
@@ -1685,7 +1685,7 @@ diff --git a/src/client/index.js b/src/client/index.js
    actions.noteTurnTime = (sessionId, turn, key, time) => {
      if (sessionId === undefined || !Number.isFinite(turn) || !Number.isFinite(time)) return
      turnClock.set((state) => {
-@@ -689,7 +689,18 @@
+@@ -689,7 +689,18 @@ export function apply(ctx) {
    })
    const browserPages = browsers?.pages ?? createSource({})
    const browserTabs = browsers?.tabs ?? createSource({})
@@ -1705,7 +1705,7 @@ diff --git a/src/client/index.js b/src/client/index.js
    ctx.effect(() => noticeApprovals({
      work,
      roster,
-@@ -715,10 +715,23 @@
+@@ -715,10 +715,23 @@ export function apply(ctx) {
    }
  
    const shadow = (name, options, component) => ctx.slots.inject(name, () => ctx.slots.register({ name, ...options }, component))
@@ -1729,7 +1729,7 @@ diff --git a/src/client/index.js b/src/client/index.js
    const installAtMenu = () => {
      const fiber = ctx.inject(['inputTriggers'], (scope) => {
        scope.effect(() => {
-@@ -730,7 +730,12 @@
+@@ -730,7 +730,12 @@ export function apply(ctx) {
          const launched = sessionId => controllerOf(sessionId)?.launcher.getSnapshot() === CHATS_SOURCE
          const offs = atSources({ roster, sessions: ctx.sessions, launched, iconFor: menuIcons(roster) }).map(source => triggers.registerSource(source))
          atMenu = { controllerOf }
@@ -1742,7 +1742,7 @@ diff --git a/src/client/index.js b/src/client/index.js
            atMenu = null
            for (const off of offs) off()
          }
-@@ -739,6 +739,14 @@
+@@ -739,6 +739,14 @@ export function apply(ctx) {
      return () => fiber.dispose()
    }
    actions.canReferenceChat = () => atMenu !== null
@@ -1757,7 +1757,7 @@ diff --git a/src/client/index.js b/src/client/index.js
    actions.referenceChat = (sessionId, span) => {
      const controller = atMenu?.controllerOf(sessionId)
      if (controller === undefined || span === undefined) return
-@@ -752,33 +752,50 @@
+@@ -752,33 +752,50 @@ export function apply(ctx) {
      installCompiledStyles(SHELL_CSS, 'shell'),
      installCompiledStyles(SIDEBAR_CSS, 'sidebar'),
      installCompiledStyles(SECRET_CSS, 'secrets'),
@@ -1811,7 +1811,7 @@ diff --git a/src/client/index.js b/src/client/index.js
      shadow('conversation.chat.node', { key: 'assistant-step', priority: -10, locale: 'chat', inject: assistantFace }, AssistantCell),
      shadow('conversation.chat.node', { key: 'turn-trigger', priority: -10, locale: 'chat', inject: face }, TriggerCell),
      shadow('conversation.chat.node', { key: 'tool-call', priority: -10, locale: 'chat', inject: face }, ToolCell),
-@@ -790,15 +790,24 @@
+@@ -790,15 +790,24 @@ export function apply(ctx) {
      // every message.
      shadow('conversation.chat.node', { key: 'question-reply', priority: -10, locale: 'chat' }, AnsweredCell),
      shadow('conversation.chat.node', { key: 'compaction', priority: -10, locale: 'chat' }, Nothing),
@@ -1839,7 +1839,7 @@ diff --git a/src/client/index.js b/src/client/index.js
      shadow('conversation.input.right', { id: 'bot-voice', order: 100, inject: face }, ComposerVoice),
      shadow('conversation.composer', {
        priority: -10,
-@@ -808,7 +808,14 @@
+@@ -808,7 +808,14 @@ export function apply(ctx) {
      shadow('conversation.input.dock', { id: 'bot-model', order: -110, inject: face }, ModelChoiceDock),
      shadow('conversation.input.dock', { id: 'bot-question', order: -100, inject: face }, QuestionDock),
      shadow('conversation.input.dock', { id: 'bot-secret', order: -90, inject: face }, SecretDock),
@@ -2239,7 +2239,7 @@ diff --git a/src/client/sidebar.js b/src/client/sidebar.js
  
  // -------------------------------------------------------------------------
  // Sidebar
-@@ -37,77 +37,151 @@
+@@ -37,77 +37,151 @@ const workKeys = text => (text === '' ? [] : text.split(',').map((key) => {
  }))
  const workLine = (lead, tool, more) => h(Shimmer, null, `${lead} · ${workPhrase(tool)}…${more > 0 ? ` +${more}` : ''}`)
  
@@ -2409,7 +2409,7 @@ diff --git a/src/client/sidebar.js b/src/client/sidebar.js
      : wide && unread && !active ? h('span', { className: 'bt-unread', 'aria-hidden': true }) : null)
  }
  
-@@ -235,6 +235,31 @@
+@@ -235,6 +235,31 @@ function useListGlide(listRef, layout, key) {
    }, [layout, key])
  }
  
@@ -2441,7 +2441,7 @@ diff --git a/src/client/sidebar.js b/src/client/sidebar.js
  export function TeamSidebar(props) {
    const { wide, useRoster, useUi, useSessions, actions } = props
    const listRef = useRef(null)
-@@ -249,14 +249,26 @@
+@@ -249,14 +249,26 @@ export function TeamSidebar(props) {
    const order = useMemo(() => {
      const stamps = JSON.parse(updated)
      const entries = [
@@ -2471,7 +2471,7 @@ diff --git a/src/client/sidebar.js b/src/client/sidebar.js
    useListGlide(listRef, wide, order.map(entry => entry.item.id).join(','))
    useLandOnMainBot(roster, useSessions, actions)
    const rowProps = { roster, actions, useSessions, useUi, useSessionStatus: props.useSessionStatus, useSessionRetainInfo: props.useSessionRetainInfo, useActivity: props.useActivity, useWork: props.useWork, wide }
-@@ -277,13 +277,18 @@
+@@ -277,13 +277,18 @@ export function TeamSidebar(props) {
            h(UpdateButton, { useUpdate: props.useUpdate, actions }),
            h('button', { type: 'button', className: 'bt-round', 'aria-label': t('New…'), title: t('New…'), onClick: () => actions.openNewChat('new') }, h(PlusIcon))),
      wide && roster.readOnly ? h('div', { className: 'bt-hint bt-read-only', role: 'status' }, hostText(roster.readOnly)) : null,
@@ -2493,7 +2493,7 @@ diff --git a/src/client/sidebar.js b/src/client/sidebar.js
  }
  
  // The update button at the sidebar's top right: a cloud while a newer DS Bot —
-@@ -327,29 +327,29 @@
+@@ -327,29 +327,29 @@ function UpdateButton({ useUpdate, actions }) {
      setDshError('')
      void actions.installDshUpdate().catch(failure => setDshError(hostText(failure?.message ?? String(failure))))
    }
@@ -2530,7 +2530,7 @@ diff --git a/src/client/sidebar.js b/src/client/sidebar.js
            : t('You have {version}.', { version: update.current })),
          message ? h('div', { className: 'bt-update-error', role: 'alert' }, t('The update did not finish: {reason}', { reason: message })) : null,
          h('div', { className: 'bt-update-actions' },
-@@ -372,36 +372,12 @@
+@@ -372,36 +372,12 @@ function UpdateButton({ useUpdate, actions }) {
                  }, dshPhase === 'installing' ? t('Updating…') : dshPhase === 'failed' ? t('Try again') : t('Update')))) : null), document.body) : null)
  }
  
@@ -2571,7 +2571,7 @@ diff --git a/src/client/sidebar.js b/src/client/sidebar.js
  }
  
  // Account seat of the Settings trigger: the visible label stays for assistive tech only.
-@@ -442,6 +442,26 @@
+@@ -442,6 +442,26 @@ export function openHarnessOnboarding(id) {
    })
  }
  
@@ -2598,7 +2598,7 @@ diff --git a/src/client/sidebar.js b/src/client/sidebar.js
  function openThroughMenu(trigger) {
    const before = new Set(document.querySelectorAll('[role="menu"]'))
    trigger.click()
-@@ -466,8 +466,12 @@
+@@ -466,8 +466,12 @@ function pressSettingsShortcut() {
    }))
  }
  
@@ -2613,7 +2613,7 @@ diff --git a/src/client/sidebar.js b/src/client/sidebar.js
  // `seat` is the shell's settings.launcher seat: at priority -10 the whale wins it
  // over a shell account plugin's own launcher (the Desktop's "··· More"), which comes
  // back in Agent mode; FooterAccount stands in while no seat exists at all.
-@@ -511,9 +511,10 @@
+@@ -511,9 +511,10 @@ export function AccountLauncher({ seat = true, settingsOpen, openSettings, openO
    const groups = [
      [
        [t('Usage'), GaugeIcon, () => actions.openSettings('usage')],
@@ -2627,7 +2627,7 @@ diff --git a/src/client/sidebar.js b/src/client/sidebar.js
      ],
      [
        [t('Switch to classic Agent mode'), SwitchIcon, () => actions.setSurface('agent')],
-@@ -523,6 +523,7 @@
+@@ -523,6 +523,7 @@ export function AccountLauncher({ seat = true, settingsOpen, openSettings, openO
      h('button', { ref: button, type: 'button', className: 'bt-account', 'aria-label': t('Account'), 'aria-haspopup': 'menu', 'aria-expanded': open, onClick: toggle },
        h('span', { className: 'bt-you', 'aria-hidden': true }, h(BotMark, { look: MAIN_LOOK, size: 24 }))),
      open && box ? createPortal(h('div', { className: 'bt-menu bt-menu-up bt-account-menu', role: 'menu', 'aria-label': t('Account'), style: box },
@@ -2635,7 +2635,7 @@ diff --git a/src/client/sidebar.js b/src/client/sidebar.js
        groups.map((group, index) => h(Fragment, { key: index },
          index > 0 ? h('div', { className: 'bt-menu-sep', role: 'separator' }) : null,
          group.map(([label, Icon, run, hint]) => h('button', {
-@@ -556,7 +556,10 @@
+@@ -556,7 +556,10 @@ function useLandOnMainBot(roster, useSessions, actions) {
        return undefined
      }
      const last = lastBot.current
@@ -2647,7 +2647,7 @@ diff --git a/src/client/sidebar.js b/src/client/sidebar.js
      return () => clearTimeout(timer)
    }, [mainView, roster])
  }
-@@ -572,9 +572,9 @@
+@@ -572,9 +572,9 @@ export function FooterAccount(props) {
  export function BotReturn({ wide, useSurface, actions }) {
    const mode = useSurface(value => value.mode)
    if (mode !== 'agent') return null
@@ -2660,7 +2660,7 @@ diff --git a/src/client/sidebar.js b/src/client/sidebar.js
  }
  
  // Agent mode has none of the shell-group styles, so the return button carries its own.
-@@ -582,22 +582,22 @@
+@@ -582,22 +582,22 @@ export const RETURN_CSS = `
  .bt-return{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:none;color:inherit;font:inherit;font-size:14px;line-height:20px;cursor:pointer;transition:background-color .12s ease}
  .bt-return:hover{background:rgba(127,127,127,.14)}
  .bt-return:active{transform:scale(.96)}
@@ -2688,7 +2688,7 @@ diff --git a/src/client/sidebar.js b/src/client/sidebar.js
  // shell's footer classes are CSS-module names, so they match on their stems.
  export const SIDEBAR_CSS = `
  .bt-side-top .bt-brand{cursor:default;padding-left:6px}
-@@ -623,7 +623,7 @@
+@@ -623,7 +623,7 @@ export const SIDEBAR_CSS = `
  .bt-update[data-phase=installing] .bt-cloud-arrow{animation:bt-cloud-drop 1.1s cubic-bezier(.45,0,.55,1) infinite}
  @keyframes bt-cloud-drop{0%{transform:translateY(-3px);opacity:0}35%{opacity:1}70%{transform:translateY(1px);opacity:1}100%{transform:translateY(2px);opacity:0}}
  .bt-update-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:#E5484D;box-shadow:0 0 0 1.5px var(--bt-sidebar)}
@@ -2697,7 +2697,7 @@ diff --git a/src/client/sidebar.js b/src/client/sidebar.js
  @keyframes bt-update-pop{from{opacity:0;transform:scale(.96);filter:blur(4px)}}
  .bt-update-title{font-size:14px;line-height:20px;font-weight:600}
  .bt-update-text{margin-top:2px;font-size:12.5px;line-height:18px;color:var(--bt-ink-2)}
-@@ -658,4 +658,14 @@
+@@ -658,4 +658,14 @@ export const SIDEBAR_CSS = `
  .bt-agent-sub[data-open] .bt-agent-sub-row{animation:bt-agent-row-in .24s ease both;animation-delay:calc(var(--i, 0)*30ms)}
  @keyframes bt-agent-row-in{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}
  @media (prefers-reduced-motion:reduce){.bt-agent-sub{transition:none}.bt-agent-sub .bt-agent-sub-row{animation:none}}
diff --git a/patches/ds-bot/0005-social-seams.patch b/patches/ds-bot/0005-social-seams.patch
index 9e93396a1..49871a459 100644
--- a/patches/ds-bot/0005-social-seams.patch
+++ b/patches/ds-bot/0005-social-seams.patch
@@ -288,7 +288,7 @@ diff --git a/src/host/channel.js b/src/host/channel.js
  
  const invalid = message => Object.assign(new Error(message), { code: 'bot/invalid' })
  // Programming and file system errors are DS Bot's own faults, logged with their stack;
-@@ -21,32 +21,154 @@
+@@ -21,32 +21,154 @@ export function install(rt) {
  
    // The DSH interface language of the last browser that asked for the team.
    let uiLocale
@@ -452,7 +452,7 @@ diff --git a/src/host/channel.js b/src/host/channel.js
      // The team's DSH Agent (at most one): plain dsh Sessions, not Bots.
      agents: Object.values(state.agents),
      // Key names and who may use them; values never leave the host.
-@@ -54,7 +54,8 @@
+@@ -54,7 +54,8 @@ export function install(rt) {
      capabilities: rt.capabilityLibraryView(),
      secretRequests: state.secretRequests ?? {},
      colors: [...COLORS, ...EXTRA_COLORS],
@@ -462,7 +462,7 @@ diff --git a/src/host/channel.js b/src/host/channel.js
      defaultModel: rt.cachedDefault() ?? null,
      permissions: rt.permissionCatalog?.() ?? null,
      modelsKey: modelsKey(),
-@@ -65,22 +65,50 @@
+@@ -65,22 +65,50 @@ export function install(rt) {
      memory: rt.memoryEnabled !== false,
      // Set while another dsh host holds the team (store.js): why this one cannot change it.
      readOnly: rt.readOnly() ?? null,
@@ -524,7 +524,7 @@ diff --git a/src/host/channel.js b/src/host/channel.js
  
    function setPrefs(body) {
      if (body.theme !== undefined) {
-@@ -97,28 +97,64 @@
+@@ -97,28 +97,64 @@ export function install(rt) {
        else if (body.motion === 'quiet' || body.motion === 'lively') state.prefs.motion = body.motion
        else throw invalid('Motion must be quiet, normal or lively')
      }
@@ -593,7 +593,7 @@ diff --git a/src/host/channel.js b/src/host/channel.js
          case 'duplicate-bot':
            await rt.load()
            return ok(await rt.duplicateBot(body.id))
-@@ -141,7 +141,7 @@
+@@ -141,7 +141,7 @@ export function install(rt) {
            return ok([...rt.roomProgress.entries()].filter(([, entry]) => entry.roomId === body.roomId).map(([callId, entry]) => ({ callId, replies: entry.replies, speaking: entry.speaking ?? null })))
          case 'create-bot': {
            await rt.bootstrap()
@@ -602,7 +602,7 @@ diff --git a/src/host/channel.js b/src/host/channel.js
            return ok(bot)
          }
          case 'update-bot':
-@@ -150,18 +150,23 @@
+@@ -150,18 +150,23 @@ export function install(rt) {
          case 'delete-bot':
            await rt.load()
            await rt.deleteBot(body.id)
@@ -630,7 +630,7 @@ diff --git a/src/host/channel.js b/src/host/channel.js
            return ok(room)
          }
          case 'update-room': {
-@@ -171,12 +171,70 @@
+@@ -171,12 +171,70 @@ export function install(rt) {
              notice: body.notice,
              mode: body.mode,
              admin: body.admin,
@@ -703,7 +703,7 @@ diff --git a/src/host/channel.js b/src/host/channel.js
          }
          case 'folders':
          case 'folder-pick':
-@@ -203,17 +203,19 @@
+@@ -203,17 +203,19 @@ export function install(rt) {
          case 'remove-agent':
            await rt.load()
            await rt.removeAgent(body.agentId)
@@ -726,7 +726,7 @@ diff --git a/src/host/channel.js b/src/host/channel.js
          case 'stop-member-work':
            return ok(await rt.stopMemberWork(String(body.roomId ?? ''), String(body.botId ?? '')))
          case 'dismiss-question':
-@@ -231,8 +231,14 @@
+@@ -231,8 +231,14 @@ export function install(rt) {
            await rt.load()
            return ok(await rt.secretEndpoint(endpoint, body))
          case 'connector-connect':
@@ -741,7 +741,7 @@ diff --git a/src/host/channel.js b/src/host/channel.js
            await rt.load()
            return ok(await rt.connectorEndpoint(endpoint, body))
          case 'capability-save':
-@@ -241,11 +241,24 @@
+@@ -241,11 +241,24 @@ export function install(rt) {
          case 'bot-capability':
            await rt.load()
            return ok(await rt.capabilityEndpoint(endpoint, body))
@@ -767,7 +767,7 @@ diff --git a/src/host/channel.js b/src/host/channel.js
          case 'memory-view':
          case 'memory-ask':
          case 'memory-forget':
-@@ -258,8 +258,17 @@
+@@ -258,8 +258,17 @@ export function install(rt) {
            const sessionId = rt.botOf(body.sessionId) ? rt.chatOf(body.sessionId) : past && past.roomId === undefined ? rt.chatOf(past.botId) : body.sessionId
            const question = state.questions[sessionId]
            if (question === undefined || question.id !== body.questionId) return fail('This question is no longer open', 'bot/stale')
@@ -785,7 +785,7 @@ diff --git a/src/host/channel.js b/src/host/channel.js
            // Claim the question before queueing so a second answer is refused.
            delete state.questions[sessionId]
            try {
-@@ -278,14 +278,54 @@
+@@ -278,14 +278,54 @@ export function install(rt) {
            const text = String(body.text ?? '').trim()
            if (text === '' || typeof body.sessionId !== 'string') return fail('Nothing to send', 'bot/invalid')
            await rt.load()
@@ -841,7 +841,7 @@ diff --git a/src/host/channel.js b/src/host/channel.js
              content: [{ type: 'text', text }],
            }, AbortSignal.timeout(30_000))
            return ok(true)
-@@ -319,32 +319,134 @@
+@@ -319,32 +319,134 @@ export function install(rt) {
          case 'diagnostics-clear':
            await rt.diagnostics.clear()
            return ok(true)
diff --git a/patches/ds-bot/0008-client-bundle.patch b/patches/ds-bot/0008-client-bundle.patch
index 72a53b1e6..b3c0e1de2 100644
--- a/patches/ds-bot/0008-client-bundle.patch
+++ b/patches/ds-bot/0008-client-bundle.patch
@@ -3,7 +3,7 @@ FlyBot patch 0008-client-bundle on Fei2411/DeepSeek-Bot@2b10c70 (ds-bot/). Gener
 diff --git a/client.js b/client.js
 --- a/client.js
 +++ b/client.js
-@@ -42,6 +42,57 @@
+@@ -42,6 +42,57 @@ module.exports = __toCommonJS(index_exports);
  // src/client/i18n.js
  var NAMESPACE = "ds-bot";
  var ZH = {
@@ -61,7 +61,7 @@ diff --git a/client.js b/client.js
    // Shared
    "Main Bot": "主 Bot",
    Working: "工作中",
-@@ -49,6 +49,67 @@
+@@ -49,6 +49,67 @@ var ZH = {
    "Unread activity": "有未读",
    Search: "搜索",
    "New chat": "新对话",
@@ -129,7 +129,7 @@ diff --git a/client.js b/client.js
    "New…": "新建",
    "Animation": "动画",
    "Bot animation": "Bot 动画",
-@@ -63,6 +63,21 @@
+@@ -63,6 +63,21 @@ var ZH = {
    Duplicate: "复制一份",
    Hidden: "已隐藏",
    Admin: "管理员",
@@ -151,7 +151,7 @@ diff --git a/client.js b/client.js
    Add: "添加",
    Close: "关闭",
    Copy: "复制",
-@@ -78,21 +78,72 @@
+@@ -78,21 +78,72 @@ var ZH = {
    " and ": "、",
    and: "和",
    "{count} members": "{count} 位成员",
@@ -227,7 +227,7 @@ diff --git a/client.js b/client.js
    Connectors: "连接器",
    "Search connectors": "搜索连接器",
    "No connectors": "暂无连接器",
-@@ -129,6 +129,59 @@
+@@ -129,6 +129,59 @@ var ZH = {
    "Connecting…": "正在连接…",
    "Could not connect: {error}": "连接失败：{error}",
    "Connected as {account}": "已连接：{account}",
@@ -287,7 +287,7 @@ diff --git a/client.js b/client.js
    Connected: "已连接",
    Disconnect: "断开",
    Connect: "连接",
-@@ -141,17 +141,64 @@
+@@ -141,17 +141,64 @@ var ZH = {
    "GitHub addresses must start with https://": "GitHub 地址必须以 https:// 开头",
    "This DSH cannot load connectors": "这个 DSH 不能加载连接器",
    "No such connector": "没有这个连接器",
@@ -356,7 +356,7 @@ diff --git a/client.js b/client.js
    // Header
    "Message {name}": "给 {name} 发消息",
    Message: "发消息",
-@@ -162,8 +162,6 @@
+@@ -162,8 +162,6 @@ var ZH = {
    "Dismiss new messages": "关闭新消息提示",
    New: "新",
    // New chat
@@ -365,7 +365,7 @@ diff --git a/client.js b/client.js
    "Add to group chat": "加入群聊",
    "Message Bot": "给 Bot 发消息",
    "To:": "发给：",
-@@ -187,9 +187,24 @@
+@@ -187,9 +187,24 @@ var ZH = {
    Everyone: "所有人",
    "Every member answers in turn, admin first.": "每位成员轮流回答，管理员先说。",
    "Members · {count}": "成员 · {count}",
@@ -390,7 +390,7 @@ diff --git a/client.js b/client.js
    "Remove {name} from the group": "把 {name} 移出群聊",
    "Remove from group": "移出群聊",
    "Add member": "添加成员",
-@@ -205,6 +205,16 @@
+@@ -205,6 +205,16 @@ var ZH = {
    "Close details": "关闭详情",
    "Copied conversation": "已复制对话",
    "Share conversation": "分享对话",
@@ -407,7 +407,7 @@ diff --git a/client.js b/client.js
    "Copy conversation as Markdown": "把对话复制为 Markdown",
    "This conversation is not part of your Bot team.": "这个对话不属于你的 Bot 团队。",
    "Admin {name}": "管理员 {name}",
-@@ -247,6 +247,25 @@
+@@ -247,6 +247,25 @@ var ZH = {
    "This model is not available now. Pick another one.": "这个模型现在不可用，请换一个。",
    "Every message of this Bot runs on it.": "这个 Bot 的每条消息都用它。",
    "Applies from the next message.": "从下一条消息开始生效。",
@@ -433,7 +433,7 @@ diff --git a/client.js b/client.js
    Profile: "资料",
    Label: "标签",
    "Optional. Shown under the name.": "可选，显示在名字下方。",
-@@ -270,6 +270,7 @@
+@@ -270,6 +270,7 @@ var ZH = {
    "Kept above the other chats.": "排在其他对话上面。",
    "Search still finds it.": "仍然可以搜索到。",
    Manage: "管理",
@@ -441,7 +441,7 @@ diff --git a/client.js b/client.js
    // Group chat settings
    "Leave it empty to name the group after its members.": "留空就按成员命名。",
    "Every member reads it before speaking in this group.": "每位成员在这个群里发言前都会读到。",
-@@ -303,6 +303,8 @@
+@@ -303,6 +303,8 @@ var ZH = {
    "Harness default": "Harness 默认",
    Saving: "保存中",
    "Manage models": "管理模型",
@@ -450,7 +450,7 @@ diff --git a/client.js b/client.js
    // Shapes
    Whale: "鲸鱼",
    Star: "星星",
-@@ -374,9 +374,10 @@
+@@ -374,9 +374,10 @@ var ZH = {
    "No group chats yet.": "还没有群聊。",
    "A group chat lets several Bots work on one thing with you.": "在群聊里，几个 Bot 和你一起做一件事。",
    "Back to group chats": "返回群聊列表",
@@ -463,7 +463,7 @@ diff --git a/client.js b/client.js
    "Harness settings": "Harness 设置",
    "Back to Bots": "返回 Bot 列表",
    "Close settings": "关闭设置",
-@@ -385,7 +385,6 @@
+@@ -385,7 +385,6 @@ var ZH = {
    Pin: "置顶",
    Pinned: "已置顶",
    "Mark as Unread": "标为未读",
@@ -471,7 +471,7 @@ diff --git a/client.js b/client.js
    "Group settings": "群设置",
    "Rename group": "重命名群聊",
    "Copy conversation ID": "复制对话 ID",
-@@ -394,6 +394,8 @@
+@@ -394,6 +394,8 @@ var ZH = {
    // The DSH Agent's own row and Session list. "DSH Agent" is a product name and
    // stays in English.
    "Add DSH Agent": "添加 DSH Agent",
@@ -480,7 +480,7 @@ diff --git a/client.js b/client.js
    "Remove DSH Agent": "移除 DSH Agent",
    "New session": "新会话",
    Archive: "归档",
-@@ -404,13 +404,13 @@
+@@ -404,13 +404,13 @@ var ZH = {
    "{n} h": "{n} 小时",
    "{n} d": "{n} 天",
    // Plugin updates
@@ -500,7 +500,7 @@ diff --git a/client.js b/client.js
    "You have {version}.": "当前版本 {version}。",
    "The update did not finish: {reason}": "更新没有完成：{reason}",
    "What's new": "更新说明",
-@@ -420,8 +420,77 @@
+@@ -420,8 +420,98 @@ var ZH = {
    "DSH update": "DSH 更新",
    "DSH {version}": "DSH {version}",
    "Restart DSH to start using DSH {version}.": "重启 DSH 后开始使用 DSH {version}。",
@@ -557,6 +557,27 @@ diff --git a/client.js b/client.js
 +  Blocked: "受阻",
 +  Waiting: "等待",
 +  "In flight": "进行中",
++  "PRs opened today": "今日新开 PR",
++  "PRs merged today": "今日合入 PR",
++  "Issues opened today": "今日新开 issue",
++  "Issues closed today": "今日关闭 issue",
++  "PR merge time": "PR 合入时长",
++  "Issue close time": "issue 关闭时长",
++  "Task completion": "任务完成时长",
++  "Natural day in your time zone, by created_at.": "按你所在时区的自然日，取 created_at。",
++  "Natural day in your time zone, by merged_at.": "按你所在时区的自然日，取 merged_at。",
++  "Natural day in your time zone, by closed_at.": "按你所在时区的自然日，取 closed_at。",
++  "Median of the last 7 days, opened to merged.": "近 7 天中位数，开启到合入。",
++  "Median of the last 7 days, opened to closed.": "近 7 天中位数，开启到关闭。",
++  "Median of the last 7 days, created to done.": "近 7 天中位数，创建到完成。",
++  "Metrics unavailable": "指标不可用",
++  "Running tasks": "在跑任务",
++  "Claimed for": "已做多久",
++  "Last activity": "最近活动",
++  "Task": "任务",
++  "Status": "状态",
++  "Who": "谁在做",
++  "Source": "来源",
 +  unknown: "未知",
 +  Start: "开始",
 +  Complete: "完成",
@@ -579,7 +600,7 @@ diff --git a/client.js b/client.js
    // Command palette
    Messages: "消息",
    Commands: "命令",
-@@ -446,10 +446,13 @@
+@@ -446,10 +446,13 @@ var ZH = {
    Reply: "回复",
    "More message actions": "更多操作",
    More: "更多",
@@ -593,7 +614,7 @@ diff --git a/client.js b/client.js
    "Earlier messages": "更早的消息",
    "Loading earlier messages…": "正在加载更早的消息…",
    "Couldn’t load earlier messages · Retry": "更早的消息没加载出来 · 重试",
-@@ -459,6 +459,9 @@
+@@ -459,6 +459,9 @@ var ZH = {
    "Replies from": "群聊回复：",
    "Reply from": "收到回复：",
    "Message from": "收到消息：",
@@ -603,7 +624,7 @@ diff --git a/client.js b/client.js
    "Stopped by": "叫停者：",
    "{count} messages with": "{count} 条消息，来自",
    "Routine started": "例行任务开始",
-@@ -468,6 +468,8 @@
+@@ -468,6 +468,8 @@ var ZH = {
    "Working out a plan": "理一下思路",
    "Sorting out the details": "梳理细节",
    "On it": "在做了",
@@ -612,7 +633,7 @@ diff --git a/client.js b/client.js
    "Busy with it": "正在处理",
    "Moving ahead": "推进中",
    "Taking care of it": "处理中",
-@@ -495,7 +495,6 @@
+@@ -495,7 +495,6 @@ var ZH = {
    "Looking back through the chat": "翻看聊天记录",
    "{name} looked up its own chat": "{name} 查看了自己的对话",
    "{name} looked up its own chat for “{text}”": "{name} 在自己的对话里查找「{text}」",
@@ -620,7 +641,7 @@ diff --git a/client.js b/client.js
    "{name} didn't answer in time": "{name} 没有及时回应",
    "{name} paused for your approval": "{name} 停下来等你批准",
    "{name} started on it": "{name} 开始做了",
-@@ -506,12 +506,31 @@
+@@ -506,12 +506,31 @@ var ZH = {
    "Asked to make the tool call it wrote as text": "工具调用被写成了文字，已让它重新调用",
    "A Bot": "一个 Bot",
    "{name} is waiting for your approval": "{name} 等你批准",
@@ -653,7 +674,7 @@ diff --git a/client.js b/client.js
    "Couldn't message {name}": "没能给 {name} 发消息",
    Messaged: "已发消息给",
    "Couldn't stop {name}": "没能叫停 {name}",
-@@ -533,13 +533,14 @@
+@@ -533,13 +533,14 @@ var ZH = {
    Selected: "已选",
    Skip: "跳过",
    Submit: "提交",
@@ -669,7 +690,7 @@ diff --git a/client.js b/client.js
    "No Bot": "没有 Bot",
    "Paste or type the key": "粘贴或输入密钥",
    "Only {name}": "只给 {name}",
-@@ -555,7 +555,6 @@
+@@ -555,7 +555,6 @@ var ZH = {
    "At least {count} characters.": "至少 {count} 个字符。",
    "Replace value": "替换值",
    "Saving…": "保存中…",
@@ -677,7 +698,7 @@ diff --git a/client.js b/client.js
    "Allowing…": "允许中…",
    Allow: "允许",
    "{bot} asked for {name}": "{bot} 请求了 {name}",
-@@ -582,7 +582,7 @@
+@@ -582,7 +582,7 @@ var ZH = {
    "NAME, e.g. GITHUB_TOKEN": "名字，例如 GITHUB_TOKEN",
    "What it is for": "用途",
    Value: "值",
@@ -686,7 +707,7 @@ diff --git a/client.js b/client.js
    "Save key": "保存密钥",
    "Keys your Bots asked for. Bots never see the values: they use them as ": "你的 Bot 请求过的密钥。Bot 永远看不到值：它们在 shell 里通过 ",
    " in their shell, and every value is replaced by ": " 使用，而且发给模型之前，每个值都会被替换成 ",
-@@ -621,7 +621,6 @@
+@@ -621,7 +621,6 @@ var ZH = {
    Remove: "删除",
    "Ask or update": "询问或更新",
    "Ask about or update {name}'s memory": "询问或更新 {name} 的记忆",
@@ -694,7 +715,7 @@ diff --git a/client.js b/client.js
    "Added: {text}": "已添加：{text}",
    "Added to team memory: {text}": "已加入团队记忆：{text}",
    "Updated: {text}": "已更新：{text}",
-@@ -747,11 +747,11 @@
+@@ -747,11 +747,11 @@ var ZH = {
    "Compared with the {count} days before": "与再往前 {count} 天相比",
    "{share}% of all usage from {span}": "占 {span} 全部用量的 {share}%",
    // About
@@ -709,7 +730,7 @@ diff --git a/client.js b/client.js
    Updates: "更新",
    "Check for updates": "检查更新",
    "Checking…": "正在检查…",
-@@ -761,6 +761,13 @@
+@@ -761,6 +761,13 @@ var ZH = {
    "Update checks are off.": "已关闭更新检查。",
    "Installed from a local folder; update it there.": "从本地文件夹安装，请在那里更新。",
    "Updates are not offered for this install.": "这种安装方式不提供更新。",
@@ -723,7 +744,7 @@ diff --git a/client.js b/client.js
    Links: "链接",
    "Source code": "源代码",
    "Release notes": "发布说明",
-@@ -776,7 +776,7 @@
+@@ -776,7 +776,7 @@ var ZH = {
    Show: "查看",
    Hide: "收起",
    "GitHub issue": "GitHub issue",
@@ -732,7 +753,7 @@ diff --git a/client.js b/client.js
    "Report on GitHub": "在 GitHub 上报告",
    "Copied the diagnostics.": "已复制诊断信息。",
    "Could not copy. Select the text below and copy it.": "无法复制。请选中下面的文字手动复制。",
-@@ -788,7 +788,7 @@
+@@ -788,7 +788,7 @@ var ZH = {
    "Recent errors": "最近的错误",
    "Recent errors · {count}": "最近的错误 · {count}",
    "No errors recorded.": "没有错误记录。",
@@ -741,7 +762,7 @@ diff --git a/client.js b/client.js
    "Model call": "模型调用",
    "This window": "这个窗口",
    "Error log": "错误日志",
-@@ -821,12 +821,21 @@
+@@ -821,12 +821,21 @@ var ZH = {
    "Add at least one more Bot": "再至少添加一个 Bot",
    Members: "成员",
    // Connectors and scheduled tasks
@@ -763,7 +784,7 @@ diff --git a/client.js b/client.js
    "Once, {time}": "一次，{time}",
    "Every day at {time}": "每天 {time}",
    "Every {days} at {time}": "每{days} {time}",
-@@ -834,7 +834,21 @@
+@@ -834,7 +834,21 @@ var ZH = {
    "Every weekend at {time}": "每个周末 {time}",
    "On the schedule {expression}": "按计划 {expression}",
    "Next: {time}": "下次 {time}",
@@ -785,7 +806,7 @@ diff --git a/client.js b/client.js
    "in {name}": "在 {name}",
    "Click again to delete": "再点一次删除",
    "Delete task": "删除任务",
-@@ -844,6 +844,7 @@
+@@ -844,6 +844,7 @@ var ZH = {
    minutes: "分钟",
    hours: "小时",
    days: "天",
@@ -793,7 +814,7 @@ diff --git a/client.js b/client.js
    "Morning briefing": "早间简报",
    "What to do": "要做什么",
    "Sum up what changed since yesterday and what needs me today.": "总结一下昨天以来的变化，以及今天需要我处理的事。",
-@@ -856,9 +856,20 @@
+@@ -856,9 +856,20 @@ var ZH = {
    Unit: "单位",
    "Create task": "创建任务",
    "Turn on Automation tasks in DSH": "在 DSH 里打开「自动化任务」",
@@ -816,7 +837,7 @@ diff --git a/client.js b/client.js
    "No scheduled tasks yet.": "还没有定时任务。",
    "No scheduled tasks yet. Add one": "还没有定时任务，去添加",
    "Automation tasks are off in DSH": "DSH 的「自动化任务」没有打开",
-@@ -869,10 +869,19 @@
+@@ -869,10 +869,19 @@ var ZH = {
    "Pick a date and time": "选一个日期和时间",
    "Pick a time in the future": "选一个将来的时间",
    "Pick a time of day": "选一个时间",
@@ -836,7 +857,7 @@ diff --git a/client.js b/client.js
    "Working folder": "工作文件夹",
    "Working folder: {folder}": "工作文件夹：{folder}",
    Folder: "文件夹",
-@@ -887,7 +887,61 @@
+@@ -887,7 +887,61 @@ var ZH = {
    "Use this folder": "使用这个文件夹",
    "Up one level": "上一级",
    "No folders inside.": "里面没有文件夹。",
@@ -899,7 +920,7 @@ diff --git a/client.js b/client.js
  };
  var HOST_ERRORS = [
    [/^Model (.+) is not available\. Available: (.*)$/, "模型 $1 不可用。可用的：$2"],
-@@ -900,8 +900,11 @@
+@@ -900,8 +900,11 @@ var HOST_ERRORS = [
    [/^Only the user, a Main Bot, or the admin of "(.+)" can change it$/, "只有你、主 Bot 或「$1」的管理员可以修改"],
    [/^A key must have at least (\d+) characters$/, "密钥至少 $1 个字符"],
    [/^A key can have at most (\d+) characters$/, "密钥最多 $1 个字符"],
@@ -911,7 +932,7 @@ diff --git a/client.js b/client.js
    [/^HTTP (\d+)$/, "请求失败（HTTP $1）"],
    [/^GitHub answered (\d+)$/, "GitHub 返回了 $1"],
    [/^Keep the name under (\d+) characters$/, "名字不能超过 $1 个字"],
-@@ -918,7 +918,14 @@
+@@ -918,7 +918,14 @@ var HOST_ERRORS = [
    [/^There is no entry (.+)\.$/, "没有第 $1 条"],
    [/^No entry in [\s\S]* matches "([\s\S]*)"\.[\s\S]*$/, "找不到「$1」这条记忆"],
    [/^"([\s\S]*)" matches (\d+) entries in [\s\S]*$/, "「$1」对应了 $2 条记忆，请说得更具体"],
@@ -927,7 +948,7 @@ diff --git a/client.js b/client.js
  ];
  var HOST_ZH = {
    "Request failed": "请求失败",
-@@ -930,6 +930,20 @@
+@@ -930,6 +930,20 @@ var HOST_ZH = {
    "Unknown Bot": "找不到这个 Bot",
    "Unknown conversation": "找不到这个对话",
    "A group chat needs at least two Bots": "群聊至少要两个 Bot",
@@ -948,7 +969,7 @@ diff --git a/client.js b/client.js
    "The admin must be a member of the group": "管理员必须是群成员",
    "Unknown group chat": "找不到这个群聊",
    "Hand the admin role to another member instead of leaving the group without one": "请把管理员交给其他成员，不要让群聊没有管理员",
-@@ -951,10 +951,12 @@
+@@ -951,10 +951,12 @@ var HOST_ZH = {
    "The model wrote nothing": "模型没有输出内容",
    "Write the entry to save.": "请写下要保存的内容。",
    "This DeepSeek Harness has no folder chooser": "这个 DeepSeek Harness 没有文件夹选择窗口",
@@ -963,7 +984,7 @@ diff --git a/client.js b/client.js
  var service = null;
  var bound = null;
  function installLocale(locale) {
-@@ -1005,15 +1005,23 @@
+@@ -1005,15 +1005,23 @@ function noteClientError(where, error) {
    }
    const message = String(error?.message ?? error ?? "error").slice(0, 300);
    const code = typeof error?.code === "string" ? error.code : void 0;
@@ -990,7 +1011,7 @@ diff --git a/client.js b/client.js
    if (entries.length > MAX) entries.splice(0, entries.length - MAX);
  }
  var quietly = (where) => (error) => noteClientError(where, error);
-@@ -1042,16 +1042,21 @@
+@@ -1042,16 +1042,21 @@ var FAILURES = {
  };
  function failureLabel(code, message) {
    if (FAILURES[code]) return t(FAILURES[code]);
@@ -1018,7 +1039,7 @@ diff --git a/client.js b/client.js
    const full2 = build(diagnostics);
    if (full2.length <= URL_LIMIT) return { url: full2, inline: true };
    const facts = build(`${diagnostics.split("\n\n")[0]}
-@@ -1066,10 +1066,16 @@
+@@ -1066,10 +1066,16 @@ var REFUSALS = /* @__PURE__ */ new Set(["bot/refused", "bot/invalid", "bot/read-
  var call = async (endpoint, payload, signal) => {
    let response;
    try {
@@ -1036,7 +1057,7 @@ diff --git a/client.js b/client.js
        body: JSON.stringify({ endpoint, payload: payload ?? null }),
        signal
      });
-@@ -1087,7 +1087,7 @@
+@@ -1087,7 +1087,7 @@ var call = async (endpoint, payload, signal) => {
    if (!result.ok) {
      const code = result.error?.code ?? "bot/error";
      const message = hostText(result.error?.message ?? "Request failed");
@@ -1045,7 +1066,7 @@ diff --git a/client.js b/client.js
      if (!REFUSALS.has(code)) {
        noteClientError(endpoint, Object.assign(new Error(result.error?.message ?? "Request failed"), { code }));
        markNoted(error);
-@@ -1097,6 +1097,388 @@
+@@ -1097,6 +1097,388 @@ var call = async (endpoint, payload, signal) => {
    return result.value;
  };
  
@@ -1434,7 +1455,7 @@ diff --git a/client.js b/client.js
  // src/client/inks.js
  var INKS = {
    deepseek: ["#4D6BFE", "#6A84FF"],
-@@ -1160,9 +1160,9 @@
+@@ -1160,9 +1160,9 @@ var MAIN_LOOK = Object.freeze({ shape: "whale", color: "deepseek" });
  var CHARACTER_COLORS = ["black", "brown", "red", "orange", "yellow", "green", "cyan", "blue", "violet", "magenta", "gray", "aurora"];
  var DEFAULT_COLORS = CHARACTER_COLORS.filter((color) => !["black", "gray", "brown"].includes(color) && !GRADIENTS[color]);
  var isColor = (color) => isHex(color) || Object.hasOwn(INKS, color);
@@ -1446,7 +1467,7 @@ diff --git a/client.js b/client.js
    return value >>> 0;
  }
  function defaultColor(id) {
-@@ -1177,19 +1177,96 @@
+@@ -1177,19 +1177,96 @@ function defaultShape(id) {
    value = Math.imul(value ^ value >>> 13, 3266489909);
    return DEFAULT_SHAPES[((value ^ value >>> 16) >>> 0) % DEFAULT_SHAPES.length];
  }
@@ -1546,7 +1567,7 @@ diff --git a/client.js b/client.js
      `<path d="${character.shade}" fill="#000" fill-opacity=".14"/>`,
      `<path d="${character.light}" fill="#fff" fill-opacity=".16"/>`
    ].join("");
-@@ -1206,8 +1206,8 @@
+@@ -1206,8 +1206,8 @@ function bodyOf(def, paint, flat = false) {
      return "";
    }
  }
@@ -1557,7 +1578,7 @@ diff --git a/client.js b/client.js
  var maskBox = (size) => `maskUnits="userSpaceOnUse" x="${-size}" y="${-size}" width="${size * 3}" height="${size * 3}"`;
  var holes = (def, eyes) => `<rect x="${-def.size}" y="${-def.size}" width="${def.size * 3}" height="${def.size * 3}" fill="#fff"/>${eyes}`;
  var MASK_ID = "%MASK%";
-@@ -1242,192 +1242,46 @@
+@@ -1242,192 +1242,46 @@ function maskOf(shape) {
  }
  var DEFAULT_MASK = maskOf(FALLBACK_SHAPE);
  
@@ -1580,16 +1601,7 @@ diff --git a/client.js b/client.js
 -      for (const listener of [...listeners2]) listener();
 -    }
 -  };
-+// src/client/cluster-order.js
-+function clusterOrder(people2) {
-+  const list = Array.isArray(people2) ? people2 : [];
-+  const remote = (bot) => Boolean(bot?.remote);
-+  if (!list.some(remote)) return list;
-+  const locals = list.filter((bot) => !remote(bot));
-+  const remotes = list.filter(remote);
-+  if (list.length <= 4) return [...remotes, ...locals];
-+  return [...locals, ...remotes];
- }
+-}
 -var EMPTY_ROSTER = { revision: -1, mainBotId: null, mainBotIds: [], bots: [], rooms: [], agents: [], exchangeTurns: {}, questions: {}, secrets: [], capabilities: [], capabilityStatuses: {}, secretRequests: {}, models: [], defaultModel: null, modelsKey: null, prefs: {}, byId: {}, roomsById: {}, agentsById: {}, agentOf: {}, ready: false };
 -var isMainOf = (roster, id) => id !== void 0 && (roster.mainBotIds ?? []).includes(id);
 -function indexRoster(value) {
@@ -1710,7 +1722,16 @@ diff --git a/client.js b/client.js
 -    else delete SHAPES[id];
 -    refresh();
 -  };
--}
++// src/client/cluster-order.js
++function clusterOrder(people2) {
++  const list = Array.isArray(people2) ? people2 : [];
++  const remote = (bot) => Boolean(bot?.remote);
++  if (!list.some(remote)) return list;
++  const locals = list.filter((bot) => !remote(bot));
++  const remotes = list.filter(remote);
++  if (list.length <= 4) return [...remotes, ...locals];
++  return [...locals, ...remotes];
+ }
 -function registerTheme(id, theme) {
 -  if (typeof id !== "string" || !/^[a-z][\w-]{0,31}$/.test(id)) throw new Error("Theme ids are lowercase words");
 -  for (const mode of ["light", "dark"]) {
@@ -1769,10 +1790,15 @@ diff --git a/client.js b/client.js
    const skip = [
      ...[...value.matchAll(LITERAL)].map((match) => ({ start: match.index, end: match.index + match[0].length })),
      ...referenceSpans(value, references)
-@@ -1445,24 +1445,86 @@
+@@ -1445,24 +1445,86 @@ function mentionSpans(text, bots, { references = [] } = {}) {
    }
    return spans;
  }
+-
+-// src/client/text.js
+-var MENTION_ORIGIN = "https://bots.local/";
+-function linkMentions(text, bots, selfId) {
+-  if (!text || !text.includes("@")) return text;
 +function unmatchedMentions(text2, bots, { references = [] } = {}) {
 +  const value = String(text2 ?? "");
 +  const skip = [
@@ -1820,11 +1846,9 @@ diff --git a/client.js b/client.js
 +  }
 +  return stripFence(out).replace(/\s+/g, " ").trim();
 +}
- 
- // src/client/text.js
- var MENTION_ORIGIN = "https://bots.local/";
--function linkMentions(text, bots, selfId) {
--  if (!text || !text.includes("@")) return text;
++
++// src/client/text.js
++var MENTION_ORIGIN = "https://bots.local/";
 +function linkMentions(text2, bots, selfId) {
 +  if (!text2 || !text2.includes("@")) return text2;
 +  const ordered = [...bots ?? []].sort((a, b) => Number(Boolean(a?.remote)) - Number(Boolean(b?.remote)));
@@ -1861,7 +1885,7 @@ diff --git a/client.js b/client.js
  function clock(ms) {
    return new Date(ms).toLocaleTimeString(dateLocale(), { hour: "numeric", minute: "2-digit" });
  }
-@@ -1483,9 +1483,18 @@
+@@ -1483,9 +1483,18 @@ function relativeShort(ms) {
  var contentText = (content) => (content ?? []).filter((block) => block?.type === "text").map((block) => block.text).join("\n");
  var HEADER = /^\[(Message from|Reply from|Group chat|Group post from|Bot team setup|Handoff · part|Secret card)[^\]]*\]\n?/;
  var currentPart = (bot) => bot.sessionId ?? bot.id;
@@ -1883,7 +1907,7 @@ diff --git a/client.js b/client.js
    try {
      const prompts = [...one ? [JSON.parse(one[1])] : [], ...batch ? JSON.parse(batch[1]).map((entry) => entry.reminder_prompt) : []];
      return prompts.filter((prompt) => typeof prompt === "string" && prompt.trim() !== "");
-@@ -1493,38 +1493,121 @@
+@@ -1493,38 +1493,121 @@ function reminderPrompts(text) {
      return [];
    }
  }
@@ -2012,7 +2036,7 @@ diff --git a/client.js b/client.js
  var historyLoading = (snapshot) => snapshot?.openState === "cold" || snapshot?.openState === "loading";
  function toolArgs(root) {
    if (typeof root.args?.text === "function") {
-@@ -1597,17 +1597,46 @@
+@@ -1597,17 +1597,46 @@ function commRunOf(order, peers, turn, hiddenTurns = []) {
    }
    return { count, peerIds };
  }
@@ -2062,16 +2086,65 @@ diff --git a/client.js b/client.js
  var formatTokens = (count) => count >= 1e6 ? `${(count / 1e6).toFixed(1)}M` : count >= 1e3 ? `${(count / 1e3).toFixed(1)}K` : String(count);
  function usageOf(list, ids) {
    let input = 0;
-@@ -1624,9 +1624,982 @@
+@@ -1624,901 +1624,1981 @@ function usageOf(list, ids) {
    const hit = input > 0 ? Math.round(cacheRead / input * 100) : 0;
    return t("{tokens} tok · Cache hit {hit}%", { tokens: formatTokens(input + output), hit });
  }
+-
+-// src/client/motion.js
+-var import_react = require("react");
+-var reducedMotion = () => window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true;
+-function springEasing(stiffness, damping) {
+-  const w0 = Math.sqrt(stiffness);
+-  const zeta = damping / (2 * w0);
+-  const at = (t2) => {
+-    if (zeta >= 1) return 1 - (1 + w0 * t2) * Math.exp(-w0 * t2);
+-    const wd = w0 * Math.sqrt(1 - zeta * zeta);
+-    return 1 - Math.exp(-zeta * w0 * t2) * (Math.cos(wd * t2) + zeta * w0 / wd * Math.sin(wd * t2));
+-  };
+-  let end = 0.05;
+-  while (end < 2 && Math.abs(1 - at(end)) > 1e-3) end += 0.01;
+-  const points = Array.from({ length: 25 }, (_, index) => (index === 24 ? 1 : at(end * index / 24)).toFixed(4));
+-  return { duration: Math.round(end * 1e3), easing: `linear(${points.join(",")})`, stiffness, damping };
 +function faceRowTitle(title) {
 +  const text2 = String(title ?? "");
 +  const named = text2.match(/^Face-to-face · (.+) · (\d{6})$/);
 +  if (named) return `${named[2]} · ${named[1]}`;
 +  return text2.match(/^Face-to-face · (\d{6})$/)?.[1] ?? text2;
-+}
+ }
+-var SPRING_SHAPE = springEasing(400, 31.2);
+-var SPRING_TAP = springEasing(900, 48);
+-var SPRING_LIST = springEasing(484, 35.2);
+-var SPRING_STRETCH = springEasing(320, 20);
+-var SPRING_POP = springEasing(500, 22);
+-var SPRING_LEAD = springEasing(784, 48.2);
+-var SPRING_TRAIL = springEasing(289, 29.2);
+-var QUICK_EDGES = { lead: springEasing(900, 51), trail: springEasing(400, 34) };
+-var spring = (curve, ...properties) => properties.map((property) => `${property} ${curve.duration}ms ${curve.easing}`).join(",");
+-function liveSprings(apply2) {
+-  const values = /* @__PURE__ */ new Map();
+-  let frame = 0;
+-  let last = 0;
+-  const read = () => Object.fromEntries([...values].map(([key, value]) => [key, value.x]));
+-  const step = (now) => {
+-    const dt = Math.min(0.5, Math.max(1e-3, (now - last) / 1e3));
+-    last = now;
+-    const steps = Math.ceil(dt * 240);
+-    const h34 = dt / steps;
+-    let moving = false;
+-    for (const value of values.values()) {
+-      for (let index = 0; index < steps; index += 1) {
+-        value.v += (-value.k * (value.x - value.to) - value.c * value.v) * h34;
+-        value.x += value.v * h34;
+-      }
+-      if (Math.abs(value.x - value.to) < 0.05 && Math.abs(value.v) < 1) {
+-        value.x = value.to;
+-        value.v = 0;
+-      } else moving = true;
+-    }
+-    apply2(read());
+-    frame = moving ? requestAnimationFrame(step) : 0;
+-  };
 +function modelOf(bot, roster) {
 +  const ref = bot.model ?? bot.appliedModel;
 +  if (!ref) return void 0;
@@ -2086,28 +2159,84 @@ diff --git a/client.js b/client.js
 +function awayGroups(groups, roomsById) {
 +  return (groups ?? []).filter((entry) => roomsById?.[entry.id]?.origin !== "face-to-face");
 +}
- 
--// src/client/motion.js
++
 +// src/client/sources.js
 +function createSource(initial) {
 +  let value = initial;
 +  const listeners2 = /* @__PURE__ */ new Set();
-+  return {
+   return {
+-    target: () => values.size ? Object.fromEntries([...values].map(([key, value]) => [key, value.to])) : null,
+-    set(targets, curves, jump) {
+-      for (const [key, to] of Object.entries(targets)) {
+-        const value = values.get(key);
+-        const { stiffness: k, damping: c } = curves[key];
+-        if (!value || jump) values.set(key, { x: to, v: 0, to, k, c });
+-        else Object.assign(value, { to, k, c });
+-      }
+-      if (jump) {
+-        cancelAnimationFrame(frame);
+-        frame = 0;
+-        apply2(read());
+-        return;
+-      }
+-      if (!frame) {
+-        last = performance.now();
+-        frame = requestAnimationFrame(step);
+-      }
 +    getSnapshot: () => value,
 +    subscribe: (listener) => {
 +      listeners2.add(listener);
 +      return () => {
 +        listeners2.delete(listener);
 +      };
-+    },
+     },
+-    stop: () => cancelAnimationFrame(frame)
 +    set(next) {
 +      const resolved = typeof next === "function" ? next(value) : next;
 +      if (resolved === value) return;
 +      value = resolved;
 +      for (const listener of [...listeners2]) listener();
 +    }
-+  };
-+}
+   };
+ }
+-var CHOSEN = '[aria-pressed="true"],[aria-selected="true"],[aria-current="page"]';
+-function useGlide(key, { axis = "x", selector = CHOSEN, lead = SPRING_LEAD, trail = SPRING_TRAIL, box: given } = {}) {
+-  const ownBox = (0, import_react.useRef)(null);
+-  const box = given ?? ownBox;
+-  const thumb = (0, import_react.useRef)(null);
+-  const own = (0, import_react.useRef)(null);
+-  if (own.current === null) {
+-    own.current = {
+-      key: void 0,
+-      node: null,
+-      observer: null,
+-      springs: liveSprings(({ start, end }) => {
+-        const knob = thumb.current;
+-        if (!knob) return;
+-        knob.style.transform = axis === "x" ? `translateX(${start}px)` : `translateY(${start}px)`;
+-        knob.style[axis === "x" ? "width" : "height"] = `${Math.max(0, end - start)}px`;
+-      })
+-    };
+-  }
+-  const place = (jump) => {
+-    const container = box.current;
+-    const knob = thumb.current;
+-    if (!container || !knob) return;
+-    const chosen = container.querySelector(selector);
+-    if (!chosen) {
+-      knob.dataset.hidden = "";
+-      return;
+-    }
+-    const start = axis === "x" ? chosen.offsetLeft : chosen.offsetTop;
+-    const end = start + (axis === "x" ? chosen.offsetWidth : chosen.offsetHeight);
+-    const { springs } = own.current;
+-    const before = springs.target();
+-    const hidden = knob.dataset.hidden !== void 0;
+-    if (jump && !hidden && before?.start === start && before?.end === end && container.dataset.glide !== void 0) return;
+-    delete knob.dataset.hidden;
+-    const forward = before === null || start >= before.start;
+-    springs.set({ start, end }, forward ? { start: trail, end: lead } : { start: lead, end: trail }, jump || hidden || before === null || reducedMotion());
+-    container.dataset.glide = "";
 +var EMPTY_ROSTER = { revision: -1, mainBotId: null, mainBotIds: [], bots: [], rooms: [], humans: [], self: null, agents: [], exchangeTurns: {}, remoteTypedTurns: {}, remoteAwaiting: {}, questions: {}, secrets: [], capabilities: [], capabilityStatuses: {}, secretRequests: {}, models: [], defaultModel: null, modelsKey: null, prefs: {}, byId: {}, roomsById: {}, agentsById: {}, agentOf: {}, ready: false };
 +var isMainOf = (roster, id) => id !== void 0 && (roster.mainBotIds ?? []).includes(id);
 +function indexRoster(value) {
@@ -2120,7 +2249,26 @@ diff --git a/client.js b/client.js
 +    if (prev && prev !== bot && !prev.remote && bot?.remote) return;
 +    if (prev && prev !== bot && prev.id === id) return;
 +    byId[id] = bot;
-+  };
+   };
+-  (0, import_react.useLayoutEffect)(() => {
+-    const state = own.current;
+-    const node = box.current;
+-    if (node === state.node && key === state.key) return;
+-    const fresh = node !== state.node;
+-    state.key = key;
+-    if (fresh) {
+-      state.observer?.disconnect();
+-      state.node = node;
+-      state.observer = node && typeof ResizeObserver === "function" ? new ResizeObserver(() => place(true)) : null;
+-      state.observer?.observe(node);
+-    }
+-    place(fresh);
+-  });
+-  (0, import_react.useEffect)(() => () => {
+-    own.current.observer?.disconnect();
+-    own.current.springs.stop();
+-  }, []);
+-  return { box, thumb };
 +  for (const bot of value.bots) {
 +    for (const id of [...bot.parts ?? [], bot.sessionId ?? bot.id, bot.id]) claim(bot, id);
 +  }
@@ -2133,20 +2281,75 @@ diff --git a/client.js b/client.js
 +    for (const sessionId of agent.sessions ?? []) agentOf[sessionId] = agent.id;
 +  }
 +  return { ...value, agents: value.agents ?? [], byId, roomsById, agentsById, agentOf, ready: true };
-+}
+ }
+-function Segmented({ label, value, className, children }) {
+-  const glide = useGlide(value);
+-  return (0, import_react.createElement)(
+-    "div",
+-    { ref: glide.box, className: className ? `bt-seg ${className}` : "bt-seg", role: "group", "aria-label": label },
+-    (0, import_react.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
+-    children
+-  );
 +function rosterBot(roster, id) {
 +  if (id === void 0 || id === null || id === "") return void 0;
 +  const list = roster?.bots ?? [];
 +  const own = list.find((bot) => bot && !bot.remote && (bot.id === id || bot.sessionId === id || (bot.parts ?? []).includes(id)));
 +  if (own) return own;
 +  return roster?.byId?.[id];
-+}
+ }
+-function useFlip(list, key, selector, id = (node) => node.dataset.flip) {
+-  const tops = (0, import_react.useRef)(null);
+-  (0, import_react.useLayoutEffect)(() => {
+-    const container = list.current;
+-    if (!container) return;
+-    const next = /* @__PURE__ */ new Map();
+-    const moving = tops.current !== null && !reducedMotion();
+-    for (const node of container.querySelectorAll(selector)) {
+-      const name = id(node);
+-      const top = node.offsetTop;
+-      next.set(name, top);
+-      if (!moving) continue;
+-      const before = tops.current.get(name);
+-      if (before === void 0) {
+-        node.animate([{ opacity: 0, filter: "blur(4px)" }, { opacity: 1, filter: "blur(0)" }], { duration: 180, easing: "ease-out" });
+-      } else if (Math.abs(before - top) > 0.5) {
+-        node.animate([{ transform: `translateY(${before - top}px)` }, { transform: "none" }], { duration: SPRING_LIST.duration, easing: SPRING_LIST.easing });
+-      }
+-    }
+-    tops.current = next;
+-  }, [key]);
 +function botByName(bots, name) {
 +  const wanted = String(name ?? "").toLowerCase();
 +  if (wanted === "") return void 0;
 +  const list = Array.isArray(bots) ? bots : [];
 +  return list.find((bot) => bot && !bot.remote && String(bot.name ?? "").toLowerCase() === wanted) ?? list.find((bot) => bot && String(bot.name ?? "").toLowerCase() === wanted);
-+}
+ }
+-function useMorph(box, key) {
+-  const last = (0, import_react.useRef)({ key, height: null });
+-  (0, import_react.useLayoutEffect)(() => {
+-    const node = box.current;
+-    const state = last.current;
+-    if (!node) {
+-      last.current = { key, height: null };
+-      return;
+-    }
+-    const running = node.getAnimations().filter((animation2) => animation2.id === "bt-morph");
+-    if (key === state.key) {
+-      if (running.length === 0) state.height = node.offsetHeight;
+-      return;
+-    }
+-    const from = running.length ? node.offsetHeight : state.height;
+-    for (const animation2 of running) animation2.cancel();
+-    const to = node.offsetHeight;
+-    last.current = { key, height: to };
+-    if (from === null || Math.abs(from - to) < 1 || reducedMotion()) return;
+-    node.dataset.morph = "";
+-    const animation = node.animate([{ height: `${from}px` }, { height: `${to}px` }], { duration: SPRING_SHAPE.duration, easing: SPRING_SHAPE.easing, id: "bt-morph" });
+-    animation.onfinish = () => {
+-      delete node.dataset.morph;
+-    };
+-    animation.oncancel = () => {
+-      if (!node.getAnimations().some((other) => other.id === "bt-morph" && other !== animation)) delete node.dataset.morph;
 +function isAgentSession(roster, cache, sessionId) {
 +  if (sessionId === void 0 || sessionId === null || sessionId === "") return false;
 +  if (roster.ready) return roster.agentOf[sessionId] !== void 0;
@@ -2163,7 +2366,7 @@ diff --git a/client.js b/client.js
 +}
 +
 +// src/client/mark.js
- var import_react = require("react");
++var import_react = require("react");
 +var STATES = ["idle", "thinking", "searching", "working", "sending", "orbit", "alert", "done"];
 +var botState = (running, activity, alert) => running ? STATES.includes(activity) ? activity : "working" : alert ? "alert" : "idle";
 +var toolState = (name) => /^(message_bot|stop_bot|create_bot|update_bot|create_group|update_group|delete_group|post_to_group)$/.test(name) ? "sending" : /search|fetch|browse|read|grep|glob|list|recall/i.test(name) ? "searching" : "working";
@@ -2180,7 +2383,8 @@ diff --git a/client.js b/client.js
 +      const clamp = (value) => Math.max(-1, Math.min(1, value));
 +      node.style.setProperty("--bt-gx", clamp((point.x - box.left - box.width / 2) / 160).toFixed(2));
 +      node.style.setProperty("--bt-gy", clamp((point.y - box.top - box.height / 2) / 160).toFixed(2));
-+    };
+     };
+-  });
 +    const onMove = (event) => {
 +      point = { x: event.clientX, y: event.clientY };
 +      if (!frame) frame = requestAnimationFrame(place);
@@ -2198,7 +2402,9 @@ diff --git a/client.js b/client.js
 +      document.documentElement.removeEventListener("pointerleave", onLeave);
 +    };
 +  }, [enabled]);
-+}
+ }
+-function useLinger(value, ms) {
+-  const [kept, setKept] = (0, import_react.useState)(value);
 +var FIDGETS = ["hop", "sway", "stretch", "look"];
 +function BotMark({ bot, look: given, size = 36, state = "idle", live = false, gaze = false, pokeable = false, label }) {
 +  const look = given ?? (bot?.remote ? lookAvoidingLocals(bot) : lookOf(bot));
@@ -2278,17 +2484,22 @@ diff --git a/client.js b/client.js
 +function useSettled(state) {
 +  const prev = (0, import_react.useRef)(state);
 +  const [settled, setSettled] = (0, import_react.useState)(false);
-+  (0, import_react.useEffect)(() => {
+   (0, import_react.useEffect)(() => {
+-    if (value) {
+-      setKept(value);
 +    const was = prev.current;
 +    prev.current = state;
 +    if (state !== "idle") {
 +      setSettled(false);
-+      return void 0;
-+    }
+       return void 0;
+     }
+-    const timer = setTimeout(() => setKept(value), reducedMotion() ? 0 : ms);
 +    if (was === "idle" || was === "alert") return void 0;
 +    setSettled(true);
 +    const timer = setTimeout(() => setSettled(false), 1800);
-+    return () => clearTimeout(timer);
+     return () => clearTimeout(timer);
+-  }, [value]);
+-  return [value || kept, !value && Boolean(kept)];
 +  }, [state]);
 +  return settled;
 +}
@@ -2381,8 +2592,189 @@ diff --git a/client.js b/client.js
 +      return (0, import_react.createElement)("span", { key: bot?.id ?? "you", style }, seat(bot, s));
 +    })
 +  );
-+}
-+
+ }
+ 
+-// src/client/styles.js
+-var SHELL_CSS = `
+-body{--bt-ink:#141414;--bt-ink-2:rgba(20,20,20,.6);--bt-ink-3:rgba(20,20,20,.36);--bt-bubble:#eeeeee;--bt-sidebar:#f7f7f7;--bt-main:#fcfcfc;--bt-line:rgba(20,20,20,.08);--bt-line-2:rgba(20,20,20,.15);--bt-line-weak:rgba(20,20,20,.1);--bt-hover:rgba(119,119,119,.09);--bt-active:rgba(119,119,119,.17);--bt-card:#ffffff;--bt-accent:#4d6bfe;--bt-green:#00c972;--bt-star:#ff9800;--bt-user:#070707;--bt-user-ink:#fcfcfc;--bt-tag-bg:rgba(20,20,20,.06);--bt-tag-ink:rgba(20,20,20,.56)}
+-body[data-ds-dark-theme]{--bt-ink:#f2f2f2;--bt-ink-2:rgba(242,242,242,.6);--bt-ink-3:rgba(242,242,242,.36);--bt-bubble:#262626;--bt-sidebar:#1b1b1b;--bt-main:#141414;--bt-line:rgba(255,255,255,.08);--bt-line-2:rgba(255,255,255,.15);--bt-line-weak:rgba(255,255,255,.1);--bt-hover:rgba(160,160,160,.12);--bt-active:rgba(160,160,160,.2);--bt-card:#1f1f1f;--bt-user:#f2f2f2;--bt-user-ink:#141414;--bt-tag-bg:rgba(255,255,255,.09);--bt-tag-ink:rgba(242,242,242,.62)}
+-${Object.entries(INKS).map(([name, [light]]) => `body{--bt-ink-${name}:${light}}`).join("")}
+-${Object.entries(INKS).map(([name, [, dark]]) => `body[data-ds-dark-theme]{--bt-ink-${name}:${dark}}`).join("")}
+-.bt-mark{display:inline-block;flex:none;position:relative;line-height:0}
+-.bt-mark svg{width:100%;height:100%;overflow:visible}
+-.bt-mark-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;box-shadow:inset 0 0 0 1px var(--bt-line)}
+-.bt-mark .bt-b,.bt-mark .bt-eye,.bt-mark .bt-eyes,.bt-mark .bt-gaze{transform-box:fill-box}
+-.bt-mark .bt-b{transform-origin:50% 100%}
+-.bt-mark .bt-eye,.bt-mark .bt-eyes{transform-origin:center}
+-/* Motion levels (Settings → Bots → Animation) set body[data-bt-motion]: quiet moves a
+-   mark only for its state; normal, the default, adds petting, pokes and eyes that follow
+-   the pointer; lively adds blinks and fidgets at rest and a question riding on the head. */
+-body[data-bt-motion=lively] .bt-mark[data-live]:is([data-state=idle],[data-state=alert]) .bt-eye{animation:bt-blink-idle 5s linear infinite;animation-delay:var(--bt-delay,0s)}
+-body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle]:is([data-fidget=hop],[data-fidget=sway],[data-fidget=stretch]) :is(.bt-b,.bt-mark-img){animation:var(--bt-fidget) 9s ease-in-out var(--bt-fidget-delay,0s) infinite}
+-body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle][data-fidget=hop]{--bt-fidget:bt-fidget-hop}
+-body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle][data-fidget=sway]{--bt-fidget:bt-fidget-sway}
+-body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle][data-fidget=stretch]{--bt-fidget:bt-fidget-stretch}
+-body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle][data-fidget=look] .bt-eyes{animation:bt-fidget-look 9s ease-in-out var(--bt-fidget-delay,0s) infinite}
+-@keyframes bt-fidget-hop{0%,8%,100%{transform:none}3%{transform:translateY(-10%) scale(.97,1.04)}5.5%{transform:translateY(0) scale(1.05,.95)}}
+-@keyframes bt-fidget-sway{0%,10%,100%{transform:none}2.5%{transform:rotate(-8deg)}5%{transform:rotate(7deg)}7.5%{transform:rotate(-3deg)}}
+-@keyframes bt-fidget-stretch{0%,9%,100%{transform:none}4%{transform:scale(.94,1.08)}7%{transform:scale(1.03,.97)}}
+-@keyframes bt-fidget-look{0%,22%,100%{transform:none}3%,9%{transform:translateX(-14%)}12%,19%{transform:translateX(14%)}}
+-body[data-bt-motion=lively] .bt-badge-alert{right:auto;bottom:auto;left:50%;top:calc(var(--bt-size,36px) * -.14);translate:-50% 0;animation:bt-q-ride 1.3s cubic-bezier(.3,.7,.4,1) infinite}
+-body[data-bt-motion=lively] :is(.bt-row,.bt-tile)>.bt-mark:hover .bt-badge-alert{animation:none}
+-@keyframes bt-q-ride{0%,55%,100%{transform:translateY(0)}20%{transform:translateY(calc(var(--bt-size,36px) * -.14))}40%{transform:translateY(0)}}
+-/* Petting: with the pointer on a sidebar avatar or just around it (a ring a fifth of its
+-   size wide), a resting mark leans into the pointer and keeps nuzzling it, its eyes
+-   closed in a happy arc, and springs back when the pointer leaves. */
+-:is(.bt-row,.bt-tile)>:is(.bt-mark,.bt-cluster)::before{content:'';position:absolute;inset:-20%;border-radius:50%}
+-.bt-mark[data-live] .bt-b,.bt-mark[data-live] .bt-mark-img{transition:rotate .5s cubic-bezier(.34,1.56,.64,1),translate .5s cubic-bezier(.34,1.56,.64,1),scale .3s ease-out}
+-.bt-mark[data-live] .bt-eye{transition:scale .14s ease-in}
+-.bt-mark[data-live] .bt-eye-happy{transition:opacity .12s ease-out}
+-body:not([data-bt-motion=quiet]) :is(.bt-row,.bt-tile)>:is(.bt-mark,.bt-cluster):hover .bt-mark[data-live]:is([data-state=idle],[data-state=alert]):not(.bt-mark-poke) :is(.bt-b,.bt-mark-img){rotate:8deg;translate:5% -1%;animation:bt-nuzzle .78s ease-in-out .32s infinite}
+-body:not([data-bt-motion=quiet]) :is(.bt-row,.bt-tile)>:is(.bt-mark,.bt-cluster):hover .bt-mark[data-live]:is([data-state=idle],[data-state=alert]) .bt-eye{scale:1 0;animation:none}
+-body:not([data-bt-motion=quiet]) :is(.bt-row,.bt-tile)>:is(.bt-mark,.bt-cluster):hover .bt-mark[data-live]:is([data-state=idle],[data-state=alert]) .bt-eye-happy{opacity:1;transition-delay:.1s}
+-@keyframes bt-nuzzle{50%{rotate:14deg;translate:8% -3%;scale:1.03 .97}}
+-.bt-mark[data-gaze] .bt-b{translate:calc(var(--bt-gx,0) * 5%) calc(var(--bt-gy,0) * 4%);transition:translate .18s ease-out}
+-.bt-mark[data-gaze] .bt-gaze{transform:translate(calc(var(--bt-gx,0) * 12%),calc(var(--bt-gy,0) * 11%));transition:transform .18s ease-out}
+-body[data-bt-motion=quiet] .bt-mark[data-gaze] .bt-b{translate:none}
+-body[data-bt-motion=quiet] .bt-mark[data-gaze] .bt-gaze{transform:none}
+-.bt-mark[data-state=thinking] .bt-b{animation:bt-ponder 2.2s ease-in-out infinite}
+-.bt-mark[data-state=thinking] .bt-eyes{animation:bt-squint 2.2s ease-in-out infinite}
+-.bt-mark[data-state=searching] .bt-b{animation:bt-seek 1s ease-in-out infinite}
+-.bt-mark[data-state=searching] .bt-eyes{animation:bt-scan 1.6s ease-in-out infinite}
+-.bt-mark[data-state=working] .bt-b{animation:bt-bob 1.6s ease-in-out infinite}
+-.bt-mark[data-state=working]:is([data-shape=star],[data-shape=hex],[data-shape=plus],[data-shape=gem],[data-shape=magnet],[data-shape=ring]) .bt-b{animation:bt-wiggle 1.4s ease-in-out infinite;transform-origin:50% 50%}
+-.bt-mark[data-state=working]:is([data-shape=gumdrop],[data-shape=peanut],[data-shape=cushion],[data-shape=squircle],[data-shape=moon],[data-shape=wave]) .bt-b{animation:bt-squash 1.2s ease-in-out infinite}
+-.bt-mark[data-state=working] .bt-eye{animation:bt-blink 2.4s ease-in-out infinite}
+-.bt-mark[data-state=sending] .bt-b{animation:bt-dash 1.1s cubic-bezier(.4,0,.2,1) infinite}
+-.bt-mark[data-state=orbit] .bt-b{animation:bt-sway 2.6s ease-in-out infinite;transform-origin:50% 50%}
+-.bt-mark[data-state=orbit] .bt-eyes{animation:bt-roll 2.6s linear infinite}
+-/* A question for you hops twice when it arrives and the badge keeps it in view after;
+-   a lively mark keeps hopping. */
+-.bt-mark[data-state=alert] .bt-b{animation:bt-hop 1.3s cubic-bezier(.3,.7,.4,1) 2}
+-.bt-mark[data-shape=image]:not([data-state=idle]) .bt-mark-img{animation:bt-bob 1.6s ease-in-out infinite}
+-.bt-mark[data-shape=image][data-state=alert] .bt-mark-img{animation:bt-hop 1.3s cubic-bezier(.3,.7,.4,1) 2}
+-body[data-bt-motion=lively] .bt-mark[data-state=alert] :is(.bt-b,.bt-mark-img){animation-iteration-count:infinite}
+-.bt-mark[data-state=done] .bt-b{animation:bt-done 1.8s linear 1}
+-.bt-mark[data-shape=image][data-state=done] .bt-mark-img{animation:bt-done 1.8s linear 1;transform-origin:50% 100%}
+-@keyframes bt-done{0%{transform:none;animation-timing-function:cubic-bezier(.4,0,.2,1)}13.3%{transform:scale(1.12,.88);animation-timing-function:cubic-bezier(.4,0,.2,1)}25.6%{transform:scale(.93,1.09);animation-timing-function:cubic-bezier(.4,0,.2,1)}37.8%{transform:scale(1.04,.97);animation-timing-function:cubic-bezier(.4,0,.2,1)}51.1%,100%{transform:none}}
+-.bt-mark-poke .bt-b{animation:bt-poke .8s cubic-bezier(.3,.7,.4,1) 1!important;transform-origin:50% 60%!important}
+-.bt-mark-poke .bt-mark-img{animation:bt-poke-img .6s ease-out 1!important}
+-.bt-mark[data-poke]{cursor:pointer}
+-body[data-bt-motion=quiet] .bt-mark-poke :is(.bt-b,.bt-mark-img){animation:none!important}
+-body[data-bt-motion=quiet] .bt-mark[data-poke]{cursor:default}
+-@keyframes bt-bob{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-4%) rotate(-5deg)}65%{transform:translateY(0) rotate(4deg)}}
+-@keyframes bt-wiggle{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(-12deg) scale(1.04)}75%{transform:rotate(12deg) scale(1.04)}}
+-@keyframes bt-squash{0%,100%{transform:scale(1,1)}30%{transform:scale(1.08,.9)}55%{transform:translateY(-4%) scale(.94,1.08)}80%{transform:scale(1.02,.98)}}
+-@keyframes bt-ponder{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-3%) rotate(7deg)}}
+-@keyframes bt-squint{0%,100%{transform:translate(0,-4%) scaleY(.7)}50%{transform:translate(5%,-5%) scaleY(.78)}}
+-@keyframes bt-seek{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5%) rotate(-1deg)}}
+-@keyframes bt-scan{0%,100%{transform:translateX(-12%)}50%{transform:translateX(12%)}}
+-@keyframes bt-dash{0%,100%{transform:translateX(0) rotate(0)}35%{transform:translateX(9%) rotate(7deg)}55%{transform:translateX(-2%) rotate(-3deg)}}
+-@keyframes bt-sway{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}
+-@keyframes bt-roll{0%,100%{transform:translate(12%,0)}25%{transform:translate(0,9%)}50%{transform:translate(-12%,0)}75%{transform:translate(0,-9%)}}
+-@keyframes bt-hop{0%,55%,100%{transform:translateY(0) scale(1,1)}20%{transform:translateY(-14%) scale(.96,1.05)}40%{transform:translateY(0) scale(1.06,.94)}}
+-@keyframes bt-poke{0%{transform:none}55%{transform:translateY(-16%) rotate(360deg)}78%{transform:translateY(0) scale(1.08,.92) rotate(360deg)}100%{transform:rotate(360deg)}}
+-@keyframes bt-poke-img{0%,100%{transform:scale(1)}40%{transform:scale(1.14) rotate(-6deg)}}
+-/* Idle clip: two .26s blinks (lid to 3%, then a 6% overshoot) at 1.48s and 3.46s. */
+-@keyframes bt-blink-idle{0%,29.6%,35%,69.2%,74.6%,100%{transform:scaleY(1)}32.2%,71.8%{transform:scaleY(.03)}33.8%,73.4%{transform:scaleY(1.06)}}
+-@keyframes bt-blink{0%,42%,50%,100%{transform:scaleY(1)}46%{transform:scaleY(.03)}48%{transform:scaleY(1.06)}}
+-@media (prefers-reduced-motion:reduce){.bt-mark *{animation:none!important;transition:none!important}}
+-.bt-badge{position:absolute;right:0;bottom:0;width:12px;height:12px;border-radius:50%;corner-shape:round;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1.5px var(--bt-sidebar)}
+-.bt-badge-admin{background:color-mix(in srgb,var(--bt-star) 82%,var(--bt-sidebar))}
+-.bt-badge-admin svg{width:7px;height:7px}
+-.bt-badge-main{right:calc(var(--bt-size,36px) * -.07);bottom:calc(var(--bt-size,36px) * -.07);width:clamp(14px,calc(var(--bt-size,36px) * .36),22px);height:clamp(14px,calc(var(--bt-size,36px) * .36),22px);border-radius:0;box-shadow:none}
+-.bt-badge-main svg{width:100%;height:100%;overflow:visible}
+-.bt-badge-main path{fill:var(--bt-star);stroke:var(--bt-sidebar);stroke-width:2.6;stroke-linejoin:round;paint-order:stroke}
+-.bt-badge-alert{background:color-mix(in srgb,var(--bt-accent) 78%,var(--bt-sidebar));color:var(--bt-accent-ink,#fff);font-size:8.5px;line-height:12px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
+-.bt-badge-working{background:color-mix(in srgb,var(--bt-green) 82%,var(--bt-sidebar));width:8px;height:8px;right:1px;bottom:1px}
+-.bt-cluster{position:relative;display:inline-block;flex:none;line-height:0}
+-.bt-cluster>*{position:absolute}
+-.bt-cluster-more,.bt-cluster-you{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bt-active);color:var(--bt-ink-3);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}
+-.bt-cluster-you{background:color-mix(in srgb,var(--bt-ink) 12%,transparent)}
+-.bt-stack{display:inline-flex;align-items:center;flex:none;line-height:0}
+-.bt-stack>*+*{margin-left:calc(var(--bt-stack-size) * -.3)}
+-.bt-stack-more{font-size:11px;line-height:16px;color:var(--bt-ink-3);margin-left:3px!important}
+-
+-.bt-side{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;gap:2px;padding:0 12px 8px 0;color:var(--bt-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
+-.bt-side-top{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:6px 5px 0 0}
+-.bt-brand{display:inline-flex;align-items:center;gap:6px;margin-right:auto;padding:4px 8px 4px 4px;border:0;border-radius:8px;background:none;cursor:pointer;font-family:inherit;font-size:15px;line-height:20px;font-weight:600;letter-spacing:-.01em;color:var(--bt-ink);white-space:nowrap}
+-.bt-brand-whale{display:inline-flex;color:var(--bt-accent)}
+-.bt-round{width:36px;height:36px;border-radius:50%;border:1px solid var(--bt-line);background:var(--bt-main);color:var(--bt-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .12s ease,transform .12s ease}
+-.bt-round:hover{background:var(--bt-hover)}
+-.bt-round:active{transform:scale(.94)}
+-.bt-list{display:flex;flex-direction:column;gap:3px;overflow-y:auto;min-height:0;flex:1 1 auto}
+-.bt-tile-wrap{display:flex;justify-content:center;padding:20px 0 15px}
+-.bt-tile{display:flex;flex-direction:column;align-items:center;gap:4px;width:95px;padding:6px 8px 4px;border-radius:12px;border:0;background:transparent;color:var(--bt-ink);cursor:pointer;font-family:inherit;transition:background-color .12s ease}
+-.bt-tile:hover{background:var(--bt-hover)}
+-.bt-tile[aria-current=page]{background:var(--bt-active)}
+-.bt-tile-name{font-size:13px;line-height:18px;font-weight:400;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+-.bt-chip{font-size:11px;line-height:16px;padding:1px 4px;border-radius:4px;background:var(--bt-hover);border:1px solid var(--bt-line);color:var(--bt-ink-2);white-space:nowrap;max-width:84px;overflow:hidden;text-overflow:ellipsis}
+-.bt-row{display:flex;align-items:center;gap:8px;min-height:54px;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--bt-ink);text-align:left;cursor:pointer;width:100%;box-sizing:border-box;font-family:inherit;transition:background-color .12s ease}
+-.bt-row:hover{background:var(--bt-hover)}
+-.bt-row[aria-current=page]{background:var(--bt-active)}
+-.bt-row-body{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
+-.bt-row-name{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px;line-height:20px;font-weight:400}
+-.bt-row-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+-.bt-tag{flex:none;max-width:96px;font-size:12px;line-height:16px;font-weight:400;padding:1px 6px;border-radius:4px;background:var(--bt-tag-bg);color:var(--bt-tag-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+-.bt-row-preview{font-size:13px;line-height:18px;color:var(--bt-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+-.bt-unread{width:8px;height:8px;border-radius:50%;background:#1084fe;flex:none;margin-right:2px;animation:bt-fade .13s cubic-bezier(.22,1,.36,1)}
+-.bt-unread-wait{background:var(--bt-star)}
+-.bt-rail{align-items:center;padding:0 0 8px}
+-.bt-rail .bt-row{justify-content:center;padding:6px 0;min-height:44px}
+-.bt-side-foot{display:flex;padding-top:8px}
+-.bt-connect{flex:1;height:36px;border-radius:999px;border:1px solid var(--bt-line);background:var(--bt-main);color:var(--bt-ink);font-family:inherit;font-size:14px;line-height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .12s ease}
+-.bt-connect:hover{background:var(--bt-hover)}
+-.bt-connect svg{flex:none;width:15px;height:15px}
+-.bt-connect-wrap{position:relative;display:flex;flex:1 1 auto;min-width:0}
+-.bt-connect-warn{flex:none;width:16px;height:16px;border-radius:50%;background:#E5484D;color:#fff;font-size:11px;line-height:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
+-.bt-connect-tip{position:fixed;box-sizing:border-box;width:max-content;max-width:260px;padding:8px 12px;border-radius:10px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 8px 24px -4px rgba(0,0,0,.14);color:var(--bt-ink);font-size:12px;line-height:17px;white-space:normal;text-align:center;z-index:70;transform-origin:bottom left;animation:bt-tip-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing}}
+-@keyframes bt-tip-in{from{opacity:0;transform:scale(.96);filter:blur(4px)}}
+-@media (prefers-reduced-motion:reduce){.bt-connect-tip{animation:none}}
+-
+-.bt-head{position:relative;display:flex;justify-content:center;align-items:center;height:40px;flex:none;pointer-events:none}
+-.bt-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;height:40px;padding:7.5px 13.5px 7.5px 7.5px;border-radius:999px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 2px 8px -1px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);color:var(--bt-ink);font-family:inherit;font-size:14px;line-height:20px;cursor:pointer;max-width:70%;box-sizing:border-box;transition:background-color .12s ease,transform ${SPRING_TAP.duration}ms ${SPRING_TAP.easing}}
+-.bt-pill:hover{background:color-mix(in srgb,var(--bt-main),#777 9%)}
+-.bt-pill:active{transform:scale(.965)}
+-.bt-pill-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
+-.bt-pill-mem{flex:none;display:inline-flex;width:0;margin-left:-8px;overflow:hidden;transition:${spring(SPRING_SHAPE, "width", "margin-left")}}
+-.bt-pill[data-memory=updated] .bt-pill-mem{width:var(--bt-mem-w);margin-left:0;transition:${spring(SPRING_STRETCH, "width", "margin-left")}}
+-.bt-pill-mem-in{flex:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:var(--bt-ink-2);font-size:13px;font-weight:500;opacity:0;filter:blur(6px);transform:translateX(-8px);transition:opacity .14s ease,filter .18s ease,${spring(SPRING_SHAPE, "transform")}}
+-.bt-pill-mem-in::before{content:"";flex:none;width:1px;height:14px;margin-right:4px;background:var(--bt-line-2)}
+-.bt-pill[data-memory=updated] .bt-pill-mem-in{opacity:1;filter:none;transform:none;transition-delay:70ms}
+-.bt-pill-mem-ico{flex:none;display:inline-flex;width:16px;height:16px;color:var(--bt-accent)}
+-.bt-pill-mem-ico svg{width:16px;height:16px}
+-.bt-pill[data-memory=updated] .bt-pill-mem-ico{animation:bt-mem-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} 90ms both}
+-@keyframes bt-mem-pop{from{transform:scale(.4) rotate(-14deg)}to{transform:none}}
+-.bt-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
+-@media (prefers-reduced-motion:reduce){.bt-pill-mem,.bt-pill-mem-in{transition:none!important}.bt-pill-mem-in{filter:none;transform:none}.bt-pill[data-memory=updated] .bt-pill-mem-ico{animation:none}}
+-.bt-swap{color:var(--bt-ink-3);font-size:12px}
+-.bt-pill-go{flex:none;display:inline-flex;align-items:center;justify-content:flex-end;width:0;margin-left:-8px;overflow:hidden;opacity:0;filter:blur(6px);transform:translateX(-6px);color:var(--bt-ink-2);transition:width ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},margin-left ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},transform ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},opacity .18s ease,filter .18s ease}
+-.bt-pill-go svg{flex:none;transition:transform ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing}}
+-.bt-pill:hover .bt-pill-go,.bt-pill:focus-visible .bt-pill-go,.bt-pill[aria-expanded=true] .bt-pill-go{width:18px;margin-left:0;opacity:1;filter:none;transform:none}
+-.bt-pill[aria-expanded=true] .bt-pill-go svg{transform:rotate(180deg)}
+-.bt-pill[data-memory=updated]:is(:hover,:focus-visible,[aria-expanded=true]) .bt-pill-go{width:0;margin-left:-8px;opacity:0;filter:blur(6px);transform:translateX(-6px)}
+-@media (prefers-reduced-motion:reduce){.bt-pill,.bt-pill-go,.bt-pill-go svg{transition:none!important}.bt-pill-go{filter:none}.bt-pill:active{transform:none}}
+-
+-.bt-astack{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0}
+-.bt-bubble{max-width:min(80%,560px,calc(100% - 82px));background:var(--bt-bubble);color:var(--bt-ink);border-radius:18px;padding:7px 12px;font-size:var(--dsh-content-font-size,14px);line-height:calc(var(--dsh-content-font-size,14px) + 8px);box-sizing:border-box;overflow-wrap:anywhere}
+-.bt-msg:not(:first-child)>.bt-msg-line>.bt-bubble{border-start-start-radius:6px}
+-.bt-msg:not(:last-child)>.bt-msg-line>.bt-bubble{border-end-start-radius:6px}
+-.bt-bubble [class*="_markdown"]>*+*{margin-top:10px}
+-.bt-bubble [class*="_markdown"]{color:inherit!important;font-size:inherit!important;line-height:inherit!important}
+-.bt-bubble p{margin:0}
+-.bt-bubble p + p{margin-top:6px}
+-.bt-bubble ul,.bt-bubble ol{margin:4px 0;padding-left:20px}
+-.bt-bubble a[href^="${MENTION_ORIGIN}"]{text-decoration:none;font-weight:400;cursor:pointer;white-space:nowrap}
+-.bt-bubble a[href^="${MENTION_ORIGIN}"]::before{content:"";display:inline-block;width:16px;height:16px;margin-right:3px;vertical-align:-3px;background:currentColor;-webkit-mask:${DEFAULT_MASK} center/contain no-repeat;mask:${DEFAULT_MASK} center/contain no-repeat}
+-.bt-group-msg{display:flex;flex-direction:column;gap:4px;margin:16px 0 0}
+-.bt-group-msg:first-child{margin-top:0}
+-.bt-lead{flex:none;display:flex;margin-bottom:1px}
+-button.bt-lead{border:0;background:none;padding:0;cursor:pointer}
+-/* Rows without the avatar start where the bubble beside it starts: 22px avatar + 8px gap. */
+-.bt-astack[data-lead]>.bt-msg:not(:last-child)>.bt-msg-line,.bt-astack[data-lead] .bt-reacts{margin-left:30px}
+-.bt-group-name{font-size:12px;line-height:16px;font-weight:500;margin-left:42px}
+-.bt-x{border:0;background:none;color:var(--bt-ink-2);cursor:pointer;width:24px;height:24px;border-radius:6px;font-size:16px;line-height:24px;padding:0;transition:background-color .12s ease,color .12s ease,${spring(SPRING_TAP, "scale")}}
+-.bt-x:hover{background:var(--bt-hover);color:var(--bt-ink)}
 +// src/client/room-invite-preview.js
 +var INVITE_PREVIEW_NAME_MAX = 60;
 +function stripInviteMarkers(text2) {
@@ -2463,7 +2855,79 @@ diff --git a/client.js b/client.js
 +  const total = Math.max(1, Math.ceil(left / 1e3));
 +  return `${Math.floor(total / 60)}:${String(total % 60).padStart(2, "0")} left to join`;
 +}
-+
+ 
+-.bt-q{margin:0 auto 8px;width:100%;max-width:var(--dsh-chat-content-width,748px);display:flex;flex-direction:column;gap:12px;--bt-q-edge:color-mix(in srgb,var(--bt-ink) 10%,transparent);--bt-q-rule:color-mix(in srgb,var(--bt-ink) 8%,transparent);--bt-q-rule-2:color-mix(in srgb,var(--bt-ink) 5%,transparent);background:var(--bt-card);box-shadow:0 1px 3px rgba(20,20,20,.04),inset 0 0 0 1px var(--bt-q-edge);border-radius:16px;padding:14px 16px;box-sizing:border-box;color:var(--bt-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} backwards,bt-veil-in .2s ease-out backwards}
+-body[data-ds-dark-theme] .bt-q{--bt-q-edge:rgba(255,255,255,.16);--bt-q-rule:rgba(255,255,255,.12);--bt-q-rule-2:rgba(255,255,255,.08)}
+-@keyframes bt-q-in{from{transform:translateY(10px) scale(.97)}}
+-.bt-q-settled{animation:none}
+-.bt-q-head{display:flex;align-items:flex-start;gap:8px;min-width:0}
+-.bt-q-text{flex:1 1 0;min-width:0;display:flex;flex-direction:column}
+-.bt-q-title{margin:0;font-size:15px;line-height:22px;font-weight:600;overflow-wrap:anywhere}
+-.bt-q-detail{font-size:13px;line-height:18px;color:var(--bt-ink-2)}
+-.bt-q-x{flex:none;width:20px;height:20px;border:0;padding:0;border-radius:6px;background:none;color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .12s ease,color .12s ease,${spring(SPRING_TAP, "scale")}}
+-.bt-q-x svg{width:14px;height:14px}
+-.bt-q-x:hover{background:var(--bt-hover);color:var(--bt-ink)}
+-.bt-q-x:focus-visible,.bt-q-opt:focus-visible{outline:2px solid var(--bt-accent);outline-offset:-2px}
+-.bt-q-list{display:flex;flex-direction:column;gap:1px;min-width:0;box-sizing:border-box;margin:0 -8px}
+-.bt-q-opt{position:relative;display:flex;align-items:flex-start;gap:16px;width:100%;min-width:0;box-sizing:border-box;margin:0;border:0;border-radius:12px;background:transparent;padding:10px 8px;font:inherit;color:var(--bt-ink);text-align:start;cursor:pointer;transition:background-color .12s ease}
+-.bt-q:not(.bt-q-raised)>.bt-q-head:has(+.bt-q-list){padding-bottom:12px;border-bottom:1px solid var(--bt-q-rule)}
+-.bt-q:not(.bt-q-raised)>.bt-q-head+.bt-q-list{margin-top:-6px}
+-.bt-q-opt+.bt-q-opt::before{content:"";position:absolute;left:calc(var(--bt-key,24px) + 24px);right:8px;top:-1px;height:1px;background:var(--bt-q-rule-2);transition:opacity .12s ease;pointer-events:none}
+-button.bt-q-opt:hover::before,button.bt-q-opt:hover+.bt-q-opt::before,.bt-q-opt[aria-pressed=true]::before,.bt-q-opt[aria-pressed=true]+.bt-q-opt::before{opacity:0}
+-.bt-q-raised .bt-q-opt::before{display:none}
+-button.bt-q-opt:hover{background:var(--bt-hover)}
+-button.bt-q-opt:active{background:var(--bt-active)}
+-.bt-q-opt[aria-pressed=true]{background:var(--bt-active)}
+-.bt-q:not(.bt-q-raised) :is(button.bt-q-opt:hover,.bt-q-opt[aria-pressed=true]) .bt-key{background:var(--bt-card);color:var(--bt-ink)}
+-.bt-key{flex:none;box-sizing:border-box;width:var(--bt-key,24px);height:var(--bt-key,24px);border-radius:8px;background:var(--bt-hover);color:var(--bt-ink-2);font-size:12px;line-height:var(--bt-key,24px);font-weight:500;text-align:center;font-variant-numeric:tabular-nums;transition:background-color .12s ease,color .12s ease}
+-.bt-q-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px;padding-top:2px}
+-/* With a description the key spans the two text lines less 2px above and below. */
+-.bt-q-opt:has(.bt-q-desc){--bt-key:34px}
+-.bt-q-opt:has(.bt-q-desc) .bt-key{margin-top:2px;border-radius:10px;font-size:13px}
+-.bt-q-opt:has(.bt-q-desc) .bt-q-body{padding-top:0}
+-.bt-q-label{font-size:14px;line-height:20px;font-weight:500;white-space:normal;overflow-wrap:anywhere}
+-.bt-q-desc{font-size:12px;line-height:17px;color:var(--bt-ink-2);overflow-wrap:anywhere}
+-.bt-q-check{flex:none;display:inline-flex;align-items:center;color:var(--bt-ink-2);animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} backwards}
+-.bt-q-settled .bt-q-check{animation:none}
+-.bt-q-check svg{width:16px;height:16px}
+-.bt-q-settled .bt-key{opacity:.4}
+-.bt-q-settled .bt-q-label{color:color-mix(in srgb,var(--bt-ink) 45%,transparent)}
+-.bt-q-dismissed .bt-q-title{color:var(--bt-ink-2)}
+-.bt-q.bt-q-settled{gap:6px;padding:12px 16px}
+-.bt-q-settled .bt-q-title{font-size:14px;line-height:20px;font-weight:500}
+-.bt-q.bt-q-settled>.bt-q-head:has(+.bt-q-list){padding-bottom:0;border-bottom:0}
+-.bt-q.bt-q-settled>.bt-q-head+.bt-q-list{margin-top:0}
+-.bt-q-settled .bt-q-opt{padding:4px 8px}
+-.bt-q-badge{flex:none;height:20px;padding:0 7px;border-radius:999px;border:1px dotted var(--bt-line-2);color:var(--bt-ink-2);font-size:12px;line-height:18px;box-sizing:border-box}
+-.bt-q-custom{display:flex;align-items:flex-start;gap:8px;width:100%;min-width:0}
+-.bt-q-field{flex:1 1 0;min-width:0;display:flex;box-sizing:border-box;min-height:32px;padding:5px 11px;border-radius:8px;border:.5px solid var(--bt-line-2);background:none;cursor:text;transition:border-color .12s ease}
+-.bt-q-field:focus-within{border-color:color-mix(in srgb,var(--bt-ink) 30%,transparent)}
+-.bt-q-input{flex:1;width:100%;min-width:0;max-height:120px;margin:0;padding:0;border:0;outline:none;background:transparent;color:var(--bt-ink);font:inherit;font-size:14px;line-height:20px;resize:none;overflow-y:hidden;white-space:pre-wrap;overflow-wrap:anywhere}
+-.bt-q-input:not(:placeholder-shown){field-sizing:content}
+-.bt-q-input::placeholder{color:var(--bt-ink-3)}
+-.bt-q-submit,.bt-q-btn{flex:none;height:36px;padding:0 14px;border:0;border-radius:999px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .12s ease,background-color .12s ease,${spring(SPRING_TAP, "scale")}}
+-.bt-q-submit{background:var(--bt-accent);color:var(--bt-accent-ink,#fff);animation:bt-q-submit-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing} backwards,bt-veil-in .16s ease-out backwards}
+-@keyframes bt-q-submit-in{from{transform:translateX(8px) scale(.9)}}
+-.bt-q-submit:hover:not(:disabled){opacity:.86}
+-.bt-q-submit:disabled{opacity:.4;cursor:default}
+-.bt-q-btn{background:var(--bt-hover);color:var(--bt-ink)}
+-.bt-q-btn:hover{background:var(--bt-active)}
+-.bt-q-foot{display:flex;justify-content:flex-end;gap:8px}
+-.bt-q-raised{width:calc(var(--dsh-chat-content-width,748px) - 32px);max-width:calc(100% - 32px);gap:0;padding:0;box-shadow:0 2px 8px rgba(20,20,20,.035),inset 0 0 0 .5px color-mix(in srgb,var(--bt-ink) 5%,transparent)}
+-.bt-q-raised .bt-q-head{padding:14px 16px 4px 20px}
+-.bt-q-raised .bt-q-head:last-child{padding-bottom:16px}
+-.bt-q-raised .bt-q-list{gap:1px;margin:0;padding:8px}
+-.bt-q-raised .bt-q-opt{gap:4px;padding:7px;border-radius:16px;color:var(--bt-ink-2)}
+-.bt-q-raised button.bt-q-opt:hover{color:var(--bt-ink)}
+-.bt-q-raised .bt-q-opt[aria-pressed=true]{background:transparent;color:var(--bt-ink)}
+-.bt-q-raised .bt-q-opt[aria-pressed=true]:hover{background:var(--bt-hover)}
+-.bt-q-raised .bt-q-opt[aria-pressed=true] .bt-key,.bt-q-ownrow:focus-within .bt-key,.bt-q-ownrow[data-filled] .bt-key{background:var(--bt-user);color:var(--bt-user-ink)}
+-.bt-q-raised .bt-q-body{padding:2px 6px 0}
+-.bt-q-raised .bt-q-desc{color:color-mix(in srgb,var(--bt-ink) 61%,transparent)}
+-.bt-q-ownrow{cursor:text}
+-.bt-q-ownrow .bt-q-input{color:var(--bt-ink)}
+-.bt-q-raised .bt-q-foot{padding:0 8px 8px}
+-@media (prefers-reduced-motion:reduce){.bt-q{animation:bt-fade .12s ease-out backwards}.bt-q-settled{animation:none}.bt-q-submit{animation:none}}
 +// src/client/approval-claims.js
 +var claims = /* @__PURE__ */ new Map();
 +var claimListeners = /* @__PURE__ */ new Set();
@@ -2489,13 +2953,77 @@ diff --git a/client.js b/client.js
 +    claimListeners.delete(fn);
 +  };
 +}
-+
+ 
+-.bt-newchat{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;animation:bt-veil-in .18s ease-out}
+-.bt-to{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:48px;padding:6px 12px;border-bottom:1px solid var(--bt-line);font-size:14px;box-sizing:border-box}
+-.bt-to-label{color:var(--bt-ink-2)}
+-.bt-to input{flex:1;min-width:120px;border:0;outline:none;background:none;color:var(--bt-ink);font-size:14px;height:26px}
+-.bt-token{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 6px 0 4px;border-radius:999px;background:var(--bt-hover);font-size:13px;animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
+-.bt-token button{border:0;background:none;color:var(--bt-ink-2);cursor:pointer;padding:0 2px}
+-.bt-admin-star{flex:none;display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;corner-shape:round;background:color-mix(in srgb,var(--bt-star) 82%,var(--bt-sidebar));vertical-align:-1px}
+-.bt-to-star{display:inline-flex;margin-right:-2px;animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
+-.bt-to .bt-to-create{flex:none;height:28px;padding:0 12px;font-size:13px;animation:bt-q-submit-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out}
+-.bt-drop{position:absolute;top:48px;left:32px;width:min(550px,calc(100% - 64px));display:flex;flex-direction:column;padding:6px;max-height:min(420px,60vh);overflow-y:auto;background:var(--bt-card);border:1px solid var(--bt-line-2);border-radius:12px;box-shadow:0 6px 20px -4px rgba(0,0,0,.12);box-sizing:border-box;z-index:1;transform-origin:24px 0;animation:bt-pop-drop ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .14s ease-out}
+-.bt-option{display:flex;align-items:center;gap:10px;border:0;background:none;border-radius:8px;padding:7px 8px;min-height:36px;box-sizing:border-box;font-size:13px;line-height:18px;color:var(--bt-ink);cursor:pointer;text-align:left;width:100%}
+-.bt-option[aria-selected=true]{background:var(--bt-active)}
+-.bt-drop-list>.bt-option:not([aria-selected=true]):hover{background:var(--bt-hover)}
+-.bt-option-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+-.bt-option-hint{font-size:11px;color:var(--bt-ink-2);flex:none;animation:bt-veil-in .16s ease-out}
+-.bt-option-icon{width:22px;height:22px;border-radius:50%;background:var(--bt-hover);color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;flex:none}
+-.bt-hint{padding:14px;text-align:center;font-size:13px;color:var(--bt-ink-2)}
+-.bt-nc-spacer{flex:1}
+-.bt-nc-compose{padding:0 16px 14px;display:flex;justify-content:center}
+-.bt-nc-card{display:flex;align-items:flex-end;gap:6px;width:100%;max-width:var(--dsh-chat-content-width,748px);min-height:44px;padding:4px 6px;border-radius:22px;border:1px solid var(--bt-line-2);background:var(--bt-main);box-shadow:0 2px 8px -2px rgba(0,0,0,.06);box-sizing:border-box}
+-.bt-nc-plus{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink-2);background:var(--bt-hover);flex:none}
+-.bt-nc-card textarea{flex:1;resize:none;border:0;outline:none;background:none;color:var(--bt-ink);font:inherit;font-size:14px;line-height:20px;padding:7px 4px;min-height:34px;max-height:140px;box-sizing:border-box}
+-.bt-nc-send{width:34px;height:34px;border-radius:50%;border:0;background:var(--bt-accent);color:var(--bt-accent-ink,#fff);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
+-.bt-nc-send:disabled{opacity:.3;cursor:default}
+-.bt-create{flex:1;display:flex;flex-direction:column;min-width:0}
+-.bt-create-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:6px 12px;border-bottom:1px solid var(--bt-line);box-sizing:border-box}
+-.bt-create-gap{width:28px}
+-.bt-create-title{font-size:14px;line-height:20px;font-weight:500}
+-.bt-create-body{flex:1;overflow-y:auto;padding:28px 16px 32px;display:flex;justify-content:center}
+-.bt-create-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:18px;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} both,bt-veil-in .22s ease-out both}
+-.bt-create-preview{display:flex;flex-direction:column;align-items:center;gap:10px}
+-.bt-create-pop{display:inline-flex;animation:bt-create-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} both}
+-@keyframes bt-create-pop{from{transform:scale(.72);opacity:.4}}
+-.bt-create-name{font-size:17px;line-height:24px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+-.bt-create-step{font-size:12px;line-height:16px;color:var(--bt-ink-2);margin-bottom:-10px}
+-.bt-create-looks{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-card)}
+-.bt-create-lookbar{justify-content:center}
+-.bt-create-foot{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}
+-.bt-create-go{height:36px;padding:0 20px}
+-@media (prefers-reduced-motion:reduce){.bt-create-card,.bt-create-pop{animation:none}}
+-.bt-send{height:40px;min-width:40px;border-radius:999px;border:0;background:var(--bt-accent);color:var(--bt-accent-ink,#fff);font-size:14px;padding:0 14px;cursor:pointer}
+-.bt-send:disabled{opacity:.35;cursor:default}
+-.bt-error{padding:0 14px 10px;color:#e02135;font-size:12px}
 +// src/shared/approval-waiting.js
 +var WAITING_STATUSES = Object.freeze(["pending", "pending_approval"]);
 +function isApprovalWaiting(status) {
 +  return WAITING_STATUSES.includes(status);
 +}
-+
+ 
+-.bt-pane{position:fixed;top:var(--dsh-frame-chrome-top,0px);right:0;bottom:0;z-index:45;pointer-events:auto;background:var(--bt-main);color:var(--bt-ink);display:flex;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
+-.bt-dialog{flex:1;display:flex;flex-direction:column;min-width:0}
+-.bt-dialog .bt-head{height:62px}
+-.bt-dialog-log{flex:1;overflow-y:auto;padding:8px 16px 20px;width:100%;max-width:var(--dsh-chat-content-width,748px);margin:0 auto;box-sizing:border-box}
+-.bt-dialog-foot{display:flex;justify-content:center;padding:10px 10px 16px}
+-.bt-exchange{animation:bt-sheet-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} both,bt-veil-in .24s ease-out both}
+-.bt-exchange[data-leaving]{animation:bt-sheet-out .22s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}
+-@keyframes bt-sheet-in{from{transform:translateY(24px)}}
+-@keyframes bt-sheet-out{to{opacity:0;transform:translateY(16px);filter:blur(4px)}}
+-.bt-exchange .bt-dialog{position:relative}
+-.bt-exchange .bt-dialog-log{max-width:none;margin:0;padding:39px max(16px,calc((100% - 960px)/2)) 76px;scrollbar-width:thin}
+-.bt-exchange .bt-tools{display:none}
+-.bt-exchange .bt-dialog-foot{position:absolute;left:0;right:0;bottom:0;height:76px;box-sizing:border-box;align-items:flex-end;padding:0 0 28px;background:var(--bt-main);z-index:3;animation:bt-foot-in .3s cubic-bezier(.22,1,.36,1) .3s both}
+-.bt-exchange .bt-dialog-foot::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:40px;background:linear-gradient(to top,var(--bt-main),transparent);pointer-events:none}
+-.bt-exchange[data-leaving] .bt-dialog-foot{animation:bt-foot-out .22s cubic-bezier(.4,0,1,1) forwards}
+-@keyframes bt-foot-in{from{opacity:0;transform:translateY(6px)}}
+-@keyframes bt-foot-out{to{opacity:0;transform:translateY(6px)}}
+-@media (prefers-reduced-motion:reduce){.bt-exchange,.bt-exchange .bt-dialog-foot{animation-duration:.01s}}
+-.bt-soft{height:36px;border-radius:999px;border:0;background:var(--bt-hover);color:var(--bt-ink);padding:0 16px;font-size:14px;cursor:pointer}
+-.bt-soft:hover{background:var(--bt-active)}
+-.bt-time{display:block;text-align:center;font-size:12px;line-height:16px;color:var(--bt-ink-2);padding:6px 0}
 +// src/shared/held-retry.js
 +var TERMINAL = [
 +  // A friend's Bot that is gone or no longer shared (plugins/social/src/social.js: botGoneError / notSharedError).
@@ -2515,7 +3043,41 @@ diff --git a/client.js b/client.js
 +  const said = `${record.error ?? ""} ${record.code ?? ""}`;
 +  return !TERMINAL.some((reason) => reason.test(said));
 +};
-+
+ 
+-.bt-panel{position:fixed;top:var(--dsh-frame-chrome-top,0px);right:0;bottom:0;width:var(--bt-panel-w,320px);pointer-events:auto;z-index:40;background:var(--bt-main);border-left:.5px solid var(--bt-line-2);display:flex;flex-direction:column;color:var(--bt-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;box-sizing:border-box;animation:bt-pane-in .3s cubic-bezier(.2,0,0,1);transition:width ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing}}
+-.bt-panel[data-leaving]{transform:translateX(100%);transition:transform .3s cubic-bezier(.2,0,0,1);pointer-events:none}
+-.bt-panel[data-instant]{transition:none}
+-@keyframes bt-pane-in{from{transform:translateX(100%)}}
+-[class*="_centerCol"]{transition:margin-right ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing}}
+-.bt-panel-grip{position:absolute;left:-5px;top:0;bottom:0;width:8px;cursor:col-resize;z-index:3;touch-action:none}
+-.bt-panel-grip:hover,.bt-panel[data-dragging] .bt-panel-grip{background:linear-gradient(to right,transparent 4px,var(--bt-line-2) 4px,var(--bt-line-2) 6px,transparent 6px)}
+-.bt-drag-shield{position:fixed;inset:0;z-index:45;cursor:col-resize}
+-.bt-panel-view{flex:1;min-height:0;display:flex;flex-direction:column}
+-.bt-drawer-top{display:flex;justify-content:flex-end;gap:8px;padding:12px 17px 6px 12px}
+-.bt-drawer-id{display:flex;flex-direction:column;align-items:center;padding:14px 16px 0}
+-.bt-drawer-id>.bt-mark,.bt-drawer-id>.bt-cluster{margin-bottom:16px}
+-.bt-drawer-name{font-size:17px;line-height:24px;font-weight:500;border:0;background:none;color:inherit;cursor:text;padding:0 6px;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+-.bt-drawer-name:hover{background:var(--bt-hover)}
+-.bt-drawer-name-input{font-size:17px;line-height:24px;text-align:center;border:.5px solid var(--bt-line-2);border-radius:6px;padding:0 6px;background:var(--bt-main);color:var(--bt-ink);outline:none;font-weight:500}
+-.bt-drawer-role{font-size:12px;line-height:16px;color:var(--bt-ink-3);margin-top:6px;text-align:center}
+-.bt-tabs{position:relative;display:flex;justify-content:center;gap:2px;margin:16px 16px 0}
+-.bt-tab{position:relative;z-index:1;border:0;background:none;border-radius:9999px;padding:4px 8px;font-size:13px;line-height:20px;color:var(--bt-ink-2);cursor:pointer;white-space:nowrap}
+-.bt-tab:hover{color:var(--bt-ink)}
+-.bt-tab[aria-selected=true]{background:var(--bt-hover);color:var(--bt-ink)}
+-.bt-tabs>.bt-thumb{top:0;bottom:0;border-radius:9999px;background:var(--bt-hover)}
+-.bt-tabs[data-glide] .bt-tab[aria-selected=true]{background:transparent}
+-.bt-drawer-body{flex:1;overflow-y:auto;padding:20px 16px 16px;font-size:13px;line-height:18px;display:flex;flex-direction:column;gap:16px}
+-.bt-empty{text-align:center;color:var(--bt-ink-3);font-size:13px;line-height:18px;padding:8px 12px}
+-.bt-section-title{font-size:12px;color:var(--bt-ink-2);margin-bottom:6px}
+-.bt-muted{color:var(--bt-ink-2)}
+-.bt-swatches{display:flex;flex-wrap:wrap;gap:6px}
+-.bt-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px var(--bt-line-2)}
+-.bt-swatch[aria-pressed=true]{border-color:var(--bt-ink)}
+-.bt-textarea{width:100%;box-sizing:border-box;min-height:120px;border:1px solid var(--bt-line);border-radius:8px;padding:8px;background:var(--bt-card);color:var(--bt-ink);font:inherit;resize:vertical}
+-.bt-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
+-.bt-kv{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:20px;color:var(--bt-ink-2)}
+-.bt-kv span:last-child{color:var(--bt-ink);font-variant-numeric:tabular-nums}
+-.bt-danger{color:#e02135}
 +// src/client/flybot-slots.js
 +var import_react2 = require("react");
 +var call2 = (endpoint, payload) => call(`flybot/${endpoint}`, payload);
@@ -2809,7 +3371,57 @@ diff --git a/client.js b/client.js
 +.bt-flybot-approval-files { margin: 0 0 8px; padding-left: 18px; font-size: 12px; }
 +.bt-file-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 0 30px; }
 +.bt-file-chip { font-size: 12px; padding: 3px 8px; border-radius: 8px; border: 1px solid var(--bt-line, rgba(0,0,0,.15)); background: transparent; cursor: pointer; }
-+
+ 
+-/* Bot settings: fields, the avatar editor popover, and the details-pane sub-view. */
+-.bt-field{display:flex;flex-direction:column;gap:6px}
+-.bt-field-label{font-size:13px;line-height:18px;font-weight:500}
+-.bt-input{width:100%;box-sizing:border-box;height:36px;border:1px solid var(--bt-line);border-radius:8px;padding:0 10px;background:var(--bt-card);color:var(--bt-ink);font:inherit;font-size:13px;outline:none}
+-.bt-input:focus{border-color:var(--bt-line-2)}
+-.bt-input-area{height:auto;min-height:96px;padding:8px 10px;line-height:18px;resize:vertical}
+-.bt-note{font-size:12px;line-height:16px;color:var(--bt-ink-3)}
+-.bt-soft-sm{height:28px;padding:0 12px;font-size:12px}
+-.bt-set-avatar{display:flex;justify-content:center;padding:4px 0}
+-.bt-avatar-anchor{position:relative}
+-.bt-avatar-trigger{position:relative;width:64px;height:64px;border:0;border-radius:50%;background:none;cursor:pointer;padding:0}
+-.bt-avatar-pencil{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:var(--bt-main);border:1px solid var(--bt-line-2);color:var(--bt-ink-2);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.12)}
+-.bt-avedit{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:300px;background:var(--bt-main);border:1px solid var(--bt-line);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.18);padding:10px;z-index:70;display:flex;flex-direction:column;gap:10px;color:var(--bt-ink);transform-origin:top center;animation:bt-pop-drop ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out}
+-.bt-bs .bt-avedit{transform-origin:32px 0}
+-.bt-avedit-top{display:flex;align-items:center;justify-content:space-between}
+-.bt-avedit-tabs{position:relative;display:flex;gap:2px;background:var(--bt-hover);border-radius:999px;padding:2px}
+-.bt-avedit-tab{position:relative;z-index:1;border:0;background:none;border-radius:999px;padding:3px 10px;font-size:12px;line-height:16px;color:var(--bt-ink-2);cursor:pointer}
+-.bt-avedit-tab[aria-selected=true]{background:var(--bt-main);color:var(--bt-ink)}
+-.bt-avedit-tabs>.bt-thumb{top:2px;bottom:2px;border-radius:999px;background:var(--bt-main);box-shadow:0 1px 2px rgba(0,0,0,.06)}
+-.bt-avedit-tabs[data-glide] .bt-avedit-tab[aria-selected=true]{background:transparent}
+-.bt-avedit-reset{color:var(--bt-ink-3)}
+-.bt-avedit-reset:hover{color:var(--bt-ink)}
+-.bt-shapes{display:flex;flex-direction:column;gap:2px}
+-.bt-shape-row{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}
+-.bt-shape{position:relative;aspect-ratio:1;border:0;border-radius:8px;background:none;color:var(--bt-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
+-.bt-shape:hover{background:var(--bt-hover)}
+-.bt-shape .bt-ring{position:absolute;left:50%;top:50%;width:36px;height:36px;translate:-50% -50%;overflow:visible;opacity:0;scale:.82;pointer-events:none;transition:opacity .14s ease,${spring(SPRING_POP, "scale")}}
+-.bt-shape[aria-pressed=true] .bt-ring{opacity:1;scale:1}
+-.bt-colors{display:flex;justify-content:space-between}
+-.bt-color{width:22px;height:22px;border-radius:50%;border:2px solid transparent;padding:2px;background:none;cursor:pointer;box-sizing:border-box;transition:border-color .14s ease,${spring(SPRING_TAP, "scale")}}
+-.bt-color[aria-pressed=true] span{animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
+-.bt-color span{display:block;width:100%;height:100%;border-radius:50%}
+-.bt-color[aria-pressed=true]{border-color:var(--bt-ink)}
+-.bt-dropzone{border:1.5px dashed var(--bt-line-2);border-radius:10px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--bt-ink-2);font-size:12px;line-height:16px;text-align:center}
+-.bt-dropzone[data-over]{border-color:var(--bt-accent);color:var(--bt-ink)}
+-.bt-dropzone img{width:64px;height:64px;border-radius:50%;object-fit:cover}
+-.bt-set-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
+-.bt-about{white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
+-.bt-about[data-open]{display:block;-webkit-line-clamp:unset}
+-.bt-more{border:0;background:none;color:var(--bt-ink-3);font-size:12px;line-height:16px;cursor:pointer;padding:2px 0}
+-.bt-more:hover{color:var(--bt-ink)}
+-.bt-subhead{display:flex;align-items:center;gap:4px;padding:10px 12px 4px}
+-.bt-subhead-title{flex:1;font-size:15px;line-height:24px;font-weight:600;padding-left:4px}
+-.bt-icon-btn{width:28px;height:28px;border-radius:50%;border:0;background:none;color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
+-.bt-icon-btn:hover{background:var(--bt-hover);color:var(--bt-ink)}
+-.bt-set-body{gap:20px}
+-.bt-drawer-model{display:flex;flex-direction:column}
+-.bt-drawer-model .bt-note{margin-top:6px}
+-.bt-drawer-permission{display:flex;flex-direction:column}
+-.bt-seg button.bt-perm-danger,.bt-seg button.bt-perm-danger[aria-pressed=true]{color:#e02135}
 +.bt-flybot-section { margin-top: 8px; border-top: 1px solid var(--bt-line, rgba(0,0,0,.08)); padding-top: 6px; }
 +/* A section whose component renders null leaves the wrapper empty, and an empty wrapper must not draw
 +   the separator: #818's "no border" held for the component but not for the box around it. Keyed on
@@ -2838,7 +3450,66 @@ diff --git a/client.js b/client.js
 +.bt-flybot-pointer-note { opacity: .65; white-space: nowrap; }
 +.bt-flybot-pointer button { border: 0; border-radius: 999px; padding: 3px 10px; font-size: 12px; cursor: pointer; background: var(--bt-accent, #2563eb); color: #fff; }
 +`;
-+
+ 
+-/* Settings dialog: a 198px page list beside the page. */
+-.bt-settings-layer{position:fixed;inset:var(--dsh-frame-chrome-top,0px) 0 0;z-index:60;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
+-.bt-scrim{position:absolute;inset:0;background:rgba(0,0,0,.32);animation:bt-fade .22s ease-out}
+-body[data-ds-dark-theme] .bt-scrim{background:rgba(0,0,0,.5)}
+-.bt-settings{--bt-set-w:min(800px,calc(100vw - 48px));--bt-set-h:min(620px,calc(100vh - 2*max(32px,var(--dsh-frame-overlay-top,32px))));position:relative;width:var(--bt-set-w);height:var(--bt-set-h);background:var(--bt-main);border-radius:16px;border:.5px solid var(--bt-line-2);box-shadow:0 24px 80px rgba(0,0,0,.24);display:flex;overflow:hidden;color:var(--bt-ink);transition:${spring(SPRING_SHAPE, "width", "height")};animation:bt-dialog-rise ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
+-.bt-settings[data-wide]{--bt-set-w:min(1100px,calc(100vw - 48px));--bt-set-h:min(780px,calc(100vh - 2*max(32px,var(--dsh-frame-overlay-top,32px))))}
+-:is(.bt-settings-layer,.bt-mem-layer)[data-leaving]{pointer-events:none}
+-:is(.bt-settings-layer,.bt-mem-layer)[data-leaving] .bt-scrim{opacity:0;transition:opacity .16s ease-in}
+-:is(.bt-settings-layer,.bt-mem-layer)[data-leaving]>[role=dialog]{animation:bt-dialog-sink .16s cubic-bezier(.4,0,1,1) forwards}
+-@keyframes bt-dialog-rise{from{transform:translateY(12px) scale(.96)}}
+-@keyframes bt-dialog-sink{to{opacity:0;transform:translateY(6px) scale(.975);filter:blur(3px)}}
+-@media (prefers-reduced-motion:reduce){.bt-settings{transition:none}.bt-settings,.bt-scrim,.bt-settings-page>*{animation:bt-fade .12s ease-out!important}}
+-.bt-settings-nav{position:relative;width:198px;flex:none;padding:16px 8px;border-right:.5px solid var(--bt-line);display:flex;flex-direction:column;gap:2px;background:var(--bt-sidebar);box-sizing:border-box}
+-.bt-settings-item{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding:6px 8px;border:0;border-radius:8px;background:none;color:var(--bt-ink-2);font:inherit;font-size:13px;line-height:20px;cursor:pointer;text-align:left;transition:background-color .12s ease,color .12s ease}
+-.bt-settings-item:hover{color:var(--bt-ink);background:var(--bt-hover)}
+-.bt-settings-item[aria-current=page]{background:var(--bt-active);color:var(--bt-ink)}
+-.bt-settings-nav>.bt-thumb{left:8px;right:8px;border-radius:8px;background:var(--bt-active)}
+-.bt-settings-nav[data-glide] .bt-settings-item[aria-current=page]{background:transparent}
+-.bt-settings-shell{margin-top:auto}
+-/* Usage while another page is open: out of the flow at Usage's own width, so it keeps
+-   its layout, and not rendered. */
+-.bt-settings-usage[data-off]{position:absolute;top:0;left:198px;width:calc(min(1100px,calc(100vw - 48px)) - 198px);height:100%;box-sizing:border-box;content-visibility:hidden;pointer-events:none}
+-/* The page column takes the dialog's final size at once, so while the dialog resizes
+-   only its edge moves and the page does not lay out again every frame. */
+-.bt-settings-main{flex:none;display:flex;flex-direction:column;min-width:0;width:calc(var(--bt-set-w) - 198px);height:var(--bt-set-h)}
+-.bt-settings-head{display:flex;align-items:center;gap:6px;padding:16px 56px 4px 20px}
+-.bt-settings-head h2{margin:0;font-size:15px;line-height:24px;font-weight:600;animation:bt-veil-in .2s ease-out}
+-.bt-settings-head>.bt-icon-btn{animation:bt-back-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out}
+-@keyframes bt-back-in{from{translate:6px 0;scale:.8}}
+-.bt-settings-scroll{flex:1;overflow-y:auto;padding:12px 20px 24px;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin}
+-.bt-settings-page>:not(.bt-us){animation:bt-page-up ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} backwards,bt-veil-in .22s ease-out backwards}
+-.bt-settings-page[data-move=in]>:not(.bt-us){animation-name:bt-page-in,bt-veil-in}
+-.bt-settings-page[data-move=out]>:not(.bt-us){animation-name:bt-page-out,bt-veil-in}
+-.bt-settings-page>:nth-child(2){animation-delay:30ms}
+-.bt-settings-page>:nth-child(3){animation-delay:60ms}
+-.bt-settings-page>:nth-child(4){animation-delay:90ms}
+-.bt-settings-page>:nth-child(n+5){animation-delay:120ms}
+-@keyframes bt-page-up{from{transform:translateY(10px)}}
+-@keyframes bt-page-in{from{transform:translateX(18px)}}
+-@keyframes bt-page-out{from{transform:translateX(-18px)}}
+-.bt-settings-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:0;background:var(--bt-hover);color:var(--bt-ink-2);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
+-.bt-settings-close:hover{background:var(--bt-active);color:var(--bt-ink)}
+-.bt-settings-form{display:flex;flex-direction:column;gap:16px}
+-.bt-set-section h3{font-size:13px;line-height:18px;font-weight:600;margin:0 0 8px;padding:0 4px}
+-.bt-set-card{border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-card);display:flex;flex-direction:column}
+-.bt-set-card>*+*{border-top:.5px solid var(--bt-line)}
+-.bt-set-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;background:none;color:var(--bt-ink);font:inherit;font-size:13px;line-height:18px;text-align:left;width:100%;box-sizing:border-box;border-radius:0}
+-button.bt-set-row{cursor:pointer}
+-button.bt-set-row:hover{background:var(--bt-hover)}
+-.bt-set-card>.bt-set-row+.bt-set-row{border-top:.5px solid var(--bt-line)}
+-.bt-set-row:first-child{border-top-left-radius:12px;border-top-right-radius:12px}
+-.bt-set-row:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}
+-.bt-set-copy{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
+-.bt-set-hint{font-size:12px;line-height:16px;color:color-mix(in srgb,var(--bt-ink-2) 50%,var(--bt-ink-3))}
+-.bt-set-control{flex:none;display:flex;align-items:center;gap:6px}
+-.bt-set-value{font-size:13px;color:var(--bt-ink-2);text-align:right}
+-.bt-set-bot{flex:1;display:flex;align-items:center;gap:8px;min-width:0}
+-.bt-set-paste{flex-direction:column;align-items:stretch;gap:8px}
+-.bt-chevron{color:var(--bt-ink-3);display:inline-flex;flex:none}
 +// src/shared/failure-copy.js
 +var providerCode = (text2) => {
 +  const json = /"code"\s*:\s*"([A-Za-z0-9_.-]+)"/.exec(text2);
@@ -2865,7 +3536,21 @@ diff --git a/client.js b/client.js
 +  const withFeature = "This model does not support {feature}. Pick another model in the Bot's settings.";
 +  return fill2(translate(withFeature, { feature }), { feature });
 +}
-+
+ 
+-/* Settings → Connectors. */
+-.bt-connector{display:flex;flex-direction:column;gap:10px;padding:12px}
+-.bt-connector-head{display:flex;align-items:center;gap:12px;min-width:0}
+-.bt-connector-mark{flex:none;width:36px;height:36px;border-radius:10px;background:var(--bt-card);border:.5px solid var(--bt-line);display:flex;align-items:center;justify-content:center;color:var(--bt-ink)}
+-.bt-connector-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
+-.bt-connector-name{font-size:14px;line-height:20px;font-weight:500}
+-.bt-connector-status{font-size:12px;line-height:16px;color:var(--bt-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+-.bt-connector[data-state=ready] .bt-connector-status{color:var(--bt-ink-2)}
+-.bt-connector[data-state=error] .bt-connector-status{color:#e02135;white-space:normal}
+-.bt-connector-actions{flex:none;display:flex;gap:6px}
+-.bt-connector-form{display:flex;flex-direction:column;gap:8px;padding-left:48px;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
+-.bt-connector-form-row{display:flex;align-items:center;gap:6px}
+-.bt-connector-link{flex:1;font-size:12px;color:var(--bt-ink-2)}
+-.bt-connector-error{padding-left:48px;font-size:12px;line-height:16px;color:#e02135}
 +// src/shared/turn-failures.js
 +var FAILURE_LINES_SHOWN = 3;
 +var failureLines = (snapshot, place, t2, limit = FAILURE_LINES_SHOWN) => {
@@ -2878,7 +3563,15 @@ diff --git a/client.js b/client.js
 +    ...Number(entry.streak) > 1 ? { streak: Number(entry.streak) } : {}
 +  }));
 +};
-+
+ 
+-/* Shell chrome reshaped for the team view. Selectors use stable data attributes where the
+-   shell offers them and CSS-module name suffixes elsewhere. */
+-[class*="_logoRow"],[class*="_newSession"],nav[class*="_panelList"]{display:none!important}
+-[class*="_footArea"]{display:flex!important;flex-direction:row-reverse;align-items:center;gap:9px;padding:8px 6px 6px!important}
+-[class*="_footArea"]>[class*="_footerActions"]{flex:1 1 auto;min-width:0}
+-[class*="_footArea"]>[class*="_settingsArea"]{flex:none;width:auto!important}
+-[class*="_footArea"] button[aria-label="Settings"]{width:auto!important;padding:0!important;background:none!important;border-radius:50%!important;height:auto!important}
+-[class*="_widthHandle"]{display:none!important}
 +// src/client/turn-failures.js
 +var import_react3 = require("react");
 +function TurnFailures({ sessionId, work }) {
@@ -2908,7 +3601,66 @@ diff --git a/client.js b/client.js
 +.bt-turn-failure{display:flex;gap:6px;align-items:baseline;padding:6px 10px;border-radius:8px;font-size:12px;line-height:1.45;background:color-mix(in srgb,var(--bt-ink) 6%,transparent);color:color-mix(in srgb,var(--bt-ink) 72%,transparent)}
 +.bt-turn-failure-streak{opacity:.72}
 +`;
-+
+ 
+-.bt-voice-pane{flex-direction:column;align-items:center;justify-content:center;animation:bt-fade .2s ease-out}
+-.bt-voice-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;max-width:560px;text-align:center}
+-.bt-voice-orb{position:relative;width:200px;height:200px;display:grid;place-items:center;margin-bottom:8px}
+-.bt-voice-ring{position:absolute;inset:34px;border-radius:50%;background:var(--bt-hover);transform:scale(calc(1 + var(--bt-level,0) * .55));transition:transform .08s linear}
+-.bt-voice-ring-2{inset:14px;background:none;box-shadow:inset 0 0 0 1px var(--bt-line-2);transform:scale(calc(.94 + var(--bt-level,0) * .3));opacity:.8}
+-.bt-voice-stage[data-phase=thinking] .bt-voice-ring{animation:bt-voice-breathe 1.6s ease-in-out infinite}
+-.bt-voice-stage[data-phase=speaking] .bt-voice-ring{animation:bt-voice-speak .9s ease-in-out infinite}
+-@keyframes bt-voice-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
+-@keyframes bt-voice-speak{0%,100%{transform:scale(1.04)}30%{transform:scale(1.2)}60%{transform:scale(1.1)}}
+-.bt-voice-orb>.bt-mark{position:relative}
+-.bt-voice-name{font-size:16px;line-height:22px;font-weight:500}
+-.bt-voice-status{font-size:13px;line-height:18px;color:var(--bt-ink-2);min-height:18px}
+-.bt-voice-caption{min-height:44px;font-size:15px;line-height:22px;color:var(--bt-ink);animation:bt-blur-in .25s ease-out;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
+-.bt-voice-note{font-size:12px;color:#e02135}
+-.bt-voice-setup{height:32px;padding:0 14px;border-radius:16px;border:0;background:var(--bt-hover);color:var(--bt-ink);font:inherit;font-size:13px;cursor:pointer;transition:background-color .15s ease}
+-.bt-voice-setup:hover{background:var(--bt-active)}
+-.bt-voice-bar{display:flex;gap:16px;padding:0 0 32px}
+-.bt-voice-btn{position:relative;width:52px;height:52px;border-radius:50%;border:0;background:var(--bt-hover);color:var(--bt-ink);display:grid;place-items:center;cursor:pointer;transition:background-color .15s ease,transform .12s ease}
+-.bt-voice-btn:hover{background:var(--bt-active)}
+-.bt-voice-btn:active{transform:scale(.94)}
+-.bt-voice-btn[aria-pressed=true]{background:var(--bt-user);color:var(--bt-user-ink)}
+-.bt-voice-slash{position:absolute;width:24px;height:2px;border-radius:1px;background:currentColor;transform:rotate(-45deg)}
+-.bt-voice-end{background:#ff3e51;color:#fff}
+-.bt-voice-end:hover{background:#e02135}
+-@keyframes bt-fade{from{opacity:0}to{opacity:1}}
+-@keyframes bt-blur-in{from{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
+-@media (prefers-reduced-motion:reduce){.bt-voice-pane,.bt-voice-caption,.bt-voice-ring{animation:none!important}}
+-.bt-msg{display:flex;flex-direction:column;align-items:flex-start;max-width:min(80%,560px,calc(100% - 82px))}
+-/* The bubble's row: reactions hang below it, so the hover toolbar (and a group
+-   sender's avatar) line up with the bubble alone. */
+-.bt-msg-line{position:relative;display:flex;align-items:flex-end;gap:8px;max-width:100%}
+-.bt-msg-line>.bt-bubble{max-width:none;min-width:0}
+-/* The same bubble width as beside an avatar column: 80% of (100% - 30px), plus the 30px. */
+-.bt-astack[data-lead]>.bt-msg{max-width:min(calc(80% + 6px),590px,calc(100% - 52px))}
+-.bt-tools{position:absolute;top:50%;left:100%;margin-left:6px;transform:translateY(-50%);display:flex;gap:2px;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility .12s}
+-.bt-tools::after{content:"";position:absolute;top:-8px;bottom:-8px;right:100%;width:128px;z-index:-1}
+-.bt-msg:hover>.bt-msg-line>.bt-tools,.bt-msg:focus-within>.bt-msg-line>.bt-tools,.bt-tools[data-open]{opacity:1;visibility:visible}
+-.bt-tool{width:24px;height:24px;border:0;padding:0;border-radius:6px;background:none;color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .12s ease,color .12s ease}
+-.bt-tool:hover,.bt-tool[aria-expanded=true]{background:var(--bt-hover);color:var(--bt-ink)}
+-.bt-tool:active{background:var(--bt-active)}
+-.bt-tool:focus-visible{outline:2px solid var(--bt-accent);outline-offset:-2px}
+-.bt-react-strip{position:fixed;z-index:60;pointer-events:auto;display:flex;gap:2px;padding:4px;border-radius:999px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 10px 20px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.06);transform:translate(-50%,-100%);transform-origin:bottom center;animation:bt-pop-lift ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .14s ease-out}
+-.bt-react-strip button{width:32px;height:32px;border:0;border-radius:50%;background:none;font-size:18px;line-height:1;cursor:pointer;transition:background-color .12s ease,${spring(SPRING_POP, "transform")};animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} backwards}
+-.bt-react-strip button:nth-child(2){animation-delay:20ms}
+-.bt-react-strip button:nth-child(3){animation-delay:40ms}
+-.bt-react-strip button:nth-child(4){animation-delay:60ms}
+-.bt-react-strip button:nth-child(n+5){animation-delay:80ms}
+-.bt-react-strip button:hover{background:var(--bt-hover);transform:scale(1.15)}
+-.bt-react-strip button:active{transform:scale(.92)}
+-.bt-reacts{display:flex;gap:4px;margin-top:4px}
+-.bt-react{height:22px;min-width:30px;padding:0 6px;border-radius:999px;border:.5px solid var(--bt-line-2);background:var(--bt-main);font-size:13px;line-height:20px;cursor:pointer;animation:bt-react-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing};transition:background-color .12s ease,${spring(SPRING_TAP, "scale")}}
+-.bt-react:hover{background:var(--bt-hover)}
+-.bt-react:active{scale:.92}
+-@keyframes bt-react-pop{from{transform:scale(.6);opacity:0}}
+-.bt-bubble a[href^="${MENTION_ORIGIN}"] svg{display:none}
+-.bt-you{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bt-ink) 5%,var(--bt-sidebar));color:var(--bt-ink-2);box-shadow:inset 0 0 0 1px var(--bt-line);transition:background-color .12s ease}
+-button:hover .bt-you{background:color-mix(in srgb,var(--bt-ink) 9%,var(--bt-sidebar))}
+-.bt-you-wrap{display:inline-flex;padding:0}
+-.bt-connect-foot{width:100%;height:36px}
 +// src/client/themes.js
 +var THEME_KEYS = ["bg", "sidebar", "bubble", "card", "text", "user", "userText", "accent"];
 +var THEMES = {
@@ -3013,7 +3765,114 @@ diff --git a/client.js b/client.js
 +  };
 +}
 +var allThemes = () => ({ ...THEMES, ...customThemes });
-+
+ 
+-.bt-menu{position:fixed;pointer-events:auto;z-index:60;min-width:200px;padding:6px;border-radius:12px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 10px 20px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1),0 0 0 1px rgba(228,228,228,.04);display:flex;flex-direction:column;gap:2px;transform-origin:var(--bt-origin,top left);animation:bt-pop-drop ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .14s ease-out;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;box-sizing:border-box}
+-.bt-menu button{display:flex;align-items:center;gap:4px;width:100%;min-height:30px;text-align:left;border:0;background:none;border-radius:6px;padding:6px 8px;font:inherit;font-size:13px;line-height:18px;color:var(--bt-ink);cursor:pointer;box-sizing:border-box}
+-.bt-menu button:hover{background:var(--bt-hover)}
+-.bt-menu button svg{flex:none;width:16px;height:16px;margin:0 1px}
+-.bt-menu .bt-danger{color:#c21d2e}
+-.bt-menu-sep{height:.5px;flex:none;background:var(--bt-line-2);margin:4px 8px}
+-.bt-menu-up{--bt-origin:bottom left;animation-name:bt-pop-lift,bt-veil-in}
+-.bt-menu[data-leaving]{pointer-events:none;animation:bt-pop-out .12s cubic-bezier(.4,0,1,1) forwards}
+-.bt-menu-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+-.bt-menu-hint{flex:none;color:var(--bt-ink-3);font-size:12px;font-variant-numeric:tabular-nums}
+-.bt-palette-layer{position:fixed;inset:var(--dsh-frame-chrome-top,0px) 0 0;z-index:70;pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
+-.bt-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.46);animation:bt-fade .22s ease-out}
+-.bt-palette{position:absolute;top:50%;left:50%;width:min(560px,92vw);transform:translate(-50%,-50%);display:flex;flex-direction:column;border-radius:12px;background:var(--bt-main);border:1px solid var(--bt-line-2);box-shadow:0 24px 48px -12px rgba(0,0,0,.25);overflow:hidden;color:var(--bt-ink);animation:bt-palette-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
+-.bt-palette-layer[data-leaving]{pointer-events:none}
+-.bt-palette-layer[data-leaving] .bt-backdrop{opacity:0;transition:opacity .16s ease-in}
+-.bt-palette-layer[data-leaving] .bt-palette{animation:bt-dialog-sink .16s cubic-bezier(.4,0,1,1) forwards}
+-@keyframes bt-palette-in{from{translate:0 -10px;scale:.96}}
+-.bt-palette-head{display:flex;align-items:center;gap:4px;padding:14px 10px 14px 14px;border-bottom:.5px solid var(--bt-line-2)}
+-.bt-palette-glyph{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;color:var(--bt-ink-3);margin-right:4px}
+-.bt-palette-head input{flex:1;min-width:0;border:0;outline:none;background:none;color:var(--bt-ink);font:inherit;font-size:15px;line-height:22px;padding:0}
+-.bt-palette-head input::placeholder{color:var(--bt-ink-3)}
+-.bt-palette-clear{width:18px;height:18px;border:0;padding:0;border-radius:6px;background:none;color:var(--bt-ink-3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
+-.bt-palette-clear:hover{color:var(--bt-ink)}
+-.bt-palette-clear svg{width:12px;height:12px}
+-.bt-palette-list{position:relative;height:402px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px;box-sizing:border-box}
+-.bt-palette-list>.bt-thumb,.bt-drop-list>.bt-thumb{left:0;right:0;border-radius:8px;background:var(--bt-active)}
+-.bt-palette-list>.bt-thumb{left:8px;right:8px}
+-:is(.bt-palette-list,.bt-drop-list)[data-glide] [aria-selected=true]{background:transparent}
+-:is(.bt-palette-row,.bt-palette-section,.bt-drop-list>.bt-option){position:relative;z-index:1}
+-.bt-palette-section{padding:8px 8px 4px;font-size:12px;line-height:16px;color:var(--bt-ink-3);flex:none}
+-.bt-palette-section:first-of-type{padding-top:0}
+-.bt-palette-row{flex:none;display:flex;align-items:center;gap:8px;height:49px;padding:6px 10px 6px 8px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;width:100%}
+-.bt-palette-row[aria-selected=true]{background:var(--bt-active)}
+-.bt-palette-lead{flex:none;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}
+-.bt-palette-cmd{width:24px;height:24px;border-radius:50%;background:var(--bt-hover);display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink-2)}
+-.bt-palette-cmd svg{width:14px;height:14px}
+-.bt-palette-agent{width:24px;height:24px;border-radius:50%;background:var(--bt-hover);display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink)}
+-.bt-palette-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
+-.bt-palette-title{font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+-.bt-palette-sub{font-size:12px;line-height:16px;color:var(--bt-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+-.bt-palette-badge{flex:none;font-size:11px;line-height:16px;padding:0 6px;border-radius:4px;background:var(--bt-tag-bg);color:var(--bt-tag-ink)}
+-.bt-palette-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 16px;text-align:center;animation:bt-veil-in .22s ease-out}
+-.bt-palette-empty-icon{color:var(--bt-line-2)}
+-.bt-palette-empty-icon svg{width:32px;height:32px}
+-.bt-palette-empty-label{font-size:14px;font-weight:500;color:var(--bt-ink-2)}
+-.bt-palette-empty-hint{font-size:13px;line-height:16px;color:var(--bt-ink-3)}
+-@media (prefers-reduced-motion:reduce){.bt-palette{animation:bt-fade .1s ease-out}}
+-.bt-account-menu{width:224px}
+-.bt-account{flex:none;width:36px;height:36px;border:0;padding:0;background:none;border-radius:50%;cursor:pointer;display:inline-flex}
+-.bt-account:hover .bt-you,.bt-account[aria-expanded=true] .bt-you{background:color-mix(in srgb,var(--bt-ink) 9%,var(--bt-sidebar))}
+-/* Popover keyframes move translate and scale, which compose with a transform the popover
+-   already has. */
+-@keyframes bt-pop-drop{from{translate:0 -4px;scale:.96}}
+-@keyframes bt-pop-lift{from{translate:0 4px;scale:.96}}
+-@keyframes bt-pop-out{to{opacity:0;scale:.97;filter:blur(2px)}}
+-@keyframes bt-veil-in{from{opacity:0;filter:blur(6px)}}
+-@keyframes bt-check-pop{from{opacity:0;scale:.4}}
+-@media (prefers-reduced-motion:reduce){.bt-menu,.bt-avedit,.bt-react-strip{animation:bt-fade .1s ease-out}.bt-react-strip button,.bt-q-check,.bt-color[aria-pressed=true] span{animation:none}}
+-.bt-brand:hover{background:var(--bt-hover)}
+-.bt-drop-list{position:relative;display:flex;flex-direction:column;gap:2px}
+-.bt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
+-.bt-pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 2px 6px;border-radius:10px;border:1px solid transparent;background:none;color:var(--bt-ink);cursor:pointer;font:inherit;font-size:11px;line-height:14px;min-width:0}
+-.bt-pick:hover{background:var(--bt-hover)}
+-.bt-pick[aria-pressed=true]{border-color:var(--bt-line-2);background:var(--bt-hover)}
+-.bt-pick>span:last-child:not(.bt-mark){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+-.bt-pick:hover .bt-mark[data-state=idle] .bt-eye{animation:bt-blink .5s linear 1}
+-.bt-select{width:100%;height:34px;box-sizing:border-box;border-radius:8px;border:1px solid var(--bt-line);background:var(--bt-card);color:var(--bt-ink);padding:0 8px;font:inherit;font-size:13px}
+-.bt-note{font-size:12px;line-height:16px;color:var(--bt-ink-2);margin-top:6px}
+-.bt-swatch-sep{width:1px;height:22px;background:var(--bt-line-2);margin:0 2px}
+-.bt-swatch-custom{position:relative;overflow:hidden;background:conic-gradient(#ff3e51,#ffaf38,#00c972,#1cc3b0,#2a92fe,#a97efe,#ff5eb1,#ff3e51);box-sizing:border-box}
+-.bt-swatch-custom[data-on=true]{border-color:var(--bt-ink)}
+-.bt-swatch-custom input{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);opacity:0;cursor:pointer;border:0;padding:0}
+-.bt-swatch-default{background:linear-gradient(135deg,var(--bt-card) 0 46%,var(--bt-line-2) 46% 54%,var(--bt-card) 54%);box-shadow:inset 0 0 0 1px var(--bt-line-2)}
+-.bt-states{display:flex;flex-wrap:wrap;gap:4px}
+-.bt-state{border:1px solid var(--bt-line);background:none;border-radius:999px;font:inherit;font-size:11px;line-height:16px;padding:2px 8px;color:var(--bt-ink-2);cursor:pointer}
+-.bt-state:hover{color:var(--bt-ink)}
+-.bt-state[aria-pressed=true]{background:var(--bt-active);border-color:var(--bt-line-2);color:var(--bt-ink)}
+-.bt-theme-chip{position:relative;width:46px;height:30px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--bt-line-2);background:linear-gradient(90deg,var(--ls) 0 36%,var(--lb) 36%);overflow:hidden}
+-.bt-theme-chip i{position:absolute;right:7px;bottom:7px;width:10px;height:10px;border-radius:50%;background:var(--la)}
+-body[data-ds-dark-theme] .bt-theme-chip{background:linear-gradient(90deg,var(--ds) 0 36%,var(--db) 36%)}
+-body[data-ds-dark-theme] .bt-theme-chip i{background:var(--da)}
+-.bt-tabs{flex-wrap:wrap}
+-.bt-soft:disabled{opacity:.4;cursor:default}
+-.bt-group-role{margin-left:6px;font-size:11px;line-height:14px;padding:1px 5px;border-radius:4px;background:var(--bt-tag-bg);color:var(--bt-tag-ink);vertical-align:1px}
+-.bt-members{display:flex;flex-direction:column;gap:1px}
+-.bt-member{display:flex;align-items:center;gap:4px;min-height:40px;padding:0 4px 0 6px;border-radius:8px;animation:bt-rise .18s ease-out}
+-.bt-member:hover{background:var(--bt-hover)}
+-.bt-member-name{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:none;padding:6px 0;color:var(--bt-ink);font:inherit;font-size:14px;line-height:20px;cursor:pointer;text-align:left}
+-.bt-member-name>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+-.bt-chip-admin{background:var(--bt-tag-bg);color:var(--bt-tag-ink);border-color:transparent}
+-.bt-mini{flex:none;border:0;background:none;border-radius:6px;padding:2px 6px;font:inherit;font-size:12px;line-height:18px;color:var(--bt-ink-2);cursor:pointer}
+-.bt-mini:hover{background:var(--bt-active);color:var(--bt-ink)}
+-.bt-member .bt-mini,.bt-member .bt-x{opacity:0;transition:opacity .15s ease}
+-.bt-member:hover .bt-mini,.bt-member:hover .bt-x,.bt-member .bt-mini:focus-visible,.bt-member .bt-x:focus-visible{opacity:1}
+-.bt-add{color:var(--bt-ink-2);margin-top:2px}
+-.bt-add:hover,.bt-addlist .bt-option:hover{background:var(--bt-hover);color:var(--bt-ink)}
+-.bt-addlist{display:flex;flex-direction:column;margin-top:4px;padding:4px;border:1px solid var(--bt-line);border-radius:10px;background:var(--bt-card);animation:bt-rise .16s ease-out}
+-.bt-seg{position:relative;display:flex;gap:2px;padding:2px;border-radius:10px;background:var(--bt-hover)}
+-.bt-motion-seg{width:216px}
+-.bt-seg button{position:relative;z-index:1;flex:1;height:30px;border:0;border-radius:8px;background:none;font:inherit;font-size:13px;color:var(--bt-ink-2);cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,${spring(SPRING_TAP, "scale")}}
+-.bt-seg button[aria-pressed=true]{background:var(--bt-card);color:var(--bt-ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
+-.bt-seg button:disabled{opacity:.4;cursor:default}
+-.bt-seg button:active:not(:disabled){scale:.96}
+-.bt-seg>.bt-thumb{top:2px;bottom:2px;border-radius:8px;background:var(--bt-card);box-shadow:0 1px 3px rgba(0,0,0,.08)}
+-.bt-seg[data-glide] button[aria-pressed=true]{background:transparent;box-shadow:none}
+-@keyframes bt-rise{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
+-@media (prefers-reduced-motion:reduce){.bt-member,.bt-addlist{animation:none}}
 +// src/client/mention-style.js
 +function chipKey(bot) {
 +  if (/\s/.test(bot?.name)) return null;
@@ -3040,115 +3899,270 @@ diff --git a/client.js b/client.js
 +    return `${anchor}{color:${inkText(look.color)}}${chipBase}${mark}`;
 +  }).join("\n");
 +}
-+
+ 
+-/* Memory dialog: a summary of every entry, the entries behind the menu, "Ask or update" below. */
+-.bt-mem-row{display:flex;align-items:center;gap:8px;width:100%;height:36px;padding:0 8px 0 10px;border:.5px solid var(--bt-line-2);border-radius:10px;background:var(--bt-card);color:var(--bt-ink);font:inherit;font-size:13px;cursor:pointer;box-sizing:border-box;transition:background-color .12s ease}
+-.bt-mem-row:hover{background:var(--bt-hover)}
+-.bt-mem-row>svg{flex:none;color:var(--bt-ink-2)}
+-.bt-mem-row-copy{flex:1;text-align:left}
+-.bt-mem-row-go{display:inline-flex;align-items:center;gap:2px;color:var(--bt-ink-3);font-size:12px}
+-.bt-mem-layer{position:fixed;inset:var(--dsh-frame-chrome-top,0px) 0 0;z-index:61;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
+-.bt-mem-scrim{animation:bt-fade .2s ease-out}
+-.bt-mem{position:relative;width:min(680px,calc(100vw - 48px));height:min(760px,calc(100vh - 2*max(32px,var(--dsh-frame-overlay-top,32px))));background:var(--bt-main);border-radius:20px;border:.5px solid var(--bt-line-2);box-shadow:0 24px 80px rgba(0,0,0,.24);display:flex;flex-direction:column;overflow:hidden;color:var(--bt-ink);animation:bt-dialog-rise ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
+-.bt-mem-head{position:relative;display:flex;align-items:center;gap:8px;height:60px;flex:none;padding:0 14px 0 24px;border-bottom:.5px solid var(--bt-line);box-sizing:border-box}
+-.bt-mem-head .bt-icon-btn{width:32px;height:32px;flex:none}
+-.bt-mem-head [aria-haspopup] svg{width:18px;height:18px;stroke-width:2.6}
+-.bt-mem-head>.bt-icon-btn:first-child{margin-left:-10px}
+-.bt-mem-head h2{margin:0;font-size:17px;line-height:24px;font-weight:600;white-space:nowrap}
+-.bt-mem-status{font-size:13px;line-height:18px;color:var(--bt-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-variant-numeric:tabular-nums}
+-.bt-mem-head-gap{flex:1}
+-.bt-mem-menu{position:absolute;top:52px;right:50px;min-width:220px;--bt-origin:top right}
+-.bt-mem-menu button:disabled{opacity:.4;cursor:default;background:none}
+-.bt-mem-body{flex:1;overflow-y:auto;padding:22px 28px 24px;scrollbar-width:thin;display:flex;flex-direction:column;gap:12px}
+-.bt-mem-summary{transition:opacity .3s ease}
+-.bt-mem-summary[data-stale]{opacity:.55}
+-.bt-mem-summary h3{margin:20px 0 6px;font-size:17px;line-height:26px;font-weight:600}
+-.bt-mem-summary h3:first-child{margin-top:0}
+-.bt-mem-summary p{margin:0;font-size:15px;line-height:26px}
+-.bt-mem-summary>*{animation:bt-mem-line .45s cubic-bezier(.16,1,.3,1) both}
+-.bt-mem-summary>:nth-child(2){animation-delay:.03s}
+-.bt-mem-summary>:nth-child(3){animation-delay:.06s}
+-.bt-mem-summary>:nth-child(4){animation-delay:.09s}
+-.bt-mem-summary>:nth-child(5){animation-delay:.12s}
+-.bt-mem-summary>:nth-child(6){animation-delay:.15s}
+-.bt-mem-summary>:nth-child(n+7){animation-delay:.18s}
 +// src/client/motion.js
 +var import_react4 = require("react");
- var reducedMotion = () => window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true;
- function springEasing(stiffness, damping) {
-   const w0 = Math.sqrt(stiffness);
-@@ -1659,12 +1659,12 @@
-     const dt = Math.min(0.5, Math.max(1e-3, (now - last) / 1e3));
-     last = now;
-     const steps = Math.ceil(dt * 240);
--    const h34 = dt / steps;
++var reducedMotion = () => window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true;
++function springEasing(stiffness, damping) {
++  const w0 = Math.sqrt(stiffness);
++  const zeta = damping / (2 * w0);
++  const at = (t2) => {
++    if (zeta >= 1) return 1 - (1 + w0 * t2) * Math.exp(-w0 * t2);
++    const wd = w0 * Math.sqrt(1 - zeta * zeta);
++    return 1 - Math.exp(-zeta * w0 * t2) * (Math.cos(wd * t2) + zeta * w0 / wd * Math.sin(wd * t2));
++  };
++  let end = 0.05;
++  while (end < 2 && Math.abs(1 - at(end)) > 1e-3) end += 0.01;
++  const points = Array.from({ length: 25 }, (_, index) => (index === 24 ? 1 : at(end * index / 24)).toFixed(4));
++  return { duration: Math.round(end * 1e3), easing: `linear(${points.join(",")})`, stiffness, damping };
++}
++var SPRING_SHAPE = springEasing(400, 31.2);
++var SPRING_TAP = springEasing(900, 48);
++var SPRING_LIST = springEasing(484, 35.2);
++var SPRING_STRETCH = springEasing(320, 20);
++var SPRING_POP = springEasing(500, 22);
++var SPRING_LEAD = springEasing(784, 48.2);
++var SPRING_TRAIL = springEasing(289, 29.2);
++var QUICK_EDGES = { lead: springEasing(900, 51), trail: springEasing(400, 34) };
++var spring = (curve, ...properties) => properties.map((property) => `${property} ${curve.duration}ms ${curve.easing}`).join(",");
++function liveSprings(apply2) {
++  const values = /* @__PURE__ */ new Map();
++  let frame = 0;
++  let last = 0;
++  const read = () => Object.fromEntries([...values].map(([key, value]) => [key, value.x]));
++  const step = (now) => {
++    const dt = Math.min(0.5, Math.max(1e-3, (now - last) / 1e3));
++    last = now;
++    const steps = Math.ceil(dt * 240);
 +    const h50 = dt / steps;
-     let moving = false;
-     for (const value of values.values()) {
-       for (let index = 0; index < steps; index += 1) {
--        value.v += (-value.k * (value.x - value.to) - value.c * value.v) * h34;
--        value.x += value.v * h34;
++    let moving = false;
++    for (const value of values.values()) {
++      for (let index = 0; index < steps; index += 1) {
 +        value.v += (-value.k * (value.x - value.to) - value.c * value.v) * h50;
 +        value.x += value.v * h50;
-       }
-       if (Math.abs(value.x - value.to) < 0.05 && Math.abs(value.v) < 1) {
-         value.x = value.to;
-@@ -1699,10 +1699,10 @@
- }
- var CHOSEN = '[aria-pressed="true"],[aria-selected="true"],[aria-current="page"]';
- function useGlide(key, { axis = "x", selector = CHOSEN, lead = SPRING_LEAD, trail = SPRING_TRAIL, box: given } = {}) {
--  const ownBox = (0, import_react.useRef)(null);
++      }
++      if (Math.abs(value.x - value.to) < 0.05 && Math.abs(value.v) < 1) {
++        value.x = value.to;
++        value.v = 0;
++      } else moving = true;
++    }
++    apply2(read());
++    frame = moving ? requestAnimationFrame(step) : 0;
++  };
++  return {
++    target: () => values.size ? Object.fromEntries([...values].map(([key, value]) => [key, value.to])) : null,
++    set(targets, curves, jump) {
++      for (const [key, to] of Object.entries(targets)) {
++        const value = values.get(key);
++        const { stiffness: k, damping: c } = curves[key];
++        if (!value || jump) values.set(key, { x: to, v: 0, to, k, c });
++        else Object.assign(value, { to, k, c });
++      }
++      if (jump) {
++        cancelAnimationFrame(frame);
++        frame = 0;
++        apply2(read());
++        return;
++      }
++      if (!frame) {
++        last = performance.now();
++        frame = requestAnimationFrame(step);
++      }
++    },
++    stop: () => cancelAnimationFrame(frame)
++  };
++}
++var CHOSEN = '[aria-pressed="true"],[aria-selected="true"],[aria-current="page"]';
++function useGlide(key, { axis = "x", selector = CHOSEN, lead = SPRING_LEAD, trail = SPRING_TRAIL, box: given } = {}) {
 +  const ownBox = (0, import_react4.useRef)(null);
-   const box = given ?? ownBox;
--  const thumb = (0, import_react.useRef)(null);
--  const own = (0, import_react.useRef)(null);
++  const box = given ?? ownBox;
 +  const thumb = (0, import_react4.useRef)(null);
 +  const own = (0, import_react4.useRef)(null);
-   if (own.current === null) {
-     own.current = {
-       key: void 0,
-@@ -1736,7 +1736,7 @@
-     springs.set({ start, end }, forward ? { start: trail, end: lead } : { start: lead, end: trail }, jump || hidden || before === null || reducedMotion());
-     container.dataset.glide = "";
-   };
--  (0, import_react.useLayoutEffect)(() => {
++  if (own.current === null) {
++    own.current = {
++      key: void 0,
++      node: null,
++      observer: null,
++      springs: liveSprings(({ start, end }) => {
++        const knob = thumb.current;
++        if (!knob) return;
++        knob.style.transform = axis === "x" ? `translateX(${start}px)` : `translateY(${start}px)`;
++        knob.style[axis === "x" ? "width" : "height"] = `${Math.max(0, end - start)}px`;
++      })
++    };
++  }
++  const place = (jump) => {
++    const container = box.current;
++    const knob = thumb.current;
++    if (!container || !knob) return;
++    const chosen = container.querySelector(selector);
++    if (!chosen) {
++      knob.dataset.hidden = "";
++      return;
++    }
++    const start = axis === "x" ? chosen.offsetLeft : chosen.offsetTop;
++    const end = start + (axis === "x" ? chosen.offsetWidth : chosen.offsetHeight);
++    const { springs } = own.current;
++    const before = springs.target();
++    const hidden = knob.dataset.hidden !== void 0;
++    if (jump && !hidden && before?.start === start && before?.end === end && container.dataset.glide !== void 0) return;
++    delete knob.dataset.hidden;
++    const forward = before === null || start >= before.start;
++    springs.set({ start, end }, forward ? { start: trail, end: lead } : { start: lead, end: trail }, jump || hidden || before === null || reducedMotion());
++    container.dataset.glide = "";
++  };
 +  (0, import_react4.useLayoutEffect)(() => {
-     const state = own.current;
-     const node = box.current;
-     if (node === state.node && key === state.key) return;
-@@ -1750,7 +1750,7 @@
-     }
-     place(fresh);
-   });
--  (0, import_react.useEffect)(() => () => {
++    const state = own.current;
++    const node = box.current;
++    if (node === state.node && key === state.key) return;
++    const fresh = node !== state.node;
++    state.key = key;
++    if (fresh) {
++      state.observer?.disconnect();
++      state.node = node;
++      state.observer = node && typeof ResizeObserver === "function" ? new ResizeObserver(() => place(true)) : null;
++      state.observer?.observe(node);
++    }
++    place(fresh);
++  });
 +  (0, import_react4.useEffect)(() => () => {
-     own.current.observer?.disconnect();
-     own.current.springs.stop();
-   }, []);
-@@ -1758,16 +1758,16 @@
- }
- function Segmented({ label, value, className, children }) {
-   const glide = useGlide(value);
--  return (0, import_react.createElement)(
++    own.current.observer?.disconnect();
++    own.current.springs.stop();
++  }, []);
++  return { box, thumb };
++}
++function Segmented({ label, value, className, children }) {
++  const glide = useGlide(value);
 +  return (0, import_react4.createElement)(
-     "div",
-     { ref: glide.box, className: className ? `bt-seg ${className}` : "bt-seg", role: "group", "aria-label": label },
--    (0, import_react.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
++    "div",
++    { ref: glide.box, className: className ? `bt-seg ${className}` : "bt-seg", role: "group", "aria-label": label },
 +    (0, import_react4.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
-     children
-   );
- }
- function useFlip(list, key, selector, id = (node) => node.dataset.flip) {
--  const tops = (0, import_react.useRef)(null);
--  (0, import_react.useLayoutEffect)(() => {
++    children
++  );
++}
++function useFlip(list, key, selector, id = (node) => node.dataset.flip) {
 +  const tops = (0, import_react4.useRef)(null);
 +  (0, import_react4.useLayoutEffect)(() => {
-     const container = list.current;
-     if (!container) return;
-     const next = /* @__PURE__ */ new Map();
-@@ -1788,8 +1788,8 @@
-   }, [key]);
- }
- function useMorph(box, key) {
--  const last = (0, import_react.useRef)({ key, height: null });
--  (0, import_react.useLayoutEffect)(() => {
++    const container = list.current;
++    if (!container) return;
++    const next = /* @__PURE__ */ new Map();
++    const moving = tops.current !== null && !reducedMotion();
++    for (const node of container.querySelectorAll(selector)) {
++      const name = id(node);
++      const top = node.offsetTop;
++      next.set(name, top);
++      if (!moving) continue;
++      const before = tops.current.get(name);
++      if (before === void 0) {
++        node.animate([{ opacity: 0, filter: "blur(4px)" }, { opacity: 1, filter: "blur(0)" }], { duration: 180, easing: "ease-out" });
++      } else if (Math.abs(before - top) > 0.5) {
++        node.animate([{ transform: `translateY(${before - top}px)` }, { transform: "none" }], { duration: SPRING_LIST.duration, easing: SPRING_LIST.easing });
++      }
++    }
++    tops.current = next;
++  }, [key]);
++}
++function useMorph(box, key) {
 +  const last = (0, import_react4.useRef)({ key, height: null });
 +  (0, import_react4.useLayoutEffect)(() => {
-     const node = box.current;
-     const state = last.current;
-     if (!node) {
-@@ -1817,8 +1817,8 @@
-   });
- }
- function useLinger(value, ms) {
--  const [kept, setKept] = (0, import_react.useState)(value);
--  (0, import_react.useEffect)(() => {
++    const node = box.current;
++    const state = last.current;
++    if (!node) {
++      last.current = { key, height: null };
++      return;
++    }
++    const running = node.getAnimations().filter((animation2) => animation2.id === "bt-morph");
++    if (key === state.key) {
++      if (running.length === 0) state.height = node.offsetHeight;
++      return;
++    }
++    const from = running.length ? node.offsetHeight : state.height;
++    for (const animation2 of running) animation2.cancel();
++    const to = node.offsetHeight;
++    last.current = { key, height: to };
++    if (from === null || Math.abs(from - to) < 1 || reducedMotion()) return;
++    node.dataset.morph = "";
++    const animation = node.animate([{ height: `${from}px` }, { height: `${to}px` }], { duration: SPRING_SHAPE.duration, easing: SPRING_SHAPE.easing, id: "bt-morph" });
++    animation.onfinish = () => {
++      delete node.dataset.morph;
++    };
++    animation.oncancel = () => {
++      if (!node.getAnimations().some((other) => other.id === "bt-morph" && other !== animation)) delete node.dataset.morph;
++    };
++  });
++}
++function useLinger(value, ms) {
 +  const [kept, setKept] = (0, import_react4.useState)(value);
 +  (0, import_react4.useEffect)(() => {
-     if (value) {
-       setKept(value);
-       return void 0;
-@@ -1838,6 +1838,7 @@
- .bt-mark{display:inline-block;flex:none;position:relative;line-height:0}
- .bt-mark svg{width:100%;height:100%;overflow:visible}
- .bt-mark-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;box-shadow:inset 0 0 0 1px var(--bt-line)}
++    if (value) {
++      setKept(value);
++      return void 0;
++    }
++    const timer = setTimeout(() => setKept(value), reducedMotion() ? 0 : ms);
++    return () => clearTimeout(timer);
++  }, [value]);
++  return [value || kept, !value && Boolean(kept)];
++}
++
++// src/client/styles.js
++var SHELL_CSS = `
++body{--bt-ink:#141414;--bt-ink-2:rgba(20,20,20,.6);--bt-ink-3:rgba(20,20,20,.36);--bt-bubble:#eeeeee;--bt-sidebar:#f7f7f7;--bt-main:#fcfcfc;--bt-line:rgba(20,20,20,.08);--bt-line-2:rgba(20,20,20,.15);--bt-line-weak:rgba(20,20,20,.1);--bt-hover:rgba(119,119,119,.09);--bt-active:rgba(119,119,119,.17);--bt-card:#ffffff;--bt-accent:#4d6bfe;--bt-green:#00c972;--bt-star:#ff9800;--bt-user:#070707;--bt-user-ink:#fcfcfc;--bt-tag-bg:rgba(20,20,20,.06);--bt-tag-ink:rgba(20,20,20,.56)}
++body[data-ds-dark-theme]{--bt-ink:#f2f2f2;--bt-ink-2:rgba(242,242,242,.6);--bt-ink-3:rgba(242,242,242,.36);--bt-bubble:#262626;--bt-sidebar:#1b1b1b;--bt-main:#141414;--bt-line:rgba(255,255,255,.08);--bt-line-2:rgba(255,255,255,.15);--bt-line-weak:rgba(255,255,255,.1);--bt-hover:rgba(160,160,160,.12);--bt-active:rgba(160,160,160,.2);--bt-card:#1f1f1f;--bt-user:#f2f2f2;--bt-user-ink:#141414;--bt-tag-bg:rgba(255,255,255,.09);--bt-tag-ink:rgba(242,242,242,.62)}
++${Object.entries(INKS).map(([name, [light]]) => `body{--bt-ink-${name}:${light}}`).join("")}
++${Object.entries(INKS).map(([name, [, dark]]) => `body[data-ds-dark-theme]{--bt-ink-${name}:${dark}}`).join("")}
++.bt-mark{display:inline-block;flex:none;position:relative;line-height:0}
++.bt-mark svg{width:100%;height:100%;overflow:visible}
++.bt-mark-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;box-shadow:inset 0 0 0 1px var(--bt-line)}
 +.bt-mark-emoji{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;user-select:none}
- .bt-mark .bt-b,.bt-mark .bt-eye,.bt-mark .bt-eyes,.bt-mark .bt-gaze{transform-box:fill-box}
- .bt-mark .bt-b{transform-origin:50% 100%}
- .bt-mark .bt-eye,.bt-mark .bt-eyes{transform-origin:center}
-@@ -1856,6 +1856,14 @@
- @keyframes bt-fidget-look{0%,22%,100%{transform:none}3%,9%{transform:translateX(-14%)}12%,19%{transform:translateX(14%)}}
- body[data-bt-motion=lively] .bt-badge-alert{right:auto;bottom:auto;left:50%;top:calc(var(--bt-size,36px) * -.14);translate:-50% 0;animation:bt-q-ride 1.3s cubic-bezier(.3,.7,.4,1) infinite}
- body[data-bt-motion=lively] :is(.bt-row,.bt-tile)>.bt-mark:hover .bt-badge-alert{animation:none}
++.bt-mark .bt-b,.bt-mark .bt-eye,.bt-mark .bt-eyes,.bt-mark .bt-gaze{transform-box:fill-box}
++.bt-mark .bt-b{transform-origin:50% 100%}
++.bt-mark .bt-eye,.bt-mark .bt-eyes{transform-origin:center}
++/* Motion levels (Settings → Bots → Animation) set body[data-bt-motion]: quiet moves a
++   mark only for its state; normal, the default, adds petting, pokes and eyes that follow
++   the pointer; lively adds blinks and fidgets at rest and a question riding on the head. */
++body[data-bt-motion=lively] .bt-mark[data-live]:is([data-state=idle],[data-state=alert]) .bt-eye{animation:bt-blink-idle 5s linear infinite;animation-delay:var(--bt-delay,0s)}
++body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle]:is([data-fidget=hop],[data-fidget=sway],[data-fidget=stretch]) :is(.bt-b,.bt-mark-img){animation:var(--bt-fidget) 9s ease-in-out var(--bt-fidget-delay,0s) infinite}
++body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle][data-fidget=hop]{--bt-fidget:bt-fidget-hop}
++body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle][data-fidget=sway]{--bt-fidget:bt-fidget-sway}
++body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle][data-fidget=stretch]{--bt-fidget:bt-fidget-stretch}
++body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle][data-fidget=look] .bt-eyes{animation:bt-fidget-look 9s ease-in-out var(--bt-fidget-delay,0s) infinite}
++@keyframes bt-fidget-hop{0%,8%,100%{transform:none}3%{transform:translateY(-10%) scale(.97,1.04)}5.5%{transform:translateY(0) scale(1.05,.95)}}
++@keyframes bt-fidget-sway{0%,10%,100%{transform:none}2.5%{transform:rotate(-8deg)}5%{transform:rotate(7deg)}7.5%{transform:rotate(-3deg)}}
++@keyframes bt-fidget-stretch{0%,9%,100%{transform:none}4%{transform:scale(.94,1.08)}7%{transform:scale(1.03,.97)}}
++@keyframes bt-fidget-look{0%,22%,100%{transform:none}3%,9%{transform:translateX(-14%)}12%,19%{transform:translateX(14%)}}
++body[data-bt-motion=lively] .bt-badge-alert{right:auto;bottom:auto;left:50%;top:calc(var(--bt-size,36px) * -.14);translate:-50% 0;animation:bt-q-ride 1.3s cubic-bezier(.3,.7,.4,1) infinite}
++body[data-bt-motion=lively] :is(.bt-row,.bt-tile)>.bt-mark:hover .bt-badge-alert{animation:none}
 +.bt-tree-item{position:relative;display:flex;align-items:center;min-width:0}
 +.bt-tree-item>.bt-row{flex:1 1 auto;min-width:0}
 +.bt-tree-toggle{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--bt-ink-3);font-size:16px;line-height:1;cursor:pointer}
@@ -3157,14 +4171,83 @@ diff --git a/client.js b/client.js
 +.bt-tree-chev{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:16px;line-height:1;transition:transform .12s ease}
 +.bt-tree-toggle[aria-expanded=false] .bt-tree-chev{transform:rotate(-90deg)}
 +.bt-tree-leaf{cursor:default}
- @keyframes bt-q-ride{0%,55%,100%{transform:translateY(0)}20%{transform:translateY(calc(var(--bt-size,36px) * -.14))}40%{transform:translateY(0)}}
- /* Petting: with the pointer on a sidebar avatar or just around it (a ring a fifth of its
-    size wide), a resting mark leans into the pointer and keeps nuzzling it, its eyes
-@@ -1933,15 +1933,23 @@
- .bt-side{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;gap:2px;padding:0 12px 8px 0;color:var(--bt-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
- .bt-side-top{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:6px 5px 0 0}
- .bt-brand{display:inline-flex;align-items:center;gap:6px;margin-right:auto;padding:4px 8px 4px 4px;border:0;border-radius:8px;background:none;cursor:pointer;font-family:inherit;font-size:15px;line-height:20px;font-weight:600;letter-spacing:-.01em;color:var(--bt-ink);white-space:nowrap}
--.bt-brand-whale{display:inline-flex;color:var(--bt-accent)}
++@keyframes bt-q-ride{0%,55%,100%{transform:translateY(0)}20%{transform:translateY(calc(var(--bt-size,36px) * -.14))}40%{transform:translateY(0)}}
++/* Petting: with the pointer on a sidebar avatar or just around it (a ring a fifth of its
++   size wide), a resting mark leans into the pointer and keeps nuzzling it, its eyes
++   closed in a happy arc, and springs back when the pointer leaves. */
++:is(.bt-row,.bt-tile)>:is(.bt-mark,.bt-cluster)::before{content:'';position:absolute;inset:-20%;border-radius:50%}
++.bt-mark[data-live] .bt-b,.bt-mark[data-live] .bt-mark-img{transition:rotate .5s cubic-bezier(.34,1.56,.64,1),translate .5s cubic-bezier(.34,1.56,.64,1),scale .3s ease-out}
++.bt-mark[data-live] .bt-eye{transition:scale .14s ease-in}
++.bt-mark[data-live] .bt-eye-happy{transition:opacity .12s ease-out}
++body:not([data-bt-motion=quiet]) :is(.bt-row,.bt-tile)>:is(.bt-mark,.bt-cluster):hover .bt-mark[data-live]:is([data-state=idle],[data-state=alert]):not(.bt-mark-poke) :is(.bt-b,.bt-mark-img){rotate:8deg;translate:5% -1%;animation:bt-nuzzle .78s ease-in-out .32s infinite}
++body:not([data-bt-motion=quiet]) :is(.bt-row,.bt-tile)>:is(.bt-mark,.bt-cluster):hover .bt-mark[data-live]:is([data-state=idle],[data-state=alert]) .bt-eye{scale:1 0;animation:none}
++body:not([data-bt-motion=quiet]) :is(.bt-row,.bt-tile)>:is(.bt-mark,.bt-cluster):hover .bt-mark[data-live]:is([data-state=idle],[data-state=alert]) .bt-eye-happy{opacity:1;transition-delay:.1s}
++@keyframes bt-nuzzle{50%{rotate:14deg;translate:8% -3%;scale:1.03 .97}}
++.bt-mark[data-gaze] .bt-b{translate:calc(var(--bt-gx,0) * 5%) calc(var(--bt-gy,0) * 4%);transition:translate .18s ease-out}
++.bt-mark[data-gaze] .bt-gaze{transform:translate(calc(var(--bt-gx,0) * 12%),calc(var(--bt-gy,0) * 11%));transition:transform .18s ease-out}
++body[data-bt-motion=quiet] .bt-mark[data-gaze] .bt-b{translate:none}
++body[data-bt-motion=quiet] .bt-mark[data-gaze] .bt-gaze{transform:none}
++.bt-mark[data-state=thinking] .bt-b{animation:bt-ponder 2.2s ease-in-out infinite}
++.bt-mark[data-state=thinking] .bt-eyes{animation:bt-squint 2.2s ease-in-out infinite}
++.bt-mark[data-state=searching] .bt-b{animation:bt-seek 1s ease-in-out infinite}
++.bt-mark[data-state=searching] .bt-eyes{animation:bt-scan 1.6s ease-in-out infinite}
++.bt-mark[data-state=working] .bt-b{animation:bt-bob 1.6s ease-in-out infinite}
++.bt-mark[data-state=working]:is([data-shape=star],[data-shape=hex],[data-shape=plus],[data-shape=gem],[data-shape=magnet],[data-shape=ring]) .bt-b{animation:bt-wiggle 1.4s ease-in-out infinite;transform-origin:50% 50%}
++.bt-mark[data-state=working]:is([data-shape=gumdrop],[data-shape=peanut],[data-shape=cushion],[data-shape=squircle],[data-shape=moon],[data-shape=wave]) .bt-b{animation:bt-squash 1.2s ease-in-out infinite}
++.bt-mark[data-state=working] .bt-eye{animation:bt-blink 2.4s ease-in-out infinite}
++.bt-mark[data-state=sending] .bt-b{animation:bt-dash 1.1s cubic-bezier(.4,0,.2,1) infinite}
++.bt-mark[data-state=orbit] .bt-b{animation:bt-sway 2.6s ease-in-out infinite;transform-origin:50% 50%}
++.bt-mark[data-state=orbit] .bt-eyes{animation:bt-roll 2.6s linear infinite}
++/* A question for you hops twice when it arrives and the badge keeps it in view after;
++   a lively mark keeps hopping. */
++.bt-mark[data-state=alert] .bt-b{animation:bt-hop 1.3s cubic-bezier(.3,.7,.4,1) 2}
++.bt-mark[data-shape=image]:not([data-state=idle]) .bt-mark-img{animation:bt-bob 1.6s ease-in-out infinite}
++.bt-mark[data-shape=image][data-state=alert] .bt-mark-img{animation:bt-hop 1.3s cubic-bezier(.3,.7,.4,1) 2}
++body[data-bt-motion=lively] .bt-mark[data-state=alert] :is(.bt-b,.bt-mark-img){animation-iteration-count:infinite}
++.bt-mark[data-state=done] .bt-b{animation:bt-done 1.8s linear 1}
++.bt-mark[data-shape=image][data-state=done] .bt-mark-img{animation:bt-done 1.8s linear 1;transform-origin:50% 100%}
++@keyframes bt-done{0%{transform:none;animation-timing-function:cubic-bezier(.4,0,.2,1)}13.3%{transform:scale(1.12,.88);animation-timing-function:cubic-bezier(.4,0,.2,1)}25.6%{transform:scale(.93,1.09);animation-timing-function:cubic-bezier(.4,0,.2,1)}37.8%{transform:scale(1.04,.97);animation-timing-function:cubic-bezier(.4,0,.2,1)}51.1%,100%{transform:none}}
++.bt-mark-poke .bt-b{animation:bt-poke .8s cubic-bezier(.3,.7,.4,1) 1!important;transform-origin:50% 60%!important}
++.bt-mark-poke .bt-mark-img{animation:bt-poke-img .6s ease-out 1!important}
++.bt-mark[data-poke]{cursor:pointer}
++body[data-bt-motion=quiet] .bt-mark-poke :is(.bt-b,.bt-mark-img){animation:none!important}
++body[data-bt-motion=quiet] .bt-mark[data-poke]{cursor:default}
++@keyframes bt-bob{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-4%) rotate(-5deg)}65%{transform:translateY(0) rotate(4deg)}}
++@keyframes bt-wiggle{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(-12deg) scale(1.04)}75%{transform:rotate(12deg) scale(1.04)}}
++@keyframes bt-squash{0%,100%{transform:scale(1,1)}30%{transform:scale(1.08,.9)}55%{transform:translateY(-4%) scale(.94,1.08)}80%{transform:scale(1.02,.98)}}
++@keyframes bt-ponder{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-3%) rotate(7deg)}}
++@keyframes bt-squint{0%,100%{transform:translate(0,-4%) scaleY(.7)}50%{transform:translate(5%,-5%) scaleY(.78)}}
++@keyframes bt-seek{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5%) rotate(-1deg)}}
++@keyframes bt-scan{0%,100%{transform:translateX(-12%)}50%{transform:translateX(12%)}}
++@keyframes bt-dash{0%,100%{transform:translateX(0) rotate(0)}35%{transform:translateX(9%) rotate(7deg)}55%{transform:translateX(-2%) rotate(-3deg)}}
++@keyframes bt-sway{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}
++@keyframes bt-roll{0%,100%{transform:translate(12%,0)}25%{transform:translate(0,9%)}50%{transform:translate(-12%,0)}75%{transform:translate(0,-9%)}}
++@keyframes bt-hop{0%,55%,100%{transform:translateY(0) scale(1,1)}20%{transform:translateY(-14%) scale(.96,1.05)}40%{transform:translateY(0) scale(1.06,.94)}}
++@keyframes bt-poke{0%{transform:none}55%{transform:translateY(-16%) rotate(360deg)}78%{transform:translateY(0) scale(1.08,.92) rotate(360deg)}100%{transform:rotate(360deg)}}
++@keyframes bt-poke-img{0%,100%{transform:scale(1)}40%{transform:scale(1.14) rotate(-6deg)}}
++/* Idle clip: two .26s blinks (lid to 3%, then a 6% overshoot) at 1.48s and 3.46s. */
++@keyframes bt-blink-idle{0%,29.6%,35%,69.2%,74.6%,100%{transform:scaleY(1)}32.2%,71.8%{transform:scaleY(.03)}33.8%,73.4%{transform:scaleY(1.06)}}
++@keyframes bt-blink{0%,42%,50%,100%{transform:scaleY(1)}46%{transform:scaleY(.03)}48%{transform:scaleY(1.06)}}
++@media (prefers-reduced-motion:reduce){.bt-mark *{animation:none!important;transition:none!important}}
++.bt-badge{position:absolute;right:0;bottom:0;width:12px;height:12px;border-radius:50%;corner-shape:round;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1.5px var(--bt-sidebar)}
++.bt-badge-admin{background:color-mix(in srgb,var(--bt-star) 82%,var(--bt-sidebar))}
++.bt-badge-admin svg{width:7px;height:7px}
++.bt-badge-main{right:calc(var(--bt-size,36px) * -.07);bottom:calc(var(--bt-size,36px) * -.07);width:clamp(14px,calc(var(--bt-size,36px) * .36),22px);height:clamp(14px,calc(var(--bt-size,36px) * .36),22px);border-radius:0;box-shadow:none}
++.bt-badge-main svg{width:100%;height:100%;overflow:visible}
++.bt-badge-main path{fill:var(--bt-star);stroke:var(--bt-sidebar);stroke-width:2.6;stroke-linejoin:round;paint-order:stroke}
++.bt-badge-alert{background:color-mix(in srgb,var(--bt-accent) 78%,var(--bt-sidebar));color:var(--bt-accent-ink,#fff);font-size:8.5px;line-height:12px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
++.bt-badge-working{background:color-mix(in srgb,var(--bt-green) 82%,var(--bt-sidebar));width:8px;height:8px;right:1px;bottom:1px}
++.bt-cluster{position:relative;display:inline-block;flex:none;line-height:0}
++.bt-cluster>*{position:absolute}
++.bt-cluster-more,.bt-cluster-you{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bt-active);color:var(--bt-ink-3);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}
++.bt-cluster-you{background:color-mix(in srgb,var(--bt-ink) 12%,transparent)}
++.bt-stack{display:inline-flex;align-items:center;flex:none;line-height:0}
++.bt-stack>*+*{margin-left:calc(var(--bt-stack-size) * -.3)}
++.bt-stack-more{font-size:11px;line-height:16px;color:var(--bt-ink-3);margin-left:3px!important}
++
++.bt-side{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;gap:2px;padding:0 12px 8px 0;color:var(--bt-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
++.bt-side-top{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:6px 5px 0 0}
++.bt-brand{display:inline-flex;align-items:center;gap:6px;margin-right:auto;padding:4px 8px 4px 4px;border:0;border-radius:8px;background:none;cursor:pointer;font-family:inherit;font-size:15px;line-height:20px;font-weight:600;letter-spacing:-.01em;color:var(--bt-ink);white-space:nowrap}
 +.bt-brand-mark{display:inline-flex;line-height:0}
 +.bt-flybot-mark{display:block;flex:none}
 +.bt-flybot-mark .bt-flybot-wing{fill:#8FB2FF}
@@ -3173,131 +4256,325 @@ diff --git a/client.js b/client.js
 +[data-ds-dark-theme] .bt-flybot-mark .bt-flybot-wing{fill:#A9C2FF}
 +[data-ds-dark-theme] .bt-flybot-mark .bt-flybot-body{fill:#6E87FF}
 +[data-ds-dark-theme] .bt-flybot-mark .bt-flybot-eye{fill:#0F1530}
- .bt-round{width:36px;height:36px;border-radius:50%;border:1px solid var(--bt-line);background:var(--bt-main);color:var(--bt-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .12s ease,transform .12s ease}
- .bt-round:hover{background:var(--bt-hover)}
- .bt-round:active{transform:scale(.94)}
- .bt-list{display:flex;flex-direction:column;gap:3px;overflow-y:auto;min-height:0;flex:1 1 auto}
- .bt-tile-wrap{display:flex;justify-content:center;padding:20px 0 15px}
--.bt-tile{display:flex;flex-direction:column;align-items:center;gap:4px;width:95px;padding:6px 8px 4px;border-radius:12px;border:0;background:transparent;color:var(--bt-ink);cursor:pointer;font-family:inherit;transition:background-color .12s ease}
++.bt-round{width:36px;height:36px;border-radius:50%;border:1px solid var(--bt-line);background:var(--bt-main);color:var(--bt-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .12s ease,transform .12s ease}
++.bt-round:hover{background:var(--bt-hover)}
++.bt-round:active{transform:scale(.94)}
++.bt-list{display:flex;flex-direction:column;gap:3px;overflow-y:auto;min-height:0;flex:1 1 auto}
++.bt-tile-wrap{display:flex;justify-content:center;padding:20px 0 15px}
 +.bt-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:95px;padding:6px 8px 4px;border-radius:12px;border:0;background:transparent;color:var(--bt-ink);cursor:pointer;font-family:inherit;transition:background-color .12s ease}
- .bt-tile:hover{background:var(--bt-hover)}
- .bt-tile[aria-current=page]{background:var(--bt-active)}
++.bt-tile:hover{background:var(--bt-hover)}
++.bt-tile[aria-current=page]{background:var(--bt-active)}
 +.bt-tile-unread{position:absolute;top:8px;right:12px}
- .bt-tile-name{font-size:13px;line-height:18px;font-weight:400;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
- .bt-chip{font-size:11px;line-height:16px;padding:1px 4px;border-radius:4px;background:var(--bt-hover);border:1px solid var(--bt-line);color:var(--bt-ink-2);white-space:nowrap;max-width:84px;overflow:hidden;text-overflow:ellipsis}
- .bt-row{display:flex;align-items:center;gap:8px;min-height:54px;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--bt-ink);text-align:left;cursor:pointer;width:100%;box-sizing:border-box;font-family:inherit;transition:background-color .12s ease}
-@@ -1950,27 +1950,32 @@
- .bt-row-body{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
- .bt-row-name{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px;line-height:20px;font-weight:400}
- .bt-row-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
++.bt-tile-name{font-size:13px;line-height:18px;font-weight:400;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
++.bt-chip{font-size:11px;line-height:16px;padding:1px 4px;border-radius:4px;background:var(--bt-hover);border:1px solid var(--bt-line);color:var(--bt-ink-2);white-space:nowrap;max-width:84px;overflow:hidden;text-overflow:ellipsis}
++.bt-row{display:flex;align-items:center;gap:8px;min-height:54px;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--bt-ink);text-align:left;cursor:pointer;width:100%;box-sizing:border-box;font-family:inherit;transition:background-color .12s ease}
++.bt-row:hover{background:var(--bt-hover)}
++.bt-row[aria-current=page]{background:var(--bt-active)}
++.bt-row-body{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
++.bt-row-name{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px;line-height:20px;font-weight:400}
++.bt-row-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 +.bt-row-title.bt-row-title-face{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
 +.bt-row-remote{flex:none;display:inline-flex;align-items:center;color:var(--bt-ink-2)}
- .bt-tag{flex:none;max-width:96px;font-size:12px;line-height:16px;font-weight:400;padding:1px 6px;border-radius:4px;background:var(--bt-tag-bg);color:var(--bt-tag-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
- .bt-row-preview{font-size:13px;line-height:18px;color:var(--bt-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
- .bt-unread{width:8px;height:8px;border-radius:50%;background:#1084fe;flex:none;margin-right:2px;animation:bt-fade .13s cubic-bezier(.22,1,.36,1)}
- .bt-unread-wait{background:var(--bt-star)}
++.bt-tag{flex:none;max-width:96px;font-size:12px;line-height:16px;font-weight:400;padding:1px 6px;border-radius:4px;background:var(--bt-tag-bg);color:var(--bt-tag-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
++.bt-row-preview{font-size:13px;line-height:18px;color:var(--bt-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
++.bt-unread{width:8px;height:8px;border-radius:50%;background:#1084fe;flex:none;margin-right:2px;animation:bt-fade .13s cubic-bezier(.22,1,.36,1)}
++.bt-unread-wait{background:var(--bt-star)}
 +.bt-shared-from,.bt-shared-wait{display:flex;flex-direction:column;gap:6px;padding:8px 0}
 +.bt-shared-wait .bt-set-row{min-width:0}
 +.bt-shared-wait .bt-set-copy{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
- .bt-rail{align-items:center;padding:0 0 8px}
- .bt-rail .bt-row{justify-content:center;padding:6px 0;min-height:44px}
- .bt-side-foot{display:flex;padding-top:8px}
- .bt-connect{flex:1;height:36px;border-radius:999px;border:1px solid var(--bt-line);background:var(--bt-main);color:var(--bt-ink);font-family:inherit;font-size:14px;line-height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .12s ease}
- .bt-connect:hover{background:var(--bt-hover)}
- .bt-connect svg{flex:none;width:15px;height:15px}
--.bt-connect-wrap{position:relative;display:flex;flex:1 1 auto;min-width:0}
--.bt-connect-warn{flex:none;width:16px;height:16px;border-radius:50%;background:#E5484D;color:#fff;font-size:11px;line-height:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
--.bt-connect-tip{position:fixed;box-sizing:border-box;width:max-content;max-width:260px;padding:8px 12px;border-radius:10px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 8px 24px -4px rgba(0,0,0,.14);color:var(--bt-ink);font-size:12px;line-height:17px;white-space:normal;text-align:center;z-index:70;transform-origin:bottom left;animation:bt-tip-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing}}
++.bt-rail{align-items:center;padding:0 0 8px}
++.bt-rail .bt-row{justify-content:center;padding:6px 0;min-height:44px}
++.bt-side-foot{display:flex;padding-top:8px}
++.bt-connect{flex:1;height:36px;border-radius:999px;border:1px solid var(--bt-line);background:var(--bt-main);color:var(--bt-ink);font-family:inherit;font-size:14px;line-height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .12s ease}
++.bt-connect:hover{background:var(--bt-hover)}
++.bt-connect svg{flex:none;width:15px;height:15px}
 +.bt-connect-wrap{position:relative;display:flex;flex:1 1 auto;min-width:0}ms ${SPRING_SHAPE.easing}}
- @keyframes bt-tip-in{from{opacity:0;transform:scale(.96);filter:blur(4px)}}
--@media (prefers-reduced-motion:reduce){.bt-connect-tip{animation:none}}
++@keyframes bt-tip-in{from{opacity:0;transform:scale(.96);filter:blur(4px)}}
 +@media (prefers-reduced-motion:reduce){}
- 
- .bt-head{position:relative;display:flex;justify-content:center;align-items:center;height:40px;flex:none;pointer-events:none}
- .bt-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;height:40px;padding:7.5px 13.5px 7.5px 7.5px;border-radius:999px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 2px 8px -1px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);color:var(--bt-ink);font-family:inherit;font-size:14px;line-height:20px;cursor:pointer;max-width:70%;box-sizing:border-box;transition:background-color .12s ease,transform ${SPRING_TAP.duration}ms ${SPRING_TAP.easing}}
- .bt-pill:hover{background:color-mix(in srgb,var(--bt-main),#777 9%)}
- .bt-pill:active{transform:scale(.965)}
- .bt-pill-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
++
++.bt-head{position:relative;display:flex;justify-content:center;align-items:center;height:40px;flex:none;pointer-events:none}
++.bt-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;height:40px;padding:7.5px 13.5px 7.5px 7.5px;border-radius:999px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 2px 8px -1px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);color:var(--bt-ink);font-family:inherit;font-size:14px;line-height:20px;cursor:pointer;max-width:70%;box-sizing:border-box;transition:background-color .12s ease,transform ${SPRING_TAP.duration}ms ${SPRING_TAP.easing}}
++.bt-pill:hover{background:color-mix(in srgb,var(--bt-main),#777 9%)}
++.bt-pill:active{transform:scale(.965)}
++.bt-pill-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
 +.bt-pill:has(.bt-pill-name-face){height:auto;min-height:40px;align-items:flex-start}
 +.bt-pill-name.bt-pill-name-face{min-width:0;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
- .bt-pill-mem{flex:none;display:inline-flex;width:0;margin-left:-8px;overflow:hidden;transition:${spring(SPRING_SHAPE, "width", "margin-left")}}
- .bt-pill[data-memory=updated] .bt-pill-mem{width:var(--bt-mem-w);margin-left:0;transition:${spring(SPRING_STRETCH, "width", "margin-left")}}
- .bt-pill-mem-in{flex:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:var(--bt-ink-2);font-size:13px;font-weight:500;opacity:0;filter:blur(6px);transform:translateX(-8px);transition:opacity .14s ease,filter .18s ease,${spring(SPRING_SHAPE, "transform")}}
-@@ -1992,6 +1992,7 @@
- 
- .bt-astack{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0}
- .bt-bubble{max-width:min(80%,560px,calc(100% - 82px));background:var(--bt-bubble);color:var(--bt-ink);border-radius:18px;padding:7px 12px;font-size:var(--dsh-content-font-size,14px);line-height:calc(var(--dsh-content-font-size,14px) + 8px);box-sizing:border-box;overflow-wrap:anywhere}
++.bt-pill-mem{flex:none;display:inline-flex;width:0;margin-left:-8px;overflow:hidden;transition:${spring(SPRING_SHAPE, "width", "margin-left")}}
++.bt-pill[data-memory=updated] .bt-pill-mem{width:var(--bt-mem-w);margin-left:0;transition:${spring(SPRING_STRETCH, "width", "margin-left")}}
++.bt-pill-mem-in{flex:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:var(--bt-ink-2);font-size:13px;font-weight:500;opacity:0;filter:blur(6px);transform:translateX(-8px);transition:opacity .14s ease,filter .18s ease,${spring(SPRING_SHAPE, "transform")}}
++.bt-pill-mem-in::before{content:"";flex:none;width:1px;height:14px;margin-right:4px;background:var(--bt-line-2)}
++.bt-pill[data-memory=updated] .bt-pill-mem-in{opacity:1;filter:none;transform:none;transition-delay:70ms}
++.bt-pill-mem-ico{flex:none;display:inline-flex;width:16px;height:16px;color:var(--bt-accent)}
++.bt-pill-mem-ico svg{width:16px;height:16px}
++.bt-pill[data-memory=updated] .bt-pill-mem-ico{animation:bt-mem-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} 90ms both}
++@keyframes bt-mem-pop{from{transform:scale(.4) rotate(-14deg)}to{transform:none}}
++.bt-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
++@media (prefers-reduced-motion:reduce){.bt-pill-mem,.bt-pill-mem-in{transition:none!important}.bt-pill-mem-in{filter:none;transform:none}.bt-pill[data-memory=updated] .bt-pill-mem-ico{animation:none}}
++.bt-swap{color:var(--bt-ink-3);font-size:12px}
++.bt-pill-go{flex:none;display:inline-flex;align-items:center;justify-content:flex-end;width:0;margin-left:-8px;overflow:hidden;opacity:0;filter:blur(6px);transform:translateX(-6px);color:var(--bt-ink-2);transition:width ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},margin-left ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},transform ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},opacity .18s ease,filter .18s ease}
++.bt-pill-go svg{flex:none;transition:transform ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing}}
++.bt-pill:hover .bt-pill-go,.bt-pill:focus-visible .bt-pill-go,.bt-pill[aria-expanded=true] .bt-pill-go{width:18px;margin-left:0;opacity:1;filter:none;transform:none}
++.bt-pill[aria-expanded=true] .bt-pill-go svg{transform:rotate(180deg)}
++.bt-pill[data-memory=updated]:is(:hover,:focus-visible,[aria-expanded=true]) .bt-pill-go{width:0;margin-left:-8px;opacity:0;filter:blur(6px);transform:translateX(-6px)}
++@media (prefers-reduced-motion:reduce){.bt-pill,.bt-pill-go,.bt-pill-go svg{transition:none!important}.bt-pill-go{filter:none}.bt-pill:active{transform:none}}
++
++.bt-astack{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0}
++.bt-bubble{max-width:min(80%,560px,calc(100% - 82px));background:var(--bt-bubble);color:var(--bt-ink);border-radius:18px;padding:7px 12px;font-size:var(--dsh-content-font-size,14px);line-height:calc(var(--dsh-content-font-size,14px) + 8px);box-sizing:border-box;overflow-wrap:anywhere}
 +.bt-event.bt-not-sent{gap:6px;color:var(--bt-ink-3)}
- .bt-msg:not(:first-child)>.bt-msg-line>.bt-bubble{border-start-start-radius:6px}
- .bt-msg:not(:last-child)>.bt-msg-line>.bt-bubble{border-end-start-radius:6px}
- .bt-bubble [class*="_markdown"]>*+*{margin-top:10px}
-@@ -2085,6 +2085,7 @@
- @media (prefers-reduced-motion:reduce){.bt-q{animation:bt-fade .12s ease-out backwards}.bt-q-settled{animation:none}.bt-q-submit{animation:none}}
- 
- .bt-newchat{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;animation:bt-veil-in .18s ease-out}
++.bt-msg:not(:first-child)>.bt-msg-line>.bt-bubble{border-start-start-radius:6px}
++.bt-msg:not(:last-child)>.bt-msg-line>.bt-bubble{border-end-start-radius:6px}
++.bt-bubble [class*="_markdown"]>*+*{margin-top:10px}
++.bt-bubble [class*="_markdown"]{color:inherit!important;font-size:inherit!important;line-height:inherit!important}
++.bt-bubble p{margin:0}
++.bt-bubble p + p{margin-top:6px}
++.bt-bubble ul,.bt-bubble ol{margin:4px 0;padding-left:20px}
++.bt-bubble a[href^="${MENTION_ORIGIN}"]{text-decoration:none;font-weight:400;cursor:pointer;white-space:nowrap}
++.bt-bubble a[href^="${MENTION_ORIGIN}"]::before{content:"";display:inline-block;width:16px;height:16px;margin-right:3px;vertical-align:-3px;background:currentColor;-webkit-mask:${DEFAULT_MASK} center/contain no-repeat;mask:${DEFAULT_MASK} center/contain no-repeat}
++.bt-group-msg{display:flex;flex-direction:column;gap:4px;margin:16px 0 0}
++.bt-group-msg:first-child{margin-top:0}
++.bt-lead{flex:none;display:flex;margin-bottom:1px}
++button.bt-lead{border:0;background:none;padding:0;cursor:pointer}
++/* Rows without the avatar start where the bubble beside it starts: 22px avatar + 8px gap. */
++.bt-astack[data-lead]>.bt-msg:not(:last-child)>.bt-msg-line,.bt-astack[data-lead] .bt-reacts{margin-left:30px}
++.bt-group-name{font-size:12px;line-height:16px;font-weight:500;margin-left:42px}
++.bt-x{border:0;background:none;color:var(--bt-ink-2);cursor:pointer;width:24px;height:24px;border-radius:6px;font-size:16px;line-height:24px;padding:0;transition:background-color .12s ease,color .12s ease,${spring(SPRING_TAP, "scale")}}
++.bt-x:hover{background:var(--bt-hover);color:var(--bt-ink)}
++
++.bt-q{margin:0 auto 8px;width:100%;max-width:var(--dsh-chat-content-width,748px);display:flex;flex-direction:column;gap:12px;--bt-q-edge:color-mix(in srgb,var(--bt-ink) 10%,transparent);--bt-q-rule:color-mix(in srgb,var(--bt-ink) 8%,transparent);--bt-q-rule-2:color-mix(in srgb,var(--bt-ink) 5%,transparent);background:var(--bt-card);box-shadow:0 1px 3px rgba(20,20,20,.04),inset 0 0 0 1px var(--bt-q-edge);border-radius:16px;padding:14px 16px;box-sizing:border-box;color:var(--bt-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} backwards,bt-veil-in .2s ease-out backwards}
++body[data-ds-dark-theme] .bt-q{--bt-q-edge:rgba(255,255,255,.16);--bt-q-rule:rgba(255,255,255,.12);--bt-q-rule-2:rgba(255,255,255,.08)}
++@keyframes bt-q-in{from{transform:translateY(10px) scale(.97)}}
++.bt-q-settled{animation:none}
++.bt-q-head{display:flex;align-items:flex-start;gap:8px;min-width:0}
++.bt-q-text{flex:1 1 0;min-width:0;display:flex;flex-direction:column}
++.bt-q-title{margin:0;font-size:15px;line-height:22px;font-weight:600;overflow-wrap:anywhere}
++.bt-q-detail{font-size:13px;line-height:18px;color:var(--bt-ink-2)}
++.bt-q-x{flex:none;width:20px;height:20px;border:0;padding:0;border-radius:6px;background:none;color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .12s ease,color .12s ease,${spring(SPRING_TAP, "scale")}}
++.bt-q-x svg{width:14px;height:14px}
++.bt-q-x:hover{background:var(--bt-hover);color:var(--bt-ink)}
++.bt-q-x:focus-visible,.bt-q-opt:focus-visible{outline:2px solid var(--bt-accent);outline-offset:-2px}
++.bt-q-list{display:flex;flex-direction:column;gap:1px;min-width:0;box-sizing:border-box;margin:0 -8px}
++.bt-q-opt{position:relative;display:flex;align-items:flex-start;gap:16px;width:100%;min-width:0;box-sizing:border-box;margin:0;border:0;border-radius:12px;background:transparent;padding:10px 8px;font:inherit;color:var(--bt-ink);text-align:start;cursor:pointer;transition:background-color .12s ease}
++.bt-q:not(.bt-q-raised)>.bt-q-head:has(+.bt-q-list){padding-bottom:12px;border-bottom:1px solid var(--bt-q-rule)}
++.bt-q:not(.bt-q-raised)>.bt-q-head+.bt-q-list{margin-top:-6px}
++.bt-q-opt+.bt-q-opt::before{content:"";position:absolute;left:calc(var(--bt-key,24px) + 24px);right:8px;top:-1px;height:1px;background:var(--bt-q-rule-2);transition:opacity .12s ease;pointer-events:none}
++button.bt-q-opt:hover::before,button.bt-q-opt:hover+.bt-q-opt::before,.bt-q-opt[aria-pressed=true]::before,.bt-q-opt[aria-pressed=true]+.bt-q-opt::before{opacity:0}
++.bt-q-raised .bt-q-opt::before{display:none}
++button.bt-q-opt:hover{background:var(--bt-hover)}
++button.bt-q-opt:active{background:var(--bt-active)}
++.bt-q-opt[aria-pressed=true]{background:var(--bt-active)}
++.bt-q:not(.bt-q-raised) :is(button.bt-q-opt:hover,.bt-q-opt[aria-pressed=true]) .bt-key{background:var(--bt-card);color:var(--bt-ink)}
++.bt-key{flex:none;box-sizing:border-box;width:var(--bt-key,24px);height:var(--bt-key,24px);border-radius:8px;background:var(--bt-hover);color:var(--bt-ink-2);font-size:12px;line-height:var(--bt-key,24px);font-weight:500;text-align:center;font-variant-numeric:tabular-nums;transition:background-color .12s ease,color .12s ease}
++.bt-q-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px;padding-top:2px}
++/* With a description the key spans the two text lines less 2px above and below. */
++.bt-q-opt:has(.bt-q-desc){--bt-key:34px}
++.bt-q-opt:has(.bt-q-desc) .bt-key{margin-top:2px;border-radius:10px;font-size:13px}
++.bt-q-opt:has(.bt-q-desc) .bt-q-body{padding-top:0}
++.bt-q-label{font-size:14px;line-height:20px;font-weight:500;white-space:normal;overflow-wrap:anywhere}
++.bt-q-desc{font-size:12px;line-height:17px;color:var(--bt-ink-2);overflow-wrap:anywhere}
++.bt-q-check{flex:none;display:inline-flex;align-items:center;color:var(--bt-ink-2);animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} backwards}
++.bt-q-settled .bt-q-check{animation:none}
++.bt-q-check svg{width:16px;height:16px}
++.bt-q-settled .bt-key{opacity:.4}
++.bt-q-settled .bt-q-label{color:color-mix(in srgb,var(--bt-ink) 45%,transparent)}
++.bt-q-dismissed .bt-q-title{color:var(--bt-ink-2)}
++.bt-q.bt-q-settled{gap:6px;padding:12px 16px}
++.bt-q-settled .bt-q-title{font-size:14px;line-height:20px;font-weight:500}
++.bt-q.bt-q-settled>.bt-q-head:has(+.bt-q-list){padding-bottom:0;border-bottom:0}
++.bt-q.bt-q-settled>.bt-q-head+.bt-q-list{margin-top:0}
++.bt-q-settled .bt-q-opt{padding:4px 8px}
++.bt-q-badge{flex:none;height:20px;padding:0 7px;border-radius:999px;border:1px dotted var(--bt-line-2);color:var(--bt-ink-2);font-size:12px;line-height:18px;box-sizing:border-box}
++.bt-q-custom{display:flex;align-items:flex-start;gap:8px;width:100%;min-width:0}
++.bt-q-field{flex:1 1 0;min-width:0;display:flex;box-sizing:border-box;min-height:32px;padding:5px 11px;border-radius:8px;border:.5px solid var(--bt-line-2);background:none;cursor:text;transition:border-color .12s ease}
++.bt-q-field:focus-within{border-color:color-mix(in srgb,var(--bt-ink) 30%,transparent)}
++.bt-q-input{flex:1;width:100%;min-width:0;max-height:120px;margin:0;padding:0;border:0;outline:none;background:transparent;color:var(--bt-ink);font:inherit;font-size:14px;line-height:20px;resize:none;overflow-y:hidden;white-space:pre-wrap;overflow-wrap:anywhere}
++.bt-q-input:not(:placeholder-shown){field-sizing:content}
++.bt-q-input::placeholder{color:var(--bt-ink-3)}
++.bt-q-submit,.bt-q-btn{flex:none;height:36px;padding:0 14px;border:0;border-radius:999px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .12s ease,background-color .12s ease,${spring(SPRING_TAP, "scale")}}
++.bt-q-submit{background:var(--bt-accent);color:var(--bt-accent-ink,#fff);animation:bt-q-submit-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing} backwards,bt-veil-in .16s ease-out backwards}
++@keyframes bt-q-submit-in{from{transform:translateX(8px) scale(.9)}}
++.bt-q-submit:hover:not(:disabled){opacity:.86}
++.bt-q-submit:disabled{opacity:.4;cursor:default}
++.bt-q-btn{background:var(--bt-hover);color:var(--bt-ink)}
++.bt-q-btn:hover{background:var(--bt-active)}
++.bt-q-foot{display:flex;justify-content:flex-end;gap:8px}
++.bt-q-raised{width:calc(var(--dsh-chat-content-width,748px) - 32px);max-width:calc(100% - 32px);gap:0;padding:0;box-shadow:0 2px 8px rgba(20,20,20,.035),inset 0 0 0 .5px color-mix(in srgb,var(--bt-ink) 5%,transparent)}
++.bt-q-raised .bt-q-head{padding:14px 16px 4px 20px}
++.bt-q-raised .bt-q-head:last-child{padding-bottom:16px}
++.bt-q-raised .bt-q-list{gap:1px;margin:0;padding:8px}
++.bt-q-raised .bt-q-opt{gap:4px;padding:7px;border-radius:16px;color:var(--bt-ink-2)}
++.bt-q-raised button.bt-q-opt:hover{color:var(--bt-ink)}
++.bt-q-raised .bt-q-opt[aria-pressed=true]{background:transparent;color:var(--bt-ink)}
++.bt-q-raised .bt-q-opt[aria-pressed=true]:hover{background:var(--bt-hover)}
++.bt-q-raised .bt-q-opt[aria-pressed=true] .bt-key,.bt-q-ownrow:focus-within .bt-key,.bt-q-ownrow[data-filled] .bt-key{background:var(--bt-user);color:var(--bt-user-ink)}
++.bt-q-raised .bt-q-body{padding:2px 6px 0}
++.bt-q-raised .bt-q-desc{color:color-mix(in srgb,var(--bt-ink) 61%,transparent)}
++.bt-q-ownrow{cursor:text}
++.bt-q-ownrow .bt-q-input{color:var(--bt-ink)}
++.bt-q-raised .bt-q-foot{padding:0 8px 8px}
++@media (prefers-reduced-motion:reduce){.bt-q{animation:bt-fade .12s ease-out backwards}.bt-q-settled{animation:none}.bt-q-submit{animation:none}}
++
++.bt-newchat{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;animation:bt-veil-in .18s ease-out}
 +.bt-pane[data-menu]{background:transparent}.bt-pane[data-menu] .bt-newchat{flex:none;align-self:flex-start;width:min(280px,calc(100% - 16px));max-height:calc(100% - 16px);margin:8px;overflow:auto;background:var(--bt-card);border:1px solid var(--bt-line-2);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.14),0 2px 6px rgba(0,0,0,.06)}.bt-newchat[data-menu] .bt-drop{position:relative;top:0;left:0;width:auto;max-height:none;margin:0;box-shadow:none;border:0;max-width:none}
- .bt-to{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:48px;padding:6px 12px;border-bottom:1px solid var(--bt-line);font-size:14px;box-sizing:border-box}
- .bt-to-label{color:var(--bt-ink-2)}
- .bt-to input{flex:1;min-width:120px;border:0;outline:none;background:none;color:var(--bt-ink);font-size:14px;height:26px}
-@@ -2098,7 +2098,9 @@
- .bt-option[aria-selected=true]{background:var(--bt-active)}
- .bt-drop-list>.bt-option:not([aria-selected=true]):hover{background:var(--bt-hover)}
- .bt-option-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
--.bt-option-hint{font-size:11px;color:var(--bt-ink-2);flex:none;animation:bt-veil-in .16s ease-out}
++.bt-to{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:48px;padding:6px 12px;border-bottom:1px solid var(--bt-line);font-size:14px;box-sizing:border-box}
++.bt-to-label{color:var(--bt-ink-2)}
++.bt-to input{flex:1;min-width:120px;border:0;outline:none;background:none;color:var(--bt-ink);font-size:14px;height:26px}
++.bt-token{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 6px 0 4px;border-radius:999px;background:var(--bt-hover);font-size:13px;animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
++.bt-token button{border:0;background:none;color:var(--bt-ink-2);cursor:pointer;padding:0 2px}
++.bt-admin-star{flex:none;display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;corner-shape:round;background:color-mix(in srgb,var(--bt-star) 82%,var(--bt-sidebar));vertical-align:-1px}
++.bt-to-star{display:inline-flex;margin-right:-2px;animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
++.bt-to .bt-to-create{flex:none;height:28px;padding:0 12px;font-size:13px;animation:bt-q-submit-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out}
++.bt-drop{position:absolute;top:48px;left:32px;width:min(550px,calc(100% - 64px));display:flex;flex-direction:column;padding:6px;max-height:min(420px,60vh);overflow-y:auto;background:var(--bt-card);border:1px solid var(--bt-line-2);border-radius:12px;box-shadow:0 6px 20px -4px rgba(0,0,0,.12);box-sizing:border-box;z-index:1;transform-origin:24px 0;animation:bt-pop-drop ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .14s ease-out}
++.bt-option{display:flex;align-items:center;gap:10px;border:0;background:none;border-radius:8px;padding:7px 8px;min-height:36px;box-sizing:border-box;font-size:13px;line-height:18px;color:var(--bt-ink);cursor:pointer;text-align:left;width:100%}
++.bt-option[aria-selected=true]{background:var(--bt-active)}
++.bt-drop-list>.bt-option:not([aria-selected=true]):hover{background:var(--bt-hover)}
++.bt-option-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 +.bt-option-hint{font-size:11px;color:var(--bt-ink-2);flex:0 1 auto;min-width:0;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:bt-veil-in .16s ease-out}
 +.bt-option-copy{flex:1;min-width:0;display:flex;flex-direction:column}
 +.bt-option-sub{font-size:11px;line-height:15px;color:var(--bt-ink-2);white-space:normal;overflow-wrap:anywhere}
- .bt-option-icon{width:22px;height:22px;border-radius:50%;background:var(--bt-hover);color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;flex:none}
- .bt-hint{padding:14px;text-align:center;font-size:13px;color:var(--bt-ink-2)}
- .bt-nc-spacer{flex:1}
-@@ -2127,6 +2127,10 @@
- .bt-send{height:40px;min-width:40px;border-radius:999px;border:0;background:var(--bt-accent);color:var(--bt-accent-ink,#fff);font-size:14px;padding:0 14px;cursor:pointer}
- .bt-send:disabled{opacity:.35;cursor:default}
- .bt-error{padding:0 14px 10px;color:#e02135;font-size:12px}
++.bt-option-icon{width:22px;height:22px;border-radius:50%;background:var(--bt-hover);color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;flex:none}
++.bt-hint{padding:14px;text-align:center;font-size:13px;color:var(--bt-ink-2)}
++.bt-nc-spacer{flex:1}
++.bt-nc-compose{padding:0 16px 14px;display:flex;justify-content:center}
++.bt-nc-card{display:flex;align-items:flex-end;gap:6px;width:100%;max-width:var(--dsh-chat-content-width,748px);min-height:44px;padding:4px 6px;border-radius:22px;border:1px solid var(--bt-line-2);background:var(--bt-main);box-shadow:0 2px 8px -2px rgba(0,0,0,.06);box-sizing:border-box}
++.bt-nc-plus{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink-2);background:var(--bt-hover);flex:none}
++.bt-nc-card textarea{flex:1;resize:none;border:0;outline:none;background:none;color:var(--bt-ink);font:inherit;font-size:14px;line-height:20px;padding:7px 4px;min-height:34px;max-height:140px;box-sizing:border-box}
++.bt-nc-send{width:34px;height:34px;border-radius:50%;border:0;background:var(--bt-accent);color:var(--bt-accent-ink,#fff);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
++.bt-nc-send:disabled{opacity:.3;cursor:default}
++.bt-create{flex:1;display:flex;flex-direction:column;min-width:0}
++.bt-create-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:6px 12px;border-bottom:1px solid var(--bt-line);box-sizing:border-box}
++.bt-create-gap{width:28px}
++.bt-create-title{font-size:14px;line-height:20px;font-weight:500}
++.bt-create-body{flex:1;overflow-y:auto;padding:28px 16px 32px;display:flex;justify-content:center}
++.bt-create-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:18px;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} both,bt-veil-in .22s ease-out both}
++.bt-create-preview{display:flex;flex-direction:column;align-items:center;gap:10px}
++.bt-create-pop{display:inline-flex;animation:bt-create-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} both}
++@keyframes bt-create-pop{from{transform:scale(.72);opacity:.4}}
++.bt-create-name{font-size:17px;line-height:24px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
++.bt-create-step{font-size:12px;line-height:16px;color:var(--bt-ink-2);margin-bottom:-10px}
++.bt-create-looks{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-card)}
++.bt-create-lookbar{justify-content:center}
++.bt-create-foot{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}
++.bt-create-go{height:36px;padding:0 20px}
++@media (prefers-reduced-motion:reduce){.bt-create-card,.bt-create-pop{animation:none}}
++.bt-send{height:40px;min-width:40px;border-radius:999px;border:0;background:var(--bt-accent);color:var(--bt-accent-ink,#fff);font-size:14px;padding:0 14px;cursor:pointer}
++.bt-send:disabled{opacity:.35;cursor:default}
++.bt-error{padding:0 14px 10px;color:#e02135;font-size:12px}
 +.bt-fix-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
 +.bt-fix-btn{font:inherit;font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer}
 +.bt-fix .bt-note{margin-top:6px}
 +.bt-fix-link{margin-top:6px;color:inherit;user-select:all}
- 
- .bt-pane{position:fixed;top:var(--dsh-frame-chrome-top,0px);right:0;bottom:0;z-index:45;pointer-events:auto;background:var(--bt-main);color:var(--bt-ink);display:flex;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
- .bt-dialog{flex:1;display:flex;flex-direction:column;min-width:0}
-@@ -2150,11 +2150,11 @@
- .bt-soft:hover{background:var(--bt-active)}
- .bt-time{display:block;text-align:center;font-size:12px;line-height:16px;color:var(--bt-ink-2);padding:6px 0}
- 
--.bt-panel{position:fixed;top:var(--dsh-frame-chrome-top,0px);right:0;bottom:0;width:var(--bt-panel-w,320px);pointer-events:auto;z-index:40;background:var(--bt-main);border-left:.5px solid var(--bt-line-2);display:flex;flex-direction:column;color:var(--bt-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;box-sizing:border-box;animation:bt-pane-in .3s cubic-bezier(.2,0,0,1);transition:width ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing}}
++
++.bt-pane{position:fixed;top:var(--dsh-frame-chrome-top,0px);right:0;bottom:0;z-index:45;pointer-events:auto;background:var(--bt-main);color:var(--bt-ink);display:flex;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
++.bt-dialog{flex:1;display:flex;flex-direction:column;min-width:0}
++.bt-dialog .bt-head{height:62px}
++.bt-dialog-log{flex:1;overflow-y:auto;padding:8px 16px 20px;width:100%;max-width:var(--dsh-chat-content-width,748px);margin:0 auto;box-sizing:border-box}
++.bt-dialog-foot{display:flex;justify-content:center;padding:10px 10px 16px}
++.bt-exchange{animation:bt-sheet-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} both,bt-veil-in .24s ease-out both}
++.bt-exchange[data-leaving]{animation:bt-sheet-out .22s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}
++@keyframes bt-sheet-in{from{transform:translateY(24px)}}
++@keyframes bt-sheet-out{to{opacity:0;transform:translateY(16px);filter:blur(4px)}}
++.bt-exchange .bt-dialog{position:relative}
++.bt-exchange .bt-dialog-log{max-width:none;margin:0;padding:39px max(16px,calc((100% - 960px)/2)) 76px;scrollbar-width:thin}
++.bt-exchange .bt-tools{display:none}
++.bt-exchange .bt-dialog-foot{position:absolute;left:0;right:0;bottom:0;height:76px;box-sizing:border-box;align-items:flex-end;padding:0 0 28px;background:var(--bt-main);z-index:3;animation:bt-foot-in .3s cubic-bezier(.22,1,.36,1) .3s both}
++.bt-exchange .bt-dialog-foot::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:40px;background:linear-gradient(to top,var(--bt-main),transparent);pointer-events:none}
++.bt-exchange[data-leaving] .bt-dialog-foot{animation:bt-foot-out .22s cubic-bezier(.4,0,1,1) forwards}
++@keyframes bt-foot-in{from{opacity:0;transform:translateY(6px)}}
++@keyframes bt-foot-out{to{opacity:0;transform:translateY(6px)}}
++@media (prefers-reduced-motion:reduce){.bt-exchange,.bt-exchange .bt-dialog-foot{animation-duration:.01s}}
++.bt-soft{height:36px;border-radius:999px;border:0;background:var(--bt-hover);color:var(--bt-ink);padding:0 16px;font-size:14px;cursor:pointer}
++.bt-soft:hover{background:var(--bt-active)}
++.bt-time{display:block;text-align:center;font-size:12px;line-height:16px;color:var(--bt-ink-2);padding:6px 0}
++
 +.bt-panel{position:fixed;top:var(--dsh-frame-chrome-top,0px);right:0;bottom:0;width:var(--bt-panel-w,320px);pointer-events:auto;z-index:40;background:var(--bt-main);border-left:.5px solid var(--bt-line-2);display:flex;flex-direction:column;color:var(--bt-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;box-sizing:border-box;animation:bt-pane-in .3s cubic-bezier(.2,0,0,1);transition:width ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing};container:bt-panel/inline-size}
- .bt-panel[data-leaving]{transform:translateX(100%);transition:transform .3s cubic-bezier(.2,0,0,1);pointer-events:none}
- .bt-panel[data-instant]{transition:none}
- @keyframes bt-pane-in{from{transform:translateX(100%)}}
--[class*="_centerCol"]{transition:margin-right ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing}}
++.bt-panel[data-leaving]{transform:translateX(100%);transition:transform .3s cubic-bezier(.2,0,0,1);pointer-events:none}
++.bt-panel[data-instant]{transition:none}
++@keyframes bt-pane-in{from{transform:translateX(100%)}}
 +[class*="_centerCol"]{transition:margin-right ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing};position:relative;z-index:0;isolation:isolate}
- .bt-panel-grip{position:absolute;left:-5px;top:0;bottom:0;width:8px;cursor:col-resize;z-index:3;touch-action:none}
- .bt-panel-grip:hover,.bt-panel[data-dragging] .bt-panel-grip{background:linear-gradient(to right,transparent 4px,var(--bt-line-2) 4px,var(--bt-line-2) 6px,transparent 6px)}
- .bt-drag-shield{position:fixed;inset:0;z-index:45;cursor:col-resize}
-@@ -2163,6 +2163,8 @@
- .bt-drawer-id{display:flex;flex-direction:column;align-items:center;padding:14px 16px 0}
- .bt-drawer-id>.bt-mark,.bt-drawer-id>.bt-cluster{margin-bottom:16px}
- .bt-drawer-name{font-size:17px;line-height:24px;font-weight:500;border:0;background:none;color:inherit;cursor:text;padding:0 6px;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
++.bt-panel-grip{position:absolute;left:-5px;top:0;bottom:0;width:8px;cursor:col-resize;z-index:3;touch-action:none}
++.bt-panel-grip:hover,.bt-panel[data-dragging] .bt-panel-grip{background:linear-gradient(to right,transparent 4px,var(--bt-line-2) 4px,var(--bt-line-2) 6px,transparent 6px)}
++.bt-drag-shield{position:fixed;inset:0;z-index:45;cursor:col-resize}
++.bt-panel-view{flex:1;min-height:0;display:flex;flex-direction:column}
++.bt-drawer-top{display:flex;justify-content:flex-end;gap:8px;padding:12px 17px 6px 12px}
++.bt-drawer-id{display:flex;flex-direction:column;align-items:center;padding:14px 16px 0}
++.bt-drawer-id>.bt-mark,.bt-drawer-id>.bt-cluster{margin-bottom:16px}
++.bt-drawer-name{font-size:17px;line-height:24px;font-weight:500;border:0;background:none;color:inherit;cursor:text;padding:0 6px;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 +.bt-drawer-name-face{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;line-clamp:3;cursor:default}
 +.bt-drawer-name-face:hover{background:none}
- .bt-drawer-name:hover{background:var(--bt-hover)}
- .bt-drawer-name-input{font-size:17px;line-height:24px;text-align:center;border:.5px solid var(--bt-line-2);border-radius:6px;padding:0 6px;background:var(--bt-main);color:var(--bt-ink);outline:none;font-weight:500}
- .bt-drawer-role{font-size:12px;line-height:16px;color:var(--bt-ink-3);margin-top:6px;text-align:center}
-@@ -2197,7 +2197,7 @@
- .bt-avatar-anchor{position:relative}
- .bt-avatar-trigger{position:relative;width:64px;height:64px;border:0;border-radius:50%;background:none;cursor:pointer;padding:0}
- .bt-avatar-pencil{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:var(--bt-main);border:1px solid var(--bt-line-2);color:var(--bt-ink-2);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.12)}
--.bt-avedit{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:300px;background:var(--bt-main);border:1px solid var(--bt-line);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.18);padding:10px;z-index:70;display:flex;flex-direction:column;gap:10px;color:var(--bt-ink);transform-origin:top center;animation:bt-pop-drop ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out}
++.bt-drawer-name:hover{background:var(--bt-hover)}
++.bt-drawer-name-input{font-size:17px;line-height:24px;text-align:center;border:.5px solid var(--bt-line-2);border-radius:6px;padding:0 6px;background:var(--bt-main);color:var(--bt-ink);outline:none;font-weight:500}
++.bt-drawer-role{font-size:12px;line-height:16px;color:var(--bt-ink-3);margin-top:6px;text-align:center}
++.bt-tabs{position:relative;display:flex;justify-content:center;gap:2px;margin:16px 16px 0}
++.bt-tab{position:relative;z-index:1;border:0;background:none;border-radius:9999px;padding:4px 8px;font-size:13px;line-height:20px;color:var(--bt-ink-2);cursor:pointer;white-space:nowrap}
++.bt-tab:hover{color:var(--bt-ink)}
++.bt-tab[aria-selected=true]{background:var(--bt-hover);color:var(--bt-ink)}
++.bt-tabs>.bt-thumb{top:0;bottom:0;border-radius:9999px;background:var(--bt-hover)}
++.bt-tabs[data-glide] .bt-tab[aria-selected=true]{background:transparent}
++.bt-drawer-body{flex:1;overflow-y:auto;padding:20px 16px 16px;font-size:13px;line-height:18px;display:flex;flex-direction:column;gap:16px}
++.bt-empty{text-align:center;color:var(--bt-ink-3);font-size:13px;line-height:18px;padding:8px 12px}
++.bt-section-title{font-size:12px;color:var(--bt-ink-2);margin-bottom:6px}
++.bt-muted{color:var(--bt-ink-2)}
++.bt-swatches{display:flex;flex-wrap:wrap;gap:6px}
++.bt-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px var(--bt-line-2)}
++.bt-swatch[aria-pressed=true]{border-color:var(--bt-ink)}
++.bt-textarea{width:100%;box-sizing:border-box;min-height:120px;border:1px solid var(--bt-line);border-radius:8px;padding:8px;background:var(--bt-card);color:var(--bt-ink);font:inherit;resize:vertical}
++.bt-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
++.bt-kv{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:20px;color:var(--bt-ink-2)}
++.bt-kv span:last-child{color:var(--bt-ink);font-variant-numeric:tabular-nums}
++.bt-danger{color:#e02135}
++
++/* Bot settings: fields, the avatar editor popover, and the details-pane sub-view. */
++.bt-field{display:flex;flex-direction:column;gap:6px}
++.bt-field-label{font-size:13px;line-height:18px;font-weight:500}
++.bt-input{width:100%;box-sizing:border-box;height:36px;border:1px solid var(--bt-line);border-radius:8px;padding:0 10px;background:var(--bt-card);color:var(--bt-ink);font:inherit;font-size:13px;outline:none}
++.bt-input:focus{border-color:var(--bt-line-2)}
++.bt-input-area{height:auto;min-height:96px;padding:8px 10px;line-height:18px;resize:vertical}
++.bt-note{font-size:12px;line-height:16px;color:var(--bt-ink-3)}
++.bt-soft-sm{height:28px;padding:0 12px;font-size:12px}
++.bt-set-avatar{display:flex;justify-content:center;padding:4px 0}
++.bt-avatar-anchor{position:relative}
++.bt-avatar-trigger{position:relative;width:64px;height:64px;border:0;border-radius:50%;background:none;cursor:pointer;padding:0}
++.bt-avatar-pencil{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:var(--bt-main);border:1px solid var(--bt-line-2);color:var(--bt-ink-2);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.12)}
 +.bt-avedit{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:300px;background:var(--bt-main);border:1px solid var(--bt-line);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.18);padding:10px;z-index:130;display:flex;flex-direction:column;gap:10px;color:var(--bt-ink);transform-origin:top center;animation:bt-pop-drop ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out}
- .bt-bs .bt-avedit{transform-origin:32px 0}
- .bt-avedit-top{display:flex;align-items:center;justify-content:space-between}
- .bt-avedit-tabs{position:relative;display:flex;gap:2px;background:var(--bt-hover);border-radius:999px;padding:2px}
-@@ -2237,9 +2237,23 @@
- .bt-seg button.bt-perm-danger,.bt-seg button.bt-perm-danger[aria-pressed=true]{color:#e02135}
- 
- /* Settings dialog: a 198px page list beside the page. */
--.bt-settings-layer{position:fixed;inset:var(--dsh-frame-chrome-top,0px) 0 0;z-index:60;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
++.bt-bs .bt-avedit{transform-origin:32px 0}
++.bt-avedit-top{display:flex;align-items:center;justify-content:space-between}
++.bt-avedit-tabs{position:relative;display:flex;gap:2px;background:var(--bt-hover);border-radius:999px;padding:2px}
++.bt-avedit-tab{position:relative;z-index:1;border:0;background:none;border-radius:999px;padding:3px 10px;font-size:12px;line-height:16px;color:var(--bt-ink-2);cursor:pointer}
++.bt-avedit-tab[aria-selected=true]{background:var(--bt-main);color:var(--bt-ink)}
++.bt-avedit-tabs>.bt-thumb{top:2px;bottom:2px;border-radius:999px;background:var(--bt-main);box-shadow:0 1px 2px rgba(0,0,0,.06)}
++.bt-avedit-tabs[data-glide] .bt-avedit-tab[aria-selected=true]{background:transparent}
++.bt-avedit-reset{color:var(--bt-ink-3)}
++.bt-avedit-reset:hover{color:var(--bt-ink)}
++.bt-shapes{display:flex;flex-direction:column;gap:2px}
++.bt-shape-row{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}
++.bt-shape{position:relative;aspect-ratio:1;border:0;border-radius:8px;background:none;color:var(--bt-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
++.bt-shape:hover{background:var(--bt-hover)}
++.bt-shape .bt-ring{position:absolute;left:50%;top:50%;width:36px;height:36px;translate:-50% -50%;overflow:visible;opacity:0;scale:.82;pointer-events:none;transition:opacity .14s ease,${spring(SPRING_POP, "scale")}}
++.bt-shape[aria-pressed=true] .bt-ring{opacity:1;scale:1}
++.bt-colors{display:flex;justify-content:space-between}
++.bt-color{width:22px;height:22px;border-radius:50%;border:2px solid transparent;padding:2px;background:none;cursor:pointer;box-sizing:border-box;transition:border-color .14s ease,${spring(SPRING_TAP, "scale")}}
++.bt-color[aria-pressed=true] span{animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
++.bt-color span{display:block;width:100%;height:100%;border-radius:50%}
++.bt-color[aria-pressed=true]{border-color:var(--bt-ink)}
++.bt-dropzone{border:1.5px dashed var(--bt-line-2);border-radius:10px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--bt-ink-2);font-size:12px;line-height:16px;text-align:center}
++.bt-dropzone[data-over]{border-color:var(--bt-accent);color:var(--bt-ink)}
++.bt-dropzone img{width:64px;height:64px;border-radius:50%;object-fit:cover}
++.bt-set-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
++.bt-about{white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
++.bt-about[data-open]{display:block;-webkit-line-clamp:unset}
++.bt-more{border:0;background:none;color:var(--bt-ink-3);font-size:12px;line-height:16px;cursor:pointer;padding:2px 0}
++.bt-more:hover{color:var(--bt-ink)}
++.bt-subhead{display:flex;align-items:center;gap:4px;padding:10px 12px 4px}
++.bt-subhead-title{flex:1;font-size:15px;line-height:24px;font-weight:600;padding-left:4px}
++.bt-icon-btn{width:28px;height:28px;border-radius:50%;border:0;background:none;color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
++.bt-icon-btn:hover{background:var(--bt-hover);color:var(--bt-ink)}
++.bt-set-body{gap:20px}
++.bt-drawer-model{display:flex;flex-direction:column}
++.bt-drawer-model .bt-note{margin-top:6px}
++.bt-drawer-permission{display:flex;flex-direction:column}
++.bt-seg button.bt-perm-danger,.bt-seg button.bt-perm-danger[aria-pressed=true]{color:#e02135}
++
++/* Settings dialog: a 198px page list beside the page. */
 +/* #1347: dialogs, sheets and scrims sit in a tier of their own, well clear of everything the
 +   chat surface may do. They used to share 60/61 with the context menu, the reaction strip and the
 +   remote-Bot sheet, so any body-level popover opened after them tied on z-index and won on DOM
@@ -3306,8 +4583,8 @@ diff --git a/client.js b/client.js
 +   chat column is additionally capped at z-index 0 inside its own stacking context (see the
 +   center-column rule below), so nothing in the thread can outrank these whatever it does. */
 +.bt-settings-layer{position:fixed;inset:var(--dsh-frame-chrome-top,0px) 0 0;z-index:120;isolation:isolate;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
- .bt-scrim{position:absolute;inset:0;background:rgba(0,0,0,.32);animation:bt-fade .22s ease-out}
- body[data-ds-dark-theme] .bt-scrim{background:rgba(0,0,0,.5)}
++.bt-scrim{position:absolute;inset:0;background:rgba(0,0,0,.32);animation:bt-fade .22s ease-out}
++body[data-ds-dark-theme] .bt-scrim{background:rgba(0,0,0,.5)}
 +/* #1347: a modal is a modal. A 0.32 scrim leaves the thread legible behind it, and the owner read that
 +   as the chat painting through the dialog ("assistant text readable across columns", a pill visible at
 +   full opacity behind the Inbox). The scrim now separates the two surfaces outright: the thread is
@@ -3315,34 +4592,68 @@ diff --git a/client.js b/client.js
 +   still dismisses on a click, so nothing else about it changes. */
 +body:not([data-ds-dark-theme]) .bt-scrim{background:rgba(12,12,14,.62)}
 +body[data-ds-dark-theme] .bt-scrim{background:rgba(0,0,0,.7)}
- .bt-settings{--bt-set-w:min(800px,calc(100vw - 48px));--bt-set-h:min(620px,calc(100vh - 2*max(32px,var(--dsh-frame-overlay-top,32px))));position:relative;width:var(--bt-set-w);height:var(--bt-set-h);background:var(--bt-main);border-radius:16px;border:.5px solid var(--bt-line-2);box-shadow:0 24px 80px rgba(0,0,0,.24);display:flex;overflow:hidden;color:var(--bt-ink);transition:${spring(SPRING_SHAPE, "width", "height")};animation:bt-dialog-rise ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
- .bt-settings[data-wide]{--bt-set-w:min(1100px,calc(100vw - 48px));--bt-set-h:min(780px,calc(100vh - 2*max(32px,var(--dsh-frame-overlay-top,32px))))}
- :is(.bt-settings-layer,.bt-mem-layer)[data-leaving]{pointer-events:none}
-@@ -2255,6 +2255,7 @@
- .bt-settings-nav>.bt-thumb{left:8px;right:8px;border-radius:8px;background:var(--bt-active)}
- .bt-settings-nav[data-glide] .bt-settings-item[aria-current=page]{background:transparent}
- .bt-settings-shell{margin-top:auto}
++.bt-settings{--bt-set-w:min(800px,calc(100vw - 48px));--bt-set-h:min(620px,calc(100vh - 2*max(32px,var(--dsh-frame-overlay-top,32px))));position:relative;width:var(--bt-set-w);height:var(--bt-set-h);background:var(--bt-main);border-radius:16px;border:.5px solid var(--bt-line-2);box-shadow:0 24px 80px rgba(0,0,0,.24);display:flex;overflow:hidden;color:var(--bt-ink);transition:${spring(SPRING_SHAPE, "width", "height")};animation:bt-dialog-rise ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
++.bt-settings[data-wide]{--bt-set-w:min(1100px,calc(100vw - 48px));--bt-set-h:min(780px,calc(100vh - 2*max(32px,var(--dsh-frame-overlay-top,32px))))}
++:is(.bt-settings-layer,.bt-mem-layer)[data-leaving]{pointer-events:none}
++:is(.bt-settings-layer,.bt-mem-layer)[data-leaving] .bt-scrim{opacity:0;transition:opacity .16s ease-in}
++:is(.bt-settings-layer,.bt-mem-layer)[data-leaving]>[role=dialog]{animation:bt-dialog-sink .16s cubic-bezier(.4,0,1,1) forwards}
++@keyframes bt-dialog-rise{from{transform:translateY(12px) scale(.96)}}
++@keyframes bt-dialog-sink{to{opacity:0;transform:translateY(6px) scale(.975);filter:blur(3px)}}
++@media (prefers-reduced-motion:reduce){.bt-settings{transition:none}.bt-settings,.bt-scrim,.bt-settings-page>*{animation:bt-fade .12s ease-out!important}}
++.bt-settings-nav{position:relative;width:198px;flex:none;padding:16px 8px;border-right:.5px solid var(--bt-line);display:flex;flex-direction:column;gap:2px;background:var(--bt-sidebar);box-sizing:border-box}
++.bt-settings-item{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding:6px 8px;border:0;border-radius:8px;background:none;color:var(--bt-ink-2);font:inherit;font-size:13px;line-height:20px;cursor:pointer;text-align:left;transition:background-color .12s ease,color .12s ease}
++.bt-settings-item:hover{color:var(--bt-ink);background:var(--bt-hover)}
++.bt-settings-item[aria-current=page]{background:var(--bt-active);color:var(--bt-ink)}
++.bt-settings-nav>.bt-thumb{left:8px;right:8px;border-radius:8px;background:var(--bt-active)}
++.bt-settings-nav[data-glide] .bt-settings-item[aria-current=page]{background:transparent}
++.bt-settings-shell{margin-top:auto}
 +.bt-settings-out{margin-left:auto;opacity:.6;font-size:12px}
- /* Usage while another page is open: out of the flow at Usage's own width, so it keeps
-    its layout, and not rendered. */
- .bt-settings-usage[data-off]{position:absolute;top:0;left:198px;width:calc(min(1100px,calc(100vw - 48px)) - 198px);height:100%;box-sizing:border-box;content-visibility:hidden;pointer-events:none}
-@@ -2288,13 +2288,63 @@
- .bt-set-card>.bt-set-row+.bt-set-row{border-top:.5px solid var(--bt-line)}
- .bt-set-row:first-child{border-top-left-radius:12px;border-top-right-radius:12px}
- .bt-set-row:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}
++/* Usage while another page is open: out of the flow at Usage's own width, so it keeps
++   its layout, and not rendered. */
++.bt-settings-usage[data-off]{position:absolute;top:0;left:198px;width:calc(min(1100px,calc(100vw - 48px)) - 198px);height:100%;box-sizing:border-box;content-visibility:hidden;pointer-events:none}
++/* The page column takes the dialog's final size at once, so while the dialog resizes
++   only its edge moves and the page does not lay out again every frame. */
++.bt-settings-main{flex:none;display:flex;flex-direction:column;min-width:0;width:calc(var(--bt-set-w) - 198px);height:var(--bt-set-h)}
++.bt-settings-head{display:flex;align-items:center;gap:6px;padding:16px 56px 4px 20px}
++.bt-settings-head h2{margin:0;font-size:15px;line-height:24px;font-weight:600;animation:bt-veil-in .2s ease-out}
++.bt-settings-head>.bt-icon-btn{animation:bt-back-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out}
++@keyframes bt-back-in{from{translate:6px 0;scale:.8}}
++.bt-settings-scroll{flex:1;overflow-y:auto;padding:12px 20px 24px;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin}
++.bt-settings-page>:not(.bt-us){animation:bt-page-up ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} backwards,bt-veil-in .22s ease-out backwards}
++.bt-settings-page[data-move=in]>:not(.bt-us){animation-name:bt-page-in,bt-veil-in}
++.bt-settings-page[data-move=out]>:not(.bt-us){animation-name:bt-page-out,bt-veil-in}
++.bt-settings-page>:nth-child(2){animation-delay:30ms}
++.bt-settings-page>:nth-child(3){animation-delay:60ms}
++.bt-settings-page>:nth-child(4){animation-delay:90ms}
++.bt-settings-page>:nth-child(n+5){animation-delay:120ms}
++@keyframes bt-page-up{from{transform:translateY(10px)}}
++@keyframes bt-page-in{from{transform:translateX(18px)}}
++@keyframes bt-page-out{from{transform:translateX(-18px)}}
++.bt-settings-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:0;background:var(--bt-hover);color:var(--bt-ink-2);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
++.bt-settings-close:hover{background:var(--bt-active);color:var(--bt-ink)}
++.bt-settings-form{display:flex;flex-direction:column;gap:16px}
++.bt-set-section h3{font-size:13px;line-height:18px;font-weight:600;margin:0 0 8px;padding:0 4px}
++.bt-set-card{border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-card);display:flex;flex-direction:column}
++.bt-set-card>*+*{border-top:.5px solid var(--bt-line)}
++.bt-set-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;background:none;color:var(--bt-ink);font:inherit;font-size:13px;line-height:18px;text-align:left;width:100%;box-sizing:border-box;border-radius:0}
++button.bt-set-row{cursor:pointer}
++button.bt-set-row:hover{background:var(--bt-hover)}
++.bt-set-card>.bt-set-row+.bt-set-row{border-top:.5px solid var(--bt-line)}
++.bt-set-row:first-child{border-top-left-radius:12px;border-top-right-radius:12px}
++.bt-set-row:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}
 +/* #892: a plugin's rows in the Members card (Invite by link) sit on the card's own padding, like a row. */
 +.bt-flybot-room-members{padding:10px 12px}
- .bt-set-copy{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
++.bt-set-copy{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
 +/* #1347: a row's copy never breaks its own label. The label used to be a bare inline span inside a
 +   column that flexed down to 36px, so "Name" came out as "Nam" + "e"; a single-word label is now one
 +   line, and the hint below it is what wraps when the column is short. */
 +.bt-set-copy>.bt-bs-label,.bt-set-copy>.bt-set-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
- .bt-set-hint{font-size:12px;line-height:16px;color:color-mix(in srgb,var(--bt-ink-2) 50%,var(--bt-ink-3))}
- .bt-set-control{flex:none;display:flex;align-items:center;gap:6px}
- .bt-set-value{font-size:13px;color:var(--bt-ink-2);text-align:right}
- .bt-set-bot{flex:1;display:flex;align-items:center;gap:8px;min-width:0}
- .bt-set-paste{flex-direction:column;align-items:stretch;gap:8px}
- .bt-chevron{color:var(--bt-ink-3);display:inline-flex;flex:none}
++.bt-set-hint{font-size:12px;line-height:16px;color:color-mix(in srgb,var(--bt-ink-2) 50%,var(--bt-ink-3))}
++.bt-set-control{flex:none;display:flex;align-items:center;gap:6px}
++.bt-set-value{font-size:13px;color:var(--bt-ink-2);text-align:right}
++.bt-set-bot{flex:1;display:flex;align-items:center;gap:8px;min-width:0}
++.bt-set-paste{flex-direction:column;align-items:stretch;gap:8px}
++.bt-chevron{color:var(--bt-ink-3);display:inline-flex;flex:none}
 +/* Settings → Workflows (#1364): factory and your own pipelines, then the flowchart. */
 +.bt-wf-page{display:flex;flex-direction:column;gap:16px}
 +.bt-wf-hint{margin:0;font-size:12px;line-height:1.5;color:var(--bt-ink-2)}
@@ -3387,81 +4698,373 @@ diff --git a/client.js b/client.js
 +.bt-wf-remove{position:absolute;top:-8px;right:-8px;width:18px;height:18px;border-radius:50%;border:1px solid var(--bt-line);background:var(--bt-card);cursor:pointer;line-height:16px;padding:0}
 +.bt-wf-par{position:absolute;border:1px dashed var(--bt-ink-3);border-radius:14px;pointer-events:none}
 +.bt-wf-plabel{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-size:10.5px;color:var(--bt-ink-2);background:var(--bt-card);padding:0 6px;white-space:nowrap}
- 
- /* Settings → Connectors. */
- .bt-connector{display:flex;flex-direction:column;gap:10px;padding:12px}
-@@ -2308,8 +2308,17 @@
- .bt-connector-actions{flex:none;display:flex;gap:6px}
- .bt-connector-form{display:flex;flex-direction:column;gap:8px;padding-left:48px;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
- .bt-connector-form-row{display:flex;align-items:center;gap:6px}
++
++/* Settings → Connectors. */
++.bt-connector{display:flex;flex-direction:column;gap:10px;padding:12px}
++.bt-connector-head{display:flex;align-items:center;gap:12px;min-width:0}
++.bt-connector-mark{flex:none;width:36px;height:36px;border-radius:10px;background:var(--bt-card);border:.5px solid var(--bt-line);display:flex;align-items:center;justify-content:center;color:var(--bt-ink)}
++.bt-connector-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
++.bt-connector-name{font-size:14px;line-height:20px;font-weight:500}
++.bt-connector-status{font-size:12px;line-height:16px;color:var(--bt-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
++.bt-connector[data-state=ready] .bt-connector-status{color:var(--bt-ink-2)}
++.bt-connector[data-state=error] .bt-connector-status{color:#e02135;white-space:normal}
++.bt-connector-actions{flex:none;display:flex;gap:6px}
++.bt-connector-form{display:flex;flex-direction:column;gap:8px;padding-left:48px;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
++.bt-connector-form-row{display:flex;align-items:center;gap:6px}
 +.bt-connector-apps{display:flex;flex-direction:column;gap:8px}
- .bt-connector-link{flex:1;font-size:12px;color:var(--bt-ink-2)}
++.bt-connector-link{flex:1;font-size:12px;color:var(--bt-ink-2)}
 +.bt-connector-uses{padding-left:48px;font-size:12px;line-height:16px;color:var(--bt-ink-3)}
 +.bt-connector-bots{display:flex;flex-direction:column;gap:2px;padding-left:48px;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
 +.bt-connector-others{padding-left:20px}
- .bt-connector-error{padding-left:48px;font-size:12px;line-height:16px;color:#e02135}
++.bt-connector-error{padding-left:48px;font-size:12px;line-height:16px;color:#e02135}
 +.bt-connector-app-list{list-style:none;margin:0;padding:0 0 0 48px;display:flex;flex-direction:column;gap:2px}
 +.bt-connector-app{display:flex;gap:8px;font-size:12px;line-height:16px;color:var(--bt-ink-2)}
 +.bt-connector-app-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 +.bt-app-status{color:var(--bt-ink-3)}
 +[data-status=sign-in]>.bt-app-status{color:#c46a00}
- 
- /* Shell chrome reshaped for the team view. Selectors use stable data attributes where the
-    shell offers them and CSS-module name suffixes elsewhere. */
-@@ -2361,7 +2361,7 @@
- .bt-tool:hover,.bt-tool[aria-expanded=true]{background:var(--bt-hover);color:var(--bt-ink)}
- .bt-tool:active{background:var(--bt-active)}
- .bt-tool:focus-visible{outline:2px solid var(--bt-accent);outline-offset:-2px}
--.bt-react-strip{position:fixed;z-index:60;pointer-events:auto;display:flex;gap:2px;padding:4px;border-radius:999px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 10px 20px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.06);transform:translate(-50%,-100%);transform-origin:bottom center;animation:bt-pop-lift ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .14s ease-out}
++
++/* Shell chrome reshaped for the team view. Selectors use stable data attributes where the
++   shell offers them and CSS-module name suffixes elsewhere. */
++[class*="_logoRow"],[class*="_newSession"],nav[class*="_panelList"]{display:none!important}
++[class*="_footArea"]{display:flex!important;flex-direction:row-reverse;align-items:center;gap:9px;padding:8px 6px 6px!important}
++[class*="_footArea"]>[class*="_footerActions"]{flex:1 1 auto;min-width:0}
++[class*="_footArea"]>[class*="_settingsArea"]{flex:none;width:auto!important}
++[class*="_footArea"] button[aria-label="Settings"]{width:auto!important;padding:0!important;background:none!important;border-radius:50%!important;height:auto!important}
++[class*="_widthHandle"]{display:none!important}
++
++.bt-voice-pane{flex-direction:column;align-items:center;justify-content:center;animation:bt-fade .2s ease-out}
++.bt-voice-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;max-width:560px;text-align:center}
++.bt-voice-orb{position:relative;width:200px;height:200px;display:grid;place-items:center;margin-bottom:8px}
++.bt-voice-ring{position:absolute;inset:34px;border-radius:50%;background:var(--bt-hover);transform:scale(calc(1 + var(--bt-level,0) * .55));transition:transform .08s linear}
++.bt-voice-ring-2{inset:14px;background:none;box-shadow:inset 0 0 0 1px var(--bt-line-2);transform:scale(calc(.94 + var(--bt-level,0) * .3));opacity:.8}
++.bt-voice-stage[data-phase=thinking] .bt-voice-ring{animation:bt-voice-breathe 1.6s ease-in-out infinite}
++.bt-voice-stage[data-phase=speaking] .bt-voice-ring{animation:bt-voice-speak .9s ease-in-out infinite}
++@keyframes bt-voice-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
++@keyframes bt-voice-speak{0%,100%{transform:scale(1.04)}30%{transform:scale(1.2)}60%{transform:scale(1.1)}}
++.bt-voice-orb>.bt-mark{position:relative}
++.bt-voice-name{font-size:16px;line-height:22px;font-weight:500}
++.bt-voice-status{font-size:13px;line-height:18px;color:var(--bt-ink-2);min-height:18px}
++.bt-voice-caption{min-height:44px;font-size:15px;line-height:22px;color:var(--bt-ink);animation:bt-blur-in .25s ease-out;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
++.bt-voice-note{font-size:12px;color:#e02135}
++.bt-voice-setup{height:32px;padding:0 14px;border-radius:16px;border:0;background:var(--bt-hover);color:var(--bt-ink);font:inherit;font-size:13px;cursor:pointer;transition:background-color .15s ease}
++.bt-voice-setup:hover{background:var(--bt-active)}
++.bt-voice-bar{display:flex;gap:16px;padding:0 0 32px}
++.bt-voice-btn{position:relative;width:52px;height:52px;border-radius:50%;border:0;background:var(--bt-hover);color:var(--bt-ink);display:grid;place-items:center;cursor:pointer;transition:background-color .15s ease,transform .12s ease}
++.bt-voice-btn:hover{background:var(--bt-active)}
++.bt-voice-btn:active{transform:scale(.94)}
++.bt-voice-btn[aria-pressed=true]{background:var(--bt-user);color:var(--bt-user-ink)}
++.bt-voice-slash{position:absolute;width:24px;height:2px;border-radius:1px;background:currentColor;transform:rotate(-45deg)}
++.bt-voice-end{background:#ff3e51;color:#fff}
++.bt-voice-end:hover{background:#e02135}
++@keyframes bt-fade{from{opacity:0}to{opacity:1}}
++@keyframes bt-blur-in{from{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
++@media (prefers-reduced-motion:reduce){.bt-voice-pane,.bt-voice-caption,.bt-voice-ring{animation:none!important}}
++.bt-msg{display:flex;flex-direction:column;align-items:flex-start;max-width:min(80%,560px,calc(100% - 82px))}
++/* The bubble's row: reactions hang below it, so the hover toolbar (and a group
++   sender's avatar) line up with the bubble alone. */
++.bt-msg-line{position:relative;display:flex;align-items:flex-end;gap:8px;max-width:100%}
++.bt-msg-line>.bt-bubble{max-width:none;min-width:0}
++/* The same bubble width as beside an avatar column: 80% of (100% - 30px), plus the 30px. */
++.bt-astack[data-lead]>.bt-msg{max-width:min(calc(80% + 6px),590px,calc(100% - 52px))}
++.bt-tools{position:absolute;top:50%;left:100%;margin-left:6px;transform:translateY(-50%);display:flex;gap:2px;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility .12s}
++.bt-tools::after{content:"";position:absolute;top:-8px;bottom:-8px;right:100%;width:128px;z-index:-1}
++.bt-msg:hover>.bt-msg-line>.bt-tools,.bt-msg:focus-within>.bt-msg-line>.bt-tools,.bt-tools[data-open]{opacity:1;visibility:visible}
++.bt-tool{width:24px;height:24px;border:0;padding:0;border-radius:6px;background:none;color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .12s ease,color .12s ease}
++.bt-tool:hover,.bt-tool[aria-expanded=true]{background:var(--bt-hover);color:var(--bt-ink)}
++.bt-tool:active{background:var(--bt-active)}
++.bt-tool:focus-visible{outline:2px solid var(--bt-accent);outline-offset:-2px}
 +.bt-react-strip{position:fixed;z-index:130;pointer-events:auto;display:flex;gap:2px;padding:4px;border-radius:999px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 10px 20px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.06);transform:translate(-50%,-100%);transform-origin:bottom center;animation:bt-pop-lift ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .14s ease-out}
- .bt-react-strip button{width:32px;height:32px;border:0;border-radius:50%;background:none;font-size:18px;line-height:1;cursor:pointer;transition:background-color .12s ease,${spring(SPRING_POP, "transform")};animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} backwards}
- .bt-react-strip button:nth-child(2){animation-delay:20ms}
- .bt-react-strip button:nth-child(3){animation-delay:40ms}
-@@ -2380,7 +2380,7 @@
- .bt-you-wrap{display:inline-flex;padding:0}
- .bt-connect-foot{width:100%;height:36px}
- 
--.bt-menu{position:fixed;pointer-events:auto;z-index:60;min-width:200px;padding:6px;border-radius:12px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 10px 20px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1),0 0 0 1px rgba(228,228,228,.04);display:flex;flex-direction:column;gap:2px;transform-origin:var(--bt-origin,top left);animation:bt-pop-drop ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .14s ease-out;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;box-sizing:border-box}
++.bt-react-strip button{width:32px;height:32px;border:0;border-radius:50%;background:none;font-size:18px;line-height:1;cursor:pointer;transition:background-color .12s ease,${spring(SPRING_POP, "transform")};animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} backwards}
++.bt-react-strip button:nth-child(2){animation-delay:20ms}
++.bt-react-strip button:nth-child(3){animation-delay:40ms}
++.bt-react-strip button:nth-child(4){animation-delay:60ms}
++.bt-react-strip button:nth-child(n+5){animation-delay:80ms}
++.bt-react-strip button:hover{background:var(--bt-hover);transform:scale(1.15)}
++.bt-react-strip button:active{transform:scale(.92)}
++.bt-reacts{display:flex;gap:4px;margin-top:4px}
++.bt-react{height:22px;min-width:30px;padding:0 6px;border-radius:999px;border:.5px solid var(--bt-line-2);background:var(--bt-main);font-size:13px;line-height:20px;cursor:pointer;animation:bt-react-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing};transition:background-color .12s ease,${spring(SPRING_TAP, "scale")}}
++.bt-react:hover{background:var(--bt-hover)}
++.bt-react:active{scale:.92}
++@keyframes bt-react-pop{from{transform:scale(.6);opacity:0}}
++.bt-bubble a[href^="${MENTION_ORIGIN}"] svg{display:none}
++.bt-you{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bt-ink) 5%,var(--bt-sidebar));color:var(--bt-ink-2);box-shadow:inset 0 0 0 1px var(--bt-line);transition:background-color .12s ease}
++button:hover .bt-you{background:color-mix(in srgb,var(--bt-ink) 9%,var(--bt-sidebar))}
++.bt-you-wrap{display:inline-flex;padding:0}
++.bt-connect-foot{width:100%;height:36px}
++
 +.bt-menu{position:fixed;pointer-events:auto;z-index:130;min-width:200px;padding:6px;border-radius:12px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 10px 20px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1),0 0 0 1px rgba(228,228,228,.04);display:flex;flex-direction:column;gap:2px;transform-origin:var(--bt-origin,top left);animation:bt-pop-drop ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .14s ease-out;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;box-sizing:border-box}
- .bt-menu button{display:flex;align-items:center;gap:4px;width:100%;min-height:30px;text-align:left;border:0;background:none;border-radius:6px;padding:6px 8px;font:inherit;font-size:13px;line-height:18px;color:var(--bt-ink);cursor:pointer;box-sizing:border-box}
- .bt-menu button:hover{background:var(--bt-hover)}
- .bt-menu button svg{flex:none;width:16px;height:16px;margin:0 1px}
-@@ -2390,7 +2390,7 @@
- .bt-menu[data-leaving]{pointer-events:none;animation:bt-pop-out .12s cubic-bezier(.4,0,1,1) forwards}
- .bt-menu-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
- .bt-menu-hint{flex:none;color:var(--bt-ink-3);font-size:12px;font-variant-numeric:tabular-nums}
--.bt-palette-layer{position:fixed;inset:var(--dsh-frame-chrome-top,0px) 0 0;z-index:70;pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
++.bt-menu button{display:flex;align-items:center;gap:4px;width:100%;min-height:30px;text-align:left;border:0;background:none;border-radius:6px;padding:6px 8px;font:inherit;font-size:13px;line-height:18px;color:var(--bt-ink);cursor:pointer;box-sizing:border-box}
++.bt-menu button:hover{background:var(--bt-hover)}
++.bt-menu button svg{flex:none;width:16px;height:16px;margin:0 1px}
++.bt-menu .bt-danger{color:#c21d2e}
++.bt-menu-sep{height:.5px;flex:none;background:var(--bt-line-2);margin:4px 8px}
++.bt-menu-up{--bt-origin:bottom left;animation-name:bt-pop-lift,bt-veil-in}
++.bt-menu[data-leaving]{pointer-events:none;animation:bt-pop-out .12s cubic-bezier(.4,0,1,1) forwards}
++.bt-menu-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
++.bt-menu-hint{flex:none;color:var(--bt-ink-3);font-size:12px;font-variant-numeric:tabular-nums}
 +.bt-palette-layer{position:fixed;inset:var(--dsh-frame-chrome-top,0px) 0 0;z-index:140;isolation:isolate;pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
- .bt-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.46);animation:bt-fade .22s ease-out}
- .bt-palette{position:absolute;top:50%;left:50%;width:min(560px,92vw);transform:translate(-50%,-50%);display:flex;flex-direction:column;border-radius:12px;background:var(--bt-main);border:1px solid var(--bt-line-2);box-shadow:0 24px 48px -12px rgba(0,0,0,.25);overflow:hidden;color:var(--bt-ink);animation:bt-palette-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
- .bt-palette-layer[data-leaving]{pointer-events:none}
-@@ -2427,7 +2427,8 @@
- .bt-palette-empty-label{font-size:14px;font-weight:500;color:var(--bt-ink-2)}
- .bt-palette-empty-hint{font-size:13px;line-height:16px;color:var(--bt-ink-3)}
- @media (prefers-reduced-motion:reduce){.bt-palette{animation:bt-fade .1s ease-out}}
--.bt-account-menu{width:224px}
++.bt-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.46);animation:bt-fade .22s ease-out}
++.bt-palette{position:absolute;top:50%;left:50%;width:min(560px,92vw);transform:translate(-50%,-50%);display:flex;flex-direction:column;border-radius:12px;background:var(--bt-main);border:1px solid var(--bt-line-2);box-shadow:0 24px 48px -12px rgba(0,0,0,.25);overflow:hidden;color:var(--bt-ink);animation:bt-palette-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
++.bt-palette-layer[data-leaving]{pointer-events:none}
++.bt-palette-layer[data-leaving] .bt-backdrop{opacity:0;transition:opacity .16s ease-in}
++.bt-palette-layer[data-leaving] .bt-palette{animation:bt-dialog-sink .16s cubic-bezier(.4,0,1,1) forwards}
++@keyframes bt-palette-in{from{translate:0 -10px;scale:.96}}
++.bt-palette-head{display:flex;align-items:center;gap:4px;padding:14px 10px 14px 14px;border-bottom:.5px solid var(--bt-line-2)}
++.bt-palette-glyph{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;color:var(--bt-ink-3);margin-right:4px}
++.bt-palette-head input{flex:1;min-width:0;border:0;outline:none;background:none;color:var(--bt-ink);font:inherit;font-size:15px;line-height:22px;padding:0}
++.bt-palette-head input::placeholder{color:var(--bt-ink-3)}
++.bt-palette-clear{width:18px;height:18px;border:0;padding:0;border-radius:6px;background:none;color:var(--bt-ink-3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
++.bt-palette-clear:hover{color:var(--bt-ink)}
++.bt-palette-clear svg{width:12px;height:12px}
++.bt-palette-list{position:relative;height:402px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px;box-sizing:border-box}
++.bt-palette-list>.bt-thumb,.bt-drop-list>.bt-thumb{left:0;right:0;border-radius:8px;background:var(--bt-active)}
++.bt-palette-list>.bt-thumb{left:8px;right:8px}
++:is(.bt-palette-list,.bt-drop-list)[data-glide] [aria-selected=true]{background:transparent}
++:is(.bt-palette-row,.bt-palette-section,.bt-drop-list>.bt-option){position:relative;z-index:1}
++.bt-palette-section{padding:8px 8px 4px;font-size:12px;line-height:16px;color:var(--bt-ink-3);flex:none}
++.bt-palette-section:first-of-type{padding-top:0}
++.bt-palette-row{flex:none;display:flex;align-items:center;gap:8px;height:49px;padding:6px 10px 6px 8px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;width:100%}
++.bt-palette-row[aria-selected=true]{background:var(--bt-active)}
++.bt-palette-lead{flex:none;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}
++.bt-palette-cmd{width:24px;height:24px;border-radius:50%;background:var(--bt-hover);display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink-2)}
++.bt-palette-cmd svg{width:14px;height:14px}
++.bt-palette-agent{width:24px;height:24px;border-radius:50%;background:var(--bt-hover);display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink)}
++.bt-palette-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
++.bt-palette-title{font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
++.bt-palette-sub{font-size:12px;line-height:16px;color:var(--bt-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
++.bt-palette-badge{flex:none;font-size:11px;line-height:16px;padding:0 6px;border-radius:4px;background:var(--bt-tag-bg);color:var(--bt-tag-ink)}
++.bt-palette-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 16px;text-align:center;animation:bt-veil-in .22s ease-out}
++.bt-palette-empty-icon{color:var(--bt-line-2)}
++.bt-palette-empty-icon svg{width:32px;height:32px}
++.bt-palette-empty-label{font-size:14px;font-weight:500;color:var(--bt-ink-2)}
++.bt-palette-empty-hint{font-size:13px;line-height:16px;color:var(--bt-ink-3)}
++@media (prefers-reduced-motion:reduce){.bt-palette{animation:bt-fade .1s ease-out}}
 +.bt-account-menu{min-width:224px;width:max-content;max-width:calc(100vw - 16px)}
 +.bt-flybot-account-header:not(:empty){padding:6px 0 2px;margin-bottom:4px;border-bottom:.5px solid var(--bt-line-2)}
- .bt-account{flex:none;width:36px;height:36px;border:0;padding:0;background:none;border-radius:50%;cursor:pointer;display:inline-flex}
- .bt-account:hover .bt-you,.bt-account[aria-expanded=true] .bt-you{background:color-mix(in srgb,var(--bt-ink) 9%,var(--bt-sidebar))}
- /* Popover keyframes move translate and scale, which compose with a transform the popover
-@@ -2494,7 +2494,7 @@
- .bt-mem-row>svg{flex:none;color:var(--bt-ink-2)}
- .bt-mem-row-copy{flex:1;text-align:left}
- .bt-mem-row-go{display:inline-flex;align-items:center;gap:2px;color:var(--bt-ink-3);font-size:12px}
--.bt-mem-layer{position:fixed;inset:var(--dsh-frame-chrome-top,0px) 0 0;z-index:61;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
++.bt-account{flex:none;width:36px;height:36px;border:0;padding:0;background:none;border-radius:50%;cursor:pointer;display:inline-flex}
++.bt-account:hover .bt-you,.bt-account[aria-expanded=true] .bt-you{background:color-mix(in srgb,var(--bt-ink) 9%,var(--bt-sidebar))}
++/* Popover keyframes move translate and scale, which compose with a transform the popover
++   already has. */
++@keyframes bt-pop-drop{from{translate:0 -4px;scale:.96}}
++@keyframes bt-pop-lift{from{translate:0 4px;scale:.96}}
++@keyframes bt-pop-out{to{opacity:0;scale:.97;filter:blur(2px)}}
++@keyframes bt-veil-in{from{opacity:0;filter:blur(6px)}}
++@keyframes bt-check-pop{from{opacity:0;scale:.4}}
++@media (prefers-reduced-motion:reduce){.bt-menu,.bt-avedit,.bt-react-strip{animation:bt-fade .1s ease-out}.bt-react-strip button,.bt-q-check,.bt-color[aria-pressed=true] span{animation:none}}
++.bt-brand:hover{background:var(--bt-hover)}
++.bt-drop-list{position:relative;display:flex;flex-direction:column;gap:2px}
++.bt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
++.bt-pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 2px 6px;border-radius:10px;border:1px solid transparent;background:none;color:var(--bt-ink);cursor:pointer;font:inherit;font-size:11px;line-height:14px;min-width:0}
++.bt-pick:hover{background:var(--bt-hover)}
++.bt-pick[aria-pressed=true]{border-color:var(--bt-line-2);background:var(--bt-hover)}
++.bt-pick>span:last-child:not(.bt-mark){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
++.bt-pick:hover .bt-mark[data-state=idle] .bt-eye{animation:bt-blink .5s linear 1}
++.bt-select{width:100%;height:34px;box-sizing:border-box;border-radius:8px;border:1px solid var(--bt-line);background:var(--bt-card);color:var(--bt-ink);padding:0 8px;font:inherit;font-size:13px}
++.bt-note{font-size:12px;line-height:16px;color:var(--bt-ink-2);margin-top:6px}
++.bt-swatch-sep{width:1px;height:22px;background:var(--bt-line-2);margin:0 2px}
++.bt-swatch-custom{position:relative;overflow:hidden;background:conic-gradient(#ff3e51,#ffaf38,#00c972,#1cc3b0,#2a92fe,#a97efe,#ff5eb1,#ff3e51);box-sizing:border-box}
++.bt-swatch-custom[data-on=true]{border-color:var(--bt-ink)}
++.bt-swatch-custom input{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);opacity:0;cursor:pointer;border:0;padding:0}
++.bt-swatch-default{background:linear-gradient(135deg,var(--bt-card) 0 46%,var(--bt-line-2) 46% 54%,var(--bt-card) 54%);box-shadow:inset 0 0 0 1px var(--bt-line-2)}
++.bt-states{display:flex;flex-wrap:wrap;gap:4px}
++.bt-state{border:1px solid var(--bt-line);background:none;border-radius:999px;font:inherit;font-size:11px;line-height:16px;padding:2px 8px;color:var(--bt-ink-2);cursor:pointer}
++.bt-state:hover{color:var(--bt-ink)}
++.bt-state[aria-pressed=true]{background:var(--bt-active);border-color:var(--bt-line-2);color:var(--bt-ink)}
++.bt-theme-chip{position:relative;width:46px;height:30px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--bt-line-2);background:linear-gradient(90deg,var(--ls) 0 36%,var(--lb) 36%);overflow:hidden}
++.bt-theme-chip i{position:absolute;right:7px;bottom:7px;width:10px;height:10px;border-radius:50%;background:var(--la)}
++body[data-ds-dark-theme] .bt-theme-chip{background:linear-gradient(90deg,var(--ds) 0 36%,var(--db) 36%)}
++body[data-ds-dark-theme] .bt-theme-chip i{background:var(--da)}
++.bt-tabs{flex-wrap:wrap}
++.bt-soft:disabled{opacity:.4;cursor:default}
++.bt-group-role{margin-left:6px;font-size:11px;line-height:14px;padding:1px 5px;border-radius:4px;background:var(--bt-tag-bg);color:var(--bt-tag-ink);vertical-align:1px}
++.bt-members{display:flex;flex-direction:column;gap:1px}
++.bt-member{display:flex;align-items:center;gap:4px;min-height:40px;padding:0 4px 0 6px;border-radius:8px;animation:bt-rise .18s ease-out}
++.bt-member:hover{background:var(--bt-hover)}
++.bt-member-name{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:none;padding:6px 0;color:var(--bt-ink);font:inherit;font-size:14px;line-height:20px;cursor:pointer;text-align:left}
++.bt-member-name>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
++.bt-chip-admin{background:var(--bt-tag-bg);color:var(--bt-tag-ink);border-color:transparent}
++.bt-mini{flex:none;border:0;background:none;border-radius:6px;padding:2px 6px;font:inherit;font-size:12px;line-height:18px;color:var(--bt-ink-2);cursor:pointer}
++.bt-mini:hover{background:var(--bt-active);color:var(--bt-ink)}
++.bt-member .bt-mini,.bt-member .bt-x{opacity:0;transition:opacity .15s ease}
++.bt-member:hover .bt-mini,.bt-member:hover .bt-x,.bt-member .bt-mini:focus-visible,.bt-member .bt-x:focus-visible{opacity:1}
++.bt-add{color:var(--bt-ink-2);margin-top:2px}
++.bt-add:hover,.bt-addlist .bt-option:hover{background:var(--bt-hover);color:var(--bt-ink)}
++.bt-addlist{display:flex;flex-direction:column;margin-top:4px;padding:4px;border:1px solid var(--bt-line);border-radius:10px;background:var(--bt-card);animation:bt-rise .16s ease-out}
++.bt-seg{position:relative;display:flex;gap:2px;padding:2px;border-radius:10px;background:var(--bt-hover)}
++.bt-motion-seg{width:216px}
++.bt-seg button{position:relative;z-index:1;flex:1;height:30px;border:0;border-radius:8px;background:none;font:inherit;font-size:13px;color:var(--bt-ink-2);cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,${spring(SPRING_TAP, "scale")}}
++.bt-seg button[aria-pressed=true]{background:var(--bt-card);color:var(--bt-ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
++.bt-seg button:disabled{opacity:.4;cursor:default}
++.bt-seg button:active:not(:disabled){scale:.96}
++.bt-seg>.bt-thumb{top:2px;bottom:2px;border-radius:8px;background:var(--bt-card);box-shadow:0 1px 3px rgba(0,0,0,.08)}
++.bt-seg[data-glide] button[aria-pressed=true]{background:transparent;box-shadow:none}
++@keyframes bt-rise{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
++@media (prefers-reduced-motion:reduce){.bt-member,.bt-addlist{animation:none}}
++
++/* Memory dialog: a summary of every entry, the entries behind the menu, "Ask or update" below. */
++.bt-mem-row{display:flex;align-items:center;gap:8px;width:100%;height:36px;padding:0 8px 0 10px;border:.5px solid var(--bt-line-2);border-radius:10px;background:var(--bt-card);color:var(--bt-ink);font:inherit;font-size:13px;cursor:pointer;box-sizing:border-box;transition:background-color .12s ease}
++.bt-mem-row:hover{background:var(--bt-hover)}
++.bt-mem-row>svg{flex:none;color:var(--bt-ink-2)}
++.bt-mem-row-copy{flex:1;text-align:left}
++.bt-mem-row-go{display:inline-flex;align-items:center;gap:2px;color:var(--bt-ink-3);font-size:12px}
 +.bt-mem-layer{position:fixed;inset:var(--dsh-frame-chrome-top,0px) 0 0;z-index:121;isolation:isolate;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
- .bt-mem-scrim{animation:bt-fade .2s ease-out}
- .bt-mem{position:relative;width:min(680px,calc(100vw - 48px));height:min(760px,calc(100vh - 2*max(32px,var(--dsh-frame-overlay-top,32px))));background:var(--bt-main);border-radius:20px;border:.5px solid var(--bt-line-2);box-shadow:0 24px 80px rgba(0,0,0,.24);display:flex;flex-direction:column;overflow:hidden;color:var(--bt-ink);animation:bt-dialog-rise ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
- .bt-mem-head{position:relative;display:flex;align-items:center;gap:8px;height:60px;flex:none;padding:0 14px 0 24px;border-bottom:.5px solid var(--bt-line);box-sizing:border-box}
-@@ -2597,9 +2597,20 @@
- `;
- var CONVERSATION_CSS = `
- .bt-think{font-size:13px;line-height:18px;color:var(--bt-ink-2);margin:2px 0 4px;max-width:min(560px,78%)}
++.bt-mem-scrim{animation:bt-fade .2s ease-out}
++.bt-mem{position:relative;width:min(680px,calc(100vw - 48px));height:min(760px,calc(100vh - 2*max(32px,var(--dsh-frame-overlay-top,32px))));background:var(--bt-main);border-radius:20px;border:.5px solid var(--bt-line-2);box-shadow:0 24px 80px rgba(0,0,0,.24);display:flex;flex-direction:column;overflow:hidden;color:var(--bt-ink);animation:bt-dialog-rise ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
++.bt-mem-head{position:relative;display:flex;align-items:center;gap:8px;height:60px;flex:none;padding:0 14px 0 24px;border-bottom:.5px solid var(--bt-line);box-sizing:border-box}
++.bt-mem-head .bt-icon-btn{width:32px;height:32px;flex:none}
++.bt-mem-head [aria-haspopup] svg{width:18px;height:18px;stroke-width:2.6}
++.bt-mem-head>.bt-icon-btn:first-child{margin-left:-10px}
++.bt-mem-head h2{margin:0;font-size:17px;line-height:24px;font-weight:600;white-space:nowrap}
++.bt-mem-status{font-size:13px;line-height:18px;color:var(--bt-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-variant-numeric:tabular-nums}
++.bt-mem-head-gap{flex:1}
++.bt-mem-menu{position:absolute;top:52px;right:50px;min-width:220px;--bt-origin:top right}
++.bt-mem-menu button:disabled{opacity:.4;cursor:default;background:none}
++.bt-mem-body{flex:1;overflow-y:auto;padding:22px 28px 24px;scrollbar-width:thin;display:flex;flex-direction:column;gap:12px}
++.bt-mem-summary{transition:opacity .3s ease}
++.bt-mem-summary[data-stale]{opacity:.55}
++.bt-mem-summary h3{margin:20px 0 6px;font-size:17px;line-height:26px;font-weight:600}
++.bt-mem-summary h3:first-child{margin-top:0}
++.bt-mem-summary p{margin:0;font-size:15px;line-height:26px}
++.bt-mem-summary>*{animation:bt-mem-line .45s cubic-bezier(.16,1,.3,1) both}
++.bt-mem-summary>:nth-child(2){animation-delay:.03s}
++.bt-mem-summary>:nth-child(3){animation-delay:.06s}
++.bt-mem-summary>:nth-child(4){animation-delay:.09s}
++.bt-mem-summary>:nth-child(5){animation-delay:.12s}
++.bt-mem-summary>:nth-child(6){animation-delay:.15s}
++.bt-mem-summary>:nth-child(n+7){animation-delay:.18s}
+ @keyframes bt-mem-line{from{opacity:0;transform:translateY(4px)}}
+ .bt-mem-skel{display:flex;flex-direction:column;gap:24px}
+ .bt-mem-skel-block{display:flex;flex-direction:column;gap:10px}
+@@ -2574,2206 +2574,4688 @@ body[data-ds-dark-theme] .bt-theme-chip i{background:var(--da)}
+ @media (max-width:640px){.bt-mem{width:100vw;height:100%;border-radius:0;border:0}.bt-mem-body{padding:18px 18px 20px}.bt-mem-foot{padding:8px 12px 12px}}
+ @media (prefers-reduced-motion:reduce){.bt-mem,.bt-mem-scrim,.bt-mem-summary>*,.bt-mem-empty,.bt-mem-reply,.bt-mem-skel-block span,.bt-mem-entries,.bt-mem-send>*,.bt-mem-changes li svg{animation:none}}
+ 
+-.bt-thumb{position:absolute;left:0;top:0;z-index:0;pointer-events:none;transition:opacity .14s ease}
+-.bt-thumb[data-hidden]{opacity:0}
+-[data-morph]{overflow:hidden!important}
+-.bt-veil{animation:bt-veil-in .22s ease-out}
+-.bt-with-icon{display:inline-flex;align-items:center;gap:4px}
+-.bt-with-icon svg{width:14px;height:14px}
+-.bt-tag-admin{display:inline-flex;align-items:center;gap:4px}
+-.bt-create-inline{padding:18px 16px;border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-card)}
+-.bt-create-inline .bt-create-card{max-width:none}
+-.bt-panel-view>[data-move=in]{animation:bt-page-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} backwards,bt-veil-in .2s ease-out backwards}
+-.bt-panel-view>[data-move=out]{animation:bt-page-out ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} backwards,bt-veil-in .2s ease-out backwards}
+-.bt-panel-view>:is([data-move=in],[data-move=out]):nth-child(2){animation-delay:25ms}
+-.bt-panel-view>:is([data-move=in],[data-move=out]):nth-child(n+3){animation-delay:50ms}
+-.bt-panel-view>.bt-drawer-body[data-move=tab]{animation:bt-veil-in .2s ease-out}
+-.bt-drawer-name-input{animation:bt-veil-in .16s ease-out}
+-.bt-pop-in{display:inline-flex;animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
+-:is(.bt-soft,.bt-send,.bt-icon-btn,.bt-settings-close,.bt-mini,.bt-tab,.bt-nc-send,.bt-avedit-tab,.bt-shape,.bt-pick,.bt-swatch,.bt-palette-clear){transition:background-color .12s ease,color .12s ease,border-color .12s ease,opacity .12s ease,${spring(SPRING_TAP, "scale")}}
+-:is(.bt-icon-btn,.bt-settings-close,.bt-nc-send,.bt-shape,.bt-swatch,.bt-color,.bt-x,.bt-q-x,.bt-palette-clear):active:not(:disabled){scale:.9}
+-:is(.bt-soft,.bt-send,.bt-mini,.bt-tab,.bt-avedit-tab,.bt-pick,.bt-q-submit,.bt-q-btn):active:not(:disabled){scale:.96}
+-@media (prefers-reduced-motion:reduce){.bt-thumb{transition:none}.bt-panel-view>[data-move],.bt-drawer-name-input,.bt-veil,.bt-pop-in,.bt-token,.bt-drop,.bt-newchat,.bt-option-hint,.bt-connector-form,.bt-settings-head>*{animation:none}}
+-`;
+-var CONVERSATION_CSS = `
+-.bt-think{font-size:13px;line-height:18px;color:var(--bt-ink-2);margin:2px 0 4px;max-width:min(560px,78%)}
 -.bt-think summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px}
-+.bt-think summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;white-space:nowrap}
- .bt-think summary::-webkit-details-marker{display:none}
+-.bt-think summary::-webkit-details-marker{display:none}
 -.bt-think-text{white-space:pre-wrap;margin-top:6px;padding-left:10px;border-left:2px solid var(--bt-line-2)}
+-.bt-event{display:flex;justify-content:center;align-items:center;gap:2px;min-height:24px;margin:2px 0;font-size:12px;line-height:16px;color:var(--bt-ink-2);flex-wrap:wrap}
+-.bt-event>span{padding:0 2px}
+-.bt-event button{border:0;background:none;color:inherit;font:inherit;display:inline-flex;align-items:center;gap:4px;cursor:pointer;height:24px;padding:4px 6px 4px 4px;border-radius:999px;box-sizing:border-box;transition:background-color .12s ease}
+-.bt-event button:hover{background:var(--bt-hover)}
+-.bt-event button:active{background:var(--bt-active)}
+-.bt-event button.bt-event-whole{min-width:0;max-width:100%;padding:4px 6px 4px 8px}
+-.bt-event-whole>*{flex:none}
+-.bt-event-whole>span:first-child{margin-right:2px}
+-/* One button cannot wrap like separate parts, so a long name is cut to fit the chat. */
+-.bt-event-whole>.bt-event-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+-.bt-time-sep{display:flex;justify-content:center;align-items:center;height:28px;margin:14px 0 8px;font-size:12px;line-height:16px;color:var(--bt-ink-2);white-space:nowrap}
+-[class*="_scroll"]>[class*="_column"]::before{content:var(--bt-first-sep,none);display:block;flex:none;height:28px;margin:17px 0 12px;font-size:12px;line-height:28px;text-align:center;color:var(--bt-ink-2);white-space:nowrap}
+-.bt-activity{display:flex;align-items:center;gap:10px;margin:8px 0 4px 2px;font-size:14px;color:var(--bt-ink-2)}
+-.bt-group-replies{display:contents}
+-/* A Bot chat is flat in every work-details mode, without changing the user's mode
+-   (it is a DSH-wide setting): step groups lose their header and stay open, and what a
+-   mode folds away in a finished turn stays shown. TurnProcessCell also opens that
+-   fold; these rules cover the first frame before it does. */
+-[data-step-process]>div:first-child{display:none!important}
+-[data-step-process]>[data-step-process-body]{display:block!important;content-visibility:visible!important;max-height:none!important;overflow:visible!important;mask-image:none!important;scrollbar-gutter:auto!important}
+-:is([data-step-process],[data-turn-process-hidden])[hidden]{content-visibility:visible!important}
+-[class*="_flowItem"]:has(> [data-slot="conversation.chat.node"]:empty){display:none!important}
+-[class*="_header"]:has(.bt-head){border-bottom-color:transparent!important;box-shadow:none!important}
+-/* The transcript runs under a floating header pill. */
+-header[class*="_header"]:has(.bt-head){position:absolute!important;top:0;left:0;right:0;z-index:8;display:flex!important;padding:10px 0 0!important;background:transparent!important;pointer-events:none;justify-content:center}
+-header[class*="_header"]:has(.bt-head)::before{content:"";position:absolute;inset:0 0 auto;height:60px;background:linear-gradient(to bottom,var(--bt-main),color-mix(in srgb,var(--bt-main) 0%,transparent));pointer-events:none;z-index:-1}
+-header[class*="_header"]:has(.bt-head)>[class*="_headerLeading"]{position:absolute;left:12px;top:10px;pointer-events:auto}
+-header[class*="_header"] .bt-head{flex:1 1 auto;width:100%}
+-[class*="_body"]:has(> [class*="_scrollBody"]){--dsh-chat-content-width:min(960px,100%)}
+-/* DSH's turn tail keeps what plugins put in it (delivered files, the Bot's separators),
+-   without its copy and branch row; a tail with nothing in it takes no room. */
+-[data-turn-tail]>:not([data-slot="conversation.chat.turnTail"]){display:none!important}
+-[class*="_flowItem"][data-chat-flow-kind="turn-tail"]:not(:has([data-slot="conversation.chat.turnTail"]:not(:empty))){display:none!important}
+-/* Every team Session belongs to a Bot or a group, so a blank one is an empty chat, not
+-   the shell's new-session hero: no headline, no workspace or mode picker, and the
+-   composer stays docked at the bottom. */
+-[data-content-phase=hero] [class*="_scrollBody"]{justify-content:flex-end!important}
+-[data-content-phase=hero] [class*="_composerHero"]{align-self:stretch!important;width:auto!important;padding-bottom:0!important}
+-[data-content-phase=hero] [class*="_composerHero"]>[class$="_root"],[data-content-phase=hero] [class*="_heroWorkspaceRow"]{display:none!important}
+-[data-content-phase=hero] [class*="_composerHero"] [class*="_input"]{min-height:0!important}
+-/* The right sides give back the scrollbar gutter so both edges sit 16px from the column. */
+-[class*="_scroll"]:has(> [class*="_column"]){padding:60px 11px 16px 16px!important}
+-/* The shell's running status only hosts the activity row (.bt-typing). */
+-[data-chat-running]{display:block!important;width:100%;min-height:0!important;margin:0!important;padding:0!important}
+-[data-chat-running]>span:not([role=status]){display:none!important}
+-[data-chat-running]:has(> .bt-typing){margin-top:var(--dsh-chat-flow-gap,12px)!important}
+-.bt-typing{display:flex;align-items:center;gap:12px;height:36px;min-width:0;padding-inline-start:8px;transform-origin:0 50%;animation:bt-typing-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing} backwards}
+-.bt-typing[data-exiting]{animation:bt-typing-out .14s cubic-bezier(.22,1,.36,1) forwards}
+-.bt-typing>.bt-mark,.bt-typing>.bt-cluster{flex-shrink:0}
+-.bt-typing>.bt-mark{cursor:pointer;transition:filter .16s ease-out}
+-.bt-typing>.bt-mark:hover{filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}
+-.bt-typing>.bt-mark .bt-eyes{transition:scale .28s cubic-bezier(.4,.06,.18,1)}
+-.bt-typing>.bt-mark:hover .bt-eyes{scale:1.18}
+-.bt-typing-text{display:flex;align-items:center;flex:1 1 auto;min-width:0;animation:bt-typing-label .22s ease-out .2s backwards}
+-.bt-typing-label{display:inline-flex;align-items:center;gap:6px;min-width:0;animation:bt-typing-label .22s ease-out backwards}
+-.bt-typing-label>.bt-shimmer{font-size:14px;line-height:22px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+-.bt-typing-time{flex-shrink:0;font-size:12px;line-height:22px;color:var(--bt-ink-3);white-space:nowrap}
+-@keyframes bt-typing-in{from{opacity:0;transform:scale(.9)}}
+-@keyframes bt-typing-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92);filter:blur(3px)}}
+-@keyframes bt-typing-label{from{opacity:0;filter:blur(5px);transform:translateY(3px)}}
+-/* Shimmer: a stepped sweep clipped to the text. */
+-.bt-shimmer{color:transparent;background:linear-gradient(90deg,var(--bt-shimmer-base) 0%,var(--bt-shimmer-base) 25%,var(--bt-ink) 60%,var(--bt-shimmer-base) 75%,var(--bt-shimmer-base) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:bt-shimmer 2.2s steps(60) infinite;--bt-shimmer-base:color-mix(in srgb,var(--bt-ink) 40%,transparent)}
+-@keyframes bt-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
+-/* New rows slide up; a reply that replaces the activity row grows out of its corner. */
+-[data-bt-enter="new"]{animation:bt-row-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing}}
+-[data-bt-enter="after-collapse"]{transform-origin:0 100%;animation:bt-row-after .24s cubic-bezier(.23,1,.32,1) .38s backwards}
+-@keyframes bt-row-in{from{transform:translateY(12px)}to{transform:none}}
+-@keyframes bt-row-after{0%{opacity:0;transform:translateY(12px) scale(.94)}55%{opacity:1}100%{opacity:1;transform:none}}
+-@media (prefers-reduced-motion:reduce){
+-.bt-typing,.bt-typing[data-exiting]{animation-name:bt-fade-in;animation-duration:.12s;transform:none}
+-.bt-typing[data-exiting]{animation-name:bt-fade-out}
+-.bt-typing-text,.bt-typing-label{animation-name:bt-fade-in;animation-delay:0s}
+-.bt-shimmer{animation:none;background:none;color:var(--bt-ink-2)}
+-[data-bt-enter="new"]{animation:none}
+-[data-bt-enter="after-collapse"]{animation:bt-fade-in .12s ease-out}
++.bt-thumb{position:absolute;left:0;top:0;z-index:0;pointer-events:none;transition:opacity .14s ease}
++.bt-thumb[data-hidden]{opacity:0}
++[data-morph]{overflow:hidden!important}
++.bt-veil{animation:bt-veil-in .22s ease-out}
++.bt-with-icon{display:inline-flex;align-items:center;gap:4px}
++.bt-with-icon svg{width:14px;height:14px}
++.bt-tag-admin{display:inline-flex;align-items:center;gap:4px}
++.bt-create-inline{padding:18px 16px;border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-card)}
++.bt-create-inline .bt-create-card{max-width:none}
++.bt-panel-view>[data-move=in]{animation:bt-page-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} backwards,bt-veil-in .2s ease-out backwards}
++.bt-panel-view>[data-move=out]{animation:bt-page-out ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} backwards,bt-veil-in .2s ease-out backwards}
++.bt-panel-view>:is([data-move=in],[data-move=out]):nth-child(2){animation-delay:25ms}
++.bt-panel-view>:is([data-move=in],[data-move=out]):nth-child(n+3){animation-delay:50ms}
++.bt-panel-view>.bt-drawer-body[data-move=tab]{animation:bt-veil-in .2s ease-out}
++.bt-drawer-name-input{animation:bt-veil-in .16s ease-out}
++.bt-pop-in{display:inline-flex;animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
++:is(.bt-soft,.bt-send,.bt-icon-btn,.bt-settings-close,.bt-mini,.bt-tab,.bt-nc-send,.bt-avedit-tab,.bt-shape,.bt-pick,.bt-swatch,.bt-palette-clear){transition:background-color .12s ease,color .12s ease,border-color .12s ease,opacity .12s ease,${spring(SPRING_TAP, "scale")}}
++:is(.bt-icon-btn,.bt-settings-close,.bt-nc-send,.bt-shape,.bt-swatch,.bt-color,.bt-x,.bt-q-x,.bt-palette-clear):active:not(:disabled){scale:.9}
++:is(.bt-soft,.bt-send,.bt-mini,.bt-tab,.bt-avedit-tab,.bt-pick,.bt-q-submit,.bt-q-btn):active:not(:disabled){scale:.96}
++@media (prefers-reduced-motion:reduce){.bt-thumb{transition:none}.bt-panel-view>[data-move],.bt-drawer-name-input,.bt-veil,.bt-pop-in,.bt-token,.bt-drop,.bt-newchat,.bt-option-hint,.bt-connector-form,.bt-settings-head>*{animation:none}}
++`;
++var CONVERSATION_CSS = `
++.bt-think{font-size:13px;line-height:18px;color:var(--bt-ink-2);margin:2px 0 4px;max-width:min(560px,78%)}
++.bt-think summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;white-space:nowrap}
++.bt-think summary::-webkit-details-marker{display:none}
 +.bt-think-caret{display:inline-block;transition:transform .15s;font-size:14px;line-height:1}
 +.bt-think[open] .bt-think-caret{transform:rotate(90deg)}
 +.bt-think-peek{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bt-ink-3)}
@@ -3474,27 +5077,27 @@ diff --git a/client.js b/client.js
 +.bt-person-msg .bt-bubble :is(p,li){white-space:pre-line}
 +.bt-remote-handle{display:inline-flex;align-items:center;gap:3px;margin-left:6px;font-weight:400;color:var(--bt-ink-3,rgba(20,20,20,.36))}
 +.bt-think-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px;padding-left:10px;border-left:2px solid var(--bt-line-2)}
- .bt-event{display:flex;justify-content:center;align-items:center;gap:2px;min-height:24px;margin:2px 0;font-size:12px;line-height:16px;color:var(--bt-ink-2);flex-wrap:wrap}
- .bt-event>span{padding:0 2px}
- .bt-event button{border:0;background:none;color:inherit;font:inherit;display:inline-flex;align-items:center;gap:4px;cursor:pointer;height:24px;padding:4px 6px 4px 4px;border-radius:999px;box-sizing:border-box;transition:background-color .12s ease}
-@@ -2612,7 +2612,6 @@
- .bt-event-whole>.bt-event-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
- .bt-time-sep{display:flex;justify-content:center;align-items:center;height:28px;margin:14px 0 8px;font-size:12px;line-height:16px;color:var(--bt-ink-2);white-space:nowrap}
- [class*="_scroll"]>[class*="_column"]::before{content:var(--bt-first-sep,none);display:block;flex:none;height:28px;margin:17px 0 12px;font-size:12px;line-height:28px;text-align:center;color:var(--bt-ink-2);white-space:nowrap}
--.bt-activity{display:flex;align-items:center;gap:10px;margin:8px 0 4px 2px;font-size:14px;color:var(--bt-ink-2)}
- .bt-group-replies{display:contents}
- /* A Bot chat is flat in every work-details mode, without changing the user's mode
-    (it is a DSH-wide setting): step groups lose their header and stay open, and what a
-@@ -2622,21 +2622,48 @@
- [data-step-process]>[data-step-process-body]{display:block!important;content-visibility:visible!important;max-height:none!important;overflow:visible!important;mask-image:none!important;scrollbar-gutter:auto!important}
- :is([data-step-process],[data-turn-process-hidden])[hidden]{content-visibility:visible!important}
- [class*="_flowItem"]:has(> [data-slot="conversation.chat.node"]:empty){display:none!important}
--[class*="_header"]:has(.bt-head){border-bottom-color:transparent!important;box-shadow:none!important}
--/* The transcript runs under a floating header pill. */
--header[class*="_header"]:has(.bt-head){position:absolute!important;top:0;left:0;right:0;z-index:8;display:flex!important;padding:10px 0 0!important;background:transparent!important;pointer-events:none;justify-content:center}
--header[class*="_header"]:has(.bt-head)::before{content:"";position:absolute;inset:0 0 auto;height:60px;background:linear-gradient(to bottom,var(--bt-main),color-mix(in srgb,var(--bt-main) 0%,transparent));pointer-events:none;z-index:-1}
--header[class*="_header"]:has(.bt-head)>[class*="_headerLeading"]{position:absolute;left:12px;top:10px;pointer-events:auto}
--header[class*="_header"] .bt-head{flex:1 1 auto;width:100%}
++.bt-event{display:flex;justify-content:center;align-items:center;gap:2px;min-height:24px;margin:2px 0;font-size:12px;line-height:16px;color:var(--bt-ink-2);flex-wrap:wrap}
++.bt-event>span{padding:0 2px}
++.bt-event button{border:0;background:none;color:inherit;font:inherit;display:inline-flex;align-items:center;gap:4px;cursor:pointer;height:24px;padding:4px 6px 4px 4px;border-radius:999px;box-sizing:border-box;transition:background-color .12s ease}
++.bt-event button:hover{background:var(--bt-hover)}
++.bt-event button:active{background:var(--bt-active)}
++.bt-event button.bt-event-whole{min-width:0;max-width:100%;padding:4px 6px 4px 8px}
++.bt-event-whole>*{flex:none}
++.bt-event-whole>span:first-child{margin-right:2px}
++/* One button cannot wrap like separate parts, so a long name is cut to fit the chat. */
++.bt-event-whole>.bt-event-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
++.bt-time-sep{display:flex;justify-content:center;align-items:center;height:28px;margin:14px 0 8px;font-size:12px;line-height:16px;color:var(--bt-ink-2);white-space:nowrap}
++[class*="_scroll"]>[class*="_column"]::before{content:var(--bt-first-sep,none);display:block;flex:none;height:28px;margin:17px 0 12px;font-size:12px;line-height:28px;text-align:center;color:var(--bt-ink-2);white-space:nowrap}
++.bt-group-replies{display:contents}
++/* A Bot chat is flat in every work-details mode, without changing the user's mode
++   (it is a DSH-wide setting): step groups lose their header and stay open, and what a
++   mode folds away in a finished turn stays shown. TurnProcessCell also opens that
++   fold; these rules cover the first frame before it does. */
++[data-step-process]>div:first-child{display:none!important}
++[data-step-process]>[data-step-process-body]{display:block!important;content-visibility:visible!important;max-height:none!important;overflow:visible!important;mask-image:none!important;scrollbar-gutter:auto!important}
++:is([data-step-process],[data-turn-process-hidden])[hidden]{content-visibility:visible!important}
++[class*="_flowItem"]:has(> [data-slot="conversation.chat.node"]:empty){display:none!important}
 +/* FlyBot's pill rides the shell's own Session header utilities, beside the seats
 +   the native header renders (actions: the subagent catalog; lineage; corner).
 +   It is a compact control in that row now, not a floating replacement for the
@@ -3514,11 +5117,9 @@ diff --git a/client.js b/client.js
 +   line. No fill, no radius, muted ink, and the description stays on hover. */
 +[data-slot="conversation.session.header.actions"] [class*="_label"]{background:none;border-radius:0;color:var(--bt-ink-3);cursor:help;pointer-events:auto}
 +[data-slot="conversation.session.header.actions"] [class*="_label"] svg{opacity:.7}
- [class*="_body"]:has(> [class*="_scrollBody"]){--dsh-chat-content-width:min(960px,100%)}
- /* DSH's turn tail keeps what plugins put in it (delivered files, the Bot's separators),
-    without its copy and branch row; a tail with nothing in it takes no room. */
--[data-turn-tail]>:not([data-slot="conversation.chat.turnTail"]){display:none!important}
--[class*="_flowItem"][data-chat-flow-kind="turn-tail"]:not(:has([data-slot="conversation.chat.turnTail"]:not(:empty))){display:none!important}
++[class*="_body"]:has(> [class*="_scrollBody"]){--dsh-chat-content-width:min(960px,100%)}
++/* DSH's turn tail keeps what plugins put in it (delivered files, the Bot's separators),
++   without its copy and branch row; a tail with nothing in it takes no room. */
 +[data-turn-tail]>:not([data-slot="conversation.chat.turnTail"]):not(.bt-typing){display:none!important}
 +[class*="_flowItem"][data-chat-flow-kind="turn-tail"]:not(:has([data-slot="conversation.chat.turnTail"]:not(:empty))):not(:has([data-turn-tail]>.bt-typing)){display:none!important}
 +/* #1347: the thread must never paint above a dialog, a sheet or a scrim.
@@ -3534,18 +5135,20 @@ diff --git a/client.js b/client.js
 +   whatever any single bubble does. contain:paint is deliberately NOT used: it would clip the
 +   popovers the thread legitimately renders (reaction strip, message menu), which portal to body
 +   for exactly that reason. */
- /* Every team Session belongs to a Bot or a group, so a blank one is an empty chat, not
-    the shell's new-session hero: no headline, no workspace or mode picker, and the
-    composer stays docked at the bottom. */
- [data-content-phase=hero] [class*="_scrollBody"]{justify-content:flex-end!important}
++/* Every team Session belongs to a Bot or a group, so a blank one is an empty chat, not
++   the shell's new-session hero: no headline, no workspace or mode picker, and the
++   composer stays docked at the bottom. */
++[data-content-phase=hero] [class*="_scrollBody"]{justify-content:flex-end!important}
 +body[data-bt-remote-chat=empty][data-content-phase=hero] [class*="_scrollBody"]::before{content:var(--bt-remote-empty);display:block;text-align:center;color:var(--bt-ink-3);font-size:13px;line-height:18px;padding:16px 12px 8px;max-width:var(--dsh-chat-content-width,min(960px,100%));margin:0 auto;white-space:pre-wrap}
- [data-content-phase=hero] [class*="_composerHero"]{align-self:stretch!important;width:auto!important;padding-bottom:0!important}
- [data-content-phase=hero] [class*="_composerHero"]>[class$="_root"],[data-content-phase=hero] [class*="_heroWorkspaceRow"]{display:none!important}
- [data-content-phase=hero] [class*="_composerHero"] [class*="_input"]{min-height:0!important}
-@@ -2646,8 +2646,19 @@
- [data-chat-running]{display:block!important;width:100%;min-height:0!important;margin:0!important;padding:0!important}
- [data-chat-running]>span:not([role=status]){display:none!important}
- [data-chat-running]:has(> .bt-typing){margin-top:var(--dsh-chat-flow-gap,12px)!important}
++[data-content-phase=hero] [class*="_composerHero"]{align-self:stretch!important;width:auto!important;padding-bottom:0!important}
++[data-content-phase=hero] [class*="_composerHero"]>[class$="_root"],[data-content-phase=hero] [class*="_heroWorkspaceRow"]{display:none!important}
++[data-content-phase=hero] [class*="_composerHero"] [class*="_input"]{min-height:0!important}
++/* The right sides give back the scrollbar gutter so both edges sit 16px from the column. */
++[class*="_scroll"]:has(> [class*="_column"]){padding:60px 11px 16px 16px!important}
++/* The shell's running status only hosts the activity row (.bt-typing). */
++[data-chat-running]{display:block!important;width:100%;min-height:0!important;margin:0!important;padding:0!important}
++[data-chat-running]>span:not([role=status]){display:none!important}
++[data-chat-running]:has(> .bt-typing){margin-top:var(--dsh-chat-flow-gap,12px)!important}
 +.bt-busy-ack{display:flex;align-items:flex-end;gap:8px;width:100%;margin-top:var(--dsh-chat-flow-gap,12px);margin-bottom:4px}
 +.bt-busy-ack .bt-astack{align-items:flex-start}
 +.bt-busy-ack .bt-bubble{opacity:.92}
@@ -3554,198 +5157,224 @@ diff --git a/client.js b/client.js
 +.bt-busy-dots>span:nth-child(2){animation-delay:.2s}.bt-busy-dots>span:nth-child(3){animation-delay:.4s}
 +@keyframes bt-busy-blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
 +@media (prefers-reduced-motion:reduce){.bt-busy-dots>span{animation:none;opacity:.6}}
- .bt-typing{display:flex;align-items:center;gap:12px;height:36px;min-width:0;padding-inline-start:8px;transform-origin:0 50%;animation:bt-typing-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing} backwards}
- .bt-typing[data-exiting]{animation:bt-typing-out .14s cubic-bezier(.22,1,.36,1) forwards}
++.bt-typing{display:flex;align-items:center;gap:12px;height:36px;min-width:0;padding-inline-start:8px;transform-origin:0 50%;animation:bt-typing-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing} backwards}
++.bt-typing[data-exiting]{animation:bt-typing-out .14s cubic-bezier(.22,1,.36,1) forwards}
 +.bt-typing[data-carry],.bt-typing[data-carry]>.bt-typing-text{animation:none}
 +/* Between a friend's chat turns the row sits in the last turn's tail (#443), at the transcript's foot. */
 +[data-turn-tail]>.bt-typing{margin-top:var(--dsh-chat-flow-gap,12px)}
- .bt-typing>.bt-mark,.bt-typing>.bt-cluster{flex-shrink:0}
- .bt-typing>.bt-mark{cursor:pointer;transition:filter .16s ease-out}
- .bt-typing>.bt-mark:hover{filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}
-@@ -2679,7 +2679,8 @@
- @keyframes bt-fade-in{from{opacity:0}to{opacity:1}}
- @keyframes bt-fade-out{from{opacity:1}to{opacity:0}}
- [data-composer-card]{display:flex!important;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0!important;min-height:44px;border-radius:22px!important;padding:7.5px!important;box-sizing:border-box;background:var(--bt-main)!important;border:.5px solid var(--bt-line-2)!important;box-shadow:0 2px 8px -1px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03),0 0 0 1px rgba(228,228,228,.04)!important;transition:border-color .15s ease,background-color .15s ease,${spring(SPRING_SHAPE, "border-radius")}!important}
--[data-composer-card]:hover,[data-composer-card]:focus-within{border-color:color-mix(in srgb,var(--bt-ink) 30%,transparent)!important}
++.bt-typing>.bt-mark,.bt-typing>.bt-cluster{flex-shrink:0}
++.bt-typing>.bt-mark{cursor:pointer;transition:filter .16s ease-out}
++.bt-typing>.bt-mark:hover{filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}
++.bt-typing>.bt-mark .bt-eyes{transition:scale .28s cubic-bezier(.4,.06,.18,1)}
++.bt-typing>.bt-mark:hover .bt-eyes{scale:1.18}
++.bt-typing-text{display:flex;align-items:center;flex:1 1 auto;min-width:0;animation:bt-typing-label .22s ease-out .2s backwards}
++.bt-typing-label{display:inline-flex;align-items:center;gap:6px;min-width:0;animation:bt-typing-label .22s ease-out backwards}
++.bt-typing-label>.bt-shimmer{font-size:14px;line-height:22px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
++.bt-typing-time{flex-shrink:0;font-size:12px;line-height:22px;color:var(--bt-ink-3);white-space:nowrap}
++@keyframes bt-typing-in{from{opacity:0;transform:scale(.9)}}
++@keyframes bt-typing-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92);filter:blur(3px)}}
++@keyframes bt-typing-label{from{opacity:0;filter:blur(5px);transform:translateY(3px)}}
++/* Shimmer: a stepped sweep clipped to the text. */
++.bt-shimmer{color:transparent;background:linear-gradient(90deg,var(--bt-shimmer-base) 0%,var(--bt-shimmer-base) 25%,var(--bt-ink) 60%,var(--bt-shimmer-base) 75%,var(--bt-shimmer-base) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:bt-shimmer 2.2s steps(60) infinite;--bt-shimmer-base:color-mix(in srgb,var(--bt-ink) 40%,transparent)}
++@keyframes bt-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
++/* New rows slide up; a reply that replaces the activity row grows out of its corner. */
++[data-bt-enter="new"]{animation:bt-row-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing}}
++[data-bt-enter="after-collapse"]{transform-origin:0 100%;animation:bt-row-after .24s cubic-bezier(.23,1,.32,1) .38s backwards}
++@keyframes bt-row-in{from{transform:translateY(12px)}to{transform:none}}
++@keyframes bt-row-after{0%{opacity:0;transform:translateY(12px) scale(.94)}55%{opacity:1}100%{opacity:1;transform:none}}
++@media (prefers-reduced-motion:reduce){
++.bt-typing,.bt-typing[data-exiting]{animation-name:bt-fade-in;animation-duration:.12s;transform:none}
++.bt-typing[data-exiting]{animation-name:bt-fade-out}
++.bt-typing-text,.bt-typing-label{animation-name:bt-fade-in;animation-delay:0s}
++.bt-shimmer{animation:none;background:none;color:var(--bt-ink-2)}
++[data-bt-enter="new"]{animation:none}
++[data-bt-enter="after-collapse"]{animation:bt-fade-in .12s ease-out}
++}
++@keyframes bt-fade-in{from{opacity:0}to{opacity:1}}
++@keyframes bt-fade-out{from{opacity:1}to{opacity:0}}
++[data-composer-card]{display:flex!important;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0!important;min-height:44px;border-radius:22px!important;padding:7.5px!important;box-sizing:border-box;background:var(--bt-main)!important;border:.5px solid var(--bt-line-2)!important;box-shadow:0 2px 8px -1px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03),0 0 0 1px rgba(228,228,228,.04)!important;transition:border-color .15s ease,background-color .15s ease,${spring(SPRING_SHAPE, "border-radius")}!important}
 +[data-composer-card]:hover{border-color:color-mix(in srgb,var(--bt-ink) 30%,transparent)!important}
 +[data-composer-card]:focus-within{border-color:color-mix(in srgb,var(--bt-ink) 55%,transparent)!important}
- [data-composer-card]:has(> [data-slot="conversation.input.attachments"] *),[data-composer-card]:has([data-composer-input] br + *),[data-composer-card]:has([data-composer-input] > :nth-child(2)){border-radius:18px!important}
- [class*="_root"]:has(> [data-composer-card]){padding:0 11px 13px 16px!important}
- [class*="_root"]:has(> [data-composer-card])>[data-composer-card]{max-width:min(992px,100%)!important}
-@@ -2691,6 +2691,8 @@
- [data-composer-card] [data-composer-input]{min-height:24px;padding:2px 0!important}
- [data-composer-card] [data-composer-placeholder]{left:0!important;top:2px!important}
- [data-composer-placeholder]{font-size:0!important;line-height:0!important}
++[data-composer-card]:has(> [data-slot="conversation.input.attachments"] *),[data-composer-card]:has([data-composer-input] br + *),[data-composer-card]:has([data-composer-input] > :nth-child(2)){border-radius:18px!important}
++[class*="_root"]:has(> [data-composer-card]){padding:0 11px 13px 16px!important}
++[class*="_root"]:has(> [data-composer-card])>[data-composer-card]{max-width:min(992px,100%)!important}
++[data-composer-card]>[class*="_row"]{display:contents!important}
++[data-composer-card] [class*="_tools"]{order:1;flex:none;align-self:flex-end;margin:0}
++[data-composer-card]>[data-input-scroll]{order:2;flex:1 1 0;min-width:0;padding:0 8px!important;margin:0!important}
++[data-composer-card] [class*="_trailing"]{order:3;flex:none;align-self:flex-end;margin:0}
++[data-composer-card]>[data-slot="conversation.input.attachments"]{order:0;flex-basis:100%}
++[data-composer-card] [data-composer-input]{min-height:24px;padding:2px 0!important}
++[data-composer-card] [data-composer-placeholder]{left:0!important;top:2px!important}
++[data-composer-placeholder]{font-size:0!important;line-height:0!important}
 +/* A friend's Bot chat: no local run stats (they are relay turns, always 0; #419). */
 +body[data-bt-friend-chat] [data-composer-stats]{display:none!important}
- [data-composer-placeholder]::after{content:var(--bt-placeholder,"Message");display:block;font-size:14px;line-height:24px;color:color-mix(in srgb,var(--bt-ink) 36%,transparent)}
- /* The team's "+" (ComposerPlus) takes the seat of the shell's command-menu button. */
- [data-composer-card] button[class*="_add"]{display:none!important}
-@@ -2722,7 +2722,9 @@
- .bt-mic:active,.bt-voice:active{scale:.9}
- [data-composer-card]:has(button[class*="_primary"]:disabled) .bt-voice{display:inline-grid}
- body[data-bt-room] .bt-voice{display:none!important}
++[data-composer-placeholder]::after{content:var(--bt-placeholder,"Message");display:block;font-size:14px;line-height:24px;color:color-mix(in srgb,var(--bt-ink) 36%,transparent)}
++/* The team's "+" (ComposerPlus) takes the seat of the shell's command-menu button. */
++[data-composer-card] button[class*="_add"]{display:none!important}
++.bt-plus{flex:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bt-ink) 5%,transparent);box-shadow:inset 0 0 0 .5px var(--bt-line);color:var(--bt-ink-2);cursor:pointer;transition:background-color .15s ease,color .15s ease,${spring(SPRING_TAP, "scale")}}
++.bt-plus:hover,.bt-plus[aria-expanded=true]{background:color-mix(in srgb,var(--bt-ink) 10%,transparent);color:var(--bt-ink)}
++.bt-plus:active{scale:.9}
++.bt-plus svg{width:14px;height:14px;transition:${spring(SPRING_POP, "rotate")}}
++.bt-plus[aria-expanded=true] svg{rotate:45deg}
++.bt-plus-menu{min-width:180px}
++[data-composer-card] [class*="_tools"]{gap:0!important}
++[data-composer-card] [class*="_modes"]:empty{display:none!important}
++[data-composer-card] [class*="_activity"]:not(:has([data-slot] > *)){display:none!important}
++[data-composer-card] [class*="_trailing"]{gap:8px}
++[data-composer-card] [class*="_standardControls"]{display:flex;align-items:center;gap:8px}
++[data-composer-card] button[class*="_primary"]{width:28px!important;height:28px!important;background:var(--bt-accent)!important;color:var(--bt-accent-ink,#fff)!important;border-radius:50%!important;transition:opacity .15s ease,${spring(SPRING_TAP, "scale")};animation:bt-icon-swap ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
++[data-composer-card] button[class*="_primary"]:hover:not(:disabled){opacity:.9}
++[data-composer-card] button[class*="_primary"]:active:not(:disabled){scale:.9}
++@keyframes bt-icon-swap{from{opacity:0;transform:scale(.5) rotate(-30deg)}}
++[data-composer-card] button[class*="_primary"] svg{width:14px;height:14px}
++[data-composer-card] button[class*="_primary"]:disabled{display:none!important}
++[data-composer-dock]{display:none!important}
++.bt-mic,.bt-voice{flex:none;width:28px;height:28px;border-radius:50%;border:0;padding:0;display:inline-grid;place-items:center;cursor:pointer;transition:background-color .15s ease,color .15s ease,${spring(SPRING_TAP, "scale")}}
++.bt-mic{background:color-mix(in srgb,var(--bt-ink) 5%,transparent);box-shadow:inset 0 0 0 .5px var(--bt-line);color:var(--bt-ink-2)}
++.bt-mic:hover{background:color-mix(in srgb,var(--bt-ink) 10%,transparent);color:var(--bt-ink)}
++.bt-mic[aria-pressed=true]{background:#ff3e51;color:#fff;animation:bt-mic-pulse 1.4s ease-in-out infinite}
++@keyframes bt-mic-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,62,81,.35)}50%{box-shadow:0 0 0 5px rgba(255,62,81,0)}}
++.bt-voice{display:none;background:var(--bt-accent);color:var(--bt-accent-ink,#fff);animation:bt-icon-swap ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
++.bt-voice:hover{opacity:.9}
++.bt-mic:active,.bt-voice:active{scale:.9}
++[data-composer-card]:has(button[class*="_primary"]:disabled) .bt-voice{display:inline-grid}
++body[data-bt-room] .bt-voice{display:none!important}
 +body[data-bt-room] [data-composer-card] [class*="_activity"]{display:none!important}
- body[data-bt-room] [data-composer-card]:has(button[class*="_primary"]:disabled) .bt-mic:not([aria-pressed=true]){background:var(--bt-accent);color:var(--bt-accent-ink,#fff)}
++body[data-bt-room] [data-composer-card]:has(button[class*="_primary"]:disabled) .bt-mic:not([aria-pressed=true]){background:var(--bt-accent);color:var(--bt-accent-ink,#fff)}
 +body[data-bt-workflow] [data-composer-card]{display:none!important}
- .bt-mic-note{position:absolute;right:12px;bottom:calc(100% + 8px);padding:5px 10px;border-radius:8px;background:var(--bt-user);color:var(--bt-user-ink);font-size:12px;line-height:16px;white-space:nowrap;pointer-events:none;animation:bt-rise .16s ease-out}
- [data-chain-overlay-fallback="conversation.composer"]:has(~ .bt-q){display:block!important;order:2}
- .bt-q{order:1}
-@@ -2776,6 +2776,7 @@
- .bt-earlier-top{display:flex;justify-content:center;align-items:center;height:34px;flex:none}
- .bt-earlier-top .bt-soft{height:28px;font-size:12px;padding:0 12px}
- .bt-urow{display:flex;justify-content:flex-end}
++.bt-mic-note{position:absolute;right:12px;bottom:calc(100% + 8px);padding:5px 10px;border-radius:8px;background:var(--bt-user);color:var(--bt-user-ink);font-size:12px;line-height:16px;white-space:nowrap;pointer-events:none;animation:bt-rise .16s ease-out}
++[data-chain-overlay-fallback="conversation.composer"]:has(~ .bt-q){display:block!important;order:2}
++.bt-q{order:1}
++div:has(> nav [class*="_marks"]){display:none!important}
++/* Every user-side bubble (sent, steering mid-turn, not yet admitted, question replies)
++   takes its surface and its text from the one --bt-user pair: a skin that repaints
++   the host's bubble surface alone would otherwise leave the text unreadable. */
++[class*="_userRow"] [class*="_bubble"],[data-chat-flow-kind=question-reply] [class*="_bubble"],[data-chat-flow-kind=command-input] [class*="_bubble"]{background:var(--bt-user)!important;color:var(--bt-user-ink)!important;border-radius:18px!important;padding:7px 12px!important;font-size:var(--dsh-content-font-size,14px)!important;line-height:calc(var(--dsh-content-font-size,14px) + 8px)!important}
++[class*="_userRow"] [class*="_bubble"] [class*="_markdown"],[class*="_userRow"] [class*="_bubble"] a{color:inherit}
++/* Sent messages get the hover toolbar below; steering and unsent bubbles keep none. */
++[class*="_userRow"] [class*="_actions"]{display:none!important}
++[data-chat-flow-kind=user] [class*="_userRow"]{flex-direction:row-reverse;align-items:center;justify-content:flex-start}
++[data-chat-flow-kind=user] [class*="_actions"]{display:flex!important;height:24px!important;gap:2px!important;opacity:0!important;visibility:hidden;transition:opacity .12s ease,visibility .12s!important;flex:none}
++[data-chat-flow-kind=user] [class*="_userRow"]:hover [class*="_actions"],[data-chat-flow-kind=user] [class*="_userRow"]:focus-within [class*="_actions"]{opacity:1!important;visibility:visible}
++[data-chat-flow-kind=user] [class*="_actions"] [class*="_timeStart"]{display:none}
++[data-chat-flow-kind=user] [class*="_actions"] button{width:24px;height:24px;border-radius:6px;color:var(--bt-ink-2)}
++[data-chat-flow-kind=user] [class*="_actions"] button:hover{background:var(--bt-hover);color:var(--bt-ink)}
++[data-chat-flow-kind=user] [class*="_actions"] svg{width:15px;height:15px}
++.bt-q-inline{display:flex;margin:4px 0 6px}
++[data-chat-flow-kind=assistant-step]+[data-step-process]:has(.bt-q-inline){margin-top:0!important}
++[data-chat-flow-kind=question-reply]:has(.bt-q-inline),[data-chat-group-key]:has([data-chat-flow-kind=question-reply] .bt-q-inline),[data-chat-group-key]:has(.bt-q-gone){margin-top:0!important}
++.bt-q-inline .bt-q{margin:0;max-width:min(550px,86%);order:0}
++.bt-q-dock{width:100%;display:flex;justify-content:center}
++.bt-q-dock .bt-q{margin:0 auto 8px}
++[class*="_toBottomSlot"]{justify-content:center!important;padding-right:0!important}
++[data-conversation-scroll] [class*="_toBottomSlot"]{bottom:calc(var(--dsh-composer-height,152px) + 8px)!important}
++[class*="_toBottomSlot"]>button{width:36px!important;height:36px!important;margin-top:-36px!important;background:var(--bt-main)!important;color:var(--bt-ink)!important;box-shadow:0 0 0 .5px var(--bt-line-2),0 2px 8px -2px rgba(0,0,0,.12)!important;animation:bt-tobottom-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out;transition:background-color .12s ease,${spring(SPRING_TAP, "scale")}}
++[class*="_toBottomSlot"]>button:active{scale:.9}
++[class*="_toBottomSlot"]>button:hover{background:color-mix(in srgb,var(--bt-ink) 4%,var(--bt-main))!important}
++[class*="_toBottomSlot"]>button svg{display:none}
++[class*="_toBottomSlot"]>button::before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4v12M5 11l5 5 5-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4v12M5 11l5 5 5-5'/%3E%3C/svg%3E") center/contain no-repeat}
++@keyframes bt-tobottom-in{from{translate:0 8px;scale:.8}}
++[data-bt-news] [class*="_toBottomSlot"]>button{visibility:hidden!important;pointer-events:none!important}
++.bt-news{position:fixed;z-index:30;transform:translateX(-50%);display:inline-flex;align-items:center;overflow:hidden;border-radius:999px;background:#0c64c1;color:#fcfcfc;box-shadow:inset 0 0 0 1px rgba(20,20,20,.05),0 1px 3px 0 rgba(0,0,0,.12);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;animation:bt-news-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out}
++@keyframes bt-news-in{from{translate:0 8px;scale:.9}}
++.bt-news[data-direction=up]{animation-name:bt-news-in-up,bt-veil-in}
++@keyframes bt-news-in-up{from{translate:0 -8px;scale:.9}}
++.bt-news-jump{display:inline-flex;align-items:center;gap:2px;margin:0;padding:4px 26px 4px 4px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:13px;line-height:18px;white-space:nowrap;cursor:pointer;outline:none}
++.bt-news-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}
++.bt-news-ico svg{width:16px;height:16px}
++.bt-news-x{position:absolute;right:4px;top:50%;z-index:1;transform:translateY(-50%);width:20px;height:20px;padding:0;border:0;border-radius:999px;background:transparent;color:inherit;opacity:.75;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
++.bt-news-x svg{width:12px;height:12px}
++.bt-news-x:hover{opacity:1;background:rgba(20,20,20,.5)}
++@media (prefers-reduced-motion:reduce){.bt-news,[class*="_toBottomSlot"]>button{animation:none}}
++.bt-new-sep{display:flex;align-items:center;gap:8px;margin:14px 0 8px;padding:2px 0;font-size:11px;line-height:14px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:#0c64c1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
++.bt-new-sep::before,.bt-new-sep::after{content:"";flex:1;height:1px;background:color-mix(in srgb,#0c64c1 20%,transparent)}
++.bt-open-new{display:flex;flex-direction:column}
++.bt-open-new .bt-new-sep{margin:18px 0 0}
++.bt-open-new .bt-time-sep{height:16px;margin:32px 0 2px}
++.bt-earlier{display:flex;flex-direction:column;gap:6px}
++.bt-earlier-top{display:flex;justify-content:center;align-items:center;height:34px;flex:none}
++.bt-earlier-top .bt-soft{height:28px;font-size:12px;padding:0 12px}
++.bt-urow{display:flex;justify-content:flex-end}
 +.bt-urow>.bt-lead{align-self:flex-end;margin-left:6px}
- .bt-ububble{max-width:min(560px,78%);background:var(--bt-user);color:var(--bt-user-ink);border-radius:18px;padding:7px 12px;font-size:14px;line-height:20px;box-sizing:border-box;overflow-wrap:anywhere}
- .bt-ububble [class*="_markdown"],.bt-ububble a{color:inherit!important}
- .bt-ububble p{margin:0;line-height:22px}
-@@ -2784,10 +2784,10 @@
- .bt-part-line{display:flex;align-items:center;gap:10px;margin:10px 0 6px;font-size:11px;line-height:14px;color:var(--bt-ink-3)}
- .bt-part-line::before,.bt-part-line::after{content:"";flex:1;height:1px;background:var(--bt-line)}
- `;
--function installStyles(text, tag) {
++.bt-ububble{max-width:min(560px,78%);background:var(--bt-user);color:var(--bt-user-ink);border-radius:18px;padding:7px 12px;font-size:14px;line-height:20px;box-sizing:border-box;overflow-wrap:anywhere}
++.bt-ububble [class*="_markdown"],.bt-ububble a{color:inherit!important}
++.bt-ububble p{margin:0;line-height:22px}
++.bt-uimages{display:block;font-size:12px;opacity:.7}
++.bt-earlier .bt-event{margin:4px 0}
++.bt-part-line{display:flex;align-items:center;gap:10px;margin:10px 0 6px;font-size:11px;line-height:14px;color:var(--bt-ink-3)}
++.bt-part-line::before,.bt-part-line::after{content:"";flex:1;height:1px;background:var(--bt-line)}
++`;
 +function installStyles(text2, tag) {
-   const style = document.createElement("style");
-   style.dataset.dshBot = tag;
--  style.textContent = text;
++  const style = document.createElement("style");
++  style.dataset.dshBot = tag;
 +  style.textContent = text2;
-   document.head.appendChild(style);
-   return style;
- }
-@@ -2807,9 +2807,9 @@
-   }
-   return names;
- }
--function compileFragmentSelectors(text, names) {
++  document.head.appendChild(style);
++  return style;
++}
++var FRAGMENT_SELECTOR = /\[class\*="(_[\w-]+)"\]/g;
++var CLASS_TOKEN = /\.((?:\\.|[\w-])+)/g;
++function sheetClassNames(sheet) {
++  const names = [];
++  const visit = (rules) => {
++    for (const rule of rules) {
++      if (rule.selectorText) for (const match of rule.selectorText.matchAll(CLASS_TOKEN)) names.push(match[1]);
++      if (rule.cssRules) visit(rule.cssRules);
++    }
++  };
++  try {
++    visit(sheet.cssRules);
++  } catch {
++  }
++  return names;
++}
 +function compileFragmentSelectors(text2, names) {
-   const compiled = /* @__PURE__ */ new Map();
--  return text.replace(FRAGMENT_SELECTOR, (whole, fragment) => {
++  const compiled = /* @__PURE__ */ new Map();
 +  return text2.replace(FRAGMENT_SELECTOR, (whole, fragment) => {
-     if (!compiled.has(fragment)) {
-       const exact = [];
-       for (const name of names) if (name.includes(fragment)) exact.push(`.${name}`);
-@@ -2818,7 +2818,7 @@
-     return compiled.get(fragment);
-   });
- }
--function installCompiledStyles(text, tag) {
++    if (!compiled.has(fragment)) {
++      const exact = [];
++      for (const name of names) if (name.includes(fragment)) exact.push(`.${name}`);
++      compiled.set(fragment, exact.length ? `:is(${exact.join(",")})` : whole);
++    }
++    return compiled.get(fragment);
++  });
++}
 +function installCompiledStyles(text2, tag) {
-   const style = installStyles("", tag);
-   const cache = /* @__PURE__ */ new WeakMap();
-   const render = () => {
-@@ -2832,7 +2832,7 @@
-       }
-       for (const name of list) names.add(name);
-     }
--    const next = compileFragmentSelectors(text, names);
++  const style = installStyles("", tag);
++  const cache = /* @__PURE__ */ new WeakMap();
++  const render = () => {
++    const names = /* @__PURE__ */ new Set();
++    for (const sheet of document.styleSheets) {
++      if (sheet.ownerNode?.dataset?.dshBot) continue;
++      let list = cache.get(sheet);
++      if (!list) {
++        list = sheetClassNames(sheet);
++        cache.set(sheet, list);
++      }
++      for (const name of list) names.add(name);
++    }
 +    const next = compileFragmentSelectors(text2, names);
-     if (style.textContent !== next) style.textContent = next;
-   };
-   render();
-@@ -2855,226 +2855,204 @@
-   };
- }
- 
--// src/client/mark.js
--var import_react2 = require("react");
--var STATES = ["idle", "thinking", "searching", "working", "sending", "orbit", "alert", "done"];
--var botState = (running, activity, alert) => running ? STATES.includes(activity) ? activity : "working" : alert ? "alert" : "idle";
--var toolState = (name) => /^(message_bot|stop_bot|create_bot|update_bot|create_group|update_group|delete_group|post_to_group)$/.test(name) ? "sending" : /search|fetch|browse|read|grep|glob|list|recall/i.test(name) ? "searching" : "working";
--function useGaze(ref, enabled) {
--  (0, import_react2.useEffect)(() => {
--    if (!enabled) return void 0;
--    let frame = 0;
--    let point = null;
--    const place = () => {
--      frame = 0;
--      const node = ref.current;
--      if (!node || !point) return;
--      const box = node.getBoundingClientRect();
--      const clamp = (value) => Math.max(-1, Math.min(1, value));
--      node.style.setProperty("--bt-gx", clamp((point.x - box.left - box.width / 2) / 160).toFixed(2));
--      node.style.setProperty("--bt-gy", clamp((point.y - box.top - box.height / 2) / 160).toFixed(2));
--    };
--    const onMove = (event) => {
--      point = { x: event.clientX, y: event.clientY };
--      if (!frame) frame = requestAnimationFrame(place);
--    };
--    const onLeave = () => {
--      point = null;
--      ref.current?.style.setProperty("--bt-gx", "0");
--      ref.current?.style.setProperty("--bt-gy", "0");
--    };
--    window.addEventListener("pointermove", onMove, { passive: true });
--    document.documentElement.addEventListener("pointerleave", onLeave);
--    return () => {
--      cancelAnimationFrame(frame);
--      window.removeEventListener("pointermove", onMove);
--      document.documentElement.removeEventListener("pointerleave", onLeave);
--    };
--  }, [enabled]);
--}
--var FIDGETS = ["hop", "sway", "stretch", "look"];
--function BotMark({ bot, look: given, size = 36, state = "idle", live = false, gaze = false, pokeable = false, label }) {
--  const look = given ?? lookOf(bot);
--  const ref = (0, import_react2.useRef)(null);
--  const maskId = (0, import_react2.useRef)("");
--  if (maskId.current === "") maskId.current = `bt-mark-${nextMarkSerial()}`;
--  const [poked, setPoked] = (0, import_react2.useState)(false);
--  useGaze(ref, gaze);
--  const common = {
--    ref,
--    className: poked ? "bt-mark bt-mark-poke" : "bt-mark",
--    "data-shape": look.image ? "image" : shapeId(look.shape),
--    "data-state": STATES.includes(state) ? state : "idle",
--    "data-live": live ? "" : void 0,
--    "data-fidget": live ? FIDGETS[fnv1a(`${bot?.id ?? ""}:fidget`) % FIDGETS.length] : void 0,
--    "data-gaze": gaze ? "" : void 0,
--    "data-poke": pokeable ? "" : void 0,
--    style: { width: size, height: size, ...live ? { "--bt-delay": `${-(fnv1a(String(bot?.id ?? "")) % 5e3) / 1e3}s`, "--bt-fidget-delay": `${-(fnv1a(`${bot?.id ?? ""}:when`) % 9e3) / 1e3}s` } : {} },
--    role: label ? "img" : void 0,
--    "aria-label": label,
--    "aria-hidden": label ? void 0 : true,
--    onClick: pokeable ? () => setPoked(true) : void 0,
--    onAnimationEnd: poked ? (event) => {
--      if (/^bt-poke/.test(event.animationName)) setPoked(false);
--    } : void 0
--  };
--  if (look.image) return (0, import_react2.createElement)("span", common, (0, import_react2.createElement)("img", { className: "bt-mark-img", src: look.image, alt: "", draggable: false }));
--  const box = shapeOf(look.shape).size;
--  return (0, import_react2.createElement)("span", common, (0, import_react2.createElement)("svg", { viewBox: `0 0 ${box} ${box}`, dangerouslySetInnerHTML: { __html: characterMarkup(look.shape, look.color).replaceAll(MASK_ID, maskId.current) } }));
--}
--function StarIcon({ size = 8 }) {
--  return (0, import_react2.createElement)(
--    "svg",
--    { width: size, height: size, viewBox: "0 0 10 10", "aria-hidden": true },
--    (0, import_react2.createElement)("path", { d: "M5 .6l1.3 2.8 3 .3-2.3 2 .7 3L5 7.2 2.3 8.7l.7-3L.7 3.7l3-.3z", fill: "#fff" })
--  );
--}
--function AdminStar() {
--  return (0, import_react2.createElement)("span", { className: "bt-admin-star", role: "img", "aria-label": t("Admin") }, (0, import_react2.createElement)(StarIcon, { size: 7 }));
--}
--function MainStar() {
--  return (0, import_react2.createElement)(
--    "svg",
--    { viewBox: "0 0 20 20", "aria-hidden": true },
--    (0, import_react2.createElement)("path", { d: "M10 2.4l2.29 5.04 5.51.63-4.09 3.74 1.11 5.42L10 14.5l-4.82 2.73 1.11-5.42L2.2 8.07l5.51-.63z" })
--  );
--}
--function useSettled(state) {
--  const prev = (0, import_react2.useRef)(state);
--  const [settled, setSettled] = (0, import_react2.useState)(false);
--  (0, import_react2.useEffect)(() => {
--    const was = prev.current;
--    prev.current = state;
--    if (state !== "idle") {
--      setSettled(false);
--      return void 0;
--    }
--    if (was === "idle" || was === "alert") return void 0;
--    setSettled(true);
--    const timer = setTimeout(() => setSettled(false), 1800);
--    return () => clearTimeout(timer);
--  }, [state]);
--  return settled;
++    if (style.textContent !== next) style.textContent = next;
++  };
++  render();
++  let timer;
++  const schedule = () => {
++    clearTimeout(timer);
++    timer = setTimeout(render, 120);
++  };
++  const onLoad = (event) => {
++    if (event.target instanceof HTMLLinkElement) schedule();
++  };
++  const observer = new MutationObserver(schedule);
++  observer.observe(document.head, { childList: true });
++  document.addEventListener("load", onLoad, true);
++  return () => {
++    observer.disconnect();
++    document.removeEventListener("load", onLoad, true);
++    clearTimeout(timer);
++    style.remove();
++  };
++}
++
 +// src/shared/face-title.js
 +var MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
 +function isGenericFaceTitle(name) {
@@ -3762,28 +5391,7 @@ diff --git a/client.js b/client.js
 +function isAutoFaceTitle(name) {
 +  const n = String(name ?? "").trim();
 +  return isGenericFaceTitle(n) || n.startsWith("Face-to-face · ");
- }
--function BotAvatar({ bot, size, state = "idle", main, admin, badge = true, live = true, gaze = false, pokeable = false }) {
--  const settled = useSettled(state);
--  if (bot === void 0) return (0, import_react2.createElement)(BotMark, { size });
--  const badgeKind = !badge ? null : state === "alert" ? "alert" : state !== "idle" ? "working" : admin ? "admin" : main ? "main" : null;
--  return (0, import_react2.createElement)(
--    "span",
--    { className: "bt-mark", style: { width: size, height: size, "--bt-size": `${size}px` } },
--    (0, import_react2.createElement)(BotMark, { bot, size, state: settled ? "done" : state, live, gaze, pokeable }),
--    badgeKind === "working" ? (0, import_react2.createElement)("span", { className: "bt-badge bt-badge-working", "aria-label": t("Working"), role: "img" }) : null,
--    badgeKind === "alert" ? (0, import_react2.createElement)("span", { className: "bt-badge bt-badge-alert", "aria-label": t("Waiting for your answer"), role: "img" }, "?") : null,
--    badgeKind === "admin" ? (0, import_react2.createElement)("span", { className: "bt-badge bt-badge-admin", "aria-label": t("Admin"), role: "img" }, (0, import_react2.createElement)(StarIcon)) : null,
--    badgeKind === "main" ? (0, import_react2.createElement)("span", { className: "bt-badge bt-badge-main", "aria-label": t("Main Bot"), role: "img" }, (0, import_react2.createElement)(MainStar)) : null
--  );
--}
--function clusterSeats(count, frame) {
--  if (count === 1) return [[0, 0, frame]];
--  if (count === 2) return [[0, 0, frame * 2 / 3], [frame / 3, frame / 3, frame * 2 / 3]];
--  if (count === 3) {
--    const size = frame * 5 / 9;
--    const rest = frame - size;
--    return [[rest / 2, 0, size], [0, rest, size], [rest, rest, size]];
++}
 +function ownersFromMembers(members) {
 +  const rows = [];
 +  const seen = /* @__PURE__ */ new Set();
@@ -3794,43 +5402,10 @@ diff --git a/client.js b/client.js
 +    seen.add(key);
 +    const handle = String(member?.handle ?? member?.id ?? "").trim().toLowerCase();
 +    rows.push({ owner, sort: handle || key });
-   }
--  const half = frame / 2;
--  return [[0, 0, half], [half, 0, half], [0, half, half], [half, half, half]];
++  }
 +  rows.sort((a, b) => a.sort.localeCompare(b.sort));
 +  return rows.slice(0, 3).map((row) => row.owner);
- }
--function RoomAvatar({ room: room2, roster, size = 36 }) {
--  const members = room2.members.map((id) => roster.byId[id]).filter(Boolean);
--  const people = members.length === 1 ? [members[0], null] : members;
--  const seat = (bot, seatSize, key) => bot ? (0, import_react2.createElement)(BotMark, { key, bot, size: seatSize }) : (0, import_react2.createElement)("span", { key, className: "bt-cluster-you", style: { width: seatSize * 0.92, height: seatSize * 0.92, margin: seatSize * 0.04 } });
--  if (people.length === 0) return (0, import_react2.createElement)(BotMark, { size });
--  if (size <= 20 && people.length > 1) {
--    return (0, import_react2.createElement)(
--      "span",
--      { className: "bt-stack", style: { "--bt-stack-size": `${size}px` } },
--      people.slice(0, 3).map((bot, index) => seat(bot, size, bot?.id ?? `you-${index}`)),
--      people.length > 3 ? (0, import_react2.createElement)("span", { className: "bt-stack-more" }, `+${people.length - 3}`) : null
--    );
--  }
--  const seats = clusterSeats(Math.min(people.length, 4), size);
--  const overflow = people.length > 4 ? people.length - 3 : 0;
--  const gap = size / 14;
--  const rings = seats.map(([x, y, s]) => ({ cx: x + s / 2, cy: y + s / 2, r: s * 0.48 + gap }));
--  return (0, import_react2.createElement)(
--    "span",
--    { className: "bt-cluster", style: { width: size, height: size } },
--    seats.map(([x, y, s], index) => {
--      const holes2 = rings.slice(index + 1).filter((ring) => Math.hypot(ring.cx - x - s / 2, ring.cy - y - s / 2) < ring.r + s * 0.46).map((ring) => `radial-gradient(circle at ${ring.cx - x}px ${ring.cy - y}px,transparent ${ring.r}px,#000 ${ring.r + 0.5}px)`);
--      const style = { left: x, top: y, width: s, height: s };
--      if (holes2.length > 0) Object.assign(style, { WebkitMaskImage: holes2.join(","), maskImage: holes2.join(","), WebkitMaskComposite: "source-in", maskComposite: "intersect" });
--      if (overflow > 0 && index === 3) {
--        return (0, import_react2.createElement)("span", { key: "more", className: "bt-cluster-more", style: { ...style, width: s * 0.92, height: s * 0.92, margin: s * 0.04, fontSize: Math.max(8, Math.round(s * 0.36)) } }, `+${overflow}`);
--      }
--      const bot = people[index];
--      return (0, import_react2.createElement)("span", { key: bot?.id ?? "you", style }, seat(bot, s));
--    })
--  );
++}
 +function uniqueOwners(owners) {
 +  const seen = /* @__PURE__ */ new Set();
 +  const out = [];
@@ -3935,135 +5510,116 @@ diff --git a/client.js b/client.js
 +    observer?.disconnect();
 +    link.remove();
 +  };
- }
- 
- // src/client/icons.js
--var import_react3 = require("react");
++}
++
++// src/client/icons.js
 +var import_react5 = require("react");
- function PlusIcon() {
--  return (0, import_react3.createElement)("svg", { width: 18, height: 18, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M10 3.5v13M3.5 10h13", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round" }));
++function PlusIcon() {
 +  return (0, import_react5.createElement)("svg", { width: 18, height: 18, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react5.createElement)("path", { d: "M10 3.5v13M3.5 10h13", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round" }));
- }
- function SearchIcon() {
--  return (0, import_react3.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react3.createElement)("circle", { cx: 8.5, cy: 8.5, r: 5.5, stroke: "currentColor", strokeWidth: 1.6, fill: "none" }), (0, import_react3.createElement)("path", { d: "M13 13l4 4", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round" }));
++}
++function SearchIcon() {
 +  return (0, import_react5.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react5.createElement)("circle", { cx: 8.5, cy: 8.5, r: 5.5, stroke: "currentColor", strokeWidth: 1.6, fill: "none" }), (0, import_react5.createElement)("path", { d: "M13 13l4 4", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round" }));
- }
- function PeopleIcon() {
--  return (0, import_react3.createElement)(
++}
++function PeopleIcon() {
 +  return (0, import_react5.createElement)(
-     "svg",
-     { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": true },
--    (0, import_react3.createElement)("circle", { cx: 7.5, cy: 7, r: 3 }),
--    (0, import_react3.createElement)("path", { d: "M2 16.5c.6-2.8 2.8-4.5 5.5-4.5s4.9 1.7 5.5 4.5" }),
--    (0, import_react3.createElement)("path", { d: "M13 4.3a3 3 0 0 1 0 5.4M15 12.4c1.6.6 2.6 2 3 4.1" })
++    "svg",
++    { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": true },
 +    (0, import_react5.createElement)("circle", { cx: 7.5, cy: 7, r: 3 }),
 +    (0, import_react5.createElement)("path", { d: "M2 16.5c.6-2.8 2.8-4.5 5.5-4.5s4.9 1.7 5.5 4.5" }),
 +    (0, import_react5.createElement)("path", { d: "M13 4.3a3 3 0 0 1 0 5.4M15 12.4c1.6.6 2.6 2 3 4.1" })
-   );
- }
- function ArrowUpIcon() {
--  return (0, import_react3.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M10 16V4M5 9l5-5 5 5", stroke: "currentColor", strokeWidth: 1.8, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }));
++  );
++}
++function ArrowUpIcon() {
 +  return (0, import_react5.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react5.createElement)("path", { d: "M10 16V4M5 9l5-5 5 5", stroke: "currentColor", strokeWidth: 1.8, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }));
- }
- function MicIcon({ size = 16 }) {
--  return (0, import_react3.createElement)(
++}
++function MicIcon({ size = 16 }) {
 +  return (0, import_react5.createElement)(
-     "svg",
-     { width: size, height: size, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", "aria-hidden": true },
--    (0, import_react3.createElement)("rect", { x: 7, y: 2.5, width: 6, height: 10, rx: 3, fill: "currentColor", stroke: "none" }),
--    (0, import_react3.createElement)("path", { d: "M4.5 9.5a5.5 5.5 0 0 0 11 0M10 15v2.5" })
++    "svg",
++    { width: size, height: size, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", "aria-hidden": true },
 +    (0, import_react5.createElement)("rect", { x: 7, y: 2.5, width: 6, height: 10, rx: 3, fill: "currentColor", stroke: "none" }),
 +    (0, import_react5.createElement)("path", { d: "M4.5 9.5a5.5 5.5 0 0 0 11 0M10 15v2.5" })
-   );
- }
- function WaveIcon({ size = 16 }) {
--  return (0, import_react3.createElement)(
++  );
++}
++function WaveIcon({ size = 16 }) {
 +  return (0, import_react5.createElement)(
-     "svg",
-     { width: size, height: size, viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": true },
--    [[3, 7.5, 5], [6.5, 4.5, 11], [10, 2.5, 15], [13.5, 5.5, 9], [17, 8, 4]].map(([x, y, height]) => (0, import_react3.createElement)("rect", { key: x, x: x - 1, y, width: 2, height, rx: 1 }))
++    "svg",
++    { width: size, height: size, viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": true },
 +    [[3, 7.5, 5], [6.5, 4.5, 11], [10, 2.5, 15], [13.5, 5.5, 9], [17, 8, 4]].map(([x, y, height]) => (0, import_react5.createElement)("rect", { key: x, x: x - 1, y, width: 2, height, rx: 1 }))
-   );
- }
- function ShareIcon() {
--  return (0, import_react3.createElement)(
++  );
++}
++function ShareIcon() {
 +  return (0, import_react5.createElement)(
-     "svg",
-     { width: 16, height: 16, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
--    (0, import_react3.createElement)("path", { d: "M10 12.5V3M6.5 6.5L10 3l3.5 3.5M4 11v4.5A1.5 1.5 0 0 0 5.5 17h9a1.5 1.5 0 0 0 1.5-1.5V11" })
++    "svg",
++    { width: 16, height: 16, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
 +    (0, import_react5.createElement)("path", { d: "M10 12.5V3M6.5 6.5L10 3l3.5 3.5M4 11v4.5A1.5 1.5 0 0 0 5.5 17h9a1.5 1.5 0 0 0 1.5-1.5V11" })
-   );
- }
- function CloseIcon() {
--  return (0, import_react3.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M5 5l10 10M15 5L5 15", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round" }));
++  );
++}
++function CloseIcon() {
 +  return (0, import_react5.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react5.createElement)("path", { d: "M5 5l10 10M15 5L5 15", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round" }));
- }
--var ChevronLeftIcon = () => (0, import_react3.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M12.5 4.5L7 10l5.5 5.5" }));
--var ChevronRightIcon = () => (0, import_react3.createElement)("svg", { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M7.5 4.5L13 10l-5.5 5.5" }));
++}
 +var ChevronLeftIcon = () => (0, import_react5.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react5.createElement)("path", { d: "M12.5 4.5L7 10l5.5 5.5" }));
 +var ChevronRightIcon = () => (0, import_react5.createElement)("svg", { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react5.createElement)("path", { d: "M7.5 4.5L13 10l-5.5 5.5" }));
- var lineIcon = (paths) => function LineIcon() {
--  return (0, import_react3.createElement)(
++var lineIcon = (paths) => function LineIcon() {
 +  return (0, import_react5.createElement)(
-     "svg",
-     { width: 15, height: 15, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
--    paths.map((d, index) => (0, import_react3.createElement)("path", { key: index, d }))
++    "svg",
++    { width: 15, height: 15, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
 +    paths.map((d, index) => (0, import_react5.createElement)("path", { key: index, d }))
-   );
- };
- var CLOUD = "M6.5 15.25H5.75a3.25 3.25 0 0 1-.55-6.45 4.75 4.75 0 0 1 9.2-1.1 3.75 3.75 0 0 1 .1 7.55H13.5";
- function CloudDownloadIcon({ done = false }) {
--  return (0, import_react3.createElement)(
++  );
++};
++var CLOUD = "M6.5 15.25H5.75a3.25 3.25 0 0 1-.55-6.45 4.75 4.75 0 0 1 9.2-1.1 3.75 3.75 0 0 1 .1 7.55H13.5";
++function CloudDownloadIcon({ done = false }) {
 +  return (0, import_react5.createElement)(
-     "svg",
-     { width: 16, height: 16, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
--    (0, import_react3.createElement)("path", { d: CLOUD }),
--    done ? (0, import_react3.createElement)("path", { d: "M7.75 13.25l1.75 1.75 3-3.25" }) : (0, import_react3.createElement)("g", { className: "bt-cloud-arrow" }, (0, import_react3.createElement)("path", { d: "M10 9.75v7" }), (0, import_react3.createElement)("path", { d: "M7.75 14.5L10 16.75l2.25-2.25" }))
++    "svg",
++    { width: 16, height: 16, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
 +    (0, import_react5.createElement)("path", { d: CLOUD }),
 +    done ? (0, import_react5.createElement)("path", { d: "M7.75 13.25l1.75 1.75 3-3.25" }) : (0, import_react5.createElement)("g", { className: "bt-cloud-arrow" }, (0, import_react5.createElement)("path", { d: "M10 9.75v7" }), (0, import_react5.createElement)("path", { d: "M7.75 14.5L10 16.75l2.25-2.25" }))
-   );
- }
- var SmileIcon = lineIcon(["M10 3.5a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13z", "M7.3 11.6a3.4 3.4 0 0 0 5.4 0", "M7.75 8.25h.01M12.25 8.25h.01"]);
-@@ -3086,6 +3086,7 @@
- var GaugeIcon = lineIcon(["M3.5 13.5a6.5 6.5 0 1 1 13 0", "M10 13.5l3-4", "M10 13.5h.01"]);
- var PlugIcon = lineIcon(["M7 3v4M13 3v4", "M5 7h10v2.5a5 5 0 0 1-10 0z", "M10 14.5V17"]);
- var CalendarIcon = lineIcon(["M5.5 5h9A1.5 1.5 0 0 1 16 6.5v8a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 4 14.5v-8A1.5 1.5 0 0 1 5.5 5z", "M4 8.75h12", "M7.25 3.5v3M12.75 3.5v3"]);
++  );
++}
++var SmileIcon = lineIcon(["M10 3.5a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13z", "M7.3 11.6a3.4 3.4 0 0 0 5.4 0", "M7.75 8.25h.01M12.25 8.25h.01"]);
++var ReplyIcon = lineIcon(["M8 5L4 9l4 4", "M4 9h7.5a4.5 4.5 0 0 1 4.5 4.5V15"]);
++var DotsIcon = lineIcon(["M5 10h.01M10 10h.01M15 10h.01"]);
++var CheckIcon = lineIcon(["M4.5 10.5l3.5 3.5 7.5-8"]);
++var ArrowDownIcon = lineIcon(["M10 4v12", "M5 11l5 5 5-5"]);
++var DownloadIcon = lineIcon(["M10 3.5v9", "M6.5 9.5L10 13l3.5-3.5", "M4 16h12"]);
++var GaugeIcon = lineIcon(["M3.5 13.5a6.5 6.5 0 1 1 13 0", "M10 13.5l3-4", "M10 13.5h.01"]);
++var PlugIcon = lineIcon(["M7 3v4M13 3v4", "M5 7h10v2.5a5 5 0 0 1-10 0z", "M10 14.5V17"]);
++var CalendarIcon = lineIcon(["M5.5 5h9A1.5 1.5 0 0 1 16 6.5v8a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 4 14.5v-8A1.5 1.5 0 0 1 5.5 5z", "M4 8.75h12", "M7.25 3.5v3M12.75 3.5v3"]);
 +var WorkflowIcon = lineIcon(["M4.5 4h4v3.5h-4z", "M11.5 12.5h4V16h-4z", "M6.5 7.5v3.5a2 2 0 0 0 2 2h3"]);
- var ConnectorIcon = lineIcon(["M7 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z", "M18 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z", "M7 10h6"]);
- var SwitchIcon = lineIcon(["M4 7h9.5M10.5 3.5L14 7l-3.5 3.5", "M16 13H6.5M9.5 9.5L6 13l3.5 3.5"]);
- var PaperclipIcon = lineIcon(["M15.5 9.5l-5.6 5.6a3.4 3.4 0 0 1-4.8-4.8l6.1-6.1a2.25 2.25 0 0 1 3.2 3.2l-6 6a1.1 1.1 0 0 1-1.6-1.6l5.5-5.5"]);
-@@ -3093,14 +3093,14 @@
- var GearIcon = lineIcon(["M10 7.4a2.6 2.6 0 1 1 0 5.2 2.6 2.6 0 0 1 0-5.2z", "M7.85 4.4l.29-1.87a7.7 7.7 0 0 1 3.72 0l.29 1.87a6 6 0 0 1 1.63.94l1.76-.69a7.7 7.7 0 0 1 1.86 3.23l-1.47 1.18a6 6 0 0 1 0 1.88l1.47 1.18a7.7 7.7 0 0 1-1.86 3.23l-1.76-.69a6 6 0 0 1-1.63.94l-.29 1.87a7.7 7.7 0 0 1-3.72 0l-.29-1.87a6 6 0 0 1-1.63-.94l-1.76.69a7.7 7.7 0 0 1-1.86-3.23l1.47-1.18a6 6 0 0 1 0-1.88L2.6 7.88a7.7 7.7 0 0 1 1.86-3.23l1.76.69a6 6 0 0 1 1.63-.94z"]);
- var PinIcon = lineIcon(["M12.5 3l4.5 4.5-3 1.5-2.5 2.5.5 3.5-1.5 1.5L7 13 3.5 16.5", "M7 13l-3.5-3.5L5 8l3.5.5L11 6l1.5-3"]);
- function PinMarkIcon() {
--  return (0, import_react3.createElement)(
++var ConnectorIcon = lineIcon(["M7 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z", "M18 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z", "M7 10h6"]);
++var SwitchIcon = lineIcon(["M4 7h9.5M10.5 3.5L14 7l-3.5 3.5", "M16 13H6.5M9.5 9.5L6 13l3.5 3.5"]);
++var PaperclipIcon = lineIcon(["M15.5 9.5l-5.6 5.6a3.4 3.4 0 0 1-4.8-4.8l6.1-6.1a2.25 2.25 0 0 1 3.2 3.2l-6 6a1.1 1.1 0 0 1-1.6-1.6l5.5-5.5"]);
++var ClockIcon = lineIcon(["M10 3.5a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13z", "M10 6.5V10l2.5 1.5"]);
++var GearIcon = lineIcon(["M10 7.4a2.6 2.6 0 1 1 0 5.2 2.6 2.6 0 0 1 0-5.2z", "M7.85 4.4l.29-1.87a7.7 7.7 0 0 1 3.72 0l.29 1.87a6 6 0 0 1 1.63.94l1.76-.69a7.7 7.7 0 0 1 1.86 3.23l-1.47 1.18a6 6 0 0 1 0 1.88l1.47 1.18a7.7 7.7 0 0 1-1.86 3.23l-1.76-.69a6 6 0 0 1-1.63.94l-.29 1.87a7.7 7.7 0 0 1-3.72 0l-.29-1.87a6 6 0 0 1-1.63-.94l-1.76.69a7.7 7.7 0 0 1-1.86-3.23l1.47-1.18a6 6 0 0 1 0-1.88L2.6 7.88a7.7 7.7 0 0 1 1.86-3.23l1.76.69a6 6 0 0 1 1.63-.94z"]);
++var PinIcon = lineIcon(["M12.5 3l4.5 4.5-3 1.5-2.5 2.5.5 3.5-1.5 1.5L7 13 3.5 16.5", "M7 13l-3.5-3.5L5 8l3.5.5L11 6l1.5-3"]);
++function PinMarkIcon() {
 +  return (0, import_react5.createElement)(
-     "svg",
-     { width: 12, height: 12, viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": true },
--    (0, import_react3.createElement)(
++    "svg",
++    { width: 12, height: 12, viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": true },
 +    (0, import_react5.createElement)(
-       "g",
-       { transform: "rotate(45 10 10)" },
--      (0, import_react3.createElement)("path", { d: "M8 2.5h4a.9.9 0 0 1 0 1.8h-.4v4.1c0 1.4 1.1 2.6 2.6 3.1l.7.3v1.5H5.1v-1.5l.7-.3c1.5-.5 2.6-1.7 2.6-3.1V4.3H8a.9.9 0 0 1 0-1.8z" }),
--      (0, import_react3.createElement)("path", { d: "M9.35 13.3h1.3v3.6L10 18l-.65-1.1z" })
++      "g",
++      { transform: "rotate(45 10 10)" },
 +      (0, import_react5.createElement)("path", { d: "M8 2.5h4a.9.9 0 0 1 0 1.8h-.4v4.1c0 1.4 1.1 2.6 2.6 3.1l.7.3v1.5H5.1v-1.5l.7-.3c1.5-.5 2.6-1.7 2.6-3.1V4.3H8a.9.9 0 0 1 0-1.8z" }),
 +      (0, import_react5.createElement)("path", { d: "M9.35 13.3h1.3v3.6L10 18l-.65-1.1z" })
-     )
-   );
- }
-@@ -3112,21 +3112,48 @@
- var HideIcon = lineIcon(["M3 3l14 14", "M8.6 5.2A7.6 7.6 0 0 1 10 5c4.5 0 7 5 7 5a12.6 12.6 0 0 1-2 2.6M12.2 14.5A6.8 6.8 0 0 1 10 15c-4.5 0-7-5-7-5a12.4 12.4 0 0 1 3-3.4", "M8.5 8.5a2 2 0 0 0 3 3"]);
- var TrashIcon = lineIcon(["M3.5 5.5h13", "M8 5.5V4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1.5", "M5 5.5l.7 10A1.5 1.5 0 0 0 7.2 17h5.6a1.5 1.5 0 0 0 1.5-1.5l.7-10", "M8.5 9v4.5M11.5 9v4.5"]);
- var DuplicateIcon = lineIcon(["M7 7h8.5v9.5H7z", "M4.5 13V3.5H13", "M11.25 9.5v4.5M9 11.75h4.5"]);
++    )
++  );
++}
++var UnreadIcon = lineIcon(["M10 3.5a4.5 4.5 0 0 0-4.5 4.5v3L4 13.5h12L14.5 11V8", "M8.3 16a1.8 1.8 0 0 0 3.4 0", "M15.5 3.2a1.6 1.6 0 1 1 0 3.2 1.6 1.6 0 0 1 0-3.2z"]);
++var PencilIcon = lineIcon(["M9 4H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-3", "M14.3 3.7a1.6 1.6 0 0 1 2.3 2.3L10.5 12l-3 .8.8-3z"]);
++var InfoIcon = lineIcon(["M10 3.5a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13z", "M10 9.25v4", "M10 6.6h.01"]);
++var StarLineIcon = lineIcon(["M10 3l2.1 4.3 4.7.7-3.4 3.3.8 4.7L10 13.8 5.8 16l.8-4.7L3.2 8l4.7-.7z"]);
++var CopyIcon = lineIcon(["M8.5 7h6A1.5 1.5 0 0 1 16 8.5v6a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 7 14.5v-6A1.5 1.5 0 0 1 8.5 7z", "M4 12.5V5.5A1.5 1.5 0 0 1 5.5 4H13"]);
++var HideIcon = lineIcon(["M3 3l14 14", "M8.6 5.2A7.6 7.6 0 0 1 10 5c4.5 0 7 5 7 5a12.6 12.6 0 0 1-2 2.6M12.2 14.5A6.8 6.8 0 0 1 10 15c-4.5 0-7-5-7-5a12.4 12.4 0 0 1 3-3.4", "M8.5 8.5a2 2 0 0 0 3 3"]);
++var TrashIcon = lineIcon(["M3.5 5.5h13", "M8 5.5V4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1.5", "M5 5.5l.7 10A1.5 1.5 0 0 0 7.2 17h5.6a1.5 1.5 0 0 0 1.5-1.5l.7-10", "M8.5 9v4.5M11.5 9v4.5"]);
++var DuplicateIcon = lineIcon(["M7 7h8.5v9.5H7z", "M4.5 13V3.5H13", "M11.25 9.5v4.5M9 11.75h4.5"]);
 +var LinkIcon = lineIcon(["M8.5 11.5a3.5 3.5 0 0 0 5 0l2.5-2.5a3.5 3.5 0 0 0-5-5l-1 1", "M11.5 8.5a3.5 3.5 0 0 0-5 0L4 11a3.5 3.5 0 0 0 5 5l1-1"]);
- var SlidersIcon = lineIcon(["M4 6.5h5M12.5 6.5H16M4 13.5h4M11.5 13.5H16", "M10.5 4.5v4M9.5 11.5v4"]);
- var MemoryIcon = lineIcon(["M5.5 3.5h8A1.5 1.5 0 0 1 15 5v10a1.5 1.5 0 0 1-1.5 1.5h-8z", "M5.5 3.5v13", "M8.5 7.5h3.5M8.5 10.5h2.5", "M12 3.5v4l1-.8 1 .8"]);
- var FolderIcon = lineIcon(["M3 6A1.5 1.5 0 0 1 4.5 4.5h3.2l1.8 2h6A1.5 1.5 0 0 1 17 8v6.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 3 14.5z"]);
++var SlidersIcon = lineIcon(["M4 6.5h5M12.5 6.5H16M4 13.5h4M11.5 13.5H16", "M10.5 4.5v4M9.5 11.5v4"]);
++var MemoryIcon = lineIcon(["M5.5 3.5h8A1.5 1.5 0 0 1 15 5v10a1.5 1.5 0 0 1-1.5 1.5h-8z", "M5.5 3.5v13", "M8.5 7.5h3.5M8.5 10.5h2.5", "M12 3.5v4l1-.8 1 .8"]);
++var FolderIcon = lineIcon(["M3 6A1.5 1.5 0 0 1 4.5 4.5h3.2l1.8 2h6A1.5 1.5 0 0 1 17 8v6.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 3 14.5z"]);
 +var ChatIcon = lineIcon(["M4 5.5A1.5 1.5 0 0 1 5.5 4h9A1.5 1.5 0 0 1 16 5.5v6a1.5 1.5 0 0 1-1.5 1.5H9l-3.5 3v-3A1.5 1.5 0 0 1 4 11.5z"]);
 +var BotIcon = lineIcon(["M6 7.5h8a2 2 0 0 1 2 2V14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9.5a2 2 0 0 1 2-2z", "M10 4.5v3", "M10 3.5h.01", "M7.75 11.5h.01M12.25 11.5h.01"]);
 +var TerminalIcon = lineIcon(["M4.5 4.5h11a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 3 14V6a1.5 1.5 0 0 1 1.5-1.5z", "M6.5 8.25L8.75 10 6.5 11.75", "M10.5 12h3"]);
- var ChatsIcon = lineIcon(["M3.5 5.5A1.5 1.5 0 0 1 5 4h7a1.5 1.5 0 0 1 1.5 1.5V10A1.5 1.5 0 0 1 12 11.5H8L5 14v-2.5A1.5 1.5 0 0 1 3.5 10z", "M13.5 7.5H15A1.5 1.5 0 0 1 16.5 9v4.5A1.5 1.5 0 0 1 15 15v2l-2.5-2h-3A1.5 1.5 0 0 1 8 13.5V13"]);
- var SETTINGS_ICONS = { general: GearIcon, bots: PeopleIcon, groups: ChatsIcon, usage: GaugeIcon };
++var ChatsIcon = lineIcon(["M3.5 5.5A1.5 1.5 0 0 1 5 4h7a1.5 1.5 0 0 1 1.5 1.5V10A1.5 1.5 0 0 1 12 11.5H8L5 14v-2.5A1.5 1.5 0 0 1 3.5 10z", "M13.5 7.5H15A1.5 1.5 0 0 1 16.5 9v4.5A1.5 1.5 0 0 1 15 15v2l-2.5-2h-3A1.5 1.5 0 0 1 8 13.5V13"]);
++var SETTINGS_ICONS = { general: GearIcon, bots: PeopleIcon, groups: ChatsIcon, usage: GaugeIcon };
 +function FlyBotMark({ size = 24 }) {
 +  return (0, import_react5.createElement)(
 +    "svg",
@@ -4087,670 +5643,900 @@ diff --git a/client.js b/client.js
 +    (0, import_react5.createElement)("rect", { className: "bt-flybot-body", x: 248, y: 104, width: 16, height: 34 })
 +  );
 +}
- 
- // src/client/questions.js
--var import_react4 = require("react");
++
++// src/client/questions.js
 +var import_react6 = require("react");
- var keyLetter = (index) => String.fromCharCode(65 + index);
- var optionsOf = (question) => (question?.options ?? []).map((option) => typeof option === "string" ? { label: option } : option);
- var isTypingTarget = (node) => node instanceof HTMLInputElement || node instanceof HTMLTextAreaElement || node instanceof HTMLSelectElement || node instanceof HTMLElement && node.isContentEditable;
- function useOptionKeys(count, onPick, ownRef) {
--  const pick2 = (0, import_react4.useRef)(onPick);
++var keyLetter = (index) => String.fromCharCode(65 + index);
++var optionsOf = (question) => (question?.options ?? []).map((option) => typeof option === "string" ? { label: option } : option);
++var isTypingTarget = (node) => node instanceof HTMLInputElement || node instanceof HTMLTextAreaElement || node instanceof HTMLSelectElement || node instanceof HTMLElement && node.isContentEditable;
++function useOptionKeys(count, onPick, ownRef) {
 +  const pick2 = (0, import_react6.useRef)(onPick);
-   pick2.current = onPick;
--  (0, import_react4.useEffect)(() => {
++  pick2.current = onPick;
 +  (0, import_react6.useEffect)(() => {
-     if (count === 0) return void 0;
-     const onKey = (event) => {
-       if (event.defaultPrevented || event.metaKey || event.ctrlKey || event.altKey || event.shiftKey || event.key.length !== 1) return;
-@@ -3146,10 +3146,10 @@
-   }, [count, ownRef]);
++    if (count === 0) return void 0;
++    const onKey = (event) => {
++      if (event.defaultPrevented || event.metaKey || event.ctrlKey || event.altKey || event.shiftKey || event.key.length !== 1) return;
++      if (isTypingTarget(event.target) || isTypingTarget(document.activeElement)) return;
++      if (document.querySelector('[role="dialog"], [aria-modal="true"]') !== null) return;
++      const index = event.key.toUpperCase().charCodeAt(0) - 65;
++      if (index >= 0 && index < count) {
++        event.preventDefault();
++        pick2.current(index);
++      } else if (index === count && ownRef.current) {
++        event.preventDefault();
++        ownRef.current.focus();
++      }
++    };
++    document.addEventListener("keydown", onKey, true);
++    return () => document.removeEventListener("keydown", onKey, true);
++  }, [count, ownRef]);
  }
- function QuestionView({ question, onAnswer, onDismiss, ownAnswer = false, raised = false }) {
--  const [own, setOwn] = (0, import_react4.useState)("");
--  const [picked, setPicked] = (0, import_react4.useState)([]);
--  const ownRef = (0, import_react4.useRef)(null);
--  const titleId = (0, import_react4.useId)();
+-@keyframes bt-fade-in{from{opacity:0}to{opacity:1}}
+-@keyframes bt-fade-out{from{opacity:1}to{opacity:0}}
+-[data-composer-card]{display:flex!important;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0!important;min-height:44px;border-radius:22px!important;padding:7.5px!important;box-sizing:border-box;background:var(--bt-main)!important;border:.5px solid var(--bt-line-2)!important;box-shadow:0 2px 8px -1px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03),0 0 0 1px rgba(228,228,228,.04)!important;transition:border-color .15s ease,background-color .15s ease,${spring(SPRING_SHAPE, "border-radius")}!important}
+-[data-composer-card]:hover,[data-composer-card]:focus-within{border-color:color-mix(in srgb,var(--bt-ink) 30%,transparent)!important}
+-[data-composer-card]:has(> [data-slot="conversation.input.attachments"] *),[data-composer-card]:has([data-composer-input] br + *),[data-composer-card]:has([data-composer-input] > :nth-child(2)){border-radius:18px!important}
+-[class*="_root"]:has(> [data-composer-card]){padding:0 11px 13px 16px!important}
+-[class*="_root"]:has(> [data-composer-card])>[data-composer-card]{max-width:min(992px,100%)!important}
+-[data-composer-card]>[class*="_row"]{display:contents!important}
+-[data-composer-card] [class*="_tools"]{order:1;flex:none;align-self:flex-end;margin:0}
+-[data-composer-card]>[data-input-scroll]{order:2;flex:1 1 0;min-width:0;padding:0 8px!important;margin:0!important}
+-[data-composer-card] [class*="_trailing"]{order:3;flex:none;align-self:flex-end;margin:0}
+-[data-composer-card]>[data-slot="conversation.input.attachments"]{order:0;flex-basis:100%}
+-[data-composer-card] [data-composer-input]{min-height:24px;padding:2px 0!important}
+-[data-composer-card] [data-composer-placeholder]{left:0!important;top:2px!important}
+-[data-composer-placeholder]{font-size:0!important;line-height:0!important}
+-[data-composer-placeholder]::after{content:var(--bt-placeholder,"Message");display:block;font-size:14px;line-height:24px;color:color-mix(in srgb,var(--bt-ink) 36%,transparent)}
+-/* The team's "+" (ComposerPlus) takes the seat of the shell's command-menu button. */
+-[data-composer-card] button[class*="_add"]{display:none!important}
+-.bt-plus{flex:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bt-ink) 5%,transparent);box-shadow:inset 0 0 0 .5px var(--bt-line);color:var(--bt-ink-2);cursor:pointer;transition:background-color .15s ease,color .15s ease,${spring(SPRING_TAP, "scale")}}
+-.bt-plus:hover,.bt-plus[aria-expanded=true]{background:color-mix(in srgb,var(--bt-ink) 10%,transparent);color:var(--bt-ink)}
+-.bt-plus:active{scale:.9}
+-.bt-plus svg{width:14px;height:14px;transition:${spring(SPRING_POP, "rotate")}}
+-.bt-plus[aria-expanded=true] svg{rotate:45deg}
+-.bt-plus-menu{min-width:180px}
+-[data-composer-card] [class*="_tools"]{gap:0!important}
+-[data-composer-card] [class*="_modes"]:empty{display:none!important}
+-[data-composer-card] [class*="_activity"]:not(:has([data-slot] > *)){display:none!important}
+-[data-composer-card] [class*="_trailing"]{gap:8px}
+-[data-composer-card] [class*="_standardControls"]{display:flex;align-items:center;gap:8px}
+-[data-composer-card] button[class*="_primary"]{width:28px!important;height:28px!important;background:var(--bt-accent)!important;color:var(--bt-accent-ink,#fff)!important;border-radius:50%!important;transition:opacity .15s ease,${spring(SPRING_TAP, "scale")};animation:bt-icon-swap ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
+-[data-composer-card] button[class*="_primary"]:hover:not(:disabled){opacity:.9}
+-[data-composer-card] button[class*="_primary"]:active:not(:disabled){scale:.9}
+-@keyframes bt-icon-swap{from{opacity:0;transform:scale(.5) rotate(-30deg)}}
+-[data-composer-card] button[class*="_primary"] svg{width:14px;height:14px}
+-[data-composer-card] button[class*="_primary"]:disabled{display:none!important}
+-[data-composer-dock]{display:none!important}
+-.bt-mic,.bt-voice{flex:none;width:28px;height:28px;border-radius:50%;border:0;padding:0;display:inline-grid;place-items:center;cursor:pointer;transition:background-color .15s ease,color .15s ease,${spring(SPRING_TAP, "scale")}}
+-.bt-mic{background:color-mix(in srgb,var(--bt-ink) 5%,transparent);box-shadow:inset 0 0 0 .5px var(--bt-line);color:var(--bt-ink-2)}
+-.bt-mic:hover{background:color-mix(in srgb,var(--bt-ink) 10%,transparent);color:var(--bt-ink)}
+-.bt-mic[aria-pressed=true]{background:#ff3e51;color:#fff;animation:bt-mic-pulse 1.4s ease-in-out infinite}
+-@keyframes bt-mic-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,62,81,.35)}50%{box-shadow:0 0 0 5px rgba(255,62,81,0)}}
+-.bt-voice{display:none;background:var(--bt-accent);color:var(--bt-accent-ink,#fff);animation:bt-icon-swap ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
+-.bt-voice:hover{opacity:.9}
+-.bt-mic:active,.bt-voice:active{scale:.9}
+-[data-composer-card]:has(button[class*="_primary"]:disabled) .bt-voice{display:inline-grid}
+-body[data-bt-room] .bt-voice{display:none!important}
+-body[data-bt-room] [data-composer-card]:has(button[class*="_primary"]:disabled) .bt-mic:not([aria-pressed=true]){background:var(--bt-accent);color:var(--bt-accent-ink,#fff)}
+-.bt-mic-note{position:absolute;right:12px;bottom:calc(100% + 8px);padding:5px 10px;border-radius:8px;background:var(--bt-user);color:var(--bt-user-ink);font-size:12px;line-height:16px;white-space:nowrap;pointer-events:none;animation:bt-rise .16s ease-out}
+-[data-chain-overlay-fallback="conversation.composer"]:has(~ .bt-q){display:block!important;order:2}
+-.bt-q{order:1}
+-div:has(> nav [class*="_marks"]){display:none!important}
+-/* Every user-side bubble (sent, steering mid-turn, not yet admitted, question replies)
+-   takes its surface and its text from the one --bt-user pair: a skin that repaints
+-   the host's bubble surface alone would otherwise leave the text unreadable. */
+-[class*="_userRow"] [class*="_bubble"],[data-chat-flow-kind=question-reply] [class*="_bubble"],[data-chat-flow-kind=command-input] [class*="_bubble"]{background:var(--bt-user)!important;color:var(--bt-user-ink)!important;border-radius:18px!important;padding:7px 12px!important;font-size:var(--dsh-content-font-size,14px)!important;line-height:calc(var(--dsh-content-font-size,14px) + 8px)!important}
+-[class*="_userRow"] [class*="_bubble"] [class*="_markdown"],[class*="_userRow"] [class*="_bubble"] a{color:inherit}
+-/* Sent messages get the hover toolbar below; steering and unsent bubbles keep none. */
+-[class*="_userRow"] [class*="_actions"]{display:none!important}
+-[data-chat-flow-kind=user] [class*="_userRow"]{flex-direction:row-reverse;align-items:center;justify-content:flex-start}
+-[data-chat-flow-kind=user] [class*="_actions"]{display:flex!important;height:24px!important;gap:2px!important;opacity:0!important;visibility:hidden;transition:opacity .12s ease,visibility .12s!important;flex:none}
+-[data-chat-flow-kind=user] [class*="_userRow"]:hover [class*="_actions"],[data-chat-flow-kind=user] [class*="_userRow"]:focus-within [class*="_actions"]{opacity:1!important;visibility:visible}
+-[data-chat-flow-kind=user] [class*="_actions"] [class*="_timeStart"]{display:none}
+-[data-chat-flow-kind=user] [class*="_actions"] button{width:24px;height:24px;border-radius:6px;color:var(--bt-ink-2)}
+-[data-chat-flow-kind=user] [class*="_actions"] button:hover{background:var(--bt-hover);color:var(--bt-ink)}
+-[data-chat-flow-kind=user] [class*="_actions"] svg{width:15px;height:15px}
+-.bt-q-inline{display:flex;margin:4px 0 6px}
+-[data-chat-flow-kind=assistant-step]+[data-step-process]:has(.bt-q-inline){margin-top:0!important}
+-[data-chat-flow-kind=question-reply]:has(.bt-q-inline),[data-chat-group-key]:has([data-chat-flow-kind=question-reply] .bt-q-inline),[data-chat-group-key]:has(.bt-q-gone){margin-top:0!important}
+-.bt-q-inline .bt-q{margin:0;max-width:min(550px,86%);order:0}
+-.bt-q-dock{width:100%;display:flex;justify-content:center}
+-.bt-q-dock .bt-q{margin:0 auto 8px}
+-[class*="_toBottomSlot"]{justify-content:center!important;padding-right:0!important}
+-[data-conversation-scroll] [class*="_toBottomSlot"]{bottom:calc(var(--dsh-composer-height,152px) + 8px)!important}
+-[class*="_toBottomSlot"]>button{width:36px!important;height:36px!important;margin-top:-36px!important;background:var(--bt-main)!important;color:var(--bt-ink)!important;box-shadow:0 0 0 .5px var(--bt-line-2),0 2px 8px -2px rgba(0,0,0,.12)!important;animation:bt-tobottom-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out;transition:background-color .12s ease,${spring(SPRING_TAP, "scale")}}
+-[class*="_toBottomSlot"]>button:active{scale:.9}
+-[class*="_toBottomSlot"]>button:hover{background:color-mix(in srgb,var(--bt-ink) 4%,var(--bt-main))!important}
+-[class*="_toBottomSlot"]>button svg{display:none}
+-[class*="_toBottomSlot"]>button::before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4v12M5 11l5 5 5-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4v12M5 11l5 5 5-5'/%3E%3C/svg%3E") center/contain no-repeat}
+-@keyframes bt-tobottom-in{from{translate:0 8px;scale:.8}}
+-[data-bt-news] [class*="_toBottomSlot"]>button{visibility:hidden!important;pointer-events:none!important}
+-.bt-news{position:fixed;z-index:30;transform:translateX(-50%);display:inline-flex;align-items:center;overflow:hidden;border-radius:999px;background:#0c64c1;color:#fcfcfc;box-shadow:inset 0 0 0 1px rgba(20,20,20,.05),0 1px 3px 0 rgba(0,0,0,.12);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;animation:bt-news-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out}
+-@keyframes bt-news-in{from{translate:0 8px;scale:.9}}
+-.bt-news[data-direction=up]{animation-name:bt-news-in-up,bt-veil-in}
+-@keyframes bt-news-in-up{from{translate:0 -8px;scale:.9}}
+-.bt-news-jump{display:inline-flex;align-items:center;gap:2px;margin:0;padding:4px 26px 4px 4px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:13px;line-height:18px;white-space:nowrap;cursor:pointer;outline:none}
+-.bt-news-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}
+-.bt-news-ico svg{width:16px;height:16px}
+-.bt-news-x{position:absolute;right:4px;top:50%;z-index:1;transform:translateY(-50%);width:20px;height:20px;padding:0;border:0;border-radius:999px;background:transparent;color:inherit;opacity:.75;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
+-.bt-news-x svg{width:12px;height:12px}
+-.bt-news-x:hover{opacity:1;background:rgba(20,20,20,.5)}
+-@media (prefers-reduced-motion:reduce){.bt-news,[class*="_toBottomSlot"]>button{animation:none}}
+-.bt-new-sep{display:flex;align-items:center;gap:8px;margin:14px 0 8px;padding:2px 0;font-size:11px;line-height:14px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:#0c64c1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
+-.bt-new-sep::before,.bt-new-sep::after{content:"";flex:1;height:1px;background:color-mix(in srgb,#0c64c1 20%,transparent)}
+-.bt-open-new{display:flex;flex-direction:column}
+-.bt-open-new .bt-new-sep{margin:18px 0 0}
+-.bt-open-new .bt-time-sep{height:16px;margin:32px 0 2px}
+-.bt-earlier{display:flex;flex-direction:column;gap:6px}
+-.bt-earlier-top{display:flex;justify-content:center;align-items:center;height:34px;flex:none}
+-.bt-earlier-top .bt-soft{height:28px;font-size:12px;padding:0 12px}
+-.bt-urow{display:flex;justify-content:flex-end}
+-.bt-ububble{max-width:min(560px,78%);background:var(--bt-user);color:var(--bt-user-ink);border-radius:18px;padding:7px 12px;font-size:14px;line-height:20px;box-sizing:border-box;overflow-wrap:anywhere}
+-.bt-ububble [class*="_markdown"],.bt-ububble a{color:inherit!important}
+-.bt-ububble p{margin:0;line-height:22px}
+-.bt-uimages{display:block;font-size:12px;opacity:.7}
+-.bt-earlier .bt-event{margin:4px 0}
+-.bt-part-line{display:flex;align-items:center;gap:10px;margin:10px 0 6px;font-size:11px;line-height:14px;color:var(--bt-ink-3)}
+-.bt-part-line::before,.bt-part-line::after{content:"";flex:1;height:1px;background:var(--bt-line)}
+-`;
+-function installStyles(text, tag) {
+-  const style = document.createElement("style");
+-  style.dataset.dshBot = tag;
+-  style.textContent = text;
+-  document.head.appendChild(style);
+-  return style;
++function QuestionView({ question, onAnswer, onDismiss, ownAnswer = false, raised = false }) {
 +  const [own, setOwn] = (0, import_react6.useState)("");
 +  const [picked, setPicked] = (0, import_react6.useState)([]);
 +  const ownRef = (0, import_react6.useRef)(null);
 +  const titleId = (0, import_react6.useId)();
-   const options = optionsOf(question);
-   const multi = question.multiSelect === true;
-   const custom = own.trim();
-@@ -3167,7 +3167,7 @@
-   };
-   useOptionKeys(options.length, (index) => choose(options[index].label), ownRef);
-   const ownLetter = options.length > 0 ? keyLetter(options.length) : void 0;
--  const field = ownAnswer ? (0, import_react4.createElement)("textarea", {
++  const options = optionsOf(question);
++  const multi = question.multiSelect === true;
++  const custom = own.trim();
++  const canSubmit = multi ? picked.length > 0 || custom !== "" : custom !== "";
++  const choose = (label) => {
++    if (multi) {
++      setPicked((current) => current.includes(label) ? current.filter((item) => item !== label) : [...current, label]);
++      return;
++    }
++    onAnswer({ selected: [label] });
++  };
++  const submit = () => {
++    if (!canSubmit) return;
++    onAnswer({ selected: multi ? picked : [], ...custom ? { custom } : {} });
++  };
++  useOptionKeys(options.length, (index) => choose(options[index].label), ownRef);
++  const ownLetter = options.length > 0 ? keyLetter(options.length) : void 0;
 +  const field = ownAnswer ? (0, import_react6.createElement)("textarea", {
-     ref: ownRef,
-     rows: 1,
-     value: own,
-@@ -3186,7 +3186,7 @@
-   }) : null;
-   const rows = options.map((option, optionIndex) => {
-     const selected = multi && picked.includes(option.label);
--    return (0, import_react4.createElement)(
++    ref: ownRef,
++    rows: 1,
++    value: own,
++    autoComplete: "off",
++    spellCheck: false,
++    className: "bt-q-input",
++    "aria-label": t("Your own answer"),
++    placeholder: t("Type your own answer"),
++    "aria-keyshortcuts": ownLetter?.toLowerCase(),
++    onChange: (event) => setOwn(event.target.value),
++    onKeyDown: (event) => {
++      if (event.key !== "Enter" || event.shiftKey || event.nativeEvent.isComposing) return;
++      event.preventDefault();
++      submit();
++    }
++  }) : null;
++  const rows = options.map((option, optionIndex) => {
++    const selected = multi && picked.includes(option.label);
 +    return (0, import_react6.createElement)(
-       "button",
-       {
-         key: option.label,
-@@ -3196,36 +3196,36 @@
-         "aria-keyshortcuts": keyLetter(optionIndex).toLowerCase(),
-         onClick: () => choose(option.label)
-       },
--      (0, import_react4.createElement)("span", { className: "bt-key", "aria-hidden": true }, keyLetter(optionIndex)),
--      (0, import_react4.createElement)(
++      "button",
++      {
++        key: option.label,
++        type: "button",
++        className: "bt-q-opt",
++        "aria-pressed": multi ? selected : void 0,
++        "aria-keyshortcuts": keyLetter(optionIndex).toLowerCase(),
++        onClick: () => choose(option.label)
++      },
 +      (0, import_react6.createElement)("span", { className: "bt-key", "aria-hidden": true }, keyLetter(optionIndex)),
 +      (0, import_react6.createElement)(
-         "span",
-         { className: "bt-q-body" },
--        (0, import_react4.createElement)("span", { className: "bt-q-label" }, option.label),
--        option.description ? (0, import_react4.createElement)("span", { className: "bt-q-desc" }, option.description) : null
++        "span",
++        { className: "bt-q-body" },
 +        (0, import_react6.createElement)("span", { className: "bt-q-label" }, option.label),
 +        option.description ? (0, import_react6.createElement)("span", { className: "bt-q-desc" }, option.description) : null
-       ),
--      selected && !raised ? (0, import_react4.createElement)("span", { className: "bt-q-check", title: t("Selected") }, (0, import_react4.createElement)(CheckIcon)) : null
++      ),
 +      selected && !raised ? (0, import_react6.createElement)("span", { className: "bt-q-check", title: t("Selected") }, (0, import_react6.createElement)(CheckIcon)) : null
-     );
-   });
-   if (raised && field) {
--    rows.push((0, import_react4.createElement)(
++    );
++  });
++  if (raised && field) {
 +    rows.push((0, import_react6.createElement)(
-       "label",
-       { key: "own", className: "bt-q-opt bt-q-ownrow", "data-filled": custom !== "" ? "" : void 0 },
--      ownLetter ? (0, import_react4.createElement)("span", { className: "bt-key", "aria-hidden": true }, ownLetter) : null,
--      (0, import_react4.createElement)("span", { className: "bt-q-body" }, field)
++      "label",
++      { key: "own", className: "bt-q-opt bt-q-ownrow", "data-filled": custom !== "" ? "" : void 0 },
 +      ownLetter ? (0, import_react6.createElement)("span", { className: "bt-key", "aria-hidden": true }, ownLetter) : null,
 +      (0, import_react6.createElement)("span", { className: "bt-q-body" }, field)
-     ));
-   }
-   let foot = null;
-   if (raised && multi) {
--    foot = (0, import_react4.createElement)(
++    ));
++  }
++  let foot = null;
++  if (raised && multi) {
 +    foot = (0, import_react6.createElement)(
-       "div",
-       { className: "bt-q-foot" },
--      (0, import_react4.createElement)("button", { type: "button", className: "bt-q-btn", onClick: onDismiss }, t("Skip")),
--      (0, import_react4.createElement)("button", { type: "submit", className: "bt-q-submit", disabled: !canSubmit }, t("Submit"))
++      "div",
++      { className: "bt-q-foot" },
 +      (0, import_react6.createElement)("button", { type: "button", className: "bt-q-btn", onClick: onDismiss }, t("Skip")),
 +      (0, import_react6.createElement)("button", { type: "submit", className: "bt-q-submit", disabled: !canSubmit }, t("Submit"))
-     );
-   } else if ((raised || multi) && canSubmit) {
--    foot = (0, import_react4.createElement)("div", { className: "bt-q-foot" }, (0, import_react4.createElement)("button", { type: "submit", className: "bt-q-submit" }, t("Submit")));
++    );
++  } else if ((raised || multi) && canSubmit) {
 +    foot = (0, import_react6.createElement)("div", { className: "bt-q-foot" }, (0, import_react6.createElement)("button", { type: "submit", className: "bt-q-submit" }, t("Submit")));
-   }
--  return (0, import_react4.createElement)(
++  }
 +  return (0, import_react6.createElement)(
-     "form",
-     {
-       className: raised ? "bt-q bt-q-raised" : "bt-q",
-@@ -3235,24 +3235,24 @@
-         submit();
-       }
-     },
--    (0, import_react4.createElement)(
++    "form",
++    {
++      className: raised ? "bt-q bt-q-raised" : "bt-q",
++      "aria-labelledby": titleId,
++      onSubmit: (event) => {
++        event.preventDefault();
++        submit();
++      }
++    },
 +    (0, import_react6.createElement)(
-       "div",
-       { className: "bt-q-head" },
--      (0, import_react4.createElement)(
++      "div",
++      { className: "bt-q-head" },
 +      (0, import_react6.createElement)(
-         "div",
-         { className: "bt-q-text" },
--        (0, import_react4.createElement)("p", { className: "bt-q-title", id: titleId }, question.header ? `${question.header} · ` : "", question.question),
--        question.detail ? (0, import_react4.createElement)("div", { className: "bt-q-detail" }, question.detail) : null,
--        raised && multi ? (0, import_react4.createElement)("div", { className: "bt-q-detail" }, t("Choose all that apply")) : null
++        "div",
++        { className: "bt-q-text" },
 +        (0, import_react6.createElement)("p", { className: "bt-q-title", id: titleId }, question.header ? `${question.header} · ` : "", question.question),
 +        question.detail ? (0, import_react6.createElement)("div", { className: "bt-q-detail" }, question.detail) : null,
 +        raised && multi ? (0, import_react6.createElement)("div", { className: "bt-q-detail" }, t("Choose all that apply")) : null
-       ),
--      (0, import_react4.createElement)("button", { type: "button", className: "bt-q-x", "aria-label": t("Dismiss question"), title: t("Dismiss"), onClick: onDismiss }, (0, import_react4.createElement)(CloseIcon))
++      ),
 +      (0, import_react6.createElement)("button", { type: "button", className: "bt-q-x", "aria-label": t("Dismiss question"), title: t("Dismiss"), onClick: onDismiss }, (0, import_react6.createElement)(CloseIcon))
-     ),
--    rows.length > 0 ? (0, import_react4.createElement)("div", { className: "bt-q-list", role: "group" }, rows) : null,
--    field && !raised ? (0, import_react4.createElement)(
++    ),
 +    rows.length > 0 ? (0, import_react6.createElement)("div", { className: "bt-q-list", role: "group" }, rows) : null,
 +    field && !raised ? (0, import_react6.createElement)(
-       "div",
-       { className: "bt-q-custom" },
--      (0, import_react4.createElement)("label", { className: "bt-q-field" }, field),
--      !multi && canSubmit ? (0, import_react4.createElement)("button", { type: "submit", className: "bt-q-submit" }, t("Submit")) : null
++      "div",
++      { className: "bt-q-custom" },
 +      (0, import_react6.createElement)("label", { className: "bt-q-field" }, field),
 +      !multi && canSubmit ? (0, import_react6.createElement)("button", { type: "submit", className: "bt-q-submit" }, t("Submit")) : null
-     ) : null,
-     foot
-   );
-@@ -3262,29 +3262,29 @@
-   const prompt = question?.question ?? "";
-   const chosen = [...answer.selected ?? [], ...answer.custom ? [answer.custom] : []];
-   if (chosen.length === 0) {
--    return (0, import_react4.createElement)(
++    ) : null,
++    foot
++  );
+ }
+-var FRAGMENT_SELECTOR = /\[class\*="(_[\w-]+)"\]/g;
+-var CLASS_TOKEN = /\.((?:\\.|[\w-])+)/g;
+-function sheetClassNames(sheet) {
+-  const names = [];
+-  const visit = (rules) => {
+-    for (const rule of rules) {
+-      if (rule.selectorText) for (const match of rule.selectorText.matchAll(CLASS_TOKEN)) names.push(match[1]);
+-      if (rule.cssRules) visit(rule.cssRules);
++function SettledQuestion({ question, answer }) {
++  const options = optionsOf(question);
++  const prompt = question?.question ?? "";
++  const chosen = [...answer.selected ?? [], ...answer.custom ? [answer.custom] : []];
++  if (chosen.length === 0) {
 +    return (0, import_react6.createElement)(
-       "div",
-       { className: "bt-q bt-q-settled bt-q-dismissed", role: "group", "aria-label": prompt },
--      (0, import_react4.createElement)(
++      "div",
++      { className: "bt-q bt-q-settled bt-q-dismissed", role: "group", "aria-label": prompt },
 +      (0, import_react6.createElement)(
-         "div",
-         { className: "bt-q-head" },
--        (0, import_react4.createElement)("div", { className: "bt-q-text" }, (0, import_react4.createElement)("p", { className: "bt-q-title" }, prompt)),
--        (0, import_react4.createElement)("span", { className: "bt-q-badge" }, t("Dismissed"))
++        "div",
++        { className: "bt-q-head" },
 +        (0, import_react6.createElement)("div", { className: "bt-q-text" }, (0, import_react6.createElement)("p", { className: "bt-q-title" }, prompt)),
 +        (0, import_react6.createElement)("span", { className: "bt-q-badge" }, t("Dismissed"))
-       )
-     );
-   }
--  return (0, import_react4.createElement)(
++      )
++    );
++  }
 +  return (0, import_react6.createElement)(
-     "div",
-     { className: "bt-q bt-q-settled", role: "group", "aria-label": prompt },
--    prompt ? (0, import_react4.createElement)("div", { className: "bt-q-head" }, (0, import_react4.createElement)("div", { className: "bt-q-text" }, (0, import_react4.createElement)("p", { className: "bt-q-title" }, prompt))) : null,
--    (0, import_react4.createElement)("div", { className: "bt-q-list", role: "group", "aria-label": t("Your answer") }, chosen.map((label, index) => {
++    "div",
++    { className: "bt-q bt-q-settled", role: "group", "aria-label": prompt },
 +    prompt ? (0, import_react6.createElement)("div", { className: "bt-q-head" }, (0, import_react6.createElement)("div", { className: "bt-q-text" }, (0, import_react6.createElement)("p", { className: "bt-q-title" }, prompt))) : null,
 +    (0, import_react6.createElement)("div", { className: "bt-q-list", role: "group", "aria-label": t("Your answer") }, chosen.map((label, index) => {
-       const optionIndex = options.findIndex((option) => option.label === label);
--      return (0, import_react4.createElement)(
++      const optionIndex = options.findIndex((option) => option.label === label);
 +      return (0, import_react6.createElement)(
-         "div",
-         { key: `${label}-${index}`, className: "bt-q-opt" },
--        optionIndex >= 0 ? (0, import_react4.createElement)("span", { className: "bt-key", "aria-hidden": true }, keyLetter(optionIndex)) : null,
--        (0, import_react4.createElement)("span", { className: "bt-q-body" }, (0, import_react4.createElement)("span", { className: "bt-q-label" }, label)),
--        (0, import_react4.createElement)("span", { className: "bt-q-check", title: t("Selected") }, (0, import_react4.createElement)(CheckIcon))
++        "div",
++        { key: `${label}-${index}`, className: "bt-q-opt" },
 +        optionIndex >= 0 ? (0, import_react6.createElement)("span", { className: "bt-key", "aria-hidden": true }, keyLetter(optionIndex)) : null,
 +        (0, import_react6.createElement)("span", { className: "bt-q-body" }, (0, import_react6.createElement)("span", { className: "bt-q-label" }, label)),
 +        (0, import_react6.createElement)("span", { className: "bt-q-check", title: t("Selected") }, (0, import_react6.createElement)(CheckIcon))
-       );
-     }))
-   );
-@@ -3292,8 +3292,8 @@
- function QuestionCard({ matched }) {
-   const pending = matched;
-   const questions = pending.questions ?? [];
--  const [index, setIndex] = (0, import_react4.useState)(0);
--  const [answers, setAnswers] = (0, import_react4.useState)([]);
++      );
++    }))
++  );
++}
++function QuestionCard({ matched }) {
++  const pending = matched;
++  const questions = pending.questions ?? [];
 +  const [index, setIndex] = (0, import_react6.useState)(0);
 +  const [answers, setAnswers] = (0, import_react6.useState)([]);
-   const question = questions[index];
-   if (question === void 0) return null;
-   const onAnswer = (answer) => {
-@@ -3305,10 +3305,10 @@
++  const question = questions[index];
++  if (question === void 0) return null;
++  const onAnswer = (answer) => {
++    const next = [...answers, { id: question.id, ...answer }];
++    if (index + 1 < questions.length) {
++      setAnswers(next);
++      setIndex(index + 1);
++      return;
      }
-     pending.answer({ answers: next });
-   };
--  return (0, import_react4.createElement)(QuestionView, { key: index, question, onAnswer, onDismiss: () => pending.dismiss(), ownAnswer: true, raised: true });
++    pending.answer({ answers: next });
++  };
 +  return (0, import_react6.createElement)(QuestionView, { key: index, question, onAnswer, onDismiss: () => pending.dismiss(), ownAnswer: true, raised: true });
- }
- function PendingQuestion({ sessionId, question, actions, inline }) {
--  const [answered, setAnswered] = (0, import_react4.useState)(null);
++}
++function PendingQuestion({ sessionId, question, actions, inline }) {
 +  const [answered, setAnswered] = (0, import_react6.useState)(null);
-   if (answered === question.id) return null;
-   const onAnswer = (answer) => {
-     setAnswered(question.id);
-@@ -3318,10 +3318,10 @@
-     setAnswered(question.id);
-     void actions.dismissQuestion(sessionId);
++  if (answered === question.id) return null;
++  const onAnswer = (answer) => {
++    setAnswered(question.id);
++    void actions.answerQuestion(sessionId, question.id, { selected: answer.selected ?? [], custom: answer.custom ?? "" }).catch(() => setAnswered(null));
    };
--  return (0, import_react4.createElement)(
+-  try {
+-    visit(sheet.cssRules);
+-  } catch {
++  const onDismiss = () => {
++    setAnswered(question.id);
++    void actions.dismissQuestion(sessionId);
++  };
 +  return (0, import_react6.createElement)(
-     "div",
-     { className: inline ? "bt-q-inline" : "bt-q-dock" },
--    (0, import_react4.createElement)(QuestionView, { key: question.id, question, onAnswer, onDismiss, ownAnswer: question.allowCustom === true, raised: !inline })
++    "div",
++    { className: inline ? "bt-q-inline" : "bt-q-dock" },
 +    (0, import_react6.createElement)(QuestionView, { key: question.id, question, onAnswer, onDismiss, ownAnswer: question.allowCustom === true, raised: !inline })
-   );
- }
- function QuestionDock({ sessionId, useRoster, useCards, useSession, actions }) {
-@@ -3329,16 +3329,16 @@
-   const drawn = useCards?.((state) => state[sessionId]?.[question?.callId] > 0) === true;
-   const loading = useSession?.(historyLoading) === true;
-   if (question === void 0 || question.callId && (drawn || loading)) return null;
--  return (0, import_react4.createElement)(PendingQuestion, { sessionId, question, actions, inline: false });
++  );
++}
++function QuestionDock({ sessionId, useRoster, useCards, useSession, actions }) {
++  const question = useRoster((value) => value.questions?.[sessionId]);
++  const drawn = useCards?.((state) => state[sessionId]?.[question?.callId] > 0) === true;
++  const loading = useSession?.(historyLoading) === true;
++  if (question === void 0 || question.callId && (drawn || loading)) return null;
 +  return (0, import_react6.createElement)(PendingQuestion, { sessionId, question, actions, inline: false });
- }
- function AnsweredCell({ node }) {
-   const data = node.data ?? {};
-   const questions = Array.isArray(data.questions) ? data.questions : [];
-   if (questions.length === 0) {
--    return data.text ? (0, import_react4.createElement)("div", { className: "bt-urow" }, (0, import_react4.createElement)("div", { className: "bt-ububble" }, data.text)) : null;
++}
++function AnsweredCell({ node }) {
++  const data = node.data ?? {};
++  const questions = Array.isArray(data.questions) ? data.questions : [];
++  if (questions.length === 0) {
 +    return data.text ? (0, import_react6.createElement)("div", { className: "bt-urow" }, (0, import_react6.createElement)("div", { className: "bt-ububble" }, data.text)) : null;
    }
-   const answers = Array.isArray(data.answers) ? data.answers : [];
--  return (0, import_react4.createElement)("div", { className: "bt-q-inline" }, questions.map((question) => (0, import_react4.createElement)(SettledQuestion, {
+-  return names;
++  const answers = Array.isArray(data.answers) ? data.answers : [];
 +  return (0, import_react6.createElement)("div", { className: "bt-q-inline" }, questions.map((question) => (0, import_react6.createElement)(SettledQuestion, {
-     key: question.id,
-     question,
-     answer: answers.find((answer) => answer.id === question.id) ?? { selected: [] }
-@@ -3346,37 +3346,37 @@
++    key: question.id,
++    question,
++    answer: answers.find((answer) => answer.id === question.id) ?? { selected: [] }
++  })));
  }
- 
- // src/client/secret-card.js
--var import_react5 = require("react");
+-function compileFragmentSelectors(text, names) {
+-  const compiled = /* @__PURE__ */ new Map();
+-  return text.replace(FRAGMENT_SELECTOR, (whole, fragment) => {
+-    if (!compiled.has(fragment)) {
+-      const exact = [];
+-      for (const name of names) if (name.includes(fragment)) exact.push(`.${name}`);
+-      compiled.set(fragment, exact.length ? `:is(${exact.join(",")})` : whole);
++
++// src/client/secret-card.js
 +var import_react7 = require("react");
- var MIN_VALUE = 4;
- var NONE = {};
--var KeyIcon = () => (0, import_react5.createElement)(
++var MIN_VALUE = 4;
++var NONE = {};
 +var KeyIcon = () => (0, import_react7.createElement)(
-   "svg",
-   { width: 15, height: 15, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
--  (0, import_react5.createElement)("path", { d: "M7 9.5a3.5 3.5 0 1 1 0 .01z" }),
--  (0, import_react5.createElement)("path", { d: "M10.4 10.6L17 10.6M14.5 10.6v2.4M16.6 10.6v1.8" })
++  "svg",
++  { width: 15, height: 15, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
 +  (0, import_react7.createElement)("path", { d: "M7 9.5a3.5 3.5 0 1 1 0 .01z" }),
 +  (0, import_react7.createElement)("path", { d: "M10.4 10.6L17 10.6M14.5 10.6v2.4M16.6 10.6v1.8" })
- );
--var LockIcon = () => (0, import_react5.createElement)(
++);
 +var LockIcon = () => (0, import_react7.createElement)(
-   "svg",
-   { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
--  (0, import_react5.createElement)("path", { d: "M6.5 9V7a3.5 3.5 0 0 1 7 0v2" }),
--  (0, import_react5.createElement)("rect", { x: 4.5, y: 9, width: 11, height: 8, rx: 2 })
++  "svg",
++  { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
 +  (0, import_react7.createElement)("path", { d: "M6.5 9V7a3.5 3.5 0 0 1 7 0v2" }),
 +  (0, import_react7.createElement)("rect", { x: 4.5, y: 9, width: 11, height: 8, rx: 2 })
- );
--var WarnIcon = () => (0, import_react5.createElement)(
++);
 +var WarnIcon = () => (0, import_react7.createElement)(
-   "svg",
-   { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
--  (0, import_react5.createElement)("path", { d: "M10 3.5l7 12.5H3z" }),
--  (0, import_react5.createElement)("path", { d: "M10 8.5v3.5M10 14.2h.01" })
++  "svg",
++  { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
 +  (0, import_react7.createElement)("path", { d: "M10 3.5l7 12.5H3z" }),
 +  (0, import_react7.createElement)("path", { d: "M10 8.5v3.5M10 14.2h.01" })
- );
- var MASK_BY_CSS = typeof CSS !== "undefined" && typeof CSS.supports === "function" && CSS.supports("-webkit-text-security", "disc");
- var insecure = () => typeof location !== "undefined" && location.protocol === "http:" && !/^(localhost|127(?:\.\d{1,3}){3}|\[::1\])$/.test(location.hostname);
- var scopeLabel = (scope, roster) => {
--  if (scope === "all") return t("All Bots");
++);
++var MASK_BY_CSS = typeof CSS !== "undefined" && typeof CSS.supports === "function" && CSS.supports("-webkit-text-security", "disc");
++var insecure = () => typeof location !== "undefined" && location.protocol === "http:" && !/^(localhost|127(?:\.\d{1,3}){3}|\[::1\])$/.test(location.hostname);
++var scopeLabel = (scope, roster) => {
 +  if (scope === "all") return t("All my Bots");
-   const names = (scope ?? []).map((id) => roster.byId[id]?.name).filter(Boolean);
-   return names.length === 0 ? t("No Bot") : names.join(t(" and "));
- };
- var when = (time) => Number.isFinite(time) ? new Date(time).toLocaleString(dateLocale(), { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "";
- function MaskedInput({ value, onChange, onEnter, label, autoFocus = false }) {
--  return (0, import_react5.createElement)("input", {
++  const names = (scope ?? []).map((id) => roster.byId[id]?.name).filter(Boolean);
++  return names.length === 0 ? t("No Bot") : names.join(t(" and "));
++};
++var when = (time) => Number.isFinite(time) ? new Date(time).toLocaleString(dateLocale(), { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "";
++function MaskedInput({ value, onChange, onEnter, label, autoFocus = false }) {
 +  return (0, import_react7.createElement)("input", {
-     className: "bt-secret-input",
-     type: MASK_BY_CSS ? "text" : "password",
-     "data-masked": MASK_BY_CSS ? "" : void 0,
-@@ -3401,42 +3401,42 @@
++    className: "bt-secret-input",
++    type: MASK_BY_CSS ? "text" : "password",
++    "data-masked": MASK_BY_CSS ? "" : void 0,
++    value,
++    autoFocus,
++    autoComplete: MASK_BY_CSS ? "off" : "new-password",
++    autoCorrect: "off",
++    autoCapitalize: "off",
++    spellCheck: false,
++    "data-1p-ignore": "",
++    "data-lpignore": "true",
++    "data-bwignore": "",
++    "data-form-type": "other",
++    "aria-label": label,
++    placeholder: t("Paste or type the key"),
++    onChange: (event) => onChange(event.target.value),
++    onKeyDown: (event) => {
++      if (event.key !== "Enter" || event.nativeEvent.isComposing) return;
++      event.preventDefault();
++      onEnter?.();
+     }
+-    return compiled.get(fragment);
    });
  }
- function ScopeSwitch({ value, onChange, bot }) {
--  const options = [["all", t("All Bots")], ["bot", t("Only {name}", { name: bot.name })]];
--  return (0, import_react5.createElement)(
+-function installCompiledStyles(text, tag) {
+-  const style = installStyles("", tag);
+-  const cache = /* @__PURE__ */ new WeakMap();
+-  const render = () => {
+-    const names = /* @__PURE__ */ new Set();
+-    for (const sheet of document.styleSheets) {
+-      if (sheet.ownerNode?.dataset?.dshBot) continue;
+-      let list = cache.get(sheet);
+-      if (!list) {
+-        list = sheetClassNames(sheet);
+-        cache.set(sheet, list);
+-      }
+-      for (const name of list) names.add(name);
+-    }
+-    const next = compileFragmentSelectors(text, names);
+-    if (style.textContent !== next) style.textContent = next;
+-  };
+-  render();
+-  let timer;
+-  const schedule = () => {
+-    clearTimeout(timer);
+-    timer = setTimeout(render, 120);
++function ScopeSwitch({ value, onChange, bot }) {
 +  const options = [["all", t("All my Bots")], ["bot", t("Only {name}", { name: bot.name })]];
 +  return (0, import_react7.createElement)(
-     "div",
-     { className: "bt-secret-scope", role: "radiogroup", "aria-label": t("Who may use it") },
--    (0, import_react5.createElement)("span", { className: "bt-secret-glide", "data-at": value === "all" ? 0 : 1, "aria-hidden": true }),
--    options.map(([id, text]) => (0, import_react5.createElement)("button", {
++    "div",
++    { className: "bt-secret-scope", role: "radiogroup", "aria-label": t("Who may use it") },
 +    (0, import_react7.createElement)("span", { className: "bt-secret-glide", "data-at": value === "all" ? 0 : 1, "aria-hidden": true }),
 +    options.map(([id, text2]) => (0, import_react7.createElement)("button", {
-       key: id,
-       type: "button",
-       role: "radio",
-       "aria-checked": value === id,
-       className: "bt-secret-seg",
-       onClick: () => onChange(id)
--    }, text))
++      key: id,
++      type: "button",
++      role: "radio",
++      "aria-checked": value === id,
++      className: "bt-secret-seg",
++      onClick: () => onChange(id)
 +    }, text2))
-   );
- }
- function SecretHead({ bot, title, detail, name, onClose }) {
--  return (0, import_react5.createElement)(
++  );
++}
++function SecretHead({ bot, title, detail, name, onClose }) {
 +  return (0, import_react7.createElement)(
-     "div",
-     { className: "bt-q-head bt-secret-head" },
--    (0, import_react5.createElement)("span", { className: "bt-secret-who" }, (0, import_react5.createElement)(BotMark, { bot, size: 28 }), (0, import_react5.createElement)("span", { className: "bt-secret-lock" }, (0, import_react5.createElement)(LockIcon))),
--    (0, import_react5.createElement)(
++    "div",
++    { className: "bt-q-head bt-secret-head" },
 +    (0, import_react7.createElement)("span", { className: "bt-secret-who" }, (0, import_react7.createElement)(BotMark, { bot, size: 28 }), (0, import_react7.createElement)("span", { className: "bt-secret-lock" }, (0, import_react7.createElement)(LockIcon))),
 +    (0, import_react7.createElement)(
-       "div",
-       { className: "bt-q-text" },
--      (0, import_react5.createElement)("p", { className: "bt-q-title" }, title),
--      (0, import_react5.createElement)("div", { className: "bt-q-detail" }, (0, import_react5.createElement)("code", { className: "bt-secret-name" }, name), detail ? ` · ${detail}` : "")
++      "div",
++      { className: "bt-q-text" },
 +      (0, import_react7.createElement)("p", { className: "bt-q-title" }, title),
 +      (0, import_react7.createElement)("div", { className: "bt-q-detail" }, (0, import_react7.createElement)("code", { className: "bt-secret-name" }, name), detail ? ` · ${detail}` : "")
-     ),
--    onClose ? (0, import_react5.createElement)("button", { type: "button", className: "bt-q-x", "aria-label": t("Cancel the request"), title: t("Cancel"), onClick: onClose }, (0, import_react5.createElement)(CloseIcon)) : null
++    ),
 +    onClose ? (0, import_react7.createElement)("button", { type: "button", className: "bt-q-x", "aria-label": t("Cancel the request"), title: t("Cancel"), onClick: onClose }, (0, import_react7.createElement)(CloseIcon)) : null
-   );
- }
- function SecretCard({ bot, request, roster, actions }) {
--  const [value, setValue] = (0, import_react5.useState)("");
--  const [scope, setScope] = (0, import_react5.useState)("all");
--  const [replacing, setReplacing] = (0, import_react5.useState)(false);
--  const [busy, setBusy] = (0, import_react5.useState)(false);
--  const [error, setError] = (0, import_react5.useState)("");
--  const noteId = (0, import_react5.useId)();
++  );
++}
++function SecretCard({ bot, request, roster, actions }) {
 +  const [value, setValue] = (0, import_react7.useState)("");
 +  const [scope, setScope] = (0, import_react7.useState)("all");
 +  const [replacing, setReplacing] = (0, import_react7.useState)(false);
 +  const [busy, setBusy] = (0, import_react7.useState)(false);
 +  const [error, setError] = (0, import_react7.useState)("");
 +  const noteId = (0, import_react7.useId)();
-   const secret = (roster.secrets ?? []).find((entry) => entry.name === request.name);
-   const run = (promise) => {
-     setBusy(true);
-@@ -3452,73 +3452,73 @@
-     if (!busy) void run(actions.secretAllow(request.id));
++  const secret = (roster.secrets ?? []).find((entry) => entry.name === request.name);
++  const run = (promise) => {
++    setBusy(true);
++    setError("");
++    return Promise.resolve(promise).then(() => setValue(""), (failure) => setError(failure?.message ?? String(failure))).finally(() => setBusy(false));
    };
-   const filling = request.kind === "fill" || replacing;
--  const warn = insecure() ? (0, import_react5.createElement)("div", { className: "bt-secret-warn", role: "note" }, (0, import_react5.createElement)(WarnIcon), t("This page is not on HTTPS: the key crosses the network unencrypted.")) : null;
--  return (0, import_react5.createElement)(
+-  const onLoad = (event) => {
+-    if (event.target instanceof HTMLLinkElement) schedule();
++  const cancel = () => run(actions.secretCancel(request.id));
++  const long = value.trim().length >= MIN_VALUE;
++  const save = () => {
++    if (long && !busy) void run(actions.secretSet({ requestId: request.id, value, scope }));
+   };
+-  const observer = new MutationObserver(schedule);
+-  observer.observe(document.head, { childList: true });
+-  document.addEventListener("load", onLoad, true);
+-  return () => {
+-    observer.disconnect();
+-    document.removeEventListener("load", onLoad, true);
+-    clearTimeout(timer);
+-    style.remove();
++  const allow = () => {
++    if (!busy) void run(actions.secretAllow(request.id));
+   };
++  const filling = request.kind === "fill" || replacing;
 +  const warn = insecure() ? (0, import_react7.createElement)("div", { className: "bt-secret-warn", role: "note" }, (0, import_react7.createElement)(WarnIcon), t("This page is not on HTTPS: the key crosses the network unencrypted.")) : null;
 +  return (0, import_react7.createElement)(
-     "div",
-     { className: "bt-q bt-secret", role: "group", "aria-describedby": noteId, "data-kind": request.kind },
--    (0, import_react5.createElement)(SecretHead, {
++    "div",
++    { className: "bt-q bt-secret", role: "group", "aria-describedby": noteId, "data-kind": request.kind },
 +    (0, import_react7.createElement)(SecretHead, {
-       bot,
-       title: request.kind === "allow" ? t("Let {bot} use {name}?", { bot: bot.name, name: request.name }) : t("{name} needs a key", { name: bot.name }),
-       detail: request.purpose,
-       name: request.name,
-       onClose: busy ? void 0 : cancel
-     }),
--    request.kind === "allow" ? (0, import_react5.createElement)("div", { className: "bt-secret-saved" }, (0, import_react5.createElement)(KeyIcon), t("Saved for {scope}", { scope: scopeLabel(secret?.scope, roster) })) : null,
--    filling ? (0, import_react5.createElement)(
++      bot,
++      title: request.kind === "allow" ? t("Let {bot} use {name}?", { bot: bot.name, name: request.name }) : t("{name} needs a key", { name: bot.name }),
++      detail: request.purpose,
++      name: request.name,
++      onClose: busy ? void 0 : cancel
++    }),
 +    request.kind === "allow" ? (0, import_react7.createElement)("div", { className: "bt-secret-saved" }, (0, import_react7.createElement)(KeyIcon), t("Saved for {scope}", { scope: scopeLabel(secret?.scope, roster) })) : null,
 +    filling ? (0, import_react7.createElement)(
-       "div",
-       { className: "bt-secret-body" },
--      (0, import_react5.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react5.createElement)(MaskedInput, { value, onChange: setValue, onEnter: save, label: t("Value of {name}", { name: request.name }), autoFocus: replacing })),
--      request.kind === "fill" ? (0, import_react5.createElement)(ScopeSwitch, { value: scope, onChange: setScope, bot }) : null
++      "div",
++      { className: "bt-secret-body" },
 +      (0, import_react7.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react7.createElement)(MaskedInput, { value, onChange: setValue, onEnter: save, label: t("Value of {name}", { name: request.name }), autoFocus: replacing })),
 +      request.kind === "fill" ? (0, import_react7.createElement)(ScopeSwitch, { value: scope, onChange: setScope, bot }) : null
-     ) : null,
--    (0, import_react5.createElement)(
++    ) : null,
 +    (0, import_react7.createElement)(
-       "div",
-       { className: "bt-secret-note", id: noteId },
-       t("{bot} never sees the value. It reaches {bot}'s shell as ", { bot: bot.name }),
--      (0, import_react5.createElement)("code", null, `$DSH_SECRET_${request.name}`),
++      "div",
++      { className: "bt-secret-note", id: noteId },
++      t("{bot} never sees the value. It reaches {bot}'s shell as ", { bot: bot.name }),
 +      (0, import_react7.createElement)("code", null, `$DSH_SECRET_${request.name}`),
-       ".",
-       filling && value !== "" && !long ? t(" At least {count} characters.", { count: MIN_VALUE }) : ""
-     ),
-     warn,
--    error ? (0, import_react5.createElement)("div", { className: "bt-secret-error", role: "alert" }, error) : null,
--    (0, import_react5.createElement)(
++      ".",
++      filling && value !== "" && !long ? t(" At least {count} characters.", { count: MIN_VALUE }) : ""
++    ),
++    warn,
 +    error ? (0, import_react7.createElement)("div", { className: "bt-secret-error", role: "alert" }, error) : null,
 +    (0, import_react7.createElement)(
-       "div",
-       { className: "bt-q-foot" },
--      request.kind === "allow" && !replacing ? (0, import_react5.createElement)("button", { type: "button", className: "bt-q-btn", disabled: busy, onClick: () => setReplacing(true) }, t("Replace value")) : null,
--      (0, import_react5.createElement)("button", { type: "button", className: "bt-q-btn", disabled: busy, onClick: cancel }, t("Cancel")),
--      filling ? (0, import_react5.createElement)("button", { type: "button", className: "bt-q-submit", disabled: !long || busy, onClick: save }, busy ? t("Saving…") : t("Save")) : (0, import_react5.createElement)("button", { type: "button", className: "bt-q-submit", disabled: busy, onClick: allow }, busy ? t("Allowing…") : t("Allow"))
++      "div",
++      { className: "bt-q-foot" },
 +      request.kind === "allow" && !replacing ? (0, import_react7.createElement)("button", { type: "button", className: "bt-q-btn", disabled: busy, onClick: () => setReplacing(true) }, t("Replace value")) : null,
 +      (0, import_react7.createElement)("button", { type: "button", className: "bt-q-btn", disabled: busy, onClick: cancel }, t("Cancel")),
 +      filling ? (0, import_react7.createElement)("button", { type: "button", className: "bt-q-submit", disabled: !long || busy, onClick: save }, busy ? t("Saving…") : t("Save")) : (0, import_react7.createElement)("button", { type: "button", className: "bt-q-submit", disabled: busy, onClick: allow }, busy ? t("Allowing…") : t("Allow"))
-     )
-   );
++    )
++  );
  }
- function SettledSecret({ bot, request, roster }) {
-   const canceled = request.status === "canceled";
--  const text = canceled ? t("{bot} asked for {name}", { bot: bot.name, name: request.name }) : request.status === "allowed" ? t("Allowed {bot} to use {name}", { bot: bot.name, name: request.name }) : t("Saved {name}", { name: request.name });
--  return (0, import_react5.createElement)(
+-
+-// src/client/mark.js
+-var import_react2 = require("react");
+-var STATES = ["idle", "thinking", "searching", "working", "sending", "orbit", "alert", "done"];
+-var botState = (running, activity, alert) => running ? STATES.includes(activity) ? activity : "working" : alert ? "alert" : "idle";
+-var toolState = (name) => /^(message_bot|stop_bot|create_bot|update_bot|create_group|update_group|delete_group|post_to_group)$/.test(name) ? "sending" : /search|fetch|browse|read|grep|glob|list|recall/i.test(name) ? "searching" : "working";
+-function useGaze(ref, enabled) {
+-  (0, import_react2.useEffect)(() => {
+-    if (!enabled) return void 0;
+-    let frame = 0;
+-    let point = null;
+-    const place = () => {
+-      frame = 0;
+-      const node = ref.current;
+-      if (!node || !point) return;
+-      const box = node.getBoundingClientRect();
+-      const clamp = (value) => Math.max(-1, Math.min(1, value));
+-      node.style.setProperty("--bt-gx", clamp((point.x - box.left - box.width / 2) / 160).toFixed(2));
+-      node.style.setProperty("--bt-gy", clamp((point.y - box.top - box.height / 2) / 160).toFixed(2));
+-    };
+-    const onMove = (event) => {
+-      point = { x: event.clientX, y: event.clientY };
+-      if (!frame) frame = requestAnimationFrame(place);
+-    };
+-    const onLeave = () => {
+-      point = null;
+-      ref.current?.style.setProperty("--bt-gx", "0");
+-      ref.current?.style.setProperty("--bt-gy", "0");
+-    };
+-    window.addEventListener("pointermove", onMove, { passive: true });
+-    document.documentElement.addEventListener("pointerleave", onLeave);
+-    return () => {
+-      cancelAnimationFrame(frame);
+-      window.removeEventListener("pointermove", onMove);
+-      document.documentElement.removeEventListener("pointerleave", onLeave);
+-    };
+-  }, [enabled]);
++function SettledSecret({ bot, request, roster }) {
++  const canceled = request.status === "canceled";
 +  const text2 = canceled ? t("{bot} asked for {name}", { bot: bot.name, name: request.name }) : request.status === "allowed" ? t("Allowed {bot} to use {name}", { bot: bot.name, name: request.name }) : t("Saved {name}", { name: request.name });
 +  return (0, import_react7.createElement)(
-     "div",
--    { className: "bt-q bt-q-settled bt-secret bt-secret-done", role: "group", "aria-label": text, "data-status": request.status },
--    (0, import_react5.createElement)(
++    "div",
 +    { className: "bt-q bt-q-settled bt-secret bt-secret-done", role: "group", "aria-label": text2, "data-status": request.status },
 +    (0, import_react7.createElement)(
-       "div",
-       { className: "bt-q-head" },
--      (0, import_react5.createElement)("span", { className: "bt-secret-who" }, (0, import_react5.createElement)(BotMark, { bot, size: 22 })),
--      (0, import_react5.createElement)("div", { className: "bt-q-text" }, (0, import_react5.createElement)(
++      "div",
++      { className: "bt-q-head" },
 +      (0, import_react7.createElement)("span", { className: "bt-secret-who" }, (0, import_react7.createElement)(BotMark, { bot, size: 22 })),
 +      (0, import_react7.createElement)("div", { className: "bt-q-text" }, (0, import_react7.createElement)(
-         "p",
-         { className: "bt-q-title" },
--        text,
--        canceled ? null : (0, import_react5.createElement)("span", { className: "bt-secret-scope-tag" }, ` · ${scopeLabel(request.scope, roster)}`)
++        "p",
++        { className: "bt-q-title" },
 +        text2,
 +        canceled ? null : (0, import_react7.createElement)("span", { className: "bt-secret-scope-tag" }, ` · ${scopeLabel(request.scope, roster)}`)
-       )),
--      canceled ? (0, import_react5.createElement)("span", { className: "bt-q-badge" }, t("Canceled")) : (0, import_react5.createElement)("span", { className: "bt-q-check bt-secret-check", title: t("Done") }, (0, import_react5.createElement)(CheckIcon))
++      )),
 +      canceled ? (0, import_react7.createElement)("span", { className: "bt-q-badge" }, t("Canceled")) : (0, import_react7.createElement)("span", { className: "bt-q-check bt-secret-check", title: t("Done") }, (0, import_react7.createElement)(CheckIcon))
-     )
-   );
- }
- function RequestView({ bot, request, roster, actions }) {
--  return request.status === "pending" ? (0, import_react5.createElement)(SecretCard, { key: `${request.id}:${request.kind}`, bot, request, roster, actions }) : (0, import_react5.createElement)(SettledSecret, { bot, request, roster });
++    )
++  );
++}
++function RequestView({ bot, request, roster, actions }) {
 +  return request.status === "pending" ? (0, import_react7.createElement)(SecretCard, { key: `${request.id}:${request.kind}`, bot, request, roster, actions }) : (0, import_react7.createElement)(SettledSecret, { bot, request, roster });
- }
- function SecretToolCell({ sessionId, callId, name, done, content, roster, actions }) {
-   const bot = roster.byId[sessionId];
-   if (!bot) return null;
-   const request = (roster.secretRequests?.[bot.id] ?? []).find((entry) => entry.callId === callId && (entry.sessionId ?? sessionId) === sessionId);
--  if (request) return (0, import_react5.createElement)("div", { className: "bt-q-inline" }, (0, import_react5.createElement)(RequestView, { bot, request, roster, actions }));
++}
++function SecretToolCell({ sessionId, callId, name, done, content, roster, actions }) {
++  const bot = roster.byId[sessionId];
++  if (!bot) return null;
++  const request = (roster.secretRequests?.[bot.id] ?? []).find((entry) => entry.callId === callId && (entry.sessionId ?? sessionId) === sessionId);
 +  if (request) return (0, import_react7.createElement)("div", { className: "bt-q-inline" }, (0, import_react7.createElement)(RequestView, { bot, request, roster, actions }));
-   if (done && /already saved/.test(contentText(content))) {
--    return (0, import_react5.createElement)("div", { className: "bt-event" }, (0, import_react5.createElement)("span", { className: "bt-secret-event" }, (0, import_react5.createElement)(KeyIcon), t("{bot} is using {name}", { bot: bot.name, name: name ?? t("a saved key") })));
++  if (done && /already saved/.test(contentText(content))) {
 +    return (0, import_react7.createElement)("div", { className: "bt-event" }, (0, import_react7.createElement)("span", { className: "bt-secret-event" }, (0, import_react7.createElement)(KeyIcon), t("{bot} is using {name}", { bot: bot.name, name: name ?? t("a saved key") })));
-   }
-   return null;
- }
-@@ -3531,44 +3531,46 @@
-   const drawn = (entry) => entry.callId && entry.sessionId === sessionId && (loading || shown[entry.callId] > 0);
-   const waiting = (roster.secretRequests?.[bot.id] ?? []).filter((entry) => entry.status === "pending" && !drawn(entry));
-   if (waiting.length === 0) return null;
--  return (0, import_react5.createElement)("div", { className: "bt-q-dock bt-secret-dock" }, waiting.map((request) => (0, import_react5.createElement)(SecretCard, { key: `${request.id}:${request.kind}`, bot, request, roster, actions })));
++  }
++  return null;
++}
++function SecretDock({ sessionId, useRoster, useCards, useSession, actions }) {
++  const roster = useRoster((value) => value);
++  const shown = useCards?.((state) => state[sessionId]) ?? NONE;
++  const loading = useSession?.(historyLoading) === true;
++  const bot = roster.byId[sessionId];
++  if (!bot || currentPart(bot) !== sessionId) return null;
++  const drawn = (entry) => entry.callId && entry.sessionId === sessionId && (loading || shown[entry.callId] > 0);
++  const waiting = (roster.secretRequests?.[bot.id] ?? []).filter((entry) => entry.status === "pending" && !drawn(entry));
++  if (waiting.length === 0) return null;
 +  return (0, import_react7.createElement)("div", { className: "bt-q-dock bt-secret-dock" }, waiting.map((request) => (0, import_react7.createElement)(SecretCard, { key: `${request.id}:${request.kind}`, bot, request, roster, actions })));
- }
++}
 +var scopeMode = (scope) => scope === "all" ? "all" : scope.length === 0 ? "none" : "some";
- function ScopeEditor({ secret, roster, onSave }) {
--  const [mode, setMode] = (0, import_react5.useState)(secret.scope === "all" ? "all" : "some");
--  const [picked, setPicked] = (0, import_react5.useState)(secret.scope === "all" ? [] : secret.scope);
++function ScopeEditor({ secret, roster, onSave }) {
 +  const [mode, setMode] = (0, import_react7.useState)(scopeMode(secret.scope));
 +  const [picked, setPicked] = (0, import_react7.useState)(secret.scope === "all" ? [] : secret.scope);
-   const toggle = (id) => setPicked((list) => list.includes(id) ? list.filter((item) => item !== id) : [...list, id]);
--  const same = mode === "all" ? secret.scope === "all" : secret.scope !== "all" && [...picked].sort().join() === [...secret.scope].sort().join();
--  return (0, import_react5.createElement)(
++  const toggle = (id) => setPicked((list) => list.includes(id) ? list.filter((item) => item !== id) : [...list, id]);
 +  const next = mode === "all" ? "all" : mode === "none" ? [] : picked;
 +  const same2 = next === "all" ? secret.scope === "all" : secret.scope !== "all" && [...next].sort().join() === [...secret.scope].sort().join();
 +  return (0, import_react7.createElement)(
-     "div",
-     { className: "bt-secret-edit-block" },
--    (0, import_react5.createElement)("div", { className: "bt-secret-edit-label" }, t("Who may use it")),
--    (0, import_react5.createElement)(
++    "div",
++    { className: "bt-secret-edit-block" },
 +    (0, import_react7.createElement)("div", { className: "bt-secret-edit-label" }, t("Who may use it")),
 +    (0, import_react7.createElement)(
-       "div",
-       { className: "bt-secret-radios", role: "radiogroup", "aria-label": t("Who may use {name}", { name: secret.name }) },
--      [["all", t("All Bots")], ["some", t("Chosen Bots")]].map(([id, text]) => (0, import_react5.createElement)(
++      "div",
++      { className: "bt-secret-radios", role: "radiogroup", "aria-label": t("Who may use {name}", { name: secret.name }) },
 +      [["all", t("All my Bots")], ["some", t("Chosen Bots")], ["none", t("No Bot")]].map(([id, text2]) => (0, import_react7.createElement)(
-         "label",
-         { key: id, className: "bt-secret-radio" },
--        (0, import_react5.createElement)("input", { type: "radio", name: `scope-${secret.name}`, checked: mode === id, onChange: () => setMode(id) }),
--        text
++        "label",
++        { key: id, className: "bt-secret-radio" },
 +        (0, import_react7.createElement)("input", { type: "radio", name: `scope-${secret.name}`, checked: mode === id, onChange: () => setMode(id) }),
 +        text2
-       ))
-     ),
--    mode === "some" ? (0, import_react5.createElement)("div", { className: "bt-secret-bots" }, roster.bots.map((bot) => (0, import_react5.createElement)("button", {
++      ))
++    ),
 +    mode === "some" ? (0, import_react7.createElement)("div", { className: "bt-secret-bots" }, roster.bots.map((bot) => (0, import_react7.createElement)("button", {
-       key: bot.id,
-       type: "button",
-       className: "bt-secret-bot",
-       "aria-pressed": picked.includes(bot.id),
-       onClick: () => toggle(bot.id)
--    }, (0, import_react5.createElement)(BotAvatar, { bot, size: 20, badge: false, live: false }), bot.name, picked.includes(bot.id) ? (0, import_react5.createElement)(CheckIcon) : null))) : null,
--    (0, import_react5.createElement)(
++      key: bot.id,
++      type: "button",
++      className: "bt-secret-bot",
++      "aria-pressed": picked.includes(bot.id),
++      onClick: () => toggle(bot.id)
 +    }, (0, import_react7.createElement)(BotAvatar, { bot, size: 20, badge: false, live: false }), bot.name, picked.includes(bot.id) ? (0, import_react7.createElement)(CheckIcon) : null))) : null,
 +    (0, import_react7.createElement)(
-       "div",
-       { className: "bt-secret-row-actions" },
--      (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: same, onClick: () => onSave(mode === "all" ? "all" : picked) }, t("Save access"))
++      "div",
++      { className: "bt-secret-row-actions" },
 +      (0, import_react7.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: same2, onClick: () => onSave(next) }, t("Save access"))
-     )
-   );
++    )
++  );
  }
- function ValueEditor({ secret, onSave }) {
--  const [value, setValue] = (0, import_react5.useState)("");
--  const [replaced, setReplaced] = (0, import_react5.useState)(false);
+-var FIDGETS = ["hop", "sway", "stretch", "look"];
+-function BotMark({ bot, look: given, size = 36, state = "idle", live = false, gaze = false, pokeable = false, label }) {
+-  const look = given ?? lookOf(bot);
+-  const ref = (0, import_react2.useRef)(null);
+-  const maskId = (0, import_react2.useRef)("");
+-  if (maskId.current === "") maskId.current = `bt-mark-${nextMarkSerial()}`;
+-  const [poked, setPoked] = (0, import_react2.useState)(false);
+-  useGaze(ref, gaze);
+-  const common = {
+-    ref,
+-    className: poked ? "bt-mark bt-mark-poke" : "bt-mark",
+-    "data-shape": look.image ? "image" : shapeId(look.shape),
+-    "data-state": STATES.includes(state) ? state : "idle",
+-    "data-live": live ? "" : void 0,
+-    "data-fidget": live ? FIDGETS[fnv1a(`${bot?.id ?? ""}:fidget`) % FIDGETS.length] : void 0,
+-    "data-gaze": gaze ? "" : void 0,
+-    "data-poke": pokeable ? "" : void 0,
+-    style: { width: size, height: size, ...live ? { "--bt-delay": `${-(fnv1a(String(bot?.id ?? "")) % 5e3) / 1e3}s`, "--bt-fidget-delay": `${-(fnv1a(`${bot?.id ?? ""}:when`) % 9e3) / 1e3}s` } : {} },
+-    role: label ? "img" : void 0,
+-    "aria-label": label,
+-    "aria-hidden": label ? void 0 : true,
+-    onClick: pokeable ? () => setPoked(true) : void 0,
+-    onAnimationEnd: poked ? (event) => {
+-      if (/^bt-poke/.test(event.animationName)) setPoked(false);
+-    } : void 0
++function ValueEditor({ secret, onSave }) {
 +  const [value, setValue] = (0, import_react7.useState)("");
 +  const [replaced, setReplaced] = (0, import_react7.useState)(false);
-   const long = value.trim().length >= MIN_VALUE;
-   const save = () => {
-     if (!long) return;
-@@ -3583,66 +3583,66 @@
-     setValue(next);
-     setReplaced(false);
++  const long = value.trim().length >= MIN_VALUE;
++  const save = () => {
++    if (!long) return;
++    void Promise.resolve(onSave(value)).then((ok) => {
++      if (ok) {
++        setValue("");
++        setReplaced(true);
++      }
++    });
    };
--  return (0, import_react5.createElement)(
+-  if (look.image) return (0, import_react2.createElement)("span", common, (0, import_react2.createElement)("img", { className: "bt-mark-img", src: look.image, alt: "", draggable: false }));
+-  const box = shapeOf(look.shape).size;
+-  return (0, import_react2.createElement)("span", common, (0, import_react2.createElement)("svg", { viewBox: `0 0 ${box} ${box}`, dangerouslySetInnerHTML: { __html: characterMarkup(look.shape, look.color).replaceAll(MASK_ID, maskId.current) } }));
+-}
+-function StarIcon({ size = 8 }) {
+-  return (0, import_react2.createElement)(
+-    "svg",
+-    { width: size, height: size, viewBox: "0 0 10 10", "aria-hidden": true },
+-    (0, import_react2.createElement)("path", { d: "M5 .6l1.3 2.8 3 .3-2.3 2 .7 3L5 7.2 2.3 8.7l.7-3L.7 3.7l3-.3z", fill: "#fff" })
++  const edit = (next) => {
++    setValue(next);
++    setReplaced(false);
++  };
 +  return (0, import_react7.createElement)(
-     "div",
-     { className: "bt-secret-edit-block" },
--    (0, import_react5.createElement)("div", { className: "bt-secret-edit-label" }, t("Replace the value")),
--    (0, import_react5.createElement)(
++    "div",
++    { className: "bt-secret-edit-block" },
 +    (0, import_react7.createElement)("div", { className: "bt-secret-edit-label" }, t("Replace the value")),
 +    (0, import_react7.createElement)(
-       "div",
-       { className: "bt-secret-inline" },
--      (0, import_react5.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react5.createElement)(MaskedInput, { value, onChange: edit, onEnter: save, label: t("New value of {name}", { name: secret.name }) })),
--      (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: !long, onClick: save }, t("Replace"))
++      "div",
++      { className: "bt-secret-inline" },
 +      (0, import_react7.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react7.createElement)(MaskedInput, { value, onChange: edit, onEnter: save, label: t("New value of {name}", { name: secret.name }) })),
 +      (0, import_react7.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: !long, onClick: save }, t("Replace"))
-     ),
--    value !== "" && !long ? (0, import_react5.createElement)("div", { className: "bt-set-hint" }, t("At least {count} characters.", { count: MIN_VALUE })) : replaced ? (0, import_react5.createElement)("div", { className: "bt-set-hint bt-secret-ok", role: "status" }, (0, import_react5.createElement)(CheckIcon), t("Replaced. Bots get the new value from their next command.")) : null
++    ),
 +    value !== "" && !long ? (0, import_react7.createElement)("div", { className: "bt-set-hint" }, t("At least {count} characters.", { count: MIN_VALUE })) : replaced ? (0, import_react7.createElement)("div", { className: "bt-set-hint bt-secret-ok", role: "status" }, (0, import_react7.createElement)(CheckIcon), t("Replaced. Bots get the new value from their next command.")) : null
    );
  }
- function SecretRow({ secret, roster, actions, run, open, onToggle }) {
--  const [confirm, setConfirm] = (0, import_react5.useState)(false);
--  (0, import_react5.useEffect)(() => {
+-function AdminStar() {
+-  return (0, import_react2.createElement)("span", { className: "bt-admin-star", role: "img", "aria-label": t("Admin") }, (0, import_react2.createElement)(StarIcon, { size: 7 }));
++function SecretRow({ secret, roster, actions, run, open, onToggle }) {
 +  const [confirm, setConfirm] = (0, import_react7.useState)(false);
 +  (0, import_react7.useEffect)(() => {
-     if (!open) setConfirm(false);
-   }, [open]);
-   const asker = secret.requestedBy ? roster.byId[secret.requestedBy]?.name ?? t("a deleted Bot") : t("you");
-   const allowed = secret.scope === "all" ? [] : secret.scope.map((id) => roster.byId[id]).filter(Boolean);
-   const meta = [t("Asked by {name}", { name: asker }), t("added {time}", { time: when(secret.createdAt) }), secret.lastUsedAt ? t("last used {time}", { time: when(secret.lastUsedAt) }) : t("not used yet")].join(" · ");
--  return (0, import_react5.createElement)(
++    if (!open) setConfirm(false);
++  }, [open]);
++  const asker = secret.requestedBy ? roster.byId[secret.requestedBy]?.name ?? t("a deleted Bot") : t("you");
++  const allowed = secret.scope === "all" ? [] : secret.scope.map((id) => roster.byId[id]).filter(Boolean);
++  const meta = [t("Asked by {name}", { name: asker }), t("added {time}", { time: when(secret.createdAt) }), secret.lastUsedAt ? t("last used {time}", { time: when(secret.lastUsedAt) }) : t("not used yet")].join(" · ");
 +  return (0, import_react7.createElement)(
-     "div",
-     { className: "bt-secret-item", "data-open": open ? "" : void 0 },
--    (0, import_react5.createElement)(
++    "div",
++    { className: "bt-secret-item", "data-open": open ? "" : void 0 },
 +    (0, import_react7.createElement)(
-       "button",
-       { type: "button", className: "bt-set-row bt-secret-summary", "aria-expanded": open, onClick: onToggle },
--      (0, import_react5.createElement)(
++      "button",
++      { type: "button", className: "bt-set-row bt-secret-summary", "aria-expanded": open, onClick: onToggle },
 +      (0, import_react7.createElement)(
-         "span",
-         { className: "bt-set-copy" },
--        (0, import_react5.createElement)("span", { className: "bt-secret-title" }, (0, import_react5.createElement)(KeyIcon), (0, import_react5.createElement)("code", { className: "bt-secret-name" }, secret.name), secret.purpose ? (0, import_react5.createElement)("span", { className: "bt-secret-purpose" }, secret.purpose) : null),
--        (0, import_react5.createElement)("span", { className: "bt-set-hint" }, meta)
++        "span",
++        { className: "bt-set-copy" },
 +        (0, import_react7.createElement)("span", { className: "bt-secret-title" }, (0, import_react7.createElement)(KeyIcon), (0, import_react7.createElement)("code", { className: "bt-secret-name" }, secret.name), secret.purpose ? (0, import_react7.createElement)("span", { className: "bt-secret-purpose" }, secret.purpose) : null),
 +        (0, import_react7.createElement)("span", { className: "bt-set-hint" }, meta)
-       ),
--      (0, import_react5.createElement)(
++      ),
 +      (0, import_react7.createElement)(
-         "span",
-         { className: "bt-set-control" },
--        secret.scope === "all" ? (0, import_react5.createElement)("span", { className: "bt-tag" }, t("All Bots")) : allowed.length === 0 ? (0, import_react5.createElement)("span", { className: "bt-tag" }, t("No Bot")) : (0, import_react5.createElement)("span", { className: "bt-secret-faces", title: allowed.map((bot) => bot.name).join(", ") }, allowed.slice(0, 5).map((bot) => (0, import_react5.createElement)(BotAvatar, { key: bot.id, bot, size: 20, badge: false, live: false })))
++        "span",
++        { className: "bt-set-control" },
 +        secret.scope === "all" ? (0, import_react7.createElement)("span", { className: "bt-tag" }, t("All my Bots")) : allowed.length === 0 ? (0, import_react7.createElement)("span", { className: "bt-tag" }, t("No Bot")) : (0, import_react7.createElement)("span", { className: "bt-secret-faces", title: allowed.map((bot) => bot.name).join(", ") }, allowed.slice(0, 5).map((bot) => (0, import_react7.createElement)(BotAvatar, { key: bot.id, bot, size: 20, badge: false, live: false })))
-       )
-     ),
--    open ? (0, import_react5.createElement)(
++      )
++    ),
 +    open ? (0, import_react7.createElement)(
-       "div",
-       { className: "bt-secret-edit" },
--      (0, import_react5.createElement)(ScopeEditor, { key: JSON.stringify(secret.scope), secret, roster, onSave: (scope) => run(actions.secretUpdate(secret.name, scope)) }),
--      (0, import_react5.createElement)(ValueEditor, { secret, onSave: (value) => run(actions.secretSet({ name: secret.name, value })) }),
--      (0, import_react5.createElement)(
++      "div",
++      { className: "bt-secret-edit" },
 +      (0, import_react7.createElement)(ScopeEditor, { key: JSON.stringify(secret.scope), secret, roster, onSave: (scope) => run(actions.secretUpdate(secret.name, scope)) }),
 +      (0, import_react7.createElement)(ValueEditor, { secret, onSave: (value) => run(actions.secretSet({ name: secret.name, value })) }),
 +      (0, import_react7.createElement)(
-         "div",
-         { className: "bt-secret-row-actions" },
-         confirm ? [
--          (0, import_react5.createElement)("span", { key: "q", className: "bt-set-hint" }, t("Delete {name}? Bots lose it at once.", { name: secret.name })),
--          (0, import_react5.createElement)("button", { key: "no", type: "button", className: "bt-soft bt-soft-sm", onClick: () => setConfirm(false) }, t("Keep")),
--          (0, import_react5.createElement)("button", { key: "yes", type: "button", className: "bt-soft bt-soft-sm bt-secret-danger", onClick: () => run(actions.secretDelete(secret.name)) }, t("Delete"))
--        ] : (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-secret-danger", onClick: () => setConfirm(true) }, (0, import_react5.createElement)(TrashIcon), t("Delete"))
++        "div",
++        { className: "bt-secret-row-actions" },
++        confirm ? [
 +          (0, import_react7.createElement)("span", { key: "q", className: "bt-set-hint" }, t("Delete {name}? Bots lose it at once.", { name: secret.name })),
 +          (0, import_react7.createElement)("button", { key: "no", type: "button", className: "bt-soft bt-soft-sm", onClick: () => setConfirm(false) }, t("Keep")),
 +          (0, import_react7.createElement)("button", { key: "yes", type: "button", className: "bt-soft bt-soft-sm bt-secret-danger", onClick: () => run(actions.secretDelete(secret.name)) }, t("Delete"))
 +        ] : (0, import_react7.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-secret-danger", onClick: () => setConfirm(true) }, (0, import_react7.createElement)(TrashIcon), t("Delete"))
-       )
-     ) : null
-   );
++      )
++    ) : null
++  );
  }
- function AddSecret({ actions, run, onDone }) {
--  const [name, setName] = (0, import_react5.useState)("");
--  const [purpose, setPurpose] = (0, import_react5.useState)("");
--  const [value, setValue] = (0, import_react5.useState)("");
+-function MainStar() {
+-  return (0, import_react2.createElement)(
+-    "svg",
+-    { viewBox: "0 0 20 20", "aria-hidden": true },
+-    (0, import_react2.createElement)("path", { d: "M10 2.4l2.29 5.04 5.51.63-4.09 3.74 1.11 5.42L10 14.5l-4.82 2.73 1.11-5.42L2.2 8.07l5.51-.63z" })
++function AddSecret({ actions, run, onDone }) {
 +  const [name, setName] = (0, import_react7.useState)("");
 +  const [purpose, setPurpose] = (0, import_react7.useState)("");
 +  const [value, setValue] = (0, import_react7.useState)("");
-   const ready = /^[A-Za-z][\w-]{0,63}$/.test(name.trim()) && value.trim().length >= MIN_VALUE;
-   const save = () => {
-     if (!ready) return;
-@@ -3653,43 +3653,43 @@
-       }
-     });
-   };
--  return (0, import_react5.createElement)(
++  const ready = /^[A-Za-z][\w-]{0,63}$/.test(name.trim()) && value.trim().length >= MIN_VALUE;
++  const save = () => {
++    if (!ready) return;
++    void run(actions.secretSet({ name, purpose, value, scope: "all" })).then((ok) => {
++      if (ok) {
++        setValue("");
++        onDone();
++      }
++    });
++  };
 +  return (0, import_react7.createElement)(
-     "div",
-     { className: "bt-set-row bt-set-paste bt-secret-add" },
--    (0, import_react5.createElement)("input", { className: "bt-input", "aria-label": t("Key name"), placeholder: t("NAME, e.g. GITHUB_TOKEN"), value: name, spellCheck: false, autoComplete: "off", autoFocus: true, onChange: (event) => setName(event.target.value.toUpperCase()) }),
--    (0, import_react5.createElement)("input", { className: "bt-input", "aria-label": t("What it is for"), placeholder: t("What it is for"), value: purpose, autoComplete: "off", onChange: (event) => setPurpose(event.target.value) }),
--    (0, import_react5.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react5.createElement)(MaskedInput, { value, onChange: setValue, onEnter: save, label: t("Value") })),
--    (0, import_react5.createElement)(
++    "div",
++    { className: "bt-set-row bt-set-paste bt-secret-add" },
 +    (0, import_react7.createElement)("input", { className: "bt-input", "aria-label": t("Key name"), placeholder: t("NAME, e.g. GITHUB_TOKEN"), value: name, spellCheck: false, autoComplete: "off", autoFocus: true, onChange: (event) => setName(event.target.value.toUpperCase()) }),
 +    (0, import_react7.createElement)("input", { className: "bt-input", "aria-label": t("What it is for"), placeholder: t("What it is for"), value: purpose, autoComplete: "off", onChange: (event) => setPurpose(event.target.value) }),
 +    (0, import_react7.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react7.createElement)(MaskedInput, { value, onChange: setValue, onEnter: save, label: t("Value") })),
 +    (0, import_react7.createElement)(
-       "div",
-       { className: "bt-secret-row-actions" },
--      (0, import_react5.createElement)("span", { className: "bt-set-hint" }, t("New keys are for all Bots; narrow it down afterwards.")),
--      (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onDone }, t("Cancel")),
--      (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: !ready, onClick: save }, t("Save key"))
++      "div",
++      { className: "bt-secret-row-actions" },
 +      (0, import_react7.createElement)("span", { className: "bt-set-hint" }, t("New keys are for all your Bots; change who may use it afterwards.")),
 +      (0, import_react7.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onDone }, t("Cancel")),
 +      (0, import_react7.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: !ready, onClick: save }, t("Save key"))
-     )
++    )
    );
  }
- function SecretsPage({ roster, actions, run, Section }) {
--  const [open, setOpen] = (0, import_react5.useState)(null);
--  const [adding, setAdding] = (0, import_react5.useState)(false);
+-function useSettled(state) {
+-  const prev = (0, import_react2.useRef)(state);
+-  const [settled, setSettled] = (0, import_react2.useState)(false);
+-  (0, import_react2.useEffect)(() => {
+-    const was = prev.current;
+-    prev.current = state;
+-    if (state !== "idle") {
+-      setSettled(false);
+-      return void 0;
++function SecretsPage({ roster, actions, run, Section }) {
 +  const [open, setOpen] = (0, import_react7.useState)(null);
 +  const [adding, setAdding] = (0, import_react7.useState)(false);
-   const secrets = roster.secrets ?? [];
-   return [
--    (0, import_react5.createElement)(
++  const secrets = roster.secrets ?? [];
++  return [
 +    (0, import_react7.createElement)(
-       "p",
-       { key: "about", className: "bt-secret-about" },
-       t("Keys your Bots asked for. Bots never see the values: they use them as "),
--      (0, import_react5.createElement)("code", null, "$DSH_SECRET_NAME"),
++      "p",
++      { key: "about", className: "bt-secret-about" },
++      t("Keys your Bots asked for. Bots never see the values: they use them as "),
 +      (0, import_react7.createElement)("code", null, "$DSH_SECRET_NAME"),
-       t(" in their shell, and every value is replaced by "),
--      (0, import_react5.createElement)("code", null, "[secret:NAME]"),
++      t(" in their shell, and every value is replaced by "),
 +      (0, import_react7.createElement)("code", null, "[secret:NAME]"),
-       t(" before anything goes to a model.")
-     ),
--    (0, import_react5.createElement)(
++      t(" before anything goes to a model.")
++    ),
 +    (0, import_react7.createElement)(
-       Section,
-       { key: "list", title: t("Secrets · {count}", { count: secrets.length }) },
--      secrets.length === 0 && !adding ? (0, import_react5.createElement)("div", { className: "bt-set-row" }, (0, import_react5.createElement)("span", { className: "bt-set-hint" }, t("No keys yet. When a Bot needs one, it shows a card in its chat."))) : null,
--      secrets.map((secret) => (0, import_react5.createElement)(SecretRow, { key: secret.name, secret, roster, actions, run, open: open === secret.name, onToggle: () => setOpen(open === secret.name ? null : secret.name) })),
--      adding ? (0, import_react5.createElement)(AddSecret, { actions, run, onDone: () => setAdding(false) }) : null
++      Section,
++      { key: "list", title: t("Secrets · {count}", { count: secrets.length }) },
 +      secrets.length === 0 && !adding ? (0, import_react7.createElement)("div", { className: "bt-set-row" }, (0, import_react7.createElement)("span", { className: "bt-set-hint" }, t("No keys yet. When a Bot needs one, it shows a card in its chat."))) : null,
 +      secrets.map((secret) => (0, import_react7.createElement)(SecretRow, { key: secret.name, secret, roster, actions, run, open: open === secret.name, onToggle: () => setOpen(open === secret.name ? null : secret.name) })),
 +      adding ? (0, import_react7.createElement)(AddSecret, { actions, run, onDone: () => setAdding(false) }) : null
-     ),
--    adding ? null : (0, import_react5.createElement)("div", { key: "add", className: "bt-actions" }, (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setAdding(true) }, t("Add a key")))
++    ),
 +    adding ? null : (0, import_react7.createElement)("div", { key: "add", className: "bt-actions" }, (0, import_react7.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setAdding(true) }, t("Add a key")))
-   ];
- }
- var SECRET_CSS = `
-@@ -3756,6 +3756,144 @@
- @media (prefers-reduced-motion:reduce){.bt-secret-glide{transition:none}.bt-secret-check,.bt-secret-done,.bt-secret-ok,.bt-secret-edit{animation:none}}
- `;
- 
++  ];
++}
++var SECRET_CSS = `
++.bt-secret-head{align-items:center;gap:10px}
++.bt-secret-who{position:relative;flex:none;display:inline-flex}
++.bt-secret-lock{position:absolute;right:-5px;bottom:-4px;width:16px;height:16px;border-radius:50%;background:var(--bt-main);color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 1.5px var(--bt-bubble)}
++.bt-secret-lock svg{width:11px;height:11px}
++.bt-secret-name{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:16px;padding:1px 6px;border-radius:5px;background:var(--bt-hover);color:var(--bt-ink)}
++.bt-secret-body{display:flex;flex-direction:column;gap:8px}
++.bt-secret-field{align-items:center;min-height:36px}
++.bt-secret-input{flex:1;width:100%;min-width:0;margin:0;padding:0;border:0;outline:none;background:transparent;color:var(--bt-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:20px;letter-spacing:.04em}
++.bt-secret-input[data-masked]{-webkit-text-security:disc}
++.bt-secret-input::placeholder{color:var(--bt-ink-3);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;letter-spacing:0}
++.bt-secret-scope{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;align-self:flex-start;padding:2px;border-radius:999px;background:var(--bt-hover)}
++.bt-secret-glide{position:absolute;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);border-radius:999px;background:var(--bt-main);box-shadow:0 1px 3px rgba(20,20,20,.08),inset 0 0 0 .5px color-mix(in srgb,var(--bt-ink) 6%,transparent);transition:${spring(SPRING_SHAPE, "transform")}}
++.bt-secret-glide[data-at="1"]{transform:translateX(100%)}
++.bt-secret-seg{position:relative;z-index:1;height:28px;padding:0 14px;border:0;border-radius:999px;background:none;color:var(--bt-ink-2);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer;transition:color .16s ease}
++.bt-secret-seg[aria-checked=true]{color:var(--bt-ink);font-weight:500}
++.bt-secret-seg:focus-visible{outline:2px solid var(--bt-accent);outline-offset:-2px}
++/* A key card asks the user to act, so the process group carrying it stays open in every
++   work-details mode (same override as .bt-group-replies in styles.js). */
++[data-step-process]:has(.bt-secret)>div:first-child{display:none!important}
++[data-step-process]:has(.bt-secret)>[data-step-process-body]{display:block!important;content-visibility:visible!important;max-height:none!important;overflow:visible!important;mask-image:none!important;scrollbar-gutter:auto!important}
++.bt-secret-ok{display:flex;align-items:center;gap:4px;margin-top:6px;animation:bt-secret-in .22s cubic-bezier(.22,1,.36,1)}
++.bt-secret-ok svg{width:13px;height:13px;color:#16a34a}
++@keyframes bt-secret-in{from{opacity:0;transform:translateY(-2px)}}
++.bt-secret-saved{display:flex;align-items:center;gap:6px;font-size:13px;line-height:18px;color:var(--bt-ink-2)}
++.bt-secret-note{font-size:12px;line-height:17px;color:var(--bt-ink-3)}
++.bt-secret-note code,.bt-secret-about code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px}
++.bt-secret-warn{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:12px;line-height:16px;color:#b25e09;background:color-mix(in srgb,#f59e0b 12%,transparent)}
++.bt-secret-error{font-size:12px;line-height:16px;color:#e02135}
++.bt-secret .bt-q-btn:disabled{opacity:.5;cursor:default}
++.bt-secret-done .bt-q-head{align-items:center}
++.bt-secret-done .bt-q-title{font-size:13px;line-height:18px;color:var(--bt-ink-2);font-weight:500}
++.bt-secret-scope-tag{font-weight:400;color:var(--bt-ink-3)}
++.bt-secret-check{color:var(--bt-green,#22a06b);animation:bt-secret-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} backwards}
++.bt-secret-done{animation:bt-secret-settle .32s cubic-bezier(.22,1,.36,1) backwards}
++@keyframes bt-secret-pop{from{opacity:0;transform:scale(.4)}}
++@keyframes bt-secret-settle{from{opacity:.4;transform:scale(.985)}}
++.bt-secret-event{display:inline-flex;align-items:center;gap:5px}
++.bt-secret-dock{flex-direction:column;align-items:center}
++.bt-secret-dock .bt-q{max-width:min(550px,calc(100% - 32px))}
++.bt-secret-about{margin:0 0 12px;padding:0 4px;font-size:12px;line-height:17px;color:var(--bt-ink-2)}
++.bt-secret-title{display:flex;align-items:center;gap:6px;min-width:0;color:var(--bt-ink)}
++.bt-secret-title svg{flex:none;color:var(--bt-ink-2)}
++.bt-secret-purpose{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bt-ink-2)}
++.bt-secret-faces{display:inline-flex}
++.bt-secret-faces>*+*{margin-left:-6px}
++.bt-secret-edit{display:flex;flex-direction:column;gap:14px;padding:4px 12px 14px;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} backwards,bt-veil-in .2s ease-out backwards}
++.bt-secret-edit-block{display:flex;flex-direction:column;gap:8px}
++.bt-secret-edit-label{font-size:12px;line-height:16px;font-weight:600;color:var(--bt-ink-2)}
++.bt-secret-radios{display:flex;gap:16px;font-size:13px}
++.bt-secret-radio{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
++.bt-secret-bots{display:flex;flex-wrap:wrap;gap:6px}
++.bt-secret-bot{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 5px;border-radius:999px;border:.5px solid var(--bt-line);background:var(--bt-card);color:var(--bt-ink-2);font:inherit;font-size:12px;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}
++.bt-secret-bot[aria-pressed=true]{background:var(--bt-active);color:var(--bt-ink);border-color:var(--bt-line-2)}
++.bt-secret-bot svg{width:13px;height:13px}
++.bt-secret-inline{display:flex;gap:8px;align-items:center}
++.bt-secret-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
++.bt-secret-row-actions .bt-set-hint{flex:1}
++.bt-secret-danger{color:#e02135;display:inline-flex;align-items:center;gap:4px}
++.bt-secret-danger svg{width:13px;height:13px}
++.bt-secret-add .bt-input{height:34px}
++@media (prefers-reduced-motion:reduce){.bt-secret-glide{transition:none}.bt-secret-check,.bt-secret-done,.bt-secret-ok,.bt-secret-edit{animation:none}}
++`;
++
 +// src/client/face-seats.js
 +function faceSeats(room2, roster, { left = false } = {}) {
 +  const records = (room2.presentedParticipants ?? room2.participants ?? []).filter((p) => p.kind !== "human");
@@ -4801,14 +6587,40 @@ diff --git a/client.js b/client.js
 +    if (known) {
 +      known.seats.push(seat);
 +      continue;
-+    }
+     }
+-    if (was === "idle" || was === "alert") return void 0;
+-    setSettled(true);
+-    const timer = setTimeout(() => setSettled(false), 1800);
+-    return () => clearTimeout(timer);
+-  }, [state]);
+-  return settled;
 +    people2.push({ key, name: seat.person || (seat.mine ? cleanPeerName(roster.self?.displayName, "") : "") || t("Someone"), mine: seat.mine, seats: [seat] });
 +  }
 +  return [...people2.filter((person) => person.mine), ...people2.filter((person) => !person.mine)];
-+}
+ }
+-function BotAvatar({ bot, size, state = "idle", main, admin, badge = true, live = true, gaze = false, pokeable = false }) {
+-  const settled = useSettled(state);
+-  if (bot === void 0) return (0, import_react2.createElement)(BotMark, { size });
+-  const badgeKind = !badge ? null : state === "alert" ? "alert" : state !== "idle" ? "working" : admin ? "admin" : main ? "main" : null;
+-  return (0, import_react2.createElement)(
+-    "span",
+-    { className: "bt-mark", style: { width: size, height: size, "--bt-size": `${size}px` } },
+-    (0, import_react2.createElement)(BotMark, { bot, size, state: settled ? "done" : state, live, gaze, pokeable }),
+-    badgeKind === "working" ? (0, import_react2.createElement)("span", { className: "bt-badge bt-badge-working", "aria-label": t("Working"), role: "img" }) : null,
+-    badgeKind === "alert" ? (0, import_react2.createElement)("span", { className: "bt-badge bt-badge-alert", "aria-label": t("Waiting for your answer"), role: "img" }, "?") : null,
+-    badgeKind === "admin" ? (0, import_react2.createElement)("span", { className: "bt-badge bt-badge-admin", "aria-label": t("Admin"), role: "img" }, (0, import_react2.createElement)(StarIcon)) : null,
+-    badgeKind === "main" ? (0, import_react2.createElement)("span", { className: "bt-badge bt-badge-main", "aria-label": t("Main Bot"), role: "img" }, (0, import_react2.createElement)(MainStar)) : null
+-  );
 +function facePersonLabel(person) {
 +  return person.mine ? t("{name} (you)", { name: person.name }) : person.name;
-+}
+ }
+-function clusterSeats(count, frame) {
+-  if (count === 1) return [[0, 0, frame]];
+-  if (count === 2) return [[0, 0, frame * 2 / 3], [frame / 3, frame / 3, frame * 2 / 3]];
+-  if (count === 3) {
+-    const size = frame * 5 / 9;
+-    const rest = frame - size;
+-    return [[rest / 2, 0, size], [0, rest, size], [rest, rest, size]];
 +
 +// src/client/held-reply.js
 +var import_react8 = require("react");
@@ -4818,7 +6630,21 @@ diff --git a/client.js b/client.js
 +  constructor(props) {
 +    super(props);
 +    this.state = { failed: false };
-+  }
+   }
+-  const half = frame / 2;
+-  return [[0, 0, half], [half, 0, half], [0, half, half], [half, half, half]];
+-}
+-function RoomAvatar({ room: room2, roster, size = 36 }) {
+-  const members = room2.members.map((id) => roster.byId[id]).filter(Boolean);
+-  const people = members.length === 1 ? [members[0], null] : members;
+-  const seat = (bot, seatSize, key) => bot ? (0, import_react2.createElement)(BotMark, { key, bot, size: seatSize }) : (0, import_react2.createElement)("span", { key, className: "bt-cluster-you", style: { width: seatSize * 0.92, height: seatSize * 0.92, margin: seatSize * 0.04 } });
+-  if (people.length === 0) return (0, import_react2.createElement)(BotMark, { size });
+-  if (size <= 20 && people.length > 1) {
+-    return (0, import_react2.createElement)(
+-      "span",
+-      { className: "bt-stack", style: { "--bt-stack-size": `${size}px` } },
+-      people.slice(0, 3).map((bot, index) => seat(bot, size, bot?.id ?? `you-${index}`)),
+-      people.length > 3 ? (0, import_react2.createElement)("span", { className: "bt-stack-more" }, `+${people.length - 3}`) : null
 +  static getDerivedStateFromError() {
 +    return { failed: true };
 +  }
@@ -4867,8 +6693,25 @@ diff --git a/client.js b/client.js
 +      // different field elsewhere. A failure that can never succeed draws no button on any surface.
 +      failed && canRetry(held) ? (0, import_react8.createElement)("button", { type: "button", className: "bt-held-retry", disabled: busy, onClick: () => decide("retry") }, t("Retry")) : null,
 +      error ? (0, import_react8.createElement)("span", { className: "bt-flybot-approval-error", role: "alert" }, error) : null
-+    );
-+  }
+     );
+   }
+-  const seats = clusterSeats(Math.min(people.length, 4), size);
+-  const overflow = people.length > 4 ? people.length - 3 : 0;
+-  const gap = size / 14;
+-  const rings = seats.map(([x, y, s]) => ({ cx: x + s / 2, cy: y + s / 2, r: s * 0.48 + gap }));
+-  return (0, import_react2.createElement)(
+-    "span",
+-    { className: "bt-cluster", style: { width: size, height: size } },
+-    seats.map(([x, y, s], index) => {
+-      const holes2 = rings.slice(index + 1).filter((ring) => Math.hypot(ring.cx - x - s / 2, ring.cy - y - s / 2) < ring.r + s * 0.46).map((ring) => `radial-gradient(circle at ${ring.cx - x}px ${ring.cy - y}px,transparent ${ring.r}px,#000 ${ring.r + 0.5}px)`);
+-      const style = { left: x, top: y, width: s, height: s };
+-      if (holes2.length > 0) Object.assign(style, { WebkitMaskImage: holes2.join(","), maskImage: holes2.join(","), WebkitMaskComposite: "source-in", maskComposite: "intersect" });
+-      if (overflow > 0 && index === 3) {
+-        return (0, import_react2.createElement)("span", { key: "more", className: "bt-cluster-more", style: { ...style, width: s * 0.92, height: s * 0.92, margin: s * 0.04, fontSize: Math.max(8, Math.round(s * 0.36)) } }, `+${overflow}`);
+-      }
+-      const bot = people[index];
+-      return (0, import_react2.createElement)("span", { key: bot?.id ?? "you", style }, seat(bot, s));
+-    })
 +  const plain = (0, import_react8.createElement)(
 +    "div",
 +    { className: "bt-held-card", role: "region", "aria-label": t("Waiting for your approval") },
@@ -4886,65 +6729,84 @@ diff --git a/client.js b/client.js
 +    "div",
 +    { className: "bt-held-actions", "data-flybot": "held-reply-actions" },
 +    custom ? (0, import_react8.createElement)(boundary(), { id: custom.id, fallback: plain }, (0, import_react8.createElement)(custom.component, { held, decide, call: call3, actions })) : plain
-+  );
-+}
-+
- // src/client/turn-reasoning.js
- function turnReasoning(steps, current) {
-   const members = steps.length ? steps : [current];
-@@ -3767,7 +3767,7 @@
- var stepReasoning = (step) => step.blocks.filter((block) => block.kind === "reasoning").map((block) => block.text).join("\n").trim();
+   );
+ }
  
- // src/client/cells.js
--var import_react6 = require("react");
+-// src/client/icons.js
+-var import_react3 = require("react");
+-function PlusIcon() {
+-  return (0, import_react3.createElement)("svg", { width: 18, height: 18, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M10 3.5v13M3.5 10h13", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round" }));
+-}
+-function SearchIcon() {
+-  return (0, import_react3.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react3.createElement)("circle", { cx: 8.5, cy: 8.5, r: 5.5, stroke: "currentColor", strokeWidth: 1.6, fill: "none" }), (0, import_react3.createElement)("path", { d: "M13 13l4 4", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round" }));
++// src/client/turn-reasoning.js
++function turnReasoning(steps, current) {
++  const members = steps.length ? steps : [current];
++  if (members.find((step) => stepReasoning(step) !== "")?.step !== current.step) return "";
++  return members.filter((step) => !thinkingLive(step)).map(stepReasoning).filter(Boolean).join("\n\n");
+ }
+-function PeopleIcon() {
+-  return (0, import_react3.createElement)(
+-    "svg",
+-    { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": true },
+-    (0, import_react3.createElement)("circle", { cx: 7.5, cy: 7, r: 3 }),
+-    (0, import_react3.createElement)("path", { d: "M2 16.5c.6-2.8 2.8-4.5 5.5-4.5s4.9 1.7 5.5 4.5" }),
+-    (0, import_react3.createElement)("path", { d: "M13 4.3a3 3 0 0 1 0 5.4M15 12.4c1.6.6 2.6 2 3 4.1" })
++var texts = (step) => step.blocks.filter((block) => block.kind === "text" && block.text.trim() !== "");
++var thinkingLive = (step) => step.status === "running" && texts(step).length === 0 && step.blocks.some((block) => block.kind === "reasoning");
++var stepReasoning = (step) => step.blocks.filter((block) => block.kind === "reasoning").map((block) => block.text).join("\n").trim();
++
++// src/client/cells.js
 +var import_react9 = require("react");
- var import_react_dom = require("react-dom");
- var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
- var mdLabels = () => ({ code: { copyLabel: t("Copy"), copiedLabel: t("Copied") }, footnotes: t("Footnotes") });
-@@ -3780,29 +3780,29 @@
-     actions.openSession(target);
-   };
-   const reactions = useUi ? useUi((state) => msgKey ? state.reactions?.[msgKey] ?? null : null) : null;
--  return (0, import_react6.createElement)(
++var import_react_dom = require("react-dom");
++var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
++var mdLabels = () => ({ code: { copyLabel: t("Copy"), copiedLabel: t("Copied") }, footnotes: t("Footnotes") });
++function Bubbles({ texts: texts2, roster, selfId, actions, streaming, sessionId, msgKey, useUi, lead, mentions }) {
++  const onClick = (event) => {
++    const target = mentionTarget(event);
++    if (target === null) return;
++    event.preventDefault();
++    event.stopPropagation();
++    actions.openSession(target);
++  };
++  const reactions = useUi ? useUi((state) => msgKey ? state.reactions?.[msgKey] ?? null : null) : null;
 +  return (0, import_react9.createElement)(
-     "div",
-     { className: "bt-astack", "data-lead": lead ? "" : void 0, onClickCapture: onClick },
--    texts2.map((text, index) => {
++    "div",
++    { className: "bt-astack", "data-lead": lead ? "" : void 0, onClickCapture: onClick },
 +    texts2.map((text2, index) => {
-       const key = msgKey ? `${msgKey}:${index}` : void 0;
-       const picked = key ? reactions?.[index] ?? [] : [];
-       const last = index === texts2.length - 1;
-       const live = streaming && last;
--      return (0, import_react6.createElement)(
++      const key = msgKey ? `${msgKey}:${index}` : void 0;
++      const picked = key ? reactions?.[index] ?? [] : [];
++      const last = index === texts2.length - 1;
++      const live = streaming && last;
 +      return (0, import_react9.createElement)(
-         "div",
-         { key: index, className: "bt-msg" },
--        (0, import_react6.createElement)(
++        "div",
++        { key: index, className: "bt-msg" },
 +        (0, import_react9.createElement)(
-           "div",
-           { className: "bt-msg-line" },
-           lead && last ? lead : null,
--          (0, import_react6.createElement)(
++          "div",
++          { className: "bt-msg-line" },
++          lead && last ? lead : null,
 +          (0, import_react9.createElement)(
-             "div",
-             { className: "bt-bubble" },
--            (0, import_react6.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: linkMentions(text, roster.bots, selfId), streaming: live, labels: mdLabels(), variant: "compact", fileMentions: mentions })
++            "div",
++            { className: "bt-bubble" },
 +            (0, import_react9.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: linkMentions(text2, roster.bots, selfId), streaming: live, labels: mdLabels(), variant: "compact", fileMentions: mentions })
-           ),
--          live ? null : (0, import_react6.createElement)(MessageTools, { text, name: roster.byId[selfId]?.name ?? t("Bot"), sessionId, react: key ? (emoji) => actions.toggleReaction(msgKey, index, emoji) : void 0, actions })
++          ),
 +          live ? null : (0, import_react9.createElement)(MessageTools, { text: text2, name: roster.byId[selfId]?.name ?? t("Bot"), sessionId, react: key ? (emoji) => actions.toggleReaction(msgKey, index, emoji) : void 0, actions })
-         ),
--        picked.length ? (0, import_react6.createElement)("div", { className: "bt-reacts" }, picked.map((emoji) => (0, import_react6.createElement)("button", {
++        ),
 +        picked.length ? (0, import_react9.createElement)("div", { className: "bt-reacts" }, picked.map((emoji) => (0, import_react9.createElement)("button", {
-           key: emoji,
-           type: "button",
-           className: "bt-react",
-@@ -3813,9 +3813,22 @@
-     })
++          key: emoji,
++          type: "button",
++          className: "bt-react",
++          "aria-label": t("Remove reaction {emoji}", { emoji }),
++          onClick: () => actions.toggleReaction(msgKey, index, emoji)
++        }, emoji))) : null
++      );
++    })
    );
  }
+-function ArrowUpIcon() {
+-  return (0, import_react3.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M10 16V4M5 9l5-5 5 5", stroke: "currentColor", strokeWidth: 1.8, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }));
 +var WAITING_OTHERS_NOTICE = "Waiting for the owner's approval";
- var REACTIONS = ["👍", "❤️", "😂", "😮", "😢", "🙏"];
++var REACTIONS = ["👍", "❤️", "😂", "😮", "😢", "🙏"];
 +function leaveNoticeCoveredByClose(room2, text2) {
 +  if (room2?.origin !== "face-to-face" || room2.face?.status !== "closed") return false;
 +  const match = String(text2 ?? "").trim().match(/^(.+) left(?: the room)?$/);
@@ -4956,86 +6818,101 @@ diff --git a/client.js b/client.js
 +    if (name && (who === name || who.endsWith(` (${name})`))) return true;
 +  }
 +  return false;
-+}
- function useDismiss(open, close, refs) {
--  (0, import_react6.useEffect)(() => {
+ }
+-function MicIcon({ size = 16 }) {
+-  return (0, import_react3.createElement)(
+-    "svg",
+-    { width: size, height: size, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", "aria-hidden": true },
+-    (0, import_react3.createElement)("rect", { x: 7, y: 2.5, width: 6, height: 10, rx: 3, fill: "currentColor", stroke: "none" }),
+-    (0, import_react3.createElement)("path", { d: "M4.5 9.5a5.5 5.5 0 0 0 11 0M10 15v2.5" })
+-  );
++function useDismiss(open, close, refs) {
 +  (0, import_react9.useEffect)(() => {
-     if (!open) return void 0;
-     const onDown = (event) => {
-       if (refs.some((ref) => ref.current?.contains(event.target))) return;
-@@ -3835,12 +3835,12 @@
-     };
-   }, [open]);
++    if (!open) return void 0;
++    const onDown = (event) => {
++      if (refs.some((ref) => ref.current?.contains(event.target))) return;
++      close();
++    };
++    const onKey = (event) => {
++      if (event.key === "Escape") {
++        event.stopPropagation();
++        close();
++      }
++    };
++    window.addEventListener("mousedown", onDown);
++    window.addEventListener("keydown", onKey, true);
++    return () => {
++      window.removeEventListener("mousedown", onDown);
++      window.removeEventListener("keydown", onKey, true);
++    };
++  }, [open]);
  }
--function MessageTools({ text, name, sessionId, react, actions }) {
--  const [panel, setPanel] = (0, import_react6.useState)(null);
--  const [place, setPlace] = (0, import_react6.useState)(null);
--  const [copied, setCopied] = (0, import_react6.useState)(false);
--  const tools = (0, import_react6.useRef)(null);
--  const pop = (0, import_react6.useRef)(null);
+-function WaveIcon({ size = 16 }) {
+-  return (0, import_react3.createElement)(
+-    "svg",
+-    { width: size, height: size, viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": true },
+-    [[3, 7.5, 5], [6.5, 4.5, 11], [10, 2.5, 15], [13.5, 5.5, 9], [17, 8, 4]].map(([x, y, height]) => (0, import_react3.createElement)("rect", { key: x, x: x - 1, y, width: 2, height, rx: 1 }))
 +function MessageTools({ text: text2, name, sessionId, react, actions }) {
 +  const [panel, setPanel] = (0, import_react9.useState)(null);
 +  const [place, setPlace] = (0, import_react9.useState)(null);
 +  const [copied, setCopied] = (0, import_react9.useState)(false);
 +  const tools = (0, import_react9.useRef)(null);
 +  const pop = (0, import_react9.useRef)(null);
-   const close = () => setPanel(null);
-   useDismiss(panel !== null, close, [tools, pop]);
-   const open = (kind, event) => {
-@@ -3854,36 +3854,36 @@
-     setPanel(kind);
-   };
-   const copy2 = () => {
--    void navigator.clipboard?.writeText(text).then(() => {
++  const close = () => setPanel(null);
++  useDismiss(panel !== null, close, [tools, pop]);
++  const open = (kind, event) => {
++    if (panel === kind) {
++      close();
++      return;
++    }
++    const rect = event.currentTarget.getBoundingClientRect();
++    const below = rect.bottom + 220 < window.innerHeight;
++    setPlace(kind === "react" ? { left: rect.left + rect.width / 2, top: rect.top - 6, "--bt-origin": "bottom center" } : { left: Math.min(rect.left, window.innerWidth - 208), ...below ? { top: rect.bottom + 4 } : { bottom: window.innerHeight - rect.top + 4, "--bt-origin": "bottom left" } });
++    setPanel(kind);
++  };
++  const copy2 = () => {
 +    void navigator.clipboard?.writeText(text2).then(() => {
-       setCopied(true);
-       setTimeout(() => setCopied(false), 1e3);
-     });
-   };
-   const download2 = () => {
--    const url = URL.createObjectURL(new Blob([text], { type: "text/markdown" }));
++      setCopied(true);
++      setTimeout(() => setCopied(false), 1e3);
++    });
++  };
++  const download2 = () => {
 +    const url = URL.createObjectURL(new Blob([text2], { type: "text/markdown" }));
-     const link = Object.assign(document.createElement("a"), { href: url, download: `${name}-message.md` });
-     link.click();
-     setTimeout(() => URL.revokeObjectURL(url), 1e3);
-   };
--  const item = (label, Icon, run) => (0, import_react6.createElement)("button", { key: label, type: "button", role: "menuitem", onClick: () => {
++    const link = Object.assign(document.createElement("a"), { href: url, download: `${name}-message.md` });
++    link.click();
++    setTimeout(() => URL.revokeObjectURL(url), 1e3);
++  };
 +  const item = (label, Icon, run) => (0, import_react9.createElement)("button", { key: label, type: "button", role: "menuitem", onClick: () => {
-     close();
-     run();
--  } }, (0, import_react6.createElement)(Icon), label);
--  return (0, import_react6.createElement)(
++    close();
++    run();
 +  } }, (0, import_react9.createElement)(Icon), label);
 +  return (0, import_react9.createElement)(
-     "div",
-     { ref: tools, className: "bt-tools", "data-open": panel !== null || void 0 },
--    react ? (0, import_react6.createElement)("button", { type: "button", className: "bt-tool", "aria-label": t("Add reaction"), title: t("Add reaction"), "aria-expanded": panel === "react", onClick: (event) => open("react", event) }, (0, import_react6.createElement)(SmileIcon)) : null,
--    sessionId ? (0, import_react6.createElement)("button", { type: "button", className: "bt-tool", "aria-label": t("Reply"), title: t("Reply"), onClick: () => actions.quote(sessionId, text) }, (0, import_react6.createElement)(ReplyIcon)) : null,
--    (0, import_react6.createElement)("button", { type: "button", className: "bt-tool", "aria-label": t("More message actions"), title: t("More"), "aria-haspopup": "menu", "aria-expanded": panel === "more", onClick: (event) => open("more", event) }, copied ? (0, import_react6.createElement)(CheckIcon) : (0, import_react6.createElement)(DotsIcon)),
--    panel === "react" ? (0, import_react_dom.createPortal)((0, import_react6.createElement)(
++    "div",
++    { ref: tools, className: "bt-tools", "data-open": panel !== null || void 0 },
 +    react ? (0, import_react9.createElement)("button", { type: "button", className: "bt-tool", "aria-label": t("Add reaction"), title: t("Add reaction"), "aria-expanded": panel === "react", onClick: (event) => open("react", event) }, (0, import_react9.createElement)(SmileIcon)) : null,
 +    sessionId ? (0, import_react9.createElement)("button", { type: "button", className: "bt-tool", "aria-label": t("Reply"), title: t("Reply"), onClick: () => actions.quote(sessionId, text2) }, (0, import_react9.createElement)(ReplyIcon)) : null,
 +    (0, import_react9.createElement)("button", { type: "button", className: "bt-tool", "aria-label": t("More message actions"), title: t("More"), "aria-haspopup": "menu", "aria-expanded": panel === "more", onClick: (event) => open("more", event) }, copied ? (0, import_react9.createElement)(CheckIcon) : (0, import_react9.createElement)(DotsIcon)),
 +    panel === "react" ? (0, import_react_dom.createPortal)((0, import_react9.createElement)(
-       "div",
-       { ref: pop, className: "bt-react-strip", role: "menu", "aria-label": t("Reactions"), style: place },
--      REACTIONS.map((emoji) => (0, import_react6.createElement)("button", { key: emoji, type: "button", role: "menuitem", "aria-label": emoji, onClick: () => {
++      "div",
++      { ref: pop, className: "bt-react-strip", role: "menu", "aria-label": t("Reactions"), style: place },
 +      REACTIONS.map((emoji) => (0, import_react9.createElement)("button", { key: emoji, type: "button", role: "menuitem", "aria-label": emoji, onClick: () => {
-         close();
-         react(emoji);
-       } }, emoji))
-     ), document.body) : null,
--    panel === "more" ? (0, import_react_dom.createPortal)((0, import_react6.createElement)(
++        close();
++        react(emoji);
++      } }, emoji))
++    ), document.body) : null,
 +    panel === "more" ? (0, import_react_dom.createPortal)((0, import_react9.createElement)(
-       "div",
-       { ref: pop, className: "bt-menu", role: "menu", "aria-label": t("Message actions"), style: place },
-       item(t("Copy"), CopyIcon, copy2),
-@@ -3891,12 +3891,40 @@
-     ), document.body) : null
++      "div",
++      { ref: pop, className: "bt-menu", role: "menu", "aria-label": t("Message actions"), style: place },
++      item(t("Copy"), CopyIcon, copy2),
++      item(t("Download"), DownloadIcon, download2)
++    ), document.body) : null
    );
  }
--function ThinkingRow({ text }) {
--  return (0, import_react6.createElement)(
+-function ShareIcon() {
+-  return (0, import_react3.createElement)(
+-    "svg",
+-    { width: 16, height: 16, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
+-    (0, import_react3.createElement)("path", { d: "M10 12.5V3M6.5 6.5L10 3l3.5 3.5M4 11v4.5A1.5 1.5 0 0 0 5.5 17h9a1.5 1.5 0 0 0 1.5-1.5V11" })
 +var PEEK_MAX = 160;
 +var CUT = "…";
 +var MARKUP = [/^\s{0,3}(?:`{3,}|~{3,})/, /^\s{0,3}([-*_])(?:\s*\1){2,}\s*$/];
@@ -5060,10 +6937,8 @@ diff --git a/client.js b/client.js
 +  if (typeof text2 !== "string" || text2.trim() === "") return null;
 +  const peek = peekLine(text2);
 +  return (0, import_react9.createElement)(
-     "details",
-     { className: "bt-think" },
--    (0, import_react6.createElement)("summary", null, t("Thought it through")),
--    (0, import_react6.createElement)("div", { className: "bt-think-text" }, text)
++    "details",
++    { className: "bt-think" },
 +    (0, import_react9.createElement)(
 +      "summary",
 +      null,
@@ -5074,71 +6949,210 @@ diff --git a/client.js b/client.js
 +    (0, import_react9.createElement)("div", { className: "bt-think-text" }, text2)
    );
  }
- function useFileMentions({ node, openFile, fileMentions, useTurnData }) {
-@@ -3904,19 +3904,33 @@
-   const location2 = node.location;
-   const turn = location2?.kind === "turn" || location2?.kind === "step" ? location2.turn : void 0;
-   const seq = node.data.finalNode?.seq;
--  return (0, import_react6.useMemo)(() => {
+-function CloseIcon() {
+-  return (0, import_react3.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M5 5l10 10M15 5L5 15", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round" }));
++function useFileMentions({ node, openFile, fileMentions, useTurnData }) {
++  const tail = useTurnData?.("turn-tail");
++  const location2 = node.location;
++  const turn = location2?.kind === "turn" || location2?.kind === "step" ? location2.turn : void 0;
++  const seq = node.data.finalNode?.seq;
 +  return (0, import_react9.useMemo)(() => {
-     if (typeof fileMentions !== "function" || turn?.status !== "closed" || seq === void 0) return void 0;
-     return tail?.closing?.finalNode.seq === seq ? fileMentions({ turn, seq, openFile }) : void 0;
-   }, [fileMentions, openFile, seq, tail, turn]);
++    if (typeof fileMentions !== "function" || turn?.status !== "closed" || seq === void 0) return void 0;
++    return tail?.closing?.finalNode.seq === seq ? fileMentions({ turn, seq, openFile }) : void 0;
++  }, [fileMentions, openFile, seq, tail, turn]);
  }
+-var ChevronLeftIcon = () => (0, import_react3.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M12.5 4.5L7 10l5.5 5.5" }));
+-var ChevronRightIcon = () => (0, import_react3.createElement)("svg", { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M7.5 4.5L13 10l-5.5 5.5" }));
+-var lineIcon = (paths) => function LineIcon() {
+-  return (0, import_react3.createElement)(
+-    "svg",
+-    { width: 15, height: 15, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
+-    paths.map((d, index) => (0, import_react3.createElement)("path", { key: index, d }))
+-  );
+-};
+-var CLOUD = "M6.5 15.25H5.75a3.25 3.25 0 0 1-.55-6.45 4.75 4.75 0 0 1 9.2-1.1 3.75 3.75 0 0 1 .1 7.55H13.5";
+-function CloudDownloadIcon({ done = false }) {
+-  return (0, import_react3.createElement)(
+-    "svg",
+-    { width: 16, height: 16, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
+-    (0, import_react3.createElement)("path", { d: CLOUD }),
+-    done ? (0, import_react3.createElement)("path", { d: "M7.75 13.25l1.75 1.75 3-3.25" }) : (0, import_react3.createElement)("g", { className: "bt-cloud-arrow" }, (0, import_react3.createElement)("path", { d: "M10 9.75v7" }), (0, import_react3.createElement)("path", { d: "M7.75 14.5L10 16.75l2.25-2.25" }))
+-  );
 +function useClosingText(node, useTurnData) {
 +  const tail = useTurnData?.("turn-tail");
 +  const seq = node.data.finalNode?.seq;
 +  if (!tail?.closing || seq === void 0) return true;
 +  return tail.closing.finalNode?.seq === seq;
-+}
+ }
+-var SmileIcon = lineIcon(["M10 3.5a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13z", "M7.3 11.6a3.4 3.4 0 0 0 5.4 0", "M7.75 8.25h.01M12.25 8.25h.01"]);
+-var ReplyIcon = lineIcon(["M8 5L4 9l4 4", "M4 9h7.5a4.5 4.5 0 0 1 4.5 4.5V15"]);
+-var DotsIcon = lineIcon(["M5 10h.01M10 10h.01M15 10h.01"]);
+-var CheckIcon = lineIcon(["M4.5 10.5l3.5 3.5 7.5-8"]);
+-var ArrowDownIcon = lineIcon(["M10 4v12", "M5 11l5 5 5-5"]);
+-var DownloadIcon = lineIcon(["M10 3.5v9", "M6.5 9.5L10 13l3.5-3.5", "M4 16h12"]);
+-var GaugeIcon = lineIcon(["M3.5 13.5a6.5 6.5 0 1 1 13 0", "M10 13.5l3-4", "M10 13.5h.01"]);
+-var PlugIcon = lineIcon(["M7 3v4M13 3v4", "M5 7h10v2.5a5 5 0 0 1-10 0z", "M10 14.5V17"]);
+-var CalendarIcon = lineIcon(["M5.5 5h9A1.5 1.5 0 0 1 16 6.5v8a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 4 14.5v-8A1.5 1.5 0 0 1 5.5 5z", "M4 8.75h12", "M7.25 3.5v3M12.75 3.5v3"]);
+-var ConnectorIcon = lineIcon(["M7 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z", "M18 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z", "M7 10h6"]);
+-var SwitchIcon = lineIcon(["M4 7h9.5M10.5 3.5L14 7l-3.5 3.5", "M16 13H6.5M9.5 9.5L6 13l3.5 3.5"]);
+-var PaperclipIcon = lineIcon(["M15.5 9.5l-5.6 5.6a3.4 3.4 0 0 1-4.8-4.8l6.1-6.1a2.25 2.25 0 0 1 3.2 3.2l-6 6a1.1 1.1 0 0 1-1.6-1.6l5.5-5.5"]);
+-var ClockIcon = lineIcon(["M10 3.5a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13z", "M10 6.5V10l2.5 1.5"]);
+-var GearIcon = lineIcon(["M10 7.4a2.6 2.6 0 1 1 0 5.2 2.6 2.6 0 0 1 0-5.2z", "M7.85 4.4l.29-1.87a7.7 7.7 0 0 1 3.72 0l.29 1.87a6 6 0 0 1 1.63.94l1.76-.69a7.7 7.7 0 0 1 1.86 3.23l-1.47 1.18a6 6 0 0 1 0 1.88l1.47 1.18a7.7 7.7 0 0 1-1.86 3.23l-1.76-.69a6 6 0 0 1-1.63.94l-.29 1.87a7.7 7.7 0 0 1-3.72 0l-.29-1.87a6 6 0 0 1-1.63-.94l-1.76.69a7.7 7.7 0 0 1-1.86-3.23l1.47-1.18a6 6 0 0 1 0-1.88L2.6 7.88a7.7 7.7 0 0 1 1.86-3.23l1.76.69a6 6 0 0 1 1.63-.94z"]);
+-var PinIcon = lineIcon(["M12.5 3l4.5 4.5-3 1.5-2.5 2.5.5 3.5-1.5 1.5L7 13 3.5 16.5", "M7 13l-3.5-3.5L5 8l3.5.5L11 6l1.5-3"]);
+-function PinMarkIcon() {
+-  return (0, import_react3.createElement)(
+-    "svg",
+-    { width: 12, height: 12, viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": true },
+-    (0, import_react3.createElement)(
+-      "g",
+-      { transform: "rotate(45 10 10)" },
+-      (0, import_react3.createElement)("path", { d: "M8 2.5h4a.9.9 0 0 1 0 1.8h-.4v4.1c0 1.4 1.1 2.6 2.6 3.1l.7.3v1.5H5.1v-1.5l.7-.3c1.5-.5 2.6-1.7 2.6-3.1V4.3H8a.9.9 0 0 1 0-1.8z" }),
+-      (0, import_react3.createElement)("path", { d: "M9.35 13.3h1.3v3.6L10 18l-.65-1.1z" })
+-    )
+-  );
 +function friendLead(bot, texts2) {
 +  if (bot?.remote === void 0 || texts2.length === 0) return void 0;
 +  if (texts2.every((text2) => /^Not sent:/.test(text2.trim()))) return void 0;
 +  return (0, import_react9.createElement)("span", { className: "bt-lead", title: bot.name, "data-flybot": "friend-lead" }, (0, import_react9.createElement)(BotMark, { bot, size: 22 }));
-+}
- function AssistantCell({ node, groupPart, sessionId, openFile, fileMentions, useTurnData, useRoster, useUi, useTurnSteps, useTurnContext, actions }) {
-   const roster = useRoster((value) => value);
-   const data = node.data;
-   const steps = useTurnSteps(String(data.turn));
-   const contexts = useTurnContext(String(data.turn));
-   const mentions = useFileMentions({ node, openFile, fileMentions, useTurnData });
+ }
+-var UnreadIcon = lineIcon(["M10 3.5a4.5 4.5 0 0 0-4.5 4.5v3L4 13.5h12L14.5 11V8", "M8.3 16a1.8 1.8 0 0 0 3.4 0", "M15.5 3.2a1.6 1.6 0 1 1 0 3.2 1.6 1.6 0 0 1 0-3.2z"]);
+-var PencilIcon = lineIcon(["M9 4H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-3", "M14.3 3.7a1.6 1.6 0 0 1 2.3 2.3L10.5 12l-3 .8.8-3z"]);
+-var InfoIcon = lineIcon(["M10 3.5a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13z", "M10 9.25v4", "M10 6.6h.01"]);
+-var StarLineIcon = lineIcon(["M10 3l2.1 4.3 4.7.7-3.4 3.3.8 4.7L10 13.8 5.8 16l.8-4.7L3.2 8l4.7-.7z"]);
+-var CopyIcon = lineIcon(["M8.5 7h6A1.5 1.5 0 0 1 16 8.5v6a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 7 14.5v-6A1.5 1.5 0 0 1 8.5 7z", "M4 12.5V5.5A1.5 1.5 0 0 1 5.5 4H13"]);
+-var HideIcon = lineIcon(["M3 3l14 14", "M8.6 5.2A7.6 7.6 0 0 1 10 5c4.5 0 7 5 7 5a12.6 12.6 0 0 1-2 2.6M12.2 14.5A6.8 6.8 0 0 1 10 15c-4.5 0-7-5-7-5a12.4 12.4 0 0 1 3-3.4", "M8.5 8.5a2 2 0 0 0 3 3"]);
+-var TrashIcon = lineIcon(["M3.5 5.5h13", "M8 5.5V4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1.5", "M5 5.5l.7 10A1.5 1.5 0 0 0 7.2 17h5.6a1.5 1.5 0 0 0 1.5-1.5l.7-10", "M8.5 9v4.5M11.5 9v4.5"]);
+-var DuplicateIcon = lineIcon(["M7 7h8.5v9.5H7z", "M4.5 13V3.5H13", "M11.25 9.5v4.5M9 11.75h4.5"]);
+-var SlidersIcon = lineIcon(["M4 6.5h5M12.5 6.5H16M4 13.5h4M11.5 13.5H16", "M10.5 4.5v4M9.5 11.5v4"]);
+-var MemoryIcon = lineIcon(["M5.5 3.5h8A1.5 1.5 0 0 1 15 5v10a1.5 1.5 0 0 1-1.5 1.5h-8z", "M5.5 3.5v13", "M8.5 7.5h3.5M8.5 10.5h2.5", "M12 3.5v4l1-.8 1 .8"]);
+-var FolderIcon = lineIcon(["M3 6A1.5 1.5 0 0 1 4.5 4.5h3.2l1.8 2h6A1.5 1.5 0 0 1 17 8v6.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 3 14.5z"]);
+-var ChatsIcon = lineIcon(["M3.5 5.5A1.5 1.5 0 0 1 5 4h7a1.5 1.5 0 0 1 1.5 1.5V10A1.5 1.5 0 0 1 12 11.5H8L5 14v-2.5A1.5 1.5 0 0 1 3.5 10z", "M13.5 7.5H15A1.5 1.5 0 0 1 16.5 9v4.5A1.5 1.5 0 0 1 15 15v2l-2.5-2h-3A1.5 1.5 0 0 1 8 13.5V13"]);
+-var SETTINGS_ICONS = { general: GearIcon, bots: PeopleIcon, groups: ChatsIcon, usage: GaugeIcon };
+-
+-// src/client/questions.js
+-var import_react4 = require("react");
+-var keyLetter = (index) => String.fromCharCode(65 + index);
+-var optionsOf = (question) => (question?.options ?? []).map((option) => typeof option === "string" ? { label: option } : option);
+-var isTypingTarget = (node) => node instanceof HTMLInputElement || node instanceof HTMLTextAreaElement || node instanceof HTMLSelectElement || node instanceof HTMLElement && node.isContentEditable;
+-function useOptionKeys(count, onPick, ownRef) {
+-  const pick2 = (0, import_react4.useRef)(onPick);
+-  pick2.current = onPick;
+-  (0, import_react4.useEffect)(() => {
+-    if (count === 0) return void 0;
+-    const onKey = (event) => {
+-      if (event.defaultPrevented || event.metaKey || event.ctrlKey || event.altKey || event.shiftKey || event.key.length !== 1) return;
+-      if (isTypingTarget(event.target) || isTypingTarget(document.activeElement)) return;
+-      if (document.querySelector('[role="dialog"], [aria-modal="true"]') !== null) return;
+-      const index = event.key.toUpperCase().charCodeAt(0) - 65;
+-      if (index >= 0 && index < count) {
+-        event.preventDefault();
+-        pick2.current(index);
+-      } else if (index === count && ownRef.current) {
+-        event.preventDefault();
+-        ownRef.current.focus();
+-      }
+-    };
+-    document.addEventListener("keydown", onKey, true);
+-    return () => document.removeEventListener("keydown", onKey, true);
+-  }, [count, ownRef]);
++function AssistantCell({ node, groupPart, sessionId, openFile, fileMentions, useTurnData, useRoster, useUi, useTurnSteps, useTurnContext, actions }) {
++  const roster = useRoster((value) => value);
++  const data = node.data;
++  const steps = useTurnSteps(String(data.turn));
++  const contexts = useTurnContext(String(data.turn));
++  const mentions = useFileMentions({ node, openFile, fileMentions, useTurnData });
 +  const held = groupPart === "reasoning" ? void 0 : heldReplyOf(roster.byId[sessionId], sessionId, data.turn);
 +  const closing = useClosingText(node, useTurnData);
-   const hidden = Boolean(roster.roomsById[sessionId]) || isHiddenTurn(roster, sessionId, data.turn);
--  const texts2 = groupPart === "reasoning" ? [] : data.blocks.filter((block) => block.kind === "text" && block.text.trim() !== "").map((block) => block.text);
++  const hidden = Boolean(roster.roomsById[sessionId]) || isHiddenTurn(roster, sessionId, data.turn);
 +  const person = typedBy(roster, sessionId, data.turn);
 +  const texts2 = groupPart === "reasoning" ? [] : data.blocks.filter((block) => block.kind === "text" && block.text.trim() !== "").map((block, index) => index === 0 ? stripTrace(block.text) : block.text).filter((text2) => text2.trim() !== "");
-   const running = data.status === "running";
-   useLiveNote(actions, sessionId, `text:${node.key ?? data.seq}`, !hidden && running && texts2.length > 0 ? { text: true } : null);
-   if (hidden) return null;
-@@ -3924,13 +3924,14 @@
-   const relays = relayPart(data, groupPart) ? relaysBefore(contexts, steps, data) : [];
-   if (texts2.length === 0 && !reasoning && relays.length === 0) return null;
-   const selfId = roster.byId[sessionId]?.id ?? sessionId;
--  return (0, import_react6.createElement)(
--    import_react6.Fragment,
++  const running = data.status === "running";
++  useLiveNote(actions, sessionId, `text:${node.key ?? data.seq}`, !hidden && running && texts2.length > 0 ? { text: true } : null);
++  if (hidden) return null;
++  const reasoning = groupPart === "response" ? "" : turnReasoning(steps, data);
++  const relays = relayPart(data, groupPart) ? relaysBefore(contexts, steps, data) : [];
++  if (texts2.length === 0 && !reasoning && relays.length === 0) return null;
++  const selfId = roster.byId[sessionId]?.id ?? sessionId;
 +  const bubbles = texts2.length ? person ? (0, import_react9.createElement)(PersonMessage, { name: person, texts: texts2, roster, selfId, actions, sessionId, msgKey: `${sessionId}:${data.turn}:${node.key ?? data.seq ?? ""}`, useUi }) : (0, import_react9.createElement)(Bubbles, { texts: texts2, roster, selfId, actions, streaming: running, sessionId, msgKey: `${sessionId}:${data.turn}:${node.key ?? data.seq ?? ""}`, useUi, mentions, lead: friendLead(roster.byId[sessionId], texts2) }) : null;
 +  return (0, import_react9.createElement)(
 +    import_react9.Fragment,
-     null,
-     relays.map((relay) => {
-       const source = relay.source;
-       const sender = roster.byId[source.senderSessionId] ?? { id: source.senderSessionId, name: source.senderName ?? t("a Bot"), color: "gray" };
--      return (0, import_react6.createElement)(EventLine, {
++    null,
++    relays.map((relay) => {
++      const source = relay.source;
++      const sender = roster.byId[source.senderSessionId] ?? { id: source.senderSessionId, name: source.senderName ?? t("a Bot"), color: "gray" };
 +      return (0, import_react9.createElement)(EventLine, {
-         key: relay.seq,
-         prefix: source.role === "stopped" ? t("Stopped by") : source.role === "reply" ? t("Reply from") : t("Message from"),
-         bots: [sender],
-@@ -3940,61 +3940,230 @@
-         whole: true
-       });
-     }),
--    reasoning ? (0, import_react6.createElement)(ThinkingRow, { text: reasoning }) : null,
--    texts2.length ? (0, import_react6.createElement)(Bubbles, { texts: texts2, roster, selfId, actions, streaming: running, sessionId, msgKey: `${sessionId}:${data.turn}:${node.key ?? data.seq ?? ""}`, useUi, mentions }) : null
++        key: relay.seq,
++        prefix: source.role === "stopped" ? t("Stopped by") : source.role === "reply" ? t("Reply from") : t("Message from"),
++        bots: [sender],
++        onOpen: () => {
++          if (sender.id) actions.openExchange(selfId, sender.id);
++        },
++        whole: true
++      });
++    }),
 +    reasoning ? (0, import_react9.createElement)(ThinkingRow, { text: reasoning }) : null,
 +    held && bubbles ? (0, import_react9.createElement)(HeldReply, { held, roster, sessionId, actions, closing }, bubbles) : bubbles
 +  );
-+}
+ }
+-function QuestionView({ question, onAnswer, onDismiss, ownAnswer = false, raised = false }) {
+-  const [own, setOwn] = (0, import_react4.useState)("");
+-  const [picked, setPicked] = (0, import_react4.useState)([]);
+-  const ownRef = (0, import_react4.useRef)(null);
+-  const titleId = (0, import_react4.useId)();
+-  const options = optionsOf(question);
+-  const multi = question.multiSelect === true;
+-  const custom = own.trim();
+-  const canSubmit = multi ? picked.length > 0 || custom !== "" : custom !== "";
+-  const choose = (label) => {
+-    if (multi) {
+-      setPicked((current) => current.includes(label) ? current.filter((item) => item !== label) : [...current, label]);
+-      return;
+-    }
+-    onAnswer({ selected: [label] });
+-  };
+-  const submit = () => {
+-    if (!canSubmit) return;
+-    onAnswer({ selected: multi ? picked : [], ...custom ? { custom } : {} });
+-  };
+-  useOptionKeys(options.length, (index) => choose(options[index].label), ownRef);
+-  const ownLetter = options.length > 0 ? keyLetter(options.length) : void 0;
+-  const field = ownAnswer ? (0, import_react4.createElement)("textarea", {
+-    ref: ownRef,
+-    rows: 1,
+-    value: own,
+-    autoComplete: "off",
+-    spellCheck: false,
+-    className: "bt-q-input",
+-    "aria-label": t("Your own answer"),
+-    placeholder: t("Type your own answer"),
+-    "aria-keyshortcuts": ownLetter?.toLowerCase(),
+-    onChange: (event) => setOwn(event.target.value),
+-    onKeyDown: (event) => {
+-      if (event.key !== "Enter" || event.shiftKey || event.nativeEvent.isComposing) return;
+-      event.preventDefault();
+-      submit();
+-    }
+-  }) : null;
+-  const rows = options.map((option, optionIndex) => {
+-    const selected = multi && picked.includes(option.label);
+-    return (0, import_react4.createElement)(
+-      "button",
+-      {
+-        key: option.label,
+-        type: "button",
+-        className: "bt-q-opt",
+-        "aria-pressed": multi ? selected : void 0,
+-        "aria-keyshortcuts": keyLetter(optionIndex).toLowerCase(),
+-        onClick: () => choose(option.label)
+-      },
+-      (0, import_react4.createElement)("span", { className: "bt-key", "aria-hidden": true }, keyLetter(optionIndex)),
+-      (0, import_react4.createElement)(
+-        "span",
+-        { className: "bt-q-body" },
+-        (0, import_react4.createElement)("span", { className: "bt-q-label" }, option.label),
+-        option.description ? (0, import_react4.createElement)("span", { className: "bt-q-desc" }, option.description) : null
+-      ),
+-      selected && !raised ? (0, import_react4.createElement)("span", { className: "bt-q-check", title: t("Selected") }, (0, import_react4.createElement)(CheckIcon)) : null
 +function HeldReply({ held, roster, sessionId, actions, closing, children }) {
 +  const bot = roster.byId[sessionId];
 +  const chat = (roster.bots ?? []).find((item) => item.remote?.handle === held.to);
@@ -5157,47 +7171,46 @@ diff --git a/client.js b/client.js
 +    { className: "bt-group-msg bt-person-msg", "data-person": name },
 +    (0, import_react9.createElement)("span", { className: "bt-group-name" }, name),
 +    (0, import_react9.createElement)(Bubbles, { texts: texts2, roster, selfId, actions, sessionId, msgKey, useUi, lead })
-   );
- }
- function EventLine({ prefix, bots, joiner = t("and"), onOpen, whole = false }) {
-   if (whole && bots.length === 1) {
--    return (0, import_react6.createElement)(
++  );
++}
++function EventLine({ prefix, bots, joiner = t("and"), onOpen, whole = false }) {
++  if (whole && bots.length === 1) {
 +    return (0, import_react9.createElement)(
-       "div",
-       { className: "bt-event" },
--      (0, import_react6.createElement)(
++      "div",
++      { className: "bt-event" },
 +      (0, import_react9.createElement)(
-         "button",
-         { type: "button", className: "bt-event-whole", title: bots[0].name, onClick: () => onOpen?.(bots[0]) },
--        (0, import_react6.createElement)("span", null, prefix),
--        (0, import_react6.createElement)(BotMark, { bot: bots[0], size: 16 }),
--        (0, import_react6.createElement)("span", { className: "bt-event-name" }, bots[0].name)
++        "button",
++        { type: "button", className: "bt-event-whole", title: bots[0].name, onClick: () => onOpen?.(bots[0]) },
 +        (0, import_react9.createElement)("span", null, prefix),
 +        (0, import_react9.createElement)(BotMark, { bot: bots[0], size: 16 }),
 +        (0, import_react9.createElement)("span", { className: "bt-event-name" }, bots[0].name)
-       )
++      )
      );
+-  });
+-  if (raised && field) {
+-    rows.push((0, import_react4.createElement)(
+-      "label",
+-      { key: "own", className: "bt-q-opt bt-q-ownrow", "data-filled": custom !== "" ? "" : void 0 },
+-      ownLetter ? (0, import_react4.createElement)("span", { className: "bt-key", "aria-hidden": true }, ownLetter) : null,
+-      (0, import_react4.createElement)("span", { className: "bt-q-body" }, field)
+-    ));
    }
-   const parts = [];
--  parts.push((0, import_react6.createElement)("span", { key: "p" }, prefix));
+-  let foot = null;
+-  if (raised && multi) {
+-    foot = (0, import_react4.createElement)(
++  const parts = [];
 +  parts.push((0, import_react9.createElement)("span", { key: "p" }, prefix));
-   bots.forEach((bot, index) => {
--    if (index > 0) parts.push((0, import_react6.createElement)("span", { key: `j${index}` }, joiner));
--    parts.push((0, import_react6.createElement)(
++  bots.forEach((bot, index) => {
 +    if (index > 0) parts.push((0, import_react9.createElement)("span", { key: `j${index}` }, joiner));
 +    parts.push((0, import_react9.createElement)(
-       "button",
-       { key: bot.id ?? index, type: "button", onClick: () => onOpen?.(bot) },
--      (0, import_react6.createElement)(BotMark, { bot, size: 16 }),
++      "button",
++      { key: bot.id ?? index, type: "button", onClick: () => onOpen?.(bot) },
 +      (0, import_react9.createElement)(BotMark, { bot, size: 16 }),
-       bot.name
-     ));
-   });
--  return (0, import_react6.createElement)("div", { className: "bt-event" }, parts);
++      bot.name
++    ));
++  });
 +  return (0, import_react9.createElement)("div", { className: "bt-event" }, parts);
- }
--function GroupMessage({ bot, text, room: room2, roster, actions, msgKey, useUi }) {
--  const lead = (0, import_react6.createElement)(
++}
 +var heldForm = (text2) => String(text2 ?? "").replace(/\s+/g, " ").trim().replace(/^(to (the )?face[ -]?room|to the room)\s*:\s*/i, "").trim();
 +var sameName = (a, b) => String(a ?? "").replace(/\s+/g, " ").trim().toLowerCase() === String(b ?? "").replace(/\s+/g, " ").trim().toLowerCase();
 +function isHeldLine(room2, text2, bot) {
@@ -5226,20 +7239,53 @@ diff --git a/client.js b/client.js
 +  const held = heldLineState(room2, { seq, botId: bot.id, text: text2 });
 +  if (held === "rejected") {
 +    return (0, import_react9.createElement)(
-+      "div",
+       "div",
+-      { className: "bt-q-foot" },
+-      (0, import_react4.createElement)("button", { type: "button", className: "bt-q-btn", onClick: onDismiss }, t("Skip")),
+-      (0, import_react4.createElement)("button", { type: "submit", className: "bt-q-submit", disabled: !canSubmit }, t("Submit"))
 +      { className: "bt-event bt-not-sent", "data-flybot": "held-not-sent", role: "status" },
 +      (0, import_react9.createElement)(BotMark, { bot, size: 16 }),
 +      (0, import_react9.createElement)("span", null, t("{name} · Not sent", { name: bot.name }))
-+    );
-+  }
+     );
+-  } else if ((raised || multi) && canSubmit) {
+-    foot = (0, import_react4.createElement)("div", { className: "bt-q-foot" }, (0, import_react4.createElement)("button", { type: "submit", className: "bt-q-submit" }, t("Submit")));
+   }
+-  return (0, import_react4.createElement)(
+-    "form",
+-    {
+-      className: raised ? "bt-q bt-q-raised" : "bt-q",
+-      "aria-labelledby": titleId,
+-      onSubmit: (event) => {
+-        event.preventDefault();
+-        submit();
+-      }
+-    },
+-    (0, import_react4.createElement)(
+-      "div",
+-      { className: "bt-q-head" },
+-      (0, import_react4.createElement)(
+-        "div",
+-        { className: "bt-q-text" },
+-        (0, import_react4.createElement)("p", { className: "bt-q-title", id: titleId }, question.header ? `${question.header} · ` : "", question.question),
+-        question.detail ? (0, import_react4.createElement)("div", { className: "bt-q-detail" }, question.detail) : null,
+-        raised && multi ? (0, import_react4.createElement)("div", { className: "bt-q-detail" }, t("Choose all that apply")) : null
+-      ),
+-      (0, import_react4.createElement)("button", { type: "button", className: "bt-q-x", "aria-label": t("Dismiss question"), title: t("Dismiss"), onClick: onDismiss }, (0, import_react4.createElement)(CloseIcon))
+-    ),
+-    rows.length > 0 ? (0, import_react4.createElement)("div", { className: "bt-q-list", role: "group" }, rows) : null,
+-    field && !raised ? (0, import_react4.createElement)(
+-      "div",
+-      { className: "bt-q-custom" },
+-      (0, import_react4.createElement)("label", { className: "bt-q-field" }, field),
+-      !multi && canSubmit ? (0, import_react4.createElement)("button", { type: "submit", className: "bt-q-submit" }, t("Submit")) : null
+-    ) : null,
+-    foot
 +  if (held === "held" || isHeldLine(room2, text2, bot)) return null;
 +  const lead = (0, import_react9.createElement)(
-     "button",
-     { type: "button", className: "bt-lead", "aria-label": t("Open {name}'s chat", { name: bot.name }), onClick: () => actions.openSession(bot.id) },
--    (0, import_react6.createElement)(BotMark, { bot, size: 22 })
++    "button",
++    { type: "button", className: "bt-lead", "aria-label": t("Open {name}'s chat", { name: bot.name }), onClick: () => actions.openSession(bot.id) },
 +    (0, import_react9.createElement)(BotMark, { bot, size: 22 })
-   );
--  return (0, import_react6.createElement)(
++  );
 +  const name = (0, import_react9.createElement)(
 +    "span",
 +    { className: "bt-group-name", style: { color: inkText(colorOf(bot)) } },
@@ -5247,13 +7293,18 @@ diff --git a/client.js b/client.js
 +    room2?.admin === bot.id ? (0, import_react9.createElement)("span", { className: "bt-group-role" }, t("Admin")) : null
 +  );
 +  return (0, import_react9.createElement)(
-     "div",
-     { className: "bt-group-msg" },
--    (0, import_react6.createElement)(
++    "div",
++    { className: "bt-group-msg" },
 +    name,
 +    (0, import_react9.createElement)(Bubbles, { texts: [text2], roster, selfId: bot.id, actions, sessionId: room2?.id, msgKey, useUi, lead })
-+  );
-+}
+   );
+ }
+-function SettledQuestion({ question, answer }) {
+-  const options = optionsOf(question);
+-  const prompt = question?.question ?? "";
+-  const chosen = [...answer.selected ?? [], ...answer.custom ? [answer.custom] : []];
+-  if (chosen.length === 0) {
+-    return (0, import_react4.createElement)(
 +function remoteSpeaker(source, roster, sessionId) {
 +  const handle = source.remote.handle;
 +  const member = (roster.remoteBots ?? []).find((bot2) => bot2.handle === handle);
@@ -5294,7 +7345,14 @@ diff --git a/client.js b/client.js
 +  const person = typeof source.remote.typedBy === "string" ? source.remote.typedBy : "";
 +  if (person) {
 +    return (0, import_react9.createElement)(
-+      "div",
+       "div",
+-      { className: "bt-q bt-q-settled bt-q-dismissed", role: "group", "aria-label": prompt },
+-      (0, import_react4.createElement)(
+-        "div",
+-        { className: "bt-q-head" },
+-        (0, import_react4.createElement)("div", { className: "bt-q-text" }, (0, import_react4.createElement)("p", { className: "bt-q-title" }, prompt)),
+-        (0, import_react4.createElement)("span", { className: "bt-q-badge" }, t("Dismissed"))
+-      )
 +      { className: "bt-group-msg bt-person-msg bt-remote-msg", "data-person": person, "data-remote": handle },
 +      // One short header: the person, and the Bot that carried the line only when it is known (#275).
 +      (0, import_react9.createElement)(
@@ -5305,41 +7363,156 @@ diff --git a/client.js b/client.js
 +      ),
 +      (0, import_react9.createElement)(Bubbles, { texts: [stripTrace(text2)], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead: (0, import_react9.createElement)("span", { className: "bt-lead", title: person }, (0, import_react9.createElement)(PersonMark, { name: person })) }),
 +      files.length ? (0, import_react9.createElement)(RemoteFiles, { files, plugin: member?.plugin ?? "social", botId: roster.byId[sessionId]?.id ?? sessionId }) : null
-+    );
-+  }
+     );
+   }
+-  return (0, import_react4.createElement)(
 +  const mark = (0, import_react9.createElement)(BotMark, { bot, size: 22 });
 +  const lead = chatId ? (0, import_react9.createElement)("button", { type: "button", className: "bt-lead", title: handle, "aria-label": t("Open {name}'s chat", { name }), onClick: () => actions.openSession(chatId) }, mark) : (0, import_react9.createElement)("span", { className: "bt-lead", title: handle }, mark);
 +  return (0, import_react9.createElement)(
-+    "div",
+     "div",
+-    { className: "bt-q bt-q-settled", role: "group", "aria-label": prompt },
+-    prompt ? (0, import_react4.createElement)("div", { className: "bt-q-head" }, (0, import_react4.createElement)("div", { className: "bt-q-text" }, (0, import_react4.createElement)("p", { className: "bt-q-title" }, prompt))) : null,
+-    (0, import_react4.createElement)("div", { className: "bt-q-list", role: "group", "aria-label": t("Your answer") }, chosen.map((label, index) => {
+-      const optionIndex = options.findIndex((option) => option.label === label);
+-      return (0, import_react4.createElement)(
+-        "div",
+-        { key: `${label}-${index}`, className: "bt-q-opt" },
+-        optionIndex >= 0 ? (0, import_react4.createElement)("span", { className: "bt-key", "aria-hidden": true }, keyLetter(optionIndex)) : null,
+-        (0, import_react4.createElement)("span", { className: "bt-q-body" }, (0, import_react4.createElement)("span", { className: "bt-q-label" }, label)),
+-        (0, import_react4.createElement)("span", { className: "bt-q-check", title: t("Selected") }, (0, import_react4.createElement)(CheckIcon))
+-      );
+-    }))
 +    { className: "bt-group-msg bt-remote-msg", "data-remote": handle },
 +    // A face room's header is the one name alone; the handle is on hover only (#457).
 +    face ? (0, import_react9.createElement)("span", { className: "bt-group-name", style: { color: inkText(colorOf(bot)) }, title: handle }, name) : (0, import_react9.createElement)(
-       "span",
-       { className: "bt-group-name", style: { color: inkText(colorOf(bot)) } },
--      bot.name,
--      room2?.admin === bot.id ? (0, import_react6.createElement)("span", { className: "bt-group-role" }, t("Admin")) : null
++      "span",
++      { className: "bt-group-name", style: { color: inkText(colorOf(bot)) } },
 +      name,
 +      (0, import_react9.createElement)("span", { className: "bt-remote-handle", title: source.remote.home ?? handle, "aria-label": t("Friend's Bot") }, (0, import_react9.createElement)(GlobeMark), handle)
-     ),
--    (0, import_react6.createElement)(Bubbles, { texts: [text], roster, selfId: bot.id, actions, sessionId: room2?.id, msgKey, useUi, lead })
++    ),
 +    (0, import_react9.createElement)(Bubbles, { texts: [stripTrace(text2)], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead }),
 +    files.length ? (0, import_react9.createElement)(RemoteFiles, { files, plugin: member?.plugin ?? "social", botId: roster.byId[sessionId]?.id ?? sessionId }) : null
-+  );
-+}
+   );
+ }
+-function QuestionCard({ matched }) {
+-  const pending = matched;
+-  const questions = pending.questions ?? [];
+-  const [index, setIndex] = (0, import_react4.useState)(0);
+-  const [answers, setAnswers] = (0, import_react4.useState)([]);
+-  const question = questions[index];
+-  if (question === void 0) return null;
+-  const onAnswer = (answer) => {
+-    const next = [...answers, { id: question.id, ...answer }];
+-    if (index + 1 < questions.length) {
+-      setAnswers(next);
+-      setIndex(index + 1);
+-      return;
+-    }
+-    pending.answer({ answers: next });
+-  };
+-  return (0, import_react4.createElement)(QuestionView, { key: index, question, onAnswer, onDismiss: () => pending.dismiss(), ownAnswer: true, raised: true });
 +function FirstContact({ source, roster, sessionId }) {
 +  const person = typeof source.remote.typedBy === "string" ? source.remote.typedBy : "";
 +  const who = person || remoteSpeaker(source, roster).name;
 +  const bot = roster.byId[sessionId]?.name ?? t("your Bot");
 +  return (0, import_react9.createElement)("div", { className: "bt-event", "data-first-contact": source.remote.handle }, (0, import_react9.createElement)("span", null, t("{name} is talking to {bot} through Bot Social", { name: who, bot })));
-+}
+ }
+-function PendingQuestion({ sessionId, question, actions, inline }) {
+-  const [answered, setAnswered] = (0, import_react4.useState)(null);
+-  if (answered === question.id) return null;
+-  const onAnswer = (answer) => {
+-    setAnswered(question.id);
+-    void actions.answerQuestion(sessionId, question.id, { selected: answer.selected ?? [], custom: answer.custom ?? "" }).catch(() => setAnswered(null));
+-  };
+-  const onDismiss = () => {
+-    setAnswered(question.id);
+-    void actions.dismissQuestion(sessionId);
+-  };
+-  return (0, import_react4.createElement)(
+-    "div",
+-    { className: inline ? "bt-q-inline" : "bt-q-dock" },
+-    (0, import_react4.createElement)(QuestionView, { key: question.id, question, onAnswer, onDismiss, ownAnswer: question.allowCustom === true, raised: !inline })
 +function GlobeMark() {
 +  return (0, import_react9.createElement)(
 +    "svg",
 +    { width: 10, height: 10, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", "aria-hidden": true },
 +    (0, import_react9.createElement)("circle", { cx: 12, cy: 12, r: 9 }),
 +    (0, import_react9.createElement)("path", { d: "M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18" })
-+  );
-+}
+   );
+ }
+-function QuestionDock({ sessionId, useRoster, useCards, useSession, actions }) {
+-  const question = useRoster((value) => value.questions?.[sessionId]);
+-  const drawn = useCards?.((state) => state[sessionId]?.[question?.callId] > 0) === true;
+-  const loading = useSession?.(historyLoading) === true;
+-  if (question === void 0 || question.callId && (drawn || loading)) return null;
+-  return (0, import_react4.createElement)(PendingQuestion, { sessionId, question, actions, inline: false });
+-}
+-function AnsweredCell({ node }) {
+-  const data = node.data ?? {};
+-  const questions = Array.isArray(data.questions) ? data.questions : [];
+-  if (questions.length === 0) {
+-    return data.text ? (0, import_react4.createElement)("div", { className: "bt-urow" }, (0, import_react4.createElement)("div", { className: "bt-ububble" }, data.text)) : null;
+-  }
+-  const answers = Array.isArray(data.answers) ? data.answers : [];
+-  return (0, import_react4.createElement)("div", { className: "bt-q-inline" }, questions.map((question) => (0, import_react4.createElement)(SettledQuestion, {
+-    key: question.id,
+-    question,
+-    answer: answers.find((answer) => answer.id === question.id) ?? { selected: [] }
+-  })));
+-}
+-
+-// src/client/secret-card.js
+-var import_react5 = require("react");
+-var MIN_VALUE = 4;
+-var NONE = {};
+-var KeyIcon = () => (0, import_react5.createElement)(
+-  "svg",
+-  { width: 15, height: 15, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
+-  (0, import_react5.createElement)("path", { d: "M7 9.5a3.5 3.5 0 1 1 0 .01z" }),
+-  (0, import_react5.createElement)("path", { d: "M10.4 10.6L17 10.6M14.5 10.6v2.4M16.6 10.6v1.8" })
+-);
+-var LockIcon = () => (0, import_react5.createElement)(
+-  "svg",
+-  { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
+-  (0, import_react5.createElement)("path", { d: "M6.5 9V7a3.5 3.5 0 0 1 7 0v2" }),
+-  (0, import_react5.createElement)("rect", { x: 4.5, y: 9, width: 11, height: 8, rx: 2 })
+-);
+-var WarnIcon = () => (0, import_react5.createElement)(
+-  "svg",
+-  { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
+-  (0, import_react5.createElement)("path", { d: "M10 3.5l7 12.5H3z" }),
+-  (0, import_react5.createElement)("path", { d: "M10 8.5v3.5M10 14.2h.01" })
+-);
+-var MASK_BY_CSS = typeof CSS !== "undefined" && typeof CSS.supports === "function" && CSS.supports("-webkit-text-security", "disc");
+-var insecure = () => typeof location !== "undefined" && location.protocol === "http:" && !/^(localhost|127(?:\.\d{1,3}){3}|\[::1\])$/.test(location.hostname);
+-var scopeLabel = (scope, roster) => {
+-  if (scope === "all") return t("All Bots");
+-  const names = (scope ?? []).map((id) => roster.byId[id]?.name).filter(Boolean);
+-  return names.length === 0 ? t("No Bot") : names.join(t(" and "));
+-};
+-var when = (time) => Number.isFinite(time) ? new Date(time).toLocaleString(dateLocale(), { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "";
+-function MaskedInput({ value, onChange, onEnter, label, autoFocus = false }) {
+-  return (0, import_react5.createElement)("input", {
+-    className: "bt-secret-input",
+-    type: MASK_BY_CSS ? "text" : "password",
+-    "data-masked": MASK_BY_CSS ? "" : void 0,
+-    value,
+-    autoFocus,
+-    autoComplete: MASK_BY_CSS ? "off" : "new-password",
+-    autoCorrect: "off",
+-    autoCapitalize: "off",
+-    spellCheck: false,
+-    "data-1p-ignore": "",
+-    "data-lpignore": "true",
+-    "data-bwignore": "",
+-    "data-form-type": "other",
+-    "aria-label": label,
+-    placeholder: t("Paste or type the key"),
+-    onChange: (event) => onChange(event.target.value),
+-    onKeyDown: (event) => {
+-      if (event.key !== "Enter" || event.nativeEvent.isComposing) return;
+-      event.preventDefault();
+-      onEnter?.();
 +function RemoteFiles({ files, plugin, botId }) {
 +  const [busy, setBusy] = (0, import_react9.useState)("");
 +  const [error, setError] = (0, import_react9.useState)("");
@@ -5358,7 +7531,8 @@ diff --git a/client.js b/client.js
 +      setError(String(reason?.message ?? reason));
 +    } finally {
 +      setBusy("");
-+    }
+     }
+-  });
 +  };
 +  return (0, import_react9.createElement)(
 +    "div",
@@ -5369,231 +7543,347 @@ diff --git a/client.js b/client.js
 +      `📎 ${file.name} · ${fileSize(file.size)}`
 +    )),
 +    error ? (0, import_react9.createElement)("span", { className: "bt-file-error", role: "alert" }, error) : null
-   );
++  );
  }
- function GroupEvent({ prefix, room: room2, name, roster, actions }) {
--  return (0, import_react6.createElement)(
+-function ScopeSwitch({ value, onChange, bot }) {
+-  const options = [["all", t("All Bots")], ["bot", t("Only {name}", { name: bot.name })]];
+-  return (0, import_react5.createElement)(
++function GroupEvent({ prefix, room: room2, name, roster, actions }) {
 +  return (0, import_react9.createElement)(
      "div",
-     { className: "bt-event" },
--    (0, import_react6.createElement)("span", null, prefix),
--    room2 ? (0, import_react6.createElement)("button", { type: "button", onClick: () => actions.openSession(room2.id) }, (0, import_react6.createElement)(RoomAvatar, { room: room2, roster, size: 16 }), room2.name) : name ? (0, import_react6.createElement)("span", null, name) : null
+-    { className: "bt-secret-scope", role: "radiogroup", "aria-label": t("Who may use it") },
+-    (0, import_react5.createElement)("span", { className: "bt-secret-glide", "data-at": value === "all" ? 0 : 1, "aria-hidden": true }),
+-    options.map(([id, text]) => (0, import_react5.createElement)("button", {
+-      key: id,
+-      type: "button",
+-      role: "radio",
+-      "aria-checked": value === id,
+-      className: "bt-secret-seg",
+-      onClick: () => onChange(id)
+-    }, text))
++    { className: "bt-event" },
 +    (0, import_react9.createElement)("span", null, prefix),
 +    room2 ? (0, import_react9.createElement)("button", { type: "button", onClick: () => actions.openSession(room2.id) }, (0, import_react9.createElement)(RoomAvatar, { room: room2, roster, size: 16 }), room2.name) : name ? (0, import_react9.createElement)("span", null, name) : null
    );
  }
- function MemoryEvent({ sessionId, scope, result, roster, actions, findBot }) {
-@@ -4005,14 +4005,14 @@
-   const target = other && other.id !== self?.id ? other : self;
-   if (!target) return null;
-   const label = team ? t("Team memory updated") : target === self ? t("Memory updated") : t("Updated {name}'s memory", { name: target.name });
--  return (0, import_react6.createElement)(
+-function SecretHead({ bot, title, detail, name, onClose }) {
+-  return (0, import_react5.createElement)(
++function MemoryEvent({ sessionId, scope, result, roster, actions, findBot }) {
++  if (!/^(Saved to|Updated in|Removed from) /.test(result)) return null;
++  const self = roster.byId[sessionId];
++  const team = /^(team|团队|共享)$/i.test(String(scope ?? "").trim());
++  const other = team || !scope ? void 0 : findBot(scope);
++  const target = other && other.id !== self?.id ? other : self;
++  if (!target) return null;
++  const label = team ? t("Team memory updated") : target === self ? t("Memory updated") : t("Updated {name}'s memory", { name: target.name });
 +  return (0, import_react9.createElement)(
      "div",
-     { className: "bt-event" },
--    (0, import_react6.createElement)("button", { type: "button", title: result, onClick: () => actions.openMemory(target.id) }, (0, import_react6.createElement)(MemoryIcon), label)
+-    { className: "bt-q-head bt-secret-head" },
+-    (0, import_react5.createElement)("span", { className: "bt-secret-who" }, (0, import_react5.createElement)(BotMark, { bot, size: 28 }), (0, import_react5.createElement)("span", { className: "bt-secret-lock" }, (0, import_react5.createElement)(LockIcon))),
+-    (0, import_react5.createElement)(
+-      "div",
+-      { className: "bt-q-text" },
+-      (0, import_react5.createElement)("p", { className: "bt-q-title" }, title),
+-      (0, import_react5.createElement)("div", { className: "bt-q-detail" }, (0, import_react5.createElement)("code", { className: "bt-secret-name" }, name), detail ? ` · ${detail}` : "")
+-    ),
+-    onClose ? (0, import_react5.createElement)("button", { type: "button", className: "bt-q-x", "aria-label": t("Cancel the request"), title: t("Cancel"), onClick: onClose }, (0, import_react5.createElement)(CloseIcon)) : null
++    { className: "bt-event" },
 +    (0, import_react9.createElement)("button", { type: "button", title: result, onClick: () => actions.openMemory(target.id) }, (0, import_react9.createElement)(MemoryIcon), label)
    );
  }
- function PartLine({ time }) {
--  return (0, import_react6.createElement)("div", { className: "bt-part-line", role: "separator" }, Number.isFinite(time) ? (0, import_react6.createElement)("span", null, dayLabel(time)) : null);
+-function SecretCard({ bot, request, roster, actions }) {
+-  const [value, setValue] = (0, import_react5.useState)("");
+-  const [scope, setScope] = (0, import_react5.useState)("all");
+-  const [replacing, setReplacing] = (0, import_react5.useState)(false);
+-  const [busy, setBusy] = (0, import_react5.useState)(false);
+-  const [error, setError] = (0, import_react5.useState)("");
+-  const noteId = (0, import_react5.useId)();
+-  const secret = (roster.secrets ?? []).find((entry) => entry.name === request.name);
+-  const run = (promise) => {
+-    setBusy(true);
+-    setError("");
+-    return Promise.resolve(promise).then(() => setValue(""), (failure) => setError(failure?.message ?? String(failure))).finally(() => setBusy(false));
+-  };
+-  const cancel = () => run(actions.secretCancel(request.id));
+-  const long = value.trim().length >= MIN_VALUE;
+-  const save = () => {
+-    if (long && !busy) void run(actions.secretSet({ requestId: request.id, value, scope }));
+-  };
+-  const allow = () => {
+-    if (!busy) void run(actions.secretAllow(request.id));
++function PartLine({ time }) {
 +  return (0, import_react9.createElement)("div", { className: "bt-part-line", role: "separator" }, Number.isFinite(time) ? (0, import_react9.createElement)("span", null, dayLabel(time)) : null);
- }
- var scrollParent = (node) => {
-   for (let at = node.parentElement; at; at = at.parentElement) {
-@@ -4021,11 +4021,11 @@
-   return null;
- };
- function EarlierParts({ sessionId, roster, actions }) {
--  const [view, setView] = (0, import_react6.useState)({ items: [], cursor: void 0, loading: true, failed: false, startedAt: null });
--  const top = (0, import_react6.useRef)(null);
--  const busy = (0, import_react6.useRef)(false);
--  const alive = (0, import_react6.useRef)(true);
--  const restore = (0, import_react6.useRef)(null);
++}
++var scrollParent = (node) => {
++  for (let at = node.parentElement; at; at = at.parentElement) {
++    if (/(auto|scroll)/.test(getComputedStyle(at).overflowY)) return at;
++  }
++  return null;
++};
++function EarlierParts({ sessionId, roster, actions }) {
 +  const [view, setView] = (0, import_react9.useState)({ items: [], cursor: void 0, loading: true, failed: false, startedAt: null });
 +  const top = (0, import_react9.useRef)(null);
 +  const busy = (0, import_react9.useRef)(false);
 +  const alive = (0, import_react9.useRef)(true);
 +  const restore = (0, import_react9.useRef)(null);
-   const load = (cursor) => {
-     if (busy.current) return;
-     busy.current = true;
-@@ -4041,19 +4041,19 @@
-       if (alive.current) setView((current) => ({ ...current, loading: false, failed: true }));
-     });
++  const load = (cursor) => {
++    if (busy.current) return;
++    busy.current = true;
++    setView((current) => ({ ...current, loading: true, failed: false }));
++    actions.earlier(sessionId, cursor).then((page) => {
++      busy.current = false;
++      if (!alive.current) return;
++      const scroller = top.current && scrollParent(top.current);
++      if (scroller) restore.current = { scroller, fromEnd: scroller.scrollHeight - scroller.scrollTop };
++      setView((current) => ({ items: [...page.items, ...current.items], cursor: page.cursor, loading: false, failed: false, startedAt: page.startedAt ?? current.startedAt }));
++    }, () => {
++      busy.current = false;
++      if (alive.current) setView((current) => ({ ...current, loading: false, failed: true }));
++    });
    };
--  (0, import_react6.useEffect)(() => {
+-  const filling = request.kind === "fill" || replacing;
+-  const warn = insecure() ? (0, import_react5.createElement)("div", { className: "bt-secret-warn", role: "note" }, (0, import_react5.createElement)(WarnIcon), t("This page is not on HTTPS: the key crosses the network unencrypted.")) : null;
+-  return (0, import_react5.createElement)(
 +  (0, import_react9.useEffect)(() => {
-     alive.current = true;
-     load(void 0);
-     return () => {
-       alive.current = false;
-     };
-   }, [sessionId]);
--  (0, import_react6.useLayoutEffect)(() => {
++    alive.current = true;
++    load(void 0);
++    return () => {
++      alive.current = false;
++    };
++  }, [sessionId]);
 +  (0, import_react9.useLayoutEffect)(() => {
-     const pending = restore.current;
-     restore.current = null;
-     if (pending) pending.scroller.scrollTop = pending.scroller.scrollHeight - pending.fromEnd;
-   }, [view.items]);
--  (0, import_react6.useEffect)(() => {
++    const pending = restore.current;
++    restore.current = null;
++    if (pending) pending.scroller.scrollTop = pending.scroller.scrollHeight - pending.fromEnd;
++  }, [view.items]);
 +  (0, import_react9.useEffect)(() => {
-     const node = top.current;
-     if (!node || view.loading || view.failed || !view.cursor || typeof IntersectionObserver !== "function") return void 0;
-     const observer = new IntersectionObserver((entries2) => {
-@@ -4069,35 +4069,35 @@
-     if (item.kind === "bot" && last?.kind === "bot") last.texts.push(item.text);
-     else rows.push(item.kind === "bot" ? { kind: "bot", texts: [item.text] } : item);
-   }
--  return (0, import_react6.createElement)(
++    const node = top.current;
++    if (!node || view.loading || view.failed || !view.cursor || typeof IntersectionObserver !== "function") return void 0;
++    const observer = new IntersectionObserver((entries2) => {
++      if (entries2.some((entry) => entry.isIntersecting)) load(view.cursor);
++    }, { root: scrollParent(node), rootMargin: "600px 0px 0px 0px" });
++    observer.observe(node);
++    return () => observer.disconnect();
++  }, [view.cursor, view.loading, view.failed]);
++  const selfId = roster.byId[sessionId]?.id;
++  const rows = [];
++  for (const item of view.items) {
++    const last = rows.at(-1);
++    if (item.kind === "bot" && last?.kind === "bot") last.texts.push(item.text);
++    else rows.push(item.kind === "bot" ? { kind: "bot", texts: [item.text] } : item);
++  }
 +  return (0, import_react9.createElement)(
      "div",
-     { className: "bt-earlier", role: "feed", "aria-label": t("Earlier messages"), "aria-busy": view.loading },
--    (0, import_react6.createElement)(
+-    { className: "bt-q bt-secret", role: "group", "aria-describedby": noteId, "data-kind": request.kind },
+-    (0, import_react5.createElement)(SecretHead, {
+-      bot,
+-      title: request.kind === "allow" ? t("Let {bot} use {name}?", { bot: bot.name, name: request.name }) : t("{name} needs a key", { name: bot.name }),
+-      detail: request.purpose,
+-      name: request.name,
+-      onClose: busy ? void 0 : cancel
+-    }),
+-    request.kind === "allow" ? (0, import_react5.createElement)("div", { className: "bt-secret-saved" }, (0, import_react5.createElement)(KeyIcon), t("Saved for {scope}", { scope: scopeLabel(secret?.scope, roster) })) : null,
+-    filling ? (0, import_react5.createElement)(
+-      "div",
+-      { className: "bt-secret-body" },
+-      (0, import_react5.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react5.createElement)(MaskedInput, { value, onChange: setValue, onEnter: save, label: t("Value of {name}", { name: request.name }), autoFocus: replacing })),
+-      request.kind === "fill" ? (0, import_react5.createElement)(ScopeSwitch, { value: scope, onChange: setScope, bot }) : null
+-    ) : null,
+-    (0, import_react5.createElement)(
++    { className: "bt-earlier", role: "feed", "aria-label": t("Earlier messages"), "aria-busy": view.loading },
 +    (0, import_react9.createElement)(
        "div",
-       { ref: top, className: "bt-earlier-top" },
--      view.loading ? (0, import_react6.createElement)(Shimmer, null, t("Loading earlier messages…")) : view.failed ? (0, import_react6.createElement)("button", { type: "button", className: "bt-soft", onClick: () => load(view.cursor) }, t("Couldn’t load earlier messages · Retry")) : view.cursor ? (0, import_react6.createElement)("button", { type: "button", className: "bt-soft", onClick: () => load(view.cursor) }, t("Load earlier")) : null
+-      { className: "bt-secret-note", id: noteId },
+-      t("{bot} never sees the value. It reaches {bot}'s shell as ", { bot: bot.name }),
+-      (0, import_react5.createElement)("code", null, `$DSH_SECRET_${request.name}`),
+-      ".",
+-      filling && value !== "" && !long ? t(" At least {count} characters.", { count: MIN_VALUE }) : ""
++      { ref: top, className: "bt-earlier-top" },
 +      view.loading ? (0, import_react9.createElement)(Shimmer, null, t("Loading earlier messages…")) : view.failed ? (0, import_react9.createElement)("button", { type: "button", className: "bt-soft", onClick: () => load(view.cursor) }, t("Couldn’t load earlier messages · Retry")) : view.cursor ? (0, import_react9.createElement)("button", { type: "button", className: "bt-soft", onClick: () => load(view.cursor) }, t("Load earlier")) : null
      ),
-     rows.map((row, index) => {
-       const key = rows.length - index;
-       switch (row.kind) {
-         case "divider":
--          return (0, import_react6.createElement)(PartLine, { key, time: row.time });
+-    warn,
+-    error ? (0, import_react5.createElement)("div", { className: "bt-secret-error", role: "alert" }, error) : null,
+-    (0, import_react5.createElement)(
+-      "div",
+-      { className: "bt-q-foot" },
+-      request.kind === "allow" && !replacing ? (0, import_react5.createElement)("button", { type: "button", className: "bt-q-btn", disabled: busy, onClick: () => setReplacing(true) }, t("Replace value")) : null,
+-      (0, import_react5.createElement)("button", { type: "button", className: "bt-q-btn", disabled: busy, onClick: cancel }, t("Cancel")),
+-      filling ? (0, import_react5.createElement)("button", { type: "button", className: "bt-q-submit", disabled: !long || busy, onClick: save }, busy ? t("Saving…") : t("Save")) : (0, import_react5.createElement)("button", { type: "button", className: "bt-q-submit", disabled: busy, onClick: allow }, busy ? t("Allowing…") : t("Allow"))
+-    )
++    rows.map((row, index) => {
++      const key = rows.length - index;
++      switch (row.kind) {
++        case "divider":
 +          return (0, import_react9.createElement)(PartLine, { key, time: row.time });
-         case "user":
--          return (0, import_react6.createElement)("div", { key, className: "bt-urow" }, (0, import_react6.createElement)(
++        case "user":
 +          return (0, import_react9.createElement)("div", { key, className: "bt-urow" }, (0, import_react9.createElement)(
-             "div",
-             { className: "bt-ububble" },
--            row.text ? (0, import_react6.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: row.text, labels: mdLabels(), variant: "compact" }) : null,
--            row.images ? (0, import_react6.createElement)("span", { className: "bt-uimages" }, row.images === 1 ? t("1 image") : t("{count} images", { count: row.images })) : null
++            "div",
++            { className: "bt-ububble" },
 +            row.text ? (0, import_react9.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: row.text, labels: mdLabels(), variant: "compact" }) : null,
 +            row.images ? (0, import_react9.createElement)("span", { className: "bt-uimages" }, row.images === 1 ? t("1 image") : t("{count} images", { count: row.images })) : null
-           ));
-         case "answer":
--          return (0, import_react6.createElement)(AnsweredCell, { key, node: { data: row } });
++          ));
++        case "answer":
 +          return (0, import_react9.createElement)(AnsweredCell, { key, node: { data: row } });
-         case "bot":
--          return (0, import_react6.createElement)(Bubbles, { key, texts: row.texts, roster, selfId, actions });
++        case "bot":
 +          return (0, import_react9.createElement)(Bubbles, { key, texts: row.texts, roster, selfId, actions });
-         case "event": {
--          if (row.role === "report") return (0, import_react6.createElement)(GroupEvent, { key, prefix: t("Replies from"), room: roster.roomsById[row.roomId], name: t("a group chat"), roster, actions });
++        case "event": {
 +          if (row.role === "report") return (0, import_react9.createElement)(GroupEvent, { key, prefix: t("Replies from"), room: roster.roomsById[row.roomId], name: t("a group chat"), roster, actions });
-           const other = roster.byId[row.botId] ?? { id: row.botId, name: row.name ?? t("a Bot"), color: "gray" };
-           const prefix = { stopped: t("Stopped by"), reply: t("Reply from") }[row.role] ?? t("Message from");
--          return (0, import_react6.createElement)(EventLine, { key, prefix, bots: [other], onOpen: () => {
++          const other = roster.byId[row.botId] ?? { id: row.botId, name: row.name ?? t("a Bot"), color: "gray" };
++          const prefix = { stopped: t("Stopped by"), reply: t("Reply from") }[row.role] ?? t("Message from");
 +          return (0, import_react9.createElement)(EventLine, { key, prefix, bots: [other], onOpen: () => {
-             if (selfId && other.id) actions.openExchange(selfId, other.id);
-           }, whole: true });
-         }
-@@ -4105,7 +4105,7 @@
-           return null;
-       }
-     }),
--    (0, import_react6.createElement)(PartLine, { time: view.startedAt })
++            if (selfId && other.id) actions.openExchange(selfId, other.id);
++          }, whole: true });
++        }
++        default:
++          return null;
++      }
++    }),
 +    (0, import_react9.createElement)(PartLine, { time: view.startedAt })
    );
  }
- function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnClock, useUi, actions }) {
-@@ -4116,7 +4116,7 @@
-   const deferred = source.kind === "bot" && source.deferred === true;
-   const relayed = isRelayContext(data);
-   const turn = node.location?.turn?.turn ?? data.turn;
--  (0, import_react6.useLayoutEffect)(() => {
+-function SettledSecret({ bot, request, roster }) {
+-  const canceled = request.status === "canceled";
+-  const text = canceled ? t("{bot} asked for {name}", { bot: bot.name, name: request.name }) : request.status === "allowed" ? t("Allowed {bot} to use {name}", { bot: bot.name, name: request.name }) : t("Saved {name}", { name: request.name });
+-  return (0, import_react5.createElement)(
+-    "div",
+-    { className: "bt-q bt-q-settled bt-secret bt-secret-done", role: "group", "aria-label": text, "data-status": request.status },
+-    (0, import_react5.createElement)(
+-      "div",
+-      { className: "bt-q-head" },
+-      (0, import_react5.createElement)("span", { className: "bt-secret-who" }, (0, import_react5.createElement)(BotMark, { bot, size: 22 })),
+-      (0, import_react5.createElement)("div", { className: "bt-q-text" }, (0, import_react5.createElement)(
+-        "p",
+-        { className: "bt-q-title" },
+-        text,
+-        canceled ? null : (0, import_react5.createElement)("span", { className: "bt-secret-scope-tag" }, ` · ${scopeLabel(request.scope, roster)}`)
+-      )),
+-      canceled ? (0, import_react5.createElement)("span", { className: "bt-q-badge" }, t("Canceled")) : (0, import_react5.createElement)("span", { className: "bt-q-check bt-secret-check", title: t("Done") }, (0, import_react5.createElement)(CheckIcon))
+-    )
+-  );
++function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnClock, useUi, actions }) {
++  const roster = useRoster((value) => value);
++  const data = node.data;
++  const source = data.source !== null && typeof data.source === "object" ? data.source : {};
++  const selfId = roster.byId[sessionId]?.id ?? sessionId;
++  const deferred = source.kind === "bot" && source.deferred === true;
++  const relayed = isRelayContext(data);
++  const turn = node.location?.turn?.turn ?? data.turn;
 +  (0, import_react9.useLayoutEffect)(() => {
-     if (relayed) actions.noteTurnPeer(sessionId, turn, source.senderSessionId);
-   }, [relayed, sessionId, turn, source.senderSessionId]);
-   const order = useSessions((list) => {
-@@ -4135,23 +4135,31 @@
-     return first?.turn === turn && unseenSince(visit, first.start) ? clockLabel(first.start) : "";
-   });
-   const body = triggerBody();
--  return unreadOpening ? (0, import_react6.createElement)(import_react6.Fragment, null, (0, import_react6.createElement)("div", { className: "bt-open-new" }, (0, import_react6.createElement)(NewDivider), (0, import_react6.createElement)("div", { className: "bt-time-sep", role: "separator" }, unreadOpening)), body) : body;
++    if (relayed) actions.noteTurnPeer(sessionId, turn, source.senderSessionId);
++  }, [relayed, sessionId, turn, source.senderSessionId]);
++  const order = useSessions((list) => {
++    const outline = list.projectionsBySession?.[sessionId]?.values?.turnOutline ?? list.byId[sessionId]?.projectionValues?.turnOutline;
++    return Array.isArray(outline) ? outline.map((entry) => entry.turn).join(",") : "";
++  });
++  const peers = useTurnClock((state) => {
++    if (!relayed) return "";
++    const turns = state[sessionId] ?? {};
++    return Object.keys(turns).filter((key) => turns[key].peer !== void 0).map((key) => `${key}:${turns[key].peer}`).join(",");
++  });
++  const visit = useUi((state) => state.visits?.[sessionId]);
++  const hiddenTurns = roster.exchangeTurns[sessionId];
++  const unreadOpening = useTurnClock((state) => {
++    const first = openingTurn(state[sessionId], order, hiddenTurns);
++    return first?.turn === turn && unseenSince(visit, first.start) ? clockLabel(first.start) : "";
++  });
++  const body = triggerBody();
 +  return unreadOpening ? (0, import_react9.createElement)(import_react9.Fragment, null, (0, import_react9.createElement)("div", { className: "bt-open-new" }, (0, import_react9.createElement)(NewDivider), (0, import_react9.createElement)("div", { className: "bt-time-sep", role: "separator" }, unreadOpening)), body) : body;
-   function triggerBody() {
++  function triggerBody() {
 +    if (source.form === "remote-chat") return null;
 +    if (source.shown === true) return null;
 +    if (source.remote?.handle) {
 +      const message = (0, import_react9.createElement)(RemoteMessage, { source, text: remoteMessageText(stripHeader(contentText(data.content))), roster, actions, sessionId, msgKey: `${sessionId}:${data.turn}:remote`, useUi });
 +      return source.remote.firstContact === true ? (0, import_react9.createElement)(import_react9.Fragment, null, (0, import_react9.createElement)(FirstContact, { source, roster, sessionId }), message) : message;
 +    }
-     if (source.kind === "bot") {
--      if (source.handoff === true) return roster.roomsById[sessionId] ? null : (0, import_react6.createElement)(EarlierParts, { sessionId, roster, actions });
--      if (source.role === "kickoff" || source.role === "room") return null;
++    if (source.kind === "bot") {
 +      if (source.handoff === true) return roster.roomsById[sessionId] ? null : (0, import_react9.createElement)(EarlierParts, { sessionId, roster, actions });
 +      if (source.role === "room" || source.role === "kickoff") return null;
 +      if (source.role === "mention") return (0, import_react9.createElement)("div", { className: "bt-event" }, (0, import_react9.createElement)("span", null, contentText(data.content)));
-       if (source.role === "secret" || deferred) return null;
-       if (source.role === "post") {
-         if (source.failed !== void 0 || source.resumed === true || source.stopped === true) return null;
++      if (source.role === "secret" || deferred) return null;
++      if (source.role === "post") {
++        if (source.failed !== void 0 || source.resumed === true || source.stopped === true) return null;
 +        if (source.notice === true || source.senderSessionId === "face-notice") return null;
-         const room2 = roster.roomsById[sessionId];
-         const poster = roster.byId[source.senderSessionId] ?? { id: source.senderSessionId, name: source.senderName ?? t("a Bot"), color: "gray" };
--        return (0, import_react6.createElement)(GroupMessage, { bot: poster, text: stripHeader(contentText(data.content)), room: room2, roster, actions, msgKey: `${sessionId}:${data.turn}:post`, useUi });
++        const room2 = roster.roomsById[sessionId];
++        const poster = roster.byId[source.senderSessionId] ?? { id: source.senderSessionId, name: source.senderName ?? t("a Bot"), color: "gray" };
 +        return (0, import_react9.createElement)(GroupMessage, { bot: poster, text: stripHeader(contentText(data.content)), room: room2, roster, actions, msgKey: `${sessionId}:${data.turn}:post`, useUi });
-       }
-       if (source.role === "report") {
--        return (0, import_react6.createElement)(GroupEvent, { prefix: t("Replies from"), room: roster.roomsById[source.roomId], name: t("a group chat"), roster, actions });
++      }
++      if (source.role === "report") {
 +        return (0, import_react9.createElement)(GroupEvent, { prefix: t("Replies from"), room: roster.roomsById[source.roomId], name: t("a group chat"), roster, actions });
-       }
--      if (source.role === "resume" || source.resumed === true) return (0, import_react6.createElement)("div", { className: "bt-event" }, t("Picked up its work after a restart"));
--      if (source.role === "retry" || source.retried === true) return (0, import_react6.createElement)("div", { className: "bt-event" }, t("Asked to make the tool call it wrote as text"));
++      }
 +      if (source.role === "resume" || source.resumed === true) return (0, import_react9.createElement)("div", { className: "bt-event" }, t("Picked up its work after a restart"));
 +      if (source.role === "retry" || source.retried === true) return (0, import_react9.createElement)("div", { className: "bt-event" }, t("Asked to make the tool call it wrote as text"));
-       const run = relayed ? commRunOf(
-         order.split(",").filter(Boolean).map(Number),
-         Object.fromEntries(peers.split(",").filter(Boolean).map((pair) => [Number(pair.slice(0, pair.indexOf(":"))), pair.slice(pair.indexOf(":") + 1)])),
-@@ -4165,7 +4165,7 @@
-       for (const peer of (run?.peerIds ?? []).map((id) => roster.byId[id]).filter(Boolean)) {
-         if (!bots.some((bot) => bot.id === peer.id)) bots.push(peer);
-       }
--      return (0, import_react6.createElement)(EventLine, {
++      const run = relayed ? commRunOf(
++        order.split(",").filter(Boolean).map(Number),
++        Object.fromEntries(peers.split(",").filter(Boolean).map((pair) => [Number(pair.slice(0, pair.indexOf(":"))), pair.slice(pair.indexOf(":") + 1)])),
++        turn,
++        hiddenTurns
++      ) : null;
++      if (run === "folded") return null;
++      const sender = roster.byId[source.senderSessionId] ?? { id: source.senderSessionId, name: source.senderName ?? t("a Bot"), color: "gray" };
++      const count = run?.count ?? (isHiddenTurn(roster, sessionId, turn) ? 2 : 1);
++      const bots = [sender];
++      for (const peer of (run?.peerIds ?? []).map((id) => roster.byId[id]).filter(Boolean)) {
++        if (!bots.some((bot) => bot.id === peer.id)) bots.push(peer);
++      }
 +      return (0, import_react9.createElement)(EventLine, {
-         prefix: source.role === "stopped" ? t("Stopped by") : count > 1 ? t("{count} messages with", { count }) : t("Message from"),
-         bots,
-         onOpen: (bot) => actions.openExchange(selfId, bot.id),
-@@ -4174,24 +4174,24 @@
-     }
-     if (source.kind === "schedule") {
-       const prompts = reminderPrompts(contentText(data.content));
--      return (0, import_react6.createElement)("div", { className: "bt-event" }, prompts.length > 0 ? t("Scheduled task: {text}", { text: prompts.join(" · ").slice(0, 80) }) : t("Routine started"));
++        prefix: source.role === "stopped" ? t("Stopped by") : count > 1 ? t("{count} messages with", { count }) : t("Message from"),
++        bots,
++        onOpen: (bot) => actions.openExchange(selfId, bot.id),
++        whole: true
++      });
++    }
++    if (source.kind === "schedule") {
++      const prompts = reminderPrompts(contentText(data.content));
 +      return (0, import_react9.createElement)("div", { className: "bt-event" }, prompts.length > 0 ? t("Scheduled task: {text}", { text: prompts.join(" · ").slice(0, 80) }) : t("Routine started"));
-     }
-     if (source.kind === "user-question-reply") return null;
--    return (0, import_react6.createElement)("div", { className: "bt-event" }, contentText(data.content).slice(0, 80) || t("Update"));
++    }
++    if (source.kind === "user-question-reply") return null;
 +    return (0, import_react9.createElement)("div", { className: "bt-event" }, contentText(data.content).slice(0, 80) || t("Update"));
-   }
++  }
  }
- function NewDivider() {
--  return (0, import_react6.createElement)("div", { className: "bt-new-sep", role: "separator", "aria-label": t("New messages") }, (0, import_react6.createElement)("span", null, t("New")));
+-function RequestView({ bot, request, roster, actions }) {
+-  return request.status === "pending" ? (0, import_react5.createElement)(SecretCard, { key: `${request.id}:${request.kind}`, bot, request, roster, actions }) : (0, import_react5.createElement)(SettledSecret, { bot, request, roster });
++function NewDivider() {
 +  return (0, import_react9.createElement)("div", { className: "bt-new-sep", role: "separator", "aria-label": t("New messages") }, (0, import_react9.createElement)("span", null, t("New")));
  }
- function TurnProcessCell({ node, sessionId, turnProcess, useRoster, useUi, useTurnClock, actions }) {
-   const open = turnProcess === void 0 || !turnProcess.foldable || turnProcess.open;
--  (0, import_react6.useEffect)(() => {
+-function SecretToolCell({ sessionId, callId, name, done, content, roster, actions }) {
+-  const bot = roster.byId[sessionId];
+-  if (!bot) return null;
+-  const request = (roster.secretRequests?.[bot.id] ?? []).find((entry) => entry.callId === callId && (entry.sessionId ?? sessionId) === sessionId);
+-  if (request) return (0, import_react5.createElement)("div", { className: "bt-q-inline" }, (0, import_react5.createElement)(RequestView, { bot, request, roster, actions }));
+-  if (done && /already saved/.test(contentText(content))) {
+-    return (0, import_react5.createElement)("div", { className: "bt-event" }, (0, import_react5.createElement)("span", { className: "bt-secret-event" }, (0, import_react5.createElement)(KeyIcon), t("{bot} is using {name}", { bot: bot.name, name: name ?? t("a saved key") })));
+-  }
++function TurnProcessCell({ node, sessionId, turnProcess, useRoster, useUi, useTurnClock, actions }) {
++  const open = turnProcess === void 0 || !turnProcess.foldable || turnProcess.open;
 +  (0, import_react9.useEffect)(() => {
-     if (!open) turnProcess.setOpen(true);
-   }, [open, turnProcess]);
-   const turn = node?.location?.turn?.turn ?? node?.data?.turn;
-   const start = node?.location?.turn?.start?.time;
-   const hidden = useRoster((roster) => isHiddenTurn(roster, sessionId, turn));
--  (0, import_react6.useEffect)(() => {
++    if (!open) turnProcess.setOpen(true);
++  }, [open, turnProcess]);
++  const turn = node?.location?.turn?.turn ?? node?.data?.turn;
++  const start = node?.location?.turn?.start?.time;
++  const hidden = useRoster((roster) => isHiddenTurn(roster, sessionId, turn));
 +  (0, import_react9.useEffect)(() => {
-     actions.noteTurnTime(sessionId, turn, "first", start);
-   }, [sessionId, turn, start]);
-   const visit = useUi((state) => state.visits?.[sessionId]);
-@@ -4199,11 +4199,67 @@
-     const own = state[sessionId]?.[turn];
-     return !hidden && typeof visit?.seen === "number" && own?.first !== void 0 && own.first <= visit.seen && own.end !== void 0 && own.end > visit.seen && own.end <= visit.entered;
-   });
--  return fresh ? (0, import_react6.createElement)(NewDivider) : null;
++    actions.noteTurnTime(sessionId, turn, "first", start);
++  }, [sessionId, turn, start]);
++  const visit = useUi((state) => state.visits?.[sessionId]);
++  const fresh = useTurnClock((state) => {
++    const own = state[sessionId]?.[turn];
++    return !hidden && typeof visit?.seen === "number" && own?.first !== void 0 && own.first <= visit.seen && own.end !== void 0 && own.end > visit.seen && own.end <= visit.entered;
++  });
 +  return fresh ? (0, import_react9.createElement)(NewDivider) : null;
- }
- function Nothing() {
++}
++function Nothing() {
    return null;
  }
+-function SecretDock({ sessionId, useRoster, useCards, useSession, actions }) {
+-  const roster = useRoster((value) => value);
+-  const shown = useCards?.((state) => state[sessionId]) ?? NONE;
+-  const loading = useSession?.(historyLoading) === true;
+-  const bot = roster.byId[sessionId];
+-  if (!bot || currentPart(bot) !== sessionId) return null;
+-  const drawn = (entry) => entry.callId && entry.sessionId === sessionId && (loading || shown[entry.callId] > 0);
+-  const waiting = (roster.secretRequests?.[bot.id] ?? []).filter((entry) => entry.status === "pending" && !drawn(entry));
+-  if (waiting.length === 0) return null;
+-  return (0, import_react5.createElement)("div", { className: "bt-q-dock bt-secret-dock" }, waiting.map((request) => (0, import_react5.createElement)(SecretCard, { key: `${request.id}:${request.kind}`, bot, request, roster, actions })));
 +var HIDDEN_REMOVED_TOOLS = /* @__PURE__ */ new Set(["ask_user_question"]);
 +var isConnectorTool = (name) => typeof name === "string" && /^mcp__(github|composio)__/.test(name);
 +var SILENT_REGISTRATION_TOOLS = /* @__PURE__ */ new Set([
@@ -5650,13 +7940,67 @@ diff --git a/client.js b/client.js
 +  if (parts.length === 0) return null;
 +  return (0, import_react9.createElement)("div", { className: "bt-event" }, parts.join(" · "));
 +}
- var SEPARATOR_GAP_MS = 30 * 60 * 1e3;
- function clockLabel(time, now = Date.now()) {
-   const date = new Date(time);
-@@ -4233,10 +4233,19 @@
-   return listed.includes(turn) && earlier.every((entry) => hiddenTurns?.includes(entry)) ? { turn, start } : null;
++var SEPARATOR_GAP_MS = 30 * 60 * 1e3;
++function clockLabel(time, now = Date.now()) {
++  const date = new Date(time);
++  const midnight = (value) => new Date(value.getFullYear(), value.getMonth(), value.getDate()).getTime();
++  const days = Math.round((midnight(new Date(now)) - midnight(date)) / 864e5);
++  const clock4 = date.toLocaleTimeString(dateLocale(), { hour: "numeric", minute: "2-digit" });
++  if (days === 0) return t("Today {time}", { time: clock4 });
++  if (days === 1) return t("Yesterday {time}", { time: clock4 });
++  const sameYear = date.getFullYear() === new Date(now).getFullYear();
++  return `${date.toLocaleDateString(dateLocale(), { weekday: "short", month: "short", day: "numeric", ...sameYear ? {} : { year: "numeric" } })} ${clock4}`;
++}
++function nextTurnStart(turns, turn) {
++  let next;
++  for (const key in turns) {
++    const candidate = Number(key);
++    if (candidate > turn && turns[key].first !== void 0 && (next === void 0 || candidate < next)) next = candidate;
++  }
++  return next === void 0 ? void 0 : turns[next].first;
++}
++function openingTurn(turns, firstTurns, hiddenTurns) {
++  if (!turns || !firstTurns) return null;
++  const start = nextTurnStart(turns, -Infinity);
++  if (start === void 0) return null;
++  const turn = Number(Object.keys(turns).filter((key) => turns[key].first === start)[0]);
++  const listed = firstTurns.split(",").map(Number);
++  const earlier = listed.filter((entry) => entry < turn);
++  return listed.includes(turn) && earlier.every((entry) => hiddenTurns?.includes(entry)) ? { turn, start } : null;
  }
- var unseenSince = (visit, time) => typeof visit?.seen === "number" && time > visit.seen && time <= visit.entered;
+-function ScopeEditor({ secret, roster, onSave }) {
+-  const [mode, setMode] = (0, import_react5.useState)(secret.scope === "all" ? "all" : "some");
+-  const [picked, setPicked] = (0, import_react5.useState)(secret.scope === "all" ? [] : secret.scope);
+-  const toggle = (id) => setPicked((list) => list.includes(id) ? list.filter((item) => item !== id) : [...list, id]);
+-  const same = mode === "all" ? secret.scope === "all" : secret.scope !== "all" && [...picked].sort().join() === [...secret.scope].sort().join();
+-  return (0, import_react5.createElement)(
+-    "div",
+-    { className: "bt-secret-edit-block" },
+-    (0, import_react5.createElement)("div", { className: "bt-secret-edit-label" }, t("Who may use it")),
+-    (0, import_react5.createElement)(
+-      "div",
+-      { className: "bt-secret-radios", role: "radiogroup", "aria-label": t("Who may use {name}", { name: secret.name }) },
+-      [["all", t("All Bots")], ["some", t("Chosen Bots")]].map(([id, text]) => (0, import_react5.createElement)(
+-        "label",
+-        { key: id, className: "bt-secret-radio" },
+-        (0, import_react5.createElement)("input", { type: "radio", name: `scope-${secret.name}`, checked: mode === id, onChange: () => setMode(id) }),
+-        text
+-      ))
+-    ),
+-    mode === "some" ? (0, import_react5.createElement)("div", { className: "bt-secret-bots" }, roster.bots.map((bot) => (0, import_react5.createElement)("button", {
+-      key: bot.id,
+-      type: "button",
+-      className: "bt-secret-bot",
+-      "aria-pressed": picked.includes(bot.id),
+-      onClick: () => toggle(bot.id)
+-    }, (0, import_react5.createElement)(BotAvatar, { bot, size: 20, badge: false, live: false }), bot.name, picked.includes(bot.id) ? (0, import_react5.createElement)(CheckIcon) : null))) : null,
+-    (0, import_react5.createElement)(
+-      "div",
+-      { className: "bt-secret-row-actions" },
+-      (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: same, onClick: () => onSave(mode === "all" ? "all" : picked) }, t("Save access"))
+-    )
+-  );
++var unseenSince = (visit, time) => typeof visit?.seen === "number" && time > visit.seen && time <= visit.entered;
 +function movedOnSince(visit, turns, hiddenTurns) {
 +  if (typeof visit?.entered !== "number") return false;
 +  for (const key in turns ?? {}) {
@@ -5664,177 +8008,438 @@ diff --git a/client.js b/client.js
 +    if (turns[key].first !== void 0 && turns[key].first > visit.entered) return true;
 +  }
 +  return false;
-+}
+ }
+-function ValueEditor({ secret, onSave }) {
+-  const [value, setValue] = (0, import_react5.useState)("");
+-  const [replaced, setReplaced] = (0, import_react5.useState)(false);
+-  const long = value.trim().length >= MIN_VALUE;
+-  const save = () => {
+-    if (!long) return;
+-    void Promise.resolve(onSave(value)).then((ok) => {
+-      if (ok) {
+-        setValue("");
+-        setReplaced(true);
+-      }
+-    });
+-  };
+-  const edit = (next) => {
+-    setValue(next);
+-    setReplaced(false);
+-  };
+-  return (0, import_react5.createElement)(
+-    "div",
+-    { className: "bt-secret-edit-block" },
+-    (0, import_react5.createElement)("div", { className: "bt-secret-edit-label" }, t("Replace the value")),
+-    (0, import_react5.createElement)(
+-      "div",
+-      { className: "bt-secret-inline" },
+-      (0, import_react5.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react5.createElement)(MaskedInput, { value, onChange: edit, onEnter: save, label: t("New value of {name}", { name: secret.name }) })),
+-      (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: !long, onClick: save }, t("Replace"))
+-    ),
+-    value !== "" && !long ? (0, import_react5.createElement)("div", { className: "bt-set-hint" }, t("At least {count} characters.", { count: MIN_VALUE })) : replaced ? (0, import_react5.createElement)("div", { className: "bt-set-hint bt-secret-ok", role: "status" }, (0, import_react5.createElement)(CheckIcon), t("Replaced. Bots get the new value from their next command.")) : null
 +var settledVisit = (visit) => typeof visit?.seen === "number" && visit.seen < visit.entered ? { ...visit, seen: visit.entered } : visit;
- function TurnTailCell({ turn: location2, sessionId, useTurnClock, useUi, actions }) {
-   const turn = location2.turn;
-   const time = location2.end.time;
--  (0, import_react6.useEffect)(() => {
++function TurnTailCell({ turn: location2, sessionId, useTurnClock, useUi, actions }) {
++  const turn = location2.turn;
++  const time = location2.end.time;
 +  (0, import_react9.useEffect)(() => {
-     actions.noteTurnTime(sessionId, turn, "end", time);
-   }, [sessionId, turn, time]);
-   const label = useTurnClock((state) => {
-@@ -4250,15 +4250,15 @@
-     return start !== void 0 && start > visit.seen && start <= visit.entered;
-   });
-   if (!label && !fresh) return null;
--  return (0, import_react6.createElement)(
--    import_react6.Fragment,
++    actions.noteTurnTime(sessionId, turn, "end", time);
++  }, [sessionId, turn, time]);
++  const label = useTurnClock((state) => {
++    const start = nextTurnStart(state[sessionId] ?? {}, turn);
++    return start !== void 0 && start - time >= SEPARATOR_GAP_MS ? clockLabel(start) : "";
++  });
++  const visit = useUi((state) => state.visits?.[sessionId]);
++  const fresh = useTurnClock((state) => {
++    if (typeof visit?.seen !== "number" || time > visit.seen) return false;
++    const start = nextTurnStart(state[sessionId] ?? {}, turn);
++    return start !== void 0 && start > visit.seen && start <= visit.entered;
++  });
++  if (!label && !fresh) return null;
 +  return (0, import_react9.createElement)(
 +    import_react9.Fragment,
-     null,
--    label ? (0, import_react6.createElement)("div", { className: "bt-time-sep", role: "separator" }, label) : null,
--    fresh ? (0, import_react6.createElement)(NewDivider) : null
++    null,
 +    label ? (0, import_react9.createElement)("div", { className: "bt-time-sep", role: "separator" }, label) : null,
 +    fresh ? (0, import_react9.createElement)(NewDivider) : null
    );
  }
- function Shimmer({ children }) {
--  return (0, import_react6.createElement)("span", { className: "bt-shimmer" }, children);
+-function SecretRow({ secret, roster, actions, run, open, onToggle }) {
+-  const [confirm, setConfirm] = (0, import_react5.useState)(false);
+-  (0, import_react5.useEffect)(() => {
+-    if (!open) setConfirm(false);
+-  }, [open]);
+-  const asker = secret.requestedBy ? roster.byId[secret.requestedBy]?.name ?? t("a deleted Bot") : t("you");
+-  const allowed = secret.scope === "all" ? [] : secret.scope.map((id) => roster.byId[id]).filter(Boolean);
+-  const meta = [t("Asked by {name}", { name: asker }), t("added {time}", { time: when(secret.createdAt) }), secret.lastUsedAt ? t("last used {time}", { time: when(secret.lastUsedAt) }) : t("not used yet")].join(" · ");
+-  return (0, import_react5.createElement)(
+-    "div",
+-    { className: "bt-secret-item", "data-open": open ? "" : void 0 },
+-    (0, import_react5.createElement)(
+-      "button",
+-      { type: "button", className: "bt-set-row bt-secret-summary", "aria-expanded": open, onClick: onToggle },
+-      (0, import_react5.createElement)(
+-        "span",
+-        { className: "bt-set-copy" },
+-        (0, import_react5.createElement)("span", { className: "bt-secret-title" }, (0, import_react5.createElement)(KeyIcon), (0, import_react5.createElement)("code", { className: "bt-secret-name" }, secret.name), secret.purpose ? (0, import_react5.createElement)("span", { className: "bt-secret-purpose" }, secret.purpose) : null),
+-        (0, import_react5.createElement)("span", { className: "bt-set-hint" }, meta)
+-      ),
+-      (0, import_react5.createElement)(
+-        "span",
+-        { className: "bt-set-control" },
+-        secret.scope === "all" ? (0, import_react5.createElement)("span", { className: "bt-tag" }, t("All Bots")) : allowed.length === 0 ? (0, import_react5.createElement)("span", { className: "bt-tag" }, t("No Bot")) : (0, import_react5.createElement)("span", { className: "bt-secret-faces", title: allowed.map((bot) => bot.name).join(", ") }, allowed.slice(0, 5).map((bot) => (0, import_react5.createElement)(BotAvatar, { key: bot.id, bot, size: 20, badge: false, live: false })))
+-      )
+-    ),
+-    open ? (0, import_react5.createElement)(
+-      "div",
+-      { className: "bt-secret-edit" },
+-      (0, import_react5.createElement)(ScopeEditor, { key: JSON.stringify(secret.scope), secret, roster, onSave: (scope) => run(actions.secretUpdate(secret.name, scope)) }),
+-      (0, import_react5.createElement)(ValueEditor, { secret, onSave: (value) => run(actions.secretSet({ name: secret.name, value })) }),
+-      (0, import_react5.createElement)(
+-        "div",
+-        { className: "bt-secret-row-actions" },
+-        confirm ? [
+-          (0, import_react5.createElement)("span", { key: "q", className: "bt-set-hint" }, t("Delete {name}? Bots lose it at once.", { name: secret.name })),
+-          (0, import_react5.createElement)("button", { key: "no", type: "button", className: "bt-soft bt-soft-sm", onClick: () => setConfirm(false) }, t("Keep")),
+-          (0, import_react5.createElement)("button", { key: "yes", type: "button", className: "bt-soft bt-soft-sm bt-secret-danger", onClick: () => run(actions.secretDelete(secret.name)) }, t("Delete"))
+-        ] : (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-secret-danger", onClick: () => setConfirm(true) }, (0, import_react5.createElement)(TrashIcon), t("Delete"))
+-      )
+-    ) : null
+-  );
++function Shimmer({ children }) {
 +  return (0, import_react9.createElement)("span", { className: "bt-shimmer" }, children);
  }
- var PHRASES = {
-   thinking: ["Thinking about it", "Weighing the options", "Working out a plan", "Sorting out the details"],
-@@ -4320,19 +4320,22 @@
+-function AddSecret({ actions, run, onDone }) {
+-  const [name, setName] = (0, import_react5.useState)("");
+-  const [purpose, setPurpose] = (0, import_react5.useState)("");
+-  const [value, setValue] = (0, import_react5.useState)("");
+-  const ready = /^[A-Za-z][\w-]{0,63}$/.test(name.trim()) && value.trim().length >= MIN_VALUE;
+-  const save = () => {
+-    if (!ready) return;
+-    void run(actions.secretSet({ name, purpose, value, scope: "all" })).then((ok) => {
+-      if (ok) {
+-        setValue("");
+-        onDone();
+-      }
+-    });
+-  };
+-  return (0, import_react5.createElement)(
+-    "div",
+-    { className: "bt-set-row bt-set-paste bt-secret-add" },
+-    (0, import_react5.createElement)("input", { className: "bt-input", "aria-label": t("Key name"), placeholder: t("NAME, e.g. GITHUB_TOKEN"), value: name, spellCheck: false, autoComplete: "off", autoFocus: true, onChange: (event) => setName(event.target.value.toUpperCase()) }),
+-    (0, import_react5.createElement)("input", { className: "bt-input", "aria-label": t("What it is for"), placeholder: t("What it is for"), value: purpose, autoComplete: "off", onChange: (event) => setPurpose(event.target.value) }),
+-    (0, import_react5.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react5.createElement)(MaskedInput, { value, onChange: setValue, onEnter: save, label: t("Value") })),
+-    (0, import_react5.createElement)(
+-      "div",
+-      { className: "bt-secret-row-actions" },
+-      (0, import_react5.createElement)("span", { className: "bt-set-hint" }, t("New keys are for all Bots; narrow it down afterwards.")),
+-      (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onDone }, t("Cancel")),
+-      (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: !ready, onClick: save }, t("Save key"))
+-    )
+-  );
++var PHRASES = {
++  thinking: ["Thinking about it", "Weighing the options", "Working out a plan", "Sorting out the details"],
++  working: ["On it", "Busy with it", "Moving ahead", "Taking care of it", "Making headway"]
++};
++var TOOL_PHRASES = [
++  [/web_?search|search_?web/i, "Searching online"],
++  [/fetch|browse|browser|web/i, "Reading a page"],
++  [/shell|bash|pwsh|powershell|exec|command|terminal/i, "Running shell commands"],
++  [/^(read|view|cat)\b|read_/i, "Opening a file"],
++  [/grep|glob|list_dir|^ls$|find|search/i, "Looking through files"],
++  [/write|edit|patch|apply|replace/i, "Writing changes"],
++  [/image|photo|draw/i, "Working on an image"]
++];
++var GROUP_PHRASES = { create_group: "Creating a group", update_group: "Updating the group", delete_group: "Deleting the group", post_to_group: "Posting in the group" };
++function toolActivity(name, arg, findBot, self) {
++  switch (name) {
++    case "ask_user":
++      return null;
++    case "request_secret":
++      return null;
++    case "list_secrets":
++      return { label: t("Checking the keys"), state: "searching" };
++    case "ask_user_question":
++      return { label: t("Waiting for your answer"), state: "alert" };
++    case "group_relay":
++      return { relay: true, state: "orbit" };
++    case "message_bot": {
++      const target = findBot(arg("to"));
++      return { label: target ? t("Asking {name}", { name: target.name }) : t("Asking another Bot"), state: "sending" };
++    }
++    case "stop_bot": {
++      const target = findBot(arg("bot"));
++      return { label: target ? t("Stopping {name}", { name: target.name }) : t("Stopping another Bot"), state: "sending" };
++    }
++    case "create_bot":
++      return { label: t("Creating {name}", { name: arg("name") ?? t("a Bot") }), state: "sending" };
++    case "update_bot": {
++      const target = findBot(arg("name")) ?? findBot(arg("bot")) ?? (arg("bot") ? void 0 : self);
++      return { label: t("Updating {name}", { name: target?.name ?? t("a Bot") }), state: "sending" };
++    }
++    case "list_bots":
++      return { label: t("Checking the team"), state: "searching" };
++    case "read_group_chat":
++      return { label: t("Reading {name}", { name: arg("group") ?? t("a group chat") }), state: "searching" };
++    case "read_own_chat":
++      return { label: t("Looking back through the chat"), state: "searching" };
++    case "remember":
++      return { label: t("Saving to memory"), state: "working" };
++    case "forget":
++      return { label: t("Updating memory"), state: "working" };
++    case "recall":
++      return { label: t("Checking memory"), state: "searching" };
++    default:
++      if (GROUP_PHRASES[name]) return { label: t(GROUP_PHRASES[name]), state: "sending" };
++      const phrase = TOOL_PHRASES.find(([pattern]) => pattern.test(name))?.[1];
++      return { label: phrase ? t(phrase) : null, state: toolState(name) };
++  }
  }
- function workPhrase(tool) {
-   if (!tool) return t("Thinking about it");
--  return toolActivity(tool, () => void 0, () => void 0)?.label ?? t("On it");
+-function SecretsPage({ roster, actions, run, Section }) {
+-  const [open, setOpen] = (0, import_react5.useState)(null);
+-  const [adding, setAdding] = (0, import_react5.useState)(false);
+-  const secrets = roster.secrets ?? [];
+-  return [
+-    (0, import_react5.createElement)(
+-      "p",
+-      { key: "about", className: "bt-secret-about" },
+-      t("Keys your Bots asked for. Bots never see the values: they use them as "),
+-      (0, import_react5.createElement)("code", null, "$DSH_SECRET_NAME"),
+-      t(" in their shell, and every value is replaced by "),
+-      (0, import_react5.createElement)("code", null, "[secret:NAME]"),
+-      t(" before anything goes to a model.")
+-    ),
+-    (0, import_react5.createElement)(
+-      Section,
+-      { key: "list", title: t("Secrets · {count}", { count: secrets.length }) },
+-      secrets.length === 0 && !adding ? (0, import_react5.createElement)("div", { className: "bt-set-row" }, (0, import_react5.createElement)("span", { className: "bt-set-hint" }, t("No keys yet. When a Bot needs one, it shows a card in its chat."))) : null,
+-      secrets.map((secret) => (0, import_react5.createElement)(SecretRow, { key: secret.name, secret, roster, actions, run, open: open === secret.name, onToggle: () => setOpen(open === secret.name ? null : secret.name) })),
+-      adding ? (0, import_react5.createElement)(AddSecret, { actions, run, onDone: () => setAdding(false) }) : null
+-    ),
+-    adding ? null : (0, import_react5.createElement)("div", { key: "add", className: "bt-actions" }, (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setAdding(true) }, t("Add a key")))
+-  ];
++function workPhrase(tool) {
++  if (!tool) return t("Thinking about it");
 +  return toolActivity(tool, () => void 0, () => void 0)?.label ?? t("Using {tool}", { tool });
-+}
+ }
+-var SECRET_CSS = `
+-.bt-secret-head{align-items:center;gap:10px}
+-.bt-secret-who{position:relative;flex:none;display:inline-flex}
+-.bt-secret-lock{position:absolute;right:-5px;bottom:-4px;width:16px;height:16px;border-radius:50%;background:var(--bt-main);color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 1.5px var(--bt-bubble)}
+-.bt-secret-lock svg{width:11px;height:11px}
+-.bt-secret-name{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:16px;padding:1px 6px;border-radius:5px;background:var(--bt-hover);color:var(--bt-ink)}
+-.bt-secret-body{display:flex;flex-direction:column;gap:8px}
+-.bt-secret-field{align-items:center;min-height:36px}
+-.bt-secret-input{flex:1;width:100%;min-width:0;margin:0;padding:0;border:0;outline:none;background:transparent;color:var(--bt-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:20px;letter-spacing:.04em}
+-.bt-secret-input[data-masked]{-webkit-text-security:disc}
+-.bt-secret-input::placeholder{color:var(--bt-ink-3);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;letter-spacing:0}
+-.bt-secret-scope{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;align-self:flex-start;padding:2px;border-radius:999px;background:var(--bt-hover)}
+-.bt-secret-glide{position:absolute;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);border-radius:999px;background:var(--bt-main);box-shadow:0 1px 3px rgba(20,20,20,.08),inset 0 0 0 .5px color-mix(in srgb,var(--bt-ink) 6%,transparent);transition:${spring(SPRING_SHAPE, "transform")}}
+-.bt-secret-glide[data-at="1"]{transform:translateX(100%)}
+-.bt-secret-seg{position:relative;z-index:1;height:28px;padding:0 14px;border:0;border-radius:999px;background:none;color:var(--bt-ink-2);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer;transition:color .16s ease}
+-.bt-secret-seg[aria-checked=true]{color:var(--bt-ink);font-weight:500}
+-.bt-secret-seg:focus-visible{outline:2px solid var(--bt-accent);outline-offset:-2px}
+-/* A key card asks the user to act, so the process group carrying it stays open in every
+-   work-details mode (same override as .bt-group-replies in styles.js). */
+-[data-step-process]:has(.bt-secret)>div:first-child{display:none!important}
+-[data-step-process]:has(.bt-secret)>[data-step-process-body]{display:block!important;content-visibility:visible!important;max-height:none!important;overflow:visible!important;mask-image:none!important;scrollbar-gutter:auto!important}
+-.bt-secret-ok{display:flex;align-items:center;gap:4px;margin-top:6px;animation:bt-secret-in .22s cubic-bezier(.22,1,.36,1)}
+-.bt-secret-ok svg{width:13px;height:13px;color:#16a34a}
+-@keyframes bt-secret-in{from{opacity:0;transform:translateY(-2px)}}
+-.bt-secret-saved{display:flex;align-items:center;gap:6px;font-size:13px;line-height:18px;color:var(--bt-ink-2)}
+-.bt-secret-note{font-size:12px;line-height:17px;color:var(--bt-ink-3)}
+-.bt-secret-note code,.bt-secret-about code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px}
+-.bt-secret-warn{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:12px;line-height:16px;color:#b25e09;background:color-mix(in srgb,#f59e0b 12%,transparent)}
+-.bt-secret-error{font-size:12px;line-height:16px;color:#e02135}
+-.bt-secret .bt-q-btn:disabled{opacity:.5;cursor:default}
+-.bt-secret-done .bt-q-head{align-items:center}
+-.bt-secret-done .bt-q-title{font-size:13px;line-height:18px;color:var(--bt-ink-2);font-weight:500}
+-.bt-secret-scope-tag{font-weight:400;color:var(--bt-ink-3)}
+-.bt-secret-check{color:var(--bt-green,#22a06b);animation:bt-secret-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} backwards}
+-.bt-secret-done{animation:bt-secret-settle .32s cubic-bezier(.22,1,.36,1) backwards}
+-@keyframes bt-secret-pop{from{opacity:0;transform:scale(.4)}}
+-@keyframes bt-secret-settle{from{opacity:.4;transform:scale(.985)}}
+-.bt-secret-event{display:inline-flex;align-items:center;gap:5px}
+-.bt-secret-dock{flex-direction:column;align-items:center}
+-.bt-secret-dock .bt-q{max-width:min(550px,calc(100% - 32px))}
+-.bt-secret-about{margin:0 0 12px;padding:0 4px;font-size:12px;line-height:17px;color:var(--bt-ink-2)}
+-.bt-secret-title{display:flex;align-items:center;gap:6px;min-width:0;color:var(--bt-ink)}
+-.bt-secret-title svg{flex:none;color:var(--bt-ink-2)}
+-.bt-secret-purpose{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bt-ink-2)}
+-.bt-secret-faces{display:inline-flex}
+-.bt-secret-faces>*+*{margin-left:-6px}
+-.bt-secret-edit{display:flex;flex-direction:column;gap:14px;padding:4px 12px 14px;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} backwards,bt-veil-in .2s ease-out backwards}
+-.bt-secret-edit-block{display:flex;flex-direction:column;gap:8px}
+-.bt-secret-edit-label{font-size:12px;line-height:16px;font-weight:600;color:var(--bt-ink-2)}
+-.bt-secret-radios{display:flex;gap:16px;font-size:13px}
+-.bt-secret-radio{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
+-.bt-secret-bots{display:flex;flex-wrap:wrap;gap:6px}
+-.bt-secret-bot{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 5px;border-radius:999px;border:.5px solid var(--bt-line);background:var(--bt-card);color:var(--bt-ink-2);font:inherit;font-size:12px;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}
+-.bt-secret-bot[aria-pressed=true]{background:var(--bt-active);color:var(--bt-ink);border-color:var(--bt-line-2)}
+-.bt-secret-bot svg{width:13px;height:13px}
+-.bt-secret-inline{display:flex;gap:8px;align-items:center}
+-.bt-secret-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
+-.bt-secret-row-actions .bt-set-hint{flex:1}
+-.bt-secret-danger{color:#e02135;display:inline-flex;align-items:center;gap:4px}
+-.bt-secret-danger svg{width:13px;height:13px}
+-.bt-secret-add .bt-input{height:34px}
+-@media (prefers-reduced-motion:reduce){.bt-secret-glide{transition:none}.bt-secret-check,.bt-secret-done,.bt-secret-ok,.bt-secret-edit{animation:none}}
+-`;
+-
+-// src/client/turn-reasoning.js
+-function turnReasoning(steps, current) {
+-  const members = steps.length ? steps : [current];
+-  if (members.find((step) => stepReasoning(step) !== "")?.step !== current.step) return "";
+-  return members.filter((step) => !thinkingLive(step)).map(stepReasoning).filter(Boolean).join("\n\n");
 +function workText(tool, step) {
 +  return step ? t("{action}: {detail}", { action: workPhrase(tool), detail: step }) : `${workPhrase(tool)}…`;
- }
- function useLiveNote(actions, sessionId, id, entry) {
-   const key = entry ? JSON.stringify(entry) : "";
--  (0, import_react6.useEffect)(() => {
++}
++function useLiveNote(actions, sessionId, id, entry) {
++  const key = entry ? JSON.stringify(entry) : "";
 +  (0, import_react9.useEffect)(() => {
-     if (!key) return void 0;
-     actions.noteLive(sessionId, id, JSON.parse(key));
-     return () => actions.noteLive(sessionId, id, null);
-   }, [sessionId, id, key]);
++    if (!key) return void 0;
++    actions.noteLive(sessionId, id, JSON.parse(key));
++    return () => actions.noteLive(sessionId, id, null);
++  }, [sessionId, id, key]);
  }
--function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi, useWork }) {
--  const [live, setLive] = (0, import_react6.useState)({ replies: [], speaking: null });
--  (0, import_react6.useEffect)(() => {
+-var texts = (step) => step.blocks.filter((block) => block.kind === "text" && block.text.trim() !== "");
+-var thinkingLive = (step) => step.status === "running" && texts(step).length === 0 && step.blocks.some((block) => block.kind === "reasoning");
+-var stepReasoning = (step) => step.blocks.filter((block) => block.kind === "reasoning").map((block) => block.text).join("\n").trim();
+-
+-// src/client/cells.js
+-var import_react6 = require("react");
+-var import_react_dom = require("react-dom");
+-var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+-var mdLabels = () => ({ code: { copyLabel: t("Copy"), copiedLabel: t("Copied") }, footnotes: t("Footnotes") });
+-function Bubbles({ texts: texts2, roster, selfId, actions, streaming, sessionId, msgKey, useUi, lead, mentions }) {
+-  const onClick = (event) => {
+-    const target = mentionTarget(event);
+-    if (target === null) return;
+-    event.preventDefault();
+-    event.stopPropagation();
+-    actions.openSession(target);
+-  };
+-  const reactions = useUi ? useUi((state) => msgKey ? state.reactions?.[msgKey] ?? null : null) : null;
+-  return (0, import_react6.createElement)(
 +function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi }) {
 +  const [live, setLive] = (0, import_react9.useState)({ replies: [] });
 +  (0, import_react9.useEffect)(() => {
-     if (done) return void 0;
-     let stop = false;
-     let timer;
-@@ -4341,10 +4341,10 @@
-       const result = await actions.roomProgress(sessionId);
-       if (stop) return;
-       const entry = (result ?? []).find((item) => item.callId === callId) ?? (result ?? [])[0];
--      const key = entry ? JSON.stringify([entry.replies, entry.speaking]) : "";
++    if (done) return void 0;
++    let stop = false;
++    let timer;
++    let seen = "";
++    const tick = async () => {
++      const result = await actions.roomProgress(sessionId);
++      if (stop) return;
++      const entry = (result ?? []).find((item) => item.callId === callId) ?? (result ?? [])[0];
 +      const key = entry ? JSON.stringify(entry.replies) : "";
-       if (entry && key !== seen) {
-         seen = key;
--        setLive({ replies: entry.replies ?? [], speaking: entry.speaking ?? null });
++      if (entry && key !== seen) {
++        seen = key;
 +        setLive({ replies: entry.replies ?? [] });
-       }
-       timer = setTimeout(tick, document.hidden ? 5e3 : 1e3);
-     };
-@@ -4362,71 +4362,89 @@
-       replies = [];
-     }
-   }
--  const pending = done || !live.speaking ? [] : [live.speaking];
--  const speakerTool = useWork?.((work) => work.bots?.[live.speaking]?.tool) ?? void 0;
--  if (replies.length === 0 && pending.length === 0) return null;
++      }
++      timer = setTimeout(tick, document.hidden ? 5e3 : 1e3);
++    };
++    void tick();
++    return () => {
++      stop = true;
++      clearTimeout(timer);
++    };
++  }, [done, sessionId, callId]);
++  let replies = live.replies;
++  if (done) {
++    try {
++      replies = JSON.parse(contentText(content)).replies ?? [];
++    } catch {
++      replies = [];
++    }
++  }
 +  if (replies.length === 0) return null;
-   const room2 = roster.roomsById[sessionId];
--  return (0, import_react6.createElement)(
++  const room2 = roster.roomsById[sessionId];
 +  return (0, import_react9.createElement)(
      "div",
-     { className: "bt-group-replies" },
-     replies.map((reply, index) => {
--      const bot = roster.byId[reply.botId] ?? { id: reply.botId, name: reply.name, color: reply.color ?? "gray" };
+-    { className: "bt-astack", "data-lead": lead ? "" : void 0, onClickCapture: onClick },
+-    texts2.map((text, index) => {
+-      const key = msgKey ? `${msgKey}:${index}` : void 0;
+-      const picked = key ? reactions?.[index] ?? [] : [];
+-      const last = index === texts2.length - 1;
+-      const live = streaming && last;
+-      return (0, import_react6.createElement)(
+-        "div",
+-        { key: index, className: "bt-msg" },
+-        (0, import_react6.createElement)(
++    { className: "bt-group-replies" },
++    replies.map((reply, index) => {
 +      const stored = roster.byId[reply.botId];
 +      const resolved = reply.remote ? stored : rosterBot(roster, reply.botId) ?? stored;
 +      const bot = resolved ?? { id: reply.botId, name: reply.name, color: reply.color ?? "gray" };
-       if (reply.kind === "user") {
--        return (0, import_react6.createElement)("div", { key: `user-${index}`, className: "bt-urow" }, (0, import_react6.createElement)(
++      if (reply.kind === "user") {
 +        const who = reply.name && reply.name !== "User" ? reply.name : reply.authorId;
 +        if (reply.other) {
 +          return (0, import_react9.createElement)(PersonMessage, { key: `user-${index}`, name: who, texts: [remoteMessageText(reply.text)], roster, selfId: sessionId, actions, sessionId, msgKey: callId ? `${sessionId}:${callId}:${index}` : void 0, useUi });
 +        }
 +        return (0, import_react9.createElement)(
            "div",
--          { className: "bt-ububble" },
--          (0, import_react6.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: reply.text, labels: mdLabels(), variant: "compact" })
--        ));
+-          { className: "bt-msg-line" },
+-          lead && last ? lead : null,
+-          (0, import_react6.createElement)(
 +          { key: `user-${index}`, className: "bt-urow", "data-author": reply.authorId, "data-author-name": who },
 +          who ? (0, import_react9.createElement)("span", { className: "bt-uauthor" }, who) : null,
 +          (0, import_react9.createElement)(
-+            "div",
+             "div",
+-            { className: "bt-bubble" },
+-            (0, import_react6.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: linkMentions(text, roster.bots, selfId), streaming: live, labels: mdLabels(), variant: "compact", fileMentions: mentions })
 +            { className: "bt-ububble" },
 +            (0, import_react9.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: remoteMessageText(reply.text), labels: mdLabels(), variant: "compact" })
-+          ),
+           ),
+-          live ? null : (0, import_react6.createElement)(MessageTools, { text, name: roster.byId[selfId]?.name ?? t("Bot"), sessionId, react: key ? (emoji) => actions.toggleReaction(msgKey, index, emoji) : void 0, actions })
+-        ),
+-        picked.length ? (0, import_react6.createElement)("div", { className: "bt-reacts" }, picked.map((emoji) => (0, import_react6.createElement)("button", {
+-          key: emoji,
+-          type: "button",
+-          className: "bt-react",
+-          "aria-label": t("Remove reaction {emoji}", { emoji }),
+-          onClick: () => actions.toggleReaction(msgKey, index, emoji)
+-        }, emoji))) : null
+-      );
 +          room2?.origin === "face-to-face" ? (0, import_react9.createElement)("span", { className: "bt-lead", title: who || void 0 }, (0, import_react9.createElement)(PersonMark, { name: who || void 0 })) : null
 +        );
-       }
-       if (reply.kind === "failed") {
--        return (0, import_react6.createElement)(
++      }
++      if (reply.kind === "failed") {
 +        return (0, import_react9.createElement)(
-           "div",
--          { key: `${reply.botId}-${index}`, className: "bt-event bt-event-error", role: "status", title: [reply.code, reply.status, reply.text].filter(Boolean).join(" · ") },
++          "div",
 +          { key: `${reply.botId}-${index}`, className: "bt-event bt-event-error", role: "status" },
-           t("{name} could not answer: {reason}", { name: bot.name, reason: failureLabel(reply.code, reply.text) })
-         );
-       }
-       if (reply.kind === "lookup") {
--        return (0, import_react6.createElement)(
++          t("{name} could not answer: {reason}", { name: bot.name, reason: failureLabel(reply.code, reply.text) })
++        );
++      }
++      if (reply.kind === "lookup") {
 +        return (0, import_react9.createElement)(
-           "div",
-           { key: `${reply.botId}-${index}`, className: "bt-event" },
-           reply.text ? t("{name} looked up its own chat for “{text}”", { name: bot.name, text: reply.text }) : t("{name} looked up its own chat", { name: bot.name })
-         );
-       }
-       if (reply.kind === "missed") {
--        return (0, import_react6.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("{name} didn't answer in time", { name: bot.name }));
++          "div",
++          { key: `${reply.botId}-${index}`, className: "bt-event" },
++          reply.text ? t("{name} looked up its own chat for “{text}”", { name: bot.name, text: reply.text }) : t("{name} looked up its own chat", { name: bot.name })
++        );
++      }
++      if (reply.kind === "missed") {
 +        return (0, import_react9.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("{name} didn't answer in time", { name: bot.name }));
-       }
-       if (reply.kind === "resumed") {
--        return (0, import_react6.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("{name} was cut off by a restart and picked its work back up", { name: bot.name }));
++      }
++      if (reply.kind === "resumed") {
 +        return (0, import_react9.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("{name} was cut off by a restart and picked its work back up", { name: bot.name }));
-       }
-       if (reply.kind === "cut") {
--        return (0, import_react6.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("{name} was cut off by a restart again and stopped", { name: bot.name }));
++      }
++      if (reply.kind === "cut") {
 +        return (0, import_react9.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("{name} was cut off by a restart again and stopped", { name: bot.name }));
-       }
-       if (reply.kind === "approval" || reply.kind === "working") {
--        return (0, import_react6.createElement)(
++      }
++      if (reply.kind === "approval" || reply.kind === "working") {
 +        return (0, import_react9.createElement)(
-           "div",
-           { key: `${reply.botId}-${index}`, className: "bt-event" },
--          (0, import_react6.createElement)(
++          "div",
++          { key: `${reply.botId}-${index}`, className: "bt-event" },
 +          (0, import_react9.createElement)(
-             "button",
-             { type: "button", className: "bt-event-whole", onClick: () => actions.showDetails(sessionId) },
--            (0, import_react6.createElement)(BotMark, { bot, size: 16 }),
--            (0, import_react6.createElement)("span", { className: "bt-event-name" }, t(reply.kind === "working" ? "{name} started on it" : "{name} paused for your approval", { name: bot.name }))
++            "button",
++            { type: "button", className: "bt-event-whole", onClick: () => actions.showDetails(sessionId) },
 +            (0, import_react9.createElement)(BotMark, { bot, size: 16 }),
 +            (0, import_react9.createElement)("span", { className: "bt-event-name" }, t(reply.kind === "working" ? "{name} started on it" : "{name} paused for your approval", { name: bot.name }))
-           )
-         );
-       }
-       if (reply.kind === "stopped") {
--        return (0, import_react6.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("You stopped {name}'s work", { name: bot.name }));
++          )
++        );
++      }
++      if (reply.kind === "stopped") {
 +        return (0, import_react9.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("You stopped {name}'s work", { name: bot.name }));
-       }
--      return (0, import_react6.createElement)(GroupMessage, { key: `${reply.botId}-${index}`, bot, text: reply.text, room: room2, roster, actions, msgKey: callId ? `${sessionId}:${callId}:${index}` : void 0, useUi });
--    }),
--    pending.map((id) => {
--      const bot = roster.byId[id];
--      if (!bot) return null;
--      return (0, import_react6.createElement)(
--        "div",
--        { key: `pending-${id}`, className: "bt-activity" },
--        (0, import_react6.createElement)(BotMark, { bot, size: 22, state: speakerTool ? toolState(speakerTool) : "thinking" }),
--        (0, import_react6.createElement)(Shimmer, null, speakerTool ? `${bot.name} · ${workPhrase(speakerTool)}…` : t("{name} is typing…", { name: bot.name }))
--      );
++      }
 +      if (reply.kind === "notice" && room2?.origin === "face-to-face" && String(reply.text ?? "").trim() === WAITING_OTHERS_NOTICE) return null;
 +      if ((reply.kind === "notice" || reply.kind === "left") && leaveNoticeCoveredByClose(room2, reply.text)) return null;
 +      if (reply.kind === "notice" || reply.kind === "joined" || reply.kind === "left" || reply.kind === "started") {
@@ -5857,148 +8462,127 @@ diff --git a/client.js b/client.js
      })
    );
  }
-@@ -4435,52 +4435,52 @@
- function callTree(root) {
-   const calls = [];
-   const seen = /* @__PURE__ */ new Set();
--  const visit = (call2) => {
--    const id = call2.callId ?? call2;
+-var REACTIONS = ["👍", "❤️", "😂", "😮", "😢", "🙏"];
+-function useDismiss(open, close, refs) {
+-  (0, import_react6.useEffect)(() => {
+-    if (!open) return void 0;
+-    const onDown = (event) => {
+-      if (refs.some((ref) => ref.current?.contains(event.target))) return;
+-      close();
++var DRAWN = /* @__PURE__ */ new Set(["message_bot", "stop_bot", "create_bot", "update_bot", "group_relay", "create_group", "update_group", "delete_group", "post_to_group", "ask_user", "request_secret", "ask_user_question", "read_group_chat", "remember", "forget"]);
++var CARDS = /* @__PURE__ */ new Set(["ask_user", "request_secret"]);
++function callTree(root) {
++  const calls = [];
++  const seen = /* @__PURE__ */ new Set();
 +  const visit = (call5) => {
 +    const id = call5.callId ?? call5;
-     if (seen.has(id)) return;
-     seen.add(id);
--    calls.push(call2);
--    for (const child of call2.subCalls ?? []) visit(child);
++    if (seen.has(id)) return;
++    seen.add(id);
 +    calls.push(call5);
 +    for (const child of call5.subCalls ?? []) visit(child);
-   };
-   visit(root);
-   return calls;
- }
- function useShownCards(actions, sessionId, callIds) {
-   const key = JSON.stringify(callIds);
--  (0, import_react6.useLayoutEffect)(() => {
++  };
++  visit(root);
++  return calls;
++}
++function useShownCards(actions, sessionId, callIds) {
++  const key = JSON.stringify(callIds);
 +  (0, import_react9.useLayoutEffect)(() => {
-     const ids = JSON.parse(key);
-     if (ids.length === 0 || !actions.noteCards) return void 0;
-     actions.noteCards(sessionId, ids, 1);
-     return () => actions.noteCards(sessionId, ids, -1);
-   }, [sessionId, key]);
- }
--function renderCall(call2, { sessionId, roster, actions, useUi, useWork, findBot }) {
--  const tool = toolName(call2);
--  const done = call2.kind === "tool-result";
--  const { text: arg, value: argValue } = toolArgs(call2);
++    const ids = JSON.parse(key);
++    if (ids.length === 0 || !actions.noteCards) return void 0;
++    actions.noteCards(sessionId, ids, 1);
++    return () => actions.noteCards(sessionId, ids, -1);
++  }, [sessionId, key]);
++}
 +function renderCall(call5, { sessionId, roster, actions, useUi, findBot }) {
 +  const tool = toolName(call5);
 +  const done = call5.kind === "tool-result";
 +  const { text: arg, value: argValue } = toolArgs(call5);
-   const self = roster.byId[sessionId];
-   switch (tool) {
-     case "message_bot": {
-       const target = findBot(arg("to")) ?? { name: arg("to") ?? "…", color: "gray" };
--      if (done && call2.isError) return (0, import_react6.createElement)("div", { className: "bt-event" }, t("Couldn't message {name}", { name: target.name }));
--      return (0, import_react6.createElement)(EventLine, { prefix: t("Messaged"), bots: [target], onOpen: (bot) => bot.id && actions.openExchange(self?.id ?? sessionId, bot.id), whole: true });
++  const self = roster.byId[sessionId];
++  switch (tool) {
++    case "message_bot": {
++      const target = findBot(arg("to")) ?? { name: arg("to") ?? "…", color: "gray" };
 +      if (done && call5.isError) return (0, import_react9.createElement)("div", { className: "bt-event" }, t("Couldn't message {name}", { name: target.name }));
 +      return (0, import_react9.createElement)(EventLine, { prefix: t("Messaged"), bots: [target], onOpen: (bot) => bot.id && actions.openExchange(self?.id ?? sessionId, bot.id), whole: true });
-     }
-     case "stop_bot": {
-       const target = findBot(arg("bot")) ?? { name: arg("bot") ?? "…", color: "gray" };
--      if (done && call2.isError) return (0, import_react6.createElement)("div", { className: "bt-event" }, t("Couldn't stop {name}", { name: target.name }));
--      return (0, import_react6.createElement)(EventLine, { prefix: t("Stopped"), bots: [target], onOpen: (bot) => bot.id && actions.openExchange(self?.id ?? sessionId, bot.id), whole: true });
++    }
++    case "stop_bot": {
++      const target = findBot(arg("bot")) ?? { name: arg("bot") ?? "…", color: "gray" };
 +      if (done && call5.isError) return (0, import_react9.createElement)("div", { className: "bt-event" }, t("Couldn't stop {name}", { name: target.name }));
 +      return (0, import_react9.createElement)(EventLine, { prefix: t("Stopped"), bots: [target], onOpen: (bot) => bot.id && actions.openExchange(self?.id ?? sessionId, bot.id), whole: true });
-     }
-     case "create_bot": {
-       const created = findBot(arg("name"));
-       if (!done || created === void 0) return null;
--      return (0, import_react6.createElement)(EventLine, { prefix: t("Created"), bots: [created], onOpen: (bot) => actions.openSession(bot.id) });
++    }
++    case "create_bot": {
++      const created = findBot(arg("name"));
++      if (!done || created === void 0) return null;
 +      return (0, import_react9.createElement)(EventLine, { prefix: t("Created"), bots: [created], onOpen: (bot) => actions.openSession(bot.id) });
-     }
-     case "update_bot": {
-       const target = findBot(arg("name")) ?? findBot(arg("bot")) ?? (arg("bot") ? void 0 : self);
--      return done && target ? (0, import_react6.createElement)(EventLine, { prefix: t("Updated"), bots: [target], onOpen: (bot) => actions.openSession(bot.id) }) : null;
++    }
++    case "update_bot": {
++      const target = findBot(arg("name")) ?? findBot(arg("bot")) ?? (arg("bot") ? void 0 : self);
 +      return done && target ? (0, import_react9.createElement)(EventLine, { prefix: t("Updated"), bots: [target], onOpen: (bot) => actions.openSession(bot.id) }) : null;
-     }
-     case "group_relay":
--      return (0, import_react6.createElement)(GroupReplies, { sessionId, callId: call2.callId, done, content: call2.content, roster, actions, useUi, useWork });
++    }
++    case "group_relay":
 +      return (0, import_react9.createElement)(GroupReplies, { sessionId, callId: call5.callId, done, content: call5.content, roster, actions, useUi });
-     case "create_group":
-     case "update_group":
-     case "delete_group":
-@@ -4492,64 +4492,90 @@
-         post_to_group: ["Posted in", "Couldn't post in the group"]
-       }[tool];
-       if (!done) return null;
--      const result = contentText(call2.content);
++    case "create_group":
++    case "update_group":
++    case "delete_group":
++    case "post_to_group": {
++      const verbs = {
++        create_group: ["Created group", "Couldn't create the group"],
++        update_group: ["Updated group", "Couldn't update the group"],
++        delete_group: ["Deleted group", "Couldn't delete the group"],
++        post_to_group: ["Posted in", "Couldn't post in the group"]
++      }[tool];
++      if (!done) return null;
 +      const result = contentText(call5.content);
-       const named = /^(Created group|Updated|Nothing changed in|Deleted|Posted in) "([^"]+)"/.exec(result);
--      if (call2.isError || !named) return (0, import_react6.createElement)("div", { className: "bt-event", title: result }, t(verbs[1]));
++      const named = /^(Created group|Updated|Nothing changed in|Deleted|Posted in) "([^"]+)"/.exec(result);
 +      if (call5.isError || !named) return (0, import_react9.createElement)("div", { className: "bt-event", title: result }, t(verbs[1]));
-       const name = named[2];
-       const room2 = roster.rooms.find((entry) => entry.name === name);
--      return (0, import_react6.createElement)(GroupEvent, { prefix: t(verbs[0]), room: tool === "delete_group" ? void 0 : room2, name, roster, actions });
++      const name = named[2];
++      const room2 = roster.rooms.find((entry) => entry.name === name);
 +      return (0, import_react9.createElement)(GroupEvent, { prefix: t(verbs[0]), room: tool === "delete_group" ? void 0 : room2, name, roster, actions });
-     }
-     case "ask_user": {
-       const question = roster.questions?.[sessionId];
--      if (!question || question.callId !== call2.callId) return (0, import_react6.createElement)("span", { className: "bt-q-gone", hidden: true });
--      return (0, import_react6.createElement)(PendingQuestion, { sessionId, question, actions, inline: true });
++    }
++    case "ask_user": {
++      const question = roster.questions?.[sessionId];
 +      if (!question || question.callId !== call5.callId) return (0, import_react9.createElement)("span", { className: "bt-q-gone", hidden: true });
 +      return (0, import_react9.createElement)(PendingQuestion, { sessionId, question, actions, inline: true });
-     }
-     case "request_secret":
--      return (0, import_react6.createElement)(SecretToolCell, { sessionId, callId: call2.callId, name: arg("name"), done, content: call2.content, roster, actions });
++    }
++    case "request_secret":
 +      return (0, import_react9.createElement)(SecretToolCell, { sessionId, callId: call5.callId, name: arg("name"), done, content: call5.content, roster, actions });
-     case "ask_user_question": {
-       if (!done) return null;
-       let parsed = null;
-       try {
--        parsed = JSON.parse(contentText(call2.content));
++    case "ask_user_question": {
++      if (!done) return null;
++      let parsed = null;
++      try {
 +        parsed = JSON.parse(contentText(call5.content));
-       } catch {
-         parsed = null;
-       }
-       const answer = parsed?.answers?.[0];
-       const question = argValue("questions")?.[0];
-       if (!answer) return null;
--      return (0, import_react6.createElement)("div", { className: "bt-q-inline" }, (0, import_react6.createElement)(SettledQuestion, { question, answer }));
++      } catch {
++        parsed = null;
++      }
++      const answer = parsed?.answers?.[0];
++      const question = argValue("questions")?.[0];
++      if (!answer) return null;
 +      return (0, import_react9.createElement)("div", { className: "bt-q-inline" }, (0, import_react9.createElement)(SettledQuestion, { question, answer }));
-     }
-     case "read_group_chat": {
-       if (!done) return null;
-       const room2 = roster.rooms.find((entry) => entry.name === arg("group"));
--      return room2 ? (0, import_react6.createElement)(GroupEvent, { prefix: t("Read"), room: room2, roster, actions }) : null;
++    }
++    case "read_group_chat": {
++      if (!done) return null;
++      const room2 = roster.rooms.find((entry) => entry.name === arg("group"));
 +      return room2 ? (0, import_react9.createElement)(GroupEvent, { prefix: t("Read"), room: room2, roster, actions }) : null;
-     }
-     case "remember":
-     case "forget":
--      return done && !call2.isError ? (0, import_react6.createElement)(MemoryEvent, { sessionId, scope: arg("scope"), result: contentText(call2.content), roster, actions, findBot }) : null;
++    }
++    case "remember":
++    case "forget":
 +      return done && !call5.isError ? (0, import_react9.createElement)(MemoryEvent, { sessionId, scope: arg("scope"), result: contentText(call5.content), roster, actions, findBot }) : null;
-     default:
-       return null;
-   }
- }
--function ToolCell({ node, sessionId, useRoster, useUi, useWork, actions }) {
++    default:
++      return null;
++  }
++}
 +function ToolCell({ node, sessionId, useRoster, useUi, actions }) {
-   const roster = useRoster((value) => value);
-   const root = node.data.root;
-   const turn = node.location?.turn?.turn ?? root.turn;
-   const hidden = isHiddenTurn(roster, sessionId, turn);
--  const findBot = (nameOrId) => roster.byId[nameOrId] ?? roster.bots.find((bot) => bot.name.toLowerCase() === String(nameOrId ?? "").toLowerCase());
++  const roster = useRoster((value) => value);
++  const root = node.data.root;
++  const turn = node.location?.turn?.turn ?? root.turn;
++  const hidden = isHiddenTurn(roster, sessionId, turn);
 +  const findBot = (nameOrId) => roster.byId[nameOrId] ?? botByName(roster.bots, nameOrId);
-   const calls = hidden ? [] : callTree(root);
--  const drawn = calls.filter((call2) => DRAWN.has(toolName(call2)));
--  const running = root.kind === "tool-result" ? void 0 : calls.findLast((call2) => call2.kind !== "tool-result");
++  const calls = hidden ? [] : callTree(root);
 +  const drawn = calls.filter((call5) => DRAWN.has(toolName(call5)));
 +  const running = root.kind === "tool-result" ? void 0 : calls.findLast((call5) => call5.kind !== "tool-result");
-   const note = running ? toolActivity(toolName(running), toolArgs(running).text, findBot, roster.byId[sessionId]) : null;
-   useLiveNote(actions, sessionId, `tool:${root.callId ?? node.key}`, note);
--  useShownCards(actions, sessionId, drawn.filter((call2) => CARDS.has(toolName(call2)) && call2.callId).map((call2) => call2.callId));
++  const note = running ? toolActivity(toolName(running), toolArgs(running).text, findBot, roster.byId[sessionId]) : null;
++  useLiveNote(actions, sessionId, `tool:${root.callId ?? node.key}`, note);
 +  useShownCards(actions, sessionId, drawn.filter((call5) => CARDS.has(toolName(call5)) && call5.callId).map((call5) => call5.callId));
-   if (drawn.length === 0) return null;
--  const env = { sessionId, roster, actions, useUi, useWork, findBot };
--  return (0, import_react6.createElement)(import_react6.Fragment, null, drawn.map((call2, index) => (0, import_react6.createElement)(import_react6.Fragment, { key: call2.callId ?? index }, renderCall(call2, env))));
++  if (drawn.length === 0) return null;
 +  const env = { sessionId, roster, actions, useUi, findBot };
 +  return (0, import_react9.createElement)(import_react9.Fragment, null, drawn.map((call5, index) => (0, import_react9.createElement)(import_react9.Fragment, { key: call5.callId ?? index }, renderCall(call5, env))));
 +}
@@ -6027,21 +8611,19 @@ diff --git a/client.js b/client.js
 +  if (typeof root.matches === "function" && root.matches("[data-chat-running]")) return root;
 +  if (typeof Element !== "undefined" && root instanceof Element) return root.querySelector("[data-chat-running]");
 +  return root.querySelector(RUNNING_HOST);
- }
- 
- // src/client/activity-row.js
--var import_react7 = require("react");
++}
++
++// src/client/activity-row.js
 +var import_react10 = require("react");
- var import_react_dom2 = require("react-dom");
- var PHRASE_HOLD_MS = 800;
- var drawPhrase = (pool) => t(pool[Math.min(pool.length - 1, Math.floor(Math.random() * pool.length))]);
-@@ -4559,9 +4559,69 @@
-   const hours = Math.floor(minutes / 60);
-   return minutes % 60 === 0 ? `${hours}h` : `${hours}h ${minutes % 60}m`;
- }
--function useRunningHost(active) {
--  const [host, setHost] = (0, import_react7.useState)(null);
--  (0, import_react7.useEffect)(() => {
++var import_react_dom2 = require("react-dom");
++var PHRASE_HOLD_MS = 800;
++var drawPhrase = (pool) => t(pool[Math.min(pool.length - 1, Math.floor(Math.random() * pool.length))]);
++function elapsedLabel(ms) {
++  const minutes = Math.floor(ms / 6e4);
++  if (minutes < 60) return `${Math.max(1, minutes)}m`;
++  const hours = Math.floor(minutes / 60);
++  return minutes % 60 === 0 ? `${hours}h` : `${hours}h ${minutes % 60}m`;
++}
 +var REMOTE_GRACE_MS = 1500;
 +function useAwaitingReply(roster, sessionId) {
 +  const at = roster?.remoteAwaiting?.[sessionId];
@@ -6105,45 +8687,107 @@ diff --git a/client.js b/client.js
 +function useRunningHost(active, where = RUNNING_HOST) {
 +  const [host, setHost] = (0, import_react10.useState)(null);
 +  (0, import_react10.useEffect)(() => {
-     if (!active) {
-       setHost(null);
-       return void 0;
-@@ -4569,7 +4569,7 @@
-     let frame = 0;
-     const find = () => {
-       frame = 0;
--      const node = document.querySelector("[data-chat-flow] > [data-chat-running]");
++    if (!active) {
++      setHost(null);
++      return void 0;
++    }
++    let frame = 0;
++    const find = () => {
++      frame = 0;
 +      const node = findHost(where);
-       setHost((prev) => prev === node ? prev : node);
-     };
-     const observer = new MutationObserver(() => {
-@@ -4581,13 +4581,13 @@
-       cancelAnimationFrame(frame);
-       observer.disconnect();
-     };
--  }, [active]);
++      setHost((prev) => prev === node ? prev : node);
++    };
++    const observer = new MutationObserver(() => {
++      if (!frame) frame = requestAnimationFrame(find);
++    });
++    observer.observe(document.querySelector("[data-conversation-scroll]") ?? document.body, { childList: true, subtree: true });
++    find();
++    return () => {
++      cancelAnimationFrame(frame);
++      observer.disconnect();
++    };
 +  }, [active, where]);
-   return host;
- }
- function useRowEntrances(replacing) {
--  const check = (0, import_react7.useRef)(replacing);
++  return host;
++}
++function useRowEntrances(replacing) {
 +  const check = (0, import_react10.useRef)(replacing);
-   check.current = replacing;
--  (0, import_react7.useEffect)(() => {
++  check.current = replacing;
 +  (0, import_react10.useEffect)(() => {
-     const seen = /* @__PURE__ */ new WeakSet();
-     const started = Date.now();
-     let column = null;
-@@ -4638,21 +4638,31 @@
-   const pendingInput = useSession((snapshot) => Math.max(0, ...(snapshot?.pendingSubmissions ?? []).filter((sub) => sub.placement !== "queued").map((sub) => sub.time)));
-   const bot = roster.byId[sessionId];
-   const room2 = roster.roomsById[sessionId];
--  const entries2 = (0, import_react7.useMemo)(() => Object.values(JSON.parse(liveKey)), [liveKey]);
++    const seen = /* @__PURE__ */ new WeakSet();
++    const started = Date.now();
++    let column = null;
++    let frame = 0;
++    const settle = (event) => {
++      if (event.target !== event.currentTarget || !/^bt-row/.test(event.animationName)) return;
++      delete event.currentTarget.dataset.btEnter;
++      event.currentTarget.removeEventListener("animationend", settle);
+     };
+-    const onKey = (event) => {
+-      if (event.key === "Escape") {
+-        event.stopPropagation();
+-        close();
++    const scan = () => {
++      frame = 0;
++      const next = document.querySelector("[data-chat-flow]");
++      if (next !== column) {
++        observer.disconnect();
++        column = next;
++        if (column) observer.observe(column, { childList: true, subtree: true });
++      }
++      if (!column) return;
++      const items = [...column.querySelectorAll(":scope > [data-chat-flow-key]")];
++      let last = -1;
++      items.forEach((item, index) => {
++        if (seen.has(item)) last = index;
++      });
++      const fresh = items.filter((item) => !seen.has(item) && item.offsetHeight > 0);
++      for (const item of fresh) seen.add(item);
++      if (last < 0 || Date.now() - started < 800 || fresh.length > 3) return;
++      for (const item of fresh) {
++        if (items.indexOf(item) < last) continue;
++        const reply = [void 0, "assistant-step", "tool-call"].includes(item.dataset.chatFlowKind);
++        item.dataset.btEnter = reply && check.current() ? "after-collapse" : "new";
++        item.addEventListener("animationend", settle);
+       }
+     };
+-    window.addEventListener("mousedown", onDown);
+-    window.addEventListener("keydown", onKey, true);
++    const observer = new MutationObserver(() => {
++      if (!frame) frame = requestAnimationFrame(scan);
++    });
++    scan();
+     return () => {
+-      window.removeEventListener("mousedown", onDown);
+-      window.removeEventListener("keydown", onKey, true);
++      cancelAnimationFrame(frame);
++      observer.disconnect();
+     };
+-  }, [open]);
++  }, []);
+ }
+-function MessageTools({ text, name, sessionId, react, actions }) {
+-  const [panel, setPanel] = (0, import_react6.useState)(null);
+-  const [place, setPlace] = (0, import_react6.useState)(null);
+-  const [copied, setCopied] = (0, import_react6.useState)(false);
+-  const tools = (0, import_react6.useRef)(null);
+-  const pop = (0, import_react6.useRef)(null);
+-  const close = () => setPanel(null);
+-  useDismiss(panel !== null, close, [tools, pop]);
+-  const open = (kind, event) => {
+-    if (panel === kind) {
+-      close();
+-      return;
++function ActivityIndicator({ sessionId, useRoster, useSessionStatus, useLive, useSession, actions }) {
++  const roster = useRoster((value) => value);
++  const running = useSessionStatus((map) => map.get(sessionId)?.running === true);
++  const liveKey = useLive((state) => JSON.stringify(state[sessionId] ?? {}));
++  const pendingInput = useSession((snapshot) => Math.max(0, ...(snapshot?.pendingSubmissions ?? []).filter((sub) => sub.placement !== "queued").map((sub) => sub.time)));
++  const bot = roster.byId[sessionId];
++  const room2 = roster.roomsById[sessionId];
 +  const entries2 = (0, import_react10.useMemo)(() => Object.values(JSON.parse(liveKey)), [liveKey]);
-   const streaming = entries2.some((entry) => entry.text);
-   const tools = entries2.filter((entry) => !entry.text).sort((a, b) => a.at - b.at);
-   const relaying = tools.some((entry) => entry.relay);
--  const visible = running && !streaming && !relaying && (bot !== void 0 || room2 !== void 0);
++  const streaming = entries2.some((entry) => entry.text);
++  const tools = entries2.filter((entry) => !entry.text).sort((a, b) => a.at - b.at);
++  const relaying = tools.some((entry) => entry.relay);
 +  const awaiting = useAwaitingReply(roster, sessionId);
 +  const sendRun = (0, import_react10.useRef)(false);
 +  if (!running) sendRun.current = false;
@@ -6154,49 +8798,59 @@ diff --git a/client.js b/client.js
 +  const bridging = bot?.remote !== void 0 && !streaming && lastRun.current.running && lastRun.current.send && !running;
 +  lastRun.current = { running, send: sendRun.current };
 +  const steady = bridging;
-   const tool = tools.at(-1);
--  const inputRef = (0, import_react7.useRef)(0);
++  const tool = tools.at(-1);
 +  const inputRef = (0, import_react10.useRef)(0);
-   const inputAt = Math.max(inputRef.current, pendingInput);
-   inputRef.current = inputAt;
--  const want = !visible ? null : inputAt > (tool?.at ?? 0) ? { key: `input:${inputAt}`, pool: PHRASES.thinking, state: "thinking" } : tool ? { key: tool.label ? `tool:${tool.label}` : "working", label: tool.label, pool: PHRASES.working, state: tool.state ?? "working" } : { key: "thinking", pool: PHRASES.thinking, state: "thinking" };
--  const [shown, setShown] = (0, import_react7.useState)(null);
++  const inputAt = Math.max(inputRef.current, pendingInput);
++  inputRef.current = inputAt;
 +  const phrase = visible ? remoteApprovalPhrase(bot?.remote !== void 0, { tool, inputAt }) : null;
 +  const want = !visible ? null : phrase ? { ...phrase, label: t(phrase.label) } : inputAt > (tool?.at ?? 0) ? { key: `input:${inputAt}`, pool: PHRASES.thinking, state: "thinking" } : tool ? { key: tool.label ? `tool:${tool.label}` : "working", label: tool.label, pool: PHRASES.working, state: tool.state ?? "working" } : { key: "thinking", pool: PHRASES.thinking, state: "thinking" };
 +  const [shown, setShown] = (0, import_react10.useState)(null);
-   const wantKey = want?.key ?? null;
--  const markState = (0, import_react7.useRef)("thinking");
++  const wantKey = want?.key ?? null;
 +  const markState = (0, import_react10.useRef)("thinking");
-   if (want) markState.current = want.state;
--  (0, import_react7.useEffect)(() => {
++  if (want) markState.current = want.state;
 +  (0, import_react10.useEffect)(() => {
-     if (wantKey === null || shown?.key === wantKey) return void 0;
-     const make = () => setShown({ key: wantKey, text: want.label ?? drawPhrase(want.pool), at: Date.now() });
-     const wait = shown ? shown.at + PHRASE_HOLD_MS - Date.now() : 0;
-@@ -4663,26 +4663,31 @@
-     const timer = setTimeout(make, wait);
-     return () => clearTimeout(timer);
-   }, [wantKey, shown]);
--  const [phase, setPhase] = (0, import_react7.useState)(null);
--  const endedAt = (0, import_react7.useRef)(0);
--  const shift = (0, import_react7.useRef)(null);
--  const leaving = (0, import_react7.useRef)(false);
++    if (wantKey === null || shown?.key === wantKey) return void 0;
++    const make = () => setShown({ key: wantKey, text: want.label ?? drawPhrase(want.pool), at: Date.now() });
++    const wait = shown ? shown.at + PHRASE_HOLD_MS - Date.now() : 0;
++    if (wait <= 0) {
++      make();
++      return void 0;
+     }
+-    const rect = event.currentTarget.getBoundingClientRect();
+-    const below = rect.bottom + 220 < window.innerHeight;
+-    setPlace(kind === "react" ? { left: rect.left + rect.width / 2, top: rect.top - 6, "--bt-origin": "bottom center" } : { left: Math.min(rect.left, window.innerWidth - 208), ...below ? { top: rect.bottom + 4 } : { bottom: window.innerHeight - rect.top + 4, "--bt-origin": "bottom left" } });
+-    setPanel(kind);
+-  };
+-  const copy2 = () => {
+-    void navigator.clipboard?.writeText(text).then(() => {
+-      setCopied(true);
+-      setTimeout(() => setCopied(false), 1e3);
+-    });
+-  };
+-  const download2 = () => {
+-    const url = URL.createObjectURL(new Blob([text], { type: "text/markdown" }));
+-    const link = Object.assign(document.createElement("a"), { href: url, download: `${name}-message.md` });
+-    link.click();
+-    setTimeout(() => URL.revokeObjectURL(url), 1e3);
+-  };
+-  const item = (label, Icon, run) => (0, import_react6.createElement)("button", { key: label, type: "button", role: "menuitem", onClick: () => {
+-    close();
+-    run();
+-  } }, (0, import_react6.createElement)(Icon), label);
+-  return (0, import_react6.createElement)(
++    const timer = setTimeout(make, wait);
++    return () => clearTimeout(timer);
++  }, [wantKey, shown]);
 +  const [phase, setPhase] = (0, import_react10.useState)(null);
 +  const endedAt2 = (0, import_react10.useRef)(0);
 +  const shift = (0, import_react10.useRef)(null);
 +  const leaving = (0, import_react10.useRef)(false);
-   leaving.current = phase !== null && !visible;
--  (0, import_react7.useEffect)(() => {
++  leaving.current = phase !== null && !visible;
 +  (0, import_react10.useEffect)(() => {
-     if (visible) {
-       setPhase("in");
-       return void 0;
-     }
--    setPhase((current) => current === "in" ? "out" : current);
--    const timer = setTimeout(() => {
--      shift.current = document.querySelector("[data-conversation-scroll]")?.scrollTop ?? null;
--      setPhase((current) => current === "out" ? null : current);
--    }, 140);
++    if (visible) {
++      setPhase("in");
++      return void 0;
++    }
 +    let timer;
 +    const leave = () => {
 +      setPhase((current) => current === "in" ? "out" : current);
@@ -6207,35 +8861,29 @@ diff --git a/client.js b/client.js
 +    };
 +    if (steady) timer = setTimeout(leave, REMOTE_GRACE_MS);
 +    else leave();
-     return () => clearTimeout(timer);
-   }, [visible]);
--  (0, import_react7.useLayoutEffect)(() => {
++    return () => clearTimeout(timer);
++  }, [visible]);
 +  (0, import_react10.useLayoutEffect)(() => {
-     if (phase !== null) return;
--    endedAt.current = Date.now();
++    if (phase !== null) return;
 +    endedAt2.current = Date.now();
-     setShown(null);
-     const before = shift.current;
-     shift.current = null;
-@@ -4691,31 +4691,37 @@
-     const delta = before - scroller.scrollTop;
-     if (delta > 0) scroller.querySelector("[data-chat-flow]")?.animate([{ transform: `translateY(${-delta}px)` }, { transform: "none" }], { duration: 140, easing: "cubic-bezier(.23,1,.32,1)" });
-   }, [phase]);
--  (0, import_react7.useEffect)(() => {
++    setShown(null);
++    const before = shift.current;
++    shift.current = null;
++    const scroller = document.querySelector("[data-conversation-scroll]");
++    if (before === null || !scroller || reducedMotion()) return;
++    const delta = before - scroller.scrollTop;
++    if (delta > 0) scroller.querySelector("[data-chat-flow]")?.animate([{ transform: `translateY(${-delta}px)` }, { transform: "none" }], { duration: 140, easing: "cubic-bezier(.23,1,.32,1)" });
++  }, [phase]);
 +  (0, import_react10.useEffect)(() => {
-     if (!running) actions.clearLive(sessionId);
-   }, [running, sessionId]);
--  useRowEntrances(() => leaving.current || Date.now() - endedAt.current < 300);
--  const [now, setNow] = (0, import_react7.useState)(Date.now);
--  (0, import_react7.useEffect)(() => {
++    if (!running) actions.clearLive(sessionId);
++  }, [running, sessionId]);
 +  useRowEntrances(() => leaving.current || Date.now() - endedAt2.current < 300);
 +  const [now, setNow] = (0, import_react10.useState)(Date.now);
 +  (0, import_react10.useEffect)(() => {
-     if (phase !== "in") return void 0;
-     const timer = setInterval(() => setNow(Date.now()), 1e4);
-     return () => clearInterval(timer);
-   }, [phase]);
--  const host = useRunningHost(running);
++    if (phase !== "in") return void 0;
++    const timer = setInterval(() => setNow(Date.now()), 1e4);
++    return () => clearInterval(timer);
++  }, [phase]);
 +  const remote = bot?.remote !== void 0;
 +  const host = useRunningHost(running || remote && phase !== null, running || !remote ? RUNNING_HOST : TAIL_HOST);
 +  const drawn = (0, import_react10.useRef)(false);
@@ -6243,36 +8891,70 @@ diff --git a/client.js b/client.js
 +  (0, import_react10.useEffect)(() => {
 +    drawn.current = Boolean(host && phase !== null && shown);
 +  }, [host, phase, shown]);
-   if (!host || phase === null || !shown) return null;
-   const elapsed = now - shown.at >= 6e4 ? elapsedLabel(now - shown.at) : null;
--  return (0, import_react_dom2.createPortal)((0, import_react7.createElement)(
++  if (!host || phase === null || !shown) return null;
++  const elapsed = now - shown.at >= 6e4 ? elapsedLabel(now - shown.at) : null;
 +  return (0, import_react_dom2.createPortal)((0, import_react10.createElement)(
      "div",
--    { className: "bt-typing", "data-exiting": phase === "out" ? "" : void 0, "aria-hidden": true },
--    bot ? (0, import_react7.createElement)(BotMark, { bot, size: 28, state: markState.current, live: true, pokeable: true }) : (0, import_react7.createElement)(RoomAvatar, { room: room2, roster, size: 28 }),
--    (0, import_react7.createElement)(
+-    { ref: tools, className: "bt-tools", "data-open": panel !== null || void 0 },
+-    react ? (0, import_react6.createElement)("button", { type: "button", className: "bt-tool", "aria-label": t("Add reaction"), title: t("Add reaction"), "aria-expanded": panel === "react", onClick: (event) => open("react", event) }, (0, import_react6.createElement)(SmileIcon)) : null,
+-    sessionId ? (0, import_react6.createElement)("button", { type: "button", className: "bt-tool", "aria-label": t("Reply"), title: t("Reply"), onClick: () => actions.quote(sessionId, text) }, (0, import_react6.createElement)(ReplyIcon)) : null,
+-    (0, import_react6.createElement)("button", { type: "button", className: "bt-tool", "aria-label": t("More message actions"), title: t("More"), "aria-haspopup": "menu", "aria-expanded": panel === "more", onClick: (event) => open("more", event) }, copied ? (0, import_react6.createElement)(CheckIcon) : (0, import_react6.createElement)(DotsIcon)),
+-    panel === "react" ? (0, import_react_dom.createPortal)((0, import_react6.createElement)(
+-      "div",
+-      { ref: pop, className: "bt-react-strip", role: "menu", "aria-label": t("Reactions"), style: place },
+-      REACTIONS.map((emoji) => (0, import_react6.createElement)("button", { key: emoji, type: "button", role: "menuitem", "aria-label": emoji, onClick: () => {
+-        close();
+-        react(emoji);
+-      } }, emoji))
+-    ), document.body) : null,
+-    panel === "more" ? (0, import_react_dom.createPortal)((0, import_react6.createElement)(
+-      "div",
+-      { ref: pop, className: "bt-menu", role: "menu", "aria-label": t("Message actions"), style: place },
+-      item(t("Copy"), CopyIcon, copy2),
+-      item(t("Download"), DownloadIcon, download2)
+-    ), document.body) : null
+-  );
 +    { className: "bt-typing", "data-exiting": phase === "out" ? "" : void 0, "data-carry": carry && phase !== "out" ? "" : void 0, "data-remote": remote ? "" : void 0, "data-flybot": shown.key === "remote-approval" ? "remote-approval" : void 0, "aria-hidden": true },
 +    bot ? (0, import_react10.createElement)(BotMark, { bot, size: 28, state: markState.current, live: true, pokeable: true }) : (0, import_react10.createElement)(RoomAvatar, { room: room2, roster, size: 28 }),
 +    (0, import_react10.createElement)(
-       "span",
-       { className: "bt-typing-text" },
--      (0, import_react7.createElement)(
++      "span",
++      { className: "bt-typing-text" },
 +      (0, import_react10.createElement)(
-         "span",
-         { key: `${shown.key}:${shown.at}`, className: "bt-typing-label" },
--        (0, import_react7.createElement)(Shimmer, null, `${shown.text}…`),
--        elapsed ? (0, import_react7.createElement)("span", { className: "bt-typing-time" }, `· ${elapsed}`) : null
++        "span",
++        { key: `${shown.key}:${shown.at}`, className: "bt-typing-label" },
 +        (0, import_react10.createElement)(Shimmer, null, `${shown.text}…`),
 +        elapsed ? (0, import_react10.createElement)("span", { className: "bt-typing-time" }, `· ${elapsed}`) : null
-       )
-     )
-   ), host);
-@@ -4731,49 +4731,1905 @@
-   return dsh.kind === "app" && APP_OFFER.has(app?.phase) && sameVersion(app.version, dsh.verified);
++      )
++    )
++  ), host);
  }
- 
--// src/client/sidebar.js
--var import_react8 = require("react");
+-function ThinkingRow({ text }) {
+-  return (0, import_react6.createElement)(
+-    "details",
+-    { className: "bt-think" },
+-    (0, import_react6.createElement)("summary", null, t("Thought it through")),
+-    (0, import_react6.createElement)("div", { className: "bt-think-text" }, text)
+-  );
++
++// src/client/dsh-offer.js
++var APP_OFFER = /* @__PURE__ */ new Set(["available", "downloading", "verifying", "installing", "ready"]);
++var bare = (value) => String(value ?? "").trim().replace(/^v/i, "").split("+")[0];
++var sameVersion = (a, b) => bare(a) !== "" && bare(a) === bare(b);
++function showsDshRow(dsh, app) {
++  if (!dsh?.verified || !dsh.current || sameVersion(dsh.verified, dsh.current)) return false;
++  if (dsh.kind === "npm") return true;
++  return dsh.kind === "app" && APP_OFFER.has(app?.phase) && sameVersion(app.version, dsh.verified);
+ }
+-function useFileMentions({ node, openFile, fileMentions, useTurnData }) {
+-  const tail = useTurnData?.("turn-tail");
+-  const location2 = node.location;
+-  const turn = location2?.kind === "turn" || location2?.kind === "step" ? location2.turn : void 0;
+-  const seq = node.data.finalNode?.seq;
+-  return (0, import_react6.useMemo)(() => {
+-    if (typeof fileMentions !== "function" || turn?.status !== "closed" || seq === void 0) return void 0;
+-    return tail?.closing?.finalNode.seq === seq ? fileMentions({ turn, seq, openFile }) : void 0;
+-  }, [fileMentions, openFile, seq, tail, turn]);
++
 +// src/client/overlay-hooks.js
 +var import_react11 = require("react");
 +var escapeLayers = [];
@@ -6290,7 +8972,41 @@ diff --git a/client.js b/client.js
 +      if (escapeLayers.length === 0) window.removeEventListener("keydown", onEscapeKey);
 +    };
 +  }, []);
-+}
+ }
+-function AssistantCell({ node, groupPart, sessionId, openFile, fileMentions, useTurnData, useRoster, useUi, useTurnSteps, useTurnContext, actions }) {
+-  const roster = useRoster((value) => value);
+-  const data = node.data;
+-  const steps = useTurnSteps(String(data.turn));
+-  const contexts = useTurnContext(String(data.turn));
+-  const mentions = useFileMentions({ node, openFile, fileMentions, useTurnData });
+-  const hidden = Boolean(roster.roomsById[sessionId]) || isHiddenTurn(roster, sessionId, data.turn);
+-  const texts2 = groupPart === "reasoning" ? [] : data.blocks.filter((block) => block.kind === "text" && block.text.trim() !== "").map((block) => block.text);
+-  const running = data.status === "running";
+-  useLiveNote(actions, sessionId, `text:${node.key ?? data.seq}`, !hidden && running && texts2.length > 0 ? { text: true } : null);
+-  if (hidden) return null;
+-  const reasoning = groupPart === "response" ? "" : turnReasoning(steps, data);
+-  const relays = relayPart(data, groupPart) ? relaysBefore(contexts, steps, data) : [];
+-  if (texts2.length === 0 && !reasoning && relays.length === 0) return null;
+-  const selfId = roster.byId[sessionId]?.id ?? sessionId;
+-  return (0, import_react6.createElement)(
+-    import_react6.Fragment,
+-    null,
+-    relays.map((relay) => {
+-      const source = relay.source;
+-      const sender = roster.byId[source.senderSessionId] ?? { id: source.senderSessionId, name: source.senderName ?? t("a Bot"), color: "gray" };
+-      return (0, import_react6.createElement)(EventLine, {
+-        key: relay.seq,
+-        prefix: source.role === "stopped" ? t("Stopped by") : source.role === "reply" ? t("Reply from") : t("Message from"),
+-        bots: [sender],
+-        onOpen: () => {
+-          if (sender.id) actions.openExchange(selfId, sender.id);
+-        },
+-        whole: true
+-      });
+-    }),
+-    reasoning ? (0, import_react6.createElement)(ThinkingRow, { text: reasoning }) : null,
+-    texts2.length ? (0, import_react6.createElement)(Bubbles, { texts: texts2, roster, selfId, actions, streaming: running, sessionId, msgKey: `${sessionId}:${data.turn}:${node.key ?? data.seq ?? ""}`, useUi, mentions }) : null
+-  );
 +function usePaneLeft() {
 +  const [paneLeft, setPaneLeft] = (0, import_react11.useState)(280);
 +  (0, import_react11.useLayoutEffect)(() => {
@@ -6298,7 +9014,31 @@ diff --git a/client.js b/client.js
 +    if (column) setPaneLeft(Math.round(column.getBoundingClientRect().right));
 +  }, []);
 +  return paneLeft;
-+}
+ }
+-function EventLine({ prefix, bots, joiner = t("and"), onOpen, whole = false }) {
+-  if (whole && bots.length === 1) {
+-    return (0, import_react6.createElement)(
+-      "div",
+-      { className: "bt-event" },
+-      (0, import_react6.createElement)(
+-        "button",
+-        { type: "button", className: "bt-event-whole", title: bots[0].name, onClick: () => onOpen?.(bots[0]) },
+-        (0, import_react6.createElement)("span", null, prefix),
+-        (0, import_react6.createElement)(BotMark, { bot: bots[0], size: 16 }),
+-        (0, import_react6.createElement)("span", { className: "bt-event-name" }, bots[0].name)
+-      )
+-    );
+-  }
+-  const parts = [];
+-  parts.push((0, import_react6.createElement)("span", { key: "p" }, prefix));
+-  bots.forEach((bot, index) => {
+-    if (index > 0) parts.push((0, import_react6.createElement)("span", { key: `j${index}` }, joiner));
+-    parts.push((0, import_react6.createElement)(
+-      "button",
+-      { key: bot.id ?? index, type: "button", onClick: () => onOpen?.(bot) },
+-      (0, import_react6.createElement)(BotMark, { bot, size: 16 }),
+-      bot.name
+-    ));
 +
 +// src/client/member-status.js
 +var import_react12 = require("react");
@@ -6336,8 +9076,11 @@ diff --git a/client.js b/client.js
 +    const entry = entries2.find((item) => item.botId === botId);
 +    const room2 = roster.roomsById[roomId];
 +    return entry && room2 ? [{ room: room2, tool: entry.tool, step: stepIn(work, botId, roomId, entry.tool), since: entry.since }] : [];
-+  });
-+}
+   });
+-  return (0, import_react6.createElement)("div", { className: "bt-event" }, parts);
+ }
+-function GroupMessage({ bot, text, room: room2, roster, actions, msgKey, useUi }) {
+-  const lead = (0, import_react6.createElement)(
 +function summaryText(busy) {
 +  const asks = busy.filter((entry) => entry.state === "ask");
 +  const workers = busy.filter((entry) => entry.state === "work");
@@ -6359,12 +9102,18 @@ diff --git a/client.js b/client.js
 +  const text2 = `${label} · ${workText(tool, step)}`;
 +  const elapsed = elapsedSince(now, at);
 +  return (0, import_react12.createElement)(
-+    "button",
+     "button",
+-    { type: "button", className: "bt-lead", "aria-label": t("Open {name}'s chat", { name: bot.name }), onClick: () => actions.openSession(bot.id) },
+-    (0, import_react6.createElement)(BotMark, { bot, size: 22 })
 +    { type: "button", className: "bt-mw-row", "aria-label": [text2, elapsed].filter(Boolean).join(" · "), onClick: onOpen },
 +    (0, import_react12.createElement)(BotMark, { bot, size: 22, state: toolState(tool ?? ""), live: true }),
 +    (0, import_react12.createElement)("span", { className: "bt-mw-row-text" }, (0, import_react12.createElement)(Shimmer, null, text2)),
 +    elapsed ? (0, import_react12.createElement)("span", { className: "bt-mw-row-time" }, `· ${elapsed}`) : null
-+  );
+   );
+-  return (0, import_react6.createElement)(
+-    "div",
+-    { className: "bt-group-msg" },
+-    (0, import_react6.createElement)(
 +}
 +function SummaryLine({ busy, now, onOpen }) {
 +  const { waiting, doing } = summaryText(busy);
@@ -6374,15 +9123,21 @@ diff --git a/client.js b/client.js
 +    { type: "button", className: "bt-mw-row bt-mw-line", "aria-label": [waiting, doing, elapsed].filter(Boolean).join(" · "), onClick: onOpen },
 +    (0, import_react12.createElement)("span", { className: "bt-mw-stack", "aria-hidden": true }, busy.slice(0, 4).map((entry) => (0, import_react12.createElement)(Face, { key: entry.id, entry, size: 16 }))),
 +    (0, import_react12.createElement)(
-+      "span",
+       "span",
+-      { className: "bt-group-name", style: { color: inkText(colorOf(bot)) } },
+-      bot.name,
+-      room2?.admin === bot.id ? (0, import_react6.createElement)("span", { className: "bt-group-role" }, t("Admin")) : null
 +      { className: "bt-mw-row-text" },
 +      waiting ? (0, import_react12.createElement)("span", { className: "bt-mw-ask" }, waiting) : null,
 +      waiting && doing ? " · " : null,
 +      doing ? (0, import_react12.createElement)(Shimmer, null, doing) : null
-+    ),
+     ),
+-    (0, import_react6.createElement)(Bubbles, { texts: [text], roster, selfId: bot.id, actions, sessionId: room2?.id, msgKey, useUi, lead })
 +    elapsed ? (0, import_react12.createElement)("span", { className: "bt-mw-row-time" }, `· ${elapsed}`) : null
-+  );
-+}
+   );
+ }
+-function GroupEvent({ prefix, room: room2, name, roster, actions }) {
+-  return (0, import_react6.createElement)(
 +function MemberDock({ sessionId, useRoster, useWork, actions }) {
 +  const roster = useRoster((value) => value);
 +  const work = useWork((value) => value);
@@ -6455,7 +9210,10 @@ diff --git a/client.js b/client.js
 +    void Promise.resolve(actions.answerApproval(approval.id, choice)).catch((error) => actions.reportError(error, "approval")).finally(() => setBusy(false));
 +  };
 +  return (0, import_react12.createElement)(
-+    "div",
+     "div",
+-    { className: "bt-event" },
+-    (0, import_react6.createElement)("span", null, prefix),
+-    room2 ? (0, import_react6.createElement)("button", { type: "button", onClick: () => actions.openSession(room2.id) }, (0, import_react6.createElement)(RoomAvatar, { room: room2, roster, size: 16 }), room2.name) : name ? (0, import_react6.createElement)("span", null, name) : null
 +    { className: "bt-mw-card", role: "group", "aria-label": t("{name} is waiting for your approval", { name: bot.name }) },
 +    (0, import_react12.createElement)("div", { className: "bt-mw-tool" }, approval.tool),
 +    approval.detail?.text ? (0, import_react12.createElement)("div", { className: "bt-mw-text" }, approval.detail.text) : null,
@@ -6472,8 +9230,17 @@ diff --git a/client.js b/client.js
 +      { className: "bt-mw-actions" },
 +      (0, import_react12.createElement)("button", { type: "button", className: "bt-q-btn", onClick: () => actions.openSession(bot.id) }, t("Open {name}'s chat", { name: bot.name }))
 +    )
-+  );
-+}
+   );
+ }
+-function MemoryEvent({ sessionId, scope, result, roster, actions, findBot }) {
+-  if (!/^(Saved to|Updated in|Removed from) /.test(result)) return null;
+-  const self = roster.byId[sessionId];
+-  const team = /^(team|团队|共享)$/i.test(String(scope ?? "").trim());
+-  const other = team || !scope ? void 0 : findBot(scope);
+-  const target = other && other.id !== self?.id ? other : self;
+-  if (!target) return null;
+-  const label = team ? t("Team memory updated") : target === self ? t("Memory updated") : t("Updated {name}'s memory", { name: target.name });
+-  return (0, import_react6.createElement)(
 +function MemberWork({ entry, bot, room: room2, actions, now }) {
 +  const [stopping, setStopping] = (0, import_react12.useState)(false);
 +  if (entry.state === "ask") {
@@ -6490,7 +9257,9 @@ diff --git a/client.js b/client.js
 +    void Promise.resolve(actions.stopMemberWork(room2.id, bot.id)).catch((error) => actions.reportError(error, "stop")).finally(() => setStopping(false));
 +  };
 +  return (0, import_react12.createElement)(
-+    "div",
+     "div",
+-    { className: "bt-event" },
+-    (0, import_react6.createElement)("button", { type: "button", title: result, onClick: () => actions.openMemory(target.id) }, (0, import_react6.createElement)(MemoryIcon), label)
 +    { className: "bt-mw-member" },
 +    (0, import_react12.createElement)(
 +      "div",
@@ -6498,14 +9267,21 @@ diff --git a/client.js b/client.js
 +      (0, import_react12.createElement)("span", null, (0, import_react12.createElement)(Shimmer, null, workText(entry.doing.tool, entry.doing.step)), since(now, entry.doing.since)),
 +      entry.here && entry.doing.handed !== true ? (0, import_react12.createElement)("button", { type: "button", className: "bt-mw-stop", disabled: stopping, onClick: stop }, t("Stop")) : null
 +    )
-+  );
-+}
+   );
+ }
+-function PartLine({ time }) {
+-  return (0, import_react6.createElement)("div", { className: "bt-part-line", role: "separator" }, Number.isFinite(time) ? (0, import_react6.createElement)("span", null, dayLabel(time)) : null);
 +function useMemberWork(room2, useWork) {
 +  const work = useWork?.((value) => value) ?? NO_WORK;
 +  const entries2 = room2 ? memberWork(room2, work) : [];
 +  const now = useNow(entries2.some((entry) => entry.state !== "idle"));
 +  return { entries: entries2, now };
-+}
+ }
+-var scrollParent = (node) => {
+-  for (let at = node.parentElement; at; at = at.parentElement) {
+-    if (/(auto|scroll)/.test(getComputedStyle(at).overflowY)) return at;
+-  }
+-  return null;
 +var MEMBER_CSS = `
 +.bt-mw-dock-stack{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:var(--dsh-chat-content-width,min(960px,100%));margin:0 auto 6px;pointer-events:none}
 +.bt-mw-row{pointer-events:auto;display:flex;align-items:center;gap:10px;min-width:0;max-width:calc(100% + 6px);height:32px;margin-inline-start:-6px;padding:0 12px 0 6px;border:0;border-radius:16px;background:none;color:var(--bt-ink-2);font:inherit;font-size:14px;cursor:pointer;animation:bt-mw-in .32s cubic-bezier(.23,1,.32,1) backwards;transition:background-color .16s ease-out}
@@ -6551,7 +9327,26 @@ diff --git a/client.js b/client.js
 +  accepted: "done",
 +  cancelled: "done",
 +  failed: "done"
-+};
+ };
+-function EarlierParts({ sessionId, roster, actions }) {
+-  const [view, setView] = (0, import_react6.useState)({ items: [], cursor: void 0, loading: true, failed: false, startedAt: null });
+-  const top = (0, import_react6.useRef)(null);
+-  const busy = (0, import_react6.useRef)(false);
+-  const alive = (0, import_react6.useRef)(true);
+-  const restore = (0, import_react6.useRef)(null);
+-  const load = (cursor) => {
+-    if (busy.current) return;
+-    busy.current = true;
+-    setView((current) => ({ ...current, loading: true, failed: false }));
+-    actions.earlier(sessionId, cursor).then((page) => {
+-      busy.current = false;
+-      if (!alive.current) return;
+-      const scroller = top.current && scrollParent(top.current);
+-      if (scroller) restore.current = { scroller, fromEnd: scroller.scrollHeight - scroller.scrollTop };
+-      setView((current) => ({ items: [...page.items, ...current.items], cursor: page.cursor, loading: false, failed: false, startedAt: page.startedAt ?? current.startedAt }));
+-    }, () => {
+-      busy.current = false;
+-      if (alive.current) setView((current) => ({ ...current, loading: false, failed: true }));
 +function columnOf(task) {
 +  return COLUMN_OF[task?.status] ?? "not-started";
 +}
@@ -6645,13 +9440,74 @@ diff --git a/client.js b/client.js
 +    }).catch(() => {
 +    }).finally(() => {
 +      if (!stopped) timer = setTimeout(load, POLL_MS2);
-+    });
+     });
+-  };
+-  (0, import_react6.useEffect)(() => {
+-    alive.current = true;
+-    load(void 0);
 +    load();
-+    return () => {
+     return () => {
+-      alive.current = false;
 +      stopped = true;
 +      clearTimeout(timer);
 +      taskListeners.delete(setTasks);
-+    };
+     };
+-  }, [sessionId]);
+-  (0, import_react6.useLayoutEffect)(() => {
+-    const pending = restore.current;
+-    restore.current = null;
+-    if (pending) pending.scroller.scrollTop = pending.scroller.scrollHeight - pending.fromEnd;
+-  }, [view.items]);
+-  (0, import_react6.useEffect)(() => {
+-    const node = top.current;
+-    if (!node || view.loading || view.failed || !view.cursor || typeof IntersectionObserver !== "function") return void 0;
+-    const observer = new IntersectionObserver((entries2) => {
+-      if (entries2.some((entry) => entry.isIntersecting)) load(view.cursor);
+-    }, { root: scrollParent(node), rootMargin: "600px 0px 0px 0px" });
+-    observer.observe(node);
+-    return () => observer.disconnect();
+-  }, [view.cursor, view.loading, view.failed]);
+-  const selfId = roster.byId[sessionId]?.id;
+-  const rows = [];
+-  for (const item of view.items) {
+-    const last = rows.at(-1);
+-    if (item.kind === "bot" && last?.kind === "bot") last.texts.push(item.text);
+-    else rows.push(item.kind === "bot" ? { kind: "bot", texts: [item.text] } : item);
+-  }
+-  return (0, import_react6.createElement)(
+-    "div",
+-    { className: "bt-earlier", role: "feed", "aria-label": t("Earlier messages"), "aria-busy": view.loading },
+-    (0, import_react6.createElement)(
+-      "div",
+-      { ref: top, className: "bt-earlier-top" },
+-      view.loading ? (0, import_react6.createElement)(Shimmer, null, t("Loading earlier messages…")) : view.failed ? (0, import_react6.createElement)("button", { type: "button", className: "bt-soft", onClick: () => load(view.cursor) }, t("Couldn’t load earlier messages · Retry")) : view.cursor ? (0, import_react6.createElement)("button", { type: "button", className: "bt-soft", onClick: () => load(view.cursor) }, t("Load earlier")) : null
+-    ),
+-    rows.map((row, index) => {
+-      const key = rows.length - index;
+-      switch (row.kind) {
+-        case "divider":
+-          return (0, import_react6.createElement)(PartLine, { key, time: row.time });
+-        case "user":
+-          return (0, import_react6.createElement)("div", { key, className: "bt-urow" }, (0, import_react6.createElement)(
+-            "div",
+-            { className: "bt-ububble" },
+-            row.text ? (0, import_react6.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: row.text, labels: mdLabels(), variant: "compact" }) : null,
+-            row.images ? (0, import_react6.createElement)("span", { className: "bt-uimages" }, row.images === 1 ? t("1 image") : t("{count} images", { count: row.images })) : null
+-          ));
+-        case "answer":
+-          return (0, import_react6.createElement)(AnsweredCell, { key, node: { data: row } });
+-        case "bot":
+-          return (0, import_react6.createElement)(Bubbles, { key, texts: row.texts, roster, selfId, actions });
+-        case "event": {
+-          if (row.role === "report") return (0, import_react6.createElement)(GroupEvent, { key, prefix: t("Replies from"), room: roster.roomsById[row.roomId], name: t("a group chat"), roster, actions });
+-          const other = roster.byId[row.botId] ?? { id: row.botId, name: row.name ?? t("a Bot"), color: "gray" };
+-          const prefix = { stopped: t("Stopped by"), reply: t("Reply from") }[row.role] ?? t("Message from");
+-          return (0, import_react6.createElement)(EventLine, { key, prefix, bots: [other], onOpen: () => {
+-            if (selfId && other.id) actions.openExchange(selfId, other.id);
+-          }, whole: true });
+-        }
+-        default:
+-          return null;
 +  }, []);
 +  return tasks;
 +}
@@ -6678,11 +9534,39 @@ diff --git a/client.js b/client.js
 +      if (workflowListeners.size === 0 && workflowPoll !== null) {
 +        clearInterval(workflowPoll);
 +        workflowPoll = null;
-+      }
+       }
+-    }),
+-    (0, import_react6.createElement)(PartLine, { time: view.startedAt })
+-  );
 +    };
 +  }, []);
 +  return workflows;
-+}
+ }
+-function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnClock, useUi, actions }) {
+-  const roster = useRoster((value) => value);
+-  const data = node.data;
+-  const source = data.source !== null && typeof data.source === "object" ? data.source : {};
+-  const selfId = roster.byId[sessionId]?.id ?? sessionId;
+-  const deferred = source.kind === "bot" && source.deferred === true;
+-  const relayed = isRelayContext(data);
+-  const turn = node.location?.turn?.turn ?? data.turn;
+-  (0, import_react6.useLayoutEffect)(() => {
+-    if (relayed) actions.noteTurnPeer(sessionId, turn, source.senderSessionId);
+-  }, [relayed, sessionId, turn, source.senderSessionId]);
+-  const order = useSessions((list) => {
+-    const outline = list.projectionsBySession?.[sessionId]?.values?.turnOutline ?? list.byId[sessionId]?.projectionValues?.turnOutline;
+-    return Array.isArray(outline) ? outline.map((entry) => entry.turn).join(",") : "";
+-  });
+-  const peers = useTurnClock((state) => {
+-    if (!relayed) return "";
+-    const turns = state[sessionId] ?? {};
+-    return Object.keys(turns).filter((key) => turns[key].peer !== void 0).map((key) => `${key}:${turns[key].peer}`).join(",");
+-  });
+-  const visit = useUi((state) => state.visits?.[sessionId]);
+-  const hiddenTurns = roster.exchangeTurns[sessionId];
+-  const unreadOpening = useTurnClock((state) => {
+-    const first = openingTurn(state[sessionId], order, hiddenTurns);
+-    return first?.turn === turn && unseenSince(visit, first.start) ? clockLabel(first.start) : "";
 +var ownBot = (roster, id) => {
 +  const bot = roster.byId?.[id];
 +  if (bot === void 0 || bot.remote) return void 0;
@@ -6785,7 +9669,44 @@ diff --git a/client.js b/client.js
 +    title: count === 1 ? t("1 message waits for your approval") : t("{count} messages wait for your approval", { count }),
 +    hint: t("Approve it in the chat"),
 +    ...extra
-+  });
+   });
+-  const body = triggerBody();
+-  return unreadOpening ? (0, import_react6.createElement)(import_react6.Fragment, null, (0, import_react6.createElement)("div", { className: "bt-open-new" }, (0, import_react6.createElement)(NewDivider), (0, import_react6.createElement)("div", { className: "bt-time-sep", role: "separator" }, unreadOpening)), body) : body;
+-  function triggerBody() {
+-    if (source.kind === "bot") {
+-      if (source.handoff === true) return roster.roomsById[sessionId] ? null : (0, import_react6.createElement)(EarlierParts, { sessionId, roster, actions });
+-      if (source.role === "kickoff" || source.role === "room") return null;
+-      if (source.role === "secret" || deferred) return null;
+-      if (source.role === "post") {
+-        if (source.failed !== void 0 || source.resumed === true || source.stopped === true) return null;
+-        const room2 = roster.roomsById[sessionId];
+-        const poster = roster.byId[source.senderSessionId] ?? { id: source.senderSessionId, name: source.senderName ?? t("a Bot"), color: "gray" };
+-        return (0, import_react6.createElement)(GroupMessage, { bot: poster, text: stripHeader(contentText(data.content)), room: room2, roster, actions, msgKey: `${sessionId}:${data.turn}:post`, useUi });
+-      }
+-      if (source.role === "report") {
+-        return (0, import_react6.createElement)(GroupEvent, { prefix: t("Replies from"), room: roster.roomsById[source.roomId], name: t("a group chat"), roster, actions });
+-      }
+-      if (source.role === "resume" || source.resumed === true) return (0, import_react6.createElement)("div", { className: "bt-event" }, t("Picked up its work after a restart"));
+-      if (source.role === "retry" || source.retried === true) return (0, import_react6.createElement)("div", { className: "bt-event" }, t("Asked to make the tool call it wrote as text"));
+-      const run = relayed ? commRunOf(
+-        order.split(",").filter(Boolean).map(Number),
+-        Object.fromEntries(peers.split(",").filter(Boolean).map((pair) => [Number(pair.slice(0, pair.indexOf(":"))), pair.slice(pair.indexOf(":") + 1)])),
+-        turn,
+-        hiddenTurns
+-      ) : null;
+-      if (run === "folded") return null;
+-      const sender = roster.byId[source.senderSessionId] ?? { id: source.senderSessionId, name: source.senderName ?? t("a Bot"), color: "gray" };
+-      const count = run?.count ?? (isHiddenTurn(roster, sessionId, turn) ? 2 : 1);
+-      const bots = [sender];
+-      for (const peer of (run?.peerIds ?? []).map((id) => roster.byId[id]).filter(Boolean)) {
+-        if (!bots.some((bot) => bot.id === peer.id)) bots.push(peer);
+-      }
+-      return (0, import_react6.createElement)(EventLine, {
+-        prefix: source.role === "stopped" ? t("Stopped by") : count > 1 ? t("{count} messages with", { count }) : t("Message from"),
+-        bots,
+-        onOpen: (bot) => actions.openExchange(selfId, bot.id),
+-        whole: true
+-      });
 +  for (const bot of roster.bots ?? []) {
 +    const count = bot.pendingCount ?? 0;
 +    if (count <= 0) continue;
@@ -6864,7 +9785,10 @@ diff --git a/client.js b/client.js
 +      const column = columnOf(task);
 +      if (column === "in-progress") progress.push({ ...card, status: "task", since: startedAtOf(task) });
 +      else if (column === "done" && fresh(task.updatedAt)) done.push({ ...card, status: task.status === "cancelled" ? "cancelled" : "done" });
-+    }
+     }
+-    if (source.kind === "schedule") {
+-      const prompts = reminderPrompts(contentText(data.content));
+-      return (0, import_react6.createElement)("div", { className: "bt-event" }, prompts.length > 0 ? t("Scheduled task: {text}", { text: prompts.join(" · ").slice(0, 80) }) : t("Routine started"));
 +  }
 +  for (const graph of Array.isArray(workflows) ? workflows : []) {
 +    if (graph === null || typeof graph !== "object") continue;
@@ -6876,7 +9800,9 @@ diff --git a/client.js b/client.js
 +      const at2 = endedAt(run);
 +      if (!fresh(at2)) continue;
 +      if (latest === void 0 || at2 > endedAt(latest)) latest = run;
-+    }
+     }
+-    if (source.kind === "user-question-reply") return null;
+-    return (0, import_react6.createElement)("div", { className: "bt-event" }, contentText(data.content).slice(0, 80) || t("Update"));
 +    if (latest === void 0) continue;
 +    const at = endedAt(latest);
 +    const name = typeof graph.name === "string" && graph.name.trim() !== "" ? graph.name.trim() : String(graph.id ?? t("A workflow"));
@@ -6894,7 +9820,48 @@ diff --git a/client.js b/client.js
 +      reason,
 +      ...caller === void 0 ? {} : { bot: caller }
 +    });
-+  }
+   }
+-}
+-function NewDivider() {
+-  return (0, import_react6.createElement)("div", { className: "bt-new-sep", role: "separator", "aria-label": t("New messages") }, (0, import_react6.createElement)("span", null, t("New")));
+-}
+-function TurnProcessCell({ node, sessionId, turnProcess, useRoster, useUi, useTurnClock, actions }) {
+-  const open = turnProcess === void 0 || !turnProcess.foldable || turnProcess.open;
+-  (0, import_react6.useEffect)(() => {
+-    if (!open) turnProcess.setOpen(true);
+-  }, [open, turnProcess]);
+-  const turn = node?.location?.turn?.turn ?? node?.data?.turn;
+-  const start = node?.location?.turn?.start?.time;
+-  const hidden = useRoster((roster) => isHiddenTurn(roster, sessionId, turn));
+-  (0, import_react6.useEffect)(() => {
+-    actions.noteTurnTime(sessionId, turn, "first", start);
+-  }, [sessionId, turn, start]);
+-  const visit = useUi((state) => state.visits?.[sessionId]);
+-  const fresh = useTurnClock((state) => {
+-    const own = state[sessionId]?.[turn];
+-    return !hidden && typeof visit?.seen === "number" && own?.first !== void 0 && own.first <= visit.seen && own.end !== void 0 && own.end > visit.seen && own.end <= visit.entered;
+-  });
+-  return fresh ? (0, import_react6.createElement)(NewDivider) : null;
+-}
+-function Nothing() {
+-  return null;
+-}
+-var SEPARATOR_GAP_MS = 30 * 60 * 1e3;
+-function clockLabel(time, now = Date.now()) {
+-  const date = new Date(time);
+-  const midnight = (value) => new Date(value.getFullYear(), value.getMonth(), value.getDate()).getTime();
+-  const days = Math.round((midnight(new Date(now)) - midnight(date)) / 864e5);
+-  const clock4 = date.toLocaleTimeString(dateLocale(), { hour: "numeric", minute: "2-digit" });
+-  if (days === 0) return t("Today {time}", { time: clock4 });
+-  if (days === 1) return t("Yesterday {time}", { time: clock4 });
+-  const sameYear = date.getFullYear() === new Date(now).getFullYear();
+-  return `${date.toLocaleDateString(dateLocale(), { weekday: "short", month: "short", day: "numeric", ...sameYear ? {} : { year: "numeric" } })} ${clock4}`;
+-}
+-function nextTurnStart(turns, turn) {
+-  let next;
+-  for (const key in turns) {
+-    const candidate = Number(key);
+-    if (candidate > turn && turns[key].first !== void 0 && (next === void 0 || candidate < next)) next = candidate;
 +  if (sessions?.byId) {
 +    for (const bot of roster.bots ?? []) {
 +      if (ownBot(roster, bot.id) === void 0 || work.bots?.[bot.id] !== void 0 || waitingAt.has(`${bot.id}|`)) continue;
@@ -6906,7 +9873,17 @@ diff --git a/client.js b/client.js
 +      if (text2 === "") continue;
 +      done.push({ id: `chat:${bot.id}`, kind: "chat", status: "done", bot, at, title: text2, place: "", chat: bot.id, ...people(roster, bot.id) });
 +    }
-+  }
+   }
+-  return next === void 0 ? void 0 : turns[next].first;
+-}
+-function openingTurn(turns, firstTurns, hiddenTurns) {
+-  if (!turns || !firstTurns) return null;
+-  const start = nextTurnStart(turns, -Infinity);
+-  if (start === void 0) return null;
+-  const turn = Number(Object.keys(turns).filter((key) => turns[key].first === start)[0]);
+-  const listed = firstTurns.split(",").map(Number);
+-  const earlier = listed.filter((entry) => entry < turn);
+-  return listed.includes(turn) && earlier.every((entry) => hiddenTurns?.includes(entry)) ? { turn, start } : null;
 +  const newest = (a, b) => (b.at ?? Infinity) - (a.at ?? Infinity);
 +  for (const card of [...needs, ...progress, ...done]) {
 +    card.activity = latestActivity(card, { roster, work, sessions });
@@ -6946,7 +9923,30 @@ diff --git a/client.js b/client.js
 +    return Promise.resolve(actions.answerApproval(card.approval.id, choice));
 +  }
 +  return void 0;
-+}
+ }
+-var unseenSince = (visit, time) => typeof visit?.seen === "number" && time > visit.seen && time <= visit.entered;
+-function TurnTailCell({ turn: location2, sessionId, useTurnClock, useUi, actions }) {
+-  const turn = location2.turn;
+-  const time = location2.end.time;
+-  (0, import_react6.useEffect)(() => {
+-    actions.noteTurnTime(sessionId, turn, "end", time);
+-  }, [sessionId, turn, time]);
+-  const label = useTurnClock((state) => {
+-    const start = nextTurnStart(state[sessionId] ?? {}, turn);
+-    return start !== void 0 && start - time >= SEPARATOR_GAP_MS ? clockLabel(start) : "";
+-  });
+-  const visit = useUi((state) => state.visits?.[sessionId]);
+-  const fresh = useTurnClock((state) => {
+-    if (typeof visit?.seen !== "number" || time > visit.seen) return false;
+-    const start = nextTurnStart(state[sessionId] ?? {}, turn);
+-    return start !== void 0 && start > visit.seen && start <= visit.entered;
+-  });
+-  if (!label && !fresh) return null;
+-  return (0, import_react6.createElement)(
+-    import_react6.Fragment,
+-    null,
+-    label ? (0, import_react6.createElement)("div", { className: "bt-time-sep", role: "separator" }, label) : null,
+-    fresh ? (0, import_react6.createElement)(NewDivider) : null
 +var answerSlots = /* @__PURE__ */ new Map();
 +var answerSlot = (id) => {
 +  let slot = answerSlots.get(id);
@@ -6999,8 +9999,44 @@ diff --git a/client.js b/client.js
 +      redraw((count) => count + 1);
 +    } }, t("Send back")),
 +    (0, import_react13.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy, onClick: () => onAnswer(card, "accept") }, t("Accept"))
-+  );
-+}
+   );
+ }
+-function Shimmer({ children }) {
+-  return (0, import_react6.createElement)("span", { className: "bt-shimmer" }, children);
+-}
+-var PHRASES = {
+-  thinking: ["Thinking about it", "Weighing the options", "Working out a plan", "Sorting out the details"],
+-  working: ["On it", "Busy with it", "Moving ahead", "Taking care of it", "Making headway"]
+-};
+-var TOOL_PHRASES = [
+-  [/web_?search|search_?web/i, "Searching online"],
+-  [/fetch|browse|browser|web/i, "Reading a page"],
+-  [/shell|bash|pwsh|powershell|exec|command|terminal/i, "Running shell commands"],
+-  [/^(read|view|cat)\b|read_/i, "Opening a file"],
+-  [/grep|glob|list_dir|^ls$|find|search/i, "Looking through files"],
+-  [/write|edit|patch|apply|replace/i, "Writing changes"],
+-  [/image|photo|draw/i, "Working on an image"]
+-];
+-var GROUP_PHRASES = { create_group: "Creating a group", update_group: "Updating the group", delete_group: "Deleting the group", post_to_group: "Posting in the group" };
+-function toolActivity(name, arg, findBot, self) {
+-  switch (name) {
+-    case "ask_user":
+-      return null;
+-    case "request_secret":
+-      return null;
+-    case "list_secrets":
+-      return { label: t("Checking the keys"), state: "searching" };
+-    case "ask_user_question":
+-      return { label: t("Waiting for your answer"), state: "alert" };
+-    case "group_relay":
+-      return { relay: true, state: "orbit" };
+-    case "message_bot": {
+-      const target = findBot(arg("to"));
+-      return { label: target ? t("Asking {name}", { name: target.name }) : t("Asking another Bot"), state: "sending" };
+-    }
+-    case "stop_bot": {
+-      const target = findBot(arg("bot"));
+-      return { label: target ? t("Stopping {name}", { name: target.name }) : t("Stopping another Bot"), state: "sending" };
 +function AnswerFields({ card, busy, onAnswer }) {
 +  const [, redraw] = (0, import_react13.useState)(0);
 +  const question = card.kind === "question";
@@ -7017,7 +10053,12 @@ diff --git a/client.js b/client.js
 +      if (selected.length === 0 && custom === "") return;
 +      onAnswer(card, { selected, custom });
 +      return;
-+    }
+     }
+-    case "create_bot":
+-      return { label: t("Creating {name}", { name: arg("name") ?? t("a Bot") }), state: "sending" };
+-    case "update_bot": {
+-      const target = findBot(arg("name")) ?? findBot(arg("bot")) ?? (arg("bot") ? void 0 : self);
+-      return { label: t("Updating {name}", { name: target?.name ?? t("a Bot") }), state: "sending" };
 +    if (custom === "") return;
 +    onAnswer(card, custom);
 +  };
@@ -7026,7 +10067,23 @@ diff --git a/client.js b/client.js
 +    if (!multi) {
 +      onAnswer(card, { selected: [label], custom: "" });
 +      return;
-+    }
+     }
+-    case "list_bots":
+-      return { label: t("Checking the team"), state: "searching" };
+-    case "read_group_chat":
+-      return { label: t("Reading {name}", { name: arg("group") ?? t("a group chat") }), state: "searching" };
+-    case "read_own_chat":
+-      return { label: t("Looking back through the chat"), state: "searching" };
+-    case "remember":
+-      return { label: t("Saving to memory"), state: "working" };
+-    case "forget":
+-      return { label: t("Updating memory"), state: "working" };
+-    case "recall":
+-      return { label: t("Checking memory"), state: "searching" };
+-    default:
+-      if (GROUP_PHRASES[name]) return { label: t(GROUP_PHRASES[name]), state: "sending" };
+-      const phrase = TOOL_PHRASES.find(([pattern]) => pattern.test(name))?.[1];
+-      return { label: phrase ? t(phrase) : null, state: toolState(name) };
 +    slot.picked = slot.picked.includes(label) ? slot.picked.filter((item) => item !== label) : [...slot.picked, label];
 +    redraw((count) => count + 1);
 +  };
@@ -7092,7 +10149,7 @@ diff --git a/client.js b/client.js
 +function whenText(card, now) {
 +  if (card.status === "running" || card.status === "task") {
 +    return typeof card.since === "number" && now - card.since >= 6e4 ? t("for {time}", { time: elapsedLabel(now - card.since) }) : t("just started");
-+  }
+   }
 +  return typeof card.at === "number" ? relativeShort(card.at) : "";
 +}
 +function InboxCard({ card, roster, now, busy, error, onAnswer, onOpen }) {
@@ -7154,7 +10211,10 @@ diff --git a/client.js b/client.js
 +      (0, import_react13.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", "aria-label": who ? t("Open {name}", { name: card.room?.name ?? who }) : t("Open"), onClick: () => onOpen(card) }, t("Open"))
 +    )
 +  );
-+}
+ }
+-function workPhrase(tool) {
+-  if (!tool) return t("Thinking about it");
+-  return toolActivity(tool, () => void 0, () => void 0)?.label ?? t("On it");
 +function useNow2(ms) {
 +  const [now, setNow] = (0, import_react13.useState)(Date.now);
 +  (0, import_react13.useEffect)(() => {
@@ -7162,7 +10222,14 @@ diff --git a/client.js b/client.js
 +    return () => clearInterval(timer);
 +  }, [ms]);
 +  return now;
-+}
+ }
+-function useLiveNote(actions, sessionId, id, entry) {
+-  const key = entry ? JSON.stringify(entry) : "";
+-  (0, import_react6.useEffect)(() => {
+-    if (!key) return void 0;
+-    actions.noteLive(sessionId, id, JSON.parse(key));
+-    return () => actions.noteLive(sessionId, id, null);
+-  }, [sessionId, id, key]);
 +function openCard(actions, card) {
 +  actions.closeInbox();
 +  if (card?.kind === "workflow") {
@@ -7170,7 +10237,37 @@ diff --git a/client.js b/client.js
 +    return;
 +  }
 +  actions.openSession(card.chat);
-+}
+ }
+-function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi, useWork }) {
+-  const [live, setLive] = (0, import_react6.useState)({ replies: [], speaking: null });
+-  (0, import_react6.useEffect)(() => {
+-    if (done) return void 0;
+-    let stop = false;
+-    let timer;
+-    let seen = "";
+-    const tick = async () => {
+-      const result = await actions.roomProgress(sessionId);
+-      if (stop) return;
+-      const entry = (result ?? []).find((item) => item.callId === callId) ?? (result ?? [])[0];
+-      const key = entry ? JSON.stringify([entry.replies, entry.speaking]) : "";
+-      if (entry && key !== seen) {
+-        seen = key;
+-        setLive({ replies: entry.replies ?? [], speaking: entry.speaking ?? null });
+-      }
+-      timer = setTimeout(tick, document.hidden ? 5e3 : 1e3);
+-    };
+-    void tick();
+-    return () => {
+-      stop = true;
+-      clearTimeout(timer);
+-    };
+-  }, [done, sessionId, callId]);
+-  let replies = live.replies;
+-  if (done) {
+-    try {
+-      replies = JSON.parse(contentText(content)).replies ?? [];
+-    } catch {
+-      replies = [];
 +function InboxDialog({ roster, useWork, useSessions, actions, leaving = false }) {
 +  const work = useWork((value) => value);
 +  const sessions = useSessions((value) => value);
@@ -7197,7 +10294,13 @@ diff --git a/client.js b/client.js
 +    if (pending === void 0) {
 +      setBusy("");
 +      return;
-+    }
+     }
+-  }
+-  const pending = done || !live.speaking ? [] : [live.speaking];
+-  const speakerTool = useWork?.((work) => work.bots?.[live.speaking]?.tool) ?? void 0;
+-  if (replies.length === 0 && pending.length === 0) return null;
+-  const room2 = roster.roomsById[sessionId];
+-  return (0, import_react6.createElement)(
 +    void Promise.resolve(pending).then(() => {
 +      setAnswered((value) => ({ ...value, [card.id]: true }));
 +      const name = card.bot?.name ?? "";
@@ -7206,14 +10309,73 @@ diff --git a/client.js b/client.js
 +  };
 +  const open = (card) => openCard(actions, card);
 +  return (0, import_react13.createElement)(
-+    "div",
+     "div",
+-    { className: "bt-group-replies" },
+-    replies.map((reply, index) => {
+-      const bot = roster.byId[reply.botId] ?? { id: reply.botId, name: reply.name, color: reply.color ?? "gray" };
+-      if (reply.kind === "user") {
+-        return (0, import_react6.createElement)("div", { key: `user-${index}`, className: "bt-urow" }, (0, import_react6.createElement)(
+-          "div",
+-          { className: "bt-ububble" },
+-          (0, import_react6.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: reply.text, labels: mdLabels(), variant: "compact" })
+-        ));
+-      }
+-      if (reply.kind === "failed") {
+-        return (0, import_react6.createElement)(
+-          "div",
+-          { key: `${reply.botId}-${index}`, className: "bt-event bt-event-error", role: "status", title: [reply.code, reply.status, reply.text].filter(Boolean).join(" · ") },
+-          t("{name} could not answer: {reason}", { name: bot.name, reason: failureLabel(reply.code, reply.text) })
+-        );
+-      }
+-      if (reply.kind === "lookup") {
+-        return (0, import_react6.createElement)(
+-          "div",
+-          { key: `${reply.botId}-${index}`, className: "bt-event" },
+-          reply.text ? t("{name} looked up its own chat for “{text}”", { name: bot.name, text: reply.text }) : t("{name} looked up its own chat", { name: bot.name })
+-        );
+-      }
+-      if (reply.kind === "missed") {
+-        return (0, import_react6.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("{name} didn't answer in time", { name: bot.name }));
+-      }
+-      if (reply.kind === "resumed") {
+-        return (0, import_react6.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("{name} was cut off by a restart and picked its work back up", { name: bot.name }));
+-      }
+-      if (reply.kind === "cut") {
+-        return (0, import_react6.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("{name} was cut off by a restart again and stopped", { name: bot.name }));
+-      }
+-      if (reply.kind === "approval" || reply.kind === "working") {
+-        return (0, import_react6.createElement)(
+-          "div",
+-          { key: `${reply.botId}-${index}`, className: "bt-event" },
+-          (0, import_react6.createElement)(
+-            "button",
+-            { type: "button", className: "bt-event-whole", onClick: () => actions.showDetails(sessionId) },
+-            (0, import_react6.createElement)(BotMark, { bot, size: 16 }),
+-            (0, import_react6.createElement)("span", { className: "bt-event-name" }, t(reply.kind === "working" ? "{name} started on it" : "{name} paused for your approval", { name: bot.name }))
+-          )
+-        );
+-      }
+-      if (reply.kind === "stopped") {
+-        return (0, import_react6.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("You stopped {name}'s work", { name: bot.name }));
+-      }
+-      return (0, import_react6.createElement)(GroupMessage, { key: `${reply.botId}-${index}`, bot, text: reply.text, room: room2, roster, actions, msgKey: callId ? `${sessionId}:${callId}:${index}` : void 0, useUi });
+-    }),
+-    pending.map((id) => {
+-      const bot = roster.byId[id];
+-      if (!bot) return null;
+-      return (0, import_react6.createElement)(
 +    { className: "bt-mem-layer bt-inbox-layer", "data-leaving": leaving || void 0 },
 +    (0, import_react13.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }),
 +    (0, import_react13.createElement)(
 +      "div",
 +      { className: "bt-mem bt-inbox", role: "dialog", "aria-modal": true, "aria-labelledby": "bt-inbox-heading" },
 +      (0, import_react13.createElement)(
-+        "div",
+         "div",
+-        { key: `pending-${id}`, className: "bt-activity" },
+-        (0, import_react6.createElement)(BotMark, { bot, size: 22, state: speakerTool ? toolState(speakerTool) : "thinking" }),
+-        (0, import_react6.createElement)(Shimmer, null, speakerTool ? `${bot.name} · ${workPhrase(speakerTool)}…` : t("{name} is typing…", { name: bot.name }))
+-      );
+-    })
 +        { className: "bt-mem-head" },
 +        (0, import_react13.createElement)("h2", { id: "bt-inbox-heading" }, t("Inbox")),
 +        (0, import_react13.createElement)("span", { className: "bt-mem-status" }, t("Your Bots")),
@@ -7246,8 +10408,19 @@ diff --git a/client.js b/client.js
 +        ))
 +      )
 +    )
-+  );
-+}
+   );
+ }
+-var DRAWN = /* @__PURE__ */ new Set(["message_bot", "stop_bot", "create_bot", "update_bot", "group_relay", "create_group", "update_group", "delete_group", "post_to_group", "ask_user", "request_secret", "ask_user_question", "read_group_chat", "remember", "forget"]);
+-var CARDS = /* @__PURE__ */ new Set(["ask_user", "request_secret"]);
+-function callTree(root) {
+-  const calls = [];
+-  const seen = /* @__PURE__ */ new Set();
+-  const visit = (call2) => {
+-    const id = call2.callId ?? call2;
+-    if (seen.has(id)) return;
+-    seen.add(id);
+-    calls.push(call2);
+-    for (const child of call2.subCalls ?? []) visit(child);
 +var INBOX_CSS = `
 +.bt-inbox-row{min-height:40px;padding:6px 8px;gap:10px}
 +.bt-inbox-mark{flex:none;width:36px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink-2)}
@@ -7311,8 +10484,18 @@ diff --git a/client.js b/client.js
 +    key,
 +    id: String(task.id),
 +    title: String(task.title ?? "")
-+  };
-+}
+   };
+-  visit(root);
+-  return calls;
+ }
+-function useShownCards(actions, sessionId, callIds) {
+-  const key = JSON.stringify(callIds);
+-  (0, import_react6.useLayoutEffect)(() => {
+-    const ids = JSON.parse(key);
+-    if (ids.length === 0 || !actions.noteCards) return void 0;
+-    actions.noteCards(sessionId, ids, 1);
+-    return () => actions.noteCards(sessionId, ids, -1);
+-  }, [sessionId, key]);
 +
 +// src/client/board-card.js
 +var import_react14 = require("react");
@@ -7375,7 +10558,51 @@ diff --git a/client.js b/client.js
 +    footer,
 +    actions
 +  );
-+}
+ }
+-function renderCall(call2, { sessionId, roster, actions, useUi, useWork, findBot }) {
+-  const tool = toolName(call2);
+-  const done = call2.kind === "tool-result";
+-  const { text: arg, value: argValue } = toolArgs(call2);
+-  const self = roster.byId[sessionId];
+-  switch (tool) {
+-    case "message_bot": {
+-      const target = findBot(arg("to")) ?? { name: arg("to") ?? "…", color: "gray" };
+-      if (done && call2.isError) return (0, import_react6.createElement)("div", { className: "bt-event" }, t("Couldn't message {name}", { name: target.name }));
+-      return (0, import_react6.createElement)(EventLine, { prefix: t("Messaged"), bots: [target], onOpen: (bot) => bot.id && actions.openExchange(self?.id ?? sessionId, bot.id), whole: true });
+-    }
+-    case "stop_bot": {
+-      const target = findBot(arg("bot")) ?? { name: arg("bot") ?? "…", color: "gray" };
+-      if (done && call2.isError) return (0, import_react6.createElement)("div", { className: "bt-event" }, t("Couldn't stop {name}", { name: target.name }));
+-      return (0, import_react6.createElement)(EventLine, { prefix: t("Stopped"), bots: [target], onOpen: (bot) => bot.id && actions.openExchange(self?.id ?? sessionId, bot.id), whole: true });
+-    }
+-    case "create_bot": {
+-      const created = findBot(arg("name"));
+-      if (!done || created === void 0) return null;
+-      return (0, import_react6.createElement)(EventLine, { prefix: t("Created"), bots: [created], onOpen: (bot) => actions.openSession(bot.id) });
+-    }
+-    case "update_bot": {
+-      const target = findBot(arg("name")) ?? findBot(arg("bot")) ?? (arg("bot") ? void 0 : self);
+-      return done && target ? (0, import_react6.createElement)(EventLine, { prefix: t("Updated"), bots: [target], onOpen: (bot) => actions.openSession(bot.id) }) : null;
+-    }
+-    case "group_relay":
+-      return (0, import_react6.createElement)(GroupReplies, { sessionId, callId: call2.callId, done, content: call2.content, roster, actions, useUi, useWork });
+-    case "create_group":
+-    case "update_group":
+-    case "delete_group":
+-    case "post_to_group": {
+-      const verbs = {
+-        create_group: ["Created group", "Couldn't create the group"],
+-        update_group: ["Updated group", "Couldn't update the group"],
+-        delete_group: ["Deleted group", "Couldn't delete the group"],
+-        post_to_group: ["Posted in", "Couldn't post in the group"]
+-      }[tool];
+-      if (!done) return null;
+-      const result = contentText(call2.content);
+-      const named = /^(Created group|Updated|Nothing changed in|Deleted|Posted in) "([^"]+)"/.exec(result);
+-      if (call2.isError || !named) return (0, import_react6.createElement)("div", { className: "bt-event", title: result }, t(verbs[1]));
+-      const name = named[2];
+-      const room2 = roster.rooms.find((entry) => entry.name === name);
+-      return (0, import_react6.createElement)(GroupEvent, { prefix: t(verbs[0]), room: tool === "delete_group" ? void 0 : room2, name, roster, actions });
 +
 +// src/client/kanban.js
 +var import_react15 = require("react");
@@ -7454,7 +10681,11 @@ diff --git a/client.js b/client.js
 +    for (const bot of children.get(parent) ?? []) {
 +      rows.push({ kind: "bot", id: bot.id, name: bot.name, depth, bot });
 +      walk(bot.id, depth + 1);
-+    }
+     }
+-    case "ask_user": {
+-      const question = roster.questions?.[sessionId];
+-      if (!question || question.callId !== call2.callId) return (0, import_react6.createElement)("span", { className: "bt-q-gone", hidden: true });
+-      return (0, import_react6.createElement)(PendingQuestion, { sessionId, question, actions, inline: true });
 +  };
 +  walk("", 0);
 +  const groups = (roster?.rooms ?? []).filter((room2) => room2 && room2.hidden !== true && room2.origin !== "face-to-face" && adminOf(roster, room2)).map((room2) => ({ kind: "group", id: room2.id, name: room2.displayName || room2.name || t("Group"), room: room2 }));
@@ -7513,7 +10744,16 @@ diff --git a/client.js b/client.js
 +    if (!map.has(id)) {
 +      map.set(id, []);
 +      order.push(id);
-+    }
+     }
+-    case "request_secret":
+-      return (0, import_react6.createElement)(SecretToolCell, { sessionId, callId: call2.callId, name: arg("name"), done, content: call2.content, roster, actions });
+-    case "ask_user_question": {
+-      if (!done) return null;
+-      let parsed = null;
+-      try {
+-        parsed = JSON.parse(contentText(call2.content));
+-      } catch {
+-        parsed = null;
 +    map.get(id).push(task);
 +  }
 +  return order.map((id) => ({ id, name: botName(roster, map.get(id)[0]) || id, tasks: map.get(id) }));
@@ -7650,7 +10890,11 @@ diff --git a/client.js b/client.js
 +        const id = event.dataTransfer?.getData("text/plain");
 +        if (id) onMove?.(id, column);
 +        onDrag?.(null);
-+      }
+       }
+-      const answer = parsed?.answers?.[0];
+-      const question = argValue("questions")?.[0];
+-      if (!answer) return null;
+-      return (0, import_react6.createElement)("div", { className: "bt-q-inline" }, (0, import_react6.createElement)(SettledQuestion, { question, answer }));
 +    },
 +    (0, import_react15.createElement)(
 +      "h3",
@@ -7794,7 +11038,11 @@ diff --git a/client.js b/client.js
 +      replace(await actions.taskUpdate({ id, column }));
 +    } catch (failure) {
 +      setError(failure?.message ?? String(failure));
-+    }
+     }
+-    case "read_group_chat": {
+-      if (!done) return null;
+-      const room2 = roster.rooms.find((entry) => entry.name === arg("group"));
+-      return room2 ? (0, import_react6.createElement)(GroupEvent, { prefix: t("Read"), room: room2, roster, actions }) : null;
 +  };
 +  const create = async (title) => {
 +    const text2 = String(title ?? "").trim();
@@ -7805,7 +11053,13 @@ diff --git a/client.js b/client.js
 +      setDraft("");
 +    } catch (failure) {
 +      setError(failure?.message ?? String(failure));
-+    }
+     }
+-    case "remember":
+-    case "forget":
+-      return done && !call2.isError ? (0, import_react6.createElement)(MemoryEvent, { sessionId, scope: arg("scope"), result: contentText(call2.content), roster, actions, findBot }) : null;
+-    default:
+-      return null;
+-  }
 +  };
 +  const name = scopeName(roster, scope);
 +  return (0, import_react15.createElement)(
@@ -7851,7 +11105,22 @@ diff --git a/client.js b/client.js
 +      })
 +    )
 +  );
-+}
+ }
+-function ToolCell({ node, sessionId, useRoster, useUi, useWork, actions }) {
+-  const roster = useRoster((value) => value);
+-  const root = node.data.root;
+-  const turn = node.location?.turn?.turn ?? root.turn;
+-  const hidden = isHiddenTurn(roster, sessionId, turn);
+-  const findBot = (nameOrId) => roster.byId[nameOrId] ?? roster.bots.find((bot) => bot.name.toLowerCase() === String(nameOrId ?? "").toLowerCase());
+-  const calls = hidden ? [] : callTree(root);
+-  const drawn = calls.filter((call2) => DRAWN.has(toolName(call2)));
+-  const running = root.kind === "tool-result" ? void 0 : calls.findLast((call2) => call2.kind !== "tool-result");
+-  const note = running ? toolActivity(toolName(running), toolArgs(running).text, findBot, roster.byId[sessionId]) : null;
+-  useLiveNote(actions, sessionId, `tool:${root.callId ?? node.key}`, note);
+-  useShownCards(actions, sessionId, drawn.filter((call2) => CARDS.has(toolName(call2)) && call2.callId).map((call2) => call2.callId));
+-  if (drawn.length === 0) return null;
+-  const env = { sessionId, roster, actions, useUi, useWork, findBot };
+-  return (0, import_react6.createElement)(import_react6.Fragment, null, drawn.map((call2, index) => (0, import_react6.createElement)(import_react6.Fragment, { key: call2.callId ?? index }, renderCall(call2, env))));
 +var KANBAN_CSS = `
 +.bt-board-row{min-height:40px;padding:6px 8px;gap:10px}
 +.bt-board-mark{flex:none;width:36px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink-2)}
@@ -7913,12 +11182,22 @@ diff --git a/client.js b/client.js
 +  .bt-mem.bt-board{width:100vw;border-radius:0;border:0}
 +  .bt-board-columns{flex-direction:column}
 +  .bt-board-column{min-width:0}
-+}
+ }
 +`;
-+
+ 
+-// src/client/activity-row.js
+-var import_react7 = require("react");
+-var import_react_dom2 = require("react-dom");
+-var PHRASE_HOLD_MS = 800;
+-var drawPhrase = (pool) => t(pool[Math.min(pool.length - 1, Math.floor(Math.random() * pool.length))]);
+-function elapsedLabel(ms) {
+-  const minutes = Math.floor(ms / 6e4);
+-  if (minutes < 60) return `${Math.max(1, minutes)}m`;
+-  const hours = Math.floor(minutes / 60);
+-  return minutes % 60 === 0 ? `${hours}h` : `${hours}h ${minutes % 60}m`;
 +// src/client/projects-nav.js
 +var import_react16 = require("react");
- var import_react_dom3 = require("react-dom");
++var import_react_dom3 = require("react-dom");
 +var call4 = (endpoint, payload) => call(`flybot/${endpoint}`, payload);
 +var PROJECTS_NAV_CSS = `
 +.bt-projects-row { display: flex; align-items: center; gap: 8px; }
@@ -7959,12 +11238,71 @@ diff --git a/client.js b/client.js
 +    items.push({ role, label: roleText(role), current: false, pick: true });
 +  }
 +  return items;
-+}
+ }
+-function useRunningHost(active) {
+-  const [host, setHost] = (0, import_react7.useState)(null);
+-  (0, import_react7.useEffect)(() => {
+-    if (!active) {
+-      setHost(null);
+-      return void 0;
+-    }
+-    let frame = 0;
+-    const find = () => {
+-      frame = 0;
+-      const node = document.querySelector("[data-chat-flow] > [data-chat-running]");
+-      setHost((prev) => prev === node ? prev : node);
+-    };
+-    const observer = new MutationObserver(() => {
+-      if (!frame) frame = requestAnimationFrame(find);
+-    });
+-    observer.observe(document.querySelector("[data-conversation-scroll]") ?? document.body, { childList: true, subtree: true });
+-    find();
+-    return () => {
+-      cancelAnimationFrame(frame);
+-      observer.disconnect();
+-    };
+-  }, [active]);
+-  return host;
 +function roleNote(answer) {
 +  if (answer?.changed === true) return t("Role changed.");
 +  const reason = typeof answer?.reason === "string" && answer.reason !== "" ? answer.reason : t("refused");
 +  return t("Role unchanged: {reason}", { reason });
-+}
+ }
+-function useRowEntrances(replacing) {
+-  const check = (0, import_react7.useRef)(replacing);
+-  check.current = replacing;
+-  (0, import_react7.useEffect)(() => {
+-    const seen = /* @__PURE__ */ new WeakSet();
+-    const started = Date.now();
+-    let column = null;
+-    let frame = 0;
+-    const settle = (event) => {
+-      if (event.target !== event.currentTarget || !/^bt-row/.test(event.animationName)) return;
+-      delete event.currentTarget.dataset.btEnter;
+-      event.currentTarget.removeEventListener("animationend", settle);
+-    };
+-    const scan = () => {
+-      frame = 0;
+-      const next = document.querySelector("[data-chat-flow]");
+-      if (next !== column) {
+-        observer.disconnect();
+-        column = next;
+-        if (column) observer.observe(column, { childList: true, subtree: true });
+-      }
+-      if (!column) return;
+-      const items = [...column.querySelectorAll(":scope > [data-chat-flow-key]")];
+-      let last = -1;
+-      items.forEach((item, index) => {
+-        if (seen.has(item)) last = index;
+-      });
+-      const fresh = items.filter((item) => !seen.has(item) && item.offsetHeight > 0);
+-      for (const item of fresh) seen.add(item);
+-      if (last < 0 || Date.now() - started < 800 || fresh.length > 3) return;
+-      for (const item of fresh) {
+-        if (items.indexOf(item) < last) continue;
+-        const reply = [void 0, "assistant-step", "tool-call"].includes(item.dataset.chatFlowKind);
+-        item.dataset.btEnter = reply && check.current() ? "after-collapse" : "new";
+-        item.addEventListener("animationend", settle);
 +function ProjectList({ projects, error, note, onOpen, onRole }) {
 +  const rows = projects === null ? (0, import_react16.createElement)("div", { className: "bt-projects-note" }, t("Reading Projects…")) : error !== "" ? (0, import_react16.createElement)("div", { className: "bt-projects-note" }, error) : projects.length === 0 ? (0, import_react16.createElement)("div", { className: "bt-projects-empty" }, t("No Projects yet")) : projects.map((project) => (0, import_react16.createElement)(
 +    "button",
@@ -7979,7 +11317,7 @@ diff --git a/client.js b/client.js
 +      onContextMenu: (event) => {
 +        event.preventDefault();
 +        onRole?.(project, event);
-+      }
+       }
 +    },
 +    (0, import_react16.createElement)("span", { className: "bt-project-entry-name" }, projectName(project)),
 +    roleText(project.role) === "" ? null : (0, import_react16.createElement)("span", { className: "bt-project-entry-role" }, roleText(project.role))
@@ -8011,20 +11349,125 @@ diff --git a/client.js b/client.js
 +  (0, import_react16.useEffect)(() => {
 +    const onDown = (event) => {
 +      if (!ref.current?.contains(event.target)) onClose();
-+    };
+     };
+-    const observer = new MutationObserver(() => {
+-      if (!frame) frame = requestAnimationFrame(scan);
+-    });
+-    scan();
 +    const onKey = (event) => {
 +      if (event.key === "Escape") onClose();
 +    };
 +    window.addEventListener("mousedown", onDown, true);
 +    window.addEventListener("keydown", onKey, true);
-+    return () => {
+     return () => {
+-      cancelAnimationFrame(frame);
+-      observer.disconnect();
 +      window.removeEventListener("mousedown", onDown, true);
 +      window.removeEventListener("keydown", onKey, true);
-+    };
+     };
+-  }, []);
+-}
+-function ActivityIndicator({ sessionId, useRoster, useSessionStatus, useLive, useSession, actions }) {
+-  const roster = useRoster((value) => value);
+-  const running = useSessionStatus((map) => map.get(sessionId)?.running === true);
+-  const liveKey = useLive((state) => JSON.stringify(state[sessionId] ?? {}));
+-  const pendingInput = useSession((snapshot) => Math.max(0, ...(snapshot?.pendingSubmissions ?? []).filter((sub) => sub.placement !== "queued").map((sub) => sub.time)));
+-  const bot = roster.byId[sessionId];
+-  const room2 = roster.roomsById[sessionId];
+-  const entries2 = (0, import_react7.useMemo)(() => Object.values(JSON.parse(liveKey)), [liveKey]);
+-  const streaming = entries2.some((entry) => entry.text);
+-  const tools = entries2.filter((entry) => !entry.text).sort((a, b) => a.at - b.at);
+-  const relaying = tools.some((entry) => entry.relay);
+-  const visible = running && !streaming && !relaying && (bot !== void 0 || room2 !== void 0);
+-  const tool = tools.at(-1);
+-  const inputRef = (0, import_react7.useRef)(0);
+-  const inputAt = Math.max(inputRef.current, pendingInput);
+-  inputRef.current = inputAt;
+-  const want = !visible ? null : inputAt > (tool?.at ?? 0) ? { key: `input:${inputAt}`, pool: PHRASES.thinking, state: "thinking" } : tool ? { key: tool.label ? `tool:${tool.label}` : "working", label: tool.label, pool: PHRASES.working, state: tool.state ?? "working" } : { key: "thinking", pool: PHRASES.thinking, state: "thinking" };
+-  const [shown, setShown] = (0, import_react7.useState)(null);
+-  const wantKey = want?.key ?? null;
+-  const markState = (0, import_react7.useRef)("thinking");
+-  if (want) markState.current = want.state;
+-  (0, import_react7.useEffect)(() => {
+-    if (wantKey === null || shown?.key === wantKey) return void 0;
+-    const make = () => setShown({ key: wantKey, text: want.label ?? drawPhrase(want.pool), at: Date.now() });
+-    const wait = shown ? shown.at + PHRASE_HOLD_MS - Date.now() : 0;
+-    if (wait <= 0) {
+-      make();
+-      return void 0;
+-    }
+-    const timer = setTimeout(make, wait);
+-    return () => clearTimeout(timer);
+-  }, [wantKey, shown]);
+-  const [phase, setPhase] = (0, import_react7.useState)(null);
+-  const endedAt = (0, import_react7.useRef)(0);
+-  const shift = (0, import_react7.useRef)(null);
+-  const leaving = (0, import_react7.useRef)(false);
+-  leaving.current = phase !== null && !visible;
+-  (0, import_react7.useEffect)(() => {
+-    if (visible) {
+-      setPhase("in");
+-      return void 0;
+-    }
+-    setPhase((current) => current === "in" ? "out" : current);
+-    const timer = setTimeout(() => {
+-      shift.current = document.querySelector("[data-conversation-scroll]")?.scrollTop ?? null;
+-      setPhase((current) => current === "out" ? null : current);
+-    }, 140);
+-    return () => clearTimeout(timer);
+-  }, [visible]);
+-  (0, import_react7.useLayoutEffect)(() => {
+-    if (phase !== null) return;
+-    endedAt.current = Date.now();
+-    setShown(null);
+-    const before = shift.current;
+-    shift.current = null;
+-    const scroller = document.querySelector("[data-conversation-scroll]");
+-    if (before === null || !scroller || reducedMotion()) return;
+-    const delta = before - scroller.scrollTop;
+-    if (delta > 0) scroller.querySelector("[data-chat-flow]")?.animate([{ transform: `translateY(${-delta}px)` }, { transform: "none" }], { duration: 140, easing: "cubic-bezier(.23,1,.32,1)" });
+-  }, [phase]);
+-  (0, import_react7.useEffect)(() => {
+-    if (!running) actions.clearLive(sessionId);
+-  }, [running, sessionId]);
+-  useRowEntrances(() => leaving.current || Date.now() - endedAt.current < 300);
+-  const [now, setNow] = (0, import_react7.useState)(Date.now);
+-  (0, import_react7.useEffect)(() => {
+-    if (phase !== "in") return void 0;
+-    const timer = setInterval(() => setNow(Date.now()), 1e4);
+-    return () => clearInterval(timer);
+-  }, [phase]);
+-  const host = useRunningHost(running);
+-  if (!host || phase === null || !shown) return null;
+-  const elapsed = now - shown.at >= 6e4 ? elapsedLabel(now - shown.at) : null;
+-  return (0, import_react_dom2.createPortal)((0, import_react7.createElement)(
 +  }, [onClose]);
 +  const items = projectMenuItems(project);
 +  return (0, import_react_dom3.createPortal)((0, import_react16.createElement)(
-+    "div",
+     "div",
+-    { className: "bt-typing", "data-exiting": phase === "out" ? "" : void 0, "aria-hidden": true },
+-    bot ? (0, import_react7.createElement)(BotMark, { bot, size: 28, state: markState.current, live: true, pokeable: true }) : (0, import_react7.createElement)(RoomAvatar, { room: room2, roster, size: 28 }),
+-    (0, import_react7.createElement)(
+-      "span",
+-      { className: "bt-typing-text" },
+-      (0, import_react7.createElement)(
+-        "span",
+-        { key: `${shown.key}:${shown.at}`, className: "bt-typing-label" },
+-        (0, import_react7.createElement)(Shimmer, null, `${shown.text}…`),
+-        elapsed ? (0, import_react7.createElement)("span", { className: "bt-typing-time" }, `· ${elapsed}`) : null
+-      )
+-    )
+-  ), host);
+-}
+-
+-// src/client/dsh-offer.js
+-var APP_OFFER = /* @__PURE__ */ new Set(["available", "downloading", "verifying", "installing", "ready"]);
+-var bare = (value) => String(value ?? "").trim().replace(/^v/i, "").split("+")[0];
+-var sameVersion = (a, b) => bare(a) !== "" && bare(a) === bare(b);
+-function showsDshRow(dsh, app) {
+-  if (!dsh?.verified || !dsh.current || sameVersion(dsh.verified, dsh.current)) return false;
+-  if (dsh.kind === "npm") return true;
+-  return dsh.kind === "app" && APP_OFFER.has(app?.phase) && sameVersion(app.version, dsh.verified);
 +    {
 +      ref,
 +      className: "bt-project-menu",
@@ -8122,9 +11565,11 @@ diff --git a/client.js b/client.js
 +      }
 +    })
 +  );
-+}
-+
-+// src/client/sidebar.js
+ }
+ 
+ // src/client/sidebar.js
+-var import_react8 = require("react");
+-var import_react_dom3 = require("react-dom");
 +var import_react17 = require("react");
 +var import_react_dom4 = require("react-dom");
  var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
@@ -8187,7 +11632,7 @@ diff --git a/client.js b/client.js
        "button",
        {
          type: "button",
-@@ -4785,55 +4785,131 @@
+@@ -4785,55 +4785,131 @@ function BotRow({ bot, roster, actions, useSessions, useSessionStatus, useSessio
          onClick: () => actions.openSession(id),
          onContextMenu
        },
@@ -8334,7 +11779,7 @@ diff --git a/client.js b/client.js
        "data-room-id": id,
        onClick: () => actions.openSession(id),
        onContextMenu: (event) => {
-@@ -4841,20 +4841,20 @@
+@@ -4841,20 +4841,20 @@ function RoomRow({ room: room2, roster, actions, useSessions, useSessionStatus,
          actions.openMenu({ kind: "room", id, x: event.clientX, y: event.clientY });
        }
      },
@@ -8363,7 +11808,7 @@ diff --git a/client.js b/client.js
      if (!renaming) return;
      input.current?.focus();
      input.current?.select();
-@@ -4875,10 +4875,10 @@
+@@ -4875,10 +4875,10 @@ function AgentSessionRow({ session, agent, actions, renaming, index }) {
          }
        })();
      };
@@ -8376,7 +11821,7 @@ diff --git a/client.js b/client.js
          ref: input,
          defaultValue: session.title,
          "aria-label": t("Rename"),
-@@ -4891,7 +4891,7 @@
+@@ -4891,7 +4891,7 @@ function AgentSessionRow({ session, agent, actions, renaming, index }) {
        })
      );
    }
@@ -8385,7 +11830,7 @@ diff --git a/client.js b/client.js
      "button",
      {
        type: "button",
-@@ -4905,8 +4905,8 @@
+@@ -4905,8 +4905,8 @@ function AgentSessionRow({ session, agent, actions, renaming, index }) {
          actions.openMenu({ kind: "agent-session", id: session.id, agentId: agent.id, x: event.clientX, y: event.clientY });
        }
      },
@@ -8396,7 +11841,7 @@ diff --git a/client.js b/client.js
    );
  }
  function AgentRow({ agent, actions, useSessions, useSessionStatus, useUi, wide, marked }) {
-@@ -4941,10 +4941,10 @@
+@@ -4941,10 +4941,10 @@ function AgentRow({ agent, actions, useSessions, useSessionStatus, useUi, wide,
    const preview = sessions[0]?.title ?? t("New session");
    const label = ["DSH Agent", running ? t("Working") : "", unread ? t("Unread activity") : ""].filter(Boolean).join(", ");
    const open = active && wide;
@@ -8409,7 +11854,7 @@ diff --git a/client.js b/client.js
        "button",
        {
          type: "button",
-@@ -4959,30 +4959,30 @@
+@@ -4959,30 +4959,30 @@ function AgentRow({ agent, actions, useSessions, useSessionStatus, useUi, wide,
            actions.openMenu({ kind: "agent", id: agent.id, x: event.clientX, y: event.clientY });
          }
        },
@@ -8451,7 +11896,7 @@ diff --git a/client.js b/client.js
            key: session.id,
            session,
            agent,
-@@ -4996,8 +4996,8 @@
+@@ -4996,8 +4996,8 @@ function AgentRow({ agent, actions, useSessions, useSessionStatus, useUi, wide,
  }
  var GLIDE = springEasing(1e3, 63);
  function useListGlide(listRef, layout, key) {
@@ -8462,7 +11907,7 @@ diff --git a/client.js b/client.js
      const list = listRef.current;
      if (!list) return;
      const next = /* @__PURE__ */ new Map();
-@@ -5014,9 +5014,44 @@
+@@ -5014,9 +5014,44 @@ function useListGlide(listRef, layout, key) {
      tops.current = { layout, map: next };
    }, [layout, key]);
  }
@@ -8508,7 +11953,7 @@ diff --git a/client.js b/client.js
    const roster = useRoster((value) => value);
    const markedUnread = useUi((value) => value.unread);
    props.useRegistry((value) => value);
-@@ -5025,17 +5025,26 @@
+@@ -5025,17 +5025,26 @@ function TeamSidebar(props) {
      for (const id of list.ids) stamps[id] = list.byId[id]?.updatedAt ?? 0;
      return JSON.stringify(stamps);
    });
@@ -8539,7 +11984,7 @@ diff --git a/client.js b/client.js
    useListGlide(listRef, wide, order.map((entry) => entry.item.id).join(","));
    useLandOnMainBot(roster, useSessions, actions);
    const rowProps = { roster, actions, useSessions, useUi, useSessionStatus: props.useSessionStatus, useSessionRetainInfo: props.useSessionRetainInfo, useActivity: props.useActivity, useWork: props.useWork, wide };
-@@ -5045,39 +5045,43 @@
+@@ -5045,39 +5045,43 @@ function TeamSidebar(props) {
      event.preventDefault();
      actions.openPalette(event.key);
    };
@@ -8603,7 +12048,7 @@ diff --git a/client.js b/client.js
      if (!open) return void 0;
      const onDown = (event) => {
        if (event.target instanceof Element && (event.target.closest(".bt-update-pop") || button.current?.contains(event.target))) return;
-@@ -5116,14 +5116,14 @@
+@@ -5116,14 +5116,14 @@ function UpdateButton({ useUpdate, actions }) {
      setDshError("");
      void actions.installDshUpdate().catch((failure) => setDshError(hostText(failure?.message ?? String(failure))));
    };
@@ -8623,7 +12068,7 @@ diff --git a/client.js b/client.js
        ref: button,
        type: "button",
        className: "bt-round bt-update",
-@@ -5133,21 +5133,21 @@
+@@ -5133,21 +5133,21 @@ function UpdateButton({ useUpdate, actions }) {
        "aria-haspopup": "dialog",
        "aria-expanded": open,
        onClick: toggle
@@ -8656,7 +12101,7 @@ diff --git a/client.js b/client.js
              type: "button",
              className: "bt-update-go",
              disabled: phase === "installing",
-@@ -5155,17 +5155,17 @@
+@@ -5155,17 +5155,17 @@ function UpdateButton({ useUpdate, actions }) {
            }, phase === "installing" ? t("Updating…") : phase === "failed" ? t("Try again") : t("Update"))
          )
        ) : null,
@@ -8681,7 +12126,7 @@ diff --git a/client.js b/client.js
              type: "button",
              className: "bt-update-go",
              disabled: dshPhase === "installing",
-@@ -5176,61 +5176,25 @@
+@@ -5176,61 +5176,25 @@ function UpdateButton({ useUpdate, actions }) {
      ), document.body) : null
    );
  }
@@ -8753,7 +12198,7 @@ diff --git a/client.js b/client.js
    );
  }
  var openShellSettings = null;
-@@ -5259,6 +5259,18 @@
+@@ -5259,6 +5259,18 @@ function openHarnessOnboarding(id) {
      else openHarnessSettings();
    });
  }
@@ -8772,7 +12217,7 @@ diff --git a/client.js b/client.js
  function openThroughMenu(trigger) {
    const before = new Set(document.querySelectorAll('[role="menu"]'));
    trigger.click();
-@@ -5288,32 +5288,32 @@
+@@ -5288,32 +5288,32 @@ function pressSettingsShortcut() {
    }));
  }
  function AccountLauncher({ seat = true, settingsOpen, openSettings, openOnboarding, actions }) {
@@ -8813,7 +12258,7 @@ diff --git a/client.js b/client.js
      if (!open) return void 0;
      const onDown = (event) => {
        if (event.target instanceof Element && (event.target.closest(".bt-account-menu") || button.current?.contains(event.target))) return;
-@@ -5341,30 +5341,32 @@
+@@ -5341,30 +5341,32 @@ function AccountLauncher({ seat = true, settingsOpen, openSettings, openOnboardi
    const groups = [
      [
        [t("Usage"), GaugeIcon, () => actions.openSettings("usage")],
@@ -8858,7 +12303,7 @@ diff --git a/client.js b/client.js
            key: label,
            type: "button",
            role: "menuitem",
-@@ -5372,7 +5372,7 @@
+@@ -5372,7 +5372,7 @@ function AccountLauncher({ seat = true, settingsOpen, openSettings, openOnboardi
              setOpen(false);
              void Promise.resolve(run()).catch((error) => actions.reportError(error, "menu"));
            }
@@ -8867,7 +12312,7 @@ diff --git a/client.js b/client.js
        ))
      ), document.body) : null
    );
-@@ -5382,8 +5382,8 @@
+@@ -5382,8 +5382,8 @@ function useLandOnMainBot(roster, useSessions, actions) {
      const row = Object.values(list.byId).find((session) => (session?.retainedBy?.mainView ?? 0) > 0);
      return row ? `${row.id}|${row.blank ? 1 : 0}` : "";
    });
@@ -8878,7 +12323,7 @@ diff --git a/client.js b/client.js
      if (!roster.ready || !roster.mainBotId) return void 0;
      const [id, blank3] = mainView.split("|");
      const bot = id === "" ? void 0 : roster.byId[id];
-@@ -5397,40 +5397,40 @@
+@@ -5397,40 +5397,40 @@ function useLandOnMainBot(roster, useSessions, actions) {
        return void 0;
      }
      const last = lastBot.current;
@@ -8929,7 +12374,7 @@ diff --git a/client.js b/client.js
  }
  var SIDEBAR_CSS = `
  .bt-side-top .bt-brand{cursor:default;padding-left:6px}
-@@ -5456,7 +5456,7 @@
+@@ -5456,7 +5456,7 @@ var SIDEBAR_CSS = `
  .bt-update[data-phase=installing] .bt-cloud-arrow{animation:bt-cloud-drop 1.1s cubic-bezier(.45,0,.55,1) infinite}
  @keyframes bt-cloud-drop{0%{transform:translateY(-3px);opacity:0}35%{opacity:1}70%{transform:translateY(1px);opacity:1}100%{transform:translateY(2px);opacity:0}}
  .bt-update-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:#E5484D;box-shadow:0 0 0 1.5px var(--bt-sidebar)}
@@ -8938,7 +12383,7 @@ diff --git a/client.js b/client.js
  @keyframes bt-update-pop{from{opacity:0;transform:scale(.96);filter:blur(4px)}}
  .bt-update-title{font-size:14px;line-height:20px;font-weight:600}
  .bt-update-text{margin-top:2px;font-size:12.5px;line-height:18px;color:var(--bt-ink-2)}
-@@ -5491,18 +5491,140 @@
+@@ -5491,18 +5491,140 @@ var SIDEBAR_CSS = `
  .bt-agent-sub[data-open] .bt-agent-sub-row{animation:bt-agent-row-in .24s ease both;animation-delay:calc(var(--i, 0)*30ms)}
  @keyframes bt-agent-row-in{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}
  @media (prefers-reduced-motion:reduce){.bt-agent-sub{transition:none}.bt-agent-sub .bt-agent-sub-row{animation:none}}
@@ -9084,7 +12529,7 @@ diff --git a/client.js b/client.js
      const left = seen + MEMORY_NOTICE_MS - Date.now();
      setShown(seen > 0 && left > 0);
      if (seen === 0 || left <= 0) return void 0;
-@@ -5512,19 +5512,19 @@
+@@ -5512,19 +5512,19 @@ function useMemoryNotice(ids, useMemoryNews) {
    return shown;
  }
  function MemoryNotice({ shown }) {
@@ -9110,7 +12555,7 @@ diff --git a/client.js b/client.js
    const roster = useRoster((value) => value);
    const title = useSessions((list) => list.byId[sessionId]?.displayTitle ?? list.byId[sessionId]?.title ?? "");
    const firstTurns = useSessions((list) => {
-@@ -5537,7 +5537,7 @@
+@@ -5537,7 +5537,7 @@ function HeaderPill({ sessionId, useRoster, useSessions, useSessionStatus, useSe
      const first = openingTurn(state[sessionId], firstTurns, hiddenTurns);
      return first && !unseenSince(visit, first.start) ? clockLabel(first.start) : "";
    });
@@ -9119,7 +12564,7 @@ diff --git a/client.js b/client.js
      if (opening) document.body.style.setProperty("--bt-first-sep", JSON.stringify(opening));
      else document.body.style.removeProperty("--bt-first-sep");
      return () => document.body.style.removeProperty("--bt-first-sep");
-@@ -5548,52 +5548,41 @@
+@@ -5548,52 +5548,41 @@ function HeaderPill({ sessionId, useRoster, useSessions, useSessionStatus, useSe
    const bot = roster.byId[sessionId];
    const room2 = roster.roomsById[sessionId];
    const detailsOpen = useUi((state) => state.details === sessionId);
@@ -9169,15 +12614,14 @@ diff --git a/client.js b/client.js
 -      (0, import_react9.createElement)("span", { className: "bt-pill-name" }, bot?.name ?? room2?.name ?? (title || t("New chat"))),
 -      (0, import_react9.createElement)(MemoryNotice, { shown: memoryNotice }),
 -      (0, import_react9.createElement)("span", { className: "bt-pill-go", "aria-hidden": true }, (0, import_react9.createElement)(GoArrow))
--    ),
--    (0, import_react9.createElement)("span", { className: "bt-sr", role: "status" }, memoryNotice ? t("Memory updated") : ""),
--    (0, import_react9.createElement)(NewMessagePills, { key: sessionId, sessionId, useSessions, useUi, useTurnClock }),
--    (0, import_react9.createElement)(ActivityIndicator, { key: `activity:${sessionId}`, sessionId, useRoster, useSessionStatus, useSession, useLive, actions })
 +      bot ? (0, import_react19.createElement)(BotAvatar, { bot, size: 24, state: botState(running, doing, roster.questions?.[currentPart(bot)] !== void 0), badge: false }) : room2 ? (0, import_react19.createElement)(RoomAvatar, { room: room2, roster, size: 24 }) : null,
 +      (0, import_react19.createElement)("span", { className: face ? "bt-pill-name bt-pill-name-face" : "bt-pill-name", title: face ? full2 : void 0 }, name || title || t("New chat")),
 +      (0, import_react19.createElement)(MemoryNotice, { shown: memoryNotice }),
 +      (0, import_react19.createElement)("span", { className: "bt-pill-go", "aria-hidden": true }, (0, import_react19.createElement)(GoArrow))
-+    ),
+     ),
+-    (0, import_react9.createElement)("span", { className: "bt-sr", role: "status" }, memoryNotice ? t("Memory updated") : ""),
+-    (0, import_react9.createElement)(NewMessagePills, { key: sessionId, sessionId, useSessions, useUi, useTurnClock }),
+-    (0, import_react9.createElement)(ActivityIndicator, { key: `activity:${sessionId}`, sessionId, useRoster, useSessionStatus, useSession, useLive, actions })
 +    (0, import_react19.createElement)("span", { className: "bt-sr", role: "status" }, memoryNotice ? t("Memory updated") : ""),
 +    (0, import_react19.createElement)(NewMessagePills, { key: sessionId, sessionId, hiddenTurns, useSessions, useUi, useTurnClock, actions }),
 +    (0, import_react19.createElement)(ActivityIndicator, { key: `activity:${sessionId}`, sessionId, useRoster, useSessionStatus, useSession, useLive, actions }),
@@ -9192,7 +12636,7 @@ diff --git a/client.js b/client.js
      let frame = 0;
      let watched = null;
      const observer = new MutationObserver(() => schedule());
-@@ -5642,7 +5642,7 @@
+@@ -5642,7 +5642,7 @@ function useTranscriptView() {
    }, []);
    return view;
  }
@@ -9201,7 +12645,7 @@ diff --git a/client.js b/client.js
    const replies = useSessions((list) => {
      const outline = list.projectionsBySession?.[sessionId]?.values?.turnOutline ?? list.byId[sessionId]?.projectionValues?.turnOutline;
      return Array.isArray(outline) ? outline.reduce((count, entry) => count + (entry.response ? 1 : 0), 0) : 0;
-@@ -5658,18 +5658,22 @@
+@@ -5658,18 +5658,22 @@ function NewMessagePills({ sessionId, useSessions, useUi, useTurnClock }) {
    });
    const view = useTranscriptView();
    const unpinned = view?.unpinned === true;
@@ -9229,7 +12673,7 @@ diff --git a/client.js b/client.js
      const scroller = document.querySelector("[data-conversation-scroll]");
      if (!scroller) return void 0;
      scroller.toggleAttribute("data-bt-news", showDown);
-@@ -5677,16 +5677,16 @@
+@@ -5677,16 +5677,16 @@ function NewMessagePills({ sessionId, useSessions, useUi, useTurnClock }) {
    }, [showDown]);
    if (!view || !showDown && !showUp) return null;
    const label = (count) => count === 1 ? t("1 new message") : count > 0 ? t("{count} new messages", { count }) : t("New messages");
@@ -9250,7 +12694,7 @@ diff --git a/client.js b/client.js
        type: "button",
        className: "bt-news-x",
        "aria-label": t("Dismiss new messages"),
-@@ -5694,7 +5694,7 @@
+@@ -5694,7 +5694,7 @@ function NewMessagePills({ sessionId, useSessions, useUi, useTurnClock }) {
          event.stopPropagation();
          onDismiss();
        }
@@ -9259,7 +12703,7 @@ diff --git a/client.js b/client.js
    );
    const toLatest = () => {
      const scroller = document.querySelector("[data-conversation-scroll]");
-@@ -5703,9 +5703,9 @@
+@@ -5703,9 +5703,9 @@ function NewMessagePills({ sessionId, useSessions, useUi, useTurnClock }) {
      else scroller?.scrollTo({ top: scroller.scrollHeight, behavior: "smooth" });
    };
    const toDivider = () => document.querySelector("[data-conversation-scroll] .bt-new-sep")?.scrollIntoView({ block: "center", behavior: "smooth" });
@@ -9272,7 +12716,7 @@ diff --git a/client.js b/client.js
        null,
        showUp ? pill("up", unread, { left: view.center, top: view.top }, toDivider, () => setAbove((state) => ({ ...state, dismissed: true }))) : null,
        showDown ? pill("down", fresh, { left: view.center, bottom: view.bottom }, toLatest, () => setRelease((state) => ({ ...state, dismissed: true }))) : null
-@@ -5714,19 +5714,135 @@
+@@ -5714,19 +5714,135 @@ function NewMessagePills({ sessionId, useSessions, useUi, useTurnClock }) {
    );
  }
  
@@ -9416,7 +12860,7 @@ diff --git a/client.js b/client.js
      if (!note) return void 0;
      const timer = setTimeout(() => setNote(""), 2600);
      return () => clearTimeout(timer);
-@@ -5745,10 +5745,10 @@
+@@ -5745,10 +5745,10 @@ function useDictation(onText) {
        let interim = "";
        for (let index = event.resultIndex; index < event.results.length; index += 1) {
          const result = event.results[index];
@@ -9430,7 +12874,7 @@ diff --git a/client.js b/client.js
        }
        if (interim) latest.current(interim, false);
      };
-@@ -5774,19 +5774,38 @@
+@@ -5774,19 +5774,38 @@ function useDictation(onText) {
    const stop = () => recognition.current?.stop();
    return { listening, note, start, stop };
  }
@@ -9474,7 +12918,7 @@ diff --git a/client.js b/client.js
      const box = document.querySelector('[class*="_centerCol"] [role=textbox][contenteditable=true]');
      if (box instanceof HTMLElement) {
        box.focus();
-@@ -5797,10 +5797,10 @@
+@@ -5797,10 +5797,10 @@ function ComposerVoice({ sessionId, inputActions, actions, useUi }) {
    }, [quote?.token]);
    if (sessionId === void 0) return null;
    const pluginMic = actions.speech() !== void 0;
@@ -9488,7 +12932,7 @@ diff --git a/client.js b/client.js
        type: "button",
        className: "bt-mic",
        "aria-label": dictation.listening ? t("Stop dictation") : t("Dictate"),
-@@ -5808,16 +5808,16 @@
+@@ -5808,16 +5808,16 @@ function ComposerVoice({ sessionId, inputActions, actions, useUi }) {
        title: dictation.listening ? t("Stop dictation") : t("Dictate"),
        onMouseDown: keepComposerFocus,
        onClick: () => dictation.listening ? dictation.stop() : dictation.start()
@@ -9509,7 +12953,7 @@ diff --git a/client.js b/client.js
    );
  }
  function menuIcons(roster) {
-@@ -5825,17 +5825,17 @@
+@@ -5825,17 +5825,17 @@ function menuIcons(roster) {
    return (row) => {
      if (!row.bot) return PeopleIcon;
      const id = row.bot.id;
@@ -9532,7 +12976,7 @@ diff --git a/client.js b/client.js
      if (!open) return void 0;
      const onDown = (event) => {
        if (![button.current, menu.current].some((node) => node?.contains(event.target))) setOpen(null);
-@@ -5876,10 +5876,10 @@
+@@ -5876,10 +5876,10 @@ function ComposerPlus({ sessionId, inputActions, useRoster, actions }) {
      actions.referenceChat(sessionId, inputActions?.captureInsertion?.());
    };
    const canReference = typeof inputActions?.captureInsertion === "function" && actions.canReferenceChat();
@@ -9546,7 +12990,7 @@ diff --git a/client.js b/client.js
        ref: button,
        type: "button",
        className: "bt-plus",
-@@ -5889,8 +5889,8 @@
+@@ -5889,8 +5889,8 @@ function ComposerPlus({ sessionId, inputActions, useRoster, actions }) {
        "aria-expanded": Boolean(open),
        onMouseDown: keepComposerFocus,
        onClick: toggle
@@ -9557,7 +13001,7 @@ diff --git a/client.js b/client.js
        "div",
        {
          ref: menu,
-@@ -5900,9 +5900,9 @@
+@@ -5900,9 +5900,9 @@ function ComposerPlus({ sessionId, inputActions, useRoster, actions }) {
          style: { left: shown.left, bottom: shown.bottom },
          "data-leaving": leaving || void 0
        },
@@ -9570,7 +13014,7 @@ diff --git a/client.js b/client.js
      ), document.body) : null
    );
  }
-@@ -5922,15 +5922,57 @@
+@@ -5922,15 +5922,57 @@ var conversationOf = (roster, sessionId) => {
  function mentionRows(roster, sessionId, query = "") {
    const here = conversationOf(roster, sessionId);
    if (here === null) return null;
@@ -9632,7 +13076,7 @@ diff --git a/client.js b/client.js
  function chatRows(roster, list, sessionId) {
    const here = conversationOf(roster, sessionId);
    if (here === null) return [];
-@@ -5959,14 +5959,31 @@
+@@ -5959,14 +5959,31 @@ function atSources({ roster, sessions, launched, iconFor }) {
      order: -20,
      showGroupTitle: false,
      async candidates(session, { query }) {
@@ -9668,7 +13112,7 @@ diff --git a/client.js b/client.js
      },
      onPick: ({ candidate }) => candidate.value ? { text: candidate.value } : void 0
    };
-@@ -5995,6 +5995,83 @@
+@@ -5995,6 +5995,83 @@ function atSources({ roster, sessions, launched, iconFor }) {
    return [bots, chats];
  }
  
@@ -9752,7 +13196,7 @@ diff --git a/client.js b/client.js
  // src/client/speech.js
  var VOICE_BUNDLE = "@deepseek-ai/dsh-experimental-voice-input-bundle";
  var USABLE = /* @__PURE__ */ new Set(["ready", "standby", "waking"]);
-@@ -6008,8 +6008,8 @@
+@@ -6008,8 +6008,8 @@ async function speechCatalog(speech) {
  function waveBytes(samples, rate = 16e3) {
    const bytes = new Uint8Array(44 + samples.length * 2);
    const view = new DataView(bytes.buffer);
@@ -9763,7 +13207,7 @@ diff --git a/client.js b/client.js
    };
    ascii(0, "RIFF");
    view.setUint32(4, 36 + samples.length * 2, true);
-@@ -6030,9 +6030,9 @@
+@@ -6030,9 +6030,9 @@ function waveBytes(samples, rate = 16e3) {
    return bytes;
  }
  function base64Of(bytes) {
@@ -9776,10 +13220,33 @@ diff --git a/client.js b/client.js
  }
  var captureError = (kind, cause) => Object.assign(new Error(kind), { kind, cause });
  async function openCapture() {
-@@ -6121,233 +6121,9 @@
-   };
- }
- 
+@@ -6098,256 +6098,32 @@ async function openCapture() {
+         close();
+       }
+     }
+-  };
+-}
+-async function transcribeWave(speech, catalog, wave, signal) {
+-  if (wave.byteLength > catalog.maxAudioBytes) throw captureError("too-long");
+-  const result = await speech.transcribe({ audioBase64: base64Of(wave), ...catalog.selection }, signal);
+-  if (!result?.ok) throw Object.assign(new Error(result?.error?.message ?? "Transcription failed"), { kind: "service" });
+-  return String(result.value?.text ?? "").trim();
+-}
+-function turnDetector({ loud = 0.12, quiet = 0.06, quietMs = 1200 } = {}) {
+-  let spokeAt = 0;
+-  let quietSince = 0;
+-  return (level, now) => {
+-    if (level >= loud) {
+-      spokeAt ||= now;
+-      quietSince = 0;
+-      return "speech";
+-    }
+-    if (!spokeAt) return "waiting";
+-    if (level < quiet) quietSince ||= now;
+-    return quietSince && now - quietSince >= quietMs ? "done" : "speech";
+-  };
+-}
+-
 -// src/client/overlay-hooks.js
 -var import_react11 = require("react");
 -var escapeLayers = [];
@@ -10002,8 +13469,29 @@ diff --git a/client.js b/client.js
 -      )
 -    )
 -  );
--}
--
++  };
++}
++async function transcribeWave(speech, catalog, wave, signal) {
++  if (wave.byteLength > catalog.maxAudioBytes) throw captureError("too-long");
++  const result = await speech.transcribe({ audioBase64: base64Of(wave), ...catalog.selection }, signal);
++  if (!result?.ok) throw Object.assign(new Error(result?.error?.message ?? "Transcription failed"), { kind: "service" });
++  return String(result.value?.text ?? "").trim();
++}
++function turnDetector({ loud = 0.12, quiet = 0.06, quietMs = 1200 } = {}) {
++  let spokeAt = 0;
++  let quietSince = 0;
++  return (level, now) => {
++    if (level >= loud) {
++      spokeAt ||= now;
++      quietSince = 0;
++      return "speech";
++    }
++    if (!spokeAt) return "waiting";
++    if (level < quiet) quietSince ||= now;
++    return quietSince && now - quietSince >= quietMs ? "done" : "speech";
++  };
+ }
+ 
  // src/client/model-menu.js
 -var import_react13 = require("react");
 -var import_react_dom6 = require("react-dom");
@@ -10012,7 +13500,7 @@ diff --git a/client.js b/client.js
  var MENU_EXIT_MS = 120;
  function groupModels(models) {
    const groups = /* @__PURE__ */ new Map();
-@@ -6367,17 +6367,10 @@
+@@ -6367,17 +6367,10 @@ function groupModels(models) {
    });
  }
  var servedOf = (roster, ref) => (roster.models ?? []).find((model) => model.ref === ref);
@@ -10032,7 +13520,7 @@ diff --git a/client.js b/client.js
      setFetched(void 0);
      if (ref === void 0 || served?.reasoning !== void 0 || actions?.efforts === void 0) return void 0;
      let live = true;
-@@ -6402,12 +6402,12 @@
+@@ -6402,12 +6402,12 @@ function effortRows(reasoning) {
    ];
  }
  function EffortRows({ reasoning, current, onPick }) {
@@ -10050,7 +13538,7 @@ diff --git a/client.js b/client.js
        "button",
        {
          key: row.effort ?? "default",
-@@ -6416,17 +6416,17 @@
+@@ -6416,17 +6416,17 @@ function EffortRows({ reasoning, current, onPick }) {
          "aria-checked": row.effort === current,
          onClick: () => onPick(row.effort)
        },
@@ -10074,7 +13562,7 @@ diff --git a/client.js b/client.js
        "button",
        {
          key: model.ref,
-@@ -6436,20 +6436,20 @@
+@@ -6436,20 +6436,20 @@ function ModelRows({ roster, current, onPick }) {
          title: model.ref,
          onClick: () => onPick(model.ref)
        },
@@ -10103,7 +13591,7 @@ diff --git a/client.js b/client.js
      if (place === null) return void 0;
      const onDown = (event) => {
        if (menu.current?.contains(event.target) || button.current?.contains(event.target)) return;
-@@ -6484,6 +6484,7 @@
+@@ -6484,6 +6484,7 @@ function useAnchoredMenu() {
    return { isOpen: place !== null, shownPlace, leaving, button, menu, open, close };
  }
  function ModelMenu({ bot, roster, actions, run, wide = false, onPick, onPickEffort }) {
@@ -10111,7 +13599,7 @@ diff --git a/client.js b/client.js
    const { isOpen, shownPlace, leaving, button, menu, open, close } = useAnchoredMenu();
    const shown = modelOf(bot, roster);
    const current = bot.model ?? bot.appliedModel;
-@@ -6511,10 +6511,10 @@
+@@ -6511,10 +6511,10 @@ function ModelMenu({ bot, roster, actions, run, wide = false, onPick, onPickEffo
      else if (effort !== bot.effort) void run(actions.updateBot(bot.id, { effort: effort ?? null }));
    };
    const models = roster.models ?? [];
@@ -10125,7 +13613,7 @@ diff --git a/client.js b/client.js
        "button",
        {
          ref: button,
-@@ -6527,37 +6527,38 @@
+@@ -6527,37 +6527,38 @@ function ModelMenu({ bot, roster, actions, run, wide = false, onPick, onPickEffo
          "data-missing": shown !== void 0 && !shown.served && models.length > 0 ? "" : void 0,
          onClick: toggle
        },
@@ -10178,7 +13666,7 @@ diff --git a/client.js b/client.js
    const models = roster.models ?? [];
    const lost = bot.model ? !models.some((model) => model.ref === bot.model) : false;
    if (bot.model && (!lost || models.length === 0)) return null;
-@@ -6569,13 +6569,13 @@
+@@ -6569,13 +6569,13 @@ function ModelChoiceDock({ sessionId, useRoster, actions }) {
        void actions.refreshModels?.();
      }).finally(() => setBusy(""));
    };
@@ -10197,7 +13685,7 @@ diff --git a/client.js b/client.js
          key: model.ref,
          type: "button",
          className: "bt-model-chip",
-@@ -6584,50 +6584,115 @@
+@@ -6584,50 +6584,115 @@ function ModelChoiceDock({ sessionId, useRoster, actions }) {
          "aria-label": `${model.name} · ${provider}`,
          title: model.ref === roster.defaultModel ? `${model.ref} · ${t("Harness default")}` : model.ref,
          onClick: () => pick2(model.ref)
@@ -10329,7 +13817,7 @@ diff --git a/client.js b/client.js
      ...ops,
      ...hooks,
      t: actions.accountT(),
-@@ -6639,6 +6639,16 @@
+@@ -6639,6 +6639,16 @@ function SignInHost({ entry, actions }) {
    });
  }
  var MODEL_CSS = `
@@ -10346,7 +13834,7 @@ diff --git a/client.js b/client.js
  .bt-model-trigger{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-width:0;height:auto;min-height:32px;padding:4px 8px 4px 10px;border:0;border-radius:8px;background:var(--bt-hover);color:var(--bt-ink);font:inherit;text-align:left;cursor:pointer;transition:background-color .12s ease}
  .bt-model-trigger:hover,.bt-model-trigger[aria-expanded=true]{background:var(--bt-active)}
  .bt-model-trigger:focus-visible{outline:2px solid var(--bt-accent);outline-offset:1px}
-@@ -6675,18 +6675,96 @@
+@@ -6675,18 +6675,96 @@ var MODEL_CSS = `
  @media (prefers-reduced-motion:reduce){.bt-model-dock{animation:none}.bt-model-spin{animation-duration:2s}.bt-model-caret{transition:none}.bt-model-tick svg{animation:none}}
  `;
  
@@ -10451,7 +13939,7 @@ diff --git a/client.js b/client.js
    const fallback = group ? t("Each Bot's own folder") : t("Team workspace");
    const toggle = () => {
      if (isOpen) {
-@@ -6719,35 +6719,35 @@
+@@ -6719,35 +6719,35 @@ function FolderMenu({ value, group = false, actions, run, onPick, wide = false }
    };
    const known = info?.folders ?? [];
    const folders = value && !known.some((folder) => folder.path === value) ? [{ path: value, title: folderName(value) }, ...known] : known;
@@ -10503,7 +13991,7 @@ diff --git a/client.js b/client.js
        className: "bt-folder-input",
        autoFocus: true,
        value: draft,
-@@ -6759,33 +6759,33 @@
+@@ -6759,33 +6759,33 @@ function FolderMenu({ value, group = false, actions, run, onPick, wide = false }
          if (event.key === "Enter" && !event.nativeEvent.isComposing) typed();
        }
      }),
@@ -10553,7 +14041,7 @@ diff --git a/client.js b/client.js
        "button",
        {
          ref: button,
-@@ -6798,19 +6798,19 @@
+@@ -6798,19 +6798,19 @@ function FolderMenu({ value, group = false, actions, run, onPick, wide = false }
          title: value,
          onClick: toggle
        },
@@ -10579,7 +14067,7 @@ diff --git a/client.js b/client.js
      ), document.body) : null
    );
  }
-@@ -6830,8 +6830,8 @@
+@@ -6830,8 +6830,8 @@ var FOLDER_CSS = `
  `;
  
  // src/client/schedules.js
@@ -10590,7 +14078,7 @@ diff --git a/client.js b/client.js
  var shared = null;
  var listeners = /* @__PURE__ */ new Set();
  function publish(view) {
-@@ -6839,8 +6839,8 @@
+@@ -6839,8 +6839,8 @@ function publish(view) {
    for (const listener of listeners) listener(view);
  }
  function useSchedules(actions) {
@@ -10601,7 +14089,7 @@ diff --git a/client.js b/client.js
      listeners.add(setView);
      let stopped = false;
      let timer;
-@@ -6848,7 +6848,7 @@
+@@ -6848,7 +6848,7 @@ function useSchedules(actions) {
        if (!stopped) publish(next);
      }).catch(() => {
      }).finally(() => {
@@ -10610,7 +14098,7 @@ diff --git a/client.js b/client.js
      });
      load();
      return () => {
-@@ -6873,7 +6873,8 @@
+@@ -6873,7 +6873,8 @@ function weekdayNames(days) {
  function everyText(seconds) {
    if (seconds % 86400 === 0) return seconds === 86400 ? t("Every day") : t("Every {count} days", { count: seconds / 86400 });
    if (seconds % 3600 === 0) return seconds === 3600 ? t("Every hour") : t("Every {count} hours", { count: seconds / 3600 });
@@ -10620,7 +14108,7 @@ diff --git a/client.js b/client.js
  }
  function timingText(task) {
    const zone = task.timeZone && task.timeZone !== localZone() ? ` (${task.timeZone})` : "";
-@@ -6887,8 +6887,8 @@
+@@ -6887,8 +6887,8 @@ function timingText(task) {
        return `${t("Every day at {time}", { time: clock2(task.time) })}${zone}`;
      case "weekly": {
        const days = (task.weekdays ?? []).join();
@@ -10631,7 +14119,7 @@ diff --git a/client.js b/client.js
      }
      case "cron":
        return `${t("On the schedule {expression}", { expression: task.expression })}${zone}`;
-@@ -6896,11 +6896,25 @@
+@@ -6896,11 +6896,25 @@ function timingText(task) {
        return "";
    }
  }
@@ -10662,7 +14150,7 @@ diff --git a/client.js b/client.js
      if (!confirming) return void 0;
      const timer = setTimeout(() => setConfirming(false), 3e3);
      return () => clearTimeout(timer);
-@@ -6913,20 +6913,49 @@
+@@ -6913,20 +6913,49 @@ function TaskRow({ task, actions, onView, showBot, roster }) {
      setBusy(true);
      void actions.scheduleDelete(task.sessionId, task.id).then(onView, () => setBusy(false));
    };
@@ -10721,7 +14209,7 @@ diff --git a/client.js b/client.js
        type: "button",
        className: "bt-mini bt-task-remove",
        "data-confirm": confirming || void 0,
-@@ -6934,7 +6934,7 @@
+@@ -6934,7 +6934,7 @@ function TaskRow({ task, actions, onView, showBot, roster }) {
        "aria-label": confirming ? t("Click again to delete") : t("Delete task"),
        title: confirming ? void 0 : t("Delete task"),
        onClick: remove
@@ -10730,7 +14218,7 @@ diff --git a/client.js b/client.js
    );
  }
  var pad = (number) => String(number).padStart(2, "0");
-@@ -6944,27 +6944,49 @@
+@@ -6944,27 +6944,49 @@ function inAnHour() {
    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:00`;
  }
  var KINDS = [["at", "Once"], ["daily", "Every day"], ["weekly", "Every week"], ["every", "Repeat"]];
@@ -10797,7 +14285,7 @@ diff --git a/client.js b/client.js
      setBusy(true);
      setError("");
      let when3;
-@@ -6975,151 +6975,298 @@
+@@ -6975,151 +6975,298 @@ function TaskForm({ roster, actions, start, onDone, onCancel }) {
        setBusy(false);
        return;
      }
@@ -11158,7 +14646,7 @@ diff --git a/client.js b/client.js
  .bt-task[data-done]{opacity:.6}
  .bt-task[data-busy]{opacity:.4}
  .bt-task-title{font-size:13px;line-height:18px;font-weight:500;overflow-wrap:anywhere}
-@@ -7127,6 +7127,12 @@
+@@ -7127,6 +7127,12 @@ var SCHEDULE_CSS = `
  .bt-task-next{flex:none;font-size:12px;line-height:16px;color:var(--bt-ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
  .bt-task-remove{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;color:var(--bt-ink-3)}
  .bt-task-remove svg{width:14px;height:14px}
@@ -11171,7 +14659,7 @@ diff --git a/client.js b/client.js
  .bt-task-remove[data-confirm]{background:rgba(224,33,53,.1);color:#e02135}
  .bt-task-head{display:flex;align-items:center;gap:6px}
  .bt-task-form{animation:bt-q-in .4s cubic-bezier(.22,1,.36,1),bt-veil-in .2s ease-out}
-@@ -7158,12 +7158,12 @@
+@@ -7158,12 +7158,12 @@ var SCHEDULE_CSS = `
  `;
  
  // src/client/capability-settings.js
@@ -11187,7 +14675,7 @@ diff --git a/client.js b/client.js
    } catch {
      throw new Error(t("{label} must be valid JSON.", { label }));
    }
-@@ -7172,11 +7172,11 @@
+@@ -7172,11 +7172,11 @@ var parseMap = (text, label) => {
  };
  var statusText = (status) => !status ? void 0 : status.state === "ready" ? t("Ready") : status.state === "needs-approval" ? t("Needs approval") : status.state === "error" ? t("Could not connect: {error}", { error: status.error ?? "" }) : t("Connecting…");
  function Field({ label, value, onChange, multiline = false, disabled = false, placeholder }) {
@@ -11202,7 +14690,7 @@ diff --git a/client.js b/client.js
        className: multiline ? "bt-input bt-input-area" : "bt-input",
        value,
        disabled,
-@@ -7188,7 +7188,7 @@
+@@ -7188,7 +7188,7 @@ function Field({ label, value, onChange, multiline = false, disabled = false, pl
    );
  }
  function CapabilityForm({ draft, setDraft, items, actions, onClose }) {
@@ -11211,7 +14699,7 @@ diff --git a/client.js b/client.js
    const set = (key, value) => setDraft((previous) => ({ ...previous, [key]: value }));
    const submit = async (event) => {
      event.preventDefault();
-@@ -7199,7 +7199,7 @@
+@@ -7199,7 +7199,7 @@ function CapabilityForm({ draft, setDraft, items, actions, onClose }) {
        if (draft.kind === "mcp" && draft.transport === "stdio") {
          payload.transport = "stdio";
          payload.command = draft.command;
@@ -11220,7 +14708,7 @@ diff --git a/client.js b/client.js
          payload.env = parseMap(draft.envText, t("Environment"));
        } else if (draft.kind === "mcp") {
          payload.transport = "streamable-http";
-@@ -7219,95 +7219,95 @@
+@@ -7219,95 +7219,95 @@ function CapabilityForm({ draft, setDraft, items, actions, onClose }) {
      }
    };
    const available = items.filter((item) => item.name !== draft.name && ["mcp", "skill"].includes(item.kind));
@@ -11356,7 +14844,7 @@ diff --git a/client.js b/client.js
      if (!confirming) return void 0;
      const timer = setTimeout(() => setConfirming(""), 4e3);
      return () => clearTimeout(timer);
-@@ -7330,20 +7330,20 @@
+@@ -7330,20 +7330,20 @@ function CapabilitiesPage({ roster, actions, run }) {
      setConfirming("");
      void run(actions.deleteCapability(item.name));
    };
@@ -11384,7 +14872,7 @@ diff --git a/client.js b/client.js
          key: item.name,
          item,
          confirming: confirming === item.name,
-@@ -7359,10 +7359,10 @@
+@@ -7359,10 +7359,10 @@ function BotCapabilitiesCard({ bot, roster, actions, run, Card: Card2, SwitchRow
    const attached = new Set(bot.capabilities ?? []);
    const statuses = roster.capabilityStatuses?.[bot.id] ?? {};
    if (items.length === 0) return null;
@@ -11397,7 +14885,7 @@ diff --git a/client.js b/client.js
        key: item.name,
        label: item.name,
        hint: attached.has(item.name) ? statusText(statuses[item.name]) : void 0,
-@@ -7372,9 +7372,55 @@
+@@ -7372,9 +7372,55 @@ function BotCapabilitiesCard({ bot, roster, actions, run, Card: Card2, SwitchRow
    );
  }
  
@@ -11455,7 +14943,7 @@ diff --git a/client.js b/client.js
  var MENU_EXIT_MS2 = 120;
  var counts = /* @__PURE__ */ new Map();
  var countListeners = /* @__PURE__ */ new Set();
-@@ -7384,13 +7384,13 @@
+@@ -7384,13 +7384,13 @@ function noteCount(botId, count) {
    for (const listener of countListeners) listener();
  }
  function useMemoryCount(botId, actions) {
@@ -11472,7 +14960,7 @@ diff --git a/client.js b/client.js
        if (!stop) noteCount(botId, view.entries.length);
      }).catch(() => {
      });
-@@ -7404,16 +7404,16 @@
+@@ -7404,16 +7404,16 @@ function useMemoryCount(botId, actions) {
  function MemoryRow({ bot, actions }) {
    const count = useMemoryCount(bot.id, actions);
    const label = count === null ? t("Loading…") : count === 0 ? t("Nothing saved yet") : count === 1 ? t("1 entry") : t("{count} entries", { count });
@@ -11495,7 +14983,7 @@ diff --git a/client.js b/client.js
      )
    );
  }
-@@ -7428,45 +7428,45 @@
+@@ -7428,45 +7428,45 @@ function ago(at, now) {
    return format.format(-Math.round(hours / 24), "day");
  }
  function Skeleton({ label }) {
@@ -11560,7 +15048,7 @@ diff --git a/client.js b/client.js
      )
    );
  }
-@@ -7478,9 +7478,9 @@
+@@ -7478,9 +7478,9 @@ var groupEntries = (entries2) => entries2.reduce((groups, entry) => {
    return groups;
  }, []);
  function EntryRow({ entry, remove }) {
@@ -11573,7 +15061,7 @@ diff --git a/client.js b/client.js
      if (!confirming) return void 0;
      const timer = setTimeout(() => setConfirming(false), 3e3);
      return () => clearTimeout(timer);
-@@ -7495,16 +7495,16 @@
+@@ -7495,16 +7495,16 @@ function EntryRow({ entry, remove }) {
      setBusy(true);
      if (!await remove(entry)) setBusy(false);
    };
@@ -11595,7 +15083,7 @@ diff --git a/client.js b/client.js
        type: "button",
        className: "bt-mem-remove",
        "data-confirm": confirming || void 0,
-@@ -7512,7 +7512,7 @@
+@@ -7512,7 +7512,7 @@ function EntryRow({ entry, remove }) {
        "aria-label": confirming ? t("Click again to remove") : t("Remove from memory"),
        title: confirming ? void 0 : t("Remove from memory"),
        onClick: click
@@ -11604,7 +15092,7 @@ diff --git a/client.js b/client.js
    );
  }
  function Entries({ bot, view, remove }) {
-@@ -7521,82 +7521,82 @@
+@@ -7521,82 +7521,82 @@ function Entries({ bot, view, remove }) {
      { scope: "own", title: t("{name}'s memory", { name: bot.name }), size: view.sizes.own },
      { scope: "team", title: t("Team memory"), hint: t("Every Bot reads it"), size: view.sizes.team }
    ];
@@ -11722,35 +15210,30 @@ diff --git a/client.js b/client.js
      alive.current = true;
      void load({ summarize: true });
      return () => {
-@@ -7606,9 +7606,9 @@
+@@ -7606,38 +7606,331 @@ function useMemoryView(botId, actions) {
    }, [botId]);
    return { view, error, load, show };
  }
 -function useNow(every) {
 -  const [now, setNow] = (0, import_react17.useState)(Date.now());
 -  (0, import_react17.useEffect)(() => {
+-    const id = setInterval(() => setNow(Date.now()), every);
+-    return () => clearInterval(id);
+-  }, [every]);
+-  return now;
 +function useNow3(every) {
 +  const [now, setNow] = (0, import_react27.useState)(Date.now());
 +  (0, import_react27.useEffect)(() => {
-     const id = setInterval(() => setNow(Date.now()), every);
-     return () => clearInterval(id);
-   }, [every]);
-@@ -7616,18 +7616,18 @@
- }
- function MemoryDialog({ bot, actions, leaving = false }) {
-   const { view, error, load, show } = useMemoryView(bot.id, actions);
--  const [page, setPage] = (0, import_react17.useState)("summary");
--  const [menu, setMenu] = (0, import_react17.useState)(false);
++    const id = setInterval(() => setNow(Date.now()), every);
++    return () => clearInterval(id);
++  }, [every]);
++  return now;
++}
++function MemoryDialog({ bot, actions, leaving = false }) {
++  const { view, error, load, show } = useMemoryView(bot.id, actions);
 +  const [page, setPage] = (0, import_react27.useState)("summary");
 +  const [menu, setMenu] = (0, import_react27.useState)(false);
-   const [menuShown, menuLeaving] = useLinger(menu, MENU_EXIT_MS2);
--  const [text, setText] = (0, import_react17.useState)("");
--  const [answer, setAnswer] = (0, import_react17.useState)(null);
--  const menuRef = (0, import_react17.useRef)(null);
--  const dotsRef = (0, import_react17.useRef)(null);
--  const inputRef = (0, import_react17.useRef)(null);
--  const now = useNow(3e4);
--  const close = (0, import_react17.useCallback)(() => actions.closeMemory(), []);
++  const [menuShown, menuLeaving] = useLinger(menu, MENU_EXIT_MS2);
 +  const [text2, setText] = (0, import_react27.useState)("");
 +  const [answer, setAnswer] = (0, import_react27.useState)(null);
 +  const menuRef = (0, import_react27.useRef)(null);
@@ -11758,46 +15241,79 @@ diff --git a/client.js b/client.js
 +  const inputRef = (0, import_react27.useRef)(null);
 +  const now = useNow3(3e4);
 +  const close = (0, import_react27.useCallback)(() => actions.closeMemory(), []);
-   useEscape(close);
--  (0, import_react17.useEffect)(() => {
++  useEscape(close);
 +  (0, import_react27.useEffect)(() => {
-     if (!menu) return void 0;
-     const onDown = (event) => {
-       if (menuRef.current?.contains(event.target) || dotsRef.current?.contains(event.target)) return;
-@@ -7671,7 +7671,7 @@
-   };
-   const ask = async (event) => {
-     event.preventDefault();
--    const asked = text.trim();
++    if (!menu) return void 0;
++    const onDown = (event) => {
++      if (menuRef.current?.contains(event.target) || dotsRef.current?.contains(event.target)) return;
++      setMenu(false);
++    };
++    const onKey = (event) => {
++      if (event.key === "Escape") {
++        event.stopPropagation();
++        setMenu(false);
++        dotsRef.current?.focus();
++      }
++    };
++    window.addEventListener("mousedown", onDown);
++    window.addEventListener("keydown", onKey, true);
++    return () => {
++      window.removeEventListener("mousedown", onDown);
++      window.removeEventListener("keydown", onKey, true);
++    };
++  }, [menu]);
++  const regenerate = () => {
++    setMenu(false);
++    setPage("summary");
++    void load({ regenerate: true });
++  };
++  const openEntries = () => {
++    setMenu(false);
++    setPage("entries");
++  };
++  const backToSummary = () => {
++    setPage("summary");
++    void load({ summarize: true });
++  };
++  const remove = async (entry) => {
++    try {
++      show(await actions.memoryForget(bot.id, entry));
++      return true;
++    } catch (failure) {
++      setAnswer({ asked: entry.text, error: failure?.message ?? String(failure) });
++      return false;
++    }
++  };
++  const ask = async (event) => {
++    event.preventDefault();
 +    const asked = text2.trim();
-     if (asked === "" || answer?.pending) return;
-     setText("");
-     setAnswer({ asked, pending: true });
-@@ -7689,65 +7689,65 @@
-   const when3 = view?.summary ? ago(view.summary.at, now) : null;
-   const status = view === null ? "" : page === "entries" ? count === 1 ? t("1 entry") : t("{count} entries", { count }) : view.summarizing && view.summary ? t("Updating…") : view.summary && view.fresh ? when3 ? t("Updated {time}", { time: when3 }) : t("Updated just now") : "";
-   const busy = answer?.pending === true;
--  return (0, import_react17.createElement)(
++    if (asked === "" || answer?.pending) return;
++    setText("");
++    setAnswer({ asked, pending: true });
++    try {
++      const result = await actions.memoryAsk(bot.id, asked);
++      setAnswer({ asked, reply: result.reply, changes: result.changes });
++      show(result.view);
++      if (result.changes.some((change) => change.ok)) void load({ summarize: page === "summary" });
++    } catch (failure) {
++      setAnswer({ asked, error: failure?.message ?? String(failure) });
++    }
++    inputRef.current?.focus();
++  };
++  const count = view?.entries.length ?? 0;
++  const when3 = view?.summary ? ago(view.summary.at, now) : null;
++  const status = view === null ? "" : page === "entries" ? count === 1 ? t("1 entry") : t("{count} entries", { count }) : view.summarizing && view.summary ? t("Updating…") : view.summary && view.fresh ? when3 ? t("Updated {time}", { time: when3 }) : t("Updated just now") : "";
++  const busy = answer?.pending === true;
 +  return (0, import_react27.createElement)(
-     "div",
-     { className: "bt-mem-layer", "data-leaving": leaving || void 0 },
--    (0, import_react17.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }),
--    (0, import_react17.createElement)(
++    "div",
++    { className: "bt-mem-layer", "data-leaving": leaving || void 0 },
 +    (0, import_react27.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }),
 +    (0, import_react27.createElement)(
-       "div",
-       { className: "bt-mem", role: "dialog", "aria-modal": true, "aria-label": t("{name}'s memory", { name: bot.name }) },
--      (0, import_react17.createElement)(
++      "div",
++      { className: "bt-mem", role: "dialog", "aria-modal": true, "aria-label": t("{name}'s memory", { name: bot.name }) },
 +      (0, import_react27.createElement)(
-         "div",
-         { className: "bt-mem-head" },
--        page === "entries" ? (0, import_react17.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to the summary"), onClick: backToSummary }, (0, import_react17.createElement)(ChevronLeftIcon)) : null,
--        (0, import_react17.createElement)("h2", null, page === "entries" ? t("All entries") : t("Memory summary")),
--        (0, import_react17.createElement)("span", { className: "bt-mem-status" }, page === "summary" ? [bot.name, status].filter(Boolean).join(" · ") : status),
--        (0, import_react17.createElement)("span", { className: "bt-mem-head-gap" }),
--        (0, import_react17.createElement)("button", { ref: dotsRef, type: "button", className: "bt-icon-btn", "aria-label": t("Memory options"), "aria-haspopup": "menu", "aria-expanded": menu, onClick: () => setMenu((value) => !value) }, (0, import_react17.createElement)(DotsIcon)),
--        (0, import_react17.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close memory"), onClick: close }, (0, import_react17.createElement)(CloseIcon)),
--        menuShown ? (0, import_react17.createElement)(
++        "div",
++        { className: "bt-mem-head" },
 +        page === "entries" ? (0, import_react27.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to the summary"), onClick: backToSummary }, (0, import_react27.createElement)(ChevronLeftIcon)) : null,
 +        (0, import_react27.createElement)("h2", null, page === "entries" ? t("All entries") : t("Memory summary")),
 +        (0, import_react27.createElement)("span", { className: "bt-mem-status" }, page === "summary" ? [bot.name, status].filter(Boolean).join(" · ") : status),
@@ -11805,71 +15321,55 @@ diff --git a/client.js b/client.js
 +        (0, import_react27.createElement)("button", { ref: dotsRef, type: "button", className: "bt-icon-btn", "aria-label": t("Memory options"), "aria-haspopup": "menu", "aria-expanded": menu, onClick: () => setMenu((value) => !value) }, (0, import_react27.createElement)(DotsIcon)),
 +        (0, import_react27.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close memory"), onClick: close }, (0, import_react27.createElement)(CloseIcon)),
 +        menuShown ? (0, import_react27.createElement)(
-           "div",
-           { ref: menuRef, className: "bt-menu bt-mem-menu", role: "menu", "aria-label": t("Memory options"), "data-leaving": menuLeaving || void 0 },
--          (0, import_react17.createElement)(
++          "div",
++          { ref: menuRef, className: "bt-menu bt-mem-menu", role: "menu", "aria-label": t("Memory options"), "data-leaving": menuLeaving || void 0 },
 +          (0, import_react27.createElement)(
-             "button",
-             { type: "button", role: "menuitem", onClick: openEntries },
--            (0, import_react17.createElement)("span", { className: "bt-menu-label" }, t("All entries")),
--            (0, import_react17.createElement)("span", { className: "bt-menu-hint" }, String(count))
++            "button",
++            { type: "button", role: "menuitem", onClick: openEntries },
 +            (0, import_react27.createElement)("span", { className: "bt-menu-label" }, t("All entries")),
 +            (0, import_react27.createElement)("span", { className: "bt-menu-hint" }, String(count))
-           ),
--          (0, import_react17.createElement)(
++          ),
 +          (0, import_react27.createElement)(
-             "button",
-             { type: "button", role: "menuitem", disabled: count === 0 || view?.summarizing, onClick: regenerate },
--            (0, import_react17.createElement)("span", { className: "bt-menu-label" }, t("Regenerate summary"))
++            "button",
++            { type: "button", role: "menuitem", disabled: count === 0 || view?.summarizing, onClick: regenerate },
 +            (0, import_react27.createElement)("span", { className: "bt-menu-label" }, t("Regenerate summary"))
-           )
-         ) : null
-       ),
--      (0, import_react17.createElement)(
++          )
++        ) : null
++      ),
 +      (0, import_react27.createElement)(
-         "div",
-         { className: "bt-mem-body" },
--        error ? (0, import_react17.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, hostText(error)) : null,
--        view === null ? error ? null : (0, import_react17.createElement)(Skeleton) : page === "entries" ? (0, import_react17.createElement)(Entries, { bot, view, remove }) : (0, import_react17.createElement)(Summary, { bot, view, regenerate })
++        "div",
++        { className: "bt-mem-body" },
 +        error ? (0, import_react27.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, hostText(error)) : null,
 +        view === null ? error ? null : (0, import_react27.createElement)(Skeleton) : page === "entries" ? (0, import_react27.createElement)(Entries, { bot, view, remove }) : (0, import_react27.createElement)(Summary, { bot, view, regenerate })
-       ),
--      (0, import_react17.createElement)(
++      ),
 +      (0, import_react27.createElement)(
-         "div",
-         { className: "bt-mem-foot" },
--        answer ? (0, import_react17.createElement)(Reply, { answer, dismiss: () => setAnswer(null) }) : null,
--        (0, import_react17.createElement)(
++        "div",
++        { className: "bt-mem-foot" },
 +        answer ? (0, import_react27.createElement)(Reply, { answer, dismiss: () => setAnswer(null) }) : null,
 +        (0, import_react27.createElement)(
-           "form",
-           { className: "bt-mem-ask", onSubmit: ask },
--          (0, import_react17.createElement)("input", {
++          "form",
++          { className: "bt-mem-ask", onSubmit: ask },
 +          (0, import_react27.createElement)("input", {
-             ref: inputRef,
-             className: "bt-mem-input",
--            value: text,
++            ref: inputRef,
++            className: "bt-mem-input",
 +            value: text2,
-             maxLength: 2e3,
-             disabled: view === null,
-             placeholder: t("Ask or update"),
-             "aria-label": t("Ask about or update {name}'s memory", { name: bot.name }),
-             onChange: (event) => setText(event.target.value)
-           }),
--          (0, import_react17.createElement)(
++            maxLength: 2e3,
++            disabled: view === null,
++            placeholder: t("Ask or update"),
++            "aria-label": t("Ask about or update {name}'s memory", { name: bot.name }),
++            onChange: (event) => setText(event.target.value)
++          }),
 +          (0, import_react27.createElement)(
-             "button",
--            { type: "submit", className: "bt-mem-send", disabled: busy || text.trim() === "", "aria-label": t("Send") },
--            busy ? (0, import_react17.createElement)("span", { className: "bt-mem-spin", "aria-hidden": true }) : (0, import_react17.createElement)(ArrowUpIcon)
++            "button",
 +            { type: "submit", className: "bt-mem-send", disabled: busy || text2.trim() === "", "aria-label": t("Send") },
 +            busy ? (0, import_react27.createElement)("span", { className: "bt-mem-spin", "aria-hidden": true }) : (0, import_react27.createElement)(ArrowUpIcon)
-           )
-         )
-       )
-@@ -7755,8 +7755,40 @@
-   );
- }
- 
++          )
++        )
++      )
++    )
++  );
++}
++
 +// src/client/standing-approvals.js
 +var import_react28 = require("react");
 +var standingOf = (target, roster) => {
@@ -11902,341 +15402,440 @@ diff --git a/client.js b/client.js
 +  );
 +}
 +
- // src/client/bot-settings.js
--var import_react18 = require("react");
++// src/client/bot-settings.js
 +var import_react29 = require("react");
- var capitalize = (word) => word[0].toUpperCase() + word.slice(1);
- async function avatarImage(file) {
-   if (!/^image\/(png|jpeg|webp|gif)$/.test(file.type)) throw new Error(t("Choose a PNG, JPEG, WebP, or GIF image"));
-@@ -7780,8 +7780,8 @@
-   throw new Error(t("That image is too large"));
- }
- function InlineText({ label, value, placeholder, required = false, maxLength, multiline = false, onSave }) {
--  const [draft, setDraft] = (0, import_react18.useState)(null);
--  const reverting = (0, import_react18.useRef)(false);
++var capitalize = (word) => word[0].toUpperCase() + word.slice(1);
++async function avatarImage(file) {
++  if (!/^image\/(png|jpeg|webp|gif)$/.test(file.type)) throw new Error(t("Choose a PNG, JPEG, WebP, or GIF image"));
++  if (file.size > 25 * 1024 * 1024) throw new Error(t("Choose an image smaller than 25 MB"));
++  const bitmap = await createImageBitmap(file);
++  const side = 160;
++  const canvas = document.createElement("canvas");
++  canvas.width = side;
++  canvas.height = side;
++  const context = canvas.getContext("2d");
++  context.imageSmoothingQuality = "high";
++  const crop = Math.min(bitmap.width, bitmap.height);
++  context.drawImage(bitmap, (bitmap.width - crop) / 2, (bitmap.height - crop) / 2, crop, crop, 0, 0, side, side);
++  bitmap.close?.();
++  for (const quality of [0.9, 0.75, 0.6]) {
++    const url = canvas.toDataURL("image/webp", quality);
++    if (url.startsWith("data:image/webp") && url.length < 15e4) return url;
++  }
++  const png = canvas.toDataURL("image/png");
++  if (png.length < 15e4) return png;
++  throw new Error(t("That image is too large"));
++}
++function InlineText({ label, value, placeholder, required = false, maxLength, multiline = false, onSave }) {
 +  const [draft, setDraft] = (0, import_react29.useState)(null);
 +  const reverting = (0, import_react29.useRef)(false);
-   const commit = () => {
-     const next = draft?.trim();
-     setDraft(null);
-@@ -7792,7 +7792,7 @@
-     if (next === void 0 || next === (value ?? "") || required && next === "") return;
-     void onSave(next);
-   };
--  return (0, import_react18.createElement)(multiline ? "textarea" : "input", {
++  const commit = () => {
++    const next = draft?.trim();
++    setDraft(null);
++    if (reverting.current) {
++      reverting.current = false;
++      return;
++    }
++    if (next === void 0 || next === (value ?? "") || required && next === "") return;
++    void onSave(next);
++  };
 +  return (0, import_react29.createElement)(multiline ? "textarea" : "input", {
-     className: multiline ? "bt-bs-input bt-bs-area" : "bt-bs-input",
-     value: draft ?? value ?? "",
-     placeholder,
-@@ -7813,29 +7813,29 @@
-   });
- }
- function Row({ label, hint, stack = false, children }) {
--  return (0, import_react18.createElement)(
++    className: multiline ? "bt-bs-input bt-bs-area" : "bt-bs-input",
++    value: draft ?? value ?? "",
++    placeholder,
++    maxLength,
++    required,
++    "aria-label": label,
++    spellCheck: false,
++    onChange: (event) => setDraft(event.target.value),
++    onBlur: commit,
++    onKeyDown: (event) => {
++      if (event.key === "Escape") {
++        event.stopPropagation();
++        reverting.current = true;
++        event.currentTarget.blur();
++      }
++      if (event.key === "Enter" && !multiline && !event.nativeEvent.isComposing) event.currentTarget.blur();
++    }
++  });
++}
++function Row({ label, hint, stack = false, children }) {
 +  return (0, import_react29.createElement)(
-     "label",
-     { className: stack ? "bt-set-row bt-bs-row bt-bs-stack" : "bt-set-row bt-bs-row" },
--    (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, label), hint ? (0, import_react18.createElement)("span", { className: "bt-set-hint" }, hint) : null),
-+    (0, import_react29.createElement)("span", { className: "bt-set-copy" }, (0, import_react29.createElement)("span", { className: "bt-bs-label" }, label), hint ? (0, import_react29.createElement)("span", { className: "bt-set-hint" }, hint) : null),
-     children
-   );
- }
- function Card({ title, children }) {
--  return (0, import_react18.createElement)("section", { className: "bt-set-section" }, title ? (0, import_react18.createElement)("h3", null, title) : null, (0, import_react18.createElement)("div", { className: "bt-set-card" }, children));
++    "label",
++    { className: stack ? "bt-set-row bt-bs-row bt-bs-stack" : "bt-set-row bt-bs-row" },
++    (0, import_react29.createElement)("span", { className: "bt-set-copy" }, (0, import_react29.createElement)("span", { className: "bt-bs-label" }, label), hint ? (0, import_react29.createElement)("span", { className: "bt-set-hint" }, hint) : null),
++    children
++  );
++}
++function Card({ title, children }) {
 +  return (0, import_react29.createElement)("section", { className: "bt-set-section" }, title ? (0, import_react29.createElement)("h3", null, title) : null, (0, import_react29.createElement)("div", { className: "bt-set-card" }, children));
- }
- function Switch({ on, label, disabled, onChange }) {
--  return (0, import_react18.createElement)(
++}
++function Switch({ on, label, disabled, onChange }) {
 +  return (0, import_react29.createElement)(
-     "button",
-     { type: "button", role: "switch", className: "bt-switch", "aria-checked": on, "aria-label": label, disabled, onClick: () => onChange(!on) },
--    (0, import_react18.createElement)("span", { className: "bt-switch-knob", "aria-hidden": true })
++    "button",
++    { type: "button", role: "switch", className: "bt-switch", "aria-checked": on, "aria-label": label, disabled, onClick: () => onChange(!on) },
 +    (0, import_react29.createElement)("span", { className: "bt-switch-knob", "aria-hidden": true })
-   );
- }
--function SwitchRow({ label, hint, on, disabled, onChange }) {
--  return (0, import_react18.createElement)(
++  );
++}
 +function SwitchRow({ label, hint, on, disabled, onChange, showLabel = true }) {
 +  return (0, import_react29.createElement)(
-     "div",
-     { className: "bt-set-row bt-bs-row" },
--    (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, label), hint ? (0, import_react18.createElement)("span", { className: "bt-set-hint" }, hint) : null),
--    (0, import_react18.createElement)(Switch, { on, label, disabled, onChange })
++    "div",
++    { className: "bt-set-row bt-bs-row" },
 +    (0, import_react29.createElement)("span", { className: "bt-set-copy" }, showLabel ? (0, import_react29.createElement)("span", { className: "bt-bs-label" }, label) : null, hint ? (0, import_react29.createElement)("span", { className: "bt-set-hint" }, hint) : null),
 +    (0, import_react29.createElement)(Switch, { on, label, disabled, onChange })
-   );
- }
- function modelHint(bot, roster) {
-@@ -7846,22 +7846,22 @@
-   return t("Applies from the next message.");
- }
- function ShapeRing({ shape, size }) {
--  const maskId = (0, import_react18.useRef)("");
++  );
++}
++function modelHint(bot, roster) {
++  const shown = modelOf(bot, roster);
++  if (shown === void 0) return t("Pick the model this Bot runs on.");
++  if (!shown.served && (roster.models ?? []).length > 0) return t("This model is not available now. Pick another one.");
++  if (bot.appliedModel && bot.appliedModel === bot.model) return t("Every message of this Bot runs on it.");
++  return t("Applies from the next message.");
++}
++function ShapeRing({ shape, size }) {
 +  const maskId = (0, import_react29.useRef)("");
-   if (maskId.current === "") maskId.current = `bt-ring-${nextMarkSerial()}`;
-   const def = shapeOf(shape);
-   const unit = def.size / size;
-   const markup = `<defs><mask id="${maskId.current}" ${maskBox(def.size)}>${holes(def, `<g stroke="#000" stroke-width="${6 * unit}" stroke-linejoin="round">${bodyOf(def, "#000", true)}</g>`)}</mask></defs><g mask="url(#${maskId.current})" stroke="currentColor" stroke-width="${8 * unit}" stroke-linejoin="round">${bodyOf(def, "currentColor", true)}</g>`;
--  return (0, import_react18.createElement)("svg", { className: "bt-ring", viewBox: `0 0 ${def.size} ${def.size}`, "aria-hidden": true, dangerouslySetInnerHTML: { __html: markup } });
++  if (maskId.current === "") maskId.current = `bt-ring-${nextMarkSerial()}`;
++  const def = shapeOf(shape);
++  const unit = def.size / size;
++  const markup = `<defs><mask id="${maskId.current}" ${maskBox(def.size)}>${holes(def, `<g stroke="#000" stroke-width="${6 * unit}" stroke-linejoin="round">${bodyOf(def, "#000", true)}</g>`)}</mask></defs><g mask="url(#${maskId.current})" stroke="currentColor" stroke-width="${8 * unit}" stroke-linejoin="round">${bodyOf(def, "currentColor", true)}</g>`;
 +  return (0, import_react29.createElement)("svg", { className: "bt-ring", viewBox: `0 0 ${def.size} ${def.size}`, "aria-hidden": true, dangerouslySetInnerHTML: { __html: markup } });
  }
- function CharacterGrid({ look, hasPhoto = false, onShape, onColor }) {
-   const shapes = [...PICKER_SHAPES, ...Object.keys(SHAPES).filter((id) => !Object.hasOwn(CHARACTERS, id))];
-   if (!shapes.includes(look.shape)) shapes.push(look.shape);
-   const rows = [];
-   for (let index = 0; index < shapes.length; index += PICKER_COLUMNS) rows.push(shapes.slice(index, index + PICKER_COLUMNS));
--  return (0, import_react18.createElement)(
--    import_react18.Fragment,
+-function MemoryDialog({ bot, actions, leaving = false }) {
+-  const { view, error, load, show } = useMemoryView(bot.id, actions);
+-  const [page, setPage] = (0, import_react17.useState)("summary");
+-  const [menu, setMenu] = (0, import_react17.useState)(false);
+-  const [menuShown, menuLeaving] = useLinger(menu, MENU_EXIT_MS2);
+-  const [text, setText] = (0, import_react17.useState)("");
+-  const [answer, setAnswer] = (0, import_react17.useState)(null);
+-  const menuRef = (0, import_react17.useRef)(null);
+-  const dotsRef = (0, import_react17.useRef)(null);
+-  const inputRef = (0, import_react17.useRef)(null);
+-  const now = useNow(3e4);
+-  const close = (0, import_react17.useCallback)(() => actions.closeMemory(), []);
+-  useEscape(close);
+-  (0, import_react17.useEffect)(() => {
+-    if (!menu) return void 0;
++function CharacterGrid({ look, hasPhoto = false, onShape, onColor }) {
++  const shapes = [...PICKER_SHAPES, ...Object.keys(SHAPES).filter((id) => !Object.hasOwn(CHARACTERS, id))];
++  if (!shapes.includes(look.shape)) shapes.push(look.shape);
++  const rows = [];
++  for (let index = 0; index < shapes.length; index += PICKER_COLUMNS) rows.push(shapes.slice(index, index + PICKER_COLUMNS));
 +  return (0, import_react29.createElement)(
 +    import_react29.Fragment,
-     null,
--    (0, import_react18.createElement)("div", { className: "bt-shapes", role: "group", "aria-label": t("Character shape") }, rows.map((row, index) => (0, import_react18.createElement)("div", { key: index, className: "bt-shape-row" }, row.map((id) => (0, import_react18.createElement)("button", {
++    null,
 +    (0, import_react29.createElement)("div", { className: "bt-shapes", role: "group", "aria-label": t("Character shape") }, rows.map((row, index) => (0, import_react29.createElement)("div", { key: index, className: "bt-shape-row" }, row.map((id) => (0, import_react29.createElement)("button", {
-       key: id,
-       type: "button",
-       className: "bt-shape",
-@@ -7869,8 +7869,8 @@
-       title: t(shapeOf(id).label),
-       "aria-pressed": !hasPhoto && look.shape === id,
-       onClick: () => onShape(id)
--    }, (0, import_react18.createElement)(ShapeRing, { shape: id, size: 36 }), (0, import_react18.createElement)(BotMark, { look: { shape: id, color: look.color }, size: 36 })))))),
--    (0, import_react18.createElement)("div", { className: "bt-colors", role: "group", "aria-label": t("Character color") }, CHARACTER_COLORS.map((color) => (0, import_react18.createElement)("button", {
++      key: id,
++      type: "button",
++      className: "bt-shape",
++      "aria-label": t(shapeOf(id).label),
++      title: t(shapeOf(id).label),
++      "aria-pressed": !hasPhoto && look.shape === id,
++      onClick: () => onShape(id)
 +    }, (0, import_react29.createElement)(ShapeRing, { shape: id, size: 36 }), (0, import_react29.createElement)(BotMark, { look: { shape: id, color: look.color }, size: 36 })))))),
 +    (0, import_react29.createElement)("div", { className: "bt-colors", role: "group", "aria-label": t("Character color") }, CHARACTER_COLORS.map((color) => (0, import_react29.createElement)("button", {
-       key: color,
-       type: "button",
-       className: "bt-color",
-@@ -7878,19 +7878,19 @@
-       title: t(capitalize(color)),
-       "aria-pressed": look.color === color,
-       onClick: () => onColor(color)
--    }, (0, import_react18.createElement)("span", { style: { background: paintCss(color) } }))))
++      key: color,
++      type: "button",
++      className: "bt-color",
++      "aria-label": t(capitalize(color)),
++      title: t(capitalize(color)),
++      "aria-pressed": look.color === color,
++      onClick: () => onColor(color)
 +    }, (0, import_react29.createElement)("span", { style: { background: paintCss(color) } }))))
-   );
- }
- function AvatarEditor({ bot, actions, run, onClose }) {
-   const look = lookOf(bot);
--  const [tab, setTab] = (0, import_react18.useState)(look.image ? "upload" : "bot");
--  const [over, setOver] = (0, import_react18.useState)(false);
--  const ref = (0, import_react18.useRef)(null);
--  const fileRef = (0, import_react18.useRef)(null);
++  );
++}
++function AvatarEditor({ bot, actions, run, onClose }) {
++  const look = lookOf(bot);
 +  const [tab, setTab] = (0, import_react29.useState)(look.image ? "upload" : "bot");
 +  const [over, setOver] = (0, import_react29.useState)(false);
 +  const ref = (0, import_react29.useRef)(null);
 +  const fileRef = (0, import_react29.useRef)(null);
-   const upload = (file) => {
-     if (file) void run(avatarImage(file).then((image) => actions.updateBot(bot.id, { avatar: { ...bot.avatar ?? {}, image } })));
-   };
--  (0, import_react18.useEffect)(() => {
++  const upload = (file) => {
++    if (file) void run(avatarImage(file).then((image) => actions.updateBot(bot.id, { avatar: { ...bot.avatar ?? {}, image } })));
++  };
 +  (0, import_react29.useEffect)(() => {
      const onDown = (event) => {
-       if (!(event.target instanceof Element) || ref.current?.contains(event.target) || event.target.closest(".bt-avatar-trigger")) return;
-       onClose();
-@@ -7908,7 +7908,7 @@
+-      if (menuRef.current?.contains(event.target) || dotsRef.current?.contains(event.target)) return;
+-      setMenu(false);
++      if (!(event.target instanceof Element) || ref.current?.contains(event.target) || event.target.closest(".bt-avatar-trigger")) return;
++      onClose();
+     };
+     const onKey = (event) => {
+       if (event.key === "Escape") {
+         event.stopPropagation();
+-        setMenu(false);
+-        dotsRef.current?.focus();
++        onClose();
+       }
+     };
+     window.addEventListener("mousedown", onDown);
+@@ -7646,514 +7646,917 @@ function MemoryDialog({ bot, actions, leaving = false }) {
+       window.removeEventListener("mousedown", onDown);
        window.removeEventListener("keydown", onKey, true);
      };
-   }, [onClose]);
--  (0, import_react18.useEffect)(() => {
+-  }, [menu]);
+-  const regenerate = () => {
+-    setMenu(false);
+-    setPage("summary");
+-    void load({ regenerate: true });
+-  };
+-  const openEntries = () => {
+-    setMenu(false);
+-    setPage("entries");
+-  };
+-  const backToSummary = () => {
+-    setPage("summary");
+-    void load({ summarize: true });
+-  };
+-  const remove = async (entry) => {
+-    try {
+-      show(await actions.memoryForget(bot.id, entry));
+-      return true;
+-    } catch (failure) {
+-      setAnswer({ asked: entry.text, error: failure?.message ?? String(failure) });
+-      return false;
+-    }
+-  };
+-  const ask = async (event) => {
+-    event.preventDefault();
+-    const asked = text.trim();
+-    if (asked === "" || answer?.pending) return;
+-    setText("");
+-    setAnswer({ asked, pending: true });
+-    try {
+-      const result = await actions.memoryAsk(bot.id, asked);
+-      setAnswer({ asked, reply: result.reply, changes: result.changes });
+-      show(result.view);
+-      if (result.changes.some((change) => change.ok)) void load({ summarize: page === "summary" });
+-    } catch (failure) {
+-      setAnswer({ asked, error: failure?.message ?? String(failure) });
+-    }
+-    inputRef.current?.focus();
++  }, [onClose]);
 +  (0, import_react29.useEffect)(() => {
-     if (tab !== "upload") return void 0;
-     const onPaste = (event) => {
-       const file = [...event.clipboardData?.files ?? []].find((item) => item.type.startsWith("image/"));
-@@ -7922,32 +7922,32 @@
-   }, [tab, bot]);
-   const hasPhoto = Boolean(look.image);
-   const glide = useGlide(tab);
--  return (0, import_react18.createElement)(
++    if (tab !== "upload") return void 0;
++    const onPaste = (event) => {
++      const file = [...event.clipboardData?.files ?? []].find((item) => item.type.startsWith("image/"));
++      if (file) {
++        event.preventDefault();
++        upload(file);
++      }
++    };
++    window.addEventListener("paste", onPaste);
++    return () => window.removeEventListener("paste", onPaste);
++  }, [tab, bot]);
++  const hasPhoto = Boolean(look.image);
++  const glide = useGlide(tab);
 +  return (0, import_react29.createElement)(
-     "div",
-     { ref, className: "bt-avedit", role: "dialog", "aria-label": t("Avatar editor") },
--    (0, import_react18.createElement)(
++    "div",
++    { ref, className: "bt-avedit", role: "dialog", "aria-label": t("Avatar editor") },
 +    (0, import_react29.createElement)(
-       "div",
-       { className: "bt-avedit-top" },
--      (0, import_react18.createElement)(
++      "div",
++      { className: "bt-avedit-top" },
 +      (0, import_react29.createElement)(
-         "div",
-         { ref: glide.box, role: "tablist", "aria-label": t("Avatar source"), className: "bt-avedit-tabs" },
--        (0, import_react18.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
--        [["bot", "Bot"], ["upload", "Upload"]].map(([id, label]) => (0, import_react18.createElement)("button", { key: id, type: "button", role: "tab", className: "bt-avedit-tab", "aria-selected": tab === id, onClick: () => setTab(id) }, t(label)))
++        "div",
++        { ref: glide.box, role: "tablist", "aria-label": t("Avatar source"), className: "bt-avedit-tabs" },
 +        (0, import_react29.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
 +        [["bot", "Bot"], ["upload", "Upload"]].map(([id, label]) => (0, import_react29.createElement)("button", { key: id, type: "button", role: "tab", className: "bt-avedit-tab", "aria-selected": tab === id, onClick: () => setTab(id) }, t(label)))
-       ),
--      (0, import_react18.createElement)("button", {
++      ),
 +      (0, import_react29.createElement)("button", {
-         type: "button",
-         className: "bt-avedit-tab bt-avedit-reset",
-         title: t("Reset character to default"),
-         onClick: () => run(actions.updateBot(bot.id, { avatar: null, color: null }))
-       }, t("Reset"))
-     ),
--    tab === "bot" ? (0, import_react18.createElement)(CharacterGrid, {
++        type: "button",
++        className: "bt-avedit-tab bt-avedit-reset",
++        title: t("Reset character to default"),
++        onClick: () => run(actions.updateBot(bot.id, { avatar: null, color: null }))
++      }, t("Reset"))
++    ),
 +    tab === "bot" ? (0, import_react29.createElement)(CharacterGrid, {
-       look,
-       hasPhoto,
-       onShape: (shape) => run(actions.updateBot(bot.id, { avatar: { shape } })),
-       onColor: (color) => run(actions.updateBot(bot.id, { color }))
-     }) : null,
--    tab === "upload" ? (0, import_react18.createElement)(
++      look,
++      hasPhoto,
++      onShape: (shape) => run(actions.updateBot(bot.id, { avatar: { shape } })),
++      onColor: (color) => run(actions.updateBot(bot.id, { color }))
++    }) : null,
 +    tab === "upload" ? (0, import_react29.createElement)(
-       "div",
-       {
-         className: "bt-dropzone",
-@@ -7963,15 +7963,15 @@
-           upload(event.dataTransfer.files?.[0]);
-         }
-       },
--      hasPhoto ? (0, import_react18.createElement)("img", { src: look.image, alt: "" }) : null,
--      (0, import_react18.createElement)("div", null, t("Drag, drop, or paste an image")),
--      (0, import_react18.createElement)(
++      "div",
++      {
++        className: "bt-dropzone",
++        "data-over": over || void 0,
++        onDragOver: (event) => {
++          event.preventDefault();
++          setOver(true);
++        },
++        onDragLeave: () => setOver(false),
++        onDrop: (event) => {
++          event.preventDefault();
++          setOver(false);
++          upload(event.dataTransfer.files?.[0]);
++        }
++      },
 +      hasPhoto ? (0, import_react29.createElement)("img", { src: look.image, alt: "" }) : null,
 +      (0, import_react29.createElement)("div", null, t("Drag, drop, or paste an image")),
 +      (0, import_react29.createElement)(
-         "div",
-         { className: "bt-actions", style: { justifyContent: "center" } },
--        (0, import_react18.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, hasPhoto ? t("Replace") : t("Browse files")),
--        hasPhoto ? (0, import_react18.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.updateBot(bot.id, { avatar: hasShape(bot.avatar?.shape) ? { shape: bot.avatar.shape } : null })) }, t("Remove photo")) : null
++        "div",
++        { className: "bt-actions", style: { justifyContent: "center" } },
 +        (0, import_react29.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, hasPhoto ? t("Replace") : t("Browse files")),
 +        hasPhoto ? (0, import_react29.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.updateBot(bot.id, { avatar: hasShape(bot.avatar?.shape) ? { shape: bot.avatar.shape } : null })) }, t("Remove photo")) : null
-       ),
--      (0, import_react18.createElement)("input", { ref: fileRef, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: true, onChange: (event) => {
++      ),
 +      (0, import_react29.createElement)("input", { ref: fileRef, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: true, onChange: (event) => {
-         const file = event.target.files?.[0];
-         event.target.value = "";
-         upload(file);
-@@ -7982,26 +7982,27 @@
- function MemoryCard({ bot, actions }) {
-   const count = useMemoryCount(bot.id, actions);
-   const label = count === null ? t("Loading…") : count === 0 ? t("Nothing saved yet") : count === 1 ? t("1 entry") : t("{count} entries", { count });
--  return (0, import_react18.createElement)(
++        const file = event.target.files?.[0];
++        event.target.value = "";
++        upload(file);
++      } })
++    ) : null
++  );
++}
++function MemoryCard({ bot, actions }) {
++  const count = useMemoryCount(bot.id, actions);
++  const label = count === null ? t("Loading…") : count === 0 ? t("Nothing saved yet") : count === 1 ? t("1 entry") : t("{count} entries", { count });
 +  return (0, import_react29.createElement)(
-     Card,
-     { title: t("Memory") },
--    (0, import_react18.createElement)(
++    Card,
++    { title: t("Memory") },
 +    (0, import_react29.createElement)(
-       "button",
-       { type: "button", className: "bt-set-row bt-bs-row", "aria-label": t("Manage {name}'s memory", { name: bot.name }), onClick: () => actions.openMemory(bot.id) },
--      (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, label)),
--      (0, import_react18.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react18.createElement)(ChevronRightIcon))
++      "button",
++      { type: "button", className: "bt-set-row bt-bs-row", "aria-label": t("Manage {name}'s memory", { name: bot.name }), onClick: () => actions.openMemory(bot.id) },
 +      (0, import_react29.createElement)("span", { className: "bt-set-copy" }, (0, import_react29.createElement)("span", { className: "bt-bs-label" }, label)),
 +      (0, import_react29.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react29.createElement)(ChevronRightIcon))
-     )
-   );
- }
- function BotSettingsForm({ bot, roster, actions, run }) {
--  const [editing, setEditing] = (0, import_react18.useState)(false);
--  const [confirming, setConfirming] = (0, import_react18.useState)(false);
--  const closeEditor = (0, import_react18.useCallback)(() => setEditing(false), []);
--  (0, import_react18.useEffect)(() => {
++    )
++  );
++}
++function BotSettingsForm({ bot, roster, actions, run }) {
 +  const [editing, setEditing] = (0, import_react29.useState)(false);
 +  const [confirming, setConfirming] = (0, import_react29.useState)(false);
 +  const closeEditor = (0, import_react29.useCallback)(() => setEditing(false), []);
 +  (0, import_react29.useEffect)(() => {
-     if (!confirming) return void 0;
-     const timer = setTimeout(() => setConfirming(false), 4e3);
-     return () => clearTimeout(timer);
-   }, [confirming]);
++    if (!confirming) return void 0;
++    const timer = setTimeout(() => setConfirming(false), 4e3);
++    return () => clearTimeout(timer);
++  }, [confirming]);
 +  if (bot.remote) return null;
-   const isMainBot = isMainOf(roster, bot.id);
-   const onlyMain = isMainBot && (roster.mainBotIds ?? []).length === 1;
-   const isTile = roster.mainBotId === bot.id;
-@@ -8011,112 +8011,116 @@
-     if (confirming) void run(actions.deleteBot(bot.id));
-     else setConfirming(true);
++  const isMainBot = isMainOf(roster, bot.id);
++  const onlyMain = isMainBot && (roster.mainBotIds ?? []).length === 1;
++  const isTile = roster.mainBotId === bot.id;
++  const save = (patch) => run(actions.updateBot(bot.id, patch));
++  const duplicate = () => run(actions.duplicateBot(bot.id).then((copy2) => actions.openSession(copy2.id)));
++  const remove = () => {
++    if (confirming) void run(actions.deleteBot(bot.id));
++    else setConfirming(true);
    };
--  (0, import_react18.useEffect)(() => {
+-  const count = view?.entries.length ?? 0;
+-  const when3 = view?.summary ? ago(view.summary.at, now) : null;
+-  const status = view === null ? "" : page === "entries" ? count === 1 ? t("1 entry") : t("{count} entries", { count }) : view.summarizing && view.summary ? t("Updating…") : view.summary && view.fresh ? when3 ? t("Updated {time}", { time: when3 }) : t("Updated just now") : "";
+-  const busy = answer?.pending === true;
+-  return (0, import_react17.createElement)(
 +  (0, import_react29.useEffect)(() => {
-     void actions.refreshModels?.();
-   }, [bot.id]);
--  return (0, import_react18.createElement)(
++    void actions.refreshModels?.();
++  }, [bot.id]);
 +  return (0, import_react29.createElement)(
      "div",
-     { className: "bt-bs" },
--    (0, import_react18.createElement)(
+-    { className: "bt-mem-layer", "data-leaving": leaving || void 0 },
+-    (0, import_react17.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }),
+-    (0, import_react17.createElement)(
++    { className: "bt-bs" },
 +    (0, import_react29.createElement)(
        "div",
-       { className: "bt-bs-hero" },
--      (0, import_react18.createElement)(
+-      { className: "bt-mem", role: "dialog", "aria-modal": true, "aria-label": t("{name}'s memory", { name: bot.name }) },
+-      (0, import_react17.createElement)(
++      { className: "bt-bs-hero" },
 +      (0, import_react29.createElement)(
          "div",
-         { className: "bt-avatar-anchor" },
--        (0, import_react18.createElement)(
+-        { className: "bt-mem-head" },
+-        page === "entries" ? (0, import_react17.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to the summary"), onClick: backToSummary }, (0, import_react17.createElement)(ChevronLeftIcon)) : null,
+-        (0, import_react17.createElement)("h2", null, page === "entries" ? t("All entries") : t("Memory summary")),
+-        (0, import_react17.createElement)("span", { className: "bt-mem-status" }, page === "summary" ? [bot.name, status].filter(Boolean).join(" · ") : status),
+-        (0, import_react17.createElement)("span", { className: "bt-mem-head-gap" }),
+-        (0, import_react17.createElement)("button", { ref: dotsRef, type: "button", className: "bt-icon-btn", "aria-label": t("Memory options"), "aria-haspopup": "menu", "aria-expanded": menu, onClick: () => setMenu((value) => !value) }, (0, import_react17.createElement)(DotsIcon)),
+-        (0, import_react17.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close memory"), onClick: close }, (0, import_react17.createElement)(CloseIcon)),
+-        menuShown ? (0, import_react17.createElement)(
+-          "div",
+-          { ref: menuRef, className: "bt-menu bt-mem-menu", role: "menu", "aria-label": t("Memory options"), "data-leaving": menuLeaving || void 0 },
+-          (0, import_react17.createElement)(
+-            "button",
+-            { type: "button", role: "menuitem", onClick: openEntries },
+-            (0, import_react17.createElement)("span", { className: "bt-menu-label" }, t("All entries")),
+-            (0, import_react17.createElement)("span", { className: "bt-menu-hint" }, String(count))
+-          ),
+-          (0, import_react17.createElement)(
+-            "button",
+-            { type: "button", role: "menuitem", disabled: count === 0 || view?.summarizing, onClick: regenerate },
+-            (0, import_react17.createElement)("span", { className: "bt-menu-label" }, t("Regenerate summary"))
+-          )
+-        ) : null
++        { className: "bt-avatar-anchor" },
 +        (0, import_react29.createElement)(
-           "button",
-           { type: "button", className: "bt-avatar-trigger", "aria-label": t("Edit Bot avatar"), "aria-expanded": editing, onClick: () => setEditing((value) => !value) },
--          (0, import_react18.createElement)(BotMark, { bot, size: 64, live: true }),
--          (0, import_react18.createElement)("span", { className: "bt-avatar-pencil", "aria-hidden": true }, (0, import_react18.createElement)(PencilIcon))
++          "button",
++          { type: "button", className: "bt-avatar-trigger", "aria-label": t("Edit Bot avatar"), "aria-expanded": editing, onClick: () => setEditing((value) => !value) },
 +          (0, import_react29.createElement)(BotMark, { bot, size: 64, live: true }),
 +          (0, import_react29.createElement)("span", { className: "bt-avatar-pencil", "aria-hidden": true }, (0, import_react29.createElement)(PencilIcon))
-         ),
--        editing ? (0, import_react18.createElement)(AvatarEditor, { bot, actions, run, onClose: closeEditor }) : null
++        ),
 +        editing ? (0, import_react29.createElement)(AvatarEditor, { bot, actions, run, onClose: closeEditor }) : null
        ),
--      (0, import_react18.createElement)(
+-      (0, import_react17.createElement)(
 +      (0, import_react29.createElement)(
          "div",
-         { className: "bt-bs-who" },
--        (0, import_react18.createElement)("span", { className: "bt-bs-name" }, bot.name),
--        (0, import_react18.createElement)("span", { className: "bt-bs-sub" }, [bot.role, isMainBot ? t("Main Bot") : ""].filter(Boolean).join(" · ") || t("Bot"))
+-        { className: "bt-mem-body" },
+-        error ? (0, import_react17.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, hostText(error)) : null,
+-        view === null ? error ? null : (0, import_react17.createElement)(Skeleton) : page === "entries" ? (0, import_react17.createElement)(Entries, { bot, view, remove }) : (0, import_react17.createElement)(Summary, { bot, view, regenerate })
++        { className: "bt-bs-who" },
 +        (0, import_react29.createElement)("span", { className: "bt-bs-name" }, bot.name),
 +        (0, import_react29.createElement)("span", { className: "bt-bs-sub" }, [bot.role, isMainBot ? t("Main Bot") : ""].filter(Boolean).join(" · ") || t("Bot"))
-       )
-     ),
--    (0, import_react18.createElement)(
++      )
++    ),
 +    (0, import_react29.createElement)(
-       Card,
-       { title: t("Profile") },
--      (0, import_react18.createElement)(Row, { label: t("Name") }, (0, import_react18.createElement)(InlineText, { label: t("Name"), value: bot.name, placeholder: "Bob", required: true, maxLength: 40, onSave: (name) => save({ name }) })),
--      (0, import_react18.createElement)(Row, { label: t("Label"), hint: t("Optional. Shown under the name.") }, (0, import_react18.createElement)(InlineText, { label: t("Label"), value: bot.role, placeholder: t("Research, admin…"), maxLength: 24, onSave: (role) => save({ role }) }))
++      Card,
++      { title: t("Profile") },
 +      (0, import_react29.createElement)(Row, { label: t("Name") }, (0, import_react29.createElement)(InlineText, { label: t("Name"), value: bot.name, placeholder: "Bob", required: true, maxLength: 40, onSave: (name) => save({ name }) })),
 +      (0, import_react29.createElement)(Row, { label: t("Label"), hint: t("Optional. Shown under the name.") }, (0, import_react29.createElement)(InlineText, { label: t("Label"), value: bot.role, placeholder: t("Research, admin…"), maxLength: 24, onSave: (role) => save({ role }) }))
-     ),
--    (0, import_react18.createElement)(
++    ),
 +    (0, import_react29.createElement)(
-       Card,
-       { title: t("Model") },
--      (0, import_react18.createElement)(
++      Card,
++      { title: t("Model") },
 +      (0, import_react29.createElement)(
-         "div",
-         { className: "bt-set-row bt-bs-row" },
--        (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, t("Model")), (0, import_react18.createElement)("span", { className: "bt-set-hint" }, modelHint(bot, roster))),
--        (0, import_react18.createElement)(ModelMenu, { bot, roster, actions, run })
--      )
++        "div",
++        { className: "bt-set-row bt-bs-row" },
 +        (0, import_react29.createElement)("span", { className: "bt-set-copy" }, (0, import_react29.createElement)("span", { className: "bt-set-hint" }, modelHint(bot, roster))),
 +        (0, import_react29.createElement)(ModelMenu, { bot, roster, actions, run })
-+      ),
+       ),
+-      (0, import_react17.createElement)(
 +      bot.model ? (0, import_react29.createElement)(ModelTestRow, { bot, modelName: modelOf(bot, roster)?.name }) : null
-     ),
--    (0, import_react18.createElement)(
++    ),
 +    (0, import_react29.createElement)(
-       Card,
-       { title: t("Working folder") },
--      (0, import_react18.createElement)(
++      Card,
++      { title: t("Working folder") },
 +      (0, import_react29.createElement)(
          "div",
-         { className: "bt-set-row bt-bs-row" },
--        (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, t("Folder"))),
--        (0, import_react18.createElement)(FolderMenu, { value: bot.workDir, actions, run, onPick: (workDir) => save({ workDir }) })
+-        { className: "bt-mem-foot" },
+-        answer ? (0, import_react17.createElement)(Reply, { answer, dismiss: () => setAnswer(null) }) : null,
+-        (0, import_react17.createElement)(
+-          "form",
+-          { className: "bt-mem-ask", onSubmit: ask },
+-          (0, import_react17.createElement)("input", {
+-            ref: inputRef,
+-            className: "bt-mem-input",
+-            value: text,
+-            maxLength: 2e3,
+-            disabled: view === null,
+-            placeholder: t("Ask or update"),
+-            "aria-label": t("Ask about or update {name}'s memory", { name: bot.name }),
+-            onChange: (event) => setText(event.target.value)
+-          }),
+-          (0, import_react17.createElement)(
+-            "button",
+-            { type: "submit", className: "bt-mem-send", disabled: busy || text.trim() === "", "aria-label": t("Send") },
+-            busy ? (0, import_react17.createElement)("span", { className: "bt-mem-spin", "aria-hidden": true }) : (0, import_react17.createElement)(ArrowUpIcon)
+-          )
+-        )
++        { className: "bt-set-row bt-bs-row" },
 +        (0, import_react29.createElement)("span", { className: "bt-set-copy" }, (0, import_react29.createElement)("span", { className: "bt-bs-label" }, t("Folder"))),
 +        (0, import_react29.createElement)(FolderMenu, { value: bot.workDir, actions, run, onPick: (workDir) => save({ workDir }) })
-       )
-     ),
--    (0, import_react18.createElement)(
++      )
++    ),
 +    (0, import_react29.createElement)(
-       Card,
-       { title: t("Instructions") },
--      (0, import_react18.createElement)(
++      Card,
++      { title: t("Instructions") },
 +      (0, import_react29.createElement)(
-         Row,
-         { label: t("What this Bot does"), hint: t("Its job on the team. Part of the Bot's system prompt."), stack: true },
--        (0, import_react18.createElement)(InlineText, { label: t("Instructions"), value: bot.instructions, multiline: true, placeholder: t("What this Bot is responsible for…"), onSave: (instructions) => save({ instructions }) })
++        Row,
++        { label: t("What this Bot does"), hint: t("Its job on the team. Part of the Bot's system prompt."), stack: true },
 +        (0, import_react29.createElement)(InlineText, { label: t("Instructions"), value: bot.instructions, multiline: true, placeholder: t("What this Bot is responsible for…"), onSave: (instructions) => save({ instructions }) })
-       )
-     ),
--    (0, import_react18.createElement)(BotCapabilitiesCard, { bot, roster, actions, run, Card, SwitchRow }),
--    roster.memory === false ? null : (0, import_react18.createElement)(MemoryCard, { bot, actions }),
--    (0, import_react18.createElement)(BotSchedules, { bot, roster, actions }),
--    (0, import_react18.createElement)(
++      )
++    ),
 +    // Sharing sits near the top with a title like Profile and Model, not at the end of the page (#406).
 +    (0, import_react29.createElement)(FlyBotDetails, { bot, roster, actions, wrap: (children) => (0, import_react29.createElement)(Card, { title: t("Sharing") }, children) }),
 +    (0, import_react29.createElement)(BotCapabilitiesCard, { bot, roster, actions, run, Card, SwitchRow }),
@@ -12245,73 +15844,59 @@ diff --git a/client.js b/client.js
 +    (0, import_react29.createElement)(BotSchedules, { bot, roster, actions }),
 +    (0, import_react29.createElement)(StandingApprovalsCard, { scope: "bot", target: bot, roster, actions, run, Card }),
 +    (0, import_react29.createElement)(
-       Card,
-       { title: t("Main Bot") },
--      onlyMain ? (0, import_react18.createElement)(
++      Card,
++      { title: t("Main Bot") },
 +      onlyMain ? (0, import_react29.createElement)(
-         "div",
-         { className: "bt-set-row bt-bs-row" },
--        (0, import_react18.createElement)(
++        "div",
++        { className: "bt-set-row bt-bs-row" },
 +        (0, import_react29.createElement)(
-           "span",
-           { className: "bt-set-copy" },
--          (0, import_react18.createElement)("span", { className: "bt-bs-label" }, t("Main Bot")),
--          (0, import_react18.createElement)("span", { className: "bt-set-hint" }, t("The only Main Bot. To hand the role to another Bot, use Main Bot on the Bots page."))
++          "span",
++          { className: "bt-set-copy" },
 +          (0, import_react29.createElement)("span", { className: "bt-set-hint" }, t("The only Main Bot. To hand the role to another Bot, use Main Bot on the Bots page."))
-         ),
--        (0, import_react18.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("bots") }, t("Change"))
--      ) : (0, import_react18.createElement)(SwitchRow, { label: t("Main Bot"), hint: t("Can create and change Bots, and runs every group chat."), on: isMainBot, onChange: (on) => run(actions.setMain(bot.id, on)) })
++        ),
 +        (0, import_react29.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("bots") }, t("Change"))
 +      ) : (0, import_react29.createElement)(SwitchRow, { label: t("Main Bot"), showLabel: false, hint: t("Can create and change Bots, and runs every group chat."), on: isMainBot, onChange: (on) => run(actions.setMain(bot.id, on)) })
-     ),
-     // The Main Bot tile is always first and always shown, like in the context menu.
--    isTile ? null : (0, import_react18.createElement)(
++    ),
++    // The Main Bot tile is always first and always shown, like in the context menu.
 +    isTile ? null : (0, import_react29.createElement)(
-       Card,
-       { title: t("Sidebar") },
--      (0, import_react18.createElement)(SwitchRow, { label: t("Pin"), hint: t("Kept above the other chats."), on: bot.pinned === true, onChange: (pinned) => run(actions.setFlags(bot.id, { pinned })) }),
--      isMainBot ? null : (0, import_react18.createElement)(SwitchRow, { label: t("Hide from sidebar"), hint: t("Search still finds it."), on: bot.hidden === true, onChange: (hidden) => run(actions.setFlags(bot.id, { hidden })) })
++      Card,
++      { title: t("Sidebar") },
 +      (0, import_react29.createElement)(SwitchRow, { label: t("Pin"), hint: t("Kept above the other chats."), on: bot.pinned === true, onChange: (pinned) => run(actions.setFlags(bot.id, { pinned })) }),
 +      isMainBot ? null : (0, import_react29.createElement)(SwitchRow, { label: t("Hide from sidebar"), hint: t("Search still finds it."), on: bot.hidden === true, onChange: (hidden) => run(actions.setFlags(bot.id, { hidden })) })
-     ),
--    (0, import_react18.createElement)(
++    ),
 +    (0, import_react29.createElement)(
-       Card,
--      { title: t("Manage") },
--      (0, import_react18.createElement)(
++      Card,
 +      { title: t("More") },
 +      (0, import_react29.createElement)(
-         "button",
-         { type: "button", className: "bt-set-row bt-bs-row", onClick: duplicate },
--        (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, t("Duplicate")), (0, import_react18.createElement)("span", { className: "bt-set-hint" }, t("A copy with the same job and model, and fresh memory."))),
--        (0, import_react18.createElement)("span", { className: "bt-chevron" }, (0, import_react18.createElement)(ChevronRightIcon))
++        "button",
++        { type: "button", className: "bt-set-row bt-bs-row", onClick: duplicate },
 +        (0, import_react29.createElement)("span", { className: "bt-set-copy" }, (0, import_react29.createElement)("span", { className: "bt-bs-label" }, t("Duplicate")), (0, import_react29.createElement)("span", { className: "bt-set-hint" }, t("A copy with the same job and model, and fresh memory."))),
 +        (0, import_react29.createElement)("span", { className: "bt-chevron" }, (0, import_react29.createElement)(ChevronRightIcon))
-       ),
--      isMainBot ? null : (0, import_react18.createElement)(
++      ),
 +      isMainBot ? null : (0, import_react29.createElement)(
-         "button",
-         { type: "button", className: "bt-set-row bt-bs-row bt-bs-danger", "data-confirm": confirming || void 0, onClick: remove },
--        (0, import_react18.createElement)(
++        "button",
++        { type: "button", className: "bt-set-row bt-bs-row bt-bs-danger", "data-confirm": confirming || void 0, onClick: remove },
 +        (0, import_react29.createElement)(
-           "span",
-           { className: "bt-set-copy" },
--          (0, import_react18.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: bot.name }) : t("Delete Bot")),
--          (0, import_react18.createElement)("span", { className: "bt-set-hint" }, confirming ? t("Click again to delete. Its chats are archived.") : t("Removes the Bot from the team."))
++          "span",
++          { className: "bt-set-copy" },
 +          (0, import_react29.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: bot.name }) : t("Delete Bot")),
 +          (0, import_react29.createElement)("span", { className: "bt-set-hint" }, confirming ? t("Click again to delete. Its chats are archived.") : t("Removes the Bot from the team."))
-         ),
--        (0, import_react18.createElement)("span", { className: "bt-chevron" }, (0, import_react18.createElement)(ChevronRightIcon))
++        ),
 +        (0, import_react29.createElement)("span", { className: "bt-chevron" }, (0, import_react29.createElement)(ChevronRightIcon))
        )
      )
    );
-@@ -8130,9 +8130,17 @@
- .bt-bs .bt-avedit{left:0;transform:none}
- .bt-bs-row{min-height:48px}
- label.bt-bs-row{cursor:text}
--.bt-bs-row>.bt-set-copy{flex:1 1 auto}
- .bt-bs-label{font-size:13px;line-height:18px;font-weight:500}
+ }
++var BOT_SETTINGS_CSS = `
++.bt-bs{display:flex;flex-direction:column;gap:18px}
++.bt-bs-hero{display:flex;align-items:center;gap:14px;padding:2px 4px}
++.bt-bs-who{display:flex;flex-direction:column;min-width:0;gap:2px}
++.bt-bs-name{font-size:17px;line-height:24px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
++.bt-bs-sub{font-size:13px;line-height:18px;color:var(--bt-ink-2)}
++.bt-bs .bt-avedit{left:0;transform:none}
++.bt-bs-row{min-height:48px}
++label.bt-bs-row{cursor:text}
++.bt-bs-label{font-size:13px;line-height:18px;font-weight:500}
 +/* #1347: a row keeps its label and its control side by side. The *label* is one line — "Name" used to
 +   break into "Nam" + "e" inside a 36px column — and a control never breaks its own words: "Test
 +   connection" came out as "Test connecti" / "on" and Main Bot's "Change" as "Ch/an/ge". The hint under
@@ -12319,16 +15904,29 @@ diff --git a/client.js b/client.js
 +.bt-bs-row>.bt-set-copy{flex:1 1 8ch;min-width:8ch}
 +.bt-bs-row>.bt-set-copy>.bt-bs-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 +.bt-bs-row .bt-soft,.bt-bs-row .bt-mini{flex:none;white-space:nowrap}
- .bt-bs-row .bt-model-trigger{flex:none;max-width:58%}
++.bt-bs-row .bt-model-trigger{flex:none;max-width:58%}
 +.bt-bs-row .bt-model-trigger :is(.bt-model-name,.bt-model-provider){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
 +${MODEL_TEST_CSS}
- .bt-bs-input{flex:0 1 220px;width:0;min-width:96px;height:30px;box-sizing:border-box;margin:-4px -6px -4px 0;padding:0 8px;border:1px solid transparent;border-radius:8px;background:none;color:var(--bt-ink);font:inherit;font-size:13px;text-align:right;outline:none;transition:background-color .12s ease,border-color .12s ease}
- .bt-bs-input:hover{background:var(--bt-hover)}
- .bt-bs-input:focus{background:var(--bt-main);border-color:var(--bt-line-2);text-align:left}
-@@ -8153,8 +8153,659 @@
- .bt-switch[aria-checked=true]:active:not(:disabled) .bt-switch-knob{transform:translateX(11px)}
- .bt-avedit :is(.bt-shapes,.bt-colors,.bt-dropzone){animation:bt-veil-in .18s ease-out}
- @media (prefers-reduced-motion:reduce){.bt-switch,.bt-switch-knob{transition:none}.bt-avedit :is(.bt-shapes,.bt-colors,.bt-dropzone){animation:none}}
++.bt-bs-input{flex:0 1 220px;width:0;min-width:96px;height:30px;box-sizing:border-box;margin:-4px -6px -4px 0;padding:0 8px;border:1px solid transparent;border-radius:8px;background:none;color:var(--bt-ink);font:inherit;font-size:13px;text-align:right;outline:none;transition:background-color .12s ease,border-color .12s ease}
++.bt-bs-input:hover{background:var(--bt-hover)}
++.bt-bs-input:focus{background:var(--bt-main);border-color:var(--bt-line-2);text-align:left}
++.bt-bs-input::placeholder{color:var(--bt-ink-3)}
++.bt-bs-stack{flex-direction:column;align-items:stretch;gap:8px}
++.bt-bs-area{flex:none;width:auto;min-height:112px;height:auto;margin:0 -6px -4px;padding:8px;line-height:19px;text-align:left;resize:vertical;background:var(--bt-hover)}
++.bt-bs-area:hover{background:var(--bt-active)}
++.bt-bs-danger .bt-bs-label{color:#c21d2e}
++.bt-bs-danger[data-confirm]{background:color-mix(in srgb,#e02135 8%,transparent)}
++.bt-bs-danger[data-confirm]:hover{background:color-mix(in srgb,#e02135 12%,transparent)}
++.bt-switch{position:relative;flex:none;width:36px;height:20px;padding:0;border:0;border-radius:999px;background:var(--bt-line-2);cursor:pointer;transition:background-color .2s ease}
++.bt-switch[aria-checked=true]{background:var(--bt-accent)}
++.bt-switch:disabled{opacity:.45;cursor:default}
++.bt-switch:focus-visible{outline:2px solid var(--bt-accent);outline-offset:2px}
++.bt-switch-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:${spring(SPRING_SHAPE, "transform")},${spring(SPRING_TAP, "width")}}
++.bt-switch[aria-checked=true] .bt-switch-knob{transform:translateX(16px)}
++.bt-switch:active:not(:disabled) .bt-switch-knob{width:21px}
++.bt-switch[aria-checked=true]:active:not(:disabled) .bt-switch-knob{transform:translateX(11px)}
++.bt-avedit :is(.bt-shapes,.bt-colors,.bt-dropzone){animation:bt-veil-in .18s ease-out}
++@media (prefers-reduced-motion:reduce){.bt-switch,.bt-switch-knob{transition:none}.bt-avedit :is(.bt-shapes,.bt-colors,.bt-dropzone){animation:none}}
 +/* #1347: the panel's floor is 240px, where a label and a 96px field cannot share a line honestly. Below
 +   300px the row stacks instead: the copy keeps its whole width on top, the control sits under it and
 +   keeps its own words. Nothing is clipped to fit a width that is not there. */
@@ -12338,7 +15936,26 @@ diff --git a/client.js b/client.js
 +  .bt-bs-input{flex:1 1 100%;width:auto;min-width:0;margin:0;text-align:left}
 +}
 +`;
-+
+ 
+-// src/client/bot-settings.js
+-var import_react18 = require("react");
+-var capitalize = (word) => word[0].toUpperCase() + word.slice(1);
+-async function avatarImage(file) {
+-  if (!/^image\/(png|jpeg|webp|gif)$/.test(file.type)) throw new Error(t("Choose a PNG, JPEG, WebP, or GIF image"));
+-  if (file.size > 25 * 1024 * 1024) throw new Error(t("Choose an image smaller than 25 MB"));
+-  const bitmap = await createImageBitmap(file);
+-  const side = 160;
+-  const canvas = document.createElement("canvas");
+-  canvas.width = side;
+-  canvas.height = side;
+-  const context = canvas.getContext("2d");
+-  context.imageSmoothingQuality = "high";
+-  const crop = Math.min(bitmap.width, bitmap.height);
+-  context.drawImage(bitmap, (bitmap.width - crop) / 2, (bitmap.height - crop) / 2, crop, crop, 0, 0, side, side);
+-  bitmap.close?.();
+-  for (const quality of [0.9, 0.75, 0.6]) {
+-    const url = canvas.toDataURL("image/webp", quality);
+-    if (url.startsWith("data:image/webp") && url.length < 15e4) return url;
 +// src/client/group-settings.js
 +var import_react30 = require("react");
 +var ROOM_MODES = [
@@ -12373,7 +15990,42 @@ diff --git a/client.js b/client.js
 +    const bot = faceSeatBot(seat, roster);
 +    if (!bot) continue;
 +    marks.push((0, import_react30.createElement)(BotMark, { key: seat.key, bot, size, live: false }));
-+  }
+   }
+-  const png = canvas.toDataURL("image/png");
+-  if (png.length < 15e4) return png;
+-  throw new Error(t("That image is too large"));
+-}
+-function InlineText({ label, value, placeholder, required = false, maxLength, multiline = false, onSave }) {
+-  const [draft, setDraft] = (0, import_react18.useState)(null);
+-  const reverting = (0, import_react18.useRef)(false);
+-  const commit = () => {
+-    const next = draft?.trim();
+-    setDraft(null);
+-    if (reverting.current) {
+-      reverting.current = false;
+-      return;
+-    }
+-    if (next === void 0 || next === (value ?? "") || required && next === "") return;
+-    void onSave(next);
+-  };
+-  return (0, import_react18.createElement)(multiline ? "textarea" : "input", {
+-    className: multiline ? "bt-bs-input bt-bs-area" : "bt-bs-input",
+-    value: draft ?? value ?? "",
+-    placeholder,
+-    maxLength,
+-    required,
+-    "aria-label": label,
+-    spellCheck: false,
+-    onChange: (event) => setDraft(event.target.value),
+-    onBlur: commit,
+-    onKeyDown: (event) => {
+-      if (event.key === "Escape") {
+-        event.stopPropagation();
+-        reverting.current = true;
+-        event.currentTarget.blur();
+-      }
+-      if (event.key === "Enter" && !multiline && !event.nativeEvent.isComposing) event.currentTarget.blur();
+-    }
 +  if (marks.length === 0) return [(0, import_react30.createElement)(PersonMark, { key: "person", size, name: person?.name })];
 +  return marks;
 +}
@@ -12391,7 +16043,24 @@ diff --git a/client.js b/client.js
 +    const name = seat.local && onOpenBot ? (0, import_react30.createElement)("button", { key: seat.key, type: "button", className: "bt-face-bot", title: t("Open {name}'s chat", { name: seat.bot }), onClick: () => onOpenBot(seat.local.id) }, seat.bot) : (0, import_react30.createElement)("span", { key: seat.key, className: "bt-face-bot", title: seat.record?.handle || void 0 }, seat.bot);
 +    const marked = isLeadSeat(seat, lead) ? [name, (0, import_react30.createElement)("span", { key: `${seat.key}-lead`, className: "bt-tag", "data-flybot": "face-lead-tag" }, t("Lead"))] : [name];
 +    return index === 0 ? marked : [(0, import_react30.createElement)("span", { key: `${seat.key}-sep` }, t(", ")), ...marked];
-+  });
+   });
+-}
+-function Row({ label, hint, stack = false, children }) {
+-  return (0, import_react18.createElement)(
+-    "label",
+-    { className: stack ? "bt-set-row bt-bs-row bt-bs-stack" : "bt-set-row bt-bs-row" },
+-    (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, label), hint ? (0, import_react18.createElement)("span", { className: "bt-set-hint" }, hint) : null),
+-    children
+-  );
+-}
+-function Card({ title, children }) {
+-  return (0, import_react18.createElement)("section", { className: "bt-set-section" }, title ? (0, import_react18.createElement)("h3", null, title) : null, (0, import_react18.createElement)("div", { className: "bt-set-card" }, children));
+-}
+-function Switch({ on, label, disabled, onChange }) {
+-  return (0, import_react18.createElement)(
+-    "button",
+-    { type: "button", role: "switch", className: "bt-switch", "aria-checked": on, "aria-label": label, disabled, onClick: () => onChange(!on) },
+-    (0, import_react18.createElement)("span", { className: "bt-switch-knob", "aria-hidden": true })
 +  return (0, import_react30.createElement)(
 +    "div",
 +    { className, role: "listitem", "data-flybot": "face-person", "data-mine": person.mine || void 0 },
@@ -12406,8 +16075,10 @@ diff --git a/client.js b/client.js
 +        (0, import_react30.createElement)("span", { className: "bt-face-bots" }, bots)
 +      )
 +    )
-+  );
-+}
+   );
+ }
+-function SwitchRow({ label, hint, on, disabled, onChange }) {
+-  return (0, import_react18.createElement)(
 +function FaceLead({ room: room2, roster, pick: pick2 }) {
 +  const lead = room2.face?.lead;
 +  const [open, setOpen] = (0, import_react30.useState)(false);
@@ -12430,7 +16101,10 @@ diff --git a/client.js b/client.js
 +    }
 +  };
 +  return (0, import_react30.createElement)(
-+    "div",
+     "div",
+-    { className: "bt-set-row bt-bs-row" },
+-    (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, label), hint ? (0, import_react18.createElement)("span", { className: "bt-set-hint" }, hint) : null),
+-    (0, import_react18.createElement)(Switch, { on, label, disabled, onChange })
 +    { className: "bt-face-lead", "data-flybot": "face-lead" },
 +    (0, import_react30.createElement)("div", { className: "bt-section-title" }, t("Room lead")),
 +    (0, import_react30.createElement)(
@@ -12453,20 +16127,59 @@ diff --git a/client.js b/client.js
 +    open && canPick && lead.picked ? (0, import_react30.createElement)("button", { type: "button", className: "bt-more", disabled: busy, onClick: () => void choose(null) }, t("Use the default lead")) : null,
 +    canPick || !lead.supported ? null : (0, import_react30.createElement)("div", { className: "bt-set-hint" }, t("Only the person who created this room can change it.")),
 +    error ? (0, import_react30.createElement)("div", { className: "bt-set-hint", role: "alert" }, error) : null
-+  );
-+}
+   );
+ }
+-function modelHint(bot, roster) {
+-  const shown = modelOf(bot, roster);
+-  if (shown === void 0) return t("Pick the model this Bot runs on.");
+-  if (!shown.served && (roster.models ?? []).length > 0) return t("This model is not available now. Pick another one.");
+-  if (bot.appliedModel && bot.appliedModel === bot.model) return t("Every message of this Bot runs on it.");
+-  return t("Applies from the next message.");
 +function seatedCount(room2) {
 +  const live = room2?.presentedParticipants ?? room2?.participants ?? [];
 +  const humans = live.filter((p) => p.kind === "human" && p.leftSeq === void 0).length;
 +  const remotes = live.filter((p) => p.remote && p.leftSeq === void 0).length;
 +  return humans + remotes + (room2?.members?.length ?? 0);
-+}
+ }
+-function ShapeRing({ shape, size }) {
+-  const maskId = (0, import_react18.useRef)("");
+-  if (maskId.current === "") maskId.current = `bt-ring-${nextMarkSerial()}`;
+-  const def = shapeOf(shape);
+-  const unit = def.size / size;
+-  const markup = `<defs><mask id="${maskId.current}" ${maskBox(def.size)}>${holes(def, `<g stroke="#000" stroke-width="${6 * unit}" stroke-linejoin="round">${bodyOf(def, "#000", true)}</g>`)}</mask></defs><g mask="url(#${maskId.current})" stroke="currentColor" stroke-width="${8 * unit}" stroke-linejoin="round">${bodyOf(def, "currentColor", true)}</g>`;
+-  return (0, import_react18.createElement)("svg", { className: "bt-ring", viewBox: `0 0 ${def.size} ${def.size}`, "aria-hidden": true, dangerouslySetInnerHTML: { __html: markup } });
 +function roomSubtitle(room2, roster) {
 +  if (room2.origin === "face-to-face") return faceRoomCount(room2, roster);
 +  const admin = roster.byId[room2.admin];
 +  const count = seatedCount(room2);
 +  return [t(count === 1 ? "{count} member" : "{count} members", { count }), admin ? t("Admin {name}", { name: admin.name }) : t("No admin")].join(" · ");
-+}
+ }
+-function CharacterGrid({ look, hasPhoto = false, onShape, onColor }) {
+-  const shapes = [...PICKER_SHAPES, ...Object.keys(SHAPES).filter((id) => !Object.hasOwn(CHARACTERS, id))];
+-  if (!shapes.includes(look.shape)) shapes.push(look.shape);
+-  const rows = [];
+-  for (let index = 0; index < shapes.length; index += PICKER_COLUMNS) rows.push(shapes.slice(index, index + PICKER_COLUMNS));
+-  return (0, import_react18.createElement)(
+-    import_react18.Fragment,
+-    null,
+-    (0, import_react18.createElement)("div", { className: "bt-shapes", role: "group", "aria-label": t("Character shape") }, rows.map((row, index) => (0, import_react18.createElement)("div", { key: index, className: "bt-shape-row" }, row.map((id) => (0, import_react18.createElement)("button", {
+-      key: id,
+-      type: "button",
+-      className: "bt-shape",
+-      "aria-label": t(shapeOf(id).label),
+-      title: t(shapeOf(id).label),
+-      "aria-pressed": !hasPhoto && look.shape === id,
+-      onClick: () => onShape(id)
+-    }, (0, import_react18.createElement)(ShapeRing, { shape: id, size: 36 }), (0, import_react18.createElement)(BotMark, { look: { shape: id, color: look.color }, size: 36 })))))),
+-    (0, import_react18.createElement)("div", { className: "bt-colors", role: "group", "aria-label": t("Character color") }, CHARACTER_COLORS.map((color) => (0, import_react18.createElement)("button", {
+-      key: color,
+-      type: "button",
+-      className: "bt-color",
+-      "aria-label": t(capitalize(color)),
+-      title: t(capitalize(color)),
+-      "aria-pressed": look.color === color,
+-      onClick: () => onColor(color)
+-    }, (0, import_react18.createElement)("span", { style: { background: paintCss(color) } }))))
 +function GroupSettingsForm({ room: room2, roster, actions, run, onDeleted }) {
 +  const [adding, setAdding] = (0, import_react30.useState)(false);
 +  const [confirming, setConfirming] = (0, import_react30.useState)(false);
@@ -12685,8 +16398,16 @@ diff --git a/client.js b/client.js
 +        (0, import_react30.createElement)("span", { className: "bt-chevron" }, (0, import_react30.createElement)(ChevronRightIcon))
 +      )
 +    )
-+  );
-+}
+   );
+ }
+-function AvatarEditor({ bot, actions, run, onClose }) {
+-  const look = lookOf(bot);
+-  const [tab, setTab] = (0, import_react18.useState)(look.image ? "upload" : "bot");
+-  const [over, setOver] = (0, import_react18.useState)(false);
+-  const ref = (0, import_react18.useRef)(null);
+-  const fileRef = (0, import_react18.useRef)(null);
+-  const upload = (file) => {
+-    if (file) void run(avatarImage(file).then((image) => actions.updateBot(bot.id, { avatar: { ...bot.avatar ?? {}, image } })));
 +function NewGroupForm({ roster, actions, run, onCreated, onCancel }) {
 +  const [admin, setAdmin] = (0, import_react30.useState)(null);
 +  const [members, setMembers] = (0, import_react30.useState)([]);
@@ -12696,7 +16417,40 @@ diff --git a/client.js b/client.js
 +  const pickAdmin = (id) => {
 +    setAdmin(id);
 +    setMembers((list) => list.filter((item) => item !== id));
-+  };
+   };
+-  (0, import_react18.useEffect)(() => {
+-    const onDown = (event) => {
+-      if (!(event.target instanceof Element) || ref.current?.contains(event.target) || event.target.closest(".bt-avatar-trigger")) return;
+-      onClose();
+-    };
+-    const onKey = (event) => {
+-      if (event.key === "Escape") {
+-        event.stopPropagation();
+-        onClose();
+-      }
+-    };
+-    window.addEventListener("mousedown", onDown);
+-    window.addEventListener("keydown", onKey, true);
+-    return () => {
+-      window.removeEventListener("mousedown", onDown);
+-      window.removeEventListener("keydown", onKey, true);
+-    };
+-  }, [onClose]);
+-  (0, import_react18.useEffect)(() => {
+-    if (tab !== "upload") return void 0;
+-    const onPaste = (event) => {
+-      const file = [...event.clipboardData?.files ?? []].find((item) => item.type.startsWith("image/"));
+-      if (file) {
+-        event.preventDefault();
+-        upload(file);
+-      }
+-    };
+-    window.addEventListener("paste", onPaste);
+-    return () => window.removeEventListener("paste", onPaste);
+-  }, [tab, bot]);
+-  const hasPhoto = Boolean(look.image);
+-  const glide = useGlide(tab);
+-  return (0, import_react18.createElement)(
 +  const create = async () => {
 +    if (busy || admin === null || members.length === 0) return;
 +    setBusy(true);
@@ -12716,24 +16470,85 @@ diff --git a/client.js b/client.js
 +    onClick
 +  }, (0, import_react30.createElement)(BotAvatar, { bot, size: 22, badge: false, live: false }), (0, import_react30.createElement)("span", { className: "bt-ng-name" }, bot.name), on && role === "radio" ? (0, import_react30.createElement)(AdminStar) : null);
 +  return (0, import_react30.createElement)(
-+    "div",
+     "div",
+-    { ref, className: "bt-avedit", role: "dialog", "aria-label": t("Avatar editor") },
+-    (0, import_react18.createElement)(
 +    { className: "bt-set-card bt-ng" },
 +    (0, import_react30.createElement)(
-+      "div",
+       "div",
+-      { className: "bt-avedit-top" },
+-      (0, import_react18.createElement)(
 +      { className: "bt-set-row bt-bs-row bt-bs-stack" },
 +      (0, import_react30.createElement)("span", { className: "bt-set-copy" }, (0, import_react30.createElement)("span", { className: "bt-bs-label bt-ng-label" }, (0, import_react30.createElement)(AdminStar), t("Choose the group admin"))),
 +      (0, import_react30.createElement)(
-+        "div",
+         "div",
+-        { ref: glide.box, role: "tablist", "aria-label": t("Avatar source"), className: "bt-avedit-tabs" },
+-        (0, import_react18.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
+-        [["bot", "Bot"], ["upload", "Upload"]].map(([id, label]) => (0, import_react18.createElement)("button", { key: id, type: "button", role: "tab", className: "bt-avedit-tab", "aria-selected": tab === id, onClick: () => setTab(id) }, t(label)))
+-      ),
+-      (0, import_react18.createElement)("button", {
+-        type: "button",
+-        className: "bt-avedit-tab bt-avedit-reset",
+-        title: t("Reset character to default"),
+-        onClick: () => run(actions.updateBot(bot.id, { avatar: null, color: null }))
+-      }, t("Reset"))
 +        { className: "bt-ng-picks", role: "radiogroup", "aria-label": t("Group admin") },
 +        roster.bots.map((bot) => chip(bot, admin === bot.id, () => pickAdmin(bot.id), "radio"))
 +      )
-+    ),
+     ),
+-    tab === "bot" ? (0, import_react18.createElement)(CharacterGrid, {
+-      look,
+-      hasPhoto,
+-      onShape: (shape) => run(actions.updateBot(bot.id, { avatar: { shape } })),
+-      onColor: (color) => run(actions.updateBot(bot.id, { color }))
+-    }) : null,
+-    tab === "upload" ? (0, import_react18.createElement)(
 +    admin === null ? null : (0, import_react30.createElement)(
-+      "div",
+       "div",
+-      {
+-        className: "bt-dropzone",
+-        "data-over": over || void 0,
+-        onDragOver: (event) => {
+-          event.preventDefault();
+-          setOver(true);
+-        },
+-        onDragLeave: () => setOver(false),
+-        onDrop: (event) => {
+-          event.preventDefault();
+-          setOver(false);
+-          upload(event.dataTransfer.files?.[0]);
+-        }
+-      },
+-      hasPhoto ? (0, import_react18.createElement)("img", { src: look.image, alt: "" }) : null,
+-      (0, import_react18.createElement)("div", null, t("Drag, drop, or paste an image")),
+-      (0, import_react18.createElement)(
 +      { className: "bt-set-row bt-bs-row bt-bs-stack bt-ng-step" },
 +      (0, import_react30.createElement)("span", { className: "bt-set-copy" }, (0, import_react30.createElement)("span", { className: "bt-bs-label" }, t("Who to chat with…"))),
 +      (0, import_react30.createElement)(
-+        "div",
+         "div",
+-        { className: "bt-actions", style: { justifyContent: "center" } },
+-        (0, import_react18.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, hasPhoto ? t("Replace") : t("Browse files")),
+-        hasPhoto ? (0, import_react18.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.updateBot(bot.id, { avatar: hasShape(bot.avatar?.shape) ? { shape: bot.avatar.shape } : null })) }, t("Remove photo")) : null
+-      ),
+-      (0, import_react18.createElement)("input", { ref: fileRef, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: true, onChange: (event) => {
+-        const file = event.target.files?.[0];
+-        event.target.value = "";
+-        upload(file);
+-      } })
+-    ) : null
+-  );
+-}
+-function MemoryCard({ bot, actions }) {
+-  const count = useMemoryCount(bot.id, actions);
+-  const label = count === null ? t("Loading…") : count === 0 ? t("Nothing saved yet") : count === 1 ? t("1 entry") : t("{count} entries", { count });
+-  return (0, import_react18.createElement)(
+-    Card,
+-    { title: t("Memory") },
+-    (0, import_react18.createElement)(
+-      "button",
+-      { type: "button", className: "bt-set-row bt-bs-row", "aria-label": t("Manage {name}'s memory", { name: bot.name }), onClick: () => actions.openMemory(bot.id) },
+-      (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, label)),
+-      (0, import_react18.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react18.createElement)(ChevronRightIcon))
 +        { className: "bt-ng-picks", role: "group", "aria-label": t("Members") },
 +        roster.bots.filter((bot) => bot.id !== admin).map((bot) => chip(bot, members.includes(bot.id), () => toggle(bot.id), "checkbox"))
 +      )
@@ -12749,9 +16564,26 @@ diff --git a/client.js b/client.js
 +      { className: "bt-set-row bt-task-foot" },
 +      (0, import_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onCancel }, t("Cancel")),
 +      (0, import_react30.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy || admin === null || members.length === 0, onClick: () => void create() }, t("Create group chat"))
-+    )
-+  );
-+}
+     )
+   );
+ }
+-function BotSettingsForm({ bot, roster, actions, run }) {
+-  const [editing, setEditing] = (0, import_react18.useState)(false);
+-  const [confirming, setConfirming] = (0, import_react18.useState)(false);
+-  const closeEditor = (0, import_react18.useCallback)(() => setEditing(false), []);
+-  (0, import_react18.useEffect)(() => {
+-    if (!confirming) return void 0;
+-    const timer = setTimeout(() => setConfirming(false), 4e3);
+-    return () => clearTimeout(timer);
+-  }, [confirming]);
+-  const isMainBot = isMainOf(roster, bot.id);
+-  const onlyMain = isMainBot && (roster.mainBotIds ?? []).length === 1;
+-  const isTile = roster.mainBotId === bot.id;
+-  const save = (patch) => run(actions.updateBot(bot.id, patch));
+-  const duplicate = () => run(actions.duplicateBot(bot.id).then((copy2) => actions.openSession(copy2.id)));
+-  const remove = () => {
+-    if (confirming) void run(actions.deleteBot(bot.id));
+-    else setConfirming(true);
 +var GROUP_SETTINGS_CSS = `
 +.bt-ng{animation:bt-q-in .4s cubic-bezier(.22,1,.36,1),bt-veil-in .2s ease-out}
 +.bt-ng-step{animation:bt-veil-in .22s ease-out}
@@ -12781,8 +16613,8 @@ diff --git a/client.js b/client.js
 +.bt-gs-pick{gap:10px;animation:bt-rise .16s ease-out}
 +.bt-bs-stack .bt-seg{align-self:stretch}
 +@media (prefers-reduced-motion:reduce){.bt-gs-pick{animation:none}}
- `;
- 
++`;
++
 +// src/client/palette.js
 +var import_react31 = require("react");
 +var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
@@ -12891,17 +16723,33 @@ diff --git a/client.js b/client.js
 +    if (!row || leaving) return;
 +    void Promise.resolve(row.run()).catch((error) => actions.reportError(error, "menu"));
 +    close();
-+  };
+   };
+-  (0, import_react18.useEffect)(() => {
+-    void actions.refreshModels?.();
+-  }, [bot.id]);
+-  return (0, import_react18.createElement)(
 +  let index = -1;
 +  return (0, import_react31.createElement)(
-+    "div",
+     "div",
+-    { className: "bt-bs" },
+-    (0, import_react18.createElement)(
 +    { className: "bt-palette-layer", "data-leaving": leaving || void 0 },
 +    (0, import_react31.createElement)("div", { className: "bt-backdrop", onMouseDown: close }),
 +    (0, import_react31.createElement)(
-+      "div",
+       "div",
+-      { className: "bt-bs-hero" },
+-      (0, import_react18.createElement)(
 +      { className: "bt-palette", role: "dialog", "aria-label": t("Search"), "aria-modal": true },
 +      (0, import_react31.createElement)(
-+        "div",
+         "div",
+-        { className: "bt-avatar-anchor" },
+-        (0, import_react18.createElement)(
+-          "button",
+-          { type: "button", className: "bt-avatar-trigger", "aria-label": t("Edit Bot avatar"), "aria-expanded": editing, onClick: () => setEditing((value) => !value) },
+-          (0, import_react18.createElement)(BotMark, { bot, size: 64, live: true }),
+-          (0, import_react18.createElement)("span", { className: "bt-avatar-pencil", "aria-hidden": true }, (0, import_react18.createElement)(PencilIcon))
+-        ),
+-        editing ? (0, import_react18.createElement)(AvatarEditor, { bot, actions, run, onClose: closeEditor }) : null
 +        { className: "bt-palette-head" },
 +        (0, import_react31.createElement)("span", { className: "bt-palette-glyph", "aria-hidden": true }, (0, import_react31.createElement)(SearchIcon)),
 +        (0, import_react31.createElement)("input", {
@@ -12934,9 +16782,94 @@ diff --git a/client.js b/client.js
 +          setQuery("");
 +          setCursor(0);
 +        } }, (0, import_react31.createElement)(CloseIcon)) : null
-+      ),
+       ),
+-      (0, import_react18.createElement)(
+-        "div",
+-        { className: "bt-bs-who" },
+-        (0, import_react18.createElement)("span", { className: "bt-bs-name" }, bot.name),
+-        (0, import_react18.createElement)("span", { className: "bt-bs-sub" }, [bot.role, isMainBot ? t("Main Bot") : ""].filter(Boolean).join(" · ") || t("Bot"))
+-      )
+-    ),
+-    (0, import_react18.createElement)(
+-      Card,
+-      { title: t("Profile") },
+-      (0, import_react18.createElement)(Row, { label: t("Name") }, (0, import_react18.createElement)(InlineText, { label: t("Name"), value: bot.name, placeholder: "Bob", required: true, maxLength: 40, onSave: (name) => save({ name }) })),
+-      (0, import_react18.createElement)(Row, { label: t("Label"), hint: t("Optional. Shown under the name.") }, (0, import_react18.createElement)(InlineText, { label: t("Label"), value: bot.role, placeholder: t("Research, admin…"), maxLength: 24, onSave: (role) => save({ role }) }))
+-    ),
+-    (0, import_react18.createElement)(
+-      Card,
+-      { title: t("Model") },
+-      (0, import_react18.createElement)(
+-        "div",
+-        { className: "bt-set-row bt-bs-row" },
+-        (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, t("Model")), (0, import_react18.createElement)("span", { className: "bt-set-hint" }, modelHint(bot, roster))),
+-        (0, import_react18.createElement)(ModelMenu, { bot, roster, actions, run })
+-      )
+-    ),
+-    (0, import_react18.createElement)(
+-      Card,
+-      { title: t("Working folder") },
+-      (0, import_react18.createElement)(
+-        "div",
+-        { className: "bt-set-row bt-bs-row" },
+-        (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, t("Folder"))),
+-        (0, import_react18.createElement)(FolderMenu, { value: bot.workDir, actions, run, onPick: (workDir) => save({ workDir }) })
+-      )
+-    ),
+-    (0, import_react18.createElement)(
+-      Card,
+-      { title: t("Instructions") },
+-      (0, import_react18.createElement)(
+-        Row,
+-        { label: t("What this Bot does"), hint: t("Its job on the team. Part of the Bot's system prompt."), stack: true },
+-        (0, import_react18.createElement)(InlineText, { label: t("Instructions"), value: bot.instructions, multiline: true, placeholder: t("What this Bot is responsible for…"), onSave: (instructions) => save({ instructions }) })
+-      )
+-    ),
+-    (0, import_react18.createElement)(BotCapabilitiesCard, { bot, roster, actions, run, Card, SwitchRow }),
+-    roster.memory === false ? null : (0, import_react18.createElement)(MemoryCard, { bot, actions }),
+-    (0, import_react18.createElement)(BotSchedules, { bot, roster, actions }),
+-    (0, import_react18.createElement)(
+-      Card,
+-      { title: t("Main Bot") },
+-      onlyMain ? (0, import_react18.createElement)(
 +      (0, import_react31.createElement)(
-+        "div",
+         "div",
+-        { className: "bt-set-row bt-bs-row" },
+-        (0, import_react18.createElement)(
+-          "span",
+-          { className: "bt-set-copy" },
+-          (0, import_react18.createElement)("span", { className: "bt-bs-label" }, t("Main Bot")),
+-          (0, import_react18.createElement)("span", { className: "bt-set-hint" }, t("The only Main Bot. To hand the role to another Bot, use Main Bot on the Bots page."))
+-        ),
+-        (0, import_react18.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("bots") }, t("Change"))
+-      ) : (0, import_react18.createElement)(SwitchRow, { label: t("Main Bot"), hint: t("Can create and change Bots, and runs every group chat."), on: isMainBot, onChange: (on) => run(actions.setMain(bot.id, on)) })
+-    ),
+-    // The Main Bot tile is always first and always shown, like in the context menu.
+-    isTile ? null : (0, import_react18.createElement)(
+-      Card,
+-      { title: t("Sidebar") },
+-      (0, import_react18.createElement)(SwitchRow, { label: t("Pin"), hint: t("Kept above the other chats."), on: bot.pinned === true, onChange: (pinned) => run(actions.setFlags(bot.id, { pinned })) }),
+-      isMainBot ? null : (0, import_react18.createElement)(SwitchRow, { label: t("Hide from sidebar"), hint: t("Search still finds it."), on: bot.hidden === true, onChange: (hidden) => run(actions.setFlags(bot.id, { hidden })) })
+-    ),
+-    (0, import_react18.createElement)(
+-      Card,
+-      { title: t("Manage") },
+-      (0, import_react18.createElement)(
+-        "button",
+-        { type: "button", className: "bt-set-row bt-bs-row", onClick: duplicate },
+-        (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, t("Duplicate")), (0, import_react18.createElement)("span", { className: "bt-set-hint" }, t("A copy with the same job and model, and fresh memory."))),
+-        (0, import_react18.createElement)("span", { className: "bt-chevron" }, (0, import_react18.createElement)(ChevronRightIcon))
+-      ),
+-      isMainBot ? null : (0, import_react18.createElement)(
+-        "button",
+-        { type: "button", className: "bt-set-row bt-bs-row bt-bs-danger", "data-confirm": confirming || void 0, onClick: remove },
+-        (0, import_react18.createElement)(
+-          "span",
+-          { className: "bt-set-copy" },
+-          (0, import_react18.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: bot.name }) : t("Delete Bot")),
+-          (0, import_react18.createElement)("span", { className: "bt-set-hint" }, confirming ? t("Click again to delete. Its chats are archived.") : t("Removes the Bot from the team."))
+-        ),
+-        (0, import_react18.createElement)("span", { className: "bt-chevron" }, (0, import_react18.createElement)(ChevronRightIcon))
 +        { ref: listRef, id: "bt-palette-list", className: "bt-palette-list", role: "listbox", "aria-label": t("Results") },
 +        (0, import_react31.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
 +        rows.length === 0 ? (0, import_react31.createElement)(
@@ -12977,15 +16910,47 @@ diff --git a/client.js b/client.js
 +            );
 +          })
 +        ))
-+      )
-+    )
-+  );
-+}
-+
+       )
+     )
+   );
+ }
+-var BOT_SETTINGS_CSS = `
+-.bt-bs{display:flex;flex-direction:column;gap:18px}
+-.bt-bs-hero{display:flex;align-items:center;gap:14px;padding:2px 4px}
+-.bt-bs-who{display:flex;flex-direction:column;min-width:0;gap:2px}
+-.bt-bs-name{font-size:17px;line-height:24px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+-.bt-bs-sub{font-size:13px;line-height:18px;color:var(--bt-ink-2)}
+-.bt-bs .bt-avedit{left:0;transform:none}
+-.bt-bs-row{min-height:48px}
+-label.bt-bs-row{cursor:text}
+-.bt-bs-row>.bt-set-copy{flex:1 1 auto}
+-.bt-bs-label{font-size:13px;line-height:18px;font-weight:500}
+-.bt-bs-row .bt-model-trigger{flex:none;max-width:58%}
+-.bt-bs-input{flex:0 1 220px;width:0;min-width:96px;height:30px;box-sizing:border-box;margin:-4px -6px -4px 0;padding:0 8px;border:1px solid transparent;border-radius:8px;background:none;color:var(--bt-ink);font:inherit;font-size:13px;text-align:right;outline:none;transition:background-color .12s ease,border-color .12s ease}
+-.bt-bs-input:hover{background:var(--bt-hover)}
+-.bt-bs-input:focus{background:var(--bt-main);border-color:var(--bt-line-2);text-align:left}
+-.bt-bs-input::placeholder{color:var(--bt-ink-3)}
+-.bt-bs-stack{flex-direction:column;align-items:stretch;gap:8px}
+-.bt-bs-area{flex:none;width:auto;min-height:112px;height:auto;margin:0 -6px -4px;padding:8px;line-height:19px;text-align:left;resize:vertical;background:var(--bt-hover)}
+-.bt-bs-area:hover{background:var(--bt-active)}
+-.bt-bs-danger .bt-bs-label{color:#c21d2e}
+-.bt-bs-danger[data-confirm]{background:color-mix(in srgb,#e02135 8%,transparent)}
+-.bt-bs-danger[data-confirm]:hover{background:color-mix(in srgb,#e02135 12%,transparent)}
+-.bt-switch{position:relative;flex:none;width:36px;height:20px;padding:0;border:0;border-radius:999px;background:var(--bt-line-2);cursor:pointer;transition:background-color .2s ease}
+-.bt-switch[aria-checked=true]{background:var(--bt-accent)}
+-.bt-switch:disabled{opacity:.45;cursor:default}
+-.bt-switch:focus-visible{outline:2px solid var(--bt-accent);outline-offset:2px}
+-.bt-switch-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:${spring(SPRING_SHAPE, "transform")},${spring(SPRING_TAP, "width")}}
+-.bt-switch[aria-checked=true] .bt-switch-knob{transform:translateX(16px)}
+-.bt-switch:active:not(:disabled) .bt-switch-knob{width:21px}
+-.bt-switch[aria-checked=true]:active:not(:disabled) .bt-switch-knob{transform:translateX(11px)}
+-.bt-avedit :is(.bt-shapes,.bt-colors,.bt-dropzone){animation:bt-veil-in .18s ease-out}
+-@media (prefers-reduced-motion:reduce){.bt-switch,.bt-switch-knob{transition:none}.bt-avedit :is(.bt-shapes,.bt-colors,.bt-dropzone){animation:none}}
+-`;
+ 
  // src/client/bot-draft.js
  function freshBotName(roster, base = "New Bot") {
-   const taken = new Set(roster.bots.map((bot) => bot.name.toLowerCase()));
-@@ -8165,36 +8165,48 @@
+@@ -8165,36 +8165,48 @@ function freshBotName(roster, base = "New Bot") {
  }
  function startModel(roster) {
    const models = roster.models ?? [];
@@ -13049,7 +17014,7 @@ diff --git a/client.js b/client.js
      if (inline) frame.current?.scrollIntoView({ block: "start", behavior: "smooth" });
    }, []);
    const fallbackName = freshBotName(roster, t("New Bot"));
-@@ -8206,8 +8206,8 @@
+@@ -8206,8 +8206,8 @@ function CreateBot({ roster, actions, start, brief = "", onBack, canGoBack, onCr
      setError("");
      setBusy(true);
      try {
@@ -13060,7 +17025,7 @@ diff --git a/client.js b/client.js
      } catch (failure) {
        setError(failure?.message ?? String(failure));
        setBusy(false);
-@@ -8219,25 +8219,25 @@
+@@ -8219,25 +8219,25 @@ function CreateBot({ roster, actions, start, brief = "", onBack, canGoBack, onCr
      avatarImage(file).then(setImage, (failure) => setError(failure?.message ?? String(failure)));
    };
    const previewLook = image ? { ...look, image } : look;
@@ -13094,7 +17059,7 @@ diff --git a/client.js b/client.js
          look,
          hasPhoto: Boolean(image),
          onShape: (shape) => {
-@@ -8249,27 +8249,27 @@
+@@ -8249,27 +8249,27 @@ function CreateBot({ roster, actions, start, brief = "", onBack, canGoBack, onCr
            setLook((current) => ({ ...current, color }));
          }
        }),
@@ -13130,7 +17095,7 @@ diff --git a/client.js b/client.js
          className: "bt-input",
          autoFocus: !inline,
          value: name,
-@@ -8284,75 +8284,113 @@
+@@ -8284,75 +8284,113 @@ function CreateBot({ roster, actions, start, brief = "", onBack, canGoBack, onCr
            }
          }
        }),
@@ -13274,7 +17239,7 @@ diff --git a/client.js b/client.js
    const pick2 = (bot) => {
      setPicked((current) => [...current, bot.id]);
      setQuery("");
-@@ -8386,71 +8386,104 @@
+@@ -8386,71 +8386,104 @@ function NewChat({ mode, roster, actions }) {
    };
    const created = (bot) => {
      close();
@@ -13399,7 +17364,7 @@ diff --git a/client.js b/client.js
          canGoBack: draft.fromList,
          onBack: draft.fromList ? () => {
            setDraft(null);
-@@ -8467,33 +8467,41 @@
+@@ -8467,33 +8467,41 @@ ${listed}`, { axis: "y", ...QUICK_EDGES });
      if (picked.length > 0) setPicked((current) => current.slice(0, -1));
      else if (admin !== null) setAdmin(null);
    };
@@ -13456,7 +17421,7 @@ diff --git a/client.js b/client.js
            ref: inputRef,
            autoFocus: true,
            value: query,
-@@ -8517,20 +8517,20 @@
+@@ -8517,20 +8517,20 @@ ${listed}`, { axis: "y", ...QUICK_EDGES });
              } else if (event.key === "Backspace" && query === "") unpick();
            }
          }),
@@ -13482,7 +17447,7 @@ diff --git a/client.js b/client.js
            "button",
            {
              key: option.key,
-@@ -8542,21 +8542,36 @@
+@@ -8542,21 +8542,36 @@ ${listed}`, { axis: "y", ...QUICK_EDGES });
              onMouseEnter: () => setCursor(index),
              onClick: option.run
            },
@@ -13528,7 +17493,7 @@ diff --git a/client.js b/client.js
              rows: 1,
              value: message,
              placeholder,
-@@ -8569,7 +8569,7 @@
+@@ -8569,7 +8569,7 @@ ${listed}`, { axis: "y", ...QUICK_EDGES });
                }
              }
            }),
@@ -13537,7 +17502,7 @@ diff --git a/client.js b/client.js
          )
        )
      )
-@@ -8577,18 +8577,41 @@
+@@ -8577,18 +8577,41 @@ ${listed}`, { axis: "y", ...QUICK_EDGES });
  }
  
  // src/client/exchange.js
@@ -13583,7 +17548,7 @@ diff --git a/client.js b/client.js
      let stop = false;
      let timer;
      let seen = null;
-@@ -8612,49 +8612,42 @@
+@@ -8612,49 +8612,42 @@ function ExchangeDialog({ pair, roster, actions }) {
    const right = roster.byId[pair[1]];
    let lastDay = 0;
    const paneLeft = usePaneLeft();
@@ -13647,7 +17612,7 @@ diff --git a/client.js b/client.js
  var VOICE_LABELS = {
    listening: "Listening",
    thinking: "Thinking",
-@@ -8665,14 +8665,14 @@
+@@ -8665,14 +8665,14 @@ var VOICE_LABELS = {
  };
  var CAPTURE_NOTES = { blocked: "Microphone access is blocked", unavailable: "Voice chat is not available in this browser", "too-long": "That was too long to recognize" };
  function useMicLevel(enabled) {
@@ -13665,7 +17630,7 @@ diff --git a/client.js b/client.js
        if (stopped) {
          media.getTracks().forEach((track) => track.stop());
          return;
-@@ -8716,18 +8716,18 @@
+@@ -8716,18 +8716,18 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus }
      const entry = Array.isArray(outline) ? outline[outline.length - 1] : void 0;
      return entry ? `${outline.length}|${entry.response ?? ""}` : "0|";
    });
@@ -13695,7 +17660,7 @@ diff --git a/client.js b/client.js
    const paneLeft = usePaneLeft();
    const close = () => {
      turn.current += 1;
-@@ -8735,24 +8735,24 @@
+@@ -8735,24 +8735,24 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus }
      actions.closeVoice();
    };
    useEscape(close);
@@ -13728,7 +17693,7 @@ diff --git a/client.js b/client.js
      if (!speech) return void 0;
      let live = true;
      speechCatalog(speech).then(({ catalog: next, usable }) => {
-@@ -8767,16 +8767,16 @@
+@@ -8767,16 +8767,16 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus }
      };
    }, [speech]);
    const listen = phase === "listening";
@@ -13748,7 +17713,7 @@ diff --git a/client.js b/client.js
      if (!speech || !catalog || !listen) return void 0;
      const own = turn.current;
      let capture = null;
-@@ -8789,9 +8789,9 @@
+@@ -8789,9 +8789,9 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus }
        setPhase("transcribing");
        try {
          const wave = await current.finish(catalog.maxDurationSeconds);
@@ -13760,7 +17725,7 @@ diff --git a/client.js b/client.js
          else setPhase("listening");
        } catch (error) {
          if (turn.current !== own) return;
-@@ -8838,12 +8838,12 @@
+@@ -8838,12 +8838,12 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus }
        setServiceLevel(0);
      };
    }, [speech, catalog, listen, cycle]);
@@ -13777,7 +17742,7 @@ diff --git a/client.js b/client.js
      setSaid(spoken);
      setHeard("");
      if (!window.speechSynthesis || !spoken) {
-@@ -8858,7 +8858,7 @@
+@@ -8858,7 +8858,7 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus }
      window.speechSynthesis.cancel();
      window.speechSynthesis.speak(utterance);
    }, [phase, running, lastReply]);
@@ -13786,7 +17751,7 @@ diff --git a/client.js b/client.js
    const micLevel = useMicLevel(!speech && phase === "listening" && dictation.listening);
    const level = speech ? serviceLevel : micLevel;
    const markState = phase === "thinking" || phase === "transcribing" ? "thinking" : phase === "speaking" ? "sending" : "idle";
-@@ -8875,291 +8875,663 @@
+@@ -8875,291 +8875,663 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus }
    const openSetup = phase === "setup" ? actions.voiceSetup() : null;
    const caption = phase === "speaking" ? said : heard;
    const shownNote = note || dictation.note;
@@ -14289,28 +18254,13 @@ diff --git a/client.js b/client.js
 -        Row,
 -        { label: t("Notice"), hint: t("Every member reads it before speaking in this group."), stack: true },
 -        (0, import_react23.createElement)(InlineText, { label: t("Group notice"), value: room2.notice, multiline: true, maxLength: 2e3, placeholder: t("Shared instructions every member reads before speaking…"), onSave: (notice) => update({ notice }) })
-+      (0, import_react36.createElement)(
-+        "section",
-+        { className: "bt-set-section" },
-+        (0, import_react36.createElement)("h3", null, t("Yours")),
-+        (0, import_react36.createElement)("p", { className: "bt-wf-hint" }, t("Workflows saved on this machine.")),
-+        (0, import_react36.createElement)(
-+          "div",
-+          { className: "bt-set-card" },
-+          yours.length === 0 ? (0, import_react36.createElement)("div", { className: "bt-set-row" }, (0, import_react36.createElement)("span", { className: "bt-set-hint" }, t("No workflows of your own yet."))) : yours.map((item) => (0, import_react36.createElement)(Row2, { key: item.id, item, source: "own", onOpen: () => onOpen?.(item, "own"), onRename, onDelete }))
-+        )
-       )
+-      )
 -    ),
 -    (0, import_react23.createElement)(
 -      Card,
 -      { title: t("Who answers") },
 -      (0, import_react23.createElement)(
-+    ) : null,
-+    graph ? (0, import_react36.createElement)(
-+      "div",
-+      { className: "bt-wf-editor" },
-+      (0, import_react36.createElement)(
-         "div",
+-        "div",
 -        { className: "bt-set-row bt-bs-row bt-bs-stack" },
 -        (0, import_react23.createElement)(Segmented, { label: t("Who answers"), value: mode }, ROOM_MODES.map(([id, label]) => (0, import_react23.createElement)("button", {
 -          key: id,
@@ -14329,42 +18279,7 @@ diff --git a/client.js b/client.js
 -      Card,
 -      { title: t("Working folder") },
 -      (0, import_react23.createElement)(
-+        { className: "bt-wf-actions" },
-+        (0, import_react36.createElement)("button", { type: "button", onClick: () => onBack?.() }, t("Back")),
-+        showUse ? (0, import_react36.createElement)("button", { type: "button", onClick: () => onUse?.(opened.source === "factory" ? opened.id : opened.fromFactory) }, t("Use this")) : null,
-+        opened?.source === "own" ? (0, import_react36.createElement)("button", { type: "button", onClick: () => onEditing?.(!editing) }, editing ? t("Finish editing") : t("Edit")) : null
-+      ),
-+      (0, import_react36.createElement)("h3", { className: "bt-wf-title" }, graph.name),
-+      graph.description ? (0, import_react36.createElement)("p", { className: "bt-wf-hint" }, graph.description) : null,
-+      (graph.nodes ?? []).length === 0 ? (0, import_react36.createElement)("p", { className: "bt-wf-status" }, t("This workflow has no flowchart yet.")) : (0, import_react36.createElement)(GraphCanvas, {
-+        graph,
-+        roster,
-+        onCommit,
-+        width: canvasWidth,
-+        editing: opened?.source === "own" && editing === true
-+      })
-+    ) : null
-+  );
-+}
-+function RenameModal({ workflow, onClose, onConfirm }) {
-+  const [name, setName] = (0, import_react36.useState)(workflow?.name ?? "");
-+  return (0, import_react36.createElement)(
-+    "div",
-+    { className: "bt-modal-mask", onClick: (event) => {
-+      if (event.target === event.currentTarget) onClose?.();
-+    } },
-+    (0, import_react36.createElement)(
-+      "div",
-+      { className: "bt-modal", role: "dialog", "aria-modal": true, "aria-label": t("Rename workflow") },
-+      (0, import_react36.createElement)("h3", null, t("Rename workflow")),
-+      (0, import_react36.createElement)(
-+        "label",
-+        { className: "bt-field" },
-+        t("Name"),
-+        (0, import_react36.createElement)("input", { type: "text", value: name, onChange: (event) => setName(event.target.value), autoFocus: true })
-+      ),
-+      (0, import_react36.createElement)(
-         "div",
+-        "div",
 -        { className: "bt-set-row bt-bs-row" },
 -        (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, t("Folder"))),
 -        (0, import_react23.createElement)(FolderMenu, { value: room2.workDir, group: true, actions, run, onPick: (workDir) => update({ workDir }) })
@@ -14376,7 +18291,13 @@ diff --git a/client.js b/client.js
 -      members.map((member) => {
 -        const leads = room2.admin === member.id;
 -        return (0, import_react23.createElement)(
--          "div",
++      (0, import_react36.createElement)(
++        "section",
++        { className: "bt-set-section" },
++        (0, import_react36.createElement)("h3", null, t("Yours")),
++        (0, import_react36.createElement)("p", { className: "bt-wf-hint" }, t("Workflows saved on this machine.")),
++        (0, import_react36.createElement)(
+           "div",
 -          { key: member.id, className: "bt-set-row bt-bs-row bt-gs-member" },
 -          (0, import_react23.createElement)(
 -            "button",
@@ -14428,11 +18349,32 @@ diff --git a/client.js b/client.js
 -          (0, import_react23.createElement)("span", { className: "bt-set-hint" }, confirming ? t("Click again to delete. Its history is archived.") : t("Removes the group chat. Its members stay on the team."))
 -        ),
 -        (0, import_react23.createElement)("span", { className: "bt-chevron" }, (0, import_react23.createElement)(ChevronRightIcon))
-+        { className: "bt-modal-actions" },
-+        (0, import_react36.createElement)("button", { type: "button", onClick: onClose }, t("Cancel")),
-+        (0, import_react36.createElement)("button", { type: "button", onClick: () => onConfirm?.(name) }, t("Rename"))
++          { className: "bt-set-card" },
++          yours.length === 0 ? (0, import_react36.createElement)("div", { className: "bt-set-row" }, (0, import_react36.createElement)("span", { className: "bt-set-hint" }, t("No workflows of your own yet."))) : yours.map((item) => (0, import_react36.createElement)(Row2, { key: item.id, item, source: "own", onOpen: () => onOpen?.(item, "own"), onRename, onDelete }))
++        )
        )
-     )
+-    )
++    ) : null,
++    graph ? (0, import_react36.createElement)(
++      "div",
++      { className: "bt-wf-editor" },
++      (0, import_react36.createElement)(
++        "div",
++        { className: "bt-wf-actions" },
++        (0, import_react36.createElement)("button", { type: "button", onClick: () => onBack?.() }, t("Back")),
++        showUse ? (0, import_react36.createElement)("button", { type: "button", onClick: () => onUse?.(opened.source === "factory" ? opened.id : opened.fromFactory) }, t("Use this")) : null,
++        opened?.source === "own" ? (0, import_react36.createElement)("button", { type: "button", onClick: () => onEditing?.(!editing) }, editing ? t("Finish editing") : t("Edit")) : null
++      ),
++      (0, import_react36.createElement)("h3", { className: "bt-wf-title" }, graph.name),
++      graph.description ? (0, import_react36.createElement)("p", { className: "bt-wf-hint" }, graph.description) : null,
++      (graph.nodes ?? []).length === 0 ? (0, import_react36.createElement)("p", { className: "bt-wf-status" }, t("This workflow has no flowchart yet.")) : (0, import_react36.createElement)(GraphCanvas, {
++        graph,
++        roster,
++        onCommit,
++        width: canvasWidth,
++        editing: opened?.source === "own" && editing === true
++      })
++    ) : null
    );
  }
 -function NewGroupForm({ roster, actions, run, onCreated, onCancel }) {
@@ -14464,41 +18406,63 @@ diff --git a/client.js b/client.js
 -    onClick
 -  }, (0, import_react23.createElement)(BotAvatar, { bot, size: 22, badge: false, live: false }), (0, import_react23.createElement)("span", { className: "bt-ng-name" }, bot.name), on && role === "radio" ? (0, import_react23.createElement)(AdminStar) : null);
 -  return (0, import_react23.createElement)(
-+function DeleteModal({ workflow, onClose, onConfirm }) {
++function RenameModal({ workflow, onClose, onConfirm }) {
++  const [name, setName] = (0, import_react36.useState)(workflow?.name ?? "");
 +  return (0, import_react36.createElement)(
      "div",
 -    { className: "bt-set-card bt-ng" },
 -    (0, import_react23.createElement)(
--      "div",
--      { className: "bt-set-row bt-bs-row bt-bs-stack" },
--      (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label bt-ng-label" }, (0, import_react23.createElement)(AdminStar), t("Choose the group admin"))),
--      (0, import_react23.createElement)(
 +    { className: "bt-modal-mask", onClick: (event) => {
 +      if (event.target === event.currentTarget) onClose?.();
 +    } },
 +    (0, import_react36.createElement)(
-+      "div",
-+      { className: "bt-modal", role: "dialog", "aria-modal": true, "aria-label": t("Delete workflow") },
-+      (0, import_react36.createElement)("h3", null, t("Delete workflow")),
-+      (0, import_react36.createElement)("p", null, t('Are you sure you want to delete "{name}"? This cannot be undone.', { name: workflow?.name ?? "" })),
+       "div",
+-      { className: "bt-set-row bt-bs-row bt-bs-stack" },
+-      (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label bt-ng-label" }, (0, import_react23.createElement)(AdminStar), t("Choose the group admin"))),
+-      (0, import_react23.createElement)(
++      { className: "bt-modal", role: "dialog", "aria-modal": true, "aria-label": t("Rename workflow") },
++      (0, import_react36.createElement)("h3", null, t("Rename workflow")),
++      (0, import_react36.createElement)(
++        "label",
++        { className: "bt-field" },
++        t("Name"),
++        (0, import_react36.createElement)("input", { type: "text", value: name, onChange: (event) => setName(event.target.value), autoFocus: true })
++      ),
 +      (0, import_react36.createElement)(
          "div",
 -        { className: "bt-ng-picks", role: "radiogroup", "aria-label": t("Group admin") },
 -        roster.bots.map((bot) => chip(bot, admin === bot.id, () => pickAdmin(bot.id), "radio"))
 +        { className: "bt-modal-actions" },
 +        (0, import_react36.createElement)("button", { type: "button", onClick: onClose }, t("Cancel")),
-+        (0, import_react36.createElement)("button", { type: "button", className: "bt-danger", onClick: onConfirm }, t("Delete"))
++        (0, import_react36.createElement)("button", { type: "button", onClick: () => onConfirm?.(name) }, t("Rename"))
        )
 -    ),
 -    admin === null ? null : (0, import_react23.createElement)(
--      "div",
++    )
++  );
++}
++function DeleteModal({ workflow, onClose, onConfirm }) {
++  return (0, import_react36.createElement)(
++    "div",
++    { className: "bt-modal-mask", onClick: (event) => {
++      if (event.target === event.currentTarget) onClose?.();
++    } },
++    (0, import_react36.createElement)(
+       "div",
 -      { className: "bt-set-row bt-bs-row bt-bs-stack bt-ng-step" },
 -      (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, t("Who to chat with…"))),
 -      (0, import_react23.createElement)(
--        "div",
++      { className: "bt-modal", role: "dialog", "aria-modal": true, "aria-label": t("Delete workflow") },
++      (0, import_react36.createElement)("h3", null, t("Delete workflow")),
++      (0, import_react36.createElement)("p", null, t('Are you sure you want to delete "{name}"? This cannot be undone.', { name: workflow?.name ?? "" })),
++      (0, import_react36.createElement)(
+         "div",
 -        { className: "bt-ng-picks", role: "group", "aria-label": t("Members") },
 -        roster.bots.filter((bot) => bot.id !== admin).map((bot) => chip(bot, members.includes(bot.id), () => toggle(bot.id), "checkbox"))
--      )
++        { className: "bt-modal-actions" },
++        (0, import_react36.createElement)("button", { type: "button", onClick: onClose }, t("Cancel")),
++        (0, import_react36.createElement)("button", { type: "button", className: "bt-danger", onClick: onConfirm }, t("Delete"))
+       )
 -    ),
 -    admin === null || members.length === 0 ? null : (0, import_react23.createElement)(
 -      "label",
@@ -14686,7 +18650,7 @@ diff --git a/client.js b/client.js
  
  // src/client/usage-data.js
  var HOUR = 0;
-@@ -9277,13 +9277,13 @@
+@@ -9277,13 +9277,13 @@ function summarize(view, range, keep = () => true, seriesOf = () => "all") {
    }
    return result;
  }
@@ -14704,7 +18668,7 @@ diff --git a/client.js b/client.js
    }
    return String(Math.round(count));
  }
-@@ -9294,11 +9294,11 @@
+@@ -9294,11 +9294,11 @@ function percent(part, whole) {
  }
  
  // src/client/usage-page.js
@@ -14718,7 +18682,7 @@ diff --git a/client.js b/client.js
  var rangeLabel = (id) => ({ "24h": t("24 hours"), "7d": t("7 days"), "30d": t("30 days"), "12w": t("12 weeks"), "12m": t("12 months") })[id];
  var unitLabel = (unit) => ({ hour: t("Per hour"), day: t("Per day"), week: t("Per week"), month: t("Per month") })[unit];
  var MODEL_INKS = ["deepseek", "tangerine", "green", "violet", "sky", "rose", "yellow", "cyan", "magenta", "brown"];
-@@ -9341,9 +9341,9 @@
+@@ -9341,9 +9341,9 @@ function titleOf(range, bucket) {
    return dates({ year: "numeric", month: "long" }).format(bucket.start);
  }
  function useTween(value) {
@@ -14731,7 +18695,7 @@ diff --git a/client.js b/client.js
      if (reducedMotion() || typeof requestAnimationFrame !== "function") {
        from.current = value;
        setShown(value);
-@@ -9363,9 +9363,9 @@
+@@ -9363,9 +9363,9 @@ function useTween(value) {
    }, [value]);
    return shown;
  }
@@ -14743,7 +18707,7 @@ diff --git a/client.js b/client.js
      className: "bt-us-model",
      "aria-hidden": true,
      style: { width: size, height: size, fontSize: Math.round(size * 0.42), background: `color-mix(in srgb, ${paint} 20%, var(--bt-card))`, color: `color-mix(in srgb, ${paint} 72%, var(--bt-ink))` }
-@@ -9382,7 +9382,7 @@
+@@ -9382,7 +9382,7 @@ function ownerFace(owner, roster) {
        sub: owner.deleted ? t("Deleted") : role.toLowerCase() === name.toLowerCase() ? "" : role,
        paint: paintCss(colorOf(bot)),
        stops: GRADIENTS[colorOf(bot)],
@@ -14752,7 +18716,7 @@ diff --git a/client.js b/client.js
      };
    }
    if (owner.kind === "room") {
-@@ -9392,7 +9392,7 @@
+@@ -9392,7 +9392,7 @@ function ownerFace(owner, roster) {
        name: owner.name || t("Deleted group chat"),
        sub: owner.deleted ? t("Deleted") : t("Group chat"),
        paint: "var(--bt-us-rest)",
@@ -14761,7 +18725,7 @@ diff --git a/client.js b/client.js
      };
    }
    if (owner.kind === "agent") {
-@@ -9411,33 +9411,33 @@
+@@ -9411,33 +9411,33 @@ function kindLabel(kind, botFocus) {
    return labels[kind] ?? kind;
  }
  function Tabs({ label, value, options, onChange, boxRef }) {
@@ -14806,7 +18770,7 @@ diff --git a/client.js b/client.js
            "span",
            { className: "bt-us-delta", title: compareText(range) },
            `${change >= 0 ? "↑" : "↓"} ${Math.abs(change)}%`
-@@ -9455,83 +9455,83 @@
+@@ -9455,83 +9455,83 @@ function niceTop(max) {
    return [1, 1.5, 2, 2.5, 3, 4, 5, 6, 8, 10].map((scale) => scale * step).find((value) => value >= max);
  }
  function Chart({ range, columns, series, tipSeries, by, onBy, onPick }) {
@@ -14918,7 +18882,7 @@ diff --git a/client.js b/client.js
      onClick ? "button" : "div",
      {
        className: "bt-us-row",
-@@ -9540,69 +9540,69 @@
+@@ -9540,69 +9540,69 @@ function Row2({ kind, glyph, name, sub, sum, whole, fill: fill2, index, onClick
        title: t("{tokens} tokens · {calls} calls", { tokens: full(sum.total), calls: full(sum.calls) }),
        ...onClick ? { type: "button", onClick } : {}
      },
@@ -15016,7 +18980,7 @@ diff --git a/client.js b/client.js
      const onDown = (event) => {
        if (![box, near].some((ref) => ref.current?.contains(event.target))) onClose();
      };
-@@ -9628,17 +9628,17 @@
+@@ -9628,17 +9628,17 @@ function SpanPicker({ span, today, oldest, active, near, onPick, onClose }) {
      const [from, to] = [anchor, key].sort();
      onPick(from, to);
    };
@@ -15037,7 +19001,7 @@ diff --git a/client.js b/client.js
          key,
          type: "button",
          className: "bt-us-day",
-@@ -9654,15 +9654,15 @@
+@@ -9654,15 +9654,15 @@ function SpanPicker({ span, today, oldest, active, near, onPick, onClose }) {
          "data-has": flag(active.has(key)),
          onMouseEnter: () => setHover(key),
          onClick: () => press(key)
@@ -15059,7 +19023,7 @@ diff --git a/client.js b/client.js
      );
    };
    const shortcuts = [
-@@ -9671,30 +9671,30 @@
+@@ -9671,30 +9671,30 @@ function SpanPicker({ span, today, oldest, active, near, onPick, onClose }) {
      ["year", t("This year"), `${today.slice(0, 4)}-01-01`, today]
    ];
    const count = low === null ? 0 : Math.round((hourMs(high) - hourMs(low)) / DAY_MS) + 1;
@@ -15098,7 +19062,7 @@ diff --git a/client.js b/client.js
    const today = hourMs(`${view.now.slice(0, 10)} 00`);
    const first = mondayOf(today) - (HEAT_WEEKS - 1) * 7 * DAY_MS;
    const from = dayKey(first);
-@@ -9710,13 +9710,13 @@
+@@ -9710,13 +9710,13 @@ function Heat({ view, keep, paint, index }) {
    for (let week = 0; week < HEAT_WEEKS; week += 1) {
      const monday = first + week * 7 * DAY_MS;
      if (week > 0 && new Date(monday).getUTCMonth() !== new Date(monday - 7 * DAY_MS).getUTCMonth()) {
@@ -15114,7 +19078,7 @@ diff --git a/client.js b/client.js
          key: ms,
          className: "bt-us-cell",
          style: { "--w": week },
-@@ -9724,7 +9724,7 @@
+@@ -9724,7 +9724,7 @@ function Heat({ view, keep, paint, index }) {
          "data-future": ms > today ? "" : void 0,
          "data-today": ms === today ? "" : void 0,
          onMouseEnter: ms > today ? void 0 : () => setHover({ ms, week, day })
@@ -15123,7 +19087,7 @@ diff --git a/client.js b/client.js
      }
    }
    const tipSide = hover ? {
-@@ -9733,61 +9733,61 @@
+@@ -9733,61 +9733,61 @@ function Heat({ view, keep, paint, index }) {
    } : null;
    const active = [...daily.values()].filter((value) => value > 0).length;
    const summary = active === 1 ? t("Active on 1 day in the last year") : t("Active on {count} days in the last year", { count: active });
@@ -15211,7 +19175,7 @@ diff --git a/client.js b/client.js
      let stopped = false;
      let timer;
      const resized = Promise.all((document.querySelector(".bt-settings")?.getAnimations() ?? []).filter((animation) => animation.transitionProperty === "width" || animation.transitionProperty === "height").map((animation) => animation.finished.catch(() => {
-@@ -9797,7 +9797,7 @@
+@@ -9797,7 +9797,7 @@ function UsagePage({ roster, actions, focusId }) {
          const value = await actions.usage();
          await resized;
          if (stopped) return;
@@ -15220,7 +19184,7 @@ diff --git a/client.js b/client.js
          setError("");
          timer = setTimeout(load, value.scanning ? 3e3 : 2e4);
        } catch (failure) {
-@@ -9814,7 +9814,7 @@
+@@ -9814,7 +9814,7 @@ function UsagePage({ roster, actions, focusId }) {
    }, []);
    const today = view?.now.slice(0, 10);
    const range = rangeId === "custom" && span ? { ...spanRange(span.from, span.to), ends: span.to >= today } : RANGES.find((item) => item.id === rangeId);
@@ -15229,7 +19193,7 @@ diff --git a/client.js b/client.js
      if (!view) return null;
      const faces2 = view.owners.map((owner) => ownerFace(owner, roster));
      const lifetime = /* @__PURE__ */ new Map();
-@@ -9823,7 +9823,7 @@
+@@ -9823,7 +9823,7 @@ function UsagePage({ roster, actions, focusId }) {
      const models2 = view.models.map((model, at) => {
        const name = model.name || model.model || t("Unknown model");
        const paint = modelPaint.get(at) ?? "var(--bt-us-rest)";
@@ -15238,7 +19202,7 @@ diff --git a/client.js b/client.js
      });
      const ownerAt2 = focus?.kind === "owner" ? view.owners.findIndex((owner) => owner.key === focus.key) : -1;
      const modelAt = focus?.kind === "model" ? view.models.findIndex((model) => model.key === focus.key) : -1;
-@@ -9871,23 +9871,23 @@
+@@ -9871,23 +9871,23 @@ function UsagePage({ roster, actions, focusId }) {
      });
      return { faces: faces2, models: models2, ownerAt: ownerAt2, modelAt, face: face2, keep: keep2, all: all2, part: part2, series: series2, tipSeries: tipSeries2, fillOf: fillOf2, columns: columns2, ranked: ranked2, isBot: isBot2, activeDays: activeDays2, oldest: oldest2 };
    }, [view, rangeId, span, by, focusId, roster]);
@@ -15270,7 +19234,7 @@ diff --git a/client.js b/client.js
        )
      );
    }
-@@ -9912,7 +9912,7 @@
+@@ -9912,7 +9912,7 @@ function UsagePage({ roster, actions, focusId }) {
      ["custom", rangeId === "custom" && span ? spanText(span.from, span.to) : t("Custom"), CalendarIcon]
    ];
    const whole = part.total.total;
@@ -15279,7 +19243,7 @@ diff --git a/client.js b/client.js
      key: `o${at}`,
      kind: faces[at].kind,
      glyph: faces[at].glyph(32),
-@@ -9924,7 +9924,7 @@
+@@ -9924,7 +9924,7 @@ function UsagePage({ roster, actions, focusId }) {
      fill: face ? soften(face.paint, 0.8) : fillOf.get(`o${at}`) ?? soften(faces[at].paint),
      onClick: () => pick2({ kind: "owner", key: view.owners[at].key })
    });
@@ -15288,7 +19252,7 @@ diff --git a/client.js b/client.js
      key: `m${at}`,
      kind: "model",
      glyph: models[at].glyph(32),
-@@ -9936,30 +9936,30 @@
+@@ -9936,30 +9936,30 @@ function UsagePage({ roster, actions, focusId }) {
      fill: face ? soften(face.paint, 0.8) : fillOf.get(`m${at}`) ?? soften(models[at].paint),
      onClick: () => pick2({ kind: "model", key: view.models[at].key })
    });
@@ -15329,7 +19293,7 @@ diff --git a/client.js b/client.js
        )
      ];
    } else {
-@@ -9968,39 +9968,39 @@
+@@ -9968,39 +9968,39 @@ function UsagePage({ roster, actions, focusId }) {
      const rest = owners.filter(([at]) => !isBot(at));
      const usedModels = ranked(all.models);
      body = [
@@ -15383,7 +19347,7 @@ diff --git a/client.js b/client.js
      body
    );
  }
-@@ -10150,33 +10150,216 @@
+@@ -10150,33 +10150,216 @@ button.bt-us-row:hover{background:var(--bt-hover)}
  @keyframes bt-us-drop{from{opacity:0;transform:translateY(-4px) scale(.96)}}
  @keyframes bt-us-fade{from{opacity:0}}
  @keyframes bt-us-cell{from{opacity:0;transform:scale(.5)}}
@@ -15611,7 +19575,7 @@ diff --git a/client.js b/client.js
    const run = (task, after) => {
      setBusy(true);
      setError(null);
-@@ -10184,83 +10184,195 @@
+@@ -10184,83 +10184,195 @@ function ConnectorRow({ connector, actions }) {
        after?.();
      }, (failure) => setError(failure?.message ?? String(failure))).finally(() => setBusy(false));
    };
@@ -15728,10 +19692,8 @@ diff --git a/client.js b/client.js
 -      (0, import_react25.createElement)(
 +      (0, import_react38.createElement)("label", { className: "bt-q-field" }, (0, import_react38.createElement)("input", { className: "bt-input", type: "text", value: message, "aria-label": t("Message to send to Feishu"), placeholder: t("Type a message for the Feishu group"), onChange: (event) => setMessage(event.target.value) })),
 +      (0, import_react38.createElement)(
-         "div",
-         { className: "bt-connector-form-row" },
--        (0, import_react25.createElement)("a", { className: "bt-connector-link", href: TOKEN_URL, target: "_blank", rel: "noopener noreferrer" }, t("Create a token on GitHub")),
--        (0, import_react25.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => {
++        "div",
++        { className: "bt-connector-form-row" },
 +        (0, import_react38.createElement)("span", { className: "bt-connector-link" }),
 +        (0, import_react38.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy || message.trim() === "" || actions.connectorSend === void 0, onClick: () => void run(actions.connectorSend(connector.id, message), () => setMessage("")) }, t("Send"))
 +      )
@@ -15760,8 +19722,10 @@ diff --git a/client.js b/client.js
 +      })) : (0, import_react38.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react38.createElement)(MaskedInput, { value: token, onChange: setToken, onEnter: connect, label: gateway ? t("Composio API key") : t("GitHub token"), autoFocus: true })),
 +      gateway ? (0, import_react38.createElement)(AppPicker, { apps, onChange: setApps, search: token.trim() === "" ? void 0 : search }) : null,
 +      (0, import_react38.createElement)(
-+        "div",
-+        { className: "bt-connector-form-row" },
+         "div",
+         { className: "bt-connector-form-row" },
+-        (0, import_react25.createElement)("a", { className: "bt-connector-link", href: TOKEN_URL, target: "_blank", rel: "noopener noreferrer" }, t("Create a token on GitHub")),
+-        (0, import_react25.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => {
 +        (0, import_react38.createElement)(
 +          "a",
 +          { className: "bt-connector-link", href: channel ? chosen?.link ?? FEISHU_WEBHOOK_URL : gateway ? COMPOSIO_KEY_URL : TOKEN_URL, target: "_blank", rel: "noopener noreferrer" },
@@ -15837,7 +19801,7 @@ diff --git a/client.js b/client.js
    const date = new Date(time);
    const today = (/* @__PURE__ */ new Date()).toDateString() === date.toDateString();
    const clock4 = date.toLocaleTimeString(dateLocale(), { hour: "2-digit", minute: "2-digit" });
-@@ -10270,18 +10270,18 @@
+@@ -10270,18 +10270,18 @@ function entrySummary(entry) {
    if (entry.source === "turn") return failureLabel(entry.code, entry.text);
    return entry.text;
  }
@@ -15863,7 +19827,7 @@ diff --git a/client.js b/client.js
      void run(load());
    }, []);
    const copyReport = () => run(fetchReport().then(async (next) => {
-@@ -10289,7 +10289,7 @@
+@@ -10289,7 +10289,7 @@ function FeedbackPage({ actions, run, Section, Row: Row3 }) {
      setNote(copied ? t("Copied the diagnostics.") : t("Could not copy. Select the text below and copy it."));
      if (!copied) setPreview(true);
    }));
@@ -15872,7 +19836,7 @@ diff --git a/client.js b/client.js
    const openIssue = () => {
      const win = window.open("", "_blank");
      if (win !== null) win.opener = null;
-@@ -10307,8 +10307,8 @@
+@@ -10307,8 +10307,8 @@ function FeedbackPage({ actions, run, Section, Row: Row3 }) {
        if (!inline && !copied) setPreview(true);
      }));
    };
@@ -15883,7 +19847,7 @@ diff --git a/client.js b/client.js
      setNote(t("Downloaded the log. Keys, tokens, and your home folder are hidden in it."));
    }));
    const clearLog = () => run(actions.diagnosticsClear().then(clearClientErrors).then(load).then(() => setNote(t("Cleared the error log."))));
-@@ -10317,59 +10317,59 @@
+@@ -10317,59 +10317,59 @@ function FeedbackPage({ actions, run, Section, Row: Row3 }) {
    const total = (report?.total ?? 0) + browserErrors.length;
    const shown = entries2.slice(0, 8);
    return [
@@ -15971,7 +19935,7 @@ diff --git a/client.js b/client.js
        )
      )
    ];
-@@ -10377,8 +10377,8 @@
+@@ -10377,8 +10377,8 @@ function FeedbackPage({ actions, run, Section, Row: Row3 }) {
  var TOAST_MS = 6e3;
  function ErrorToast({ useUi, actions }) {
    const toast = useUi((state) => state.toast);
@@ -15982,7 +19946,7 @@ diff --git a/client.js b/client.js
      if (!toast) return void 0;
      setLeaving(false);
      const fade = setTimeout(() => setLeaving(true), TOAST_MS);
-@@ -10389,15 +10389,16 @@
+@@ -10389,15 +10389,16 @@ function ErrorToast({ useUi, actions }) {
      };
    }, [toast?.token]);
    if (!toast) return null;
@@ -16004,7 +19968,7 @@ diff --git a/client.js b/client.js
    );
  }
  var FEEDBACK_CSS = `
-@@ -10416,47 +10416,56 @@
+@@ -10416,47 +10416,56 @@ var FEEDBACK_CSS = `
  .bt-fb-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
  .bt-fb-code{flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}
  .bt-event-error{color:#e02135}
@@ -16075,7 +20039,7 @@ diff --git a/client.js b/client.js
      let live = true;
      actions.repoStars().then((count) => {
        if (live && Number.isInteger(count)) setStars(count);
-@@ -10466,87 +10466,72 @@
+@@ -10466,87 +10466,72 @@ function AboutPage({ useUpdate, actions, run, Section, Row: Row3 }) {
        live = false;
      };
    }, []);
@@ -16186,7 +20150,7 @@ diff --git a/client.js b/client.js
  .bt-about-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
  .bt-about-name{font-size:16px;line-height:22px;font-weight:600}
  .bt-about-version{font-size:12px;line-height:16px;color:var(--bt-ink-2);font-variant-numeric:tabular-nums}
-@@ -10569,54 +10569,59 @@
+@@ -10569,54 +10569,59 @@ body:not([data-bt-motion=quiet]) .bt-about-mark:hover .bt-mark[data-live][data-s
  `;
  
  // src/client/settings.js
@@ -16264,7 +20228,7 @@ diff --git a/client.js b/client.js
              key: ink,
              type: "button",
              className: "bt-swatch",
-@@ -10626,75 +10626,86 @@
+@@ -10626,75 +10626,86 @@ function GeneralPage({ roster, actions, run }) {
              style: { background: INKS[ink][0] },
              onClick: () => run(actions.setPrefs({ accent: INKS[ink][0] }))
            })),
@@ -16374,7 +20338,7 @@ diff --git a/client.js b/client.js
          key: id,
          type: "button",
          "aria-pressed": motion === id,
-@@ -10706,69 +10706,69 @@
+@@ -10706,69 +10706,69 @@ function MotionSection({ roster, actions, run }) {
    );
  }
  function BotsPage({ roster, actions, run }) {
@@ -16474,7 +20438,7 @@ diff --git a/client.js b/client.js
    useEscape(close);
    const run = (promise) => Promise.resolve(promise).then(() => {
      setError("");
-@@ -10779,104 +10779,250 @@
+@@ -10779,104 +10779,250 @@ function SettingsDialog({ page, id, roster, actions, useUpdate, leaving = false
    });
    const bot = page === "bots" && id ? roster.byId[id] : void 0;
    const room2 = page === "groups" && id ? roster.roomsById[id] : void 0;
@@ -16766,7 +20730,7 @@ diff --git a/client.js b/client.js
    const bot = roster.byId[menu.id];
    const room2 = roster.roomsById[menu.id];
    const entry = bot ?? room2;
-@@ -10884,13 +10884,22 @@
+@@ -10884,13 +10884,22 @@ function ContextMenu({ menu, roster, actions, leaving = false }) {
    const isMainBot = isMainOf(roster, menu.id);
    const isTile = roster.mainBotId === menu.id;
    const mainCount = (roster.mainBotIds ?? []).length;
@@ -16791,7 +20755,7 @@ diff --git a/client.js b/client.js
        bot ? [t("Edit Bot"), GearIcon, () => actions.openSettings("bots", bot.id)] : null,
        room2 ? [t("Group settings"), GearIcon, () => actions.openSettings("groups", room2.id)] : null,
        room2 ? [t("Rename group"), PencilIcon, () => actions.renameBot(room2.id)] : null,
-@@ -10901,20 +10901,22 @@
+@@ -10901,20 +10901,22 @@ function ContextMenu({ menu, roster, actions, leaving = false }) {
        bot && !isMainBot ? [t("Make Main Bot"), StarLineIcon, () => actions.setMain(bot.id, true)] : null,
        bot && isMainBot && mainCount > 1 ? [t("Remove Main Bot role"), StarLineIcon, () => actions.setMain(bot.id, false)] : null
      ],
@@ -16820,7 +20784,7 @@ diff --git a/client.js b/client.js
          key: label,
          type: "button",
          role: "menuitem",
-@@ -10923,14 +10923,14 @@
+@@ -10923,14 +10923,14 @@ function ContextMenu({ menu, roster, actions, leaving = false }) {
            actions.closeMenu();
            void Promise.resolve(run()).catch((error) => actions.reportError(error, "menu"));
          }
@@ -16839,7 +20803,7 @@ diff --git a/client.js b/client.js
      const box = ref.current?.getBoundingClientRect();
      if (!box) return;
      setPlace({ left: Math.max(8, Math.min(menu.x, window.innerWidth - box.width - 8)), top: Math.max(8, Math.min(menu.y, window.innerHeight - box.height - 8)) });
-@@ -10952,14 +10952,14 @@
+@@ -10952,14 +10952,14 @@ function AgentMenu({ menu, roster, actions, leaving }) {
        [t("Archive"), TrashIcon, () => actions.archiveAgentSession(agent.id, menu.id), true]
      ]
    ];
@@ -16859,7 +20823,7 @@ diff --git a/client.js b/client.js
          key: label,
          type: "button",
          role: "menuitem",
-@@ -10968,16 +10968,31 @@
+@@ -10968,16 +10968,31 @@ function AgentMenu({ menu, roster, actions, leaving }) {
            actions.closeMenu();
            void Promise.resolve(run()).catch((error) => console.warn("[ds-bot]", error));
          }
@@ -16892,7 +20856,7 @@ diff --git a/client.js b/client.js
    prefs: "ds-bot:prefs",
    surface: "ds-bot:surface",
    agentSessions: "ds-bot:agent-sessions",
-@@ -11038,244 +11038,8 @@
+@@ -11038,244 +11038,8 @@ function migrateStorage(storage = globalThis.localStorage) {
    }
  }
  
@@ -17138,7 +21102,7 @@ diff --git a/client.js b/client.js
  var TAB_LABELS = { details: "Details", browser: "Browser" };
  var hostOf = (url) => {
    try {
-@@ -11289,10 +11289,10 @@
+@@ -11289,10 +11289,10 @@ var EMPTY_TABS = { ids: [], active: null };
  var PERMISSION_LABELS = { "read-only": "Read only", "workspace-write": "Workspace", "danger-full-access": "Full access" };
  var DANGER = /* @__PURE__ */ new Set(["danger-full-access"]);
  function PermissionRow({ bot, roster, actions, run }) {
@@ -17151,7 +21115,7 @@ diff --git a/client.js b/client.js
      if (pending === saved) setPending(null);
    }, [pending, saved]);
    if (!catalog?.options?.length) return null;
-@@ -11302,14 +11302,14 @@
+@@ -11302,14 +11302,14 @@ function PermissionRow({ bot, roster, actions, run }) {
      setPending(value);
      void run(actions.updateBot(bot.id, { permission: value })).catch(() => setPending(null));
    };
@@ -17170,7 +21134,7 @@ diff --git a/client.js b/client.js
          key: option.value,
          type: "button",
          "aria-pressed": option.value === current,
-@@ -11323,42 +11323,42 @@
+@@ -11323,42 +11323,42 @@ function PermissionRow({ bot, roster, actions, run }) {
  function BrowserCards({ bot, sessionId, roster, actions, useBrowserTabs, useBrowserPages }) {
    const state = useBrowserTabs((map) => map[bot.id] ?? EMPTY_TABS);
    const pages = useBrowserPages((map) => map);
@@ -17228,7 +21192,7 @@ diff --git a/client.js b/client.js
            type: "button",
            className: "bt-bcard-x",
            "aria-label": t("Close tab"),
-@@ -11367,87 +11367,195 @@
+@@ -11367,87 +11367,195 @@ function BrowserCards({ bot, sessionId, roster, actions, useBrowserTabs, useBrow
              void actions.browserCloseTab(bot.id, tabId);
            }
          }, "×"),
@@ -17260,11 +21224,8 @@ diff --git a/client.js b/client.js
    useMorph(body, open);
 -  return (0, import_react31.createElement)(
 +  return (0, import_react43.createElement)(
-     "div",
-     null,
--    (0, import_react31.createElement)("div", { className: "bt-section-title" }, t(title)),
--    (0, import_react31.createElement)("div", { ref: body, className: "bt-about", "data-open": open || void 0 }, text),
--    long ? (0, import_react31.createElement)("button", { type: "button", className: "bt-more", onClick: () => setOpen((value) => !value) }, open ? t("Show less") : t("Show more")) : null
++    "div",
++    null,
 +    (0, import_react43.createElement)("div", { className: "bt-section-title" }, t(title)),
 +    (0, import_react43.createElement)("div", { ref: body, className: "bt-about", "data-open": open || void 0 }, text2),
 +    long ? (0, import_react43.createElement)("button", { type: "button", className: "bt-more", onClick: () => setOpen((value) => !value) }, open ? t("Show less") : t("Show more")) : null
@@ -17317,8 +21278,11 @@ diff --git a/client.js b/client.js
 +  const people2 = facePeople(room2, roster);
 +  const pick2 = (bot) => call("social/face-lead", { roomId: room2.id, bot });
 +  return (0, import_react43.createElement)(
-+    "div",
-+    null,
+     "div",
+     null,
+-    (0, import_react31.createElement)("div", { className: "bt-section-title" }, t(title)),
+-    (0, import_react31.createElement)("div", { ref: body, className: "bt-about", "data-open": open || void 0 }, text),
+-    long ? (0, import_react31.createElement)("button", { type: "button", className: "bt-more", onClick: () => setOpen((value) => !value) }, open ? t("Show less") : t("Show more")) : null
 +    (0, import_react43.createElement)(FaceLead, { room: room2, roster, pick: pick2 }),
 +    (0, import_react43.createElement)("div", { className: "bt-section-title" }, t("Members · {count}", { count: people2.length })),
 +    (0, import_react43.createElement)("div", { className: "bt-members", role: "list" }, people2.map((person) => (0, import_react43.createElement)(FacePersonRow, {
@@ -17469,7 +21433,7 @@ diff --git a/client.js b/client.js
    if (last.current.view !== view) last.current = { view, tab, move: view === "settings" ? "in" : "out" };
    else if (last.current.tab !== tab) last.current = { view, tab, move: "tab" };
    const move = last.current.move;
-@@ -11457,7 +11457,7 @@
+@@ -11457,7 +11457,7 @@ function DetailsDrawer({ sessionId, startRenaming, startTab, hasStrip, roster, a
    const bot = owner;
    const running = useSessionStatus((map) => map.get(part)?.running === true);
    const doing = useActivity((map) => map[bot?.id ?? sessionId]);
@@ -17478,7 +21442,7 @@ diff --git a/client.js b/client.js
    const usage = useSessions((list) => usageOf(list, [part, ...bot?.parts ?? room2?.parts ?? []]));
    const run = (promise) => Promise.resolve(promise).then(() => {
      setError("");
-@@ -11467,41 +11467,67 @@
+@@ -11467,41 +11467,67 @@ function DetailsDrawer({ sessionId, startRenaming, startTab, hasStrip, roster, a
      return false;
    });
    const share = () => {
@@ -17562,7 +21526,7 @@ diff --git a/client.js b/client.js
      ];
    }
    const current = bot?.name ?? room2.name;
-@@ -11515,12 +11515,12 @@
+@@ -11515,12 +11515,12 @@ function DetailsDrawer({ sessionId, startRenaming, startTab, hasStrip, roster, a
    const subtitle = bot ? bot.role : roomSubtitle(room2, roster);
    const tabs = bot ? ["details", "browser"] : ["details"];
    return [
@@ -17579,7 +21543,7 @@ diff --git a/client.js b/client.js
          className: "bt-drawer-name-input",
          autoFocus: true,
          value: draftName,
-@@ -11535,98 +11535,97 @@
+@@ -11535,98 +11535,97 @@ function DetailsDrawer({ sessionId, startRenaming, startTab, hasStrip, roster, a
              setEditing(false);
            }
          }
@@ -17723,7 +21687,7 @@ diff --git a/client.js b/client.js
  var room = { rule: null, selector: "" };
  var roomRule = () => {
    const live = room.rule?.parentStyleSheet?.ownerNode?.isConnected;
-@@ -11674,11 +11674,11 @@
+@@ -11674,11 +11674,11 @@ var reducedMotion2 = () => typeof matchMedia === "function" && matchMedia("(pref
  var tabLabel = (page) => page.title || shortAddress(page.url) || t("New tab");
  function PanelStrip({ bot, subject, view, ids, active, reading, onView, actions, useBrowserPages }) {
    const pages = useBrowserPages((map) => map);
@@ -17740,7 +21704,7 @@ diff --git a/client.js b/client.js
      const box = wrap.current;
      const capsule = ind.current;
      if (!box || !capsule) return void 0;
-@@ -11707,7 +11707,7 @@
+@@ -11707,7 +11707,7 @@ function PanelStrip({ bot, subject, view, ids, active, reading, onView, actions,
        trail.cancel();
      };
    });
@@ -17749,7 +21713,7 @@ diff --git a/client.js b/client.js
      const box = wrap.current;
      if (!box) return void 0;
      const observer = new ResizeObserver(() => {
-@@ -11721,13 +11721,13 @@
+@@ -11721,13 +11721,13 @@ function PanelStrip({ bot, subject, view, ids, active, reading, onView, actions,
      observer.observe(box);
      return () => observer.disconnect();
    }, []);
@@ -17766,7 +21730,7 @@ diff --git a/client.js b/client.js
          "button",
          {
            type: "button",
-@@ -11737,13 +11737,13 @@
+@@ -11737,13 +11737,13 @@ function PanelStrip({ bot, subject, view, ids, active, reading, onView, actions,
            title: bot.name,
            onClick: () => onView("details")
          },
@@ -17783,7 +21747,7 @@ diff --git a/client.js b/client.js
            "button",
            {
              key: tabId,
-@@ -11764,9 +11764,9 @@
+@@ -11764,9 +11764,9 @@ function PanelStrip({ bot, subject, view, ids, active, reading, onView, actions,
                }
              }
            },
@@ -17796,7 +21760,7 @@ diff --git a/client.js b/client.js
              className: "bt-ptab-x",
              role: "button",
              "aria-label": t("Close tab"),
-@@ -11778,20 +11778,20 @@
+@@ -11778,20 +11778,20 @@ function PanelStrip({ bot, subject, view, ids, active, reading, onView, actions,
            }, "×")
          );
        }),
@@ -17824,7 +21788,7 @@ diff --git a/client.js b/client.js
      const element = frame.current;
      if (!element || leaving || !tabId) {
        void actions.browserShow(null);
-@@ -11817,43 +11817,43 @@
+@@ -11817,43 +11817,43 @@ function BrowserView({ bot, tabId, leaving, landed, actions, useBrowserPages })
        window.removeEventListener("resize", schedule);
      };
    }, [tabId, showGuest, leaving]);
@@ -17881,7 +21845,7 @@ diff --git a/client.js b/client.js
            ref: input,
            type: "text",
            spellCheck: false,
-@@ -11877,25 +11877,25 @@
+@@ -11877,25 +11877,25 @@ function BrowserView({ bot, tabId, leaving, landed, actions, useBrowserPages })
            }
          })
        ),
@@ -17917,7 +21881,7 @@ diff --git a/client.js b/client.js
        ) : null
      )
    );
-@@ -11907,41 +11907,41 @@
+@@ -11907,41 +11907,41 @@ function BotPanel({ pane, leaving, roster, actions, useSessions, useSessionStatu
    const tabState = useBrowserTabs((map) => bot ? map[bot.id] ?? EMPTY_TABS2 : EMPTY_TABS2);
    const active = tabState.active;
    const page = useBrowserPages((pages) => (active ? pages[active] : null) ?? EMPTY_PAGE);
@@ -17975,7 +21939,7 @@ diff --git a/client.js b/client.js
      let timer;
      const onResize = () => {
        setResizing(true);
-@@ -11955,28 +11955,28 @@
+@@ -11955,28 +11955,28 @@ function BotPanel({ pane, leaving, roster, actions, useSessions, useSessionStatu
        window.removeEventListener("resize", onResize);
      };
    }, []);
@@ -18011,7 +21975,7 @@ diff --git a/client.js b/client.js
      if (!page.readAt || Date.now() - page.readAt > READ_FLASH_MS) return void 0;
      setReading(true);
      const timer = setTimeout(() => setReading(false), READ_FLASH_MS);
-@@ -12013,7 +12013,7 @@
+@@ -12013,7 +12013,7 @@ function BotPanel({ pane, leaving, roster, actions, useSessions, useSessionStatu
        return actions[name](...args);
      };
    }
@@ -18020,7 +21984,7 @@ diff --git a/client.js b/client.js
      const move = fly.current;
      if (!move) return;
      fly.current = null;
-@@ -12096,7 +12096,7 @@
+@@ -12096,7 +12096,7 @@ function BotPanel({ pane, leaving, roster, actions, useSessions, useSessionStatu
      for (const name of ends) grip.addEventListener(name, onEnd);
    };
    const hasStrip = canBrowse && tabState.ids.length > 0;
@@ -18029,7 +21993,7 @@ diff --git a/client.js b/client.js
      "aside",
      {
        ref: root,
-@@ -12113,15 +12113,15 @@
+@@ -12113,15 +12113,15 @@ function BotPanel({ pane, leaving, roster, actions, useSessions, useSessionStatu
          if (event.target === event.currentTarget) setLanded(true);
        }
      },
@@ -18050,7 +22014,7 @@ diff --git a/client.js b/client.js
          sessionId: pane.id,
          startRenaming: pane.renaming,
          startTab: pane.tab,
-@@ -12217,9 +12217,79 @@
+@@ -12217,9 +12217,79 @@ var BROWSER_CSS = `
  @media (prefers-reduced-motion:reduce){.bt-ptabs,.bt-panel-view,.bt-bcard,.bt-ptab-name{animation:none}}
  `;
  
@@ -18132,7 +22096,7 @@ diff --git a/client.js b/client.js
  var DIALOG_EXIT_MS = 160;
  var MENU_EXIT_MS3 = 120;
  function Overlays({ useRoster, useUi, useSessions, useSessionStatus, useActivity, useWork, useRegistry, useBrowserPages, useBrowserTabs, useUpdate, actions }) {
-@@ -12227,15 +12227,15 @@
+@@ -12227,15 +12227,15 @@ function Overlays({ useRoster, useUi, useSessions, useSessionStatus, useActivity
    const ui2 = useUi((value) => value);
    useRegistry((value) => value);
    const current = useSessions((list) => Object.values(list.byId).find((session) => (session?.retainedBy?.mainView ?? 0) > 0)?.id ?? null);
@@ -18152,7 +22116,7 @@ diff --git a/client.js b/client.js
      if (open) {
        setKept(open);
        return void 0;
-@@ -12245,19 +12245,26 @@
+@@ -12245,19 +12245,26 @@ function Overlays({ useRoster, useUi, useSessions, useSessionStatus, useActivity
    }, [ui2.details, ui2.view, ui2.renaming, ui2.tab]);
    const pane = open ?? kept;
    const [settings, settingsLeaving] = useLinger(ui2.settings, DIALOG_EXIT_MS);
@@ -18189,7 +22153,7 @@ diff --git a/client.js b/client.js
    );
  }
  
-@@ -12294,19 +12294,19 @@
+@@ -12294,19 +12294,19 @@ function readPage(limits) {
      const auto = String(el.getAttribute("autocomplete") || "").toLowerCase();
      return el.type === "password" || /(^|\s)(cc-|one-time-code)/.test(auto) || SECRET_HINT.test(`${el.getAttribute("name") || ""} ${el.id || ""}`);
    };
@@ -18216,7 +22180,7 @@ diff --git a/client.js b/client.js
    const styleOf = (el) => (el.ownerDocument.defaultView || window).getComputedStyle(el);
    const childrenOf = (el) => {
      if (el.shadowRoot) return el.shadowRoot.childNodes;
-@@ -12340,8 +12340,8 @@
+@@ -12340,8 +12340,8 @@ function readPage(limits) {
      items.push(item);
      return { item, number: items.length, secret };
    };
@@ -18227,7 +22191,7 @@ diff --git a/client.js b/client.js
    ).slice(0, 80);
    const fenced = (code, lang) => {
      const longest = Math.max(2, ...(code.match(/`{3,}/g) || []).map((run) => run.length));
-@@ -12372,7 +12372,7 @@
+@@ -12372,7 +12372,7 @@ ${fence}`;
        const marker = ordered ? `${number++}. ` : "- ";
        if (body2 === "") continue;
        const pad2 = " ".repeat(marker.length);
@@ -18236,7 +22200,7 @@ diff --git a/client.js b/client.js
      }
      return keep(lines.join("\n"));
    };
-@@ -12398,11 +12398,11 @@
+@@ -12398,11 +12398,11 @@ ${children(cell, ctx)}
      let width = 0;
      for (const row of rows.slice(0, limits.tableRows + 1)) {
        if (over()) break;
@@ -18250,7 +22214,7 @@ diff --git a/client.js b/client.js
            carry[column].left -= 1;
            column += 1;
          }
-@@ -12410,18 +12410,18 @@
+@@ -12410,18 +12410,18 @@ ${children(cell, ctx)}
        for (const cell of row.cells) {
          place();
          if (styleOf(cell).display === "none") continue;
@@ -18274,7 +22238,7 @@ diff --git a/client.js b/client.js
      }
      width = Math.min(width, limits.tableCols);
      if (grid.length === 0 || width === 0) return caption ? `
-@@ -12480,9 +12480,9 @@
+@@ -12480,9 +12480,9 @@ ${body2 || "(no text)"}
      if (node.nodeType === 3) {
        if (!ctx.shown) return "";
        const data = node.data.replace(/[\u0000-\u0008\u000b\u000c\u000e-\u001f]/g, "");
@@ -18287,7 +22251,7 @@ diff --git a/client.js b/client.js
      }
      if (node.nodeType !== 1) return "";
      const el = node;
-@@ -12552,7 +12552,7 @@
+@@ -12552,7 +12552,7 @@ ${"#".repeat(Math.min(6, Number(level) || 2))} ${title}${mark}
      }
      if (tag === "blockquote") {
        const quoted = block(body2);
@@ -18296,7 +22260,7 @@ diff --git a/client.js b/client.js
      }
      const end = body2.trimEnd().length;
      const marked = mark ? `${body2.slice(0, end)}${mark}${body2.slice(end)}` : body2;
-@@ -12570,12 +12570,12 @@
+@@ -12570,12 +12570,12 @@ ${marked}
      return marked;
    }
    const body = document.body;
@@ -18313,7 +22277,7 @@ diff --git a/client.js b/client.js
      stop ||= `the text passed ${limits.chars} characters`;
    }
    const page = {
-@@ -12585,7 +12585,7 @@
+@@ -12585,7 +12585,7 @@ ${marked}
      description: document.querySelector('meta[name="description"]')?.content || "",
      selection: String(getSelection() || "").slice(0, 4e3),
      format: "markdown",
@@ -18322,7 +22286,7 @@ diff --git a/client.js b/client.js
      items,
      stats: { ...stats, ms: Math.round(performance.now() - started) }
    };
-@@ -12613,15 +12613,15 @@
+@@ -12613,15 +12613,15 @@ var METADATA_HOST = /^(169\.254\.\d+\.\d+|\[fd00:ec2::254\]|metadata\.google\.in
  var BLOCKED = "Cloud metadata addresses do not open here.";
  var blockedAddress = (url) => URL.canParse(url) && METADATA_HOST.test(new URL(url).hostname);
  function browserAddress(input) {
@@ -18346,7 +22310,7 @@ diff --git a/client.js b/client.js
  }
  function createBotBrowsers({ bridge, createSource: createSource2, storage = globalThis.localStorage, document: doc = globalThis.document }) {
    const views = /* @__PURE__ */ new Map();
-@@ -13052,11 +13052,668 @@
+@@ -13052,11 +13052,787 @@ function serveBrowserReads({ browsers, post, clientId = globalThis.crypto.random
    };
  }
  
@@ -18472,6 +22436,18 @@ diff --git a/client.js b/client.js
 +.bt-project-missing{font-size:11px;opacity:.6}
 +.bt-project-status{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.6;margin-left:auto}
 +.bt-project-actions{display:flex;gap:8px;margin:0 0 14px}
++.bt-project-metrics{margin:0 0 14px}
++.bt-project-metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px}
++.bt-project-metric{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid rgba(127,127,127,.24);border-radius:8px}
++.bt-project-metric-value{font-size:18px;font-weight:600}
++.bt-project-metric-label{font-size:12px;font-weight:600}
++.bt-project-metric-caption{font-size:10px;opacity:.6;line-height:1.3}
++.bt-project-metrics-note{margin:0 0 6px;font-size:11px;opacity:.7}
++.bt-project-running{margin:0 0 14px}
++.bt-project-running-head,.bt-project-running-row{display:grid;grid-template-columns:2fr 1fr 1fr .8fr .8fr 1.2fr;gap:8px;font-size:12px;padding:3px 0}
++.bt-project-running-head{opacity:.6;font-size:10px;letter-spacing:.03em}
++.bt-project-running-row[role="button"]{cursor:pointer}
++.bt-project-running-row[data-overdue="true"]{color:#c2410c}
 +.bt-project-counts{display:flex;gap:14px;align-items:center;margin:0 0 12px;font-size:12px;letter-spacing:.03em;opacity:.8}
 +.bt-project-counts b{font-weight:600}
 +.bt-project-group[data-queue="waiting"] .bt-project-row{cursor:default}
@@ -18563,7 +22539,7 @@ diff --git a/client.js b/client.js
 +    }
 +  };
 +}
-+function projectBoardView({ project, rows, canManage, tasks, decisions, meetings, queues } = {}) {
++function projectBoardView({ project, rows, canManage, tasks, decisions, meetings, queues, metrics } = {}) {
 +  const list = Array.isArray(rows) ? rows.filter((row) => row !== null && typeof row === "object" && text(row.id) !== "") : [];
 +  const byId = new Map((Array.isArray(tasks) ? tasks : []).filter((task) => task !== null && typeof task === "object" && text(task.id) !== "").map((task) => [text(task.id), task]));
 +  const groups = PROJECT_SOURCES.map((source) => ({
@@ -18611,7 +22587,8 @@ diff --git a/client.js b/client.js
 +    count: list.length,
 +    empty: list.length === 0 && queueGroups.length === 0,
 +    emptyText: "No cards yet.",
-+    record: projectBoardRecord({ decisions, meetings })
++    record: projectBoardRecord({ decisions, meetings }),
++    metrics: metricsView(metrics, { tasks })
 +  };
 +}
 +function ProjectBoardRows({ view, onOpen }) {
@@ -18660,6 +22637,109 @@ diff --git a/client.js b/client.js
 +  if (hours < 24) return `${hours}h`;
 +  return `${Math.floor(hours / 24)}d`;
 +}
++var METRIC_CARDS = [
++  { key: "prsOpenedToday", label: "PRs opened today", caption: "Natural day in your time zone, by created_at." },
++  { key: "prsMergedToday", label: "PRs merged today", caption: "Natural day in your time zone, by merged_at." },
++  { key: "issuesOpenedToday", label: "Issues opened today", caption: "Natural day in your time zone, by created_at." },
++  { key: "issuesClosedToday", label: "Issues closed today", caption: "Natural day in your time zone, by closed_at." },
++  { key: "prMergeMedianMs", label: "PR merge time", caption: "Median of the last 7 days, opened to merged." },
++  { key: "issueCloseMedianMs", label: "Issue close time", caption: "Median of the last 7 days, opened to closed." },
++  { key: "taskDoneMedianMs", label: "Task completion", caption: "Median of the last 7 days, created to done." }
++];
++var METRIC_DASH = "—";
++var DURATION_KEYS = /* @__PURE__ */ new Set(["prMergeMedianMs", "issueCloseMedianMs", "taskDoneMedianMs"]);
++var RUNNING_OVERDUE_MS = 2 * 60 * 60 * 1e3;
++var metricText = (key, value) => {
++  if (!Number.isFinite(value)) return METRIC_DASH;
++  if (DURATION_KEYS.has(key)) return waitedLabel(value) ?? METRIC_DASH;
++  return String(value);
++};
++function metricsView(metrics, { tasks } = {}) {
++  const source = metrics !== null && typeof metrics === "object" ? metrics : null;
++  const values = source?.metrics !== null && typeof source?.metrics === "object" ? source.metrics : {};
++  const byId = new Map((Array.isArray(tasks) ? tasks : []).filter((task) => task !== null && typeof task === "object" && text(task.id) !== "").map((task) => [text(task.id), task]));
++  const running = (Array.isArray(source?.running) ? source.running : []).filter((row) => row !== null && typeof row === "object" && text(row.id) !== "").map((row) => {
++    const id = text(row.id);
++    const task = byId.get(id);
++    return {
++      id,
++      key: "task:" + id,
++      title: text(row.title) || text(task?.title) || text(task?.note) || id,
++      status: text(row.status),
++      who: text(row.who) || null,
++      sinceMs: Number.isFinite(row.sinceMs) ? row.sinceMs : null,
++      source: text(row.source) || null,
++      lastActivityAt: Number.isFinite(row.lastActivityAt) ? row.lastActivityAt : null,
++      overdue: Number.isFinite(row.sinceMs) && row.sinceMs > RUNNING_OVERDUE_MS,
++      board: boardOfRow({ source: text(row.source) }, task)
++    };
++  });
++  return {
++    available: source?.ok === true,
++    reason: text(source?.reason) || null,
++    cards: METRIC_CARDS.map((card) => ({ ...card, value: metricText(card.key, values[card.key]) })),
++    running,
++    empty: source === null,
++    emptyText: "No metrics read yet."
++  };
++}
++function ProjectMetrics({ view }) {
++  return (0, import_react47.createElement)(
++    "section",
++    { className: "bt-project-metrics", "data-available": view.available ? "true" : "false" },
++    view.available || view.reason === null ? null : (0, import_react47.createElement)("p", { className: "bt-project-metrics-note" }, t("Metrics unavailable") + ": " + view.reason),
++    (0, import_react47.createElement)(
++      "div",
++      { className: "bt-project-metric-cards" },
++      view.cards.map((card) => (0, import_react47.createElement)(
++        "div",
++        { key: card.key, className: "bt-project-metric", "data-metric": card.key },
++        (0, import_react47.createElement)("span", { className: "bt-project-metric-value" }, card.value),
++        (0, import_react47.createElement)("span", { className: "bt-project-metric-label" }, t(card.label)),
++        (0, import_react47.createElement)("span", { className: "bt-project-metric-caption" }, t(card.caption))
++      ))
++    )
++  );
++}
++function ProjectRunningTable({ view, onOpen }) {
++  if (view.running.length === 0) return (0, import_react47.createElement)("section", { className: "bt-project-running", "data-running": "0" }, (0, import_react47.createElement)("h4", null, t("Running tasks")), (0, import_react47.createElement)("div", { className: "bt-project-empty" }, t("Nothing is running.")));
++  return (0, import_react47.createElement)(
++    "section",
++    { className: "bt-project-running", "data-running": String(view.running.length) },
++    (0, import_react47.createElement)("h4", null, t("Running tasks")),
++    (0, import_react47.createElement)(
++      "div",
++      { className: "bt-project-running-head" },
++      (0, import_react47.createElement)("span", null, t("Task")),
++      (0, import_react47.createElement)("span", null, t("Status")),
++      (0, import_react47.createElement)("span", null, t("Who")),
++      (0, import_react47.createElement)("span", null, t("Claimed for")),
++      (0, import_react47.createElement)("span", null, t("Source")),
++      (0, import_react47.createElement)("span", null, t("Last activity"))
++    ),
++    view.running.map((row) => {
++      const open = row.board === null ? void 0 : () => onOpen?.(row.board);
++      return (0, import_react47.createElement)(
++        "div",
++        {
++          key: row.key,
++          className: "bt-project-running-row",
++          "data-task-id": row.id,
++          "data-overdue": row.overdue ? "true" : "false",
++          role: open === void 0 ? void 0 : "button",
++          tabIndex: open === void 0 ? void 0 : 0,
++          onClick: open
++        },
++        (0, import_react47.createElement)("span", { className: "bt-project-running-title" }, row.title),
++        (0, import_react47.createElement)("span", { className: "bt-project-running-status" }, t(row.status)),
++        (0, import_react47.createElement)("span", null, row.who ?? METRIC_DASH),
++        (0, import_react47.createElement)("span", null, metricText("since", row.sinceMs)),
++        (0, import_react47.createElement)("span", null, row.source === null ? METRIC_DASH : t(SOURCE_LABELS[row.source] ?? row.source)),
++        (0, import_react47.createElement)("span", null, row.lastActivityAt === null ? METRIC_DASH : new Date(row.lastActivityAt).toLocaleString(dateLocale()))
++      );
++    })
++  );
++}
 +function ProjectQueueGroups({ view, onOpen }) {
 +  return view.queues.map((entry) => (0, import_react47.createElement)(
 +    "section",
@@ -18730,8 +22810,8 @@ diff --git a/client.js b/client.js
 +    meetings.pending.length === 0 ? null : pendingRows
 +  );
 +}
-+function ProjectBoardPane({ project, rows, canManage, tasks, decisions, meetings, queues, onOpen, onSettings, onMembers }) {
-+  const view = projectBoardView({ project, rows, canManage, tasks, decisions, meetings, queues });
++function ProjectBoardPane({ project, rows, canManage, tasks, decisions, meetings, queues, metrics, onOpen, onSettings, onMembers }) {
++  const view = projectBoardView({ project, rows, canManage, tasks, decisions, meetings, queues, metrics });
 +  return (0, import_react47.createElement)(
 +    "div",
 +    { className: "bt-project-board", "data-can-manage": view.canManage ? "true" : "false" },
@@ -18754,6 +22834,8 @@ diff --git a/client.js b/client.js
 +      (0, import_react47.createElement)("button", { type: "button", "data-action": "project-settings", onClick: () => onSettings?.() }, t("Project settings")),
 +      (0, import_react47.createElement)("button", { type: "button", "data-action": "project-members", onClick: () => onMembers?.() }, t("Members"))
 +    ),
++    (0, import_react47.createElement)(ProjectMetrics, { view: view.metrics }),
++    (0, import_react47.createElement)(ProjectRunningTable, { view: view.metrics, onOpen }),
 +    (0, import_react47.createElement)(ProjectBoardRows, { view, onOpen }),
 +    (0, import_react47.createElement)(ProjectQueueGroups, { view, onOpen }),
 +    (0, import_react47.createElement)(ProjectBoardRecord, { record: view.record })
@@ -18918,12 +23000,12 @@ diff --git a/client.js b/client.js
 +      if (project === void 0) return { project: null, rows: [], canManage: false, tasks: [] };
 +      const [record, board, taskList] = await Promise.all([
 +        read("project-read", { id: project.id }),
-+        read("project-board", { id: project.id }),
++        read("project-board", { id: project.id, timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone }),
 +        read("tasks", {})
 +      ]);
 +      const tasks = Array.isArray(taskList) ? taskList : taskList?.tasks ?? [];
 +      const queues = { waiting: board?.waiting, inflight: board?.inflight, blocked: board?.blocked, counts: board?.counts ?? null };
-+      return { project: record?.project ?? project, rows: board?.tasks ?? [], canManage: record?.canManage === true, tasks, decisions: board?.decisions, meetings: board?.meetings, queues };
++      return { project: record?.project ?? project, rows: board?.tasks ?? [], canManage: record?.canManage === true, tasks, decisions: board?.decisions, meetings: board?.meetings, queues, metrics: board?.metrics ?? null };
 +    };
 +    const refresh = async (first) => {
 +      try {
@@ -18976,6 +23058,7 @@ diff --git a/client.js b/client.js
 +          decisions: state.decisions,
 +          meetings: state.meetings,
 +          queues: state.queues,
++          metrics: state.metrics,
 +          onSettings: () => setPanel("settings"),
 +          onMembers: () => setPanel("members"),
 +          // The task's own board is where a row leads: the Tasks dialog reads `#task=` on mount and
@@ -19016,7 +23099,7 @@ diff --git a/client.js b/client.js
  function disposeAll(disposers, label) {
    for (const dispose of [...disposers].reverse()) {
      try {
-@@ -13075,8 +13075,8 @@
+@@ -13075,8 +13075,8 @@ function surfaceGroups(install) {
    };
    return {
      reconcile(wanted) {
@@ -19027,7 +23110,7 @@ diff --git a/client.js b/client.js
          if (!wanted[group] || mounted[group].length > 0) continue;
          try {
            mounted[group] = install[group]();
-@@ -13086,7 +13086,7 @@
+@@ -13086,7 +13086,7 @@ function surfaceGroups(install) {
        }
      },
      dispose() {
@@ -19036,7 +23119,7 @@ diff --git a/client.js b/client.js
      }
    };
  }
-@@ -13105,7 +13105,7 @@
+@@ -13105,7 +13105,7 @@ function writeMode(mode, storage = globalThis.localStorage) {
  }
  
  // src/client/user-message.js
@@ -19045,7 +23128,7 @@ diff --git a/client.js b/client.js
  var ui = __toESM(require("@deepseek-ai/dsh-client-ui-primitives"), 1);
  var canDrawUserMessages = () => typeof ui.projectUserText === "function";
  function contentParts(content) {
-@@ -13119,87 +13119,165 @@
+@@ -13119,87 +13119,165 @@ function contentParts(content) {
    }
    return { text: texts2.join("\n"), attachments, rest };
  }
@@ -19245,7 +23328,7 @@ diff --git a/client.js b/client.js
  .bt-ubody a{color:inherit}
  .bt-umention{display:inline-flex;align-items:center;gap:3px;vertical-align:-3px;max-width:100%;padding:0 1px;border:0;background:none;color:inherit;font:inherit;font-weight:600;line-height:inherit;cursor:pointer;border-radius:6px;white-space:nowrap}
  .bt-umention:hover{text-decoration:underline;text-underline-offset:2px}
-@@ -13216,42 +13216,115 @@
+@@ -13216,42 +13216,115 @@ var USER_MESSAGE_CSS = `
  `;
  
  // src/client/approval-notices.js
@@ -19327,8 +23410,8 @@ diff --git a/client.js b/client.js
 +    off();
 +    timers.clearTimeout?.(timer);
 +  };
- }
- 
++}
++
 +// src/client/stats-dock.js
 +var import_react49 = require("react");
 +var STATS_DOCK = "conversation.composer.dock";
@@ -19342,7 +23425,7 @@ diff --git a/client.js b/client.js
 +    const { turns, steps } = params;
 +    return text2 === `${turns} turns ${steps} steps` ? `${noun(turns, "turn", "turns")} ${noun(steps, "step", "steps")}` : text2;
 +  };
-+}
+ }
 +function statsDock(entriesOf, id = STATS_ID) {
 +  const shell = () => (entriesOf(STATS_DOCK) ?? []).find((entry) => entry?.component !== StatsDock && entry?.options?.id === id);
 +  function StatsDock(props) {
@@ -19354,7 +23437,7 @@ diff --git a/client.js b/client.js
 +  return { component: StatsDock, inject: (...args) => shell()?.inject?.(...args) ?? {} };
 +}
 +var statsDocks = (entriesOf) => STATS_IDS.map((id) => ({ id, ...statsDock(entriesOf, id) }));
-+
+ 
  // src/client/index.js
 +var import_react50 = require("react");
  var inject = ["sessions", "uiWorkspace", "uiConversation", "slots", "theme", "layout"];
@@ -19374,7 +23457,7 @@ diff --git a/client.js b/client.js
    migrateStorage();
    const UNREAD_KEY = STORAGE.unread;
    let savedUnread = {};
-@@ -13274,7 +13274,13 @@
+@@ -13274,7 +13274,13 @@ function apply(ctx) {
    } catch {
      seenAt = {};
    }
@@ -19389,7 +23472,7 @@ diff --git a/client.js b/client.js
    const surface = createSource({ mode: readMode(), plain: false });
    let agentSessionCache = /* @__PURE__ */ new Set();
    try {
-@@ -13308,6 +13308,8 @@
+@@ -13308,6 +13308,8 @@ function apply(ctx) {
      return () => window.removeEventListener("pagehide", onPageHide);
    }, "ds-bot: remember visits on page hide");
    const activity = createSource({});
@@ -19398,7 +23481,7 @@ diff --git a/client.js b/client.js
    const work = createSource({ bots: {}, approvals: [] });
    let workKey = "";
    const live = createSource({});
-@@ -13344,13 +13344,25 @@
+@@ -13344,13 +13344,25 @@ function apply(ctx) {
      }
      return { ...state, unread };
    });
@@ -19425,7 +23508,7 @@ diff --git a/client.js b/client.js
      if (order < applied) return;
      applied = order;
      const nextActivity = JSON.stringify(value.activity ?? {});
-@@ -13358,6 +13358,11 @@
+@@ -13358,6 +13358,11 @@ function apply(ctx) {
        activityKey = nextActivity;
        activity.set(value.activity ?? {});
      }
@@ -19437,7 +23520,7 @@ diff --git a/client.js b/client.js
      const nextWork = JSON.stringify(value.work ?? null);
      if (nextWork !== workKey) {
        workKey = nextWork;
-@@ -13368,10 +13368,15 @@
+@@ -13368,10 +13368,15 @@ function apply(ctx) {
      const live2 = {};
      if (value.connectors !== void 0 && JSON.stringify(value.connectors) !== JSON.stringify(current.connectors ?? [])) live2.connectors = value.connectors;
      if (value.capabilityStatuses !== void 0 && JSON.stringify(value.capabilityStatuses) !== JSON.stringify(current.capabilityStatuses ?? {})) live2.capabilityStatuses = value.capabilityStatuses;
@@ -19453,7 +23536,7 @@ diff --git a/client.js b/client.js
      try {
        const ids = (value.agents ?? []).flatMap((agent) => agent.sessions ?? []);
        localStorage.setItem(STORAGE.agentSessions, JSON.stringify(ids));
-@@ -13488,20 +13488,12 @@
+@@ -13488,20 +13488,12 @@ function apply(ctx) {
      const style = installStyles("", "mentions");
      let last = "";
      const render = () => {
@@ -19476,7 +23559,7 @@ diff --git a/client.js b/client.js
      return () => {
        offRoster();
        offRegistry();
-@@ -13520,7 +13520,7 @@
+@@ -13520,7 +13520,7 @@ function apply(ctx) {
        const accent = isHex(prefs.accent) ? prefs.accent : void 0;
        const motion = prefs.motion === "quiet" || prefs.motion === "lively" ? prefs.motion : "normal";
        document.body.dataset.btMotion = motion;
@@ -19485,7 +23568,7 @@ diff --git a/client.js b/client.js
        if (next === key) return;
        key = next;
        style.textContent = themeCss(themes[id], accent);
-@@ -13536,7 +13536,7 @@
+@@ -13536,7 +13536,7 @@ function apply(ctx) {
      };
      render();
      const offRoster = roster.subscribe(render);
@@ -19494,7 +23577,7 @@ diff --git a/client.js b/client.js
      return () => {
        offRoster();
        offRegistry();
-@@ -13588,6 +13588,7 @@
+@@ -13588,6 +13588,7 @@ function apply(ctx) {
      // or the click appears to do nothing.
      isAgentSession: (id) => isAgentSessionId(id),
      openSession: (id) => {
@@ -19502,7 +23585,7 @@ diff --git a/client.js b/client.js
        if (isAgentSessionId(id)) return actions.openAgentSession(id);
        ui2.set((state) => state.newChat || state.exchange || state.menu || state.palette ? { ...state, newChat: null, exchange: null, menu: null, palette: null } : state);
        setPlain(false);
-@@ -13653,12 +13653,12 @@
+@@ -13653,12 +13653,12 @@ function apply(ctx) {
      },
      // `last` is the Bot conversation the view held before it cleared: when that part
      // was archived for a fresh one, the view goes on in the fresh one.
@@ -19518,7 +23601,7 @@ diff --git a/client.js b/client.js
        expected = target;
        ctx.uiWorkspace.openSession(target);
      },
-@@ -13708,10 +13708,15 @@
+@@ -13708,10 +13708,15 @@ function apply(ctx) {
      },
      // `id` opens one Bot (page 'bots') or one group chat (page 'groups').
      openSettings: (page = "general", id = null) => {
@@ -19536,7 +23619,7 @@ diff --git a/client.js b/client.js
      },
      openMemory: (botId) => {
        ui2.set((state) => ({ ...state, memory: botId, menu: null, palette: null }));
-@@ -13719,6 +13719,19 @@
+@@ -13719,6 +13719,19 @@ function apply(ctx) {
      closeMemory: () => {
        ui2.set((state) => state.memory ? { ...state, memory: null } : state);
      },
@@ -19556,7 +23639,7 @@ diff --git a/client.js b/client.js
      openConnectors: () => {
        ui2.set((state) => ({ ...state, settings: { page: "connectors", id: null }, menu: null, palette: null, newChat: null }));
      },
-@@ -13728,7 +13728,7 @@
+@@ -13728,7 +13728,7 @@ function apply(ctx) {
        if (mode !== "bot" && mode !== "agent") return;
        if (surface.getSnapshot().mode === mode) return;
        if (mode === "agent") {
@@ -19565,7 +23648,7 @@ diff --git a/client.js b/client.js
        }
        writeMode(mode);
        surface.set((state) => ({ ...state, mode }));
-@@ -13757,6 +13757,12 @@
+@@ -13757,6 +13757,12 @@ function apply(ctx) {
        const seen = seenAt[seenKey(id)] ?? (made?.createdBy && Number.isFinite(made.createdAt) ? made.createdAt : null);
        ui2.set((state) => ({ ...state, visits: { ...state.visits, [id]: { seen, entered: Date.now() } } }));
      },
@@ -19578,7 +23661,7 @@ diff --git a/client.js b/client.js
      endVisit: (id) => {
        leaveVisits([id]);
        ui2.set((state) => {
-@@ -13780,7 +13780,7 @@
+@@ -13780,7 +13780,7 @@ function apply(ctx) {
        }
        return { ...state, reactions };
      }),
@@ -19587,7 +23670,7 @@ diff --git a/client.js b/client.js
      clearQuote: (token) => ui2.set((state) => state.quote?.token === token ? { ...state, quote: null } : state),
      clearUnread: (id) => setUnread(id, false),
      setFlags: (id, flags) => after(call("set-flags", { id, ...flags })),
-@@ -13808,10 +13808,16 @@
+@@ -13808,10 +13808,16 @@ function apply(ctx) {
      setPrefs: (prefs) => after(call("set-prefs", prefs)),
      setMain: (id, main = true, options = {}) => after(call("set-main", { id, main, ...options })),
      updateRoom: (id, patch) => after(call("update-room", { id, ...patch })),
@@ -19605,7 +23688,7 @@ diff --git a/client.js b/client.js
      stopMemberWork: (roomId, botId) => after(call("stop-member-work", { roomId, botId })),
      // Values go out in these requests and never come back in a response.
      secretSet: (payload) => after(call("secret-set", payload)),
-@@ -13819,15 +13819,31 @@
+@@ -13819,15 +13819,31 @@ function apply(ctx) {
      secretCancel: (requestId) => after(call("secret-cancel", { requestId })),
      secretUpdate: (name, scope) => after(call("secret-update", { name, scope })),
      secretDelete: (name) => after(call("secret-delete", { name })),
@@ -19638,7 +23721,7 @@ diff --git a/client.js b/client.js
      scheduleDelete: (sessionId, id) => call("schedule-delete", { sessionId, id }),
      exchange: (a, b) => call("exchange", { a, b }).catch(() => []),
      roomProgress: (roomId) => call("room-progress", { roomId }).catch(() => []),
-@@ -13836,7 +13836,7 @@
+@@ -13836,7 +13836,7 @@ function apply(ctx) {
      usage: () => call("usage", { timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone }),
      // `summarize` starts a summary when the entries changed; `regenerate` always does.
      memoryView: (botId, flags = {}) => call("memory-view", { botId, ...flags }),
@@ -19647,7 +23730,7 @@ diff --git a/client.js b/client.js
      memoryForget: (botId, entry) => call("memory-forget", { botId, scope: entry.scope, topic: entry.topic, text: entry.text }),
      diagnostics: (payload) => call("diagnostics", payload),
      diagnosticsLog: () => call("diagnostics-log"),
-@@ -13846,6 +13846,8 @@
+@@ -13846,6 +13846,8 @@ function apply(ctx) {
        noteClientError(where, error);
        ui2.set((state) => ({ ...state, toast: { text: error?.message ?? String(error), token: Date.now() } }));
      },
@@ -19656,7 +23739,7 @@ diff --git a/client.js b/client.js
      dismissToast: (token) => ui2.set((state) => state.toast && (token === void 0 || state.toast.token === token) ? { ...state, toast: null } : state)
    };
    if (browsers) {
-@@ -13890,6 +13890,7 @@
+@@ -13890,6 +13890,7 @@ function apply(ctx) {
    actions.closePanel = () => {
      ui2.set((state) => state.details ? { ...state, details: null, view: "details", renaming: false, tab: null } : state);
    };
@@ -19664,7 +23747,7 @@ diff --git a/client.js b/client.js
    actions.signInEntry = () => ctx.slots.entries?.("settings.models.sign-in")?.[0] ?? null;
    actions.canSignIn = () => Boolean(actions.signInEntry());
    actions.signIn = () => ui2.set((state) => ({ ...state, signIn: (state.signIn ?? 0) + 1 }));
-@@ -13922,6 +13922,9 @@
+@@ -13922,6 +13922,9 @@ function apply(ctx) {
      wakeUpdate();
    };
    actions.repoStars = () => call("repo-stars");
@@ -19674,7 +23757,7 @@ diff --git a/client.js b/client.js
    actions.noteTurnTime = (sessionId, turn, key, time) => {
      if (sessionId === void 0 || !Number.isFinite(turn) || !Number.isFinite(time)) return;
      turnClock.set((state) => {
-@@ -13964,7 +13964,13 @@
+@@ -13964,7 +13964,13 @@ function apply(ctx) {
    });
    const browserPages = browsers?.pages ?? createSource({});
    const browserTabs = browsers?.tabs ?? createSource({});
@@ -19689,7 +23772,7 @@ diff --git a/client.js b/client.js
    ctx.effect(() => noticeApprovals({
      work,
      roster,
-@@ -13989,7 +13989,17 @@
+@@ -13989,7 +13989,17 @@ function apply(ctx) {
      } };
    };
    const shadow = (name, options, component) => ctx.slots.inject(name, () => ctx.slots.register({ name, ...options }, component));
@@ -19707,7 +23790,7 @@ diff --git a/client.js b/client.js
    const installAtMenu = () => {
      const fiber = ctx.inject(["inputTriggers"], (scope) => {
        scope.effect(() => {
-@@ -14001,7 +14001,12 @@
+@@ -14001,7 +14001,12 @@ function apply(ctx) {
          const launched = (sessionId) => controllerOf(sessionId)?.launcher.getSnapshot() === CHATS_SOURCE;
          const offs = atSources({ roster, sessions: ctx.sessions, launched, iconFor: menuIcons(roster) }).map((source) => triggers.registerSource(source));
          atMenu = { controllerOf };
@@ -19720,7 +23803,7 @@ diff --git a/client.js b/client.js
            atMenu = null;
            for (const off of offs) off();
          };
-@@ -14010,6 +14010,14 @@
+@@ -14010,6 +14010,14 @@ function apply(ctx) {
      return () => fiber.dispose();
    };
    actions.canReferenceChat = () => atMenu !== null;
@@ -19735,7 +23818,7 @@ diff --git a/client.js b/client.js
    actions.referenceChat = (sessionId, span) => {
      const controller = atMenu?.controllerOf(sessionId);
      if (controller === void 0 || span === void 0) return;
-@@ -14019,33 +14019,50 @@
+@@ -14019,33 +14019,50 @@ function apply(ctx) {
      installCompiledStyles(SHELL_CSS, "shell"),
      installCompiledStyles(SIDEBAR_CSS, "sidebar"),
      installCompiledStyles(SECRET_CSS, "secrets"),
@@ -19790,7 +23873,7 @@ diff --git a/client.js b/client.js
      shadow("conversation.chat.node", { key: "assistant-step", priority: -10, locale: "chat", inject: assistantFace }, AssistantCell),
      shadow("conversation.chat.node", { key: "turn-trigger", priority: -10, locale: "chat", inject: face }, TriggerCell),
      shadow("conversation.chat.node", { key: "tool-call", priority: -10, locale: "chat", inject: face }, ToolCell),
-@@ -14057,15 +14057,24 @@
+@@ -14057,15 +14057,24 @@ function apply(ctx) {
      // every message.
      shadow("conversation.chat.node", { key: "question-reply", priority: -10, locale: "chat" }, AnsweredCell),
      shadow("conversation.chat.node", { key: "compaction", priority: -10, locale: "chat" }, Nothing),
@@ -19818,7 +23901,7 @@ diff --git a/client.js b/client.js
      shadow("conversation.input.right", { id: "bot-voice", order: 100, inject: face }, ComposerVoice),
      shadow("conversation.composer", {
        priority: -10,
-@@ -14074,9 +14074,18 @@
+@@ -14074,8 +14074,17 @@ function apply(ctx) {
      shadow("conversation.input.dock", { id: "bot-members", order: -120, inject: face }, MemberDock),
      shadow("conversation.input.dock", { id: "bot-model", order: -110, inject: face }, ModelChoiceDock),
      shadow("conversation.input.dock", { id: "bot-question", order: -100, inject: face }, QuestionDock),
@@ -19826,7 +23909,7 @@ diff --git a/client.js b/client.js
 +    shadow("conversation.input.dock", { id: "bot-secret", order: -90, inject: face }, SecretDock),
 +    shadow("conversation.input.dock", { id: "flybot-session", order: -80, inject: face }, FlyBotSessionDock)
    ];
-   ctx.effect(() => {
++  ctx.effect(() => {
 +    const style = installStyles(TURN_FAILURES_CSS, "turn-failures");
 +    const off = registry().register("flybot.session.dock", { id: "flybot-turn-failures", order: 20, component: (props) => (0, import_react50.createElement)(TurnFailures, { ...props, work }) });
 +    return () => {
@@ -19834,7 +23917,6 @@ diff --git a/client.js b/client.js
 +      style.remove();
 +    };
 +  }, "ds-bot: dead turn lines");
-+  ctx.effect(() => {
+   ctx.effect(() => {
      const style = installStyles(RETURN_CSS, "return");
      return () => style.remove();
-   }, "ds-bot: return styles");
diff --git a/patches/ds-bot/files/src/client/project-board.js b/patches/ds-bot/files/src/client/project-board.js
index 28f1dba12..21258e47e 100644
--- a/patches/ds-bot/files/src/client/project-board.js
+++ b/patches/ds-bot/files/src/client/project-board.js
@@ -3,7 +3,7 @@
 // `row.id` is the underlying task id — so opening one opens that task and nothing is copied here.
 import { createElement as h, useCallback, useEffect, useState } from 'react'
 import { call } from './api.js'
-import { hostText, t } from './i18n.js'
+import { dateLocale, hostText, t } from './i18n.js'
 
 export const PROJECT_BOARD_CSS = `
 /* #1750: the board was a short dialog in the page flow — no stylesheet defines 'bt-overlay', so the
@@ -34,6 +34,18 @@ export const PROJECT_BOARD_CSS = `
 .bt-project-missing{font-size:11px;opacity:.6}
 .bt-project-status{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.6;margin-left:auto}
 .bt-project-actions{display:flex;gap:8px;margin:0 0 14px}
+.bt-project-metrics{margin:0 0 14px}
+.bt-project-metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px}
+.bt-project-metric{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid rgba(127,127,127,.24);border-radius:8px}
+.bt-project-metric-value{font-size:18px;font-weight:600}
+.bt-project-metric-label{font-size:12px;font-weight:600}
+.bt-project-metric-caption{font-size:10px;opacity:.6;line-height:1.3}
+.bt-project-metrics-note{margin:0 0 6px;font-size:11px;opacity:.7}
+.bt-project-running{margin:0 0 14px}
+.bt-project-running-head,.bt-project-running-row{display:grid;grid-template-columns:2fr 1fr 1fr .8fr .8fr 1.2fr;gap:8px;font-size:12px;padding:3px 0}
+.bt-project-running-head{opacity:.6;font-size:10px;letter-spacing:.03em}
+.bt-project-running-row[role="button"]{cursor:pointer}
+.bt-project-running-row[data-overdue="true"]{color:#c2410c}
 .bt-project-counts{display:flex;gap:14px;align-items:center;margin:0 0 12px;font-size:12px;letter-spacing:.03em;opacity:.8}
 .bt-project-counts b{font-weight:600}
 .bt-project-group[data-queue="waiting"] .bt-project-row{cursor:default}
@@ -149,7 +161,7 @@ export function projectBoardRecord({ decisions, meetings } = {}) {
 // `decisions` and `meetings` are the host's read of the Project's record (#1767), passed through.
 // `queues` is the other half of that same read (#1768): the waiting, in-flight and blocked cards
 // and their counts, as the host answered them.
-export function projectBoardView({ project, rows, canManage, tasks, decisions, meetings, queues } = {}) {
+export function projectBoardView({ project, rows, canManage, tasks, decisions, meetings, queues, metrics } = {}) {
   const list = Array.isArray(rows) ? rows.filter(row => row !== null && typeof row === 'object' && text(row.id) !== '') : []
   const byId = new Map((Array.isArray(tasks) ? tasks : [])
     .filter(task => task !== null && typeof task === 'object' && text(task.id) !== '')
@@ -209,6 +221,7 @@ export function projectBoardView({ project, rows, canManage, tasks, decisions, m
     empty: list.length === 0 && queueGroups.length === 0,
     emptyText: 'No cards yet.',
     record: projectBoardRecord({ decisions, meetings }),
+    metrics: metricsView(metrics, { tasks }),
   }
 }
 
@@ -252,6 +265,100 @@ export function waitedLabel(ms) {
   return `${Math.floor(hours / 24)}d`
 }
 
+// The board's seven numbers (#1829). Each card carries its caption: a reader must be able to check
+// what a number counts without opening the host. The order here is the order the issue fixed.
+export const METRIC_CARDS = [
+  { key: 'prsOpenedToday', label: 'PRs opened today', caption: 'Natural day in your time zone, by created_at.' },
+  { key: 'prsMergedToday', label: 'PRs merged today', caption: 'Natural day in your time zone, by merged_at.' },
+  { key: 'issuesOpenedToday', label: 'Issues opened today', caption: 'Natural day in your time zone, by created_at.' },
+  { key: 'issuesClosedToday', label: 'Issues closed today', caption: 'Natural day in your time zone, by closed_at.' },
+  { key: 'prMergeMedianMs', label: 'PR merge time', caption: 'Median of the last 7 days, opened to merged.' },
+  { key: 'issueCloseMedianMs', label: 'Issue close time', caption: 'Median of the last 7 days, opened to closed.' },
+  { key: 'taskDoneMedianMs', label: 'Task completion', caption: 'Median of the last 7 days, created to done.' },
+]
+// A number the host could not read is a dash, never a zero: zero claims "none today" and the
+// host said "cannot read".
+export const METRIC_DASH = '\u2014'
+const DURATION_KEYS = new Set(['prMergeMedianMs', 'issueCloseMedianMs', 'taskDoneMedianMs'])
+export const RUNNING_OVERDUE_MS = 2 * 60 * 60 * 1000
+
+const metricText = (key, value) => {
+  if (!Number.isFinite(value)) return METRIC_DASH
+  if (DURATION_KEYS.has(key)) return waitedLabel(value) ?? METRIC_DASH
+  return String(value)
+}
+
+// Pure: metrics is the host's own read. An unavailable read is a state with a reason, not an empty
+// board — the cards still draw, each value reading the dash.
+export function metricsView(metrics, { tasks } = {}) {
+  const source = metrics !== null && typeof metrics === 'object' ? metrics : null
+  const values = source?.metrics !== null && typeof source?.metrics === 'object' ? source.metrics : {}
+  const byId = new Map((Array.isArray(tasks) ? tasks : [])
+    .filter(task => task !== null && typeof task === 'object' && text(task.id) !== '')
+    .map(task => [text(task.id), task]))
+  const running = (Array.isArray(source?.running) ? source.running : [])
+    .filter(row => row !== null && typeof row === 'object' && text(row.id) !== '')
+    .map((row) => {
+      const id = text(row.id)
+      const task = byId.get(id)
+      return {
+        id,
+        key: 'task:' + id,
+        title: text(row.title) || text(task?.title) || text(task?.note) || id,
+        status: text(row.status),
+        who: text(row.who) || null,
+        sinceMs: Number.isFinite(row.sinceMs) ? row.sinceMs : null,
+        source: text(row.source) || null,
+        lastActivityAt: Number.isFinite(row.lastActivityAt) ? row.lastActivityAt : null,
+        overdue: Number.isFinite(row.sinceMs) && row.sinceMs > RUNNING_OVERDUE_MS,
+        board: boardOfRow({ source: text(row.source) }, task),
+      }
+    })
+  return {
+    available: source?.ok === true,
+    reason: text(source?.reason) || null,
+    cards: METRIC_CARDS.map(card => ({ ...card, value: metricText(card.key, values[card.key]) })),
+    running,
+    empty: source === null,
+    emptyText: 'No metrics read yet.',
+  }
+}
+
+function ProjectMetrics({ view }) {
+  return h('section', { className: 'bt-project-metrics', 'data-available': view.available ? 'true' : 'false' },
+    view.available || view.reason === null ? null : h('p', { className: 'bt-project-metrics-note' }, t('Metrics unavailable') + ': ' + view.reason),
+    h('div', { className: 'bt-project-metric-cards' },
+      view.cards.map(card => h('div', { key: card.key, className: 'bt-project-metric', 'data-metric': card.key },
+        h('span', { className: 'bt-project-metric-value' }, card.value),
+        h('span', { className: 'bt-project-metric-label' }, t(card.label)),
+        h('span', { className: 'bt-project-metric-caption' }, t(card.caption))))))
+}
+
+// The running table (#1829): a claimed card is a row. Every row carries who holds it, how long the
+// claim has run and where the work lives; a row past the overdue mark says so, and a row whose
+// card still exists opens through the same onOpen the board rows use.
+function ProjectRunningTable({ view, onOpen }) {
+  if (view.running.length === 0) return h('section', { className: 'bt-project-running', 'data-running': '0' }, h('h4', null, t('Running tasks')), h('div', { className: 'bt-project-empty' }, t('Nothing is running.')))
+  return h('section', { className: 'bt-project-running', 'data-running': String(view.running.length) },
+    h('h4', null, t('Running tasks')),
+    h('div', { className: 'bt-project-running-head' },
+      h('span', null, t('Task')), h('span', null, t('Status')), h('span', null, t('Who')), h('span', null, t('Claimed for')), h('span', null, t('Source')), h('span', null, t('Last activity'))),
+    view.running.map((row) => {
+      const open = row.board === null ? undefined : () => onOpen?.(row.board)
+      return h('div', {
+        key: row.key, className: 'bt-project-running-row', 'data-task-id': row.id,
+        'data-overdue': row.overdue ? 'true' : 'false',
+        role: open === undefined ? undefined : 'button', tabIndex: open === undefined ? undefined : 0, onClick: open,
+      },
+      h('span', { className: 'bt-project-running-title' }, row.title),
+      h('span', { className: 'bt-project-running-status' }, t(row.status)),
+      h('span', null, row.who ?? METRIC_DASH),
+      h('span', null, metricText('since', row.sinceMs)),
+      h('span', null, row.source === null ? METRIC_DASH : t(SOURCE_LABELS[row.source] ?? row.source)),
+      h('span', null, row.lastActivityAt === null ? METRIC_DASH : new Date(row.lastActivityAt).toLocaleString(dateLocale())))
+    }))
+}
+
 // The three groups beside the columns (#1768): a role queue with its wait, the card a claim holds
 // with its holder and lease state, and a blocked card with the reason it already stores.
 function ProjectQueueGroups({ view, onOpen }) {
@@ -315,8 +422,8 @@ function ProjectBoardRecord({ record }) {
     meetings.pending.length === 0 ? null : pendingRows)
 }
 
-export function ProjectBoardPane({ project, rows, canManage, tasks, decisions, meetings, queues, onOpen, onSettings, onMembers }) {
-  const view = projectBoardView({ project, rows, canManage, tasks, decisions, meetings, queues })
+export function ProjectBoardPane({ project, rows, canManage, tasks, decisions, meetings, queues, metrics, onOpen, onSettings, onMembers }) {
+  const view = projectBoardView({ project, rows, canManage, tasks, decisions, meetings, queues, metrics })
   return h('div', { className: 'bt-project-board', 'data-can-manage': view.canManage ? 'true' : 'false' },
     h('h3', null, view.title),
     // Header counts (#1768): four numbers read from the host, an unreadable one shown as unknown.
@@ -331,6 +438,8 @@ export function ProjectBoardPane({ project, rows, canManage, tasks, decisions, m
     h('div', { className: 'bt-project-actions' },
       h('button', { type: 'button', 'data-action': 'project-settings', onClick: () => onSettings?.() }, t('Project settings')),
       h('button', { type: 'button', 'data-action': 'project-members', onClick: () => onMembers?.() }, t('Members'))),
+    h(ProjectMetrics, { view: view.metrics }),
+    h(ProjectRunningTable, { view: view.metrics, onOpen }),
     h(ProjectBoardRows, { view, onOpen }),
     h(ProjectQueueGroups, { view, onOpen }),
     h(ProjectBoardRecord, { record: view.record }))
@@ -479,13 +588,13 @@ export function ProjectBoardOverlay({ actions, call: request } = {}) {
       if (project === undefined) return { project: null, rows: [], canManage: false, tasks: [] }
       const [record, board, taskList] = await Promise.all([
         read('project-read', { id: project.id }),
-        read('project-board', { id: project.id }),
+        read('project-board', { id: project.id, timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone }),
         read('tasks', {}),
       ])
       const tasks = Array.isArray(taskList) ? taskList : (taskList?.tasks ?? [])
       // The groups are the same read as the rows, so the header cannot disagree with the cards.
       const queues = { waiting: board?.waiting, inflight: board?.inflight, blocked: board?.blocked, counts: board?.counts ?? null }
-      return { project: record?.project ?? project, rows: board?.tasks ?? [], canManage: record?.canManage === true, tasks, decisions: board?.decisions, meetings: board?.meetings, queues }
+      return { project: record?.project ?? project, rows: board?.tasks ?? [], canManage: record?.canManage === true, tasks, decisions: board?.decisions, meetings: board?.meetings, queues, metrics: board?.metrics ?? null }
     }
     const refresh = async (first) => {
       try {
@@ -523,7 +632,7 @@ export function ProjectBoardOverlay({ actions, call: request } = {}) {
           : panel === 'members' ? h(ProjectMembersPanel, { project: state.project, rows: state.rows, onClose: () => setPanel(null) })
           : h(ProjectBoardPane, {
             project: state.project, rows: state.rows, canManage: state.canManage, tasks: state.tasks,
-            decisions: state.decisions, meetings: state.meetings, queues: state.queues,
+            decisions: state.decisions, meetings: state.meetings, queues: state.queues, metrics: state.metrics,
             onSettings: () => setPanel('settings'),
             onMembers: () => setPanel('members'),
             // The task's own board is where a row leads: the Tasks dialog reads `#task=` on mount and
diff --git a/patches/ds-bot/files/src/host/project-board.js b/patches/ds-bot/files/src/host/project-board.js
index 8b830395f..fba1967d3 100644
--- a/patches/ds-bot/files/src/host/project-board.js
+++ b/patches/ds-bot/files/src/host/project-board.js
@@ -20,6 +20,7 @@ import { open, readFile, stat } from 'node:fs/promises'
 import { join } from 'node:path'
 import { columnOf } from '../shared/task-board.js'
 import { DECISIONS_DIR, listProjectState, sha256 } from './project-state.js'
+import { readMetrics } from './project-metrics.js'
 
 // #1828: a Project's roles. The record stores only `roles: { maintainers, members }`; the owner
 // is read from `ownerUserIds`, never stored twice, so the two cannot disagree. A record written
@@ -334,7 +335,7 @@ export function install(rt) {
   // One board: the task rows, then the decisions and meetings that read beside them. An unknown
   // Project and a Project with nothing under it both answer empty sections: reading a board is
   // not a reason to throw.
-  const projectBoard = async (projectId, actor) => {
+  const projectBoard = async (projectId, actor, options = {}) => {
     const id = text(projectId)
     const empty = {
       rows: [],
@@ -344,6 +345,7 @@ export function install(rt) {
       counts: { waiting: 0, inflight: 0, blocked: 0, done: 0 },
       decisions: { dir: null, files: [], reason: 'no Project: nothing to read' },
       meetings: { decided: [], pending: [], reason: 'no Project: nothing to read' },
+      metrics: { ok: false, reason: 'no Project: nothing to read', metrics: {}, running: [] },
     }
     if (id === '') return empty
     const project = rt.readProject?.(id)
@@ -409,7 +411,17 @@ export function install(rt) {
       ? { waiting: [], inflight: [], blocked: [], counts: { waiting: null, inflight: null, blocked: null, done: null } }
       : buildQueues(mine, done)
     const decisions = await decisionsOf(project)
-    return { rows, ...queues, decisions, meetings: meetingsOf(project, decisions) }
+    // #1829: the seven numbers ride on the same read as the rows, so the board and its header
+    // cannot disagree, and a credential-less host answers `ok: false` (the client paints a dash).
+    const metrics = await readMetrics({
+      repo: text(rt.githubRepo) || 'ThinkFlowLab/FlyBot',
+      token: text(rt.secretValue?.('GITHUB_TOKEN')),
+      fetchImpl: globalThis.fetch,
+      timeZone: text(options.timeZone) || 'UTC',
+      now: typeof rt.now === 'function' ? rt.now() : Date.now(),
+      tasks,
+    })
+    return { rows, ...queues, decisions, meetings: meetingsOf(project, decisions), metrics }
   }
   const buildQueues = (mine, done) => {
     const now = typeof rt.now === 'function' ? rt.now() : Date.now()
diff --git a/patches/ds-bot/files/src/host/project-metrics.js b/patches/ds-bot/files/src/host/project-metrics.js
new file mode 100644
index 000000000..c2c200f14
--- /dev/null
+++ b/patches/ds-bot/files/src/host/project-metrics.js
@@ -0,0 +1,153 @@
+// The board's numbers (#1829): seven metrics read from GitHub REST and the local task store, with a
+// five-minute cache and one honest failure answer. A missing credential or an unreadable source is
+// `unavailable` and every value reads `null`, never `0`: a zero claims "none today" and the board
+// must not turn "cannot read" into a number. The reads are injected, so a test counts calls without
+// a network, and the day boundary is the reader's own time zone, not the host's UTC clock.
+export const METRICS_TTL_MS = 5 * 60 * 1000
+export const METRIC_KEYS = [
+  'prsOpenedToday', 'prsMergedToday', 'issuesOpenedToday', 'issuesClosedToday',
+  'prMergeMedianMs', 'issueCloseMedianMs', 'taskDoneMedianMs',
+]
+const DAY_MS = 24 * 60 * 60 * 1000
+const RECENT_MS = 7 * DAY_MS
+const text = value => (typeof value === 'string' ? value.trim() : '')
+const timeOf = value => {
+  const ms = Date.parse(text(value))
+  return Number.isFinite(ms) ? ms : null
+}
+
+// The natural day a timestamp falls in, in the caller's time zone. `en-CA` prints ISO order, which
+// is what the comparison below needs; an unknown zone throws and the caller degrades.
+export function dayKey(ms, timeZone = 'UTC') {
+  if (!Number.isFinite(ms)) return ''
+  const parts = new Intl.DateTimeFormat('en-CA', { timeZone, year: 'numeric', month: '2-digit', day: '2-digit' })
+  return parts.format(new Date(ms))
+}
+
+// A median over the durations of records in the window: empty is `null`, which the client paints
+// as `—`. Half a millisecond of rounding is not worth carrying into the view.
+export function median(values) {
+  const clean = values.filter(value => Number.isFinite(value)).sort((a, b) => a - b)
+  if (clean.length === 0) return null
+  const middle = Math.floor(clean.length / 2)
+  return clean.length % 2 === 0 ? Math.round((clean[middle - 1] + clean[middle]) / 2) : clean[middle]
+}
+
+const countToday = (items, at, day) => items.reduce((count, item) => {
+  const ms = timeOf(at(item))
+  return ms !== null && dayKey(ms, day.timeZone) === day.key ? count + 1 : count
+}, 0)
+
+const durationInWindow = (items, from, to, now) => items.reduce((values, item) => {
+  const start = timeOf(from(item))
+  const end = timeOf(to(item))
+  if (start === null || end === null || end < start) return values
+  if (now - end > RECENT_MS) return values
+  values.push(end - start)
+  return values
+}, [])
+
+// The task half: a card that reached `done` inside the window. `completedAt` is the store's own
+// stamp; a record written before the stamp reads `updatedAt` and is not counted as a duration the
+// store never recorded.
+const doneTaskDurations = (tasks, now) => Object.values(tasks ?? {}).reduce((values, task) => {
+  if (task === null || typeof task !== 'object' || task.status !== 'done') return values
+  const start = Number.isFinite(task.createdAt) ? task.createdAt : null
+  const end = Number.isFinite(task.completedAt) ? task.completedAt : null
+  if (start === null || end === null || end < start) return values
+  if (now - end > RECENT_MS) return values
+  values.push(end - start)
+  return values
+}, [])
+
+// The running table (#1829): a claimed card is running, its age is the claim's own start, and the
+// source is the board it belongs to — the same three sources the rows already carry.
+export function runningOf(task, now) {
+  if (task === null || typeof task !== 'object') return null
+  if (task.status !== 'claimed' && task.status !== 'working') return null
+  const who = text(task.claimedBy) || text(task.lease?.holder) || text(task.assignee)
+  if (who === '') return null
+  const since = Number.isFinite(task.claimedAt) ? task.claimedAt : (Number.isFinite(task.updatedAt) ? task.updatedAt : null)
+  const last = Number.isFinite(task.updatedAt) ? task.updatedAt : (Number.isFinite(task.createdAt) ? task.createdAt : null)
+  const source = task.kind === 'group' ? 'group' : text(task.ownerBotId) !== '' ? 'bot' : 'workflow'
+  return {
+    id: String(task.id),
+    title: text(task.title),
+    status: task.status,
+    who,
+    sinceMs: since === null ? null : Math.max(0, now - since),
+    source,
+    lastActivityAt: last,
+  }
+}
+
+// One cache for the whole host: the key carries the time zone, because the four day counts move
+// with it. A hit answers the same object and spends no source call, which is what the issue's
+// "cache hit reads the source once" case is about.
+const cache = new Map()
+
+const emptyMetrics = () => Object.fromEntries(METRIC_KEYS.map(key => [key, null]))
+
+// `source` is `{ ok, pullRequests, issues, reason }`; a failed half is answered as unavailable for
+// the metrics it feeds and never as zero.
+export function summarizeMetrics({ now = Date.now(), timeZone = 'UTC', source, tasks } = {}) {
+  const unavailable = (reason) => ({ ok: false, reason, timeZone, generatedAt: now, metrics: emptyMetrics(), running: [] })
+  if (source === undefined || source === null) return unavailable('no-source')
+  if (source.ok !== true) return unavailable(text(source.reason) || 'source-unavailable')
+  const pullRequests = Array.isArray(source.pullRequests) ? source.pullRequests : []
+  const issues = Array.isArray(source.issues) ? source.issues : []
+  const key = dayKey(now, timeZone)
+  const day = { key, timeZone }
+  return {
+    ok: true,
+    timeZone,
+    generatedAt: now,
+    metrics: {
+      prsOpenedToday: countToday(pullRequests, item => item.created_at, day),
+      prsMergedToday: countToday(pullRequests, item => item.merged_at, day),
+      issuesOpenedToday: countToday(issues, item => item.created_at, day),
+      issuesClosedToday: countToday(issues, item => item.closed_at, day),
+      prMergeMedianMs: median(durationInWindow(pullRequests, item => item.created_at, item => item.merged_at, now)),
+      issueCloseMedianMs: median(durationInWindow(issues, item => item.created_at, item => item.closed_at, now)),
+      taskDoneMedianMs: median(doneTaskDurations(tasks, now)),
+    },
+    running: Object.values(tasks ?? {}).map(task => runningOf(task, now)).filter(row => row !== null),
+  }
+}
+
+// The read the endpoint calls. `fetchImpl` and `token` are seams: no token answers unavailable
+// without a request, and one failed request answers unavailable for this tick rather than a cache
+// entry that would keep the failure for five minutes.
+export async function readMetrics({ repo, token, fetchImpl, timeZone = 'UTC', now = Date.now(), tasks, ttlMs = METRICS_TTL_MS, cacheStore = cache } = {}) {
+  // The cache carries the seven numbers only: a card claimed a moment ago must appear in the running
+  // table on the next read, so those rows are projected from the live tasks every time (#1829).
+  const liveRunning = () => Object.values(tasks ?? {}).map(task => runningOf(task, now)).filter(row => row !== null)
+  const withRunning = value => ({ ...value, running: liveRunning() })
+  const bearer = text(token)
+  if (bearer === '') return { ...summarizeMetrics({ now, timeZone, source: { ok: false, reason: 'no-credentials' } }), cache: 'miss' }
+  if (typeof fetchImpl !== 'function') return { ...summarizeMetrics({ now, timeZone, source: { ok: false, reason: 'no-fetch' } }), cache: 'miss' }
+  const key = `${repo}|${timeZone}|${Math.floor(now / ttlMs)}`
+  const hit = cacheStore.get(key)
+  if (hit !== undefined && hit.expiresAt > now) return { ...withRunning(hit.value), cache: 'hit' }
+  const since = new Date(now - RECENT_MS).toISOString()
+  const headers = { Authorization: `Bearer ${bearer}`, Accept: 'application/vnd.github+json', 'User-Agent': 'flybot-project-metrics' }
+  const get = async (path) => {
+    const response = await fetchImpl(`https://api.github.com${path}`, { headers })
+    if (!response.ok) throw new Error(`${path} answered ${response.status}`)
+    return response.json()
+  }
+  let source
+  try {
+    const [pullRequests, issues] = await Promise.all([
+      get(`/repos/${repo}/pulls?state=all&sort=updated&direction=desc&per_page=100&since=${since}`),
+      get(`/repos/${repo}/issues?state=all&sort=updated&direction=desc&per_page=100&since=${since}`),
+    ])
+    source = { ok: true, pullRequests, issues: issues.filter(item => item.pull_request === undefined) }
+  } catch (error) {
+    return { ...summarizeMetrics({ now, timeZone, source: { ok: false, reason: `read-failed: ${error.message}` } }), cache: 'miss' }
+  }
+  const value = summarizeMetrics({ now, timeZone, source, tasks })
+  const { running: _live, ...cached } = value
+  cacheStore.set(key, { expiresAt: now + ttlMs, value: cached })
+  return { ...withRunning(value), cache: 'miss' }
+}
diff --git a/patches/ds-bot/files/test/project-board-view.test.js b/patches/ds-bot/files/test/project-board-view.test.js
index a05ea3bdb..ef1b5c9d9 100644
--- a/patches/ds-bot/files/test/project-board-view.test.js
+++ b/patches/ds-bot/files/test/project-board-view.test.js
@@ -52,7 +52,7 @@ runInNewContext(bundle.outputFiles[0].text, {
     throw new Error(`no platform module ${name}`)
   },
 })
-const { ProjectBoardOverlay, ProjectBoardPane, projectBoardView, waitedLabel } = module.exports
+const { ProjectBoardOverlay, ProjectBoardPane, projectBoardView, metricsView, waitedLabel, METRIC_CARDS, METRIC_DASH, RUNNING_OVERDUE_MS } = module.exports
 const render = (component, props) => { index = 0; return component(props) }
 const flush = async () => {
   const queued = effects
@@ -440,3 +440,38 @@ test('#1814: a second read moves one card to stalled and a waiting card in fligh
   const stalled = all(tree).filter(node => node && node.props && node.props['data-state'] === 'stalled')
   assert.deepEqual(stalled.map(node => node.props['data-task-id']), ['task-b1'], 'only the expired card carries the stalled edge')
 })
+
+// #1829: the seven metric cards and the running table. A missing read paints the dash on every
+// card, never a zero; a running row past the overdue mark says so and still opens its own board.
+test('the metric cards are the seven the issue fixed, each with a caption', () => {
+  const view = metricsView({ ok: true, metrics: { prsOpenedToday: 3, prsMergedToday: 1, issuesOpenedToday: 2, issuesClosedToday: 0, prMergeMedianMs: 7200000, issueCloseMedianMs: null, taskDoneMedianMs: null } })
+  assert.equal(view.cards.length, 7)
+  assert.equal(METRIC_CARDS.length, 7)
+  for (const card of view.cards) assert.ok(card.caption.length > 0, card.key + ' carries a caption')
+  assert.equal(view.cards.find(card => card.key === 'prsOpenedToday').value, '3')
+  assert.equal(view.cards.find(card => card.key === 'prMergeMedianMs').value, '2h')
+  // An empty window is a dash, never a zero, and a real zero still reads 0.
+  assert.equal(view.cards.find(card => card.key === 'issueCloseMedianMs').value, METRIC_DASH)
+  assert.equal(view.cards.find(card => card.key === 'issuesClosedToday').value, '0')
+})
+
+test('an unavailable read says why and draws no number', () => {
+  const view = metricsView({ ok: false, reason: 'no-credentials', metrics: {}, running: [] })
+  assert.equal(view.available, false)
+  assert.equal(view.reason, 'no-credentials')
+  assert.equal(view.cards.every(card => card.value === METRIC_DASH), true)
+  assert.equal(view.running.length, 0)
+  assert.equal(metricsView(null).empty, true)
+})
+
+test('a running row carries who, claim age, source and activity, and opens its board', () => {
+  const now = Date.now()
+  const view = metricsView({ ok: true, metrics: {}, running: [{ id: 'task-1', title: 'Ship it', status: 'claimed', who: 'Dev', sinceMs: 3 * 60 * 60 * 1000, source: 'group', lastActivityAt: now - 60000 }] })
+  const row = view.running[0]
+  assert.equal(row.who, 'Dev')
+  assert.equal(row.source, 'group')
+  assert.equal(row.overdue, true)
+  assert.ok(row.sinceMs > RUNNING_OVERDUE_MS)
+  assert.equal(row.lastActivityAt, now - 60000)
+  assert.equal(row.title, 'Ship it')
+})
diff --git a/patches/ds-bot/files/test/project-board.test.js b/patches/ds-bot/files/test/project-board.test.js
index d97ca0506..a8debdde1 100644
--- a/patches/ds-bot/files/test/project-board.test.js
+++ b/patches/ds-bot/files/test/project-board.test.js
@@ -109,6 +109,34 @@ test('a Project board reads a group card and a run-created card without repeatin
   }
 })
 
+test('the board takes its token from the host secret store and its zone from the call', async () => {
+  const { rt, stop } = await start()
+  const realSecret = rt.secretValue
+  const realFetch = globalThis.fetch
+  const asked = []
+  const calls = []
+  rt.secretValue = name => { asked.push(name); return name === 'GITHUB_TOKEN' ? 'tok' : undefined }
+  globalThis.fetch = async (url, init) => { calls.push([String(url), init.headers.Authorization]); return { ok: true, json: async () => [] } }
+  try {
+    const board = await rt.projectBoard('project-p1', null, { timeZone: 'Asia/Shanghai' })
+    // #1829: the numbers can only render when the token comes from the same store connectors.js
+    // reads, and the natural day is the reader's zone, which the request carries.
+    assert.equal(asked.includes('GITHUB_TOKEN'), true)
+    assert.equal(calls.length, 2)
+    assert.equal(calls[0][1], 'Bearer tok')
+    assert.equal(board.metrics.ok, true)
+    assert.equal(board.metrics.timeZone, 'Asia/Shanghai')
+    // No zone in the call falls back to UTC instead of the host's own idea of a day.
+    calls.length = 0
+    const plain = await rt.projectBoard('project-p1')
+    assert.equal(plain.metrics.timeZone, 'UTC')
+  } finally {
+    globalThis.fetch = realFetch
+    rt.secretValue = realSecret
+    await stop()
+  }
+})
+
 test('an empty Project answers [] and a missing one is not an error', async () => {
   const { rt, stop } = await start()
   try {
diff --git a/patches/ds-bot/files/test/project-metrics.test.js b/patches/ds-bot/files/test/project-metrics.test.js
new file mode 100644
index 000000000..2d2f91bac
--- /dev/null
+++ b/patches/ds-bot/files/test/project-metrics.test.js
@@ -0,0 +1,126 @@
+// #1829: the board's seven metrics. The read is injected, so these cases spend no network and
+// count their own source calls; the day boundary is the reader's zone, and a missing credential or
+// a failed read answers `null` (painted `—`), never `0`.
+import test from 'node:test'
+import assert from 'node:assert/strict'
+import { METRICS_TTL_MS, dayKey, median, readMetrics, runningOf, summarizeMetrics } from '../src/host/project-metrics.js'
+
+const HOUR = 60 * 60 * 1000
+const NOW = Date.parse('2026-10-30T12:00:00Z')
+
+const pr = (created, merged) => ({ created_at: created, merged_at: merged })
+const issue = (created, closed) => ({ created_at: created, closed_at: closed, pull_request: undefined })
+
+test('the natural day is the reader zone, not UTC', () => {
+  // 2026-10-30T16:30Z is still 10-30 in UTC and already 10-31 in Shanghai.
+  const at = Date.parse('2026-10-30T16:30:00Z')
+  assert.equal(dayKey(at, 'UTC'), '2026-10-30')
+  assert.equal(dayKey(at, 'Asia/Shanghai'), '2026-10-31')
+  // 10:00Z on 10-30 is that same day in both zones, but 20:00Z is already 10-31 in Shanghai.
+  const source = { ok: true, pullRequests: [pr('2026-10-30T10:00:00Z', null)], issues: [] }
+  const utc = summarizeMetrics({ now: Date.parse('2026-10-30T20:00:00Z'), timeZone: 'UTC', source })
+  const shanghai = summarizeMetrics({ now: Date.parse('2026-10-30T20:00:00Z'), timeZone: 'Asia/Shanghai', source })
+  assert.equal(utc.metrics.prsOpenedToday, 1)
+  assert.equal(shanghai.metrics.prsOpenedToday, 0)
+})
+
+test('a day count compares the field it documents', () => {
+  const source = {
+    ok: true,
+    pullRequests: [pr('2026-10-29T10:00:00Z', '2026-10-30T09:00:00Z'), pr('2026-10-30T08:00:00Z', null)],
+    issues: [issue('2026-10-30T07:00:00Z', null), issue('2026-10-20T07:00:00Z', '2026-10-30T11:00:00Z')],
+  }
+  const out = summarizeMetrics({ now: NOW, timeZone: 'UTC', source })
+  assert.equal(out.metrics.prsOpenedToday, 1)
+  assert.equal(out.metrics.prsMergedToday, 1)
+  assert.equal(out.metrics.issuesOpenedToday, 1)
+  assert.equal(out.metrics.issuesClosedToday, 1)
+})
+
+test('an empty window is null, never zero, and median halves round', () => {
+  assert.equal(median([]), null)
+  assert.equal(median([10]), 10)
+  assert.equal(median([10, 20]), 15)
+  assert.equal(median([30, 10, 20]), 20)
+  const out = summarizeMetrics({ now: NOW, timeZone: 'UTC', source: { ok: true, pullRequests: [], issues: [] } })
+  assert.equal(out.metrics.prMergeMedianMs, null)
+  assert.equal(out.metrics.issueCloseMedianMs, null)
+  assert.equal(out.metrics.taskDoneMedianMs, null)
+})
+
+test('durations are the last seven days only', () => {
+  const source = { ok: true, pullRequests: [pr('2026-10-01T00:00:00Z', '2026-10-02T00:00:00Z'), pr('2026-10-30T06:00:00Z', '2026-10-30T08:00:00Z')], issues: [] }
+  const out = summarizeMetrics({ now: NOW, timeZone: 'UTC', source })
+  assert.equal(out.metrics.prMergeMedianMs, 2 * HOUR)
+})
+
+test('no credential answers unavailable without a request', async () => {
+  let calls = 0
+  const out = await readMetrics({ repo: 'a/b', token: '', fetchImpl: async () => { calls += 1; return { ok: true, json: async () => [] } }, now: NOW, cacheStore: new Map() })
+  assert.equal(calls, 0)
+  assert.equal(out.ok, false)
+  assert.equal(out.reason, 'no-credentials')
+  assert.equal(out.metrics.prsOpenedToday, null)
+})
+
+test('a failed read degrades and is not cached', async () => {
+  const store = new Map()
+  const failing = async () => ({ ok: false, status: 503, json: async () => ({}) })
+  const out = await readMetrics({ repo: 'a/b', token: 't', fetchImpl: failing, now: NOW, cacheStore: store })
+  assert.equal(out.ok, false)
+  assert.match(out.reason, /read-failed/)
+  assert.equal(out.metrics.issuesClosedToday, null)
+  assert.equal(store.size, 0)
+})
+
+test('a cache hit spends the source once', async () => {
+  let calls = 0
+  const fetchImpl = async () => {
+    calls += 1
+    return { ok: true, json: async () => [{ created_at: '2026-10-30T06:00:00Z', merged_at: null }] }
+  }
+  const store = new Map()
+  const first = await readMetrics({ repo: 'a/b', token: 't', fetchImpl, now: NOW, cacheStore: store })
+  const second = await readMetrics({ repo: 'a/b', token: 't', fetchImpl, now: NOW + 1000, cacheStore: store })
+  assert.equal(first.cache, 'miss')
+  assert.equal(second.cache, 'hit')
+  assert.equal(calls, 2) // one pulls read and one issues read, once
+  assert.equal(second.metrics.prsOpenedToday, 1)
+  // The window rolls: past the TTL the source is read again.
+  await readMetrics({ repo: 'a/b', token: 't', fetchImpl, now: NOW + METRICS_TTL_MS + 1, cacheStore: store })
+  assert.equal(calls, 4)
+})
+
+test('a card claimed after a cached read still shows as running', async () => {
+  const fetchImpl = async () => ({ ok: true, json: async () => [] })
+  const store = new Map()
+  const before = { t1: { id: 't1', status: 'open', title: 'Wait' } }
+  const first = await readMetrics({ repo: 'a/b', token: 't', fetchImpl, now: NOW, tasks: before, cacheStore: store })
+  assert.equal(first.running.length, 0)
+  // The claim lands a second later, still inside the five-minute window: the numbers are cached,
+  // the rows are not, so the running table is not five minutes stale (#1829).
+  const after = { ...before, t2: { id: 't2', status: 'claimed', claimedBy: 'Dev', claimedAt: NOW - HOUR, updatedAt: NOW, title: 'Ship it' } }
+  const second = await readMetrics({ repo: 'a/b', token: 't', fetchImpl, now: NOW + 1000, tasks: after, cacheStore: store })
+  assert.equal(second.cache, 'hit')
+  assert.deepEqual(second.running.map(row => row.id), ['t2'])
+  assert.equal(store.size, 1)
+  assert.equal(Object.hasOwn([...store.values()][0].value, 'running'), false, 'the cache holds the numbers, not the rows')
+})
+
+test('a running row carries who, how long and where from', () => {
+  const row = runningOf({ id: 't1', title: 'Ship it', status: 'claimed', claimedBy: 'Dev', claimedAt: NOW - 2 * HOUR, updatedAt: NOW - HOUR, kind: 'group', origin: { roomId: 'r1' } }, NOW)
+  assert.deepEqual(row, { id: 't1', title: 'Ship it', status: 'claimed', who: 'Dev', sinceMs: 2 * HOUR, source: 'group', lastActivityAt: NOW - HOUR })
+  assert.equal(runningOf({ id: 't2', status: 'open' }, NOW), null)
+  assert.equal(runningOf({ id: 't3', status: 'claimed' }, NOW), null)
+})
+
+test('the task median reads the store stamps only', () => {
+  const tasks = {
+    a: { status: 'done', createdAt: NOW - 10 * HOUR, completedAt: NOW - 8 * HOUR },
+    b: { status: 'done', createdAt: NOW - 6 * HOUR, completedAt: NOW - 4 * HOUR },
+    c: { status: 'done', createdAt: NOW - 6 * HOUR },
+    d: { status: 'open', createdAt: NOW - 6 * HOUR },
+  }
+  const out = summarizeMetrics({ now: NOW, timeZone: 'UTC', source: { ok: true, pullRequests: [], issues: [] }, tasks })
+  assert.equal(out.metrics.taskDoneMedianMs, 2 * HOUR)
+})