From e303a8d15f5f8af3eca854d470a1138b2e63cc3f Mon Sep 17 00:00:00 2001
From: cruldra <cruldra@gmail.com>
Date: Mon, 28 Sep 2026 08:20:30 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(vscode):=20=E5=B7=A5?=
 =?UTF-8?q?=E5=8D=95=E6=A0=87=E9=A2=98=E6=A0=8F=E6=8C=89=E9=92=AE=E5=8F=AA?=
 =?UTF-8?q?=E7=95=99=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/IssueDetailPanel.tsx       | 86 ++++++++-----------
 1 file changed, 35 insertions(+), 51 deletions(-)

diff --git a/vscode/webview-ui/src/components/IssueDetailPanel.tsx b/vscode/webview-ui/src/components/IssueDetailPanel.tsx
index 5dc2a5b..8714970 100644
--- a/vscode/webview-ui/src/components/IssueDetailPanel.tsx
+++ b/vscode/webview-ui/src/components/IssueDetailPanel.tsx
@@ -1,7 +1,7 @@
 import type { ClaudeProfile } from '../hooks/useIssues'
 import type { Issue, IssueColumn } from '../types'
 import type { PropertyGroup, RowAction } from './property-grid'
-import { ArrowRightLeft, CircleSlash, Download, Eraser, ExternalLink, GitMerge, Loader2, Play, RotateCcw, Terminal, Trash2, X } from 'lucide-react'
+import { ArrowRightLeft, Check, CircleSlash, Download, Eraser, ExternalLink, GitMerge, Loader2, Play, RotateCcw, Terminal, Trash2, Undo2, UserPlus, X } from 'lucide-react'
 import { useMemo, useRef } from 'react'
 import { canAnswerHandoffRequest, canAskHandoff, canCancelHandoffRequest } from '../../../src/panel/handlers/handoffRequest'
 import { isIssueLocked } from '../lib/dependencies'
