sarangai-cli 1.0.10 → 1.0.12

package/dist/index.js

@@ -35,12 +35,12 @@ var require_package = __commonJS({
   "package.json"(exports2, module2) {
     module2.exports = {
       name: "sarangai-cli",
-      version: "1.0.10",
+      version: "1.0.12",
       description: "CLI resmi SarangAI \u2014 Gateway multi-model AI langsung dari terminal Anda",
       main: "dist/index.js",
       bin: {
         sarang: "dist/index.js",
-        sarangai: "dist/index.cjs"
+        sarangai: "dist/index.js"
       },
       files: [
         "dist"
@@ -124,6 +124,14 @@ function saveConfig(newConfig) {
 
 // src/index.ts
 var program = new import_commander.Command();
+var SARANG_BANNER = [
+  "\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2557   \u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2557",
+  "\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2551",
+  "\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2554\u2588\u2588\u2557 \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551",
+  "\u255A\u2550\u2550\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2551\u255A\u2588\u2588\u2557\u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2551",
+  "\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551 \u255A\u2588\u2588\u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551",
+  "\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D"
+];
 var borderActive = import_chalk.default.hex("#a855f7");
 var borderMuted = import_chalk.default.hex("#334155");
 var violetText = import_chalk.default.hex("#c084fc");
@@ -131,8 +139,8 @@ var greenDot = import_chalk.default.hex("#4ade80");
 var grayMuted = import_chalk.default.hex("#94a3b8");
 var CODING_MODELS = [
   {
-    id: "anthropic/claude-3.7-sonnet",
-    name: "Claude 3.7 Sonnet",
+    id: "anthropic/claude-sonnet-4.6",
+    name: "Claude Sonnet 4.6",
     desc: "Anthropic \u2022 Best coding & agentic workflow",
     rate: "12,000 Credits/hr"
   },
@@ -183,20 +191,20 @@ function copyToClipboard(text) {
 }
 async function fetchUserMeta(baseUrl2, apiKey) {
   try {
-    const res = await fetch(`${baseUrl2}/api/user/stats`, {
+    const res = await fetch(`${baseUrl2}/api/gateway/v1/balance`, {
       headers: { Authorization: `Bearer ${apiKey}` }
     });
     if (res.ok) {
       const d = await res.json();
       return {
-        balance: d.balance ?? 75313,
+        balance: d.balance ?? 0,
         tier: d.tier || "DEVELOPER",
-        accountId: d.accountId || "SA-8WwREVSJ"
+        accountId: d.accountId ? `SA-${d.accountId}` : "SA-\u2014"
       };
     }
   } catch {
   }
-  return { balance: 75313, tier: "DEVELOPER", accountId: "SA-8WwREVSJ" };
+  return { balance: 0, tier: "DEVELOPER", accountId: "SA-\u2014" };
 }
 function getDisplayDir() {
   const cwd = process.cwd();
@@ -345,6 +353,13 @@ var timerInterval = null;
 var currentTaskInput = "";
 var cfg;
 var baseUrl;
+var respQuery = "";
+var respText = "";
+var respError;
+var respStreaming = false;
+var respScroll = null;
+var respTotalLines = 0;
+var respViewRows = 12;
 function cleanupAndExit() {
   if (timerInterval) clearInterval(timerInterval);
   process.stdout.write("\x1B[?1049l\x1B[?25h\n");
@@ -378,13 +393,120 @@ function enterWorkspace() {
     }
   }, 1e3);
 }
-async function runPromptStream(query) {
+function visibleLength(s) {
+  return s.replace(/\x1b\[[0-9;]*m/g, "").length;
+}
+function wrapWithStyles(input, width) {
+  const out = [];
+  let inCode = false;
+  const text = input.replace(/\r\n?/g, "\n");
+  for (const raw of text.split("\n")) {
+    const trimmed = raw.trimStart();
+    let style = "plain";
+    if (trimmed.startsWith("```")) {
+      inCode = !inCode;
+      style = "code";
+    } else if (inCode) {
+      style = "code";
+    } else if (trimmed.startsWith("#")) {
+      style = "heading";
+    }
+    if (raw === "") {
+      out.push({ text: "", style });
+      continue;
+    }
+    let remaining = raw;
+    while (remaining.length > width) {
+      let cut = remaining.lastIndexOf(" ", width);
+      if (cut < Math.floor(width * 0.5)) cut = width;
+      out.push({ text: remaining.slice(0, cut), style });
+      remaining = remaining.slice(cut).replace(/^ /, "");
+    }
+    out.push({ text: remaining, style });
+  }
+  return out;
+}
+function styleBodyLine(l) {
+  if (l.style === "heading") return import_chalk.default.bold.hex("#c084fc")(l.text);
+  if (l.style === "code") return import_chalk.default.hex("#94a3b8")(l.text);
+  if (l.style === "error") return import_chalk.default.red(l.text);
+  return import_chalk.default.hex("#e2e8f0")(l.text);
+}
+function drawResponseScreen(query, text, opts) {
+  const boxWidth = 72;
+  const termRows = process.stdout.rows || 30;
+  const pad = getCenterPad(boxWidth);
+  const innerW = boxWidth - 2;
+  const contentW = innerW - 4;
+  const lines = [];
+  SARANG_BANNER.forEach((l) => lines.push(pad + import_chalk.default.white.bold(l)));
+  lines.push("");
+  lines.push(pad + import_chalk.default.bold.hex("#c084fc")(`\u203A Task: ${query}`));
+  lines.push(pad + import_chalk.default.gray("\u250C" + "\u2500".repeat(innerW) + "\u2510"));
+  const viewRows = Math.max(6, termRows - 13);
+  let body;
+  if (opts.error) {
+    body = wrapWithStyles(opts.error, contentW).map((l) => ({ ...l, style: "error" }));
+  } else {
+    body = wrapWithStyles(text, contentW);
+  }
+  respTotalLines = body.length;
+  const maxStart = Math.max(0, respTotalLines - viewRows);
+  const start = Math.min(respScroll ?? maxStart, maxStart);
+  const visible = body.slice(start, start + viewRows);
+  respViewRows = viewRows;
+  for (const l of visible) {
+    const styled = styleBodyLine(l);
+    const fill = Math.max(0, contentW - visibleLength(styled));
+    lines.push(pad + import_chalk.default.gray("\u2502 ") + styled + " ".repeat(fill) + import_chalk.default.gray(" \u2502"));
+  }
+  for (let i = visible.length; i < viewRows; i++) {
+    lines.push(pad + import_chalk.default.gray("\u2502 ") + " ".repeat(contentW) + import_chalk.default.gray(" \u2502"));
+  }
+  lines.push(pad + import_chalk.default.gray("\u2514" + "\u2500".repeat(innerW) + "\u2518"));
+  lines.push("");
+  const range = respTotalLines > viewRows ? ` \u2022 baris ${start + 1}-${Math.min(respTotalLines, start + viewRows)}/${respTotalLines}` : ` \u2022 ${respTotalLines} baris`;
+  const scrollHint = start > 0 || start < maxStart ? import_chalk.default.gray("[\u2191/\u2193 Scroll]  ") : "";
+  const status = opts.streaming ? import_chalk.default.gray(`[Streaming \u2022 ${activeModel.name}]${range}`) : opts.error ? scrollHint + import_chalk.default.red("\u2715 Selesai dengan error  \u2022  tekan sembarang tombol untuk kembali") : scrollHint + import_chalk.default.green("\u2714 Selesai") + import_chalk.default.gray(`${range}  \u2022  tekan sembarang tombol untuk kembali`);
+  lines.push(pad + status);
+  process.stdout.write("\x1B[2J\x1B[3J\x1B[H" + lines.join("\n"));
+}
+function waitResponseDismiss() {
+  process.stdin.once("keypress", (str, key) => {
+    if (key?.ctrl && key?.name === "c") {
+      cleanupAndExit();
+      return;
+    }
+    if (key?.name === "up" || key?.name === "down") {
+      const maxStart = Math.max(0, respTotalLines - respViewRows);
+      const current = respScroll ?? maxStart;
+      respScroll = key.name === "up" ? Math.max(0, current - 3) : Math.min(maxStart, current + 3);
+      drawResponseScreen(respQuery, respText, { streaming: false, error: respError });
+      waitResponseDismiss();
+      return;
+    }
+    isExecuting = false;
+    currentTaskInput = "";
+    respScroll = null;
+    drawWorkspaceScreen(activeModel, sessionTimeLeft, currentTaskInput);
+  });
+}
+async function runPromptStream(query, isRetry = false) {
   isExecuting = true;
+  respStreaming = true;
+  respQuery = query;
+  respText = "";
+  respError = void 0;
+  respScroll = null;
   process.stdout.write("\x1B[?25l");
-  const pad = getCenterPad(72);
-  console.log("\n\n" + pad + import_chalk.default.bold.hex("#c084fc")(`\u203A Task: ${query}`));
-  console.log(pad + import_chalk.default.gray(`[Generating with ${activeModel.name}...]
-`));
+  let lastPaint = 0;
+  const repaint = (streaming, force = false) => {
+    const now = Date.now();
+    if (!force && now - lastPaint < 80) return;
+    lastPaint = now;
+    drawResponseScreen(respQuery, respText, { streaming, error: respError });
+  };
+  repaint(true, true);
   try {
     const res = await fetch(`${baseUrl}/api/gateway/v1/chat/completions`, {
       method: "POST",
@@ -399,43 +521,66 @@ async function runPromptStream(query) {
       })
     });
     if (!res.ok) {
-      console.log(pad + import_chalk.default.red(`
-Error: ${res.statusText}
-`));
+      let detail = res.statusText || `HTTP ${res.status}`;
+      try {
+        const errBody = await res.json();
+        const msg = errBody?.error?.message || errBody?.error || errBody?.message;
+        if (msg) detail = typeof msg === "string" ? msg : JSON.stringify(msg);
+      } catch {
+      }
+      respError = `(${res.status}) ${detail}`;
+      repaint(false, true);
+      if (res.status === 401 && !isRetry) {
+        respError = "API key tidak valid atau sudah di-revoke. Memulai ulang otorisasi...";
+        repaint(false, true);
+        try {
+          saveConfig({ apiKey: void 0 });
+        } catch {
+        }
+        cfg = getConfig();
+        const newKey = await handleAutoAuth(baseUrl);
+        if (newKey) {
+          cfg = getConfig();
+          userMeta = await fetchUserMeta(baseUrl, cfg.apiKey || "");
+          return runPromptStream(query, true);
+        }
+        respError = "Otorisasi ulang dibatalkan.";
+        repaint(false, true);
+      }
     } else {
       const reader = res.body?.getReader();
       const decoder = new TextDecoder();
       if (reader) {
+        let sseBuffer = "";
         while (true) {
           const { done, value } = await reader.read();
           if (done) break;
-          const chunk = decoder.decode(value);
-          const linesArr = chunk.split("\n");
-          for (const l of linesArr) {
+          sseBuffer += decoder.decode(value, { stream: true });
+          const nlIdx = sseBuffer.lastIndexOf("\n");
+          if (nlIdx === -1) continue;
+          const complete = sseBuffer.slice(0, nlIdx);
+          sseBuffer = sseBuffer.slice(nlIdx + 1);
+          for (const l of complete.split("\n")) {
             if (l.startsWith("data: ") && l !== "data: [DONE]") {
               try {
                 const p = JSON.parse(l.slice(6));
                 const delta = p.choices?.[0]?.delta?.content;
-                if (delta) process.stdout.write(delta);
+                if (delta) respText += delta;
               } catch {
               }
             }
           }
+          repaint(true);
         }
-        console.log("\n");
+        repaint(false, true);
       }
     }
   } catch (err) {
-    console.log(pad + import_chalk.default.red(`
-Error: ${err.message}
-`));
+    respError = err.message;
+    repaint(false, true);
   }
-  console.log(pad + import_chalk.default.gray("\nTekan sembarang tombol untuk kembali ke workspace..."));
-  process.stdin.once("keypress", () => {
-    isExecuting = false;
-    currentTaskInput = "";
-    drawWorkspaceScreen(activeModel, sessionTimeLeft, currentTaskInput);
-  });
+  respStreaming = false;
+  waitResponseDismiss();
 }
 async function handleAutoAuth(baseUrl2) {
   const sessionCode = "SA-" + import_crypto.default.randomBytes(4).toString("hex").toUpperCase();
@@ -468,6 +613,13 @@ async function handleAutoAuth(baseUrl2) {
 async function startInteractiveSession() {
   cfg = getConfig();
   baseUrl = resolveBaseUrl();
+  const MODEL_MIGRATIONS = {
+    "anthropic/claude-3.7-sonnet": "anthropic/claude-sonnet-4.6"
+  };
+  if (cfg.defaultModel && MODEL_MIGRATIONS[cfg.defaultModel]) {
+    cfg.defaultModel = MODEL_MIGRATIONS[cfg.defaultModel];
+    saveConfig({ defaultModel: cfg.defaultModel });
+  }
   if (!cfg.apiKey) {
     const key = await handleAutoAuth(baseUrl);
     if (!key) {
@@ -486,7 +638,9 @@ async function startInteractiveSession() {
   drawSelectionModal(activeModel, userMeta, expanded, cursorIdx, copiedNotice);
   process.stdout.on("resize", () => {
     if (inWorkspace) {
-      if (!isExecuting) {
+      if (isExecuting) {
+        drawResponseScreen(respQuery, respText, { streaming: respStreaming, error: respError });
+      } else {
         drawWorkspaceScreen(activeModel, sessionTimeLeft, currentTaskInput);
       }
     } else {
@@ -499,7 +653,10 @@ async function startInteractiveSession() {
       return;
     }
     if (inWorkspace) {
-      if (isExecuting) return;
+      if (isExecuting) {
+        if (key.name === "escape") cleanupAndExit();
+        return;
+      }
       if (key.name === "escape") {
         leaveWorkspace();
         return;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "sarangai-cli",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "CLI resmi SarangAI — Gateway multi-model AI langsung dari terminal Anda",
   "main": "dist/index.js",
   "bin": {
     "sarang": "dist/index.js",
-    "sarangai": "dist/index.cjs"
+    "sarangai": "dist/index.js"
   },
   "files": [
     "dist"