@lyra_wang/dsh-terminal-context 0.3.0 → 0.4.0

package/client.js

@@ -1,56 +1,76 @@
 /**
- * 界面侧 · 读终端画面（v0.3.0）
+ * 界面侧 · 读侧边栏（v0.4.0）
  *
- * 走的是"看屏幕"这条路，不是接口：终端是 xterm 渲染的 DOM，和对话在同一个页面里，
- * 所以直接读渲染出来的行即可 —— 和"豆包看着 Word 的界面操作 Word"同一个思路。
+ * 原来只读终端的 .xterm-rows。但侧边栏不止终端 —— 还可能挂着浏览器面板，
+ * 两者都是"你眼前的东西"，都该进 Agent 的上下文。
  *
- * 为什么不用 terminalController：客户端 `ctx` 上只有 `fiber`，服务名找不到；
- * 而 DOM 这条路不依赖任何内部 API。
+ * 做法：先按已知结构读终端；再扫一遍可能的侧边栏容器，把它们的结构一起推回去。
+ * 为什么要推结构：不同面板的 DOM 差别很大，与其猜选择器，不如让页面自己报告
+ * "有哪些容器、各有多少字"，下一版照着写就一次到位。
  *
- * 三条硬约束（上次事故的教训）：
- *   1. inject: []        —— 没有依赖，就不可能 pending，不可能拖垮启动
- *   2. 全部 try/catch    —— 一个异常不该让界面白屏
- *   3. 只读              —— 不改终端、不发输入
+ * 三条硬约束（v0.1 事故的教训）：
+ *   inject: []      不声明依赖 → 不可能 pending → 不会拖垮启动
+ *   全部 try/catch  读失败只是"没数据"，不白屏
+ *   只读            不点击、不输入
  */
 window.__ModuleLoader__.load({
   id: '@lyra_wang/dsh-terminal-context',
   factory() {
-    const MAX_LINES = 60
-    const readScreen = () => {
-      // xterm 把可见区渲染成 .xterm-rows 下的若干行
+    const MAX = 80
+    const clean = (t) => (t || '').replace(/\u00a0/g, ' ').replace(/[ \t]+$/gm, '')
+
+    const readTerminal = () => {
       const rows = document.querySelectorAll('.xterm-rows > div')
-      if (!rows.length) {
-        const screen = document.querySelector('.xterm-screen')
-        if (!screen) return null
-        const text = (screen.innerText || '').split('\n')
-        return text.slice(-MAX_LINES)
-      }
-      const lines = []
-      for (const row of rows) {
-        const text = (row.textContent || '').replace(/\u00a0/g, ' ').replace(/\s+$/, '')
-        lines.push(text)
+      if (!rows.length) return null
+      const out = []
+      for (const r of rows) out.push(clean(r.textContent))
+      while (out.length && !out[0].trim()) out.shift()
+      while (out.length && !out[out.length - 1].trim()) out.pop()
+      return out.slice(-MAX)
+    }
+
+    // 扫可能的侧边栏容器。命中后连结构和样本一起带回去，供下一版锁定选择器。
+    const scanPanels = () => {
+      const hits = []
+      const seen = new Set()
+      const nodes = document.querySelectorAll('[class*="sidebar"],[class*="rightbar"],[class*="panel"],[class*="terminal"],[class*="browser"],[id*="sidebar"],[id*="panel"]')
+      for (const el of nodes) {
+        if (seen.has(el) || el === document.body) continue
+        seen.add(el)
+        const text = clean(el.innerText || '')
+        if (text.length < 40) continue
+        hits.push({
+          tag: el.tagName.toLowerCase(),
+          cls: String(el.className || '').slice(0, 80),
+          chars: text.length,
+          sample: text.slice(0, 120).replace(/\n+/g, ' ⏎ '),
+        })
+        if (hits.length >= 8) break
       }
-      while (lines.length && !lines[0].trim()) lines.shift()
-      while (lines.length && !lines[lines.length - 1].trim()) lines.pop()
-      return lines.slice(-MAX_LINES)
+      return hits
     }
+
     return {
       inject: [],
       apply(ctx) {
-        let last = ''
+        let lastKey = ''
         const push = () => {
           try {
-            const lines = readScreen()
-            if (lines === null) return
-            const joined = lines.join('\n')
-            if (joined === last) return
-            last = joined
+            const lines = readTerminal()
+            const panels = scanPanels()
+            const key = JSON.stringify([lines && lines.slice(-5), panels.map((p) => p.cls + p.chars)])
+            if (key === lastKey) return
+            lastKey = key
             fetch('/plugins/terminal-context/push', {
               method: 'POST',
               headers: { 'content-type': 'application/json' },
-              body: JSON.stringify({ lines, truncated: lines.length >= MAX_LINES, diag: null }),
+              body: JSON.stringify({
+                lines: lines || [],
+                truncated: !!(lines && lines.length >= MAX),
+                diag: panels.length ? { panels } : null,
+              }),
             }).catch(() => {})
-          } catch { /* 静默：读屏失败不能影响界面 */ }
+          } catch { /* 静默 */ }
         }
         try {
           ctx.effect(() => {

package/locale/en.json

@@ -1 +1,6 @@
-{ "meta": { "title": "DSH Terminal Context", "description": "Feeds the DSH sidebar terminal's recent output to the agent so its next step matches what is actually on screen." } }
+{
+  "meta": {
+    "title": "DSH Sidebar Context",
+    "description": "Feeds the DSH sidebar's current content (terminal / browser panel) to the agent so its next step matches what is on screen."
+  }
+}

package/locale/zh.json

@@ -1 +1,6 @@
-{ "meta": { "title": "DSH 终端上下文", "description": "把 DSH 侧边栏终端最近若干行交给 Agent，让它给的下一步依据你当前的真实处境。" } }
+{
+  "meta": {
+    "title": "DSH 侧边栏上下文",
+    "description": "把 DSH 侧边栏当前显示的内容（终端 / 浏览器面板）交给 Agent，让它依据你眼前真实的东西给下一步。"
+  }
+}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@lyra_wang/dsh-terminal-context",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "type": "module",
-  "description": "把侧边栏终端最近若干行交给 Agent，作为它判断当前处境的上下文。",
+  "description": "把 DSH 侧边栏当前显示的内容（终端 / 浏览器面板）交给 Agent，作为它判断当前处境的上下文。",
   "exports": {
     ".": "./index.js",
     "./locale/*.json": "./locale/*.json",