@brftech/filex-core 0.7.1 → 0.7.2

package/src/FileExplorer.vue

@@ -1341,9 +1341,11 @@ function openNodeInNewTab(n: FileNode) {
   void markRecent(n);
 }
 
-type ContextMode = 'selection' | 'breadcrumb';
+type ContextMode = 'selection' | 'breadcrumb' | 'pane' /* ui-fix — yan panel sağ-tık */;
 const ctxMode = ref<ContextMode>('selection');
 const breadcrumbCtxPath = ref<string>('');
+/* ui-fix — yan panel sağ-tık menüsünün hedef node'ları (pane selection). */
+const paneCtxTargets = ref<FileNode[]>([]);
 const breadcrumbCtxLabel = ref<string>('');
 
 const selectionMode = computed<SelectionMode>(() => {
@@ -1388,6 +1390,61 @@ 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). */
+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.
+  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 [
@@ -1395,6 +1452,9 @@ 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);
+  }
 
   const sel = selection.nodes.value;
   const any = sel.length > 0;
@@ -1517,6 +1577,10 @@ 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);
+    return;
+  }
   await dispatchItemAction(action.key, targets);
 }
 
@@ -2930,6 +2994,18 @@ async function submitEncryptedFolder(payload: { name: string; password: string }
       @open-recents="showRecents = true"
     />
 
+    <!-- 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" :class="{ 'fe__main--split': splitVisible } /* wiring:d1 */">
+    <!-- ui-fix — sol panelin başlığı (breadcrumb + durum şeritleri + body)
+         tek bir sarmalda: split modunda bu sarmal sol yarıya sığar, böylece
+         breadcrumb tüm sayfayı değil kendi panelini kaplar (SecondaryPane'in
+         kendi kırıntısıyla simetrik). Aktif-panel vurgusu da bu sarmalda. -->
+    <div
+      class="fe__primary"
+      :class="{ 'fe-pane--focus': mainPaneFocus } /* wiring:d1 — aktif panel vurgusu */"
+    >
     <Breadcrumb
       :dirname="dirname"
       :adapter="adapter"
@@ -2971,13 +3047,8 @@ async function submitEncryptedFolder(payload: { name: string; password: string }
     </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" :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()"
     >
@@ -3230,6 +3301,7 @@ async function submitEncryptedFolder(payload: { name: string; password: string }
       />
       <!-- /wiring:d2 -->
     </div>
+    </div><!-- /fe__primary ui-fix -->
 
     <!-- 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
@@ -3256,6 +3328,7 @@ async function submitEncryptedFolder(payload: { name: string; password: string }
       @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ü */"
     />
     <!-- /wiring:d1 -->
 

package/src/components/SecondaryPane.vue

@@ -65,6 +65,9 @@ const emit = defineEmits<{
   (e: 'close'): void;
   (e: 'open-tab', path: string): void;
   (e: 'transfer', p: { sources: string[]; targetWire: string; originWire?: string }): void;
+  /* 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;
 }>();
 
 const { t } = useLocale(() => props.locale);
@@ -168,14 +171,26 @@ function onViewClick(n: FileNode, mod: { ctrl: boolean; shift: boolean }) {
   selected.value = next;
 }
 
-/* ui-fix — right-click on a pane item: activate + select it, no menu
- * (the pane has no item menu; letting the main panel's menu open here
- * would act on the WRONG panel's selection). */
+/* ui-fix — right-click on a pane item: activate + select it, then let the
+ * host open the pane context menu (its actions are pane-routed). Selecting
+ * first keeps the menu's targets on THIS pane, not the main panel. */
 function onViewContext(n: FileNode, ev: MouseEvent) {
   ev.preventDefault();
   ev.stopPropagation();
   emit('activate');
   if (!selected.value.has(n.path)) selected.value = new Set([n.path]);
+  emit('context', n, ev);
+}
+
+/* ui-fix — boş alana (arka plan) sağ-tık: seçimsiz menü (yalnız Yapıştır)
+ * → boş klasöre / mevcut klasöre dosya yapıştırma. Satır menüsü stopProp
+ * ettiğinden bu yalnız gerçek boş alanda tetiklenir. */
+function onBgContext(ev: MouseEvent) {
+  ev.preventDefault();
+  ev.stopPropagation(); // FileExplorer kökündeki canvas menüsüne bubble etmesin
+  emit('activate');
+  selected.value = new Set();
+  emit('context', null, ev);
 }
 
 /* ui-fix — drop-into from the shared views: same payload path as the
@@ -344,6 +359,7 @@ defineExpose({ reload, goUp, selectAll, openSelected, selectedNodes, getPath });
       class="fe-split__body"
       :class="{ 'is-dropover': dropBg }"
       @click.self="clearSelection"
+      @contextmenu="onBgContext"
       @dragover="onBgDragOver"
       @dragleave="onBgDragLeave"
       @drop="onBgDrop"

package/src/styles/base.css

@@ -3220,9 +3220,23 @@ filex-explorer {
   display: none;
 }
 
+/* ui-fix — sol panel sarmalı: breadcrumb + durum şeritleri + body bir
+   flex-column. Split olmadan tüm genişlik; split olunca sol yarı (böylece
+   breadcrumb kendi panelini kaplar, SecondaryPane ile simetrik). */
+.fe__primary {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-width: 0;
+  min-height: 0;
+}
+.fe__primary > .fe__body {
+  min-width: 0;
+}
+
 /* Split layout — equal halves inside fe__main; the inspector (koru:k1)
    keeps its fixed width to the right of both. */
-.fe__main--split > .fe__body {
+.fe__main--split > .fe__primary {
   flex: 1 1 50%;
 }
 .fe-split {
@@ -3236,11 +3250,11 @@ filex-explorer {
   color: var(--fe-text);
 }
 /* Active-panel accent: a thin top line on whichever pane owns the keyboard. */
-.fe__main--split > .fe__body,
+.fe__main--split > .fe__primary,
 .fe-split {
   box-shadow: inset 0 2px 0 transparent;
 }
-.fe__main--split > .fe__body.fe-pane--focus,
+.fe__main--split > .fe__primary.fe-pane--focus,
 .fe-split.fe-pane--focus {
   box-shadow: inset 0 2px 0 var(--fe-primary);
 }