@brftech/filex-core 0.5.0 → 0.7.0

package/src/FileExplorer.vue

@@ -42,6 +42,7 @@ import RecentlyOpened from './components/RecentlyOpened.vue';
 import Breadcrumb from './components/Breadcrumb.vue';
 import ListView from './components/ListView.vue';
 import GridView from './components/GridView.vue';
+import GalleryView from './components/GalleryView.vue'; /* wiring:d2 */
 import ContextMenu, { type ContextAction } from './components/ContextMenu.vue';
 import UploadProgress from './components/UploadProgress.vue';
 import PendingOpsTray from './components/PendingOpsTray.vue';
@@ -65,6 +66,25 @@ import { useOperations } from './composables/useOperations';
 /* wiring:c4 */
 import OnboardingTour from './components/OnboardingTour.vue';
 /* /wiring:c4 */
+/* wiring:d1 — sekmeler + tab başına split */
+import TabBar from './components/TabBar.vue';
+import SecondaryPane from './components/SecondaryPane.vue';
+import { useTabs, type TabState } from './composables/useTabs';
+/* /wiring:d1 */
+/* wiring:e2 — uçtan uca şifreli klasörler (docs/E2E-ENCRYPTION.md) */
+import EncryptedFolderModal from './components/EncryptedFolderModal.vue';
+import {
+  createKeyRing,
+  createMarker,
+  parseMarker,
+  verifyPassword,
+  encryptFile,
+  decryptFile,
+  hasMagic,
+  E2E_MARKER_NAME,
+  E2E_MAX_FILE_BYTES,
+} from './lib/e2ecrypto';
+/* /wiring:e2 */
 
 import NewFolderModal from './modals/NewFolderModal.vue';
 import RenameModal from './modals/RenameModal.vue';
@@ -167,6 +187,7 @@ const pendingOps = usePendingOps(props.config, api, {
       flashToast(`${verb} (${op.progress_total})`);
     }
     void load();
+    void splitPaneRef.value?.reload(); /* wiring:d1 — ikincil panel de tazelenir */
   },
 });
 
