lcclaude 1.0.0

package/dist/src/components/tasks/BackgroundTasksDialog.js

@@ -0,0 +1,784 @@
+import { c as _c } from "react/compiler-runtime";
+import figures from "figures";
+import React, { useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
+import { isCoordinatorMode } from "../../coordinator/coordinatorMode.js";
+import { useTerminalSize } from "../../hooks/useTerminalSize.js";
+import { useAppState, useSetAppState } from "../../state/AppState.js";
+import { enterTeammateView, exitTeammateView } from "../../state/teammateViewHelpers.js";
+import { DreamTask } from "../../tasks/DreamTask/DreamTask.js";
+import { InProcessTeammateTask } from "../../tasks/InProcessTeammateTask/InProcessTeammateTask.js";
+import { LocalAgentTask } from "../../tasks/LocalAgentTask/LocalAgentTask.js";
+import { LocalShellTask } from "../../tasks/LocalShellTask/LocalShellTask.js";
+import { RemoteAgentTask } from "../../tasks/RemoteAgentTask/RemoteAgentTask.js";
+import { isBackgroundTask } from "../../tasks/types.js";
+import { intersperse } from "../../utils/array.js";
+import { TEAM_LEAD_NAME } from "../../utils/swarm/constants.js";
+import { stopUltraplan } from "../../commands/ultraplan.js";
+import { useRegisterOverlay } from "../../context/overlayContext.js";
+import { Box, Text } from "../../ink.js";
+import { useKeybindings } from "../../keybindings/useKeybinding.js";
+import { useShortcutDisplay } from "../../keybindings/useShortcutDisplay.js";
+import { count } from "../../utils/array.js";
+import { Byline } from "../design-system/Byline.js";
+import { Dialog } from "../design-system/Dialog.js";
+import { KeyboardShortcutHint } from "../design-system/KeyboardShortcutHint.js";
+import { AsyncAgentDetailDialog } from "./AsyncAgentDetailDialog.js";
+import { BackgroundTask as BackgroundTaskComponent } from "./BackgroundTask.js";
+import { DreamDetailDialog } from "./DreamDetailDialog.js";
+import { InProcessTeammateDetailDialog } from "./InProcessTeammateDetailDialog.js";
+import { RemoteSessionDetailDialog } from "./RemoteSessionDetailDialog.js";
+import { ShellDetailDialog } from "./ShellDetailDialog.js";
+const WorkflowDetailDialog = null;
+const workflowTaskModule = null;
+const killWorkflowTask = workflowTaskModule?.killWorkflowTask ?? null;
+const skipWorkflowAgent = workflowTaskModule?.skipWorkflowAgent ?? null;
+const retryWorkflowAgent = workflowTaskModule?.retryWorkflowAgent ?? null;
+const monitorMcpModule = null;
+const killMonitorMcp = monitorMcpModule?.killMonitorMcp ?? null;
+const MonitorMcpDetailDialog = null;
+function getSelectableBackgroundTasks(tasks, foregroundedTaskId) {
+  const backgroundTasks = Object.values(tasks ?? {}).filter(isBackgroundTask);
+  return backgroundTasks.filter((task) => !(task.type === "local_agent" && task.id === foregroundedTaskId));
+}
+export function BackgroundTasksDialog({
+  onDone,
+  toolUseContext,
+  initialDetailTaskId
+}) {
+  const tasks = useAppState((s) => s.tasks);
+  const foregroundedTaskId = useAppState((s_0) => s_0.foregroundedTaskId);
+  const showSpinnerTree = useAppState((s_1) => s_1.expandedView) === "teammates";
+  const setAppState = useSetAppState();
+  const killAgentsShortcut = useShortcutDisplay("chat:killAgents", "Chat", "ctrl+x ctrl+k");
+  const typedTasks = tasks;
+  const skippedListOnMount = useRef(false);
+  const [viewState, setViewState] = useState(() => {
+    if (initialDetailTaskId) {
+      skippedListOnMount.current = true;
+      return {
+        mode: "detail",
+        itemId: initialDetailTaskId
+      };
+    }
+    const allItems = getSelectableBackgroundTasks(typedTasks, foregroundedTaskId);
+    if (allItems.length === 1) {
+      skippedListOnMount.current = true;
+      return {
+        mode: "detail",
+        itemId: allItems[0].id
+      };
+    }
+    return {
+      mode: "list"
+    };
+  });
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  useRegisterOverlay("background-tasks-dialog");
+  const {
+    bashTasks,
+    remoteSessions,
+    agentTasks,
+    teammateTasks,
+    workflowTasks,
+    mcpMonitors,
+    dreamTasks: dreamTasks_0,
+    allSelectableItems
+  } = useMemo(() => {
+    const backgroundTasks = Object.values(typedTasks ?? {}).filter(isBackgroundTask);
+    const allItems_0 = backgroundTasks.map(toListItem);
+    const sorted = allItems_0.sort((a, b) => {
+      const aStatus = a.status;
+      const bStatus = b.status;
+      if (aStatus === "running" && bStatus !== "running")
+        return -1;
+      if (aStatus !== "running" && bStatus === "running")
+        return 1;
+      const aTime = "task" in a ? a.task.startTime : 0;
+      const bTime = "task" in b ? b.task.startTime : 0;
+      return bTime - aTime;
+    });
+    const bash = sorted.filter((item) => item.type === "local_bash");
+    const remote = sorted.filter((item_0) => item_0.type === "remote_agent");
+    const agent = sorted.filter((item_1) => item_1.type === "local_agent" && item_1.id !== foregroundedTaskId);
+    const workflows = sorted.filter((item_2) => item_2.type === "local_workflow");
+    const monitorMcp = sorted.filter((item_3) => item_3.type === "monitor_mcp");
+    const dreamTasks = sorted.filter((item_4) => item_4.type === "dream");
+    const teammates = showSpinnerTree ? [] : sorted.filter((item_5) => item_5.type === "in_process_teammate");
+    const leaderItem = teammates.length > 0 ? [{
+      id: "__leader__",
+      type: "leader",
+      label: `@${TEAM_LEAD_NAME}`,
+      status: "running"
+    }] : [];
+    return {
+      bashTasks: bash,
+      remoteSessions: remote,
+      agentTasks: agent,
+      workflowTasks: workflows,
+      mcpMonitors: monitorMcp,
+      dreamTasks,
+      teammateTasks: [...leaderItem, ...teammates],
+      allSelectableItems: [...leaderItem, ...teammates, ...bash, ...monitorMcp, ...remote, ...agent, ...workflows, ...dreamTasks]
+    };
+  }, [typedTasks, foregroundedTaskId, showSpinnerTree]);
+  const currentSelection = allSelectableItems[selectedIndex] ?? null;
+  useKeybindings({
+    "confirm:previous": () => setSelectedIndex((prev) => Math.max(0, prev - 1)),
+    "confirm:next": () => setSelectedIndex((prev_0) => Math.min(allSelectableItems.length - 1, prev_0 + 1)),
+    "confirm:yes": () => {
+      const current = allSelectableItems[selectedIndex];
+      if (current) {
+        if (current.type === "leader") {
+          exitTeammateView(setAppState);
+          onDone("Viewing leader", {
+            display: "system"
+          });
+        } else {
+          setViewState({
+            mode: "detail",
+            itemId: current.id
+          });
+        }
+      }
+    }
+  }, {
+    context: "Confirmation",
+    isActive: viewState.mode === "list"
+  });
+  const handleKeyDown = (e) => {
+    if (viewState.mode !== "list")
+      return;
+    if (e.key === "left") {
+      e.preventDefault();
+      onDone("Background tasks dialog dismissed", {
+        display: "system"
+      });
+      return;
+    }
+    const currentSelection_0 = allSelectableItems[selectedIndex];
+    if (!currentSelection_0)
+      return;
+    if (e.key === "x") {
+      e.preventDefault();
+      if (currentSelection_0.type === "local_bash" && currentSelection_0.status === "running") {
+        killShellTask(currentSelection_0.id);
+      } else if (currentSelection_0.type === "local_agent" && currentSelection_0.status === "running") {
+        killAgentTask(currentSelection_0.id);
+      } else if (currentSelection_0.type === "in_process_teammate" && currentSelection_0.status === "running") {
+        killTeammateTask(currentSelection_0.id);
+      } else if (currentSelection_0.type === "local_workflow" && currentSelection_0.status === "running" && killWorkflowTask) {
+        killWorkflowTask(currentSelection_0.id, setAppState);
+      } else if (currentSelection_0.type === "monitor_mcp" && currentSelection_0.status === "running" && killMonitorMcp) {
+        killMonitorMcp(currentSelection_0.id, setAppState);
+      } else if (currentSelection_0.type === "dream" && currentSelection_0.status === "running") {
+        killDreamTask(currentSelection_0.id);
+      } else if (currentSelection_0.type === "remote_agent" && currentSelection_0.status === "running") {
+        if (currentSelection_0.task.isUltraplan) {
+          stopUltraplan(currentSelection_0.id, currentSelection_0.task.sessionId, setAppState);
+        } else {
+          killRemoteAgentTask(currentSelection_0.id);
+        }
+      }
+    }
+    if (e.key === "f") {
+      if (currentSelection_0.type === "in_process_teammate" && currentSelection_0.status === "running") {
+        e.preventDefault();
+        enterTeammateView(currentSelection_0.id, setAppState);
+        onDone("Viewing teammate", {
+          display: "system"
+        });
+      } else if (currentSelection_0.type === "leader") {
+        e.preventDefault();
+        exitTeammateView(setAppState);
+        onDone("Viewing leader", {
+          display: "system"
+        });
+      }
+    }
+  };
+  async function killShellTask(taskId) {
+    await LocalShellTask.kill(taskId, setAppState);
+  }
+  async function killAgentTask(taskId_0) {
+    await LocalAgentTask.kill(taskId_0, setAppState);
+  }
+  async function killTeammateTask(taskId_1) {
+    await InProcessTeammateTask.kill(taskId_1, setAppState);
+  }
+  async function killDreamTask(taskId_2) {
+    await DreamTask.kill(taskId_2, setAppState);
+  }
+  async function killRemoteAgentTask(taskId_3) {
+    await RemoteAgentTask.kill(taskId_3, setAppState);
+  }
+  const onDoneEvent = useEffectEvent(onDone);
+  useEffect(() => {
+    if (viewState.mode !== "list") {
+      const task = (typedTasks ?? {})[viewState.itemId];
+      if (!task || task.type !== "local_workflow" && !isBackgroundTask(task)) {
+        if (skippedListOnMount.current) {
+          onDoneEvent("Background tasks dialog dismissed", {
+            display: "system"
+          });
+        } else {
+          setViewState({
+            mode: "list"
+          });
+        }
+      }
+    }
+    const totalItems = allSelectableItems.length;
+    if (selectedIndex >= totalItems && totalItems > 0) {
+      setSelectedIndex(totalItems - 1);
+    }
+  }, [viewState, typedTasks, selectedIndex, allSelectableItems, onDoneEvent]);
+  const goBackToList = () => {
+    if (skippedListOnMount.current && allSelectableItems.length <= 1) {
+      onDone("Background tasks dialog dismissed", {
+        display: "system"
+      });
+    } else {
+      skippedListOnMount.current = false;
+      setViewState({
+        mode: "list"
+      });
+    }
+  };
+  if (viewState.mode !== "list" && typedTasks) {
+    const task_0 = typedTasks[viewState.itemId];
+    if (!task_0) {
+      return null;
+    }
+    switch (task_0.type) {
+      case "local_bash":
+        return jsxDEV_7x81h0kn(ShellDetailDialog, {
+          shell: task_0,
+          onDone,
+          onKillShell: () => void killShellTask(task_0.id),
+          onBack: goBackToList
+        }, `shell-${task_0.id}`, false, undefined, this);
+      case "local_agent":
+        return jsxDEV_7x81h0kn(AsyncAgentDetailDialog, {
+          agent: task_0,
+          onDone,
+          onKillAgent: () => void killAgentTask(task_0.id),
+          onBack: goBackToList
+        }, `agent-${task_0.id}`, false, undefined, this);
+      case "remote_agent":
+        return jsxDEV_7x81h0kn(RemoteSessionDetailDialog, {
+          session: task_0,
+          onDone,
+          toolUseContext,
+          onBack: goBackToList,
+          onKill: task_0.status !== "running" ? undefined : task_0.isUltraplan ? () => void stopUltraplan(task_0.id, task_0.sessionId, setAppState) : () => void killRemoteAgentTask(task_0.id)
+        }, `session-${task_0.id}`, false, undefined, this);
+      case "in_process_teammate":
+        return jsxDEV_7x81h0kn(InProcessTeammateDetailDialog, {
+          teammate: task_0,
+          onDone,
+          onKill: task_0.status === "running" ? () => void killTeammateTask(task_0.id) : undefined,
+          onBack: goBackToList,
+          onForeground: task_0.status === "running" ? () => {
+            enterTeammateView(task_0.id, setAppState);
+            onDone("Viewing teammate", {
+              display: "system"
+            });
+          } : undefined
+        }, `teammate-${task_0.id}`, false, undefined, this);
+      case "local_workflow":
+        if (!WorkflowDetailDialog)
+          return null;
+        return jsxDEV_7x81h0kn(WorkflowDetailDialog, {
+          workflow: task_0,
+          onDone,
+          onKill: task_0.status === "running" && killWorkflowTask ? () => killWorkflowTask(task_0.id, setAppState) : undefined,
+          onSkipAgent: task_0.status === "running" && skipWorkflowAgent ? (agentId) => skipWorkflowAgent(task_0.id, agentId, setAppState) : undefined,
+          onRetryAgent: task_0.status === "running" && retryWorkflowAgent ? (agentId_0) => retryWorkflowAgent(task_0.id, agentId_0, setAppState) : undefined,
+          onBack: goBackToList
+        }, `workflow-${task_0.id}`, false, undefined, this);
+      case "monitor_mcp":
+        if (!MonitorMcpDetailDialog)
+          return null;
+        return jsxDEV_7x81h0kn(MonitorMcpDetailDialog, {
+          task: task_0,
+          onKill: task_0.status === "running" && killMonitorMcp ? () => killMonitorMcp(task_0.id, setAppState) : undefined,
+          onBack: goBackToList
+        }, `monitor-mcp-${task_0.id}`, false, undefined, this);
+      case "dream":
+        return jsxDEV_7x81h0kn(DreamDetailDialog, {
+          task: task_0,
+          onDone: () => onDone("Background tasks dialog dismissed", {
+            display: "system"
+          }),
+          onBack: goBackToList,
+          onKill: task_0.status === "running" ? () => void killDreamTask(task_0.id) : undefined
+        }, `dream-${task_0.id}`, false, undefined, this);
+    }
+  }
+  const runningBashCount = count(bashTasks, (_) => _.status === "running");
+  const runningAgentCount = count(remoteSessions, (__0) => __0.status === "running" || __0.status === "pending") + count(agentTasks, (__1) => __1.status === "running");
+  const runningTeammateCount = count(teammateTasks, (__2) => __2.status === "running");
+  const subtitle = intersperse([...runningTeammateCount > 0 ? [jsxDEV_7x81h0kn(Text, {
+    children: [
+      runningTeammateCount,
+      " ",
+      runningTeammateCount !== 1 ? "agents" : "agent"
+    ]
+  }, "teammates", true, undefined, this)] : [], ...runningBashCount > 0 ? [jsxDEV_7x81h0kn(Text, {
+    children: [
+      runningBashCount,
+      " ",
+      runningBashCount !== 1 ? "active shells" : "active shell"
+    ]
+  }, "shells", true, undefined, this)] : [], ...runningAgentCount > 0 ? [jsxDEV_7x81h0kn(Text, {
+    children: [
+      runningAgentCount,
+      " ",
+      runningAgentCount !== 1 ? "active agents" : "active agent"
+    ]
+  }, "agents", true, undefined, this)] : []], (index) => jsxDEV_7x81h0kn(Text, {
+    children: " · "
+  }, `separator-${index}`, false, undefined, this));
+  const actions = [jsxDEV_7x81h0kn(KeyboardShortcutHint, {
+    shortcut: "↑/↓",
+    action: "select"
+  }, "upDown", false, undefined, this), jsxDEV_7x81h0kn(KeyboardShortcutHint, {
+    shortcut: "Enter",
+    action: "view"
+  }, "enter", false, undefined, this), ...currentSelection?.type === "in_process_teammate" && currentSelection.status === "running" ? [jsxDEV_7x81h0kn(KeyboardShortcutHint, {
+    shortcut: "f",
+    action: "foreground"
+  }, "foreground", false, undefined, this)] : [], ...(currentSelection?.type === "local_bash" || currentSelection?.type === "local_agent" || currentSelection?.type === "in_process_teammate" || currentSelection?.type === "local_workflow" || currentSelection?.type === "monitor_mcp" || currentSelection?.type === "dream" || currentSelection?.type === "remote_agent") && currentSelection.status === "running" ? [jsxDEV_7x81h0kn(KeyboardShortcutHint, {
+    shortcut: "x",
+    action: "stop"
+  }, "kill", false, undefined, this)] : [], ...agentTasks.some((t) => t.status === "running") ? [jsxDEV_7x81h0kn(KeyboardShortcutHint, {
+    shortcut: killAgentsShortcut,
+    action: "stop all agents"
+  }, "kill-all", false, undefined, this)] : [], jsxDEV_7x81h0kn(KeyboardShortcutHint, {
+    shortcut: "←/Esc",
+    action: "close"
+  }, "esc", false, undefined, this)];
+  const handleCancel = () => onDone("Background tasks dialog dismissed", {
+    display: "system"
+  });
+  function renderInputGuide(exitState) {
+    if (exitState.pending) {
+      return jsxDEV_7x81h0kn(Text, {
+        children: [
+          "Press ",
+          exitState.keyName,
+          " again to exit"
+        ]
+      }, undefined, true, undefined, this);
+    }
+    return jsxDEV_7x81h0kn(Byline, {
+      children: actions
+    }, undefined, false, undefined, this);
+  }
+  return jsxDEV_7x81h0kn(Box, {
+    flexDirection: "column",
+    tabIndex: 0,
+    autoFocus: true,
+    onKeyDown: handleKeyDown,
+    children: jsxDEV_7x81h0kn(Dialog, {
+      title: "Background tasks",
+      subtitle: jsxDEV_7x81h0kn(Fragment_8vg9x3sq, {
+        children: subtitle
+      }, undefined, false, undefined, this),
+      onCancel: handleCancel,
+      color: "background",
+      inputGuide: renderInputGuide,
+      children: allSelectableItems.length === 0 ? jsxDEV_7x81h0kn(Text, {
+        dimColor: true,
+        children: "No tasks currently running"
+      }, undefined, false, undefined, this) : jsxDEV_7x81h0kn(Box, {
+        flexDirection: "column",
+        children: [
+          teammateTasks.length > 0 && jsxDEV_7x81h0kn(Box, {
+            flexDirection: "column",
+            children: [
+              (bashTasks.length > 0 || remoteSessions.length > 0 || agentTasks.length > 0) && jsxDEV_7x81h0kn(Text, {
+                dimColor: true,
+                children: [
+                  jsxDEV_7x81h0kn(Text, {
+                    bold: true,
+                    children: [
+                      "  ",
+                      "Agents"
+                    ]
+                  }, undefined, true, undefined, this),
+                  " (",
+                  count(teammateTasks, (i) => i.type !== "leader"),
+                  ")"
+                ]
+              }, undefined, true, undefined, this),
+              jsxDEV_7x81h0kn(Box, {
+                flexDirection: "column",
+                children: jsxDEV_7x81h0kn(TeammateTaskGroups, {
+                  teammateTasks,
+                  currentSelectionId: currentSelection?.id
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          bashTasks.length > 0 && jsxDEV_7x81h0kn(Box, {
+            flexDirection: "column",
+            marginTop: teammateTasks.length > 0 ? 1 : 0,
+            children: [
+              (teammateTasks.length > 0 || remoteSessions.length > 0 || agentTasks.length > 0) && jsxDEV_7x81h0kn(Text, {
+                dimColor: true,
+                children: [
+                  jsxDEV_7x81h0kn(Text, {
+                    bold: true,
+                    children: [
+                      "  ",
+                      "Shells"
+                    ]
+                  }, undefined, true, undefined, this),
+                  " (",
+                  bashTasks.length,
+                  ")"
+                ]
+              }, undefined, true, undefined, this),
+              jsxDEV_7x81h0kn(Box, {
+                flexDirection: "column",
+                children: bashTasks.map((item_6) => jsxDEV_7x81h0kn(Item, {
+                  item: item_6,
+                  isSelected: item_6.id === currentSelection?.id
+                }, item_6.id, false, undefined, this))
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          mcpMonitors.length > 0 && jsxDEV_7x81h0kn(Box, {
+            flexDirection: "column",
+            marginTop: teammateTasks.length > 0 || bashTasks.length > 0 ? 1 : 0,
+            children: [
+              jsxDEV_7x81h0kn(Text, {
+                dimColor: true,
+                children: [
+                  jsxDEV_7x81h0kn(Text, {
+                    bold: true,
+                    children: [
+                      "  ",
+                      "Monitors"
+                    ]
+                  }, undefined, true, undefined, this),
+                  " (",
+                  mcpMonitors.length,
+                  ")"
+                ]
+              }, undefined, true, undefined, this),
+              jsxDEV_7x81h0kn(Box, {
+                flexDirection: "column",
+                children: mcpMonitors.map((item_7) => jsxDEV_7x81h0kn(Item, {
+                  item: item_7,
+                  isSelected: item_7.id === currentSelection?.id
+                }, item_7.id, false, undefined, this))
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          remoteSessions.length > 0 && jsxDEV_7x81h0kn(Box, {
+            flexDirection: "column",
+            marginTop: teammateTasks.length > 0 || bashTasks.length > 0 || mcpMonitors.length > 0 ? 1 : 0,
+            children: [
+              jsxDEV_7x81h0kn(Text, {
+                dimColor: true,
+                children: [
+                  jsxDEV_7x81h0kn(Text, {
+                    bold: true,
+                    children: [
+                      "  ",
+                      "Remote agents"
+                    ]
+                  }, undefined, true, undefined, this),
+                  " (",
+                  remoteSessions.length,
+                  ")"
+                ]
+              }, undefined, true, undefined, this),
+              jsxDEV_7x81h0kn(Box, {
+                flexDirection: "column",
+                children: remoteSessions.map((item_8) => jsxDEV_7x81h0kn(Item, {
+                  item: item_8,
+                  isSelected: item_8.id === currentSelection?.id
+                }, item_8.id, false, undefined, this))
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          agentTasks.length > 0 && jsxDEV_7x81h0kn(Box, {
+            flexDirection: "column",
+            marginTop: teammateTasks.length > 0 || bashTasks.length > 0 || mcpMonitors.length > 0 || remoteSessions.length > 0 ? 1 : 0,
+            children: [
+              jsxDEV_7x81h0kn(Text, {
+                dimColor: true,
+                children: [
+                  jsxDEV_7x81h0kn(Text, {
+                    bold: true,
+                    children: [
+                      "  ",
+                      "Local agents"
+                    ]
+                  }, undefined, true, undefined, this),
+                  " (",
+                  agentTasks.length,
+                  ")"
+                ]
+              }, undefined, true, undefined, this),
+              jsxDEV_7x81h0kn(Box, {
+                flexDirection: "column",
+                children: agentTasks.map((item_9) => jsxDEV_7x81h0kn(Item, {
+                  item: item_9,
+                  isSelected: item_9.id === currentSelection?.id
+                }, item_9.id, false, undefined, this))
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          workflowTasks.length > 0 && jsxDEV_7x81h0kn(Box, {
+            flexDirection: "column",
+            marginTop: teammateTasks.length > 0 || bashTasks.length > 0 || mcpMonitors.length > 0 || remoteSessions.length > 0 || agentTasks.length > 0 ? 1 : 0,
+            children: [
+              jsxDEV_7x81h0kn(Text, {
+                dimColor: true,
+                children: [
+                  jsxDEV_7x81h0kn(Text, {
+                    bold: true,
+                    children: [
+                      "  ",
+                      "Workflows"
+                    ]
+                  }, undefined, true, undefined, this),
+                  " (",
+                  workflowTasks.length,
+                  ")"
+                ]
+              }, undefined, true, undefined, this),
+              jsxDEV_7x81h0kn(Box, {
+                flexDirection: "column",
+                children: workflowTasks.map((item_10) => jsxDEV_7x81h0kn(Item, {
+                  item: item_10,
+                  isSelected: item_10.id === currentSelection?.id
+                }, item_10.id, false, undefined, this))
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          dreamTasks_0.length > 0 && jsxDEV_7x81h0kn(Box, {
+            flexDirection: "column",
+            marginTop: teammateTasks.length > 0 || bashTasks.length > 0 || mcpMonitors.length > 0 || remoteSessions.length > 0 || agentTasks.length > 0 || workflowTasks.length > 0 ? 1 : 0,
+            children: jsxDEV_7x81h0kn(Box, {
+              flexDirection: "column",
+              children: dreamTasks_0.map((item_11) => jsxDEV_7x81h0kn(Item, {
+                item: item_11,
+                isSelected: item_11.id === currentSelection?.id
+              }, item_11.id, false, undefined, this))
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function toListItem(task) {
+  switch (task.type) {
+    case "local_bash":
+      return {
+        id: task.id,
+        type: "local_bash",
+        label: task.kind === "monitor" ? task.description : task.command,
+        status: task.status,
+        task
+      };
+    case "remote_agent":
+      return {
+        id: task.id,
+        type: "remote_agent",
+        label: task.title,
+        status: task.status,
+        task
+      };
+    case "local_agent":
+      return {
+        id: task.id,
+        type: "local_agent",
+        label: task.description,
+        status: task.status,
+        task
+      };
+    case "in_process_teammate":
+      return {
+        id: task.id,
+        type: "in_process_teammate",
+        label: `@${task.identity.agentName}`,
+        status: task.status,
+        task
+      };
+    case "local_workflow":
+      return {
+        id: task.id,
+        type: "local_workflow",
+        label: task.summary ?? task.description,
+        status: task.status,
+        task
+      };
+    case "monitor_mcp":
+      return {
+        id: task.id,
+        type: "monitor_mcp",
+        label: task.description,
+        status: task.status,
+        task
+      };
+    case "dream":
+      return {
+        id: task.id,
+        type: "dream",
+        label: task.description,
+        status: task.status,
+        task
+      };
+  }
+}
+function Item(t0) {
+  const $ = _c(14);
+  const {
+    item,
+    isSelected
+  } = t0;
+  const {
+    columns
+  } = useTerminalSize();
+  const maxActivityWidth = Math.max(30, columns - 26);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = isCoordinatorMode();
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const useGreyPointer = t1;
+  const t2 = useGreyPointer && isSelected;
+  const t3 = isSelected ? figures.pointer + " " : "  ";
+  let t4;
+  if ($[1] !== t2 || $[2] !== t3) {
+    t4 = jsxDEV_7x81h0kn(Text, {
+      dimColor: t2,
+      children: t3
+    }, undefined, false, undefined, this);
+    $[1] = t2;
+    $[2] = t3;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const t5 = isSelected && !useGreyPointer ? "suggestion" : undefined;
+  let t6;
+  if ($[4] !== item.task || $[5] !== item.type || $[6] !== maxActivityWidth) {
+    t6 = item.type === "leader" ? jsxDEV_7x81h0kn(Text, {
+      children: [
+        "@",
+        TEAM_LEAD_NAME
+      ]
+    }, undefined, true, undefined, this) : jsxDEV_7x81h0kn(BackgroundTaskComponent, {
+      task: item.task,
+      maxActivityWidth
+    }, undefined, false, undefined, this);
+    $[4] = item.task;
+    $[5] = item.type;
+    $[6] = maxActivityWidth;
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  let t7;
+  if ($[8] !== t5 || $[9] !== t6) {
+    t7 = jsxDEV_7x81h0kn(Text, {
+      color: t5,
+      children: t6
+    }, undefined, false, undefined, this);
+    $[8] = t5;
+    $[9] = t6;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  let t8;
+  if ($[11] !== t4 || $[12] !== t7) {
+    t8 = jsxDEV_7x81h0kn(Box, {
+      flexDirection: "row",
+      children: [
+        t4,
+        t7
+      ]
+    }, undefined, true, undefined, this);
+    $[11] = t4;
+    $[12] = t7;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  return t8;
+}
+function TeammateTaskGroups(t0) {
+  const $ = _c(3);
+  const {
+    teammateTasks,
+    currentSelectionId
+  } = t0;
+  let t1;
+  if ($[0] !== currentSelectionId || $[1] !== teammateTasks) {
+    const leaderItems = teammateTasks.filter(_temp);
+    const teammateItems = teammateTasks.filter(_temp2);
+    const teams = new Map;
+    for (const item of teammateItems) {
+      const teamName = item.task.identity.teamName;
+      const group = teams.get(teamName);
+      if (group) {
+        group.push(item);
+      } else {
+        teams.set(teamName, [item]);
+      }
+    }
+    const teamEntries = [...teams.entries()];
+    t1 = jsxDEV_7x81h0kn(Fragment_8vg9x3sq, {
+      children: teamEntries.map((t2) => {
+        const [teamName_0, items] = t2;
+        const memberCount = items.length + leaderItems.length;
+        return jsxDEV_7x81h0kn(Box, {
+          flexDirection: "column",
+          children: [
+            jsxDEV_7x81h0kn(Text, {
+              dimColor: true,
+              children: [
+                "  ",
+                "Team: ",
+                teamName_0,
+                " (",
+                memberCount,
+                ")"
+              ]
+            }, undefined, true, undefined, this),
+            leaderItems.map((item_0) => jsxDEV_7x81h0kn(Item, {
+              item: item_0,
+              isSelected: item_0.id === currentSelectionId
+            }, `${item_0.id}-${teamName_0}`, false, undefined, this)),
+            items.map((item_1) => jsxDEV_7x81h0kn(Item, {
+              item: item_1,
+              isSelected: item_1.id === currentSelectionId
+            }, item_1.id, false, undefined, this))
+          ]
+        }, teamName_0, true, undefined, this);
+      })
+    }, undefined, false, undefined, this);
+    $[0] = currentSelectionId;
+    $[1] = teammateTasks;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+function _temp2(i_0) {
+  return i_0.type === "in_process_teammate";
+}
+function _temp(i) {
+  return i.type === "leader";
+}