@brftech/filex-core 0.7.2 → 0.7.4

package/src/FileExplorer.vue

@@ -86,6 +86,15 @@ import {
 } from './lib/e2ecrypto';
 /* /wiring:e2 */
 
+/* ui-fix — listing helpers shared with SecondaryPane (single source: the
+   internal-entry filter + virtual `.trash` row must be identical in both
+   panes or split view shows mismatched rows). */
+import {
+  filterInternalEntries,
+  injectTrashRow,
+  hydrateTrashRow as hydrateTrashRowShared,
+} from './lib/listing';
+
 import NewFolderModal from './modals/NewFolderModal.vue';
 import RenameModal from './modals/RenameModal.vue';
 import DeleteConfirmModal from './modals/DeleteConfirmModal.vue';
@@ -438,6 +447,9 @@ const showDelete = ref(false);
 const showShare = ref(false);
 const showPreview = ref(false);
 const renameTarget = ref<FileNode | null>(null);
+/* ui-fix — açık olan rename/delete/new-folder modal'ı yan panele mi ait?
+ * (menü ana panelle aynı; mutasyonlar doğru panele yönlensin diye.) */
+const mutationInPane = ref(false);
 const shareTarget = ref<FileNode | null>(null);
 const activeShare = ref<(ShareInfo & { url: string; filename?: string }) | null>(null);
 const previewTarget = ref<FileNode | null>(null);
