✨ feat(vscode): 代码阅读的名字高亮更显眼（当前那处描框、别处画细线），⌘↓ / ⌘↑ 在各处之间跳，跳到折叠处自动展开，筛选栏写第几处

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

@@ -3,12 +3,13 @@ import type { ReactElement } from 'react'
 import type { GroupStyle, Inline, SegmentGroup } from './types'
 import { Repeat } from 'lucide-react'
 import { useContext } from 'react'
-import { segmentOccurrence } from './occurrences'
+import { isCurrent, segmentOccurrence } from './occurrences'
 import { HighlightContext } from './useOccurrences'
 
 /**
  * 按词性给每一段上色，颜色在 codeReader.css 的 .cr-role-* 里按主题切换；带源码下标的名字记在 data-offset 上，
- * 跳到定义、高亮各处出现用；是眼下高亮着的名字的一处出现时 data-occurrence 标出底色。框起来的一组词画成小框，框里的词同样处理。
+ * 跳到定义、高亮各处出现用；是眼下高亮着的名字的一处出现时 data-occurrence 标出底色，是当前那一处（点中的、用键盘跳到的）时
+ * 再标 data-current。框起来的一组词画成小框，框里的词同样处理。
  */
 export function SegmentText({ segments }: { segments: Inline[] }): ReactElement {
   const highlight = useContext(HighlightContext)
@@ -21,6 +22,7 @@ export function SegmentText({ segments }: { segments: Inline[] }): ReactElement
               className={`cr-role-${piece.role}`}
               data-offset={piece.offset}
               data-occurrence={highlight && segmentOccurrence(piece, highlight.occurrences)}
+              data-current={highlight && isCurrent(piece, highlight) ? '' : undefined}
             >
               {piece.text}
             </span>