kimiflare 0.7.1 → 0.8.1

package/dist/index.js

@@ -1172,6 +1172,121 @@ var init_executor = __esm({
   }
 });
 
+// src/util/update-check.ts
+import { readFile as readFile6, writeFile as writeFile4, mkdir as mkdir3, access } from "fs/promises";
+import { homedir as homedir4 } from "os";
+import { join as join3, dirname as dirname2 } from "path";
+import { fileURLToPath } from "url";
+function cachePath() {
+  const xdg = process.env.XDG_CONFIG_HOME || join3(homedir4(), ".config");
+  return join3(xdg, "kimiflare", "update-check.json");
+}
+async function findPackageJson(startDir) {
+  let dir = startDir;
+  while (true) {
+    const candidate = join3(dir, "package.json");
+    try {
+      const raw = await readFile6(candidate, "utf8");
+      const parsed = JSON.parse(raw);
+      if (parsed.name === "kimiflare" && parsed.version) {
+        return { path: candidate, version: parsed.version };
+      }
+    } catch {
+    }
+    const parent = dirname2(dir);
+    if (parent === dir) break;
+    dir = parent;
+  }
+  return null;
+}
+async function readLocalVersion() {
+  const here = dirname2(fileURLToPath(import.meta.url));
+  const found = await findPackageJson(here);
+  return found?.version ?? null;
+}
+async function readCache() {
+  try {
+    const raw = await readFile6(cachePath(), "utf8");
+    const parsed = JSON.parse(raw);
+    if (Date.now() - parsed.checkedAt < CACHE_TTL_MS) {
+      return parsed;
+    }
+  } catch {
+  }
+  return null;
+}
+async function writeCache(entry) {
+  const p = cachePath();
+  await mkdir3(dirname2(p), { recursive: true });
+  await writeFile4(p, JSON.stringify(entry), "utf8");
+}
+async function fetchLatestVersion() {
+  try {
+    const res = await fetch(NPM_REGISTRY, {
+      headers: { "User-Agent": "kimiflare-update-checker", Accept: "application/json" }
+    });
+    if (!res.ok) return null;
+    const data = await res.json();
+    return data.version ?? null;
+  } catch {
+    return null;
+  }
+}
+function stripV(v) {
+  return v.startsWith("v") ? v.slice(1) : v;
+}
+function isNewer(local, remote) {
+  const a = stripV(local).split(".").map(Number);
+  const b = stripV(remote).split(".").map(Number);
+  for (let i = 0; i < Math.max(a.length, b.length); i++) {
+    const av = a[i] ?? 0;
+    const bv = b[i] ?? 0;
+    if (av < bv) return true;
+    if (av > bv) return false;
+  }
+  return false;
+}
+async function checkForUpdate(force = false) {
+  const localVersion = await readLocalVersion();
+  if (!localVersion) return { hasUpdate: false, localVersion: null, latestVersion: null };
+  if (!force) {
+    const cached = await readCache();
+    if (cached) {
+      const hasUpdate2 = isNewer(localVersion, cached.latestVersion);
+      return { hasUpdate: hasUpdate2, localVersion, latestVersion: cached.latestVersion };
+    }
+  }
+  const latestVersion = await fetchLatestVersion();
+  if (!latestVersion) {
+    return { hasUpdate: false, localVersion, latestVersion: null };
+  }
+  const hasUpdate = isNewer(localVersion, latestVersion);
+  await writeCache({ checkedAt: Date.now(), latestVersion });
+  return { hasUpdate, localVersion, latestVersion };
+}
+async function isGitRepo() {
+  let dir = dirname2(fileURLToPath(import.meta.url));
+  while (true) {
+    try {
+      await access(join3(dir, ".git"));
+      return true;
+    } catch {
+    }
+    const parent = dirname2(dir);
+    if (parent === dir) break;
+    dir = parent;
+  }
+  return false;
+}
+var CACHE_TTL_MS, NPM_REGISTRY;
+var init_update_check = __esm({
+  "src/util/update-check.ts"() {
+    "use strict";
+    CACHE_TTL_MS = 60 * 60 * 1e3;
+    NPM_REGISTRY = "https://registry.npmjs.org/kimiflare/latest";
+  }
+});
+
 // src/agent/compact.ts
 function indexOfNthUserFromEnd(messages, n) {
   let seen = 0;
@@ -1584,7 +1699,7 @@ import { useEffect, useState } from "react";
 import { Box as Box5, Text as Text5 } from "ink";
 import Spinner3 from "ink-spinner";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function StatusBar({ model, usage, thinking, turnStartedAt, theme, mode, effort, contextLimit }) {
+function StatusBar({ model, usage, thinking, turnStartedAt, theme, mode, effort, contextLimit, hasUpdate, latestVersion }) {
   const [now, setNow] = useState(Date.now());
   const modeColor = mode === "plan" ? theme.modeBadge.plan : mode === "auto" ? theme.modeBadge.auto : theme.modeBadge.edit;
   const warn = usage && usage.prompt_tokens / contextLimit >= 0.8;
@@ -1618,6 +1733,12 @@ function StatusBar({ model, usage, thinking, turnStartedAt, theme, mode, effort,
       warn ? /* @__PURE__ */ jsxs5(Text5, { color: theme.warn, bold: true, children: [
         "  \xB7  ",
         "/compact recommended"
+      ] }) : null,
+      hasUpdate ? /* @__PURE__ */ jsxs5(Text5, { color: theme.warn, bold: true, children: [
+        "  \xB7  ",
+        "update available",
+        latestVersion ? ` \u2192 ${latestVersion}` : "",
+        " \xB7 run /update"
       ] }) : null
     ] })
   ] });
@@ -1691,10 +1812,16 @@ var init_permission = __esm({
 });
 
 // src/ui/resume-picker.tsx
-import { Box as Box7, Text as Text7 } from "ink";
+import { useState as useState2 } from "react";
+import { Box as Box7, Text as Text7, useWindowSize } from "ink";
 import SelectInput2 from "ink-select-input";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function ResumePicker({ sessions, onPick, theme }) {
+  const { rows } = useWindowSize();
+  const [page, setPage] = useState2(0);
+  const pageSize = Math.max(MIN_PAGE_SIZE, rows - HEADER_ROWS - FOOTER_ROWS);
+  const totalPages = Math.max(1, Math.ceil(sessions.length / pageSize));
+  const safePage = Math.min(page, totalPages - 1);
   if (sessions.length === 0) {
     return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", borderStyle: "round", borderColor: theme.accent, paddingX: 1, children: [
       /* @__PURE__ */ jsx7(Text7, { color: theme.accent, bold: true, children: "Resume a session" }),
@@ -1708,20 +1835,39 @@ function ResumePicker({ sessions, onPick, theme }) {
       ) })
     ] });
   }
