@botconnector/bccli 0.3.0-beta.2 → 0.4.0-beta.1

package/dist/{ui-HNIC4DQ6.js → ui-LWZ75D7H.js}

@@ -1,17 +1,22 @@
 #!/usr/bin/env node
 import {
+  BUILTIN_AGENTS,
   ignorePatterns,
+  instructionPaths,
   parseFrontmatter,
   toolLabel
-} from "./chunk-TBPPXOOZ.js";
+} from "./chunk-OSWQPSA4.js";
 import {
   nextMode
-} from "./chunk-5XN44Q55.js";
+} from "./chunk-ELML4KVQ.js";
 import {
   hasKey,
   providerName,
   writeGlobalConfig
 } from "./chunk-5C6NQFSI.js";
+import {
+  Session
+} from "./chunk-SJH3YLW4.js";
 import {
   CATALOG,
   fillTemplate
@@ -23,17 +28,20 @@ import {
   removeGlobalServer
 } from "./chunk-XQLXE666.js";
 import {
-  PRESETS
+  PRESETS,
+  removeCredential
 } from "./chunk-Z5JM76EL.js";
 
 // src/ui/index.tsx
 import { render } from "ink";
 
 // src/ui/App.tsx
+import { spawnSync } from "child_process";
+import { mkdirSync, readFileSync as readFileSync2, writeFileSync } from "fs";
 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";
+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 = [
@@ -41,6 +49,22 @@ var SLASH_COMMANDS = [
   { name: "model", description: "ganti model" },
   { 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" },
@@ -58,6 +82,111 @@ function expandCommand(def, args) {
 ${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) {
+  return new Promise((resolve2) => {
+    execFile("git", args, { cwd, maxBuffer: 20 * 1024 * 1024 }, (error, stdout, stderr) => resolve2({ ok: !error, out: error ? stderr : stdout }));
+  });
+}
+async function gitDiff(cwd, maxLines = 400) {
+  const inside = await git(cwd, ["rev-parse", "--is-inside-work-tree"]);
+  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)`);
+  try {
+    lines.push(`\u2713 Koneksi ${input.activeProvider} (${(await deps.listModels()).length} model)`);
+  } catch (error) {
+    lines.push(`\u2717 Koneksi ${input.activeProvider}: ${error.message}`);
+  }
+  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 cmd of ["rg", "git", "npx", "uvx"]) lines.push(`${deps.which(cmd) ? "\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()}
+`);
+}
+
 // src/ui/Markdown.tsx
 import { Box, Text } from "ink";
 
@@ -116,14 +245,48 @@ function LinePrompt({ label, mask, onSubmit, onCancel }) {
   ] }) });
 }
 
-// src/ui/ModelPicker.tsx
+// 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 = 14;
-function ModelPicker({ groups, current, onPick }) {
+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) 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 ? color("green") : void 0, 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) {
@@ -135,7 +298,7 @@ function ModelPicker({ groups, current, onPick }) {
   }
   const selectable = rows.flatMap((r, i) => r.kind === "model" ? [i] : []);
   const cursor = selectable[Math.min(index, selectable.length - 1)] ?? -1;
-  useInput2((input, key) => {
+  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) {
@@ -150,86 +313,86 @@ function ModelPicker({ groups, current, onPick }) {
       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)
+  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__ */ 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}`))
+    !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 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";
+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] = useState3(0);
-  useInput3((_input, key) => {
+  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__ */ 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: [
+  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__ */ jsx4(Text4, { dimColor: true, children: `  ${e.baseURL}` })
+      /* @__PURE__ */ jsx5(Text5, { 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` })
+    /* @__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 Box6, Text as Text6, useInput as useInput4 } from "ink";
+import { Box as Box7, Text as Text7, useInput as useInput5 } from "ink";
 
 // src/ui/DiffView.tsx
-import { Box as Box5, Text as Text5 } from "ink";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { Box as Box6, Text as Text6 } from "ink";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function DiffView({ diff }) {
-  return /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", children: diff.split("\n").map((line, i) => {
+  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__ */ jsx5(Text5, { color: c, dimColor: mark !== "+" && mark !== "-", children: line }, i);
+    return /* @__PURE__ */ jsx6(Text6, { color: c, dimColor: mark !== "+" && mark !== "-", children: line }, i);
   }) });
 }
 
 // src/ui/PermissionPrompt.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+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
 }) {
-  useInput4((input, key) => {
-    const k = input.toLowerCase();
-    if (k === "y") onAnswer("yes");
-    else if (k === "a" && request.sessionRules?.length) onAnswer("session");
-    else if (k === "s") onAnswer("all");
-    else if (k === "n" || key.escape) onAnswer("no");
+  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__ */ 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" }),
+  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__ */ jsx6(Text6, { color: color("cyan"), children: `[a] ${sessionLabel}   ` }) : null,
-      /* @__PURE__ */ jsx6(Text6, { color: color("yellow"), children: "[s] ya semua   " }),
-      /* @__PURE__ */ jsx6(Text6, { color: color("red"), children: "[n] tidak" })
+      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 Box7, Text as Text7, useInput as useInput5 } from "ink";
-import { useState as useState4 } from "react";
+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";
@@ -245,11 +408,11 @@ function completeFile(value, cwd) {
 }
 
 // src/ui/PromptInput.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function PromptInput({ disabled, history, cwd, onSubmit, extraCommands }) {
-  const [value, setValue] = useState4("");
-  const [historyIndex, setHistoryIndex] = useState4(null);
-  const [selected, setSelected] = useState4(0);
+  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));
@@ -257,7 +420,7 @@ function PromptInput({ disabled, history, cwd, onSubmit, extraCommands }) {
     setValue(next);
     setSelected(0);
   };
-  useInput5(
+  useInput6(
     (input, key) => {
       if (suggestions.length) {
         if (key.upArrow) {
@@ -319,34 +482,34 @@ function PromptInput({ disabled, history, cwd, onSubmit, extraCommands }) {
     },
     { isActive: !disabled }
   );
-  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: "> " }),
+  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__ */ jsx7(Text7, { inverse: true, children: " " })
+      disabled ? "" : /* @__PURE__ */ jsx8(Text8, { inverse: true, children: " " })
     ] }) }),
-    suggestions.map((s, i) => /* @__PURE__ */ jsx7(Text7, { color: i === highlighted ? color("green") : void 0, dimColor: i !== highlighted, children: `${i === highlighted ? "\u203A" : " "} /${s.name}  ${s.description}` }, s.name))
+    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 Text8 } from "ink";
-import { useEffect, useState as useState5 } from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+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] = useState5(0);
+  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__ */ jsx8(Text8, { color: color(ACCENT), children: `${FRAMES[tick % FRAMES.length]} ${label}\u2026 (${seconds} dtk \xB7 esc batal)` });
+  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 Text9 } from "ink";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { Text as Text10 } from "ink";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var LABEL = {
   default: "\u23F5 default",
   acceptEdits: "\u23F5 accept edits",
@@ -358,87 +521,87 @@ function formatTokens(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"}` });
+  return /* @__PURE__ */ jsx10(Text10, { 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";
+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] = useState6(0);
-  useInput6((_input, key) => {
+  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__ */ 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: [
+  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__ */ jsx10(Text10, { dimColor: true, children: item.status === "error" ? ` ${item.error ?? ""}` : ` ${item.description}` })
+      /* @__PURE__ */ jsx11(Text11, { 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";
+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 }) {
-  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");
+  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__ */ 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" }),
+  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__ */ jsx11(Text11, { color: color("cyan"), children: "[y] ya, tanya tiap langkah" }),
+      /* @__PURE__ */ jsx12(Text12, { color: color("cyan"), children: "[y] ya, tanya tiap langkah" }),
       "   ",
-      /* @__PURE__ */ jsx11(Text11, { color: color("red"), children: "[n] belum, perbaiki dulu" })
+      /* @__PURE__ */ jsx12(Text12, { 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";
+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__ */ 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)) });
+  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 Box11, Text as Text13 } from "ink";
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+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__ */ 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
+  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__ */ 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
+    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__ */ 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
+    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
   ] });
 }
@@ -461,6 +624,11 @@ function applyEvent(t, event) {
       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 "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 }] };
+    }
     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 });
@@ -495,11 +663,11 @@ function applyEvent(t, event) {
 }
 
 // src/ui/App.tsx
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+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(8)} ${c.description}`),
+    ...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)}`)] : [],
     "",
