✨ feat(vscode): 代码阅读侧栏行加复制菜单，块按钮只留图标，筛选菜单加全选 / 取消全选

vscode/webview-ui/src/codeReader/BlockTree.tsx

@@ -1,8 +1,8 @@
 import type { CSSProperties, ReactElement } from 'react'
 import type { BlockView } from './types'
-import { ChevronDown, ChevronRight, Eye, EyeOff, Pencil } from 'lucide-react'
+import { ChevronDown, ChevronRight, EyeOff } from 'lucide-react'
 import { Fragment } from 'react'
-import { cn } from '@/lib/utils'
+import { BlockTools } from './BlockTools'
 import { CodeEditor } from './CodeEditor'
 import { PropertyGrid } from './PropertyGrid'
 import { TextPreview } from './TextPreview'
@@ -86,7 +86,7 @@ function BlockPreview({ block, tree }: { block: BlockView, tree: BlockTreeState
   )
 }
 
-/** 一块：折叠箭头、种类标签、预览内容或源码、右边的「编辑 / 预览」切换。 */
+/** 一块：折叠箭头、种类标签、预览内容或源码、右上角的一排图标按钮（BlockTools）。 */
 function BlockCard({ block, tree }: { block: BlockView, tree: BlockTreeState }): ReactElement {
   const editing = tree.editing.has(block.id)
   const collapsed = tree.collapsed.has(block.id)
@@ -135,17 +135,7 @@ function BlockCard({ block, tree }: { block: BlockView, tree: BlockTreeState }):
           已被筛选隐藏，临时显示
         </span>
       )}
-      <button
-        type="button"
-        className={cn(
-          'flex shrink-0 items-center gap-1 rounded px-2 py-0.5 text-xs leading-4 text-[var(--vscode-descriptionForeground)] hover:bg-[var(--vscode-toolbar-hoverBackground)]',
-          editing && 'bg-[var(--vscode-toolbar-activeBackground)]',
-        )}
-        onClick={() => tree.onToggleEdit(block.id)}
-      >
-        {editing ? <Eye size={13} strokeWidth={1.8} /> : <Pencil size={13} strokeWidth={1.8} />}
-        {editing ? '预览' : '编辑'}
-      </button>
+      <BlockTools editing={editing} onToggleEdit={() => tree.onToggleEdit(block.id)} />
     </div>
   )
 }