-  const items = sessions.map((s) => ({
+  const start = safePage * pageSize;
+  const end = Math.min(start + pageSize, sessions.length);
+  const pageSessions = sessions.slice(start, end);
+  const items = pageSessions.map((s) => ({
     label: `${formatDate(s.updatedAt)}  \xB7  ${s.messageCount} msgs  \xB7  ${s.firstPrompt}`,
     value: s.id
   }));
+  if (safePage > 0) {
+    items.push({ label: "\u2190 previous page", value: "__prev__" });
+  }
+  if (safePage < totalPages - 1) {
+    items.push({ label: "\u2192 next page", value: "__next__" });
+  }
   items.push({ label: "(cancel)", value: "__cancel__" });
   return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", borderStyle: "round", borderColor: theme.accent, paddingX: 1, children: [
     /* @__PURE__ */ jsx7(Text7, { color: theme.accent, bold: true, children: "Resume a session" }),
-    /* @__PURE__ */ jsx7(Text7, { color: theme.info.color, dimColor: theme.info.dim, children: "Arrow keys to select, Enter to confirm." }),
+    /* @__PURE__ */ jsxs7(Text7, { color: theme.info.color, dimColor: theme.info.dim, children: [
+      "Arrow keys to select, Enter to confirm. Page ",
+      safePage + 1,
+      " of ",
+      totalPages,
+      " (",
+      sessions.length,
+      " total)"
+    ] }),
     /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx7(
       SelectInput2,
       {
         items,
         onSelect: (item) => {
           if (item.value === "__cancel__") return onPick(null);
+          if (item.value === "__prev__") return setPage((p) => Math.max(0, p - 1));
+          if (item.value === "__next__") return setPage((p) => Math.min(totalPages - 1, p + 1));
           const picked = sessions.find((s) => s.id === item.value) ?? null;
           onPick(picked);
         }
@@ -1742,19 +1888,67 @@ function formatDate(iso) {
     return iso;
   }
 }
+var HEADER_ROWS, FOOTER_ROWS, MIN_PAGE_SIZE;
 var init_resume_picker = __esm({
   "src/ui/resume-picker.tsx"() {
     "use strict";
+    HEADER_ROWS = 5;
+    FOOTER_ROWS = 2;
+    MIN_PAGE_SIZE = 5;
   }
 });
 
-// src/ui/task-list.tsx
-import { useEffect as useEffect2, useState as useState2 } from "react";
+// src/ui/theme-picker.tsx
 import { Box as Box8, Text as Text8 } from "ink";
-import Spinner4 from "ink-spinner";
+import SelectInput3 from "ink-select-input";
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function ThemePicker({ themes, current, onPick }) {
+  const items = themes.map((t) => ({
+    label: t.label,
+    value: t.name,
+    key: t.name
+  }));
+  items.push({ label: "(cancel)", value: "__cancel__", key: "__cancel__" });
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", borderStyle: "round", borderColor: current.accent, paddingX: 1, children: [
+    /* @__PURE__ */ jsx8(Text8, { color: current.accent, bold: true, children: "Pick a theme" }),
+    /* @__PURE__ */ jsx8(Text8, { color: current.info.color, dimColor: current.info.dim, children: "Arrow keys to preview, Enter to confirm." }),
+    /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(
+      SelectInput3,
+      {
+        items,
+        onHighlight: (item) => {
+          if (item.value !== "__cancel__") {
+            const highlighted = themes.find((t) => t.name === item.value);
+            if (highlighted) onPick(highlighted);
+          }
+        },
+        onSelect: (item) => {
+          if (item.value === "__cancel__") return onPick(null);
+          const picked = themes.find((t) => t.name === item.value) ?? null;
+          onPick(picked);
+        },
+        itemComponent: ({ label, isSelected }) => {
+          const theme = themes.find((t) => t.label === label);
+          const color = theme?.accent ?? current.accent;
+          return /* @__PURE__ */ jsx8(Box8, { children: /* @__PURE__ */ jsx8(Text8, { color, bold: isSelected, dimColor: !isSelected, children: label }) });
+        }
+      }
+    ) })
+  ] });
+}
+var init_theme_picker = __esm({
+  "src/ui/theme-picker.tsx"() {
+    "use strict";
+  }
+});
+
+// src/ui/task-list.tsx
+import { useEffect as useEffect2, useState as useState3 } from "react";
+import { Box as Box9, Text as Text9 } from "ink";
+import Spinner4 from "ink-spinner";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function TaskList({ tasks, theme, startedAt, tokensDelta }) {
-  const [now, setNow] = useState2(Date.now());
+  const [now, setNow] = useState3(Date.now());
   useEffect2(() => {
     if (startedAt === null) return;
     const allDone2 = tasks.length > 0 && tasks.every((t) => t.status === "completed");
@@ -1772,18 +1966,18 @@ function TaskList({ tasks, theme, startedAt, tokensDelta }) {
   const headerStats = [elapsed, tokensDelta > 0 ? `\u2191 ${formatTokens(tokensDelta)} tokens` : null].filter(Boolean).join(" \xB7 ");
   const visibleTasks = tasks.slice(0, MAX_VISIBLE);
   const hiddenPending = Math.max(0, tasks.length - visibleTasks.length);
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs8(Box8, { children: [
-      /* @__PURE__ */ jsx8(Text8, { color: allDone ? "green" : theme.accent, bold: true, children: header }),
-      headerStats && /* @__PURE__ */ jsxs8(Text8, { color: theme.info.color, dimColor: theme.info.dim, children: [
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs9(Box9, { children: [
+      /* @__PURE__ */ jsx9(Text9, { color: allDone ? "green" : theme.accent, bold: true, children: header }),
+      headerStats && /* @__PURE__ */ jsxs9(Text9, { color: theme.info.color, dimColor: theme.info.dim, children: [
         "  ",
         "(",
         headerStats,
         ")"
       ] })
     ] }),
-    visibleTasks.map((t) => /* @__PURE__ */ jsx8(TaskRow, { task: t, theme }, t.id)),
-    hiddenPending > 0 && /* @__PURE__ */ jsxs8(Text8, { color: theme.info.color, dimColor: theme.info.dim, children: [
+    visibleTasks.map((t) => /* @__PURE__ */ jsx9(TaskRow, { task: t, theme }, t.id)),
+    hiddenPending > 0 && /* @__PURE__ */ jsxs9(Text9, { color: theme.info.color, dimColor: theme.info.dim, children: [
       "  ",
       "\u2026 +",
       hiddenPending,
@@ -1793,21 +1987,21 @@ function TaskList({ tasks, theme, startedAt, tokensDelta }) {
 }
 function TaskRow({ task, theme }) {
   if (task.status === "completed") {
-    return /* @__PURE__ */ jsxs8(Text8, { color: theme.info.color, dimColor: theme.info.dim, children: [
+    return /* @__PURE__ */ jsxs9(Text9, { color: theme.info.color, dimColor: theme.info.dim, children: [
       "  ",
       "\u2713 ",
-      /* @__PURE__ */ jsx8(Text8, { strikethrough: true, children: task.title })
+      /* @__PURE__ */ jsx9(Text9, { strikethrough: true, children: task.title })
     ] });
   }
   if (task.status === "in_progress") {
-    return /* @__PURE__ */ jsxs8(Text8, { color: theme.accent, bold: true, children: [
+    return /* @__PURE__ */ jsxs9(Text9, { color: theme.accent, bold: true, children: [
       "  ",
-      /* @__PURE__ */ jsx8(Spinner4, { type: "dots" }),
+      /* @__PURE__ */ jsx9(Spinner4, { type: "dots" }),
       " ",
       task.title
     ] });
   }
-  return /* @__PURE__ */ jsxs8(Text8, { color: theme.info.color, dimColor: theme.info.dim, children: [
+  return /* @__PURE__ */ jsxs9(Text9, { color: theme.info.color, dimColor: theme.info.dim, children: [
     "  ",
     "\u2610 ",
     task.title
@@ -2353,9 +2547,9 @@ var init_source = __esm({
 });
 
 // src/ui/text-input.tsx
-import { useState as useState3, useEffect as useEffect3, useRef } from "react";
-import { Text as Text9, useInput } from "ink";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { useState as useState4, useEffect as useEffect3, useRef } from "react";
+import { Text as Text10, useInput } from "ink";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function shouldTreatAsPaste(input) {
   if (input.length >= PASTE_CHAR_THRESHOLD) return true;
   const newlines = (input.match(/\n/g) ?? []).length;
@@ -2388,7 +2582,7 @@ function CustomTextInput({
   mask,
   enablePaste = false
 }) {
-  const [cursorOffset, setCursorOffset] = useState3(value.length);
+  const [cursorOffset, setCursorOffset] = useState4(value.length);
   const pastesRef = useRef(/* @__PURE__ */ new Map());
   useEffect3(() => {
     if (!focus) return;
@@ -2532,7 +2726,7 @@ function CustomTextInput({
   } else if (cursorOffset === displayValue.length) {
     renderedValue += source_default.inverse(" ");
   }
-  return /* @__PURE__ */ jsx9(Text9, { children: renderedValue });
+  return /* @__PURE__ */ jsx10(Text10, { children: renderedValue });
 }
 function findPasteTokenEndingAt(value, pos, pastes) {
   if (pos <= 0 || value[pos - 1] !== "]") return -1;
@@ -2553,128 +2747,16 @@ var init_text_input = __esm({
   }
 });
 
-// src/util/update-check.ts
-import { readFile as readFile6, writeFile as writeFile4, mkdir as mkdir3, access } from "fs/promises";
-import { homedir as homedir4 } from "os";
-import { join as join3, dirname as dirname2 } from "path";
-import { fileURLToPath } from "url";
-function cachePath() {
-  const xdg = process.env.XDG_CONFIG_HOME || join3(homedir4(), ".config");
-  return join3(xdg, "kimiflare", "update-check.json");
-}
-async function findPackageJson(startDir) {
-  let dir = startDir;
-  while (true) {
-    const candidate = join3(dir, "package.json");
-    try {
-      const raw = await readFile6(candidate, "utf8");
-      const parsed = JSON.parse(raw);
-      if (parsed.name === "kimiflare" && parsed.version) {
-        return { path: candidate, version: parsed.version };
-      }
-    } catch {
-    }
-    const parent = dirname2(dir);
-    if (parent === dir) break;
-    dir = parent;
-  }
-  return null;
-}
-async function readLocalVersion() {
-  const here = dirname2(fileURLToPath(import.meta.url));
-  const found = await findPackageJson(here);
-  return found?.version ?? null;
-}
-async function readCache() {
-  try {
-    const raw = await readFile6(cachePath(), "utf8");
-    const parsed = JSON.parse(raw);
-    if (Date.now() - parsed.checkedAt < CACHE_TTL_MS) {
-      return parsed;
-    }
-  } catch {
-  }
-  return null;
-}
-async function writeCache(entry) {
-  const p = cachePath();
-  await mkdir3(dirname2(p), { recursive: true });
-  await writeFile4(p, JSON.stringify(entry), "utf8");
-}
-async function fetchLatestVersion() {
-  try {
-    const res = await fetch(NPM_REGISTRY, {
-      headers: { "User-Agent": "kimiflare-update-checker", Accept: "application/json" }
-    });
-    if (!res.ok) return null;
-    const data = await res.json();
-    return data.version ?? null;
-  } catch {
-    return null;
-  }
-}
-function stripV(v) {
-  return v.startsWith("v") ? v.slice(1) : v;
-}
-function isNewer(local, remote) {
-  const a = stripV(local).split(".").map(Number);
-  const b = stripV(remote).split(".").map(Number);
-  for (let i = 0; i < Math.max(a.length, b.length); i++) {
-    const av = a[i] ?? 0;
-    const bv = b[i] ?? 0;
-    if (av < bv) return true;
-    if (av > bv) return false;
-  }
-  return false;
-}
-async function checkForUpdate() {
-  const localVersion = await readLocalVersion();
-  if (!localVersion) return { hasUpdate: false, localVersion: null, latestVersion: null };
-  const cached = await readCache();
-  if (cached) {
-    return { hasUpdate: cached.hasUpdate, localVersion, latestVersion: cached.latestVersion };
-  }
-  const latestVersion = await fetchLatestVersion();
-  if (!latestVersion) {
-    return { hasUpdate: false, localVersion, latestVersion: null };
-  }
-  const hasUpdate = isNewer(localVersion, latestVersion);
-  await writeCache({ checkedAt: Date.now(), latestVersion, hasUpdate });
-  return { hasUpdate, localVersion, latestVersion };
-}
-async function isGitRepo() {
-  let dir = dirname2(fileURLToPath(import.meta.url));
-  while (true) {
-    try {
-      await access(join3(dir, ".git"));
-      return true;
-    } catch {
-    }
-    const parent = dirname2(dir);
-    if (parent === dir) break;
-    dir = parent;
-  }
-  return false;
-}
-var CACHE_TTL_MS, NPM_REGISTRY;
-var init_update_check = __esm({
-  "src/util/update-check.ts"() {
-    "use strict";
-    CACHE_TTL_MS = 60 * 60 * 1e3;
-    NPM_REGISTRY = "https://registry.npmjs.org/kimiflare/latest";
-  }
-});
-
 // src/ui/onboarding.tsx
-import { useState as useState4 } from "react";
-import { Box as Box9, Text as Text10 } from "ink";
-import { Fragment, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useState as useState5 } from "react";
+import { Box as Box10, Text as Text11 } from "ink";
+import { Fragment, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function Onboarding({ onDone }) {
-  const [step, setStep] = useState4("accountId");
-  const [accountId, setAccountId] = useState4("");
-  const [apiToken, setApiToken] = useState4("");
-  const [model, setModel] = useState4(DEFAULT_MODEL);
-  const [savedPath, setSavedPath] = useState4(null);
+  const [step, setStep] = useState5("accountId");
+  const [accountId, setAccountId] = useState5("");
+  const [apiToken, setApiToken] = useState5("");
+  const [model, setModel] = useState5(DEFAULT_MODEL);
+  const [savedPath, setSavedPath] = useState5(null);
   const stepIndex = STEPS.indexOf(step) + 1;
   const handleAccountIdSubmit = (value) => {
     const trimmed = value.trim();
@@ -2703,26 +2785,26 @@ function Onboarding({ onDone }) {
       setSavedPath(`error: ${e.message}`);
     }
   };
-  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", paddingY: 1, children: [
-    /* @__PURE__ */ jsxs9(Box9, { marginBottom: 1, children: [
-      /* @__PURE__ */ jsx10(Text10, { bold: true, color: "cyan", children: "kimiflare" }),
-      /* @__PURE__ */ jsxs9(Text10, { color: "gray", dimColor: true, children: [
+  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", paddingY: 1, children: [
+    /* @__PURE__ */ jsxs10(Box10, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx11(Text11, { bold: true, color: "cyan", children: "kimiflare" }),
+      /* @__PURE__ */ jsxs10(Text11, { color: "gray", dimColor: true, children: [
         "  ",
         "Terminal coding agent"
       ] })
     ] }),
-    /* @__PURE__ */ jsxs9(Text10, { color: "gray", dimColor: true, children: [
+    /* @__PURE__ */ jsxs10(Text11, { color: "gray", dimColor: true, children: [
       "Step ",
       stepIndex,
       " of ",
       STEPS.length
     ] }),
-    /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, flexDirection: "column", children: [
-      step === "accountId" && /* @__PURE__ */ jsxs9(Fragment, { children: [
-        /* @__PURE__ */ jsx10(Text10, { children: "Enter your Cloudflare Account ID" }),
-        /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, children: [
-          /* @__PURE__ */ jsx10(Text10, { color: "cyan", children: "\u203A " }),
-          /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, flexDirection: "column", children: [
+      step === "accountId" && /* @__PURE__ */ jsxs10(Fragment, { children: [
+        /* @__PURE__ */ jsx11(Text11, { children: "Enter your Cloudflare Account ID" }),
+        /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, children: [
+          /* @__PURE__ */ jsx11(Text11, { color: "cyan", children: "\u203A " }),
+          /* @__PURE__ */ jsx11(
             CustomTextInput,
             {
               value: accountId,
@@ -2732,12 +2814,12 @@ function Onboarding({ onDone }) {
           )
         ] })
       ] }),
-      step === "apiToken" && /* @__PURE__ */ jsxs9(Fragment, { children: [
-        /* @__PURE__ */ jsx10(Text10, { children: "Enter your Cloudflare API Token" }),
-        /* @__PURE__ */ jsx10(Text10, { color: "gray", dimColor: true, children: "Create one at https://dash.cloudflare.com/profile/api-tokens" }),
-        /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, children: [
-          /* @__PURE__ */ jsx10(Text10, { color: "cyan", children: "\u203A " }),
-          /* @__PURE__ */ jsx10(
+      step === "apiToken" && /* @__PURE__ */ jsxs10(Fragment, { children: [
+        /* @__PURE__ */ jsx11(Text11, { children: "Enter your Cloudflare API Token" }),
+        /* @__PURE__ */ jsx11(Text11, { color: "gray", dimColor: true, children: "Create one at https://dash.cloudflare.com/profile/api-tokens" }),
+        /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, children: [
+          /* @__PURE__ */ jsx11(Text11, { color: "cyan", children: "\u203A " }),
+          /* @__PURE__ */ jsx11(
             CustomTextInput,
             {
               value: apiToken,
@@ -2748,15 +2830,15 @@ function Onboarding({ onDone }) {
           )
         ] })
       ] }),
-      step === "model" && /* @__PURE__ */ jsxs9(Fragment, { children: [
-        /* @__PURE__ */ jsx10(Text10, { children: "Model ID (press Enter for default)" }),
-        /* @__PURE__ */ jsxs9(Text10, { color: "gray", dimColor: true, children: [
+      step === "model" && /* @__PURE__ */ jsxs10(Fragment, { children: [
+        /* @__PURE__ */ jsx11(Text11, { children: "Model ID (press Enter for default)" }),
+        /* @__PURE__ */ jsxs10(Text11, { color: "gray", dimColor: true, children: [
           "default: ",
           DEFAULT_MODEL
         ] }),
-        /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, children: [
-          /* @__PURE__ */ jsx10(Text10, { color: "cyan", children: "\u203A " }),
-          /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, children: [
+          /* @__PURE__ */ jsx11(Text11, { color: "cyan", children: "\u203A " }),
+          /* @__PURE__ */ jsx11(
             CustomTextInput,
             {
               value: model,
@@ -2766,10 +2848,10 @@ function Onboarding({ onDone }) {
           )
         ] })
       ] }),
-      step === "confirm" && /* @__PURE__ */ jsxs9(Fragment, { children: [
-        /* @__PURE__ */ jsx10(Text10, { children: "Ready to save configuration" }),
-        /* @__PURE__ */ jsxs9(
-          Box9,
+      step === "confirm" && /* @__PURE__ */ jsxs10(Fragment, { children: [
+        /* @__PURE__ */ jsx11(Text11, { children: "Ready to save configuration" }),
+        /* @__PURE__ */ jsxs10(
+          Box10,
           {
             flexDirection: "column",
             marginTop: 1,
@@ -2778,25 +2860,25 @@ function Onboarding({ onDone }) {
             borderColor: "gray",
             paddingX: 1,
             children: [
-              /* @__PURE__ */ jsxs9(Text10, { color: "gray", children: [
+              /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
                 "Account ID: ",
                 accountId
               ] }),
-              /* @__PURE__ */ jsxs9(Text10, { color: "gray", children: [
+              /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
                 "API Token: ",
                 "\u2022".repeat(apiToken.length)
               ] }),
-              /* @__PURE__ */ jsxs9(Text10, { color: "gray", children: [
+              /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
                 "Model: ",
                 model
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsx10(Text10, { children: "Press Enter to confirm, or Ctrl+C to cancel" }),
-        /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, children: [
-          /* @__PURE__ */ jsx10(Text10, { color: "cyan", children: "\u203A " }),
-          /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(Text11, { children: "Press Enter to confirm, or Ctrl+C to cancel" }),
+        /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, children: [
+          /* @__PURE__ */ jsx11(Text11, { color: "cyan", children: "\u203A " }),
+          /* @__PURE__ */ jsx11(
             CustomTextInput,
             {
               value: "",
@@ -2807,7 +2889,7 @@ function Onboarding({ onDone }) {
           )
         ] })
       ] }),
-      savedPath && /* @__PURE__ */ jsxs9(Text10, { color: "green", children: [
+      savedPath && /* @__PURE__ */ jsxs10(Text11, { color: "green", children: [
         "Config saved to ",
         savedPath
       ] })
@@ -2825,26 +2907,26 @@ var init_onboarding = __esm({
 });
 
 // src/ui/welcome.tsx
-import { Box as Box10, Text as Text11 } from "ink";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Box as Box11, Text as Text12 } from "ink";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function Welcome({ theme }) {
-  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs10(Box10, { marginBottom: 1, children: [
-      /* @__PURE__ */ jsx11(Text11, { bold: true, color: theme.accent, children: "kimiflare" }),
-      /* @__PURE__ */ jsxs10(Text11, { color: theme.info.color, dimColor: theme.info.dim, children: [
+  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs11(Box11, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx12(Text12, { bold: true, color: theme.accent, children: "kimiflare" }),
+      /* @__PURE__ */ jsxs11(Text12, { color: theme.info.color, dimColor: theme.info.dim, children: [
         "  ",
         "Ready when you are."
       ] })
     ] }),
-    /* @__PURE__ */ jsx11(Box10, { flexDirection: "column", children: SUGGESTIONS.map((s, i) => /* @__PURE__ */ jsxs10(Box10, { children: [
-      /* @__PURE__ */ jsxs10(Text11, { color: theme.info.color, dimColor: theme.info.dim, children: [
+    /* @__PURE__ */ jsx12(Box11, { flexDirection: "column", children: SUGGESTIONS.map((s, i) => /* @__PURE__ */ jsxs11(Box11, { children: [
+      /* @__PURE__ */ jsxs11(Text12, { color: theme.info.color, dimColor: theme.info.dim, children: [
         "  ",
         "\u203A",
         " "
       ] }),
-      /* @__PURE__ */ jsx11(Text11, { color: theme.user, children: s })
+      /* @__PURE__ */ jsx12(Text12, { color: theme.user, children: s })
     ] }, i)) }),
-    /* @__PURE__ */ jsx11(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text11, { color: theme.info.color, dimColor: theme.info.dim, children: "Type a message or /help for commands \xB7 ctrl-c to exit \xB7 shift+tab to cycle modes" }) })
+    /* @__PURE__ */ jsx12(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx12(Text12, { color: theme.info.color, dimColor: theme.info.dim, children: "Type a message or /help for commands \xB7 ctrl-c to exit \xB7 shift+tab to cycle modes" }) })
   ] });
 }
 var SUGGESTIONS;
@@ -2867,7 +2949,10 @@ function resolveTheme(name) {
 function themeNames() {
   return Object.keys(THEMES);
 }
-var dark, light, highContrast, THEMES, DEFAULT_THEME_NAME;
+function themeList() {
+  return Object.values(THEMES);
+}
+var dark, light, highContrast, dracula, nord, oneDark, monokai, solarizedDark, solarizedLight, tokyoNight, gruvboxDark, gruvboxLight, catppuccinMocha, rosePine, THEMES, DEFAULT_THEME_NAME;
 var init_theme = __esm({
   "src/ui/theme.ts"() {
     "use strict";
@@ -2919,10 +3004,197 @@ var init_theme = __esm({
       accent: "cyanBright",
       modeBadge: { plan: "blueBright", auto: "greenBright", edit: "cyanBright" }
     };
+    dracula = {
+      name: "dracula",
+      label: "dracula (purple & cyan, popular dark)",
+      user: "cyanBright",
+      assistant: void 0,
+      reasoning: { color: "magenta", dim: true },
+      info: { color: "gray", dim: true },
+      error: "redBright",
+      warn: "yellowBright",
+      tool: "magentaBright",
+      spinner: "cyanBright",
+      permission: "yellowBright",
+      queue: { color: "gray", dim: true },
+      accent: "magentaBright",
+      modeBadge: { plan: "blueBright", auto: "greenBright", edit: "magentaBright" }
+    };
+    nord = {
+      name: "nord",
+      label: "nord (arctic blue & frost, calm dark)",
+      user: "cyan",
+      assistant: void 0,
+      reasoning: { color: "blue", dim: true },
+      info: { color: "blue", dim: true },
+      error: "red",
+      warn: "yellow",
+      tool: "cyan",
+      spinner: "cyan",
+      permission: "yellow",
+      queue: { color: "blue", dim: true },
+      accent: "cyan",
+      modeBadge: { plan: "blue", auto: "green", edit: "cyan" }
+    };
+    oneDark = {
+      name: "one-dark",
+      label: "one-dark (Atom's classic dark)",
+      user: "cyan",
+      assistant: void 0,
+      reasoning: { color: "gray", dim: true },
+      info: { color: "gray", dim: true },
+      error: "red",
+      warn: "yellow",
+      tool: "blue",
+      spinner: "cyan",
+      permission: "yellow",
+      queue: { color: "gray", dim: true },
+      accent: "blue",
+      modeBadge: { plan: "blue", auto: "green", edit: "cyan" }
+    };
+    monokai = {
+      name: "monokai",
+      label: "monokai (vibrant magenta & yellow)",
+      user: "magentaBright",
+      assistant: void 0,
+      reasoning: { color: "gray", dim: true },
+      info: { color: "gray", dim: true },
+      error: "redBright",
+      warn: "yellowBright",
+      tool: "cyanBright",
+      spinner: "yellowBright",
+      permission: "yellowBright",
+      queue: { color: "gray", dim: true },
+      accent: "magentaBright",
+      modeBadge: { plan: "blueBright", auto: "greenBright", edit: "magentaBright" }
+    };
+    solarizedDark = {
+      name: "solarized-dark",
+      label: "solarized-dark (muted blue & yellow)",
+      user: "cyan",
+      assistant: void 0,
+      reasoning: { color: "blue", dim: true },
+      info: { color: "blue", dim: true },
+      error: "red",
+      warn: "yellow",
+      tool: "cyan",
+      spinner: "yellow",
+      permission: "yellow",
+      queue: { color: "blue", dim: true },
+      accent: "cyan",
+      modeBadge: { plan: "blue", auto: "green", edit: "cyan" }
+    };
+    solarizedLight = {
+      name: "solarized-light",
+      label: "solarized-light (light beige & cyan)",
+      user: "blue",
+      assistant: void 0,
+      reasoning: { color: "cyan", dim: false },
+      info: { color: "cyan", dim: false },
+      error: "red",
+      warn: "yellow",
+      tool: "blue",
+      spinner: "blue",
+      permission: "yellow",
+      queue: { color: "cyan", dim: false },
+      accent: "blue",
+      modeBadge: { plan: "blue", auto: "green", edit: "blue" }
+    };
+    tokyoNight = {
+      name: "tokyo-night",
+      label: "tokyo-night (deep blue & purple)",
+      user: "cyanBright",
+      assistant: void 0,
+      reasoning: { color: "blue", dim: true },
+      info: { color: "blue", dim: true },
+      error: "redBright",
+      warn: "yellow",
+      tool: "magentaBright",
+      spinner: "cyanBright",
+      permission: "yellow",
+      queue: { color: "blue", dim: true },
+      accent: "magentaBright",
+      modeBadge: { plan: "blueBright", auto: "greenBright", edit: "magentaBright" }
+    };
+    gruvboxDark = {
+      name: "gruvbox-dark",
+      label: "gruvbox-dark (warm retro dark)",
+      user: "yellow",
+      assistant: void 0,
+      reasoning: { color: "gray", dim: true },
+      info: { color: "gray", dim: true },
+      error: "red",
+      warn: "yellowBright",
+      tool: "cyan",
+      spinner: "yellow",
+      permission: "yellowBright",
+      queue: { color: "gray", dim: true },
+      accent: "yellow",
+      modeBadge: { plan: "blue", auto: "green", edit: "yellow" }
+    };
+    gruvboxLight = {
+      name: "gruvbox-light",
+      label: "gruvbox-light (warm retro light)",
+      user: "blue",
+      assistant: void 0,
+      reasoning: { color: "blackBright", dim: false },
+      info: { color: "blackBright", dim: false },
+      error: "red",
+      warn: "yellow",
+      tool: "cyan",
+      spinner: "blue",
+      permission: "yellow",
+      queue: { color: "blackBright", dim: false },
+      accent: "blue",
+      modeBadge: { plan: "blue", auto: "green", edit: "blue" }
+    };
+    catppuccinMocha = {
+      name: "catppuccin-mocha",
+      label: "catppuccin-mocha (pastel pink & lavender)",
+      user: "magentaBright",
+      assistant: void 0,
+      reasoning: { color: "gray", dim: true },
+      info: { color: "gray", dim: true },
+      error: "redBright",
+      warn: "yellow",
+      tool: "cyanBright",
+      spinner: "cyanBright",
+      permission: "yellow",
+      queue: { color: "gray", dim: true },
+      accent: "magentaBright",
+      modeBadge: { plan: "blueBright", auto: "greenBright", edit: "magentaBright" }
+    };
+    rosePine = {
+      name: "rose-pine",
+      label: "rose-pine (soft rose & foam)",
+      user: "magenta",
+      assistant: void 0,
+      reasoning: { color: "gray", dim: true },
+      info: { color: "gray", dim: true },
+      error: "red",
+      warn: "yellow",
+      tool: "cyan",
+      spinner: "magenta",
+      permission: "yellow",
+      queue: { color: "gray", dim: true },
+      accent: "magenta",
+      modeBadge: { plan: "blue", auto: "green", edit: "magenta" }
+    };
     THEMES = {
       dark,
       light,
-      "high-contrast": highContrast
+      "high-contrast": highContrast,
+      dracula,
+      nord,
+      "one-dark": oneDark,
+      monokai,
+      "solarized-dark": solarizedDark,
+      "solarized-light": solarizedLight,
+      "tokyo-night": tokyoNight,
+      "gruvbox-dark": gruvboxDark,
+      "gruvbox-light": gruvboxLight,
+      "catppuccin-mocha": catppuccinMocha,
+      "rose-pine": rosePine
     };
     DEFAULT_THEME_NAME = "dark";
   }
@@ -2997,36 +3269,40 @@ var app_exports = {};
 __export(app_exports, {
   renderApp: () => renderApp
 });
-import { useState as useState5, useRef as useRef2, useEffect as useEffect4, useCallback } from "react";
-import { Box as Box11, Text as Text12, useApp, useInput as useInput2, render } from "ink";
+import { useState as useState6, useRef as useRef2, useEffect as useEffect4, useCallback } from "react";
+import { Box as Box12, Text as Text13, useApp, useInput as useInput2, render } from "ink";
 import { existsSync } from "fs";
 import { join as join5 } from "path";
 import { unlink } from "fs/promises";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
-function App({ initialCfg }) {
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+function App({ initialCfg, initialUpdateResult }) {
   const { exit } = useApp();
-  const [cfg, setCfg] = useState5(initialCfg);
-  const [events, setEvents] = useState5([]);
-  const [input, setInput] = useState5("");
-  const [busy, setBusy] = useState5(false);
-  const [usage, setUsage] = useState5(null);
-  const [showReasoning, setShowReasoning] = useState5(false);
-  const [perm, setPerm] = useState5(null);
-  const [queue, setQueue] = useState5([]);
-  const [history, setHistory] = useState5([]);
-  const [historyIndex, setHistoryIndex] = useState5(-1);
-  const [draftInput, setDraftInput] = useState5("");
-  const [mode, setMode] = useState5("edit");
-  const [effort, setEffort] = useState5(
+  const [cfg, setCfg] = useState6(initialCfg);
+  const [events, setEvents] = useState6([]);
+  const [input, setInput] = useState6("");
+  const [busy, setBusy] = useState6(false);
+  const [usage, setUsage] = useState6(null);
+  const [showReasoning, setShowReasoning] = useState6(false);
+  const [perm, setPerm] = useState6(null);
+  const [queue, setQueue] = useState6([]);
+  const [history, setHistory] = useState6([]);
+  const [historyIndex, setHistoryIndex] = useState6(-1);
+  const [draftInput, setDraftInput] = useState6("");
+  const [mode, setMode] = useState6("edit");
+  const [effort, setEffort] = useState6(
     initialCfg?.reasoningEffort ?? DEFAULT_REASONING_EFFORT
   );
-  const [theme, setTheme] = useState5(resolveTheme(initialCfg?.theme));
-  const [resumeSessions, setResumeSessions] = useState5(null);
-  const [tasks, setTasks] = useState5([]);
-  const [tasksStartedAt, setTasksStartedAt] = useState5(null);
-  const [tasksStartTokens, setTasksStartTokens] = useState5(0);
-  const [turnStartedAt, setTurnStartedAt] = useState5(null);
-  const [verbose, setVerbose] = useState5(false);
+  const [theme, setTheme] = useState6(resolveTheme(initialCfg?.theme));
+  const [resumeSessions, setResumeSessions] = useState6(null);
+  const [showThemePicker, setShowThemePicker] = useState6(false);
+  const [originalTheme, setOriginalTheme] = useState6(null);
+  const [tasks, setTasks] = useState6([]);
+  const [tasksStartedAt, setTasksStartedAt] = useState6(null);
+  const [tasksStartTokens, setTasksStartTokens] = useState6(0);
+  const [turnStartedAt, setTurnStartedAt] = useState6(null);
+  const [verbose, setVerbose] = useState6(false);
+  const [hasUpdate, setHasUpdate] = useState6(initialUpdateResult?.hasUpdate ?? false);
+  const [latestVersion, setLatestVersion] = useState6(initialUpdateResult?.latestVersion ?? null);
   const messagesRef = useRef2([
     {
       role: "system",
@@ -3047,12 +3323,42 @@ function App({ initialCfg }) {
   const tasksRef = useRef2([]);
   const usageRef = useRef2(null);
   const updateCheckedRef = useRef2(false);
+  const updateNudgedRef = useRef2(false);
   const compactSuggestedRef = useRef2(false);
   useEffect4(() => {
     if (!cfg || updateCheckedRef.current) return;
     updateCheckedRef.current = true;
+    if (initialUpdateResult) {
+      if (initialUpdateResult.hasUpdate && !updateNudgedRef.current) {
+        updateNudgedRef.current = true;
+        setHasUpdate(true);
+        setLatestVersion(initialUpdateResult.latestVersion);
+        setEvents((e) => [
+          ...e,
+          {
+            kind: "info",
+            key: mkKey(),
+            text: `update available: ${initialUpdateResult.localVersion} \u2192 ${initialUpdateResult.latestVersion}`
+          }
+        ]);
+        void isGitRepo().then((git) => {
+          setEvents((e) => [
+            ...e,
+            {
+              kind: "info",
+              key: mkKey(),
+              text: git ? "run:  git pull && npm install && npm run build  then restart kimiflare" : "run:  npm update -g kimiflare  then restart"
+            }
+          ]);
+        });
+      }
+      return;
+    }
     void checkForUpdate().then((result) => {
-      if (result.hasUpdate) {
+      if (result.hasUpdate && !updateNudgedRef.current) {
+        updateNudgedRef.current = true;
+        setHasUpdate(true);
+        setLatestVersion(result.latestVersion);
         setEvents((e) => [
           ...e,
           {
@@ -3073,7 +3379,7 @@ function App({ initialCfg }) {
         });
       }
     });
-  }, [cfg]);
+  }, [cfg, initialUpdateResult]);
   useEffect4(() => {
     modeRef.current = mode;
     messagesRef.current[0] = {
@@ -3092,6 +3398,39 @@ function App({ initialCfg }) {
   useEffect4(() => {
     effortRef.current = effort;
   }, [effort]);
+  useEffect4(() => {
+    if (!cfg) return;
+    const id = setInterval(() => {
+      void checkForUpdate().then((result) => {
+        if (result.hasUpdate) {
+          setHasUpdate(true);
+          setLatestVersion(result.latestVersion);
+          if (!updateNudgedRef.current) {
+            updateNudgedRef.current = true;
+            setEvents((e) => [
+              ...e,
+              {
+                kind: "info",
+                key: mkKey(),
+                text: `update available: ${result.localVersion} \u2192 ${result.latestVersion}`
+              }
+            ]);
+            void isGitRepo().then((git) => {
+              setEvents((e) => [
+                ...e,
+                {
+                  kind: "info",
+                  key: mkKey(),
+                  text: git ? "run:  git pull && npm install && npm run build  then restart kimiflare" : "run:  npm update -g kimiflare  then restart"
+                }
+              ]);
+            });
+          }
+        }
+      });
+    }, 30 * 60 * 1e3);
+    return () => clearInterval(id);
+  }, [cfg]);
   const saveSessionSafe = useCallback(async () => {
     if (!cfg) return;
     if (!sessionIdRef.current) {
@@ -3134,6 +3473,11 @@ function App({ initialCfg }) {
       setVerbose((v) => !v);
       return;
     }
+    if (key.ctrl && inputChar === "t") {
+      setOriginalTheme(theme);
+      setShowThemePicker(true);
+      return;
+    }
   });
   const updateAssistant = useCallback(
     (id, patch) => {
@@ -3204,7 +3548,7 @@ function App({ initialCfg }) {
     }
   }, [cfg, busy, saveSessionSafe]);
   const openResumePicker = useCallback(async () => {
-    const sessions = await listSessions(30);
+    const sessions = await listSessions(200);
     setResumeSessions(sessions);
   }, []);
   const runInit = useCallback(async () => {
@@ -3372,6 +3716,27 @@ function App({ initialCfg }) {
     },
     []
   );
+  const handleThemePick = useCallback(
+    (picked) => {
+      if (!picked) {
+        if (originalTheme) setTheme(originalTheme);
+        setShowThemePicker(false);
+        setOriginalTheme(null);
+        return;
+      }
+      setTheme(picked);
+      setCfg((c) => c ? { ...c, theme: picked.name } : c);
+      if (cfg) void saveConfig({ ...cfg, theme: picked.name }).catch(() => {
+      });
+      setShowThemePicker(false);
+      setOriginalTheme(null);
+      setEvents((e) => [
+        ...e,
+        { kind: "info", key: mkKey(), text: `theme: ${picked.label}` }
+      ]);
+    },
+    [cfg, originalTheme]
+  );
   const handleSlash = useCallback(
     (cmd) => {
       const raw = cmd.trim();
@@ -3391,6 +3756,7 @@ function App({ initialCfg }) {
         setTasksStartedAt(null);
         setTasksStartTokens(0);
         compactSuggestedRef.current = false;
+        updateNudgedRef.current = false;
         return true;
       }
       if (c === "/reasoning") {
@@ -3457,14 +3823,8 @@ use: /thinking low | medium | high`
       }
       if (c === "/theme") {
         if (!arg) {
-          setEvents((e) => [
-            ...e,
-            {
-              kind: "info",
-              key: mkKey(),
-              text: `current: ${theme.name}  \xB7  available: ${themeNames().join(", ")}`
-            }
-          ]);
+          setOriginalTheme(theme);
+          setShowThemePicker(true);
           return true;
         }
         const next = resolveTheme(arg);
@@ -3535,8 +3895,10 @@ use: /thinking low | medium | high`
         return true;
       }
       if (c === "/update") {
-        void checkForUpdate().then((result) => {
+        void checkForUpdate(true).then((result) => {
           if (result.hasUpdate) {
+            setHasUpdate(true);
+            setLatestVersion(result.latestVersion);
             setEvents((e) => [
               ...e,
               {
@@ -3556,6 +3918,8 @@ use: /thinking low | medium | high`
               ]);
             });
           } else {
+            setHasUpdate(false);
+            setLatestVersion(null);
             setEvents((e) => [
               ...e,
               { kind: "info", key: mkKey(), text: "no update available" }
@@ -3580,7 +3944,7 @@ use: /thinking low | medium | high`
           {
             kind: "info",
             key: mkKey(),
-            text: "commands:\n  /mode edit|plan|auto    switch mode (or shift+tab to cycle)\n  /plan /auto /edit       shortcuts for /mode\n  /thinking low|med|high  set reasoning effort (quality vs speed)\n  /theme NAME             dark, light, high-contrast\n  /resume                 pick a past conversation\n  /compact                summarize old turns to free context\n  /init                   scan this repo and write a KIMI.md for future agents\n  /reasoning              toggle show/hide model reasoning\n  /clear                  clear current conversation\n  /cost /model /update /logout /help /exit\nkeys: ctrl-c interrupt/exit \xB7 ctrl-r toggle reasoning \xB7 ctrl-o toggle verbose output \xB7 shift+tab cycle mode \xB7 \u2191/\u2193 history"
+            text: "commands:\n  /mode edit|plan|auto    switch mode (or shift+tab to cycle)\n  /plan /auto /edit       shortcuts for /mode\n  /thinking low|med|high  set reasoning effort (quality vs speed)\n  /theme                  interactive theme picker (or ctrl+t)\n  /theme NAME             set theme by name\n  /resume                 pick a past conversation\n  /compact                summarize old turns to free context\n  /init                   scan this repo and write a KIMI.md for future agents\n  /reasoning              toggle show/hide model reasoning\n  /clear                  clear current conversation\n  /cost /model /update /logout /help /exit\nkeys: ctrl-c interrupt/exit \xB7 ctrl-r toggle reasoning \xB7 ctrl-o verbose \xB7 ctrl+t theme \xB7 shift+tab cycle mode \xB7 \u2191/\u2193 history"
           }
         ]);
         return true;
@@ -3762,7 +4126,7 @@ use: /thinking low | medium | high`
     }
   }, [usage]);
   if (!cfg) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       Onboarding,
       {
         onDone: (newCfg) => {
@@ -3776,12 +4140,15 @@ use: /thinking low | medium | high`
     );
   }
   if (resumeSessions !== null) {
-    return /* @__PURE__ */ jsx12(Box11, { flexDirection: "column", children: /* @__PURE__ */ jsx12(ResumePicker, { sessions: resumeSessions, onPick: handleResumePick, theme }) });
+    return /* @__PURE__ */ jsx13(Box12, { flexDirection: "column", children: /* @__PURE__ */ jsx13(ResumePicker, { sessions: resumeSessions, onPick: handleResumePick, theme }) });
+  }
+  if (showThemePicker) {
+    return /* @__PURE__ */ jsx13(Box12, { flexDirection: "column", children: /* @__PURE__ */ jsx13(ThemePicker, { themes: themeList(), current: theme, onPick: handleThemePick }) });
   }
   const hasConversation = events.some((e) => e.kind === "user" || e.kind === "assistant");
-  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
-    !hasConversation && events.length === 0 ? /* @__PURE__ */ jsx12(Welcome, { theme }) : /* @__PURE__ */ jsx12(ChatView, { events, showReasoning, theme, verbose }),
-    perm ? /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
+    !hasConversation && events.length === 0 ? /* @__PURE__ */ jsx13(Welcome, { theme }) : /* @__PURE__ */ jsx13(ChatView, { events, showReasoning, theme, verbose }),
+    perm ? /* @__PURE__ */ jsx13(
       PermissionModal,
       {
         tool: perm.tool,
@@ -3792,8 +4159,8 @@ use: /thinking low | medium | high`
           setPerm(null);
         }
       }
-    ) : /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", marginTop: 1, children: [
-      tasks.length > 0 && /* @__PURE__ */ jsx12(
+    ) : /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", marginTop: 1, children: [
+      tasks.length > 0 && /* @__PURE__ */ jsx13(
         TaskList,
         {
           tasks,
@@ -3802,11 +4169,11 @@ use: /thinking low | medium | high`
           tokensDelta: Math.max(0, (usage?.prompt_tokens ?? 0) - tasksStartTokens)
         }
       ),
-      queue.length > 0 && /* @__PURE__ */ jsx12(Box11, { flexDirection: "column", marginBottom: 1, children: queue.map((q, i) => /* @__PURE__ */ jsxs11(Text12, { color: theme.queue.color, dimColor: theme.queue.dim, children: [
+      queue.length > 0 && /* @__PURE__ */ jsx13(Box12, { flexDirection: "column", marginBottom: 1, children: queue.map((q, i) => /* @__PURE__ */ jsxs12(Text13, { color: theme.queue.color, dimColor: theme.queue.dim, children: [
         "\u23F3 ",
         q.display
       ] }, `queue_${i}`)) }),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         StatusBar,
         {
           model: cfg.model,
@@ -3816,12 +4183,14 @@ use: /thinking low | medium | high`
           theme,
           mode,
           effort,
-          contextLimit: CONTEXT_LIMIT
+          contextLimit: CONTEXT_LIMIT,
+          hasUpdate,
+          latestVersion
         }
       ),
-      /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx12(Text12, { color: theme.accent, children: "\u203A " }),
-        /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsxs12(Box12, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx13(Text13, { color: theme.accent, children: "\u203A " }),
+        /* @__PURE__ */ jsx13(
           CustomTextInput,
           {
             value: input,
@@ -3869,8 +4238,8 @@ use: /thinking low | medium | high`
     ] })
   ] });
 }
-async function renderApp(cfg) {
-  const instance = render(/* @__PURE__ */ jsx12(App, { initialCfg: cfg }));
+async function renderApp(cfg, updateResult) {
+  const instance = render(/* @__PURE__ */ jsx13(App, { initialCfg: cfg, initialUpdateResult: updateResult }));
   await instance.waitUntilExit();
 }
 var CONTEXT_LIMIT, AUTO_COMPACT_SUGGEST_PCT, nextAssistantId, nextKey, mkKey, EFFORT_DESCRIPTIONS;
@@ -3886,6 +4255,7 @@ var init_app = __esm({
     init_status();
     init_permission();
     init_resume_picker();
+    init_theme_picker();
     init_task_list();
     init_text_input();
     init_update_check();
@@ -3913,6 +4283,7 @@ init_config();
 init_loop();
 init_system_prompt();
 init_executor();
+init_update_check();
 import { Command } from "commander";
 import { readFileSync as readFileSync2 } from "fs";
 import { fileURLToPath as fileURLToPath2 } from "url";
@@ -3931,6 +4302,7 @@ program.name("kimiflare").description("Terminal coding agent powered by Kimi-K2.
 var opts = program.opts();
 async function main() {
   const cfg = await loadConfig();
+  const updateResult = await checkForUpdate();
   if (opts.print !== void 0) {
     if (!cfg) {
       console.error(
@@ -3944,7 +4316,8 @@ async function main() {
       model,
       prompt: opts.print,
       allowAll: !!opts.dangerouslyAllowAll,
-      showReasoning: !!opts.reasoning
+      showReasoning: !!opts.reasoning,
+      updateResult
     });
     return;
   }
@@ -3957,12 +4330,21 @@ async function main() {
   const { renderApp: renderApp2 } = await Promise.resolve().then(() => (init_app(), app_exports));
   if (cfg) {
     const model = opts.model ?? cfg.model ?? DEFAULT_MODEL;
-    await renderApp2({ ...cfg, model });
+    await renderApp2({ ...cfg, model }, updateResult);
   } else {
-    await renderApp2(null);
+    await renderApp2(null, updateResult);
   }
 }
 async function runPrintMode(opts2) {
+  if (opts2.updateResult.hasUpdate) {
+    const git = await isGitRepo();
+    process.stderr.write(
+      `\x1B[33mkimiflare update available: ${opts2.updateResult.localVersion} \u2192 ${opts2.updateResult.latestVersion}\x1B[0m
+\x1B[33m  ${git ? "git pull && npm install && npm run build" : "npm update -g kimiflare"}  then restart\x1B[0m
+
+`
+    );
+  }
   const cwd = process.cwd();
   const executor = new ToolExecutor(ALL_TOOLS);
   const messages = [