stackai 0.1.1 → 0.1.3

package/dist/cli.js

@@ -462,6 +462,9 @@ async function writeConfig(config) {
   await fs2.mkdir(CONFIG_DIR, { recursive: true });
   await fs2.writeFile(CONFIG_PATH, JSON.stringify(config, null, 2), "utf8");
 }
+async function clearConfig() {
+  await fs2.rm(CONFIG_PATH, { force: true });
+}
 
 // src/api.ts
 var ApiClient = class {
@@ -498,36 +501,86 @@ import { Box as Box2, Text as Text2, useApp } from "ink";
 import Spinner from "ink-spinner";
 
 // src/ui/format.ts
-function describe(step) {
-  const p = step.args.path ?? step.args.dir ?? "";
+var ACCENT = "#e8ff47";
+var MAX_PREVIEW = 6;
+function splitLines(s) {
+  return s.replace(/\n+$/, "").split("\n");
+}
+function clip(s, n = 76) {
+  return s.length > n ? `${s.slice(0, n)}\u2026` : s;
+}
+function preview(lines, prefix, color) {
+  const out = lines.slice(0, MAX_PREVIEW).map((l) => ({ kind: "sub", color, text: `${prefix} ${clip(l)}` }));
+  if (lines.length > MAX_PREVIEW) {
+    out.push({
+      kind: "sub",
+      color: "gray",
+      text: `\u2026 ${lines.length - MAX_PREVIEW} more lines`
+    });
+  }
+  return out;
+}
+function toolEntries(step) {
+  const args = step.args;
+  const path3 = String(args.path ?? args.dir ?? "");
   switch (step.name) {
+    case "write_file": {
+      const lines = splitLines(String(args.content ?? ""));
+      return [
+        { kind: "tool", color: ACCENT, label: `Write(${path3})` },
+        { kind: "sub", color: "green", text: `+${lines.length} lines` },
+        ...preview(lines, "+", "green")
+      ];
+    }
+    case "edit_file": {
+      const removed = splitLines(String(args.oldStr ?? ""));
+      const added = splitLines(String(args.newStr ?? ""));
+      return [
+        { kind: "tool", color: ACCENT, label: `Edit(${path3})` },
+        {
+          kind: "sub",
+          color: "gray",
+          text: `+${added.length} -${removed.length} lines`
+        },
+        ...preview(removed, "-", "red"),
+        ...preview(added, "+", "green")
+      ];
+    }
     case "read_file":
-      return `Reading ${p}`;
-    case "write_file":
-      return `Writing ${p}`;
-    case "edit_file":
-      return `Editing ${p}`;
+      return [{ kind: "tool", color: ACCENT, label: `Read(${path3})` }];
     case "list_files":
-      return `Listing ${p || "."}`;
+      return [{ kind: "tool", color: ACCENT, label: `List(${path3 || "."})` }];
     case "create_dir":
-      return `Creating ${p}/`;
+      return [{ kind: "tool", color: ACCENT, label: `Create(${path3}/)` }];
     default:
-      return step.name;
+      return [{ kind: "tool", color: ACCENT, label: step.name }];
   }
 }
 function applyStep(entries, step) {
   if (step.type === "token") {
     const last = entries[entries.length - 1];
     if (last && last.kind === "text") {
-      return [...entries.slice(0, -1), { kind: "text", text: last.text + step.text }];
+      return [
+        ...entries.slice(0, -1),
+        { kind: "text", text: last.text + step.text }
+      ];
     }
     return [...entries, { kind: "text", text: step.text }];
   }
   if (step.type === "tool_call") {
-    return [...entries, { kind: "tool", color: "gray", text: describe(step) }];
-  }
-  if (step.type === "tool_result" && !step.ok) {
-    return [...entries, { kind: "tool", color: "red", text: step.detail }];
+    return [...entries, ...toolEntries(step)];
+  }
+  if (step.type === "tool_result") {
+    if (!step.ok) {
+      return [
+        ...entries,
+        { kind: "sub", color: "red", text: `\u2717 ${step.detail}` }
+      ];
+    }
+    if (step.name === "read_file") {
+      const n = step.detail ? splitLines(step.detail).length : 0;
+      return [...entries, { kind: "sub", color: "gray", text: `read ${n} lines` }];
+    }
   }
   return entries;
 }
@@ -536,12 +589,18 @@ function applyStep(entries, step) {
 import { Box, Text } from "ink";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function EntryLines({ entries }) {
-  return /* @__PURE__ */ jsx(Fragment, { children: entries.map(
-    (e, i) => e.kind === "tool" ? /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsxs(Text, { color: e.color, children: [
-      "\u2192 ",
-      e.text
-    ] }) }, i) : /* @__PURE__ */ jsx(Box, { marginTop: 1, marginLeft: 2, children: /* @__PURE__ */ jsx(Text, { children: e.text }) }, i)
-  ) });
+  return /* @__PURE__ */ jsx(Fragment, { children: entries.map((e, i) => {
+    if (e.kind === "tool") {
+      return /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: e.color, bold: true, children: [
+        "\u25CF ",
+        e.label
+      ] }) }, i);
+    }
+    if (e.kind === "sub") {
+      return /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsx(Text, { color: e.color, children: e.text }) }, i);
+    }
+    return /* @__PURE__ */ jsx(Box, { marginTop: 1, marginLeft: 2, children: /* @__PURE__ */ jsx(Text, { children: e.text }) }, i);
+  }) });
 }
 
 // src/ui/run-view.tsx
