terminal-bridge-setup 3.2.0 → 3.3.0

package/files/extension/content-yearning.js

@@ -8,6 +8,10 @@
 //   yr-ping        探测编辑器类型和查询按钮，返回结构化信息
 //   yr-sql-set     {sql} 注入 SQL（按探测到的编辑器类型选策略）
 //   yr-query-click 找「查询」按钮并点击
+//   yr-source-switch {target} 点「切换数据源」按钮并在弹层中选中目标数据源，
+//                  以 URL hash 变化做成功验证（切源会切页面路由）
+//   yr-db-select   {database} 打开库选择器的 antd Select 下拉，点选目标 schema，
+//                  以重读 meta 的 database 值做成功验证
 
 (function () {
   const TAG = "[terminal-bridge-yr]";
@@ -145,8 +149,18 @@
   }
 
   // ---------- monaco 编辑器内容读取（注入验证用，无 API 时从 DOM 读）----------
+  // 多 SQL tab 并存时 DOM 里有多个 monaco 实例，inactive tab 的编辑器不渲染
+  // view-lines——必须优先取"可见"的那个，否则注入/读回都落在旧隐藏 tab 上
+  function activeMonaco() {
+    return [...document.querySelectorAll(".monaco-editor")]
+      .find(m => m.offsetParent !== null)
+      || document.querySelector(".monaco-editor");
+  }
+
   function readMonacoText() {
-    const lines = [...document.querySelectorAll(".monaco-editor .view-lines .view-line")]
+    const m = activeMonaco();
+    if (!m) return "";
+    const lines = [...m.querySelectorAll(".view-lines .view-line")]
       .map(l => l.textContent || "");
     return lines.join("\n");
   }
@@ -239,7 +253,395 @@
     return { ok: true, via: exact.text };
   }
 
