🐛 fix(vscode): 悬停提示不用原生 title，webview 统一用自绘提示框，代码阅读的种类图标停上去能看到种类名

VS Code 1.139 带的 Electron 43 在 macOS 上只在鼠标压着带 title 的元素自身边缘时才弹原生提示，
停在它里面的图标、文字上不弹（electron/electron#49843，Electron 38 起）。种类图标 20px 的框
几乎被 16px 的图形占满，所以基本看不到种类名；块右上角按钮同样受影响。页面上核对过：图标中心点
命中的是图标里的线条，没有盖在上面的东西。

- components/ui/tooltip.tsx 改成整页只挂一次的 TooltipHost：元素只写 data-tooltip，事件统一交给它；
  样子照 VS Code 悬停框（editorHoverWidget 那组变量、widget-shadow 阴影），停 500ms 才弹、弹着时换元素
  立刻换，移开 / 按下 / 按键 / 滚动收起；键盘聚焦立刻弹，提示不是元素自己的名字时挂 aria-describedby
- 代码阅读里所有 title（种类图标、块按钮、筛选栏、问答区、中文名的「原名」）改成 data-tooltip；
  SelectMenu 的 title 属性改名 tooltip；看板工单详情原来包一层的 Tooltip 也改成 data-tooltip
- 何时弹 / 收的规则抽成纯函数加测试；更新代码阅读 spec

vscode/webview-ui/src/components/IssueDetailPanel.tsx

@@ -9,7 +9,6 @@ import { isSessionMissing } from '../lib/missingSession'
 import { toReadOnlySchema } from '../lib/readOnlySchema'
 import { COLUMN_LABELS, COLUMN_ORDER } from '../types'
 import { PropertyGrid } from './property-grid'
-import { Tooltip } from './ui/tooltip'
 
 /** 会话 id 在共享状态里、本机却没有会话文件时，各会话行的统一说明。 */
 const MISSING_SESSION_DESC = '本机没有该会话文件（会话在别的机器上创建），无法 resume'
@@ -839,86 +838,81 @@ export function IssueDetailPanel({
               </span>
             )
           : null}
