sarangai-cli 1.0.11 → 1.0.12

package/dist/index.js

@@ -35,7 +35,7 @@ var require_package = __commonJS({
   "package.json"(exports2, module2) {
     module2.exports = {
       name: "sarangai-cli",
-      version: "1.0.11",
+      version: "1.0.12",
       description: "CLI resmi SarangAI \u2014 Gateway multi-model AI langsung dari terminal Anda",
       main: "dist/index.js",
       bin: {
@@ -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");
@@ -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);
 }
+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",
@@ -406,11 +528,11 @@ async function runPromptStream(query, isRetry = false) {
         if (msg) detail = typeof msg === "string" ? msg : JSON.stringify(msg);
       } catch {
       }
-      console.log(pad + import_chalk.default.red(`
-Error (${res.status}): ${detail}
-`));
+      respError = `(${res.status}) ${detail}`;
+      repaint(false, true);
       if (res.status === 401 && !isRetry) {
-        console.log(pad + import_chalk.default.yellow("API key tidak valid atau sudah di-revoke. Memulai ulang otorisasi...\n"));
+        respError = "API key tidak valid atau sudah di-revoke. Memulai ulang otorisasi...";
+        repaint(false, true);
         try {
           saveConfig({ apiKey: void 0 });
         } catch {
@@ -422,42 +544,43 @@ Error (${res.status}): ${detail}
           userMeta = await fetchUserMeta(baseUrl, cfg.apiKey || "");
           return runPromptStream(query, true);
         }
-        console.log(pad + import_chalk.default.red("Otorisasi ulang dibatalkan.\n"));
+        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();
@@ -515,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 {
@@ -528,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,6 +1,6 @@
 {
   "name": "sarangai-cli",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "CLI resmi SarangAI — Gateway multi-model AI langsung dari terminal Anda",
   "main": "dist/index.js",
   "bin": {