beast-agent 2.12.0 → 2.14.0

package/src/agent/llm.js

@@ -347,6 +347,18 @@ function sessionHeaderId(body) {
   return _sessionFallback;
 }
 
+/* Headroom proxy yönlendirme: providerId -> yerel proxy portu haritası.
+   main (agent/headroom.js) ayarlardan açıldığında kurar; null = düz bağlan. */
+let _headroomRoutes = null;
+function setHeadroomRoutes(map) {
+  _headroomRoutes = map && Object.keys(map).length ? map : null;
+}
+function headroomUrlFor(sel) {
+  if (!_headroomRoutes || !sel) return '';
+  const port = Number(_headroomRoutes[String(sel.providerId || '')] || 0);
+  return port ? 'http://127.0.0.1:' + port + '/v1/chat/completions' : '';
+}
+
 async function openChat(sel, body, { stream, signal, drops } = {}) {
   const d = drops || {};
   const payload = {
@@ -368,7 +380,10 @@ async function openChat(sel, body, { stream, signal, drops } = {}) {
   if (body.cacheKey && wantsCacheKey(sel) && !d.noCacheKey) {
     payload.prompt_cache_key = String(body.cacheKey);
   }
-  return fetch(sel.url, {
+  /* Headroom açıkken istek yerel sıkıştırma proxy'sinden geçer (aynı gövde+başlıklar);
+     yoksa sağlayıcıya düz bağlan */
+  const target = headroomUrlFor(sel) || sel.url;
+  return fetch(target, {
     method: 'POST',
     signal,
     headers: {
@@ -558,7 +573,9 @@ async function chatStreamAuto(sel, body, opts = {}) {
   let last = first;
   for (let i = 0; i < 2; i++) {
     const msgs2 = body.messages.slice();
-    msgs2.push({ role: 'assistant', content: full });
+    const asst = { role: 'assistant', content: full };
+    if (first.reasoning) asst.reasoning_content = first.reasoning; /* thinking geri-besleme */
+    msgs2.push(asst);
     msgs2.push({ role: 'user', content: CONTINUE_PROMPT });
     let cont;
     try {
@@ -624,6 +641,7 @@ module.exports = {
   capsFor,
   resetCaps,
   learnCaps,
+  setHeadroomRoutes,
   PARAM_LABELS,
   isNetworkError,
   wantsCacheKey,

package/src/main.js

@@ -26,7 +26,10 @@ const watchers = require('./agent/watchers');
 const usageMod = require('./agent/usage');
 const bus = require('./agent/bus');
 const computeruse = require('./agent/computeruse');
+const android = require('./agent/android');
 const log = require('./agent/logger');
+const headroom = require('./agent/headroom');
+const QRCode = require('qrcode'); /* Expo Go QR (bc-expurl) — whatsapp ile aynı paket */
 
 /* #3 otomatik updater: sessiz — indirir, kapanışta kurar, kullanıcıya soru sormaz.
    Paketlenmemiş (npm start) modda devre dışı; Update sekmesi ve /update komutu kontrol eder. */
@@ -3107,7 +3110,18 @@ function reloadBackend() {
       /* BC canlı önizleme: ajan bir dev server başlattıysa adresi yakala —
          preview butonu ve otomatik açılış DAİMA bu sunucuyu öncelikli kullanır */
       if (ev.type === 'bc-preview' && /^https?:\/\/(?:localhost|127\.0\.0\.1)(?::\d{2,5})?/i.test(String(ev.url || ''))) {
+        /* klasör değiştiyse eski sunucu bayat: KAPAT, en yeniye geç */
+        try {
+          if (bcLastServerUrl && bcLastServerRoot && path.relative(bcLastServerRoot, ideRoot()) !== '') {
+            bcKillServer(bcLastServerUrl);
+          }
+        } catch {}
         bcLastServerUrl = String(ev.url);
+        try { bcLastServerRoot = ideRoot(); } catch { bcLastServerRoot = ''; }
+      }
+      /* Expo Go QR: ajanın dev sunucusu exp:// adresi yazdıysa QR üretip panele bas */
+      if (ev.type === 'bc-expurl') {
+        bcExpQrMake(String(ev.url || '')).catch(() => {});
       }
       /* WA canlı iş takibi: oturum bir WhatsApp sohbetine bağlıysa araç
          hareketlerini (terminal, web, dosya…) kısa satırla bildir.
@@ -3288,6 +3302,30 @@ function reloadBackend() {
   /* PANEL RUN köprüsü: ajanın panel_run aracı → ÇALIŞTIR panelindeki yönetilen
      süreç koşucusu (sandbox:run IPC ile aynı makine). */
   engine.sbRunHook = sbRunStartManaged;
+
+  /* HEADROOM (opsiyonel token sıkıştırma proxy'si): engine zincirinden provider
+     listesi alınır; durum değişince renderer'a 'headroom-status' düşer */
+  headroom.setProviderGetter(() => {
+    const seen = new Map();
+    for (const c of (engine && engine.cfg && engine.cfg.chain) || []) {
+      if (!c || !c.providerId || !c.url || seen.has(c.providerId)) continue;
+      seen.set(c.providerId, {
+        id: String(c.providerId),
+        name: String(c.providerName || c.providerId),
+        baseUrl: String(c.url).replace(/\/chat\/completions$/, ''),
+      });
+    }
+    return [...seen.values()];
+  });
+  headroom.setStatusSink((st) => {
+    try {
+      if (win && !win.isDestroyed()) win.webContents.send('agent:event', { type: 'headroom-status', status: st });
+    } catch {}
+  });
+  /* ayarlardan açık kaldıysa: uygulama açılışında arka planda başlat */
+  if (settings.headroom && settings.headroom.enabled) {
+    setTimeout(() => { headroom.setEnabled(true).catch(() => {}); }, 4000);
+  }
   return engine.publicState();
 }
 
@@ -3516,6 +3554,7 @@ app.whenReady().then(() => {
       flushBrowserStorage(); // x.com/google oturumları (cookies) diske yazılsın
       try { toolsMod.disposeShellSessions(); } catch {} // kalıcı shell oturumlarını kapat
       try { require('./agent/mcp').stopAll(); } catch {} // MCP server süreçlerini kapat
+      try { headroom.stopAll(); } catch {} // headroom proxy süreçlerini kapat
     });
 
     if (process.argv.includes('--smoke')) {
@@ -6248,12 +6287,73 @@ ipcMain.handle('install:status', async () => {
   /* 8) Edge TTS (bulut) */
   rows.push({ id: 'edge', name: 'Edge TTS — seslendirme', state: 'cloud', detail: 'bulut — kurulum gerekmez' });
 
+  /* 9) Headroom CLI — arka plan paket kurulumu burada görünür;
+     aç/kapat Token Sıkıştırma sekmesinde */
+  {
+    const st = headroom.probe();
+    let state = 'optional';
+    if (st.installed) state = 'ok';
+    else if (st.installing) state = 'loading';
+    if (st.failed) state = 'failed';
+    rows.push({
+      id: 'headroom',
+      name: 'Headroom CLI — token sıkıştırma motoru',
+      state,
+      detail: st.installing
+        ? 'arka planda kuruluyor — uv tool install headroom-ai[proxy]'
+        : st.failed
+          ? (st.error || 'kurulum başarısız')
+          : st.installed
+            ? 'kurulu — aç/kapat: Token Sıkıştırma sekmesi'
+            : 'kurulu değil — Token Sıkıştırma sekmesinden açınca otomatik kurulur',
+      ...(st.installing ? pctFields('headroom') : {}),
+    });
+  }
+
+  /* 10) Android Emülatörü — opsiyonel; varsa Beast Code mobil uygulamaları emülatörde açar */
+  {
+    const st = android.probe();
+    let state = 'optional';
+    if (st.sdk) state = 'ok';
+    else if (st.installing) state = 'loading';
+    if (st.failed) state = 'failed';
+    rows.push({
+      id: 'android',
+      name: 'Android Emülatörü — mobil uygulamalar emülatörde çalışır',
+      state,
+      canInstall: true,
+      detail: st.installing
+        ? (st.stage || 'arka planda kuruluyor — JDK + SDK + sistem imajı (~1.5GB, internete göre 5-20 dk)')
+        : st.failed
+          ? (st.error || 'kurulum başarısız')
+          : st.sdk
+            ? 'hazır — SDK: ' + st.sdkPath
+            : 'kurulu değil — KUR ile arka planda kurulur (istekge bağlı)',
+      ...(st.installing ? pctFields('android') : {}),
+    });
+  }
+
   return rows;
 });
 
 /* cua-driver kurulumunu şimdi başlat (Kurulum sekmesi otomatiği + elle tetikleme) */
 ipcMain.handle('cua:install', () => require('./agent/computeruse').autoInstall());
 
+/* HEADROOM (opsiyonel token sıkıştırma): aç/kapa + durum */
+ipcMain.handle('headroom:toggle', async (_e, on) => {
+  settings.headroom = { ...(settings.headroom || {}), enabled: !!on };
+  saveSettings();
+  const r = await headroom.setEnabled(!!on).catch((e) => ({ ok: false, error: String((e && e.message) || e) }));
+  return r;
+});
+ipcMain.handle('headroom:status', () => headroom.probe());
+ipcMain.handle('headroom:stats', () => headroom.stats());
+
+/* ANDROID EMÜLATÖR (opsiyonel): durum + arka plan kurulum + AVD başlatma */
+ipcMain.handle('android:status', async () => ({ ok: true, ...(await android.probe()), avds: await android.listAvds() }));
+ipcMain.handle('android:install', () => android.autoInstall());
+ipcMain.handle('android:startAvd', async (_e, name) => android.startAvd(name));
+
 /* embedding modelini şimdi indir (mem0 arama yolu ısıtılır) */
 ipcMain.handle('embed:prefetch', () => {
   try {
@@ -8063,6 +8163,14 @@ ipcMain.handle('ide:setroot', async () => {
       properties: ['openDirectory'],
     });
     if (r.canceled || !r.filePaths || !r.filePaths[0]) return { ok: false, canceled: true };
+    /* klasör değişti: eski klasörün dev server'ı bayat — kill + unut */
+    try {
+      if (bcLastServerUrl) {
+        bcKillServer(bcLastServerUrl);
+        bcLastServerUrl = '';
+        bcLastServerRoot = '';
+      }
+    } catch {}
     settings.ideRoot = r.filePaths[0];
     saveSettings();
     ideWatchStart(); // yeni kökte izleme yeniden kurulur
@@ -8686,10 +8794,60 @@ ipcMain.handle('sandbox:openurl', async (_e, url) => {
    ve "clean URL" yolları file://'da çalışmaz. Her preview http://127.0.0.1 üzerinden
    servis edilir; ajan kendi dev sunucusunu başlattıysa o adres önceliklidir. */
 let bcLastServerUrl = ''; /* ajanın başlattığı dev server adresi (bc-preview'dan yakalanır) */
+let bcLastServerRoot = ''; /* adresin yakalandığı workspace kökü — klasör değişince bayat sayılır */
+
+/* dev server'ı port'tan bulup süreç AĞACINI kapat (best-effort).
+   Ajan arka planda başlattığı sunucular izlenmez — port üzerinden bulunur. */
+function bcKillServer(url) {
+  try {
+    const m = /:(\d{2,5})(?:\/|$)/.exec(String(url || ''));
+    if (!m) return false;
+    const port = m[1];
+    const { execSync } = require('child_process');
+    const out = String(execSync(
+      'netstat -ano | findstr ":' + port + '" | findstr LISTENING',
+      { timeout: 6000, stdio: 'pipe', encoding: 'utf8', windowsHide: true }
+    ));
+    const pids = new Set();
+    for (const line of out.split(/\r?\n/)) {
+      const p = /\s(\d+)\s*$/.exec(String(line).trim());
+      if (p) pids.add(p[1]);
+    }
+    let killed = 0;
+    for (const pid of pids) {
+      if (Number(pid) === process.pid) continue; /* kendimize dokunma */
+      try {
+        spawn('taskkill', ['/pid', String(pid), '/T', '/F'], { windowsHide: true });
+        killed++;
+      } catch {}
+    }
+    try { log.info('bc', 'bayat dev server kapatıldı (port ' + port + ', ' + killed + ' süreç)'); } catch {}
+    return killed > 0;
+  } catch {
+    return false; /* port boş / netstat hata — yok say */
+  }
+}
 const bcStatic = { server: null, root: '', base: '' };
 /* MOBİL PROJE önizleme: npm run web (expo start --web) süreci + canlı adres */
 const bcMobile = { proc: null, url: '', root: '' };
 
+/* ---------- EXPO GO QR (yalnız Beast Code) ----------
+   Ajan expo start çıktısında exp://<LAN-IP>:<port> yazınca QR'e çevrilir ve
+   renderer'a { type:'bc-exp-qr', qr, url } düşer — telefonda Expo Go okutulur. */
+let bcLastExpUrl = '';
+let bcLastExpQr = '';
+
+function bcExpQrMake(url) {
+  if (!url || url === bcLastExpUrl) return Promise.resolve();
+  bcLastExpUrl = url;
+  return QRCode.toDataURL(url, { width: 240, margin: 1, errorCorrectionLevel: 'M' }).then((qr) => {
+    bcLastExpQr = qr;
+    if (win && !win.isDestroyed()) win.webContents.send('agent:event', { type: 'bc-exp-qr', qr, url });
+  });
+}
+
+ipcMain.handle('ide:expqr', () => ({ ok: true, qr: bcLastExpQr, url: bcLastExpUrl }));
+
 /* workspace bir MOBİL UYGULAMA projesi mi? (expo / react-native / app.json) */
 function ideMobileProject(root) {
   try {
@@ -8714,6 +8872,49 @@ function ideMobileProject(root) {
   }
 }
 
+/* Beast Code PROJE TİPİ algılama: preview butonu ajana hangi talimatı vereceğini
+   bununla seçer. kind: expo | react-native | web | static | unknown */
+function ideProjectInfo(root) {
+  const out = { kind: 'unknown', name: '', cmd: '' };
+  try {
+    const pkgPath = path.join(root, 'package.json');
+    let pkg = null;
+    try { if (fs.existsSync(pkgPath)) pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8')); } catch {}
+    if (!pkg) {
+      out.kind = fs.existsSync(path.join(root, 'index.html')) ? 'static' : 'unknown';
+      return out;
+    }
+    out.name = String(pkg.name || '');
+    const deps = { ...(pkg.dependencies || {}), ...(pkg.devDependencies || {}) };
+    const scripts = pkg.scripts || {};
+    const hasAppJson = fs.existsSync(path.join(root, 'app.json')) || fs.existsSync(path.join(root, 'app.config.js'));
+    if (deps.expo || (hasAppJson && (deps['react-native'] || deps['react-dom']))) {
+      out.kind = 'expo';
+      out.cmd = scripts.web ? 'npm run web' : deps.expo ? 'npx expo start --web' : String(scripts.start || '');
+    } else if (deps['react-native']) {
+      out.kind = 'react-native';
+      out.cmd = String(scripts.start || scripts.ios || '') || 'npx react-native start';
+    } else if (deps.next) {
+      out.kind = 'web';
+      out.cmd = String(scripts.dev || scripts.start || '') || 'npx next dev';
+    } else if (deps.vite || deps['react-scripts'] || deps['@angular/core'] || deps['vue']) {
+      out.kind = 'web';
+      out.cmd = String(scripts.dev || scripts.start || scripts.serve || '');
+    } else if (scripts.dev) {
+      out.kind = 'web';
+      out.cmd = 'npm run dev';
+    } else if (scripts.start) {
+      out.kind = 'web';
+      out.cmd = 'npm start';
+    } else {
+      out.kind = fs.existsSync(path.join(root, 'index.html')) ? 'static' : 'unknown';
+    }
+  } catch {}
+  return out;
+}
+
+ipcMain.handle('ide:projinfo', () => ({ ok: true, ...ideProjectInfo(ideRoot()) }));
+
 function killMobilePreview() {
   const p = bcMobile.proc;
   if (p) {
@@ -8902,6 +9103,13 @@ ipcMain.handle('ide:preview', async () => {
     if (!entry) return { ok: false, error: 'workspace kökünde index.html yok — önce agent\'a siteyi yazdır' };
     /* forceVisible: preview'a basınca tarayıcı ikonuna basmaya gerek kalmasın */
     setBrowserOpen(true, true);
+    /* KLASÖR UYUŞMAZLIĞI: kayıtlı dev server ESKİ klasörün artıklarıysa
+       kill et ve unut — yeni klasör kendi sunucusuyla başlasın */
+    if (bcLastServerUrl && bcLastServerRoot && path.relative(bcLastServerRoot, root) !== '') {
+      bcKillServer(bcLastServerUrl);
+      bcLastServerUrl = '';
+      bcLastServerRoot = '';
+    }
     let url = '';
     if (bcLastServerUrl) {
       url = bcLastServerUrl; /* ajanın kendi dev sunucusu öncelikli */
@@ -8964,6 +9172,7 @@ ipcMain.handle('custom:set', (_e, list) => {
   settings.customProviders = Array.isArray(list) ? list : [];
   saveSettings();
   engine.setCustomProviders(settings.customProviders);
+  headroom.syncProviders(); /* headroom açıksa proxy setini yeni listeye uydur */
   return engine.publicState();
 });
 

package/src/preload.js

@@ -222,6 +222,14 @@ contextBridge.exposeInMainWorld('beast', {
   idePreview: () => ipcRenderer.invoke('ide:preview'),
   idePreviewFile: (rel) => ipcRenderer.invoke('ide:previewFile', rel),
   idePreviewUrl: (url) => ipcRenderer.invoke('ide:previewUrl', url),
+  ideProjInfo: () => ipcRenderer.invoke('ide:projinfo'),
+  ideExpQr: () => ipcRenderer.invoke('ide:expqr'),
+  headroomToggle: (on) => ipcRenderer.invoke('headroom:toggle', !!on),
+  headroomStatus: () => ipcRenderer.invoke('headroom:status'),
+  headroomStats: () => ipcRenderer.invoke('headroom:stats'),
+  androidStatus: () => ipcRenderer.invoke('android:status'),
+  androidInstall: () => ipcRenderer.invoke('android:install'),
+  androidStartAvd: (name) => ipcRenderer.invoke('android:startAvd', name),
   agentsClearAll: () => ipcRenderer.invoke('agents:clearAll'),
   ideDelete: (rel) => ipcRenderer.invoke('ide:delete', rel),
   onWaEvent: (cb) => ipcRenderer.on('wa:event', (_e, ev) => cb(ev)),

package/src/renderer/i18n.js

@@ -64,6 +64,7 @@
       set_title: 'AYARLAR',
       tab_lang: 'Dil',
       lang_sub: 'Arayüz dili — uygulama dili ve sesli komut dili buradan değişir',
+      tab_headroom: 'Token Sıkıştırma',
       tab_provider: 'Provider',
       tab_fallout: 'Fallout',
       tab_memory: 'Memory',
@@ -163,7 +164,7 @@
       em_mem_clear: 'Hafızayı Temizle',
       em_mem_cleared: 'Empati hafızası temizlendi',
       tab_cron: 'Cron',
-      tab_usage: 'Maliyet · Limit',
+      tab_usage: 'Maliyet',
       tab_logs: 'Log',
       tab_dash: 'Dashboard',
       tab_limits: 'Limit',
@@ -539,6 +540,8 @@
       bot_plugin_sub: 'Aktif plugin\u2019leri seç (değişiklik loglanır).',
       bot_watcher_sub: 'Bu botun oturumlarına bağlı izleyiciler.',
       bot_no_watchers: 'Bu bota ait izleyici yok.',
+      w_pane: 'İZLEYİCİLER',
+      w_empty: 'Kayıtlı izleyici yok.',
       bot_stats_sub: 'Bu botun kullanım özeti.',
       bot_stat_numbers: 'Numara',
       bot_stat_sessions: 'Sohbet',
@@ -696,6 +699,7 @@
       set_title: 'SETTINGS',
       tab_lang: 'Language',
       lang_sub: 'Interface language — app UI and voice command language',
+      tab_headroom: 'Token Compression',
       tab_provider: 'Provider',
       tab_fallout: 'Fallout',
       tab_memory: 'Memory',
@@ -795,7 +799,7 @@
       em_mem_clear: 'Clear Memory',
       em_mem_cleared: 'Empathy memory cleared',
       tab_cron: 'Cron',
-      tab_usage: 'Cost · Limit',
+      tab_usage: 'Cost',
       tab_logs: 'Logs',
       tab_dash: 'Dashboard',
       tab_limits: 'Limit',
@@ -1033,6 +1037,7 @@
       cr_ran: 'Started',
       cr_toggle_pause: 'Pause',
       w_empty: 'No saved watchers — add from the form above.',
+      w_pane: 'WATCHERS',
       wa_vazgec: 'Cancel',
       wa_kaydet: 'save',
       wa_updated: 'Updated',
@@ -1063,7 +1068,6 @@
       cr_modal_empty: 'Kayıtlı cron görev yok — Ayarlar → Cron sekmesinden ekle.',
       cr_ran: 'Çalıştırıldı',
       cr_toggle_pause: 'Duraklat',
-      w_empty: 'Kayıtlı izleyici yok — yukarıdaki formla ekle.',
       wa_vazgec: 'Vazgeç',
       wa_kaydet: 'kaydet',
       wa_updated: 'Güncellendi',

package/src/renderer/index.html

@@ -13,6 +13,14 @@
       <div id="brand"><span class="brand-beast">BEAST</span><span class="brand-sub">Agent</span></div>
       <button id="newChat" title="Yeni sohbet" data-i18n="newChat">+ Yeni Sohbet</button>
       <div id="sessList"></div>
+      <div id="watchPane">
+        <div id="watchPaneHead">
+          <span id="watchPaneTitle" data-i18n="w_pane">İZLEYİCİLER</span>
+          <span class="file-spacer"></span>
+          <button id="watchPaneOpen" title="İzleyicileri yönet">+</button>
+        </div>
+        <div id="watchPaneList"></div>
+      </div>
       <div id="botBar">
         <div id="botBarHead">
           <span id="botBarTitle" data-i18n="bot_head">BOTLAR</span>
@@ -164,11 +172,21 @@
             <button id="codeShow" title="Editörü göster" data-i18n-title="tipCodeShow" hidden>&#x25A3;&#xFE0E;</button>
             <button id="bcNew" title="Yeni oturum" data-i18n-title="bc_new">＊</button>
             <button id="bcClear" title="Çıktıyı temizle" data-i18n-title="bc_clear">Temizle</button>
+            <button id="bcQrBtn" title="Expo Go QR" hidden>&#x25A3;&#xFE0E;</button>
           </div>
           <div id="bcOut"></div>
           <div id="bcTodoWrap" hidden></div>
           <div id="bcStatus" hidden></div>
           <div id="bcChips" hidden></div>
+          <div id="bcQrCard" hidden>
+            <div class="bq-head">
+              <span>EXPO GO QR</span>
+              <button id="bcQrClose" title="Kapat">&#x00D7;</button>
+            </div>
+            <img id="bcQrImg" alt="Expo QR" draggable="false" />
+            <div id="bcQrUrl" title=""></div>
+            <div class="bq-hint">Telefonda <b>Expo Go</b> ile okut — tünel modunda her ağdan çalışır</div>
+          </div>
           <div id="bcInputRow">
             <button id="bcAttach" title="Dosya / resim ekle" data-i18n-title="tipAttach">+</button>
             <button id="bcMic" title="Sesli komut — konuş, bırakınca yazıya çevirsin" data-i18n-title="tipMic"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="2" width="6" height="12" rx="3"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><path d="M12 19v3"/></svg></button>
@@ -297,6 +315,7 @@
         <button class="tab" data-tab="empati" data-i18n="tab_empati">Empati Loop</button>
         <button class="tab" data-tab="cron" data-i18n="tab_cron">Cron</button>
         <button class="tab" data-tab="usage" data-i18n="tab_usage">Maliyet · Limit</button>
+        <button class="tab" data-tab="headroom" data-i18n="tab_headroom">Token Sıkıştırma</button>
         <button class="tab" data-tab="logs" data-i18n="tab_logs">Log</button>
         <button class="tab" data-tab="dash" data-i18n="tab_dash">Dashboard</button>
         <button class="tab" data-tab="sec" data-i18n="tab_security">Güvenlik</button>
@@ -322,6 +341,7 @@
         <div id="tab-events" class="pane" hidden></div>
         <div id="tab-empati" class="pane" hidden></div>
         <div id="tab-usage" class="pane" hidden></div>
+        <div id="tab-headroom" class="pane" hidden></div>
         <div id="tab-logs" class="pane" hidden></div>
         <div id="tab-dash" class="pane" hidden></div>
         <div id="tab-sec" class="pane" hidden></div>