egaki 0.7.2 → 0.9.0

package/dist/vite/code-block.js

@@ -31,8 +31,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * - Supabase frame:         https://github.com/raycast/ray-so/blob/main/app/(navigation)/(code)/components/frames/SupabaseFrame.tsx
  * - Cloudflare frame:       https://github.com/raycast/ray-so/blob/main/app/(navigation)/(code)/components/frames/CloudflareFrame.tsx
  */
-import { createContext, useContext, useEffect, useMemo, useState } from 'react';
-import { interpolate, spring, useCurrentFrame, useVideoConfig } from 'remotion';
+import { createContext, useContext, useEffect, useLayoutEffect, useMemo, useState } from 'react';
+import { interpolate, spring, useCurrentFrame, useDelayRender, useVideoConfig } from 'remotion';
 import { useTweakpane } from "./tweakpane-hook.js";
 // ---------------------------------------------------------------------------
 // Nesting guard
@@ -328,11 +328,28 @@ function detectLanguage(title, language) {
 // ---------------------------------------------------------------------------
 function useHighlightedHtml(code, lang, highlightLines) {
     const [html, setHtml] = useState('');
-    useEffect(() => {
+    const { delayRender, continueRender } = useDelayRender();
+    // delayRender registered during the first render (useState initializer) and
+    // continued only AFTER the highlighted html has been committed to the DOM
+    // (layout effect below). Continuing from inside the shiki .then() is too
+    // early: React batches the setHtml update, so the renderer could capture the
+    // frame between continueRender and the commit, producing an empty block in
+    // screenshots/filmstrips/exports.
+    const [handle] = useState(() => delayRender('shiki highlight'));
+    useLayoutEffect(() => {
+        if (html)
+            continueRender(handle);
+    }, [html, handle, continueRender]);
+    // Unmount safety: never leave a dangling handle.
+    useLayoutEffect(() => {
+        return () => continueRender(handle);
+    }, [handle, continueRender]);
+    useLayoutEffect(() => {
         let cancelled = false;
         void getHighlighter().then((h) => {
-            if (cancelled)
+            if (cancelled) {
                 return;
+            }
             // Load language on demand if not already loaded
             const loaded = h.getLoadedLanguages();
             const langToUse = loaded.includes(lang) ? lang : 'tsx';
@@ -353,8 +370,12 @@ function useHighlightedHtml(code, lang, highlightLines) {
             });
             if (!cancelled)
                 setHtml(result);
+        }).catch(() => {
+            continueRender(handle);
         });
-        return () => { cancelled = true; };
+        return () => {
+            cancelled = true;
+        };
     }, [code, lang, highlightLines.join(',')]);
     return html;
 }

package/dist/vite/layout-editor.js

@@ -583,5 +583,5 @@ export function LayoutEditor({ playerContainerRef, playerRef, editing, onEditing
         setSelectedEl(null);
         onReset();
     }, [onReset]);
-    return (_jsxs("div", { "data-layout-editor-toolbar": true, className: 'flex items-center gap-1.5 text-[13px]', children: [_jsx(ToolbarButton, { onClick: () => onEditingChange(!editing), active: editing, title: editing ? 'Exit editing mode' : 'Edit layout — click to select, drag to move, corners to scale, double-click text to edit', children: editing ? '✦ Editing' : '✦ Edit Layout' }), editing && changesCount > 0 && (_jsxs(_Fragment, { children: [_jsx(ToolbarButton, { onClick: handleCopy, title: 'Copy changes for an AI agent', children: copied ? 'Copied!' : `Copy ${changesCount} change${changesCount > 1 ? 's' : ''}` }), _jsx(ToolbarButton, { onClick: handleReset, title: 'Revert all changes', children: "Reset" })] })), editing && !selectedEl && (_jsx("span", { className: 'text-zinc-600 italic', children: "Click an element" }))] }));
+    return (_jsxs("div", { "data-layout-editor-toolbar": true, className: 'flex items-center gap-1.5 text-[13px]', children: [_jsx(ToolbarButton, { onClick: () => onEditingChange(!editing), active: editing, title: editing ? 'Exit editing mode' : 'Edit layout — click to select, drag to move, corners to scale, double-click text to edit', children: editing ? 'Editing' : 'Edit' }), editing && changesCount > 0 && (_jsxs(_Fragment, { children: [_jsx(ToolbarButton, { onClick: handleCopy, title: 'Copy changes for an AI agent', children: copied ? 'Copied!' : `Copy ${changesCount} change${changesCount > 1 ? 's' : ''}` }), _jsx(ToolbarButton, { onClick: handleReset, title: 'Revert all changes', children: "Reset" })] })), editing && !selectedEl && (_jsx("span", { className: 'text-zinc-600 italic', children: "Click an element" }))] }));
 }

package/dist/vite/mdx-video.d.ts

@@ -14,7 +14,8 @@ import type { SafeMdxError } from 'safe-mdx';
 import type { EagerModules } from 'safe-mdx/parse';
 import { splitIntoSections, calculateTotalDuration, resolveAutoDurations, type MdxSection, type SplitResult, type VideoFrontmatter } from './mdx-parse.ts';
 import { BlurReveal, MaskedSlideReveal, StaggeredFadeUp, ShimmerSweep } from './components.tsx';
-import { AngledScreen } from './angled-screen.tsx';
+import { BasicAngledScreen } from './angled-screen.tsx';
+import { AngledScreen } from './angled-screen-shader.tsx';
 import { CodeBlock, CODE_THEMES } from './code-block.tsx';
 import { BandsShader } from './bands-shader.tsx';
 import { WaveGradientShader } from './wave-gradient-shader.tsx';
@@ -286,7 +287,7 @@ export { LayoutContainerContext, LayoutTransition, LayoutTransitionProvider, Lay
 import { LayoutTransition } from './layout-transition.tsx';
 import { Img, Audio, Video } from './media-components.tsx';
 export { ExportContext, useIsExporting, Img, Audio, Video } from './media-components.tsx';
-export { BlurReveal, MaskedSlideReveal, StaggeredFadeUp, ShimmerSweep, AngledScreen, CodeBlock, CODE_THEMES, BandsShader, WaveGradientShader, LiquidGradientShader, DispersionRingsShader, };
+export { BlurReveal, MaskedSlideReveal, StaggeredFadeUp, ShimmerSweep, AngledScreen, BasicAngledScreen, CodeBlock, CODE_THEMES, BandsShader, WaveGradientShader, LiquidGradientShader, DispersionRingsShader, };
 /** Built-in JSX names available in MDX without user imports. Shared by
  *  client rendering (mdx-client.tsx) and <Server> slot rendering (app.tsx).
  *  Add new presentation components here once — not in app.tsx / mdx-client. */
@@ -303,6 +304,7 @@ export declare const MDX_BUILTIN_COMPONENTS: {
     readonly Background: typeof Background;
     readonly LayoutTransition: typeof LayoutTransition;
     readonly AngledScreen: typeof AngledScreen;
+    readonly BasicAngledScreen: typeof BasicAngledScreen;
     readonly BandsShader: import("react").FC<import("./bands-shader.tsx").BandsShaderProps>;
     readonly WaveGradientShader: import("react").FC<import("./wave-gradient-shader.tsx").WaveGradientShaderProps>;
     readonly LiquidGradientShader: import("react").FC<import("./liquid-gradient-shader.tsx").LiquidGradientShaderProps>;

package/dist/vite/mdx-video.d.ts.map

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

package/dist/vite/mdx-video.js

@@ -14,7 +14,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useId, useInsertionEffect, useLayoutEffect } from 'react';
 import { splitIntoSections, calculateTotalDuration, resolveAutoDurations, } from "./mdx-parse.js";
 import { BlurReveal, MaskedSlideReveal, StaggeredFadeUp, ShimmerSweep, } from "./components.js";
-import { AngledScreen } from "./angled-screen.js";
+import { BasicAngledScreen } from "./angled-screen.js";
+import { AngledScreen } from "./angled-screen-shader.js";
 import { CodeBlock, CODE_THEMES } from "./code-block.js";
 import { BandsShader } from "./bands-shader.js";
 import { WaveGradientShader } from "./wave-gradient-shader.js";
@@ -564,7 +565,7 @@ import { ExportContext, useIsExporting, Img, Audio, Video } from "./media-compon
 export { ExportContext, useIsExporting, Img, Audio, Video } from "./media-components.js";
 // Visual components and animations are re-exported so they're available
 // as named imports from this client module for MDX usage.
-export { BlurReveal, MaskedSlideReveal, StaggeredFadeUp, ShimmerSweep, AngledScreen, CodeBlock, CODE_THEMES, BandsShader, WaveGradientShader, LiquidGradientShader, DispersionRingsShader, };
+export { BlurReveal, MaskedSlideReveal, StaggeredFadeUp, ShimmerSweep, AngledScreen, BasicAngledScreen, CodeBlock, CODE_THEMES, BandsShader, WaveGradientShader, LiquidGradientShader, DispersionRingsShader, };
 function GeneratedImage(_props) { return null; }
 function GeneratedVideo(_props) { return null; }
 function GeneratedSpeech(_props) { return null; }
@@ -573,6 +574,7 @@ export const MDX_BUILTIN_COMPONENTS = {
     Background,
     LayoutTransition,
     AngledScreen,
+    BasicAngledScreen,
     BandsShader,
     WaveGradientShader,
     LiquidGradientShader,

package/dist/vite/mdx-video.test.js

@@ -13,7 +13,6 @@ import { SafeMdxRenderer } from 'safe-mdx';
 import { mdxParse, extractImports, resolveModulePath } from 'safe-mdx/parse';
 import { MdastToJsx } from 'safe-mdx';
 import { splitIntoSections, calculateTotalDuration, resolveAutoDurations, parseFrontmatter, aspectRatioFromDimensions, buildMdxScope } from "./mdx-parse.js";
-import { findChangedSectionIndex } from "./vite-plugin.js";
 import { computeEffectiveDuration } from "./media-duration-store.js";
 import { findServerNodes, blankServerContents, collectServerImportSources, wrapGenerateNodes, collectServerFileImportNames } from "./server-mdx.js";
 import { stableJsonKey, hashKey, promptPrefix } from "./server-components.js";
@@ -26,6 +25,7 @@ describe('MDX_BUILTIN_COMPONENTS', () => {
         "Audio",
         "Background",
         "BandsShader",
+        "BasicAngledScreen",
         "Blur",
         "BlurReveal",
         "CodeBlock",
@@ -1734,84 +1734,6 @@ describe('computeEffectiveDuration with startInFrames', () => {
         expect(computeEffectiveDuration({ fps: 30, startInFrames: 30 })).toBeNull();
     });
 });
-describe('findChangedSectionIndex', () => {
-    const base = [
-        '---',
-        'fps: 30',
-        'bpm: 120',
-        '---',
-        '',
-        '# Intro duration=3s',
-        '',
-        'Hello world',
-        '',
-        '# Middle duration=2s',
-        '',
-        'Some content here',
-        '',
-        '# Outro duration=1s',
-        '',
-        'Goodbye',
-    ].join('\n');
-    test('identical content returns null', () => {
-        expect(findChangedSectionIndex(base, base)).toBe(null);
-    });
-    test('editing first section returns 0', () => {
-        const edited = base.replace('Hello world', 'Hello EDITED');
-        expect(findChangedSectionIndex(base, edited)).toBe(0);
-    });
-    test('editing second section returns 1', () => {
-        const edited = base.replace('Some content here', 'New content');
-        expect(findChangedSectionIndex(base, edited)).toBe(1);
-    });
-    test('editing last section returns 2', () => {
-        const edited = base.replace('Goodbye', 'See ya');
-        expect(findChangedSectionIndex(base, edited)).toBe(2);
-    });
-    test('adding a new section returns its index', () => {
-        const added = base + '\n\n# Bonus duration=1s\n\nExtra stuff';
-        expect(findChangedSectionIndex(base, added)).toBe(3);
-    });
-    test('deleting last section returns null (skip deletions)', () => {
-        const deleted = base.replace('\n# Outro duration=1s\n\nGoodbye', '');
-        expect(findChangedSectionIndex(base, deleted)).toBe(null);
-    });
-    test('deleting middle section returns null (skip deletions)', () => {
-        const deleted = base.replace('\n# Middle duration=2s\n\nSome content here\n', '\n');
-        expect(findChangedSectionIndex(base, deleted)).toBe(null);
-    });
-    test('editing heading text returns that section index', () => {
-        const edited = base.replace('# Middle duration=2s', '# Middle Renamed duration=2s');
-        expect(findChangedSectionIndex(base, edited)).toBe(1);
-    });
-    test('preamble-only change returns null', () => {
-        const withPreamble = '<Audio src="/bg.mp3" />\n\n' + base.split('\n').slice(4).join('\n');
-        const oldPreamble = '---\nfps: 30\nbpm: 120\n---\n\n' + withPreamble;
-        const newPreamble = oldPreamble.replace('/bg.mp3', '/new-bg.mp3');
-        expect(findChangedSectionIndex(oldPreamble, newPreamble)).toBe(null);
-    });
-    test('frontmatter-only change returns null', () => {
-        const edited = base.replace('fps: 30', 'fps: 60');
-        expect(findChangedSectionIndex(base, edited)).toBe(null);
-    });
-    test('editing heading duration returns that section index', () => {
-        const edited = base.replace('duration=3s', 'duration=4s');
-        expect(findChangedSectionIndex(base, edited)).toBe(0);
-    });
-    test('editing heading transition returns that section index', () => {
-        const old = '# Intro duration=3s transition=10\n\nHello';
-        const edited = '# Intro duration=3s transition=20\n\nHello';
-        expect(findChangedSectionIndex(old, edited)).toBe(0);
-    });
-    test('broken MDX returns null (does not throw)', () => {
-        const valid = '# Intro duration=3s\n\nHello world';
-        const broken = '# Intro duration=3s\n\n<Component';
-        expect(findChangedSectionIndex(valid, broken)).toBe(null);
-    });
-    test('both sources broken returns null', () => {
-        expect(findChangedSectionIndex('<Foo', '<Bar')).toBe(null);
-    });
-});
 // ---------------------------------------------------------------------------
 // Parse error recovery
 // ---------------------------------------------------------------------------

package/dist/vite/player-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"player-page.d.ts","sourceRoot":"","sources":["../../src/vite/player-page.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,EAAyG,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AA2BpJ,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAmOtD,UAAU,YAAY;IACpB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,gBAAgB,EAAE,MAAM,CAAA;IACxB,GAAG,EAAE,SAAS,CAAA;CACf;AAyJD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,SAAS,EACT,sBAA8B,EAC9B,WAAW,EACX,gBAAqB,EACrB,YAAiB,GAClB,EAAE;IACD,QAAQ,EAAE,YAAY,EAAE,CAAA;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qEAAqE;IACrE,SAAS,EAAE,MAAM,CAAA;IACjB;6DACyD;IACzD,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,WAAW,EAAE,gBAAgB,CAAA;IAC7B,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,qBAipBA"}
+{"version":3,"file":"player-page.d.ts","sourceRoot":"","sources":["../../src/vite/player-page.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,EAAyG,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AA2BpJ,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAkNtD,UAAU,YAAY;IACpB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,gBAAgB,EAAE,MAAM,CAAA;IACxB,GAAG,EAAE,SAAS,CAAA;CACf;AAyJD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,SAAS,EACT,sBAA8B,EAC9B,WAAW,EACX,gBAAqB,EACrB,YAAiB,GAClB,EAAE;IACD,QAAQ,EAAE,YAAY,EAAE,CAAA;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qEAAqE;IACrE,SAAS,EAAE,MAAM,CAAA;IACjB;6DACyD;IACzD,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,WAAW,EAAE,gBAAgB,CAAA;IAC7B,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,qBAykBA"}

package/dist/vite/player-page.js

@@ -17,26 +17,13 @@ import { AbsoluteFill, Freeze, Sequence, Series, useCurrentFrame, useDelayRender
 import { renderInBrowser } from "./render-client.js";
 import { createSpiceflowFetch } from 'spiceflow/client';
 import { egakiStore } from "./store.js";
-import { useGenerationStatus, useGenerationErrors } from "./store-hooks.js";
+import { useGenerationStatus, useGenerationErrors, useSidebarOpen } from "./store-hooks.js";
 import { egakiSDK } from "./sdk.js";
 import { LayoutEditor } from "./layout-editor.js";
 import { TweakpaneRoot, SIDEBAR_WIDTH } from "./tweakpane-hook.js";
 import { Fill, LayoutAnimationLayer, LayoutGhost, LayoutTransitionProvider, MotionTimingSync, ServerSlotsContext, } from "./mdx-video.js";
 import { SectionIndexContext } from "./media-duration-store.js";
 // ---------------------------------------------------------------------------
-// HMR scene-changed: store pending seek at module scope so it survives
-// component remounts caused by rsc:update (spiceflow payload swap).
-// The vite plugin sends egaki:scene-changed with { sectionIndex } when
-// the user edits a specific section of the entry MDX.
-// ---------------------------------------------------------------------------
-let pendingSceneSeek = null;
-/** Cancels the auto-pause listener from a previous scene-seek, so a new
- *  HMR during playback doesn't leave stale listeners that pause the wrong scene. */
-let cancelPreviousAutoPlay = null;
-/** Monotonic counter to invalidate stale requestAnimationFrame callbacks
- *  when rapid successive HMR edits arrive before the first rAF fires. */
-let sceneSeekVersion = 0;
-// ---------------------------------------------------------------------------
 // Generation progress client — fetches /api/generation-progress on page
 // load and on every rsc:update using the typed Spiceflow fetch client.
 // The route is an async generator that yields progress events as SSE;
@@ -107,9 +94,6 @@ function connectToProgress() {
 if (typeof window !== 'undefined')
     connectToProgress();
 if (import.meta.hot) {
-    import.meta.hot.on('egaki:scene-changed', (data) => {
-        pendingSceneSeek = data;
-    });
     // Reconnect on rsc:update — new generations may have started from
     // MDX edits that trigger server-side rendering of <Server> blocks.
     import.meta.hot.on('rsc:update', () => {
@@ -291,79 +275,6 @@ export function PlayerPage({ sections, totalDuration, preamble, entryPath, hasUn
             playerContainerRef,
         });
     }, [Component, totalDuration, sections, fps, width, height, scale]);
-    // Consume pending scene seek after the RSC refetch delivers new sections.
-    // The module-level pendingSceneSeek is set by import.meta.hot.on before
-    // React re-renders; this effect fires after the commit with fresh data.
-    // Seeks to the changed section's start frame, plays it, and pauses at
-    // the section's end so the user sees exactly the content they edited.
-    useEffect(() => {
-        if (pendingSceneSeek == null)
-            return;
-        // Ignore scene changes from a different entry MDX file.
-        if (pendingSceneSeek.file !== entryPath) {
-            pendingSceneSeek = null;
-            return;
-        }
-        const idx = pendingSceneSeek.sectionIndex;
-        pendingSceneSeek = null;
-        // Wait one frame for the Remotion Player to initialize after remount.
-        // Version token ensures stale rAF callbacks from rapid edits are ignored.
-        const version = ++sceneSeekVersion;
-        requestAnimationFrame(() => {
-            if (version !== sceneSeekVersion)
-                return;
-            const player = playerRef.current;
-            if (!player || idx < 0 || idx >= sections.length)
-                return;
-            // Compute section boundaries from current sections
-            let startFrame = 0;
-            for (let i = 0; i < idx; i++) {
-                startFrame += sections[i].durationInFrames;
-            }
-            const endFrame = startFrame + sections[idx].durationInFrames - 1;
-            player.seekTo(startFrame);
-            // Cancel any auto-pause from a previous HMR scene-seek so stale
-            // listeners don't pause playback in the wrong section.
-            cancelPreviousAutoPlay?.();
-            cancelPreviousAutoPlay = null;
-            // Only auto-play if currently paused (after rsc:update remount
-            // the player always starts paused at frame 0)
-            if (!player.isPlaying()) {
-                player.play();
-                // Pause at section end so only the edited section plays.
-                // If the user manually seeks (clicks timeline, arrow keys, etc.)
-                // cancel the auto-pause so we don't randomly stop playback later.
-                let cancelled = false;
-                const cleanup = () => {
-                    if (cancelled)
-                        return;
-                    cancelled = true;
-                    cancelPreviousAutoPlay = null;
-                    player.removeEventListener('frameupdate', onFrame);
-                    player.removeEventListener('seeked', onSeek);
-                };
-                cancelPreviousAutoPlay = cleanup;
-                const onFrame = () => {
-                    if (cancelled)
-                        return;
-                    if (player.getCurrentFrame() >= endFrame) {
-                        player.pause();
-                        cleanup();
-                    }
-                };
-                const onSeek = (e) => {
-                    // User seeked away — cancel auto-pause. Ignore seeks within
-                    // the target section range (could be our own seekTo settling).
-                    const frame = e?.detail?.frame ?? player.getCurrentFrame();
-                    if (frame < startFrame || frame > endFrame) {
-                        cleanup();
-                    }
-                };
-                player.addEventListener('frameupdate', onFrame);
-                player.addEventListener('seeked', onSeek);
-            }
-        });
-    }, [sections]);
     // Defer Player mount to client only. Remotion's Player and all composition
     // components (Series, AbsoluteFill, Audio, Video) use React context provided
     // by Player at runtime. During SSR there's no Remotion context, so hooks like
@@ -373,6 +284,7 @@ export function PlayerPage({ sections, totalDuration, preamble, entryPath, hasUn
     const mounted = useSyncExternalStore(subscribeNoop, getClientMounted, getServerMounted);
     const generationStatus = useGenerationStatus();
     const generationErrors = useGenerationErrors();
+    const sidebarOpen = useSidebarOpen();
     const [editing, setEditing] = useState(false);
     const [resetKey, setResetKey] = useState(0);
     const [rendering, setRendering] = useState(false);
@@ -702,9 +614,9 @@ export function PlayerPage({ sections, totalDuration, preamble, entryPath, hasUn
                                             margin: 0,
                                             lineHeight: 1.5,
                                         }, children: error.stack || error.message })] }) })) }, resetKey)) : (_jsx("div", { className: 'aspect-video bg-[#050505]' })) }) }), _jsx(TweakpaneRoot, { playerRef: playerRef, fps: fps, sections: sections, entryPath: entryPath }), _jsxs("div", { className: 'fixed bottom-6 flex items-center gap-1.5 rounded-full bg-[#1c1c1c] border border-white/10 px-2 py-1.5 shadow-2xl', style: {
-                    left: `calc((100% - ${SIDEBAR_WIDTH}px - 0.75rem) / 2)`,
+                    left: sidebarOpen ? `calc((100% - ${SIDEBAR_WIDTH}px - 0.75rem) / 2)` : '50%',
                     transform: 'translateX(-50%)',
-                }, children: [availableEntries.length > 1 && (_jsxs(_Fragment, { children: [_jsx("select", { value: currentRoute, onChange: (e) => {
+                }, children: [_jsx("button", { onClick: goToPrevScene, disabled: !hasPrevScene, className: 'flex items-center justify-center rounded-full w-7 h-7 text-zinc-400 hover:text-zinc-200 hover:bg-white/5 transition-colors cursor-pointer disabled:opacity-30 disabled:cursor-default disabled:hover:bg-transparent disabled:hover:text-zinc-400', title: 'Previous scene (\u2193)', children: _jsx(ChevronDownIcon, {}) }), _jsx(ToolbarSeparator, {}), availableEntries.length > 1 && (_jsxs(_Fragment, { children: [_jsx("select", { value: currentRoute, onChange: (e) => {
                                     const route = e.target.value;
                                     const base = import.meta.env.BASE_URL ?? '/';
                                     window.location.href = `${base}${route}`;
@@ -714,7 +626,7 @@ export function PlayerPage({ sections, totalDuration, preamble, entryPath, hasUn
                                 const next = PLAYBACK_RATES[(idx + 1) % PLAYBACK_RATES.length];
                                 return next;
                             });
-                        }, className: 'flex items-center rounded-full px-2.5 py-1.5 text-[13px] font-medium tabular-nums text-zinc-400 hover:text-zinc-200 hover:bg-white/5 transition-colors cursor-pointer min-w-[3rem] justify-center', title: 'Playback speed (click to cycle)', children: playbackRate === 1 ? '1x' : `${playbackRate}x` }), _jsx(ToolbarSeparator, {}), _jsxs("div", { className: 'flex items-center', children: [_jsx("button", { onClick: goToPrevScene, disabled: !hasPrevScene, className: 'flex items-center justify-center rounded-full w-7 h-7 text-zinc-400 hover:text-zinc-200 hover:bg-white/5 transition-colors cursor-pointer disabled:opacity-30 disabled:cursor-default disabled:hover:bg-transparent disabled:hover:text-zinc-400', title: 'Previous scene (\u2193)', children: _jsx(ChevronDownIcon, {}) }), _jsx("button", { onClick: goToNextScene, disabled: !hasNextScene, className: 'flex items-center justify-center rounded-full w-7 h-7 text-zinc-400 hover:text-zinc-200 hover:bg-white/5 transition-colors cursor-pointer disabled:opacity-30 disabled:cursor-default disabled:hover:bg-transparent disabled:hover:text-zinc-400', title: 'Next scene (\u2191)', children: _jsx(ChevronUpIcon, {}) })] }), _jsx(ToolbarSeparator, {}), _jsx(LayoutEditor, { playerContainerRef: playerContainerRef, playerRef: playerRef, editing: editing, onEditingChange: setEditing, onReset: () => setResetKey((k) => k + 1), sections: sections, fps: fps, entryPath: entryPath }), generationStatus && (_jsxs(_Fragment, { children: [_jsx(ToolbarSeparator, {}), _jsxs("div", { className: 'flex items-center gap-1.5 px-2.5 py-1.5 text-[13px] font-medium text-amber-400/90', children: [_jsx(SpinnerIcon, {}), _jsx("span", { children: formatGenerationStatus(generationStatus) })] })] })), generationErrors.length > 0 && (_jsxs(_Fragment, { children: [_jsx(ToolbarSeparator, {}), _jsxs("div", { className: 'flex items-center gap-1.5 px-2.5 py-1.5 text-[13px] font-medium text-red-400/90', children: [_jsx("span", { style: { fontSize: 14, lineHeight: 1 }, children: "\u2715" }), _jsx("span", { children: generationErrors.length === 1
+                        }, className: 'flex items-center rounded-full px-2.5 py-1.5 text-[13px] font-medium tabular-nums text-zinc-400 hover:text-zinc-200 hover:bg-white/5 transition-colors cursor-pointer min-w-[3rem] justify-center', title: 'Playback speed (click to cycle)', children: playbackRate === 1 ? '1x' : `${playbackRate}x` }), _jsx(ToolbarSeparator, {}), _jsx(LayoutEditor, { playerContainerRef: playerContainerRef, playerRef: playerRef, editing: editing, onEditingChange: setEditing, onReset: () => setResetKey((k) => k + 1), sections: sections, fps: fps, entryPath: entryPath }), generationStatus && (_jsxs(_Fragment, { children: [_jsx(ToolbarSeparator, {}), _jsxs("div", { className: 'flex items-center gap-1.5 px-2.5 py-1.5 text-[13px] font-medium text-amber-400/90', children: [_jsx(SpinnerIcon, {}), _jsx("span", { children: formatGenerationStatus(generationStatus) })] })] })), generationErrors.length > 0 && (_jsxs(_Fragment, { children: [_jsx(ToolbarSeparator, {}), _jsxs("div", { className: 'flex items-center gap-1.5 px-2.5 py-1.5 text-[13px] font-medium text-red-400/90', children: [_jsx("span", { style: { fontSize: 14, lineHeight: 1 }, children: "\u2715" }), _jsx("span", { children: generationErrors.length === 1
                                             ? `${generationErrors[0].namespace} failed: ${generationErrors[0].error.slice(0, 60)}`
-                                            : `${generationErrors.length} generations failed` })] })] }))] })] }));
+                                            : `${generationErrors.length} generations failed` })] })] })), _jsx(ToolbarSeparator, {}), _jsx("button", { onClick: goToNextScene, disabled: !hasNextScene, className: 'flex items-center justify-center rounded-full w-7 h-7 text-zinc-400 hover:text-zinc-200 hover:bg-white/5 transition-colors cursor-pointer disabled:opacity-30 disabled:cursor-default disabled:hover:bg-transparent disabled:hover:text-zinc-400', title: 'Next scene (\u2191)', children: _jsx(ChevronUpIcon, {}) })] })] }));
 }

