dsh-code-server-app 0.3.23 → 0.3.25

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

@@ -16,22 +16,25 @@
   color-scheme: light dark;
 }
 
-html,
-body,
-#root {
+/* 面板根容器:
+ *  - webview 形态:body 带 .dshcs-panel(见 lib/ask-panel.js 的外壳 HTML);
+ *  - DSH 页面形态(0.2.5):对话框把 .dshcs-panel 放在自己的容器 div 上,
+ *    所有排版规则都挂在这个类下,**绝不碰 DSH 自己的 body**(注入样式不能改宿主界面)。
+ */
+.dshcs-panel {
   height: 100%;
-}
-
-body {
   margin: 0;
-  /* 官方令牌表会设 body 的背景与前景(DSH 的颜色);面板跟随编辑器主题,所以覆盖掉。 */
-  background: var(--vscode-editor-background);
-  color: var(--vscode-foreground);
-  font-family: var(--vscode-font-family);
+  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;
@@ -157,8 +160,39 @@ body {
   justify-content: flex-end;
 }
 
-.dshcs-bubble {
+/* 用户消息:注入的上下文(折叠行)+ 问题气泡,右对齐成一组。 */
+.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));

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

@@ -12,7 +12,12 @@
 // 工具 / 授权:面板只给一行紧凑摘要(不做逐工具的自定义卡片)。
 
 import { memo, useState } from 'react';
-import { DisclosureRow, IconThinkOutline14, MarkdownText } from '@deepseek-ai/dsh-client-ui-primitives';
+import {
+  DisclosureRow,
+  IconContextInjectionOutline16,
+  IconThinkOutline14,
+  MarkdownText,
+} from '@deepseek-ai/dsh-client-ui-primitives';
 
 /** 官方渲染器的界面文案(面板自己给中文;DSH 界面走它自己的 locale)。 */
 const LABELS = { code: { copyLabel: '复制', copiedLabel: '已复制' }, footnotes: '脚注' };
@@ -66,11 +71,42 @@ function ThinkingRow({ text, running }) {
   );
 }
 
+/**
+ * 一行「注入的上下文」(默认收起):桥拼进消息的位置行 + 选区代码块。
+ *
+ * 与 DSH 界面对注入上下文的处理一致 —— 默认折叠,只留一行摘要;点开才看得到那段代码。
+ * 摘要取位置行(第一行),去掉 `From the editor: ` 前缀(标题已经说了"来自编辑器")。
+ */
+function ContextRow({ text }) {
+  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="上下文"
+        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') {
+    const context = typeof entry.context === 'string' ? entry.context : '';
     return (
       <div className="dshcs-msg dshcs-user">
-        <div className="dshcs-bubble" data-status={entry.status ?? undefined}>{entry.text}</div>
+        <div className="dshcs-user-stack">
+          {context === '' ? null : <ContextRow text={context} />}
+          <div className="dshcs-bubble" data-status={entry.status ?? undefined}>{entry.text}</div>
+        </div>
       </div>
     );
   }