@floegence/floe-webapp-core 0.1.2 → 0.1.5

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

@@ -0,0 +1,25 @@
+export interface ResolveMobileTabActiveIdArgs {
+    /** Current active tab id from LayoutContext. */
+    activeId: string;
+    /** Whether the mobile sidebar overlay is currently open. */
+    mobileSidebarOpen: boolean;
+    /** Whether the active component is marked as fullScreen. */
+    activeIsFullScreen: boolean;
+}
+/**
+ * On mobile we support two UX modes:
+ * - Sidebar overlay mode (default): tabs toggle an overlay that renders the component as sidebar content.
+ * - FullScreen navigation mode: tabs switch the main page (no overlay).
+ */
+export declare function resolveMobileTabActiveId(args: ResolveMobileTabActiveIdArgs): string;
+export interface ResolveMobileTabSelectArgs {
+    clickedId: string;
+    activeId: string;
+    mobileSidebarOpen: boolean;
+    clickedIsFullScreen: boolean;
+}
+export interface ResolveMobileTabSelectResult {
+    nextActiveId: string;
+    nextMobileSidebarOpen: boolean;
+}
+export declare function resolveMobileTabSelect(args: ResolveMobileTabSelectArgs): ResolveMobileTabSelectResult;

package/dist/context/ComponentRegistry.d.ts

