agent-from-zero 0.30.0 → 0.31.0

package/dist/agent.js

@@ -19,7 +19,7 @@ import { clearTodos, getTodos, renderTodos } from "./todos.js"; // the agent's p
 import { renderDiff } from "./diff.js"; // show what /undo put back / what /diff changed, reusing the Day 21 diff renderer
 import path from "node:path"; // shorten paths for the /diff summary
 import { expandMentions } from "./mentions.js"; // @file mentions: pull referenced files into context (secret files refused)
-import { banner, framedPrompt, formatModelChoices, statusLine } from "./ui.js"; // welcome box, prompt, model labels, status line
+import { banner, framedPrompt, formatModelChoices, statusLine, sentMessage } from "./ui.js"; // welcome box, prompt, model labels, status line, sent-message echo
 import { gitBranch, toggleLastCollapsed, revealReasoning, clearReasoning, revealToolCalls, clearToolCalls, cleanup as tuiCleanup } from "./tui.js"; // git branch + collapsible output + collapsed reasoning (Ctrl+R) + folded tool-call trace (Ctrl+T)
 import { promptSelect, promptForm } from "./menu.js"; // arrow-key approval menu + multi-question form
 import { editLine } from "./editor.js"; // our own line editor (keeps the status footer pinned even when input wraps)
@@ -249,7 +249,7 @@ async function main() {
             lineWaiters.shift()("exit"); // wake every waiter with a polite "exit"
     });
     // Get the next line of user input, showing a prompt if we have to wait.
