@happyvertical/smrt-svelte 0.53.0 → 0.53.2

package/dist/components/workspace/__tests__/admin-shell-mobile.test.js

@@ -1,217 +0,0 @@
-/**
- * Pure phone-chrome decisions behind AdminShell: hide-on-scroll, keyboard
- * heuristic, viewport classes, the phone top-bar model, and bottom-bar mode.
- */
-import { describe, expect, it } from 'vitest';
-import { bottomBarMode, findShellNavTrail, keyboardLikelyOpen, normalizeShellPath, phoneTopBarFor, ScrollChrome, shellPageTrailFor, viewportFor, } from '../admin-shell/mobile-shell.js';
-describe('ScrollChrome (hide on scroll)', () => {
-    function run(chrome, ys, extra = {}) {
-        return ys.map((y) => chrome.update({ y, ...extra }));
-    }
-    it('stays shown near the top of the page', () => {
-        expect(run(new ScrollChrome(), [0, 20, 40, 56])).toEqual([
-            false,
-            false,
-            false,
-            false,
-        ]);
-    });
-    it('hides after scrolling down and comes back on the first scroll up', () => {
-        const chrome = new ScrollChrome();
-        expect(run(chrome, [0, 100, 120, 300])).toEqual([false, true, true, true]);
-        expect(chrome.update({ y: 295 })).toBe(false);
-        expect(run(chrome, [300, 306, 310])).toEqual([false, false, true]);
-    });
-    it('ignores jitter below the thresholds', () => {
-        const chrome = new ScrollChrome();
-        run(chrome, [0, 200, 400]);
-        expect(chrome.update({ y: 398 })).toBe(true);
-    });
-    it('always shows at the top and while pinned', () => {
-        const chrome = new ScrollChrome();
-        run(chrome, [0, 200, 400]);
-        expect(chrome.update({ y: 10 })).toBe(false);
-        run(chrome, [200, 400]);
-        expect(chrome.update({ y: 600, pinned: true })).toBe(false);
-        expect(chrome.update({ y: 800, pinned: true })).toBe(false);
-    });
-    it('does not treat iOS overscroll bounce as a scroll up', () => {
-        const chrome = new ScrollChrome();
-        run(chrome, [0, 300, 500], { maxY: 500 });
-        expect(chrome.update({ y: 540, maxY: 500 })).toBe(true);
-        expect(chrome.update({ y: 500, maxY: 500 })).toBe(true);
-    });
-    it('honours custom tuning and reset', () => {
-        const chrome = new ScrollChrome({ revealWithin: 0, hideAfter: 50 });
-        expect(run(chrome, [10, 40])).toEqual([false, false]);
-        expect(chrome.update({ y: 70 })).toBe(true);
-        chrome.reset();
-        expect(chrome.hidden).toBe(false);
-    });
-});
-describe('viewportFor', () => {
-    it('classifies phone, tablet and desktop', () => {
-        expect(viewportFor({ phone: true, desktop: false })).toBe('phone');
-        expect(viewportFor({ phone: false, desktop: false })).toBe('tablet');
-        expect(viewportFor({ phone: false, desktop: true })).toBe('desktop');
-    });
-});
-describe('keyboardLikelyOpen', () => {
-    it('is open when the visual viewport is much shorter', () => {
-        expect(keyboardLikelyOpen({ layoutHeight: 844, visualHeight: 500 })).toBe(true);
-        expect(keyboardLikelyOpen({ layoutHeight: 844, visualHeight: 780 })).toBe(false);
-    });
-    it('does not mistake pinch zoom for a keyboard', () => {
-        expect(keyboardLikelyOpen({ layoutHeight: 844, visualHeight: 422, scale: 2 })).toBe(false);
-    });
-});
-describe('nav paths', () => {
-    const nav = [
-        { href: '/', label: 'Home' },
-        {
-            href: '/settings',
-            label: 'Settings',
-            children: [{ href: '/settings/health', label: 'Health' }],
-        },
-    ];
-    it('normalizes trailing slashes', () => {
-        expect(normalizeShellPath('/a/b//')).toBe('/a/b');
-        expect(normalizeShellPath('/')).toBe('/');
-    });
-    it('finds the trail to the deepest matching item without the root swallowing everything', () => {
-        expect(findShellNavTrail(nav, '/settings/health/x').map((item) => item.label)).toEqual(['Settings', 'Health']);
-        expect(findShellNavTrail(nav, '/other')).toEqual([]);
-    });
-});
-describe('phoneTopBarFor', () => {
-    const navItems = [
-        { href: '/sites/alpha/articles', label: 'Articles' },
-        {
-            href: '/sites/alpha/settings',
-            label: 'Settings',
-            children: [{ href: '/sites/alpha/settings/health', label: 'Health' }],
-        },
-    ];
-    const base = { homeHref: '/sites/alpha', homeTitle: 'Alpha Times', navItems };
-    it('shows the workspace name on section homes', () => {
-        expect(phoneTopBarFor({ ...base, path: '/sites/alpha' })).toEqual({
-            kind: 'home',
-            title: 'Alpha Times',
-        });
-        expect(phoneTopBarFor({ ...base, path: '/sites/alpha/articles/' }).kind).toBe('home');
-    });
-    it('gives a nested nav page a back arrow to its parent nav item', () => {
-        expect(phoneTopBarFor({ ...base, path: '/sites/alpha/settings/health' })).toEqual({
-            kind: 'detail',
-            title: 'Health',
-            backHref: '/sites/alpha/settings',
-            backLabel: 'Settings',
-        });
-    });
-    it('goes back to the last page-given parent', () => {
-        expect(phoneTopBarFor({
-            ...base,
-            path: '/sites/alpha/articles/a1/video/create',
-            pageTitle: 'Create video',
-            parents: [
-                { label: 'Fair opens Friday', href: '/sites/alpha/articles/a1' },
-                { label: 'Videos', href: '/sites/alpha/articles/a1/videos' },
-            ],
-        })).toEqual({
-            kind: 'detail',
-            title: 'Create video',
-            backHref: '/sites/alpha/articles/a1/videos',
-            backLabel: 'Videos',
-        });
-    });
-    it('shows back to the parent list and the page title on detail pages', () => {
-        expect(phoneTopBarFor({
-            ...base,
-            path: '/sites/alpha/articles/a1/images',
-            pageTitle: 'Fair opens Friday',
-        })).toEqual({
-            kind: 'detail',
-            title: 'Fair opens Friday',
-            backHref: '/sites/alpha/articles',
-            backLabel: 'Articles',
-        });
-    });
-    it('falls back to the parent name, then to home', () => {
-        expect(phoneTopBarFor({ ...base, path: '/sites/alpha/articles/a1' })).toMatchObject({ title: 'Articles', backHref: '/sites/alpha/articles' });
-        expect(phoneTopBarFor({ ...base, path: '/sites/alpha/other/thing' })).toMatchObject({ kind: 'detail', backHref: '/sites/alpha' });
-    });
-    it('uses a page-provided parent and back label', () => {
-        expect(phoneTopBarFor({
-            ...base,
-            path: '/sites/alpha/articles/a1/video/create',
-            pageTitle: 'Create video',
-            backHref: '/sites/alpha/articles/a1/videos',
-            backLabel: 'Videos',
-        })).toEqual({
-            kind: 'detail',
-            title: 'Create video',
-            backHref: '/sites/alpha/articles/a1/videos',
-            backLabel: 'Videos',
-        });
-    });
-});
-describe('shellPageTrailFor', () => {
-    const navItems = [
-        { href: '/sites/alpha/articles', label: 'Content' },
-        {
-            href: '/sites/alpha/settings',
-            label: 'Settings',
-            children: [{ href: '/sites/alpha/health', label: 'Health' }],
-        },
-    ];
-    const base = { homeHref: '/sites/alpha', homeTitle: 'Alpha Times', navItems };
-    const labels = (path, parents) => shellPageTrailFor({ ...base, path, parents }).crumbs.map((c) => c.label);
-    it('has no crumbs on section homes', () => {
-        expect(shellPageTrailFor({ ...base, path: '/sites/alpha' })).toMatchObject({
-            sectionHome: true,
-            crumbs: [],
-        });
-        expect(shellPageTrailFor({ ...base, path: '/sites/alpha/articles/' })).toMatchObject({
-            sectionHome: true,
-            crumbs: [],
-            current: { label: 'Content' },
-        });
-    });
-    it('shows an ancestor once when the page also names it as a parent', () => {
-        expect(labels('/sites/alpha/articles/create', [
-            { label: 'Content', href: '/sites/alpha/articles/' },
-        ])).toEqual(['Alpha Times', 'Content']);
-    });
-    it('lists ancestors only, never the current page', () => {
-        expect(labels('/sites/alpha/articles/a1')).toEqual([
-            'Alpha Times',
-            'Content',
-        ]);
-        // A nested nav page: its parent item is an ancestor even when the URL
-        // is not below it.
-        expect(labels('/sites/alpha/health')).toEqual(['Alpha Times', 'Settings']);
-        expect(labels('/sites/alpha/health/job-1')).toEqual([
-            'Alpha Times',
-            'Settings',
-            'Health',
-        ]);
-        expect(labels('/sites/alpha/other')).toEqual(['Alpha Times']);
-    });
-    it('appends page-given parents after the nav trail', () => {
-        expect(labels('/sites/alpha/articles/a1/videos', [
-            { label: 'Fair opens Friday', href: '/sites/alpha/articles/a1' },
-        ])).toEqual(['Alpha Times', 'Content', 'Fair opens Friday']);
-        // A parent on a section home makes it a child page.
-        expect(labels('/sites/alpha/articles', [
-            { label: 'Somewhere', href: '/sites/alpha/somewhere' },
-        ])).toEqual(['Alpha Times', 'Somewhere']);
-    });
-});
-describe('bottomBarMode', () => {
-    it('swaps the nav bar for a form bar and hides both with the keyboard', () => {
-        expect(bottomBarMode({ formActions: false, keyboardOpen: false })).toBe('nav');
-        expect(bottomBarMode({ formActions: true, keyboardOpen: false })).toBe('form');
-        expect(bottomBarMode({ formActions: true, keyboardOpen: true })).toBe('none');
-        expect(bottomBarMode({ formActions: false, keyboardOpen: true })).toBe('none');
-    });
-});

