dsh-plugin-session-console-sleepcat 0.17.4

package/lib/client.js

@@ -0,0 +1,1344 @@
+/* dsh-plugin-session-console — client half (v9).
+ *
+ * A small TOOLBAR living INSIDE the conversation level (top-right of the chat
+ * area), collapsed to a pill; clicking it expands a row of tools. The
+ * questions console is ONE tool; future tools append to the TOOLS list.
+ *
+ *  - ⚙️ Settings is a real, extensible SETTINGS PANEL (own overlay entry), not
+ *    an inline section: sections are data-friendly and ready to grow with
+ *    future customization. Currently: auto-expand toggle, max page count, and
+ *    "auto-collapse the work process after the model finishes answering"
+ *    (DEFAULT ON — expand anytime by clicking 展开过程; the setting disables
+ *    it). User toggles are remembered and exempt the turn from auto-collapse.
+ *  - 📋 会话记录 tool: questions console panel (draggable, 📌 pin, Esc /
+ *    outside click closes). Questions newest first; opening expands the window
+ *    (settings.maxPages) so recent questions are visible and jumpable.
+ *    Clicking a question or a second-level item materializes the message
+ *    (expanding the window if needed), auto-expands a collapsed turn if the
+ *    target row is hidden, then scrolls and highlights.
+ *    Second-level detail: per-question "AI 提问 / 用户回答" timeline — ask
+ *    items parse the ask_user tool args (questions with options) and pair
+ *    them with the user's answer; hovering an item shows a detailed tooltip.
+ *  - Per-question collapse: "收起过程/展开过程" injected next to the copy
+ *    button on every user question row; hides everything between the question
+ *    and the turn's final answer, plus reasoning inside the final answer.
+ *
+ * Verified against installed sources:
+ *  - shell.overlay = { kind: 'list', scope: 'root' }, click-through until the
+ *    entry opts into pointer events.
+ *  - SessionFace = ISession & ObservableSnapshot<ConversationSnapshot>;
+ *    loadOlder() pages one earlier window page; snapshot.hasMore and
+ *    snapshot.nodes[0].seq reflect the window head.
+ *  - Chat DOM: flow rows carry data-chat-anchor-key (node.key) and
+ *    data-chat-flow-kind; user rows render MessageIconActions whose copy
+ *    button has a localized aria-label (copy/复制); reasoning rows carry
+ *    data-variant="think". Tool cards anchor on the tool/CALL event seq, so
+ *    tool-result jumps match by callId first.
+ */
+window.__ModuleLoader__.load({
+  id: "dsh-plugin-session-console-sleepcat",
+  factory: (require) => {
+    var module = { exports: {} };
+    var exports = module.exports;
+    Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+
+    var react = require("react");
+    var jsxRuntime = require("react/jsx-runtime");
+
+    var inject = ["slots"];
+
+    // ------------------------------------------ shared UI state (module-local)
+    function loadSettings() {
+      try {
+        var raw = window.localStorage.getItem("dsh-sc.settings");
+        if (raw) {
+          var s = JSON.parse(raw);
+          return {
+            autoExpand: s.autoExpand !== false,
+            maxPages: typeof s.maxPages === "number" ? Math.max(1, Math.min(12, Math.round(s.maxPages))) : 6,
+            autoCollapse: s.autoCollapse !== false,
+            maxQuestions: typeof s.maxQuestions === "number" ? Math.max(10, Math.min(500, Math.round(s.maxQuestions))) : 50
+          };
+        }
+      } catch (e) { /* ignore */ }
+      return { autoExpand: true, maxPages: 6, autoCollapse: true, maxQuestions: 50 };
+    }
+
+    function loadPos() {
+      try {
+        var raw = window.localStorage.getItem("dsh-sc.pos");
+        if (raw) {
+          var p = JSON.parse(raw);
+          if (typeof p.x === "number" && typeof p.y === "number") return { x: p.x, y: p.y };
+        }
+      } catch (e) { /* ignore */ }
+      return null;
+    }
+
+    var ui = {
+      open: false,          // questions panel
+      pinned: false,        // questions panel pin
+      settingsOpen: false,  // settings panel
+      railCollapsed: false, // tool rail collapsed to a thin strip
+      railLeft: 300,        // tool rail left offset (follows the DSH sidebar)
+      railTop: 64,          // tool rail top (conversation header bottom line)
+      railBottom: 600,      // tool rail bottom (chat area bottom)
+      pos: loadPos(),
+      settings: loadSettings(),
+      listeners: new Set()
+    };
+
+    function setUi(patch) {
+      for (var k in patch) ui[k] = patch[k];
+      ui.listeners.forEach(function (fn) { fn(); });
+    }
+
+    function persistPos() {
+      try {
+        if (ui.pos !== null) window.localStorage.setItem("dsh-sc.pos", JSON.stringify(ui.pos));
+      } catch (e) { /* ignore */ }
+    }
+
+    function persistSettings() {
+      try {
+        window.localStorage.setItem("dsh-sc.settings", JSON.stringify({
+          autoExpand: ui.settings.autoExpand,
+          maxPages: ui.settings.maxPages,
+          autoCollapse: ui.settings.autoCollapse,
+          maxQuestions: ui.settings.maxQuestions
+        }));
+      } catch (e) { /* ignore */ }
+    }
+
+    /** "M月D日 HH:mm" — no seconds. */
+    function formatTime(ms) {
+      if (typeof ms !== "number" || isNaN(ms)) return "";
+      var d = new Date(ms);
+      var hh = String(d.getHours());
+      var mm = String(d.getMinutes());
+      if (hh.length < 2) hh = "0" + hh;
+      if (mm.length < 2) mm = "0" + mm;
+      return (d.getMonth() + 1) + "月" + d.getDate() + "日 " + hh + ":" + mm;
+    }
+
+    /** Subscribe to the shared UI state. */
+    function useUi() {
+      var pair = react.useState(ui);
+      react.useEffect(function () {
+        function on() { pair[1](Object.assign({}, ui)); }
+        ui.listeners.add(on);
+        on();
+        return function () { ui.listeners.delete(on); };
+      }, []);
+      return pair[0];
+    }
+
+    // ---------------------------------------------------------------- store
+    function createStore() {
+      var runtime = require("@deepseek-ai/dsh-client-runtime/client");
+      return runtime.defineStore({
+        init: function () {
+          return {
+            currentId: undefined,
+            snapshot: undefined,
+            session: undefined,
+            error: undefined
+          };
+        },
+        actions: {
+          setSession: function (d, currentId, snapshot, session) {
+            d.currentId = currentId;
+            d.snapshot = snapshot;
+            d.session = session;
+            d.error = undefined;
+          },
+          setError: function (d, error) { d.error = String(error); }
+        }
+      });
+    }
+
+    // --------------------------------------------------------- text helpers
+    function blockText(block) {
+      if (block == null) return "";
+      if (typeof block.text === "string") return block.text;
+      var t = block.type;
+      if (t === "image") return "[image]";
+      if (t === "tool-call" || t === "tool") return "[tool call]";
+      return "[" + String(t) + "]";
+    }
+
+    function contentText(content) {
+      if (!content || !content.length) return "";
+      var out = [];
+      for (var i = 0; i < content.length; i++) {
+        var t = blockText(content[i]);
+        if (t) out.push(t);
+      }
+      return out.join(" ");
+    }
+
+    function preview(text) {
+      var line = String(text || "").replace(/\s+/g, " ").trim();
+      if (line.length > 140) line = line.slice(0, 140) + "…";
+      return line;
+    }
+
+    /** Parse ask_user tool call args into a readable question list. */
+    function optionLabel(o) {
+      if (typeof o === "string") return o;
+      if (o && typeof o.label === "string") return o.label;
+      return "";
+    }
+
+    function optionDetail(o) {
+      if (typeof o === "string") return o;
+      if (o) {
+        var label = typeof o.label === "string" ? o.label : "";
+        var desc = typeof o.description === "string" && o.description !== "" ? o.description : "";
+        return desc ? label + "（" + desc + "）" : label;
+      }
+      return "";
+    }
+
+    function parseAskQuestions(argsRaw) {
+      var out = [];
+      if (typeof argsRaw !== "string" || argsRaw === "") return out;
+      try {
+        var parsed = JSON.parse(argsRaw);
+        var qs = parsed && Array.isArray(parsed.questions) ? parsed.questions
+          : (Array.isArray(parsed) ? parsed : []);
+        for (var i = 0; i < qs.length; i++) {
+          var q = qs[i];
+          if (q && typeof q.question === "string" && q.question !== "") {
+            out.push({
+              question: q.question,
+              options: Array.isArray(q.options) ? q.options : []
+            });
+          }
+        }
+      } catch (e) { /* not JSON — leave empty */ }
+      return out;
+    }
+
+    /** Parse the ask_user tool RESULT (raw JSON) into the user's readable
+     *  answer: selected option labels + custom text. */
+    function parseAskAnswers(content) {
+      var text = contentText(content).trim();
+      var start = text.indexOf("{");
+      var end = text.lastIndexOf("}");
+      if (start >= 0 && end > start) {
+        try {
+          var parsed = JSON.parse(text.slice(start, end + 1));
+          var answers = parsed && Array.isArray(parsed.answers) ? parsed.answers : [];
+          var parts = [];
+          for (var i = 0; i < answers.length; i++) {
+            var a = answers[i];
+            var bits = [];
+            if (Array.isArray(a.selected)) {
+              for (var s = 0; s < a.selected.length; s++) bits.push(String(a.selected[s]));
+            }
+            if (typeof a.custom === "string" && a.custom !== "") bits.push(a.custom);
+            if (bits.length > 0) parts.push(bits.join("；"));
+          }
+          if (parts.length > 0) return parts.join(" / ");
+        } catch (e) { /* fall through */ }
+      }
+      return text.replace(/^"|"$/g, "").trim();
+    }
+
+    function questionsPreview(questions) {
+      var parts = [];
+      for (var i = 0; i < questions.length; i++) parts.push(questions[i].question);
+      return preview(parts.join(" / "));
+    }
+
+    // ------------------------------------------------------ sessions wiring
+    function wireSessions(sessions, actions) {
+      var unsub = null;
+      function release() { if (unsub) { unsub(); unsub = null; } }
+      function follow() {
+        var list = sessions.list.getSnapshot();
+        var id = list.current;
+        release();
+        if (id !== undefined) {
+          var binding = sessions.binding(id);
+          if (binding !== undefined) {
+            latestSnapshot = binding.session.getSnapshot();
+            actions.setSession(id, latestSnapshot, binding.session);
+            unsub = binding.session.subscribe(function () {
+              latestSnapshot = binding.session.getSnapshot();
+              actions.setSession(id, latestSnapshot, binding.session);
+            });
+            return;
+          }
+        }
+        actions.setSession(undefined, undefined, undefined);
+      }
+      var offList = sessions.list.subscribe(follow);
+      follow();
+      return function () { offList(); release(); };
+    }
+
+    // ------------------------------------------------------------- jumping
+    function legacyNodesOf(snapshot) {
+      if (!snapshot) return [];
+      return snapshot.nodes ||
+        (snapshot.chat && snapshot.chat.legacy && snapshot.chat.legacy.nodes) || [];
+    }
+
+    function legacyNodeBySeq(snapshot, seq) {
+      var nodes = legacyNodesOf(snapshot);
+      for (var i = 0; i < nodes.length; i++) {
+        if (nodes[i].seq === seq) return nodes[i];
+      }
+      return undefined;
+    }
+
+    /** Map a legacy node to its chat row key. Tool cards anchor on the
+     *  tool/CALL event seq, so tool-result jumps match by callId first, then
+     *  fall back to the nearest preceding tool-call anchor. */
+    function chatKeyForNode(snapshot, node) {
+      if (!snapshot || !snapshot.chat || !snapshot.chat.nodes) return undefined;
+      var nodes = snapshot.chat.nodes.values();
+      if (node && node.kind === "tool-result" && node.callId) {
+        var best = undefined;
+        var bestSeq = -Infinity;
+        for (var i = 0; i < nodes.length; i++) {
+          var n = nodes[i];
+          if (n.kind !== "tool-call" && n.kind !== "tool") continue;
+          var root = n.data && n.data.root;
+          if (root && root.callId === node.callId) return n.key;
+          if (typeof n.anchorSeq === "number" && n.anchorSeq < node.seq && n.anchorSeq > bestSeq) {
+            best = n.key;
+            bestSeq = n.anchorSeq;
+          }
+        }
+        return best;
+      }
+      var target = node ? node.seq : undefined;
+      for (var j = 0; j < nodes.length; j++) {
+        if (nodes[j].anchorSeq === target) return nodes[j].key;
+      }
+      return undefined;
+    }
+
+    function rowElementForNode(snapshot, node) {
+      var key = chatKeyForNode(snapshot, node);
+      if (key === undefined) return null;
+      var escaped = window.CSS && typeof window.CSS.escape === "function" ? window.CSS.escape(key) : key;
+      return document.querySelector('[data-chat-anchor-key="' + escaped + '"]');
+    }
+
+    function rowElementForSeq(snapshot, seq) {
+      return rowElementForNode(snapshot, legacyNodeBySeq(snapshot, seq));
+    }
+
+    /** If the row is hidden because its turn is collapsed, expand that turn
+     *  first so the jump lands on a visible row. Walks back to the owning
+     *  QUESTION row (skipping steering answers and any tool rows in between),
+     *  since the collapse state is keyed by the question seq. */
+    function ensureRowVisible(snapshot, el) {
+      if (el === null || el.style.display !== "none") return;
+      var keySeq = {};
+      if (snapshot && snapshot.chat && snapshot.chat.nodes) {
+        var nodes = snapshot.chat.nodes.values();
+        for (var i = 0; i < nodes.length; i++) {
+          var n = nodes[i];
+          if (typeof n.anchorSeq === "number" && typeof n.key === "string") keySeq[n.key] = n.anchorSeq;
+        }
+      }
+      var cursor = el.previousElementSibling;
+      while (cursor !== null) {
+        var kind = cursor.getAttribute ? cursor.getAttribute("data-chat-flow-kind") : null;
+        if (kind === "user") {
+          var key = cursor.getAttribute ? cursor.getAttribute("data-chat-anchor-key") : null;
+          var seq = key !== null ? keySeq[key] : undefined;
+          if (typeof seq === "number" && collapsedUserSeqs.has(seq)) {
+            collapsedUserSeqs.delete(seq);
+            applyBetween(cursor, turnEndRow(cursor), false);
+            var btns = document.querySelectorAll('[data-sc-seq="' + seq + '"]');
+            for (var b = 0; b < btns.length; b++) btns[b].textContent = "收起过程";
+          }
+          return;
+        }
+        cursor = cursor.previousElementSibling;
+      }
+    }
+
+    function jumpToSeq(snapshot, seq) {
+      var el = rowElementForSeq(snapshot, seq);
+      if (el === null) return false;
+      ensureRowVisible(snapshot, el);
+      el.scrollIntoView({ behavior: "smooth", block: "center" });
+      window.setTimeout(function () {
+        var prev = el.style.outline;
+        el.style.outline = "2px solid #2563eb";
+        el.style.outlineOffset = "-2px";
+        window.setTimeout(function () { el.style.outline = prev; }, 1600);
+      }, 350);
+      return true;
+    }
+
+    function delay(ms) {
+      return new Promise(function (resolve) { window.setTimeout(resolve, ms); });
+    }
+
+    /** Jump to a message, expanding the window (bounded) until it materializes. */
+    async function jumpWithExpand(session, seq, maxPages, onNotice) {
+      if (!session) { onNotice("会话不可用"); return; }
+      var snap = session.getSnapshot();
+      if (rowElementForSeq(snap, seq) !== null) {
+        if (!jumpToSeq(snap, seq)) onNotice("对话区尚未渲染该位置");
+        return;
+      }
+      var found = false;
+      for (var i = 0; i < maxPages; i++) {
+        var s = session.getSnapshot();
+        if (!s || !s.hasMore) break;
+        var head = s.nodes && s.nodes.length > 0 ? s.nodes[0].seq : Infinity;
+        if (head <= seq) break;
+        try {
+          await session.loadOlder();
+        } catch (e) {
+          break;
+        }
+        for (var w = 0; w < 10; w++) {
+          await delay(100);
+          var s2 = session.getSnapshot();
+          if (rowElementForSeq(s2, seq) !== null) { found = true; break; }
+          var head2 = s2.nodes && s2.nodes.length > 0 ? s2.nodes[0].seq : Infinity;
+          if (head2 <= seq) break;
+        }
+        if (found) break;
+      }
+      var finalSnap = session.getSnapshot();
+      if (rowElementForSeq(finalSnap, seq) !== null && jumpToSeq(finalSnap, seq)) {
+        onNotice("已加载更早内容并跳转");
+      } else {
+        onNotice("该消息不在当前加载窗口内，无法跳转");
+      }
+    }
+
+    // --------------------------------------- per-question collapse (DOM side)
+    /** User question seqs whose work process is currently collapsed. */
+    var collapsedUserSeqs = new Set();
+    /** User question seqs the user toggled manually — exempt from auto-collapse. */
+    var manualSeqs = new Set();
+    /** Latest session snapshot (module-level mirror for rail-level actions). */
+    var latestSnapshot = null;
+
+    /** Re-sync every injected "收起过程/展开过程" label with the real state. */
+    function syncTurnButtonLabels() {
+      var btns = document.querySelectorAll("[data-sc-seq]");
+      for (var b = 0; b < btns.length; b++) {
+        var s = Number(btns[b].dataset.scSeq);
+        btns[b].textContent = collapsedUserSeqs.has(s) ? "展开过程" : "收起过程";
+      }
+    }
+
+    /** Collapse every question's working process in the current window. */
+    function collapseAllTurns(snapshot) {
+      if (!snapshot) return 0;
+      var nodes = legacyNodesOf(snapshot);
+      var n = 0;
+      for (var i = 0; i < nodes.length; i++) {
+        var node = nodes[i];
+        if (node.kind !== "user" && node.kind !== "steering") continue;
+        var row = rowElementForSeq(snapshot, node.seq);
+        if (row === null) continue;
+        collapsedUserSeqs.add(node.seq);
+        n += applyBetween(row, turnEndRow(row), true);
+      }
+      syncTurnButtonLabels();
+      return n;
+    }
+
+    function turnEndRow(userRow) {
+      var asRow = null;
+      var el = userRow.nextElementSibling;
+      while (el !== null) {
+        if (el.nodeType !== 1) { el = el.nextElementSibling; continue; }
+        var kind = el.getAttribute ? el.getAttribute("data-chat-flow-kind") : null;
+        if (kind === "user" || kind === "steering") break;
+        if (kind === "assistant-step" || kind === "assistant") asRow = el;
+        el = el.nextElementSibling;
+      }
+      return asRow;
+    }
+
+    function applyBetween(userRow, asRow, collapse) {
+      var want = collapse ? "none" : "";
+      var count = 0;
+      var el = userRow.nextElementSibling;
+      while (el !== null && el !== asRow) {
+        if (el.nodeType === 1 && typeof el.matches === "function" && el.matches("[data-chat-anchor-key]")) {
+          if (el.style.display !== want) { el.style.display = want; count++; }
+        }
+        el = el.nextElementSibling;
+      }
+      if (asRow !== null) {
+        var thinks = asRow.querySelectorAll('[data-variant="think"]');
+        for (var t = 0; t < thinks.length; t++) {
+          if (thinks[t].style.display !== want) { thinks[t].style.display = want; count++; }
+        }
+      }
+      return count;
+    }
+
+    /** Inject a "收起过程/展开过程" button into every user question row's
+     *  actions row (beside the copy button). Idempotent per row. */
+    function injectTurnButtons(snapshot) {
+      if (!snapshot || !snapshot.chat || !snapshot.chat.nodes) return;
+      var nodes = snapshot.chat.nodes.values();
+      var keySeq = {};
+      for (var i = 0; i < nodes.length; i++) {
+        var n = nodes[i];
+        if (typeof n.anchorSeq === "number" && typeof n.key === "string") keySeq[n.key] = n.anchorSeq;
+      }
+      var rows = document.querySelectorAll('[data-chat-flow-kind="user"], [data-chat-flow-kind="steering"]');
+      for (var r = 0; r < rows.length; r++) {
+        var row = rows[r];
+        if (row.dataset && row.dataset.scConsoleBtn) continue;
+        var key = row.getAttribute ? row.getAttribute("data-chat-anchor-key") : null;
+        var seq = key !== null ? keySeq[key] : undefined;
+        if (typeof seq !== "number") continue;
+        var copy = null;
+        var buttons = row.querySelectorAll("button");
+        for (var b = 0; b < buttons.length; b++) {
+          var al = buttons[b].getAttribute ? (buttons[b].getAttribute("aria-label") || "") : "";
+          if (/copy|复制/i.test(al)) { copy = buttons[b]; break; }
+        }
+        var holder = copy !== null && copy.parentElement ? copy.parentElement : null;
+        if (holder === null) continue;
+        if (row.dataset) row.dataset.scConsoleBtn = "1";
+        var btn = document.createElement("button");
+        btn.type = "button";
+        btn.dataset.scSeq = String(seq);
+        btn.style.cssText = "border:none;background:transparent;cursor:pointer;color:var(--dsw-alias-label-tertiary,#888);font-size:12px;padding:2px 4px;flex:none";
+        btn.textContent = collapsedUserSeqs.has(seq) ? "展开过程" : "收起过程";
+        btn.addEventListener("click", function () {
+          var s = Number(this.dataset.scSeq);
+          var userRow = this.closest('[data-chat-anchor-key]');
+          if (!userRow) return;
+          var asRow = turnEndRow(userRow);
+          manualSeqs.add(s);
+          if (collapsedUserSeqs.has(s)) {
+            collapsedUserSeqs.delete(s);
+            applyBetween(userRow, asRow, false);
+            this.textContent = "收起过程";
+          } else {
+            collapsedUserSeqs.add(s);
+            applyBetween(userRow, asRow, true);
+            this.textContent = "展开过程";
+          }
+        });
+        holder.appendChild(btn);
+      }
+    }
+
+    // ------------------------------------------------------------- component
+    function countQuestions(snapshot) {
+      var nodes = legacyNodesOf(snapshot);
+      var n = 0;
+      for (var i = 0; i < nodes.length; i++) {
+        if (nodes[i].kind === "user" || nodes[i].kind === "steering") n++;
+      }
+      return n;
+    }
+
+    /** Second-level list of one question's turn: AI ask-user questions
+     *  (parsed args + the user's answer) and steering answers. */
+    function questionDetail(snapshot, qSeq) {
+      var asks = [];
+      var answers = [];
+      if (!snapshot) return { items: [] };
+      var nodes = legacyNodesOf(snapshot);
+      var nextUser = Infinity;
+      for (var i = 0; i < nodes.length; i++) {
+        var n = nodes[i];
+        if (n.kind === "user" && n.seq > qSeq && n.seq < nextUser) nextUser = n.seq;
+      }
+      for (var j = 0; j < nodes.length; j++) {
+        var m = nodes[j];
+        if (m.seq <= qSeq || m.seq >= nextUser) continue;
+        if (m.kind === "tool-result") {
+          var name = m.call ? m.call.name : "";
+          if (name && /ask[_-]?user/i.test(name)) {
+            var questions = parseAskQuestions(m.call ? m.call.argsRaw : undefined);
+            var answer = parseAskAnswers(m.content);
+            asks.push({
+              seq: m.seq,
+              time: m.time,
+              questions: questions,
+              answer: answer
+            });
+          }
+        } else if (m.kind === "steering") {
+          answers.push({ seq: m.seq, time: m.time, text: preview(contentText(m.content)) });
+        }
+      }
+      var items = [];
+      for (var a = 0; a < asks.length; a++) {
+        items.push({
+          kind: "ask",
+          seq: asks[a].seq,
+          time: asks[a].time,
+          questions: asks[a].questions,
+          answer: asks[a].answer,
+          text: asks[a].questions.length > 0 ? questionsPreview(asks[a].questions) : "AI 提问"
+        });
+      }
+      for (var b = 0; b < answers.length; b++) {
+        items.push({ kind: "answer", seq: answers[b].seq, time: answers[b].time, text: answers[b].text });
+      }
+      items.sort(function (x, y) { return x.seq - y.seq; });
+      return { items: items };
+    }
+
+    /** Tooltip lines for a second-level item. */
+    function detailLines(item) {
+      var lines = [];
+      if (item.kind === "ask") {
+        lines.push("— AI 提问 —");
+        if (item.questions && item.questions.length > 0) {
+          for (var i = 0; i < item.questions.length; i++) {
+            var q = item.questions[i];
+            var line = "Q" + (i + 1) + " " + q.question;
+            var opts = q.options.map(optionDetail).filter(function (x) { return x !== ""; });
+            if (opts.length > 0) line += "\n   选项：" + opts.join(" / ");
+            lines.push(line);
+          }
+        } else {
+          lines.push("（无文本）");
+        }
+        lines.push("— 用户回答 —");
+        lines.push(item.answer && item.answer !== "" ? item.answer : "（未回答）");
+      } else {
+        lines.push("— 用户回答 —");
+        lines.push(item.text || "（无文本）");
+      }
+      return lines;
+    }
+
+    // ---- data-driven tool list (future tools append here) ----
+    // Monochrome line icons (currentColor), matching the official sidebar look.
+    function svgIcon(children) {
+      return react.createElement("svg", {
+        viewBox: "0 0 24 24", width: 16, height: 16,
+        fill: "none", stroke: "currentColor", strokeWidth: 2,
+        strokeLinecap: "round", strokeLinejoin: "round",
+        style: { display: "block", margin: "auto" }
+      }, children);
+    }
+
+    var TOOLS = [
+      {
+        id: "questions",
+        label: "会话记录",
+        icon: svgIcon([
+          react.createElement("line", { key: "a", x1: 4, y1: 6, x2: 20, y2: 6 }),
+          react.createElement("line", { key: "b", x1: 4, y1: 12, x2: 20, y2: 12 }),
+          react.createElement("line", { key: "c", x1: 4, y1: 18, x2: 13, y2: 18 })
+        ])
+      }
+    ];
+
+    var SETTINGS_ICON = svgIcon([
+      react.createElement("line", { key: "a", x1: 4, y1: 7, x2: 20, y2: 7 }),
+      react.createElement("circle", { key: "ca", cx: 9, cy: 7, r: 2.2 }),
+      react.createElement("line", { key: "b", x1: 4, y1: 13, x2: 20, y2: 13 }),
+      react.createElement("circle", { key: "cb", cx: 15, cy: 13, r: 2.2 }),
+      react.createElement("line", { key: "c", x1: 4, y1: 19, x2: 20, y2: 19 }),
+      react.createElement("circle", { key: "cc", cx: 7, cy: 19, r: 2.2 })
+    ]);
+
+    /** User-provided sleeping-cat icon (64x64 PNG, embedded as base64). */
+    var CAT_ICON_B64 = "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";
+
+    function sleepingCatIcon() {
+      return react.createElement("img", {
+        src: "data:image/png;base64," + CAT_ICON_B64,
+        alt: "展开工具栏",
+        width: 28, height: 28,
+        style: { display: "block", margin: "auto", pointerEvents: "none" }
+      });
+    }
+
+    /** Double-chevron-up icon: collapse everything. */
+    var COLLAPSE_ALL_ICON = svgIcon([
+      react.createElement("path", { key: "a", d: "M5 13 l7 -7 7 7" }),
+      react.createElement("path", { key: "b", d: "M5 19 l7 -7 7 7" })
+    ]);
+
+    // ---- tool rail: EMBEDDED in the conversation interface — a flat, borderless
+    //      narrow strip at the conversation's left edge (the chat content makes
+    //      room via a margin rule). Collapsed: a flat small arrow at the middle
+    //      of the conversation's left edge. ----
+    function ToolRail() {
+      var uiState = useUi();
+
+      // Esc + click-outside dismissal for the floating panels of this plugin.
+      react.useEffect(function () {
+        function onKey(e) {
+          if (e.key === "Escape") setUi({ open: false, settingsOpen: false });
+        }
+        function onPointerDown(e) {
+          var t = e.target;
+          if (t && t.closest && t.closest('[data-sc-rail],[data-sc-panel],[data-sc-settings]')) return;
+          var patch = { settingsOpen: false };
+          if (ui.open && !ui.pinned) patch.open = false;
+          setUi(patch);
+        }
+        window.addEventListener("keydown", onKey);
+        document.addEventListener("pointerdown", onPointerDown);
+        return function () {
+          window.removeEventListener("keydown", onKey);
+          document.removeEventListener("pointerdown", onPointerDown);
+        };
+      }, []);
+
+      // Body attribute: lets the injected stylesheet shift the chat flow so the
+      // expanded rail is truly embedded (no message is covered by it).
+      react.useEffect(function () {
+        if (uiState.railCollapsed) delete document.body.dataset.scRailExpanded;
+        else document.body.dataset.scRailExpanded = "1";
+      }, [uiState.railCollapsed]);
+
+      // Track the DSH sidebar's right edge and the chat scrollport bounds so
+      // the rail stays glued: top = the line under the "对话/轨迹" tabs,
+      // bottom = the chat area's bottom, left = the sidebar's right edge.
+      // A ResizeObserver follows the sidebar's collapse/expand animation frame
+      // by frame (no more 800ms polling jerks); a slow interval remains as a
+      // fallback for anything the observer cannot see.
+      react.useEffect(function () {
+        var ro = null;
+        var timer = null;
+
+        function measure() {
+          var layer = document.querySelector('[data-shell-overlay]');
+          var frame = layer !== null ? layer.parentElement : null;
+          var col = frame !== null ? frame.firstElementChild : null;
+          var left = 300;
+          if (col !== null && typeof col.getBoundingClientRect === "function") {
+            left = col.getBoundingClientRect().right;
+          }
+          var sp = document.querySelector('[data-conversation-scroll]');
+          var top = 64;
+          var bottom = 600;
+          if (sp !== null && typeof sp.getBoundingClientRect === "function") {
+            var r = sp.getBoundingClientRect();
+            bottom = r.bottom;
+            // Kiss the line under the "对话/轨迹" view-tabs bar: locate the tab
+            // button by its exact label and take its row's bottom edge; the
+            // scrollport's top edge is the fallback.
+            var spTop = r.top;
+            var tabsLine = null;
+            var tabBtn = null;
+            var all = document.querySelectorAll("button");
+            for (var t = 0; t < all.length; t++) {
+              var el = all[t];
+              var txt = (el.textContent || "").trim();
+              if (txt !== "对话" && txt !== "轨迹") continue;
+              var er = el.getBoundingClientRect();
+              if (er.bottom > spTop + 1) continue;
+              if (tabBtn === null || er.bottom > tabBtn.getBoundingClientRect().bottom) tabBtn = el;
+            }
+            if (tabBtn !== null && tabBtn.parentElement !== null &&
+                typeof tabBtn.parentElement.getBoundingClientRect === "function") {
+              tabsLine = tabBtn.parentElement.getBoundingClientRect().bottom;
+            }
+            top = tabsLine !== null ? tabsLine : spTop - 1;
+          }
+          var patch = {};
+          if (Math.abs(left - ui.railLeft) > 1) patch.railLeft = left;
+          if (Math.abs(top - ui.railTop) > 1) patch.railTop = top;
+          if (Math.abs(bottom - ui.railBottom) > 1) patch.railBottom = bottom;
+          if (Object.keys(patch).length > 0) setUi(patch);
+        }
+
+        function ensureObserved() {
+          if (ro !== null) return;
+          if (typeof ResizeObserver !== "function") return;
+          var layer = document.querySelector('[data-shell-overlay]');
+          var frame = layer !== null ? layer.parentElement : null;
+          var col = frame !== null ? frame.firstElementChild : null;
+          var sp = document.querySelector('[data-conversation-scroll]');
+          var targets = [];
+          if (col !== null) targets.push(col);
+          if (sp !== null) targets.push(sp);
+          if (targets.length === 0) return;
+          ro = new ResizeObserver(function () { measure(); });
+          for (var i = 0; i < targets.length; i++) ro.observe(targets[i]);
+        }
+
+        measure();
+        ensureObserved();
+        timer = window.setInterval(function () { measure(); ensureObserved(); }, 500);
+        window.addEventListener("resize", measure);
+        return function () {
+          window.clearInterval(timer);
+          window.removeEventListener("resize", measure);
+          if (ro !== null) ro.disconnect();
+        };
+      }, []);
+
+      var chatTop = uiState.railTop;
+      var chatHeight = Math.max(200, uiState.railBottom - uiState.railTop);
+
+      // Official-sidebar look: same fill, right border, hover fills.
+      var sidebarFill = "var(--dsw-specific-sidebar-fill, #f7f7f8)";
+      var hoverFill = "var(--dsw-alias-interactive-bg-hover, rgba(127,127,127,.12))";
+
+      function hoverProps() {
+        return {
+          onMouseEnter: function (e) { e.currentTarget.style.background = hoverFill; },
+          onMouseLeave: function (e) { e.currentTarget.style.background = "transparent"; }
+        };
+      }
+
+      // ---- collapsed: a small sidebar-style button at the MIDDLE of the
+      //      conversation's left edge; idle shows the sleeping-cat icon, hover
+      //      shows only the tooltip (no color change) ----
+      if (uiState.railCollapsed) {
+        return react.createElement("button", {
+          type: "button",
+          "data-sc-rail": "1",
+          title: "展开工具栏",
+          onClick: function () { setUi({ railCollapsed: false }); },
+          style: {
+            position: "fixed", left: uiState.railLeft + 4, top: chatTop + chatHeight / 2 - 28,
+            zIndex: 30, pointerEvents: "auto",
+            width: 56, height: 56, padding: 0,
+            border: "none", cursor: "pointer",
+            background: "transparent",
+            color: "var(--dsw-alias-label-secondary, #555)",
+            borderRadius: "0 50% 50% 0"
+          }
+        }, sleepingCatIcon());
+      }
+
+      // ---- expanded: flat embedded strip in the official sidebar's language ----
+      var railStyle = {
+        position: "fixed", left: uiState.railLeft, top: chatTop, zIndex: 30, pointerEvents: "auto",
+        width: 38, height: chatHeight,
+        display: "flex", flexDirection: "column", alignItems: "center",
+        padding: "6px 0 6px", gap: 4,
+        background: sidebarFill,
+        borderRight: "1px solid var(--dsw-alias-border-l1, rgba(127,127,127,.2))",
+        borderTopRightRadius: 0, borderBottomRightRadius: 0
+      };
+
+      var iconStyle = {
+        width: 30, height: 30, borderRadius: 7, border: "none", cursor: "pointer",
+        background: "transparent", fontSize: 15, lineHeight: "30px", padding: 0,
+        flex: "none", color: "var(--dsw-alias-label-secondary, #555)",
+        display: "flex", alignItems: "center", justifyContent: "center"
+      };
+
+      var buttons = [];
+      // Top: the bigger collapse button, in the official sidebar's language.
+      buttons.push(react.createElement("button", {
+        key: "collapse",
+        type: "button",
+        title: "收起工具栏",
+        style: Object.assign({}, iconStyle, { width: 34, height: 34, fontSize: 13, fontWeight: 700, color: "rgba(70,70,75,.9)" }),
+        onClick: function () { setUi({ railCollapsed: true }); }
+      }, "«"));
+      buttons.push(react.createElement("div", { key: "sep", style: { width: 24, height: 1, background: "rgba(127,127,127,.18)", margin: "4px 0 6px", flex: "none" } }, null));
+      for (var i = 0; i < TOOLS.length; i++) {
+        (function (tool) {
+          buttons.push(react.createElement("button", {
+            key: tool.id,
+            type: "button",
+            title: tool.label,
+            style: iconStyle,
+            onClick: function () {
+              if (tool.id === "questions") setUi({ open: !ui.open });
+            }
+          }, tool.icon));
+        })(TOOLS[i]);
+      }
+      buttons.push(react.createElement("button", {
+        key: "settings",
+        type: "button",
+        title: "设置",
+        style: iconStyle,
+        onClick: function () { setUi({ settingsOpen: !ui.settingsOpen }); }
+      }, SETTINGS_ICON));
+      buttons.push(react.createElement("button", {
+        key: "collapse-all",
+        type: "button",
+        title: "一键收起所有问题的过程",
+        style: iconStyle,
+        onClick: function () { collapseAllTurns(latestSnapshot); }
+      }, COLLAPSE_ALL_ICON));
+      buttons.push(react.createElement("div", { key: "spacer", style: { flex: "1" } }, null));
+
+      // Hover treatment identical to the expand arrow (translucent fill).
+      return react.createElement("div", { "data-sc-rail": "1", style: railStyle },
+        buttons.map(function (btn) {
+          if (btn.key === "sep" || btn.key === "spacer") return btn;
+          return react.cloneElement(btn, hoverProps());
+        }));
+    }
+
+    // ---- settings panel (extensible) ----
+    function SettingsPanel() {
+      var uiState = useUi();
+      if (!uiState.settingsOpen) return null;
+      var s = uiState.settings;
+      var rowStyle = { display: "flex", alignItems: "center", gap: 8 };
+      var labelStyle = { flex: "1" };
+      var inputStyle = { width: 56, padding: "2px 6px" };
+      var sectionTitle = { fontWeight: 600, fontSize: 12, color: "rgba(127,127,127,.85)", margin: "10px 0 6px" };
+
+      return react.createElement("div", {
+        "data-sc-settings": "1",
+        style: {
+          position: "fixed", left: Math.max(8, uiState.railLeft + 52), top: 72, zIndex: 30, pointerEvents: "auto",
+          width: 320, maxWidth: "calc(100vw - 40px)",
+          background: "var(--dsw-alias-bg-base, #ffffff)", color: "var(--dsw-alias-label-primary, #111)",
+          border: "1px solid rgba(127,127,127,.3)", borderRadius: 12,
+          boxShadow: "0 8px 32px rgba(0,0,0,.2)",
+          display: "flex", flexDirection: "column", padding: "4px 14px 12px", fontSize: 12
+        }
+      },
+        react.createElement("div", { style: { padding: "8px 0", borderBottom: "1px solid rgba(127,127,127,.25)", fontWeight: 600, fontSize: 13, display: "flex", alignItems: "center", gap: 6 } },
+          react.createElement("span", { style: { display: "flex", alignItems: "center" } }, SETTINGS_ICON),
+          react.createElement("span", null, "设置")),
+        react.createElement("div", { style: sectionTitle }, "通用"),
+        react.createElement("div", { style: rowStyle },
+          react.createElement("input", {
+            type: "checkbox",
+            checked: s.autoExpand,
+            onChange: function (e) {
+              ui.settings.autoExpand = e.target.checked;
+              persistSettings();
+              setUi({ settings: Object.assign({}, ui.settings) });
+            }
+          }),
+          react.createElement("span", { style: labelStyle }, "打开时自动加载更早的内容")),
+        react.createElement("div", { style: rowStyle },
+          react.createElement("span", { style: labelStyle }, "最多扩展页数"),
+          react.createElement("input", {
+            type: "number", min: 1, max: 12,
+            value: s.maxPages,
+            style: inputStyle,
+            onChange: function (e) {
+              var v = parseInt(e.target.value, 10);
+              if (isNaN(v)) return;
+              ui.settings.maxPages = Math.max(1, Math.min(12, v));
+              persistSettings();
+              setUi({ settings: Object.assign({}, ui.settings) });
+            }
+          })),
+        react.createElement("div", { style: rowStyle },
+          react.createElement("span", { style: labelStyle }, "问题列表最多显示条数"),
+          react.createElement("input", {
+            type: "number", min: 10, max: 500, step: 10,
+            value: s.maxQuestions,
+            style: inputStyle,
+            onChange: function (e) {
+              var v = parseInt(e.target.value, 10);
+              if (isNaN(v)) return;
+              ui.settings.maxQuestions = Math.max(10, Math.min(500, v));
+              persistSettings();
+              setUi({ settings: Object.assign({}, ui.settings) });
+            }
+          })),
+        react.createElement("div", { style: sectionTitle }, "回答收起"),
+        react.createElement("div", { style: rowStyle },
+          react.createElement("input", {
+            type: "checkbox",
+            checked: s.autoCollapse,
+            onChange: function (e) {
+              ui.settings.autoCollapse = e.target.checked;
+              persistSettings();
+              setUi({ settings: Object.assign({}, ui.settings) });
+            }
+          }),
+          react.createElement("span", { style: labelStyle }, "模型回答完成后自动收起过程")),
+        react.createElement("div", { style: { marginTop: 6, color: "rgba(127,127,127,.7)", lineHeight: 1.6 } },
+          "开启后，模型每回答完一个问题，该回合的工作过程会自动收起，只显示问题与最终输出；想看过程点“展开过程”即可。"),
+        react.createElement("div", { style: { marginTop: 12, borderTop: "1px solid rgba(127,127,127,.15)", paddingTop: 8, color: "rgba(127,127,127,.55)" } },
+          "更多定制化内容将在此添加 · Esc 或点击外部关闭"));
+    }
+
+    // ---- questions console panel ----
+    function SessionConsolePanel(props) {
+      var state = props.useStore(function (s) { return s; });
+      var summary = props.useSessions(function (s) {
+        var cur = s.current;
+        return cur === undefined ? undefined : s.byId[cur];
+      });
+      var uiState = useUi();
+      var noticeState = react.useState("");
+      var expandingState = react.useState(false);
+      var expandedState = react.useState({});
+      var tipState = react.useState(null);
+      var panelRef = react.useRef(null);
+      var notice = noticeState[0], setNotice = noticeState[1];
+      var expanding = expandingState[0], setExpanding = expandingState[1];
+      var expanded = expandedState[0], setExpanded = expandedState[1];
+      var tip = tipState[0], setTip = tipState[1];
+
+      function flashNotice(text) {
+        setNotice(text);
+        window.setTimeout(function () { setNotice(""); }, 2600);
+      }
+
+      function toggleExpanded(seq) {
+        var next = {};
+        var keys = Object.keys(expanded);
+        for (var i = 0; i < keys.length; i++) if (keys[i] !== String(seq)) next[keys[i]] = true;
+        if (!expanded[seq]) next[seq] = true;
+        setExpanded(next);
+      }
+
+      function showTip(e, lines) {
+        var rect = e.currentTarget.getBoundingClientRect();
+        var x = Math.min(rect.left, window.innerWidth - 360);
+        var y = rect.bottom + 6;
+        setTip({ x: Math.max(8, x), y: Math.max(8, y), lines: lines });
+      }
+
+      function hideTip() { setTip(null); }
+
+      // Drag by the header (not by buttons inside it).
+      function startDrag(e) {
+        if (e.button !== 0) return;
+        var target = e.target;
+        if (target && target.closest && target.closest("button")) return;
+        e.preventDefault();
+        var startX = e.clientX, startY = e.clientY;
+        var rect = panelRef.current.getBoundingClientRect();
+        var left0 = rect.left, top0 = rect.top;
+        function move(ev) {
+          var left = Math.max(8, Math.min(window.innerWidth - 140, left0 + ev.clientX - startX));
+          var top = Math.max(8, Math.min(window.innerHeight - 60, top0 + ev.clientY - startY));
+          setUi({ pos: { x: left, y: top } });
+        }
+        function up() {
+          window.removeEventListener("pointermove", move);
+          window.removeEventListener("pointerup", up);
+          persistPos();
+        }
+        window.addEventListener("pointermove", move);
+        window.addEventListener("pointerup", up);
+      }
+
+      // Inject per-question collapse buttons + auto-collapse new/current turns
+      // (per setting) + re-apply collapsed turns on every snapshot change.
+      // A short delayed pass catches rows that render after the snapshot commit.
+      react.useEffect(function () {
+        if (!state.snapshot) return;
+        if (uiState.settings.autoCollapse) {
+          var nodes = legacyNodesOf(state.snapshot);
+          for (var i = 0; i < nodes.length; i++) {
+            var n = nodes[i];
+            if (n.kind !== "assistant" || !n.messageId) continue;
+            var qSeq = -1;
+            for (var j = 0; j < nodes.length; j++) {
+              var m = nodes[j];
+              if ((m.kind === "user" || m.kind === "steering") && m.seq < n.seq && m.seq > qSeq) qSeq = m.seq;
+            }
+            if (qSeq >= 0 && !manualSeqs.has(qSeq)) collapsedUserSeqs.add(qSeq);
+          }
+        }
+        injectTurnButtons(state.snapshot);
+        collapsedUserSeqs.forEach(function (seq) {
+          var row = rowElementForSeq(state.snapshot, seq);
+          if (row === null) return;
+          applyBetween(row, turnEndRow(row), true);
+        });
+        syncTurnButtonLabels();
+        var timer = window.setTimeout(function () {
+          injectTurnButtons(state.snapshot);
+          collapsedUserSeqs.forEach(function (seq) {
+            var row = rowElementForSeq(state.snapshot, seq);
+            if (row === null) return;
+            applyBetween(row, turnEndRow(row), true);
+          });
+          syncTurnButtonLabels();
+        }, 150);
+        return function () { window.clearTimeout(timer); };
+      }, [state.snapshot, uiState.settings.autoCollapse]);
+
+      // Bounded backward window expansion on open / session switch (per settings).
+      react.useEffect(function () {
+        if (!uiState.open || !state.session) return;
+        if (!uiState.settings.autoExpand) return;
+        var cancelled = false;
+        var session = state.session;
+        var maxPages = uiState.settings.maxPages;
+        var TARGET = 40;
+        setExpanding(true);
+        (async function () {
+          var pages = 0;
+          for (; pages < maxPages; pages++) {
+            if (cancelled) return;
+            var snap = session.getSnapshot();
+            if (!snap || !snap.hasMore) break;
+            if (countQuestions(snap) >= TARGET) break;
+            try {
+              await session.loadOlder();
+            } catch (e) {
+              break;
+            }
+          }
+          if (!cancelled) setExpanding(false);
+        })();
+        return function () { cancelled = true; };
+      }, [uiState.open, state.session, uiState.settings.maxPages, uiState.settings.autoExpand]);
+
+      // Questions = live window (kept jumpable).
+      var questions = [];
+      var nodes = legacyNodesOf(state.snapshot);
+      for (var i = 0; i < nodes.length; i++) {
+        var n = nodes[i];
+        if (n.kind === "user" || n.kind === "steering") {
+          questions.push({
+            seq: n.seq,
+            kind: n.kind,
+            time: n.time,
+            text: preview(contentText(n.content))
+          });
+        }
+      }
+      questions.sort(function (a, b) { return b.seq - a.seq; });
+      var maxQ = uiState.settings.maxQuestions;
+      var truncated = questions.length > maxQ;
+      if (truncated) questions = questions.slice(0, maxQ);
+
+      function onJump(seq) {
+        jumpWithExpand(state.session, seq, uiState.settings.maxPages, flashNotice);
+      }
+
+      var questionItems = [];
+      for (var k = 0; k < questions.length; k++) {
+        var q = questions[k];
+        var qDetail = questionDetail(state.snapshot, q.seq);
+        var hasItems = qDetail.items.length > 0;
+        var isOpen = !!expanded[q.seq] && hasItems;
+        var detail = isOpen ? qDetail : null;
+        var subItems = [];
+        if (detail && detail.items.length > 0) {
+          for (var s = 0; s < detail.items.length; s++) {
+            var it = detail.items[s];
+            var rowStyle = { padding: "4px 14px 4px 34px", cursor: "pointer", fontSize: 12, lineHeight: 1.5, display: "flex", gap: 8, alignItems: "baseline" };
+            var labelStyle = { flex: "none", fontWeight: 600 };
+            var timeStyle = { flex: "none", color: "rgba(127,127,127,.7)" };
+            var textStyle = { flex: "1", minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", color: "rgba(127,127,127,.85)" };
+            if (it.kind === "ask") {
+              // Two rows: what AI asked, and how the user answered.
+              subItems.push(react.createElement("li", {
+                key: "sub-" + q.seq + "-" + it.seq,
+                onClick: function (seq) { return function () { onJump(seq); }; }(it.seq),
+                onMouseEnter: function (item) { return function (e) { showTip(e, detailLines(item)); }; }(it),
+                onMouseLeave: hideTip,
+                title: "点击跳转 · 悬浮查看详情",
+                style: rowStyle
+              },
+                react.createElement("span", { style: Object.assign({}, labelStyle, { color: "#b45309" }) }, "AI 提问"),
+                react.createElement("span", { style: textStyle }, it.text),
+                react.createElement("span", { style: timeStyle }, it.time ? formatTime(it.time) : "")));
+              subItems.push(react.createElement("li", {
+                key: "sub-" + q.seq + "-" + it.seq + "-a",
+                onClick: function (seq) { return function () { onJump(seq); }; }(it.seq),
+                onMouseEnter: function (item) { return function (e) { showTip(e, detailLines(item)); }; }(it),
+                onMouseLeave: hideTip,
+                title: "点击跳转 · 悬浮查看详情",
+                style: Object.assign({}, rowStyle, { paddingLeft: 46 })
+              },
+                react.createElement("span", { style: Object.assign({}, labelStyle, { color: "#059669" }) }, "回答"),
+                react.createElement("span", { style: textStyle }, it.answer && it.answer !== "" ? it.answer : "（未回答）")));
+            } else {
+              subItems.push(react.createElement("li", {
+                key: "sub-" + q.seq + "-" + it.seq,
+                onClick: function (seq) { return function () { onJump(seq); }; }(it.seq),
+                onMouseEnter: function (item) { return function (e) { showTip(e, detailLines(item)); }; }(it),
+                onMouseLeave: hideTip,
+                title: "点击跳转 · 悬浮查看详情",
+                style: rowStyle
+              },
+                react.createElement("span", { style: Object.assign({}, labelStyle, { color: "#059669" }) }, "用户回答"),
+                react.createElement("span", { style: textStyle }, it.text),
+                react.createElement("span", { style: timeStyle }, it.time ? formatTime(it.time) : "")));
+            }
+          }
+        }
+        if (detail && detail.items.length === 0) {
+          subItems.push(react.createElement("li", {
+            key: "sub-none-" + q.seq,
+            style: { padding: "4px 14px 4px 34px", fontSize: 11, color: "rgba(127,127,127,.55)" }
+          }, "本回合没有 AI 提问/用户回答记录"));
+        }
+        questionItems.push(react.createElement("li", {
+          key: q.seq,
+          style: { padding: 0, borderBottom: "1px solid rgba(127,127,127,.08)", fontSize: 12, lineHeight: 1.5 }
+        },
+          react.createElement("div", {
+            onClick: function (seq) { return function () { onJump(seq); }; }(q.seq),
+            style: { padding: "8px 14px", cursor: "pointer", display: "flex", gap: 8, alignItems: "baseline" }
+          },
+            hasItems
+              ? react.createElement("span", {
+                  onClick: function (seq, ev) { return function (e) { e.stopPropagation(); toggleExpanded(seq); }; }(q.seq),
+                  style: { flex: "none", cursor: "pointer", color: "rgba(127,127,127,.7)", width: 14, textAlign: "center" }
+                }, isOpen ? "▾" : "▸")
+              : react.createElement("span", { style: { flex: "none", width: 14 } }, null),
+            react.createElement("span", { style: { flex: "none", fontWeight: 600, color: q.kind === "steering" ? "#7c3aed" : "#2563eb" } },
+              q.kind === "steering" ? "插话" : "问题"),
+            react.createElement("span", { style: { flex: "1", minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", color: "rgba(127,127,127,.85)" } }, q.text),
+            react.createElement("span", { style: { flex: "none", color: "rgba(127,127,127,.7)" } },
+              q.time ? formatTime(q.time) : "")),
+          isOpen ? react.createElement("ul", { style: { margin: 0, padding: 0, listStyle: "none", borderTop: "1px dashed rgba(127,127,127,.12)" } }, subItems) : null));
+      }
+
+      var body;
+      if (!state.snapshot) {
+        body = react.createElement("div", { style: { padding: 16, color: "rgba(127,127,127,.7)", fontSize: 12 } }, "当前没有会话");
+      } else if (questionItems.length === 0) {
+        body = react.createElement("div", { style: { padding: 16, color: "rgba(127,127,127,.7)", fontSize: 12 } },
+          expanding ? "正在加载更早的对话…" : "这个会话还没有提问");
+      } else {
+        body = react.createElement("div", null,
+          react.createElement("ul", { style: { margin: 0, padding: 0, listStyle: "none", maxHeight: "55vh", overflowY: "auto" } }, questionItems),
+          truncated
+            ? react.createElement("div", { style: { padding: "6px 14px", fontSize: 11, color: "rgba(127,127,127,.55)", borderTop: "1px solid rgba(127,127,127,.08)" } },
+                "仅显示最近 " + maxQ + " 条（共 " + (questions.length + truncated ? "更多" : "") + "），可在设置中调整")
+            : null);
+      }
+
+      var buttonStyle = {
+        border: "none", background: "transparent", cursor: "pointer",
+        color: "var(--dsw-alias-label-secondary, #555)", fontSize: 14,
+        padding: "2px 6px", flex: "none", lineHeight: "16px"
+      };
+
+      var header = react.createElement("div", {
+        onPointerDown: startDrag,
+        style: { padding: "8px 10px", borderBottom: "1px solid rgba(127,127,127,.25)", display: "flex", gap: 6, alignItems: "center", cursor: "move", userSelect: "none" }
+      },
+        react.createElement("span", { style: { display: "flex", alignItems: "center" } }, TOOLS[0] ? TOOLS[0].icon : null),
+        react.createElement("span", {
+          style: { flex: "1", minWidth: 0, fontWeight: 600, fontSize: 13, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }
+        }, "会话记录"),
+        react.createElement("button", {
+          style: Object.assign({}, buttonStyle, uiState.pinned ? { color: "#2563eb" } : null),
+          title: uiState.pinned ? "已固定：点击外部不关闭（Esc 仍可关闭）" : "固定窗口：点击外部不关闭",
+          onClick: function () { setUi({ pinned: !uiState.pinned }); }
+        }, "📌"));
+
+      var noticeBar = notice
+        ? react.createElement("div", { style: { padding: "4px 14px", fontSize: 11, color: "#2563eb", borderBottom: "1px solid rgba(127,127,127,.1)" } }, notice)
+        : null;
+
+      var statusLine = state.snapshot
+        ? react.createElement("div", { style: { padding: "4px 14px", fontSize: 11, color: "rgba(127,127,127,.75)", borderTop: "1px solid rgba(127,127,127,.1)", display: "flex", gap: 8 } },
+            react.createElement("span", null, state.snapshot.running ? "运行中" : "空闲"),
+            react.createElement("span", null, questions.length + " 个问题"),
+            react.createElement("span", { style: { flex: "1" } }, null),
+            react.createElement("span", null, uiState.pinned ? "已固定 · Esc 关闭" : "外部点击关闭 · Esc 关闭"))
+        : null;
+
+      if (!uiState.open) return null;
+
+      var panelStyle = {
+        position: "fixed", zIndex: 30, pointerEvents: "auto",
+        width: 440, maxWidth: "calc(100vw - 32px)",
+        background: "var(--dsw-alias-bg-base, #ffffff)", color: "var(--dsw-alias-label-primary, #111)",
+        border: "1px solid rgba(127,127,127,.3)", borderRadius: 12,
+        boxShadow: "0 8px 32px rgba(0,0,0,.22)",
+        display: "flex", flexDirection: "column", overflow: "hidden"
+      };
+      if (uiState.pos !== null) {
+        panelStyle.left = uiState.pos.x;
+        panelStyle.top = uiState.pos.y;
+      } else {
+        panelStyle.left = Math.max(8, uiState.railLeft + 52);
+        panelStyle.top = 72;
+      }
+
+      var tipEl = null;
+      if (tip !== null) {
+        var tipLines = [];
+        for (var t = 0; t < tip.lines.length; t++) {
+          tipLines.push(react.createElement("div", { key: "l" + t, style: { margin: t > 0 ? "4px 0 0" : 0, whiteSpace: "pre-wrap", wordBreak: "break-word" } }, tip.lines[t]));
+        }
+        tipEl = react.createElement("div", {
+          style: {
+            position: "fixed", left: tip.x, top: tip.y, zIndex: 40, pointerEvents: "none",
+            maxWidth: 340, padding: "8px 10px", borderRadius: 8, fontSize: 12, lineHeight: 1.5,
+            background: "rgba(17,24,39,.94)", color: "#f1f5f9",
+            boxShadow: "0 4px 16px rgba(0,0,0,.3)"
+          }
+        }, tipLines);
+      }
+
+      return react.createElement("div", {
+        ref: panelRef,
+        "data-sc-panel": "1",
+        style: panelStyle
+      }, header, noticeBar, body, statusLine, tipEl);
+    }
+
+    // ------------------------------------------------------------- plugin
+    function apply(ctx) {
+      var slots = ctx.get("slots");
+      if (slots === undefined) return;
+      ctx.effect(function () {
+        // Embedded-rail stylesheet: when the rail is expanded, the chat flow
+        // makes room so the rail never covers messages (true embedding).
+        var styleTag = null;
+        if (typeof document !== "undefined") {
+          styleTag = document.createElement("style");
+          styleTag.dataset.plugin = "dsh-plugin-session-console";
+          styleTag.dataset.pluginCss = "dsh-plugin-session-console/rail.css";
+          styleTag.textContent = [
+            'body[data-sc-rail-expanded] [data-chat-flow] {',
+            '  padding-left: 40px;',
+            '}'
+          ].join("");
+          document.head.appendChild(styleTag);
+        }
+        var cleanup = null;
+        var offToolbar = slots.inject("shell.overlay", function () {
+          return slots.register({
+            name: "shell.overlay",
+            id: "session-console-rail"
+          }, ToolRail);
+        });
+        var offPanel = slots.inject("shell.overlay", function () {
+          return slots.register({
+            name: "shell.overlay",
+            id: "session-console-panel",
+            store: createStore,
+            inject: function (actions) {
+              var sessions = ctx.get("sessions");
+              if (sessions !== undefined) cleanup = wireSessions(sessions, actions);
+              return {};
+            }
+          }, SessionConsolePanel);
+        });
+        var offSettings = slots.inject("shell.overlay", function () {
+          return slots.register({
+            name: "shell.overlay",
+            id: "session-console-settings"
+          }, SettingsPanel);
+        });
+        return function () {
+          if (cleanup) { cleanup(); cleanup = null; }
+          if (styleTag !== null && styleTag.parentNode !== null) styleTag.parentNode.removeChild(styleTag);
+          offToolbar();
+          offPanel();
+          offSettings();
+        };
+      });
+    }
+
+    exports.inject = inject;
+    exports.apply = apply;
+    return module.exports;
+  }
+});