@yancyyu/openhermit 1.6.29 → 1.6.31

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

@@ -22,6 +22,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from '@renderer/components/ui/dialog';
+import { Popover, PopoverContent, PopoverTrigger } from '@renderer/components/ui/popover';
 import { Tooltip, TooltipContent, TooltipTrigger } from '@renderer/components/ui/tooltip';
 import { getTeamColorSet, getThemedBadge } from '@renderer/constants/teamColors';
 import { useTabIdOptional } from '@renderer/contexts/useTabUIContext';
@@ -69,6 +70,8 @@ import {
   Trash2,
   Loader2,
   MessageSquare,
+  MoreHorizontal,
+  Shield,
   Users,
 } from 'lucide-react';
 import { useShallow } from 'zustand/react/shallow';
@@ -96,6 +99,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,
@@ -880,22 +884,8 @@ export const TeamDetailView = ({
   const [removeMemberConfirm, setRemoveMemberConfirm] = useState<string | null>(null);
   const [updatingRoleLoading, setUpdatingRoleLoading] = useState(false);
   const [editDialogOpen, setEditDialogOpen] = useState(false);
-  const [savedLaunchRequest, setSavedLaunchRequest] = useState<TeamLaunchRequest | null>(null);
-  useEffect(() => {
-    if (!editDialogOpen || !teamName) return;
-    let cancelled = false;
-    void (async () => {
-      try {
-        const saved = await api.teams.getSavedRequest(teamName);
-        if (!cancelled) setSavedLaunchRequest(saved ?? null);
-      } catch {
-        if (!cancelled) setSavedLaunchRequest(null);
-      }
-    })();
-    return () => {
-      cancelled = true;
-    };
-  }, [editDialogOpen, teamName]);
+  const [envDialogOpen, setEnvDialogOpen] = useState(false);
+  const [headerMenuOpen, setHeaderMenuOpen] = useState(false);
   const [launchDialogState, setLaunchDialogState] = useState<{
     open: boolean;
     mode: TeamLaunchDialogMode;
@@ -1640,11 +1630,7 @@ export const TeamDetailView = ({
 
   const handleRestartTeamFromEdit = useCallback(async (): Promise<void> => {
     await api.ccSettings.restart();
-    // Wait for cc-connect to come back, then refresh
-    setTimeout(() => {
-      void fetchTeams();
-      void selectTeam(teamName);
-    }, 3000);
+    await Promise.all([fetchTeams(), selectTeam(teamName)]);
   }, [fetchTeams, selectTeam, teamName]);
 
   const handleSaveAndRestartFromEdit = useCallback(
@@ -2086,24 +2072,6 @@ export const TeamDetailView = ({
     const headerColorSet = data.config.color
       ? getTeamColorSet(data.config.color)
       : nameColorSet(data.config.name);
-    const rawTeamSettings = (data.settings ?? {}) as Record<string, unknown>;
-    const currentManagedSources =
-      data.config.managedSources ??
-      (typeof rawTeamSettings.admin_from === 'string' ? rawTeamSettings.admin_from : '*');
-    const currentDisabledCommands =
-      data.config.disabledCommands ??
-      (Array.isArray(rawTeamSettings.disabled_commands)
-        ? rawTeamSettings.disabled_commands.filter(
-            (entry): entry is string => typeof entry === 'string' && entry.trim().length > 0
-          )
-        : []);
-    const currentPlatformAllowFrom =
-      data.config.platformAllowFrom ??
-      (typeof rawTeamSettings.platform_allow_from === 'object' &&
-      rawTeamSettings.platform_allow_from !== null &&
-      !Array.isArray(rawTeamSettings.platform_allow_from)
-        ? (rawTeamSettings.platform_allow_from as Record<string, string>)
-        : {});
 
     return (
       <>
@@ -2155,37 +2123,55 @@ export const TeamDetailView = ({
                     </div>
                   </div>
                   <div className="flex shrink-0 items-center gap-1.5">
-                    <Tooltip>
-                      <TooltipTrigger asChild>
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      className="h-7 gap-1.5 px-2.5 text-xs text-[var(--color-text-secondary)]"
+                      disabled={isTeamProvisioning}
+                      onClick={() => setEditDialogOpen(true)}
+                    >
+                      <Pencil size={12} />
+                      编辑
+                    </Button>
+                    <Popover open={headerMenuOpen} onOpenChange={setHeaderMenuOpen}>
+                      <PopoverTrigger 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)]"
-                          disabled={isTeamProvisioning}
-                          onClick={() => setEditDialogOpen(true)}
+                          className="h-7 w-7 px-0 text-[var(--color-text-muted)]"
                         >
-                          <Pencil size={12} />
+                          <MoreHorizontal size={14} />
                         </Button>
-                      </TooltipTrigger>
-                      <TooltipContent side="bottom">
-                        {isTeamProvisioning ? '团队仍在编排中，暂时无法编辑' : '编辑团队'}
-                      </TooltipContent>
-                    </Tooltip>
-                    {teamName !== 'default' && teamName !== 'my-project' && (
-                      <Tooltip>
-                        <TooltipTrigger asChild>
-                          <Button
-                            variant="ghost"
-                            size="sm"
-                            className="h-7 gap-1 px-2 text-xs text-red-400 hover:bg-red-500/10 hover:text-red-300"
-                            onClick={handleDeleteTeam}
+                      </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);
+                            }}
                           >
-                            <Trash2 size={12} />
-                          </Button>
-                        </TooltipTrigger>
-                        <TooltipContent side="bottom">删除团队</TooltipContent>
-                      </Tooltip>
-                    )}
+                            <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>
+                        )}
+                      </PopoverContent>
+                    </Popover>
                   </div>
                 </div>
                 {data.config.description && (
@@ -2257,10 +2243,6 @@ export const TeamDetailView = ({
                 })()}
               </div>
 
-              {!data.isAlive && !isTeamProvisioning ? (
-                <TeamOfflineStatusBanner teamName={teamName} onLaunch={handleStartCcConnectTeam} />
-              ) : null}
-
               <div ref={provisioningBannerRef}>
                 <TeamProvisioningBanner teamName={teamName} />
               </div>
@@ -2302,6 +2284,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={
@@ -2593,61 +2580,17 @@ export const TeamDetailView = ({
                 }}
               />
 
-              <EditTeamDialog
-                open={editDialogOpen}
-                teamName={teamName}
-                currentName={data.config.name}
-                currentDescription={data.config.description ?? ''}
-                currentColor={data.config.color ?? ''}
-                currentAgentType={data.config.agentType ?? data.harness ?? 'cursor'}
-                currentWorkDir={data.workDir ?? data.config.projectPath ?? ''}
-                currentPermissionMode={
-                  data.config.permissionMode ?? data.permissionMode ?? 'default'
-                }
-                currentLanguage={
-                  data.config.language ??
-                  (typeof rawTeamSettings.language === 'string' ? rawTeamSettings.language : 'zh')
-                }
-                currentShowContextIndicator={
-                  data.config.showContextIndicator ??
-                  (typeof rawTeamSettings.show_context_indicator === 'boolean'
-                    ? rawTeamSettings.show_context_indicator
-                    : true)
-                }
-                currentReplyFooter={
-                  data.config.replyFooter ??
-                  (typeof rawTeamSettings.reply_footer === 'boolean'
-                    ? rawTeamSettings.reply_footer
-                    : true)
-                }
-                currentInjectSender={
-                  data.config.injectSender ??
-                  (typeof rawTeamSettings.inject_sender === 'boolean'
-                    ? rawTeamSettings.inject_sender
-                    : false)
-                }
-                currentManagedSources={currentManagedSources}
-                currentDisabledCommands={currentDisabledCommands}
-                currentPlatformAllowFrom={currentPlatformAllowFrom}
-                currentProviderRefs={data.providerRefs ?? []}
-                globalProviders={data.globalProviders ?? []}
-                currentMembers={membersWithLiveBranches.filter((m) => !isLeadMember(m))}
-                leadMember={membersWithLiveBranches.find((m) => isLeadMember(m)) ?? null}
-                resolvedMemberColorMap={resolvedMemberColorMap}
-                isTeamAlive={data.isAlive && !isTeamProvisioning}
-                isTeamProvisioning={isTeamProvisioning}
-                projectPath={data.config.projectPath}
-                savedLaunchRequest={savedLaunchRequest}
-                onClose={() => setEditDialogOpen(false)}
-                onSaved={() => {
-                  void fetchTeams();
-                  void selectTeam(teamName);
-                }}
-                onDeleteTeam={
-                  teamName !== 'default' && teamName !== 'my-project' ? handleDeleteTeam : undefined
-                }
-                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}
@@ -2828,6 +2771,14 @@ export const TeamDetailView = ({
       {teamAgentRuntimeWatcher}
       {leadContextWatcher}
       {renderBody()}
+      <EditTeamDialog
+        open={editDialogOpen}
+        teamName={teamName}
+        onClose={() => setEditDialogOpen(false)}
+        onDeleteTeam={
+          teamName !== 'default' && teamName !== 'my-project' ? handleDeleteTeam : undefined
+        }
+      />
     </>
   );
 };

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

@@ -79,10 +79,6 @@ export const TeamListFilterPopover = ({
     () => teams.filter((t) => aliveSet.has(t.teamName)).length,
     [teams, aliveSet]
   );
-  const offlineCount = useMemo(
-    () => teams.filter((t) => !aliveSet.has(t.teamName)).length,
-    [teams, aliveSet]
-  );
 
   return (
     <Popover>
@@ -125,18 +121,6 @@ export const TeamListFilterPopover = ({
                 <span className="text-[var(--color-text-muted)]">({runningCount})</span>
               </span>
             </label>
-            {/* eslint-disable-next-line jsx-a11y/label-has-associated-control -- Radix Checkbox renders a button, not a native input */}
-            <label className="flex cursor-pointer items-center gap-2 rounded-md px-1 py-0.5 text-xs text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-raised)]">
-              <Checkbox
-                checked={filter.selectedStatuses.has('offline')}
-                onCheckedChange={() => handleStatusToggle('offline')}
-              />
-              <span className="flex items-center gap-1.5">
-                <span className="size-1.5 rounded-full bg-zinc-500" />
-                离线
-                <span className="text-[var(--color-text-muted)]">({offlineCount})</span>
-              </span>
-            </label>
           </div>
         </div>
 

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

@@ -85,7 +85,7 @@ function generateUniqueName(sourceName: string, existingNames: string[]): string
   }
 }
 
-type TeamStatus = 'active' | 'idle' | 'provisioning' | 'offline';
+type TeamStatus = 'active' | 'idle' | 'provisioning';
 
 function getRecentProjects(team: TeamSummary): string[] {
   const history = team.projectPathHistory;
@@ -162,7 +162,7 @@ function renderMemberChips(members: TeamSummaryMember[], isLight: boolean): Reac
 
 function renderTeamRecentPaths(
   team: TeamSummary,
-  status: TeamStatus,
+  status: TeamStatus | null,
   matchesCurrentProject: boolean,
   isLight: boolean
 ): React.JSX.Element | null {
@@ -211,7 +211,7 @@ function resolveTeamStatus(
   aliveTeams: string[],
   currentProgress: ReturnType<typeof getCurrentProvisioningProgressForTeam>,
   leadActivityByTeam: Record<string, string>
-): TeamStatus {
+): TeamStatus | null {
   if (aliveTeams.includes(teamName)) {
     return leadActivityByTeam[teamName] === 'active' ? 'active' : 'idle';
   }
@@ -223,10 +223,11 @@ function resolveTeamStatus(
   ) {
     return 'provisioning';
   }
-  return 'offline';
+  return null;
 }
 
-const StatusBadge = ({ status }: { status: TeamStatus }): React.JSX.Element => {
+const StatusBadge = ({ status }: { status: TeamStatus | null }): React.JSX.Element | null => {
+  if (!status) return null;
   switch (status) {
     case 'active':
       return (
@@ -249,13 +250,6 @@ const StatusBadge = ({ status }: { status: TeamStatus }): React.JSX.Element => {
           启动中...
         </span>
       );
-    case 'offline':
-      return (
-        <span className="inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-full bg-zinc-500/15 px-2 py-0.5 text-[10px] font-medium text-zinc-500">
-          <span className="size-1.5 rounded-full bg-zinc-500" />
-          离线
-        </span>
-      );
   }
 };
 
@@ -436,9 +430,8 @@ export const TeamListView = (): React.JSX.Element => {
           getCurrentProvisioningProgressForTeam(provisioningState, t.teamName),
           leadActivityByTeam
         );
-        const isRunning = status !== 'offline';
+        const isRunning = status !== null;
         if (filter.selectedStatuses.has('running') && isRunning) return true;
-        if (filter.selectedStatuses.has('offline') && !isRunning) return true;
         return false;
       });
     }
@@ -1154,24 +1147,6 @@ export const TeamListView = (): React.JSX.Element => {
                         })()}
                     </div>
                     <div className="flex shrink-0 gap-1">
-                      {status === 'offline' && team.projectPath && (
-                        <Tooltip>
-                          <TooltipTrigger asChild>
-                            <button
-                              type="button"
-                              className="shrink-0 rounded p-1 text-[var(--color-text-muted)] opacity-0 transition-opacity hover:bg-emerald-500/10 hover:text-emerald-300 disabled:opacity-50 group-hover:opacity-100"
-                              onClick={(e) => handleLaunchTeam(team.teamName, team.projectPath, e)}
-                              disabled={launchingTeamName === team.teamName}
-                              aria-label="启动团队"
-                            >
-                              <Play size={14} fill="currentColor" />
-                            </button>
-                          </TooltipTrigger>
-                          <TooltipContent side="bottom">
-                            {launchingTeamName === team.teamName ? '启动中…' : '启动团队'}
-                          </TooltipContent>
-                        </Tooltip>
-                      )}
                       {!team.pendingCreate && (
                         <Tooltip>
                           <TooltipTrigger asChild>

package/src/renderer/components/team/dialogs/CreateTeamDialog.tsx

@@ -44,7 +44,8 @@ import {
   X,
 } from 'lucide-react';
 
-import { ALL_AGENT_TYPES, AGENT_TYPE_LABELS } from '../HarnessCards';
+import { AGENT_TYPE_LABELS } from '../HarnessCards';
+import { HarnessSelect } from '../HarnessSelect';
 import { ProjectPathSelector } from './ProjectPathSelector';
 import { OptionalSettingsSection } from './OptionalSettingsSection';
 import { AutoResizeTextarea } from '@renderer/components/ui/auto-resize-textarea';
@@ -52,7 +53,13 @@ import { platformMeta, isQRPlatform } from './platformMeta';
 import PlatformSetupQR from './PlatformSetupQR';
 import PlatformManualForm from './PlatformManualForm';
 
-import type { Project, TeamCreateRequest } from '@shared/types';
+import type {
+  EffortLevel,
+  Project,
+  TeamCreateRequest,
+  TeamFastMode,
+  TeamProviderId,
+} from '@shared/types';
 import type { CcAgentType } from '@shared/types/ccConnect';
 import type { GlobalProvider } from '@shared/types/providers';
 
@@ -69,6 +76,14 @@ export interface TeamCopyData {
   teamName: string;
   description?: string;
   color?: string;
+  providerId?: TeamProviderId;
+  model?: string;
+  effort?: EffortLevel;
+  fastMode?: TeamFastMode;
+  limitContext?: boolean;
+  skipPermissions?: boolean;
+  templateSourceId?: string;
+  templateDirectoryId?: string;
 }
 
 // ---------------------------------------------------------------------------
@@ -549,18 +564,12 @@ export const CreateTeamDialog = ({
 
             <div className="space-y-1.5">
               <Label htmlFor="team-harness">Agent 类型</Label>
-              <select
+              <HarnessSelect
                 id="team-harness"
-                className="flex w-full rounded-md border border-[var(--color-border)] bg-transparent px-3 py-2 text-sm"
                 value={selectedHarness}
-                onChange={(e) => setSelectedHarness(e.target.value as CcAgentType)}
-              >
-                {ALL_AGENT_TYPES.map((t) => (
-                  <option key={t} value={t}>
-                    {AGENT_TYPE_LABELS[t]}
-                  </option>
-                ))}
-              </select>
+                onChange={setSelectedHarness}
+                className="w-full"
+              />
             </div>
 
             <ProjectPathSelector