import { nativeSelectMaxWidthClass, selectControlBaseClass, settingsInputFocusClass } from '@/lib/form-field-width';
import { cn } from '@/lib/cn';

export function inputClassName(): string {
  return cn(
    'w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg',
    'placeholder:text-fg-subtle',
    settingsInputFocusClass,
    'dark:border-edge',
  );
}

export function selectClassName(): string {
  return cn(selectControlBaseClass, nativeSelectMaxWidthClass);
}

/** Compact secondary actions (e.g. agent defaults: skills allowlist mode, tools disable presets). */
export const agentDefaultsQuickActionButtonClass =
  'h-auto shrink-0 px-2.5 py-1.5 text-xs font-medium';