@@ -508,27 +676,29 @@ function helpText(runtime) {
     "@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] = 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 [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 [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] = 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 [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] = useState7(runtime.todos.items);
-  const [mcpMenu, setMcpMenu] = useState7(null);
-  const [planAsk, setPlanAsk] = useState7(null);
+  const [todos, setTodos] = useState8(runtime.todos.items);
+  const [mcpMenu, setMcpMenu] = useState8(null);
+  const [listPicker, setListPicker] = useState8(null);
+  const [planAsk, setPlanAsk] = useState8(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" })),
@@ -549,8 +719,8 @@ function App({ runtime, initialPrompt, version }) {
   }, []);
   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.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) => {
@@ -565,7 +735,7 @@ function App({ runtime, initialPrompt, version }) {
     },
     [runtime]
   );
-  const runSlash = useCallback(
+  const runSlashCommand = useCallback(
     async (name, args) => {
       switch (name) {
         case "help":
@@ -629,6 +799,212 @@ function App({ runtime, initialPrompt, version }) {
           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);
+              const tail = runtime.agent.messages.filter((m) => (m.role === "user" || m.role === "assistant") && m.content).slice(-3);
+              notice(
+                [`Melanjutkan sesi (${runtime.agent.messages.length} pesan):`, ...tail.map((m) => `${m.role === "user" ? ">" : "\u25CF"} ${String(m.content).slice(0, 200)}`)].join(
+                  "\n"
+                )
+              );
+            }
+          });
+          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) => spawnSync(process.platform === "win32" ? "where" : "which", [cmd]).status === 0,
+                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 = /^global\s/i.test(args);
+          const text = global ? args.replace(/^global\s+/i, "") : args;
+          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);
+          notice(`Key ${runtime.providerLabel()} tersimpan \xB7 ${result.models} model.`);
+          return;
+        }
+        case "logout": {
+          const id = runtime.modelRef.slice(0, runtime.modelRef.indexOf("/"));
+          removeCredential(id, runtime.env);
+          const envName = runtime.config.providers[id]?.apiKeyEnv;
+          if (envName && runtime.env[envName]) {
+            notice(`Key tersimpan dihapus, tapi ${envName} masih ada di environment dan tetap dipakai.`, "warn");
+            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);
+          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(
@@ -640,7 +1016,11 @@ function App({ runtime, initialPrompt, version }) {
           notice(`Perintah tidak dikenal: /${name}. Ketik /help.`, "warn");
       }
     },
-    [runtime, notice, exit]
+    [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) => {
@@ -657,7 +1037,7 @@ function App({ runtime, initialPrompt, version }) {
       else if (skill) {
         let body;
         try {
-          body = parseFrontmatter(readFileSync(skill.file, "utf8")).body;
+          body = parseFrontmatter(readFileSync2(skill.file, "utf8")).body;
         } catch (error) {
           notice(`Skill ${skill.name} tidak bisa dibaca: ${error.code ?? error.message}`, "error");
           return;
@@ -676,7 +1056,7 @@ ARGUMENTS: ${slash.args}`);
       submit(initialPrompt);
     }
   }, [initialPrompt, submit]);
-  useInput8((input, key) => {
+  useInput9((input, key) => {
     if (key.tab && key.shift) {
       const next = nextMode(runtime.agent.permissions.mode);
       runtime.agent.permissions.mode = next;
@@ -750,31 +1130,31 @@ ${t.output}`);
   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}` })
+        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__ */ jsx14(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: `> ${e.text}` }) }, e.id);
+        return /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx15(Text15, { 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+/, "") })
+        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 "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);
+        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__ */ 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__ */ 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__ */ jsxs9(Box12, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx14(Static, { items: transcript.done, children: renderEntry }),
+  return /* @__PURE__ */ jsxs10(Box13, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx15(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(
+    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,
@@ -785,9 +1165,10 @@ ${t.output}`);
         }
       }
     ) : 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(
+    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,
@@ -802,7 +1183,7 @@ ${t.output}`);
         }
       }
     ) : null,
-    planAsk ? /* @__PURE__ */ jsx14(
+    planAsk ? /* @__PURE__ */ jsx15(
       PlanApproval,
       {
         plan: planAsk.plan,
@@ -813,18 +1194,18 @@ ${t.output}`);
         }
       }
     ) : 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 })
+    /* @__PURE__ */ jsx15(TodoList, { items: todos }),
+    /* @__PURE__ */ jsx15(PromptInput, { disabled: busy || !!pending || !!picker || !!providerMenu || !!prompt || !!planAsk || !!mcpMenu || !!listPicker, history, cwd: runtime.cwd, onSubmit: submit, extraCommands }),
+    /* @__PURE__ */ jsx15(StatusBar, { mode, tokens, busy, model: modelLabel })
   ] });
 }
 
 // src/ui/index.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } 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);
+    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) => {
@@ -852,7 +1233,7 @@ async function startInteractive(rt, opts) {
     rl.close();
   }
   void rt.startMcp(plan.start);
-  const instance = render(/* @__PURE__ */ jsx15(App, { runtime: rt, initialPrompt: opts.initialPrompt, version: opts.version }), { exitOnCtrlC: true });
+  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;