Function ProviderPicker

src/components/ProviderPicker.tsx:79–152

({
  initial,
  onSelect,
  onCancel,
  isStandaloneCommand,
  headerText,
}: ProviderPickerProps)

}

export function ProviderPicker({
  initial,
  onSelect,
  onCancel,
  isStandaloneCommand,
  headerText,
}: ProviderPickerProps) {
  const exitState = useExitOnCtrlCDWithKeybindings()
  const providerOptions = getAllProviderConfigs().map(provider => ({
    label: provider.name,
    value: provider.id,
    description: getProviderDescription(provider),
  }))
  const envOverrideId = getEnvironmentProviderOverrideId()
  const envOverrideName = envOverrideId
    ? getProviderConfigById(envOverrideId).name
    : undefined
  const initialValue =
    initial && providerOptions.some(option => option.value === initial)
      ? initial
      : getActiveProviderConfig().id
  const visibleCount = Math.min(8, providerOptions.length)

  return (
    <Box flexDirection="column">
      <Box marginBottom={1} flexDirection="column">
        <Text color="remember" bold>
          Select provider
        </Text>
        <Text dimColor>
          {headerText ??
            'Choose the model provider for Claude Code. When the change can take effect immediately, model selection opens next.'}
        </Text>
        {envOverrideName ? (
          <Text dimColor>
            Current session is forced to {envOverrideName} by environment
            variables. Picking another provider saves a preference for future
            sessions.
          </Text>
        ) : null}
      </Box>

      <Box flexDirection="column" marginBottom={1}>
        <Select
          options={providerOptions}
          onChange={onSelect}
          onCancel={onCancel}
          defaultValue={initialValue}
          defaultFocusValue={initialValue}
          visibleOptionCount={visibleCount}
          layout="compact-vertical"
        />
      </Box>

      {isStandaloneCommand ? (
        <Text dimColor italic>
          {exitState.pending ? (
            <>Press {exitState.keyName} again to exit</>