egaki 0.7.2 → 0.9.0

package/dist/vite/shader-renderer.d.ts

@@ -28,6 +28,10 @@ export interface ShaderConfig {
     /** Property controls that become uniforms and tweakpane sliders. */
     propertyControls: Record<string, PropertyControl>;
 }
+/** Parse a hex color string (#RGB, #RRGGBB, #RRGGBBAA) to [r, g, b, a] in 0-1 range. */
+export declare function parseHexColor(hex: string): [number, number, number, number];
+export declare function compileGlShader(gl: WebGL2RenderingContext, type: number, source: string): WebGLShader;
+export declare function linkGlProgram(gl: WebGL2RenderingContext, vs: WebGLShader, fs: WebGLShader): WebGLProgram;
 /**
  * Create a React component that renders a WebGL2 fragment shader full-screen.
  *

package/dist/vite/shader-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shader-renderer.d.ts","sourceRoot":"","sources":["../../src/vite/shader-renderer.tsx"],"names":[],"mappings":"AA8BA,OAAO,EAA2B,KAAK,aAAa,EAAE,MAAM,OAAO,CAAA;AAOnE,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,mFAAmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,CAAA;IAC1B,gEAAgE;IAChE,QAAQ,EAAE,MAAM,CAAA;IAChB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,EAAE,CAAA;CACvB;AAED,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG,iBAAiB,CAAA;AAE/D,MAAM,WAAW,YAAY;IAC3B,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAA;IACb,yEAAyE;IACzE,QAAQ,EAAE,MAAM,CAAA;IAChB,oEAAoE;IACpE,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;CAClD;AAoLD;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,YAAY;YAsEtC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;QAAE,KAAK,CAAC,EAAE,aAAa,CAAA;KAAE;;EA+MzD"}
+{"version":3,"file":"shader-renderer.d.ts","sourceRoot":"","sources":["../../src/vite/shader-renderer.tsx"],"names":[],"mappings":"AA8BA,OAAO,EAA2B,KAAK,aAAa,EAAE,MAAM,OAAO,CAAA;AAOnE,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,mFAAmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,CAAA;IAC1B,gEAAgE;IAChE,QAAQ,EAAE,MAAM,CAAA;IAChB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,EAAE,CAAA;CACvB;AAED,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG,iBAAiB,CAAA;AAE/D,MAAM,WAAW,YAAY;IAC3B,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAA;IACb,yEAAyE;IACzE,QAAQ,EAAE,MAAM,CAAA;IAChB,oEAAoE;IACpE,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;CAClD;AAMD,wFAAwF;AACxF,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAa3E;AAwFD,wBAAgB,eAAe,CAC7B,EAAE,EAAE,sBAAsB,EAC1B,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,GACb,WAAW,CAWb;AAED,wBAAgB,aAAa,CAC3B,EAAE,EAAE,sBAAsB,EAC1B,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,WAAW,GACd,YAAY,CAYd;AAuCD;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,YAAY;YAsEtC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;QAAE,KAAK,CAAC,EAAE,aAAa,CAAA;KAAE;;EA+MzD"}

package/dist/vite/shader-renderer.js

@@ -33,7 +33,7 @@ import { useTweakpane } from "./tweakpane-hook.js";
 // Color parsing
 // ---------------------------------------------------------------------------
 /** Parse a hex color string (#RGB, #RRGGBB, #RRGGBBAA) to [r, g, b, a] in 0-1 range. */
