vipcode 0.2.1 → 0.2.3

package/README.en.md

@@ -41,6 +41,8 @@ vipcode skills add anthropics/skills   # install skills from GitHub
 vipcode update                         # update vipcode
 ```
 
+Every conversation is saved automatically in `~/.vipcode/sessions/` as `.json` (to resume it) and `.md` (the whole conversation, readable and never truncated by context compaction). When you resume one (`vipcode -c`, `/sessions`), the previous conversation is shown on screen.
+
 Inside the UI: Enter sends, Tab switches between the `build` and `plan` agents, Ctrl+P opens the command palette, `@path` attaches files, `!command` runs a shell command, Esc interrupts and `/help` lists everything.
 
 ## Security

package/README.md

@@ -118,7 +118,7 @@ vipcode trust                # confiar en la configuración que trae esta carpet
 - **Con npm** (`npm install -g vipcode` o el paquete de la release): mira cuál es la última versión publicada en npm y en GitHub y, si es más nueva que la tuya, la instala.
 - **Desde el código** (`git clone` + `npm link`): trae lo último del repositorio con `git pull`, instala las dependencias y compila. Si tienes cambios sin guardar en esa carpeta, no toca nada y te avisa.
 
-Después cierra vipcode y vuelve a abrirlo. Además, una vez al día vipcode mira si hay una versión nueva y te avisa al abrirlo; se desactiva con `"checkUpdates": false` en la configuración.
+Después cierra vipcode y vuelve a abrirlo. Además, una vez al día vipcode mira si hay una versión nueva y te avisa al abrirlo con un recuadro verde, y te lo recuerda en la barra de abajo hasta que actualizas; se desactiva con `"checkUpdates": false` en la configuración.
 
 ### En la interfaz
 
@@ -134,6 +134,15 @@ Mientras trabaja ves qué modelo está pensando, cada herramienta con su acción
 
 Antes de editar un fichero, ejecutar un comando o salir a internet, vipcode pregunta enseñando el diff o el comando. Puedes contestar que sí una vez, que sí a todo lo de ese tipo durante la sesión, que sí siempre a un comando concreto (por ejemplo `npm test*`), que no, o que no y explicarle qué hacer.
 
+### Sesiones
+
+Cada conversación se guarda sola en `~/.vipcode/sessions/`, en dos ficheros:
+
+- **`.json`**, para poder seguirla.
+- **`.md`**, con la conversación entera para leerla o compartirla: lo que escribiste, cada respuesta con el modelo que contestó, las herramientas que usó y los cambios que hizo en cada fichero. Se actualiza solo mientras hablas y no pierde nada aunque la conversación se resuma para que quepa en el modelo.
+
+Para volver a una conversación: `vipcode -c` (la última de esta carpeta), `/sessions` (eliges de la lista) o `vipcode -s <id>`. Al volver ves en pantalla toda la conversación anterior, y el modelo tiene su contexto para seguir donde lo dejasteis. `/export` guarda además una copia en `~/.vipcode/exports/`.
+
 ### Comandos
 
 | Comando | Qué hace |
@@ -363,7 +372,7 @@ Los planes gratuitos tienen letra pequeña: los proveedores anónimos (Kilo, OVH
 Todo está en `~/.vipcode` (o en `VIPCODE_HOME` si la defines):
 
 - `config.json`: tu configuración. `auth.json`: claves (permisos 600). `state.json`: pausas de los proveedores. `notices.json`: avisos que ya has visto. `update.json`: última comprobación de versiones nuevas. `trusted.json`: carpetas en las que confías.
-- `models.json`: modelos descubiertos. `ranking.json`: puntuaciones de LLM Stats descargadas con tu clave. `sessions/`: conversaciones. `history.jsonl`: lo que has escrito.
+- `models.json`: modelos descubiertos. `ranking.json`: puntuaciones de LLM Stats descargadas con tu clave. `sessions/`: conversaciones (un `.json` para seguirlas y un `.md` para leerlas). `history.jsonl`: lo que has escrito.
 - `snapshots/`: instantáneas para `/undo` (un repositorio git aparte por proyecto; no toca tu `.git`).
 - `exports/`: conversaciones exportadas. `agents/`, `commands/` y `skills/`: tus agentes, comandos y skills globales.
 

package/dist/agent.js

@@ -94,6 +94,10 @@ export class Agent {
     addNote(text) {
         this.pendingNote += text;
     }
+    // Apunta algo en el historial de la sesión (lo que se enseña al volver y se guarda en el .md)
+    logEntry(entry) {
+        this.session.log.push({ ...entry, time: Date.now() });
+    }
     toolContext(agent, signal, depth) {
         const lsp = this.deps.lsp;
         const ctx = {
@@ -195,6 +199,7 @@ export class Agent {
             { role: "assistant", content: "Entendido, sigo desde aquí." },
         ];
         this.session.epoch++;
+        this.logEntry({ role: "info", text: "Conversación resumida para ahorrar contexto: el modelo sigue con un resumen, pero aquí sigue todo lo anterior." });
         saveSession(this.session);
         this.events.onInfo?.(`Conversación resumida (~${estimateTokens(this.session.messages)} tokens).`);
     }
@@ -274,6 +279,13 @@ export class Agent {
             this.events.onToolStart?.(event);
             const result = await runTool(tools, name, args, { ...ctx, onProgress: (text) => this.events.onToolProgress?.(event, text) }, agent.readOnly);
             this.events.onToolEnd?.({ ...event, output: result.output, display: result.display, isError: Boolean(result.isError) });
+            if (depth === 0) {
+                this.logEntry({
+                    role: "tool",
+                    text: truncate(result.output, 4000),
+                    tool: { name, summary: event.summary, isError: Boolean(result.isError), display: result.display ? truncate(result.display, 4000) : undefined },
+                });
+            }
             if (result.images) {
                 images.push(...result.images);
             }
@@ -332,11 +344,12 @@ export class Agent {
             await this.ensureRoom(tools, signal);
             const before = this.deps.snapshots ? await this.deps.snapshots.track() : null;
             beginTurn();
-            turn = { messageIndex: this.session.messages.length, before, after: null, epoch: this.session.epoch, userText: input.text };
+            turn = { messageIndex: this.session.messages.length, before, after: null, epoch: this.session.epoch, userText: input.display ?? input.text };
             this.session.turns.push(turn);
             this.session.redo = [];
             this.session.agent = this.agent.name;
             this.session.messages.push(this.buildUserMessage(input));
+            this.logEntry({ role: "user", text: input.display ?? input.text, images: input.images?.length || undefined });
             saveSession(this.session);
             await this.loop(tools, signal);
         }
@@ -361,6 +374,9 @@ export class Agent {
             const result = await this.step(this.fullMessages(tools), tools, agent, signal, 0);
             const message = result.message;
             this.session.messages.push(message);
+            if (typeof message.content === "string" && message.content.trim() !== "") {
+                this.logEntry({ role: "assistant", text: message.content, model: result.slot.key });
+            }
             saveSession(this.session);
             if (!message.tool_calls || message.tool_calls.length === 0) {
                 if (this.events.onAnswer) {
@@ -387,6 +403,7 @@ export class Agent {
             if (this.queue.length > 0) {
                 for (const queued of this.queue.splice(0)) {
                     this.session.messages.push(this.buildUserMessage({ text: `[Mensaje nuevo del usuario mientras trabajabas] ${queued.text}`, images: queued.images }));
+                    this.logEntry({ role: "user", text: queued.text, images: queued.images?.length || undefined });
                 }
                 this.events.onInfo?.("(mensaje entregado al agente)");
                 saveSession(this.session);
@@ -464,6 +481,7 @@ export class Agent {
         }
         this.session.redo.push({ turn, messages: removed });
         this.readTimes.clear();
+        this.logEntry({ role: "info", text: `Deshecho: «${turn.userText}»${files.length > 0 ? ` (ficheros restaurados: ${files.join(", ")})` : ""}` });
         saveSession(this.session);
         return { files, text: turn.userText, restoredMessages };
     }
@@ -481,6 +499,7 @@ export class Agent {
         }
         this.session.turns.push(entry.turn);
         this.readTimes.clear();
+        this.logEntry({ role: "info", text: `Rehecho: «${entry.turn.userText}»` });
         saveSession(this.session);
         return { files };
     }

package/dist/app.js

@@ -16,7 +16,7 @@ import { SessionGrants, createAsker, permissionsFor } from "./permissions.js";
 import { Ranking, loadRankingData, rankingKey, refreshRanking } from "./ranking.js";
 import { Router } from "./router.js";
 import { loadSkills, skillContent } from "./skills.js";
-import { deleteSession, listSessions, newSession, saveExport, saveSession } from "./session.js";
+import { deleteSession, listSessions, newSession, saveExport, saveSession, sessionMarkdownPath } from "./session.js";
 import { Snapshots } from "./snapshot.js";
 import { updateVipcode } from "./update.js";
 import { formatTodos, truncate } from "./tools.js";
@@ -127,6 +127,10 @@ export class App {
     yolo = false;
     local = {};
     lastSessions = [];
+    // Versión nueva de vipcode publicada: la interfaz la recuerda abajo hasta que la instalas con /update
+    newVersion = null;
+    // /update ya la ha instalado: se usa al cerrar y volver a abrir vipcode
+    updateInstalled = false;
     // La interfaz pone aquí cómo preguntar los permisos
     promptPermission = async () => ({
         allow: false,
@@ -206,7 +210,11 @@ export class App {
     }
     privacyNotice() {
         const names = [...new Set(this.router.slots.filter((slot) => slot.anonymous).map((slot) => (slot.provider.label || slot.provider.name).replace(/ \(sin clave\)$/, "")))];
-        return `Sin clave, vipcode usa proveedores gratuitos que no piden registro (${names.join(", ")}). Pueden guardar lo que les envías y usarlo para mejorar sus modelos: no les mandes contraseñas, claves ni código confidencial. Con /connect añades un proveedor con clave, y con "keyless": false en la configuración dejas de usar los anónimos.`;
+        return [
+            `Para que puedas empezar ya mismo, vipcode usa IAs gratuitas que no piden registro (${names.join(", ")}).`,
+            "Como son gratis, pueden guardar lo que les escribes para mejorar sus modelos, así que mejor no compartas contraseñas, claves ni datos privados.",
+            "Cuando quieras, conecta una cuenta gratuita con /connect y tendrás más mensajes y más modelos.",
+        ].join("\n");
     }
     acceptPrivacyNotice() {
         let data = {};
@@ -303,7 +311,7 @@ export class App {
     }
     anonymousNotice() {
         const names = [...new Set(this.router.slots.map((slot) => (slot.provider.label || slot.provider.name).replace(/ \(sin clave\)/, "")))];
-        return `Sin claves: usando modelos gratis anónimos (${names.join(", ")}). Tienen pocas peticiones por hora y pueden guardar lo que envías; con /connect añades claves gratis con más límites.`;
+        return `Estás usando IAs gratuitas sin registro (${names.join(", ")}). Consejo: conecta una cuenta gratuita con /connect para tener más mensajes y más modelos (y recuerda no compartir datos privados).`;
     }
     // Siguiente agente principal (Tab)
     cycleAgent(direction = 1) {
@@ -819,7 +827,7 @@ export class App {
                     })));
                     if (choice) {
                         this.loadSession(choice);
-                        ui.info(`Cargada: ${choice.title} (${choice.messages.length} mensajes)`);
+                        return { loaded: true };
                     }
                     return {};
                 }
@@ -832,11 +840,9 @@ export class App {
                 const chosen = this.lastSessions[Number(arg) - 1];
                 if (chosen) {
                     this.loadSession(chosen);
-                    ui.info(`Cargada: ${chosen.title} (${chosen.messages.length} mensajes)`);
-                }
-                else {
-                    ui.error("Número no válido. Usa /sessions primero.");
+                    return { loaded: true };
                 }
+                ui.error("Número no válido. Usa /sessions primero.");
                 return {};
             }
             case "/delete": {
@@ -856,7 +862,7 @@ export class App {
                     ui.info("La conversación está vacía.");
                 }
                 else {
-                    ui.info(`Conversación guardada en ${saveExport(this.agent.session)}`);
+                    ui.info(`Conversación guardada en ${saveExport(this.agent.session)} (además se guarda sola en ${sessionMarkdownPath(this.agent.session)})`);
                 }
                 return {};
             }
@@ -915,6 +921,8 @@ export class App {
                 }
                 else {
                     ui.info(result.message);
+                    this.newVersion = null;
+                    this.updateInstalled ||= result.status === "updated";
                 }
                 return {};
             }
@@ -935,13 +943,13 @@ export class App {
         const custom = this.commands.find((item) => item.name === name);
         if (custom) {
             const expanded = await expandCommand(custom, arg, this.root);
-            return { run: { input: { text: expanded }, options: { agent: custom.agent, model: custom.model, subtask: custom.subtask } } };
+            return { run: { input: { text: expanded, display: text.trim() }, options: { agent: custom.agent, model: custom.model, subtask: custom.subtask } } };
         }
         // /nombre-de-skill tarea: se le da la skill ya cargada junto con la tarea
         const skill = this.skills.find((item) => item.name === name && item.userInvocable);
         if (skill) {
             const task = arg ? `\n\nTarea: ${arg}` : "";
-            return { run: { input: { text: `Usa la skill «${skill.name}» para esto.${task}\n\n${skillContent(skill)}` }, options: {} } };
+            return { run: { input: { text: `Usa la skill «${skill.name}» para esto.${task}\n\n${skillContent(skill)}`, display: text.trim() }, options: {} } };
         }
         const agent = this.primaryAgents().find((item) => item.name === name);
         if (agent) {
@@ -1010,6 +1018,8 @@ export class App {
                 signal?.removeEventListener("abort", stop);
                 const clean = output.replace(/\x1b\[[0-9;?]*[a-zA-Z]/g, "").trimEnd();
                 this.agent.addNote(`(El usuario ha ejecutado en la terminal \`${command}\`, código de salida ${code ?? "desconocido"}:\n\`\`\`\n${truncate(clean, 8000)}\n\`\`\`)\n\n`);
