@crowdedkingdoms/crowdyjs 12.0.0 → 12.2.0

package/dist/crowdy-studio/embed/panel.js

@@ -0,0 +1,642 @@
+import { mountCrowdyStudio, } from '../mount.js';
+import { CROWDY_STUDIO_EMBED_NARROW_BREAKPOINT_PX, CrowdyStudioEmbedDock, addBodyClass, removeBodyClass, } from './dock.js';
+import { ensureCrowdyStudioEmbedStyles } from './embed-styles.js';
+const TITLE_ID = 'ck-crowdy-studio-embed-title';
+const DESCRIPTION_ID = 'ck-crowdy-studio-embed-description';
+const SHELL_ID = 'ck-crowdy-studio-embed-shell';
+const DRAWER_ID = 'ck-crowdy-studio-embed-drawer';
+/**
+ * Responsive game shell around CrowdyJS's project-first Crowdy Studio.
+ * Desktop uses a resizable right dock; narrow screens use a focus-trapped
+ * modal. Construct once per game and `toggle(context)` per open.
+ */
+export class CrowdyStudioEmbed {
+    constructor(options) {
+        this.options = options;
+        this.root = null;
+        this.mountElement = null;
+        this.statusElement = null;
+        this.drawerElement = null;
+        this.drawerButton = null;
+        this.handle = null;
+        this.context = null;
+        this.previousFocus = null;
+        this.restoreGameplayInput = null;
+        this.unmountHudPreview = null;
+        this.mountGeneration = 0;
+        this.displayMode = null;
+        this.viewportResize = () => {
+            this.updateDisplayMode();
+        };
+        this.keyDown = (event) => {
+            this.handleDialogKey(event);
+        };
+        this.documentKeyDown = (event) => {
+            if (!this.root || this.root.contains(event.target))
+                return;
+            this.handleDialogKey(event);
+        };
+        this.captureEscape = (event) => {
+            if (!this.root || !this.modal || event.code !== 'Escape' || event.repeat) {
+                return;
+            }
+            event.preventDefault();
+            event.stopPropagation();
+            this.close();
+        };
+        this.stopKeyboardEvent = (event) => {
+            event.stopPropagation();
+        };
+        this.documentKeyUp = (event) => {
+            if (this.root && !this.root.contains(event.target)) {
+                event.stopPropagation();
+            }
+        };
+        this.keepFocusInside = (event) => {
+            if (!this.root || this.root.contains(event.target))
+                return;
+            const first = focusableElements(this.root)[0];
+            if (first)
+                first.focus();
+            else
+                this.root.focus();
+        };
+        this.dock = new CrowdyStudioEmbedDock((width) => {
+            this.applyDockWidth(width);
+        }, options.dockStorage === undefined ? undefined : options.dockStorage);
+    }
+    get open() {
+        return this.root !== null;
+    }
+    get modal() {
+        return this.displayMode === 'fullscreen';
+    }
+    get mode() {
+        return this.displayMode;
+    }
+    toggle(context) {
+        if (this.root)
+            this.close();
+        else
+            this.show(context);
+    }
+    destroy() {
+        this.close();
+        this.dock.destroy();
+    }
+    close() {
+        if (!this.root)
+            return;
+        const context = this.context;
+        this.mountGeneration++;
+        this.options.onAgentUnmounted?.();
+        this.handle?.destroy();
+        this.handle = null;
+        this.unmountHudPreview?.();
+        this.unmountHudPreview = null;
+        this.leaveModalMode();
+        this.dock.deactivate();
+        window.removeEventListener('resize', this.viewportResize);
+        this.root.removeEventListener('keydown', this.keyDown);
+        this.root.removeEventListener('keyup', this.stopKeyboardEvent);
+        this.root.removeEventListener('keypress', this.stopKeyboardEvent);
+        this.root.remove();
+        removeBodyClass('ck-crowdy-studio-embed-open', 'ck-crowdy-studio-embed-docked', 'ck-crowdy-studio-embed-fullscreen', 'ck-crowdy-studio-embed-resizing');
+        this.clearDockWidth();
+        this.root = null;
+        this.mountElement = null;
+        this.statusElement = null;
+        this.drawerElement = null;
+        this.drawerButton = null;
+        this.context = null;
+        this.displayMode = null;
+        if (context)
+            this.options.onLayoutChange?.();
+        const restore = this.previousFocus;
+        this.previousFocus = null;
+        if (restore?.isConnected)
+            restore.focus();
+        this.options.onClosed?.();
+    }
+    show(context) {
+        ensureCrowdyStudioEmbedStyles();
+        this.context = context;
+        this.previousFocus =
+            document.activeElement instanceof HTMLElement
+                ? document.activeElement
+                : null;
+        const root = document.createElement('div');
+        root.className = 'ck-crowdy-studio-embed';
+        root.setAttribute('aria-labelledby', TITLE_ID);
+        root.setAttribute('aria-describedby', DESCRIPTION_ID);
+        root.tabIndex = -1;
+        root.addEventListener('keydown', this.keyDown);
+        root.addEventListener('keyup', this.stopKeyboardEvent);
+        root.addEventListener('keypress', this.stopKeyboardEvent);
+        root.addEventListener('mousedown', stopEventPropagation);
+        root.addEventListener('pointerdown', stopEventPropagation);
+        root.addEventListener('pointerup', stopEventPropagation);
+        root.addEventListener('click', stopEventPropagation);
+        root.addEventListener('dblclick', stopEventPropagation);
+        root.addEventListener('wheel', stopEventPropagation);
+        root.addEventListener('contextmenu', stopEventPropagation);
+        const shell = document.createElement('section');
+        shell.className = 'ck-crowdy-studio-embed-shell';
+        shell.id = SHELL_ID;
+        const header = this.header(context);
+        const workspace = document.createElement('div');
+        workspace.className = 'ck-crowdy-studio-embed-workspace';
+        const main = document.createElement('main');
+        main.className = 'ck-crowdy-studio-embed-main';
+        const status = document.createElement('div');
+        status.className = 'ck-crowdy-studio-embed-status is-loading';
+        status.setAttribute('role', 'status');
+        status.setAttribute('aria-live', 'polite');
+        const mountElement = document.createElement('div');
+        mountElement.className = 'ck-crowdy-studio-embed-mount';
+        mountElement.setAttribute('data-ck-crowdy-studio-embed-root', '');
+        main.append(status, mountElement);
+        const drawer = this.drawer(context);
+        workspace.append(main, drawer);
+        shell.append(header, workspace);
+        this.dock.separator.setAttribute('aria-controls', SHELL_ID);
+        root.append(this.dock.separator, shell);
+        document.body.appendChild(root);
+        addBodyClass('ck-crowdy-studio-embed-open');
+        this.root = root;
+        this.mountElement = mountElement;
+        this.statusElement = status;
+        this.drawerElement = drawer;
+        window.addEventListener('resize', this.viewportResize);
+        this.updateDisplayMode();
+        header
+            .querySelector('.ck-crowdy-studio-embed-close')
+            ?.focus();
+        void this.mountStudio();
+    }
+    /**
+     * Single compact header row: title, context pill, on-demand Context drawer
+     * toggle, Close. Project context and permission details live in the drawer
+     * so every workflow starts with maximum studio space.
+     */
+    header(context) {
+        const header = document.createElement('header');
+        header.className = 'ck-crowdy-studio-embed-header';
+        const title = document.createElement('h1');
+        title.id = TITLE_ID;
+        title.textContent = this.options.title ?? 'Crowdy Studio';
+        const description = document.createElement('p');
+        description.id = DESCRIPTION_ID;
+        description.className = 'ck-crowdy-studio-embed-visually-hidden';
+        description.textContent = this.accessibleDescription(context.gridId);
+        const pill = contextPill('Grid', context.gridId);
+        const contextButton = document.createElement('button');
+        contextButton.type = 'button';
+        contextButton.className = 'ck-crowdy-studio-embed-context-toggle';
+        contextButton.textContent = 'Context';
+        contextButton.title = context.hud
+            ? 'Grid bounds, permissions, and HUD preview'
+            : 'Grid bounds and permissions';
+        contextButton.setAttribute('aria-expanded', 'false');
+        contextButton.setAttribute('aria-controls', DRAWER_ID);
+        contextButton.addEventListener('click', () => this.toggleDrawer());
+        this.drawerButton = contextButton;
+        const close = document.createElement('button');
+        close.type = 'button';
+        close.className = 'ck-crowdy-studio-embed-close';
+        close.setAttribute('aria-label', 'Close Crowdy Studio');
+        close.title = this.closeKeyLabel()
+            ? `Close Crowdy Studio (Escape or ${this.closeKeyLabel()})`
+            : 'Close Crowdy Studio (Escape)';
+        close.textContent = 'Close';
+        close.addEventListener('click', () => this.close());
+        header.append(title, description, pill, contextButton, close);
+        return header;
+    }
+    /**
+     * On-demand context drawer: grid context, effective permissions, and (when
+     * a HUD sink is supplied) a lazily mounted HUD preview. Hidden by default;
+     * toggled from the header.
+     */
+    drawer(context) {
+        const aside = document.createElement('aside');
+        aside.className = 'ck-crowdy-studio-embed-drawer';
+        aside.id = DRAWER_ID;
+        aside.setAttribute('aria-label', 'Crowdy Studio context');
+        aside.hidden = true;
+        const contextTitle = document.createElement('h2');
+        contextTitle.textContent = 'Project context';
+        const grid = document.createElement('dl');
+        grid.className = 'ck-crowdy-studio-embed-grid-context';
+        appendDefinition(grid, 'Grid', context.gridId);
+        if (context.grid) {
+            appendDefinition(grid, 'Low chunk', formatChunk(context.grid.low));
+            appendDefinition(grid, 'High chunk', formatChunk(context.grid.high));
+        }
+        const permissionsTitle = document.createElement('h2');
+        permissionsTitle.textContent = 'Effective permissions';
+        const summary = document.createElement('p');
+        summary.textContent = permissionSummary(context.targetPermissions);
+        const permissions = document.createElement('div');
+        permissions.className = 'ck-crowdy-studio-embed-permissions';
+        permissions.append(permissionCard('SERVER', context.targetPermissions.SERVER), permissionCard('CLIENT', context.targetPermissions.CLIENT));
+        aside.append(contextTitle, grid, permissionsTitle, summary, permissions);
+        if (context.permissionsNote) {
+            const source = document.createElement('p');
+            source.className = 'ck-crowdy-studio-embed-permission-source';
+            source.textContent = context.permissionsNote;
+            aside.append(source);
+        }
+        if (context.hud) {
+            const hud = context.hud;
+            const previewDisclosure = document.createElement('details');
+            previewDisclosure.className =
+                'ck-crowdy-studio-embed-hud-preview-disclosure';
+            const previewSummary = document.createElement('summary');
+            previewSummary.textContent = 'HUD preview';
+            const preview = document.createElement('div');
+            preview.className = 'ck-crowdy-studio-embed-hud-preview';
+            preview.setAttribute('aria-live', 'polite');
+            previewDisclosure.append(previewSummary, preview);
+            previewDisclosure.addEventListener('toggle', () => {
+                if (previewDisclosure.open) {
+                    this.unmountHudPreview ?? (this.unmountHudPreview = hud.mountPreview(preview, this.presentationSource(context.gridId)));
+                }
+                else {
+                    this.unmountHudPreview?.();
+                    this.unmountHudPreview = null;
+                }
+            });
+            aside.append(previewDisclosure);
+        }
+        const hint = document.createElement('p');
+        hint.className = 'ck-crowdy-studio-embed-shortcuts';
+        hint.textContent = this.shortcutHint();
+        aside.append(hint);
+        return aside;
+    }
+    toggleDrawer(force) {
+        const drawer = this.drawerElement;
+        if (!drawer)
+            return;
+        const open = force ?? drawer.hidden;
+        drawer.hidden = !open;
+        this.drawerButton?.setAttribute('aria-expanded', String(open));
+        if (!open) {
+            const disclosure = drawer.querySelector('.ck-crowdy-studio-embed-hud-preview-disclosure');
+            if (disclosure)
+                disclosure.open = false;
+            this.unmountHudPreview?.();
+            this.unmountHudPreview = null;
+        }
+    }
+    async mountStudio() {
+        const context = this.context;
+        const mountElement = this.mountElement;
+        const status = this.statusElement;
+        if (!context || !mountElement || !status)
+            return;
+        const generation = ++this.mountGeneration;
+        this.options.onAgentUnmounted?.();
+        this.handle?.destroy();
+        this.handle = null;
+        mountElement.replaceChildren();
+        status.replaceChildren();
+        status.className = 'ck-crowdy-studio-embed-status is-loading';
+        const spinner = document.createElement('span');
+        spinner.className = 'ck-crowdy-studio-embed-spinner';
+        spinner.setAttribute('aria-hidden', 'true');
+        const loading = document.createElement('span');
+        loading.textContent = 'Opening your projects…';
+        status.append(spinner, loading);
+        try {
+            const handle = await this.mountSdkStudio(mountElement, context);
+            if (generation !== this.mountGeneration || this.root === null) {
+                handle.destroy();
+                return;
+            }
+            this.handle = handle;
+            this.options.onAgentMounted?.(handle);
+            status.className = 'ck-crowdy-studio-embed-status hidden';
+            status.replaceChildren();
+            this.root.dataset.crowdyStudioApi = handle.api;
+        }
+        catch (error) {
+            if (generation !== this.mountGeneration || this.root === null)
+                return;
+            this.options.onAgentUnavailable?.(errorMessage(error));
+            status.className = 'ck-crowdy-studio-embed-status is-error';
+            status.replaceChildren();
+            const title = document.createElement('strong');
+            title.textContent = 'Crowdy Studio could not open';
+            const message = document.createElement('span');
+            message.textContent =
+                `${errorMessage(error)}. Your grid access is unchanged and no ` +
+                    'project data was removed.';
+            const retry = document.createElement('button');
+            retry.type = 'button';
+            retry.className = 'ck-crowdy-studio-embed-retry';
+            retry.textContent = 'Retry';
+            retry.addEventListener('click', () => void this.mountStudio());
+            status.append(title, message, retry);
+        }
+    }
+    /** Assemble mount options from the game client + per-open context. */
+    async mountSdkStudio(element, context) {
+        const { client } = this.options;
+        const appId = this.currentAppId();
+        element.className += ' ck-crowdy-studio-embed-sdk-host';
+        const hud = context.hud;
+        const onPresentation = context.onPresentation ??
+            (hud
+                ? (presentation) => {
+                    if (presentation.channel !== 'hud')
+                        return;
+                    hud.set({
+                        source: this.presentationSource(context.gridId),
+                        label: 'Crowdy Studio preview',
+                        payload: presentation.payload,
+                    });
+                }
+                : undefined);
+        const handle = await mountCrowdyStudio(element, {
+            projectProvider: client.crowdyStudio,
+            playerCompute: client.playerCompute,
+            playerWallet: client.playerWallet,
+            appId,
+            gridId: context.gridId,
+            grid: context.grid,
+            workerUrl: context.workerUrl,
+            targetPermissions: context.targetPermissions,
+            onHostCall: context.onHostCall,
+            onPresentation,
+            ...(client.crowdyStudioAgent && context.playerHost
+                ? {
+                    agent: {
+                        transport: client.crowdyStudioAgent,
+                        createSession: {
+                            appId,
+                            gridId: context.gridId,
+                            mode: this.options.agentSession?.mode ?? 'ASK',
+                            providerDataConsent: this.options.agentSession?.providerDataConsent ?? false,
+                            idempotencyKey: this.agentIdempotencyKey(),
+                        },
+                        playerHost: context.playerHost,
+                        controlGate: this.options.controlGate,
+                        onLocalPreempt: this.options.onLocalPreempt,
+                    },
+                }
+                : {}),
+            ...this.options.runtimeOverrides,
+        });
+        element.dataset.crowdyStudioApi = 'project-first';
+        let destroyed = false;
+        return {
+            api: 'crowdy-studio',
+            controller: handle.controller,
+            agent: handle.agent,
+            controlLeaseManager: handle.controlLeaseManager,
+            destroy: () => {
+                if (destroyed)
+                    return;
+                destroyed = true;
+                handle.destroy();
+            },
+        };
+    }
+    currentAppId() {
+        const { appId } = this.options;
+        return typeof appId === 'function' ? appId() : appId;
+    }
+    agentIdempotencyKey() {
+        const prefix = this.options.agentSession?.idempotencyKeyPrefix ?? 'ck-agent-session:';
+        const random = typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function'
+            ? crypto.randomUUID()
+            : `${Date.now()}-${Math.random().toString(16).slice(2)}`;
+        return `${prefix}${random}`;
+    }
+    presentationSource(gridId) {
+        return `crowdy-studio:${gridId}`;
+    }
+    accessibleDescription(gridId) {
+        const game = this.options.gameName ?? 'This game';
+        return (`${game} live coding studio for grid ${gridId}. ` +
+            'Edits autosave; Test draft or Deploy live applies them. ' +
+            `${this.shortcutHint()}`);
+    }
+    shortcutHint() {
+        const key = this.closeKeyLabel();
+        return key
+            ? `Escape closes. ${key} closes from chrome; ${key} still types in editors.`
+            : 'Escape closes.';
+    }
+    closeKeyLabel() {
+        const code = this.closeKeyCode();
+        if (!code)
+            return null;
+        return code.startsWith('Key') ? code.slice(3) : code;
+    }
+    closeKeyCode() {
+        return this.options.closeKeyCode === undefined
+            ? 'KeyM'
+            : this.options.closeKeyCode;
+    }
+    updateDisplayMode() {
+        if (!this.root)
+            return;
+        const next = window.innerWidth < CROWDY_STUDIO_EMBED_NARROW_BREAKPOINT_PX
+            ? 'fullscreen'
+            : 'docked';
+        if (next === this.displayMode) {
+            if (next === 'docked')
+                this.dock.refresh();
+            return;
+        }
+        const previous = this.displayMode;
+        this.displayMode = next;
+        this.root.dataset.mode = next;
+        this.root.className = `ck-crowdy-studio-embed ${next === 'docked' ? 'is-docked' : 'is-fullscreen'}`;
+        if (next === 'fullscreen') {
+            this.dock.deactivate();
+            removeBodyClass('ck-crowdy-studio-embed-docked');
+            addBodyClass('ck-crowdy-studio-embed-fullscreen');
+            this.clearDockWidth();
+            this.root.setAttribute('role', 'dialog');
+            this.root.setAttribute('aria-modal', 'true');
+            this.enterModalMode();
+            this.options.onLayoutChange?.();
+            return;
+        }
+        this.leaveModalMode();
+        removeBodyClass('ck-crowdy-studio-embed-fullscreen');
+        addBodyClass('ck-crowdy-studio-embed-docked');
+        this.root.setAttribute('role', 'complementary');
+        this.root.removeAttribute('aria-modal');
+        if (previous === null && document.pointerLockElement) {
+            void document.exitPointerLock();
+        }
+        this.dock.activate();
+    }
+    enterModalMode() {
+        if (!this.root || !this.context || this.restoreGameplayInput)
+            return;
+        this.restoreGameplayInput =
+            this.options.suppressGameplayInput?.() ?? (() => { });
+        if (document.pointerLockElement)
+            void document.exitPointerLock();
+        document.addEventListener('keydown', this.documentKeyDown);
+        document.addEventListener('keydown', this.captureEscape, true);
+        document.addEventListener('keyup', this.documentKeyUp);
+        document.addEventListener('focusin', this.keepFocusInside);
+        if (!this.root.contains(document.activeElement)) {
+            this.root
+                .querySelector('.ck-crowdy-studio-embed-close')
+                ?.focus();
+        }
+    }
+    leaveModalMode() {
+        document.removeEventListener('keydown', this.documentKeyDown);
+        document.removeEventListener('keydown', this.captureEscape, true);
+        document.removeEventListener('keyup', this.documentKeyUp);
+        document.removeEventListener('focusin', this.keepFocusInside);
+        this.restoreGameplayInput?.();
+        this.restoreGameplayInput = null;
+    }
+    applyDockWidth(width) {
+        if (!this.root || this.displayMode !== 'docked')
+            return;
+        document.body.style.setProperty('--ck-crowdy-studio-embed-dock-width', `${width}px`);
+        document.body.style.setProperty('--ck-game-right-inset', `${width}px`);
+        this.options.onLayoutChange?.();
+    }
+    clearDockWidth() {
+        document.body.style.removeProperty('--ck-crowdy-studio-embed-dock-width');
+        document.body.style.removeProperty('--ck-game-right-inset');
+    }
+    handleDialogKey(event) {
+        if (!this.root)
+            return;
+        if (event.code === 'Escape' && !event.repeat) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.close();
+            return;
+        }
+        const closeKey = this.closeKeyCode();
+        if (closeKey !== null &&
+            event.code === closeKey &&
+            !event.repeat &&
+            !event.altKey &&
+            !event.ctrlKey &&
+            !event.metaKey &&
+            !isTextEntryTarget(event.target)) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.close();
+            return;
+        }
+        if (event.code === 'Tab' && this.modal)
+            this.trapTab(event);
+        event.stopPropagation();
+    }
+    trapTab(event) {
+        if (!this.root)
+            return;
+        const focusable = focusableElements(this.root);
+        if (focusable.length === 0) {
+            event.preventDefault();
+            this.root.focus();
+            return;
+        }
+        const active = document.activeElement;
+        const index = focusable.indexOf(active);
+        if (event.shiftKey && index <= 0) {
+            event.preventDefault();
+            focusable.at(-1)?.focus();
+        }
+        else if (!event.shiftKey &&
+            (index < 0 || index === focusable.length - 1)) {
+            event.preventDefault();
+            focusable[0]?.focus();
+        }
+    }
+}
+/** Convenience factory mirroring the class constructor. */
+export function createCrowdyStudioEmbed(options) {
+    return new CrowdyStudioEmbed(options);
+}
+function contextPill(label, value) {
+    const pill = document.createElement('span');
+    pill.className = 'ck-crowdy-studio-embed-context-pill';
+    const key = document.createElement('small');
+    key.textContent = label;
+    const text = document.createElement('strong');
+    text.textContent = value;
+    pill.append(key, text);
+    return pill;
+}
+function appendDefinition(list, label, value) {
+    const term = document.createElement('dt');
+    term.textContent = label;
+    const description = document.createElement('dd');
+    description.textContent = value;
+    list.append(term, description);
+}
+function permissionCard(target, permissions) {
+    const card = document.createElement('section');
+    card.className =
+        !permissions.canWrite && !permissions.canRun
+            ? 'ck-crowdy-studio-embed-permission is-disabled'
+            : 'ck-crowdy-studio-embed-permission';
+    const title = document.createElement('strong');
+    title.textContent = target;
+    const write = permissionBadge('Write', permissions.canWrite);
+    const run = permissionBadge('Run', permissions.canRun);
+    card.append(title, write, run);
+    return card;
+}
+function permissionBadge(label, allowed) {
+    const badge = document.createElement('span');
+    badge.className = allowed ? 'is-allowed' : 'is-denied';
+    badge.textContent = `${label} ${allowed ? 'allowed' : 'unavailable'}`;
+    return badge;
+}
+function permissionSummary(permissions) {
+    const target = (label, value) => {
+        const capabilities = [
+            value.canWrite ? 'write' : '',
+            value.canRun ? 'run' : '',
+        ].filter(Boolean);
+        return `${label} ${capabilities.join('/') || 'unavailable'}`;
+    };
+    return [
+        target('SERVER', permissions.SERVER),
+        target('CLIENT', permissions.CLIENT),
+    ].join(' · ');
+}
+function formatChunk(chunk) {
+    return `${chunk.x}, ${chunk.y}, ${chunk.z}`;
+}
+function focusableElements(root) {
+    return Array.from(root.querySelectorAll('button:not([disabled]), a[href], input:not([disabled]), ' +
+        'select:not([disabled]), textarea:not([disabled]), ' +
+        '[contenteditable="true"], [tabindex]:not([tabindex="-1"])')).filter((element) => !element.hidden &&
+        element.getAttribute('aria-hidden') !== 'true' &&
+        element.closest('.hidden') === null);
+}
+function isTextEntryTarget(target) {
+    if (!(target instanceof Element))
+        return false;
+    return (target instanceof HTMLInputElement ||
+        target instanceof HTMLTextAreaElement ||
+        target instanceof HTMLSelectElement ||
+        (target instanceof HTMLElement && target.isContentEditable) ||
+        target.closest('[contenteditable="true"], [role="textbox"], .monaco-editor, ' +
+            '.ck-crowdy-studio-editor') !== null);
+}
+function errorMessage(error) {
+    return error instanceof Error ? error.message : String(error);
+}
+function stopEventPropagation(event) {
+    event.stopPropagation();
+}

