dsh-rewind-plugin 0.2.6 → 0.2.8

package/lib/client.js

@@ -32,12 +32,28 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
+// src/client/portals.tsx
+var import_react = require("react");
+var import_react_dom = require("react-dom");
+
 // src/client/hidden.ts
 function targetOfOutcome(text) {
   if (text === void 0) return void 0;
   const match = text.match(/seq (\d+)/);
   return match !== null ? Number(match[1]) : void 0;
 }
+function isExecutedRewindCommand(node, seq) {
+  if (node.name !== "rewind" || node.outcome?.kind !== "success") return false;
+  if (node.outcome.sourceEventSeq === void 0) return false;
+  const args = node.args ?? "";
+  return new RegExp(`(?:^|\\s)@${seq}(?:\\s|$)`).test(args);
+}
+function hasFileImpact(text) {
+  if (text === void 0) return true;
+  const match = text.match(/impact=(\d+)/);
+  if (match !== null) return Number(match[1]) > 0;
+  return text.includes("\u5C06\u5F71\u54CD");
+}
 function isPreviewCommand(command) {
   return (command.args ?? "").includes("preview");
 }
@@ -73,48 +89,7 @@ function hiddenSeqsOf(snap) {
   return hidden;
 }
 
-// src/client/locales.ts
-var zh = {
-  "button.aria": "\u56DE\u9000\u5230\u6B64\u6D88\u606F",
-  "button.title": "\u56DE\u9000",
-  "popover.title": "\u56DE\u9000\u5230\u8FD9\u6761\u6D88\u606F",
-  "popover.noText": "\uFF08\u65E0\u6587\u672C\uFF09",
-  "popover.chat": "\u4EC5\u56DE\u9000\u5BF9\u8BDD",
-  "popover.chat.hint": "\u53EA\u56DE\u9000\u6A21\u578B\u4E0A\u4E0B\u6587\uFF0C\u4E0D\u52A8\u5DE5\u4F5C\u533A\u6587\u4EF6",
-  "popover.both": "\u56DE\u9000\u5BF9\u8BDD\u548C\u4EE3\u7801",
-  "popover.both.hint": "\u5BF9\u8BDD\u56DE\u9000\u5E76\u8FD8\u539F\u5DE5\u4F5C\u533A\u6587\u4EF6",
-  "popover.checking": "\u6B63\u5728\u68C0\u67E5\u6587\u4EF6\u53D8\u66F4\u2026",
-  "popover.noChanges": "\u6B64\u6D88\u606F\u4E4B\u540E\u6CA1\u6709\u53EF\u8FD8\u539F\u7684\u6587\u4EF6\u53D8\u66F4\uFF0C\u4EC5\u53EF\u56DE\u9000\u5BF9\u8BDD",
-  "popover.cancel": "\u53D6\u6D88",
-  "popover.impact.loading": "\u6B63\u5728\u83B7\u53D6\u5F71\u54CD\u6E05\u5355\u2026",
-  "popover.impact.failed": "\u65E0\u6CD5\u83B7\u53D6\u5F71\u54CD\u6E05\u5355\uFF1A{message}",
-  "popover.impact.none": "\u76EE\u6807\u4E4B\u540E\u6CA1\u6709\u8DDF\u8E2A\u5230\u7684\u5199\u7C7B\u53D8\u66F4\uFF0C\u65E0\u9700\u8FD8\u539F\u6587\u4EF6\u3002",
-  "popover.confirm": "\u786E\u8BA4\u56DE\u9000",
-  "popover.back": "\u8FD4\u56DE",
-  "guard.hint": "/rewind \u547D\u4EE4\u4E0D\u652F\u6301\u624B\u52A8\u8F93\u5165\uFF0C\u8BF7\u4F7F\u7528\u6D88\u606F\u65C1\u7684 \u21B6 \u56DE\u9000\u6309\u94AE"
-};
-var en = {
-  "button.aria": "Rewind to this message",
-  "button.title": "Rewind",
-  "popover.title": "Rewind to this message",
-  "popover.noText": "(no text)",
-  "popover.chat": "Rewind conversation only",
-  "popover.chat.hint": "Cut the model context only; workspace files stay untouched",
-  "popover.both": "Rewind conversation and code",
-  "popover.both.hint": "Cut the context and restore workspace files",
-  "popover.checking": "Checking for file changes\u2026",
-  "popover.noChanges": "No tracked file changes after this message; conversation-only rewind",
-  "popover.cancel": "Cancel",
-  "popover.impact.loading": "Fetching impact list\u2026",
-  "popover.impact.failed": "Could not fetch the impact list: {message}",
-  "popover.impact.none": "No tracked file changes after the target; nothing to restore.",
-  "popover.confirm": "Confirm rewind",
-  "popover.back": "Back",
-  "guard.hint": "/rewind cannot be typed manually \u2014 use the \u21B6 button on a message to rewind."
-};
-
 // src/client/styles.ts