+                this.agent.logEntry({ role: "tool", text: truncate(clean, 4000), tool: { name: "bash", summary: `(tú) ${command}`, isError: code !== 0 } });
+                saveSession(this.agent.session);
                 resolve({ output: clean, code });
             };
             child.on("error", (err) => {

package/dist/index.js

@@ -15,7 +15,7 @@ import { createSkill, installSkills, loadSkills, removeSkill } from "./skills.js
 import { projectTrust, trustProject, untrustProject } from "./trust.js";
 import { updateVipcode } from "./update.js";
 import { completeMention } from "./tools.js";
-import { plainAdapter, plainEvents, plainPermissionPrompt, ui } from "./ui.js";
+import { plainAdapter, plainEvents, plainPermissionPrompt, printLog, ui } from "./ui.js";
 const USAGE = `vipcode ${VERSION} · agente de programación para la terminal con IAs gratuitas
 
 Uso:
@@ -420,6 +420,7 @@ async function plainLoop(app, options, root) {
     };
     const adapter = { ...plainAdapter, setInput: (text) => ui.info(`Tu mensaje era: ${text}`) };
     ui.banner(app.agent.agent.name, app.router.slots.length);
+    printLog(app.agent.session);
     if (options.args.length > 0) {
         await runTask(options.args.join(" "), {}, loadImages(options.images, root));
     }
@@ -453,6 +454,9 @@ async function plainLoop(app, options, root) {
             if (result.exit) {
                 break;
             }
+            if (result.loaded) {
+                printLog(app.agent.session);
+            }
             if (result.run) {
                 await runTask(result.run.input.text, result.run.options);
             }

package/dist/labels.js

@@ -0,0 +1,20 @@
+// Cómo se cuenta cada herramienta en pantalla y en las conversaciones guardadas
+const TOOL_LABEL = {
+    read_file: "Lee",
+    write_file: "Escribe",
+    edit_file: "Edita",
+    list_dir: "Lista",
+    glob: "Busca ficheros",
+    grep: "Busca",
+    bash: "Ejecuta",
+    webfetch: "Abre",
+    websearch: "Busca en internet",
+    todowrite: "Tareas",
+    todoread: "Tareas",
+    diagnostics: "Diagnósticos",
+    task: "Subagente",
+    skill: "Skill",
+};
+export function toolLabel(name) {
+    return TOOL_LABEL[name] || name;
+}

package/dist/session.js

@@ -1,6 +1,8 @@
 import fs from "node:fs";
 import path from "node:path";
+import { toolLabel } from "./labels.js";
 import { EXPORTS_DIR, HISTORY_PATH, SESSIONS_DIR, ensureHomeDir } from "./paths.js";
+import { describeCall } from "./tools.js";
 export function newSession(cwd) {
     const now = new Date();
     // id legible y ordenable: 20261029-174512-k3x
@@ -18,26 +20,98 @@ export function newSession(cwd) {
         redo: [],
         epoch: 0,
         usage: { prompt: 0, completion: 0 },
+        log: [],
     };
 }
+function contentText(content) {
+    if (typeof content === "string") {
+        return content;
+    }
+    if (Array.isArray(content)) {
+        return content
+            .map((part) => {
+            if (part.type === "text") {
+                return part.text;
+            }
+            if (part.type === "image_url") {
+                return "[imagen]";
+            }
+            return "";
+        })
+            .join("\n");
+    }
+    return "";
+}
+// Lo que escribiste, sin los ficheros adjuntos con @ ni las notas que añade vipcode
+function userText(text) {
+    let clean = text;
+    const attached = clean.indexOf("\n\nFicheros adjuntos con @");
+    if (attached >= 0) {
+        const names = [...clean.slice(attached).matchAll(/<(?:fichero|carpeta) ruta="([^"]+)">/g)].map((match) => match[1]);
+        clean = `${clean.slice(0, attached)}\n\n_Adjuntos: ${names.join(", ")}_`;
+    }
+    return clean.replace(/^\((?:Nota|El usuario ha ejecutado)[\s\S]*?\)\n\n/, "").replace(/^\[Mensaje nuevo del usuario mientras trabajabas\] /, "");
+}
+// Las sesiones de antes no tenían historial: se saca de los mensajes que quedan
+function logFromMessages(messages, time) {
+    const log = [];
+    const results = new Map();
+    for (const message of messages) {
+        if (message.role === "tool") {
+            results.set(String(message.tool_call_id), contentText(message.content));
+        }
+    }
+    for (const message of messages) {
+        if (message.role === "user") {
+            const text = contentText(message.content);
+            if (/^(Continúa con la tarea pendiente\.|Has hecho la misma llamada|Has repetido la misma llamada|Imágenes devueltas por las herramientas:)/.test(text)) {
+                continue;
+            }
+            if (text.startsWith("Resumen de la conversación anterior:")) {
+                log.push({ role: "info", text: "Conversación resumida para ahorrar contexto (lo anterior al resumen ya no se guardaba entonces).", time });
+                continue;
+            }
+            log.push({ role: "user", text: userText(text), time });
+        }
+        else if (message.role === "assistant") {
+            const text = contentText(message.content);
+            if (text.trim() !== "" && text !== "Entendido, sigo desde aquí.") {
+                log.push({ role: "assistant", text, time });
+            }
+            for (const call of (message.tool_calls || [])) {
+                const name = String(call.function?.name || "");
+                const output = results.get(String(call.id)) || "";
+                log.push({ role: "tool", text: output.slice(0, 4000), time, tool: { name, summary: describeCall(name, call.function?.arguments || ""), isError: output.startsWith("Error") } });
+            }
+        }
+    }
+    return log;
+}
 // Las sesiones de la versión anterior no tenían todos los campos
 function normalize(data) {
+    const messages = Array.isArray(data.messages) ? data.messages : [];
     return {
         id: String(data.id),
         title: data.title || "(sin título)",
         cwd: data.cwd || "",
         created: data.created || data.updated || Date.now(),
         updated: data.updated || Date.now(),
-        messages: Array.isArray(data.messages) ? data.messages : [],
+        messages,
         todos: Array.isArray(data.todos) ? data.todos : [],
         turns: Array.isArray(data.turns) ? data.turns : [],
         redo: Array.isArray(data.redo) ? data.redo : [],
         epoch: data.epoch || 0,
         usage: data.usage || { prompt: 0, completion: 0 },
         agent: data.agent,
+        log: Array.isArray(data.log) ? data.log : logFromMessages(messages, data.updated || Date.now()),
     };
 }
 function firstUserText(session) {
+    // Lo que escribiste (por ejemplo «/review»), mejor que el mensaje ya expandido
+    const logged = session.log.find((entry) => entry.role === "user");
+    if (logged) {
+        return logged.text;
+    }
     const first = session.messages.find((m) => m.role === "user");
     if (!first) {
         return "";
@@ -65,6 +139,16 @@ export function saveSession(session) {
         }
     }
     fs.writeFileSync(path.join(SESSIONS_DIR, `${session.id}.json`), JSON.stringify(session));
+    // Y la conversación entera en Markdown, para leerla cuando quieras
+    try {
+        fs.writeFileSync(sessionMarkdownPath(session), exportMarkdown(session));
+    }
+    catch {
+        // no es grave: lo importante es el .json
+    }
+}
+export function sessionMarkdownPath(session) {
+    return path.join(SESSIONS_DIR, `${session.id}.md`);
 }
 export function listSessions(cwd) {
     if (!fs.existsSync(SESSIONS_DIR)) {
@@ -80,6 +164,10 @@ export function listSessions(cwd) {
             if (!cwd || data.cwd === cwd) {
                 sessions.push(data);
             }
+            // Las conversaciones de antes de que existiera el .md también lo tienen
+            if (data.log.length > 0 && !fs.existsSync(sessionMarkdownPath(data))) {
+                fs.writeFileSync(sessionMarkdownPath(data), exportMarkdown(data));
+            }
         }
         catch {
             // sesión corrupta: la ignoramos
@@ -102,75 +190,57 @@ export function deleteSession(id) {
         return false;
     }
     fs.rmSync(file);
+    fs.rmSync(path.join(SESSIONS_DIR, `${id}.md`), { force: true });
     return true;
 }
-function contentText(content) {
-    if (typeof content === "string") {
-        return content;
-    }
-    if (Array.isArray(content)) {
-        return content
-            .map((part) => {
-            if (part.type === "text") {
-                return part.text;
-            }
-            if (part.type === "image_url") {
-                return "[imagen]";
-            }
-            return "";
-        })
-            .join("\n");
-    }
-    return "";
+// Un bloque de código que no se rompe aunque el texto lleve ```
+function fence(text, lang = "") {
+    const longest = Math.max(2, ...[...text.matchAll(/`+/g)].map((match) => match[0].length));
+    const ticks = "`".repeat(longest + 1);
+    return [`${ticks}${lang}`, text, ticks];
 }
-// La conversación en Markdown, para guardarla o compartirla
+// En español aunque el sistema no diga el idioma: 29/10/2026, 20:06:06
+function when(time) {
+    return new Date(time).toLocaleString("es-ES");
+}
+// La conversación entera en Markdown (sale del historial, que no se resume nunca)
 export function exportMarkdown(session) {
     const lines = [
         `# ${session.title}`,
         "",
         `- Carpeta: \`${session.cwd}\``,
-        `- Empezada: ${new Date(session.created).toLocaleString()}`,
-        `- Última actividad: ${new Date(session.updated).toLocaleString()}`,
+        `- Empezada: ${when(session.created)} · Última actividad: ${when(session.updated)}`,
         `- Tokens: ${session.usage.prompt} de entrada, ${session.usage.completion} de salida`,
         "",
+        "---",
+        "",
     ];
-    for (const message of session.messages) {
-        if (message.role === "system") {
-            continue;
+    for (const entry of session.log) {
+        if (entry.role === "user") {
+            const images = entry.images ? ` · ${entry.images} imagen${entry.images > 1 ? "es" : ""}` : "";
+            lines.push(`### Tú · ${when(entry.time)}${images}`, "", entry.text, "");
         }
-        if (message.role === "user") {
-            let text = contentText(message.content);
-            const attached = text.indexOf("\n\nFicheros adjuntos con @");
-            if (attached >= 0) {
-                const names = [...text.slice(attached).matchAll(/<(?:fichero|carpeta) ruta="([^"]+)">/g)].map((match) => match[1]);
-                text = `${text.slice(0, attached)}\n\n_Adjuntos: ${names.join(", ")}_`;
-            }
-            lines.push("## Tú", "", text, "");
+        else if (entry.role === "assistant") {
+            lines.push(`### vipcode${entry.model ? ` · ${entry.model}` : ""}`, "", entry.text, "");
         }
-        else if (message.role === "assistant") {
-            const text = contentText(message.content);
-            lines.push("## vipcode", "");
-            if (text.trim() !== "") {
-                lines.push(text, "");
+        else if (entry.role === "tool" && entry.tool) {
+            const summary = entry.tool.summary ? ` \`${entry.tool.summary.replace(/`/g, "'")}\`` : "";
+            lines.push(`- **${toolLabel(entry.tool.name)}**${summary}${entry.tool.isError ? " — ✗ falló" : ""}`);
+            if (entry.tool.display) {
+                lines.push("", ...fence(entry.tool.display, "diff"), "");
             }
-            const calls = message.tool_calls || [];
-            for (const call of calls) {
-                let args = call.function?.arguments || "";
-                if (args.length > 600) {
-                    args = `${args.slice(0, 600)}…`;
+            else if (entry.tool.isError || entry.tool.name === "bash") {
+                const output = entry.text.split("\n").slice(0, 15).join("\n");
+                if (output.trim() !== "") {
+                    lines.push("", ...fence(output), "");
                 }
-                lines.push(`> 🔧 **${call.function?.name}** \`${args.replace(/`/g, "'")}\``, "");
             }
         }
-        else if (message.role === "tool") {
-            let text = contentText(message.content);
-            if (text.length > 2000) {
-                text = `${text.slice(0, 2000)}\n[…]`;
-            }
-            lines.push("<details><summary>Resultado</summary>", "", "```", text.replace(/```/g, "'''"), "```", "", "</details>", "");
+        else if (entry.role === "info") {
+            lines.push("", `_${entry.text}_`, "");
         }
     }
-    return lines.join("\n");
+    return `${lines.join("\n").replace(/\n{3,}/g, "\n\n").trimEnd()}\n`;
 }
 export function saveExport(session) {
     fs.mkdirSync(EXPORTS_DIR, { recursive: true });

package/dist/tui/app.js

@@ -8,36 +8,22 @@ import { useEffect, useMemo, useRef, useState } from "react";
 import { configNotices } from "../config.js";
 import { discoveryIsStale } from "../discovery.js";
 import { isImagePath, readClipboardImage, toDataUrl } from "../images.js";
+import { toolLabel } from "../labels.js";
 import { renderMarkdown } from "../markdown.js";
 import { VERSION } from "../meta.js";
 import { NoSlotError } from "../router.js";
 import { showControl, stripControl, stripUnsafe } from "../sanitize.js";
-import { appendHistory, loadHistory } from "../session.js";
+import { appendHistory, loadHistory, sessionMarkdownPath } from "../session.js";
 import { suggestFiles } from "../tools.js";
 import { colorPreview } from "../ui.js";
 import { checkForUpdate } from "../update.js";
 import { PermissionDialog, PromptDialog, SelectDialog } from "./dialogs.js";
 import * as E from "./editor.js";
+// Al volver a una sesión se enseñan sus últimos pasos (el .md los tiene todos)
+const REPLAY_MAX = 300;
 // Comandos que se pueden usar mientras el agente trabaja (solo consultan)
 const SAFE_WHILE_BUSY = ["/help", "/usage", "/todos", "/mcp", "/lsp", "/providers", "/skills"];
 const SPINNER = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
-// Cómo se cuenta cada herramienta en pantalla
-const TOOL_LABEL = {
-    read_file: "Lee",
-    write_file: "Escribe",
-    edit_file: "Edita",
-    list_dir: "Lista",
-    glob: "Busca ficheros",
-    grep: "Busca",
-    bash: "Ejecuta",
-    webfetch: "Abre",
-    websearch: "Busca en internet",
-    todowrite: "Tareas",
-    todoread: "Tareas",
-    diagnostics: "Diagnósticos",
-    task: "Subagente",
-    skill: "Skill",
-};
 function Spinner(props) {
     const { frame } = useAnimation({ interval: 80 });
     return _jsx(Text, { color: props.color || "cyan", children: SPINNER[frame % SPINNER.length] });
@@ -166,7 +152,7 @@ function toolDetail(event) {
 }
 // El resumen sale de lo que pidió el modelo (comandos, rutas): los caracteres de control se ven, no actúan
 function ToolHeader(props) {
-    return (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, children: TOOL_LABEL[props.name] || showControl(props.name) }), props.summary ? _jsxs(Text, { children: [" ", showControl(props.summary)] }) : null] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, children: showControl(toolLabel(props.name)) }), props.summary ? _jsxs(Text, { children: [" ", showControl(props.summary)] }) : null] }));
 }
 function ToolView(props) {
     const { event } = props;
@@ -214,6 +200,8 @@ function ItemView(props) {
             const shown = lines.slice(-30);
             return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { children: [_jsxs(Text, { color: "yellow", bold: true, children: ["$", " "] }), _jsx(Text, { bold: true, children: showControl(item.command) })] }), lines.length > shown.length ? _jsxs(Text, { dimColor: true, children: ["  \u2026 ", lines.length - shown.length, " l\u00EDneas antes"] }) : null, shown.length > 0 ? _jsx(Text, { children: shown.map((line) => `  ${line}`).join("\n") }) : null, _jsxs(Text, { dimColor: true, children: ["  ", item.code === 0 ? "✓" : "✗", " c\u00F3digo ", item.code ?? "?", " \u00B7 el agente ver\u00E1 la salida con tu siguiente mensaje"] })] }));
         }
+        case "update":
+            return (_jsxs(Box, { marginY: 1, alignSelf: "flex-start", flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 2, children: [_jsx(Text, { bold: true, color: "green", children: "\u2191 \u00A1Hay una versi\u00F3n nueva de vipcode!" }), _jsxs(Text, { children: [VERSION, " \u2192 ", _jsx(Text, { bold: true, color: "green", children: stripControl(item.version) }), " \u00B7 escribe", " ", _jsx(Text, { bold: true, color: "cyan", children: "/update" }), " ", "para instalarla"] })] }));
         // Avisos y bloques pueden llevar mensajes de los proveedores o datos de fuera: solo se dejan los colores
         case "info":
             return _jsx(Text, { dimColor: true, children: stripUnsafe(item.text) });
@@ -289,11 +277,17 @@ function StatusBar(props) {
     const usage = app.agent.session.usage;
     const spent = usage.prompt + usage.completion;
     const queued = app.agent.queue.length;
-    let hint = "ctrl+p comandos · /help";
+    let hint = _jsx(Text, { dimColor: true, children: "ctrl+p comandos \u00B7 /help" });
     if (props.busy) {
-        hint = "esc interrumpe · escribe para añadir instrucciones";
+        hint = _jsx(Text, { dimColor: true, children: "esc interrumpe \u00B7 escribe para a\u00F1adir instrucciones" });
     }
-    return (_jsxs(Box, { justifyContent: "space-between", paddingX: 1, children: [_jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { bold: true, color: agent?.color || "magenta", children: props.agentName }), _jsxs(Text, { dimColor: true, children: [" ", "\u00B7 ", current || "rotación automática", slot && slot.score !== null ? ` ★${slot.score}` : "", app.router.pinned ? " (fijado)" : ""] }), _jsx(ContextGauge, { used: app.agent.lastTokens, total: context }), _jsxs(Text, { dimColor: true, children: [" ", "\u00B7 ", available, "/", app.router.slots.length, " modelos", spent > 0 ? ` · ${shortTokens(spent)} tokens` : "", queued > 0 ? ` · ${queued} en cola` : ""] }), app.yolo ? _jsx(Text, { color: "red", children: " \u00B7 yolo" }) : null] }), _jsx(Text, { dimColor: true, wrap: "truncate-start", children: hint })] }));
+    else if (app.updateInstalled) {
+        hint = _jsx(Text, { color: "green", children: "\u2713 vipcode actualizado \u00B7 ci\u00E9rralo y vuelve a abrirlo para usarlo" });
+    }
+    else if (app.newVersion) {
+        hint = (_jsxs(Text, { bold: true, color: "green", children: ["\u2191 vipcode ", stripControl(app.newVersion), " disponible \u00B7 escribe /update"] }));
+    }
+    return (_jsxs(Box, { justifyContent: "space-between", paddingX: 1, children: [_jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { bold: true, color: agent?.color || "magenta", children: props.agentName }), _jsxs(Text, { dimColor: true, children: [" ", "\u00B7 ", current || "rotación automática", slot && slot.score !== null ? ` ★${slot.score}` : "", app.router.pinned ? " (fijado)" : ""] }), _jsx(ContextGauge, { used: app.agent.lastTokens, total: context }), _jsxs(Text, { dimColor: true, children: [" ", "\u00B7 ", available, "/", app.router.slots.length, " modelos", spent > 0 ? ` · ${shortTokens(spent)} tokens` : "", queued > 0 ? ` · ${queued} en cola` : ""] }), app.yolo ? _jsx(Text, { color: "red", children: " \u00B7 yolo" }) : null] }), _jsx(Text, { wrap: "truncate-start", children: hint })] }));
 }
 function Main(props) {
     const { app } = props;
@@ -505,6 +499,9 @@ function Main(props) {
                     await quit();
                     return;
                 }
+                if (result.loaded) {
+                    replay(app.agent.session);
+                }
                 if (result.run) {
                     void runAgent({ ...result.run.input, images }, result.run.options);
                 }
@@ -524,10 +521,10 @@ function Main(props) {
     };
     // La primera vez que se van a usar proveedores sin clave, explicamos qué pasa con lo que envías
     const askPrivacy = async () => {
-        const choice = await adapter.select(`Antes de empezar: ${app.privacyNotice()}`, [
-            { label: "Entendido, empezar", value: "ok" },
-            { label: "Añadir antes un proveedor con clave", description: "como /connect", value: "connect" },
-            { label: "No usar nunca los que no piden clave", description: 'guarda "keyless": false en tu configuración', value: "off" },
+        const choice = await adapter.select(`¡Te damos la bienvenida a vipcode!\n${app.privacyNotice()}`, [
+            { label: "Empezar", description: "con las IAs gratuitas sin registro", value: "ok" },
+            { label: "Conectar antes una cuenta gratuita", description: "para tener más mensajes y más modelos", value: "connect" },
+            { label: "Prefiero usar solo mis cuentas", description: "y no las IAs sin registro", value: "off" },
         ]);
         if (!choice) {
             // Con Esc se vuelve a preguntar la próxima vez
@@ -539,13 +536,42 @@ function Main(props) {
         }
         else if (choice === "off") {
             app.disableKeyless();
-            push({ kind: "info", text: "No usaré los proveedores sin clave (lo puedes cambiar con \"keyless\" en la configuración)." });
+            push({ kind: "info", text: 'Hecho: solo usaré las cuentas que conectes. Si cambias de idea, pon "keyless": true en tu configuración (/config te dice dónde está).' });
             if (app.router.slots.length === 0) {
                 await app.connect(adapter, "");
             }
         }
         refresh();
     };
+    // La conversación de una sesión a la que vuelves, tal como la viste
+    const replay = (session) => {
+        const entries = session.log;
+        if (entries.length === 0) {
+            push({ kind: "info", text: `Sesión «${session.title}» cargada.` });
+            return;
+        }
+        const shown = entries.slice(-REPLAY_MAX);
+        push({ kind: "info", text: `── Conversación anterior: «${session.title}» · ${new Date(session.updated).toLocaleString()} ──` });
+        if (entries.length > shown.length) {
+            push({ kind: "info", text: `… ${entries.length - shown.length} pasos antes; la conversación entera está en ${sessionMarkdownPath(session)}` });
+        }
+        shown.forEach((entry, index) => {
+            if (entry.role === "user") {
+                push({ kind: "user", text: entry.text, images: entry.images || 0, color: agentColor() });
+            }
+            else if (entry.role === "assistant") {
+                push({ kind: "assistant", text: entry.text, color: agentColor() });
+            }
+            else if (entry.role === "tool" && entry.tool) {
+                const event = { id: `historial-${index}`, name: entry.tool.name, summary: entry.tool.summary, depth: 0, agent: "" };
+                push({ kind: "tool", event: { ...event, output: entry.text, display: entry.tool.display, isError: entry.tool.isError }, ms: 0 });
+            }
+            else {
+                push({ kind: "info", text: entry.text });
+            }
+        });
+        push({ kind: "info", text: "── Sigues desde aquí (/new empieza otra conversación) ──" });
+    };
     // Paleta de comandos (Ctrl+P): todos los comandos, skills y agentes con su descripción
     const openPalette = async () => {
         const commands = app.commandSuggestions();
@@ -659,14 +685,13 @@ function Main(props) {
         for (const notice of configNotices) {
             push({ kind: "notice", text: notice });
         }
-        const session = app.agent.session;
-        if (session.messages.length > 0) {
-            push({ kind: "info", text: `Continúas «${session.title}» (${session.turns.length} mensajes tuyos). /new empieza otra.` });
+        if (app.agent.session.log.length > 0) {
+            replay(app.agent.session);
         }
         if (app.router.slots.length === 0) {
             push({
                 kind: "notice",
-                text: "Todavía no tienes ningún modelo. Elige un proveedor gratuito y pega su clave (puedes repetirlo con /connect).",
+                text: "Para empezar, conecta una IA gratuita: elige una de la lista y sigue los pasos (puedes repetirlo cuando quieras con /connect).",
             });
             void app.connect(adapter, "").then(refresh);
         }
@@ -688,7 +713,8 @@ function Main(props) {
         if (app.config.checkUpdates !== false) {
             void checkForUpdate().then((version) => {
                 if (version) {
-                    push({ kind: "notice", text: `Hay una versión nueva de vipcode (${version}, tienes la ${VERSION}). Escribe /update para instalarla.` });
+                    app.newVersion = version;
+                    push({ kind: "update", version });
                 }
             });
         }

package/dist/tui/dialogs.js

@@ -154,7 +154,9 @@ export function SelectDialog(props) {
     const windowSize = 12;
     const start = Math.max(0, Math.min(selected - Math.floor(windowSize / 2), filtered.length - windowSize));
     const visible = filtered.slice(start, start + windowSize);
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: props.title }), _jsx(Text, { dimColor: true, children: filter ? `Filtro: ${filter}` : "Escribe para filtrar · ↑↓ elegir · Enter aceptar · Esc salir" }), visible.length === 0 ? _jsx(Text, { dimColor: true, children: "(nada coincide)" }) : null, visible.map((item, index) => {
+    // La primera línea del título va destacada; las siguientes, si las hay, explican la pregunta
+    const [heading, ...body] = props.title.split("\n");
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: heading }), body.length > 0 ? (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: body.join("\n") }) })) : null, _jsx(Text, { dimColor: true, children: filter ? `Filtro: ${filter}` : "Escribe para filtrar · ↑↓ elegir · Enter aceptar · Esc salir" }), visible.length === 0 ? _jsx(Text, { dimColor: true, children: "(nada coincide)" }) : null, visible.map((item, index) => {
                 const active = start + index === selected;
                 return (_jsxs(Text, { color: active ? "cyan" : undefined, wrap: "truncate-end", children: [active ? "❯ " : "  ", stripControl(item.label), item.description ? _jsxs(Text, { dimColor: true, children: [" ", stripControl(item.description)] }) : null] }, `${start + index}-${item.label}`));
             }), filtered.length > windowSize ? (_jsxs(Text, { dimColor: true, children: [selected + 1, "/", filtered.length] })) : null] }));

