@floegence/floe-webapp-core 0.86.50 → 0.86.52

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

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