@@ -594,7 +653,12 @@ import { Box as Box3, Text as Text3, useApp as useApp2 } from "ink";
 import Spinner2 from "ink-spinner";
 import TextInput from "ink-text-input";
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function Interactive({ session, cwd }) {
+var ACCENT2 = "#e8ff47";
+var LOGO = [
+  "\u2588\u2580\u2580 \u2580\u2588\u2580 \u2588\u2580\u2588 \u2588\u2580\u2580 \u2588\u2584\u2580 \u2588\u2580\u2588 \u2588",
+  "\u2584\u2584\u2588  \u2588  \u2588\u2580\u2588 \u2588\u2584\u2584 \u2588\u2580\u2584 \u2588\u2580\u2588 \u2588"
+];
+function Interactive({ session, cwd, version }) {
   const { exit } = useApp2();
   const [history, setHistory] = useState2([]);
   const [input, setInput] = useState2("");
@@ -619,11 +683,10 @@ function Interactive({ session, cwd }) {
       setHistory((prev) => {
         const last = prev[prev.length - 1];
         if (!last || last.kind !== "agent") return prev;
-        const updated = {
-          kind: "agent",
-          entries: applyStep(last.entries, step)
-        };
-        return [...prev.slice(0, -1), updated];
+        return [
+          ...prev.slice(0, -1),
+          { kind: "agent", entries: applyStep(last.entries, step) }
+        ];
       });
     };
     try {
@@ -635,19 +698,37 @@ function Interactive({ session, cwd }) {
     }
   }
   return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", paddingY: 1, children: [
-    /* @__PURE__ */ jsxs3(Box3, { marginBottom: 1, children: [
-      /* @__PURE__ */ jsxs3(Text3, { color: "#e8ff47", bold: true, children: [
-        "StackAI",
-        " "
-      ] }),
-      /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
-        "\u2014 ",
-        cwd
-      ] })
-    ] }),
+    /* @__PURE__ */ jsxs3(
+      Box3,
+      {
+        flexDirection: "column",
+        borderStyle: "round",
+        borderColor: ACCENT2,
+        paddingX: 2,
+        paddingY: 1,
+        children: [
+          LOGO.map((line, i) => /* @__PURE__ */ jsx3(Text3, { color: ACCENT2, bold: true, children: line }, i)),
+          /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
+            "v",
+            version,
+            " \xB7 MiMo v2.5 Pro \xB7 1M context"
+          ] }) }),
+          /* @__PURE__ */ jsx3(Text3, { color: "gray", children: cwd })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx3(Box3, { marginTop: 1, marginBottom: 1, children: /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
+      "Describe what you want to build \xB7 type",
+      " ",
+      /* @__PURE__ */ jsx3(Text3, { color: ACCENT2, children: "/exit" }),
+      " to quit"
+    ] }) }),
     history.map(
       (block, i) => block.kind === "user" ? /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx3(Text3, { color: "#e8ff47", children: "\u203A " }),
+        /* @__PURE__ */ jsxs3(Text3, { color: ACCENT2, bold: true, children: [
+          "\u203A",
+          " "
+        ] }),
         /* @__PURE__ */ jsx3(Text3, { children: block.text })
       ] }, i) : /* @__PURE__ */ jsx3(EntryLines, { entries: block.entries }, i)
     ),