package/dist/vite/render-client.d.ts

@@ -4,6 +4,33 @@
  * via @remotion/web-renderer's renderMediaOnWeb().
  */
 import React from 'react';
+/**
+ * Wrap a composition for web-renderer entry points (export, screenshot,
+ * filmstrip). The scaffold wrapper is visibility:hidden and Chromium creates
+ * no paint records for hidden subtrees, which breaks captureElementImage()
+ * inside nested <HtmlInCanvas> (AngledScreen): onInit/onPaint silently never
+ * run and exports come out flat. visibility is overridable by descendants,
+ * so a visibility:visible div at the composition root restores paint records
+ * for the whole tree while deeper visibility:hidden ancestors (e.g.
+ * LayoutTransition's inactive instances) keep hiding their subtrees
+ * relative to this root.
+ *
+ * Tradeoff (accepted): the scaffold sits at z-index:-9999, painting above
+ * the page's root background but below all in-flow content — so the
+ * rendering composition can peek through wherever the page shows only the
+ * body background. Hiding it differently is not possible:
+ *   - opacity:0 / filter:opacity(0) bake into captureElementImage pixels
+ *     (verified: capture succeeds but frames come out fully transparent)
+ *   - translate/clip-path/resize on the scaffold break the drawElementImage
+ *     paint pipeline (black frames — learned June 2026, commit e501ca5)
+ *   - visibility:hidden kills paint records entirely (the original bug)
+ * An opaque page background or full-viewport player UI fully occludes it.
+ *
+ * TODO: re-evaluate whether this wrapper is still needed once remotion
+ * fixes the HtmlInCanvas delayRender scoping / hidden-scaffold capture bug:
+ * https://github.com/remotion-dev/remotion/issues/9367
+ */
+export declare function wrapForWebRenderer(component: React.FC): React.FC;
 export declare function renderInBrowser(options: {
     component: React.FC;
     durationInFrames: number;

package/dist/vite/render-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-client.d.ts","sourceRoot":"","sources":["../../src/vite/render-client.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAA;AA+BzB,wBAAsB,eAAe,CAAC,OAAO,EAAE;IAC7C,SAAS,EAAE,KAAK,CAAC,EAAE,CAAA;IACnB,gBAAgB,EAAE,MAAM,CAAA;IACxB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,gBAkCA"}
+{"version":3,"file":"render-client.d.ts","sourceRoot":"","sources":["../../src/vite/render-client.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAQhE;AAED,wBAAsB,eAAe,CAAC,OAAO,EAAE;IAC7C,SAAS,EAAE,KAAK,CAAC,EAAE,CAAA;IACnB,gBAAgB,EAAE,MAAM,CAAA;IACxB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,gBA4BA"}

package/dist/vite/render-client.js

@@ -7,61 +7,57 @@ import { renderMediaOnWeb } from '@remotion/web-renderer';
 import { ExportContext } from "./mdx-video.js";
 import React from 'react';
 /**
- * Cover the web-renderer scaffold during export. The scaffold wrapper has
- * position:fixed + visibility:hidden + z-index:-9999, but allowHtmlInCanvas
- * sets visibility:visible on the inner layoutsubtree canvas, which can
- * make it peek through on the page.
+ * Wrap a composition for web-renderer entry points (export, screenshot,
+ * filmstrip). The scaffold wrapper is visibility:hidden and Chromium creates
+ * no paint records for hidden subtrees, which breaks captureElementImage()
+ * inside nested <HtmlInCanvas> (AngledScreen): onInit/onPaint silently never
+ * run and exports come out flat. visibility is overridable by descendants,
+ * so a visibility:visible div at the composition root restores paint records
+ * for the whole tree while deeper visibility:hidden ancestors (e.g.
+ * LayoutTransition's inactive instances) keep hiding their subtrees
+ * relative to this root.
  *
- * Do NOT modify the scaffold wrapper's own styles (translate, clip-path,
- * width/height, opacity). All of those break Chrome's drawElementImage
- * paint pipeline and produce black frames in the exported video. The
- * layout subtree canvas must remain at full size, in its original position,
- * with normal visibility for the capture to work.
+ * Tradeoff (accepted): the scaffold sits at z-index:-9999, painting above
+ * the page's root background but below all in-flow content — so the
+ * rendering composition can peek through wherever the page shows only the
+ * body background. Hiding it differently is not possible:
+ *   - opacity:0 / filter:opacity(0) bake into captureElementImage pixels
+ *     (verified: capture succeeds but frames come out fully transparent)
+ *   - translate/clip-path/resize on the scaffold break the drawElementImage
+ *     paint pipeline (black frames — learned June 2026, commit e501ca5)
+ *   - visibility:hidden kills paint records entirely (the original bug)
+ * An opaque page background or full-viewport player UI fully occludes it.
  *
- * Instead we place an opaque overlay on top (z-index:-9998, one above the
- * scaffold's -9999) that visually hides the rendering without touching
- * the scaffold's layout or paint properties.
+ * TODO: re-evaluate whether this wrapper is still needed once remotion
+ * fixes the HtmlInCanvas delayRender scoping / hidden-scaffold capture bug:
+ * https://github.com/remotion-dev/remotion/issues/9367
  */
-function injectScaffoldCover() {
-    const cover = document.createElement('div');
-    cover.style.cssText = [
-        'position:fixed',
-        'inset:0',
-        'z-index:-9998',
-        'background:#050505',
-        'pointer-events:none',
-    ].join(';');
-    document.body.appendChild(cover);
-    return () => cover.remove();
+export function wrapForWebRenderer(component) {
+    const Wrapped = () => React.createElement('div', { style: { visibility: 'visible', position: 'relative', width: '100%', height: '100%' } }, React.createElement(component));
+    return Wrapped;
 }
 export async function renderInBrowser(options) {
-    const removeCover = injectScaffoldCover();
     const ExportWrapped = () => React.createElement(ExportContext.Provider, { value: true }, React.createElement(options.component));
-    try {
-        const { getBlob } = await renderMediaOnWeb({
-            composition: {
-                component: ExportWrapped,
-                durationInFrames: options.durationInFrames,
-                fps: options.fps ?? 30,
-                width: options.width ?? 1920,
-                height: options.height ?? 1080,
-                id: 'MdxVideo',
-                calculateMetadata: null,
-            },
-            inputProps: {},
-            container: 'mp4',
-            videoCodec: 'h264',
-            videoBitrate: 'high',
-            allowHtmlInCanvas: true,
-            scale: options.scale,
-            signal: options.signal,
-            onProgress: ({ progress }) => {
-                options.onProgress?.(progress);
-            },
-        });
-        return getBlob();
-    }
-    finally {
-        removeCover();
-    }
+    const { getBlob } = await renderMediaOnWeb({
+        composition: {
+            component: wrapForWebRenderer(ExportWrapped),
+            durationInFrames: options.durationInFrames,
+            fps: options.fps ?? 30,
+            width: options.width ?? 1920,
+            height: options.height ?? 1080,
+            id: 'MdxVideo',
+            calculateMetadata: null,
+        },
+        inputProps: {},
+        container: 'mp4',
+        videoCodec: 'h264',
+        videoBitrate: 'high',
+        allowHtmlInCanvas: true,
+        scale: options.scale,
+        signal: options.signal,
+        onProgress: ({ progress }) => {
+            options.onProgress?.(progress);
+        },
+    });
+    return getBlob();
 }

package/dist/vite/sdk.d.ts.map

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

package/dist/vite/sdk.js

@@ -12,6 +12,7 @@
  */
 import React from 'react';
 import { renderStillOnWeb, renderMediaOnWeb } from '@remotion/web-renderer';
+import { wrapForWebRenderer } from "./render-client.js";
 import { ExportContext } from "./mdx-video.js";
 // ---------------------------------------------------------------------------
 // Helper: blob → data URL
@@ -192,7 +193,7 @@ class EgakiSDK {
         const format = options.format ?? 'png';
         const still = await renderStillOnWeb({
             composition: {
-                component: c.component,
+                component: wrapForWebRenderer(c.component),
                 durationInFrames: c.totalDuration,
                 fps: c.fps,
                 width: c.width,
@@ -278,7 +279,7 @@ class EgakiSDK {
         for (let i = 0; i < framesToCapture.length; i++) {
             const still = await renderStillOnWeb({
                 composition: {
-                    component: c.component,
+                    component: wrapForWebRenderer(c.component),
                     durationInFrames: c.totalDuration,
                     fps: c.fps,
                     width: c.width,
@@ -315,7 +316,7 @@ class EgakiSDK {
         const c = this.getConfig();
         const { getBlob } = await renderMediaOnWeb({
             composition: {
-                component: this.wrapForExport(c.component),
+                component: wrapForWebRenderer(this.wrapForExport(c.component)),
                 durationInFrames: c.totalDuration,
                 fps: c.fps,
                 width: c.width,