@remotion/studio-shared 4.0.461 → 4.0.463

package/dist/api-requests.d.ts

@@ -1,8 +1,7 @@
 import type { AudioCodec, ChromeMode, Codec, ColorSpace, LogLevel, PixelFormat, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import type { HardwareAccelerationOption } from '@remotion/renderer/client';
-import type { _InternalTypes, CanUpdateSequencePropsResponseFalse, CanUpdateSequencePropsResponseTrue, SequenceSchema } from 'remotion';
-import type { CanUpdateSequencePropsResponse } from 'remotion';
-import type { SequenceNodePath } from 'remotion';
+import type { CannotUpdateSequenceReason } from 'remotion';
+import type { _InternalTypes, CanUpdateEffectPropsResponse, CanUpdateSequencePropsResponseFalse, CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, SequenceSchema, SequenceNodePath, SequencePropsSubscriptionKey } from 'remotion';
 import type { RecastCodemod, VisualControlChange } from './codemods';
 import type { PackageManager } from './package-manager';
 import type { ProjectInfo } from './project-info';
@@ -162,37 +161,57 @@ export type UnsubscribeFromDefaultPropsRequest = {
 };
 export type CanUpdateSequencePropsRequest = {
     fileName: string;
-    nodePath: SequenceNodePath;
+    nodePath: SequencePropsSubscriptionKey;
     keys: string[];
 };
 export type SubscribeToSequencePropsRequest = {
     fileName: string;
     line: number;
     column: number;
-    schema: SequenceSchema;
+    keys: string[];
+    effects: string[][];
     clientId: string;
 };
 export type SubscribeToSequencePropsResponse = {
     success: true;
     status: CanUpdateSequencePropsResponseTrue;
-    nodePath: SequenceNodePath;
+    nodePath: SequencePropsSubscriptionKey;
 } | {
     success: false;
     status: CanUpdateSequencePropsResponseFalse;
 };
 export type UnsubscribeFromSequencePropsRequest = {
     fileName: string;
-    nodePath: SequenceNodePath;
+    nodePath: SequencePropsSubscriptionKey;
     clientId: string;
+    sequenceKeys: string[];
+    effectKeys: string[][];
 };
 export type SaveSequencePropsRequest = {
     fileName: string;
-    nodePath: SequenceNodePath;
+    nodePath: SequencePropsSubscriptionKey;
+    key: string;
+    value: string;
+    defaultValue: string | null;
+    schema: SequenceSchema;
+};
+export type SaveSequencePropsResponse = {
+    canUpdate: true;
+    props: Record<string, CanUpdateSequencePropStatus>;
+} | {
+    canUpdate: false;
+    reason: CannotUpdateSequenceReason;
+};
+export type SaveEffectPropsRequest = {
+    fileName: string;
+    sequenceNodePath: SequencePropsSubscriptionKey;
+    effectIndex: number;
     key: string;
     value: string;
     defaultValue: string | null;
     schema: SequenceSchema;
 };
+export type SaveEffectPropsResponse = CanUpdateEffectPropsResponse;
 export type DeleteJsxNodeRequest = {
     fileName: string;
     nodePath: SequenceNodePath;
@@ -260,7 +279,8 @@ export type ApiRoutes = {
     '/api/unsubscribe-from-default-props': ReqAndRes<UnsubscribeFromDefaultPropsRequest, undefined>;
     '/api/subscribe-to-sequence-props': ReqAndRes<SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse>;
     '/api/unsubscribe-from-sequence-props': ReqAndRes<UnsubscribeFromSequencePropsRequest, undefined>;
-    '/api/save-sequence-props': ReqAndRes<SaveSequencePropsRequest, CanUpdateSequencePropsResponse>;
+    '/api/save-sequence-props': ReqAndRes<SaveSequencePropsRequest, SaveSequencePropsResponse>;
+    '/api/save-effect-props': ReqAndRes<SaveEffectPropsRequest, SaveEffectPropsResponse>;
     '/api/delete-jsx-node': ReqAndRes<DeleteJsxNodeRequest, DeleteJsxNodeResponse>;
     '/api/duplicate-jsx-node': ReqAndRes<DuplicateJsxNodeRequest, DuplicateJsxNodeResponse>;
     '/api/update-available': ReqAndRes<UpdateAvailableRequest, UpdateAvailableResponse>;

package/dist/event-source-event.d.ts

@@ -1,5 +1,5 @@
 import type { StaticFile } from 'remotion';
-import type { SequenceNodePath, CanUpdateSequencePropsResponse } from 'remotion';
+import type { CanUpdateSequencePropsResponse, SequencePropsSubscriptionKey } from 'remotion';
 import type { CanUpdateDefaultPropsResponse } from './api-requests';
 import type { HotMiddlewareMessage } from './hot-middleware';
 import type { CompletedClientRender, RenderJob } from './render-job';
@@ -39,7 +39,7 @@ export type EventSourceEvent = {
 } | {
     type: 'sequence-props-updated';
     fileName: string;
-    nodePath: SequenceNodePath;
+    nodePath: SequencePropsSubscriptionKey;
     result: CanUpdateSequencePropsResponse;
 } | {
     type: 'default-props-updatable-changed';

package/dist/get-all-keys.d.ts

@@ -0,0 +1,2 @@
+import type { SequenceSchema } from 'remotion';
+export declare const getAllSchemaKeys: (schema: SequenceSchema) => string[];

package/dist/get-all-keys.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAllSchemaKeys = void 0;
+const remotion_1 = require("remotion");
+const getAllSchemaKeys = (schema) => {
+    return Object.keys(remotion_1.Internals.getFlatSchemaWithAllKeys(schema));
+};
+exports.getAllSchemaKeys = getAllSchemaKeys;

package/dist/index.d.ts

@@ -1,10 +1,11 @@
 export { splitAnsi, stripAnsi } from './ansi';
-export { AddRenderRequest, ApiRoutes, ApplyCodemodRequest, ApplyCodemodResponse, ApplyVisualControlRequest, ApplyVisualControlResponse, CanUpdateDefaultPropsResponse, CanUpdateSequencePropsRequest, CancelRenderRequest, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UnsubscribeFromSequencePropsRequest, CancelRenderResponse, CopyStillToClipboardRequest, DeleteJsxNodeRequest, DeleteJsxNodeResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, DeleteStaticFileRequest, DeleteStaticFileResponse, InstallPackageRequest, InstallPackageResponse, OpenInFileExplorerRequest, ProjectInfoRequest, ProjectInfoResponse, RedoRequest, RedoResponse, RemoveRenderRequest, RestartStudioRequest, RestartStudioResponse, SaveSequencePropsRequest, SimpleDiff, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, UndoRequest, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromFileExistenceRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, } from './api-requests';
+export { AddRenderRequest, ApiRoutes, ApplyCodemodRequest, ApplyCodemodResponse, ApplyVisualControlRequest, ApplyVisualControlResponse, CanUpdateDefaultPropsResponse, CanUpdateSequencePropsRequest, CancelRenderRequest, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UnsubscribeFromSequencePropsRequest, CancelRenderResponse, CopyStillToClipboardRequest, DeleteJsxNodeRequest, DeleteJsxNodeResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, DeleteStaticFileRequest, DeleteStaticFileResponse, InstallPackageRequest, InstallPackageResponse, OpenInFileExplorerRequest, ProjectInfoRequest, ProjectInfoResponse, RedoRequest, RedoResponse, RemoveRenderRequest, RestartStudioRequest, RestartStudioResponse, SaveEffectPropsRequest, SaveEffectPropsResponse, SaveSequencePropsRequest, SaveSequencePropsResponse, SimpleDiff, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, UndoRequest, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromFileExistenceRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, } from './api-requests';
 export type { ApplyVisualControlCodemod, RecastCodemod } from './codemods';
 export { DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS } from './default-buffer-state-delay-in-milliseconds';
 export { EventSourceEvent } from './event-source-event';
 export { formatBytes } from './format-bytes';
 export { getDefaultOutLocation } from './get-default-out-name';
+export { getAllSchemaKeys } from './get-all-keys';
 export { ErrorLocation, getLocationFromBuildError, } from './get-location-from-build-error';
 export { getProjectName } from './get-project-name';
 export type { GitSource } from './git-source';
@@ -16,9 +17,12 @@ export { ProjectInfo } from './project-info';
 export type { RenderDefaults } from './render-defaults';
 export { AggregateRenderProgress, ArtifactProgress, BrowserDownloadState, BrowserProgressLog, BundlingState, CopyingState, DownloadProgress, JobProgressCallback, RenderJob, RenderJobWithCleanup, RenderingProgressInput, RequiredChromiumOptions, StitchingProgressInput, UiOpenGlOptions, } from './render-job';
 export type { CompletedClientRender } from './render-job';
-export { SCHEMA_FIELD_ROW_HEIGHT, UNSUPPORTED_FIELD_ROW_HEIGHT, getFieldsToShow, } from './schema-field-info';
-export type { CodeValues, DragOverrides, SchemaFieldInfo, SequenceControls, } from './schema-field-info';
+export { SCHEMA_FIELD_ROW_HEIGHT, getEffectFieldsToShow, getFieldsToShow, } from './schema-field-info';
+export type { AnySchemaFieldInfo, CodeValues, DragOverrides, EffectSchemaFieldInfo, SchemaFieldInfo, SequenceControls, SequenceSchemaFieldInfo, } from './schema-field-info';
 export { ScriptLine, SomeStackFrame, StackFrame, SymbolicatedStackFrame, } from './stack-types';
 export { EnumPath, stringifyDefaultProps } from './stringify-default-props';
 export type { VisualControlChange } from './codemods';
 export { optimisticUpdateForCodeValues } from './optimistic-update-for-code-values';
+export { optimisticUpdateForEffectCodeValues } from './optimistic-update-for-effect-code-values';
+export { stringifySequenceSubscriptionKey } from './stringify-sequence-subscription-key';
+export { stringifySequenceExpandedRowKey } from './stringify-sequence-subscription-key';

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.optimisticUpdateForCodeValues = exports.stringifyDefaultProps = exports.getFieldsToShow = exports.UNSUPPORTED_FIELD_ROW_HEIGHT = exports.SCHEMA_FIELD_ROW_HEIGHT = exports.packages = exports.installableMap = exports.extraPackages = exports.descriptions = exports.apiDocs = exports.DEFAULT_TIMELINE_TRACKS = exports.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getDefaultOutLocation = exports.formatBytes = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = exports.stripAnsi = exports.splitAnsi = void 0;
+exports.stringifySequenceExpandedRowKey = exports.stringifySequenceSubscriptionKey = exports.optimisticUpdateForEffectCodeValues = exports.optimisticUpdateForCodeValues = exports.stringifyDefaultProps = exports.getFieldsToShow = exports.getEffectFieldsToShow = exports.SCHEMA_FIELD_ROW_HEIGHT = exports.packages = exports.installableMap = exports.extraPackages = exports.descriptions = exports.apiDocs = exports.DEFAULT_TIMELINE_TRACKS = exports.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getAllSchemaKeys = exports.getDefaultOutLocation = exports.formatBytes = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = exports.stripAnsi = exports.splitAnsi = void 0;
 const ansi_1 = require("./ansi");
 Object.defineProperty(exports, "splitAnsi", { enumerable: true, get: function () { return ansi_1.splitAnsi; } });
 Object.defineProperty(exports, "stripAnsi", { enumerable: true, get: function () { return ansi_1.stripAnsi; } });
@@ -10,6 +10,8 @@ const format_bytes_1 = require("./format-bytes");
 Object.defineProperty(exports, "formatBytes", { enumerable: true, get: function () { return format_bytes_1.formatBytes; } });
 const get_default_out_name_1 = require("./get-default-out-name");
 Object.defineProperty(exports, "getDefaultOutLocation", { enumerable: true, get: function () { return get_default_out_name_1.getDefaultOutLocation; } });
+const get_all_keys_1 = require("./get-all-keys");
+Object.defineProperty(exports, "getAllSchemaKeys", { enumerable: true, get: function () { return get_all_keys_1.getAllSchemaKeys; } });
 const get_location_from_build_error_1 = require("./get-location-from-build-error");
 Object.defineProperty(exports, "getLocationFromBuildError", { enumerable: true, get: function () { return get_location_from_build_error_1.getLocationFromBuildError; } });
 const get_project_name_1 = require("./get-project-name");
@@ -26,9 +28,15 @@ Object.defineProperty(exports, "installableMap", { enumerable: true, get: functi
 Object.defineProperty(exports, "packages", { enumerable: true, get: function () { return package_info_1.packages; } });
 const schema_field_info_1 = require("./schema-field-info");
 Object.defineProperty(exports, "SCHEMA_FIELD_ROW_HEIGHT", { enumerable: true, get: function () { return schema_field_info_1.SCHEMA_FIELD_ROW_HEIGHT; } });
-Object.defineProperty(exports, "UNSUPPORTED_FIELD_ROW_HEIGHT", { enumerable: true, get: function () { return schema_field_info_1.UNSUPPORTED_FIELD_ROW_HEIGHT; } });
+Object.defineProperty(exports, "getEffectFieldsToShow", { enumerable: true, get: function () { return schema_field_info_1.getEffectFieldsToShow; } });
 Object.defineProperty(exports, "getFieldsToShow", { enumerable: true, get: function () { return schema_field_info_1.getFieldsToShow; } });
 const stringify_default_props_1 = require("./stringify-default-props");
 Object.defineProperty(exports, "stringifyDefaultProps", { enumerable: true, get: function () { return stringify_default_props_1.stringifyDefaultProps; } });
 const optimistic_update_for_code_values_1 = require("./optimistic-update-for-code-values");
 Object.defineProperty(exports, "optimisticUpdateForCodeValues", { enumerable: true, get: function () { return optimistic_update_for_code_values_1.optimisticUpdateForCodeValues; } });
+const optimistic_update_for_effect_code_values_1 = require("./optimistic-update-for-effect-code-values");
+Object.defineProperty(exports, "optimisticUpdateForEffectCodeValues", { enumerable: true, get: function () { return optimistic_update_for_effect_code_values_1.optimisticUpdateForEffectCodeValues; } });
+const stringify_sequence_subscription_key_1 = require("./stringify-sequence-subscription-key");
+Object.defineProperty(exports, "stringifySequenceSubscriptionKey", { enumerable: true, get: function () { return stringify_sequence_subscription_key_1.stringifySequenceSubscriptionKey; } });
+const stringify_sequence_subscription_key_2 = require("./stringify-sequence-subscription-key");
+Object.defineProperty(exports, "stringifySequenceExpandedRowKey", { enumerable: true, get: function () { return stringify_sequence_subscription_key_2.stringifySequenceExpandedRowKey; } });

package/dist/optimistic-update-for-code-values.js

@@ -24,6 +24,7 @@ const optimisticUpdateForCodeValues = ({ previous, fieldKey, value, schema, }) =
     return {
         canUpdate: true,
         props,
+        effects: previous.effects,
     };
 };
 exports.optimisticUpdateForCodeValues = optimisticUpdateForCodeValues;

package/dist/optimistic-update-for-effect-code-values.d.ts

@@ -0,0 +1,8 @@
+import { type CanUpdateSequencePropsResponse, type SequenceSchema } from 'remotion';
+export declare const optimisticUpdateForEffectCodeValues: ({ previous, effectIndex, fieldKey, value, schema, }: {
+    previous: CanUpdateSequencePropsResponse;
+    effectIndex: number;
+    fieldKey: string;
+    value: unknown;
+    schema: SequenceSchema;
+}) => CanUpdateSequencePropsResponse;

package/dist/optimistic-update-for-effect-code-values.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.optimisticUpdateForEffectCodeValues = void 0;
+const no_react_1 = require("remotion/no-react");
+const optimisticUpdateForEffectCodeValues = ({ previous, effectIndex, fieldKey, value, schema, }) => {
+    var _a;
+    if (!previous.canUpdate) {
+        return previous;
+    }
+    const targetIndex = previous.effects.findIndex((e) => e.effectIndex === effectIndex);
+    if (targetIndex === -1) {
+        return previous;
+    }
+    const target = previous.effects[targetIndex];
+    if (!target.canUpdate) {
+        return previous;
+    }
+    const props = {
+        ...target.props,
+        [fieldKey]: { canUpdate: true, codeValue: value },
+    };
+    if (((_a = schema[fieldKey]) === null || _a === void 0 ? void 0 : _a.type) === 'enum') {
+        const propsToDelete = no_react_1.NoReactInternals.findPropsToDelete({
+            schema,
+            key: fieldKey,
+            value,
+        });
+        for (const propToDelete of propsToDelete) {
+            delete props[propToDelete];
+        }
+    }
+    const updatedEffect = {
+        ...target,
+        props,
+    };
+    const effects = [...previous.effects];
+    effects[targetIndex] = updatedEffect;
+    return {
+        ...previous,
+        effects,
+    };
+};
+exports.optimisticUpdateForEffectCodeValues = optimisticUpdateForEffectCodeValues;

package/dist/package-info.d.ts

@@ -1,4 +1,4 @@
-export declare const packages: readonly ["svg-3d-engine", "animation-utils", "animated-emoji", "astro-example", "babel-loader", "bugs", "brand", "bundler", "cli", "cloudrun", "codex-plugin", "compositor-darwin-arm64", "compositor-darwin-x64", "compositor-linux-arm64-gnu", "compositor-linux-arm64-musl", "compositor-linux-x64-gnu", "compositor-linux-x64-musl", "compositor-win32-x64-msvc", "core", "create-video", "discord-poster", "docusaurus-plugin", "docs", "enable-scss", "eslint-config", "eslint-config-flat", "eslint-config-internal", "eslint-plugin", "example-without-zod", "example", "fonts", "gif", "google-fonts", "install-whisper-cpp", "it-tests", "react18-tests", "lambda-go-example", "lambda-go", "lambda-php", "lambda-ruby", "lambda-python", "lambda", "lambda-client", "layout-utils", "rounded-text-box", "licensing", "lottie", "mcp", "media-utils", "motion-blur", "noise", "paths", "player-a11y", "player-example", "player", "preload", "renderer", "rive", "shapes", "skia", "promo-pages", "streaming", "serverless", "serverless-client", "skills", "studio-server", "studio-shared", "studio", "tailwind", "tailwind-v4", "timeline-utils", "test-utils", "three", "transitions", "media-parser", "zod-types", "zod-types-v3", "webcodecs", "convert", "captions", "openai-whisper", "elevenlabs", "compositor", "example-videos", "whisper-web", "media", "web-renderer", "design", "light-leaks", "starburst", "vercel", "sfx", "effects"];
+export declare const packages: readonly ["svg-3d-engine", "animation-utils", "animated-emoji", "astro-example", "babel-loader", "bugs", "brand", "bundler", "cli", "cloudrun", "codex-plugin", "compositor-darwin-arm64", "compositor-darwin-x64", "compositor-linux-arm64-gnu", "compositor-linux-arm64-musl", "compositor-linux-x64-gnu", "compositor-linux-x64-musl", "compositor-win32-x64-msvc", "core", "create-video", "discord-poster", "docusaurus-plugin", "docs", "enable-scss", "eslint-config", "eslint-config-flat", "eslint-config-internal", "eslint-plugin", "example-without-zod", "example", "fonts", "gif", "google-fonts", "install-whisper-cpp", "it-tests", "react18-tests", "lambda-go-example", "lambda-go", "lambda-php", "lambda-ruby", "lambda-python", "lambda", "lambda-client", "layout-utils", "rounded-text-box", "licensing", "lottie", "mcp", "media-utils", "motion-blur", "noise", "paths", "player-a11y", "player-example", "player", "preload", "renderer", "rive", "shapes", "skia", "promo-pages", "streaming", "serverless", "serverless-client", "skills", "skills-evals", "studio-server", "studio-shared", "studio", "tailwind", "tailwind-v4", "timeline-utils", "test-utils", "three", "transitions", "media-parser", "zod-types", "zod-types-v3", "webcodecs", "convert", "captions", "openai-whisper", "elevenlabs", "compositor", "example-videos", "whisper-web", "media", "web-renderer", "design", "light-leaks", "starburst", "vercel", "sfx", "effects"];
 export type Pkgs = (typeof packages)[number];
 export type ExtraPackage = {
     name: string;

package/dist/package-info.js

@@ -67,6 +67,7 @@ exports.packages = [
     'serverless',
     'serverless-client',
     'skills',
+    'skills-evals',
     'studio-server',
     'studio-shared',
     'studio',
@@ -99,13 +100,13 @@ exports.packages = [
 exports.extraPackages = [
     {
         name: 'mediabunny',
-        version: '1.42.0',
+        version: '1.45.0',
         description: 'Multimedia library used by Remotion',
         docsUrl: 'https://www.remotion.dev/docs/mediabunny/version',
     },
     {
         name: '@mediabunny/ac3',
-        version: '1.42.0',
+        version: '1.45.0',
         description: 'AC-3 and E-AC-3 audio codec support for Mediabunny',
         docsUrl: 'https://www.remotion.dev/docs/mediabunny/formats#ac-3-and-e-ac-3',
     },
@@ -187,6 +188,7 @@ exports.descriptions = {
     'lambda-ruby': null,
     'player-example': null,
     skills: null,
+    'skills-evals': null,
     'discord-poster': null,
     'docusaurus-plugin': null,
     'animated-emoji': 'Google Fonts Animated Emojis as Remotion components',
@@ -275,6 +277,7 @@ exports.installableMap = {
     shapes: true,
     skia: true,
     skills: false,
+    'skills-evals': false,
     'promo-pages': false,
     streaming: false,
     serverless: false,
@@ -378,6 +381,7 @@ exports.apiDocs = {
     streaming: null,
     serverless: null,
     skills: null,
+    'skills-evals': null,
     studio: 'https://www.remotion.dev/docs/studio/api',
     'timeline-utils': null,
     transitions: 'https://www.remotion.dev/transitions',

package/dist/schema-field-info.d.ts

@@ -1,20 +1,29 @@
-import type { CodeValues, DragOverrides, SequenceControls, VisibleFieldSchema, SequenceSchema, GetDragOverrides, GetCodeValues, SequenceNodePath } from 'remotion';
+import type { CodeValues, DragOverrides, SequenceControls, VisibleFieldSchema, SequenceSchema, GetDragOverrides, SequencePropsSubscriptionKey, EffectDefinition } from 'remotion';
 export type { CodeValues, DragOverrides, SequenceControls };
 export type SchemaFieldInfo = {
     key: string;
     description: string | undefined;
-    typeName: string;
-    supported: boolean;
+    typeName: SupportedSchemaType;
     rowHeight: number;
-    currentRuntimeValue: unknown;
     fieldSchema: VisibleFieldSchema;
 };
+export type SequenceSchemaFieldInfo = SchemaFieldInfo & {
+    readonly kind: 'sequence-field';
+};
+export type EffectSchemaFieldInfo = SchemaFieldInfo & {
+    readonly kind: 'effect-field';
+    readonly effectIndex: number;
+    readonly effectSchema: SequenceSchema;
+};
+export type AnySchemaFieldInfo = SequenceSchemaFieldInfo | EffectSchemaFieldInfo;
 export declare const SCHEMA_FIELD_ROW_HEIGHT = 22;
-export declare const UNSUPPORTED_FIELD_ROW_HEIGHT = 22;
-export declare const getFieldsToShow: ({ getDragOverrides, getCodeValues, nodePath, schema, currentRuntimeValueDotNotation, }: {
+declare const SUPPORTED_SCHEMA_TYPES: readonly ["number", "boolean", "rotation", "translate", "color", "enum", "hidden"];
+type SupportedSchemaType = (typeof SUPPORTED_SCHEMA_TYPES)[number];
+export declare const getFieldsToShow: ({ getDragOverrides, codeValues, nodePath, schema, currentRuntimeValueDotNotation, }: {
     schema: SequenceSchema;
     currentRuntimeValueDotNotation: Record<string, unknown>;
     getDragOverrides: GetDragOverrides;
-    getCodeValues: GetCodeValues;
-    nodePath: SequenceNodePath;
-}) => SchemaFieldInfo[] | null;
+    codeValues: CodeValues;
+    nodePath: SequencePropsSubscriptionKey;
+}) => SequenceSchemaFieldInfo[] | null;
+export declare const getEffectFieldsToShow: (effect: EffectDefinition<unknown>, effectIndex: number) => EffectSchemaFieldInfo[];

package/dist/schema-field-info.js

@@ -1,44 +1,78 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFieldsToShow = exports.UNSUPPORTED_FIELD_ROW_HEIGHT = exports.SCHEMA_FIELD_ROW_HEIGHT = void 0;
+exports.getEffectFieldsToShow = exports.getFieldsToShow = exports.SCHEMA_FIELD_ROW_HEIGHT = void 0;
 const remotion_1 = require("remotion");
 const no_react_1 = require("remotion/no-react");
 exports.SCHEMA_FIELD_ROW_HEIGHT = 22;
-exports.UNSUPPORTED_FIELD_ROW_HEIGHT = 22;
-const SUPPORTED_SCHEMA_TYPES = new Set([
+const SUPPORTED_SCHEMA_TYPES = [
     'number',
     'boolean',
     'rotation',
     'translate',
+    'color',
     'enum',
-]);
-const getFieldsToShow = ({ getDragOverrides, getCodeValues, nodePath, schema, currentRuntimeValueDotNotation, }) => {
+    'hidden',
+];
+const getFieldsToShow = ({ getDragOverrides, codeValues, nodePath, schema, currentRuntimeValueDotNotation, }) => {
     const { merged: valuesDotNotation } = remotion_1.Internals.computeEffectiveSchemaValuesDotNotation({
         schema,
         currentValue: currentRuntimeValueDotNotation,
         overrideValues: getDragOverrides(nodePath),
-        propStatus: getCodeValues(nodePath),
+        propStatus: remotion_1.Internals.getCodeValuesCtx(codeValues, nodePath),
     });
     const activeSchema = remotion_1.Internals.flattenActiveSchema(schema, (key) => valuesDotNotation[key]);
     return Object.entries(activeSchema)
         .map(([key, fieldSchema]) => {
         const typeName = fieldSchema.type;
-        const supported = SUPPORTED_SCHEMA_TYPES.has(typeName);
+        if (SUPPORTED_SCHEMA_TYPES.indexOf(typeName) === -1) {
+            throw new Error(`Unsupported field type: ${typeName}`);
+        }
         if (typeName === 'hidden') {
             return null;
         }
+        // `hidden` is represented as the eye/speaker icon on the timeline track,
+        // so we don't render it as a regular field in the expanded section.
+        if (key === 'hidden') {
+            return null;
+        }
         return {
+            kind: 'sequence-field',
             key,
             description: fieldSchema.description,
             typeName,
-            supported,
-            rowHeight: supported
-                ? exports.SCHEMA_FIELD_ROW_HEIGHT
-                : exports.UNSUPPORTED_FIELD_ROW_HEIGHT,
-            currentRuntimeValue: currentRuntimeValueDotNotation[key],
+            rowHeight: exports.SCHEMA_FIELD_ROW_HEIGHT,
             fieldSchema,
         };
     })
         .filter(no_react_1.NoReactInternals.truthy);
 };
 exports.getFieldsToShow = getFieldsToShow;
+const getEffectFieldsToShow = (effect, effectIndex) => {
+    return Object.entries(effect.schema)
+        .map(([key, fieldSchema]) => {
+        const typeName = fieldSchema.type;
+        if (typeName === 'hidden') {
+            return null;
+        }
+        // `disabled` is represented as the eye icon on the effect timeline row,
+        // so we don't render it as a regular field in the expanded section.
+        if (key === 'disabled') {
+            return null;
+        }
+        if (SUPPORTED_SCHEMA_TYPES.indexOf(typeName) === -1) {
+            throw new Error(`Unsupported field type: ${typeName}`);
+        }
+        return {
+            kind: 'effect-field',
+            key,
+            description: fieldSchema.description,
+            typeName,
+            rowHeight: exports.SCHEMA_FIELD_ROW_HEIGHT,
+            fieldSchema,
+            effectSchema: effect.schema,
+            effectIndex,
+        };
+    })
+        .filter(no_react_1.NoReactInternals.truthy);
+};
+exports.getEffectFieldsToShow = getEffectFieldsToShow;

package/dist/stringify-sequence-subscription-key.d.ts

@@ -0,0 +1,3 @@
+import type { SequencePropsSubscriptionKey } from 'remotion';
+export declare const stringifySequenceSubscriptionKey: (key: SequencePropsSubscriptionKey) => string;
+export declare const stringifySequenceExpandedRowKey: (key: SequencePropsSubscriptionKey) => string;

package/dist/stringify-sequence-subscription-key.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stringifySequenceExpandedRowKey = exports.stringifySequenceSubscriptionKey = void 0;
+const stringifySequenceSubscriptionKey = (key) => {
+    return `${key.absolutePath}:${JSON.stringify(key.nodePath)}:${key.sequenceKeys.join('\0')}:${key.effectKeys.map((keys) => keys.join('\0')).join('\0\0')}`;
+};
+exports.stringifySequenceSubscriptionKey = stringifySequenceSubscriptionKey;
+// deliberately not including effect keys, keeping expanded if changing effects
+const stringifySequenceExpandedRowKey = (key) => {
+    return `${key.absolutePath}:${JSON.stringify(key.nodePath)}:${key.sequenceKeys.join('\0')}`;
+};
+exports.stringifySequenceExpandedRowKey = stringifySequenceExpandedRowKey;

package/package.json

@@ -3,10 +3,9 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-shared"
 	},
 	"name": "@remotion/studio-shared",
-	"version": "4.0.461",
+	"version": "4.0.463",
 	"description": "Internal package for shared objects between the Studio backend and frontend",
 	"main": "dist",
-	"sideEffects": false,
 	"scripts": {
 		"lint": "eslint src",
 		"test": "bun test src",
@@ -21,11 +20,11 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.461"
+		"remotion": "4.0.463"
 	},
 	"devDependencies": {
-		"@remotion/renderer": "4.0.461",
-		"@remotion/eslint-config-internal": "4.0.461",
+		"@remotion/renderer": "4.0.463",
+		"@remotion/eslint-config-internal": "4.0.463",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},

package/dist/access-visual-mode-values.d.ts

@@ -1,3 +0,0 @@
-import type { CodeValues } from 'remotion';
-export declare const getCodeValues: (codeValues: CodeValues, overrideId: string) => Record<string, import("remotion").CanUpdateSequencePropStatus>;
-export type GetCodeValuesType = typeof getCodeValues;

package/dist/access-visual-mode-values.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCodeValues = void 0;
-const getCodeValues = (codeValues, overrideId) => {
-    var _a;
-    return (_a = codeValues[overrideId]) !== null && _a !== void 0 ? _a : undefined;
-};
-exports.getCodeValues = getCodeValues;

package/dist/source-map-endpoint.d.ts

@@ -1 +0,0 @@
-export declare const SOURCE_MAP_ENDPOINT = "/source-map-helper.wasm";

package/dist/source-map-endpoint.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SOURCE_MAP_ENDPOINT = void 0;
-exports.SOURCE_MAP_ENDPOINT = '/source-map-helper.wasm';