feat: çift panel artık bilgisayar ↔ sunucu aktarımını da destekler [minor]

- Sağ panelde "💻 Bu Bilgisayar (yerel)" seçeneği (yalnızca masaüstü uygulamada)
- Yerel klasör gez (window.desktop.listDir); 📤 Sola gönder = yerel → aktif sunucuya
  yükle (/api/upload-local), 📥 Soldan al = sunucu → yerel klasöre indir
- Yeni IPC: fs:download (URL'yi yerel klasöre akıtarak kaydeder, çakışmada ad-(n))
  electron/preload.js downloadToDir + electron/main.js fs:download
- dual-pane.js mode: "remote" | "local"; breadcrumb/up yerel yollara uyarlandı
- CHANGELOG + README güncellendi

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: serkancakmakk

CHANGELOG.md

@@ -13,7 +13,7 @@
 - 🐳 **Docker Compose:** "Docker → Compose" sekmesinde compose projelerini (stack) çalışan/toplam sayısıyla gör; **up / down / restart / stop / pull** ile yönet.
 
 **Bağlantı & güvenlik — yeni**
-- 🗂️ **Çoklu panel (split-pane):** Araç çubuğunda **Çift Panel** ile sağ tarafta ikinci bir bağlı sunucuyu yan yana aç; **Sol ➡ Sağ / Sol ⬅ Sağ** düğmeleriyle seçili dosyaları iki sunucu arasında doğrudan aktar (FileZilla tarzı).
+- 🗂️ **Çoklu panel (split-pane):** Araç çubuğunda **Çift Panel** ile sağ tarafta ikinci bir bağlı sunucuyu **ya da bu bilgisayarı (yerel, masaüstü uygulamasında)** yan yana aç; **📥 Soldan al / 📤 Sola gönder** ile dosyaları **sunucu↔sunucu** veya **bilgisayar↔sunucu** doğrudan aktar (FileZilla tarzı). Her iki panelin kimliği ve eylem üstte açıkça yazılı.
 - 📜 **İşlem günlüğü (audit):** Sidebar → "İşlem Günlüğü" ile hangi sunucuya ne zaman bağlanıldı, hangi dosya silindi/taşındı/kopyalandı/yeniden adlandırıldı/arşivlendi/aktarıldı — zaman damgalı kayıt; temizlenebilir.
 - 🛠️ **Bağlantı düzenleme:** Kayıtlı bir sunucunun üzerine gelip ✎ ile **host/port/kullanıcı/ad/grup/protokol** bilgilerini silmeden güncelle (parola/anahtar korunur).
 - 🔑 **SSH anahtarı üret & kur:** "Sunucu Araçları → SSH" ile sunucuda ed25519 anahtar çifti üret, açık anahtarı `authorized_keys`'e ekle; özel anahtarı kopyalayıp bağlantına kaydederek parolasız bağlan.

README.md

@@ -76,7 +76,7 @@ Bağlantılar ve dosya işlemleri zaman damgalı kayıt.
 - **Kopyala / Kes / Yapıştır**, yeni klasör, yeniden adlandırma / taşıma, özyinelemeli silme (ilerleme çubuğu)
 - **İzinler (chmod)** ve **Özellikler** paneli (sahip/grup, sekizlik+simgesel izin, özyinelemeli boyut)
 - **Önizleme:** resim ve PDF'i indirmeden pencerede gör · **yerleşik metin düzenleyici** (`Ctrl/Cmd+S`)
-- **Sunucudan sunucuya aktarım** ve **çift panel (split-pane):** iki sunucuyu yan yana açıp aralarında aktar
+- **Sunucudan sunucuya aktarım** ve **çift panel (split-pane):** iki sunucuyu — ya da **bu bilgisayarı (yerel ↔ sunucu, masaüstünde)** — yan yana açıp aralarında aktar
 - Sol kenar çubuğunda **sık kullanılanlar**, hızlı erişim ve **disk kullanım** göstergesi
 
 ### 🐳 Docker yönetimi

electron/main.js

@@ -258,6 +258,33 @@ ipcMain.handle("fs:list", (_e, dir) => {
   }
 });
 
