@aurora-foundation/obsidian-next 0.4.8 → 0.4.10

package/dist/index.js

@@ -1,10 +1,10 @@
 #!/usr/bin/env node
 import {
   memory
-} from "./chunk-6TXUOTT2.js";
+} from "./chunk-MGDY5JUY.js";
 import {
   resumeCommand
-} from "./chunk-ZIWLQSLK.js";
+} from "./chunk-RUEIA6Z5.js";
 import {
   auditLog,
   auditor,
@@ -17,14 +17,15 @@ import {
   sandbox,
   scheduler,
   session,
+  skillsManager,
   tasks,
   tools,
   undo,
   usage
-} from "./chunk-KY22FIT3.js";
+} from "./chunk-PD4ZKYTJ.js";
 import {
   context
-} from "./chunk-5OKGLNQW.js";
+} from "./chunk-BAKREPY2.js";
 import {
   checkDependencies,
   isComputerUseAvailable
@@ -38,19 +39,19 @@ import {
 } from "./chunk-S6GNETVE.js";
 import {
   settings
-} from "./chunk-LPGNO3PK.js";
+} from "./chunk-ISO6GNIB.js";
 import {
   bus
 } from "./chunk-WQM6FFSD.js";
 import "./chunk-R6P2E2ZQ.js";
 
 // src/index.ts
-import React30 from "react";
+import React31 from "react";
 import { render } from "ink";
 
 // src/ui/Root.tsx
-import React29, { useState as useState28, useEffect as useEffect22, useCallback as useCallback7, useRef } from "react";
-import { Box as Box32, Text as Text32, useApp, useInput as useInput25, useStdout } from "ink";
+import React30, { useState as useState29, useEffect as useEffect23, useCallback as useCallback7, useRef } from "react";
+import { Box as Box33, Text as Text33, useApp, useInput as useInput26, useStdout } from "ink";
 
 // src/components/ApprovalPrompt.tsx
 import { useState, useCallback } from "react";
@@ -370,6 +371,7 @@ var COMMANDS = [
   { name: "/mcp", desc: "Model Context Protocol", isView: true },
   { name: "/resume", desc: "Restore saved session", isView: true },
   { name: "/ollama", desc: "Ollama model registry", isView: true },
+  { name: "/skills", desc: "Skills store - browse & manage", isView: true },
   { name: "/clear", desc: "Clear conversation" },
   { name: "/exit", desc: "Save session and exit" }
 ];
@@ -496,8 +498,8 @@ var CommandPalette = ({ onSelect, onClose }) => {
 };
 
 // src/ui/MessageList.tsx
-import React8 from "react";
-import { Box as Box10, Text as Text10 } from "ink";
+import React7 from "react";
+import { Box as Box9, Text as Text9 } from "ink";
 
 // src/components/AgentLine.tsx
 import { Box as Box7, Text as Text7 } from "ink";
@@ -850,7 +852,7 @@ var AgentLine = ({
   const showGlitter = isStreaming;
   const hasMarkdown = content.includes("```") || content.includes("# ") || content.match(/^\s*[-*]\s/m) || content.includes("`") || content.includes("**") || content.includes("__") || content.includes("*") && content.split("*").length > 2;
   const renderedContent = hasMarkdown && !isProcessing ? renderMarkdown(content) : content;
-  return /* @__PURE__ */ jsx7(Box7, { flexDirection: "column", paddingX: 0, children: /* @__PURE__ */ jsx7(Box7, { flexDirection: "row", children: /* @__PURE__ */ jsx7(Box7, { flexGrow: 1, flexDirection: "column", children: renderedContent.split("\n").map((line, i) => /* @__PURE__ */ jsx7(Text7, { color: showGlitter ? "gray" : "white", children: line || " " }, i)) }) }) });
+  return /* @__PURE__ */ jsx7(Box7, { flexDirection: "column", paddingX: 0, flexGrow: 1, children: /* @__PURE__ */ jsx7(Text7, { color: showGlitter ? "gray" : "white", children: renderedContent }) });
 };
 
 // src/components/ToolOutput.tsx
@@ -926,10 +928,106 @@ var ToolOutput = ({
   ] });
 };
 
-// src/components/WelcomeBanner.tsx
-import React7 from "react";
-import { Box as Box9, Text as Text9 } from "ink";
+// src/ui/MessageList.tsx
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function formatToolName(tool) {
+  return tool.split(/[_-]/).map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join("");
+}
+function summarizeArgs(tool, argsJson) {
+  try {
+    const args = JSON.parse(argsJson);
+    const firstVal = Object.values(args)[0];
+    if (typeof firstVal === "string") {
+      const cleaned = firstVal.trim();
+      return cleaned.length > 60 ? cleaned.slice(0, 60) + "..." : cleaned;
+    }
+    return "";
+  } catch {
+    return "";
+  }
+}
+var MessageListComponent = ({
+  events,
+  maxEvents = 50,
+  scrollOffset = 0
+}) => {
+  const end = events.length - scrollOffset;
+  const start = Math.max(0, end - maxEvents);
+  const visibleEvents = events.slice(start, end);
+  return /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", children: visibleEvents.map((event, i) => {
+    const prevEvent = visibleEvents[i - 1];
+    const nextEvent = visibleEvents[i + 1];
+    let content = null;
+    const isToolResult = event.type === "tool_result" && prevEvent?.type === "tool_start";
+    const needsMargin = !isToolResult;
+    if (event.type === "user_input") {
+      content = /* @__PURE__ */ jsx9(Box9, { children: /* @__PURE__ */ jsxs8(Text9, { backgroundColor: "#1a1a2e", color: "#e0e0e0", children: [
+        " > ",
+        event.content,
+        " "
+      ] }) });
+    } else if (event.type === "thought") {
+      if (event.content.startsWith("Mode:")) return null;
+      if (event.hidden) return null;
+      const isLast = i === visibleEvents.length - 1;
+      const doneNext = nextEvent?.type === "done" ? nextEvent : null;
+      const durationSuffix = doneNext?.durationMs ? ` (${(doneNext.durationMs / 1e3).toFixed(1)}s)` : "";
+      content = /* @__PURE__ */ jsxs8(Box9, { children: [
+        /* @__PURE__ */ jsxs8(Text9, { color: "white", children: [
+          "\u23FA",
+          " "
+        ] }),
+        /* @__PURE__ */ jsx9(AgentLine, { content: event.content + durationSuffix, isStreaming: isLast && !doneNext })
+      ] });
+    } else if (event.type === "tool_start") {
+      const argsSummary = summarizeArgs(event.tool, event.args);
+      const displayName = formatToolName(event.tool);
+      content = /* @__PURE__ */ jsxs8(Box9, { children: [
+        /* @__PURE__ */ jsxs8(Text9, { color: "cyan", children: [
+          "\u23FA",
+          " "
+        ] }),
+        /* @__PURE__ */ jsx9(Text9, { color: "cyan", bold: true, children: displayName }),
+        argsSummary ? /* @__PURE__ */ jsxs8(Text9, { color: "cyan", dimColor: true, children: [
+          "(",
+          argsSummary,
+          ")"
+        ] }) : null
+      ] });
+    } else if (event.type === "tool_result") {
+      content = /* @__PURE__ */ jsx9(Box9, { paddingLeft: 2, children: /* @__PURE__ */ jsx9(
+        ToolOutput,
+        {
+          tool: event.tool,
+          output: event.output,
+          isError: event.isError
+        }
+      ) });
+    } else if (event.type === "done") {
+      if (prevEvent?.type === "thought") return null;
+      const duration = event.durationMs ? ` (${(event.durationMs / 1e3).toFixed(1)}s)` : "";
+      content = /* @__PURE__ */ jsx9(Box9, { children: /* @__PURE__ */ jsxs8(Text9, { color: "green", children: [
+        "\u23FA",
+        " Done",
+        duration
+      ] }) });
+    } else if (event.type === "error") {
+      content = /* @__PURE__ */ jsx9(Box9, { children: /* @__PURE__ */ jsxs8(Text9, { color: "red", children: [
+        "\u23FA",
+        " ",
+        event.message
+      ] }) });
+    }
+    if (!content) return null;
+    return /* @__PURE__ */ jsx9(Box9, { marginTop: needsMargin ? 1 : 0, flexDirection: "column", children: content }, i);
+  }) });
+};
+var MessageList = React7.memo(MessageListComponent);
+
+// src/components/WelcomeBanner.tsx
+import React8 from "react";
+import { Box as Box10, Text as Text10 } from "ink";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function renderBannerArt() {
   return [
     " ,\u259E\u2580\u2580\u2580\u2580\u2580\u259A,",
@@ -951,35 +1049,35 @@ var WelcomeBannerComponent = ({ model, mode, version = "v1.0", sandbox: sandbox2
   const cwd = process.cwd();
   const home = process.env.HOME || process.env.USERPROFILE || "";
   const shortCwd = cwd.startsWith(home) ? "~" + cwd.slice(home.length) : cwd;
-  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", paddingX: 1, marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", marginRight: 1, children: [
-      /* @__PURE__ */ jsx9(Text9, { color: "red", bold: true, children: art[0] }),
-      /* @__PURE__ */ jsx9(Text9, { color: "red", children: art[1] }),
-      /* @__PURE__ */ jsx9(Text9, { color: "red", children: art[2] }),
-      /* @__PURE__ */ jsx9(Text9, { color: "red", dimColor: true, children: art[3] })
+  return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "row", paddingX: 1, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", marginRight: 1, children: [
+      /* @__PURE__ */ jsx10(Text10, { color: "red", bold: true, children: art[0] }),
+      /* @__PURE__ */ jsx10(Text10, { color: "red", children: art[1] }),
+      /* @__PURE__ */ jsx10(Text10, { color: "red", children: art[2] }),
+      /* @__PURE__ */ jsx10(Text10, { color: "red", dimColor: true, children: art[3] })
     ] }),
-    /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", justifyContent: "center", children: [
-      /* @__PURE__ */ jsxs8(Text9, { bold: true, color: "white", children: [
+    /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", justifyContent: "center", children: [
+      /* @__PURE__ */ jsxs9(Text10, { bold: true, color: "white", children: [
         "obsidian ",
-        /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: version })
+        /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: version })
       ] }),
-      /* @__PURE__ */ jsxs8(Text9, { children: [
+      /* @__PURE__ */ jsxs9(Text10, { children: [
         formatModel(model),
         " ",
-        /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "\xB7" }),
+        /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "\xB7" }),
         " ",
-        /* @__PURE__ */ jsxs8(Text9, { color: mode === "auto" ? "green" : mode === "plan" ? "yellow" : "red", children: [
+        /* @__PURE__ */ jsxs9(Text10, { color: mode === "auto" ? "green" : mode === "plan" ? "yellow" : "red", children: [
           mode,
           " mode"
         ] }),
         " ",
-        /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "\xB7" }),
+        /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "\xB7" }),
         " ",
-        /* @__PURE__ */ jsx9(Text9, { color: sandbox2 === "sandbox" ? "green" : "yellow", children: sandbox2 === "sandbox" ? "sandbox" : "no sandbox" })
+        /* @__PURE__ */ jsx10(Text10, { color: sandbox2 === "sandbox" ? "green" : "yellow", children: sandbox2 === "sandbox" ? "sandbox" : "no sandbox" })
       ] }),
