dsh-vscode-mode 0.1.62 → 0.2.0

package/src/client/sidebar/panels/FileExplorer.ts

@@ -5,10 +5,11 @@
  * host 树索引，命中近乎零成本）；挂载/切会话从缓存即时恢复展开树；⟳/edrv:refresh
  * 保留旧条目强制后台重列（force）；每次用户发起加载后预取 ≤4 个子目录（排除重型
  * 目录、缓存新鲜跳过、不级联）；10s 轻量跟随已展开目录（命中索引，RPC 近零成本）。
- * 差异角标/右键菜单/展开状态持久化行为不变。
- * 作者 ddj 2026-08-26 / 2026-08-27 / 2026-08-31
+ * 差异角标/右键菜单/展开状态持久化行为不变；行图标用官方原语（文件夹图标 + 文件类型图标）。
+ * 作者 ddj 2026-08-26 / 2026-08-27 / 2026-08-31 / 2026-09-10
  */
 import React from 'react'
+import { FileTypeIcon, IconFolderClose16, IconFolderOpen16, IconRefreshOutline16, classifyFileType } from '@deepseek-ai/dsh-client-ui-primitives'
 import { rpc } from '../../rpc.js'
 import { ContextMenu } from '../../ui/ContextMenu.js'
 import { buildTreeMenu } from '../contextMenu.js'
@@ -23,6 +24,58 @@ const FOLLOW_INTERVAL_MS = 10_000
 const PREFETCH_MAX = 4
 const PREFETCH_EXCLUDED = new Set(['node_modules', '.git', '.hg', '.svn', '.pnpm', '.pnpm-store'])
 
+// --region 行图标（官方原语：目录文件夹图标 + 文件类型图标；缺失时回落纯文本）
+
+/**
+ * 目录图标元素（官方 IconFolderOpen16/Close16）。
+ * @author ddj 2026年09月10号
+ * @param isOpen 目录是否展开
+ * @returns 图标元素；原语缺失返回 null
+ */
+function dirIconEl(isOpen) {
+  const Icon = isOpen ? IconFolderOpen16 : IconFolderClose16
+  if (typeof Icon !== 'function') return null
+  return React.createElement(Icon, { size: 16, className: 'edrv-tree-icon' })
+}
+
+/**
+ * 文件图标元素（官方 FileTypeIcon + classifyFileType 分类，未知类型为 other）。
+ * @author ddj 2026年09月10号
+ * @param name 文件名（含扩展名）
+ * @returns 图标元素；原语缺失或分类异常返回 null
+ */
+function fileIconEl(name) {
+  if (typeof FileTypeIcon !== 'function' || typeof classifyFileType !== 'function') return null
+  try {
+    return React.createElement(FileTypeIcon, { kind: classifyFileType(String(name ?? '')), size: 16, className: 'edrv-tree-icon' })
+  } catch (error) {
+    return null
+  }
+}
+
+/**
+ * 行图标分派：目录 → 文件夹图标，文件 → 官方类型图标。
+ * @author ddj 2026年09月10号
+ * @param e 目录条目（name/type）
+ * @param isDir 是否目录
+ * @param isOpen 目录是否展开
+ * @returns 图标元素或 null
+ */
+function rowIconEl(e, isDir, isOpen) {
+  return isDir ? dirIconEl(isOpen) : fileIconEl(e?.name)
+}
+
+/**
+ * 刷新按钮图标（官方 IconRefreshOutline16；原语缺失回落文本 ⟳）。
+ * @author ddj 2026年09月10号
+ * @returns 图标元素或回落文本
+ */
+function refreshIconEl() {
+  if (typeof IconRefreshOutline16 !== 'function') return '⟳'
+  return React.createElement(IconRefreshOutline16, { size: 14 })
+}
+// --endregion
+
 /**
  * 目录树面板主体（SWR：有缓存先渲染，无缓存才显示加载态；加载总在后台）。
  * @param props.ctx 面板共享上下文（sessionId/openFile/activePath/pendingByPath/fileMenuItems/notify）
@@ -227,8 +280,9 @@ export function FileExplorer(props) {
     },
       React.createElement('span', { className: 'edrv-tree-chev' },
         isDir ? (isOpen ? '▾' : '▸') : ''),
+      rowIconEl(e, isDir, isOpen),
       React.createElement('span', { className: 'edrv-tree-name' + (dim ? ' edrv-tree-dim' : '') },
-        isDir ? (isOpen ? '📂' : '📁') : '📄', ' ', e.name),
+        e.name),
       (pending > 0
         ? React.createElement('span', { className: 'edrv-tree-badge' }, String(pending))
         : null))
@@ -283,7 +337,7 @@ export function FileExplorer(props) {
       React.createElement('span', { className: 'edrv-side-title' }, '资源管理器'),
       React.createElement('span', { className: 'edrv-side-root', title: root || '' }, rootName),
       React.createElement('span', { style: { flex: 1 } }),
-      React.createElement('button', { className: 'edrv-side-btn', title: '刷新目录树', onClick: refresh }, '⟳')),
+      React.createElement('button', { className: 'edrv-side-btn', title: '刷新目录树', onClick: refresh }, refreshIconEl())),
     React.createElement('div', { className: 'edrv-tree' },
       (errorText
         ? React.createElement('div', { className: 'edrv-tree-error' },

package/src/client/sidebar/panels/index.ts

@@ -1,9 +1,11 @@
 // @ts-nocheck
 /**
  * dsh-vscode-mode client — 侧边栏面板定义（文件管理 + 搜索 + 规则）。
- * 作者 ddj 2026-08-26 / 2026-09-03
+ * 活动栏图标用官方 UI 原语（跟随 DSH 主题与皮肤）；原语缺失时由 SidebarView 回落文本渲染。
+ * 作者 ddj 2026-08-26 / 2026-09-03 / 2026-09-10
  */
 import React from 'react'
+import { IconFolderOpenOutline16, IconListPenOutline16, IconSearchOutline16 } from '@deepseek-ai/dsh-client-ui-primitives'
 import { FileExplorer } from './FileExplorer.js'
 import { SearchPanel } from './SearchPanel.js'
 import { RulesPanel } from './RulesPanel.js'
