diff --git a/changelog.d/2201-chat-link-delegate.fixed.md b/changelog.d/2201-chat-link-delegate.fixed.md
new file mode 100644
index 00000000..c6cba473
--- /dev/null
+++ b/changelog.d/2201-chat-link-delegate.fixed.md
@@ -0,0 +1 @@
+A link picked in a chat message now opens in FlyBot's own browser panel: the host used to open it in its right sidebar, a tab this panel's fixed layer covers, so the content area looked blank with no error to explain it. The bubble's Markdown is delegated to FlyBot's panel now, and a window without the Desktop bridge opens the page itself.
diff --git a/core/client.js b/core/client.js
index 70b85af8..b9061626 100644
--- a/core/client.js
+++ b/core/client.js
@@ -6836,7 +6836,18 @@ var import_react10 = 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, msgKeys, useUi, lead, mentions }) {
+function bubbleMarkdown({ actions, subject, openFile, fileImages, ...markdown }) {
+  const openExternalLink = (href) => {
+    const tabId = typeof actions?.browserNewTab === "function" ? actions.browserNewTab(subject) : null;
+    if (tabId !== void 0 && tabId !== null && typeof actions.browserNavigate === "function") {
+      void actions.browserNavigate(tabId, href);
+      return;
+    }
+    if (typeof window !== "undefined" && typeof window.open === "function") window.open(href, "_blank", "noopener");
+  };
+  return (0, import_react10.createElement)(import_dsh_client_ui_primitives.MarkdownDelegateProvider, { openExternalLink, openFile, fileImages }, (0, import_react10.createElement)(import_dsh_client_ui_primitives.MarkdownText, markdown));
+}
+function Bubbles({ texts: texts2, roster, selfId, actions, streaming, sessionId, msgKey, msgKeys, useUi, lead, mentions, openFile, fileImages }) {
   const onClick = (event) => {
     const target = mentionTarget(event);
     if (target === null) return;
@@ -6867,7 +6878,7 @@ function Bubbles({ texts: texts2, roster, selfId, actions, streaming, sessionId,
           (0, import_react10.createElement)(
             "div",
             { className: "bt-bubble" },
-            (0, import_react10.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: linkMentions(text2, roster.bots, selfId), streaming: live, labels: mdLabels(), variant: "compact", fileMentions: mentions })
+            bubbleMarkdown({ text: linkMentions(text2, roster.bots, selfId), actions, subject: selfId ?? sessionId, openFile, fileImages, streaming: live, labels: mdLabels(), variant: "compact", fileMentions: mentions })
           ),
           live ? null : (0, import_react10.createElement)(MessageTools, { text: text2, name: roster.byId[selfId]?.name ?? t("Bot"), sessionId, react: key ? (emoji) => actions.toggleReaction(key, reactIndex(index), emoji) : void 0, actions })
         ),
@@ -7030,7 +7041,7 @@ function friendLead(bot, texts2) {
   if (texts2.every((text2) => /^Not sent:/.test(text2.trim()))) return void 0;
   return (0, import_react10.createElement)("span", { className: "bt-lead", title: bot.name, "data-flybot": "friend-lead" }, (0, import_react10.createElement)(BotMark, { bot, size: 22 }));
 }
-function AssistantCell({ node, groupPart, sessionId, openFile, fileMentions, useTurnData, useRoster, useUi, useTurnSteps, useTurnContext, actions }) {
+function AssistantCell({ node, groupPart, sessionId, openFile, fileImages, fileMentions, useTurnData, useRoster, useUi, useTurnSteps, useTurnContext, actions }) {
   const roster = useRoster((value) => value);
   const data = node.data;
   const steps = useTurnSteps(String(data.turn));
@@ -7048,7 +7059,7 @@ function AssistantCell({ node, groupPart, sessionId, openFile, fileMentions, use
   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_react10.createElement)(PersonMessage, { name: person, texts: texts2, roster, selfId, actions, sessionId, msgKey: `${sessionId}:${data.turn}:${node.key ?? data.seq ?? ""}`, useUi }) : (0, import_react10.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;
+  const bubbles = texts2.length ? person ? (0, import_react10.createElement)(PersonMessage, { name: person, texts: texts2, roster, selfId, actions, sessionId, msgKey: `${sessionId}:${data.turn}:${node.key ?? data.seq ?? ""}`, useUi, openFile, fileImages }) : (0, import_react10.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), openFile, fileImages }) : null;
   return (0, import_react10.createElement)(
     import_react10.Fragment,
     null,
@@ -7080,14 +7091,14 @@ function HeldReply({ held, roster, sessionId, actions, closing, children }) {
     closing ? (0, import_react10.createElement)(HeldReplyActions, { held: { ...held, toName, from: bot?.name }, actions }) : null
   );
 }
-function PersonMessage({ name, texts: texts2, roster, selfId, actions, sessionId, msgKey, useUi }) {
+function PersonMessage({ name, texts: texts2, roster, selfId, actions, sessionId, msgKey, useUi, openFile, fileImages }) {
   if (!(texts2 ?? []).some((text2) => String(text2 ?? "").trim() !== "")) return null;
   const lead = (0, import_react10.createElement)("span", { className: "bt-lead", title: name }, (0, import_react10.createElement)(PersonMark, { name }));
   return (0, import_react10.createElement)(
     "div",
     { className: "bt-group-msg bt-person-msg", "data-person": name },
     (0, import_react10.createElement)("span", { className: "bt-group-name" }, name),
-    (0, import_react10.createElement)(Bubbles, { texts: texts2, roster, selfId, actions, sessionId, msgKey, useUi, lead })
+    (0, import_react10.createElement)(Bubbles, { texts: texts2, roster, selfId, actions, sessionId, msgKey, useUi, lead, openFile, fileImages })
   );
 }
 function EventLine({ prefix, bots, joiner = t("and"), onOpen, whole = false }) {
@@ -7141,7 +7152,7 @@ function heldLineState(room2, { seq, botId, text: text2 } = {}, now = Date.now()
   if (entry.status !== "pending" && entry.status !== "sending") return void 0;
   return room2.face?.status === "left" || room2.face?.status === "closed" ? "rejected" : "held";
 }
-function GroupMessage({ bot, text: text2, room: room2, roster, actions, msgKey, useUi, seq }) {
+function GroupMessage({ bot, text: text2, room: room2, roster, actions, msgKey, useUi, seq, openFile, fileImages }) {
   if (String(text2 ?? "").trim() === "") return null;
   const held = heldLineState(room2, { seq, botId: bot.id, text: text2 });
   if (held === "rejected") {
@@ -7168,7 +7179,7 @@ function GroupMessage({ bot, text: text2, room: room2, roster, actions, msgKey,
     "div",
     { className: "bt-group-msg" },
     name,
-    (0, import_react10.createElement)(Bubbles, { texts: [text2], roster, selfId: bot.id, actions, sessionId: room2?.id, msgKey, useUi, lead })
+    (0, import_react10.createElement)(Bubbles, { texts: [text2], roster, selfId: bot.id, actions, sessionId: room2?.id, msgKey, useUi, lead, openFile, fileImages })
   );
 }
 function remoteSpeaker(source, roster, sessionId) {
@@ -7203,7 +7214,7 @@ function faceSeatLook(room2, handle) {
   return Object.keys(look).length ? look : void 0;
 }
 var cleanCarrier = (value) => typeof value === "string" && value.trim() && !/[@()]/.test(value) ? value.trim() : "";
-function RemoteMessage({ source, text: text2, roster, actions, sessionId, msgKey, useUi }) {
+function RemoteMessage({ source, text: text2, roster, actions, sessionId, msgKey, useUi, openFile, fileImages }) {
   const room2 = roster.roomsById?.[sessionId];
   const face = room2?.origin === "face-to-face";
   const { bot, member, name, handle, carrier, chatId } = remoteSpeaker(source, roster, sessionId);
@@ -7222,7 +7233,7 @@ function RemoteMessage({ source, text: text2, roster, actions, sessionId, msgKey
         person,
         carrier ? (0, import_react10.createElement)("span", { className: "bt-remote-handle" }, t("via {name}", { name: carrier })) : null
       ),
-      String(words ?? "").trim() === "" ? null : (0, import_react10.createElement)(Bubbles, { texts: [words], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead: (0, import_react10.createElement)("span", { className: "bt-lead", title: person }, (0, import_react10.createElement)(PersonMark, { name: person })) }),
+      String(words ?? "").trim() === "" ? null : (0, import_react10.createElement)(Bubbles, { texts: [words], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead: (0, import_react10.createElement)("span", { className: "bt-lead", title: person }, (0, import_react10.createElement)(PersonMark, { name: person })), openFile, fileImages }),
       files.length ? (0, import_react10.createElement)(RemoteFiles, { files, plugin: member?.plugin ?? "social", botId: roster.byId[sessionId]?.id ?? sessionId }) : null
     );
   }
@@ -7238,7 +7249,7 @@ function RemoteMessage({ source, text: text2, roster, actions, sessionId, msgKey
       name,
       (0, import_react10.createElement)("span", { className: "bt-remote-handle", title: source.remote.home ?? handle, "aria-label": t("Friend's Bot") }, (0, import_react10.createElement)(GlobeMark), handle)
     ),
-    String(words ?? "").trim() === "" ? null : (0, import_react10.createElement)(Bubbles, { texts: [words], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead }),
+    String(words ?? "").trim() === "" ? null : (0, import_react10.createElement)(Bubbles, { texts: [words], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead, openFile, fileImages }),
     files.length ? (0, import_react10.createElement)(RemoteFiles, { files, plugin: member?.plugin ?? "social", botId: roster.byId[sessionId]?.id ?? sessionId }) : null
   );
 }
@@ -7318,7 +7329,7 @@ var scrollParent = (node) => {
   }
   return null;
 };
-function EarlierParts({ sessionId, roster, actions, useUi }) {
+function EarlierParts({ sessionId, roster, actions, useUi, openFile, fileImages }) {
   const [view, setView] = (0, import_react10.useState)({ items: [], cursor: void 0, loading: true, failed: false, startedAt: null });
   const top = (0, import_react10.useRef)(null);
   const busy = (0, import_react10.useRef)(false);
@@ -7392,13 +7403,13 @@ function EarlierParts({ sessionId, roster, actions, useUi }) {
           return (0, import_react10.createElement)("div", { key, className: "bt-urow" }, (0, import_react10.createElement)(
             "div",
             { className: "bt-ububble" },
-            row.text ? (0, import_react10.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: row.text, labels: mdLabels(), variant: "compact" }) : null,
+            row.text ? bubbleMarkdown({ text: row.text, actions, subject: selfId ?? sessionId, openFile, fileImages, labels: mdLabels(), variant: "compact" }) : null,
             row.images ? (0, import_react10.createElement)("span", { className: "bt-uimages" }, row.images === 1 ? t("1 image") : t("{count} images", { count: row.images })) : null
           ));
         case "answer":
           return (0, import_react10.createElement)(AnsweredCell, { key, node: { data: row } });
         case "bot":
-          return (0, import_react10.createElement)(Bubbles, { key, texts: row.texts, msgKeys: row.msgKeys, roster, selfId, actions, sessionId, useUi });
+          return (0, import_react10.createElement)(Bubbles, { key, texts: row.texts, msgKeys: row.msgKeys, roster, selfId, actions, sessionId, useUi, openFile, fileImages });
         case "event": {
           if (row.role === "report") return (0, import_react10.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" };
@@ -7414,7 +7425,7 @@ function EarlierParts({ sessionId, roster, actions, useUi }) {
     (0, import_react10.createElement)(PartLine, { time: view.startedAt })
   );
 }
-function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnClock, useUi, actions }) {
+function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnClock, useUi, actions, openFile, fileImages }) {
   const roster = useRoster((value) => value);
   const data = node.data;
   const source = data.source !== null && typeof data.source === "object" ? data.source : {};
@@ -7446,11 +7457,11 @@ function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnClock, us
     if (source.form === "remote-chat") return null;
     if (source.shown === true) return null;
     if (source.remote?.handle) {
-      const message = (0, import_react10.createElement)(RemoteMessage, { source, text: remoteMessageText(stripHeader(contentText(data.content))), roster, actions, sessionId, msgKey: `${sessionId}:${data.turn}:remote`, useUi });
+      const message = (0, import_react10.createElement)(RemoteMessage, { source, text: remoteMessageText(stripHeader(contentText(data.content))), roster, actions, sessionId, msgKey: `${sessionId}:${data.turn}:remote`, useUi, openFile, fileImages });
       return source.remote.firstContact === true ? (0, import_react10.createElement)(import_react10.Fragment, null, (0, import_react10.createElement)(FirstContact, { source, roster, sessionId }), message) : message;
     }
     if (source.kind === "bot") {
-      if (source.handoff === true) return roster.roomsById[sessionId] ? null : (0, import_react10.createElement)(EarlierParts, { sessionId, roster, actions, useUi });
+      if (source.handoff === true) return roster.roomsById[sessionId] ? null : (0, import_react10.createElement)(EarlierParts, { sessionId, roster, actions, useUi, openFile, fileImages });
       if (source.role === "room" || source.role === "kickoff") return null;
       if (source.role === "mention") return (0, import_react10.createElement)("div", { className: "bt-event" }, (0, import_react10.createElement)("span", null, contentText(data.content)));
       if (source.role === "secret" || deferred) return null;
@@ -7459,7 +7470,7 @@ function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnClock, us
         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_react10.createElement)(GroupMessage, { bot: poster, text: stripHeader(contentText(data.content)), room: room2, roster, actions, msgKey: `${sessionId}:${data.turn}:post`, useUi });
+        return (0, import_react10.createElement)(GroupMessage, { bot: poster, text: stripHeader(contentText(data.content)), room: room2, roster, actions, msgKey: `${sessionId}:${data.turn}:post`, useUi, openFile, fileImages });
       }
       if (source.role === "report") {
         return (0, import_react10.createElement)(GroupEvent, { prefix: t("Replies from"), room: roster.roomsById[source.roomId], name: t("a group chat"), roster, actions });
@@ -7712,7 +7723,7 @@ function useLiveNote(actions, sessionId, id, entry) {
     return () => actions.noteLive(sessionId, id, null);
   }, [sessionId, id, key]);
 }
-function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi }) {
+function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi, openFile, fileImages }) {
   const [live, setLive] = (0, import_react10.useState)({ replies: [] });
   (0, import_react10.useEffect)(() => {
     if (done) return void 0;
@@ -7756,7 +7767,7 @@ function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi
       if (reply.kind === "user") {
         const who = reply.name && reply.name !== "User" ? reply.name : reply.authorId;
         if (reply.other) {
-          return (0, import_react10.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_react10.createElement)(PersonMessage, { key: `user-${index}`, name: who, texts: [remoteMessageText(reply.text)], roster, selfId: sessionId, actions, sessionId, msgKey: callId ? `${sessionId}:${callId}:${index}` : void 0, useUi, openFile, fileImages });
         }
         return (0, import_react10.createElement)(
           "div",
@@ -7765,7 +7776,7 @@ function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi
           (0, import_react10.createElement)(
             "div",
             { className: "bt-ububble" },
-            (0, import_react10.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: remoteMessageText(reply.text), labels: mdLabels(), variant: "compact" })
+            bubbleMarkdown({ text: remoteMessageText(reply.text), actions, subject: reply.botId ?? sessionId, openFile, fileImages, labels: mdLabels(), variant: "compact" })
           ),
           room2?.origin === "face-to-face" ? (0, import_react10.createElement)("span", { className: "bt-lead", title: who || void 0 }, (0, import_react10.createElement)(PersonMark, { name: who || void 0 })) : null
         );
@@ -7816,6 +7827,8 @@ function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi
       const remote = reply.remote || reply.handle && !roster.byId[reply.botId];
       if (remote) {
         return (0, import_react10.createElement)(RemoteMessage, {
+          openFile,
+          fileImages,
           key: `${reply.botId || reply.handle}-${index}`,
           source: { remote: { handle: reply.handle || reply.botId }, senderName: reply.name || reply.who, senderSessionId: reply.botId },
           text: remoteMessageText(reply.text),
@@ -7826,7 +7839,7 @@ function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi
           useUi
         });
       }
-      return (0, import_react10.createElement)(GroupMessage, { key: `${reply.botId}-${index}`, bot, text: reply.text, room: room2, roster, actions, msgKey: callId ? `${sessionId}:${callId}:${index}` : void 0, useUi, seq: reply.seq });
+      return (0, import_react10.createElement)(GroupMessage, { key: `${reply.botId}-${index}`, bot, text: reply.text, room: room2, roster, actions, msgKey: callId ? `${sessionId}:${callId}:${index}` : void 0, useUi, seq: reply.seq, openFile, fileImages });
     })
   );
 }
@@ -7854,7 +7867,7 @@ function useShownCards(actions, sessionId, callIds) {
     return () => actions.noteCards(sessionId, ids, -1);
   }, [sessionId, key]);
 }
-function renderCall(call4, { sessionId, roster, actions, useUi, findBot }) {
+function renderCall(call4, { sessionId, roster, actions, useUi, findBot, openFile, fileImages }) {
   const tool = toolName(call4);
   const done = call4.kind === "tool-result";
   const { text: arg, value: argValue } = toolArgs(call4);
@@ -7880,7 +7893,7 @@ function renderCall(call4, { sessionId, roster, actions, useUi, findBot }) {
       return done && target ? (0, import_react10.createElement)(EventLine, { prefix: t("Updated"), bots: [target], onOpen: (bot) => actions.openSession(bot.id) }) : null;
     }
     case "group_relay":
-      return (0, import_react10.createElement)(GroupReplies, { sessionId, callId: call4.callId, done, content: call4.content, roster, actions, useUi });
+      return (0, import_react10.createElement)(GroupReplies, { sessionId, callId: call4.callId, done, content: call4.content, roster, actions, useUi, openFile, fileImages });
     case "create_group":
     case "update_group":
     case "delete_group":
@@ -7931,7 +7944,7 @@ function renderCall(call4, { sessionId, roster, actions, useUi, findBot }) {
       return null;
   }
 }
-function ToolCell({ node, sessionId, useRoster, useUi, actions }) {
+function ToolCell({ node, sessionId, useRoster, useUi, actions, openFile, fileImages }) {
   const roster = useRoster((value) => value);
   const root = node.data.root;
   const turn = node.location?.turn?.turn ?? root.turn;
@@ -7944,7 +7957,7 @@ function ToolCell({ node, sessionId, useRoster, useUi, actions }) {
   useLiveNote(actions, sessionId, `tool:${root.callId ?? node.key}`, note);
   useShownCards(actions, sessionId, drawn.filter((call4) => CARDS.has(toolName(call4)) && call4.callId).map((call4) => call4.callId));
   if (drawn.length === 0) return null;
-  const env = { sessionId, roster, actions, useUi, findBot };
+  const env = { sessionId, roster, actions, useUi, findBot, openFile, fileImages };
   return (0, import_react10.createElement)(import_react10.Fragment, null, drawn.map((call4, index) => (0, import_react10.createElement)(import_react10.Fragment, { key: call4.callId ?? index }, renderCall(call4, env))));
 }
 
diff --git a/core/src/client/cells.js b/core/src/client/cells.js
index 7ba64fd9..89903cd0 100644
--- a/core/src/client/cells.js
+++ b/core/src/client/cells.js
@@ -1,6 +1,6 @@
 import { createElement as h, Fragment, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react'
 import { createPortal } from 'react-dom'
-import { MarkdownText } from '@deepseek-ai/dsh-client-ui-primitives'
+import { MarkdownText, MarkdownDelegateProvider } from '@deepseek-ai/dsh-client-ui-primitives'
 import { inkText } from './inks.js'
 import { currentPart, linkMentions, mentionTarget, dayLabel, contentText, stripHeader, stripTrace, isHiddenTurn, typedBy, heldReplyOf, isRelayContext, relaysBefore, relayPart, commRunOf, toolName, toolArgs, reminderPrompts, isPluginTool } from './text.js'
 import { SmileIcon, ReplyIcon, DotsIcon, CheckIcon, DownloadIcon, CopyIcon, MemoryIcon } from './icons.js'
@@ -24,9 +24,34 @@ import { turnReasoning } from './turn-reasoning.js'
 
 const mdLabels = () => ({ code: { copyLabel: t('Copy'), copiedLabel: t('Copied') }, footnotes: t('Footnotes') })
 
+// #2201: a link a person picks inside a bubble belongs to FlyBot's own panel. Left alone the host opens
+// it in its right sidebar — a browser tab this panel's fixed layer covers, so the content area looks
+// blank — and nothing in FlyBot ever sees the click. The link therefore opens a tab in the panel's own
+// browser view (the one the globe button opens) carrying the URL; without the Desktop bridge there is
+// no panel at all, and the page opens in the window itself. An element builder, not a component: the
+// provider sits directly above the text so the bubble keeps one Markdown node, as before.
+function bubbleMarkdown({ actions, subject, openFile, fileImages, ...markdown }) {
+  const openExternalLink = (href) => {
+    const tabId = typeof actions?.browserNewTab === 'function' ? actions.browserNewTab(subject) : null
+    if (tabId !== undefined && tabId !== null && typeof actions.browserNavigate === 'function') {
+      void actions.browserNavigate(tabId, href)
+      return
+    }
+    // No tab for this link — a room id, a Bot outside the roster, no bridge, or no navigation —
+    // so the page opens in the window itself. Exactly one window here: opening in both places
+    // would show two tabs (#2201 review).
+    if (typeof window !== 'undefined' && typeof window.open === 'function') window.open(href, '_blank', 'noopener')
+  }
+  // The nearest provider *replaces* the enclosing Markdown scope (primitives: "Nested providers
+  // replace the enclosing capabilities"), so the host's file opener and image resolver have to
+  // ride with this one: a local `[x](path#L12)` link keeps its chip and a local image keeps
+  // previewing, as they did before the bubble got a delegate of its own.
+  return h(MarkdownDelegateProvider, { openExternalLink, openFile, fileImages }, h(MarkdownText, markdown))
+}
+
 // `lead` (a sender avatar in group chats) sits beside the last bubble, in the same
 // row, so it lines up with the bubble whether or not reactions hang below it.
-export function Bubbles({ texts, roster, selfId, actions, streaming, sessionId, msgKey, msgKeys, useUi, lead, mentions }) {
+export function Bubbles({ texts, roster, selfId, actions, streaming, sessionId, msgKey, msgKeys, useUi, lead, mentions, openFile, fileImages }) {
   const onClick = (event) => {
     const target = mentionTarget(event)
     if (target === null) return
@@ -57,7 +82,7 @@ export function Bubbles({ texts, roster, selfId, actions, streaming, sessionId,
         h('div', { className: 'bt-msg-line' },
           lead && last ? lead : null,
           h('div', { className: 'bt-bubble' },
-            h(MarkdownText, { text: linkMentions(text, roster.bots, selfId), streaming: live, labels: mdLabels(), variant: 'compact', fileMentions: mentions })),
+            bubbleMarkdown({ text: linkMentions(text, roster.bots, selfId), actions, subject: selfId ?? sessionId, openFile, fileImages, streaming: live, labels: mdLabels(), variant: 'compact', fileMentions: mentions })),
           live ? null : h(MessageTools, { text, name: roster.byId[selfId]?.name ?? t('Bot'), sessionId, react: key ? emoji => actions.toggleReaction(key, reactIndex(index), emoji) : undefined, actions })),
         picked.length ? h('div', { className: 'bt-reacts' }, picked.map(emoji => h('button', {
           key: emoji, type: 'button', className: 'bt-react', 'aria-label': t('Remove reaction {emoji}', { emoji }), onClick: () => actions.toggleReaction(key, reactIndex(index), emoji),
@@ -211,7 +236,7 @@ export function friendLead(bot, texts) {
   return h('span', { className: 'bt-lead', title: bot.name, 'data-flybot': 'friend-lead' }, h(BotMark, { bot, size: 22 }))
 }
 
-export function AssistantCell({ node, groupPart, sessionId, openFile, fileMentions, useTurnData, useRoster, useUi, useTurnSteps, useTurnContext, actions }) {
+export function AssistantCell({ node, groupPart, sessionId, openFile, fileImages, fileMentions, useTurnData, useRoster, useUi, useTurnSteps, useTurnContext, actions }) {
   const roster = useRoster(value => value)
   const data = node.data
   const steps = useTurnSteps(String(data.turn))
@@ -234,8 +259,8 @@ export function AssistantCell({ node, groupPart, sessionId, openFile, fileMentio
   if (texts.length === 0 && !reasoning && relays.length === 0) return null
   const selfId = roster.byId[sessionId]?.id ?? sessionId
   const bubbles = texts.length ? (person
-    ? h(PersonMessage, { name: person, texts, roster, selfId, actions, sessionId, msgKey: `${sessionId}:${data.turn}:${node.key ?? data.seq ?? ''}`, useUi })
-    : h(Bubbles, { texts, roster, selfId, actions, streaming: running, sessionId, msgKey: `${sessionId}:${data.turn}:${node.key ?? data.seq ?? ''}`, useUi, mentions, lead: friendLead(roster.byId[sessionId], texts) })) : null
+    ? h(PersonMessage, { name: person, texts, roster, selfId, actions, sessionId, msgKey: `${sessionId}:${data.turn}:${node.key ?? data.seq ?? ''}`, useUi, openFile, fileImages })
+    : h(Bubbles, { texts, roster, selfId, actions, streaming: running, sessionId, msgKey: `${sessionId}:${data.turn}:${node.key ?? data.seq ?? ''}`, useUi, mentions, lead: friendLead(roster.byId[sessionId], texts), openFile, fileImages })) : null
   return h(Fragment, null,
     relays.map(relay => {
       const source = relay.source
@@ -269,13 +294,13 @@ function HeldReply({ held, roster, sessionId, actions, closing, children }) {
 // A friend's line that Bot Social attests the friend typed themselves, or another person's own
 // line in a face-to-face room: the person's name and a person mark, not the Bot's (the host marks
 // the turn, remote-chat.js / turns.js, or posts it as a person line, hooks.js postHuman).
-function PersonMessage({ name, texts, roster, selfId, actions, sessionId, msgKey, useUi }) {
+function PersonMessage({ name, texts, roster, selfId, actions, sessionId, msgKey, useUi, openFile, fileImages }) {
   // #2123: the same rule as a Bot's line — text a person can read or no row (the name and mark go too).
   if (!(texts ?? []).some(text => String(text ?? '').trim() !== '')) return null
   const lead = h('span', { className: 'bt-lead', title: name }, h(PersonMark, { name }))
   return h('div', { className: 'bt-group-msg bt-person-msg', 'data-person': name },
     h('span', { className: 'bt-group-name' }, name),
-    h(Bubbles, { texts, roster, selfId, actions, sessionId, msgKey, useUi, lead }))
+    h(Bubbles, { texts, roster, selfId, actions, sessionId, msgKey, useUi, lead, openFile, fileImages }))
 }
 
 function EventLine({ prefix, bots, joiner = t('and'), onOpen, whole = false }) {
@@ -334,7 +359,7 @@ export function heldLineState(room, { seq, botId, text } = {}, now = Date.now())
 }
 
 // One Bot message inside a group chat: avatar, name (with its group role), bubble.
-function GroupMessage({ bot, text, room, roster, actions, msgKey, useUi, seq }) {
+function GroupMessage({ bot, text, room, roster, actions, msgKey, useUi, seq, openFile, fileImages }) {
   // #2123: the Bot posted no words (a turn that only called tools, a reply carried by a card): there is
   // no line to draw, and drawing one leaves the avatar and an empty bubble under the trace row.
   if (String(text ?? '').trim() === '') return null
@@ -352,7 +377,7 @@ function GroupMessage({ bot, text, room, roster, actions, msgKey, useUi, seq })
   const name = h('span', { className: 'bt-group-name', style: { color: inkText(colorOf(bot)) } }, faceBotLabel(room, roster, bot) ?? bot.name,
     room?.admin === bot.id ? h('span', { className: 'bt-group-role' }, t('Admin')) : null)
   return h('div', { className: 'bt-group-msg' }, name,
-    h(Bubbles, { texts: [text], roster, selfId: bot.id, actions, sessionId: room?.id, msgKey, useUi, lead }))
+    h(Bubbles, { texts: [text], roster, selfId: bot.id, actions, sessionId: room?.id, msgKey, useUi, lead, openFile, fileImages }))
 }
 
 // A friend's remote Bot speaking in this chat, laid out like any chat partner: its own
@@ -402,7 +427,7 @@ function faceSeatLook(room, handle) {
 
 const cleanCarrier = value => (typeof value === 'string' && value.trim() && !/[@()]/.test(value) ? value.trim() : '')
 
-export function RemoteMessage({ source, text, roster, actions, sessionId, msgKey, useUi }) {
+export function RemoteMessage({ source, text, roster, actions, sessionId, msgKey, useUi, openFile, fileImages }) {
   const room = roster.roomsById?.[sessionId]
   const face = room?.origin === 'face-to-face'
   const { bot, member, name, handle, carrier, chatId } = remoteSpeaker(source, roster, sessionId)
@@ -419,7 +444,7 @@ export function RemoteMessage({ source, text, roster, actions, sessionId, msgKey
       // One short header: the person, and the Bot that carried the line only when it is known (#275).
       h('span', { className: 'bt-group-name', title: handle }, person,
         carrier ? h('span', { className: 'bt-remote-handle' }, t('via {name}', { name: carrier })) : null),
-      String(words ?? '').trim() === '' ? null : h(Bubbles, { texts: [words], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead: h('span', { className: 'bt-lead', title: person }, h(PersonMark, { name: person })) }),
+      String(words ?? '').trim() === '' ? null : h(Bubbles, { texts: [words], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead: h('span', { className: 'bt-lead', title: person }, h(PersonMark, { name: person })), openFile, fileImages }),
       files.length ? h(RemoteFiles, { files, plugin: member?.plugin ?? 'social', botId: roster.byId[sessionId]?.id ?? sessionId }) : null)
   }
   const mark = h(BotMark, { bot, size: 22 })
@@ -432,7 +457,7 @@ export function RemoteMessage({ source, text, roster, actions, sessionId, msgKey
       ? h('span', { className: 'bt-group-name', style: { color: inkText(colorOf(bot)) }, title: handle }, name)
       : h('span', { className: 'bt-group-name', style: { color: inkText(colorOf(bot)) } }, name,
         h('span', { className: 'bt-remote-handle', title: source.remote.home ?? handle, 'aria-label': t('Friend\'s Bot') }, h(GlobeMark), handle)),
-    String(words ?? '').trim() === '' ? null : h(Bubbles, { texts: [words], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead }),
+    String(words ?? '').trim() === '' ? null : h(Bubbles, { texts: [words], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead, openFile, fileImages }),
     files.length ? h(RemoteFiles, { files, plugin: member?.plugin ?? 'social', botId: roster.byId[sessionId]?.id ?? sessionId }) : null)
 }
 
@@ -514,7 +539,7 @@ const scrollParent = (node) => {
 // The earlier parts of a Bot's own chat, above its current part as one conversation.
 // Pages load from the host as the user scrolls up; a thin line marks where each
 // part begins, the last one where the current part begins.
-function EarlierParts({ sessionId, roster, actions, useUi }) {
+function EarlierParts({ sessionId, roster, actions, useUi, openFile, fileImages }) {
   const [view, setView] = useState({ items: [], cursor: undefined, loading: true, failed: false, startedAt: null })
   const top = useRef(null)
   const busy = useRef(false)
@@ -586,10 +611,10 @@ function EarlierParts({ sessionId, roster, actions, useUi }) {
       switch (row.kind) {
         case 'divider': return h(PartLine, { key, time: row.time })
         case 'user': return h('div', { key, className: 'bt-urow' }, h('div', { className: 'bt-ububble' },
-          row.text ? h(MarkdownText, { text: row.text, labels: mdLabels(), variant: 'compact' }) : null,
+          row.text ? bubbleMarkdown({ text: row.text, actions, subject: selfId ?? sessionId, openFile, fileImages, labels: mdLabels(), variant: 'compact' }) : null,
           row.images ? h('span', { className: 'bt-uimages' }, row.images === 1 ? t('1 image') : t('{count} images', { count: row.images })) : null))
         case 'answer': return h(AnsweredCell, { key, node: { data: row } })
-        case 'bot': return h(Bubbles, { key, texts: row.texts, msgKeys: row.msgKeys, roster, selfId, actions, sessionId, useUi })
+        case 'bot': return h(Bubbles, { key, texts: row.texts, msgKeys: row.msgKeys, roster, selfId, actions, sessionId, useUi, openFile, fileImages })
         case 'event': {
           if (row.role === 'report') return h(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' }
@@ -602,7 +627,7 @@ function EarlierParts({ sessionId, roster, actions, useUi }) {
     h(PartLine, { time: view.startedAt }))
 }
 
-export function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnClock, useUi, actions }) {
+export function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnClock, useUi, actions, openFile, fileImages }) {
   const roster = useRoster(value => value)
   const data = node.data
   const source = data.source !== null && typeof data.source === 'object' ? data.source : {}
@@ -646,12 +671,12 @@ export function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnCl
     // A line that arrived while a round was running is that round's bubble already (#455).
     if (source.shown === true) return null
     if (source.remote?.handle) {
-      const message = h(RemoteMessage, { source, text: remoteMessageText(stripHeader(contentText(data.content))), roster, actions, sessionId, msgKey: `${sessionId}:${data.turn}:remote`, useUi })
+      const message = h(RemoteMessage, { source, text: remoteMessageText(stripHeader(contentText(data.content))), roster, actions, sessionId, msgKey: `${sessionId}:${data.turn}:remote`, useUi, openFile, fileImages })
       return source.remote.firstContact === true ? h(Fragment, null, h(FirstContact, { source, roster, sessionId }), message) : message
     }
     if (source.kind === 'bot') {
       // A part opens with its handoff package, so the earlier parts go right above it.
-      if (source.handoff === true) return roster.roomsById[sessionId] ? null : h(EarlierParts, { sessionId, roster, actions, useUi })
+      if (source.handoff === true) return roster.roomsById[sessionId] ? null : h(EarlierParts, { sessionId, roster, actions, useUi, openFile, fileImages })
       // Group turns belong to the group chat; the member's own chat stays one-to-one. A
       // kickoff line was a setup prompt, never a message the parent Bot sent (#698).
       if (source.role === 'room' || source.role === 'kickoff') return null
@@ -668,7 +693,7 @@ export function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnCl
         if (source.notice === true || source.senderSessionId === 'face-notice') return null
         const room = roster.roomsById[sessionId]
         const poster = roster.byId[source.senderSessionId] ?? { id: source.senderSessionId, name: source.senderName ?? t('a Bot'), color: 'gray' }
-        return h(GroupMessage, { bot: poster, text: stripHeader(contentText(data.content)), room, roster, actions, msgKey: `${sessionId}:${data.turn}:post`, useUi })
+        return h(GroupMessage, { bot: poster, text: stripHeader(contentText(data.content)), room, roster, actions, msgKey: `${sessionId}:${data.turn}:post`, useUi, openFile, fileImages })
       }
       if (source.role === 'report') {
         return h(GroupEvent, { prefix: t('Replies from'), room: roster.roomsById[source.roomId], name: t('a group chat'), roster, actions })
@@ -932,7 +957,7 @@ function useLiveNote(actions, sessionId, id, entry) {
   }, [sessionId, id, key])
 }
 
-export function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi }) {
+export function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi, openFile, fileImages }) {
   const [live, setLive] = useState({ replies: [] })
   useEffect(() => {
     if (done) return undefined
@@ -968,13 +993,13 @@ export function GroupReplies({ sessionId, callId, done, content, roster, actions
         // Another person's own line: their name and person mark beside a received bubble,
         // never the sent-bubble style of my own lines (#180, #229).
         if (reply.other) {
-          return h(PersonMessage, { key: `user-${index}`, name: who, texts: [remoteMessageText(reply.text)], roster, selfId: sessionId, actions, sessionId, msgKey: callId ? `${sessionId}:${callId}:${index}` : undefined, useUi })
+          return h(PersonMessage, { key: `user-${index}`, name: who, texts: [remoteMessageText(reply.text)], roster, selfId: sessionId, actions, sessionId, msgKey: callId ? `${sessionId}:${callId}:${index}` : undefined, useUi, openFile, fileImages })
         }
         // My own line in a face room has my person mark too, as everyone else's (#457).
         return h('div', { key: `user-${index}`, className: 'bt-urow', 'data-author': reply.authorId, 'data-author-name': who },
           who ? h('span', { className: 'bt-uauthor' }, who) : null,
           h('div', { className: 'bt-ububble' },
-          h(MarkdownText, { text: remoteMessageText(reply.text), labels: mdLabels(), variant: 'compact' })),
+          bubbleMarkdown({ text: remoteMessageText(reply.text), actions, subject: reply.botId ?? sessionId, openFile, fileImages, labels: mdLabels(), variant: 'compact' })),
           room?.origin === 'face-to-face' ? h('span', { className: 'bt-lead', title: who || undefined }, h(PersonMark, { name: who || undefined })) : null)
       }
       if (reply.kind === 'failed') {
@@ -1012,6 +1037,8 @@ export function GroupReplies({ sessionId, callId, done, content, roster, actions
       const remote = reply.remote || (reply.handle && !roster.byId[reply.botId])
       if (remote) {
         return h(RemoteMessage, {
+          openFile,
+          fileImages,
           key: `${reply.botId || reply.handle}-${index}`,
           source: { remote: { handle: reply.handle || reply.botId }, senderName: reply.name || reply.who, senderSessionId: reply.botId },
           text: remoteMessageText(reply.text),
@@ -1022,7 +1049,7 @@ export function GroupReplies({ sessionId, callId, done, content, roster, actions
           useUi,
         })
       }
-      return h(GroupMessage, { key: `${reply.botId}-${index}`, bot, text: reply.text, room, roster, actions, msgKey: callId ? `${sessionId}:${callId}:${index}` : undefined, useUi, seq: reply.seq })
+      return h(GroupMessage, { key: `${reply.botId}-${index}`, bot, text: reply.text, room, roster, actions, msgKey: callId ? `${sessionId}:${callId}:${index}` : undefined, useUi, seq: reply.seq, openFile, fileImages })
     }))
 }
 
@@ -1059,7 +1086,7 @@ function useShownCards(actions, sessionId, callIds) {
   }, [sessionId, key])
 }
 
-function renderCall(call, { sessionId, roster, actions, useUi, findBot }) {
+function renderCall(call, { sessionId, roster, actions, useUi, findBot, openFile, fileImages }) {
   const tool = toolName(call)
   const done = call.kind === 'tool-result'
   const { text: arg, value: argValue } = toolArgs(call)
@@ -1085,7 +1112,7 @@ function renderCall(call, { sessionId, roster, actions, useUi, findBot }) {
       return done && target ? h(EventLine, { prefix: t('Updated'), bots: [target], onOpen: bot => actions.openSession(bot.id) }) : null
     }
     case 'group_relay':
-      return h(GroupReplies, { sessionId, callId: call.callId, done, content: call.content, roster, actions, useUi })
+      return h(GroupReplies, { sessionId, callId: call.callId, done, content: call.content, roster, actions, useUi, openFile, fileImages })
     case 'create_group':
     case 'update_group':
     case 'delete_group':
@@ -1135,7 +1162,7 @@ function renderCall(call, { sessionId, roster, actions, useUi, findBot }) {
   }
 }
 
-export function ToolCell({ node, sessionId, useRoster, useUi, actions }) {
+export function ToolCell({ node, sessionId, useRoster, useUi, actions, openFile, fileImages }) {
   const roster = useRoster(value => value)
   const root = node.data.root
   const turn = node.location?.turn?.turn ?? root.turn
@@ -1150,6 +1177,6 @@ export function ToolCell({ node, sessionId, useRoster, useUi, actions }) {
   useLiveNote(actions, sessionId, `tool:${root.callId ?? node.key}`, note)
   useShownCards(actions, sessionId, drawn.filter(call => CARDS.has(toolName(call)) && call.callId).map(call => call.callId))
   if (drawn.length === 0) return null
-  const env = { sessionId, roster, actions, useUi, findBot }
+  const env = { sessionId, roster, actions, useUi, findBot, openFile, fileImages }
   return h(Fragment, null, drawn.map((call, index) => h(Fragment, { key: call.callId ?? index }, renderCall(call, env))))
 }
diff --git a/core/test/chat-link-open.test.js b/core/test/chat-link-open.test.js
new file mode 100644
index 00000000..cf4f2de9
--- /dev/null
+++ b/core/test/chat-link-open.test.js
@@ -0,0 +1,222 @@
+// #2201: a link in a chat message was left to the host, which opens it in its own right sidebar — a
+// browser tab FlyBot's fixed panel covers, so the content area looked blank and no error appeared.
+// The link now opens a tab in FlyBot's own panel, the browser view the globe button already uses, and
+// carries the URL there. Each case clicks the anchor MarkdownText draws and reads the action the page
+// really calls; without the Desktop bridge there is no panel, so the page opens in the window itself.
+import { test } from 'node:test'
+import assert from 'node:assert/strict'
+import { fileURLToPath } from 'node:url'
+import { runInNewContext } from 'node:vm'
+import { build } from 'esbuild'
+
+const h = (type, props, ...children) => ({ type, props: { ...props, children: children.flat(Infinity) } })
+const all = (node, out = []) => {
+  if (Array.isArray(node)) { for (const child of node) all(child, out); return out }
+  if (node && typeof node === 'object') { out.push(node); for (const child of [node.props?.children].flat(Infinity)) all(child, out) }
+  return out
+}
+
+// The platform's Markdown scope: the nearest provider hands the link handler down, and the anchor
+// MarkdownText draws calls it exactly as the real one does on a plain HTTP(S) click.
+const delegate = { openExternalLink: undefined, openFile: undefined, fileImages: undefined }
+function MarkdownDelegateProvider({ openExternalLink, openFile, fileImages, children }) {
+  Object.assign(delegate, { openExternalLink, openFile, fileImages })
+  return children
+}
+const LINK = /\]\((https?:\/\/[^)\s]+)\)/
+function MarkdownText({ text }) {
+  const href = String(text ?? '').match(LINK)?.[1]
+  if (!href) return h('span', { className: 'bt-md', text })
+  return h('a', {
+    className: 'bt-md-link',
+    href,
+    onClick: (event) => { event?.preventDefault?.(); delegate.openExternalLink?.(href) },
+  })
+}
+
+// One state slot set per component path, effects only when their deps change, setters mark the tree
+// dirty so the caller renders again: enough to run the components this file builds.
+const runtime = { instances: new Map(), key: 'root', index: 0 }
+function instance(key) {
+  let inst = runtime.instances.get(key)
+  if (!inst) { inst = { slots: [], refs: [], pending: [], deps: new Map() }; runtime.instances.set(key, inst) }
+  return inst
+}
+function withInstance(key, run) {
+  const previousKey = runtime.key
+  const previousIndex = runtime.index
+  runtime.key = key
+  runtime.index = 0
+  try { return run() } finally { runtime.key = previousKey; runtime.index = previousIndex }
+}
+const react = {
+  createElement: h,
+  Fragment: Symbol('Fragment'),
+  useEffect: (run, deps) => instance(runtime.key).pending.push({ index: runtime.index++, run, deps }),
+  useLayoutEffect: (run, deps) => instance(runtime.key).pending.push({ index: runtime.index++, run, deps }),
+  useMemo: (make) => make(),
+  useCallback: (fn) => fn,
+  useRef: (current) => {
+    const inst = instance(runtime.key)
+    const index = runtime.index++
+    if (!(index in inst.refs)) inst.refs[index] = { current }
+    return inst.refs[index]
+  },
+  useState: (initial) => {
+    const inst = instance(runtime.key)
+    const index = runtime.index++
+    if (!(index in inst.slots)) inst.slots[index] = typeof initial === 'function' ? initial() : initial
+    const set = (next) => { inst.slots[index] = typeof next === 'function' ? next(inst.slots[index]) : next }
+    return [inst.slots[index], set]
+  },
+}
+
+const bundle = await build({
+  entryPoints: [fileURLToPath(new URL('../src/client/cells.js', import.meta.url))],
+  bundle: true, format: 'cjs', platform: 'browser', write: false, logLevel: 'silent',
+  external: ['react', 'react-dom', '@deepseek-ai/dsh-client-ui-primitives'],
+})
+const opened = []
+const env = {
+  module: { exports: {} },
+  document: { body: {}, hidden: false, addEventListener() {}, removeEventListener() {} },
+  navigator: { language: 'en' },
+  localStorage: { getItem: () => null, setItem() {} },
+  window: { innerHeight: 800, innerWidth: 1400, addEventListener() {}, removeEventListener() {}, open: (...args) => opened.push(args) },
+  setTimeout, clearTimeout,
+}
+env.require = (name) => {
+  if (name === 'react') return react
+  if (name === 'react-dom') return { createPortal: (node) => node }
+  if (name === '@deepseek-ai/dsh-client-ui-primitives') return { MarkdownText, MarkdownDelegateProvider }
+  throw new Error(`Unexpected platform module ${name}`)
+}
+runInNewContext(bundle.outputFiles[0].text, env)
+const { Bubbles } = env.module.exports
+
+// Function components run the way React runs them, so the provider and the bubble see their props.
+const expand = (node, path = 'r') => {
+  if (node === null || node === undefined || typeof node === 'boolean') return null
+  if (Array.isArray(node)) return node.map((child, at) => expand(child, `${path}.${at}`))
+  if (typeof node !== 'object') return node
+  if (typeof node.type === 'function') return withInstance(path, () => expand(node.type(node.props), path))
+  return { ...node, props: { ...node.props, children: expand(node.props.children, path) } }
+}
+const clickLink = (tree) => {
+  const anchor = all(tree).find(node => node.type === 'a')
+  assert.ok(anchor, 'the bubble draws the link as an anchor')
+  anchor.props.onClick({ preventDefault() {} })
+  return anchor.props.href
+}
+
+// The panel the way index.js drives it: browserNewTab puts a tab in the Bot's strip and moves the
+// panel to the browser view (null when the Bot is not in the roster), browserNavigate loads the tab.
+const panelHarness = () => {
+  const panel = { details: null, view: 'details', renaming: false, tab: null }
+  const tabs = new Map()
+  const calls = []
+  let next = 0
+  return {
+    panel, tabs, calls,
+    useUi: (read) => read(panel),
+    browserNewTab: (id) => {
+      calls.push(['tab', id])
+      if (!ROSTER.byId[id]) return null
+      const tabId = `t${++next}`
+      tabs.set(tabId, null)
+      Object.assign(panel, { details: id, view: 'browser', renaming: false, tab: null })
+      return tabId
+    },
+    browserNavigate: (tabId, url) => {
+      calls.push(['navigate', tabId, url])
+      if (!tabs.has(tabId)) throw new Error(`browserNavigate called with no tab: ${String(tabId)}`)
+      tabs.set(tabId, url)
+      return Promise.resolve(true)
+    },
+  }
+}
+
+const ROSTER = { bots: [], byId: { b1: { id: 'b1', name: 'FlyBot', color: 'blue' } }, roomsById: {} }
+
+test('#2201: a link in an assistant bubble opens FlyBot\'s own panel with the URL', () => {
+  const p = panelHarness()
+  const actions = { browserNewTab: p.browserNewTab, browserNavigate: p.browserNavigate, toggleReaction() {} }
+  const tree = expand(h(Bubbles, { texts: ['see [the issue](https://github.com/o/r/issues/2) for detail'], roster: ROSTER, selfId: 'b1', actions, sessionId: 'b1', useUi: p.useUi }))
+  const href = clickLink(tree)
+  assert.deepEqual(p.calls, [['tab', 'b1'], ['navigate', 't1', href]], 'the link opens a tab in FlyBot\'s panel and carries the URL there')
+  assert.equal(p.tabs.get('t1'), href, 'the tab shows the URL the link pointed at')
+  assert.equal(p.panel.view, 'browser', 'the panel is on the browser view, not the details panel that covered the page')
+  assert.equal(p.panel.details, 'b1', 'the panel is showing the Bot whose chat the link was in')
+})
+
+test('#2201: the click does not depend on the details panel being open or closed', () => {
+  const url = 'https://github.com/o/r/issues/2'
+  for (const details of ['b1', null]) {
+    const p = panelHarness()
+    Object.assign(p.panel, { details, view: 'details' })
+    const actions = { browserNewTab: p.browserNewTab, browserNavigate: p.browserNavigate }
+    const tree = expand(h(Bubbles, { texts: [`[x](${url})`], roster: ROSTER, selfId: 'b1', actions, sessionId: 'b1', useUi: p.useUi }))
+    clickLink(tree)
+    assert.deepEqual(p.calls, [['tab', 'b1'], ['navigate', 't1', url]], `the panel opens the same way with details ${details ? 'open' : 'closed'}`)
+    assert.equal(p.panel.view, 'browser', 'the view the person lands on is the browser view either way')
+    assert.equal(p.tabs.get('t1'), url)
+  }
+})
+
+test('#2201: a Bot outside the roster gets no tab and the page opens in the window once', () => {
+  opened.length = 0
+  const p = panelHarness()
+  const actions = { browserNewTab: p.browserNewTab, browserNavigate: p.browserNavigate }
+  const tree = expand(h(Bubbles, { texts: ['[x](https://example.com/b)'], roster: ROSTER, selfId: 'ghost', actions, sessionId: 'ghost', useUi: p.useUi }))
+  let href
+  assert.doesNotThrow(() => { href = clickLink(tree) }, 'a missing tab falls back instead of throwing')
+  assert.deepEqual(p.calls, [['tab', 'ghost']], 'no navigation is attempted when browserNewTab answers null')
+  assert.equal(p.panel.view, 'details', 'the panel is left where it was')
+  // Exactly one window: a fallback here and another in the host would open the page twice.
+  assert.deepEqual(opened, [[href, '_blank', 'noopener']], 'the page opens in the window exactly once')
+})
+
+test('#2201: a room bubble targets the Bot that spoke, not the room id', () => {
+  // GroupMessage renders Bubbles with the room as sessionId and the speaking Bot as selfId; the
+  // room id is not a Bot, so browserNewTab(room) answers null and the click would go nowhere.
+  opened.length = 0
+  const p = panelHarness()
+  const actions = { browserNewTab: p.browserNewTab, browserNavigate: p.browserNavigate }
+  const tree = expand(h(Bubbles, { texts: ['[x](https://example.com/room)'], roster: ROSTER, selfId: 'b1', actions, sessionId: 'room-1', useUi: p.useUi }))
+  const href = clickLink(tree)
+  assert.deepEqual(p.calls, [['tab', 'b1'], ['navigate', 't1', href]], 'the tab opens for the Bot whose message carried the link')
+  assert.equal(p.tabs.get('t1'), href, 'the tab carries the URL')
+  assert.deepEqual(opened, [], 'nothing falls back to the window when the panel opened the link')
+})
+
+test('#2201: without the Desktop bridge the page opens in the window itself', () => {
+  opened.length = 0
+  const actions = {}
+  const tree = expand(h(Bubbles, { texts: ['[x](https://example.com/a)'], roster: ROSTER, selfId: 'b1', actions, sessionId: 'b1', useUi: (read) => read({ details: null, view: 'details' }) }))
+  const href = clickLink(tree)
+  assert.deepEqual(opened, [[href, '_blank', 'noopener']], 'the link opens in the window, exactly once')
+})
+
+test('#2201: the bubble keeps the host\'s file opener and image resolver', () => {
+  // The nearest MarkdownDelegateProvider replaces the enclosing capabilities, so a provider that
+  // carried only openExternalLink dropped openFile (a local `[x](path#L12)` link rendered as plain
+  // text instead of a chip) and fileImages (local images). Bubbles is where the host hands them
+  // over; the delegate it builds must carry both on to MarkdownText.
+  const openFile = (path) => { throw new Error(`not called here: ${path}`) }
+  const fileImages = { resolve: (path) => `/media/${path}`, labels: { open: 'Open', loading: 'Loading', failed: 'Failed', dialog: 'Image', close: 'Close' } }
+  const p = panelHarness()
+  const actions = { browserNewTab: p.browserNewTab, browserNavigate: p.browserNavigate }
+  expand(h(Bubbles, { texts: ['[x](https://example.com/a)'], roster: ROSTER, selfId: 'b1', actions, sessionId: 'b1', useUi: p.useUi, openFile, fileImages }))
+  assert.equal(delegate.openFile, openFile, 'the delegate carries the host\'s openFile, so local file links stay chips')
+  assert.equal(delegate.fileImages, fileImages, 'the delegate carries the host\'s fileImages, so local images keep previewing')
+})
+
+test('#2201: a tab with no navigation falls back to the window instead of doing nothing', () => {
+  opened.length = 0
+  const p = panelHarness()
+  const actions = { browserNewTab: p.browserNewTab }
+  const tree = expand(h(Bubbles, { texts: ['[x](https://example.com/c)'], roster: ROSTER, selfId: 'b1', actions, sessionId: 'b1', useUi: p.useUi }))
+  let href
+  assert.doesNotThrow(() => { href = clickLink(tree) }, 'a tab without browserNavigate does not throw')
+  assert.deepEqual(opened, [[href, '_blank', 'noopener']], 'the page still opens, exactly once')
+})
diff --git a/docs/subsystems/core-client.md b/docs/subsystems/core-client.md
index 83555e47..b833d725 100644
--- a/docs/subsystems/core-client.md
+++ b/docs/subsystems/core-client.md
@@ -18,6 +18,7 @@ The browser side of the patched `ds-bot` core (`core/`): sources in `core/src/cl
 - Chat context rows: a tool the plugin registers at install draws one `tool-addition` row, and `cells.js` keeps every name in `TEAM_TOOLS` out of the chat (`SILENT_REGISTRATION_TOOLS`, #1101) — the Project Assistant's `project_digest` joins them (#1712), so its 09:00 Session shows the digest, not its registration.
 - A Settings dialog takes focus when it opens (`useDialogFocus` in `core/src/client/overlay-hooks.js`; the `.bt-settings` dialog carries `tabIndex -1` and a ref) and gives it back to the still-connected opener when it closes; it is not a focus trap, so Tab can still leave the dialog for the page behind the scrim (#2251). It is drawn for `DIALOG_EXIT_MS` (160 ms) with `pointer-events: none` on the leaving layer, so the unmount restores focus only while the dialog still holds it (or nothing does) — a click on the page during that window keeps its focus (#2270).
 - Settings → Feedback's error list (`feedback.js`) still titles the block with the whole log (`Recent errors · 60`) but lists only the newest eight, so when the report holds more rows one `Show more` control (`aria-expanded`) sits under them and draws every loaded error, folding back to `Show less`; a report of eight or fewer draws no control (#2266).
+- A link picked in a chat message opens in FlyBot's own panel: `cells.js` scopes the bubble's Markdown in `MarkdownDelegateProvider`, whose `openExternalLink` puts a tab in the panel's browser view (the globe button's view) with `actions.browserNewTab` and carries the URL with `actions.browserNavigate`; `browserNewTab` answers `null` for a Bot outside the roster and the navigation is skipped; without the Desktop bridge there is no panel and the page opens in the window itself. Left to the host the click opened a tab in the host's right sidebar, which this panel's fixed layer covers, so the content area looked blank (#2201). Tests: `core/test/chat-link-open.test.js`.
 
 ## Does not own
 
diff --git a/patches/ds-bot/0003-flybot-api-client.patch b/patches/ds-bot/0003-flybot-api-client.patch
index 4465c984..a428df6b 100644
--- a/patches/ds-bot/0003-flybot-api-client.patch
+++ b/patches/ds-bot/0003-flybot-api-client.patch
@@ -478,9 +478,11 @@ diff --git a/src/client/bot-settings.js b/src/client/bot-settings.js
 diff --git a/src/client/cells.js b/src/client/cells.js
 --- a/src/client/cells.js
 +++ b/src/client/cells.js
-@@ -2,12 +2,20 @@ import { createElement as h, Fragment, useEffect, useLayoutEffect, useMemo, useR
+@@ -1,13 +1,21 @@
+ import { createElement as h, Fragment, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react'
  import { createPortal } from 'react-dom'
- import { MarkdownText } from '@deepseek-ai/dsh-client-ui-primitives'
+-import { MarkdownText } from '@deepseek-ai/dsh-client-ui-primitives'
++import { MarkdownText, MarkdownDelegateProvider } from '@deepseek-ai/dsh-client-ui-primitives'
  import { inkText } from './inks.js'
 -import { linkMentions, mentionTarget, dayLabel, contentText, stripHeader, isHiddenTurn, isRelayContext, relaysBefore, relayPart, commRunOf, toolName, toolArgs, reminderPrompts } from './text.js'
 +import { currentPart, linkMentions, mentionTarget, dayLabel, contentText, stripHeader, stripTrace, isHiddenTurn, typedBy, heldReplyOf, isRelayContext, relaysBefore, relayPart, commRunOf, toolName, toolArgs, reminderPrompts, isPluginTool } from './text.js'
@@ -501,12 +503,39 @@ diff --git a/src/client/cells.js b/src/client/cells.js
  import { failureLabel } from './diagnostics.js'
  import { turnReasoning } from './turn-reasoning.js'
  
-@@ -18,7 +18,7 @@ const mdLabels = () => ({ code: { copyLabel: t('Copy'), copiedLabel: t('Copied')
+@@ -16,9 +16,34 @@ import { turnReasoning } from './turn-reasoning.js'
  
+ const mdLabels = () => ({ code: { copyLabel: t('Copy'), copiedLabel: t('Copied') }, footnotes: t('Footnotes') })
+ 
++// #2201: a link a person picks inside a bubble belongs to FlyBot's own panel. Left alone the host opens
++// it in its right sidebar — a browser tab this panel's fixed layer covers, so the content area looks
++// blank — and nothing in FlyBot ever sees the click. The link therefore opens a tab in the panel's own
++// browser view (the one the globe button opens) carrying the URL; without the Desktop bridge there is
++// no panel at all, and the page opens in the window itself. An element builder, not a component: the
++// provider sits directly above the text so the bubble keeps one Markdown node, as before.
++function bubbleMarkdown({ actions, subject, openFile, fileImages, ...markdown }) {
++  const openExternalLink = (href) => {
++    const tabId = typeof actions?.browserNewTab === 'function' ? actions.browserNewTab(subject) : null
++    if (tabId !== undefined && tabId !== null && typeof actions.browserNavigate === 'function') {
++      void actions.browserNavigate(tabId, href)
++      return
++    }
++    // No tab for this link — a room id, a Bot outside the roster, no bridge, or no navigation —
++    // so the page opens in the window itself. Exactly one window here: opening in both places
++    // would show two tabs (#2201 review).
++    if (typeof window !== 'undefined' && typeof window.open === 'function') window.open(href, '_blank', 'noopener')
++  }
++  // The nearest provider *replaces* the enclosing Markdown scope (primitives: "Nested providers
++  // replace the enclosing capabilities"), so the host's file opener and image resolver have to
++  // ride with this one: a local `[x](path#L12)` link keeps its chip and a local image keeps
++  // previewing, as they did before the bubble got a delegate of its own.
++  return h(MarkdownDelegateProvider, { openExternalLink, openFile, fileImages }, h(MarkdownText, markdown))
++}
++
  // `lead` (a sender avatar in group chats) sits beside the last bubble, in the same
  // row, so it lines up with the bubble whether or not reactions hang below it.
 -export function Bubbles({ texts, roster, selfId, actions, streaming, sessionId, msgKey, useUi, lead, mentions }) {
-+export function Bubbles({ texts, roster, selfId, actions, streaming, sessionId, msgKey, msgKeys, useUi, lead, mentions }) {
++export function Bubbles({ texts, roster, selfId, actions, streaming, sessionId, msgKey, msgKeys, useUi, lead, mentions, openFile, fileImages }) {
    const onClick = (event) => {
      const target = mentionTarget(event)
      if (target === null) return
@@ -542,8 +571,9 @@ diff --git a/src/client/cells.js b/src/client/cells.js
          h('div', { className: 'bt-msg-line' },
            lead && last ? lead : null,
            h('div', { className: 'bt-bubble' },
-             h(MarkdownText, { text: linkMentions(text, roster.bots, selfId), streaming: live, labels: mdLabels(), variant: 'compact', fileMentions: mentions })),
+-            h(MarkdownText, { text: linkMentions(text, roster.bots, selfId), streaming: live, labels: mdLabels(), variant: 'compact', fileMentions: mentions })),
 -          live ? null : h(MessageTools, { text, name: roster.byId[selfId]?.name ?? t('Bot'), sessionId, react: key ? emoji => actions.toggleReaction(msgKey, index, emoji) : undefined, actions })),
++            bubbleMarkdown({ text: linkMentions(text, roster.bots, selfId), actions, subject: selfId ?? sessionId, openFile, fileImages, streaming: live, labels: mdLabels(), variant: 'compact', fileMentions: mentions })),
 +          live ? null : h(MessageTools, { text, name: roster.byId[selfId]?.name ?? t('Bot'), sessionId, react: key ? emoji => actions.toggleReaction(key, reactIndex(index), emoji) : undefined, actions })),
          picked.length ? h('div', { className: 'bt-reacts' }, picked.map(emoji => h('button', {
 -          key: emoji, type: 'button', className: 'bt-react', 'aria-label': t('Remove reaction {emoji}', { emoji }), onClick: () => actions.toggleReaction(msgKey, index, emoji),
@@ -627,6 +657,7 @@ diff --git a/src/client/cells.js b/src/client/cells.js
    }, [fileMentions, openFile, seq, tail, turn])
  }
  
+-export function AssistantCell({ node, groupPart, sessionId, openFile, fileMentions, useTurnData, useRoster, useUi, useTurnSteps, useTurnContext, actions }) {
 +// Whether this text is the one that closes its turn (no turn data: assume it is).
 +function useClosingText(node, useTurnData) {
 +  const tail = useTurnData?.('turn-tail')
@@ -644,7 +675,7 @@ diff --git a/src/client/cells.js b/src/client/cells.js
 +  return h('span', { className: 'bt-lead', title: bot.name, 'data-flybot': 'friend-lead' }, h(BotMark, { bot, size: 22 }))
 +}
 +
- export function AssistantCell({ node, groupPart, sessionId, openFile, fileMentions, useTurnData, useRoster, useUi, useTurnSteps, useTurnContext, actions }) {
++export function AssistantCell({ node, groupPart, sessionId, openFile, fileImages, fileMentions, useTurnData, useRoster, useUi, useTurnSteps, useTurnContext, actions }) {
    const roster = useRoster(value => value)
    const data = node.data
    const steps = useTurnSteps(String(data.turn))
@@ -664,8 +695,8 @@ diff --git a/src/client/cells.js b/src/client/cells.js
    if (texts.length === 0 && !reasoning && relays.length === 0) return null
    const selfId = roster.byId[sessionId]?.id ?? sessionId
 +  const bubbles = texts.length ? (person
-+    ? h(PersonMessage, { name: person, texts, roster, selfId, actions, sessionId, msgKey: `${sessionId}:${data.turn}:${node.key ?? data.seq ?? ''}`, useUi })
-+    : h(Bubbles, { texts, roster, selfId, actions, streaming: running, sessionId, msgKey: `${sessionId}:${data.turn}:${node.key ?? data.seq ?? ''}`, useUi, mentions, lead: friendLead(roster.byId[sessionId], texts) })) : null
++    ? h(PersonMessage, { name: person, texts, roster, selfId, actions, sessionId, msgKey: `${sessionId}:${data.turn}:${node.key ?? data.seq ?? ''}`, useUi, openFile, fileImages })
++    : h(Bubbles, { texts, roster, selfId, actions, streaming: running, sessionId, msgKey: `${sessionId}:${data.turn}:${node.key ?? data.seq ?? ''}`, useUi, mentions, lead: friendLead(roster.byId[sessionId], texts), openFile, fileImages })) : null
    return h(Fragment, null,
      relays.map(relay => {
        const source = relay.source
@@ -694,17 +725,17 @@ diff --git a/src/client/cells.js b/src/client/cells.js
 +// A friend's line that Bot Social attests the friend typed themselves, or another person's own
 +// line in a face-to-face room: the person's name and a person mark, not the Bot's (the host marks
 +// the turn, remote-chat.js / turns.js, or posts it as a person line, hooks.js postHuman).
-+function PersonMessage({ name, texts, roster, selfId, actions, sessionId, msgKey, useUi }) {
++function PersonMessage({ name, texts, roster, selfId, actions, sessionId, msgKey, useUi, openFile, fileImages }) {
 +  // #2123: the same rule as a Bot's line — text a person can read or no row (the name and mark go too).
 +  if (!(texts ?? []).some(text => String(text ?? '').trim() !== '')) return null
 +  const lead = h('span', { className: 'bt-lead', title: name }, h(PersonMark, { name }))
 +  return h('div', { className: 'bt-group-msg bt-person-msg', 'data-person': name },
 +    h('span', { className: 'bt-group-name' }, name),
-+    h(Bubbles, { texts, roster, selfId, actions, sessionId, msgKey, useUi, lead }))
++    h(Bubbles, { texts, roster, selfId, actions, sessionId, msgKey, useUi, lead, openFile, fileImages }))
  }
  
  function EventLine({ prefix, bots, joiner = t('and'), onOpen, whole = false }) {
-@@ -170,16 +170,190 @@ function EventLine({ prefix, bots, joiner = t('and'), onOpen, whole = false }) {
+@@ -170,14 +170,188 @@ function EventLine({ prefix, bots, joiner = t('and'), onOpen, whole = false }) {
    return h('div', { className: 'bt-event' }, parts)
  }
  
@@ -749,7 +780,7 @@ diff --git a/src/client/cells.js b/src/client/cells.js
 +
  // One Bot message inside a group chat: avatar, name (with its group role), bubble.
 -function GroupMessage({ bot, text, room, roster, actions, msgKey, useUi }) {
-+function GroupMessage({ bot, text, room, roster, actions, msgKey, useUi, seq }) {
++function GroupMessage({ bot, text, room, roster, actions, msgKey, useUi, seq, openFile, fileImages }) {
 +  // #2123: the Bot posted no words (a turn that only called tools, a reply carried by a card): there is
 +  // no line to draw, and drawing one leaves the avatar and an empty bubble under the trace row.
 +  if (String(text ?? '').trim() === '') return null
@@ -766,13 +797,14 @@ diff --git a/src/client/cells.js b/src/client/cells.js
 -  return h('div', { className: 'bt-group-msg' },
 -    h('span', { className: 'bt-group-name', style: { color: inkText(colorOf(bot)) } }, bot.name,
 -      room?.admin === bot.id ? h('span', { className: 'bt-group-role' }, t('Admin')) : null),
+-    h(Bubbles, { texts: [text], roster, selfId: bot.id, actions, sessionId: room?.id, msgKey, useUi, lead }))
 +  // In a face room my Bot reads as everyone's does, "Chief (Ann)" (#457).
 +  const name = h('span', { className: 'bt-group-name', style: { color: inkText(colorOf(bot)) } }, faceBotLabel(room, roster, bot) ?? bot.name,
 +    room?.admin === bot.id ? h('span', { className: 'bt-group-role' }, t('Admin')) : null)
 +  return h('div', { className: 'bt-group-msg' }, name,
-     h(Bubbles, { texts: [text], roster, selfId: bot.id, actions, sessionId: room?.id, msgKey, useUi, lead }))
- }
- 
++    h(Bubbles, { texts: [text], roster, selfId: bot.id, actions, sessionId: room?.id, msgKey, useUi, lead, openFile, fileImages }))
++}
++
 +// A friend's remote Bot speaking in this chat, laid out like any chat partner: its own
 +// avatar (the one its sidebar row shows), its name, a small globe and its @handle. The
 +// words are shown as data; the Bot reading them still gets them fenced as untrusted.
@@ -820,7 +852,7 @@ diff --git a/src/client/cells.js b/src/client/cells.js
 +
 +const cleanCarrier = value => (typeof value === 'string' && value.trim() && !/[@()]/.test(value) ? value.trim() : '')
 +
-+export function RemoteMessage({ source, text, roster, actions, sessionId, msgKey, useUi }) {
++export function RemoteMessage({ source, text, roster, actions, sessionId, msgKey, useUi, openFile, fileImages }) {
 +  const room = roster.roomsById?.[sessionId]
 +  const face = room?.origin === 'face-to-face'
 +  const { bot, member, name, handle, carrier, chatId } = remoteSpeaker(source, roster, sessionId)
@@ -837,7 +869,7 @@ diff --git a/src/client/cells.js b/src/client/cells.js
 +      // One short header: the person, and the Bot that carried the line only when it is known (#275).
 +      h('span', { className: 'bt-group-name', title: handle }, person,
 +        carrier ? h('span', { className: 'bt-remote-handle' }, t('via {name}', { name: carrier })) : null),
-+      String(words ?? '').trim() === '' ? null : h(Bubbles, { texts: [words], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead: h('span', { className: 'bt-lead', title: person }, h(PersonMark, { name: person })) }),
++      String(words ?? '').trim() === '' ? null : h(Bubbles, { texts: [words], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead: h('span', { className: 'bt-lead', title: person }, h(PersonMark, { name: person })), openFile, fileImages }),
 +      files.length ? h(RemoteFiles, { files, plugin: member?.plugin ?? 'social', botId: roster.byId[sessionId]?.id ?? sessionId }) : null)
 +  }
 +  const mark = h(BotMark, { bot, size: 22 })
@@ -850,7 +882,7 @@ diff --git a/src/client/cells.js b/src/client/cells.js
 +      ? h('span', { className: 'bt-group-name', style: { color: inkText(colorOf(bot)) }, title: handle }, name)
 +      : h('span', { className: 'bt-group-name', style: { color: inkText(colorOf(bot)) } }, name,
 +        h('span', { className: 'bt-remote-handle', title: source.remote.home ?? handle, 'aria-label': t('Friend\'s Bot') }, h(GlobeMark), handle)),
-+    String(words ?? '').trim() === '' ? null : h(Bubbles, { texts: [words], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead }),
++    String(words ?? '').trim() === '' ? null : h(Bubbles, { texts: [words], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead, openFile, fileImages }),
 +    files.length ? h(RemoteFiles, { files, plugin: member?.plugin ?? 'social', botId: roster.byId[sessionId]?.id ?? sessionId }) : null)
 +}
 +
@@ -894,17 +926,15 @@ diff --git a/src/client/cells.js b/src/client/cells.js
 +    files.map(file => h('button', { key: file.id, type: 'button', className: 'bt-file-chip', disabled: busy === file.id, title: `Download ${file.name} (untrusted file from a remote Bot)`, onClick: () => download(file) },
 +      `📎 ${file.name} · ${fileSize(file.size)}`)),
 +    error ? h('span', { className: 'bt-file-error', role: 'alert' }, error) : null)
-+}
-+
+ }
+ 
  // A centered event line that names a group chat and opens it.
- function GroupEvent({ prefix, room, name, roster, actions }) {
-   return h('div', { className: 'bt-event' },
 @@ -216,7 +216,7 @@ const scrollParent = (node) => {
  // The earlier parts of a Bot's own chat, above its current part as one conversation.
  // Pages load from the host as the user scrolls up; a thin line marks where each
  // part begins, the last one where the current part begins.
 -function EarlierParts({ sessionId, roster, actions }) {
-+function EarlierParts({ sessionId, roster, actions, useUi }) {
++function EarlierParts({ sessionId, roster, actions, useUi, openFile, fileImages }) {
    const [view, setView] = useState({ items: [], cursor: undefined, loading: true, failed: false, startedAt: null })
    const top = useRef(null)
    const busy = useRef(false)
@@ -935,16 +965,29 @@ diff --git a/src/client/cells.js b/src/client/cells.js
    }
    return h('div', { className: 'bt-earlier', role: 'feed', 'aria-label': t('Earlier messages'), 'aria-busy': view.loading },
      h('div', { ref: top, className: 'bt-earlier-top' },
-@@ -279,7 +279,7 @@ function EarlierParts({ sessionId, roster, actions }) {
-           row.text ? h(MarkdownText, { text: row.text, labels: mdLabels(), variant: 'compact' }) : null,
+@@ -276,10 +276,10 @@ function EarlierParts({ sessionId, roster, actions }) {
+       switch (row.kind) {
+         case 'divider': return h(PartLine, { key, time: row.time })
+         case 'user': return h('div', { key, className: 'bt-urow' }, h('div', { className: 'bt-ububble' },
+-          row.text ? h(MarkdownText, { text: row.text, labels: mdLabels(), variant: 'compact' }) : null,
++          row.text ? bubbleMarkdown({ text: row.text, actions, subject: selfId ?? sessionId, openFile, fileImages, labels: mdLabels(), variant: 'compact' }) : null,
            row.images ? h('span', { className: 'bt-uimages' }, row.images === 1 ? t('1 image') : t('{count} images', { count: row.images })) : null))
          case 'answer': return h(AnsweredCell, { key, node: { data: row } })
 -        case 'bot': return h(Bubbles, { key, texts: row.texts, roster, selfId, actions })
-+        case 'bot': return h(Bubbles, { key, texts: row.texts, msgKeys: row.msgKeys, roster, selfId, actions, sessionId, useUi })
++        case 'bot': return h(Bubbles, { key, texts: row.texts, msgKeys: row.msgKeys, roster, selfId, actions, sessionId, useUi, openFile, fileImages })
          case 'event': {
            if (row.role === 'report') return h(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' }
-@@ -331,17 +331,31 @@ export function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnCl
+@@ -292,7 +292,7 @@ function EarlierParts({ sessionId, roster, actions }) {
+     h(PartLine, { time: view.startedAt }))
+ }
+ 
+-export function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnClock, useUi, actions }) {
++export function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnClock, useUi, actions, openFile, fileImages }) {
+   const roster = useRoster(value => value)
+   const data = node.data
+   const source = data.source !== null && typeof data.source === 'object' ? data.source : {}
+@@ -331,20 +331,34 @@ export function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnCl
      : body
  
    function triggerBody() {
@@ -953,7 +996,7 @@ diff --git a/src/client/cells.js b/src/client/cells.js
 +    // A line that arrived while a round was running is that round's bubble already (#455).
 +    if (source.shown === true) return null
 +    if (source.remote?.handle) {
-+      const message = h(RemoteMessage, { source, text: remoteMessageText(stripHeader(contentText(data.content))), roster, actions, sessionId, msgKey: `${sessionId}:${data.turn}:remote`, useUi })
++      const message = h(RemoteMessage, { source, text: remoteMessageText(stripHeader(contentText(data.content))), roster, actions, sessionId, msgKey: `${sessionId}:${data.turn}:remote`, useUi, openFile, fileImages })
 +      return source.remote.firstContact === true ? h(Fragment, null, h(FirstContact, { source, roster, sessionId }), message) : message
 +    }
      if (source.kind === 'bot') {
@@ -961,7 +1004,7 @@ diff --git a/src/client/cells.js b/src/client/cells.js
 -      if (source.handoff === true) return roster.roomsById[sessionId] ? null : h(EarlierParts, { sessionId, roster, actions })
 -      // Group turns belong to the group chat; the member's own chat stays one-to-one.
 -      if (source.role === 'kickoff' || source.role === 'room') return null
-+      if (source.handoff === true) return roster.roomsById[sessionId] ? null : h(EarlierParts, { sessionId, roster, actions, useUi })
++      if (source.handoff === true) return roster.roomsById[sessionId] ? null : h(EarlierParts, { sessionId, roster, actions, useUi, openFile, fileImages })
 +      // Group turns belong to the group chat; the member's own chat stays one-to-one. A
 +      // kickoff line was a setup prompt, never a message the parent Bot sent (#698).
 +      if (source.role === 'room' || source.role === 'kickoff') return null
@@ -979,7 +1022,11 @@ diff --git a/src/client/cells.js b/src/client/cells.js
 +        if (source.notice === true || source.senderSessionId === 'face-notice') return null
          const room = roster.roomsById[sessionId]
          const poster = roster.byId[source.senderSessionId] ?? { id: source.senderSessionId, name: source.senderName ?? t('a Bot'), color: 'gray' }
-         return h(GroupMessage, { bot: poster, text: stripHeader(contentText(data.content)), room, roster, actions, msgKey: `${sessionId}:${data.turn}:post`, useUi })
+-        return h(GroupMessage, { bot: poster, text: stripHeader(contentText(data.content)), room, roster, actions, msgKey: `${sessionId}:${data.turn}:post`, useUi })
++        return h(GroupMessage, { bot: poster, text: stripHeader(contentText(data.content)), room, roster, actions, msgKey: `${sessionId}:${data.turn}:post`, useUi, openFile, fileImages })
+       }
+       if (source.role === 'report') {
+         return h(GroupEvent, { prefix: t('Replies from'), room: roster.roomsById[source.roomId], name: t('a group chat'), roster, actions })
 @@ -411,6 +411,55 @@ export function TurnProcessCell({ node, sessionId, turnProcess, useRoster, useUi
  
  export function Nothing() { return null }
@@ -1081,7 +1128,7 @@ diff --git a/src/client/cells.js b/src/client/cells.js
  
 -function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi, useWork }) {
 -  const [live, setLive] = useState({ replies: [], speaking: null })
-+export function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi }) {
++export function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi, openFile, fileImages }) {
 +  const [live, setLive] = useState({ replies: [] })
    useEffect(() => {
      if (done) return undefined
@@ -1122,13 +1169,13 @@ diff --git a/src/client/cells.js b/src/client/cells.js
 +        // Another person's own line: their name and person mark beside a received bubble,
 +        // never the sent-bubble style of my own lines (#180, #229).
 +        if (reply.other) {
-+          return h(PersonMessage, { key: `user-${index}`, name: who, texts: [remoteMessageText(reply.text)], roster, selfId: sessionId, actions, sessionId, msgKey: callId ? `${sessionId}:${callId}:${index}` : undefined, useUi })
++          return h(PersonMessage, { key: `user-${index}`, name: who, texts: [remoteMessageText(reply.text)], roster, selfId: sessionId, actions, sessionId, msgKey: callId ? `${sessionId}:${callId}:${index}` : undefined, useUi, openFile, fileImages })
 +        }
 +        // My own line in a face room has my person mark too, as everyone else's (#457).
 +        return h('div', { key: `user-${index}`, className: 'bt-urow', 'data-author': reply.authorId, 'data-author-name': who },
 +          who ? h('span', { className: 'bt-uauthor' }, who) : null,
 +          h('div', { className: 'bt-ububble' },
-+          h(MarkdownText, { text: remoteMessageText(reply.text), labels: mdLabels(), variant: 'compact' })),
++          bubbleMarkdown({ text: remoteMessageText(reply.text), actions, subject: reply.botId ?? sessionId, openFile, fileImages, labels: mdLabels(), variant: 'compact' })),
 +          room?.origin === 'face-to-face' ? h('span', { className: 'bt-lead', title: who || undefined }, h(PersonMark, { name: who || undefined })) : null)
        }
        if (reply.kind === 'failed') {
@@ -1137,7 +1184,7 @@ diff --git a/src/client/cells.js b/src/client/cells.js
            t('{name} could not answer: {reason}', { name: bot.name, reason: failureLabel(reply.code, reply.text) }))
        }
        if (reply.kind === 'lookup') {
-@@ -599,14 +599,27 @@ function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi
+@@ -599,14 +599,29 @@ function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi
        if (reply.kind === 'stopped') {
          return h('div', { key: `${reply.botId}-${index}`, className: 'bt-event' }, t("You stopped {name}'s work", { name: bot.name }))
        }
@@ -1159,6 +1206,8 @@ diff --git a/src/client/cells.js b/src/client/cells.js
 +      const remote = reply.remote || (reply.handle && !roster.byId[reply.botId])
 +      if (remote) {
 +        return h(RemoteMessage, {
++          openFile,
++          fileImages,
 +          key: `${reply.botId || reply.handle}-${index}`,
 +          source: { remote: { handle: reply.handle || reply.botId }, senderName: reply.name || reply.who, senderSessionId: reply.botId },
 +          text: remoteMessageText(reply.text),
@@ -1169,7 +1218,7 @@ diff --git a/src/client/cells.js b/src/client/cells.js
 +          useUi,
 +        })
 +      }
-+      return h(GroupMessage, { key: `${reply.botId}-${index}`, bot, text: reply.text, room, roster, actions, msgKey: callId ? `${sessionId}:${callId}:${index}` : undefined, useUi, seq: reply.seq })
++      return h(GroupMessage, { key: `${reply.botId}-${index}`, bot, text: reply.text, room, roster, actions, msgKey: callId ? `${sessionId}:${callId}:${index}` : undefined, useUi, seq: reply.seq, openFile, fileImages })
      }))
  }
  
@@ -1178,7 +1227,7 @@ diff --git a/src/client/cells.js b/src/client/cells.js
  }
  
 -function renderCall(call, { sessionId, roster, actions, useUi, useWork, findBot }) {
-+function renderCall(call, { sessionId, roster, actions, useUi, findBot }) {
++function renderCall(call, { sessionId, roster, actions, useUi, findBot, openFile, fileImages }) {
    const tool = toolName(call)
    const done = call.kind === 'tool-result'
    const { text: arg, value: argValue } = toolArgs(call)
@@ -1187,7 +1236,7 @@ diff --git a/src/client/cells.js b/src/client/cells.js
      }
      case 'group_relay':
 -      return h(GroupReplies, { sessionId, callId: call.callId, done, content: call.content, roster, actions, useUi, useWork })
-+      return h(GroupReplies, { sessionId, callId: call.callId, done, content: call.content, roster, actions, useUi })
++      return h(GroupReplies, { sessionId, callId: call.callId, done, content: call.content, roster, actions, useUi, openFile, fileImages })
      case 'create_group':
      case 'update_group':
      case 'delete_group':
@@ -1205,7 +1254,7 @@ diff --git a/src/client/cells.js b/src/client/cells.js
  }
  
 -export function ToolCell({ node, sessionId, useRoster, useUi, useWork, actions }) {
-+export function ToolCell({ node, sessionId, useRoster, useUi, actions }) {
++export function ToolCell({ node, sessionId, useRoster, useUi, actions, openFile, fileImages }) {
    const roster = useRoster(value => value)
    const root = node.data.root
    const turn = node.location?.turn?.turn ?? root.turn
@@ -1220,7 +1269,7 @@ diff --git a/src/client/cells.js b/src/client/cells.js
    useShownCards(actions, sessionId, drawn.filter(call => CARDS.has(toolName(call)) && call.callId).map(call => call.callId))
    if (drawn.length === 0) return null
 -  const env = { sessionId, roster, actions, useUi, useWork, findBot }
-+  const env = { sessionId, roster, actions, useUi, findBot }
++  const env = { sessionId, roster, actions, useUi, findBot, openFile, fileImages }
    return h(Fragment, null, drawn.map((call, index) => h(Fragment, { key: call.callId ?? index }, renderCall(call, env))))
  }
 diff --git a/src/client/context-menu.js b/src/client/context-menu.js
diff --git a/patches/ds-bot/0008-client-bundle.patch b/patches/ds-bot/0008-client-bundle.patch
index 5736251a..09e03834 100644
--- a/patches/ds-bot/0008-client-bundle.patch
+++ b/patches/ds-bot/0008-client-bundle.patch
@@ -2170,7 +2170,7 @@ 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,902 +1624,1990 @@ function usageOf(list, ids) {
+@@ -1624,970 +1624,2058 @@ 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 });
  }
@@ -4021,6 +4021,59 @@ diff --git a/client.js b/client.js
 -.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}
+-.bt-mem-skel-block span{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--bt-hover) 25%,var(--bt-active) 50%,var(--bt-hover) 75%);background-size:200% 100%;animation:bt-mem-skel 1.4s ease-in-out infinite}
+-.bt-mem-skel-block .bt-mem-skel-head{width:30%;height:16px;margin-bottom:2px}
+-@keyframes bt-mem-skel{from{background-position:150% 0}to{background-position:-50% 0}}
+-.bt-mem-skel-label{font-size:13px;line-height:18px;color:var(--bt-ink-3)}
+-.bt-mem-empty{margin:auto;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:24px 0;animation:bt-mem-line .45s cubic-bezier(.16,1,.3,1) both}
+-.bt-mem-empty-mark{width:48px;height:48px;border-radius:50%;background:var(--bt-hover);display:flex;align-items:center;justify-content:center;color:var(--bt-ink-2);margin-bottom:4px}
+-.bt-mem-empty-mark svg{width:22px;height:22px}
+-.bt-mem-empty-title{font-size:15px;line-height:22px;font-weight:600}
+-.bt-mem-empty-text{font-size:13px;line-height:20px;color:var(--bt-ink-2)}
+-.bt-mem-failed{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--bt-hover);font-size:13px;line-height:18px;color:var(--bt-ink-2)}
+-.bt-mem-failed>span{flex:1;min-width:0;overflow-wrap:anywhere}
+-.bt-mem-entries{display:flex;flex-direction:column;gap:28px;animation:bt-page-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .22s ease-out}
+-.bt-mem-section-head{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}
+-.bt-mem-section-head h3{margin:0;font-size:15px;line-height:22px;font-weight:600}
+-.bt-mem-section-head span{font-size:12px;line-height:16px;color:var(--bt-ink-3)}
+-.bt-mem-section-head .bt-mem-size{margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}
+-.bt-mem-topic{font-size:12px;line-height:16px;color:var(--bt-ink-2);margin:14px 0 2px 4px;font-weight:500}
+-.bt-mem-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
+-.bt-mem-entry{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:.5px solid var(--bt-line);transition:opacity .2s ease}
+-.bt-mem-entry[data-busy]{opacity:.4}
+-.bt-mem-entry-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
+-.bt-mem-entry-text{font-size:14px;line-height:20px;overflow-wrap:anywhere}
+-.bt-mem-entry-meta{font-size:12px;line-height:16px;color:var(--bt-ink-3);font-variant-numeric:tabular-nums}
+-.bt-mem-remove{flex:none;height:28px;min-width:28px;border-radius:999px;border:0;background:none;color:var(--bt-ink-3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0 6px;font:inherit;font-size:12px;opacity:0;transition:opacity .12s ease,background-color .12s ease,color .12s ease}
+-.bt-mem-entry:hover .bt-mem-remove,.bt-mem-remove:focus-visible,.bt-mem-remove[data-confirm]{opacity:1}
+-.bt-mem-remove:hover{background:var(--bt-hover);color:var(--bt-ink)}
+-.bt-mem-remove[data-confirm]{background:rgba(224,33,53,.1);color:#e02135;padding:0 10px}
+-@media (hover:none){.bt-mem-remove{opacity:1}}
+-.bt-mem-none{font-size:13px;line-height:18px;color:var(--bt-ink-3);padding:8px 4px}
+-.bt-mem-foot{flex:none;padding:8px 20px 20px;display:flex;flex-direction:column;gap:10px}
+-.bt-mem-reply{border-radius:16px;background:var(--bt-hover);padding:8px 8px 12px 16px;display:flex;flex-direction:column;gap:6px;max-height:36vh;overflow-y:auto;scrollbar-width:thin;transform-origin:50% 100%;animation:bt-pop-lift ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
+-.bt-mem-reply-head{display:flex;align-items:center;gap:8px;min-height:24px}
+-.bt-mem-reply-asked{flex:1;min-width:0;font-size:12px;line-height:16px;color:var(--bt-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+-.bt-mem-reply .bt-icon-btn{width:24px;height:24px;flex:none}
+-.bt-mem-reply-text{font-size:14px;line-height:21px;padding-right:8px;overflow-wrap:anywhere}
+-.bt-mem-changes{list-style:none;margin:2px 0 0;padding:0 8px 0 0;display:flex;flex-direction:column;gap:4px}
+-.bt-mem-changes li{display:flex;align-items:flex-start;gap:6px;font-size:13px;line-height:18px;color:var(--bt-ink-2);overflow-wrap:anywhere}
+-.bt-mem-changes li svg{flex:none;margin-top:1px;color:#e02135;animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} .12s backwards}
+-.bt-mem-changes li[data-ok] svg{color:var(--bt-green)}
+-.bt-mem-ask{display:flex;align-items:center;gap:8px;height:52px;padding:0 8px 0 22px;border-radius:999px;border:.5px solid var(--bt-line-2);background:var(--bt-card);box-shadow:0 4px 16px rgba(0,0,0,.06);box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}
+-.bt-mem-ask:focus-within{border-color:var(--bt-ink-3);box-shadow:0 4px 20px rgba(0,0,0,.1)}
+-.bt-mem-input{flex:1;min-width:0;border:0;background:none;outline:none;color:var(--bt-ink);font:inherit;font-size:15px;line-height:22px;padding:0}
+-.bt-mem-input::placeholder{color:var(--bt-ink-3)}
+-.bt-mem-send{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:var(--bt-ink);color:var(--bt-main);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:opacity .15s ease,${spring(SPRING_TAP, "scale")}}
+-.bt-mem-send:disabled{opacity:.22;cursor:default}
+-.bt-mem-send:not(:disabled):active{scale:.92}
+-.bt-mem-send>*{animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
+-.bt-mem-spin{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;box-sizing:border-box;animation:bt-mem-spin .7s linear infinite}
+-@keyframes bt-mem-spin{to{transform:rotate(360deg)}}
+-@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}}
 +// src/client/motion.js
 +var import_react4 = require("react");
 +var reducedMotion = () => window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true;
@@ -4224,7 +4277,21 @@ diff --git a/client.js b/client.js
 +  }, [value]);
 +  return [value || kept, !value && Boolean(kept)];
 +}
-+
+ 
+-.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}
 +// 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)}
@@ -5026,34 +5093,81 @@ diff --git a/client.js b/client.js
 +.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}
- .bt-mem-skel-block span{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--bt-hover) 25%,var(--bt-active) 50%,var(--bt-hover) 75%);background-size:200% 100%;animation:bt-mem-skel 1.4s ease-in-out infinite}
-@@ -2574,2935 +2574,7490 @@ 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}}
--`;
++.bt-mem-skel{display:flex;flex-direction:column;gap:24px}
++.bt-mem-skel-block{display:flex;flex-direction:column;gap:10px}
++.bt-mem-skel-block span{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--bt-hover) 25%,var(--bt-active) 50%,var(--bt-hover) 75%);background-size:200% 100%;animation:bt-mem-skel 1.4s ease-in-out infinite}
++.bt-mem-skel-block .bt-mem-skel-head{width:30%;height:16px;margin-bottom:2px}
++@keyframes bt-mem-skel{from{background-position:150% 0}to{background-position:-50% 0}}
++.bt-mem-skel-label{font-size:13px;line-height:18px;color:var(--bt-ink-3)}
++.bt-mem-empty{margin:auto;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:24px 0;animation:bt-mem-line .45s cubic-bezier(.16,1,.3,1) both}
++.bt-mem-empty-mark{width:48px;height:48px;border-radius:50%;background:var(--bt-hover);display:flex;align-items:center;justify-content:center;color:var(--bt-ink-2);margin-bottom:4px}
++.bt-mem-empty-mark svg{width:22px;height:22px}
++.bt-mem-empty-title{font-size:15px;line-height:22px;font-weight:600}
++.bt-mem-empty-text{font-size:13px;line-height:20px;color:var(--bt-ink-2)}
++.bt-mem-failed{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--bt-hover);font-size:13px;line-height:18px;color:var(--bt-ink-2)}
++.bt-mem-failed>span{flex:1;min-width:0;overflow-wrap:anywhere}
++.bt-mem-entries{display:flex;flex-direction:column;gap:28px;animation:bt-page-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .22s ease-out}
++.bt-mem-section-head{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}
++.bt-mem-section-head h3{margin:0;font-size:15px;line-height:22px;font-weight:600}
++.bt-mem-section-head span{font-size:12px;line-height:16px;color:var(--bt-ink-3)}
++.bt-mem-section-head .bt-mem-size{margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}
++.bt-mem-topic{font-size:12px;line-height:16px;color:var(--bt-ink-2);margin:14px 0 2px 4px;font-weight:500}
++.bt-mem-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
++.bt-mem-entry{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:.5px solid var(--bt-line);transition:opacity .2s ease}
++.bt-mem-entry[data-busy]{opacity:.4}
++.bt-mem-entry-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
++.bt-mem-entry-text{font-size:14px;line-height:20px;overflow-wrap:anywhere}
++.bt-mem-entry-meta{font-size:12px;line-height:16px;color:var(--bt-ink-3);font-variant-numeric:tabular-nums}
++.bt-mem-remove{flex:none;height:28px;min-width:28px;border-radius:999px;border:0;background:none;color:var(--bt-ink-3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0 6px;font:inherit;font-size:12px;opacity:0;transition:opacity .12s ease,background-color .12s ease,color .12s ease}
++.bt-mem-entry:hover .bt-mem-remove,.bt-mem-remove:focus-visible,.bt-mem-remove[data-confirm]{opacity:1}
++.bt-mem-remove:hover{background:var(--bt-hover);color:var(--bt-ink)}
++.bt-mem-remove[data-confirm]{background:rgba(224,33,53,.1);color:#e02135;padding:0 10px}
++@media (hover:none){.bt-mem-remove{opacity:1}}
++.bt-mem-none{font-size:13px;line-height:18px;color:var(--bt-ink-3);padding:8px 4px}
++.bt-mem-foot{flex:none;padding:8px 20px 20px;display:flex;flex-direction:column;gap:10px}
++.bt-mem-reply{border-radius:16px;background:var(--bt-hover);padding:8px 8px 12px 16px;display:flex;flex-direction:column;gap:6px;max-height:36vh;overflow-y:auto;scrollbar-width:thin;transform-origin:50% 100%;animation:bt-pop-lift ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
++.bt-mem-reply-head{display:flex;align-items:center;gap:8px;min-height:24px}
++.bt-mem-reply-asked{flex:1;min-width:0;font-size:12px;line-height:16px;color:var(--bt-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
++.bt-mem-reply .bt-icon-btn{width:24px;height:24px;flex:none}
++.bt-mem-reply-text{font-size:14px;line-height:21px;padding-right:8px;overflow-wrap:anywhere}
++.bt-mem-changes{list-style:none;margin:2px 0 0;padding:0 8px 0 0;display:flex;flex-direction:column;gap:4px}
++.bt-mem-changes li{display:flex;align-items:flex-start;gap:6px;font-size:13px;line-height:18px;color:var(--bt-ink-2);overflow-wrap:anywhere}
++.bt-mem-changes li svg{flex:none;margin-top:1px;color:#e02135;animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} .12s backwards}
++.bt-mem-changes li[data-ok] svg{color:var(--bt-green)}
++.bt-mem-ask{display:flex;align-items:center;gap:8px;height:52px;padding:0 8px 0 22px;border-radius:999px;border:.5px solid var(--bt-line-2);background:var(--bt-card);box-shadow:0 4px 16px rgba(0,0,0,.06);box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}
++.bt-mem-ask:focus-within{border-color:var(--bt-ink-3);box-shadow:0 4px 20px rgba(0,0,0,.1)}
++.bt-mem-input{flex:1;min-width:0;border:0;background:none;outline:none;color:var(--bt-ink);font:inherit;font-size:15px;line-height:22px;padding:0}
++.bt-mem-input::placeholder{color:var(--bt-ink-3)}
++.bt-mem-send{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:var(--bt-ink);color:var(--bt-main);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:opacity .15s ease,${spring(SPRING_TAP, "scale")}}
++.bt-mem-send:disabled{opacity:.22;cursor:default}
++.bt-mem-send:not(:disabled):active{scale:.92}
++.bt-mem-send>*{animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
++.bt-mem-spin{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;box-sizing:border-box;animation:bt-mem-spin .7s linear infinite}
++@keyframes bt-mem-spin{to{transform:rotate(360deg)}}
++@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")}}
+@@ -2595,2914 +2595,7482 @@ body[data-ds-dark-theme] .bt-theme-chip i{background:var(--da)}
+ :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}
@@ -5134,27 +5248,6 @@ diff --git a/client.js b/client.js
 -.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}
@@ -7158,7 +7251,18 @@ diff --git a/client.js b/client.js
 +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, msgKeys, useUi, lead, mentions }) {
++function bubbleMarkdown({ actions, subject, openFile, fileImages, ...markdown }) {
++  const openExternalLink = (href) => {
++    const tabId = typeof actions?.browserNewTab === "function" ? actions.browserNewTab(subject) : null;
++    if (tabId !== void 0 && tabId !== null && typeof actions.browserNavigate === "function") {
++      void actions.browserNavigate(tabId, href);
++      return;
++    }
++    if (typeof window !== "undefined" && typeof window.open === "function") window.open(href, "_blank", "noopener");
++  };
++  return (0, import_react10.createElement)(import_dsh_client_ui_primitives.MarkdownDelegateProvider, { openExternalLink, openFile, fileImages }, (0, import_react10.createElement)(import_dsh_client_ui_primitives.MarkdownText, markdown));
++}
++function Bubbles({ texts: texts2, roster, selfId, actions, streaming, sessionId, msgKey, msgKeys, useUi, lead, mentions, openFile, fileImages }) {
 +  const onClick = (event) => {
 +    const target = mentionTarget(event);
 +    if (target === null) return;
@@ -7189,7 +7293,7 @@ diff --git a/client.js b/client.js
 +          (0, import_react10.createElement)(
 +            "div",
 +            { className: "bt-bubble" },
-+            (0, import_react10.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: linkMentions(text2, roster.bots, selfId), streaming: live, labels: mdLabels(), variant: "compact", fileMentions: mentions })
++            bubbleMarkdown({ text: linkMentions(text2, roster.bots, selfId), actions, subject: selfId ?? sessionId, openFile, fileImages, streaming: live, labels: mdLabels(), variant: "compact", fileMentions: mentions })
 +          ),
 +          live ? null : (0, import_react10.createElement)(MessageTools, { text: text2, name: roster.byId[selfId]?.name ?? t("Bot"), sessionId, react: key ? (emoji) => actions.toggleReaction(key, reactIndex(index), emoji) : void 0, actions })
 +        ),
@@ -7352,7 +7456,7 @@ diff --git a/client.js b/client.js
 +  if (texts2.every((text2) => /^Not sent:/.test(text2.trim()))) return void 0;
 +  return (0, import_react10.createElement)("span", { className: "bt-lead", title: bot.name, "data-flybot": "friend-lead" }, (0, import_react10.createElement)(BotMark, { bot, size: 22 }));
 +}
-+function AssistantCell({ node, groupPart, sessionId, openFile, fileMentions, useTurnData, useRoster, useUi, useTurnSteps, useTurnContext, actions }) {
++function AssistantCell({ node, groupPart, sessionId, openFile, fileImages, fileMentions, useTurnData, useRoster, useUi, useTurnSteps, useTurnContext, actions }) {
 +  const roster = useRoster((value) => value);
 +  const data = node.data;
 +  const steps = useTurnSteps(String(data.turn));
@@ -7370,7 +7474,7 @@ diff --git a/client.js b/client.js
 +  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_react10.createElement)(PersonMessage, { name: person, texts: texts2, roster, selfId, actions, sessionId, msgKey: `${sessionId}:${data.turn}:${node.key ?? data.seq ?? ""}`, useUi }) : (0, import_react10.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;
++  const bubbles = texts2.length ? person ? (0, import_react10.createElement)(PersonMessage, { name: person, texts: texts2, roster, selfId, actions, sessionId, msgKey: `${sessionId}:${data.turn}:${node.key ?? data.seq ?? ""}`, useUi, openFile, fileImages }) : (0, import_react10.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), openFile, fileImages }) : null;
 +  return (0, import_react10.createElement)(
 +    import_react10.Fragment,
 +    null,
@@ -7402,130 +7506,16 @@ diff --git a/client.js b/client.js
 +    closing ? (0, import_react10.createElement)(HeldReplyActions, { held: { ...held, toName, from: bot?.name }, actions }) : null
 +  );
 +}
-+function PersonMessage({ name, texts: texts2, roster, selfId, actions, sessionId, msgKey, useUi }) {
++function PersonMessage({ name, texts: texts2, roster, selfId, actions, sessionId, msgKey, useUi, openFile, fileImages }) {
 +  if (!(texts2 ?? []).some((text2) => String(text2 ?? "").trim() !== "")) return null;
 +  const lead = (0, import_react10.createElement)("span", { className: "bt-lead", title: name }, (0, import_react10.createElement)(PersonMark, { name }));
 +  return (0, import_react10.createElement)(
 +    "div",
 +    { className: "bt-group-msg bt-person-msg", "data-person": name },
 +    (0, import_react10.createElement)("span", { className: "bt-group-name" }, name),
-+    (0, import_react10.createElement)(Bubbles, { texts: texts2, roster, selfId, actions, sessionId, msgKey, useUi, lead })
++    (0, import_react10.createElement)(Bubbles, { texts: texts2, roster, selfId, actions, sessionId, msgKey, useUi, lead, openFile, fileImages })
 +  );
- }
--@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 EventLine({ prefix, bots, joiner = t("and"), onOpen, whole = false }) {
 +  if (whole && bots.length === 1) {
 +    return (0, import_react10.createElement)(
@@ -7577,7 +7567,7 @@ diff --git a/client.js b/client.js
 +  if (entry.status !== "pending" && entry.status !== "sending") return void 0;
 +  return room2.face?.status === "left" || room2.face?.status === "closed" ? "rejected" : "held";
 +}
-+function GroupMessage({ bot, text: text2, room: room2, roster, actions, msgKey, useUi, seq }) {
++function GroupMessage({ bot, text: text2, room: room2, roster, actions, msgKey, useUi, seq, openFile, fileImages }) {
 +  if (String(text2 ?? "").trim() === "") return null;
 +  const held = heldLineState(room2, { seq, botId: bot.id, text: text2 });
 +  if (held === "rejected") {
@@ -7604,7 +7594,7 @@ diff --git a/client.js b/client.js
 +    "div",
 +    { className: "bt-group-msg" },
 +    name,
-+    (0, import_react10.createElement)(Bubbles, { texts: [text2], roster, selfId: bot.id, actions, sessionId: room2?.id, msgKey, useUi, lead })
++    (0, import_react10.createElement)(Bubbles, { texts: [text2], roster, selfId: bot.id, actions, sessionId: room2?.id, msgKey, useUi, lead, openFile, fileImages })
 +  );
 +}
 +function remoteSpeaker(source, roster, sessionId) {
@@ -7639,7 +7629,7 @@ diff --git a/client.js b/client.js
 +  return Object.keys(look).length ? look : void 0;
 +}
 +var cleanCarrier = (value) => typeof value === "string" && value.trim() && !/[@()]/.test(value) ? value.trim() : "";
-+function RemoteMessage({ source, text: text2, roster, actions, sessionId, msgKey, useUi }) {
++function RemoteMessage({ source, text: text2, roster, actions, sessionId, msgKey, useUi, openFile, fileImages }) {
 +  const room2 = roster.roomsById?.[sessionId];
 +  const face = room2?.origin === "face-to-face";
 +  const { bot, member, name, handle, carrier, chatId } = remoteSpeaker(source, roster, sessionId);
@@ -7658,7 +7648,7 @@ diff --git a/client.js b/client.js
 +        person,
 +        carrier ? (0, import_react10.createElement)("span", { className: "bt-remote-handle" }, t("via {name}", { name: carrier })) : null
 +      ),
-+      String(words ?? "").trim() === "" ? null : (0, import_react10.createElement)(Bubbles, { texts: [words], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead: (0, import_react10.createElement)("span", { className: "bt-lead", title: person }, (0, import_react10.createElement)(PersonMark, { name: person })) }),
++      String(words ?? "").trim() === "" ? null : (0, import_react10.createElement)(Bubbles, { texts: [words], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead: (0, import_react10.createElement)("span", { className: "bt-lead", title: person }, (0, import_react10.createElement)(PersonMark, { name: person })), openFile, fileImages }),
 +      files.length ? (0, import_react10.createElement)(RemoteFiles, { files, plugin: member?.plugin ?? "social", botId: roster.byId[sessionId]?.id ?? sessionId }) : null
 +    );
 +  }
@@ -7674,7 +7664,7 @@ diff --git a/client.js b/client.js
 +      name,
 +      (0, import_react10.createElement)("span", { className: "bt-remote-handle", title: source.remote.home ?? handle, "aria-label": t("Friend's Bot") }, (0, import_react10.createElement)(GlobeMark), handle)
 +    ),
-+    String(words ?? "").trim() === "" ? null : (0, import_react10.createElement)(Bubbles, { texts: [words], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead }),
++    String(words ?? "").trim() === "" ? null : (0, import_react10.createElement)(Bubbles, { texts: [words], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead, openFile, fileImages }),
 +    files.length ? (0, import_react10.createElement)(RemoteFiles, { files, plugin: member?.plugin ?? "social", botId: roster.byId[sessionId]?.id ?? sessionId }) : null
 +  );
 +}
@@ -7754,7 +7744,7 @@ diff --git a/client.js b/client.js
 +  }
 +  return null;
 +};
-+function EarlierParts({ sessionId, roster, actions, useUi }) {
++function EarlierParts({ sessionId, roster, actions, useUi, openFile, fileImages }) {
 +  const [view, setView] = (0, import_react10.useState)({ items: [], cursor: void 0, loading: true, failed: false, startedAt: null });
 +  const top = (0, import_react10.useRef)(null);
 +  const busy = (0, import_react10.useRef)(false);
@@ -7828,13 +7818,13 @@ diff --git a/client.js b/client.js
 +          return (0, import_react10.createElement)("div", { key, className: "bt-urow" }, (0, import_react10.createElement)(
 +            "div",
 +            { className: "bt-ububble" },
-+            row.text ? (0, import_react10.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: row.text, labels: mdLabels(), variant: "compact" }) : null,
++            row.text ? bubbleMarkdown({ text: row.text, actions, subject: selfId ?? sessionId, openFile, fileImages, labels: mdLabels(), variant: "compact" }) : null,
 +            row.images ? (0, import_react10.createElement)("span", { className: "bt-uimages" }, row.images === 1 ? t("1 image") : t("{count} images", { count: row.images })) : null
 +          ));
 +        case "answer":
 +          return (0, import_react10.createElement)(AnsweredCell, { key, node: { data: row } });
 +        case "bot":
-+          return (0, import_react10.createElement)(Bubbles, { key, texts: row.texts, msgKeys: row.msgKeys, roster, selfId, actions, sessionId, useUi });
++          return (0, import_react10.createElement)(Bubbles, { key, texts: row.texts, msgKeys: row.msgKeys, roster, selfId, actions, sessionId, useUi, openFile, fileImages });
 +        case "event": {
 +          if (row.role === "report") return (0, import_react10.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" };
@@ -7849,16 +7839,8 @@ diff --git a/client.js b/client.js
 +    }),
 +    (0, import_react10.createElement)(PartLine, { time: view.startedAt })
 +  );
- }
--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 TriggerCell({ node, sessionId, useRoster, useSessions, useTurnClock, useUi, actions }) {
++}
++function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnClock, useUi, actions, openFile, fileImages }) {
 +  const roster = useRoster((value) => value);
 +  const data = node.data;
 +  const source = data.source !== null && typeof data.source === "object" ? data.source : {};
@@ -7890,15 +7872,11 @@ diff --git a/client.js b/client.js
 +    if (source.form === "remote-chat") return null;
 +    if (source.shown === true) return null;
 +    if (source.remote?.handle) {
-+      const message = (0, import_react10.createElement)(RemoteMessage, { source, text: remoteMessageText(stripHeader(contentText(data.content))), roster, actions, sessionId, msgKey: `${sessionId}:${data.turn}:remote`, useUi });
++      const message = (0, import_react10.createElement)(RemoteMessage, { source, text: remoteMessageText(stripHeader(contentText(data.content))), roster, actions, sessionId, msgKey: `${sessionId}:${data.turn}:remote`, useUi, openFile, fileImages });
 +      return source.remote.firstContact === true ? (0, import_react10.createElement)(import_react10.Fragment, null, (0, import_react10.createElement)(FirstContact, { source, roster, sessionId }), message) : message;
-     }
--  };
--  try {
--    visit(sheet.cssRules);
--  } catch {
++    }
 +    if (source.kind === "bot") {
-+      if (source.handoff === true) return roster.roomsById[sessionId] ? null : (0, import_react10.createElement)(EarlierParts, { sessionId, roster, actions, useUi });
++      if (source.handoff === true) return roster.roomsById[sessionId] ? null : (0, import_react10.createElement)(EarlierParts, { sessionId, roster, actions, useUi, openFile, fileImages });
 +      if (source.role === "room" || source.role === "kickoff") return null;
 +      if (source.role === "mention") return (0, import_react10.createElement)("div", { className: "bt-event" }, (0, import_react10.createElement)("span", null, contentText(data.content)));
 +      if (source.role === "secret" || deferred) return null;
@@ -7907,7 +7885,7 @@ diff --git a/client.js b/client.js
 +        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_react10.createElement)(GroupMessage, { bot: poster, text: stripHeader(contentText(data.content)), room: room2, roster, actions, msgKey: `${sessionId}:${data.turn}:post`, useUi });
++        return (0, import_react10.createElement)(GroupMessage, { bot: poster, text: stripHeader(contentText(data.content)), room: room2, roster, actions, msgKey: `${sessionId}:${data.turn}:post`, useUi, openFile, fileImages });
 +      }
 +      if (source.role === "report") {
 +        return (0, import_react10.createElement)(GroupEvent, { prefix: t("Replies from"), room: roster.roomsById[source.roomId], name: t("a group chat"), roster, actions });
@@ -7940,18 +7918,8 @@ diff --git a/client.js b/client.js
 +    }
 +    if (source.kind === "user-question-reply") return null;
 +    return (0, import_react10.createElement)("div", { className: "bt-event" }, contentText(data.content).slice(0, 80) || t("Update"));
-   }
--  return names;
- }
--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);
--    }
--    return compiled.get(fragment);
++  }
++}
 +function NewDivider() {
 +  return (0, import_react10.createElement)("div", { className: "bt-new-sep", role: "separator", "aria-label": t("New messages") }, (0, import_react10.createElement)("span", null, t("New")));
 +}
@@ -7970,22 +7938,9 @@ diff --git a/client.js b/client.js
 +  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_react10.createElement)(NewDivider) : null;
- }
--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);
++}
 +function Nothing() {
 +  return null;
 +}
@@ -8044,32 +7999,154 @@ diff --git a/client.js b/client.js
 +  }
 +  if (parts.length === 0) return null;
 +  return (0, import_react10.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);
-+  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);
+ }
+-@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;
++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}`;
+ }
+-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 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;
 +}
@@ -8139,28 +8216,7 @@ diff --git a/client.js b/client.js
 +    case "message_bot": {
 +      const target = findBot(arg("to"));
 +      return { label: target ? t("Asking {name}", { name: target.name }) : t("Asking another Bot"), state: "sending" };
-     }
--    const next = compileFragmentSelectors(text, names);
--    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();
--  };
++    }
 +    case "stop_bot": {
 +      const target = findBot(arg("bot"));
 +      return { label: target ? t("Stopping {name}", { name: target.name }) : t("Stopping another Bot"), state: "sending" };
@@ -8188,35 +8244,7 @@ diff --git a/client.js b/client.js
 +      const phrase = TOOL_PHRASES.find(([pattern]) => pattern.test(name))?.[1];
 +      return { label: phrase ? t(phrase) : null, state: toolState(name) };
 +  }
- }
--
--// 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");
++}
 +function workPhrase(tool) {
 +  if (!tool) return t("Thinking about it");
 +  return toolActivity(tool, () => void 0, () => void 0)?.label ?? t("Using {tool}", { tool });
@@ -8232,7 +8260,7 @@ diff --git a/client.js b/client.js
 +    return () => actions.noteLive(sessionId, id, null);
 +  }, [sessionId, id, key]);
 +}
-+function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi }) {
++function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi, openFile, fileImages }) {
 +  const [live, setLive] = (0, import_react10.useState)({ replies: [] });
 +  (0, import_react10.useEffect)(() => {
 +    if (done) return void 0;
@@ -8249,54 +8277,12 @@ diff --git a/client.js b/client.js
 +        setLive({ replies: entry.replies ?? [] });
 +      }
 +      timer = setTimeout(tick, document.hidden ? 5e3 : 1e3);
-     };
--    window.addEventListener("pointermove", onMove, { passive: true });
--    document.documentElement.addEventListener("pointerleave", onLeave);
++    };
 +    void tick();
-     return () => {
--      cancelAnimationFrame(frame);
--      window.removeEventListener("pointermove", onMove);
--      document.documentElement.removeEventListener("pointerleave", onLeave);
++    return () => {
 +      stop = true;
 +      clearTimeout(timer);
-     };
--  }, [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" })
++    };
 +  }, [done, sessionId, callId]);
 +  let replies = live.replies;
 +  if (done) {
@@ -8304,13 +8290,18 @@ diff --git a/client.js b/client.js
 +      replies = JSON.parse(contentText(content)).replies ?? [];
 +    } catch {
 +      replies = [];
-+    }
-+  }
-+  if (replies.length === 0) return null;
-+  const room2 = roster.roomsById[sessionId];
-+  return (0, import_react10.createElement)(
-+    "div",
-+    { className: "bt-group-replies" },
+     }
+-  };
+-  try {
+-    visit(sheet.cssRules);
+-  } catch {
+   }
+-  return names;
++  if (replies.length === 0) return null;
++  const room2 = roster.roomsById[sessionId];
++  return (0, import_react10.createElement)(
++    "div",
++    { className: "bt-group-replies" },
 +    replies.map((reply, index) => {
 +      const stored = roster.byId[reply.botId];
 +      const resolved = reply.remote ? stored : rosterBot(roster, reply.botId) ?? stored;
@@ -8318,7 +8309,7 @@ diff --git a/client.js b/client.js
 +      if (reply.kind === "user") {
 +        const who = reply.name && reply.name !== "User" ? reply.name : reply.authorId;
 +        if (reply.other) {
-+          return (0, import_react10.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_react10.createElement)(PersonMessage, { key: `user-${index}`, name: who, texts: [remoteMessageText(reply.text)], roster, selfId: sessionId, actions, sessionId, msgKey: callId ? `${sessionId}:${callId}:${index}` : void 0, useUi, openFile, fileImages });
 +        }
 +        return (0, import_react10.createElement)(
 +          "div",
@@ -8327,7 +8318,7 @@ diff --git a/client.js b/client.js
 +          (0, import_react10.createElement)(
 +            "div",
 +            { className: "bt-ububble" },
-+            (0, import_react10.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: remoteMessageText(reply.text), labels: mdLabels(), variant: "compact" })
++            bubbleMarkdown({ text: remoteMessageText(reply.text), actions, subject: reply.botId ?? sessionId, openFile, fileImages, labels: mdLabels(), variant: "compact" })
 +          ),
 +          room2?.origin === "face-to-face" ? (0, import_react10.createElement)("span", { className: "bt-lead", title: who || void 0 }, (0, import_react10.createElement)(PersonMark, { name: who || void 0 })) : null
 +        );
@@ -8378,6 +8369,8 @@ diff --git a/client.js b/client.js
 +      const remote = reply.remote || reply.handle && !roster.byId[reply.botId];
 +      if (remote) {
 +        return (0, import_react10.createElement)(RemoteMessage, {
++          openFile,
++          fileImages,
 +          key: `${reply.botId || reply.handle}-${index}`,
 +          source: { remote: { handle: reply.handle || reply.botId }, senderName: reply.name || reply.who, senderSessionId: reply.botId },
 +          text: remoteMessageText(reply.text),
@@ -8388,12 +8381,20 @@ diff --git a/client.js b/client.js
 +          useUi
 +        });
 +      }
-+      return (0, import_react10.createElement)(GroupMessage, { key: `${reply.botId}-${index}`, bot, text: reply.text, room: room2, roster, actions, msgKey: callId ? `${sessionId}:${callId}:${index}` : void 0, useUi, seq: reply.seq });
++      return (0, import_react10.createElement)(GroupMessage, { key: `${reply.botId}-${index}`, bot, text: reply.text, room: room2, roster, actions, msgKey: callId ? `${sessionId}:${callId}:${index}` : void 0, useUi, seq: reply.seq, openFile, fileImages });
 +    })
-   );
++  );
  }
--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 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);
+-    }
+-    return compiled.get(fragment);
+-  });
 +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) {
@@ -8409,12 +8410,17 @@ diff --git a/client.js b/client.js
 +  visit(root);
 +  return calls;
  }
--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 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);
 +function useShownCards(actions, sessionId, callIds) {
 +  const key = JSON.stringify(callIds);
 +  (0, import_react10.useLayoutEffect)(() => {
@@ -8423,17 +8429,8 @@ diff --git a/client.js b/client.js
 +    actions.noteCards(sessionId, ids, 1);
 +    return () => actions.noteCards(sessionId, ids, -1);
 +  }, [sessionId, key]);
- }
--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 renderCall(call4, { sessionId, roster, actions, useUi, findBot }) {
++}
++function renderCall(call4, { sessionId, roster, actions, useUi, findBot, openFile, fileImages }) {
 +  const tool = toolName(call4);
 +  const done = call4.kind === "tool-result";
 +  const { text: arg, value: argValue } = toolArgs(call4);
@@ -8443,65 +8440,7 @@ diff --git a/client.js b/client.js
 +      const target = findBot(arg("to")) ?? { name: arg("to") ?? "…", color: "gray" };
 +      if (done && call4.isError) return (0, import_react10.createElement)("div", { className: "bt-event" }, t("Couldn't message {name}", { name: target.name }));
 +      return (0, import_react10.createElement)(EventLine, { prefix: t("Messaged"), bots: [target], onOpen: (bot) => bot.id && actions.openExchange(self?.id ?? sessionId, bot.id), whole: true });
-     }
--    if (was === "idle" || was === "alert") return void 0;
--    setSettled(true);
--    const timer = setTimeout(() => setSettled(false), 1800);
--    return () => clearTimeout(timer);
--  }, [state]);
--  return settled;
--}
--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]];
--  }
--  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
--    );
--  }
--  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}`);
++    }
 +    case "stop_bot": {
 +      const target = findBot(arg("bot")) ?? { name: arg("bot") ?? "…", color: "gray" };
 +      if (done && call4.isError) return (0, import_react10.createElement)("div", { className: "bt-event" }, t("Couldn't stop {name}", { name: target.name }));
@@ -8517,7 +8456,7 @@ diff --git a/client.js b/client.js
 +      return done && target ? (0, import_react10.createElement)(EventLine, { prefix: t("Updated"), bots: [target], onOpen: (bot) => actions.openSession(bot.id) }) : null;
 +    }
 +    case "group_relay":
-+      return (0, import_react10.createElement)(GroupReplies, { sessionId, callId: call4.callId, done, content: call4.content, roster, actions, useUi });
++      return (0, import_react10.createElement)(GroupReplies, { sessionId, callId: call4.callId, done, content: call4.content, roster, actions, useUi, openFile, fileImages });
 +    case "create_group":
 +    case "update_group":
 +    case "delete_group":
@@ -8551,24 +8490,33 @@ diff --git a/client.js b/client.js
 +      } catch {
 +        parsed = null;
        }
--      const bot = people[index];
--      return (0, import_react2.createElement)("span", { key: bot?.id ?? "you", style }, seat(bot, s));
--    })
--  );
--}
--
--// 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" }));
+-      for (const name of list) names.add(name);
 +      const answer = parsed?.answers?.[0];
 +      const question = argValue("questions")?.[0];
 +      if (!answer) return null;
 +      return (0, import_react10.createElement)("div", { className: "bt-q-inline" }, (0, import_react10.createElement)(SettledQuestion, { question, answer }));
-+    }
+     }
+-    const next = compileFragmentSelectors(text, names);
+-    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();
+-  };
 +    case "read_group_chat": {
 +      if (!done) return null;
 +      const room2 = roster.rooms.find((entry) => entry.name === arg("group"));
@@ -8580,16 +8528,8 @@ diff --git a/client.js b/client.js
 +    default:
 +      return null;
 +  }
- }
--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" })
--  );
-+function ToolCell({ node, sessionId, useRoster, useUi, actions }) {
++}
++function ToolCell({ node, sessionId, useRoster, useUi, actions, openFile, fileImages }) {
 +  const roster = useRoster((value) => value);
 +  const root = node.data.root;
 +  const turn = node.location?.turn?.turn ?? root.turn;
@@ -8602,26 +8542,25 @@ diff --git a/client.js b/client.js
 +  useLiveNote(actions, sessionId, `tool:${root.callId ?? node.key}`, note);
 +  useShownCards(actions, sessionId, drawn.filter((call4) => CARDS.has(toolName(call4)) && call4.callId).map((call4) => call4.callId));
 +  if (drawn.length === 0) return null;
-+  const env = { sessionId, roster, actions, useUi, findBot };
++  const env = { sessionId, roster, actions, useUi, findBot, openFile, fileImages };
 +  return (0, import_react10.createElement)(import_react10.Fragment, null, drawn.map((call4, index) => (0, import_react10.createElement)(import_react10.Fragment, { key: call4.callId ?? index }, renderCall(call4, env))));
  }
--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" }));
-+
+ 
+-// 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;
 +// src/client/awaiting.js
 +var AWAIT_REPLY_MS = 10 * 60 * 1e3;
 +function awaitingReply(roster, sessionId, now = Date.now()) {
 +  const at = roster?.remoteAwaiting?.[sessionId];
 +  if (typeof at !== "number" || roster?.byId?.[sessionId]?.remote === void 0) return false;
 +  return now - at < AWAIT_REPLY_MS;
- }
--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" })
--  );
++}
 +
 +// src/client/remote-approval-wait.js
 +var REMOTE_APPROVAL_LABEL = "Waiting for their approval";
@@ -8629,13 +8568,7 @@ diff --git a/client.js b/client.js
 +  if (!remote) return null;
 +  if (tool && inputAt <= (tool.at ?? 0)) return null;
 +  return { key: "remote-approval", label: REMOTE_APPROVAL_LABEL, state: "thinking" };
- }
--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 }))
--  );
++}
 +
 +// src/client/activity-row-host.js
 +var RUNNING_HOST = "[data-chat-flow] [data-chat-running]";
@@ -8645,13 +8578,7 @@ 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);
- }
--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" })
--  );
++}
 +
 +// src/client/activity-row.js
 +var import_react11 = require("react");
@@ -8663,9 +8590,7 @@ diff --git a/client.js b/client.js
 +  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`;