@@ -655,38 +736,118 @@ function Interactive({ session, cwd }) {
       "Error: ",
       error
     ] }) }),
-    /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: busy ? /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
-      /* @__PURE__ */ jsx3(Spinner2, { type: "dots" }),
-      " working\u2026"
-    ] }) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      /* @__PURE__ */ jsx3(Text3, { color: "#e8ff47", children: "\u203A " }),
-      /* @__PURE__ */ jsx3(
-        TextInput,
+    /* @__PURE__ */ jsx3(
+      Box3,
+      {
+        marginTop: 1,
+        borderStyle: "round",
+        borderColor: busy ? "gray" : ACCENT2,
+        paddingX: 1,
+        children: busy ? /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
+          /* @__PURE__ */ jsx3(Spinner2, { type: "dots" }),
+          " working\u2026"
+        ] }) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
+          /* @__PURE__ */ jsx3(Text3, { color: ACCENT2, children: "\u203A " }),
+          /* @__PURE__ */ jsx3(
+            TextInput,
+            {
+              value: input,
+              onChange: setInput,
+              onSubmit,
+              placeholder: "message StackAI\u2026"
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}
+
+// src/ui/login-view.tsx
+import { useState as useState3 } from "react";
+import { Box as Box4, Text as Text4, useApp as useApp3 } from "ink";
+import TextInput2 from "ink-text-input";
+import Spinner3 from "ink-spinner";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function LoginView() {
+  const { exit } = useApp3();
+  const [value, setValue] = useState3("");
+  const [phase, setPhase] = useState3("input");
+  const [message, setMessage] = useState3("");
+  async function submit(raw) {
+    const key = raw.trim();
+    if (!key) return;
+    setPhase("checking");
+    try {
+      await writeConfig({ apiKey: key, apiUrl: DEFAULT_API_URL });
+      const verify = await new ApiClient({
+        apiKey: key,
+        apiUrl: DEFAULT_API_URL
+      }).verify();
+      setMessage(`Logged in as @${verify.user.username} \xB7 ${verify.user.tier} tier`);
+      setPhase("done");
+    } catch (err) {
+      setMessage(err instanceof Error ? err.message : String(err));
+      setPhase("error");
+    } finally {
+      setTimeout(() => exit(), 60);
+    }
+  }
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", paddingY: 1, children: [
+    /* @__PURE__ */ jsxs4(Box4, { children: [
+      /* @__PURE__ */ jsxs4(Text4, { color: "#e8ff47", bold: true, children: [
+        "StackAI",
+        " "
+      ] }),
+      /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "login" })
+    ] }),
+    phase === "input" && /* @__PURE__ */ jsxs4(Box4, { marginTop: 1, children: [
+      /* @__PURE__ */ jsx4(Text4, { children: "API key " }),
+      /* @__PURE__ */ jsx4(Text4, { color: "#e8ff47", children: "\u203A " }),
+      /* @__PURE__ */ jsx4(
+        TextInput2,
         {
-          value: input,
-          onChange: setInput,
-          onSubmit,
-          placeholder: "type a message, /exit to quit"
+          value,
+          onChange: setValue,
+          onSubmit: submit,
+          mask: "*",
+          placeholder: "sk_live_..."
         }
       )
+    ] }),
+    phase === "checking" && /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsxs4(Text4, { color: "gray", children: [
+      /* @__PURE__ */ jsx4(Spinner3, { type: "dots" }),
+      " verifying\u2026"
+    ] }) }),
+    phase === "done" && /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsxs4(Text4, { color: "green", children: [
+      "\u2713 ",
+      message
+    ] }) }),
+    phase === "error" && /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsxs4(Text4, { color: "red", children: [
+      "\u2717 ",
+      message
     ] }) })
   ] });
 }
 
 // src/cli.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var VERSION = "0.1.0";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var VERSION = "0.1.3";
 var HELP = `
   StackAI \u2014 AI coding agent in your terminal
 
   Usage
     $ stackai                      Start an interactive chat session
     $ stackai <prompt>             Run the agent once, then exit
-    $ stackai auth <api_key>       Save your API key
-    $ stackai auth <key> <url>     ...with a custom API URL
+    $ stackai login                Log in (prompts for your API key)
+    $ stackai login <api_key>      Log in directly
     $ stackai whoami               Show current user + usage
+    $ stackai logout               Remove your saved API key
     $ stackai --help
     $ stackai --version
+
+  Advanced
+    $ stackai auth <key> [url]     Save key with a custom API URL
 `;
 async function main() {
   const args = process.argv.slice(2);
@@ -699,6 +860,37 @@ async function main() {
     console.log(VERSION);
     return;
   }
+  if (first === "login") {
+    const key = args[1];
+    if (key) {
+      await writeConfig({ apiKey: key, apiUrl: DEFAULT_API_URL });
+      try {
+        const verify = await new ApiClient({
+          apiKey: key,
+          apiUrl: DEFAULT_API_URL
+        }).verify();
+        console.log(
+          `\u2713 Logged in as @${verify.user.username} \xB7 ${verify.user.tier} tier`
+        );
+      } catch (err) {
+        console.error(`\u2717 ${err instanceof Error ? err.message : String(err)}`);
+        process.exitCode = 1;
+      }
+      return;
+    }
+    if (!process.stdin.isTTY) {
+      console.error("Run: stackai login <api_key>");
+      process.exitCode = 1;
+      return;
+    }
+    render(/* @__PURE__ */ jsx5(LoginView, {}));
+    return;
+  }
+  if (first === "logout") {
+    await clearConfig();
+    console.log("\u2713 Logged out");
+    return;
+  }
   if (first === "auth") {
     const key = args[1];
     if (!key) {
@@ -713,7 +905,7 @@ async function main() {
   }
   const config = await readConfig();
   if (!config) {
-    console.error("Not authenticated. Run: stackai auth <api_key>");
+    console.error("Not logged in. Run: stackai login");
     process.exitCode = 1;
     return;
   }
@@ -744,11 +936,13 @@ async function main() {
       process.exitCode = 1;
       return;
     }
-    render(/* @__PURE__ */ jsx4(Interactive, { session: runner.session(cwd), cwd }));
+    render(
+      /* @__PURE__ */ jsx5(Interactive, { session: runner.session(cwd), cwd, version: VERSION })
+    );
     return;
   }
   const prompt = args.join(" ");
-  render(/* @__PURE__ */ jsx4(RunView, { runner, prompt, cwd }));
+  render(/* @__PURE__ */ jsx5(RunView, { runner, prompt, cwd }));
 }
 main().catch((err) => {
   console.error(err instanceof Error ? err.message : String(err));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stackai",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "StackAI — AI coding agent in your terminal. Read, write, and edit code with AI.",
   "type": "module",
   "bin": {