-var REWIND_ATTACHED = "data-dsh-rewind-attached";
 var CLASS = {
   button: "dsh-rewind-btn",
   popover: "dsh-rewind-popover",
@@ -291,6 +266,9 @@ function formatTarget(t, seq, time, preview) {
   const previewText = preview.length > 0 ? preview : t("popover.noText");
   return `seq ${seq} \xB7 ${hh}:${mm} \xB7 ${previewText}`;
 }
+function stripImpactToken(text) {
+  return text.replace(/\n?impact=\d+\s*$/, "");
+}
 function findCommand(snapshot, match) {
   let found;
   for (const key of snapshot.chat.order) {
@@ -302,6 +280,18 @@ function findCommand(snapshot, match) {
   }
   return found;
 }
+function knownCommandSeqs(session, match) {
+  const known = /* @__PURE__ */ new Set();
+  const snapshot = session.getSnapshot();
+  for (const key of snapshot.chat.order) {
+    const node = snapshot.chat.nodes.get(key);
+    if (node !== void 0 && node.kind === "command") {
+      const command = node.data;
+      if (match(command)) known.add(command.seq);
+    }
+  }
+  return known;
+}
 function waitForCommand(session, match, timeoutMs = 8e3) {
   return new Promise((resolve) => {
     let settled = false;
@@ -328,9 +318,10 @@ function isPreviewFor(node, seq) {
   return node.name === "rewind" && args.includes("preview") && new RegExp(`(?:^|\\s)@${seq}(?=\\s|$)`).test(args);
 }
 async function previewImpact(session, seq) {
+  const known = knownCommandSeqs(session, (node) => isPreviewFor(node, seq));
   const result = await session.command(`/rewind preview @${seq} both`);
   if (!result.ok || result.value?.matched !== true) return null;
-  return waitForCommand(session, (node) => isPreviewFor(node, seq));
+  return waitForCommand(session, (node) => isPreviewFor(node, seq) && !known.has(node.seq));
 }
 function el(tag, className, text) {
   const node = document.createElement(tag);
@@ -375,11 +366,11 @@ function renderImpactStep(root, opts, back, cached) {
       impact.textContent = t("popover.impact.failed", { message: outcome.text ?? "unknown error" });
       return;
     }
-    impact.textContent = outcome.text ?? t("popover.impact.none");
+    impact.textContent = outcome.text === void 0 ? t("popover.impact.none") : stripImpactToken(outcome.text);
     confirm.disabled = false;
     confirm.addEventListener("click", () => {
       closePopover();
-      void session.command(`/rewind @${seq} both`);
+      opts.onRewind("both");
     });
   })().catch(() => {
     impact.textContent = t("popover.impact.failed", { message: "unexpected error" });
@@ -399,7 +390,7 @@ function openPopover(opts) {
       el("div", CLASS.popoverTarget, formatTarget(t, seq, time, preview)),
       modeOption(t("popover.chat"), t("popover.chat.hint"), () => {
         closePopover();
-        void session.command(`/rewind @${seq} chat`);
+        opts.onRewind("chat");
       })
     ];
     if (bothState.state === "noChanges") {
@@ -436,7 +427,6 @@ function openPopover(opts) {
   renderModes();
   document.body.append(root);
   position();
-  const hasFileImpact = (text) => text === void 0 || text.includes("\u5C06\u5F71\u54CD");
   void (async () => {
     const outcome = await previewImpact(session, seq);
     impactOutcome = outcome;
@@ -470,14 +460,8 @@ function openPopover(opts) {
   };
 }
 
-// src/client/index.ts
-var name = "dsh-rewind";
-var inject = ["sessions", "locale"];
-var NS = "rewind";
-var USER_SEAT_SELECTOR = '[data-chat-flow-kind="user"]';
-var CHAT_SEAT_SELECTOR = "[data-chat-anchor-key]";
-var ACTIONS_ROOT_SELECTOR = "[data-time-hover-root]";
-var COMPOSER_SELECTOR = "[data-input-scroll] textarea, textarea[data-phase]";
+// src/client/portals.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
 function messagePreviewOf(node) {
   const text = node.content.map((block) => block.type === "text" && typeof block.text === "string" ? block.text : "").join("").replace(/\s+/g, " ").trim();
   return text.length <= 80 ? text : `${text.slice(0, 79)}\u2026`;
@@ -503,133 +487,234 @@ function fillComposer(text) {
   textarea.focus();
   return true;
 }
-function apply(ctx) {
-  ctx.effect(function* () {
-    yield ctx.locale.register(NS, { zh, en });
-    const t = ctx.locale.bind(NS);
-    const style = document.createElement("style");
-    style.dataset.plugin = "dsh-rewind";
-    style.textContent = STYLE;
-    document.head.appendChild(style);
-    const attached = /* @__PURE__ */ new WeakSet();
-    const hidden = /* @__PURE__ */ new WeakSet();
-    const buttons = /* @__PURE__ */ new Map();
-    let observer = null;
-    const refreshButtonLabels = () => {
-      for (const button of buttons.values()) {
-        button.setAttribute("aria-label", t("button.aria"));
-        button.title = t("button.title");
-      }
-    };
-    const unsubscribeLocale = ctx.locale.subscribe(refreshButtonLabels);
-    const sessionFor = () => {
-      const sessionId = ctx.sessions.list.getSnapshot().current;
-      if (sessionId === void 0) return void 0;
-      return ctx.sessions.binding(sessionId)?.session;
-    };
-    const userNodeFor = (key, session) => {
-      const node = session.getSnapshot().chat.nodes.get(key);
-      if (node === void 0 || node.kind !== "user") return void 0;
-      return node.data;
-    };
-    const attach = (seat) => {
-      const key = seat.dataset.chatAnchorKey;
-      if (key === void 0 || attached.has(seat)) return;
-      const hoverRoot = seat.querySelector(ACTIONS_ROOT_SELECTOR);
-      const actions = hoverRoot?.lastElementChild;
-      if (!(actions instanceof HTMLElement) || actions.querySelector("button") === null) return;
-      attached.add(seat);
-      const button = document.createElement("button");
-      button.type = "button";
-      button.className = CLASS.button;
-      button.setAttribute("aria-label", t("button.aria"));
-      button.title = t("button.title");
-      button.innerHTML = REWIND_ICON_SVG;
-      button.addEventListener("click", (event) => {
-        event.stopPropagation();
-        const session = sessionFor();
-        if (session === void 0) {
-          console.warn("[dsh-rewind] rewind button clicked with no current session");
-          return;
-        }
-        const node = userNodeFor(key, session);
-        if (node === void 0) return;
-        openPopover({
-          session,
-          seq: node.seq,
-          time: node.time,
-          preview: messagePreviewOf(node),
-          anchor: button,
-          t
-        });
-      });
-      actions.appendChild(button);
-      buttons.set(key, button);
-      seat.setAttribute(REWIND_ATTACHED, "");
-    };
-    const scan = () => {
-      for (const [key, button] of buttons) {
-        if (!button.isConnected) buttons.delete(key);
+function userNodeOf(session, key) {
+  const node = session.getSnapshot().chat.nodes.get(key);
+  if (node === void 0 || node.kind !== "user" && node.kind !== "steering") return void 0;
+  return node.data;
+}
+async function runRewindAndFill(session, seq, mode, currentSessionId) {
+  const known = knownCommandSeqs(session, (node) => isExecutedRewindCommand(node, seq));
+  const result = await session.command(`/rewind @${seq} ${mode}`);
+  if (!result.ok || result.value?.matched !== true) return;
+  const outcome = await waitForCommand(session, (node) => isExecutedRewindCommand(node, seq) && !known.has(node.seq), 2e4);
+  if (outcome === null || outcome.kind !== "success") return;
+  if (currentSessionId() !== session.sessionId) return;
+  const text = userTextAt(session, seq);
+  if (text === void 0 || text === "") return;
+  fillComposer(text);
+}
+var COMPOSER_SELECTOR = "[data-input-scroll] textarea, textarea[data-phase]";
+var USER_SEAT_SELECTOR = '[data-chat-flow-kind="user"][data-chat-anchor-key], [data-chat-flow-kind="steering"][data-chat-anchor-key]';
+var CHAT_SEAT_SELECTOR = "[data-chat-anchor-key]";
+var ACTIONS_ROOT_SELECTOR = "[data-time-hover-root]";
+function collectTargets(chat, hiddenSeqs) {
+  const rows = /* @__PURE__ */ new Map();
+  for (const element of document.querySelectorAll(USER_SEAT_SELECTOR)) {
+    const key = element.dataset.chatAnchorKey;
+    if (key !== void 0) rows.set(key, element);
+  }
+  const targets = [];
+  for (const key of chat.order) {
+    const node = chat.nodes.get(key);
+    if (node === void 0 || node.kind !== "user" && node.kind !== "steering") continue;
+    const user = node.data;
+    if (hiddenSeqs.has(node.anchorSeq ?? user.seq)) continue;
+    const row = rows.get(key);
+    const messageRoot = row?.querySelector(ACTIONS_ROOT_SELECTOR);
+    const actions = messageRoot?.lastElementChild;
+    if (!(actions instanceof HTMLElement) || actions.querySelector("button") === null) continue;
+    targets.push({ key, container: actions, seq: user.seq, time: user.time, preview: messagePreviewOf(user) });
+  }
+  return targets;
+}
+function sameTargets(left, right) {
+  return left.length === right.length && left.every((target, index) => {
+    const other = right[index];
+    return other !== void 0 && target.key === other.key && target.container === other.container && target.seq === other.seq;
+  });
+}
+function RewindPortals({ sessionId, sessionOf, currentSessionId, t, subscribeLocale }) {
+  const [targets, setTargets] = (0, import_react.useState)([]);
+  const hidden = (0, import_react.useRef)(/* @__PURE__ */ new WeakSet());
+  const [, forceRender] = (0, import_react.useReducer)((count) => count + 1, 0);
+  (0, import_react.useEffect)(() => subscribeLocale(() => {
+    forceRender();
+  }), [subscribeLocale]);
+  (0, import_react.useLayoutEffect)(() => {
+    let active = true;
+    let queued = false;
+    const refresh = () => {
+      if (!active) return;
+      const session = sessionOf(sessionId);
+      if (session === void 0) {
+        setTargets([]);
+        return;
       }
-      const session = sessionFor();
-      const hiddenSeqs = session !== void 0 ? hiddenSeqsOf(session.getSnapshot().chat) : /* @__PURE__ */ new Set();
+      const chat = session.getSnapshot().chat;
+      const hiddenSeqs = hiddenSeqsOf(chat);
       let hiddenCount = 0;
       for (const seat of document.querySelectorAll(CHAT_SEAT_SELECTOR)) {
         const key = seat.dataset.chatAnchorKey;
-        const anchor = key !== void 0 && session !== void 0 ? session.getSnapshot().chat.nodes.get(key)?.anchorSeq : void 0;
+        const anchor = key !== void 0 ? chat.nodes.get(key)?.anchorSeq : void 0;
         if (anchor !== void 0 && hiddenSeqs.has(anchor)) {
           seat.style.display = "none";
-          hidden.add(seat);
+          hidden.current.add(seat);
           hiddenCount += 1;
-        } else if (hidden.has(seat)) {
+        } else if (hidden.current.has(seat)) {
           seat.style.display = "";
-          hidden.delete(seat);
-        }
-      }
-      if (session !== void 0) {
-        const snap = session.getSnapshot();
-        if (!fillBaselineTaken && snap.chat.order.length > 0) {
-          fillBaselineTaken = true;
-          for (const key of snap.chat.order) {
-            const node = snap.chat.nodes.get(key);
-            if (node?.kind === "command") {
-              const command = node.data;
-              if (command.seq > fillBaselineSeq) fillBaselineSeq = command.seq;
-            }
-          }
+          hidden.current.delete(seat);
         }
-        fillComposerForRewind(session, filledTargets);
       }
       if (hiddenSeqs.size > 0 || hiddenCount > 0) {
         console.info(
           `[dsh-rewind] hiding: ${hiddenCount} rows, seqs [${[...hiddenSeqs].slice(0, 20).join(", ")}${hiddenSeqs.size > 20 ? "\u2026" : ""}]`
         );
       }
-      for (const seat of document.querySelectorAll(USER_SEAT_SELECTOR)) {
-        if (!hidden.has(seat)) attach(seat);
-      }
+      const next = collectTargets(chat, hiddenSeqs);
+      setTargets((current) => sameTargets(current, next) ? current : next);
     };
-    const filledTargets = /* @__PURE__ */ new Set();
-    let fillBaselineSeq = -1;
-    let fillBaselineTaken = false;
-    const fillComposerForRewind = (session, filled) => {
-      const snap = session.getSnapshot();
-      for (const key of snap.chat.order) {
-        const node = snap.chat.nodes.get(key);
-        if (node === void 0 || node.kind !== "command") continue;
-        const command = node.data;
-        if (command.name !== "rewind" || command.outcome?.kind !== "success") continue;
-        if (command.seq <= fillBaselineSeq) continue;
-        if (command.outcome.sourceEventSeq === void 0) continue;
-        const target = targetOfOutcome(command.outcome.text);
-        if (target === void 0 || filled.has(target)) continue;
-        const text = userTextAt(session, target);
-        if (text === void 0 || text === "") continue;
-        if (fillComposer(text)) filled.add(target);
-      }
+    const queueRefresh = () => {
+      if (queued || !active) return;
+      queued = true;
+      queueMicrotask(() => {
+        queued = false;
+        refresh();
+      });
+    };
+    refresh();
+    const observer = new MutationObserver(queueRefresh);
+    observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ["style"] });
+    return () => {
+      active = false;
+      observer.disconnect();
     };
+  }, [sessionId, sessionOf]);
+  return targets.map((target) => (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      RewindButton,
+      {
+        target,
+        sessionId,
+        sessionOf,
+        currentSessionId,
+        t
+      },
+      target.key
+    ),
+    target.container,
+    target.key
+  ));
+}
+function RewindButton({ target, sessionId, sessionOf, currentSessionId, t }) {
+  const onClick = (event) => {
+    event.stopPropagation();
+    const session = sessionOf(sessionId);
+    if (session === void 0) {
+      console.warn("[dsh-rewind] rewind button clicked with no session binding");
+      return;
+    }
+    const node = userNodeOf(session, target.key);
+    if (node === void 0) return;
+    openPopover({
+      session,
+      seq: node.seq,
+      time: node.time,
+      preview: messagePreviewOf(node),
+      anchor: event.currentTarget,
+      t,
+      onRewind: (mode) => {
+        void runRewindAndFill(session, node.seq, mode, currentSessionId);
+      }
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      className: CLASS.button,
+      "aria-label": t("button.aria"),
+      title: t("button.title"),
+      onClick,
+      dangerouslySetInnerHTML: { __html: REWIND_ICON_SVG }
+    }
+  );
+}
+function createRewindBridge(deps) {
+  return function RewindBridge({ sessionId }) {
+    return (0, import_react.createElement)(RewindPortals, { sessionId, ...deps });
+  };
+}
+
+// src/client/locales.ts
+var zh = {
+  "button.aria": "\u56DE\u9000\u5230\u6B64\u6D88\u606F",
+  "button.title": "\u56DE\u9000",
+  "popover.title": "\u56DE\u9000\u5230\u8FD9\u6761\u6D88\u606F",
+  "popover.noText": "\uFF08\u65E0\u6587\u672C\uFF09",
+  "popover.chat": "\u4EC5\u56DE\u9000\u5BF9\u8BDD",
+  "popover.chat.hint": "\u53EA\u56DE\u9000\u6A21\u578B\u4E0A\u4E0B\u6587\uFF0C\u4E0D\u52A8\u5DE5\u4F5C\u533A\u6587\u4EF6",
+  "popover.both": "\u56DE\u9000\u5BF9\u8BDD\u548C\u4EE3\u7801",
+  "popover.both.hint": "\u5BF9\u8BDD\u56DE\u9000\u5E76\u8FD8\u539F\u5DE5\u4F5C\u533A\u6587\u4EF6",
+  "popover.checking": "\u6B63\u5728\u68C0\u67E5\u6587\u4EF6\u53D8\u66F4\u2026",
+  "popover.noChanges": "\u6B64\u6D88\u606F\u4E4B\u540E\u6CA1\u6709\u53EF\u8FD8\u539F\u7684\u6587\u4EF6\u53D8\u66F4\uFF0C\u4EC5\u53EF\u56DE\u9000\u5BF9\u8BDD",
+  "popover.cancel": "\u53D6\u6D88",
+  "popover.impact.loading": "\u6B63\u5728\u83B7\u53D6\u5F71\u54CD\u6E05\u5355\u2026",
+  "popover.impact.failed": "\u65E0\u6CD5\u83B7\u53D6\u5F71\u54CD\u6E05\u5355\uFF1A{message}",
+  "popover.impact.none": "\u76EE\u6807\u4E4B\u540E\u6CA1\u6709\u8DDF\u8E2A\u5230\u7684\u5199\u7C7B\u53D8\u66F4\uFF0C\u65E0\u9700\u8FD8\u539F\u6587\u4EF6\u3002",
+  "popover.confirm": "\u786E\u8BA4\u56DE\u9000",
+  "popover.back": "\u8FD4\u56DE",
+  "guard.hint": "/rewind \u547D\u4EE4\u4E0D\u652F\u6301\u624B\u52A8\u8F93\u5165\uFF0C\u8BF7\u4F7F\u7528\u6D88\u606F\u65C1\u7684 \u21B6 \u56DE\u9000\u6309\u94AE"
+};
+var en = {
+  "button.aria": "Rewind to this message",
+  "button.title": "Rewind",
+  "popover.title": "Rewind to this message",
+  "popover.noText": "(no text)",
+  "popover.chat": "Rewind conversation only",
+  "popover.chat.hint": "Cut the model context only; workspace files stay untouched",
+  "popover.both": "Rewind conversation and code",
+  "popover.both.hint": "Cut the context and restore workspace files",
+  "popover.checking": "Checking for file changes\u2026",
+  "popover.noChanges": "No tracked file changes after this message; conversation-only rewind",
+  "popover.cancel": "Cancel",
+  "popover.impact.loading": "Fetching impact list\u2026",
+  "popover.impact.failed": "Could not fetch the impact list: {message}",
+  "popover.impact.none": "No tracked file changes after the target; nothing to restore.",
+  "popover.confirm": "Confirm rewind",
+  "popover.back": "Back",
+  "guard.hint": "/rewind cannot be typed manually \u2014 use the \u21B6 button on a message to rewind."
+};
+
+// src/client/index.ts
+var name = "dsh-rewind";
+var inject = ["slots", "sessions", "locale"];
+var NS = "rewind";
+var HEADER_ACTIONS_SLOT = "conversation.session.header.actions";
+var COMPOSER_SELECTOR2 = "[data-input-scroll] textarea, textarea[data-phase]";
+function apply(ctx) {
+  ctx.effect(function* () {
+    yield ctx.locale.register(NS, { zh, en });
+    const t = ctx.locale.bind(NS);
+    const style = document.createElement("style");
+    style.dataset.plugin = "dsh-rewind";
+    style.textContent = STYLE;
+    document.head.appendChild(style);
+    const sessionOf = (sessionId) => ctx.sessions.binding(sessionId)?.session;
+    const currentSessionId = () => ctx.sessions.list.getSnapshot().current;
+    const subscribeLocale = (cb) => ctx.locale.subscribe(cb);
+    const slots = ctx.slots;
+    yield slots.inject(HEADER_ACTIONS_SLOT, () => slots.register(
+      {
+        name: HEADER_ACTIONS_SLOT,
+        // A distinct list-entry id keeps the bridge from shadowing any other
+        // header action; the entry renders portals only, never header UI.
+        id: "dsh-rewind-portals",
+        order: 1e3
+      },
+      createRewindBridge({ sessionOf, currentSessionId, t, subscribeLocale })
+    ));
     const MANUAL_REWIND = /^\s*\/rewind(?:\s|$)/i;
-    const composerTextarea = () => document.querySelector(COMPOSER_SELECTOR);
+    const composerTextarea = () => document.querySelector(COMPOSER_SELECTOR2);
     const hasBlockedRewindDraft = () => {
       const textarea = composerTextarea();
       return textarea !== null && MANUAL_REWIND.test(textarea.value);
@@ -643,7 +728,7 @@ function apply(ctx) {
       if (textarea === null) return;
       const card = textarea.closest("[data-composer-card]");
       const hint = document.createElement("div");
-      hint.className = CLASS.guardHint;
+      hint.className = "dsh-rewind-guard-hint";
       hint.setAttribute("role", "status");
       hint.textContent = t("guard.hint");
       document.body.appendChild(hint);
@@ -681,19 +766,11 @@ function apply(ctx) {
     };
     document.addEventListener("keydown", onKeyDownGuard, true);
     document.addEventListener("click", onClickGuard, true);
-    observer = new MutationObserver(scan);
-    observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ["style"] });
-    scan();
     yield () => {
-      unsubscribeLocale();
       document.removeEventListener("keydown", onKeyDownGuard, true);
       document.removeEventListener("click", onClickGuard, true);
       if (guardHintEl !== null) guardHintEl.remove();
       if (guardHintTimer !== void 0) window.clearTimeout(guardHintTimer);
-      observer?.disconnect();
-      for (const button of buttons.values()) button.remove();
-      buttons.clear();
-      closePopover();
       style.remove();
     };
   }, "dsh-rewind client lifecycle");