beast-agent 0.21.0 → 0.23.0

package/src/preload.js

@@ -115,6 +115,14 @@ contextBridge.exposeInMainWorld('beast', {
   waSetTts: (cfg) => ipcRenderer.invoke('wa:tts:set', cfg),
   waGetGroups: () => ipcRenderer.invoke('wa:groups:get'),
   waSetGroups: (cfg) => ipcRenderer.invoke('wa:groups:set', cfg),
+  tgGetStatus: () => ipcRenderer.invoke('tg:status:get'),
+  tgSetToken: (token) => ipcRenderer.invoke('tg:set', token),
+  tgStart: () => ipcRenderer.invoke('tg:start'),
+  tgStop: () => ipcRenderer.invoke('tg:stop'),
+  tgGetAllow: () => ipcRenderer.invoke('tg:allow:get'),
+  tgSetAllow: (list) => ipcRenderer.invoke('tg:allow:set', list),
+  tgListSessions: () => ipcRenderer.invoke('tg:sessions'),
+  onTgEvent: (cb) => ipcRenderer.on('tg:event', (_e, ev) => cb(ev)),
   getUsage: () => ipcRenderer.invoke('usage:get'),
   resetUsage: () => ipcRenderer.invoke('usage:reset'),
   createBackup: () => ipcRenderer.invoke('backup:create'),

package/src/renderer/i18n.js

@@ -73,7 +73,8 @@
       up_downloading: 'İndiriliyor…',
       up_downloaded: 'İndirildi — kurulum için hazır',
       up_npm_mode: 'npm kurulumu — güncellemeler otomatik kontrol edilir',
-      up_npm_note: 'Yeni sürüm algılanınca buton aktifleşir: uygulama kapanır, güncellenir ve kendiliğinden yeniden açılır. Terminal komutu: beast-agent update',
+      up_npm_note: 'Yeni sürüm algılanınca buton aktifleşir: uygulama kapanır, güncellenir ve kendiliğinden yeniden açılır. Terminal komutu: beast update',
+      up_npm_started: 'Güncelleme başladı — uygulama kapanacak, en son sürüm kurulup kendiliğinden açılacak…',
       up_dev_note: 'Geliştirme modu — güncelleme buradan yapılmaz; dağıtım npm ve GitHub Releases üzerinden. Kaynak kod için: git pull',
       up_auto_check: 'Otomatik sürüm kontrolü (açılış + 6 saatte bir)',
       up_auto_dl: 'Yeni sürümü otomatik indir (kapanışta kurulur)',
@@ -199,6 +200,13 @@
       it_num_ph: 'Numara 905xxxxxxxxx',
       it_add: 'Ekle',
       it_allow_note: 'İsim + numara zorunlu. Her kişinin yanındaki serbest/web/okuma/kısıtlı seçimiyle kişiye özel yetki ver.',
+      it_tg_sub: 'Bot tokenı ile çalışır — izin listendeki kişilere Telegram\u2019dan cevap verir',
+      it_tg_token_ph: 'Bot tokenı (örn. 123456789:AAH…)',
+      it_tg_save: 'Kaydet & Bağlan',
+      it_tg_connecting: 'Telegram\u2019a bağlanıyor…',
+      it_tg_token_bad: 'Token doğrulanamadı — @BotFather\u2019dan aldığın tokenı kontrol et',
+      it_tg_id_ph: 'Kullanıcı ID veya @kullanıcı_adı',
+      it_tg_note: 'İzin listesi boşsa kimse cevap almaz. Bot oluşturma: @BotFather → /newbot. Kendi ID\u2019ni öğrenmek için @userinfobot\u2019a mesaj at.',
       ev_h2: 'Olay Merkezi',
       ev_sub: 'Cron\u2019suz canlı olaylar — kaynakları aç, abonelikleri agent kendisi kurar (event_subscribe). Tetiklenen olay ilgili sohbete düşer, cevap WhatsApp\u2019a gider.',
       ev_on: 'Olay merkezi açık',
@@ -374,6 +382,7 @@
       bot_tab_plugin: 'Plugin',
       bot_tab_watcher: 'Watcher',
       bot_tab_stats: 'İstatistik',
+      bot_tab_notes: 'Notlar',
       bot_name: 'Bot adı',
       bot_icon: 'İkon',
       bot_prompt: 'System prompt (kişilik/görev)',
@@ -396,6 +405,7 @@
       bot_see: 'Görebilir (diğer botlar)',
       bot_no_other: 'Başka bot yok.',
       bot_perm: 'Yetki seviyesi',
+      bot_perm_note: 'all tek başına tüm araçları açar (özel). Web / Okuma / Sohbet birden fazla seçilebilir — seçilenlerin araçları birleşir.',
       bot_skills: 'Skill erişimi',
       bot_browser: 'Tarayıcı ayarları',
       bot_ext_browser: 'Dış tarayıcı yetkisi (kullanıcı isterse)',
@@ -449,6 +459,12 @@
       p_zen_ok: '${n} free model yüklendi',
       p_zen_skipped: '${n} model yanıt vermedi, listeye alınmadı',
       p_zen_fail: 'Model kurulumu başarısız',
+      net_offline: 'İnternet bağlantısı yok — mesajların kuyruğa alındı',
+      net_online: 'Bağlantı geri geldi',
+      net_pill_offline: 'İnternet yok — ${n} mesaj kuyrukta',
+      net_pill_online: 'İnternet yok',
+      q_pending: 'kuyrukta — internet bekleniyor',
+      q_flushed: '${n} kuyruktaki mesaj gönderiliyor',
       bot_num_ro_hint: 'Numara ekleme/kişi adı Ayarlar → Entegrasyonlar (WhatsApp izin listesi) üzerinden yapılır; burada yalnızca bağlı numaralar görünür.',
       tipStore: 'Skills Store',
       tipIde: 'IDE Modu — dosyalar + chat + preview',
@@ -571,7 +587,8 @@
       up_downloading: 'Downloading…',
       up_downloaded: 'Downloaded — ready to install',
       up_npm_mode: 'npm install — updates are checked automatically',
-      up_npm_note: 'The button activates when a new version is detected: the app closes, updates and relaunches by itself. Terminal command: beast-agent update',
+      up_npm_note: 'The button activates when a new version is detected: the app closes, updates and relaunches by itself. Terminal command: beast update',
+      up_npm_started: 'Update started — the app will close, install the latest version and relaunch…',
       up_dev_note: 'Development mode — updates are distributed via npm and GitHub Releases. For source code: git pull',
       up_auto_check: 'Automatic version check (on startup + every 6 hours)',
       up_auto_dl: 'Auto-download new versions (installed on quit)',
@@ -697,6 +714,13 @@
       it_num_ph: 'Number 905xxxxxxxxx',
       it_add: 'Add',
       it_allow_note: 'Name + number required. Grant per-person permission (free/web/read/restricted) via the selector next to each.',
+      it_tg_sub: 'Works with a bot token — replies on Telegram to people in your allow list',
+      it_tg_token_ph: 'Bot token (e.g. 123456789:AAH…)',
+      it_tg_save: 'Save & Connect',
+      it_tg_connecting: 'Connecting to Telegram…',
+      it_tg_token_bad: 'Token could not be verified — check the token from @BotFather',
+      it_tg_id_ph: 'User ID or @username',
+      it_tg_note: 'Empty allow list = nobody gets a reply. Create a bot: @BotFather → /newbot. To learn your ID, message @userinfobot.',
       ev_h2: 'Event Center',
       ev_sub: 'Live events without cron — open sources, the agent sets up subscriptions itself (event_subscribe). The triggered event drops into the relevant chat, the reply goes to WhatsApp.',
       ev_on: 'Event center on',
@@ -930,6 +954,7 @@
       bot_tab_plugin: 'Plugin',
       bot_tab_watcher: 'Watcher',
       bot_tab_stats: 'Stats',
+      bot_tab_notes: 'Notes',
       bot_name: 'Bot name',
       bot_icon: 'Icon',
       bot_prompt: 'System prompt (personality/task)',
@@ -952,6 +977,7 @@
       bot_see: 'Can see (other bots)',
       bot_no_other: 'No other bots.',
       bot_perm: 'Permission level',
+      bot_perm_note: 'all alone grants every tool (exclusive). Web / Read / Chat can be multi-selected — their tool sets are combined.',
       bot_skills: 'Skill access',
       bot_browser: 'Browser settings',
       bot_ext_browser: 'External browser permission (when user asks)',
@@ -1005,6 +1031,12 @@
       p_zen_ok: '${n} free models installed',
       p_zen_skipped: '${n} models did not respond, excluded',
       p_zen_fail: 'Model setup failed',
+      net_offline: 'No internet connection — messages queued',
+      net_online: 'Connection restored',
+      net_pill_offline: 'No internet — ${n} message(s) queued',
+      net_pill_online: 'No internet',
+      q_pending: 'queued — waiting for internet',
+      q_flushed: '${n} queued message(s) being sent',
       bot_num_ro_hint: 'Add numbers / person names via Settings → Integrations (WhatsApp allow list); only linked numbers are shown here.',
       tipStore: 'Skills Store',
       tipIde: 'IDE Mode — files + chat + preview',

package/src/renderer/index.html

@@ -240,6 +240,7 @@
             <button class="btab" data-btab="log" data-i18n="bot_tab_log">Log</button>
             <button class="btab" data-btab="watcher" data-i18n="bot_tab_watcher">Watcher</button>
             <button class="btab" data-btab="stats" data-i18n="bot_tab_stats">İstatistik</button>
+            <button class="btab" data-btab="notes" data-i18n="bot_tab_notes">Notlar</button>
           </nav>
           <div id="botPane"></div>
         </div>

package/src/renderer/renderer.js

@@ -193,6 +193,72 @@ function setStatus(text) {
   els.statusPill.textContent = text;
 }
 
+/* ---------------- OFFLINE MESAJ KUYRUĞU (chat) ----------------
+   İnternet yokken gönderilen mesajlar main'deki diske yazılan kuyruğa düşer;
+   burada ⏳ "kuyrukta" balonu gösterilir. Bağlantı gelince kuyruk otomatik
+   boşaltılır ('netQueue flushed') ve balonlar gerçek mesajla değişir. */
+let netOnline = true;
+let netQueueCount = 0;
+const netPending = []; // { key, el } — bekleyen mesaj balonları
+
+function setNetBadge(el, text) {
+  if (!el || !el.isConnected) return;
+  let badge = el.querySelector('.q-badge');
+  if (!badge) {
+    badge = document.createElement('span');
+    badge.className = 'q-badge';
+    el.appendChild(badge);
+  }
+  badge.textContent = '⏳ ' + text;
+}
+
+function updateNetQueueUi() {
+  if (busy) return;
+  if (!netOnline) {
+    setStatus(netQueueCount > 0 ? _ti('net_pill_offline', netQueueCount) : _t('net_pill_online'));
+  } else if (!netQueueCount) {
+    setStatus('');
+  }
+}
+
+function onNetEvent(ev) {
+  if (ev.type === 'net') {
+    const was = netOnline;
+    netOnline = ev.online !== false;
+    if (was !== netOnline) {
+      if (netOnline) {
+        toast(_t('net_online'));
+        if (!netQueueCount) setStatus('');
+      } else {
+        toast(_t('net_offline'));
+        updateNetQueueUi();
+      }
+    }
+    return;
+  }
+  if (ev.type === 'netQueue') {
+    netQueueCount = typeof ev.count === 'number' ? ev.count : netQueueCount;
+    if (ev.queued) {
+      if (ev.sessionId === activeId) {
+        addUserBubble(ev.text || (ev.attCount ? `[${ev.attCount} ek]` : ''));
+        const el = els.msgs.querySelector('.msg-user:last-of-type');
+        if (el && ev.key) {
+          setNetBadge(el, _t('q_pending'));
+          netPending.push({ key: ev.key, el });
+        }
+      }
+    } else if (ev.flushed) {
+      /* kuyruk boşaltılıyor: ⏳ balonlarını kaldır — gerçek mesaj echo ile gelir */
+      for (const p of netPending) {
+        if (p.el && p.el.isConnected) p.el.remove();
+      }
+      netPending.length = 0;
+      toast(_ti('q_flushed', ev.flushed));
+    }
+    updateNetQueueUi();
+  }
+}
+
 const TODO_GLYPH = { done: '✓', active: '▸', pending: '○' };
 
 function renderTodos(items) {
@@ -878,7 +944,7 @@ async function renderProviderPane() {
   form.innerHTML =
     /* TEK TİKLA MODEL (OpenCode Zen Free) */
     `<div class="zen-hero">` +
-    `<button id="zenOneClick" class="btn">⚡ ${_t('p_zen_btn')}</button>` +
+    `<button id="zenOneClick" class="btn"><span class="zen-load" hidden></span><span class="zen-label">⚡ ${_t('p_zen_btn')}</span></button>` +
     `<div class="sub" style="margin-top:6px">${_t('p_zen_hint')}</div>` +
     `</div>` +
     `<label class="mem-label">${_t('p_preset')}</label>` +
@@ -928,13 +994,19 @@ async function renderProviderPane() {
   /* TEK TİKLA MODEL: OpenCode Zen free kurulumu */
   $('#zenOneClick').addEventListener('click', async () => {
     const btn = $('#zenOneClick');
-    const old = btn.textContent;
+    const label = btn.querySelector('.zen-label');
+    const spinner = btn.querySelector('.zen-load');
+    const old = label.textContent;
     btn.disabled = true;
-    btn.textContent = _t('p_zen_busy');
+    btn.classList.add('loading');
+    spinner.hidden = false;
+    label.textContent = _t('p_zen_busy');
     let r;
     try { r = await beast.zenOneClick(); } catch (e) { r = { ok: false, error: String((e && e.message) || e) }; }
     btn.disabled = false;
-    btn.textContent = old;
+    btn.classList.remove('loading');
+    spinner.hidden = true;
+    label.textContent = old;
     if (r && r.ok) {
       let msg = _ti('p_zen_ok', (r.models || []).length) + ' (OpenCode Zen)';
       if (r.failed && r.failed.length) msg += ' — ' + _ti('p_zen_skipped', r.failed.length);
@@ -1414,6 +1486,35 @@ async function renderIntegrationsPane() {
         <button id="waAllowAdd" class="btn ghost" style="margin-top:6px">${_t('it_add')}</button>
       </div>
       <div class="sub" style="margin-top:8px">${_t('it_allow_note')}</div>
+    </div>
+
+    <div class="wa-card" style="margin-top:14px">
+      <div class="wa-head">
+        <div class="wa-logo tg">T</div>
+        <div>
+          <div class="wa-title">Telegram</div>
+          <div class="wa-sub">${_t('it_tg_sub')}</div>
+        </div>
+      </div>
+      <div class="wa-status"><span id="tgDot" class="wa-dot"></span><span id="tgStatText">—</span></div>
+      <div id="tgUser" class="wa-user" hidden></div>
+      <div class="form-grid" style="grid-template-columns:1fr auto;align-items:center">
+        <input id="tgTokenInp" class="inp" type="password" style="margin:6px 0 0" placeholder="${_t('it_tg_token_ph')}" autocomplete="off" />
+        <button id="tgSaveBtn" class="btn" style="margin-top:6px">${_t('it_tg_save')}</button>
+      </div>
+      <div class="wa-actions" style="margin-top:6px">
+        <button id="tgStopBtn" class="btn ghost">${_t('it_disconnect')}</button>
+      </div>
+      <div class="divider"></div>
+      <label class="mem-label" style="margin-top:0">${_t('it_allow_label')} — Telegram</label>
+      <div id="tgAllowChips" class="chips-inline"></div>
+      <div class="form-grid" style="grid-template-columns:1.2fr 1fr 1fr auto;align-items:center">
+        <input id="tgAllowNameInp" class="inp" style="margin:6px 0 0" placeholder="${_t('it_name_ph')}" autocomplete="off" />
+        <input id="tgAllowIdInp" class="inp" style="margin:6px 0 0" placeholder="${_t('it_tg_id_ph')}" autocomplete="off" />
+        <select id="tgAllowBotSel" class="perm-select" style="margin:6px 0 0;min-width:105px" title="${_t('bot_bind_title')}"></select>
+        <button id="tgAllowAdd" class="btn ghost" style="margin-top:6px">${_t('it_add')}</button>
+      </div>
+      <div class="sub" style="margin-top:8px">${_t('it_tg_note')}</div>
     </div>`;
 
   const waGroupsOn = $('#waGroupsOn');
@@ -1453,6 +1554,29 @@ async function renderIntegrationsPane() {
   waUI.status = snap.status || 'disconnected';
   if (snap.user) waUI.user = snap.user;
   updateWaPane();
+
+  /* TELEGRAM (FEATURE 3): token + allow list + durum */
+  $('#tgSaveBtn').addEventListener('click', async () => {
+    const tok = $('#tgTokenInp').value.trim();
+    if (!tok) { toast(_t('it_tg_token_ph')); return; }
+    toast(_t('it_tg_connecting'));
+    const r = await beast.tgSetToken(tok).catch((e) => ({ status: 'error', error: String(e) }));
+    $('#tgTokenInp').value = '';
+    updateTgPane();
+    toast(r.status === 'connected' ? 'Telegram bağlı: ' + (r.user || '') : r.status === 'error' ? _t('it_tg_token_bad') : _t('it_tg_connecting'));
+  });
+  $('#tgStopBtn').addEventListener('click', async () => {
+    await beast.tgStop().catch(() => {});
+    updateTgPane();
+    toast('Kesildi');
+  });
+  await renderTgAllow();
+  try {
+    const ts = await beast.tgGetStatus();
+    tgUI.status = ts.status || 'disconnected';
+    tgUI.user = ts.user || null;
+    updateTgPane();
+  } catch {}
 }
 
 /* ---------------- Olay Merkezi (ayrı sekme) ---------------- */
@@ -1719,7 +1843,8 @@ async function renderUpdatePane(autoCheck) {
   const btnInstall = pane.querySelector('#upInstall');
   if (btnInstall) btnInstall.addEventListener('click', async () => {
     const r = await beast.updateInstall().catch(() => ({ ok: false, error: 'ipc' }));
-    if (!r.ok && r.error) toast(r.error);
+    if (r.ok && r.npm) toast(_t('up_npm_started'));
+    else if (!r.ok && r.error) toast(r.error);
   });
 
   /* indirme ilerlemesi için sekme açıkken canlı tazele — YALNIZ durum kutusu */
@@ -2085,6 +2210,172 @@ function updateWaPane() {
   u.textContent = waUI.user ? '👤 ' + waUI.user : '';
 }
 
+/* ---------------- integrations (Telegram — FEATURE 3) ---------------- */
+
+const tgUI = { status: 'disconnected', user: null };
+const TG_STATUS_TEXT = {
+  disconnected: 'Bağlı değil',
+  connecting: 'Bağlanıyor…',
+  connected: 'Bağlı',
+  error: 'Hata — tokenı kontrol et',
+};
+
+function onTgEvent(ev) {
+  if (ev.type !== 'status') return;
+  tgUI.status = ev.status;
+  if (ev.user) tgUI.user = ev.user;
+  updateTgPane();
+}
+
+function updateTgPane() {
+  const pane = $('#tab-integrations');
+  const dot = pane && pane.querySelector('#tgDot');
+  if (!dot) return;
+  dot.className = 'wa-dot' + (tgUI.status === 'connected' ? ' on' : tgUI.status === 'error' ? ' qr' : '');
+  pane.querySelector('#tgStatText').textContent = TG_STATUS_TEXT[tgUI.status] || tgUI.status;
+  const u = pane.querySelector('#tgUser');
+  u.hidden = !(tgUI.status === 'connected' && tgUI.user);
+  u.textContent = tgUI.user ? '🤖 ' + tgUI.user : '';
+}
+
+/* Telegram izin listesi — WA ile aynı mantık: isim zorunlu, kişi bazlı izin,
+   bot eşleme. Chip × ile silinir; düzenlemek için silip yeniden ekle. */
+async function renderTgAllow() {
+  const wrap = $('#tgAllowChips');
+  if (!wrap) return;
+  const list = await beast.tgGetAllow();
+  let botChoices = [];
+  try { botChoices = (await beast.botsList()) || []; } catch {}
+  const multiBot = botChoices.length >= 2;
+  const tgLabel = (e) => {
+    if (e === '*') return '* herkes';
+    if (typeof e === 'string') return e;
+    const name = String((e && e.name) || '').trim();
+    const id = String((e && e.id) || '');
+    return (name ? name + ' ' : '') + id;
+  };
+  wrap.innerHTML = '';
+  if (!list.length) wrap.innerHTML = '<span class="sub">— boş —</span>';
+  list.forEach((entry, idx) => {
+    const curPerm = (typeof entry === 'object' && entry.perm) || (entry && entry.lockdown ? 'chat' : 'all');
+    const c = document.createElement('span');
+    c.className = 'chip';
+    c.style.margin = '0 6px 6px 0';
+    const txt = document.createElement('span');
+    txt.className = 'chip-txt';
+    txt.textContent = tgLabel(entry);
+    c.appendChild(txt);
+    if (entry !== '*') {
+      /* kişi bazlı granül izin: serbest/web/okuma/kısıtlı (WA ile aynı) */
+      const selP = document.createElement('select');
+      selP.className = 'perm-select';
+      selP.title = _t('wa_perm_title');
+      const PERMS = [
+        ['all', _t('wa_perm_all')],
+        ['web', 'web'],
+        ['read', _t('wa_perm_read')],
+        ['chat', _t('wa_perm_chat')],
+      ];
+      for (const [v, lbl] of PERMS) {
+        const o = document.createElement('option');
+        o.value = v;
+        o.textContent = lbl;
+        if (curPerm === v) o.selected = true;
+        selP.appendChild(o);
+      }
+      selP.addEventListener('change', async () => {
+        const cur = await beast.tgGetAllow();
+        const next = cur.map((e, i) => {
+          if (i !== idx) return e;
+          const base = typeof e === 'string' ? { id: e, name: '' } : { ...e };
+          base.lockdown = selP.value === 'chat';
+          base.perm = selP.value;
+          return base;
+        });
+        await beast.tgSetAllow(next);
+        renderTgAllow();
+        toast(tgLabel(entry) + ': ' + selP.selectedOptions[0].textContent);
+      });
+      c.appendChild(selP);
+
+      /* BOT SİSTEMİ: 2+ bot varsa kaydı hangi botun karşılayacağını seç */
+      if (multiBot) {
+        const sel = document.createElement('select');
+        sel.className = 'perm-select';
+        sel.title = _t('bot_bind_title');
+        for (const bb of botChoices) {
+          const o = document.createElement('option');
+          o.value = bb.id;
+          o.textContent = `${bb.icon} ${bb.name}`;
+          if ((typeof entry === 'object' && entry.bot_id) === bb.id) o.selected = true;
+          sel.appendChild(o);
+        }
+        sel.addEventListener('change', async () => {
+          const cur = await beast.tgGetAllow();
+          const next = cur.map((e, i) => {
+            if (i !== idx) return e;
+            const base = typeof e === 'string' ? { id: e, name: '' } : { ...e };
+            base.bot_id = sel.value || undefined;
+            return base;
+          });
+          await beast.tgSetAllow(next);
+          renderTgAllow();
+          const bt = botChoices.find((bb) => bb.id === sel.value);
+          toast(tgLabel(entry) + ' → ' + (bt ? bt.name : '?'));
+        });
+        c.appendChild(sel);
+      }
+    }
+    const x = document.createElement('span');
+    x.className = 'x';
+    x.textContent = '×';
+    x.addEventListener('click', async () => {
+      const next = (await beast.tgGetAllow()).filter((_v, i) => i !== idx);
+      await beast.tgSetAllow(next);
+      renderTgAllow();
+      toast('Kaldırıldı: ' + tgLabel(entry));
+    });
+    c.appendChild(x);
+    wrap.appendChild(c);
+  });
+
+  /* ekleme formu: isim + (ID veya @username) + bot seçici */
+  const inp = $('#tgAllowIdInp');
+  const nameInp = $('#tgAllowNameInp');
+  const add = $('#tgAllowAdd');
+  const botSel = $('#tgAllowBotSel');
+  if (botSel) {
+    const prev = botSel.value;
+    botSel.innerHTML =
+      `<option value="">${_t('bot_sel_empty')}</option>` +
+      botChoices
+        .map((bb) => `<option value="${bb.id}">${bb.icon} ${escapeHtml(bb.name)}${bb.admin ? ' (admin)' : ''}</option>`)
+        .join('');
+    if (prev) botSel.value = prev;
+  }
+  if (!add.dataset.bound) {
+    add.dataset.bound = '1';
+    const addEntry = async () => {
+      let v = inp.value.trim();
+      if (!v) return;
+      const name = nameInp.value.trim().slice(0, 40);
+      if (!name) { toast('İsim zorunlu — kimin yazdığını bilmek için'); nameInp.focus(); return; }
+      /* @username olduğu gibi; sayısal ID'den boşluk/nokta temizle */
+      v = v.startsWith('@') ? '@' + v.slice(1).replace(/[^\w]/g, '') : v.replace(/[^\d]/g, '');
+      if (!v) { toast(_t('it_tg_id_ph')); return; }
+      const botId = botSel && botSel.value ? { bot_id: botSel.value } : {};
+      await beast.tgSetAllow([...(await beast.tgGetAllow()), { id: v, name, ...botId }]);
+      inp.value = '';
+      nameInp.value = '';
+      renderTgAllow();
+      toast('Eklendi: ' + name);
+    };
+    add.addEventListener('click', addEntry);
+    inp.addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); addEntry(); } });
+    nameInp.addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); addEntry(); } });
+  }
+}
+
 /* ---------------- BOT SİSTEMİ (BÖLÜM 2-3-4) ----------------
    Sol panel altında bot kartları; her bot için sohbet geçmişi + sekmeli yönetim.
    İlk bot hep Beast (admin, silinemez). Max 5 bot. */
@@ -2117,6 +2408,9 @@ async function refreshBots() {
   } catch { botsCache = []; }
   try { botPageStats = (await beast.botsStats()) || []; } catch { botPageStats = []; }
   renderBotCards();
+  /* BOT PICKER SENKRONU: liste her yenilendiğinde üstteki rozet de aktif bota
+     ayarlanır — startup yarışında (liste boşken çizilen) eski rozet düzelir */
+  updateBotChip();
   if (!$('#botOverlay').hidden) renderBotPage();
 }
 
@@ -2159,11 +2453,20 @@ async function switchBot(id) {
   const b = botsCache.find((x) => x.id === id);
   if (!b) return;
   if (id === activeBotId) return;
+  /* UI hemen dönsün: rozet + kartlar IPC beklemeden aktif bota geçer */
   activeBotId = id;
-  try { await beast.botsActivate(id); } catch {}
-  try { localStorage.setItem('beast.activeBot', id); } catch {}
   updateBotChip();
   renderBotCards();
+  try {
+    const r = await beast.botsActivate(id);
+    /* main'inkiyle eşleş: normalizasyon ('beast' fallback) varsa düzelt */
+    if (r && r.activeBotId && r.activeBotId !== activeBotId) {
+      activeBotId = r.activeBotId;
+      updateBotChip();
+      renderBotCards();
+    }
+  } catch {}
+  try { localStorage.setItem('beast.activeBot', id); } catch {}
   /* o botun en son oturumuna geç; hiç yoksa o bot için yeni sohbet aç */
   try {
     const list = (await beast.listSessions()).filter((s) => (s.botId || 'beast') === id);
@@ -2224,9 +2527,44 @@ function renderBotPage() {
   else if (tab === 'log') renderBotLog(pane, b);
   else if (tab === 'watcher') renderBotWatcher(pane, b);
   else if (tab === 'stats') renderBotStats(pane, b);
+  else if (tab === 'notes') renderBotNotes(pane, b);
   renderBotChats(b);
 }
 
+/* --- Notlar sekmesi: oturum notları — konuşma kodu, başlık, tarih ve özet metni.
+    Admin bot (beast) tüm oturumları görür; müşteri botu yalnız kendi oturumlarını. --- */
+async function renderBotNotes(pane, b) {
+  pane.innerHTML = `<h2>${_t('notes_h2')}</h2><div class="sub">${_t('notes_sub')}</div>`;
+  let all = [];
+  try { all = await beast.listNotes(); } catch {}
+  const list = (b.admin ? all : all.filter((n) => (n.botId || 'beast') === b.id))
+    .slice()
+    .sort((x, y) => String(y.updatedAt).localeCompare(String(x.updatedAt)));
+  if (!list.length) {
+    pane.insertAdjacentHTML('beforeend', `<div class="mini-empty">${_t('notes_empty')}</div>`);
+    return;
+  }
+  const f = document.createElement('div');
+  f.className = 'bot-form';
+  for (const n of list) {
+    const when = n.updatedAt ? new Date(n.updatedAt).toLocaleString('tr-TR', { day: '2-digit', month: '2-digit', hour: '2-digit', minute: '2-digit' }) : '';
+    const card = document.createElement('div');
+    card.className = 'notes-card';
+    card.innerHTML =
+      `<div class="notes-head"><div class="skill-name">${escapeHtml((b.icon || '') + ' ' + (n.code || '?'))} — ${escapeHtml(n.title || '')}</div>` +
+      `<div class="notes-meta">${escapeHtml(when)} · ${n.count || 0} ${_t('bot_stat_msgs')}</div></div>` +
+      `<div class="notes-body">${escapeHtml(String(n.notes || '').slice(0, 4000))}</div>` +
+      `<div style="margin-top:8px"><button class="btn ghost notes-del">${_t('notes_del')}</button></div>`;
+    card.querySelector('.notes-del').addEventListener('click', async () => {
+      await beast.clearNotes(n.id).catch(() => {});
+      toast(_t('deleted'));
+      renderBotNotes(pane, b);
+    });
+    f.appendChild(card);
+  }
+  pane.appendChild(f);
+}
+
 function renderBotOverview(pane) {
   pane.innerHTML = `<h2>${_t('bot_overview')}</h2><div class="sub">${_t('bot_overview_sub')}</div>`;
   const totals = { numbers: 0, sessions: 0, msgs: 0 };
@@ -2313,6 +2651,12 @@ function renderBotSettings(pane, b) {
   const skillChecks = BOT_SKILLS
     .map(([k, lbl]) => `<label><input type="checkbox" data-skill="${k}" ${(b.skills || {})[k] ? 'checked' : ''}/> ${lbl}</label>`)
     .join('');
+  /* Yetki: 'all' tek başına tüm araçları verir (özel); web/read/chat çoklu seçilebilir */
+  const PERM_OPTS = [['all', _t('wa_perm_all')], ['web', 'Web'], ['read', _t('wa_perm_read')], ['chat', _t('wa_perm_chat')]];
+  const curPerms = Array.isArray(b.perm) ? b.perm : [b.perm || 'all'];
+  const permChecks = PERM_OPTS
+    .map(([k, lbl]) => `<label><input type="checkbox" data-perm="${k}" ${curPerms.includes(k) ? 'checked' : ''}/> ${lbl}</label>`)
+    .join('');
   const numRows = (b.numbers || [])
     .map((n) => `<div class="bot-num-row" data-num="${n.num}"><span class="n">+${escapeHtml(n.num)}${n.name ? ' · ' + escapeHtml(n.name) : ''}</span><span class="x" title="${_t('bot_num_del')}">×</span></div>`)
     .join('');
@@ -2334,12 +2678,8 @@ function renderBotSettings(pane, b) {
     <div class="bot-checks" id="bSee">${seeChecks}</div>
     ${b.admin ? '' : `
     <label class="mem-label">${_t('bot_perm')}</label>
-    <select id="bPerm" class="inp">
-      <option value="all" ${b.perm === 'all' ? 'selected' : ''}>${_t('wa_perm_all')}</option>
-      <option value="web" ${b.perm === 'web' ? 'selected' : ''}>web</option>
-      <option value="read" ${b.perm === 'read' ? 'selected' : ''}>${_t('wa_perm_read')}</option>
-      <option value="chat" ${b.perm === 'chat' ? 'selected' : ''}>${_t('wa_perm_chat')}</option>
-    </select>
+    <div class="bot-checks" id="bPerm">${permChecks}</div>
+    <div class="sub" style="margin-top:4px">${_t('bot_perm_note')}</div>
     <label class="mem-label">${_t('bot_skills')}</label>
     <div class="bot-checks" id="bSkills">${skillChecks}</div>`}
     <label class="mem-label">${_t('bot_browser')}</label>
@@ -2387,6 +2727,18 @@ function renderBotSettings(pane, b) {
       if (bb) renderBotSettings(pane, bb);
     })
   );
+  /* 'all' hariç diğer izinler çoklu seçilebilir; 'all' işaretlenince diğerleri kapanır */
+  f.querySelectorAll('#bPerm input').forEach((c) =>
+    c.addEventListener('change', () => {
+      if (c.dataset.perm === 'all' && c.checked) {
+        f.querySelectorAll('#bPerm input').forEach((x) => { if (x !== c) x.checked = false; });
+      } else if (c.checked) {
+        const all = f.querySelector('#bPerm input[data-perm="all"]');
+        if (all) all.checked = false;
+      }
+      if (![...f.querySelectorAll('#bPerm input')].some((x) => x.checked)) c.checked = true; // en az biri seçili kalsın
+    })
+  );
   $('#bSave').addEventListener('click', async () => {
     const patch = {
       name: $('#bName').value.trim(),
@@ -2399,7 +2751,8 @@ function renderBotSettings(pane, b) {
       numbers: (b.numbers || []).map((n) => n.num),
     };
     if (!b.admin) {
-      patch.perm = $('#bPerm').value;
+      const selPerms = [...f.querySelectorAll('#bPerm input:checked')].map((c) => c.dataset.perm);
+      patch.perm = selPerms.includes('all') ? 'all' : selPerms;
       const sk = {};
       f.querySelectorAll('#bSkills input').forEach((c) => { sk[c.dataset.skill] = c.checked; });
       patch.skills = sk;
@@ -2847,6 +3200,8 @@ function onEvent(ev) {
     scheduleAgentsRender();
     return;
   }
+  /* OFFLINE MESAJ KUYRUĞU: bağlantı + kuyruk olayları (sessionId filtresinden önce) */
+  if (ev.type === 'net' || ev.type === 'netQueue') { onNetEvent(ev); return; }
   /* Beast Code oturumu (IDE modu ortasındaki panel): olayları panele akıt,
      ana sohbeti kirletme */
   if (bcSessionId && ev.sessionId === bcSessionId) {
@@ -3775,6 +4130,7 @@ async function init() {
   }
 
   beast.onWaEvent(onWaEvent);
+  beast.onTgEvent(onTgEvent);
 
   els.gearBtn.addEventListener('click', openSettings);
   els.setClose.addEventListener('click', closeSettings);