beast-agent 0.29.0 → 1.0.0

package/src/preload.js

@@ -76,6 +76,8 @@ contextBridge.exposeInMainWorld('beast', {
   obscuraSetEnabled: (v) => ipcRenderer.invoke('obscura:setEnabled', v),
   searchOrderGet: () => ipcRenderer.invoke('searchorder:get'),
   searchOrderSet: (chain) => ipcRenderer.invoke('searchorder:set', chain),
+  sessionsOrderGet: () => ipcRenderer.invoke('sessions:order:get'),
+  sessionsOrderSet: (order) => ipcRenderer.invoke('sessions:order:set', order),
   tinyfishGet: () => ipcRenderer.invoke('tinyfish:get'),
   tinyfishSet: (key) => ipcRenderer.invoke('tinyfish:set', key),
   tinyfishClear: () => ipcRenderer.invoke('tinyfish:clear'),

package/src/renderer/i18n.js

@@ -1,4 +1,4 @@
-'use strict';
+'use strict';
 
 /* Hafif i18n (TR/EN):
    - data-i18n      → textContent
@@ -21,6 +21,7 @@
       tipNet: 'İnternet durumu',
       tip_net_online: 'İnternet: bağlı',
       tip_net_offline: 'İnternet: yok — bağlantı dönünce işler otomatik sürer',
+      sess_drag: 'Sürükleyerek sırayı değiştir',
       tipWatch: 'İzleyiciler (Watchers)',
       tipCron: 'Cron Görevler',
       tip_light: 'Açık tema',
@@ -262,12 +263,13 @@
       us_where_off_toast: 'Açılış özeti kapandı',
       ws_calls: 'çağrı',
       ws_token: 'token',
+      td_hide: 'Görev listesini gizle (yeni güncellemede yine görünür)',
       ws_h2: 'Web Arama',
       ws_sub: 'Arama zinciri: 1) dahili tarayıcı (direk Google) 2) Obscura (stealth headless → DuckDuckGo) 3) TinyFish (anahtar varsa) 4) python çoklu-motor (ddgs / DDG+Bing+Mojeek) — otomatik. Sıra ve aç/kapa aşağıdan değiştirilir.',
       oc_h2: 'Obscura (Stealth Tarayıcı)',
-      oc_sub: 'Rust tabanlı gizli headless tarayıcı (anti-detect + V8, Chromium\u2019suz). Kurulu değilse ilk açılışta otomatik indirilir (%APPDATA%\\beast\\obscura); DuckDuckGo aramasını bot korumasını aşarak yapar.',
+      oc_sub: 'Rust tabanlı gizli headless tarayıcı (anti-detect + V8, Chromium\u2019suz). Paket içinde hazır gelir; ilk açılışta %APPDATA%\\beast\\obscura\'ya açılır; DuckDuckGo aramasını bot korumasını aşarak yapar.',
       oc_status_ok: 'Obscura kurulu ve hazır.',
-      oc_status_missing: 'Obscura kurulu değil — ilk açılışta otomatik indirilir (≈74 MB).',
+      oc_status_missing: 'Obscura paket içinde hazır — ilk açılışta otomatik kurulur.',
       oc_install: 'Kur / Güncelle',
       oc_install_running: 'Kuruluyor…',
       oc_installing: 'İndiriliyor… (≈74 MB, bağlantıya göre birkaç dakika)',
@@ -323,7 +325,7 @@
       us_where_off_toast: 'Açılış özeti kapandı',
       ws_h2: 'Web Arama',
       oc_status_ok: 'Obscura kurulu ve hazır.',
-      oc_status_missing: 'Obscura kurulu değil — ilk açılışta otomatik indirilir.',
+      oc_status_missing: 'Obscura paket içinde hazır — ilk açılışta otomatik kurulur.',
       ws_save: 'Kaydet',
       ws_clear: 'Anahtarı Sil',
       ws_key_note: 'Anahtar maskeli tutulur; yenisini yazıp kaydettiğinde eskisinin yerine geçer. Boş kaydet: mevcut anahtar korunur.',
@@ -575,6 +577,7 @@
       tipNet: 'Internet status',
       tip_net_online: 'Internet: connected',
       tip_net_offline: 'Internet: offline — work resumes automatically once the connection returns',
+      sess_drag: 'Drag to reorder',
       tipWatch: 'Watchers',
       tipCron: 'Cron Jobs',
       tip_light: 'Light theme',
@@ -815,12 +818,13 @@
       us_where_off_toast: 'Startup summary off',
       ws_calls: 'calls',
       ws_token: 'tokens',
+      td_hide: 'Hide todo list (reappears on next update)',
       ws_h2: 'Web Search',
       ws_sub: 'Search chain: 1) built-in browser (direct Google) 2) Obscura (stealth headless → DuckDuckGo) 3) TinyFish (if a key is set) 4) python multi-engine (ddgs / DDG+Bing+Mojeek) — automatic. Order and on/off are editable below.',
       oc_h2: 'Obscura (Stealth Browser)',
-      oc_sub: 'Rust-based stealth headless browser (anti-detect + V8, no Chromium). If not installed it is auto-downloaded at first launch (%APPDATA%\\beast\\obscura); it searches DuckDuckGo past bot protection.',
+      oc_sub: 'Rust-based stealth headless browser (anti-detect + V8, no Chromium). It ships inside the package and is extracted to %APPDATA%\\beast\\obscura at first launch; it searches DuckDuckGo past bot protection.',
       oc_status_ok: 'Obscura is installed and ready.',
-      oc_status_missing: 'Obscura is not installed — it is auto-downloaded at first launch (≈74 MB).',
+      oc_status_missing: 'Obscura ships inside the package — it is extracted automatically at first launch.',
       oc_install: 'Install / Update',
       oc_install_running: 'Installing…',
       oc_installing: 'Downloading… (≈74 MB, may take a few minutes)',
@@ -938,7 +942,7 @@
       us_where_off_toast: 'Startup summary off',
       ws_h2: 'Web Search',
       oc_status_ok: 'Obscura is installed and ready.',
-      oc_status_missing: 'Obscura is not installed — it is auto-downloaded at first launch.',
+      oc_status_missing: 'Obscura ships inside the package — it is extracted automatically at first launch.',
       ws_save: 'Save',
       ws_clear: 'Delete Key',
       ws_key_note: 'Key is kept masked; saving a new one replaces the old. Save empty: existing key kept.',

package/src/renderer/index.html

@@ -41,6 +41,7 @@
         <button id="storeBtn" title="Skills Store" data-i18n-title="tipStore"><svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7h16l-1.3 12.1a2 2 0 0 1-2 1.9H7.3a2 2 0 0 1-2-1.9L4 7z"/><path d="M8 10V6a4 4 0 0 1 8 0v4"/></svg></button>
         <button id="gitBtn" title="GitHub Trending" data-i18n-title="tipGithub"><svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor" aria-hidden="true"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></button>
         <button id="ideBtn" title="IDE Modu" data-i18n-title="tipIde"><svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 6l-5 6 5 6"/><path d="M16 6l5 6-5 6"/><path d="M13.5 4l-3 16"/></svg></button>
+        <span id="netDot" class="net-on" title="İnternet: bağlı" data-i18n-title="tipNet"><svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 8.82a15 15 0 0 1 20 0"/><path d="M5 12.85a10 10 0 0 1 14 0"/><path d="M8.53 16.11a6 6 0 0 1 6.95 0"/><line x1="12" y1="20" x2="12.01" y2="20"/><line class="net-slash" x1="4" y1="4" x2="20" y2="20"/></svg></span>
       </div>
     </aside>
 
@@ -77,7 +78,6 @@
         <button id="termCBtn" class="dd-btn dd-icon-btn" title="CMD terminali" data-i18n-title="tipTermC">&#x276F;&#xFE0E;</button>
         <button id="browserBtn" class="dd-btn dd-icon-btn" title="Dahili tarayıcı" data-i18n-title="tipBrowser">&#x29C9;</button>
         <button id="eyeBtn" class="dd-btn dd-icon-btn" title="Ajan tarayıcısı görünür/gizli — göz açıkken aramalar panelde izlenir, kapalıyken gizli çalışır" data-i18n-title="tipEye"><svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z"/><circle cx="12" cy="12" r="3"/><line class="eye-slash" x1="4" y1="4" x2="20" y2="20"/></svg></button>
-        <span id="netDot" class="dd-btn dd-icon-btn net-on" title="İnternet: bağlı" data-i18n-title="tipNet"><svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12.55a11 11 0 0 1 14.08 0"/><path d="M8.53 16.11a6 6 0 0 1 6.95 0"/><line x1="12" y1="20" x2="12.01" y2="20"/><line class="net-slash" x1="4" y1="4" x2="20" y2="20"/></svg></span>
         <div class="drag-spacer"></div>
       </header>
 
@@ -112,7 +112,10 @@
             <code id="codePath" title="">—</code>
             <button id="codeSave" title="Kaydet (Ctrl+S)">Kaydet</button>
           </div>
-          <textarea id="codeTa" spellcheck="false"></textarea>
+          <div id="codeBody">
+            <div id="codeGutter" aria-hidden="true"></div>
+            <textarea id="codeTa" spellcheck="false" wrap="off"></textarea>
+          </div>
         </section>
 
         <div id="ideSplit" title="Sürükleyerek boyutlandır"></div>

package/src/renderer/renderer.js

@@ -78,6 +78,7 @@ const els = {
   bcTodoWrap: $('#bcTodoWrap'),
   codeTabs: $('#codeTabs'),
   codeTa: $('#codeTa'),
+  codeGutter: $('#codeGutter'),
   codePath: $('#codePath'),
   codeSave: $('#codeSave'),
   ideRow: $('#ideRow'),
@@ -280,8 +281,14 @@ function renderTodos(items) {
     })
     .join('');
   els.todoPanel.innerHTML =
-    `<div class="td-head"><span>GÖREVLER</span><span class="td-count">${done}/${list.length}</span></div>` + rows;
+    `<div class="td-head"><span>GÖREVLER</span>` +
+    `<span class="td-right"><span class="td-count">${done}/${list.length}</span>` +
+    `<button class="td-x" title="${_t('td_hide')}">×</button></span></div>` + rows;
   els.todoPanel.hidden = false;
+  /* X yalnız BU listeyi gizler — kalıcı kapanma yok: bir sonraki görev
+     güncellemesi (yeni görev eklendi / görev yapıldı) paneli yeniden gösterir */
+  const x = els.todoPanel.querySelector('.td-x');
+  if (x) x.addEventListener('click', () => { els.todoPanel.hidden = true; });
 }
 function setBusy(b) {
   busy = b;
@@ -482,7 +489,41 @@ function finishToolCard(callId, ok, result) {
 
 /* ---------------- sessions sidebar ---------------- */
 
+/* sol panel sohbet listesi: kullanıcı ELLE sıralayabilir (sürükle-bırak).
+   sessionOrder: session id'lerinin tercih sırası — settings.json'da kalıcı.
+   Listede olmayan oturumlar engine sırasıyla (son mesaja göre) arkada gelir. */
+let sessionOrder = [];
+let sessionOrderLoaded = null;
+function loadSessionOrder() {
+  if (!sessionOrderLoaded) {
+    sessionOrderLoaded = beast
+      .sessionsOrderGet()
+      .then((r) => { sessionOrder = (r && Array.isArray(r.order) ? r.order : []).map(String); })
+      .catch(() => {});
+  }
+  return sessionOrderLoaded;
+}
+
+function reorderSessions(dragId, targetId) {
+  const idx = (id) => sessionOrder.indexOf(id);
+  const dp = idx(dragId);
+  const tp = idx(targetId);
+  sessionOrder = sessionOrder.filter((x) => x !== dragId);
+  const ti = sessionOrder.indexOf(targetId);
+  if (ti === -1) {
+    /* hedef hiç elle sıralanmamış: listeden görünür konumunu korumak mümkün değil — sona ekle */
+    sessionOrder.push(targetId, dragId);
+  } else if (dp !== -1 && dp < tp) {
+    sessionOrder.splice(ti + 1, 0, dragId); /* aşağı sürüklendi → hedefin ALTINA */
+  } else {
+    sessionOrder.splice(ti, 0, dragId); /* yukarı sürüklendi → hedefin ÜSTÜNE */
+  }
+  beast.sessionsOrderSet(sessionOrder).catch(() => {});
+  refreshSessions();
+}
+
 async function renderSessions(list) {
+  await loadSessionOrder();
   let waSet = new Set();
   let tgSet = new Set();
   try {
@@ -492,13 +533,19 @@ async function renderSessions(list) {
     tgSet = new Set(await beast.tgListSessions());
   } catch {}
   els.sessList.innerHTML = '';
+  /* elle sıra: sessionOrder'daki id'ler önde (o sırayla), diğerleri engine sırasıyla arkada */
+  const rank = new Map(sessionOrder.map((id, i) => [id, i]));
+  const withRank = list.map((s, i) => ({ s, r: rank.has(s.id) ? rank.get(s.id) : 1e6 + i }));
+  withRank.sort((a, b) => a.r - b.r);
   /* aktif botun oturumları — botlar arası geçişte liste de o bota göre değişir.
      KATI KURAL: her oturum yalnız BAĞLI OLDUĞU botun listesinde görünür;
      bot kaydı olmayan (eski) oturumlar Beast (varsayılan sahip) altında görünür. */
-  for (const s of list) {
+  for (const { s } of withRank) {
     if ((s.botId || 'beast') !== activeBotId) continue;
     const row = document.createElement('div');
     row.className = 'sess' + (s.id === activeId ? ' active' : '');
+    row.title = _t('sess_drag');
+    row.draggable = true;
     row.innerHTML =
       (waSet.has(s.id) ? '<span class="sess-wa" title="WhatsApp">W</span>' : '') +
       (tgSet.has(s.id) ? '<span class="sess-tg" title="Telegram">T</span>' : '') +
@@ -516,12 +563,40 @@ async function renderSessions(list) {
         const created = await beast.createSession();
         await openSession(created.id);
       }
+      sessionOrder = sessionOrder.filter((x) => x !== s.id);
       refreshSessions();
     });
+    /* sürükle-bırak: yukarı/aşağı yer değiştirme */
+    row.addEventListener('dragstart', (e) => {
+      dragSid = s.id;
+      row.classList.add('dragging');
+      try { e.dataTransfer.effectAllowed = 'move'; e.dataTransfer.setData('text/plain', s.id); } catch {}
+    });
+    row.addEventListener('dragend', () => {
+      dragSid = null;
+      row.classList.remove('dragging');
+      els.sessList.querySelectorAll('.drag-over').forEach((x) => x.classList.remove('drag-over'));
+    });
+    row.addEventListener('dragover', (e) => {
+      if (!dragSid || dragSid === s.id) return;
+      e.preventDefault();
+      try { e.dataTransfer.dropEffect = 'move'; } catch {}
+      row.classList.add('drag-over');
+    });
+    row.addEventListener('dragleave', () => row.classList.remove('drag-over'));
+    row.addEventListener('drop', (e) => {
+      e.preventDefault();
+      row.classList.remove('drag-over');
+      if (!dragSid || dragSid === s.id) return;
+      reorderSessions(dragSid, s.id);
+      dragSid = null;
+    });
     els.sessList.appendChild(row);
   }
 }
 
+let dragSid = null;
+
 async function refreshSessions() {
   await renderSessions(await beast.listSessions());
   renderBotCards(); // bot kartlarındaki numara/sayı etiketleri de tazelensin
@@ -816,7 +891,7 @@ async function renderWebSearchPane() {
     '<h2>' + _t('oc_h2') + '</h2>' +
     '<div class="sub">' + _t('oc_sub') + '</div>' +
     '<div id="ocStatus" class="sub" style="text-align:left;margin-top:8px"></div>' +
-    '<label class="mem-label" style="display:flex;align-items:center;gap:8px;cursor:pointer">' +
+    '<label class="mem-label" style="display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer">' +
     '<input id="ocEnabled" type="checkbox" style="width:auto" /> <span>' + _t('oc_enabled') + '</span></label>' +
     '<div id="ocProg" class="oc-prog" hidden>' +
     '<div class="oc-prog-bar"><div class="oc-prog-fill" style="width:0%"></div></div>' +
@@ -3831,11 +3906,18 @@ function onEvent(ev) {
       addToolCard(ev.callId, ev.name, ev.args);
       setStatus(ev.name + '…');
       termAgentEvent(ev);
+      /* ajan dosya yazarsa açık IDE sekmesini izlemeye al */
+      if (ev.name === 'write_file' && ev.args && ev.args.path) codeWriteWatch.set(ev.callId, ev.args.path);
       break;
     case 'tool-end':
       finishToolCard(ev.callId, ev.ok, ev.result);
       setStatus('düşünüyor…');
       termAgentEvent(ev);
+      if (codeWriteWatch.has(ev.callId)) {
+        const wp = codeWriteWatch.get(ev.callId);
+        codeWriteWatch.delete(ev.callId);
+        codeReloadIfOpen(wp);
+      }
       break;
     case 'todos':
       renderTodos(ev.todos);
@@ -5618,6 +5700,7 @@ async function setIdeMode(on) {
     ideSplitRestore();
     await loadIdeTree();
     bcBanner();
+    codeGutterRender(); /* dosya açık olmasa bile rakamlar görünür */
   }
 }
 
@@ -5749,9 +5832,103 @@ async function renderFileTree() {
    Dosya tıklaması MODAL değil, codePane içinde SEKME açar.
    Yanında Beast Code chat'i, onun sağındaki preview tarayıcı durur. */
 
-const codeTabs = []; /* { rel, content, dirty } */
+const codeTabs = []; /* { rel, content, dirty, base } — base: temiz (disk) içerik, diff bununla */
 let codeActive = -1;
 
+/* ---------- editör gutter: satır numaraları + değişiklik işaretleri ---------- */
+/* base ↔ mevcut içerik diff'i: eklenen/değişen satırlar YEŞİL, silinenler
+   kısmen/kırmızı çizgiyle (VS Code gutter stili). LCS; satır adedi aşılırsa
+   bölge-bütününü değişmiş sayar (büyük dosyalarda takılmaz). */
+function codeDiffLines(baseText, curText) {
+  const added = new Set();
+  const dels = new Map();
+  if (typeof baseText !== 'string') return { added, dels };
+  const a = baseText.split('\n');
+  const b = String(curText || '').split('\n');
+  let p = 0;
+  while (p < a.length && p < b.length && a[p] === b[p]) p++;
+  let ea = a.length - 1;
+  let eb = b.length - 1;
+  while (ea >= p && eb >= p && a[ea] === b[eb]) { ea--; eb--; }
+  const midA = a.slice(p, ea + 1);
+  const midB = b.slice(p, eb + 1);
+  const n = midA.length;
+  const m = midB.length;
+  if (!n && !m) return { added, dels };
+  const pushDel = (at, count) => {
+    if (!count) return;
+    const line = Math.min(Math.max(1, at), b.length || 1);
+    dels.set(line, (dels.get(line) || 0) + count);
+  };
+  if (n * m > 400000 || n > 1500 || m > 1500) {
+    for (let k = 0; k < m; k++) added.add(p + k + 1);
+    pushDel(p + m + 1, n);
+    return { added, dels };
+  }
+  const w = m + 1;
+  const dp = new Int32Array((n + 1) * w);
+  for (let i = n - 1; i >= 0; i--) {
+    for (let j = m - 1; j >= 0; j--) {
+      dp[i * w + j] =
+        midA[i] === midB[j]
+          ? dp[(i + 1) * w + j + 1] + 1
+          : Math.max(dp[(i + 1) * w + j], dp[i * w + j + 1]);
+    }
+  }
+  let i = 0;
+  let j = 0;
+  let pendingDel = 0;
+  while (i < n && j < m) {
+    if (midA[i] === midB[j]) {
+      pushDel(p + j + 1, pendingDel);
+      pendingDel = 0;
+      i++; j++;
+    } else if (dp[(i + 1) * w + j] >= dp[i * w + j + 1]) {
+      pendingDel++; i++;
+    } else {
+      pushDel(p + j + 1, pendingDel);
+      pendingDel = 0;
+      added.add(p + j + 1);
+      j++;
+    }
+  }
+  while (i < n) { pendingDel++; i++; }
+  while (j < m) {
+    pushDel(p + j + 1, pendingDel);
+    pendingDel = 0;
+    added.add(p + j + 1);
+    j++;
+  }
+  pushDel(p + m + 1, pendingDel);
+  return { added, dels };
+}
+
+function codeGutterRender() {
+  const g = els.codeGutter;
+  const ta = els.codeTa;
+  if (!g || !ta) return;
+  const hasFile = codeActive >= 0 && codeTabs[codeActive];
+  const t = hasFile ? codeTabs[codeActive] : null;
+  const diff = hasFile ? codeDiffLines(t.base, ta.value) : null;
+  /* dosya açık olmasa bile rakamlar HEP görünür (boş editörde 50 satır iskeleti) */
+  const count = hasFile
+    ? ta.value.split('\n').length
+    : 50;
+  let html = '';
+  for (let i = 1; i <= count; i++) {
+    const isAdd = diff && diff.added.has(i);
+    const delN = diff && diff.dels.get(i);
+    html +=
+      `<div class="cl${isAdd ? ' add' : ''}${delN ? ' del' : ''}${hasFile ? '' : ' idle'}"` +
+      (delN ? ` title="${delN} satır silindi"` : '') +
+      `>${i}</div>`;
+  }
+  g.innerHTML = html;
+  g.scrollTop = ta.scrollTop;
+}
+
+let codeGutterTimer = null;
+
 function codeRenderTabs() {
   const bar = els.codeTabs;
   if (!bar) return;
@@ -5786,6 +5963,7 @@ function codeActivate(i) {
     els.codeTa.value = '';
     els.codePath.textContent = '\u2014';
     codeRenderTabs();
+    codeGutterRender();
     return;
   }
   codeActive = i;
@@ -5794,6 +5972,7 @@ function codeActivate(i) {
   els.codePath.textContent = t.rel;
   els.codePath.title = (ideState.path || '') + '\\' + t.rel.replace(/\//g, '\\');
   codeRenderTabs();
+  codeGutterRender();
 }
 
 async function codeOpen(rel) {
@@ -5807,7 +5986,7 @@ async function codeOpen(rel) {
     toast((r && r.error) || 'okunamad\u0131');
     return;
   }
-  codeTabs.push({ rel, content: r.content || '', dirty: false });
+  codeTabs.push({ rel, content: r.content || '', dirty: false, base: r.content || '' });
   codeActivate(codeTabs.length - 1);
   els.codeTa.focus();
 }
@@ -5839,13 +6018,44 @@ async function codeSave() {
   const r = await beast.ideWrite(t.rel, t.content).catch(() => null);
   if (r && r.ok) {
     t.dirty = false;
+    t.base = t.content; /* kaydedildi → diff sıfırlanır (VS Code davranışı) */
     codeRenderTabs();
+    codeGutterRender();
     toast(_t('ide_saved'));
   } else {
     toast((r && r.error) || 'kaydedilemedi');
   }
 }
 
+/* ajan dosyayı YAZINCA açık sekmeyi tazele: eski içerik base olur →
+   ajanın değiştirdiği satırlar gutter'da yeşil/kırmızı görünür */
+const codeWriteWatch = new Map(); /* callId → path */
+async function codeReloadIfOpen(p) {
+  const abs = String(p || '').replace(/\//g, '\\');
+  const root = String(ideState.path || '').replace(/\//g, '\\').replace(/\\+$/, '');
+  let rel = null;
+  if (root && abs.toLowerCase().startsWith(root.toLowerCase() + '\\')) {
+    rel = abs.slice(root.length + 1).replace(/\\/g, '/');
+  } else {
+    const cand = abs.toLowerCase();
+    const hit = codeTabs.find((t) => cand.endsWith('\\' + t.rel.replace(/\//g, '\\').toLowerCase()) || cand === t.rel.replace(/\//g, '\\').toLowerCase());
+    if (!hit) return;
+    rel = hit.rel;
+  }
+  const i = codeTabs.findIndex((t) => t.rel === rel);
+  if (i < 0) return;
+  const t = codeTabs[i];
+  if (t.dirty) return; /* kullanıcının kaydedilmemiş düzenlemesini EZME */
+  const r = await beast.ideRead(t.rel).catch(() => null);
+  if (!r || !r.ok) return;
+  t.base = t.content;           /* eski disk içeriği = diff tabanı */
+  t.content = r.content || '';  /* ajanın yazdığı yeni içerik */
+  if (i === codeActive) {
+    els.codeTa.value = t.content;
+  }
+  codeGutterRender();
+}
+
 $('#ideBtn').addEventListener('click', () => setIdeMode(!ideModeOn()));
 $('#filePick').addEventListener('click', async () => {
   const r = await beast.ideSetRoot().catch(() => null);
@@ -5872,6 +6082,12 @@ if (els.codeTa) {
     codeTabs[codeActive].dirty = true;
     const el = els.codeTabs.children[codeActive];
     if (el) el.classList.add('dirty');
+    /* gutter diff'i hafif gecikmeli — her tuşta LCS koşmasın */
+    clearTimeout(codeGutterTimer);
+    codeGutterTimer = setTimeout(codeGutterRender, 120);
+  });
+  els.codeTa.addEventListener('scroll', () => {
+    if (els.codeGutter) els.codeGutter.scrollTop = els.codeTa.scrollTop;
   });
   els.codeTa.addEventListener('keydown', (e) => {
     if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 's') {
@@ -6230,9 +6446,25 @@ function bcIngest(ev) {
       break;
     case 'tool-start':
       bcToolBoxStart(ev.callId, ev.name, ev.args);
+      /* ajan dosya yazarsa açık IDE sekmesini izlemeye al */
+      if (ev.name === 'write_file' && ev.args && ev.args.path) codeWriteWatch.set(ev.callId, ev.args.path);
       break;
     case 'tool-end':
       bcToolBoxEnd(ev.callId, ev.ok, ev.result);
+      if (codeWriteWatch.has(ev.callId)) {
+        const wp = codeWriteWatch.get(ev.callId);
+        codeWriteWatch.delete(ev.callId);
+        codeReloadIfOpen(wp);
+      }
+      break;
+    case 'bc-mode':
+      /* OpenCode disiplini çalışma modu: başlıkta rozet + panelde bilgi satırı */
+      if (els.bcTitle) {
+        els.bcTitle.textContent =
+          ev.mode === 'plan' ? 'BEAST CODE · PLAN' :
+          ev.mode === 'build' ? 'BEAST CODE · BUILD' : 'BEAST CODE';
+      }
+      bcLine('t-dim', '[' + (ev.body || ev.mode || 'mod değişti') + ']');
       break;
     case 'done':
       bcFlushStream();
@@ -6251,13 +6483,13 @@ function bcIngest(ev) {
       break;
     case 'status':
       /* 'idle' = engine oturumu GERÇEKTEN bıraktı (finally bloğu, her yolda gelir) —
-         done kaçsa bile panel kilitli kalmaz, ■ otomatik kalkar, ring durur */
+         done kaçsa bile panel kilitli kalmaz, ⏳ otomatik kalkar, ring durur */
       if (ev.status === 'idle') {
         bcCloseToolGroup();
         bcSetBusy(false);
         bcRefreshPreview();
       }
-      break;
+      break;
   }
 }
 
@@ -6271,7 +6503,12 @@ function bcRunCurrent() {
   /* sürüyor/serbest kararını main'deki gerçek engine.isBusy verir —
      panel bayat kilitli kaldıysa ilk mesajla kendini düzeltir */
   beast.beastcodeSend(msg).then((r) => {
-    if (r && r.ok) {
+    if (r && r.ok && r.mode) {
+      /* /plan · /build · /auto: mod değişimi — tur AÇILMAZ, kilit anında açılır
+         (bilgi satırı bc-mode olayıyla düşer, başlık rozeti güncellenir) */
+      bcSessionId = r.sessionId;
+      bcSetBusy(false);
+    } else if (r && r.ok) {
       bcSessionId = r.sessionId;
     } else if (r && r.busy) {
       /* iş gerçekten sürüyor — kilit açılmaz, bilgi satırı düşer */
@@ -6306,6 +6543,7 @@ if (els.bcNew) els.bcNew.addEventListener('click', async () => {
     bcCloseToolGroup();
     bcHideTodos();
     bcFlushStream();
+    if (els.bcTitle) els.bcTitle.textContent = 'BEAST CODE';
     bcLine('t-sys', 'yeni oturum — sonraki mesaj taze başlar');
   }
 });

package/src/renderer/style.css

@@ -119,6 +119,9 @@ body {
 }
 .sess:hover { background: var(--panel2); color: var(--text); }
 .sess.active { background: var(--panel2); color: var(--text); box-shadow: inset 2px 0 0 var(--accent); }
+/* sürükle-bırak sıralama görselleri */
+.sess.dragging { opacity: 0.35; }
+.sess.drag-over { box-shadow: inset 0 2px 0 var(--accent); }
 .sess-wa {
   width: 15px;
   height: 15px;
@@ -288,11 +291,15 @@ body.browser-open #topbar { width: auto; }
 /* göz ikonu: gizli modda çapraz çizgi + soluk, görünür modda normal */
 #eyeBtn .eye-slash { display: none; }
 #eyeBtn:not(.on) .eye-slash { display: block; }
-#eyeBtn:not(.on) { opacity: 0.55; }
 #eyeBtn.on { background: var(--accent-dim); color: var(--accent); }
 
-/* internet göstergesi (topbar sağ uç): bağlı = YEŞİL wifi, kopuk = KIRMIZI */
-#netDot { cursor: default; }
+/* internet göstergesi (sol alt sideFoot satırında, ortalanmış): bağlı = YEŞİL wifi, kopuk = KIRMIZI */
+#netDot {
+  display: inline-flex;
+  align-items: center;
+  padding: 3px 7px;
+  cursor: default;
+}
 #netDot.net-on { color: #22c55e; }
 #netDot.net-off { color: #ef4444; }
 #netDot.net-off .net-slash { display: block; }
@@ -934,6 +941,18 @@ body.term-open #settingsOverlay { right: var(--tw, 520px); }
   margin-bottom: 5px;
 }
 #todoPanel .td-count { letter-spacing: 0; font-weight: 700; color: var(--text); }
+#todoPanel .td-right { display: flex; align-items: center; gap: 8px; }
+/* sağ köşe kapatma (×): yalnız bu listeyi gizler — yeni güncellemede yine görünür */
+#todoPanel .td-x {
+  border: none;
+  background: none;
+  color: var(--muted);
+  font-size: 14px;
+  line-height: 1;
+  padding: 0 3px;
+  cursor: pointer;
+}
+#todoPanel .td-x:hover { color: var(--err); }
 #todoPanel .td-row {
   display: flex;
   align-items: baseline;
@@ -2424,6 +2443,41 @@ body.ide-mode #codePane { display: flex; }
   line-height: 1.4;
 }
 #codeSave:hover { color: var(--accent); border-color: var(--accent); background: var(--panel2); }
+#codeBody { flex: 1; display: flex; min-height: 0; }
+#codeGutter {
+  flex: none;
+  width: 56px;
+  overflow: hidden;
+  user-select: none;
+  font-family: Consolas, "Cascadia Mono", monospace;
+  font-size: 12.5px;
+  line-height: 20px;
+  padding: 12px 0;
+  background: var(--panel);
+  border-right: 1px solid var(--border);
+  text-align: right;
+  color: var(--muted);
+}
+#codeGutter .cl { height: 20px; padding-right: 8px; position: relative; }
+/* VS Code tarzı değişiklik işaretleri: değişen satır YEŞİL, silinen kırmızı çizgi */
+#codeGutter .cl.add {
+  background: rgba(34, 197, 94, 0.16);
+  box-shadow: inset 2px 0 0 #22c55e;
+  color: #16a34a;
+  font-weight: 700;
+}
+#codeGutter .cl.del { box-shadow: inset 2px 0 0 #ef4444; }
+#codeGutter .cl.del::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 2px;
+  background: #ef4444;
+}
+/* dosya açık değilken boş editör iskelet rakamları daha sönük */
+#codeGutter .cl.idle { opacity: 0.45; }
 #codeTa {
   flex: 1;
   resize: none;
@@ -2434,7 +2488,9 @@ body.ide-mode #codePane { display: flex; }
   padding: 12px 14px;
   font-family: Consolas, "Cascadia Mono", monospace;
   font-size: 12.5px;
-  line-height: 1.55;
+  line-height: 20px;
+  white-space: pre;
+  overflow: auto;
 }
 /* dikey scrollbar hep görünür, tutulabilir ve imleç değişsin */
 #codeTa::-webkit-scrollbar {

package/.env.example

@@ -1,8 +0,0 @@
-# Beast Agent API anahtarları örneği.
-# Kullanım: bu dosyayı %APPDATA%\beast\.env olarak kopyala ve anahtarlarını gir.
-# Bu dosya config.yaml'daki key_env alanlarıyla eşleşir;
-# key_env yoksa <PROVIDER_ID>_API_KEY denenir (örn. zhipu -> ZHIPU_API_KEY).
-
-OPENCODE_API_KEY=
-ZHIPU_API_KEY=
-OPENAI_API_KEY=

package/config.example.yaml

@@ -1,39 +0,0 @@
-# Beast Agent sağlayıcı yapılandırması örneği.
-# Kullanım: bu dosyayı %APPDATA%\beast\config.yaml olarak kopyala ve düzenle.
-# (Taşınabilir kullanım için BEAST_DATA ortam değişkeni ile başka klasöre alabilirsin.)
-
-# ÖNERİLEN: OpenCode Zen — ücretsiz modeller, kredi kartı gerekmez (opencode.ai/auth)
-providers:
-  opencode:
-    name: OpenCode Zen
-    base_url: https://opencode.ai/zen/v1
-    key_env: OPENCODE_API_KEY
-    models:
-      glm-5.2: {}
-      kimi-k2.7-code: {}
-      deepseek-v4-flash-free: {}
-      big-pickle: {}
-      minimax-m3: {}
-  # OpenCode Go aboneliğin varsa base_url: https://opencode.ai/zen/go/v1 kullan.
-
-  zhipu:
-    name: Zhipu AI
-    base_url: https://api.z.ai/api/paas/v4
-    key_env: ZHIPU_API_KEY
-    models:
-      glm-4.6: {}
-      glm-4.5-air: {}
-
-  openai:
-    name: OpenAI
-    base_url: https://api.openai.com/v1
-    key_env: OPENAI_API_KEY
-    models:
-      gpt-4o-mini: {}
-      gpt-4o: {}
-
-model:
-  provider: opencode  # varsayılan provider id (yoksa ilk provider kullanılır)
-  default: glm-5.2    # varsayılan model
-  # base_url: ...      # istersen aktif provider'ın URL'ini override et
-  # key_env: ...       # istersen anahtarı farklı env'den oku