clixad 0.0.1-beta.5 → 0.0.1-beta.7

package/dist/clixad.mjs

@@ -88,6 +88,7 @@ var init_client = __esm({
     LEDGER_REASONS = {
       signup_bonus: "signup bonus",
       ad_reward: "offer reward",
+      ad_screenout_bonus: "screenout bonus (didn't qualify)",
       ad_reversal: "offer reward reversed by the provider",
       purchase: "credits purchased",
       usage: "model usage",
@@ -315,12 +316,25 @@ var init_client = __esm({
 import { chmodSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
 import { homedir } from "node:os";
 import { dirname, join } from "node:path";
+function sameEndpoint(a, b) {
+  const norm = (raw) => {
+    try {
+      const url = new URL(raw);
+      const host = url.hostname === "localhost" ? "127.0.0.1" : url.hostname;
+      return `${url.protocol}//${host}:${url.port}${url.pathname.replace(/\/+$/, "")}`;
+    } catch {
+      return raw.trim().replace(/\/+$/, "");
+    }
+  };
+  return norm(a) === norm(b);
+}
 function loadConfig() {
   let stored = {};
   try {
     stored = JSON.parse(readFileSync(CONFIG_PATH, "utf8"));
   } catch {
   }
+  const mintedAgainst = stored.gatewayUrl;
   for (const [key, stale] of Object.entries(SUPERSEDED_DEFAULTS)) {
     const value = stored[key];
     if (typeof value === "string" && stale.includes(value) && value !== DEFAULTS[key]) {
@@ -332,6 +346,10 @@ function loadConfig() {
     const value = process.env[envVar];
     if (value) config[key] = value;
   }
+  const migratedGateway = mintedAgainst !== void 0 && stored.gatewayUrl === void 0;
+  if (migratedGateway && !sameEndpoint(mintedAgainst, config.gatewayUrl)) {
+    for (const key of IDENTITY_KEYS) delete config[key];
+  }
   return config;
 }
 function saveConfig(config) {
@@ -345,7 +363,7 @@ function saveConfig(config) {
 function configPath() {
   return CONFIG_PATH;
 }
-var CONFIG_PATH, DEFAULTS, ENV_OVERRIDES, SUPERSEDED_DEFAULTS;
+var CONFIG_PATH, DEFAULTS, ENV_OVERRIDES, SUPERSEDED_DEFAULTS, IDENTITY_KEYS;
 var init_config = __esm({
   "src/config.ts"() {
     "use strict";
@@ -367,6 +385,121 @@ var init_config = __esm({
       gatewayUrl: ["http://127.0.0.1:8787", "http://localhost:8787"],
       dashboardUrl: ["http://127.0.0.1:8788", "http://localhost:8788"]
     };
+    IDENTITY_KEYS = ["token", "userId", "email", "login"];
+  }
+});
+
+// src/browser.ts
+import { spawn } from "node:child_process";
+function openBrowser(url) {
+  const cmd = process.platform === "win32" ? "cmd" : process.platform === "darwin" ? "open" : "xdg-open";
+  const args = process.platform === "win32" ? ["/c", "start", "", url] : [url];
+  const child = spawn(cmd, args, { detached: true, stdio: "ignore", windowsHide: true });
+  child.on("error", () => void 0);
+  child.unref();
+}
+var init_browser = __esm({
+  "src/browser.ts"() {
+    "use strict";
+  }
+});
+
+// src/login.ts
+function parseLoginArgs(args) {
+  let invite;
+  const rest = [];
+  for (let i = 0; i < args.length; i++) {
+    const a = args[i];
+    if (a === "--invite") invite = args[++i];
+    else if (a.startsWith("--invite=")) invite = a.slice("--invite=".length);
+    else rest.push(a);
+  }
+  return { invite: invite?.trim() || void 0, email: rest[0] };
+}
+async function performLogin(client, config, args, report, signal) {
+  if (!args.email) {
+    const start = await client.deviceStart().catch(() => null);
+    if (start) return githubLogin(client, config, start, args.invite, report, signal);
+  }
+  return devLogin(client, config, args.email, args.invite);
+}
+async function githubLogin(client, config, start, invite, report, signal) {
+  report.verify(start);
+  openBrowser(start.verification_uri);
+  const deadline = Date.now() + start.expires_in * 1e3;
+  let interval = Math.max(start.interval, 1);
+  while (Date.now() < deadline) {
+    await sleep(interval * 1e3, signal);
+    if (signal?.aborted) return { status: "aborted" };
+    report.tick?.();
+    const poll = await client.devicePoll(start.session, invite);
+    if (poll.status === "pending") {
+      if (poll.interval) interval = poll.interval;
+      continue;
+    }
+    if (poll.status === "closed") {
+      return { status: "closed", message: poll.message, hadInvite: Boolean(invite) };
+    }
+    if (poll.status === "complete") {
+      config.token = poll.token;
+      config.userId = poll.userId;
+      config.email = poll.email;
+      config.login = poll.login;
+      saveConfig(config);
+      return {
+        status: "ok",
+        account: {
+          email: poll.email,
+          login: poll.login,
+          balance: poll.balance,
+          created: poll.created,
+          signupBonus: poll.signupBonus
+        }
+      };
+    }
+    return { status: "failed", error: poll.error ?? poll.status };
+  }
+  return { status: "timeout" };
+}
+async function devLogin(client, config, email, invite) {
+  let res;
+  try {
+    res = await client.signupDev(email, invite);
+  } catch (err) {
+    if (err instanceof SignupClosedError) {
+      return { status: "closed", message: err.message, hadInvite: Boolean(invite) };
+    }
+    throw err;
+  }
+  config.token = res.token;
+  config.userId = res.userId;
+  config.email = res.email;
+  delete config.login;
+  saveConfig(config);
+  return { status: "ok", account: { email: res.email, balance: res.balance, created: true } };
+}
+function sleep(ms, signal) {
+  return new Promise((resolve2) => {
+    if (!signal) {
+      setTimeout(resolve2, ms);
+      return;
+    }
+    if (signal.aborted) return resolve2();
+    const done = () => {
+      clearTimeout(timer);
+      signal.removeEventListener("abort", done);
+      resolve2();
+    };
+    const timer = setTimeout(done, ms);
+    signal.addEventListener("abort", done, { once: true });
+  });
+}
+var init_login = __esm({
+  "src/login.ts"() {
+    "use strict";
+    init_client();
+    init_browser();
+    init_config();
   }
 });
 
@@ -493,7 +626,7 @@ var init_diff = __esm({
 });
 
 // src/tools.ts
-import { spawn } from "node:child_process";
+import { spawn as spawn2 } from "node:child_process";
 import { existsSync, mkdirSync as mkdirSync2, readdirSync, readFileSync as readFileSync2, statSync, writeFileSync as writeFileSync2 } from "node:fs";
 import { isAbsolute, relative, resolve, dirname as dirname2, join as join2, sep } from "node:path";
 function safeResolve(root, p) {
@@ -531,7 +664,7 @@ function killTree(child) {
     return;
   }
   if (process.platform === "win32") {
-    spawn("taskkill", ["/pid", String(child.pid), "/T", "/F"], { stdio: "ignore", windowsHide: true });
+    spawn2("taskkill", ["/pid", String(child.pid), "/T", "/F"], { stdio: "ignore", windowsHide: true });
   } else {
     try {
       process.kill(-child.pid, "SIGTERM");
@@ -542,7 +675,7 @@ function killTree(child) {
 }
 function execute(ctx, command, timeout) {
   return new Promise((resolvePromise) => {
-    const child = spawn(command, {
+    const child = spawn2(command, {
       cwd: ctx.root,
       shell: true,
       windowsHide: true,
@@ -1237,7 +1370,7 @@ var init_session = __esm({
 });
 
 // src/kimi.ts
-import { spawn as spawn2, spawnSync as spawnSync2 } from "node:child_process";
+import { spawn as spawn3, spawnSync as spawnSync2 } from "node:child_process";
 import { existsSync as existsSync4, mkdirSync as mkdirSync4, writeFileSync as writeFileSync4 } from "node:fs";
 import { homedir as homedir4 } from "node:os";
 import { dirname as dirname3, join as join5 } from "node:path";
@@ -1294,7 +1427,7 @@ function runKimiCode(config, task, opts = {}) {
     OPENAI_API_KEY: config.token
   };
   return new Promise((resolve2) => {
-    const child = process.platform === "win32" ? spawn2([bin, ...args].map(quoteWin).join(" "), { stdio: "inherit", env, shell: true }) : spawn2(bin, args, { stdio: "inherit", env });
+    const child = process.platform === "win32" ? spawn3([bin, ...args].map(quoteWin).join(" "), { stdio: "inherit", env, shell: true }) : spawn3(bin, args, { stdio: "inherit", env });
     child.on("error", (err) => {
       if (err.code === "ENOENT") console.log("\n" + INSTALL_HELP);
       else console.error(`failed to launch Kimi CLI: ${err.message}`);
@@ -1371,6 +1504,10 @@ function centered(rendered, visibleW, colW) {
   const lead = Math.max(0, Math.floor((colW - visibleW) / 2));
   return cell(" ".repeat(lead) + rendered, lead + visibleW);
 }
+function bannerTip(index) {
+  const i = index ?? Math.floor(Math.random() * BANNER_TIPS.length);
+  return BANNER_TIPS[(i % BANNER_TIPS.length + BANNER_TIPS.length) % BANNER_TIPS.length];
+}
 function earnedLabel(opts) {
   return `$${opts.earnedUsdToday.toFixed(2)}/$${opts.maxRewardUsd.toFixed(2)} today`;
 }
@@ -1382,14 +1519,19 @@ function welcomeBanner(opts) {
   const cwd = opts.cwd.replace(homedir5(), "~").replace(/\\/g, "/");
   const welcome = opts.name ? `Welcome back, ${truncate(opts.name, 18)}!` : "Welcome to Clixad!";
   const duck = duckLines();
-  const model = truncate(opts.model, leftW - 4);
   const home = truncate(cwd, leftW);
+  const hint = bannerTip(opts.tipIndex);
+  const hintDesc = truncate(hint.desc, Math.max(1, leftW - 3 - hint.key.length));
   const left = [
     centered(BOLD + TEXT + welcome + R2, welcome.length, leftW),
     cell("", 0),
     ...duck.map((d) => centered(d, DUCK_W, leftW)),
     cell("", 0),
-    centered(MANGO + "\u25C6 " + R2 + TEXT + model + R2, 2 + model.length, leftW),
+    centered(
+      MANGO + "\u25C6 " + R2 + BOLD + TEXT + hint.key + R2 + FAINT + " " + hintDesc + R2,
+      2 + hint.key.length + 1 + hintDesc.length,
+      leftW
+    ),
     centered(FAINT + home + R2, home.length, leftW)
   ];
   const tip = (k, d) => cell(MANGO + k + R2 + FAINT + " " + d + R2, k.length + 1 + d.length);
@@ -1420,10 +1562,11 @@ function welcomeBanner(opts) {
 }
 function compactBanner(opts) {
   const welcome = opts.name ? `Welcome back, ${opts.name}!` : "Welcome to Clixad!";
+  const hint = bannerTip(opts.tipIndex);
   return duckLines().map((d) => "  " + d).join("\n") + `
 
   ${BOLD}${TEXT}${welcome}${R2}
-  ${MANGO}\u25C6${R2} ${opts.model}  ${FAINT}\xB7${R2} ${opts.balance.toLocaleString("en-US")} credits
+  ${MANGO}\u25C6${R2} ${BOLD}${TEXT}${hint.key}${R2} ${FAINT}${hint.desc}${R2}  ${FAINT}\xB7${R2} ${opts.balance.toLocaleString("en-US")} credits
 `;
 }
 function clearScreen() {
@@ -1435,7 +1578,7 @@ function clearScreen() {
 function visibleLength(s) {
   return s.replace(/\x1b\[[0-9;]*m/g, "").length;
 }
-var R2, BOLD, fg, bg, MANGO, TEXT, MUTED, FAINT, PAL, DUCK, DUCK_W, cell, padTo, truncate, MIN_BANNER_WIDTH, RIGHT_MAX;
+var R2, BOLD, fg, bg, MANGO, TEXT, MUTED, FAINT, PAL, DUCK, DUCK_W, cell, padTo, truncate, BANNER_TIPS, MIN_BANNER_WIDTH, RIGHT_MAX;
 var init_banner = __esm({
   "src/banner.ts"() {
     "use strict";
@@ -1477,26 +1620,20 @@ var init_banner = __esm({
     cell = (text, w) => ({ text, w });
     padTo = (c2, width) => (c2?.text ?? "") + " ".repeat(Math.max(0, width - (c2?.w ?? 0)));
     truncate = (s, max) => s.length > max ? s.slice(0, max - 1) + "\u2026" : s;
+    BANNER_TIPS = [
+      { key: "/init", desc: "make a CLIXAD.md" },
+      { key: "shift+tab", desc: "switch mode" },
+      { key: "@file", desc: "add a file to context" },
+      { key: "ctrl+o", desc: "expand tool output" },
+      { key: "esc", desc: "stop the current turn" },
+      { key: "/compact", desc: "free up context" },
+      { key: "/earn", desc: "top up credits" }
+    ];
     MIN_BANNER_WIDTH = 66;
     RIGHT_MAX = 34;
   }
 });
 
-// src/browser.ts
-import { spawn as spawn3 } from "node:child_process";
-function openBrowser(url) {
-  const cmd = process.platform === "win32" ? "cmd" : process.platform === "darwin" ? "open" : "xdg-open";
-  const args = process.platform === "win32" ? ["/c", "start", "", url] : [url];
-  const child = spawn3(cmd, args, { detached: true, stdio: "ignore", windowsHide: true });
-  child.on("error", () => void 0);
-  child.unref();
-}
-var init_browser = __esm({
-  "src/browser.ts"() {
-    "use strict";
-  }
-});
-
 // src/version.ts
 import { readFileSync as readFileSync5 } from "node:fs";
 function readVersion() {
@@ -1713,6 +1850,17 @@ var init_commands = __esm({
       // forms, surveys and app trials, and describing the top-up as a video costs
       // the user the one expectation that makes a screenout make sense.
       { name: "earn", desc: "open the offer wall to earn credits" },
+      // Reachable from inside the REPL because that is where the 401 is printed.
+      // "Run `clixad login` first" is not a runnable instruction at this prompt —
+      // anything without a leading slash is a prompt, so it went to the model and
+      // came back as the same 401.
+      //
+      // Deliberately *no* `args`, though `/login <email>` works: an arg hint makes
+      // enter complete the command instead of running it, and this is the one
+      // command whose whole job is to be the exit from a stuck REPL. The email form
+      // is the dev shortcut, documented on `clixad login [email]`, not the path
+      // somebody in a 401 loop needs.
+      { name: "login", desc: "sign in, or switch account" },
       { name: "compact", desc: "summarise the conversation to free context" },
       { name: "clear", desc: "clear the conversation context" },
       { name: "init", desc: "write a CLIXAD.md for this project" },
@@ -2029,6 +2177,45 @@ import { jsx, jsxs } from "react/jsx-runtime";
 function lineCount(text, cols) {
   return text.split("\n").reduce((n, line2) => n + Math.max(1, Math.ceil(visibleLength(line2) / Math.max(1, cols))), 0);
 }
+function tailRows(text, cols, max) {
+  if (max <= 0) return "";
+  const width = Math.max(1, cols);
+  const lines = text.split("\n");
+  const kept = [];
+  let used = 0;
+  for (let i = lines.length - 1; i >= 0; i--) {
+    const line2 = lines[i];
+    const h = Math.max(1, Math.ceil(visibleLength(line2) / width));
+    if (used + h <= max) {
+      kept.unshift(line2);
+      used += h;
+      continue;
+    }
+    const room = max - used;
+    if (room > 0) kept.unshift(line2.slice(-(room * width)));
+    break;
+  }
+  return kept.join("\n");
+}
+function headRows(text, cols, max) {
+  if (max <= 0) return "";
+  const width = Math.max(1, cols);
+  const lines = text.split("\n");
+  const kept = [];
+  let used = 0;
+  for (const line2 of lines) {
+    const h = Math.max(1, Math.ceil(visibleLength(line2) / width));
+    if (used + h <= max) {
+      kept.push(line2);
+      used += h;
+      continue;
+    }
+    const room = max - used;
+    if (room > 0) kept.push(line2.slice(0, room * width));
+    break;
+  }
+  return kept.join("\n");
+}
 function entryHeight(entry, cols) {
   const margin = entry.kind === "banner" ? 0 : 1;
   switch (entry.kind) {
@@ -2075,7 +2262,7 @@ function EntryView({ entry }) {
       ) });
   }
 }
-var MANGO3, MANGO_BRIGHT;
+var MANGO3, MANGO_BRIGHT, SLATE, MODE_STYLE;
 var init_views = __esm({
   "src/tui/views.tsx"() {
     "use strict";
@@ -2083,6 +2270,12 @@ var init_views = __esm({
     init_markdown();
     MANGO3 = "#f5b841";
     MANGO_BRIGHT = "#ffcf6b";
+    SLATE = "#8b98ae";
+    MODE_STYLE = {
+      normal: { color: SLATE, glyph: "\u23F5" },
+      acceptEdits: { color: "#7ee787", glyph: "\u23F5\u23F5" },
+      plan: { color: "#79c0ff", glyph: "\u23F8" }
+    };
   }
 });
 
@@ -2160,13 +2353,34 @@ function App({ client, config, wallet, session, initialTask }) {
   const lastOutputRef = useRef("");
   const runningToolRef = useRef(null);
   const pendingTaskRef = useRef(null);
+  const deltaBufRef = useRef("");
+  const deltaTimerRef = useRef(null);
   const sponsorRef = useRef(sponsorSource());
   const sponsorIdxRef = useRef(0);
   const sponsorPrevRef = useRef(void 0);
   const tallyRef = useRef(createTally());
+  const heightCacheRef = useRef(/* @__PURE__ */ new Map());
   const push = useCallback((e) => {
     setEntries((prev) => [...prev, { ...e, id: idRef.current++ }]);
   }, []);
+  const flushDelta = useCallback(() => {
+    if (deltaTimerRef.current) {
+      clearTimeout(deltaTimerRef.current);
+      deltaTimerRef.current = null;
+    }
+    const buffered = deltaBufRef.current;
+    if (!buffered) return;
+    deltaBufRef.current = "";
+    setLive((l) => ({ ...l ?? { text: "" }, text: (l?.text ?? "") + buffered }));
+  }, []);
+  const dropDelta = useCallback(() => {
+    if (deltaTimerRef.current) {
+      clearTimeout(deltaTimerRef.current);
+      deltaTimerRef.current = null;
+    }
+    deltaBufRef.current = "";
+  }, []);
+  useEffect(() => dropDelta, [dropDelta]);
   useEffect(() => {
     const files = contextRef.current.files;
     if (files.length) push({ kind: "notice", text: `  context: ${files.join(", ")}` });
@@ -2222,10 +2436,13 @@ function App({ client, config, wallet, session, initialTask }) {
   }, []);
   const handleEvent = useCallback(
     (event) => {
+      if (event.type === "delta") {
+        deltaBufRef.current += event.text;
+        if (!deltaTimerRef.current) deltaTimerRef.current = setTimeout(flushDelta, DELTA_FLUSH_MS);
+        return;
+      }
+      flushDelta();
       switch (event.type) {
-        case "delta":
-          setLive((l) => ({ ...l ?? { text: "" }, text: (l?.text ?? "") + event.text }));
-          return;
         case "message":
           push({ kind: "assistant", text: event.content });
           setLive((l) => ({ ...l ?? { text: "" }, text: "" }));
@@ -2265,7 +2482,7 @@ function App({ client, config, wallet, session, initialTask }) {
           return;
       }
     },
-    [cols, push]
+    [cols, flushDelta, push]
   );
   const runTurn2 = useCallback(
     async (task) => {
@@ -2339,18 +2556,19 @@ function App({ client, config, wallet, session, initialTask }) {
   that is normal, just start another.`
           });
         } else if (err instanceof AuthError) {
-          push({ kind: "notice", tone: "error", text: `  ${err.message}` });
+          push({ kind: "notice", tone: "error", text: NOT_SIGNED_IN });
         } else {
           push({ kind: "notice", tone: "error", text: `  error: ${err.message}` });
         }
       } finally {
         abortRef.current = null;
+        dropDelta();
         setLive(null);
         setBusy(false);
         setSponsor(null);
       }
     },
-    [client, contextWindow, handleEvent, model, nextSponsor, permit, push, root, session?.title]
+    [client, contextWindow, dropDelta, handleEvent, model, nextSponsor, permit, push, root, session?.title]
   );
   const stopCurrent = useCallback(() => {
     abortRef.current?.abort();
@@ -2367,6 +2585,7 @@ function App({ client, config, wallet, session, initialTask }) {
         await fn(ac.signal);
       } catch (err) {
         if (ac.signal.aborted) push({ kind: "notice", tone: "warn", text: "  (stopped)" });
+        else if (err instanceof AuthError) push({ kind: "notice", tone: "error", text: NOT_SIGNED_IN });
         else push({ kind: "notice", tone: "error", text: `  ${err.message}` });
       } finally {
         busyAbortRef.current = null;
@@ -2376,6 +2595,56 @@ function App({ client, config, wallet, session, initialTask }) {
     },
     [push]
   );
+  const runLogin = useCallback(
+    async (arg) => {
+      const args = parseLoginArgs(arg.split(/\s+/).filter(Boolean));
+      await runBusy(SIGNING_IN, async (signal) => {
+        const outcome = await performLogin(
+          client,
+          config,
+          args,
+          {
+            verify: (start) => push({
+              kind: "notice",
+              text: `  Open ${start.verification_uri}
+  and enter the code: ${start.user_code}
+  Waiting for GitHub \u2014 esc to cancel.`
+            })
+          },
+          signal
+        );
+        switch (outcome.status) {
+          case "ok": {
+            const { account } = outcome;
+            setBalance(account.balance);
+            push({
+              kind: "notice",
+              tone: "good",
+              text: `  signed in as ${account.login ?? account.email ?? "you"} \xB7 balance ${account.balance.toLocaleString("en-US")} credits` + (account.created ? " (signup bonus)" : "")
+            });
+            return;
+          }
+          case "closed":
+            push({
+              kind: "notice",
+              tone: "warn",
+              text: `  Clixad isn't open yet.
+  ${outcome.message}` + (outcome.hadInvite ? "\n  That invite code wasn't accepted \u2014 check it for typos." : "")
+            });
+            return;
+          case "timeout":
+            push({ kind: "notice", tone: "warn", text: "  login timed out \u2014 /login to try again." });
+            return;
+          case "aborted":
+            push({ kind: "notice", tone: "warn", text: "  (stopped) \u2014 /login to try again." });
+            return;
+          default:
+            push({ kind: "notice", tone: "error", text: `  login failed: ${outcome.error}` });
+        }
+      });
+    },
+    [client, config, push, runBusy]
+  );
   const runAdWall = useCallback(async () => {
     const task = pendingTaskRef.current;
     pendingTaskRef.current = null;
@@ -2394,7 +2663,7 @@ function App({ client, config, wallet, session, initialTask }) {
     await runBusy(WAITING_FOR_REWARD, async (signal) => {
       const deadline = Date.now() + 5 * 6e4;
       while (Date.now() < deadline && !credited && !signal.aborted) {
-        await sleep(3e3, signal);
+        await sleep2(3e3, signal);
         if (signal.aborted) break;
         const w = await client.wallet(signal).catch(() => void 0);
         if (w && w.balance > before) {
@@ -2523,9 +2792,12 @@ function App({ client, config, wallet, session, initialTask }) {
             setBalance(w.balance);
             const reversals = w.ledger.filter((e) => e.reason === "ad_reversal");
             const reversed = reversals.reduce((sum, e) => sum + Math.abs(e.delta), 0);
+            const screenouts = w.screenouts_today ?? 0;
+            const screenoutCredits = w.screenout_credits_today ?? 0;
             push({
               kind: "notice",
-              text: `  balance ${w.balance.toLocaleString("en-US")} credits \xB7 ${w.ads_today} offers today \xB7 $${w.earned_usd_today.toFixed(2)}/$${w.max_reward_usd_per_day.toFixed(2)} earned` + (reversals.length ? `
+              text: `  balance ${w.balance.toLocaleString("en-US")} credits \xB7 ${w.ads_today} offers today \xB7 $${w.earned_usd_today.toFixed(2)}/$${w.max_reward_usd_per_day.toFixed(2)} earned` + (screenouts ? `
+  plus ${screenoutCredits.toLocaleString("en-US")} credits from ${screenouts} screenout bonus${screenouts === 1 ? "" : "es"} \u2014 attempts that didn't qualify, which CPX pays a little for anyway.` : "") + (reversals.length ? `
   recently: ${reversed.toLocaleString("en-US")} credits from ${reversals.length} offer${reversals.length === 1 ? "" : "s"} were reversed by the provider. Run \`clixad wallet\` for the full ledger.` : "")
             });
           });
@@ -2536,11 +2808,14 @@ function App({ client, config, wallet, session, initialTask }) {
         case "earn":
           await runAdWall();
           return;
+        case "login":
+          await runLogin(arg);
+          return;
         default:
           push({ kind: "notice", tone: "warn", text: `  unknown command: /${cmd} \u2014 try /help` });
       }
     },
-    [client, config, cycleMode, exit, model, push, runAdWall, runBusy, runTurn2]
+    [client, config, cycleMode, exit, model, push, runAdWall, runBusy, runLogin, runTurn2]
   );
   const submit = useCallback(
     async (raw) => {
@@ -2674,62 +2949,95 @@ function App({ client, config, wallet, session, initialTask }) {
   const elapsed = busy && startedAt ? Math.floor((Date.now() - startedAt) / 1e3) : 0;
   const spinner = SPINNER[tick % SPINNER.length];
   const sponsorLine = busy && sponsor ? sponsorText(sponsor, cols) : null;
-  const liveText = live?.text ? tailLines(live.text, Math.max(4, rows - 12)) : "";
-  const liveBlock = [
-    liveText,
+  const viewport = Math.max(6, rows - 1);
+  const inputRows = Math.max(1, Math.min(MAX_INPUT_ROWS, editor.lines.length));
+  const inputFrom = windowStart(editor.row, editor.lines.length, inputRows);
+  const inputBoxHeight = 2 + inputRows;
+  const chromeHeight = inputBoxHeight + 2 + (sponsorLine ? 1 : 0);
+  let budget = Math.max(0, viewport - chromeHeight - menu.length);
+  const PICKER_CHROME = 8;
+  const pickerRows = picker ? Math.max(1, Math.min(MAX_PICKER_ROWS, picker.items.length, budget - PICKER_CHROME)) : 0;
+  const pickerFrom = picker ? windowStart(pickerSel, picker.items.length, pickerRows) : 0;
+  const pickerItems = picker ? picker.items.slice(pickerFrom, pickerFrom + pickerRows) : [];
+  const pickerHeight = picker ? pickerItems.length + PICKER_CHROME : 0;
+  const pickerLabelW = picker ? picker.items.reduce((w, i) => Math.max(w, i.label.length), 0) : 0;
+  budget -= pickerHeight;
+  const ASK_CHROME = 4;
+  const askSummaryRows = ask2 ? lineCount(ask2.req.summary, cols) : 0;
+  const askPreview = ask2?.req.preview ? headRows(ask2.req.preview, cols, Math.max(1, budget - ASK_CHROME - askSummaryRows)) : "";
+  const askHeight = ask2 ? askSummaryRows + lineCount(askPreview, cols) * (askPreview ? 1 : 0) + ASK_CHROME : 0;
+  budget -= askHeight;
+  const busyHeight = busy ? 2 : 0;
+  budget -= busyHeight;
+  const liveRaw = [
+    // Trailing blank lines are rows the clamp would spend on nothing, and a
+    // streamed answer ends on one more often than not.
+    (live?.text ?? "").replace(/\n+$/, ""),
     live?.tool ? `\u23FA ${live.tool.name} ${live.tool.summary}` : "",
     live?.tool?.output ?? ""
   ].filter(Boolean).join("\n");
-  const askBlock = ask2 ? [ask2.req.summary, ask2.req.preview ?? ""].filter(Boolean).join("\n") : "";
-  const pickerHeight = picker ? picker.items.length + 8 : 0;
-  const pickerLabelW = picker ? picker.items.reduce((w, i) => Math.max(w, i.label.length), 0) : 0;
-  const inputBoxHeight = 2 + editor.lines.length;
-  const chromeHeight = inputBoxHeight + 2 + (sponsorLine ? 1 : 0);
+  const liveBlock = tailRows(liveRaw, cols, Math.max(0, budget - 1));
   const liveHeight = liveBlock ? lineCount(liveBlock, cols) + 1 : 0;
-  const askHeight = ask2 ? lineCount(askBlock, cols) + 2 : 0;
-  const printed = useMemo(() => entries.reduce((n, e) => n + entryHeight(e, cols), 0), [entries, cols]);
-  const spacer = Math.max(
-    0,
-    rows - 1 - printed - chromeHeight - menu.length - pickerHeight - liveHeight - askHeight
-  );
+  const printed = useMemo(() => {
+    const cache = heightCacheRef.current;
+    return entries.reduce((n, e) => {
+      const key = `${e.id}:${cols}`;
+      let h = cache.get(key);
+      if (h === void 0) {
+        h = entryHeight(e, cols);
+        cache.set(key, h);
+      }
+      return n + h;
+    }, 0);
+  }, [entries, cols]);
+  const used = chromeHeight + menu.length + pickerHeight + askHeight + busyHeight + liveHeight;
+  const spacer = Math.max(0, viewport - printed - used);
   const labelW = menu.reduce((w, c2) => Math.max(w, c2.label.length), 0);
   return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx2(Static, { items: entries, children: (entry) => /* @__PURE__ */ jsx2(EntryView, { entry }, entry.id) }),
     spacer > 0 ? /* @__PURE__ */ jsx2(Box2, { height: spacer }) : null,
     liveBlock ? /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx2(Text2, { children: liveBlock }) }) : null,
+    busy ? /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, children: [
+      /* @__PURE__ */ jsxs2(Text2, { color: MANGO3, children: [
+        spinner,
+        " "
+      ] }),
+      /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+        busyLabel,
+        " ",
+        elapsed,
+        "s \xB7 esc to stop"
+      ] })
+    ] }) : null,
     ask2 ? /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginTop: 1, borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
       /* @__PURE__ */ jsx2(Text2, { bold: true, color: "yellow", children: ask2.req.summary }),
-      ask2.req.preview ? /* @__PURE__ */ jsx2(Text2, { children: ask2.req.preview }) : null,
+      askPreview ? /* @__PURE__ */ jsx2(Text2, { children: askPreview }) : null,
       /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "[y/\u23CE] once \xB7 [a] always \xB7 [n] no \xB7 esc cancels" })
     ] }) : null,
     picker ? /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginTop: 1, borderStyle: "round", borderColor: MANGO3, paddingX: 1, children: [
       /* @__PURE__ */ jsx2(Text2, { bold: true, color: MANGO_BRIGHT, children: picker.title }),
       /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: picker.subtitle }),
       /* @__PURE__ */ jsx2(Box2, { height: 1 }),
-      picker.items.map((item, i) => /* @__PURE__ */ jsxs2(Box2, { children: [
-        /* @__PURE__ */ jsxs2(Text2, { color: i === pickerSel ? MANGO_BRIGHT : void 0, bold: i === pickerSel, children: [
-          i === pickerSel ? "\u276F " : "  ",
-          `${i + 1}. `,
-          item.label.padEnd(pickerLabelW + 2)
-        ] }),
-        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: item.hint }),
-        item.current ? /* @__PURE__ */ jsx2(Text2, { color: "green", children: "  \u2190 current" }) : null
-      ] }, item.value)),
+      pickerItems.map((item, i) => {
+        const index = pickerFrom + i;
+        return /* @__PURE__ */ jsxs2(Box2, { children: [
+          /* @__PURE__ */ jsxs2(Text2, { color: index === pickerSel ? MANGO_BRIGHT : void 0, bold: index === pickerSel, children: [
+            index === pickerSel ? "\u276F " : "  ",
+            `${index + 1}. `,
+            item.label.padEnd(pickerLabelW + 2)
+          ] }),
+          /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: item.hint }),
+          item.current ? /* @__PURE__ */ jsx2(Text2, { color: "green", children: "  \u2190 current" }) : null
+        ] }, item.value);
+      }),
       /* @__PURE__ */ jsx2(Box2, { height: 1 }),
       /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\u2191\u2193 choose \xB7 1-9 jump straight to a row \xB7 \u23CE confirm \xB7 esc cancel" })
     ] }) : null,
     /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginTop: 1, children: [
       sponsorLine ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: sponsorLine }) : null,
-      /* @__PURE__ */ jsxs2(Box2, { borderStyle: "round", borderColor: busy ? MANGO_BRIGHT : MANGO3, paddingX: 1, children: [
-        /* @__PURE__ */ jsx2(Text2, { color: MANGO_BRIGHT, children: "\u276F " }),
-        busy ? /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
-          spinner,
-          " ",
-          busyLabel,
-          " ",
-          elapsed,
-          "s \xB7 esc to stop"
-        ] }) : /* @__PURE__ */ jsx2(Text2, { children: renderInput(editor) })
+      /* @__PURE__ */ jsxs2(Box2, { borderStyle: "round", borderColor: busy ? SLATE : MANGO3, paddingX: 1, children: [
+        /* @__PURE__ */ jsx2(Text2, { color: busy ? SLATE : MANGO_BRIGHT, children: "\u276F " }),
+        busy ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: toText(editor) }) : /* @__PURE__ */ jsx2(Text2, { children: renderInput(editor, inputFrom, inputRows) })
       ] }),
       menu.map((item, i) => /* @__PURE__ */ jsxs2(Box2, { children: [
         /* @__PURE__ */ jsxs2(Text2, { color: i === sel ? MANGO_BRIGHT : MANGO3, bold: i === sel, children: [
@@ -2738,22 +3046,25 @@ function App({ client, config, wallet, session, initialTask }) {
         ] }),
         /* @__PURE__ */ jsx2(Text2, { dimColor: i !== sel, children: item.hint })
       ] }, item.value)),
-      /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+      quitHint || menu.length > 0 ? /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
         "  ",
-        statusLine({
-          menu: menu.length > 0,
-          quitHint,
-          model,
-          balance,
-          spent,
-          mode,
-          minutes: (Date.now() - runStartedAtRef.current) / 6e4
-        })
+        quitHint ? "press ctrl+c again to quit" : "\u2191\u2193 choose \xB7 \u23CE run \xB7 tab complete \xB7 esc close"
+      ] }) : /* @__PURE__ */ jsxs2(Box2, { children: [
+        /* @__PURE__ */ jsx2(Text2, { color: MODE_STYLE[mode].color, bold: true, children: `  ${MODE_STYLE[mode].glyph} ${MODE_LABEL[mode]}` }),
+        /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+          "  ",
+          statusLine({
+            model,
+            balance,
+            spent,
+            minutes: (Date.now() - runStartedAtRef.current) / 6e4
+          })
+        ] })
       ] })
     ] })
   ] });
 }
-function sleep(ms, signal) {
+function sleep2(ms, signal) {
   return new Promise((resolve2) => {
     if (signal.aborted) return resolve2();
     const done = () => {
@@ -2765,9 +3076,10 @@ function sleep(ms, signal) {
     signal.addEventListener("abort", done, { once: true });
   });
 }
-function renderInput(state) {
-  return state.lines.map((line2, row) => {
-    const prefix = row === 0 ? "" : "\n";
+function renderInput(state, from, rows) {
+  return state.lines.slice(from, from + rows).map((line2, i) => {
+    const row = from + i;
+    const prefix = i === 0 ? "" : "\n";
     if (row !== state.row) return /* @__PURE__ */ jsx2(Text2, { children: prefix + line2 }, row);
     const before = line2.slice(0, state.col);
     const at = line2.slice(state.col, state.col + 1) || " ";
@@ -2780,19 +3092,20 @@ function renderInput(state) {
   });
 }
 function statusLine(o) {
-  if (o.quitHint) return "press ctrl+c again to quit";
-  if (o.menu) return "\u2191\u2193 choose \xB7 \u23CE run \xB7 tab complete \xB7 esc close";
   const burn = o.spent > 0 && o.minutes >= 1 ? `${Math.round(o.spent / o.minutes).toLocaleString("en-US")} cr/min` : void 0;
   const parts = [
     o.model,
     `${o.balance.toLocaleString("en-US")} cr`,
-    o.spent > 0 ? `\u2212${o.spent.toLocaleString("en-US")} this session` : void 0,
+    o.spent > 0 ? `\u2212${o.spent.toLocaleString("en-US")}` : void 0,
     burn,
-    MODE_LABEL[o.mode],
     "/help"
   ].filter(Boolean);
   return parts.join(" \xB7 ");
 }
+function windowStart(sel, total, size) {
+  if (total <= size) return 0;
+  return Math.max(0, Math.min(total - size, sel - Math.floor(size / 2)));
+}
 function toEditorKey(ch, key) {
   const name = key.leftArrow ? "left" : key.rightArrow ? "right" : key.upArrow ? "up" : key.downArrow ? "down" : key.backspace ? "backspace" : key.delete ? "delete" : void 0;
   return {
@@ -2825,12 +3138,13 @@ function tailLines(text, max) {
   const lines = text.split("\n");
   return lines.length <= max ? text : lines.slice(-max).join("\n");
 }
-var SPINNER, WORKING, WAITING_FOR_REWARD, LOADING, COMPACTING, LIVE_OUTPUT_LINES, COMMITTED_OUTPUT_LINES;
+var SPINNER, WORKING, WAITING_FOR_REWARD, LOADING, COMPACTING, SIGNING_IN, NOT_SIGNED_IN, LIVE_OUTPUT_LINES, COMMITTED_OUTPUT_LINES, DELTA_FLUSH_MS, MAX_INPUT_ROWS, MAX_PICKER_ROWS;
 var init_app = __esm({
   "src/tui/app.tsx"() {
     "use strict";
     init_client();
     init_config();
+    init_login();
     init_banner();
     init_agent();
     init_context();
@@ -2853,8 +3167,13 @@ var init_app = __esm({
     WAITING_FOR_REWARD = "waiting for the offer\u2026";
     LOADING = "loading\u2026";
     COMPACTING = "compacting\u2026";
+    SIGNING_IN = "signing in\u2026";
+    NOT_SIGNED_IN = "  Not signed in, or the stored token isn't valid for this gateway.\n  Run /login to sign in.";
     LIVE_OUTPUT_LINES = 5;
     COMMITTED_OUTPUT_LINES = 4;
+    DELTA_FLUSH_MS = 50;
+    MAX_INPUT_ROWS = 10;
+    MAX_PICKER_ROWS = 12;
   }
 });
 
@@ -2880,6 +3199,7 @@ var init_tui = __esm({
 // src/main.ts
 init_client();
 init_config();
+init_login();
 init_agent();
 init_context();
 init_permissions();
@@ -2980,25 +3300,44 @@ async function main() {
       process.exitCode = 1;
   }
 }
-function takeInvite(args) {
-  const rest = [];
-  let invite;
-  for (let i = 0; i < args.length; i++) {
-    const a = args[i];
-    if (a === "--invite") invite = args[++i];
-    else if (a.startsWith("--invite=")) invite = a.slice("--invite=".length);
-    else rest.push(a);
-  }
-  return { invite: invite?.trim() || void 0, rest };
-}
 async function login(client, config, args) {
-  const { invite, rest } = takeInvite(args);
-  const email = rest[0];
-  if (!email) {
-    const start = await client.deviceStart().catch(() => null);
-    if (start) return githubLogin(client, config, start, invite);
+  const parsed = parseLoginArgs(args);
+  const outcome = await performLogin(client, config, parsed, {
+    verify(start) {
+      console.log(`
+  Open ${c.cyan(start.verification_uri)} and enter code: ${c.bold(start.user_code)}
+`);
+      process.stdout.write(c.dim("  waiting for GitHub authorization\u2026 (Ctrl+C to cancel)"));
+    },
+    tick() {
+      process.stdout.write(c.dim("."));
+    }
+  });
+  switch (outcome.status) {
+    case "ok": {
+      const { account } = outcome;
+      const who = account.login ?? account.email ?? "you";
+      const suffix = account.login && account.email ? c.dim(` (${account.email})`) : "";
+      console.log(c.green(`
+\u2713 logged in as ${who}`) + suffix);
+      const bonus = account.created ? c.dim(account.signupBonus === void 0 ? " (signup bonus)" : ` (signup bonus ${credits(account.signupBonus)})`) : "";
+      console.log(`  balance: ${c.bold(credits(account.balance))} credits${bonus}`);
+      console.log(c.dim(`  token stored in ${configPath()}`));
+      return;
+    }
+    case "closed":
+      reportSignupClosed(outcome.message, outcome.hadInvite);
+      process.exitCode = 1;
+      return;
+    case "timeout":
+      console.log(c.red("\n  login timed out \u2014 run `clixad login` again."));
+      return;
+    case "aborted":
+      return;
+    default:
+      console.log(c.red(`
+  login failed: ${outcome.error}`));
   }
-  return devLogin(client, config, email, invite);
 }
 function reportSignupClosed(message, hadInvite) {
   console.log(c.yellow("\n  Clixad isn't open yet.\n"));
@@ -3022,67 +3361,7 @@ function wrapPlain(text, width) {
   if (line2) lines.push(line2);
   return lines;
 }
-async function githubLogin(client, config, start, invite) {
-  console.log(`
-  Open ${c.cyan(start.verification_uri)} and enter code: ${c.bold(start.user_code)}
-`);
-  openBrowser(start.verification_uri);
-  process.stdout.write(c.dim("  waiting for GitHub authorization\u2026 (Ctrl+C to cancel)"));
-  const deadline = Date.now() + start.expires_in * 1e3;
-  let interval = Math.max(start.interval, 1);
-  while (Date.now() < deadline) {
-    await sleep2(interval * 1e3);
-    process.stdout.write(c.dim("."));
-    const poll = await client.devicePoll(start.session, invite);
-    if (poll.status === "pending") {
-      if (poll.interval) interval = poll.interval;
-      continue;
-    }
-    if (poll.status === "closed") {
-      reportSignupClosed(poll.message, Boolean(invite));
-      process.exitCode = 1;
-      return;
-    }
-    if (poll.status === "complete") {
-      config.token = poll.token;
-      config.userId = poll.userId;
-      config.email = poll.email;
-      config.login = poll.login;
-      saveConfig(config);
-      console.log(c.green(`
-\u2713 logged in as ${poll.login}`) + c.dim(poll.email ? ` (${poll.email})` : ""));
-      const bonus = poll.created ? c.dim(` (signup bonus ${credits(poll.signupBonus)})`) : "";
-      console.log(`  balance: ${c.bold(credits(poll.balance))} credits${bonus}`);
-      console.log(c.dim(`  token stored in ${configPath()}`));
-      return;
-    }
-    console.log(c.red(`
-  login failed: ${poll.error ?? poll.status}`));
-    return;
-  }
-  console.log(c.red("\n  login timed out \u2014 run `clixad login` again."));
-}
-async function devLogin(client, config, email, invite) {
-  let res;
-  try {
-    res = await client.signupDev(email, invite);
-  } catch (err) {
-    if (err instanceof SignupClosedError) {
-      reportSignupClosed(err.message, Boolean(invite));
-      process.exitCode = 1;
-      return;
-    }
-    throw err;
-  }
-  config.token = res.token;
-  config.userId = res.userId;
-  config.email = res.email;
-  saveConfig(config);
-  console.log(c.green(`\u2713 logged in as ${res.email}`));
-  console.log(`  balance: ${c.bold(credits(res.balance))} credits (signup bonus)`);
-  console.log(c.dim(`  token stored in ${configPath()}`));
-}
-var sleep2 = (ms) => new Promise((r) => setTimeout(r, ms));
+var sleep3 = (ms) => new Promise((r) => setTimeout(r, ms));
 var credits = (n) => n.toLocaleString("en-US");
 function logout(config) {
   delete config.token;
@@ -3159,7 +3438,7 @@ async function earn(client, config) {
   process.stdout.write(c.dim("  waiting for an offer to clear"));
   const deadline = Date.now() + 5 * 60 * 1e3;
   while (Date.now() < deadline) {
-    await sleep2(3e3);
+    await sleep3(3e3);
     process.stdout.write(c.dim("."));
     const balance = (await safeWallet(client))?.balance ?? before;
     if (balance > before) {
@@ -3203,7 +3482,7 @@ async function buyCmd(client, config, pack) {
   process.stdout.write(c.dim("  waiting for payment to clear"));
   const deadline = Date.now() + 5 * 60 * 1e3;
   while (Date.now() < deadline) {
-    await sleep2(3e3);
+    await sleep3(3e3);
     process.stdout.write(c.dim("."));
     const balance = (await safeWallet(client))?.balance ?? before;
     if (balance > before) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clixad",
-  "version": "0.0.1-beta.5",
+  "version": "0.0.1-beta.7",
   "description": "Free AI coding agent in your terminal, funded by rewarded ads.",
   "license": "UNLICENSED",
   "type": "module",