package/dist/components/workspace/__tests__/admin-shell-mutation-effect-harness.svelte

@@ -1,52 +0,0 @@
-<script lang="ts">
-/**
- * Runs a caller-supplied ShellState mutation inside a consumer $effect. Tests
- * use this to prove ShellState's internal reads do not become dependencies of
- * the consumer effect.
- */
-import type { ShellState } from '../admin-shell/state.svelte.js';
-import type { ShellActivity } from '../admin-shell/types.js';
-
-type EffectCleanup = () => void;
-
-interface MutationInputs {
-  activity: ShellActivity;
-}
-
-interface Props {
-  shell: ShellState;
-  run: (shell: ShellState, inputs: MutationInputs) => EffectCleanup | undefined;
-  onReady: (controls: {
-    getRuns: () => number;
-    setActivityProgress: (progress: number) => void;
-  }) => void;
-}
-
-const props: Props = $props();
-const activity = $state<ShellActivity>({
-  id: 'reactive-sync',
-  label: 'Reactive sync',
-  kind: 'sync',
-  scope: 'system',
-  status: 'running',
-  progress: 0,
-});
-
-// Plain let on purpose: making this $state would add tracking noise to the
-// effect-leak signal this harness exists to measure.
-let runs = 0;
-
-$effect(() => {
-  runs += 1;
-  return props.run(props.shell, { activity });
-});
-
-// This harness intentionally snapshots the callback during setup.
-// svelte-ignore state_referenced_locally
-props.onReady({
-  getRuns: () => runs,
-  setActivityProgress: (progress: number) => {
-    activity.progress = progress;
-  },
-});
-</script>