@@ -4,8 +4,9 @@ import type { LayoutContextValue } from './LayoutContext';
 import type { CommandContextValue } from './CommandContext';
 import type { NotificationContextValue } from './NotificationContext';
 /**
- * Component registration system for pluggable architecture
- * Designed to match `.design.md` 8.x: contributions + lifecycle + explicit mount/unmount.
+ * Component registration system for pluggable architecture.
+ *
+ * Public docs: `docs/component-registry.md`
  */
 export interface Logger {
     debug: (...args: unknown[]) => void;

package/dist/index2.js

@@ -1,34 +1,35 @@
-import { delegateEvents as z, template as f, insert as a, createComponent as n, Dynamic as p, memo as b, effect as w, className as y, setStyleProperty as R } from "solid-js/web";
-import { createSignal as H, createEffect as C, createMemo as $, For as _, Show as m } from "solid-js";
-import { useLayout as O } from "./index41.js";
-import { useResolvedFloeConfig as F } from "./index39.js";
+import { delegateEvents as z, template as f, insert as a, createComponent as n, Dynamic as w, memo as h, effect as C, className as T, setStyleProperty as O } from "solid-js/web";
+import { createSignal as F, createEffect as p, createMemo as $, For as x, Show as b } from "solid-js";
+import { useLayout as R } from "./index41.js";
+import { useResolvedFloeConfig as H } from "./index39.js";
 import { useMediaQuery as P } from "./index47.js";
-import { cn as x } from "./index53.js";
+import { cn as A } from "./index53.js";
 import { useComponentRegistry as W } from "./index44.js";
 import { Sidebar as E } from "./index4.js";
 import { TopBar as Q } from "./index5.js";
 import { BottomBar as D } from "./index6.js";
 import { MobileTabBar as L } from "./index7.js";
 import { ActivityBar as N } from "./index3.js";
-import { ResizeHandle as T } from "./index8.js";
-var A = /* @__PURE__ */ f('<div class="flex items-center gap-2">'), j = /* @__PURE__ */ f('<div class="absolute inset-0 z-40 bg-background/80 backdrop-blur-sm cursor-pointer">'), q = /* @__PURE__ */ f('<div><div class="h-full overflow-auto overscroll-contain">'), G = /* @__PURE__ */ f('<div class="relative shrink-0 border-t border-border bg-terminal-background overflow-hidden">'), J = /* @__PURE__ */ f('<div><div class="flex-1 min-h-0 flex overflow-hidden relative"><div class="flex-1 min-w-0 flex flex-col overflow-hidden"><main class="flex-1 min-h-0 overflow-auto overscroll-contain">');
-function ae(o) {
-  const r = O(), B = F(), s = P(B.config.layout.mobileQuery), [v, g] = H(!1), d = (() => {
+import { ResizeHandle as _ } from "./index8.js";
+import { resolveMobileTabActiveId as j, resolveMobileTabSelect as q } from "./index67.js";
+var y = /* @__PURE__ */ f('<div class="flex items-center gap-2">'), G = /* @__PURE__ */ f('<div class="absolute inset-0 z-40 bg-background/80 backdrop-blur-sm cursor-pointer">'), J = /* @__PURE__ */ f('<div><div class="h-full overflow-auto overscroll-contain">'), K = /* @__PURE__ */ f('<div class="relative shrink-0 border-t border-border bg-terminal-background overflow-hidden">'), U = /* @__PURE__ */ f('<div><div class="flex-1 min-h-0 flex overflow-hidden relative"><div class="flex-1 min-w-0 flex flex-col overflow-hidden"><main class="flex-1 min-h-0 overflow-auto overscroll-contain">');
+function ce(l) {
+  const r = R(), M = H(), c = P(M.config.layout.mobileQuery), [S, g] = F(!1), s = (() => {
     try {
       return W();
     } catch {
       return null;
     }
   })();
-  C(() => {
-    const e = s();
+  p(() => {
+    const e = c();
     r.isMobile() !== e && r.setIsMobile(e);
-  }), C(() => {
-    s() || g(!1);
+  }), p(() => {
+    c() || g(!1);
   });
-  const u = $(() => o.activityItems ? o.activityItems : d ? d.sidebarItems().filter((e) => !!e.icon).filter((e) => {
+  const u = $(() => l.activityItems ? l.activityItems : s ? s.sidebarItems().filter((e) => !!e.icon).filter((e) => {
     var t;
-    return !(s() && ((t = e.sidebar) != null && t.hiddenOnMobile));
+    return !(c() && ((t = e.sidebar) != null && t.hiddenOnMobile));
   }).map((e) => {
     var t;
     return {
@@ -37,71 +38,85 @@ function ae(o) {
       label: e.name,
       badge: (t = e.sidebar) == null ? void 0 : t.badge
     };
-  }) : []), S = (e) => {
-    if (o.sidebarContent) return o.sidebarContent(e);
-    if (!d) return;
-    const t = d.getComponent(e);
+  }) : []), I = (e) => {
+    if (l.sidebarContent) return l.sidebarContent(e);
+    if (!s) return;
+    const t = s.getComponent(e);
     if (t != null && t.sidebar && !t.sidebar.fullScreen)
-      return n(p, {
+      return n(w, {
         get component() {
           return t.component;
         }
       });
-  }, I = $(() => {
+  }, v = $(() => {
     var t;
-    if (!d) return !1;
-    const e = d.getComponent(r.sidebarActiveTab());
+    if (!s) return !1;
+    const e = s.getComponent(r.sidebarActiveTab());
     return ((t = e == null ? void 0 : e.sidebar) == null ? void 0 : t.fullScreen) ?? !1;
-  }), M = $(() => {
-    if (o.bottomBarItems) return o.bottomBarItems;
-    if (!d) return;
-    const e = [...d.statusBarItems()].sort((l, i) => (l.order ?? 100) - (i.order ?? 100)), t = e.filter((l) => l.position === "left"), c = e.filter((l) => l.position === "right");
+  });
+  p(() => {
+    c() && v() && g(!1);
+  });
+  const B = $(() => {
+    if (l.bottomBarItems) return l.bottomBarItems;
+    if (!s) return;
+    const e = [...s.statusBarItems()].sort((o, i) => (o.order ?? 100) - (i.order ?? 100)), t = e.filter((o) => o.position === "left"), d = e.filter((o) => o.position === "right");
     return [(() => {
-      var l = A();
-      return a(l, n(_, {
+      var o = y();
+      return a(o, n(x, {
         each: t,
-        children: (i) => n(p, {
+        children: (i) => n(w, {
           get component() {
             return i.component;
           }
         })
-      })), l;
+      })), o;
     })(), (() => {
-      var l = A();
-      return a(l, n(_, {
-        each: c,
-        children: (i) => n(p, {
+      var o = y();
+      return a(o, n(x, {
+        each: d,
+        children: (i) => n(w, {
           get component() {
             return i.component;
           }
         })
-      })), l;
+      })), o;
     })()];
   });
-  C(() => {
+  p(() => {
     const e = u();
     if (!e.length) return;
     const t = r.sidebarActiveTab();
-    (!t || !e.some((c) => c.id === t)) && r.setSidebarActiveTab(e[0].id);
+    (!t || !e.some((d) => d.id === t)) && r.setSidebarActiveTab(e[0].id);
   });
   const k = (e) => {
-    r.sidebarActiveTab() === e && v() ? g(!1) : (r.setSidebarActiveTab(e), g(!0));
+    var i, m;
+    const t = ((m = (i = s == null ? void 0 : s.getComponent(e)) == null ? void 0 : i.sidebar) == null ? void 0 : m.fullScreen) ?? !1, {
+      nextActiveId: d,
+      nextMobileSidebarOpen: o
+    } = q({
+      clickedId: e,
+      activeId: r.sidebarActiveTab(),
+      mobileSidebarOpen: S(),
+      clickedIsFullScreen: t
+    });
+    r.sidebarActiveTab() !== d && r.setSidebarActiveTab(d), g(o);
   };
   return (() => {
-    var e = J(), t = e.firstChild, c = t.firstChild, l = c.firstChild;
+    var e = U(), t = e.firstChild, d = t.firstChild, o = d.firstChild;
     return a(e, n(Q, {
       get logo() {
-        return o.logo;
+        return l.logo;
       },
       get actions() {
-        return o.topBarActions;
+        return l.topBarActions;
       }
-    }), t), a(t, n(m, {
+    }), t), a(t, n(b, {
       get when() {
-        return !s();
+        return !c();
       },
       get children() {
-        return [n(m, {
+        return [n(b, {
           get when() {
             return u().length > 0;
           },
@@ -111,7 +126,7 @@ function ae(o) {
                 return u();
               },
               get bottomItems() {
-                return o.activityBottomItems;
+                return l.activityBottomItems;
               },
               get activeId() {
                 return r.sidebarActiveTab();
@@ -127,9 +142,9 @@ function ae(o) {
               }
             });
           }
-        }), n(m, {
+        }), n(b, {
           get when() {
-            return b(() => !r.sidebarCollapsed())() && !I();
+            return h(() => !r.sidebarCollapsed())() && !v();
           },
           get children() {
             return n(E, {
@@ -137,56 +152,56 @@ function ae(o) {
                 return r.sidebarWidth();
               },
               get resizer() {
-                return n(T, {
+                return n(_, {
                   direction: "horizontal",
                   onResize: (i) => r.setSidebarWidth(r.sidebarWidth() + i)
                 });
               },
               get children() {
-                return S(r.sidebarActiveTab());
+                return I(r.sidebarActiveTab());
               }
             });
           }
         })];
       }
-    }), c), a(t, n(m, {
+    }), d), a(t, n(b, {
       get when() {
-        return b(() => !!s())() && v();
+        return h(() => !!(c() && S()))() && !v();
       },
       get children() {
         return [(() => {
-          var i = j();
+          var i = G();
           return i.$$click = () => g(!1), i;
         })(), (() => {
-          var i = q(), h = i.firstChild;
-          return a(h, () => S(r.sidebarActiveTab())), w(() => y(i, x("absolute left-0 top-0 bottom-0 z-50 w-80 max-w-[85vw]", "bg-sidebar border-r border-sidebar-border", "shadow-xl", "animate-in slide-in-from-left duration-200"))), i;
+          var i = J(), m = i.firstChild;
+          return a(m, () => I(r.sidebarActiveTab())), C(() => T(i, A("absolute left-0 top-0 bottom-0 z-50 w-80 max-w-[85vw]", "bg-sidebar border-r border-sidebar-border", "shadow-xl", "animate-in slide-in-from-left duration-200"))), i;
         })()];
       }
-    }), c), a(l, () => o.children), a(c, n(m, {
+    }), d), a(o, () => l.children), a(d, n(b, {
       get when() {
-        return b(() => !!(!s() && r.terminalOpened()))() && o.terminalPanel;
+        return h(() => !!(!c() && r.terminalOpened()))() && l.terminalPanel;
       },
       get children() {
-        var i = G();
-        return a(i, n(T, {
+        var i = K();
+        return a(i, n(_, {
           direction: "vertical",
-          onResize: (h) => r.setTerminalHeight(r.terminalHeight() - h)
-        }), null), a(i, () => o.terminalPanel, null), w((h) => R(i, "height", `${r.terminalHeight()}px`)), i;
+          onResize: (m) => r.setTerminalHeight(r.terminalHeight() - m)
+        }), null), a(i, () => l.terminalPanel, null), C((m) => O(i, "height", `${r.terminalHeight()}px`)), i;
       }
-    }), null), a(e, n(m, {
+    }), null), a(e, n(b, {
       get when() {
-        return !s();
+        return !c();
       },
       get children() {
         return n(D, {
           get children() {
-            return M();
+            return B();
           }
         });
       }
-    }), null), a(e, n(m, {
+    }), null), a(e, n(b, {
       get when() {
-        return b(() => !!s())() && u().length > 0;
+        return h(() => !!c())() && u().length > 0;
       },
       get children() {
         return n(L, {
@@ -194,22 +209,26 @@ function ae(o) {
             return u();
           },
           get activeId() {
-            return b(() => !!v())() ? r.sidebarActiveTab() : "";
+            return j({
+              activeId: r.sidebarActiveTab(),
+              mobileSidebarOpen: S(),
+              activeIsFullScreen: v()
+            });
           },
           onSelect: k
         });
       }
-    }), null), w(() => y(e, x(
+    }), null), C(() => T(e, A(
       // Use dvh when supported to avoid mobile browser UI causing layout jumps.
       "h-screen h-[100dvh] w-full flex flex-col overflow-hidden",
       "bg-background text-foreground",
       // Prevent overscroll on the shell container
       "overscroll-none",
-      o.class
+      l.class
     ))), e;
   })();
 }
 z(["click"]);
 export {
-  ae as Shell
+  ce as Shell
 };

package/dist/index67.js

@@ -0,0 +1,10 @@
+function i(e) {
+  return e.activeIsFullScreen || e.mobileSidebarOpen ? e.activeId : "";
+}
+function t(e) {
+  return e.clickedIsFullScreen ? { nextActiveId: e.clickedId, nextMobileSidebarOpen: !1 } : e.clickedId === e.activeId && e.mobileSidebarOpen ? { nextActiveId: e.clickedId, nextMobileSidebarOpen: !1 } : { nextActiveId: e.clickedId, nextMobileSidebarOpen: !0 };
+}
+export {
+  i as resolveMobileTabActiveId,
+  t as resolveMobileTabSelect
+};

package/package.json

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