@floegence/floe-webapp-core 0.36.76 → 0.37.0

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

@@ -1,6 +1,14 @@
 import { type JSX } from 'solid-js';
 import { type ActivityBarItem } from './ActivityBar';
 import type { SidebarVisibilityMotion } from '../../context/LayoutContext';
+import { type UIFirstSelectionEvent } from '../../utils/uiFirstSelection';
+export type ActivitySelectionMetadata = {
+    source: 'activity-bar' | 'mobile-tab-bar';
+    opts?: {
+        openSidebar?: boolean;
+    };
+    mobileSidebarOpen?: boolean;
+};
 export interface ShellSlotClassNames {
     root?: string;
     topBar?: string;
@@ -36,6 +44,7 @@ export interface ShellProps {
     sidebarContent?: (activeTab: string) => JSX.Element;
     /** Defer user-requested Activity content commits until the selected control has painted. */
     activitySelectionMode?: 'sync' | 'ui-first';
+    onActivitySelectionEvent?: (event: UIFirstSelectionEvent<string, ActivitySelectionMetadata>) => void;
     resolveSidebarVisibilityMotion?: (args: {
         currentActiveId: string;
         nextActiveId: string;

package/dist/components/layout/Shell.js

@@ -20,7 +20,7 @@ import { resolveShellSidebarActiveTabChange as ke } from "./sidebarVisibilityMot
 import { createUIFirstSelection as xe } from "../../utils/uiFirstSelection.js";
 var U = /* @__PURE__ */ k('<div class="flex items-center gap-2">'), Te = /* @__PURE__ */ k("<div data-floe-shell-slot=mobile-sidebar-backdrop>"), pe = /* @__PURE__ */ k('<div data-floe-shell-slot=mobile-sidebar-drawer tabindex=-1 role=dialog aria-modal=true><div class="h-full overflow-auto overscroll-contain">'), Ne = /* @__PURE__ */ k("<div data-floe-shell-slot=terminal-panel style=border-top-color:var(--terminal-panel-border)>"), Le = /* @__PURE__ */ k('<div data-floe-shell><a></a><div data-floe-shell-slot=main-layout class="flex-1 min-h-0 flex overflow-hidden relative"><div data-floe-shell-slot=content-area><main data-floe-shell-slot=main tabindex=-1>');
 function Ye(r) {
-  const i = ce(), H = be(), d = ue(H.config.layout.mobileQuery), [x, h] = Q(!1), [V, R] = Q(null);
+  const i = ce(), H = be(), d = ue(H.config.layout.mobileQuery), [x, h] = Q(!1), [E, R] = Q(null);
   let F;
   const b = () => r.sidebarMode === "hidden", s = (() => {
     try {
@@ -51,10 +51,12 @@ function Ye(r) {
       de(() => {
         T(e, o?.opts), typeof o?.mobileSidebarOpen == "boolean" && h(o.mobileSidebarOpen);
       });
-    }
+    },
+    onEvent: (e) => r.onActivitySelectionEvent?.(e)
   }), N = () => r.activitySelectionMode === "ui-first" ? p.visual() : i.sidebarActiveTab(), j = (e, o) => {
     if (r.activitySelectionMode === "ui-first") {
       p.request(e, {
+        source: "activity-bar",
         opts: o
       });
       return;
@@ -85,7 +87,7 @@ function Ye(r) {
         return e.component;
       }
     })
-  })) : []), E = (e) => {
+  })) : []), V = (e) => {
     if (!b()) {
       if (r.sidebarContent) return r.sidebarContent(e);
       if (s)
@@ -153,6 +155,7 @@ function Ye(r) {
     if (i.sidebarActiveTab() !== l) {
       if (r.activitySelectionMode === "ui-first") {
         p.request(l, {
+          source: "mobile-tab-bar",
           mobileSidebarOpen: n
         });
         return;
@@ -187,12 +190,12 @@ function Ye(r) {
         }
       })
     }), e] : e;
-  }), ee = () => b() ? !0 : i.sidebarCollapsed(), te = () => V() ?? i.sidebarWidth(), v = () => H.config.accessibility, re = () => {
+  }), ee = () => b() ? !0 : i.sidebarCollapsed(), te = () => E() ?? i.sidebarWidth(), v = () => H.config.accessibility, re = () => {
     R(i.sidebarWidth());
   }, ie = (e) => {
     R((o) => i.clampSidebarWidth((o ?? i.sidebarWidth()) + e));
   }, ne = () => {
-    const e = V();
+    const e = E();
     e !== null && (i.setSidebarWidth(e), R(null));
   };
   me({
@@ -297,7 +300,7 @@ function Ye(r) {
                 return r.slotClassNames?.sidebar;
               },
               get children() {
-                return E(i.sidebarActiveTab());
+                return V(i.sidebarActiveTab());
               }
             });
           }
@@ -313,7 +316,7 @@ function Ye(r) {
           return t.$$click = () => h(!1), z(() => S(t, C("absolute inset-0 z-40 bg-black/30 cursor-pointer", r.slotClassNames?.mobileSidebarBackdrop))), t;
         })(), (() => {
           var t = pe(), m = t.firstChild, g = F;
-          return typeof g == "function" ? le(g, t) : F = t, c(m, () => E(i.sidebarActiveTab())), z((f) => {
+          return typeof g == "function" ? le(g, t) : F = t, c(m, () => V(i.sidebarActiveTab())), z((f) => {
             var B = C("absolute left-0 top-0 bottom-0 z-50", "w-72 max-w-[80vw]", "bg-sidebar border-r border-sidebar-border", "shadow-xl", "animate-in slide-in-from-left duration-200", r.slotClassNames?.mobileSidebarDrawer), A = v().sidebarLabel;
             return B !== f.e && S(t, f.e = B), A !== f.t && $(t, "aria-label", f.t = A), f;
           }, {

package/package.json

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