@hasna/oldpal 0.3.6 → 0.3.8

package/dist/index.js

@@ -30118,16 +30118,20 @@ class BuiltinCommands {
   registerAll(loader) {
     loader.register(this.helpCommand(loader));
     loader.register(this.clearCommand());
+    loader.register(this.newCommand());
     loader.register(this.statusCommand());
+    loader.register(this.tokensCommand());
     loader.register(this.compactCommand());
     loader.register(this.configCommand());
     loader.register(this.initCommand());
     loader.register(this.costCommand());
     loader.register(this.modelCommand());
+    loader.register(this.skillsCommand(loader));
     loader.register(this.memoryCommand());
     loader.register(this.bugCommand());
     loader.register(this.prCommand());
     loader.register(this.reviewCommand());
+    loader.register(this.exitCommand());
   }
   updateTokenUsage(usage) {
     Object.assign(this.tokenUsage, usage);
@@ -30203,6 +30207,117 @@ class BuiltinCommands {
       }
     };
   }
+  newCommand() {
+    return {
+      name: "new",
+      description: "Start a new conversation",
+      builtin: true,
+      selfHandled: true,
+      content: "",
+      handler: async (args, context) => {
+        context.clearMessages();
+        this.tokenUsage.inputTokens = 0;
+        this.tokenUsage.outputTokens = 0;
+        this.tokenUsage.totalTokens = 0;
+        context.emit("text", `Starting new conversation.
+`);
+        context.emit("done");
+        return { handled: true, clearConversation: true };
+      }
+    };
+  }
+  exitCommand() {
+    return {
+      name: "exit",
+      description: "Exit oldpal",
+      builtin: true,
+      selfHandled: true,
+      content: "",
+      handler: async (args, context) => {
+        context.emit("text", `Goodbye!
+`);
+        context.emit("done");
+        return { handled: true, exit: true };
+      }
+    };
+  }
+  tokensCommand() {
+    return {
+      name: "tokens",
+      description: "Show token usage",
+      builtin: true,
+      selfHandled: true,
+      content: "",
+      handler: async (args, context) => {
+        const usage = this.tokenUsage;
+        const usedPercent = Math.round(usage.totalTokens / usage.maxContextTokens * 100);
+        let message = `
+**Token Usage**
+
+`;
+        message += `Input: ${usage.inputTokens.toLocaleString()}
+`;
+        message += `Output: ${usage.outputTokens.toLocaleString()}
+`;
+        message += `Total: ${usage.totalTokens.toLocaleString()} / ${usage.maxContextTokens.toLocaleString()} (${usedPercent}%)
+`;
+        const barLength = 30;
+        const filledLength = Math.round(usedPercent / 100 * barLength);
+        const bar = "\u2588".repeat(filledLength) + "\u2591".repeat(barLength - filledLength);
+        message += `
+[${bar}] ${usedPercent}%
+`;
+        context.emit("text", message);
+        context.emit("done");
+        return { handled: true };
+      }
+    };
+  }
+  skillsCommand(loader) {
+    return {
+      name: "skills",
+      description: "List available skills",
+      builtin: true,
+      selfHandled: true,
+      content: "",
+      handler: async (args, context) => {
+        let message = `
+**Available Skills**
+
+`;
+        message += `Skills are invoked with /skill-name [arguments]
+
+`;
+        message += `**Built-in Skills:**
+`;
+        message += `  /brainstorm - Generate ideas on a topic
+`;
+        message += `  /draft - Draft content (emails, docs, etc.)
+`;
+        message += `  /research - Research a topic
+`;
+        message += `  /summarize - Summarize text or content
+`;
+        message += `
+**Connector Skills:**
+`;
+        message += `  /calendar - Manage calendar events
+`;
+        message += `  /email - Read and send emails
+`;
+        message += `  /notes - Manage notes (Notion)
+`;
+        message += `  /search - Search the web
+`;
+        message += `
+Custom skills can be added in .oldpal/skills/
+`;
+        context.emit("text", message);
+        context.emit("done");
+        return { handled: true };
+      }
+    };
+  }
   statusCommand() {
     return {
       name: "status",
@@ -30759,6 +30874,9 @@ class AgentLoop {
           if (commandResult.clearConversation) {
             this.context = new AgentContext;
           }
+          if (commandResult.exit) {
+            this.emit({ type: "exit" });
+          }
           return;
         }
         if (commandResult.prompt) {
@@ -31256,19 +31374,78 @@ var build_default = TextInput;
 
 // packages/terminal/src/components/Input.tsx
 var jsx_dev_runtime = __toESM(require_jsx_dev_runtime(), 1);
-function Input({ onSubmit, isProcessing, queueLength = 0 }) {
+var COMMANDS = [
+  { name: "/help", description: "show available commands" },
+  { name: "/clear", description: "clear the conversation" },
+  { name: "/new", description: "start a new conversation" },
+  { name: "/status", description: "show session status" },
+  { name: "/tokens", description: "show token usage" },
+  { name: "/cost", description: "show estimated API cost" },
+  { name: "/model", description: "show model information" },
+  { name: "/skills", description: "list available skills" },
+  { name: "/config", description: "show configuration" },
+  { name: "/init", description: "initialize oldpal in project" },
+  { name: "/compact", description: "summarize to save context" },
+  { name: "/memory", description: "show what AI remembers" },
+  { name: "/bug", description: "analyze and fix a bug" },
+  { name: "/pr", description: "create a pull request" },
+  { name: "/review", description: "review code changes" },
+  { name: "/exit", description: "exit oldpal" }
+];
+function Input({ onSubmit, isProcessing, queueLength = 0, commands }) {
   const [value, setValue] = import_react23.useState("");
+  const [selectedIndex, setSelectedIndex] = import_react23.useState(0);
+  const allCommands = import_react23.useMemo(() => {
+    const merged = [...COMMANDS];
+    if (commands) {
+      for (const cmd of commands) {
+        if (!merged.find((c) => c.name === cmd.name)) {
+          merged.push(cmd);
+        }
+      }
+    }
+    return merged.sort((a, b) => a.name.localeCompare(b.name));
+  }, [commands]);
+  const showAutocomplete = value.startsWith("/") && !value.includes(" ");
+  const filteredCommands = import_react23.useMemo(() => {
+    if (!showAutocomplete)
+      return [];
+    const search = value.toLowerCase();
+    return allCommands.filter((cmd) => cmd.name.toLowerCase().startsWith(search));
+  }, [value, showAutocomplete, allCommands]);
   use_input_default((input, key) => {
+    if (key.tab && showAutocomplete && filteredCommands.length > 0) {
+      const selected = filteredCommands[selectedIndex] || filteredCommands[0];
+      setValue(selected.name + " ");
+      setSelectedIndex(0);
+      return;
+    }
+    if (showAutocomplete && filteredCommands.length > 0) {
+      if (key.downArrow) {
+        setSelectedIndex((prev) => Math.min(prev + 1, filteredCommands.length - 1));
+        return;
+      }
+      if (key.upArrow) {
+        setSelectedIndex((prev) => Math.max(prev - 1, 0));
+        return;
+      }
+    }
     if (!value.trim())
       return;
     if ((key.shift || key.ctrl) && key.return) {
       onSubmit(value, "interrupt");
       setValue("");
+      setSelectedIndex(0);
     } else if (key.meta && key.return) {
       onSubmit(value, "queue");
       setValue("");
+      setSelectedIndex(0);
     }
   });
+  const handleChange = (newValue) => {
+    setValue(newValue);
+    setSelectedIndex(0);
+  };
   const handleSubmit = (submittedValue) => {
     if (!submittedValue.trim())
       return;
@@ -31278,6 +31455,7 @@ function Input({ onSubmit, isProcessing, queueLength = 0 }) {
       onSubmit(submittedValue, "normal");
     }
     setValue("");
+    setSelectedIndex(0);
   };
   let prompt = "\u276F";
   let placeholder = "Type a message...";
@@ -31286,21 +31464,53 @@ function Input({ onSubmit, isProcessing, queueLength = 0 }) {
     placeholder = queueLength > 0 ? "Type to queue another..." : "Type to queue (Enter) or interrupt (Shift+Enter)...";
   }
   return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+    flexDirection: "column",
     marginTop: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
-        dimColor: isProcessing,
+      showAutocomplete && filteredCommands.length > 0 && /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+        flexDirection: "column",
+        marginBottom: 1,
+        marginLeft: 2,
         children: [
-          prompt,
-          " "
+          filteredCommands.slice(0, 8).map((cmd, i) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+                color: i === selectedIndex ? "cyan" : undefined,
+                children: cmd.name.padEnd(16)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+                dimColor: i !== selectedIndex,
+                children: cmd.description
+              }, undefined, false, undefined, this)
+            ]
+          }, cmd.name, true, undefined, this)),
+          filteredCommands.length > 8 && /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+            dimColor: true,
+            children: [
+              "  ...and ",
+              filteredCommands.length - 8,
+              " more"
+            ]
+          }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV(build_default, {
-        value,
-        onChange: setValue,
-        onSubmit: handleSubmit,
-        placeholder
-      }, undefined, false, undefined, this)
+      /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+            dimColor: isProcessing,
+            children: [
+              prompt,
+              " "
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime.jsxDEV(build_default, {
+            value,
+            onChange: handleChange,
+            onSubmit: handleSubmit,
+            placeholder
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
@@ -31637,29 +31847,33 @@ function truncate(text, maxLength) {
 // packages/terminal/src/components/Status.tsx
 var jsx_dev_runtime4 = __toESM(require_jsx_dev_runtime(), 1);
 function Status({ isProcessing, cwd: cwd2, queueLength = 0, tokenUsage }) {
-  const maxCwdLength = 30;
-  const displayCwd = cwd2.length > maxCwdLength ? "..." + cwd2.slice(-(maxCwdLength - 3)) : cwd2;
-  const queueInfo = queueLength > 0 ? ` | ${queueLength} queued` : "";
-  let tokenInfo = "";
-  if (tokenUsage && tokenUsage.totalTokens > 0) {
-    const used = Math.round(tokenUsage.totalTokens / 1000);
-    const max = Math.round(tokenUsage.maxContextTokens / 1000);
+  let contextInfo = "";
+  if (tokenUsage && tokenUsage.maxContextTokens > 0) {
     const percent = Math.round(tokenUsage.totalTokens / tokenUsage.maxContextTokens * 100);
-    tokenInfo = ` | ${used}k/${max}k (${percent}%)`;
+    contextInfo = `${percent}% context used`;
   }
   return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
     marginTop: 1,
-    children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
-      dimColor: true,
-      children: [
-        displayCwd,
-        tokenInfo,
-        queueInfo,
-        isProcessing && " | Esc to stop",
-        " | Ctrl+C to exit | /help"
-      ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    justifyContent: "space-between",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+        dimColor: true,
+        children: "/help for commands"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
+        children: [
+          isProcessing && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+            dimColor: true,
+            children: "esc to stop \xB7 "
+          }, undefined, false, undefined, this),
+          contextInfo && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
+            dimColor: true,
+            children: contextInfo
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
 
 // node_modules/.pnpm/ink-spinner@5.0.0_ink@5.2.1_@types+react@18.3.27_react-devtools-core@4.28.5_react@18.3.1__react@18.3.1/node_modules/ink-spinner/build/index.js
@@ -31906,8 +32120,74 @@ function useToolCallExpansion() {
   return { isExpanded, setIsExpanded };
 }
 
-// packages/terminal/src/components/App.tsx
+// packages/terminal/src/components/WelcomeBanner.tsx
 var jsx_dev_runtime8 = __toESM(require_jsx_dev_runtime(), 1);
+function WelcomeBanner({ version, model, directory }) {
+  const homeDir = process.env.HOME || "";
+  const displayDir = directory.startsWith(homeDir) ? "~" + directory.slice(homeDir.length) : directory;
+  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+    flexDirection: "column",
+    marginBottom: 1,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+            color: "cyan",
+            bold: true,
+            children: ">"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+            color: "cyan",
+            bold: true,
+            children: "_ "
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+            bold: true,
+            children: "oldpal"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+            dimColor: true,
+            children: [
+              " (v",
+              version,
+              ")"
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+        marginTop: 1,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+            dimColor: true,
+            children: "model:     "
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+            children: model
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+            dimColor: true,
+            children: "     /model to change"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+            dimColor: true,
+            children: "directory: "
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+            children: displayDir
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// packages/terminal/src/components/App.tsx
+var jsx_dev_runtime9 = __toESM(require_jsx_dev_runtime(), 1);
 function App2({ cwd: cwd2 }) {
   const { exit } = use_app_default();
   const [client, setClient] = import_react27.useState(null);
@@ -32004,6 +32284,8 @@ function App2({ cwd: cwd2 }) {
           } else if (chunk.type === "error" && chunk.error) {
             setError(chunk.error);
             setIsProcessing(false);
+          } else if (chunk.type === "exit") {
+            exit();
           } else if (chunk.type === "usage" && chunk.usage) {
             setTokenUsage(chunk.usage);
             setCurrentTurnTokens((prev) => prev + (chunk.usage?.outputTokens || 0));
@@ -32193,10 +32475,10 @@ function App2({ cwd: cwd2 }) {
     await client.send(trimmedInput);
   }, [client, isProcessing]);
   if (isInitializing) {
-    return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
       flexDirection: "column",
       padding: 1,
-      children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Spinner2, {
+      children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Spinner2, {
         label: "Initializing..."
       }, undefined, false, undefined, this)
     }, undefined, false, undefined, this);
@@ -32206,12 +32488,18 @@ function App2({ cwd: cwd2 }) {
     return { toolCall: e.toolCall, result };
   });
   const isThinking = isProcessing && !currentResponse && !currentToolCall && toolCallEntries.length === 0;
-  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+  const showWelcome = messages.length === 0 && !isProcessing;
+  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
     flexDirection: "column",
     padding: 1,
     children: [
-      scrollOffset > 0 && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
-        children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+      showWelcome && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(WelcomeBanner, {
+        version: "0.3.8",
+        model: "claude-sonnet-4-20250514",
+        directory: cwd2
+      }, undefined, false, undefined, this),
+      scrollOffset > 0 && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
           dimColor: true,
           children: [
             "\u2191 ",
@@ -32220,7 +32508,7 @@ function App2({ cwd: cwd2 }) {
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Messages4, {
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Messages4, {
         messages,
         currentResponse: isProcessing ? currentResponse : undefined,
         currentToolCall: undefined,
@@ -32229,14 +32517,14 @@ function App2({ cwd: cwd2 }) {
         scrollOffset,
         maxVisible: maxVisibleMessages
       }, undefined, false, undefined, this),
-      isProcessing && toolCallEntries.length > 0 && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(ToolCallBox, {
+      isProcessing && toolCallEntries.length > 0 && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(ToolCallBox, {
         entries: toolCallEntries,
         maxVisible: 3,
         isExpanded: toolsExpanded
       }, undefined, false, undefined, this),
-      messageQueue.length > 0 && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+      messageQueue.length > 0 && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         marginY: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
           dimColor: true,
           children: [
             messageQueue.length,
@@ -32246,9 +32534,9 @@ function App2({ cwd: cwd2 }) {
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      error && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+      error && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         marginY: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
           color: "red",
           children: [
             "Error: ",
@@ -32256,18 +32544,18 @@ function App2({ cwd: cwd2 }) {
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(ProcessingIndicator, {
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(ProcessingIndicator, {
         isProcessing,
         startTime: processingStartTime,
         tokenCount: currentTurnTokens,
         isThinking
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Input, {
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Input, {
         onSubmit: handleSubmit,
         isProcessing,
         queueLength: messageQueue.length
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Status, {
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Status, {
         isProcessing,
         cwd: cwd2,
         queueLength: messageQueue.length,
@@ -32278,7 +32566,7 @@ function App2({ cwd: cwd2 }) {
 }
 
 // packages/terminal/src/index.tsx
-var jsx_dev_runtime9 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime10 = __toESM(require_jsx_dev_runtime(), 1);
 var args = process.argv.slice(2);
 var options = {
   cwd: process.cwd(),
@@ -32286,7 +32574,7 @@ var options = {
   help: args.includes("--help") || args.includes("-h")
 };
 if (options.version) {
-  console.log("oldpal v0.3.6");
+  console.log("oldpal v0.3.8");
   process.exit(0);
 }
 if (options.help) {
@@ -32310,11 +32598,11 @@ In interactive mode:
 `);
   process.exit(0);
 }
-var { waitUntilExit } = render_default(/* @__PURE__ */ jsx_dev_runtime9.jsxDEV(App2, {
+var { waitUntilExit } = render_default(/* @__PURE__ */ jsx_dev_runtime10.jsxDEV(App2, {
   cwd: options.cwd
 }, undefined, false, undefined, this));
 waitUntilExit().then(() => {
   process.exit(0);
 });
 
-//# debugId=883DD49707B1DC4164756E2164756E21
+//# debugId=13C80C7BB59BEAC264756E2164756E21