@medalsocial/meda 1.0.0 → 1.1.1

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;
-}

package/dist/shell/shell-tab-bar.d.ts

@@ -1,18 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ShellTab } from './types.js';
-interface ShellTabBarRenderArgs {
-    children: ReactNode;
-    className: string;
-    isActive: boolean;
-    tab: ShellTab;
-}
-export interface ShellTabBarProps {
-    tabs: ShellTab[];
-    activeTab?: string;
-    onTabChange?: (tabId: string) => void;
-    className?: string;
-    ariaLabel?: string;
-    renderLink?: (args: ShellTabBarRenderArgs) => ReactNode;
-}
-export declare function ShellTabBar({ tabs, activeTab, onTabChange, className, ariaLabel, renderLink, }: ShellTabBarProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/shell/shell-tab-bar.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-function joinClasses(...values) {
-    return values.filter(Boolean).join(' ');
-}
-const tabBarClassName = 'flex h-[var(--tab-bar-height)] shrink-0 items-center gap-3 overflow-x-auto bg-[var(--background)] px-3';
-const tabClassName = 'border-b-[1.5px] pb-2.5 pt-2.5 text-xs whitespace-nowrap transition-colors';
-const activeTabClassName = 'border-[var(--primary)] text-[var(--primary)]';
-const inactiveTabClassName = 'border-transparent text-[var(--muted-foreground)] hover:text-[var(--foreground)]';
-export function ShellTabBar({ tabs, activeTab, onTabChange, className, ariaLabel = 'Tabs', renderLink, }) {
-    if (tabs.length === 0)
-        return null;
-    if (renderLink && tabs.every((tab) => Boolean(tab.to))) {
-        return (_jsx("nav", { "aria-label": ariaLabel, className: joinClasses(tabBarClassName, className), children: tabs.map((tab) => {
-                const isActive = tab.id === activeTab;
-                return renderLink({
-                    tab,
-                    isActive,
-                    className: joinClasses(tabClassName, isActive ? activeTabClassName : inactiveTabClassName),
-                    children: tab.label,
-                });
-            }) }));
-    }
-    return (_jsx("nav", { "aria-label": ariaLabel, className: joinClasses(tabBarClassName, className), children: tabs.map((tab) => {
-            const isActive = tab.id === activeTab;
-            return (_jsx("button", { type: "button", "data-active": isActive, onClick: () => onTabChange?.(tab.id), className: joinClasses(tabClassName, isActive ? activeTabClassName : inactiveTabClassName), children: tab.label }, tab.id));
-        }) }));
-}

package/dist/shell/workbench-layout.d.ts

@@ -1,10 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ShellViewportBand } from './types.js';
-export interface WorkbenchLayoutProps {
-    viewportBand: ShellViewportBand;
-    main: ReactNode;
-    aside?: ReactNode;
-    toolbar?: ReactNode;
-    className?: string;
-}
-export declare function WorkbenchLayout({ viewportBand, main, aside, toolbar, className, }: WorkbenchLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/shell/workbench-layout.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function joinClasses(...values) {
-    return values.filter(Boolean).join(' ');
-}
-function getWorkbenchMaxWidth(viewportBand) {
-    if (viewportBand === 'desktop')
-        return 1440;
-    if (viewportBand === 'wide')
-        return 1760;
-    if (viewportBand === 'ultrawide')
-        return 1920;
-    return undefined;
-}
-export function WorkbenchLayout({ viewportBand, main, aside, toolbar, className, }) {
-    const maxWidth = getWorkbenchMaxWidth(viewportBand);
-    const layout = !aside
-        ? 'single'
-        : viewportBand === 'mobile' || viewportBand === 'tablet'
-            ? 'stacked'
-            : viewportBand === 'desktop'
-                ? 'split'
-                : 'multi-zone';
-    const columnStyle = layout === 'split'
-        ? { gridTemplateColumns: 'minmax(0, 1fr) minmax(280px, 320px)' }
-        : layout === 'multi-zone'
-            ? { gridTemplateColumns: 'minmax(0, 1fr) minmax(300px, 360px)' }
-            : undefined;
-    return (_jsxs("section", { "data-testid": "workbench-layout", "data-band": viewportBand, className: joinClasses('mx-auto flex w-full flex-col gap-6', className), style: maxWidth ? { maxWidth: `${maxWidth}px` } : undefined, children: [toolbar ? _jsx("div", { "data-testid": "workbench-toolbar", children: toolbar }) : null, _jsxs("div", { "data-testid": "workbench-columns", "data-layout": layout, className: joinClasses('w-full gap-5', layout === 'stacked' ? 'flex flex-col' : layout === 'single' ? 'flex flex-col' : 'grid'), style: columnStyle, children: [_jsx("div", { "data-testid": "workbench-main", className: "min-w-0", children: main }), aside ? (_jsx("aside", { "data-testid": "workbench-aside", className: "min-w-0", children: aside })) : null] })] }));
-}

package/dist/styles.css

@@ -1,26 +0,0 @@
-:root {
-  --meda-shell-panel-dock-radius: var(--radius-4xl, 1.5rem);
-  --meda-shell-panel-dock-shadow: var(--shadow-panel-elevated, 0 32px 90px rgb(0 0 0 / 0.45));
-}
-
-/* VoiceOrb (WebGL): minimal container styles — visual identity lives in the GLSL shader. */
-.meda-voice-orb {
-  background: transparent;
-  border: 0;
-  padding: 0;
-  isolation: isolate;
-  overflow: hidden;
-  border-radius: 9999px;
-  cursor: pointer;
-  position: relative;
-}
-.meda-voice-orb[disabled] {
-  cursor: not-allowed;
-  opacity: 0.6;
-}
-.meda-voice-orb canvas {
-  display: block;
-  width: 100% !important;
-  height: 100% !important;
-  pointer-events: none;
-}