nothumanallowed 13.5.33 → 13.5.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.5.33",
+  "version": "13.5.35",
   "description": "NotHumanAllowed — 38 AI agents, 80 tools, Studio (visual agentic workflows). Email, calendar, browser automation, screen capture, canvas, cron/heartbeat, Alexandria E2E messaging, GitHub, Notion, Slack, voice chat, free AI (Liara), 28 languages. Zero-dependency CLI.",
   "type": "module",
   "bin": {

package/src/commands/ui.mjs

@@ -3050,6 +3050,21 @@ ${rawText.slice(0, 18000)}`;
           } else if (agent === 'WebSearchAgent' || agent === 'ResearchAgent') {
             sendToken('[Searching the web and reading pages...] ');
             try {
+              // If the task or stepPrompt contains explicit URLs, fetch them directly first
+              const explicitUrls = (task + ' ' + stepPrompt).match(/https?:\/\/[^\s"'<>)]+/g);
+              if (explicitUrls && explicitUrls.length > 0) {
+                const uniqueUrls = [...new Set(explicitUrls)].slice(0, 4);
+                for (const u of uniqueUrls) {
+                  sendToken(`[Fetching ${u}...] `);
+                  try {
+                    const fetchRes = await withTimeout(executeTool('fetch_url', { url: u }, config), 30000);
+                    const fetchStr = typeof fetchRes === 'string' ? fetchRes : JSON.stringify(fetchRes);
+                    if (fetchStr && fetchStr.length > 100) {
+                      toolData += (toolData ? '\n\n' : '') + `## Page content: ${u}\n${fetchStr.slice(0, 8000)}`;
+                    }
+                  } catch (e) { toolData += (toolData ? '\n\n' : '') + `## Fetch ${u} failed: ${e.message}`; }
+                }
+              }
               // If there is document context from a previous step, ask the LLM to derive
               // the optimal search queries. This is generic and works for any document/task.
               let searchQueries = [stepPrompt.slice(0, 120)];
@@ -3111,17 +3126,33 @@ ${rawText.slice(0, 18000)}`;
             } catch (e) { toolData = toolData || `Web search failed: ${e.message}`; }
 
           } else if (agent === 'BrowserAgent') {
-            const urlMatch = stepPrompt.match(/https?:\/\/[^\s"']+/);
-            if (urlMatch) {
-              sendToken(`[Fetching ${urlMatch[0]}...] `);
-              try {
-                const fetchResult = await withTimeout(executeTool('fetch_url', { url: urlMatch[0] }, config), 'BrowserAgent');
-                toolData = typeof fetchResult === 'string' ? fetchResult : JSON.stringify(fetchResult);
-              } catch (e) { toolData = `Fetch failed: ${e.message}`; }
+            // Collect all URLs from stepPrompt + task, plus infer subpaths mentioned (e.g. /about, /docs)
+            const allUrlMatches = [...new Set((stepPrompt + ' ' + task).match(/https?:\/\/[^\s"'<>)]+/g) || [])];
+            // Also extract any relative paths like /about, /download, /docs mentioned near a base URL
+            const baseUrlMatch = (stepPrompt + ' ' + task).match(/https?:\/\/[^\s"'<>/]+/);
+            if (baseUrlMatch) {
+              const base = baseUrlMatch[0].replace(/\/$/, '');
+              const subpaths = (stepPrompt + ' ' + task).match(/\/[a-z][a-z0-9_/-]*/g) || [];
+              for (const sp of subpaths) {
+                if (sp.length > 1 && sp.length < 40) allUrlMatches.push(base + sp);
+              }
+            }
+            const urlsToFetch = [...new Set(allUrlMatches)].slice(0, 5);
+            if (urlsToFetch.length > 0) {
+              for (const u of urlsToFetch) {
+                sendToken(`[Fetching ${u}...] `);
+                try {
+                  const fetchResult = await withTimeout(executeTool('fetch_url', { url: u }, config), 30000);
+                  const fetchStr = typeof fetchResult === 'string' ? fetchResult : JSON.stringify(fetchResult);
+                  if (fetchStr && fetchStr.length > 100) {
+                    toolData += (toolData ? '\n\n' : '') + `## Page: ${u}\n${fetchStr.slice(0, 8000)}`;
+                  }
+                } catch (e) { toolData += (toolData ? '\n\n' : '') + `## Fetch ${u} failed: ${e.message}`; }
+              }
             } else {
               sendToken('[Searching web...] ');
               try {
-                const searchResult = await withTimeout(executeTool('web_search', { query: stepPrompt }, config), 'BrowserSearch');
+                const searchResult = await withTimeout(executeTool('web_search', { query: stepPrompt }, config), 30000);
                 toolData = typeof searchResult === 'string' ? searchResult : JSON.stringify(searchResult);
               } catch (e) { toolData = `Browser search failed: ${e.message}`; }
             }

