@floegence/floe-webapp-core 0.60.0 → 0.60.2

package/dist/components/layout/KeepAliveStack.js

@@ -1,154 +1,171 @@
-import { insert as V, createComponent as g, effect as C, className as P, setStyleProperty as B, template as R } from "solid-js/web";
-import { createMemo as m, createSignal as I, untrack as k, createEffect as b, For as F, createRenderEffect as N, onCleanup as j } from "solid-js";
-import { ViewActivationProvider as D } from "../../context/ViewActivationContext.js";
-import { cn as q } from "../../utils/cn.js";
-import { deferAfterPaint as G } from "../../utils/defer.js";
-var E = /* @__PURE__ */ R("<div>");
+import { insert as P, createComponent as g, effect as B, className as E, setStyleProperty as K, template as R, memo as N, setAttribute as z } from "solid-js/web";
+import { createMemo as S, createSignal as k, untrack as F, createEffect as x, For as j, createRenderEffect as D, onCleanup as G, Suspense as H } from "solid-js";
+import { ViewActivationProvider as J } from "../../context/ViewActivationContext.js";
+import { cn as V } from "../../utils/cn.js";
+import { deferAfterPaint as L } from "../../utils/defer.js";
+var O = /* @__PURE__ */ R("<div>");
 function M(e) {
   return String(e ?? "").trim();
 }
