@floegence/floe-webapp-core 0.48.6 → 0.49.0

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

@@ -1,541 +1,324 @@
-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 O, setStyleProperty as de, delegateEvents as he } from "solid-js/web";
-import { createSignal as C, createMemo as B, createEffect as p, on as V, For as A, 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 q } 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 P(e) {
-  const a = (e ?? "").trim();
-  if (a === "" || a === "/") return "/";
-  const n = a.replace(/\/+$/, "");
-  return n.startsWith("/") ? n : "/" + n;
-}
-function X(e) {
-  const a = e.split("/").filter(Boolean), n = [];
-  let l = "";
-  for (let i = 0; i < a.length - 1; i++)
-    l += "/" + a[i], n.push(l);
-  return n;
-}
-function Ae(e) {
-  const a = P(e);
-  if (a === "/") return "/";
-  const n = a.split("/").filter(Boolean);
-  return n.pop(), n.length ? "/" + n.join("/") : "/";
+import { insert as i, createComponent as n, effect as F, setAttribute as y, spread as j, mergeProps as L, use as O, memo as B, template as f, delegateEvents as R } from "solid-js/web";
+import { createEffect as N, on as U, untrack as q, createMemo as S, For as D, Show as b, createSignal as z } from "solid-js";
+import { cn as G } from "../../../utils/cn.js";
+import { FileItemIcon as J } from "../../file-browser/FileIcons.js";
+import { ChevronRight as V, FolderOpen as Q } from "../../icons/index.js";
+import { Button as k } from "../Button.js";
+import { Input as T } from "../Input.js";
+import { createFilesystemPickerDataSource as W, defaultPickerCopy as X, parsePickerPath as Y, PickerNavigationError as Z } from "./PickerNavigation.js";
+import { pickerParentPath as $e } from "./PickerNavigation.js";
+var ee = /* @__PURE__ */ f('<div class="flex items-start gap-2 rounded 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">'), te = /* @__PURE__ */ f("<span role=status>"), re = /* @__PURE__ */ f('<div class="flex min-w-0 flex-col gap-2"data-filesystem-picker><div class="flex flex-wrap items-center gap-1"></div><div class="flex min-w-0 items-start gap-1.5"><div class="min-w-0 flex-1"></div></div><nav class="flex min-w-0 flex-wrap items-center gap-0.5 text-xs"></nav><div></div><div class="flex flex-wrap items-center justify-between gap-2 text-xs text-muted-foreground"><label class="flex cursor-pointer items-center gap-1.5"><input type=checkbox class=cursor-pointer>'), ne = /* @__PURE__ */ f('<button type=button class="max-w-full cursor-pointer truncate rounded px-1 py-0.5 hover:bg-muted focus-visible:ring-1 focus-visible:ring-ring">'), ae = /* @__PURE__ */ f('<p class="px-3 py-6 text-center text-xs text-muted-foreground"role=status>'), ie = /* @__PURE__ */ f('<p class="px-3 py-6 text-center text-xs text-muted-foreground">'), le = /* @__PURE__ */ f('<button type=button class="flex min-h-8 w-full cursor-pointer items-center gap-2 px-2 py-1.5 text-left text-xs hover:bg-accent/60 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">'), se = /* @__PURE__ */ f('<div class="flex items-center gap-1.5">'), oe = /* @__PURE__ */ f('<p role=alert class="text-xs text-error">'), ce = /* @__PURE__ */ f("<div>");
+function A(t) {
+  return {
+    ...X,
+    ...t.copy
+  };
 }
-function Ne(e) {
-  return B(() => {
-    const a = /* @__PURE__ */ new Map(), n = (l) => {
-      for (const i of l)
-        i.type === "folder" && (a.set(P(i.path), i), i.children?.length && n(i.children));
-    };
-    return n(e()), a;
-  });
+function K(t, s) {
+  const r = A(t);
+  return s instanceof Z ? r[s.kind] : t.formatError?.(s) || (s instanceof Error ? s.message : "") || r.loadFailed;
 }
-function Re(e, a) {
-  const n = P(e ?? "/"), l = a ? P(a) : void 0;
-  return !l || l === "/" ? n : n === l ? "/" : n.startsWith(l + "/") ? P(n.slice(l.length)) : n;
+function we(t, s, r, d) {
+  const v = W(() => t, r);
+  return N(U(() => [s(), t.scopeKey], ([x]) => {
+    v.close(), x && (d?.(), v.open(t.initialPath));
+  })), N(() => t.onValidityChange?.(v.valid())), v;
 }
-function Ke(e) {
-  const a = () => (typeof e.homeLabel == "function" ? e.homeLabel() : e.homeLabel) ?? "Root", n = () => {
-    const t = typeof e.homePath == "function" ? e.homePath() : e.homePath;
-    return t ? P(t) : void 0;
-  }, l = () => {
-    const t = typeof e.initialPath == "function" ? e.initialPath() : e.initialPath;
-    return Re(t, n());
-  }, i = (t) => {
-    const o = n();
-    if (!o) return t;
-    const c = P(t);
-    return c === "/" ? o : o === "/" ? c : o + c;
-  }, k = (t) => {
-    const o = n();
-    if (!o) return P(t);
-    const c = P(t);
-    return c === o ? "/" : o !== "/" && c.startsWith(o + "/") ? c.slice(o.length) || "/" : P(t);
-  }, [u, m] = C(l()), [b, s] = C(/* @__PURE__ */ new Set(["/"])), [w, r] = C(i(l())), [x, 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"));
-  p(V(u, (t) => {
-    r(i(t)), g("");
-  }));
-  const K = (t) => {
-    const o = P(t);
-    return o === "/" || T().has(o);
-  }, M = (t) => e.filter ? e.filter(t) : !0, j = (t) => {
-    const o = X(t);
-    s((c) => {
-      const v = new Set(c);
-      for (const y of o) v.add(y);
-      return v.add(t), v;
-    });
-  }, G = () => {
-    _((t) => t + 1);
-  }, H = (t) => {
-    if (e.onExpand)
-      try {
-        const o = e.onExpand(t);
-        Promise.resolve(o).catch(() => {
-        });
-      } catch {
-      }
-  }, re = async (t, o) => {
-    const c = P(t);
-    if (c === "/")
-      return {
-        status: "ready",
-        resolvedPath: "/"
-      };
-    if (!e.ensurePath)
-      return K(c) ? {
-        status: "ready",
-        resolvedPath: c
-      } : {
-        status: "missing",
-        resolvedPath: c,
-        message: "Path not found"
-      };
-    try {
-      const v = await e.ensurePath(c, o);
-      return {
-        status: v.status,
-        resolvedPath: P(v.resolvedPath || c),
-        message: v.message?.trim() || void 0
-      };
-    } catch {
-      return {
-        status: "error",
-        resolvedPath: c,
-        message: "Could not load path"
-      };
-    }
-  }, F = async (t, o) => {
-    const c = P(t);
-    E += 1;
-    const v = E;
-    S(!0), o.reason !== "open" && g("");
-    try {
-      const y = await re(c, o);
-      if (v !== E) return y;
-      if (y.status === "ready") {
-        const D = P(y.resolvedPath);
-        m(D), j(D), g(""), G();
-      } else o.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 o = b().has(t);
-    s((c) => {
-      const v = new Set(c);
-      return v.has(t) ? v.delete(t) : v.add(t), v;
-    }), o || H(t);
-  }, ae = (t) => {
-    if (!M(t)) return;
-    const o = b().has(t.path);
-    F(t.path, {
-      reason: "tree-select"
-    }).then((c) => {
-      c.status !== "ready" || o || H(P(c.resolvedPath));
-    });
-  }, le = () => {
-    F("/", {
-      reason: "tree-select"
-    });
-  }, W = () => {
-    const t = k(w().trim());
-    F(t, {
-      reason: "path-input"
-    });
-  }, ie = (t) => {
-    t.key === "Enter" && (t.preventDefault(), W());
-  }, se = B(() => {
-    const t = u(), o = a();
-    if (t === "/" || t === "") return [{
-      name: o,
-      path: "/"
-    }];
-    const c = t.split("/").filter(Boolean), v = [{
-      name: o,
-      path: "/"
-    }];
-    let y = "";
-    for (const D of c)
-      y += "/" + D, v.push({
-        name: D,
-        path: y
-      });
-    return v;
-  }), ce = (t) => {
-    F(t, {
-      reason: "breadcrumb"
-    });
-  };
-  return p(V(e.open, (t) => {
-    if (t) {
-      const o = l();
-      m(o), r(i(o)), g("");
-      const c = X(o);
-      s(/* @__PURE__ */ new Set(["/", ...c])), G(), e.onReset?.(o), F(o, {
-        reason: "open"
-      });
-    }
-  })), {
-    selectedPath: u,
-    setSelectedPath: m,
-    expandedPaths: b,
-    toggleExpand: oe,
-    pathInput: w,
-    setPathInput: r,
-    pathPending: x,
-    pathInputError: d,
-    setPathInputError: g,
-    folderIndex: T,
-    rootFolders: ne,
-    isValidPath: K,
-    isSelectable: M,
-    handleSelectFolder: ae,
-    handleSelectRoot: le,
-    handlePathInputGo: W,
-    handlePathInputKeyDown: ie,
-    expandToPath: j,
-    navigateToPath: F,
-    breadcrumbSegments: se,
-    handleBreadcrumbClick: ce,
-    homeLabel: a,
-    toDisplayPath: i,
-    revealNonce: I
-  };
-}
-function Me(e) {
-  const [a, n] = C(!1), [l, i] = C(""), [k, u] = C(!1), m = () => {
-    n(!0), i("");
-  }, b = () => {
-    n(!1), i("");
-  }, s = () => {
-    const r = l().trim();
-    if (!r || k()) return;
-    u(!0);
-    const x = e.parentPath(), S = r, d = e.onCreateFolder;
-    me(() => {
-      d(x, S).then(() => {
-        n(!1), i("");
-      }).catch((g) => {
-        console.error("Failed to create folder:", g);
-      }).finally(() => {
-        u(!1);
-      });
-    });
-  }, w = (r) => {
-    r.key === "Enter" ? (r.preventDefault(), s()) : r.key === "Escape" && (r.preventDefault(), b());
+function ye(t) {
+  const s = () => A(t), r = q(() => t.source), d = S(() => r.entries().filter((a) => a.type === "folder")), v = S(() => r.context()?.roots.filter((a) => !a.hidden) ?? []), x = S(() => {
+    const a = r.currentPath();
+    if (!a) return [];
+    let g = "";
+    return [{
+      path: "/",
+      name: s().root
+    }, ...a.split("/").filter(Boolean).map((l) => (g += `/${l}`, {
+      path: g,
+      name: l
+    }))];
+  }), p = [], C = (a, g) => {
+    let l;
+    a.key === "ArrowDown" && (l = Math.min(g + 1, d().length - 1)), a.key === "ArrowUp" && (l = Math.max(0, g - 1)), a.key === "Home" && (l = 0), a.key === "End" && (l = d().length - 1), l !== void 0 && (a.preventDefault(), a.stopPropagation(), p[l]?.focus());
+  }, P = () => {
+    r.navigate(r.pathInput());
   };
-  return h(L, {
-    get when() {
-      return a();
-    },
-    get fallback() {
-      return (() => {
-        var r = ke(), x = r.firstChild;
-        return r.$$click = m, f(r, h(xe, {
-          class: "w-3.5 h-3.5"
-        }), x), z(() => N(r, 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"))), r;
-      })();
-    },
-    get children() {
-      return [(() => {
-        var r = Z(), x = r.firstChild;
-        return f(x, h(U, {
-          size: "sm",
-          get value() {
-            return l();
-          },
-          onInput: (S) => i(S.currentTarget.value),
-          onKeyDown: w,
-          placeholder: "Folder name",
-          get disabled() {
-            return k();
-          },
-          autofocus: !0
-        })), f(r, h(q, {
-          variant: "primary",
-          size: "sm",
-          onClick: s,
-          get loading() {
-            return k();
-          },
-          get disabled() {
-            return !l().trim();
-          },
-          get children() {
-            return h(ve, {
-              class: "w-3.5 h-3.5"
-            });
-          }
-        }), null), f(r, h(q, {
-          variant: "ghost-destructive",
-          size: "sm",
-          onClick: b,
-          get disabled() {
-            return k();
-          },
-          get children() {
-            return h(Pe, {
-              class: "w-3.5 h-3.5"
-            });
-          }
-        }), null), r;
-      })(), (() => {
-        var r = ye();
-        return r.firstChild, f(r, (() => {
-          var x = Q(() => !!e.toDisplayPath);
-          return () => x() ? e.toDisplayPath(e.parentPath()) : e.parentPath();
-        })(), null), r;
-      })()];
-    }
-  });
-}
-function je(e) {
   return (() => {
-    var a = Z(), n = a.firstChild;
-    return f(n, h(U, {
-      size: "sm",
-      get value() {
-        return e.value();
+    var a = re(), g = a.firstChild, l = g.nextSibling, h = l.firstChild, w = l.nextSibling, E = w.nextSibling, H = E.nextSibling, M = H.firstChild, I = M.firstChild;
+    return i(g, n(D, {
+      get each() {
+        return v();
       },
-      onInput: (l) => e.onInput(l.currentTarget.value),
-      get onKeyDown() {
-        return e.onKeyDown;
+      children: (e) => n(k, {
+        type: "button",
+        size: "sm",
+        get variant() {
+          return r.currentPath() === e.pathAbs ? "secondary" : "ghost";
+        },
+        get disabled() {
+          return t.disabled || e.permissions?.read === !1;
+        },
+        get title() {
+          return e.pathAbs;
+        },
+        onClick: () => {
+          r.navigate(e.pathAbs);
+        },
+        get children() {
+          return e.label;
+        }
+      })
+    })), i(h, n(T, {
+      size: "sm",
+      get "aria-label"() {
+        return s().path;
       },
-      get placeholder() {
-        return e.placeholder ?? "/path/to/directory";
+      placeholder: "/",
+      get value() {
+        return r.pathInput();
       },
       get disabled() {
-        return e.pending?.() === !0;
+        return t.disabled || !r.context();
       },
-      get error() {
-        return e.error();
+      onInput: (e) => r.setPathInput(e.currentTarget.value),
+      onKeyDown: (e) => {
+        e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), P());
       }
-    })), f(a, h(q, {
-      variant: "outline",
+    })), i(l, n(k, {
       size: "sm",
-      get onClick() {
-        return e.onGo;
-      },
+      variant: "outline",
+      onClick: P,
       get disabled() {
-        return e.pending?.() === !0;
+        return t.disabled || !r.context() || !r.pathInput();
       },
       get children() {
-        return e.pending?.() === !0 ? "Opening…" : "Go";
+        return s().go;
       }
-    }), null), a;
-  })();
-}
-function Ge(e) {
-  return (() => {
-    var a = $e();
-    return f(a, h(A, {
+    }), null), i(a, n(b, {
+      get when() {
+        return r.error();
+      },
+      get children() {
+        var e = ee(), m = e.firstChild;
+        return i(m, () => K(t, r.error())), i(e, n(k, {
+          size: "sm",
+          variant: "ghost",
+          onClick: () => {
+            r.retry();
+          },
+          get disabled() {
+            return t.disabled || r.pending();
+          },
+          get children() {
+            return s().retry;
+          }
+        }), null), e;
+      }
+    }), w), i(w, n(D, {
       get each() {
-        return e.segments();
+        return x();
       },
-      children: (n, l) => [h(L, {
+      children: (e, m) => [n(b, {
         get when() {
-          return l() > 0;
+          return m() > 0;
         },
         get children() {
-          return h(Y, {
-            class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
+          return n(V, {
+            class: "h-3 w-3 shrink-0 text-muted-foreground"
           });
         }
       }), (() => {
-        var i = ee();
-        return i.$$click = () => e.onClick(n.path), f(i, () => n.name), z(() => N(i, 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", l() === e.segments().length - 1 ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"))), i;
+        var o = ne();
+        return o.$$click = () => {
+          r.navigate(e.path);
+        }, i(o, () => e.name), F((u) => {
+          var c = e.path, $ = t.disabled, _ = e.path === r.currentPath() ? "location" : void 0;
+          return c !== u.e && y(o, "title", u.e = c), $ !== u.t && (o.disabled = u.t = $), _ !== u.a && y(o, "aria-current", u.a = _), u;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0
+        }), o;
       })()]
-    })), a;
-  })();
-}
-function He(e) {
-  const a = () => (typeof e.homeLabel == "function" ? e.homeLabel() : e.homeLabel) ?? "Root";
-  let n;
-  const l = /* @__PURE__ */ new Map();
-  let i = -1;
-  const k = (u, m) => {
-    if (m) {
-      l.set(u, m);
-      return;
-    }
-    l.delete(u);
-  };
-  return p(() => {
-    const u = e.revealNonce?.() ?? 0, m = e.selectedPath();
-    e.expandedPaths(), e.rootFolders(), !(u <= i) && queueMicrotask(() => {
-      if (!n || !ge(() => (e.revealNonce?.() ?? 0) === u && u > i))
-        return;
-      if (m === "/") {
-        n.scrollTop = 0, i = u;
-        return;
+    })), j(E, L(() => t.scrollViewportProps, {
+      get class() {
+        return G("min-h-[120px] overflow-y-auto rounded border border-border", t.scrollViewportProps?.class);
+      },
+      get style() {
+        return {
+          "max-height": t.treeMaxHeight ?? "240px"
+        };
       }
-      const s = l.get(m);
-      s && (s.scrollIntoView({
-        block: "nearest",
-        inline: "nearest"
-      }), i = u);
-    });
-  }), (() => {
-    var u = Se(), m = u.firstChild, b = m.firstChild;
-    return J((s) => {
-      n = s;
-    }, u), m.$$click = () => e.onSelectRoot(), f(m, h(be, {
-      class: "w-4 h-4 flex-shrink-0"
-    }), b), f(b, a), f(u, h(A, {
-      get each() {
-        return e.rootFolders();
+    }), !1, !0), i(E, n(b, {
+      get when() {
+        return !r.pending() || r.currentPath();
       },
-      children: (s) => h(te, {
-        item: s,
-        depth: 1,
-        get selectedPath() {
-          return e.selectedPath;
-        },
-        get expandedPaths() {
-          return e.expandedPaths;
-        },
-        get revealNonce() {
-          return e.revealNonce;
-        },
-        get onToggle() {
-          return e.onToggle;
-        },
-        get onSelect() {
-          return e.onSelect;
-        },
-        get isSelectable() {
-          return e.isSelectable;
-        },
-        registerRow: k
-      })
-    }), null), f(u, h(L, {
+      get fallback() {
+        return (() => {
+          var e = ae();
+          return i(e, () => s().loading), e;
+        })();
+      },
+      get children() {
+        return n(b, {
+          get when() {
+            return d().length;
+          },
+          get fallback() {
+            return n(b, {
+              get when() {
+                return r.currentPath();
+              },
+              get children() {
+                var e = ie();
+                return i(e, () => s().empty), e;
+              }
+            });
+          },
+          get children() {
+            return n(D, {
+              get each() {
+                return d();
+              },
+              children: (e, m) => (() => {
+                var o = le(), u = o.firstChild;
+                return o.$$keydown = (c) => C(c, m()), o.$$click = () => {
+                  r.navigate(e.path);
+                }, O((c) => {
+                  p[m()] = c;
+                }, o), i(o, n(J, {
+                  item: e,
+                  class: "h-4 w-4 shrink-0"
+                }), u), i(u, () => e.name), i(o, n(V, {
+                  class: "h-3 w-3 shrink-0 text-muted-foreground"
+                }), null), F((c) => {
+                  var $ = e.path, _ = t.disabled || t.filter?.(e) === !1;
+                  return $ !== c.e && y(o, "data-picker-row-path", c.e = $), _ !== c.t && (o.disabled = c.t = _), c;
+                }, {
+                  e: void 0,
+                  t: void 0
+                }), o;
+              })()
+            });
+          }
+        });
+      }
+    })), I.addEventListener("change", (e) => {
+      r.setShowHidden(e.currentTarget.checked);
+    }), i(M, () => s().showHidden, null), i(H, n(b, {
+      get when() {
+        return B(() => !!r.pending())() && r.currentPath();
+      },
+      get children() {
+        var e = te();
+        return i(e, () => s().loading), e;
+      }
+    }), null), i(a, n(b, {
       get when() {
-        return e.rootFolders().length === 0;
+        return t.onCreateFolder;
       },
       get children() {
-        var s = Ce();
-        return f(s, () => e.emptyText ?? "No directories available"), s;
+        return n(ue, t);
       }
-    }), null), z((s) => {
-      var w = R("border border-border rounded overflow-y-auto", e.class), r = e.style, x = 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 !== s.e && N(u, s.e = w), s.t = ue(u, r, s.t), x !== s.a && N(m, s.a = x), s;
+    }), null), F((e) => {
+      var m = r.pending(), o = s().roots, u = s().currentDirectory, c = t.disabled || !r.context();
+      return m !== e.e && y(a, "aria-busy", e.e = m), o !== e.t && y(g, "aria-label", e.t = o), u !== e.a && y(w, "aria-label", e.a = u), c !== e.o && (I.disabled = e.o = c), e;
     }, {
       e: void 0,
       t: void 0,
-      a: void 0
-    }), u;
+      a: void 0,
+      o: void 0
+    }), F(() => I.checked = r.showHidden()), a;
   })();
 }
-function te(e) {
-  const a = () => e.expandedPaths().has(e.item.path), n = () => e.selectedPath() === e.item.path, l = () => e.isSelectable(e.item), i = B(() => e.item.children?.filter((s) => s.type === "folder") ?? []), k = () => i().length > 0, u = () => e.item.type === "folder", m = (s) => {
-    s.stopPropagation(), e.onToggle(e.item.path);
-  }, b = () => {
-    e.onSelect(e.item);
+function ue(t) {
+  const [s, r] = z(!1), [d, v] = z(""), [x, p] = z(!1), [C, P] = z(null), a = () => A(t), g = async () => {
+    if (!d().trim() || !t.source.valid() || !t.onCreateFolder || x()) return;
+    const l = t.source.currentPath();
+    p(!0), P(null);
+    try {
+      await t.onCreateFolder(l, d().trim()), v(""), r(!1), t.source.active() && l === t.source.currentPath() && await t.source.navigate(l);
+    } catch (h) {
+      P(h);
+    } finally {
+      p(!1);
+    }
   };
-  return fe(() => {
-    e.registerRow(e.item.path, null);
-  }), (() => {
-    var s = _e(), w = s.firstChild, r = w.firstChild, x = r.firstChild, S = x.nextSibling;
-    return f(w, h(L, {
+  return (() => {
+    var l = ce();
+    return i(l, n(b, {
       get when() {
-        return u();
+        return s();
       },
       get fallback() {
-        return Ee();
+        return n(k, {
+          size: "sm",
+          variant: "ghost",
+          get disabled() {
+            return t.disabled || !t.source.valid();
+          },
+          onClick: () => r(!0),
+          get children() {
+            return [n(Q, {
+              class: "mr-1 h-3.5 w-3.5"
+            }), B(() => a().newFolder)];
+          }
+        });
       },
       get children() {
-        var d = ee();
-        return d.$$click = m, f(d, h(Y, {
-          class: "w-3 h-3 opacity-60"
-        })), z((g) => {
-          var I = R("flex-shrink-0 w-4 h-4 flex items-center justify-center cursor-pointer", "transition-transform duration-150", a() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring"), _ = a() ? "Collapse folder" : "Expand folder";
-          return I !== g.e && N(d, g.e = I), _ !== g.t && O(d, "aria-label", g.t = _), g;
-        }, {
-          e: void 0,
-          t: void 0
-        }), d;
+        var h = se();
+        return i(h, n(T, {
+          size: "sm",
+          get "aria-label"() {
+            return a().folderName;
+          },
+          get value() {
+            return d();
+          },
+          onInput: (w) => v(w.currentTarget.value),
+          get disabled() {
+            return t.disabled || x();
+          }
+        }), null), i(h, n(k, {
+          size: "sm",
+          get disabled() {
+            return t.disabled || x() || !d().trim() || !t.source.valid();
+          },
+          onClick: () => {
+            g();
+          },
+          get children() {
+            return a().create;
+          }
+        }), null), i(h, n(k, {
+          size: "sm",
+          variant: "ghost-destructive",
+          get disabled() {
+            return t.disabled || x();
+          },
+          onClick: () => r(!1),
+          get children() {
+            return a().cancel;
+          }
+        }), null), h;
       }
-    }), r), r.$$click = b, J((d) => {
-      e.registerRow(e.item.path, d);
-    }, r), f(x, h(we, {
-      get item() {
-        return e.item;
-      },
-      get open() {
-        return a();
-      },
-      class: "w-4 h-4"
-    })), f(S, () => e.item.name), f(s, h(L, {
+    }), null), i(l, n(b, {
       get when() {
-        return Q(() => !!a())() && k();
+        return C();
       },
       get children() {
-        var d = Ie();
-        return f(d, h(A, {
-          get each() {
-            return i();
-          },
-          children: (g) => h(te, {
-            item: g,
-            get depth() {
-              return e.depth + 1;
-            },
-            get selectedPath() {
-              return e.selectedPath;
-            },
-            get expandedPaths() {
-              return e.expandedPaths;
-            },
-            get revealNonce() {
-              return e.revealNonce;
-            },
-            get onToggle() {
-              return e.onToggle;
-            },
-            get onSelect() {
-              return e.onSelect;
-            },
-            get isSelectable() {
-              return e.isSelectable;
-            },
-            get registerRow() {
-              return e.registerRow;
-            }
-          })
-        })), d;
+        var h = oe();
+        return i(h, () => K(t, C())), h;
       }
-    }), null), z((d) => {
-      var g = R("group flex items-center w-full text-xs", "transition-colors duration-100", l() ? "hover:bg-accent/60" : "opacity-50", n() && l() && "bg-accent text-accent-foreground font-medium"), I = `${4 + e.depth * 14}px`, _ = e.item.path, E = !l(), T = R("flex items-center gap-1 flex-1 min-w-0 text-left py-1.5 pl-0.5 pr-2", l() ? "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 && O(r, "data-picker-row-path", d.a = _), E !== d.o && (r.disabled = d.o = E), T !== d.i && N(r, d.i = T), d;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0,
-      i: void 0
-    }), s;
+    }), null), l;
   })();
 }
-he(["click"]);
+const ke = Y;
+R(["click", "keydown"]);
 export {
-  Me as NewFolderSection,
-  je as PathInputBar,
-  Ge as PickerBreadcrumb,
-  He as PickerFolderTree,
-  te as PickerTreeNode,
-  X as getAncestorPaths,
-  Ae as getParentPath,
-  P as normalizePath,
-  Re as resolvePickerInitialPath,
-  Ne as useFolderIndex,
-  Ke as usePickerTree
+  ye as PickerPanel,
+  $e as getParentPath,
+  ke as normalizePath,
+  A as pickerCopy,
+  K as pickerErrorMessage,
+  we as usePickerNavigation
 };