- }
--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" }));
++}
 +var REMOTE_GRACE_MS = 1500;
 +function useAwaitingReply(roster, sessionId) {
 +  const at = roster?.remoteAwaiting?.[sessionId];
@@ -8677,15 +8602,7 @@ diff --git a/client.js b/client.js
 +    return () => clearTimeout(timer);
 +  }, [shown, at]);
 +  return shown;
- }
--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 }))
--  );
++}
 +function findHost(where) {
 +  if (where !== TAIL_HOST) return findRunningHostIn(document);
 +  const flow = document.querySelector("[data-conversation-scroll] [data-chat-flow]") ?? document.querySelector("[data-chat-flow]");
@@ -8699,79 +8616,7 @@ diff --git a/client.js b/client.js
 +  let top = -1;
 +  for (const node of document.querySelectorAll(`[data-chat-flow-kind${kind ? `="${kind}"` : ""}][data-chat-turn]`)) top = Math.max(top, Number(node.dataset.chatTurn));
 +  return top;
- };
--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" }))
--  );
--}
--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" })
--    )
--  );
--}
--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();
--      }
++};
 +function useReplyAfterSend(remote, sending) {
 +  const sendTurn = (0, import_react11.useRef)(-1);
 +  const wasSending = (0, import_react11.useRef)(false);
@@ -8789,14 +8634,22 @@ diff --git a/client.js b/client.js
 +      sendTurn.current = lastTurnOnScreen();
 +    }
 +    if (sendTurn.current < 0) return void 0;
