@manix-cli/manix 0.1.2 → 0.1.4

package/README.md

@@ -29,6 +29,8 @@ or `export OPENROUTER_API_KEY=...`.
   `--yolo` to live dangerously.
 - **Any model** — `/model` opens a live picker with context windows and $/M pricing.
 - **Sessions** — every conversation is saved; `manix --continue` or `/resume`.
+- **Rewind** — `/rewind` jumps back to any earlier message: reverts the file edits it made,
+  trims the chat, and drops the message back in the composer to redo.
 - **MANIX.md** — project memory auto-loaded each session; generate with `/init`.
 - **Skills** — drop a `SKILL.md` playbook in `~/.manix/skills/<name>/` or `.manix/skills/<name>/`;
   the agent loads it when relevant, or invoke directly with `/<name>`.
@@ -45,11 +47,12 @@ or `export OPENROUTER_API_KEY=...`.
 | `/help` | commands & shortcuts | `manix "task"` | start with a prompt |
 | `/model [id]` | switch model | `-p, --print` | non-interactive mode |
 | `/resume` | resume a session | `-m, --model <id>` | model for this run |
-| `/compact` | summarize history | `-c, --continue` | resume last session |
-| `/cost` | usage + credits | `-r, --resume [id]` | pick a session |
-| `/mcp` `/skills` | status / list | `--yolo` | auto-approve tools |
-| `/init` | generate MANIX.md | `-v` `-h` | version / help |
-| `/clear` `/yolo` `/exit` | | `echo task \| manix` | pipe a prompt |
+| `/rewind` | revert to a past message | `-c, --continue` | resume last session |
+| `/compact` | summarize history | `-r, --resume [id]` | pick a session |
+| `/cost` | usage + credits | `--yolo` | auto-approve tools |
+| `/mcp` `/skills` | status / list | `-v` `-h` | version / help |
+| `/init` | generate MANIX.md | `echo task \| manix` | pipe a prompt |
+| `/clear` `/yolo` `/exit` | | | |
 
 Shortcuts: **Esc** interrupt · **↑/↓** history · **Tab** complete · **Ctrl+C** twice to quit.
 

package/dist/agent.js

@@ -1,3 +1,5 @@
+import fs from "node:fs";
+import path from "node:path";
 import { streamChat, fetchModels, cachedModels } from "./openrouter.js";
 import { systemPrompt, COMPACT_PROMPT } from "./prompts.js";
 import { builtinTools, toOpenAI } from "./tools/index.js";
