@floegence/floe-webapp-core 0.35.36 → 0.35.38

package/dist/components/ui/picker/PickerBase.js

@@ -1,291 +1,395 @@
-import { insert as d, createComponent as s, effect as F, className as I, style as Y, memo as H, template as $, setAttribute as Z, setStyleProperty as ee, delegateEvents as te } from "solid-js/web";
-import { createSignal as _, createMemo as L, createEffect as A, on as K, For as B, Show as T } from "solid-js";
-import { cn as p } from "../../../utils/cn.js";
-import { deferAfterPaint as ne } from "../../../utils/defer.js";
-import { Button as z } from "../Button.js";
-import { Input as W } from "../Input.js";
-import { ChevronRight as j, Check as re, X as oe, Plus as le } from "../../icons/index.js";
-import { FolderOpenIcon as ie, FileItemIcon as ae } from "../../file-browser/FileIcons.js";
-var M = /* @__PURE__ */ $('<div class="flex items-center gap-1.5"><div class=flex-1>'), ce = /* @__PURE__ */ $('<p class="text-[11px] text-muted-foreground -mt-1">Creating in: '), se = /* @__PURE__ */ $("<button type=button><span>New Folder"), ue = /* @__PURE__ */ $('<nav class="flex items-center gap-0.5 min-w-0 overflow-x-auto py-0.5"aria-label="Selected path">'), O = /* @__PURE__ */ $("<button type=button>"), de = /* @__PURE__ */ $('<div class="flex items-center justify-center py-6 text-xs text-muted-foreground">'), he = /* @__PURE__ */ $("<div><button type=button><span>"), fe = /* @__PURE__ */ $("<div class=overflow-hidden>"), ge = /* @__PURE__ */ $('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), me = /* @__PURE__ */ $('<span class="flex-shrink-0 w-4 h-4">');
-function y(e) {
-  const l = (e ?? "").trim();
-  if (l === "" || l === "/") return "/";
-  const n = l.replace(/\/+$/, "");
-  return n.startsWith("/") ? n : "/" + n;
+import { insert as f, createComponent as h, effect as z, className as N, use as J, style as ue, memo as Q, template as $, setAttribute as V, setStyleProperty as de, delegateEvents as he } from "solid-js/web";
+import { createSignal as C, createMemo as B, createEffect as q, on as p, For as K, Show as L, onCleanup as fe, untrack as ge } from "solid-js";
+import { cn as R } from "../../../utils/cn.js";
+import { deferAfterPaint as me } from "../../../utils/defer.js";
+import { Button as A } from "../Button.js";
+import { Input as U } from "../Input.js";
+import { ChevronRight as Y, Check as ve, X as Pe, Plus as xe } from "../../icons/index.js";
+import { FolderOpenIcon as be, FileItemIcon as we } from "../../file-browser/FileIcons.js";
+var Z = /* @__PURE__ */ $('<div class="flex items-center gap-1.5"><div class=flex-1>'), ye = /* @__PURE__ */ $('<p class="text-[11px] text-muted-foreground -mt-1">Creating in: '), ke = /* @__PURE__ */ $("<button type=button><span>New Folder"), $e = /* @__PURE__ */ $('<nav class="flex items-center gap-0.5 min-w-0 overflow-x-auto py-0.5"aria-label="Selected path">'), ee = /* @__PURE__ */ $("<button type=button>"), Ce = /* @__PURE__ */ $('<div class="flex items-center justify-center py-6 text-xs text-muted-foreground">'), Se = /* @__PURE__ */ $("<div><button type=button><span>"), Ie = /* @__PURE__ */ $("<div class=overflow-hidden>"), _e = /* @__PURE__ */ $('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), Ee = /* @__PURE__ */ $('<span class="flex-shrink-0 w-4 h-4">');
+function x(e) {
+  const s = (e ?? "").trim();
+  if (s === "" || s === "/") return "/";
+  const o = s.replace(/\/+$/, "");
+  return o.startsWith("/") ? o : "/" + o;
 }
-function G(e) {
-  const l = e.split("/").filter(Boolean), n = [];
-  let r = "";
-  for (let i = 0; i < l.length - 1; i++)
-    r += "/" + l[i], n.push(r);
-  return n;
+function X(e) {
+  const s = e.split("/").filter(Boolean), o = [];
+  let a = "";
+  for (let l = 0; l < s.length - 1; l++)
+    a += "/" + s[l], o.push(a);
+  return o;
 }
-function ve(e) {
-  return L(() => {
-    const l = /* @__PURE__ */ new Map(), n = (r) => {
-      for (const i of r)
-        i.type === "folder" && (l.set(y(i.path), i), i.children?.length && n(i.children));
+function Ne(e) {
+  return B(() => {
+    const s = /* @__PURE__ */ new Map(), o = (a) => {
+      for (const l of a)
+        l.type === "folder" && (s.set(x(l.path), l), l.children?.length && o(l.children));
     };
-    return n(e()), l;
+    return o(e()), s;
   });
 }
-function xe(e, l) {
-  const n = y(e ?? "/"), r = l ? y(l) : void 0;
-  return !r || r === "/" ? n : n === r ? "/" : n.startsWith(r + "/") ? y(n.slice(r.length)) : n;
+function Re(e, s) {
+  const o = x(e ?? "/"), a = s ? x(s) : void 0;
+  return !a || a === "/" ? o : o === a ? "/" : o.startsWith(a + "/") ? x(o.slice(a.length)) : o;
 }
-function Ie(e) {
-  const l = () => (typeof e.homeLabel == "function" ? e.homeLabel() : e.homeLabel) ?? "Root", n = () => {
+function Ke(e) {
+  const s = () => (typeof e.homeLabel == "function" ? e.homeLabel() : e.homeLabel) ?? "Root", o = () => {
     const t = typeof e.homePath == "function" ? e.homePath() : e.homePath;
-    return t ? y(t) : void 0;
-  }, r = () => {
+    return t ? x(t) : void 0;
+  }, a = () => {
     const t = typeof e.initialPath == "function" ? e.initialPath() : e.initialPath;
-    return xe(t, n());
-  }, i = (t) => {
-    const a = n();
-    if (!a) return t;
-    const h = y(t);
-    return h === "/" ? a : a === "/" ? h : a + h;
-  }, u = (t) => {
-    const a = n();
-    if (!a) return y(t);
-    const h = y(t);
-    return h === a ? "/" : a !== "/" && h.startsWith(a + "/") ? h.slice(a.length) || "/" : y(t);
-  }, [b, v] = _(r()), [P, f] = _(/* @__PURE__ */ new Set(["/"])), [k, o] = _(i(r())), [x, w] = _(""), c = ve(e.files), g = L(() => e.files().filter((t) => t.type === "folder"));
-  A(K(e.open, (t) => {
-    if (t) {
-      const a = r();
-      v(a), o(i(a)), w("");
-      const h = G(a);
-      f(/* @__PURE__ */ new Set(["/", ...h])), e.onReset?.(a);
-    }
-  })), A(K(b, (t) => {
-    o(i(t)), w("");
+    return Re(t, o());
+  }, l = (t) => {
+    const r = o();
+    if (!r) return t;
+    const c = x(t);
+    return c === "/" ? r : r === "/" ? c : r + c;
+  }, k = (t) => {
+    const r = o();
+    if (!r) return x(t);
+    const c = x(t);
+    return c === r ? "/" : r !== "/" && c.startsWith(r + "/") ? c.slice(r.length) || "/" : x(t);
+  }, [u, m] = C(a()), [b, i] = C(/* @__PURE__ */ new Set(["/"])), [w, n] = C(l(a())), [P, S] = C(!1), [d, g] = C(""), [I, _] = C(0);
+  let E = 0;
+  const T = Ne(e.files), ne = B(() => e.files().filter((t) => t.type === "folder"));
+  q(p(u, (t) => {
+    n(l(t)), g("");
   }));
-  const S = (t) => {
-    const a = y(t);
-    return a === "/" || c().has(a);
-  }, C = (t) => e.filter ? e.filter(t) : !0, E = (t) => {
-    const a = G(t);
-    f((h) => {
-      const m = new Set(h);
-      for (const D of a) m.add(D);
-      return m.add(t), m;
+  const M = (t) => {
+    const r = x(t);
+    return r === "/" || T().has(r);
+  }, G = (t) => e.filter ? e.filter(t) : !0, H = (t) => {
+    const r = X(t);
+    i((c) => {
+      const v = new Set(c);
+      for (const y of r) v.add(y);
+      return v.add(t), v;
+    });
+  }, W = () => {
+    _((t) => t + 1);
+  }, j = (t) => {
+    if (e.onExpand)
+      try {
+        const r = e.onExpand(t);
+        Promise.resolve(r).catch(() => {
+        });
+      } catch {
+      }
+  }, re = async (t, r) => {
+    const c = x(t);
+    if (c === "/")
+      return {
+        status: "ready",
+        resolvedPath: "/"
+      };
+    if (!e.ensurePath)
+      return M(c) ? {
+        status: "ready",
+        resolvedPath: c
+      } : {
+        status: "missing",
+        resolvedPath: c,
+        message: "Path not found"
+      };
+    try {
+      const v = await e.ensurePath(c, r);
+      return {
+        status: v.status,
+        resolvedPath: x(v.resolvedPath || c),
+        message: v.message?.trim() || void 0
+      };
+    } catch {
+      return {
+        status: "error",
+        resolvedPath: c,
+        message: "Could not load path"
+      };
+    }
+  }, F = async (t, r) => {
+    const c = x(t);
+    E += 1;
+    const v = E;
+    S(!0), r.reason !== "open" && g("");
+    try {
+      const y = await re(c, r);
+      if (v !== E) return y;
+      if (y.status === "ready") {
+        const D = x(y.resolvedPath);
+        m(D), H(D), g(""), W();
+      } else r.reason !== "open" && g(y.message || (y.status === "missing" ? "Path not found" : "Could not load path"));
+      return y;
+    } finally {
+      v === E && S(!1);
+    }
+  }, oe = (t) => {
+    const r = b().has(t);
+    i((c) => {
+      const v = new Set(c);
+      return v.has(t) ? v.delete(t) : v.add(t), v;
+    }), r || j(t);
+  }, ae = (t) => {
+    if (!G(t)) return;
+    const r = b().has(t.path);
+    F(t.path, {
+      reason: "tree-select"
+    }).then((c) => {
+      c.status !== "ready" || r || j(x(c.resolvedPath));
+    });
+  }, le = () => {
+    F("/", {
+      reason: "tree-select"
+    });
+  }, O = () => {
+    const t = k(w().trim());
+    F(t, {
+      reason: "path-input"
     });
-  }, X = (t) => {
-    const a = P().has(t);
-    f((h) => {
-      const m = new Set(h);
-      return m.has(t) ? m.delete(t) : m.add(t), m;
-    }), a || e.onExpand?.(t);
-  }, q = (t) => {
-    if (!C(t)) return;
-    v(t.path);
-    const a = P().has(t.path);
-    f((h) => {
-      const m = new Set(h);
-      return m.add(t.path), m;
-    }), a || e.onExpand?.(t.path);
-  }, J = () => {
-    v("/");
-  }, N = () => {
-    const t = u(k().trim());
-    S(t) ? (v(t), w(""), E(t)) : w("Path not found");
-  }, Q = (t) => {
-    t.key === "Enter" && (t.preventDefault(), N());
-  }, U = L(() => {
-    const t = b(), a = l();
+  }, ie = (t) => {
+    t.key === "Enter" && (t.preventDefault(), O());
+  }, se = B(() => {
+    const t = u(), r = s();
     if (t === "/" || t === "") return [{
-      name: a,
+      name: r,
       path: "/"
     }];
-    const h = t.split("/").filter(Boolean), m = [{
-      name: a,
+    const c = t.split("/").filter(Boolean), v = [{
+      name: r,
       path: "/"
     }];
-    let D = "";
-    for (const R of h)
-      D += "/" + R, m.push({
-        name: R,
-        path: D
+    let y = "";
+    for (const D of c)
+      y += "/" + D, v.push({
+        name: D,
+        path: y
       });
-    return m;
-  });
-  return {
-    selectedPath: b,
-    setSelectedPath: v,
-    expandedPaths: P,
-    toggleExpand: X,
-    pathInput: k,
-    setPathInput: o,
-    pathInputError: x,
-    setPathInputError: w,
-    folderIndex: c,
-    rootFolders: g,
-    isValidPath: S,
-    isSelectable: C,
-    handleSelectFolder: q,
-    handleSelectRoot: J,
-    handlePathInputGo: N,
-    handlePathInputKeyDown: Q,
-    expandToPath: E,
-    breadcrumbSegments: U,
-    handleBreadcrumbClick: (t) => {
-      v(t), E(t);
-    },
-    homeLabel: l,
-    toDisplayPath: i
+    return v;
+  }), ce = (t) => {
+    F(t, {
+      reason: "breadcrumb"
+    });
+  };
+  return q(p(e.open, (t) => {
+    if (t) {
+      const r = a();
+      m(r), n(l(r)), g("");
+      const c = X(r);
+      i(/* @__PURE__ */ new Set(["/", ...c])), W(), e.onReset?.(r), F(r, {
+        reason: "open"
+      });
+    }
+  })), {
+    selectedPath: u,
+    setSelectedPath: m,
+    expandedPaths: b,
+    toggleExpand: oe,
+    pathInput: w,
+    setPathInput: n,
+    pathPending: P,
+    pathInputError: d,
+    setPathInputError: g,
+    folderIndex: T,
+    rootFolders: ne,
+    isValidPath: M,
+    isSelectable: G,
+    handleSelectFolder: ae,
+    handleSelectRoot: le,
+    handlePathInputGo: O,
+    handlePathInputKeyDown: ie,
+    expandToPath: H,
+    navigateToPath: F,
+    breadcrumbSegments: se,
+    handleBreadcrumbClick: ce,
+    homeLabel: s,
+    toDisplayPath: l,
+    revealNonce: I
   };
 }
-function pe(e) {
-  const [l, n] = _(!1), [r, i] = _(""), [u, b] = _(!1), v = () => {
-    n(!0), i("");
-  }, P = () => {
-    n(!1), i("");
-  }, f = () => {
-    const o = r().trim();
-    if (!o || u()) return;
-    b(!0);
-    const x = e.parentPath(), w = o, c = e.onCreateFolder;
-    ne(() => {
-      c(x, w).then(() => {
-        n(!1), i("");
+function Me(e) {
+  const [s, o] = C(!1), [a, l] = C(""), [k, u] = C(!1), m = () => {
+    o(!0), l("");
+  }, b = () => {
+    o(!1), l("");
+  }, i = () => {
+    const n = a().trim();
+    if (!n || k()) return;
+    u(!0);
+    const P = e.parentPath(), S = n, d = e.onCreateFolder;
+    me(() => {
+      d(P, S).then(() => {
+        o(!1), l("");
       }).catch((g) => {
         console.error("Failed to create folder:", g);
       }).finally(() => {
-        b(!1);
+        u(!1);
       });
     });
-  }, k = (o) => {
-    o.key === "Enter" ? (o.preventDefault(), f()) : o.key === "Escape" && (o.preventDefault(), P());
+  }, w = (n) => {
+    n.key === "Enter" ? (n.preventDefault(), i()) : n.key === "Escape" && (n.preventDefault(), b());
   };
-  return s(T, {
+  return h(L, {
     get when() {
-      return l();
+      return s();
     },
     get fallback() {
       return (() => {
-        var o = se(), x = o.firstChild;
-        return o.$$click = v, d(o, s(le, {
+        var n = ke(), P = n.firstChild;
+        return n.$$click = m, f(n, h(xe, {
           class: "w-3.5 h-3.5"
-        }), x), F(() => I(o, p("flex items-center gap-1 text-xs text-muted-foreground cursor-pointer", "hover:text-foreground transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring rounded px-1 py-0.5"))), o;
+        }), P), z(() => N(n, R("flex items-center gap-1 text-xs text-muted-foreground cursor-pointer", "hover:text-foreground transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring rounded px-1 py-0.5"))), n;
       })();
     },
     get children() {
       return [(() => {
-        var o = M(), x = o.firstChild;
-        return d(x, s(W, {
+        var n = Z(), P = n.firstChild;
+        return f(P, h(U, {
           size: "sm",
           get value() {
-            return r();
+            return a();
           },
-          onInput: (w) => i(w.currentTarget.value),
-          onKeyDown: k,
+          onInput: (S) => l(S.currentTarget.value),
+          onKeyDown: w,
           placeholder: "Folder name",
           get disabled() {
-            return u();
+            return k();
           },
           autofocus: !0
-        })), d(o, s(z, {
+        })), f(n, h(A, {
           variant: "primary",
           size: "sm",
-          onClick: f,
+          onClick: i,
           get loading() {
-            return u();
+            return k();
           },
           get disabled() {
-            return !r().trim();
+            return !a().trim();
           },
           get children() {
-            return s(re, {
+            return h(ve, {
               class: "w-3.5 h-3.5"
             });
           }
-        }), null), d(o, s(z, {
+        }), null), f(n, h(A, {
           variant: "ghost-destructive",
           size: "sm",
-          onClick: P,
+          onClick: b,
           get disabled() {
-            return u();
+            return k();
           },
           get children() {
-            return s(oe, {
+            return h(Pe, {
               class: "w-3.5 h-3.5"
             });
           }
-        }), null), o;
+        }), null), n;
       })(), (() => {
-        var o = ce();
-        return o.firstChild, d(o, (() => {
-          var x = H(() => !!e.toDisplayPath);
-          return () => x() ? e.toDisplayPath(e.parentPath()) : e.parentPath();
-        })(), null), o;
+        var n = ye();
+        return n.firstChild, f(n, (() => {
+          var P = Q(() => !!e.toDisplayPath);
+          return () => P() ? e.toDisplayPath(e.parentPath()) : e.parentPath();
+        })(), null), n;
       })()];
     }
   });
 }
-function Ee(e) {
+function Ge(e) {
   return (() => {
-    var l = M(), n = l.firstChild;
-    return d(n, s(W, {
+    var s = Z(), o = s.firstChild;
+    return f(o, h(U, {
       size: "sm",
       get value() {
         return e.value();
       },
-      onInput: (r) => e.onInput(r.currentTarget.value),
+      onInput: (a) => e.onInput(a.currentTarget.value),
       get onKeyDown() {
         return e.onKeyDown;
       },
       get placeholder() {
         return e.placeholder ?? "/path/to/directory";
       },
+      get disabled() {
+        return e.pending?.() === !0;
+      },
       get error() {
         return e.error();
       }
-    })), d(l, s(z, {
+    })), f(s, h(A, {
       variant: "outline",
       size: "sm",
       get onClick() {
         return e.onGo;
       },
-      children: "Go"
-    }), null), l;
+      get disabled() {
+        return e.pending?.() === !0;
+      },
+      get children() {
+        return e.pending?.() === !0 ? "Opening…" : "Go";
+      }
+    }), null), s;
   })();
 }
-function Fe(e) {
+function He(e) {
   return (() => {
-    var l = ue();
-    return d(l, s(B, {
+    var s = $e();
+    return f(s, h(K, {
       get each() {
         return e.segments();
       },
-      children: (n, r) => [s(T, {
+      children: (o, a) => [h(L, {
         get when() {
-          return r() > 0;
+          return a() > 0;
         },
         get children() {
-          return s(j, {
+          return h(Y, {
             class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
           });
         }
       }), (() => {
-        var i = O();
-        return i.$$click = () => e.onClick(n.path), d(i, () => n.name), F(() => I(i, p("text-xs px-1 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", r() === e.segments().length - 1 ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"))), i;
+        var l = ee();
+        return l.$$click = () => e.onClick(o.path), f(l, () => o.name), z(() => N(l, R("text-xs px-1 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", a() === e.segments().length - 1 ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"))), l;
       })()]
-    })), l;
+    })), s;
   })();
 }
-function Te(e) {
-  const l = () => (typeof e.homeLabel == "function" ? e.homeLabel() : e.homeLabel) ?? "Root";
-  return (() => {
-    var n = he(), r = n.firstChild, i = r.firstChild;
-    return r.$$click = () => e.onSelectRoot(), d(r, s(ie, {
+function We(e) {
+  const s = () => (typeof e.homeLabel == "function" ? e.homeLabel() : e.homeLabel) ?? "Root";
+  let o;
+  const a = /* @__PURE__ */ new Map();
+  let l = -1;
+  const k = (u, m) => {
+    if (m) {
+      a.set(u, m);
+      return;
+    }
+    a.delete(u);
+  };
+  return q(() => {
+    const u = e.revealNonce?.() ?? 0, m = e.selectedPath();
+    e.expandedPaths(), e.rootFolders(), !(u <= l) && queueMicrotask(() => {
+      if (!o || !ge(() => (e.revealNonce?.() ?? 0) === u && u > l))
+        return;
+      if (m === "/") {
+        o.scrollTop = 0, l = u;
+        return;
+      }
+      const i = a.get(m);
+      i && (i.scrollIntoView({
+        block: "nearest",
+        inline: "nearest"
+      }), l = u);
+    });
+  }), (() => {
+    var u = Se(), m = u.firstChild, b = m.firstChild;
+    return J((i) => {
+      o = i;
+    }, u), m.$$click = () => e.onSelectRoot(), f(m, h(be, {
       class: "w-4 h-4 flex-shrink-0"
-    }), i), d(i, l), d(n, s(B, {
+    }), b), f(b, s), f(u, h(K, {
       get each() {
         return e.rootFolders();
       },
-      children: (u) => s(V, {
-        item: u,
+      children: (i) => h(te, {
+        item: i,
         depth: 1,
         get selectedPath() {
           return e.selectedPath;
@@ -293,6 +397,9 @@ function Te(e) {
         get expandedPaths() {
           return e.expandedPaths;
         },
+        get revealNonce() {
+          return e.revealNonce;
+        },
         get onToggle() {
           return e.onToggle;
         },
@@ -301,72 +408,77 @@ function Te(e) {
         },
         get isSelectable() {
           return e.isSelectable;
-        }
+        },
+        registerRow: k
       })
-    }), null), d(n, s(T, {
+    }), null), f(u, h(L, {
       get when() {
         return e.rootFolders().length === 0;
       },
       get children() {
-        var u = de();
-        return d(u, () => e.emptyText ?? "No directories available"), u;
+        var i = Ce();
+        return f(i, () => e.emptyText ?? "No directories available"), i;
       }
-    }), null), F((u) => {
-      var b = p("border border-border rounded overflow-y-auto", e.class), v = e.style, P = p("flex items-center gap-1.5 w-full text-left text-xs py-1.5 px-2 cursor-pointer", "transition-colors duration-100", "hover:bg-accent/60", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring", e.selectedPath() === "/" && "bg-accent text-accent-foreground font-medium");
-      return b !== u.e && I(n, u.e = b), u.t = Y(n, v, u.t), P !== u.a && I(r, u.a = P), u;
+    }), null), z((i) => {
+      var w = R("border border-border rounded overflow-y-auto", e.class), n = e.style, P = R("flex items-center gap-1.5 w-full text-left text-xs py-1.5 px-2 cursor-pointer", "transition-colors duration-100", "hover:bg-accent/60", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring", e.selectedPath() === "/" && "bg-accent text-accent-foreground font-medium");
+      return w !== i.e && N(u, i.e = w), i.t = ue(u, n, i.t), P !== i.a && N(m, i.a = P), i;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
-    }), n;
+    }), u;
   })();
 }
-function V(e) {
-  const l = () => e.expandedPaths().has(e.item.path), n = () => e.selectedPath() === e.item.path, r = () => e.isSelectable(e.item), i = L(() => e.item.children?.filter((f) => f.type === "folder") ?? []), u = () => i().length > 0, b = () => e.item.type === "folder", v = (f) => {
-    f.stopPropagation(), e.onToggle(e.item.path);
-  }, P = () => {
+function te(e) {
+  const s = () => e.expandedPaths().has(e.item.path), o = () => e.selectedPath() === e.item.path, a = () => e.isSelectable(e.item), l = B(() => e.item.children?.filter((i) => i.type === "folder") ?? []), k = () => l().length > 0, u = () => e.item.type === "folder", m = (i) => {
+    i.stopPropagation(), e.onToggle(e.item.path);
+  }, b = () => {
     e.onSelect(e.item);
   };
-  return (() => {
-    var f = ge(), k = f.firstChild, o = k.firstChild, x = o.firstChild, w = x.nextSibling;
-    return d(k, s(T, {
+  return fe(() => {
+    e.registerRow(e.item.path, null);
+  }), (() => {
+    var i = _e(), w = i.firstChild, n = w.firstChild, P = n.firstChild, S = P.nextSibling;
+    return f(w, h(L, {
       get when() {
-        return b();
+        return u();
       },
       get fallback() {
-        return me();
+        return Ee();
       },
       get children() {
-        var c = O();
-        return c.$$click = v, d(c, s(j, {
+        var d = ee();
+        return d.$$click = m, f(d, h(Y, {
           class: "w-3 h-3 opacity-60"
-        })), F((g) => {
-          var S = p("flex-shrink-0 w-4 h-4 flex items-center justify-center cursor-pointer", "transition-transform duration-150", l() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring"), C = l() ? "Collapse folder" : "Expand folder";
-          return S !== g.e && I(c, g.e = S), C !== g.t && Z(c, "aria-label", g.t = C), g;
+        })), z((g) => {
+          var I = R("flex-shrink-0 w-4 h-4 flex items-center justify-center cursor-pointer", "transition-transform duration-150", s() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring"), _ = s() ? "Collapse folder" : "Expand folder";
+          return I !== g.e && N(d, g.e = I), _ !== g.t && V(d, "aria-label", g.t = _), g;
         }, {
           e: void 0,
           t: void 0
-        }), c;
+        }), d;
       }
-    }), o), o.$$click = P, d(x, s(ae, {
+    }), n), n.$$click = b, J((d) => {
+      e.registerRow(e.item.path, d);
+    }, n), f(P, h(we, {
       get item() {
         return e.item;
       },
       get open() {
-        return l();
+        return s();
       },
       class: "w-4 h-4"
-    })), d(w, () => e.item.name), d(f, s(T, {
+    })), f(S, () => e.item.name), f(i, h(L, {
       get when() {
-        return H(() => !!l())() && u();
+        return Q(() => !!s())() && k();
       },
       get children() {
-        var c = fe();
-        return d(c, s(B, {
+        var d = Ie();
+        return f(d, h(K, {
           get each() {
-            return i();
+            return l();
           },
-          children: (g) => s(V, {
+          children: (g) => h(te, {
             item: g,
             get depth() {
               return e.depth + 1;
@@ -377,6 +489,9 @@ function V(e) {
             get expandedPaths() {
               return e.expandedPaths;
             },
+            get revealNonce() {
+              return e.revealNonce;
+            },
             get onToggle() {
               return e.onToggle;
             },
@@ -385,31 +500,35 @@ function V(e) {
             },
             get isSelectable() {
               return e.isSelectable;
+            },
+            get registerRow() {
+              return e.registerRow;
             }
           })
-        })), c;
+        })), d;
       }
-    }), null), F((c) => {
-      var g = p("group flex items-center w-full text-xs", "transition-colors duration-100", r() ? "hover:bg-accent/60" : "opacity-50", n() && r() && "bg-accent text-accent-foreground font-medium"), S = `${4 + e.depth * 14}px`, C = !r(), E = p("flex items-center gap-1 flex-1 min-w-0 text-left py-1.5 pl-0.5 pr-2", r() ? "cursor-pointer" : "cursor-not-allowed", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring");
-      return g !== c.e && I(k, c.e = g), S !== c.t && ee(k, "padding-left", c.t = S), C !== c.a && (o.disabled = c.a = C), E !== c.o && I(o, c.o = E), c;
+    }), null), z((d) => {
+      var g = R("group flex items-center w-full text-xs", "transition-colors duration-100", a() ? "hover:bg-accent/60" : "opacity-50", o() && a() && "bg-accent text-accent-foreground font-medium"), I = `${4 + e.depth * 14}px`, _ = e.item.path, E = !a(), T = R("flex items-center gap-1 flex-1 min-w-0 text-left py-1.5 pl-0.5 pr-2", a() ? "cursor-pointer" : "cursor-not-allowed", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring");
+      return g !== d.e && N(w, d.e = g), I !== d.t && de(w, "padding-left", d.t = I), _ !== d.a && V(n, "data-picker-row-path", d.a = _), E !== d.o && (n.disabled = d.o = E), T !== d.i && N(n, d.i = T), d;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
-      o: void 0
-    }), f;
+      o: void 0,
+      i: void 0
+    }), i;
   })();
 }
-te(["click"]);
+he(["click"]);
 export {
-  pe as NewFolderSection,
-  Ee as PathInputBar,
-  Fe as PickerBreadcrumb,
-  Te as PickerFolderTree,
-  V as PickerTreeNode,
-  G as getAncestorPaths,
-  y as normalizePath,
-  xe as resolvePickerInitialPath,
-  ve as useFolderIndex,
-  Ie as usePickerTree
+  Me as NewFolderSection,
+  Ge as PathInputBar,
+  He as PickerBreadcrumb,
+  We as PickerFolderTree,
+  te as PickerTreeNode,
+  X as getAncestorPaths,
+  x as normalizePath,
+  Re as resolvePickerInitialPath,
+  Ne as useFolderIndex,
+  Ke as usePickerTree
 };