Function FreebuffModelSelector

cli/src/components/freebuff-model-selector.tsx:80–500

({
  maxHeight,
})

}

export const FreebuffModelSelector: React.FC<FreebuffModelSelectorProps> = ({
  maxHeight,
}) => {
  const theme = useTheme()
  // contentMaxWidth (not terminalWidth) is the real budget — the parent
  // waiting-room screen wraps this picker in a `maxWidth: contentMaxWidth`
  // box (capped at 80 cols), so a wide terminal doesn't actually let us
  // sprawl the buttons across it.
  const { contentMaxWidth } = useTerminalDimensions()
  const selectedModel = useFreebuffModelStore((s) => s.selectedModel)
  const setSelectedModel = useFreebuffModelStore((s) => s.setSelectedModel)
  const session = useFreebuffSessionStore((s) => s.session)
  const accessTier =
    session && 'accessTier' in session ? session.accessTier : 'full'
  const now = useNow(60_000)
  const deploymentAvailabilityLabel = useMemo(
    () => getFreebuffDeploymentAvailabilityLabel(new Date(now)),
    [now],
  )
  const [pending, setPending] = useState<string | null>(null)
  const [hoveredId, setHoveredId] = useState<string | null>(null)
  // Keyboard cursor — separate from the actually-selected model so that
  // Tab/arrow navigation can preview without committing. Re-syncs to the
  // selected model whenever the selection changes (after a successful switch
  // or an external selectedModel update).
  const [focusedId, setFocusedId] = useState<string>(selectedModel)
  const availableModels = useMemo(
    () => getFreebuffModelsForAccessTier(accessTier),
    [accessTier],
  )
  // Limited tier only ever surfaces one model, so a comparative tagline
  // ("Most efficient") reads as filler. Hide it; the warning (data-collection)
  // is the row's real content.
  const showTagline = accessTier !== 'limited'
  const availableModelIds = useMemo(
    () => availableModels.map((m) => m.id),
    [availableModels],
  )
  const sections = useMemo(() => {
    if (accessTier === 'limited') {
      return [
        {
          key: 'limited',
          label: '',
          models: availableModels,
        },
      ] satisfies readonly Section[]
    }
    return (
      [
        {
          key: 'premium',
          label: 'PREMIUM',
          models: availableModels.filter((m) => isFreebuffPremiumModelId(m.id)),
        },
        {
          key: 'unlimited',
          label: 'UNLIMITED',