From b6c1ae48bab13c4c60084bec2d1f854b80a685b8 Mon Sep 17 00:00:00 2001
From: kaitranntt <kaitran.ntt@gmail.com>
Date: Tue, 16 Dec 2025 21:03:53 -0500
Subject: [PATCH] fix(websearch): use correct @vibe-kit/grok-cli package

- Update install command to npm install -g @vibe-kit/grok-cli
- Update docs URL to github.com/superagent-ai/grok-cli
- Fix env var from XAI_API_KEY to GROK_API_KEY
- Update description to reflect AI coding agent capabilities
---
 src/utils/websearch-manager.ts | 10 +++++-----
 ui/src/pages/settings.tsx      |  6 +++---
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/utils/websearch-manager.ts b/src/utils/websearch-manager.ts
index f350ae44..3ce1e8d5 100644
--- a/src/utils/websearch-manager.ts
+++ b/src/utils/websearch-manager.ts
@@ -268,11 +268,11 @@ export function getWebSearchCliProviders(): WebSearchCliInfo[] {
       command: 'grok',
       installed: grokStatus.installed,
       version: grokStatus.version,
-      installCommand: 'npm install -g grok-cli',
-      docsUrl: 'https://github.com/lalomorales22/grok-4-cli',
+      installCommand: 'npm install -g @vibe-kit/grok-cli',
+      docsUrl: 'https://github.com/superagent-ai/grok-cli',
       requiresApiKey: true,
-      apiKeyEnvVar: 'XAI_API_KEY',
-      description: 'xAI Grok with web + X search (requires API key)',
+      apiKeyEnvVar: 'GROK_API_KEY',
+      description: 'xAI Grok CLI with AI coding agent capabilities',
       freeTier: false,
     },
   ];
@@ -296,7 +296,7 @@ export function getCliInstallHints(): string[] {
   return [
     '[i] WebSearch: No CLI tools installed',
     '    Gemini CLI (FREE): npm i -g @google/gemini-cli',
-    '    Grok CLI (paid):   npm i -g grok-cli',
+    '    Grok CLI (paid):   npm i -g @vibe-kit/grok-cli',
   ];
 }
 
diff --git a/ui/src/pages/settings.tsx b/ui/src/pages/settings.tsx
index a8b80e26..b66e0ab8 100644
--- a/ui/src/pages/settings.tsx
+++ b/ui/src/pages/settings.tsx
@@ -368,7 +368,7 @@ export function SettingsPage() {
                         <div className="flex items-center gap-2">
                           <p className="font-mono font-medium">grok</p>
                           <span className="text-xs px-1.5 py-0.5 rounded bg-blue-500/10 text-blue-600 font-medium">
-                            XAI_API_KEY
+                            GROK_API_KEY
                           </span>
                           {status?.grokCli?.installed ? (
                             <span className="text-xs px-1.5 py-0.5 rounded bg-green-500/10 text-green-600 font-medium">
@@ -402,11 +402,11 @@ export function SettingsPage() {
                         Install globally (requires xAI API key):
                       </p>
                       <code className="text-sm bg-blue-100 dark:bg-blue-900/40 px-2 py-1 rounded font-mono">
-                        npm install -g grok-cli
+                        npm install -g @vibe-kit/grok-cli
                       </code>
                       <div className="mt-3">
                         <a
-                          href="https://github.com/lalomorales22/grok-4-cli"
+                          href="https://github.com/superagent-ai/grok-cli"
                           target="_blank"
                           rel="noopener noreferrer"
                           className="text-sm text-blue-700 dark:text-blue-300 hover:underline inline-flex items-center gap-1"