@floegence/floe-webapp-core 0.8.0 → 0.8.2

package/dist/components/file-browser/FileBrowserContext.d.ts

@@ -5,6 +5,8 @@ export interface FileBrowserProviderProps {
     files: FileItem[];
     initialPath?: string;
     initialViewMode?: ViewMode;
+    /** Label for the root/home directory in breadcrumb (default: 'Root') */
+    homeLabel?: string;
     onNavigate?: (path: string) => void;
     onSelect?: (items: FileItem[]) => void;
     onOpen?: (item: FileItem) => void;

package/dist/components/file-browser/types.d.ts

@@ -133,6 +133,7 @@ export interface FileBrowserContextValue {
     setCurrentPath: (path: string) => void;
     navigateUp: () => void;
     navigateTo: (item: FileItem) => void;
+    homeLabel: Accessor<string>;
     selectedItems: Accessor<Set<string>>;
     selectItem: (id: string, multi?: boolean) => void;
     clearSelection: () => void;

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

@@ -21,14 +21,14 @@ export interface UsePickerTreeOptions {
     filter?: (item: FileItem) => boolean;
     /** Additional reset logic when the dialog opens */
     onReset?: (initialPath: string) => void;
-    /** Label for the home/root directory in tree and breadcrumb (default: 'Root') */
-    homeLabel?: string;
+    /** Label for the home/root directory in tree and breadcrumb (default: 'Root'). Supports accessor for reactivity. */
+    homeLabel?: string | Accessor<string | undefined>;
     /**
      * Real filesystem path of the home directory (e.g. '/home/user').
      * When set, the path input bar and display paths will show real filesystem
-     * paths instead of internal tree-relative paths.
+     * paths instead of internal tree-relative paths. Supports accessor for reactivity.
      */
-    homePath?: string;
+    homePath?: string | Accessor<string | undefined>;
 }
 export interface PickerTreeState {
     selectedPath: Accessor<string>;
@@ -53,8 +53,8 @@ export interface PickerTreeState {
         path: string;
     }[]>;
     handleBreadcrumbClick: (path: string) => void;
-    /** Home label for display */
-    homeLabel: string;
+    /** Home label for display (reactive) */
+    homeLabel: Accessor<string>;
     /** Convert internal tree path to display (real filesystem) path */
     toDisplayPath: (internalPath: string) => string;
 }
@@ -94,8 +94,8 @@ export interface PickerFolderTreeProps {
     class?: string;
     style?: JSX.CSSProperties;
     emptyText?: string;
-    /** Label for the home/root directory (default: 'Root') */
-    homeLabel?: string;
+    /** Label for the home/root directory (default: 'Root'). Supports accessor for reactivity. */
+    homeLabel?: string | Accessor<string>;
 }
 export declare function PickerFolderTree(props: PickerFolderTreeProps): JSX.Element;
 export interface PickerTreeNodeProps {

package/dist/index29.js

@@ -13,8 +13,8 @@ function T(t) {
     files: () => t.files,
     // eslint-disable-next-line solid/reactivity -- filter is a static callback
     filter: t.filter ? (r) => t.filter(r) : void 0,
-    homeLabel: t.homeLabel,
-    homePath: t.homePath
+    homeLabel: () => t.homeLabel,
+    homePath: () => t.homePath
   }), c = () => {
     const r = e.selectedPath(), a = t.onSelect;
     t.onOpenChange(!1), f(() => a(r));

package/dist/index30.js

@@ -15,8 +15,8 @@ function ae(e) {
     files: () => e.files,
     // eslint-disable-next-line solid/reactivity -- filter is a static callback
     filter: e.filter ? (t) => e.filter(t) : void 0,
-    homeLabel: e.homeLabel,
-    homePath: e.homePath,
+    homeLabel: () => e.homeLabel,
+    homePath: () => e.homePath,
     onReset: () => {
       f(e.initialFileName ?? ""), s("");
     }

package/dist/index41.js

@@ -1,23 +1,23 @@
-import { createComponent as he } from "solid-js/web";
-import { createContext as me, createSignal as a, createMemo as N, useContext as we } from "solid-js";
+import { createComponent as me } from "solid-js/web";
+import { createContext as we, createSignal as a, createMemo as N, useContext as Pe } from "solid-js";
 import { deferNonBlocking as I } from "./index70.js";
-const V = me();
-function Q(r, p) {
-  if (!p) return [];
-  const x = r.toLowerCase(), w = p.toLowerCase(), h = [];
+const R = we();
+function Q(r, h) {
+  if (!h) return [];
+  const x = r.toLowerCase(), w = h.toLowerCase(), p = [];
   let g = 0;
   for (const S of w) {
     const m = x.indexOf(S, g);
     if (m === -1) return null;
-    h.push(m), g = m + 1;
+    p.push(m), g = m + 1;
   }
-  return h;
+  return p;
 }
-function Ce(r) {
-  const [p, x] = a(r.initialPath ?? "/"), [w, h] = a(/* @__PURE__ */ new Set()), [g, S] = a(r.initialViewMode ?? "list"), [m, j] = a({
+function ye(r) {
+  const [h, x] = a(r.initialPath ?? "/"), [w, p] = a(/* @__PURE__ */ new Set()), [g, S] = a(r.initialViewMode ?? "list"), [m, V] = a({
     field: "name",
     direction: "asc"
-  }), [M, O] = a(/* @__PURE__ */ new Set(["/"])), [R, D] = a(!1), [G, k] = a(null), [v, b] = a(""), [H, B] = a(!1), [z, P] = a([]);
+  }), [M, b] = a(/* @__PURE__ */ new Set(["/"])), [j, D] = a(!1), [G, O] = a(null), [v, k] = a(""), [H, B] = a(!1), J = () => r.homeLabel ?? "Root", [z, P] = a([]);
   let u = null, C = {
     top: 0,
     left: 0
@@ -25,12 +25,12 @@ function Ce(r) {
   const A = () => r.files, c = (e) => {
     const t = (e ?? "").trim();
     return t === "" ? "/" : t;
-  }, T = (e) => {
+  }, L = (e) => {
     const t = c(e);
     if (t === "/") return "/";
     const n = t.split("/").filter(Boolean);
     return n.pop(), n.length ? "/" + n.join("/") : "/";
-  }, J = (e, t) => {
+  }, K = (e, t) => {
     const n = z();
     if (n.length === 0) return e;
     let s = [...e];
@@ -46,13 +46,13 @@ function Ce(r) {
           const l = c(o.oldPath), i = s.findIndex((f) => c(f.path) === l);
           if (i !== -1) {
             const f = o.updates.path ?? s[i].path;
-            T(f) === d ? s[i] = {
+            L(f) === d ? s[i] = {
               ...s[i],
               ...o.updates
             } : s.splice(i, 1);
           } else {
             const f = o.updates.path;
-            f && T(f);
+            f && L(f);
           }
           break;
         }
@@ -62,17 +62,17 @@ function Ce(r) {
         }
       }
     return s;
-  }, K = N(() => {
+  }, W = N(() => {
     const e = /* @__PURE__ */ new Map(), t = (s) => {
       var d;
       for (const o of s)
         o.type === "folder" && (e.set(c(o.path), o.children ?? []), (d = o.children) != null && d.length && t(o.children));
     }, n = A();
     return e.set("/", n), t(n), e;
-  }), U = N(() => {
-    const e = c(p());
-    let t = K().get(e) ?? [];
-    t = J(t, e);
+  }), T = N(() => {
+    const e = c(h());
+    let t = W().get(e) ?? [];
+    t = K(t, e);
     const n = v().trim();
     n && (t = t.filter((o) => Q(o.name, n) !== null));
     const s = m();
@@ -100,69 +100,69 @@ function Ce(r) {
   }), y = (e) => {
     var s;
     const t = c(e);
-    x(t), h(/* @__PURE__ */ new Set()), b(""), B(!1);
+    x(t), p(/* @__PURE__ */ new Set()), k(""), B(!1);
     const n = r.onSelect;
     I(() => n == null ? void 0 : n([])), (s = r.onNavigate) == null || s.call(r, t);
-  }, W = () => {
-    const e = p();
+  }, X = () => {
+    const e = h();
     if (e === "/" || e === "") return;
     const t = e.split("/").filter(Boolean);
     t.pop(), y(t.length ? "/" + t.join("/") : "/");
-  }, E = (e) => {
-    e.type === "folder" && (y(e.path), O((t) => {
+  }, U = (e) => {
+    e.type === "folder" && (y(e.path), b((t) => {
       const n = new Set(t);
       return n.add(e.path), n;
     }));
-  }, X = (e, t = !1) => {
+  }, Y = (e, t = !1) => {
     const n = w(), s = t ? new Set(n) : /* @__PURE__ */ new Set();
-    t ? s.has(e) ? s.delete(e) : s.add(e) : (s.clear(), s.add(e)), h(s);
-    const d = U().filter((l) => s.has(l.id)), o = r.onSelect;
+    t ? s.has(e) ? s.delete(e) : s.add(e) : (s.clear(), s.add(e)), p(s);
+    const d = T().filter((l) => s.has(l.id)), o = r.onSelect;
     I(() => o == null ? void 0 : o(d));
-  }, Y = () => {
-    h(/* @__PURE__ */ new Set());
+  }, Z = () => {
+    p(/* @__PURE__ */ new Set());
     const e = r.onSelect;
     I(() => e == null ? void 0 : e([]));
-  }, Z = (e) => w().has(e), _ = (e) => {
-    O((t) => {
+  }, _ = (e) => w().has(e), $ = (e) => {
+    b((t) => {
       const n = new Set(t);
       return n.has(e) ? n.delete(e) : n.add(e), n;
     });
-  }, $ = (e) => M().has(e), ee = () => D((e) => !e), te = (e) => k(e), ne = () => k(null), oe = (e) => {
-    b(e);
-  }, se = (e) => {
+  }, ee = (e) => M().has(e), te = () => D((e) => !e), ne = (e) => O(e), oe = () => O(null), se = (e) => {
+    k(e);
+  }, re = (e) => {
     const t = v().trim();
     if (!t) return null;
     const n = Q(e, t);
     return n ? {
       matchedIndices: n
     } : null;
-  }, re = (e) => {
-    var t;
-    e.type === "folder" ? E(e) : (t = r.onOpen) == null || t.call(r, e);
   }, ie = (e) => {
+    var t;
+    e.type === "folder" ? U(e) : (t = r.onOpen) == null || t.call(r, e);
+  }, ce = (e) => {
     e.length !== 0 && P((t) => [...t, {
       type: "remove",
       paths: e
     }]);
-  }, ce = (e, t) => {
+  }, le = (e, t) => {
     P((n) => [...n, {
       type: "update",
       oldPath: e,
       updates: t
     }]);
-  }, le = (e, t) => {
+  }, ae = (e, t) => {
     P((n) => [...n, {
       type: "insert",
       parentPath: e,
       item: t
     }]);
-  }, ae = () => {
-    P([]);
   }, de = () => {
     P([]);
-  }, fe = () => z().length > 0, ue = (e) => {
+  }, fe = () => {
+    P([]);
+  }, ue = () => z().length > 0, he = (e) => {
     u = e;
-  }, L = () => u ? {
+  }, E = () => u ? {
     top: u.scrollTop,
     left: u.scrollLeft
   } : {
@@ -171,66 +171,67 @@ function Ce(r) {
   }, q = (e) => {
     u && (u.scrollTop = e.top, u.scrollLeft = e.left);
   }, pe = {
-    currentPath: p,
+    currentPath: h,
     setCurrentPath: y,
-    navigateUp: W,
-    navigateTo: E,
+    navigateUp: X,
+    navigateTo: U,
+    homeLabel: J,
     selectedItems: () => w(),
-    selectItem: X,
-    clearSelection: Y,
-    isSelected: Z,
+    selectItem: Y,
+    clearSelection: Z,
+    isSelected: _,
     viewMode: g,
     setViewMode: S,
     sortConfig: m,
-    setSortConfig: j,
+    setSortConfig: V,
     expandedFolders: M,
-    toggleFolder: _,
-    isExpanded: $,
+    toggleFolder: $,
+    isExpanded: ee,
     files: A,
-    currentFiles: U,
+    currentFiles: T,
     filterQuery: v,
-    setFilterQuery: oe,
+    setFilterQuery: se,
     isFilterActive: H,
     setFilterActive: B,
-    getFilterMatch: se,
-    sidebarCollapsed: R,
-    toggleSidebar: ee,
+    getFilterMatch: re,
+    sidebarCollapsed: j,
+    toggleSidebar: te,
     contextMenu: G,
-    showContextMenu: te,
-    hideContextMenu: ne,
-    openItem: re,
+    showContextMenu: ne,
+    hideContextMenu: oe,
+    openItem: ie,
     // Optimistic updates
-    optimisticRemove: ie,
-    optimisticUpdate: ce,
-    optimisticInsert: le,
-    clearOptimisticUpdates: ae,
-    rollbackOptimisticUpdates: de,
-    hasOptimisticUpdates: fe,
+    optimisticRemove: ce,
+    optimisticUpdate: le,
+    optimisticInsert: ae,
+    clearOptimisticUpdates: de,
+    rollbackOptimisticUpdates: fe,
+    hasOptimisticUpdates: ue,
     // Scroll position management
-    setScrollContainer: ue,
-    getScrollPosition: L,
+    setScrollContainer: he,
+    getScrollPosition: E,
     setScrollPosition: q,
-    saveScrollPosition: () => (C = L(), C),
+    saveScrollPosition: () => (C = E(), C),
     restoreScrollPosition: () => {
       requestAnimationFrame(() => {
         q(C);
       });
     }
   };
-  return he(V.Provider, {
+  return me(R.Provider, {
     value: pe,
     get children() {
       return r.children;
     }
   });
 }
-function ye() {
-  const r = we(V);
+function Fe() {
+  const r = Pe(R);
   if (!r)
     throw new Error("useFileBrowser must be used within a FileBrowserProvider");
   return r;
 }
 export {
-  Ce as FileBrowserProvider,
-  ye as useFileBrowser
+  ye as FileBrowserProvider,
+  Fe as useFileBrowser
 };

package/dist/index46.js

@@ -1,20 +1,20 @@
-import { delegateEvents as H, template as v, insert as E, createComponent as a, memo as P, effect as b, className as x, use as y } from "solid-js/web";
-import { createSignal as B, onMount as L, createMemo as k, For as O, Show as M, onCleanup as F } from "solid-js";
-import { cn as W } from "./index69.js";
+import { delegateEvents as A, template as b, insert as R, createComponent as a, memo as H, effect as x, className as W, use as P } from "solid-js/web";
+import { createSignal as y, onMount as B, createMemo as M, For as O, Show as T, onCleanup as F } from "solid-js";
+import { cn as C } from "./index69.js";
 import { useFileBrowser as G } from "./index41.js";
-import { ChevronRight as T } from "./index34.js";
+import { ChevronRight as E } from "./index34.js";
 import { Dropdown as z } from "./index24.js";
-var X = /* @__PURE__ */ v("<nav aria-label=Breadcrumb>"), j = /* @__PURE__ */ v('<button type=button title="Show hidden path segments">…'), q = /* @__PURE__ */ v('<button type=button><span class="truncate max-w-[120px] block">');
-const g = 16, J = 28, R = 12, K = 7, Q = 120, U = 100;
-function V(n) {
-  const r = n.length * K;
-  return Math.min(r + R, Q + R);
+var X = /* @__PURE__ */ b("<nav aria-label=Breadcrumb>"), j = /* @__PURE__ */ b('<button type=button title="Show hidden path segments">…'), q = /* @__PURE__ */ b('<button type=button><span class="truncate max-w-[120px] block">');
+const p = 16, J = 28, D = 12, K = 7, Q = 120, U = 100;
+function V(r) {
+  const n = r.length * K;
+  return Math.min(n + D, Q + D);
 }
-function ce(n) {
-  const r = G();
+function ce(r) {
+  const n = G();
   let s;
-  const [t, c] = B(0);
-  L(() => {
+  const [t, c] = y(0);
+  B(() => {
     if (!s) return;
     const e = () => {
       s && c(s.offsetWidth);
@@ -23,25 +23,25 @@ function ce(n) {
     const o = new ResizeObserver(e);
     o.observe(s), F(() => o.disconnect());
   });
-  const d = k(() => {
-    const e = r.currentPath();
+  const d = M(() => {
+    const e = n.currentPath(), o = n.homeLabel();
     if (e === "/" || e === "")
       return [{
-        name: "Root",
+        name: o,
         path: "/"
       }];
-    const o = e.split("/").filter(Boolean), i = [{
-      name: "Root",
+    const l = e.split("/").filter(Boolean), i = [{
+      name: o,
       path: "/"
     }];
-    let l = "";
-    for (const f of o)
-      l += "/" + f, i.push({
-        name: f,
-        path: l
+    let f = "";
+    for (const g of l)
+      f += "/" + g, i.push({
+        name: g,
+        path: f
       });
     return i;
-  }), m = k(() => {
+  }), m = M(() => {
     const e = d(), o = t();
     if (o < U || e.length <= 2)
       return {
@@ -49,73 +49,73 @@ function ce(n) {
         visible: e,
         shouldCollapse: !1
       };
-    const i = e.map((u) => V(u.name)), l = i[0], f = i[e.length - 1], D = g, $ = e.length > 1 ? g : 0, S = l + f + D + $;
-    if (S > o && e.length > 2)
+    const l = e.map((u) => V(u.name)), i = l[0], f = l[e.length - 1], g = p, $ = e.length > 1 ? p : 0, _ = i + f + g + $;
+    if (_ > o && e.length > 2)
       return {
         collapsed: e.slice(1, -1),
         visible: [e[0], e[e.length - 1]],
         shouldCollapse: !0
       };
-    const h = e.slice(1, -1), p = [];
-    let _ = o - S;
-    const N = h.length > 0 ? J + g : 0;
+    const h = e.slice(1, -1), v = [];
+    let w = o - _;
+    const L = h.length > 0 ? J + p : 0;
     for (let u = h.length - 1; u >= 0; u--) {
-      const I = i[u + 1] + g, A = u > 0 ? N : 0;
-      if (_ - A >= I)
-        p.unshift(h[u]), _ -= I;
+      const k = l[u + 1] + p, N = u > 0 ? L : 0;
+      if (w - N >= k)
+        v.unshift(h[u]), w -= k;
       else
         break;
     }
-    const w = h.slice(0, h.length - p.length);
+    const I = h.slice(0, h.length - v.length);
     return {
-      collapsed: w,
-      visible: [e[0], ...p, e[e.length - 1]],
-      shouldCollapse: w.length > 0
+      collapsed: I,
+      visible: [e[0], ...v, e[e.length - 1]],
+      shouldCollapse: I.length > 0
     };
-  }), C = (e) => {
-    r.setCurrentPath(e.path);
+  }), S = (e) => {
+    n.setCurrentPath(e.path);
   };
   return (() => {
     var e = X(), o = s;
-    return typeof o == "function" ? y(o, e) : s = e, E(e, a(O, {
+    return typeof o == "function" ? P(o, e) : s = e, R(e, a(O, {
       get each() {
         return m().visible;
       },
-      children: (i, l) => [a(M, {
+      children: (l, i) => [a(T, {
         get when() {
-          return l() > 0;
+          return i() > 0;
         },
         get children() {
-          return a(T, {
+          return a(E, {
             class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
           });
         }
-      }), a(M, {
+      }), a(T, {
         get when() {
-          return P(() => !!m().shouldCollapse)() && l() === 1;
+          return H(() => !!m().shouldCollapse)() && i() === 1;
         },
         get children() {
           return [a(Y, {
             get segments() {
               return m().collapsed;
             },
-            onSelect: C
-          }), a(T, {
+            onSelect: S
+          }), a(E, {
             class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
           })];
         }
       }), a(Z, {
-        segment: i,
+        segment: l,
         get isLast() {
-          return l() === m().visible.length - 1;
+          return i() === m().visible.length - 1;
         },
-        onClick: () => C(i)
+        onClick: () => S(l)
       })]
-    })), b(() => x(e, W("flex items-center gap-1 min-w-0 overflow-hidden", n.class))), e;
+    })), x(() => W(e, C("flex items-center gap-1 min-w-0 overflow-hidden", r.class))), e;
   })();
 }
-function Y(n) {
-  const r = () => n.segments.map((t) => ({
+function Y(r) {
+  const n = () => r.segments.map((t) => ({
     id: t.path,
     label: t.name
   }));
@@ -123,32 +123,32 @@ function Y(n) {
     get trigger() {
       return (() => {
         var t = j();
-        return b(() => x(t, W("text-xs px-1.5 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-all duration-100", "text-muted-foreground hover:text-foreground hover:bg-muted/50", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"))), t;
+        return x(() => W(t, C("text-xs px-1.5 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-all duration-100", "text-muted-foreground hover:text-foreground hover:bg-muted/50", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"))), t;
       })();
     },
     get items() {
-      return r();
+      return n();
     },
     onSelect: (t) => {
-      const c = n.segments.find((d) => d.path === t);
-      c && n.onSelect(c);
+      const c = r.segments.find((d) => d.path === t);
+      c && r.onSelect(c);
     },
     align: "start"
   });
 }
-function Z(n) {
+function Z(r) {
   return (() => {
-    var r = q(), s = r.firstChild;
-    return r.$$click = () => n.onClick(), E(s, () => n.segment.name), b((t) => {
-      var c = n.isLast, d = W("text-xs px-1.5 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-all duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", n.isLast ? "font-medium text-foreground cursor-default" : "text-muted-foreground hover:text-foreground hover:bg-muted/50");
-      return c !== t.e && (r.disabled = t.e = c), d !== t.t && x(r, t.t = d), t;
+    var n = q(), s = n.firstChild;
+    return n.$$click = () => r.onClick(), R(s, () => r.segment.name), x((t) => {
+      var c = r.isLast, d = C("text-xs px-1.5 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-all duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", r.isLast ? "font-medium text-foreground cursor-default" : "text-muted-foreground hover:text-foreground hover:bg-muted/50");
+      return c !== t.e && (n.disabled = t.e = c), d !== t.t && W(n, t.t = d), t;
     }, {
       e: void 0,
       t: void 0
-    }), r;
+    }), n;
   })();
 }
-H(["click"]);
+A(["click"]);
 export {
   ce as Breadcrumb
 };

package/dist/index83.js

@@ -1,218 +1,223 @@
-import { delegateEvents as Y, template as P, insert as u, createComponent as c, effect as T, className as _, style as Z, memo as z, setAttribute as ee, setStyleProperty as te } from "solid-js/web";
-import { createSignal as C, createMemo as E, createEffect as L, on as A, For as R, Show as p } from "solid-js";
+import { delegateEvents as Z, template as P, insert as h, createComponent as d, effect as T, className as _, style as ee, memo as B, setAttribute as te, setStyleProperty as ne } from "solid-js/web";
+import { createSignal as C, createMemo as E, createEffect as A, on as G, For as N, Show as F } from "solid-js";
 import { cn as I } from "./index69.js";
-import { Button as N } from "./index20.js";
-import { Input as j } from "./index21.js";
-import { ChevronRight as M, Check as ne, X as re, Plus as le } from "./index34.js";
-import { FolderOpenIcon as W, FolderIcon as oe } from "./index48.js";
-var O = /* @__PURE__ */ P('<div class="flex items-center gap-1.5"><div class=flex-1>'), ie = /* @__PURE__ */ P('<p class="text-[11px] text-muted-foreground -mt-1">Creating in: '), ae = /* @__PURE__ */ P("<button type=button><span>New Folder"), ce = /* @__PURE__ */ P('<nav class="flex items-center gap-0.5 min-w-0 overflow-x-auto py-0.5"aria-label="Selected path">'), V = /* @__PURE__ */ P("<button type=button>"), se = /* @__PURE__ */ P('<div class="flex items-center justify-center py-6 text-xs text-muted-foreground">'), ue = /* @__PURE__ */ P("<div><button type=button><span>"), de = /* @__PURE__ */ P("<div class=overflow-hidden>"), he = /* @__PURE__ */ P('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), fe = /* @__PURE__ */ P('<span class="flex-shrink-0 w-4 h-4">');
+import { Button as z } from "./index20.js";
+import { Input as H } from "./index21.js";
+import { ChevronRight as M, Check as re, X as le, Plus as oe } from "./index34.js";
+import { FolderOpenIcon as W, FolderIcon as ie } from "./index48.js";
+var O = /* @__PURE__ */ P('<div class="flex items-center gap-1.5"><div class=flex-1>'), ae = /* @__PURE__ */ P('<p class="text-[11px] text-muted-foreground -mt-1">Creating in: '), ce = /* @__PURE__ */ P("<button type=button><span>New Folder"), se = /* @__PURE__ */ P('<nav class="flex items-center gap-0.5 min-w-0 overflow-x-auto py-0.5"aria-label="Selected path">'), V = /* @__PURE__ */ P("<button type=button>"), ue = /* @__PURE__ */ P('<div class="flex items-center justify-center py-6 text-xs text-muted-foreground">'), de = /* @__PURE__ */ P("<div><button type=button><span>"), he = /* @__PURE__ */ P("<div class=overflow-hidden>"), fe = /* @__PURE__ */ P('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), ge = /* @__PURE__ */ P('<span class="flex-shrink-0 w-4 h-4">');
 function S(e) {
-  const r = (e ?? "").trim();
-  if (r === "" || r === "/") return "/";
-  const o = r.replace(/\/+$/, "");
-  return o.startsWith("/") ? o : "/" + o;
+  const l = (e ?? "").trim();
+  if (l === "" || l === "/") return "/";
+  const n = l.replace(/\/+$/, "");
+  return n.startsWith("/") ? n : "/" + n;
 }
-function G(e) {
-  const r = e.split("/").filter(Boolean), o = [];
-  let l = "";
-  for (let n = 0; n < r.length - 1; n++)
-    l += "/" + r[n], o.push(l);
-  return o;
+function j(e) {
+  const l = e.split("/").filter(Boolean), n = [];
+  let a = "";
+  for (let i = 0; i < l.length - 1; i++)
+    a += "/" + l[i], n.push(a);
+  return n;
 }
-function ge(e) {
+function me(e) {
   return E(() => {
-    const r = /* @__PURE__ */ new Map(), o = (l) => {
-      var n;
-      for (const d of l)
-        d.type === "folder" && (r.set(S(d.path), d), (n = d.children) != null && n.length && o(d.children));
+    const l = /* @__PURE__ */ new Map(), n = (a) => {
+      var i;
+      for (const o of a)
+        o.type === "folder" && (l.set(S(o.path), o), (i = o.children) != null && i.length && n(o.children));
     };
-    return o(e()), r;
+    return n(e()), l;
   });
 }
-function ke(e) {
-  const r = e.initialPath ?? "/", o = e.homeLabel ?? "Root", l = e.homePath ? S(e.homePath) : void 0, n = (t) => {
-    if (!l) return t;
-    const s = S(t);
-    return s === "/" ? l : l === "/" ? s : l + s;
-  }, d = (t) => {
-    if (!l) return S(t);
-    const s = S(t);
-    return s === l ? "/" : l !== "/" && s.startsWith(l + "/") ? s.slice(l.length) || "/" : S(t);
-  }, [x, g] = C(r), [m, f] = C(/* @__PURE__ */ new Set(["/"])), [b, i] = C(n(r)), [w, a] = C(""), v = ge(e.files), k = E(() => e.files().filter((t) => t.type === "folder"));
-  L(A(e.open, (t) => {
+function Se(e) {
+  const l = e.initialPath ?? "/", n = () => (typeof e.homeLabel == "function" ? e.homeLabel() : e.homeLabel) ?? "Root", a = () => {
+    const t = typeof e.homePath == "function" ? e.homePath() : e.homePath;
+    return t ? S(t) : void 0;
+  }, i = (t) => {
+    const s = a();
+    if (!s) return t;
+    const u = S(t);
+    return u === "/" ? s : s === "/" ? u : s + u;
+  }, o = (t) => {
+    const s = a();
+    if (!s) return S(t);
+    const u = S(t);
+    return u === s ? "/" : s !== "/" && u.startsWith(s + "/") ? u.slice(s.length) || "/" : S(t);
+  }, [b, v] = C(l), [f, g] = C(/* @__PURE__ */ new Set(["/"])), [x, r] = C(i(l)), [w, c] = C(""), m = me(e.files), k = E(() => e.files().filter((t) => t.type === "folder"));
+  A(G(e.open, (t) => {
     var s;
     if (t) {
-      const h = e.initialPath ?? "/";
-      g(h), i(n(h)), a("");
-      const $ = G(h);
-      f(/* @__PURE__ */ new Set(["/", ...$])), (s = e.onReset) == null || s.call(e, h);
+      const u = e.initialPath ?? "/";
+      v(u), r(i(u)), c("");
+      const $ = j(u);
+      g(/* @__PURE__ */ new Set(["/", ...$])), (s = e.onReset) == null || s.call(e, u);
     }
-  })), L(A(x, (t) => {
-    i(n(t)), a("");
+  })), A(G(b, (t) => {
+    r(i(t)), c("");
   }));
   const y = (t) => {
     const s = S(t);
-    return s === "/" || v().has(s);
-  }, F = (t) => e.filter ? e.filter(t) : !0, B = (t) => {
-    const s = G(t);
-    f((h) => {
-      const $ = new Set(h);
+    return s === "/" || m().has(s);
+  }, p = (t) => e.filter ? e.filter(t) : !0, L = (t) => {
+    const s = j(t);
+    g((u) => {
+      const $ = new Set(u);
       for (const D of s) $.add(D);
       return $.add(t), $;
     });
   }, q = (t) => {
-    f((s) => {
-      const h = new Set(s);
-      return h.has(t) ? h.delete(t) : h.add(t), h;
+    g((s) => {
+      const u = new Set(s);
+      return u.has(t) ? u.delete(t) : u.add(t), u;
     });
-  }, H = (t) => {
-    F(t) && (g(t.path), f((s) => {
-      const h = new Set(s);
-      return h.add(t.path), h;
+  }, J = (t) => {
+    p(t) && (v(t.path), g((s) => {
+      const u = new Set(s);
+      return u.add(t.path), u;
     }));
-  }, J = () => {
-    g("/");
-  }, K = () => {
-    const t = d(b().trim());
-    y(t) ? (g(t), a(""), B(t)) : a("Path not found");
-  }, Q = (t) => {
-    t.key === "Enter" && (t.preventDefault(), K());
-  }, U = E(() => {
-    const t = x();
+  }, Q = () => {
+    v("/");
+  }, R = () => {
+    const t = o(x().trim());
+    y(t) ? (v(t), c(""), L(t)) : c("Path not found");
+  }, U = (t) => {
+    t.key === "Enter" && (t.preventDefault(), R());
+  }, Y = E(() => {
+    const t = b(), s = n();
     if (t === "/" || t === "") return [{
-      name: o,
+      name: s,
       path: "/"
     }];
-    const s = t.split("/").filter(Boolean), h = [{
-      name: o,
+    const u = t.split("/").filter(Boolean), $ = [{
+      name: s,
       path: "/"
     }];
-    let $ = "";
-    for (const D of s)
-      $ += "/" + D, h.push({
-        name: D,
-        path: $
+    let D = "";
+    for (const K of u)
+      D += "/" + K, $.push({
+        name: K,
+        path: D
       });
-    return h;
+    return $;
   });
   return {
-    selectedPath: x,
-    setSelectedPath: g,
-    expandedPaths: m,
+    selectedPath: b,
+    setSelectedPath: v,
+    expandedPaths: f,
     toggleExpand: q,
-    pathInput: b,
-    setPathInput: i,
+    pathInput: x,
+    setPathInput: r,
     pathInputError: w,
-    setPathInputError: a,
-    folderIndex: v,
+    setPathInputError: c,
+    folderIndex: m,
     rootFolders: k,
     isValidPath: y,
-    isSelectable: F,
-    handleSelectFolder: H,
-    handleSelectRoot: J,
-    handlePathInputGo: K,
-    handlePathInputKeyDown: Q,
-    expandToPath: B,
-    breadcrumbSegments: U,
+    isSelectable: p,
+    handleSelectFolder: J,
+    handleSelectRoot: Q,
+    handlePathInputGo: R,
+    handlePathInputKeyDown: U,
+    expandToPath: L,
+    breadcrumbSegments: Y,
     handleBreadcrumbClick: (t) => {
-      g(t), B(t);
+      v(t), L(t);
     },
-    homeLabel: o,
-    toDisplayPath: n
+    homeLabel: n,
+    toDisplayPath: i
   };
 }
-function Se(e) {
-  const [r, o] = C(!1), [l, n] = C(""), [d, x] = C(!1), g = () => {
-    o(!0), n("");
-  }, m = () => {
-    o(!1), n("");
-  }, f = async () => {
-    const i = l().trim();
-    if (i) {
-      x(!0);
+function Ce(e) {
+  const [l, n] = C(!1), [a, i] = C(""), [o, b] = C(!1), v = () => {
+    n(!0), i("");
+  }, f = () => {
+    n(!1), i("");
+  }, g = async () => {
+    const r = a().trim();
+    if (r) {
+      b(!0);
       try {
-        await e.onCreateFolder(e.parentPath(), i), o(!1), n("");
+        await e.onCreateFolder(e.parentPath(), r), n(!1), i("");
       } finally {
-        x(!1);
+        b(!1);
       }
     }
-  }, b = (i) => {
-    i.key === "Enter" ? (i.preventDefault(), f()) : i.key === "Escape" && (i.preventDefault(), m());
+  }, x = (r) => {
+    r.key === "Enter" ? (r.preventDefault(), g()) : r.key === "Escape" && (r.preventDefault(), f());
   };
-  return c(p, {
+  return d(F, {
     get when() {
-      return r();
+      return l();
     },
     get fallback() {
       return (() => {
-        var i = ae(), w = i.firstChild;
-        return i.$$click = g, u(i, c(le, {
+        var r = ce(), w = r.firstChild;
+        return r.$$click = v, h(r, d(oe, {
           class: "w-3.5 h-3.5"
-        }), w), T(() => _(i, 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"))), i;
+        }), w), T(() => _(r, 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"))), r;
       })();
     },
     get children() {
       return [(() => {
-        var i = O(), w = i.firstChild;
-        return u(w, c(j, {
+        var r = O(), w = r.firstChild;
+        return h(w, d(H, {
           size: "sm",
           get value() {
-            return l();
+            return a();
           },
-          onInput: (a) => n(a.currentTarget.value),
-          onKeyDown: b,
+          onInput: (c) => i(c.currentTarget.value),
+          onKeyDown: x,
           placeholder: "Folder name",
           get disabled() {
-            return d();
+            return o();
           },
           autofocus: !0
-        })), u(i, c(N, {
+        })), h(r, d(z, {
           variant: "primary",
           size: "sm",
-          onClick: f,
+          onClick: g,
           get loading() {
-            return d();
+            return o();
           },
           get disabled() {
-            return !l().trim();
+            return !a().trim();
           },
           get children() {
-            return c(ne, {
+            return d(re, {
               class: "w-3.5 h-3.5"
             });
           }
-        }), null), u(i, c(N, {
+        }), null), h(r, d(z, {
           variant: "ghost",
           size: "sm",
-          onClick: m,
+          onClick: f,
           get disabled() {
-            return d();
+            return o();
           },
           get children() {
-            return c(re, {
+            return d(le, {
               class: "w-3.5 h-3.5"
             });
           }
-        }), null), i;
+        }), null), r;
       })(), (() => {
-        var i = ie();
-        return i.firstChild, u(i, (() => {
-          var w = z(() => !!e.toDisplayPath);
+        var r = ae();
+        return r.firstChild, h(r, (() => {
+          var w = B(() => !!e.toDisplayPath);
           return () => w() ? e.toDisplayPath(e.parentPath()) : e.parentPath();
-        })(), null), i;
+        })(), null), r;
       })()];
     }
   });
 }
-function Ce(e) {
+function _e(e) {
   return (() => {
-    var r = O(), o = r.firstChild;
-    return u(o, c(j, {
+    var l = O(), n = l.firstChild;
+    return h(n, d(H, {
       size: "sm",
       get value() {
         return e.value();
       },
-      onInput: (l) => e.onInput(l.currentTarget.value),
+      onInput: (a) => e.onInput(a.currentTarget.value),
       get onKeyDown() {
         return e.onKeyDown;
       },
@@ -222,50 +227,51 @@ function Ce(e) {
       get error() {
         return e.error();
       }
-    })), u(r, c(N, {
+    })), h(l, d(z, {
       variant: "outline",
       size: "sm",
       get onClick() {
         return e.onGo;
       },
       children: "Go"
-    }), null), r;
+    }), null), l;
   })();
 }
-function _e(e) {
+function Ie(e) {
   return (() => {
-    var r = ce();
-    return u(r, c(R, {
+    var l = se();
+    return h(l, d(N, {
       get each() {
         return e.segments();
       },
-      children: (o, l) => [c(p, {
+      children: (n, a) => [d(F, {
         get when() {
-          return l() > 0;
+          return a() > 0;
         },
         get children() {
-          return c(M, {
+          return d(M, {
             class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
           });
         }
       }), (() => {
-        var n = V();
-        return n.$$click = () => e.onClick(o.path), u(n, () => o.name), T(() => _(n, 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", l() === e.segments().length - 1 ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"))), n;
+        var i = V();
+        return i.$$click = () => e.onClick(n.path), h(i, () => n.name), T(() => _(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", a() === e.segments().length - 1 ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"))), i;
       })()]
-    })), r;
+    })), l;
   })();
 }
-function Ie(e) {
+function Fe(e) {
+  const l = () => (typeof e.homeLabel == "function" ? e.homeLabel() : e.homeLabel) ?? "Root";
   return (() => {
-    var r = ue(), o = r.firstChild, l = o.firstChild;
-    return o.$$click = () => e.onSelectRoot(), u(o, c(W, {
+    var n = de(), a = n.firstChild, i = a.firstChild;
+    return a.$$click = () => e.onSelectRoot(), h(a, d(W, {
       class: "w-4 h-4 flex-shrink-0"
-    }), l), u(l, () => e.homeLabel ?? "Root"), u(r, c(R, {
+    }), i), h(i, l), h(n, d(N, {
       get each() {
         return e.rootFolders();
       },
-      children: (n) => c(X, {
-        item: n,
+      children: (o) => d(X, {
+        item: o,
         depth: 1,
         get selectedPath() {
           return e.selectedPath;
@@ -283,80 +289,80 @@ function Ie(e) {
           return e.isSelectable;
         }
       })
-    }), null), u(r, c(p, {
+    }), null), h(n, d(F, {
       get when() {
         return e.rootFolders().length === 0;
       },
       get children() {
-        var n = se();
-        return u(n, () => e.emptyText ?? "No directories available"), n;
+        var o = ue();
+        return h(o, () => e.emptyText ?? "No directories available"), o;
       }
-    }), null), T((n) => {
-      var d = I("border border-border rounded overflow-y-auto", e.class), x = e.style, g = 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 d !== n.e && _(r, n.e = d), n.t = Z(r, x, n.t), g !== n.a && _(o, n.a = g), n;
+    }), null), T((o) => {
+      var b = I("border border-border rounded overflow-y-auto", e.class), v = e.style, f = 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 !== o.e && _(n, o.e = b), o.t = ee(n, v, o.t), f !== o.a && _(a, o.a = f), o;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
-    }), r;
+    }), n;
   })();
 }
 function X(e) {
-  const r = () => e.expandedPaths().has(e.item.path), o = () => e.selectedPath() === e.item.path, l = () => e.isSelectable(e.item), n = E(() => {
-    var m;
-    return ((m = e.item.children) == null ? void 0 : m.filter((f) => f.type === "folder")) ?? [];
-  }), d = () => n().length > 0, x = (m) => {
-    m.stopPropagation(), e.onToggle(e.item.path);
-  }, g = () => {
+  const l = () => e.expandedPaths().has(e.item.path), n = () => e.selectedPath() === e.item.path, a = () => e.isSelectable(e.item), i = E(() => {
+    var f;
+    return ((f = e.item.children) == null ? void 0 : f.filter((g) => g.type === "folder")) ?? [];
+  }), o = () => i().length > 0, b = (f) => {
+    f.stopPropagation(), e.onToggle(e.item.path);
+  }, v = () => {
     e.onSelect(e.item);
   };
   return (() => {
-    var m = he(), f = m.firstChild, b = f.firstChild, i = b.firstChild, w = i.nextSibling;
-    return u(f, c(p, {
+    var f = fe(), g = f.firstChild, x = g.firstChild, r = x.firstChild, w = r.nextSibling;
+    return h(g, d(F, {
       get when() {
-        return d();
+        return o();
       },
       get fallback() {
-        return fe();
+        return ge();
       },
       get children() {
-        var a = V();
-        return a.$$click = x, u(a, c(M, {
+        var c = V();
+        return c.$$click = b, h(c, d(M, {
           class: "w-3 h-3 opacity-60"
-        })), T((v) => {
-          var k = I("flex-shrink-0 w-4 h-4 flex items-center justify-center cursor-pointer", "transition-transform duration-150", r() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring"), y = r() ? "Collapse folder" : "Expand folder";
-          return k !== v.e && _(a, v.e = k), y !== v.t && ee(a, "aria-label", v.t = y), v;
+        })), T((m) => {
+          var k = 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"), y = l() ? "Collapse folder" : "Expand folder";
+          return k !== m.e && _(c, m.e = k), y !== m.t && te(c, "aria-label", m.t = y), m;
         }, {
           e: void 0,
           t: void 0
-        }), a;
+        }), c;
       }
-    }), b), b.$$click = g, u(i, c(p, {
+    }), x), x.$$click = v, h(r, d(F, {
       get when() {
-        return z(() => !!d())() && r();
+        return B(() => !!o())() && l();
       },
       get fallback() {
-        return c(oe, {
+        return d(ie, {
           class: "w-4 h-4"
         });
       },
       get children() {
-        return c(W, {
+        return d(W, {
           class: "w-4 h-4"
         });
       }
-    })), u(w, () => e.item.name), u(m, c(p, {
+    })), h(w, () => e.item.name), h(f, d(F, {
       get when() {
-        return z(() => !!r())() && d();
+        return B(() => !!l())() && o();
       },
       get children() {
-        var a = de();
-        return u(a, c(R, {
+        var c = he();
+        return h(c, d(N, {
           get each() {
-            return n();
+            return i();
           },
-          children: (v) => c(X, {
-            item: v,
+          children: (m) => d(X, {
+            item: m,
             get depth() {
               return e.depth + 1;
             },
@@ -376,28 +382,28 @@ function X(e) {
               return e.isSelectable;
             }
           })
-        })), a;
+        })), c;
       }
-    }), null), T((a) => {
-      var v = I("group flex items-center w-full text-xs", "transition-colors duration-100", l() ? "hover:bg-accent/60" : "opacity-50", o() && l() && "bg-accent text-accent-foreground font-medium"), k = `${4 + e.depth * 14}px`, y = !l(), F = I("flex items-center gap-1 flex-1 min-w-0 text-left py-1.5 pl-0.5 pr-2", l() ? "cursor-pointer" : "cursor-not-allowed", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring");
-      return v !== a.e && _(f, a.e = v), k !== a.t && te(f, "padding-left", a.t = k), y !== a.a && (b.disabled = a.a = y), F !== a.o && _(b, a.o = F), a;
+    }), null), T((c) => {
+      var m = I("group flex items-center w-full text-xs", "transition-colors duration-100", a() ? "hover:bg-accent/60" : "opacity-50", n() && a() && "bg-accent text-accent-foreground font-medium"), k = `${4 + e.depth * 14}px`, y = !a(), p = I("flex items-center gap-1 flex-1 min-w-0 text-left py-1.5 pl-0.5 pr-2", a() ? "cursor-pointer" : "cursor-not-allowed", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring");
+      return m !== c.e && _(g, c.e = m), k !== c.t && ne(g, "padding-left", c.t = k), y !== c.a && (x.disabled = c.a = y), p !== c.o && _(x, c.o = p), c;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0
-    }), m;
+    }), f;
   })();
 }
-Y(["click"]);
+Z(["click"]);
 export {
-  Se as NewFolderSection,
-  Ce as PathInputBar,
-  _e as PickerBreadcrumb,
-  Ie as PickerFolderTree,
+  Ce as NewFolderSection,
+  _e as PathInputBar,
+  Ie as PickerBreadcrumb,
+  Fe as PickerFolderTree,
   X as PickerTreeNode,
-  G as getAncestorPaths,
+  j as getAncestorPaths,
   S as normalizePath,
-  ge as useFolderIndex,
-  ke as usePickerTree
+  me as useFolderIndex,
+  Se as usePickerTree
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",