@floegence/floe-webapp-core 0.36.74 → 0.36.75

package/dist/app/ActivityAppsMain.d.ts

@@ -19,5 +19,7 @@ export interface ActivityAppsMainProps<TProtocol = unknown> {
     lazyMount?: KeepAliveStackProps['lazyMount'];
     /** Forwarded to KeepAliveStack (default: true). */
     keepMounted?: KeepAliveStackProps['keepMounted'];
+    /** Forwarded to KeepAliveStack (default: sync). */
+    activationMode?: KeepAliveStackProps['activationMode'];
 }
 export declare function ActivityAppsMain<TProtocol = unknown>(props: ActivityAppsMainProps<TProtocol>): import("solid-js").JSX.Element;

package/dist/app/ActivityAppsMain.js

@@ -1,30 +1,30 @@
-import { createComponent as i, Dynamic as u } from "solid-js/web";
+import { createComponent as r, Dynamic as s } from "solid-js/web";
 import { untrack as d, createMemo as m } from "solid-js";
 import { useLayout as l } from "../context/LayoutContext.js";
 import { useOptionalComponentRegistry as v } from "../context/ComponentRegistry.js";
 import { KeepAliveStack as f } from "../components/layout/KeepAliveStack.js";
-function w(e) {
+function g(e) {
   return e.sidebar?.fullScreen === !0 || e.sidebar?.renderIn === "main";
 }
 function b(e) {
-  const n = l(), r = v();
-  if (!d(() => !!e.views) && !r)
+  const n = l(), i = v();
+  if (!d(() => !!e.views) && !i)
     throw new Error("ActivityAppsMain requires ComponentRegistryProvider when `views` is not provided.");
-  const o = () => e.activeId ? e.activeId() : n.sidebarActiveTab(), s = m(() => {
-    if (!r) return [];
-    const c = e.include ?? w;
-    return r.sidebarItems().filter((t) => c(t)).map((t) => ({
+  const o = () => e.activeId ? e.activeId() : n.sidebarActiveTab(), a = m(() => {
+    if (!i) return [];
+    const u = e.include ?? g;
+    return i.sidebarItems().filter((t) => u(t)).map((t) => ({
       id: t.id,
-      render: () => i(u, {
+      render: () => r(s, {
         get component() {
           return t.component;
         }
       })
     }));
-  }), a = () => e.views ?? s();
-  return i(f, {
+  }), c = () => e.views ?? a();
+  return r(f, {
     get views() {
-      return a();
+      return c();
     },
     get activeId() {
       return o();
@@ -35,6 +35,9 @@ function b(e) {
     get keepMounted() {
       return e.keepMounted;
     },
+    get activationMode() {
+      return e.activationMode;
+    },
     get class() {
       return e.class;
     }

package/dist/components/layout/ActivityBar.js

@@ -94,7 +94,7 @@ function A(e) {
           })()), f(() => g(t, y("absolute top-0.5 right-0.5 min-w-3.5 h-3.5 px-1", "flex items-center justify-center", "text-[9px] font-medium rounded-full", "bg-activity-bar-badge text-activity-bar-badge-foreground"))), t;
         }
       }), null), f((t) => {
-        var d = y("relative w-full aspect-square flex items-center justify-center cursor-pointer", "transition-[color,background-color] duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-inset", e.isActive ? "text-activity-bar-foreground-active bg-accent/80" : "text-activity-bar-foreground hover:text-activity-bar-foreground-active hover:bg-accent/40"), v = e.item.label, i = e.isActive;
+        var d = y("relative w-full aspect-square flex items-center justify-center cursor-pointer", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-inset", e.isActive ? "text-activity-bar-foreground-active bg-accent/80" : "text-activity-bar-foreground transition-[color,background-color] duration-100 hover:text-activity-bar-foreground-active hover:bg-accent/40"), v = e.item.label, i = e.isActive;
         return d !== t.e && g(n, t.e = d), v !== t.t && m(n, "aria-label", t.t = v), i !== t.a && m(n, "aria-pressed", t.a = i), t;
       }, {
         e: void 0,

package/dist/components/layout/KeepAliveStack.d.ts

@@ -12,5 +12,7 @@ export interface KeepAliveStackProps {
     lazyMount?: boolean;
     /** When true, mounted views stay mounted after deactivation (default: true). */
     keepMounted?: boolean;
+    /** Publish activation effects synchronously or after the visible view has painted. */
+    activationMode?: 'sync' | 'after-paint';
 }
 export declare function KeepAliveStack(props: KeepAliveStackProps): JSX.Element;

package/dist/components/layout/KeepAliveStack.js

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

package/dist/components/layout/Shell.d.ts

@@ -34,6 +34,8 @@ export interface ShellProps {
     topBarActions?: JSX.Element;
     bottomBarItems?: JSX.Element;
     sidebarContent?: (activeTab: string) => JSX.Element;
+    /** Defer user-requested Activity content commits until the selected control has painted. */
+    activitySelectionMode?: 'sync' | 'ui-first';
     resolveSidebarVisibilityMotion?: (args: {
         currentActiveId: string;
         nextActiveId: string;