@xagent/x-cli 1.1.49 → 1.1.50

package/README.md

@@ -1,4 +1,4 @@
-## 1.1.49 – Logo Assets & NPM Publication Complete
+## 1.1.50 – Logo Assets & NPM Publication Complete
 
 ✅ **Live on NPM**: [@xagent/x-cli](https://www.npmjs.com/package/@xagent/x-cli) - Fully published and ready for global installation
 
@@ -155,6 +155,20 @@ A conversational AI CLI tool powered by Grok with **Claude Code-level intelligen
 
 ### 🚀 Quick Start
 
+#### 💎 **Try it now (no installation required!)**
+
+<div align="center">
+
+┌────────────────────────────────────┐
+│ 🚀 One-Command Start │
+├────────────────────────────────────┤
+│ npx -y @xagent/x-cli@latest │
+├────────────────────────────────────┤
+│ Always latest version • Zero setup │
+└────────────────────────────────────┘
+
+</div>
+
 **Option 1: Run without installing (Recommended)**
 
 ```bash

package/dist/index.js

@@ -5,7 +5,7 @@ import * as path7 from 'path';
 import path7__default from 'path';
 import * as os from 'os';
 import os__default from 'os';
-import React2, { useState, useRef, useEffect, useMemo, useCallback } from 'react';
+import React3, { useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import { Box, Text, render, useApp, useInput } from 'ink';
 import { program, Command } from 'commander';
 import * as dotenv from 'dotenv';
@@ -9291,7 +9291,7 @@ EOF`;
 var package_default = {
   type: "module",
   name: "@xagent/x-cli",
-  version: "1.1.49",
+  version: "1.1.50",
   description: "An open-source AI agent that brings the power of Grok directly into your terminal.",
   main: "dist/index.js",
   module: "dist/index.js",
@@ -14883,6 +14883,7 @@ function useInputHandler({
   });
   const [shiftTabPressCount, setShiftTabPressCount] = useState(0);
   const [lastShiftTabTime, setLastShiftTabTime] = useState(0);
+  const [verbosityLevel, setVerbosityLevel] = useState("normal");
   const planMode = usePlanMode({}, agent);
   const handleSpecialKey = (key) => {
     if (isConfirmationActive) {
@@ -16229,6 +16230,49 @@ Auto-compact automatically enables compact mode when conversations exceed thresh
       clearInput();
       return true;
     }
+    if (trimmedInput === "/verbosity" || trimmedInput.startsWith("/verbosity ")) {
+      const args = trimmedInput.split(" ").slice(1);
+      const newLevel = args[0];
+      if (!newLevel) {
+        const levelEntry = {
+          type: "assistant",
+          content: `\u{1F50A} **Current Verbosity Level: ${verbosityLevel.toUpperCase()}**
+
+**Available levels:**
+- \`normal\` - Full tool output and details
+- \`quiet\` - Reduced tool output, show summaries only
+- \`minimal\` - Show only tool names, hide detailed content
+
+**Usage:** \`/verbosity <level>\`
+**Example:** \`/verbosity quiet\``,
+          timestamp: /* @__PURE__ */ new Date()
+        };
+        setChatHistory((prev) => [...prev, levelEntry]);
+      } else if (["normal", "quiet", "minimal"].includes(newLevel)) {
+        setVerbosityLevel(newLevel);
+        const confirmEntry = {
+          type: "assistant",
+          content: `\u2705 **Verbosity level set to: ${newLevel.toUpperCase()}**
+
+Tool outputs will now show ${newLevel === "minimal" ? "only tool names" : newLevel === "quiet" ? "summaries only" : "full details"}.`,
+          timestamp: /* @__PURE__ */ new Date()
+        };
+        setChatHistory((prev) => [...prev, confirmEntry]);
+      } else {
+        const errorEntry = {
+          type: "assistant",
+          content: `\u274C **Invalid verbosity level: ${newLevel}**
+
+**Available levels:** normal, quiet, minimal
+
+**Usage:** \`/verbosity <level>\``,
+          timestamp: /* @__PURE__ */ new Date()
+        };
+        setChatHistory((prev) => [...prev, errorEntry]);
+      }
+      clearInput();
+      return true;
+    }
     const directBashCommands = [
       "ls",
       "pwd",
@@ -16430,6 +16474,7 @@ Auto-compact automatically enables compact mode when conversations exceed thresh
     availableModels,
     agent,
     autoEditEnabled,
+    verbosityLevel,
     // Plan mode state and actions
     planMode
   };
@@ -16520,11 +16565,27 @@ function LoadingSpinner({
   message,
   progress
 }) {
-  if (!isActive) return null;
+  const [frameIndex, setFrameIndex] = useState(0);
+  const [messageIndex, setMessageIndex] = useState(0);
   const config2 = operationConfig[operation];
-  const spinnerChar = config2.spinner[0];
-  const operationMessage = message || config2.messages[0];
+  const spinnerChar = config2.spinner[frameIndex % config2.spinner.length];
+  const operationMessage = message || config2.messages[messageIndex % config2.messages.length];
   const color = getSpinnerColor(operation);
+  useEffect(() => {
+    if (!isActive) return;
+    const interval = setInterval(() => {
+      setFrameIndex((prev) => prev + 1);
+    }, 80);
+    return () => clearInterval(interval);
+  }, [isActive]);
+  useEffect(() => {
+    if (!isActive) return;
+    const messageInterval = setInterval(() => {
+      setMessageIndex((prev) => prev + 1);
+    }, 80 * config2.spinner.length * 3);
+    return () => clearInterval(messageInterval);
+  }, [isActive, config2.spinner.length]);
+  if (!isActive) return null;
   const renderProgressBar = () => {
     if (progress === void 0) return null;
     const barLength = 20;
@@ -16804,8 +16865,8 @@ var handleLongContent = (content, maxLength = 5e3) => {
     isTruncated: true
   };
 };
-var MemoizedChatEntry = React2.memo(
-  ({ entry, index }) => {
+var MemoizedChatEntry = React3.memo(
+  ({ entry, index, verbosityLevel }) => {
     const renderDiff = (diffContent, filename) => {
       return /* @__PURE__ */ jsx(
         DiffRenderer,
@@ -16924,6 +16985,8 @@ var MemoizedChatEntry = React2.memo(
         };
         const shouldShowDiff = entry.toolCall?.function?.name === "str_replace_editor" && entry.toolResult?.success && entry.content.includes("Updated") && entry.content.includes("---") && entry.content.includes("+++");
         const shouldShowFileContent = (entry.toolCall?.function?.name === "view_file" || entry.toolCall?.function?.name === "create_file") && entry.toolResult?.success && !shouldShowDiff;
+        const shouldShowToolContent = verbosityLevel !== "minimal";
+        const shouldShowFullContent = verbosityLevel === "normal";
         return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
           /* @__PURE__ */ jsxs(Box, { children: [
             /* @__PURE__ */ jsx(Text, { color: "magenta", children: "\u23FA" }),
@@ -16932,20 +16995,20 @@ var MemoizedChatEntry = React2.memo(
               filePath ? `${actionName}(${filePath})` : actionName
             ] })
           ] }),
-          /* @__PURE__ */ jsx(Box, { marginLeft: 2, flexDirection: "column", children: isExecuting ? /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u23BF Executing..." }) : shouldShowFileContent ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+          shouldShowToolContent && /* @__PURE__ */ jsx(Box, { marginLeft: 2, flexDirection: "column", children: isExecuting ? /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u23BF Executing..." }) : shouldShowFileContent && shouldShowFullContent ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
             /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u23BF File contents:" }),
             /* @__PURE__ */ jsx(Box, { marginLeft: 2, flexDirection: "column", children: renderFileContent(entry.content) })
-          ] }) : shouldShowDiff ? (
+          ] }) : shouldShowDiff && shouldShowFullContent ? (
             // For diff results, show only the summary line, not the raw content
             /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
               "\u23BF ",
               entry.content.split("\n")[0]
             ] })
-          ) : /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+          ) : verbosityLevel === "quiet" ? /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u23BF Completed" }) : /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
             "\u23BF ",
             formatToolContent(entry.content, toolName)
           ] }) }),
