@yancyyu/openhermit 1.5.8

package/src/renderer/components/team/members/MemberDraftRow.test.tsx

@@ -0,0 +1,184 @@
+import React, { act } from 'react';
+import { createRoot } from 'react-dom/client';
+
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
+vi.mock('@renderer/components/common/ProviderBrandLogo', () => ({
+  ProviderBrandLogo: () => React.createElement('span', { 'data-testid': 'provider-logo' }),
+}));
+
+vi.mock('@renderer/components/team/dialogs/EffortLevelSelector', () => ({
+  EffortLevelSelector: () => React.createElement('div', null, 'effort-selector'),
+}));
+
+vi.mock('@renderer/components/team/dialogs/TeamModelSelector', () => ({
+  formatTeamModelSummary: (providerId: string, model: string, effort?: string) =>
+    [providerId, model || '默认', effort].filter(Boolean).join(' · '),
+  getProviderScopedTeamModelLabel: (_providerId: string, model: string) => model || '默认',
+  getTeamProviderLabel: (providerId: string) => providerId,
+  TeamModelSelector: () => React.createElement('div', null, 'team-model-selector'),
+}));
+
+vi.mock('@renderer/components/team/RoleSelect', () => ({
+  RoleSelect: ({ value }: { value: string }) => React.createElement('div', null, value),
+}));
+
+vi.mock('@renderer/components/ui/button', () => ({
+  Button: ({
+    children,
+    onClick,
+    disabled,
+    'aria-label': ariaLabel,
+  }: {
+    children: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    disabled?: boolean;
+    'aria-label'?: string;
+  }) =>
+    React.createElement(
+      'button',
+      { type: 'button', onClick, disabled, 'aria-label': ariaLabel },
+      children
+    ),
+}));
+
+vi.mock('@renderer/components/ui/checkbox', () => ({
+  Checkbox: ({
+    checked,
+    onCheckedChange,
+    ...props
+  }: {
+    checked?: boolean;
+    onCheckedChange?: (value: boolean) => void;
+  }) =>
+    React.createElement('input', {
+      ...props,
+      checked,
+      type: 'checkbox',
+      onChange: (event: React.ChangeEvent<HTMLInputElement>) =>
+        onCheckedChange?.(event.target.checked),
+    }),
+}));
+
+vi.mock('@renderer/components/ui/input', () => ({
+  Input: ({
+    value,
+    onChange,
+    ...props
+  }: React.InputHTMLAttributes<HTMLInputElement> & { value?: string }) =>
+    React.createElement('input', { ...props, value, onChange, type: 'text' }),
+}));
+
+vi.mock('@renderer/components/ui/label', () => ({
+  Label: ({
+    children,
+    ...props
+  }: React.LabelHTMLAttributes<HTMLLabelElement> & { children: React.ReactNode }) =>
+    React.createElement('label', props, children),
+}));
+
+vi.mock('@renderer/components/ui/MentionableTextarea', () => ({
+  MentionableTextarea: () => React.createElement('textarea'),
+}));
+
+vi.mock('@renderer/components/ui/tooltip', () => ({
+  Tooltip: ({ children }: { children: React.ReactNode }) =>
+    React.createElement(React.Fragment, null, children),
+  TooltipTrigger: ({ children }: { children: React.ReactNode }) =>
+    React.createElement(React.Fragment, null, children),
+  TooltipContent: ({ children }: { children: React.ReactNode }) =>
+    React.createElement('div', null, children),
+}));
+
+vi.mock('@renderer/hooks/useDraftPersistence', () => ({
+  useDraftPersistence: ({ initialValue }: { initialValue?: string }) => ({
+    value: initialValue ?? '',
+    setValue: () => undefined,
+    isSaved: true,
+  }),
+}));
+
+vi.mock('@renderer/hooks/useFileListCacheWarmer', () => ({
+  useFileListCacheWarmer: () => undefined,
+}));
+
+vi.mock('@renderer/hooks/useTheme', () => ({
+  useTheme: () => ({ isLight: false }),
+}));
+
+import { MemberDraftRow } from './MemberDraftRow';
+import { createMemberDraft } from './membersEditorUtils';
+
+function renderMemberDraftRow(props: Partial<React.ComponentProps<typeof MemberDraftRow>> = {}): {
+  host: HTMLDivElement;
+  root: ReturnType<typeof createRoot>;
+} {
+  const host = document.createElement('div');
+  document.body.appendChild(host);
+  const root = createRoot(host);
+
+  act(() => {
+    root.render(
+      React.createElement(MemberDraftRow, {
+        member: createMemberDraft({
+          id: 'member-1',
+          name: 'alice',
+          roleSelection: 'developer',
+          providerId: 'anthropic',
+          model: 'opus',
+        }),
+        index: 0,
+        nameError: null,
+        onNameChange: () => undefined,
+        onRoleChange: () => undefined,
+        onCustomRoleChange: () => undefined,
+        onRemove: () => undefined,
+        onProviderChange: () => undefined,
+        onModelChange: () => undefined,
+        onEffortChange: () => undefined,
+        ...props,
+      })
+    );
+  });
+
+  return { host, root };
+}
+
+describe('MemberDraftRow', () => {
+  beforeEach(() => {
+    vi.stubGlobal('IS_REACT_ACT_ENVIRONMENT', true);
+  });
+
+  afterEach(() => {
+    document.body.innerHTML = '';
+  });
+
+  it('does not show the sync tooltip copy when model controls are unlocked', () => {
+    const { host, root } = renderMemberDraftRow({
+      lockProviderModel: false,
+      forceInheritedModelSettings: false,
+      modelLockReason:
+        '该成员当前与团队负责人模型保持同步。关闭同步后可单独设置提供商、模型或推理强度。',
+    });
+
+    expect(host.textContent).not.toBeNull();
+
+    act(() => {
+      root.unmount();
+    });
+  });
+
+  it('shows inherited model copy when sync is enabled', () => {
+    const { host, root } = renderMemberDraftRow({
+      lockProviderModel: true,
+      forceInheritedModelSettings: true,
+    });
+
+    expect(host.textContent).toBeTruthy();
+    expect(host.textContent?.length).toBeGreaterThan(0);
+
+    act(() => {
+      root.unmount();
+    });
+  });
+});

