kimiflare 0.3.1 → 0.4.0

package/dist/index.js

@@ -1222,7 +1222,7 @@ import { Box as Box2, Text as Text2 } from "ink";
 import Spinner from "ink-spinner";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function ToolView({ evt, verbose }) {
-  const statusIcon = evt.status === "running" ? /* @__PURE__ */ jsx2(Spinner, { type: "dots" }) : evt.status === "error" ? /* @__PURE__ */ jsx2(Text2, { color: "red", children: "\u2717" }) : /* @__PURE__ */ jsx2(Text2, { color: "green", children: "\u2713" });
+  const statusIcon = evt.status === "running" ? /* @__PURE__ */ jsx2(Text2, { color: "gray", children: /* @__PURE__ */ jsx2(Spinner, { type: "dots" }) }) : evt.status === "error" ? /* @__PURE__ */ jsx2(Text2, { color: "red", children: "\u2717" }) : /* @__PURE__ */ jsx2(Text2, { color: "green", children: "\u2713" });
   const title = evt.render?.title ?? `${evt.name}(${compactArgs(evt.args)})`;
   const expand = Boolean(evt.expanded || verbose);
   const lines = evt.result ? evt.result.split("\n") : [];
@@ -1231,18 +1231,29 @@ function ToolView({ evt, verbose }) {
     /* @__PURE__ */ jsxs2(Text2, { children: [
       statusIcon,
       " ",
-      /* @__PURE__ */ jsx2(Text2, { color: "magenta", children: title })
+      /* @__PURE__ */ jsx2(Text2, { color: "gray", children: title })
     ] }),
     evt.render?.diff ? /* @__PURE__ */ jsx2(Box2, { marginLeft: 2, children: /* @__PURE__ */ jsx2(DiffView, { ...evt.render.diff }) }) : null,
-    evt.result && expand ? /* @__PURE__ */ jsxs2(Box2, { marginLeft: 2, flexDirection: "column", children: [
-      lines.slice(0, showLimit).map((l, i) => /* @__PURE__ */ jsx2(Text2, { color: "gray", children: l }, i)),
-      lines.length > showLimit && /* @__PURE__ */ jsxs2(Text2, { color: "gray", children: [
-        "... (",
-        lines.length - showLimit,
-        " more lines)"
-      ] })
-    ] }) : null,
-    evt.result && !expand && evt.status !== "running" ? /* @__PURE__ */ jsxs2(Text2, { color: "gray", children: [
+    evt.result && expand ? /* @__PURE__ */ jsxs2(
+      Box2,
+      {
+        marginLeft: 2,
+        marginTop: 1,
+        flexDirection: "column",
+        borderStyle: "single",
+        borderColor: "gray",
+        paddingX: 1,
+        children: [
+          lines.slice(0, showLimit).map((l, i) => /* @__PURE__ */ jsx2(Text2, { color: "gray", dimColor: true, children: l }, i)),
+          lines.length > showLimit && /* @__PURE__ */ jsxs2(Text2, { color: "gray", dimColor: true, children: [
+            "\u2026 (",
+            lines.length - showLimit,
+            " more lines)"
+          ] })
+        ]
+      }
+    ) : null,
+    evt.result && !expand && evt.status !== "running" ? /* @__PURE__ */ jsxs2(Text2, { color: "gray", dimColor: true, children: [
       "  ",
       firstLine(evt.result)
     ] }) : null
@@ -1428,19 +1439,35 @@ var init_markdown = __esm({
 import { Box as Box4, Text as Text4 } from "ink";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function ChatView({ events, showReasoning, theme, verbose }) {
-  return /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", children: events.map((e) => /* @__PURE__ */ jsx4(EventView, { evt: e, showReasoning, theme, verbose }, e.key)) });
-}
-function EventView({ evt, showReasoning, theme, verbose }) {
+  return /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", children: events.map((e, i) => {
+    const prev = events[i - 1];
+    const showSeparator = e.kind === "user" && prev && (prev.kind === "assistant" || prev.kind === "tool");
+    return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
+      showSeparator && /* @__PURE__ */ jsx4(Box4, { marginY: 1, children: /* @__PURE__ */ jsx4(Text4, { color: theme.info.color, dimColor: theme.info.dim, children: "\u2500".repeat(40) }) }),
+      /* @__PURE__ */ jsx4(EventView, { evt: e, showReasoning, theme, verbose })
+    ] }, e.key);
+  }) });
+}
+function EventView({
+  evt,
+  showReasoning,
+  theme,
+  verbose
+}) {
   if (evt.kind === "user") {
-    return /* @__PURE__ */ jsxs4(Box4, { marginTop: 1, children: [
-      /* @__PURE__ */ jsx4(Text4, { color: theme.user, children: "\u203A " }),
-      /* @__PURE__ */ jsx4(Text4, { children: evt.text })
+    return /* @__PURE__ */ jsxs4(Box4, { children: [
+      /* @__PURE__ */ jsxs4(Text4, { bold: true, color: theme.user, children: [
+        "\u203A",
+        " "
+      ] }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, children: evt.text })
     ] });
   }
   if (evt.kind === "assistant") {
-    return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginTop: 1, paddingLeft: 1, children: [
-      showReasoning && evt.reasoning ? /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", marginLeft: 2, children: /* @__PURE__ */ jsxs4(Text4, { color: theme.reasoning.color, dimColor: theme.reasoning.dim, children: [
-        "\u2727 thinking: ",
+    return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", paddingLeft: 2, children: [
+      showReasoning && evt.reasoning ? /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs4(Text4, { color: theme.reasoning.color, dimColor: theme.reasoning.dim, children: [
+        "thinking\u2026",
+        " ",
         evt.reasoning.length > 400 ? evt.reasoning.slice(0, 400) + "\u2026" : evt.reasoning
       ] }) }) : null,
       evt.text ? /* @__PURE__ */ jsx4(MD, { text: evt.text, theme }) : null
@@ -1450,7 +1477,10 @@ function EventView({ evt, showReasoning, theme, verbose }) {
     return /* @__PURE__ */ jsx4(ToolView, { evt, verbose });
   }
   if (evt.kind === "info") {
-    return /* @__PURE__ */ jsx4(Text4, { color: theme.info.color, dimColor: theme.info.dim, children: evt.text });
+    return /* @__PURE__ */ jsxs4(Text4, { color: theme.info.color, dimColor: theme.info.dim, children: [
+      "\xB7 ",
+      evt.text
+    ] });
   }
   return /* @__PURE__ */ jsxs4(Text4, { color: theme.error, children: [
     "! ",
@@ -1468,36 +1498,41 @@ var init_chat = __esm({
 // src/ui/status.tsx
 import { Box as Box5, Text as Text5 } from "ink";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function StatusBar({ model, usage, thinking, hint, theme, mode, effort, contextLimit }) {
-  const parts = [`model: ${shortModel(model)}`, `effort: ${effort}`];
+function StatusBar({ model, usage, thinking, theme, mode, effort, contextLimit }) {
+  const modeColor = mode === "plan" ? theme.modeBadge.plan : mode === "auto" ? theme.modeBadge.auto : theme.modeBadge.edit;
+  const warn = usage && usage.prompt_tokens / contextLimit >= 0.8;
+  const leftParts = [`${shortModel(model)}`, effort];
+  if (thinking) leftParts.push("thinking\u2026");
+  const rightParts = [];
   if (usage) {
     const cached = usage.prompt_tokens_details?.cached_tokens ?? 0;
     const uncachedIn = usage.prompt_tokens - cached;
     const cost = uncachedIn * PRICE_IN_PER_M / 1e6 + cached * PRICE_IN_CACHED_PER_M / 1e6 + usage.completion_tokens * PRICE_OUT_PER_M / 1e6;
     const pct = Math.round(usage.prompt_tokens / contextLimit * 100);
-    parts.push(
-      `in: ${usage.prompt_tokens}${cached ? ` (${cached} cached)` : ""}`,
-      `out: ${usage.completion_tokens}`,
-      `ctx: ${pct}%`,
-      `$${cost.toFixed(5)}`
+    rightParts.push(
+      `in ${usage.prompt_tokens}${cached ? ` (${cached} cached)` : ""}`,
+      `out ${usage.completion_tokens}`,
+      `ctx ${pct}%`,
+      `${cost.toFixed(5)}`
     );
   }
-  if (thinking) parts.push("thinking\u2026");
-  if (hint) parts.push(hint);
-  const modeColor = mode === "plan" ? theme.modeBadge.plan : mode === "auto" ? theme.modeBadge.auto : theme.modeBadge.edit;
-  const warn = usage && usage.prompt_tokens / contextLimit >= 0.8;
-  return /* @__PURE__ */ jsxs5(Box5, { children: [
-    /* @__PURE__ */ jsxs5(Text5, { color: modeColor, bold: true, children: [
-      "[",
-      mode,
-      "]"
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs5(Box5, { children: [
+      /* @__PURE__ */ jsxs5(Text5, { color: modeColor, bold: true, children: [
+        "[",
+        mode,
+        "]"
+      ] }),
+      /* @__PURE__ */ jsx5(Text5, { children: " " }),
+      /* @__PURE__ */ jsx5(Text5, { color: theme.info.color, dimColor: theme.info.dim, children: leftParts.join("  \xB7  ") })
     ] }),
-    /* @__PURE__ */ jsx5(Text5, { children: " " }),
-    /* @__PURE__ */ jsx5(Text5, { color: theme.info.color, dimColor: theme.info.dim, children: parts.join("  \xB7  ") }),
-    warn ? /* @__PURE__ */ jsxs5(Text5, { color: theme.warn, bold: true, children: [
-      "  \xB7  ",
-      "/compact recommended"
-    ] }) : null
+    rightParts.length > 0 && /* @__PURE__ */ jsxs5(Box5, { children: [
+      /* @__PURE__ */ jsx5(Text5, { color: theme.info.color, dimColor: theme.info.dim, children: rightParts.join("  \xB7  ") }),
+      warn ? /* @__PURE__ */ jsxs5(Text5, { color: theme.warn, bold: true, children: [
+        "  \xB7  ",
+        "/compact recommended"
+      ] }) : null
+    ] })
   ] });
 }
 function shortModel(m) {
@@ -1625,18 +1660,14 @@ function TaskList({ tasks, theme, startedAt, tokensDelta }) {
   const done = tasks.filter((t) => t.status === "completed").length;
   const total = tasks.length;
   const allDone = done === total;
-  const header = active ? active.title : allDone ? `Done (${total} tasks)` : `Tasks (${done}/${total})`;
+  const header = active ? active.title : allDone ? `${total} tasks done` : `${done}/${total}`;
   const elapsed = startedAt ? formatElapsed(now - startedAt) : null;
   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__ */ jsxs8(Text8, { color: allDone ? "green" : theme.accent, bold: true, children: [
-        allDone ? "\u2713" : "\u25B8",
-        " ",
-        header
-      ] }),
+      /* @__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: [
         "  ",
         "(",
@@ -2521,6 +2552,7 @@ function Onboarding({ onDone }) {
   const [apiToken, setApiToken] = useState3("");
   const [model, setModel] = useState3(DEFAULT_MODEL);
   const [savedPath, setSavedPath] = useState3(null);
+  const stepIndex = STEPS.indexOf(step) + 1;
   const handleAccountIdSubmit = (value) => {
     const trimmed = value.trim();
     if (!trimmed) return;
@@ -2548,13 +2580,24 @@ function Onboarding({ onDone }) {
       setSavedPath(`error: ${e.message}`);
     }
   };
-  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx10(Text10, { bold: true, color: "cyan", children: "Welcome to kimiflare!" }),
-    /* @__PURE__ */ jsx10(Text10, { color: "gray", dimColor: true, children: "Terminal coding agent powered by Kimi-K2.6 on Cloudflare Workers AI." }),
+  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: [
+        "  ",
+        "Terminal coding agent"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs9(Text10, { 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, { 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(
             CustomTextInput,
@@ -2567,9 +2610,9 @@ function Onboarding({ onDone }) {
         ] })
       ] }),
       step === "apiToken" && /* @__PURE__ */ jsxs9(Fragment, { children: [
-        /* @__PURE__ */ jsx10(Text10, { children: "Enter your Cloudflare API Token:" }),
+        /* @__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, { children: [
+        /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, children: [
           /* @__PURE__ */ jsx10(Text10, { color: "cyan", children: "\u203A " }),
           /* @__PURE__ */ jsx10(
             CustomTextInput,
@@ -2583,12 +2626,12 @@ function Onboarding({ onDone }) {
         ] })
       ] }),
       step === "model" && /* @__PURE__ */ jsxs9(Fragment, { children: [
-        /* @__PURE__ */ jsx10(Text10, { children: "Model ID (press Enter for default):" }),
+        /* @__PURE__ */ jsx10(Text10, { children: "Model ID (press Enter for default)" }),
         /* @__PURE__ */ jsxs9(Text10, { color: "gray", dimColor: true, children: [
           "default: ",
           DEFAULT_MODEL
         ] }),
-        /* @__PURE__ */ jsxs9(Box9, { children: [
+        /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, children: [
           /* @__PURE__ */ jsx10(Text10, { color: "cyan", children: "\u203A " }),
           /* @__PURE__ */ jsx10(
             CustomTextInput,
@@ -2601,23 +2644,34 @@ function Onboarding({ onDone }) {
         ] })
       ] }),
       step === "confirm" && /* @__PURE__ */ jsxs9(Fragment, { children: [
-        /* @__PURE__ */ jsx10(Text10, { children: "Ready to save configuration:" }),
-        /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", marginLeft: 2, children: [
-          /* @__PURE__ */ jsxs9(Text10, { color: "gray", children: [
-            "Account ID: ",
-            accountId
-          ] }),
-          /* @__PURE__ */ jsxs9(Text10, { color: "gray", children: [
-            "API Token: ",
-            "\u2022".repeat(apiToken.length)
-          ] }),
-          /* @__PURE__ */ jsxs9(Text10, { color: "gray", children: [
-            "Model: ",
-            model
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx10(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text10, { children: "Press Enter to confirm, or Ctrl+C to cancel" }) }),
-        /* @__PURE__ */ jsxs9(Box9, { children: [
+        /* @__PURE__ */ jsx10(Text10, { children: "Ready to save configuration" }),
+        /* @__PURE__ */ jsxs9(
+          Box9,
+          {
+            flexDirection: "column",
+            marginTop: 1,
+            marginBottom: 1,
+            borderStyle: "single",
+            borderColor: "gray",
+            paddingX: 1,
+            children: [
+              /* @__PURE__ */ jsxs9(Text10, { color: "gray", children: [
+                "Account ID: ",
+                accountId
+              ] }),
+              /* @__PURE__ */ jsxs9(Text10, { color: "gray", children: [
+                "API Token: ",
+                "\u2022".repeat(apiToken.length)
+              ] }),
+              /* @__PURE__ */ jsxs9(Text10, { 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(
             CustomTextInput,
@@ -2637,11 +2691,48 @@ function Onboarding({ onDone }) {
     ] })
   ] });
 }
+var STEPS;
 var init_onboarding = __esm({
   "src/ui/onboarding.tsx"() {
     "use strict";
     init_text_input();
     init_config();
+    STEPS = ["accountId", "apiToken", "model", "confirm"];
+  }
+});
+
+// src/ui/welcome.tsx
+import { Box as Box10, Text as Text11 } from "ink";
+import { jsx as jsx11, jsxs as jsxs10 } 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: [
+        "  ",
+        "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: [
+        "  ",
+        "\u203A",
+        " "
+      ] }),
+      /* @__PURE__ */ jsx11(Text11, { 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" }) })
+  ] });
+}
+var SUGGESTIONS;
+var init_welcome = __esm({
+  "src/ui/welcome.tsx"() {
+    "use strict";
+    SUGGESTIONS = [
+      "Explain this codebase",
+      "Find and fix a bug",
+      "Refactor a file"
+    ];
   }
 });
 
@@ -2662,14 +2753,14 @@ var init_theme = __esm({
       label: "dark (default \u2014 for dark terminals)",
       user: "cyan",
       assistant: void 0,
-      reasoning: { color: "gray", dim: false },
-      info: { color: "gray", dim: false },
+      reasoning: { color: "gray", dim: true },
+      info: { color: "gray", dim: true },
       error: "red",
       warn: "yellow",
-      tool: "magenta",
+      tool: "cyan",
       spinner: "yellow",
       permission: "yellow",
-      queue: { color: "gray", dim: false },
+      queue: { color: "gray", dim: true },
       accent: "cyan",
       modeBadge: { plan: "blue", auto: "green", edit: "cyan" }
     };
@@ -2784,29 +2875,15 @@ __export(app_exports, {
   renderApp: () => renderApp
 });
 import { useState as useState4, useRef as useRef2, useEffect as useEffect3, useCallback } from "react";
-import { Box as Box10, Text as Text11, useApp, useInput as useInput2, render } from "ink";
-import Spinner2 from "ink-spinner";
+import { Box as Box11, Text as Text12, 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 jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function App({ initialCfg }) {
   const { exit } = useApp();
   const [cfg, setCfg] = useState4(initialCfg);
-  const [events, setEvents] = useState4(() => {
-    const initial = [
-      { kind: "info", key: mkKey(), text: "kimiflare \xB7 /help for commands \xB7 ctrl-c to exit \xB7 shift+tab to cycle modes" }
-    ];
-    const ctxFile = loadContextFile(process.cwd());
-    if (ctxFile) {
-      initial.push({
-        kind: "info",
-        key: mkKey(),
-        text: `loaded project context from ${ctxFile.name} (${ctxFile.lineCount} lines)`
-      });
-    }
-    return initial;
-  });
+  const [events, setEvents] = useState4([]);
   const [input, setInput] = useState4("");
   const [busy, setBusy] = useState4(false);
   const [usage, setUsage] = useState4(null);
@@ -2816,7 +2893,6 @@ function App({ initialCfg }) {
   const [history, setHistory] = useState4([]);
   const [historyIndex, setHistoryIndex] = useState4(-1);
   const [draftInput, setDraftInput] = useState4("");
-  const [updateInfo, setUpdateInfo] = useState4(null);
   const [mode, setMode] = useState4("edit");
   const [effort, setEffort] = useState4(
     initialCfg?.reasoningEffort ?? DEFAULT_REASONING_EFFORT
@@ -2899,25 +2975,11 @@ function App({ initialCfg }) {
       return;
     }
     if (key.shift && key.tab) {
-      setMode((m) => {
-        const nm = nextMode(m);
-        setEvents((e) => [
-          ...e,
-          { kind: "info", key: mkKey(), text: `mode: ${nm}` }
-        ]);
-        return nm;
-      });
+      setMode((m) => nextMode(m));
       return;
     }
     if (key.ctrl && inputChar === "o") {
-      setVerbose((v) => {
-        const next = !v;
-        setEvents((e) => [
-          ...e,
-          { kind: "info", key: mkKey(), text: `output: ${next ? "verbose (full tool results)" : "compact"}` }
-        ]);
-        return next;
-      });
+      setVerbose((v) => !v);
       return;
     }
   });
@@ -3316,42 +3378,33 @@ use: /thinking low | medium | high`
         return true;
       }
       if (c === "/update") {
-        if (updateInfo?.hasUpdate) {
-          setEvents((e) => [
-            ...e,
-            {
-              kind: "info",
-              key: mkKey(),
-              text: `updating from ${updateInfo.localVersion} \u2192 ${updateInfo.latestVersion}\u2026`
-            }
-          ]);
-          isGitRepo().then((git) => {
-            if (git) {
-              setEvents((e) => [
-                ...e,
-                {
-                  kind: "info",
-                  key: mkKey(),
-                  text: "run:  git pull && npm install && npm run build  then restart kimiflare"
-                }
-              ]);
-            } else {
+        void checkForUpdate().then((result) => {
+          if (result.hasUpdate) {
+            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: "run:  npm update -g kimiflare  then restart"
+                  text: git ? "run:  git pull && npm install && npm run build  then restart kimiflare" : "run:  npm update -g kimiflare  then restart"
                 }
               ]);
-            }
-          });
-        } else {
-          setEvents((e) => [
-            ...e,
-            { kind: "info", key: mkKey(), text: "no update available" }
-          ]);
-        }
+            });
+          } else {
+            setEvents((e) => [
+              ...e,
+              { kind: "info", key: mkKey(), text: "no update available" }
+            ]);
+          }
+        });
         return true;
       }
       if (c === "/logout") {
@@ -3377,7 +3430,7 @@ use: /thinking low | medium | high`
       }
       return false;
     },
-    [cfg, exit, usage, updateInfo, effort, theme, mode, openResumePicker, runCompact, runInit]
+    [cfg, exit, usage, effort, theme, mode, openResumePicker, runCompact, runInit]
   );
   const processMessage = useCallback(
     async (text, displayText) => {
@@ -3534,21 +3587,6 @@ use: /thinking low | medium | high`
     },
     [busy, processMessage]
   );
-  useEffect3(() => {
-    checkForUpdate().then((result) => {
-      if (result.hasUpdate) {
-        setUpdateInfo(result);
-        setEvents((e) => [
-          ...e,
-          {
-            kind: "info",
-            key: mkKey(),
-            text: `update available: ${result.localVersion} \u2192 ${result.latestVersion}  \xB7  run /update to upgrade`
-          }
-        ]);
-      }
-    });
-  }, []);
   useEffect3(() => {
     if (usage && usage.prompt_tokens / CONTEXT_LIMIT >= AUTO_COMPACT_SUGGEST_PCT) {
       setEvents((e) => {
@@ -3566,7 +3604,7 @@ use: /thinking low | medium | high`
     }
   }, [usage]);
   if (!cfg) {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       Onboarding,
       {
         onDone: (newCfg) => {
@@ -3580,11 +3618,12 @@ use: /thinking low | medium | high`
     );
   }
   if (resumeSessions !== null) {
-    return /* @__PURE__ */ jsx11(Box10, { flexDirection: "column", children: /* @__PURE__ */ jsx11(ResumePicker, { sessions: resumeSessions, onPick: handleResumePick, theme }) });
+    return /* @__PURE__ */ jsx12(Box11, { flexDirection: "column", children: /* @__PURE__ */ jsx12(ResumePicker, { sessions: resumeSessions, onPick: handleResumePick, theme }) });
   }
-  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx11(ChatView, { events, showReasoning, theme, verbose }),
-    perm ? /* @__PURE__ */ jsx11(
+  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(
       PermissionModal,
       {
         tool: perm.tool,
@@ -3595,8 +3634,8 @@ use: /thinking low | medium | high`
           setPerm(null);
         }
       }
-    ) : /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", marginTop: 1, children: [
-      tasks.length > 0 && /* @__PURE__ */ jsx11(
+    ) : /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", marginTop: 1, children: [
+      tasks.length > 0 && /* @__PURE__ */ jsx12(
         TaskList,
         {
           tasks,
@@ -3605,30 +3644,25 @@ use: /thinking low | medium | high`
           tokensDelta: Math.max(0, (usage?.prompt_tokens ?? 0) - tasksStartTokens)
         }
       ),
-      queue.length > 0 && /* @__PURE__ */ jsx11(Box10, { flexDirection: "column", marginBottom: 1, children: queue.map((q, i) => /* @__PURE__ */ jsxs10(Text11, { color: theme.queue.color, dimColor: theme.queue.dim, children: [
+      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: [
         "\u23F3 ",
         q.display
       ] }, `queue_${i}`)) }),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx12(
         StatusBar,
         {
           model: cfg.model,
           usage,
           thinking: busy,
-          hint: busy ? "ctrl-c to interrupt \xB7 type to queue next" : "enter to send \xB7 /help \xB7 shift+tab cycles mode",
           theme,
           mode,
           effort,
           contextLimit: CONTEXT_LIMIT
         }
       ),
-      busy && /* @__PURE__ */ jsxs10(Box10, { children: [
-        /* @__PURE__ */ jsx11(Text11, { color: theme.spinner, children: /* @__PURE__ */ jsx11(Spinner2, { type: "dots" }) }),
-        /* @__PURE__ */ jsx11(Text11, { color: theme.info.color, dimColor: theme.info.dim, children: " working\u2026" })
-      ] }),
-      /* @__PURE__ */ jsxs10(Box10, { children: [
-        /* @__PURE__ */ jsx11(Text11, { color: theme.user, children: busy ? "\u23F3 " : "\u203A " }),
-        /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx12(Text12, { color: theme.accent, children: "\u203A " }),
+        /* @__PURE__ */ jsx12(
           CustomTextInput,
           {
             value: input,
@@ -3677,7 +3711,7 @@ use: /thinking low | medium | high`
   ] });
 }
 async function renderApp(cfg) {
-  const instance = render(/* @__PURE__ */ jsx11(App, { initialCfg: cfg }));
+  const instance = render(/* @__PURE__ */ jsx12(App, { initialCfg: cfg }));
   await instance.waitUntilExit();
 }
 var CONTEXT_LIMIT, AUTO_COMPACT_SUGGEST_PCT, nextAssistantId, nextKey, mkKey, EFFORT_DESCRIPTIONS;
@@ -3693,10 +3727,10 @@ var init_app = __esm({
     init_permission();
     init_resume_picker();
     init_task_list();
-    init_system_prompt();
     init_text_input();
     init_update_check();
     init_onboarding();
+    init_welcome();
     init_config();
     init_theme();
     init_mode();