-  // ---------- 消息处理 ----------
+  // ---------- 归一化文本 / 等待 ----------
+function normText(el) {
+  return (el.textContent || "").replace(/\s+/g, "").trim();
+}
+const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+function pressEscape() {
+  // antd Modal/Select 对 keydown Escape 响应关闭弹层（含 keyCode 兼容旧版本）
+  document.dispatchEvent(new KeyboardEvent("keydown", {
+    key: "Escape", keyCode: 27, which: 27, bubbles: true, cancelable: true
+  }));
+}
+
+// ---------- 切换数据源（点「切换数据源」→ 弹层选目标 → hash 变化验证）----------
+async function switchDataSource(targetName) {
+  const wanted = String(targetName || "").trim();
+  if (!wanted) return { ok: false, error: "missing target source name" };
+  const wantNorm = wanted.replace(/\s+/g, "");
+
+  const btns = [...document.querySelectorAll("button")]
+    .filter(b => b.offsetParent !== null && !b.disabled);
+  const entry = btns.find(b => normText(b).includes("切换数据源"));
+  if (!entry) {
+    return {
+      ok: false,
+      error: "「切换数据源」入口按钮未找到",
+      buttons: btns.map(b => normText(b)).filter(t => t && t.length <= 12).slice(0, 25),
+    };
+  }
+
+  const hashBefore = location.hash;
+  entry.click();
+
+  // 弹层形态未知，宽扫所有常见 antd overlay 容器里的可点击元素。
+  // 只保留"叶子"命中（内部不含其他命中元素），避免点到整个外层容器导致误击。
+  const grabMatches = () => {
+    const scopes = [...document.querySelectorAll(
+      ".ant-modal,.ant-drawer,.ant-dropdown,.ant-popover,[class*=drawer],[class*=modal]"
+    )].filter(el => el.offsetParent !== null);
+    const hits = [];
+    for (const sc of scopes) {
+      sc.querySelectorAll("li,[role=menuitem],[role=option],[class*=item],a,button,td").forEach(el => {
+        if (el.offsetParent === null) return;
+        const t = normText(el);
+        if (!t || t.length > 48 || !t.includes(wantNorm)) return;
+        hits.push({ el, t });
+      });
+    }
+    return hits.filter(h => !hits.some(o => o !== h && h.el.contains(o.el)));
+  };
+
+  const deadlineHit = Date.now() + 3000;
+  let leaves = [];
+  while (Date.now() < deadlineHit) {
+    leaves = grabMatches();
+    if (leaves.length > 0) break;
+    await sleep(150);
+  }
+  if (leaves.length === 0) {
+    pressEscape();
+    return { ok: false, error: "弹层中未找到目标数据源项", searched: wanted };
+  }
+  if (leaves.length > 1) {
+    const exact = leaves.find(l => l.t === wantNorm);
+    if (exact) leaves = [exact];
+  }
+  if (leaves.length > 1) {
+    pressEscape();
+    return { ok: false, error: "目标数据源命中多个候选", candidates: leaves.map(l => l.t).slice(0, 10) };
+  }
+  leaves[0].el.click();
+
+  // 验证：切源会切换页面路由，等 URL hash 变化（~6s）
+  const deadlineVer = Date.now() + 6000;
+  while (Date.now() < deadlineVer) {
+    await sleep(250);
+    if (location.hash !== hashBefore) {
+      return { ok: true, via: "source-switch", hash: location.hash };
+    }
+  }
+  return {
+    ok: false,
+    error: "已点击候选但路由未变化（hash 不变），切源可能失败",
+    clickedText: leaves[0].t,
+    hash: location.hash,
+  };
+}
+
+// ---------- 选数据库 schema（antd Select 下拉点选 → 重读 meta 验证）----------
+function closestAntdSelect(node) {
+  let cur = node;
+  for (let i = 0; cur && i < 8; i++) {
+    if (cur.classList && cur.classList.contains("ant-select")) return cur;
+    cur = cur.parentElement;
+  }
+  return null;
+}
+
+function selectDumpLite(el) {
+  const r = el.getBoundingClientRect();
+  return {
+    cls: String(el.className || "").slice(0, 80),
+    inForm: !!el.closest("form"),
+    rect: { x: Math.round(r.left), y: Math.round(r.top), w: Math.round(r.width), h: Math.round(r.height) },
+    hasInput: !!el.querySelector("input"),
+    visible: el.offsetParent !== null && r.width > 0 && r.height > 0,
+  };
+}
+
+function findDbTrigger() {
+  // 枚举所有 .ant-select，优先"可见 + 在 form 内 + 带 input"（可搜索 combobox）；
+  // 新建 tab 后旧 select 会被隐藏（rect 全 0），必须过滤，否则点在 (0,0) 上
+  const all = [...document.querySelectorAll(".ant-select")];
+  const visible = all.filter(s => {
+    const r = s.getBoundingClientRect();
+    return s.offsetParent !== null && r.width > 0 && r.height > 0;
+  });
+  const score = (s) => (s.closest("form") ? 2 : 0) + (s.querySelector("input") ? 1 : 0);
+  const byScore = [...visible].sort((a, b) => score(b) - score(a));
+  // 主路径：DATABASE_XPATH 锚点（仍要求可见，防隐藏残留）
+  const anchor = xpathNode(DATABASE_XPATH);
+  const anchored = anchor ? closestAntdSelect(anchor) : null;
+  if (anchored && visible.includes(anchored)) return anchored;
+  return byScore[0] || null;
+}
+
+function visibleDbDropdown() {
+  // 页面会残留多个 dropdown portal（旧 select 隐藏后 portal 仍在 DOM）。
+  // antd 新 portal 渲染在 body 末尾、层级最高——取"最后一个可见"的才是
+  // 刚打开的那个；取第一个会拿到坐标错位的旧 portal（实测点 dk_shard
+  // 落到 information_schema 上）。
+  const visible = [...document.querySelectorAll(".ant-select-dropdown")]
+    .filter(d => d.offsetParent !== null && !/dropdown-hidden/.test(d.className));
+  return visible[visible.length - 1] || null;
+}
+
+async function selectDatabase(targetName) {
+  const wanted = String(targetName || "").trim();
+  if (!wanted) return { ok: false, error: "missing database name" };
+  const wantNorm = wanted.replace(/\s+/g, "");
+  const trigger = findDbTrigger();
+  if (!trigger) return { ok: false, error: "库选择器未找到（antd Select）" };
+
+  // rc-select 打开依赖 mousedown；click 序列作为部分版本的兜底重试
+  const openSeqs = [
+    () => trigger.dispatchEvent(new MouseEvent("mousedown", { bubbles: true, cancelable: true })),
+    () => {
+      trigger.dispatchEvent(new MouseEvent("mousedown", { bubbles: true, cancelable: true }));
+      trigger.dispatchEvent(new MouseEvent("mouseup", { bubbles: true, cancelable: true }));
+      trigger.click();
+    },
+  ];
+  const readOptions = () => {
+    const dd = visibleDbDropdown();
+    if (!dd) return null;
+    const nodes = [...dd.querySelectorAll(".ant-select-item-option, [role=option]")];
+    if (nodes.length === 0) return null;
+    return nodes.map(o => {
+      const text = o.getAttribute("title") || o.textContent || "";
+      return { el: o, text, norm: text.replace(/\s+/g, ""), disabled: /disabled/.test(o.className) };
+    }).filter(o => o.norm);
+  };
+
+  let opts = null;
+  for (const open of openSeqs) {
+    open();
+    const ddl = Date.now() + 1200;
+    while (Date.now() < ddl) {
+      await sleep(120);
+      opts = readOptions();
+      if (opts) break;
+    }
+    if (opts) break;
+  }
+  if (!opts) return { ok: false, error: "下拉未能展开（mousedown/click 后均无选项出现）" };
+
+  const hit = opts.find(o => o.norm === wantNorm) || opts.find(o => o.norm.includes(wantNorm));
+  if (!hit) {
+    pressEscape();
+    return { ok: false, error: "下拉中无匹配的库", expect: wanted, options: opts.map(o => o.text.trim()).slice(0, 30) };
+  }
+  if (hit.disabled) {
+    pressEscape();
+    return { ok: false, error: "目标库存在但为禁用状态（无权限）", target: wanted };
+  }
+  // antd option 以 mouseup/click 完成选中
+  hit.el.dispatchEvent(new MouseEvent("mousedown", { bubbles: true, cancelable: true }));
+  hit.el.dispatchEvent(new MouseEvent("mouseup", { bubbles: true, cancelable: true }));
+  hit.el.dispatchEvent(new MouseEvent("click", { bubbles: true, cancelable: true }));
+
+  // 验证：重读 meta，确认 form 上实际显示的库名已变为目标
+  const vdl = Date.now() + 2000;
+  while (Date.now() < vdl) {
+    await sleep(200);
+    const meta = readYearningMeta();
+    if (meta.database && meta.database.replace(/\s+/g, "") === wantNorm) {
+      return { ok: true, via: "antd-select", database: meta.database };
+    }
+  }
+  const finalMeta = readYearningMeta();
+  return {
+    ok: false,
+    error: "已点击选项但验证失败：form 实际显示库名与目标不符",
+    expect: wanted,
+    actual: finalMeta.database,
+    options: opts.map(o => o.text.trim()).slice(0, 30),
+  };
+}
+
+// ---------- 只读定位/枚举（供 background 用 CDP 真实鼠标事件编排）----------
+// 经验教训：antd Select 对合成 mousedown 不响应，必须 CDP Input.dispatchMouseEvent
+// 在坐标上产生受信任点击；本脚本只负责"把元素找到并给出中心坐标"、"枚举下拉/弹层项"。
+function rectCenterOf(el) {
+  el.scrollIntoView({ block: "center" });
+  const r = el.getBoundingClientRect();
+  return { x: Math.round(r.left + r.width / 2), y: Math.round(r.top + r.height / 2) };
+}
+
+function locateTarget(kind, arg) {
+  if (kind === "db-trigger") {
+    const el = findDbTrigger();
+    return el ? rectCenterOf(el) : null;
+  }
+  if (kind === "entry-button") {
+    // arg=按钮归一化文本片段，取文本最短的可命中项（通常是真正的入口小按钮）
+    const btn = [...document.querySelectorAll("button")]
+      .filter(b => b.offsetParent !== null && !b.disabled && normText(b).includes(String(arg || "")))
+      .sort((a, b) => normText(a).length - normText(b).length)[0];
+    return btn ? rectCenterOf(btn) : null;
+  }
+  return null;
+}
+
+// 容器内可点元素取叶子节点（内部不含其他命中元素），避免坐标落在整块外层容器上误击
+function collectLeafItems(scopes, maxItems) {
+  const hits = [];
+  for (const sc of scopes) {
+    sc.querySelectorAll("li,[role=menuitem],[role=option],[class*=item],a,button,td").forEach(el => {
+      if (el.offsetParent === null) return;
+      const t = normText(el);
+      if (!t || t.length > 48) return;
+      hits.push({ el, t });
+    });
+  }
+  return hits
+    .filter(h => !hits.some(o => o !== h && h.el.contains(o.el)))
+    .slice(0, maxItems || 40)
+    .map(h => ({ text: h.t, rect: rectCenterOf(h.el) }));
+}
+
+function listDropdownOptionsWithRects() {
+  const dd = visibleDbDropdown();
+  if (!dd) {
+    // 诊断随行：下拉未出现时带回焦点元素与 listbox 节点是否存在于 DOM
+    const ae = document.activeElement;
+    return {
+      ready: false,
+      activeEl: ae ? { cls: String(ae.className || "").slice(0, 80), id: ae.id || "", tag: ae.tagName } : null,
+      listboxInDom: !!document.querySelector("[role=listbox]"),
+      listboxOptions: document.querySelectorAll("[role=listbox] .ant-select-item-option").length,
+    };
+  }
+  const nodes = [...dd.querySelectorAll(".ant-select-item-option, [role=option]")];
+  if (nodes.length === 0) return { ready: false };
+  // rc-virtual-list 会为每个选项渲染一份隐藏"测量行"（零尺寸），
+  // 其坐标漂移会导致点错行——过滤零尺寸后按文本去重，只留真实可见行
+  const real = nodes
+    .map(o => {
+      const r = o.getBoundingClientRect();
+      const text = o.getAttribute("title") || o.textContent || "";
+      return {
+        text: text.trim(),
+        disabled: /disabled/.test(o.className),
+        x: Math.round(r.left), y: Math.round(r.top), w: Math.round(r.width), h: Math.round(r.height),
+      };
+    })
+    .filter(o => o.text && o.w > 0 && o.h > 0);
+  const byText = new Map();
+  for (const o of real) if (!byText.has(o.text)) byText.set(o.text, o);
+  const options = [...byText.values()].map(o => ({
+    text: o.text, disabled: o.disabled,
+    rect: { x: Math.round(o.x + o.w / 2), y: Math.round(o.y + o.h / 2) },
+  }));
+  return { ready: options.length > 0, options };
+}
+
+function listOverlayItems() {
+  const scopes = [...document.querySelectorAll(
+    ".ant-modal,.ant-drawer,.ant-dropdown,.ant-popover,[class*=drawer],[class*=modal]"
+  )].filter(el => el.offsetParent !== null);
+  return { items: collectLeafItems(scopes, 40) };
+}
+
+// ---------- 切源弹层（元素级枚举/点击，不依赖坐标）----------
+// modal/portal 场景 offsetParent 判可见不可靠（fixed 祖先/动画态返回 null），
+// 用 getClientRects() 判"已布局"；点击直接在元素上派发事件（React 合成事件可达）
+function laidOut(el) {
+  try {
+    const r = el.getBoundingClientRect();
+    return el.getClientRects().length > 0 && r.width > 1 && r.height > 1;
+  } catch { return false; }
+}
+
+function overlayScopes() {
+  return [...document.querySelectorAll(
+    ".ant-modal,.ant-drawer,.ant-dropdown,.ant-popover,[class*=drawer],[class*=modal]"
+  )].filter(laidOut);
+}
+
+function overlayLeafElements() {
+  // scope 互相嵌套（mask⊃wrap⊃modal），同一元素会被重复收集；
+  // 且 el.contains(自身)===true，重复对象会在叶子过滤时互相"包含"而全军覆没
+  // （实测 rawCount=255 全有效、叶子过滤后=0 的根因）——先按元素去重再过滤
+  const seen = new Set();
+  const hits = [];
+  for (const sc of overlayScopes()) {
+    sc.querySelectorAll("li,[role=menuitem],[role=option],[class*=item],a,button,td").forEach(el => {
+      if (seen.has(el) || !laidOut(el)) return;
+      seen.add(el);
+      const t = normText(el);
+      if (!t || t.length > 48) return;
+      hits.push({ el, t });
+    });
+  }
+  return hits.filter(h => !hits.some(o => o.el !== h.el && h.el.contains(o.el)));
+}
+
+function listSourceModalItems() {
+  // 自诊断版：带回每一级过滤的计数与原始命中，定位"哪一步滤没了"
+  const scopes = overlayScopes();
+  let raw = [];
+  for (const sc of scopes) {
+    sc.querySelectorAll("li,[role=menuitem],[role=option],[class*=item],a,button,td").forEach(el => {
+      raw.push({ el, laidOut: laidOut(el), t: normText(el) });
+    });
+  }
+  const leaves = overlayLeafElements();
+  return {
+    items: leaves.map(h => h.t).slice(0, 40),
+    debug: {
+      scopeCount: scopes.length,
+      scopeCls: scopes.slice(0, 3).map(s => String(s.className).slice(0, 80)),
+      rawCount: raw.length,
+      rawLaidOut: raw.filter(r => r.laidOut).length,
+      rawTextOk: raw.filter(r => r.laidOut && r.t && r.t.length <= 48).length,
+      sample: raw.filter(r => r.laidOut && r.t).slice(0, 12).map(r => r.t.slice(0, 30)),
+    },
+  };
+}
+
+function clickSourceItem(target) {
+  const wanted = String(target || "").replace(/\s+/g, "");
+  const leaves = overlayLeafElements();
+  if (leaves.length === 0) return { ok: false, error: "弹层未打开或无可选项" };
+  const matches = leaves.filter(h => h.t.includes(wanted));
+  if (matches.length === 0) {
+    return { ok: false, error: "弹层中无匹配的数据源", candidates: leaves.map(h => h.t).slice(0, 30) };
+  }
+  if (matches.length > 1) {
+    const exact = matches.find(h => h.t === wanted);
+    if (!exact) {
+      return { ok: false, error: "目标命中多个候选，需精确名称", candidates: matches.map(h => h.t) };
+    }
+    matches.length = 0;
+    matches.push(exact);
+  }
+  ["mousedown", "mouseup", "click"].forEach(t =>
+    matches[0].el.dispatchEvent(new MouseEvent(t, { bubbles: true, cancelable: true, view: window })));
+  return { ok: true, clicked: matches[0].t };
+}
+// ---------- 点选下拉中的目标选项（在元素上直接派发事件，无坐标漂移）----------
+function clickDropdownOption(target) {
+  const dd = visibleDbDropdown();
+  if (!dd) return { ok: false, error: "dropdown not open" };
+  const nodes = [...dd.querySelectorAll(".ant-select-item-option, [role=option]")]
+    .filter(o => { const r = o.getBoundingClientRect(); return r.width > 0 && r.height > 0; });
+  const norm = s => (s || "").replace(/\s+/g, "");
+  const textOf = o => (o.getAttribute("title") || o.textContent || "").trim();
+  const hit = nodes.find(o => norm(textOf(o)) === norm(target))
+           || nodes.find(o => norm(textOf(o)).includes(norm(target)));
+  if (!hit) {
+    return { ok: false, error: "option not found", options: nodes.map(textOf).slice(0, 30) };
+  }
+  if (/disabled/.test(hit.className)) return { ok: false, error: "目标库为禁用状态（无权限）", target };
+  ["mousedown", "mouseup", "click"].forEach(t =>
+    hit.dispatchEvent(new MouseEvent(t, { bubbles: true, cancelable: true, view: window })));
+  return { ok: true, clicked: textOf(hit) };
+}
+
+// ---------- 消息处理 ----------
   chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
     if (!msg || !msg.type) return;
 
