@floegence/floe-webapp-core 0.33.1 → 0.33.2

package/dist/components/layout/Shell.js

@@ -42,7 +42,7 @@ function Be(o) {
     icon: e.icon,
     label: e.name,
     badge: e.sidebar?.badge,
-    collapseBehavior: e.sidebar?.fullScreen ? "preserve" : "toggle"
+    collapseBehavior: e.sidebar?.collapseBehavior ?? (e.sidebar?.fullScreen ? "preserve" : "toggle")
   })) : []), z = f(() => u() ? [] : o.sidebarContent ? [] : a ? a.sidebarItems().filter((e) => !(d() && e.sidebar?.hiddenOnMobile)).filter((e) => e.sidebar?.fullScreen !== !0 && e.sidebar?.renderIn !== "main").map((e) => ({
     id: e.id,
     render: () => r(S, {

package/dist/context/ComponentRegistry.d.ts

@@ -45,6 +45,7 @@ export interface StatusBarContribution {
     order?: number;
     component: Component;
 }
+export type SidebarCollapseBehavior = 'toggle' | 'preserve';
 export interface FloeComponent<TProtocol = unknown> {
     id: string;
     name: string;
@@ -69,6 +70,17 @@ export interface FloeComponent<TProtocol = unknown> {
         fullScreen?: boolean;
         /** When true, this component is hidden in the activity bar on mobile */
         hiddenOnMobile?: boolean;
+        /**
+         * Optional activity-bar collapse behavior override.
+         *
+         * - `toggle`: click active tab to collapse, click again to reopen (VSCode-like).
+         * - `preserve`: tab switching does not mutate collapsed state.
+         *
+         * Default:
+         * - `fullScreen: true` -> `preserve`
+         * - otherwise -> `toggle`
+         */
+        collapseBehavior?: SidebarCollapseBehavior;
     };
     commands?: CommandContribution<TProtocol>[];
     statusBar?: StatusBarContribution[];

package/dist/context/LayoutContext.js

@@ -1,31 +1,38 @@
-import { createEffect as m } from "solid-js";
-import { createStore as c, produce as o } from "solid-js/store";
+import { createEffect as c } from "solid-js";
+import { createStore as m, produce as d } from "solid-js/store";
 import { createSimpleContext as p } from "./createSimpleContext.js";
 import { useResolvedFloeConfig as h } from "./FloeConfigContext.js";
 const {
-  Provider: y,
-  use: T
+  Provider: T,
+  use: w
 } = p({
   name: "Layout",
   init: f
 });
 function f() {
-  const l = h(), a = () => l.config.layout, n = () => typeof window > "u" ? !1 : window.matchMedia(a().mobileQuery).matches, d = l.persist.load(a().storageKey, {}), b = {
+  const l = h(), a = () => l.config.layout, n = () => typeof window > "u" ? !1 : window.matchMedia(a().mobileQuery).matches, o = l.persist.load(a().storageKey, {}), b = {
     sidebar: {
-      width: d.sidebar?.width ?? a().sidebar.defaultWidth,
-      activeTab: d.sidebar?.activeTab ?? a().sidebar.defaultActiveTab,
-      collapsed: d.sidebar?.collapsed ?? a().sidebar.defaultCollapsed
+      width: o.sidebar?.width ?? a().sidebar.defaultWidth,
+      activeTab: o.sidebar?.activeTab ?? a().sidebar.defaultActiveTab,
+      collapsed: o.sidebar?.collapsed ?? a().sidebar.defaultCollapsed
     },
     terminal: {
-      opened: d.terminal?.opened ?? a().terminal.defaultOpened,
-      height: d.terminal?.height ?? a().terminal.defaultHeight
+      opened: o.terminal?.opened ?? a().terminal.defaultOpened,
+      height: o.terminal?.height ?? a().terminal.defaultHeight
     },
     isMobile: n()
-  }, [i, t] = c(b);
-  return m(() => {
+  }, [i, t] = m(b);
+  return c(() => {
     const e = {
-      sidebar: i.sidebar,
-      terminal: i.terminal
+      sidebar: {
+        width: i.sidebar.width,
+        activeTab: i.sidebar.activeTab,
+        collapsed: i.sidebar.collapsed
+      },
+      terminal: {
+        opened: i.terminal.opened,
+        height: i.terminal.height
+      }
     };
     l.persist.debouncedSave(a().storageKey, e);
   }), {
@@ -34,26 +41,26 @@ function f() {
     sidebarActiveTab: () => i.sidebar.activeTab,
     sidebarCollapsed: () => i.sidebar.collapsed,
     // Sidebar actions
-    setSidebarWidth: (e) => t(o((r) => {
+    setSidebarWidth: (e) => t(d((r) => {
       r.sidebar.width = Math.max(a().sidebar.clamp.min, Math.min(a().sidebar.clamp.max, e));
     })),
-    setSidebarActiveTab: (e, r) => t(o((s) => {
+    setSidebarActiveTab: (e, r) => t(d((s) => {
       s.sidebar.activeTab = e, r?.openSidebar !== !1 && (s.sidebar.collapsed = !1);
     })),
-    setSidebarCollapsed: (e) => t(o((r) => {
+    setSidebarCollapsed: (e) => t(d((r) => {
       r.sidebar.collapsed = e;
     })),
-    toggleSidebarCollapse: () => t(o((e) => {
+    toggleSidebarCollapse: () => t(d((e) => {
       e.sidebar.collapsed = !e.sidebar.collapsed;
     })),
     // Terminal accessors
     terminalOpened: () => i.terminal.opened,
     terminalHeight: () => i.terminal.height,
     // Terminal actions
-    toggleTerminal: () => t(o((e) => {
+    toggleTerminal: () => t(d((e) => {
       e.terminal.opened = !e.terminal.opened;
     })),
-    setTerminalHeight: (e) => t(o((r) => {
+    setTerminalHeight: (e) => t(d((r) => {
       r.terminal.height = Math.max(a().terminal.clamp.min, Math.min(a().terminal.clamp.max, e));
     })),
     // Mobile
@@ -62,7 +69,7 @@ function f() {
   };
 }
 export {
-  y as LayoutProvider,
+  T as LayoutProvider,
   f as createLayoutService,
-  T as useLayout
+  w as useLayout
 };

package/package.json

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