@@ -704,33 +716,11 @@ async function load(path?: string) {
        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.
-    const dirRel = stripAdapter(resp.dirname);
-    const inRoot = dirRel === 'fileman' || dirRel === '';
-    const isTrashListing = dirRel.startsWith('fileman/.trash');
-    const trashEntryEnabled = props.config.trashVisible !== false;
-    if (!isTrashListing && inRoot && trashEntryEnabled) {
-      files.value.unshift({
-        type: 'dir',
-        path: `${resp.adapter}://fileman/.trash`,
-        basename: '.trash',
-        extension: '',
-        storage: resp.adapter,
-        visibility: 'private',
-        size: 0,
-        file_size: 0,
-        mime_type: 'inode/directory',
-        extra_metadata: {},
-      } as unknown as FileNode);
-      void hydrateTrashRow(resp.adapter);
+    files.value = filterInternalEntries(resp.files);
+    // Inject virtual `.trash` entry at root only — shared helper so the
+    // split-view secondary pane shows the exact same row (no row-offset).
+    if (injectTrashRow(files.value, resp.adapter, resp.dirname, props.config.trashVisible !== false)) {
+      void hydrateTrashRowShared(files.value, resp.adapter, api);
     }
     // currentPath is the user-facing form: `s3-test/example` in
     // multi-storage mode, the bare relative path otherwise.
@@ -781,28 +771,7 @@ function leaveNotFound() {
   void load('');
 }
 
-// hydrateTrashRow — the virtual `.trash` row is synthesized with no size/date;
-// fill both from the backend trash listing (total bytes + newest deletion) so
-// the row reads like a real folder instead of "— / —". Best-effort and
-// non-blocking: the row appears immediately and updates when the listing lands.
-async function hydrateTrashRow(storage: string) {
-  try {
-    const { entries } = await api.listTrash(storage);
-    const row = files.value.find((f) => f.basename === '.trash');
-    if (!row) return;
-    let total = 0;
-    let newest = 0;
-    for (const e of entries) {
-      total += e.size || 0;
-      const ts = Date.parse(e.deleted_at);
-      if (!Number.isNaN(ts) && ts > newest) newest = ts;
-    }
-    row.size = total;
-    if (newest > 0) row.last_modified = newest;
-  } catch {
-    /* keep the bare row */
-  }
-}
+// (hydrateTrashRow moved to lib/listing.ts — shared with SecondaryPane.)
 
 // loadTrash — show the backend trash (soft-deleted nodes) as a flat listing.
 // Entered by opening the virtual `.trash` row. Each row keeps its node `id`
@@ -891,6 +860,20 @@ function wireParent(p: string): string {
   return slash === -1 ? prefix : prefix + rel.slice(0, slash);
 }
 
+/* ui-fix — iki wire yolun AYNI dizini gösterip göstermediği (trailing-slash
+ * ve kök `adapter://` güvenli). Bir öğeyi ZATEN bulunduğu klasöre bırakma
+ * (source parent === target) no-op olmalı; aksi halde backend "kendine
+ * kopyala" 400'ü döner. */
+function sameDir(a: string, b: string): boolean {
+  const norm = (s: string) => {
+    const i = s.indexOf('://');
+    const pre = i === -1 ? '' : s.slice(0, i + 3);
+    const rel = (i === -1 ? s : s.slice(i + 3)).replace(/\/+$/, '');
+    return pre + rel;
+  };
+  return norm(a) === norm(b);
+}
+
 function wireJoin(dir: string, name: string): string {
   if (!dir) return name;
   return dir.endsWith('://') || dir.endsWith('/') ? dir + name : `${dir}/${name}`;
@@ -1105,11 +1088,30 @@ async function openSearchHit(hit: GlobalSearchHit) {
 
 useKeyboardShortcuts(rootEl, {
   onDelete: () => {
-    if (!selection.isEmpty.value) showDelete.value = true;
+    /* ui-fix — kısayol da aktif panele gider (menüyle tutarlı). */
+    if (paneIsActive.value) {
+      const psel = splitPaneRef.value?.selectedNodes() ?? [];
+      if (psel.length) {
+        paneCtxTargets.value = psel;
+        mutationInPane.value = true;
+        showDelete.value = true;
+      }
+    } else if (!selection.isEmpty.value) {
+      mutationInPane.value = false;
+      showDelete.value = true;
+    }
   },
   onRename: () => {
-    if (selection.nodes.value.length === 1) {
+    if (paneIsActive.value) {
+      const psel = splitPaneRef.value?.selectedNodes() ?? [];
+      if (psel.length === 1) {
+        renameTarget.value = psel[0];
+        mutationInPane.value = true;
+        showRename.value = true;
+      }
+    } else if (selection.nodes.value.length === 1) {
       renameTarget.value = selection.nodes.value[0];
+      mutationInPane.value = false;
       showRename.value = true;
     }
   },
@@ -1390,61 +1392,19 @@ function onCrumbContext(payload: { x: number; y: number; adapterPath: string; la
   ctxRef.value?.show({ clientX: payload.x, clientY: payload.y }, []);
 }
 
-/* ui-fix — yan (ikincil) panelde sağ-tık: pane'i aktifleştir, seçili
- * node'lara göre menüyü aç. Pane "hafif" olduğundan (delete/rename modal'ları
- * ana panelde) menü aç/yeni-sekme/indir/kopyala/kes/yapıştır ile sınırlı;
- * hepsi pane-route'lu (dispatchPaneAction). */
+/* ui-fix — yan (ikincil) panelde sağ-tık: pane'i aktifleştir + menüyü aç.
+ * Menü ana panelle BİREBİR aynı (selectionActionList tek kaynak); aksiyonlar
+ * dispatchItemAction'a gider ve ctxMode==='pane' iken pane-route'lanır. */
 function onPaneContext(node: FileNode | null, ev: MouseEvent) {
   activePane.value = 'split';
   const sel = splitPaneRef.value?.selectedNodes() ?? [];
-  // node=null (boş alana sağ-tık): seçimsiz menü (yalnız Yapıştır). Aksi
-  // halde pane seçimi (yoksa tıklanan node) hedeftir.
+  // node=null (boş alana sağ-tık): seçimsiz menü (Yeni Klasör + Yapıştır).
+  // Aksi halde pane seçimi (yoksa tıklanan node) hedeftir.
   paneCtxTargets.value = node ? (sel.length > 0 ? sel : [node]) : [];
   ctxMode.value = 'pane';
   ctxRef.value?.show({ clientX: ev.clientX, clientY: ev.clientY }, paneCtxTargets.value);
 }
 
-function paneActionList(sel: FileNode[]): ContextAction[] {
-  const single = sel.length === 1;
-  const isFile = single && sel[0]?.type === 'file';
-  const isDir = single && sel[0]?.type === 'dir';
-  const any = sel.length > 0;
-  return [
-    { key: 'open', label: t('ctx.open'), icon: '↗', hidden: !single },
-    { key: 'open-tab', label: t('ctx.open_new_tab'), icon: '⧉', hidden: !isDir } /* wiring:d1 */,
-    { key: 'download', label: t('ctx.download'), icon: '⬇', hidden: !single, disabled: !isFile },
-    { divider: true, key: 'psep', label: '', hidden: !any },
-    { key: 'copy', label: t('ctx.copy'), icon: '❐', hidden: !any },
-    { key: 'cut', label: t('ctx.cut'), icon: '✂', hidden: !any },
-    { key: 'paste', label: t('ctx.paste'), icon: '📋', disabled: !clipboard.value.mode },
-  ];
-}
-
-async function dispatchPaneAction(key: string, targets: FileNode[]) {
-  switch (key) {
-    case 'open':
-      if (targets[0]) openNodeInNewTab(targets[0]);
-      break;
-    case 'open-tab':
-      if (targets[0]) {
-        tabsApi.openTab(paneToUser(targets[0].path), { viewMode: viewMode.value, background: true });
-      }
-      break;
-    case 'download':
-      if (targets[0]) downloadFile(targets[0]);
-      break;
-    case 'copy':
-      paneCopy();
-      break;
-    case 'cut':
-      paneCut();
-      break;
-    case 'paste':
-      await panePaste();
-      break;
-  }
-}
-
 const contextActions = computed<ContextAction[]>(() => {
   if (ctxMode.value === 'breadcrumb') {
     return [
@@ -1452,8 +1412,16 @@ const contextActions = computed<ContextAction[]>(() => {
       { key: 'copy-path', label: t('breadcrumb.copy_path'), icon: '📋' },
     ];
   }
-  if (ctxMode.value === 'pane' /* ui-fix — yan panel menüsü */) {
-    return paneActionList(paneCtxTargets.value);
+  if (ctxMode.value === 'pane' /* ui-fix — yan panel menüsü ana panelle BİREBİR aynı */) {
+    const psel = paneCtxTargets.value;
+    if (psel.length === 0) {
+      // Boş alana sağ-tık: ana paneldeki canvas menüsüyle aynı.
+      return [
+        { key: 'new-folder', label: t('toolbar.new_folder'), icon: '📁' },
+        { key: 'paste', label: t('ctx.paste'), icon: '📋', disabled: !clipboard.value.mode },
+      ];
+    }
+    return selectionActionList(psel);
   }
 
   const sel = selection.nodes.value;
@@ -1577,8 +1545,8 @@ async function onContextAction(action: ContextAction, targets: FileNode[]) {
     }
     return;
   }
-  if (ctxMode.value === 'pane' /* ui-fix — yan panel aksiyonları pane-route */) {
-    await dispatchPaneAction(action.key, paneCtxTargets.value);
+  if (ctxMode.value === 'pane' /* ui-fix — yan panel: aynı dispatch, pane-route */) {
+    await dispatchItemAction(action.key, paneCtxTargets.value);
     return;
   }
   await dispatchItemAction(action.key, targets);
@@ -1633,30 +1601,40 @@ async function dispatchItemAction(key: string, targets: FileNode[]) {
     case 'rename':
       if (targets[0]) {
         renameTarget.value = targets[0];
+        mutationInPane.value = ctxMode.value === 'pane'; /* ui-fix */
         showRename.value = true;
       }
       break;
     case 'cut':
-      clipboard.value = { mode: 'cut', items: targets, sourcePath: currentPath.value };
-      flashToast('Kes → Yapıştır hazır');
+      /* ui-fix — pane bağlamında pano kaynağı pane'in dizini olmalı. */
+      if (ctxMode.value === 'pane') paneCut();
+      else {
+        clipboard.value = { mode: 'cut', items: targets, sourcePath: currentPath.value };
+        flashToast('Kes → Yapıştır hazır');
+      }
       break;
     case 'copy':
-      clipboard.value = { mode: 'copy', items: targets, sourcePath: currentPath.value };
-      flashToast('Kopyala → Yapıştır hazır');
+      if (ctxMode.value === 'pane') paneCopy();
+      else {
+        clipboard.value = { mode: 'copy', items: targets, sourcePath: currentPath.value };
+        flashToast('Kopyala → Yapıştır hazır');
+      }
       break;
     case 'paste':
       /* ui-fix — sağ-klik menüsünden yapıştırma da aktif panele gider
        * (klavye kısayolu zaten pane-route'luydu; menü değildi). */
-      if (paneIsActive.value) await panePaste();
+      if (ctxMode.value === 'pane' || paneIsActive.value) await panePaste();
       else await paste();
       break;
     case 'delete':
+      mutationInPane.value = ctxMode.value === 'pane'; /* ui-fix */
       showDelete.value = true;
       break;
     case 'restore':
       if (targets.length > 0) await restoreSelection(targets);
       break;
     case 'new-folder':
+      mutationInPane.value = ctxMode.value === 'pane'; /* ui-fix */
       showNewFolder.value = true;
       break;
     case 'duplicate':
@@ -1739,10 +1717,13 @@ function downloadFile(n: FileNode) {
 // ------- Modals -------
 
 async function submitNewFolder(name: string) {
+  const inPane = mutationInPane.value; /* ui-fix — yan panelde yeni klasör */
   try {
-    await api.newFolder(qualify(currentPath.value), name);
+    const dirWire = inPane ? qualify(splitPaneRef.value?.getPath() ?? '') : qualify(currentPath.value);
+    await api.newFolder(dirWire, name);
     showNewFolder.value = false;
-    await load();
+    if (inPane) await splitPaneRef.value?.reload();
+    else await load();
   } catch (err) {
     emit('error', { message: (err as Error).message, context: { op: 'newfolder' } });
   }
@@ -1751,14 +1732,16 @@ async function submitNewFolder(name: string) {
 async function submitRename(name: string) {
   const target = renameTarget.value;
   if (!target) return;
+  const inPane = mutationInPane.value; /* ui-fix — yan panelden yeniden adlandırma */
   try {
-    const dirWire = qualify(currentPath.value);
+    const dirWire = inPane ? qualify(splitPaneRef.value?.getPath() ?? '') : qualify(currentPath.value);
     const oldPath = target.path; // qualified
     const oldName = target.basename;
     await api.rename(dirWire, oldPath, name);
     showRename.value = false;
     renameTarget.value = null;
-    await load();
+    if (inPane) await splitPaneRef.value?.reload();
+    else await load();
     // Clean inverse: rename the new path back to the old basename.
     if (name && name !== oldName) {
       const newPath = wireJoin(wireParent(oldPath), name);
@@ -1780,7 +1763,10 @@ async function confirmDelete() {
     flashToast('Çöpteki öğeler saklama süresi sonunda otomatik silinir. Kalıcı silme yönetici panelinden yapılır.');
     return;
   }
-  const targets = selection.nodes.value;
+  /* ui-fix — yan panelden silme: hedefler + dizin + tazeleme pane'e ait. */
+  const inPane = mutationInPane.value;
+  const targets = inPane ? paneCtxTargets.value : selection.nodes.value;
+  const dirWire = inPane ? qualify(splitPaneRef.value?.getPath() ?? '') : qualify(currentPath.value);
   const items = targets.map((n) => n.path);
   if (items.length === 0) {
     showDelete.value = false;
@@ -1801,19 +1787,21 @@ async function confirmDelete() {
       : null;
   try {
     if (api.endpoints.deleteAsync) {
-      const { op } = await api.deleteAsync(items, qualify(currentPath.value));
+      const { op } = await api.deleteAsync(items, dirWire);
       if (restoreUndo) {
         opUndo.set(op.id, { message: t('toast.trashed'), fn: restoreUndo });
       }
       pendingOps.register(op);
       flashToast('Silme kuyruğa alındı');
     } else {
-      await api.deleteItems(qualify(currentPath.value), items);
-      await load();
+      await api.deleteItems(dirWire, items);
+      if (inPane) await splitPaneRef.value?.reload();
+      else await load();
       if (restoreUndo) undoToast(t('toast.trashed'), restoreUndo);
     }
     showDelete.value = false;
-    selection.clear();
+    if (inPane) void splitPaneRef.value?.reload();
+    else selection.clear();
   } catch (err) {
     emit('error', { message: (err as Error).message, context: { op: 'delete' } });
   }
@@ -2180,11 +2168,10 @@ async function onItemDropInto(target: FileNode, ev: DragEvent) {
   const targetDir = target.path; // qualified
   const sources = items
     .map((i) => i.path)
-    .filter((p) => p && p !== targetDir && !targetDir.startsWith(p + '/'));
-  if (sources.length === 0) {
-    flashToast('Aynı klasöre taşınamaz');
-    return;
-  }
+    // ui-fix — öğe zaten targetDir'in içindeyse (parent===target) atla: yerinde
+    // bırakma no-op, backend "kendine kopyala" 400'ü tetiklemez.
+    .filter((p) => p && p !== targetDir && !targetDir.startsWith(p + '/') && !sameDir(wireParent(p), targetDir));
+  if (sources.length === 0) return; // sessiz no-op (yerinde bırakma)
   await transferItems(sources, targetDir, dndOrigin(ev)); /* wiring:d1 — depo-farkında aktarım */
 }
 
@@ -2202,7 +2189,8 @@ async function onCrumbDropInto(adapterPath: string, ev: DragEvent) {
   const targetDir = adapterPath; // already qualified by breadcrumb
   const sources = items
     .map((i) => i.path)
-    .filter((p) => p && p !== targetDir && !targetDir.startsWith(p + '/'));
+    // ui-fix — kırıntıya (aynı klasöre) yerinde bırakma no-op.
+    .filter((p) => p && p !== targetDir && !targetDir.startsWith(p + '/') && !sameDir(wireParent(p), targetDir));
   if (sources.length === 0) return;
   await transferItems(sources, targetDir, dndOrigin(ev)); /* wiring:d1 — depo-farkında aktarım */
 }
@@ -2594,6 +2582,12 @@ function closeSplit() {
 function onPaneNavigate(p: string) {
   tabsApi.setSplit({ ...(activeSplit.value ?? {}), path: p });
 }
+/* ui-fix — çöp kutusu satırı yan panelde açılınca: trash görünümü (geri
+ * yükleme aksiyonlarıyla) ana panele aittir → ana paneli aktif edip aç. */
+function onPaneOpenTrash() {
+  activePane.value = 'main';
+  void loadTrash();
+}
 /* ui-fix — pane'in KENDİ görünüm modu: split açılırken ana panelinkini
  * devralır, sonrasında bağımsız. Toolbar'ın görünüm değiştiricisi ve palet
  * toggle'ı AKTİF panele yazar (Burak: "B tıklıyken ikon değiştir dersem
@@ -2686,7 +2680,11 @@ async function transferItems(
   originWire?: string,
   forceCopy = false,
 ): Promise<void> {
-  const list = sources.filter((p) => p && p !== targetWire && !targetWire.startsWith(p + '/'));
+  // ui-fix — yerinde bırakma (source parent === target) no-op: backend
+  // "kendine kopyala" 400'ü engellenir (paneller arası + pano yolu).
+  const list = sources.filter(
+    (p) => p && p !== targetWire && !targetWire.startsWith(p + '/') && !sameDir(wireParent(p), targetWire),
+  );
   if (list.length === 0 || !targetWire) return;
   const targetAdapter = wireAdapterOf(targetWire);
   const cross = list.some((p) => wireAdapterOf(p) !== targetAdapter);
@@ -3323,12 +3321,14 @@ async function submitEncryptedFolder(payload: { name: string; password: string }
       :active="paneIsActive"
       :view-mode="paneViewMode /* ui-fix */"
       :thumb-src="thumbs.src /* ui-fix */"
+      :trash-visible="config.trashVisible !== false /* ui-fix — çöp satırı simetrisi */"
       @navigate="onPaneNavigate"
       @activate="activePane = 'split'"
       @close="closeSplit"
       @open-tab="(p: string) => tabsApi.openTab(p, { viewMode: viewMode, background: true })"
       @transfer="onPaneTransfer"
       @context="onPaneContext /* ui-fix — yan panel sağ-tık menüsü */"
+      @open-trash="onPaneOpenTrash /* ui-fix — çöp kutusu ana panelde açılır */"
     />
     <!-- /wiring:d1 -->
 

package/src/components/SecondaryPane.vue

@@ -21,6 +21,7 @@ import type { FileApi } from '../composables/useFileApi';
 import type { FileNode, ViewMode } from '../types/FileNode';
 import type { LocaleCode } from '../types/ExplorerConfig';
 import { useLocale } from '../composables/useLocale';
+import { filterInternalEntries, injectTrashRow, hydrateTrashRow } from '../lib/listing';
 import ListView from './ListView.vue';
 import GridView from './GridView.vue';
 import GalleryView from './GalleryView.vue';
@@ -57,6 +58,9 @@ const props = defineProps<{
   viewMode?: ViewMode;
   /** ui-fix — authenticated thumb resolver, forwarded to grid/gallery. */
   thumbSrc?: (n: FileNode) => string | null;
+  /** ui-fix — mirror the main panel's virtual `.trash` row at storage root
+   *  so both split panes list identical rows (no row-offset). Defaults on. */
+  trashVisible?: boolean;
 }>();
 
 const emit = defineEmits<{
@@ -68,6 +72,9 @@ const emit = defineEmits<{
   /* ui-fix — yan panelde sağ-tık: menü ana bileşende (FileExplorer) açılır.
    * node=null → boş alana sağ-tık (seçimsiz, yalnız Yapıştır). */
   (e: 'context', node: FileNode | null, ev: MouseEvent): void;
+  /* ui-fix — çöp kutusu satırı açıldığında: trash görünümü ana panele aittir
+   * (geri yükleme aksiyonlarıyla), host loadTrash() ile açar. */
+  (e: 'open-trash'): void;
 }>();
 
 const { t } = useLocale(() => props.locale);
@@ -101,14 +108,12 @@ async function loadPane(target?: string): Promise<void> {
       return;
     }
     const resp = await props.api.index(props.qualify(requested));
-    // Same internal-entry filter as the main listing.
-    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;
-      return true;
-    });
+    // Same internal-entry filter + virtual `.trash` row as the main panel
+    // (shared helpers → both split panes list identical rows, no offset).
+    files.value = filterInternalEntries(resp.files);
+    if (injectTrashRow(files.value, resp.adapter, resp.dirname, props.trashVisible !== false)) {
+      void hydrateTrashRow(files.value, resp.adapter, props.api);
+    }
     path.value = props.toUser(resp.dirname);
     selected.value = new Set();
     emit('navigate', path.value);
@@ -204,6 +209,13 @@ function onViewDropInto(target: FileNode, ev: DragEvent) {
 
 function onRowDbl(n: FileNode) {
   if (n.type !== 'dir') return;
+  // The virtual `.trash` row opens the backend trash listing (restore
+  // actions) — that view lives in the main panel; let the host open it.
+  if (n.basename === '.trash') {
+    emit('activate');
+    emit('open-trash');
+    return;
+  }
   void loadPane(isStorageRow(n) ? n.path : props.toUser(n.path));
 }
 
@@ -217,7 +229,7 @@ function clearSelection() {
 
 function onRowDragStart(n: FileNode, ev: DragEvent) {
   if (!ev.dataTransfer) return;
-  if (isStorageRow(n) || atVirtualRoot.value) {
+  if (isStorageRow(n) || atVirtualRoot.value || n.basename === '.trash') {
     ev.preventDefault();
     return;
   }

package/src/lib/listing.ts

@@ -0,0 +1,105 @@
+/**
+ * listing.ts — shared listing helpers used by BOTH the main panel
+ * (FileExplorer.load) and the split-view secondary panel
+ * (SecondaryPane.loadPane). SINGLE SOURCE so the two panes can never
+ * drift apart: the internal-entry filter and the virtual `.trash` row
+ * must be identical in both, otherwise split view shows mismatched rows
+ * (the trash row missing on one side → visible row-offset).
+ */
+import type { FileNode } from '../types/FileNode';
+import { E2E_MARKER_NAME } from './e2ecrypto';
+
+/** Adapter-strip: `s3-test://fileman/x` → `fileman/x`. */
+export function stripAdapter(p: string): string {
+  const idx = p.indexOf('://');
+  return idx === -1 ? p : p.slice(idx + 3);
+}
+
+/**
+ * Hide system/internal entries the user must never see as files:
+ * thumbnails, version history, the soft-delete store, keepdir markers
+ * and the E2E marker. Shared by both panes' listing filters.
+ */
+export function filterInternalEntries(files: FileNode[]): FileNode[] {
+  return (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;
+    return true;
+  });
+}
+
+/** True when `dirname` (adapter-qualified) is the storage root, where the
+ *  virtual trash row belongs. */
+export function isStorageRootDir(dirname: string): boolean {
+  const rel = stripAdapter(dirname);
+  return rel === 'fileman' || rel === '';
+}
+
+/** True when the listing IS the trash view (don't inject the row into itself). */
+export function isTrashListing(dirname: string): boolean {
+  return stripAdapter(dirname).startsWith('fileman/.trash');
+}
+
+/** The synthetic `.trash` row shown at storage root — rendered as
+ *  "Çöp Kutusu" / "Trash" via the `.trash` basename → locale mapping. */
+export function makeTrashRow(adapter: string): FileNode {
+  return {
+    type: 'dir',
+    path: `${adapter}://fileman/.trash`,
+    basename: '.trash',
+    extension: '',
+    storage: adapter,
+    visibility: 'private',
+    size: 0,
+    file_size: 0,
+    mime_type: 'inode/directory',
+    extra_metadata: {},
+  } as unknown as FileNode;
+}
+
+/**
+ * Inject the virtual `.trash` row at the front of a root listing when
+ * enabled. Returns true if a row was added (so the caller can hydrate
+ * it). Mutates `files` in place. Single source for both panes.
+ */
+export function injectTrashRow(
+  files: FileNode[],
+  adapter: string,
+  dirname: string,
+  trashVisible: boolean,
+): boolean {
+  if (!trashVisible) return false;
+  if (isTrashListing(dirname)) return false;
+  if (!isStorageRootDir(dirname)) return false;
+  files.unshift(makeTrashRow(adapter));
+  return true;
+}
+
+/** Best-effort fill of the trash row's size (total bytes) + date (newest
+ *  deletion) from the backend trash listing, so it reads like a real
+ *  folder instead of "— / —". Non-blocking; mutates the row in place. */
+export async function hydrateTrashRow(
+  files: FileNode[],
+  storage: string,
+  api: { listTrash: (s?: string) => Promise<{ entries: Array<{ size?: number; deleted_at: string }> }> },
+): Promise<void> {
+  try {
+    const { entries } = await api.listTrash(storage);
+    const row = files.find((f) => f.basename === '.trash');
+    if (!row) return;
+    let total = 0;
+    let newest = 0;
+    for (const e of entries) {
+      total += e.size || 0;
+      const ts = Date.parse(e.deleted_at);
+      if (!Number.isNaN(ts) && ts > newest) newest = ts;
+    }
+    row.size = total;
+    if (newest > 0) row.last_modified = newest;
+  } catch {
+    /* keep the bare row */
+  }
+}

package/src/styles/base.css

@@ -266,6 +266,9 @@ filex-explorer {
   gap: 4px;
   flex-wrap: wrap;
   padding: 6px 12px;
+  /* ui-fix — split'te yan panel .fe-split__crumbs ile aynı yükseklik (ana
+     panelin "Yola Git" ✏ butonu yoksa da satırlar aynı y'den başlasın). */
+  min-height: 37px;
   background: var(--fe-bg);
   border-bottom: 1px solid var(--fe-border);
   font-size: 13px;
@@ -3262,11 +3265,14 @@ filex-explorer {
 .fe-split__crumbs {
   display: flex;
   align-items: center;
-  gap: 2px;
+  /* ui-fix — ana panel .fe-breadcrumb ile BİREBİR aynı ölçüler (gap/padding/
+     font) → split'te iki breadcrumb tam hizalı, ince kayma yok. */
+  gap: 4px;
   flex: 0 0 auto;
-  padding: 6px 8px;
+  padding: 6px 12px;
+  min-height: 37px; /* ui-fix — ana panel .fe-breadcrumb ile aynı yükseklik */
   border-bottom: 1px solid var(--fe-border);
-  font-size: 12px;
+  font-size: 13px;
   color: var(--fe-text-muted);
   overflow: hidden;
   white-space: nowrap;
@@ -3276,8 +3282,8 @@ filex-explorer {
   background: transparent;
   color: inherit;
   font: inherit;
-  padding: 2px 5px;
-  border-radius: 5px;
+  padding: 2px 6px; /* ui-fix — .fe-breadcrumb__crumb ile aynı */
+  border-radius: var(--fe-radius-sm);
   cursor: pointer;
   max-width: 140px;
   overflow: hidden;