surf-cli 2.1.0 → 2.3.0

package/native/chatgpt-client.cjs

@@ -150,22 +150,23 @@ async function selectModel(cdp, desiredModel, timeoutMs = 8000) {
     })()`
   );
   await delay(300);
+  // Select from menu - loop in Node.js to avoid CDP timeout issues
   const normalizedModel = desiredModel.toLowerCase().replace(/[^a-z0-9]/g, "");
-  const result = await evaluate(
-    cdp,
-    `(async () => {
-      ${buildClickDispatcher()}
-      const TIMEOUT_MS = ${timeoutMs};
-      const targetModel = ${JSON.stringify(normalizedModel)};
-      const menuSelector = '${SELECTORS.menuContainer}';
-      const itemSelector = '${SELECTORS.menuItem}';
-      const normalize = (text) => (text || '').toLowerCase().replace(/[^a-z0-9]/g, '');
-      const deadline = Date.now() + TIMEOUT_MS;
-      while (Date.now() < deadline) {
+  const deadline = Date.now() + timeoutMs;
+  
+  while (Date.now() < deadline) {
+    const result = await evaluate(
+      cdp,
+      `(() => {
+        ${buildClickDispatcher()}
+        const targetModel = ${JSON.stringify(normalizedModel)};
+        const menuSelector = '${SELECTORS.menuContainer}';
+        const itemSelector = '${SELECTORS.menuItem}';
+        const normalize = (text) => (text || '').toLowerCase().replace(/[^a-z0-9]/g, '');
+        
         const menu = document.querySelector(menuSelector);
         if (!menu) {
-          await new Promise(r => setTimeout(r, 100));
-          continue;
+          return { found: false, waiting: true };
         }
         const items = Array.from(menu.querySelectorAll(itemSelector));
         let bestMatch = null;
@@ -183,18 +184,24 @@ async function selectModel(cdp, desiredModel, timeoutMs = 8000) {
         }
         if (bestMatch) {
           dispatchClickSequence(bestMatch);
-          await new Promise(r => setTimeout(r, 200));
-          return { success: true, label: bestMatch.textContent?.trim() };
+          return { found: true, success: true, label: bestMatch.textContent?.trim() };
         }
-        await new Promise(r => setTimeout(r, 100));
+        return { found: true, success: false, error: 'No matching model in menu' };
+      })()`
+    );
+    
+    if (result && result.found) {
+      if (result.success) {
+        await delay(200);
+        return result.label;
       }
-      return { success: false, error: 'Model option not found' };
-    })()`
-  );
-  if (!result || !result.success) {
-    throw new Error(`Model not found: ${desiredModel}`);
+      throw new Error(`Model not found: ${desiredModel}`);
+    }
+    
+    await delay(100);
   }
-  return result.label;
+  
+  throw new Error(`Model not found: ${desiredModel} (timeout)`);
 }
 
 async function typePrompt(cdp, inputCdp, prompt) {

package/native/cli.cjs

@@ -146,6 +146,27 @@ const TOOLS = {
           { cmd: 'perplexity "latest AI news" --model sonar', desc: "Specify model (Pro)" },
         ]
       },
+      "grok": {
+        desc: "Query Grok AI with real-time X/Twitter data access (uses browser session)",
+        args: ["query"],
+        opts: {
+          "with-page": "Include current page context",
+          model: "Model: auto, fast, expert, thinking (default)",
+          "deep-search": "Enable DeepSearch for X post searching",
+          timeout: "Timeout in seconds (default: 300 for thinking models)",
+          validate: "Check Grok UI and scrape available models (no query sent)",
+          "save-models": "Save discovered models to surf.json config"
+        },
+        examples: [
+          { cmd: 'grok "what are the latest AI agent trends on X"', desc: "Search X posts" },
+          { cmd: 'grok "analyze @username recent activity"', desc: "Profile analysis" },
+          { cmd: 'grok "summarize this page" --with-page', desc: "With page context" },
+          { cmd: 'grok "find viral AI posts" --deep-search', desc: "DeepSearch mode" },
+          { cmd: 'grok "quick question" --model fast', desc: "Faster model" },
+          { cmd: 'grok --validate', desc: "Check UI and list available models" },
+          { cmd: 'grok --validate --save-models', desc: "Save discovered models to settings" },
+        ]
+      },
       "ai": { 
         desc: "Analyze page with AI (requires GOOGLE_API_KEY)", 
         args: ["query"], 
@@ -349,6 +370,37 @@ const TOOLS = {
       },
     }
   },
+  element: {
+    desc: "Element inspection",
+    commands: {
+      "element.styles": {
+        desc: "Get computed styles from element(s)",
+        args: ["ref_or_selector"],
+        examples: [
+          { cmd: "element.styles e5", desc: "Get styles by ref" },
+          { cmd: 'element.styles ".header"', desc: "Get styles by selector (can return multiple)" },
+        ]
+      },
+    }
+  },
+  forms: {
+    desc: "Form interactions",
+    commands: {
+      "select": {
+        desc: "Select option(s) in dropdown",
+        args: ["ref_or_selector", "values..."],
+        opts: {
+          by: "Match by: value (default), label, index"
+        },
+        examples: [
+          { cmd: 'select e5 "US"', desc: "Select by value" },
+          { cmd: 'select e5 "opt1" "opt2"', desc: "Multi-select" },
+          { cmd: 'select e5 --by label "United States"', desc: "Select by visible text" },
+          { cmd: 'select e5 --by index 0', desc: "Select first option" },
+        ]
+      },
+    }
+  },
   wait: {
     desc: "Waiting",
     commands: {
@@ -1771,6 +1823,7 @@ const PRIMARY_ARG_MAP = {
   gemini: "query",
   chatgpt: "query",
   perplexity: "query",
+  grok: "query",
   navigate: "url",
   go: "url",
   js: "code",
@@ -1809,6 +1862,8 @@ const PRIMARY_ARG_MAP = {
   "locate.label": "label",
   "emulate.device": "device",
   "frame.js": "code",
+  "element.styles": "selector",
+  "select": "selector",
 };
 
 const toolArgs = { ...options };
@@ -1845,6 +1900,17 @@ if (tool === "js" && toolArgs.file) {
   }
 }
 
+// Handle select command: capture multiple values after selector
+if (tool === "select" && positional.length > 2) {
+  const values = positional.slice(2);  // All args after "select <selector>"
+  toolArgs.values = values.length === 1 ? values[0] : values;
+} else if (tool === "select" && positional.length === 2) {
+  // Only selector provided, no values
+  console.error("Error: select requires at least one value");
+  console.error("Usage: surf select <selector> <value...>");
+  process.exit(1);
+}
+
 if (toolArgs.into && !toolArgs.selector) {
   toolArgs.selector = toolArgs.into;
   delete toolArgs.into;
@@ -2124,7 +2190,7 @@ const socket = net.createConnection(SOCKET_PATH, () => {
   socket.write(JSON.stringify(request) + "\n");
 });
 
-const AI_TOOLS = ["smoke", "chatgpt", "gemini", "perplexity", "ai"];
+const AI_TOOLS = ["smoke", "chatgpt", "gemini", "perplexity", "grok", "ai"];
 const requestTimeout = AI_TOOLS.includes(tool) ? 300000 : 30000;
 const timeout = setTimeout(() => {
   console.error(`Error: Request timed out (${requestTimeout / 1000}s)`);

package/native/config.cjs

@@ -21,6 +21,18 @@ const STARTER_CONFIG = {
   }
 };
 
+// Grok models can be customized in surf.json if X.com UI changes:
+// {
+//   "grok": {
+//     "models": {
+//       "thinking": { "id": "thinking", "name": "Grok 4.1 Thinking" },
+//       "auto": { "id": "auto", "name": "Auto" },
+//       "fast": { "id": "fast", "name": "Fast" },
+//       "expert": { "id": "expert", "name": "Expert" }
+//     }
+//   }
+// }
+
 function findConfigPath() {
   const cwdPath = path.join(process.cwd(), CONFIG_NAME);
   if (fs.existsSync(cwdPath)) {