-+    let frame = 0;
+     let frame = 0;
+-    let point = null;
+-    const place = () => {
 +    const check = () => {
-+      frame = 0;
+       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));
 +      if (lastTurnOnScreen("assistant-step") > sendTurn.current) setReplied(true);
      };
--    document.addEventListener("keydown", onKey, true);
--    return () => document.removeEventListener("keydown", onKey, true);
--  }, [count, ownRef]);
+-    const onMove = (event) => {
+-      point = { x: event.clientX, y: event.clientY };
+-      if (!frame) frame = requestAnimationFrame(place);
 +    const observer = new MutationObserver(() => {
 +      if (!frame) frame = requestAnimationFrame(check);
 +    });
@@ -8808,101 +8661,14 @@ diff --git a/client.js b/client.js
 +    };
 +  }, [remote, sending]);
 +  return replied;
- }
--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();
++}
 +function useRunningHost(active, where = RUNNING_HOST) {
 +  const [host, setHost] = (0, import_react11.useState)(null);
 +  (0, import_react11.useEffect)(() => {
 +    if (!active) {
 +      setHost(null);
 +      return void 0;
-     }
--  }) : 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
--    );
--  });
--  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)
--    ));
--  }
--  let foot = null;
--  if (raised && multi) {
--    foot = (0, import_react4.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"))
--    );
--  } 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();
++    }
 +    let frame = 0;
 +    const find = () => {
 +      frame = 0;
@@ -8917,7 +8683,11 @@ diff --git a/client.js b/client.js
 +    return () => {
 +      cancelAnimationFrame(frame);
 +      observer.disconnect();
-+    };
+     };
+-    const onLeave = () => {
+-      point = null;
+-      ref.current?.style.setProperty("--bt-gx", "0");
+-      ref.current?.style.setProperty("--bt-gy", "0");
 +  }, [active, where]);
 +  return host;
 +}