package/src/constants.mjs

@@ -5,7 +5,7 @@ import { fileURLToPath } from 'url';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
-export const VERSION = '13.5.33';
+export const VERSION = '13.5.35';
 export const BASE_URL = 'https://nothumanallowed.com/cli';
 export const API_BASE = 'https://nothumanallowed.com/api/v1';
 

package/src/services/web-ui.mjs

@@ -257,10 +257,12 @@ function switchView(v) {
 function openSidebar() {
   document.getElementById('sidebar').classList.add('sidebar--open');
   document.getElementById('overlay').classList.add('sidebar__overlay--open');
+  var mb = document.getElementById('mobileBurger'); if (mb) mb.style.display = 'none';
 }
 function closeSidebar() {
   document.getElementById('sidebar').classList.remove('sidebar--open');
   document.getElementById('overlay').classList.remove('sidebar__overlay--open');
+  var mb = document.getElementById('mobileBurger'); if (mb) mb.style.display = '';
 }
 function toggleSidebar() {
   var sb = document.getElementById('sidebar');
@@ -3338,7 +3340,7 @@ var studioAbortController = null;
 var parlActiveAgent = null;   // active agent label during parliament streaming
 var parlDoneAgents = {};      // set of completed agent labels during parliament
 var _parlPersistHtml = null;  // persists parliament block HTML across tab navigations
-var _PARL_STAMP = '<!--nha-parl-v13.5.33-->';
+var _PARL_STAMP = '<!--nha-parl-v13.5.35-->';
 
 function stopStudio() {
   if (!studioState.running) return;
@@ -5863,8 +5865,9 @@ function renderStudio(el) {
       '<h2>&#9881; NHA Studio</h2>' +
       '<p>Build a pipeline manually — click agents to add them in order — or describe your task in natural language and let Studio plan it automatically.</p>' +
     '</div>' +
-    '<div style="display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start">' +
+    '<div style="display:flex;gap:16px;align-items:flex-start" id="studioMainRow">' +
       '<div style="flex:1;min-width:0">' +
+        '<button class="studio-sidebar-toggle" onclick="(function(){var sb=document.getElementById(\\x27studioSidebar\\x27);sb.classList.toggle(\\x27studio-sidebar--open\\x27)})()" title="Tools &amp; Agents">&#128295; Tools &amp; Agents</button>' +
 
         // ── MODE TABS ──
         '<div style="display:flex;gap:0;margin-bottom:14px;border:1px solid var(--border);border-radius:8px;overflow:hidden">' +
@@ -5921,7 +5924,7 @@ function renderStudio(el) {
       '</div>' +
 
       // ── AGENT SIDEBAR ──
-      '<div style="display:flex;flex-direction:column;gap:12px;width:220px;flex-shrink:0;position:sticky;top:16px;align-self:flex-start">' +
+      '<div id="studioSidebar" class="studio-sidebar">' +
         '<div class="studio-tools-panel">' +
           // Tab bar
           '<div style="display:flex;gap:0;margin-bottom:10px;border:1px solid var(--border);border-radius:6px;overflow:hidden">' +
@@ -6215,6 +6218,7 @@ input:focus,textarea:focus{border-color:var(--green3)}
 
 /* Mobile burger button */
 #mobileBurger{display:block}
+.sidebar--open~* #mobileBurger,.sidebar--open+* #mobileBurger{opacity:0;pointer-events:none}
 .sidebar__close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--dim);font-size:20px;cursor:pointer;padding:4px 8px;z-index:10;line-height:1}
 .sidebar__close:hover{color:var(--bright)}
 .sidebar__brand{position:relative}
@@ -6268,6 +6272,7 @@ input:focus,textarea:focus{border-color:var(--green3)}
 #canvasPanel .cvs-header span{font-family:var(--mono);color:var(--green);font-size:12px}
 #canvasPanel .cvs-header button{background:none;border:none;color:var(--dim);cursor:pointer;font-size:14px;margin-left:8px}
 #canvasPanel iframe{flex:1;border:none;background:#fff;min-height:350px;width:100%}
+@media(max-width:600px){#canvasPanel{top:0;right:0;left:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;border-left:none;border-right:none}}
 .msg--thinking{color:var(--dim);font-style:italic}
 .tool-indicator{display:inline-block;padding:2px 8px;margin:2px 0;border-radius:4px;font-size:11px;background:var(--bg3);border:1px solid var(--border)}
 .tool-indicator--browser{border-color:#9c27b0;color:#ce93d8}
@@ -6440,6 +6445,17 @@ input:focus,textarea:focus{border-color:var(--green3)}
 .studio-header{margin-bottom:20px}
 .studio-header h2{font-size:15px;color:var(--green);margin-bottom:4px}
 .studio-header p{font-size:11px;color:var(--dim);line-height:1.5}
+.studio-sidebar{display:flex;flex-direction:column;gap:12px;width:220px;flex-shrink:0;position:sticky;top:16px;align-self:flex-start}
+.studio-sidebar-toggle{display:none}
+@media(max-width:600px){
+  #studioMainRow{flex-direction:column}
+  .studio-sidebar{position:fixed;top:0;right:0;bottom:0;width:260px;max-width:85vw;background:var(--bg2);border-left:1px solid var(--border);z-index:500;padding:16px 12px;overflow-y:auto;transform:translateX(110%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px rgba(0,0,0,.4);flex-shrink:0}
+  .studio-sidebar--open{transform:translateX(0)}
+  .studio-sidebar-toggle{display:flex;align-items:center;gap:6px;margin-bottom:12px;padding:8px 14px;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;color:var(--cyan);font-size:12px;font-weight:600;cursor:pointer;width:100%;justify-content:center}
+  .studio-header p{display:none}
+  .studio-input-row{flex-direction:column}
+  .studio-input-row textarea{min-height:72px;font-size:13px}
+}
 .studio-input-row{display:flex;gap:8px;margin-bottom:16px;align-items:flex-start}
 .studio-input-row textarea{flex:1;resize:vertical;min-height:90px;max-height:200px;padding:10px 14px;font-size:13px;border-radius:var(--r);border:1px solid var(--border2);line-height:1.5}
 .studio-input-row textarea:focus{border-color:var(--green3)}
@@ -6756,7 +6772,7 @@ input:focus,textarea:focus{border-color:var(--green3)}
 <div class="app">
   <nav class="sidebar" id="sidebar"></nav>
 
-  <button onclick="openSidebar()" style="position:fixed;top:6px;left:6px;z-index:100;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);color:var(--green);font-size:16px;padding:4px 8px;cursor:pointer;line-height:1;opacity:0.85" id="mobileBurger">&#9776;</button>
+  <button onclick="openSidebar()" style="position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:100;background:var(--bg2);border:1px solid var(--green3);border-radius:24px;color:var(--green);font-size:13px;font-weight:700;padding:8px 20px;cursor:pointer;line-height:1;box-shadow:0 2px 12px rgba(0,0,0,.5);letter-spacing:.3px" id="mobileBurger">&#9776; Menu</button>
 
   <div class="content" id="content"></div>