@medalsocial/meda 0.3.0 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medalsocial/meda",
-  "version": "0.3.0",
+  "version": "1.1.0",
   "description": "Shared Meda UI shell and runtime package.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,6 +14,9 @@
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "engines": {
+    "node": ">=22"
+  },
   "files": [
     "README.md",
     "components.json",
@@ -24,6 +27,10 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
+    "./brand": {
+      "types": "./dist/brand/index.d.ts",
+      "default": "./dist/brand/index.js"
+    },
     "./shell": {
       "types": "./dist/shell/index.d.ts",
       "default": "./dist/shell/index.js"
@@ -36,6 +43,10 @@
       "types": "./dist/timeline/index.d.ts",
       "default": "./dist/timeline/index.js"
     },
+    "./marketing": {
+      "types": "./dist/marketing/index.d.ts",
+      "default": "./dist/marketing/index.js"
+    },
     "./chat": {
       "types": "./dist/chat/index.d.ts",
       "default": "./dist/chat/index.js"
@@ -44,19 +55,36 @@
       "types": "./dist/panel/index.d.ts",
       "default": "./dist/panel/index.js"
     },
-    "./styles.css": "./dist/styles.css"
+    "./styles": {
+      "default": "./dist/styles/theme.css"
+    },
+    "./styles.css": {
+      "default": "./dist/styles/theme.css"
+    },
+    "./styles/tokens": {
+      "default": "./dist/styles/tokens.css"
+    }
   },
+  "sideEffects": [
+    "**/*.css",
+    "./dist/styles/*.css"
+  ],
   "publishConfig": {
     "access": "public"
   },
   "peerDependencies": {
     "@react-three/fiber": "^9.0.0",
+    "lucide-react": "^1.8.0",
+    "next-themes": "^0.4.0",
     "react": ">=19",
     "react-dom": ">=19"
   },
   "peerDependenciesMeta": {
     "@react-three/fiber": {
       "optional": true
+    },
+    "next-themes": {
+      "optional": true
     }
   },
   "dependencies": {
@@ -66,7 +94,6 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
-    "lucide-react": "^1.8.0",
     "react-resizable-panels": "^4.10.0",
     "tailwind-merge": "^3.5.0",
     "three": "^0.170.0",
@@ -78,6 +105,13 @@
     "@changesets/cli": "^2.29.0",
     "@react-three/drei": "^10.7.7",
     "@react-three/fiber": "^9.6.0",
+    "@size-limit/preset-small-lib": "^12.1.0",
+    "@storybook/addon-a11y": "^10.3.5",
+    "@storybook/addon-docs": "10.3.5",
+    "@storybook/addon-mcp": "^0.6.0",
+    "@storybook/addon-themes": "^10.3.5",
+    "@storybook/addon-vitest": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
     "@tailwindcss/vite": "^4.2.4",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
@@ -85,10 +119,17 @@
     "@types/react-dom": "^19.2.3",
     "@types/three": "^0.184.0",
     "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/browser-playwright": "4.1.4",
+    "@vitest/coverage-v8": "4.1.4",
+    "chromatic": "^16.6.0",
     "husky": "^9.1.7",
     "jsdom": "^29.0.2",
+    "next-themes": "^0.4.0",
+    "playwright": "^1.59.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
+    "size-limit": "^12.1.0",
+    "storybook": "^10.3.5",
     "tailwindcss": "^4.2.4",
     "typescript": "~6.0.2",
     "vite": "^8.0.4",
@@ -103,14 +144,24 @@
     "format": "biome format --write .",
     "demo:dev": "vite --config vite.config.demo.ts",
     "demo:build": "vite build --config vite.config.demo.ts",
-    "worker:build": "pnpm demo:build && node ./scripts/copy-registry-to-dist.mjs",
-    "worker:dev": "pnpm worker:build && wrangler dev",
+    "worker:build": "pnpm demo:build && pnpm storybook:build && node ./scripts/copy-registry-to-dist.mjs",
+    "worker:build:dev": "pnpm demo:build && node ./scripts/copy-registry-to-dist.mjs --skip-storybook",
+    "worker:dev": "pnpm worker:build:dev && wrangler dev",
     "worker:deploy": "pnpm worker:build && wrangler deploy",
     "test": "vitest run --environment jsdom",
     "test:run": "vitest run --environment jsdom",
+    "test:integration": "vitest run --config vitest.config.integration.ts",
     "typecheck": "tsc --noEmit",
+    "storybook": "storybook dev -p 6006 --no-open",
+    "storybook:build": "storybook build -o storybook-static",
+    "chromatic": "chromatic --build-script-name=storybook:build --exit-zero-on-changes",
+    "size-limit": "size-limit",
+    "size-limit:why": "size-limit --why",
     "version": "changeset version",
     "release": "pnpm build && changeset publish",
-    "registry:validate": "node ./registry/scripts/validate-registry.mjs"
+    "registry:validate": "node ./registry/scripts/validate-registry.mjs",
+    "lint:tokens": "node scripts/lint-tokens.mjs",
+    "check:stories": "node scripts/check-stories.mjs",
+    "quality": "pnpm lint && pnpm typecheck && pnpm lint:tokens && pnpm test"
   }
 }

