dsh-code-server-app 0.3.57 → 0.3.59

package/assets/extensions/dshcs-editor-bridge/webview/src/panel.css

@@ -1,380 +0,0 @@
-/* dshcs-editor-bridge / webview/src/panel.css —— 「问 DSH」面板自己的样式(0.2.3)
- *
- * 面板的外壳(标题 / 状态 / 输入框 / 授权卡片)用 VS Code 主题变量,跟编辑器原生面板一致;
- * 消息正文**不在这里排版** —— 交给 DSH 官方渲染器的 CSS(MarkdownText.module.css /
- * CodeBlock.module.css),它依赖一套设计令牌(--dsw-* / --dsl-* / --shiki-*),
- * 由下面这行提供:构建脚本从官方发布物
- * (`@deepseek-ai/dsh-client-ui-theme` 的 lib/client.js 里内联的 CSS)原样抽出来,
- * 所以与 DSH 界面用的是同一套令牌(见 scripts/build-webview.mjs)。
- *
- * 顺序要紧:@import 必须在最前(官方令牌先落地),后面的覆盖规则才生效。
- */
-
-@import "./official-tokens.css";
-
-:root {
-  color-scheme: light dark;
-}
-
-/* 面板根容器:
- *  - webview 形态:body 带 .dshcs-panel(见 lib/ask-panel.js 的外壳 HTML);
- *  - DSH 页面形态(0.2.5):对话框把 .dshcs-panel 放在自己的容器 div 上,
- *    所有排版规则都挂在这个类下,**绝不碰 DSH 自己的 body**(注入样式不能改宿主界面)。
- */
-.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-panel #root {
-  height: 100%;
-}
-
-.dshcs-app {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  /* 对话框形状(0.2.4):面板开在编辑器区、占满工作台宽度,内容居中限宽。 */
-  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, 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-version {
-  opacity: 0.7;
-  font-family: var(--vscode-editor-font-family, monospace);
-  font-size: 11px;
-}
-
-.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, 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));
-  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));
-  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));
-  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));
-  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, rgba(128, 128, 128, 0.12));
-  border: 1px solid var(--vscode-input-border, 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, rgba(128, 128, 128, 0.4));
-  font-size: 12px;
-  opacity: 0.85;
-}
-
-.dshcs-tool .dshcs-tool-name {
-  font-family: 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(--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-actions button {
-  padding: 3px 10px;
-  border: 1px solid var(--vscode-button-border, transparent);
-  border-radius: 4px;
-  cursor: pointer;
-  color: var(--vscode-button-foreground);
-  background: var(--vscode-button-background);
-  font-family: inherit;
-  font-size: 12px;
-}
-
-.dshcs-approval-actions button + button {
-  color: var(--vscode-button-secondaryForeground, var(--vscode-foreground));
-  background: var(--vscode-button-secondaryBackground, rgba(128, 128, 128, 0.2));
-}
-
-.dshcs-approval-actions button:disabled {
-  opacity: 0.5;
-  cursor: default;
-}
-
-.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, 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, rgba(128, 128, 128, 0.35));
-  border-radius: 4px;
-  color: var(--vscode-input-foreground);
-  background: var(--vscode-input-background);
-  font-family: inherit;
-  font-size: inherit;
-}
-
-.dshcs-footer textarea:focus {
-  outline: 1px solid var(--vscode-focusBorder);
-  outline-offset: -1px;
-}
-
-.dshcs-footer button {
-  padding: 6px 14px;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  color: var(--vscode-button-foreground);
-  background: var(--vscode-button-background);
-  font-family: inherit;
-  font-size: inherit;
-}
-
-.dshcs-footer button:disabled {
-  opacity: 0.5;
-  cursor: default;
-}

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

