beast-agent 2.12.0 → 2.13.0

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "beast-agent",
     "productName": "Beast Agent",
-    "version": "2.12.0",
+    "version": "2.13.0",
     "description": "Ultra-fast local agent shell for Windows.",
     "author": "algokodcom (AlgoKod)",
     "license": "MIT",

package/src/agent/engine.js

@@ -3529,6 +3529,16 @@ class Engine {
                     else if (/\b(npm (run )?(dev|start)|npx serve|live-server)\b/i.test(cmdStr)) port = 3000;
                     if (port) bcArtifacts.serverUrl = 'http://localhost:' + port;
                   }
+                  /* Expo dev server: exp://<LAN-IP>:<port> çıktıdan yakalanır —
+                     telefon/Expo Go için QR renderer'a canlı iletilir */
+                  const xm = /exp:\/\/[^\s'"<>]+/i.exec(hay);
+                  if (xm) {
+                    const eurl = xm[0].replace(/[)\].,;:'"]+$/, '');
+                    if (bcArtifacts.expUrl !== eurl) {
+                      bcArtifacts.expUrl = eurl;
+                      emit({ type: 'bc-expurl', url: eurl });
+                    }
+                  }
                 }
               } catch {}
             }

package/src/agent/headroom.js

@@ -0,0 +1,279 @@
+'use strict';
+
+/* ---------- BEAST × HEADROOM (OPSİYONEL token sıkıştırma) ----------
+   Ayarlardan (Kurulum sekmesi) açılıp kapanır; kapalıyken hiçbir şey yapmaz.
+   Açıkken: LLM istekleri yerel headroom proxy'sinden geçer — araç çıktıları,
+   loglar ve JSON yükleri modele gitmeden sıkıştırılır (testte %39-71 tasarruf).
+   Kurulum: uv tool install "headroom-ai[proxy]" (uv yoksa hata bildirir).
+   Her provider için AYRI proxy portu (base URL farkları için); llm.js
+   providerId → port haritasıyla yönlendirir, kapatınca düz bağlanır. */
+
+const { spawn } = require('child_process');
+const fs = require('fs');
+const path = require('path');
+const os = require('os');
+const { emitInstallProgress } = require('./progressbus');
+
+const PORT_BASE = 18787;
+const MAX_PROXIES = 8;
+
+const state = {
+  enabled: false,
+  installing: false,
+  installFailed: false,
+  installError: '',
+  starting: false,
+  proxies: new Map(), // providerId -> { proc, port, baseUrl, ready }
+  providerGetter: null, // () => [{ id, name, baseUrl }]
+  statusSink: null, // (probe) => void — main renderer'a akıtır
+};
+
+function _emit() {
+  try { if (state.statusSink) state.statusSink(probe()); } catch {}
+}
+
+function headroomExe() {
+  const local = path.join(os.homedir(), '.local', 'bin', 'headroom.exe');
+  if (fs.existsSync(local)) return local;
+  try {
+    require('child_process').execSync('where headroom', { timeout: 5000, stdio: 'pipe' });
+    return 'headroom';
+  } catch {}
+  return '';
+}
+
+function uvExe() {
+  const local = path.join(os.homedir(), '.local', 'bin', 'uv.exe');
+  if (fs.existsSync(local)) return local;
+  try {
+    require('child_process').execSync('where uv', { timeout: 5000, stdio: 'pipe' });
+    return 'uv';
+  } catch {}
+  return '';
+}
+
+function probe() {
+  return {
+    installed: !!headroomExe(),
+    installing: state.installing,
+    failed: state.installFailed,
+    error: state.installError,
+    enabled: state.enabled,
+    starting: state.starting,
+    proxies: [...state.proxies.values()].map((p) => ({ port: p.port, baseUrl: p.baseUrl, ready: p.ready })),
+  };
+}
+
+/* ---------- KURULUM (arka plan) ----------
+   uv tool install headroom-ai[proxy] — kendi izole Python 3.13 ortamını kurar;
+   sistemde Python gerekmez. uv yoksa pip fallback, o da yoksa elle yönlendirir. */
+function autoInstall() {
+  if (state.installing || headroomExe()) return;
+  const uv = uvExe();
+  if (!uv) {
+    state.installFailed = true;
+    state.installError = 'uv bulunamadı — kur: winget install astral-sh.uv';
+    _emit();
+    return;
+  }
+  state.installing = true;
+  state.installFailed = false;
+  state.installError = '';
+  _emit();
+  emitInstallProgress('headroom', { pct: 4 });
+  const proc = spawn(uv, ['tool', 'install', '--python', '3.13', 'headroom-ai[proxy]'], { windowsHide: true });
+  let buf = '';
+  let stage = 4;
+  const bump = () => {
+    stage = Math.min(92, stage + 7);
+    emitInstallProgress('headroom', { pct: stage });
+  };
+  const onData = (c) => {
+    const s = String(c);
+    if (/Download|Resolve|Installed|Prepared/i.test(s)) bump();
+  };
+  proc.stdout.on('data', onData);
+  proc.stderr.on('data', onData);
+  proc.on('close', (code) => {
+    state.installing = false;
+    if (code === 0 && headroomExe()) {
+      emitInstallProgress('headroom', { pct: 100 });
+    } else {
+      state.installFailed = true;
+      state.installError = 'kurulum başarısız — elle: uv tool install "headroom-ai[proxy]"';
+    }
+    _emit();
+    /* kurulum bitti ve açık kaldıysa proxy'leri hemen başlat */
+    if (state.enabled && headroomExe()) start().catch(() => {});
+  });
+  proc.on('error', () => {
+    state.installing = false;
+    state.installFailed = true;
+    state.installError = 'kurulum başlatılamadı (uv)';
+    _emit();
+  });
+}
+
+/* ---------- PROXY SÜREÇLERİ ----------
+   Provider başına bir proxy; cache modunu BOZMAMAK için mode=token,
+   Beast'in tanımadığı headroom_retrieve aracı enjekte EDİLMESİN diye
+   no-ccr (geri-getirilemez sıkıştırma, en yüksek tasarruf) ve rate limit
+   kapalı (Beast'in kendi istek patlamalarına takılmasın). Beacon kapalı. */
+function nextPort() {
+  const used = new Set([...state.proxies.values()].map((p) => p.port));
+  for (let i = 0; i < MAX_PROXIES; i++) {
+    const port = PORT_BASE + i;
+    if (!used.has(port)) return port;
+  }
+  return 0;
+}
+
+function spawnFor(provider) {
+  return new Promise((resolve) => {
+    const exe = headroomExe();
+    if (!exe) return resolve({ ok: false, error: 'headroom kurulu değil' });
+    const port = nextPort();
+    if (!port) return resolve({ ok: false, error: 'port kalmadı' });
+    let proc;
+    try {
+      proc = spawn(exe, [
+        'proxy', '--port', String(port), '--openai-api-url', provider.baseUrl,
+        '--mode', 'token', '--no-ccr', '--no-rate-limit',
+      ], {
+        windowsHide: true,
+        env: { ...process.env, HEADROOM_BEACON: 'off', DO_NOT_TRACK: '1' },
+      });
+    } catch (e) {
+      return resolve({ ok: false, error: String((e && e.message) || e) });
+    }
+    const rec = { proc, port, baseUrl: provider.baseUrl, ready: false };
+    state.proxies.set(provider.id, rec);
+    _emit();
+    proc.on('exit', () => {
+      if (state.proxies.get(provider.id) === rec) state.proxies.delete(provider.id);
+      _emit();
+    });
+    const t0 = Date.now();
+    const poll = setInterval(async () => {
+      let ready = false;
+      try {
+        const r = await fetch('http://127.0.0.1:' + port + '/health', { signal: AbortSignal.timeout(2000) });
+        ready = !!r.ok;
+      } catch {}
+      if (ready) {
+        clearInterval(poll);
+        rec.ready = true;
+        _emit();
+        return resolve({ ok: true, port });
+      }
+      if (Date.now() - t0 > 90000) {
+        clearInterval(poll);
+        try { rec.proc.kill(); } catch {}
+        state.proxies.delete(provider.id);
+        _emit();
+        resolve({ ok: false, error: 'proxy zaman aşımı (90sn)' });
+      }
+    }, 1200);
+  });
+}
+
+async function start() {
+  const exe = headroomExe();
+  if (!exe) {
+    autoInstall();
+    return { ok: false, error: 'kuruluyor — birkaç dakika sonra hazır olur' };
+  }
+  state.starting = true;
+  _emit();
+  try {
+    const providers = (state.providerGetter ? state.providerGetter() : []).slice(0, MAX_PROXIES);
+    const routes = {};
+    /* önce eskileri temizle: listeden çıkan provider'ın proxy'sini kapat */
+    const keep = new Set(providers.map((p) => p.id));
+    for (const [id, rec] of [...state.proxies.entries()]) {
+      if (keep.has(id)) continue;
+      try { rec.proc.kill(); } catch {}
+      try { spawn('taskkill', ['/pid', String(rec.proc.pid), '/T', '/F'], { windowsHide: true }); } catch {}
+      state.proxies.delete(id);
+    }
+    for (const p of providers) {
+      if (!p.baseUrl || state.proxies.has(p.id)) continue;
+      const r = await spawnFor(p);
+      if (r.ok) routes[p.id] = r.port;
+    }
+    try { require('./llm').setHeadroomRoutes(routes); } catch {}
+    state.enabled = true;
+    return { ok: true, routes };
+  } finally {
+    state.starting = false;
+    _emit();
+  }
+}
+
+async function setEnabled(on) {
+  if (on) {
+    state.enabled = true;
+    if (!headroomExe()) {
+      autoInstall();
+      return { ok: false, installing: true, error: 'headroom arka planda kuruluyor — birkaç dakika sonra hazır' };
+    }
+    return start();
+  }
+  state.enabled = false;
+  stopAll();
+  try { require('./llm').setHeadroomRoutes(null); } catch {}
+  return { ok: true };
+}
+
+/* provider listesi değişti (eklendi/silindi) → proxy setini senkronla */
+function syncProviders() {
+  if (!state.enabled || !headroomExe()) return;
+  start().catch(() => {});
+}
+
+function stopAll() {
+  for (const rec of state.proxies.values()) {
+    try { rec.proc.kill(); } catch {}
+    try { spawn('taskkill', ['/pid', String(rec.proc.pid), '/T', '/F'], { windowsHide: true }); } catch {}
+  }
+  state.proxies.clear();
+  _emit();
+}
+
+function setProviderGetter(fn) { state.providerGetter = typeof fn === 'function' ? fn : null; }
+function setStatusSink(fn) { state.statusSink = typeof fn === 'function' ? fn : null; }
+
+/* proxy /stats özeti (sağlık duvarı yok — hata.yakalanır) */
+async function stats() {
+  const rec = [...state.proxies.values()].find((p) => p.ready);
+  if (!rec) return { ok: false, running: false };
+  try {
+    const r = await fetch('http://127.0.0.1:' + rec.port + '/stats', { signal: AbortSignal.timeout(4000) });
+    const j = await r.json();
+    const s = (j && (j.tokens || j.summary)) || {};
+    return {
+      ok: true,
+      running: true,
+      port: rec.port,
+      input: Number(s.input) || 0,
+      output: Number(s.output) || 0,
+      saved: Number(s.saved) || 0,
+      proxyCompressionSaved: Number(s.proxy_compression_saved) || 0,
+      savingsPercent: Number(s.savings_percent) || 0,
+      allLayersSaved: Number(s.all_layers_saved) || 0,
+    };
+  } catch {
+    return { ok: false, running: true, port: rec.port };
+  }
+}
+
+module.exports = {
+  probe,
+  autoInstall,
+  setEnabled,
+  syncProviders,
+  stopAll,
+  setProviderGetter,
+  setStatusSink,
+  stats,
+};

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: {
@@ -624,6 +639,7 @@ module.exports = {
   capsFor,
   resetCaps,
   learnCaps,
+  setHeadroomRoutes,
   PARAM_LABELS,
   isNetworkError,
   wantsCacheKey,

package/src/main.js

@@ -27,6 +27,8 @@ const usageMod = require('./agent/usage');
 const bus = require('./agent/bus');
 const computeruse = require('./agent/computeruse');
 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. */
@@ -3109,6 +3111,10 @@ function reloadBackend() {
       if (ev.type === 'bc-preview' && /^https?:\/\/(?:localhost|127\.0\.0\.1)(?::\d{2,5})?/i.test(String(ev.url || ''))) {
         bcLastServerUrl = String(ev.url);
       }
+      /* 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.
          Spam olmasın: sohbet başına en az 7 sn'de bir tek satır. */
@@ -3288,6 +3294,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 +3546,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 +6279,45 @@ 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') : {}),
+    });
+  }
+
   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());
