nothumanallowed 13.5.34 → 13.5.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.5.34",
+  "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/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.34';
+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.34-->';
+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>