Function CreateSessionDialog

frontend/src/components/CreateSessionDialog.tsx:78–1372

({
  isOpen,
  onClose,
  projectName,
  projectId,
  initialPrompt,
  initialSessionName,
  initialToolType,
  initialBaseBranch,
  initialFolderId,
  initialClaudeConfig,
  initialCodexConfig,
  onSessionCreated
}: CreateSessionDialogProps)

}

export function CreateSessionDialog({
  isOpen,
  onClose,
  projectName,
  projectId,
  initialPrompt,
  initialSessionName,
  initialToolType,
  initialBaseBranch,
  initialFolderId,
  initialClaudeConfig,
  initialCodexConfig,
  onSessionCreated
}: CreateSessionDialogProps) {
  const [sessionName, setSessionName] = useState<string>(initialSessionName || '');
  const [sessionCount, setSessionCount] = useState<number>(1);
  const [selectedTools, setSelectedTools] = useState<{ claude: boolean; codex: boolean }>({
    claude: initialToolType === 'claude' || !!initialPrompt,
    codex: initialToolType === 'codex'
  });
  const [sharedPrompt, setSharedPrompt] = useState<string>(initialPrompt || '');
  const [claudeConfig, setClaudeConfig] = useState<ClaudeCodeConfig>({
    prompt: initialPrompt || '',
    model: initialClaudeConfig?.model || 'auto',
    permissionMode: initialClaudeConfig?.permissionMode || 'ignore',
    ultrathink: initialClaudeConfig?.ultrathink || false,
    attachedImages: [],
    attachedTexts: []
  });
  const [codexConfig, setCodexConfig] = useState<CodexConfig>({
    prompt: initialPrompt || '',
    model: (initialCodexConfig?.model as OpenAICodexModel) || DEFAULT_CODEX_MODEL,
    modelProvider: initialCodexConfig?.modelProvider || 'openai',
    approvalPolicy: 'auto',  // Always 'auto' - manual mode not implemented
    sandboxMode: initialCodexConfig?.sandboxMode || 'workspace-write',
    webSearch: initialCodexConfig?.webSearch || false,
    thinkingLevel: initialCodexConfig?.thinkingLevel || 'medium',
    attachedImages: [],
    attachedTexts: []
  });
  const [formData, setFormData] = useState<CreateSessionRequest>({
    prompt: initialPrompt || '',
    worktreeTemplate: '',
    count: 1,
    permissionMode: 'ignore',
    baseBranch: initialBaseBranch
    // Model is now managed at panel level, not session level
  });
  const [isSubmitting, setIsSubmitting] = useState(false);
  const [worktreeError, setWorktreeError] = useState<string | null>(null);
  const [isGeneratingName, setIsGeneratingName] = useState(false);
  const [hasApiKey, setHasApiKey] = useState(false);
  const [branches, setBranches] = useState<Array<{ name: string; isCurrent: boolean; hasWorktree: boolean }>>([]);
  const [isLoadingBranches, setIsLoadingBranches] = useState(false);
  const [commitModeSettings, setCommitModeSettings] = useState<CommitModeSettingsType>({ 
    mode: 'checkpoint',
    checkpointPrefix: 'checkpoint: '
  });