@yancyyu/openhermit 1.5.8

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

@@ -0,0 +1,448 @@
+import { useEffect, useState } from 'react';
+
+import { api } from '@renderer/api';
+import { ALL_AGENT_TYPES, AGENT_TYPE_LABELS } from '@renderer/components/team/HarnessCards';
+import { Button } from '@renderer/components/ui/button';
+import { Checkbox } from '@renderer/components/ui/checkbox';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@renderer/components/ui/dialog';
+import { Loader2, Trash2 } from 'lucide-react';
+
+import type { ResolvedTeamMember } from '@shared/types';
+
+interface EditTeamDialogProps {
+  open: boolean;
+  teamName: string;
+  currentName: string;
+  currentDescription: string;
+  currentColor: string;
+  currentAgentType?: string;
+  currentWorkDir?: string;
+  currentPermissionMode?: string;
+  currentLanguage?: string;
+  currentShowContextIndicator?: boolean;
+  currentReplyFooter?: boolean;
+  currentInjectSender?: boolean;
+  currentManagedSources?: string;
+  currentDisabledCommands?: string[];
+  currentPlatformAllowFrom?: Record<string, string>;
+  currentMembers: ResolvedTeamMember[];
+  leadMember?: ResolvedTeamMember | null;
+  resolvedMemberColorMap?: ReadonlyMap<string, string>;
+  isTeamAlive?: boolean;
+  isTeamProvisioning?: boolean;
+  projectPath?: string | null;
+  /** Deprecated in cc-connect mode: runtime edits are managed from Harness configuration. */
+  savedLaunchRequest?: unknown;
+  onClose: () => void;
+  onSaved: () => Promise<void> | void;
+  onRestartTeam?: () => Promise<void> | void;
+  onDeleteTeam?: () => void;
+  /** Deprecated in cc-connect mode: edit team no longer restarts runtime. */
+  onSaveAndRestart?: unknown;
+}
+
+const PERMISSION_MODE_OPTIONS = [
+  { value: 'default', label: '默认' },
+  { value: 'acceptEdits', label: '自动接受编辑' },
+  { value: 'bypassPermissions', label: '跳过权限确认' },
+  { value: 'plan', label: '计划模式' },
+] as const;
+
+export const EditTeamDialog = ({
+  open,
+  teamName,
+  currentName,
+  currentDescription,
+  currentColor,
+  currentAgentType = 'cursor',
+  currentWorkDir = '',
+  currentPermissionMode = 'default',
+  currentLanguage = 'zh',
+  currentShowContextIndicator = true,
+  currentReplyFooter = true,
+  currentInjectSender = false,
+  currentManagedSources = '*',
+  currentDisabledCommands = [],
+  currentPlatformAllowFrom = {},
+  isTeamProvisioning = false,
+  onClose,
+  onSaved,
+  onDeleteTeam,
+}: EditTeamDialogProps): React.JSX.Element => {
+  const [name, setName] = useState(currentName);
+  const [description, setDescription] = useState(currentDescription);
+  const [agentType, setAgentType] = useState(currentAgentType);
+  const [teamWorkDir, setTeamWorkDir] = useState(currentWorkDir);
+  const [permissionMode, setPermissionMode] = useState(currentPermissionMode);
+  const [language, setLanguage] = useState(currentLanguage);
+  const [showContextIndicator, setShowContextIndicator] = useState(currentShowContextIndicator);
+  const [replyFooter, setReplyFooter] = useState(currentReplyFooter);
+  const [injectSender, setInjectSender] = useState(currentInjectSender);
+  const [managedSources, setManagedSources] = useState(currentManagedSources);
+  const [disabledCommandsInput, setDisabledCommandsInput] = useState(
+    currentDisabledCommands.join(', ')
+  );
+  const [feishuAllowFrom, setFeishuAllowFrom] = useState(currentPlatformAllowFrom.feishu ?? '*');
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    if (!open) return;
+    setName(currentName);
+    setDescription(currentDescription);
+    setAgentType(currentAgentType);
+    setTeamWorkDir(currentWorkDir);
+    setPermissionMode(currentPermissionMode);
+    setLanguage(currentLanguage);
+    setShowContextIndicator(currentShowContextIndicator);
+    setReplyFooter(currentReplyFooter);
+    setInjectSender(currentInjectSender);
+    setManagedSources(currentManagedSources);
+    setDisabledCommandsInput(currentDisabledCommands.join(', '));
+    setFeishuAllowFrom(currentPlatformAllowFrom.feishu ?? '*');
+    setError(null);
+  }, [
+    open,
+    currentName,
+    currentDescription,
+    currentAgentType,
+    currentWorkDir,
+    currentPermissionMode,
+    currentLanguage,
+    currentShowContextIndicator,
+    currentReplyFooter,
+    currentInjectSender,
+    currentManagedSources,
+    currentDisabledCommands,
+    currentPlatformAllowFrom,
+  ]);
+
+  const clearError = (): void => setError(null);
+
+  const handleSave = (): void => {
+    if (!name.trim()) {
+      setError('团队名称不能为空');
+      return;
+    }
+    if (isTeamProvisioning) {
+      setError('团队仍在启动准备中，暂时不能编辑设置。请等待启动完成后再试。');
+      return;
+    }
+
+    const disabledCommands = disabledCommandsInput
+      .split(',')
+      .map((entry) => entry.trim())
+      .filter((entry) => entry.length > 0);
+    const feishu = feishuAllowFrom.trim();
+
+    setSaving(true);
+    setError(null);
+    void (async () => {
+      try {
+        await api.teams.updateConfig(teamName, {
+          name: name.trim(),
+          description: description.trim(),
+          color: currentColor,
+          agentType: agentType.trim() || undefined,
+          workDir: teamWorkDir.trim() || undefined,
+          permissionMode: permissionMode.trim() || undefined,
+          showContextIndicator,
+          replyFooter,
+          injectSender,
+          language: language.trim() || undefined,
+          managedSources: managedSources.trim() || undefined,
+          disabledCommands,
+          platformAllowFrom: feishu ? { feishu } : {},
+        });
+        await Promise.resolve(onSaved());
+        onClose();
+      } catch (err) {
+        setError(err instanceof Error ? err.message : '保存失败');
+      } finally {
+        setSaving(false);
+      }
+    })();
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={(nextOpen) => !nextOpen && onClose()}>
+      <DialogContent className="max-w-2xl">
+        <DialogHeader>
+          <DialogTitle>编辑团队</DialogTitle>
+          <DialogDescription>修改团队名称、描述和 cc-connect 项目参数</DialogDescription>
+        </DialogHeader>
+
+        <div className="space-y-3">
+          <div>
+            <label
+              htmlFor="edit-team-name"
+              className="mb-1 block text-xs font-medium text-[var(--color-text-secondary)]"
+            >
+              名称
+            </label>
+            <input
+              id="edit-team-name"
+              type="text"
+              value={name}
+              onChange={(event) => {
+                clearError();
+                setName(event.target.value);
+              }}
+              onKeyDown={(event) => {
+                if (event.key === 'Enter' && !saving && name.trim()) handleSave();
+              }}
+              className="w-full rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-1.5 text-sm text-[var(--color-text)] outline-none focus:border-[var(--color-border-emphasis)]"
+              placeholder="团队名称"
+            />
+          </div>
+
+          <div>
+            <label
+              htmlFor="edit-team-description"
+              className="mb-1 block text-xs font-medium text-[var(--color-text-secondary)]"
+            >
+              描述
+            </label>
+            <textarea
+              id="edit-team-description"
+              value={description}
+              onChange={(event) => {
+                clearError();
+                setDescription(event.target.value);
+              }}
+              rows={3}
+              className="w-full resize-none rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-1.5 text-sm text-[var(--color-text)] outline-none focus:border-[var(--color-border-emphasis)]"
+              placeholder="团队描述（可选）"
+            />
+          </div>
+
+          <div className="space-y-3 rounded-md border border-[var(--color-border)] p-3">
+            <div>
+              <h3 className="text-sm font-medium text-[var(--color-text)]">Agent 配置</h3>
+              <p className="mt-0.5 text-xs text-[var(--color-text-muted)]">
+                这里直接维护 cc-connect 项目的基础运行参数。运行时模型和 Provider 请到 Harness 配置中管理。
+              </p>
+            </div>
+
+            <div className="grid gap-3 md:grid-cols-2">
+              <div>
+                <label className="mb-1 block text-xs font-medium text-[var(--color-text-secondary)]">
+                  Agent 类型
+                </label>
+                <select
+                  value={agentType}
+                  onChange={(event) => {
+                    clearError();
+                    setAgentType(event.target.value);
+                  }}
+                  className="w-full rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-1.5 text-sm text-[var(--color-text)] outline-none focus:border-[var(--color-border-emphasis)]"
+                >
+                  {ALL_AGENT_TYPES.map((type) => (
+                    <option key={type} value={type}>
+                      {AGENT_TYPE_LABELS[type]}
+                    </option>
+                  ))}
+                </select>
+              </div>
+
+              <div>
+                <label className="mb-1 block text-xs font-medium text-[var(--color-text-secondary)]">
+                  权限模式
+                </label>
+                <select
+                  value={permissionMode}
+                  onChange={(event) => {
+                    clearError();
+                    setPermissionMode(event.target.value);
+                  }}
+                  className="w-full rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-1.5 text-sm text-[var(--color-text)] outline-none focus:border-[var(--color-border-emphasis)]"
+                >
+                  {PERMISSION_MODE_OPTIONS.map((option) => (
+                    <option key={option.value} value={option.value}>
+                      {option.label}
+                    </option>
+                  ))}
+                </select>
+              </div>
+            </div>
+
+            <div>
+              <label className="mb-1 block text-xs font-medium text-[var(--color-text-secondary)]">
+                工作目录
+              </label>
+              <input
+                type="text"
+                value={teamWorkDir}
+                onChange={(event) => {
+                  clearError();
+                  setTeamWorkDir(event.target.value);
+                }}
+                className="w-full rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-1.5 font-mono text-sm text-[var(--color-text)] outline-none focus:border-[var(--color-border-emphasis)]"
+                placeholder="/Users/you/code/project"
+              />
+            </div>
+
+            <div className="grid gap-3 md:grid-cols-2">
+              <div>
+                <label className="mb-1 block text-xs font-medium text-[var(--color-text-secondary)]">
+                  语言
+                </label>
+                <input
+                  type="text"
+                  value={language}
+                  onChange={(event) => {
+                    clearError();
+                    setLanguage(event.target.value);
+                  }}
+                  className="w-full rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-1.5 text-sm text-[var(--color-text)] outline-none focus:border-[var(--color-border-emphasis)]"
+                  placeholder="zh"
+                />
+              </div>
+
+              <div>
+                <label className="mb-1 block text-xs font-medium text-[var(--color-text-secondary)]">
+                  管理来源
+                </label>
+                <input
+                  type="text"
+                  value={managedSources}
+                  onChange={(event) => {
+                    clearError();
+                    setManagedSources(event.target.value);
+                  }}
+                  className="w-full rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-1.5 text-sm text-[var(--color-text)] outline-none focus:border-[var(--color-border-emphasis)]"
+                  placeholder="user1,user2 或 *"
+                />
+              </div>
+            </div>
+
+            <div>
+              <label className="mb-1 block text-xs font-medium text-[var(--color-text-secondary)]">
+                已禁用命令
+              </label>
+              <input
+                type="text"
+                value={disabledCommandsInput}
+                onChange={(event) => {
+                  clearError();
+                  setDisabledCommandsInput(event.target.value);
+                }}
+                className="w-full rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-1.5 text-sm text-[var(--color-text)] outline-none focus:border-[var(--color-border-emphasis)]"
+                placeholder="restart, upgrade, cron"
+              />
+            </div>
+
+            <div>
+              <label className="mb-1 block text-xs font-medium text-[var(--color-text-secondary)]">
+                平台访问控制（Feishu 允许的用户）
+              </label>
+              <input
+                type="text"
+                value={feishuAllowFrom}
+                onChange={(event) => {
+                  clearError();
+                  setFeishuAllowFrom(event.target.value);
+                }}
+                className="w-full rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-1.5 text-sm text-[var(--color-text)] outline-none focus:border-[var(--color-border-emphasis)]"
+                placeholder="*"
+              />
+            </div>
+
+            <div className="grid gap-2 md:grid-cols-3">
+              <label
+                htmlFor="edit-team-show-context-indicator"
+                className="flex cursor-pointer items-center gap-2 rounded-md border border-[var(--color-border)] px-2 py-1.5 text-xs text-[var(--color-text-secondary)]"
+              >
+                <Checkbox
+                  id="edit-team-show-context-indicator"
+                  checked={showContextIndicator}
+                  onCheckedChange={(checked) => {
+                    clearError();
+                    setShowContextIndicator(checked === true);
+                  }}
+                />
+                上下文指示
+              </label>
+              <label
+                htmlFor="edit-team-reply-footer"
+                className="flex cursor-pointer items-center gap-2 rounded-md border border-[var(--color-border)] px-2 py-1.5 text-xs text-[var(--color-text-secondary)]"
+              >
+                <Checkbox
+                  id="edit-team-reply-footer"
+                  checked={replyFooter}
+                  onCheckedChange={(checked) => {
+                    clearError();
+                    setReplyFooter(checked === true);
+                  }}
+                />
+                回复尾部信息
+              </label>
+              <label
+                htmlFor="edit-team-inject-sender"
+                className="flex cursor-pointer items-center gap-2 rounded-md border border-[var(--color-border)] px-2 py-1.5 text-xs text-[var(--color-text-secondary)]"
+              >
+                <Checkbox
+                  id="edit-team-inject-sender"
+                  checked={injectSender}
+                  onCheckedChange={(checked) => {
+                    clearError();
+                    setInjectSender(checked === true);
+                  }}
+                />
+                注入发送者
+              </label>
+            </div>
+
+            {onDeleteTeam && (
+              <div className="rounded-md border border-red-500/40 bg-red-500/5 p-3">
+                <p className="text-xs font-medium text-red-300">危险操作</p>
+                <p className="mt-1 text-xs text-[var(--color-text-muted)]">
+                  删除项目会将团队从当前控制面板移除。
+                </p>
+                <Button
+                  type="button"
+                  variant="destructive"
+                  size="sm"
+                  className="mt-2"
+                  onClick={() => {
+                    onClose();
+                    window.setTimeout(onDeleteTeam, 0);
+                  }}
+                >
+                  <Trash2 size={14} className="mr-1.5" />
+                  删除项目
+                </Button>
+              </div>
+            )}
+          </div>
+
+          {isTeamProvisioning ? (
+            <p className="text-xs text-amber-300">团队仍在启动准备中，启动完成前暂时锁定编辑。</p>
+          ) : null}
+          {error ? <p className="text-xs text-red-400">{error}</p> : null}
+        </div>
+
+        <DialogFooter>
+          <Button variant="outline" size="sm" onClick={onClose} disabled={saving}>
+            取消
+          </Button>
+          <Button
+            size="sm"
+            onClick={handleSave}
+            disabled={saving || isTeamProvisioning || !name.trim()}
+          >
+            {saving && <Loader2 size={14} className="mr-1.5 animate-spin" />}
+            保存
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+};

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