package/dist/shell/navigation-area.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export function NavigationArea({ children }) {
-    return _jsx("div", { className: "relative hidden shrink-0 md:flex", children: children });
-}

package/dist/shell/public.d.ts

@@ -1,2 +0,0 @@
-export type { ShellCommandDefinition, ShellContentLayout, ShellHostAdapter, ShellModuleDefinition, ShellNavItem, ShellPanelDefinition, ShellRailItem, ShellRenderContext, ShellRouteContext, ShellSearchParamsAdapter, ShellStateContextValue, ShellTab, ShellViewDefinition, ShellViewportBand, } from './index.js';
-export { buildShellSectionCommands, buildShellShortcutMap, getDefaultShellPanelView, getResolvedShellPanelWidth, getShellActionsFromMatches, getShellContentLayoutFromMatches, getShellContentMaxWidth, getShellPanelCollection, getShellPanelView, getShellPanelViewsFromMatches, getShellTabsFromMatches, isShellPanelViewAvailable, NavigationArea, resolveShellPanelView, ShellAppRail, ShellDesktopPanelDock, ShellFrame, ShellHeaderFrame, ShellModuleNav, ShellPanelRail, ShellPanelToggle, ShellScrollableContent, ShellStateProvider, ShellTabBar, useShellState, WorkbenchLayout, } from './index.js';

package/dist/shell/public.js

@@ -1 +0,0 @@
-export { buildShellSectionCommands, buildShellShortcutMap, getDefaultShellPanelView, getResolvedShellPanelWidth, getShellActionsFromMatches, getShellContentLayoutFromMatches, getShellContentMaxWidth, getShellPanelCollection, getShellPanelView, getShellPanelViewsFromMatches, getShellTabsFromMatches, isShellPanelViewAvailable, NavigationArea, resolveShellPanelView, ShellAppRail, ShellDesktopPanelDock, ShellFrame, ShellHeaderFrame, ShellModuleNav, ShellPanelRail, ShellPanelToggle, ShellScrollableContent, ShellStateProvider, ShellTabBar, useShellState, WorkbenchLayout, } from './index.js';

package/dist/shell/shell-app-rail.d.ts