@@ -249,10 +651,27 @@
     }
     if (msg.type === "yr-ping") {
       detectEditor().then(editor => {
+        // 切源入口 / Select 状态 / 当前路由，辅助诊断切库链路
+        const hasSourceEntry = [...document.querySelectorAll("button")]
+          .some(b => b.offsetParent !== null && normText(b).includes("切换数据源"));
+        const selects = [...document.querySelectorAll(".ant-select")]
+          .filter(s => s.offsetParent !== null).slice(0, 6)
+          .map(s => {
+            const valueEl = s.querySelector(".ant-select-selection-item");
+            const phEl = s.querySelector(".ant-select-selection-placeholder");
+            return {
+              value: valueEl ? (valueEl.getAttribute("title") || valueEl.textContent || "").trim() : "",
+              placeholder: phEl ? (phEl.textContent || "").trim() : "",
+              disabled: /disabled/.test(s.className),
+            };
+          });
         sendResponse({
           ok: true,
           editor,
           buttons: findQueryButtons().slice(0, 20),
+          sourceEntry: hasSourceEntry,
+          selects,
+          hash: location.hash,
         });
       });
       return true;  // 异步响应
@@ -265,6 +684,123 @@
       sendResponse(clickQuery());
       return true;
     }
+    if (msg.type === "yr-source-switch") {
+      switchDataSource(msg.target).then(sendResponse);
+      return true;
+    }
+    if (msg.type === "yr-db-select") {
+      selectDatabase(msg.database).then(sendResponse);
+      return true;
+    }
+    if (msg.type === "yr-focus-db") {
+      // 程序化聚焦库选择器的搜索输入框（focus 无需受信任事件，随后键盘事件才有效）
+      const trigger = findDbTrigger();
+      const input = trigger?.querySelector("input");
+      if (!input) {
+        sendResponse({
+          ok: false,
+          error: "库选择器内未找到 input",
+          triggerCls: trigger ? String(trigger.className).slice(0, 100) : null,
+          selects: [...document.querySelectorAll(".ant-select")].map(selectDumpLite).slice(0, 10),
+        });
+        return true;
+      }
+      input.focus();
+      const ae = document.activeElement;
+      sendResponse({
+        ok: ae === input || (ae && input.contains(ae)) || ae === trigger,
+        focused: ae === input,
+        activeCls: String(ae?.className || "").slice(0, 80),
+        activeTag: ae?.tagName,
+      });
+      return true;
+    }
+    if (msg.type === "yr-db-click-option") {
+      sendResponse(clickDropdownOption(msg.database));
+      return true;
+    }
+    if (msg.type === "yr-source-items") {
+      sendResponse(listSourceModalItems());
+      return true;
+    }
+    if (msg.type === "yr-source-click") {
+      sendResponse(clickSourceItem(msg.target));
+      return true;
+    }
+    if (msg.type === "yr-locate") {
+      const rect = locateTarget(msg.kind, msg.arg);
+      if (rect) { sendResponse({ ok: true, rect }); return true; }
+      // 定位失败带回全量 select 候选（含可见性与尺寸），便于判读页面结构
+      sendResponse({
+        ok: false,
+        error: "target not found: " + (msg.kind || ""),
+        selects: [...document.querySelectorAll(".ant-select")].map(selectDumpLite).slice(0, 10),
+      });
+      return true;
+    }
+    if (msg.type === "yr-options") {
+      sendResponse(listDropdownOptionsWithRects());
+      return true;
+    }
+    if (msg.type === "yr-overlay-items") {
+      sendResponse(listOverlayItems());
+      return true;
+    }
+    if (msg.type === "yr-hash") {
+      sendResponse({ ok: true, hash: location.hash });
+      return true;
+    }
+    if (msg.type === "yr-active-element") {
+      const el = document.activeElement;
+      sendResponse(el ? { ok: true, cls: String(el.className || "").slice(0, 100), id: el.id || "", tag: el.tagName } : { ok: false });
+      return true;
+    }
+    if (msg.type === "yr-dom-probe") {
+      // 只读探测：抓 Select / 下拉层 / 弹窗的真实类名与文本，用于诊断未知 UI 结构
+      const dump = (el) => ({
+        cls: String(el.className || "").slice(0, 120),
+        text: normText(el).slice(0, 60),
+        visible: el.offsetParent !== null,
+      });
+      try {
+        const rectOf = (el) => {
+          const r = el.getBoundingClientRect();
+          return { x: Math.round(r.left), y: Math.round(r.top), w: Math.round(r.width), h: Math.round(r.height) };
+        };
+        const selectDump = (el) => ({
+          cls: String(el.className || "").slice(0, 120),
+          text: normText(el).slice(0, 60),
+          visible: el.offsetParent !== null,
+          rect: rectOf(el),
+          inForm: !!el.closest("form"),
+          html: el.outerHTML.replace(/\s+/g, " ").slice(0, 500),
+        });
+        // 用与编排一致的定位逻辑回看"到底选中了哪个节点"
+        const trigEl = findDbTrigger();
+        sendResponse({
+          ok: true,
+          hash: location.hash,
+          selects: [...document.querySelectorAll(".ant-select")].map(selectDump),
+          triggerLocated: trigEl ? selectDump(trigEl) : null,
+          metaNow: readYearningMeta(),
+          dropdownsAny: [...document.querySelectorAll("[class*=dropdown]")]
+            .slice(0, 8)
+            .map(el => ({ cls: String(el.className || "").slice(0, 100), visible: el.offsetParent !== null, text: normText(el).slice(0, 60) })),
+          optionCount: document.querySelectorAll(".ant-select-item-option").length,
+          overlays: [...document.querySelectorAll(".ant-modal,.ant-drawer,.ant-popover")]
+            .filter(el => el.offsetParent !== null)
+            .map(el => ({
+              cls: String(el.className || "").slice(0, 100),
+              text: normText(el).slice(0, 100),
+              btns: [...el.querySelectorAll("button,li,[role=menuitem],[role=option]")]
+                .map(b => normText(b)).filter(t => t && t.length <= 30).slice(0, 15),
+            })),
+        });
+      } catch (e) {
+        sendResponse({ ok: false, error: e.message });
+      }
+      return true;
+    }
     if (msg.type === "yr-new-sql") {
       // 新建 SQL 窗口：点工具栏新建按钮，等新编辑器渲染。
       // 避免把 SQL 注入用户正在看/正在用的已有编辑器。
@@ -288,8 +824,8 @@
       return true;
     }
     if (msg.type === "yr-focus-editor") {
-      // CDP 注入前置：聚焦 monaco 的 inputarea（Input.insertText 作用于焦点元素）
-      const ta = document.querySelector(".monaco-editor textarea.inputarea")
+      // CDP 注入前置：聚焦当前可见 tab 的 monaco inputarea（Input.insertText 作用于焦点元素）
+      const ta = activeMonaco()?.querySelector("textarea.inputarea")
         || document.querySelector("textarea");
       if (!ta) { sendResponse({ ok: false, error: "no inputarea" }); return true; }
       ta.focus();
@@ -311,5 +847,5 @@
     }
   });
 
