dsh-vscode-mode 0.1.49 → 0.1.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-vscode-mode",
-  "version": "0.1.49",
+  "version": "0.1.50",
   "description": "DSH 上的类 VSCode 编码体验：Monaco 编辑器（文件页签/QuickOpen/状态栏，可驻 dsh-better-sidebar 侧边栏与对话同屏）+ Agent 编辑差异审查（整文件差异/采纳/拒绝/归档/回滚）+ 语言服务器（LSP）智能（跳转定义/引用/hover/大纲 + VSIX 扩展市场安装），状态持久化到工作区旁车",
   "keywords": [
     "dsh",

package/src/client/rulesMdc.ts

@@ -0,0 +1,141 @@
+/**
+ * dsh-vscode-mode client — 规则 frontmatter 纯函数（解析 + 按类型改写）。
+ * 与 host parseRuleMdc/ruleTypeOf 语义对齐的浏览器端实现：编辑器类型下拉与
+ * 原始 .mdc 文本域双向同步共用；纯字符串运算，禁 node/react 导入。
+ * 作者 ddj 2026年09月07号
+ */
+
+/** 规则生效类型（与 shared/rules.ts RuleType 一致，此处独立声明避免引入 host 依赖）。 */
+export type RuleFmType = 'always' | 'auto' | 'manual'
+
+/** 一条 .mdc 文本的解析结果（改写 frontmatter 所需的全部上下文）。 */
+export interface RuleFmParsed {
+  type: RuleFmType
+  description: string
+  alwaysApply: boolean
+  globs: string[]
+  enabled: boolean
+  /** 是否存在规则 frontmatter（首行 --- 且有闭合）。 */
+  hasFm: boolean
+  /** 闭合 --- 之后的正文（按 \n 归一，与 host 解析一致）。 */
+  body: string
+  /** 已知键之外的 frontmatter 原行（如 updatedAt），改写时原样保留。 */
+  fmExtra: string[]
+  /** 原文是否带 BOM（改写后回填）。 */
+  bom: boolean
+  /** 原文 frontmatter 是否显式写了 enabled 行（改写时保持该行存在与否）。 */
+  hasEnabledLine: boolean
+}
+
+/** 类型改写入参：下拉/描述/globs 控件的最新值。 */
+export interface RuleMetaNext {
+  type: RuleFmType
+  description: string
+  globs: string[]
+}
+
+/**
+ * 去除值两侧成对引号（与 host stripQuotes 一致）。
+ * @author ddj 2026年09月07号
+ * @param raw 原始值
+ * @returns 去引号后的值
+ */
+function stripQuotes(raw: string): string {
+  const value = raw.trim()
+  if (value.length >= 2 && ((value.startsWith('"') && value.endsWith('"')) || (value.startsWith("'") && value.endsWith("'")))) {
+    return value.slice(1, -1)
+  }
+  return value
+}
+
+// --region 解析
+/**
+ * 解析 .mdc 全文：首行 --- 且 100 行内有闭合 --- 才视为 frontmatter；
+ * 已知键 description/alwaysApply/globs/enabled，其余原行进 fmExtra；永不抛错。
+ * @author ddj 2026年09月07号
+ * @param text 文件全文
+ * @returns 解析结果
+ */
+export function parseRuleFm(text: string): RuleFmParsed {
+  const bom = text.startsWith('\uFEFF')
+  const lines = text.replace(/^\uFEFF/, '').split(/\r?\n/)
+  const none: RuleFmParsed = { type: 'manual', description: '', alwaysApply: false, globs: [], enabled: true, hasFm: false, body: text.replace(/^\uFEFF/, ''), fmExtra: [], bom, hasEnabledLine: false }
+  if (lines[0]?.trim() !== '---') return none
+  let close = -1
+  for (let i = 1; i < lines.length && i <= 101; i++) {
+    if (lines[i].trim() === '---') { close = i; break }
+  }
+  if (close < 0) return none
+  const parsed: RuleFmParsed = { type: 'manual', description: '', alwaysApply: false, globs: [], enabled: true, hasFm: true, body: lines.slice(close + 1).join('\n'), fmExtra: [], bom, hasEnabledLine: false }
+  for (let i = 1; i < close; i++) {
+    const match = /^([A-Za-z_-]+)[ \t]*:[ \t]?(.*)$/.exec(lines[i])
+    if (!match) { parsed.fmExtra.push(lines[i]); continue }
+    const [, key, raw] = match
+    if (key === 'description') parsed.description = stripQuotes(raw)
+    else if (key === 'alwaysApply') parsed.alwaysApply = stripQuotes(raw).toLowerCase() === 'true'
+    else if (key === 'enabled') { parsed.enabled = stripQuotes(raw).toLowerCase() !== 'false'; parsed.hasEnabledLine = true }
+    else if (key === 'globs') parsed.globs = parseGlobsValue(raw, lines, i, close)
+    else parsed.fmExtra.push(lines[i])
+  }
+  parsed.type = fmTypeOf(parsed)
+  return parsed
+}
+
+/**
+ * 解析 globs 值：内联逗号分隔串，或空值后接 YAML 短横列表（与 host parseGlobs 一致）。
+ * @author ddj 2026年09月07号
+ * @param value 内联值
+ * @param lines 全文行
+ * @param start globs 行下标
+ * @param close 闭合 --- 下标
+ * @returns glob 数组
+ */
+function parseGlobsValue(value: string, lines: string[], start: number, close: number): string[] {
+  const inline = stripQuotes(value)
+  if (inline) return inline.split(',').map((item) => stripQuotes(item)).filter(Boolean)
+  const list: string[] = []
+  for (let j = start + 1; j < close; j++) {
+    const item = /^[ \t]*-[ \t]*(.+)$/.exec(lines[j])
+    if (!item) break
+    list.push(stripQuotes(item[1]))
+  }
+  return list
+}
+
+/**
+ * 由 frontmatter 推导类型：alwaysApply=true → 总是；有 globs → 自动；否则手动。
+ * @author ddj 2026年09月07号
+ * @param parsed 解析结果
+ * @returns 规则类型
+ */
+function fmTypeOf(parsed: RuleFmParsed): RuleFmType {
+  if (parsed.alwaysApply) return 'always'
+  if (parsed.globs.length) return 'auto'
+  return 'manual'
+}
+// --endregion
+
+// --region 改写
+/**
+ * 按最新控件值重写 frontmatter：known 键固定顺序 + fmExtra + 闭合 --- + 原 body；
+ * 无 frontmatter 且目标为手动时：有描述则新建仅含描述的 frontmatter，否则原文返回。
+ * @author ddj 2026年09月07号
+ * @param parsed parseRuleFm 的结果（必须来自同一文本）
+ * @param next 控件最新值
+ * @returns 重写后的全文
+ */
+export function applyRuleMeta(parsed: RuleFmParsed, next: RuleMetaNext): string {
+  if (!parsed.hasFm && next.type === 'manual') {
+    if (!next.description.trim()) return (parsed.bom ? '\uFEFF' : '') + parsed.body
+    return (parsed.bom ? '\uFEFF' : '') + ['---', 'description: ' + next.description.trim(), '---'].join('\n') + '\n' + parsed.body
+  }
+  const lines: string[] = ['---']
+  lines.push('description: ' + next.description.trim())
+  if (next.type === 'always') lines.push('alwaysApply: true')
+  if (next.type === 'auto') lines.push('globs: ' + next.globs.join(', '))
+  if (parsed.hasEnabledLine) lines.push('enabled: ' + (parsed.enabled ? 'true' : 'false'))
+  lines.push(...parsed.fmExtra)
+  lines.push('---')
+  return (parsed.bom ? '\uFEFF' : '') + lines.join('\n') + '\n' + parsed.body
+}
+// --endregion

package/src/client/sidebar/SidebarView.ts

@@ -125,7 +125,8 @@ export function SidebarView(props) {
 
   return React.createElement('div', {
     className: 'edrv-sidebar' + (visible ? '' : ' edrv-sidebar-rail-only'),
-    style: { width: visible ? width : RAIL_ONLY_W + SEAM_W },
+    // maxWidth 兜底：持久化宽度超过容器可用空间时也不允许布局宽溢出（配合 flex-shrink:1 收缩）
+    style: { width: visible ? width : RAIL_ONLY_W + SEAM_W, maxWidth: '100%' },
   },
     rail,
     visible

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

@@ -2,18 +2,30 @@
 /**
  * dsh-vscode-mode client — 侧边栏「规则」面板（Codebuddy 规则管理形态）。
  * 双 Tab：用户规则（~/.dsh/rules/）与项目规则（<工作区>/.dsh/rules/）；
- * 列表行 = 文件名 + 相对提示 + 类型徽标（总是/自动/手动）+ 描述 + 编辑/删除/启用开关；
- * 新建/编辑 = 内嵌表单（文件名 + 原始 .mdc 文本域，frontmatter 可见），保存走 rules.save。
- * 作者 ddj 2026年09月03号
+ * 列表行 = 文件名 + 相对提示，第二行类型徽标与描述，右侧 编辑/删除 图标 + 滑动启用开关；
+ * 新建/编辑 = 顶部面包屑 + 规则类型下拉（总是/自动/手动）+ 描述/globs 控件，与原始 .mdc
+ * 文本域双向同步（控件改写 frontmatter，文本域回读控件），保存走 rules.save。
+ * 作者 ddj 2026年09月03号（2026年09月07号 交互性调整）
  */
 import React from 'react'
 import { rpc } from '../../rpc.js'
 import type { SidebarCtx } from '../types.js'
 import { CACHE_KEY } from '../../paths.js'
+import { parseRuleFm, applyRuleMeta } from '../../rulesMdc.js'
 
 /** 新建规则模板（frontmatter 字段与 host parseRuleMdc 对齐）。 */
 const NEW_TEMPLATE = '---\ndescription: \nalwaysApply: true\n---\n\n'
 const TYPE_LABEL = { always: '总是', auto: '自动', manual: '手动' }
+/** 列表行描述的基础显示上限（字符数；宽面板下的封顶值，超出省略号）。 */
+const DESC_MAX = 24
+/** 动态字数下限（极窄面板的保底可见字符数）。 */
+const DESC_CAP_MIN = 8
+/** 动态字数估算：描述之外的行内固定占用 px（动作区/类型标签/徽标/间距/省略余量）。 */
+const DESC_RESERVE_PX = 210
+/** 动态字数估算：单字符平均宽度 px（11px 字号，中英混排）。 */
+const DESC_CHAR_PX = 10
+/** 窄面板阈值：低于此宽度隐藏路径提示（编辑界面面包屑与悬停仍有完整路径）。 */
+const NARROW_W = 420
 
 /**
  * 读 localStorage（损坏/不可用安全）。
@@ -45,9 +57,85 @@ function typeBadge(type) {
   return React.createElement('span', { className: 'edrv-rules-type edrv-rules-type-' + type }, TYPE_LABEL[type] ?? type)
 }
 
+/**
+ * 按字符上限截断列表行描述，超出以省略号收尾（上限随面板宽度动态变化；
+ * 窄面板下 CSS 省略号仍会按像素提前截断，二者取更小）。
+ * @author ddj 2026年09月07号
+ * @param text 完整描述
+ * @param cap 本帧字符上限
+ * @returns 截断后的展示文本
+ */
+function clampDesc(text, cap) {
+  const chars = Array.from(String(text ?? '')) // 按码位切分，避免把 emoji 等代理对从中间截断
+  const limit = Math.max(4, Number(cap) || DESC_MAX)
+  return chars.length > limit ? chars.slice(0, limit).join('') + '…' : chars.join('')
+}
+
+/**
+ * 由面板宽度估算描述可用字符数：随宽度动态变化，并与基础上限取小、极窄时保底。
+ * @author ddj 2026年09月07号
+ * @param panelWidth 面板内容宽度（px）
+ * @returns 本帧描述字符上限
+ */
+function descCapOf(panelWidth) {
+  const byWidth = Math.floor((Number(panelWidth) - DESC_RESERVE_PX) / DESC_CHAR_PX)
+  return Math.max(DESC_CAP_MIN, Math.min(DESC_MAX, byWidth))
+}
+
+/**
+ * 编辑图标（线性铅笔，与 DiffBox chevron 同风格：currentColor 描边装饰图）。
+ * @author ddj 2026年09月07号
+ * @returns 13×13 装饰性 SVG
+ */
+function pencilIcon() {
+  return React.createElement('svg', {
+    width: 13, height: 13, viewBox: '0 0 24 24', fill: 'none', 'aria-hidden': true, focusable: false,
+  }, React.createElement('path', {
+    d: 'M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z',
+    stroke: 'currentColor', strokeWidth: 2, strokeLinecap: 'round', strokeLinejoin: 'round',
+  }))
+}
+
+/**
+ * 删除图标（线性垃圾桶，风格同 pencilIcon）。
+ * @author ddj 2026年09月07号
+ * @returns 13×13 装饰性 SVG
+ */
+function trashIcon() {
+  return React.createElement('svg', {
+    width: 13, height: 13, viewBox: '0 0 24 24', fill: 'none', 'aria-hidden': true, focusable: false,
+  }, React.createElement('path', {
+    d: 'M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m3 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6h14zM10 11v6M14 11v6',
+    stroke: 'currentColor', strokeWidth: 2, strokeLinecap: 'round', strokeLinejoin: 'round',
+  }))
+}
+
+/**
+ * 逗号分隔的 globs 输入串 → 数组（去空项）。
+ * @author ddj 2026年09月07号
+ * @param text 输入串
+ * @returns glob 数组
+ */
+function globList(text) {
+  return String(text ?? '').split(',').map((item) => item.trim()).filter(Boolean)
+}
+
+/**
+ * 由控件值重建 .mdc 全文：frontmatter 按类型/描述/globs 重写，正文与其余键不动。
+ * @author ddj 2026年09月07号
+ * @param base 当前全文
+ * @param fmType 目标类型（always/auto/manual）
+ * @param desc 描述文本
+ * @param globsText globs 输入串
+ * @returns 重写后的全文
+ */
+function rebuildContent(base, fmType, desc, globsText) {
+  return applyRuleMeta(parseRuleFm(base), { type: fmType, description: desc, globs: globList(globsText) })
+}
+
 // --region 列表行
 /**
- * 渲染一条规则行：文件名 + 相对提示 + 类型徽标，第二行描述；右侧编辑/删除/开关。
+ * 渲染一条规则行：左侧两行（文件名+相对提示 / 类型徽标+描述），右侧 编辑/删除 图标 + 滑动开关。
  * @author ddj 2026年09月03号
  * @param props.rule 规则元信息
  * @param props.onEdit 编辑回调
@@ -61,14 +149,17 @@ function RuleRow(props) {
     .filter(Boolean).join(' · ')
   return React.createElement('div', { className: 'edrv-rules-row' + (rule.enabled ? '' : ' off') },
     React.createElement('div', { className: 'edrv-rules-main', onClick: () => props.onEdit(rule), title: rule.absPath },
-      React.createElement('span', { className: 'edrv-rules-file' }, rule.file),
-      React.createElement('span', { className: 'edrv-rules-path' }, '[' + rule.relHint + rule.file + ']'),
-      typeBadge(rule.type),
-      !rule.enabled ? React.createElement('span', { className: 'edrv-rules-offtag' }, '已停用') : null),
-    React.createElement('div', { className: 'edrv-rules-desc', title: desc }, desc ? '描述: ' + desc : '描述: —'),
+      React.createElement('div', { className: 'edrv-rules-line1' },
+        React.createElement('span', { className: 'edrv-rules-file' }, rule.file),
+        !props.narrow ? React.createElement('span', { className: 'edrv-rules-path' }, '[' + rule.relHint + rule.file + ']') : null,
+        !rule.enabled ? React.createElement('span', { className: 'edrv-rules-offtag' }, '已停用') : null),
+      React.createElement('div', { className: 'edrv-rules-sub' },
+        React.createElement('span', { className: 'edrv-rules-sublabel' }, '类型:'),
+        typeBadge(rule.type),
+        desc ? React.createElement('span', { className: 'edrv-rules-desc', title: desc }, clampDesc(desc, props.descCap)) : null)),
     React.createElement('div', { className: 'edrv-rules-actions' },
-      React.createElement('button', { className: 'edrv-rules-act', title: '编辑', onClick: () => props.onEdit(rule) }, '✏️'),
-      React.createElement('button', { className: 'edrv-rules-act', title: '删除', onClick: () => props.onRemove(rule) }, '🗑'),
+      React.createElement('button', { className: 'edrv-rules-act', title: '编辑', onClick: () => props.onEdit(rule) }, pencilIcon()),
+      React.createElement('button', { className: 'edrv-rules-act', title: '删除', onClick: () => props.onRemove(rule) }, trashIcon()),
       React.createElement('button', {
         className: 'edrv-rules-switch' + (rule.enabled ? ' on' : ''), role: 'switch', 'aria-checked': rule.enabled,
         title: rule.enabled ? '已启用（点击停用）' : '已停用（点击启用）',
@@ -79,10 +170,13 @@ function RuleRow(props) {
 
 // --region 内嵌编辑器
 /**
- * 新建/编辑表单：文件名（仅新建可改）+ 原始 .mdc 文本域 + 保存/取消。
+ * 新建/编辑表单：面包屑头部 + 规则类型下拉/描述/globs 控件行 + 原始 .mdc 文本域 + 保存/取消。
  * @author ddj 2026年09月03号
- * @param props.form 表单状态（mode/scope/workspacePath/file/content/error/saving）
- * @param props.setForm 表单更新函数
+ * @param props.form 表单状态（mode/scope/workspacePath/relHint/file/content/fmType/desc/globs/error/saving）
+ * @param props.onType 类型下拉变更回调
+ * @param props.onDesc 描述输入回调
+ * @param props.onGlobs globs 输入回调
+ * @param props.onBody 文本域编辑回调
  * @param props.onSave 保存回调
  * @param props.onCancel 取消回调
  * @returns 表单元素
@@ -90,23 +184,33 @@ function RuleRow(props) {
 function RuleEditor(props) {
   const form = props.form
   const isNew = form.mode === 'new'
+  const crumb = (form.scope === 'project' ? '项目规则' : '用户规则') + ' > ' + form.relHint + ' > ' + (form.file || '新建规则.mdc')
   return React.createElement('div', { className: 'edrv-rules-editor' },
     React.createElement('div', { className: 'edrv-rules-editor-head' },
-      isNew ? '新建' + (form.scope === 'project' ? '项目' : '用户') + '规则' : '编辑：' + form.file,
+      React.createElement('span', { className: 'edrv-rules-crumb', title: crumb }, crumb),
       React.createElement('button', { className: 'edrv-rules-act', title: '取消', onClick: props.onCancel }, '✕')),
-    React.createElement('div', { className: 'edrv-rules-editor-file' },
-      React.createElement('label', null, '文件名'),
+    React.createElement('div', { className: 'edrv-rules-editor-ctl' },
+      React.createElement('label', { className: 'edrv-rules-ctl-label' }, '规则类型'),
+      React.createElement('select', { className: 'edrv-rules-select', value: form.fmType, onChange: props.onType },
+        Object.keys(TYPE_LABEL).map((key) => React.createElement('option', { key, value: key }, TYPE_LABEL[key]))),
+      React.createElement('label', { className: 'edrv-rules-ctl-label' }, '描述'),
       React.createElement('input', {
-        className: 'edrv-rules-input', value: form.file, disabled: !isNew, spellCheck: false,
-        placeholder: 'my-rule.mdc', onChange: (e) => props.setForm({ ...form, file: e.target.value }),
+        className: 'edrv-rules-input edrv-rules-desc-input', value: form.desc, spellCheck: false,
+        placeholder: isNew ? '规则用途说明（写入 frontmatter description）' : '规则用途说明', onChange: props.onDesc,
       })),
+    form.fmType === 'auto' ? React.createElement('div', { className: 'edrv-rules-editor-ctl' },
+      React.createElement('label', { className: 'edrv-rules-ctl-label' }, 'globs'),
+      React.createElement('input', {
+        className: 'edrv-rules-input', value: form.globs, spellCheck: false,
+        placeholder: 'src/**/*.ts, *.md（逗号分隔，命中才注入）', onChange: props.onGlobs,
+      })) : null,
     React.createElement('textarea', {
       className: 'edrv-rules-body', spellCheck: false,
       value: form.content,
-      onChange: (e) => props.setForm({ ...form, content: e.target.value }),
+      onChange: props.onBody,
     }),
     React.createElement('div', { className: 'edrv-rules-editor-hint' },
-      'frontmatter 支持 description / alwaysApply / globs / enabled；无 frontmatter 的纯 markdown 视为「手动」规则'),
+      '类型/描述/globs 与 frontmatter 双向同步；enabled 与其余键原样保留；无 frontmatter 的纯 markdown 视为「手动」规则'),
     form.error ? React.createElement('div', { className: 'edrv-rules-err' }, form.error) : null,
     React.createElement('div', { className: 'edrv-rules-editor-foot' },
       React.createElement('button', { className: 'edrv-rules-save', disabled: form.saving, onClick: props.onSave }, form.saving ? '保存中…' : '保存')))
