clixad 0.0.1-beta.11 → 0.0.1-beta.13

package/dist/clixad.mjs

@@ -197,6 +197,7 @@ var init_client = __esm({
       signup_bonus: "signup bonus",
       ad_reward: "offer reward",
       ad_screenout_bonus: "screenout bonus (didn't qualify)",
+      ad_sponsor_impression: "sponsored line shown",
       ad_reversal: "offer reward reversed by the provider",
       purchase: "credits purchased",
       usage: "model usage",
@@ -369,6 +370,92 @@ var init_client = __esm({
         if (!res.ok) throw new Error(`wallet failed: ${res.status}`);
         return res.json();
       }
+      /**
+       * Ask the gateway for a sponsored line, or `null` if it has none.
+       *
+       * **This never throws and never reports a failure to anybody.** Every caller is
+       * painting a row of dim chrome that already has a house line in it, so there is
+       * no state a user could act on and nothing a message would improve — a 404 from
+       * a gateway older than the route, a 401, a cold start, a dropped connection and
+       * an empty inventory are all the same event here, which is "keep showing ours".
+       * That is the opposite of every other method on this client, and it is why the
+       * catch is this broad rather than a list of statuses.
+       *
+       * The serve itself happens on the gateway, deliberately: an impression is worth
+       * credits, and this program is installed by strangers from npm. All the CLI
+       * gets to decide is when to ask.
+       */
+      /**
+       * The serve parameters for this session, or `null` for "no ad network".
+       *
+       * Fetched once per session rather than per model call: the publisher id and
+       * the subject are stable for the life of an account, and the SDK's slot holds
+       * its own dwell cache. This route used to be `GET /v1/sponsor/line`, and used
+       * to be asked before every single call.
+       *
+       * Never throws, for the reason `sponsorLine` never threw: the caller starts it
+       * beside a turn that is already running, and a status line must not be able to
+       * take a session with it. A 404 (an older gateway that still serves lines
+       * itself) and a 401 both land on `null`, which means the house line — the
+       * correct outcome in both cases.
+       */
+      async sponsorConfig(signal) {
+        try {
+          const res = await fetch(`${this.config.gatewayUrl}/v1/sponsor/config`, {
+            headers: this.headers(),
+            ...signal ? { signal } : {}
+          });
+          if (!res.ok) return null;
+          const body = await res.json();
+          const publisherId = typeof body.publisher_id === "string" ? body.publisher_id.trim() : "";
+          if (!publisherId) return null;
+          return {
+            publisherId,
+            ...typeof body.category === "string" ? { category: body.category } : {},
+            ...typeof body.subject === "string" ? { subject: body.subject } : {},
+            ...typeof body.dwell_ms === "number" ? { dwellMs: body.dwell_ms } : {}
+          };
+        } catch {
+          return null;
+        }
+      }
+      /**
+       * Report one impression, and answer what it was credited.
+       *
+       * Fire-and-forget from the caller's point of view — the number comes back for
+       * the session tally and for tests, and nothing on screen depends on it. Like
+       * `sponsorConfig` it never throws: this is called from a `void`, and an
+       * unhandled rejection there is a Node process exiting over a line of chrome
+       * nobody asked for.
+       *
+       * **Call this after the model call the line was shown during has finished.**
+       * The gateway credits an impression only against a *settled* model call, and a
+       * report that arrives while the call is still in flight is refused every time
+       * — silently, since a refused grant is a 200 with `credited: 0`. That is the
+       * shape this shipped in once. `reportSponsor` in `app.tsx` is the caller, and
+       * it fires from `runTurn`'s `finally` for exactly this reason.
+       */
+      async reportImpression(report, signal) {
+        try {
+          const res = await fetch(`${this.config.gatewayUrl}/v1/sponsor/impression`, {
+            method: "POST",
+            headers: this.headers(),
+            ...signal ? { signal } : {},
+            body: JSON.stringify({
+              impression_id: report.impressionId,
+              ...report.adId ? { ad_id: report.adId } : {},
+              billable: report.billable,
+              from_cache: report.fromCache,
+              credit: report.credit
+            })
+          });
+          if (!res.ok) return 0;
+          const body = await res.json();
+          return typeof body.credited === "number" ? body.credited : 0;
+        } catch {
+          return 0;
+        }
+      }
       /**
        * Search the web, through the gateway.
        *
@@ -3626,6 +3713,8 @@ If it's installed under a different name/path, set CLIXAD_KIMI_BIN.`;
 
 // src/banner.ts
 import { homedir as homedir6 } from "node:os";
+import sliceAnsi from "slice-ansi";
+import stringWidth from "string-width";
 function duckLines() {
   const lines = [];
   for (let row = 0; row < DUCK.length; row += 2) {
@@ -3709,22 +3798,29 @@ function welcomeBanner(opts) {
   return out.join("\n");
 }
 function compactBanner(opts) {
-  const welcome = opts.name ? `Welcome back, ${opts.name}!` : "Welcome to Clixad!";
+  const width = Math.max(1, opts.width ?? MIN_BANNER_WIDTH);
+  const welcome = truncate(opts.name ? `Welcome back, ${opts.name}!` : "Welcome to Clixad!", Math.max(1, width - 2));
   const hint = bannerTip(opts.tipIndex);
-  return duckLines().map((d) => "  " + d).join("\n") + `
-
-  ${BOLD}${TEXT}${welcome}${R2}
-  ${MANGO}\u25C6${R2} ${BOLD}${TEXT}${hint.key}${R2} ${FAINT}${hint.desc}${R2}  ${FAINT}\xB7${R2} ${opts.balance.toLocaleString("en-US")} credits
+  const balance = `${opts.balance.toLocaleString("en-US")} credits`;
+  const room = width - (4 + stringWidth(hint.key) + 1 + 4 + stringWidth(balance));
+  const desc = room >= 3 ? truncate(hint.desc, room) : "";
+  const tipRow = desc ? `  ${MANGO}\u25C6${R2} ${BOLD}${TEXT}${hint.key}${R2} ${FAINT}${desc}${R2}  ${FAINT}\xB7${R2} ${balance}` : truncate(`  ${MANGO}\u25C6${R2} ${BOLD}${TEXT}${hint.key}${R2}  ${FAINT}\xB7${R2} ${balance}`, width);
+  const duck = width >= DUCK_W + 2 ? duckLines().map((d) => "  " + d).join("\n") + "\n\n" : "";
+  return `${duck}  ${BOLD}${TEXT}${welcome}${R2}
+${tipRow}
 `;
 }
-function clearScreen() {
-  const out = process.stdout;
-  if (!out.isTTY && !process.stdin.isTTY) return;
+function clearScreen(out = process.stdout) {
+  if (!out.isTTY) return;
   out.write("\n".repeat(out.rows ?? 40));
   out.write("\x1B[2J\x1B[3J\x1B[H\x1B[0f");
 }
 function visibleLength(s) {
-  return s.replace(/\x1b\[[0-9;]*m/g, "").length;
+  return stringWidth(s);
+}
+function sliceColumns(s, columns) {
+  if (columns <= 0) return "";
+  return stringWidth(s) <= columns ? s : sliceAnsi(s, 0, columns);
 }
 var R2, BOLD, fg, bg, MANGO, TEXT, MUTED, FAINT, PAL, DUCK, DUCK_W, cell, padTo, truncate, BANNER_TIPS, DUCK_FRAMES, BRAILLE_FRAMES, SPINNER_TICKS_PER_FRAME, MIN_BANNER_WIDTH, RIGHT_MAX;
 var init_banner = __esm({
@@ -3767,7 +3863,7 @@ var init_banner = __esm({
     DUCK_W = 14;
     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;
+    truncate = (s, max) => stringWidth(s) > max ? sliceColumns(s, Math.max(0, max - 1)) + "\u2026" : s;
     BANNER_TIPS = [
       { key: "/init", desc: "make a CLIXAD.md" },
       { key: "shift+tab", desc: "switch mode" },
@@ -3789,6 +3885,45 @@ var init_banner = __esm({
   }
 });
 
+// src/color.ts
+function colorEnabled({ isTTY, env }) {
+  const forced = env.FORCE_COLOR?.trim().toLowerCase();
+  if (forced === "0" || forced === "false") return false;
+  if (forced !== void 0 && forced !== "") return true;
+  if (env.NO_COLOR !== void 0 && env.NO_COLOR !== "") return false;
+  if (!isTTY) return false;
+  if (env.TERM === "dumb") return false;
+  return true;
+}
+function palette(input) {
+  const on = colorEnabled(input);
+  const paint = (code) => on ? (s) => `\x1B[${code}m${s}\x1B[0m` : PLAIN;
+  return {
+    cyan: paint(CODES.cyan),
+    green: paint(CODES.green),
+    yellow: paint(CODES.yellow),
+    red: paint(CODES.red),
+    dim: paint(CODES.dim),
+    bold: paint(CODES.bold),
+    enabled: on
+  };
+}
+var CODES, PLAIN;
+var init_color = __esm({
+  "src/color.ts"() {
+    "use strict";
+    CODES = {
+      cyan: "36",
+      green: "32",
+      yellow: "33",
+      red: "31",
+      dim: "2",
+      bold: "1"
+    };
+    PLAIN = (s) => s;
+  }
+});
+
 // src/version.ts
 import { readFileSync as readFileSync6 } from "node:fs";
 function readVersion() {
@@ -4002,6 +4137,23 @@ function sponsorSource(provider = "house") {
       return houseSource();
   }
 }
+function adtentionSource(fetchLine) {
+  return {
+    provider: "adtention",
+    async fetch(signal) {
+      let line2;
+      try {
+        line2 = await fetchLine(signal);
+      } catch {
+        return null;
+      }
+      if (!line2) return null;
+      const text = line2.text.trim();
+      if (!text) return null;
+      return { ...line2, text };
+    }
+  };
+}
 var init_provider = __esm({
   "src/sponsor/provider.ts"() {
     "use strict";
@@ -4022,19 +4174,98 @@ function sponsorEnabled({ isTTY, env, configEnabled }) {
   if (env.CI !== void 0 && env.CI !== "") return false;
   return true;
 }
-function sponsorText(line2, cols) {
-  const indent = "  ";
-  const prefix = `${indent}${SPONSOR_MARKER} `;
-  const room = cols - prefix.length;
-  if (room < 12) return null;
-  const body = line2.length <= room ? line2 : `${line2.slice(0, Math.max(0, room - 1)).trimEnd()}\u2026`;
-  return prefix + body;
+function adFitsWidth(cols) {
+  return cols >= AD_MIN_COLS;
+}
+function sponsorRow(line2, cols, origin) {
+  const marker = origin === "house" || cols >= AD_FULL_PREFIX_MIN_COLS ? HOUSE_MARKER_ROW : AD_MARKER_ROW;
+  const label = origin === "network" ? LABEL_ROW : null;
+  if (origin === "network" && !adFitsWidth(cols)) return null;
+  const room = cols - visibleLength(marker) - (label ? visibleLength(label) : 0);
+  if (room < MIN_BODY_COLS) return null;
+  const body = visibleLength(line2) <= room ? line2 : `${sliceColumns(line2, room - 1).trimEnd()}\u2026`;
+  return { marker, label, body, origin };
+}
+function adColorEnabled({ isTTY, env }) {
+  if (!colorEnabled({ isTTY, env })) return false;
+  if (env.CI !== void 0 && env.CI !== "") return false;
+  return true;
 }
-var SPONSOR_MARKER;
+var SPONSOR_SIGIL, SPONSOR_MARKER, AD_LABEL, INDENT, HOUSE_MARKER_ROW, AD_MARKER_ROW, LABEL_ROW, MIN_BODY_COLS, SHORT_AD_COLS, AD_MIN_COLS, AD_FULL_PREFIX_MIN_COLS;
 var init_render = __esm({
   "src/sponsor/render.ts"() {
     "use strict";
-    SPONSOR_MARKER = "\u2726 clixad \xB7";
+    init_banner();
+    init_color();
+    SPONSOR_SIGIL = "\u2726";
+    SPONSOR_MARKER = `${SPONSOR_SIGIL} clixad \xB7`;
+    AD_LABEL = "Ad";
+    INDENT = "  ";
+    HOUSE_MARKER_ROW = `${INDENT}${SPONSOR_MARKER} `;
+    AD_MARKER_ROW = `${INDENT}${SPONSOR_SIGIL} `;
+    LABEL_ROW = `${AD_LABEL} \xB7 `;
+    MIN_BODY_COLS = 12;
+    SHORT_AD_COLS = 29;
+    AD_MIN_COLS = visibleLength(AD_MARKER_ROW) + visibleLength(LABEL_ROW) + SHORT_AD_COLS;
+    AD_FULL_PREFIX_MIN_COLS = visibleLength(HOUSE_MARKER_ROW) + visibleLength(LABEL_ROW) + SHORT_AD_COLS;
+  }
+});
+
+// src/sponsor/network.ts
+import { isCategory, SponsorSlot } from "@adtention/sdk";
+function sponsorLineText(ad) {
+  const text = typeof ad.text === "string" ? ad.text.trim() : "";
+  if (!text) return void 0;
+  return text.length > MAX_TEXT_CHARS3 ? text.slice(0, MAX_TEXT_CHARS3).trimEnd() : text;
+}
+function createSponsorSlot(config) {
+  const slot = new SponsorSlot({
+    publisherId: config.publisherId,
+    serveOnly: true,
+    // `isCategory` is the SDK's own guard, and it is checked here even though
+    // the gateway already validated `ADTENTION_CATEGORY` at boot — because the
+    // interesting direction is the other one: an older CLI against a newer
+    // gateway that has learned a seventh category. Passing an unknown value
+    // through would be rejected per serve and look exactly like empty
+    // inventory; dropping it falls back to `general`, which the SDK documents
+    // as always filling from broad inventory. A worse-targeted line beats none.
+    ...isCategory(config.category) ? { category: config.category } : {},
+    ...config.dwellMs && config.dwellMs > 0 ? { dwellMs: config.dwellMs } : {},
+    timeoutMs: 2500,
+    // Deliberately silent. A failed serve is not something the person at the
+    // keyboard can act on, and this program's output is a coding session — an ad
+    // network's transport error printed into it would be the single most
+    // annoying line in the product.
+    onError: () => {
+    }
+  });
+  return {
+    async serve(cols, signal) {
+      if (!adFitsWidth(cols)) return null;
+      const ad = await slot.next({
+        ...config.subject ? { subject: config.subject } : {},
+        ...isCategory(config.category) ? { category: config.category } : {}
+      });
+      if (signal?.aborted || !ad) return null;
+      const text = sponsorLineText(ad);
+      if (!text) return null;
+      return {
+        id: ad.adId,
+        text,
+        impressionId: ad.impressionId,
+        billable: ad.billable,
+        fromCache: ad.fromCache,
+        credit: ad.credit
+      };
+    }
+  };
+}
+var MAX_TEXT_CHARS3;
+var init_network = __esm({
+  "src/sponsor/network.ts"() {
+    "use strict";
+    init_render();
+    MAX_TEXT_CHARS3 = 200;
   }
 });
 
@@ -4398,48 +4629,42 @@ var init_markdown = __esm({
 // src/tui/views.tsx
 import "react";
 import { Box, Text } from "ink";
+import wrapAnsi from "wrap-ansi";
 import { jsx, jsxs } from "react/jsx-runtime";
+function wrapRows(text, cols) {
+  return wrapAnsi(text, Math.max(1, cols), WRAP_LIKE_INK).split("\n");
+}
 function lineCount(text, cols) {
-  return text.split("\n").reduce((n, line2) => n + Math.max(1, Math.ceil(visibleLength(line2) / Math.max(1, cols))), 0);
+  return wrapRows(text, cols).length;
 }
 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");
+  const rows = wrapRows(text, cols);
+  if (rows.length <= max) return text;
+  return rows.slice(-max).join("\n");
+}
+function fitRow(text, cols) {
+  const width = Math.max(0, cols);
+  if (width === 0) return "";
+  if (visibleLength(text) <= width) return text;
+  if (width === 1) return "\u2026";
+  return `${sliceColumns(text, width - 1)}\u2026`;
+}
+function pickHint(variants, cols) {
+  for (const variant of variants) if (visibleLength(variant) <= cols) return variant;
+  return fitRow(variants[variants.length - 1] ?? "", cols);
+}
+function padColumns(text, width) {
+  return text + " ".repeat(Math.max(0, width - visibleLength(text)));
+}
+function dialogInner(cols) {
+  return Math.max(1, cols - DIALOG_CHROME_COLS);
 }
 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");
+  const rows = wrapRows(text, cols);
+  if (rows.length <= max) return text;
+  return rows.slice(0, max).join("\n");
 }
 function errorNotice(message, rows = ERROR_NOTICE_ROWS) {
   const clean = message.replace(/\u001b\][^\u0007]*(?:\u0007|\u001b\\)?/g, " ").replace(/\u001b\[[0-9;?]*[ -\/]*[@-~]/g, " ").replace(/[\u0000-\u0009\u000b-\u001f\u007f-\u009f]/g, " ");
@@ -4494,7 +4719,7 @@ function EntryView({ entry }) {
       ) });
   }
 }
-var MANGO3, MANGO_BRIGHT, SLATE, MODE_STYLE, ERROR_NOTICE_ROWS, ERROR_NOTICE_COLS;
+var MANGO3, MANGO_BRIGHT, SLATE, AD_TEXT, AD_MARK, MODE_STYLE, WRAP_LIKE_INK, DIALOG_CHROME_COLS, ERROR_NOTICE_ROWS, ERROR_NOTICE_COLS;
 var init_views = __esm({
   "src/tui/views.tsx"() {
     "use strict";
@@ -4503,37 +4728,52 @@ var init_views = __esm({
     MANGO3 = "#f5b841";
     MANGO_BRIGHT = "#ffcf6b";
     SLATE = "#8b98ae";
+    AD_TEXT = "#8a80b4";
+    AD_MARK = "#6b6390";
     MODE_STYLE = {
       normal: { color: SLATE, glyph: "\u23F5" },
       acceptEdits: { color: "#7ee787", glyph: "\u23F5\u23F5" },
       plan: { color: "#79c0ff", glyph: "\u23F8" }
     };
+    WRAP_LIKE_INK = { trim: false, hard: true };
+    DIALOG_CHROME_COLS = 4;
     ERROR_NOTICE_ROWS = 12;
     ERROR_NOTICE_COLS = 200;
   }
 });
 
 // src/tui/app.tsx
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Box as Box2, Static, Text as Text2, useApp, useInput, usePaste, useStdout } from "ink";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function useTerminalSize() {
-  const [size, setSize] = useState({
-    rows: process.stdout.rows ?? 24,
-    cols: process.stdout.columns ?? 80
+  const { stdout } = useStdout();
+  const snapshot2 = useRef({
+    rows: stdout.rows ?? FALLBACK_ROWS,
+    cols: stdout.columns ?? FALLBACK_COLS
   });
-  useEffect(() => {
-    const onResize = () => setSize({ rows: process.stdout.rows ?? 24, cols: process.stdout.columns ?? 80 });
-    process.stdout.on("resize", onResize);
-    return () => {
-      process.stdout.off("resize", onResize);
-    };
-  }, []);
-  return size;
+  const subscribe = useCallback(
+    (onChange) => {
+      stdout.prependListener("resize", onChange);
+      return () => {
+        stdout.off("resize", onChange);
+      };
+    },
+    [stdout]
+  );
+  const getSnapshot = useCallback(() => {
+    const rows = stdout.rows ?? FALLBACK_ROWS;
+    const cols = stdout.columns ?? FALLBACK_COLS;
+    if (rows !== snapshot2.current.rows || cols !== snapshot2.current.cols) {
+      snapshot2.current = { rows, cols };
+    }
+    return snapshot2.current;
+  }, [stdout]);
+  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 }
-function App({ client, config, wallet, session, initialTask }) {
+function App({ client, config, wallet, session, initialTask, sponsorServe }) {
   const { exit } = useApp();
-  const { write: writeToStdout } = useStdout();
+  const { stdout, write: writeToStdout } = useStdout();
   const idRef = useRef(1);
   const { rows, cols } = useTerminalSize();
   const root = process.cwd();
@@ -4541,8 +4781,12 @@ function App({ client, config, wallet, session, initialTask }) {
     {
       id: 0,
       kind: "banner",
-      text: ((process.stdout.columns ?? 80) >= MIN_BANNER_WIDTH ? welcomeBanner : compactBanner)({
-        width: process.stdout.columns ?? 80,
+      // The width ink is actually laying out against. Read once, because a
+      // committed <Static> line is written to the scrollback and belongs to the
+      // terminal from then on — but "once" now means the width at mount rather
+      // than whatever `process.stdout` happened to say.
+      text: (cols >= MIN_BANNER_WIDTH ? welcomeBanner : compactBanner)({
+        width: cols,
         name: config.login ?? config.email?.split("@")[0],
         model: config.model,
         balance: wallet?.balance ?? 0,
@@ -4605,6 +4849,38 @@ function App({ client, config, wallet, session, initialTask }) {
   const sponsorRef = useRef(sponsorSource());
   const sponsorIdxRef = useRef(0);
   const sponsorPrevRef = useRef(void 0);
+  const sponsorCallRef = useRef(0);
+  const pendingImpressionRef = useRef(null);
+  const sponsorSlotRef = useRef(null);
+  const colsRef = useRef(cols);
+  colsRef.current = cols;
+  const sponsorConfigRef = useRef(null);
+  const remoteSponsorRef = useRef(
+    adtentionSource(async (signal) => {
+      let served;
+      if (sponsorServe) {
+        served = await sponsorServe(colsRef.current, signal);
+      } else {
+        sponsorConfigRef.current ??= client.sponsorConfig(signal);
+        const conf = await sponsorConfigRef.current;
+        if (!conf) return null;
+        sponsorSlotRef.current ??= createSponsorSlot(conf);
+        served = await sponsorSlotRef.current.serve(colsRef.current, signal);
+      }
+      if (!served) return null;
+      return {
+        id: served.id,
+        text: served.text,
+        impression: {
+          impressionId: served.impressionId,
+          adId: served.id,
+          billable: served.billable,
+          fromCache: served.fromCache,
+          credit: served.credit
+        }
+      };
+    })
+  );
   const tallyRef = useRef(createTally());
   const heightCacheRef = useRef(/* @__PURE__ */ new Map());
   const push = useCallback((e) => {
@@ -4692,8 +4968,9 @@ function App({ client, config, wallet, session, initialTask }) {
   );
   const nextSponsor = useCallback(
     (modelId) => {
+      const call = ++sponsorCallRef.current;
       if (!sponsorEnabled({
-        isTTY: process.stdout.isTTY,
+        isTTY: stdout.isTTY,
         env: process.env,
         configEnabled: config.sponsor
       })) {
@@ -4706,16 +4983,31 @@ function App({ client, config, wallet, session, initialTask }) {
         adsPerTask: est === void 0 ? void 0 : adsPerTaskLabel(est)
       };
       const picked = sponsorRef.current.pick(sponsorIdxRef.current++, sponsorPrevRef.current, facts);
-      if (!picked) {
+      if (picked) {
+        sponsorPrevRef.current = picked.id;
+        recordImpression(tallyRef.current, picked.id);
+        setSponsor({ text: picked.text, origin: "house" });
+      } else {
         setSponsor(null);
-        return;
       }
-      sponsorPrevRef.current = picked.id;
-      recordImpression(tallyRef.current, picked.id);
-      setSponsor(picked.text);
+      if (!adFitsWidth(colsRef.current)) return;
+      void remoteSponsorRef.current.fetch().then((line2) => {
+        if (!line2 || call !== sponsorCallRef.current) return;
+        if (!sponsorRow(line2.text, colsRef.current, "network")) return;
+        sponsorPrevRef.current = line2.id;
+        recordImpression(tallyRef.current, line2.id);
+        setSponsor({ text: line2.text, origin: "network" });
+        pendingImpressionRef.current = { call, impression: line2.impression };
+      });
     },
-    [config.sponsor, wallet]
+    [config.sponsor, stdout, wallet]
   );
+  const reportSponsor = useCallback(() => {
+    const pending = pendingImpressionRef.current;
+    pendingImpressionRef.current = null;
+    if (!pending || pending.call !== sponsorCallRef.current) return;
+    void client.reportImpression(pending.impression);
+  }, [client]);
   const askUser = useCallback(
     (req) => new Promise((resolve2) => setAsk({ req, resolve: resolve2 })),
     []
@@ -4800,7 +5092,7 @@ function App({ client, config, wallet, session, initialTask }) {
             return;
           }
           const lines = event.result.split("\n").filter((l) => l.trim() !== "");
-          const shown = lines.slice(0, COMMITTED_OUTPUT_LINES).map((l) => l.slice(0, Math.max(20, cols - 8)));
+          const shown = lines.slice(0, COMMITTED_OUTPUT_LINES).map((l) => fitRow(l, Math.max(20, cols - 4)));
           const more = Math.max(0, lines.length - shown.length);
           const id = push({
             kind: "tool",
@@ -4939,6 +5231,8 @@ ${NO_SEARCH_INSTRUCTION}`),
         dropDelta();
         setLive(null);
         setBusy(false);
+        reportSponsor();
+        sponsorCallRef.current++;
         setSponsor(null);
       }
     },
@@ -4950,6 +5244,7 @@ ${NO_SEARCH_INSTRUCTION}`),
       dropDelta,
       handleEvent,
       model,
+      reportSponsor,
       nextSponsor,
       permit,
       push,
@@ -5268,7 +5563,14 @@ ${NO_SEARCH_INSTRUCTION}`),
           push({
             kind: "notice",
             text: list.map(
-              (s) => `  ${s.id.padEnd(8)} ${s.status.padEnd(8)} ${Math.round(s.runningMs / 1e3)}s  ${s.command.slice(0, Math.max(20, cols - 32))}`
+              (s) => (
+                // A command is arbitrary text, so it is cut in columns like
+                // everything else that is measured against the width.
+                fitRow(
+                  `  ${s.id.padEnd(8)} ${s.status.padEnd(8)} ${Math.round(s.runningMs / 1e3)}s  ${s.command}`,
+                  Math.max(28, cols)
+                )
+              )
             ).join("\n").concat("\n  /bg kill <id> \xB7 /bg kill all")
           });
           return;
@@ -5322,7 +5624,7 @@ ${NO_SEARCH_INSTRUCTION}`),
           { command }
         );
         const lines = output.split("\n").filter((l) => l.trim() !== "");
-        const shown = lines.slice(0, COMMITTED_OUTPUT_LINES).map((l) => l.slice(0, Math.max(20, cols - 8)));
+        const shown = lines.slice(0, COMMITTED_OUTPUT_LINES).map((l) => fitRow(l, Math.max(20, cols - 4)));
         const more = Math.max(0, lines.length - shown.length);
         const id = push({
           kind: "tool",
@@ -5562,36 +5864,82 @@ ${dropped.map((l) => `  \xB7 ${l}`).join("\n")}`
   });
   const elapsed = busy && startedAt ? Math.floor((Date.now() - startedAt) / 1e3) : 0;
   const spinner = spinnerRef.current[Math.floor(tick / SPINNER_TICKS_PER_FRAME) % spinnerRef.current.length];
-  const sponsorLine = busy && sponsor ? sponsorText(sponsor, cols) : null;
-  const viewport = Math.max(6, rows - 1);
+  const sponsorLine = busy && sponsor ? sponsorRow(sponsor.text, cols, sponsor.origin) : null;
+  const adColor = adColorEnabled({ isTTY: stdout.isTTY, env: process.env });
+  const viewport = Math.max(1, 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 queueRows = [
-    ...queueView.slice(0, MAX_QUEUE_ROWS).map((line2) => line2.replace(/\s+/g, " ").slice(0, Math.max(10, cols - 6))),
+  const queuedRows = [
+    ...queueView.slice(0, MAX_QUEUE_ROWS).map((line2) => line2.replace(/\s+/g, " ")),
     ...queueView.length > MAX_QUEUE_ROWS ? [`+${queueView.length - MAX_QUEUE_ROWS} more queued`] : []
-  ];
-  const chromeHeight = inputBoxHeight + 2 + (sponsorLine ? 1 : 0) + queueRows.length;
-  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;
+  ].map((line2) => fitRow(`  ${QUEUE_MARKER} ${line2}`, cols));
+  const inner = dialogInner(cols);
+  const modalFloor = picker ? PICKER_CHROME_COMPACT + 1 : ask2 ? ASK_CHROME + 1 : plan ? PLAN_CHROME + 1 : 0;
+  let slack = Math.max(0, viewport - inputRows - modalFloor - menu.length);
+  const grant = (want) => {
+    if (want <= 0 || want > slack) return 0;
+    slack -= want;
+    return want;
+  };
+  const inputBorder = grant(2) > 0;
+  const busyHeight = grant(busy ? 2 : 0);
+  const showStatus = grant(2) > 0;
+  const queueRows = grant(queuedRows.length) > 0 ? queuedRows : [];
+  const showSponsor = grant(sponsorLine ? 1 : 0) > 0;
+  const inputBoxHeight = inputRows + (inputBorder ? 2 : 0);
+  const chromeHeight = inputBoxHeight + (showStatus ? 2 : 0) + (showSponsor ? 1 : 0) + queueRows.length;
+  let budget = Math.max(0, viewport - chromeHeight - menu.length - busyHeight);
+  const pickerCompact = Boolean(picker) && budget < PICKER_CHROME + 1;
+  const pickerChrome = pickerCompact ? PICKER_CHROME_COMPACT : PICKER_CHROME;
+  const pickerRows = picker ? Math.max(1, Math.min(MAX_PICKER_ROWS, picker.items.length, budget - pickerChrome)) : 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 pickerHeight = picker ? pickerItems.length + pickerChrome : 0;
   pickerWindowRef.current = { from: pickerFrom, count: pickerItems.length };
-  const pickerLabelW = picker ? picker.items.reduce((w, i) => Math.max(w, i.label.length), 0) : 0;
+  const pickerLabelW = picker ? Math.min(
+    Math.max(1, Math.floor(inner * 0.6)),
+    picker.items.reduce((w, i) => Math.max(w, visibleLength(i.label)), 0)
+  ) : 0;
+  const pickerViewRows = pickerItems.map((item, i) => {
+    const index = pickerFrom + i;
+    const marker = item.current ? PICKER_CURRENT : "";
+    const markerW = Math.min(visibleLength(marker), Math.max(0, inner - MIN_PICKER_LABEL_COLS));
+    const head = fitRow(
+      `${index === pickerSel ? "\u276F " : "  "}${i + 1}. ${padColumns(item.label, pickerLabelW + 2)}`,
+      Math.max(1, inner - markerW)
+    );
+    const room = inner - visibleLength(head) - markerW;
+    return {
+      key: item.value,
+      selected: index === pickerSel,
+      head,
+      hint: room > 1 ? fitRow(item.hint, room) : "",
+      marker: markerW >= visibleLength(marker) ? marker : ""
+    };
+  });
+  const pickerTitle = picker ? fitRow(picker.title, inner) : "";
+  const pickerSubtitle = picker ? fitRow(picker.subtitle, inner) : "";
+  const pickerHint = picker ? pickHint(
+    picker.items.length > pickerItems.length ? [
+      `\u2191\u2193 choose (${pickerFrom + 1}-${pickerFrom + pickerItems.length} of ${picker.items.length}) \xB7 1-${pickerItems.length} jump \xB7 \u23CE confirm \xB7 esc cancel`,
+      `\u2191\u2193 ${pickerFrom + 1}-${pickerFrom + pickerItems.length}/${picker.items.length} \xB7 \u23CE confirm \xB7 esc cancel`,
+      "\u2191\u2193 \xB7 \u23CE \xB7 esc"
+    ] : [
+      `\u2191\u2193 choose \xB7 1-${Math.min(9, pickerItems.length)} jump straight to a row \xB7 \u23CE confirm \xB7 esc cancel`,
+      `\u2191\u2193 choose \xB7 1-${Math.min(9, pickerItems.length)} jump \xB7 \u23CE confirm \xB7 esc cancel`,
+      "\u2191\u2193 \xB7 \u23CE \xB7 esc"
+    ],
+    inner
+  ) : "";
   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;
+  const askSummary = ask2 ? headRows(ask2.req.summary, inner, Math.max(1, budget - ASK_CHROME)) : "";
+  const askSummaryRows = ask2 ? lineCount(askSummary, inner) : 0;
+  const askPreview = ask2?.req.preview ? headRows(ask2.req.preview, inner, Math.max(0, budget - ASK_CHROME - askSummaryRows)) : "";
+  const askHeight = ask2 ? askSummaryRows + (askPreview ? lineCount(askPreview, inner) : 0) + ASK_CHROME : 0;
   budget -= askHeight;
-  const PLAN_CHROME = 6;
-  const planBlock = plan ? headRows(plan.plan, cols, Math.max(1, budget - PLAN_CHROME)) : "";
-  const planHeight = plan ? lineCount(planBlock, cols) + PLAN_CHROME : 0;
+  const planBlock = plan ? headRows(renderMarkdown(plan.plan), inner, Math.max(1, budget - PLAN_CHROME)) : "";
+  const planHeight = plan ? lineCount(planBlock, inner) + PLAN_CHROME : 0;
   budget -= planHeight;
-  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.
@@ -5615,7 +5963,10 @@ ${dropped.map((l) => `  \xB7 ${l}`).join("\n")}`
   }, [entries, cols]);
   const used = chromeHeight + menu.length + pickerHeight + askHeight + planHeight + busyHeight + liveHeight;
   const spacer = Math.max(0, viewport - printed - used);
-  const labelW = menu.reduce((w, c2) => Math.max(w, c2.label.length), 0);
+  const labelW = Math.min(
+    Math.max(1, Math.floor(cols * 0.5)),
+    menu.reduce((w, c2) => Math.max(w, visibleLength(c2.label)), 0)
+  );
   const contextPct = useMemo(() => {
     const window = contextWindow(model);
     if (!window) return 0;
@@ -5625,81 +5976,86 @@ ${dropped.map((l) => `  \xB7 ${l}`).join("\n")}`
     ]);
     return used2 / window;
   }, [contextWindow, messages, model]);
+  const modeText = `  ${MODE_STYLE[mode].glyph} ${MODE_LABEL[mode]}`;
+  const statusText = fitRow(
+    `  ${statusLine(
+      { model, balance, spent, contextPct, minutes: (Date.now() - runStartedAtRef.current) / 6e4 },
+      Math.max(1, cols - visibleLength(modeText) - 2)
+    )}`,
+    Math.max(0, cols - visibleLength(modeText))
+  );
+  const hintText = quitHint ? fitRow("  press ctrl+c again to quit", cols) : `  ${pickHint(
+    ["\u2191\u2193 choose \xB7 \u23CE run \xB7 tab complete \xB7 esc close", "\u2191\u2193 \xB7 \u23CE run \xB7 tab \xB7 esc", "\u2191\u2193 \u23CE tab esc"],
+    Math.max(1, cols - 2)
+  )}`;
+  const menuRows = menu.map((item, i) => {
+    const head = fitRow(`${i === sel ? "  \u276F " : "    "}${padColumns(item.label, labelW + 2)}`, cols);
+    const room = cols - visibleLength(head);
+    return { key: item.value, selected: i === sel, head, hint: room > 1 ? fitRow(item.hint, room) : "" };
+  });
+  const busyText = fitRow(`${busyLabel} ${elapsed}s \xB7 esc to stop`, Math.max(1, cols - visibleLength(`${spinner} `)));
   return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx2(Static, { items: entries, children: (entry) => /* @__PURE__ */ jsx2(EntryView, { entry }, entry.id) }, staticEpoch),
     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: [
+    busyHeight > 0 ? /* @__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"
-      ] })
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, wrap: "truncate-end", children: busyText })
     ] }) : 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 }),
+      /* @__PURE__ */ jsx2(Text2, { bold: true, color: "yellow", children: askSummary }),
       askPreview ? /* @__PURE__ */ jsx2(Text2, { children: askPreview }) : null,
-      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "[y/\u23CE] once \xB7 [a] always \xB7 [n] no \xB7 esc stops the turn" })
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, wrap: "truncate-end", children: pickHint(ASK_HINT, inner) })
     ] }) : null,
     plan ? /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginTop: 1, borderStyle: "round", borderColor: MODE_STYLE.plan.color, paddingX: 1, children: [
-      /* @__PURE__ */ jsx2(Text2, { bold: true, color: MODE_STYLE.plan.color, children: `${MODE_STYLE.plan.glyph} Ready to act on this plan?` }),
+      /* @__PURE__ */ jsx2(Text2, { bold: true, color: MODE_STYLE.plan.color, wrap: "truncate-end", children: fitRow(`${MODE_STYLE.plan.glyph} Ready to act on this plan?`, inner) }),
       /* @__PURE__ */ jsx2(Box2, { height: 1 }),
-      /* @__PURE__ */ jsx2(Text2, { children: renderMarkdown(planBlock) }),
-      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "[y/\u23CE] yes, ask before edits \xB7 [a] yes, auto-accept edits \xB7 [n] keep planning \xB7 esc stops the turn" })
+      /* @__PURE__ */ jsx2(Text2, { children: planBlock }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, wrap: "truncate-end", children: pickHint(PLAN_HINT, inner) })
     ] }) : 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 }),
-      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 " : "  ",
-            `${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);
-      }),
-      /* @__PURE__ */ jsx2(Box2, { height: 1 }),
-      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: picker.items.length > pickerItems.length ? `\u2191\u2193 choose (${pickerFrom + 1}-${pickerFrom + pickerItems.length} of ${picker.items.length}) \xB7 1-${pickerItems.length} jump \xB7 \u23CE confirm \xB7 esc cancel` : `\u2191\u2193 choose \xB7 1-${Math.min(9, pickerItems.length)} jump straight to a row \xB7 \u23CE confirm \xB7 esc cancel` })
+      /* @__PURE__ */ jsx2(Text2, { bold: true, color: MANGO_BRIGHT, children: pickerTitle }),
+      pickerCompact ? null : /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: pickerSubtitle }),
+      pickerCompact ? null : /* @__PURE__ */ jsx2(Box2, { height: 1 }),
+      pickerViewRows.map((row) => /* @__PURE__ */ jsxs2(Box2, { children: [
+        /* @__PURE__ */ jsx2(Text2, { color: row.selected ? MANGO_BRIGHT : void 0, bold: row.selected, wrap: "truncate-end", children: row.head }),
+        row.hint ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, wrap: "truncate-end", children: row.hint }) : null,
+        row.marker ? /* @__PURE__ */ jsx2(Text2, { color: "green", children: row.marker }) : null
+      ] }, row.key)),
+      pickerCompact ? null : /* @__PURE__ */ jsx2(Box2, { height: 1 }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: pickerHint })
     ] }) : null,
     /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginTop: 1, children: [
-      queueRows.map((line2, i) => /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: `  \u23F3 ${line2}` }, i)),
-      sponsorLine ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: sponsorLine }) : null,
-      /* @__PURE__ */ jsxs2(Box2, { borderStyle: "round", borderColor: busy ? MANGO3 : MANGO_BRIGHT, paddingX: 1, children: [
+      queueRows.map((line2, i) => /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: line2 }, i)),
+      showSponsor && sponsorLine ? /* @__PURE__ */ jsxs2(Box2, { children: [
+        /* @__PURE__ */ jsx2(Text2, { dimColor: true, wrap: "truncate-end", children: sponsorLine.marker }),
+        sponsorLine.label ? /* @__PURE__ */ jsx2(Text2, { ...adColor ? { color: AD_MARK } : { dimColor: true }, wrap: "truncate-end", children: sponsorLine.label }) : null,
+        /* @__PURE__ */ jsx2(
+          Text2,
+          {
+            ...adColor && sponsorLine.origin === "network" ? { color: AD_TEXT } : { dimColor: true },
+            wrap: "truncate-end",
+            children: sponsorLine.body
+          }
+        )
+      ] }) : null,
+      inputBorder ? /* @__PURE__ */ jsxs2(Box2, { borderStyle: "round", borderColor: busy ? MANGO3 : MANGO_BRIGHT, paddingX: 1, children: [
         /* @__PURE__ */ jsx2(Text2, { color: MANGO_BRIGHT, children: "\u276F " }),
         /* @__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: [
-          i === sel ? "  \u276F " : "    ",
-          item.label.padEnd(labelW + 2)
-        ] }),
-        /* @__PURE__ */ jsx2(Text2, { dimColor: i !== sel, children: item.hint })
-      ] }, item.value)),
-      quitHint || menu.length > 0 ? /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
-        "  ",
-        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,
-            contextPct,
-            minutes: (Date.now() - runStartedAtRef.current) / 6e4
-          })
-        ] })
+        /* @__PURE__ */ jsx2(Text2, { color: MANGO_BRIGHT, children: "\u276F " }),
+        /* @__PURE__ */ jsx2(Text2, { children: renderInput(editor, inputFrom, inputRows) })
+      ] }),
+      menuRows.map((row) => /* @__PURE__ */ jsxs2(Box2, { children: [
+        /* @__PURE__ */ jsx2(Text2, { color: row.selected ? MANGO_BRIGHT : MANGO3, bold: row.selected, wrap: "truncate-end", children: row.head }),
+        row.hint ? /* @__PURE__ */ jsx2(Text2, { dimColor: !row.selected, wrap: "truncate-end", children: row.hint }) : null
+      ] }, row.key)),
+      !showStatus ? null : quitHint || menu.length > 0 ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, wrap: "truncate-end", children: hintText }) : /* @__PURE__ */ jsxs2(Box2, { children: [
+        /* @__PURE__ */ jsx2(Text2, { color: MODE_STYLE[mode].color, bold: true, wrap: "truncate-end", children: modeText }),
+        /* @__PURE__ */ jsx2(Text2, { dimColor: true, wrap: "truncate-end", children: statusText })
       ] })
     ] })
   ] });
