@botconnector/bccli 0.3.0-beta.3 → 0.4.0-beta.10

package/dist/ui-6GTQUJOE.js

@@ -0,0 +1,1415 @@
+#!/usr/bin/env node
+import {
+  BUILTIN_AGENTS,
+  ignorePatterns,
+  instructionPaths,
+  parseFrontmatter,
+  toolLabel
+} from "./chunk-KV27KTOX.js";
+import {
+  nextMode
+} from "./chunk-ELML4KVQ.js";
+import {
+  hasKey,
+  providerName,
+  writeGlobalConfig
+} from "./chunk-7S6JXQCH.js";
+import {
+  REASONING_LEVELS,
+  assertReasoningSupported,
+  parseReasoningLevel,
+  supportedReasoningLevels
+} from "./chunk-CLN4Z5E3.js";
+import {
+  Session
+} from "./chunk-SJH3YLW4.js";
+import {
+  CATALOG,
+  fillTemplate
+} from "./chunk-DX7CZTBB.js";
+import {
+  addGlobalServer,
+  globalMcpPath,
+  readMcpFile,
+  removeGlobalServer
+} from "./chunk-BFZXRKW5.js";
+import {
+  PRESETS,
+  removeCredential
+} from "./chunk-2MGINW4O.js";
+
+// src/ui/index.tsx
+import { render } from "ink";
+
+// src/ui/App.tsx
+import { execFile as execFile2 } from "child_process";
+import { existsSync as existsSync2, mkdirSync, readFileSync as readFileSync2, writeFileSync } from "fs";
+import { homedir } from "os";
+import { dirname, join, relative, resolve } from "path";
+import { Box as Box13, Static, Text as Text15, useApp, useInput as useInput9 } from "ink";
+import { useCallback, useEffect as useEffect2, useRef, useState as useState8 } from "react";
+
+// src/commands.ts
+var SLASH_COMMANDS = [
+  { name: "help", description: "daftar perintah dan pintasan" },
+  { name: "model", description: "ganti model" },
+  { name: "reasoning", description: "atur reasoning: auto/off/low/medium/high/max" },
+  { name: "provider", description: "tambah/pilih provider AI" },
+  { name: "mcp", description: "pasang/kelola server MCP" },
+  { name: "new", description: "sesi baru (sesi lama tetap tersimpan)" },
+  { name: "resume", description: "lanjutkan sesi lain di folder ini" },
+  { name: "session", description: "info sesi ini" },
+  { name: "status", description: "versi, model, mode izin, MCP, konteks" },
+  { name: "permissions", description: "lihat/cabut izin" },
+  { name: "undo", description: "batalkan edit file giliran terakhir" },
+  { name: "diff", description: "git diff project" },
+  { name: "copy", description: "salin jawaban terakhir" },
+  { name: "export", description: "simpan percakapan ke markdown" },
+  { name: "memory", description: "instruksi project (/memory <teks>, /memory global <teks>)" },
+  { name: "init", description: "buat/perbarui AGENTS.md untuk project ini" },
+  { name: "agents", description: "daftar subagent" },
+  { name: "skills", description: "daftar skill dan perintah custom" },
+  { name: "doctor", description: "cek kesehatan instalasi" },
+  { name: "login", description: "simpan API key provider aktif" },
+  { name: "logout", description: "hapus API key provider aktif" },
+  { name: "clear", description: "mulai percakapan baru" },
+  { name: "compact", description: "ringkas percakapan" },
+  { name: "cost", description: "pemakaian token sesi ini" },
+  { name: "exit", description: "keluar" }
+];
+function parseSlash(text) {
+  if (!text.startsWith("/")) return void 0;
+  const [name, ...rest] = text.slice(1).trim().split(/\s+/);
+  return { name: name.toLowerCase(), args: rest.join(" ") };
+}
+function expandCommand(def, args) {
+  if (def.body.includes("$ARGUMENTS")) return def.body.replaceAll("$ARGUMENTS", args);
+  return args ? `${def.body}
+
+${args}` : def.body;
+}
+
+// src/slash/copy.ts
+function osc52(text, inTmux) {
+  const seq = `\x1B]52;c;${Buffer.from(text).toString("base64")}\x07`;
+  return inTmux ? `\x1BPtmux;${seq.replaceAll("\x1B", "\x1B\x1B")}\x1B\\` : seq;
+}
+
+// src/slash/diff.ts
+import { execFile } from "child_process";
+function git(cwd, args, bin = "git") {
+  return new Promise((resolve2) => {
+    execFile(
+      bin,
+      args,
+      { cwd, maxBuffer: 20 * 1024 * 1024 },
+      (error, stdout, stderr) => resolve2({ ok: !error, out: error ? stderr : stdout, missing: error?.code === "ENOENT" })
+    );
+  });
+}
+async function gitDiff(cwd, maxLines = 400, bin = "git") {
+  const inside = await git(cwd, ["rev-parse", "--is-inside-work-tree"], bin);
+  if (inside.missing) return "git tidak terpasang atau tidak ada di PATH, jadi /diff tidak bisa dipakai.";
+  if (!inside.ok || inside.out.trim() !== "true") return "Folder ini bukan repository git, jadi tidak ada diff.";
+  const base = (await git(cwd, ["rev-parse", "--verify", "-q", "HEAD"])).ok ? "HEAD" : "4b825dc642cb6eb9a060e54bf8d69288fbee4904";
+  const [stat, diff, untracked] = await Promise.all([
+    git(cwd, ["diff", "--stat", base]),
+    git(cwd, ["diff", base]),
+    git(cwd, ["ls-files", "--others", "--exclude-standard"])
+  ]);
+  const fresh = untracked.out.split("\n").filter(Boolean);
+  if (!diff.out.trim() && !fresh.length) return "Tidak ada perubahan yang belum di-commit.";
+  const lines = diff.out.trimEnd().split("\n");
+  const more = lines.length > maxLines ? `
+\u2026 ${lines.length - maxLines} baris lagi` : "";
+  return [stat.out.trim(), lines.slice(0, maxLines).join("\n") + more, fresh.length ? `File baru (belum di-track): ${fresh.join(", ")}` : ""].filter(Boolean).join("\n\n");
+}
+
+// src/slash/doctor.ts
+async function doctorText(input, deps) {
+  const major = Number(deps.nodeVersion.replace(/^v/, "").split(".")[0]);
+  const lines = [major >= 22 ? `\u2713 Node ${deps.nodeVersion}` : `\u2717 Node ${deps.nodeVersion} (butuh \u2265 22)`];
+  for (const p of input.providers) lines.push(p.ready ? `\u2713 ${p.name}` : `\u25CB ${p.name} (belum ada key)`);
+  const cmds = ["rg", "git", "npx", "uvx"];
+  const [connection, found] = await Promise.all([
+    deps.listModels().then(
+      (models) => `\u2713 Koneksi ${input.activeProvider} (${models.length} model)`,
+      (error) => `\u2717 Koneksi ${input.activeProvider}: ${error.message}`
+    ),
+    Promise.all(cmds.map(async (cmd) => deps.which(cmd)))
+  ]);
+  lines.push(connection);
+  for (const m of input.mcp) lines.push(m.status === "error" ? `\u2717 MCP ${m.name}: ${m.error ?? ""}` : `\u2713 MCP ${m.name} (${m.status})`);
+  for (const [i, cmd] of cmds.entries()) lines.push(`${found[i] ? "\u2713" : "\u2717"} ${cmd}`);
+  return lines.join("\n");
+}
+
+// src/slash/export.ts
+function exportMarkdown(messages, title) {
+  const parts = [`# ${title}`, ""];
+  for (const m of messages) {
+    if (m.role === "user") parts.push("## User", "", String(m.content), "");
+    else if (m.role === "assistant") {
+      for (const c of m.tool_calls ?? []) parts.push(`\u23BF ${c.function.name} ${c.function.arguments.slice(0, 200)}`, "");
+      if (m.content) parts.push("## BCCLI", "", m.content, "");
+    }
+  }
+  return parts.join("\n");
+}
+
+// src/slash/info.ts
+var k = (n) => n >= 1e3 ? `${Math.round(n / 1e3)}k` : String(n);
+function statusText(s) {
+  const ready = s.mcp.filter((m) => m.status === "ready").length;
+  const errors = s.mcp.filter((m) => m.status === "error").length;
+  return [
+    `BCCLI ${s.version}`,
+    `Model: ${s.modelRef} (${s.providerLabel})`,
+    `Mode izin: ${s.mode}`,
+    `Folder: ${s.cwd}`,
+    `MCP: ${ready} aktif, ${errors} error`,
+    `Token sesi: ${k(s.usage.inputTokens)} masuk \xB7 ${k(s.usage.outputTokens)} keluar`,
+    `Konteks: \xB1${Math.round(s.lastInputTokens / 128e3 * 100)}% dari 128k`
+  ].join("\n");
+}
+function agentsText(defs) {
+  return defs.map((d) => `${d.name} \u2014 ${d.description} \xB7 alat: ${d.tools ? d.tools.join(", ") : "semua"} \xB7 model: ${d.model ?? "ikut utama"}`).join("\n");
+}
+function skillsText(skills, commands) {
+  const s = skills.length ? skills.map((x) => `${x.name} \u2014 ${x.description.slice(0, 80)} (${x.dir})`).join("\n") : "(tidak ada skill)";
+  const c = commands.length ? commands.map((x) => `/${x.name} \u2014 ${x.description ?? ""}`).join("\n") : "(tidak ada perintah custom)";
+  return `Skill:
+${s}
+
+Perintah custom:
+${c}`;
+}
+function sessionText(s) {
+  return [
+    `Mulai: ${s.started.toLocaleString("id-ID")}`,
+    `${s.messages} pesan \xB7 ${k(s.usage.inputTokens)} token masuk \xB7 ${k(s.usage.outputTokens)} keluar`,
+    `Model: ${s.modelRef}`,
+    `File: ${s.file}`
+  ].join("\n");
+}
+
+// src/slash/memory.ts
+import { appendFileSync, existsSync, readFileSync } from "fs";
+function instructionFiles(cwd, home) {
+  return instructionPaths(cwd, home).filter((path) => existsSync(path)).map((path) => ({ path, lines: readFileSync(path, "utf8").split("\n").filter(Boolean).length }));
+}
+function appendMemory(file, text) {
+  const prefix = existsSync(file) && !readFileSync(file, "utf8").endsWith("\n") ? "\n" : "";
+  appendFileSync(file, `${prefix}- ${text.trim()}
+`);
+}
+function parseMemoryArgs(args) {
+  const match = /^global(?:\s+|$)/i.exec(args.trim());
+  return match ? { global: true, text: args.trim().slice(match[0].length).trim() } : { global: false, text: args.trim() };
+}
+
+// src/ui/Markdown.tsx
+import { Box, Text } from "ink";
+
+// src/ui/theme.ts
+function color(name) {
+  return process.env.NO_COLOR ? void 0 : name;
+}
+var ACCENT = "green";
+
+// src/ui/Markdown.tsx
+import { jsx } from "react/jsx-runtime";
+function inline(line) {
+  return line.split(/(\*\*[^*]+\*\*|`[^`]+`)/g).map((part, i) => {
+    if (part.length > 4 && part.startsWith("**") && part.endsWith("**")) {
+      return /* @__PURE__ */ jsx(Text, { bold: true, children: part.slice(2, -2) }, i);
+    }
+    if (part.length > 2 && part.startsWith("`") && part.endsWith("`")) {
+      return /* @__PURE__ */ jsx(Text, { color: color("cyan"), children: part.slice(1, -1) }, i);
+    }
+    return part;
+  });
+}
+function Markdown({ text }) {
+  let inCode = false;
+  const rows = [];
+  text.split("\n").forEach((line, i) => {
+    if (line.trimStart().startsWith("```")) {
+      inCode = !inCode;
+      return;
+    }
+    rows.push(
+      inCode ? /* @__PURE__ */ jsx(Text, { color: color("cyan"), children: `  ${line}` }, i) : /* @__PURE__ */ jsx(Text, { children: line ? inline(line) : " " }, i)
+    );
+  });
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: rows });
+}
+
+// src/ui/LinePrompt.tsx
+import { Box as Box2, Text as Text2, useInput } from "ink";
+import { useState } from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function LinePrompt({ label, mask, onSubmit, onCancel }) {
+  const [value, setValue] = useState("");
+  useInput((input, key) => {
+    if (key.return) onSubmit(value.trim());
+    else if (key.escape) onCancel();
+    else if (key.backspace || key.delete) setValue((v) => v.slice(0, -1));
+    else if (!key.ctrl && !key.meta && !key.tab && !key.upArrow && !key.downArrow) setValue((v) => v + input.replace(/[\r\n]/g, ""));
+  });
+  const shown = mask ? "\u2022".repeat(value.length) : value;
+  return /* @__PURE__ */ jsx2(Box2, { borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: /* @__PURE__ */ jsxs(Text2, { children: [
+    `${label}: `,
+    shown,
+    /* @__PURE__ */ jsx2(Text2, { inverse: true, children: " " }),
+    /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "   enter simpan \xB7 esc batal" })
+  ] }) });
+}
+
+// src/ui/ListPicker.tsx
+import { Box as Box3, Text as Text3, useInput as useInput2 } from "ink";
+import { useState as useState2 } from "react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var VISIBLE = 12;
+function ListPicker({ title, items, onPick }) {
+  const [filter, setFilter] = useState2("");
+  const [index, setIndex] = useState2(0);
+  const shown = items.filter((i) => i.label.toLowerCase().includes(filter.toLowerCase()));
+  const cursor = Math.min(index, Math.max(0, shown.length - 1));
+  useInput2((input, key) => {
+    if (key.upArrow) setIndex(Math.max(0, cursor - 1));
+    else if (key.downArrow) setIndex(Math.min(shown.length - 1, cursor + 1));
+    else if (key.return && !shown[cursor]?.disabled) onPick(shown[cursor]?.id);
+    else if (key.escape) onPick(void 0);
+    else if (key.backspace || key.delete) {
+      setFilter((f) => f.slice(0, -1));
+      setIndex(0);
+    } else if (!key.ctrl && !key.meta && !key.tab && input) {
+      setFilter((f) => f + input);
+      setIndex(0);
+    }
+  });
+  const start = Math.max(0, Math.min(cursor - 5, shown.length - VISIBLE));
+  return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
+    /* @__PURE__ */ jsx3(Text3, { bold: true, children: `${title} (\u2191\u2193 enter \xB7 ketik untuk menyaring${filter ? `: ${filter}` : ""} \xB7 esc batal)` }),
+    shown.slice(start, start + VISIBLE).map((item, i) => /* @__PURE__ */ jsxs2(Text3, { color: start + i === cursor && !item.disabled ? color("green") : void 0, dimColor: item.disabled, children: [
+      `${start + i === cursor ? "\u203A" : " "} ${item.label}`,
+      item.hint ? /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: `   ${item.hint}` }) : null
+    ] }, item.id)),
+    shown.length ? null : /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "Tidak ada yang cocok." })
+  ] });
+}
+
+// src/ui/ModelPicker.tsx
+import { Box as Box4, Text as Text4, useInput as useInput3 } from "ink";
+import { useState as useState3 } from "react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var VISIBLE2 = 14;
+function ModelPicker({ groups, current, onPick }) {
+  const [filter, setFilter] = useState3("");
+  const [index, setIndex] = useState3(0);
+  const needle = filter.toLowerCase();
+  const rows = [];
+  for (const g of groups) {
+    if (g.error) continue;
+    const models = g.models.filter((m) => m.toLowerCase().includes(needle));
+    if (!models.length) continue;
+    rows.push({ kind: "header", text: g.providerName });
+    for (const m of models) rows.push({ kind: "model", ref: `${g.providerId}/${m}`, label: m });
+  }
+  const selectable = rows.flatMap((r, i) => r.kind === "model" ? [i] : []);
+  const cursor = selectable[Math.min(index, selectable.length - 1)] ?? -1;
+  useInput3((input, key) => {
+    if (key.upArrow) setIndex((i) => Math.max(0, i - 1));
+    else if (key.downArrow) setIndex((i) => Math.min(selectable.length - 1, i + 1));
+    else if (key.return) {
+      const row = rows[cursor];
+      if (row?.kind === "model") onPick(row.ref);
+    } else if (key.escape) onPick(void 0);
+    else if (key.backspace || key.delete) {
+      setFilter((f) => f.slice(0, -1));
+      setIndex(0);
+    } else if (!key.ctrl && !key.meta && !key.tab && input) {
+      setFilter((f) => f + input);
+      setIndex(0);
+    }
+  });
+  const start = Math.max(0, Math.min(cursor - 5, rows.length - VISIBLE2));
+  return /* @__PURE__ */ jsxs3(Box4, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
+    /* @__PURE__ */ jsx4(Text4, { bold: true, children: `Pilih model (ketik untuk menyaring${filter ? `: ${filter}` : ""} \xB7 \u2191\u2193 enter \xB7 esc batal)` }),
+    rows.slice(start, start + VISIBLE2).map(
+      (row, i) => row.kind === "header" ? /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: `\u2500\u2500 ${row.text} ` }, `h${start + i}`) : /* @__PURE__ */ jsx4(Text4, { color: start + i === cursor ? color("green") : void 0, children: `${start + i === cursor ? "\u203A" : " "} ${row.label}${row.ref === current ? "  (aktif)" : ""}` }, row.ref)
+    ),
+    !selectable.length ? /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "Tidak ada model yang cocok." }) : null,
+    groups.filter((g) => g.error).map((g) => /* @__PURE__ */ jsx4(Text4, { color: color("yellow"), children: `${g.providerName} \u2014 ${g.error}` }, `e-${g.providerId}`))
+  ] });
+}
+
+// src/ui/ProviderMenu.tsx
+import { Box as Box5, Text as Text5, useInput as useInput4 } from "ink";
+import { useState as useState4 } from "react";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function ProviderMenu({ entries, onPick }) {
+  const rows = [...entries.map((e) => e.id), "custom"];
+  const [index, setIndex] = useState4(0);
+  useInput4((_input, key) => {
+    if (key.upArrow) setIndex((i) => Math.max(0, i - 1));
+    else if (key.downArrow) setIndex((i) => Math.min(rows.length - 1, i + 1));
+    else if (key.return) onPick(rows[index]);
+    else if (key.escape) onPick(void 0);
+  });
+  return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
+    /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Provider (\u2191\u2193 enter, esc batal) \xB7 \u2713 siap \xB7 \u25CB butuh API key" }),
+    entries.map((e, i) => /* @__PURE__ */ jsxs4(Text5, { color: i === index ? color("green") : void 0, children: [
+      `${i === index ? "\u203A" : " "} ${e.ready ? "\u2713" : "\u25CB"} ${e.name}`,
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `  ${e.baseURL}` })
+    ] }, e.id)),
+    /* @__PURE__ */ jsx5(Text5, { color: index === rows.length - 1 ? color("green") : void 0, children: `${index === rows.length - 1 ? "\u203A" : " "}   Custom\u2026` })
+  ] });
+}
+
+// src/ui/PermissionPrompt.tsx
+import { Box as Box7, Text as Text7, useInput as useInput5 } from "ink";
+
+// src/ui/DiffView.tsx
+import { Box as Box6, Text as Text6 } from "ink";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function DiffView({ diff }) {
+  return /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", children: diff.split("\n").map((line, i) => {
+    const mark = line[6];
+    const c = mark === "+" ? color("green") : mark === "-" ? color("red") : void 0;
+    return /* @__PURE__ */ jsx6(Text6, { color: c, dimColor: mark !== "+" && mark !== "-", children: line }, i);
+  }) });
+}
+
+// src/ui/PermissionPrompt.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var VERB = { edit: "edit", write: "tulis", bash: "jalankan", fetch: "ambil" };
+function PermissionPrompt({
+  request,
+  onAnswer
+}) {
+  useInput5((input, key) => {
+    const k2 = input.toLowerCase();
+    if (k2 === "y") onAnswer("yes");
+    else if (k2 === "a" && request.sessionRules?.length) onAnswer("session");
+    else if (k2 === "s") onAnswer("all");
+    else if (k2 === "n" || key.escape) onAnswer("no");
+  });
+  const rules = request.sessionRules ?? [];
+  const sessionLabel = !rules.length ? null : request.kind === "edit" ? "ya untuk semua edit di project ini, sesi ini" : `ya sesi ini untuk ${rules.join(", ")}`;
+  return /* @__PURE__ */ jsxs5(Box7, { flexDirection: "column", borderStyle: "round", borderColor: color("yellow"), paddingX: 1, children: [
+    /* @__PURE__ */ jsx7(Text7, { bold: true, children: `${request.agent ? `[${request.agent}] ` : ""}Izinkan ${VERB[request.tool] ?? request.tool} ${request.target}?` }),
+    request.preview ? /* @__PURE__ */ jsx7(DiffView, { diff: request.preview }) : null,
+    /* @__PURE__ */ jsxs5(Text7, { children: [
+      /* @__PURE__ */ jsx7(Text7, { color: color("green"), children: "[y] ya" }),
+      "   ",
+      sessionLabel ? /* @__PURE__ */ jsx7(Text7, { color: color("cyan"), children: `[a] ${sessionLabel}   ` }) : null,
+      /* @__PURE__ */ jsx7(Text7, { color: color("yellow"), children: "[s] ya semua   " }),
+      /* @__PURE__ */ jsx7(Text7, { color: color("red"), children: "[n] tidak" })
+    ] })
+  ] });
+}
+
+// src/ui/PromptInput.tsx
+import { Box as Box8, Text as Text8, useInput as useInput6 } from "ink";
+import { useState as useState5 } from "react";
+
+// src/ui/complete.ts
+import fg from "fast-glob";
+function completeFile(value, cwd) {
+  const match = /(^|\s)@([^\s]*)$/.exec(value);
+  if (!match) return value;
+  const prefix = match[2];
+  const escaped = prefix.replace(/([*?[\]{}()!])/g, "\\$1");
+  const found = fg.sync(`${escaped}*`, { cwd, ignore: ignorePatterns(cwd), onlyFiles: false, markDirectories: true, dot: false }).sort();
+  if (!found.length) return value;
+  const pick = found[0];
+  return `${value.slice(0, value.length - prefix.length)}${pick}${pick.endsWith("/") ? "" : " "}`;
+}
+
+// src/ui/PromptInput.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function PromptInput({ disabled, history, cwd, onSubmit, extraCommands }) {
+  const [value, setValue] = useState5("");
+  const [historyIndex, setHistoryIndex] = useState5(null);
+  const [selected, setSelected] = useState5(0);
+  const all = [...SLASH_COMMANDS, ...(extraCommands ?? []).filter((c) => !SLASH_COMMANDS.some((b) => b.name === c.name))];
+  const suggestions = value.startsWith("/") && !/\s/.test(value) ? all.filter((c) => c.name.startsWith(value.slice(1))).slice(0, 8) : [];
+  const highlighted = Math.min(selected, Math.max(0, suggestions.length - 1));
+  const edit = (next) => {
+    setValue(next);
+    setSelected(0);
+  };
+  useInput6(
+    (input, key) => {
+      if (suggestions.length) {
+        if (key.upArrow) {
+          setSelected(Math.max(0, highlighted - 1));
+          return;
+        }
+        if (key.downArrow) {
+          setSelected(Math.min(suggestions.length - 1, highlighted + 1));
+          return;
+        }
+        if (key.tab && !key.shift) {
+          edit(`/${suggestions[highlighted].name} `);
+          return;
+        }
+        if (key.return) {
+          edit("");
+          setHistoryIndex(null);
+          onSubmit(`/${suggestions[highlighted].name}`);
+          return;
+        }
+      }
+      if (key.return) {
+        if (value.endsWith("\\")) {
+          edit(`${value.slice(0, -1)}
+`);
+          return;
+        }
+        const text = value.trim();
+        if (!text) return;
+        edit("");
+        setHistoryIndex(null);
+        onSubmit(text);
+        return;
+      }
+      if (key.backspace || key.delete) {
+        edit((v) => v.slice(0, -1));
+        return;
+      }
+      if (key.upArrow) {
+        if (!history.length) return;
+        const i = historyIndex === null ? history.length - 1 : Math.max(0, historyIndex - 1);
+        setHistoryIndex(i);
+        setValue(history[i]);
+        return;
+      }
+      if (key.downArrow) {
+        if (historyIndex === null) return;
+        const i = historyIndex + 1;
+        setHistoryIndex(i >= history.length ? null : i);
+        setValue(i >= history.length ? "" : history[i]);
+        return;
+      }
+      if (key.tab && !key.shift) {
+        edit((v) => completeFile(v, cwd));
+        return;
+      }
+      if (key.ctrl || key.meta || key.escape || key.tab || key.leftArrow || key.rightArrow) return;
+      edit((v) => v + input.replace(/\r/g, "\n"));
+    },
+    { isActive: !disabled }
+  );
+  return /* @__PURE__ */ jsxs6(Box8, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx8(Box8, { borderStyle: "round", borderColor: color("gray"), paddingX: 1, children: /* @__PURE__ */ jsxs6(Text8, { children: [
+      /* @__PURE__ */ jsx8(Text8, { color: color("green"), children: "> " }),
+      value,
+      disabled ? "" : /* @__PURE__ */ jsx8(Text8, { inverse: true, children: " " })
+    ] }) }),
+    suggestions.map((s, i) => /* @__PURE__ */ jsx8(Text8, { color: i === highlighted ? color("green") : void 0, dimColor: i !== highlighted, children: `${i === highlighted ? "\u203A" : " "} /${s.name}  ${s.description}` }, s.name))
+  ] });
+}
+
+// src/ui/Spinner.tsx
+import { Text as Text9 } from "ink";
+import { useEffect, useState as useState6 } from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var FRAMES = ["\xB7", "\u2722", "\u2733", "\u2736", "\u273B", "\u273D"];
+function Spinner({ label, startedAt }) {
+  const [tick, setTick] = useState6(0);
+  useEffect(() => {
+    const id = setInterval(() => setTick((t) => t + 1), 120);
+    return () => clearInterval(id);
+  }, []);
+  const seconds = Math.floor((Date.now() - startedAt) / 1e3);
+  return /* @__PURE__ */ jsx9(Text9, { color: color(ACCENT), children: `${FRAMES[tick % FRAMES.length]} ${label}\u2026 (${seconds} dtk \xB7 esc batal)` });
+}
+
+// src/ui/StatusBar.tsx
+import { Text as Text10 } from "ink";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var LABEL = {
+  default: "\u23F5 default",
+  acceptEdits: "\u23F5 accept edits",
+  plan: "\u23F8 plan mode",
+  allowAll: "\u23F5\u23F5 allow all"
+};
+function formatTokens(n) {
+  return n >= 1e3 ? `${Math.round(n / 1e3)}k` : String(n);
+}
+function StatusBar({ mode, tokens, busy, model, reasoning = "auto" }) {
+  const danger = mode === "allowAll";
+  return /* @__PURE__ */ jsx10(Text10, { color: danger ? color("red") : void 0, dimColor: !danger, children: `  ${LABEL[mode]}${model ? ` \xB7 ${model}` : ""} \xB7 reasoning: ${reasoning} \xB7 shift+tab ganti mode \xB7 ${formatTokens(tokens)} token \xB7 ${busy ? "esc batal" : "/ perintah"}` });
+}
+
+// src/ui/McpMenu.tsx
+import { Box as Box9, Text as Text11, useInput as useInput7 } from "ink";
+import { useState as useState7 } from "react";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+var MARK = { ready: "\u2713", error: "\u2717", starting: "\u2026", off: "\u25CB" };
+function McpMenu({ items, onPick }) {
+  const [index, setIndex] = useState7(0);
+  useInput7((_input, key) => {
+    if (key.upArrow) setIndex((i) => Math.max(0, i - 1));
+    else if (key.downArrow) setIndex((i) => Math.min(items.length - 1, i + 1));
+    else if (key.return) onPick(items[index]?.name);
+    else if (key.escape) onPick(void 0);
+  });
+  return /* @__PURE__ */ jsxs7(Box9, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
+    /* @__PURE__ */ jsx11(Text11, { bold: true, children: "Server MCP (enter: pasang / hapus \xB7 esc tutup) \xB7 \u2713 aktif \u25CB belum \u2717 error" }),
+    items.map((item, i) => /* @__PURE__ */ jsxs7(Text11, { color: i === index ? color("green") : void 0, children: [
+      `${i === index ? "\u203A" : " "} ${MARK[item.status]} ${item.name.padEnd(12)}`,
+      /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: item.status === "error" ? ` ${item.error ?? ""}` : ` ${item.description}` })
+    ] }, item.name))
+  ] });
+}
+
+// src/ui/PlanApproval.tsx
+import { Box as Box10, Text as Text12, useInput as useInput8 } from "ink";
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+function PlanApproval({ plan, onAnswer }) {
+  useInput8((input, key) => {
+    const k2 = input.toLowerCase();
+    if (k2 === "a") onAnswer("acceptEdits");
+    else if (k2 === "y") onAnswer("default");
+    else if (k2 === "n" || key.escape) onAnswer("no");
+  });
+  return /* @__PURE__ */ jsxs8(Box10, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
+    /* @__PURE__ */ jsx12(Text12, { bold: true, children: "Rencana dari agent" }),
+    /* @__PURE__ */ jsx12(Markdown, { text: plan }),
+    /* @__PURE__ */ jsxs8(Text12, { children: [
+      /* @__PURE__ */ jsx12(Text12, { color: color("green"), children: "[a] ya, edit otomatis" }),
+      "   ",
+      /* @__PURE__ */ jsx12(Text12, { color: color("cyan"), children: "[y] ya, tanya tiap langkah" }),
+      "   ",
+      /* @__PURE__ */ jsx12(Text12, { color: color("red"), children: "[n] belum, perbaiki dulu" })
+    ] })
+  ] });
+}
+
+// src/ui/TodoList.tsx
+import { Box as Box11, Text as Text13 } from "ink";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var MARK2 = { completed: "\u2611", in_progress: "\u25FC", pending: "\u2610" };
+function TodoList({ items }) {
+  if (!items.length || items.every((t) => t.status === "completed")) return null;
+  return /* @__PURE__ */ jsx13(Box11, { flexDirection: "column", marginLeft: 2, marginTop: 1, children: items.map((t, i) => /* @__PURE__ */ jsx13(Text13, { dimColor: t.status === "completed", color: t.status === "in_progress" ? color("yellow") : void 0, children: `${MARK2[t.status]} ${t.content}` }, i)) });
+}
+
+// src/ui/ToolBlock.tsx
+import { Box as Box12, Text as Text14 } from "ink";
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+var PREVIEW_LINES = 5;
+function ToolBlock({ tool, target, output, display, isError, done, expanded, sub }) {
+  const isTask = tool === "task";
+  const isDiff = !!display && /^\s*\d+ [+\- ] /.test(display);
+  const lines = (output ?? "").split("\n");
+  const shown = expanded ? lines : lines.slice(0, PREVIEW_LINES);
+  return /* @__PURE__ */ jsxs9(Box12, { flexDirection: "column", marginLeft: 2, children: [
+    /* @__PURE__ */ jsxs9(Text14, { children: [
+      /* @__PURE__ */ jsx14(Text14, { color: isError ? color("red") : done ? color("green") : color("yellow"), children: "\u23BF " }),
+      /* @__PURE__ */ jsx14(Text14, { bold: true, children: toolLabel(tool) }),
+      /* @__PURE__ */ jsx14(Text14, { children: `  ${target}` }),
+      display && !isDiff && !isTask ? /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: `  (${display})` }) : null
+    ] }),
+    sub?.length ? /* @__PURE__ */ jsxs9(Box12, { flexDirection: "column", marginLeft: 3, children: [
+      sub.slice(-6).map((s) => /* @__PURE__ */ jsx14(Text14, { dimColor: s.done && !s.isError, color: s.isError ? color("red") : void 0, children: `\u23BF ${toolLabel(s.tool)}  ${s.target}` }, s.id)),
+      sub.length > 6 ? /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: `\u2026 ${sub.length - 6} langkah sebelumnya` }) : null
+    ] }) : null,
+    isTask && done ? /* @__PURE__ */ jsx14(Box12, { marginLeft: 3, children: /* @__PURE__ */ jsx14(Text14, { color: isError ? color("red") : color("green"), children: `${isError ? "\u2717 gagal" : "\u2713 selesai"}${display ? ` \xB7 ${display}` : ""}` }) }) : null,
+    isDiff ? /* @__PURE__ */ jsx14(Box12, { marginLeft: 3, children: /* @__PURE__ */ jsx14(DiffView, { diff: display }) }) : output && (isError || tool === "bash") && !(isTask && !isError) ? /* @__PURE__ */ jsxs9(Box12, { flexDirection: "column", marginLeft: 3, children: [
+      shown.map((line, i) => /* @__PURE__ */ jsx14(Text14, { dimColor: !isError, color: isError ? color("red") : void 0, children: line }, i)),
+      lines.length > shown.length ? /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: `\u2026 ${lines.length - shown.length} baris lagi (ctrl+o)` }) : null
+    ] }) : null
+  ] });
+}
+
+// src/ui/transcript.ts
+var nextId = 0;
+var entry = (e) => ({ ...e, id: nextId++ });
+var NOTICES = {
+  compacted: ["Percakapan diringkas agar muat di konteks model.", "info"],
+  stepLimit: ['Batas 50 langkah tercapai. Ketik "lanjut" untuk meneruskan.', "warn"],
+  aborted: ["Dibatalkan.", "warn"]
+};
+var isEmptyCont = (e) => e.kind === "assistant" && e.cont && !e.text;
+function endTurn(t) {
+  return { done: [...t.done, ...t.live.filter((e) => !isEmptyCont(e))], live: [] };
+}
+var TOOL_MARKUP = /<\/?tool_call>|<\/?arg_(?:key|value)>|Tool call list|^\s*\d+\.\s*Tool:|`\s*=\s*`/;
+function finishedCut(text) {
+  let inFence = false;
+  let pos = 0;
+  let cut = -1;
+  const lines = text.split("\n");
+  for (const line of lines.slice(0, -1)) {
+    if (TOOL_MARKUP.test(line)) break;
+    if (line.trimStart().startsWith("```")) inFence = !inFence;
+    pos += line.length + 1;
+    if (!inFence) cut = pos - 1;
+  }
+  return cut;
+}
+function flushLines(t) {
+  const last = t.live.at(-1);
+  if (last?.kind !== "assistant") return t;
+  const cut = finishedCut(last.text);
+  if (cut < 0) return t;
+  const chunk = last.text.slice(0, cut);
+  if (!last.cont && !chunk.trim()) return t;
+  const rest = entry({ kind: "assistant", text: last.text.slice(cut + 1), cont: true, flushed: (last.flushed ?? 0) + cut + 1 });
+  return { done: [...t.done, ...t.live.slice(0, -1).filter((e) => !isEmptyCont(e)), { ...last, text: chunk || " " }], live: [rest] };
+}
+function applyEvent(t, event) {
+  switch (event.type) {
+    case "text": {
+      const last = t.live.at(-1);
+      if (last?.kind === "assistant") return flushLines({ ...t, live: [...t.live.slice(0, -1), { ...last, text: last.text + event.delta }] });
+      return flushLines({ ...t, live: [...t.live, entry({ kind: "assistant", text: event.delta })] });
+    }
+    case "thinking": {
+      const last = t.live.at(-1);
+      if (last?.kind === "thinking") return { ...t, live: [...t.live.slice(0, -1), { ...last, text: last.text + event.delta }] };
+      return { ...t, live: [...t.live, entry({ kind: "thinking", text: event.delta })] };
+    }
+    case "textReplace": {
+      const last = t.live.at(-1);
+      if (last?.kind !== "assistant") return t;
+      return { ...t, live: [...t.live.slice(0, -1), { ...last, text: event.text.slice(last.flushed ?? 0) }] };
+    }
+    case "toolStart": {
+      const running = t.live.some((e) => e.kind === "tool" && !e.done);
+      const tool = entry({ kind: "tool", callId: event.id, tool: event.tool, target: event.target, done: false });
+      return running ? { ...t, live: [...t.live, tool] } : { done: [...t.done, ...t.live.filter((e) => !isEmptyCont(e))], live: [tool] };
+    }
+    case "toolEnd": {
+      const live = t.live.map(
+        (e) => e.kind === "tool" && e.callId === event.id ? { ...e, output: event.output, display: event.display, isError: event.isError, done: true } : e
+      );
+      const firstRunning = live.findIndex((e) => e.kind === "tool" && !e.done);
+      const cut = firstRunning === -1 ? live.length : firstRunning;
+      return { done: [...t.done, ...live.slice(0, cut)], live: live.slice(cut) };
+    }
+    case "subagent": {
+      const inner = event.event;
+      if (inner.type !== "toolStart" && inner.type !== "toolEnd") return t;
+      const update = (e) => {
+        if (e.kind !== "tool" || e.callId !== event.parentId) return e;
+        const sub = e.sub ?? [];
+        if (inner.type === "toolStart") return { ...e, sub: [...sub, { id: inner.id, tool: inner.tool, target: inner.target, done: false }] };
+        return { ...e, sub: sub.map((s) => s.id === inner.id ? { ...s, done: true, isError: inner.isError } : s) };
+      };
+      return { ...t, live: t.live.map(update) };
+    }
+    case "error":
+      return { ...t, live: [...t.live, entry({ kind: "notice", text: `Error: ${event.message}`, tone: "error" })] };
+    default: {
+      const notice = NOTICES[event.type];
+      return notice ? { ...t, live: [...t.live, entry({ kind: "notice", text: notice[0], tone: notice[1] })] } : t;
+    }
+  }
+}
+
+// src/ui/App.tsx
+import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+function helpText(runtime) {
+  const custom = runtime.commands.filter((c) => !SLASH_COMMANDS.some((b) => b.name === c.name));
+  return [
+    ...SLASH_COMMANDS.map((c) => `/${c.name.padEnd(12)} ${c.description}`),
+    ...custom.length ? ["", "Perintah custom:", ...custom.map((c) => `/${c.name.padEnd(8)} ${c.description ?? ""}`)] : [],
+    ...runtime.skills.length ? ["", "Skill:", ...runtime.skills.map((s) => `/${s.name.padEnd(8)} ${s.description.slice(0, 60)}`)] : [],
+    "",
+    "shift+tab  ganti mode izin    esc  batalkan giliran",
+    "ctrl+o     output alat terakhir lengkap    \\ + enter  baris baru",
+    "ctrl+t     buka/tutup thinking model",
+    "@file + tab  lengkapi nama file    \u2191\u2193  riwayat input"
+  ].join("\n");
+}
+var INIT_PROMPT = "Pelajari project ini (struktur folder, file package/build, perintah test dan lint, konvensi kode yang terlihat). Lalu buat AGENTS.md di root project, atau perbarui bila sudah ada, berisi: cara build, test, dan lint; struktur singkat; konvensi penting. Ringkas dan faktual, hanya yang benar-benar ada di project.";
+var labelFor = (runtime, ref) => `${ref.slice(ref.indexOf("/") + 1)} \xB7 ${runtime.providerLabel()}`;
+function App({ runtime, initialPrompt, version }) {
+  const { exit } = useApp();
+  const [transcript, setTranscript] = useState8(() => ({ done: [entry({ kind: "header" })], live: [] }));
+  const [busy, setBusy] = useState8(false);
+  const [startedAt, setStartedAt] = useState8(0);
+  const [mode, setMode] = useState8(runtime.agent.permissions.mode);
+  const [reasoning, setReasoning] = useState8(runtime.reasoning);
+  const [tokens, setTokens] = useState8(runtime.agent.totalUsage.inputTokens + runtime.agent.totalUsage.outputTokens);
+  const [asks, setAsks] = useState8([]);
+  const pending = asks[0] ?? null;
+  const askId = useRef(0);
+  const [picker, setPicker] = useState8(null);
+  const [providerMenu, setProviderMenu] = useState8(null);
+  const [prompt, setPrompt] = useState8(null);
+  const ask = useCallback((label, mask = false) => new Promise((resolve2) => setPrompt({ label, mask, resolve: resolve2 })), []);
+  const [modelLabel, setModelLabel] = useState8(() => labelFor(runtime, runtime.modelRef));
+  const [history, setHistory] = useState8([]);
+  const controller = useRef(null);
+  const [todos, setTodos] = useState8(runtime.todos.items);
+  const [mcpMenu, setMcpMenu] = useState8(null);
+  const [listPicker, setListPicker] = useState8(null);
+  const [planAsk, setPlanAsk] = useState8(null);
+  const [queued, setQueued] = useState8([]);
+  const [showThinking, setShowThinking] = useState8(false);
+  useEffect2(() => runtime.todos.subscribe(setTodos), [runtime]);
+  const extraCommands = [
+    ...runtime.commands.filter((c) => !SLASH_COMMANDS.some((b) => b.name === c.name.toLowerCase())).map((c) => ({ name: c.name.toLowerCase(), description: c.description ?? "perintah custom" })),
+    ...runtime.skills.filter((s) => !runtime.commands.some((c) => c.name.toLowerCase() === s.name.toLowerCase())).filter((s) => !SLASH_COMMANDS.some((b) => b.name === s.name.toLowerCase())).map((s) => ({ name: s.name, description: `skill \xB7 ${s.description.slice(0, 50)}` }))
+  ];
+  const lastTool = useRef(null);
+  const toolTargets = useRef(/* @__PURE__ */ new Map());
+  const notice = useCallback((text, tone = "info") => {
+    setTranscript((t) => ({ ...t, done: [...t.done, entry({ kind: "notice", text, tone })] }));
+  }, []);
+  const onEvent = useCallback((event) => {
+    if (event.type === "toolStart") toolTargets.current.set(event.id, event.target);
+    if (event.type === "toolEnd") {
+      lastTool.current = { tool: event.tool, target: toolTargets.current.get(event.id) ?? "", output: event.output };
+    }
+    if (event.type === "usage") setTokens(event.inputTokens + event.outputTokens);
+    setTranscript((t) => applyEvent(t, event));
+  }, []);
+  useEffect2(() => {
+    runtime.agent.onEvent = onEvent;
+    runtime.agent.askPermission = (request) => new Promise((resolve2) => setAsks((q) => [...q, { id: askId.current++, request, resolve: resolve2 }]));
+    runtime.interaction.approvePlan = (plan) => new Promise((resolve2) => setPlanAsk({ plan, resolve: resolve2 }));
+  }, [runtime, onEvent]);
+  const runTurn = useCallback(
+    async (text) => {
+      setTranscript((t) => ({ ...t, done: [...t.done, entry({ kind: "user", text })] }));
+      setBusy(true);
+      setStartedAt(Date.now());
+      controller.current = new AbortController();
+      await runtime.agent.run(text, controller.current.signal);
+      controller.current = null;
+      setTranscript(endTurn);
+      setBusy(false);
+    },
+    [runtime]
+  );
+  const runSlashCommand = useCallback(
+    async (name, args) => {
+      switch (name) {
+        case "help":
+          notice(helpText(runtime));
+          return;
+        case "exit":
+          exit();
+          return;
+        case "clear":
+          runtime.agent.clear();
+          setTokens(0);
+          notice("Percakapan dikosongkan.");
+          return;
+        case "cost": {
+          const u = runtime.agent.totalUsage;
+          notice(`${u.inputTokens.toLocaleString("id-ID")} token masuk \xB7 ${u.outputTokens.toLocaleString("id-ID")} token keluar`);
+          return;
+        }
+        case "compact": {
+          setBusy(true);
+          setStartedAt(Date.now());
+          controller.current = new AbortController();
+          try {
+            await runtime.agent.compact(controller.current.signal);
+          } catch (error) {
+            notice(`Gagal meringkas: ${error.message}`, "error");
+          }
+          controller.current = null;
+          setBusy(false);
+          return;
+        }
+        case "reasoning": {
+          const apply = (value) => {
+            try {
+              const level = parseReasoningLevel(value, "/reasoning");
+              const providerId2 = runtime.modelRef.slice(0, runtime.modelRef.indexOf("/"));
+              assertReasoningSupported(providerId2, level);
+              runtime.setReasoning(level);
+              writeGlobalConfig({ reasoning: level }, runtime.env);
+              setReasoning(level);
+              notice(`Reasoning: ${level} (tersimpan sebagai default)`);
+            } catch (error) {
+              notice(error.message, "error");
+            }
+          };
+          if (args) {
+            apply(args);
+            return;
+          }
+          const providerId = runtime.modelRef.slice(0, runtime.modelRef.indexOf("/"));
+          const supported = supportedReasoningLevels(providerId);
+          setListPicker({
+            title: "Reasoning",
+            items: REASONING_LEVELS.map((level) => ({
+              id: level,
+              label: level === "auto" ? "Auto (model default)" : level.charAt(0).toUpperCase() + level.slice(1),
+              disabled: !supported.includes(level),
+              hint: supported.includes(level) ? void 0 : "tidak didukung provider ini"
+            })),
+            onPick: (id) => {
+              setListPicker(null);
+              if (id) apply(id);
+            }
+          });
+          return;
+        }
+        case "model": {
+          if (args) {
+            try {
+              runtime.setModel(args);
+              writeGlobalConfig({ model: args }, runtime.env);
+              setModelLabel(labelFor(runtime, args));
+              notice(`Model: ${args} (tersimpan sebagai default)`);
+            } catch (error) {
+              notice(error.message, "error");
+            }
+            return;
+          }
+          try {
+            setPicker(await runtime.listModels());
+          } catch (error) {
+            notice(`Tidak bisa mengambil daftar model: ${error.message}`, "error");
+          }
+          return;
+        }
+        case "mcp": {
+          const installed = readMcpFile(globalMcpPath(runtime.home));
+          const states = runtime.mcp.states();
+          const items = [
+            ...CATALOG.map((c) => ({ name: c.name, description: c.description, installed: !!installed[c.name] })),
+            ...Object.keys(installed).filter((n) => !CATALOG.some((c) => c.name === n)).map((n) => ({ name: n, description: "(custom)", installed: true }))
+          ].map((i) => {
+            const s = states.find((st) => st.name === i.name);
+            return { ...i, status: s?.status ?? "off", error: s?.error };
+          });
+          setMcpMenu(items);
+          return;
+        }
+        case "new":
+          runtime.newSession();
+          setTokens(0);
+          notice("Sesi baru dimulai. Sesi sebelumnya tetap tersimpan (/resume).");
+          return;
+        case "session":
+          notice(
+            sessionText({
+              file: runtime.session.file,
+              started: runtime.startedAt,
+              messages: runtime.agent.messages.length,
+              usage: runtime.agent.totalUsage,
+              modelRef: runtime.modelRef
+            })
+          );
+          return;
+        case "resume": {
+          const others = Session.list(runtime.home, runtime.cwd).filter((s) => s.session.file !== runtime.session.file);
+          if (!others.length) {
+            notice("Belum ada sesi lain di folder ini.");
+            return;
+          }
+          setListPicker({
+            title: "Lanjutkan sesi",
+            items: others.map((s) => ({
+              id: s.session.file,
+              label: `${s.mtime.toLocaleString("id-ID")}  ${s.preview || "(kosong)"}`,
+              hint: `${s.session.load().length} pesan`
+            })),
+            onPick: (id) => {
+              setListPicker(null);
+              const chosen = others.find((s) => s.session.file === id);
+              if (!chosen) return;
+              runtime.resume(chosen.session);
+              setTokens(0);
+              const chat = runtime.agent.messages.filter(
+                (m) => (m.role === "user" || m.role === "assistant") && typeof m.content === "string" && !!m.content.trim()
+              );
+              setTranscript({
+                done: [
+                  entry({ kind: "header" }),
+                  entry({
+                    kind: "notice",
+                    text: `Melanjutkan sesi (${runtime.agent.messages.length} pesan tersimpan \xB7 ${chat.length} chat user/assistant ditampilkan).`,
+                    tone: "info"
+                  }),
+                  ...chat.map(
+                    (m) => entry(m.role === "user" ? { kind: "user", text: m.content } : { kind: "assistant", text: m.content })
+                  )
+                ],
+                live: []
+              });
+            }
+          });
+          return;
+        }
+        case "status":
+          notice(
+            statusText({
+              version,
+              modelRef: runtime.modelRef,
+              providerLabel: runtime.providerLabel(),
+              mode: runtime.agent.permissions.mode,
+              cwd: runtime.cwd,
+              mcp: runtime.mcp.states(),
+              usage: runtime.agent.totalUsage,
+              lastInputTokens: runtime.agent.lastInputTokens
+            })
+          );
+          return;
+        case "agents":
+          notice(agentsText([...BUILTIN_AGENTS, ...runtime.agentDefs]));
+          return;
+        case "skills":
+          notice(skillsText(runtime.skills, runtime.commands));
+          return;
+        case "doctor": {
+          notice("Memeriksa\u2026");
+          const c = runtime.config;
+          notice(
+            await doctorText(
+              {
+                providers: Object.keys(c.providers).map((id) => ({ id, name: providerName(c, id), ready: hasKey(c, id, runtime.env) })),
+                mcp: runtime.mcp.states(),
+                activeProvider: runtime.providerLabel()
+              },
+              {
+                which: (cmd) => new Promise((done) => execFile2(process.platform === "win32" ? "where" : "which", [cmd], (error) => done(!error))),
+                nodeVersion: process.version,
+                listModels: () => runtime.agent.provider.listModels()
+              }
+            )
+          );
+          return;
+        }
+        case "permissions": {
+          const rules = runtime.agent.permissions.list();
+          if (!rules.length) {
+            notice("Belum ada izin tersimpan. Izin dari jawaban [a] dan dari config akan muncul di sini.");
+            return;
+          }
+          setListPicker({
+            title: "Izin aktif (enter: cabut izin sesi)",
+            items: rules.map((r) => ({ id: r.rule, label: r.rule, hint: r.source === "config" ? "config" : "sesi ini" })),
+            onPick: (id) => {
+              setListPicker(null);
+              const rule = rules.find((r) => r.rule === id);
+              if (!rule) return;
+              if (rule.source === "config") notice(`${rule.rule} berasal dari config/flag; hapus dari ~/.bccli/config.json untuk mencabutnya.`, "warn");
+              else {
+                runtime.agent.permissions.revoke(rule.rule);
+                notice(`Izin ${rule.rule} dicabut.`);
+              }
+            }
+          });
+          return;
+        }
+        case "memory": {
+          if (!args) {
+            const files = instructionFiles(runtime.cwd, runtime.home);
+            notice(files.length ? files.map((f) => `${f.path} (${f.lines} baris)`).join("\n") : "Belum ada AGENTS.md / BCCLI.md. Tambah dengan /memory <teks>.");
+            return;
+          }
+          const { global, text } = parseMemoryArgs(args);
+          if (!text) {
+            notice("Tulis teksnya: /memory global <teks>.", "warn");
+            return;
+          }
+          const file = global ? join(runtime.home, "BCCLI.md") : join(runtime.cwd, "AGENTS.md");
+          try {
+            mkdirSync(dirname(file), { recursive: true });
+            appendMemory(file, text);
+          } catch (error) {
+            notice(`Gagal menulis ${file}: ${error.message}`, "error");
+            return;
+          }
+          runtime.rebuildSystemPrompt();
+          notice(`Ditambahkan ke ${file}.`);
+          return;
+        }
+        case "init":
+          void runTurn(INIT_PROMPT);
+          return;
+        case "login": {
+          const id = runtime.modelRef.slice(0, runtime.modelRef.indexOf("/"));
+          const key = await ask(`API key untuk ${runtime.providerLabel()}`, true);
+          if (!key) return;
+          const result = await runtime.addProviderKey(id, key);
+          if (!result.ok) {
+            notice(result.error, "error");
+            return;
+          }
+          runtime.setModel(runtime.modelRef);
+          const envName = runtime.config.providers[id]?.apiKeyEnv;
+          if (envName && runtime.env[envName]) {
+            notice(`Key ${runtime.providerLabel()} tersimpan, tapi ${envName} di environment lebih diutamakan dan tetap dipakai.`, "warn");
+            return;
+          }
+          notice(`Key ${runtime.providerLabel()} tersimpan \xB7 ${result.models} model.`);
+          return;
+        }
+        case "logout": {
+          const id = runtime.modelRef.slice(0, runtime.modelRef.indexOf("/"));
+          const removed = removeCredential(id, runtime.env);
+          const envName = runtime.config.providers[id]?.apiKeyEnv;
+          if (envName && runtime.env[envName]) {
+            notice(
+              `${removed ? "Key tersimpan dihapus, tapi" : "Tidak ada key tersimpan;"} ${envName} masih ada di environment dan tetap dipakai.`,
+              "warn"
+            );
+            return;
+          }
+          if (!removed) {
+            notice(`Tidak ada key tersimpan untuk ${runtime.providerLabel()}.`);
+            return;
+          }
+          try {
+            runtime.setModel(runtime.modelRef);
+          } catch (error) {
+            const fail = async () => {
+              throw error;
+            };
+            runtime.agent.provider = { chat: fail, listModels: fail };
+          }
+          notice(`Key ${runtime.providerLabel()} dihapus. Pakai /login atau /provider untuk menambah lagi.`);
+          return;
+        }
+        case "diff":
+          notice(await gitDiff(runtime.cwd));
+          return;
+        case "undo": {
+          const result = await runtime.checkpoints.undo();
+          if (!result) {
+            notice("Tidak ada edit file yang bisa dibatalkan.");
+            return;
+          }
+          const rel = (p) => relative(runtime.cwd, p) || p;
+          notice(
+            [
+              result.failed.length ? `Gagal dikembalikan: ${result.failed.map(rel).join(", ")}` : "",
+              result.restored.length ? `Dikembalikan: ${result.restored.map(rel).join(", ")}` : "",
+              result.deleted.length ? `Dihapus (file baru): ${result.deleted.map(rel).join(", ")}` : "",
+              result.skipped.length ? `Terlalu besar untuk disimpan, tidak diubah: ${result.skipped.map(rel).join(", ")}` : "",
+              "Catatan: perubahan lewat perintah bash tidak bisa di-undo."
+            ].filter(Boolean).join("\n")
+          );
+          return;
+        }
+        case "copy": {
+          const last = runtime.agent.messages.findLast((m) => m.role === "assistant" && typeof m.content === "string" && m.content.trim());
+          if (!last || typeof last.content !== "string") {
+            notice("Belum ada jawaban untuk disalin.");
+            return;
+          }
+          process.stdout.write(osc52(last.content, !!process.env.TMUX));
+          const file = join(runtime.home, "last-answer.md");
+          mkdirSync(runtime.home, { recursive: true });
+          writeFileSync(file, last.content);
+          notice(`Disalin ke clipboard (bila terminal mendukung OSC 52) dan disimpan di ${file}.`);
+          return;
+        }
+        case "export": {
+          const name2 = args || `bccli-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 16).replace(/[:T]/g, "-")}.md`;
+          const file = resolve(runtime.cwd, name2);
+          if (existsSync2(file)) {
+            const answer2 = await ask(`${file} sudah ada. Timpa? (y/N)`);
+            if (!answer2 || !/^y(a|es)?$/i.test(answer2.trim())) {
+              notice("Ekspor dibatalkan.");
+              return;
+            }
+          }
+          try {
+            writeFileSync(file, exportMarkdown(runtime.agent.messages, `Sesi BCCLI ${runtime.startedAt.toLocaleString("id-ID")}`));
+          } catch (error) {
+            notice(`Gagal menulis ${file}: ${error.message}`, "error");
+            return;
+          }
+          notice(`Percakapan disimpan di ${file}.`);
+          return;
+        }
+        case "provider": {
+          const c = runtime.config;
+          setProviderMenu(
+            Object.keys(c.providers).map((id) => ({ id, name: providerName(c, id), ready: hasKey(c, id, runtime.env), baseURL: c.providers[id].baseURL }))
+          );
+          return;
+        }
+        default:
+          notice(`Perintah tidak dikenal: /${name}. Ketik /help.`, "warn");
+      }
+    },
+    [runtime, notice, exit, version, runTurn, ask]
+  );
+  const runSlash = useCallback(
+    (name, args) => runSlashCommand(name, args).catch((error) => notice(`/${name}: ${error.message}`, "error")),
+    [runSlashCommand, notice]
+  );
+  const submit = useCallback(
+    (text) => {
+      setHistory((h) => [...h, text]);
+      const slash = parseSlash(text);
+      if (!slash) {
+        void runTurn(text);
+        return;
+      }
+      const command = runtime.commands.find((c) => c.name.toLowerCase() === slash.name);
+      const skill = runtime.skills.find((s) => s.name.toLowerCase() === slash.name);
+      if (SLASH_COMMANDS.some((b) => b.name === slash.name) || !command && !skill) void runSlash(slash.name, slash.args);
+      else if (command) void runTurn(expandCommand(command, slash.args));
+      else if (skill) {
+        let body;
+        try {
+          body = parseFrontmatter(readFileSync2(skill.file, "utf8")).body;
+        } catch (error) {
+          notice(`Skill ${skill.name} tidak bisa dibaca: ${error.code ?? error.message}`, "error");
+          return;
+        }
+        void runTurn(`${body}
+
+ARGUMENTS: ${slash.args}`);
+      }
+    },
+    [runSlash, runTurn, runtime, notice]
+  );
+  const onPrompt = useCallback(
+    (text) => {
+      if (busy) setQueued((q) => [...q, text]);
+      else submit(text);
+    },
+    [busy, submit]
+  );
+  useEffect2(() => {
+    if (busy || pending || planAsk || !queued.length) return;
+    const [next, ...rest] = queued;
+    setQueued(rest);
+    submit(next);
+  }, [busy, pending, planAsk, queued, submit]);
+  const initialSent = useRef(false);
+  useEffect2(() => {
+    if (initialPrompt && !initialSent.current) {
+      initialSent.current = true;
+      submit(initialPrompt);
+    }
+  }, [initialPrompt, submit]);
+  useInput9((input, key) => {
+    if (key.tab && key.shift) {
+      const next = nextMode(runtime.agent.permissions.mode);
+      runtime.agent.permissions.mode = next;
+      setMode(next);
+    } else if (key.escape && busy && !pending) {
+      controller.current?.abort();
+      if (queued.length) {
+        setQueued([]);
+        notice(`${queued.length} pesan antrian dibatalkan.`, "warn");
+      }
+    } else if (key.ctrl && input === "t") {
+      const next = !showThinking;
+      setShowThinking(next);
+      setTranscript((t) => {
+        const last = [...t.done, ...t.live].findLast((e) => e.kind === "thinking");
+        const reprint = next && last?.kind === "thinking" && t.done.includes(last);
+        return {
+          ...t,
+          done: [
+            ...t.done,
+            ...reprint ? [entry({ kind: "thinking", text: last.text, open: true })] : [],
+            entry({ kind: "notice", text: next ? "Thinking ditampilkan (ctrl+t untuk menutup)." : "Thinking disembunyikan (ctrl+t untuk membuka).", tone: "info" })
+          ]
+        };
+      });
+    } else if (key.ctrl && input === "o" && lastTool.current) {
+      const t = lastTool.current;
+      notice(`\u23BF ${t.tool} ${t.target}
+${t.output}`);
+    }
+  });
+  const pickMcp = async (name) => {
+    const item = mcpMenu?.find((i) => i.name === name);
+    setMcpMenu(null);
+    if (!item) return;
+    if (item.installed) {
+      removeGlobalServer(runtime.home, item.name);
+      await runtime.mcp.remove(item.name);
+      notice(`MCP ${item.name} dihapus.`);
+      return;
+    }
+    const entry2 = CATALOG.find((c) => c.name === item.name);
+    if (!entry2) return;
+    const values = {};
+    for (const input of entry2.inputs ?? []) {
+      const v = await ask(input.label, !!input.secret);
+      if (!v) return;
+      values[input.key] = v;
+    }
+    const config = fillTemplate(entry2.config, values);
+    addGlobalServer(runtime.home, entry2.name, config);
+    notice(`MCP ${entry2.name} dipasang, menghubungkan\u2026`);
+    await runtime.mcp.add({ name: entry2.name, config, source: "global" });
+    const state = runtime.mcp.states().find((s) => s.name === entry2.name);
+    if (state?.status === "ready") notice(`MCP ${entry2.name} aktif \xB7 ${state.tools} alat.`);
+    else notice(`MCP ${entry2.name} gagal: ${state?.error ?? "tidak diketahui"}`, "error");
+  };
+  const pickProvider = async (id) => {
+    setProviderMenu(null);
+    if (!id) return;
+    let target = id;
+    if (id === "custom") {
+      const name = await ask("Id provider (huruf kecil, mis. corp)");
+      const url = name ? await ask("Base URL OpenAI-compatible") : void 0;
+      if (!name || !url) return;
+      writeGlobalConfig({ providers: { [name]: { baseURL: url } } }, runtime.env);
+      runtime.reloadConfig();
+      target = name;
+    }
+    const c = runtime.config;
+    const keyless = !c.providers[target].apiKeyEnv && PRESETS.some((p) => p.id === target);
+    if (!hasKey(c, target, runtime.env) || id === "custom") {
+      const key = keyless ? "" : await ask(`API key untuk ${providerName(c, target)}`, true);
+      if (key === void 0) return;
+      const result = await runtime.addProviderKey(target, key);
+      if (!result.ok) {
+        notice(result.error, "error");
+        return;
+      }
+      notice(`${providerName(c, target)} siap \xB7 ${result.models} model.`);
+    }
+    setPicker(await runtime.listModels(target));
+  };
+  const answer = (a) => {
+    pending?.resolve(a);
+    setAsks((q) => q.slice(1));
+    if (a === "all") setMode("allowAll");
+  };
+  const cwd = runtime.cwd.startsWith(homedir()) ? `~${runtime.cwd.slice(homedir().length)}` : runtime.cwd;
+  const renderEntry = (e) => {
+    switch (e.kind) {
+      case "header":
+        return /* @__PURE__ */ jsx15(Box13, { marginBottom: 1, children: /* @__PURE__ */ jsxs10(Text15, { children: [
+          /* @__PURE__ */ jsx15(Text15, { color: color(ACCENT), bold: true, children: " \u273B " }),
+          /* @__PURE__ */ jsx15(Text15, { bold: true, children: `BCCLI ${version}` }),
+          /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: ` \xB7 ${runtime.modelRef} (${runtime.providerLabel()}) \xB7 ${cwd}` })
+        ] }) }, e.id);
+      case "user":
+        return /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: `> ${e.text}` }) }, e.id);
+      case "assistant":
+        if (e.cont) {
+          return e.text ? /* @__PURE__ */ jsx15(Box13, { paddingLeft: 2, children: /* @__PURE__ */ jsx15(Markdown, { text: e.text }) }, e.id) : null;
+        }
+        if (!e.text.trim()) return null;
+        return /* @__PURE__ */ jsxs10(Box13, { marginTop: 1, children: [
+          /* @__PURE__ */ jsx15(Text15, { color: color(ACCENT), children: "\u25CF " }),
+          /* @__PURE__ */ jsx15(Markdown, { text: e.text.replace(/^\s+/, "") })
+        ] }, e.id);
+      case "thinking": {
+        const text = e.text.trim();
+        if (!text) return null;
+        if (!(e.open ?? showThinking)) {
+          const lines = text.split("\n").length;
+          return /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: `\u273B Berpikir \xB7 ${lines} baris \xB7 ctrl+t buka` }) }, e.id);
+        }
+        return /* @__PURE__ */ jsxs10(Box13, { marginTop: 1, flexDirection: "column", children: [
+          /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "\u273B Berpikir (ctrl+t tutup)" }),
+          /* @__PURE__ */ jsx15(Box13, { paddingLeft: 2, children: /* @__PURE__ */ jsx15(Text15, { dimColor: true, italic: true, children: text }) })
+        ] }, e.id);
+      }
+      case "tool":
+        return /* @__PURE__ */ jsx15(ToolBlock, { tool: e.tool, target: e.target, output: e.output, display: e.display, isError: e.isError, done: e.done, sub: e.sub }, e.id);
+      case "notice":
+        return /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx15(Text15, { color: e.tone === "error" ? color("red") : e.tone === "warn" ? color("yellow") : void 0, dimColor: e.tone === "info", children: e.text }) }, e.id);
+    }
+  };
+  return /* @__PURE__ */ jsxs10(Box13, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx15(Static, { items: transcript.done, children: renderEntry }),
+    transcript.live.map(renderEntry),
+    busy && !pending && !planAsk ? /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx15(Spinner, { label: "Berpikir", startedAt }) }) : null,
+    pending ? /* @__PURE__ */ jsx15(PermissionPrompt, { request: pending.request, onAnswer: answer }, pending.id) : null,
+    picker ? /* @__PURE__ */ jsx15(
+      ModelPicker,
+      {
+        groups: picker,
+        current: runtime.modelRef,
+        onPick: (m) => {
+          setPicker(null);
+          if (m) void runSlash("model", m);
+        }
+      }
+    ) : null,
+    listPicker ? /* @__PURE__ */ jsx15(ListPicker, { title: listPicker.title, items: listPicker.items, onPick: listPicker.onPick }) : null,
+    mcpMenu ? /* @__PURE__ */ jsx15(McpMenu, { items: mcpMenu, onPick: (n) => void pickMcp(n) }) : null,
+    providerMenu ? /* @__PURE__ */ jsx15(ProviderMenu, { entries: providerMenu, onPick: (id) => void pickProvider(id) }) : null,
+    prompt ? /* @__PURE__ */ jsx15(
+      LinePrompt,
+      {
+        label: prompt.label,
+        mask: prompt.mask,
+        onSubmit: (v) => {
+          setPrompt(null);
+          prompt.resolve(v);
+        },
+        onCancel: () => {
+          setPrompt(null);
+          prompt.resolve(void 0);
+        }
+      }
+    ) : null,
+    planAsk ? /* @__PURE__ */ jsx15(
+      PlanApproval,
+      {
+        plan: planAsk.plan,
+        onAnswer: (d) => {
+          planAsk.resolve(d);
+          setPlanAsk(null);
+          if (d !== "no") setMode(d);
+        }
+      }
+    ) : null,
+    /* @__PURE__ */ jsx15(TodoList, { items: todos }),
+    queued.map((q, i) => /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: `  \u23F3 antri: ${q}` }, `${i}-${q}`)),
+    /* @__PURE__ */ jsx15(PromptInput, { disabled: !!pending || !!picker || !!providerMenu || !!prompt || !!planAsk || !!mcpMenu || !!listPicker, history, cwd: runtime.cwd, onSubmit: onPrompt, extraCommands }),
+    /* @__PURE__ */ jsx15(StatusBar, { mode, tokens, busy, model: modelLabel, reasoning })
+  ] });
+}
+
+// src/ui/index.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+async function startInteractive(rt, opts) {
+  if (opts.resume) {
+    const { Session: Session2 } = await import("./session-7UB77CEG.js");
+    const list = Session2.list(rt.home, rt.cwd).slice(0, 20);
+    if (!list.length) console.log("Belum ada sesi di folder ini; memulai sesi baru.");
+    else {
+      list.forEach((s, i) => {
+        console.log(`${String(i + 1).padStart(2)}. ${s.mtime.toLocaleString("id-ID")}  ${s.preview}`);
+      });
+      const { createInterface } = await import("readline/promises");
+      const rl = createInterface({ input: process.stdin, output: process.stdout });
+      const answer = Number(await rl.question("Nomor sesi (enter = baru): "));
+      rl.close();
+      const chosen = list[answer - 1];
+      if (chosen) rt.resume(chosen.session);
+    }
+  }
+  const { serversToStart, setProjectTrust } = await import("./config-YUNKPCNB.js");
+  const plan = serversToStart(rt.home, rt.cwd);
+  if (plan.needTrust.length) {
+    const { createInterface } = await import("readline/promises");
+    const rl = createInterface({ input: process.stdin, output: process.stdout });
+    for (const s of plan.needTrust) {
+      const what = s.config.type === "http" ? s.config.url : [s.config.command, ...s.config.args ?? []].join(" ");
+      const answer = (await rl.question(`Repo ini ingin menjalankan server MCP "${s.name}" (${what}). Izinkan? [y/N] `)).trim().toLowerCase();
+      setProjectTrust(rt.home, rt.cwd, s.name, answer === "y", s.config);
+      if (answer === "y") plan.start.push(s);
+    }
+    rl.close();
+  }
+  void rt.startMcp(plan.start);
+  const instance = render(/* @__PURE__ */ jsx16(App, { runtime: rt, initialPrompt: opts.initialPrompt, version: opts.version }), { exitOnCtrlC: true });
+  await instance.waitUntilExit();
+  await rt.mcp.stop();
+  return 0;
+}
+export {
+  startInteractive
+};