@bike4mind/cli 0.2.10-fix-b4m-cli-flicker.17235 → 0.2.10-fix-b4m-cli-flicker.17243

package/dist/index.js

@@ -79,12 +79,13 @@ import {
 } from "./chunk-PDX44BCA.js";
 
 // src/index.tsx
-import React17, { useState as useState7, useEffect as useEffect3, useCallback, useRef } from "react";
+import React17, { useState as useState8, useEffect as useEffect3, useCallback, useRef as useRef2 } from "react";
 import { render, Box as Box16, Text as Text16, useApp, useInput as useInput6 } from "ink";
+import { execSync } from "child_process";
 import { v4 as uuidv49 } from "uuid";
 
 // src/components/App.tsx
-import React11 from "react";
+import React11, { useState as useState4 } from "react";
 import { Box as Box10, Text as Text10, Static } from "ink";
 
 // src/components/StatusBar.tsx
@@ -95,7 +96,7 @@ var StatusBar = React.memo(function StatusBar2({ sessionName, model, tokenUsage
 });
 
 // src/components/InputPrompt.tsx
-import React5, { useState as useState2, useMemo, useEffect } from "react";
+import React5, { useState as useState2, useMemo, useEffect, useRef } from "react";
 import { Box as Box4, Text as Text5, useInput as useInput2 } from "ink";
 
 // src/components/CustomTextInput.tsx
@@ -732,17 +733,19 @@ function findAtTrigger(value) {
 }
 function InputPrompt({
   onSubmit,
+  onBashCommand,
   onImageDetected,
   disabled = false,
   history = [],
   prefillInput,
-  onPrefillConsumed
+  onPrefillConsumed,
+  onBashModeChange
 }) {
   const [value, setValue] = useState2("");
   const [selectedIndex, setSelectedIndex] = useState2(0);
   const [historyIndex, setHistoryIndex] = useState2(-1);
   const [tempInput, setTempInput] = useState2("");
-  const [inputKey, setInputKey] = useState2(0);
+  const inputKey = useRef(0);
   useEffect(() => {
     if (prefillInput) {
       setValue(prefillInput);
@@ -751,6 +754,10 @@ function InputPrompt({
   }, [prefillInput, onPrefillConsumed]);
   const [fileAutocomplete, setFileAutocomplete] = useState2(null);
   const [fileSelectedIndex, setFileSelectedIndex] = useState2(0);
+  const isBashMode = value.startsWith("!");
+  useEffect(() => {
+    onBashModeChange?.(isBashMode);
+  }, [isBashMode, onBashModeChange]);
   const shouldShowCommandAutocomplete = value.startsWith("/") && !disabled && !fileAutocomplete?.active;
   const commandQuery = shouldShowCommandAutocomplete ? value.slice(1) : "";
   const filteredCommands = useMemo(() => {
@@ -857,6 +864,16 @@ function InputPrompt({
       onSubmit(commandText);
       return;
     }
+    if (isBashMode && onBashCommand) {
+      const command = input.slice(1).trim();
+      if (command) {
+        onBashCommand(command);
+        setValue("");
+        setHistoryIndex(-1);
+        setFileAutocomplete(null);
+      }
+      return;
+    }
     onSubmit(input);
     setValue("");
     setHistoryIndex(-1);
@@ -887,14 +904,19 @@ function InputPrompt({
       setFileAutocomplete(null);
     }
   };
-  return /* @__PURE__ */ React5.createElement(Box4, { flexDirection: "column" }, /* @__PURE__ */ React5.createElement(Box4, null, /* @__PURE__ */ React5.createElement(Text5, { bold: true, color: "cyan" }, "> "), /* @__PURE__ */ React5.createElement(
+  const getPlaceholder = () => {
+    if (disabled) return "Thinking...";
+    if (isBashMode) return "Enter shell command to execute...";
+    return "Type your message, /help for commands, @file to reference, or ! for bash";
+  };
+  return /* @__PURE__ */ React5.createElement(Box4, { flexDirection: "column" }, /* @__PURE__ */ React5.createElement(Box4, null, /* @__PURE__ */ React5.createElement(Text5, { bold: true, color: isBashMode ? "yellow" : "cyan" }, isBashMode ? "$ " : "> "), /* @__PURE__ */ React5.createElement(
     CustomTextInput,
     {
-      key: inputKey,
+      key: inputKey.current,
       value,
       onChange: handleChange,
       onSubmit: handleSubmit,
-      placeholder: disabled ? "" : "Type your message, /help for commands, or @file to reference",
+      placeholder: getPlaceholder(),
       showCursor: !disabled
     }
   )), shouldShowCommandAutocomplete && /* @__PURE__ */ React5.createElement(CommandAutocomplete, { commands: filteredCommands, selectedIndex }), fileAutocomplete?.active && /* @__PURE__ */ React5.createElement(FileAutocomplete, { files: filteredFiles, selectedIndex: fileSelectedIndex, query: fileAutocomplete.query }));
@@ -918,6 +940,16 @@ var useCliStore = create((set) => ({
   // Session state
   session: null,
   setSession: (session) => set({ session }),
+  addMessage: (message) => set((state) => {
+    if (!state.session) return state;
+    return {
+      session: {
+        ...state.session,
+        messages: [...state.session.messages, message],
+        updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+      }
+    };
+  }),
   // Pending messages
   pendingMessages: [],
   addPendingMessage: (message) => set((state) => ({ pendingMessages: [...state.pendingMessages, message] })),
@@ -1378,6 +1410,7 @@ function hasFileReferences(message) {
 function App({
   onMessage,
   onCommand,
+  onBashCommand,
   onPermissionResponse,
   onImageDetected,
   commandHistory = [],
@@ -1398,6 +1431,7 @@ function App({
   const setShowConfigEditor = useCliStore((state) => state.setShowConfigEditor);
   const exitRequested = useCliStore((state) => state.exitRequested);
   const setIsThinking = useCliStore((state) => state.setIsThinking);
+  const [isBashMode, setIsBashMode] = useState4(false);
   const handleSubmit = React11.useCallback(
     async (input) => {
       const trimmed = input.trim();
@@ -1444,15 +1478,17 @@ ${errorBlock}`;
       canBeTrusted: permissionPrompt.canBeTrusted,
       onResponse: onPermissionResponse
     }
-  )) : /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(Static, { items: messages }, (message, index) => /* @__PURE__ */ React11.createElement(Box10, { key: `${message.timestamp}-${message.role}-${index}`, flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React11.createElement(MessageItem, { message }))), /* @__PURE__ */ React11.createElement(Box10, { flexDirection: "column" }, pendingMessages.map((message, index) => /* @__PURE__ */ React11.createElement(Box10, { key: `pending-${message.timestamp}-${index}`, flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React11.createElement(MessageItem, { message })))), /* @__PURE__ */ React11.createElement(AgentThinking, null), exitRequested && /* @__PURE__ */ React11.createElement(Box10, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React11.createElement(Text10, { color: "yellow", bold: true }, "Press Ctrl+C again to exit")), /* @__PURE__ */ React11.createElement(Box10, { borderStyle: "single", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React11.createElement(
+  )) : /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(Static, { items: messages }, (message, index) => /* @__PURE__ */ React11.createElement(Box10, { key: `${message.timestamp}-${message.role}-${index}`, flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React11.createElement(MessageItem, { message }))), /* @__PURE__ */ React11.createElement(Box10, { flexDirection: "column" }, pendingMessages.map((message, index) => /* @__PURE__ */ React11.createElement(Box10, { key: `pending-${message.timestamp}-${index}`, flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React11.createElement(MessageItem, { message })))), /* @__PURE__ */ React11.createElement(AgentThinking, null), exitRequested && /* @__PURE__ */ React11.createElement(Box10, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React11.createElement(Text10, { color: "yellow", bold: true }, "Press Ctrl+C again to exit")), /* @__PURE__ */ React11.createElement(Box10, { borderStyle: "single", borderColor: isBashMode ? "yellow" : "cyan", paddingX: 1 }, /* @__PURE__ */ React11.createElement(
     InputPrompt,
     {
       onSubmit: handleSubmit,
+      onBashCommand,
       onImageDetected,
       disabled: isThinking,
       history: commandHistory,
       prefillInput,
-      onPrefillConsumed
+      onPrefillConsumed,
+      onBashModeChange: setIsBashMode
     }
   )), /* @__PURE__ */ React11.createElement(StatusBar, { sessionName, model: currentModel, tokenUsage: totalTokens })));
 }
@@ -1530,12 +1566,12 @@ function TrustLocationSelector({ inProject, onSelect, onCancel }) {
 }
 
 // src/components/RewindSelector.tsx
-import React14, { useState as useState4 } from "react";
+import React14, { useState as useState5 } from "react";
 import { Box as Box13, Text as Text13, useInput as useInput4 } from "ink";
 import SelectInput3 from "ink-select-input";
 function RewindSelector({ messages, onSelect, onCancel }) {
-  const [step, setStep] = useState4("selection");
-  const [selectedMessageIndex, setSelectedMessageIndex] = useState4(null);
+  const [step, setStep] = useState5("selection");
+  const [selectedMessageIndex, setSelectedMessageIndex] = useState5(null);
   useInput4((input, key) => {
     if (key.escape) {
       if (step === "confirmation") {
@@ -1599,12 +1635,12 @@ function RewindSelector({ messages, onSelect, onCancel }) {
 }
 
 // src/components/SessionSelector.tsx
-import React15, { useState as useState5 } from "react";
+import React15, { useState as useState6 } from "react";
 import { Box as Box14, Text as Text14, useInput as useInput5 } from "ink";
 import SelectInput4 from "ink-select-input";
 function SessionSelector({ sessions, currentSession, onSelect, onCancel }) {
-  const [step, setStep] = useState5("selection");
-  const [selectedSession, setSelectedSession] = useState5(null);
+  const [step, setStep] = useState6("selection");
+  const [selectedSession, setSelectedSession] = useState6(null);
   useInput5((input, key) => {
     if (key.escape) {
       if (step === "confirmation") {
@@ -1662,7 +1698,7 @@ function SessionSelector({ sessions, currentSession, onSelect, onCancel }) {
 }
 
 // src/components/LoginFlow.tsx
-import React16, { useState as useState6, useEffect as useEffect2 } from "react";
+import React16, { useState as useState7, useEffect as useEffect2 } from "react";
 import { Box as Box15, Text as Text15 } from "ink";
 import Spinner2 from "ink-spinner";
 import jwt from "jsonwebtoken";
@@ -1779,10 +1815,10 @@ var OAuthClient = class {
 
 // src/components/LoginFlow.tsx
 function LoginFlow({ apiUrl = "http://localhost:3000", configStore, onSuccess, onError }) {
-  const [status, setStatus] = useState6("initiating");
-  const [deviceFlow, setDeviceFlow] = useState6(null);
-  const [statusMessage, setStatusMessage] = useState6("Initiating device authorization...");
-  const [error, setError] = useState6(null);
+  const [status, setStatus] = useState7("initiating");
+  const [deviceFlow, setDeviceFlow] = useState7(null);
+  const [statusMessage, setStatusMessage] = useState7("Initiating device authorization...");
+  const [error, setError] = useState7(null);
   useEffect2(() => {
     const runLoginFlow = async () => {
       const oauth = new OAuthClient(apiUrl);
@@ -11114,7 +11150,7 @@ import { isAxiosError as isAxiosError2 } from "axios";
 // package.json
 var package_default = {
   name: "@bike4mind/cli",
-  version: "0.2.10-fix-b4m-cli-flicker.17235+479bb7772",
+  version: "0.2.10-fix-b4m-cli-flicker.17243+cbbca593a",
   type: "module",
   description: "Interactive CLI tool for Bike4Mind with ReAct agents",
   license: "UNLICENSED",
@@ -11217,10 +11253,10 @@ var package_default = {
   },
   devDependencies: {
     "@bike4mind/agents": "0.1.0",
-    "@bike4mind/common": "2.39.1-fix-b4m-cli-flicker.17235+479bb7772",
-    "@bike4mind/mcp": "1.20.4-fix-b4m-cli-flicker.17235+479bb7772",
-    "@bike4mind/services": "2.34.2-fix-b4m-cli-flicker.17235+479bb7772",
-    "@bike4mind/utils": "2.1.4-fix-b4m-cli-flicker.17235+479bb7772",
+    "@bike4mind/common": "2.39.1-fix-b4m-cli-flicker.17243+cbbca593a",
+    "@bike4mind/mcp": "1.20.4-fix-b4m-cli-flicker.17243+cbbca593a",
+    "@bike4mind/services": "2.34.2-fix-b4m-cli-flicker.17243+cbbca593a",
+    "@bike4mind/utils": "2.1.4-fix-b4m-cli-flicker.17243+cbbca593a",
     "@types/better-sqlite3": "^7.6.13",
     "@types/diff": "^5.0.9",
     "@types/jsonwebtoken": "^9.0.4",
@@ -11233,7 +11269,7 @@ var package_default = {
     typescript: "^5.9.3",
     vitest: "^3.2.4"
   },
-  gitHead: "479bb77726d7e49cda72367ba8fd3c84e346474d"
+  gitHead: "cbbca593a8f5107d0ff9ca4a7911de7616a61a91"
 };
 
 // src/config/constants.ts
@@ -11255,7 +11291,7 @@ var usageCache = null;
 function CliApp() {
   const { exit } = useApp();
   const imageRenderer = new ImageRenderer();
-  const [state, setState] = useState7({
+  const [state, setState] = useState8({
     session: null,
     sessionStore: new SessionStore(),
     configStore: new ConfigStore(),
@@ -11272,10 +11308,10 @@ function CliApp() {
     rewindSelector: null,
     sessionSelector: null
   });
-  const [isInitialized, setIsInitialized] = useState7(false);
-  const [initError, setInitError] = useState7(null);
-  const [commandHistory, setCommandHistory] = useState7([]);
-  const imageStoreInitPromise = useRef(null);
+  const [isInitialized, setIsInitialized] = useState8(false);
+  const [initError, setInitError] = useState8(null);
+  const [commandHistory, setCommandHistory] = useState8([]);
+  const imageStoreInitPromise = useRef2(null);
   const setStoreSession = useCliStore((state2) => state2.setSession);
   const setPermissionPrompt = useCliStore((state2) => state2.setPermissionPrompt);
   const setShowConfigEditor = useCliStore((state2) => state2.setShowConfigEditor);
@@ -11683,6 +11719,46 @@ Remember: Use context from previous messages to understand follow-up questions.$
       state.agent.off("action", stepHandler);
     }
   };
+  const handleBashCommand = useCallback(
+    (command) => {
+      if (!state.session) return;
+      let output;
+      let isError = false;
+      try {
+        output = execSync(command, {
+          encoding: "utf-8",
+          stdio: ["pipe", "pipe", "pipe"],
+          cwd: process.cwd(),
+          maxBuffer: 10 * 1024 * 1024
+          // 10MB buffer
+        });
+      } catch (error) {
+        const execError = error;
+        output = execError.stderr || execError.message || "Command failed";
+        isError = true;
+      }
+      const userMessage = {
+        role: "user",
+        content: `$ ${command}`,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      const assistantMessage = {
+        role: "assistant",
+        content: isError ? `\u274C Error:
+${output}` : output.trim() || "(no output)",
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      const updatedSession = {
+        ...state.session,
+        messages: [...state.session.messages, userMessage, assistantMessage],
+        updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      setState((prev) => ({ ...prev, session: updatedSession }));
+      setStoreSession(updatedSession);
+      state.sessionStore.save(updatedSession);
+    },
+    [state.session, state.sessionStore]
+  );
   const handleImageDetected = async (imageData) => {
     try {
       let imageStore = state.imageStore;
@@ -12355,6 +12431,7 @@ No usage data available for the last ${USAGE_DAYS} days.`);
     {
       onMessage: handleMessage,
       onCommand: handleCommand,
+      onBashCommand: handleBashCommand,
       onImageDetected: handleImageDetected,
       commandHistory,
       config: state.config,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bike4mind/cli",
-  "version": "0.2.10-fix-b4m-cli-flicker.17235+479bb7772",
+  "version": "0.2.10-fix-b4m-cli-flicker.17243+cbbca593a",
   "type": "module",
   "description": "Interactive CLI tool for Bike4Mind with ReAct agents",
   "license": "UNLICENSED",
@@ -103,10 +103,10 @@
   },
   "devDependencies": {
     "@bike4mind/agents": "0.1.0",
-    "@bike4mind/common": "2.39.1-fix-b4m-cli-flicker.17235+479bb7772",
-    "@bike4mind/mcp": "1.20.4-fix-b4m-cli-flicker.17235+479bb7772",
-    "@bike4mind/services": "2.34.2-fix-b4m-cli-flicker.17235+479bb7772",
-    "@bike4mind/utils": "2.1.4-fix-b4m-cli-flicker.17235+479bb7772",
+    "@bike4mind/common": "2.39.1-fix-b4m-cli-flicker.17243+cbbca593a",
+    "@bike4mind/mcp": "1.20.4-fix-b4m-cli-flicker.17243+cbbca593a",
+    "@bike4mind/services": "2.34.2-fix-b4m-cli-flicker.17243+cbbca593a",
+    "@bike4mind/utils": "2.1.4-fix-b4m-cli-flicker.17243+cbbca593a",
     "@types/better-sqlite3": "^7.6.13",
     "@types/diff": "^5.0.9",
     "@types/jsonwebtoken": "^9.0.4",
@@ -119,5 +119,5 @@
     "typescript": "^5.9.3",
     "vitest": "^3.2.4"
   },
-  "gitHead": "479bb77726d7e49cda72367ba8fd3c84e346474d"
+  "gitHead": "cbbca593a8f5107d0ff9ca4a7911de7616a61a91"
 }