dsh-code-server-app 0.3.58 → 0.3.63

package/assets/extensions/dshcs-editor-bridge/webview/src/app.jsx

@@ -1,242 +0,0 @@
-// dshcs-editor-bridge / webview/src/app.jsx —— 「问 DSH」面板(0.2.3)
-//
-// 面板 = 外壳(上下文 / 状态 / 输入框 / 授权卡片)+ **DSH 官方渲染的对话内容**。
-// 对话数据来自宿主 `/sync` 的 `thread` 字段:只有**新内容**(0.3.22 起,历史不重放),
-// 助手正文逐条交给官方 markdown 渲染器(thread.jsx)。
-//
-// 与扩展侧的分工(消息协议,postMessage):
-//   扩展 → 面板:`{type:'state', …}`(面板状态载荷,形状见 lib/ask-panel.js 的 panelPayload)
-//   面板 → 扩展:`{type:'ready'}` / `{type:'ask', text}` / `{type:'approve', id, outcome}`
-//
-// 纯逻辑(状态合并 / 载荷解析)在 lib/ask-panel.js 里,与扩展侧同一份,可在 Node 里单测;
-// 本文件只做"把状态画出来"。
-
-import { useEffect, useRef, useState } from 'react';
-import { createRoot } from 'react-dom/client';
-
-import panel from '../../lib/ask-panel.js';
-import { ThreadEntry } from './thread.jsx';
-import { ApprovalCard } from './approval.jsx';
-import './panel.css';
-
-/** 打包时的官方渲染器版本(由 scripts/build-webview.mjs 注入)。 */
-const RENDERER_VERSION = typeof __DSHCS_RENDERER_VERSION__ === 'string' ? __DSHCS_RENDERER_VERSION__ : '';
-/** 打包时的官方 UI 包名(用于版本不一致时的提示文案)。 */
-const RENDERER_PACKAGE = typeof __DSHCS_RENDERER_PACKAGE__ === 'string' ? __DSHCS_RENDERER_PACKAGE__ : '';
-
-const vscode = acquireVsCodeApi();
-
-/** 宿主形态(0.2.5):`'dsh'` = 跑在 DSH 页面里的浮动对话框里,否则是 VS Code webview 面板。 */
-const HOST = typeof window.__DSHCS_HOST__ === 'string' ? window.__DSHCS_HOST__ : 'webview';
-/** 挂载点:对话框把它的容器交进来;webview 里就是 #root。 */
-const MOUNT = window.__DSHCS_MOUNT__ instanceof HTMLElement
-  ? window.__DSHCS_MOUNT__
-  : document.getElementById('root');
-
-/** 面板外壳的初始视图状态。 */
-const INITIAL = panel.createViewState();
-
-function App() {
-  const [view, setView] = useState(INITIAL);
-  const [now, setNow] = useState(() => Date.now());
-  const [draft, setDraft] = useState('');
-  const [sending, setSending] = useState(false);
-  const [scriptError, setScriptError] = useState(null);
-  const [decided, setDecided] = useState({});
-  const logRef = useRef(null);
-  const stickRef = useRef(true);
-  const boxRef = useRef(null);
-
-  // 对话框形态:壳子直接推状态(同一个 window,不走 postMessage —— DSH 页面里 postMessage 是公共广播)。
-  useEffect(() => {
-    if (HOST !== 'dsh') return undefined;
-    window.__DSHCS_ASK_PUSH__ = (payload) => {
-      if (payload === null || typeof payload !== 'object') return;
-      setView((prev) => panel.applyPayload(prev, { ...payload, type: 'state' }));
-    };
-    return () => { delete window.__DSHCS_ASK_PUSH__; };
-  }, []);
-
-  // 扩展 → 面板的消息(webview 形态)。
-  useEffect(() => {
-    const onMessage = (event) => {
-      const data = event.data;
-      if (data === null || typeof data !== 'object') return;
-      if (data.type === 'state') setView((prev) => panel.applyPayload(prev, data));
-    };
-    window.addEventListener('message', onMessage);
-    // 面板脚本自己出错也要说出来:静默空白是最难查的一种失败。
-    // **但"ResizeObserver loop completed with undelivered notifications"不是脚本错误**(0.3.41):
-    // 那是 Chromium 在布局收敛时投递的良性告警(官方渲染器的视口高亮/折叠行都会触发它),
-    // 浏览器自己会重试,重试后一帧内就恢复。把它当成"面板脚本出错"会误导用户去查一个不存在的问题。
-    const BENIGN = /ResizeObserver loop/i;
-    const onError = (event) => {
-      const message = event && event.message ? String(event.message) : '未知';
-      if (BENIGN.test(message)) return;
-      setScriptError(`面板脚本出错:${message}`);
-    };
-    const onRejection = (event) => {
-      const reason = event && event.reason ? String(event.reason) : '未知';
-      if (BENIGN.test(reason)) return;
-      setScriptError(`面板脚本出错:${reason}`);
-    };
-    window.addEventListener('error', onError);
-    window.addEventListener('unhandledrejection', onRejection);
-    vscode.postMessage({ type: 'ready' });
-    return () => {
-      window.removeEventListener('message', onMessage);
-      window.removeEventListener('error', onError);
-      window.removeEventListener('unhandledrejection', onRejection);
-    };
-  }, []);
-
-  // 暗色主题:官方令牌表用 body[data-ds-dark-theme] 切换调色板。
-  // **只在 webview 里做**:在 DSH 页面里那个属性属于 DSH 自己,面板不能去改它(会翻掉整个界面主题)。
-  useEffect(() => {
-    if (HOST === 'dsh') return undefined;
-    const sync = () => {
-      const dark = document.body.classList.contains('vscode-dark')
-        || document.body.classList.contains('vscode-high-contrast');
-      if (dark) document.body.setAttribute('data-ds-dark-theme', '');
-      else document.body.removeAttribute('data-ds-dark-theme');
-    };
-    sync();
-    const observer = new MutationObserver(sync);
-    observer.observe(document.body, { attributes: true, attributeFilter: ['class'] });
-    return () => observer.disconnect();
-  }, []);
-
-  // 授权倒计时:只在有卡片时跑。
-  useEffect(() => {
-    if (view.approvals.length === 0) return undefined;
-    const timer = window.setInterval(() => setNow(Date.now()), 250);
-    return () => window.clearInterval(timer);
-  }, [view.approvals.length]);
-
-  // 已提交的决策:卡片消失后清掉(不然 decided 会一直涨)。
-  useEffect(() => {
-    setDecided((prev) => {
-      const ids = new Set(view.approvals.map((item) => item.id));
-      const next = {};
-      let changed = false;
-      for (const [id, value] of Object.entries(prev)) {
-        if (ids.has(id)) next[id] = value;
-        else changed = true;
-      }
-      return changed ? next : prev;
-    });
-  }, [view.approvals]);
-
-  // 贴底滚动:用户主动往上翻时不打扰。
-  useEffect(() => {
-    const node = logRef.current;
-    if (node !== null && stickRef.current) node.scrollTop = node.scrollHeight;
-  }, [view.entries]);
-
-  // 任何一趟宿主状态回来都解除"发送中"的按钮锁(0.3.44)。
-  // 老写法盯着 `view.status` 变化 —— 而对话框形态下宿主回的 status **一直是 'idle'**,
-  // 于是那个 effect 永远不再触发:第一次发送之后按钮就永久变灰(实测"只能发送一次,没法追问")。
-  useEffect(() => {
-    setSending(false);
-  }, [view]);
-  // 兜底:万一某一趟状态没回来(宿主卡住/请求失败),最多 15 秒也把锁解开。
-  useEffect(() => {
-    if (sending !== true) return undefined;
-    const timer = window.setTimeout(() => setSending(false), 15000);
-    return () => window.clearTimeout(timer);
-  }, [sending]);
-
-  const onScroll = () => {
-    const node = logRef.current;
-    if (node === null) return;
-    stickRef.current = node.scrollHeight - node.scrollTop - node.clientHeight < 48;
-  };
-
-  const submit = () => {
-    const text = draft.trim();
-    if (text === '' || sending) return;
-    setSending(true);
-    setDraft('');
-    vscode.postMessage({ type: 'ask', text });
-  };
-
-  const onKeyDown = (event) => {
-    if (event.key === 'Enter' && event.shiftKey === false) {
-      event.preventDefault();
-      submit();
-    }
-  };
-
-  const onDecide = (id, outcome) => {
-    setDecided((prev) => ({ ...prev, [id]: outcome }));
-    vscode.postMessage({ type: 'approve', id, outcome });
-  };
-
-  const status = scriptError === null ? view.statusText : scriptError;
-  const versionNote = view.uiVersion !== null && view.uiVersion !== undefined && RENDERER_VERSION !== ''
-    && view.uiVersion !== RENDERER_VERSION
-    ? `面板内置的渲染器是 ${RENDERER_PACKAGE}@${RENDERER_VERSION},而当前 DSH 界面是 ${view.uiVersion}:`
-      + '排版可能有差异(重建面板:pnpm run build:webview)。'
-    : null;
-
-  return (
-    <div className="dshcs-app">
-      <header className="dshcs-header">
-        <span className="dshcs-title">DSH</span>
-        <span className="dshcs-where">{view.contextText}</span>
-        {RENDERER_VERSION === '' ? null : <span className="dshcs-version">渲染器 {RENDERER_VERSION}</span>}
-        <button
-          type="button"
-          className="dshcs-close"
-          title="关闭(Shift+Esc)"
-          aria-label="关闭"
-          onClick={() => vscode.postMessage({ type: 'close' })}
-        >
-          ✕
-        </button>
-      </header>
-
-      {view.threadError === null ? null : <div className="dshcs-warn">{view.threadError}</div>}
-      {versionNote === null ? null : <div className="dshcs-warn">{versionNote}</div>}
-
-      <main className="dshcs-log" ref={logRef} onScroll={onScroll}>
-        {view.entries.length === 0
-          ? <div className="dshcs-empty">在下面提问:DSH 的回答会像 DSH 界面那样显示在这里(思考折叠、正文按官方渲染)。</div>
-          : view.entries.map((entry, index) => (
-            <ThreadEntry key={`${entry.role}-${index}-${entry.callId ?? entry.approvalId ?? ''}`} entry={entry} />
-          ))}
-      </main>
-
-      {view.approvals.map((item) => (
-        <ApprovalCard
-          key={item.id}
-          item={item}
-          holdMs={view.approvalHoldMs}
-          now={now}
-          decided={decided[item.id] ?? null}
-          onDecide={onDecide}
-        />
-      ))}
-
-      <div className="dshcs-status" data-status={view.status}>{status}</div>
-
-      <footer className="dshcs-footer">
-        <textarea
-          ref={boxRef}
-          value={draft}
-          placeholder="问 DSH…(Enter 发送,Shift+Enter 换行)"
-          onChange={(event) => setDraft(event.target.value)}
-          onKeyDown={onKeyDown}
-          autoFocus
-        />
-        <button type="button" disabled={sending || draft.trim() === ''} onClick={submit}>发送</button>
-      </footer>
-    </div>
-  );
-}
-
-if (MOUNT === null || MOUNT === undefined) {
-  console.error('[dshcs] 面板挂载点不存在(#root 或 window.__DSHCS_MOUNT__)');
-} else {
-  createRoot(MOUNT).render(<App />);
-}

