@floegence/floe-webapp-core 0.86.65 → 0.86.67

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

@@ -1,91 +1,91 @@
-import { insert as s, createComponent as l, use as H, setAttribute as v, effect as P, className as ce, memo as C, spread as te, mergeProps as re, template as f, delegateEvents as de } from "solid-js/web";
-import { createSignal as E, createEffect as T, on as ae, untrack as ue, createMemo as V, createUniqueId as ve, Show as h, For as N } from "solid-js";
-import { cn as L } from "../../../utils/cn.js";
-import { FileItemIcon as ge } from "../../file-browser/FileIcons.js";
-import { FolderOpen as le, ChevronRight as q } from "../../icons/index.js";
-import { Button as z } from "../Button.js";
-import { Input as U } from "../Input.js";
-import { PickerDirectoryRow as ie, DirectoryFavoriteButton as fe } from "./DirectoryFavorites.js";
-import { resolveTabNavigationTargetId as he } from "../Tabs.js";
-import { createFilesystemPickerDataSource as be, parsePickerPath as j, defaultPickerCopy as me, PickerNavigationError as we } from "./PickerNavigation.js";
-import { pickerParentPath as Xe } from "./PickerNavigation.js";
-var xe = /* @__PURE__ */ f('<div role=tablist class="mb-1 flex min-w-0 items-center gap-4 border-b border-[var(--floe-line)]">'), ye = /* @__PURE__ */ f('<div class="flex min-w-0 items-start gap-1.5"><div class="min-w-0 flex-1">'), ke = /* @__PURE__ */ f('<div role=alert class="flex items-center gap-2 text-xs text-error"><span class="min-w-0 flex-1 break-words">'), $e = /* @__PURE__ */ f('<div class="flex items-start gap-2 rounded-xs border border-error/30 bg-error/5 px-2 py-1.5 text-xs"role=alert><span class="min-w-0 flex-1 break-words">'), O = /* @__PURE__ */ f("<div>"), pe = /* @__PURE__ */ f('<div class="flex min-w-0 flex-col gap-2"data-filesystem-picker><div class="flex min-w-0 flex-col gap-2">'), Pe = /* @__PURE__ */ f('<div class="flex flex-wrap items-center gap-1">'), _e = /* @__PURE__ */ f("<button type=button role=tab>"), Fe = /* @__PURE__ */ f('<nav class="flex min-w-0 flex-wrap items-center gap-0.5 text-xs">'), Ce = /* @__PURE__ */ f("<span role=status>"), Ie = /* @__PURE__ */ f('<div class="flex flex-wrap items-center justify-between gap-2 text-xs text-[var(--floe-ink-soft)]"><label class="flex cursor-pointer items-center gap-1.5"><input type=checkbox class=cursor-pointer>'), Ee = /* @__PURE__ */ f('<button type=button class="max-w-full cursor-pointer truncate rounded-xs px-1 py-0.5 hover:bg-[var(--floe-state-hover)] focus-visible:ring-1 focus-visible:ring-ring">'), ne = /* @__PURE__ */ f('<p class="px-3 py-6 text-center text-xs text-[var(--floe-ink-soft)]"role=status>'), ze = /* @__PURE__ */ f('<p class="px-3 py-6 text-center text-xs text-[var(--floe-ink-soft)]">'), Ae = /* @__PURE__ */ f('<button type=button class="flex min-h-8 min-w-0 flex-1 cursor-pointer items-center gap-2 px-2 py-1.5 text-left text-xs hover:bg-[var(--floe-state-selected)] focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"><span class="min-w-0 flex-1 truncate">'), Ve = /* @__PURE__ */ f('<button type=button class="flex min-h-14 min-w-0 flex-1 cursor-pointer items-center gap-3 rounded-sm px-2 py-2.5 text-left hover:bg-[var(--floe-state-selected)] focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"><span class="flex min-w-0 flex-1 flex-col gap-0.5"><span class="truncate text-xs font-medium"></span><span class="truncate text-caption text-[var(--floe-ink-soft)]">'), De = /* @__PURE__ */ f('<div class="flex items-center gap-1.5">'), Re = /* @__PURE__ */ f('<p role=alert class="text-xs text-error">');
-function W(e) {
+import { insert as o, createComponent as l, use as O, setAttribute as f, effect as I, className as ce, memo as M, spread as re, mergeProps as ie, template as g, delegateEvents as ue } from "solid-js/web";
+import { createSignal as N, createEffect as q, on as Y, untrack as de, createMemo as T, createUniqueId as fe, Show as m, For as j, onCleanup as ge } from "solid-js";
+import { cn as W } from "../../../utils/cn.js";
+import { FileItemIcon as ve } from "../../file-browser/FileIcons.js";
+import { FolderOpen as oe, ChevronRight as J } from "../../icons/index.js";
+import { Button as R } from "../Button.js";
+import { Input as Q } from "../Input.js";
+import { PickerDirectoryRow as ne, DirectoryFavoriteButton as he } from "./DirectoryFavorites.js";
+import { resolveTabNavigationTargetId as be } from "../Tabs.js";
+import { createFilesystemPickerDataSource as me, parsePickerPath as X, defaultPickerCopy as we, PickerNavigationError as xe } from "./PickerNavigation.js";
+import { pickerParentPath as Ze } from "./PickerNavigation.js";
+var ye = /* @__PURE__ */ g('<div role=tablist class="mb-1 flex min-w-0 items-center gap-4 border-b border-[var(--floe-line)]">'), ke = /* @__PURE__ */ g('<div class="flex min-w-0 items-start gap-1.5"><div class="min-w-0 flex-1">'), $e = /* @__PURE__ */ g('<div role=alert class="flex items-center gap-2 text-xs text-error"><span class="min-w-0 flex-1 break-words">'), pe = /* @__PURE__ */ g('<div class="flex items-start gap-2 rounded-xs border border-error/30 bg-error/5 px-2 py-1.5 text-xs"role=alert><span class="min-w-0 flex-1 break-words">'), ae = /* @__PURE__ */ g("<div>"), _e = /* @__PURE__ */ g('<div class="flex min-w-0 flex-col gap-2"data-filesystem-picker><div class="flex min-w-0 flex-col gap-2">'), Pe = /* @__PURE__ */ g('<div class="flex flex-wrap items-center gap-1">'), Fe = /* @__PURE__ */ g("<button type=button role=tab>"), Ce = /* @__PURE__ */ g('<nav class="flex min-w-0 flex-wrap items-center gap-0.5 text-xs">'), Ie = /* @__PURE__ */ g("<span role=status>"), Ee = /* @__PURE__ */ g('<div class="flex flex-wrap items-center justify-between gap-2 text-xs text-[var(--floe-ink-soft)]"><label class="flex cursor-pointer items-center gap-1.5"><input type=checkbox class=cursor-pointer>'), ze = /* @__PURE__ */ g('<button type=button class="max-w-full cursor-pointer truncate rounded-xs px-1 py-0.5 hover:bg-[var(--floe-state-hover)] focus-visible:ring-1 focus-visible:ring-ring">'), le = /* @__PURE__ */ g('<p class="px-3 py-6 text-center text-xs text-[var(--floe-ink-soft)]"role=status>'), Ae = /* @__PURE__ */ g('<p class="px-3 py-6 text-center text-xs text-[var(--floe-ink-soft)]">'), Me = /* @__PURE__ */ g('<button type=button class="flex min-h-8 min-w-0 flex-1 cursor-pointer items-center gap-2 px-2 py-1.5 text-left text-xs hover:bg-[var(--floe-state-selected)] focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"><span class="min-w-0 flex-1 truncate">'), De = /* @__PURE__ */ g('<button type=button class="flex min-h-14 min-w-0 flex-1 cursor-pointer items-center gap-3 rounded-sm px-2 py-2.5 text-left hover:bg-[var(--floe-state-selected)] focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"><span class="flex min-w-0 flex-1 flex-col gap-0.5"><span class="truncate text-xs font-medium"></span><span class="truncate text-caption text-[var(--floe-ink-soft)]">'), Ve = /* @__PURE__ */ g('<div class="flex flex-wrap items-center gap-1.5"><div class="flex shrink-0 items-center gap-1.5">'), Ne = /* @__PURE__ */ g('<p role=alert class="mt-1 break-words text-xs text-error">'), Re = /* @__PURE__ */ g("<div data-picker-create-folder>");
+function Z(e) {
   return {
-    ...me,
+    ...we,
     ...e.copy
   };
 }
-function se(e, o) {
-  const n = W(e);
-  return o instanceof we ? n[o.kind] : e.formatError?.(o) || (o instanceof Error ? o.message : "") || n.loadFailed;
+function se(e, s) {
+  const n = Z(e);
+  return s instanceof xe ? n[s.kind] : e.formatError?.(s) || (s instanceof Error ? s.message : "") || n.loadFailed;
 }
-function Oe(e, o, n, y, _ = () => "browse") {
-  const [m, F] = E("browse"), k = be(() => e, n);
-  return T(ae(() => [o(), e.scopeKey], ([I]) => {
-    k.close(), I && (F(_()), e.directoryFavorites?.onRefresh?.(), y?.(), k.open(e.initialPath));
-  })), T(() => e.onValidityChange?.(k.valid() && m() === "browse")), {
-    ...k,
-    view: m,
-    setView: F
+function We(e, s, n, y, p = () => "browse") {
+  const [x, _] = N("browse"), P = me(() => e, n);
+  return q(Y(() => [s(), e.scopeKey], ([E]) => {
+    P.close(), E && (_(p()), e.directoryFavorites?.onRefresh?.(), y?.(), P.open(e.initialPath));
+  })), q(() => e.onValidityChange?.(P.valid() && x() === "browse")), {
+    ...P,
+    view: x,
+    setView: _
   };
 }
-function We(e) {
-  const o = () => W(e), n = ue(() => e.source), y = V(() => n.entries().filter((c) => c.type === "folder")), _ = V(() => n.context()?.roots.filter((c) => !c.hidden) ?? []), m = ve(), [F, k] = E(""), [I, $] = E(""), A = () => n.view() !== "browse", w = () => !!(e.suggestions?.paths.length || e.directoryFavorites), x = V(() => [...new Set((e.directoryFavorites?.paths ?? []).map((c) => j(c)).filter(Boolean))]), D = V(() => n.view() === "suggestions" ? e.suggestions?.paths ?? [] : x().filter((c) => c.toLocaleLowerCase().includes(F().trim().toLocaleLowerCase())));
-  T(ae(() => e.scopeKey, () => {
-    k(""), $("");
+function Je(e) {
+  const s = () => Z(e), n = de(() => e.source), y = T(() => n.entries().filter((c) => c.type === "folder")), p = T(() => n.context()?.roots.filter((c) => !c.hidden) ?? []), x = fe(), [_, P] = N(""), [E, F] = N(""), k = () => n.view() !== "browse", z = () => !!(e.suggestions?.paths.length || e.directoryFavorites), B = T(() => [...new Set((e.directoryFavorites?.paths ?? []).map((c) => X(c)).filter(Boolean))]), K = T(() => n.view() === "suggestions" ? e.suggestions?.paths ?? [] : B().filter((c) => c.toLocaleLowerCase().includes(_().trim().toLocaleLowerCase())));
+  q(Y(() => e.scopeKey, () => {
+    P(""), F("");
   }));
-  let K;
-  const G = V(() => [...e.suggestions?.paths.length ? [{
+  let S;
+  const H = T(() => [...e.suggestions?.paths.length ? [{
     id: "suggestions",
     label: e.suggestions.label,
     disabled: e.disabled
   }] : [], ...e.directoryFavorites ? [{
     id: "favorites",
-    label: o().favorites,
+    label: s().favorites,
     disabled: e.disabled
-  }] : [], ..._().map((c) => ({
+  }] : [], ...p().map((c) => ({
     id: `root:${c.id}`,
     label: c.label,
     path: c.pathAbs,
     disabled: e.disabled || c.permissions?.read === !1
-  }))]), B = () => {
-    if (A()) return n.view();
-    const c = j(n.pathInput(), n.context()?.homePathAbs);
-    return `root:${_().filter((i) => c === i.pathAbs || c.startsWith(i.pathAbs.replace(/\/$/, "") + "/")).sort((i, t) => t.pathAbs.length - i.pathAbs.length)[0]?.id ?? n.context()?.defaultRootId ?? _()[0]?.id}`;
-  }, J = /* @__PURE__ */ new Map(), Q = [], X = (c, b, i, t) => {
+  }))]), D = () => {
+    if (k()) return n.view();
+    const c = X(n.pathInput(), n.context()?.homePathAbs);
+    return `root:${p().filter((i) => c === i.pathAbs || c.startsWith(i.pathAbs.replace(/\/$/, "") + "/")).sort((i, t) => t.pathAbs.length - i.pathAbs.length)[0]?.id ?? n.context()?.defaultRootId ?? p()[0]?.id}`;
+  }, A = /* @__PURE__ */ new Map(), b = [], $ = (c, w, i, t) => {
     let a;
-    c.key === "ArrowDown" && (a = Math.min(b + 1, t - 1)), c.key === "ArrowUp" && (a = Math.max(0, b - 1)), c.key === "Home" && (a = 0), c.key === "End" && (a = t - 1), a !== void 0 && (c.preventDefault(), c.stopPropagation(), i[a]?.focus(), i[a]?.scrollIntoView?.({
+    c.key === "ArrowDown" && (a = Math.min(w + 1, t - 1)), c.key === "ArrowUp" && (a = Math.max(0, w - 1)), c.key === "Home" && (a = 0), c.key === "End" && (a = t - 1), a !== void 0 && (c.preventDefault(), c.stopPropagation(), i[a]?.focus(), i[a]?.scrollIntoView?.({
       block: "nearest"
     }));
-  }, oe = V(() => {
+  }, v = T(() => {
     const c = n.currentPath();
     if (!c) return [];
-    let b = "";
+    let w = "";
     return [{
       path: "/",
-      name: o().root
-    }, ...c.split("/").filter(Boolean).map((i) => (b += `/${i}`, {
-      path: b,
+      name: s().root
+    }, ...c.split("/").filter(Boolean).map((i) => (w += `/${i}`, {
+      path: w,
       name: i
     }))];
-  }), Y = [], S = (c) => {
-    n.setView("browse"), n.navigate(c), K?.focus();
-  }, Z = () => S(n.pathInput());
+  }), V = [], G = (c) => {
+    n.setView("browse"), n.navigate(c), S?.focus();
+  }, ee = () => G(n.pathInput());
   return (() => {
-    var c = pe(), b = c.firstChild;
-    return s(c, l(h, {
+    var c = _e(), w = c.firstChild;
+    return o(c, l(m, {
       get when() {
-        return w();
+        return z();
       },
       get fallback() {
         return (() => {
           var i = Pe();
-          return s(i, l(N, {
+          return o(i, l(j, {
             get each() {
-              return _();
+              return p();
             },
-            children: (t) => l(z, {
+            children: (t) => l(R, {
               type: "button",
               size: "sm",
               get variant() {
@@ -104,25 +104,25 @@ function We(e) {
                 return t.label;
               }
             })
-          })), P(() => v(i, "aria-label", o().roots)), i;
+          })), I(() => f(i, "aria-label", s().roots)), i;
         })();
       },
       get children() {
-        var i = xe();
-        return s(i, l(N, {
+        var i = ye();
+        return o(i, l(j, {
           get each() {
-            return G();
+            return H();
           },
           children: (t) => (() => {
-            var a = _e();
+            var a = Fe();
             return a.$$keydown = (r) => {
-              const u = he(G(), t.id, r.key);
-              u && (r.preventDefault(), r.stopPropagation(), J.get(u)?.focus());
+              const d = be(H(), t.id, r.key);
+              d && (r.preventDefault(), r.stopPropagation(), A.get(d)?.focus());
             }, a.$$click = () => {
-              "path" in t ? S(t.path) : (n.setView(t.id), t.id === "favorites" && e.directoryFavorites?.onRefresh?.());
-            }, H((r) => J.set(t.id, r), a), v(a, "aria-controls", m), s(a, () => t.label), P((r) => {
-              var u = `${m}-${t.id}`, g = B() === t.id, p = B() === t.id ? 0 : -1, d = t.disabled, R = "path" in t ? t.path : t.label, M = L("min-w-0 cursor-pointer truncate border-b-2 px-0.5 py-2 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", B() === t.id ? "border-primary text-[var(--floe-accent-ink)]" : "border-transparent text-[var(--floe-ink-soft)] hover:text-foreground");
-              return u !== r.e && v(a, "id", r.e = u), g !== r.t && v(a, "aria-selected", r.t = g), p !== r.a && v(a, "tabindex", r.a = p), d !== r.o && (a.disabled = r.o = d), R !== r.i && v(a, "title", r.i = R), M !== r.n && ce(a, r.n = M), r;
+              "path" in t ? G(t.path) : (n.setView(t.id), t.id === "favorites" && e.directoryFavorites?.onRefresh?.());
+            }, O((r) => A.set(t.id, r), a), f(a, "aria-controls", x), o(a, () => t.label), I((r) => {
+              var d = `${x}-${t.id}`, h = D() === t.id, C = D() === t.id ? 0 : -1, u = t.disabled, L = "path" in t ? t.path : t.label, U = W("min-w-0 cursor-pointer truncate border-b-2 px-0.5 py-2 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", D() === t.id ? "border-primary text-[var(--floe-accent-ink)]" : "border-transparent text-[var(--floe-ink-soft)] hover:text-foreground");
+              return d !== r.e && f(a, "id", r.e = d), h !== r.t && f(a, "aria-selected", r.t = h), C !== r.a && f(a, "tabindex", r.a = C), u !== r.o && (a.disabled = r.o = u), L !== r.i && f(a, "title", r.i = L), U !== r.n && ce(a, r.n = U), r;
             }, {
               e: void 0,
               t: void 0,
@@ -132,22 +132,22 @@ function We(e) {
               n: void 0
             }), a;
           })()
-        })), P(() => v(i, "aria-label", o().roots)), i;
+        })), I(() => f(i, "aria-label", s().roots)), i;
       }
-    }), b), v(b, "id", m), s(b, l(h, {
+    }), w), f(w, "id", x), o(w, l(m, {
       get when() {
-        return !A();
+        return !k();
       },
       get children() {
-        var i = ye(), t = i.firstChild;
-        return s(t, l(U, {
+        var i = ke(), t = i.firstChild;
+        return o(t, l(Q, {
           ref(a) {
-            var r = K;
-            typeof r == "function" ? r(a) : K = a;
+            var r = S;
+            typeof r == "function" ? r(a) : S = a;
           },
           size: "sm",
           get "aria-label"() {
-            return o().path;
+            return s().path;
           },
           placeholder: "/",
           get value() {
@@ -158,47 +158,47 @@ function We(e) {
           },
           onInput: (a) => n.setPathInput(a.currentTarget.value),
           onKeyDown: (a) => {
-            a.key === "Enter" && (a.preventDefault(), a.stopPropagation(), Z());
+            a.key === "Enter" && (a.preventDefault(), a.stopPropagation(), ee());
           }
-        })), s(i, l(z, {
+        })), o(i, l(R, {
           size: "sm",
           variant: "outline",
-          onClick: Z,
+          onClick: ee,
           get disabled() {
             return e.disabled || !n.context() || !n.pathInput();
           },
           get children() {
-            return o().go;
+            return s().go;
           }
         }), null), i;
       }
-    }), null), s(b, l(h, {
+    }), null), o(w, l(m, {
       get when() {
-        return I() || e.directoryFavorites?.error;
+        return E() || e.directoryFavorites?.error;
       },
       get children() {
-        var i = ke(), t = i.firstChild;
-        return s(t, () => I() || e.directoryFavorites?.error), s(i, l(z, {
+        var i = $e(), t = i.firstChild;
+        return o(t, () => E() || e.directoryFavorites?.error), o(i, l(R, {
           size: "sm",
           variant: "ghost",
           get disabled() {
             return e.directoryFavorites?.loading;
           },
           onClick: () => {
-            $(""), e.directoryFavorites?.onRefresh?.();
+            F(""), e.directoryFavorites?.onRefresh?.();
           },
           get children() {
-            return o().retry;
+            return s().retry;
           }
         }), null), i;
       }
-    }), null), s(b, l(h, {
+    }), null), o(w, l(m, {
       get when() {
-        return C(() => !!n.error())() && !A();
+        return M(() => !!n.error())() && !k();
       },
       get children() {
-        var i = $e(), t = i.firstChild;
-        return s(t, () => se(e, n.error())), s(i, l(z, {
+        var i = pe(), t = i.firstChild;
+        return o(t, () => se(e, n.error())), o(i, l(R, {
           size: "sm",
           variant: "ghost",
           onClick: () => {
@@ -208,49 +208,49 @@ function We(e) {
             return e.disabled || n.pending();
           },
           get children() {
-            return o().retry;
+            return s().retry;
           }
         }), null), i;
       }
-    }), null), s(b, l(h, {
+    }), null), o(w, l(m, {
       get when() {
-        return A();
+        return k();
       },
       get fallback() {
         return [(() => {
-          var i = Fe();
-          return s(i, l(N, {
+          var i = Ce();
+          return o(i, l(j, {
             get each() {
-              return oe();
+              return v();
             },
-            children: (t, a) => [l(h, {
+            children: (t, a) => [l(m, {
               get when() {
                 return a() > 0;
               },
               get children() {
-                return l(q, {
+                return l(J, {
                   class: "h-3 w-3 shrink-0 text-[var(--floe-ink-soft)]"
                 });
               }
             }), (() => {
-              var r = Ee();
+              var r = ze();
               return r.$$click = () => {
                 n.navigate(t.path);
-              }, s(r, () => t.name), P((u) => {
-                var g = t.path, p = e.disabled, d = t.path === n.currentPath() ? "location" : void 0;
-                return g !== u.e && v(r, "title", u.e = g), p !== u.t && (r.disabled = u.t = p), d !== u.a && v(r, "aria-current", u.a = d), u;
+              }, o(r, () => t.name), I((d) => {
+                var h = t.path, C = e.disabled, u = t.path === n.currentPath() ? "location" : void 0;
+                return h !== d.e && f(r, "title", d.e = h), C !== d.t && (r.disabled = d.t = C), u !== d.a && f(r, "aria-current", d.a = u), d;
               }, {
                 e: void 0,
                 t: void 0,
                 a: void 0
               }), r;
             })()]
-          }), null), s(i, l(h, {
+          }), null), o(i, l(m, {
             get when() {
               return e.directoryFavorites;
             },
             get children() {
-              return l(fe, {
+              return l(he, {
                 get path() {
                   return n.currentPath();
                 },
@@ -258,58 +258,58 @@ function We(e) {
                   return e.directoryFavorites;
                 },
                 get copy() {
-                  return o();
+                  return s();
                 },
                 get disabled() {
                   return e.disabled || !n.valid();
                 },
-                onError: $
+                onError: F
               });
             }
-          }), null), P(() => v(i, "aria-label", o().currentDirectory)), i;
+          }), null), I(() => f(i, "aria-label", s().currentDirectory)), i;
         })(), (() => {
-          var i = O();
-          return te(i, re(() => e.scrollViewportProps, {
+          var i = ae();
+          return re(i, ie(() => e.scrollViewportProps, {
             get class() {
-              return L("min-h-[120px] overflow-y-auto rounded-xs border border-[var(--floe-line)]", e.scrollViewportProps?.class);
+              return W("min-h-[120px] overflow-y-auto rounded-xs border border-[var(--floe-line)]", e.scrollViewportProps?.class);
             },
             get style() {
               return {
                 "max-height": e.treeMaxHeight ?? "240px"
               };
             }
-          }), !1, !0), s(i, l(h, {
+          }), !1, !0), o(i, l(m, {
             get when() {
               return !n.pending() || n.currentPath();
             },
             get fallback() {
               return (() => {
-                var t = ne();
-                return s(t, () => o().loading), t;
+                var t = le();
+                return o(t, () => s().loading), t;
               })();
             },
             get children() {
-              return l(h, {
+              return l(m, {
                 get when() {
                   return y().length;
                 },
                 get fallback() {
-                  return l(h, {
+                  return l(m, {
                     get when() {
                       return n.currentPath();
                     },
                     get children() {
-                      var t = ze();
-                      return s(t, () => o().empty), t;
+                      var t = Ae();
+                      return o(t, () => s().empty), t;
                     }
                   });
                 },
                 get children() {
-                  return l(N, {
+                  return l(j, {
                     get each() {
                       return y();
                     },
-                    children: (t, a) => l(ie, {
+                    children: (t, a) => l(ne, {
                       get path() {
                         return t.path;
                       },
@@ -317,7 +317,7 @@ function We(e) {
                         return e.directoryFavorites;
                       },
                       get copy() {
-                        return o();
+                        return s();
                       },
                       get scopeKey() {
                         return e.scopeKey;
@@ -325,24 +325,24 @@ function We(e) {
                       get disabled() {
                         return e.disabled || e.filter?.(t) === !1;
                       },
-                      onError: $,
+                      onError: F,
                       get children() {
-                        var r = Ae(), u = r.firstChild;
-                        return r.$$keydown = (g) => X(g, a(), Y, y().length), r.$$click = () => {
+                        var r = Me(), d = r.firstChild;
+                        return r.$$keydown = (h) => $(h, a(), V, y().length), r.$$click = () => {
                           n.navigate(t.path);
-                        }, H((g) => {
-                          T(() => {
-                            Y[a()] = g;
+                        }, O((h) => {
+                          q(() => {
+                            V[a()] = h;
                           });
-                        }, r), s(r, l(ge, {
+                        }, r), o(r, l(ve, {
                           item: t,
                           size: 16,
                           class: "h-4 w-4 shrink-0"
-                        }), u), s(u, () => t.name), s(r, l(q, {
+                        }), d), o(d, () => t.name), o(r, l(J, {
                           class: "h-3 w-3 shrink-0 text-[var(--floe-ink-soft)]"
-                        }), null), P((g) => {
-                          var p = t.path, d = e.disabled || e.filter?.(t) === !1;
-                          return p !== g.e && v(r, "data-picker-row-path", g.e = p), d !== g.t && (r.disabled = g.t = d), g;
+                        }), null), I((h) => {
+                          var C = t.path, u = e.disabled || e.filter?.(t) === !1;
+                          return C !== h.e && f(r, "data-picker-row-path", h.e = C), u !== h.t && (r.disabled = h.t = u), h;
                         }, {
                           e: void 0,
                           t: void 0
@@ -355,50 +355,50 @@ function We(e) {
             }
           })), i;
         })(), (() => {
-          var i = Ie(), t = i.firstChild, a = t.firstChild;
+          var i = Ee(), t = i.firstChild, a = t.firstChild;
           return a.addEventListener("change", (r) => {
             n.setShowHidden(r.currentTarget.checked);
-          }), s(t, () => o().showHidden, null), s(i, l(h, {
+          }), o(t, () => s().showHidden, null), o(i, l(m, {
             get when() {
-              return C(() => !!n.pending())() && n.currentPath();
+              return M(() => !!n.pending())() && n.currentPath();
             },
             get children() {
-              var r = Ce();
-              return s(r, () => o().loading), r;
+              var r = Ie();
+              return o(r, () => s().loading), r;
             }
-          }), null), P(() => a.disabled = e.disabled || !n.context()), P(() => a.checked = n.showHidden()), i;
-        })(), l(h, {
+          }), null), I(() => a.disabled = e.disabled || !n.context()), I(() => a.checked = n.showHidden()), i;
+        })(), l(m, {
           get when() {
             return e.onCreateFolder;
           },
           get children() {
-            return l(Me, e);
+            return l(Be, e);
           }
         })];
       },
       get children() {
-        return [l(h, {
+        return [l(m, {
           get when() {
             return n.view() === "favorites";
           },
           get children() {
-            return l(U, {
+            return l(Q, {
               size: "sm",
               get "aria-label"() {
-                return o().favoritesFilter;
+                return s().favoritesFilter;
               },
               get placeholder() {
-                return o().favoritesFilter;
+                return s().favoritesFilter;
               },
               get value() {
-                return F();
+                return _();
               },
-              onInput: (i) => k(i.currentTarget.value)
+              onInput: (i) => P(i.currentTarget.value)
             });
           }
         }), (() => {
-          var i = O();
-          return te(i, re(() => e.scrollViewportProps, {
+          var i = ae();
+          return re(i, ie(() => e.scrollViewportProps, {
             get "data-picker-suggestions"() {
               return n.view() === "suggestions" ? "" : void 0;
             },
@@ -406,44 +406,44 @@ function We(e) {
               return n.view() === "favorites" ? "" : void 0;
             },
             get "aria-label"() {
-              return C(() => n.view() === "favorites")() ? o().favorites : e.suggestions?.label;
+              return M(() => n.view() === "favorites")() ? s().favorites : e.suggestions?.label;
             },
             get "aria-busy"() {
-              return C(() => n.view() === "favorites")() && e.directoryFavorites?.loading;
+              return M(() => n.view() === "favorites")() && e.directoryFavorites?.loading;
             },
             get class() {
-              return L("min-h-[180px] min-w-0 overflow-y-auto", e.scrollViewportProps?.class);
+              return W("min-h-[180px] min-w-0 overflow-y-auto", e.scrollViewportProps?.class);
             },
             get style() {
               return {
                 "max-height": e.treeMaxHeight ?? "240px"
               };
             }
-          }), !1, !0), s(i, l(h, {
+          }), !1, !0), o(i, l(m, {
             get when() {
-              return D().length;
+              return K().length;
             },
             get fallback() {
               return (() => {
-                var t = ne();
-                return s(t, (() => {
-                  var a = C(() => !!e.directoryFavorites?.loading);
-                  return () => a() ? o().loading : C(() => !!e.directoryFavorites?.error)() ? o().favoritesLoadFailed : C(() => !!F().trim())() ? o().favoritesNoMatches : o().favoritesEmpty;
+                var t = le();
+                return o(t, (() => {
+                  var a = M(() => !!e.directoryFavorites?.loading);
+                  return () => a() ? s().loading : M(() => !!e.directoryFavorites?.error)() ? s().favoritesLoadFailed : M(() => !!_().trim())() ? s().favoritesNoMatches : s().favoritesEmpty;
                 })()), t;
               })();
             },
             get children() {
-              return l(N, {
+              return l(j, {
                 get each() {
-                  return D();
+                  return K();
                 },
-                children: (t, a) => l(ie, {
+                children: (t, a) => l(ne, {
                   path: t,
                   get favorites() {
                     return e.directoryFavorites;
                   },
                   get copy() {
-                    return o();
+                    return s();
                   },
                   get scopeKey() {
                     return e.scopeKey;
@@ -451,22 +451,22 @@ function We(e) {
                   get disabled() {
                     return e.disabled;
                   },
-                  onError: $,
+                  onError: F,
                   get children() {
-                    var r = Ve(), u = r.firstChild, g = u.firstChild, p = g.nextSibling;
-                    return r.$$keydown = (d) => X(d, a(), Q, D().length), r.$$click = () => {
-                      S(t);
-                    }, H((d) => {
-                      T(() => {
-                        Q[a()] = d;
+                    var r = De(), d = r.firstChild, h = d.firstChild, C = h.nextSibling;
+                    return r.$$keydown = (u) => $(u, a(), b, K().length), r.$$click = () => {
+                      G(t);
+                    }, O((u) => {
+                      q(() => {
+                        b[a()] = u;
                       });
-                    }, r), v(r, "title", t), v(r, "aria-label", t), s(r, l(le, {
+                    }, r), f(r, "title", t), f(r, "aria-label", t), o(r, l(oe, {
                       class: "h-4 w-4 shrink-0 text-[var(--floe-ink-soft)]"
-                    }), u), s(g, () => t.split("/").filter(Boolean).at(-1) ?? o().root), s(p, t), s(r, l(q, {
+                    }), d), o(h, () => t.split("/").filter(Boolean).at(-1) ?? s().root), o(C, t), o(r, l(J, {
                       class: "h-3 w-3 shrink-0 text-[var(--floe-ink-quiet)]"
-                    }), null), P((d) => {
-                      var R = n.view() === "suggestions" ? t : void 0, M = n.view() === "favorites" ? t : void 0, ee = e.disabled || !n.context();
-                      return R !== d.e && v(r, "data-picker-suggested-path", d.e = R), M !== d.t && v(r, "data-picker-favorite-path", d.t = M), ee !== d.a && (r.disabled = d.a = ee), d;
+                    }), null), I((u) => {
+                      var L = n.view() === "suggestions" ? t : void 0, U = n.view() === "favorites" ? t : void 0, te = e.disabled || !n.context();
+                      return L !== u.e && f(r, "data-picker-suggested-path", u.e = L), U !== u.t && f(r, "data-picker-favorite-path", u.t = U), te !== u.a && (r.disabled = u.a = te), u;
                     }, {
                       e: void 0,
                       t: void 0,
@@ -479,9 +479,9 @@ function We(e) {
           })), i;
         })()];
       }
-    }), null), P((i) => {
-      var t = n.pending(), a = w() ? "tabpanel" : void 0, r = w() ? `${m}-${B()}` : void 0;
-      return t !== i.e && v(c, "aria-busy", i.e = t), a !== i.t && v(b, "role", i.t = a), r !== i.a && v(b, "aria-labelledby", i.a = r), i;
+    }), null), I((i) => {
+      var t = n.pending(), a = z() ? "tabpanel" : void 0, r = z() ? `${x}-${D()}` : void 0;
+      return t !== i.e && f(c, "aria-busy", i.e = t), a !== i.t && f(w, "role", i.t = a), r !== i.a && f(w, "aria-labelledby", i.a = r), i;
     }, {
       e: void 0,
       t: void 0,
@@ -489,95 +489,124 @@ function We(e) {
     }), c;
   })();
 }
-function Me(e) {
-  const [o, n] = E(!1), [y, _] = E(""), [m, F] = E(!1), [k, I] = E(null), $ = () => W(e), A = async () => {
-    if (!y().trim() || !e.source.valid() || !e.onCreateFolder || m()) return;
-    const w = e.source.currentPath();
-    F(!0), I(null);
+function Be(e) {
+  const [s, n] = N(!1), [y, p] = N(""), [x, _] = N(!1), [P, E] = N(null), F = () => Z(e);
+  let k = 0, z, B;
+  const K = () => !!y().trim() && ![".", ".."].includes(y().trim()) && !y().includes("/") && !y().includes("\0"), S = () => {
+    k++, n(!1), p(""), _(!1), E(null);
+  };
+  q(Y(() => [e.scopeKey, e.source.context(), e.source.active(), e.source.pathInput()], S)), ge(() => {
+    k++;
+  });
+  const H = () => {
+    S(), queueMicrotask(() => B?.focus());
+  }, D = async () => {
+    if (e.disabled || !K() || !e.source.valid() || !e.onCreateFolder || x()) return;
+    const A = e.source.currentPath(), b = k, $ = e.source.captureIntent(), v = () => k === b && $();
+    _(!0), E(null);
     try {
-      await e.onCreateFolder(w, y().trim()), _(""), n(!1), e.source.active() && w === e.source.currentPath() && await e.source.navigate(w);
-    } catch (x) {
-      I(x);
+      if (await e.onCreateFolder(A, y().trim()), !v()) return;
+      p(""), n(!1), await e.source.navigate(A), k === b && e.source.active() && queueMicrotask(() => B?.focus());
+    } catch (V) {
+      v() && (E(V), queueMicrotask(() => z?.focus()));
     } finally {
-      F(!1);
+      k === b && _(!1);
     }
   };
   return (() => {
-    var w = O();
-    return s(w, l(h, {
+    var A = Re();
+    return o(A, l(m, {
       get when() {
-        return o();
+        return s();
       },
       get fallback() {
-        return l(z, {
+        return l(R, {
+          ref(b) {
+            var $ = B;
+            typeof $ == "function" ? $(b) : B = b;
+          },
           size: "sm",
           variant: "ghost",
           get disabled() {
             return e.disabled || !e.source.valid();
           },
-          onClick: () => n(!0),
+          onClick: () => {
+            n(!0), queueMicrotask(() => z?.focus());
+          },
           get children() {
-            return [l(le, {
+            return [l(oe, {
               class: "mr-1 h-3.5 w-3.5"
-            }), C(() => $().newFolder)];
+            }), M(() => F().newFolder)];
           }
         });
       },
       get children() {
-        var x = De();
-        return s(x, l(U, {
+        var b = Ve(), $ = b.firstChild;
+        return b.$$keydown = (v) => {
+          v.isComposing || (v.key === "Enter" && v.target === z && (v.preventDefault(), v.stopPropagation(), D()), v.key === "Escape" && (v.preventDefault(), v.stopPropagation(), x() || H()));
+        }, o(b, l(Q, {
+          ref(v) {
+            var V = z;
+            typeof V == "function" ? V(v) : z = v;
+          },
+          class: "min-w-0 flex-1 basis-32",
           size: "sm",
           get "aria-label"() {
-            return $().folderName;
+            return F().folderName;
           },
           get value() {
             return y();
           },
-          onInput: (D) => _(D.currentTarget.value),
+          onInput: (v) => {
+            p(v.currentTarget.value), E(null);
+          },
           get disabled() {
-            return e.disabled || m();
+            return e.disabled || x();
           }
-        }), null), s(x, l(z, {
+        }), $), o($, l(R, {
           size: "sm",
+          get loading() {
+            return x();
+          },
           get disabled() {
-            return e.disabled || m() || !y().trim() || !e.source.valid();
+            return e.disabled || x() || !K() || !e.source.valid();
           },
           onClick: () => {
-            A();
+            D();
           },
           get children() {
-            return $().create;
+            return F().create;
           }
-        }), null), s(x, l(z, {
+        }), null), o($, l(R, {
           size: "sm",
           variant: "ghost-destructive",
           get disabled() {
-            return e.disabled || m();
+            return e.disabled || x();
           },
-          onClick: () => n(!1),
+          onClick: H,
           get children() {
-            return $().cancel;
+            return F().cancel;
           }
-        }), null), x;
+        }), null), b;
       }
-    }), null), s(w, l(h, {
+    }), null), o(A, l(m, {
       get when() {
-        return k();
+        return P();
       },
       get children() {
-        var x = Re();
-        return s(x, () => se(e, k())), x;
+        var b = Ne();
+        return o(b, () => se(e, P())), b;
       }
-    }), null), w;
+    }), null), A;
   })();
 }
-const Ge = j;
-de(["click", "keydown"]);
+const Qe = X;
+ue(["click", "keydown"]);
 export {
-  We as PickerPanel,
-  Xe as getParentPath,
-  Ge as normalizePath,
-  W as pickerCopy,
+  Je as PickerPanel,
+  Ze as getParentPath,
+  Qe as normalizePath,
+  Z as pickerCopy,
   se as pickerErrorMessage,
-  Oe as usePickerNavigation
+  We as usePickerNavigation
 };