@@ -8933,7 +8703,9 @@ diff --git a/client.js b/client.js
 +      if (event.target !== event.currentTarget || !/^bt-row/.test(event.animationName)) return;
 +      delete event.currentTarget.dataset.btEnter;
 +      event.currentTarget.removeEventListener("animationend", settle);
-+    };
+     };
+-    window.addEventListener("pointermove", onMove, { passive: true });
+-    document.documentElement.addEventListener("pointerleave", onLeave);
 +    const scan = () => {
 +      frame = 0;
 +      const next = document.querySelector("[data-chat-flow]");
@@ -8956,57 +8728,76 @@ diff --git a/client.js b/client.js
 +        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);
-       }
--    },
--    (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
--  );
++      }
 +    };
 +    const observer = new MutationObserver(() => {
 +      if (!frame) frame = requestAnimationFrame(scan);
 +    });
 +    scan();
-+    return () => {
-+      cancelAnimationFrame(frame);
+     return () => {
+       cancelAnimationFrame(frame);
+-      window.removeEventListener("pointermove", onMove);
+-      document.documentElement.removeEventListener("pointerleave", onLeave);
 +      observer.disconnect();
-+    };
+     };
+-  }, [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 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)(
--      "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"))
--      )
--    );
--  }
--  return (0, import_react4.createElement)(
+-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);
 +function ActivityIndicator({ sessionId, useRoster, useSessionStatus, useLive, useSession, actions }) {
 +  const roster = useRoster((value) => value);
 +  const running = useSessionStatus((map) => map.get(sessionId)?.running === true);
@@ -9044,10 +8835,48 @@ diff --git a/client.js b/client.js
 +    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);