+// Uzak bir indirme URL'sini yerel klasöre kaydet (çift panel: sunucu → bu bilgisayar).
+// URL yerel Express sunucusunu işaret eder (http://127.0.0.1:<port>/api/download…).
+ipcMain.handle("fs:download", async (_e, { url, dir, name }) => {
+  try {
+    if (!url || !dir || !name) return { ok: false, error: "Eksik parametre." };
+    const safe = String(name).replace(/[\\/]/g, "_") || "indirme";
+    let dest = path.join(dir, safe);
+    // Üzerine yazmamak için gerekiyorsa numara ekle (ad (1).ext …)
+    if (fs.existsSync(dest)) {
+      const ext = path.extname(safe), base = path.basename(safe, ext);
+      let i = 1;
+      while (fs.existsSync(path.join(dir, `${base} (${i})${ext}`))) i++;
+      dest = path.join(dir, `${base} (${i})${ext}`);
+    }
+    const res = await fetch(url);
+    if (!res.ok || !res.body) return { ok: false, error: "HTTP " + res.status };
+    const { Readable } = require("stream");
+    const ws = fs.createWriteStream(dest);
+    await new Promise((resolve, reject) => {
+      Readable.fromWeb(res.body).pipe(ws).on("finish", resolve).on("error", reject);
+    });
+    return { ok: true, path: dest };
+  } catch (e) {
+    return { ok: false, error: e.message };
+  }
+});
+
 // Güncelleme denetle: paketliyse electron-updater, değilse GitHub API bilgisi
 ipcMain.handle("app:check-update", async (_e, opts) => {
   const silent = !!(opts && opts.silent);

electron/preload.js

@@ -18,6 +18,9 @@ contextBridge.exposeInMainWorld("desktop", {
   // Uygulama içi yerel gezgin: ev klasörü ve klasör listeleme.
   homeDir: () => ipcRenderer.invoke("fs:home"),
   listDir: (p) => ipcRenderer.invoke("fs:list", p),
+  // Bir URL'yi (uzak dosya indirme ucu) yerel bir klasöre kaydet — çift panel
+  // "Soldan al" (sunucu → bu bilgisayar) için.
+  downloadToDir: (url, dir, name) => ipcRenderer.invoke("fs:download", { url, dir, name }),
   // Biyometrik (macOS Touch ID) — uygulama kilidi için
   biometricAvailable: () => ipcRenderer.invoke("lock:biometric-available"),
   biometricPrompt: (reason) => ipcRenderer.invoke("lock:biometric-prompt", reason),

public/js/dual-pane.js

@@ -1,76 +1,120 @@
-// Çift panel (split-pane) — sağ tarafta ikinci bir bağlı sunucuyu gezdirir ve
-// sol (aktif) panelle arasında sürükle-bırak/düğme ile aktarım yapar.
-// Aktarım var olan /api/transfer-remote (sunucudan sunucuya relay) ile yapılır.
+// Çift panel (split-pane) — sağ tarafta İKİNCİ BİR SUNUCUYU ya da BU BİLGİSAYARI
+// (yerel, yalnızca masaüstü uygulamasında) gezdirir ve sol (aktif) sunucuyla arasında
+// dosya aktarır.
+//   • Sunucu ↔ sunucu: /api/transfer-remote (relay)
+//   • Yerel → sunucu:  /api/upload-local (yükleme)
+//   • Sunucu → yerel:  window.desktop.downloadToDir (indirme, masaüstü)
 import { $, escapeHtml, toast } from "./dom.js";
 import { connections, activeConnId, session, cwd } from "./state.js";
 import { navigate, joinPath, fmtSize, fmtDate, checkedItems } from "./explorer.js";
 import { runTransfer } from "./transfer-remote.js";
 import { enqueueTransfer } from "./transfer-queue.js";
 
+const LOCAL = "__local__";
 let isOpen = false;
-const dp = { connId: null, tok: null, cwd: "/", items: [] };
+// mode: "remote" | "local"
+const dp = { mode: "remote", connId: null, tok: null, cwd: "/", parent: null, items: [] };
 
+const isDesktop = () => !!(window.desktop && window.desktop.isDesktop && window.desktop.listDir);
 function listConns() { return connections.filter((c) => c.session); }
 function connLabel(c) { return (c.info && (c.info.name || `${c.info.username}@${c.info.host}`)) || c.id; }
 function activeConn() { return connections.find((c) => c.id === activeConnId); }
 function activeLabel() { const c = activeConn(); return c ? connLabel(c) : "aktif sunucu"; }
+function rightLabel() {
+  if (dp.mode === "local") return "💻 Bu Bilgisayar";
+  return dp.connId ? connLabel(connections.find((c) => c.id === dp.connId) || {}) : "—";
+}
 
 // İki panelin kim olduğunu ve ne yapılacağını açıkça yaz.
 function setHint() {
   const el = $("dp-xfer-hint");
   if (!el) return;
-  const right = dp.connId ? connLabel(connections.find((c) => c.id === dp.connId) || {}) : "—";
-  const same = dp.tok && activeConn() && activeConn().session === dp.tok;
+  const same = dp.mode === "remote" && dp.tok && activeConn() && activeConn().session === dp.tok;
   el.innerHTML =
     `<span class="dp-side"><b>◀ Sol</b> (senin gezginin): ${escapeHtml(activeLabel())}</span>` +
-    `<span class="dp-side"><b>Sağ ▶</b>: ${escapeHtml(right)}</span>` +
+    `<span class="dp-side"><b>Sağ ▶</b>: ${escapeHtml(rightLabel())}</span>` +
     (same
       ? `<span class="dp-warn">⚠ İki panel aynı sunucu — aktarım için farklı bir sunucu seç.</span>`
       : `<span class="dp-tip">Aktarmak için dosyaları <b>kutucukla seç</b>, sonra <b>📥 Soldan al</b> / <b>📤 Sola gönder</b>.</span>`);
 }
 
-async function listDir(tok, path) {
-  const res = await fetch("/api/list?path=" + encodeURIComponent(path), { headers: tok ? { "x-session": tok } : {} });
+async function listRemote(tok, p) {
+  const res = await fetch("/api/list?path=" + encodeURIComponent(p), { headers: tok ? { "x-session": tok } : {} });
   if (!res.ok) { let e = "Listelenemedi"; try { e = (await res.json()).error || e; } catch (_) {} throw new Error(e); }
   return res.json();
 }
 
 function populateSelect() {
   const sel = $("dp-conn");
   const conns = listConns();
-  sel.innerHTML = conns.map((c) => `<option value="${escapeHtml(c.id)}">${escapeHtml(connLabel(c))}</option>`).join("");
-  // Var olan seçimi koru; yoksa aktif olmayan ilk bağlantıyı seç.
-  if (dp.connId && conns.some((c) => c.id === dp.connId)) sel.value = dp.connId;
+  let html = conns.map((c) => `<option value="${escapeHtml(c.id)}">${escapeHtml(connLabel(c))}</option>`).join("");
+  if (isDesktop()) html += `<option value="${LOCAL}">💻 Bu Bilgisayar (yerel)</option>`;
+  sel.innerHTML = html;
+  // Var olan seçimi koru; yoksa aktif olmayan ilk sunucu, o da yoksa yerel.
+  if (dp.mode === "local") sel.value = LOCAL;
+  else if (dp.connId && conns.some((c) => c.id === dp.connId)) sel.value = dp.connId;
   else {
     const pref = conns.find((c) => c.id !== activeConnId) || conns[0];
     if (pref) sel.value = pref.id;
+    else if (isDesktop()) sel.value = LOCAL;
   }
 }
 
 async function setConn(id) {
+  if (id === LOCAL) {
+    dp.mode = "local"; dp.connId = null; dp.tok = null;
+    let home = "/"; try { home = await window.desktop.homeDir(); } catch (_) {}
+    dp.cwd = home;
+    setHint();
+    return loadLocal(home);
+  }
   const c = connections.find((x) => x.id === id);
   if (!c) return;
-  dp.connId = id; dp.tok = c.session; dp.cwd = c.homePath || "/";
+  dp.mode = "remote"; dp.connId = id; dp.tok = c.session; dp.cwd = c.homePath || "/"; dp.parent = null;
   setHint();
   await loadDp();
 }
 
 async function loadDp() {
+  if (dp.mode === "local") return loadLocal(dp.cwd);
   const list = $("dp-list");
   list.innerHTML = `<div class="dk-msg">Yükleniyor…</div>`;
   if (!dp.tok) { list.innerHTML = `<div class="dk-msg">Sağ panel için bir sunucu seç.</div>`; renderBread(); return; }
   try {
-    const data = await listDir(dp.tok, dp.cwd);
+    const data = await listRemote(dp.tok, dp.cwd);
     dp.cwd = data.path;
-    dp.items = data.items || [];
+    dp.items = (data.items || []).map((i) => ({ name: i.name, type: i.type, size: i.size, mtime: i.mtime }));
     render();
   } catch (e) { list.innerHTML = `<div class="dk-msg">Hata: ${escapeHtml(e.message)}</div>`; }
 }
 
+async function loadLocal(target) {
+  const list = $("dp-list");
+  list.innerHTML = `<div class="dk-msg">Yükleniyor…</div>`;
+  let r;
+  try { r = await window.desktop.listDir(target); } catch (e) { r = { ok: false, error: e.message }; }
+  if (!r || !r.ok) { list.innerHTML = `<div class="dk-msg">Klasör açılamadı: ${escapeHtml((r && r.error) || "?")}</div>`; return; }
+  dp.cwd = r.path; dp.parent = r.parent;
+  const sep = r.path.includes("\\") ? "\\" : "/";
+  dp.items = (r.entries || []).map((e) => ({
+    name: e.name, type: e.isDir ? "dir" : "file", size: e.size || 0, mtime: e.mtime || 0,
+    abs: r.path.replace(/[\\/]+$/, "") + sep + e.name,
+  }));
+  render();
+}
+
 function renderBread() {
   const bc = $("dp-bread");
   if (!bc) return;
   bc.innerHTML = "";
+  if (dp.mode === "local") {
+    // Yerel: yol metni + (varsa) üst klasör kısayolu — segment yeniden kurmak yerine güvenli.
+    const span = document.createElement("span");
+    span.className = "crumb dp-localpath";
+    span.textContent = "💻 " + dp.cwd;
+    bc.appendChild(span);
+    return;
+  }
   const mk = (label, path) => {
     const s = document.createElement("span");
     s.className = "crumb";
@@ -110,37 +154,75 @@ function render() {
     cb._item = item;
     cb.addEventListener("click", (e) => e.stopPropagation());
     if (item.type === "dir" || item.type === "link") {
-      row.addEventListener("dblclick", () => { dp.cwd = joinPath(dp.cwd, item.name); loadDp(); });
+      row.addEventListener("dblclick", () => {
+        if (dp.mode === "local") loadLocal(item.abs);
+        else { dp.cwd = joinPath(dp.cwd, item.name); loadDp(); }
+      });
     }
     list.appendChild(row);
   });
 }
 
-function dpSelectedPaths() {
-  return Array.from($("dp-list").querySelectorAll(".dp-check:checked")).map((cb) => joinPath(dp.cwd, cb._item.name));
+// Seçili sağ-panel öğeleri (item nesneleri)
+function dpSelectedItems() {
+  return Array.from($("dp-list").querySelectorAll(".dp-check:checked")).map((cb) => cb._item);
 }
 
-// Sol (aktif) → Sağ (dp)
+// ---- 📥 Soldan al: sol (aktif sunucu) seçilenleri → sağ panele ----
 function transferLeftToRight() {
+  const items = checkedItems();
+  if (!items.length) return toast("Sol panelde aktarılacak öğe seç (kutucukla).", true);
+
+  if (dp.mode === "local") {
+    // Sunucu → yerel klasöre indir (masaüstü)
+    const destDir = dp.cwd;
+    enqueueTransfer(`İndir → 💻 ${destDir} (${items.length})`, async () => {
+      let ok = 0, fail = 0;
+      for (const it of items) {
+        const full = joinPath(cwd, it.name);
+        const isDir = it.type === "dir";
+        const url = `${location.origin}/api/${isDir ? "download-folder" : "download"}?session=${encodeURIComponent(session)}&path=${encodeURIComponent(full)}`;
+        const name = isDir ? it.name + ".tar.gz" : it.name;
+        try {
+          const r = await window.desktop.downloadToDir(url, destDir, name);
+          if (r && r.ok) ok++; else fail++;
+        } catch (_) { fail++; }
+      }
+      toast(fail ? `${ok} indirildi, ${fail} başarısız` : `${ok} öğe indirildi → ${destDir}`, !!fail);
+      loadLocal(destDir);
+    });
+    return;
+  }
+
+  // Sunucu → sunucu
   if (!dp.tok) return toast("Önce sağ panel için sunucu seç.", true);
-  const sel = checkedItems().map((it) => joinPath(cwd, it.name));
-  if (!sel.length) return toast("Sol panelde aktarılacak öğe seç (kutucukla).", true);
-  const c = connections.find((x) => x.id === activeConnId);
+  const c = activeConn();
   if (c && c.session === dp.tok) return toast("İki panel aynı sunucu — farklı bir sunucu seç.", true);
-  const rightName = connLabel(connections.find((x) => x.id === dp.connId) || {});
-  enqueueTransfer(`Soldan al → ${rightName} (${sel.length})`, async () => {
+  const sel = items.map((it) => joinPath(cwd, it.name));
+  enqueueTransfer(`Soldan al → ${rightLabel()} (${sel.length})`, async () => {
     await runTransfer(session, dp.tok, dp.cwd, sel);
     loadDp();
   });
 }
 
-// Sağ (dp) → Sol (aktif)
+// ---- 📤 Sola gönder: sağ panel seçilenleri → sol (aktif sunucu) ----
 function transferRightToLeft() {
+  const items = dpSelectedItems();
+  if (!items.length) return toast("Sağ panelde aktarılacak öğe seç (kutucukla).", true);
+
+  if (dp.mode === "local") {
+    // Yerel → aktif sunucunun açık klasörüne yükle
+    const abs = items.map((it) => it.abs).filter(Boolean);
+    enqueueTransfer(`Yükle → ${activeLabel()} (${abs.length})`, () =>
+      import("./local-explorer.js").then((m) => m.uploadLocalPaths(abs, abs)));
+    return;
+  }
+
+  // Sunucu → sunucu
   if (!dp.tok) return toast("Önce sağ panel için sunucu seç.", true);
-  const sel = dpSelectedPaths();
-  if (!sel.length) return toast("Sağ panelde aktarılacak öğe seç (kutucukla).", true);
-  const c = connections.find((x) => x.id === activeConnId);
+  const c = activeConn();
   if (c && c.session === dp.tok) return toast("İki panel aynı sunucu — farklı bir sunucu seç.", true);
+  const sel = items.map((it) => joinPath(dp.cwd, it.name));
   enqueueTransfer(`Sola gönder → ${activeLabel()} (${sel.length})`, async () => {
     await runTransfer(dp.tok, session, cwd, sel);
     navigate(cwd, false);
@@ -155,11 +237,10 @@ function toggle() {
   pane.hidden = !isOpen;
   $("btn-split").classList.toggle("active", isOpen);
   if (!isOpen) return;
-  // Sol tarafta panel (dashboard) açıksa dosya gezginine geç — yoksa kullanıcı
-  // kendi dosyalarını göremez ve aktarım için seçim yapamaz.
+  // Sol tarafta panel (dashboard) açıksa dosya gezginine geç.
   import("./dashboard.js").then((m) => m.showFilesView()).catch(() => {});
-  if (listConns().length < 2)
-    toast("Çift panel için ikinci bir sunucuya bağlan (yeni sekmede). Tek sunucu arasında aktarım yapılamaz.", true);
+  if (listConns().length < 2 && !isDesktop())
+    toast("Çift panel için ikinci bir sunucuya bağlan (yeni sekmede).", true);
   setHint();
   populateSelect();
   const id = $("dp-conn").value;
@@ -173,6 +254,7 @@ export function initDualPane() {
   $("dp-close").addEventListener("click", () => { if (isOpen) toggle(); });
   $("dp-refresh").addEventListener("click", loadDp);
   $("dp-up").addEventListener("click", () => {
+    if (dp.mode === "local") { if (dp.parent) loadLocal(dp.parent); return; }
     if (dp.cwd === "/") return;
     dp.cwd = dp.cwd.replace(/\/[^/]+\/?$/, "") || "/";
     loadDp();

public/style.css

@@ -3399,6 +3399,8 @@ body.locked { overflow: hidden; }
 .dp-bread .crumb { cursor: pointer; color: var(--accent-2); padding: 1px 4px; border-radius: 5px; }
 .dp-bread .crumb:hover { background: var(--hover); }
 .dp-bread .sep { color: var(--muted); }
+.dp-bread .dp-localpath { cursor: default; color: var(--text); font-weight: 600; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.dp-bread .dp-localpath:hover { background: none; }
 .dp-transfer { display: flex; gap: 8px; padding: 8px 10px 6px; }
 .dp-transfer .tbtn { flex: 1; }
 .dp-xfer-hint {