@@ -125,6 +229,8 @@ export function RulesPanel(props) {
   const [tab, setTab] = React.useState(() => (readLocal(CACHE_KEY.rules + 'tab') === 'project' ? 'project' : 'user'))
   const [data, setData] = React.useState(null) // { user: RuleInfo[], projects: RuleProject[] }
   const [error, setError] = React.useState('')
+  const panelRef = React.useRef(null)
+  const [panelW, setPanelW] = React.useState(0) // 面板内容宽度（ResizeObserver 跟踪；0=未测得）
   const [form, setForm] = React.useState(null) // 编辑器表单状态；null=列表态
   const mountedRef = React.useRef(true)
 
@@ -151,6 +257,20 @@ export function RulesPanel(props) {
     return () => { mountedRef.current = false }
   }, [])
 
+  // 面板宽度跟踪：描述字数上限与窄面板模式都随宽度动态变化
+  React.useEffect(() => {
+    const el = panelRef.current
+    if (!el || typeof ResizeObserver === 'undefined') return undefined
+    const observer = new ResizeObserver(() => setPanelW(el.clientWidth))
+    observer.observe(el)
+    setPanelW(el.clientWidth)
+    return () => observer.disconnect()
+  }, [])
+
+  // 描述字数上限与窄面板模式（未测得宽度前用基础上限/完整展示）
+  const descCap = panelW > 0 ? descCapOf(panelW) : DESC_MAX
+  const narrow = panelW > 0 && panelW < NARROW_W
+
   /**
    * 切换 Tab（记忆到 localStorage）。
    * @param next 目标 Tab
@@ -166,27 +286,61 @@ export function RulesPanel(props) {
   const openNew = () => {
     const scope = tab === 'project' ? 'project' : 'user'
     if (scope === 'project' && !cwd) { notify('当前会话没有工作区，无法新建项目规则'); return }
-    setForm({ mode: 'new', scope, workspacePath: scope === 'project' ? cwd : undefined, file: '', content: NEW_TEMPLATE, error: '', saving: false })
+    const parsed = parseRuleFm(NEW_TEMPLATE)
+    setForm({
+      mode: 'new', scope, workspacePath: scope === 'project' ? cwd : undefined,
+      relHint: scope === 'project' ? '.dsh/rules/' : 'rules/', file: '', content: NEW_TEMPLATE,
+      fmType: parsed.type, desc: parsed.description, globs: parsed.globs.join(', '), error: '', saving: false,
+    })
   }
 
   /**
-   * 打开编辑表单：先拉全文再进入编辑态。
+   * 打开编辑表单：先拉全文，再解析 frontmatter 回填类型/描述/globs 控件。
    * @param rule 目标规则
    */
   const openEdit = (rule) => {
     rpc('rules.read', { scope: rule.scope, workspacePath: rule.scope === 'project' ? rule.workspacePath : undefined, file: rule.file })
       .then((res) => {
-        if (res && res.ok) {
-          setForm({ mode: 'edit', scope: rule.scope, workspacePath: rule.workspacePath, file: rule.file, content: res.content, error: '', saving: false })
-        } else notify(res?.error ?? '读取规则失败')
+        if (!res || !res.ok) { notify(res?.error ?? '读取规则失败'); return }
+        const parsed = parseRuleFm(res.content)
+        setForm({
+          mode: 'edit', scope: rule.scope, workspacePath: rule.workspacePath, relHint: rule.relHint,
+          file: rule.file, content: res.content,
+          fmType: parsed.type, desc: parsed.description, globs: parsed.globs.join(', '), error: '', saving: false,
+        })
       }).catch((e) => notify('读取规则异常: ' + String(e)))
   }
 
