beast-agent 2.11.0 → 2.13.0

package/src/renderer/renderer.js

@@ -83,7 +83,34 @@ const els = {
   bcAttach: $('#bcAttach'),
   bcMic: $('#bcMic'),
   bcChips: $('#bcChips'),
+  bcQrBtn: $('#bcQrBtn'),
+  bcQrCard: $('#bcQrCard'),
+  bcQrImg: $('#bcQrImg'),
+  bcQrUrl: $('#bcQrUrl'),
   studioBtn: $('#studioBtn'),
+  sbBtn: $('#sbBtn'),
+  sandboxRow: $('#sandboxRow'),
+  sbRepo: $('#sbRepo'),
+  sbReveal: $('#sbReveal'),
+  sbRemove: $('#sbRemove'),
+  sbNew: $('#sbNew'),
+  sbCloneInput: $('#sbCloneInput'),
+  sbCloneBtn: $('#sbCloneBtn'),
+  sbGhBtn: $('#sbGhBtn'),
+  sbOut: $('#sbOut'),
+  sbStatus: $('#sbStatus'),
+  sbInput: $('#sbInput'),
+  sbStop: $('#sbStop'),
+  sbRunCwd: $('#sbRunCwd'),
+  sbRunInstall: $('#sbRunInstall'),
+  sbRunStart: $('#sbRunStart'),
+  sbRunDev: $('#sbRunDev'),
+  sbRunStop: $('#sbRunStop'),
+  sbRunCmd: $('#sbRunCmd'),
+  sbRunGo: $('#sbRunGo'),
+  sbRunOut: $('#sbRunOut'),
+  sbRunOpen: $('#sbRunOpen'),
+  sbRunUrl: $('#sbRunUrl'),
   stPanel: $('#stPanel'),
   stTitle: $('#stTitle'),
   stCwd: $('#stCwd'),
@@ -1066,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() {
@@ -1131,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;
@@ -1214,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
   }
@@ -1222,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();
@@ -1249,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) =>
@@ -1284,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();
@@ -1307,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() {
@@ -2192,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;
@@ -2259,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 () => {
@@ -2829,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() {
@@ -4959,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') {
@@ -4984,6 +5054,19 @@ function onEvent(ev) {
   }
   /* OFFLINE MESAJ KUYRUĞU: bağlantı + kuyruk olayları (sessionId filtresinden önce) */
   if (ev.type === 'net' || ev.type === 'netQueue') { onNetEvent(ev); return; }
+  /* Sandbox klonlama progress'i (sessionId'siz global olay) */
+  if (ev.type === 'sb-clone') { sbCloneProgress(ev.pct, ev.text, !!ev.done); return; }
+  /* Sandbox ÇALIŞTIRICI süreç akışı: sessionId'siz global olaylar */
+  if (ev.type === 'sb-run' || ev.type === 'sb-run-url' || ev.type === 'sb-run-end') {
+    sbRunIngest(ev);
+    return;
+  }
+  /* Beast Sandbox oturumu: olaylar SADECE Sandbox paneline akar — ana sohbeti
+     ve Code/Studio panellerini kirletmez (dünyalar ayrı) */
+  if (sbSessionId && ev.sessionId === sbSessionId) {
+    sbIngest(ev);
+    return;
+  }
   /* Beast Studio oturumu: olaylar SADECE Studio paneline akar — ana sohbeti
      ve Beast Code panelini kirletmez (dünyalar ayrı) */
   if (stSessionId && ev.sessionId === stSessionId) {
@@ -6896,6 +6979,7 @@ function ghCard(repo, isFav) {
       <div class="gh-actions">
         <button class="gh-fav ${isFav ? 'on' : ''}" data-act="fav">${isFav ? '★ Favori' : '☆ Favorile'}</button>
         <button data-act="chat"><svg viewBox="0 0 24 24" width="11" height="11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-1px;margin-right:4px"><path d="M22 2 11 13"/><path d="M22 2 15 22l-4-9-9-4z"/></svg>Chate at</button>
+        <button data-act="dl" title="Sandbox'a indir (git clone)">⬇ İndir</button>
         <button data-act="copy">⧉ Kopyala</button>
       </div>
     </div>`;
@@ -6911,6 +6995,12 @@ function wireGhCards(container, list, isFavPane) {
       /* mesaj chate gitti — cevap chatten geleceği için modal kapanır */
       closeGit();
     });
+    /* Sandbox'a indir: klonlama Sandbox panelinde görünür, panel açılır */
+    card.querySelector('[data-act="dl"]').addEventListener('click', async () => {
+      closeGit();
+      setSandboxMode(true);
+      sbClone(repo.full_name);
+    });
     card.querySelector('[data-act="copy"]').addEventListener('click', async () => {
       try { await navigator.clipboard.writeText(repo.html_url); toast('Link kopyalandı'); } catch {}
     });
@@ -7068,6 +7158,7 @@ function ideModeOn() {
 
 async function setIdeMode(on) {
   if (on && studioModeOn()) await setStudioMode(false); /* Studio açıkken IDE'ye geçiş — Studio kapanır */
+  if (on && sbModeOn()) setSandboxMode(false); /* Sandbox açıkken IDE'ye geçiş — Sandbox kapanır */
   document.body.classList.toggle('ide-mode', !!on);
   if (els.ideBtn) els.ideBtn.classList.toggle('on', !!on);
   /* soldaki marka: chat modunda BEAST Agent, IDE modunda BEAST Code, Studio modunda BEAST Studio */
@@ -7095,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);
@@ -7137,6 +7232,7 @@ function studioModeOn() {
 
 async function setStudioMode(on) {
   if (on && ideModeOn()) await setIdeMode(false); /* IDE açıkken Studio'ya geçiş — IDE kapanır */
+  if (on && sbModeOn()) setSandboxMode(false); /* Sandbox açıkken Studio'ya geçiş — Sandbox kapanır */
   document.body.classList.toggle('studio-mode', !!on);
   if (els.studioBtn) els.studioBtn.classList.toggle('on', !!on);
   /* ALT TERMINAL: yalnız Beast Code'a özgü — Studio'ya geçişte kapanır */
@@ -7359,7 +7455,8 @@ if (els.ideSplit) {
 }
 
 async function loadIdeTree() {
-  ideState.cache.clear();
+  /* hangi moddaysak o ağacın önbelleği tazelenir (Sandbox → repo ağacı) */
+  (sbModeOn() ? sbTreeState : studioModeOn() ? studioState : ideState).cache.clear();
   await renderFileTree();
 }
 
@@ -7375,17 +7472,26 @@ async function renderFileTree() {
   if (!tree) return;
   tree.innerHTML = '';
   const wsLabel = $('#filePanelPath');
-  /* Studio modunda ağaç studioRoot'tan, IDE modunda ideRoot'tan okunur —
-     aynı panel, aynı çizim; yalnız kaynak ve davranış moduna göre değişir */
+  /* Studio modunda ağaç studioRoot'tan, Sandbox modunda seçili reponun
+     klasöründen, IDE modunda ideRoot'tan okunur — aynı panel, aynı çizim */
+  const sbx = sbModeOn();
   const studio = studioModeOn();
-  const st = studio ? studioState : ideState;
-  const treeApi = studio ? beast.studioTree : beast.ideTree;
+  const st = sbx ? sbTreeState : studio ? studioState : ideState;
+  const treeApi = sbx
+    ? (rel) => beast.sandboxTree({ folder: sbFolder, rel })
+    : studio
+      ? beast.studioTree
+      : beast.ideTree;
   const build = async (rel, depth, container) => {
     let entries = st.cache.get(rel);
     if (!entries) {
       const r = await treeApi(rel).catch(() => null);
       if (!r || !r.ok) {
-        if (!rel) container.innerHTML = `<div class="file-empty">${escapeHtml((r && r.error) || 'okunamadı')}</div>`;
+        if (!rel) {
+          container.innerHTML = sbx
+            ? '<div class="file-empty">Repo seçili değil — yukarıdan indir ya da seç</div>'
+            : `<div class="file-empty">${escapeHtml((r && r.error) || 'okunamadı')}</div>`;
+        }
         return;
       }
       entries = r.entries;
@@ -7393,7 +7499,9 @@ async function renderFileTree() {
       if (r.workspace) {
         st.path = r.workspace;
         if (wsLabel) { wsLabel.textContent = r.workspace; wsLabel.title = r.workspace; }
-        if (studio) {
+        if (sbx) {
+          if (els.sbRunCwd) { els.sbRunCwd.textContent = r.workspace; els.sbRunCwd.title = r.workspace; }
+        } else if (studio) {
           if (els.stCwd) { els.stCwd.textContent = r.workspace; els.stCwd.title = r.workspace; }
           stOnFolderChanged(r.workspace);
         } else {
@@ -7418,6 +7526,13 @@ async function renderFileTree() {
           if (st.open.has(child)) st.open.delete(child);
           else st.open.add(child);
           renderFileTree();
+        } else if (sbx) {
+          /* Sandbox: dosyayı chat'e bağlam olarak bırak — ajan incelesin */
+          if (els.sbInput) {
+            els.sbInput.value = 'Şu dosyayı incele: ' + child;
+            els.sbInput.focus();
+            sbInputResize();
+          }
         } else if (studio && MEDIA_FILE_RE.test(e.name)) {
           stVideoPlay(child); /* video/ses → sağdaki video bölümünde oynat */
         } else if (studio) {
@@ -7449,7 +7564,8 @@ function ideRefreshTree() {
     ideTreeTimer = null;
     try {
       /* hangi moddaysak o ağacın önbelleği tazelenir */
-      if (studioModeOn()) studioState.cache.clear();
+      if (sbModeOn()) sbTreeState.cache.clear();
+      else if (studioModeOn()) studioState.cache.clear();
       else ideState.cache.clear();
       renderFileTree().catch(() => {});
     } catch {}
@@ -7943,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);
@@ -8028,8 +8165,9 @@ function fileCtxShow(e, rel, isDir) {
   const menu = els.fileCtxMenu;
   if (!menu || !rel) return;
   e.preventDefault();
+  const sbx = sbModeOn();
   const studio = studioModeOn();
-  const st = studio ? studioState : ideState;
+  const st = sbx ? sbTreeState : studio ? studioState : ideState;
   const isMedia = MEDIA_FILE_RE.test(rel.split('/').pop() || '');
   const items = [];
   if (isDir) {
@@ -8041,6 +8179,22 @@ function fileCtxShow(e, rel, isDir) {
         renderFileTree();
       },
     });
+  } else if (sbx) {
+    /* Sandbox: dosya düzenleme Code moduna aittir — chate bağlam bırak/aç */
+    items.push({
+      label: 'Chate ekle (şu dosyaya bak)',
+      fn: () => {
+        if (els.sbInput) {
+          els.sbInput.value = 'Şu dosyayı incele: ' + rel;
+          els.sbInput.focus();
+          sbInputResize();
+        }
+      },
+    });
+    items.push({
+      label: 'Dış uygulamada aç',
+      fn: () => beast.openPath((sbTreeState.path || '') + '\\' + rel.replace(/\//g, '\\')).catch(() => {}),
+    });
   } else if (studio && isMedia) {
     items.push({ label: 'Oynat', fn: () => stVideoPlay(rel) });
   } else if (studio) {
@@ -8695,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) {
@@ -8822,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);
@@ -9247,3 +9432,463 @@ if (els.stNew) els.stNew.addEventListener('click', async () => {
 });
 /* Uygulama her açılışta agent (chat) modunda başlar — IDE modu yalnız
    kullanıcı butona basınca girilir (oturumluk). */
+
+/* ================= BEAST SANDBOX =================
+   GitHub reposu indir (git clone) + repo klasöründe ajanla çalış.
+   Sağ dock — ana chat solda yerinde kalır; Code/Studio'dan tamamen ayrı. */
+
+let sbSessionId = '';
+let sbFolder = '';
+let sbBusy = false;
+let sbItems = [];
+let sbStreamEl = null;
+let sbStreamRaw = '';
+let sbCloning = false;
+/* sol dosya konsolu (repo ağacı) + sağ çalıştırıcı durumu */
+const sbTreeState = { cache: new Map(), open: new Set(['']), path: '' };
+let sbRunUrl = '';
+let sbRunRunning = false;
+
+function sbModeOn() {
+  return document.body.classList.contains('sandbox-mode');
+}
+
+function sbLine(cls, text) {
+  if (!els.sbOut) return null;
+  const div = document.createElement('div');
+  div.className = cls || 't-out';
+  div.textContent = String(text || '');
+  els.sbOut.appendChild(div);
+  els.sbOut.scrollTop = els.sbOut.scrollHeight;
+  return div;
+}
+
+function sbStreamDelta(delta) {
+  if (!els.sbOut) return;
+  if (!sbStreamEl) {
+    sbStreamEl = sbLine('t-out', '');
+  }
+  sbStreamRaw += String(delta || '');
+  sbStreamEl.textContent = sbStreamRaw;
+  els.sbOut.scrollTop = els.sbOut.scrollHeight;
+}
+
+function sbFlushStream() {
+  sbStreamEl = null;
+  sbStreamRaw = '';
+}
+
+function sbMsgText(content) {
+  const t = Array.isArray(content)
+    ? content.filter((p) => p && p.type === 'text').map((p) => String(p.text || '')).join('\n')
+    : String(content || '');
+  return t.replace(/\s+/g, ' ').trim();
+}
+
+function sbArgsSummary(args) {
+  try {
+    const j = typeof args === 'string' ? JSON.parse(args) : args || {};
+    return String(j.command || j.path || j.url || j.query || j.pattern || '').replace(/\s+/g, ' ').slice(0, 90);
+  } catch {
+    return '';
+  }
+}
+
+function sbSetBusy(b) {
+  sbBusy = !!b;
+  if (els.sbStop) els.sbStop.hidden = !sbBusy;
+}
+
+function sbStatusShow(text) {
+  if (els.sbStatus) {
+    els.sbStatus.hidden = false;
+    els.sbStatus.textContent = text;
+  }
+}
+function sbStatusHide() {
+  if (els.sbStatus) els.sbStatus.hidden = true;
+}
+
+/* Sandbox oturumunun engine olayları → panel (bcIngest'in minimal karşılığı) */
+function sbIngest(ev) {
+  if (!sbSessionId || ev.sessionId !== sbSessionId) return;
+  switch (ev.type) {
+    case 'token':
+      sbStreamDelta(ev.delta);
+      break;
+    case 'message': {
+      const m = ev.message;
+      if (!m) break;
+      /* KULLANICI ECHO BASILMAZ — gönderirken zaten 'sen>' satırı düştü
+         (Beast Code paneliyle aynı disiplin; yoksa mesaj ÇİFT görünür) */
+      if (m.role === 'assistant') {
+        sbFlushStream();
+        const hasTools = Array.isArray(m.tool_calls) && m.tool_calls.length > 0;
+        const txt = typeof m.content === 'string' ? m.content.trim() : '';
+        if (txt && !hasTools) sbLine('t-out', txt);
+      }
+      break;
+    }
+    case 'tool-start':
+      sbSetBusy(true);
+      sbLine('t-dim', '\u2692 ' + (ev.name || '?') + (sbArgsSummary(ev.args) ? ' \u00B7 ' + sbArgsSummary(ev.args) : ''));
+      break;
+    case 'tool-end': {
+      const ok = ev.ok !== false;
+      sbLine(ok ? 't-dim' : 't-err', (ok ? '  \u2713 ' : '  \u2717 ') + String(ev.result || '').replace(/\s+/g, ' ').slice(0, 160));
+      /* ajan dosya yazarsa/editlerse soldaki repo ağacı canlı tazelenir */
+      if (ev.name === 'write_file' || ev.name === 'edit_file' || ev.name === 'run_command') ideRefreshTree();
+      break;
+    }
+    case 'status':
+      if (ev.status === 'idle') {
+        sbSetBusy(false);
+        sbStatusHide();
+      } else {
+        sbSetBusy(true);
+        sbStatusShow(ev.status === 'thinking' ? 'düşünüyor…' : String(ev.status || ''));
+      }
+      break;
+    case 'done':
+      sbFlushStream();
+      sbSetBusy(false);
+      sbStatusHide();
+      sbLine('t-dim', ev.aborted ? '[durduruldu' + (ev.reason ? ' — ' + ev.reason : '') + ']' : '(tamamlandı)');
+      break;
+    case 'error':
+      sbFlushStream();
+      sbSetBusy(false);
+      sbStatusHide();
+      sbLine('t-err', '[hata] ' + (ev.error || ''));
+      break;
+  }
+}
+
+async function loadSandboxList() {
+  const r = await beast.sandboxList().catch(() => ({ ok: false }));
+  sbItems = (r && r.items) || [];
+  const sel = els.sbRepo;
+  if (!sel) return;
+  sel.innerHTML = '';
+  if (!sbItems.length) {
+    const o = document.createElement('option');
+    o.value = '';
+    o.textContent = 'Repo yok, indir';
+    sel.appendChild(o);
+  }
+  for (const it of sbItems) {
+    const o = document.createElement('option');
+    o.value = it.folder;
+    o.textContent = it.name + (it.busy ? ' ●' : '');
+    sel.appendChild(o);
+  }
+  if (sbFolder && sbItems.some((x) => x.folder === sbFolder)) sel.value = sbFolder;
+  else if (sbItems.length) {
+    sel.value = sbItems[0].folder;
+    sbFolder = sel.value;
+  } else {
+    sbFolder = '';
+  }
+  await sbSelectCurrent();
+}
+
+async function sbSelectCurrent() {
+  sbFolder = els.sbRepo ? String(els.sbRepo.value || '') : '';
+  if (els.sbOut) els.sbOut.innerHTML = '';
+  sbSessionId = '';
+  sbStreamEl = null;
+  sbStreamRaw = '';
+  sbSetBusy(false);
+  sbStatusHide();
+  /* çalıştırıcı + ağaç yeni repoya döner */
+  sbRunUrl = '';
+  sbRunRunning = false;
+  if (els.sbRunOpen) els.sbRunOpen.disabled = true;
+  if (els.sbRunUrl) els.sbRunUrl.textContent = '';
+  if (els.sbRunOut) els.sbRunOut.innerHTML = '';
+  sbTreeState.cache.clear();
+  sbTreeState.open = new Set(['']);
+  if (sbModeOn()) renderFileTree().catch(() => {});
+  if (!sbFolder) {
+    sbLine('t-dim', 'Repo indir: kutuya github.com/owner/repo yaz → İndir. Ya da 🔍 ile GitHub\u2019da ara.');
+    return;
+  }
+  const r = await beast.sandboxOpen({ folder: sbFolder }).catch(() => null);
+  if (r && r.ok) {
+    sbSessionId = r.sessionId;
+    for (const m of r.messages || []) {
+      sbLine(m.role === 'assistant' ? 't-out' : 't-cmd', (m.role === 'assistant' ? '' : 'sen> ') + m.text);
+    }
+    sbLine('t-dim', 'Oturum yüklendi');
+  } else {
+    sbLine('t-err', (r && r.error) || 'oturum açılamadı');
+  }
+  sbSetBusy(!!(r && r.busy));
+  /* sol konsol: seçilen reponun klasörü — oturum açıldıktan sonra da garanti tazele */
+  sbTreeState.cache.clear();
+  if (sbModeOn()) renderFileTree().catch(() => {});
+}
+
+function sbInputResize() {
+  const ta = els.sbInput;
+  if (!ta) return;
+  ta.style.height = 'auto';
+  ta.style.height = Math.min(ta.scrollHeight, 140) + 'px';
+  ta.classList.toggle('expand', ta.scrollHeight > 140);
+}
+
+function sbRunCurrent() {
+  const msg = els.sbInput.value.trim();
+  if (!msg || !sbFolder || sbCloning) return;
+  els.sbInput.value = '';
+  sbInputResize();
+  sbLine('t-cmd', 'sen> ' + msg);
+  sbSetBusy(true);
+  beast.sandboxSend({ folder: sbFolder, msg }).then((r) => {
+    if (r && r.ok) {
+      if (r.sessionId) sbSessionId = r.sessionId;
+      if (r.queued) sbLine('t-dim', '⏳ kuyrukta (' + r.count + ') — iş bitince gönderilir');
+    } else {
+      sbSetBusy(false);
+      sbLine('t-err', (r && r.error) || 'gönderilemedi');
+    }
+  }).catch((e) => {
+    sbSetBusy(false);
+    sbLine('t-err', String((e && e.message) || e));
+  });
+}
+
+let sbCloneLine = null;
+function sbCloneProgress(pct, text, done) {
+  /* buton etiketi: %34 · İndir */
+  const label = document.getElementById('sbCloneLabel');
+  if (label) label.textContent = pct != null ? '%' + pct : 'İndir';
+  if (!els.sbOut) return;
+  if (done) {
+    if (sbCloneLine && sbCloneLine.isConnected) sbCloneLine.remove();
+    sbCloneLine = null;
+    return;
+  }
+  if (!sbCloneLine || !sbCloneLine.isConnected) {
+    sbCloneLine = sbLine('t-dim', '');
+  }
+  if (sbCloneLine) {
+    sbCloneLine.textContent = (pct != null ? '⬇ %' + pct : '⬇ klonlanıyor') + (text ? ' · ' + text : '');
+    els.sbOut.scrollTop = els.sbOut.scrollHeight;
+  }
+}
+
+async function sbClone(input) {
+  if (sbCloning) return;
+  const src = String(input || '').trim();
+  if (!src) {
+    toast('Repo adresi gir: github.com/owner/repo');
+    return;
+  }
+  sbCloning = true;
+  if (els.sbCloneBtn) els.sbCloneBtn.disabled = true;
+  sbCloneLine = null;
+  sbLine('t-dim', '⬇ klonlanıyor: ' + src + ' — (büyük repolar sürebilir…)');
+  const r = await beast.sandboxClone(src).catch((e) => ({ ok: false, error: String((e && e.message) || e) }));
+  sbCloning = false;
+  if (els.sbCloneBtn) els.sbCloneBtn.disabled = false;
+  sbCloneProgress(null, '', true); /* progress satırını temizle + etiketi geri koy */
+  if (r && r.ok) {
+    sbLine('t-dim', '✓ indirildi: ' + r.name);
+    if (els.sbCloneInput) els.sbCloneInput.value = '';
+    sbFolder = r.folder;
+    await loadSandboxList();
+    if (els.sbInput) els.sbInput.focus();
+  } else {
+    sbLine('t-err', '[klonlama] ' + ((r && r.error) || 'başarısız'));
+  }
+}
+
+function setSandboxMode(on) {
+  if (on && ideModeOn()) { setIdeMode(false); }
+  if (on && studioModeOn()) { setStudioMode(false); }
+  document.body.classList.toggle('sandbox-mode', !!on);
+  if (els.sbBtn) els.sbBtn.classList.toggle('on', !!on);
+  /* marka + sol konsol başlığı: moduna göre BEAST Agent/Code/Studio/Sandbox */
+  const brandSub = document.querySelector('#brand .brand-sub');
+  if (brandSub) brandSub.textContent = on ? 'Sandbox' : 'Agent';
+  const ftp = document.getElementById('filePanelTitle');
+  if (ftp && on) ftp.textContent = 'REPO DOSYALARI';
+  if (on) {
+    loadSandboxList();
+    sbTreeState.cache.clear();
+    renderFileTree().catch(() => {});
+  } else if (!ideModeOn() && !studioModeOn()) {
+    /* agent moduna dönüş: ağaç eski köküne döner */
+    ideState.cache.clear();
+    renderFileTree().catch(() => {});
+  }
+}
+
+/* ---------- ÇALIŞTIRICI: butonlar KOMUT DEĞİL AJANA TALİMATTIR ----------
+   Her proje farklı çalışır; komutu kullanıcı bilemez, AJAN bilir:
+   paket bildirim dosyasına + README'ye bakıp doğru komutu bulur, uzun süreli
+   süreci panel_run aracıyla ÇALIŞTIR panelinde (turu kilitlemeden) başlatır. */
+function sbInstruct(text) {
+  if (!sbFolder) { toast('Önce repo indir ya da seç'); return; }
+  sbLine('t-cmd', 'sen> ' + text);
+  sbSetBusy(true);
+  beast.sandboxSend({ folder: sbFolder, msg: text }).then((r) => {
+    if (r && r.ok) {
+      if (r.sessionId) sbSessionId = r.sessionId;
+      if (r.queued) sbLine('t-dim', '⏳ kuyrukta (' + r.count + ') — iş bitince gönderilir');
+    } else {
+      sbSetBusy(false);
+      sbLine('t-err', (r && r.error) || 'gönderilemedi');
+    }
+  }).catch((e) => {
+    sbSetBusy(false);
+    sbLine('t-err', String((e && e.message) || e));
+  });
+}
+
+function sbRunLine(text, cls) {
+  if (!els.sbRunOut) return null;
+  const div = document.createElement('div');
+  div.className = cls || 't-out';
+  div.textContent = String(text || '');
+  els.sbRunOut.appendChild(div);
+  els.sbRunOut.scrollTop = els.sbRunOut.scrollHeight;
+  return div;
+}
+
+/* süreç çıktısı akışı: sessionId'siz global olaylar — en üstte yönlendirilir */
+function sbRunIngest(ev) {
+  if (ev.type === 'sb-run') {
+    sbRunLine(ev.data);
+    return;
+  }
+  if (ev.type === 'sb-run-url') {
+    sbRunUrl = String(ev.url || '');
+    sbRunLine('🌐 dev server: ' + sbRunUrl, 't-dim');
+    if (els.sbRunOpen) els.sbRunOpen.disabled = !sbRunUrl;
+    if (els.sbRunUrl) els.sbRunUrl.textContent = sbRunUrl;
+    return;
+  }
+  if (ev.type === 'sb-run-end') {
+    sbRunRunning = false;
+    if (els.sbRunStop) els.sbRunStop.hidden = true;
+  }
+}
+
+function sbRunExec(cmd) {
+  if (!sbFolder) { toast('Önce repo indir ya da seç'); return; }
+  if (sbRunRunning) { toast('Zaten çalışıyor — önce ■ ile durdur'); return; }
+  sbRunRunning = true;
+  if (els.sbRunStop) els.sbRunStop.hidden = false;
+  beast.sandboxRun({ folder: sbFolder, cmd }).then((r) => {
+    if (!r || !r.ok) {
+      sbRunRunning = false;
+      if (els.sbRunStop) els.sbRunStop.hidden = true;
+      sbRunLine('[hata] ' + ((r && r.error) || 'çalıştırılamadı'), 't-err');
+    }
+  }).catch((e) => {
+    sbRunRunning = false;
+    if (els.sbRunStop) els.sbRunStop.hidden = true;
+    sbRunLine('[hata] ' + String((e && e.message) || e), 't-err');
+  });
+}
+
+/* topbar + dock olay bağlama */
+if (els.sbBtn) els.sbBtn.addEventListener('click', () => setSandboxMode(!sbModeOn()));
+if (els.sbRepo) els.sbRepo.addEventListener('change', sbSelectCurrent);
+if (els.sbCloneBtn) els.sbCloneBtn.addEventListener('click', () => sbClone(els.sbCloneInput.value));
+if (els.sbCloneInput) {
+  els.sbCloneInput.addEventListener('keydown', (e) => {
+    if (e.key === 'Enter') {
+      e.preventDefault();
+      sbClone(els.sbCloneInput.value);
+    }
+  });
+}
+if (els.sbGhBtn) els.sbGhBtn.addEventListener('click', () => openGit());
+if (els.sbNew) els.sbNew.addEventListener('click', async () => {
+  if (sbBusy) { toast('Mesaj sürüyor — önce ■ ile durdur'); return; }
+  if (!sbFolder) return;
+  const r = await beast.sandboxNew({ folder: sbFolder }).catch(() => null);
+  if (r && r.ok) {
+    sbSessionId = '';
+    await sbSelectCurrent();
+    sbLine('t-sys', 'yeni oturum — taze başlar');
+  }
+});
+if (els.sbRemove) els.sbRemove.addEventListener('click', async () => {
+  if (!sbFolder) { toast('Önce repo seç'); return; }
+  const name = (sbItems.find((x) => x.folder === sbFolder) || {}).name || 'repo';
+  const ok = await uiConfirm('"' + name + '" reposunu diskten silmek istiyor musun? (klasör + sohbet)', 'Sil');
+  if (!ok) return;
+  const r = await beast.sandboxRemove({ folder: sbFolder }).catch(() => null);
+  if (r && r.ok) {
+    sbFolder = '';
+    sbSessionId = '';
+    await loadSandboxList();
+  } else {
+    toast((r && r.error) || 'silinemedi');
+  }
+});
+if (els.sbReveal) els.sbReveal.addEventListener('click', () => {
+  if (sbFolder) beast.sandboxReveal({ folder: sbFolder }).catch(() => {});
+});
+if (els.sbInput) {
+  els.sbInput.addEventListener('input', sbInputResize);
+  els.sbInput.addEventListener('keydown', (e) => {
+    if (e.key === 'Enter' && !e.shiftKey) {
+      e.preventDefault();
+      sbRunCurrent();
+    }
+  });
+}
+if (els.sbStop) {
+  els.sbStop.addEventListener('click', () => {
+    beast.sandboxStop({ folder: sbFolder }).then((r) => {
+      if (r && r.ok && r.wasBusy === false) {
+        sbSetBusy(false);
+        sbStatusHide();
+      }
+    }).catch(() => {});
+  });
+}
+/* ÇALIŞTIRICI butonları — KOMUT DEĞİL AJANA TALİMAT (komutu ajan bulur):
+   uzun süreli süreci panel_run ile ÇALIŞTIR paneline bırakır, tur kilitlenmez */
+if (els.sbRunInstall) els.sbRunInstall.addEventListener('click', () =>
+  sbInstruct('Bu projeyi KUR — paket bildirim dosyasına (package.json, requirements.txt, Cargo.toml, go.mod, pom.xml vb.) göre doğru kurulum komutunu bul ve çalıştır (run_command); sonucu 1-2 satırla raporla.')
+);
+if (els.sbRunStart) els.sbRunStart.addEventListener('click', () =>
+  sbInstruct('Bu projeyi ÇALIŞTIR — README/package.json scripts\u2019e göre doğru başlatma komutunu bul; uzun süreli sunucu/süreçse panel_run ile ÇALIŞTIR panelinde başlat (tur kilitleme), adresini/çalıştığını kullanıcıya bildir.')
+);
+if (els.sbRunDev) els.sbRunDev.addEventListener('click', () =>
+  sbInstruct('Bu projeyi GELİŞTİRME modunda başlat — package.json scripts\u2019e bak (npm run dev, vite, expo start, ng serve vb. hangisi varsa) ve panel_run ile ÇALIŞTIR panelinde başlat; adresini kullanıcıya bildir.')
+);
+if (els.sbRunGo) els.sbRunGo.addEventListener('click', () => {
+  const c = els.sbRunCmd.value.trim();
+  if (!c) { toast('Komut yaz'); return; }
+  sbRunExec(c);
+});
+if (els.sbRunCmd) {
+  els.sbRunCmd.addEventListener('keydown', (e) => {
+    if (e.key === 'Enter') {
+      e.preventDefault();
+      const c = els.sbRunCmd.value.trim();
+      if (c) sbRunExec(c);
+    }
+  });
+}
+if (els.sbRunStop) {
+  els.sbRunStop.addEventListener('click', () => {
+    beast.sandboxRunStop().then((r) => {
+      if (r && r.ok) sbRunLine('⏹ durduruldu', 't-dim');
+    }).catch(() => {});
+  });
+}
+if (els.sbRunOpen) {
+  els.sbRunOpen.addEventListener('click', () => {
+    /* Tarayıcıda aç da AJANA TALİMAT: ajan çalışma adresini bulup kendi
+       browser_open aracıyla dahili tarayıcıda açar */
+    sbInstruct('Bu projenin web arayüzü çalışıyorsa adresini tespit et (çıktılar/README/port taraması) ve browser_open aracıyla DAHİLİ TARAYICIDA aç.')
+  });
+}