@@ -1,18 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ShellRailItem } from './types.js';
-interface ShellAppRailRenderArgs {
-    children: ReactNode;
-    className: string;
-    isActive: boolean;
-    item: ShellRailItem;
-}
-export interface ShellAppRailProps {
-    mainItems: ShellRailItem[];
-    utilityItems: ShellRailItem[];
-    className?: string;
-    footer?: ReactNode;
-    isItemActive: (item: ShellRailItem) => boolean;
-    renderLink: (args: ShellAppRailRenderArgs) => ReactNode;
-}
-export declare function ShellAppRail({ mainItems, utilityItems, className, footer, isItemActive, renderLink, }: ShellAppRailProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/shell/shell-app-rail.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ChevronDown, ChevronUp } from 'lucide-react';
-import { useState } from 'react';
-function joinClasses(...values) {
-    return values.filter(Boolean).join(' ');
-}
-function RailDivider({ pinned, onToggle }) {
-    return (_jsx("div", { className: "group flex w-full items-center justify-center py-4", children: _jsxs("button", { type: "button", "aria-label": pinned ? 'Push items down' : 'Push items up', onClick: onToggle, className: "flex cursor-pointer flex-col items-center gap-0.5", children: [_jsx("span", { className: "hidden h-3.5 w-6 items-center justify-center text-[var(--app-rail-foreground)] transition-colors group-hover:flex", children: pinned ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronUp, { size: 14 }) }), _jsx("span", { className: "block h-0.5 w-6 rounded-full bg-[var(--app-rail-foreground)]/30 transition-colors group-hover:bg-[var(--primary)]" })] }) }));
-}
-function RailSection({ items, isItemActive, renderLink, ariaLabel, className, }) {
-    return (_jsx("nav", { "aria-label": ariaLabel, className: className, children: items.map((item) => {
-            const isActive = isItemActive(item);
-            const Icon = item.icon;
-            return renderLink({
-                item,
-                isActive,
-                className: joinClasses('flex w-full flex-col items-center justify-center gap-1.5 rounded-2xl px-2 py-2.5 text-center transition-colors', isActive
-                    ? 'bg-[var(--app-rail-item-active-bg)] text-[var(--foreground)]'
-                    : 'text-[var(--app-rail-foreground)] hover:bg-[var(--surface-highlight)] hover:text-[var(--foreground)]'),
-                children: (_jsxs(_Fragment, { children: [_jsx(Icon, { size: 22 }), _jsx("span", { className: "text-[10px] font-medium leading-none", children: item.label })] })),
-            });
-        }) }));
-}
-export function ShellAppRail({ mainItems, utilityItems, className, footer, isItemActive, renderLink, }) {
-    const [pinned, setPinned] = useState(false);
-    return (_jsxs("div", { className: joinClasses('flex w-[var(--app-rail-width)] shrink-0 flex-col items-center bg-[var(--app-rail)] px-2 py-4', className), children: [_jsx(RailSection, { items: mainItems, isItemActive: isItemActive, renderLink: renderLink, ariaLabel: "Main navigation", className: "flex flex-col items-center gap-1.5" }), _jsx("div", { className: joinClasses('transition-[flex-grow] duration-300 ease-in-out', pinned ? 'grow-0' : 'grow') }), _jsx(RailDivider, { pinned: pinned, onToggle: () => setPinned(!pinned) }), _jsx(RailSection, { items: utilityItems, isItemActive: isItemActive, renderLink: renderLink, ariaLabel: "Utility navigation", className: "mb-2 flex flex-col items-center gap-1" }), _jsx("div", { className: joinClasses('transition-[flex-grow] duration-300 ease-in-out', pinned ? 'grow' : 'grow-0') }), footer] }));
-}

package/dist/shell/shell-frame.d.ts