-  /** 保存表单（rules.save；文件名仅新建校验非空）。 */
+  /** 类型下拉变更：frontmatter 按新类型重写，控件同步。 */
+  const onTypeChange = (e) => {
+    const nextType = e.target.value
+    setForm((prev) => ({ ...prev, fmType: nextType, content: rebuildContent(prev.content, nextType, prev.desc, prev.globs), error: '' }))
+  }
+
+  /** 描述输入变更：同步 frontmatter description 行。 */
+  const onDescChange = (e) => {
+    const nextDesc = e.target.value
+    setForm((prev) => ({ ...prev, desc: nextDesc, content: rebuildContent(prev.content, prev.fmType, nextDesc, prev.globs), error: '' }))
+  }
+
+  /** globs 输入变更（自动规则）：同步 frontmatter globs 行。 */
+  const onGlobsChange = (e) => {
+    const nextGlobs = e.target.value
+    setForm((prev) => ({ ...prev, globs: nextGlobs, content: rebuildContent(prev.content, prev.fmType, prev.desc, nextGlobs), error: '' }))
+  }
+
+  /** 文本域直接编辑：回读 frontmatter，同步类型/描述/globs 控件（文本域是唯一真源）。 */
+  const onBodyChange = (e) => {
+    const parsed = parseRuleFm(e.target.value)
+    setForm((prev) => ({ ...prev, content: e.target.value, fmType: parsed.type, desc: parsed.description, globs: parsed.globs.join(', ') }))
+  }
+
+  /** 保存表单（rules.save；文件名非空 + 自动规则必须有 globs）。 */
   const saveForm = () => {
     const next = { ...form, saving: true, error: '' }
     const file = String(form.file ?? '').trim()
     if (!file) { setForm({ ...next, saving: false, error: '文件名不能为空' }); return }
+    if (form.fmType === 'auto' && globList(form.globs).length === 0) { setForm({ ...next, saving: false, error: '自动规则需要至少一个 glob（逗号分隔）' }); return }
     setForm(next)
     rpc('rules.save', { scope: form.scope, workspacePath: form.workspacePath, file, content: form.content })
       .then((res) => {
@@ -261,12 +415,19 @@ export function RulesPanel(props) {
   }
 
   const renderBody = () => {
-    if (form) return React.createElement(RuleEditor, { form, setForm, onSave: saveForm, onCancel: () => setForm(null) })
+    if (form) {
+      return React.createElement(RuleEditor, {
+        form, onType: onTypeChange, onDesc: onDescChange, onGlobs: onGlobsChange, onBody: onBodyChange,
+        onSave: saveForm, onCancel: () => setForm(null),
+      })
+    }
     if (!data) return React.createElement('div', { className: 'edrv-rules-empty' }, '加载中…')
     if (error) return React.createElement('div', { className: 'edrv-rules-err' }, error)
     const rows = rowsOf()
     if (!rows.length) return React.createElement('div', { className: 'edrv-rules-empty' }, renderEmpty())
     const common = {
+      descCap,
+      narrow,
       onEdit: (rule) => openEdit({ ...rule, workspacePath: rule.scope === 'project' ? cwd : undefined }),
       onRemove: (rule) => removeRule({ ...rule, workspacePath: rule.scope === 'project' ? cwd : undefined }),
       onToggle: (rule) => toggleRule({ ...rule, workspacePath: rule.scope === 'project' ? cwd : undefined }),
@@ -275,7 +436,7 @@ export function RulesPanel(props) {
       rows.map((rule) => React.createElement(RuleRow, { key: rule.scope + ':' + rule.file, rule, ...common })))
   }
 
-  return React.createElement('div', { className: 'edrv-rules-panel' },
+  return React.createElement('div', { className: 'edrv-rules-panel', ref: panelRef },
     renderTabs(),
     renderWsLine(),
     React.createElement('div', { className: 'edrv-rules-hint' },

package/src/client/styles/editor.css

@@ -206,7 +206,7 @@
 [data-edrv-view] .edrv-main-col > .edrv-pathbar,
 [data-edrv-view] .edrv-main-col > .edrv-tabs { flex: 0 0 auto; }
 [data-edrv-view] .edrv-editor-area { position: relative; display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }
-[data-edrv-view] .edrv-sidebar { display: flex; flex-direction: row; flex-shrink: 0; min-width: 0; height: 100%; background: var(--dsw-alias-bg-layer-1, #ffffff); border-right: 1px solid var(--dsw-alias-border-l1, #e0e6e8); overflow: hidden; }
+[data-edrv-view] .edrv-sidebar { display: flex; flex-direction: row; flex-shrink: 1; min-width: 0; height: 100%; background: var(--dsw-alias-bg-layer-1, #ffffff); border-right: 1px solid var(--dsw-alias-border-l1, #e0e6e8); overflow: hidden; }
 [data-edrv-view] .edrv-rail { display: flex; flex-direction: column; align-items: center; width: 44px; flex-shrink: 0; padding: 6px 0; background: var(--dsw-alias-bg-layer-2, #f0f4f4); border-right: 1px solid var(--dsw-alias-border-l1, #e0e6e8); gap: 4px; }
 [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)); }
@@ -296,7 +296,7 @@
 [data-edrv-view] .edrv-search-toggle:disabled { opacity: .4; cursor: default; }
 
 /* ===== rules panel (sidebar, Codebuddy rules view) ===== */
-[data-edrv-view] .edrv-rules-panel { display: flex; flex-direction: column; min-height: 0; flex: 1; padding: 6px; gap: 4px; }
+[data-edrv-view] .edrv-rules-panel { display: flex; flex-direction: column; min-width: 0; min-height: 0; flex: 1; padding: 6px; gap: 4px; }
 [data-edrv-view] .edrv-rules-tabs { display: flex; align-items: center; gap: 2px; flex: 0 0 auto; }
 [data-edrv-view] .edrv-rules-tab { height: 24px; padding: 0 10px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-secondary, #52606d); font-size: 12px; cursor: pointer; }
 [data-edrv-view] .edrv-rules-tab:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }
@@ -306,19 +306,23 @@
 [data-edrv-view] .edrv-rules-ws-line { font-size: 11px; color: var(--dsw-alias-label-secondary, #52606d); padding: 0 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 0 0 auto; user-select: none; }
 [data-edrv-view] .edrv-rules-hint { font-size: 11px; color: var(--dsw-alias-label-tertiary, #9aa5b1); padding: 0 2px; flex: 0 0 auto; }
 [data-edrv-view] .edrv-rules-list { flex: 1; min-height: 0; overflow: auto; }
-[data-edrv-view] .edrv-rules-row { position: relative; padding: 7px 100px 6px 4px; border-bottom: 1px solid var(--dsw-alias-border-l1, #e0e6e8); }
-[data-edrv-view] .edrv-rules-row.off .edrv-rules-file, [data-edrv-view] .edrv-rules-row.off .edrv-rules-desc { opacity: .5; }
-[data-edrv-view] .edrv-rules-main { display: flex; align-items: center; gap: 6px; min-width: 0; cursor: pointer; }
+[data-edrv-view] .edrv-rules-row { display: flex; align-items: center; gap: 4px; padding: 6px 4px; border-bottom: 1px solid var(--dsw-alias-border-l1, #e0e6e8); border-radius: 6px; }
+[data-edrv-view] .edrv-rules-row:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }
+[data-edrv-view] .edrv-rules-row.off .edrv-rules-main { opacity: .5; }
+[data-edrv-view] .edrv-rules-main { flex: 1; min-width: 0; cursor: pointer; overflow: hidden; }
+[data-edrv-view] .edrv-rules-line1 { display: flex; align-items: center; gap: 6px; min-width: 0; }
+[data-edrv-view] .edrv-rules-sub { display: flex; align-items: center; gap: 5px; margin-top: 3px; min-width: 0; }
+[data-edrv-view] .edrv-rules-sublabel { font-size: 11px; color: var(--dsw-alias-label-tertiary, #9aa5b1); flex-shrink: 0; }
 [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-shrink: 0; 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-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 { margin-top: 3px; font-size: 11px; color: var(--dsw-alias-label-secondary, #52606d); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-[data-edrv-view] .edrv-rules-actions { position: absolute; top: 5px; right: 4px; display: flex; align-items: center; gap: 2px; }
-[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); }
+[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; }
@@ -327,8 +331,13 @@
 [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-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; font-size: 12px; font-weight: 600; color: var(--dsw-alias-label-primary, #1f2933); flex: 0 0 auto; }
-[data-edrv-view] .edrv-rules-editor-file { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--dsw-alias-label-secondary, #52606d); flex: 0 0 auto; }
+[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; }
+[data-edrv-view] .edrv-rules-editor-ctl { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
+[data-edrv-view] .edrv-rules-ctl-label { font-size: 11px; color: var(--dsw-alias-label-secondary, #52606d); flex-shrink: 0; }
+[data-edrv-view] .edrv-rules-select { height: 24px; padding: 0 4px; border: 1px solid var(--dsw-alias-border-l2, #555); border-radius: 6px; background: var(--dsw-alias-bg-base, #111); color: var(--dsw-alias-label-primary, #eee); font-size: 11px; outline: none; cursor: pointer; flex-shrink: 0; }
+[data-edrv-view] .edrv-rules-select:focus { border-color: var(--dsw-alias-brand-primary, #4f8cff); }
+[data-edrv-view] .edrv-rules-desc-input { flex: 1; min-width: 0; }
 [data-edrv-view] .edrv-rules-input { flex: 1; min-width: 0; height: 24px; padding: 0 8px; border: 1px solid var(--dsw-alias-border-l2, #555); border-radius: 6px; background: var(--dsw-alias-bg-base, #111); color: var(--dsw-alias-label-primary, #eee); font-size: 11px; outline: none; font-family: var(--ds-font-family-code, ui-monospace, monospace); }
 [data-edrv-view] .edrv-rules-input:focus { border-color: var(--dsw-alias-brand-primary, #4f8cff); }
 [data-edrv-view] .edrv-rules-body { flex: 1; min-height: 0; resize: none; padding: 8px; border: 1px solid var(--dsw-alias-border-l2, #555); border-radius: 6px; background: var(--dsw-alias-bg-base, #111); color: var(--dsw-alias-label-primary, #eee); font-size: 12px; line-height: 1.5; outline: none; font-family: var(--ds-font-family-code, ui-monospace, monospace); }