@yancyyu/openhermit 1.6.38 → 1.6.39

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

@@ -60,9 +60,11 @@ import { deriveTaskDisplayId, formatTaskDisplayLabel } from '@shared/utils/taskI
 import {
   AlertTriangle,
   Columns3,
+  Download,
   FolderOpen,
   GitBranch,
   History,
+  Link,
   Pencil,
   Play,
   Plus,
@@ -71,16 +73,16 @@ import {
   Loader2,
   MessageSquare,
   MoreHorizontal,
-  Shield,
   Users,
-  Wrench,
 } from 'lucide-react';
 import { useShallow } from 'zustand/react/shallow';
 
 import { CreateTaskDialog } from './dialogs/CreateTaskDialog';
 import { EditTeamDialog } from './dialogs/EditTeamDialog';
 import { LaunchTeamDialog, type TeamLaunchDialogMode } from './dialogs/LaunchTeamDialog';
+import { PlatformBindingDialog } from './dialogs/PlatformBindingDialog';
 import { ReviewDialog } from './dialogs/ReviewDialog';
+import { RuntimeConfigDialog } from './dialogs/RuntimeConfigDialog';
 import { SendMessageDialog } from './dialogs/SendMessageDialog';
 import { TaskDetailDialog } from './dialogs/TaskDetailDialog';
 import { executeTeamRelaunch } from './dialogs/teamRelaunchFlow';
@@ -89,25 +91,26 @@ import { UNASSIGNED_OWNER } from './kanban/KanbanFilterPopover';
 import { KanbanSearchInput } from './kanban/KanbanSearchInput';
 import { TrashDialog } from './kanban/TrashDialog';
 import { MemberDetailDialog } from './members/MemberDetailDialog';
-import { type MemberActivityFilter, type MemberDetailTab } from './members/memberDetailTypes';
+
 
 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 { MemberList } from './members/MemberList';
 import { MessagesPanel } from './messages/MessagesPanel';
+import { CcSessionsSection, buildAllSessionsCsv, buildAllSessionsCsvFilename, downloadTextFile, hasDataRows, isExportPayload } from './CcSessionsSection';
 import { ChangeReviewDialog } from './review/ChangeReviewDialog';
-import { ProjectEnvPanel } from '../extensions/env/ProjectEnvPanel';
 import {
   getTeamPendingRepliesState,
   setTeamPendingRepliesState,
 } from './sidebar/teamSidebarUiState';
 import { CollapsibleTeamSection } from './CollapsibleTeamSection';
 import { ProcessesSection } from './ProcessesSection';
-import { ToolsSection } from './tools/ToolsSection';
 import { getLaunchJoinMilestonesFromMembers, getLaunchJoinState } from './provisioningSteps';
 import { TeamProvisioningBanner } from './TeamProvisioningBanner';
 import {
@@ -121,6 +124,7 @@ import type { ContextInjection } from '@renderer/types/contextInjection';
 import type { Session } from '@renderer/types/data';
 import type { InlineChip } from '@renderer/types/inlineChip';
 import type {
+  CcSession,
   EffortLevel,
   GlobalProvider,
   MemberSpawnStatusEntry,
@@ -134,6 +138,7 @@ import type {
   TeamTaskWithKanban,
   TeamViewSnapshot,
 } from '@shared/types';
+import { SYSTEM_MANAGER_TEAM_NAME } from '@shared/types/team';
 import type { EditorSelectionAction } from '@shared/types/editor';
 import type { ContextUsageLike } from '@shared/utils/contextMetrics';
 
@@ -234,7 +239,7 @@ const TeamOfflineStatusBanner = memo(function TeamOfflineStatusBanner({
   teamName: string;
   onLaunch: () => void;
 }): React.JSX.Element {
-  const message = '团队离线中';
+  const message = '数字员工未运行：当前没有本地 Claude/Agent 进程在运行，已有数据和任务仍会保留。';
 
   return (
     <div
@@ -256,7 +261,7 @@ const TeamOfflineStatusBanner = memo(function TeamOfflineStatusBanner({
         onClick={onLaunch}
       >
         <Play size={12} />
-        启动
+        启动数字员工
       </Button>
     </div>
   );
@@ -861,6 +866,43 @@ const TeamMemberDetailDialogBridge = memo(function TeamMemberDetailDialogBridge(
   );
 });
 
+/** Map agent harness type to CLI command name */
+function getCommandForHarness(harness?: string): string {
+  switch (harness) {
+    case 'claudecode':
+      return 'claude';
+    case 'codex':
+      return 'codex';
+    case 'opencode':
+      return 'opencode';
+    case 'cursor':
+      return 'cursor';
+    case 'gemini':
+      return 'gemini';
+    case 'iflow':
+      return 'iflow';
+    case 'kimi':
+      return 'kimi';
+    case 'qoder':
+      return 'qoder';
+    case 'pi':
+      return 'pi';
+    case 'acp':
+      return 'acp';
+    case 'tmux':
+      return 'tmux';
+    case 'devin':
+      return 'devin';
+    default:
+      return 'claude';
+  }
+}
+
+/** All CcAgentType values run as local CLI agents */
+function isLocalHarness(harness?: string): boolean {
+  return !!harness;
+}
+
 export const TeamDetailView = ({
   teamName,
   isPaneFocused = false,
@@ -869,10 +911,6 @@ export const TeamDetailView = ({
   const [requestChangesTaskId, setRequestChangesTaskId] = useState<string | null>(null);
   const [selectedTask, setSelectedTask] = useState<TeamTaskWithKanban | null>(null);
   const [selectedMember, setSelectedMember] = useState<ResolvedTeamMember | null>(null);
-  const [selectedMemberView, setSelectedMemberView] = useState<{
-    initialTab?: MemberDetailTab;
-    initialActivityFilter?: MemberActivityFilter;
-  } | null>(null);
   const [pendingRepliesByMember, setPendingRepliesByMember] = useState<Record<string, number>>(() =>
     getTeamPendingRepliesState(teamName)
   );
@@ -886,7 +924,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 [bindingDialogOpen, setBindingDialogOpen] = useState(false);
   const [headerMenuOpen, setHeaderMenuOpen] = useState(false);
   const [launchDialogState, setLaunchDialogState] = useState<{
     open: boolean;
@@ -896,8 +934,11 @@ 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)
@@ -931,17 +972,11 @@ export const TeamDetailView = ({
       const {
         teamName: tn,
         memberName,
-        initialTab,
-        initialActivityFilter,
       } = (e as CustomEvent).detail ?? {};
       if (tn !== teamName || !data) return;
       const member = members.find((m: { name: string }) => m.name === memberName);
       if (member) {
         setSelectedMember(member);
-        setSelectedMemberView({
-          initialTab,
-          initialActivityFilter,
-        });
       }
     };
     const onCreateTask = (e: Event) => {
@@ -1088,6 +1123,56 @@ export const TeamDetailView = ({
   const [sessions, setSessions] = useState<Session[]>([]);
   const [sessionsLoading, setSessionsLoading] = useState(false);
   const [sessionsError, setSessionsError] = useState<string | null>(null);
+  const [ccSessions, setCcSessions] = useState<CcSession[]>([]);
+  const [ccSessionsLoading, setCcSessionsLoading] = useState(false);
+  const [ccSessionsError, setCcSessionsError] = useState<string | null>(null);
+  const [ccExporting, setCcExporting] = useState(false);
+
+  const handleExportAllCcSessions = useCallback(async () => {
+    if (ccExporting) return;
+    setCcExporting(true);
+    try {
+      const params = new URLSearchParams({
+        teamName,
+        format: 'csv',
+        includeContent: 'full',
+        includeToolResults: 'false',
+        includeSystemMessages: 'false',
+      });
+      const res = await fetch(`/api/telemetry/conversations/export?${params.toString()}`);
+      if (res.ok) {
+        const payload = (await res.json()) as unknown;
+        if (isExportPayload(payload) && hasDataRows(payload.content)) {
+          downloadTextFile(payload.content, payload.filename, payload.mimeType);
+          return;
+        }
+      }
+
+      const details = await Promise.all(
+        ccSessions.map(async (session) => {
+          try {
+            const detail = await api.teams.getSessionDetail(
+              teamName,
+              session.id,
+              Math.max(session.historyCount, 1)
+            );
+            return { session, detail };
+          } catch {
+            return { session, detail: null };
+          }
+        })
+      );
+      downloadTextFile(
+        buildAllSessionsCsv(details),
+        buildAllSessionsCsvFilename(teamName),
+        'text/csv;charset=utf-8'
+      );
+    } catch (err) {
+      console.error('Failed to export all conversation telemetry:', err);
+    } finally {
+      setCcExporting(false);
+    }
+  }, [ccExporting, ccSessions, teamName]);
   const [kanbanFilter, setKanbanFilter] = useState<KanbanFilterState>({
     sessionId: null,
     selectedOwners: new Set(),
@@ -1246,6 +1331,24 @@ 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).
@@ -1354,6 +1457,38 @@ export const TeamDetailView = ({
     teamName,
   ]);
 
+  useEffect(() => {
+    if (!teamName) return;
+    let cancelled = false;
+    setCcSessions([]);
+
+    const loadCcSessions = async (showLoading: boolean): Promise<void> => {
+      if (showLoading) setCcSessionsLoading(true);
+      setCcSessionsError(null);
+      try {
+        const result = await api.teams.getTeamSessions(teamName);
+        if (!cancelled) setCcSessions(result);
+      } catch (e) {
+        if (!cancelled) {
+          setCcSessions([]);
+          setCcSessionsError(e instanceof Error ? e.message : '加载运行会话失败');
+        }
+      } finally {
+        if (!cancelled && showLoading) setCcSessionsLoading(false);
+      }
+    };
+
+    void loadCcSessions(true);
+    const interval = window.setInterval(() => {
+      void loadCcSessions(false);
+    }, 3_000);
+
+    return () => {
+      cancelled = true;
+      window.clearInterval(interval);
+    };
+  }, [teamName, data?.isAlive]);
+
   useEffect(() => {
     if (!projectId) return;
 
@@ -1581,8 +1716,21 @@ 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');
-  }, [openLaunchDialog]);
+  }, [data, openLaunchDialog]);
 
   const handleStartCcConnectTeam = useCallback(() => {
     void (async () => {
@@ -1590,7 +1738,6 @@ export const TeamDetailView = ({
         openLaunchDialog('launch');
         return;
       }
-      await api.ccSettings.restart();
       await api.teams.launchTeam({
         teamName,
         cwd: data.config.projectPath,
@@ -1631,7 +1778,6 @@ export const TeamDetailView = ({
   );
 
   const handleRestartTeamFromEdit = useCallback(async (): Promise<void> => {
-    await api.ccSettings.restart();
     await Promise.all([fetchTeams(), selectTeam(teamName)]);
   }, [fetchTeams, selectTeam, teamName]);
 
@@ -1677,12 +1823,12 @@ export const TeamDetailView = ({
 
   const handleSelectMember = useCallback((member: ResolvedTeamMember) => {
     setSelectedMember(member);
-    setSelectedMemberView(null);
+    setSelectedMember(null);
   }, []);
 
   const closeSelectedMemberDialog = useCallback(() => {
     setSelectedMember(null);
-    setSelectedMemberView(null);
+    setSelectedMember(null);
   }, []);
 
   const handleSendMessageToMember = useCallback((member: ResolvedTeamMember) => {
@@ -1771,7 +1917,7 @@ export const TeamDetailView = ({
     const member = membersWithLiveBranches.find((m) => m.name === pendingMemberProfile);
     if (member) {
       setSelectedMember(member);
-      setSelectedMemberView(null);
+      setSelectedMember(null);
     }
     useStore.getState().closeMemberProfile();
   }, [pendingMemberProfile, membersWithLiveBranches]);
@@ -1837,9 +1983,6 @@ export const TeamDetailView = ({
     void (async () => {
       try {
         const result = await deleteTeam(teamName);
-        if (result.restartRequired) {
-          await api.ccSettings.restart();
-        }
         await fetchTeams();
         setDeleteConfirmOpen(false);
         if (tabId) closeTab(tabId);
@@ -1906,7 +2049,7 @@ export const TeamDetailView = ({
       tasks: data?.tasks ?? [],
       isTeamAlive: data?.isAlive,
       timeWindow,
-      teamSessionIds,
+      sessions: ccSessions,
       currentLeadSessionId: data?.config.leadSessionId,
       pendingRepliesByMember,
       onPendingReplyChange: setPendingRepliesByMember,
@@ -1921,12 +2064,12 @@ export const TeamDetailView = ({
       data?.config.leadSessionId,
       data?.isAlive,
       data?.tasks,
+      ccSessions,
       handleReplyToMessage,
       handleRestartTeam,
       handleSelectMember,
       pendingRepliesByMember,
       teamName,
-      teamSessionIds,
       timeWindow,
       keepMessagesInline,
     ]
@@ -1989,6 +2132,7 @@ export const TeamDetailView = ({
     if (error === 'TEAM_DRAFT') {
       const draftTeamSummary = useStore.getState().teamByName[teamName];
       const draftDisplayName = draftTeamSummary?.displayName || teamName;
+      const draftCwd = draftTeamSummary?.projectPath || draftTeamSummary?.workDir || '';
 
       return (
         <>
@@ -1996,44 +2140,27 @@ export const TeamDetailView = ({
             <div ref={provisioningBannerRef}>
               <TeamProvisioningBanner teamName={teamName} />
             </div>
-            <div className="flex min-h-[calc(100vh-12rem)] items-center justify-center">
-              <div className="max-w-md text-center">
-                <p className="text-sm font-medium text-text">团队尚未启动</p>
-                <p className="mt-2 text-xs text-text-secondary">
-                  这是一个草稿团队。<strong>{draftDisplayName}</strong>{' '}
-                  尚未完成启动，点击“启动团队”后即可选择模型并进入动态编排。
-                </p>
-                <div className="mt-4 flex justify-center gap-2">
-                  <button
-                    className="rounded-md bg-blue-600 px-4 py-1.5 text-xs font-medium text-white transition-colors hover:bg-blue-500"
-                    onClick={() => openLaunchDialog('launch')}
-                  >
-                    启动团队
-                  </button>
-                  <button
-                    className="rounded-md bg-surface-raised px-4 py-1.5 text-xs font-medium text-text-secondary transition-colors hover:text-text"
-                    onClick={() => {
-                      void api.teams.deleteDraft(teamName).catch(() => {});
-                    }}
-                  >
-                    删除
-                  </button>
-                </div>
-              </div>
+            <div className="flex items-center gap-3 py-2">
+              <p className="text-sm font-medium text-text">{draftDisplayName}</p>
+              <span className="rounded-full bg-blue-500/20 px-2 py-0.5 text-[10px] font-medium text-blue-400">
+                {getCommandForHarness()}
+              </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>
           </div>
-          <LaunchTeamDialog
-            mode={launchDialogState.mode}
-            open={launchDialogOpen}
-            teamName={teamName}
-            members={[]}
-            defaultProjectPath={draftTeamSummary?.projectPath}
-            provisioningError={provisioningError}
-            clearProvisioningError={clearProvisioningError}
-            onClose={closeLaunchDialog}
-            onLaunch={handleLaunchDialogSubmit}
-            onRelaunch={handleRelaunchDialogSubmit}
-          />
         </>
       );
     }
@@ -2110,13 +2237,16 @@ export const TeamDetailView = ({
                       <h2 className="text-base font-semibold text-[var(--color-text)]">
                         {data.config.name}
                       </h2>
-                      {data.isAlive && (
-                        <span 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">
+                      {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.isAlive && isTeamProvisioning && (
+                      ))}
+                      {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" />
                           启动中...
@@ -2125,6 +2255,18 @@ export const TeamDetailView = ({
                     </div>
                   </div>
                   <div className="flex shrink-0 items-center gap-1.5">
+                    {teamName !== SYSTEM_MANAGER_TEAM_NAME ? (
+                      <Button
+                        variant="outline"
+                        size="sm"
+                        className="h-7 gap-1.5 px-2.5 text-xs text-[var(--color-text-secondary)]"
+                        disabled={isTeamProvisioning}
+                        onClick={() => setBindingDialogOpen(true)}
+                      >
+                        <Link size={12} />
+                        运行时
+                      </Button>
+                    ) : null}
                     <Button
                       variant="outline"
                       size="sm"
@@ -2146,32 +2288,21 @@ export const TeamDetailView = ({
                         </Button>
                       </PopoverTrigger>
                       <PopoverContent align="end" className="w-44 p-1">
-                        {data.config.projectPath && (
-                          <button
-                            type="button"
-                            className="flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-xs text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-raised)] hover:text-[var(--color-text)]"
-                            onClick={() => {
-                              setHeaderMenuOpen(false);
-                              setEnvDialogOpen(true);
-                            }}
-                          >
-                            <Shield size={13} />
-                            环境变量
-                          </button>
-                        )}
-                        {teamName !== 'default' && teamName !== 'my-project' && (
-                          <button
-                            type="button"
-                            className="flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-xs text-red-400 hover:bg-red-500/10"
-                            onClick={() => {
-                              setHeaderMenuOpen(false);
-                              handleDeleteTeam();
-                            }}
-                          >
-                            <Trash2 size={13} />
-                            删除团队
-                          </button>
-                        )}
+                        {teamName !== 'default' &&
+                          teamName !== 'my-project' &&
+                          teamName !== SYSTEM_MANAGER_TEAM_NAME && (
+                            <button
+                              type="button"
+                              className="flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-xs text-red-400 hover:bg-red-500/10"
+                              onClick={() => {
+                                setHeaderMenuOpen(false);
+                                handleDeleteTeam();
+                              }}
+                            >
+                              <Trash2 size={13} />
+                              删除团队
+                            </button>
+                          )}
                       </PopoverContent>
                     </Popover>
                   </div>
@@ -2282,15 +2413,38 @@ export const TeamDetailView = ({
               </CollapsibleTeamSection>
 
               <CollapsibleTeamSection
-                sectionId="tools"
-                title="工具"
-                icon={<Wrench size={14} />}
-                defaultOpen={false}
+                sectionId="team-sessions"
+                title="会话"
+                icon={<MessageSquare size={14} />}
+                badge={ccSessions.length}
+                defaultOpen={ccSessions.length > 0}
+                action={
+                  ccSessions.length > 0 ? (
+                    <button
+                      type="button"
+                      className="inline-flex items-center gap-1 rounded-md px-2 py-0.5 text-[11px] text-[var(--color-text-muted)] transition-colors hover:bg-[var(--color-surface-raised)] hover:text-[var(--color-text)] disabled:cursor-not-allowed disabled:opacity-50"
+                      onClick={(e) => {
+                        e.stopPropagation();
+                        void handleExportAllCcSessions();
+                      }}
+                      disabled={ccExporting}
+                      title="导出所有会话为 CSV 表格"
+                    >
+                      {ccExporting ? (
+                        <Loader2 size={12} className="animate-spin" />
+                      ) : (
+                        <Download size={12} />
+                      )}
+                      导出
+                    </button>
+                  ) : undefined
+                }
               >
-                <ToolsSection
+                <CcSessionsSection
                   teamName={teamName}
-                  projectPath={data.config.projectPath ?? null}
-                  harnessType={data.harness}
+                  sessions={ccSessions}
+                  loading={ccSessionsLoading}
+                  error={ccSessionsError}
                 />
               </CollapsibleTeamSection>
 
@@ -2487,8 +2641,6 @@ export const TeamDetailView = ({
                 </div>
               </CollapsibleTeamSection>
 
-              <TeamMessagesPanelBridge position="inline" {...sharedMessagesPanelProps} />
-
               {(data.processes?.length ?? 0) > 0 && (
                 <CollapsibleTeamSection
                   sectionId="processes"
@@ -2547,8 +2699,6 @@ export const TeamDetailView = ({
                 teamName={teamName}
                 members={membersWithLiveBranches}
                 tasks={data.tasks}
-                initialTab={selectedMemberView?.initialTab}
-                initialActivityFilter={selectedMemberView?.initialActivityFilter}
                 isTeamAlive={data.isAlive}
                 isTeamProvisioning={isTeamProvisioning}
                 launchParams={launchParams}
@@ -2595,18 +2745,6 @@ export const TeamDetailView = ({
                 }}
               />
 
-              <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) => {
@@ -2785,14 +2923,72 @@ export const TeamDetailView = ({
       {spawnStatusWatcher}
       {teamAgentRuntimeWatcher}
       {leadContextWatcher}
-      {renderBody()}
+      <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>
+      {data && teamName !== SYSTEM_MANAGER_TEAM_NAME ? (
+        <RuntimeConfigDialog
+          open={bindingDialogOpen}
+          teamName={teamName}
+          onClose={() => setBindingDialogOpen(false)}
+        />
+      ) : null}
       <EditTeamDialog
         open={editDialogOpen}
         teamName={teamName}
         onClose={() => setEditDialogOpen(false)}
-        onDeleteTeam={
-          teamName !== 'default' && teamName !== 'my-project' ? handleDeleteTeam : undefined
-        }
       />
     </>
   );