@elench/shell 0.1.1

package/README.md

@@ -0,0 +1,9 @@
+# @elench/shell
+
+`@elench/shell` is the shared Elench desktop shell. Product code supplies
+sections, sidebar entries, tab descriptors, tab renderers, and inspector/status
+content. The package owns the activity rail, sidebar, tab rail, main pane,
+inspector placement, status bar, persistence, and shell actions.
+
+The core contract is strict: domain content can only render inside an open tab.
+The shell never calls a product renderer with a null tab.

package/dist/index.d.ts

@@ -0,0 +1,28 @@
+export {
+  ShellApp,
+  ShellEmptyState,
+  ShellField,
+  ShellMetric,
+  ShellPage,
+  ShellSidebar,
+  ShellSidebarItem,
+  ShellSidebarSection,
+  defineShellApp,
+  defineShellSection,
+  defineShellTab,
+  useShellController,
+} from "./shell.js";
+export type {
+  DefineShellSectionInput,
+  ShellActionMeta,
+  ShellAppDefinition,
+  ShellAppProps,
+  ShellController,
+  ShellRenderContext,
+  ShellSectionDefinition,
+  ShellSidebarContext,
+  ShellTab,
+  ShellTabTarget,
+  ShellTabTone,
+} from "./shell.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,UAAU,EACV,WAAW,EACX,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EACnB,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,uBAAuB,EACvB,eAAe,EACf,kBAAkB,EAClB,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,EACnB,QAAQ,EACR,cAAc,EACd,YAAY,EACb,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { ShellApp, ShellEmptyState, ShellField, ShellMetric, ShellPage, ShellSidebar, ShellSidebarItem, ShellSidebarSection, defineShellApp, defineShellSection, defineShellTab, useShellController } from "./shell.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,UAAU,EACV,WAAW,EACX,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EACnB,MAAM,YAAY,CAAC"}

package/dist/shell.d.ts

