@brftech/filex-core 0.40.0 → 0.41.1

package/dist/TiffViewer-BDQ3d3CQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TiffViewer-BDQ3d3CQ.js","sources":["../src/viewers/TiffViewer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * TiffViewer — multi-page TIFF preview via `utif`.\n *\n * Lazy-imports `utif` (~50 KB). Decodes IFDs once, paints the active\n * page to a `<canvas>` via `UTIF.toRGBA8`. Page navigation (1/N) +\n * zoom in/out controls. Browser <img> can't render TIFF natively, so\n * the canvas pipeline is the only option short of server-side\n * conversion.\n */\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\nimport { fetchViewerArrayBuffer } from '../composables/useViewerFetch';\n\nconst props = defineProps<{\n  url: string;\n  mime?: string;\n  ext: string;\n  t?: (key: string) => string;\n  authHeaders?: () => Record<string, string> | Promise<Record<string, string>>;\n  authCredentials?: RequestCredentials;\n}>();\n\nconst canvasEl = ref<HTMLCanvasElement | null>(null);\nconst error = ref<string | null>(null);\nconst loading = ref(true);\nconst scale = ref(1);\nconst pageIndex = ref(0);\nconst pageCount = ref(0);\nconst pageDims = ref<{ width: number; height: number }>({ width: 0, height: 0 });\n\nlet UTIF: any = null;\nlet ifds: any[] | null = null;\nlet renderToken = 0;\n\nasync function ensureUtif(): Promise<any | null> {\n  if (UTIF) return UTIF;\n  try {\n    const mod = await import(/* @vite-ignore */ 'utif');\n    UTIF = mod.default ?? mod;\n    return UTIF;\n  } catch {\n    return null;\n  }\n}\n\nasync function load(): Promise<void> {\n  loading.value = true;\n  error.value = null;\n  ifds = null;\n  pageIndex.value = 0;\n  pageCount.value = 0;\n  const myToken = ++renderToken;\n\n  const lib = await ensureUtif();\n  if (myToken !== renderToken) return;\n  if (!lib) {\n    error.value = props.t\n      ? props.t('viewer.peer_not_installed')\n      : 'TIFF viewer requires `utif` — install or use download.';\n    loading.value = false;\n    return;\n  }\n\n  try {\n    const buf = await fetchViewerArrayBuffer({\n      url: props.url,\n      headers: (await props.authHeaders?.()) ?? {},\n      credentials: props.authCredentials,\n    });\n    if (myToken !== renderToken) return;\n    ifds = lib.decode(buf);\n    pageCount.value = ifds?.length ?? 0;\n    if (pageCount.value === 0) {\n      throw new Error('No pages decoded');\n    }\n    paint();\n  } catch (err) {\n    error.value = err instanceof Error ? err.message : 'TIFF decode failed';\n  } finally {\n    loading.value = false;\n  }\n}\n\nfunction paint(): void {\n  if (!UTIF || !ifds || !canvasEl.value) return;\n  const idx = Math.max(0, Math.min(pageIndex.value, ifds.length - 1));\n  const ifd = ifds[idx];\n  try {\n    UTIF.decodeImage(undefined, ifd);\n  } catch {\n    // some images already decoded — UTIF.decodeImage is idempotent on\n    // older versions.\n  }\n  const rgba = UTIF.toRGBA8(ifd);\n  const w = ifd.width;\n  const h = ifd.height;\n  pageDims.value = { width: w, height: h };\n  const canvas = canvasEl.value;\n  canvas.width = w;\n  canvas.height = h;\n  const ctx = canvas.getContext('2d');\n  if (!ctx) return;\n  const imageData = ctx.createImageData(w, h);\n  imageData.data.set(rgba);\n  ctx.putImageData(imageData, 0, 0);\n}\n\nfunction next(): void {\n  if (pageIndex.value < pageCount.value - 1) {\n    pageIndex.value++;\n    paint();\n  }\n}\nfunction prev(): void {\n  if (pageIndex.value > 0) {\n    pageIndex.value--;\n    paint();\n  }\n}\nfunction zoomIn(): void {\n  scale.value = Math.min(8, scale.value * 1.25);\n}\nfunction zoomOut(): void {\n  scale.value = Math.max(0.1, scale.value / 1.25);\n}\nfunction reset(): void {\n  scale.value = 1;\n}\n\nonMounted(load);\nonBeforeUnmount(() => {\n  renderToken++;\n  ifds = null;\n});\n\nwatch(() => props.url, load);\n\nconst pageLabel = computed(() => {\n  const m = (props.t && props.t('viewer.page_n_of_m')) || 'Page {n} of {m}';\n  return m.replace('{n}', String(pageIndex.value + 1)).replace('{m}', String(pageCount.value));\n});\n\nfunction tt(key: string, fallback: string): string {\n  return props.t ? props.t(key) : fallback;\n}\n</script>\n\n<template>\n  <div class=\"filex-viewer-tiff\">\n    <div class=\"filex-viewer-tiff__pane\">\n      <div v-if=\"error\" class=\"filex-viewer-fallback\">\n        <span class=\"filex-viewer-fallback__icon\">🖼️</span>\n        <p>{{ error }}</p>\n      </div>\n      <div v-else-if=\"loading\" class=\"filex-viewer-fallback\">\n        <span class=\"filex-viewer-fallback__icon\">⏳</span>\n        <p>{{ tt('viewer.loading', 'Loading…') }}</p>\n      </div>\n      <canvas\n        v-show=\"!loading && !error\"\n        ref=\"canvasEl\"\n        :style=\"{ imageRendering: 'pixelated' }\"\n      />\n      <div v-if=\"!loading && !error && pageCount > 1\" class=\"filex-viewer-tiff__pager\">\n        <button\n          type=\"button\"\n          class=\"filex-viewer-btn\"\n          :disabled=\"pageIndex === 0\"\n          @click=\"prev\"\n        >‹</button>\n        <span class=\"filex-viewer-tiff__pages\">{{ pageLabel }}</span>\n        <button\n          type=\"button\"\n          class=\"filex-viewer-btn\"\n          :disabled=\"pageIndex >= pageCount - 1\"\n          @click=\"next\"\n        >›</button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n/* ⚠ NOT `scoped`, deliberately. Vue's scoped styles compile to\n   `.cls[data-v-HASH]`, and in the web-component build the hash baked into\n   this CSS does not match the one Vue stamps onto the DOM — so every rule\n   here silently stopped applying. Measured in the desktop app: the share\n   dialog had `position: static`, no background and no radius, i.e. raw\n   unstyled HTML, in EVERY embedded surface.\n   Safe to drop: every selector below is prefixed (fx-/fe-/filex-), so\n   there is nothing here that can leak into a host page. */\n.filex-viewer-tiff__pager {\n  position: absolute;\n  bottom: 12px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 8px;\n  background: var(--fe-bg-elev, rgba(255, 255, 255, 0.9));\n  border: 1px solid var(--fe-border, #e2e6ed);\n  border-radius: 6px;\n  backdrop-filter: blur(4px);\n}\n.filex-viewer-tiff__pages {\n  font-size: 12px;\n  font-variant-numeric: tabular-nums;\n}\n.filex-viewer-tiff {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 70vh;\n  background: var(--fe-bg, #fff);\n}\n.filex-viewer-tiff__bar {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 12px;\n  background: var(--fe-bg-elev, #f7f8fa);\n  border-bottom: 1px solid var(--fe-border, #e2e6ed);\n  font-size: 13px;\n}\n.filex-viewer-tiff__pages {\n  min-width: 110px;\n  text-align: center;\n  font-variant-numeric: tabular-nums;\n  font-size: 12px;\n}\n.filex-viewer-tiff__zoom {\n  min-width: 50px;\n  text-align: center;\n  font-variant-numeric: tabular-nums;\n  font-size: 12px;\n}\n.filex-viewer-spacer { flex: 1; }\n.filex-viewer-tiff__pane {\n  flex: 1;\n  overflow: auto;\n  padding: 16px;\n  background: #2a2d33;\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n.filex-viewer-tiff__pane canvas {\n  background: #fff;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);\n}\n.filex-viewer-fallback {\n  text-align: center;\n  padding: 32px;\n  color: #c8cdd6;\n  margin: auto;\n}\n.filex-viewer-fallback__icon {\n  font-size: 48px;\n  display: block;\n  margin-bottom: 12px;\n}\n.filex-viewer-btn {\n  border: 1px solid var(--fe-border, #e2e6ed);\n  background: var(--fe-bg, #fff);\n  color: var(--fe-text, #1a1e27);\n  padding: 4px 10px;\n  border-radius: 4px;\n  cursor: pointer;\n  font: inherit;\n  font-size: 12px;\n}\n.filex-viewer-btn:hover:not(:disabled) {\n  background: var(--fe-bg-hover, #edf0f5);\n}\n.filex-viewer-btn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n</style>\n"],"names":["props","__props","canvasEl","ref","error","loading","pageIndex","pageCount","pageDims","UTIF","ifds","renderToken","ensureUtif","mod","n","load","myToken","lib","buf","fetchViewerArrayBuffer","_a","paint","err","idx","ifd","rgba","w","h","canvas","ctx","imageData","next","prev","onMounted","onBeforeUnmount","watch","pageLabel","computed","tt","key","fallback","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_cache","_hoisted_4","_vShow","_hoisted_5","_hoisted_6","_hoisted_7","_toDisplayString","_hoisted_8"],"mappings":"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"}

package/dist/Viewer3D-CJJJgkuv.js

@@ -1,60 +0,0 @@
-import { defineComponent as w, computed as f, ref as c, onMounted as m, watch as x, resolveComponent as y, openBlock as a, createElementBlock as i, createBlock as _, createElementVNode as n, toDisplayString as u } from "vue";
-const k = { class: "filex-viewer-3d" }, h = {
-  key: 1,
-  class: "filex-viewer-fallback"
-}, g = {
-  key: 2,
-  class: "filex-viewer-fallback"
-}, S = /* @__PURE__ */ w({
-  __name: "Viewer3D",
-  props: {
-    url: {},
-    mime: {},
-    ext: {},
-    t: { type: Function }
-  },
-  setup(l) {
-    const e = l, d = /* @__PURE__ */ new Set(["glb", "gltf", "usdz"]), v = f(() => d.has((e.ext || "").toLowerCase())), t = c(null), r = c(!1);
-    async function s() {
-      if (r.value = !1, t.value = null, !v.value) {
-        t.value = e.t ? e.t("viewer.format_unsupported_3d") : `3D format ".${e.ext}" not supported in browser preview — please download.`;
-        return;
-      }
-      try {
-        await import(
-          /* @vite-ignore */
-          "@google/model-viewer"
-        ), r.value = !0;
-      } catch {
-        t.value = e.t ? e.t("viewer.peer_not_installed") : "3D viewer requires `@google/model-viewer` — install or use download.";
-      }
-    }
-    return m(s), x(() => e.url, () => {
-      s();
-    }), (b, o) => {
-      const p = y("model-viewer");
-      return a(), i("div", k, [
-        r.value && !t.value ? (a(), _(p, {
-          key: 0,
-          src: l.url,
-          "auto-rotate": "",
-          "camera-controls": "",
-          "touch-action": "pan-y",
-          "shadow-intensity": "1",
-          alt: l.ext + " model",
-          style: { width: "100%", height: "100%", "min-height": "480px", display: "block" }
-        }, null, 8, ["src", "alt"])) : t.value ? (a(), i("div", h, [
-          o[0] || (o[0] = n("span", { class: "filex-viewer-fallback__icon" }, "📦", -1)),
-          n("p", null, u(t.value), 1)
-        ])) : (a(), i("div", g, [
-          o[1] || (o[1] = n("span", { class: "filex-viewer-fallback__icon" }, "⏳", -1)),
-          n("p", null, u(l.t ? l.t("viewer.loading") : "Loading…"), 1)
-        ]))
-      ]);
-    };
-  }
-});
-export {
-  S as default
-};
-//# sourceMappingURL=Viewer3D-CJJJgkuv.js.map

package/dist/Viewer3D-CJJJgkuv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Viewer3D-CJJJgkuv.js","sources":["../src/viewers/Viewer3D.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Viewer3D — 3D model preview via `@google/model-viewer`.\n *\n * Lazy-imports the `@google/model-viewer` web component (~80 KB).\n *\n * Format support: model-viewer **only** understands glTF (`.gltf`,\n * `.glb`) and USDZ (iOS). For unsupported formats (`.stl`, `.obj`,\n * `.fbx`, `.3ds`) we deliberately render a download fallback instead\n * of feeding them to model-viewer — earlier code did the latter,\n * which surfaced as `JSON.parse(<ascii STL>)` SyntaxError because\n * model-viewer parses the response body as glTF JSON. (sweep-2026-05-09\n * bugs 19-20.)\n *\n * GLB rendering size: model-viewer mounts its canvas inside a\n * shadow root that doesn't always inherit `height: 100%` from\n * flexbox parents — we pin explicit sizing on the host element\n * to avoid the \"Framebuffer is incomplete: zero size\" warning.\n * (sweep-2026-05-09 bug 21.)\n */\nimport { computed, onMounted, ref, watch } from 'vue';\n\nconst props = defineProps<{\n  url: string;\n  mime?: string;\n  ext: string;\n  /** Locale-aware error/loading messages. */\n  t?: (key: string) => string;\n}>();\n\nconst SUPPORTED_EXTS = new Set(['glb', 'gltf', 'usdz']);\n\nconst isSupported = computed(() => SUPPORTED_EXTS.has((props.ext || '').toLowerCase()));\n\nconst error = ref<string | null>(null);\nconst ready = ref(false);\n\nasync function load(): Promise<void> {\n  ready.value = false;\n  error.value = null;\n  // Bail out early for formats model-viewer can't parse — feeding\n  // them to <model-viewer> triggers JSON.parse SyntaxError because\n  // it expects glTF JSON.\n  if (!isSupported.value) {\n    error.value = props.t\n      ? props.t('viewer.format_unsupported_3d')\n      : `3D format \".${props.ext}\" not supported in browser preview — please download.`;\n    return;\n  }\n  try {\n    await import(/* @vite-ignore */ '@google/model-viewer');\n    ready.value = true;\n  } catch {\n    error.value = props.t\n      ? props.t('viewer.peer_not_installed')\n      : '3D viewer requires `@google/model-viewer` — install or use download.';\n  }\n}\n\nonMounted(load);\n\nwatch(() => props.url, () => {\n  // Re-evaluate on URL change (different file may need different\n  // fallback message).\n  load();\n});\n</script>\n\n<template>\n  <div class=\"filex-viewer-3d\">\n    <model-viewer\n      v-if=\"ready && !error\"\n      :src=\"url\"\n      auto-rotate\n      camera-controls\n      touch-action=\"pan-y\"\n      shadow-intensity=\"1\"\n      :alt=\"ext + ' model'\"\n      style=\"width: 100%; height: 100%; min-height: 480px; display: block\"\n    />\n    <div v-else-if=\"error\" class=\"filex-viewer-fallback\">\n      <span class=\"filex-viewer-fallback__icon\">📦</span>\n      <p>{{ error }}</p>\n    </div>\n    <div v-else class=\"filex-viewer-fallback\">\n      <span class=\"filex-viewer-fallback__icon\">⏳</span>\n      <p>{{ t ? t('viewer.loading') : 'Loading…' }}</p>\n    </div>\n  </div>\n</template>\n\n<style>\n/* ⚠ NOT `scoped`, deliberately. Vue's scoped styles compile to\n   `.cls[data-v-HASH]`, and in the web-component build the hash baked into\n   this CSS does not match the one Vue stamps onto the DOM — so every rule\n   here silently stopped applying. Measured in the desktop app: the share\n   dialog had `position: static`, no background and no radius, i.e. raw\n   unstyled HTML, in EVERY embedded surface.\n   Safe to drop: every selector below is prefixed (fx-/fe-/filex-), so\n   there is nothing here that can leak into a host page. */\n.filex-viewer-3d {\n  width: 100%;\n  height: 100%;\n  min-height: 480px;\n  background: #1a1a1a;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.filex-viewer-3d model-viewer {\n  width: 100%;\n  height: 100%;\n  min-height: 480px;\n  background: #1a1a1a;\n  display: block;\n}\n.filex-viewer-fallback {\n  text-align: center;\n  color: #c8cdd6;\n  padding: 32px;\n  max-width: 480px;\n}\n.filex-viewer-fallback__icon {\n  font-size: 48px;\n  display: block;\n  margin-bottom: 12px;\n}\n</style>\n"],"names":["props","__props","SUPPORTED_EXTS","isSupported","computed","error","ref","ready","load","onMounted","watch","_openBlock","_createElementBlock","_hoisted_1","_createBlock","_component_model_viewer","_hoisted_2","_cache","_createElementVNode","_hoisted_3","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;AAsBA,UAAMA,IAAQC,GAQRC,IAAiB,oBAAI,IAAI,CAAC,OAAO,QAAQ,MAAM,CAAC,GAEhDC,IAAcC,EAAS,MAAMF,EAAe,KAAKF,EAAM,OAAO,IAAI,YAAA,CAAa,CAAC,GAEhFK,IAAQC,EAAmB,IAAI,GAC/BC,IAAQD,EAAI,EAAK;AAEvB,mBAAeE,IAAsB;AAMnC,UALAD,EAAM,QAAQ,IACdF,EAAM,QAAQ,MAIV,CAACF,EAAY,OAAO;AACtB,QAAAE,EAAM,QAAQL,EAAM,IAChBA,EAAM,EAAE,8BAA8B,IACtC,eAAeA,EAAM,GAAG;AAC5B;AAAA,MACF;AACA,UAAI;AACF,cAAM;AAAA;AAAA,UAA0B;AAAA,QAAA,GAChCO,EAAM,QAAQ;AAAA,MAChB,QAAQ;AACN,QAAAF,EAAM,QAAQL,EAAM,IAChBA,EAAM,EAAE,2BAA2B,IACnC;AAAA,MACN;AAAA,IACF;AAEA,WAAAS,EAAUD,CAAI,GAEdE,EAAM,MAAMV,EAAM,KAAK,MAAM;AAG3B,MAAAQ,EAAA;AAAA,IACF,CAAC;;AAIC,aAAAG,EAAA,GAAAC,EAmBM,OAnBNC,GAmBM;AAAA,QAjBIN,EAAA,UAAUF,EAAA,cADlBS,EASEC,GAAA;AAAA;UAPC,KAAKd,EAAA;AAAA,UACN,eAAA;AAAA,UACA,mBAAA;AAAA,UACA,gBAAa;AAAA,UACb,oBAAiB;AAAA,UAChB,KAAKA,EAAA,MAAG;AAAA,UACT,OAAA,EAAA,OAAA,QAAA,QAAA,QAAA,cAAA,SAAA,SAAA,QAAA;AAAA,QAAA,+BAEcI,EAAA,SAAhBM,EAAA,GAAAC,EAGM,OAHNI,GAGM;AAAA,UAFJC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAmD,QAAA,EAA7C,OAAM,8BAAA,GAA8B,MAAE,EAAA;AAAA,UAC5CA,EAAkB,aAAZb,EAAA,KAAK,GAAA,CAAA;AAAA,QAAA,OAEbM,EAAA,GAAAC,EAGM,OAHNO,GAGM;AAAA,UAFJF,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAkD,QAAA,EAA5C,OAAM,8BAAA,GAA8B,KAAC,EAAA;AAAA,UAC3CA,EAAiD,KAAA,MAAAE,EAA3CnB,EAAA,IAAIA,EAAA,EAAC,gBAAA,IAAA,UAAA,GAAA,CAAA;AAAA,QAAA;;;;;"}

package/src/components/SecondaryPane.vue

@@ -1,447 +0,0 @@
-<script setup lang="ts">
-/**
- * SecondaryPane — wiring:d1 the right-hand (secondary) pane of the split view.
- *
- * Deliberately LIGHT: its own path + its own listing — fetched through
- * the SAME FileApi instance the host already constructed (`api.index`,
- * no copied fetch logic) — a small breadcrumb, double-click navigation,
- * click selection and drag&drop in BOTH directions. No toolbar, no
- * inspector, no upload: those belong to the main panel.
- *
- * Path semantics, confinement (`clamp`) and wire-form resolution
- * (`qualify` / `toUser`) are injected from the host so the pane can
- * never drift from the main panel's multi-storage / rootFloor rules.
- *
- * Cross-pane transfers only EMIT (`transfer`); the host decides
- * move-vs-copy and runs the existing ops APIs. Unscoped styles
- * (`fe-split*` in base.css) — webcomponent data-v rule.
- */
-import { computed, ref } from 'vue';
-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 { filterListing, injectTrashRow, hydrateTrashRow } from '../lib/listing';
-import ListView from './ListView.vue';
-import GridView from './GridView.vue';
-import GalleryView from './GalleryView.vue';
-
-// Same literals ListView/GridView already hardcode for the internal DnD
-// channel; `-src` carries the origin directory so the host can move (and
-// undo) correctly across panes.
-const FE_DND_MIME = 'application/x-brf-files';
-const FE_DND_SRC_MIME = 'application/x-brf-files-src';
-import { hasInternalDrag, internalDragItems, internalDragOrigin } from '../lib/dragOut';
-
-const props = defineProps<{
-  api: FileApi;
-  /** Opening location, in the host's `currentPath` form. */
-  initialPath: string;
-  locale: LocaleCode;
-  /** Host's own qualify(): user path → wire `<adapter>://<rel>`. */
-  qualify: (p: string) => string;
-  /** Host's wire → user-path converter (multi-storage aware). */
-  toUser: (wire: string) => string;
-  /** Host's rootFloor clamp — keeps the pane inside the confine. */
-  clamp: (p: string) => string;
-  /** Label for the root crumb (adapter name / storage list). */
-  rootLabel: string;
-  /** rootFloor (user-path form, '' when unconfined) — trims crumbs. */
-  floor?: string;
-  /** Multi-storage mode: '' is the virtual drives root (no fetch). */
-  multiRoot?: boolean;
-  /** Synthesized storage rows for the virtual drives root. */
-  virtualRows?: () => FileNode[];
-  /** Active-panel highlight (keyboard target). */
-  active?: boolean;
-  /** ui-fix — the pane renders the SAME view components as the main
-   *  panel (list/grid/gallery) instead of its own flat list. */
-  viewMode?: ViewMode;
-  /** ui-fix — authenticated thumb resolver, forwarded to grid/gallery. */
-  thumbSrc?: (n: FileNode) => string | null;
-  /** Desktop selective sync badge resolver, forwarded to the views. */
-  keepBadgeFor?: (n: FileNode) => 'kept' | 'syncing' | 'cloud' | 'partial' | 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;
-  /**
-   * The navigation panel is already offering Trash, so neither pane draws the
-   * virtual row. Passed down rather than worked out here: the panel belongs to
-   * the host explorer, and a pane that guessed at it is how the two halves of a
-   * split end up listing different rows.
-   */
-  navOffersTrash?: boolean;
-}>();
-
-const emit = defineEmits<{
-  (e: 'navigate', path: string): void;
-  (e: 'activate'): void;
-  (e: 'close'): void;
-  (e: 'open-tab', path: string): void;
-  (e: 'transfer', p: { sources: string[]; targetWire: string; originWire?: string }): void;
-  /* ui-fix — right-click inside the side pane: the menu is opened by the main
-   * component (FileExplorer). node=null → right-click on empty space (nothing
-   * selected, so "Paste" only). */
-  (e: 'context', node: FileNode | null, ev: MouseEvent): void;
-  /* ui-fix — when the trash row is opened: the trash view belongs to the main
-   * panel (it carries the restore actions), so the host opens it via loadTrash(). */
-  (e: 'open-trash'): void;
-}>();
-
-const { t } = useLocale(() => props.locale);
-
-const path = ref<string>('');
-const files = ref<FileNode[]>([]);
-const loading = ref(false);
-const error = ref('');
-const selected = ref(new Set<string>());
-
-function isStorageRow(n: FileNode): boolean {
-  return n.mime_type === 'inode/storage';
-}
-
-const atVirtualRoot = computed(
-  () => !!props.multiRoot && !(path.value ?? '').replace(/^\/+|\/+$/g, ''),
-);
-
-async function loadPane(target?: string): Promise<void> {
-  const requested = props.clamp(target ?? path.value ?? '');
-  loading.value = true;
-  error.value = '';
-  try {
-    // Multi-storage virtual root: synthesize the drives list, no backend
-    // call — mirrors the main panel's load() branch.
-    if (props.multiRoot && !requested) {
-      files.value = props.virtualRows ? props.virtualRows() : [];
-      path.value = '';
-      selected.value = new Set();
-      emit('navigate', '');
-      return;
-    }
-    const resp = await props.api.index(props.qualify(requested));
-    // Same internal-entry filter + virtual `.trash` row as the main panel
-    // (shared helpers → both split panes list identical rows, no offset).
-    files.value = filterListing(resp.files);
-    if (
-      injectTrashRow(files.value, resp.adapter, resp.dirname, props.trashVisible !== false, {
-        // ⚠ The panel is a sibling of BOTH panes. If it is offering Trash, this
-        // pane must drop the row too — otherwise the duplication is not removed,
-        // it just moves to the right-hand half of a split.
-        navOffersTrash: props.navOffersTrash,
-      })
-    ) {
-      void hydrateTrashRow(files.value, resp.adapter, props.api);
-    }
-    path.value = props.toUser(resp.dirname);
-    selected.value = new Set();
-    emit('navigate', path.value);
-  } catch (err) {
-    error.value = err instanceof Error ? err.message : String(err);
-  } finally {
-    loading.value = false;
-  }
-}
-
-void loadPane(props.initialPath ?? '');
-
-// ------------------------------------------------------------------
-// Breadcrumb
-// ------------------------------------------------------------------
-
-interface Crumb {
-  label: string;
-  target: string;
-  last: boolean;
-}
-
-const crumbs = computed<Crumb[]>(() => {
-  const clean = (path.value || '').replace(/^\/+|\/+$/g, '');
-  const segs = clean ? clean.split('/') : [];
-  const floor = (props.floor || '').replace(/^\/+|\/+$/g, '');
-  const out: Crumb[] = [];
-  let acc = '';
-  for (const s of segs) {
-    acc = acc ? `${acc}/${s}` : s;
-    // Confined embeds: hide the segments strictly ABOVE the floor — the
-    // floor segment itself acts as the pane's root crumb.
-    if (floor && !(acc === floor || acc.startsWith(floor + '/'))) continue;
-    out.push({ label: s, target: acc, last: false });
-  }
-  if (out.length > 0) out[out.length - 1].last = true;
-  return out;
-});
-
-const showRootCrumb = computed(() => !props.floor);
-
-function crumbGo(target: string) {
-  emit('activate');
-  void loadPane(target);
-}
-
-// ------------------------------------------------------------------
-// Selection + navigation
-// ------------------------------------------------------------------
-
-/* ui-fix — adapter for the shared view components' click contract
- * ({ctrl, shift} mod object instead of a MouseEvent). Shift behaves as
- * ctrl here: the pane keeps a simple Set, no range anchor. */
-function onViewClick(n: FileNode, mod: { ctrl: boolean; shift: boolean }) {
-  emit('activate');
-  const multi = mod.ctrl || mod.shift;
-  const next = new Set<string>(multi ? selected.value : []);
-  if (multi && next.has(n.path)) next.delete(n.path);
-  else next.add(n.path);
-  selected.value = next;
-}
-
-/* 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 — right-click on empty space (the background): a selection-less menu
- * ("Paste" only) → pasting files into an empty / into the current folder. The
- * row menu calls stopProp, so this only fires on genuinely empty space. */
-function onBgContext(ev: MouseEvent) {
-  ev.preventDefault();
-  ev.stopPropagation(); // don't bubble into the canvas menu on the FileExplorer root
-  emit('activate');
-  selected.value = new Set();
-  emit('context', null, ev);
-}
-
-/* ui-fix — drop-into from the shared views: same payload path as the
- * old flat rows (dir check + wire-qualified row paths). */
-function onViewDropInto(target: FileNode, ev: DragEvent) {
-  dropBg.value = false;
-  if (target.type !== 'dir' || isStorageRow(target)) return;
-  if (!acceptDrag(ev)) return;
-  handleDropPayload(ev, target.path);
-}
-
-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));
-}
-
-function clearSelection() {
-  selected.value = new Set();
-}
-
-// ------------------------------------------------------------------
-// Drag source
-// ------------------------------------------------------------------
-
-function onRowDragStart(n: FileNode, ev: DragEvent) {
-  if (!ev.dataTransfer) return;
-  if (isStorageRow(n) || atVirtualRoot.value || n.basename === '.trash') {
-    ev.preventDefault();
-    return;
-  }
-  if (!selected.value.has(n.path)) selected.value = new Set([n.path]);
-  const items = files.value
-    .filter((f) => selected.value.has(f.path) && !isStorageRow(f))
-    .map((f) => ({ path: f.path, basename: f.basename, type: f.type }));
-  if (items.length === 0) {
-    ev.preventDefault();
-    return;
-  }
-  ev.dataTransfer.setData(FE_DND_MIME, JSON.stringify(items));
-  ev.dataTransfer.setData(FE_DND_SRC_MIME, props.qualify(path.value));
-  ev.dataTransfer.setData('text/plain', items.map((i) => i.path).join('\n'));
-  ev.dataTransfer.effectAllowed = 'move';
-}
-
-// ------------------------------------------------------------------
-// Drop target (dir rows + pane background)
-// ------------------------------------------------------------------
-
-const dropBg = ref(false);
-
-function acceptDrag(ev: DragEvent): boolean {
-  return hasInternalDrag(ev);
-}
-
-function handleDropPayload(ev: DragEvent, targetWire: string) {
-  const items = internalDragItems(ev);
-  if (!items || !targetWire) return;
-  const origin = internalDragOrigin(ev);
-  const sources = items
-    .map((i) => i.path)
-    .filter((p) => p && p !== targetWire && !targetWire.startsWith(p + '/'));
-  if (sources.length === 0) return;
-  ev.preventDefault();
-  ev.stopPropagation();
-  emit('transfer', { sources, targetWire, originWire: origin });
-}
-
-function onBgDragOver(ev: DragEvent) {
-  if (!acceptDrag(ev) || atVirtualRoot.value) return;
-  ev.preventDefault();
-  ev.stopPropagation();
-  if (ev.dataTransfer) ev.dataTransfer.dropEffect = 'move';
-  dropBg.value = true;
-}
-
-function onBgDragLeave() {
-  dropBg.value = false;
-}
-
-function onBgDrop(ev: DragEvent) {
-  dropBg.value = false;
-  if (!acceptDrag(ev) || atVirtualRoot.value) return;
-  handleDropPayload(ev, props.qualify(path.value));
-}
-
-// ------------------------------------------------------------------
-// Host API (keyboard routing when this pane is active)
-// ------------------------------------------------------------------
-
-function goUp() {
-  const cur = (path.value ?? '').replace(/^\/+|\/+$/g, '');
-  const floor = (props.floor || '').replace(/^\/+|\/+$/g, '');
-  if (!cur || cur === floor) return;
-  const idx = cur.lastIndexOf('/');
-  void loadPane(idx === -1 ? '' : cur.slice(0, idx));
-}
-
-function selectAll() {
-  selected.value = new Set(files.value.filter((f) => !isStorageRow(f)).map((f) => f.path));
-}
-
-function selectedNodes(): FileNode[] {
-  return files.value.filter((f) => selected.value.has(f.path));
-}
-
-function openSelected() {
-  const n = selectedNodes()[0];
-  if (n && n.type === 'dir') onRowDbl(n);
-}
-
-function reload(): Promise<void> {
-  return loadPane();
-}
-
-function getPath(): string {
-  return path.value;
-}
-
-defineExpose({ reload, goUp, selectAll, openSelected, selectedNodes, getPath });
-</script>
-
-<template>
-  <section
-    class="fe-split"
-    :class="{ 'fe-pane--focus': active }"
-    role="region"
-    :aria-label="t('split.pane')"
-    @pointerdown="emit('activate')"
-  >
-    <header class="fe-split__crumbs">
-      <button
-        v-if="showRootCrumb"
-        type="button"
-        class="fe-split__crumb"
-        :class="{ 'is-last': crumbs.length === 0 }"
-        :title="rootLabel"
-        @click="crumbGo('')"
-      >{{ rootLabel }}</button>
-      <template v-for="c in crumbs" :key="c.target">
-        <span class="fe-split__sep" aria-hidden="true">›</span>
-        <button
-          type="button"
-          class="fe-split__crumb"
-          :class="{ 'is-last': c.last }"
-          :title="c.label"
-          @click="crumbGo(c.target)"
-        >{{ c.label }}</button>
-      </template>
-      <span class="fe-split__spacer"></span>
-      <button
-        type="button"
-        class="fe-split__closebtn"
-        :aria-label="t('split.close')"
-        :title="t('split.close')"
-        @click="emit('close')"
-      >×</button>
-    </header>
-
-    <div
-      class="fe-split__body"
-      :class="{ 'is-dropover': dropBg }"
-      @click.self="clearSelection"
-      @contextmenu="onBgContext"
-      @dragover="onBgDragOver"
-      @dragleave="onBgDragLeave"
-      @drop="onBgDrop"
-    >
-      <div v-if="loading && files.length === 0" class="fe-split__state" role="status">
-        {{ t('loading') }}
-      </div>
-      <div v-else-if="error" class="fe-split__state">
-        <span>{{ t('split.error') }}</span>
-        <button type="button" class="fe-btn" @click="() => loadPane()">
-          {{ t('split.retry') }}
-        </button>
-      </div>
-      <div v-else-if="files.length === 0" class="fe-split__state">
-        {{ t('empty.folder') }}
-      </div>
-      <!-- ui-fix — the same view components (list/grid/gallery), driven by the
-           pane's own viewMode; the old flat fe-split__list is gone. -->
-      <ListView
-        v-else-if="(viewMode ?? 'list') === 'list'"
-        :files="files"
-        :selected="selected"
-        :locale="locale"
-        :loading="loading"
-        :keep-badge-for="keepBadgeFor"
-        @click-row="onViewClick"
-        @dbl-row="onRowDbl"
-        @context-row="onViewContext"
-        @item-drag-start="onRowDragStart"
-        @item-drop-into="onViewDropInto"
-      />
-      <GridView
-        v-else-if="viewMode === 'grid'"
-        :files="files"
-        :selected="selected"
-        :locale="locale"
-        :loading="loading"
-        :thumb-src="thumbSrc"
-        :keep-badge-for="keepBadgeFor"
-        @click-card="onViewClick"
-        @dbl-card="onRowDbl"
-        @context-card="onViewContext"
-        @item-drag-start="onRowDragStart"
-        @item-drop-into="onViewDropInto"
-      />
-      <GalleryView
-        v-else
-        :files="files"
-        :selected="selected"
-        :locale="locale"
-        :loading="loading"
-        :thumb-src="thumbSrc"
-        @click-card="onViewClick"
-        @dbl-card="onRowDbl"
-        @context-card="onViewContext"
-        @item-drag-start="onRowDragStart"
-        @item-drop-into="onViewDropInto"
-      />
-    </div>
-  </section>
-</template>