dsh-muv-table 0.2.12 → 0.3.0

package/lib/client.js

@@ -33,6 +33,698 @@ window.__ModuleLoader__.load({
       font: 'var(--dsw-font-family)'
     }
 
+    // ============ 卡运维（卡相关的运维入口，全部挂在 muv-table 自己的面板里）============
+    //
+    // 用户口径（2026-09-23）：「我有 muv-table 面板，不需要做到酒馆面板里面，**集成到
+    // muv-table 面板里面就行了**」⇒ 这一块的入口只出现在侧边栏「MUV 表格」打开的这个
+    // 视图里（面板内「🧰 卡运维」），不在酒馆的管理面板里再放一份。
+    //
+    // 数据源全是 DSH 同源 HTTP，**本仓库不改服务端**：
+    //   POST /api/tavern/greeting/insert { sessionId? }        （dsh-tavern-v2）
+    //        → 把当前卡的开场白注入**当前会话末尾**（旧会话也能用）。
+    //        · 已注入过 ⇒ 200 { ok:false, error:'greeting-already-present' } —— 不是错误；
+    //        · 路由不存在 / 酒馆没启动 ⇒ 降级提示，**不许抛错崩面板**。
+    //   GET  /api/muv-engine/card-scripts?cardName=&presetDir= （dsh-muv-engine）
+    //        → { ok, scripts:[…], total, enabled, source, fileName, reason }
+    //   GET  /api/muv-engine/state?sessionId=…
+    //        → { ok, state:{ data, updatedAt } }（无状态时 state 为 null）
+    const CARD_OPS_BUILD = 'dsh-muv-table 0.2.12 (card-ops)'
+
+    // ★ 下面这段被 test-card-ops.mjs **逐字提取执行**（验"手势 → 请求体"）。
+    //   因此这段里禁止引用 React / DOM / 外层闭包变量，只许用入参 + 全局 fetch；
+    //   两端标记行也要保持原样。
+    // [[card-ops-greeting-start]]
+    async function cardOpsInsertGreeting(input) {
+      const inp = input || {}
+      const callFetch = inp.fetch || (typeof fetch === 'function' ? fetch : null)
+      const sessionId = String(inp.sessionId || '')
+      if (!callFetch) return { kind: 'degrade', message: '⚠ 当前环境不支持 fetch，无法注入开场白' }
+      let res = null
+      try {
+        res = await callFetch('/api/tavern/greeting/insert', {
+          method: 'POST',
+          headers: { 'content-type': 'application/json' },
+          // 只带会话 id：服务端按会话**权威**解析 preset。presetId（酒馆 DOM / localStorage
+          // 那份）会「粘住」上一个会话的值，本仓库已整条删除该读取路径（见文件上方注释与
+          // docs/04 排错手册的串台条目）——不把猜出来的预设发出去。
+          body: JSON.stringify({ sessionId: sessionId || undefined })
+        })
+      } catch (e) {
+        return { kind: 'degrade', message: '⚠ 开场白接口不可达（酒馆插件未启动？）—— ' + ((e && e.message) || String(e)) }
+      }
+      let d = null
+      try { d = await res.json() } catch (_) { d = null }
+      if (!d || typeof d !== 'object') {
+        // 路由没实现时拿到的是 404/405 的**非 JSON** 响应 ⇒ 降级（面板不许崩）。
+        // 注意：真正的「会话不活跃」是 404 + JSON { ok:false, error:'session-not-live…' }，
+        // 走下面的 error 分支照原样显示服务端原因，不会被误判成"接口不存在"。
+        if (res && (res.status === 404 || res.status === 405)) {
+          return { kind: 'degrade', message: '⚠ 酒馆未提供开场白注入接口（需更新/重启 dsh-tavern-v2）' }
+        }
+        return { kind: 'error', message: '❌ 注入失败（HTTP ' + ((res && res.status) || '?') + '）' }
+      }
+      if (d.ok) {
+        return { kind: 'ok', message: '✅ 已注入「' + String(d.cardName || '') + '」的开场白（' +
+          String(d.greetingLen || 0) + ' 字，第 ' + String(d.turn == null ? '?' : d.turn) + ' 回合）——回到会话刷新可见' }
+      }
+      // 防重复：会话里已有 source.model==='character-card' 的开场白楼 ⇒ 无事可做，非报错。
+      if (d.error === 'greeting-already-present') {
+        return { kind: 'present', message: '本会话已有开场白，无需重复注入' }
+      }
+      return { kind: 'error', message: '❌ ' + String(d.error || '注入失败') }
+    }
+    // [[card-ops-greeting-end]]
+
+    /**
+     * 只读诊断取值：每条都走同源 HTTP，**单项失败只影响它自己那一行**。
+     * 卡脚本接口不可用（引擎没这路由）⇒ 直接不产出该行（不显示假的 0/0）。
+     */
+    async function cardOpsLoadStatus(input) {
+      const inp = input || {}
+      const callFetch = inp.fetch || (typeof fetch === 'function' ? fetch : null)
+      const sessionId = String(inp.sessionId || '')
+      const cardName = String(inp.cardName || '')
+      const presetDir = String(inp.presetDir || '')
+      const rows = []
+      rows.push({ key: 'card', label: '当前会话绑定的卡', value: cardName || '（未识别，本会话可能未绑卡）' })
+      if (callFetch && cardName) {
+        try {
+          const qs = '?cardName=' + encodeURIComponent(cardName) +
+            (presetDir ? '&presetDir=' + encodeURIComponent(presetDir) : '')
+          const r = await callFetch('/api/muv-engine/card-scripts' + qs)
+          const d = await r.json()
+          if (d && d.ok) {
+            rows.push({
+              key: 'scripts', label: '卡脚本',
+              value: Number(d.enabled || 0) + '/' + Number(d.total || 0) + ' 条启用',
+              hint: '来源 ' + String(d.source || '?') + (d.fileName ? ' · ' + String(d.fileName) : '') +
+                (d.reason ? '\n' + String(d.reason) : '')
+            })
+          }
+          // !ok ⇒ 引擎没有这个接口：隐藏该行（如实"不显示"好过显示一个假的数字）
+        } catch (_) { /* 同上：接口不可用 ⇒ 隐藏该行 */ }
+      } else if (callFetch) {
+        rows.push({ key: 'scripts', label: '卡脚本', value: '（先识别到卡名才能查）' })
+      }
+      if (callFetch) {
+        try {
+          const r = await callFetch('/api/muv-engine/state?sessionId=' + encodeURIComponent(sessionId || 'default'))
+          const d = await r.json()
+          const tree = d && d.ok && d.state ? d.state.data : null
+          if (d && d.ok) {
+            rows.push({
+              key: 'vars', label: '运行时变量树顶层键',
+              value: (tree && typeof tree === 'object') ? Object.keys(tree).length + ' 个' : '0 个（本会话还没有运行时变量）'
+            })
+          } else {
+            rows.push({ key: 'vars', label: '运行时变量树顶层键', value: '不可用（muv-engine 未响应）' })
+          }
+        } catch (_) {
+          rows.push({ key: 'vars', label: '运行时变量树顶层键', value: '不可用（muv-engine 未响应）' })
+        }
+      }
+      rows.push({ key: 'build', label: '客户端构建', value: CARD_OPS_BUILD })
+      return rows
+    }
+
+    // ── 🧰 卡运维（React 只是壳，逻辑在上面两个纯函数里）──────────────────
+    // 交互风格沿用本视图既有写法：内联 style + C 里的 token，不引入任何新框架。
+    function CardOpsPanel({ sessionId, cardName, presetDir }) {
+      const [open, setOpen] = React.useState(false)
+      const [rows, setRows] = React.useState([])
+      const [busy, setBusy] = React.useState(false)
+      const [greet, setGreet] = React.useState(null)   // { kind, message }
+      const [statusBusy, setStatusBusy] = React.useState(false)
+
+      const boundFetch = () => (typeof fetch === 'function' ? fetch.bind(window) : null)
+
+      const refresh = async () => {
+        setStatusBusy(true)
+        try {
+          setRows(await cardOpsLoadStatus({ sessionId, cardName, presetDir, fetch: boundFetch() }))
+        } finally { setStatusBusy(false) }
+      }
+      // 展开即刷新一次（收起时不打扰）
+      React.useEffect(() => { if (open) refresh() }, [open, sessionId, cardName, presetDir])
+
+      const doInsertGreeting = async () => {
+        setBusy(true)
+        setGreet({ kind: 'busy', message: '⏳ 注入中…' })
+        try {
+          setGreet(await cardOpsInsertGreeting({ sessionId, fetch: boundFetch() }))
+        } catch (e) {
+          // 兜底：纯函数自身吞异常，这里只是"再保险"，绝不让异常冒到 React 渲染里
+          setGreet({ kind: 'error', message: '❌ ' + ((e && e.message) || String(e)) })
+        } finally { setBusy(false) }
+      }
+
+      // ★ 第 40 轮：这四个状态色原来是写死的（#27ae60 / #3498db / #e67e22 / #e74c3c）。
+      //   深色模式下红/绿压在深底上偏暗；改成 DSH 的主题状态色（回退值 = 原值），
+      //   两个主题都跟宿主，浅色下观感不变。
+      const GC = { ok: 'var(--dsw-alias-state-success-primary,#27ae60)', present: 'var(--dsw-alias-state-business-primary,#3498db)', degrade: 'var(--dsw-alias-state-warn-primary,#e67e22)', error: 'var(--dsw-alias-state-error-primary,#e74c3c)', busy: C.dim }
+      const GBG = { ok: 'rgba(39,174,96,0.10)', present: 'rgba(52,152,219,0.12)', degrade: 'rgba(230,126,34,0.10)', error: 'rgba(231,76,60,0.10)', busy: 'transparent' }
+      const btn = { padding: '5px 12px', borderRadius: 6, border: '1px solid ' + C.border, background: C.bg3, color: C.text, cursor: 'pointer', fontSize: 11, fontFamily: 'inherit' }
+
+      return jsx.jsxs('div', {
+        'data-dsh-muv-card-ops': '',
+        style: { flexShrink: 0, borderBottom: '1px solid ' + C.border, background: C.bg2 },
+        children: [
+          // 标题行（点击展开/收起）
+          jsx.jsxs('div', {
+            'data-dsh-card-ops-toggle': '',
+            onClick: () => setOpen(o => !o),
+            style: { display: 'flex', alignItems: 'center', gap: 8, padding: '7px 14px', cursor: 'pointer', userSelect: 'none' },
+            onMouseEnter: e => { e.currentTarget.style.background = C.hover },
+            onMouseLeave: e => { e.currentTarget.style.background = 'transparent' },
+            children: [
+              jsx.jsx('span', { style: { fontSize: 10, color: C.dim, width: 12 }, children: open ? '▾' : '▸' }),
+              jsx.jsx('span', { style: { fontWeight: 600, fontSize: 12, flex: 1 }, children: '🧰 卡运维' }),
+              jsx.jsx('span', { style: { fontSize: 10, color: C.dim }, children: '开场白 · 卡与脚本状态' })
+            ]
+          }),
+          open && jsx.jsxs('div', { style: { padding: '0 14px 12px', display: 'flex', flexDirection: 'column', gap: 10 }, children: [
+            // ── 📌 开场白 ──
+            jsx.jsxs('div', { children: [
+              jsx.jsx('div', { style: { fontSize: 11, color: C.dim, marginBottom: 6 }, children: '📌 开场白' }),
+              jsx.jsx('button', {
+                'data-dsh-card-ops-greeting-insert': '',
+                type: 'button', disabled: busy, onClick: doInsertGreeting,
+                title: '把当前卡的开场白注入当前会话末尾（旧会话也能用）\n请求只带 sessionId，预设由服务端按会话权威解析',
+                style: { ...btn, opacity: busy ? 0.6 : 1, cursor: busy ? 'default' : 'pointer' },
+                children: '➕ 把当前卡的开场白注入会话末尾'
+              }),
+              jsx.jsx('div', {
+                'data-dsh-card-ops-greeting-status': '',
+                style: {
+                  marginTop: 6, padding: '5px 10px', borderRadius: 6, fontSize: 11, lineHeight: 1.6,
+                  color: GC[greet ? greet.kind : 'busy'] || C.dim,
+                  background: greet ? (GBG[greet.kind] || 'transparent') : 'transparent'
+                },
+                children: greet ? greet.message : '未注入（本会话需要开场白时点上面的按钮）'
+              })
+            ] }),
+            // ── 🧩 卡与脚本状态（只读诊断）──
+            jsx.jsxs('div', { children: [
+              jsx.jsxs('div', { style: { display: 'flex', alignItems: 'center', gap: 8, marginBottom: 4 }, children: [
+                jsx.jsx('div', { style: { fontSize: 11, color: C.dim, flex: 1 }, children: '🧩 卡与脚本状态（只读）' }),
+                jsx.jsx('button', {
+                  'data-dsh-card-ops-refresh': '', type: 'button', disabled: statusBusy, onClick: refresh,
+                  style: { ...btn, fontSize: 10, padding: '2px 8px', opacity: statusBusy ? 0.6 : 1 },
+                  children: statusBusy ? '⏳ 刷新中' : '🔄 刷新'
+                })
+              ] }),
+              jsx.jsx('div', {
+                'data-dsh-card-ops-rows': '',
+                style: { border: '1px solid ' + C.border, borderRadius: 8, background: C.bg1, overflow: 'hidden' },
+                children: rows.length === 0
+                  ? jsx.jsx('div', { style: { padding: '6px 10px', fontSize: 11, color: C.dim }, children: '（点「🔄 刷新」读取）' })
+                  : rows.map(r => jsx.jsxs('div', {
+                      key: r.key,
+                      style: { display: 'flex', alignItems: 'flex-start', gap: 8, padding: '5px 10px', borderBottom: '1px solid ' + C.borderL },
+                      children: [
+                        jsx.jsx('span', { style: { fontSize: 11, color: C.sub, flexShrink: 0, width: 150 }, children: r.label }),
+                        jsx.jsx('span', {
+                          title: r.hint || undefined,
+                          style: { fontSize: 11, color: C.text, wordBreak: 'break-all', cursor: r.hint ? 'help' : 'default' },
+                          children: r.value
+                        })
+                      ]
+                    }, r.key))
+              })
+            ] })
+          ] })
+        ]
+      })
+    }
+
+    // ============ 📊 运行时变量（P1 自 dsh-tavern-v2「🔢 变量面板」整体迁入）============
+    //
+    // 数据源不变，全是 muv-engine 的同源 HTTP（本仓库不改服务端）：
+    //   GET  /api/muv-engine/state?sessionId=…             → { ok, state:{ data:<树> } }
+    //   POST /api/muv-engine/state { sessionId, merge:true, data:{…} }  深合并写回（只 merge 不删除）
+    //   GET  /api/muv-engine/state?sessionId=…&snapshots=1  → { ok, snapshots:[{ key, at, data }] }
+    //   GET  /api/muv-engine/state?sessionId=…&messageKey=… → 按楼回看（入口探测失败 ⇒ 隐藏）
+    //
+    // 防双滚动：新区嵌在 MUV 面板既有的滚动容器里（内容区 flex:1 + 自动滚动那层），
+    // 自己不自带任何滚动样式 —— 旧面板 max-height:340px 内滚的双滚动条问题就此消灭。
+    //
+    // ★ 下面这段纯函数被 test-var-section.mjs **逐字提取执行**：禁止引用 React / DOM /
+    //   外层闭包变量，只用入参 + 全局 fetch；两端标记行保持原样。
+    // [[var-section-core-start]]
+    const VAR_PATH_SEP = '\u0001'
+
+    function varSectionTypeOf(v) {
+      if (v === null) return 'null'
+      if (Array.isArray(v)) return 'array'
+      return typeof v
+    }
+
+    function varSectionPathLabel(arr) { return arr.map(function (k) { return String(k) }).join('.') }
+
+    // 按路径数组在树里找原始值（找不到 → undefined）
+    function varSectionValueAt(root, arr) {
+      var cur = root
+      for (var i = 0; i < arr.length; i++) {
+        if (!cur || typeof cur !== 'object' || !(arr[i] in cur)) return undefined
+        cur = cur[arr[i]]
+      }
+      return cur
+    }
+
+    // 「已覆盖」三态：initvarData 无此键 → false；值相同 → false；值（类型或值）不同 → true
+    function varSectionIsOverridden(initialTree, arr, value) {
+      if (!initialTree || typeof initialTree !== 'object') return false
+      var iv = varSectionValueAt(initialTree, arr)
+      if (iv === undefined) return false
+      return JSON.stringify(iv) !== JSON.stringify(value)
+    }
+
+    // 叶子展示信息：null / 数组不可编辑，只显示文本（文本是原样字符串，由上层以
+    // children=textContent 方式渲染，任何标签都不会变成真实元素）
+    function varSectionLeafDisplay(value) {
+      var t = varSectionTypeOf(value)
+      if (t === 'null') return { editable: false, text: 'null' }
+      if (t === 'array') return { editable: false, text: '[数组 ' + value.length + ' 项]' }
+      return { editable: true, type: t, text: String(value) }
+    }
+
+    // 编辑还原原始类型（找不到原叶型按字符串存；number 转不回去就保留字符串）
+    function varSectionNormalizeEdit(origType, raw) {
+      if (origType === 'boolean') return !!raw
+      if (origType === 'number') { var n = Number(raw); return isNaN(n) ? String(raw) : n }
+      return String(raw)
+    }
+
+    // edits 表 → 嵌套 payload（merge 写回用）。值**原样**提交：null / 0 / false / ''
+    // 都不做任何 coerce —— merge 语义会不会吃掉它由提交形状保证。
+    function varSectionEditsToPayload(edits) {
+      var payload = {}
+      for (var pk in (edits || {})) {
+        var arr = pk.split(VAR_PATH_SEP)
+        var cur = payload
+        for (var i = 0; i < arr.length - 1; i++) {
+          if (!cur[arr[i]] || typeof cur[arr[i]] !== 'object') cur[arr[i]] = {}
+          cur = cur[arr[i]]
+        }
+        cur[arr[arr.length - 1]] = edits[pk].value
+      }
+      return payload
+    }
+
+    // 保存结果 → 新 edits 表：失败/无会话**保留**（本地修改可重试），成功才清空
+    function varSectionApplySaveResult(prevEdits, result) {
+      if (result && result.kind === 'ok') return {}
+      return prevEdits
+    }
+
+    // 首次读取默认展开：只展开**顶层**的对象分支（懒展开 —— 深层点开才渲染）
+    function varSectionDefaultExpanded(tree) {
+      var expanded = {}
+      if (!tree || typeof tree !== 'object') return expanded
+      for (var tk in tree) {
+        var tv = tree[tk]
+        if (tv !== null && typeof tv === 'object' && !Array.isArray(tv) && Object.keys(tv).length > 0) {
+          expanded[tk] = true
+        }
+      }
+      return expanded
+    }
+
+    // 搜索：命中路径/值的叶子拍平（限 200 条防炸）；无命中 → []
+    function varSectionSearchHits(tree, query, limit) {
+      var q = String(query || '').trim().toLowerCase()
+      var hits = []
+      var cap = limit || 200
+      if (!q) return hits
+      function walk(node, arr) {
+        if (hits.length >= cap) return
+        if (!node || typeof node !== 'object') return
+        for (var k in node) {
+          var v = node[k]
+          var arr2 = arr.concat([k])
+          if (v !== null && typeof v === 'object' && !Array.isArray(v)) walk(v, arr2)
+          else {
+            var hay = (varSectionPathLabel(arr2) + ' ' + String(v)).toLowerCase()
+            if (hay.indexOf(q) >= 0) hits.push({ path: arr2, value: v })
+            if (hits.length >= cap) return
+          }
+        }
+      }
+      walk(tree, [])
+      return hits
+    }
+
+    async function varSectionLoadState(input) {
+      var inp = input || {}
+      var callFetch = inp.fetch || (typeof fetch === 'function' ? fetch : null)
+      var sessionId = String(inp.sessionId || '')
+      if (!sessionId) return { kind: 'no-session', message: '未检测到当前会话 —— 打开一个对话后再看变量', tree: null }
+      if (!callFetch) return { kind: 'error', message: '当前环境不支持 fetch', tree: null }
+      try {
+        var r = await callFetch('/api/muv-engine/state?sessionId=' + encodeURIComponent(sessionId))
+        var d = await r.json()
+        if (!d || !d.ok) throw new Error((d && d.error) || '读取失败')
+        var tree = (d.state && d.state.data) || null
+        return { kind: 'ok', tree: (tree && typeof tree === 'object') ? tree : null }
+      } catch (e) {
+        return { kind: 'error', message: '读取变量失败：' + ((e && e.message) || String(e)), tree: null }
+      }
+    }
+
+    async function varSectionSave(input) {
+      var inp = input || {}
+      var callFetch = inp.fetch || (typeof fetch === 'function' ? fetch : null)
+      var sessionId = String(inp.sessionId || '')
+      var edits = inp.edits || {}
+      var n = Object.keys(edits).length
+      if (!sessionId) return { kind: 'no-session', message: '未检测到当前会话，写不回去', keepEdits: true }
+      if (!n) return { kind: 'nothing', message: '没有未保存的修改', keepEdits: true }
+      if (!callFetch) return { kind: 'error', message: '当前环境不支持 fetch（本地修改已保留，可重试）', keepEdits: true }
+      try {
+        var r = await callFetch('/api/muv-engine/state', {
+          method: 'POST',
+          headers: { 'content-type': 'application/json' },
+          body: JSON.stringify({ sessionId: sessionId, merge: true, data: varSectionEditsToPayload(edits) })
+        })
+        var d = await r.json()
+        if (!d || !d.ok) throw new Error((d && d.error) || '写回失败')
+        return { kind: 'ok', count: n, message: '已写回 ' + n + ' 处（merge）—— 卡下一轮查询/推送就能拿到新值' }
+      } catch (e) {
+        return { kind: 'error', message: ((e && e.message) || String(e)) + '（本地修改已保留，可重试）', keepEdits: true }
+      }
+    }
+
+    // ⏱ 快照列表探测：任何失败（404 / 网络错 / 快照为空）→ kind:'hidden'，入口整行隐藏
+    async function varSectionListSnapshots(input) {
+      var inp = input || {}
+      var callFetch = inp.fetch || (typeof fetch === 'function' ? fetch : null)
+      var sessionId = String(inp.sessionId || '')
+      if (!sessionId || !callFetch) return { kind: 'hidden', message: '快照不可用' }
+      try {
+        var r = await callFetch('/api/muv-engine/state?sessionId=' + encodeURIComponent(sessionId) + '&snapshots=1')
+        var d = await r.json()
+        var list = (d && d.ok && Array.isArray(d.snapshots)) ? d.snapshots : null
+        if (!list || !list.length) return { kind: 'hidden', message: '无快照' }
+        return { kind: 'ok', snapshots: list }
+      } catch (_) {
+        return { kind: 'hidden', message: '快照接口不可用' }   // 探测失败 → 静默隐藏，不报错不假装有数据
+      }
+    }
+
+    // ⏱ 进入某楼回看：messageKey 拉那层的树（响应形状与普通 GET 一致）；失败如实报错。
+    //   回看视图由调用方进入只读模式 —— 快照绝不 merge 写回。
+    async function varSectionEnterSnapshot(input) {
+      var inp = input || {}
+      var callFetch = inp.fetch || (typeof fetch === 'function' ? fetch : null)
+      var sessionId = String(inp.sessionId || '')
+      var messageKey = String(inp.messageKey || '')
+      if (!sessionId || !messageKey || !callFetch) return { kind: 'error', message: '该楼快照不存在' }
+      try {
+        var r = await callFetch('/api/muv-engine/state?sessionId=' + encodeURIComponent(sessionId) + '&messageKey=' + encodeURIComponent(messageKey))
+        var d = await r.json()
+        if (!d || !d.ok || !d.state) throw new Error('该楼快照不存在')
+        return { kind: 'ok', tree: (d.state && d.state.data) || null }
+      } catch (e) {
+        return { kind: 'error', message: '回看失败：' + ((e && e.message) || String(e)) }
+      }
+    }
+
+    // 快照下拉项的展示标签（时间 + 键尾 8 位；过大未存的禁选提示）
+    function varSectionSnapLabel(s) {
+      s = s || {}
+      var key = String(s.key || '')
+      var n = Number(s.at)
+      var when = '未知时间'
+      if (n > 0) {
+        var d = new Date(n)
+        var p2 = function (x) { return (x < 10 ? '0' : '') + x }
+        when = d.getFullYear() + '-' + p2(d.getMonth() + 1) + '-' + p2(d.getDate()) + ' ' + p2(d.getHours()) + ':' + p2(d.getMinutes())
+      }
+      var tail = key.length > 8 ? key.slice(-8) : key
+      return when + ' · …' + tail + (s.data == null ? '（过大未存）' : '')
+    }
+
+    // 导出文本：没有树 → null（调用方提示"还没有变量可导出"）
+    function varSectionExportText(tree) {
+      if (!tree || typeof tree !== 'object') return null
+      return JSON.stringify(tree, null, 2)
+    }
+    // [[var-section-core-end]]
+
+    // ── 📊 运行时变量（React 只是壳，逻辑在上面纯函数里）──────────────────
+    // XSS 纪律：变量值是外部数据，一律走 children（= textContent）渲染，
+    // 本区不做任何 HTML 字符串拼接。
+    function RuntimeVarsSection({ sessionId, initvarData, reloadToken }) {
+      const [open, setOpen] = React.useState(false)           // 默认折叠，点标题展开/收起
+      const [tree, setTree] = React.useState(null)
+      const [edits, setEdits] = React.useState({})            // pathKey -> { value, type }（未保存的本地修改）
+      const [expanded, setExpanded] = React.useState({})      // pathKey -> true（懒展开：点开才渲染子层）
+      const [query, setQuery] = React.useState('')
+      const [snapList, setSnapList] = React.useState(null)    // null ⇒ 快照入口整行隐藏
+      const [snapMode, setSnapMode] = React.useState(false)   // ⏱ 回看模式：整树只读，绝不写回
+      const [status, setStatus] = React.useState(null)        // { text, tone }
+
+      const boundFetch = () => (typeof fetch === 'function' ? fetch.bind(window) : null)
+      const TC = {
+        ok: 'var(--dsw-alias-state-success-primary,#27ae60)',
+        busy: 'var(--dsw-alias-state-business-primary,#3498db)',
+        warn: 'var(--dsw-alias-state-warn-primary,#e67e22)',
+        error: 'var(--dsw-alias-state-error-primary,#e74c3c)',
+        dim: C.dim
+      }
+      const btnSm = { padding: '2px 8px', borderRadius: 6, border: '1px solid ' + C.border, background: C.bg3, color: C.text, cursor: 'pointer', fontSize: 11, fontFamily: 'inherit' }
+
+      const doLoad = async (quiet) => {
+        if (!quiet) setStatus({ text: '⏳ 读取变量中…', tone: 'busy' })
+        const r = await varSectionLoadState({ sessionId, fetch: boundFetch() })
+        if (r.kind === 'ok') {
+          setTree(r.tree)
+          setExpanded(varSectionDefaultExpanded(r.tree))
+          const top = r.tree ? Object.keys(r.tree).length : 0
+          const pending = Object.keys(edits).length
+          setStatus({ text: '✅ 已读取' + (top ? '（顶层 ' + top + ' 个分支）' : '（空树）') + (pending ? ' · 有 ' + pending + ' 处未保存修改' : ''), tone: 'ok' })
+          // ⏱ 静默探测快照入口：探测失败 ⇒ snapList 保持 null，整行隐藏
+          const sr = await varSectionListSnapshots({ sessionId, fetch: boundFetch() })
+          setSnapList(sr.kind === 'ok' ? sr.snapshots : null)
+        } else {
+          setTree(null)
+          setStatus({ text: (r.kind === 'no-session' ? '⚠️ ' : '❌ ') + r.message, tone: r.kind === 'no-session' ? 'warn' : 'error' })
+        }
+      }
+
+      // 会话/预设切换不另挂监听：MuvTableView 的 check() 消费同一批 forceReload
+      // 监听后 bump reloadToken，这里跟着重读；sessionId 变了 ⇒ 旧会话的本地
+      // edits / 回看状态一并丢弃（避免把 A 会话的修改 merge 进 B 会话）。
+      const prevSid = React.useRef(sessionId)
+      React.useEffect(() => {
+        if (!open) return
+        if (prevSid.current !== sessionId) { prevSid.current = sessionId; setEdits({}); setSnapMode(false); setQuery('') }
+        doLoad(false)
+      }, [open, sessionId, reloadToken])
+
+      // 🔄 刷新：丢弃本地修改 + 退出回看，重新从服务端读
+      const doRefresh = () => { setEdits({}); setSnapMode(false); setQuery(''); doLoad(false) }
+
+      const doSave = async () => {
+        if (snapMode) { setStatus({ text: '⛔ 正在回看历史楼层的变量（只读）—— 点「回到最新」退出后再修改', tone: 'warn' }); return }
+        const n = Object.keys(edits).length
+        setStatus({ text: n ? '⏳ 写回 ' + n + ' 处修改…' : '⏳ …', tone: 'busy' })
+        const r = await varSectionSave({ sessionId, edits, fetch: boundFetch() })
+        setEdits(prev => varSectionApplySaveResult(prev, r))
+        if (r.kind === 'ok') {
+          setStatus({ text: '✅ ' + r.message, tone: 'ok' })
+          doLoad(true)
+        } else {
+          setStatus({ text: (r.kind === 'error' ? '❌ ' : r.kind === 'no-session' ? '⚠️ ' : '') + r.message, tone: r.kind === 'error' ? 'error' : 'warn' })
+        }
+      }
+
+      const doExport = async () => {
+        const text = varSectionExportText(tree)
+        if (!text) { setStatus({ text: '还没有变量可导出', tone: 'warn' }); return }
+        try {
+          if (navigator.clipboard && navigator.clipboard.writeText) {
+            await navigator.clipboard.writeText(text)
+            setStatus({ text: '✅ 已复制到剪贴板（' + text.length + ' 字符）', tone: 'ok' })
+            return
+          }
+          throw new Error('clipboard-unavailable')
+        } catch (_) {
+          try {
+            const ta = document.createElement('textarea')
+            ta.value = text; document.body.appendChild(ta); ta.select()
+            document.execCommand('copy')
+            document.body.removeChild(ta)
+            setStatus({ text: '✅ 已复制到剪贴板（' + text.length + ' 字符）', tone: 'ok' })
+          } catch (_e) { setStatus({ text: '❌ 复制失败，浏览器拒绝了剪贴板访问', tone: 'error' }) }
+        }
+      }
+
+      const enterSnap = async (key) => {
+        if (!key) { exitSnap(); return }
+        setStatus({ text: '⏳ 正在拉取该楼快照…', tone: 'busy' })
+        const r = await varSectionEnterSnapshot({ sessionId, messageKey: key, fetch: boundFetch() })
+        if (r.kind === 'ok') {
+          setSnapMode(true); setEdits({}); setQuery('')
+          setTree(r.tree)
+          setExpanded(varSectionDefaultExpanded(r.tree))
+          setStatus({ text: '⏱ 正在回看历史楼层的变量，点「回到最新」恢复', tone: 'busy' })
+        } else {
+          setStatus({ text: '❌ ' + r.message, tone: 'error' })
+        }
+      }
+      const exitSnap = () => { setSnapMode(false); doLoad(false) }
+
+      const setEdit = (pk, origType, raw) => setEdits(prev => ({
+        ...prev,
+        [pk]: { value: varSectionNormalizeEdit(origType, raw), type: ['boolean', 'number', 'string'].indexOf(origType) >= 0 ? origType : 'string' }
+      }))
+
+      const inputStyle = { flex: 1, minWidth: 120, padding: '2px 6px', fontSize: 12, background: C.bg3, color: C.text, border: '1px solid ' + C.border, borderRadius: 4, fontFamily: 'inherit', outline: 'none' }
+
+      const renderLeaf = (arr, value) => {
+        const pk = arr.join(VAR_PATH_SEP)
+        const edited = edits[pk]
+        // ★ 已编辑的叶子回显**编辑后的值**（否则重渲染时输入框被重置回旧值）；
+        //   「已覆盖」对照的是**服务端值**，回看模式下不标（对照当前卡 initvar 对历史楼层语义错位）
+        const displayValue = edited !== undefined ? edited.value : value
+        const displayType = varSectionTypeOf(displayValue)
+        const overridden = !snapMode && varSectionIsOverridden(initvarData, arr, value)
+        const info = varSectionLeafDisplay(displayValue)
+        const indent = Math.min(arr.length - 1, 6) * 14 + 4
+        const editor = !info.editable
+          ? jsx.jsx('span', { style: { fontSize: 11, color: C.dim }, children: info.text })
+          : displayType === 'boolean'
+            ? jsx.jsxs('label', { style: { cursor: 'pointer', fontSize: 12, display: 'flex', alignItems: 'center', gap: 4 }, children: [
+                jsx.jsx('input', { type: 'checkbox', checked: !!displayValue, onChange: e => setEdit(pk, 'boolean', e.target.checked) }),
+                displayValue ? 'true' : 'false'
+              ] })
+            : jsx.jsx('input', { type: 'text', value: String(displayValue), onChange: e => setEdit(pk, varSectionTypeOf(value), e.target.value), style: inputStyle })
+        return jsx.jsxs('div', {
+          'data-dsh-muv-var-leaf': pk,
+          style: { display: 'flex', alignItems: 'center', gap: 6, padding: '1px 0 1px ' + indent + 'px' },
+          children: [
+            jsx.jsx('span', { style: { color: C.accent, fontSize: 12 }, children: String(arr[arr.length - 1]) }),
+            overridden && jsx.jsx('span', { title: '与卡声明的初始值不同', style: { fontSize: 10, color: TC.warn }, children: '已覆盖' }),
+            edited !== undefined && jsx.jsx('span', { style: { fontSize: 10, color: TC.ok }, children: '●未保存' }),
+            jsx.jsx('span', { style: { flex: 1 } }),
+            jsx.jsx('span', { style: { flex: 2, display: 'flex', alignItems: 'center', gap: 6 }, children: editor })
+          ]
+        }, pk)
+      }
+
+      // 渲染一棵子树：只渲染到已展开层级（懒展开，不一次性渲染上千节点）
+      const renderNode = (node, arr) => {
+        const out = []
+        const keys = Object.keys(node || {}).sort((a, b) => {
+          const ao = node[a] !== null && typeof node[a] === 'object' && !Array.isArray(node[a])
+          const bo = node[b] !== null && typeof node[b] === 'object' && !Array.isArray(node[b])
+          if (ao !== bo) return ao ? 1 : -1   // 叶子在前，对象在后（与旧面板一致）
+          return a < b ? -1 : a > b ? 1 : 0
+        })
+        for (let i = 0; i < keys.length; i++) {
+          const k = keys[i]
+          const v = node[k]
+          const arr2 = arr.concat([k])
+          const t = varSectionTypeOf(v)
+          const pk = arr2.join(VAR_PATH_SEP)
+          if (t === 'object' && Object.keys(v).length > 0) {
+            const isOpen = !!expanded[pk]
+            out.push(jsx.jsxs('div', {
+              'data-dsh-muv-var-node': pk,
+              onClick: () => setExpanded(prev => ({ ...prev, [pk]: !prev[pk] })),
+              style: { cursor: 'pointer', userSelect: 'none', padding: '1px 0 1px ' + (Math.min(arr.length - 1, 6) * 14) + 'px' },
+              children: [
+                jsx.jsx('span', { style: { color: C.dim, fontSize: 10 }, children: isOpen ? '▼' : '▶' }),
+                jsx.jsx('span', { style: { color: 'var(--dsw-alias-state-business-primary,#3498db)', fontSize: 12 }, children: String(k) }),
+                jsx.jsx('span', { style: { fontSize: 10, color: C.dim }, children: ' {' + Object.keys(v).length + '}' })
+              ]
+            }, pk))
+            if (isOpen) out.push(jsx.jsx('div', { children: renderNode(v, arr2) }, pk + '::sub'))
+          } else if (t === 'object' || (t === 'array' && v.length === 0)) {
+            out.push(renderLeaf(arr2, t === 'object' ? {} : v))
+          } else {
+            out.push(renderLeaf(arr2, v))
+          }
+        }
+        return out
+      }
+
+      const q = query.trim().toLowerCase()
+      const searchHits = (q && tree && typeof tree === 'object') ? varSectionSearchHits(tree, q) : null
+      const treeBody = !tree || typeof tree !== 'object'
+        ? jsx.jsx('div', { style: { color: C.dim, padding: 8 }, children: '（当前会话还没有变量 —— 先和卡聊一轮，或导入带 initvar 的卡）' })
+        : searchHits
+          ? (searchHits.length === 0
+              ? jsx.jsx('div', { style: { color: C.dim, padding: 8 }, children: '没有匹配的变量' })
+              : jsx.jsxs('div', { children: [
+                  jsx.jsx('div', { style: { fontSize: 10, color: C.dim, marginBottom: 4 }, children: '匹配 ' + searchHits.length + ' 条叶子' + (searchHits.length >= 200 ? '（已截断）' : '') + '：' }),
+                  searchHits.map(h => jsx.jsxs('div', { key: 'hit::' + varSectionPathLabel(h.path), children: [
+                    jsx.jsx('div', { style: { fontSize: 10, color: C.dim, wordBreak: 'break-all' }, children: varSectionPathLabel(h.path) }),
+                    renderLeaf(h.path, h.value)
+                  ] }))
+                ] }))
+          : renderNode(tree, [])
+
+      return jsx.jsxs('div', {
+        'data-dsh-muv-var-section': '',
+        style: { flexShrink: 0, borderBottom: '1px solid ' + C.border, background: C.bg2 },
+        children: [
+          // 标题行（点击展开/收起，默认折叠）
+          jsx.jsxs('div', {
+            'data-dsh-muv-var-toggle': '',
+            onClick: () => setOpen(o => !o),
+            style: { display: 'flex', alignItems: 'center', gap: 8, padding: '7px 14px', cursor: 'pointer', userSelect: 'none' },
+            onMouseEnter: e => { e.currentTarget.style.background = C.hover },
+            onMouseLeave: e => { e.currentTarget.style.background = 'transparent' },
+            children: [
+              jsx.jsx('span', { style: { fontSize: 10, color: C.dim, width: 12 }, children: open ? '▾' : '▸' }),
+              jsx.jsx('span', { style: { fontWeight: 600, fontSize: 12, flex: 1 }, children: '📊 运行时变量' }),
+              jsx.jsx('span', { style: { fontSize: 10, color: C.dim }, children: '查看 · 编辑写回（merge）· 按楼回看' })
+            ]
+          }),
+          open && jsx.jsxs('div', { style: { padding: '0 14px 12px', display: 'flex', flexDirection: 'column', gap: 8 }, children: [
+            // 工具行：搜索 / 刷新（丢弃本地改动）/ 保存（merge 写回）/ 导出 JSON
+            jsx.jsxs('div', { style: { display: 'flex', gap: 6, alignItems: 'center', flexWrap: 'wrap' }, children: [
+              jsx.jsx('input', {
+                'data-dsh-muv-var-search': '', type: 'text', placeholder: '🔍 搜索变量路径或值…',
+                value: query, onChange: e => setQuery(e.target.value),
+                style: { flex: 1, minWidth: 140, padding: '3px 8px', fontSize: 12, background: C.bg3, color: C.text, border: '1px solid ' + C.border, borderRadius: 4, fontFamily: 'inherit', outline: 'none' }
+              }),
+              jsx.jsx('button', { 'data-dsh-muv-var-refresh': '', type: 'button', onClick: doRefresh, title: '重新从服务端读取（丢弃未保存的本地修改）', style: btnSm, children: '🔄 刷新' }),
+              jsx.jsx('button', { 'data-dsh-muv-var-save': '', type: 'button', onClick: doSave, title: '把已编辑的叶子写回服务端（merge）', style: btnSm, children: '💾 保存修改' + (Object.keys(edits).length ? '（' + Object.keys(edits).length + '）' : '') }),
+              jsx.jsx('button', { 'data-dsh-muv-var-export': '', type: 'button', onClick: doExport, title: '把当前变量树复制为 JSON', style: btnSm, children: '📋 导出 JSON' })
+            ] }),
+            // ⏱ 按楼回看：探测失败 ⇒ snapList 为 null，整行不渲染（不报错不占位）
+            snapList && snapList.length > 0 && jsx.jsxs('div', { 'data-dsh-muv-var-snap-row': '', style: { display: 'flex', gap: 6, alignItems: 'center', flexWrap: 'wrap' }, children: [
+              jsx.jsx('span', { style: { fontSize: 12, color: C.gold }, children: '⏱ 按楼回看' }),
+              jsx.jsx('select', {
+                'data-dsh-muv-var-snap-select': '',
+                value: '',
+                onChange: e => enterSnap(e.target.value),
+                style: { flex: 1, minWidth: 160, padding: '2px 6px', fontSize: 12, background: C.bg3, color: C.text, border: '1px solid ' + C.border, borderRadius: 4 },
+                children: [jsx.jsx('option', { value: '', children: '— 选择楼层回看 —' }, '_none')].concat(
+                  snapList.filter(s => s && s.key).map(s => jsx.jsx('option', { value: s.key, disabled: s.data == null, children: varSectionSnapLabel(s) }, s.key))
+                )
+              }),
+              snapMode && jsx.jsx('button', { 'data-dsh-muv-var-back-latest': '', type: 'button', onClick: exitSnap, title: '退出回看，恢复显示最新变量树', style: btnSm, children: '回到最新' })
+            ] }),
+            jsx.jsx('div', {
+              'data-dsh-muv-var-status': '',
+              style: { fontSize: 11, lineHeight: 1.6, color: status ? (TC[status.tone] || C.dim) : C.dim },
+              children: status ? status.text : '（展开时自动读取当前会话的运行时变量）'
+            }),
+            // 树：嵌在外层滚动容器里，这里不自带任何滚动样式（防双滚动）
+            jsx.jsx('div', {
+              'data-dsh-muv-var-tree': '',
+              style: { fontSize: 12, lineHeight: 1.9, fontFamily: 'ui-monospace,Consolas,monospace' },
+              children: treeBody
+            })
+          ] })
+        ]
+      })
+    }
+
     // ============ MacroPanel ============
     function MacroPanel({ onClose }) {
       const [input, setInput] = React.useState('')
@@ -151,23 +843,11 @@ window.__ModuleLoader__.load({
         : { status:'idle', cardName:'', schemas:[], initvarData:{}, edits:{}, generatedBlock:'', error:'', search:'' }
       const [state, setState] = React.useState(initial)
       const [collapsed, setCollapsed] = React.useState(new Set())
+      const [varTick, setVarTick] = React.useState(0)   // 📊 运行时变量区的重读信号（见 check() 内）
       const fileRef = React.useRef(null)
       const hasAutoLoaded = React.useRef(false)
 
-      // Get the tavern's active card
-      //
-      // Which preset is active has exactly one source of truth: the tavern
-      // plugin's own selection, which it publishes on these DOM nodes (and
-      // mirrors to localStorage). `lastPresetId` was previously only set by a
-      // `tavern-preset-changed` event, which does not fire on page load — so the
-      // first request carried no preset and the server fell back to a hardcoded
-      // one, showing an unrelated card.
-      //
-      // Reading the DOM here rather than caching an event value matters: the
-      // panel polls, and the user can switch presets at any time. An earlier
-      // revision cached the first answer and never re-checked, which pinned the
-      // panel to whatever preset happened to be active when it opened.
-      // 当前 DSH 会话 id —— 这才是「我在哪个会话」的权威依据。
+      // 「我在哪个会话 / 该显示哪张卡」的权威依据 = **当前 DSH 会话 id**。
       //
       // 起因：用户报告「不管点哪个会话，面板永远显示同一张卡」。查下来服务端没问题
       // （按 presetId 请求，每个预设都返回各自的卡），是客户端一直在发同一个预设。
@@ -175,7 +855,16 @@ window.__ModuleLoader__.load({
       // 在切换会话时不一定跟着更新（酒馆自己在 bundle.js:1655 就是
       // `savedPid || lbl.dataset.presetId` —— savedPid 为空时会**保留旧值**），
       // 而 localStorage 那份更是切换预设时才写。
-      // 会话 id 则不会撒谎：服务端按它查 session-bindings.json，直接得到该会话绑的预设。
+      // 会话 id 则不会撒谎：服务端按它查出该会话绑的预设。
+      //
+      // ★ 注意（2026-09 修）：这里原先把「酒馆 DOM / localStorage 上的当前预设」当成
+      //   "唯一真实来源"，并在认不出会话时拿它当 `presetId` 发给服务端。那是个陷阱：
+      //   ① 它本身会「粘住」（切会话后仍是上一个会话的值）；
+      //   ② 服务端会对 presetId 调 `fromExplicit()`，于是这个"猜"被标成
+      //      `presetSource='explicit'` —— 听起来像"用户明确指定"，其实是猜，
+      //      串台向量只是从服务端搬到了客户端，标签还更自信了。
+      //   现在：DOM/localStorage 这条读取路径**已整条删除**（`readActivePresetFromDom`
+      //   一并移除），认不出会话就什么都不带，由服务端落到稳定默认并如实上报来源。
       const currentSessionId = () => {
         try {
           const svc = window.__DSH_TAVERN_SESSIONS__
@@ -198,47 +887,42 @@ window.__ModuleLoader__.load({
         return ''
       }
 
-      const readActivePresetFromDom = () => {
-        try {
-          for (const id of ['tavern-session-preset-label', 'tavern-session-preset-btn']) {
-            const el = document.getElementById(id)
-            const pid = el && el.dataset && el.dataset.presetId
-            if (pid) return pid
-          }
-          const item = document.querySelector('#tavern-session-preset-panel [data-preset-id]')
-          const aid = item && item.getAttribute && item.getAttribute('data-preset-id')
-          if (aid) return aid
-        } catch (_) {}
-        try { return localStorage.getItem('dsh-tavern-active-preset') || '' } catch (_) { return '' }
-      }
+      // ★ 已删除 `readActivePresetFromDom()`（原来读 `#tavern-session-preset-label`
+      //   / `#tavern-session-preset-btn` 的 dataset.presetId，再退到
+      //   localStorage 的 `dsh-tavern-active-preset`）。
+      //   删除原因见上：它提供的是**会粘住的猜**，而它唯一的消费者（把猜出来的值当
+      //   `presetId` 发给服务端）已经移除，留着就是一段"看起来还在生效"的死代码。
+      //   如果将来真的需要「用户此刻在酒馆面板里选了哪个预设」（例如给 UI 显示用），
+      //   请从**服务端权威解析**取值（酒馆的 `GET /api/tavern/current-session`），
+      //   不要再回到 DOM/localStorage。
 
-      // 本次请求要带的定位参数。会话 id 优先——它随会话切换而变，是唯一不会「粘住」的依据。
+      // 本次请求要带的定位参数。**会话 id 是唯一可用的依据** —— 它随会话切换而变，
+      // 是唯一不会「粘住」的东西。
+      //
+      // ★ 这里原来有三级兜底（localStorage → 酒馆 DOM → 服务端 `/api/muv-table/active-preset`
+      //   按「最近写入的会话」猜），并把猜出来的值当 `presetId` 发出去。**这条路已整条删除**：
+      //   服务端在 `!preferPreset` 分支里会对 presetId 调 `fromExplicit()`，于是同一个"猜"
+      //   只是从服务端的 `presetSource='active'` 换成客户端的 `'explicit'` —— 标签更自信、
+      //   串台向量却分毫未减（`activePresetId()` 按会话文件 mtime 取"最近写入的会话"，
+      //   开发/被测会话在不停写文件时这个值会漂移：实测它当时返回的是「安装 dsh-tavern-v2
+      //   及其附属插件」那个**开发会话**的绑定）。**猜的链条不能只堵一半。**
+      //
+      //   现在的语义（与酒馆侧 `client.manager.bundle.js` 的状态栏取卡对齐）：
+      //   认不出会话 ⇒ **什么都不带** ⇒ 服务端落到稳定默认（tavern-lite），
+      //   并在 `presetSource` 里如实标 `default`。
+      //   确实想看某个预设的卡（卡库检查、诊断脚本）请显式加 `preferPreset=1`，语义不混。
       let lastSessionId = ''
       const resolveActivePreset = async () => {
         lastSessionId = currentSessionId()
-        // 有会话 id 就不必猜：服务端会按 session-bindings.json 查出该会话绑的预设。
-        if (lastSessionId) return lastPresetId
-        // 拿不到会话 id 时才退回酒馆 DOM；DOM 元素在酒馆 UI 之外不存在。
-        const fromDom = readActivePresetFromDom()
-        if (fromDom) { lastPresetId = fromDom; return lastPresetId }
-        // 最后才让服务端按「最近写入的会话」猜。
-        try {
-          const r = await fetch('/api/muv-table/active-preset')
-          const d = await r.json()
-          if (d && d.ok && d.presetId) lastPresetId = d.presetId
-        } catch (_) {}
-        return lastPresetId
       }
 
       const fetchTavernCard = async () => {
         await resolveActivePreset()
         let url = '/api/muv-table/tavern-card'
-        // 只带一个定位参数，且**会话 id 优先**：服务端的判定顺序是
-        // `if (presetId) … else if (sessionId) …`，两个都传时 presetId 会盖掉会话——
-        // 而 presetId 恰恰是可能「粘住」的那个。会话 id 由服务端查 session-bindings.json，
-        // 切换会话必然跟着变，这正是「不管点哪个会话都显示同一张卡」的解药。
+        // 只带会话 id：两个参数都传时服务端 presetId 会盖掉会话，而 presetId 恰恰是
+        // 可能「粘住」的那个 —— 会话 id 随会话切换必然变，这正是「不管点哪个会话都显示
+        // 同一张卡」的解药。
         if (lastSessionId) url += '?sessionId=' + encodeURIComponent(lastSessionId)
-        else if (lastPresetId) url += '?presetId=' + encodeURIComponent(lastPresetId)
         const r = await fetch(url)
         return r.json()
       }
@@ -265,10 +949,14 @@ window.__ModuleLoader__.load({
               const syncKey = d.name + '|' + (d.presetDir || '')
               if (syncKey !== lastSyncKey.current || forceReload) {
                 forceReload = false
+                // 📊 运行时变量区挂在**同一批**监听上：tavern-preset-changed /
+                //   tavern-session-changed → forceReload → 这里消费并 bump varTick，
+                //   新区（RuntimeVarsSection）凭 reloadToken 变化重读，不另挂第二套监听。
+                setVarTick(t => t + 1)
                 lastSyncKey.current = syncKey
                 savedState = { cardName:d.name, schemas:d.schemas, initvarData:d.initvarData, edits:{} }; saveSS(savedState)
                 setCollapsed(new Set())
-                setState({status:'loaded',cardName:d.name,schemas:d.schemas,initvarData:d.initvarData,edits:{},generatedBlock:'',error:'',search:''})
+                setState({status:'loaded',cardName:d.name,schemas:d.schemas,initvarData:d.initvarData,edits:{},generatedBlock:'',error:'',search:'',presetSource:d.presetSource||'',presetDir:d.presetDir||''})
               }
             }
           } catch (_) {}
@@ -298,7 +986,7 @@ window.__ModuleLoader__.load({
           if(!d.ok) throw new Error(d.error)
           const schemas = d.schemas || []
           savedState = { cardName:d.name, schemas, initvarData:d.initvarData||{}, edits:{} }; saveSS(savedState)
-          setCollapsed(new Set()); setState({status:'loaded',cardName:d.name,schemas,initvarData:d.initvarData||{},edits:{},generatedBlock:'',error:'',search:''})
+          setCollapsed(new Set()); setState({status:'loaded',cardName:d.name,schemas,initvarData:d.initvarData||{},edits:{},generatedBlock:'',error:'',search:'',presetSource:d.presetSource||'',presetDir:d.presetDir||''})
         } catch(e) { setState(s=>({...s,status:'error',error:e.message})) }
       }
       const handleEdit = (path, val) => setState(s=>{ const e={...s.edits,[path]:val}; savedState={...savedState,edits:e}; saveSS(savedState); return {...s,edits:e} })
@@ -370,6 +1058,23 @@ window.__ModuleLoader__.load({
         // Header
         jsx.jsxs('div', { style:{display:'flex',alignItems:'center',gap:10,padding:'10px 16px',borderBottom:'1px solid '+C.border,flexShrink:0,background:C.bg1}, children: [
           jsx.jsx('span', { style:{fontWeight:700,fontSize:15,flex:1}, children: state.cardName?'📊 '+state.cardName:'📊 MUV 变量表格' }),
+          // ★ 卡片来源指示（presetSource）——服务端一直在如实上报，但**从来没人消费它**，
+          //   于是用户在未绑定会话里只看到"一张不知从哪来的卡"，看不出问题在哪。
+          //   这里把它显式化：`session-default` / `default` = 该会话**没有绑定角色卡**，
+          //   面板当前用的是酒馆默认预设（tavern-lite）⇒ 必须让用户看见，而不是静默。
+          //   其余取值（explicit/session/active）只做中性提示，方便排障。
+          state.status==='loaded' && state.presetSource && (function () {
+            var unbound = state.presetSource === 'default' || state.presetSource === 'session-default'
+            return jsx.jsx('span', {
+              title: 'presetSource=' + state.presetSource + '\n预设目录: ' + (state.presetDir || '(未知)') +
+                     (unbound ? '\n\n本会话没有绑定角色卡，当前显示的是酒馆默认预设。\n要换卡：在酒馆面板选好预设后**新开一个对话**（已开始的会话角色卡已锁定）。' : ''),
+              style:{fontSize:11,padding:'2px 8px',borderRadius:10,whiteSpace:'nowrap',cursor:'help',
+                background: unbound ? 'rgba(231,76,60,0.15)' : 'rgba(74,191,171,0.12)',
+                color: unbound ? 'var(--dsw-alias-state-error-primary,#e74c3c)' : C.accent,
+                border: '1px solid ' + (unbound ? 'rgba(231,76,60,0.35)' : 'rgba(74,191,171,0.3)')},
+              children: unbound ? '⚠️ 本会话未绑卡（默认预设）' : '来源: ' + state.presetSource
+            })
+          })(),
           state.status==='loaded' && jsx.jsx('input', { type:'text', placeholder:'🔍 搜索变量...', value:state.search, onChange:e=>setState(s=>({...s,search:e.target.value})), style:{width:160,padding:'4px 10px',borderRadius:6,border:'1px solid '+C.border,background:C.bg3,color:C.text,fontSize:12,fontFamily:'inherit',outline:'none'} }),
           editCount>0 && jsx.jsx('span', { style:{fontSize:11,color:C.sub,background:'rgba(197,160,101,0.12)',padding:'2px 8px',borderRadius:10}, children: editCount+' 修改' }),
           state.status==='loaded' && jsx.jsx('button', { onClick:()=>showMacroPanel(), style:{padding:'5px 10px',borderRadius:6,border:'1px solid '+C.accent,background:'rgba(74,191,171,0.1)',color:C.accent,cursor:'pointer',fontSize:11,fontFamily:'inherit'}, children: '📐 宏' }),
@@ -379,6 +1084,14 @@ window.__ModuleLoader__.load({
           jsx.jsx('button', { onClick:onClose, style:{padding:'5px 12px',borderRadius:6,border:'1px solid '+C.border,background:C.bg3,color:C.text,cursor:'pointer',fontSize:12,fontFamily:'inherit'}, children: '✕' })
         ] }),
 
+        // 🧰 卡运维（卡相关入口，按用户要求挂在 **muv-table 自己的面板** 里，不放酒馆面板）
+        //    只读 + 一个动作，全部失败都降级成文字提示，不影响下方的变量树。
+        state.status==='loaded' && jsx.jsx(CardOpsPanel, {
+          sessionId: currentSessionId(),
+          cardName: state.cardName || '',
+          presetDir: state.presetDir || ''
+        }),
+
         // Content
         state.status==='idle' && jsx.jsxs('div', { style:{flex:1,display:'flex',flexDirection:'column',alignItems:'center',justifyContent:'center',gap:16,padding:24}, children: [
           savedState && savedState.cardName && jsx.jsxs('div', { style:{background:C.bg2,border:'1px solid '+C.border,borderRadius:10,padding:'14px 24px',textAlign:'center',maxWidth:400,width:'100%'}, children: [
@@ -397,14 +1110,24 @@ window.__ModuleLoader__.load({
         state.error && jsx.jsx('div', { style:{padding:12,color:C.danger}, children: '⚠ '+state.error }),
 
         // Tree
-        state.status==='loaded' && state.schemas.length===0 && jsx.jsxs('div', { style:{flex:1,display:'flex',flexDirection:'column',alignItems:'center',justifyContent:'center',gap:12,padding:24,color:C.dim}, children: [
-          jsx.jsx('div', { style:{fontSize:14,fontWeight:600,color:C.text}, children: '📋 '+state.cardName }),
-          jsx.jsx('div', { style:{fontSize:12}, children: '此卡没有预设初始变量' }),
-          jsx.jsx('div', { style:{fontSize:11,textAlign:'center',lineHeight:1.6}, children: '玩起来后 LLM 输出 &lt;UpdateVariable&gt; 块时，变量会自动出现在这里。' }),
-          jsx.jsx('div', { style:{fontSize:11,color:C.gold}, children: '也可以手动拖放角色卡 JSON 文件加载初始数据。' })
-        ] }),
-        state.status==='loaded' && state.schemas.length>0 && jsx.jsx('div', { style:{flex:1,overflow:'auto',padding:'8px 12px'}, children:
-          state.schemas.filter(f=>!state.search||f.name.includes(state.search)||JSON.stringify(f).includes(state.search)).map(field =>
+        // Content（★ 全面板**唯一**的滚动容器：flex:1 + 自动滚动。📊 运行时变量区和
+        //   变量树都嵌在这层里滚，新区自己不自带任何滚动样式 —— 防双滚动，
+        //   旧面板 max-height 内滚的双滚动条问题就此消灭）
+        state.status==='loaded' && jsx.jsxs('div', { style:{flex:1,overflow:'auto',padding:'8px 12px'}, children: [
+          // 📊 运行时变量（自 tavern-v2 面板迁入）：sessionId 复用 currentSessionId()，
+          //   initvarData 直接用 state 里 tavern-card 加载时带回来的那份，不二次请求。
+          jsx.jsx(RuntimeVarsSection, {
+            sessionId: currentSessionId(),
+            initvarData: state.initvarData,
+            reloadToken: varTick
+          }),
+          state.schemas.length===0 && jsx.jsxs('div', { style:{display:'flex',flexDirection:'column',alignItems:'center',justifyContent:'center',gap:12,padding:'24px 8px',color:C.dim}, children: [
+            jsx.jsx('div', { style:{fontSize:14,fontWeight:600,color:C.text}, children: '📋 '+state.cardName }),
+            jsx.jsx('div', { style:{fontSize:12}, children: '此卡没有预设初始变量' }),
+            jsx.jsx('div', { style:{fontSize:11,textAlign:'center',lineHeight:1.6}, children: '玩起来后 LLM 输出 &lt;UpdateVariable&gt; 块时，变量会自动出现在这里。' }),
+            jsx.jsx('div', { style:{fontSize:11,color:C.gold}, children: '也可以手动拖放角色卡 JSON 文件加载初始数据。' })
+          ] }),
+          state.schemas.length>0 && state.schemas.filter(f=>!state.search||f.name.includes(state.search)||JSON.stringify(f).includes(state.search)).map(field =>
             jsx.jsxs('div', { key:field.name, style:{marginBottom:10,background:C.bg1,border:'1px solid '+C.border,borderRadius:8,overflow:'hidden'}, children: [
               jsx.jsxs('div', { onClick:()=>toggleCollapse(field.name), style:{display:'flex',alignItems:'center',gap:8,padding:'8px 14px',cursor:'pointer',userSelect:'none',background:collapsed.has(field.name)?C.bg1:C.bg2,borderBottom:collapsed.has(field.name)?'none':'1px solid '+C.border}, onMouseEnter:e=>e.currentTarget.style.background=C.hover, onMouseLeave:e=>e.currentTarget.style.background=collapsed.has(field.name)?C.bg1:C.bg2, children: [
                 jsx.jsx('span', { style:{fontSize:12,color:C.dim,width:16}, children: collapsed.has(field.name)?'▸':'▾' }),
@@ -416,7 +1139,7 @@ window.__ModuleLoader__.load({
               })
             ] })
           )
-        }),
+        ] }),
 
         // Generated block
         state.generatedBlock && jsx.jsxs('div', { style:{flexShrink:0,borderTop:'2px solid '+C.accent}, children: [
@@ -454,7 +1177,6 @@ window.__ModuleLoader__.load({
 
     // ============ apply ============
     let forceReload = false
-    let lastPresetId = ''
 
     // ── DOM observer: detect session / preset switches by watching the URL ──
     let _lastPath = window.location.pathname + window.location.search
@@ -474,9 +1196,11 @@ window.__ModuleLoader__.load({
     exports.inject = []
     exports.apply = function () {
       // Listen for tavern preset changes (dispatched by other plugins or DSH internals)
-      const onPresetChanged = (e) => {
+      // ★ 只用来触发重载 —— 事件里的 `presetId` **不再**被记住、更不会当"当前预设"
+      //   发出去。切会话时这个事件可能带着上一个会话的预设（粘住），而定位依据已统一
+      //   为会话 id（见上面 currentSessionId 的说明）。
+      const onPresetChanged = () => {
         forceReload = true
-        lastPresetId = e.detail?.presetId || ''
       }
       document.addEventListener('tavern-preset-changed', onPresetChanged)