-          shouldShowDiff && !isExecuting && /* @__PURE__ */ jsx(Box, { marginLeft: 4, flexDirection: "column", children: renderDiff(entry.content, filePath) })
+          shouldShowDiff && !isExecuting && shouldShowFullContent && /* @__PURE__ */ jsx(Box, { marginLeft: 4, flexDirection: "column", children: renderDiff(entry.content, filePath) })
         ] }, index);
       default:
         return null;
@@ -16955,7 +17018,8 @@ var MemoizedChatEntry = React2.memo(
 MemoizedChatEntry.displayName = "MemoizedChatEntry";
 function ChatHistory({
   entries,
-  isConfirmationActive = false
+  isConfirmationActive = false,
+  verbosityLevel = "normal"
 }) {
   const filteredEntries = isConfirmationActive ? entries.filter(
     (entry) => !(entry.type === "tool_call" && entry.content === "Executing...")
@@ -16965,7 +17029,8 @@ function ChatHistory({
     MemoizedChatEntry,
     {
       entry,
-      index
+      index,
+      verbosityLevel
     },
     `${entry.timestamp.getTime()}-${index}`
   )) });
@@ -18100,6 +18165,7 @@ function ChatInterfaceWithAgent({
     commandSuggestions,
     availableModels,
     autoEditEnabled,
+    verbosityLevel,
     planMode
   } = useInputHandler({
     agent,
@@ -18401,7 +18467,8 @@ function ChatInterfaceWithAgent({
       ChatHistory,
       {
         entries: chatHistory,
-        isConfirmationActive: !!confirmationOptions
+        isConfirmationActive: !!confirmationOptions,
+        verbosityLevel
       }
     ) }),
     /* @__PURE__ */ jsx(
@@ -18433,7 +18500,6 @@ function ChatInterfaceWithAgent({
           progress: void 0
         }
       ),
-      /* @__PURE__ */ jsx(VersionNotification, { isVisible: !isProcessing && !isStreaming }),
       planMode.isActive && /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(
         PlanModeIndicator,
         {
@@ -18453,6 +18519,7 @@ function ChatInterfaceWithAgent({
           isStreaming
         }
       ),
+      /* @__PURE__ */ jsx(VersionNotification, { isVisible: !isProcessing && !isStreaming }),
       /* @__PURE__ */ jsxs(Box, { flexDirection: "row", marginTop: 1, children: [
         /* @__PURE__ */ jsxs(Box, { marginRight: 2, children: [
           /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
@@ -19020,7 +19087,7 @@ program.name("grok").description(
     checkAutoCompact();
     checkStartupUpdates();
     const initialMessage = Array.isArray(message) ? message.join(" ") : message;
-    const app = render(React2.createElement(ChatInterface, { agent, initialMessage }));
+    const app = render(React3.createElement(ChatInterface, { agent, initialMessage }));
     const cleanup = () => {
       app.unmount();
       agent.abortCurrentOperation();