-  console.log(TAG, "Yearning content script loaded at", location.href);
+  console.log(TAG, "Yearning content script v" + chrome.runtime.getManifest().version + " loaded at", location.href);
 })();

package/files/extension/manifest.json

@@ -1,8 +1,8 @@
 {
   "manifest_version": 3,
   "name": "JumpServer 终端桥接",
-  "version": "2.0.0",
-  "description": "桥接 JumpServer Web 终端，让 Agent 能远程执行命令并获取输出",
+  "version": "3.3.0",
+  "description": "终端桥接：JumpServer / Arthas / Yearning，让 Agent 能通过浏览器执行命令、收结果与查数据",
   "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAtsnqR6PcFUueZwYria79tVbstvjk+tM7PpvIXILm5xbd6bAdjDIhzg3lsnKioVfvxjfvT+s6vJsiOYa9ojVZyJMFc5m/05TYqr770ovYwQmz0e88fmiy6dUoSulbtKvBCSLbN6OOL7u+ul8ixLZ/HautxSmou/eNgAFPmhE+4UueE7wfCqcgMYvjLvEzlqTVumMW+5LKw9YsRk6WhHPghY1a3MVUn3eQOWXBtQTEUy3wBM3v4wHxLwDeinVOR4f/P87IlUNo84C5DeimoFit0qCj3K04hS8MIYCLCYZc3v9ftRJDJBkAoah6Eaqj7JajbS3KvLR1ctOYfDhubgmURQIDAQAB",
   "permissions": ["debugger", "tabs", "alarms", "webNavigation", "nativeMessaging", "scripting", "downloads", "storage"],
   "background": {

package/files/extension/popup.html

@@ -184,8 +184,8 @@
   </style>
 </head>
 <body>
-  <h3>🔌 终端桥接</h3>
-  <div class="subtitle">JumpServer · Arthas Web Console</div>
+  <h3>🔌 终端桥接 <span id="extVersion" style="font-size:10px;color:#bbb;font-weight:400;"></span></h3>
+  <div class="subtitle">JumpServer · Arthas Web Console · Yearning</div>
 
   <div class="section" style="margin-top:8px;padding-top:0;border:none;">
     <div class="status-line">

package/files/extension/popup.js

@@ -326,6 +326,9 @@ document.getElementById('btnCopyInstall').onclick = () => {
 setInterval(() => { refreshXterm(); refreshProxy(); refreshCsvList(); refreshYearningTabs(); }, 3000);
 refreshXterm();
 refreshProxy();
+// 版本号显性化：与 manifest 一致，排查"加载的是不是最新代码"
+try { document.getElementById('extVersion').textContent = 'v' + chrome.runtime.getManifest().version; } catch {}
+
 // 启动时主动探测一次 native host：发个 status，失败就显示安装提示
 chrome.runtime.sendMessage({ type: 'PROXY_STATUS' }, (res) => {
   if (isNativeHostMissing(res)) showInstallHint(true);