@@ -0,0 +1,147 @@
+import { type CSSProperties, type ReactNode } from "react";
+export type ShellTabTone =
+  | "neutral"
+  | "success"
+  | "warning"
+  | "danger"
+  | "info";
+export type ShellTabTarget = {
+  kind: string;
+  [key: string]: string | number | boolean | null | undefined;
+};
+export type ShellTab<TTarget extends ShellTabTarget = ShellTabTarget> = {
+  id: string;
+  sectionId: string;
+  title: string;
+  description?: string;
+  tone?: ShellTabTone;
+  preview?: boolean;
+  target: TTarget;
+};
+export type ShellActionMeta = {
+  preview?: boolean;
+  source?: string;
+};
+export type ShellController = {
+  activeSectionId: string;
+  activeTab: ShellTab | null;
+  closeAllTabs: (meta?: ShellActionMeta) => void;
+  closeOtherTabs: (tabId: string, meta?: ShellActionMeta) => void;
+  closeTab: (tabId: string, meta?: ShellActionMeta) => void;
+  isOpen: (tabId: string) => boolean;
+  isSelected: (tabId: string) => boolean;
+  openTab: (tab: ShellTab, meta?: ShellActionMeta) => void;
+  pinTab: (tabId: string, meta?: ShellActionMeta) => void;
+  selectSection: (sectionId: string, meta?: ShellActionMeta) => void;
+  selectTab: (tabId: string, meta?: ShellActionMeta) => void;
+  tabs: ShellTab[];
+  tabsForActiveSection: ShellTab[];
+  tabsForSection: (sectionId: string) => ShellTab[];
+};
+export type ShellSidebarContext = ShellController & {
+  section: ShellSectionDefinition;
+};
+export type ShellRenderContext<TTab extends ShellTab = ShellTab> =
+  ShellController & {
+    section: ShellSectionDefinition;
+    tab: TTab;
+  };
+export type DefineShellSectionInput = {
+  id: string;
+  label: string;
+  icon: ReactNode;
+  renderSidebar: (ctx: ShellSidebarContext) => ReactNode;
+  renderTab: (ctx: ShellRenderContext) => ReactNode;
+  renderInspector?: (ctx: ShellRenderContext) => ReactNode;
+  renderStatus?: (ctx: ShellController) => ReactNode;
+};
+export type ShellSectionDefinition = DefineShellSectionInput;
+export type ShellAppDefinition = {
+  id: string;
+  title: string;
+  sections: ShellSectionDefinition[];
+  storageNamespace: string;
+};
+export type ShellAppProps = {
+  app: ShellAppDefinition;
+  initialSectionId?: string;
+};
+export declare function defineShellApp(
+  app: ShellAppDefinition,
+): ShellAppDefinition;
+export declare function defineShellSection(
+  section: DefineShellSectionInput,
+): ShellSectionDefinition;
+export declare function defineShellTab<TTarget extends ShellTabTarget>(
+  tab: ShellTab<TTarget>,
+): ShellTab<TTarget>;
+export declare function useShellController(): ShellController;
+export declare function ShellApp({
+  app,
+  initialSectionId,
+}: ShellAppProps): import("react/jsx-runtime").JSX.Element;
+export declare function ShellSidebar({
+  children,
+  title,
+}: {
+  children: ReactNode;
+  title: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ShellSidebarSection({
+  children,
+  title,
+}: {
+  children: ReactNode;
+  title: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ShellSidebarItem({
+  active,
+  children,
+  description,
+  icon,
+  onClick,
+  tone,
+}: {
+  active?: boolean;
+  children: ReactNode;
+  description?: string;
+  icon?: ReactNode;
+  onClick: () => void;
+  tone?: ShellTabTone;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ShellPage({
+  actions,
+  children,
+  description,
+  eyebrow,
+  title,
+}: {
+  actions?: ReactNode;
+  children: ReactNode;
+  description?: string;
+  eyebrow?: string | null;
+  title: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ShellMetric({
+  title,
+  value,
+}: {
+  title: string;
+  value: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ShellField({
+  label,
+  value,
+}: {
+  label: string;
+  value: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ShellEmptyState({
+  description,
+  title,
+}: {
+  description?: string;
+  title: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function createInsetStyle(value: number): CSSProperties;
+//# sourceMappingURL=shell.d.ts.map

package/dist/shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../src/shell.tsx"],"names":[],"mappings":"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"}

package/dist/shell.js

@@ -0,0 +1,339 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { ChevronRightIcon, PanelLeftCloseIcon, PanelLeftOpenIcon, PanelRightCloseIcon, PanelRightOpenIcon, XIcon } from "lucide-react";
+const ShellContext = createContext(null);
+export function defineShellApp(app) {
+    assertUnique(app.sections.map((section) => section.id), "Shell sections must have unique ids");
+    if (app.sections.length === 0) {
+        throw new Error("Shell apps must define at least one section.");
+    }
+    return app;
+}
+export function defineShellSection(section) {
+    return section;
+}
+export function defineShellTab(tab) {
+    return tab;
+}
+export function useShellController() {
+    return useShell();
+}
+export function ShellApp({ app, initialSectionId }) {
+    const defaultSectionId = resolveSectionId(app, initialSectionId);
+    const storageKey = `${app.storageNamespace}:elench-shell:v1`;
+    const initialState = useMemo(() => loadPersistedState(storageKey, app, defaultSectionId), [app, defaultSectionId, storageKey]);
+    const [activeSectionId, setActiveSectionId] = useState(initialState.activeSectionId);
+    const [activeTabIdBySection, setActiveTabIdBySection] = useState(initialState.activeTabIdBySection);
+    const [tabs, setTabs] = useState(initialState.tabs);
+    const [leftSidebarOpen, setLeftSidebarOpen] = useState(true);
+    const [rightInspectorOpen, setRightInspectorOpen] = useState(true);
+    const sectionsById = useMemo(() => new Map(app.sections.map((section) => [section.id, section])), [app.sections]);
+    const activeSection = sectionsById.get(activeSectionId) ?? app.sections[0];
+    const tabsForActiveSection = tabs.filter((tab) => tab.sectionId === activeSection.id);
+    const activeTabId = activeTabIdBySection[activeSection.id] ?? null;
+    const activeTab = tabsForActiveSection.find((tab) => tab.id === activeTabId) ?? null;
+    useEffect(() => {
+        persistState(storageKey, {
+            activeSectionId,
+            activeTabIdBySection,
+            tabs
+        });
+    }, [activeSectionId, activeTabIdBySection, storageKey, tabs]);
+    const tabsForSection = useCallback((sectionId) => tabs.filter((tab) => tab.sectionId === sectionId), [tabs]);
+    const selectSection = useCallback((sectionId) => {
+        if (!sectionsById.has(sectionId)) {
+            throw new Error(`Unknown shell section: ${sectionId}`);
+        }
+        setActiveSectionId(sectionId);
+    }, [sectionsById]);
+    const selectTab = useCallback((tabId) => {
+        const tab = tabs.find((candidate) => candidate.id === tabId);
+        if (!tab) {
+            throw new Error(`Unknown shell tab: ${tabId}`);
+        }
+        setActiveSectionId(tab.sectionId);
+        setActiveTabIdBySection((current) => ({
+            ...current,
+            [tab.sectionId]: tab.id
+        }));
+    }, [tabs]);
+    const openTab = useCallback((tab, meta) => {
+        setTabs((current) => {
+            const preview = meta?.preview === true;
+            const nextTab = preview ? { ...tab, preview: true } : tab;
+            const existing = current.some((candidate) => candidate.id === tab.id);
+            const withoutReplacedPreview = preview && !existing
+                ? current.filter((candidate) => !(candidate.sectionId === tab.sectionId && candidate.preview))
+                : current;
+            return existing
+                ? withoutReplacedPreview.map((candidate) => candidate.id === tab.id ? nextTab : candidate)
+                : [...withoutReplacedPreview, nextTab];
+        });
+        setActiveSectionId(tab.sectionId);
+        setActiveTabIdBySection((current) => ({
+            ...current,
+            [tab.sectionId]: tab.id
+        }));
+    }, []);
+    const pinTab = useCallback((tabId) => {
+        setTabs((current) => current.map((tab) => tab.id === tabId && tab.preview ? { ...tab, preview: false } : tab));
+    }, []);
+    const closeTab = useCallback((tabId) => {
+        setTabs((currentTabs) => {
+            const closingIndex = currentTabs.findIndex((tab) => tab.id === tabId);
+            if (closingIndex === -1)
+                return currentTabs;
+            const closingTab = currentTabs[closingIndex];
+            const nextTabs = currentTabs.filter((tab) => tab.id !== tabId);
+            setActiveTabIdBySection((currentActive) => {
+                if (currentActive[closingTab.sectionId] !== tabId) {
+                    return currentActive;
+                }
+                const sameSection = nextTabs.filter((tab) => tab.sectionId === closingTab.sectionId);
+                const sameSectionOriginalIndex = currentTabs
+                    .filter((tab) => tab.sectionId === closingTab.sectionId)
+                    .findIndex((tab) => tab.id === tabId);
+                const nextActive = sameSection[Math.min(sameSectionOriginalIndex, sameSection.length - 1)] ?? null;
+                return {
+                    ...currentActive,
+                    [closingTab.sectionId]: nextActive?.id ?? null
+                };
+            });
+            return nextTabs;
+        });
+    }, []);
+    const closeOtherTabs = useCallback((tabId) => {
+        setTabs((current) => {
+            const tab = current.find((candidate) => candidate.id === tabId);
+            if (!tab)
+                return current;
+            setActiveSectionId(tab.sectionId);
+            setActiveTabIdBySection((active) => ({
+                ...active,
+                [tab.sectionId]: tab.id
+            }));
+            return [tab];
+        });
+    }, []);
+    const closeAllTabs = useCallback(() => {
+        setTabs([]);
+        setActiveTabIdBySection({});
+    }, []);
+    const controller = useMemo(() => ({
+        activeSectionId: activeSection.id,
+        activeTab,
+        closeAllTabs,
+        closeOtherTabs,
+        closeTab,
+        isOpen: (tabId) => tabs.some((tab) => tab.id === tabId),
+        isSelected: (tabId) => activeTab?.id === tabId,
+        openTab,
+        pinTab,
+        selectSection,
+        selectTab,
+        tabs,
+        tabsForActiveSection,
+        tabsForSection
+    }), [
+        activeSection.id,
+        activeTab,
+        closeAllTabs,
+        closeOtherTabs,
+        closeTab,
+        openTab,
+        pinTab,
+        selectSection,
+        selectTab,
+        tabs,
+        tabsForActiveSection,
+        tabsForSection
+    ]);
+    const value = useMemo(() => ({
+        ...controller,
+        app,
+        activeSection,
+        leftSidebarOpen,
+        rightInspectorOpen,
+        setLeftSidebarOpen,
+        setRightInspectorOpen
+    }), [
+        activeSection,
+        app,
+        controller,
+        leftSidebarOpen,
+        rightInspectorOpen
+    ]);
+    return (_jsx(ShellContext.Provider, { value: value, children: _jsxs("div", { className: "elench-shell", "data-left-sidebar": leftSidebarOpen ? "open" : "closed", "data-right-inspector": rightInspectorOpen ? "open" : "closed", children: [_jsx(TopBar, {}), _jsx(ActivityRail, {}), leftSidebarOpen ? _jsx(LeftSidebar, {}) : null, _jsx(MainPane, {}), rightInspectorOpen ? _jsx(RightInspector, {}) : null, _jsx(StatusBar, {})] }) }));
+}
+export function ShellSidebar({ children, title }) {
+    return (_jsxs("div", { className: "elench-shell-sidebar-frame", children: [_jsx("div", { className: "elench-shell-sidebar-title", children: title }), _jsx("div", { className: "elench-shell-sidebar-content", children: children })] }));
+}
+export function ShellSidebarSection({ children, title }) {
+    return (_jsxs("section", { className: "elench-shell-sidebar-section", children: [_jsx("h2", { children: title }), _jsx("div", { children: children })] }));
+}
+export function ShellSidebarItem({ active, children, description, icon, onClick, tone }) {
+    return (_jsxs("button", { "aria-selected": active ? "true" : "false", className: "elench-shell-sidebar-item", "data-tone": tone ?? "neutral", onClick: onClick, role: "tab", type: "button", children: [icon ? _jsx("span", { className: "elench-shell-sidebar-item-icon", children: icon }) : null, _jsxs("span", { className: "elench-shell-sidebar-item-text", children: [_jsx("span", { className: "elench-shell-sidebar-item-title", children: children }), description ? (_jsx("span", { className: "elench-shell-sidebar-item-description", children: description })) : null] })] }));
+}
+export function ShellPage({ actions, children, description, eyebrow, title }) {
+    return (_jsxs("div", { className: "elench-shell-page", children: [_jsxs("header", { className: "elench-shell-page-header", children: [_jsxs("div", { children: [eyebrow ? _jsx("div", { className: "elench-shell-page-eyebrow", children: eyebrow }) : null, _jsx("h1", { children: title }), description ? _jsx("p", { children: description }) : null] }), actions ? _jsx("div", { className: "elench-shell-page-actions", children: actions }) : null] }), children] }));
+}
+export function ShellMetric({ title, value }) {
+    return (_jsxs("div", { className: "elench-shell-metric", children: [_jsx("div", { children: title }), _jsx("strong", { children: value })] }));
+}
+export function ShellField({ label, value }) {
+    return (_jsxs("div", { className: "elench-shell-field", children: [_jsx("span", { children: label }), _jsx("strong", { children: value })] }));
+}
+export function ShellEmptyState({ description, title }) {
+    return (_jsxs("div", { className: "elench-shell-empty-state", children: [_jsx("strong", { children: title }), description ? _jsx("p", { children: description }) : null] }));
+}
+function TopBar() {
+    const { app, leftSidebarOpen, rightInspectorOpen, setLeftSidebarOpen, setRightInspectorOpen } = useShell();
+    return (_jsxs("header", { className: "elench-shell-topbar", children: [_jsx("div", { className: "elench-shell-topbar-title", children: app.title }), _jsxs("div", { className: "elench-shell-topbar-actions", children: [_jsx("button", { "aria-label": leftSidebarOpen ? "Close sidebar" : "Open sidebar", onClick: () => setLeftSidebarOpen(!leftSidebarOpen), type: "button", children: leftSidebarOpen ? _jsx(PanelLeftCloseIcon, {}) : _jsx(PanelLeftOpenIcon, {}) }), _jsx("button", { "aria-label": rightInspectorOpen ? "Close inspector" : "Open inspector", onClick: () => setRightInspectorOpen(!rightInspectorOpen), type: "button", children: rightInspectorOpen ? _jsx(PanelRightCloseIcon, {}) : _jsx(PanelRightOpenIcon, {}) })] })] }));
+}
+function ActivityRail() {
+    const { activeSectionId, app, selectSection } = useShell();
+    return (_jsx("nav", { "aria-label": "Activity rail", className: "elench-shell-activity-rail", children: app.sections.map((section) => (_jsx("button", { "aria-label": section.label, "aria-pressed": activeSectionId === section.id, className: "elench-shell-activity-button", onClick: () => selectSection(section.id, { source: "activity_rail" }), title: section.label, type: "button", children: section.icon }, section.id))) }));
+}
+function LeftSidebar() {
+    const shell = useShell();
+    const sidebarContext = {
+        ...toController(shell),
+        section: shell.activeSection
+    };
+    return (_jsx("aside", { "aria-label": "Sidebar", className: "elench-shell-sidebar", children: shell.activeSection.renderSidebar(sidebarContext) }));
+}
+function MainPane() {
+    const shell = useShell();
+    const activeTab = shell.activeTab;
+    return (_jsxs("main", { className: "elench-shell-main", children: [_jsx(TabRail, {}), _jsx("section", { className: "elench-shell-workspace", "data-testid": "shell-workspace", children: activeTab ? (shell.activeSection.renderTab({
+                    ...toController(shell),
+                    section: shell.activeSection,
+                    tab: activeTab
+                })) : (_jsx("div", { "aria-label": "No open tab", className: "elench-shell-blank-main" })) })] }));
+}
+function TabRail() {
+    const { activeTab, closeTab, pinTab, selectTab, tabsForActiveSection } = useShell();
+    return (_jsx("div", { "aria-label": "Main tabs", className: "elench-shell-tab-rail", role: "tablist", children: tabsForActiveSection.map((tab) => (_jsxs("div", { "aria-selected": activeTab?.id === tab.id ? "true" : "false", className: "elench-shell-main-tab", "data-preview": tab.preview ? "true" : "false", "data-tone": tab.tone ?? "neutral", role: "tab", children: [_jsx("button", { className: "elench-shell-main-tab-select", onClick: () => selectTab(tab.id, { source: "tab_rail" }), type: "button", children: _jsx("span", { children: tab.title }) }), tab.preview ? (_jsx("button", { "aria-label": `Pin ${tab.title}`, className: "elench-shell-main-tab-icon", onClick: () => pinTab(tab.id, { source: "tab_rail" }), type: "button", children: _jsx(ChevronRightIcon, {}) })) : null, _jsx("button", { "aria-label": `Close ${tab.title}`, className: "elench-shell-main-tab-icon", onClick: () => closeTab(tab.id, { source: "tab_rail" }), type: "button", children: _jsx(XIcon, {}) })] }, tab.id))) }));
+}
+function RightInspector() {
+    const shell = useShell();
+    const activeTab = shell.activeTab;
+    return (_jsx("aside", { "aria-label": "Inspector", className: "elench-shell-inspector", children: activeTab && shell.activeSection.renderInspector ? (shell.activeSection.renderInspector({
+            ...toController(shell),
+            section: shell.activeSection,
+            tab: activeTab
+        })) : (_jsx(ShellEmptyState, { title: "No tab selected", description: "Open a tab to inspect its details." })) }));
+}
+function StatusBar() {
+    const shell = useShell();
+    return (_jsxs("footer", { className: "elench-shell-statusbar", children: [_jsx("span", { children: shell.activeSection.label }), _jsxs("span", { children: [shell.tabs.length, " open tabs"] }), _jsx("div", { className: "elench-shell-statusbar-slot", children: shell.activeSection.renderStatus?.(toController(shell)) })] }));
+}
+function useShell() {
+    const context = useContext(ShellContext);
+    if (!context) {
+        throw new Error("Shell hooks must be used within ShellApp.");
+    }
+    return context;
+}
+function toController(shell) {
+    return {
+        activeSectionId: shell.activeSectionId,
+        activeTab: shell.activeTab,
+        closeAllTabs: shell.closeAllTabs,
+        closeOtherTabs: shell.closeOtherTabs,
+        closeTab: shell.closeTab,
+        isOpen: shell.isOpen,
+        isSelected: shell.isSelected,
+        openTab: shell.openTab,
+        pinTab: shell.pinTab,
+        selectSection: shell.selectSection,
+        selectTab: shell.selectTab,
+        tabs: shell.tabs,
+        tabsForActiveSection: shell.tabsForActiveSection,
+        tabsForSection: shell.tabsForSection
+    };
+}
+function loadPersistedState(storageKey, app, fallbackSectionId) {
+    if (typeof window === "undefined") {
+        return emptyState(fallbackSectionId);
+    }
+    try {
+        const raw = window.localStorage.getItem(storageKey);
+        if (!raw)
+            return emptyState(fallbackSectionId);
+        const parsed = JSON.parse(raw);
+        const validSections = new Set(app.sections.map((section) => section.id));
+        const tabs = Array.isArray(parsed.tabs)
+            ? parsed.tabs.filter((tab) => isValidTab(tab, validSections))
+            : [];
+        const tabIds = new Set(tabs.map((tab) => tab.id));
+        const activeTabIdBySection = sanitizeActiveTabs(parsed.activeTabIdBySection, validSections, tabIds);
+        const activeSectionId = typeof parsed.activeSectionId === "string" &&
+            validSections.has(parsed.activeSectionId)
+            ? parsed.activeSectionId
+            : fallbackSectionId;
+        return {
+            activeSectionId,
+            activeTabIdBySection,
+            tabs
+        };
+    }
+    catch {
+        return emptyState(fallbackSectionId);
+    }
+}
+function persistState(storageKey, state) {
+    if (typeof window === "undefined")
+        return;
+    window.localStorage.setItem(storageKey, JSON.stringify(state));
+}
+function emptyState(activeSectionId) {
+    return {
+        activeSectionId,
+        activeTabIdBySection: {},
+        tabs: []
+    };
+}
+function resolveSectionId(app, initialSectionId) {
+    if (initialSectionId &&
+        app.sections.some((section) => section.id === initialSectionId)) {
+        return initialSectionId;
+    }
+    return app.sections[0].id;
+}
+function isValidTab(value, validSections) {
+    if (typeof value !== "object" || value == null)
+        return false;
+    const tab = value;
+    return (typeof tab.id === "string" &&
+        typeof tab.sectionId === "string" &&
+        validSections.has(tab.sectionId) &&
+        typeof tab.title === "string" &&
+        typeof tab.target === "object" &&
+        tab.target != null &&
+        typeof tab.target.kind === "string");
+}
+function sanitizeActiveTabs(value, validSections, tabIds) {
+    if (typeof value !== "object" || value == null)
+        return {};
+    const candidate = value;
+    const result = {};
+    for (const [sectionId, tabId] of Object.entries(candidate)) {
+        if (!validSections.has(sectionId))
+            continue;
+        if (typeof tabId === "string" && tabIds.has(tabId)) {
+            result[sectionId] = tabId;
+        }
+    }
+    return result;
+}
+function assertUnique(values, message) {
+    if (new Set(values).size !== values.length) {
+        throw new Error(message);
+    }
+}
+export function createInsetStyle(value) {
+    return { "--elench-shell-inset": `${value}px` };
+}
+//# sourceMappingURL=shell.js.map

package/dist/shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell.js","sourceRoot":"","sources":["../src/shell.tsx"],"names":[],"mappings":"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"}

package/dist/styles.css

@@ -0,0 +1,475 @@
+.elench-shell {
+  --elench-shell-topbar-height: 36px;
+  --elench-shell-status-height: 28px;
+  --elench-shell-rail-width: 46px;
+  --elench-shell-sidebar-width: 292px;
+  --elench-shell-inspector-width: 292px;
+  display: grid;
+  grid-template-areas:
+    "topbar topbar topbar topbar"
+    "rail sidebar main inspector"
+    "status status status status";
+  grid-template-columns:
+    var(--elench-shell-rail-width)
+    var(--elench-shell-sidebar-width)
+    minmax(0, 1fr)
+    var(--elench-shell-inspector-width);
+  grid-template-rows: var(--elench-shell-topbar-height) minmax(0, 1fr) var(
+      --elench-shell-status-height
+    );
+  width: 100vw;
+  height: 100vh;
+  min-height: 0;
+  overflow: hidden;
+  background: var(--bg-primary, #0a1120);
+  color: var(--fg, #e5edf7);
+}
+
+.elench-shell[data-left-sidebar="closed"] {
+  grid-template-areas:
+    "topbar topbar topbar"
+    "rail main inspector"
+    "status status status";
+  grid-template-columns:
+    var(--elench-shell-rail-width)
+    minmax(0, 1fr)
+    var(--elench-shell-inspector-width);
+}
+
+.elench-shell[data-right-inspector="closed"] {
+  grid-template-areas:
+    "topbar topbar topbar"
+    "rail sidebar main"
+    "status status status";
+  grid-template-columns:
+    var(--elench-shell-rail-width)
+    var(--elench-shell-sidebar-width)
+    minmax(0, 1fr);
+}
+
+.elench-shell[data-left-sidebar="closed"][data-right-inspector="closed"] {
+  grid-template-areas:
+    "topbar topbar"
+    "rail main"
+    "status status";
+  grid-template-columns: var(--elench-shell-rail-width) minmax(0, 1fr);
+}
+
+.elench-shell button {
+  font: inherit;
+}
+
+.elench-shell-topbar {
+  grid-area: topbar;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid var(--border, #1e2d44);
+  background: var(--bg-secondary, #0f172a);
+  padding: 0 8px 0 12px;
+}
+
+.elench-shell-topbar-title {
+  min-width: 0;
+  overflow: hidden;
+  color: var(--fg-secondary, #a8b5c7);
+  font-size: 12px;
+  font-weight: 650;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.elench-shell-topbar-actions {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+
+.elench-shell-topbar-actions button,
+.elench-shell-activity-button,
+.elench-shell-main-tab-icon {
+  display: inline-flex;
+  width: 28px;
+  height: 28px;
+  align-items: center;
+  justify-content: center;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--fg-tertiary, #73839b);
+  cursor: pointer;
+}
+
+.elench-shell-topbar-actions button:hover,
+.elench-shell-activity-button:hover,
+.elench-shell-main-tab-icon:hover {
+  background: var(--bg-hover, #1e3050);
+  color: var(--fg, #e5edf7);
+}
+
+.elench-shell-topbar svg,
+.elench-shell-activity-button svg,
+.elench-shell-main-tab-icon svg {
+  width: 16px;
+  height: 16px;
+}
+
+.elench-shell-activity-rail {
+  grid-area: rail;
+  display: flex;
+  min-height: 0;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  border-right: 1px solid var(--border, #1e2d44);
+  background: var(--bg-secondary, #0f172a);
+  padding: 8px 5px;
+}
+
+.elench-shell-activity-button {
+  width: 34px;
+  height: 34px;
+  position: relative;
+}
+
+.elench-shell-activity-button[aria-pressed="true"] {
+  background: var(--bg-active, #1a2d4a);
+  color: var(--fg, #e5edf7);
+}
+
+.elench-shell-activity-button[aria-pressed="true"]::before {
+  position: absolute;
+  left: -5px;
+  width: 2px;
+  height: 18px;
+  border-radius: 999px;
+  background: var(--primary, #3b82f6);
+  content: "";
+}
+
+.elench-shell-sidebar {
+  grid-area: sidebar;
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+  border-right: 1px solid var(--border, #1e2d44);
+  background: var(--bg-surface, #0f172a);
+}
+
+.elench-shell-sidebar-frame {
+  display: flex;
+  height: 100%;
+  min-height: 0;
+  flex-direction: column;
+}
+
+.elench-shell-sidebar-title {
+  flex: 0 0 auto;
+  border-bottom: 1px solid var(--border, #1e2d44);
+  color: var(--fg-secondary, #a8b5c7);
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  padding: 10px 12px;
+  text-transform: uppercase;
+}
+
+.elench-shell-sidebar-content {
+  min-height: 0;
+  flex: 1;
+  overflow: auto;
+  padding: 8px;
+}
+
+.elench-shell-sidebar-section {
+  margin: 0 0 12px;
+}
+
+.elench-shell-sidebar-section h2 {
+  color: var(--fg-tertiary, #73839b);
+  font-size: 11px;
+  font-weight: 650;
+  margin: 0 0 6px;
+  padding: 0 4px;
+}
+
+.elench-shell-sidebar-item {
+  display: flex;
+  width: 100%;
+  min-height: 42px;
+  align-items: center;
+  gap: 8px;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--fg-secondary, #a8b5c7);
+  cursor: pointer;
+  padding: 7px 8px;
+  text-align: left;
+}
+
+.elench-shell-sidebar-item:hover {
+  background: var(--bg-hover, #1e3050);
+  color: var(--fg, #e5edf7);
+}
+
+.elench-shell-sidebar-item[aria-selected="true"] {
+  border-color: var(--border-strong, #2a3f5f);
+  background: var(--bg-active, #1a2d4a);
+  color: var(--fg, #e5edf7);
+}
+
+.elench-shell-sidebar-item-icon {
+  display: inline-flex;
+  flex: 0 0 auto;
+  color: var(--fg-tertiary, #73839b);
+}
+
+.elench-shell-sidebar-item-icon svg {
+  width: 16px;
+  height: 16px;
+}
+
+.elench-shell-sidebar-item-text {
+  display: grid;
+  min-width: 0;
+  gap: 2px;
+}
+
+.elench-shell-sidebar-item-title,
+.elench-shell-main-tab-select span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.elench-shell-sidebar-item-title {
+  font-size: 12.5px;
+  font-weight: 600;
+}
+
+.elench-shell-sidebar-item-description {
+  overflow: hidden;
+  color: var(--fg-tertiary, #73839b);
+  font-size: 11.5px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.elench-shell-main {
+  grid-area: main;
+  display: grid;
+  min-width: 0;
+  min-height: 0;
+  grid-template-rows: 34px minmax(0, 1fr);
+  background: var(--bg-primary, #0a1120);
+}
+
+.elench-shell-tab-rail {
+  display: flex;
+  min-width: 0;
+  align-items: end;
+  overflow-x: auto;
+  border-bottom: 1px solid var(--border, #1e2d44);
+  background: var(--bg-secondary, #0f172a);
+  padding: 3px 6px 0;
+}
+
+.elench-shell-main-tab {
+  display: flex;
+  min-width: 132px;
+  max-width: 220px;
+  height: 31px;
+  align-items: center;
+  border: 1px solid transparent;
+  border-bottom: 0;
+  border-radius: 6px 6px 0 0;
+  color: var(--fg-tertiary, #73839b);
+}
+
+.elench-shell-main-tab[aria-selected="true"] {
+  border-color: var(--border, #1e2d44);
+  background: var(--bg-surface, #0f172a);
+  color: var(--fg, #e5edf7);
+}
+
+.elench-shell-main-tab[data-preview="true"] .elench-shell-main-tab-select {
+  font-style: italic;
+}
+
+.elench-shell-main-tab-select {
+  min-width: 0;
+  flex: 1;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  padding: 0 8px;
+  text-align: left;
+}
+
+.elench-shell-workspace {
+  min-width: 0;
+  min-height: 0;
+  overflow: auto;
+  background: var(--bg-surface, #0f172a);
+}
+
+.elench-shell-blank-main {
+  height: 100%;
+  min-height: 0;
+}
+
+.elench-shell-inspector {
+  grid-area: inspector;
+  min-width: 0;
+  min-height: 0;
+  overflow: auto;
+  border-left: 1px solid var(--border, #1e2d44);
+  background: var(--bg-surface, #0f172a);
+  padding: 10px;
+}
+
+.elench-shell-statusbar {
+  grid-area: status;
+  display: flex;
+  min-width: 0;
+  align-items: center;
+  gap: 12px;
+  border-top: 1px solid var(--border, #1e2d44);
+  background: var(--bg-secondary, #0f172a);
+  color: var(--fg-tertiary, #73839b);
+  font-size: 11.5px;
+  padding: 0 10px;
+}
+
+.elench-shell-statusbar-slot {
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.elench-shell-page {
+  max-width: 1160px;
+  margin: 0 auto;
+  padding: 24px;
+}
+
+.elench-shell-page-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16px;
+  margin-bottom: 20px;
+}
+
+.elench-shell-page-eyebrow {
+  color: var(--fg-tertiary, #73839b);
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  margin-bottom: 4px;
+  text-transform: uppercase;
+}
+
+.elench-shell-page h1 {
+  color: var(--fg, #e5edf7);
+  font-size: 22px;
+  line-height: 1.2;
+  margin: 0;
+}
+
+.elench-shell-page p {
+  color: var(--fg-tertiary, #73839b);
+  font-size: 13px;
+  line-height: 1.6;
+  margin: 6px 0 0;
+}
+
+.elench-shell-page-actions {
+  flex: 0 0 auto;
+}
+
+.elench-shell-metric,
+.elench-shell-field {
+  border: 1px solid var(--border, #1e2d44);
+  border-radius: 8px;
+  background: var(--bg-card, #162236);
+}
+
+.elench-shell-metric {
+  padding: 12px;
+}
+
+.elench-shell-metric div,
+.elench-shell-field span {
+  color: var(--fg-tertiary, #73839b);
+  font-size: 11.5px;
+}
+
+.elench-shell-metric strong {
+  display: block;
+  color: var(--fg, #e5edf7);
+  font-size: 22px;
+  margin-top: 6px;
+}
+
+.elench-shell-field {
+  display: grid;
+  gap: 4px;
+  padding: 9px;
+}
+
+.elench-shell-field strong {
+  min-width: 0;
+  overflow: hidden;
+  color: var(--fg, #e5edf7);
+  font-size: 12px;
+  font-weight: 550;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.elench-shell-empty-state {
+  display: grid;
+  min-height: 120px;
+  align-content: center;
+  justify-items: center;
+  border: 1px dashed var(--border, #1e2d44);
+  border-radius: 8px;
+  color: var(--fg-tertiary, #73839b);
+  padding: 18px;
+  text-align: center;
+}
+
+.elench-shell-empty-state strong {
+  color: var(--fg-secondary, #a8b5c7);
+  font-size: 13px;
+}
+
+.elench-shell-empty-state p {
+  max-width: 34ch;
+  font-size: 12px;
+  line-height: 1.5;
+  margin: 6px 0 0;
+}
+
+@media (max-width: 900px) {
+  .elench-shell,
+  .elench-shell[data-left-sidebar="closed"],
+  .elench-shell[data-right-inspector="closed"],
+  .elench-shell[data-left-sidebar="closed"][data-right-inspector="closed"] {
+    grid-template-areas:
+      "topbar topbar"
+      "rail main"
+      "status status";
+    grid-template-columns: var(--elench-shell-rail-width) minmax(0, 1fr);
+  }
+
+  .elench-shell-sidebar,
+  .elench-shell-inspector {
+    display: none;
+  }
+}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@elench/shell",
+  "version": "0.1.1",
+  "description": "A strict desktop application shell for Elench products.",
+  "type": "module",
+  "private": false,
+  "sideEffects": [
+    "./dist/styles.css"
+  ],
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "scripts": {
+    "build": "rm -rf dist && tsc -p tsconfig.json && cp src/styles.css dist/styles.css",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run --config vitest.config.ts"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "lucide-react": "^1.8.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@vitejs/plugin-react": "^6.0.1",
+    "jsdom": "^29.0.2",
+    "typescript": "^5",
+    "vitest": "^4.1.4"
+  }
+}