package/dist/crowdy-studio/index.d.ts

@@ -8,6 +8,9 @@ export { EMBEDDED_PLATFORM_INDEX, MAX_PLATFORM_CRATES, MAX_PLATFORM_CRATE_FIELD_
 export { DEFAULT_VFS_LIMITS, VfsLimitError, VirtualFileSystem, offsetAt, type VirtualDocument, type VirtualFileSystemLimits, } from '../live-coding/vfs.js';
 export { WorkerLanguageClient, WorkerMessageReader, WorkerMessageWriter, createDefaultRustLanguageWorker, type LanguageWorkerLike, type WorkerLanguageClientOptions, } from '../live-coding/worker-transport.js';
 export { CrowdyStudioAgentDomShell, type CrowdyStudioAgentDomShellOptions, } from './agent-dom-shell.js';
+export { STUDIO_LAYOUT_STORAGE_KEY, STUDIO_PANE_IDS, StudioLayoutController, clampStudioPaneSize, studioPaneSizeRange, type StudioLayoutControllerOptions, type StudioLayoutListener, type StudioLayoutState, type StudioLayoutStorage, type StudioPaneId, type StudioPaneSizeRange, } from './layout.js';
+export { createPaneSplitter, type PaneSplitterHandle, type PaneSplitterOptions, type PaneSplitterRange, } from './splitter.js';
+export * from './embed/index.js';
 export * from '../crowdy-agent/index.js';
 export * from '../player-host/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/crowdy-studio/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/crowdy-studio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,KAAK,6BAA6B,EAClC,KAAK,kBAAkB,EACvB,KAAK,4BAA4B,EACjC,KAAK,0BAA0B,EAC/B,KAAK,wBAAwB,EAC7B,KAAK,wBAAwB,EAC7B,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,EAC9B,KAAK,eAAe,EACpB,KAAK,yBAAyB,EAC9B,KAAK,uBAAuB,EAC5B,KAAK,4BAA4B,EACjC,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,iBAAiB,EACtB,KAAK,sBAAsB,EAC3B,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,GAChC,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,iBAAiB,EACjB,KAAK,kBAAkB,EACvB,KAAK,6BAA6B,EAClC,KAAK,wBAAwB,GAC9B,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,wBAAwB,EACxB,iCAAiC,EACjC,wBAAwB,EACxB,mBAAmB,EACnB,mBAAmB,EACnB,yBAAyB,EACzB,cAAc,EACd,KAAK,8BAA8B,EACnC,KAAK,oCAAoC,EACzC,KAAK,4BAA4B,EACjC,KAAK,4BAA4B,EACjC,KAAK,6BAA6B,EAClC,KAAK,0BAA0B,EAC/B,KAAK,8BAA8B,EACnC,KAAK,kCAAkC,EACvC,KAAK,mCAAmC,EACxC,KAAK,mBAAmB,EACxB,KAAK,6BAA6B,EAClC,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC5B,KAAK,2BAA2B,EAChC,KAAK,2BAA2B,EAChC,KAAK,2BAA2B,EAChC,KAAK,wBAAwB,EAC7B,KAAK,0BAA0B,EAC/B,KAAK,yBAAyB,EAC9B,KAAK,qBAAqB,EAC1B,KAAK,mCAAmC,EACxC,KAAK,kCAAkC,EACvC,KAAK,0BAA0B,EAC/B,KAAK,kBAAkB,EACvB,KAAK,gCAAgC,EACrC,KAAK,4BAA4B,GAClC,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,gCAAgC,EAChC,KAAK,6BAA6B,GACnC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,qBAAqB,EACrB,KAAK,sBAAsB,EAC3B,KAAK,8BAA8B,EACnC,KAAK,4BAA4B,GAClC,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,0BAA0B,EAC1B,KAAK,+BAA+B,GACrC,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,uBAAuB,EACvB,mBAAmB,EACnB,+BAA+B,EAC/B,wBAAwB,EACxB,+BAA+B,EAC/B,iBAAiB,EACjB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,kBAAkB,GACxB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,KAAK,eAAe,EACpB,KAAK,uBAAuB,GAC7B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,+BAA+B,EAC/B,KAAK,kBAAkB,EACvB,KAAK,2BAA2B,GACjC,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,yBAAyB,EACzB,KAAK,gCAAgC,GACtC,MAAM,sBAAsB,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/crowdy-studio/index.ts"],"names":[],"mappings":"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"}

package/dist/crowdy-studio/index.js

@@ -8,5 +8,8 @@ export { EMBEDDED_PLATFORM_INDEX, MAX_PLATFORM_CRATES, MAX_PLATFORM_CRATE_FIELD_
 export { DEFAULT_VFS_LIMITS, VfsLimitError, VirtualFileSystem, offsetAt, } from '../live-coding/vfs.js';
 export { WorkerLanguageClient, WorkerMessageReader, WorkerMessageWriter, createDefaultRustLanguageWorker, } from '../live-coding/worker-transport.js';
 export { CrowdyStudioAgentDomShell, } from './agent-dom-shell.js';
+export { STUDIO_LAYOUT_STORAGE_KEY, STUDIO_PANE_IDS, StudioLayoutController, clampStudioPaneSize, studioPaneSizeRange, } from './layout.js';
+export { createPaneSplitter, } from './splitter.js';
+export * from './embed/index.js';
 export * from '../crowdy-agent/index.js';
 export * from '../player-host/index.js';