El panel de traducción es la interfaz principal que aparece en la barra lateral después de iniciar sesión. Proporciona acceso directo al motor de traducción técnica sin salir del editor.
| Control | Descripción |
| ---------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
| Texto de Entrada | Área de texto de forma libre para pegar o escribir requisitos informales, notas de reuniones o especificaciones técnicas |
| Audiencia Objetivo | Selecciona quién consumirá la salida: Junior Dev, Senior Dev, Tech Lead, SRE o Data Engineer |
| Contexto Técnico | Elige el dominio: Backend, Frontend, Mobile, Data/ML o DevOps |
| Formato de Salida | Escoge la forma de la especificación: Technical Spec, Jira Tickets, API Design, RFC, Data Model, Prompt u Optimize |
| Control de Tono | Deslizador de 0 a 100 — valores más bajos producen rescrituras concisas; valores más altos generan documentos técnicos detallados |
1. Escribe o pega tu requisito informal en el campo de texto.
2. Establece la audiencia, contexto, formato y tono.
3. Haz clic en Translate (o, desde el editor, usa Cmd+Shift+T / Ctrl+Shift+T sobre una selección).
4. La salida aparece en el panel. Cópiala al portapapeles, insértala en la posición del cursor, o refinala.
Tu nivel de suscripción actual aparece en la parte superior del panel. Las funciones que están por encima de tu nivel muestran una insignia de candado e invocan el modal de precios al hacer clic.
Mientras se ejecuta una traducción, el panel informa cada paso a medida que se completa — preparar la solicitud, leer el código, escribir la especificación y finalizar — junto con una barra de progreso y un temporizador.
Los pasos que no aplican a tu solicitud no se muestran. La fundamentación se omite cuando no hay ningún Proyecto de Contexto seleccionado ni archivos adjuntos, y en cada refinamiento, porque un refinamiento reutiliza el contexto de la traducción original.
Suelta archivos directamente sobre el área de adjuntos, o haz clic en ella para abrir el selector de archivos. Ambas vías aceptan varios archivos a la vez.
Los formatos aceptados son PNG, JPEG, WebP, PDF, TXT y MD, hasta 10 MB cada uno. Las capturas de pantalla se reducen automáticamente antes de enviarse, para que una captura Retina no consuma toda la solicitud por sí sola.
Se aplican dos límites por traducción:
| Límite | Valor |
| ---------------------- | --------------------------- |
| Archivos por solicitud | 20 |
| Tamaño combinado | ~3,15 MB después de reducir |
El tamaño combinado suele ser el límite que alcanzas primero, así que el panel muestra cuánto has usado en lugar de solo un conteo de archivos. Si un archivo no puede añadirse, se lista con el motivo — los que sí entraron permanecen adjuntos.
También puedes arrastrar archivos directamente desde el Explorador de VS Code, los resultados de búsqueda o una pestaña del editor, y seleccionar varios a la vez. Si sueltas más de 20, se adjuntan los primeros 20 y el panel te avisa de que el resto no se incluyó.
La cabecera sobre el cuadro de entrada incluye un contador de caracteres en vivo y cuatro acciones:
| Acción | Efecto |
| ------------ | ---------------------------------------------------------------- |
| Copiar | Copia la entrada al portapapeles y mantiene el texto en su sitio |
| Cortar | Copia la entrada y luego vacía el cuadro |
| Deshacer | Restaura la entrada anterior |
| Limpiar | Vacía el cuadro sin tocar el portapapeles |
Cortar y Limpiar son reversibles, así que ninguno pierde tu texto de forma permanente. Cmd+Z / Ctrl+Z dentro del cuadro hace lo mismo que Deshacer.
Para los niveles VIBECODER, DEVELOPER y ENTERPRISE, puedes agregar instrucciones persistentes que se adjuntan a cada solicitud de traducción. Accede a esto a través de la configuración devspeak.customInstructions o desde el panel de configuración en la barra lateral.