@yancyyu/openhermit 1.6.41 → 1.6.43

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

@@ -59,12 +59,14 @@ import { isLeadAgentType, isLeadMember } from '@shared/utils/leadDetection';
 import { deriveTaskDisplayId, formatTaskDisplayLabel } from '@shared/utils/taskIdentity';
 import {
   AlertTriangle,
+  Bot,
   Columns3,
   Download,
   FolderOpen,
   GitBranch,
   History,
   Link,
+  Network,
   Pencil,
   Play,
   Plus,
@@ -92,18 +94,23 @@ import { KanbanSearchInput } from './kanban/KanbanSearchInput';
 import { TrashDialog } from './kanban/TrashDialog';
 import { MemberDetailDialog } from './members/MemberDetailDialog';
 
-
 import type { TeamMessagesPanelMode } from '@renderer/types/teamMessagesPanelMode';
 import type { ComponentProps } from 'react';
 
-import { TerminalPane, type TerminalPaneRef } from '@renderer/components/common/TerminalPane';
-
 const ProjectEditorOverlay = lazy(() =>
   import('./editor/ProjectEditorOverlay').then((m) => ({ default: m.ProjectEditorOverlay }))
 );
+import { LoopConsolePanel } from './loop-console/LoopConsolePanel';
 import { MemberList } from './members/MemberList';
 import { MessagesPanel } from './messages/MessagesPanel';
-import { CcSessionsSection, buildAllSessionsCsv, buildAllSessionsCsvFilename, downloadTextFile, hasDataRows, isExportPayload } from './CcSessionsSection';
+import {
+  CcSessionsSection,
+  buildAllSessionsCsv,
+  buildAllSessionsCsvFilename,
+  downloadTextFile,
+  hasDataRows,
+  isExportPayload,
+} from './CcSessionsSection';
 import { ChangeReviewDialog } from './review/ChangeReviewDialog';
 import {
   getTeamPendingRepliesState,
@@ -239,7 +246,7 @@ const TeamOfflineStatusBanner = memo(function TeamOfflineStatusBanner({
   teamName: string;
   onLaunch: () => void;
 }): React.JSX.Element {
-  const message = '数字员工未运行：当前没有本地 Claude/Agent 进程在运行，已有数据和任务仍会保留。';
+  const message = 'Agent 未运行：当前没有本地 Claude/Agent 进程在运行，已有状态和任务仍会保留。';
 
   return (
     <div
@@ -261,7 +268,7 @@ const TeamOfflineStatusBanner = memo(function TeamOfflineStatusBanner({
         onClick={onLaunch}
       >
         <Play size={12} />
-        启动数字员工
+        启动 Agent
       </Button>
     </div>
   );
@@ -691,7 +698,7 @@ const LeadContextBridge = memo(function LeadContextBridge({
               </div>
               <div className="flex flex-1 items-center justify-center p-4">
                 <p className="text-xs text-[var(--color-text-muted)]">
-                  {leadSessionLoading ? '正在加载上下文…' : '打开团队负责人会话后可查看上下文。'}
+                  {leadSessionLoading ? '正在加载上下文…' : '打开 Lead 会话后可查看上下文。'}
                 </p>
               </div>
             </div>
@@ -898,11 +905,6 @@ function getCommandForHarness(harness?: string): string {
   }
 }
 
-/** All CcAgentType values run as local CLI agents */
-function isLocalHarness(harness?: string): boolean {
-  return !!harness;
-}
-
 export const TeamDetailView = ({
   teamName,
   isPaneFocused = false,
@@ -934,11 +936,8 @@ export const TeamDetailView = ({
     mode: 'launch',
   });
   const [editorOpen, setEditorOpen] = useState(false);
-  const [terminalHeight, setTerminalHeight] = useState(400);
   const contentRef = useRef<HTMLDivElement>(null);
   const provisioningBannerRef = useRef<HTMLDivElement>(null);
-  const terminalPaneRef = useRef<TerminalPaneRef>(null);
-  const terminalSpawnedForTeamRef = useRef<string | null>(null);
   const wasProvisioningRef = useRef(false);
 
   // Set inert on background content when editor overlay is open (a11y focus trap)
@@ -969,10 +968,7 @@ export const TeamDetailView = ({
       setSendDialogOpen(true);
     };
     const onOpenProfile = (e: Event) => {
-      const {
-        teamName: tn,
-        memberName,
-      } = (e as CustomEvent).detail ?? {};
+      const { teamName: tn, memberName } = (e as CustomEvent).detail ?? {};
       if (tn !== teamName || !data) return;
       const member = members.find((m: { name: string }) => m.name === memberName);
       if (member) {
@@ -998,9 +994,9 @@ export const TeamDetailView = ({
     const onStartTask = taskAction((taskId) => {
       void (async () => {
         try {
+          const task = data?.tasks.find((t: { id: string }) => t.id === taskId);
           const result = await startTaskByUser(teamName, taskId);
-          if (data?.isAlive) {
-            const task = data.tasks.find((t: { id: string }) => t.id === taskId);
+          if (data?.isAlive && !task?.dispatchMeta) {
             try {
               if (result.notifiedOwner && task?.owner) {
                 await api.teams.processSend(
@@ -1018,6 +1014,8 @@ export const TeamDetailView = ({
       })();
     });
     const onCompleteTask = taskAction((taskId) => {
+      const task = data?.tasks.find((t: { id: string }) => t.id === taskId);
+      if (task?.status === 'in_progress') return;
       void (async () => {
         try {
           await updateTaskStatus(teamName, taskId, 'completed');
@@ -1036,6 +1034,8 @@ export const TeamDetailView = ({
       })();
     });
     const onRequestReviewTask = taskAction((taskId) => {
+      const task = data?.tasks.find((t: { id: string }) => t.id === taskId);
+      if (task?.status === 'in_progress') return;
       void (async () => {
         try {
           await requestReview(teamName, taskId);
@@ -1048,6 +1048,8 @@ export const TeamDetailView = ({
       setRequestChangesTaskId(taskId);
     });
     const onCancelTask = taskAction((taskId) => {
+      const task = data?.tasks.find((t: { id: string }) => t.id === taskId);
+      if (task?.status === 'in_progress') return;
       void (async () => {
         try {
           await updateTaskStatus(teamName, taskId, 'pending');
@@ -1066,7 +1068,11 @@ export const TeamDetailView = ({
         }
       })();
     });
-    const onDeleteTaskGraph = taskAction((taskId) => handleDeleteTask(taskId));
+    const onDeleteTaskGraph = taskAction((taskId) => {
+      const task = data?.tasks.find((t: { id: string }) => t.id === taskId);
+      if (task?.status === 'in_progress') return;
+      handleDeleteTask(taskId);
+    });
 
     window.addEventListener('graph:start-task', onStartTask);
     window.addEventListener('graph:complete-task', onCompleteTask);
@@ -1187,6 +1193,8 @@ export const TeamDetailView = ({
     error,
     projects,
     repositoryGroups,
+    fetchSkillsCatalog,
+    mcpFetchInstalled,
     initTabUIState,
     selectTeam,
     updateKanban,
@@ -1229,11 +1237,16 @@ export const TeamDetailView = ({
     pendingReviewRequest,
     setPendingReviewRequest,
     teams,
+    teamSummaryDisplayName,
     fetchTeams,
+    leadActivity,
+    leadContextUpdatedAt,
   } = useStore(
     useShallow((s) => ({
       projects: s.projects,
       repositoryGroups: s.repositoryGroups,
+      fetchSkillsCatalog: s.fetchSkillsCatalog,
+      mcpFetchInstalled: s.mcpFetchInstalled,
       initTabUIState: s.initTabUIState,
       selectTeam: s.selectTeam,
       updateKanban: s.updateKanban,
@@ -1280,7 +1293,10 @@ export const TeamDetailView = ({
       pendingReviewRequest: s.pendingReviewRequest,
       setPendingReviewRequest: s.setPendingReviewRequest,
       teams: s.teams,
+      teamSummaryDisplayName: teamName ? s.teamByName[teamName]?.displayName : undefined,
       fetchTeams: s.fetchTeams,
+      leadActivity: teamName ? s.leadActivityByTeam[teamName] : undefined,
+      leadContextUpdatedAt: teamName ? s.leadContextByTeam[teamName]?.updatedAt : undefined,
     }))
   );
 
@@ -1305,6 +1321,14 @@ export const TeamDetailView = ({
     setTeamPendingRepliesState(teamName, pendingRepliesByMember);
   }, [pendingRepliesByMember, teamName]);
 
+  useEffect(() => {
+    const projectPath = data?.config.projectPath;
+    void fetchSkillsCatalog(projectPath ?? undefined);
+    if (projectPath) {
+      void mcpFetchInstalled(projectPath);
+    }
+  }, [data?.config.projectPath, fetchSkillsCatalog, mcpFetchInstalled]);
+
   useEffect(() => {
     const wasProvisioning = wasProvisioningRef.current;
     wasProvisioningRef.current = isTeamProvisioning;
@@ -1331,24 +1355,6 @@ export const TeamDetailView = ({
     void fetchDeletedTasks(teamName);
   }, [teamName, selectTeam, fetchDeletedTasks]);
 
-  // Spawn terminal PTY once per team — imperative, no autoSpawn.
-  // TerminalPane lives outside renderBody() so it never unmounts on data refresh.
-  // terminalSpawnedForTeamRef guards against re-spawning on data changes.
-  useEffect(() => {
-    if (!data || !teamName || teamName === SYSTEM_MANAGER_TEAM_NAME) return;
-    const cwd = data.config.projectPath || data.config.executionTarget?.cwd || data.workDir || '';
-    if (!cwd) return;
-    const harness = data.config.agentType || data.harness;
-    const spawnKey = `${teamName}:${harness ?? ''}`;
-    if (terminalSpawnedForTeamRef.current === spawnKey) return;
-    terminalSpawnedForTeamRef.current = spawnKey;
-    void terminalPaneRef.current?.spawn({
-      command: getCommandForHarness(harness),
-      args: [],
-      cwd,
-    });
-  }, [data, teamName]);
-
   // Recovery: after HMR, all mounted TeamDetailView effects re-run simultaneously.
   // With CSS display-toggle (all tabs stay mounted), the last selectTeam() call wins
   // and other tabs get stuck with mismatched data (permanent skeleton).
@@ -1716,21 +1722,8 @@ export const TeamDetailView = ({
   }, []);
 
   const handleRestartTeam = useCallback(() => {
-    const cfg = data?.config;
-    const harness = cfg?.agentType || data?.harness;
-    if (isLocalHarness(harness)) {
-      const cwd = cfg?.projectPath || cfg?.executionTarget?.cwd || data?.workDir || '';
-      if (cwd) {
-        terminalPaneRef.current?.spawn({
-          command: getCommandForHarness(harness),
-          args: [],
-          cwd,
-        });
-        return;
-      }
-    }
     openLaunchDialog('relaunch');
-  }, [data, openLaunchDialog]);
+  }, [openLaunchDialog]);
 
   const handleStartCcConnectTeam = useCallback(() => {
     void (async () => {
@@ -1924,6 +1917,8 @@ export const TeamDetailView = ({
 
   const handleDeleteTask = useCallback(
     (taskId: string) => {
+      const task = taskMapRef.current.get(taskId);
+      if (task?.status === 'in_progress') return;
       void (async () => {
         const confirmed = await confirm({
           title: '删除任务',
@@ -2054,6 +2049,7 @@ export const TeamDetailView = ({
       pendingRepliesByMember,
       onPendingReplyChange: setPendingRepliesByMember,
       onMemberClick: handleSelectMember,
+      onTaskIdClick: handleTaskIdClick,
       onReplyToMessage: handleReplyToMessage,
       onRestartTeam: handleRestartTeam,
       inlineScrollContainerRef: contentRef,
@@ -2068,6 +2064,7 @@ export const TeamDetailView = ({
       handleReplyToMessage,
       handleRestartTeam,
       handleSelectMember,
+      handleTaskIdClick,
       pendingRepliesByMember,
       teamName,
       timeWindow,
@@ -2133,35 +2130,38 @@ export const TeamDetailView = ({
       const draftTeamSummary = useStore.getState().teamByName[teamName];
       const draftDisplayName = draftTeamSummary?.displayName || teamName;
       const draftCwd = draftTeamSummary?.projectPath || draftTeamSummary?.workDir || '';
+      const draftCommand = getCommandForHarness(draftTeamSummary?.harness);
 
       return (
-        <>
-          <div className="size-full overflow-auto p-6">
-            <div ref={provisioningBannerRef}>
-              <TeamProvisioningBanner teamName={teamName} />
-            </div>
-            <div className="flex items-center gap-3 py-2">
+        <div className="size-full overflow-auto p-6">
+          <div ref={provisioningBannerRef}>
+            <TeamProvisioningBanner teamName={teamName} />
+          </div>
+          <div className="mt-4 rounded-2xl border border-[var(--color-border)] bg-[var(--color-surface-raised)] p-5">
+            <div className="flex flex-wrap items-center gap-3">
               <p className="text-sm font-medium text-text">{draftDisplayName}</p>
               <span className="rounded-full bg-indigo-500/20 px-2 py-0.5 text-[10px] font-medium text-indigo-400">
-                {getCommandForHarness()}
+                {draftCommand}
               </span>
             </div>
-            <div className="h-[calc(100vh-16rem)] overflow-hidden rounded-lg border border-[var(--color-border-subtle)]">
-              <TerminalPane
-                ref={terminalPaneRef}
-                autoSpawn={
-                  draftCwd
-                    ? {
-                        command: getCommandForHarness(),
-                        args: [],
-                        cwd: draftCwd,
-                      }
-                    : undefined
-                }
-              />
-            </div>
+            <p className="mt-3 max-w-2xl text-sm leading-6 text-[var(--color-text-secondary)]">
+              终端不再嵌入页面。需要接管这个工作区时，请在系统终端中打开默认 CLI。
+            </p>
+            <Button
+              size="sm"
+              variant="outline"
+              className="mt-4"
+              disabled={!draftCwd}
+              onClick={() => {
+                if (!draftCwd) return;
+                void api.terminal.openExternal({ command: draftCommand, cwd: draftCwd });
+              }}
+            >
+              <Play size={13} />
+              在系统终端打开
+            </Button>
           </div>
-        </>
+        </div>
       );
     }
 
@@ -2198,6 +2198,11 @@ export const TeamDetailView = ({
       );
     }
 
+    // Prefer the store summary's displayName over data.config.name: for a draft or
+    // partially-provisioned team (no team.json on disk) the server-side getData falls
+    // back to the slug for config.name, but the user-facing name survives in teamByName.
+    const displayTeamName = teamSummaryDisplayName || data.config.name || teamName;
+
     const headerColorSet = data.config.color
       ? getTeamColorSet(data.config.color)
       : nameColorSet(data.config.name);
@@ -2235,17 +2240,19 @@ export const TeamDetailView = ({
                   <div className="min-w-0 flex-1">
                     <div className="flex items-center gap-2">
                       <h2 className="text-base font-semibold text-[var(--color-text)]">
-                        {data.config.name}
+                        {displayTeamName}
                       </h2>
-                      {data.platforms?.filter((pl) => pl.type !== 'bridge').map((pl) => (
-                        <span
-                          key={pl.type}
-                          className="inline-flex items-center gap-1 rounded-full bg-emerald-500/15 px-1.5 py-0.5 text-[10px] font-medium text-emerald-400"
-                        >
-                          <span className="size-1.5 rounded-full bg-emerald-400" />
-                          {pl.type}
-                        </span>
-                      ))}
+                      {data.platforms
+                        ?.filter((pl) => pl.type !== 'bridge')
+                        .map((pl) => (
+                          <span
+                            key={pl.type}
+                            className="inline-flex items-center gap-1 rounded-full bg-emerald-500/15 px-1.5 py-0.5 text-[10px] font-medium text-emerald-400"
+                          >
+                            <span className="size-1.5 rounded-full bg-emerald-400" />
+                            {pl.type}
+                          </span>
+                        ))}
                       {isTeamProvisioning && (
                         <span className="inline-flex items-center gap-1 rounded-full bg-yellow-500/15 px-1.5 py-0.5 text-[10px] font-medium text-yellow-400">
                           <span className="size-1.5 animate-pulse rounded-full bg-yellow-400" />
@@ -2324,22 +2331,18 @@ export const TeamDetailView = ({
                   )}
                 >
                   <div className="flex min-w-0 flex-1 flex-wrap items-center gap-x-3 gap-y-0.5">
-                    {data.config.projectPath && (
+                    {data.teamName && (
                       <span className="flex items-center gap-1 text-[11px] text-[var(--color-text-secondary)]">
                         <FolderOpen size={11} className="shrink-0 text-[var(--color-text-muted)]" />
                         <Tooltip>
                           <TooltipTrigger asChild>
-                            <span className="max-w-60 truncate font-mono">
-                              {data.config.projectPath
-                                .replace(/\\/g, '/')
-                                .split('/')
-                                .filter(Boolean)
-                                .pop() ?? data.config.projectPath}
-                            </span>
+                            <span className="max-w-60 truncate font-mono">@{data.teamName}</span>
                           </TooltipTrigger>
                           <TooltipContent side="bottom">
                             <span className="font-mono text-xs">
-                              {formatProjectPath(data.config.projectPath)}
+                              {data.config.projectPath
+                                ? formatProjectPath(data.config.projectPath)
+                                : data.teamName}
                             </span>
                           </TooltipContent>
                         </Tooltip>
@@ -2417,7 +2420,7 @@ export const TeamDetailView = ({
                 title="会话"
                 icon={<MessageSquare size={14} />}
                 badge={ccSessions.length}
-                defaultOpen={ccSessions.length > 0}
+                defaultOpen={false}
                 action={
                   ccSessions.length > 0 ? (
                     <button
@@ -2496,6 +2499,8 @@ export const TeamDetailView = ({
                       />
                     }
                     onRequestReview={(taskId) => {
+                      const task = taskMapRef.current.get(taskId);
+                      if (task?.status === 'in_progress') return;
                       void (async () => {
                         try {
                           await requestReview(teamName, taskId);
@@ -2532,9 +2537,9 @@ export const TeamDetailView = ({
                     onStartTask={(taskId) => {
                       void (async () => {
                         try {
+                          const task = data?.tasks.find((t) => t.id === taskId);
                           const result = await startTaskByUser(teamName, taskId);
-                          if (data?.isAlive) {
-                            const task = data.tasks.find((t) => t.id === taskId);
+                          if (data?.isAlive && !task?.dispatchMeta) {
                             try {
                               if (result.notifiedOwner && task?.owner) {
                                 await api.teams.processSend(
@@ -2560,6 +2565,8 @@ export const TeamDetailView = ({
                       })();
                     }}
                     onCompleteTask={(taskId) => {
+                      const task = taskMapRef.current.get(taskId);
+                      if (task?.status === 'in_progress') return;
                       void (async () => {
                         try {
                           await updateTaskStatus(teamName, taskId, 'completed');
@@ -2572,6 +2579,7 @@ export const TeamDetailView = ({
                       void (async () => {
                         try {
                           const task = data?.tasks.find((t) => t.id === taskId);
+                          if (task?.status === 'in_progress') return;
                           await updateTaskStatus(teamName, taskId, 'pending');
 
                           if (task?.owner) {
@@ -2668,6 +2676,34 @@ export const TeamDetailView = ({
                 </CollapsibleTeamSection>
               )}
 
+              <CollapsibleTeamSection
+                sectionId="loop-console"
+                title="指令台"
+                icon={<MessageSquare size={14} />}
+                badge={data.isAlive ? 'online' : 'offline'}
+                defaultOpen
+              >
+                <LoopConsolePanel
+                  teamName={teamName}
+                  members={activeMembers}
+                  tasks={data.tasks}
+                  isTeamAlive={data.isAlive}
+                  isProvisioning={isTeamProvisioning}
+                  leadActivity={leadActivity}
+                  leadContextUpdatedAt={leadContextUpdatedAt}
+                  currentLeadSessionId={data.config.leadSessionId}
+                  leadProjectPath={data.config.projectPath}
+                  sessions={ccSessions}
+                  pendingRepliesByMember={pendingRepliesByMember}
+                  onPendingReplyChange={setPendingRepliesByMember}
+                  onMemberClick={handleSelectMember}
+                  onTaskClick={handleOpenTask}
+                  onReplyToMessage={handleReplyToMessage}
+                  onRestartTeam={handleRestartTeam}
+                  onTaskIdClick={handleTaskIdClick}
+                />
+              </CollapsibleTeamSection>
+
               <ReviewDialog
                 open={requestChangesTaskId !== null}
                 teamName={teamName}
@@ -2755,7 +2791,7 @@ export const TeamDetailView = ({
                   <DialogHeader>
                     <DialogTitle>移除成员</DialogTitle>
                     <DialogDescription>
-                      确认将 &ldquo;{removeMemberConfirm}&rdquo; 从团队中移除？任务与消息会保留，
+                      确认将 &ldquo;{removeMemberConfirm}&rdquo; 从团队中移除？任务与 动态会保留，
                       但该名称将无法再次使用。
                     </DialogDescription>
                   </DialogHeader>
@@ -2789,7 +2825,7 @@ export const TeamDetailView = ({
                   <DialogHeader>
                     <DialogTitle>删除团队</DialogTitle>
                     <DialogDescription>
-                      确认删除团队 &ldquo;{data.config.name}
+                      确认删除团队 &ldquo;{displayTeamName}
                       &rdquo;？此操作不可恢复，所有团队数据与任务都将被删除。
                     </DialogDescription>
                   </DialogHeader>
@@ -2924,59 +2960,7 @@ export const TeamDetailView = ({
       {teamAgentRuntimeWatcher}
       {leadContextWatcher}
       <div className="flex size-full flex-col overflow-hidden">
-        <div className="min-h-0 flex-1 overflow-hidden">
-          {renderBody()}
-        </div>
-        {/* Persistent terminal — survives data refreshes because it's outside renderBody() */}
-        {teamName && teamName !== SYSTEM_MANAGER_TEAM_NAME && (
-          <div className="shrink-0" style={{ height: terminalHeight }}>
-            {/* Drag handle */}
-            <div
-              className="flex cursor-row-resize items-center justify-center border-t border-[var(--color-border)] py-0.5 transition-colors hover:bg-[var(--color-surface-raised)]"
-              onMouseDown={(e) => {
-                e.preventDefault();
-                const startY = e.clientY;
-                const startH = terminalHeight;
-                const onMove = (ev: MouseEvent) => {
-                  const delta = startY - ev.clientY; // drag up = grow
-                  const next = Math.max(120, Math.min(800, startH + delta));
-                  setTerminalHeight(next);
-                };
-                const onUp = () => {
-                  window.removeEventListener('mousemove', onMove);
-                  window.removeEventListener('mouseup', onUp);
-                };
-                window.addEventListener('mousemove', onMove);
-                window.addEventListener('mouseup', onUp);
-              }}
-            >
-              <div className="h-1 w-8 rounded-full bg-[var(--color-border)]" />
-            </div>
-            <div className="h-[calc(100%-14px)] overflow-hidden">
-              <div className="flex items-center justify-between px-1 pb-1">
-                <div className="flex items-center gap-1.5 text-xs font-medium text-[var(--color-text-secondary)]">
-                  <Terminal size={14} />
-                  终端
-                </div>
-                <button
-                  type="button"
-                  className="flex items-center gap-1 rounded px-1 py-0.5 text-[10px] text-[var(--color-text-muted)] transition-colors hover:bg-[var(--color-surface-raised)] hover:text-[var(--color-text-secondary)]"
-                  onClick={() => {
-                    const cwd = data?.config.projectPath || data?.config.executionTarget?.cwd || data?.workDir || '';
-                    const harness = data?.config.agentType || data?.harness;
-                    void api.terminal.openExternal({ command: getCommandForHarness(harness), cwd });
-                  }}
-                >
-                  <Play size={10} />
-                  外部终端
-                </button>
-              </div>
-              <div className="h-[calc(100%-22px)] overflow-hidden rounded-lg border border-[var(--color-border-subtle)]">
-                <TerminalPane ref={terminalPaneRef} />
-              </div>
-            </div>
-          </div>
-        )}
+        <div className="min-h-0 flex-1 overflow-hidden">{renderBody()}</div>
       </div>
       {data && teamName !== SYSTEM_MANAGER_TEAM_NAME ? (
         <RuntimeConfigDialog

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

@@ -1,6 +1,9 @@
 import { Button } from '@renderer/components/ui/button';
+
+import { AGENT_TYPE_LABELS, ALL_AGENT_TYPES } from './HarnessCards';
+import { HarnessIcon } from './HarnessSelect';
+
 import type { CcAgentType } from '@shared/types/ccConnect';
-import { ALL_AGENT_TYPES, AGENT_TYPE_LABELS } from './HarnessCards';
 
 interface TeamEmptyStateProps {
   canCreate: boolean;
@@ -31,9 +34,9 @@ export const TeamEmptyState = ({
   return (
     <div className="flex size-full flex-col items-center justify-center gap-6 px-6">
       <div className="text-center">
-        <p className="text-lg font-medium text-[var(--color-text)]">还没有数字员工</p>
+        <p className="text-lg font-medium text-[var(--color-text)]">还没有 Agent runtime</p>
         <p className="mt-2 text-sm text-[var(--color-text-muted)]">
-          选择一种 Agent 类型开始，或创建自定义数字员工。
+          选择一种 Agent 类型启动循环，或创建自定义 runtime。
         </p>
       </div>
 
@@ -51,7 +54,7 @@ export const TeamEmptyState = ({
                 className="flex flex-col items-center gap-1.5 rounded-lg border border-[var(--color-border)] bg-[var(--color-surface)] p-3 text-center transition-colors hover:border-[var(--color-border-emphasis)] hover:bg-[var(--color-surface-raised)]"
                 onClick={() => onSelectHarness(type)}
               >
-                <span className="text-lg">{getHarnessIcon(type)}</span>
+                <HarnessIcon type={type} className="size-6" />
                 <span className="text-xs font-medium text-[var(--color-text)]">
                   {AGENT_TYPE_LABELS[type]}
                 </span>
@@ -71,43 +74,12 @@ export const TeamEmptyState = ({
       </div>
 
       <Button size="sm" disabled={!canCreate} onClick={onCreateTeam}>
-        创建自定义数字员工
+        创建自定义 runtime
       </Button>
 
       {!canCreate && (
-        <p className="text-xs text-[var(--color-text-muted)]">只有本地桌面模式支持创建数字员工。</p>
+        <p className="text-xs text-[var(--color-text-muted)]">只有本地桌面模式支持创建 runtime。</p>
       )}
     </div>
   );
 };
-
-function getHarnessIcon(type: CcAgentType): string {
-  switch (type) {
-    case 'claudecode':
-      return '🤖';
-    case 'codex':
-      return '🔬';
-    case 'cursor':
-      return '💻';
-    case 'gemini':
-      return '💎';
-    case 'iflow':
-      return '🌊';
-    case 'kimi':
-      return '🌙';
-    case 'devin':
-      return '🧑‍💻';
-    case 'opencode':
-      return '🔓';
-    case 'qoder':
-      return '⚡';
-    case 'pi':
-      return '🥧';
-    case 'acp':
-      return '🔗';
-    case 'tmux':
-      return '🖥️';
-    default:
-      return '📦';
-  }
-}