package/dist/ui.js

@@ -1,6 +1,9 @@
 import pc from "picocolors";
+import { toolLabel } from "./labels.js";
+import { renderMarkdown } from "./markdown.js";
 import { suggestPattern } from "./permissions.js";
 import { showControl, stripControl, stripUnsafe } from "./sanitize.js";
+import { sessionMarkdownPath } from "./session.js";
 import { formatTodos } from "./tools.js";
 export const ui = {
     text(chunk) {
@@ -175,6 +178,33 @@ export function plainPermissionPrompt(getReadline, grants) {
         }
     };
 }
+// La conversación de una sesión a la que vuelves, en el modo de texto simple
+export function printLog(session, max = 300) {
+    const entries = session.log;
+    if (entries.length === 0) {
+        return;
+    }
+    const shown = entries.slice(-max);
+    console.log(pc.dim(`── Conversación anterior: «${stripControl(session.title)}» · ${new Date(session.updated).toLocaleString()} ──`));
+    if (entries.length > shown.length) {
+        console.log(pc.dim(`… ${entries.length - shown.length} pasos antes; la conversación entera está en ${sessionMarkdownPath(session)}`));
+    }
+    for (const entry of shown) {
+        if (entry.role === "user") {
+            console.log(`\n${pc.magenta("❯")} ${stripControl(entry.text)}`);
+        }
+        else if (entry.role === "assistant") {
+            console.log(`\n${renderMarkdown(entry.text, process.stdout.columns || 80)}`);
+        }
+        else if (entry.role === "tool" && entry.tool) {
+            ui.tool(toolLabel(entry.tool.name), entry.tool.summary);
+        }
+        else {
+            console.log(pc.dim(stripControl(entry.text)));
+        }
+    }
+    console.log(pc.dim("\n── Sigues desde aquí (/new empieza otra conversación) ──"));
+}
 // Interfaz mínima para los comandos / en el modo de texto
 export const plainAdapter = {
     info: (text) => ui.info(text),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vipcode",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Agente de programación para la terminal que usa IAs gratuitas y salta a otro proveedor cuando uno se agota",
   "keywords": [
     "ai",