-        <Tooltip label="在浏览器里打开">
-          <button
-            type="button"
-            onClick={() => onOpenInBrowser(issue.htmlUrl)}
-            className="inline-flex shrink-0 items-center gap-1 rounded border border-[var(--vscode-panel-border)] px-2 py-1 text-xs hover:bg-black/10 dark:hover:bg-white/10"
-          >
-            <ExternalLink className="size-3.5" />
-            {issue.source === 'youtrack' ? '在 YouTrack 打开' : '在 Gitea 打开'}
-          </button>
-        </Tooltip>
+        <button
+          type="button"
+          data-tooltip="在浏览器里打开"
+          onClick={() => onOpenInBrowser(issue.htmlUrl)}
+          className="inline-flex shrink-0 items-center gap-1 rounded border border-[var(--vscode-panel-border)] px-2 py-1 text-xs hover:bg-black/10 dark:hover:bg-white/10"
+        >
+          <ExternalLink className="size-3.5" />
+          {issue.source === 'youtrack' ? '在 YouTrack 打开' : '在 Gitea 打开'}
+        </button>
         {/* Close/delete write to gitea by number — hide for youtrack cards to
             avoid acting on a gitea issue of the same number. */}
         {issue.source !== 'youtrack' && !readOnly && (
           <>
             {issue.handoffAttachmentId && me !== undefined && (issue.assignees ?? []).includes(me) && (
-              <Tooltip label={`接管 ${issue.handoffFrom ?? '?'} 的移交`}>
-                <button
-                  type="button"
-                  disabled={isHandoffRunning(issue.number)}
-                  onClick={() => onAcceptHandoff(issue.number)}
-                  aria-label="接管"
-                  className="inline-flex shrink-0 items-center gap-1 rounded border border-green-500/60 bg-green-500/10 px-2 py-1 text-xs text-green-500 hover:bg-green-500/20 disabled:opacity-50"
-                >
-                  {isHandoffRunning(issue.number) ? <Loader2 className="size-3.5 animate-spin" /> : <Download className="size-3.5" />}
-                  接管
-                </button>
-              </Tooltip>
+              <button
+                type="button"
+                data-tooltip={`接管 ${issue.handoffFrom ?? '?'} 的移交`}
+                disabled={isHandoffRunning(issue.number)}
+                onClick={() => onAcceptHandoff(issue.number)}
+                aria-label="接管"
+                className="inline-flex shrink-0 items-center gap-1 rounded border border-green-500/60 bg-green-500/10 px-2 py-1 text-xs text-green-500 hover:bg-green-500/20 disabled:opacity-50"
+              >
+                {isHandoffRunning(issue.number) ? <Loader2 className="size-3.5 animate-spin" /> : <Download className="size-3.5" />}
+                接管
+              </button>
             )}
             {!issue.handoffAttachmentId && issue.column !== 'done' && ((issue.assignees ?? []).length === 0 || (me !== undefined && (issue.assignees ?? []).includes(me))) && (
-              <Tooltip label="移交给同事">
-                <button
-                  type="button"
-                  disabled={isHandoffRunning(issue.number)}
-                  onClick={() => onStartHandoff(issue.number)}
-                  aria-label="移交"
-                  className="inline-flex shrink-0 items-center justify-center rounded border border-[var(--vscode-panel-border)] p-1 text-xs text-[var(--vscode-foreground)] hover:border-blue-500/60 hover:bg-blue-500/10 hover:text-blue-500 disabled:opacity-50"
-                >
-                  {isHandoffRunning(issue.number) ? <Loader2 className="size-3.5 animate-spin" /> : <ArrowRightLeft className="size-3.5" />}
-                </button>
-              </Tooltip>
+              <button
+                type="button"
+                data-tooltip="移交给同事"
+                disabled={isHandoffRunning(issue.number)}
+                onClick={() => onStartHandoff(issue.number)}
+                aria-label="移交"
+                className="inline-flex shrink-0 items-center justify-center rounded border border-[var(--vscode-panel-border)] p-1 text-xs text-[var(--vscode-foreground)] hover:border-blue-500/60 hover:bg-blue-500/10 hover:text-blue-500 disabled:opacity-50"
+              >
+                {isHandoffRunning(issue.number) ? <Loader2 className="size-3.5 animate-spin" /> : <ArrowRightLeft className="size-3.5" />}
+              </button>
             )}
             {issue.handoffAttachmentId && !(me !== undefined && (issue.assignees ?? []).includes(me)) && (
-              <Tooltip label={`${issue.handoffFrom ?? '?'} 已移交，等 ${(issue.assignees ?? []).join(', ') || '?'} 接管`}>
-                <span className="inline-flex shrink-0 items-center rounded border border-[var(--vscode-panel-border)] px-1.5 py-0.5 text-[10px] opacity-70">
-                  待接管
-                </span>
-              </Tooltip>
+              <span
+                className="inline-flex shrink-0 items-center rounded border border-[var(--vscode-panel-border)] px-1.5 py-0.5 text-[10px] opacity-70"
+                data-tooltip={`${issue.handoffFrom ?? '?'} 已移交，等 ${(issue.assignees ?? []).join(', ') || '?'} 接管`}
+              >
+                待接管
+              </span>
             )}
             {(issue.column === 'in-progress' || issue.column === 'review') && (
-              <Tooltip label="重置为待办（停会话、删 worktree 和未合并 PR）">
-                <button
-                  type="button"
-                  onClick={() => onResetToTodo(issue.number)}
-                  aria-label="重置为待办"
-                  className="inline-flex shrink-0 items-center justify-center rounded border border-[var(--vscode-panel-border)] p-1 text-xs text-[var(--vscode-foreground)] hover:border-yellow-500/60 hover:bg-yellow-500/10 hover:text-yellow-500"
-                >
-                  <RotateCcw className="size-3.5" />
-                </button>
-              </Tooltip>
-            )}
-            <Tooltip label="关闭工单（Gitea 里可重开）">
               <button
                 type="button"
-                onClick={() => onCloseIssue(issue.number)}
-                aria-label="关闭工单"
+                data-tooltip="重置为待办（停会话、删 worktree 和未合并 PR）"
+                onClick={() => onResetToTodo(issue.number)}
+                aria-label="重置为待办"
                 className="inline-flex shrink-0 items-center justify-center rounded border border-[var(--vscode-panel-border)] p-1 text-xs text-[var(--vscode-foreground)] hover:border-yellow-500/60 hover:bg-yellow-500/10 hover:text-yellow-500"
               >
-                <CircleSlash className="size-3.5" />
+                <RotateCcw className="size-3.5" />
               </button>
-            </Tooltip>
-            <Tooltip label="删除工单（不可撤销）">
-              <button
-                type="button"
-                onClick={() => issue && onDeleteIssue?.(issue.number)}
-                aria-label="删除工单"
-                className="inline-flex shrink-0 items-center justify-center rounded border border-[var(--vscode-panel-border)] p-1 text-xs text-[var(--vscode-foreground)] hover:border-red-500/60 hover:bg-red-500/10 hover:text-red-500"
-              >
-                <Trash2 className="size-3.5" />
-              </button>
-            </Tooltip>
+            )}
+            <button
+              type="button"
+              data-tooltip="关闭工单（Gitea 里可重开）"
+              onClick={() => onCloseIssue(issue.number)}
+              aria-label="关闭工单"
+              className="inline-flex shrink-0 items-center justify-center rounded border border-[var(--vscode-panel-border)] p-1 text-xs text-[var(--vscode-foreground)] hover:border-yellow-500/60 hover:bg-yellow-500/10 hover:text-yellow-500"
+            >
+              <CircleSlash className="size-3.5" />
+            </button>
+            <button
+              type="button"
+              data-tooltip="删除工单（不可撤销）"
+              onClick={() => issue && onDeleteIssue?.(issue.number)}
+              aria-label="删除工单"
+              className="inline-flex shrink-0 items-center justify-center rounded border border-[var(--vscode-panel-border)] p-1 text-xs text-[var(--vscode-foreground)] hover:border-red-500/60 hover:bg-red-500/10 hover:text-red-500"
+            >
+              <Trash2 className="size-3.5" />
+            </button>
           </>
         )}
       </div>