v0.9.26 added a admin tools

frontend/src/components/GlobalBar.jsx

@@ -2,7 +2,7 @@ import { useState, useEffect } from 'react';
 import { useSocket } from '../contexts/SocketContext.jsx';
 import { api } from '../utils/api.js';
 
-export default function GlobalBar({ isMobile, showSidebar }) {
+export default function GlobalBar({ isMobile, showSidebar, onBurger }) {
   const { connected } = useSocket();
   const [settings, setSettings] = useState({ app_name: 'jama', logo_url: '' });
   const [isDark, setIsDark] = useState(() => document.documentElement.getAttribute('data-theme') === 'dark');
@@ -11,7 +11,6 @@ export default function GlobalBar({ isMobile, showSidebar }) {
     api.getSettings().then(({ settings }) => setSettings(settings)).catch(() => {});
     const handler = () => api.getSettings().then(({ settings }) => setSettings(settings)).catch(() => {});
     window.addEventListener('jama:settings-changed', handler);
-    // Re-render when theme changes so title colour switches correctly
     const themeObserver = new MutationObserver(() => {
       setIsDark(document.documentElement.getAttribute('data-theme') === 'dark');
     });
@@ -26,20 +25,34 @@ export default function GlobalBar({ isMobile, showSidebar }) {
   const logoUrl = settings.logo_url;
   const titleColor = (isDark ? settings.color_title_dark : settings.color_title) || null;
 
-  // On mobile: show bar only when sidebar is visible (chat list view)
-  // On desktop: always show
   if (isMobile && !showSidebar) return null;
 
   return (
     <div className="global-bar">
+      {/* Burger menu button */}
+      <button
+        onClick={onBurger}
+        style={{
+          background: 'none', border: 'none', cursor: 'pointer',
+          color: 'var(--text-primary)', padding: '4px 6px',
+          display: 'flex', alignItems: 'center', flexShrink: 0, borderRadius: 8,
+          marginRight: 4,
+        }}
+        title="Menu"
+        aria-label="Open menu"
+      >
+        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
+          <line x1="3" y1="6" x2="21" y2="6"/>
+          <line x1="3" y1="12" x2="21" y2="12"/>
+          <line x1="3" y1="18" x2="21" y2="18"/>
+        </svg>
+      </button>
+
       <div className="global-bar-brand">
-        <img
-          src={logoUrl || '/icons/jama.png'}
-          alt={appName}
-          className="global-bar-logo"
-        />
+        <img src={logoUrl || '/icons/jama.png'} alt={appName} className="global-bar-logo" />
         <span className="global-bar-title" style={titleColor ? { color: titleColor } : {}}>{appName}</span>
       </div>
+
       {!connected && (
         <span className="global-bar-offline" title="Offline">
           <span className="offline-dot" />