@floegence/floe-webapp-core 0.35.29 → 0.35.30

package/dist/components/ui/DirectoryInput.js

@@ -27,7 +27,7 @@ function A(b) {
     d() && e.files.length === 0 && e.onExpand && e.onExpand("/");
   });
   const n = T({
-    initialPath: e.initialPath ?? "/",
+    initialPath: () => e.initialPath ?? "/",
     open: () => !0,
     files: () => e.files,
     onExpand: (r) => e.onExpand?.(r),

package/dist/components/ui/DirectoryPicker.js

@@ -8,7 +8,7 @@ import { usePickerTree as P, PathInputBar as x, PickerBreadcrumb as C, PickerFol
 var b = /* @__PURE__ */ i('<div class="flex flex-col gap-2 -mt-1">'), y = /* @__PURE__ */ i('<div class="flex items-center w-full gap-2"><span class="flex-1 text-[11px] text-muted-foreground truncate">');
 function E(t) {
   const e = P({
-    initialPath: t.initialPath,
+    initialPath: () => t.initialPath,
     open: () => t.open,
     files: () => t.files,
     // eslint-disable-next-line solid/reactivity -- filter is a static callback

package/dist/components/ui/FileSavePicker.js

@@ -10,7 +10,7 @@ import { usePickerTree as O, normalizePath as R, PathInputBar as G, PickerBreadc
 var A = /* @__PURE__ */ m('<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__ */ 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">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__ */ m('<div class="flex items-center justify-center h-full text-xs text-muted-foreground">No files in this directory'), Q = /* @__PURE__ */ m('<span class="ml-auto text-[10px] text-muted-foreground/60 flex-shrink-0">'), U = /* @__PURE__ */ m("<button type=button><span class=truncate>");
 function ie(e) {
   const [u, f] = F(e.initialFileName ?? ""), [w, s] = F(""), r = O({
-    initialPath: e.initialPath,
+    initialPath: () => e.initialPath,
     open: () => e.open,
     files: () => e.files,
     // eslint-disable-next-line solid/reactivity -- filter is a static callback

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

@@ -57,7 +57,7 @@ export declare function getParentPath(path: string): string;
 /** Build a path → FileItem map for all folders in the tree */
 export declare function useFolderIndex(files: Accessor<FileItem[]>): Accessor<Map<string, FileItem>>;
 export interface UsePickerTreeOptions {
-    initialPath?: string;
+    initialPath?: string | Accessor<string | undefined>;
     open: Accessor<boolean>;
     files: Accessor<FileItem[]>;
     filter?: (item: FileItem) => boolean;
@@ -105,6 +105,7 @@ export interface PickerTreeState {
     /** Convert internal tree path to display (real filesystem) path */
     toDisplayPath: (internalPath: string) => string;
 }
+export declare function resolvePickerInitialPath(initialPath: string | undefined, homePath: string | undefined): string;
 export declare function usePickerTree(opts: UsePickerTreeOptions): PickerTreeState;
 export interface NewFolderSectionProps {
     parentPath: Accessor<string>;

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

@@ -1,64 +1,71 @@
-import { insert as d, createComponent as c, effect as T, className as p, style as Z, memo as B, template as y, setAttribute as ee, setStyleProperty as te, delegateEvents as ne } from "solid-js/web";
-import { createSignal as _, createMemo as L, createEffect as K, on as G, For as z, Show as F } from "solid-js";
-import { cn as E } from "../../../utils/cn.js";
+import { insert as d, createComponent as c, effect as T, className as p, style as Z, memo as z, template as $, setAttribute as ee, setStyleProperty as te, delegateEvents as ne } from "solid-js/web";
+import { createSignal as _, createMemo as L, createEffect as K, on as G, For as N, Show as F } from "solid-js";
+import { cn as I } from "../../../utils/cn.js";
 import { deferAfterPaint as re } from "../../../utils/defer.js";
-import { Button as N } from "../Button.js";
-import { Input as H } from "../Input.js";
-import { ChevronRight as M, Check as oe, X as le, Plus as ae } from "../../icons/index.js";
-import { FolderOpenIcon as W, FolderIcon as ie } from "../../file-browser/FileIcons.js";
-var O = /* @__PURE__ */ y('<div class="flex items-center gap-1.5"><div class=flex-1>'), ce = /* @__PURE__ */ y('<p class="text-[11px] text-muted-foreground -mt-1">Creating in: '), se = /* @__PURE__ */ y("<button type=button><span>New Folder"), ue = /* @__PURE__ */ y('<nav class="flex items-center gap-0.5 min-w-0 overflow-x-auto py-0.5"aria-label="Selected path">'), V = /* @__PURE__ */ y("<button type=button>"), de = /* @__PURE__ */ y('<div class="flex items-center justify-center py-6 text-xs text-muted-foreground">'), he = /* @__PURE__ */ y("<div><button type=button><span>"), fe = /* @__PURE__ */ y("<div class=overflow-hidden>"), ge = /* @__PURE__ */ y('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), me = /* @__PURE__ */ y('<span class="flex-shrink-0 w-4 h-4">');
-function C(e) {
+import { Button as B } from "../Button.js";
+import { Input as W } from "../Input.js";
+import { ChevronRight as j, Check as oe, X as le, Plus as ie } from "../../icons/index.js";
+import { FolderOpenIcon as M, FolderIcon as ae } from "../../file-browser/FileIcons.js";
+var O = /* @__PURE__ */ $('<div class="flex items-center gap-1.5"><div class=flex-1>'), ce = /* @__PURE__ */ $('<p class="text-[11px] text-muted-foreground -mt-1">Creating in: '), se = /* @__PURE__ */ $("<button type=button><span>New Folder"), ue = /* @__PURE__ */ $('<nav class="flex items-center gap-0.5 min-w-0 overflow-x-auto py-0.5"aria-label="Selected path">'), V = /* @__PURE__ */ $("<button type=button>"), de = /* @__PURE__ */ $('<div class="flex items-center justify-center py-6 text-xs text-muted-foreground">'), he = /* @__PURE__ */ $("<div><button type=button><span>"), fe = /* @__PURE__ */ $("<div class=overflow-hidden>"), ge = /* @__PURE__ */ $('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), me = /* @__PURE__ */ $('<span class="flex-shrink-0 w-4 h-4">');
+function y(e) {
   const l = (e ?? "").trim();
   if (l === "" || l === "/") return "/";
-  const r = l.replace(/\/+$/, "");
-  return r.startsWith("/") ? r : "/" + r;
+  const n = l.replace(/\/+$/, "");
+  return n.startsWith("/") ? n : "/" + n;
 }
-function j(e) {
-  const l = e.split("/").filter(Boolean), r = [];
-  let i = "";
-  for (let o = 0; o < l.length - 1; o++)
-    i += "/" + l[o], r.push(i);
-  return r;
+function H(e) {
+  const l = e.split("/").filter(Boolean), n = [];
+  let r = "";
+  for (let i = 0; i < l.length - 1; i++)
+    r += "/" + l[i], n.push(r);
+  return n;
 }
 function ve(e) {
   return L(() => {
-    const l = /* @__PURE__ */ new Map(), r = (i) => {
-      for (const o of i)
-        o.type === "folder" && (l.set(C(o.path), o), o.children?.length && r(o.children));
+    const l = /* @__PURE__ */ new Map(), n = (r) => {
+      for (const i of r)
+        i.type === "folder" && (l.set(y(i.path), i), i.children?.length && n(i.children));
     };
-    return r(e()), l;
+    return n(e()), l;
   });
 }
-function _e(e) {
-  const l = e.initialPath ?? "/", r = () => (typeof e.homeLabel == "function" ? e.homeLabel() : e.homeLabel) ?? "Root", i = () => {
+function xe(e, l) {
+  const n = y(e ?? "/"), r = l ? y(l) : void 0;
+  return !r || r === "/" ? n : n === r ? "/" : n.startsWith(r + "/") ? y(n.slice(r.length)) : n;
+}
+function pe(e) {
+  const l = () => (typeof e.homeLabel == "function" ? e.homeLabel() : e.homeLabel) ?? "Root", n = () => {
     const t = typeof e.homePath == "function" ? e.homePath() : e.homePath;
-    return t ? C(t) : void 0;
-  }, o = (t) => {
-    const a = i();
+    return t ? y(t) : void 0;
+  }, r = () => {
+    const t = typeof e.initialPath == "function" ? e.initialPath() : e.initialPath;
+    return xe(t, n());
+  }, i = (t) => {
+    const a = n();
     if (!a) return t;
-    const h = C(t);
+    const h = y(t);
     return h === "/" ? a : a === "/" ? h : a + h;
   }, u = (t) => {
-    const a = i();
-    if (!a) return C(t);
-    const h = C(t);
-    return h === a ? "/" : a !== "/" && h.startsWith(a + "/") ? h.slice(a.length) || "/" : C(t);
-  }, [b, v] = _(l), [P, f] = _(/* @__PURE__ */ new Set(["/"])), [$, n] = _(o(l)), [x, w] = _(""), s = ve(e.files), g = L(() => e.files().filter((t) => t.type === "folder"));
+    const a = n();
+    if (!a) return y(t);
+    const h = y(t);
+    return h === a ? "/" : a !== "/" && h.startsWith(a + "/") ? h.slice(a.length) || "/" : y(t);
+  }, [b, v] = _(r()), [P, f] = _(/* @__PURE__ */ new Set(["/"])), [k, o] = _(i(r())), [x, w] = _(""), s = ve(e.files), g = L(() => e.files().filter((t) => t.type === "folder"));
   K(G(e.open, (t) => {
     if (t) {
-      const a = e.initialPath ?? "/";
-      v(a), n(o(a)), w("");
-      const h = j(a);
+      const a = r();
+      v(a), o(i(a)), w("");
+      const h = H(a);
       f(/* @__PURE__ */ new Set(["/", ...h])), e.onReset?.(a);
     }
   })), K(G(b, (t) => {
-    n(o(t)), w("");
+    o(i(t)), w("");
   }));
-  const k = (t) => {
-    const a = C(t);
+  const S = (t) => {
+    const a = y(t);
     return a === "/" || s().has(a);
-  }, S = (t) => e.filter ? e.filter(t) : !0, I = (t) => {
-    const a = j(t);
+  }, C = (t) => e.filter ? e.filter(t) : !0, E = (t) => {
+    const a = H(t);
     f((h) => {
       const m = new Set(h);
       for (const D of a) m.add(D);
@@ -71,7 +78,7 @@ function _e(e) {
       return m.has(t) ? m.delete(t) : m.add(t), m;
     }), a || e.onExpand?.(t);
   }, J = (t) => {
-    if (!S(t)) return;
+    if (!C(t)) return;
     v(t.path);
     const a = P().has(t.path);
     f((h) => {
@@ -81,12 +88,12 @@ function _e(e) {
   }, Q = () => {
     v("/");
   }, R = () => {
-    const t = u($().trim());
-    k(t) ? (v(t), w(""), I(t)) : w("Path not found");
+    const t = u(k().trim());
+    S(t) ? (v(t), w(""), E(t)) : w("Path not found");
   }, U = (t) => {
     t.key === "Enter" && (t.preventDefault(), R());
   }, Y = L(() => {
-    const t = b(), a = r();
+    const t = b(), a = l();
     if (t === "/" || t === "") return [{
       name: a,
       path: "/"
@@ -108,48 +115,48 @@ function _e(e) {
     setSelectedPath: v,
     expandedPaths: P,
     toggleExpand: q,
-    pathInput: $,
-    setPathInput: n,
+    pathInput: k,
+    setPathInput: o,
     pathInputError: x,
     setPathInputError: w,
     folderIndex: s,
     rootFolders: g,
-    isValidPath: k,
-    isSelectable: S,
+    isValidPath: S,
+    isSelectable: C,
     handleSelectFolder: J,
     handleSelectRoot: Q,
     handlePathInputGo: R,
     handlePathInputKeyDown: U,
-    expandToPath: I,
+    expandToPath: E,
     breadcrumbSegments: Y,
     handleBreadcrumbClick: (t) => {
-      v(t), I(t);
+      v(t), E(t);
     },
-    homeLabel: r,
-    toDisplayPath: o
+    homeLabel: l,
+    toDisplayPath: i
   };
 }
-function pe(e) {
-  const [l, r] = _(!1), [i, o] = _(""), [u, b] = _(!1), v = () => {
-    r(!0), o("");
+function Ie(e) {
+  const [l, n] = _(!1), [r, i] = _(""), [u, b] = _(!1), v = () => {
+    n(!0), i("");
   }, P = () => {
-    r(!1), o("");
+    n(!1), i("");
   }, f = () => {
-    const n = i().trim();
-    if (!n || u()) return;
+    const o = r().trim();
+    if (!o || u()) return;
     b(!0);
-    const x = e.parentPath(), w = n, s = e.onCreateFolder;
+    const x = e.parentPath(), w = o, s = e.onCreateFolder;
     re(() => {
       s(x, w).then(() => {
-        r(!1), o("");
+        n(!1), i("");
       }).catch((g) => {
         console.error("Failed to create folder:", g);
       }).finally(() => {
         b(!1);
       });
     });
-  }, $ = (n) => {
-    n.key === "Enter" ? (n.preventDefault(), f()) : n.key === "Escape" && (n.preventDefault(), P());
+  }, k = (o) => {
+    o.key === "Enter" ? (o.preventDefault(), f()) : o.key === "Escape" && (o.preventDefault(), P());
   };
   return c(F, {
     get when() {
@@ -157,28 +164,28 @@ function pe(e) {
     },
     get fallback() {
       return (() => {
-        var n = se(), x = n.firstChild;
-        return n.$$click = v, d(n, c(ae, {
+        var o = se(), x = o.firstChild;
+        return o.$$click = v, d(o, c(ie, {
           class: "w-3.5 h-3.5"
-        }), x), T(() => p(n, E("flex items-center gap-1 text-xs text-muted-foreground cursor-pointer", "hover:text-foreground transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring rounded px-1 py-0.5"))), n;
+        }), x), T(() => p(o, I("flex items-center gap-1 text-xs text-muted-foreground cursor-pointer", "hover:text-foreground transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring rounded px-1 py-0.5"))), o;
       })();
     },
     get children() {
       return [(() => {
-        var n = O(), x = n.firstChild;
-        return d(x, c(H, {
+        var o = O(), x = o.firstChild;
+        return d(x, c(W, {
           size: "sm",
           get value() {
-            return i();
+            return r();
           },
-          onInput: (w) => o(w.currentTarget.value),
-          onKeyDown: $,
+          onInput: (w) => i(w.currentTarget.value),
+          onKeyDown: k,
           placeholder: "Folder name",
           get disabled() {
             return u();
           },
           autofocus: !0
-        })), d(n, c(N, {
+        })), d(o, c(B, {
           variant: "primary",
           size: "sm",
           onClick: f,
@@ -186,14 +193,14 @@ function pe(e) {
             return u();
           },
           get disabled() {
-            return !i().trim();
+            return !r().trim();
           },
           get children() {
             return c(oe, {
               class: "w-3.5 h-3.5"
             });
           }
-        }), null), d(n, c(N, {
+        }), null), d(o, c(B, {
           variant: "ghost-destructive",
           size: "sm",
           onClick: P,
@@ -205,26 +212,26 @@ function pe(e) {
               class: "w-3.5 h-3.5"
             });
           }
-        }), null), n;
+        }), null), o;
       })(), (() => {
-        var n = ce();
-        return n.firstChild, d(n, (() => {
-          var x = B(() => !!e.toDisplayPath);
+        var o = ce();
+        return o.firstChild, d(o, (() => {
+          var x = z(() => !!e.toDisplayPath);
           return () => x() ? e.toDisplayPath(e.parentPath()) : e.parentPath();
-        })(), null), n;
+        })(), null), o;
       })()];
     }
   });
 }
 function Ee(e) {
   return (() => {
-    var l = O(), r = l.firstChild;
-    return d(r, c(H, {
+    var l = O(), n = l.firstChild;
+    return d(n, c(W, {
       size: "sm",
       get value() {
         return e.value();
       },
-      onInput: (i) => e.onInput(i.currentTarget.value),
+      onInput: (r) => e.onInput(r.currentTarget.value),
       get onKeyDown() {
         return e.onKeyDown;
       },
@@ -234,7 +241,7 @@ function Ee(e) {
       get error() {
         return e.error();
       }
-    })), d(l, c(N, {
+    })), d(l, c(B, {
       variant: "outline",
       size: "sm",
       get onClick() {
@@ -244,36 +251,36 @@ function Ee(e) {
     }), null), l;
   })();
 }
-function Ie(e) {
+function Fe(e) {
   return (() => {
     var l = ue();
-    return d(l, c(z, {
+    return d(l, c(N, {
       get each() {
         return e.segments();
       },
-      children: (r, i) => [c(F, {
+      children: (n, r) => [c(F, {
         get when() {
-          return i() > 0;
+          return r() > 0;
         },
         get children() {
-          return c(M, {
+          return c(j, {
             class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
           });
         }
       }), (() => {
-        var o = V();
-        return o.$$click = () => e.onClick(r.path), d(o, () => r.name), T(() => p(o, E("text-xs px-1 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", i() === e.segments().length - 1 ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"))), o;
+        var i = V();
+        return i.$$click = () => e.onClick(n.path), d(i, () => n.name), T(() => p(i, I("text-xs px-1 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", r() === e.segments().length - 1 ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"))), i;
       })()]
     })), l;
   })();
 }
-function Fe(e) {
+function Te(e) {
   const l = () => (typeof e.homeLabel == "function" ? e.homeLabel() : e.homeLabel) ?? "Root";
   return (() => {
-    var r = he(), i = r.firstChild, o = i.firstChild;
-    return i.$$click = () => e.onSelectRoot(), d(i, c(W, {
+    var n = he(), r = n.firstChild, i = r.firstChild;
+    return r.$$click = () => e.onSelectRoot(), d(r, c(M, {
       class: "w-4 h-4 flex-shrink-0"
-    }), o), d(o, l), d(r, c(z, {
+    }), i), d(i, l), d(n, c(N, {
       get each() {
         return e.rootFolders();
       },
@@ -296,7 +303,7 @@ function Fe(e) {
           return e.isSelectable;
         }
       })
-    }), null), d(r, c(F, {
+    }), null), d(n, c(F, {
       get when() {
         return e.rootFolders().length === 0;
       },
@@ -305,24 +312,24 @@ function Fe(e) {
         return d(u, () => e.emptyText ?? "No directories available"), u;
       }
     }), null), T((u) => {
-      var b = E("border border-border rounded overflow-y-auto", e.class), v = e.style, P = E("flex items-center gap-1.5 w-full text-left text-xs py-1.5 px-2 cursor-pointer", "transition-colors duration-100", "hover:bg-accent/60", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring", e.selectedPath() === "/" && "bg-accent text-accent-foreground font-medium");
-      return b !== u.e && p(r, u.e = b), u.t = Z(r, v, u.t), P !== u.a && p(i, u.a = P), u;
+      var b = I("border border-border rounded overflow-y-auto", e.class), v = e.style, P = I("flex items-center gap-1.5 w-full text-left text-xs py-1.5 px-2 cursor-pointer", "transition-colors duration-100", "hover:bg-accent/60", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring", e.selectedPath() === "/" && "bg-accent text-accent-foreground font-medium");
+      return b !== u.e && p(n, u.e = b), u.t = Z(n, v, u.t), P !== u.a && p(r, u.a = P), u;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
-    }), r;
+    }), n;
   })();
 }
 function X(e) {
-  const l = () => e.expandedPaths().has(e.item.path), r = () => e.selectedPath() === e.item.path, i = () => e.isSelectable(e.item), o = L(() => e.item.children?.filter((f) => f.type === "folder") ?? []), u = () => o().length > 0, b = () => e.item.type === "folder", v = (f) => {
+  const l = () => e.expandedPaths().has(e.item.path), n = () => e.selectedPath() === e.item.path, r = () => e.isSelectable(e.item), i = L(() => e.item.children?.filter((f) => f.type === "folder") ?? []), u = () => i().length > 0, b = () => e.item.type === "folder", v = (f) => {
     f.stopPropagation(), e.onToggle(e.item.path);
   }, P = () => {
     e.onSelect(e.item);
   };
   return (() => {
-    var f = ge(), $ = f.firstChild, n = $.firstChild, x = n.firstChild, w = x.nextSibling;
-    return d($, c(F, {
+    var f = ge(), k = f.firstChild, o = k.firstChild, x = o.firstChild, w = x.nextSibling;
+    return d(k, c(F, {
       get when() {
         return b();
       },
@@ -331,39 +338,39 @@ function X(e) {
       },
       get children() {
         var s = V();
-        return s.$$click = v, d(s, c(M, {
+        return s.$$click = v, d(s, c(j, {
           class: "w-3 h-3 opacity-60"
         })), T((g) => {
-          var k = E("flex-shrink-0 w-4 h-4 flex items-center justify-center cursor-pointer", "transition-transform duration-150", l() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring"), S = l() ? "Collapse folder" : "Expand folder";
-          return k !== g.e && p(s, g.e = k), S !== g.t && ee(s, "aria-label", g.t = S), g;
+          var S = I("flex-shrink-0 w-4 h-4 flex items-center justify-center cursor-pointer", "transition-transform duration-150", l() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring"), C = l() ? "Collapse folder" : "Expand folder";
+          return S !== g.e && p(s, g.e = S), C !== g.t && ee(s, "aria-label", g.t = C), g;
         }, {
           e: void 0,
           t: void 0
         }), s;
       }
-    }), n), n.$$click = P, d(x, c(F, {
+    }), o), o.$$click = P, d(x, c(F, {
       get when() {
-        return B(() => !!u())() && l();
+        return z(() => !!u())() && l();
       },
       get fallback() {
-        return c(ie, {
+        return c(ae, {
           class: "w-4 h-4"
         });
       },
       get children() {
-        return c(W, {
+        return c(M, {
           class: "w-4 h-4"
         });
       }
     })), d(w, () => e.item.name), d(f, c(F, {
       get when() {
-        return B(() => !!l())() && u();
+        return z(() => !!l())() && u();
       },
       get children() {
         var s = fe();
-        return d(s, c(z, {
+        return d(s, c(N, {
           get each() {
-            return o();
+            return i();
           },
           children: (g) => c(X, {
             item: g,
@@ -389,8 +396,8 @@ function X(e) {
         })), s;
       }
     }), null), T((s) => {
-      var g = E("group flex items-center w-full text-xs", "transition-colors duration-100", i() ? "hover:bg-accent/60" : "opacity-50", r() && i() && "bg-accent text-accent-foreground font-medium"), k = `${4 + e.depth * 14}px`, S = !i(), I = E("flex items-center gap-1 flex-1 min-w-0 text-left py-1.5 pl-0.5 pr-2", i() ? "cursor-pointer" : "cursor-not-allowed", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring");
-      return g !== s.e && p($, s.e = g), k !== s.t && te($, "padding-left", s.t = k), S !== s.a && (n.disabled = s.a = S), I !== s.o && p(n, s.o = I), s;
+      var g = I("group flex items-center w-full text-xs", "transition-colors duration-100", r() ? "hover:bg-accent/60" : "opacity-50", n() && r() && "bg-accent text-accent-foreground font-medium"), S = `${4 + e.depth * 14}px`, C = !r(), E = I("flex items-center gap-1 flex-1 min-w-0 text-left py-1.5 pl-0.5 pr-2", r() ? "cursor-pointer" : "cursor-not-allowed", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring");
+      return g !== s.e && p(k, s.e = g), S !== s.t && te(k, "padding-left", s.t = S), C !== s.a && (o.disabled = s.a = C), E !== s.o && p(o, s.o = E), s;
     }, {
       e: void 0,
       t: void 0,
@@ -401,13 +408,14 @@ function X(e) {
 }
 ne(["click"]);
 export {
-  pe as NewFolderSection,
+  Ie as NewFolderSection,
   Ee as PathInputBar,
-  Ie as PickerBreadcrumb,
-  Fe as PickerFolderTree,
+  Fe as PickerBreadcrumb,
+  Te as PickerFolderTree,
   X as PickerTreeNode,
-  j as getAncestorPaths,
-  C as normalizePath,
+  H as getAncestorPaths,
+  y as normalizePath,
+  xe as resolvePickerInitialPath,
   ve as useFolderIndex,
-  _e as usePickerTree
+  pe as usePickerTree
 };

package/dist/styles/tokens.d.ts

@@ -210,6 +210,46 @@ export declare const floeColorTokenCategories: readonly [{
         readonly darkValue: "hsl(0 0% 100%)";
         readonly description: "Foreground color used on info surfaces.";
     }];
+}, {
+    readonly name: "Highlight Blocks";
+    readonly description: "Dedicated accent colors for HighlightBlock variants so callouts can diverge from shared status tokens.";
+    readonly tokens: readonly [{
+        readonly name: "Highlight Block Info Accent";
+        readonly variable: "--highlight-block-info-accent";
+        readonly lightValue: "oklch(0.52 0.14 245)";
+        readonly darkValue: "oklch(0.62 0.12 240)";
+        readonly description: "Info accent used by HighlightBlock surfaces and borders.";
+    }, {
+        readonly name: "Highlight Block Warning Accent";
+        readonly variable: "--highlight-block-warning-accent";
+        readonly lightValue: "oklch(0.62 0.16 65)";
+        readonly darkValue: "oklch(0.7 0.14 65)";
+        readonly description: "Warning accent used by HighlightBlock surfaces and borders.";
+    }, {
+        readonly name: "Highlight Block Success Accent";
+        readonly variable: "--highlight-block-success-accent";
+        readonly lightValue: "oklch(0.55 0.14 155)";
+        readonly darkValue: "oklch(0.62 0.12 155)";
+        readonly description: "Success accent used by HighlightBlock surfaces and borders.";
+    }, {
+        readonly name: "Highlight Block Error Accent";
+        readonly variable: "--highlight-block-error-accent";
+        readonly lightValue: "oklch(0.55 0.16 25)";
+        readonly darkValue: "oklch(0.6 0.14 25)";
+        readonly description: "Error accent used by HighlightBlock surfaces and borders.";
+    }, {
+        readonly name: "Highlight Block Note Accent";
+        readonly variable: "--highlight-block-note-accent";
+        readonly lightValue: "oklch(0.52 0.16 285)";
+        readonly darkValue: "oklch(0.62 0.14 285)";
+        readonly description: "Note accent used by HighlightBlock surfaces and borders.";
+    }, {
+        readonly name: "Highlight Block Tip Accent";
+        readonly variable: "--highlight-block-tip-accent";
+        readonly lightValue: "oklch(0.52 0.12 175)";
+        readonly darkValue: "oklch(0.6 0.1 175)";
+        readonly description: "Tip accent used by HighlightBlock surfaces and borders.";
+    }];
 }, {
     readonly name: "Shell Chrome";
     readonly description: "Stable shell chrome borders that can be overridden through theme.tokens.";
@@ -760,6 +800,46 @@ export declare const floeDesignTokens: {
             readonly darkValue: "hsl(0 0% 100%)";
             readonly description: "Foreground color used on info surfaces.";
         }];
+    }, {
+        readonly name: "Highlight Blocks";
+        readonly description: "Dedicated accent colors for HighlightBlock variants so callouts can diverge from shared status tokens.";
+        readonly tokens: readonly [{
+            readonly name: "Highlight Block Info Accent";
+            readonly variable: "--highlight-block-info-accent";
+            readonly lightValue: "oklch(0.52 0.14 245)";
+            readonly darkValue: "oklch(0.62 0.12 240)";
+            readonly description: "Info accent used by HighlightBlock surfaces and borders.";
+        }, {
+            readonly name: "Highlight Block Warning Accent";
+            readonly variable: "--highlight-block-warning-accent";
+            readonly lightValue: "oklch(0.62 0.16 65)";
+            readonly darkValue: "oklch(0.7 0.14 65)";
+            readonly description: "Warning accent used by HighlightBlock surfaces and borders.";
+        }, {
+            readonly name: "Highlight Block Success Accent";
+            readonly variable: "--highlight-block-success-accent";
+            readonly lightValue: "oklch(0.55 0.14 155)";
+            readonly darkValue: "oklch(0.62 0.12 155)";
+            readonly description: "Success accent used by HighlightBlock surfaces and borders.";
+        }, {
+            readonly name: "Highlight Block Error Accent";
+            readonly variable: "--highlight-block-error-accent";
+            readonly lightValue: "oklch(0.55 0.16 25)";
+            readonly darkValue: "oklch(0.6 0.14 25)";
+            readonly description: "Error accent used by HighlightBlock surfaces and borders.";
+        }, {
+            readonly name: "Highlight Block Note Accent";
+            readonly variable: "--highlight-block-note-accent";
+            readonly lightValue: "oklch(0.52 0.16 285)";
+            readonly darkValue: "oklch(0.62 0.14 285)";
+            readonly description: "Note accent used by HighlightBlock surfaces and borders.";
+        }, {
+            readonly name: "Highlight Block Tip Accent";
+            readonly variable: "--highlight-block-tip-accent";
+            readonly lightValue: "oklch(0.52 0.12 175)";
+            readonly darkValue: "oklch(0.6 0.1 175)";
+            readonly description: "Tip accent used by HighlightBlock surfaces and borders.";
+        }];
     }, {
         readonly name: "Shell Chrome";
         readonly description: "Stable shell chrome borders that can be overridden through theme.tokens.";