nothumanallowed 12.5.7 → 12.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "12.5.7",
+  "version": "12.6.1",
   "description": "NotHumanAllowed — 38 AI agents, 80 tools. 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/services/web-ui.mjs

@@ -65,10 +65,18 @@ input:focus,textarea:focus{border-color:var(--green3)}
 
 .content{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}
 
+/* Mobile burger button */
+#mobileBurger{display:block}
+.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}
+
 /* ---- DESKTOP: sidebar always visible ---- */
 @media(min-width:901px){
   .app{flex-direction:row}
   .header__burger{display:none}
+  #mobileBurger{display:none!important}
+  .sidebar__close{display:none}
   .sidebar{display:flex!important;position:static;width:220px;min-width:220px;height:auto;box-shadow:none}
   .sidebar__overlay{display:none!important}
   .content{padding:20px}
@@ -439,7 +447,7 @@ function renderChat(el){
       '</div>'+
       '<div style="flex:1;display:flex;flex-direction:column;min-width:0">'+
         '<div style="padding:6px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px">'+
-          '<button onclick="toggleConvSidebar()" style="background:none;border:none;cursor:pointer;font-size:14px;color:var(--dim);padding:2px 6px" title="Toggle conversations">&#128172;</button>'+
+          '<button onclick="toggleConvSidebar()" style="background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;font-size:11px;color:var(--green);padding:4px 10px;display:flex;align-items:center;gap:4px;font-family:var(--font)" title="Toggle conversations">&#128172; <span>Chats</span></button>'+
           '<span id="convTitle" style="flex:1;font-size:12px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap">New Chat</span>'+
           '<button onclick="createNewConv()" style="background:none;border:1px solid var(--green);color:var(--green);padding:4px 10px;border-radius:var(--r);cursor:pointer;font-size:10px">+ New</button>'+
           '<button onclick="exportConvMd()" style="background:none;border:1px solid var(--border);color:var(--dim);padding:4px 8px;border-radius:var(--r);cursor:pointer;font-size:10px" title="Export Markdown">Export</button>'+
@@ -2704,6 +2712,7 @@ init();
 <div class="app">
   <nav class="sidebar" id="sidebar">
     <div class="sidebar__brand">
+      <button class="sidebar__close" onclick="closeSidebar()" title="Close menu">&times;</button>
       <div style="display:flex;align-items:center;gap:8px">
         <div class="sidebar__brand-name">NHA</div>
         <span id="wsIndicator" style="color:var(--dim);font-size:8px" title="Daemon WebSocket">&#9679;</span>
@@ -2757,7 +2766,7 @@ init();
     <div style="padding:12px 16px;margin-top:auto;border-top:1px solid var(--border);font-size:10px;color:var(--dim)">nothumanallowed.com</div>
   </nav>
 
-  <button onclick="openSidebar()" style="position:fixed;top:8px;left:8px;z-index:100;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);color:var(--green);font-size:20px;padding:4px 10px;cursor:pointer;line-height:1" id="mobileBurger">&#9776;</button>
+  <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>
 
   <div class="content" id="content"></div>