@@ -206,7 +227,7 @@ const viewMode = customRef<ViewMode>((track, trigger) => {
   let value: ViewMode = (() => {
     try {
       const stored = localStorage.getItem(VIEW_MODE_KEY);
-      if (stored === 'list' || stored === 'grid') return stored;
+      if (stored === 'list' || stored === 'grid' || stored === 'gallery') return stored; /* wiring:d2 */
     } catch {
       /* private mode */
     }
@@ -664,6 +685,7 @@ async function load(path?: string) {
       currentPath.value = '';
       adapter.value = '';
       dirname.value = '';
+      e2eRoot.value = ''; /* wiring:e2 — sanal kökte kilit ekranı olmaz */
       files.value = virtualStorageRows();
       return;
     }
@@ -678,11 +700,16 @@ async function load(path?: string) {
     adapter.value = resp.adapter;
     dirname.value = resp.dirname;
     dirPerm.value = (resp.perm as string) || '';
+    /* wiring:e2 — backend tells us when this dir sits inside an encrypted
+       subtree; '' resets on every plain folder. Drives the lock screen. */
+    e2eRoot.value = typeof resp.e2e_root === 'string' ? resp.e2e_root : '';
+    /* /wiring:e2 */
     files.value = (resp.files || []).filter((f) => {
       if (f.path.includes('.thumbs')) return false;
       if (f.path.includes('.versions') || f.basename === '.versions') return false;
       if (f.basename === '.trash') return false;
       if (f.basename === '.keepdir') return false;
+      if (f.basename === E2E_MARKER_NAME) return false; /* wiring:e2 — marker gizli */
       return true;
     });
     // Inject virtual `.trash` entry at root only.
@@ -718,6 +745,7 @@ async function load(path?: string) {
       // show the dedicated not-found state instead of a toast over a stale
       // listing that reads as "this folder is empty".
       notFoundPath.value = String(requested);
+      e2eRoot.value = ''; /* wiring:e2 — ölü linkte kilit ekranı kalmasın */
       files.value = [];
       emit('error', { message: e, context: { path } });
       return;
@@ -784,6 +812,7 @@ async function loadTrash() {
   loading.value = true;
   trashOrigin.value = adapter.value || '';
   trashMode.value = true;
+  e2eRoot.value = ''; /* wiring:e2 — çöp görünümü şifreli bağlamın dışındadır */
   selection.clear();
   try {
     const { entries } = await api.listTrash();
@@ -1084,8 +1113,9 @@ useKeyboardShortcuts(rootEl, {
       showRename.value = true;
     }
   },
-  onSelectAll: () => selection.selectAll(),
+  onSelectAll: () => (paneIsActive.value ? splitPaneRef.value?.selectAll() : selection.selectAll()) /* wiring:d1 pane-route */,
   onOpen: () => {
+    if (paneIsActive.value) return splitPaneRef.value?.openSelected(); /* wiring:d1 pane-route */
     const n = selection.nodes.value[0];
     if (n) openNode(n);
   },
@@ -1102,10 +1132,10 @@ useKeyboardShortcuts(rootEl, {
     if (isNarrow.value) closeInspector();
   },
   onFocusSearch: () => toolbarRef.value?.focusSearch(),
-  onCut: () => cut(),
-  onCopy: () => copyToClipboard(),
-  onPaste: () => paste(),
-  onGoUp: () => goUp(),
+  onCut: () => (paneIsActive.value ? paneCut() : cut()) /* wiring:d1 pane-route */,
+  onCopy: () => (paneIsActive.value ? paneCopy() : copyToClipboard()) /* wiring:d1 pane-route */,
+  onPaste: () => (paneIsActive.value ? void panePaste() : void paste()) /* wiring:d1 pane-route */,
+  onGoUp: () => (paneIsActive.value ? splitPaneRef.value?.goUp() : goUp()) /* wiring:d1 pane-route */,
   /* cila:c wiring */
   onPathJump: () => {
     showPalette.value = true;
@@ -1116,6 +1146,12 @@ useKeyboardShortcuts(rootEl, {
   /* /cila:c wiring */
   onQuickLook: () => quickLookToggle() /* wiring:c2 */,
   onToggleInspector: () => toggleInspector() /* koru:k1 */,
+  /* wiring:d1 — sekme aksiyonları (registry: tab-new/close/next/prev) */
+  onTabNew: () => newTabHere(),
+  onTabClose: () => closeTabById(tabsActiveId.value),
+  onTabNext: () => nextTab(),
+  onTabPrev: () => prevTab(),
+  /* /wiring:d1 */
   hasSelection: () => !selection.isEmpty.value,
 });
 
@@ -1159,6 +1195,15 @@ function openNode(n: FileNode) {
     void load(target);
     return;
   }
+  /* wiring:e2 — şifreli klasörde dosya açma: kilit açıksa çöz + salt-okunur
+     önizleme (blob URL mevcut viewer'lara gider); kilitliyken hiçbir şey
+     açılmaz (kilit ekranı zaten listeyi kapatır). */
+  if (e2eUnlocked.value && n.type === 'file') {
+    void e2eOpenPreview(n);
+    return;
+  }
+  if (e2eLocked.value && n.type === 'file') return;
+  /* /wiring:e2 */
   // "Aç" / double-click contract: open in a new tab against the
   // standalone editor route, regardless of file type. The editor page
   // picks the right viewer (OnlyOffice for office, Monaco for code/
@@ -1234,6 +1279,12 @@ async function restoreSelection(targets?: FileNode[]) {
 }
 
 function previewNode(n: FileNode) {
+  /* wiring:e2 — önizleme de çözülmüş blob'dan beslenir */
+  if (e2eUnlocked.value && n.type === 'file') {
+    void e2eOpenPreview(n);
+    return;
+  }
+  /* /wiring:e2 */
   previewMode.value = 'view';
   previewTarget.value = n;
   showPreview.value = true;
@@ -1255,6 +1306,13 @@ function openNodeInNewTab(n: FileNode) {
     void load(target);
     return;
   }
+  /* wiring:e2 — standalone editör rotası sunucudan HAM (şifreli) baytı
+     çeker; şifreli klasörde her "Aç" in-page çözülmüş önizlemeye iner. */
+  if (e2eActive.value) {
+    if (e2eUnlocked.value) void e2eOpenPreview(n);
+    return;
+  }
+  /* /wiring:e2 */
   // RBAC: a viewer (no edit on this item) can't use the editable "Aç"
   // surface — drop to the read-only in-page preview instead.
   if (!permCanEdit((n.perm as string) ?? dirPerm.value)) {
@@ -1370,6 +1428,7 @@ const contextActions = computed<ContextAction[]>(() => {
     if (!single) return [];
     return [
       { key: 'open', label: t('ctx.open'), icon: '↗' },
+      { key: 'open-tab', label: t('ctx.open_new_tab'), icon: '⧉' } /* wiring:d1 */,
     ];
   }
 
@@ -1410,10 +1469,11 @@ function selectionActionList(sel: FileNode[]): ContextAction[] {
   const accessLabel = locale.value === 'en' ? 'Share / Permissions' : 'Paylaş / İzinler';
   return [
     { key: 'open', label: t('ctx.open'), icon: '↗', hidden: !single },
+    { key: 'open-tab', label: t('ctx.open_new_tab'), icon: '⧉', hidden: !single || sel[0]?.type !== 'dir' } /* wiring:d1 — klasörü yeni sekmede aç */,
     { key: 'preview', label: t('ctx.preview'), icon: '👁', hidden: !single, disabled: !isFile },
     { key: 'download', label: t('ctx.download'), icon: '⬇', hidden: !single, disabled: !isFile },
-    { key: 'convert', label: t('ctx.convert'), icon: '🔄', hidden: !single || !effectiveConvertUrl.value || !w, disabled: !isFile },
-    { key: 'access', label: accessLabel, icon: '🔗', hidden: !single || !w },
+    { key: 'convert', label: t('ctx.convert'), icon: '🔄', hidden: !single || !effectiveConvertUrl.value || !w || e2eActive.value /* wiring:e2 — convert ciphertext'e anlamsız */, disabled: !isFile },
+    { key: 'access', label: accessLabel, icon: '🔗', hidden: !single || !w || e2eActive.value /* wiring:e2 — paylaşım MVP'de kapalı (link ciphertext verir) */ },
     { key: 'details', label: t('ctx.details'), icon: 'ℹ', hidden: !any } /* koru:k1 */,
     { key: 'copy-id', label: copyIdLabel, icon: '🆔', hidden: !singleHasId, disabled: !singleHasId },
     { divider: true, key: 'sep1', label: '', hidden: !w },
@@ -1535,6 +1595,11 @@ async function dispatchItemAction(key: string, targets: FileNode[]) {
     case 'duplicate':
       if (targets[0]) await duplicate(targets[0]);
       break;
+    /* wiring:d1 — sağ-tık "Yeni sekmede aç" */
+    case 'open-tab':
+      if (targets[0]) openNodeInTab(targets[0]);
+      break;
+    /* /wiring:d1 */
   }
 }
 
@@ -1590,6 +1655,13 @@ async function duplicate(n: FileNode) {
 }
 
 function downloadFile(n: FileNode) {
+  /* wiring:e2 — şifreli klasörde indirme: baytları çek, çöz, orijinal adla
+     kaydet (ham ciphertext'i kullanıcıya vermek anlamsız). */
+  if (e2eUnlocked.value) {
+    void e2eDownload(n);
+    return;
+  }
+  /* /wiring:e2 */
   // Keep `<adapter>://<rel>` so backend resolves the right storage
   // (stripping it would default to the first storage, which 404s for
   // any non-default storage like S3/SFTP/WebDAV).
@@ -1742,6 +1814,18 @@ function onFilePicked(ev: Event) {
 
 async function uploadFiles(list: File[]) {
   if (list.length === 0) return;
+  /* wiring:e2 — şifreli klasörde upload şeffaf şifrelenir. Kilitliyken
+     yükleme yok (düz metin sızdırma kapısı olurdu); 200MB üstü MVP
+     tek-shot sınırına takılır ve uyarıyla atlanır. */
+  if (e2eLocked.value) {
+    flashToast(t('e2e.upload.locked'));
+    return;
+  }
+  if (e2eUnlocked.value) {
+    list = await e2eEncryptUploads(list);
+    if (list.length === 0) return;
+  }
+  /* /wiring:e2 */
   const canChunk = !!(api.endpoints.uploadInit && api.endpoints.uploadFinalize);
   for (const f of list) {
     // Chunked (S3 multipart) only when the endpoints exist AND the file is
@@ -1881,11 +1965,38 @@ function onDragLeave() {
   if (dragCounter.value === 0) dragOver.value = false;
 }
 function onDragOver(ev: DragEvent) {
+  /* wiring:d1 — iç sürüklemeler kök gövdeye de bırakılabilir olmalı ki split
+     panelinden ana panelin BOŞLUĞUNA bırakmak çalışsın (origin dragover'da
+     okunamaz — karar drop anında verilir; aynı-klasör drop'u no-op kalır). */
+  if (ev.dataTransfer?.types.includes(FE_DND_MIME)) {
+    ev.preventDefault();
+    return;
+  }
+  /* /wiring:d1 */
   if (isExternalFileDrag(ev)) {
     ev.preventDefault();
   }
 }
 function onDropUpload(ev: DragEvent) {
+  /* wiring:d1 — split panelinden ana panelin boşluğuna bırakma = geçerli
+     klasöre aktar (aynı klasörden gelenler no-op, eski davranış korunur). */
+  if (ev.dataTransfer?.types.includes(FE_DND_MIME)) {
+    const d1Origin = ev.dataTransfer.getData(FE_DND_SRC_MIME) || '';
+    const d1Here = qualify(currentPath.value);
+    if (d1Origin && d1Here && d1Origin !== d1Here && !trashMode.value && canWriteHere.value) {
+      ev.preventDefault();
+      dragCounter.value = 0;
+      dragOver.value = false;
+      try {
+        const d1Items = JSON.parse(ev.dataTransfer.getData(FE_DND_MIME)) as Array<{ path: string }>;
+        void transferItems(d1Items.map((i) => i.path), d1Here, d1Origin);
+      } catch {
+        /* bozuk payload — yok say */
+      }
+      return;
+    }
+  }
+  /* /wiring:d1 */
   // Internal row drag — nothing to do here, the row drop handler
   // in GridView/ListView already resolved the move.
   if (ev.dataTransfer?.types.includes(FE_DND_MIME)) {
@@ -1959,13 +2070,14 @@ function onItemDragStart(node: FileNode, ev: DragEvent) {
     .filter((n) => n.basename !== '.trash')
     .map((n) => ({ path: n.path, basename: n.basename, type: n.type })); // qualified
   ev.dataTransfer.setData(FE_DND_MIME, JSON.stringify(items));
+  ev.dataTransfer.setData(FE_DND_SRC_MIME, qualify(currentPath.value)); /* wiring:d1 — paneller arası origin damgası */
   ev.dataTransfer.setData('text/plain', items.map((i) => i.path).join('\n'));
   ev.dataTransfer.effectAllowed = 'move';
 }
 
-async function moveSourcesAsync(sources: string[], targetDir: string, opLabel: string): Promise<void> {
+async function moveSourcesAsync(sources: string[], targetDir: string, opLabel: string, originOverride?: string): Promise<void> {
   try {
-    const originWire = qualify(currentPath.value);
+    const originWire = originOverride ?? qualify(currentPath.value); /* wiring:d1 — split panelinden gelen sürüklemede gerçek kaynak klasör */
     if (api.endpoints.moveAsync) {
       const { op } = await api.moveAsync(sources, targetDir, originWire);
       registerMoveUndo(op.id, sources, targetDir, originWire);
@@ -2006,7 +2118,7 @@ async function onItemDropInto(target: FileNode, ev: DragEvent) {
     flashToast('Aynı klasöre taşınamaz');
     return;
   }
-  await moveSourcesAsync(sources, targetDir, 'move-dnd');
+  await transferItems(sources, targetDir, dndOrigin(ev)); /* wiring:d1 — depo-farkında aktarım */
 }
 
 async function onCrumbDropInto(adapterPath: string, ev: DragEvent) {
@@ -2025,7 +2137,7 @@ async function onCrumbDropInto(adapterPath: string, ev: DragEvent) {
     .map((i) => i.path)
     .filter((p) => p && p !== targetDir && !targetDir.startsWith(p + '/'));
   if (sources.length === 0) return;
-  await moveSourcesAsync(sources, targetDir, 'move-dnd-crumb');
+  await transferItems(sources, targetDir, dndOrigin(ev)); /* wiring:d1 — depo-farkında aktarım */
 }
 
 function onCancelUpload(job: UploadJob) {
@@ -2120,6 +2232,23 @@ function quickLookToggle() {
   const sel = selection.nodes.value;
   const n = sel.length === 1 ? sel[0] : null;
   if (!n || n.type !== 'file' || n.basename === '.trash') return;
+  /* wiring:e2 — Space peek şifreli klasörde önce çözer, sonra açar */
+  if (e2eActive.value) {
+    if (!e2eUnlocked.value) return;
+    void (async () => {
+      try {
+        await e2eFetchDecrypted(n);
+      } catch {
+        flashToast(t('e2e.decrypt_failed'));
+        return;
+      }
+      quickLookTarget.value = n;
+      quickLookOpen.value = true;
+      void markRecent(n);
+    })();
+    return;
+  }
+  /* /wiring:e2 */
   quickLookTarget.value = n;
   quickLookOpen.value = true;
   void markRecent(n);
@@ -2147,6 +2276,21 @@ watch(
   (nodes) => {
     if (!quickLookOpen.value) return;
     const n = nodes.length === 1 && nodes[0].type === 'file' ? nodes[0] : null;
+    /* wiring:e2 — ok tuşlarıyla gezerken de hedef atanmadan ÖNCE çöz,
+       yoksa viewer bir anlığına ham ciphertext URL'i alır. */
+    if (n && n.path !== quickLookTarget.value?.path && e2eUnlocked.value) {
+      void (async () => {
+        try {
+          await e2eFetchDecrypted(n);
+        } catch {
+          /* çözülemedi — hedefi yine de değiştir, viewer hata gösterir */
+        }
+        quickLookTarget.value = n;
+        void markRecent(n);
+      })();
+      return;
+    }
+    /* /wiring:e2 */
     if (n && n.path !== quickLookTarget.value?.path) {
       quickLookTarget.value = n;
       void markRecent(n);
@@ -2245,6 +2389,463 @@ onBeforeUnmount(() => {
   rootEl.value?.removeEventListener('fe:tour-restart', onTourRestartEvent);
 });
 /* === /wiring:c4 === */
+
+/* === wiring:d1 — sekmeler (tab şeridi) + tab başına split ===
+ *
+ * useTabs, mevcut konum state'inin (currentPath/viewMode) ÜSTÜNDE bir
+ * katmandır: aktif tab gezinmeleri watch ile dinleyip snapshot'ını
+ * günceller; tab geçişi mevcut load(path) yolunu çağırır — yeni fetch
+ * mantığı yok. Şerit tek sekmede hiç render edilmez (embed pixel-aynı).
+ *
+ * Persist: `filex.tabs` — pathPersist scope mantığı izlenir: mode 'none'
+ * ise persist kapalı; rootPath confine'ı anahtara eklenir ki farklı
+ * confine'lı embed'ler birbirinin sekmelerini ezmesin.
+ */
+const FE_DND_SRC_MIME = 'application/x-brf-files-src';
+
+const TABS_LS_BASE = 'filex.tabs';
+function tabsStorageKey(): string | null {
+  if (persistMode() === 'none') return null;
+  return rootPathProp ? `${TABS_LS_BASE}:${rootPathProp}` : TABS_LS_BASE;
+}
+const tabsApi = useTabs({ storageKey: tabsStorageKey() });
+const tabsRestored = tabsApi.restore();
+const tabsActiveId = tabsApi.activeId;
+
+const tabsVisible = computed(() => tabsApi.hasMultiple.value);
+const activeSplit = computed(() => tabsApi.activeTab.value?.split ?? null);
+
+// Sekme adı OTOMATİK = güncel klasör adı (kök = depo adı / kök etiketi).
+function tabLabel(path: string): string {
+  const p = (path || '').replace(/^\/+|\/+$/g, '');
+  if (p === '.trash') return t('node.trash');
+  if (!p) return multiStorageRoot.value ? t('breadcrumb.root') : adapter.value || t('breadcrumb.root');
+  return p.split('/').pop() || p;
+}
+const tabItems = computed(() =>
+  tabsApi.tabs.value.map((tb) => ({ id: tb.id, label: tabLabel(tb.path), split: !!tb.split })),
+);
+
+// Aktif tab kullanıcıyı izler: gezinme + görünüm değişimi snapshot'a yazılır.
+watch(currentPath, (p) => tabsApi.syncActive({ path: p }));
+watch(viewMode, (v) => tabsApi.syncActive({ viewMode: v }));
+
+// İlk sekme, ilk konum belli olur olmaz tohumlanır (restore varsa dokunma —
+// aktif snapshot ilk load sonrası currentPath watcher'ıyla zaten senkronlanır).
+onMounted(() => {
+  if (!tabsRestored) tabsApi.seed(currentPath.value ?? '', viewMode.value);
+});
+
+function applyTabLocation(tb: TabState) {
+  if (tb.viewMode && tb.viewMode !== viewMode.value) viewMode.value = tb.viewMode;
+  if (tb.path === '.trash') {
+    void loadTrash();
+    return;
+  }
+  void load(tb.path);
+}
+function activateTab(id: string) {
+  const tb = tabsApi.activate(id);
+  if (tb) applyTabLocation(tb);
+}
+function newTabHere() {
+  // Mevcut konumu klonlar; görünüm zaten oradadır, load gerekmez.
+  tabsApi.openTab(currentPath.value ?? '', { viewMode: viewMode.value, background: false });
+}
+function closeTabById(id: string) {
+  const next = tabsApi.closeTab(id);
+  if (next) applyTabLocation(next);
+}
+function nextTab() {
+  const tb = tabsApi.step(1);
+  if (tb) applyTabLocation(tb);
+}
+function prevTab() {
+  const tb = tabsApi.step(-1);
+  if (tb) applyTabLocation(tb);
+}
+
+/** Bir klasörü ARKA PLANDA yeni sekmede aç (orta-tık / sağ-tık / palet). */
+function openNodeInTab(n: FileNode) {
+  if (n.type !== 'dir' || n.basename === '.trash') return;
+  const target = multiStorageRoot.value ? wireToVirtual(n.path) : stripAdapter(n.path);
+  tabsApi.openTab(target, { viewMode: viewMode.value, background: true });
+}
+
+// Orta-tık delegasyonu: ListView/GridView satırları data-fe-path taşır; kendi
+// keydown/emit zinciri eklemek yerine kökte tek auxclick dinleyicisi yeter.
+// (SecondaryPane kendi satırlarında stopPropagation ile kendisi halleder.)
+function onListAuxClick(ev: MouseEvent) {
+  if (ev.button !== 1) return;
+  const host = ev.target as HTMLElement | null;
+  const el = host && typeof host.closest === 'function' ? host.closest('[data-fe-path]') : null;
+  const p = el?.getAttribute('data-fe-path');
+  if (!p) return;
+  const node = files.value.find((f) => f.path === p);
+  if (!node || node.type !== 'dir' || node.basename === '.trash') return;
+  ev.preventDefault();
+  openNodeInTab(node);
+}
+// Orta-tuş mousedown'ı satırlar üzerinde iptal: scroll'lu gövdede Chromium'un
+// autoscroll'u devreye girer ve auxclick HİÇ üretilmez (canlı teşhis) —
+// preventDefault autoscroll'u bastırır, auxclick yeniden akar.
+function onListMiddleDown(ev: MouseEvent) {
+  if (ev.button !== 1) return;
+  const host = ev.target as HTMLElement | null;
+  if (host && typeof host.closest === 'function' && host.closest('[data-fe-path]')) {
+    ev.preventDefault();
+  }
+}
+onMounted(() => {
+  rootEl.value?.addEventListener('auxclick', onListAuxClick);
+  rootEl.value?.addEventListener('mousedown', onListMiddleDown);
+});
+onBeforeUnmount(() => {
+  rootEl.value?.removeEventListener('auxclick', onListAuxClick);
+  rootEl.value?.removeEventListener('mousedown', onListMiddleDown);
+});
+
+// ---- split (tab başına ikincil panel) ------------------------------
+
+const splitPaneRef = ref<InstanceType<typeof SecondaryPane> | null>(null);
+// Dar modda split devre dışı (state korunur, genişleyince geri gelir).
+const splitVisible = computed(() => !!activeSplit.value && !isNarrow.value);
+
+function toggleSplit() {
+  if (activeSplit.value) {
+    tabsApi.setSplit(null);
+    activePane.value = 'main';
+    return;
+  }
+  if (isNarrow.value) return;
+  tabsApi.setSplit({ path: currentPath.value ?? '' });
+}
+function closeSplit() {
+  tabsApi.setSplit(null);
+  activePane.value = 'main';
+}
+function onPaneNavigate(p: string) {
+  tabsApi.setSplit({ path: p });
+}
+
+// Aktif panel: kısayollar aktif panele gider; panel tıklamayla aktifleşir.
+const activePane = ref<'main' | 'split'>('main');
+function setPaneMain() {
+  activePane.value = 'main';
+}
+watch(splitVisible, (v) => {
+  if (!v) activePane.value = 'main';
+});
+const paneIsActive = computed(() => activePane.value === 'split' && splitVisible.value);
+const mainPaneFocus = computed(() => splitVisible.value && activePane.value === 'main');
+
+// Pane yardımcıları — hep ana panelin mevcut dönüştürücülerini sarar.
+function paneToUser(wire: string): string {
+  return multiStorageRoot.value ? wireToVirtual(wire) : stripAdapter(wire);
+}
+function paneClamp(p: string): string {
+  const clean = String(p ?? '').replace(/^\/+|\/+$/g, '');
+  if (!rootFloor) return clean;
+  if (!clean || !(clean === rootFloor || clean.startsWith(rootFloor + '/'))) return rootFloor;
+  return clean;
+}
+
+// Pano (clipboard) aktif panele göre: kes/kopyala pane seçiminden beslenir,
+// yapıştır pane klasörüne iner. State ana panelinkiyle ORTAK — panolar arası
+// kes-yapıştır bedavaya çalışır.
+function paneCut() {
+  const nodes = splitPaneRef.value?.selectedNodes() ?? [];
+  if (nodes.length === 0) return;
+  clipboard.value = { mode: 'cut', items: nodes, sourcePath: splitPaneRef.value?.getPath() ?? '' };
+  flashToast('Kesildi');
+}
+function paneCopy() {
+  const nodes = splitPaneRef.value?.selectedNodes() ?? [];
+  if (nodes.length === 0) return;
+  clipboard.value = { mode: 'copy', items: nodes, sourcePath: splitPaneRef.value?.getPath() ?? '' };
+  flashToast('Kopyalandı');
+}
+async function panePaste() {
+  const cb = clipboard.value;
+  const pane = splitPaneRef.value;
+  if (!cb.mode || cb.items.length === 0 || !pane) return;
+  const targetWire = qualify(pane.getPath() ?? '');
+  const originWire = qualify(cb.sourcePath || '') || undefined;
+  if (cb.mode === 'cut' && originWire === targetWire) {
+    flashToast('Aynı klasöre kesilemez');
+    return;
+  }
+  await transferItems(cb.items.map((n) => n.path), targetWire, originWire, cb.mode === 'copy');
+  clipboard.value = { mode: null, items: [], sourcePath: null };
+}
+
+// ---- paneller arası aktarım ----------------------------------------
+
+function wireAdapterOf(p: string): string {
+  const i = p.indexOf('://');
+  return i === -1 ? '' : p.slice(0, i);
+}
+function dndOrigin(ev: DragEvent): string | undefined {
+  const v = ev.dataTransfer?.getData(FE_DND_SRC_MIME);
+  return v || undefined;
+}
+
+/**
+ * transferItems — panel-arası / pano aktarımının tek kapısı.
+ * Aynı depo → TAŞI (mevcut moveSourcesAsync yolu: kuyruk + geri al).
+ * Farklı depo → KOPYALA dene; backend cross-storage desteklemiyorsa
+ * i18n'li hata toast'ı. Bitince ikincil panel de tazelenir (ana panel
+ * moveSourcesAsync / pendingOps onSettled üzerinden zaten tazelenir).
+ */
+async function transferItems(
+  sources: string[],
+  targetWire: string,
+  originWire?: string,
+  forceCopy = false,
+): Promise<void> {
+  const list = sources.filter((p) => p && p !== targetWire && !targetWire.startsWith(p + '/'));
+  if (list.length === 0 || !targetWire) return;
+  const targetAdapter = wireAdapterOf(targetWire);
+  const cross = list.some((p) => wireAdapterOf(p) !== targetAdapter);
+  if (cross || forceCopy) {
+    try {
+      const { op } = await api.copy(list, targetWire);
+      pendingOps.register(op);
+      flashToast(cross ? t('split.cross_copy') : t('split.copy_queued'));
+    } catch (err) {
+      emit('error', { message: (err as Error).message, context: { op: 'transfer', targetWire } });
+      flashToast(cross ? t('split.cross_failed') : (err as Error).message);
+      return;
+    }
+  } else {
+    await moveSourcesAsync(list, targetWire, 'move-transfer', originWire);
+  }
+  void splitPaneRef.value?.reload();
+}
+
+function onPaneTransfer(p: { sources: string[]; targetWire: string; originWire?: string }) {
+  void transferItems(p.sources, p.targetWire, p.originWire);
+}
+/* === /wiring:d1 === */
+
+/* === wiring:e2 — uçtan uca şifreli klasörler ===
+ *
+ * Kripto şeması + tehdit modeli: docs/E2E-ENCRYPTION.md ve lib/e2ecrypto.ts.
+ * Burada yalnız orkestrasyon var: backend listing yanıtındaki `e2e_root`
+ * kilit ekranını sürer; parola marker'a karşı TARAYICIDA doğrulanır (sunucuya
+ * hiçbir şey gitmez); türetilen klasör anahtarı (KEK) YALNIZ bellekte yaşar
+ * (`e2eRing`) — localStorage/sessionStorage'a asla yazılmaz. Upload şeffaf
+ * şifrelenir, önizleme/indirme şeffaf çözülür (blob URL mevcut viewer'lara).
+ */
+const e2eRing = createKeyRing();
+// Map'ler reaktif değil — sürüm sayacı computed'ları tetikler.
+const e2eRingVer = ref(0);
+// İçinde bulunulan şifreli kökün wire yolu ('' = şifreli bağlam yok).
+const e2eRoot = ref('');
+// path → çözülmüş blob objectURL (önizleme). Kilitleme/unmount'ta revoke.
+const e2eUrls = new Map<string, string>();
+
+const e2eActive = computed(() => !!e2eRoot.value && !trashMode.value);
+const e2eUnlocked = computed(() => {
+  void e2eRingVer.value;
+  return e2eActive.value && e2eRing.has(e2eRoot.value);
+});
+const e2eLocked = computed(() => {
+  void e2eRingVer.value;
+  return e2eActive.value && !e2eRing.has(e2eRoot.value);
+});
+
+// Kilit ekranı formu.
+const e2ePw = ref('');
+const e2eUnlockBusy = ref(false);
+const e2eUnlockErr = ref('');
+// Şifreli klasör oluşturma modalı.
+const showEncFolder = ref(false);
+const e2eCreateBusy = ref(false);
+
+function e2eKek(): CryptoKey | null {
+  return e2eRing.get(e2eRoot.value) ?? null;
+}
+
+function e2eRevokeAll() {
+  for (const url of e2eUrls.values()) URL.revokeObjectURL(url);
+  e2eUrls.clear();
+}
+onBeforeUnmount(e2eRevokeAll);
+
+/** Kilidi aç: marker'ı kökten çek, parolayı YERELDE doğrula, KEK'i belleğe koy. */
+async function e2eUnlock() {
+  if (!e2ePw.value || e2eUnlockBusy.value || !e2eRoot.value) return;
+  e2eUnlockBusy.value = true;
+  e2eUnlockErr.value = '';
+  try {
+    let markerText = '';
+    try {
+      const { blob, url } = await api.fetchBlob(wireJoin(e2eRoot.value, E2E_MARKER_NAME));
+      URL.revokeObjectURL(url);
+      markerText = await blob.text();
+    } catch {
+      e2eUnlockErr.value = t('e2e.unlock.marker_missing');
+      return;
+    }
+    const marker = parseMarker(markerText);
+    if (!marker) {
+      e2eUnlockErr.value = t('e2e.unlock.marker_missing');
+      return;
+    }
+    const kek = await verifyPassword(marker, e2ePw.value);
+    if (!kek) {
+      e2eUnlockErr.value = t('e2e.unlock.wrong');
+      return;
+    }
+    e2eRing.set(e2eRoot.value, kek);
+    e2eRingVer.value++;
+    e2ePw.value = '';
+  } finally {
+    e2eUnlockBusy.value = false;
+  }
+}
+
+/** "Kilitle": bellekteki anahtarı ve çözülmüş blob'ları at. */
+function e2eLock() {
+  if (!e2eRoot.value) return;
+  e2eRing.lock(e2eRoot.value);
+  e2eRingVer.value++;
+  e2eRevokeAll();
+  flashToast(t('e2e.locked_toast'));
+}
+
+// Uzantı → önizleme MIME'ı: çözülmüş blob'un <img>/<video>/<object>
+// etiketlerinde doğru render'ı için (sunucu şifreli dosyayı octet-stream
+// bilir, oradan gelen tip işe yaramaz).
+const E2E_MIME: Record<string, string> = {
+  txt: 'text/plain', md: 'text/markdown', log: 'text/plain', csv: 'text/csv',
+  json: 'application/json', xml: 'application/xml', html: 'text/html',
+  jpg: 'image/jpeg', jpeg: 'image/jpeg', png: 'image/png', gif: 'image/gif',
+  webp: 'image/webp', bmp: 'image/bmp', avif: 'image/avif', svg: 'image/svg+xml',
+  pdf: 'application/pdf',
+  mp4: 'video/mp4', webm: 'video/webm', mov: 'video/quicktime', m4v: 'video/mp4',
+  mp3: 'audio/mpeg', wav: 'audio/wav', ogg: 'audio/ogg', flac: 'audio/flac',
+  m4a: 'audio/mp4', aac: 'audio/aac', opus: 'audio/opus',
+};
+function e2eMimeFor(n: FileNode): string {
+  const ext = (n.extension || '').toLowerCase();
+  return E2E_MIME[ext] || 'application/octet-stream';
+}
+
+/**
+ * Dosyayı çek + çöz + objectURL'ini cache'le. Magic'siz (ör. DAV'la düz
+ * yazılmış) dosyada null döner — çağıran normal ham akışa düşer. Yanlış
+ * anahtar/bozuk veri E2eDecryptError fırlatır (çağıran toast'lar).
+ */
+async function e2eFetchDecrypted(n: FileNode): Promise<string | null> {
+  const cached = e2eUrls.get(n.path);
+  if (cached) return cached;
+  const kek = e2eKek();
+  if (!kek) return null;
+  const buf = await api.fetchArrayBuffer(n.path);
+  if (!hasMagic(buf)) return null;
+  const plain = await decryptFile(kek, buf);
+  const url = URL.createObjectURL(new Blob([plain], { type: e2eMimeFor(n) }));
+  e2eUrls.set(n.path, url);
+  return url;
+}
+
+/** PreviewModal/QuickLook'a giden URL sağlayıcı: çözülmüş blob > ham URL. */
+function e2ePreviewSrc(p: string): string {
+  return e2eUrls.get(p) ?? api.previewUrl(p);
+}
+
+/** Çöz + salt-okunur in-page önizleme (openNode/previewNode buraya iner). */
+async function e2eOpenPreview(n: FileNode) {
+  try {
+    await e2eFetchDecrypted(n);
+  } catch {
+    flashToast(t('e2e.decrypt_failed'));
+    return;
+  }
+  previewMode.value = 'view';
+  previewTarget.value = n;
+  showPreview.value = true;
+  emit('file-opened', { path: n.path, basename: n.basename });
+  void markRecent(n);
+}
+
+/** Çöz + orijinal adla indir. Magic'siz dosya olduğu gibi iner. */
+async function e2eDownload(n: FileNode) {
+  try {
+    const buf = await api.fetchArrayBuffer(n.path);
+    const kek = e2eKek();
+    let out = buf;
+    if (hasMagic(buf)) {
+      if (!kek) throw new Error('locked');
+      out = await decryptFile(kek, buf);
+    }
+    const url = URL.createObjectURL(new Blob([out], { type: e2eMimeFor(n) }));
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = n.basename;
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    setTimeout(() => URL.revokeObjectURL(url), 30_000);
+  } catch {
+    flashToast(t('e2e.download.failed'));
+  }
+}
+
+/** Upload listesi → şifreli File listesi (200MB üstü + marker adı atlanır). */
+async function e2eEncryptUploads(list: File[]): Promise<File[]> {
+  const kek = e2eKek();
+  if (!kek) return [];
+  const out: File[] = [];
+  for (const f of list) {
+    if (f.name === E2E_MARKER_NAME) continue;
+    if (f.size > E2E_MAX_FILE_BYTES) {
+      flashToast(t('e2e.upload.too_big'));
+      continue;
+    }
+    try {
+      const ct = await encryptFile(kek, await f.arrayBuffer());
+      out.push(new File([ct], f.name, { type: 'application/octet-stream' }));
+    } catch (err) {
+      emit('error', { message: (err as Error).message, context: { op: 'e2e-encrypt', file: f.name } });
+    }
+  }
+  return out;
+}
+
+/** EncryptedFolderModal submit'i: klasörü aç + marker'ı yükle + kilidi açık bırak. */
+async function submitEncryptedFolder(payload: { name: string; password: string }) {
+  if (e2eActive.value) {
+    // İç içe şifreli klasör kök tespitini bulanıklaştırır — MVP'de yok.
+    flashToast(t('e2e.create.nested'));
+    return;
+  }
+  e2eCreateBusy.value = true;
+  try {
+    const dirWire = qualify(currentPath.value);
+    await api.newFolder(dirWire, payload.name);
+    const { marker, kek } = await createMarker(payload.password);
+    const markerFile = new File([JSON.stringify(marker)], E2E_MARKER_NAME, {
+      type: 'application/json',
+    });
+    const newDirWire = wireJoin(dirWire, payload.name);
+    await api.uploadMultipart(newDirWire, [markerFile]);
+    // Oluşturan oturumda kilit açık başlar (parolayı az önce kendisi girdi).
+    e2eRing.set(newDirWire, kek);
+    e2eRingVer.value++;
+    showEncFolder.value = false;
+    flashToast(t('e2e.create.done'));
+    await load();
+  } catch (err) {
+    emit('error', { message: (err as Error).message, context: { op: 'e2e-create' } });
+    flashToast(t('e2e.create.failed'));
+  } finally {
+    e2eCreateBusy.value = false;
+  }
+}
+/* === /wiring:e2 === */
 </script>
 
 <template>
@@ -2265,6 +2866,21 @@ onBeforeUnmount(() => {
     @drop="onDropUpload"
     @contextmenu="onContextCanvas"
   >
+    <!-- wiring:d1 — sekme şeridi: TEK sekmede hiç render edilmez (embed pixel-aynı) -->
+    <TabBar
+      v-if="tabsVisible"
+      :tabs="tabItems"
+      :active-id="tabsActiveId"
+      :locale="locale"
+      :split-enabled="!isNarrow"
+      :split-active="!!activeSplit"
+      @select="activateTab"
+      @close="closeTabById"
+      @new="newTabHere"
+      @reorder="(from: number, to: number) => tabsApi.move(from, to)"
+      @toggle-split="toggleSplit"
+    />
+    <!-- /wiring:d1 -->
     <Toolbar
       ref="toolbarRef"
       :view-mode="viewMode"
@@ -2325,17 +2941,33 @@ onBeforeUnmount(() => {
       </span>
     </div>
 
+    <!-- wiring:e2 — kilit açık şeridi: şifreli klasörde anahtar bellekteyken
+         görünür; "Kilitle" anahtarı ve çözülmüş blob'ları atar. -->
+    <div v-if="e2eUnlocked" class="fe-e2e-strip" role="status">
+      <span class="fe-e2e-strip__icon" aria-hidden="true">🔒</span>
+      <span class="fe-e2e-strip__label">{{ t('e2e.strip.label') }}</span>
+      <button type="button" class="fe-btn fe-e2e-strip__btn" @click="e2eLock">
+        {{ t('e2e.strip.lock') }}
+      </button>
+    </div>
+    <!-- /wiring:e2 -->
+
     <!-- koru:k1 — fe__main lays the listing body and the inspector panel out
          as flex siblings (row). Without the inspector open it is visually
          identical to the previous direct-child fe__body. -->
-    <div class="fe__main">
-    <div class="fe__body" @click.self="selection.clear()">
+    <div class="fe__main" :class="{ 'fe__main--split': splitVisible } /* wiring:d1 */">
+    <div
+      class="fe__body"
+      :class="{ 'fe-pane--focus': mainPaneFocus } /* wiring:d1 — aktif panel vurgusu */"
+      @pointerdown.capture="setPaneMain() /* wiring:d1 */"
+      @click.self="selection.clear()"
+    >
       <!-- Initial load: skeleton ghosts (view-mode aware) instead of an
            empty/"no files" flash. Only when there's nothing yet — navigation
            keeps the current list, exactly as before. -->
       <div v-if="loading && files.length === 0" class="fe__skeleton" role="status">
         <span class="fe-sr-only">{{ t('loading') }}</span>
-        <div v-if="viewMode === 'grid'" class="fe-skel-grid" aria-hidden="true">
+        <div v-if="viewMode !== 'list' /* wiring:d2 — galeri de grid iskeletini kullanır */" class="fe-skel-grid" aria-hidden="true">
           <div v-for="i in 8" :key="i" class="fe-skel-card">
             <div class="fe-skel fe-skel--thumb"></div>
             <div class="fe-skel fe-skel--label"></div>
@@ -2413,6 +3045,49 @@ onBeforeUnmount(() => {
         </details>
         <!-- /wiring:c4 -->
       </div>
+      <!-- wiring:e2 — şifreli klasör kilit ekranı: parola doğru girilene dek
+           listeleme render edilmez. Parola tarayıcıda marker'a karşı
+           doğrulanır; sunucuya gitmez. -->
+      <div v-else-if="e2eLocked" class="fe-state fe-e2e-lock">
+        <svg
+          class="fe-state__art"
+          viewBox="0 0 120 100"
+          width="110"
+          height="92"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          aria-hidden="true"
+        >
+          <rect x="38" y="44" width="44" height="34" rx="6" />
+          <path d="M46 44v-8a14 14 0 0 1 28 0v8" />
+          <circle cx="60" cy="59" r="3" fill="currentColor" stroke="none" />
+          <path d="M60 62v7" />
+        </svg>
+        <p class="fe-state__title">{{ t('e2e.locked.title') }}</p>
+        <p class="fe-state__hint">{{ t('e2e.locked.hint') }}</p>
+        <form class="fe-e2e-lock__form" @submit.prevent="e2eUnlock">
+          <input
+            v-model="e2ePw"
+            type="password"
+            class="fe-input fe-e2e-lock__input"
+            :placeholder="t('e2e.locked.pw_placeholder')"
+            autocomplete="current-password"
+            :disabled="e2eUnlockBusy"
+          />
+          <button
+            type="submit"
+            class="fe-btn fe-btn--primary"
+            :disabled="e2eUnlockBusy || !e2ePw"
+          >
+            {{ e2eUnlockBusy ? t('e2e.locked.busy') : t('e2e.locked.unlock') }}
+          </button>
+        </form>
+        <p v-if="e2eUnlockErr" class="fe-form__error" role="alert">{{ e2eUnlockErr }}</p>
+      </div>
+      <!-- /wiring:e2 -->
       <!-- Search with zero hits — its own message, not "folder is empty". -->
       <div v-else-if="!loading && files.length === 0 && searchQuery" class="fe-state">
         <svg
@@ -2504,6 +3179,22 @@ onBeforeUnmount(() => {
         @star-change="onStarChange"
       />
       <GridView
+        v-else-if="viewMode === 'grid' /* wiring:d2 — v-else → v-else-if (3. mod eklendi) */"
+        :files="files"
+        :selected="selection.selected.value"
+        :clipped="clippedPaths"
+        :show-parent-path="!!searchQuery"
+        :locale="locale"
+        :loading="loading"
+        :thumb-src="thumbs.src"
+        @click-card="(n, m) => selection.click(n.path, m)"
+        @dbl-card="openNode"
+        @context-card="onContextTarget"
+        @item-drag-start="onItemDragStart"
+        @item-drop-into="onItemDropInto"
+      />
+      <!-- wiring:d2 — galeri görünümü (GridView ile aynı event sözleşmesi) -->
+      <GalleryView
         v-else
         :files="files"
         :selected="selection.selected.value"
@@ -2518,8 +3209,35 @@ onBeforeUnmount(() => {
         @item-drag-start="onItemDragStart"
         @item-drop-into="onItemDropInto"
       />
+      <!-- /wiring:d2 -->
     </div>
 
+    <!-- wiring:d1 — tab başına split: sağ ikincil panel (dar modda kapalı).
+         :key tab kimliğine bağlı — tab geçişinde pane kendi konumuyla temiz
+         remount olur. -->
+    <SecondaryPane
+      v-if="splitVisible && activeSplit"
+      ref="splitPaneRef"
+      :key="'split-' + tabsActiveId"
+      :api="api"
+      :initial-path="activeSplit.path"
+      :locale="locale"
+      :qualify="qualify"
+      :to-user="paneToUser"
+      :clamp="paneClamp"
+      :root-label="multiStorageRoot ? '/' : adapter || t('breadcrumb.root')"
+      :floor="rootFloor"
+      :multi-root="multiStorageRoot"
+      :virtual-rows="virtualStorageRows"
+      :active="paneIsActive"
+      @navigate="onPaneNavigate"
+      @activate="activePane = 'split'"
+      @close="closeSplit"
+      @open-tab="(p: string) => tabsApi.openTab(p, { viewMode: viewMode, background: true })"
+      @transfer="onPaneTransfer"
+    />
+    <!-- /wiring:d1 -->
+
     <!-- koru:k1 — inspector (details) panel; v-if keeps the closed state
          free of any DOM. Narrow mode renders it as a full-size overlay. -->
     <InspectorPanel
@@ -2610,9 +3328,20 @@ onBeforeUnmount(() => {
     <NewFolderModal
       :open="showNewFolder"
       :locale="locale"
+      :encrypted-option="!e2eActive /* wiring:e2 — iç içe şifreli klasör yok */"
       @close="showNewFolder = false"
       @submit="submitNewFolder"
+      @encrypted="showNewFolder = false; showEncFolder = true /* wiring:e2 */"
+    />
+    <!-- wiring:e2 — şifreli klasör oluşturma modalı -->
+    <EncryptedFolderModal
+      :open="showEncFolder"
+      :locale="locale"
+      :busy="e2eCreateBusy"
+      @close="showEncFolder = false"
+      @submit="submitEncryptedFolder"
     />
+    <!-- /wiring:e2 -->
     <RenameModal
       :open="showRename"
       :locale="locale"
@@ -2640,11 +3369,12 @@ onBeforeUnmount(() => {
       :locale="locale"
       :file="previewTarget"
       :theme="config.theme || 'auto'"
-      :preview-url="(p) => api.previewUrl(p)"
-      :download-url="(p) => api.downloadUrl(p)"
-      :only-office-base="effectiveOnlyOfficeBase"
+      :preview-url="(p) => e2ePreviewSrc(p) /* wiring:e2 — çözülmüş blob > ham URL */"
+      :download-url="(p) => (e2eUnlocked ? e2ePreviewSrc(p) : api.downloadUrl(p)) /* wiring:e2 */"
+      :only-office-base="e2eActive ? null : effectiveOnlyOfficeBase /* wiring:e2 — OO ciphertext açamaz */"
       :only-office-config-endpoint="effectiveOnlyOfficeConfigEndpoint"
-      :save-text-endpoint="api.endpoints.saveText || null"
+      :new-tab-enabled="!e2eActive /* wiring:e2 — standalone rota ham baytı çeker */"
+      :save-text-endpoint="e2eActive ? null : api.endpoints.saveText || null /* wiring:e2 — düz metin kaydı sızıntı olur */"
       :open-mode="previewMode"
       :auth-headers="() => buildAuthHeaders({ 'Content-Type': 'application/json' })"
       :auth-credentials="api.credentialsMode()"
@@ -2746,13 +3476,16 @@ onBeforeUnmount(() => {
       @navigate="(p: string) => load(p)"
       @new-folder="showNewFolder = true"
       @upload="triggerUpload"
-      @toggle-view="viewMode = viewMode === 'list' ? 'grid' : 'list'"
+      @toggle-view="viewMode = viewMode === 'list' ? 'grid' : viewMode === 'grid' ? 'gallery' : 'list' /* wiring:d2 — 3 mod döngüsü */"
       @open-trash="loadTrash"
       @refresh="() => load()"
       @go-up="goUp"
       @open-theme="showThemeGallery = true /* wiring:int */"
       @open-shortcut-settings="showShortcutSettings = true /* wiring:int */"
       @start-tour="startTour() /* wiring:int */"
+      :split-enabled="!isNarrow /* wiring:d1 */"
+      @tab-new="newTabHere() /* wiring:d1 */"
+      @split-toggle="toggleSplit() /* wiring:d1 */"
     />
     <ShortcutsHelp
       :open="showShortcutsHelp"
@@ -2812,9 +3545,9 @@ onBeforeUnmount(() => {
       :locale="locale"
       :file="quickLookTarget"
       :theme="config.theme || 'auto'"
-      :preview-url="(p: string) => api.previewUrl(p)"
-      :download-url="(p: string) => api.downloadUrl(p)"
-      :only-office-base="effectiveOnlyOfficeBase"
+      :preview-url="(p: string) => e2ePreviewSrc(p) /* wiring:e2 */"
+      :download-url="(p: string) => (e2eUnlocked ? e2ePreviewSrc(p) : api.downloadUrl(p)) /* wiring:e2 */"
+      :only-office-base="e2eActive ? null : effectiveOnlyOfficeBase /* wiring:e2 */"
       :only-office-config-endpoint="effectiveOnlyOfficeConfigEndpoint"
       :auth-headers="() => buildAuthHeaders({ 'Content-Type': 'application/json' })"
       :auth-credentials="api.credentialsMode()"