@happyvertical/smrt-svelte 0.53.1 → 0.53.2

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

@@ -1,286 +0,0 @@
-import { flushSync, mount, unmount } from 'svelte';
-import { describe, expect, it, vi } from 'vitest';
-import { createShellState } from '../admin-shell/state.svelte.js';
-import MutationEffectHarness from './admin-shell-mutation-effect-harness.svelte';
-function mountMutationEffect(shell, run) {
-    const target = document.createElement('div');
-    document.body.appendChild(target);
-    let getRuns = () => 0;
-    let setActivityProgress = (_progress) => { };
-    const component = mount(MutationEffectHarness, {
-        target,
-        props: {
-            shell,
-            run,
-            onReady: (controls) => {
-                getRuns = controls.getRuns;
-                setActivityProgress = controls.setActivityProgress;
-            },
-        },
-    });
-    return {
-        getRuns,
-        setActivityProgress,
-        teardown: () => {
-            unmount(component);
-            target.remove();
-        },
-    };
-}
-describe('ShellState', () => {
-    it('persists runtime hide/show and restores hidden preferences on hydration', async () => {
-        const write = vi.fn();
-        const shell = createShellState({
-            settingsAdapter: { read: () => null, write },
-        });
-        shell.setPanelState('left', 'hidden');
-        expect(shell.panels.left).toBe('hidden');
-        expect(write).toHaveBeenLastCalledWith(expect.objectContaining({ panels: { left: 'hidden' } }));
-        const restored = createShellState({
-            settingsAdapter: { read: () => shell.snapshot().settings, write },
-        });
-        await restored.hydrate();
-        expect(restored.panels.left).toBe('hidden');
-        restored.setPanelState('left', 'expanded');
-        expect(restored.panels.left).toBe('expanded');
-        restored.setPanelState('left', 'collapsed');
-        expect(restored.panels.left).toBe('collapsed');
-    });
-    it('keeps app-disabled edges hidden and rejects unknown runtime panel states', () => {
-        const shell = createShellState({ config: { right: false } });
-        shell.setPanelState('right', 'expanded');
-        expect(shell.panels.right).toBe('hidden');
-        shell.setPanelState('left', 'unknown');
-        expect(shell.panels.left).toBe('collapsed');
-    });
-    it('allows panels to expand independently by default', () => {
-        const shell = createShellState();
-        shell.expandPanel('top');
-        shell.expandPanel('bottom');
-        expect(shell.panels.top).toBe('expanded');
-        expect(shell.panels.bottom).toBe('expanded');
-    });
-    it('closes peers in the same exclusivity group', () => {
-        const shell = createShellState({
-            config: {
-                top: { exclusiveGroup: 'vertical' },
-                bottom: { exclusiveGroup: 'vertical' },
-            },
-        });
-        shell.expandPanel('top');
-        shell.expandPanel('bottom');
-        expect(shell.panels.top).toBe('collapsed');
-        expect(shell.panels.bottom).toBe('expanded');
-    });
-    it('registers and unregisters focus tools', () => {
-        const shell = createShellState();
-        const unregister = shell.registerFocusTool({
-            id: 'activity',
-            label: 'Activity',
-        });
-        expect(shell.focusTools.map((tool) => tool.id)).toEqual(['activity']);
-        expect(shell.activeFocusToolId).toBe('activity');
-        unregister();
-        expect(shell.focusTools).toEqual([]);
-        expect(shell.activeFocusToolId).toBeNull();
-    });
-    it('re-homes activities to system when their edge is hidden', () => {
-        const shell = createShellState({ config: { right: false } });
-        shell.upsertActivity({
-            id: 'encode-1',
-            label: 'Encode',
-            kind: 'video-encode',
-            scope: 'focus',
-            status: 'running',
-        });
-        expect(shell.listActivities()[0]?.edge).toBe('bottom');
-        expect(shell.activityBadge('bottom').count).toBe(1);
-    });
-    it('emits lifecycle events for activity updates', () => {
-        const shell = createShellState();
-        const listener = vi.fn();
-        shell.watchActivities(listener);
-        shell.upsertActivity({
-            id: 'import-1',
-            label: 'Import',
-            kind: 'import',
-            scope: 'system',
-            status: 'running',
-        });
-        shell.updateActivity('import-1', { status: 'completed' });
-        expect(listener).toHaveBeenCalledWith(expect.objectContaining({ type: 'transition' }));
-    });
-    it('keeps an exclusivity-closed peer collapsed after settings re-resolve', () => {
-        const shell = createShellState({
-            config: {
-                top: { exclusiveGroup: 'vertical' },
-                bottom: { exclusiveGroup: 'vertical' },
-            },
-        });
-        shell.expandPanel('top');
-        shell.expandPanel('bottom');
-        // Re-applying settings (as hydrate / app-default changes do) must not
-        // resurrect the peer the exclusivity rule collapsed.
-        shell.applySettings({});
-        expect(shell.panels.top).toBe('collapsed');
-        expect(shell.panels.bottom).toBe('expanded');
-    });
-    it('re-homes to a visible edge when both the scope edge and system are hidden', () => {
-        const shell = createShellState({ config: { right: false, bottom: false } });
-        shell.upsertActivity({
-            id: 'encode-2',
-            label: 'Encode',
-            kind: 'video-encode',
-            scope: 'focus',
-            status: 'running',
-        });
-        const edge = shell.listActivities()[0]?.edge;
-        expect(edge).toBeDefined();
-        expect(shell.panels[edge]).not.toBe('hidden');
-    });
-    it('flags progress-only updates as upsert with a previous snapshot', () => {
-        const shell = createShellState();
-        const events = [];
-        shell.watchActivities((event) => {
-            if (event.type !== 'remove') {
-                events.push(`${event.type}:${event.previous ? 'has-prev' : 'new'}`);
-            }
-        });
-        shell.upsertActivity({
-            id: 'encode-3',
-            label: 'Encode',
-            kind: 'video-encode',
-            scope: 'system',
-            status: 'running',
-            progress: 10,
-        });
-        shell.updateActivity('encode-3', { progress: 40 });
-        // A new activity is a notify-worthy "started"; a progress-only tick is an
-        // upsert carrying `previous`, which the toaster filters out.
-        expect(events).toEqual(['upsert:new', 'upsert:has-prev']);
-    });
-    it('does not leak focus-tool state reads into consumer effects', () => {
-        const shell = createShellState();
-        const harness = mountMutationEffect(shell, (state) => {
-            const unregister = state.registerFocusTool({
-                id: 'activity',
-                label: 'Activity',
-            });
-            state.openFocusTool('activity');
-            return unregister;
-        });
-        try {
-            flushSync();
-            expect(harness.getRuns()).toBe(1);
-            shell.collapsePanel('right');
-            flushSync();
-            shell.openFocusTool('activity');
-            flushSync();
-            expect(harness.getRuns()).toBe(1);
-            expect(shell.focusTools.map((tool) => tool.id)).toEqual(['activity']);
-        }
-        finally {
-            harness.teardown();
-        }
-    });
-    it('keeps imperative open idempotent and toggles only through toggleFocusTool', () => {
-        const shell = createShellState();
-        shell.registerFocusTool({ id: 'chat', label: 'Chat' });
-        shell.openFocusTool('chat');
-        expect(shell.panels.right).toBe('expanded');
-        expect(shell.activeFocusToolId).toBe('chat');
-        // Imperative callers can safely ensure that a tool is open.
-        shell.openFocusTool('chat');
-        expect(shell.panels.right).toBe('expanded');
-        expect(shell.activeFocusToolId).toBe('chat');
-        // Rail clicks use the explicit toggle operation.
-        shell.toggleFocusTool('chat');
-        expect(shell.panels.right).toBe('collapsed');
-        shell.toggleFocusTool('chat');
-        expect(shell.panels.right).toBe('expanded');
-        // Switching tools never collapses.
-        shell.registerFocusTool({ id: 'files', label: 'Files' });
-        shell.openFocusTool('files');
-        expect(shell.panels.right).toBe('expanded');
-        expect(shell.activeFocusToolId).toBe('files');
-    });
-    it('does not leak panel state reads into consumer effects', () => {
-        const shell = createShellState();
-        const harness = mountMutationEffect(shell, (state) => {
-            state.setPanel('right', 'expanded');
-            return undefined;
-        });
-        try {
-            flushSync();
-            expect(harness.getRuns()).toBe(1);
-            shell.togglePanel('right');
-            flushSync();
-            expect(harness.getRuns()).toBe(1);
-            expect(shell.panels.right).toBe('collapsed');
-        }
-        finally {
-            harness.teardown();
-        }
-    });
-    it('does not leak settings state reads into consumer effects', () => {
-        const shell = createShellState();
-        const harness = mountMutationEffect(shell, (state) => {
-            state.applySettings({ panels: { right: 'expanded' } });
-            return undefined;
-        });
-        try {
-            flushSync();
-            expect(harness.getRuns()).toBe(1);
-            shell.setHotkey('right', 'KeyR');
-            flushSync();
-            expect(harness.getRuns()).toBe(1);
-            expect(shell.settings.keymap?.right).toEqual({ code: 'KeyR' });
-        }
-        finally {
-            harness.teardown();
-        }
-    });
-    it('does not leak activity state reads into consumer effects', () => {
-        const shell = createShellState();
-        const harness = mountMutationEffect(shell, (state) => {
-            state.upsertActivity({
-                id: 'sync-1',
-                label: 'Sync',
-                kind: 'sync',
-                scope: 'system',
-                status: 'running',
-            });
-            return undefined;
-        });
-        try {
-            flushSync();
-            expect(harness.getRuns()).toBe(1);
-            shell.updateActivity('sync-1', { progress: 50 });
-            flushSync();
-            expect(harness.getRuns()).toBe(1);
-            expect(shell.listActivities()[0]?.progress).toBe(50);
-        }
-        finally {
-            harness.teardown();
-        }
-    });
-    it('keeps caller-supplied reactive activity inputs tracked', () => {
-        const shell = createShellState();
-        const harness = mountMutationEffect(shell, (state, inputs) => {
-            state.upsertActivity(inputs.activity);
-            return undefined;
-        });
-        try {
-            flushSync();
-            expect(harness.getRuns()).toBe(1);
-            expect(shell.listActivities()[0]?.progress).toBe(0);
-            harness.setActivityProgress(75);
-            flushSync();
-            expect(harness.getRuns()).toBe(2);
-            expect(shell.listActivities()[0]?.progress).toBe(75);
-        }
-        finally {
-            harness.teardown();
-        }
-    });
-});

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