package/dist/components/workspace/__tests__/admin-shell-mutation-effect-harness.svelte.d.ts

@@ -1,23 +0,0 @@
-/**
- * Runs a caller-supplied ShellState mutation inside a consumer $effect. Tests
- * use this to prove ShellState's internal reads do not become dependencies of
- * the consumer effect.
- */
-import type { ShellState } from '../admin-shell/state.svelte.js';
-import type { ShellActivity } from '../admin-shell/types.js';
-type EffectCleanup = () => void;
-interface MutationInputs {
-    activity: ShellActivity;
-}
-interface Props {
-    shell: ShellState;
-    run: (shell: ShellState, inputs: MutationInputs) => EffectCleanup | undefined;
-    onReady: (controls: {
-        getRuns: () => number;
-        setActivityProgress: (progress: number) => void;
-    }) => void;
-}
-declare const AdminShellMutationEffectHarness: import("svelte").Component<Props, {}, "">;
-type AdminShellMutationEffectHarness = ReturnType<typeof AdminShellMutationEffectHarness>;
-export default AdminShellMutationEffectHarness;
-//# sourceMappingURL=admin-shell-mutation-effect-harness.svelte.d.ts.map

package/dist/components/workspace/__tests__/admin-shell-mutation-effect-harness.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin-shell-mutation-effect-harness.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/workspace/__tests__/admin-shell-mutation-effect-harness.svelte.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,KAAK,aAAa,GAAG,MAAM,IAAI,CAAC;AAEhC,UAAU,cAAc;IACtB,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,UAAU,KAAK;IACb,KAAK,EAAE,UAAU,CAAC;IAClB,GAAG,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,cAAc,KAAK,aAAa,GAAG,SAAS,CAAC;IAC9E,OAAO,EAAE,CAAC,QAAQ,EAAE;QAClB,OAAO,EAAE,MAAM,MAAM,CAAC;QACtB,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;KACjD,KAAK,IAAI,CAAC;CACZ;AAwCD,QAAA,MAAM,+BAA+B,2CAAwC,CAAC;AAC9E,KAAK,+BAA+B,GAAG,UAAU,CAAC,OAAO,+BAA+B,CAAC,CAAC;AAC1F,eAAe,+BAA+B,CAAC"}

