@floegence/floe-webapp-core 0.35.47 → 0.35.49

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

@@ -1,103 +1,105 @@
-import { addEventListener as se, use as U, insert as M, createComponent as D, effect as z, setStyleProperty as B, className as p, template as y, spread as de, mergeProps as ue, memo as ge, delegateEvents as me } from "solid-js/web";
-import { createSignal as te, createMemo as Q, createEffect as ee, onCleanup as ne, Show as O, For as re, untrack as fe } from "solid-js";
-import { cn as A } from "../../utils/cn.js";
-import { useResizeObserver as he } from "../../hooks/useResizeObserver.js";
-import { useVirtualWindow as ve } from "../../hooks/useVirtualWindow.js";
-import { useFileBrowser as ie } from "./FileBrowserContext.js";
-import { useFileBrowserDrag as xe } from "../../context/FileBrowserDragContext.js";
-import { FileItemIcon as Ie } from "./FileIcons.js";
-import { createLongPressContextMenuHandlers as be } from "./longPressContextMenu.js";
-import { fileBrowserTouchTargetAttrs as we } from "./touchInteractionGuard.js";
-import { createItemContextMenuEvent as Ce } from "./contextMenuEvent.js";
-var De = /* @__PURE__ */ y('<mark class="bg-warning/40 text-inherit rounded-sm">'), ye = /* @__PURE__ */ y('<div class="grid gap-2">'), Te = /* @__PURE__ */ y('<div><div class=p-3><div class="w-full h-0"aria-hidden=true>'), Me = /* @__PURE__ */ y('<span>No files matching "<!>"'), Pe = /* @__PURE__ */ y('<button type=button class="px-2 py-1 rounded bg-muted hover:bg-muted/80 transition-colors">Clear Filter'), Se = /* @__PURE__ */ y('<div class="flex flex-col items-center justify-center h-32 gap-2 text-xs text-muted-foreground">'), _e = /* @__PURE__ */ y("<span>This folder is empty"), Fe = /* @__PURE__ */ y('<div class="absolute top-1.5 right-1.5 w-4 h-4 rounded-full bg-primary flex items-center justify-center"><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=3 stroke-linecap=round stroke-linejoin=round class="w-2.5 h-2.5 text-primary-foreground"><polyline points="20 6 9 17 4 12">'), Ee = /* @__PURE__ */ y("<button type=button><div></div><span></span><div>");
-function ke(e) {
-  const r = Q(() => {
+import { addEventListener as te, use as z, insert as y, createComponent as D, effect as N, setStyleProperty as Y, className as H, style as ue, template as S, spread as ge, mergeProps as me, memo as fe, delegateEvents as he } from "solid-js/web";
+import { createSignal as ie, createMemo as W, createEffect as ne, onCleanup as oe, Show as q, For as ae, untrack as ve } from "solid-js";
+import { cn as p } from "../../utils/cn.js";
+import { useResizeObserver as xe } from "../../hooks/useResizeObserver.js";
+import { useVirtualWindow as Ie } from "../../hooks/useVirtualWindow.js";
+import { useFileBrowser as le } from "./FileBrowserContext.js";
+import { useFileBrowserDrag as we } from "../../context/FileBrowserDragContext.js";
+import { FileItemIcon as be } from "./FileIcons.js";
+import { createLongPressContextMenuHandlers as Ce } from "./longPressContextMenu.js";
+import { fileBrowserTouchTargetAttrs as De } from "./touchInteractionGuard.js";
+import { createItemContextMenuEvent as Se } from "./contextMenuEvent.js";
+import { createFileBrowserMarqueeSelection as ye, FILE_BROWSER_MARQUEE_OVERLAY_CLASS as Me } from "./useFileBrowserMarqueeSelection.js";
+import { isPrimaryModKeyPressed as re } from "../../utils/keybind.js";
+var Te = /* @__PURE__ */ S('<mark class="bg-warning/40 text-inherit rounded-sm">'), Pe = /* @__PURE__ */ S('<div class="grid gap-2">'), _e = /* @__PURE__ */ S('<div><div class=p-3><div class="w-full h-0"aria-hidden=true>'), Ee = /* @__PURE__ */ S('<span>No files matching "<!>"'), Fe = /* @__PURE__ */ S('<button type=button class="px-2 py-1 rounded bg-muted hover:bg-muted/80 transition-colors">Clear Filter'), Le = /* @__PURE__ */ S('<div class="flex flex-col items-center justify-center h-32 gap-2 text-xs text-muted-foreground">'), Re = /* @__PURE__ */ S("<span>This folder is empty"), $e = /* @__PURE__ */ S("<div>"), ke = /* @__PURE__ */ S('<div class="absolute top-1.5 right-1.5 w-4 h-4 rounded-full bg-primary flex items-center justify-center"><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=3 stroke-linecap=round stroke-linejoin=round class="w-2.5 h-2.5 text-primary-foreground"><polyline points="20 6 9 17 4 12">'), Ae = /* @__PURE__ */ S("<button type=button><div></div><span></span><div>");
+function pe(e) {
+  const r = W(() => {
     if (!e.match || e.match.matchedIndices.length === 0)
       return [{
         text: e.name,
         highlight: !1
       }];
-    const l = [], T = new Set(e.match.matchedIndices);
-    let w = "", g = !1;
-    for (let s = 0; s < e.name.length; s++) {
-      const h = T.has(s);
-      s === 0 ? (g = h, w = e.name[s]) : h === g ? w += e.name[s] : (l.push({
-        text: w,
+    const s = [], M = new Set(e.match.matchedIndices);
+    let C = "", g = !1;
+    for (let d = 0; d < e.name.length; d++) {
+      const v = M.has(d);
+      d === 0 ? (g = v, C = e.name[d]) : v === g ? C += e.name[d] : (s.push({
+        text: C,
         highlight: g
-      }), w = e.name[s], g = h);
+      }), C = e.name[d], g = v);
     }
-    return w && l.push({
-      text: w,
+    return C && s.push({
+      text: C,
       highlight: g
-    }), l;
+    }), s;
   });
-  return D(re, {
+  return D(ae, {
     get each() {
       return r();
     },
-    children: (l) => D(O, {
+    children: (s) => D(q, {
       get when() {
-        return l.highlight;
+        return s.highlight;
       },
       get fallback() {
-        return ge(() => l.text);
+        return fe(() => s.text);
       },
       get children() {
-        var T = De();
-        return M(T, () => l.text), T;
+        var M = Te();
+        return y(M, () => s.text), M;
       }
     })
   });
 }
-function Ye(e) {
-  const r = ie(), l = xe(), T = () => (e.enableDragDrop ?? !0) && !!l, w = () => e.instanceId ?? "default", g = 112, s = 8, h = 180, P = 2, L = 6, [m, N] = te(null), Y = he(m), v = Q(() => {
-    const n = Y()?.width ?? 0;
-    if (n <= 0) return P;
-    const d = Math.floor((n + s) / (h + s));
-    return Math.max(P, Math.min(L, d));
-  }), F = () => g + s, c = ve({
-    count: () => Math.ceil(r.currentFiles().length / Math.max(1, v())),
+function Ke(e) {
+  const r = le(), s = we(), M = () => (e.enableDragDrop ?? !0) && !!s, C = () => e.instanceId ?? "default", g = 112, d = 8, v = 180, T = 2, R = 6, [m, V] = ie(null), U = xe(m), x = W(() => {
+    const n = U()?.width ?? 0;
+    if (n <= 0) return T;
+    const l = Math.floor((n + d) / (v + d));
+    return Math.max(T, Math.min(R, l));
+  }), F = () => g + d, c = Ie({
+    count: () => Math.ceil(r.currentFiles().length / Math.max(1, x())),
     itemSize: F,
     overscan: 2
-  }), j = () => c.range().start * v(), $ = () => Math.min(r.currentFiles().length, c.range().end * v()), R = Q(() => r.currentFiles().slice(j(), $())), E = /* @__PURE__ */ new Map(), H = (n, d) => {
-    if (d) {
-      E.set(n, d);
+  }), Q = () => c.range().start * x(), $ = () => Math.min(r.currentFiles().length, c.range().end * x()), k = W(() => r.currentFiles().slice(Q(), $())), P = /* @__PURE__ */ new Map(), B = (n, l) => {
+    if (l) {
+      P.set(n, l);
       return;
     }
-    E.delete(n);
+    P.delete(n);
   };
-  let x = null, k = P, I = 0;
-  ee(() => {
-    const n = v();
-    if (!x) {
-      k = n;
+  let f = null, L = T, I = 0;
+  ne(() => {
+    const n = x();
+    if (!f) {
+      L = n;
       return;
     }
-    if (n === k) return;
-    const d = F(), a = Math.floor(x.scrollTop / Math.max(1, d)) * Math.max(1, k), i = Math.floor(a / Math.max(1, n));
-    x.scrollTop = i * d, c.onScroll(), k = n;
+    if (n === L) return;
+    const l = F(), o = Math.floor(f.scrollTop / Math.max(1, l)) * Math.max(1, L), i = Math.floor(o / Math.max(1, n));
+    f.scrollTop = i * l, c.onScroll(), L = n;
   });
-  const X = (n) => {
-    if (!x) return;
-    const b = Math.floor(n / Math.max(1, v())) * F(), a = b + F(), i = x.scrollTop, C = i + x.clientHeight;
+  const O = (n) => {
+    if (!f) return;
+    const b = Math.floor(n / Math.max(1, x())) * F(), o = b + F(), i = f.scrollTop, w = i + f.clientHeight;
     if (b < i) {
-      x.scrollTop = b, c.onScroll();
+      f.scrollTop = b, c.onScroll();
       return;
     }
-    a > C && (x.scrollTop = Math.max(0, a - x.clientHeight), c.onScroll());
+    o > w && (f.scrollTop = Math.max(0, o - f.clientHeight), c.onScroll());
   };
-  return ee(() => {
-    const n = r.revealRequest(), d = r.currentFiles();
-    if (v(), R(), !n) return;
-    const b = d.findIndex((C) => C.id === n.targetId);
+  ne(() => {
+    const n = r.revealRequest(), l = r.currentFiles();
+    if (x(), k(), !n) return;
+    const b = l.findIndex((w) => w.id === n.targetId);
     if (b < 0) return;
-    if (!E.get(n.targetId)) {
-      X(b);
+    if (!P.get(n.targetId)) {
+      O(b);
       return;
     }
     typeof cancelAnimationFrame == "function" && I && (cancelAnimationFrame(I), I = 0);
     const i = () => {
-      r.revealRequest()?.requestId === n.requestId && (E.get(n.targetId)?.scrollIntoView({
+      r.revealRequest()?.requestId === n.requestId && (P.get(n.targetId)?.scrollIntoView({
         block: "nearest",
         inline: "nearest"
       }), r.selectItem(n.targetId, !1), r.consumeRevealRequest(n.requestId));
@@ -109,98 +111,115 @@ function Ye(e) {
       return;
     }
     queueMicrotask(i);
-  }), ne(() => {
+  }), oe(() => {
     typeof cancelAnimationFrame == "function" && I && cancelAnimationFrame(I);
-  }), (() => {
-    var n = Te(), d = n.firstChild, b = d.firstChild;
-    return se(n, "scroll", c.onScroll), U((a) => {
-      x = a, c.scrollRef(a), r.setScrollContainer(a);
-    }, n), U((a) => N(a), b), M(d, D(O, {
+  });
+  const A = ye({
+    getContainer: () => f,
+    getVisibleItemIdsInOrder: () => r.currentFiles().map((n) => n.id),
+    getElementForId: (n) => P.get(n) ?? null,
+    getSelectedIds: () => [...r.selectedItems()],
+    replaceSelection: (n, l) => r.replaceSelection(n, l),
+    clearSelection: r.clearSelection
+  });
+  return (() => {
+    var n = _e(), l = n.firstChild, b = l.firstChild;
+    return te(n, "pointerdown", A.onPointerDown, !0), te(n, "scroll", c.onScroll), z((o) => {
+      f = o, c.scrollRef(o), r.setScrollContainer(o);
+    }, n), z((o) => V(o), b), y(l, D(q, {
       get when() {
         return r.currentFiles().length > 0;
       },
       get fallback() {
         return (() => {
-          var a = Se();
-          return M(a, D(O, {
+          var o = Le();
+          return y(o, D(q, {
             get when() {
               return r.filterQueryApplied().trim();
             },
             get fallback() {
-              return _e();
+              return Re();
             },
             get children() {
               return [(() => {
-                var i = Me(), C = i.firstChild, S = C.nextSibling;
-                return S.nextSibling, M(i, () => r.filterQueryApplied(), S), i;
+                var i = Ee(), w = i.firstChild, _ = w.nextSibling;
+                return _.nextSibling, y(i, () => r.filterQueryApplied(), _), i;
               })(), (() => {
-                var i = Pe();
+                var i = Fe();
                 return i.$$click = () => r.setFilterQuery(""), i;
               })()];
             }
-          })), a;
+          })), o;
         })();
       },
       get children() {
-        var a = ye();
-        return M(a, D(re, {
+        var o = Pe();
+        return y(o, D(ae, {
           get each() {
-            return R();
+            return k();
           },
-          children: (i) => D(Le, {
+          children: (i) => D(He, {
             item: i,
             get instanceId() {
-              return w();
+              return C();
             },
             get enableDragDrop() {
-              return T();
+              return M();
             },
-            dragContext: l,
-            registerTile: H
+            dragContext: s,
+            registerTile: B
           })
-        })), z((i) => {
-          var C = `repeat(${v()}, minmax(0, 1fr))`, S = `${c.paddingTop()}px`, q = `${c.paddingBottom()}px`;
-          return C !== i.e && B(a, "grid-template-columns", i.e = C), S !== i.t && B(a, "padding-top", i.t = S), q !== i.a && B(a, "padding-bottom", i.a = q), i;
+        })), N((i) => {
+          var w = `repeat(${x()}, minmax(0, 1fr))`, _ = `${c.paddingTop()}px`, X = `${c.paddingBottom()}px`;
+          return w !== i.e && Y(o, "grid-template-columns", i.e = w), _ !== i.t && Y(o, "padding-top", i.t = _), X !== i.a && Y(o, "padding-bottom", i.a = X), i;
         }, {
           e: void 0,
           t: void 0,
           a: void 0
-        }), a;
+        }), o;
       }
-    }), null), z(() => p(n, A("h-full min-h-0 overflow-auto", e.class))), n;
+    }), null), y(n, D(q, {
+      get when() {
+        return A.overlayStyle();
+      },
+      children: (o) => (() => {
+        var i = $e();
+        return H(i, Me), N((w) => ue(i, o(), w)), i;
+      })()
+    }), null), N(() => H(n, p("relative h-full min-h-0 overflow-auto", e.class))), n;
   })();
 }
-function Le(e) {
-  const r = ie(), l = () => r.isSelected(e.item.id), T = () => r.getFilterMatchForId(e.item.id), w = fe(() => e.item), g = be(r, w, {
+function He(e) {
+  const r = le(), s = () => r.isSelected(e.item.id), M = () => r.getFilterMatchForId(e.item.id), C = ve(() => e.item), g = Ce(r, C, {
     source: "grid"
   });
-  let s, h = null, P = 0, L = 0, m = !1;
-  const N = 5, Y = 500;
-  let v = null;
-  const [F, V] = te(!1), c = () => s === "touch" || s === "pen", j = () => e.item.type === "folder", $ = () => j() && e.enableDragDrop && e.dragContext, R = () => {
+  let d, v = null, T = 0, R = 0, m = !1;
+  const V = 5, U = 500;
+  let x = null;
+  const [F, j] = ie(!1), c = () => d === "touch" || d === "pen", Q = () => e.item.type === "folder", $ = () => Q() && e.enableDragDrop && e.dragContext, k = () => {
     if (!$() || !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;
-  }, E = () => {
+  }, P = () => {
     if (!e.dragContext) return !1;
     const t = e.dragContext.dragState();
-    return t.isDragging ? t.draggedItems.some((o) => o.item.id === e.item.id) : !1;
-  }, H = () => {
-    v !== null && (clearTimeout(v), v = null);
-  }, x = () => {
-    typeof document > "u" || (document.removeEventListener("pointermove", n, !0), document.removeEventListener("pointerup", d, !0), document.removeEventListener("pointercancel", b, !0));
-  }, k = () => {
-    typeof document > "u" || (document.addEventListener("pointermove", n, !0), document.addEventListener("pointerup", d, !0), document.addEventListener("pointercancel", b, !0));
+    return t.isDragging ? t.draggedItems.some((a) => a.item.id === e.item.id) : !1;
+  }, B = () => {
+    x !== null && (clearTimeout(x), x = null);
+  }, f = () => {
+    typeof document > "u" || (document.removeEventListener("pointermove", A, !0), document.removeEventListener("pointerup", n, !0), document.removeEventListener("pointercancel", l, !0));
+  }, L = () => {
+    typeof document > "u" || (document.addEventListener("pointermove", A, !0), document.addEventListener("pointerup", n, !0), document.addEventListener("pointercancel", l, !0));
   }, I = (t) => {
-    H(), x(), m && e.dragContext && e.dragContext.endDrag(t), h = null, m = !1;
+    B(), f(), m && e.dragContext && e.dragContext.endDrag(t), v = null, m = !1;
   };
-  ne(() => {
+  oe(() => {
     e.registerTile(e.item.id, null), I(!1);
   });
-  const X = (t, o) => {
+  const O = (t, a) => {
     if (!e.enableDragDrop || !e.dragContext || m) return;
-    m = !0, l() || r.selectItem(e.item.id, !1);
-    const f = r.getSelectedItemsList(), u = (f.length > 0 && l() ? f : [e.item]).map((G) => ({
+    m = !0, s() || r.selectItem(e.item.id, !1);
+    const h = r.getSelectedItemsList(), u = (h.length > 0 && s() ? h : [e.item]).map((G) => ({
       item: G,
       sourceInstanceId: e.instanceId,
       sourcePath: r.currentPath()
@@ -210,42 +229,42 @@ function Le(e) {
         navigator.vibrate(50);
       } catch {
       }
-    e.dragContext.startDrag(u, t, o);
-  }, n = (t) => {
-    if (h !== t.pointerId) return;
-    const o = t.clientX - P, f = t.clientY - L, _ = Math.sqrt(o * o + f * f);
-    if (c() && !m && _ > 10) {
+    e.dragContext.startDrag(u, t, a);
+  }, A = (t) => {
+    if (v !== t.pointerId) return;
+    const a = t.clientX - T, h = t.clientY - R, E = Math.sqrt(a * a + h * h);
+    if (c() && !m && E > 10) {
       I(!1);
       return;
     }
-    !c() && !m && _ > N && X(t.clientX, t.clientY), m && e.dragContext && e.dragContext.updateDrag(t.clientX, t.clientY);
-  }, d = (t) => {
-    h === t.pointerId && (g.onPointerUp(), I(!0));
+    !c() && !m && E > V && O(t.clientX, t.clientY), m && e.dragContext && e.dragContext.updateDrag(t.clientX, t.clientY);
+  }, n = (t) => {
+    v === t.pointerId && (g.onPointerUp(), I(!0));
+  }, l = (t) => {
+    v === t.pointerId && (g.onPointerCancel(), I(!1));
   }, b = (t) => {
-    h === t.pointerId && (g.onPointerCancel(), I(!1));
-  }, a = (t) => {
-    s = t.pointerType, g.onPointerDown(t), !(t.pointerType === "mouse" && t.button !== 0) && (!e.enableDragDrop || !e.dragContext || (h = t.pointerId, P = t.clientX, L = t.clientY, m = !1, k(), c() && (H(), v = setTimeout(() => {
-      h !== null && !m && X(P, L);
-    }, Y))));
+    d = t.pointerType, g.onPointerDown(t), !(t.pointerType === "mouse" && t.button !== 0) && (!e.enableDragDrop || !e.dragContext || (v = t.pointerId, T = t.clientX, R = t.clientY, m = !1, L(), c() && (B(), x = setTimeout(() => {
+      v !== null && !m && O(T, R);
+    }, U))));
+  }, o = (t) => {
+    d = t.pointerType, g.onPointerMove(t);
   }, i = (t) => {
-    s = t.pointerType, g.onPointerMove(t);
-  }, C = (t) => {
     if (!$() || !e.dragContext) return;
-    const o = e.dragContext.dragState();
-    if (!o.isDragging) return;
-    V(!0);
-    const f = e.dragContext.canDropOn(o.draggedItems, e.item.path, e.item, e.instanceId), u = t.currentTarget?.getBoundingClientRect() ?? null;
+    const a = e.dragContext.dragState();
+    if (!a.isDragging) return;
+    j(!0);
+    const h = e.dragContext.canDropOn(a.draggedItems, e.item.path, e.item, e.instanceId), u = t.currentTarget?.getBoundingClientRect() ?? null;
     e.dragContext.setDropTarget({
       instanceId: e.instanceId,
       targetPath: e.item.path,
       targetItem: e.item
-    }, f, u);
-  }, S = (t) => {
+    }, h, u);
+  }, w = (t) => {
     if (!e.dragContext) return;
-    V(!1);
-    const o = e.dragContext.dragState();
-    o.isDragging && o.dropTarget?.targetPath === e.item.path && e.dragContext.setDropTarget(null, !1);
-  }, q = (t) => {
+    j(!1);
+    const a = e.dragContext.dragState();
+    a.isDragging && a.dropTarget?.targetPath === e.item.path && e.dragContext.setDropTarget(null, !1);
+  }, _ = (t) => {
     if (m) {
       m = !1;
       return;
@@ -255,81 +274,85 @@ function Le(e) {
         r.openItem(e.item);
         return;
       }
-      r.selectItem(e.item.id, t.metaKey || t.ctrlKey);
+      if (t.shiftKey) {
+        r.selectRangeTo(e.item.id, re(t));
+        return;
+      }
+      r.selectItem(e.item.id, re(t));
     }
-  }, ae = () => {
+  }, X = () => {
     c() || r.openItem(e.item);
-  }, oe = (t) => {
+  }, ce = (t) => {
     if (t.preventDefault(), t.stopPropagation(), c()) return;
-    l() || r.selectItem(e.item.id, !1);
-    const o = r.getSelectedItemsList(), f = o.length > 0 ? o : [e.item];
-    r.showContextMenu(Ce({
+    r.ensureContextMenuSelection(e.item.id);
+    const a = r.getSelectedItemsList(), h = a.length > 0 ? a : [e.item];
+    r.showContextMenu(Se({
       x: t.clientX,
       y: t.clientY,
       triggerItem: e.item,
-      items: f,
+      items: h,
       source: "grid"
     }));
-  }, le = () => e.dragContext?.dragState(), ce = () => le()?.isDragging ?? !1, K = () => F() && ce() && $();
+  }, se = () => e.dragContext?.dragState(), de = () => se()?.isDragging ?? !1, K = () => F() && de() && $();
   return (() => {
-    var t = Ee(), o = t.firstChild, f = o.nextSibling, _ = f.nextSibling;
-    return U((u) => {
+    var t = Ae(), a = t.firstChild, h = a.nextSibling, E = h.nextSibling;
+    return z((u) => {
       e.registerTile(e.item.id, u);
-    }, t), de(t, ue({
+    }, t), ge(t, me({
       get "data-file-browser-item-id"() {
         return e.item.id;
       },
       get "data-file-browser-item-path"() {
         return e.item.path;
       }
-    }, we, {
+    }, De, {
       get title() {
         return e.item.name;
       },
-      onClick: q,
-      onDblClick: ae,
-      onContextMenu: oe,
-      onPointerDown: a,
-      onPointerMove: i,
-      onPointerEnter: C,
-      onPointerLeave: S,
+      onClick: _,
+      onDblClick: X,
+      onContextMenu: ce,
+      onPointerDown: b,
+      onPointerMove: o,
+      onPointerEnter: i,
+      onPointerLeave: w,
       get class() {
-        return A(
+        return p(
           "group relative flex flex-col items-center gap-2 p-3 rounded-lg cursor-pointer h-28",
           "transition-all duration-150 ease-out",
           "hover:bg-accent/50 hover:scale-[1.02]",
           "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
           "active:scale-[0.98]",
-          l() && "bg-accent ring-2 ring-primary/50",
+          s() && "bg-accent ring-2 ring-primary/50",
           // Drag state styling - being dragged items become translucent and shrink
-          E() && "opacity-40 scale-90",
+          P() && "opacity-40 scale-90",
           // Drop target styling - enhanced visual feedback for folders
-          K() && R() && ["bg-primary/15 ring-2 ring-primary/60", "scale-105 shadow-lg shadow-primary/15"],
-          K() && !R() && ["bg-destructive/10 ring-2 ring-dashed ring-destructive/50"]
+          K() && k() && ["bg-primary/15 ring-2 ring-primary/60", "scale-105 shadow-lg shadow-primary/15"],
+          K() && !k() && ["bg-destructive/10 ring-2 ring-dashed ring-destructive/50"]
         );
       }
-    }), !1, !0), M(t, D(O, {
+    }), !1, !0), y(t, D(q, {
       get when() {
-        return l();
+        return s();
       },
       get children() {
-        return Fe();
+        return ke();
       }
-    }), o), M(o, D(Ie, {
+    }), a), y(a, D(be, {
       get item() {
         return e.item;
       },
       class: "w-8 h-8"
-    })), M(f, D(ke, {
+    })), y(h, D(pe, {
       get name() {
         return e.item.name;
       },
       get match() {
-        return T();
+        return M();
       }
-    })), z((u) => {
-      var G = A("w-12 h-12 flex items-center justify-center rounded-lg", "transition-transform duration-200", "group-hover:scale-110", e.item.type === "folder" ? "bg-warning/10" : "bg-muted/50"), W = A("block w-full min-w-0 truncate px-1 text-xs text-center", "transition-colors duration-150", l() && "font-medium"), J = A("absolute inset-0 rounded-lg opacity-0 transition-opacity duration-300", "group-hover:opacity-100", "pointer-events-none"), Z = e.item.type === "folder" ? "radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--warning) 8%, transparent), transparent 70%)" : "radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--primary) 5%, transparent), transparent 70%)";
-      return G !== u.e && p(o, u.e = G), W !== u.t && p(f, u.t = W), J !== u.a && p(_, u.a = J), Z !== u.o && B(_, "background", u.o = Z), u;
+    })), N((u) => {
+      var G = p("w-12 h-12 flex items-center justify-center rounded-lg", "transition-transform duration-200", "group-hover:scale-110", e.item.type === "folder" ? "bg-warning/10" : "bg-muted/50"), J = p("block w-full min-w-0 truncate px-1 text-xs text-center", "transition-colors duration-150", s() && "font-medium"), Z = p("absolute inset-0 rounded-lg opacity-0 transition-opacity duration-300", "group-hover:opacity-100", "pointer-events-none"), ee = e.item.type === "folder" ? "radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--warning) 8%, transparent), transparent 70%)" : "radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--primary) 5%, transparent), transparent 70%)";
+      return G !== u.e && H(a, u.e = G), J !== u.t && H(h, u.t = J), Z !== u.a && H(E, u.a = Z), ee !== u.o && Y(E, "background", u.o = ee), u;
     }, {
       e: void 0,
       t: void 0,
@@ -338,7 +361,7 @@ function Le(e) {
     }), t;
   })();
 }
-me(["click"]);
+he(["pointerdown", "click"]);
 export {
-  Ye as FileGridView
+  Ke as FileGridView
 };