@floegence/floe-webapp-core 0.86.50 → 0.86.52

package/dist/components/ui/DirectoryPicker.js

@@ -1,18 +1,18 @@
-import { createComponent as r, mergeProps as m, insert as a, effect as f, setAttribute as d, template as h } from "solid-js/web";
-import { createMemo as P, createSignal as b } from "solid-js";
-import { cn as v } from "../../utils/cn.js";
+import { createComponent as n, mergeProps as s, insert as i, effect as g, setAttribute as u, template as m } from "solid-js/web";
+import { createMemo as d } from "solid-js";
+import { cn as f } from "../../utils/cn.js";
 import { Button as o } from "./Button.js";
-import { Dialog as C } from "./Dialog.js";
-import { usePickerNavigation as x, PickerPanel as S, pickerCopy as k } from "./picker/PickerBase.js";
+import { Dialog as h } from "./Dialog.js";
+import { usePickerNavigation as P, PickerPanel as v, pickerCopy as b } from "./picker/PickerBase.js";
 import { parsePickerPath as w } from "./picker/PickerNavigation.js";
-var y = /* @__PURE__ */ h('<div class="flex w-full items-center gap-2"><span class="min-w-0 flex-1 truncate text-[11px] text-muted-foreground">');
-function T(e) {
-  const l = P(() => [...new Set((e.suggestedPaths ?? []).map((t) => w(t)).filter(Boolean))]), [g, s] = b(!0), i = () => l().length > 0 && g(), n = x(e, () => e.open, void 0, () => s(!0)), u = () => {
-    if (e.disabled || i() || !n.valid()) return;
-    const t = n.currentPath();
-    e.onSelect(t), e.onOpenChange(!1);
+var x = /* @__PURE__ */ m('<div class="flex w-full items-center gap-2"><span class="min-w-0 flex-1 truncate text-[11px] text-muted-foreground">');
+function $(e) {
+  const a = d(() => [...new Set((e.suggestedPaths ?? []).map((r) => w(r)).filter(Boolean))]), t = P(e, () => e.open, void 0, void 0, () => a().length ? "suggestions" : "browse"), c = () => {
+    if (e.disabled || t.view() !== "browse" || !t.valid()) return;
+    const r = t.currentPath();
+    e.onSelect(r), e.onOpenChange(!1);
   };
-  return r(C, {
+  return n(h, {
     get open() {
       return e.open;
     },
@@ -23,50 +23,46 @@ function T(e) {
       return e.title ?? "Select Directory";
     },
     get class() {
-      return v("max-w-lg", e.class);
+      return f("max-w-lg", e.class);
     },
     get footer() {
       return (() => {
-        var t = y(), c = t.firstChild;
-        return a(c, () => n.currentPath()), a(t, r(o, {
+        var r = x(), l = r.firstChild;
+        return i(l, () => t.currentPath()), i(r, n(o, {
           variant: "ghost",
           size: "sm",
           onClick: () => e.onOpenChange(!1),
           get children() {
-            return e.cancelText ?? k(e).cancel;
+            return e.cancelText ?? b(e).cancel;
           }
-        }), null), a(t, r(o, {
+        }), null), i(r, n(o, {
           variant: "primary",
           size: "sm",
-          onClick: u,
+          onClick: c,
           get disabled() {
-            return e.disabled || i() || !n.valid();
+            return e.disabled || t.view() !== "browse" || !t.valid();
           },
           get children() {
             return e.confirmText ?? "Select";
           }
-        }), null), f(() => d(c, "title", n.currentPath())), t;
+        }), null), g(() => u(l, "title", t.currentPath())), r;
       })();
     },
     get children() {
-      return r(S, m(e, {
-        source: n,
+      return n(v, s(e, {
+        source: t,
         suggestions: {
           get paths() {
-            return l();
+            return a();
           },
           get label() {
             return e.suggestedPathsLabel ?? "Suggested directories";
-          },
-          get visible() {
-            return i();
-          },
-          onVisibilityChange: s
+          }
         }
       }));
     }
   });
 }
 export {
-  T as DirectoryPicker
+  $ as DirectoryPicker
 };

package/dist/components/ui/FileOpenPicker.js

@@ -1,4 +1,4 @@
-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 { createComponent as a, insert as c, mergeProps as z, spread as K, use as L, effect as j, setAttribute as M, className as V, memo as H, template as x, 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";
@@ -6,53 +6,53 @@ 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 { usePickerNavigation as Z, PickerPanel as ee, normalizePath as k, pickerCopy as b } 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 = [];
+var ne = /* @__PURE__ */ x('<div class="flex min-h-[140px] overflow-hidden rounded border border-border"><div>'), ie = /* @__PURE__ */ x('<div class="flex flex-col gap-2 -mt-1">'), le = /* @__PURE__ */ x('<div class="flex items-center w-full gap-2"><span class="flex-1 text-[11px] text-muted-foreground truncate">'), re = /* @__PURE__ */ x('<div class="flex h-full items-center justify-center px-4 text-center text-xs text-muted-foreground">'), oe = /* @__PURE__ */ x('<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">'), ae = /* @__PURE__ */ x("<button type=button role=option><span class=truncate>");
+function ce(e, s) {
+  const u = y(s), f = /* @__PURE__ */ new Set(), d = [];
   for (const g of e ?? []) {
-    const s = k(g);
-    if (!(s === "/" || f.has(s)) && (f.add(s), c.push(s), c.length >= a))
+    const i = k(g);
+    if (!(i === "/" || f.has(i)) && (f.add(i), d.push(i), d.length >= u))
       break;
   }
-  return c;
+  return d;
 }
-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 se(e, s, u, f) {
+  const d = k(s);
+  if (d === "/") return [...e];
+  if (u === "single") return [d];
+  const g = e.indexOf(d);
+  return g >= 0 ? e.filter((i, h) => h !== g) : e.length >= y(f) ? [...e] : [...e, d];
 }
 function y(e) {
   return e == null || !Number.isFinite(e) ? Number.POSITIVE_INFINITY : Math.max(1, Math.floor(e));
 }
 function ke(e) {
-  const o = () => e.selectionMode ?? "single", [a, f] = U([]), c = () => {
+  const s = () => e.selectionMode ?? "single", [u, f] = U([]), d = () => {
     if (e.initialPath) return e.initialPath;
     const t = e.initialSelectedPaths?.[0];
     return t ? te(t) : void 0;
   }, g = Y(e, {
     get initialPath() {
-      return c();
+      return d();
     },
     get scopeKey() {
       return e.scopeKey;
     }
-  }), 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, {
+  }), i = Z(g, () => e.open, void 0, () => {
+    f(ce(e.initialSelectedPaths, s() === "single" ? 1 : e.maxSelections));
+  }), h = q(() => i.entries().filter((t) => t.type === "file" && (!e.fileFilter || e.fileFilter(t)))), T = (t) => u().indexOf(k(t)), A = () => s() === "multiple" && u().length >= y(e.maxSelections), B = (t) => {
+    f((o) => se(o, t.path, s(), e.maxSelections));
+  }, P = (t = u()) => {
+    if (e.disabled || t.length === 0 || i.view() !== "browse" || !i.valid()) return;
+    const o = e.onSelect;
+    e.onOpenChange(!1), J(() => o([...t]));
+  }, E = (t, o) => {
+    let l;
+    t.key === "ArrowDown" && (l = Math.min(o + 1, h().length - 1)), t.key === "ArrowUp" && (l = Math.max(o - 1, 0)), t.key === "Home" && (l = 0), t.key === "End" && (l = h().length - 1), !(l == null || l < 0) && (t.preventDefault(), $[l]?.focus());
+  }, $ = [];
+  return a(X, {
     get open() {
       return e.open;
     },
@@ -67,23 +67,23 @@ function ke(e) {
     },
     get footer() {
       return (() => {
-        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, {
+        var t = le(), o = t.firstChild;
+        return c(o, (() => {
+          var l = H(() => u().length === 0);
+          return () => l() ? b(e).noFilesSelected : b(e).selectedCount(u().length);
+        })()), c(t, a(D, {
           variant: "ghost",
           size: "sm",
           onClick: () => e.onOpenChange(!1),
           get children() {
-            return e.cancelText ?? v(e).cancel;
+            return e.cancelText ?? b(e).cancel;
           }
-        }), null), m(t, u(D, {
+        }), null), c(t, a(D, {
           variant: "primary",
           size: "sm",
           onClick: () => P(),
           get disabled() {
-            return a().length === 0 || !s.valid();
+            return u().length === 0 || i.view() !== "browse" || !i.valid();
           },
           get children() {
             return e.confirmText ?? "Select";
@@ -92,82 +92,90 @@ function ke(e) {
       })();
     },
     get children() {
-      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;
-        }
-      }), !1, !0), m(i, u(w, {
+      var t = ie();
+      return c(t, a(ee, z(e, {
+        source: i
+      })), null), c(t, a(w, {
         get when() {
-          return h().length > 0;
-        },
-        get fallback() {
-          return (() => {
-            var d = le();
-            return m(d, () => e.emptyText ?? v(e).emptyFiles), d;
-          })();
+          return i.view() === "browse";
         },
         get children() {
-          return u(G, {
-            get each() {
-              return h();
+          var o = ne(), l = o.firstChild;
+          return K(l, z(() => e.scrollViewportProps, {
+            class: "max-h-[200px] min-h-[140px] min-w-0 flex-1 overflow-y-auto",
+            role: "listbox",
+            get "aria-multiselectable"() {
+              return s() === "multiple" ? "true" : void 0;
+            }
+          }), !1, !0), c(l, a(w, {
+            get when() {
+              return h().length > 0;
             },
-            children: (d, $) => {
-              const x = () => T(d.path), F = () => A() && x() < 0;
+            get fallback() {
               return (() => {
-                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,
-                  size: 16,
-                  class: "w-4 h-4 flex-shrink-0"
-                }), C), m(C, () => d.name), m(l, u(w, {
-                  get when() {
-                    return x() >= 0;
-                  },
-                  get children() {
-                    var n = re();
-                    return m(n, u(w, {
+                var m = re();
+                return c(m, () => e.emptyText ?? b(e).emptyFiles), m;
+              })();
+            },
+            get children() {
+              return a(G, {
+                get each() {
+                  return h();
+                },
+                children: (m, S) => {
+                  const v = () => T(m.path), F = () => A() && v() < 0;
+                  return (() => {
+                    var r = ae(), _ = r.firstChild;
+                    return r.$$keydown = (n) => E(n, S()), r.$$dblclick = () => {
+                      s() === "single" && P([k(m.path)]);
+                    }, r.$$click = () => B(m), L((n) => {
+                      $[S()] = n;
+                    }, r), c(r, a(W, {
+                      item: m,
+                      size: 16,
+                      class: "w-4 h-4 flex-shrink-0"
+                    }), _), c(_, () => m.name), c(r, a(w, {
                       get when() {
-                        return o() === "multiple";
-                      },
-                      get fallback() {
-                        return u(Q, {
-                          class: "h-3 w-3"
-                        });
+                        return v() >= 0;
                       },
                       get children() {
-                        return x() + 1;
+                        var n = oe();
+                        return c(n, a(w, {
+                          get when() {
+                            return s() === "multiple";
+                          },
+                          get fallback() {
+                            return a(Q, {
+                              class: "h-3 w-3"
+                            });
+                          },
+                          get children() {
+                            return v() + 1;
+                          }
+                        })), n;
                       }
-                    })), n;
-                  }
-                }), 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
-                }), l;
-              })();
+                    }), null), j((n) => {
+                      var C = v() >= 0, I = F(), O = F() ? b(e).selectionLimit : m.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", v() >= 0 && "bg-accent text-accent-foreground font-medium");
+                      return C !== n.e && M(r, "aria-selected", n.e = C), I !== n.t && (r.disabled = n.t = I), O !== n.a && M(r, "title", n.a = O), p !== n.o && V(r, n.o = p), n;
+                    }, {
+                      e: void 0,
+                      t: void 0,
+                      a: void 0,
+                      o: void 0
+                    }), r;
+                  })();
+                }
+              });
             }
-          });
+          })), o;
         }
-      })), t;
+      }), null), t;
     }
   });
 }
 R(["click", "dblclick", "keydown"]);
 export {
   ke as FileOpenPicker,
-  ae as normalizeFileOpenSelection,
-  ce as updateFileOpenSelection
+  ce as normalizeFileOpenSelection,
+  se as updateFileOpenSelection
 };

package/dist/components/ui/FileSavePicker.js

@@ -1,44 +1,44 @@
-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 { createComponent as a, insert as n, mergeProps as _, spread as z, effect as b, className as B, setAttribute as E, template as u, delegateEvents as D } from "solid-js/web";
+import { createSignal as F, createMemo as k, createEffect as I, on as O, Show as x, For as K } from "solid-js";
+import { cn as C } from "../../utils/cn.js";
 import { Dialog as T } from "./Dialog.js";
-import { Button as b } from "./Button.js";
+import { Button as N } 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("");
+var V = /* @__PURE__ */ u('<div class="flex min-h-[100px] overflow-hidden rounded border border-border"><div>'), G = /* @__PURE__ */ u('<div class="flex flex-col gap-2 -mt-1">'), H = /* @__PURE__ */ u('<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">'), J = /* @__PURE__ */ u('<div class="flex items-center justify-center h-full text-xs text-muted-foreground">'), L = /* @__PURE__ */ u('<span class="ml-auto text-[10px] text-muted-foreground/60 flex-shrink-0">'), Q = /* @__PURE__ */ u("<button type=button><span class=truncate>");
+function ie(e) {
+  const [s, v] = F(e.initialFileName ?? ""), [p, m] = F(""), o = A(e, () => e.open, void 0, () => {
+    v(e.initialFileName ?? ""), m("");
+  }), h = k(() => o.entries().filter((t) => t.type === "file"));
+  I(O(s, () => {
+    m("");
   }));
   const S = (t) => {
-    x(t.name), u("");
-  }, v = () => {
-    if (!s.valid()) return;
-    const t = c().trim();
+    v(t.name), m("");
+  }, $ = () => {
+    if (e.disabled || o.view() !== "browse" || !o.valid()) return;
+    const t = s().trim();
     if (!t) {
-      u(g(e).fileNameRequired);
+      m(g(e).fileNameRequired);
       return;
     }
     if (e.validateFileName) {
       const r = e.validateFileName(t);
       if (r) {
-        u(r);
+        m(r);
         return;
       }
     }
-    const l = s.currentPath(), o = e.onSave;
-    e.onOpenChange(!1), q(() => o(l, t));
+    const l = o.currentPath(), c = e.onSave;
+    e.onOpenChange(!1), q(() => c(l, t));
   }, P = () => {
     e.onOpenChange(!1);
   }, y = (t) => {
-    t.key === "Enter" && (t.preventDefault(), v());
-  }, $ = k(() => {
-    const t = s.currentPath(), l = c().trim();
+    t.key === "Enter" && (t.preventDefault(), $());
+  }, w = k(() => {
+    const t = o.currentPath(), l = s().trim();
     return l ? t === "/" ? `/${l}` : `${t}/${l}` : t;
   });
   return a(T, {
@@ -52,89 +52,97 @@ function le(e) {
       return e.title ?? "Save File";
     },
     get class() {
-      return N("max-w-2xl", e.class);
+      return C("max-w-2xl", e.class);
     },
     get footer() {
       return (() => {
-        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, {
+        var t = H(), l = t.firstChild, c = l.firstChild, r = c.nextSibling, i = l.nextSibling, f = i.firstChild;
+        return n(c, () => g(e).fileName), n(r, a(M, {
           size: "sm",
           get value() {
-            return c();
+            return s();
           },
-          onInput: (d) => x(d.currentTarget.value),
+          onInput: (d) => v(d.currentTarget.value),
           onKeyDown: y,
           placeholder: "filename.ext",
           get error() {
             return p();
           }
-        })), n(f, $), n(i, a(b, {
+        })), n(f, w), n(i, a(N, {
           variant: "ghost",
           size: "sm",
           onClick: P,
           get children() {
             return e.cancelText ?? g(e).cancel;
           }
-        }), null), n(i, a(b, {
+        }), null), n(i, a(N, {
           variant: "primary",
           size: "sm",
-          onClick: v,
+          onClick: $,
           get disabled() {
-            return !c().trim() || !s.valid();
+            return !s().trim() || o.view() !== "browse" || !o.valid();
           },
           get children() {
             return e.confirmText ?? "Save";
           }
-        }), null), F(() => E(f, "title", $())), t;
+        }), null), b(() => E(f, "title", w())), t;
       })();
     },
     get children() {
-      var t = V(), l = t.firstChild, o = l.firstChild;
+      var t = G();
       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, {
+        source: o
+      })), null), n(t, a(x, {
         get when() {
-          return h().length > 0;
-        },
-        get fallback() {
-          return (() => {
-            var r = H();
-            return n(r, () => g(e).emptyFiles), r;
-          })();
+          return o.view() === "browse";
         },
         get children() {
-          return a(K, {
-            get each() {
-              return h();
+          var l = V(), c = l.firstChild;
+          return z(c, _(() => e.scrollViewportProps, {
+            class: "max-h-[160px] w-full min-w-0 overflow-y-auto"
+          }), !1, !0), n(c, a(x, {
+            get when() {
+              return h().length > 0;
+            },
+            get fallback() {
+              return (() => {
+                var r = J();
+                return n(r, () => g(e).emptyFiles), r;
+              })();
             },
-            children: (r) => (() => {
-              var i = L(), f = i.firstChild;
-              return i.$$click = () => S(r), n(i, a(j, {
-                item: r,
-                size: 16,
-                class: "w-4 h-4 flex-shrink-0"
-              }), f), n(f, () => r.name), n(i, a(w, {
-                get when() {
-                  return r.size != null;
+            get children() {
+              return a(K, {
+                get each() {
+                  return h();
                 },
-                get children() {
-                  var d = J();
-                  return n(d, () => Q(r.size)), d;
-                }
-              }), 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;
-            })()
-          });
+                children: (r) => (() => {
+                  var i = Q(), f = i.firstChild;
+                  return i.$$click = () => S(r), n(i, a(j, {
+                    item: r,
+                    size: 16,
+                    class: "w-4 h-4 flex-shrink-0"
+                  }), f), n(f, () => r.name), n(i, a(x, {
+                    get when() {
+                      return r.size != null;
+                    },
+                    get children() {
+                      var d = L();
+                      return n(d, () => U(r.size)), d;
+                    }
+                  }), null), b(() => B(i, C("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", s() === r.name && "bg-accent text-accent-foreground font-medium"))), i;
+                })()
+              });
+            }
+          })), l;
         }
-      })), t;
+      }), null), t;
     }
   });
 }
-function Q(e) {
+function U(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 D(["click"]);
 export {
-  le as FileSavePicker
+  ie as FileSavePicker
 };

package/dist/components/ui/index.d.ts

@@ -47,3 +47,5 @@ export { SurfaceAnchoredLayer, type SurfaceAnchoredLayerProps } from './SurfaceA
 export { PersistentHorizontalScrollbar, type PersistentHorizontalScrollbarProps } from './PersistentHorizontalScrollbar';
 export { SettingsLayout, SettingsNavigation, SettingsSection, SettingsList, SettingRow, type SettingsNavigationItem, type SettingsNavigationGroup, type SettingsNavigationProps, type SettingsSectionProps, type SettingRowProps, } from './Settings';
 export { KeyedFor, type KeyedForProps } from './KeyedFor';
+export { DirectoryFavoriteButton } from './picker/DirectoryFavorites';
+export type { DirectoryFavorites } from './picker/DirectoryFavorites';

package/dist/components/ui/picker/DirectoryFavorites.d.ts

@@ -0,0 +1,29 @@
+import { type JSX } from 'solid-js';
+import type { PickerCopy } from './PickerNavigation';
+/** Controlled navigation metadata. The host owns authentication, persistence and refresh. */
+export interface DirectoryFavorites {
+    paths: readonly string[];
+    loading?: boolean;
+    error?: string;
+    editable?: boolean;
+    pendingPaths?: readonly string[];
+    onRefresh?: () => void | Promise<void>;
+    onSetFavorite?: (path: string, favorite: boolean) => Promise<void>;
+}
+export declare function DirectoryFavoriteButton(props: {
+    path: string;
+    favorites: DirectoryFavorites;
+    copy: PickerCopy;
+    disabled?: boolean;
+    onError?: (message: string) => void;
+}): JSX.Element;
+/** A navigation button and favorite action are siblings; the menu captures its target on open. */
+export declare function PickerDirectoryRow(props: {
+    path: string;
+    favorites?: DirectoryFavorites;
+    copy: PickerCopy;
+    disabled?: boolean;
+    scopeKey?: string;
+    children: JSX.Element;
+    onError: (message: string) => void;
+}): JSX.Element;