@@ -1,36 +0,0 @@
-/**
- * An app themes the shell through custom properties instead of restyling its
- * internal classes: the page background, themed thin scrollbars, the shell
- * title's font family, and a right rail that never pads wider than its track.
- */
-import { readFileSync } from 'node:fs';
-import { join } from 'node:path';
-import { describe, expect, it } from 'vitest';
-const packageRoot = process.cwd().endsWith('packages/smrt-svelte')
-    ? process.cwd()
-    : join(process.cwd(), 'packages/smrt-svelte');
-const shellDir = join(packageRoot, 'src/components/workspace/admin-shell');
-const shell = readFileSync(join(shellDir, 'AdminShell.svelte'), 'utf8');
-const title = readFileSync(join(shellDir, 'ShellTitle.svelte'), 'utf8');
-function ruleBody(source, selector) {
-    const start = source.indexOf(`${selector} {`);
-    expect(start).toBeGreaterThan(-1);
-    return source.slice(start, source.indexOf('\n  }', start));
-}
-describe('AdminShell theme hooks', () => {
-    it('reads its page background from --smrt-admin-shell-background', () => {
-        expect(ruleBody(shell, '.smrt-admin-shell')).toMatch(/background:\s*var\(--smrt-admin-shell-background,\s*var\(--smrt-color-surface\)\)/);
-    });
-    it('themes thin scrollbars from tokens, overridable per app', () => {
-        const root = ruleBody(shell, '.smrt-admin-shell');
-        expect(root).toMatch(/scrollbar-color:[^;]*--smrt-admin-shell-scrollbar-thumb[^;]*--smrt-admin-shell-scrollbar-track/s);
-        expect(ruleBody(shell, '.smrt-admin-shell :global(*)')).toMatch(/scrollbar-width:\s*thin/);
-        expect(shell).toContain('--smrt-admin-shell-scrollbar-thumb-hover');
-    });
-    it('keeps a right rail collapsed to 0 from painting padding', () => {
-        expect(ruleBody(shell, '.smrt-admin-shell__edge--right .smrt-admin-shell__rail')).toMatch(/padding-inline:\s*min\(\s*var\(--smrt-spacing-3\),\s*calc\(var\(--smrt-admin-shell-right-collapsed\) \/ 4\)/);
-    });
-    it('lets an app set the shell title font family', () => {
-        expect(ruleBody(title, '.smrt-shell-title')).toMatch(/font-family:\s*var\(--smrt-shell-title-font-family/);
-    });
-});

package/dist/components/workspace/__tests__/breadcrumbs-helpers.test.js

@@ -1,141 +0,0 @@
-/**
- * Tests for Breadcrumbs' pure derivation helpers.
- *
- * The Svelte component is a thin renderer over `deriveCrumbsFromNav`,
- * so testing the helper covers:
- *  - explicit pass-through (handled in the component layer)
- *  - auto mode: nav-tree label lookup
- *  - fallback to capitalized segments for unknown paths
- *  - `rootCrumb` prepend
- *  - `startAfter` segment skipping
- */
-import { describe, expect, it } from 'vitest';
-import { capitalizeSegment, deriveCrumbsFromNav, findLabelInNav, } from '../breadcrumbs-helpers.js';
-const nav = [
-    {
-        href: '/content',
-        label: 'Content',
-        children: [
-            { href: '/content/articles', label: 'Articles' },
-            {
-                href: '/content/media',
-                label: 'Media library',
-                children: [{ href: '/content/media/images', label: 'Images' }],
-            },
-        ],
-    },
-];
-describe('findLabelInNav', () => {
-    it('finds a top-level label', () => {
-        expect(findLabelInNav(nav, '/content')).toBe('Content');
-    });
-    it('finds a nested label', () => {
-        expect(findLabelInNav(nav, '/content/media/images')).toBe('Images');
-    });
-    it('returns null when not found', () => {
-        expect(findLabelInNav(nav, '/missing')).toBeNull();
-    });
-});
-describe('capitalizeSegment', () => {
-    it('uppercases the first letter', () => {
-        expect(capitalizeSegment('articles')).toBe('Articles');
-    });
-    it('replaces dashes and underscores with spaces', () => {
-        expect(capitalizeSegment('my-cool-section')).toBe('My cool section');
-        expect(capitalizeSegment('snake_case_thing')).toBe('Snake case thing');
-    });
-    it('handles empty input gracefully', () => {
-        expect(capitalizeSegment('')).toBe('');
-    });
-});
-describe('deriveCrumbsFromNav', () => {
-    it('builds crumbs from nav matches', () => {
-        const crumbs = deriveCrumbsFromNav('/content/articles', nav);
-        expect(crumbs).toEqual([
-            { label: 'Content', href: '/content' },
-            { label: 'Articles', href: '/content/articles' },
-        ]);
-    });
-    it('falls back to capitalized segments for unknown paths', () => {
-        const crumbs = deriveCrumbsFromNav('/content/random-thing', nav);
-        expect(crumbs).toEqual([
-            { label: 'Content', href: '/content' },
-            { label: 'Random thing', href: '/content/random-thing' },
-        ]);
-    });
-    it('disables capitalization when capitalize=false', () => {
-        const crumbs = deriveCrumbsFromNav('/content/random-thing', nav, {
-            capitalize: false,
-        });
-        expect(crumbs[1]).toEqual({
-            label: 'random-thing',
-            href: '/content/random-thing',
-        });
-    });
-    it('prepends rootCrumb', () => {
-        const crumbs = deriveCrumbsFromNav('/content', nav, {
-            rootCrumb: { label: 'My Site', href: '/' },
-        });
-        expect(crumbs[0]).toEqual({ label: 'My Site', href: '/' });
-        expect(crumbs[1]).toEqual({ label: 'Content', href: '/content' });
-    });
-    it('skips segments before startAfter and resolves remaining against nav', () => {
-        const siteNav = [
-            {
-                href: '/sites/foo/content',
-                label: 'Content',
-                children: [{ href: '/sites/foo/content/articles', label: 'Articles' }],
-            },
-        ];
-        const crumbs = deriveCrumbsFromNav('/sites/foo/content/articles', siteNav, {
-            rootCrumb: { label: 'Foo', href: '/sites/foo' },
-            startAfter: 'sites/foo',
-        });
-        expect(crumbs).toEqual([
-            { label: 'Foo', href: '/sites/foo' },
-            { label: 'Content', href: '/sites/foo/content' },
-            { label: 'Articles', href: '/sites/foo/content/articles' },
-        ]);
-    });
-    it('returns only rootCrumb when startAfter is not present in pathname', () => {
-        const crumbs = deriveCrumbsFromNav('/other/path', nav, {
-            rootCrumb: { label: 'Root', href: '/' },
-            startAfter: 'sites/foo',
-        });
-        expect(crumbs).toEqual([{ label: 'Root', href: '/' }]);
-    });
-    it('returns an empty array for an empty pathname with no rootCrumb', () => {
-        expect(deriveCrumbsFromNav('', nav)).toEqual([]);
-    });
-    it('handles a leading-slash startAfter the same as no leading slash', () => {
-        const siteNav = [
-            { href: '/sites/foo/content', label: 'Content' },
-        ];
-        const a = deriveCrumbsFromNav('/sites/foo/content', siteNav, {
-            startAfter: '/sites/foo',
-        });
-        const b = deriveCrumbsFromNav('/sites/foo/content', siteNav, {
-            startAfter: 'sites/foo',
-        });
-        expect(a).toEqual(b);
-    });
-    // Regression for #1231: multi-segment startAfter must match the full
-    // contiguous sequence in the pathname, not just the last token. Previous
-    // implementation used `segments.indexOf(lastStartSegment)` which would
-    // find the wrong offset when an earlier segment repeated the last token.
-    it('matches the full contiguous startAfter sequence even when its trailing token appears earlier in the path', () => {
-        const siteNav = [
-            { href: '/sites/sites/content', label: 'Content' },
-        ];
-        const crumbs = deriveCrumbsFromNav('/sites/sites/content', siteNav, {
-            startAfter: 'sites/sites',
-        });
-        // If the helper anchored on the first `sites`, basePath would be
-        // `/sites` and we'd emit two extra crumbs (`sites`, `content`). The
-        // correct behavior is to anchor on the second `sites` and emit only
-        // the trailing `content` crumb.
-        expect(crumbs).toEqual([
-            { label: 'Content', href: '/sites/sites/content' },
-        ]);
-    });
-});

package/dist/components/workspace/__tests__/context-forwarding-harness.svelte

@@ -1,45 +0,0 @@
-<script lang="ts">
-/**
- * Harness for asserting that <ToolsDock>'s `context` prop is forwarded into
- * the dock instance reactively — including the case where the initial value
- * is `undefined` and is later populated (async route data), and the case
- * where the prop changes multiple times after mount.
- *
- * Owns a `$state` ref for the current context so that the test can mutate it
- * post-mount via the `setContextProp` callback exposed via `onReady`.
- */
-import {
-  defineToolsDock,
-  type ToolsDockInstance,
-} from '../tools-dock/define-tools-dock.svelte.js';
-import ToolsDock from '../tools-dock/ToolsDock.svelte';
-import type { ToolsDockContext } from '../types.js';
-
-interface Props {
-  onReady: (api: {
-    dock: ToolsDockInstance;
-    setContextProp: (next: ToolsDockContext | null | undefined) => void;
-  }) => void;
-}
-
-const props: Props = $props();
-
-const NoopBody = (() => null) as never;
-
-const dock = defineToolsDock({
-  tools: [{ id: 'chat', label: 'Chat', component: NoopBody }],
-});
-
-let currentContext = $state<ToolsDockContext | null | undefined>(undefined);
-
-// This harness intentionally snapshots the callback during component setup.
-// svelte-ignore state_referenced_locally
-props.onReady({
-  dock,
-  setContextProp: (next) => {
-    currentContext = next;
-  },
-});
-</script>
-
-<ToolsDock {dock} context={currentContext} />

package/dist/components/workspace/__tests__/context-forwarding-harness.svelte.d.ts

@@ -1,21 +0,0 @@
-/**
- * Harness for asserting that <ToolsDock>'s `context` prop is forwarded into
- * the dock instance reactively — including the case where the initial value
- * is `undefined` and is later populated (async route data), and the case
- * where the prop changes multiple times after mount.
- *
- * Owns a `$state` ref for the current context so that the test can mutate it
- * post-mount via the `setContextProp` callback exposed via `onReady`.
- */
-import { type ToolsDockInstance } from '../tools-dock/define-tools-dock.svelte.js';
-import type { ToolsDockContext } from '../types.js';
-interface Props {
-    onReady: (api: {
-        dock: ToolsDockInstance;
-        setContextProp: (next: ToolsDockContext | null | undefined) => void;
-    }) => void;
-}
-declare const ContextForwardingHarness: import("svelte").Component<Props, {}, "">;
-type ContextForwardingHarness = ReturnType<typeof ContextForwardingHarness>;
-export default ContextForwardingHarness;
-//# sourceMappingURL=context-forwarding-harness.svelte.d.ts.map

package/dist/components/workspace/__tests__/context-forwarding-harness.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context-forwarding-harness.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/workspace/__tests__/context-forwarding-harness.svelte.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD,UAAU,KAAK;IACb,OAAO,EAAE,CAAC,GAAG,EAAE;QACb,IAAI,EAAE,iBAAiB,CAAC;QACxB,cAAc,EAAE,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;KACrE,KAAK,IAAI,CAAC;CACZ;AAgCD,QAAA,MAAM,wBAAwB,2CAAwC,CAAC;AACvE,KAAK,wBAAwB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAC5E,eAAe,wBAAwB,CAAC"}