AI Chat
PROPantalla completa de chat: historial lateral, hilo de mensajes con razonamiento y fuentes plegables, y el composer con modo de permisos. Es la composicion de referencia de los blocks de agente.
npx orbitui-cli add ai-chat¿Por qué mis tokens semánticos no generan utilidades en Tailwind v4?
- 1Theme variables — Tailwind CSStailwindcss.com
- 2Using CSS custom properties — MDNdeveloper.mozilla.org
Porque los declaraste en `:root` en vez de dentro de `@theme`. En Tailwind v4 la utilidad se genera a partir del nombre del token, y solo para los que viven dentro del bloque `@theme`. Una variable en `:root` es CSS válido y la podés usar con `var()`, pero no produce `bg-*` ni `text-*`. Eso te da una separación útil: dejá las primitivas en `:root` y los semánticos en `@theme`. Así no existe ninguna utilidad que apunte a un valor crudo, y la regla la impone la herramienta en vez de la disciplina.
Props
| Prop | Tipo | Descripción |
|---|---|---|
conversations* | Conversation[] | — |
messages* | ChatMessage[] | — |
activeConversation | string | — |
userName | string | — |
className | string | — |
Qué instala
- Archivo
components/orbit/templates/ai-chat.tsx- Componentes
- agent-thinking, avatar, composer-panel, cx, icon-button, menu, web-search
- Paquetes npm
- ninguno
A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.