@@ -0,0 +1,69 @@
+import React from 'react';
+
+import { Label } from '@renderer/components/ui/label';
+import { useEffectiveCliProviderStatus } from '@renderer/hooks/useEffectiveCliProviderStatus';
+import { cn } from '@renderer/lib/utils';
+import { getTeamEffortOptions } from '@renderer/utils/teamEffortOptions';
+import { Brain } from 'lucide-react';
+
+import type { TeamProviderId } from '@shared/types';
+
+export interface EffortLevelSelectorProps {
+  value: string;
+  onValueChange: (value: string) => void;
+  id?: string;
+  providerId?: TeamProviderId;
+  model?: string;
+  limitContext?: boolean;
+}
+
+export const EffortLevelSelector: React.FC<EffortLevelSelectorProps> = ({
+  value,
+  onValueChange,
+  id,
+  providerId,
+  model,
+  limitContext,
+}) => {
+  const { providerStatus } = useEffectiveCliProviderStatus(providerId);
+  const effortOptions = getTeamEffortOptions({ providerId, model, limitContext, providerStatus });
+  const showsAnthropicMax =
+    providerId === 'anthropic' && effortOptions.some((option) => option.value === 'max');
+
+  return (
+    <div className="mb-3">
+      <Label htmlFor={id} className="label-optional mb-1.5 block">
+        推理强度（可选）
+      </Label>
+      <div className="flex items-center gap-2">
+        <Brain size={16} className="shrink-0 text-[var(--color-text-muted)]" />
+        <div className="inline-flex flex-wrap rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] p-0.5">
+          {effortOptions.map((opt) => (
+            <button
+              key={opt.value || '__default__'}
+              type="button"
+              id={opt.value === value ? id : undefined}
+              className={cn(
+                'rounded-[3px] px-3 py-1 text-xs font-medium transition-colors',
+                value === opt.value
+                  ? 'bg-[var(--color-surface-raised)] text-[var(--color-text)] shadow-sm'
+                  : 'text-[var(--color-text-muted)] hover:text-[var(--color-text-secondary)]'
+              )}
+              onClick={() => onValueChange(opt.value)}
+            >
+              {opt.label}
+            </button>
+          ))}
+        </div>
+      </div>
+      <p className="mt-1 text-[11px] text-[var(--color-text-muted)]">
+        控制所选提供商在回复前投入多少推理。默认会使用该提供商针对所选模型的标准行为。
+      </p>
+      {showsAnthropicMax ? (
+        <p className="mt-1 text-[11px] text-[var(--color-text-muted)]">
+          Max 是 Anthropic 的更高强度推理模式，仅在实际启动模型支持时显示。
+        </p>
+      ) : null}
+    </div>
+  );
+};

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