+       return void 0;
+     }
+-    if (was === "idle" || was === "alert") return void 0;
+-    setSettled(true);
+-    const timer = setTimeout(() => setSettled(false), 1800);
++    const timer = setTimeout(make, wait);
+     return () => clearTimeout(timer);
+-  }, [state]);
+-  return settled;
+-}
+-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]];
+-  }
+-  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)(
 +  }, [wantKey, shown]);
 +  const [phase, setPhase] = (0, import_react11.useState)(null);
 +  const endedAt2 = (0, import_react11.useRef)(0);
@@ -9102,24 +8931,34 @@ diff --git a/client.js b/client.js
 +  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_react11.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) => {
--      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))
--      );
--    }))
--  );
++    "div",
 +    { 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_react11.createElement)(BotMark, { bot, size: 28, state: markState.current, live: true, pokeable: true }) : (0, import_react11.createElement)(RoomAvatar, { room: room2, roster, size: 28 }),
 +    (0, import_react11.createElement)(
-+      "span",
+       "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));
+-    })
+-  );
 +      { className: "bt-typing-text" },
 +      (0, import_react11.createElement)(
 +        "span",
@@ -9130,24 +8969,11 @@ diff --git a/client.js b/client.js
 +    )
 +  ), host);
  }
--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 });
-+
+ 
+-// 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" }));
 +// 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];