-function z(e) {
-  const u = [], d = /* @__PURE__ */ new Set();
+function C(e) {
+  const u = [], s = /* @__PURE__ */ new Set();
   for (const f of e) {
-    const o = M(f?.id);
-    o && (d.has(o) || (d.add(o), u.push(o)));
+    const a = M(f?.id);
+    a && (s.has(a) || (s.add(a), u.push(a)));
   }
   return u;
 }
-function H(e, u) {
-  const d = new Set(e), f = /* @__PURE__ */ new Map();
-  for (const o of u) {
-    const a = M(o?.id);
-    a && d.has(a) && (f.has(a) || f.set(a, o));
+function Q(e, u) {
+  const s = new Set(e), f = /* @__PURE__ */ new Map();
+  for (const a of u) {
+    const d = M(a?.id);
+    d && s.has(d) && (f.has(d) || f.set(d, a));
   }
   return f;
 }
-function J(e) {
-  const [u, d] = I(0), [f, o] = I(!1);
-  let a = 0;
-  N(() => {
-    const s = e.active(), r = e.activationMode();
-    a += 1;
-    const w = a;
-    if (!s) {
-      o(!1);
+function T(e) {
+  const [u, s] = k(0), [f, a] = k(!1);
+  let d = 0;
+  D(() => {
+    const c = e.active(), t = e.activationMode();
+    d += 1;
+    const h = d;
+    if (!c) {
+      a(!1);
       return;
     }
     const v = () => {
-      w !== a || !e.active() || k(f) || (o(!0), d((S) => S + 1));
+      h !== d || !e.active() || F(f) || (a(!0), s((w) => w + 1));
     };
-    r === "after-paint" ? G(v) : v();
-  }), j(() => {
-    a += 1;
+    t === "after-paint" ? L(v) : v();
+  }), G(() => {
+    d += 1;
   });
-  const A = k(() => ({
+  const A = F(() => ({
     id: e.id,
+    visible: e.active,
     active: f,
     activationSeq: u
   }));
-  return g(D, {
+  return g(J, {
     value: A,
     get children() {
-      var s = E();
-      return V(s, () => e.children), C((r) => {
-        var w = e.class, v = e.active() ? "block" : "none";
-        return w !== r.e && P(s, r.e = w), v !== r.t && B(s, "display", r.t = v), r;
+      var c = O();
+      return P(c, (() => {
+        var t = N(() => !!e.renderFallback);
+        return () => t() ? g(H, {
+          get fallback() {
+            return e.renderFallback(e.id);
+          },
+          get children() {
+            return e.children;
+          }
+        }) : e.children;
+      })()), B((t) => {
+        var h = e.class, v = e.id, w = e.active() ? void 0 : "true", b = !e.active(), y = e.active() ? "block" : "none";
+        return h !== t.e && E(c, t.e = h), v !== t.t && z(c, "data-floe-keep-alive-view", t.t = v), w !== t.a && z(c, "aria-hidden", t.a = w), b !== t.o && (c.inert = t.o = b), y !== t.i && K(c, "display", t.i = y), t;
       }, {
         e: void 0,
-        t: void 0
-      }), s;
+        t: void 0,
+        a: void 0,
+        o: void 0,
+        i: void 0
+      }), c;
     }
   });
 }
-function X(e) {
-  const u = () => e.lazyMount !== !1, d = () => e.keepMounted !== !1, f = () => e.activationMode ?? "sync", o = m(() => z(e.views)), [a, A] = I(k(() => H(z(e.views), e.views))), s = m(() => M(e.activeId));
-  b(() => {
-    const t = o(), n = e.views;
-    A((i) => {
-      let c = !1;
-      const l = new Map(i), x = new Set(t);
-      for (const h of l.keys())
-        x.has(h) || (l.delete(h), c = !0);
-      for (const h of n) {
-        const y = M(h?.id);
-        y && x.has(y) && (l.has(y) || (l.set(y, h), c = !0));
+function _(e) {
+  const u = () => e.lazyMount !== !1, s = () => e.keepMounted !== !1, f = () => e.activationMode ?? "sync", a = S(() => C(e.views)), [d, A] = k(F(() => Q(C(e.views), e.views))), c = S(() => M(e.activeId));
+  x(() => {
+    const n = a(), i = e.views;
+    A((r) => {
+      let o = !1;
+      const l = new Map(r), q = new Set(n);
+      for (const m of l.keys())
+        q.has(m) || (l.delete(m), o = !0);
+      for (const m of i) {
+        const I = M(m?.id);
+        I && q.has(I) && (l.has(I) || (l.set(I, m), o = !0));
       }
-      return c ? l : i;
+      return o ? l : r;
     });
   });
-  const r = m(() => ({
-    order: o(),
-    byId: a()
-  })), w = () => {
-    if (!d()) return /* @__PURE__ */ new Set();
-    if (!u()) return new Set(r().order);
-    const t = s();
-    return t ? r().byId.has(t) ? /* @__PURE__ */ new Set([t]) : /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set();
-  }, [v, S] = I(w());
-  b(() => {
-    if (!d()) return;
-    const t = new Set(r().order);
-    S((n) => {
-      let i = !1;
-      const c = /* @__PURE__ */ new Set();
-      for (const l of n) {
-        if (!t.has(l)) {
-          i = !0;
+  const t = S(() => ({
+    order: a(),
+    byId: d()
+  })), h = () => {
+    if (!s()) return /* @__PURE__ */ new Set();
+    if (!u()) return new Set(t().order);
+    const n = c();
+    return n ? t().byId.has(n) ? /* @__PURE__ */ new Set([n]) : /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set();
+  }, [v, w] = k(h());
+  x(() => {
+    if (!s()) return;
+    const n = new Set(t().order);
+    w((i) => {
+      let r = !1;
+      const o = /* @__PURE__ */ new Set();
+      for (const l of i) {
+        if (!n.has(l)) {
+          r = !0;
           continue;
         }
-        c.add(l);
+        o.add(l);
       }
-      return i ? c : n;
+      return r ? o : i;
     });
-  }), b(() => {
-    if (!d() || !u()) return;
-    const t = s();
-    t && r().byId.has(t) && S((n) => {
-      if (n.has(t)) return n;
-      const i = new Set(n);
-      return i.add(t), i;
+  }), x(() => {
+    if (!s() || !u()) return;
+    const n = c();
+    n && t().byId.has(n) && w((i) => {
+      if (i.has(n)) return i;
+      const r = new Set(i);
+      return r.add(n), r;
     });
   });
-  const K = m(() => {
-    const t = r().order, n = s();
-    if (!d())
-      return n ? r().byId.has(n) ? [n] : [] : [];
-    if (!u()) return t;
-    const i = v();
-    return t.filter((c) => i.has(c) || c === n);
-  }), O = m(() => {
-    const t = s();
-    return t ? r().byId.has(t) : !1;
+  const b = S(() => {
+    const n = t().order, i = c();
+    if (!s())
+      return i ? t().byId.has(i) ? [i] : [] : [];
+    if (!u()) return n;
+    const r = v();
+    return n.filter((o) => r.has(o) || o === i);
+  }), y = S(() => {
+    const n = c();
+    return n ? t().byId.has(n) : !1;
   });
   return (() => {
-    var t = E();
-    return V(t, g(F, {
+    var n = O();
+    return P(n, g(j, {
       get each() {
-        return K();
+        return b();
       },
-      children: (n) => {
-        const i = () => a().get(n);
-        return g(J, {
-          id: n,
-          active: () => s() === n,
+      children: (i) => {
+        const r = () => d().get(i);
+        return g(T, {
+          id: i,
+          active: () => c() === i,
           activationMode: f,
+          get renderFallback() {
+            return e.renderFallback;
+          },
           get class() {
-            return q("absolute inset-0", i()?.class);
+            return V("absolute inset-0", r()?.class);
           },
           get children() {
-            return i()?.render();
+            return r()?.render();
           }
         });
       }
-    })), C((n) => {
-      var i = q("relative h-full min-h-0 w-full", e.class), c = O() ? "block" : "none";
-      return i !== n.e && P(t, n.e = i), c !== n.t && B(t, "display", n.t = c), n;
+    })), B((i) => {
+      var r = V("relative h-full min-h-0 w-full", e.class), o = y() ? "block" : "none";
+      return r !== i.e && E(n, i.e = r), o !== i.t && K(n, "display", i.t = o), i;
     }, {
       e: void 0,
       t: void 0
-    }), t;
+    }), n;
   })();
 }
 export {
-  X as KeepAliveStack
+  _ as KeepAliveStack
 };

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

@@ -2,7 +2,7 @@ import { type BasePickerProps } from './picker/PickerBase';
 export interface DirectoryPickerProps extends BasePickerProps {
     /** Ordered absolute navigation suggestions. They never grant filesystem access or auto-confirm. */
     suggestedPaths?: readonly string[];
-    /** Localized heading for host-provided suggestions. */
+    /** Localized tab label for host-provided suggestions. */
     suggestedPathsLabel?: string;
     /** Receives the validated absolute directory path. */
     onSelect: (path: string) => void;

package/dist/components/ui/DirectoryPicker.js

@@ -1,19 +1,18 @@
-import { createComponent as a, insert as i, setAttribute as o, effect as u, mergeProps as C, template as d, delegateEvents as w } from "solid-js/web";
-import { createMemo as $, Show as _, For as S } from "solid-js";
-import { cn as y } from "../../utils/cn.js";
-import { FolderOpen as p } from "../icons/index.js";
-import { Button as v } from "./Button.js";
-import { Dialog as O } from "./Dialog.js";
-import { usePickerNavigation as B, pickerCopy as b, PickerPanel as D } from "./picker/PickerBase.js";
-import { parsePickerPath as z } from "./picker/PickerNavigation.js";
-var F = /* @__PURE__ */ d('<section data-picker-suggestions class="mb-3 min-w-0"><p class="mb-1 px-2 text-[11px] font-medium text-muted-foreground">'), L = /* @__PURE__ */ d('<div class="flex w-full items-center gap-2"><span class="min-w-0 flex-1 truncate text-[11px] text-muted-foreground">'), T = /* @__PURE__ */ d('<button type=button class="flex min-h-10 w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1.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"><span class="truncate text-xs font-medium"></span><span class="truncate text-[11px] text-muted-foreground">');
-function I(e) {
-  const r = B(e, () => e.open), g = $(() => [...new Set((e.suggestedPaths ?? []).map((t) => z(t)).filter(Boolean))]), P = () => {
-    if (!r.valid()) return;
-    const t = r.currentPath();
+import { createComponent as r, mergeProps as m, insert as a, effect as f, setAttribute as d, template as h } from "solid-js/web";
+import { createMemo as P, createSignal as b } from "solid-js";
+import { cn as v } from "../../utils/cn.js";
+import { Button as o } from "./Button.js";
+import { Dialog as C } from "./Dialog.js";
+import { usePickerNavigation as x, PickerPanel as S, pickerCopy as k } from "./picker/PickerBase.js";
+import { parsePickerPath as w } from "./picker/PickerNavigation.js";
+var y = /* @__PURE__ */ h('<div class="flex w-full items-center gap-2"><span class="min-w-0 flex-1 truncate text-[11px] text-muted-foreground">');
+function T(e) {
+  const l = P(() => [...new Set((e.suggestedPaths ?? []).map((t) => w(t)).filter(Boolean))]), [g, s] = b(!0), i = () => l().length > 0 && g(), n = x(e, () => e.open, void 0, () => s(!0)), u = () => {
+    if (e.disabled || i() || !n.valid()) return;
+    const t = n.currentPath();
     e.onSelect(t), e.onOpenChange(!1);
   };
-  return a(O, {
+  return r(C, {
     get open() {
       return e.open;
     },
@@ -24,65 +23,50 @@ function I(e) {
       return e.title ?? "Select Directory";
     },
     get class() {
-      return y("max-w-lg", e.class);
+      return v("max-w-lg", e.class);
     },
     get footer() {
       return (() => {
-        var t = L(), s = t.firstChild;
-        return i(s, () => r.currentPath()), i(t, a(v, {
+        var t = y(), c = t.firstChild;
+        return a(c, () => n.currentPath()), a(t, r(o, {
           variant: "ghost",
           size: "sm",
           onClick: () => e.onOpenChange(!1),
           get children() {
-            return e.cancelText ?? b(e).cancel;
+            return e.cancelText ?? k(e).cancel;
           }
-        }), null), i(t, a(v, {
+        }), null), a(t, r(o, {
           variant: "primary",
           size: "sm",
-          onClick: P,
+          onClick: u,
           get disabled() {
-            return !r.valid();
+            return e.disabled || i() || !n.valid();
           },
           get children() {
             return e.confirmText ?? "Select";
           }
-        }), null), u(() => o(s, "title", r.currentPath())), t;
+        }), null), f(() => d(c, "title", n.currentPath())), t;
       })();
     },
     get children() {
-      return [a(_, {
-        get when() {
-          return g().length > 0;
-        },
-        get children() {
-          var t = F(), s = t.firstChild;
-          return i(s, () => e.suggestedPathsLabel ?? "Suggested directories"), i(t, a(S, {
-            get each() {
-              return g();
-            },
-            children: (l) => (() => {
-              var n = T(), m = n.firstChild, f = m.firstChild, k = f.nextSibling;
-              return n.$$click = () => {
-                r.navigate(l);
-              }, o(n, "data-picker-suggested-path", l), o(n, "title", l), o(n, "aria-label", l), i(n, a(p, {
-                class: "h-4 w-4 shrink-0 text-muted-foreground"
-              }), m), i(f, () => l.split("/").filter(Boolean).at(-1) ?? b(e).root), i(k, l), u((c) => {
-                var h = r.currentPath() === l ? "location" : void 0, x = e.disabled || !r.context();
-                return h !== c.e && o(n, "aria-current", c.e = h), x !== c.t && (n.disabled = c.t = x), c;
-              }, {
-                e: void 0,
-                t: void 0
-              }), n;
-            })()
-          }), null), u(() => o(t, "aria-label", e.suggestedPathsLabel ?? "Suggested directories")), t;
+      return r(S, m(e, {
+        source: n,
+        suggestions: {
+          get paths() {
+            return l();
+          },
+          get label() {
+            return e.suggestedPathsLabel ?? "Suggested directories";
+          },
+          get visible() {
+            return i();
+          },
+          onVisibilityChange: s
         }
-      }), a(D, C(e, {
-        source: r
-      }))];
+      }));
     }
   });
 }
-w(["click"]);
 export {
-  I as DirectoryPicker
+  T as DirectoryPicker
 };

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

@@ -62,6 +62,12 @@ export declare function usePickerNavigation(props: PickerDataProps, open: Access
 /** Absolute directory navigation shared by all picker presentations. */
 export declare function PickerPanel(props: PickerPanelProps & {
     source: FilesystemPickerDataSource;
+    suggestions?: {
+        paths: readonly string[];
+        label: string;
+        visible: boolean;
+        onVisibilityChange: (visible: boolean) => void;
+    };
 }): JSX.Element;
 export declare const normalizePath: typeof parsePickerPath;
 export { pickerParentPath as getParentPath } from './PickerNavigation';