@floegence/floe-webapp-core 0.35.47 → 0.35.49

package/dist/components/file-browser/FileListView.js

@@ -1,510 +1,531 @@
-import { use as ee, insert as x, createComponent as h, effect as L, className as U, setStyleProperty as E, addEventListener as xe, template as _, spread as ve, mergeProps as we, memo as oe, delegateEvents as be } from "solid-js/web";
-import { createMemo as te, createEffect as Ce, onCleanup as ae, createSignal as se, Show as T, For as le, untrack as Se } from "solid-js";
-import { cn as W } from "../../utils/cn.js";
-import { useMediaQuery as ne } from "../../hooks/useMediaQuery.js";
-import { useResizeObserver as De } from "../../hooks/useResizeObserver.js";
-import { useVirtualWindow as Me } from "../../hooks/useVirtualWindow.js";
-import { useFileBrowser as ce } from "./FileBrowserContext.js";
-import { useFileBrowserDrag as $e } from "../../context/FileBrowserDragContext.js";
-import { FileItemIcon as Ie } from "./FileIcons.js";
-import { ChevronDown as ze } from "../icons/index.js";
-import { createLongPressContextMenuHandlers as _e } from "./longPressContextMenu.js";
-import { ResizeHandle as ie } from "../layout/ResizeHandle.js";
-import { fileBrowserTouchTargetAttrs as ye } from "./touchInteractionGuard.js";
-import { createItemContextMenuEvent as Pe } from "./contextMenuEvent.js";
-var Re = /* @__PURE__ */ _("<span class=truncate>"), Te = /* @__PURE__ */ _('<mark class="bg-warning/40 text-inherit rounded-sm">'), ke = /* @__PURE__ */ _("<span>"), Fe = /* @__PURE__ */ _('<div><button type=button class="group w-full flex items-center justify-start text-left px-3 py-2 cursor-pointer hover:bg-muted/50 transition-colors">Modified'), Ae = /* @__PURE__ */ _('<div class=shrink-0><button type=button class="group w-full flex items-center justify-start text-left px-3 py-2 cursor-pointer hover:bg-muted/50 transition-colors">Size'), Le = /* @__PURE__ */ _("<div>"), pe = /* @__PURE__ */ _('<div><div class="flex items-center border-b border-border text-[11px] text-muted-foreground font-medium"><div><button type=button class="group w-full flex items-center min-w-0 px-3 py-2 cursor-pointer hover:bg-muted/50 transition-colors"><span class="flex items-center gap-2 min-w-0"><span class="flex-shrink-0 w-4 h-4"aria-hidden=true></span><span class="flex items-center min-w-0"><span class=truncate>Name</span></span></span></button></div></div><div class="flex-1 min-h-0 overflow-auto">'), We = /* @__PURE__ */ _('<span>No files matching "<!>"'), Ee = /* @__PURE__ */ _('<button type=button class="px-2 py-1 rounded bg-muted hover:bg-muted/80 transition-colors">Clear Filter'), He = /* @__PURE__ */ _('<div class="flex flex-col items-center justify-center h-32 gap-2 text-xs text-muted-foreground">'), Ne = /* @__PURE__ */ _("<span>This folder is empty"), re = /* @__PURE__ */ _('<div class="shrink-0 px-3 py-1.5 text-left text-muted-foreground truncate">'), Be = /* @__PURE__ */ _('<button type=button><div class="flex items-center gap-2 flex-1 min-w-0 px-3 py-1.5"><span class="flex-shrink-0 w-4 h-4">');
-function qe(e) {
-  const a = te(() => {
-    if (!e.match || e.match.matchedIndices.length === 0)
+import { use as ee, insert as f, createComponent as m, effect as p, className as N, setStyleProperty as L, addEventListener as ie, style as Ce, template as _, spread as be, mergeProps as Me, memo as ce, delegateEvents as De } from "solid-js/web";
+import { createMemo as te, createEffect as Ie, onCleanup as de, createSignal as ue, Show as P, For as me, untrack as $e } from "solid-js";
+import { cn as E } from "../../utils/cn.js";
+import { useMediaQuery as re } from "../../hooks/useMediaQuery.js";
+import { useResizeObserver as _e } from "../../hooks/useResizeObserver.js";
+import { useVirtualWindow as ze } from "../../hooks/useVirtualWindow.js";
+import { useFileBrowser as fe } from "./FileBrowserContext.js";
+import { useFileBrowserDrag as ye } from "../../context/FileBrowserDragContext.js";
+import { FileItemIcon as Pe } from "./FileIcons.js";
+import { ChevronDown as Re } from "../icons/index.js";
+import { createLongPressContextMenuHandlers as Te } from "./longPressContextMenu.js";
+import { ResizeHandle as oe } from "../layout/ResizeHandle.js";
+import { fileBrowserTouchTargetAttrs as Fe } from "./touchInteractionGuard.js";
+import { createItemContextMenuEvent as ke } from "./contextMenuEvent.js";
+import { createFileBrowserMarqueeSelection as pe, FILE_BROWSER_MARQUEE_OVERLAY_CLASS as Ae } from "./useFileBrowserMarqueeSelection.js";
+import { isPrimaryModKeyPressed as ae } from "../../utils/keybind.js";
+var Ee = /* @__PURE__ */ _("<span class=truncate>"), Le = /* @__PURE__ */ _('<mark class="bg-warning/40 text-inherit rounded-sm">'), We = /* @__PURE__ */ _("<span>"), Be = /* @__PURE__ */ _('<div><button type=button class="group w-full flex items-center justify-start text-left px-3 py-2 cursor-pointer hover:bg-muted/50 transition-colors">Modified'), He = /* @__PURE__ */ _('<div class=shrink-0><button type=button class="group w-full flex items-center justify-start text-left px-3 py-2 cursor-pointer hover:bg-muted/50 transition-colors">Size'), le = /* @__PURE__ */ _("<div>"), qe = /* @__PURE__ */ _('<div><div class="flex items-center border-b border-border text-[11px] text-muted-foreground font-medium"><div><button type=button class="group w-full flex items-center min-w-0 px-3 py-2 cursor-pointer hover:bg-muted/50 transition-colors"><span class="flex items-center gap-2 min-w-0"><span class="flex-shrink-0 w-4 h-4"aria-hidden=true></span><span class="flex items-center min-w-0"><span class=truncate>Name</span></span></span></button></div></div><div class="relative flex-1 min-h-0 overflow-auto">'), Ne = /* @__PURE__ */ _('<span>No files matching "<!>"'), Oe = /* @__PURE__ */ _('<button type=button class="px-2 py-1 rounded bg-muted hover:bg-muted/80 transition-colors">Clear Filter'), Xe = /* @__PURE__ */ _('<div class="flex flex-col items-center justify-center h-32 gap-2 text-xs text-muted-foreground">'), Ye = /* @__PURE__ */ _("<span>This folder is empty"), se = /* @__PURE__ */ _('<div class="shrink-0 px-3 py-1.5 text-left text-muted-foreground truncate">'), Ge = /* @__PURE__ */ _('<button type=button><div class="flex items-center gap-2 flex-1 min-w-0 px-3 py-1.5"><span class="flex-shrink-0 w-4 h-4">');
+function Ve(t) {
+  const o = te(() => {
+    if (!t.match || t.match.matchedIndices.length === 0)
       return [{
-        text: e.name,
+        text: t.name,
         highlight: !1
       }];
-    const D = [], R = new Set(e.match.matchedIndices);
-    let $ = "", b = !1;
-    for (let f = 0; f < e.name.length; f++) {
-      const I = R.has(f);
-      f === 0 ? (b = I, $ = e.name[f]) : I === b ? $ += e.name[f] : (D.push({
-        text: $,
-        highlight: b
-      }), $ = e.name[f], b = I);
+    const D = [], R = new Set(t.match.matchedIndices);
+    let I = "", C = !1;
+    for (let g = 0; g < t.name.length; g++) {
+      const $ = R.has(g);
+      g === 0 ? (C = $, I = t.name[g]) : $ === C ? I += t.name[g] : (D.push({
+        text: I,
+        highlight: C
+      }), I = t.name[g], C = $);
     }
-    return $ && D.push({
-      text: $,
-      highlight: b
+    return I && D.push({
+      text: I,
+      highlight: C
     }), D;
   });
   return (() => {
-    var D = Re();
-    return x(D, h(le, {
+    var D = Ee();
+    return f(D, m(me, {
       get each() {
-        return a();
+        return o();
       },
-      children: (R) => h(T, {
+      children: (R) => m(P, {
         get when() {
           return R.highlight;
         },
         get fallback() {
-          return oe(() => R.text);
+          return ce(() => R.text);
         },
         get children() {
-          var $ = Te();
-          return x($, () => R.text), $;
+          var I = Le();
+          return f(I, () => R.text), I;
         }
       })
     })), D;
   })();
 }
-function rt(e) {
-  const a = ce(), D = $e(), R = () => (e.enableDragDrop ?? !0) && !!D, $ = () => e.instanceId ?? "default", b = 32, f = Me({
-    count: () => a.currentFiles().length,
-    itemSize: () => b,
+function ut(t) {
+  const o = fe(), D = ye(), R = () => (t.enableDragDrop ?? !0) && !!D, I = () => t.instanceId ?? "default", C = 32, g = ze({
+    count: () => o.currentFiles().length,
+    itemSize: () => C,
     overscan: 12
-  }), I = te(() => {
+  }), $ = te(() => {
     const {
       start: n,
       end: i
-    } = f.range();
-    return a.currentFiles().slice(n, i);
-  }), k = /* @__PURE__ */ new Map();
-  let y = null, v = 0;
-  const V = (n, i) => {
+    } = g.range();
+    return o.currentFiles().slice(n, i);
+  }), T = /* @__PURE__ */ new Map();
+  let z = null, x = 0;
+  const U = (n, i) => {
     if (i) {
-      k.set(n, i);
+      T.set(n, i);
       return;
     }
-    k.delete(n);
+    T.delete(n);
   }, Q = (n) => {
-    if (!y) return;
-    const i = n * b, s = i + b, d = y.scrollTop, g = d + y.clientHeight;
-    if (i < d) {
-      y.scrollTop = i, f.onScroll();
+    if (!z) return;
+    const i = n * C, l = i + C, c = z.scrollTop, h = c + z.clientHeight;
+    if (i < c) {
+      z.scrollTop = i, g.onScroll();
       return;
     }
-    s > g && (y.scrollTop = Math.max(0, s - y.clientHeight), f.onScroll());
+    l > h && (z.scrollTop = Math.max(0, l - z.clientHeight), g.onScroll());
   };
-  Ce(() => {
-    const n = a.revealRequest(), i = a.currentFiles();
-    if (I(), !n) return;
-    const s = i.findIndex((w) => w.id === n.targetId);
-    if (s < 0) return;
-    if (!k.get(n.targetId)) {
-      Q(s);
+  Ie(() => {
+    const n = o.revealRequest(), i = o.currentFiles();
+    if ($(), !n) return;
+    const l = i.findIndex((v) => v.id === n.targetId);
+    if (l < 0) return;
+    if (!T.get(n.targetId)) {
+      Q(l);
       return;
     }
-    typeof cancelAnimationFrame == "function" && v && (cancelAnimationFrame(v), v = 0);
-    const g = () => {
-      a.revealRequest()?.requestId === n.requestId && (k.get(n.targetId)?.scrollIntoView({
+    typeof cancelAnimationFrame == "function" && x && (cancelAnimationFrame(x), x = 0);
+    const h = () => {
+      o.revealRequest()?.requestId === n.requestId && (T.get(n.targetId)?.scrollIntoView({
         block: "nearest",
         inline: "nearest"
-      }), a.selectItem(n.targetId, !1), a.consumeRevealRequest(n.requestId));
+      }), o.selectItem(n.targetId, !1), o.consumeRevealRequest(n.requestId));
     };
     if (typeof requestAnimationFrame == "function") {
-      v = requestAnimationFrame(() => {
-        v = 0, g();
+      x = requestAnimationFrame(() => {
+        x = 0, h();
       });
       return;
     }
-    queueMicrotask(g);
-  }), ae(() => {
-    typeof cancelAnimationFrame == "function" && v && cancelAnimationFrame(v);
+    queueMicrotask(h);
+  }), de(() => {
+    typeof cancelAnimationFrame == "function" && x && cancelAnimationFrame(x);
   });
-  const F = (n) => {
-    const i = a.sortConfig();
-    a.setSortConfig({
+  const k = (n) => {
+    const i = o.sortConfig();
+    o.setSortConfig({
       field: n,
       direction: i.field === n && i.direction === "asc" ? "desc" : "asc"
     });
-  }, j = (n) => n === void 0 ? "-" : n < 1024 ? `${n} B` : n < 1024 * 1024 ? `${(n / 1024).toFixed(1)} KB` : `${(n / (1024 * 1024)).toFixed(1)} MB`, B = (n) => n ? n.toLocaleDateString("en-US", {
+  }, j = (n) => n === void 0 ? "-" : n < 1024 ? `${n} B` : n < 1024 * 1024 ? `${(n / 1024).toFixed(1)} KB` : `${(n / (1024 * 1024)).toFixed(1)} MB`, O = (n) => n ? n.toLocaleDateString("en-US", {
     month: "short",
     day: "numeric",
     year: "numeric"
-  }) : "-", P = (n) => {
-    const i = () => a.sortConfig(), s = () => i().field === n.field;
+  }) : "-", y = pe({
+    getContainer: () => z,
+    getVisibleItemIdsInOrder: () => o.currentFiles().map((n) => n.id),
+    getElementForId: (n) => T.get(n) ?? null,
+    getSelectedIds: () => [...o.selectedItems()],
+    replaceSelection: (n, i) => o.replaceSelection(n, i),
+    clearSelection: o.clearSelection
+  }), W = (n) => {
+    const i = () => o.sortConfig(), l = () => i().field === n.field;
     return (() => {
-      var d = ke();
-      return x(d, h(ze, {
+      var c = We();
+      return f(c, m(Re, {
         get class() {
-          return W("w-3 h-3 transition-transform duration-150", s() && i().direction === "asc" && "rotate-180");
+          return E("w-3 h-3 transition-transform duration-150", l() && i().direction === "asc" && "rotate-180");
         }
-      })), L(() => U(d, W("ml-1 transition-all duration-150", s() ? "opacity-100" : "opacity-0 group-hover:opacity-40"))), d;
+      })), p(() => N(c, E("ml-1 transition-all duration-150", l() ? "opacity-100" : "opacity-0 group-hover:opacity-40"))), c;
     })();
-  }, K = ne("(min-width: 640px)"), H = ne("(min-width: 768px)"), [q, J] = se(null), O = De(q), p = (n, i, s) => Math.max(i, Math.min(s, n)), M = te(() => {
-    const n = O()?.width ?? 0, i = K(), s = H(), d = a.listColumnRatios(), g = 160, w = 120, C = 80, z = 128, o = 96;
+  }, B = re("(min-width: 640px)"), X = re("(min-width: 768px)"), [K, Y] = ue(null), J = _e(K), A = (n, i, l) => Math.max(i, Math.min(l, n)), S = te(() => {
+    const n = J()?.width ?? 0, i = B(), l = X(), c = o.listColumnRatios(), h = 160, v = 120, b = 80, M = 128, a = 96;
     if (!i || n <= 0)
       return {
         width: n,
         showModified: i,
-        showSize: s,
-        minName: g,
-        minModified: w,
-        minSize: C,
-        modifiedWidth: z,
-        sizeWidth: o
+        showSize: l,
+        minName: h,
+        minModified: v,
+        minSize: b,
+        modifiedWidth: M,
+        sizeWidth: a
       };
-    if (!s) {
-      const c = d.size, m = Math.max(0, 1 - c);
-      let u = (m > 0 ? d.modifiedAt / m : d.modifiedAt) * n;
-      return u = p(u, w, Math.max(w, n - g)), {
+    if (!l) {
+      const u = c.size, d = Math.max(0, 1 - u);
+      let w = (d > 0 ? c.modifiedAt / d : c.modifiedAt) * n;
+      return w = A(w, v, Math.max(v, n - h)), {
         width: n,
         showModified: i,
-        showSize: s,
-        minName: g,
-        minModified: w,
-        minSize: C,
-        modifiedWidth: u,
+        showSize: l,
+        minName: h,
+        minModified: v,
+        minSize: b,
+        modifiedWidth: w,
         sizeWidth: 0
       };
     }
-    let r = Math.max(w, d.modifiedAt * n), l = Math.max(C, d.size * n);
-    const t = Math.max(0, n - g);
-    if (r + l > t) {
-      const c = r + l - t, m = Math.max(0, r - w), u = Math.max(0, l - C), S = m + u;
-      S > 0 && (r -= c * (m / S), l -= c * (u / S));
+    let r = Math.max(v, c.modifiedAt * n), e = Math.max(b, c.size * n);
+    const s = Math.max(0, n - h);
+    if (r + e > s) {
+      const u = r + e - s, d = Math.max(0, r - v), w = Math.max(0, e - b), F = d + w;
+      F > 0 && (r -= u * (d / F), e -= u * (w / F));
     }
-    return r = Math.max(w, r), l = Math.max(C, l), {
+    return r = Math.max(v, r), e = Math.max(b, e), {
       width: n,
       showModified: i,
-      showSize: s,
-      minName: g,
-      minModified: w,
-      minSize: C,
+      showSize: l,
+      minName: h,
+      minModified: v,
+      minSize: b,
       modifiedWidth: r,
-      sizeWidth: l
+      sizeWidth: e
     };
-  }), A = () => M().modifiedWidth, N = () => M().sizeWidth, X = (n) => {
-    const i = M();
+  }), H = () => S().modifiedWidth, q = () => S().sizeWidth, G = (n) => {
+    const i = S();
     if (!i.showModified || i.width <= 0) return;
     if (!i.showSize) {
-      const c = a.listColumnRatios().size, m = Math.max(0, 1 - c);
-      if (m <= 0) return;
-      const u = i.width, S = i.modifiedWidth, Y = Math.max(0, u - S), de = i.minName - Y, ue = S - i.minModified, Z = p(n, de, ue);
+      const u = o.listColumnRatios().size, d = Math.max(0, 1 - u);
+      if (d <= 0) return;
+      const w = i.width, F = i.modifiedWidth, ne = Math.max(0, w - F), ge = i.minName - ne, he = F - i.minModified, Z = A(n, ge, he);
       if (Z === 0) return;
-      const me = Y + Z, fe = S - Z, ge = me / u * m, he = fe / u * m;
-      a.setListColumnRatios({
-        name: ge,
-        modifiedAt: he,
-        size: c
+      const xe = ne + Z, ve = F - Z, we = xe / w * d, Se = ve / w * d;
+      o.setListColumnRatios({
+        name: we,
+        modifiedAt: Se,
+        size: u
       });
       return;
     }
-    const s = i.width, d = i.modifiedWidth, g = i.sizeWidth, w = Math.max(0, s - d - g), C = i.minName - w, z = d - i.minModified, o = p(n, C, z);
-    if (o === 0) return;
-    const r = w + o, l = d - o;
-    a.setListColumnRatios({
-      name: r / s,
-      modifiedAt: l / s,
-      size: g / s
+    const l = i.width, c = i.modifiedWidth, h = i.sizeWidth, v = Math.max(0, l - c - h), b = i.minName - v, M = c - i.minModified, a = A(n, b, M);
+    if (a === 0) return;
+    const r = v + a, e = c - a;
+    o.setListColumnRatios({
+      name: r / l,
+      modifiedAt: e / l,
+      size: h / l
     });
-  }, G = (n) => {
-    const i = M();
+  }, V = (n) => {
+    const i = S();
     if (!i.showSize || i.width <= 0) return;
-    const s = i.width, d = i.modifiedWidth, g = i.sizeWidth, w = i.minModified - d, C = g - i.minSize, z = p(n, w, C);
-    if (z === 0) return;
-    const o = d + z, r = g - z, l = Math.max(0, s - o - r);
-    a.setListColumnRatios({
-      name: l / s,
-      modifiedAt: o / s,
-      size: r / s
+    const l = i.width, c = i.modifiedWidth, h = i.sizeWidth, v = i.minModified - c, b = h - i.minSize, M = A(n, v, b);
+    if (M === 0) return;
+    const a = c + M, r = h - M, e = Math.max(0, l - a - r);
+    o.setListColumnRatios({
+      name: e / l,
+      modifiedAt: a / l,
+      size: r / l
     });
   };
   return (() => {
-    var n = pe(), i = n.firstChild, s = i.firstChild, d = s.firstChild, g = d.firstChild, w = g.firstChild, C = w.nextSibling;
-    C.firstChild;
-    var z = i.nextSibling;
-    return ee(J, i), d.$$click = () => F("name"), x(C, h(P, {
+    var n = qe(), i = n.firstChild, l = i.firstChild, c = l.firstChild, h = c.firstChild, v = h.firstChild, b = v.nextSibling;
+    b.firstChild;
+    var M = i.nextSibling;
+    return ee(Y, i), c.$$click = () => k("name"), f(b, m(W, {
       field: "name"
-    }), null), x(s, h(T, {
+    }), null), f(l, m(P, {
       get when() {
-        return M().showModified;
+        return S().showModified;
       },
       get children() {
-        return h(ie, {
+        return m(oe, {
           direction: "horizontal",
-          onResize: X
+          onResize: G
         });
       }
-    }), null), x(i, h(T, {
+    }), null), f(i, m(P, {
       get when() {
-        return M().showModified;
+        return S().showModified;
       },
       get children() {
-        var o = Fe(), r = o.firstChild;
-        return r.firstChild, r.$$click = () => F("modifiedAt"), x(r, h(P, {
+        var a = Be(), r = a.firstChild;
+        return r.firstChild, r.$$click = () => k("modifiedAt"), f(r, m(W, {
           field: "modifiedAt"
-        }), null), x(o, h(T, {
+        }), null), f(a, m(P, {
           get when() {
-            return M().showSize;
+            return S().showSize;
           },
           get children() {
-            return h(ie, {
+            return m(oe, {
               direction: "horizontal",
-              onResize: G
+              onResize: V
             });
           }
-        }), null), L((l) => {
-          var t = W("relative shrink-0", M().showSize && "border-r border-border"), c = `${A()}px`;
-          return t !== l.e && U(o, l.e = t), c !== l.t && E(o, "width", l.t = c), l;
+        }), null), p((e) => {
+          var s = E("relative shrink-0", S().showSize && "border-r border-border"), u = `${H()}px`;
+          return s !== e.e && N(a, e.e = s), u !== e.t && L(a, "width", e.t = u), e;
         }, {
           e: void 0,
           t: void 0
-        }), o;
+        }), a;
       }
-    }), null), x(i, h(T, {
+    }), null), f(i, m(P, {
       get when() {
-        return M().showSize;
+        return S().showSize;
       },
       get children() {
-        var o = Ae(), r = o.firstChild;
-        return r.firstChild, r.$$click = () => F("size"), x(r, h(P, {
+        var a = He(), r = a.firstChild;
+        return r.firstChild, r.$$click = () => k("size"), f(r, m(W, {
           field: "size"
-        }), null), L((l) => E(o, "width", `${N()}px`)), o;
+        }), null), p((e) => L(a, "width", `${q()}px`)), a;
       }
-    }), null), xe(z, "scroll", f.onScroll), ee((o) => {
-      y = o, f.scrollRef(o), a.setScrollContainer(o);
-    }, z), x(z, h(T, {
+    }), null), ie(M, "pointerdown", y.onPointerDown, !0), ie(M, "scroll", g.onScroll), ee((a) => {
+      z = a, g.scrollRef(a), o.setScrollContainer(a);
+    }, M), f(M, m(P, {
       get when() {
-        return a.currentFiles().length > 0;
+        return o.currentFiles().length > 0;
       },
       get fallback() {
         return (() => {
-          var o = He();
-          return x(o, h(T, {
+          var a = Xe();
+          return f(a, m(P, {
             get when() {
-              return a.filterQueryApplied().trim();
+              return o.filterQueryApplied().trim();
             },
             get fallback() {
-              return Ne();
+              return Ye();
             },
             get children() {
               return [(() => {
-                var r = We(), l = r.firstChild, t = l.nextSibling;
-                return t.nextSibling, x(r, () => a.filterQueryApplied(), t), r;
+                var r = Ne(), e = r.firstChild, s = e.nextSibling;
+                return s.nextSibling, f(r, () => o.filterQueryApplied(), s), r;
               })(), (() => {
-                var r = Ee();
-                return r.$$click = () => a.setFilterQuery(""), r;
+                var r = Oe();
+                return r.$$click = () => o.setFilterQuery(""), r;
               })()];
             }
-          })), o;
+          })), a;
         })();
       },
       get children() {
-        var o = Le();
-        return x(o, h(le, {
+        var a = le();
+        return f(a, m(me, {
           get each() {
-            return I();
+            return $();
           },
-          children: (r) => h(Oe, {
+          children: (r) => m(Ue, {
             item: r,
             formatSize: j,
-            formatDate: B,
+            formatDate: O,
             get showModified() {
-              return M().showModified;
+              return S().showModified;
             },
             get showSize() {
-              return M().showSize;
+              return S().showSize;
             },
             get modifiedWidthPx() {
-              return A();
+              return H();
             },
             get sizeWidthPx() {
-              return N();
+              return q();
             },
             get instanceId() {
-              return $();
+              return I();
             },
             get enableDragDrop() {
               return R();
             },
             dragContext: D,
-            registerRow: V
+            registerRow: U
           })
-        })), L((r) => {
-          var l = `${f.paddingTop()}px`, t = `${f.paddingBottom()}px`;
-          return l !== r.e && E(o, "padding-top", r.e = l), t !== r.t && E(o, "padding-bottom", r.t = t), r;
+        })), p((r) => {
+          var e = `${g.paddingTop()}px`, s = `${g.paddingBottom()}px`;
+          return e !== r.e && L(a, "padding-top", r.e = e), s !== r.t && L(a, "padding-bottom", r.t = s), r;
         }, {
           e: void 0,
           t: void 0
-        }), o;
+        }), a;
       }
-    })), L((o) => {
-      var r = W("flex flex-col h-full min-h-0", e.class), l = W("relative flex-1 min-w-0", M().showModified && "border-r border-border");
-      return r !== o.e && U(n, o.e = r), l !== o.t && U(s, o.t = l), o;
+    }), null), f(M, m(P, {
+      get when() {
+        return y.overlayStyle();
+      },
+      children: (a) => (() => {
+        var r = le();
+        return N(r, Ae), p((e) => Ce(r, a(), e)), r;
+      })()
+    }), null), p((a) => {
+      var r = E("flex flex-col h-full min-h-0", t.class), e = E("relative flex-1 min-w-0", S().showModified && "border-r border-border");
+      return r !== a.e && N(n, a.e = r), e !== a.t && N(l, a.t = e), a;
     }, {
       e: void 0,
       t: void 0
     }), n;
   })();
 }
-function Oe(e) {
-  const a = ce(), D = () => a.isSelected(e.item.id), R = () => a.getFilterMatchForId(e.item.id), $ = Se(() => e.item), b = _e(a, $, {
+function Ue(t) {
+  const o = fe(), D = () => o.isSelected(t.item.id), R = () => o.getFilterMatchForId(t.item.id), I = $e(() => t.item), C = Te(o, I, {
     source: "list"
   });
-  let f, I = null, k = 0, y = 0, v = !1;
-  const V = 5, Q = 500;
-  let F = null;
-  const [j, B] = se(!1), P = () => f === "touch" || f === "pen", K = () => e.item.type === "folder", H = () => K() && e.enableDragDrop && e.dragContext, q = () => {
-    if (!H() || !e.dragContext) return !1;
-    const t = e.dragContext.dragState();
-    return t.isDragging ? e.dragContext.canDropOn(t.draggedItems, e.item.path, e.item, e.instanceId) : !1;
+  let g, $ = null, T = 0, z = 0, x = !1;
+  const U = 5, Q = 500;
+  let k = null;
+  const [j, O] = ue(!1), y = () => g === "touch" || g === "pen", W = () => t.item.type === "folder", B = () => W() && t.enableDragDrop && t.dragContext, X = () => {
+    if (!B() || !t.dragContext) return !1;
+    const e = t.dragContext.dragState();
+    return e.isDragging ? t.dragContext.canDropOn(e.draggedItems, t.item.path, t.item, t.instanceId) : !1;
+  }, K = () => {
+    if (!t.dragContext) return !1;
+    const e = t.dragContext.dragState();
+    return e.isDragging ? e.draggedItems.some((s) => s.item.id === t.item.id) : !1;
+  }, Y = () => {
+    k !== null && (clearTimeout(k), k = null);
   }, J = () => {
-    if (!e.dragContext) return !1;
-    const t = e.dragContext.dragState();
-    return t.isDragging ? t.draggedItems.some((c) => c.item.id === e.item.id) : !1;
-  }, O = () => {
-    F !== null && (clearTimeout(F), F = null);
-  }, p = () => {
-    typeof document > "u" || (document.removeEventListener("pointermove", X, !0), document.removeEventListener("pointerup", G, !0), document.removeEventListener("pointercancel", n, !0));
-  }, M = () => {
-    typeof document > "u" || (document.addEventListener("pointermove", X, !0), document.addEventListener("pointerup", G, !0), document.addEventListener("pointercancel", n, !0));
-  }, A = (t) => {
-    O(), p(), v && e.dragContext && e.dragContext.endDrag(t), I = null, v = !1;
+    typeof document > "u" || (document.removeEventListener("pointermove", q, !0), document.removeEventListener("pointerup", G, !0), document.removeEventListener("pointercancel", V, !0));
+  }, A = () => {
+    typeof document > "u" || (document.addEventListener("pointermove", q, !0), document.addEventListener("pointerup", G, !0), document.addEventListener("pointercancel", V, !0));
+  }, S = (e) => {
+    Y(), J(), x && t.dragContext && t.dragContext.endDrag(e), $ = null, x = !1;
   };
-  ae(() => {
-    e.registerRow(e.item.id, null), A(!1);
+  de(() => {
+    t.registerRow(t.item.id, null), S(!1);
   });
-  const N = (t, c) => {
-    if (!e.enableDragDrop || !e.dragContext || v) return;
-    v = !0, D() || a.selectItem(e.item.id, !1);
-    const m = a.getSelectedItemsList(), S = (m.length > 0 && D() ? m : [e.item]).map((Y) => ({
-      item: Y,
-      sourceInstanceId: e.instanceId,
-      sourcePath: a.currentPath()
+  const H = (e, s) => {
+    if (!t.enableDragDrop || !t.dragContext || x) return;
+    x = !0, D() || o.selectItem(t.item.id, !1);
+    const u = o.getSelectedItemsList(), w = (u.length > 0 && D() ? u : [t.item]).map((F) => ({
+      item: F,
+      sourceInstanceId: t.instanceId,
+      sourcePath: o.currentPath()
     }));
-    if (P() && "vibrate" in navigator)
+    if (y() && "vibrate" in navigator)
       try {
         navigator.vibrate(50);
       } catch {
       }
-    e.dragContext.startDrag(S, t, c);
-  }, X = (t) => {
-    if (I !== t.pointerId) return;
-    const c = t.clientX - k, m = t.clientY - y, u = Math.sqrt(c * c + m * m);
-    if (P() && !v && u > 10) {
-      A(!1);
+    t.dragContext.startDrag(w, e, s);
+  }, q = (e) => {
+    if ($ !== e.pointerId) return;
+    const s = e.clientX - T, u = e.clientY - z, d = Math.sqrt(s * s + u * u);
+    if (y() && !x && d > 10) {
+      S(!1);
       return;
     }
-    !P() && !v && u > V && N(t.clientX, t.clientY), v && e.dragContext && e.dragContext.updateDrag(t.clientX, t.clientY);
-  }, G = (t) => {
-    I === t.pointerId && (b.onPointerUp(), A(!0));
-  }, n = (t) => {
-    I === t.pointerId && (b.onPointerCancel(), A(!1));
-  }, i = (t) => {
-    f = t.pointerType, b.onPointerDown(t), !(t.pointerType === "mouse" && t.button !== 0) && (!e.enableDragDrop || !e.dragContext || (I = t.pointerId, k = t.clientX, y = t.clientY, v = !1, M(), P() && (O(), F = setTimeout(() => {
-      I !== null && !v && N(k, y);
+    !y() && !x && d > U && H(e.clientX, e.clientY), x && t.dragContext && t.dragContext.updateDrag(e.clientX, e.clientY);
+  }, G = (e) => {
+    $ === e.pointerId && (C.onPointerUp(), S(!0));
+  }, V = (e) => {
+    $ === e.pointerId && (C.onPointerCancel(), S(!1));
+  }, n = (e) => {
+    g = e.pointerType, C.onPointerDown(e), !(e.pointerType === "mouse" && e.button !== 0) && (!t.enableDragDrop || !t.dragContext || ($ = e.pointerId, T = e.clientX, z = e.clientY, x = !1, A(), y() && (Y(), k = setTimeout(() => {
+      $ !== null && !x && H(T, z);
     }, Q))));
-  }, s = (t) => {
-    f = t.pointerType, b.onPointerMove(t);
-  }, d = (t) => {
-    if (!H() || !e.dragContext) return;
-    const c = e.dragContext.dragState();
-    if (!c.isDragging) return;
-    B(!0);
-    const m = e.dragContext.canDropOn(c.draggedItems, e.item.path, e.item, e.instanceId), S = t.currentTarget?.getBoundingClientRect() ?? null;
-    e.dragContext.setDropTarget({
-      instanceId: e.instanceId,
-      targetPath: e.item.path,
-      targetItem: e.item
-    }, m, S);
-  }, g = (t) => {
-    if (!e.dragContext) return;
-    B(!1);
-    const c = e.dragContext.dragState();
-    c.isDragging && c.dropTarget?.targetPath === e.item.path && e.dragContext.setDropTarget(null, !1);
-  }, w = (t) => {
-    if (v) {
-      v = !1;
+  }, i = (e) => {
+    g = e.pointerType, C.onPointerMove(e);
+  }, l = (e) => {
+    if (!B() || !t.dragContext) return;
+    const s = t.dragContext.dragState();
+    if (!s.isDragging) return;
+    O(!0);
+    const u = t.dragContext.canDropOn(s.draggedItems, t.item.path, t.item, t.instanceId), w = e.currentTarget?.getBoundingClientRect() ?? null;
+    t.dragContext.setDropTarget({
+      instanceId: t.instanceId,
+      targetPath: t.item.path,
+      targetItem: t.item
+    }, u, w);
+  }, c = (e) => {
+    if (!t.dragContext) return;
+    O(!1);
+    const s = t.dragContext.dragState();
+    s.isDragging && s.dropTarget?.targetPath === t.item.path && t.dragContext.setDropTarget(null, !1);
+  }, h = (e) => {
+    if (x) {
+      x = !1;
       return;
     }
-    if (!b.consumeClickSuppression(t)) {
-      if (P()) {
-        a.openItem(e.item);
+    if (!C.consumeClickSuppression(e)) {
+      if (y()) {
+        o.openItem(t.item);
+        return;
+      }
+      if (e.shiftKey) {
+        o.selectRangeTo(t.item.id, ae(e));
         return;
       }
-      a.selectItem(e.item.id, t.metaKey || t.ctrlKey);
+      o.selectItem(t.item.id, ae(e));
     }
-  }, C = () => {
-    P() || a.openItem(e.item);
-  }, z = (t) => {
-    if (t.preventDefault(), t.stopPropagation(), P()) return;
-    D() || a.selectItem(e.item.id, !1);
-    const c = a.getSelectedItemsList(), m = c.length > 0 ? c : [e.item];
-    a.showContextMenu(Pe({
-      x: t.clientX,
-      y: t.clientY,
-      triggerItem: e.item,
-      items: m,
+  }, v = () => {
+    y() || o.openItem(t.item);
+  }, b = (e) => {
+    if (e.preventDefault(), e.stopPropagation(), y()) return;
+    o.ensureContextMenuSelection(t.item.id);
+    const s = o.getSelectedItemsList(), u = s.length > 0 ? s : [t.item];
+    o.showContextMenu(ke({
+      x: e.clientX,
+      y: e.clientY,
+      triggerItem: t.item,
+      items: u,
       source: "list"
     }));
-  }, o = () => e.dragContext?.dragState(), r = () => o()?.isDragging ?? !1, l = () => j() && r() && H();
+  }, M = () => t.dragContext?.dragState(), a = () => M()?.isDragging ?? !1, r = () => j() && a() && B();
   return (() => {
-    var t = Be(), c = t.firstChild, m = c.firstChild;
-    return ee((u) => {
-      e.registerRow(e.item.id, u);
-    }, t), ve(t, we({
+    var e = Ge(), s = e.firstChild, u = s.firstChild;
+    return ee((d) => {
+      t.registerRow(t.item.id, d);
+    }, e), be(e, Me({
       get "data-file-browser-item-id"() {
-        return e.item.id;
+        return t.item.id;
       },
       get "data-file-browser-item-path"() {
-        return e.item.path;
+        return t.item.path;
       }
-    }, ye, {
-      onClick: w,
-      onDblClick: C,
-      onContextMenu: z,
-      onPointerDown: i,
-      onPointerMove: s,
-      onPointerEnter: d,
-      onPointerLeave: g,
+    }, Fe, {
+      onClick: h,
+      onDblClick: v,
+      onContextMenu: b,
+      onPointerDown: n,
+      onPointerMove: i,
+      onPointerEnter: l,
+      onPointerLeave: c,
       get class() {
-        return W(
+        return E(
           "group w-full h-8 flex items-center text-xs cursor-pointer",
           "transition-all duration-150 ease-out",
           "hover:bg-accent/50",
           "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring",
           D() && "bg-accent text-accent-foreground",
           // Drag state styling - being dragged items become translucent
-          J() && "opacity-40 scale-[0.98]",
+          K() && "opacity-40 scale-[0.98]",
           // Drop target styling - enhanced visual feedback
-          l() && q() && ["bg-primary/15 outline outline-2 outline-primary/60", "scale-[1.01] shadow-sm shadow-primary/10"],
-          l() && !q() && ["bg-destructive/10 outline outline-2 outline-dashed outline-destructive/50"]
+          r() && X() && ["bg-primary/15 outline outline-2 outline-primary/60", "scale-[1.01] shadow-sm shadow-primary/10"],
+          r() && !X() && ["bg-destructive/10 outline outline-2 outline-dashed outline-destructive/50"]
         );
       }
-    }), !1, !0), x(m, h(Ie, {
+    }), !1, !0), f(u, m(Pe, {
       get item() {
-        return e.item;
+        return t.item;
       },
       class: "w-4 h-4"
-    })), x(c, h(qe, {
+    })), f(s, m(Ve, {
       get name() {
-        return e.item.name;
+        return t.item.name;
       },
       get match() {
         return R();
       }
-    }), null), x(t, h(T, {
+    }), null), f(e, m(P, {
       get when() {
-        return e.showModified;
+        return t.showModified;
       },
       get children() {
-        var u = re();
-        return x(u, () => e.formatDate(e.item.modifiedAt)), L((S) => E(u, "width", `${e.modifiedWidthPx}px`)), u;
+        var d = se();
+        return f(d, () => t.formatDate(t.item.modifiedAt)), p((w) => L(d, "width", `${t.modifiedWidthPx}px`)), d;
       }
-    }), null), x(t, h(T, {
+    }), null), f(e, m(P, {
       get when() {
-        return e.showSize;
+        return t.showSize;
       },
       get children() {
-        var u = re();
-        return x(u, (() => {
-          var S = oe(() => e.item.type === "folder");
-          return () => S() ? "-" : e.formatSize(e.item.size);
-        })()), L((S) => E(u, "width", `${e.sizeWidthPx}px`)), u;
+        var d = se();
+        return f(d, (() => {
+          var w = ce(() => t.item.type === "folder");
+          return () => w() ? "-" : t.formatSize(t.item.size);
+        })()), p((w) => L(d, "width", `${t.sizeWidthPx}px`)), d;
       }
-    }), null), t;
+    }), null), e;
   })();
 }
-be(["click"]);
+De(["click", "pointerdown"]);
 export {
-  rt as FileListView
+  ut as FileListView
 };