@floegence/floe-webapp-core 0.48.5 → 0.49.0

package/dist/components/ui/FileOpenPicker.js

@@ -1,66 +1,58 @@
-import { createComponent as o, insert as a, use as B, effect as D, setAttribute as w, className as L, memo as R, template as b, delegateEvents as A } from "solid-js/web";
-import { createSignal as K, createMemo as j, Show as P, For as G } from "solid-js";
-import { cn as O } from "../../utils/cn.js";
-import { deferNonBlocking as H } from "../../utils/defer.js";
-import { Check as U } from "../icons/index.js";
-import { FileItemIcon as V } from "../file-browser/FileIcons.js";
-import { Button as E } from "./Button.js";
-import { Dialog as Y } from "./Dialog.js";
-import { usePickerTree as q, normalizePath as x, PathInputBar as J, PickerBreadcrumb as Q, PickerFolderTree as W, NewFolderSection as X, getParentPath as Z } from "./picker/PickerBase.js";
-var ee = /* @__PURE__ */ b('<div class="flex flex-col gap-2 -mt-1"><div class="flex min-h-[260px] flex-col overflow-hidden rounded border border-border sm:h-[300px] sm:flex-row"><div class="min-h-[140px] min-w-0 flex-1 overflow-y-auto"role=listbox>'), te = /* @__PURE__ */ b('<div class="flex items-center w-full gap-2"><span class="flex-1 text-[11px] text-muted-foreground truncate">'), ne = /* @__PURE__ */ b('<div class="flex h-full items-center justify-center px-4 text-center text-xs text-muted-foreground">'), re = /* @__PURE__ */ b('<span class="ml-auto flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1 text-[10px] text-primary-foreground">'), le = /* @__PURE__ */ b("<button type=button role=option><span class=truncate>");
-function ie(e, u) {
-  const d = S(u), f = /* @__PURE__ */ new Set(), m = [];
-  for (const n of e ?? []) {
-    const h = x(n);
-    if (!(h === "/" || f.has(h)) && (f.add(h), m.push(h), m.length >= d))
+import { createComponent as u, insert as m, mergeProps as z, spread as K, use as L, effect as j, setAttribute as M, className as V, memo as H, template as b, delegateEvents as R } from "solid-js/web";
+import { createSignal as U, mergeProps as Y, createMemo as q, Show as w, For as G } from "solid-js";
+import { cn as N } from "../../utils/cn.js";
+import { deferNonBlocking as J } from "../../utils/defer.js";
+import { Check as Q } from "../icons/index.js";
+import { FileItemIcon as W } from "../file-browser/FileIcons.js";
+import { Button as D } from "./Button.js";
+import { Dialog as X } from "./Dialog.js";
+import { usePickerNavigation as Z, PickerPanel as ee, normalizePath as k, pickerCopy as v } from "./picker/PickerBase.js";
+import { pickerParentPath as te } from "./picker/PickerNavigation.js";
+var ne = /* @__PURE__ */ b('<div class="flex flex-col gap-2 -mt-1"><div class="flex min-h-[140px] overflow-hidden rounded border border-border"><div>'), ie = /* @__PURE__ */ b('<div class="flex items-center w-full gap-2"><span class="flex-1 text-[11px] text-muted-foreground truncate">'), le = /* @__PURE__ */ b('<div class="flex h-full items-center justify-center px-4 text-center text-xs text-muted-foreground">'), re = /* @__PURE__ */ b('<span class="ml-auto flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1 text-[10px] text-primary-foreground">'), oe = /* @__PURE__ */ b("<button type=button role=option><span class=truncate>");
+function ae(e, o) {
+  const a = y(o), f = /* @__PURE__ */ new Set(), c = [];
+  for (const g of e ?? []) {
+    const s = k(g);
+    if (!(s === "/" || f.has(s)) && (f.add(s), c.push(s), c.length >= a))
       break;
   }
-  return m;
+  return c;
 }
-function oe(e, u, d, f) {
-  const m = x(u);
-  if (m === "/") return [...e];
-  if (d === "single") return [m];
-  const n = e.indexOf(m);
-  return n >= 0 ? e.filter((h, v) => v !== n) : e.length >= S(f) ? [...e] : [...e, m];
+function ce(e, o, a, f) {
+  const c = k(o);
+  if (c === "/") return [...e];
+  if (a === "single") return [c];
+  const g = e.indexOf(c);
+  return g >= 0 ? e.filter((s, h) => h !== g) : e.length >= y(f) ? [...e] : [...e, c];
 }
-function S(e) {
+function y(e) {
   return e == null || !Number.isFinite(e) ? Number.POSITIVE_INFINITY : Math.max(1, Math.floor(e));
 }
-function xe(e) {
-  const u = () => e.selectionMode ?? "single", [d, f] = K([]), n = q({
-    initialPath: () => {
-      if (e.initialPath) return e.initialPath;
-      const t = e.initialSelectedPaths?.[0];
-      return t ? Z(t) : "/";
+function ke(e) {
+  const o = () => e.selectionMode ?? "single", [a, f] = U([]), c = () => {
+    if (e.initialPath) return e.initialPath;
+    const t = e.initialSelectedPaths?.[0];
+    return t ? te(t) : void 0;
+  }, g = Y(e, {
+    get initialPath() {
+      return c();
     },
-    open: () => e.open,
-    files: () => e.files,
-    // eslint-disable-next-line solid/reactivity -- filter is a static callback
-    filter: e.filter ? (t) => e.filter(t) : void 0,
-    // eslint-disable-next-line solid/reactivity -- onExpand is a static callback
-    onExpand: e.onExpand,
-    // eslint-disable-next-line solid/reactivity -- ensurePath is a static callback
-    ensurePath: e.ensurePath,
-    homeLabel: () => e.homeLabel,
-    homePath: () => e.homePath,
-    onReset: () => {
-      f(ie(e.initialSelectedPaths, u() === "single" ? 1 : e.maxSelections));
+    get scopeKey() {
+      return e.scopeKey;
     }
-  }), h = j(() => {
-    const t = x(n.selectedPath());
-    return (t === "/" ? e.files : n.folderIndex().get(t)?.children ?? []).filter((r) => r.type === "file" && (!e.fileFilter || e.fileFilter(r)));
-  }), v = (t) => d().indexOf(x(t)), T = () => u() === "multiple" && d().length >= S(e.maxSelections), z = (t) => {
-    f((i) => oe(i, t.path, u(), e.maxSelections));
-  }, y = (t = d()) => {
-    if (t.length === 0 || n.pathPending()) return;
-    const i = e.onSelect;
-    e.onOpenChange(!1), H(() => i([...t]));
-  }, M = (t, i) => {
-    let r;
-    t.key === "ArrowDown" && (r = Math.min(i + 1, h().length - 1)), t.key === "ArrowUp" && (r = Math.max(i - 1, 0)), t.key === "Home" && (r = 0), t.key === "End" && (r = h().length - 1), !(r == null || r < 0) && (t.preventDefault(), k[r]?.focus());
-  }, k = [];
-  return o(Y, {
+  }), s = Z(g, () => e.open, void 0, () => {
+    f(ae(e.initialSelectedPaths, o() === "single" ? 1 : e.maxSelections));
+  }), h = q(() => s.entries().filter((t) => t.type === "file" && (!e.fileFilter || e.fileFilter(t)))), T = (t) => a().indexOf(k(t)), A = () => o() === "multiple" && a().length >= y(e.maxSelections), B = (t) => {
+    f((r) => ce(r, t.path, o(), e.maxSelections));
+  }, P = (t = a()) => {
+    if (t.length === 0 || !s.valid()) return;
+    const r = e.onSelect;
+    e.onOpenChange(!1), J(() => r([...t]));
+  }, E = (t, r) => {
+    let i;
+    t.key === "ArrowDown" && (i = Math.min(r + 1, h().length - 1)), t.key === "ArrowUp" && (i = Math.max(r - 1, 0)), t.key === "Home" && (i = 0), t.key === "End" && (i = h().length - 1), !(i == null || i < 0) && (t.preventDefault(), S[i]?.focus());
+  }, S = [];
+  return u(X, {
     get open() {
       return e.open;
     },
@@ -71,27 +63,27 @@ function xe(e) {
       return e.title ?? "Select File";
     },
     get class() {
-      return O("max-w-2xl", e.class);
+      return N("max-w-2xl", e.class);
     },
     get footer() {
       return (() => {
-        var t = te(), i = t.firstChild;
-        return a(i, (() => {
-          var r = R(() => d().length === 0);
-          return () => r() ? "No files selected" : `${d().length} selected`;
-        })()), a(t, o(E, {
+        var t = ie(), r = t.firstChild;
+        return m(r, (() => {
+          var i = H(() => a().length === 0);
+          return () => i() ? v(e).noFilesSelected : v(e).selectedCount(a().length);
+        })()), m(t, u(D, {
           variant: "ghost",
           size: "sm",
           onClick: () => e.onOpenChange(!1),
           get children() {
-            return e.cancelText ?? "Cancel";
+            return e.cancelText ?? v(e).cancel;
           }
-        }), null), a(t, o(E, {
+        }), null), m(t, u(D, {
           variant: "primary",
           size: "sm",
-          onClick: () => y(),
+          onClick: () => P(),
           get disabled() {
-            return d().length === 0 || n.pathPending();
+            return a().length === 0 || !s.valid();
           },
           get children() {
             return e.confirmText ?? "Select";
@@ -100,145 +92,81 @@ function xe(e) {
       })();
     },
     get children() {
-      var t = ee(), i = t.firstChild, r = i.firstChild;
-      return a(t, o(J, {
-        get value() {
-          return n.pathInput;
-        },
-        onInput: (s) => {
-          n.setPathInput(s), n.setPathInputError("");
-        },
-        get pending() {
-          return n.pathPending;
-        },
-        get error() {
-          return n.pathInputError;
-        },
-        get onGo() {
-          return n.handlePathInputGo;
-        },
-        get onKeyDown() {
-          return n.handlePathInputKeyDown;
-        }
-      }), i), a(t, o(Q, {
-        get segments() {
-          return n.breadcrumbSegments;
-        },
-        get onClick() {
-          return n.handleBreadcrumbClick;
+      var t = ne(), r = t.firstChild, i = r.firstChild;
+      return m(t, u(ee, z(e, {
+        source: s
+      })), r), K(i, z(() => e.scrollViewportProps, {
+        class: "max-h-[200px] min-h-[140px] min-w-0 flex-1 overflow-y-auto",
+        role: "listbox",
+        get "aria-multiselectable"() {
+          return o() === "multiple" ? "true" : void 0;
         }
-      }), i), a(i, o(W, {
-        get rootFolders() {
-          return n.rootFolders;
-        },
-        get selectedPath() {
-          return n.selectedPath;
-        },
-        get expandedPaths() {
-          return n.expandedPaths;
-        },
-        get revealNonce() {
-          return n.revealNonce;
-        },
-        get onToggle() {
-          return n.toggleExpand;
-        },
-        get onSelect() {
-          return n.handleSelectFolder;
-        },
-        get onSelectRoot() {
-          return n.handleSelectRoot;
-        },
-        get isSelectable() {
-          return n.isSelectable;
-        },
-        get homeLabel() {
-          return n.homeLabel;
-        },
-        class: "min-h-[120px] min-w-0 border-0 border-b border-border rounded-none sm:h-full sm:w-1/2 sm:border-b-0 sm:border-r"
-      }), r), a(r, o(P, {
+      }), !1, !0), m(i, u(w, {
         get when() {
           return h().length > 0;
         },
         get fallback() {
           return (() => {
-            var s = ne();
-            return a(s, () => e.emptyText ?? "No matching files in this directory"), s;
+            var d = le();
+            return m(d, () => e.emptyText ?? v(e).emptyFiles), d;
           })();
         },
         get children() {
-          return o(G, {
+          return u(G, {
             get each() {
               return h();
             },
-            children: (s, F) => {
-              const g = () => v(s.path), I = () => T() && g() < 0;
+            children: (d, $) => {
+              const x = () => T(d.path), F = () => A() && x() < 0;
               return (() => {
-                var c = le(), C = c.firstChild;
-                return c.$$keydown = (l) => M(l, F()), c.$$dblclick = () => {
-                  u() === "single" && y([x(s.path)]);
-                }, c.$$click = () => z(s), B((l) => {
-                  k[F()] = l;
-                }, c), a(c, o(V, {
-                  item: s,
+                var l = oe(), C = l.firstChild;
+                return l.$$keydown = (n) => E(n, $()), l.$$dblclick = () => {
+                  o() === "single" && P([k(d.path)]);
+                }, l.$$click = () => B(d), L((n) => {
+                  S[$()] = n;
+                }, l), m(l, u(W, {
+                  item: d,
                   class: "w-4 h-4 flex-shrink-0"
-                }), C), a(C, () => s.name), a(c, o(P, {
+                }), C), m(C, () => d.name), m(l, u(w, {
                   get when() {
-                    return g() >= 0;
+                    return x() >= 0;
                   },
                   get children() {
-                    var l = re();
-                    return a(l, o(P, {
+                    var n = re();
+                    return m(n, u(w, {
                       get when() {
-                        return u() === "multiple";
+                        return o() === "multiple";
                       },
                       get fallback() {
-                        return o(U, {
+                        return u(Q, {
                           class: "h-3 w-3"
                         });
                       },
                       get children() {
-                        return g() + 1;
+                        return x() + 1;
                       }
-                    })), l;
+                    })), n;
                   }
-                }), null), D((l) => {
-                  var $ = g() >= 0, p = I(), _ = I() ? "Selection limit reached" : s.name, N = O("flex min-h-9 w-full items-center gap-2 px-2 py-1.5 text-left text-xs", "transition-colors duration-100 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-45", g() >= 0 && "bg-accent text-accent-foreground font-medium");
-                  return $ !== l.e && w(c, "aria-selected", l.e = $), p !== l.t && (c.disabled = l.t = p), _ !== l.a && w(c, "title", l.a = _), N !== l.o && L(c, l.o = N), l;
+                }), null), j((n) => {
+                  var _ = x() >= 0, I = F(), O = F() ? v(e).selectionLimit : d.name, p = N("flex min-h-9 w-full cursor-pointer items-center gap-2 px-2 py-1.5 text-left text-xs", "transition-colors duration-100 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-45", x() >= 0 && "bg-accent text-accent-foreground font-medium");
+                  return _ !== n.e && M(l, "aria-selected", n.e = _), I !== n.t && (l.disabled = n.t = I), O !== n.a && M(l, "title", n.a = O), p !== n.o && V(l, n.o = p), n;
                 }, {
                   e: void 0,
                   t: void 0,
                   a: void 0,
                   o: void 0
-                }), c;
+                }), l;
               })();
             }
           });
         }
-      })), a(t, o(P, {
-        get when() {
-          return e.onCreateFolder;
-        },
-        get children() {
-          return o(X, {
-            get parentPath() {
-              return n.selectedPath;
-            },
-            get onCreateFolder() {
-              return e.onCreateFolder;
-            },
-            get toDisplayPath() {
-              return n.toDisplayPath;
-            }
-          });
-        }
-      }), null), D(() => w(r, "aria-multiselectable", u() === "multiple" ? "true" : void 0)), t;
+      })), t;
     }
   });
 }
-A(["click", "dblclick", "keydown"]);
+R(["click", "dblclick", "keydown"]);
 export {
-  xe as FileOpenPicker,
-  ie as normalizeFileOpenSelection,
-  oe as updateFileOpenSelection
+  ke as FileOpenPicker,
+  ae as normalizeFileOpenSelection,
+  ce as updateFileOpenSelection
 };

package/dist/components/ui/FileSavePicker.js

@@ -1,65 +1,47 @@
-import { createComponent as i, insert as a, effect as b, className as N, setAttribute as y, template as h, delegateEvents as I } from "solid-js/web";
-import { createSignal as F, createMemo as $, createEffect as E, on as D, Show as g, For as B } from "solid-js";
-import { cn as p } from "../../utils/cn.js";
-import { Dialog as z } from "./Dialog.js";
-import { Button as C } from "./Button.js";
-import { Input as T } from "./Input.js";
-import { FileItemIcon as K } from "../file-browser/FileIcons.js";
-import { deferNonBlocking as L } from "../../utils/defer.js";
-import { usePickerTree as O, normalizePath as R, PathInputBar as G, PickerBreadcrumb as M, PickerFolderTree as j, NewFolderSection as q } from "./picker/PickerBase.js";
-var A = /* @__PURE__ */ h('<div class="flex flex-col gap-2 -mt-1"><div class="flex border border-border rounded overflow-hidden"style=height:260px><div class="w-1/2 min-w-0 overflow-y-auto">'), H = /* @__PURE__ */ h('<div class="flex flex-col w-full gap-2"><div class="flex items-center gap-1.5"><label class="text-xs text-muted-foreground flex-shrink-0">File name:</label><div class=flex-1></div></div><div class="flex items-center gap-2"><span class="flex-1 text-[11px] text-muted-foreground truncate">'), J = /* @__PURE__ */ h('<div class="flex items-center justify-center h-full text-xs text-muted-foreground">No files in this directory'), Q = /* @__PURE__ */ h('<span class="ml-auto text-[10px] text-muted-foreground/60 flex-shrink-0">'), U = /* @__PURE__ */ h("<button type=button><span class=truncate>");
-function ie(e) {
-  const [u, f] = F(e.initialFileName ?? ""), [w, s] = F(""), t = O({
-    initialPath: () => e.initialPath,
-    open: () => e.open,
-    files: () => e.files,
-    // eslint-disable-next-line solid/reactivity -- filter is a static callback
-    filter: e.filter ? (r) => e.filter(r) : void 0,
-    // eslint-disable-next-line solid/reactivity -- onExpand is a static callback
-    onExpand: e.onExpand,
-    // eslint-disable-next-line solid/reactivity -- ensurePath is a static callback
-    ensurePath: e.ensurePath,
-    homeLabel: () => e.homeLabel,
-    homePath: () => e.homePath,
-    onReset: () => {
-      f(e.initialFileName ?? ""), s("");
-    }
-  }), x = $(() => {
-    const r = R(t.selectedPath());
-    if (r === "/")
-      return e.files.filter((o) => o.type === "file");
-    const n = t.folderIndex().get(r);
-    return n?.children ? n.children.filter((o) => o.type === "file") : [];
-  });
-  E(D(u, () => {
-    s("");
+import { createComponent as a, insert as n, mergeProps as _, spread as z, effect as F, className as B, setAttribute as E, template as m, delegateEvents as D } from "solid-js/web";
+import { createSignal as C, createMemo as k, createEffect as I, on as O, Show as w, For as K } from "solid-js";
+import { cn as N } from "../../utils/cn.js";
+import { Dialog as T } from "./Dialog.js";
+import { Button as b } from "./Button.js";
+import { Input as M } from "./Input.js";
+import { FileItemIcon as j } from "../file-browser/FileIcons.js";
+import { deferNonBlocking as q } from "../../utils/defer.js";
+import { usePickerNavigation as A, PickerPanel as R, pickerCopy as g } from "./picker/PickerBase.js";
+var V = /* @__PURE__ */ m('<div class="flex flex-col gap-2 -mt-1"><div class="flex min-h-[100px] overflow-hidden rounded border border-border"><div>'), G = /* @__PURE__ */ m('<div class="flex flex-col w-full gap-2"><div class="flex items-center gap-1.5"><label class="text-xs text-muted-foreground flex-shrink-0"></label><div class=flex-1></div></div><div class="flex items-center gap-2"><span class="flex-1 text-[11px] text-muted-foreground truncate">'), H = /* @__PURE__ */ m('<div class="flex items-center justify-center h-full text-xs text-muted-foreground">'), J = /* @__PURE__ */ m('<span class="ml-auto text-[10px] text-muted-foreground/60 flex-shrink-0">'), L = /* @__PURE__ */ m("<button type=button><span class=truncate>");
+function le(e) {
+  const [c, x] = C(e.initialFileName ?? ""), [p, u] = C(""), s = A(e, () => e.open, void 0, () => {
+    x(e.initialFileName ?? ""), u("");
+  }), h = k(() => s.entries().filter((t) => t.type === "file"));
+  I(O(c, () => {
+    u("");
   }));
-  const S = (r) => {
-    f(r.name), s("");
+  const S = (t) => {
+    x(t.name), u("");
   }, v = () => {
-    const r = u().trim();
-    if (!r) {
-      s("Filename is required");
+    if (!s.valid()) return;
+    const t = c().trim();
+    if (!t) {
+      u(g(e).fileNameRequired);
       return;
     }
     if (e.validateFileName) {
-      const l = e.validateFileName(r);
-      if (l) {
-        s(l);
+      const r = e.validateFileName(t);
+      if (r) {
+        u(r);
         return;
       }
     }
-    const n = t.selectedPath(), o = e.onSave;
-    e.onOpenChange(!1), L(() => o(n, r));
-  }, k = () => {
+    const l = s.currentPath(), o = e.onSave;
+    e.onOpenChange(!1), q(() => o(l, t));
+  }, P = () => {
     e.onOpenChange(!1);
-  }, _ = (r) => {
-    r.key === "Enter" && (r.preventDefault(), v());
-  }, P = $(() => {
-    const r = t.toDisplayPath(t.selectedPath()), n = u().trim();
-    return n ? r === "/" ? `/${n}` : `${r}/${n}` : r;
+  }, y = (t) => {
+    t.key === "Enter" && (t.preventDefault(), v());
+  }, $ = k(() => {
+    const t = s.currentPath(), l = c().trim();
+    return l ? t === "/" ? `/${l}` : `${t}/${l}` : t;
   });
-  return i(z, {
+  return a(T, {
     get open() {
       return e.open;
     },
@@ -70,157 +52,88 @@ function ie(e) {
       return e.title ?? "Save File";
     },
     get class() {
-      return p("max-w-2xl", e.class);
+      return N("max-w-2xl", e.class);
     },
     get footer() {
       return (() => {
-        var r = H(), n = r.firstChild, o = n.firstChild, l = o.nextSibling, c = n.nextSibling, d = c.firstChild;
-        return a(l, i(T, {
+        var t = G(), l = t.firstChild, o = l.firstChild, r = o.nextSibling, i = l.nextSibling, f = i.firstChild;
+        return n(o, () => g(e).fileName), n(r, a(M, {
           size: "sm",
           get value() {
-            return u();
+            return c();
           },
-          onInput: (m) => f(m.currentTarget.value),
-          onKeyDown: _,
+          onInput: (d) => x(d.currentTarget.value),
+          onKeyDown: y,
           placeholder: "filename.ext",
           get error() {
-            return w();
+            return p();
           }
-        })), a(d, P), a(c, i(C, {
+        })), n(f, $), n(i, a(b, {
           variant: "ghost",
           size: "sm",
-          onClick: k,
+          onClick: P,
           get children() {
-            return e.cancelText ?? "Cancel";
+            return e.cancelText ?? g(e).cancel;
           }
-        }), null), a(c, i(C, {
+        }), null), n(i, a(b, {
           variant: "primary",
           size: "sm",
           onClick: v,
           get disabled() {
-            return !u().trim() || t.pathPending();
+            return !c().trim() || !s.valid();
           },
           get children() {
             return e.confirmText ?? "Save";
           }
-        }), null), b(() => y(d, "title", P())), r;
+        }), null), F(() => E(f, "title", $())), t;
       })();
     },
     get children() {
-      var r = A(), n = r.firstChild, o = n.firstChild;
-      return a(r, i(G, {
-        get value() {
-          return t.pathInput;
-        },
-        onInput: (l) => {
-          t.setPathInput(l), t.setPathInputError("");
-        },
-        get pending() {
-          return t.pathPending;
-        },
-        get error() {
-          return t.pathInputError;
-        },
-        get onGo() {
-          return t.handlePathInputGo;
-        },
-        get onKeyDown() {
-          return t.handlePathInputKeyDown;
-        }
-      }), n), a(r, i(M, {
-        get segments() {
-          return t.breadcrumbSegments;
-        },
-        get onClick() {
-          return t.handleBreadcrumbClick;
-        }
-      }), n), a(n, i(j, {
-        get rootFolders() {
-          return t.rootFolders;
-        },
-        get selectedPath() {
-          return t.selectedPath;
-        },
-        get expandedPaths() {
-          return t.expandedPaths;
-        },
-        get revealNonce() {
-          return t.revealNonce;
-        },
-        get onToggle() {
-          return t.toggleExpand;
-        },
-        get onSelect() {
-          return t.handleSelectFolder;
-        },
-        get onSelectRoot() {
-          return t.handleSelectRoot;
-        },
-        get isSelectable() {
-          return t.isSelectable;
-        },
-        get homeLabel() {
-          return t.homeLabel;
-        },
-        class: "w-1/2 min-w-0 border-r border-border border-0 rounded-none",
-        style: {
-          "max-height": "none",
-          "min-height": "0"
-        }
-      }), o), a(o, i(g, {
+      var t = V(), l = t.firstChild, o = l.firstChild;
+      return n(t, a(R, _(e, {
+        source: s
+      })), l), z(o, _(() => e.scrollViewportProps, {
+        class: "max-h-[160px] w-full min-w-0 overflow-y-auto"
+      }), !1, !0), n(o, a(w, {
         get when() {
-          return x().length > 0;
+          return h().length > 0;
         },
         get fallback() {
-          return J();
+          return (() => {
+            var r = H();
+            return n(r, () => g(e).emptyFiles), r;
+          })();
         },
         get children() {
-          return i(B, {
+          return a(K, {
             get each() {
-              return x();
+              return h();
             },
-            children: (l) => (() => {
-              var c = U(), d = c.firstChild;
-              return c.$$click = () => S(l), a(c, i(K, {
-                item: l,
+            children: (r) => (() => {
+              var i = L(), f = i.firstChild;
+              return i.$$click = () => S(r), n(i, a(j, {
+                item: r,
                 class: "w-4 h-4 flex-shrink-0"
-              }), d), a(d, () => l.name), a(c, i(g, {
+              }), f), n(f, () => r.name), n(i, a(w, {
                 get when() {
-                  return l.size != null;
+                  return r.size != null;
                 },
                 get children() {
-                  var m = Q();
-                  return a(m, () => V(l.size)), m;
+                  var d = J();
+                  return n(d, () => Q(r.size)), d;
                 }
-              }), null), b(() => N(c, 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", u() === l.name && "bg-accent text-accent-foreground font-medium"))), c;
+              }), null), F(() => B(i, N("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", c() === r.name && "bg-accent text-accent-foreground font-medium"))), i;
             })()
           });
         }
-      })), a(r, i(g, {
-        get when() {
-          return e.onCreateFolder;
-        },
-        get children() {
-          return i(q, {
-            get parentPath() {
-              return t.selectedPath;
-            },
-            get onCreateFolder() {
-              return e.onCreateFolder;
-            },
-            get toDisplayPath() {
-              return t.toDisplayPath;
-            }
-          });
-        }
-      }), null), r;
+      })), t;
     }
   });
 }
-function V(e) {
+function Q(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-I(["click"]);
+D(["click"]);
 export {
-  ie as FileSavePicker
+  le as FileSavePicker
 };