@@ -9157,22 +8983,8 @@ diff --git a/client.js b/client.js
 +  if (dsh.kind === "npm") return true;
 +  return dsh.kind === "app" && APP_OFFER.has(app?.phase) && sameVersion(app.version, dsh.verified);
  }
--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 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/overlay-hooks.js
 +var import_react12 = require("react");
@@ -9192,12 +9004,14 @@ diff --git a/client.js b/client.js
 +    };
 +  }, []);
  }
--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 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" })
+-  );
 +function useDialogFocus(ref) {
 +  (0, import_react12.useEffect)(() => {
 +    const before = document.activeElement;
@@ -9210,18 +9024,8 @@ diff --git a/client.js b/client.js
 +    };
 +  }, []);
  }
--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: [] }
--  })));
+-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 usePaneLeft() {
 +  const [paneLeft, setPaneLeft] = (0, import_react12.useState)(280);
 +  (0, import_react12.useLayoutEffect)(() => {
@@ -9230,35 +9034,14 @@ diff --git a/client.js b/client.js
 +  }, []);
 +  return paneLeft;
  }
- 
--// 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 "));
+-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" })
+-  );
++
 +// src/client/member-status.js
 +var import_react13 = require("react");
 +var NO_WORK = { bots: {}, rooms: {}, approvals: [] };
