@hasna/oldpal 0.3.6 → 0.3.7

package/dist/index.js

@@ -31256,19 +31256,69 @@ 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: "/model", description: "change the AI model" },
+  { name: "/skills", description: "list available skills" },
+  { name: "/tokens", description: "show token usage" },
+  { name: "/new", description: "start a new conversation" },
+  { 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 +31328,7 @@ function Input({ onSubmit, isProcessing, queueLength = 0 }) {
       onSubmit(submittedValue, "normal");
     }
     setValue("");
+    setSelectedIndex(0);
   };
   let prompt = "\u276F";
   let placeholder = "Type a message...";
@@ -31286,21 +31337,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 +31720,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 +31993,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);
@@ -32193,10 +32346,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 +32359,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.7",
+        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 +32379,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 +32388,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 +32405,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 +32415,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 +32437,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 +32445,7 @@ var options = {
   help: args.includes("--help") || args.includes("-h")
 };
 if (options.version) {
-  console.log("oldpal v0.3.6");
+  console.log("oldpal v0.3.7");
   process.exit(0);
 }
 if (options.help) {
@@ -32310,11 +32469,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=19B04C4EDDB63EDD64756E2164756E21