+
 /* embedding modelini şimdi indir (mem0 arama yolu ısıtılır) */
 ipcMain.handle('embed:prefetch', () => {
   try {
@@ -8690,6 +8754,23 @@ 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 +8795,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) {
@@ -8964,6 +9088,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,11 @@ 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'),
   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',
@@ -696,6 +697,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 +797,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',

package/src/renderer/index.html

@@ -164,11 +164,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> uygulamasıyla okut</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 +307,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 +333,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>

package/src/renderer/renderer.js

@@ -83,6 +83,10 @@ const els = {
   bcAttach: $('#bcAttach'),
   bcMic: $('#bcMic'),
   bcChips: $('#bcChips'),
+  bcQrBtn: $('#bcQrBtn'),
+  bcQrCard: $('#bcQrCard'),
+  bcQrImg: $('#bcQrImg'),
+  bcQrUrl: $('#bcQrUrl'),
   studioBtn: $('#studioBtn'),
   sbBtn: $('#sbBtn'),
   sandboxRow: $('#sandboxRow'),
@@ -1089,6 +1093,7 @@ function addFiles(files, mode) {
 /* ---------------- settings ---------------- */
 
 let setTab = 'lang'; /* ayarlar artık DİL sekmesiyle açılır */
+let hrPaneTimer = null; /* headroom-status → Kurulum sekmesi debounce tazeleme */
 
 /* DİL sekmesi: arayüz dili seçimi (eski sağ-alt dil ikonunun yerine) */
 function renderLangPane() {
@@ -1154,6 +1159,7 @@ async function renderActiveSettingsTab() {
     case 'empati': await renderEmpatiPane(); break;
     case 'cron': await openCron(); break;
     case 'usage': await renderUsagePane(); break;
+    case 'headroom': await renderHeadroomPane(); break;
     case 'agents': await refreshAgentsPane(); break;
     case 'logs': await renderLogPane(); break;
     case 'dash': await renderDashboardPane(); break;
@@ -1237,7 +1243,7 @@ function switchTab(name) {
   document.querySelectorAll('#setTabs .tab').forEach((b) =>
     b.classList.toggle('active', b.dataset.tab === name)
   );
-    for (const p of ['lang', 'provider', 'fallout', 'skills', 'agents', 'tts', 'install', 'email', 'integrations', 'websearch', 'mcp', 'events', 'empati', 'cron', 'usage', 'logs', 'dash', 'sec', 'update']) {
+    for (const p of ['lang', 'provider', 'fallout', 'skills', 'agents', 'tts', 'install', 'email', 'integrations', 'websearch', 'mcp', 'events', 'empati', 'cron', 'usage', 'headroom', 'logs', 'dash', 'sec', 'update']) {
     const el = $('#tab-' + p);
     if (el) el.hidden = p !== name; // guard: eksik pane tüm sekmeleri kilitlemesin
   }
@@ -1245,6 +1251,7 @@ function switchTab(name) {
   if (name === 'cron') openCron();
   if (name === 'usage') renderUsagePane();
   if (name === 'install') renderInstallPane();
+  if (name === 'headroom') renderHeadroomPane();
   if (name === 'events') renderEventsPane();
   if (name === 'empati') renderEmpatiPane();
   if (name === 'logs') renderLogPane();
@@ -1272,7 +1279,6 @@ async function renderUsagePane() {
   } catch {
     rep = { today: { total: {}, models: [] }, month: { total: {}, models: [] } };
   }
-  const wwi = await beast.whereWasIGet().catch(() => ({ enabled: false }));
   const t = rep.today.total || {};
   const mo = rep.month.total || {};
   const card = (label, v) =>
@@ -1307,10 +1313,7 @@ async function renderUsagePane() {
     '<div class="form-grid" style="grid-template-columns:auto auto;gap:8px;margin-top:8px">' +
     '<button id="bkNow" class="btn ghost">' + _t('us_backup_now') + '</button>' +
     '<button id="bkRestore" class="btn ghost">' + _t('us_backup_restore') + '</button>' +
-    '</div>' +
-    '<div class="divider"></div><h2>' + _t('us_where_h2') + '</h2>' +
-    '<div class="sub">' + _t('us_where_sub') + '</div>' +
-    `<label class="lock-row" style="margin-top:6px"><input type="checkbox" id="wwiOn" ${wwi.enabled ? 'checked' : ''}/><span>${_t('us_where_on')}</span></label>`;
+    '</div>';
   $('#usReset').addEventListener('click', async () => {
     await beast.resetUsage();
     renderUsagePane();
@@ -1330,15 +1333,6 @@ async function renderUsagePane() {
       toast(_t('us_backup_err') + (r.error || '?'));
     }
   });
-  $('#wwiOn').addEventListener('change', async (e) => {
-    await beast.whereWasISet({ enabled: e.target.checked });
-    toast(e.target.checked ? _t('us_where_on_toast') : _t('us_where_off_toast'));
-  });
-  /* LİMİT ayarları aynı sekmenin alt bölümünde (Maliyet · Limit birleşik) */
-  const limBox = document.createElement('div');
-  limBox.id = 'limBox';
-  pane.appendChild(limBox);
-  await renderLimitsPane();
 }
 
 async function refreshFalloutPane() {
@@ -2215,6 +2209,93 @@ function ttsFlushTail() {
 /* ---------------- KURULUM SEKMESİ: bileşenler OTOMATİK kurulur ----------------
    Eksik/kısmen inmiş bileşen sekme açılınca kendiliğinden indirilir; kullanıcı
    hiçbir düğmeye basmaz. Durum canlı güncellenir (4 sn'de bir). */
+/* ---------- TOKEN SIKIŞTIRMA (Headroom) sekmesi ----------
+   Opsiyonel yerel sıkıştırma proxy'si: açıkken LLM girdisi %30-70 küçülür.
+   Aç/Kapat buradan; CLI kurulumu Kurulum sekmesinde görülür. */
+let hrStatsTimer = null;
+
+async function renderHeadroomPane() {
+  const pane = $('#tab-headroom');
+  if (!pane) return;
+  const st = await beast.headroomStatus().catch(() => null);
+
+  const fmtN = (n) => new Intl.NumberFormat('tr-TR').format(Math.round(Number(n) || 0));
+  let stHtml = '';
+  if (st) {
+    const readyN = (st.proxies || []).filter((p) => p.ready).length;
+    let stateTxt;
+    if (st.installing) stateTxt = '⏳ arka planda kuruluyor — uv tool install headroom-ai[proxy] (birkaç dakika)';
+    else if (st.enabled && readyN) stateTxt = '🟢 açık — proxy: ' + (st.proxies || []).filter((p) => p.ready).map((p) => '127.0.0.1:' + p.port).join(', ');
+    else if (st.enabled) stateTxt = '⏳ proxy başlatılıyor… (ilk açılış ~30 sn)';
+    else if (st.failed) stateTxt = '⛔ ' + (st.error || 'kurulum başarısız');
+    else if (st.installed) stateTxt = '⚪ kapalı — kurulu, aşağıdaki düğmeyle etkinleştir';
+    else stateTxt = '⚪ kapalı — açınca uv ile otomatik kurulur (birkaç dakika)';
+    stHtml = '<div class="sub" style="margin-top:10px;font-size:12px;text-align:center">' + escapeHtml(stateTxt) + '</div>';
+  }
+
+  const stats = await beast.headroomStats().catch(() => null);
+  let statsHtml = '';
+  if (stats && stats.ok && (stats.input || stats.saved)) {
+    statsHtml =
+      '<div class="divider"></div>' +
+      '<h2 style="text-align:center">Tasarruf (proxy açıkken)</h2>' +
+      '<div style="display:flex;gap:24px;flex-wrap:wrap;margin-top:8px;justify-content:center">' +
+      '<div><div style="font-size:20px;font-weight:800;color:var(--ok)">%' + Math.round(stats.savingsPercent || 0) + '</div><div class="sub">sıkıştırma oranı</div></div>' +
+      '<div><div style="font-size:20px;font-weight:800">' + new Intl.NumberFormat('tr-TR').format(stats.proxyCompressionSaved || 0) + '</div><div class="sub">kaydedilen token</div></div>' +
+      '<div><div style="font-size:20px;font-weight:800">' + new Intl.NumberFormat('tr-TR').format(stats.input || 0) + '</div><div class="sub">toplam girdi token</div></div>' +
+      '</div>';
+  }
+
+  /* AÇ/KAPAT düğmesi: ortalanmış + SVG ikonlu (play/pause — uygulama ikon stili) */
+  const svgPlay =
+    '<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"/></svg>';
+  const svgPause =
+    '<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="6" y="4" width="4" height="16" rx="1"/><rect x="14" y="4" width="4" height="16" rx="1"/></svg>';
+  pane.innerHTML =
+    '<h2 style="text-align:center">' + _t('tab_headroom') + '</h2>' +
+    '<div class="sub" style="text-align:center;max-width:620px;margin:0 auto">Headroom yerel proxy\u2019si — araç çıktıları, loglar ve JSON yükleri modele gitmeden sıkıştırılır; orijinali yerelde saklanır. Token faturasını %30-70 düşürür. Yalnız OpenAI-uyumlu sağlayıcı trafiğini etkiler; kapalıyken hiçbir şey değişmez.</div>' +
+    '<div style="display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:18px">' +
+    '<button id="hrToggle" class="btn" style="width:auto;padding:11px 16px;display:inline-flex;align-items:center;gap:8px;justify-content:center" title=""></button>' +
+    '<span id="hrToggleMsg" class="sub" style="margin:0;text-align:center;max-width:560px"></span>' +
+    '</div>' +
+    stHtml + statsHtml;
+
+  const btn = $('#hrToggle');
+  if (btn) {
+    const on = !!(st && st.enabled);
+    /* yalnız SVG ikon — anlamı durum satırı + tooltip taşır */
+    btn.innerHTML = on ? svgPause : svgPlay;
+    btn.title = on ? 'Token sıkıştırmayı kapat' : 'Token sıkıştırmayı aç';
+    btn.setAttribute('aria-label', btn.title);
+    btn.addEventListener('click', async () => {
+      const msg = $('#hrToggleMsg');
+      btn.disabled = true;
+      btn.innerHTML = '<span>…</span>';
+      const r = await beast.headroomToggle(!on).catch(() => null);
+      if (msg) {
+        if (r && r.installing) {
+          msg.textContent = 'Headroom arka planda kuruluyor — birkaç dakika sonra hazır olur, bu sekme açık kalabilir.';
+        } else if (r && r.error) {
+          msg.textContent = r.error;
+        } else {
+          msg.textContent = !on ? 'Açıldı — proxy hazır olunca trafiği yönlendirir' : 'Kapatıldı — trafik sağlayıcıya düz gidiyor';
+        }
+      }
+      setTimeout(() => renderHeadroomPane(), 2500);
+    });
+  }
+
+  /* açıkken istatistikler canlı aksın */
+  if (hrStatsTimer) clearInterval(hrStatsTimer);
+  hrStatsTimer = setInterval(async () => {
+    if (pane.hidden) { clearInterval(hrStatsTimer); return; }
+    const s2 = await beast.headroomStatus().catch(() => null);
+    const cur = $('#hrToggle');
+    if (s2 && cur && cur.disabled) return; /* toggle işlemi sürüyor */
+    await renderHeadroomPane();
+  }, 6000);
+}
+
 async function renderInstallPane() {
   const pane = $('#tab-install');
   if (!pane) return;
@@ -2282,10 +2363,24 @@ async function renderInstallPane() {
       '<div class="sub" style="font-size:11px">' + escapeHtml(r.detail || '') + (r.mb ? ' · ' + r.mb + ' MB' : '') + '</div>' +
       bar(r) +
       '</div>' +
+      (r.canToggle
+        ? '<button class="btn hr-tgl" data-on="' + (r.toggleOn ? '1' : '0') + '" style="width:auto;padding:2px 12px;flex:none">' + (r.toggleOn ? 'KAPAT' : 'AÇ') + '</button>'
+        : '') +
       badge(r.state) +
       pctLabel(r) +
       '</div>'
     )).join('');
+    /* Headroom aç/kapa: toggle kurulum + proxy başlatmayı arka planda tetikler */
+    el.querySelectorAll('.hr-tgl').forEach((b) => {
+      b.addEventListener('click', async () => {
+        const on = b.dataset.on !== '1';
+        b.disabled = true;
+        b.textContent = '…';
+        const r = await beast.headroomToggle(on).catch(() => null);
+        toast(r && r.error ? r.error : (r && r.installing ? 'Headroom kuruluyor — birkaç dakika sürer' : (on ? 'Headroom açıldı' : 'Headroom kapatıldı')));
+        refresh();
+      });
+    });
   };
 
   const refresh = async () => {
@@ -2852,67 +2947,6 @@ async function renderDashboardPane() {
   pane.appendChild(list);
 }
 
-/* ---------------- Limit: provider bazlı girdi limiti ---------------- */
-
-async function renderLimitsPane() {
-  /* Maliyet sekmesine GÖMÜLÜ çalışır (ayrı sekme kaldırıldı) */
-  const pane = $('#tab-limits') || $('#limBox');
-  if (!pane) return;
-  const cur = await beast.getLimits().catch(() => ({ enabled: false, compress: true, default: 0, perProvider: {} }));
-  const provs = [...new Set((state.models || []).map((m) => m.providerName))].sort((a, b) => a.localeCompare(b));
-
-  const provRows = provs.length
-    ? provs
-        .map((p) => {
-          const v = cur.perProvider[p] || 0;
-          return `<div class="usage-row" style="align-items:center">
-            <span style="flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${escapeHtml(p)}</span>
-            <input class="inp lim-prov" data-prov="${escapeHtml(p)}" type="number" min="0" step="1000"
-              value="${v || ''}" placeholder="0 (${_t('lim_unlimited')})" style="width:130px;flex:none;margin:0" />
-          </div>`;
-        })
-        .join('')
-    : '<p class="sub">' + _t('p_no_model') + '</p>';
-
-  pane.innerHTML =
-    '<h2>' + _t('lim_h2') + '</h2>' +
-    '<div class="sub">' + _t('lim_sub') + '</div>' +
-    `<div class="fo-toggles" style="margin-top:10px">
-      <label class="lock-row"><input type="checkbox" id="limOn" ${cur.enabled ? 'checked' : ''}/><span>${_t('lim_enabled')}</span></label>
-    </div>
-    <div id="limDetail" style="${cur.enabled ? '' : 'opacity:.45'}">
-      <label class="lock-row"><input type="checkbox" id="limCompress" ${cur.compress ? 'checked' : ''}/><span>${_t('lim_compress')}</span></label>
-      <div class="form-grid" style="grid-template-columns:1fr auto;align-items:center;margin-top:8px">
-        <label class="mem-label" style="margin:0">${_t('lim_default')}</label>
-        <input id="limDefault" class="inp" type="number" min="0" step="1000" value="${cur.default || ''}" placeholder="0" style="width:130px;flex:none;margin:0" />
-      </div>
-      <h2 style="margin-top:16px">${_t('lim_prov_h2')}</h2>
-      <div class="sub">${_t('lim_prov_sub')}</div>
-      <div style="margin-top:6px">${provRows}</div>
-      <button id="limSave" class="btn ghost" style="margin-top:12px">${_t('lim_save')}</button>
-    </div>`;
-
-  const det = pane.querySelector('#limDetail');
-  pane.querySelector('#limOn').addEventListener('change', (e) => {
-    det.style.opacity = e.target.checked ? '' : '.45';
-  });
-
-  pane.querySelector('#limSave').addEventListener('click', async () => {
-    const perProvider = {};
-    for (const inp of pane.querySelectorAll('.lim-prov')) {
-      const n = Math.round(Number(inp.value) || 0);
-      if (n > 0) perProvider[inp.dataset.prov] = n;
-    }
-    await beast.setLimits({
-      enabled: pane.querySelector('#limOn').checked,
-      compress: pane.querySelector('#limCompress').checked,
-      default: Math.round(Number(pane.querySelector('#limDefault').value) || 0),
-      perProvider,
-    });
-    toast(_t('lim_saved_toast'));
-  });
-}
-
 /* ---------------- Güvenlik: ajan onay davranışı ---------------- */
 
 async function renderSecurityPane() {
@@ -4982,6 +5016,19 @@ function onEvent(ev) {
     return;
   }
   if (ev.type === 'install-progress') { updateInstallPct(ev); return; }
+  /* Headroom durum değişimi → açık olan sekmeyi tazele (Token Sıkıştırma / Kurulum) */
+  if (ev.type === 'headroom-status') {
+    try {
+      const iPane = document.getElementById('tab-install');
+      const hPane = document.getElementById('tab-headroom');
+      const open = (!iPane || iPane.hidden) && (!hPane || hPane.hidden) ? '' : (!hPane || hPane.hidden ? 'install' : 'headroom');
+      if (open) {
+        clearTimeout(hrPaneTimer);
+        hrPaneTimer = setTimeout(() => { (open === 'headroom' ? renderHeadroomPane() : renderInstallPane()).catch(() => {}); }, 1500);
+      }
+    } catch {}
+    return;
+  }
   /* EMPATİ LOOP: proaktif bildirim (masaüstü) + sekme canlı yenileme.
      Toast'ta yalnız haber başlığı — link/markdown kalabalığı chat mesajında. */
   if (ev.type === 'proactive') {
@@ -7139,6 +7186,10 @@ async function setIdeMode(on) {
     bcBanner();
     renderBcHistory(); /* soldaki geçmiş listesi: IDE'ye girişte tazelenir */
     codeGutterRender(); /* dosya açık olmasa bile rakamlar görünür */
+    /* Expo QR daha önce üretildiyse kart geri gelsin */
+    beast.ideExpQr().then((r) => {
+      if (r && r.ok && r.qr) bcQrShow(r.qr, r.url);
+    }).catch(() => {});
   } else {
     /* terminal bölmeye alınmadan önce kapatılır, sonra ALT DOCK'a geri taşınır */
     if (termOpen) termSetOpen(false);
@@ -8008,11 +8059,32 @@ async function undoTask(id) {
 if (els.fileTasks) els.fileTasks.addEventListener('click', () => toggleTasksPanel());
 
 $('#filePreview').addEventListener('click', async () => {
-  const r = await beast.idePreview().catch(() => null);
-  if (r && r.ok) {
-    if (ideModeOn() === false) setIdeMode(true);
-  } else {
+  if (!ideModeOn()) await setIdeMode(true);
+  /* proje tipi algıla: statik site ajan gerektirmez, dev-server projelerinde
+     HER PROJE FARKLI KOMUTLA çalışır — komutu ajan package.json'a bakıp seçer */
+  const info = await beast.ideProjInfo().catch(() => null);
+  const kind = (info && info.kind) || 'unknown';
+  if (kind === 'static') {
+    const r = await beast.idePreview().catch(() => null);
+    if (r && r.ok) return;
     toast((r && r.error) || 'preview açılamadı');
+    return;
+  }
+  const ask =
+    kind === 'expo'
+      ? 'Preview aç — bu klasör bir Expo/React Native projesi (app.json var). Web önizlemeyi arka planda başlat: package.json scripts.web varsa `npm run web`, yoksa `npx expo start --web`. Sunucu kalkınca çalışan http://localhost:PORT adresini raporda yaz.'
+      : kind === 'react-native'
+        ? 'Preview aç — bu klasör bir React Native projesi. Metro sunucusunu arka planda başlat: package.json scripts.start varsa `npm start`, yoksa `npx react-native start`. Sunucu kalkınca çalışan http://localhost:PORT adresini raporda yaz.'
+        : kind === 'web'
+          ? 'Preview aç — bu proje dev-server ister. Doğru komutu package.json scripts\'ından seç (dev/start/serve — `npm run dev` vb.) ve arka planda başlat. Sunucu kalkınca çalışan http://localhost:PORT adresini raporda yaz.'
+          : 'Preview aç — bu projenin nasıl çalıştığını package.json / konfigürasyon dosyalarından anla, doğru dev komutunu arka planda başlat ve çalışan http://localhost:PORT adresini raporda yaz.';
+  if (els.bcInput) {
+    els.bcInput.value = ask;
+    bcInputResize();
+    bcRunCurrent();
+    toast('Ajan preview görevini aldı');
+  } else {
+    toast('Beast Code paneli yok');
   }
 });
 if (els.codeSave) els.codeSave.addEventListener('click', codeSave);
@@ -8777,6 +8849,10 @@ function bcIngest(ev) {
       /* iş bitince üretilen site/app dahili tarayıcıda CANLI açılır */
       bcAutoPreview(ev.url);
       break;
+    case 'bc-exp-qr':
+      /* Expo dev server exp:// adresi → telefonda Expo Go için QR kart */
+      bcQrShow(ev.qr, ev.url);
+      break;
     case 'bc-mode':
       /* OpenCode disiplini çalışma modu: başlıkta rozet + panelde bilgi satırı */
       if (els.bcTitle) {
@@ -8904,6 +8980,33 @@ if (els.bcClear) els.bcClear.addEventListener('click', () => {
   bcHideTodos();
   bcFlushStream();
 });
+
+/* ---------- Expo Go QR kartı (yalnız Beast Code) ---------- */
+function bcQrShow(qr, url) {
+  if (!els.bcQrCard || !ideModeOn() || !qr) return;
+  if (els.bcQrImg) els.bcQrImg.src = qr;
+  if (els.bcQrUrl) {
+    els.bcQrUrl.textContent = url || '';
+    els.bcQrUrl.title = url || '';
+  }
+  if (els.bcQrBtn) els.bcQrBtn.hidden = false;
+  els.bcQrCard.hidden = false;
+}
+if (els.bcQrBtn) els.bcQrBtn.addEventListener('click', () => {
+  if (!els.bcQrCard) return;
+  if (els.bcQrCard.hidden) {
+    beast.ideExpQr().then((r) => {
+      if (r && r.ok && r.qr) bcQrShow(r.qr, r.url);
+      else toast('QR henüz yok — ajan expo start çalıştırınca çıkar');
+    }).catch(() => {});
+  } else {
+    els.bcQrCard.hidden = true;
+  }
+});
+if (els.bcQrCard) {
+  const qclose = els.bcQrCard.querySelector('#bcQrClose');
+  if (qclose) qclose.addEventListener('click', () => { els.bcQrCard.hidden = true; });
+}
 if (els.bcNew) els.bcNew.addEventListener('click', async () => {
   if (bcRunning) { toast('Mesaj sürüyor — önce ■ ile durdur'); return; }
   const r = await beast.beastcodeNew().catch(() => null);

package/src/renderer/style.css

@@ -2315,8 +2315,61 @@ body.ide-mode #composerWrap { display: none; }
   flex-direction: column;
   overflow: hidden;
   background: var(--bg);
+  position: relative;
 }
 body.ide-mode #bcPanel { display: flex; }
+
+/* ---------- Expo Go QR kartı (Beast Code) ---------- */
+#bcQrCard {
+  position: absolute;
+  right: 14px;
+  bottom: 74px;
+  z-index: 40;
+  width: 232px;
+  padding: 10px;
+  background: var(--panel);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.45);
+}
+.bq-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 10px;
+  letter-spacing: 2px;
+  font-weight: 800;
+  color: var(--muted);
+  margin-bottom: 6px;
+}
+#bcQrClose {
+  background: none;
+  border: none;
+  color: var(--muted);
+  font-size: 14px;
+  cursor: pointer;
+  line-height: 1;
+  padding: 0 2px;
+}
+#bcQrClose:hover { color: var(--text); }
+#bcQrImg {
+  width: 100%;
+  display: block;
+  border-radius: 8px;
+  background: #fff;
+  padding: 6px;
+  image-rendering: pixelated;
+}
+#bcQrUrl {
+  font-family: Consolas, monospace;
+  font-size: 10px;
+  color: var(--accent);
+  margin-top: 6px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.bq-hint { font-size: 10.5px; color: var(--muted); margin-top: 4px; text-align: center; }
 #bcHead {
   flex: none;
   display: flex;