-      /* @__PURE__ */ jsxs8(Box9, { children: [
-        /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: shortCwd }),
-        branch && /* @__PURE__ */ jsxs8(Text9, { color: "gray", children: [
+      /* @__PURE__ */ jsxs9(Box10, { children: [
+        /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: shortCwd }),
+        branch && /* @__PURE__ */ jsxs9(Text10, { color: "gray", children: [
           " (",
           branch,
           ")"
@@ -988,111 +1086,7 @@ var WelcomeBannerComponent = ({ model, mode, version = "v1.0", sandbox: sandbox2
     ] })
   ] });
 };
-var WelcomeBanner = React7.memo(WelcomeBannerComponent);
-
-// src/ui/MessageList.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-function formatToolName(tool) {
-  return tool.split(/[_-]/).map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join("");
-}
-function summarizeArgs(tool, argsJson) {
-  try {
-    const args = JSON.parse(argsJson);
-    const firstVal = Object.values(args)[0];
-    if (typeof firstVal === "string") {
-      const cleaned = firstVal.trim();
-      return cleaned.length > 60 ? cleaned.slice(0, 60) + "..." : cleaned;
-    }
-    return "";
-  } catch {
-    return "";
-  }
-}
-var MessageListComponent = ({
-  events,
-  maxEvents = 50,
-  model = "",
-  mode = "safe",
-  version = "v1.0",
-  scrollOffset = 0,
-  sandbox: sandbox2 = "local",
-  branch = ""
-}) => {
-  const end = events.length - scrollOffset;
-  const start = Math.max(0, end - maxEvents);
-  const visibleEvents = events.slice(start, end);
-  return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx10(WelcomeBanner, { model, mode, version, sandbox: sandbox2, branch }),
-    visibleEvents.map((event, i) => {
-      const prevEvent = visibleEvents[i - 1];
-      const nextEvent = visibleEvents[i + 1];
-      let content = null;
-      const isToolResult = event.type === "tool_result" && prevEvent?.type === "tool_start";
-      const needsMargin = !isToolResult;
-      if (event.type === "user_input") {
-        content = /* @__PURE__ */ jsx10(Box10, { children: /* @__PURE__ */ jsxs9(Text10, { backgroundColor: "#1a1a2e", color: "#e0e0e0", children: [
-          " > ",
-          event.content,
-          " "
-        ] }) });
-      } else if (event.type === "thought") {
-        if (event.content.startsWith("Mode:")) return null;
-        if (event.hidden) return null;
-        const isLast = i === visibleEvents.length - 1;
-        const doneNext = nextEvent?.type === "done" ? nextEvent : null;
-        const durationSuffix = doneNext?.durationMs ? ` (${(doneNext.durationMs / 1e3).toFixed(1)}s)` : "";
-        content = /* @__PURE__ */ jsxs9(Box10, { children: [
-          /* @__PURE__ */ jsxs9(Text10, { color: "white", children: [
-            "\u23FA",
-            " "
-          ] }),
-          /* @__PURE__ */ jsx10(AgentLine, { content: event.content + durationSuffix, isStreaming: isLast && !doneNext })
-        ] });
-      } else if (event.type === "tool_start") {
-        const argsSummary = summarizeArgs(event.tool, event.args);
-        const displayName = formatToolName(event.tool);
-        content = /* @__PURE__ */ jsxs9(Box10, { children: [
-          /* @__PURE__ */ jsxs9(Text10, { color: "cyan", children: [
-            "\u23FA",
-            " "
-          ] }),
-          /* @__PURE__ */ jsx10(Text10, { color: "cyan", bold: true, children: displayName }),
-          argsSummary ? /* @__PURE__ */ jsxs9(Text10, { color: "cyan", dimColor: true, children: [
-            "(",
-            argsSummary,
-            ")"
-          ] }) : null
-        ] });
-      } else if (event.type === "tool_result") {
-        content = /* @__PURE__ */ jsx10(Box10, { paddingLeft: 2, children: /* @__PURE__ */ jsx10(
-          ToolOutput,
-          {
-            tool: event.tool,
-            output: event.output,
-            isError: event.isError
-          }
-        ) });
-      } else if (event.type === "done") {
-        if (prevEvent?.type === "thought") return null;
-        const duration = event.durationMs ? ` (${(event.durationMs / 1e3).toFixed(1)}s)` : "";
-        content = /* @__PURE__ */ jsx10(Box10, { children: /* @__PURE__ */ jsxs9(Text10, { color: "green", children: [
-          "\u23FA",
-          " Done",
-          duration
-        ] }) });
-      } else if (event.type === "error") {
-        content = /* @__PURE__ */ jsx10(Box10, { children: /* @__PURE__ */ jsxs9(Text10, { color: "red", children: [
-          "\u23FA",
-          " ",
-          event.message
-        ] }) });
-      }
-      if (!content) return null;
-      return /* @__PURE__ */ jsx10(Box10, { marginTop: needsMargin ? 1 : 0, flexDirection: "column", children: content }, i);
-    })
-  ] });
-};
-var MessageList = React8.memo(MessageListComponent);
+var WelcomeBanner = React8.memo(WelcomeBannerComponent);
 
 // src/ui/views/DoctorView.tsx
 import { useState as useState8, useEffect as useEffect4 } from "react";