@@ -16,6 +18,8 @@ class Agent {
     this.messages = [];
     this.session = null;
     this.usage = { prompt: 0, completion: 0, cost: 0, requests: 0 };
+    this.checkpoints = [];
+    this._currentCheckpoint = null;
     this.contextLength = 128e3;
     this.ac = null;
     fetchModels(this.apiKey).then(() => this.refreshModelInfo()).catch(() => {
@@ -45,6 +49,52 @@ class Agent {
   reset() {
     this.messages = [];
     this.session = null;
+    this.checkpoints = [];
+  }
+  /** Turn list for the /rewind picker (one entry per user message). */
+  turns() {
+    return this.checkpoints.map((cp, i) => ({
+      index: i,
+      label: cp.label,
+      snapshots: cp.snapshots.length,
+      bashCount: cp.bashCount,
+      itemCount: cp.itemCount
+    }));
+  }
+  /**
+   * Rewind to just before checkpoint `index`. Restores every file touched from
+   * `index` onward to its pre-range content, trims history + checkpoints, and
+   * returns { files, bashCount } so the UI can report what happened.
+   */
+  rewind(index) {
+    const seen = /* @__PURE__ */ new Set();
+    const restores = [];
+    let bashCount = 0;
+    for (let i = index; i < this.checkpoints.length; i++) {
+      bashCount += this.checkpoints[i].bashCount || 0;
+      for (const snap of this.checkpoints[i].snapshots) {
+        if (seen.has(snap.path)) continue;
+        seen.add(snap.path);
+        restores.push(snap);
+      }
+    }
+    for (const snap of restores) {
+      if (!snap.existed) {
+        try {
+          fs.unlinkSync(snap.path);
+        } catch {
+        }
+      } else {
+        try {
+          fs.writeFileSync(snap.path, snap.before);
+        } catch {
+        }
+      }
+    }
+    this.messages = this.messages.slice(0, this.checkpoints[index].messageCount);
+    this.checkpoints = this.checkpoints.slice(0, index);
+    this.h.onStats?.(this.stats());
+    return { files: restores.length, bashCount };
   }
   buildTools() {
     return [...builtinTools(), skillTool(this.skills), ...this.mcp?.getTools() || []];
@@ -73,9 +123,27 @@ class Agent {
   abort() {
     this.ac?.abort();
   }
-  async send(text) {
+  /**
+   * Send a user message. `itemCount` is the UI log watermark (key of the item
+   * for this message) and `label` is what to show / refill on rewind — both are
+   * captured by the caller *before* the message is drawn. Opens one checkpoint.
+   */
+  async send(text, itemCount = 0, label = null) {
+    this._currentCheckpoint = {
+      label: (label ?? String(text)).split("\n")[0].slice(0, 72),
+      messageCount: this.messages.length,
+      itemCount,
+      bashCount: 0,
+      snapshots: []
+    };
+    this.checkpoints.push(this._currentCheckpoint);
     this.pushMessage({ role: "user", content: text });
-    await this.run();
+    this.h.onStats?.(this.stats());
+    try {
+      await this.run();
+    } finally {
+      this._currentCheckpoint = null;
+    }
   }
   async run() {
     this.ac = new AbortController();
@@ -152,6 +220,19 @@ class Agent {
       return "The user denied permission for this action. Do not retry it; ask or take another approach.";
     }
     this.h.onToolStart?.({ display });
+    if (this._currentCheckpoint) {
+      if ((name === "write_file" || name === "edit_file") && args.path) {
+        const absPath = path.resolve(this.cwd, args.path);
+        const existed = fs.existsSync(absPath);
+        this._currentCheckpoint.snapshots.push({
+          path: absPath,
+          existed,
+          before: existed ? fs.readFileSync(absPath, "utf8") : null
+        });
+      } else if (name === "bash") {
+        this._currentCheckpoint.bashCount++;
+      }
+    }
     try {
       const out = String(await tool.run(args, { cwd: this.cwd }));
       this.h.onToolEnd?.({ display, ok: true, summary: summarize(out) });

package/dist/cli.js

@@ -94,6 +94,16 @@ if (!process.stdout.isTTY) {
 mcp.start(mcpConfigs);
 const { render } = await import("ink");
 const { default: App } = await import("./ui/App.js");
+const screen = {
+  reset() {
+    try {
+      instance.clear();
+      instance.fullStaticOutput = "";
+    } catch {
+    }
+    process.stdout.write("\x1B[2J\x1B[3J\x1B[H");
+  }
+};
 const instance = render(
   /* @__PURE__ */ jsx(
     App,
@@ -106,7 +116,8 @@ const instance = render(
       contextFiles,
       initialPrompt: prompt || null,
       resumeTarget: args.resume || null,
-      yolo: !!args.yolo
+      yolo: !!args.yolo,
+      screen
     }
   ),
   { exitOnCtrlC: false }

package/dist/markdown.js

@@ -1,21 +1,35 @@
-import { t } from "./theme.js";
+import chalk from "chalk";
+import { t, color } from "./theme.js";
+const codeBg = chalk.bgHex("#1e2030");
+const codeText = chalk.hex(color.code).bgHex("#1e2030");
+const gutterCol = chalk.hex(color.border).bgHex("#1e2030");
+const labelCol = chalk.hex(color.faint);
+const termWidth = () => Math.min(process.stdout.columns || 80, 120);
 function renderMarkdown(md) {
   const out = [];
   let inCode = false;
+  let lang = "";
   for (const line of String(md).split("\n")) {
     const fence = line.match(/^\s*```(\S*)/);
     if (fence) {
       inCode = !inCode;
-      out.push(inCode ? t.faint("\u250C\u2574" + (fence[1] || "code")) : t.faint("\u2514\u2574"));
+      lang = fence[1] || "";
+      if (inCode) {
+        const label = lang ? ` ${lang} ` : " code ";
+        out.push(labelCol("  \u256D\u2500") + labelCol(label) + labelCol("\u2500".repeat(Math.max(2, termWidth() - label.length - 6))));
+      } else {
+        out.push(labelCol("  \u2570" + "\u2500".repeat(termWidth() - 3)));
+      }
       continue;
     }
     if (inCode) {
-      out.push(t.faint("\u2502 ") + t.code(line));
+      const padded = " " + line + " ".repeat(Math.max(0, termWidth() - line.length - 3));
+      out.push(gutterCol("  \u2502") + codeText(padded));
       continue;
     }
     out.push(renderLine(line));
   }
-  if (inCode) out.push(t.faint("\u2514\u2574"));
+  if (inCode) out.push(labelCol("  \u2570" + "\u2500".repeat(termWidth() - 3)));
   return out.join("\n");
 }
 function renderLine(line) {

package/dist/slash.js

@@ -3,6 +3,7 @@ function slashCommands(skills = []) {
     { name: "help", desc: "Show commands and shortcuts" },
     { name: "model", desc: "Switch model \u2014 picker, or /model <id>" },
     { name: "resume", desc: "Resume a previous session" },
+    { name: "rewind", desc: "Pick a past turn and revert all file changes since then" },
     { name: "clear", desc: "Start a fresh conversation" },
     { name: "compact", desc: "Summarize history to free context" },
     { name: "cost", desc: "Session usage + OpenRouter credits" },

package/dist/ui/App.js

@@ -26,7 +26,8 @@ function App({
   contextFiles,
   initialPrompt,
   resumeTarget,
-  yolo
+  yolo,
+  screen
 }) {
   const { exit } = useApp();
   const [ready, setReady] = useState(!!config.apiKey);
@@ -47,6 +48,8 @@ function App({
   const [model, setModelState] = useState(config.model);
   const [yoloOn, setYoloOn] = useState(!!yolo);
   const [exitHint, setExitHint] = useState(false);
+  const [prefill, setPrefill] = useState({ text: "", seq: 0 });
+  const [staticKey, setStaticKey] = useState(0);
   const keyRef = useRef(0);
   const agentRef = useRef(null);
   const permsRef = useRef(null);
@@ -70,9 +73,10 @@ function App({
     setStats(agentRef.current.stats());
   }
   function runPrompt(text, displayText = text) {
+    const watermark = keyRef.current;
     push({ kind: "user", text: displayText });
     setBusy(true);
-    agentRef.current.send(text).finally(() => {
+    agentRef.current.send(text, watermark, displayText).finally(() => {
       setBusy(false);
       setActivity(null);
     });
@@ -168,6 +172,11 @@ OpenRouter credits: $${(credits.total_credits - credits.total_usage).toFixed(2)}
         return setOverlay({ type: "models" });
       case "resume":
         return setOverlay({ type: "sessions" });
+      case "rewind": {
+        const turns = agentRef.current.turns();
+        if (!turns.length) return push({ kind: "info", text: "Nothing to rewind \u2014 no turns in this session yet." });
+        return setOverlay({ type: "rewind", turns });
+      }
       default:
         return;
     }
@@ -294,9 +303,47 @@ OpenRouter credits: $${(credits.total_credits - credits.total_usage).toFixed(2)}
       },
       onCancel: () => setOverlay(null)
     }
+  ) : overlay?.type === "rewind" ? /* @__PURE__ */ jsx(
+    Picker,
+    {
+      title: "Rewind to a message \u2014 its file edits (and everything after) are reverted",
+      load: () => overlay.turns.map((t) => {
+        const parts = [];
+        if (t.snapshots) parts.push(`${t.snapshots} file edit${t.snapshots !== 1 ? "s" : ""}`);
+        if (t.bashCount) parts.push(`${t.bashCount} bash`);
+        return {
+          id: String(t.index),
+          label: t.label || "(empty)",
+          extra: parts.length ? parts.join(" \xB7 ") : "no file changes"
+        };
+      }),
+      onSelect: (it) => {
+        setOverlay(null);
+        const index = Number(it.id);
+        const turn = overlay.turns.find((t) => t.index === index);
+        const watermark = turn?.itemCount ?? 0;
+        const { files, bashCount } = agentRef.current.rewind(index);
+        const notes = [];
+        if (files > 0) notes.push(`reverted ${files} file change${files !== 1 ? "s" : ""}`);
+        if (bashCount > 0)
+          notes.push(
+            `${bashCount} bash command${bashCount !== 1 ? "s" : ""} ran after this point \u2014 any files they changed were NOT reverted`
+          );
+        const notice = notes.length ? { kind: "info", text: `Rewound \u2014 ${notes.join("; ")}.`, key: keyRef.current++ } : null;
+        screen?.reset?.();
+        setItems((prev) => {
+          const kept = prev.filter((x) => x.key < watermark);
+          return notice ? [...kept, notice] : kept;
+        });
+        setStaticKey((k) => k + 1);
+        setPrefill((p) => ({ text: turn?.label || "", seq: p.seq + 1 }));
+        setStats(agentRef.current.stats());
+      },
+      onCancel: () => setOverlay(null)
+    }
   ) : null;
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx(Static, { items, children: (item) => /* @__PURE__ */ jsx(LogItem, { item }, item.key) }),
+    /* @__PURE__ */ jsx(Static, { items, children: (item) => /* @__PURE__ */ jsx(LogItem, { item }, item.key) }, staticKey),
     streamText ? /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
       /* @__PURE__ */ jsxs(Text, { color: color.accent, children: [
         GLYPH.assistant,
@@ -322,7 +369,8 @@ OpenRouter credits: $${(credits.total_credits - credits.total_usage).toFixed(2)}
           onSubmit: handleSubmit,
           commands,
           active: !busy,
-          history: historyRef.current
+          history: historyRef.current,
+          prefill
         }
       ),
       /* @__PURE__ */ jsx(Footer, { model, stats, yolo: yoloOn, cwd, exitHint })

package/dist/ui/Footer.js

@@ -8,14 +8,16 @@ function Footer({ model, stats, yolo, cwd, exitHint }) {
   if (exitHint) {
     return /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { color: color.warn, children: "press ctrl+c again to exit" }) });
   }
-  const pct = stats.contextLength ? Math.min(99, Math.round(stats.tokens / stats.contextLength * 100)) : 0;
+  const raw = stats.contextLength ? stats.tokens / stats.contextLength * 100 : 0;
+  const pctDisplay = raw < 1 ? raw.toFixed(1) : Math.min(99, Math.round(raw));
+  const pct = Math.min(99, raw);
   const pctColor = pct < 50 ? color.dim : pct < 80 ? color.warn : color.err;
   return /* @__PURE__ */ jsxs(Box, { paddingX: 1, children: [
     /* @__PURE__ */ jsx(Text, { color: color.faint, children: model }),
     /* @__PURE__ */ jsx(Text, { color: color.faint, children: SEP }),
     /* @__PURE__ */ jsxs(Text, { color: pctColor, children: [
       "ctx ",
-      pct,
+      pctDisplay,
       "%"
     ] }),
     /* @__PURE__ */ jsx(Text, { color: color.faint, children: SEP }),

package/dist/ui/InputBox.js

@@ -1,13 +1,19 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import React, { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from "react";
 import { Box, Text, useInput } from "ink";
 import chalk from "chalk";
 import { color, hr } from "../theme.js";
-function InputBox({ onSubmit, commands, active, history }) {
+function InputBox({ onSubmit, commands, active, history, prefill }) {
   const [value, setValue] = useState("");
   const [pos, setPos] = useState(0);
   const [histIdx, setHistIdx] = useState(-1);
   const [menuIdx, setMenuIdx] = useState(0);
+  useEffect(() => {
+    if (!prefill?.text) return;
+    setValue(prefill.text);
+    setPos(prefill.text.length);
+    setHistIdx(-1);
+  }, [prefill?.seq]);
   const menuOpen = active && value.startsWith("/") && !value.includes(" ");
   const matches = menuOpen ? commands.filter((c) => ("/" + c.name).startsWith(value.toLowerCase())) : [];
   const sel = matches.length ? Math.min(menuIdx, matches.length - 1) : 0;
@@ -39,7 +45,7 @@ function InputBox({ onSubmit, commands, active, history }) {
         return;
       }
       if (key.upArrow) {
-        if (menuOpen && matches.length) return setMenuIdx((i) => (i + matches.length - 1) % matches.length);
+        if (menuOpen && matches.length) return setMenuIdx((i) => (i - 1 + matches.length) % matches.length);
         if (history.length) {
           const next = histIdx === -1 ? history.length - 1 : Math.max(0, histIdx - 1);
           setHistIdx(next);
@@ -97,14 +103,34 @@ function InputBox({ onSubmit, commands, active, history }) {
     { isActive: active }
   );
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    menuOpen && matches.length > 0 && /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: matches.slice(0, 6).map((c, i) => /* @__PURE__ */ jsxs(Text, { children: [
-      /* @__PURE__ */ jsxs(Text, { color: i === sel ? color.accent : color.dim, children: [
-        i === sel ? "\u276F " : "  ",
-        "/",
-        c.name.padEnd(14)
-      ] }),
-      /* @__PURE__ */ jsx(Text, { color: color.faint, children: c.desc })
-    ] }, c.name)) }),
+    menuOpen && matches.length > 0 && /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: (() => {
+      const PAGE = 6;
+      const start = Math.min(Math.max(0, sel - PAGE + 1), Math.max(0, matches.length - PAGE));
+      const visible = matches.slice(start, start + PAGE);
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        start > 0 && /* @__PURE__ */ jsxs(Text, { color: color.faint, children: [
+          "  \u2191 ",
+          start,
+          " more"
+        ] }),
+        visible.map((c, j) => {
+          const abs = start + j;
+          return /* @__PURE__ */ jsxs(Text, { children: [
+            /* @__PURE__ */ jsxs(Text, { color: abs === sel ? color.accent : color.dim, children: [
+              abs === sel ? "\u276F " : "  ",
+              "/",
+              c.name.padEnd(14)
+            ] }),
+            /* @__PURE__ */ jsx(Text, { color: color.faint, children: c.desc })
+          ] }, c.name);
+        }),
+        start + PAGE < matches.length && /* @__PURE__ */ jsxs(Text, { color: color.faint, children: [
+          "  \u2193 ",
+          matches.length - start - PAGE,
+          " more"
+        ] })
+      ] });
+    })() }),
     /* @__PURE__ */ jsx(Text, { color: color.faint, children: hr(2) }),
     /* @__PURE__ */ jsxs(Box, { paddingX: 1, children: [
       /* @__PURE__ */ jsx(Text, { color: color.accent, children: "\u276F " }),

package/dist/ui/LogItem.js

@@ -7,10 +7,11 @@ import Mascot from "./Mascot.js";
 function LogItem({ item }) {
   switch (item.kind) {
     case "banner":
-      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, marginBottom: 2, children: [
         /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
           /* @__PURE__ */ jsx(Mascot, {}),
           /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsx(Text, { children: " " }),
             /* @__PURE__ */ jsxs(Text, { children: [
               /* @__PURE__ */ jsx(Text, { bold: true, color: color.user, children: "Manix" }),
               /* @__PURE__ */ jsxs(Text, { color: color.faint, children: [
@@ -22,7 +23,7 @@ function LogItem({ item }) {
             /* @__PURE__ */ jsx(Text, { color: color.faint, children: item.cwd })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, marginLeft: 1, children: [
           !item.hasManixmd && /* @__PURE__ */ jsxs(Text, { color: color.faint, children: [
             GLYPH.info,
             " MANIX.md not found \u2014 /init to create"
@@ -35,7 +36,7 @@ function LogItem({ item }) {
         ] })
       ] });
     case "user":
-      return /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
+      return /* @__PURE__ */ jsxs(Box, { marginTop: 2, children: [
         /* @__PURE__ */ jsxs(Text, { color: color.accent, children: [
           GLYPH.user,
           " "

package/dist/ui/Mascot.js

@@ -1,11 +1,20 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 import { Box, Text } from "ink";
-import { MASCOT, color, lerpColor } from "../theme.js";
+import { color, lerpColor } from "../theme.js";
+const ROWS = 5;
+const lines = Array.from({ length: ROWS }, (_, i) => {
+  const glyphs = 2 * i + 1;
+  const pad = ROWS - 1 - i;
+  return { glyphs, pad };
+});
 function Mascot() {
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginRight: 2, children: MASCOT.map((row, i) => {
-    const c = lerpColor(color.accent, color.amber, MASCOT.length > 1 ? i / (MASCOT.length - 1) : 0);
-    return /* @__PURE__ */ jsx(Text, { children: [...row].map((ch, j) => ch === "#" ? c("\u2588\u2588") : "  ").join("") }, i);
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginRight: 2, children: lines.map(({ glyphs, pad }, i) => {
+    const c = lerpColor(color.accent, color.amber, i / (ROWS - 1));
+    return /* @__PURE__ */ jsxs(Text, { children: [
+      " ".repeat(pad),
+      c("\u25B2".repeat(glyphs))
+    ] }, i);
   }) });
 }
 export {

package/dist/ui/Picker.js

@@ -17,16 +17,18 @@ function Picker({ title, load, onSelect, onCancel }) {
   const filtered = (items || []).filter(
     (it) => (it.label + " " + (it.extra || "")).toLowerCase().includes(q.toLowerCase())
   );
-  const visible = filtered.slice(0, 10);
-  const sel = visible.length ? Math.min(idx, visible.length - 1) : 0;
+  const PAGE = 10;
+  const sel = filtered.length ? (idx % filtered.length + filtered.length) % filtered.length : 0;
+  const start = Math.min(Math.max(0, sel - PAGE + 1), Math.max(0, filtered.length - PAGE));
+  const visible = filtered.slice(start, start + PAGE);
   useInput((input, key) => {
     if (key.escape) return onCancel();
     if (key.return) {
-      if (visible.length) onSelect(visible[sel]);
+      if (filtered.length) onSelect(filtered[sel]);
       return;
     }
-    if (key.upArrow) return setIdx(() => Math.max(0, sel - 1));
-    if (key.downArrow) return setIdx(() => Math.min(visible.length - 1, sel + 1));
+    if (key.upArrow) return setIdx((i) => (i - 1 + filtered.length) % filtered.length);
+    if (key.downArrow) return setIdx((i) => (i + 1) % filtered.length);
     if (key.backspace || key.delete) {
       setQ((s) => s.slice(0, -1));
       setIdx(0);
@@ -46,17 +48,30 @@ function Picker({ title, load, onSelect, onCancel }) {
     ] }),
     error && /* @__PURE__ */ jsx(Text, { color: color.err, children: error }),
     !items && !error && /* @__PURE__ */ jsx(Text, { color: color.dim, children: "loading\u2026" }),
-    visible.map((it, i) => /* @__PURE__ */ jsxs(Text, { children: [
-      /* @__PURE__ */ jsxs(Text, { color: i === sel ? color.accent : color.user, children: [
-        i === sel ? "\u276F " : "  ",
-        it.label
-      ] }),
-      it.extra ? /* @__PURE__ */ jsxs(Text, { color: color.dim, children: [
-        "  ",
-        it.extra
-      ] }) : null
-    ] }, it.id ?? it.label)),
-    items && !visible.length && /* @__PURE__ */ jsx(Text, { color: color.dim, children: "no matches" }),
+    start > 0 && /* @__PURE__ */ jsxs(Text, { color: color.faint, children: [
+      "  \u2191 ",
+      start,
+      " more"
+    ] }),
+    visible.map((it) => {
+      const abs = filtered.indexOf(it);
+      return /* @__PURE__ */ jsxs(Text, { children: [
+        /* @__PURE__ */ jsxs(Text, { color: abs === sel ? color.accent : color.user, children: [
+          abs === sel ? "\u276F " : "  ",
+          it.label
+        ] }),
+        it.extra ? /* @__PURE__ */ jsxs(Text, { color: color.dim, children: [
+          "  ",
+          it.extra
+        ] }) : null
+      ] }, it.id ?? it.label);
+    }),
+    start + PAGE < filtered.length && /* @__PURE__ */ jsxs(Text, { color: color.faint, children: [
+      "  \u2193 ",
+      filtered.length - start - PAGE,
+      " more"
+    ] }),
+    items && !filtered.length && /* @__PURE__ */ jsx(Text, { color: color.dim, children: "no matches" }),
     /* @__PURE__ */ jsxs(Text, { color: color.faint, children: [
       "\u2191\u2193 select \xB7 enter confirm \xB7 esc cancel \xB7 ",
       filtered.length,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@manix-cli/manix",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Manix — a fast, beautiful terminal coding agent powered by OpenRouter. Any model, one key.",
   "type": "module",
   "bin": {