@@ -836,85 +836,69 @@ export function IssueDetailPanel({
         {readOnly && ownerLogin
           ? (
               <span
-                className="inline-flex shrink-0 items-center gap-1.5 rounded border border-[var(--vscode-panel-border)] px-2 py-1 text-[11px] opacity-80"
+                className="inline-flex size-6 shrink-0 items-center justify-center rounded border border-[var(--vscode-panel-border)]"
                 data-tooltip={`${ownerLogin} 的工单，只能查看`}
+                aria-label={`${ownerLogin} 的工单，只能查看`}
               >
                 {avatars?.[ownerLogin]
-                  ? <img src={avatars[ownerLogin]} alt={ownerLogin} className="size-4 rounded-full" />
-                  : null}
-                {ownerLogin}
-                {' · 只读'}
+                  ? <img src={avatars[ownerLogin]} alt="" className="size-4 rounded-full" />
+                  : <span className="text-[10px]">{ownerLogin.slice(0, 1)}</span>}
               </span>
             )
           : null}
         <button
           type="button"
-          data-tooltip="在浏览器里打开"
+          data-tooltip={issue.source === 'youtrack' ? '在 YouTrack 打开' : '在 Gitea 打开'}
+          aria-label={issue.source === 'youtrack' ? '在 YouTrack 打开' : '在 Gitea 打开'}
           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"
+          className="inline-flex shrink-0 items-center justify-center rounded border border-[var(--vscode-panel-border)] p-1 text-xs hover:bg-black/10 dark:hover:bg-white/10"
         >
           <ExternalLink className="size-3.5" />
-          {issue.source === 'youtrack' ? '在 YouTrack 打开' : '在 Gitea 打开'}
         </button>
         {canAskHandoff(issue, me) && (
           <button
             type="button"
-            data-tooltip="让负责人把这个工单移交给你"
+            data-tooltip="申请移交"
+            aria-label="申请移交"
             onClick={() => onAskHandoff(issue.number)}
-            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"
+            className="inline-flex shrink-0 items-center justify-center rounded border border-[var(--vscode-panel-border)] p-1 text-xs hover:bg-black/10 dark:hover:bg-white/10"
           >
-            申请移交
+            <UserPlus className="size-3.5" />
           </button>
         )}
         {canCancelHandoffRequest(issue, me) && (
-          <>
-            <span
-              className="max-w-[16rem] truncate text-xs opacity-70"
-              data-tooltip={issue.handoffRequestError && issue.handoffRequestError !== 'rejected' ? issue.handoffRequestError : '等对方同意'}
-            >
-              {issue.handoffRequestError && issue.handoffRequestError !== 'rejected' ? issue.handoffRequestError : '已申请'}
-            </span>
-            <button
-              type="button"
-              onClick={() => onCancelHandoffRequest(issue.number)}
-              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"
-            >
-              取消申请
-            </button>
-          </>
+          <button
+            type="button"
+            data-tooltip={issue.handoffRequestError && issue.handoffRequestError !== 'rejected' ? `取消申请：${issue.handoffRequestError}` : '取消申请'}
+            aria-label="取消申请"
+            onClick={() => onCancelHandoffRequest(issue.number)}
+            className="inline-flex shrink-0 items-center justify-center rounded border border-[var(--vscode-panel-border)] p-1 text-xs hover:bg-black/10 dark:hover:bg-white/10"
+          >
+            <Undo2 className="size-3.5" />
+          </button>
         )}
         {canAnswerHandoffRequest(issue, me) && (
           <>
-            <span className="shrink-0 text-xs opacity-80">
-              {issue.handoffRequestFrom}
-              {' '}
-              想要这个工单
-            </span>
-            {issue.handoffRequestError && issue.handoffRequestError !== 'rejected'
-              ? (
-                  <span
-                    className="max-w-[16rem] truncate text-xs text-[var(--vscode-errorForeground)]"
-                    data-tooltip={issue.handoffRequestError}
-                  >
-                    {issue.handoffRequestError}
-                  </span>
-                )
-              : null}
             <button
               type="button"
               disabled={isHandoffRunning(issue.number)}
+              data-tooltip={issue.handoffRequestError && issue.handoffRequestError !== 'rejected'
+                ? `同意 ${issue.handoffRequestFrom} 的申请。上次没交出来：${issue.handoffRequestError}`
+                : `同意 ${issue.handoffRequestFrom} 的申请`}
+              aria-label="同意移交申请"
               onClick={() => onAcceptHandoffRequest(issue.number)}
-              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"
+              className="inline-flex shrink-0 items-center justify-center rounded border border-green-500/60 bg-green-500/10 p-1 text-xs text-green-500 hover:bg-green-500/20 disabled:opacity-50"
             >
-              {isHandoffRunning(issue.number) ? <Loader2 className="size-3.5 animate-spin" /> : null}
-              同意
+              {isHandoffRunning(issue.number) ? <Loader2 className="size-3.5 animate-spin" /> : <Check className="size-3.5" />}
             </button>
             <button
               type="button"
+              data-tooltip={`拒绝 ${issue.handoffRequestFrom} 的申请`}
+              aria-label="拒绝移交申请"
               onClick={() => onRejectHandoffRequest(issue.number)}
-              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"
+              className="inline-flex shrink-0 items-center justify-center rounded border border-[var(--vscode-panel-border)] p-1 text-xs hover:bg-black/10 dark:hover:bg-white/10"
             >
-              拒绝
+              <X className="size-3.5" />
             </button>
           </>
         )}
@@ -929,10 +913,9 @@ export function IssueDetailPanel({
                 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"
+                className="inline-flex shrink-0 items-center justify-center rounded border border-green-500/60 bg-green-500/10 p-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))) && (
@@ -949,10 +932,11 @@ export function IssueDetailPanel({
             )}
             {issue.handoffAttachmentId && !(me !== undefined && (issue.assignees ?? []).includes(me)) && (
               <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"
+                className="inline-flex shrink-0 items-center justify-center rounded border border-[var(--vscode-panel-border)] p-1 text-xs opacity-70"
                 data-tooltip={`${issue.handoffFrom ?? '?'} 已移交，等 ${(issue.assignees ?? []).join(', ') || '?'} 接管`}
+                aria-label="待接管"
               >
-                待接管
+                <Download className="size-3.5" />
               </span>
             )}
             {(issue.column === 'in-progress' || issue.column === 'review') && (