✨ feat(vscode): 代码阅读鼠标停在名字和注释链接上弹出定义所在那块的卡片，别的文件的也行

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

@@ -8,6 +8,7 @@ import { TriangleAlert } from 'lucide-react'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { AskThread } from './AskThread'
 import { BlockLevel } from './BlockTree'
+import { DefinitionPeekPopup } from './DefinitionPeekPopup'
 import { DiffBar, NewFileBanner } from './DiffBar'
 import { changeStops, diffTree, foldUnchanged, openedByDiff } from './diffView'
 import { acceptNames, DisplayNameContext, documentNames } from './displayNames'
@@ -18,6 +19,7 @@ import { OverviewRuler } from './OverviewRuler'
 import { asksOf, historyOf, PATH_ASK_ANCHOR } from './qa'
 import { useChangeNav } from './useChangeNav'
 import { useDefinitionLinks } from './useDefinitionLinks'
+import { useDefinitionPeek } from './useDefinitionPeek'
 import { HighlightContext, useOccurrences } from './useOccurrences'
 import { useQa } from './useQa'
 import { useRepoImages } from './useRepoImages'
@@ -88,6 +90,7 @@ export function App(): ReactElement | null {
   useScrollPosition(doc)
   useReveal(doc, reveal, collapsed, unshown, covered, show, expand, revealed)
   useDefinitionLinks(doc?.version)
+  const peek = useDefinitionPeek(doc?.version)
   useRepoLinks()
   useRepoImages()
   const nav = useChangeNav(stops, collapsed, expand)
@@ -143,27 +146,29 @@ export function App(): ReactElement | null {
   const kindNames = useMemo(() => new Map(doc?.attributes.find(attribute => attribute.id === 'kind')?.values.map(value => [value.id, value.name])), [doc])
   const kindName = useCallback((kind: string) => kindNames.get(kind) ?? kind, [kindNames])
   const tree = useMemo((): BlockTreeState | null => doc && {
-    version: doc.version,
-    editing: new Set(view.editing),
+    edit: {
+      version: doc.version,
+      editing: new Set(view.editing),
+      focusId,
+      onFocused,
+      onToggleEdit: (id) => {
+        setFocusId(view.editing.includes(id) ? null : id)
+        setView(prev => ({
+          ...prev,
+          editing: prev.editing.includes(id) ? prev.editing.filter(other => other !== id) : startEditing(doc.blocks, prev.editing, id),
+        }))
+      },
+      rewrites: rewrites.runs,
+      onRewriteComment: rewrites.onRewrite,
+      onStopRewrite: rewrites.onStop,
+    },
     collapsed,
     hidden: filter.hidden,
     temporary: filter.temporary,
     covered,
     kindName,
-    focusId,
-    onFocused,
-    onToggleEdit: (id) => {
-      setFocusId(view.editing.includes(id) ? null : id)
-      setView(prev => ({
-        ...prev,
-        editing: prev.editing.includes(id) ? prev.editing.filter(other => other !== id) : startEditing(doc.blocks, prev.editing, id),
-      }))
-    },
     onToggleFold: id => setFolded([id], !collapsed.has(id)),
     onSetFolds: folds => setView(prev => ({ ...prev, folds: { ...prev.folds, ...folds } })),
-    rewrites: rewrites.runs,
-    onRewriteComment: rewrites.onRewrite,
-    onStopRewrite: rewrites.onStop,
     ...(qa.state.available && { qa }),
     ...(changes && { diff: changes }),
     ...(folded && { folded }),
@@ -236,6 +241,7 @@ export function App(): ReactElement | null {
               ? <BlockLevel blocks={doc.blocks} tree={tree} />
               : <div className="text-[var(--vscode-descriptionForeground)]">所有块都被筛选隐藏了。</div>}
         </div>
+        <DefinitionPeekPopup shown={peek.shown} onJump={peek.jump} />
       </DisplayNameContext>
     </HighlightContext>
   )