@@ -1,13 +0,0 @@
-import type { ReactNode } from 'react';
-export declare function ShellFrame({ header, navigation, mobileSidebar, mobileHeader, tabBar, content, desktopDock, tabletPanel, mobileBottomNav, commandPalette, }: {
-    header: ReactNode;
-    navigation: ReactNode;
-    mobileSidebar?: ReactNode;
-    mobileHeader?: ReactNode;
-    tabBar?: ReactNode;
-    content: ReactNode;
-    desktopDock?: ReactNode;
-    tabletPanel?: ReactNode;
-    mobileBottomNav?: ReactNode;
-    commandPalette?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/shell/shell-frame.js

@@ -1,4 +0,0 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export function ShellFrame({ header, navigation, mobileSidebar, mobileHeader, tabBar, content, desktopDock, tabletPanel, mobileBottomNav, commandPalette, }) {
-    return (_jsxs("div", { "data-testid": "shell-frame", className: "flex h-screen w-full flex-1 flex-col overflow-hidden bg-[var(--background)]", children: [header, _jsxs("div", { className: "flex min-h-0 flex-1 overflow-hidden", children: [navigation, mobileSidebar, _jsxs("div", { className: "flex min-w-0 flex-1 flex-col overflow-hidden", children: [mobileHeader, tabBar, _jsxs("div", { className: "relative min-h-0 flex-1 overflow-hidden", children: [content, desktopDock] })] }), tabletPanel, mobileBottomNav] }), commandPalette] }));
-}

package/dist/shell/shell-module-nav.d.ts

@@ -1,29 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ShellModuleDefinition, ShellNavItem } from './types.js';
-interface ShellModuleNavRenderArgs {
-    children: ReactNode;
-    className: string;
-    isActive: boolean;
-    item: ShellNavItem;
-}
-export interface ShellModuleNavProps {
-    module: Pick<ShellModuleDefinition, 'description' | 'items' | 'label'>;
-    ariaLabel: string;
-    className?: string;
-    descriptionClassName?: string;
-    headerClassName?: string;
-    itemClassName?: string;
-    activeItemClassName?: string;
-    inactiveItemClassName?: string;
-    itemsClassName?: string;
-    itemIconClassName?: string;
-    itemIconSize?: number;
-    itemLabelClassName?: string;
-    itemDescriptionClassName?: string;
-    itemShortcutClassName?: string;
-    titleClassName?: string;
-    isItemActive: (item: ShellNavItem) => boolean;
-    renderLink: (args: ShellModuleNavRenderArgs) => ReactNode;
-}
-export declare function ShellModuleNav({ module, ariaLabel, className, descriptionClassName, headerClassName, itemClassName, activeItemClassName, inactiveItemClassName, itemsClassName, itemIconClassName, itemIconSize, itemLabelClassName, itemDescriptionClassName, itemShortcutClassName, titleClassName, isItemActive, renderLink, }: ShellModuleNavProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/shell/shell-module-nav.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-function joinClasses(...values) {
-    return values.filter(Boolean).join(' ');
-}
-export function ShellModuleNav({ module, ariaLabel, className, descriptionClassName, headerClassName, itemClassName, activeItemClassName, inactiveItemClassName, itemsClassName, itemIconClassName, itemIconSize = 18, itemLabelClassName, itemDescriptionClassName, itemShortcutClassName, titleClassName, isItemActive, renderLink, }) {
-    return (_jsxs("div", { className: className, children: [_jsxs("div", { className: headerClassName, children: [_jsx("div", { className: titleClassName, children: module.label }), module.description ? (_jsx("div", { className: descriptionClassName, children: module.description })) : null] }), _jsx("nav", { "aria-label": ariaLabel, className: itemsClassName, children: module.items.map((item) => {
-                    const isActive = isItemActive(item);
-                    const Icon = item.icon;
-                    return renderLink({
-                        item,
-                        isActive,
-                        className: joinClasses(itemClassName, isActive ? activeItemClassName : inactiveItemClassName),
-                        children: (_jsxs(_Fragment, { children: [_jsx(Icon, { size: itemIconSize, className: itemIconClassName }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: itemLabelClassName, children: item.label }), item.description ? (_jsx("span", { className: itemDescriptionClassName, children: item.description })) : null] }), item.shortcut ? (_jsx("kbd", { className: itemShortcutClassName, children: item.shortcut })) : null] })),
-                    });
-                }) })] }));
-}

package/dist/shell/shell-panel-rail.d.ts