package/dist/components/workspace/__tests__/admin-shell-page-contracts.test.js

@@ -1,30 +0,0 @@
-/**
- * AdminShell's page-header contracts on phones. jsdom doesn't apply the
- * component's scoped styles, so these read the rules themselves: the phone
- * top bar replaces the page's crumbs and title, and tabs inside a page header
- * keep sticking under the bar.
- */
-import { describe, expect, it } from 'vitest';
-import source from '../admin-shell/AdminShell.svelte?raw';
-const css = source.slice(source.indexOf('<style>'));
-function rule(selector) {
-    const start = css.indexOf(selector);
-    expect(start, `missing rule for ${selector}`).toBeGreaterThan(-1);
-    return css.slice(start, css.indexOf('}', start));
-}
-describe('AdminShell page-header contracts', () => {
-    it('hides the breadcrumb row on phones', () => {
-        expect(rule(".smrt-admin-shell[data-viewport='phone'] :global([data-shell-breadcrumbs])")).toContain('display: none');
-    });
-    it('visually hides the page title while the phone top bar shows it', () => {
-        const titleRule = rule('.smrt-admin-shell[data-phone-top] :global([data-shell-page-title])');
-        // Visually hidden, not display:none: screen readers and the document
-        // outline keep the heading.
-        expect(titleRule).toContain('position: absolute');
-        expect(titleRule).toContain('clip-path: inset(50%)');
-        expect(titleRule).not.toContain('display: none');
-    });
-    it("lets a page header's tabs stick under the top bar", () => {
-        expect(rule('.smrt-admin-shell[data-phone-top]\n    :global([data-page-header-extra]:has([data-shell-tabs]))')).toContain('display: contents');
-    });
-});

package/dist/components/workspace/__tests__/admin-shell-responsive-state.test.js