package/assets/extensions/dshcs-editor-bridge/webview/src/approval.jsx

@@ -1,61 +0,0 @@
-// dshcs-editor-bridge / webview/src/approval.jsx —— 待决授权卡片(0.2.3;0.2.4 修"失效")
-//
-// 背景(见 lib/bridge-approval.mjs):DSH 的敏感动作(写工作区外的文件、执行命令)会走
-// `approval/request` 这条 agent 作用域的 waterfall。面板在旁边看的时候先接住它:
-//   - 用户在这张卡片上点「允许一次 / 拒绝」→ 立刻生效(官方卡片不再出现);
-//   - **面板关掉**(或等满宿主给的窗口,默认 5 分钟)→ 交回官方链路,DSH 界面里照旧弹同一张卡片。
-//
-// 0.2.3 的教训(用户实测:"授权框失效了"):卡片自己按 8 秒判过期 → 读完再点,按钮已经是灰的。
-// 现在**不再由前端判过期**:只要卡片还在(宿主这边仍未决),按钮就可点;请求被交回官方链路时
-// 它会从 `approvals` 里消失,面板改为显示审计行。倒计时只是"还有多久交回官方链路"的提示,
-// 不再决定能不能点。
-//
-// 卡片只做两件事:**显示**这次请求要干什么(工具名 + 原因),**回答**它。
-// 没有任何"记住这次选择""以后都允许"的入口 —— 授权只对这一次动作有效。
-
-/** 剩余时间文案(超过一分钟就 mm:ss,避免秒数跳动带来的紧张感)。 */
-function remainingText(item, holdMs, now) {
-  const at = Number.isSafeInteger(item.at) ? item.at : now;
-  const left = Math.max(0, at + holdMs - now);
-  if (left === 0) return '已交回 DSH 界面';
-  const totalSeconds = Math.ceil(left / 1000);
-  const minutes = Math.floor(totalSeconds / 60);
-  const seconds = totalSeconds % 60;
-  return minutes > 0
-    ? `${minutes} 分 ${String(seconds).padStart(2, '0')} 秒后交回 DSH 界面`
-    : `${seconds} 秒后交回 DSH 界面`;
-}
-
-export function ApprovalCard({ item, holdMs, now, decided, onDecide }) {
-  const choice = decided ?? null;
-  // 已提交(点了但宿主还没确认):锁住按钮避免连点;这张卡片何时消失由宿主决定。
-  const locked = choice !== null;
-
-  return (
-    <div className="dshcs-approval" data-decided={choice ?? undefined}>
-      <div className="dshcs-approval-head">
-        <span className="dshcs-approval-title">需要你的授权</span>
-        <span className="dshcs-approval-timer">{remainingText(item, holdMs, now)}</span>
-      </div>
-      <div className="dshcs-approval-body">
-        <span className="dshcs-approval-tool">{item.toolName}</span>
-        {item.reason === '' ? null : <div className="dshcs-approval-reason">{item.reason}</div>}
-      </div>
-      <div className="dshcs-approval-actions">
-        <button type="button" disabled={locked} onClick={() => onDecide(item.id, 'allowed-once')}>
-          允许一次
-        </button>
-        <button type="button" disabled={locked} onClick={() => onDecide(item.id, 'rejected')}>
-          拒绝
-        </button>
-        {choice === null
-          ? <span className="dshcs-approval-note">只对这一次动作有效;关掉面板即交回 DSH 界面</span>
-          : (
-            <span className="dshcs-approval-note">
-              {choice === 'allowed-once' ? '已允许一次(DSH 继续执行)' : '已拒绝'}
-            </span>
-          )}
-      </div>
-    </div>
-  );
-}