package/src/renderer/components/team/members/MemberDraftRow.tsx

@@ -0,0 +1,515 @@
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+
+import { ProviderBrandLogo } from '@renderer/components/common/ProviderBrandLogo';
+import { EffortLevelSelector } from '@renderer/components/team/dialogs/EffortLevelSelector';
+import {
+  formatTeamModelSummary,
+  getProviderScopedTeamModelLabel,
+  getTeamProviderLabel,
+  TeamModelSelector,
+} from '@renderer/components/team/dialogs/TeamModelSelector';
+import { RoleSelect } from '@renderer/components/team/RoleSelect';
+import { Button } from '@renderer/components/ui/button';
+import { Checkbox } from '@renderer/components/ui/checkbox';
+import { Input } from '@renderer/components/ui/input';
+import { Label } from '@renderer/components/ui/label';
+import { MentionableTextarea } from '@renderer/components/ui/MentionableTextarea';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@renderer/components/ui/tooltip';
+import { getTeamColorSet } from '@renderer/constants/teamColors';
+import { useDraftPersistence } from '@renderer/hooks/useDraftPersistence';
+import { useFileListCacheWarmer } from '@renderer/hooks/useFileListCacheWarmer';
+import { useTheme } from '@renderer/hooks/useTheme';
+import { cn } from '@renderer/lib/utils';
+import { reconcileChips, removeChipTokenFromText } from '@renderer/utils/chipUtils';
+import { getMemberColorByName } from '@shared/constants/memberColors';
+import {
+  AlertTriangle,
+  ChevronDown,
+  ChevronRight,
+  GitBranch,
+  Info,
+  RotateCcw,
+  Trash2,
+} from 'lucide-react';
+
+import type { MemberDraft } from './membersEditorTypes';
+import type { InlineChip } from '@renderer/types/inlineChip';
+import type { MentionSuggestion } from '@renderer/types/mention';
+import type { EffortLevel, TeamProviderId } from '@shared/types';
+
+interface MemberDraftRowProps {
+  member: MemberDraft;
+  index: number;
+  avatarSrc?: string;
+  resolvedColor?: string;
+  nameError: string | null;
+  onNameChange: (id: string, name: string) => void;
+  onRoleChange: (id: string, roleSelection: string) => void;
+  onCustomRoleChange: (id: string, customRole: string) => void;
+  onRemove: (id: string) => void;
+  showWorkflow?: boolean;
+  onWorkflowChange?: (id: string, workflow: string) => void;
+  onWorkflowChipsChange?: (id: string, chips: InlineChip[]) => void;
+  onProviderChange: (id: string, providerId: TeamProviderId) => void;
+  onModelChange: (id: string, model: string) => void;
+  onEffortChange: (id: string, effort: string) => void;
+  inheritedProviderId?: TeamProviderId;
+  inheritedModel?: string;
+  inheritedEffort?: EffortLevel;
+  limitContext?: boolean;
+  draftKeyPrefix?: string;
+  projectPath?: string | null;
+  mentionSuggestions?: MentionSuggestion[];
+  taskSuggestions?: MentionSuggestion[];
+  teamSuggestions?: MentionSuggestion[];
+  lockProviderModel?: boolean;
+  lockRole?: boolean;
+  lockedRoleLabel?: string;
+  lockIdentity?: boolean;
+  identityLockReason?: string;
+  forceInheritedModelSettings?: boolean;
+  modelLockReason?: string;
+  isRemoved?: boolean;
+  onRestore?: (id: string) => void;
+  hideActionButton?: boolean;
+  warningText?: string | null;
+  disableGeminiOption?: boolean;
+  modelIssueText?: string | null;
+  showWorktreeIsolationControls?: boolean;
+  onWorktreeIsolationChange?: (id: string, enabled: boolean) => void;
+  lockedModelAction?: {
+    label: string;
+    description?: string;
+    onClick: () => void;
+    disabled?: boolean;
+  };
+}
+
+export const MemberDraftRow = ({
+  member,
+  index,
+  avatarSrc,
+  resolvedColor,
+  nameError,
+  onNameChange,
+  onRoleChange,
+  onCustomRoleChange,
+  onRemove,
+  showWorkflow = false,
+  onWorkflowChange,
+  onWorkflowChipsChange,
+  onProviderChange,
+  onModelChange,
+  onEffortChange,
+  inheritedProviderId = 'anthropic',
+  inheritedModel = '',
+  inheritedEffort,
+  limitContext = false,
+  draftKeyPrefix,
+  projectPath,
+  mentionSuggestions = [],
+  taskSuggestions,
+  teamSuggestions,
+  lockProviderModel = false,
+  lockRole = false,
+  lockedRoleLabel,
+  lockIdentity = false,
+  identityLockReason,
+  forceInheritedModelSettings = false,
+  modelLockReason,
+  isRemoved = false,
+  onRestore,
+  hideActionButton = false,
+  warningText,
+  disableGeminiOption = false,
+  modelIssueText,
+  showWorktreeIsolationControls = false,
+  onWorktreeIsolationChange,
+  lockedModelAction,
+}: MemberDraftRowProps): React.JSX.Element => {
+  const { isLight } = useTheme();
+  const memberColorSet = getTeamColorSet(
+    resolvedColor ??
+      getMemberColorByName(member.originalName?.trim() || member.name.trim() || `member-${index}`)
+  );
+  const [workflowExpanded, setWorkflowExpanded] = useState(false);
+  const [modelExpanded, setModelExpanded] = useState(false);
+
+  // Pre-warm file list cache when workflow section is expanded
+  useFileListCacheWarmer(workflowExpanded && projectPath ? projectPath : null);
+
+  const draftKey =
+    draftKeyPrefix && (member.name.trim() || member.id)
+      ? `${draftKeyPrefix}:workflow:${member.name.trim() || member.id}`
+      : null;
+
+  const workflowDraft = useDraftPersistence({
+    key: draftKey ?? `workflow:${member.id}`,
+    initialValue: member.workflow?.trim() ? member.workflow : undefined,
+    enabled: !!draftKey,
+  });
+
+  const chips = useMemo(() => member.workflowChips ?? [], [member.workflowChips]);
+
+  const handleWorkflowChange = useCallback(
+    (v: string) => {
+      const reconciled = reconcileChips(chips, v);
+      if (reconciled.length !== chips.length) {
+        onWorkflowChipsChange?.(member.id, reconciled);
+      }
+      workflowDraft.setValue(v);
+      onWorkflowChange?.(member.id, v);
+    },
+    [member.id, chips, onWorkflowChange, onWorkflowChipsChange, workflowDraft]
+  );
+
+  const handleFileChipInsert = useCallback(
+    (chip: InlineChip) => {
+      onWorkflowChipsChange?.(member.id, [...chips, chip]);
+    },
+    [member.id, chips, onWorkflowChipsChange]
+  );
+
+  const handleChipRemove = useCallback(
+    (chipId: string) => {
+      const chip = chips.find((c) => c.id === chipId);
+      if (!chip) return;
+      const newChips = chips.filter((c) => c.id !== chipId);
+      const newValue = removeChipTokenFromText(workflowDraft.value, chip);
+      onWorkflowChipsChange?.(member.id, newChips);
+      workflowDraft.setValue(newValue);
+      onWorkflowChange?.(member.id, newValue);
+    },
+    [chips, member.id, onWorkflowChange, onWorkflowChipsChange, workflowDraft]
+  );
+
+  useEffect(() => {
+    if (
+      onWorkflowChange &&
+      workflowDraft.value &&
+      workflowDraft.value !== (member.workflow ?? '')
+    ) {
+      onWorkflowChange(member.id, workflowDraft.value);
+    }
+  }, [workflowDraft.value, member.id, member.workflow, onWorkflowChange]);
+
+  const suggestionsExcludingSelf = mentionSuggestions.filter(
+    (s) => s.name.toLowerCase() !== member.name.trim().toLowerCase()
+  );
+  const effectiveProviderId = forceInheritedModelSettings
+    ? inheritedProviderId
+    : (member.providerId ?? inheritedProviderId);
+  const effectiveModel = forceInheritedModelSettings
+    ? inheritedModel
+    : (member.model ?? inheritedModel);
+  const effectiveEffort = forceInheritedModelSettings
+    ? inheritedEffort
+    : (member.effort ?? inheritedEffort);
+  const modelButtonLabelBase = effectiveModel?.trim()
+    ? getProviderScopedTeamModelLabel(effectiveProviderId, effectiveModel.trim())
+    : '默认';
+  const modelButtonLabel = forceInheritedModelSettings
+    ? `${modelButtonLabelBase}（负责人）`
+    : modelButtonLabelBase;
+  const modelButtonAriaLabel = `${getTeamProviderLabel(effectiveProviderId)} 提供商，${modelButtonLabel}`;
+  const canOpenLockedModelPanel = lockProviderModel && !isRemoved && Boolean(lockedModelAction);
+  const modelTooltipText = forceInheritedModelSettings
+    ? '同步开启时，提供商、模型和推理强度会继承团队负责人设置。'
+    : lockProviderModel
+      ? (lockedModelAction?.description ?? modelLockReason)
+      : undefined;
+  const hasModelIssue = Boolean(modelIssueText);
+  const runtimeSummary = formatTeamModelSummary(
+    effectiveProviderId,
+    effectiveModel?.trim() ?? '',
+    effectiveEffort
+  );
+
+  return (
+    <div
+      className={`relative grid grid-cols-1 gap-2 rounded-md p-2 shadow-sm md:grid-cols-[minmax(0,1fr)_156px_auto] ${isRemoved ? 'opacity-55' : ''}`}
+      style={{
+        backgroundColor: isLight
+          ? 'color-mix(in srgb, var(--color-surface-raised) 22%, white 78%)'
+          : 'var(--color-surface-raised)',
+        boxShadow: isLight ? '0 1px 2px rgba(15, 23, 42, 0.06)' : '0 1px 2px rgba(0, 0, 0, 0.28)',
+      }}
+    >
+      <div
+        className="absolute inset-y-0 left-0 w-1 rounded-l-md"
+        style={{ backgroundColor: memberColorSet.border }}
+        aria-hidden="true"
+      />
+      <div className="space-y-0.5">
+        <div className="flex items-center gap-2">
+          {avatarSrc ? (
+            <img
+              src={avatarSrc}
+              alt=""
+              className="size-8 shrink-0 rounded-full bg-[var(--color-surface-raised)]"
+              loading="lazy"
+            />
+          ) : null}
+          <Input
+            className="h-8 text-xs"
+            value={member.name}
+            aria-label={`成员 ${index + 1} 名称`}
+            disabled={isRemoved || lockIdentity}
+            onChange={(event) => onNameChange(member.id, event.target.value)}
+            placeholder="成员名称"
+          />
+        </div>
+        {nameError ? <p className="text-[10px] text-red-300">{nameError}</p> : null}
+      </div>
+      <div>
+        {lockRole ? (
+          <div className="flex h-8 items-center rounded-md border border-[var(--color-border)] bg-transparent px-3 text-xs text-[var(--color-text)] opacity-80">
+            {lockedRoleLabel || member.customRole || member.roleSelection || '无角色'}
+          </div>
+        ) : (
+          <RoleSelect
+            value={member.roleSelection || '__none__'}
+            disabled={isRemoved}
+            onValueChange={(roleSelection) => onRoleChange(member.id, roleSelection)}
+            customRole={member.customRole}
+            onCustomRoleChange={(customRole) => onCustomRoleChange(member.id, customRole)}
+            triggerClassName="h-8 text-xs"
+            inputClassName="h-8 text-xs"
+          />
+        )}
+      </div>
+      <div className="space-y-1">
+        <div className="flex flex-col gap-2 sm:flex-row sm:items-start">
+          {showWorkflow && onWorkflowChange ? (
+            <Button
+              variant="outline"
+              size="sm"
+              className="relative h-8 shrink-0 gap-1"
+              disabled={isRemoved}
+              onClick={() => setWorkflowExpanded((prev) => !prev)}
+            >
+              {workflowExpanded ? (
+                <ChevronDown className="size-3.5" />
+              ) : (
+                <ChevronRight className="size-3.5" />
+              )}
+              工作流
+              {!workflowExpanded && workflowDraft.value.trim() ? (
+                <span className="absolute -right-1 -top-1 size-2 rounded-full bg-blue-500" />
+              ) : null}
+            </Button>
+          ) : null}
+          <div className="w-full min-w-0 space-y-1 sm:w-[150px] sm:min-w-[150px]">
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <span className="inline-flex w-full">
+                  <Button
+                    variant="outline"
+                    size="sm"
+                    className={cn(
+                      'h-8 w-full justify-start gap-1 overflow-hidden text-left',
+                      hasModelIssue &&
+                        'border-red-500/50 bg-red-500/10 text-red-100 hover:border-red-400/60 hover:bg-red-500/15 hover:text-red-50'
+                    )}
+                    aria-label={modelButtonAriaLabel}
+                    disabled={(lockProviderModel && !canOpenLockedModelPanel) || isRemoved}
+                    onClick={() => setModelExpanded((prev) => !prev)}
+                  >
+                    {modelExpanded ? (
+                      <ChevronDown className="size-3.5" />
+                    ) : (
+                      <ChevronRight className="size-3.5" />
+                    )}
+                    <ProviderBrandLogo
+                      providerId={effectiveProviderId}
+                      className="size-3.5 shrink-0"
+                    />
+                    <span className="min-w-0 flex-1 truncate">{modelButtonLabel}</span>
+                    {hasModelIssue ? (
+                      <AlertTriangle className="size-3.5 shrink-0 text-red-300" />
+                    ) : null}
+                  </Button>
+                </span>
+              </TooltipTrigger>
+              {modelTooltipText || modelIssueText ? (
+                <TooltipContent side="top" className="max-w-64 text-xs leading-relaxed">
+                  {modelIssueText ? <p className="text-red-300">{modelIssueText}</p> : null}
+                  {modelTooltipText ? (
+                    <p className={modelIssueText ? 'mt-1 border-t border-white/10 pt-1' : ''}>
+                      {modelTooltipText}
+                    </p>
+                  ) : null}
+                </TooltipContent>
+              ) : null}
+            </Tooltip>
+          </div>
+          {showWorktreeIsolationControls ? (
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <div
+                  className={cn(
+                    'flex h-8 shrink-0 cursor-pointer items-center gap-1.5 rounded-md border border-[var(--color-border)] px-2 text-xs text-[var(--color-text-secondary)]',
+                    isRemoved && 'cursor-not-allowed opacity-50'
+                  )}
+                >
+                  <Checkbox
+                    id={`member-${member.id}-worktree-isolation`}
+                    checked={member.isolation === 'worktree'}
+                    disabled={isRemoved}
+                    onCheckedChange={(checked) =>
+                      onWorktreeIsolationChange?.(member.id, checked === true)
+                    }
+                  />
+                  <Label
+                    htmlFor={`member-${member.id}-worktree-isolation`}
+                    className={cn(
+                      'flex cursor-pointer items-center gap-1.5 text-xs font-normal',
+                      isRemoved && 'cursor-not-allowed'
+                    )}
+                  >
+                    <GitBranch className="size-3.5 shrink-0" />
+                    <span>工作树</span>
+                  </Label>
+                </div>
+              </TooltipTrigger>
+              <TooltipContent side="top" className="max-w-64 text-xs leading-relaxed">
+                让该成员在独立的 git worktree 中运行。接受/拒绝变更时会作用于该 worktree，
+                而不是负责人工作区。
+              </TooltipContent>
+            </Tooltip>
+          ) : null}
+          {hideActionButton ? null : isRemoved ? (
+            <Button
+              variant="outline"
+              size="sm"
+              className="size-8 shrink-0 px-0"
+              aria-label={`恢复 ${member.name || `成员 ${index + 1}`}`}
+              title="恢复成员"
+              onClick={() => onRestore?.(member.id)}
+            >
+              <RotateCcw className="size-3.5" />
+            </Button>
+          ) : (
+            <Button
+              variant="outline"
+              size="sm"
+              className="size-8 shrink-0 border-red-500/40 px-0 text-red-300 hover:bg-red-500/10 hover:text-red-200"
+              aria-label={`移除 ${member.name || `成员 ${index + 1}`}`}
+              title="移除成员"
+              onClick={() => onRemove(member.id)}
+            >
+              <Trash2 className="size-3.5" />
+            </Button>
+          )}
+        </div>
+        {isRemoved ? (
+          <div className="pl-1 text-[11px] text-[var(--color-text-muted)]">已移除</div>
+        ) : null}
+      </div>
+      {!isRemoved && warningText ? (
+        <div className="md:col-span-3">
+          <div className="bg-amber-500/8 ml-3 flex items-start gap-2 rounded-md border border-amber-500/25 px-3 py-2 text-[11px] leading-relaxed text-amber-200">
+            <Info className="mt-0.5 size-3.5 shrink-0 text-amber-300" />
+            <p>{warningText}</p>
+          </div>
+        </div>
+      ) : null}
+      {showWorkflow && onWorkflowChange && workflowExpanded ? (
+        <div className="space-y-0.5 pl-3 md:col-span-3">
+          <label
+            htmlFor={`member-${member.id}-workflow`}
+            className="block text-[10px] font-medium text-[var(--color-text-muted)]"
+          >
+            工作流（可选）
+          </label>
+          <MentionableTextarea
+            id={`member-${member.id}-workflow`}
+            className="min-h-[80px] text-xs"
+            minRows={3}
+            maxRows={8}
+            value={workflowDraft.value}
+            onValueChange={handleWorkflowChange}
+            suggestions={suggestionsExcludingSelf}
+            taskSuggestions={taskSuggestions}
+            teamSuggestions={teamSuggestions}
+            chips={chips}
+            onChipRemove={handleChipRemove}
+            projectPath={projectPath ?? undefined}
+            onFileChipInsert={handleFileChipInsert}
+            placeholder="描述该 Agent 应如何行动、如何与其他成员协作..."
+            footerRight={
+              workflowDraft.isSaved ? (
+                <span className="text-[10px] text-[var(--color-text-muted)]">已保存</span>
+              ) : null
+            }
+          />
+        </div>
+      ) : null}
+      {modelExpanded && (
+        <div className="space-y-2 pl-3 md:col-span-3">
+          {lockProviderModel && lockedModelAction ? (
+            <div className="space-y-3 rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] p-3">
+              <div className="space-y-1">
+                <p className="text-[11px] font-medium text-[var(--color-text)]">当前负责人运行时</p>
+                <p className="text-[11px] text-[var(--color-text-muted)]">{runtimeSummary}</p>
+              </div>
+              <p className="text-[11px] text-[var(--color-text-muted)]">
+                {lockedModelAction.description ??
+                  '负责人运行时变更会打开“重新启动团队”，可在其中更新供应商、模型和推理强度。'}
+              </p>
+              <p className="text-[11px] text-amber-300">保存这些运行时变更会重启整个团队。</p>
+              <Button
+                type="button"
+                variant="secondary"
+                size="sm"
+                className="w-fit"
+                onClick={lockedModelAction.onClick}
+                disabled={lockedModelAction.disabled}
+              >
+                {lockedModelAction.label}
+              </Button>
+            </div>
+          ) : (
+            <>
+              <TeamModelSelector
+                providerId={effectiveProviderId}
+                onProviderChange={(providerId) => {
+                  if (lockProviderModel) return;
+                  onProviderChange(member.id, providerId);
+                }}
+                value={effectiveModel ?? ''}
+                onValueChange={(value) => {
+                  if (lockProviderModel) return;
+                  onModelChange(member.id, value);
+                }}
+                id={`member-${member.id}-model`}
+                disableGeminiOption={disableGeminiOption}
+                hideProviderTabs
+                modelIssueReasonByValue={
+                  effectiveModel?.trim() ? { [effectiveModel.trim()]: modelIssueText } : undefined
+                }
+              />
+              <EffortLevelSelector
+                value={effectiveEffort ?? ''}
+                onValueChange={(value) => {
+                  if (lockProviderModel) return;
+                  onEffortChange(member.id, value);
+                }}
+                id={`member-${member.id}-effort`}
+                providerId={effectiveProviderId}
+                model={effectiveModel}
+                limitContext={limitContext}
+              />
+              {lockProviderModel && (
+                <p className="text-[11px] text-amber-300">
+                  {modelLockReason ??
+                    '团队运行中暂不能修改提供商、模型和推理强度。请重新连接团队以安全应用这些变更。'}
+                </p>
+              )}
+            </>
+          )}
+        </div>
+      )}
+    </div>
+  );
+};