@@ -9266,31 +9049,7 @@ diff --git a/client.js b/client.js
 +var stepIn = (work, botId, roomId, tool) => {
 +  const own = work.bots?.[botId];
 +  return own?.roomId === roomId && own.tool === tool ? own.step : void 0;
- };
--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?.();
--    }
++};
 +var workIn = (room2, work, id) => {
 +  const local = (work.rooms?.[room2.id] ?? []).find((entry) => entry.botId === id);
 +  if (local) return { ...local, roomId: room2.id, step: stepIn(work, id, room2.id, local.tool) };
@@ -9304,47 +9063,89 @@ diff --git a/client.js b/client.js
 +    const approvals = askedIn(room2, work, id, doing);
 +    return { id, approvals, doing, here: doing !== void 0, state: approvals.length > 0 ? "ask" : doing ? "work" : "idle" };
 +  });
-+}
+ }
+-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 busyMembers(room2, work, roster) {
 +  const busy = memberWork(room2, work).filter((entry) => entry.state !== "idle" && roster.byId[entry.id]);
 +  return [...busy.filter((entry) => entry.state === "ask"), ...busy.filter((entry) => entry.state === "work")].map((entry) => ({ ...entry, bot: roster.byId[entry.id] }));
-+}
+ }
+-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" })
+-  );
 +function splitBusy(busy) {
 +  const here = busy.filter((entry) => entry.state === "work" && entry.here);
 +  const rows = [...here.filter((entry) => entry.doing.speaking === true), ...here.filter((entry) => entry.doing.speaking !== true)].slice(0, ROWS_MAX);
 +  return { rows, rest: busy.filter((entry) => !rows.includes(entry)) };
-+}
+ }
+-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 botGroupWork(botId, work, roster) {
 +  return Object.entries(work.rooms ?? {}).flatMap(([roomId, entries2]) => {
 +    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 }] : [];
-   });
++  });
  }
--function ScopeSwitch({ value, onChange, bot }) {
--  const options = [["all", t("All Bots")], ["bot", t("Only {name}", { name: bot.name })]];
--  return (0, import_react5.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", {
--      key: id,
--      type: "button",
--      role: "radio",
--      "aria-checked": value === id,
--      className: "bt-secret-seg",
--      onClick: () => onChange(id)
--    }, text))
-+var moreRooms = (count) => count === 1 ? t("1 more room") : t("{count} more rooms", { count });
-+function summaryText(busy) {
-+  const asks = busy.filter((entry) => entry.state === "ask");
-+  const workers = busy.filter((entry) => entry.state === "work");
-+  const names = asks.slice(0, 2).map((entry) => entry.bot.name);
-+  const waiting = asks.length === 0 ? "" : asks.length === 1 ? t("{name} is waiting for your approval", { name: names[0] }) : asks.length === 2 ? t("{first} and {second} are waiting for your approval", { first: names[0], second: names[1] }) : t("{first}, {second} and {count} more are waiting for your approval", { first: names[0], second: names[1], count: asks.length - 2, total: asks.length });
+-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" }))
+-  );
++var moreRooms = (count) => count === 1 ? t("1 more room") : t("{count} more rooms", { count });
++function summaryText(busy) {
++  const asks = busy.filter((entry) => entry.state === "ask");
++  const workers = busy.filter((entry) => entry.state === "work");
++  const names = asks.slice(0, 2).map((entry) => entry.bot.name);
++  const waiting = asks.length === 0 ? "" : asks.length === 1 ? t("{name} is waiting for your approval", { name: names[0] }) : asks.length === 2 ? t("{first} and {second} are waiting for your approval", { first: names[0], second: names[1] }) : t("{first}, {second} and {count} more are waiting for your approval", { first: names[0], second: names[1], count: asks.length - 2, total: asks.length });
 +  const first = workers[0];
 +  const doing = first ? `${first.bot.name} · ${workText(first.doing.tool, first.doing.step)}${workers.length > 1 ? ` +${workers.length - 1}` : ""}` : "";
 +  return { waiting, doing };
-+}
+ }
+-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 Face({ entry, size }) {
 +  return (0, import_react13.createElement)(
 +    "span",
@@ -9352,8 +9153,46 @@ diff --git a/client.js b/client.js
 +    (0, import_react13.createElement)(BotMark, { bot: entry.bot, size, state: entry.state === "ask" ? "alert" : toolState(entry.doing?.tool ?? "") })
    );
  }
--function SecretHead({ bot, title, detail, name, onClose }) {
--  return (0, import_react5.createElement)(
+-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]);
 +var elapsedSince = (now, at) => typeof at === "number" && now - at >= 6e4 ? elapsedLabel(now - at) : "";
 +function WorkRow({ bot, tool, step, label, at, now, onOpen }) {
 +  const text2 = `${label} · ${workText(tool, step)}`;
@@ -9365,7 +9204,108 @@ diff --git a/client.js b/client.js
 +    (0, import_react13.createElement)("span", { className: "bt-mw-row-text" }, (0, import_react13.createElement)(Shimmer, null, text2)),
 +    elapsed ? (0, import_react13.createElement)("span", { className: "bt-mw-row-time" }, `· ${elapsed}`) : null
 +  );
-+}
+ }
+-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
+-    );
+-  });
+-  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)
+-    ));
+-  }
+-  let foot = null;
+-  if (raised && multi) {
+-    foot = (0, import_react4.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"))
+-    );
+-  } 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))
 +function SummaryLine({ busy, now, onOpen }) {
 +  const { waiting, doing } = summaryText(busy);
 +  const elapsed = doing ? elapsedSince(now, busy.find((entry) => entry.state === "work")?.doing.since) : "";
@@ -9379,10 +9319,24 @@ diff --git a/client.js b/client.js
 +      waiting ? (0, import_react13.createElement)("span", { className: "bt-mw-ask" }, waiting) : null,
 +      waiting && doing ? " · " : null,
 +      doing ? (0, import_react13.createElement)(Shimmer, null, doing) : null
-+    ),
+     ),
+-    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
 +    elapsed ? (0, import_react13.createElement)("span", { className: "bt-mw-row-time" }, `· ${elapsed}`) : null
-+  );
-+}
+   );
+ }
+-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 MemberDock({ sessionId, useRoster, useWork, actions }) {
 +  const roster = useRoster((value) => value);
 +  const work = useWork((value) => value);
@@ -9400,19 +9354,36 @@ diff --git a/client.js b/client.js
 +    const { rows: rows2, rest } = splitBusy(busy);
 +    const open = () => actions.showDetails(sessionId);
 +    return (0, import_react13.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"))
+-      )
 +      { ref, className: "bt-mw-dock-stack" },
 +      rows2.map((entry) => (0, import_react13.createElement)(WorkRow, { key: entry.id, bot: entry.bot, tool: entry.doing.tool, step: entry.doing.step, label: entry.bot.name, at: entry.doing.since, now, onOpen: open })),
 +      rest.length > 0 ? (0, import_react13.createElement)(SummaryLine, { busy: rest, now, onOpen: open }) : null
-+    );
-+  }
+     );
+   }
+-  return (0, import_react4.createElement)(
 +  const rows = groups.slice(0, ROWS_MAX);
 +  const more = groups.length - rows.length;
 +  return (0, import_react13.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)(
+-    { 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))
+-      );
+-    }))
 +    { ref, className: "bt-mw-dock-stack" },
 +    rows.map((item) => (0, import_react13.createElement)(WorkRow, {
 +      key: item.room.id,
@@ -9425,26 +9396,29 @@ diff --git a/client.js b/client.js
 +      onOpen: () => actions.openSession(item.room.id)
 +    })),
 +    more > 0 ? (0, import_react13.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
++      "div",
 +      { className: "bt-mw-row bt-mw-line bt-mw-static" },
 +      (0, import_react13.createElement)("span", { className: "bt-mw-row-text" }, moreRooms(more))
 +    ) : 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) => {
+-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 useFlowColumn(ref, active, key) {
 +  (0, import_react13.useLayoutEffect)(() => {
 +    const node = ref.current;
@@ -9470,7 +9444,13 @@ diff --git a/client.js b/client.js
 +    return () => clearInterval(timer);
 +  }, [active]);
 +  return now;
-+}
+ }
+-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));
 +var since = (now, at) => typeof at === "number" && now - at >= 6e4 ? ` · ${elapsedLabel(now - at)}` : "";
 +var alwaysChoices = (approval, bot) => bot?.remote ? [] : [
 +  ["always-bot", "Always allow for this Bot"],
@@ -9479,75 +9459,32 @@ diff --git a/client.js b/client.js
 +function ApprovalCard({ approval, bot, actions }) {
 +  const [busy, setBusy] = (0, import_react13.useState)(false);
 +  const answer = (choice) => {
-     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));
++    setBusy(true);
 +    void Promise.resolve(actions.answerApproval(approval.id, choice)).catch((error) => actions.reportError(error, "approval")).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 onDismiss = () => {
+-    setAnswered(question.id);
+-    void actions.dismissQuestion(sessionId);
 +  return (0, import_react13.createElement)(
-     "div",
--    { 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)(
++    "div",
 +    { className: "bt-mw-card", role: "group", "aria-label": t("{name} is waiting for your approval", { name: bot.name }) },
 +    (0, import_react13.createElement)("div", { className: "bt-mw-tool" }, approval.tool),
 +    approval.detail?.text ? (0, import_react13.createElement)("div", { className: "bt-mw-text" }, approval.detail.text) : null,
 +    approval.reason ? (0, import_react13.createElement)("div", { className: "bt-mw-reason" }, approval.reason) : null,
 +    approval.detail?.code ? (0, import_react13.createElement)("code", { className: "bt-mw-code", title: approval.detail.code }, approval.detail.code) : null,
 +    approval.answerable ? (0, import_react13.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}`),
--      ".",
--      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)(
++      "div",
 +      { className: "bt-mw-actions" },
 +      (0, import_react13.createElement)("button", { type: "button", className: "bt-q-btn", disabled: busy, onClick: () => answer("reject") }, t("Reject")),
 +      (0, import_react13.createElement)("button", { type: "button", className: "bt-q-submit", disabled: busy, onClick: () => answer("allow") }, t("Allow once")),
-+      ...alwaysChoices(approval, bot).map(([choice, label]) => (0, import_react13.createElement)("button", { key: choice, type: "button", className: "bt-q-btn", "data-choice": choice, disabled: busy, onClick: () => answer(choice) }, t(label)))
-+    ) : (0, import_react13.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"))
++      ...alwaysChoices(approval, bot).map(([choice, label]) => (0, import_react13.createElement)("button", { key: choice, type: "button", className: "bt-q-btn", "data-choice": choice, disabled: busy, onClick: () => answer(choice) }, t(label)))
++    ) : (0, import_react13.createElement)(
++      "div",
 +      { className: "bt-mw-actions" },
 +      (0, import_react13.createElement)("button", { type: "button", className: "bt-q-btn", onClick: () => actions.openSession(bot.id) }, t("Open {name}'s chat", { name: bot.name }))
-     )
-   );
- }
--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)(
++    )
++  );
++}
 +function MemberWork({ entry, bot, room: room2, actions, now }) {
 +  const [stopping, setStopping] = (0, import_react13.useState)(false);
 +  if (entry.state === "ask") {
@@ -9562,47 +9499,45 @@ diff --git a/client.js b/client.js
 +  const stop = () => {
 +    setStopping(true);
 +    void Promise.resolve(actions.stopMemberWork(room2.id, bot.id)).catch((error) => actions.reportError(error, "stop")).finally(() => setStopping(false));
-+  };
+   };
+-  return (0, import_react4.createElement)(
 +  return (0, import_react13.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)(
+-    { 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 })
 +    { className: "bt-mw-member" },
 +    (0, import_react13.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))
++      "div",
 +      { className: "bt-mw-state bt-mw-work" },
 +      (0, import_react13.createElement)("span", null, (0, import_react13.createElement)(Shimmer, null, workText(entry.doing.tool, entry.doing.step)), since(now, entry.doing.since)),
 +      entry.here && entry.doing.handed !== true ? (0, import_react13.createElement)("button", { type: "button", className: "bt-mw-stop", disabled: stopping, onClick: stop }, t("Stop")) : null
-     )
++    )
    );
  }
--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 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") })));
--  }
--  return null;
+-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 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 };
-+}
+ }
+-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: [] }
+-  })));
 +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}
@@ -9689,8 +9624,36 @@ diff --git a/client.js b/client.js
 +  const value = task?.progress;
 +  if (typeof value !== "number" || !Number.isFinite(value)) return columnOf(task) === "done" && task?.status !== "cancelled" && task?.status !== "failed" ? 100 : 0;
 +  return Math.max(0, Math.min(100, Math.round(value)));
-+}
-+
+ }
+ 
+-// 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 "));
 +// src/client/inbox.js
 +var import_react14 = require("react");
 +var KEEP_MS = 7 * 864e5;
@@ -9700,7 +9663,30 @@ diff --git a/client.js b/client.js
 +var line = (d) => (0, import_react14.createElement)("path", { d });
 +var icon = (...paths) => function StatusIcon() {
 +  return (0, import_react14.createElement)("svg", { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, paths.map(line));
-+};
+ };
+-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?.();
 +var RING = "M10 3.25a6.75 6.75 0 1 1 0 13.5 6.75 6.75 0 0 1 0-13.5z";
 +var InboxIcon = icon("M3.5 11.5l1.9-6.1A1.5 1.5 0 0 1 6.83 4.35h6.34a1.5 1.5 0 0 1 1.43 1.05l1.9 6.1", "M3.5 11.5v3.25a1.5 1.5 0 0 0 1.5 1.5h10a1.5 1.5 0 0 0 1.5-1.5V11.5", "M3.5 11.5h3.75l1 1.75h3.5l1-1.75h3.75");
 +var AskIcon = icon(RING, "M10 6.75v3.75", "M10 13.25h.01");
@@ -9771,7 +9757,8 @@ diff --git a/client.js b/client.js
 +      });
 +      load();
 +      workflowPoll = setInterval(load, POLL_MS3);
-+    }
+     }
+-  });
 +    return () => {
 +      workflowListeners.delete(setWorkflows);
 +      if (workflowListeners.size === 0 && workflowPoll !== null) {
@@ -9781,7 +9768,22 @@ diff --git a/client.js b/client.js
 +    };
 +  }, []);
 +  return workflows;
-+}
+ }
+-function ScopeSwitch({ value, onChange, bot }) {
+-  const options = [["all", t("All Bots")], ["bot", t("Only {name}", { name: bot.name })]];
+-  return (0, import_react5.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", {
+-      key: id,
+-      type: "button",
+-      role: "radio",
+-      "aria-checked": value === id,
+-      className: "bt-secret-seg",
+-      onClick: () => onChange(id)
+-    }, text))
+-  );
 +var ownBot = (roster, id) => {
 +  const bot = roster.byId?.[id];
 +  if (bot === void 0 || bot.remote) return void 0;
@@ -10046,7 +10048,19 @@ diff --git a/client.js b/client.js
 +    return Promise.resolve(actions.answerApproval(card.approval.id, choice));
 +  }
 +  return void 0;
-+}
+ }
+-function SecretHead({ bot, title, detail, name, onClose }) {
+-  return (0, import_react5.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-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
 +var answerSlots = /* @__PURE__ */ new Map();
 +var answerSlot = (id) => {
 +  let slot = answerSlots.get(id);
@@ -10099,8 +10113,25 @@ diff --git a/client.js b/client.js
 +      redraw((count) => count + 1);
 +    } }, t("Send back")),
 +    (0, import_react14.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy, onClick: () => onAnswer(card, "accept") }, t("Accept"))
-+  );
-+}
+   );
+ }
+-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 }));
 +function AnswerFields({ card, busy, onAnswer }) {
 +  const [, redraw] = (0, import_react14.useState)(0);
 +  const question = card.kind === "question";
@@ -10120,7 +10151,9 @@ diff --git a/client.js b/client.js
 +    }
 +    if (custom === "") return;
 +    onAnswer(card, custom);
-+  };
+   };
+-  const allow = () => {
+-    if (!busy) void run(actions.secretAllow(request.id));
 +  const choose = (label) => {
 +    if (busy) return;
 +    if (!multi) {
@@ -10129,7 +10162,18 @@ diff --git a/client.js b/client.js
 +    }
 +    slot.picked = slot.picked.includes(label) ? slot.picked.filter((item) => item !== label) : [...slot.picked, label];
 +    redraw((count) => count + 1);
-+  };
+   };
+-  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)(
+-    "div",
+-    { 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
 +  return (0, import_react14.createElement)(
 +    "span",
 +    { className: "bt-inbox-answer" },
@@ -10157,43 +10201,54 @@ diff --git a/client.js b/client.js
 +        event.preventDefault();
 +        send();
 +      }
-+    }),
+     }),
+-    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)(
+-      "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}`),
+-      ".",
+-      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)(
+-      "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"))
+-    )
 +    (0, import_react14.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy, onClick: send }, t("Submit"))
-+  );
+   );
  }