@@ -1,9 +0,0 @@
-import type { ShellPanelDefinition } from './types.js';
-export interface ShellPanelRailProps {
-    moduleViews: ShellPanelDefinition[];
-    globalViews: ShellPanelDefinition[];
-    activePanelView: string | null;
-    className?: string;
-    onTogglePanelView: (viewId: string) => void;
-}
-export declare function ShellPanelRail({ moduleViews, globalViews, activePanelView, className, onTogglePanelView, }: ShellPanelRailProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/shell/shell-panel-rail.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function joinClasses(...values) {
-    return values.filter(Boolean).join(' ');
-}
-function PanelRailButtons({ views, activePanelView, onTogglePanelView, }) {
-    return (_jsx("div", { className: "flex w-full flex-col items-center gap-1", children: views.map(({ id, label, icon: Icon }) => {
-            const isActive = activePanelView === id;
-            return (_jsxs("button", { type: "button", "aria-label": label, "aria-pressed": isActive, onClick: () => onTogglePanelView(id), className: joinClasses('flex w-full flex-col items-center gap-1 rounded-xl px-1 py-2 text-[var(--app-rail-foreground)] transition-colors', isActive
-                    ? 'bg-[var(--app-rail-item-active-bg)] text-[var(--foreground)]'
-                    : 'hover:bg-[var(--surface-highlight)] hover:text-[var(--foreground)]'), children: [_jsx(Icon, { size: 16 }), _jsx("span", { className: "text-[9px] font-medium leading-none", children: label })] }, id));
-        }) }));
-}
-export function ShellPanelRail({ moduleViews, globalViews, activePanelView, className, onTogglePanelView, }) {
-    if (moduleViews.length === 0 && globalViews.length === 0)
-        return null;
-    return (_jsxs("aside", { "aria-label": "Panel rail", className: joinClasses('flex h-full w-[var(--right-rail-width)] shrink-0 flex-col items-center bg-[var(--app-rail)] px-1.5 py-3', className), children: [_jsx(PanelRailButtons, { views: moduleViews, activePanelView: activePanelView, onTogglePanelView: onTogglePanelView }), _jsx("div", { className: "grow" }), _jsx(PanelRailButtons, { views: globalViews, activePanelView: activePanelView, onTogglePanelView: onTogglePanelView })] }));
-}

package/dist/shell/shell-state.d.ts

@@ -1,39 +0,0 @@
-import { type ReactNode } from 'react';
-export declare const DEFAULT_SIDE_PANEL_WIDTH = 360;
-export declare const MIN_SIDE_PANEL_WIDTH = 280;
-export declare const MAX_SIDE_PANEL_WIDTH = 520;
-export interface ShellSearchParamsAdapter {
-    searchParams: URLSearchParams;
-    setSearchParams: (updater: (currentSearchParams: URLSearchParams) => URLSearchParams) => void;
-}
-export interface ShellStateContextValue {
-    activePanelView: string | null;
-    lastPanelView: string | null;
-    setActivePanelView: (view: string | null) => void;
-    closePanelView: () => void;
-    restoreLastPanelView: (fallbackView: string | null) => void;
-    togglePanelView: (viewId: string) => void;
-    sidePanelWidth: number;
-    setSidePanelWidth: (width: number) => void;
-    activeRail: string;
-    setActiveRail: (rail: string) => void;
-    selectedEntityId: string | null;
-    selectEntity: (entityId: string, options?: {
-        panelView?: string | null;
-    }) => void;
-    clearEntity: () => void;
-    commandPaletteOpen: boolean;
-    setCommandPaletteOpen: (open: boolean) => void;
-    openCommandPalette: () => void;
-    closeCommandPalette: () => void;
-}
-export declare function clampSidePanelWidth(width: number): number;
-export declare function ShellStateProvider({ children, adapter, initialActiveRail, panelQueryParam, selectionQueryParam, sidePanelWidthStorageKey, }: {
-    children: ReactNode;
-    adapter: ShellSearchParamsAdapter;
-    initialActiveRail?: string;
-    panelQueryParam?: string;
-    selectionQueryParam?: string;
-    sidePanelWidthStorageKey?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function useShellState(): ShellStateContextValue;

package/dist/shell/shell-state.js

@@ -1,135 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useMemo, useRef, useState, } from 'react';
-export const DEFAULT_SIDE_PANEL_WIDTH = 360;
-export const MIN_SIDE_PANEL_WIDTH = 280;
-export const MAX_SIDE_PANEL_WIDTH = 520;
-const ShellStateContext = createContext(null);
-export function clampSidePanelWidth(width) {
-    return Math.min(MAX_SIDE_PANEL_WIDTH, Math.max(MIN_SIDE_PANEL_WIDTH, width));
-}
-function readStoredSidePanelWidth(storageKey) {
-    if (typeof window === 'undefined')
-        return DEFAULT_SIDE_PANEL_WIDTH;
-    const storedValue = typeof window.localStorage?.getItem === 'function'
-        ? window.localStorage.getItem(storageKey)
-        : null;
-    const stored = Number(storedValue);
-    return Number.isFinite(stored) && stored > 0
-        ? clampSidePanelWidth(stored)
-        : DEFAULT_SIDE_PANEL_WIDTH;
-}
-export function ShellStateProvider({ children, adapter, initialActiveRail = 'home', panelQueryParam = 'panel', selectionQueryParam = 'selection', sidePanelWidthStorageKey = 'meda.side-panel.width', }) {
-    const { searchParams, setSearchParams } = adapter;
-    const [sidePanelWidthState, setSidePanelWidthState] = useState(() => readStoredSidePanelWidth(sidePanelWidthStorageKey));
-    const [activeRail, setActiveRail] = useState(initialActiveRail);
-    const [commandPaletteOpen, setCommandPaletteOpen] = useState(false);
-    const lastPanelViewRef = useRef(null);
-    const persistTimerRef = useRef(undefined);
-    const activePanelView = searchParams.get(panelQueryParam);
-    const selectedEntityId = searchParams.get(selectionQueryParam);
-    useEffect(() => {
-        if (activePanelView) {
-            lastPanelViewRef.current = activePanelView;
-        }
-    }, [activePanelView]);
-    useEffect(() => {
-        return () => {
-            clearTimeout(persistTimerRef.current);
-        };
-    }, []);
-    function updateSearchParams(mutate) {
-        setSearchParams((currentSearchParams) => {
-            const nextSearchParams = new URLSearchParams(currentSearchParams);
-            mutate(nextSearchParams);
-            return nextSearchParams;
-        });
-    }
-    function setActivePanelView(view) {
-        if (view) {
-            lastPanelViewRef.current = view;
-        }
-        updateSearchParams((nextSearchParams) => {
-            if (view) {
-                nextSearchParams.set(panelQueryParam, view);
-            }
-            else {
-                nextSearchParams.delete(panelQueryParam);
-            }
-        });
-    }
-    function closePanelView() {
-        updateSearchParams((nextSearchParams) => {
-            nextSearchParams.delete(panelQueryParam);
-        });
-    }
-    function restoreLastPanelView(fallbackView) {
-        const nextView = lastPanelViewRef.current ?? fallbackView;
-        if (!nextView)
-            return;
-        setActivePanelView(nextView);
-    }
-    function setSidePanelWidth(width) {
-        const nextWidth = clampSidePanelWidth(width);
-        setSidePanelWidthState(nextWidth);
-        clearTimeout(persistTimerRef.current);
-        persistTimerRef.current = setTimeout(() => {
-            if (typeof window !== 'undefined' && typeof window.localStorage?.setItem === 'function') {
-                window.localStorage.setItem(sidePanelWidthStorageKey, String(nextWidth));
-            }
-        }, 300);
-    }
-    function togglePanelView(viewId) {
-        if (activePanelView === viewId) {
-            closePanelView();
-            return;
-        }
-        setActivePanelView(viewId);
-    }
-    function selectEntity(entityId, options) {
-        updateSearchParams((nextSearchParams) => {
-            nextSearchParams.set(selectionQueryParam, entityId);
-            if (options?.panelView) {
-                nextSearchParams.set(panelQueryParam, options.panelView);
-            }
-        });
-    }
-    function clearEntity() {
-        updateSearchParams((nextSearchParams) => {
-            nextSearchParams.delete(selectionQueryParam);
-        });
-    }
-    function openCommandPalette() {
-        setCommandPaletteOpen(true);
-    }
-    function closeCommandPalette() {
-        setCommandPaletteOpen(false);
-    }
-    // biome-ignore lint/correctness/useExhaustiveDependencies: inner setters/handlers are re-created each render; wrapping all of them in useCallback is a separate refactor — deps here are the observable state values only.
-    const value = useMemo(() => ({
-        activePanelView,
-        lastPanelView: lastPanelViewRef.current,
-        setActivePanelView,
-        closePanelView,
-        restoreLastPanelView,
-        togglePanelView,
-        sidePanelWidth: sidePanelWidthState,
-        setSidePanelWidth,
-        activeRail,
-        setActiveRail,
-        selectedEntityId,
-        selectEntity,
-        clearEntity,
-        commandPaletteOpen,
-        setCommandPaletteOpen,
-        openCommandPalette,
-        closeCommandPalette,
-    }), [activePanelView, activeRail, commandPaletteOpen, selectedEntityId, sidePanelWidthState]);
-    return _jsx(ShellStateContext.Provider, { value: value, children: children });
-}
-export function useShellState() {
-    const context = useContext(ShellStateContext);
-    if (!context) {
-        throw new Error('useShellState must be used within a ShellStateProvider');
-    }
-    return context;
-}