@@ -1,160 +0,0 @@
-// dshcs-editor-bridge / webview/src/thread.jsx —— 一个对话条目的渲染(0.2.3 起;0.2.4 加思考行)
-//
-// 助手正文**不再自己排版**:直接调用 DSH 官方渲染器
-// (`@deepseek-ai/dsh-client-ui-primitives` 的 `MarkdownText` —— 与 DSH 界面同一份代码,
-// 同一套 mdast 管线、KaTeX、shiki 高亮、增量流式解析),面板只负责"外壳"。
-//
-// 思考过程(0.2.4):DSH 界面把它渲染成一行可折叠的「思考」(官方 `ReasoningRow` 用的就是
-// `DisclosureRow` + `IconThinkOutline14`,**默认收起**,收起时显示首行 / 流式时的最新一行)。
-// 面板用同一套官方部件重现它,差别只在文案与类名。
-//
-// 用户消息:DSH 界面里用户消息是纯文本气泡,这里保持一致(不渲染 markdown)。
-// 工具 / 授权:面板只给一行紧凑摘要(不做逐工具的自定义卡片)。
-
-import { memo, useState } from 'react';
-import {
-  DisclosureRow,
-  IconContextInjectionOutline16,
-  IconThinkOutline14,
-  MarkdownText,
-} from '@deepseek-ai/dsh-client-ui-primitives';
-
-/** 官方渲染器的界面文案(面板自己给中文;DSH 界面走它自己的 locale)。 */
-const LABELS = { code: { copyLabel: '复制', copiedLabel: '已复制' }, footnotes: '脚注' };
-
-/** 工具状态 → 中文。 */
-const TOOL_STATE = { running: '运行中', ok: '完成', error: '失败' };
-
-/** 授权审计行状态 → 中文。 */
-const APPROVAL_STATE = {
-  asked: '等待授权',
-  'allowed-once': '已允许一次',
-  rejected: '已拒绝',
-  cancelled: '已取消',
-  unavailable: '无人处理',
-};
-
-/** 折叠摘要取首行(还在流式时取最新一行)—— 与官方 ReasoningRow 同一规则。 */
-function summaryLine(text, running) {
-  const source = running ? text.trimEnd() : text;
-  if (source === '') return '';
-  const index = running ? source.lastIndexOf('\n') : source.indexOf('\n');
-  const line = index === -1 ? source : (running ? source.slice(index + 1) : source.slice(0, index));
-  return line.replaceAll('**', '');
-}
-
-/**
- * 一行「思考」(默认收起,点行即展开)—— 外形与交互照抄官方 `ReasoningRow`。
- * @param {{text: string, running: boolean}} props running = 这一轮的正文还没开始落
- */
-function ThinkingRow({ text, running }) {
-  const [expanded, setExpanded] = useState(false);
-  return (
-    <div className="dshcs-think" data-state={running ? 'running' : 'ok'} data-expanded={expanded || undefined}>
-      <DisclosureRow
-        icon={<IconThinkOutline14 size={14} />}
-        title={running ? '思考中' : '思考'}
-        open={expanded}
-        expandable
-        expandOnRowClick
-        onToggle={() => setExpanded((value) => !value)}
-        collapsedContent={(
-          <>
-            <span className="dshcs-think-separator" aria-hidden />
-            <span className="dshcs-think-summary">{summaryLine(text, running)}</span>
-          </>
-        )}
-      >
-        <div className="dshcs-think-body">{text}</div>
-      </DisclosureRow>
-    </div>
-  );
-}
-
-/**
- * 一行「注入的上下文」(默认收起):桥拼进消息的位置行 + 选区代码块。
- *
- * 与 DSH 界面对注入上下文的处理一致 —— 默认折叠,只留一行摘要;点开才看得到那段代码。
- * 摘要取位置行(第一行),去掉 `From the editor: ` 前缀(标题已经说了"来自编辑器")。
- */
-function ContextRow({ text, title = '上下文' }) {
-  const [expanded, setExpanded] = useState(false);
-  const firstLine = text.split('\n')[0] ?? '';
-  const summary = firstLine.replace(/^From the editor:\s*/i, '');
-  return (
-    <div className="dshcs-context" data-expanded={expanded || undefined}>
-      <DisclosureRow
-        icon={<IconContextInjectionOutline16 size={16} />}
-        title={title}
-        open={expanded}
-        expandable
-        expandOnRowClick
-        onToggle={() => setExpanded((value) => !value)}
-        collapsedContent={<span className="dshcs-context-summary">{summary}</span>}
-      >
-        <pre className="dshcs-context-body">{text}</pre>
-      </DisclosureRow>
-    </div>
-  );
-}
-
-export const ThreadEntry = memo(function ThreadEntry({ entry }) {
-  if (entry.role === 'user') {
-    // **别的工具注入的上下文不是"用户说的"**(0.3.43):DSH 界面按「上下文注入」折叠显示,面板照做 ——
-    // 否则这些注入会变成一屏用户气泡,把真正的对话挤掉。
-    if (typeof entry.sourceKind === 'string' && entry.sourceKind !== '') {
-      return (
-        <div className="dshcs-msg dshcs-injection">
-          <ContextRow text={entry.text} title="上下文注入" />
-        </div>
-      );
-    }
-    const context = typeof entry.context === 'string' ? entry.context : '';
-    return (
-      <div className="dshcs-msg dshcs-user">
-        <div className="dshcs-user-stack">
-          {context === '' ? null : <ContextRow text={context} />}
-          <div className="dshcs-bubble" data-status={entry.status ?? undefined}>{entry.text}</div>
-        </div>
-      </div>
-    );
-  }
-
-  if (entry.role === 'assistant') {
-    const thinking = typeof entry.thinking === 'string' ? entry.thinking : '';
-    // 正文还没到(整轮都是思考)→ 思考行标"思考中";正文到了就标"思考"(官方同一判据)。
-    const running = entry.streaming === true && entry.text === '';
-    return (
-      <div className="dshcs-msg dshcs-assistant">
-        {thinking === '' ? null : <ThinkingRow text={thinking} running={running} />}
-        {entry.text === ''
-          ? null
-          : <MarkdownText text={entry.text} streaming={entry.streaming === true} labels={LABELS} />}
-      </div>
-    );
-  }
-
-  if (entry.role === 'tool') {
-    return (
-      <div className="dshcs-tool" data-state={entry.status ?? 'running'}>
-        <span className="dshcs-tool-name">{entry.name ?? 'tool'}</span>
-        <span className="dshcs-tool-summary">{entry.summary ?? ''}</span>
-        <span className="dshcs-tool-state" data-state={entry.status ?? 'running'}>
-          {TOOL_STATE[entry.status] ?? entry.status ?? ''}
-        </span>
-      </div>
-    );
-  }
-
-  if (entry.role === 'approval') {
-    return (
-      <div className="dshcs-tool dshcs-approval-row" data-state={entry.status ?? 'asked'}>
-        <span className="dshcs-tool-name">{entry.toolName ?? entry.name ?? 'tool'}</span>
-        <span className="dshcs-tool-summary">{entry.summary ?? ''}</span>
-        <span className="dshcs-tool-state">{APPROVAL_STATE[entry.status] ?? entry.status ?? ''}</span>
-      </div>
-    );
-  }
-
-  return null;
-});