-    const readUserLine = async (prompt, footer) => {
+    const readUserLine = async (prompt, footer, echo) => {
         if (pendingLines.length)
             return pendingLines.shift(); // typed-ahead (or piped) line — use it
         if (stdinDone)
@@ -259,7 +259,7 @@ async function main() {
             // so the status bar stays pinned below however the line wraps.
             editing = true;
             try {
-                const res = await editLine(rl, { prompt, footer, history, onTab: () => toggleLastCollapsed(), onReveal: () => revealReasoning(), onTools: () => revealToolCalls(), transformPaste: normalizeDroppedPaths });
+                const res = await editLine(rl, { prompt, footer, history, echo, onTab: () => toggleLastCollapsed(), onReveal: () => revealReasoning(), onTools: () => revealToolCalls(), transformPaste: normalizeDroppedPaths });
                 if (res.type === "line") {
                     if (res.value.trim())
                         history.push(res.value); // remember non-empty entries for ↑/↓
@@ -648,7 +648,7 @@ async function main() {
             console.log(""); // one blank line separates the previous answer from the prompt
             footer = statusLine(CONFIG.model, path.basename(process.cwd()), gitBranch(), ctxPct, costMeter.cost(), Date.now() - sessionStartedAt); // status pinned below the prompt
         }
-        const line = (await readUserLine(framedPrompt(isPlanMode()), footer)).trim(); // next input, or "exit" on EOF
+        const line = (await readUserLine(framedPrompt(isPlanMode()), footer, sentMessage)).trim(); // next input (echoed as a sent message above), or "exit" on EOF
         if (!line)
             continue; // empty line — just re-prompt
         if (line === "exit" || line === "quit") {

package/dist/editor.js

@@ -239,13 +239,24 @@ export function editLine(rl, opts) {
             input.off("keypress", onKey);
             for (const l of otherKeypress)
                 input.on("keypress", l); // give readline its keypress handler back
-            // Leave the typed command on screen, drop the footer, land on a fresh line.
-            const { rows } = layout(state.buffer, state.cursor, promptW, cols());
+            // Climb to the top of the input block and wipe it (prompt + wrapped input + footer).
             if (prevCursorRow > 0)
                 out.write(`\x1b[${prevCursorRow}A`);
             out.write("\r\x1b[0J");
-            const inputRows = rows.map((r, i) => (i === 0 ? opts.prompt + r : r));
-            out.write(inputRows.join("\r\n") + "\r\n");
+            // What stays on screen: with an echo styler (the main REPL prompt), a
+            // submitted message is re-rendered as a distinct "sent" line and the input
+            // box vanishes — your message scrolls up, the input clears, like a chat app.
+            // Without it (sub-prompts), leave the typed command under its prompt.
+            if (opts.echo) {
+                if (result.type === "line" && state.buffer.trim())
+                    out.write(opts.echo(state.buffer) + "\r\n");
+                // empty submit / cancel / eof: leave nothing — the wipe above already cleared it
+            }
+            else {
+                const { rows } = layout(state.buffer, state.cursor, promptW, cols());
+                const inputRows = rows.map((r, i) => (i === 0 ? opts.prompt + r : r));
+                out.write(inputRows.join("\r\n") + "\r\n");
+            }
             try {
                 input.setRawMode(wasRaw); // hand stdin back exactly as we found it
             }

package/dist/ui.js

@@ -124,6 +124,12 @@ export function inputRule() {
 export function framedPrompt(planMode) {
     return planMode ? chalk.yellow.bold("⏸ plan ❯ ") : chalk.cyan.bold("❯ ");
 }
+// How a SUBMITTED message is echoed into the scrollback once you hit Enter: a
+// distinct, muted "> …" line (not the bright ❯ prompt) so each turn reads like a
+// sent chat message scrolling up, leaving the input box empty below.
+export function sentMessage(text) {
+    return chalk.dim("> " + text);
+}
 // ---- the selection menu -----------------------------------------------------
 // Render a numbered list of options with one highlighted. The interactive part
 // (raw-mode arrow keys) lives in menu.ts; this is just the pure drawing, so it's

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agent-from-zero",
-  "version": "0.30.0",
+  "version": "0.31.0",
   "description": "Build a Claude Code-style CLI agent from scratch, with AI as your pair programmer — companion code for a 10-day tutorial (DeepSeek by default, any OpenAI-compatible model)",
   "type": "module",
   "bin": {
@@ -16,7 +16,7 @@
     "eval": "tsx --env-file=.env eval/run.ts",
     "build": "tsc -p tsconfig.build.json",
     "prepare": "npm run build",
-    "test": "tsx tests/tools.test.ts && tsx tests/permissions.test.ts && tsx tests/context.test.ts && tsx tests/hooks.test.ts && tsx tests/mcp.test.ts && tsx tests/judge.test.ts && tsx tests/memory.test.ts && tsx tests/cost.test.ts && tsx tests/validate.test.ts && tsx tests/plan.test.ts && tsx tests/diff.test.ts && tsx tests/undo.test.ts && tsx tests/tiering.test.ts && tsx tests/mcp-http.test.ts && tsx tests/changes.test.ts && tsx tests/mentions.test.ts && tsx tests/session.test.ts && tsx tests/ui.test.ts && tsx tests/approval.test.ts && tsx tests/form.test.ts && tsx tests/model.test.ts && tsx tests/reasoning.test.ts && tsx tests/skills.test.ts && tsx tests/markdown.test.ts && tsx tests/editor.test.ts && tsx tests/todos.test.ts && tsx tests/background.test.ts && tsx tests/team.test.ts && tsx tests/board.test.ts && tsx tests/drop.test.ts"
+    "test": "tsx tests/tools.test.ts && tsx tests/permissions.test.ts && tsx tests/context.test.ts && tsx tests/hooks.test.ts && tsx tests/mcp.test.ts && tsx tests/judge.test.ts && tsx tests/memory.test.ts && tsx tests/cost.test.ts && tsx tests/validate.test.ts && tsx tests/plan.test.ts && tsx tests/diff.test.ts && tsx tests/undo.test.ts && tsx tests/tiering.test.ts && tsx tests/mcp-http.test.ts && tsx tests/changes.test.ts && tsx tests/mentions.test.ts && tsx tests/session.test.ts && tsx tests/ui.test.ts && tsx tests/approval.test.ts && tsx tests/form.test.ts && tsx tests/model.test.ts && tsx tests/reasoning.test.ts && tsx tests/skills.test.ts && tsx tests/markdown.test.ts && tsx tests/editor.test.ts && tsx tests/todos.test.ts && tsx tests/background.test.ts && tsx tests/team.test.ts && tsx tests/board.test.ts && tsx tests/drop.test.ts && tsx tests/editline.test.ts"
   },
   "engines": {
     "node": ">=20.6"