beast-agent 2.40.0 → 2.42.0

package/src/preload.js

@@ -185,8 +185,14 @@ contextBridge.exposeInMainWorld('beast', {
   sandboxOpen: (payload) => ipcRenderer.invoke('sandbox:open', payload),
   sandboxTree: (payload) => ipcRenderer.invoke('sandbox:tree', payload),
   sandboxRun: (payload) => ipcRenderer.invoke('sandbox:run', payload),
-  sandboxRunStop: () => ipcRenderer.invoke('sandbox:runstop'),
+  sandboxRunStop: (payload) => ipcRenderer.invoke('sandbox:runstop', payload),
+  sandboxDetect: (payload) => ipcRenderer.invoke('sandbox:detect', payload),
+  sandboxInstall: (payload) => ipcRenderer.invoke('sandbox:install', payload),
+  sandboxStart: (payload) => ipcRenderer.invoke('sandbox:start', payload),
+  sandboxProcState: (payload) => ipcRenderer.invoke('sandbox:procstate', payload),
+  sandboxCfgSet: (payload) => ipcRenderer.invoke('sandbox:cfg:set', payload),
   sandboxOpenUrl: (url) => ipcRenderer.invoke('sandbox:openurl', url),
+  sbPreviewSet: (payload) => ipcRenderer.invoke('sbpreview:set', payload),
   waStart: () => ipcRenderer.invoke('wa:start'),
   waStop: () => ipcRenderer.invoke('wa:stop'),
   waReset: () => ipcRenderer.invoke('wa:reset'),

package/src/renderer/index.html

@@ -419,28 +419,35 @@
             <div id="sbStatus" hidden></div>
             <div id="sbInputRow">
               <textarea id="sbInput" rows="1" spellcheck="false" autocomplete="off" placeholder="Sandbox mesajı — ajan bu repo klasöründe çalışır…"></textarea>
+              <button id="sbSend" title="Gönder (Enter)"><svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg></button>
               <button id="sbStop" title="Çalışan mesajı durdur" hidden data-i18n-title="bc_stop"><svg viewBox="0 0 24 24" width="13" height="13" fill="currentColor" stroke="none"><rect x="6" y="6" width="12" height="12" rx="2"/></svg></button>
             </div>
           </section>
 
+          <div id="sbSplit" title="Sürükleyerek boyutlandır"></div>
+
           <section id="sbRun">
             <div id="sbRunHead">
               <span id="sbRunTitle">ÇALIŞTIR</span>
+              <span id="sbRunKind"></span>
               <span id="sbRunCwd" title="">—</span>
+              <span class="file-spacer"></span>
+              <button id="sbRunView" class="on" title="Görsel önizleme açık — çıktıya dön">Görsel</button>
             </div>
             <div id="sbRunBtns">
-              <button id="sbRunInstall" title="Ajana talimat: projeyi kur — doğru komutu ajan bulur"><svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:3px"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>Kur</button>
-              <button id="sbRunStart" title="Ajana talimat: projeyi çalıştır — uzun süreli süreç ÇALIŞTIR panelinde başlar"><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor" stroke="none" style="vertical-align:-2px;margin-right:3px"><polygon points="6 3 20 12 6 21 6 3"/></svg>Başlat</button>
-              <button id="sbRunDev" title="Ajana talimat: geliştirme modunda başlat (dev)"><svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:3px"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>Dev</button>
+              <button id="sbRunStart" title="Başlat — gerekirse bağımlılıkları kurar, sonra çalıştırır (adres panelde canlı önizlemede açılır)"><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor" stroke="none" style="vertical-align:-2px;margin-right:3px"><polygon points="6 3 20 12 6 21 6 3"/></svg>Başlat</button>
+              <button id="sbRunDev" title="Geliştirme modunda başlat (gerekirse önce kurar)"><svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:3px"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>Dev</button>
               <button id="sbRunStop" title="Süreci durdur" hidden><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor" stroke="none" style="vertical-align:-2px;margin-right:3px"><rect x="6" y="6" width="12" height="12" rx="2"/></svg>Durdur</button>
             </div>
             <div id="sbRunCustom">
               <input id="sbRunCmd" placeholder="özel komut: python main.py, cargo run, node index.js…" spellcheck="false" autocomplete="off" />
               <button id="sbRunGo" title="Çalıştır"><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor" stroke="none"><polygon points="6 3 20 12 6 21 6 3"/></svg></button>
+              <button id="sbRunSave" title="Yazılan komutu bu reponun başlatma komutu olarak kaydet"><svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/></svg></button>
             </div>
+            <div id="sbPreviewHost" hidden><div id="sbPreviewHint">🌐 canlı önizleme — Başlat/Dev ile sunucu açılınca burada görünür</div></div>
             <div id="sbRunOut"></div>
             <div id="sbRunFoot">
-              <button id="sbRunOpen" title="Ajana talimat: çalışma adresini bulup tarayıcıda açar" disabled><svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:3px"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg><span id="sbRunOpenLabel">Tarayıcıda aç</span></button>
+              <button id="sbRunOpen" title="Önizlemeyi sağdaki dahili tarayıcıda aç" disabled><svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:3px"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg><span id="sbRunOpenLabel">Tarayıcıda aç</span></button>
               <span id="sbRunUrl" title=""></span>
             </div>
           </section>

package/src/renderer/renderer.js

@@ -135,13 +135,18 @@ const els = {
   sbStatus: $('#sbStatus'),
   sbInput: $('#sbInput'),
   sbStop: $('#sbStop'),
+  sbSend: $('#sbSend'),
+  sbSplit: $('#sbSplit'),
+  sbRun: $('#sbRun'),
   sbRunCwd: $('#sbRunCwd'),
-  sbRunInstall: $('#sbRunInstall'),
+  sbRunView: $('#sbRunView'),
+  sbRunKind: $('#sbRunKind'),
   sbRunStart: $('#sbRunStart'),
   sbRunDev: $('#sbRunDev'),
   sbRunStop: $('#sbRunStop'),
   sbRunCmd: $('#sbRunCmd'),
   sbRunGo: $('#sbRunGo'),
+  sbRunSave: $('#sbRunSave'),
   sbRunOut: $('#sbRunOut'),
   sbRunOpen: $('#sbRunOpen'),
   sbRunUrl: $('#sbRunUrl'),
@@ -5998,6 +6003,7 @@ function onEvent(ev) {
       /* IDE modunda tarayıcı açılır/kapanır/genişlik değişirse row yeniden bölünür —
          editör + Beast Code ORTAK kırpılıp ORTAK açılır (kullanıcı payı korunur) */
       if (ideModeOn()) ideSplitApplyFrac();
+      if (sbModeOn()) sbSplitApplyFrac();
       if (shown) {
         els.browserBtn.classList.add('on');
         if (ev.url && document.activeElement !== els.bbUrl) {
@@ -11964,6 +11970,11 @@ let sbCloning = false;
 const sbTreeState = { cache: new Map(), open: new Set(['']), path: '' };
 let sbRunUrl = '';
 let sbRunRunning = false;
+let sbRunInfo = null;
+let sbAutoAssist = null; /* butonla başlatılan süreç hızlı çökerse: 'install' | 'run' */
+let sbPreviewOn = true; /* ÇALIŞTIR içi görsel önizleme tercihi */
+let sbPreviewShown = false;
+let sbPreviewSuspend = false; /* ayırıcı sürüklenirken native view gizli tutulur */
 
 function sbModeOn() {
   return document.body.classList.contains('sandbox-mode');
@@ -12095,7 +12106,7 @@ async function loadSandboxList() {
   for (const it of sbItems) {
     const o = document.createElement('option');
     o.value = it.folder;
-    o.textContent = it.name + (it.busy ? ' ●' : '');
+    o.textContent = it.name + (it.busy ? ' ●' : '') + (it.running ? ' ▶' : '');
     sel.appendChild(o);
   }
   if (sbFolder && sbItems.some((x) => x.folder === sbFolder)) sel.value = sbFolder;
@@ -12140,6 +12151,32 @@ async function sbSelectCurrent() {
     sbLine('t-err', (r && r.error) || 'oturum açılamadı');
   }
   sbSetBusy(!!(r && r.busy));
+  /* yönetilen süreç durumu: repo değişince arka plandaki süreç + tampon çıktı geri yüklenir */
+  sbRunInfo = null;
+  const st = await beast.sandboxProcState({ folder: sbFolder }).catch(() => null);
+  if (st && st.ok) {
+    sbRunUrl = st.url || '';
+    sbRunRunning = !!st.running;
+    if (els.sbRunStop) els.sbRunStop.hidden = !sbRunRunning;
+    if (els.sbRunOpen) els.sbRunOpen.disabled = !sbRunUrl;
+    if (els.sbRunUrl) els.sbRunUrl.textContent = sbRunUrl || '';
+    for (const l of st.lines || []) sbRunLine(l);
+  }
+  /* proje tipi algıla: butonlar hangi komutu çalıştıracağını bilir */
+  const det = await beast.sandboxDetect({ folder: sbFolder }).catch(() => null);
+  if (det && det.ok && det.info) {
+    sbRunInfo = det.info;
+    if (els.sbRunKind) els.sbRunKind.textContent = det.info.label || '';
+    if (els.sbRunCmd) {
+      els.sbRunCmd.placeholder = det.info.run
+        ? 'özel komut (algılanan: ' + det.info.run + ')…'
+        : 'özel komut: python main.py, cargo run, node index.js…';
+    }
+    if (!sbRunRunning && !(st && (st.lines || []).length)) {
+      sbRunLine('ℹ ' + (det.info.label || 'proje') + ' · kur: ' + (det.info.install || '—') + ' · çalıştır: ' + (det.info.run || '—'), 't-dim');
+    }
+  }
+  sbPreviewApply();
   /* sol konsol: seçilen reponun klasörü — oturum açıldıktan sonra da garanti tazele */
   sbTreeState.cache.clear();
   if (sbModeOn()) renderFileTree().catch(() => {});
@@ -12155,7 +12192,8 @@ function sbInputResize() {
 
 function sbRunCurrent() {
   const msg = els.sbInput.value.trim();
-  if (!msg || !sbFolder || sbCloning) return;
+  if (!msg || sbCloning) return;
+  if (!sbFolder) { toast('Önce repo indir ya da seç'); return; }
   els.sbInput.value = '';
   sbInputResize();
   sbLine('t-cmd', 'sen> ' + msg);
@@ -12226,6 +12264,7 @@ function setSandboxMode(on) {
   if (on && financeModeOn()) { setFinanceMode(false); }
   document.body.classList.toggle('sandbox-mode', !!on);
   if (els.sbBtn) els.sbBtn.classList.toggle('on', !!on);
+  sbPreviewApply();
   /* 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';
@@ -12233,6 +12272,7 @@ function setSandboxMode(on) {
   if (ftp && on) ftp.textContent = 'REPO DOSYALARI';
   if (on) {
     loadSandboxList();
+    sbSplitRestore();
     sbTreeState.cache.clear();
     renderFileTree().catch(() => {});
   } else if (!ideModeOn() && !studioModeOn()) {
@@ -12242,26 +12282,27 @@ function setSandboxMode(on) {
   }
 }
 
-/* ---------- Ç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) {
+/* ---------- ÇALIŞTIRICI v2: butonlar DETERMİNİSTİK ----------
+   Proje tipi algılanır (package.json/requirements.txt/pyproject/Cargo.toml/
+   go.mod/hugo/jekyll/mkdocs/index.html); Başlat/Dev gerekirse bağımlılıkları
+   ÖNCE kurar (npm install && npm run dev gibi), süreç panelde canlı akar. */
+async function sbRunLaunch(mode) {
   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));
-  });
+  if (sbRunRunning) { toast('Bu repoda süreç çalışıyor — önce ■ Durdur'); return; }
+  sbAutoAssist = mode;
+  const r = await beast.sandboxStart({ folder: sbFolder, mode: mode === 'dev' ? 'dev' : 'run' })
+    .catch((e) => ({ ok: false, error: String((e && e.message) || e) }));
+  if (!r || !r.ok) {
+    sbAutoAssist = null;
+    const err = (r && r.error) || 'başlatılamadı';
+    sbRunLine('[hata] ' + err, 't-err');
+    /* algılama komut bulamadıysa ajan devralır: repo yapısından doğru komutu bulur */
+    if (/algılanamadı/.test(err)) sbAskAgent(mode);
+    return;
+  }
+  sbRunRunning = true;
+  if (els.sbRunStop) els.sbRunStop.hidden = false;
+  sbBadge(sbFolder, true);
 }
 
 function sbRunLine(text, cls) {
@@ -12274,8 +12315,28 @@ function sbRunLine(text, cls) {
   return div;
 }
 
-/* süreç çıktısı akışı: sessionId'siz global olaylar — en üstte yönlendirilir */
+/* repo listesindeki rozet: ▶ = bu repoda süreç çalışıyor */
+function sbBadge(folder, on) {
+  if (!els.sbRepo || !folder) return;
+  for (const o of Array.from(els.sbRepo.options)) {
+    if (o.value !== folder) continue;
+    const it = sbItems.find((x) => x.folder === folder);
+    const name = it ? it.name : o.textContent.replace(/ (?:●|▶)+$/g, '');
+    o.textContent = name + (it && it.busy ? ' ●' : '') + (on ? ' ▶' : '');
+    return;
+  }
+}
+
+/* süreç çıktısı akışı: klasör etiketli olaylar — seçili repo paneli süzer,
+   arka plandaki repolar yalnızca rozetlerini günceller */
 function sbRunIngest(ev) {
+  const folder = String(ev.folder || '');
+  const mine = !folder || !sbFolder || folder === sbFolder;
+  if (!mine) {
+    if (ev.type === 'sb-run-url') sbBadge(folder, true);
+    if (ev.type === 'sb-run-end') sbBadge(folder, false);
+    return;
+  }
   if (ev.type === 'sb-run') {
     sbRunLine(ev.data);
     return;
@@ -12285,26 +12346,106 @@ function sbRunIngest(ev) {
     sbRunLine('🌐 dev server: ' + sbRunUrl, 't-dim');
     if (els.sbRunOpen) els.sbRunOpen.disabled = !sbRunUrl;
     if (els.sbRunUrl) els.sbRunUrl.textContent = sbRunUrl;
+    sbBadge(folder || sbFolder, true);
+    /* ÇALIŞTIR panelinde canlı önizleme otomatik açılır */
+    sbPreviewApply();
     return;
   }
   if (ev.type === 'sb-run-end') {
     sbRunRunning = false;
     if (els.sbRunStop) els.sbRunStop.hidden = true;
+    sbBadge(folder || sbFolder, false);
+    const assist = sbAutoAssist;
+    sbAutoAssist = null;
+    if (ev.quickFail && assist) {
+      const kind = ev.kind === 'install' ? 'install' : 'run';
+      sbRunLine('[hata] komut başarısız bitti — ajan doğru komutu arıyor…', 't-err');
+      sbAskAgent(kind);
+    }
+  }
+}
+
+/* ---------- ÇALIŞTIR içi CANLI ÖNİZLEME: DOM dikdörtgenini main'e bildir ---------- */
+function sbPreviewLayout() {
+  if (!sbPreviewShown || sbPreviewSuspend) return;
+  const host = document.getElementById('sbPreviewHost');
+  if (!host) return;
+  const r = host.getBoundingClientRect();
+  if (!r.width || !r.height) return;
+  beast.sbPreviewSet({
+    url: sbRunUrl,
+    visible: true,
+    bounds: { x: r.left, y: r.top, width: r.width, height: r.height },
+  }).catch(() => {});
+}
+
+function sbPreviewApply() {
+  const show = sbPreviewOn && sbModeOn() && !!sbFolder && !!sbRunUrl && !sbPreviewSuspend;
+  sbPreviewShown = show;
+  const host = document.getElementById('sbPreviewHost');
+  if (host) host.hidden = !show;
+  if (els.sbRunOut) els.sbRunOut.hidden = show;
+  if (show) {
+    sbPreviewLayout();
+    /* görünür olunca yerleşim oturana kadar birkaç kez tazele */
+    setTimeout(sbPreviewLayout, 50);
+    setTimeout(sbPreviewLayout, 250);
+  } else {
+    beast.sbPreviewSet({ visible: false }).catch(() => {});
+  }
+}
+
+function sbPreviewToggle() {
+  sbPreviewOn = !sbPreviewOn;
+  if (els.sbRunView) {
+    els.sbRunView.classList.toggle('on', sbPreviewOn);
+    els.sbRunView.textContent = sbPreviewOn ? 'Görsel' : 'Çıktı';
+    els.sbRunView.title = sbPreviewOn ? 'Görsel önizleme açık — çıktıya dön' : 'Çıktı görünümü — görsele dön';
   }
+  sbPreviewApply();
+}
+
+/* Başlat/Dev başarısız olunca ajanı devreye sokar: repo yapısına göre
+   DOĞRU komutu bulup panel_run ile başlatmasını ister (otomatik devralma). */
+function sbAskAgent(kind) {
+  if (!sbFolder) return;
+  const repoName = (sbItems.find((x) => x.folder === sbFolder) || {}).name || 'repo';
+  const msg = kind === 'install'
+    ? `Kur butonu bu repoda başarısız oldu. ${repoName} reposunun dosyalarını incele (README, requirements.txt, package.json, pyproject.toml, Gemfile, mkdocs/hugo ayarları, alt klasörler) ve DOĞRU kurulum komutunu bulup panel_run ile ÇALIŞTIR panelinde çalıştır. Sonucu tek cümleyle bildir.`
+    : `Başlat/Dev butonu bu repoda başarısız oldu. ${repoName} reposunun yapısını incele (README, package.json scripts, hugo/mkdocs/jekyll ayarları, main/app.py, Cargo.toml, go.mod…) ve GERÇEK çalıştırma komutunu bulup panel_run ile ÇALIŞTIR panelinde başlat. Web adresi çıkarsa kullanıcıya bildir.`;
+  sbLine('t-sys', '⚙ ajan devrede — doğru komutu bulup başlatacak…');
+  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));
+  });
 }
 
 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;
+  sbAutoAssist = 'run';
   if (els.sbRunStop) els.sbRunStop.hidden = false;
   beast.sandboxRun({ folder: sbFolder, cmd }).then((r) => {
     if (!r || !r.ok) {
+      sbAutoAssist = null;
       sbRunRunning = false;
       if (els.sbRunStop) els.sbRunStop.hidden = true;
       sbRunLine('[hata] ' + ((r && r.error) || 'çalıştırılamadı'), 't-err');
+    } else {
+      sbBadge(sbFolder, true);
     }
   }).catch((e) => {
+    sbAutoAssist = null;
     sbRunRunning = false;
     if (els.sbRunStop) els.sbRunStop.hidden = true;
     sbRunLine('[hata] ' + String((e && e.message) || e), 't-err');
@@ -12360,6 +12501,10 @@ if (els.sbInput) {
     }
   });
 }
+if (els.sbSend) els.sbSend.addEventListener('click', () => {
+  sbRunCurrent();
+  if (els.sbInput) els.sbInput.focus();
+});
 if (els.sbStop) {
   els.sbStop.addEventListener('click', () => {
     beast.sandboxStop({ folder: sbFolder }).then((r) => {
@@ -12370,17 +12515,9 @@ if (els.sbStop) {
     }).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.')
-);
+/* ÇALIŞTIRICI butonları: Başlat/Dev algılanan komutu (gerekirse kurup) çalıştırır */
+if (els.sbRunStart) els.sbRunStart.addEventListener('click', () => sbRunLaunch('run'));
+if (els.sbRunDev) els.sbRunDev.addEventListener('click', () => sbRunLaunch('dev'));
 if (els.sbRunGo) els.sbRunGo.addEventListener('click', () => {
   const c = els.sbRunCmd.value.trim();
   if (!c) { toast('Komut yaz'); return; }
@@ -12395,17 +12532,110 @@ if (els.sbRunCmd) {
     }
   });
 }
+if (els.sbRunSave) els.sbRunSave.addEventListener('click', async () => {
+  if (!sbFolder) { toast('Önce repo seç'); return; }
+  const c = els.sbRunCmd ? els.sbRunCmd.value.trim() : '';
+  if (!c) { toast('Kaydetmek için komut yaz'); return; }
+  const r = await beast.sandboxCfgSet({ folder: sbFolder, run: c }).catch(() => null);
+  if (r && r.ok) {
+    toast('kaydedildi — Başlat/Dev artık bu komutu kullanır');
+    const det = await beast.sandboxDetect({ folder: sbFolder }).catch(() => null);
+    if (det && det.ok && det.info) {
+      sbRunInfo = det.info;
+      if (els.sbRunCmd) els.sbRunCmd.placeholder = 'özel komut (algılanan: ' + (det.info.run || c) + ')…';
+    }
+  } else {
+    toast((r && r.error) || 'kaydedilemedi');
+  }
+});
 if (els.sbRunStop) {
   els.sbRunStop.addEventListener('click', () => {
-    beast.sandboxRunStop().then((r) => {
-      if (r && r.ok) sbRunLine('⏹ durduruldu', 't-dim');
+    beast.sandboxRunStop({ folder: sbFolder }).then((r) => {
+      if (r && r.ok) {
+        sbRunLine('⏹ durduruldu', 't-dim');
+        sbRunRunning = false;
+        if (els.sbRunStop) els.sbRunStop.hidden = true;
+        sbBadge(sbFolder, false);
+      }
     }).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ç.')
+  els.sbRunOpen.addEventListener('click', async () => {
+    if (!sbRunUrl) { toast('Adres henüz yakalanmadı — Başlat/Dev ile sunucuyu çalıştır'); return; }
+    const r = await beast.sandboxOpenUrl(sbRunUrl).catch(() => null);
+    if (!r || !r.ok) toast('Açılamadı: ' + ((r && r.error) || 'bilinmeyen hata'));
+  });
+}
+if (els.sbRunView) els.sbRunView.addEventListener('click', sbPreviewToggle);
+
+/* görsel önizleme boyutu her yerleşim değişiminde main'e bildirilir
+   (ayırıcı, tarayıcı dock'u, pencere boyutu, mod geçişi) */
+if (window.ResizeObserver) {
+  const host = document.getElementById('sbPreviewHost');
+  if (host) new ResizeObserver(() => sbPreviewLayout()).observe(host);
+}
+
+/* ---------- sohbet/çalıştır ayırıcı (Beast Code ideSplit ile aynı desen) ----------
+   Orantılı model: kaydedilen değer sohbet panelinin sandboxRow içindeki PAYI (0-1);
+   sürükle-bırak anında --sbSplit yazar, bırakınca localStorage'a kaydeder. */
+let sbSplitFrac = 0;
+
+function sbSplitApplyFrac() {
+  const rowW = els.sandboxRow && els.sandboxRow.clientWidth ? els.sandboxRow.clientWidth : window.innerWidth - 250;
+  /* kayıt yoksa eski varsayılan görünüm korunur: sohbet 480px, çalıştır kalanı */
+  if (!sbSplitFrac) {
+    const w = Math.max(280, Math.min(rowW - 480, Math.max(320, rowW - 300)));
+    document.body.style.setProperty('--sbSplit', Math.round(w) + 'px');
+    return;
+  }
+  sbSplitFrac = Math.max(0.2, Math.min(sbSplitFrac, 0.8));
+  const w = Math.max(280, Math.min(Math.round(rowW * sbSplitFrac), Math.max(320, rowW - 300)));
+  document.body.style.setProperty('--sbSplit', w + 'px');
+}
+
+function sbSplitSave() {
+  try { localStorage.setItem('beast.sbSplit', String(sbSplitFrac)); } catch {}
+}
+
+function sbSplitRestore() {
+  let saved = 0;
+  try { saved = parseFloat(localStorage.getItem('beast.sbSplit')) || 0; } catch {}
+  sbSplitFrac = saved > 0.05 && saved < 0.95 ? saved : 0;
+  sbSplitApplyFrac();
+}
+
+if (els.sbSplit) {
+  els.sbSplit.addEventListener('mousedown', (e) => {
+    e.preventDefault();
+    els.sbSplit.classList.add('dragging');
+    /* native önizleme view'i fare olaylarını yutabilir — sürükleme boyunca gizle,
+       bırakınca geri getir (IDE'deki ayırıcı da aynı nedenle DOM üstünde çizilir) */
+    sbPreviewSuspend = true;
+    if (sbPreviewShown) beast.sbPreviewSet({ visible: false }).catch(() => {});
+    const rightEdge = els.sbRun ? els.sbRun.getBoundingClientRect().right : window.innerWidth;
+    const rowW = Math.max(600, els.sandboxRow && els.sandboxRow.clientWidth ? els.sandboxRow.clientWidth : window.innerWidth - 250);
+    const move = (ev) => {
+      const w = Math.max(280, Math.min(rightEdge - ev.clientX, rowW - 300));
+      sbSplitFrac = Math.max(0.2, Math.min(w / rowW, 0.8));
+      document.body.style.setProperty('--sbSplit', Math.round(w) + 'px');
+      sbPreviewLayout();
+    };
+    const up = () => {
+      document.removeEventListener('mousemove', move);
+      document.removeEventListener('mouseup', up);
+      els.sbSplit.classList.remove('dragging');
+      sbSplitSave();
+      sbPreviewSuspend = false;
+      sbPreviewApply();
+    };
+    document.addEventListener('mousemove', move);
+    document.addEventListener('mouseup', up);
+  });
+  window.addEventListener('resize', () => {
+    if (sbModeOn()) {
+      sbSplitApplyFrac();
+      sbPreviewLayout();
+    }
   });
 }

package/src/renderer/style.css

@@ -4271,7 +4271,7 @@ body.sandbox-mode #sandboxRow { display: flex; flex-direction: row; }
   flex-direction: column;
   min-height: 0;
   min-width: 300px;
-  flex: 0 0 var(--sbSplit, 480px);
+  flex: 1 1 auto;
   background: var(--bg);
   overflow: hidden;
 }
@@ -4280,10 +4280,20 @@ body.sandbox-mode #sandboxRow { display: flex; flex-direction: row; }
   flex-direction: column;
   min-height: 0;
   min-width: 240px;
-  flex: 1;
+  flex: 0 0 var(--sbSplit, 480px);
   background: var(--bg);
   overflow: hidden;
-  border-left: 1px solid var(--border);
+}
+#sbSplit {
+  flex: none;
+  width: 6px;
+  cursor: col-resize;
+  background: var(--border);
+  opacity: 0.55;
+  transition: opacity 0.15s;
+}
+#sbSplit:hover {
+  opacity: 1;
 }
 
 #sbHead {
@@ -4394,9 +4404,31 @@ body.sandbox-mode #sandboxRow { display: flex; flex-direction: row; }
   padding: 7px 9px;
   border-radius: 8px;
   font-family: inherit;
+  overflow-y: hidden;
+  max-height: 140px;
+  line-height: 1.45;
+  display: block;
 }
 #sbInput:focus { border-color: var(--accent); outline: none; }
 #sbInput.expand { overflow-y: auto; }
+#sbInputRow button {
+  flex: none;
+  background: var(--panel2);
+  border: 1px solid var(--border);
+  color: var(--text);
+  border-radius: 7px;
+  cursor: pointer;
+  font-size: 11px;
+  padding: 6px 9px;
+  line-height: 1;
+  margin-bottom: 1px;
+}
+#sbInputRow button:hover { border-color: var(--accent); }
+#sbSend { color: var(--accent); }
+#sbSend:hover { background: var(--accent-dim); }
+#sbStop { color: var(--err); }
+#sbStop[hidden] { display: none; }
+#sbStop:hover { border-color: var(--err); }
 
 /* ---------- ÇALIŞTIR bölmesi ---------- */
 #sbRunHead {
@@ -4409,6 +4441,18 @@ body.sandbox-mode #sandboxRow { display: flex; flex-direction: row; }
   background: var(--panel);
 }
 #sbRunTitle { font-size: 11px; font-weight: 800; letter-spacing: 1px; color: var(--accent); flex: none; }
+#sbRunKind {
+  flex: none;
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+  color: var(--muted);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  padding: 1px 6px;
+}
+#sbRunKind:empty { display: none; }
 #sbRunCwd {
   color: var(--muted);
   font-family: Consolas, monospace;
@@ -4418,6 +4462,33 @@ body.sandbox-mode #sandboxRow { display: flex; flex-direction: row; }
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+#sbRunHead button {
+  flex: none;
+  background: var(--panel2);
+  border: 1px solid var(--border);
+  color: var(--muted);
+  font-size: 11px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  cursor: pointer;
+}
+#sbRunHead button:hover { color: var(--text); border-color: var(--accent); }
+#sbRunHead button.on { color: var(--accent); border-color: var(--accent); }
+#sbPreviewHost {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--bg);
+}
+#sbPreviewHost[hidden] { display: none; }
+#sbPreviewHint {
+  color: var(--muted);
+  font-size: 12px;
+  padding: 0 16px;
+  text-align: center;
+}
 #sbRunBtns {
   flex: none;
   display: flex;