✨ feat(vscode): webview 移交/接管按钮、选人弹窗与待接管角标
Claude-Session: https://claude.ai/code/session_011cEyL6k351U2BzX1Qmygph
This commit is contained in:
cruldra committed
1 parent
6d3720d424
commit
6770570f09
6 files changed
+226
-3
No files matched your search
@@ -50,6 +50,10 @@ interface BottomTabsProps {
|
||||
onUpdateBrainstormProfilePath: (issueNumber: number, brainstormProfilePath: string) => void
|
||||
onUpdateTestProfilePath: (issueNumber: number, testProfilePath: string) => void
|
||||
onOpenLogs: () => void
|
||||
me?: string
|
||||
onStartHandoff: (issueNumber: number) => void
|
||||
onAcceptHandoff: (issueNumber: number) => void
|
||||
isHandoffRunning: (issueNumber: number) => boolean
|
||||
|
||||
// Profile tab props
|
||||
profileData: ProfilesData
|
||||
@@ -138,6 +142,10 @@ export function BottomTabs(props: BottomTabsProps) {
|
||||
onUpdateTestProfilePath={props.onUpdateTestProfilePath}
|
||||
profiles={props.profiles}
|
||||
onOpenLogs={props.onOpenLogs}
|
||||
me={props.me}
|
||||
onStartHandoff={props.onStartHandoff}
|
||||
onAcceptHandoff={props.onAcceptHandoff}
|
||||
isHandoffRunning={props.isHandoffRunning}
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
|
||||
@@ -0,0 +1,89 @@
|
||||
import { Loader2, X } from 'lucide-react'
|
||||
import { useEffect, useState } from 'react'
|
||||
import { SelectMenu } from './ui/select-menu'
|
||||
|
||||
interface Props {
|
||||
open: boolean
|
||||
issueNumber: number | null
|
||||
/** null = 候选列表还在加载 */
|
||||
users: string[] | null
|
||||
onCancel: () => void
|
||||
onSubmit: (issueNumber: number, to: string) => void
|
||||
}
|
||||
|
||||
export function HandoffModal({ open, issueNumber, users, onCancel, onSubmit }: Props) {
|
||||
const [to, setTo] = useState<string>('')
|
||||
|
||||
useEffect(() => {
|
||||
if (!open) {
|
||||
setTo('')
|
||||
return
|
||||
}
|
||||
function handleKey(e: KeyboardEvent): void {
|
||||
if (e.key === 'Escape')
|
||||
onCancel()
|
||||
}
|
||||
document.addEventListener('keydown', handleKey)
|
||||
return () => document.removeEventListener('keydown', handleKey)
|
||||
}, [open, onCancel])
|
||||
|
||||
useEffect(() => {
|
||||
if (users && users.length > 0 && !to)
|
||||
setTo(users[0])
|
||||
}, [users, to])
|
||||
|
||||
if (!open || issueNumber === null)
|
||||
return null
|
||||
|
||||
return (
|
||||
<div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60">
|
||||
<div
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
className="w-[360px] rounded border border-[var(--vscode-panel-border)] bg-[var(--vscode-editor-background)] p-4 text-sm shadow-lg"
|
||||
>
|
||||
<div className="mb-3 flex items-center">
|
||||
<h2 className="flex-1 font-medium">
|
||||
移交 #
|
||||
{issueNumber}
|
||||
</h2>
|
||||
<button type="button" onClick={onCancel} aria-label="关闭" className="rounded p-1 hover:bg-white/10">
|
||||
<X className="size-4" />
|
||||
</button>
|
||||
</div>
|
||||
<p className="mb-3 text-xs opacity-70">
|
||||
会把本机的 worktree 删除、会话记录打包挂到工单附件，并把工单指派给对方。移交前分支必须已全部 push。
|
||||
</p>
|
||||
{users === null
|
||||
? (
|
||||
<div className="flex items-center gap-2 text-xs opacity-70">
|
||||
<Loader2 className="size-3.5 animate-spin" />
|
||||
读取可指派用户…
|
||||
</div>
|
||||
)
|
||||
: users.length === 0
|
||||
? <div className="text-xs text-red-400">没有可指派的其他用户</div>
|
||||
: (
|
||||
<SelectMenu
|
||||
value={to}
|
||||
options={users.map(u => ({ value: u, label: u }))}
|
||||
onChange={setTo}
|
||||
/>
|
||||
)}
|
||||
<div className="mt-4 flex justify-end gap-2">
|
||||
<button type="button" onClick={onCancel} className="rounded border border-[var(--vscode-panel-border)] px-3 py-1 text-xs hover:bg-white/10">
|
||||
取消
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
disabled={!to}
|
||||
onClick={() => onSubmit(issueNumber, to)}
|
||||
className="rounded bg-[var(--vscode-button-background)] px-3 py-1 text-xs text-[var(--vscode-button-foreground)] disabled:opacity-50"
|
||||
>
|
||||
移交
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -67,6 +67,16 @@ export const IssueCard = forwardRef<HTMLDivElement, IssueCardProps>(
|
||||
</span>
|
||||
)
|
||||
: null}
|
||||
{issue.handoffAttachmentId
|
||||
? (
|
||||
<span
|
||||
className="absolute bottom-1 right-1.5 rounded border border-blue-400/50 bg-blue-400/10 px-1 text-[9px] text-blue-400"
|
||||
title={`${issue.handoffFrom ?? '?'} 已移交，待接管`}
|
||||
>
|
||||
待接管
|
||||
</span>
|
||||
)
|
||||
: null}
|
||||
<div className={cn('truncate', locked && 'pr-5')}>
|
||||
<span className="font-mono opacity-60">
|
||||
{issue.source === 'youtrack' ? issue.externalId : `#${issue.number}`}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import type { ReactNode } from 'react'
|
||||
import { useMemo, useRef } from 'react'
|
||||
import { CircleSlash, ExternalLink, GitMerge, Play, RotateCcw, Terminal, Trash2, X } from 'lucide-react'
|
||||
import { ArrowRightLeft, CircleSlash, Download, ExternalLink, GitMerge, Loader2, Play, RotateCcw, Terminal, Trash2, X } from 'lucide-react'
|
||||
import type { ClaudeProfile } from '../hooks/useIssues'
|
||||
import type { Issue, IssueColumn } from '../types'
|
||||
import { COLUMN_LABELS, COLUMN_ORDER } from '../types'
|
||||
@@ -90,6 +90,11 @@ interface IssueDetailPanelProps {
|
||||
onUpdateTestProfilePath: (issueNumber: number, testProfilePath: string) => void
|
||||
/** Open the in-webview log modal. */
|
||||
onOpenLogs: () => void
|
||||
/** 当前 Gitea login；undefined = 身份未知（接管按钮不显示）。 */
|
||||
me?: string
|
||||
onStartHandoff: (issueNumber: number) => void
|
||||
onAcceptHandoff: (issueNumber: number) => void
|
||||
isHandoffRunning: (issueNumber: number) => boolean
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -128,6 +133,10 @@ export function IssueDetailPanel({
|
||||
onUpdateBrainstormProfilePath,
|
||||
onUpdateTestProfilePath,
|
||||
onOpenLogs,
|
||||
me,
|
||||
onStartHandoff,
|
||||
onAcceptHandoff,
|
||||
isHandoffRunning,
|
||||
}: IssueDetailPanelProps) {
|
||||
// 前置工单未完成 → 锁定。锁定时禁用"实施"等启动新工作的动作按钮，
|
||||
// 但已存在的会话恢复链接保持可用（属于用户已操作过的入口）。
|
||||
@@ -575,6 +584,36 @@ export function IssueDetailPanel({
|
||||
avoid acting on a gitea issue of the same number. */}
|
||||
{issue.source !== 'youtrack' && (
|
||||
<>
|
||||
{issue.handoffAttachmentId && me !== undefined && (issue.assignees ?? []).includes(me) && (
|
||||
<button
|
||||
type="button"
|
||||
disabled={isHandoffRunning(issue.number)}
|
||||
onClick={() => onAcceptHandoff(issue.number)}
|
||||
title={`接管（${issue.handoffFrom ?? '?'} 移交）`}
|
||||
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' && (
|
||||
<button
|
||||
type="button"
|
||||
disabled={isHandoffRunning(issue.number)}
|
||||
onClick={() => onStartHandoff(issue.number)}
|
||||
title="移交给同事"
|
||||
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)) && (
|
||||
<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" title={`${issue.handoffFrom ?? '?'} 已移交，等待 ${(issue.assignees ?? []).join(', ') || '?'} 接管`}>
|
||||
待接管
|
||||
</span>
|
||||
)}
|
||||
{(issue.column === 'in-progress' || issue.column === 'review') && (
|
||||
<button
|
||||
type="button"
|
||||
|
||||
Reference in new issue
Block a user