dsh-composer-ease 0.0.0-stage → 0.9.66

package/lib/client/30-popup.js

@@ -0,0 +1,320 @@
+// ── 模块：补全弹层 ────────────────────────────────
+// 弹层 DOM、候选渲染与行样式、光标定位、类型图标、以及本文词（contextWords）的收集。
+// 本文件是 lib/client.js 的片段，由 tools/build-client.mjs 按序拼回；不要直接改生成物 lib/client.js。
+
+    var popup = { root: null, items: [], index: 0, open: false, sig: '', wm: null }
+    function ensurePopup() {
+      if (popup.root) return popup.root
+ // 同一页面可能被装了两份插件（本地路径 + GitHub 各一份）：复用已有的同一个元素，
+ // 否则两套实例各画一个弹层，就成了「一个在输入框左上、一个在光标后」的两个框（实测）。
+      var exist = document.getElementById('dsh-cp-popup')
+      if (exist) { popup.root = exist; return exist }
+      var d = document.createElement('div')
+      d.id = 'dsh-cp-popup'
+      d.setAttribute('data-dsh-plugin', 'dsh-composer-ease')
+      d.style.cssText = 'position:fixed;z-index:2147480000;display:none;overflow-y:auto;overflow-x:hidden;' +
+        'border:1px solid var(--dsw-alias-border-l2,#333);border-radius:8px;' +
+        'background:var(--dsw-alias-bg-layer-2,#1e1e1e);color:var(--dsw-alias-label-primary,inherit);' +
+        'font:var(--dsw-font-xs,12.5px)/1.6 ui-monospace,Consolas,monospace;box-shadow:0 8px 24px rgba(0,0,0,.35)'
+      document.body.appendChild(d)
+      popup.root = d
+      return d
+    }
+ /** 光标（caret）位置：弹层锚在光标上，而不是输入框左边缘 —— 否则一行长文时弹层会盖住半个视野。
+ * 只读地量，不往宿主 DOM 里塞临时节点（那会扰动 Lexical）。 */
+    function caretRect(ed) {
+      try {
+        if (!isText(ed)) {
+          var sel = window.getSelection()
+          if (sel && sel.rangeCount) {
+            var r = sel.getRangeAt(0).cloneRange()
+            var rects = r.getClientRects()
+            if (rects && rects.length) return rects[rects.length - 1]
+            var b = r.getBoundingClientRect()
+            if (b && (b.width || b.height || b.top)) return b
+          }
+        }
+      } catch (e) {}
+      return ed.getBoundingClientRect()
+    }
+    function itemsSignature(items) {
+      var out = []
+      for (var i = 0; i < items.length; i++) out.push(items[i].kind + ':' + items[i].value)
+      return out.join('|')
+    }
+    function escapeHtml(s) {
+      return String(s).replace(/[&<>"]/g, function (c) { return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c] })
+    }
+ /** 命中字符加粗 —— VS Code 的建议列表就是这么标的（位置由服务端 fuzzyScore 给）。 */
+    function boldHtml(label, matches) {
+      var out = '', at = 0, s = String(label)
+      for (var i = 0; i < matches.length; i++) {
+        var idx = matches[i]
+        if (idx < at || idx >= s.length) continue
+        if (idx > at) out += escapeHtml(s.slice(at, idx))
+        out += '<b>' + escapeHtml(s[idx]) + '</b>'
+        at = idx + 1
+      }
+      if (at < s.length) out += escapeHtml(s.slice(at))
+      return out
+    }
+ /** 列表右侧那个淡淡的类型词（VS Code 也只在右侧挂一个短类型）。 */
+    function kindLabel(it) {
+      if (it.src === 'context') return '上下文'
+      if (it.src === 'composer') return '本文'
+      if (it.kind === 'file') return '文件'
+      if (it.kind === 'model') return '模型'
+      if (it.kind === 'snippet') return '片段'
+      var d = String(it.detail || '')
+      if (d.indexOf('标签') >= 0) return '元素'
+      if (d.indexOf('属性') >= 0) return '属性'
+      if (d.indexOf('关键字') >= 0) return '关键字'
+      if (d.indexOf('词表') >= 0) return '词表'
+      return ''
+    }
+ /** 类型图标（VS Code 的建议框左侧就是图标；小方块 + 首字，纯 SVG，不用图片资源）。 */
+    function kindIcon(it) {
+      var label = kindLabel(it)
+      var color = it.kind === 'file' ? '#7aa2f7' : (it.src === 'context' ? '#9ece6a' : (it.kind === 'model' ? '#e0af68' : '#9aa5b1'))
+      var ch = label ? label.slice(0, 1) : '·'
+      return '<svg width="12" height="12" viewBox="0 0 12 12" aria-hidden="true">' +
+        '<rect x="0.5" y="0.5" width="11" height="11" rx="2.5" fill="none" stroke="' + color + '" stroke-opacity="0.55"/>' +
+        '<text x="6" y="8.6" text-anchor="middle" font-size="7" fill="' + color + '">' + escapeHtml(ch) + '</text></svg>'
+    }
+
+ /** 只取**对话正文区**，不取整页（改）。
+ * 宿主给的锚点在 0.2.0-rc.2 的 dsh-client-ui-chat 里实测有两处：
+ * `[data-conversation-scroll]` 与 `[data-slot="conversation.chat.node"]`。
+ * 为什么不读 document.body：左侧栏与设置面板里的词不是「对话内容」，算进候选既跑题，
+ * 又会把弹层自己画出来的候选再喂回池子（自我喂养）。抓不到就回空串 —— 上层自然退回只看草稿，
+ * 不抛错、不往宿主 DOM 里写任何东西。 */
+    function conversationText() {
+      try {
+        var box = document.querySelector ? document.querySelector('[data-conversation-scroll]') : null
+        if (!box || !box.innerText) {
+          var node = document.querySelector ? document.querySelector('[data-slot="conversation.chat.node"]') : null
+          box = node ? (node.parentNode || null) : null
+        }
+        var txt = box && box.innerText ? String(box.innerText) : ''
+        return txt.length > 40 ? txt.slice(-12000) : ''
+      } catch (e) { return '' }
+    }
+
+ /** 上下文候选：把**对话正文区**里的标识符挖出来（只读，不动宿主 DOM）。
+ * 这是「提示内容跟上下文强关联」的来源：对话里出现过的词，打前缀就能补出来。2 秒缓存。 */
+    var ctxCache = { text: '', words: [], at: 0 }
+    function contextWords(ed) {
+      try {
+        var now = Date.now()
+        if (now - ctxCache.at < 2000 && ctxCache.words.length) return ctxCache.words
+ // 只吃对话正文（不裁剪：实测用 split(草稿) 抠自己人时，
+ // 「inst」是「install_quarantine」的子串，会把上下文里的词劈坏）。自己人的重复交给去重处理。
+        var text = conversationText()
+        var counts = {}, m
+ // 汉字词也收（2~8 个连续汉字算一个词）：「文档」「变量」这类中文词不进池子，
+ // 光靠英文标识符就永远补不出来（指出）。
+        var re = /[A-Za-z_][A-Za-z0-9_]{3,}|[\u4e00-\u9fff]+/g
+        var CJK_STOP = { 我们: 1, 你们: 1, 他们: 1, 这个: 1, 那个: 1, 一个: 1, 什么: 1, 怎么: 1,
+                         因为: 1, 所以: 1, 然后: 1, 如果: 1, 就是: 1, 可以: 1, 没有: 1, 已经: 1,
+                         还是: 1, 但是: 1, 而且: 1, 现在: 1 }
+        var STOP = { this: 1, that: 1, with: 1, from: 1, your: 1, have: 1, will: 1, that: 1, there: 1, their: 1, what: 1,
+                     when: 1, then: 1, than: 1, they: 1, been: 1, were: 1, void: 1, true: 1, false: 1, null: 1 }
+        while ((m = re.exec(text)) !== null) {
+          var w = m[0]
+          var low = w.toLowerCase()
+          if (STOP[low] || CJK_STOP[w]) continue
+ // 汉字串整个跳过：没有分词器时切出来的 n 字块会把整句贴回弹层；中文候选交给服务端词典。
+          if (/^[\u4e00-\u9fff]+$/.test(w)) continue
+          counts[w] = (counts[w] || 0) + 1
+        }
+        var words = Object.keys(counts).sort(function (a, b) { return counts[b] - counts[a] || (a < b ? -1 : 1) }).slice(0, 120)
+        ctxCache = { text: text, words: words, at: now }
+        return words
+      } catch (e) { return [] }
+    }
+
+ /** 候选选中行：可见的淡蓝底 + 左侧强调条（VS Code 的 activeSelection 观感）。 */
+    var SEL_STYLE = 'background:rgba(86,140,224,.22) !important;box-shadow:inset 2px 0 0 0 #4c8dff;'
+
+ /** 显示层折叠（一次反馈）：
+ * harness/依赖目录里的文件不展开长路径，只显示 `dsh: <文件名>`；其它类型原样。
+ * 只影响**显示**，插进正文的仍是完整路径（it.value）。 */
+    var HARNESS_LABEL = /(deepseek[-_]harness|dsh-(fixes|kit|shim|020rc2|017)|node_modules|(^|\/)plugins\/)/i
+    function foldLabel(it) {
+      var v = String(it.value || '')
+      if (it.kind !== 'file' || !HARNESS_LABEL.test(v)) return v
+      var base = v.slice(v.lastIndexOf('/') + 1)
+      return 'dsh: ' + base
+    }
+
+ /* 标红画在**文字底下**（每一行的文字框底边），不是输入框底边：
+  * 输入框底边离文字约 27px，看起来像给整个框描一道线，和「这个词有问题」无关。
+  * 用固定定位的覆盖层逐行画，不动宿主 DOM（Lexical 会重建节点、也会把行内样式冲掉）。 */
+    var warnLayer = null, warnKey = ''
+    function ensureWarnLayer() {
+      if (warnLayer && warnLayer.parentNode) return warnLayer
+      var exist = document.getElementById('dce-quote-warn-layer')
+      if (exist) { warnLayer = exist; return exist }
+      var d = document.createElement('div')
+      d.id = 'dce-quote-warn-layer'
+      d.setAttribute('data-dsh-plugin', 'dsh-composer-ease')
+      d.setAttribute('aria-hidden', 'true')
+      d.style.cssText = 'position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;z-index:2147479990'
+      document.body.appendChild(d)
+      warnLayer = d
+      return d
+    }
+    function paintQuoteWarn(ed, idx) {
+      try {
+        var layer = ensureWarnLayer()
+        if (idx === undefined || idx < 0) { if (layer.childNodes.length) layer.innerHTML = ''; warnKey = ''; return }
+        var box = composerOf(ed) || ed
+ // 只量**那一个字符**的盒子：一行里只有这个引号没闭合，画整行会让人以为整句都错了。
+        var rect = null
+        var walker = document.createTreeWalker(box, 4 /* SHOW_TEXT */, null)
+        var node, acc = 0
+        while ((node = walker.nextNode())) {
+          var len = (node.nodeValue || '').length
+          if (idx < acc + len) {
+            var r = document.createRange()
+            var at = idx - acc
+            r.setStart(node, at)
+            r.setEnd(node, Math.min(len, at + 1))
+            var rects = r.getClientRects()
+            if (rects && rects.length) rect = rects[0]
+            break
+          }
+          acc += len
+        }
+        if (!rect) { if (layer.childNodes.length) layer.innerHTML = ''; return }
+        var sig = Math.round(rect.left) + ',' + Math.round(rect.bottom) + ',' + Math.round(rect.width)
+        if (sig === warnKey) return
+        warnKey = sig
+        layer.innerHTML = ''
+        var wave = document.createElement('div')
+        wave.style.cssText = 'position:fixed;left:' + Math.round(rect.left) + 'px;top:' + Math.round(rect.bottom - 3) + 'px;' +
+          'width:' + Math.max(6, Math.round(rect.width)) + 'px;height:4px;background-repeat:repeat-x;background-position:left top;' +
+          'background-size:8px 4px;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'8\' height=\'4\'><path d=\'M0 3 Q2 0 4 3 T8 3\' fill=\'none\' stroke=\'%23e5534b\' stroke-width=\'1.2\'/></svg>")'
+        layer.appendChild(wave)
+      } catch (e) {}
+    }
+    function renderPopup(anchor, force) {
+      var d = ensurePopup()
+      var sig = itemsSignature(popup.items) + '#' + (popup.wm ? popup.wm.text + popup.wm.angle : '')
+      if (!force && popup.open && sig === popup.sig) return   // 列表没变就别重画：打字快时不再抖
+      popup.sig = sig
+      d.innerHTML = ''
+ // 语言水印（定的口径）：不再在顶上写「据对话推断 · java」那种句子，
+ // 只把**语言词表的语言名**做成底纹压在右下角，斜排、透明；语言越多越斜，封顶 45°。
+ // 纯装饰：不吃点击、不进无障碍树，没有语言时整块不渲染。
+      if (popup.wm && popup.wm.text) {
+        var wm = document.createElement('div')
+        wm.setAttribute('data-dsh-cp-wm', '1')
+        wm.setAttribute('aria-hidden', 'true')
+        wm.style.cssText = 'position:absolute;right:6px;bottom:2px;pointer-events:none;user-select:none;' +
+          'transform:rotate(-' + popup.wm.angle + 'deg);transform-origin:right bottom;' +
+          'font-size:18px;font-weight:700;letter-spacing:.04em;line-height:1;white-space:nowrap;' +
+          'opacity:.15;color:var(--dsw-alias-label-primary,currentColor)'
+        wm.textContent = popup.wm.text
+        d.appendChild(wm)
+      }
+      popup.items.forEach(function (it, i) {
+        var row = document.createElement('div')
+        var label = foldLabel(it)
+        var m = (it.matches && it.matches.length) ? it.matches : null
+ // 布局照 VS Code：左边类型图标、中间标签（命中字符加粗）、**右边**淡类型词——
+ // 类型信息一律在右侧，不会跑到候选名前面去（提的排版问题）。
+        row.innerHTML = '<span style="flex:0 0 auto;line-height:0">' + kindIcon(it) + '</span>' +
+          '<span style="flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' +
+          (m ? boldHtml(label, m) : escapeHtml(label.length > 60 ? label.slice(0, 57) + '…' : label)) + '</span>' +
+          '<span style="flex:0 0 auto;opacity:.4;font-size:11px;font-weight:400;margin-left:8px">' + escapeHtml(kindLabel(it)) + '</span>'
+ // 选中态自己给一套看得见的样式：主题的 interactive-bg-hover 实测是 rgba(38,49,72,.06)，
+ // 深色背景下等于没有（上下键改了选中也看不出来）。
+        row.style.cssText = 'display:flex;align-items:center;gap:6px;padding:3px 10px;cursor:pointer;' +
+          (i === popup.index ? SEL_STYLE : '')
+ // 用**被点这一行**的下标接受：早先只读 popup.index（靠悬停更新），
+ // 没有 hover 时点任何一行都等于接受第一条（报「点击提示框没反应」）。
+        row.onmousedown = function (ev) { ev.preventDefault(); popup.index = i; acceptCurrent() }
+ // 悬停只换高亮：早先这里调 renderPopup 重建整层，鼠标一进去脚下的节点就被换掉，
+ // mousedown 落不到稳定节点 → 「点击提示框没反应」（）。
+        row.onmouseenter = function () {
+          if (popup.index === i) return
+          popup.index = i
+          showGhost(anchor)          // 悬停换选中，行内预览同步（与方向键同一口径）
+          var kids = d.children
+          for (var kk = 0; kk < kids.length; kk++) {
+            kids[kk].style.cssText = kids[kk].style.cssText.split(SEL_STYLE).join('') + (kk === i ? SEL_STYLE : '')
+          }
+        }
+        d.appendChild(row)
+      })
+      if (anchor) {
+        var caret = caretRect(anchor)
+        var vw = window.innerWidth, vh = window.innerHeight
+ // 宽度固定一档（不随候选长短抖），高度封顶，超出滚动 —— VSCode 建议框也是这个路子
+        var width = Math.round(Math.min(520, Math.max(300, vw * 0.36)))
+        var maxH = Math.round(Math.min(260, Math.max(140, vh * 0.3)))
+        d.style.width = width + 'px'
+        d.style.maxWidth = 'none'
+        d.style.maxHeight = maxH + 'px'
+        d.style.left = Math.max(8, Math.min(Math.round(caret.left), vw - width - 8)) + 'px'
+        var roomBelow = vh - Math.round(caret.bottom)
+        if (roomBelow >= maxH + 24) {          // 下面放得下就放下边（VSCode：优先光标下方）
+          d.style.top = Math.round(caret.bottom + 6) + 'px'
+          d.style.bottom = 'auto'
+        } else {                               // 放不下才翻到上方，并贴住光标那一行
+          d.style.bottom = Math.max(8, vh - Math.round(caret.top) + 6) + 'px'
+          d.style.top = 'auto'
+        }
+      }
+      d.style.display = 'block'
+      popup.open = true
+    }
+ /* 行内提示（VSCode 的 inline suggestion 手感，原话「可以在前面添加类似 abc 的提示」）：
+ * 首位候选比已打的前缀多出来的那截，用灰字贴在光标后面；不往宿主 DOM 里插节点，只浮一个 div。 */
+    var ghost = { el: null }
+    function ensureGhost() {
+      if (ghost.el) return ghost.el
+      var existG = document.getElementById('dsh-cp-ghost')
+      if (existG) { ghost.el = existG; return existG }
+      var d = document.createElement('div')
+      d.id = 'dsh-cp-ghost'
+      d.setAttribute('data-dsh-plugin', 'dsh-composer-ease')
+      d.style.cssText = 'position:fixed;z-index:2147479999;display:none;pointer-events:none;white-space:pre;' +
+        'color:var(--dsw-alias-label-secondary,rgba(165,175,190,.8));opacity:.8'
+      document.body.appendChild(d)
+      ghost.el = d
+      return d
+    }
+    function hideGhost() { if (ghost.el) ghost.el.style.display = 'none' }
+    function showGhost(ed, token) {
+      if (!popup.open) return hideGhost()   // 浮层已经收了就别再出灰字（回车后迟到的响应会走到这里）
+      try {
+ // **跟着选中项走**（一次反馈）。
+ // 早先固定取 items[0]，所以上下键改了选中、行内灰字不动 —— VS Code 的 suggest.preview 是随选中变化的。
+        var it = popup.items[popup.index] || popup.items[0]
+        var v = it ? String(it.value || '') : ''
+ // token 缺省时从光标处现取：悬停/方向键这两条路手上没有 prefix 参数。
+        var t = String(token == null ? tokenBefore(textBeforeCaret(ed)) : token)
+        if (!t || !v || v.slice(0, t.length).toLowerCase() !== t.toLowerCase()) return hideGhost()
+        var rest = v.slice(t.length)
+        if (!rest || rest.length > 48) return hideGhost()
+        var d = ensureGhost()
+        var r = caretRect(ed)
+        d.textContent = rest
+        try { d.style.font = window.getComputedStyle(ed).font } catch (e) {}
+        d.style.left = Math.round(r.left) + 'px'
+        d.style.top = Math.round(r.top) + 'px'
+        d.style.display = 'block'
+      } catch (e) { hideGhost() }
+    }
+
+ /* 「弹层代数」：每次 closePopup 就 +1。
+ * 一次反馈——
+ * 真因是候选请求的 .then 在回车清场**之后**才回来，把浮层与灰字又画了一遍。
+ * 发请求那一刻记下代数，响应回来对不上就直接丢弃，别去猜"还能不能画"。 */
+    var popupEpoch = 0
+    function closePopup() { popupEpoch++; if (popup.root) popup.root.style.display = 'none'; popup.open = false; popup.items = []; popup.sig = ''; lastSelText = ''; hideGhost() }
+    var lastPrefix = null, inflight = 0
+
+ /** 草稿里已有的单词（VSCode word based suggestions 的口径：标识符形状、长度≥3、按出现次数排）。 */

package/lib/client/40-language.js

@@ -0,0 +1,174 @@
+// ── 模块：语言判定与候选拉取 ────────────────────────────────
+// docWords、语言投票与语言水印、fetchCandidates（本地词先上屏、网络回来再合并）。
+// 本文件是 lib/client.js 的片段，由 tools/build-client.mjs 按序拼回；不要直接改生成物 lib/client.js。
+
+    function docWords(text, token) {
+      var t = String(token || '').toLowerCase()
+      if (!t) return []
+      var counts = {}, m
+ // 英文标识符 + 连续汉字词（2~8 字）都收；普通长串再补一个 2 字前缀，
+ // 这样「文档里的变量」里也能提出「文档」（要的「像提示变量那样」）。
+      var re = /[A-Za-z_][A-Za-z0-9_]{2,}|[\u4e00-\u9fff]+/g
+      var CJKONLY = /^[\u4e00-\u9fff]+$/
+      while ((m = re.exec(String(text || ''))) !== null) {
+        var w = m[0]
+        if (w.toLowerCase() === t) continue
+ // 汉字串不在这里切片：客户端没有分词器，切出来的 n 字块既可能是句子片段，也得靠一个
+ // 写死的长度上限兜着。中文候选一律交给服务端的词典（lexiconCandidates），边界由数据定。
+        if (CJKONLY.test(w)) continue
+        counts[w] = (counts[w] || 0) + 1
+      }
+      return Object.keys(counts)
+        .filter(function (w) { return w.toLowerCase().indexOf(t) === 0 })
+        .sort(function (a, b) { return counts[b] - counts[a] || a.length - b.length || (a < b ? -1 : 1) })
+        .slice(0, 5)
+        .map(function (w) {
+          var pos = []
+          for (var i = 0; i < t.length; i++) pos.push(i)   // 前缀命中：把已打的那几个字符加粗
+          return { kind: 'word', value: w, detail: '本文', src: 'composer', matches: pos }
+        })
+    }
+
+ /** 草稿里最近一个围栏标记（```js / ```python）当语言提示；没有就交给服务端上公共词表。 */
+    function langHint(text) {
+      var m = String(text || '').match(/```([A-Za-z0-9+#._-]{1,12})/g)
+      return m && m.length ? m[m.length - 1].slice(3) : ''
+    }
+
+    function composerText(ed) {
+      try { return isText(ed) ? ed.value : String((composerOf(ed) || ed).innerText || '') } catch (e) { return '' }
+    }
+
+ /** 语言投票：返回语言 + 票数 + 命中明细。
+ * 同一份投票既决定「上哪张词表」，也决定弹层顶上那行出处（
+ * 「编程语言要和上下文有关联、并让人看见依据」）。票数低于 2 一律判不定。 */
+    var LANG_RULES = [
+      ['python', /\b(def|import|from|elif|lambda|None|True|False|self)\b/g, 1],
+      ['python', /\.py\b|\bpip\b|\bpytest\b|\bvenv\b/g, 2],
+      ['javascript', /\b(const|let|var|function|=>|async|await|module\.exports|require)\b/g, 1],
+      ['javascript', /\.(js|mjs|ts|tsx|json)\b|\bnpm\b|\bnode\b/g, 2],
+      ['html', /<\/?[a-z][a-z0-9-]*\b|\bclass=|\bid=|<\/div>|\b<!doctype\b/gi, 2],
+      ['css', /\b(color|display|margin|padding|font-size|background)\s*:|\{[^}]*:[^}]*\}/g, 1],
+      ['java', /\b(public|private|protected|void|static|implements|extends|new|String)\b|@Override|System\.out|String\[\]/g, 1]
+    ]
+    function inferLangVote(text) {
+      var t = String(text || '')
+      if (!t) return { lang: '', top: 0, hits: {} }
+      var score = {}, hits = {}
+      for (var i = 0; i < LANG_RULES.length; i++) {
+        var m = t.match(LANG_RULES[i][1])
+        if (!m) continue
+        score[LANG_RULES[i][0]] = (score[LANG_RULES[i][0]] || 0) + m.length * LANG_RULES[i][2]
+        hits[LANG_RULES[i][0]] = (hits[LANG_RULES[i][0]] || 0) + m.length
+      }
+      var best = '', top = 0, ranking = []
+      for (var k in score) {
+        if (score[k] > top) { top = score[k]; best = k }
+        if (score[k] >= 2) ranking.push({ lang: k, score: score[k] })
+      }
+      ranking.sort(function (a, b) { return b.score - a.score || (a.lang < b.lang ? -1 : 1) })
+      return { lang: top >= 2 ? best : '', top: top, hits: hits, ranking: ranking }
+    }
+
+ /** 语言水印（口径）：只写**语言名**，不写「据对话推断」这类句子；
+ * 斜角随语言种数增长、封顶 45°（1→14°、2→26°、3→38°、4 及以上→45°）。没有语言就返回 null。 */
+    function watermarkFor(langs) {
+      var list = (langs || []).filter(Boolean).slice(0, 4)
+      if (!list.length) return null
+      return { text: list.join(' · '), angle: Math.min(45, 14 + 12 * (list.length - 1)) }
+    }
+
+ /** 从**上下文文本**（草稿 + 对话正文）推语言：围栏之外的第二条腿。 */
+    function inferLang(text) { return inferLangVote(text).lang }
+
+    function fetchCandidates(prefix, ed) {
+      var draft = composerText(ed)
+      var prefixList = [String(prefix || '')]
+      if (/^[\u4e00-\u9fff]+$/.test(prefixList[0])) {
+        for (var pl2 = 4; pl2 >= 2; pl2--) if (prefixList[0].length >= pl2) prefixList.push(prefixList[0].slice(-pl2))
+      }
+      var local = [], seenDraft = {}
+      for (var di = 0; di < prefixList.length; di++) {
+        var batch = docWords(draft, prefixList[di])
+        for (var bi = 0; bi < batch.length; bi++) {
+          var key = batch[bi].value.toLowerCase()
+          if (seenDraft[key]) continue
+          seenDraft[key] = 1
+          local.push(batch[bi])
+        }
+        if (local.length >= 6) break     // 短前缀够用了就别再往更短的找
+      }
+      var fenced = langHint(draft)
+      if (fenced) habitBump(fenced, 1)
+      var ctxWords = contextWords(ed)
+ // 投票用**对话原文**（不是去重后的词表）：词表是集合，`System.out` / `@Override` 这种
+ // 带标点的语言指纹在切词时就被劈掉了，而且词频信息也丢了。原文截尾 4000 字够用。
+      var ctxRaw = String(ctxCache.text || '').slice(-4000)
+ // 语言优先级：围栏 → 上下文推断（草稿 + 对话正文）→ 习惯
+      var vote = inferLangVote(draft + ' ' + ctxRaw)
+      var lang = fenced || vote.lang || habitTop()
+ // 语言水印（替代原来顶上那行「据对话推断 · java」）：只写语言名，斜排压在右下角。
+ // 围栏时只报围栏那一个语言；否则报投票过线的语言，按票数从高到低，最多 4 个。
+      var wmLangs = fenced ? [fenced]
+        : (vote.ranking && vote.ranking.length ? vote.ranking.map(function (r) { return r.lang })
+          : (lang ? [lang] : []))
+      popup.wm = watermarkFor(wmLangs)
+ // 上下文候选：对话里出现过的标识符按前缀补出来（跟上下文强关联的那一路）
+ // 中文没有分词：整段汉字会被当成一个 token，所以按「1~4 字后缀」各试一次（长的优先），
+ // 打「文」也能命中草稿里更早出现的「文档」（原话要求）。
+      var p0 = String(prefix || '')
+      var pfxList = [p0]
+      if (/^[\u4e00-\u9fff]+$/.test(p0)) {
+        for (var pl = 4; pl >= 2; pl--) if (p0.length >= pl) pfxList.push(p0.slice(-pl))
+      }
+      var ctxItems = []
+      var seenLocal = {}
+      local.forEach(function (i) { seenLocal[i.value.toLowerCase()] = 1 })
+      ctxWords.forEach(function (w) {
+        if (ctxItems.length >= 5) return
+        var lw = w.toLowerCase()
+        if (seenLocal[lw]) return
+        for (var qi = 0; qi < pfxList.length; qi++) {
+          var q = pfxList[qi].toLowerCase()
+          if (!q || lw === q || lw.indexOf(q) !== 0) continue
+          seenLocal[lw] = 1
+          var pos = []
+          for (var k = 0; k < q.length; k++) pos.push(k)
+          ctxItems.push({ kind: 'word', value: w, detail: '上下文', src: 'context', matches: pos })
+          return
+        }
+      })
+      // ctx words lead only for prefix >= 3 (or CJK): a 2-char prefix must not be hijacked
+      // by a word that merely appeared in the draft (measured: de led with DeepSeek).
+      var ctxLead = /^[\u4e00-\u9fff]/.test(String(prefix || '')) || String(prefix || '').length >= 3
+      var first = ctxLead ? local.concat(ctxItems) : local.slice()
+      var cjkPrefix = /^[\u4e00-\u9fff]/.test(String(prefix || ''))
+ // 中文要等服务端的「完整词义」闸：碎片连本地词都不许先上屏（否则会闪一下又不算数）
+      if (first.length && !cjkPrefix) { popup.items = first; popup.index = 0; renderPopup(ed) }
+      inflight++
+      var seq = inflight
+      var ep = popupEpoch        // 发请求时的代数：期间被关掉（回车发送/失焦/碎片闸）就作废这次响应
+      var draftTail = composerText(ed).slice(-800)
+      fetch(ROUTE_WORDS + '?prefix=' + encodeURIComponent(prefix || '') + '&lang=' + encodeURIComponent(lang) +
+        '&draft=' + encodeURIComponent(draftTail))
+        .then(function (r) { return r.json() })
+        .then(function (d) {
+          if (seq !== inflight) return // 后发先至的旧响应丢掉（补全弹层最怕错位）
+          if (ep !== popupEpoch) return // 迟到的响应不许把已经收起来的浮层/灰字复活
+ // 服务端判定这不是完整词义（碎片）→ 整条收起，连本地/上下文候选都不出
+          if (d && d.wordGate === false) { closePopup(); return }
+          var items = local.slice(), seen = {}
+          local.forEach(function (i) { seen[i.value] = 1 })
+ // 同一规则作用在 fetch 返回后的最终合并上（首屏那次只是占位）：短前缀下 ctx 词
+ // 排在服务端候选**之后**，否则 DeepSeek 这类草稿词还是会顶掉 def/delete。
+ var ctxList = ctxLead ? ctxItems : []
+ ctxList.forEach(function (c) { if (!seen[c.value]) { seen[c.value] = 1; items.push(c) } })
+ if (d && d.ok === true) (d.candidates || []).forEach(function (c) { if (c && !seen[c.value]) { seen[c.value] = 1; items.push(c) } })
+ if (!ctxLead) ctxItems.forEach(function (c) { if (!seen[c.value]) { seen[c.value] = 1; items.push(c) } })
+ // 类型开关：在**合并这一处**滤掉，后面的索引 / 灰字 / Tab 都跟着同一份列表
+          items = items.filter(function (x) { return isKindOn(x.kind) })
+          if (!items.length) { closePopup(); return }
+          popup.items = items.slice(0, 12); popup.index = 0; renderPopup(ed); showGhost(ed, prefix)
+        })
+        .catch(function () { if (ep === popupEpoch && !first.length) closePopup() })
+    }