@@ -1,184 +0,0 @@
-/**
- * ShellState's viewport defaults, resizable-edge sizes, and per-edge
- * persistence opt-outs.
- */
-import { describe, expect, it, vi } from 'vitest';
-import { panelPersists, pruneShellSettingsDelta, resolvePanelResize, resolveShellConfig, stripUnpersistedSettings, } from '../admin-shell/settings.js';
-import { createShellState } from '../admin-shell/state.svelte.js';
-function adapter(initial = null) {
-    const writes = [];
-    return {
-        writes,
-        read: vi.fn(() => initial),
-        write: vi.fn((delta) => {
-            writes.push(JSON.parse(JSON.stringify(delta)));
-        }),
-    };
-}
-const navDefaults = {
-    phone: 'collapsed',
-    tablet: 'collapsed',
-    desktop: 'expanded',
-};
-describe('viewport defaults', () => {
-    it('uses the default for the initial viewport', () => {
-        const phone = createShellState({
-            viewport: 'phone',
-            config: { left: { viewportDefaults: navDefaults } },
-        });
-        expect(phone.panels.left).toBe('collapsed');
-        const desktop = createShellState({
-            viewport: 'desktop',
-            config: { left: { viewportDefaults: navDefaults } },
-        });
-        expect(desktop.panels.left).toBe('expanded');
-    });
-    it('applies the new default only when the viewport class changes', () => {
-        const shell = createShellState({
-            viewport: 'desktop',
-            config: { left: { viewportDefaults: navDefaults } },
-        });
-        shell.collapsePanel('left');
-        shell.setViewport('desktop');
-        expect(shell.panels.left).toBe('collapsed');
-        shell.setViewport('tablet');
-        expect(shell.viewport).toBe('tablet');
-        expect(shell.panels.left).toBe('collapsed');
-        shell.expandPanel('left');
-        shell.setViewport('desktop');
-        expect(shell.panels.left).toBe('expanded');
-        // A later settings merge does not resurrect the old class's toggle.
-        shell.applySettings({ activeFocusToolId: 'x' });
-        expect(shell.panels.left).toBe('expanded');
-    });
-    it('never persists the state of an edge that follows the viewport', async () => {
-        const store = adapter({ panels: { left: 'expanded', right: 'expanded' } });
-        const shell = createShellState({
-            viewport: 'phone',
-            config: { left: { viewportDefaults: navDefaults } },
-            settingsAdapter: store,
-        });
-        await shell.hydrate();
-        expect(shell.panels.left).toBe('collapsed');
-        expect(shell.panels.right).toBe('expanded');
-        shell.expandPanel('left');
-        expect(store.writes.at(-1)?.panels).toEqual({ right: 'expanded' });
-    });
-    it('leaves edges without viewport defaults alone (backward compatible)', () => {
-        const shell = createShellState({ viewport: 'desktop' });
-        shell.expandPanel('left');
-        shell.setViewport('phone');
-        expect(shell.panels.left).toBe('expanded');
-        expect(shell.snapshot().viewport).toBe('phone');
-    });
-});
-describe('phone presentation', () => {
-    it('hides a phone-hidden edge only on phones, and Escape skips it there', () => {
-        const shell = createShellState({
-            viewport: 'phone',
-            config: { right: { phone: 'hidden', initial: 'expanded' } },
-        });
-        expect(shell.phonePresentation('right')).toBe('hidden');
-        expect(shell.phonePresentation('left')).toBe('drawer');
-        expect(shell.isEdgeShown('right')).toBe(false);
-        expect(shell.closeTopmostExpanded()).toBe(false);
-        expect(shell.panels.right).toBe('expanded');
-        shell.setViewport('desktop');
-        expect(shell.isEdgeShown('right')).toBe(true);
-        expect(shell.closeTopmostExpanded()).toBe(true);
-        expect(shell.panels.right).toBe('collapsed');
-    });
-});
-describe('resizable edges', () => {
-    it('resolves limits for side edges only', () => {
-        const config = resolveShellConfig({
-            right: { resizable: { min: 300, max: 600 } },
-            left: { resizable: true },
-            top: { resizable: true },
-        });
-        expect(resolvePanelResize('right', config.panels.right)).toEqual({
-            min: 300,
-            max: 600,
-            step: 16,
-        });
-        expect(resolvePanelResize('left', config.panels.left)).toEqual({
-            min: 240,
-            max: 720,
-            step: 16,
-        });
-        expect(resolvePanelResize('top', config.panels.top)).toBeNull();
-        expect(resolvePanelResize('bottom', config.panels.bottom)).toBeNull();
-    });
-    it('clamps, persists, and resets sizes', () => {
-        const store = adapter();
-        const shell = createShellState({
-            config: { right: { resizable: { min: 300, max: 600 } } },
-            settingsAdapter: store,
-        });
-        expect(shell.panelSize('right')).toBeNull();
-        shell.setPanelSize('right', 900);
-        expect(shell.panelSize('right')).toBe(600);
-        expect(store.writes.at(-1)?.sizes).toEqual({ right: 600 });
-        shell.setPanelSize('right', 120.4, { persist: false });
-        expect(shell.panelSize('right')).toBe(300);
-        expect(store.write).toHaveBeenCalledTimes(1);
-        shell.setPanelSize('right', null);
-        expect(shell.panelSize('right')).toBeNull();
-        expect(pruneShellSettingsDelta(shell.settings).sizes).toBeUndefined();
-    });
-    it('ignores sizes for edges that are not resizable', () => {
-        const shell = createShellState({ settings: { sizes: { left: 500 } } });
-        expect(shell.panelSize('left')).toBeNull();
-        shell.setPanelSize('left', 400);
-        expect(shell.settings.sizes).toEqual({ left: 500 });
-        expect(shell.panelSize('left')).toBeNull();
-    });
-    it('keeps a size in memory but not in storage when size persistence is off', () => {
-        const store = adapter({ sizes: { right: 480 } });
-        const shell = createShellState({
-            config: { right: { resizable: true, persist: { size: false } } },
-            settingsAdapter: store,
-        });
-        void shell.hydrate();
-        expect(shell.panelSize('right')).toBeNull();
-        shell.setPanelSize('right', 500);
-        expect(shell.panelSize('right')).toBe(500);
-        expect(store.writes.at(-1)?.sizes).toBeUndefined();
-    });
-});
-describe('persistence opt-out', () => {
-    it('reports what an edge persists', () => {
-        const config = resolveShellConfig({
-            left: { persist: false },
-            right: { persist: { state: false } },
-            bottom: { viewportDefaults: { phone: 'collapsed' } },
-        });
-        expect(panelPersists(config.panels.left, 'state')).toBe(false);
-        expect(panelPersists(config.panels.left, 'size')).toBe(false);
-        expect(panelPersists(config.panels.right, 'state')).toBe(false);
-        expect(panelPersists(config.panels.right, 'size')).toBe(true);
-        expect(panelPersists(config.panels.bottom, 'state')).toBe(false);
-        expect(panelPersists(config.panels.top, 'state')).toBe(true);
-    });
-    it('strips unpersisted panels and sizes on write and on read', async () => {
-        const config = resolveShellConfig({ left: { persist: false } });
-        expect(stripUnpersistedSettings({
-            panels: { left: 'expanded', right: 'collapsed' },
-            sizes: { left: 300 },
-        }, config)).toEqual({ panels: { right: 'collapsed' } });
-        const store = adapter({
-            panels: { left: 'expanded' },
-            hotkeysEnabled: false,
-        });
-        const shell = createShellState({
-            config: { left: { persist: false, initial: 'collapsed' } },
-            settingsAdapter: store,
-        });
-        await shell.hydrate();
-        expect(shell.panels.left).toBe('collapsed');
-        expect(shell.settings.hotkeysEnabled).toBe(false);
-        shell.expandPanel('left');
-        expect(shell.panels.left).toBe('expanded');
-        expect(store.writes.at(-1)?.panels).toBeUndefined();
-    });
-});