--function SecretDock({ sessionId, useRoster, useCards, useSession, actions }) {
-+function InboxRow({ wide, useRoster, useWork, useUi, 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 })));
--}
--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();
+-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-secret-edit-block" },
--    (0, import_react5.createElement)("div", { className: "bt-secret-edit-label" }, t("Who may use it")),
+-    { 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-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,
+-      { 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 InboxRow({ wide, useRoster, useWork, useUi, actions }) {
++  const roster = useRoster((value) => value);
 +  const work = useWork ? useWork((value) => value) : {};
 +  const open = useUi ? useUi((value) => Boolean(value.inbox)) : false;
 +  const tasks = useTasks(actions);
@@ -10203,16 +10258,7 @@ diff --git a/client.js b/client.js
 +  return (0, import_react14.createElement)(
 +    "button",
 +    {
-       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"))
--    )
++      type: "button",
 +      className: "bt-row bt-inbox-row",
 +      "aria-label": label,
 +      title: wide ? void 0 : label,
@@ -10225,52 +10271,42 @@ diff --git a/client.js b/client.js
 +    count > 0 ? (0, import_react14.createElement)("span", { className: "bt-inbox-count", "aria-hidden": true }, count > 99 ? "99+" : String(count)) : null
    );
  }
--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
--  );
+-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 Status({ status }) {
 +  const { label, tone, Icon } = STATUSES[status];
 +  return (0, import_react14.createElement)("span", { className: "bt-inbox-status", "data-tone": tone }, (0, import_react14.createElement)(Icon), (0, import_react14.createElement)("span", null, t(label)));
  }
--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)(
+-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 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 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 })));
+-}
+-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)(
 +  return typeof card.at === "number" ? relativeShort(card.at) : "";
 +}
 +function InboxCard({ card, roster, now, busy, error, onAnswer, onOpen }) {
@@ -10286,30 +10322,28 @@ diff --git a/client.js b/client.js
 +  const unconfirmed = card.kind === "task" && card.task?.writeBack?.state === "unconfirmed" ? card.task.writeBack : void 0;
 +  return (0, import_react14.createElement)(
      "div",
--    { className: "bt-secret-item", "data-open": open ? "" : void 0 },
+-    { className: "bt-secret-edit-block" },
+-    (0, import_react5.createElement)("div", { className: "bt-secret-edit-label" }, t("Who may use it")),
 -    (0, import_react5.createElement)(
--      "button",
--      { type: "button", className: "bt-set-row bt-secret-summary", "aria-expanded": open, onClick: onToggle },
--      (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
+-      ))
 +    { className: "bt-inbox-card", role: "group", "aria-label": `${t(STATUSES[card.status].label)}: ${card.title}`, "data-status": card.status, "data-run": card.kind === "workflow" ? card.run?.id : void 0 },
 +    (0, import_react14.createElement)("span", { className: "bt-inbox-ava" }, card.bot ? (0, import_react14.createElement)(BotAvatar, { bot: card.bot, size: 28, badge: false, live: false }) : card.room ? (0, import_react14.createElement)(RoomAvatar, { room: card.room, roster, size: 28 }) : null),
 +    (0, import_react14.createElement)(
 +      "span",
 +      { className: "bt-inbox-copy" },
 +      (0, import_react14.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-inbox-top" },
 +        (0, import_react14.createElement)(Status, { status: card.status }),
 +        (0, import_react14.createElement)("span", { className: "bt-inbox-meta", title: meta }, 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 })))
--      )
++      ),
 +      (0, import_react14.createElement)("span", { className: "bt-inbox-title", title: card.title }, card.title),
 +      card.calls > 0 ? (0, import_react14.createElement)("span", { className: "bt-inbox-calls" }, t("{count} tool calls", { count: card.calls })) : null,
 +      card.reason ? (0, import_react14.createElement)("span", { className: "bt-inbox-reason", title: card.reason }, failureSentence(card.reason, t)) : null,
@@ -10336,21 +10370,17 @@ diff --git a/client.js b/client.js
 +      ...locked ? [] : [(0, import_react14.createElement)(AnswerFields, { card, busy, onAnswer }), (0, import_react14.createElement)(ResultActions, { card, busy, onAnswer })],
 +      error ? (0, import_react14.createElement)("span", { className: "bt-inbox-error", role: "alert" }, error) : null
      ),
--    open ? (0, import_react5.createElement)(
+-    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-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
+-      { 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"))
 +    (0, import_react14.createElement)(
 +      "span",
 +      { className: "bt-inbox-actions" },
@@ -10358,22 +10388,25 @@ diff --git a/client.js b/client.js
 +      answerable ? (0, import_react14.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy, onClick: () => onAnswer(card, "allow") }, t("Allow once")) : null,
 +      ...(answerable ? alwaysChoices(card.approval, card.bot) : []).map(([choice, label]) => (0, import_react14.createElement)("button", { key: choice, type: "button", className: "bt-soft bt-soft-sm", "data-choice": choice, disabled: busy, onClick: () => onAnswer(card, choice) }, t(label))),
 +      (0, import_react14.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 AddSecret({ actions, run, onDone }) {
--  const [name, setName] = (0, import_react5.useState)("");
--  const [purpose, setPurpose] = (0, import_react5.useState)("");
+-function ValueEditor({ secret, onSave }) {
 -  const [value, setValue] = (0, import_react5.useState)("");
--  const ready = /^[A-Za-z][\w-]{0,63}$/.test(name.trim()) && value.trim().length >= MIN_VALUE;
+-  const [replaced, setReplaced] = (0, import_react5.useState)(false);
+-  const long = value.trim().length >= MIN_VALUE;
 -  const save = () => {
--    if (!ready) return;
--    void run(actions.secretSet({ name, purpose, value, scope: "all" })).then((ok) => {
+-    if (!long) return;
+-    void Promise.resolve(onSave(value)).then((ok) => {
 -      if (ok) {
 -        setValue("");
--        onDone();
+-        setReplaced(true);
 -      }
 -    });
+-  };
+-  const edit = (next) => {
+-    setValue(next);
+-    setReplaced(false);
 +function useNow2(ms) {
 +  const [now, setNow] = (0, import_react14.useState)(Date.now);
 +  (0, import_react14.useEffect)(() => {
@@ -10429,19 +10462,39 @@ diff --git a/client.js b/client.js
 +  const open = (card) => openCard(actions, card);
 +  return (0, import_react14.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") })),
+-    { className: "bt-secret-edit-block" },
+-    (0, import_react5.createElement)("div", { className: "bt-secret-edit-label" }, t("Replace the value")),
 -    (0, import_react5.createElement)(
 +    { className: "bt-mem-layer bt-inbox-layer", "data-leaving": leaving || void 0 },
 +    (0, import_react14.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }),
 +    (0, import_react14.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"))
+-      { 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
+-  );
+-}
+-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)
 +      { className: "bt-mem bt-inbox", role: "dialog", "aria-modal": true, "aria-labelledby": "bt-inbox-heading" },
 +      (0, import_react14.createElement)(
 +        "div",
@@ -10450,9 +10503,27 @@ diff --git a/client.js b/client.js
 +        (0, import_react14.createElement)("span", { className: "bt-mem-status" }, t("Your Bots")),
 +        (0, import_react14.createElement)("span", { className: "bt-mem-head-gap" }),
 +        (0, import_react14.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close inbox"), autoFocus: true, onClick: close }, (0, import_react14.createElement)(CloseIcon))
-+      ),
+       ),
+-      (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)(
 +      (0, import_react14.createElement)(
-+        "div",
+         "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"))
 +        { className: "bt-mem-body bt-inbox-body" },
 +        ...locked ? [(0, import_react14.createElement)("p", { key: "readonly", className: "bt-hint bt-read-only", role: "status" }, hostText(roster.readOnly))] : [],
 +        (0, import_react14.createElement)("div", { className: "bt-inbox-feedback", role: "status", "aria-live": "polite" }, feedback),
@@ -10490,7 +10561,36 @@ diff --git a/client.js b/client.js
 +            }, t(allDone ? "Show fewer" : "Show all")) : 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)("");
+-  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"))
      )
    );
  }
@@ -11507,14 +11607,14 @@ diff --git a/client.js b/client.js
 -  });
 -  return (0, import_react6.createElement)("div", { className: "bt-event" }, parts);
 +  return items;
-+}
+ }
+-function GroupMessage({ bot, text, room: room2, roster, actions, msgKey, useUi }) {
+-  const lead = (0, import_react6.createElement)(
 +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 GroupMessage({ bot, text, room: room2, roster, actions, msgKey, useUi }) {
--  const lead = (0, import_react6.createElement)(
++}
 +function ProjectList({ projects, error, note, onOpen, onRole }) {
 +  const rows = projects === null ? (0, import_react17.createElement)("div", { className: "bt-projects-note" }, t("Reading Projects…")) : error !== "" ? (0, import_react17.createElement)("div", { className: "bt-projects-note" }, error) : projects.length === 0 ? (0, import_react17.createElement)("div", { className: "bt-projects-empty" }, t("No Projects yet")) : projects.map((project) => (0, import_react17.createElement)(
      "button",
diff --git a/patches/ds-bot/files/test/chat-link-open.test.js b/patches/ds-bot/files/test/chat-link-open.test.js
new file mode 100644
index 00000000..cf4f2de9
--- /dev/null
+++ b/patches/ds-bot/files/test/chat-link-open.test.js
@@ -0,0 +1,222 @@
+// #2201: a link in a chat message was left to the host, which opens it in its own right sidebar — a
+// browser tab FlyBot's fixed panel covers, so the content area looked blank and no error appeared.
+// The link now opens a tab in FlyBot's own panel, the browser view the globe button already uses, and
+// carries the URL there. Each case clicks the anchor MarkdownText draws and reads the action the page
+// really calls; without the Desktop bridge there is no panel, so the page opens in the window itself.
+import { test } from 'node:test'
+import assert from 'node:assert/strict'
+import { fileURLToPath } from 'node:url'
+import { runInNewContext } from 'node:vm'
+import { build } from 'esbuild'
+
+const h = (type, props, ...children) => ({ type, props: { ...props, children: children.flat(Infinity) } })
+const all = (node, out = []) => {
+  if (Array.isArray(node)) { for (const child of node) all(child, out); return out }
+  if (node && typeof node === 'object') { out.push(node); for (const child of [node.props?.children].flat(Infinity)) all(child, out) }
+  return out
+}
+
+// The platform's Markdown scope: the nearest provider hands the link handler down, and the anchor
+// MarkdownText draws calls it exactly as the real one does on a plain HTTP(S) click.
+const delegate = { openExternalLink: undefined, openFile: undefined, fileImages: undefined }
+function MarkdownDelegateProvider({ openExternalLink, openFile, fileImages, children }) {
+  Object.assign(delegate, { openExternalLink, openFile, fileImages })
+  return children
+}
+const LINK = /\]\((https?:\/\/[^)\s]+)\)/
+function MarkdownText({ text }) {
+  const href = String(text ?? '').match(LINK)?.[1]
+  if (!href) return h('span', { className: 'bt-md', text })
+  return h('a', {
+    className: 'bt-md-link',
+    href,
+    onClick: (event) => { event?.preventDefault?.(); delegate.openExternalLink?.(href) },
+  })
+}
+
+// One state slot set per component path, effects only when their deps change, setters mark the tree
+// dirty so the caller renders again: enough to run the components this file builds.
+const runtime = { instances: new Map(), key: 'root', index: 0 }
+function instance(key) {
+  let inst = runtime.instances.get(key)
+  if (!inst) { inst = { slots: [], refs: [], pending: [], deps: new Map() }; runtime.instances.set(key, inst) }
+  return inst
+}
+function withInstance(key, run) {
+  const previousKey = runtime.key
+  const previousIndex = runtime.index
+  runtime.key = key
+  runtime.index = 0
+  try { return run() } finally { runtime.key = previousKey; runtime.index = previousIndex }
+}
+const react = {
+  createElement: h,
+  Fragment: Symbol('Fragment'),
+  useEffect: (run, deps) => instance(runtime.key).pending.push({ index: runtime.index++, run, deps }),
+  useLayoutEffect: (run, deps) => instance(runtime.key).pending.push({ index: runtime.index++, run, deps }),
+  useMemo: (make) => make(),
+  useCallback: (fn) => fn,
+  useRef: (current) => {
+    const inst = instance(runtime.key)
+    const index = runtime.index++
+    if (!(index in inst.refs)) inst.refs[index] = { current }
+    return inst.refs[index]
+  },
+  useState: (initial) => {
+    const inst = instance(runtime.key)
+    const index = runtime.index++
+    if (!(index in inst.slots)) inst.slots[index] = typeof initial === 'function' ? initial() : initial
+    const set = (next) => { inst.slots[index] = typeof next === 'function' ? next(inst.slots[index]) : next }
+    return [inst.slots[index], set]
+  },
+}
+
+const bundle = await build({
+  entryPoints: [fileURLToPath(new URL('../src/client/cells.js', import.meta.url))],
+  bundle: true, format: 'cjs', platform: 'browser', write: false, logLevel: 'silent',
+  external: ['react', 'react-dom', '@deepseek-ai/dsh-client-ui-primitives'],
+})
+const opened = []
+const env = {
+  module: { exports: {} },
+  document: { body: {}, hidden: false, addEventListener() {}, removeEventListener() {} },
+  navigator: { language: 'en' },
+  localStorage: { getItem: () => null, setItem() {} },
+  window: { innerHeight: 800, innerWidth: 1400, addEventListener() {}, removeEventListener() {}, open: (...args) => opened.push(args) },
+  setTimeout, clearTimeout,
+}
+env.require = (name) => {
+  if (name === 'react') return react
+  if (name === 'react-dom') return { createPortal: (node) => node }
+  if (name === '@deepseek-ai/dsh-client-ui-primitives') return { MarkdownText, MarkdownDelegateProvider }
+  throw new Error(`Unexpected platform module ${name}`)
+}
+runInNewContext(bundle.outputFiles[0].text, env)
+const { Bubbles } = env.module.exports
+
+// Function components run the way React runs them, so the provider and the bubble see their props.
+const expand = (node, path = 'r') => {
+  if (node === null || node === undefined || typeof node === 'boolean') return null
+  if (Array.isArray(node)) return node.map((child, at) => expand(child, `${path}.${at}`))
+  if (typeof node !== 'object') return node
+  if (typeof node.type === 'function') return withInstance(path, () => expand(node.type(node.props), path))
+  return { ...node, props: { ...node.props, children: expand(node.props.children, path) } }
+}
+const clickLink = (tree) => {
+  const anchor = all(tree).find(node => node.type === 'a')
+  assert.ok(anchor, 'the bubble draws the link as an anchor')
+  anchor.props.onClick({ preventDefault() {} })
+  return anchor.props.href
+}
+
+// The panel the way index.js drives it: browserNewTab puts a tab in the Bot's strip and moves the
+// panel to the browser view (null when the Bot is not in the roster), browserNavigate loads the tab.
+const panelHarness = () => {
+  const panel = { details: null, view: 'details', renaming: false, tab: null }
+  const tabs = new Map()
+  const calls = []
+  let next = 0
+  return {
+    panel, tabs, calls,
+    useUi: (read) => read(panel),
+    browserNewTab: (id) => {
+      calls.push(['tab', id])
+      if (!ROSTER.byId[id]) return null
+      const tabId = `t${++next}`
+      tabs.set(tabId, null)
+      Object.assign(panel, { details: id, view: 'browser', renaming: false, tab: null })
+      return tabId
+    },
+    browserNavigate: (tabId, url) => {
+      calls.push(['navigate', tabId, url])
+      if (!tabs.has(tabId)) throw new Error(`browserNavigate called with no tab: ${String(tabId)}`)
+      tabs.set(tabId, url)
+      return Promise.resolve(true)
+    },
+  }
+}
+
+const ROSTER = { bots: [], byId: { b1: { id: 'b1', name: 'FlyBot', color: 'blue' } }, roomsById: {} }
+
+test('#2201: a link in an assistant bubble opens FlyBot\'s own panel with the URL', () => {
+  const p = panelHarness()
+  const actions = { browserNewTab: p.browserNewTab, browserNavigate: p.browserNavigate, toggleReaction() {} }
+  const tree = expand(h(Bubbles, { texts: ['see [the issue](https://github.com/o/r/issues/2) for detail'], roster: ROSTER, selfId: 'b1', actions, sessionId: 'b1', useUi: p.useUi }))
+  const href = clickLink(tree)
+  assert.deepEqual(p.calls, [['tab', 'b1'], ['navigate', 't1', href]], 'the link opens a tab in FlyBot\'s panel and carries the URL there')
+  assert.equal(p.tabs.get('t1'), href, 'the tab shows the URL the link pointed at')
+  assert.equal(p.panel.view, 'browser', 'the panel is on the browser view, not the details panel that covered the page')
+  assert.equal(p.panel.details, 'b1', 'the panel is showing the Bot whose chat the link was in')
+})
+
+test('#2201: the click does not depend on the details panel being open or closed', () => {
+  const url = 'https://github.com/o/r/issues/2'
+  for (const details of ['b1', null]) {
+    const p = panelHarness()
+    Object.assign(p.panel, { details, view: 'details' })
+    const actions = { browserNewTab: p.browserNewTab, browserNavigate: p.browserNavigate }
+    const tree = expand(h(Bubbles, { texts: [`[x](${url})`], roster: ROSTER, selfId: 'b1', actions, sessionId: 'b1', useUi: p.useUi }))
+    clickLink(tree)
+    assert.deepEqual(p.calls, [['tab', 'b1'], ['navigate', 't1', url]], `the panel opens the same way with details ${details ? 'open' : 'closed'}`)
+    assert.equal(p.panel.view, 'browser', 'the view the person lands on is the browser view either way')
+    assert.equal(p.tabs.get('t1'), url)
+  }
+})
+
+test('#2201: a Bot outside the roster gets no tab and the page opens in the window once', () => {
+  opened.length = 0
+  const p = panelHarness()
+  const actions = { browserNewTab: p.browserNewTab, browserNavigate: p.browserNavigate }
+  const tree = expand(h(Bubbles, { texts: ['[x](https://example.com/b)'], roster: ROSTER, selfId: 'ghost', actions, sessionId: 'ghost', useUi: p.useUi }))
+  let href
+  assert.doesNotThrow(() => { href = clickLink(tree) }, 'a missing tab falls back instead of throwing')
+  assert.deepEqual(p.calls, [['tab', 'ghost']], 'no navigation is attempted when browserNewTab answers null')
+  assert.equal(p.panel.view, 'details', 'the panel is left where it was')
+  // Exactly one window: a fallback here and another in the host would open the page twice.
+  assert.deepEqual(opened, [[href, '_blank', 'noopener']], 'the page opens in the window exactly once')
+})
+
+test('#2201: a room bubble targets the Bot that spoke, not the room id', () => {
+  // GroupMessage renders Bubbles with the room as sessionId and the speaking Bot as selfId; the
+  // room id is not a Bot, so browserNewTab(room) answers null and the click would go nowhere.
+  opened.length = 0
+  const p = panelHarness()
+  const actions = { browserNewTab: p.browserNewTab, browserNavigate: p.browserNavigate }
+  const tree = expand(h(Bubbles, { texts: ['[x](https://example.com/room)'], roster: ROSTER, selfId: 'b1', actions, sessionId: 'room-1', useUi: p.useUi }))
+  const href = clickLink(tree)
+  assert.deepEqual(p.calls, [['tab', 'b1'], ['navigate', 't1', href]], 'the tab opens for the Bot whose message carried the link')
+  assert.equal(p.tabs.get('t1'), href, 'the tab carries the URL')
+  assert.deepEqual(opened, [], 'nothing falls back to the window when the panel opened the link')
+})
+
+test('#2201: without the Desktop bridge the page opens in the window itself', () => {
+  opened.length = 0
+  const actions = {}
+  const tree = expand(h(Bubbles, { texts: ['[x](https://example.com/a)'], roster: ROSTER, selfId: 'b1', actions, sessionId: 'b1', useUi: (read) => read({ details: null, view: 'details' }) }))
+  const href = clickLink(tree)
+  assert.deepEqual(opened, [[href, '_blank', 'noopener']], 'the link opens in the window, exactly once')
+})
+
+test('#2201: the bubble keeps the host\'s file opener and image resolver', () => {
+  // The nearest MarkdownDelegateProvider replaces the enclosing capabilities, so a provider that
+  // carried only openExternalLink dropped openFile (a local `[x](path#L12)` link rendered as plain
+  // text instead of a chip) and fileImages (local images). Bubbles is where the host hands them
+  // over; the delegate it builds must carry both on to MarkdownText.
+  const openFile = (path) => { throw new Error(`not called here: ${path}`) }
+  const fileImages = { resolve: (path) => `/media/${path}`, labels: { open: 'Open', loading: 'Loading', failed: 'Failed', dialog: 'Image', close: 'Close' } }
+  const p = panelHarness()
+  const actions = { browserNewTab: p.browserNewTab, browserNavigate: p.browserNavigate }
+  expand(h(Bubbles, { texts: ['[x](https://example.com/a)'], roster: ROSTER, selfId: 'b1', actions, sessionId: 'b1', useUi: p.useUi, openFile, fileImages }))
+  assert.equal(delegate.openFile, openFile, 'the delegate carries the host\'s openFile, so local file links stay chips')
+  assert.equal(delegate.fileImages, fileImages, 'the delegate carries the host\'s fileImages, so local images keep previewing')
+})
+
+test('#2201: a tab with no navigation falls back to the window instead of doing nothing', () => {
+  opened.length = 0
+  const p = panelHarness()
+  const actions = { browserNewTab: p.browserNewTab }
+  const tree = expand(h(Bubbles, { texts: ['[x](https://example.com/c)'], roster: ROSTER, selfId: 'b1', actions, sessionId: 'b1', useUi: p.useUi }))
+  let href
+  assert.doesNotThrow(() => { href = clickLink(tree) }, 'a tab without browserNavigate does not throw')
+  assert.deepEqual(opened, [[href, '_blank', 'noopener']], 'the page still opens, exactly once')
+})