Fundación
Tokens
Paleta semántica del sistema: superficies, texto, acento ámbar y estados mint / sky / rose.
Design system · crate ui
Componentes.
Galería tipo storybook de las piezas del crate ui que la consola usa, con preview en vivo y snippet. El acento es ámbar; mint / sky / rose son estado.
Acciones
Button
Acción primaria y variantes. El primary es ámbar. En la consola, acción con nombre = Lucide + texto; solo icono = Icon + tooltip.
Acciones
Toggle
Botón que queda presionado. Útil para filtros y formato de texto.
Acciones
ThemeToggle
Cambia html[data-theme] entre dark y light y persiste la preferencia.
Formulario
Input
Campo de texto alineado a --input / --ring. Combinar con Label.
Formulario
Label
Etiqueta asociada a un control vía html_for.
Central Deploy Config
Bundles JSON por stage × tenant.
CORE_AUTH_CO_JUMBO
Display
Card
Superficie --card, radio lg (14px) y slots de header, content, footer y action.
LCWLCC
Display
Avatar
Imagen de usuario con fallback a iniciales. Tamaños sm/md/lg y forma circle/rounded.
Display
Skeleton
Placeholder de carga. El tamaño se pasa por style o class.
Overlay
Tooltip
Ayuda breve al hover o focus del trigger.
Overlay
Popover
Panel anclado al trigger para confirmaciones o contenido corto.
Overlay
DropdownMenu
Menú de acciones con teclado. Cada item necesita value e index.
Overlay
AlertDialog
Diálogo modal para acciones destructivas. Bloquea hasta confirmar o cancelar. En EKS confirma un delete masivo.
Overlay
Toast
Notificación temporal. El tipo pinta fondo y texto. Success lleva un cohete. Requiere ToastProvider (ya está en el shell).
Formulario
Select
Desplegable estilado. En la consola no uses el select nativo del sistema.
Formulario
Checkbox
Casilla con Checked, Unchecked e Indeterminate. El header “seleccionar todos” de Deploys y EKS usa Indeterminate si hay una selección parcial.
Pase bff QA listo
Disclosure
Collapsible
Sección que se expande. Trigger + content; List/Item para grupos.
Overlay
Sheet
Panel lateral. En la consola muestra YAML de EKS, logs de un pod y el formulario de un pase.