@@ -5731,17 +6087,23 @@ function renderInput(state, from, rows) {
     ] }, row);
   });
 }
-function statusLine(o) {
+function statusLine(o, cols) {
   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")}` : void 0,
-    burn,
-    o.contextPct >= CONTEXT_NOTICE_AT ? `context ${Math.round(o.contextPct * 100)}%` : void 0,
-    "/help"
-  ].filter(Boolean);
-  return parts.join(" \xB7 ");
+  const clauses = [
+    { text: o.model, rank: KEEP_ALWAYS },
+    { text: `${o.balance.toLocaleString("en-US")} cr`, rank: KEEP_ALWAYS },
+    { text: o.spent > 0 ? `\u2212${o.spent.toLocaleString("en-US")}` : void 0, rank: 2 },
+    { text: burn, rank: 1 },
+    {
+      text: o.contextPct >= CONTEXT_NOTICE_AT ? `context ${Math.round(o.contextPct * 100)}%` : void 0,
+      rank: 3
+    },
+    { text: "/help", rank: 0 }
+  ].filter((c2) => Boolean(c2.text));
+  const join7 = (minRank) => clauses.filter((c2) => c2.rank >= minRank).map((c2) => c2.text).join(" \xB7 ");
+  let line2 = join7(0);
+  for (let minRank = 1; minRank <= 4 && visibleLength(line2) > cols; minRank++) line2 = join7(minRank);
+  return fitRow(line2, cols);
 }
 function windowStart(sel, total, size) {
   if (total <= size) return 0;
@@ -5792,7 +6154,7 @@ function tailLines(text, max) {
   const lines = text.split("\n");
   return lines.length <= max ? text : lines.slice(-max).join("\n");
 }
-var WORKING, WAITING_FOR_REWARD, LOADING, COMPACTING, SIGNING_IN, RUNNING, NOT_SIGNED_IN, LIVE_OUTPUT_LINES, COMMITTED_OUTPUT_LINES, DELTA_FLUSH_MS, MAX_INPUT_ROWS, MAX_PICKER_ROWS, MAX_QUEUE_ROWS, EXPAND_MAX_LINES, CONTEXT_NOTICE_AT;
+var WORKING, WAITING_FOR_REWARD, LOADING, COMPACTING, SIGNING_IN, RUNNING, NOT_SIGNED_IN, LIVE_OUTPUT_LINES, COMMITTED_OUTPUT_LINES, DELTA_FLUSH_MS, MAX_INPUT_ROWS, MAX_PICKER_ROWS, MAX_QUEUE_ROWS, QUEUE_MARKER, PICKER_CURRENT, MIN_PICKER_LABEL_COLS, PICKER_CHROME, PICKER_CHROME_COMPACT, ASK_CHROME, PLAN_CHROME, ASK_HINT, PLAN_HINT, EXPAND_MAX_LINES, FALLBACK_ROWS, FALLBACK_COLS, CONTEXT_NOTICE_AT, KEEP_ALWAYS;
 var init_app = __esm({
   "src/tui/app.tsx"() {
     "use strict";
@@ -5816,6 +6178,7 @@ var init_app = __esm({
     init_session();
     init_counter();
     init_provider();
+    init_network();
     init_render();
     init_commands();
     init_editor();
@@ -5835,8 +6198,28 @@ var init_app = __esm({
     MAX_INPUT_ROWS = 10;
     MAX_PICKER_ROWS = 12;
     MAX_QUEUE_ROWS = 3;
+    QUEUE_MARKER = "\u23F3";
+    PICKER_CURRENT = "  \u2190 current";
+    MIN_PICKER_LABEL_COLS = 8;
+    PICKER_CHROME = 8;
+    PICKER_CHROME_COMPACT = 5;
+    ASK_CHROME = 4;
+    PLAN_CHROME = 6;
+    ASK_HINT = [
+      "[y/\u23CE] once \xB7 [a] always \xB7 [n] no \xB7 esc stops the turn",
+      "y once \xB7 a always \xB7 n no \xB7 esc stops",
+      "y/a/n \xB7 esc"
+    ];
+    PLAN_HINT = [
+      "[y/\u23CE] yes, ask before edits \xB7 [a] yes, auto-accept edits \xB7 [n] keep planning \xB7 esc stops the turn",
+      "y ask first \xB7 a auto-accept \xB7 n keep planning \xB7 esc stops",
+      "y/a/n \xB7 esc"
+    ];
     EXPAND_MAX_LINES = 400;
+    FALLBACK_ROWS = 24;
+    FALLBACK_COLS = 80;
     CONTEXT_NOTICE_AT = 0.6;
+    KEEP_ALWAYS = Number.POSITIVE_INFINITY;
   }
 });
 
@@ -5878,6 +6261,7 @@ init_session();
 init_kimi();
 init_banner();
 init_browser();
+init_color();
 
 // src/title.ts
 var APP_TITLE = "Clixad";
@@ -5907,14 +6291,7 @@ function clearTerminalTitle(out = titleStream()) {
 
 // src/main.ts
 init_version();
-var c = {
-  cyan: (s) => `\x1B[36m${s}\x1B[0m`,
-  green: (s) => `\x1B[32m${s}\x1B[0m`,
-  yellow: (s) => `\x1B[33m${s}\x1B[0m`,
-  red: (s) => `\x1B[31m${s}\x1B[0m`,
-  dim: (s) => `\x1B[2m${s}\x1B[0m`,
-  bold: (s) => `\x1B[1m${s}\x1B[0m`
-};
+var c = palette({ isTTY: process.stdout.isTTY, env: process.env });
 async function main() {
   setTerminalTitle();
   process.on("exit", () => clearTerminalTitle());
@@ -5982,10 +6359,10 @@ async function login(client, config, args) {
       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)"));
+      if (c.enabled) process.stdout.write(c.dim("  waiting for GitHub authorization\u2026 (Ctrl+C to cancel)"));
     },
     tick() {
-      process.stdout.write(c.dim("."));
+      if (c.enabled) process.stdout.write(c.dim("."));
     }
   });
   switch (outcome.status) {
@@ -6110,11 +6487,11 @@ async function earn(client, config) {
   console.log(
     c.dim("  Credits are granted on completion. Surveys screen people out part way through \u2014\n") + c.dim("  that pays nothing and is the normal case, so just start another one.")
   );
-  process.stdout.write(c.dim("  waiting for an offer to clear"));
+  if (c.enabled) process.stdout.write(c.dim("  waiting for an offer to clear"));
   const deadline = Date.now() + 5 * 60 * 1e3;
   while (Date.now() < deadline) {
     await sleep4(3e3);
-    process.stdout.write(c.dim("."));
+    if (c.enabled) process.stdout.write(c.dim("."));
     const balance = (await safeWallet(client))?.balance ?? before;
     if (balance > before) {
       console.log(
@@ -6154,11 +6531,11 @@ async function buyCmd(client, config, pack) {
   Stripe Checkout: ${c.bold(checkout.pack)} \u2014 ${checkout.credits.toLocaleString("en-US")} credits for ${c.bold("$" + checkout.price_usd.toFixed(2))}`);
   console.log(c.dim(`  ${checkout.url}`));
   openBrowser(checkout.url);
-  process.stdout.write(c.dim("  waiting for payment to clear"));
+  if (c.enabled) process.stdout.write(c.dim("  waiting for payment to clear"));
   const deadline = Date.now() + 5 * 60 * 1e3;
   while (Date.now() < deadline) {
     await sleep4(3e3);
-    process.stdout.write(c.dim("."));
+    if (c.enabled) process.stdout.write(c.dim("."));
     const balance = (await safeWallet(client))?.balance ?? before;
     if (balance > before) {
       console.log(c.green(`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clixad",
-  "version": "0.0.1-beta.11",
+  "version": "0.0.1-beta.13",
   "description": "Free AI coding agent in your terminal, funded by rewarded ads.",
   "license": "UNLICENSED",
   "type": "module",
@@ -39,7 +39,11 @@
     "ink-testing-library": "^4.0.0"
   },
   "dependencies": {
+    "@adtention/sdk": "^0.4.0",
     "ink": "^7.1.1",
-    "react": "^19.2.8"
+    "react": "^19.2.8",
+    "slice-ansi": "^9.0.0",
+    "string-width": "^8.2.0",
+    "wrap-ansi": "^10.0.0"
   }
 }