stackai 0.1.2 → 0.1.3

package/dist/cli.js

@@ -501,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;
 }
@@ -539,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
@@ -597,7 +653,7 @@ 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";
-var ACCENT = "#e8ff47";
+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"
@@ -647,11 +703,11 @@ function Interactive({ session, cwd, version }) {
       {
         flexDirection: "column",
         borderStyle: "round",
-        borderColor: ACCENT,
+        borderColor: ACCENT2,
         paddingX: 2,
         paddingY: 1,
         children: [
-          LOGO.map((line, i) => /* @__PURE__ */ jsx3(Text3, { color: ACCENT, bold: true, children: line }, i)),
+          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,
@@ -664,12 +720,12 @@ function Interactive({ session, cwd, version }) {
     /* @__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: ACCENT, children: "/exit" }),
+      /* @__PURE__ */ jsx3(Text3, { color: ACCENT2, children: "/exit" }),
       " to quit"
     ] }) }),
     history.map(
       (block, i) => block.kind === "user" ? /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, children: [
-        /* @__PURE__ */ jsxs3(Text3, { color: ACCENT, bold: true, children: [
+        /* @__PURE__ */ jsxs3(Text3, { color: ACCENT2, bold: true, children: [
           "\u203A",
           " "
         ] }),
@@ -685,13 +741,13 @@ function Interactive({ session, cwd, version }) {
       {
         marginTop: 1,
         borderStyle: "round",
-        borderColor: busy ? "gray" : ACCENT,
+        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: ACCENT, children: "\u203A " }),
+          /* @__PURE__ */ jsx3(Text3, { color: ACCENT2, children: "\u203A " }),
           /* @__PURE__ */ jsx3(
             TextInput,
             {
@@ -776,7 +832,7 @@ function LoginView() {
 
 // src/cli.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
-var VERSION = "0.1.2";
+var VERSION = "0.1.3";
 var HELP = `
   StackAI \u2014 AI coding agent in your terminal
 

package/package.json

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