Haystack Editor

El lienzo es el centro de Haystack Editor. En lugar de apilar pestañas, colocas editores donde quieras en un tablero sin límites y acercas para el detalle o alejas para la imagen completa. Arrastra un archivo o una función desde la barra lateral y se queda donde lo pongas, así que el diseño refleja cómo piensas el código y no el orden en que abriste los archivos. Es la pieza que hace que la herramienta se sienta distinta de un editor normal.

Cuando un fragmento de código llama a otro, Haystack traza una conexión entre los dos editores. Abre una función y el editor trae lo que llama, así que el grafo de llamadas aparece mientras navegas. Esta es la función que convierte una lista plana de archivos en algo parecido a un mapa. Puedes recorrer un camino por varios niveles de la jerarquía sin perder de dónde venías.

El explorador te da un árbol de archivos como punto de partida, igual que esperarías de VS Code. Desde ahí arrastras lo que necesitas al lienzo y dejas el resto atrás. Mantiene la forma conocida de recorrer un proyecto mientras el lienzo se encarga de lo que quieres tener delante. Para quien viene de VS Code, la barra lateral resulta familiar al instante.

Haystack mantiene la navegación por teclado en el centro, así que te mueves entre editores y saltas al código sin tocar el ratón. El proyecto trata la navegación rápida como una función de base y no como un extra, algo que importa en un lienzo donde desplazarse y hacer zoom podría ralentizarte. Los atajos vienen de VS Code, así que la memoria muscular sigue funcionando.

El editor incluye una función de IA que te redacta una función. Describes lo que quieres y produce el código, que luego colocas y conectas en el lienzo como cualquier otra cosa. Apunta al momento de página en blanco, cuando sabes la forma de una función pero no quieres teclear el código repetitivo. Funciona junto al resto del editor, no como una ventana de chat aparte.

Como Haystack es un fork de VS Code, la experiencia de edición, las extensiones, los ajustes y los atajos se mantienen. Puedes importar tu configuración de VS Code en la primera ejecución, así que el tema, los atajos y las extensiones en los que confías aparecen sin rehacerlos. Las extensiones incluidas añaden soporte de lenguaje, autocompletado e ir a la definición para los lenguajes con los que trabajas, usando los mismos bloques que usa VS Code.

El lienzo premia una pantalla grande. En un monitor normal ves más código que en una columna de pestañas, y en un ultraancho o con varios monitores puedes repartir todo un subsistema por la pantalla. Los editores fijados pueden retener partes de la pantalla mientras trabajas en otro sitio. Es una cosa pequeña de describir, pero gran parte de por qué el diseño en lienzo vale el cambio.