@@ -11,14 +13,14 @@ import type { SidebarPanelDef, SidebarCtx } from '../types.js'
 
 /**
  * 构造文件管理面板定义。
- * @author ddj 2026年08月26号
- * @returns 面板定义（含活动栏徽标 = 差异文件总数）
+ * @author ddj 2026年08月26号 / 2026年09月10号
+ * @returns 面板定义（含活动栏徽标 = 差异文件总数；图标 = 官方 IconFolderOpenOutline16）
  */
 export function createFilePanel(): SidebarPanelDef {
   return {
     id: 'explorer',
     title: '文件管理',
-    icon: '📁',
+    icon: IconFolderOpenOutline16,
     order: 10,
     badge: (ctx: SidebarCtx) => (ctx.sum && ctx.sum.totalFiles > 0 ? ctx.sum.totalFiles : null),
     render: (ctx: SidebarCtx) => React.createElement(FileExplorer, { ctx }),
@@ -27,14 +29,14 @@ export function createFilePanel(): SidebarPanelDef {
 
 /**
  * 构造搜索面板定义。
- * @author ddj 2026年08月30号
- * @returns 面板定义（无徽标；活动栏图标 🔍）
+ * @author ddj 2026年08月30号 / 2026年09月10号
+ * @returns 面板定义（无徽标；图标 = 官方 IconSearchOutline16）
  */
 export function createSearchPanel(): SidebarPanelDef {
   return {
     id: 'search',
     title: '搜索',
-    icon: '🔍',
+    icon: IconSearchOutline16,
     order: 15,
     render: (ctx: SidebarCtx) => React.createElement(SearchPanel, { ctx }),
   }
@@ -42,14 +44,14 @@ export function createSearchPanel(): SidebarPanelDef {
 
 /**
  * 构造规则管理面板定义（Codebuddy 规则形态：用户规则/项目规则双 Tab + 开关）。
- * @author ddj 2026年09月03号
- * @returns 面板定义（无徽标；活动栏图标 📏，与大纲 📜 区分）
+ * @author ddj 2026年09月03号 / 2026年09月10号
+ * @returns 面板定义（无徽标；图标 = 官方 IconListPenOutline16）
  */
 export function createRulesPanel(): SidebarPanelDef {
   return {
     id: 'rules',
     title: '规则',
-    icon: '📏',
+    icon: IconListPenOutline16,
     order: 20,
     render: (ctx: SidebarCtx) => React.createElement(RulesPanel, { ctx }),
   }

package/src/client/sidebar/types.ts

@@ -40,8 +40,8 @@ export interface SidebarCtx {
 export interface SidebarPanelDef {
   id: string
   title: string
-  /** 活动栏图标（文本/SVG 均可，横向居中显示）。 */
-  icon: string
+  /** 活动栏图标：官方图标组件（跟随官方主题）或文本/emoji（回落），横向居中显示。 */
+  icon: string | ((props: { size?: number }) => unknown)
   order?: number
   /** 活动栏徽标：返回数字/null；缺省不显示。 */
   badge?: (ctx: SidebarCtx) => number | null

package/src/client/styles/editor.css

@@ -1,7 +1,9 @@
 /* dsh-vscode-mode 编辑区样式（原 ensureEdrvStyles 字符串，落盘为真 .css，由 tsdown CSS-inline 注入） */
-/* 浅色主题（对齐参考图：#f8f8f8 近白底 + 薄荷绿药丸 + 青绿文字 + 三文鱼 undo + 浅灰边框）：
-   在 [data-edrv-view] 作用域内重定义 --dsw-alias-*，级联命中组件内联样式与 CSS。 */
-[data-edrv-view] { box-sizing: border-box; --edrv-tab-h: 34px; --dsw-alias-bg-base: #f8f8f8; --dsw-alias-bg-layer-1: #ffffff; --dsw-alias-bg-layer-2: #f0f4f4; --dsw-alias-bg-overlay: #ffffff; --dsw-alias-label-primary: #1f2933; --dsw-alias-label-secondary: #52606d; --dsw-alias-label-tertiary: #9aa5b1; --dsw-alias-border-l1: #e0e6e8; --dsw-alias-border-l2: #cbd2d9; --dsw-alias-brand-primary: #0f9d58; --dsw-alias-state-success-primary: #0f9d58; --dsw-alias-state-error-primary: #d9534f; --dsw-alias-state-warn-primary: #d97706; --dsw-alias-interactive-bg-hover: rgba(15,157,88,.08); }
+/* 主题：跟随官方 --dsw-alias-* 令牌（DSH 明暗与第三方皮肤生效）。
+   本作用域不再重定义官方令牌（旧实现曾在此硬覆盖浅色盘，导致插件不跟随 DSH 主题）；
+   旧环境/缺令牌场景由每条声明的 var(--dsw-alias-*, 回落值) 兜底。
+   @author ddj 2026-09-10 */
+[data-edrv-view] { box-sizing: border-box; --edrv-tab-h: 34px; }
 
 [data-edrv-view] .edrv-tabs { display: flex; align-items: center; gap: 2px; padding: 2px 8px 0; background: var(--dsw-alias-bg-layer-1, transparent); overflow-x: auto; scrollbar-width: thin; flex-shrink: 0; }
 [data-edrv-view] .edrv-tab { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 8px 0 12px; border: none; border-radius: 6px 6px 0 0; background: transparent; color: var(--dsw-alias-label-secondary, #aaa); font-size: 12px; cursor: pointer; white-space: nowrap; flex-shrink: 0; }
@@ -9,7 +11,7 @@
 [data-edrv-view] .edrv-tab.edrv-tab-active { background: var(--dsw-alias-bg-base, #111); color: var(--dsw-alias-label-primary, #eee); box-shadow: inset 0 -2px 0 var(--dsw-alias-brand-primary, #4f8cff); }
 [data-edrv-view] .edrv-tab .edrv-tab-star { color: var(--dsw-alias-brand-primary, #4f8cff); font-size: 13px; font-weight: 700; line-height: 1; flex-shrink: 0; } /* 未保存修改星号 @author ddj 2026年09月09号 */
 [data-edrv-view] .edrv-tab .edrv-tab-x { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 4px; color: var(--dsw-alias-label-tertiary, #888); font-size: 11px; }
-[data-edrv-view] .edrv-tab .edrv-tab-x:hover { background: rgba(255,255,255,.12); color: var(--dsw-alias-label-primary, #eee); }
+[data-edrv-view] .edrv-tab .edrv-tab-x:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(255,255,255,.12)); color: var(--dsw-alias-label-primary, #eee); }
 [data-edrv-view] .edrv-tab-add { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-left: 2px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-secondary, #aaa); font-size: 14px; cursor: pointer; flex-shrink: 0; }
 [data-edrv-view] .edrv-tab-add:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(255,255,255,.06)); }
 [data-edrv-view] .edrv-pathbar { display: flex; align-items: center; gap: 8px; height: 26px; padding: 0 10px; background: var(--dsw-alias-bg-layer-1, #ffffff); border-bottom: 1px solid var(--dsw-alias-border-l1, #e0e6e8); font-size: 12px; flex-shrink: 0; overflow: hidden; }
@@ -27,7 +29,7 @@
 [data-edrv-view] .edrv-search-item .n { color: var(--dsw-alias-label-primary, #eee); font-size: 12px; word-break: break-all; }
 [data-edrv-view] .edrv-search-item .d { color: var(--dsw-alias-label-tertiary, #888); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 [data-edrv-view] .edrv-search-empty { padding: 8px; font-size: 12px; color: var(--dsw-alias-label-tertiary, #888); }
-[data-edrv-view] .edrv-btn-mini { font-size: 11px; padding: 2px 9px; border: none; border-radius: 999px; cursor: pointer; color: #fff; font-weight: 600; white-space: nowrap; }
+[data-edrv-view] .edrv-btn-mini { font-size: 11px; padding: 2px 9px; border: none; border-radius: 999px; cursor: pointer; color: var(--dsw-alias-label-primary-inverted, #fff); font-weight: 600; white-space: nowrap; }
 [data-edrv-view] .edrv-btn-keep { background: var(--dsw-alias-state-success-primary, #2e9e44); }
 [data-edrv-view] .edrv-btn-undo { background: var(--dsw-alias-state-warn-primary, #d97706); }
 [data-edrv-view] .edrv-btn-mini:disabled { opacity: .45; cursor: default; }
@@ -47,15 +49,15 @@
 [data-edrv-view] .edrv-chip-btn:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(255,255,255,.06)); }
 [data-edrv-view] .edrv-chip-btn:disabled { opacity: .35; cursor: default; }
 [data-edrv-view] .edrv-chip-btn:disabled:hover { background: transparent; }
-[data-edrv-view] .edrv-mn-add-line { background: rgba(15,157,88,.10); }
-[data-edrv-view] .edrv-mn-gutter-add { color: #0f9d58 !important; font-weight: 700; display: flex !important; align-items: center; justify-content: center; }
+[data-edrv-view] .edrv-mn-add-line { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.10)); }
+[data-edrv-view] .edrv-mn-gutter-add { color: var(--dsw-alias-state-success-primary, #0f9d58) !important; font-weight: 700; display: flex !important; align-items: center; justify-content: center; }
 [data-edrv-view] .edrv-mn-gutter-add::before { content: "+"; }
-[data-edrv-view] .edrv-del-zone { background: #fdeaea; border-top: 1px solid rgba(217,83,79,.35); border-bottom: 1px solid rgba(217,83,79,.35); box-shadow: inset 0 0 0 1px rgba(217,83,79,.12); }
-[data-edrv-view] .edrv-del-row { white-space: pre; font-family: var(--ds-font-family-code, ui-monospace, monospace); font-size: 12.5px; line-height: 20px; color: #c0392b; }
+[data-edrv-view] .edrv-del-zone { background: var(--dsw-alias-interactive-bg-hover-danger, rgba(217,83,79,.14)); border-top: 1px solid var(--dsw-alias-state-error-primary, rgba(217,83,79,.35)); border-bottom: 1px solid var(--dsw-alias-state-error-primary, rgba(217,83,79,.35)); box-shadow: inset 0 0 0 1px var(--dsw-alias-interactive-bg-hover-danger, rgba(217,83,79,.12)); }
+[data-edrv-view] .edrv-del-row { white-space: pre; font-family: var(--ds-font-family-code, ui-monospace, monospace); font-size: 12.5px; line-height: 20px; color: var(--dsw-alias-state-error-primary, #c0392b); }
 [data-edrv-view] .edrv-del-text { display: inline-block; white-space: pre; }
 [data-edrv-view] .edrv-minus-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-width: 100%; overflow: visible; pointer-events: none; z-index: 6; }
 [data-edrv-view] .edrv-minus-item { position: absolute; box-sizing: border-box; max-width: 100%; overflow: hidden; }
-[data-edrv-view] .edrv-minus-item::before { content: ''; position: absolute; left: 4px; top: 50%; width: 8px; height: 2px; transform: translateY(-50%); border-radius: 2px; background: #d9534f; }
+[data-edrv-view] .edrv-minus-item::before { content: ''; position: absolute; left: 4px; top: 50%; width: 8px; height: 2px; transform: translateY(-50%); border-radius: 2px; background: var(--dsw-alias-state-error-primary, #d9534f); }
 [data-edrv-view] .edrv-monaco-host { flex: 1 1 auto; min-width: 0; min-height: 0; position: relative; overflow: hidden; }
 [data-edrv-view] .edrv-monaco-host > div { position: absolute; inset: 0; min-width: 0; min-height: 0; }
 [data-edrv-view] .edrv-imgview { flex: 1 1 auto; min-width: 0; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
@@ -83,9 +85,9 @@
 [data-edrv-view] .edrv-diffbar-count.edrv-count-file { min-width: 64px; cursor: default; }
 [data-edrv-view] .edrv-diffbar-file { flex: 1; min-width: 0; font-size: 11px; color: var(--dsw-alias-label-tertiary, #9aa5b1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 [data-edrv-view] .edrv-pill { font-size: 11px; padding: 3px 10px; border: none; border-radius: 999px; cursor: pointer; white-space: nowrap; font-weight: 600; }
-[data-edrv-view] .edrv-pill-keep { background: #e8f8e8; color: #0f7a45; border: 1px solid rgba(15,157,88,.4); }
-[data-edrv-view] .edrv-pill-undo { background: #fdeaea; color: #c0392b; border: 1px solid rgba(217,83,79,.4); }
-[data-edrv-view] .edrv-pill-ghost { background: #ffffff; color: var(--dsw-alias-label-secondary, #52606d); border: 1px solid var(--dsw-alias-border-l1, #e0e6e8); }
+[data-edrv-view] .edrv-pill-keep { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.14)); color: var(--dsw-alias-state-success-primary, #0f7a45); border: 1px solid var(--dsw-alias-state-success-primary, rgba(15,157,88,.4)); }
+[data-edrv-view] .edrv-pill-undo { background: var(--dsw-alias-interactive-bg-hover-danger, rgba(217,83,79,.14)); color: var(--dsw-alias-state-error-primary, #c0392b); border: 1px solid var(--dsw-alias-state-error-primary, rgba(217,83,79,.4)); }
+[data-edrv-view] .edrv-pill-ghost { background: var(--dsw-alias-bg-layer-1, #ffffff); color: var(--dsw-alias-label-secondary, #52606d); border: 1px solid var(--dsw-alias-border-l1, #e0e6e8); }
 [data-edrv-view] .edrv-pill:disabled { opacity: .45; cursor: default; }
 [data-edrv-view] .edrv-diffbar-menu { position: absolute; right: 8px; bottom: calc(100% + 6px); z-index: 45; min-width: 160px; border-radius: 10px; background: var(--dsw-alias-bg-overlay, #ffffff); border: 1px solid var(--dsw-alias-border-l2, #cbd2d9); box-shadow: 0 6px 20px rgba(31,41,51,.16); padding: 4px; display: flex; flex-direction: column; gap: 2px; }
 [data-edrv-view] .edrv-diffmenu-item { display: flex; align-items: center; gap: 8px; font-size: 12px; padding: 6px 10px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-primary, #1f2933); cursor: pointer; text-align: left; }
@@ -107,7 +109,7 @@
 [data-edrv-view] .edrv-diffrow-o { font-size: 11px; color: var(--dsw-alias-state-error-primary, #d9534f); font-family: var(--ds-font-family-code, ui-monospace, monospace); }
 [data-edrv-view] .edrv-diffrow-n { font-size: 11px; color: var(--dsw-alias-state-success-primary, #0f9d58); font-family: var(--ds-font-family-code, ui-monospace, monospace); }
 [data-edrv-view] .edrv-diffrow-tag { font-size: 11px; color: var(--dsw-alias-label-tertiary, #9aa5b1); }
-[data-edrv-view] .edrv-diffrow-stale { border-color: rgba(217,119,6,.5); cursor: default; }
+[data-edrv-view] .edrv-diffrow-stale { border-color: var(--dsw-alias-state-warn-primary, rgba(217,119,6,.5)); cursor: default; }
 [data-edrv-view] .edrv-diffbox-others { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; padding: 4px 2px 0; border-top: 1px solid var(--dsw-alias-border-l1, #e0e6e8); margin-top: 2px; }
 [data-edrv-view] .edrv-diffrow-file { font-size: 11px; padding: 2px 10px; border: 1px solid var(--dsw-alias-border-l1, #e0e6e8); border-radius: 999px; background: var(--dsw-alias-bg-layer-2, #f0f4f4); color: var(--dsw-alias-label-secondary, #52606d); cursor: pointer; white-space: nowrap; max-width: 200px; overflow: hidden; text-overflow: ellipsis; }
 [data-edrv-view] .edrv-diffrow-file:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); color: var(--dsw-alias-label-primary, #1f2933); }
@@ -228,8 +230,11 @@
 [data-edrv-view] .edrv-rail-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: none; border-radius: 8px; background: transparent; color: var(--dsw-alias-label-secondary, #52606d); cursor: pointer; flex-shrink: 0; }
 [data-edrv-view] .edrv-rail-btn:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }
 [data-edrv-view] .edrv-rail-btn.edrv-rail-on { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.12)); color: var(--dsw-alias-label-primary, #1f2933); box-shadow: inset 2px 0 0 var(--dsw-alias-brand-primary, #0f9d58); }
-[data-edrv-view] .edrv-rail-icon { font-size: 15px; line-height: 1; }
-[data-edrv-view] .edrv-rail-badge { position: absolute; top: 2px; right: 2px; min-width: 14px; height: 14px; padding: 0 3px; border-radius: 999px; background: var(--dsw-alias-brand-primary, #0f9d58); color: #fff; font-size: 9px; font-weight: 600; line-height: 14px; text-align: center; box-sizing: border-box; }
+[data-edrv-view] .edrv-rail-icon { font-size: 15px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; }
+/* 树行图标：官方原语（文件夹/文件类型），尺寸与行高对齐 @author ddj 2026-09-10 */
+[data-edrv-view] .edrv-tree-icon { flex-shrink: 0; display: inline-flex; align-items: center; color: var(--dsw-alias-label-tertiary, #9aa5b1); }
+[data-edrv-view] .edrv-tree-row.edrv-tree-active .edrv-tree-icon { color: var(--dsw-alias-label-secondary, #52606d); }
+[data-edrv-view] .edrv-rail-badge { position: absolute; top: 2px; right: 2px; min-width: 14px; height: 14px; padding: 0 3px; border-radius: 999px; background: var(--dsw-alias-brand-primary, #0f9d58); color: var(--dsw-alias-label-primary-inverted, #fff); font-size: 9px; font-weight: 600; line-height: 14px; text-align: center; box-sizing: border-box; }
 [data-edrv-view] .edrv-side-body { flex: 1; min-width: 0; min-height: 0; display: flex; overflow: hidden; }
 [data-edrv-view] .edrv-side-panel { flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; position: relative; }
 [data-edrv-view] .edrv-side-head { display: flex; align-items: center; gap: 8px; height: 34px; padding: 0 10px 0 12px; border-bottom: 1px solid var(--dsw-alias-border-l1, #e0e6e8); flex-shrink: 0; }
@@ -245,9 +250,9 @@
 [data-edrv-view] .edrv-tree-chev { width: 12px; flex-shrink: 0; color: var(--dsw-alias-label-tertiary, #9aa5b1); font-size: 10px; text-align: center; }
 [data-edrv-view] .edrv-tree-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
 [data-edrv-view] .edrv-tree-name.edrv-tree-dim { color: var(--dsw-alias-label-tertiary, #9aa5b1); }
-[data-edrv-view] .edrv-tree-badge { min-width: 14px; height: 14px; padding: 0 4px; border-radius: 999px; background: var(--dsw-alias-state-warn-primary, #d97706); color: #fff; font-size: 9px; font-weight: 600; line-height: 14px; text-align: center; box-sizing: border-box; flex-shrink: 0; }
+[data-edrv-view] .edrv-tree-badge { min-width: 14px; height: 14px; padding: 0 4px; border-radius: 999px; background: var(--dsw-alias-state-warn-primary, #d97706); color: var(--dsw-alias-label-primary-inverted, #fff); font-size: 9px; font-weight: 600; line-height: 14px; text-align: center; box-sizing: border-box; flex-shrink: 0; }
 [data-edrv-view] .edrv-tree-loading { height: 22px; line-height: 22px; color: var(--dsw-alias-label-tertiary, #9aa5b1); font-size: 11px; }
-[data-edrv-view] .edrv-tree-error { display: flex; align-items: center; gap: 8px; margin: 4px 2px 6px; padding: 6px 8px; border: 1px solid rgba(217,83,79,.4); border-radius: 6px; background: #fdeaea; color: var(--dsw-alias-state-error-primary, #d9534f); font-size: 11px; }
+[data-edrv-view] .edrv-tree-error { display: flex; align-items: center; gap: 8px; margin: 4px 2px 6px; padding: 6px 8px; border: 1px solid var(--dsw-alias-state-error-primary, rgba(217,83,79,.4)); border-radius: 6px; background: var(--dsw-alias-interactive-bg-hover-danger, rgba(217,83,79,.12)); color: var(--dsw-alias-state-error-primary, #d9534f); font-size: 11px; }
 /* 大纲面板：kind 字形 / detail / 行号 */
 [data-edrv-view] .edrv-outline-kind { display: inline-flex; align-items: center; justify-content: center; width: 14px; flex-shrink: 0; font-size: 12px; font-weight: 600; text-align: center; }
 [data-edrv-view] .edrv-outline-kind.edrv-ol-func { color: var(--dsw-alias-brand-primary, #0f9d58); }
@@ -295,10 +300,10 @@
 [data-edrv-view] .edrv-search-line:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }
 [data-edrv-view] .edrv-search-ln { flex-shrink: 0; color: var(--dsw-alias-label-tertiary, #9aa5b1); font-size: 11px; min-width: 26px; text-align: right; user-select: none; }
 [data-edrv-view] .edrv-search-text { overflow: hidden; text-overflow: ellipsis; white-space: pre; font-family: var(--ds-font-family-code, ui-monospace, monospace); font-size: 11px; }
-[data-edrv-view] .edrv-search-hit { background: var(--dsw-alias-state-warn-primary, #e5b93f); color: #1f2933; border-radius: 2px; padding: 0 1px; }
+[data-edrv-view] .edrv-search-hit { background: var(--dsw-alias-state-warn-primary, #e5b93f); color: var(--dsw-alias-label-primary-inverted, #1f2933); border-radius: 2px; padding: 0 1px; }
 [data-edrv-view] .edrv-search-empty { padding: 8px 4px; font-size: 12px; color: var(--dsw-alias-label-tertiary, #9aa5b1); }
-[data-edrv-view] .edrv-search-error { padding: 6px 8px; border: 1px solid rgba(217,83,79,.4); border-radius: 6px; background: #fdeaea; color: var(--dsw-alias-state-error-primary, #d9534f); font-size: 11px; }
-[data-edrv-view] .edrv-search-warn { padding: 6px 8px; border: 1px solid rgba(240,173,78,.45); border-radius: 6px; background: #fdf6e3; color: #b8860b; font-size: 11px; word-break: break-all; }
+[data-edrv-view] .edrv-search-error { padding: 6px 8px; border: 1px solid var(--dsw-alias-state-error-primary, rgba(217,83,79,.4)); border-radius: 6px; background: var(--dsw-alias-interactive-bg-hover-danger, rgba(217,83,79,.12)); color: var(--dsw-alias-state-error-primary, #d9534f); font-size: 11px; }
+[data-edrv-view] .edrv-search-warn { padding: 6px 8px; border: 1px solid var(--dsw-alias-state-warn-primary, rgba(240,173,78,.45)); border-radius: 6px; background: var(--dsw-alias-interactive-bg-hover, rgba(240,173,78,.12)); color: var(--dsw-alias-state-warn-primary, #b8860b); font-size: 11px; word-break: break-all; }
 
 /* include/exclude filter rows (collapsible) */
 [data-edrv-view] .edrv-search-rows { display: flex; flex-direction: column; gap: 4px; padding: 2px 0 4px; }
@@ -333,20 +338,20 @@
 [data-edrv-view] .edrv-rules-file { font-weight: 600; font-size: 12px; color: var(--dsw-alias-label-primary, #1f2933); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 [data-edrv-view] .edrv-rules-path { font-size: 10px; color: var(--dsw-alias-label-tertiary, #9aa5b1); flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 [data-edrv-view] .edrv-rules-type { flex-shrink: 0; height: 15px; padding: 0 5px; border-radius: 999px; font-size: 10px; line-height: 15px; }
-[data-edrv-view] .edrv-rules-type-always { background: rgba(15,157,88,.15); color: #0b7c46; }
-[data-edrv-view] .edrv-rules-type-auto { background: rgba(79,140,255,.16); color: #3367c9; }
+[data-edrv-view] .edrv-rules-type-always { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.15)); color: var(--dsw-alias-state-success-primary, #0b7c46); }
+[data-edrv-view] .edrv-rules-type-auto { background: var(--dsw-alias-interactive-bg-hover-accent, rgba(79,140,255,.16)); color: var(--dsw-alias-link, #3367c9); }
 [data-edrv-view] .edrv-rules-type-manual { background: var(--dsw-alias-bg-layer-2, #f0f4f4); color: var(--dsw-alias-label-secondary, #52606d); }
 [data-edrv-view] .edrv-rules-offtag { font-size: 10px; color: var(--dsw-alias-label-tertiary, #9aa5b1); flex-shrink: 0; }
 [data-edrv-view] .edrv-rules-desc { font-size: 11px; color: var(--dsw-alias-label-secondary, #52606d); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 0 1 auto; }
 [data-edrv-view] .edrv-rules-actions { display: flex; align-items: center; gap: 2px; flex-shrink: 0; margin-left: auto; }
 [data-edrv-view] .edrv-rules-act { min-width: 22px; height: 22px; padding: 0 4px; border: none; border-radius: 5px; background: transparent; font-size: 12px; line-height: 1; cursor: pointer; color: var(--dsw-alias-label-secondary, #52606d); display: inline-flex; align-items: center; justify-content: center; }
 [data-edrv-view] .edrv-rules-act:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }
-[data-edrv-view] .edrv-rules-switch { position: relative; width: 30px; height: 16px; border-radius: 999px; border: none; background: #b9c4cc; cursor: pointer; transition: background .15s; flex-shrink: 0; padding: 0; }
-[data-edrv-view] .edrv-rules-switch.on { background: #7c5cff; }
-[data-edrv-view] .edrv-rules-knob { position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%; background: #fff; transition: left .15s; }
+[data-edrv-view] .edrv-rules-switch { position: relative; width: 30px; height: 16px; border-radius: 999px; border: none; background: var(--dsw-alias-border-l2, #b9c4cc); cursor: pointer; transition: background .15s; flex-shrink: 0; padding: 0; }
+[data-edrv-view] .edrv-rules-switch.on { background: var(--dsw-alias-brand-primary, #7c5cff); }
+[data-edrv-view] .edrv-rules-knob { position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%; background: var(--dsw-alias-bg-layer-1, #fff); transition: left .15s; }
 [data-edrv-view] .edrv-rules-switch.on .edrv-rules-knob { left: 16px; }
 [data-edrv-view] .edrv-rules-empty { padding: 10px 4px; font-size: 12px; color: var(--dsw-alias-label-tertiary, #9aa5b1); line-height: 1.6; }
-[data-edrv-view] .edrv-rules-err { padding: 6px 8px; border: 1px solid rgba(217,83,79,.4); border-radius: 6px; background: #fdeaea; color: var(--dsw-alias-state-error-primary, #d9534f); font-size: 11px; word-break: break-all; }
+[data-edrv-view] .edrv-rules-err { padding: 6px 8px; border: 1px solid var(--dsw-alias-state-error-primary, rgba(217,83,79,.4)); border-radius: 6px; background: var(--dsw-alias-interactive-bg-hover-danger, rgba(217,83,79,.12)); color: var(--dsw-alias-state-error-primary, #d9534f); font-size: 11px; word-break: break-all; }
 [data-edrv-view] .edrv-rules-editor { display: flex; flex-direction: column; min-height: 0; flex: 1; gap: 6px; }
 [data-edrv-view] .edrv-rules-editor-head { display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: 12px; font-weight: 600; color: var(--dsw-alias-label-primary, #1f2933); flex: 0 0 auto; }
 [data-edrv-view] .edrv-rules-crumb { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@@ -361,8 +366,22 @@
 [data-edrv-view] .edrv-rules-body:focus { border-color: var(--dsw-alias-brand-primary, #4f8cff); }
 [data-edrv-view] .edrv-rules-editor-hint { font-size: 10px; color: var(--dsw-alias-label-tertiary, #9aa5b1); line-height: 1.5; flex: 0 0 auto; }
 [data-edrv-view] .edrv-rules-editor-foot { display: flex; justify-content: flex-end; flex: 0 0 auto; }
-[data-edrv-view] .edrv-rules-save { height: 24px; padding: 0 14px; border: none; border-radius: 6px; background: var(--dsw-alias-brand-primary, #0f9d58); color: #fff; font-size: 12px; cursor: pointer; }
+[data-edrv-view] .edrv-rules-save { height: 24px; padding: 0 14px; border: none; border-radius: 6px; background: var(--dsw-alias-brand-primary, #0f9d58); color: var(--dsw-alias-label-primary-inverted, #fff); font-size: 12px; cursor: pointer; }
 [data-edrv-view] .edrv-rules-save:disabled { opacity: .5; cursor: default; }
 
+/* 命令栏（Ctrl+Shift+P / F1）：body 级 portal 浮层，故不依赖编辑区几何 */
+[data-edrv-view] .edrv-palette-mask { position: fixed; inset: 0; z-index: 190; background: rgba(0, 0, 0, .28); }
+[data-edrv-view] .edrv-palette { position: fixed; top: 12vh; left: 50%; transform: translateX(-50%); z-index: 191; width: min(580px, calc(100vw - 32px)); max-height: 64vh; display: flex; flex-direction: column; border-radius: 10px; background: var(--dsw-alias-bg-overlay, #ffffff); border: 1px solid var(--dsw-alias-border-l2, #cbd2d9); box-shadow: 0 12px 34px rgba(31, 41, 51, .24); overflow: hidden; }
+[data-edrv-view] .edrv-palette-input { height: 38px; flex: 0 0 auto; padding: 0 12px; border: none; border-bottom: 1px solid var(--dsw-alias-border-l1, #e0e6e8); background: transparent; color: var(--dsw-alias-label-primary, #1f2933); font-size: 13px; outline: none; }
+[data-edrv-view] .edrv-palette-list { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 4px; }
+[data-edrv-view] .edrv-palette-row { display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 6px; font-size: 12px; color: var(--dsw-alias-label-primary, #1f2933); cursor: pointer; }
+[data-edrv-view] .edrv-palette-row.edrv-palette-sel { background: var(--dsw-alias-interactive-bg-hover, rgba(15, 157, 88, .10)); }
+[data-edrv-view] .edrv-palette-label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+[data-edrv-view] .edrv-palette-cat { flex: 0 0 auto; font-size: 10px; padding: 1px 7px; border-radius: 999px; background: var(--dsw-alias-bg-layer-2, #f0f4f4); color: var(--dsw-alias-label-tertiary, #7b8794); }
+[data-edrv-view] .edrv-palette-key { flex: 0 0 auto; font-family: var(--ds-font-family-code, ui-monospace, monospace); font-size: 10px; padding: 1px 6px; border: 1px solid var(--dsw-alias-border-l1, #e0e6e8); border-radius: 5px; background: var(--dsw-alias-bg-layer-1, #f7f9fa); color: var(--dsw-alias-label-secondary, #52606d); }
+[data-edrv-view] .edrv-palette-empty { padding: 14px 10px; font-size: 12px; color: var(--dsw-alias-label-tertiary, #7b8794); text-align: center; }
+[data-edrv-view] .edrv-palette-notice { flex: 0 0 auto; padding: 6px 10px; border-top: 1px solid var(--dsw-alias-border-l1, #e0e6e8); font-size: 11px; color: var(--dsw-alias-state-warn-primary, #b7791f); }
+
+
 
 

package/src/client/ui/ClaimRouter.ts

@@ -0,0 +1,96 @@
+// @ts-nocheck
+/**
+ * dsh-vscode-mode client — ClaimRouter：官方 file 认领页签的中转正文。
+ * 官方为每个 `dsh-resource://file/**` 地址开一个认领页签；本组件只做转发：
+ * 解析地址 → 送进单一编辑器页签（文件分页由编辑器自带页签栏接管）→ 关闭本中转页签。
+ * 转发失败（seat 未就绪等瞬时态）按 3 次 ×150ms 重试；仍失败则就地渲染兜底正文
+ * （旧行为：每文件一套编辑器），保证退化路径不白屏。本组件自身不创建 Monaco 实例。
+ * 作者 ddj 2026年09月10号
+ */
+import React from 'react'
+import { forwardToEditor, parseOfficialFileAddress, resolveNavLine } from '../officialSidebar.js'
+import { log } from '../log.js'
+
+/** 转发尝试次数（含首次）与重试间隔。 */
+const FORWARD_ATTEMPTS = 3
+const FORWARD_DELAY_MS = 150
+
+/**
+ * 读 slot 框架注入的 tab 记录（hook 缺失或抛错时返回 undefined）。
+ * @author ddj 2026年09月10号
+ * @param props slot 框架注入的组件 props
+ * @returns tab 记录（含 navigation 与 actions），或 undefined
+ */
+function readTab(props) {
+  const useTabInfo = props?.useTabInfo
+  if (typeof useTabInfo !== 'function') return undefined
+  try {
+    return useTabInfo()?.tab
+  } catch {
+    return undefined
+  }
+}
+
+/**
+ * 关闭本中转页签（失败仅告警：目标文件已在编辑器打开，残留页签不阻塞功能）。
+ * @author ddj 2026年09月10号
+ * @param tab slot 框架注入的 tab 记录
+ */
+function closeTab(tab) {
+  try {
+    tab?.actions?.close?.()
+  } catch (error) {
+    log.warn('中转页签关闭失败（' + String(error) + '）')
+  }
+}
+
+/**
+ * 组装 file 认领转发正文。
+ * @author ddj 2026年09月10号
+ * @param spec 装配依赖（service 官方导航服务 / schedule 延时调度 / fallback 兜底正文）
+ * @returns 正文组件（注册进 keyed slot sidebar.right.pane.tab）
+ */
+export function createClaimRouter(spec) {
+  const service = spec?.service
+  const schedule = spec?.schedule
+  const fallback = spec?.fallback
+
+  /**
+   * 中转正文：转发成功即关闭自身；重试耗尽后渲染兜底正文。
+   * @param props slot 框架注入（useTabInfo）+ 装配依赖
+   * @returns 兜底正文元素，或 null（转发中 / 已转发）
+   */
+  function ClaimRouter(props) {
+    const tab = readTab(props)
+    const navigation = tab?.navigation
+    const revision = typeof navigation?.revision === 'number' ? navigation.revision : -1
+    const [failed, setFailed] = React.useState(false)
+    const doneRef = React.useRef(-1)
+
+    React.useEffect(() => {
+      if (revision === doneRef.current) return
+      doneRef.current = revision
+      const parsed = parseOfficialFileAddress(navigation?.address)
+      if (!parsed) {
+        setFailed(true)
+        return
+      }
+      const line = resolveNavLine(navigation?.params)
+      let left = FORWARD_ATTEMPTS
+      const attempt = () => {
+        if (forwardToEditor(service, parsed.path, line)) {
+          closeTab(tab)
+          return
+        }
+        left -= 1
+        if (left > 0 && typeof schedule === 'function') schedule(attempt, FORWARD_DELAY_MS)
+        else setFailed(true)
+      }
+      attempt()
+    }, [revision])
+
+    if (!failed || typeof fallback !== 'function') return null
+    return React.createElement(fallback, props)
+  }
+  return ClaimRouter
+}

package/src/client/ui/CommandPalette.ts

@@ -0,0 +1,158 @@
+/**
+ * dsh-vscode-mode client — 命令栏浮层（Ctrl+Shift+P / F1）。
+ * 订阅 commandPaletteStore 的开关状态；候选来自注入的指令注册表（window.dsh.edrvCommands），
+ * 过滤/排序复用 commandSearch 纯函数；↑↓ 选择、Enter 执行、Esc 或点击遮罩关闭。
+ * 浮层经 createPortal 渲染到 body，故不受编辑区三种形态（官方侧栏/better-sidebar/中央页签）影响；
+ * 宿主单实例由 store 的 claimPaletteHost 保证（另一个宿主自动返回 null）。
+ * 作者 ddj 2026年09月10号
+ */
+import React from 'react'
+import { createPortal } from 'react-dom'
+import { REGISTRY_GLOBAL } from '../commandGlobals.js'
+import { filterCommands } from '../commandSearch.js'
+import { createCommandRegistry } from '../commandRegistry.js'
+import type { CommandRegistry } from '../commandRegistry.js'
+import { chordOf } from '../keybindings.js'
+import {
+  claimPaletteHost, closeCommandPalette, isPaletteOpen, registryRef, releasePaletteHost,
+  runPaletteCommand, subscribePalette,
+} from '../commandPaletteStore.js'
+import type { CommandDef } from './commandCatalog.js'
+
+/** 空注册表（宿主未注入时的安全降级：命令栏可开但无候选）。 */
+let fallbackRegistry: CommandRegistry | null = null
+
+/**
+ * 读取指令注册表：① 装配期存入的模块引用（首选，不依赖全局）
+ * ② window[REGISTRY_GLOBAL] 镜像（第三方/调试场景）③ 空表降级（仅装配异常时）。
+ * @author ddj 2026年09月10号
+ * @returns 指令注册表
+ */
+function useRegistry(): CommandRegistry {
+  const injected = registryRef()
+  if (injected) return injected
+  const mirrored = typeof window === 'undefined'
+    ? undefined
+    : (window as unknown as Record<string, CommandRegistry | undefined>)[REGISTRY_GLOBAL]
+  if (mirrored) return mirrored
+  if (!fallbackRegistry) fallbackRegistry = createCommandRegistry()
+  return fallbackRegistry
+}
+
+/** 命令栏每一行的展示信息。 */
+interface PaletteRow {
+  command: CommandDef
+  chord: string | null
+}
+
+/**
+ * 组装候选行（先按可用性过滤，再按查询排序）。
+ * @author ddj 2026年09月10号
+ * @param registry 指令注册表
+ * @param query 用户输入
+ * @returns 候选行
+ */
+function rowsOf(registry: CommandRegistry, query: string): PaletteRow[] {
+  return filterCommands(registry.available(), query)
+    .map((command) => ({ command, chord: chordOf(command.id) }))
+}
+
+/**
+ * 命令栏浮层（未展开/非宿主时渲染 null）。
+ * @author ddj 2026年09月10号
+ * @returns 浮层 React 元素或 null
+ */
+export function CommandPalette(): React.ReactElement | null {
+  const open = React.useSyncExternalStore(subscribePalette, isPaletteOpen)
+  const registry = useRegistry()
+  const [token] = React.useState(() => (claimPaletteHost() ? {} : null))
+  const [query, setQuery] = React.useState('')
+  const [selected, setSelected] = React.useState(0)
+  const [notice, setNotice] = React.useState('')
+  const inputRef = React.useRef<HTMLInputElement | null>(null)
+  const host = token !== null
+
+  React.useEffect(() => () => releasePaletteHost(token), [token])
+  React.useEffect(() => {
+    if (!open) return undefined
+    setQuery('')
+    setSelected(0)
+    setNotice('')
+    const timer = setTimeout(() => inputRef.current?.focus(), 0)
+    return () => clearTimeout(timer)
+  }, [open])
+
+  const rows = React.useMemo(
+    () => (open && host ? rowsOf(registry, query) : []),
+    [open, host, registry, query],
+  )
+  const active = rows.length ? Math.min(selected, rows.length - 1) : 0
+
+  React.useEffect(() => {
+    if (!open) return
+    const node = document.querySelector('.edrv-palette-row.edrv-palette-sel')
+    const scroll = (node as HTMLElement | null)?.scrollIntoView
+    if (typeof scroll === 'function') scroll.call(node, { block: 'nearest' })
+  }, [open, active, rows.length])
+
+  /** 执行候选行（执行器内部会做可用性校验与异常上报）。 */
+  const execute = (row: PaletteRow | undefined): void => {
+    if (!row) return
+    closeCommandPalette()
+    if (!runPaletteCommand(row.command.id)) setNotice('命令未执行：' + row.command.label)
+  }
+
+  const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {
+    event.stopPropagation()
+    if (event.key === 'Escape') {
+      event.preventDefault()
+      closeCommandPalette()
+      return
+    }
+    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+      event.preventDefault()
+      if (!rows.length) return
+      const step = event.key === 'ArrowDown' ? 1 : rows.length - 1
+      setSelected((value) => (Math.min(value, rows.length - 1) + step) % rows.length)
+      return
+    }
+    if (event.key === 'Enter') {
+      event.preventDefault()
+      execute(rows[active])
+    }
+  }
+
+  if (!open || !host || typeof document === 'undefined') return null
+  const list = rows.length
+    ? rows.map((row, index) => React.createElement('div', {
+        key: row.command.id,
+        className: 'edrv-palette-row' + (index === active ? ' edrv-palette-sel' : ''),
+        onMouseEnter: () => setSelected(index),
+        onClick: () => execute(row),
+      },
+        React.createElement('span', { className: 'edrv-palette-label' }, row.command.label),
+        React.createElement('span', { className: 'edrv-palette-cat' }, row.command.category),
+        row.chord ? React.createElement('kbd', { className: 'edrv-palette-key' }, row.chord) : null))
+    : React.createElement('div', { className: 'edrv-palette-empty' }, '无匹配命令')
+
+  const panel = React.createElement('div', { className: 'edrv-palette', 'data-edrv-palette': '1', onKeyDown },
+    React.createElement('input', {
+      ref: inputRef,
+      className: 'edrv-palette-input',
+      value: query,
+      placeholder: '输入命令名称…（↑↓ 选择 · Enter 执行 · Esc 关闭）',
+      spellCheck: false,
+      onChange: (event: React.ChangeEvent<HTMLInputElement>) => {
+        setQuery(event.target.value)
+        setSelected(0)
+        setNotice('')
+      },
+    }),
+    React.createElement('div', { className: 'edrv-palette-list' }, list),
+    notice ? React.createElement('div', { className: 'edrv-palette-notice' }, notice) : null)
+
+  const overlay = React.createElement('div', { 'data-edrv-view': '1' },
+    React.createElement('div', { className: 'edrv-palette-mask', onClick: () => closeCommandPalette() }),
+    panel)
+  return createPortal(overlay, document.body)
+}