@yancyyu/openhermit 1.6.28 → 1.6.30

package/src/renderer/components/tasks/TasksView.tsx

@@ -0,0 +1,343 @@
+import { useCallback, useEffect, useMemo, useState } from 'react';
+
+import { Button } from '@renderer/components/ui/button';
+import { cn } from '@renderer/lib/utils';
+import { useStore } from '@renderer/store';
+import { deriveTaskDisplayId } from '@shared/utils/taskIdentity';
+import { Calendar, CheckCircle2, Circle, Columns3, Loader2, RefreshCw } from 'lucide-react';
+import { useShallow } from 'zustand/react/shallow';
+
+import { SchedulesView } from '../schedules/SchedulesView';
+
+import type { GlobalTask, TeamTaskStatus } from '@shared/types';
+
+type TasksSubTab = 'overview' | 'schedules';
+type OverviewStatus = Extract<TeamTaskStatus, 'pending' | 'in_progress' | 'completed'>;
+
+const SUB_TABS: { id: TasksSubTab; label: string; icon: React.ReactNode }[] = [
+  { id: 'overview', label: '任务总览', icon: <Columns3 size={14} /> },
+  { id: 'schedules', label: '定时任务', icon: <Calendar size={14} /> },
+];
+
+const COLUMNS: {
+  id: OverviewStatus;
+  title: string;
+  icon: React.ReactNode;
+  headerBg: string;
+  bodyBg: string;
+}[] = [
+  {
+    id: 'pending',
+    title: 'TODO',
+    icon: <Circle size={14} className="shrink-0 text-[var(--color-text-muted)]" />,
+    headerBg: 'rgba(59, 130, 246, 0.22)',
+    bodyBg: 'rgba(59, 130, 246, 0.05)',
+  },
+  {
+    id: 'in_progress',
+    title: 'IN PROGRESS',
+    icon: <Loader2 size={14} className="shrink-0 text-[var(--color-text-muted)]" />,
+    headerBg: 'rgba(234, 179, 8, 0.24)',
+    bodyBg: 'rgba(234, 179, 8, 0.06)',
+  },
+  {
+    id: 'completed',
+    title: 'DONE',
+    icon: <CheckCircle2 size={14} className="shrink-0 text-[var(--color-text-muted)]" />,
+    headerBg: 'rgba(34, 197, 94, 0.22)',
+    bodyBg: 'rgba(34, 197, 94, 0.05)',
+  },
+];
+
+function isOverviewStatus(status: TeamTaskStatus): status is OverviewStatus {
+  return status === 'pending' || status === 'in_progress' || status === 'completed';
+}
+
+function getTaskUpdatedAt(task: GlobalTask): number {
+  const raw = task.updatedAt ?? task.createdAt;
+  const time = raw ? new Date(raw).getTime() : 0;
+  return Number.isFinite(time) ? time : 0;
+}
+
+function buildOptionLabel(value: string | null | undefined, fallback: string): string {
+  const trimmed = value?.trim();
+  return trimmed && trimmed.length > 0 ? trimmed : fallback;
+}
+
+export const TasksView = (): React.JSX.Element => {
+  const [activeTab, setActiveTab] = useState<TasksSubTab>('overview');
+
+  return (
+    <div className="flex h-full flex-col">
+      <div className="flex items-center border-b border-[var(--color-border)] px-4 pt-2">
+        {SUB_TABS.map((tab) => (
+          <button
+            key={tab.id}
+            onClick={() => setActiveTab(tab.id)}
+            className={cn(
+              'flex items-center gap-1.5 border-b-2 px-4 pb-2 text-sm font-medium transition-colors',
+              activeTab === tab.id
+                ? 'border-[var(--color-primary)] text-[var(--color-text)]'
+                : 'border-transparent text-[var(--color-text-muted)] hover:text-[var(--color-text)]'
+            )}
+          >
+            {tab.icon}
+            {tab.label}
+          </button>
+        ))}
+      </div>
+      <div className="flex-1 overflow-auto">
+        {activeTab === 'overview' && <TaskOverviewPool />}
+        {activeTab === 'schedules' && <SchedulesView />}
+      </div>
+    </div>
+  );
+};
+
+const TaskOverviewPool = (): React.JSX.Element => {
+  const {
+    globalTasks,
+    globalTasksLoading,
+    globalTasksInitialized,
+    fetchAllTasks,
+    openGlobalTaskDetail,
+  } = useStore(
+    useShallow((s) => ({
+      globalTasks: s.globalTasks,
+      globalTasksLoading: s.globalTasksLoading,
+      globalTasksInitialized: s.globalTasksInitialized,
+      fetchAllTasks: s.fetchAllTasks,
+      openGlobalTaskDetail: s.openGlobalTaskDetail,
+    }))
+  );
+  const [teamFilter, setTeamFilter] = useState('all');
+  const [statusFilter, setStatusFilter] = useState<'all' | OverviewStatus>('all');
+  const [ownerFilter, setOwnerFilter] = useState('all');
+
+  useEffect(() => {
+    void fetchAllTasks();
+  }, [fetchAllTasks]);
+
+  const overviewTasks = useMemo(
+    () => globalTasks.filter((task) => isOverviewStatus(task.status) && !task.teamDeleted),
+    [globalTasks]
+  );
+
+  const teamOptions = useMemo(
+    () =>
+      Array.from(
+        new Map(overviewTasks.map((task) => [task.teamName, task.teamDisplayName])).entries()
+      ).sort((a, b) => a[1].localeCompare(b[1])),
+    [overviewTasks]
+  );
+
+  const ownerOptions = useMemo(() => {
+    const owners = new Set<string>();
+    for (const task of overviewTasks) {
+      if (task.owner?.trim()) owners.add(task.owner.trim());
+    }
+    return Array.from(owners).sort((a, b) => a.localeCompare(b));
+  }, [overviewTasks]);
+
+  const filteredTasks = useMemo(
+    () =>
+      overviewTasks
+        .filter((task) => teamFilter === 'all' || task.teamName === teamFilter)
+        .filter((task) => statusFilter === 'all' || task.status === statusFilter)
+        .filter((task) => ownerFilter === 'all' || task.owner === ownerFilter)
+        .sort((a, b) => getTaskUpdatedAt(b) - getTaskUpdatedAt(a)),
+    [overviewTasks, ownerFilter, statusFilter, teamFilter]
+  );
+
+  const grouped = useMemo(() => {
+    const map = new Map<OverviewStatus, GlobalTask[]>();
+    for (const column of COLUMNS) {
+      map.set(column.id, []);
+    }
+    for (const task of filteredTasks) {
+      if (isOverviewStatus(task.status)) {
+        map.get(task.status)?.push(task);
+      }
+    }
+    return map;
+  }, [filteredTasks]);
+
+  const clearFilters = useCallback(() => {
+    setTeamFilter('all');
+    setStatusFilter('all');
+    setOwnerFilter('all');
+  }, []);
+
+  if (globalTasksLoading && !globalTasksInitialized) {
+    return (
+      <div className="flex h-full items-center justify-center text-sm text-[var(--color-text-muted)]">
+        加载团队任务…
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex h-full min-w-0 flex-col gap-3 p-4">
+      <div className="flex flex-wrap items-end gap-2">
+        <div className="min-w-[180px]">
+          <label
+            htmlFor="tasks-overview-team-filter"
+            className="mb-1 block text-[11px] font-medium text-[var(--color-text-muted)]"
+          >
+            团队
+          </label>
+          <select
+            id="tasks-overview-team-filter"
+            value={teamFilter}
+            onChange={(event) => setTeamFilter(event.target.value)}
+            className="h-8 w-full rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-2 text-xs text-[var(--color-text)]"
+          >
+            <option value="all">全部团队</option>
+            {teamOptions.map(([teamName, displayName]) => (
+              <option key={teamName} value={teamName}>
+                {displayName}
+              </option>
+            ))}
+          </select>
+        </div>
+
+        <div className="min-w-[160px]">
+          <label
+            htmlFor="tasks-overview-status-filter"
+            className="mb-1 block text-[11px] font-medium text-[var(--color-text-muted)]"
+          >
+            状态
+          </label>
+          <select
+            id="tasks-overview-status-filter"
+            value={statusFilter}
+            onChange={(event) => setStatusFilter(event.target.value as 'all' | OverviewStatus)}
+            className="h-8 w-full rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-2 text-xs text-[var(--color-text)]"
+          >
+            <option value="all">全部状态</option>
+            <option value="pending">TODO</option>
+            <option value="in_progress">IN PROGRESS</option>
+            <option value="completed">DONE</option>
+          </select>
+        </div>
+
+        <div className="min-w-[160px]">
+          <label
+            htmlFor="tasks-overview-owner-filter"
+            className="mb-1 block text-[11px] font-medium text-[var(--color-text-muted)]"
+          >
+            负责人
+          </label>
+          <select
+            id="tasks-overview-owner-filter"
+            value={ownerFilter}
+            onChange={(event) => setOwnerFilter(event.target.value)}
+            className="h-8 w-full rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-2 text-xs text-[var(--color-text)]"
+          >
+            <option value="all">全部负责人</option>
+            {ownerOptions.map((owner) => (
+              <option key={owner} value={owner}>
+                {owner}
+              </option>
+            ))}
+          </select>
+        </div>
+
+        <Button variant="outline" size="sm" className="h-8 gap-1.5 text-xs" onClick={clearFilters}>
+          清空筛选
+        </Button>
+        <Button
+          variant="ghost"
+          size="sm"
+          className="ml-auto h-8 gap-1.5 text-xs text-[var(--color-text-muted)]"
+          onClick={() => void fetchAllTasks()}
+        >
+          <RefreshCw size={12} />
+          刷新
+        </Button>
+      </div>
+
+      <div className="w-full min-w-0 max-w-full overflow-x-auto overflow-y-hidden pb-6">
+        <div className="grid min-w-[900px] grid-cols-3 items-start gap-3">
+          {COLUMNS.map((column) => {
+            const tasks = grouped.get(column.id) ?? [];
+            return (
+              <section
+                key={column.id}
+                className="relative rounded-md"
+                style={{ backgroundColor: column.bodyBg }}
+              >
+                {tasks.length > 0 ? (
+                  <span className="absolute -right-2 -top-2 z-10 min-w-5 rounded-full bg-[var(--color-surface-raised)] px-1.5 py-0 text-center text-[10px] font-medium leading-5 text-[var(--color-text-secondary)] ring-1 ring-[var(--color-border)]">
+                    {tasks.length}
+                  </span>
+                ) : null}
+                <header
+                  className="rounded-t-md px-3 py-2"
+                  style={{ backgroundColor: column.headerBg }}
+                >
+                  <h4 className="flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-[var(--color-text)]">
+                    {column.icon}
+                    {column.title}
+                  </h4>
+                </header>
+                <div className="flex flex-col gap-1.5 p-2">
+                  {tasks.length === 0 ? (
+                    <div className="rounded-md border border-dashed border-[var(--color-border)] p-3 text-xs text-[var(--color-text-muted)]">
+                      No tasks
+                    </div>
+                  ) : (
+                    tasks.map((task) => (
+                      <GlobalOverviewTaskCard
+                        key={`${task.teamName}:${task.id}`}
+                        task={task}
+                        onOpen={() => openGlobalTaskDetail(task.teamName, task.id)}
+                      />
+                    ))
+                  )}
+                </div>
+              </section>
+            );
+          })}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const GlobalOverviewTaskCard = ({
+  task,
+  onOpen,
+}: {
+  task: GlobalTask;
+  onOpen: () => void;
+}): React.JSX.Element => {
+  const ownerLabel = buildOptionLabel(task.owner, '未分配');
+  const dispatchFrom = task.dispatchMeta?.originTeam;
+  const dispatchTo = task.dispatchMeta?.targetTeam;
+  return (
+    <button
+      type="button"
+      className="relative w-full rounded-md border border-[var(--color-border)] bg-[var(--color-surface-raised)] px-1.5 py-3 text-left text-xs transition-colors hover:border-[var(--color-border-emphasis)]"
+      onClick={onOpen}
+    >
+      <span className="absolute left-[3px] top-[2px] text-[9px] leading-none text-[var(--color-text-muted)]">
+        #{task.displayId ?? deriveTaskDisplayId(task.id)}
+      </span>
+      <div className="mb-2 pt-[11px]">
+        <h5 className="line-clamp-2 text-xs font-medium text-[var(--color-text)]">
+          {task.subject}
+        </h5>
+        {task.dispatchMeta ? (
+          <span className="mt-1 inline-flex items-center rounded-full bg-yellow-500/15 px-1.5 py-0.5 text-[10px] font-medium text-yellow-600 dark:text-yellow-400">
+            {dispatchFrom} 给 {dispatchTo} 派单
+          </span>
+        ) : null}
+      </div>
+      <div className="flex flex-wrap items-center gap-1.5 text-[10px] text-[var(--color-text-muted)]">
+        <span className="rounded bg-white/5 px-1.5 py-0.5">{task.teamDisplayName}</span>
+        <span className="rounded bg-white/5 px-1.5 py-0.5">{ownerLabel}</span>
+      </div>
+    </button>
+  );
+};

package/src/renderer/components/team/HarnessSelect.tsx

@@ -0,0 +1,71 @@
+import type { CcAgentType } from '@shared/types/ccConnect';
+import { ProviderBrandLogo } from '@renderer/components/common/ProviderBrandLogo';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@renderer/components/ui/select';
+import { ALL_AGENT_TYPES, AGENT_TYPE_LABELS } from './HarnessCards';
+
+interface HarnessSelectProps {
+  value: CcAgentType;
+  onChange: (value: CcAgentType) => void;
+  className?: string;
+  id?: string;
+}
+
+const HARNESS_PROVIDER_MAP: Partial<
+  Record<CcAgentType, 'anthropic' | 'codex' | 'gemini' | 'opencode'>
+> = {
+  claudecode: 'anthropic',
+  codex: 'codex',
+  gemini: 'gemini',
+  opencode: 'opencode',
+};
+
+function HarnessIcon({ type, className }: { type: CcAgentType; className?: string }) {
+  const providerId = HARNESS_PROVIDER_MAP[type];
+  if (providerId) {
+    return <ProviderBrandLogo providerId={providerId} className={className} />;
+  }
+  return <span className={className}>{EMOJI_FALLBACK[type]}</span>;
+}
+
+const EMOJI_FALLBACK: Record<CcAgentType, string> = {
+  claudecode: '🤖',
+  codex: '🔬',
+  cursor: '💻',
+  gemini: '💎',
+  iflow: '🌊',
+  kimi: '🌙',
+  devin: '🧑‍💻',
+  opencode: '🔓',
+  qoder: '⚡',
+  pi: '🥧',
+  acp: '🔗',
+  tmux: '🖥️',
+};
+
+export function HarnessSelect({ value, onChange, className, id }: HarnessSelectProps) {
+  return (
+    <Select value={value} onValueChange={(v) => onChange(v as CcAgentType)}>
+      <SelectTrigger id={id} className={className}>
+        <SelectValue />
+      </SelectTrigger>
+      <SelectContent>
+        {ALL_AGENT_TYPES.map((type) => (
+          <SelectItem key={type} value={type}>
+            <div className="flex items-center gap-2">
+              <HarnessIcon type={type} className="size-4 shrink-0" />
+              <span>{AGENT_TYPE_LABELS[type]}</span>
+            </div>
+          </SelectItem>
+        ))}
+      </SelectContent>
+    </Select>
+  );
+}
+
+export { HarnessIcon, HARNESS_PROVIDER_MAP, EMOJI_FALLBACK };

package/src/renderer/components/team/TeamDetailView.tsx

@@ -68,6 +68,8 @@ import {
   Terminal,
   Trash2,
   Loader2,
+  MessageSquare,
+  Shield,
   Users,
 } from 'lucide-react';
 import { useShallow } from 'zustand/react/shallow';
@@ -95,6 +97,7 @@ const ProjectEditorOverlay = lazy(() =>
 import { MemberList } from './members/MemberList';
 import { MessagesPanel } from './messages/MessagesPanel';
 import { ChangeReviewDialog } from './review/ChangeReviewDialog';
+import { ProjectEnvPanel } from '../extensions/env/ProjectEnvPanel';
 import {
   getTeamPendingRepliesState,
   setTeamPendingRepliesState,
@@ -879,6 +882,7 @@ export const TeamDetailView = ({
   const [removeMemberConfirm, setRemoveMemberConfirm] = useState<string | null>(null);
   const [updatingRoleLoading, setUpdatingRoleLoading] = useState(false);
   const [editDialogOpen, setEditDialogOpen] = useState(false);
+  const [envDialogOpen, setEnvDialogOpen] = useState(false);
   const [savedLaunchRequest, setSavedLaunchRequest] = useState<TeamLaunchRequest | null>(null);
   useEffect(() => {
     if (!editDialogOpen || !teamName) return;
@@ -1591,6 +1595,24 @@ export const TeamDetailView = ({
     openLaunchDialog('relaunch');
   }, [openLaunchDialog]);
 
+  const handleStartCcConnectTeam = useCallback(() => {
+    void (async () => {
+      if (!data?.config.projectPath) {
+        openLaunchDialog('launch');
+        return;
+      }
+      await api.ccSettings.restart();
+      await api.teams.launchTeam({
+        teamName,
+        cwd: data.config.projectPath,
+      });
+      window.setTimeout(() => {
+        void fetchTeams();
+        void selectTeam(teamName);
+      }, 1500);
+    })();
+  }, [data?.config.projectPath, fetchTeams, openLaunchDialog, selectTeam, teamName]);
+
   const handleLaunchDialogSubmit = useCallback(
     async (request: TeamLaunchRequest): Promise<void> => {
       await launchTeam(request);
@@ -1904,11 +1926,8 @@ export const TeamDetailView = ({
       pendingRepliesByMember,
       onPendingReplyChange: setPendingRepliesByMember,
       onMemberClick: handleSelectMember,
-      onTaskClick: handleOpenTask,
-      onCreateTaskFromMessage: handleCreateTaskFromMessage,
       onReplyToMessage: handleReplyToMessage,
       onRestartTeam: handleRestartTeam,
-      onTaskIdClick: handleTaskIdClick,
       inlineScrollContainerRef: contentRef,
       showPositionControls: false,
     }),
@@ -1917,12 +1936,9 @@ export const TeamDetailView = ({
       data?.config.leadSessionId,
       data?.isAlive,
       data?.tasks,
-      handleCreateTaskFromMessage,
-      handleOpenTask,
       handleReplyToMessage,
       handleRestartTeam,
       handleSelectMember,
-      handleTaskIdClick,
       pendingRepliesByMember,
       teamName,
       teamSessionIds,
@@ -2142,6 +2158,21 @@ export const TeamDetailView = ({
                     </div>
                   </div>
                   <div className="flex shrink-0 items-center gap-1.5">
+                    {data.config.projectPath && (
+                      <Tooltip>
+                        <TooltipTrigger asChild>
+                          <Button
+                            variant="ghost"
+                            size="sm"
+                            className="h-7 gap-1 px-2 text-xs text-[var(--color-text-muted)] hover:text-[var(--color-text)]"
+                            onClick={() => setEnvDialogOpen(true)}
+                          >
+                            <Shield size={12} />
+                          </Button>
+                        </TooltipTrigger>
+                        <TooltipContent side="bottom">环境变量</TooltipContent>
+                      </Tooltip>
+                    )}
                     <Tooltip>
                       <TooltipTrigger asChild>
                         <Button
@@ -2245,10 +2276,7 @@ export const TeamDetailView = ({
               </div>
 
               {!data.isAlive && !isTeamProvisioning ? (
-                <TeamOfflineStatusBanner
-                  teamName={teamName}
-                  onLaunch={() => openLaunchDialog('launch')}
-                />
+                <TeamOfflineStatusBanner teamName={teamName} onLaunch={handleStartCcConnectTeam} />
               ) : null}
 
               <div ref={provisioningBannerRef}>
@@ -2276,16 +2304,12 @@ export const TeamDetailView = ({
                 <TeamMemberListBridge
                   teamName={teamName}
                   members={membersWithLiveBranches}
-                  memberTaskCounts={memberTaskCounts}
-                  taskMap={taskMap}
                   pendingRepliesByMember={pendingRepliesByMember}
                   isTeamAlive={data.isAlive}
                   isTeamProvisioning={isTeamProvisioning}
                   launchParams={launchParams}
                   onMemberClick={handleSelectMember}
                   onSendMessage={handleSendMessageToMember}
-                  onAssignTask={handleAssignTaskToMember}
-                  onOpenTask={handleOpenTaskById}
                   onRestartMember={handleRestartMember}
                   onSkipMemberForLaunch={handleSkipMemberForLaunch}
                 />
@@ -2296,6 +2320,11 @@ export const TeamDetailView = ({
                 title="外部派单"
                 icon={<Columns3 size={14} />}
                 badge={filteredTasks.length}
+                headerExtra={
+                  <span className="ml-1.5 rounded bg-amber-500/15 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-amber-500">
+                    Beta
+                  </span>
+                }
                 defaultOpen
                 forceOpen={kanbanSearch.trim().length > 0}
                 action={
@@ -2412,7 +2441,6 @@ export const TeamDetailView = ({
                           const task = data?.tasks.find((t) => t.id === taskId);
                           await updateTaskStatus(teamName, taskId, 'pending');
 
-                          // Notify assignee directly via inbox — they'll see it immediately
                           if (task?.owner) {
                             try {
                               await api.teams.sendMessage(teamName, {
@@ -2425,7 +2453,6 @@ export const TeamDetailView = ({
                             }
                           }
 
-                          // Also notify team lead so they can reassign/coordinate
                           if (data?.isAlive) {
                             try {
                               const ownerSuffix = task?.owner
@@ -2556,16 +2583,7 @@ export const TeamDetailView = ({
                   setReplyQuote(undefined);
                   setSendDialogOpen(true);
                 }}
-                onAssignTask={() => {
-                  const name = selectedMember?.name ?? '';
-                  closeSelectedMemberDialog();
-                  openCreateTaskDialog('', '', name);
-                }}
                 onRestartMember={handleRestartMember}
-                onTaskClick={(task) => {
-                  closeSelectedMemberDialog();
-                  setSelectedTask(task);
-                }}
                 onUpdateRole={async (memberName, role) => {
                   setUpdatingRoleLoading(true);
                   try {
@@ -2598,22 +2616,6 @@ export const TeamDetailView = ({
                 }}
               />
 
-              <CreateTaskDialog
-                open={createTaskDialog.open}
-                teamName={teamName}
-                members={activeMembers}
-                tasks={data.tasks}
-                isTeamAlive={data.isAlive && !isTeamProvisioning}
-                defaultSubject={createTaskDialog.defaultSubject}
-                defaultDescription={createTaskDialog.defaultDescription}
-                defaultOwner={createTaskDialog.defaultOwner}
-                defaultStartImmediately={createTaskDialog.defaultStartImmediately}
-                defaultChip={createTaskDialog.defaultChip}
-                onClose={closeCreateTaskDialog}
-                onSubmit={handleCreateTask}
-                submitting={creatingTask}
-              />
-
               <EditTeamDialog
                 open={editDialogOpen}
                 teamName={teamName}
@@ -2670,6 +2672,18 @@ export const TeamDetailView = ({
                 onRestartTeam={handleRestartTeamFromEdit}
               />
 
+              <Dialog open={envDialogOpen} onOpenChange={setEnvDialogOpen}>
+                <DialogContent className="max-h-[80vh] max-w-lg overflow-y-auto">
+                  <DialogHeader>
+                    <DialogTitle>项目环境变量</DialogTitle>
+                    <DialogDescription>
+                      管理当前项目所需的环境变量，供 MCP 和 Skills 使用。
+                    </DialogDescription>
+                  </DialogHeader>
+                  <ProjectEnvPanel projectPath={data.config.projectPath ?? null} />
+                </DialogContent>
+              </Dialog>
+
               <Dialog
                 open={removeMemberConfirm !== null}
                 onOpenChange={(open) => {
@@ -2806,63 +2820,6 @@ export const TeamDetailView = ({
                 }}
               />
 
-              <TaskDetailDialog
-                open={selectedTask !== null}
-                task={selectedTask}
-                teamName={teamName}
-                kanbanTaskState={
-                  selectedTask ? data?.kanbanState.tasks[selectedTask.id] : undefined
-                }
-                taskMap={taskMap}
-                members={activeMembers}
-                onClose={() => setSelectedTask(null)}
-                onScrollToTask={(taskId) => {
-                  setSelectedTask(null);
-                  const el = document.querySelector(`[data-task-id="${taskId}"]`);
-                  if (el) {
-                    el.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-                    el.classList.remove('kanban-card-focus-pulse');
-                    void (el as HTMLElement).offsetWidth;
-                    el.classList.add('kanban-card-focus-pulse');
-                    el.addEventListener(
-                      'animationend',
-                      () => el.classList.remove('kanban-card-focus-pulse'),
-                      { once: true }
-                    );
-                  }
-                }}
-                onOwnerChange={(taskId, owner) => {
-                  void (async () => {
-                    try {
-                      await updateTaskOwner(teamName, taskId, owner);
-                    } catch {
-                      // error via store
-                    }
-                  })();
-                }}
-                onViewChanges={handleViewChangesForFile}
-                onOpenInEditor={(filePath) => {
-                  const { revealFileInEditor } = useStore.getState();
-                  revealFileInEditor(filePath);
-                }}
-                onDeleteTask={handleDeleteTask}
-              />
-
-              <TrashDialog
-                open={trashOpen}
-                tasks={deletedTasks}
-                onClose={() => setTrashOpen(false)}
-                onRestore={(taskId) => {
-                  void (async () => {
-                    try {
-                      await restoreTask(teamName, taskId);
-                    } catch {
-                      // error via store
-                    }
-                  })();
-                }}
-              />
-
               <ChangeReviewDialog
                 open={reviewDialogState.open}
                 onOpenChange={(open) =>