Composer, Atajos y Archivos Adjuntos

1. El Composer Flotante Inteligente

El área de entrada o Composer de ZeroChat está diseñada para ofrecer una experiencia moderna, limpia y fluida, inspirada en las mejores interfaces de chat de IA.

Auto-expansión suave: El campo de texto crece dinámicamente conforme escribes párrafos largos (utilizando la directiva moderna field-sizing: content con soporte de fallback automático), sin desbordar la ventana ni tapar los mensajes previos.
Barra inferior integrada: Reúne adjuntos, razonamiento, RAG y telemetría de contexto. Las herramientas y MCP se configuran desde Ajustes.
Entrada móvil: El campo muestra una indicación breve para que el texto de fondo no ocupe varias líneas en pantallas estrechas.
Botón de detención (Stop): Durante la generación en tiempo real (streaming SSE), el botón de envío se convierte en un botón de parada instantánea para cancelar la respuesta en cualquier momento.

2. Atajos de Teclado Esenciales

Atajo	Contexto	Acción realizada
`Enter`	En el cuadro de texto	Enviar el mensaje actual al modelo.
`Shift + Enter`	En el cuadro de texto	Insertar un salto de línea sin enviar.
`Escape`	En cualquier modal o menú	Cerrar el diálogo emergente o desplegable activo.
`Flechas ↑ / ↓`	En el selector de perfiles	Navegar entre los perfiles disponibles de la lista.
`Ctrl / Cmd + V`	En la ventana del chat	Pegar imágenes o texto directamente desde el portapapeles.

3. Adjuntar Archivos y Documentos

ZeroChat cuenta con un potente motor cliente de procesamiento de archivos (file-parser.js). Puedes añadir archivos pulsando el icono del clip o simplemente arrastrándolos y soltándolos (Drag & Drop) sobre el área del chat.

Formatos compatibles:

Imágenes (PNG, JPEG, WebP, GIF): Si el modelo activo soporta capacidades multimodales de visión (como GPT-4o, Claude 3.5/3.7 Sonnet o Gemini Flash/Pro), la imagen se procesa y se envía al modelo para que pueda analizarla, describirla o extraer información de ella.
Documentos PDF: El texto del PDF se extrae localmente en el navegador y se adjunta de forma estructurada al mensaje con su nombre y recuento de páginas.
Código Fuente y Scripts: Archivos .js, .ts, .py, .html, .css, .json, .sql, .c, .cpp, .rs, .go, .sh y más. Se preparan como bloques de código con marcado de sintaxis.
Tablas y Datos: Archivos .csv y .tsv que el modelo puede parsear e interpretar para análisis de datos o generación de gráficos.
Documentos de Texto: .md (Markdown), .txt, .xml, .yaml.

Previsualización y eliminación: Antes de pulsar enviar, verás miniaturas interactivas de cada archivo adjunto con su nombre y tamaño. Puedes eliminar cualquiera de ellos pulsando su botón "X".

4. Renderizado Enriquecido de Mensajes

Las respuestas del asistente se procesan con un motor Markdown completo de alto rendimiento que incluye:

Resaltado de sintaxis en bloques de código con botón de copia rápida al portapapeles.
Tablas formateadas con alineación de columnas.
Fórmulas matemáticas en formato LaTeX (KaTeX) inline y en bloque.
Bloques colapsables de razonamiento (Thinking) con contador de tiempo de reflexión.
Tarjetas interactivas de herramientas (Tool Cards) para ejecuciones del agente.