@@ -0,0 +1,165 @@
+import { useCallback, useEffect, useMemo } from 'react';
+
+import { useStore } from '@renderer/store';
+import { selectResolvedMembersForTeamName } from '@renderer/store/slices/teamSlice';
+import { buildTaskChangeRequestOptions } from '@renderer/utils/taskChangeRequest';
+import { ExternalLink } from 'lucide-react';
+import { useShallow } from 'zustand/react/shallow';
+
+import {
+  hasSelectedTargetTeamData,
+  shouldKeepGlobalTaskDialogLoading,
+} from './globalTaskDetailDialogLoading';
+import { TaskDetailDialog } from './TaskDetailDialog';
+
+import type { GlobalTask, TeamTaskWithKanban } from '@shared/types';
+
+/**
+ * Global wrapper around TaskDetailDialog.
+ * Mounted at layout level so it can be opened from anywhere (e.g. sidebar)
+ * without navigating to the team page first.
+ */
+export const GlobalTaskDetailDialog = (): React.JSX.Element | null => {
+  const {
+    globalTaskDetail,
+    closeGlobalTaskDetail,
+    selectedTeamName,
+    selectedTeamData,
+    selectedTeamMembers,
+    selectedTeamLoading,
+    selectedTeamError,
+    selectTeam,
+    openTeamTab,
+    setPendingReviewRequest,
+    globalTasks,
+  } = useStore(
+    useShallow((s) => ({
+      globalTaskDetail: s.globalTaskDetail,
+      closeGlobalTaskDetail: s.closeGlobalTaskDetail,
+      selectedTeamName: s.selectedTeamName,
+      selectedTeamData: s.selectedTeamData,
+      selectedTeamMembers: selectResolvedMembersForTeamName(s, s.selectedTeamName),
+      selectedTeamLoading: s.selectedTeamLoading,
+      selectedTeamError: s.selectedTeamError,
+      selectTeam: s.selectTeam,
+      openTeamTab: s.openTeamTab,
+      setPendingReviewRequest: s.setPendingReviewRequest,
+      globalTasks: s.globalTasks,
+    }))
+  );
+
+  const teamName = globalTaskDetail?.teamName ?? '';
+  const taskId = globalTaskDetail?.taskId ?? '';
+  const hasTargetTeamData = hasSelectedTargetTeamData(
+    teamName,
+    selectedTeamName,
+    selectedTeamData?.teamName
+  );
+
+  // Load full team data in the background to enable "as before" details (logs/changes/members).
+  useEffect(() => {
+    if (!globalTaskDetail) return;
+    if (!teamName) return;
+
+    // Avoid re-triggering selectTeam in a loop while the fetch is in flight.
+    // selectedTeamName is set immediately by selectTeam(), but selectedTeamData
+    // remains null until IPC resolves.
+    if (selectedTeamName === teamName) {
+      if (selectedTeamData || selectedTeamLoading) return;
+      // Retry once if we are on the right team but have no data and not loading (e.g. prior error).
+    }
+
+    void selectTeam(teamName, { skipProjectAutoSelect: true });
+  }, [
+    globalTaskDetail,
+    selectTeam,
+    selectedTeamData,
+    selectedTeamLoading,
+    selectedTeamName,
+    teamName,
+  ]);
+
+  const isFullTeamLoaded = hasTargetTeamData;
+
+  const taskMap = useMemo(() => {
+    const map = new Map<string, TeamTaskWithKanban>();
+    if (!globalTaskDetail) return map;
+    if (isFullTeamLoaded && selectedTeamData) {
+      for (const t of selectedTeamData.tasks) map.set(t.id, t);
+      return map;
+    }
+    for (const t of globalTasks) {
+      if (t.teamName === globalTaskDetail.teamName) {
+        map.set(t.id, t);
+      }
+    }
+    return map;
+  }, [globalTaskDetail, globalTasks, isFullTeamLoaded, selectedTeamData]);
+
+  const activeMembers = useMemo(
+    () => (isFullTeamLoaded ? selectedTeamMembers.filter((m) => !m.removedAt) : []),
+    [isFullTeamLoaded, selectedTeamMembers]
+  );
+
+  const handleOpenTeam = useCallback((): void => {
+    closeGlobalTaskDetail();
+    openTeamTab(teamName, undefined, taskId);
+  }, [closeGlobalTaskDetail, openTeamTab, teamName, taskId]);
+
+  const handleViewChanges = useCallback(
+    (viewTaskId: string, filePath?: string) => {
+      const targetTask = taskMap.get(viewTaskId);
+      if (!targetTask) return;
+      setPendingReviewRequest({
+        taskId: viewTaskId,
+        filePath,
+        requestOptions: buildTaskChangeRequestOptions(targetTask),
+      });
+      closeGlobalTaskDetail();
+      openTeamTab(teamName);
+    },
+    [closeGlobalTaskDetail, openTeamTab, setPendingReviewRequest, taskMap, teamName]
+  );
+
+  if (!globalTaskDetail) return null;
+
+  const task = (taskMap.get(taskId) as GlobalTask | undefined) ?? null;
+  const kanbanTaskState = isFullTeamLoaded
+    ? selectedTeamData?.kanbanState.tasks[taskId]
+    : undefined;
+  const loading = shouldKeepGlobalTaskDialogLoading({
+    teamName,
+    taskId,
+    selectedTeamName,
+    selectedTeamDataPresent: hasTargetTeamData,
+    selectedTeamLoading,
+    selectedTeamError,
+    hasTaskInMap: taskMap.has(taskId),
+  });
+
+  return (
+    <TaskDetailDialog
+      open
+      variant={isFullTeamLoaded ? 'team' : 'global'}
+      loading={!isFullTeamLoaded && loading}
+      task={task}
+      teamName={teamName}
+      kanbanTaskState={kanbanTaskState}
+      taskMap={taskMap}
+      members={activeMembers}
+      onClose={closeGlobalTaskDetail}
+      onOwnerChange={undefined}
+      onViewChanges={isFullTeamLoaded ? handleViewChanges : undefined}
+      headerExtra={
+        <button
+          type="button"
+          className="inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border)] px-3 py-1.5 text-xs text-[var(--color-text-secondary)] transition-colors hover:bg-[var(--color-surface-raised)] hover:text-[var(--color-text)]"
+          onClick={handleOpenTeam}
+        >
+          <ExternalLink size={12} />
+          Open team
+        </button>
+      }
+    />
+  );
+};