@floegence/floe-webapp-core 0.35.48 → 0.35.50

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

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