-function parseHexColor(hex) {
+export function parseHexColor(hex) {
     let h = hex.replace('#', '');
     if (h.length === 3 || h.length === 4) {
         h = h
@@ -112,7 +112,7 @@ function generateFragmentSource(body, controls) {
 // ---------------------------------------------------------------------------
 // WebGL helpers
 // ---------------------------------------------------------------------------
-function compileGlShader(gl, type, source) {
+export function compileGlShader(gl, type, source) {
     const shader = gl.createShader(type);
     if (!shader)
         throw new Error('Failed to create shader');
@@ -125,7 +125,7 @@ function compileGlShader(gl, type, source) {
     }
     return shader;
 }
-function linkGlProgram(gl, vs, fs) {
+export function linkGlProgram(gl, vs, fs) {
     const program = gl.createProgram();
     if (!program)
         throw new Error('Failed to create program');

package/dist/vite/store-hooks.d.ts

@@ -6,6 +6,8 @@ export declare function useMediaDurations(): Record<string, number>;
 export declare function useGenerationStatus(): GenerationStatus | null;
 /** Hook: recent generation errors (auto-cleared after 8s). */
 export declare function useGenerationErrors(): GenerationError[];
+/** Hook: whether the right tweakpane sidebar is open. */
+export declare function useSidebarOpen(): boolean;
 /** Hook: user modules from virtual:egaki-modules. */
 export declare function useModules(): EagerModules;
 export type { GenerationStatus, GenerationError };

package/dist/vite/store-hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store-hooks.d.ts","sourceRoot":"","sources":["../../src/vite/store-hooks.ts"],"names":[],"mappings":"AAgBA,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACrB,MAAM,YAAY,CAAA;AAGnB,KAAK,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;AAuEvD,6CAA6C;AAC7C,wBAAgB,iBAAiB,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAE1D;AAED,uEAAuE;AACvE,wBAAgB,mBAAmB,IAAI,gBAAgB,GAAG,IAAI,CAE7D;AAED,8DAA8D;AAC9D,wBAAgB,mBAAmB,IAAI,eAAe,EAAE,CAEvD;AAED,qDAAqD;AACrD,wBAAgB,UAAU,IAAI,YAAY,CAEzC;AAED,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"store-hooks.d.ts","sourceRoot":"","sources":["../../src/vite/store-hooks.ts"],"names":[],"mappings":"AAgBA,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACrB,MAAM,YAAY,CAAA;AAGnB,KAAK,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;AA6EvD,6CAA6C;AAC7C,wBAAgB,iBAAiB,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAE1D;AAED,uEAAuE;AACvE,wBAAgB,mBAAmB,IAAI,gBAAgB,GAAG,IAAI,CAE7D;AAED,8DAA8D;AAC9D,wBAAgB,mBAAmB,IAAI,eAAe,EAAE,CAEvD;AAED,yDAAyD;AACzD,wBAAgB,cAAc,IAAI,OAAO,CAExC;AAED,qDAAqD;AACrD,wBAAgB,UAAU,IAAI,YAAY,CAEzC;AAED,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAA"}

package/dist/vite/store-hooks.js

@@ -69,6 +69,10 @@ const subscribeGenerationErrors = (callback) => egakiStore.subscribe((state) =>
 const getGenerationErrors = () => egakiStore.getState().serverGenerationErrors;
 const EMPTY_ERRORS = [];
 const getGenerationErrorsServer = () => EMPTY_ERRORS;
+// Sidebar open state
+const subscribeSidebarOpen = (callback) => egakiStore.subscribe((state) => state.sidebarOpen, callback);
+const getSidebarOpen = () => egakiStore.getState().sidebarOpen;
+const getSidebarOpenServer = () => false;
 // Modules
 const subscribeModules = (callback) => egakiStore.subscribe((state) => state.modules, callback);
 const getModules = () => egakiStore.getState().modules;
@@ -87,6 +91,10 @@ export function useGenerationStatus() {
 export function useGenerationErrors() {
     return useSyncExternalStore(subscribeGenerationErrors, getGenerationErrors, getGenerationErrorsServer);
 }
+/** Hook: whether the right tweakpane sidebar is open. */
+export function useSidebarOpen() {
+    return useSyncExternalStore(subscribeSidebarOpen, getSidebarOpen, getSidebarOpenServer);
+}
 /** Hook: user modules from virtual:egaki-modules. */
 export function useModules() {
     return useSyncExternalStore(subscribeModules, getModules, getModules);

package/dist/vite/store.d.ts

@@ -54,6 +54,9 @@ export interface EgakiClientState {
     /** Recent generation errors from the server progress stream.
      *  Errors auto-clear after ERROR_DISPLAY_DURATION_MS. */
     serverGenerationErrors: GenerationError[];
+    /** Whether the right tweakpane sidebar is open. Closed by default so the
+     *  video takes the full width. */
+    sidebarOpen: boolean;
 }
 export declare const egakiStore: Omit<import("zustand/vanilla").StoreApi<EgakiClientState>, "subscribe"> & {
     subscribe: {
@@ -64,6 +67,8 @@ export declare const egakiStore: Omit<import("zustand/vanilla").StoreApi<EgakiCl
         } | undefined): () => void;
     };
 };
+/** Open or close the right tweakpane sidebar. */
+export declare function setSidebarOpen(open: boolean): void;
 /**
  * Derive per-section max media durations.
  * Returns Record<string, number> (section-index-as-string → seconds).

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

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/vite/store.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AASH,2EAA2E;AAC3E,KAAK,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,8EAA8E;IAC9E,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9B,KAAK,EAAE,MAAM,CAAA;CACd;AAED,mEAAmE;AACnE,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAChC;AAED,kEAAkE;AAClE,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,wEAAwE;IACxE,OAAO,EAAE,YAAY,CAAA;IAErB;;;;OAIG;IACH,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAEhD,oFAAoF;IACpF,sBAAsB,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAE/C,mEAAmE;IACnE,uBAAuB,EAAE,uBAAuB,EAAE,CAAA;IAElD;6DACyD;IACzD,sBAAsB,EAAE,eAAe,EAAE,CAAA;CAC1C;AAMD,eAAO,MAAM,UAAU;;;;;;;;CAQtB,CAAA;AAMD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAWpF;AAED,4EAA4E;AAC5E,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,gBAAgB,GAAG,gBAAgB,GAAG,IAAI,CAEvF"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/vite/store.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AASH,2EAA2E;AAC3E,KAAK,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,8EAA8E;IAC9E,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9B,KAAK,EAAE,MAAM,CAAA;CACd;AAED,mEAAmE;AACnE,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAChC;AAED,kEAAkE;AAClE,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,wEAAwE;IACxE,OAAO,EAAE,YAAY,CAAA;IAErB;;;;OAIG;IACH,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAEhD,oFAAoF;IACpF,sBAAsB,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAE/C,mEAAmE;IACnE,uBAAuB,EAAE,uBAAuB,EAAE,CAAA;IAElD;6DACyD;IACzD,sBAAsB,EAAE,eAAe,EAAE,CAAA;IAEzC;sCACkC;IAClC,WAAW,EAAE,OAAO,CAAA;CACrB;AAMD,eAAO,MAAM,UAAU;;;;;;;;CAStB,CAAA;AAED,iDAAiD;AACjD,wBAAgB,cAAc,CAAC,IAAI,EAAE,OAAO,QAE3C;AAMD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAWpF;AAED,4EAA4E;AAC5E,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,gBAAgB,GAAG,gBAAgB,GAAG,IAAI,CAEvF"}

package/dist/vite/store.js

@@ -23,7 +23,12 @@ export const egakiStore = createStore()(subscribeWithSelector(() => ({
     serverGenerationStatus: null,
     serverGenerationEntries: [],
     serverGenerationErrors: [],
+    sidebarOpen: false,
 })));
+/** Open or close the right tweakpane sidebar. */
+export function setSidebarOpen(open) {
+    egakiStore.setState({ sidebarOpen: open });
+}
 // ---------------------------------------------------------------------------
 // Selectors — derive values from state
 // ---------------------------------------------------------------------------

package/dist/vite/tweakpane-hook.d.ts

@@ -71,15 +71,24 @@ export declare let TWEAKPANE_DISABLED: boolean;
  * Returns a reactive object with current values. Updating a control in the
  * pane immediately triggers a React re-render with fresh values.
  *
+ * Values follow live props: each key returns the schema value from the
+ * CURRENT render until the user touches that control in the pane, so
+ * animated props (e.g. `translateX={interpolate(frame, ...)}`) flow through
+ * every frame. Once touched, the user's pane value wins for that key until
+ * the component remounts.
+ *
  * On unmount the folder is disposed and removed from the pane.
  */
 export declare function useTweakpane<T extends ParamSchema>(label: string, schema: T): ResolvedValues<T>;
 /** Sidebar width constant shared with player-page layout. */
 export declare const SIDEBAR_WIDTH = 280;
 /**
- * Right sidebar that hosts the tweakpane Pane. Always visible in the page
- * layout; the Pane mounts into the scrollable inner div. Also provides
- * player metadata (frame, fps, sections) to the copy prompt button.
+ * Right sidebar that hosts the tweakpane Pane. Collapsed by default so the
+ * video takes the full width; a fixed top-right button opens it. The sidebar
+ * container stays mounted while collapsed (hidden via display: none) because
+ * useTweakpane registers controls into it — unmounting would lose all
+ * registrations until components remount. Also provides player metadata
+ * (frame, fps, sections) to the copy prompt button.
  */
 export declare function TweakpaneRoot({ playerRef, fps, sections, entryPath, }: {
     playerRef: React.RefObject<PlayerRef | null>;

package/dist/vite/tweakpane-hook.d.ts.map

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

package/dist/vite/tweakpane-hook.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * Tweakpane integration for the egaki video player.
  *
@@ -18,9 +18,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Tweakpane is pure DOM (no React dependency), so there are no dual-React
  * or SSR issues. During SSR (typeof window === 'undefined') the hook
  * returns the raw default values and skips all DOM work.
+ *
+ * Live props vs user overrides: each param follows the LIVE schema value
+ * passed on every render (so animated props like translateX={interpolate(...)}
+ * work) until the user touches that control in the pane. Once touched, the
+ * user's value wins for that key until the component remounts. Untouched
+ * controls are refreshed in the pane every render so animated values are
+ * visible while playing. Programmatic refreshes are guarded so tweakpane's
+ * change events (which fire on refresh() too) don't mark keys as touched.
  */
 import { useCallback, useEffect, useRef, useState, useSyncExternalStore, createContext, useContext } from 'react';
 import { LayoutContainerContext, useIsPremounting } from "./mdx-video.js";
+import { setSidebarOpen } from "./store.js";
+import { useSidebarOpen } from "./store-hooks.js";
 export const TweakpaneContext = createContext(null);
 // ---------------------------------------------------------------------------
 // Global disable switch
@@ -57,6 +67,22 @@ function cloneValue(value) {
         return { ...value };
     return value;
 }
+/** Deep-equal for param values: primitives, small arrays (bezier tuples),
+ *  and flat objects (range {min, max}). */
+function valuesEqual(a, b) {
+    if (a === b)
+        return true;
+    if (Array.isArray(a) && Array.isArray(b)) {
+        return a.length === b.length && a.every((x, i) => x === b[i]);
+    }
+    if (typeof a === 'object' && a !== null && typeof b === 'object' && b !== null) {
+        const ra = a;
+        const rb = b;
+        const ka = Object.keys(ra);
+        return ka.length === Object.keys(rb).length && ka.every((k) => ra[k] === rb[k]);
+    }
+    return false;
+}
 function resolveDefault(v) {
     if (isCubicBezierParam(v))
         return [...v.value];
@@ -176,7 +202,10 @@ function serializeTweakpanePrompt(ctx) {
         const changed = [];
         for (const [key, current] of Object.entries(entry.params)) {
             const def = entry.defaults[key];
-            if (current !== def) {
+            // Only user-touched keys count as changed. Untouched keys mirror live
+            // (possibly animated) props, so comparing them to mount-time defaults
+            // would produce false positives on every playing frame.
+            if (entry.touched.has(key) && !valuesEqual(current, def)) {
                 changed.push(`  ${key}: ${formatValue(current)}`);
             }
         }
@@ -259,6 +288,12 @@ function CopyChangesButton() {
  * Returns a reactive object with current values. Updating a control in the
  * pane immediately triggers a React re-render with fresh values.
  *
+ * Values follow live props: each key returns the schema value from the
+ * CURRENT render until the user touches that control in the pane, so
+ * animated props (e.g. `translateX={interpolate(frame, ...)}`) flow through
+ * every frame. Once touched, the user's pane value wins for that key until
+ * the component remounts.
+ *
  * On unmount the folder is disposed and removed from the pane.
  */
 export function useTweakpane(label, schema) {
@@ -281,6 +316,21 @@ export function useTweakpane(label, schema) {
     // Track the schema for updates
     const schemaRef = useRef(schema);
     schemaRef.current = schema;
+    // Keys the user changed via the pane UI. Untouched keys follow the live
+    // schema value on every render (so animated props work); touched keys keep
+    // the user's pane value until remount.
+    const touchedRef = useRef(new Set());
+    // Latest user override values, mirrored from state so the mount effect can
+    // seed rebuilt folders without re-running on every pane change.
+    const valuesRef = useRef(values);
+    valuesRef.current = values;
+    // Live handles to the mounted folder + bound params, used by the per-render
+    // sync effect below to push animated prop values into the pane.
+    const liveRef = useRef(null);
+    // True while we call folder.refresh() programmatically. tweakpane emits
+    // change events on refresh() too, so handlers must ignore those or every
+    // animated frame would mark keys as user-touched.
+    const refreshingRef = useRef(false);
     // Stable ID for this hook instance
     const idRef = useRef(`${label}-${Math.random().toString(36).slice(2, 8)}`);
     useEffect(() => {
@@ -297,7 +347,10 @@ export function useTweakpane(label, schema) {
             const def = resolveDefault(param);
             // Clone object/array values so tweakpane's in-place mutations on params
             // don't corrupt the defaults (used by "Copy changes" diffing).
-            params[key] = cloneValue(def);
+            // Touched keys keep the user's override when the folder is rebuilt
+            // (e.g. premount → active transition re-runs this effect).
+            const touched = touchedRef.current.has(key);
+            params[key] = cloneValue(touched ? valuesRef.current[key] : def);
             defaults[key] = cloneValue(def);
         }
         let folder = null;
@@ -318,6 +371,8 @@ export function useTweakpane(label, schema) {
                         picker: 'inline',
                     });
                     blade.on('change', (ev) => {
+                        if (refreshingRef.current)
+                            return;
                         const val = ev.value;
                         const tuple = [
                             Math.round(val.x1 * 1000) / 1000,
@@ -326,6 +381,7 @@ export function useTweakpane(label, schema) {
                             Math.round(val.y2 * 1000) / 1000,
                         ];
                         params[key] = tuple;
+                        touchedRef.current.add(key);
                         setValues((prev) => ({ ...prev, [key]: tuple }));
                     });
                     continue;
@@ -337,7 +393,10 @@ export function useTweakpane(label, schema) {
                         max: param.max,
                         step: param.step,
                     }).on('change', (ev) => {
+                        if (refreshingRef.current)
+                            return;
                         const val = ev.value;
+                        touchedRef.current.add(key);
                         setValues((prev) => ({ ...prev, [key]: { min: val.min, max: val.max } }));
                     });
                     continue;
@@ -382,15 +441,20 @@ export function useTweakpane(label, schema) {
                     }
                 }
                 folder.addBinding(params, key, opts).on('change', (ev) => {
+                    if (refreshingRef.current)
+                        return;
+                    touchedRef.current.add(key);
                     setValues((prev) => ({ ...prev, [key]: ev.value }));
                 });
             }
+            liveRef.current = { folder, params };
             // Register for copy prompt
-            activeFolders.set(id, { label, params, defaults });
+            activeFolders.set(id, { label, params, defaults, touched: touchedRef.current });
             notifyFolderListeners();
         })();
         return () => {
             disposed = true;
+            liveRef.current = null;
             if (folder) {
                 folder.dispose();
                 folder = null;
@@ -403,17 +467,59 @@ export function useTweakpane(label, schema) {
             }
         };
     }, [label, skip]);
-    return values;
+    // Push live (possibly animated) prop values into the pane for untouched
+    // keys. Runs after every render — during playback the component re-renders
+    // each frame, so animated values are visible moving in the pane UI.
+    // folder.refresh() emits change events; refreshingRef makes handlers
+    // ignore them so refreshes never mark keys as touched.
+    useEffect(() => {
+        const live = liveRef.current;
+        if (!live)
+            return;
+        let dirty = false;
+        for (const [key, param] of Object.entries(schemaRef.current)) {
+            if (touchedRef.current.has(key))
+                continue;
+            // Bezier blades are not bindings — refresh() won't read params for
+            // them. The returned value still follows live props below.
+            if (isCubicBezierParam(param))
+                continue;
+            const liveVal = resolveDefault(param);
+            if (!valuesEqual(live.params[key], liveVal)) {
+                live.params[key] = cloneValue(liveVal);
+                dirty = true;
+            }
+        }
+        if (dirty) {
+            refreshingRef.current = true;
+            live.folder.refresh();
+            refreshingRef.current = false;
+        }
+    });
+    // Merge: user-touched keys return the pane value, untouched keys follow
+    // the live schema value so animated props work without any extra wiring.
+    const merged = {};
+    for (const [key, param] of Object.entries(schema)) {
+        merged[key] = touchedRef.current.has(key) ? values[key] : resolveDefault(param);
+    }
+    return merged;
 }
 // ---------------------------------------------------------------------------
 // TweakpaneRoot — sidebar container for the tweakpane pane
 // ---------------------------------------------------------------------------
 /** Sidebar width constant shared with player-page layout. */
 export const SIDEBAR_WIDTH = 280;
+/** Lucide-style panel-right icon used for both opening and closing the sidebar. */
+function PanelRightIcon() {
+    return (_jsxs("svg", { width: '16', height: '16', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '1.5', strokeLinecap: 'round', strokeLinejoin: 'round', children: [_jsx("rect", { x: '3', y: '3', width: '18', height: '18', rx: '2' }), _jsx("line", { x1: '15', y1: '3', x2: '15', y2: '21' })] }));
+}
 /**
- * Right sidebar that hosts the tweakpane Pane. Always visible in the page
- * layout; the Pane mounts into the scrollable inner div. Also provides
- * player metadata (frame, fps, sections) to the copy prompt button.
+ * Right sidebar that hosts the tweakpane Pane. Collapsed by default so the
+ * video takes the full width; a fixed top-right button opens it. The sidebar
+ * container stays mounted while collapsed (hidden via display: none) because
+ * useTweakpane registers controls into it — unmounting would lose all
+ * registrations until components remount. Also provides player metadata
+ * (frame, fps, sections) to the copy prompt button.
  */
 export function TweakpaneRoot({ playerRef, fps, sections, entryPath, }) {
     // Ref callback sets the container synchronously when the DOM node mounts,
@@ -435,16 +541,18 @@ export function TweakpaneRoot({ playerRef, fps, sections, entryPath, }) {
             contextRef = null;
         };
     }, [playerRef, fps, sections, entryPath]);
-    return (_jsxs("div", { className: 'egaki-sidebar', style: {
-            width: SIDEBAR_WIDTH,
-            minWidth: SIDEBAR_WIDTH,
-            height: '100vh',
-            position: 'sticky',
-            top: 0,
-            overflowY: 'auto',
-            overflowX: 'hidden',
-            background: '#111',
-            borderLeft: '1px solid rgba(255,255,255,0.08)',
-            flexShrink: 0,
-        }, children: [_jsx(CopyChangesButton, {}), _jsx("div", { ref: containerRefCallback, id: 'egaki-tweakpane', style: { width: '100%' } })] }));
+    const sidebarOpen = useSidebarOpen();
+    return (_jsxs(_Fragment, { children: [!sidebarOpen && (_jsx("button", { onClick: () => setSidebarOpen(true), title: 'Open controls sidebar', className: 'fixed top-4 right-4 z-10 flex items-center justify-center rounded-lg w-8 h-8 text-zinc-400 hover:text-zinc-200 hover:bg-white/5 transition-colors cursor-pointer', children: _jsx(PanelRightIcon, {}) })), _jsxs("div", { className: 'egaki-sidebar', style: {
+                    width: SIDEBAR_WIDTH,
+                    minWidth: SIDEBAR_WIDTH,
+                    height: '100vh',
+                    position: 'sticky',
+                    top: 0,
+                    overflowY: 'auto',
+                    overflowX: 'hidden',
+                    background: '#111',
+                    borderLeft: '1px solid rgba(255,255,255,0.08)',
+                    flexShrink: 0,
+                    display: sidebarOpen ? undefined : 'none',
+                }, children: [_jsx("div", { className: 'flex items-center justify-end px-2 pt-2', children: _jsx("button", { onClick: () => setSidebarOpen(false), title: 'Close controls sidebar', className: 'flex items-center justify-center rounded-lg w-8 h-8 text-zinc-400 hover:text-zinc-200 hover:bg-white/5 transition-colors cursor-pointer', children: _jsx(PanelRightIcon, {}) }) }), _jsx(CopyChangesButton, {}), _jsx("div", { ref: containerRefCallback, id: 'egaki-tweakpane', style: { width: '100%' } })] })] }));
 }

package/dist/vite/vite-plugin.d.ts

@@ -18,11 +18,5 @@ export interface VideoPluginOptions {
      *  All other .mdx files in the project become additional routes. */
     entry?: string;
 }
-/**
- * Compare old and new MDX sources section-by-section. Returns the index
- * of the first added or edited section, or null if nothing changed (or
- * only deletions occurred, which we skip per design).
- */
-export declare function findChangedSectionIndex(oldSource: string, newSource: string): number | null;
 export declare function video(options?: VideoPluginOptions): PluginOption[];
 //# sourceMappingURL=vite-plugin.d.ts.map

package/dist/vite/vite-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite-plugin.d.ts","sourceRoot":"","sources":["../../src/vite/vite-plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAMH,OAAO,KAAK,EAAU,YAAY,EAAE,MAAM,MAAM,CAAA;AA4BhD,MAAM,WAAW,kBAAkB;IACjC;;wEAEoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAuCD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAuB3F;AAoCD,wBAAgB,KAAK,CAAC,OAAO,CAAC,EAAE,kBAAkB,GAAG,YAAY,EAAE,CAwalE"}
+{"version":3,"file":"vite-plugin.d.ts","sourceRoot":"","sources":["../../src/vite/vite-plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAMH,OAAO,KAAK,EAAU,YAAY,EAAE,MAAM,MAAM,CAAA;AA4BhD,MAAM,WAAW,kBAAkB;IACjC;;wEAEoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAiDD,wBAAgB,KAAK,CAAC,OAAO,CAAC,EAAE,kBAAkB,GAAG,YAAY,EAAE,CAoYlE"}

package/dist/vite/vite-plugin.js

@@ -46,60 +46,6 @@ function resolveSourceToFile(root, source) {
     }
     return undefined;
 }
-/**
- * Extract raw source text ranges per section directly from the mdast.
- * Works with heading nodes' positions to capture the FULL raw heading
- * text including props like `duration=3s` and `transition=20` that
- * `splitIntoSections` strips during parsing. Each section spans from
- * its heading's start offset to the next heading's start (or EOF).
- */
-function sectionRawTexts(source, mdast) {
-    // Collect the start offsets of each heading node
-    const headingStarts = [];
-    for (const node of mdast.children) {
-        if (node.type === 'heading' && node.position?.start?.offset != null) {
-            headingStarts.push(node.position.start.offset);
-        }
-    }
-    // Slice source between consecutive headings, trimming trailing whitespace
-    // so boundary changes (adding/removing a following section) don't cause
-    // false positives on the preceding section.
-    return headingStarts.map((start, i) => {
-        const end = i + 1 < headingStarts.length ? headingStarts[i + 1] : source.length;
-        return source.slice(start, end).trimEnd();
-    });
-}
-/**
- * Compare old and new MDX sources section-by-section. Returns the index
- * of the first added or edited section, or null if nothing changed (or
- * only deletions occurred, which we skip per design).
- */
-export function findChangedSectionIndex(oldSource, newSource) {
-    try {
-        const oldTexts = sectionRawTexts(oldSource, mdxParse(oldSource));
-        const newTexts = sectionRawTexts(newSource, mdxParse(newSource));
-        const maxLen = Math.max(oldTexts.length, newTexts.length);
-        for (let i = 0; i < maxLen; i++) {
-            if (i >= oldTexts.length)
-                return i; // new section added
-            if (i >= newTexts.length)
-                return null; // section deleted, skip
-            if (oldTexts[i] !== newTexts[i]) {
-                // Distinguish edit from deletion: if the next old section matches
-                // the current new section, a section was deleted (shifted down).
-                // Look ahead to detect deletions at any position, not just the tail.
-                if (newTexts.length < oldTexts.length && oldTexts[i + 1] === newTexts[i]) {
-                    return null; // deletion, skip
-                }
-                return i; // content changed
-            }
-        }
-        return null; // no scene-level change (frontmatter/preamble only)
-    }
-    catch {
-        return null; // parse error, don't seek
-    }
-}
 /** Discover .mdx files in the project root directory (non-recursive).
  *  Only root-level files become entries to avoid import resolution issues
  *  with nested paths. Returns a map of routePath → absolutePath. */
@@ -146,8 +92,6 @@ export function video(options) {
     let defaultRoute = '';
     /** Whether the user's project has `motion` (framer-motion) installed. */
     let hasMotion = false;
-    /** Cached previous MDX sources for section-level diff detection, keyed by abs path. */
-    const previousMdxSources = new Map();
     /** Set of absolute paths of all entry MDX files for quick lookup. */
     let entryPathSet = new Set();
     /** Is this file referenced inside a <Server> block of any entry MDX?
@@ -193,13 +137,6 @@ export function video(options) {
             }
             defaultRoute = resolveDefaultRoute(mdxEntries, options?.entry, root);
             entryPathSet = new Set(mdxEntries.values());
-            // Seed previous sources for section-level diff detection.
-            for (const [, absPath] of mdxEntries) {
-                try {
-                    previousMdxSources.set(absPath, fs.readFileSync(absPath, 'utf-8'));
-                }
-                catch { /* ignore read errors */ }
-            }
             // Auto-generate egaki-env.d.ts so MDX LSP knows about built-in
             // components via the global MDXProvidedComponents type. Same
             // pattern Vite uses for vite-env.d.ts.
@@ -407,21 +344,7 @@ export function video(options) {
                     mdxEntries.set(relPath.replace(/\.mdx$/, ''), absEntry);
                 }
                 defaultRoute = resolveDefaultRoute(mdxEntries, options?.entry, root);
-                const nextEntryPathSet = new Set(mdxEntries.values());
-                // Sync previousMdxSources: seed new entries, prune removed ones.
-                for (const file of previousMdxSources.keys()) {
-                    if (!nextEntryPathSet.has(file))
-                        previousMdxSources.delete(file);
-                }
-                for (const file of nextEntryPathSet) {
-                    if (!previousMdxSources.has(file)) {
-                        try {
-                            previousMdxSources.set(file, fs.readFileSync(file, 'utf-8'));
-                        }
-                        catch { /* file may be mid-write */ }
-                    }
-                }
-                entryPathSet = nextEntryPathSet;
+                entryPathSet = new Set(mdxEntries.values());
                 invalidateVirtual([RESOLVED_APP, RESOLVED_MDX, RESOLVED_MODULES]);
                 if (this.environment.name === 'client') {
                     ctx.server.environments.client?.hot.send({ type: 'full-reload' });
@@ -431,25 +354,11 @@ export function video(options) {
             if (isEntryMdx) {
                 invalidateVirtual([RESOLVED_APP, RESOLVED_MDX]);
                 if (this.environment.name === 'client') {
-                    // Section-level diff detection for the changed entry.
-                    const newMdxSource = fs.readFileSync(normalizedFile, 'utf-8');
-                    const prevSource = previousMdxSources.get(normalizedFile);
-                    const changedSection = prevSource != null
-                        ? findChangedSectionIndex(prevSource, newMdxSource)
-                        : null;
-                    previousMdxSources.set(normalizedFile, newMdxSource);
                     ctx.server.environments.client?.hot.send({
                         type: 'custom',
                         event: 'rsc:update',
                         data: { file: ctx.file },
                     });
-                    if (changedSection != null) {
-                        ctx.server.environments.client?.hot.send({
-                            type: 'custom',
-                            event: 'egaki:scene-changed',
-                            data: { sectionIndex: changedSection, file: normalizedFile },
-                        });
-                    }
                 }
                 return [];
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "egaki",
-  "version": "0.7.2",
+  "version": "0.9.0",
   "type": "module",
   "description": "AI image, video, and speech generation CLI with MDX-to-video framework",
   "main": "./dist/cli/main.js",
@@ -88,9 +88,9 @@
     "@ai-sdk/xai": "^3.0.92",
     "@clack/prompts": "^1.0.1",
     "@fal-ai/client": "^1.10.1",
-    "@remotion/media": "4.0.475",
-    "@remotion/player": "4.0.475",
-    "@remotion/web-renderer": "4.0.475",
+    "@remotion/media": "4.0.494",
+    "@remotion/player": "4.0.494",
+    "@remotion/web-renderer": "4.0.494",
     "@tailwindcss/vite": "^4.2.2",
     "@tweakpane/core": "^2.0.5",
     "@tweakpane/plugin-essentials": "^0.2.1",
@@ -98,12 +98,12 @@
     "eventsource-parser": "^3.0.6",
     "goke": "^6.12.1",
     "js-yaml": "^4.1.1",
-    "mediabunny": "^1.46.0",
+    "mediabunny": "^1.50.8",
     "moveable": "^0.53.0",
     "picocolors": "^1.1.1",
     "react": "19.2.7",
     "react-dom": "19.2.7",
-    "remotion": "4.0.475",
+    "remotion": "4.0.494",
     "safe-mdx": "^1.11.3",
     "shiki": "^4.2.0",
     "string-dedent": "^3.0.2",
@@ -135,6 +135,9 @@
       "optional": true
     }
   },
+  "optionalDependencies": {
+    "node-web-audio-api": ">=1"
+  },
   "devDependencies": {
     "@types/js-yaml": "^4.0.9",
     "@types/react": "^19.2.17",