package/dist/components/workspace/__tests__/admin-shell-settings.test.js

@@ -1,25 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { mergeShellSettingsDelta, resolveHotkey, resolveInitialPanelState, resolveShellConfig, } from '../admin-shell/settings.js';
-describe('AdminShell settings', () => {
-    it('treats false app config as a hidden edge', () => {
-        const config = resolveShellConfig({ right: false });
-        expect(config.panels.right.initial).toBe('hidden');
-        expect(resolveInitialPanelState('right', config.panels.right)).toBe('hidden');
-        expect(resolveHotkey('right', config.panels.right)).toBeNull();
-    });
-    it('resolves user panel deltas over app defaults', () => {
-        const config = resolveShellConfig({
-            left: { initial: 'collapsed' },
-        });
-        expect(resolveInitialPanelState('left', config.panels.left, {
-            panels: { left: 'expanded' },
-        })).toBe('expanded');
-    });
-    it('merges sparse deltas without replacing unrelated keys', () => {
-        expect(mergeShellSettingsDelta({ hotkeysEnabled: true, panels: { left: 'expanded' } }, { keymap: { top: { code: 'KeyQ' } } })).toEqual({
-            hotkeysEnabled: true,
-            panels: { left: 'expanded' },
-            keymap: { top: { code: 'KeyQ' } },
-        });
-    });
-});