@botconnector/bccli 0.2.0-beta.1 → 0.3.0-beta.1

package/dist/ui-6PGC4T6N.js

@@ -0,0 +1,833 @@
+#!/usr/bin/env node
+import {
+  ignorePatterns,
+  parseFrontmatter,
+  toolLabel
+} from "./chunk-TBPPXOOZ.js";
+import {
+  nextMode
+} from "./chunk-5XN44Q55.js";
+import {
+  hasKey,
+  providerName,
+  writeGlobalConfig
+} from "./chunk-5C6NQFSI.js";
+import {
+  CATALOG,
+  fillTemplate
+} from "./chunk-TV6LEHOH.js";
+import {
+  addGlobalServer,
+  globalMcpPath,
+  readMcpFile,
+  removeGlobalServer
+} from "./chunk-XQLXE666.js";
+import {
+  PRESETS
+} from "./chunk-Z5JM76EL.js";
+
+// src/ui/index.tsx
+import { render } from "ink";
+
+// src/ui/App.tsx
+import { homedir } from "os";
+import { Box as Box12, Static, Text as Text14, useApp, useInput as useInput8 } from "ink";
+import { useCallback, useEffect as useEffect2, useRef, useState as useState7 } from "react";
+import { readFileSync } from "fs";
+
+// src/commands.ts
+var SLASH_COMMANDS = [
+  { name: "help", description: "daftar perintah dan pintasan" },
+  { name: "model", description: "ganti model" },
+  { name: "provider", description: "tambah/pilih provider AI" },
+  { name: "mcp", description: "pasang/kelola server MCP" },
+  { 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/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/ModelPicker.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 = 14;
+function ModelPicker({ groups, current, onPick }) {
+  const [filter, setFilter] = useState2("");
+  const [index, setIndex] = useState2(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;
+  useInput2((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 - VISIBLE));
+  return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
+    /* @__PURE__ */ jsx3(Text3, { bold: true, children: `Pilih model (ketik untuk menyaring${filter ? `: ${filter}` : ""} \xB7 \u2191\u2193 enter \xB7 esc batal)` }),
+    rows.slice(start, start + VISIBLE).map(
+      (row, i) => row.kind === "header" ? /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: `\u2500\u2500 ${row.text} ` }, `h${start + i}`) : /* @__PURE__ */ jsx3(Text3, { color: start + i === cursor ? color("green") : void 0, children: `${start + i === cursor ? "\u203A" : " "} ${row.label}${row.ref === current ? "  (aktif)" : ""}` }, row.ref)
+    ),
+    !selectable.length ? /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "Tidak ada model yang cocok." }) : null,
+    groups.filter((g) => g.error).map((g) => /* @__PURE__ */ jsx3(Text3, { color: color("yellow"), children: `${g.providerName} \u2014 ${g.error}` }, `e-${g.providerId}`))
+  ] });
+}
+
+// src/ui/ProviderMenu.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";
+function ProviderMenu({ entries, onPick }) {
+  const rows = [...entries.map((e) => e.id), "custom"];
+  const [index, setIndex] = useState3(0);
+  useInput3((_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__ */ jsxs3(Box4, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
+    /* @__PURE__ */ jsx4(Text4, { bold: true, children: "Provider (\u2191\u2193 enter, esc batal) \xB7 \u2713 siap \xB7 \u25CB butuh API key" }),
+    entries.map((e, i) => /* @__PURE__ */ jsxs3(Text4, { color: i === index ? color("green") : void 0, children: [
+      `${i === index ? "\u203A" : " "} ${e.ready ? "\u2713" : "\u25CB"} ${e.name}`,
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: `  ${e.baseURL}` })
+    ] }, e.id)),
+    /* @__PURE__ */ jsx4(Text4, { color: index === rows.length - 1 ? color("green") : void 0, children: `${index === rows.length - 1 ? "\u203A" : " "}   Custom\u2026` })
+  ] });
+}
+
+// src/ui/PermissionPrompt.tsx
+import { Box as Box6, Text as Text6, useInput as useInput4 } from "ink";
+
+// src/ui/DiffView.tsx
+import { Box as Box5, Text as Text5 } from "ink";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function DiffView({ diff }) {
+  return /* @__PURE__ */ jsx5(Box5, { 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__ */ jsx5(Text5, { color: c, dimColor: mark !== "+" && mark !== "-", children: line }, i);
+  }) });
+}
+
+// src/ui/PermissionPrompt.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var VERB = { edit: "edit", write: "tulis", bash: "jalankan", fetch: "ambil" };
+function PermissionPrompt({
+  request,
+  onAnswer
+}) {
+  useInput4((input, key) => {
+    const k = input.toLowerCase();
+    if (k === "y") onAnswer("yes");
+    else if (k === "a" && request.sessionRules?.length) onAnswer("session");
+    else if (k === "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__ */ jsxs4(Box6, { flexDirection: "column", borderStyle: "round", borderColor: color("yellow"), paddingX: 1, children: [
+    /* @__PURE__ */ jsx6(Text6, { bold: true, children: `${request.agent ? `[${request.agent}] ` : ""}Izinkan ${VERB[request.tool] ?? request.tool} ${request.target}?` }),
+    request.preview ? /* @__PURE__ */ jsx6(DiffView, { diff: request.preview }) : null,
+    /* @__PURE__ */ jsxs4(Text6, { children: [
+      /* @__PURE__ */ jsx6(Text6, { color: color("green"), children: "[y] ya" }),
+      "   ",
+      sessionLabel ? /* @__PURE__ */ jsx6(Text6, { color: color("cyan"), children: `[a] ${sessionLabel}   ` }) : null,
+      /* @__PURE__ */ jsx6(Text6, { color: color("red"), children: "[n] tidak" })
+    ] })
+  ] });
+}
+
+// src/ui/PromptInput.tsx
+import { Box as Box7, Text as Text7, useInput as useInput5 } from "ink";
+import { useState as useState4 } 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 jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function PromptInput({ disabled, history, cwd, onSubmit, extraCommands }) {
+  const [value, setValue] = useState4("");
+  const [historyIndex, setHistoryIndex] = useState4(null);
+  useInput5(
+    (input, key) => {
+      if (key.return) {
+        if (value.endsWith("\\")) {
+          setValue(`${value.slice(0, -1)}
+`);
+          return;
+        }
+        const text = value.trim();
+        if (!text) return;
+        setValue("");
+        setHistoryIndex(null);
+        onSubmit(text);
+        return;
+      }
+      if (key.backspace || key.delete) {
+        setValue((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) {
+        setValue((v) => completeFile(v, cwd));
+        return;
+      }
+      if (key.ctrl || key.meta || key.escape || key.tab || key.leftArrow || key.rightArrow) return;
+      setValue((v) => v + input.replace(/\r/g, "\n"));
+    },
+    { isActive: !disabled }
+  );
+  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) : [];
+  return /* @__PURE__ */ jsxs5(Box7, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx7(Box7, { borderStyle: "round", borderColor: color("gray"), paddingX: 1, children: /* @__PURE__ */ jsxs5(Text7, { children: [
+      /* @__PURE__ */ jsx7(Text7, { color: color("green"), children: "> " }),
+      value,
+      disabled ? "" : /* @__PURE__ */ jsx7(Text7, { inverse: true, children: " " })
+    ] }) }),
+    suggestions.map((s) => /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: `  /${s.name}  ${s.description}` }, s.name))
+  ] });
+}
+
+// src/ui/Spinner.tsx
+import { Text as Text8 } from "ink";
+import { useEffect, useState as useState5 } from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var FRAMES = ["\xB7", "\u2722", "\u2733", "\u2736", "\u273B", "\u273D"];
+function Spinner({ label, startedAt }) {
+  const [tick, setTick] = useState5(0);
+  useEffect(() => {
+    const id = setInterval(() => setTick((t) => t + 1), 120);
+    return () => clearInterval(id);
+  }, []);
+  const seconds = Math.floor((Date.now() - startedAt) / 1e3);
+  return /* @__PURE__ */ jsx8(Text8, { color: color(ACCENT), children: `${FRAMES[tick % FRAMES.length]} ${label}\u2026 (${seconds} dtk \xB7 esc batal)` });
+}
+
+// src/ui/StatusBar.tsx
+import { Text as Text9 } from "ink";
+import { jsx as jsx9 } 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 }) {
+  const danger = mode === "allowAll";
+  return /* @__PURE__ */ jsx9(Text9, { color: danger ? color("red") : void 0, dimColor: !danger, children: `  ${LABEL[mode]}${model ? ` \xB7 ${model}` : ""} \xB7 shift+tab ganti mode \xB7 ${formatTokens(tokens)} token \xB7 ${busy ? "esc batal" : "/ perintah"}` });
+}
+
+// src/ui/McpMenu.tsx
+import { Box as Box8, Text as Text10, useInput as useInput6 } from "ink";
+import { useState as useState6 } from "react";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+var MARK = { ready: "\u2713", error: "\u2717", starting: "\u2026", off: "\u25CB" };
+function McpMenu({ items, onPick }) {
+  const [index, setIndex] = useState6(0);
+  useInput6((_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__ */ jsxs6(Box8, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
+    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "Server MCP (enter: pasang / hapus \xB7 esc tutup) \xB7 \u2713 aktif \u25CB belum \u2717 error" }),
+    items.map((item, i) => /* @__PURE__ */ jsxs6(Text10, { color: i === index ? color("green") : void 0, children: [
+      `${i === index ? "\u203A" : " "} ${MARK[item.status]} ${item.name.padEnd(12)}`,
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: item.status === "error" ? ` ${item.error ?? ""}` : ` ${item.description}` })
+    ] }, item.name))
+  ] });
+}
+
+// src/ui/PlanApproval.tsx
+import { Box as Box9, Text as Text11, useInput as useInput7 } from "ink";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+function PlanApproval({ plan, onAnswer }) {
+  useInput7((input, key) => {
+    const k = input.toLowerCase();
+    if (k === "a") onAnswer("acceptEdits");
+    else if (k === "y") onAnswer("default");
+    else if (k === "n" || key.escape) onAnswer("no");
+  });
+  return /* @__PURE__ */ jsxs7(Box9, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
+    /* @__PURE__ */ jsx11(Text11, { bold: true, children: "Rencana dari agent" }),
+    /* @__PURE__ */ jsx11(Markdown, { text: plan }),
+    /* @__PURE__ */ jsxs7(Text11, { children: [
+      /* @__PURE__ */ jsx11(Text11, { color: color("green"), children: "[a] ya, edit otomatis" }),
+      "   ",
+      /* @__PURE__ */ jsx11(Text11, { color: color("cyan"), children: "[y] ya, tanya tiap langkah" }),
+      "   ",
+      /* @__PURE__ */ jsx11(Text11, { color: color("red"), children: "[n] belum, perbaiki dulu" })
+    ] })
+  ] });
+}
+
+// src/ui/TodoList.tsx
+import { Box as Box10, Text as Text12 } from "ink";
+import { jsx as jsx12 } 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__ */ jsx12(Box10, { flexDirection: "column", marginLeft: 2, marginTop: 1, children: items.map((t, i) => /* @__PURE__ */ jsx12(Text12, { 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 Box11, Text as Text13 } from "ink";
+import { jsx as jsx13, jsxs as jsxs8 } 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__ */ jsxs8(Box11, { flexDirection: "column", marginLeft: 2, children: [
+    /* @__PURE__ */ jsxs8(Text13, { children: [
+      /* @__PURE__ */ jsx13(Text13, { color: isError ? color("red") : done ? color("green") : color("yellow"), children: "\u23BF " }),
+      /* @__PURE__ */ jsx13(Text13, { bold: true, children: toolLabel(tool) }),
+      /* @__PURE__ */ jsx13(Text13, { children: `  ${target}` }),
+      display && !isDiff && !isTask ? /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: `  (${display})` }) : null
+    ] }),
+    sub?.length ? /* @__PURE__ */ jsxs8(Box11, { flexDirection: "column", marginLeft: 3, children: [
+      sub.slice(-6).map((s) => /* @__PURE__ */ jsx13(Text13, { 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__ */ jsx13(Text13, { dimColor: true, children: `\u2026 ${sub.length - 6} langkah sebelumnya` }) : null
+    ] }) : null,
+    isTask && done ? /* @__PURE__ */ jsx13(Box11, { marginLeft: 3, children: /* @__PURE__ */ jsx13(Text13, { color: isError ? color("red") : color("green"), children: `${isError ? "\u2717 gagal" : "\u2713 selesai"}${display ? ` \xB7 ${display}` : ""}` }) }) : null,
+    isDiff ? /* @__PURE__ */ jsx13(Box11, { marginLeft: 3, children: /* @__PURE__ */ jsx13(DiffView, { diff: display }) }) : output && (isError || tool === "bash") && !(isTask && !isError) ? /* @__PURE__ */ jsxs8(Box11, { flexDirection: "column", marginLeft: 3, children: [
+      shown.map((line, i) => /* @__PURE__ */ jsx13(Text13, { dimColor: !isError, color: isError ? color("red") : void 0, children: line }, i)),
+      lines.length > shown.length ? /* @__PURE__ */ jsx13(Text13, { 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"]
+};
+function endTurn(t) {
+  return { done: [...t.done, ...t.live], live: [] };
+}
+function applyEvent(t, event) {
+  switch (event.type) {
+    case "text": {
+      const last = t.live.at(-1);
+      if (last?.kind === "assistant") return { ...t, live: [...t.live.slice(0, -1), { ...last, text: last.text + event.delta }] };
+      return { ...t, live: [...t.live, entry({ kind: "assistant", text: event.delta })] };
+    }
+    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], 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 jsx14, jsxs as jsxs9 } 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(8)} ${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",
+    "@file + tab  lengkapi nama file    \u2191\u2193  riwayat input"
+  ].join("\n");
+}
+var labelFor = (runtime, ref) => `${ref.slice(ref.indexOf("/") + 1)} \xB7 ${runtime.providerLabel()}`;
+function App({ runtime, initialPrompt, version }) {
+  const { exit } = useApp();
+  const [transcript, setTranscript] = useState7(() => ({ done: [entry({ kind: "header" })], live: [] }));
+  const [busy, setBusy] = useState7(false);
+  const [startedAt, setStartedAt] = useState7(0);
+  const [mode, setMode] = useState7(runtime.agent.permissions.mode);
+  const [tokens, setTokens] = useState7(runtime.agent.totalUsage.inputTokens + runtime.agent.totalUsage.outputTokens);
+  const [asks, setAsks] = useState7([]);
+  const pending = asks[0] ?? null;
+  const askId = useRef(0);
+  const [picker, setPicker] = useState7(null);
+  const [providerMenu, setProviderMenu] = useState7(null);
+  const [prompt, setPrompt] = useState7(null);
+  const ask = (label, mask = false) => new Promise((resolve) => setPrompt({ label, mask, resolve }));
+  const [modelLabel, setModelLabel] = useState7(() => labelFor(runtime, runtime.modelRef));
+  const [history, setHistory] = useState7([]);
+  const controller = useRef(null);
+  const [todos, setTodos] = useState7(runtime.todos.items);
+  const [mcpMenu, setMcpMenu] = useState7(null);
+  const [planAsk, setPlanAsk] = useState7(null);
+  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((resolve) => setAsks((q) => [...q, { id: askId.current++, request, resolve }]));
+    runtime.interaction.approvePlan = (plan) => new Promise((resolve) => setPlanAsk({ plan, resolve }));
+  }, [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 runSlash = 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 "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 "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]
+  );
+  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(readFileSync(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 initialSent = useRef(false);
+  useEffect2(() => {
+    if (initialPrompt && !initialSent.current) {
+      initialSent.current = true;
+      submit(initialPrompt);
+    }
+  }, [initialPrompt, submit]);
+  useInput8((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();
+    } 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));
+  };
+  const cwd = runtime.cwd.startsWith(homedir()) ? `~${runtime.cwd.slice(homedir().length)}` : runtime.cwd;
+  const renderEntry = (e) => {
+    switch (e.kind) {
+      case "header":
+        return /* @__PURE__ */ jsx14(Box12, { marginBottom: 1, children: /* @__PURE__ */ jsxs9(Text14, { children: [
+          /* @__PURE__ */ jsx14(Text14, { color: color(ACCENT), bold: true, children: " \u273B " }),
+          /* @__PURE__ */ jsx14(Text14, { bold: true, children: `BCCLI ${version}` }),
+          /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: ` \xB7 ${runtime.modelRef} (${runtime.providerLabel()}) \xB7 ${cwd}` })
+        ] }) }, e.id);
+      case "user":
+        return /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: `> ${e.text}` }) }, e.id);
+      case "assistant":
+        if (!e.text.trim()) return null;
+        return /* @__PURE__ */ jsxs9(Box12, { marginTop: 1, children: [
+          /* @__PURE__ */ jsx14(Text14, { color: color(ACCENT), children: "\u25CF " }),
+          /* @__PURE__ */ jsx14(Markdown, { text: e.text.replace(/^\s+/, "") })
+        ] }, e.id);
+      case "tool":
+        return /* @__PURE__ */ jsx14(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__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text14, { color: e.tone === "error" ? color("red") : e.tone === "warn" ? color("yellow") : void 0, dimColor: e.tone === "info", children: e.text }) }, e.id);
+    }
+  };
+  return /* @__PURE__ */ jsxs9(Box12, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx14(Static, { items: transcript.done, children: renderEntry }),
+    transcript.live.map(renderEntry),
+    busy && !pending && !planAsk ? /* @__PURE__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx14(Spinner, { label: "Berpikir", startedAt }) }) : null,
+    pending ? /* @__PURE__ */ jsx14(PermissionPrompt, { request: pending.request, onAnswer: answer }, pending.id) : null,
+    picker ? /* @__PURE__ */ jsx14(
+      ModelPicker,
+      {
+        groups: picker,
+        current: runtime.modelRef,
+        onPick: (m) => {
+          setPicker(null);
+          if (m) void runSlash("model", m);
+        }
+      }
+    ) : null,
+    mcpMenu ? /* @__PURE__ */ jsx14(McpMenu, { items: mcpMenu, onPick: (n) => void pickMcp(n) }) : null,
+    providerMenu ? /* @__PURE__ */ jsx14(ProviderMenu, { entries: providerMenu, onPick: (id) => void pickProvider(id) }) : null,
+    prompt ? /* @__PURE__ */ jsx14(
+      LinePrompt,
+      {
+        label: prompt.label,
+        mask: prompt.mask,
+        onSubmit: (v) => {
+          setPrompt(null);
+          prompt.resolve(v);
+        },
+        onCancel: () => {
+          setPrompt(null);
+          prompt.resolve(void 0);
+        }
+      }
+    ) : null,
+    planAsk ? /* @__PURE__ */ jsx14(
+      PlanApproval,
+      {
+        plan: planAsk.plan,
+        onAnswer: (d) => {
+          planAsk.resolve(d);
+          setPlanAsk(null);
+          if (d !== "no") setMode(d);
+        }
+      }
+    ) : null,
+    /* @__PURE__ */ jsx14(TodoList, { items: todos }),
+    /* @__PURE__ */ jsx14(PromptInput, { disabled: busy || !!pending || !!picker || !!providerMenu || !!prompt || !!planAsk || !!mcpMenu, history, cwd: runtime.cwd, onSubmit: submit, extraCommands }),
+    /* @__PURE__ */ jsx14(StatusBar, { mode, tokens, busy, model: modelLabel })
+  ] });
+}
+
+// src/ui/index.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+async function startInteractive(rt, opts) {
+  if (opts.resume) {
+    const { Session } = await import("./session-7UB77CEG.js");
+    const list = Session.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-XPWPGNZJ.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__ */ jsx15(App, { runtime: rt, initialPrompt: opts.initialPrompt, version: opts.version }), { exitOnCtrlC: true });
+  await instance.waitUntilExit();
+  await rt.mcp.stop();
+  return 0;
+}
+export {
+  startInteractive
+};