@@ -3461,7 +3455,7 @@ var Agent = class {
     registerAbilities(scheduler);
     scheduler.start();
     if (resumeSessionId && resumeSessionId !== "PREVENT_CLEAR") {
-      const { session: session2 } = await import("./session-XFLOXGU3.js");
+      const { session: session2 } = await import("./session-37MDDCWV.js");
       const result = await session2.restore(resumeSessionId);
       if (!result.success) {
         bus.emitAgent({
@@ -3490,7 +3484,7 @@ var Agent = class {
     await undo.init(this.sessionId);
     auditLog.setSessionId(this.sessionId);
     await auditLog.init();
-    const s = await (await import("./settings-YKJFSKMO.js")).settings.load();
+    const s = await (await import("./settings-4ALCRT5S.js")).settings.load();
     redactor.setEnabled(s.security.piiRedaction);
     this.initialized = true;
   }
@@ -3518,7 +3512,7 @@ var Agent = class {
           break;
         case "/resume":
           if (args.length > 0) {
-            const { resumeCommand: resumeCommand2 } = await import("./resume-PLF4XGBD.js");
+            const { resumeCommand: resumeCommand2 } = await import("./resume-O6PLICAA.js");
             await resumeCommand2(args);
             return true;
           }
@@ -3607,16 +3601,8 @@ ${change.beforeContent.slice(0, 500)}...` : ""}`;
     bus.emitAgent({
       type: "thought",
       content: `[${mode}] ${complexityLabel}`,
-      hidden: complexity === "simple"
-      // Hide for simple tasks to reduce flicker
+      hidden: true
     });
-    if (suggestPlanMode && mode !== "plan") {
-      bus.emitAgent({
-        type: "thought",
-        content: "[TIP] Complex task detected. Consider switching to plan mode (Shift+Tab) for better results.",
-        hidden: false
-      });
-    }
     if (mode === "plan") {
       await this.runPlanMode(input);
     } else {
@@ -3755,7 +3741,7 @@ ${this.formatPlan(plan)}`
 [${taskProgress}]`;
     }
     try {
-      const { memory: memory2 } = await import("./memory-OAMK27IZ.js");
+      const { memory: memory2 } = await import("./memory-GXW2OA2T.js");
       const results = await memory2.search(input);
       if (results.length > 0) {
         const relevant = results.slice(0, 3).map((m) => `- ${m.key}: ${m.content}`).join("\n");
@@ -3777,31 +3763,21 @@ ${relevant}`;
     }
     const response = await llm.streamChat(enhancedInput);
     if (response !== null) {
-      let finalResponse = response;
       const toolOutput = llm.getLastToolOutput();
-      if (finalResponse && !toolOutput) {
-        const lower = finalResponse.toLowerCase();
+      if (response && !toolOutput) {
+        const lower = response.toLowerCase();
         const isPromiseToAct = lower.includes("i'll check") || lower.includes("let me check") || lower.includes("i'll look") || lower.includes("let me look") || lower.includes("i'll list") || lower.includes("let me list") || lower.includes("i'll search") || lower.includes("let me search") || lower.includes("i'll run") || lower.includes("let me run") || lower.includes("i'll execute") || lower.includes("let me execute") || lower.includes("i will use") || lower.includes("let me use") || lower.includes("checking") || lower.includes("looking into");
         if (isPromiseToAct) {
-          const followUp = await llm.streamChat(
+          await llm.streamChat(
             "[System] You said you would check but did not call any tools. Call the appropriate tool NOW and present the actual results to the user."
           );
-          if (followUp && followUp.trim()) {
-            finalResponse = followUp;
-          }
         }
       }
-      if (finalResponse && finalResponse.trim()) {
-        bus.emitAgent({ type: "thought", content: finalResponse });
-      } else if (toolOutput) {
-        bus.emitAgent({ type: "thought", content: toolOutput });
-      } else {
+      if (!response?.trim() && !toolOutput) {
         const followUp = await llm.streamChat(
           "[System] You returned an empty response. Please execute the requested task or answer the question."
         );
-        if (followUp && followUp.trim()) {
-          bus.emitAgent({ type: "thought", content: followUp });
-        } else {
+        if (!followUp?.trim()) {
           bus.emitAgent({
             type: "error",
             message: "Model returned empty response (multiple attempts)."
@@ -5064,25 +5040,230 @@ var SandboxView = ({ onClose }) => {
   ] });
 };
 
-// src/components/SettingsMenu.tsx
-import { useState as useState27, useCallback as useCallback6, useEffect as useEffect21 } from "react";
+// src/ui/views/SkillsView.tsx
+import { useState as useState27, useEffect as useEffect21 } from "react";
 import { Box as Box31, Text as Text31, useInput as useInput24 } from "ink";
 import { jsx as jsx31, jsxs as jsxs30 } from "react/jsx-runtime";
+var SkillsView = ({ onExit }) => {
+  const [skills, setSkills] = useState27([]);
+  const [selected, setSelected] = useState27(0);
+  const [mode, setMode] = useState27("list");
+  const [status, setStatus] = useState27(null);
+  const [error, setError] = useState27(null);
+  const [loading, setLoading] = useState27(true);
+  const refresh = async () => {
+    try {
+      await skillsManager.init();
+      const all = await skillsManager.listAll();
+      setSkills(all);
+      if (selected >= all.length) setSelected(Math.max(0, all.length - 1));
+    } catch (e) {
+      setError(e.message);
+    }
+    setLoading(false);
+  };
+  useEffect21(() => {
+    refresh();
+  }, []);
+  useInput24(async (input, key) => {
+    if (mode === "detail") {
+      if (key.escape) {
+        setMode("list");
+        return;
+      }
+      return;
+    }
+    if (key.escape) {
+      onExit();
+      return;
+    }
+    if (key.upArrow) {
+      setSelected((p) => p > 0 ? p - 1 : Math.max(0, skills.length - 1));
+      setStatus(null);
+      setError(null);
+    }
+    if (key.downArrow) {
+      setSelected((p) => p < skills.length - 1 ? p + 1 : 0);
+      setStatus(null);
+      setError(null);
+    }
+    if (skills.length === 0) return;
+    const skill = skills[selected];
+    if (key.return || input === "t") {
+      try {
+        if (skill.enabled) {
+          await skillsManager.disable(skill.name);
+          setStatus(`Disabled '${skill.name}' - will take effect on restart`);
+        } else {
+          await skillsManager.enable(skill.name);
+          setStatus(`Enabled '${skill.name}' - will take effect on restart`);
+        }
+        await refresh();
+      } catch (e) {
+        setError(e.message);
+      }
+    }
+    if (input === "v") {
+      setMode("detail");
+    }
+    if ((input === "r" || key.delete) && skill.source === "user") {
+      const ok = await skillsManager.remove(skill.name);
+      if (ok) {
+        setStatus(`Removed '${skill.name}'`);
+        await refresh();
+      } else {
+        setError(`Cannot remove '${skill.name}'`);
+      }
+    }
+    if (input === "c" && skill.source === "default") {
+      const ok = await skillsManager.copyToUser(skill.name);
+      if (ok) {
+        setStatus(`Copied '${skill.name}' to user skills for customization`);
+        await refresh();
+      } else {
+        setError(`Failed to copy '${skill.name}'`);
+      }
+    }
+    if (input === "l") {
+      setLoading(true);
+      setStatus("Reloading skills...");
+      try {
+        await tools.init();
+        await refresh();
+        setStatus("Skills reloaded");
+      } catch (e) {
+        setError(e.message);
+      }
+      setLoading(false);
+    }
+  });
+  const VISIBLE = 8;
+  const startIdx = Math.max(0, Math.min(selected - Math.floor(VISIBLE / 2), skills.length - VISIBLE));
+  const endIdx = Math.min(startIdx + VISIBLE, skills.length);
+  const visible = skills.slice(startIdx, endIdx);
+  if (loading) {
+    return /* @__PURE__ */ jsx31(Box31, { flexDirection: "column", paddingX: 1, children: /* @__PURE__ */ jsx31(Text31, { color: "gray", children: "Loading skills..." }) });
+  }
+  if (mode === "detail" && skills[selected]) {
+    const s = skills[selected];
+    return /* @__PURE__ */ jsxs30(Box31, { flexDirection: "column", paddingX: 1, borderStyle: "round", borderColor: "gray", children: [
+      /* @__PURE__ */ jsx31(Box31, { marginBottom: 1, borderStyle: "single", borderTop: false, borderLeft: false, borderRight: false, borderBottom: true, borderColor: "gray", children: /* @__PURE__ */ jsx31(Text31, { bold: true, color: "cyan", children: "SKILL DETAIL" }) }),
+      /* @__PURE__ */ jsxs30(Box31, { flexDirection: "column", gap: 0, children: [
+        /* @__PURE__ */ jsxs30(Text31, { children: [
+          /* @__PURE__ */ jsx31(Text31, { bold: true, children: "Name: " }),
+          /* @__PURE__ */ jsx31(Text31, { color: "white", children: s.name })
+        ] }),
+        /* @__PURE__ */ jsxs30(Text31, { children: [
+          /* @__PURE__ */ jsx31(Text31, { bold: true, children: "Source: " }),
+          /* @__PURE__ */ jsx31(Text31, { color: s.source === "default" ? "yellow" : "green", children: s.source })
+        ] }),
+        /* @__PURE__ */ jsxs30(Text31, { children: [
+          /* @__PURE__ */ jsx31(Text31, { bold: true, children: "Status: " }),
+          /* @__PURE__ */ jsx31(Text31, { color: s.enabled ? "green" : "red", children: s.enabled ? "Enabled" : "Disabled" })
+        ] }),
+        /* @__PURE__ */ jsxs30(Text31, { children: [
+          /* @__PURE__ */ jsx31(Text31, { bold: true, children: "File: " }),
+          /* @__PURE__ */ jsx31(Text31, { color: "gray", children: s.filename })
+        ] }),
+        /* @__PURE__ */ jsx31(Box31, { marginTop: 1, children: /* @__PURE__ */ jsx31(Text31, { children: /* @__PURE__ */ jsx31(Text31, { bold: true, children: "Description: " }) }) }),
+        /* @__PURE__ */ jsx31(Text31, { color: "gray", wrap: "wrap", children: s.description || "No description" })
+      ] }),
+      /* @__PURE__ */ jsx31(Box31, { marginTop: 1, borderStyle: "single", borderTop: true, borderLeft: false, borderRight: false, borderBottom: false, borderColor: "gray", children: /* @__PURE__ */ jsxs30(Text31, { color: "gray", children: [
+        /* @__PURE__ */ jsx31(Text31, { bold: true, children: "Esc" }),
+        " Back"
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs30(Box31, { flexDirection: "column", paddingX: 1, borderStyle: "round", borderColor: "gray", children: [
+    /* @__PURE__ */ jsxs30(Box31, { marginBottom: 1, borderStyle: "single", borderTop: false, borderLeft: false, borderRight: false, borderBottom: true, borderColor: "gray", children: [
+      /* @__PURE__ */ jsx31(Text31, { bold: true, color: "cyan", children: "SKILLS STORE" }),
+      /* @__PURE__ */ jsxs30(Text31, { color: "gray", children: [
+        "  ",
+        skills.filter((s) => s.enabled).length,
+        "/",
+        skills.length,
+        " active"
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsx31(Box31, { marginBottom: 1, children: /* @__PURE__ */ jsxs30(Text31, { color: "red", children: [
+      "[ERROR] ",
+      error
+    ] }) }),
+    status && /* @__PURE__ */ jsx31(Box31, { marginBottom: 1, children: /* @__PURE__ */ jsx31(Text31, { color: "green", children: status }) }),
+    /* @__PURE__ */ jsxs30(Box31, { flexDirection: "row", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx31(Box31, { width: 4, children: /* @__PURE__ */ jsx31(Text31, { color: "gray", bold: true, children: "  " }) }),
+      /* @__PURE__ */ jsx31(Box31, { width: 22, children: /* @__PURE__ */ jsx31(Text31, { color: "gray", bold: true, children: "Skill" }) }),
+      /* @__PURE__ */ jsx31(Box31, { width: 10, children: /* @__PURE__ */ jsx31(Text31, { color: "gray", bold: true, children: "Source" }) }),
+      /* @__PURE__ */ jsx31(Box31, { width: 10, children: /* @__PURE__ */ jsx31(Text31, { color: "gray", bold: true, children: "Status" }) }),
+      /* @__PURE__ */ jsx31(Box31, { flexGrow: 1, children: /* @__PURE__ */ jsx31(Text31, { color: "gray", bold: true, children: "Description" }) })
+    ] }),
+    skills.length === 0 ? /* @__PURE__ */ jsx31(Box31, { paddingY: 2, justifyContent: "center", children: /* @__PURE__ */ jsx31(Text31, { color: "gray", children: "No skills found. Create one with /tool create_skill or add .mjs files to ~/.obsidian-next/skills/" }) }) : visible.map((s, idx) => {
+      const realIndex = startIdx + idx;
+      const isSel = realIndex === selected;
+      return /* @__PURE__ */ jsxs30(Box31, { flexDirection: "row", children: [
+        /* @__PURE__ */ jsx31(Box31, { width: 4, children: /* @__PURE__ */ jsx31(Text31, { color: isSel ? "cyan" : "white", children: isSel ? "> " : "  " }) }),
+        /* @__PURE__ */ jsx31(Box31, { width: 22, children: /* @__PURE__ */ jsx31(Text31, { color: isSel ? "cyan" : "white", bold: isSel, children: s.name }) }),
+        /* @__PURE__ */ jsx31(Box31, { width: 10, children: /* @__PURE__ */ jsx31(Text31, { color: s.source === "default" ? "yellow" : "green", children: s.source }) }),
+        /* @__PURE__ */ jsx31(Box31, { width: 10, children: /* @__PURE__ */ jsx31(Text31, { color: s.enabled ? "green" : "red", children: s.enabled ? "ON" : "OFF" }) }),
+        /* @__PURE__ */ jsx31(Box31, { flexGrow: 1, children: /* @__PURE__ */ jsx31(Text31, { color: "gray", wrap: "truncate-end", children: s.description.slice(0, 50) }) })
+      ] }, s.name);
+    }),
+    skills.length > VISIBLE && /* @__PURE__ */ jsx31(Box31, { marginTop: 1, children: /* @__PURE__ */ jsxs30(Text31, { color: "gray", children: [
+      "[",
+      startIdx + 1,
+      "-",
+      endIdx,
+      " of ",
+      skills.length,
+      "]"
+    ] }) }),
+    /* @__PURE__ */ jsx31(Box31, { marginTop: 1, borderStyle: "single", borderTop: true, borderLeft: false, borderRight: false, borderBottom: false, borderColor: "gray", children: /* @__PURE__ */ jsxs30(Text31, { children: [
+      /* @__PURE__ */ jsx31(Text31, { bold: true, color: "white", children: "Enter" }),
+      " ",
+      /* @__PURE__ */ jsx31(Text31, { color: "gray", children: "Toggle" }),
+      /* @__PURE__ */ jsx31(Text31, { color: "gray", children: " \xB7 " }),
+      /* @__PURE__ */ jsx31(Text31, { bold: true, color: "white", children: "V" }),
+      " ",
+      /* @__PURE__ */ jsx31(Text31, { color: "gray", children: "Detail" }),
+      /* @__PURE__ */ jsx31(Text31, { color: "gray", children: " \xB7 " }),
+      /* @__PURE__ */ jsx31(Text31, { bold: true, color: "white", children: "C" }),
+      " ",
+      /* @__PURE__ */ jsx31(Text31, { color: "gray", children: "Customize" }),
+      /* @__PURE__ */ jsx31(Text31, { color: "gray", children: " \xB7 " }),
+      /* @__PURE__ */ jsx31(Text31, { bold: true, color: "red", children: "R" }),
+      " ",
+      /* @__PURE__ */ jsx31(Text31, { color: "gray", children: "Remove" }),
+      /* @__PURE__ */ jsx31(Text31, { color: "gray", children: " \xB7 " }),
+      /* @__PURE__ */ jsx31(Text31, { bold: true, color: "white", children: "L" }),
+      " ",
+      /* @__PURE__ */ jsx31(Text31, { color: "gray", children: "Reload" }),
+      /* @__PURE__ */ jsx31(Text31, { color: "gray", children: " \xB7 " }),
+      /* @__PURE__ */ jsx31(Text31, { bold: true, children: "Esc" }),
+      " ",
+      /* @__PURE__ */ jsx31(Text31, { color: "gray", children: "Back" })
+    ] }) })
+  ] });
+};
+
+// src/components/SettingsMenu.tsx
+import { useState as useState28, useCallback as useCallback6, useEffect as useEffect22 } from "react";
+import { Box as Box32, Text as Text32, useInput as useInput25 } from "ink";
+import { jsx as jsx32, jsxs as jsxs31 } from "react/jsx-runtime";
 var SettingsMenu = ({
   onClose,
   initialTab
 }) => {
-  const [view, setView] = useState27(initialTab || "categories");
-  const [selectedIndex, setSelectedIndex] = useState27(0);
-  const [currentSettings, setCurrentSettings] = useState27(null);
-  const [currentConfig, setCurrentConfig] = useState27(null);
-  const [saving, setSaving] = useState27(false);
-  const [confirmation, setConfirmation] = useState27(null);
-  useEffect21(() => {
+  const [view, setView] = useState28(initialTab || "categories");
+  const [selectedIndex, setSelectedIndex] = useState28(0);
+  const [currentSettings, setCurrentSettings] = useState28(null);
+  const [currentConfig, setCurrentConfig] = useState28(null);
+  const [saving, setSaving] = useState28(false);
+  const [confirmation, setConfirmation] = useState28(null);
+  useEffect22(() => {
     settings.load().then(setCurrentSettings);
     config.load().then(setCurrentConfig);
   }, []);
-  useEffect21(() => {
+  useEffect22(() => {
     setSelectedIndex(0);
   }, [view]);
   const saveAndUpdate = useCallback6(async (updates) => {
@@ -5654,7 +5835,7 @@ var SettingsMenu = ({
     saveConfigUpdate,
     onClose
   ]);
-  useInput24((input, key) => {
+  useInput25((input, key) => {
     if (!currentSettings) return;
     if (confirmation) {
       if (input === "y" || input === "Y" || key.return)
@@ -5678,11 +5859,11 @@ var SettingsMenu = ({
     if (num >= 1 && num <= items.length) setSelectedIndex(num - 1);
   });
   if (!currentSettings || !currentConfig) {
-    return /* @__PURE__ */ jsx31(Box31, { padding: 1, children: /* @__PURE__ */ jsx31(Text31, { color: "gray", children: "Loading settings..." }) });
+    return /* @__PURE__ */ jsx32(Box32, { padding: 1, children: /* @__PURE__ */ jsx32(Text32, { color: "gray", children: "Loading settings..." }) });
   }
   if (confirmation) {
-    return /* @__PURE__ */ jsxs30(
-      Box31,
+    return /* @__PURE__ */ jsxs31(
+      Box32,
       {
         flexDirection: "column",
         paddingX: 1,
@@ -5690,14 +5871,14 @@ var SettingsMenu = ({
         height: "100%",
         justifyContent: "center",
         children: [
-          /* @__PURE__ */ jsx31(Box31, { marginBottom: 1, children: /* @__PURE__ */ jsx31(Text31, { color: "red", bold: true, children: "[ ! ] Confirmation Required" }) }),
-          /* @__PURE__ */ jsx31(Box31, { marginBottom: 1, children: /* @__PURE__ */ jsx31(Text31, { color: "white", children: confirmation.message }) }),
-          /* @__PURE__ */ jsxs30(Box31, { children: [
-            /* @__PURE__ */ jsx31(Text31, { color: "gray", children: " " }),
-            /* @__PURE__ */ jsx31(Text31, { color: "red", bold: true, children: "(y)" }),
-            /* @__PURE__ */ jsx31(Text31, { color: "gray", children: " Confirm " }),
-            /* @__PURE__ */ jsx31(Text31, { color: "red", bold: true, children: "(n)" }),
-            /* @__PURE__ */ jsx31(Text31, { color: "gray", children: " Cancel" })
+          /* @__PURE__ */ jsx32(Box32, { marginBottom: 1, children: /* @__PURE__ */ jsx32(Text32, { color: "red", bold: true, children: "[ ! ] Confirmation Required" }) }),
+          /* @__PURE__ */ jsx32(Box32, { marginBottom: 1, children: /* @__PURE__ */ jsx32(Text32, { color: "white", children: confirmation.message }) }),
+          /* @__PURE__ */ jsxs31(Box32, { children: [
+            /* @__PURE__ */ jsx32(Text32, { color: "gray", children: " " }),
+            /* @__PURE__ */ jsx32(Text32, { color: "red", bold: true, children: "(y)" }),
+            /* @__PURE__ */ jsx32(Text32, { color: "gray", children: " Confirm " }),
+            /* @__PURE__ */ jsx32(Text32, { color: "red", bold: true, children: "(n)" }),
+            /* @__PURE__ */ jsx32(Text32, { color: "gray", children: " Cancel" })
           ] })
         ]
       }
@@ -5729,8 +5910,8 @@ var SettingsMenu = ({
         return "Settings";
     }
   };
-  return /* @__PURE__ */ jsxs30(
-    Box31,
+  return /* @__PURE__ */ jsxs31(
+    Box32,
     {
       flexDirection: "column",
       paddingX: 1,
@@ -5738,17 +5919,17 @@ var SettingsMenu = ({
       width: "100%",
       height: "100%",
       children: [
-        /* @__PURE__ */ jsxs30(Box31, { marginBottom: 1, flexDirection: "row", justifyContent: "flex-start", children: [
-          /* @__PURE__ */ jsxs30(Text31, { bold: true, color: "white", children: [
+        /* @__PURE__ */ jsxs31(Box32, { marginBottom: 1, flexDirection: "row", justifyContent: "flex-start", children: [
+          /* @__PURE__ */ jsxs31(Text32, { bold: true, color: "white", children: [
             "[ ",
             getViewTitle(),
             " ]"
           ] }),
-          /* @__PURE__ */ jsxs30(Box31, { marginLeft: 2, children: [
-            saving && /* @__PURE__ */ jsx31(Text31, { color: "yellow", children: "Saving... " }),
-            /* @__PURE__ */ jsx31(Text31, { color: "gray", children: "Mode: " }),
-            /* @__PURE__ */ jsx31(
-              Text31,
+          /* @__PURE__ */ jsxs31(Box32, { marginLeft: 2, children: [
+            saving && /* @__PURE__ */ jsx32(Text32, { color: "yellow", children: "Saving... " }),
+            /* @__PURE__ */ jsx32(Text32, { color: "gray", children: "Mode: " }),
+            /* @__PURE__ */ jsx32(
+              Text32,
               {
                 color: currentSettings.mode === "auto" ? "green" : currentSettings.mode === "plan" ? "yellow" : "white",
                 bold: true,
@@ -5757,60 +5938,60 @@ var SettingsMenu = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx31(Box31, { flexDirection: "column", marginBottom: 1, children: items.map((item, index) => {
+        /* @__PURE__ */ jsx32(Box32, { flexDirection: "column", marginBottom: 1, children: items.map((item, index) => {
           const isSelected = index === selectedIndex;
           const indicator = isSelected ? ">" : " ";
           let valueDisplay = null;
           if (item.type === "toggle") {
-            valueDisplay = /* @__PURE__ */ jsx31(Text31, { color: item.value ? "green" : "red", children: item.value ? "ON" : "OFF" });
+            valueDisplay = /* @__PURE__ */ jsx32(Text32, { color: item.value ? "green" : "red", children: item.value ? "ON" : "OFF" });
           } else if (item.type === "select" && view === "mode") {
-            valueDisplay = /* @__PURE__ */ jsx31(Text31, { color: item.value ? "green" : "gray", children: item.value ? "[*]" : "[ ]" });
+            valueDisplay = /* @__PURE__ */ jsx32(Text32, { color: item.value ? "green" : "gray", children: item.value ? "[*]" : "[ ]" });
           } else if (item.type === "select" && view === "models") {
-            valueDisplay = /* @__PURE__ */ jsx31(Text31, { color: item.value ? "green" : "gray", children: item.value ? " (Active)" : "" });
+            valueDisplay = /* @__PURE__ */ jsx32(Text32, { color: item.value ? "green" : "gray", children: item.value ? " (Active)" : "" });
           }
-          return /* @__PURE__ */ jsxs30(Box31, { flexDirection: "column", marginBottom: 0, children: [
-            /* @__PURE__ */ jsxs30(Box31, { children: [
-              /* @__PURE__ */ jsxs30(Text31, { color: isSelected ? "red" : "gray", children: [
+          return /* @__PURE__ */ jsxs31(Box32, { flexDirection: "column", marginBottom: 0, children: [
+            /* @__PURE__ */ jsxs31(Box32, { children: [
+              /* @__PURE__ */ jsxs31(Text32, { color: isSelected ? "red" : "gray", children: [
                 indicator,
                 " "
               ] }),
-              /* @__PURE__ */ jsx31(Text31, { color: isSelected ? "white" : "gray", bold: isSelected, children: item.label }),
-              valueDisplay && /* @__PURE__ */ jsx31(Text31, { children: " " }),
+              /* @__PURE__ */ jsx32(Text32, { color: isSelected ? "white" : "gray", bold: isSelected, children: item.label }),
+              valueDisplay && /* @__PURE__ */ jsx32(Text32, { children: " " }),
               valueDisplay
             ] }),
-            item.description && isSelected && /* @__PURE__ */ jsx31(Box31, { marginLeft: 2, children: /* @__PURE__ */ jsxs30(Text31, { color: "gray", dimColor: true, children: [
+            item.description && isSelected && /* @__PURE__ */ jsx32(Box32, { marginLeft: 2, children: /* @__PURE__ */ jsxs31(Text32, { color: "gray", dimColor: true, children: [
               " ",
               item.description
             ] }) })
           ] }, item.key);
         }) }),
-        view === "permissions" && /* @__PURE__ */ jsxs30(Box31, { flexDirection: "column", marginBottom: 1, paddingX: 0, children: [
-          /* @__PURE__ */ jsx31(Text31, { color: "gray", bold: true, children: "Allowed patterns:" }),
-          currentSettings.permissions.allow.length === 0 ? /* @__PURE__ */ jsxs30(Text31, { color: "gray", dimColor: true, children: [
+        view === "permissions" && /* @__PURE__ */ jsxs31(Box32, { flexDirection: "column", marginBottom: 1, paddingX: 0, children: [
+          /* @__PURE__ */ jsx32(Text32, { color: "gray", bold: true, children: "Allowed patterns:" }),
+          currentSettings.permissions.allow.length === 0 ? /* @__PURE__ */ jsxs31(Text32, { color: "gray", dimColor: true, children: [
             " ",
             "(none)"
-          ] }) : currentSettings.permissions.allow.slice(0, 5).map((p, i) => /* @__PURE__ */ jsxs30(Text31, { color: "green", children: [
+          ] }) : currentSettings.permissions.allow.slice(0, 5).map((p, i) => /* @__PURE__ */ jsxs31(Text32, { color: "green", children: [
             " ",
             "+ ",
             p
           ] }, i)),
-          currentSettings.permissions.allow.length > 5 && /* @__PURE__ */ jsxs30(Text31, { color: "gray", dimColor: true, children: [
+          currentSettings.permissions.allow.length > 5 && /* @__PURE__ */ jsxs31(Text32, { color: "gray", dimColor: true, children: [
             " ",
             "... and ",
             currentSettings.permissions.allow.length - 5,
             " more"
           ] }),
-          /* @__PURE__ */ jsxs30(Box31, { marginTop: 1, children: [
-            /* @__PURE__ */ jsx31(Text31, { color: "gray", bold: true, children: "Denied patterns:" }),
-            currentSettings.permissions.deny.length === 0 ? /* @__PURE__ */ jsxs30(Text31, { color: "gray", dimColor: true, children: [
+          /* @__PURE__ */ jsxs31(Box32, { marginTop: 1, children: [
+            /* @__PURE__ */ jsx32(Text32, { color: "gray", bold: true, children: "Denied patterns:" }),
+            currentSettings.permissions.deny.length === 0 ? /* @__PURE__ */ jsxs31(Text32, { color: "gray", dimColor: true, children: [
               " ",
               "(none)"
-            ] }) : currentSettings.permissions.deny.slice(0, 5).map((p, i) => /* @__PURE__ */ jsxs30(Text31, { color: "red", children: [
+            ] }) : currentSettings.permissions.deny.slice(0, 5).map((p, i) => /* @__PURE__ */ jsxs31(Text32, { color: "red", children: [
               " ",
               "- ",
               p
             ] }, i)),
-            currentSettings.permissions.deny.length > 5 && /* @__PURE__ */ jsxs30(Text31, { color: "gray", dimColor: true, children: [
+            currentSettings.permissions.deny.length > 5 && /* @__PURE__ */ jsxs31(Text32, { color: "gray", dimColor: true, children: [
               " ",
               "... and ",
               currentSettings.permissions.deny.length - 5,
@@ -5818,7 +5999,7 @@ var SettingsMenu = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx31(Box31, { marginTop: 1, children: /* @__PURE__ */ jsx31(Text31, { color: "gray", dimColor: true, children: "Arrows: navigate Enter: select Esc: back Shift+Tab: cycle mode" }) })
+        /* @__PURE__ */ jsx32(Box32, { marginTop: 1, children: /* @__PURE__ */ jsx32(Text32, { color: "gray", dimColor: true, children: "Arrows: navigate Enter: select Esc: back Shift+Tab: cycle mode" }) })
       ]
     }
   );
@@ -5839,26 +6020,32 @@ function getGitBranch() {
 }
 
 // src/ui/Root.tsx
-import { jsx as jsx32, jsxs as jsxs31 } from "react/jsx-runtime";
-var MAX_EVENTS = 50;
+import { jsx as jsx33, jsxs as jsxs32 } from "react/jsx-runtime";
 var Root = () => {
-  const [events, setEvents] = useState28([]);
-  const [input, setInput] = useState28("");
-  const [pendingPrompt, setPendingPrompt] = useState28(null);
-  const [taskProgress, setTaskProgress] = useState28(tasks.getProgress());
+  const [events, setEvents] = useState29([]);
+  const [input, setInput] = useState29("");
+  const [pendingPrompt, setPendingPrompt] = useState29(null);
+  const [taskProgress, setTaskProgress] = useState29(tasks.getProgress());
   const { exit } = useApp();
   const { stdout } = useStdout();
-  const [columns, setColumns] = useState28(stdout?.columns || 80);
-  const [scrollOffset, setScrollOffset] = useState28(0);
-  useEffect22(() => {
+  const [columns, setColumns] = useState29(stdout?.columns || 80);
+  const [rows, setRows] = useState29(stdout?.rows || 24);
+  const [scrollOffset, setScrollOffset] = useState29(0);
+  const BANNER_HEIGHT = 6;
+  const INPUT_AREA_HEIGHT = 6;
+  const dynamicMaxEvents = Math.max(5, rows - (BANNER_HEIGHT + INPUT_AREA_HEIGHT));
+  useEffect23(() => {
     if (!stdout) return;
-    const onResize = () => setColumns(stdout.columns);
+    const onResize = () => {
+      setColumns(stdout.columns);
+      setRows(stdout.rows);
+    };
     stdout.on("resize", onResize);
     return () => {
       stdout.off("resize", onResize);
     };
   }, [stdout]);
-  const [stats, setStats] = useState28({
+  const [stats, setStats] = useState29({
     cost: 0,
     model: "Loading...",
     mode: "safe",
@@ -5866,19 +6053,20 @@ var Root = () => {
     sandbox: "local",
     branch: ""
   });
-  const [activeView, setActiveView] = useState28("chat");
-  const [settingsTab, setSettingsTab] = useState28();
-  const [isBusy, setIsBusy] = useState28(false);
-  const [isInitCommand, setIsInitCommand] = useState28(false);
-  const [isBackgroundBusy, setIsBackgroundBusy] = useState28(false);
-  const [currentActivity, setCurrentActivity] = useState28(null);
-  const [showPalette, setShowPalette] = useState28(false);
-  const [busyStartTime, setBusyStartTime] = useState28(Date.now());
-  const [contextPct, setContextPct] = useState28(100);
-  const [lastExitAttempt, setLastExitAttempt] = useState28(0);
-  const lastThoughtUpdate = useRef(0);
-  const THOUGHT_THROTTLE_MS = 100;
-  useEffect22(() => {
+  const [activeView, setActiveView] = useState29("chat");
+  const [settingsTab, setSettingsTab] = useState29();
+  const [isBusy, setIsBusy] = useState29(false);
+  const [isInitCommand, setIsInitCommand] = useState29(false);
+  const [isBackgroundBusy, setIsBackgroundBusy] = useState29(false);
+  const [currentActivity, setCurrentActivity] = useState29(null);
+  const [showPalette, setShowPalette] = useState29(false);
+  const [busyStartTime, setBusyStartTime] = useState29(Date.now());
+  const [contextPct, setContextPct] = useState29(100);
+  const [lastExitAttempt, setLastExitAttempt] = useState29(0);
+  const pendingEventsRef = useRef([]);
+  const flushTimerRef = useRef(null);
+  const RENDER_BATCH_MS = 150;
+  useEffect23(() => {
     const updateStats = async () => {
       const cfg = await config.load();
       const conf = cfg;
@@ -5915,19 +6103,66 @@ var Root = () => {
       bus.off("agent", statHandler);
     };
   }, []);
-  useEffect22(() => {
+  useEffect23(() => {
     history.load().then((loadedEvents) => {
       if (loadedEvents.length > 0) {
         setEvents(loadedEvents);
       }
     });
   }, []);
-  useEffect22(() => {
+  useEffect23(() => {
     if (events.length > 0) {
       history.save(events);
     }
   }, [events]);
-  useEffect22(() => {
+  const flushEvents = useCallback7(() => {
+    flushTimerRef.current = null;
+    const batch = pendingEventsRef.current;
+    if (batch.length === 0) return;
+    pendingEventsRef.current = [];
+    setEvents((prev) => {
+      let result = prev;
+      for (const event of batch) {
+        if (event.type === "thought" && event.streaming) {
+          let replaced = false;
+          for (let i = result.length - 1; i >= 0; i--) {
+            const e = result[i];
+            if (e.type === "user_input" || e.type === "clear_history") break;
+            if (e.type === "thought" && e.streaming) {
+              if (event.content.startsWith(e.content)) {
+                result = [...result];
+                result[i] = event;
+                replaced = true;
+              }
+              break;
+            }
+          }
+          if (replaced) continue;
+        }
+        const last = result[result.length - 1];
+        if (event.type === "thought" && last && last.type === "thought") {
+          if (last.content === event.content) continue;
+          result = [...result];
+          result[result.length - 1] = event;
+        } else {
+          result = [...result, event];
+        }
+      }
+      return result;
+    });
+    setScrollOffset(0);
+  }, []);
+  const scheduleFlush = useCallback7((immediate) => {
+    if (immediate) {
+      if (flushTimerRef.current) {
+        clearTimeout(flushTimerRef.current);
+      }
+      flushEvents();
+    } else if (!flushTimerRef.current) {
+      flushTimerRef.current = setTimeout(flushEvents, RENDER_BATCH_MS);
+    }
+  }, [flushEvents]);
+  useEffect23(() => {
     const handler = (event) => {
       if (event.type === "clear_history") {
         setEvents([]);
@@ -6021,23 +6256,12 @@ var Root = () => {
       } else if (event.type === "tool_result" || event.type === "done" || event.type === "error") {
         setCurrentActivity(null);
       }
-      if (event.type === "thought") {
-        const now = Date.now();
-        if (now - lastThoughtUpdate.current < THOUGHT_THROTTLE_MS) {
-          return;
-        }
-        lastThoughtUpdate.current = now;
+      if (event.type === "thought" && event.hidden) {
+        return;
       }
-      setEvents((prev) => {
-        const last = prev[prev.length - 1];
-        if (event.type === "thought" && last && last.type === "thought") {
-          if (last.content === event.content) return prev;
-          const newEvents = [...prev];
-          newEvents[newEvents.length - 1] = event;
-          return newEvents;
-        }
-        return [...prev, event];
-      });
+      pendingEventsRef.current.push(event);
+      const isImmediate = event.type === "done" || event.type === "error";
+      scheduleFlush(isImmediate);
     };
     const userHandler = (event) => {
       if (event.type === "user_input") {
@@ -6045,10 +6269,8 @@ var Root = () => {
           setIsInitCommand(true);
         }
         if (!event.silent) {
-          setEvents((prev) => [
-            ...prev,
-            { type: "user_input", content: event.content }
-          ]);
+          pendingEventsRef.current.push({ type: "user_input", content: event.content });
+          scheduleFlush(true);
         }
         setIsBusy(true);
         setBusyStartTime(Date.now());
@@ -6059,14 +6281,17 @@ var Root = () => {
     return () => {
       bus.off("agent", handler);
       bus.off("user", userHandler);
+      if (flushTimerRef.current) {
+        clearTimeout(flushTimerRef.current);
+      }
     };
-  }, []);
-  const [inputKey, setInputKey] = useState28(0);
-  const [selectedIndex, setSelectedIndex] = useState28(0);
+  }, [scheduleFlush]);
+  const [inputKey, setInputKey] = useState29(0);
+  const [selectedIndex, setSelectedIndex] = useState29(0);
   const query = input.toLowerCase();
   const isCommand = input.startsWith("/");
   const matches = isCommand ? COMMANDS.filter((c) => c.name.startsWith(query)) : [];
-  useEffect22(() => {
+  useEffect23(() => {
     setSelectedIndex(0);
   }, [input]);
   const cycleMode = useCallback7(async () => {
@@ -6100,7 +6325,7 @@ var Root = () => {
   const handlePromptResolve = useCallback7(() => {
     setPendingPrompt(null);
   }, []);
-  useInput25((inputChar, key) => {
+  useInput26((inputChar, key) => {
     if (inputChar === "" || key.ctrl && inputChar === "c") {
       const now = Date.now();
       if (now - lastExitAttempt < 2e3) {
@@ -6129,14 +6354,6 @@ var Root = () => {
       cycleMode();
       return;
     }
-    if (key.pageUp) {
-      setScrollOffset((prev) => Math.min(Math.max(0, events.length - 10), prev + 5));
-      return;
-    }
-    if (key.pageDown) {
-      setScrollOffset((prev) => Math.max(0, prev - 5));
-      return;
-    }
     if (key.ctrl && inputChar === "t") {
       setActiveView("task");
       return;
@@ -6185,7 +6402,7 @@ var Root = () => {
       setInput((prev) => prev + inputChar);
     }
   });
-  const lastSubmitTime = React29.useRef(0);
+  const lastSubmitTime = React30.useRef(0);
   const handleSubmit = (value) => {
     if (!value.trim()) return;
     const now = Date.now();
@@ -6197,7 +6414,7 @@ var Root = () => {
     bus.emitUser({ type: "user_input", content: trimmed, silent });
     setInput("");
   };
-  useEffect22(() => {
+  useEffect23(() => {
     const uiHandler = (event) => {
       if (event.type === "approval_response") {
         if (event.requestId === "ui:clear") {
@@ -6223,7 +6440,7 @@ var Root = () => {
   const renderInput = () => {
     const placeholder = isBusy ? "Thinking..." : pendingPrompt ? "Respond to prompt above..." : "Message or / for commands...";
     if (input.length === 0) {
-      return /* @__PURE__ */ jsx32(Text32, { color: "gray", children: placeholder });
+      return /* @__PURE__ */ jsx33(Text33, { color: "gray", children: placeholder });
     }
     const commandMatch = input.match(/^\/([a-zA-Z0-9_-]+)/);
     if (commandMatch) {
@@ -6231,37 +6448,38 @@ var Root = () => {
       const rest = input.slice(command.length);
       const isExactMatch = COMMANDS.some((c) => c.name === command);
       const isValidCommand = COMMANDS.some((c) => c.name === command || c.name.startsWith(command));
-      return /* @__PURE__ */ jsxs31(Text32, { children: [
-        /* @__PURE__ */ jsx32(Text32, { color: isExactMatch ? "red" : isValidCommand ? "yellow" : void 0, children: command }),
+      return /* @__PURE__ */ jsxs32(Text33, { children: [
+        /* @__PURE__ */ jsx33(Text33, { color: isExactMatch ? "red" : isValidCommand ? "yellow" : void 0, children: command }),
         rest,
-        /* @__PURE__ */ jsx32(Text32, { children: "_" })
+        /* @__PURE__ */ jsx33(Text33, { children: "_" })
       ] });
     }
-    return /* @__PURE__ */ jsxs31(Text32, { children: [
+    return /* @__PURE__ */ jsxs32(Text33, { children: [
       input,
-      /* @__PURE__ */ jsx32(Text32, { children: "_" })
+      /* @__PURE__ */ jsx33(Text33, { children: "_" })
     ] });
   };
-  const tokens = usage.getSessionTokens();
+  const tokens = React30.useMemo(() => usage.getSessionTokens(), [isBusy]);
+  const separatorLine = React30.useMemo(() => "\u2500".repeat(columns), [columns]);
   const renderView = () => {
     const closeView = () => setActiveView("chat");
     switch (activeView) {
       case "settings":
-        return /* @__PURE__ */ jsx32(SettingsMenu, { initialTab: settingsTab, onClose: closeView });
+        return /* @__PURE__ */ jsx33(SettingsMenu, { initialTab: settingsTab, onClose: closeView });
       case "doctor":
-        return /* @__PURE__ */ jsx32(DoctorView, { onClose: closeView });
+        return /* @__PURE__ */ jsx33(DoctorView, { onClose: closeView });
       case "help":
-        return /* @__PURE__ */ jsx32(HelpView, { onClose: closeView });
+        return /* @__PURE__ */ jsx33(HelpView, { onClose: closeView });
       case "init":
-        return /* @__PURE__ */ jsx32(InitView, { onClose: closeView });
+        return /* @__PURE__ */ jsx33(InitView, { onClose: closeView });
       case "usage":
-        return /* @__PURE__ */ jsx32(UsageView, { onClose: closeView });
+        return /* @__PURE__ */ jsx33(UsageView, { onClose: closeView });
       case "task":
-        return /* @__PURE__ */ jsx32(TaskView, { onClose: closeView });
+        return /* @__PURE__ */ jsx33(TaskView, { onClose: closeView });
       case "context":
-        return /* @__PURE__ */ jsx32(ContextView, { onClose: closeView });
+        return /* @__PURE__ */ jsx33(ContextView, { onClose: closeView });
       case "sessions":
-        return /* @__PURE__ */ jsx32(
+        return /* @__PURE__ */ jsx33(
           SessionView,
           {
             onClose: closeView,
@@ -6272,60 +6490,68 @@ var Root = () => {
           }
         );
       case "mcp":
-        return /* @__PURE__ */ jsx32(MCPView, { onExit: closeView });
+        return /* @__PURE__ */ jsx33(MCPView, { onExit: closeView });
       case "status":
-        return /* @__PURE__ */ jsx32(StatusView, { onClose: closeView });
+        return /* @__PURE__ */ jsx33(StatusView, { onClose: closeView });
       case "mode_select":
-        return /* @__PURE__ */ jsx32(ModeSelectView, { onClose: closeView });
+        return /* @__PURE__ */ jsx33(ModeSelectView, { onClose: closeView });
       case "memory":
-        return /* @__PURE__ */ jsx32(MemoryView, { onClose: closeView });
+        return /* @__PURE__ */ jsx33(MemoryView, { onClose: closeView });
       case "tool_list":
-        return /* @__PURE__ */ jsx32(ToolListView, { onClose: closeView });
+        return /* @__PURE__ */ jsx33(ToolListView, { onClose: closeView });
       case "diff_list":
-        return /* @__PURE__ */ jsx32(DiffListView, { onClose: closeView });
+        return /* @__PURE__ */ jsx33(DiffListView, { onClose: closeView });
       case "undo":
-        return /* @__PURE__ */ jsx32(UndoView, { onClose: closeView });
+        return /* @__PURE__ */ jsx33(UndoView, { onClose: closeView });
       case "pilot":
-        return /* @__PURE__ */ jsx32(PilotView, { onClose: closeView });
+        return /* @__PURE__ */ jsx33(PilotView, { onClose: closeView });
       case "models":
-        return /* @__PURE__ */ jsx32(ModelsView, { onClose: closeView });
+        return /* @__PURE__ */ jsx33(ModelsView, { onClose: closeView });
       case "scheduler":
-        return /* @__PURE__ */ jsx32(SchedulerView, { onClose: closeView });
+        return /* @__PURE__ */ jsx33(SchedulerView, { onClose: closeView });
       case "scheduled_tasks":
-        return /* @__PURE__ */ jsx32(ScheduledTasksView, { onClose: closeView });
+        return /* @__PURE__ */ jsx33(ScheduledTasksView, { onClose: closeView });
       case "ollama":
-        return /* @__PURE__ */ jsx32(OllamaView, { onClose: closeView });
+        return /* @__PURE__ */ jsx33(OllamaView, { onClose: closeView });
       case "sandbox":
-        return /* @__PURE__ */ jsx32(SandboxView, { onClose: closeView });
+        return /* @__PURE__ */ jsx33(SandboxView, { onClose: closeView });
+      case "skills":
+        return /* @__PURE__ */ jsx33(SkillsView, { onExit: closeView });
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ jsxs31(Box32, { flexDirection: "column", height: "100%", children: [
-    /* @__PURE__ */ jsx32(
-      Box32,
+  const banner = React30.useMemo(() => /* @__PURE__ */ jsx33(
+    WelcomeBanner,
+    {
+      model: stats.model,
+      mode: stats.mode,
+      version: stats.version,
+      sandbox: stats.sandbox,
+      branch: stats.branch
+    }
+  ), [stats.model, stats.mode, stats.version, stats.sandbox, stats.branch]);
+  return /* @__PURE__ */ jsxs32(Box33, { flexDirection: "column", height: rows, children: [
+    activeView === "chat" && /* @__PURE__ */ jsx33(Box33, { flexShrink: 0, children: banner }),
+    /* @__PURE__ */ jsx33(
+      Box33,
       {
         flexDirection: "column",
-        flexGrow: 1,
+        flexGrow: activeView === "chat" ? 1 : 1,
         overflowY: "hidden",
-        justifyContent: activeView !== "chat" ? "flex-start" : "flex-end",
-        children: activeView === "chat" ? /* @__PURE__ */ jsx32(
+        justifyContent: "flex-end",
+        children: activeView === "chat" ? /* @__PURE__ */ jsx33(
           MessageList,
           {
             events,
-            maxEvents: MAX_EVENTS,
-            model: stats.model,
-            mode: stats.mode,
-            version: stats.version,
-            scrollOffset,
-            sandbox: stats.sandbox,
-            branch: stats.branch
+            maxEvents: dynamicMaxEvents,
+            scrollOffset: 0
           }
         ) : renderView()
       }
     ),
-    activeView === "chat" && /* @__PURE__ */ jsxs31(Box32, { flexDirection: "column", flexShrink: 0, children: [
-      isBusy && !isInitCommand && /* @__PURE__ */ jsx32(
+    activeView === "chat" && /* @__PURE__ */ jsxs32(Box33, { flexDirection: "column", flexShrink: 0, children: [
+      isBusy && !isInitCommand && /* @__PURE__ */ jsx33(
         ThinkingIndicator,
         {
           activity: currentActivity,
@@ -6333,8 +6559,8 @@ var Root = () => {
           tokensIn: tokens.input
         }
       ),
-      isBackgroundBusy && /* @__PURE__ */ jsx32(Box32, { marginLeft: 2, children: /* @__PURE__ */ jsx32(Text32, { dimColor: true, children: "Background task running..." }) }),
-      pendingPrompt?.type === "approval" && /* @__PURE__ */ jsx32(Box32, { marginBottom: 0, children: /* @__PURE__ */ jsx32(
+      isBackgroundBusy && /* @__PURE__ */ jsx33(Box33, { marginLeft: 2, children: /* @__PURE__ */ jsx33(Text33, { dimColor: true, children: "Background task running..." }) }),
+      pendingPrompt?.type === "approval" && /* @__PURE__ */ jsx33(Box33, { marginBottom: 0, children: /* @__PURE__ */ jsx33(
         ApprovalPrompt,
         {
           requestId: pendingPrompt.requestId,
@@ -6343,7 +6569,7 @@ var Root = () => {
           onResolve: handlePromptResolve
         }
       ) }),
-      pendingPrompt?.type === "choice" && /* @__PURE__ */ jsx32(Box32, { marginBottom: 0, children: /* @__PURE__ */ jsx32(
+      pendingPrompt?.type === "choice" && /* @__PURE__ */ jsx33(Box33, { marginBottom: 0, children: /* @__PURE__ */ jsx33(
         ChoicePrompt,
         {
           question: pendingPrompt.question,
@@ -6351,7 +6577,7 @@ var Root = () => {
           onResolve: handlePromptResolve
         }
       ) }),
-      pendingPrompt?.type === "text_input" && /* @__PURE__ */ jsx32(Box32, { marginBottom: 0, children: /* @__PURE__ */ jsx32(
+      pendingPrompt?.type === "text_input" && /* @__PURE__ */ jsx33(Box33, { marginBottom: 0, children: /* @__PURE__ */ jsx33(
         TextInputPrompt,
         {
           requestId: pendingPrompt.requestId,
@@ -6361,14 +6587,14 @@ var Root = () => {
           onResolve: handlePromptResolve
         }
       ) }),
-      /* @__PURE__ */ jsxs31(Box32, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx32(Box32, { paddingX: 0, children: /* @__PURE__ */ jsx32(Text32, { dimColor: true, children: "\u2500".repeat(columns) }) }),
-        /* @__PURE__ */ jsxs31(Box32, { paddingX: 1, children: [
-          /* @__PURE__ */ jsx32(Text32, { color: "red", bold: true, children: "> " }),
+      /* @__PURE__ */ jsxs32(Box33, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx33(Box33, { paddingX: 0, children: /* @__PURE__ */ jsx33(Text33, { dimColor: true, children: separatorLine }) }),
+        /* @__PURE__ */ jsxs32(Box33, { paddingX: 1, children: [
+          /* @__PURE__ */ jsx33(Text33, { color: "red", bold: true, children: "> " }),
           renderInput()
         ] })
       ] }),
-      showPalette && /* @__PURE__ */ jsx32(
+      showPalette && /* @__PURE__ */ jsx33(
         CommandPalette,
         {
           onSelect: (cmd) => {
@@ -6379,24 +6605,24 @@ var Root = () => {
           onClose: () => setShowPalette(false)
         }
       ),
-      !showPalette && /* @__PURE__ */ jsx32(CommandPopup, { matches, selectedIndex }),
-      matches.length === 0 && !showPalette && /* @__PURE__ */ jsxs31(Box32, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx32(Box32, { paddingX: 0, children: /* @__PURE__ */ jsx32(Text32, { dimColor: true, children: "\u2500".repeat(columns) }) }),
-        /* @__PURE__ */ jsxs31(Box32, { paddingX: 1, flexDirection: "row", justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsxs31(Box32, { children: [
-            /* @__PURE__ */ jsx32(Text32, { color: MODE_STYLE[stats.mode].color, children: MODE_STYLE[stats.mode].icon }),
-            /* @__PURE__ */ jsx32(Text32, { children: " " }),
-            /* @__PURE__ */ jsxs31(Text32, { bold: true, color: MODE_STYLE[stats.mode].color, children: [
+      !showPalette && /* @__PURE__ */ jsx33(CommandPopup, { matches, selectedIndex }),
+      matches.length === 0 && !showPalette && /* @__PURE__ */ jsxs32(Box33, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx33(Box33, { paddingX: 0, children: /* @__PURE__ */ jsx33(Text33, { dimColor: true, children: separatorLine }) }),
+        /* @__PURE__ */ jsxs32(Box33, { paddingX: 1, flexDirection: "row", justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsxs32(Box33, { children: [
+            /* @__PURE__ */ jsx33(Text33, { color: MODE_STYLE[stats.mode].color, children: MODE_STYLE[stats.mode].icon }),
+            /* @__PURE__ */ jsx33(Text33, { children: " " }),
+            /* @__PURE__ */ jsxs32(Text33, { bold: true, color: MODE_STYLE[stats.mode].color, children: [
               stats.mode,
               " mode"
             ] }),
-            /* @__PURE__ */ jsx32(Text32, { dimColor: true, children: " (shift+tab to cycle)" }),
-            /* @__PURE__ */ jsx32(Text32, { color: "gray", children: " \xB7 " }),
-            /* @__PURE__ */ jsx32(Text32, { color: stats.sandbox === "sandbox" ? "green" : "yellow", children: stats.sandbox === "sandbox" ? "sandbox" : "no sandbox" })
+            /* @__PURE__ */ jsx33(Text33, { dimColor: true, children: " (shift+tab to cycle)" }),
+            /* @__PURE__ */ jsx33(Text33, { color: "gray", children: " \xB7 " }),
+            /* @__PURE__ */ jsx33(Text33, { color: stats.sandbox === "sandbox" ? "green" : "yellow", children: stats.sandbox === "sandbox" ? "sandbox" : "no sandbox" })
           ] }),
-          /* @__PURE__ */ jsxs31(Box32, { children: [
-            /* @__PURE__ */ jsx32(Text32, { dimColor: true, children: "Context left until auto-compact: " }),
-            /* @__PURE__ */ jsxs31(Text32, { color: contextPct > 50 ? "green" : contextPct > 20 ? "yellow" : "red", children: [
+          /* @__PURE__ */ jsxs32(Box33, { children: [
+            /* @__PURE__ */ jsx33(Text33, { dimColor: true, children: "Context left until auto-compact: " }),
+            /* @__PURE__ */ jsxs32(Text33, { color: contextPct > 50 ? "green" : contextPct > 20 ? "yellow" : "red", children: [
               contextPct,
               "%"
             ] })
@@ -6588,6 +6814,15 @@ var ollamaCommand = async (_args) => {
   });
 };
 
+// src/commands/skills.ts
+var skillsCommand = async (_args) => {
+  bus.emitAgent({
+    type: "view_request",
+    viewId: "skills",
+    command: "skills"
+  });
+};
+
 // src/core/commands.ts
 var CommandRegistry = class {
   commands = /* @__PURE__ */ new Map();
@@ -6695,6 +6930,11 @@ var CommandRegistry = class {
       isView: true,
       viewId: "ollama"
     });
+    this.register("skills", "Manage default and custom skills", skillsCommand, {
+      isView: true,
+      viewId: "skills",
+      aliases: ["skill"]
+    });
   }
   register(name, description, handler, options = {}) {
     const def = { name, description, handler, ...options };
@@ -7101,7 +7341,7 @@ function renderUI() {
   process.stdout.write("\x1B[?1049h");
   process.stdout.write("\x1B[2J");
   process.stdout.write("\x1B[H");
-  const { waitUntilExit } = render(React30.createElement(Root), {
+  const { waitUntilExit } = render(React31.createElement(Root), {
     patchConsole: false,
     exitOnCtrlC: false
   });