dsh-code-server-app 0.3.58 → 0.3.63

package/lib/client.js

@@ -660,6 +660,18 @@ function normalizeClaimExtensions(text) {
   return seen.join(';')
 }
 
+/**
+ * FIM 停顿毫秒数的归一化(0.3.62):与宿主 lib/fim-adapter.mjs 的 `clampDebounce` **同语义**。
+ * 客户端也夹一次的理由:输入框里可以是任何东西(空、负数、10^9),用户在点保存之前就该看到
+ * "保存后会变成什么",而不是保存完发现值被宿主悄悄改掉 —— 这与认领类型那行显示"实际规则"同一考虑。
+ */
+function normalizeFimDebounce(value) {
+  if (value === undefined || value === null || value === '') return 250
+  var n = typeof value === 'number' ? value : Number(value)
+  if (!isFinite(n)) return 250
+  return Math.min(3000, Math.max(100, Math.round(n)))
+}
+
 /**
  * 解析策略文本。
  * @param text - 归一化前或后的文本都接受。
@@ -1325,6 +1337,20 @@ let React = require('react')
         React.createElement('span', { className: 'dshcs-hint' }, props.children)
       )
     }
+    /** 数字输入(0.3.62 起,用于"停顿毫秒数"这类有上下限的整数)。
+     *  为什么不用文本框:用户在点保存**之前**就该看到 min/max 这层约束;真正的夹取在
+     *  保存时 `normalizeFimDebounce`(与宿主 clampDebounce 同语义),两者一致才不会"保存后被悄悄改掉"。 */
+    function csNumber(props) {
+      return React.createElement('label', { className: 'dshcs-text' },
+        React.createElement('input', {
+          type: 'number',
+          value: props.value === undefined || props.value === null ? '' : String(props.value),
+          min: props.min, max: props.max, step: props.step === undefined ? 10 : props.step,
+          disabled: props.disabled === true, spellCheck: false, autoComplete: 'off',
+          onChange: function (event) { props.onChange(event.target.value) },
+        })
+      )
+    }
     /** 多行文本输入(0.3.52 起,用于"认领类型"这类清单)。
      *  为什么不是单行 input:0.3.51 之后默认值有 98 条排除项(≈700 字符),单行框只能看到开头,
      *  剩下全靠横向滚动 —— 既看不全也改不动。这里改用 textarea,并**按内容自动长高**(上限 12 行),
@@ -1423,6 +1449,10 @@ let React = require('react')
         keepResident: value.keepResident !== false,
         claimExtensions: typeof value.claimExtensions === 'string' ? value.claimExtensions : DEFAULT_CLAIM_EXTENSIONS,
         fullscreenOnOpen: value.fullscreenOnOpen !== false,
+        fim: value.fim === true,
+        fimDebounceMs: normalizeFimDebounce(value.fimDebounceMs),
+        fimMultiline: value.fimMultiline !== false,
+        fimDisableGlobs: typeof value.fimDisableGlobs === 'string' ? value.fimDisableGlobs : '',
       }
       // ---- 旧版 DSH(无右侧栏服务):本页是唯一的提示出口,不显示任何设置项 ----
       if (liveStore != null && liveStore.sidebarUi === 'legacy') {
@@ -1447,9 +1477,17 @@ let React = require('react')
       var overriddenKeep = user !== undefined && user !== null && Object.prototype.hasOwnProperty.call(user, 'keepResident')
       var overriddenClaim = user !== undefined && user !== null && Object.prototype.hasOwnProperty.call(user, 'claimExtensions')
       var overriddenFullscreen = user !== undefined && user !== null && Object.prototype.hasOwnProperty.call(user, 'fullscreenOnOpen')
+      var overriddenFim = user !== undefined && user !== null && Object.prototype.hasOwnProperty.call(user, 'fim')
+      var overriddenFimDebounce = user !== undefined && user !== null && Object.prototype.hasOwnProperty.call(user, 'fimDebounceMs')
+      var overriddenFimMultiline = user !== undefined && user !== null && Object.prototype.hasOwnProperty.call(user, 'fimMultiline')
+      var overriddenFimGlobs = user !== undefined && user !== null && Object.prototype.hasOwnProperty.call(user, 'fimDisableGlobs')
       var dirty = draft !== null && (draft.keepResident !== loaded.keepResident
         || normalizeClaimExtensions(draft.claimExtensions) !== normalizeClaimExtensions(loaded.claimExtensions)
-        || draft.fullscreenOnOpen !== loaded.fullscreenOnOpen)
+        || draft.fullscreenOnOpen !== loaded.fullscreenOnOpen
+        || draft.fim !== loaded.fim
+        || normalizeFimDebounce(draft.fimDebounceMs) !== normalizeFimDebounce(loaded.fimDebounceMs)
+        || draft.fimMultiline !== loaded.fimMultiline
+        || draft.fimDisableGlobs !== loaded.fimDisableGlobs)
       var saveDisabled = !dirty || saving
       var state = {
         available: true,
@@ -1473,6 +1511,10 @@ let React = require('react')
             await props.scope.set('keepResident', d.keepResident === true)
             await props.scope.set('claimExtensions', normalizeClaimExtensions(d.claimExtensions))
             await props.scope.set('fullscreenOnOpen', d.fullscreenOnOpen === true)
+            await props.scope.set('fim', d.fim === true)
+            await props.scope.set('fimDebounceMs', normalizeFimDebounce(d.fimDebounceMs))
+            await props.scope.set('fimMultiline', d.fimMultiline === true)
+            await props.scope.set('fimDisableGlobs', typeof d.fimDisableGlobs === 'string' ? d.fimDisableGlobs : '')
             setDraft(null)
             syncStatusToStore()
           } catch (e) {
@@ -1490,10 +1532,18 @@ let React = require('react')
             await props.scope.unset('keepResident')
             await props.scope.unset('claimExtensions')
             await props.scope.unset('fullscreenOnOpen')
+            await props.scope.unset('fim')
+            await props.scope.unset('fimDebounceMs')
+            await props.scope.unset('fimMultiline')
+            await props.scope.unset('fimDisableGlobs')
           } else {
             await props.scope.set('keepResident', value.keepResident === undefined || value.keepResident === null ? true : value.keepResident)
             await props.scope.set('claimExtensions', typeof value.claimExtensions === 'string' ? normalizeClaimExtensions(value.claimExtensions) : DEFAULT_CLAIM_EXTENSIONS)
             await props.scope.set('fullscreenOnOpen', value.fullscreenOnOpen === undefined || value.fullscreenOnOpen === null ? true : value.fullscreenOnOpen)
+            await props.scope.set('fim', value.fim === true)
+            await props.scope.set('fimDebounceMs', normalizeFimDebounce(value.fimDebounceMs))
+            await props.scope.set('fimMultiline', value.fimMultiline !== false)
+            await props.scope.set('fimDisableGlobs', typeof value.fimDisableGlobs === 'string' ? value.fimDisableGlobs : '')
           }
           setDraft(null)
           syncStatusToStore()
@@ -1503,8 +1553,8 @@ let React = require('react')
         setSaving(false)
       }
       var fields = [
-        // 三个设置(0.2.11 起):认领类型 + 打开即全屏 + 后台常驻。入口/依赖安装/环境检测三行已移除
-        // (入口在右侧栏「开始」页的 guide 入口框;诊断看 host 日志里的 [code-server] 输出)。
+        // 一行一个可改设置(0.2.11 起):认领类型 + 打开即全屏 + FIM 补全(0.3.61,含 0.3.62 的三个子项)
+        // + 后台常驻。入口/依赖安装/环境检测三行已移除(入口在右侧栏「开始」页的 guide 入口框;诊断看 host 日志)。
         React.createElement('div', { className: 'dshcs-field' },
           React.createElement('div', { className: 'dshcs-fieldHead' },
             React.createElement('span', { className: 'dshcs-fieldLabel' }, '认领类型(按扩展名,分号分隔)'),
@@ -1565,6 +1615,92 @@ let React = require('react')
             '只影响"打开那一刻":切走再切回、再次打开文件 tab 会重新切全屏;'
             + 'DSH 未向插件开放模式接口,本项由点击右侧栏自身的「全屏」按钮实现。')
         ),
+        React.createElement('div', { className: 'dshcs-field' },
+          React.createElement('div', { className: 'dshcs-fieldHead' },
+            React.createElement('span', { className: 'dshcs-fieldLabel' }, 'FIM 补全(实验性)'),
+            overriddenFim === true
+              ? React.createElement(csBadges, {
+                  overridden: true, disabled: snapshot.writable !== true,
+                  overriddenLabel: '已覆盖', resetLabel: '恢复默认',
+                  onReset: function () { doReset() },
+                })
+              : null
+          ),
+          React.createElement(csCheck, {
+            checked: draft !== null ? draft.fim : loaded.fim,
+            disabled: snapshot.writable !== true,
+            onChange: function (v) { setDraft(function (prev) { return Object.assign({}, prev !== null ? prev : loaded, { fim: v === true }) }); setFailed(false) },
+          }, '开启后,在编辑器里打字停顿约 0.3 秒会向模型要一次「续写」,以灰字显示在光标后:Tab 接受、Esc 丢弃。默认关闭'),
+          React.createElement('div', { className: 'dshcs-hint', style: { marginTop: 4 } },
+            '实验性功能,默认关闭。三点须知:'
+            + '① 它是本插件**唯一会把内容发出去**的能力 —— 每次补全会把光标附近的一小段代码(有上限)交给模型,'
+            + '桥的其余部分只读编辑器状态、不外发内容;'
+            + '② 这条调用不计入 DSH 自己的 token 计量(它不是一次会话请求),'
+            + '用量只在 IDE 状态栏的 DSH 项上是可见的;'
+            + '③ 模型偶尔会在"并不需要补"的位置硬凑一段,忽略即可(Esc 或继续打字都会让它消失)。'
+            + '关掉本项后扩展会立刻注销补全 provider,不再发出任何补全请求。')
+        ),
+        React.createElement('div', { className: 'dshcs-field' },
+          React.createElement('div', { className: 'dshcs-fieldHead' },
+            React.createElement('span', { className: 'dshcs-fieldLabel' }, 'FIM · 停顿毫秒数(停下多久才请求)'),
+            overriddenFimDebounce === true
+              ? React.createElement(csBadges, {
+                  overridden: true, disabled: snapshot.writable !== true,
+                  overriddenLabel: '已覆盖', resetLabel: '恢复默认',
+                  onReset: function () { doReset() },
+                })
+              : null
+          ),
+          React.createElement(csNumber, {
+            value: draft !== null ? draft.fimDebounceMs : loaded.fimDebounceMs,
+            min: 100, max: 3000, step: 50, disabled: snapshot.writable !== true,
+            onChange: function (v) { setDraft(function (prev) { return Object.assign({}, prev !== null ? prev : loaded, { fimDebounceMs: v }) }); setFailed(false) },
+          }),
+          React.createElement('div', { className: 'dshcs-hint', style: { marginTop: 4 } },
+            '有效范围 100–3000ms,保存时按它夹取(与宿主同一套规则)。实测这条端点往返 112–416ms,'
+            + '所以停顿基本就是"感知到的延迟":太小会在打字过程中反复触发,太大要等很久才出现灰字。')
+        ),
+        React.createElement('div', { className: 'dshcs-field' },
+          React.createElement('div', { className: 'dshcs-fieldHead' },
+            React.createElement('span', { className: 'dshcs-fieldLabel' }, 'FIM · 允许多行补全'),
+            overriddenFimMultiline === true
+              ? React.createElement(csBadges, {
+                  overridden: true, disabled: snapshot.writable !== true,
+                  overriddenLabel: '已覆盖', resetLabel: '恢复默认',
+                  onReset: function () { doReset() },
+                })
+              : null
+          ),
+          React.createElement(csCheck, {
+            checked: draft !== null ? draft.fimMultiline : loaded.fimMultiline,
+            disabled: snapshot.writable !== true,
+            onChange: function (v) { setDraft(function (prev) { return Object.assign({}, prev !== null ? prev : loaded, { fimMultiline: v === true }) }); setFailed(false) },
+          }, '允许补出多行(关掉后只取第一行;首行为空 = 这次不补)'),
+          React.createElement('div', { className: 'dshcs-hint', style: { marginTop: 4 } },
+            '默认开。实测模型在"并不需要补"的位置会硬凑一段,多行会把这种噪声放大 —— 想更克制就关掉它。')
+        ),
+        React.createElement('div', { className: 'dshcs-field' },
+          React.createElement('div', { className: 'dshcs-fieldHead' },
+            React.createElement('span', { className: 'dshcs-fieldLabel' }, 'FIM · 按 glob 禁用(分号或换行分隔)'),
+            overriddenFimGlobs === true
+              ? React.createElement(csBadges, {
+                  overridden: true, disabled: snapshot.writable !== true,
+                  overriddenLabel: '已覆盖', resetLabel: '恢复默认',
+                  onReset: function () { doReset() },
+                })
+              : null
+          ),
+          React.createElement(csTextarea, {
+            value: draft !== null ? draft.fimDisableGlobs : loaded.fimDisableGlobs,
+            disabled: snapshot.writable !== true,
+            placeholder: '例如 *.md;**/dist/**;vendor/**',
+            onChange: function (v) { setDraft(function (prev) { return Object.assign({}, prev !== null ? prev : loaded, { fimDisableGlobs: v }) }); setFailed(false) },
+          }),
+          React.createElement('div', { className: 'dshcs-hint', style: { marginTop: 4 } },
+            '留空 = 不禁用。语法:`*` 不跨目录、`**` 跨目录、不含 `/` 的模式只匹配文件名、`/` 结尾视作 `/**`。'
+            + '例:`*.md`(所有 Markdown)、`vendor/**`、`**/dist/**`、`**/*.min.js`。'
+            + '两边都会判:扩展侧先判(根本不发请求),宿主侧再判一遍。')
+        ),
         React.createElement('div', { className: 'dshcs-field' },
           React.createElement('div', { className: 'dshcs-fieldHead' },
             React.createElement('span', { className: 'dshcs-fieldLabel' }, '后台常驻(切标签不重载)'),
@@ -1638,20 +1774,52 @@ let React = require('react')
       return React.createElement(csSettingsPage, Object.assign({}, props, { seat: 'bundle-config' }))
     }
 
-    // ---------- 「问 DSH」对话框(0.3.24)----------    // 对话**不在编辑器的侧栏/tab 里**,而是作为一个浮在 DSH 页面上的对话框(用户的原话:
-    // "对话不要用侧边栏,还是改成对话框形式")。这里就是那个对话框的壳:
+    // ---------- 「问 DSH」对话框(0.3.24;0.3.59 起面板本体就是这份源码)----------
+    // 对话**不在编辑器的侧栏/tab 里**,而是作为一个浮在 DSH 页面上的对话框(用户的原话:
+    // "对话不要用侧边栏,还是改成对话框形式")。这里就是那个对话框:**外壳**(标题栏 / 拖动 / 关闭)
+    // + **面板本体**(对话流 / 授权卡片 / 输入框)都在本文件里。
     //   - 定时问 host `/ask/state?rev=N`,没变就只回一个数字(不重传对话流);
-    //   - 打开时懒加载面板产物(`/ask/bundle` → thread.js / thread.css 文本)并注入:
-    //     CSS 进一个 <style>(面板样式只在 `.dshcs-panel` 里生效,不碰 DSH 自己的 body),
-    //     JS 进一个 <script>(它调用 acquireVsCodeApi —— 这里给它一个路由到本模块的替身);
     //   - 面板里的 ask / approve / close 消息 → host 的 `/ask/send|approve|close`。
+    //
+    // 0.3.24–0.3.58 的面板本体是**另一个构建产物**:host 读盘 webview/thread.js + thread.css 交给
+    // `/ask/bundle`,这里把 CSS 塞进 <style>、JS 塞进 <script> 执行(还得先给它一个假的
+    // acquireVsCodeApi)。那套机制唯一的存在理由,是"面板要跟 DSH 界面用同一个官方渲染器,
+    // 而编辑器 webview 里没有 DSH 的模块表" —— 可对话框本来就跑在 **DSH 页面里**:
+    // 壳的模块表(dsh-web-frontend 的 staticModules)已经冻结了
+    //   react / react/jsx-runtime / react-dom / react-dom/client / @deepseek-ai/dsh-client-ui-primitives / …
+    // 所以 0.3.59 直接 require 它们,面板就是普通源码:
+    //   · 一次打包都不需要(改这个文件即改面板);
+    //   · 用的是**当前页面这一份**渲染器 ⇒ 不可能再有"面板内置 alpha.1、而界面是 alpha.2"
+    //     的排版差异(那正是老 app.jsx 要专门显示一行版本告警的原因);
+    //   · 代码高亮走 DSH 自己的 shiki 懒加载语法集(产物里只能带 typescript/shellscript/json 三套);
+    //   · 公式的 KaTeX 样式与 --dsw-* 设计令牌都由页面提供(official-tokens.css 那 28KB 副本不再需要)。
+    // 拿不到模块表(异常宿主)时**降级而不是白屏**:正文退成 <pre>、按钮退成原生 button,
+    // 并在控制台说清原因 —— 空白面板是最难查的一种失败。
     var ASK_POLL_MS = 900
     var ask = {
       rev: -1,
       open: false,
       mounted: false,
       pending: null,
-      el: null, body: null, title: null, timer: null, loading: false,
+      el: null, body: null, title: null, timer: null,
+      /** React 根(只在第一次打开时建一次)。 */
+      root: null,
+      /** 面板挂上来的"把宿主状态推进视图"函数(挂载完成前为 null)。 */
+      push: null,
+      /** `askPrimitives()` 的解析结果(只算一次)。 */
+      renderer: null,
+      /** 上一条提问的投递方式提示(宿主回话里带 delivery;用来消除"追问没反应"的错觉)。 */
+      deliveryNote: null,
+    }
+
+    /** 投递结果 → 状态行文案(投递方式跟 DSH 设置 `ui-conversation.busyEnter` 走,见 host 的 pickBusyEnter)。
+     *  **必须同时看 busy**:空闲时宿主也用 followup(两种方式等价),但那时消息是**立刻开新一轮**;
+     *  只看 delivery 会说成"排到下一轮",与事实不符(实测踩到:空闲时发一条,面板却写"当前轮结束后…")。 */
+    function askDeliveryNote(delivery, busy) {
+      if (busy !== true) return '已发送:DSH 会立刻开始新一轮。'
+      if (delivery === 'steer') return '已插入当前轮:它会在下一个步骤边界读到这条追问。'
+      if (delivery === 'queue') return '已排入下一轮:当前轮结束后会作为新的一轮回答。'
+      return '已发送,等待 DSH 处理。'
     }
 
     /** 面板 → 对话框壳的消息通道(替身 acquireVsCodeApi 把消息交到这里)。 */
@@ -1659,8 +1827,15 @@ let React = require('react')
       if (message === null || typeof message !== 'object') return
       if (message.type === 'ready') { askPush(true); return }
       if (message.type === 'ask' && typeof message.text === 'string') {
+        ask.deliveryNote = null
         api('/code-server/ask/send', { text: message.text, mode: ask.pending === null ? undefined : ask.pending.mode })
-          .then(function (result) { ask.rev = -1; askPush(true) })
+          .then(function (result) {
+            // 宿主按 DSH 的设置决定"排队"还是"插入当前轮";把这个结果说出来 ——
+            // 否则用户在主界面看不到消息的那段时间里会以为它丢了(实测就是这么反馈的)。
+            if (result != null && result.ok === true) ask.deliveryNote = askDeliveryNote(result.delivery, result.busy)
+            ask.rev = -1
+            askPush(true)
+          })
           .catch(function () { /* 下一趟轮询会带回状态 */ })
         return
       }
@@ -1677,12 +1852,15 @@ let React = require('react')
       if (message.type === 'close') askClose()
     }
 
-    /** 把 host 的状态推进面板(面板顶层的 `__DSHCS_ASK_PUSH__` 由 app.jsx 暴露)。 */
+    /** 把 host 的状态推进面板(面板挂载时把自己登记到 `ask.push`)。 */
     function askPush(force) {
-      if (ask.el === null) return
-      var push = window.__DSHCS_ASK_PUSH__
-      if (typeof push === 'function') push(ask.pending)
-      else if (force === true) setTimeout(function () { askPush(false) }, 120)
+      if (ask.push === null) {
+        // 面板还没挂上(第一次打开时 React 挂载是异步的)→ 稍后补一次,别丢掉这份状态。
+        if (force === true) setTimeout(function () { askPush(false) }, 120)
+        return
+      }
+      // 投入方式是**客户端侧**知道的(宿主 /ask/send 的回话),宿主状态里没有它 ⇒ 随状态一起带上。
+      ask.push(ask.pending === null ? null : Object.assign({}, ask.pending, { deliveryNote: ask.deliveryNote }))
     }
 
     /** 状态行里说一句(面板自己在 statusText 里显示;这里只兜底日志)。 */
@@ -1761,95 +1939,864 @@ let React = require('react')
       head.addEventListener('pointerup', function () { drag = null })
     }
 
+    // ---- 官方部件(模块表;解析失败就降级,绝不白屏)----
+
     /**
-     * 取面板产物:内存 → sessionStorage(15 分钟)→ host `/ask/bundle`。
+     * 从官方 primitives 里取一个部件。
      *
-     * 为什么要缓存 + 预热(0.3.42):产物是官方渲染器那一整套(JS ≈1MB、CSS ≈426KB,KaTeX 字体已内联),
-     * 第一次打开对话框要"取文本 + 注入 + 解析 + 执行",实测就是"第一次启动很耗时"。
-     * 现在页面加载后空闲时**先取好放内存**(用户点开时直接注入),并用 sessionStorage 顶住刷新。
+     * **必须函数与 memo 对象都认**:官方 `MarkdownText` 是 `React.memo(...)` 的产物 —— 它的值是一个
+     * `{$$typeof: Symbol(react.memo), type: …}` **对象**,不是函数。0.3.59 的第一版写成
+     * `typeof x === 'function'` 才认,于是实机上正文**整个退成了 `<pre>`**(而 `DisclosureRow` /
+     * `Button` / 图标都是函数,照常工作,于是看起来"面板好好的")。这条只有真页面能测出来 ——
+     * 单测的桩当时写成了函数。现在两个形状都收,桩也改成了 memo 形状。
      */
-    var ASK_BUNDLE_KEY = 'dshcs.ask.bundle'
-    var ASK_BUNDLE_TTL_MS = 15 * 60 * 1000
-    var askBundleCache = null
+    function askComponent(primitives, name) {
+      if (primitives === null || primitives === undefined) return null
+      var value = primitives[name]
+      if (value === null || value === undefined) return null
+      if (typeof value === 'function') return value
+      // React.memo / forwardRef / lazy:对象且带 $$typeof ⇒ createElement 认它。
+      if (typeof value === 'object' && value.$$typeof !== undefined) return value
+      return null
+    }
 
-    function askBundleFromStorage() {
-      try {
-        var raw = window.sessionStorage.getItem(ASK_BUNDLE_KEY)
-        if (raw == null) return null
-        var parsed = JSON.parse(raw)
-        if (parsed == null || typeof parsed.js !== 'string' || typeof parsed.css !== 'string') return null
-        if (Date.now() - Number(parsed.at || 0) > ASK_BUNDLE_TTL_MS) return null
-        return { css: parsed.css, js: parsed.js }
-      } catch (e) {
-        return null
+    /** 面板要用的官方部件:React 根 + DSH 官方 UI primitives。
+     *
+     * 两个都从**壳的模块表**取(`dsh-web-frontend` 的 staticModules 冻结的那几个种子词):
+     *   · `react-dom/client` —— 我们自己的根(对话框容器是我们的 div,不能借用 DSH 的根);
+     *   · `@deepseek-ai/dsh-client-ui-primitives` —— MarkdownText / DisclosureRow / Button / 图标,
+     *     与 DSH 界面**同一份实例**:排版、代码高亮、公式都与界面一致,而且不会版本错配。
+     *
+     * 取不到(异常宿主 / 未来 DSH 改了这个种子词)= 降级:正文 <pre>、按钮原生 button。
+     * 这是刻意的:面板少一层排版也不能开不出窗。
+     */
+    function askPrimitives() {
+      if (ask.renderer === null) {
+        var out = { createRoot: null, primitives: null, why: '' }
+        try {
+          out.createRoot = require('react-dom/client').createRoot
+        } catch (e) {
+          out.why = 'react-dom/client(' + (e !== null && e !== undefined && e.message !== undefined ? e.message : String(e)) + ')'
+        }
+        try {
+          out.primitives = require('@deepseek-ai/dsh-client-ui-primitives')
+        } catch (e) {
+          out.why += (out.why === '' ? '' : '; ') + 'dsh-client-ui-primitives(' + (e !== null && e !== undefined && e.message !== undefined ? e.message : String(e)) + ')'
+        }
+        if (out.createRoot == null || out.primitives == null) {
+          console.warn('[code-server] 「问 DSH」面板降级为纯文本渲染:模块表里取不到 ' + out.why)
+        }
+        ask.renderer = out
       }
+      return ask.renderer
     }
 
-    function askBundleToStorage(bundle) {
-      try {
-        window.sessionStorage.setItem(ASK_BUNDLE_KEY, JSON.stringify({ at: Date.now(), css: bundle.css, js: bundle.js }))
-      } catch (e) {
-        // 容量/隐私模式失败都无所谓:内存那份已经够用
+    // ---- 面板视图状态(纯函数;与 host `/ask/state` 的扁平载荷一一对应)----
+
+    /** 授权窗口的兜底值(毫秒);host 每趟都会给真实值。 */
+    var ASK_HOLD_MS = 8000
+
+    /** 面板视图的首帧状态(形状与 askApplyPayload 的输出一致)。 */
+    function askViewState() {
+      return {
+        entries: [], approvals: [], approvalHoldMs: ASK_HOLD_MS,
+        contextText: '', statusText: '', status: 'idle', error: null,
+        sessionId: null, available: null, threadError: null, uiVersion: null,
+        /** 客户端侧提示:上一条提问是"排队"还是"插入当前轮"(宿主状态里没有这个字段)。 */
+        deliveryNote: null,
       }
     }
 
-    /** 预热:页面加载后空闲时先把产物取回来(不挂载、不显示任何东西)。 */
-    function askPreload() {
-      if (askBundleCache !== null || ask.mounted) return
-      var stored = askBundleFromStorage()
-      if (stored !== null) {
-        askBundleCache = stored
-        return
+    /** 把宿主一趟状态并进视图(**只认白名单字段**,宿主塞别的东西也进不来)。 */
+    function askApplyPayload(view, payload) {
+      if (payload === null || typeof payload !== 'object' || payload.type !== 'state') return view
+      return {
+        entries: Array.isArray(payload.entries) ? payload.entries : [],
+        approvals: Array.isArray(payload.approvals) ? payload.approvals : [],
+        approvalHoldMs: Number.isSafeInteger(payload.approvalHoldMs) && payload.approvalHoldMs > 0
+          ? payload.approvalHoldMs
+          : ASK_HOLD_MS,
+        contextText: typeof payload.contextText === 'string' ? payload.contextText : '',
+        statusText: typeof payload.statusText === 'string' ? payload.statusText : '',
+        status: typeof payload.status === 'string' ? payload.status : 'idle',
+        error: typeof payload.error === 'string' ? payload.error : null,
+        sessionId: typeof payload.sessionId === 'string' ? payload.sessionId : null,
+        available: payload.available === undefined ? null : payload.available,
+        threadError: typeof payload.threadError === 'string' ? payload.threadError : null,
+        uiVersion: typeof payload.uiVersion === 'string' ? payload.uiVersion : null,
+        deliveryNote: typeof payload.deliveryNote === 'string' ? payload.deliveryNote : null,
       }
-      api('/code-server/ask/bundle').then(function (bundle) {
-        if (bundle == null || bundle.ok !== true) return
-        askBundleCache = { css: bundle.css, js: bundle.js }
-        askBundleToStorage(askBundleCache)
-        console.log('[code-server] ask bundle preloaded (' + Math.round((bundle.js.length + bundle.css.length) / 1024) + 'KB)')
-      }).catch(function () { /* 预热失败不打扰:真正打开时会再取一次 */ })
     }
 
-    /** 懒加载面板产物并挂载(只做一次)。 */
-    function askMount() {
-      if (ask.mounted || ask.loading) return
-      ask.loading = true
-      var ready = askBundleCache !== null
-        ? Promise.resolve(askBundleCache)
-        : (askBundleFromStorage() !== null
-          ? Promise.resolve(askBundleFromStorage())
-          : api('/code-server/ask/bundle'))
-      ready.then(function (body) {
-        ask.loading = false
-        var bundle = body
-        if (askBundleCache === null && body != null && body.ok === true) {
-          bundle = { css: body.css, js: body.js }
-          askBundleCache = bundle
-          askBundleToStorage(bundle)
+    // ---- 面板样式 ----
+    //
+    // 原样搬 webview/src/panel.css(0.2.3 起那套外观),只做三处**必要**改动:
+    //   ① 不再 @import official-tokens.css —— 设计令牌由 DSH 页面自己提供(z 那 576 行副本是给
+    //      webview 用的,页面里本来就有,重定义一次只是幂等);
+    //   ② 去掉 `:root { color-scheme }` —— 往宿主页面注入 CSS 时**只能**碰 .dshcs-* 自己的选择器,
+    //      改 :root/body 会动到整个 DSH 界面(这条由 test-ask-panel-inline 的选择器白名单守着);
+    //   ③ 表单控件的 --vscode-* 变量在 DSH 页面里不存在,补上页面令牌作为 fallback(否则按钮/输入框
+    //      的 background 是"计算值无效"⇒ 透明,这是老面板在页面里看起来发灰的真实原因)。
+    // 按钮改走官方 primitives 的 Button(与界面同一套),`.dshcs-btn` 只在降级路径下生效。
+    var ASK_CSS = `
+.dshcs-panel {
+  height: 100%;
+  margin: 0;
+  background: var(--vscode-editor-background, var(--dsw-alias-bg-base, #1e1e1e));
+  color: var(--vscode-foreground, var(--dsw-alias-label-primary, #ccc));
+  font-family: var(--vscode-font-family, var(--dsw-font-family, sans-serif));
+  font-size: var(--vscode-font-size, 13px);
+  overflow: hidden;
+}
+
+.dshcs-app {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  max-width: 900px;
+  margin: 0 auto;
+}
+
+.dshcs-header {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--vscode-panel-border, var(--dsw-alias-border-l1, rgba(128, 128, 128, 0.35)));
+  font-size: 12px;
+  opacity: 0.9;
+}
+
+.dshcs-header .dshcs-title { font-weight: 600; letter-spacing: 0.04em; }
+
+.dshcs-header .dshcs-where {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.dshcs-header .dshcs-close {
+  border: none;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  font-size: 13px;
+  line-height: 1;
+  padding: 2px 6px;
+  border-radius: 4px;
+  opacity: 0.75;
+}
+
+.dshcs-header .dshcs-close:hover {
+  background: var(--vscode-toolbar-hoverBackground, var(--dsw-alias-interactive-bg-hover, rgba(128, 128, 128, 0.2)));
+  opacity: 1;
+}
+
+/* ---- 思考行(默认收起;外形照抄官方 ReasoningRow 的排版语言)---- */
+
+.dshcs-think { display: flex; flex-direction: column; margin: 2px 0 6px; }
+
+.dshcs-think .dshcs-think-separator {
+  flex: none;
+  width: 2px;
+  height: 2px;
+  margin: 0 8px;
+  border-radius: 1px;
+  background: var(--dsw-alias-label-caption, currentColor);
+  display: inline-block;
+}
+
+.dshcs-think .dshcs-think-summary {
+  min-width: 0;
+  overflow: hidden;
+  flex: 1 1 auto;
+  color: var(--dsw-alias-label-tertiary, var(--vscode-descriptionForeground, rgba(128, 128, 128, 0.95)));
+  font-size: var(--dsh-content-font-size-secondary, 13px);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.dshcs-think .dshcs-think-body {
+  padding: 4px 0 4px calc(22px + var(--dsh-content-font-delta, 0px));
+  color: var(--dsw-alias-label-tertiary, var(--vscode-descriptionForeground, rgba(128, 128, 128, 0.95)));
+  font-size: var(--dsh-content-font-size-secondary, 13px);
+  line-height: 1.55;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.dshcs-warn {
+  margin: 8px 12px 0;
+  padding: 6px 8px;
+  border: 1px solid var(--vscode-inputValidation-warningBorder, #b89500);
+  background: var(--vscode-inputValidation-warningBackground, rgba(184, 149, 0, 0.15));
+  border-radius: 4px;
+  font-size: 12px;
+  white-space: pre-wrap;
+}
+
+.dshcs-log { flex: 1; overflow-y: auto; padding: 12px 14px 4px; }
+
+.dshcs-empty { opacity: 0.6; font-size: 12px; padding: 4px 0; }
+
+/* ---- 消息条目:排版交给官方渲染器,这里只管气泡与间距 ---- */
+
+.dshcs-msg { margin-bottom: 14px; }
+
+.dshcs-user { display: flex; justify-content: flex-end; }
+
+.dshcs-user-stack {
+  max-width: 88%;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 2px;
+}
+
+.dshcs-context .dshcs-context-summary {
+  min-width: 0;
+  overflow: hidden;
+  flex: 1 1 auto;
+  color: var(--dsw-alias-label-tertiary, var(--vscode-descriptionForeground, rgba(128, 128, 128, 0.95)));
+  font-size: var(--dsh-content-font-size-secondary, 13px);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.dshcs-context .dshcs-context-body {
+  margin: 2px 0 4px;
+  padding: 4px 0 4px calc(22px + var(--dsh-content-font-delta, 0px));
+  color: var(--dsw-alias-label-tertiary, var(--vscode-descriptionForeground, rgba(128, 128, 128, 0.95)));
+  font-size: var(--dsh-content-font-size-secondary, 12px);
+  font-family: var(--ds-font-family-code, monospace);
+  line-height: 1.5;
+  white-space: pre-wrap;
+  word-break: break-word;
+  max-height: 40vh;
+  overflow: auto;
+}
+
+.dshcs-bubble {
+  padding: 6px 10px;
+  border-radius: 8px;
+  background: var(--vscode-input-background, var(--dsw-alias-bg-layer-2, rgba(128, 128, 128, 0.12)));
+  border: 1px solid var(--vscode-input-border, var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.25)));
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.dshcs-bubble[data-status="sending"] { opacity: 0.6; }
+
+.dshcs-bubble[data-status="error"] {
+  border-color: var(--vscode-inputValidation-errorBorder, #be1100);
+}
+
+.dshcs-assistant { word-break: break-word; }
+
+.dshcs-tool {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  margin: 4px 0 10px;
+  padding: 4px 8px;
+  border-left: 2px solid var(--vscode-panel-border, var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.4)));
+  font-size: 12px;
+  opacity: 0.85;
+}
+
+.dshcs-tool .dshcs-tool-name { font-family: var(--ds-font-family-code, var(--vscode-editor-font-family, monospace)); }
+
+.dshcs-tool .dshcs-tool-summary {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  opacity: 0.8;
+}
+
+.dshcs-tool .dshcs-tool-state[data-state="error"] {
+  color: var(--vscode-errorForeground, #f48771);
+}
+
+/* ---- 授权卡片:桥里唯一的"非只读"操作,必须一眼看清 ---- */
+
+.dshcs-approval {
+  margin: 8px 12px;
+  padding: 8px 10px;
+  border: 1px solid var(--vscode-inputValidation-warningBorder, #b89500);
+  background: var(--vscode-inputValidation-warningBackground, rgba(184, 149, 0, 0.12));
+  border-radius: 6px;
+}
+
+.dshcs-approval[data-decided] { opacity: 0.75; }
+
+.dshcs-approval-head {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  font-size: 12px;
+  margin-bottom: 4px;
+}
+
+.dshcs-approval-title { font-weight: 600; }
+
+.dshcs-approval-timer { flex: 1; text-align: right; opacity: 0.8; }
+
+.dshcs-approval-body { font-size: 12px; margin-bottom: 6px; word-break: break-word; }
+
+.dshcs-approval-tool { font-family: var(--ds-font-family-code, var(--vscode-editor-font-family, monospace)); }
+
+.dshcs-approval-reason { margin-top: 2px; opacity: 0.9; white-space: pre-wrap; }
+
+.dshcs-approval-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.dshcs-approval-note { font-size: 12px; opacity: 0.85; }
+
+/* ---- 状态行 + 输入框 ---- */
+
+.dshcs-status {
+  padding: 0 12px 6px;
+  font-size: 12px;
+  min-height: 16px;
+  opacity: 0.85;
+}
+
+.dshcs-status[data-status="error"] {
+  color: var(--vscode-errorForeground, #f48771);
+  opacity: 1;
+}
+
+.dshcs-footer {
+  display: flex;
+  align-items: flex-end;
+  gap: 8px;
+  padding: 8px 12px;
+  border-top: 1px solid var(--vscode-panel-border, var(--dsw-alias-border-l1, rgba(128, 128, 128, 0.35)));
+}
+
+.dshcs-footer textarea {
+  flex: 1;
+  min-height: 46px;
+  max-height: 40vh;
+  resize: vertical;
+  box-sizing: border-box;
+  padding: 6px 8px;
+  border: 1px solid var(--vscode-input-border, var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35)));
+  border-radius: 4px;
+  color: var(--vscode-input-foreground, var(--dsw-alias-label-primary, inherit));
+  background: var(--vscode-input-background, var(--dsw-alias-bg-layer-2, transparent));
+  font-family: inherit;
+  font-size: inherit;
+}
+
+.dshcs-footer textarea:focus {
+  outline: 1px solid var(--vscode-focusBorder, var(--dsw-alias-border-l3, rgba(128, 128, 128, 0.7)));
+  outline-offset: -1px;
+}
+
+/* 降级路径的按钮 / 折叠行(拿不到官方 primitives 时才会渲染出来) */
+
+.dshcs-btn {
+  padding: 5px 12px;
+  border: 1px solid var(--vscode-button-border, transparent);
+  border-radius: 4px;
+  cursor: pointer;
+  color: var(--vscode-button-foreground, #fff);
+  background: var(--vscode-button-background, var(--dsw-alias-button-contrast-fill, #4176e6));
+  font-family: inherit;
+  font-size: 12px;
+}
+
+.dshcs-btn-secondary {
+  color: var(--vscode-button-secondaryForeground, var(--dsw-alias-label-primary, #ccc));
+  background: var(--vscode-button-secondaryBackground, var(--dsw-alias-interactive-bg-hover, rgba(128, 128, 128, 0.2)));
+}
+
+.dshcs-btn:disabled { opacity: 0.5; cursor: default; }
+
+.dshcs-row-toggle {
+  border: none;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  padding: 0 0 2px;
+  font: inherit;
+  font-size: var(--dsh-content-font-size-secondary, 13px);
+  opacity: 0.9;
+  text-align: left;
+}
+`
+
+    // ---- 面板组件(手写;等价于 0.3.58 之前 webview/src 下那三个 .jsx)----
+
+    /** 官方渲染器的界面文案(面板自己给中文;DSH 界面走它自己的 locale)。
+     *  **必须是常量**:MarkdownText 的流式缓存按 labels 的引用身份判失效,每帧新建会一直重解析。 */
+    var ASK_LABELS = { code: { copyLabel: '复制', copiedLabel: '已复制' }, footnotes: '脚注' }
+
+    /** 工具状态 / 授权状态 → 中文。 */
+    var ASK_TOOL_STATE = { running: '运行中', ok: '完成', error: '失败' }
+    var ASK_APPROVAL_STATE = {
+      asked: '等待授权', 'allowed-once': '已允许一次', rejected: '已拒绝', cancelled: '已取消', unavailable: '无人处理',
+    }
+
+    /** 折叠摘要取首行(还在流式时取最新一行)—— 与官方 ReasoningRow 同一规则。 */
+    function askSummaryLine(text, running) {
+      var source = running ? String(text).replace(/\s+$/, '') : String(text)
+      if (source === '') return ''
+      var index = running ? source.lastIndexOf('\n') : source.indexOf('\n')
+      var line = index === -1 ? source : (running ? source.slice(index + 1) : source.slice(0, index))
+      return line.split('**').join('')
+    }
+
+    /** 剩余时间文案(超过一分钟 mm:ss:秒数跳动会让人紧张)。 */
+    function askRemainingText(item, holdMs, now) {
+      var at = Number.isSafeInteger(item.at) ? item.at : now
+      var left = Math.max(0, at + holdMs - now)
+      if (left === 0) return '已交回 DSH 界面'
+      var totalSeconds = Math.ceil(left / 1000)
+      var minutes = Math.floor(totalSeconds / 60)
+      var seconds = totalSeconds % 60
+      return minutes > 0
+        ? minutes + ' 分 ' + String(seconds).padStart(2, '0') + ' 秒后交回 DSH 界面'
+        : seconds + ' 秒后交回 DSH 界面'
+    }
+
+    /**
+     * 一行「思考」/「上下文」(默认收起,点行即展开)—— 外形与交互照抄官方 ReasoningRow。
+     *
+     * 官方部件在就用官方的(DisclosureRow + 官方图标);拿不到就退成一个朴素的按钮行:
+     * **能看、能点、能展开**,只是没有那套图标与排版。
+     */
+    function AskDisclosureRow(props) {
+      var state = React.useState(false)
+      var expanded = state[0]
+      var setExpanded = state[1]
+      var primitives = askPrimitives().primitives
+      var Row = askComponent(primitives, 'DisclosureRow')
+      var Icon = primitives !== null && typeof props.iconName === 'string' ? askComponent(primitives, props.iconName) : null
+
+      var collapsed = React.createElement(
+        React.Fragment,
+        null,
+        props.separator === true
+          ? React.createElement('span', { className: 'dshcs-think-separator', 'aria-hidden': true })
+          : null,
+        React.createElement('span', { className: props.summaryClass }, props.summaryText),
+      )
+      var body = React.createElement(props.bodyTag, { className: props.bodyClass }, props.bodyText)
+
+      if (Row === null) {
+        return React.createElement(
+          'div',
+          { className: props.rootClass, 'data-expanded': expanded || undefined },
+          React.createElement(
+            'button',
+            { type: 'button', className: 'dshcs-row-toggle', onClick: function () { setExpanded(!expanded) } },
+            (expanded ? '▾ ' : '▸ ') + props.title,
+          ),
+          collapsed,
+          expanded ? body : null,
+        )
+      }
+      return React.createElement(
+        'div',
+        { className: props.rootClass, 'data-expanded': expanded || undefined, 'data-state': props.running === true ? 'running' : 'ok' },
+        React.createElement(
+          Row,
+          {
+            icon: Icon === null ? null : React.createElement(Icon, props.iconSize === 16 ? { size: 16 } : { size: 14 }),
+            title: props.title,
+            open: expanded,
+            expandable: true,
+            expandOnRowClick: true,
+            onToggle: function () { setExpanded(!expanded) },
+            collapsedContent: collapsed,
+          },
+          body,
+        ),
+      )
+    }
+
+    /** 官方按钮(拿不到就退成原生 button,并打上 .dshcs-btn)。 */
+    function askButton(props, text) {
+      var primitives = askPrimitives().primitives
+      var Button = askComponent(primitives, 'Button')
+      if (Button === null) {
+        return React.createElement('button', {
+          type: 'button',
+          className: props.secondary === true ? 'dshcs-btn dshcs-btn-secondary' : 'dshcs-btn',
+          disabled: props.disabled === true,
+          onClick: props.onClick,
+        }, text)
+      }
+      return React.createElement(Button, {
+        variant: props.secondary === true ? 'outline' : 'primary',
+        size: 'sm',
+        disabled: props.disabled === true,
+        onClick: props.onClick,
+      }, text)
+    }
+
+    /**
+     * 一个对话条目(等价于 thread.jsx 的 ThreadEntry)。
+     *
+     * 助手正文**不自己排版**:交给官方 `MarkdownText`(与 DSH 界面同一份:micromark/mdast 管线、
+     * shiki 高亮、KaTeX、增量流式解析)。拿不到官方渲染器时才退回 <pre>(可读,但不假装排版)。
+     */
+    function AskThreadEntry(props) {
+      var entry = props.entry
+      if (entry === null || typeof entry !== 'object') return null
+      var text = typeof entry.text === 'string' ? entry.text : ''
+
+      if (entry.role === 'user') {
+        // 别的工具注入的上下文不是"用户说的"(0.3.43):按官方的「上下文注入」折叠显示。
+        if (typeof entry.sourceKind === 'string' && entry.sourceKind !== '') {
+          return React.createElement(
+            'div',
+            { className: 'dshcs-msg dshcs-injection' },
+            React.createElement(AskDisclosureRow, {
+              rootClass: 'dshcs-context', title: '上下文注入', iconName: 'IconContextInjectionOutline16', iconSize: 16,
+              summaryText: String(text).split('\n')[0].replace(/^From the editor:\s*/i, ''),
+              summaryClass: 'dshcs-context-summary', bodyClass: 'dshcs-context-body', bodyTag: 'pre', bodyText: text,
+            }),
+          )
         }
-        if (bundle == null || typeof bundle.js !== 'string') {
-          askNotice(bundle != null && bundle.error ? bundle.error : '面板产物不可用')
-          return
+        var context = typeof entry.context === 'string' ? entry.context : ''
+        return React.createElement(
+          'div',
+          { className: 'dshcs-msg dshcs-user' },
+          React.createElement(
+            'div',
+            { className: 'dshcs-user-stack' },
+            context === '' ? null : React.createElement(AskDisclosureRow, {
+              rootClass: 'dshcs-context', title: '上下文', iconName: 'IconContextInjectionOutline16', iconSize: 16,
+              summaryText: context.split('\n')[0].replace(/^From the editor:\s*/i, ''),
+              summaryClass: 'dshcs-context-summary', bodyClass: 'dshcs-context-body', bodyTag: 'pre', bodyText: context,
+            }),
+            React.createElement('div', {
+              className: 'dshcs-bubble',
+              'data-status': entry.status === undefined || entry.status === null ? undefined : entry.status,
+            }, text),
+          ),
+        )
+      }
+
+      if (entry.role === 'assistant') {
+        var thinking = typeof entry.thinking === 'string' ? entry.thinking : ''
+        // 正文还没到(整轮都是思考)→ 思考行标"思考中";正文到了就标"思考"(官方同一判据)。
+        var running = entry.streaming === true && text === ''
+        var primitives = askPrimitives().primitives
+        var Markdown = askComponent(primitives, 'MarkdownText')
+        var bodyElement = text === ''
+          ? null
+          : (Markdown === null
+            ? React.createElement('pre', { className: 'dshcs-md-fallback' }, text)
+            : React.createElement(Markdown, { text: text, streaming: entry.streaming === true, labels: ASK_LABELS }))
+        return React.createElement(
+          'div',
+          { className: 'dshcs-msg dshcs-assistant' },
+          thinking === '' ? null : React.createElement(AskDisclosureRow, {
+            rootClass: 'dshcs-think', title: running ? '思考中' : '思考', iconName: 'IconThinkOutline14', iconSize: 14,
+            running: running, separator: true, summaryText: askSummaryLine(thinking, running),
+            summaryClass: 'dshcs-think-summary', bodyClass: 'dshcs-think-body', bodyTag: 'div', bodyText: thinking,
+          }),
+          bodyElement,
+        )
+      }
+
+      if (entry.role === 'tool') {
+        return React.createElement(
+          'div',
+          { className: 'dshcs-tool', 'data-state': entry.status === undefined || entry.status === null ? 'running' : entry.status },
+          React.createElement('span', { className: 'dshcs-tool-name' }, entry.name === undefined || entry.name === null ? 'tool' : entry.name),
+          React.createElement('span', { className: 'dshcs-tool-summary' }, entry.summary === undefined || entry.summary === null ? '' : entry.summary),
+          React.createElement(
+            'span',
+            { className: 'dshcs-tool-state', 'data-state': entry.status === undefined || entry.status === null ? 'running' : entry.status },
+            ASK_TOOL_STATE[entry.status] !== undefined ? ASK_TOOL_STATE[entry.status] : (entry.status === undefined || entry.status === null ? '' : entry.status),
+          ),
+        )
+      }
+
+      if (entry.role === 'approval') {
+        var state = entry.status === undefined || entry.status === null ? 'asked' : entry.status
+        return React.createElement(
+          'div',
+          { className: 'dshcs-tool dshcs-approval-row', 'data-state': state },
+          React.createElement('span', { className: 'dshcs-tool-name' }, entry.toolName !== undefined && entry.toolName !== null ? entry.toolName : (entry.name !== undefined && entry.name !== null ? entry.name : 'tool')),
+          React.createElement('span', { className: 'dshcs-tool-summary' }, entry.summary === undefined || entry.summary === null ? '' : entry.summary),
+          React.createElement('span', { className: 'dshcs-tool-state' }, ASK_APPROVAL_STATE[state] !== undefined ? ASK_APPROVAL_STATE[state] : state),
+        )
+      }
+
+      return null
+    }
+
+    /**
+     * 待决授权卡片(等价于 approval.jsx)。
+     *
+     * 两条实测教训都在这里:卡片**不自己判过期**(按钮能不能点由"宿主还挂着这条请求"决定,
+     * 请求被交回官方链路时它会从 approvals 里消失 → 变成审计行),并且只对这一次动作有效,
+     * 没有"以后都允许"这种入口。
+     */
+    function AskApprovalCard(props) {
+      var item = props.item
+      var choice = props.decided === undefined ? null : props.decided
+      var locked = choice !== null
+      return React.createElement(
+        'div',
+        { className: 'dshcs-approval', 'data-decided': choice === null ? undefined : choice },
+        React.createElement(
+          'div',
+          { className: 'dshcs-approval-head' },
+          React.createElement('span', { className: 'dshcs-approval-title' }, '需要你的授权'),
+          React.createElement('span', { className: 'dshcs-approval-timer' }, askRemainingText(item, props.holdMs, props.now)),
+        ),
+        React.createElement(
+          'div',
+          { className: 'dshcs-approval-body' },
+          React.createElement('span', { className: 'dshcs-approval-tool' }, item.toolName),
+          item.reason === '' || item.reason === undefined ? null : React.createElement('div', { className: 'dshcs-approval-reason' }, item.reason),
+        ),
+        React.createElement(
+          'div',
+          { className: 'dshcs-approval-actions' },
+          askButton({ disabled: locked, onClick: function () { props.onDecide(item.id, 'allowed-once') } }, '允许一次'),
+          askButton({ secondary: true, disabled: locked, onClick: function () { props.onDecide(item.id, 'rejected') } }, '拒绝'),
+          React.createElement(
+            'span',
+            { className: 'dshcs-approval-note' },
+            choice === null
+              ? '只对这一次动作有效;关掉面板即交回 DSH 界面'
+              : (choice === 'allowed-once' ? '已允许一次(DSH 继续执行)' : '已拒绝'),
+          ),
+        ),
+      )
+    }
+
+    /** 面板本体:**纯展示** —— 状态全部由 AskRoot 通过 props 给进来,可以直接喂一棵假 view 单测。 */
+    function AskPanel(props) {
+      var view = props.view
+      var entries = view.entries
+      // 状态行优先级:面板自己的脚本错误 > 宿主给的 statusText > 客户端侧的投递提示(排队/插入当前轮)。
+      var status = props.scriptError !== null
+        ? props.scriptError
+        : (view.statusText !== '' ? view.statusText : (view.deliveryNote === null ? '' : view.deliveryNote))
+      return React.createElement(
+        'div',
+        { className: 'dshcs-app' },
+        React.createElement(
+          'header',
+          { className: 'dshcs-header' },
+          React.createElement('span', { className: 'dshcs-title' }, 'DSH'),
+          React.createElement('span', { className: 'dshcs-where' }, view.contextText),
+          React.createElement('button', {
+            type: 'button', className: 'dshcs-close', title: '关闭(Shift+Esc)', 'aria-label': '关闭', onClick: props.onClose,
+          }, '✕'),
+        ),
+        props.scriptError === null ? null : React.createElement('div', { className: 'dshcs-warn' }, props.scriptError),
+        view.threadError === null ? null : React.createElement('div', { className: 'dshcs-warn' }, view.threadError),
+        React.createElement(
+          'main',
+          { className: 'dshcs-log', ref: props.logRef, onScroll: props.onScroll },
+          entries.length === 0
+            ? React.createElement('div', { className: 'dshcs-empty' }, '在下面提问:DSH 的回答会像 DSH 界面那样显示在这里(思考折叠、正文按官方渲染)。')
+            : entries.map(function (entry, index) {
+              return React.createElement(AskThreadEntry, {
+                key: String(entry.role) + '-' + index + '-' + (entry.callId !== undefined && entry.callId !== null ? entry.callId : (entry.approvalId !== undefined && entry.approvalId !== null ? entry.approvalId : '')),
+                entry: entry,
+              })
+            }),
+        ),
+        view.approvals.map(function (item) {
+          return React.createElement(AskApprovalCard, {
+            key: item.id, item: item, holdMs: view.approvalHoldMs, now: props.now,
+            decided: props.decided[item.id] === undefined ? null : props.decided[item.id],
+            onDecide: props.onDecide,
+          })
+        }),
+        React.createElement('div', { className: 'dshcs-status', 'data-status': view.status }, status),
+        React.createElement(
+          'footer',
+          { className: 'dshcs-footer' },
+          React.createElement('textarea', {
+            value: props.draft,
+            placeholder: '问 DSH…(Enter 发送,Shift+Enter 换行)',
+            onChange: function (event) { props.onDraft(event.target.value) },
+            onKeyDown: props.onKeyDown,
+            autoFocus: true,
+          }),
+          askButton({ disabled: props.sending === true || String(props.draft).trim() === '', onClick: props.onSubmit }, '发送'),
+        ),
+      )
+    }
+
+    /** 渲染兜底:面板渲染抛错时显示原因,而不是留一块空白(空白是最难查的失败)。 */
+    function askErrorView(error) {
+      var message = error !== null && error !== undefined && error.message !== undefined ? error.message : String(error)
+      return React.createElement('div', { className: 'dshcs-panel' },
+        React.createElement('div', { className: 'dshcs-warn' }, '面板渲染出错:' + message))
+    }
+
+    /** 错误边界(React 只在类组件里提供它)。 */
+    class AskBoundary extends React.Component {
+      constructor(props) {
+        super(props)
+        this.state = { error: null }
+      }
+
+      componentDidCatch(error) {
+        console.error('[code-server] 「问 DSH」面板渲染出错:', error)
+        this.setState({ error: error })
+      }
+
+      render() {
+        if (this.state.error !== null) return askErrorView(this.state.error)
+        return this.props.children === undefined ? null : this.props.children
+      }
+    }
+
+    /** 面板的根:持有视图状态,并把宿主的每趟状态推进来。 */
+    function AskRoot() {
+      var viewState = React.useState(askViewState())
+      var view = viewState[0]
+      var setView = viewState[1]
+      var nowState = React.useState(function () { return Date.now() })
+      var now = nowState[0]
+      var setNow = nowState[1]
+      var draftState = React.useState('')
+      var sendingState = React.useState(false)
+      var errorState = React.useState(null)
+      var decidedState = React.useState({})
+      var draft = draftState[0]
+      var setDraft = draftState[1]
+      var sending = sendingState[0]
+      var setSending = sendingState[1]
+      var scriptError = errorState[0]
+      var decided = decidedState[0]
+      var setDecided = decidedState[1]
+      var logRef = React.useRef(null)
+      var stickRef = React.useRef(true)
+
+      // 宿主 → 面板:壳直接调(同一个 window,不走 postMessage —— DSH 页面里 postMessage 是公共广播)。
+      React.useEffect(function () {
+        ask.push = function (payload) {
+          if (payload === null || typeof payload !== 'object') return
+          setView(function (prev) { return askApplyPayload(prev, Object.assign({}, payload, { type: 'state' })) })
         }
-        askEnsureShell()
-        if (document.getElementById('dshcs-ask-style') === null) {
-          var style = document.createElement('style')
-          style.id = 'dshcs-ask-style'
-          style.textContent = bundle.css
-          document.head.appendChild(style)
+        if (ask.pending !== null) ask.push(ask.pending)
+        return function () { ask.push = null }
+      }, [])
+
+      // 授权倒计时:只在有卡片时跑。
+      React.useEffect(function () {
+        if (view.approvals.length === 0) return undefined
+        var timer = window.setInterval(function () { setNow(Date.now()) }, 250)
+        return function () { window.clearInterval(timer) }
+      }, [view.approvals.length])
+
+      // 已提交的决策:卡片消失后清掉(不然 decided 会一直涨)。
+      React.useEffect(function () {
+        setDecided(function (prev) {
+          var ids = {}
+          view.approvals.forEach(function (item) { ids[item.id] = true })
+          var next = {}
+          var changed = false
+          Object.keys(prev).forEach(function (id) {
+            if (ids[id] === true) next[id] = prev[id]
+            else changed = true
+          })
+          return changed ? next : prev
+        })
+      }, [view.approvals])
+
+      // 贴底滚动:用户主动往上翻时不打扰。
+      React.useEffect(function () {
+        var node = logRef.current
+        if (node !== null && node !== undefined && stickRef.current) node.scrollTop = node.scrollHeight
+      }, [view.entries])
+
+      // 任何一趟宿主状态回来都解除"发送中"的按钮锁(0.3.44 的教训:对话框形态下宿主的 status
+      // **一直是 idle**,盯着 status 变化的写法会让按钮第一次发送后永久变灰)。
+      React.useEffect(function () { setSending(false) }, [view])
+      // 兜底:某一趟状态没回来(宿主卡住/请求失败)时最多 15 秒也解锁。
+      React.useEffect(function () {
+        if (sending !== true) return undefined
+        var timer = window.setTimeout(function () { setSending(false) }, 15000)
+        return function () { window.clearTimeout(timer) }
+      }, [sending])
+
+      var submit = function () {
+        var text = String(draft).trim()
+        if (text === '' || sending) return
+        setSending(true)
+        setDraft('')
+        askOnMessage({ type: 'ask', text: text })
+      }
+      var onKeyDown = function (event) {
+        if (event.key === 'Enter' && event.shiftKey === false) {
+          event.preventDefault()
+          submit()
         }
-        // 面板脚本:给它 acquireVsCodeApi 替身 + 挂载点,再执行。
-        window.__DSHCS_HOST__ = 'dsh'
-        window.__DSHCS_MOUNT__ = ask.body
-        window.acquireVsCodeApi = function () { return { postMessage: askOnMessage } }
-        var script = document.createElement('script')
-        script.textContent = bundle.js
-        document.head.appendChild(script)
+      }
+      var onScroll = function () {
+        var node = logRef.current
+        if (node === null || node === undefined) return
+        stickRef.current = node.scrollHeight - node.scrollTop - node.clientHeight < 48
+      }
+      var onDecide = function (id, outcome) {
+        setDecided(function (prev) {
+          var next = Object.assign({}, prev)
+          next[id] = outcome
+          return next
+        })
+        askOnMessage({ type: 'approve', id: id, outcome: outcome })
+      }
+
+      return React.createElement(
+        AskBoundary,
+        null,
+        React.createElement(AskPanel, {
+          view: view, now: now, draft: draft, sending: sending, scriptError: scriptError, decided: decided,
+          logRef: logRef, onScroll: onScroll, onDraft: setDraft, onKeyDown: onKeyDown,
+          onSubmit: submit, onDecide: onDecide, onClose: function () { askOnMessage({ type: 'close' }) },
+        }),
+      )
+    }
+
+    /** 挂载面板(只做一次):样式进 <head>,React 根挂在对话框的 body 上。 */
+    function askMount() {
+      if (ask.mounted) return
+      askEnsureShell()
+      if (document.getElementById('dshcs-ask-style') === null) {
+        var style = document.createElement('style')
+        style.id = 'dshcs-ask-style'
+        style.textContent = ASK_CSS
+        document.head.appendChild(style)
+      }
+      var renderer = askPrimitives()
+      if (renderer.createRoot === null) {
+        // 连 React 都取不到:至少把"为什么"写在面板里,不要开一扇空白窗。
+        var why = document.createElement('div')
+        why.className = 'dshcs-warn'
+        why.textContent = '面板无法挂载:模块表里取不到 react-dom/client(' + renderer.why + ')'
+        ask.body.appendChild(why)
+        askNotice('面板无法挂载:' + renderer.why)
         ask.mounted = true
-        setTimeout(function () { askPush(true) }, 60)
-      }).catch(function (err) {
-        ask.loading = false
-        askNotice('面板产物加载失败:' + String(err && err.message ? err.message : err))
-      })
+        return
+      }
+      ask.root = renderer.createRoot(ask.body)
+      ask.root.render(React.createElement(AskBoundary, null, React.createElement(AskRoot, null)))
+      ask.mounted = true
+      console.log('[code-server] 「问 DSH」面板已挂载'
+        + (renderer.primitives === null ? '(降级:无官方渲染器)' : '(官方渲染器:页面模块表)'))
     }
 
     /** 轮询 host 状态:open 就显示并推状态,关了或没变化就什么都不做。 */
@@ -1877,8 +2824,8 @@ let React = require('react')
       if (ask.timer !== null) return
       ask.timer = setInterval(askPoll, ASK_POLL_MS)
       setTimeout(askPoll, 800)
-      // 空闲时预热面板产物(0.3.42):用户点「问 DSH」时就不必再等一次 1.4MB 的取+解析。
-      setTimeout(askPreload, 3000)
+      // 0.3.42 的"空闲预热面板产物"随注入机制一起去掉了:面板现在就是本文件里的组件,
+      // 页面加载插件时已经解析完,没有 1.4MB 的"取文本 + 解析 + 执行"要等。
       console.log('[code-server] ask dialog poller started (every ' + ASK_POLL_MS + 'ms)')
     }
 
@@ -2025,7 +2972,7 @@ let React = require('react')
 
 // ---- 测试钩子(唯一为测试而存在的代码;DSH 永不设置该标志)----
 // scripts/client-bundle-harness.mjs 的 testHooks 选项会先设 window.__dshcsTestHooks = true,
-// 于是两个"纯函数单元套件"(workspace 解析、全屏动作)可以直接调这里的内部函数,
+// 于是几个"纯函数/纯树"单元套件(workspace 解析、全屏动作、问 DSH 面板)可以直接调这里的内部函数,
 // 不需要为了可测而把模块拆出去(拆出去就意味着又要有构建)。
 if (typeof window !== 'undefined' && window.__dshcsTestHooks === true) {
   module.exports.__internals = {
@@ -2045,6 +2992,30 @@ if (typeof window !== 'undefined' && window.__dshcsTestHooks === true) {
     PREVIEW_FRIENDLY_EXTENSIONS: PREVIEW_FRIENDLY_EXTENSIONS,
     EXECUTABLE_EXTENSIONS: EXECUTABLE_EXTENSIONS,
     OFFICE_EXTENSIONS: OFFICE_EXTENSIONS,
+    // 「问 DSH」面板(0.3.59 起手写;面板的每个选择器/每次降级都要能被钉住)
+    ASK_CSS: ASK_CSS,
+    ASK_LABELS: ASK_LABELS,
+    askViewState: askViewState,
+    askApplyPayload: askApplyPayload,
+    askPrimitives: askPrimitives,
+    askComponent: askComponent,
+    askButton: askButton,
+    askSummaryLine: askSummaryLine,
+    askDeliveryNote: askDeliveryNote,
+    askRemainingText: askRemainingText,
+    askErrorView: askErrorView,
+    AskBoundary: AskBoundary,
+    AskDisclosureRow: AskDisclosureRow,
+    AskThreadEntry: AskThreadEntry,
+    AskApprovalCard: AskApprovalCard,
+    AskPanel: AskPanel,
+    AskRoot: AskRoot,
+    askMount: askMount,
+    askPush: askPush,
+    askOnMessage: askOnMessage,
+    askClose: askClose,
+    askEnsureShell: askEnsureShell,
+    askState: ask,
   }
 }