@remotion/studio-shared 4.0.500 → 4.0.501

package/dist/api-requests.d.ts

@@ -259,8 +259,32 @@ export type SaveSequencePropEdit = {
     schema: InteractivitySchema;
     sourceEdit: SaveSequencePropSourceEdit | null;
 };
+export type CaptionPatch = {
+    index: number;
+    before: {
+        text: string;
+        startMs: number;
+        endMs: number;
+        timestampMs: number | null;
+        confidence: number | null;
+    };
+    changes: Partial<{
+        text: string;
+        startMs: number;
+        endMs: number;
+        timestampMs: number | null;
+        confidence: number | null;
+    }>;
+};
+export type SaveInlineCaptionPatchesRequest = {
+    fileName: string;
+    nodePath: SequencePropsSubscriptionKey;
+    schema: InteractivitySchema;
+    patches: CaptionPatch[];
+};
 export type SaveSequencePropsRequest = {
     edits: SaveSequencePropEdit[];
+    captionPatches?: SaveInlineCaptionPatchesRequest[];
     addedKeyframes: AddSequenceKeyframe[] | null;
     movedKeyframes: {
         sequenceKeyframes: MoveSequenceKeyframe[];
@@ -636,11 +660,22 @@ export type InsertElementRequest = {
     element: ElementDragData['element'];
     from: number | null;
     position: InsertableCompositionElementPosition | null;
+    overwriteExisting: boolean;
+};
+export type InsertElementFileConflict = {
+    filePath: string;
+    existingSource: string;
+    incomingSource: string;
 };
 export type InsertElementResponse = {
     success: true;
 } | {
     success: false;
+    type: 'file-conflict';
+    conflict: InsertElementFileConflict;
+} | {
+    success: false;
+    type: 'error';
     reason: string;
     stack: string;
 };

package/dist/browser-studio-operations.d.ts

@@ -0,0 +1,28 @@
+import type { CompositionComponentInfoRequest, CompositionComponentInfoResponse, DeleteStaticFileRequest, DeleteStaticFileResponse, FindInFileRequest, FindInFileResponse, InsertJsxElementRequest, InsertJsxElementResponse, RedoResponse, RenameStaticFileRequest, RenameStaticFileResponse, UndoResponse } from './api-requests';
+import type { EventSourceEvent } from './event-source-event';
+export type WriteStaticFileRequest = {
+    contents: string | ArrayBuffer;
+    filePath: string;
+};
+export type BrowserStudioOperations = {
+    deleteStaticFile: (request: DeleteStaticFileRequest) => Promise<DeleteStaticFileResponse>;
+    downloadProject: () => Promise<{
+        data: Uint8Array;
+        fileName: string;
+    }>;
+    findInFile: (request: FindInFileRequest) => Promise<FindInFileResponse>;
+    getFileSource: (fileName: string) => Promise<string | null>;
+    getCompositionFile: (compositionId: string) => string | null;
+    getCompositionComponentInfo: (request: CompositionComponentInfoRequest) => Promise<CompositionComponentInfoResponse>;
+    insertSolid: (request: InsertJsxElementRequest) => Promise<InsertJsxElementResponse>;
+    redo: () => Promise<RedoResponse>;
+    renameStaticFile: (request: RenameStaticFileRequest) => Promise<RenameStaticFileResponse>;
+    subscribeToEvent: (listener: (event: EventSourceEvent) => void) => () => void;
+    undo: () => Promise<UndoResponse>;
+    writeStaticFile: (request: WriteStaticFileRequest) => Promise<void>;
+};
+declare global {
+    interface Window {
+        remotion_browserStudio?: BrowserStudioOperations;
+    }
+}

package/dist/browser-studio-operations.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { splitAnsi, stripAnsi } from './ansi';
-export { AddEffectKeyframeRequest, AddEffectKeyframeResponse, AddEffectRequest, AddEffectResponse, AddKeyframesRequest, AddKeyframesResponse, AddRenderRequest, AddSequenceKeyframeRequest, AddSequenceKeyframeResponse, ApiRoutes, ApplyCodemodRequest, ApplyCodemodResponse, ApplyVisualControlRequest, ApplyVisualControlResponse, BatchUpdateEffectKeyframeSettings, BatchUpdateKeyframeSettingsRequest, BatchUpdateKeyframeSettingsResponse, BatchUpdateSequenceKeyframeSettings, CanUpdateDefaultPropsResponse, CanUpdateSequencePropsRequest, CancelRenderRequest, CancelRenderResponse, CompositionComponentInfoRequest, CompositionComponentInfoResponse, ConvertFigmaClipboardToSvgRequest, ConvertFigmaClipboardToSvgResponse, CopyStillToClipboardRequest, DeleteEffectKeyframe, DeleteEffectRequest, DeleteEffectRequestItem, DeleteEffectResponse, DeleteJsxNodeRequest, DeleteJsxNodeRequestItem, DeleteJsxNodeResponse, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteSequenceKeyframe, DeleteStaticFileRequest, DeleteStaticFileResponse, DownloadRemoteAssetRequest, DownloadRemoteAssetResponse, DuplicateEffectRequest, DuplicateEffectRequestItem, DuplicateEffectResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, ElementInstallRequest, FindInFileRequest, FindInFileResponse, GoogleFontSourceEdit, InsertElementRequest, InsertElementResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertableCompositionElement, InsertableCompositionElementPosition, InstallPackageRequest, InstallPackageResponse, LogStudioErrorRequest, LogStudioErrorResponse, MoveEffectKeyframe, MoveKeyframesRequest, MoveKeyframesResponse, MoveSequenceKeyframe, OpenInEditorRequest, OpenInEditorResponse, OpenInFileExplorerRequest, PasteEffectsRequest, PasteEffectsResponse, ProjectInfoRequest, ProjectInfoResponse, RedoRequest, RedoResponse, RemoveRenderRequest, RenameStaticFileRequest, RenameStaticFileResponse, ReorderEffectRequest, ReorderEffectResponse, ReorderSequencePosition, ReorderSequenceRequest, ReorderSequenceResponse, RestartStudioRequest, RestartStudioResponse, SaveEffectPropsRequest, SaveEffectPropsResponse, SaveMultipleEffectPropsEdit, SaveMultipleEffectPropsRequest, SaveMultipleEffectPropsResponse, SaveMultipleEffectPropsResult, SaveSequencePropEdit, SaveSequencePropSourceEdit, SaveSequencePropsRequest, SaveSequencePropsResponse, SaveSequencePropsResult, SimpleDiff, SplitJsxSequenceRequest, SplitJsxSequenceResponse, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UndoRequest, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromFileExistenceRequest, UnsubscribeFromSequencePropsRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, UpdateEffectKeyframeSettingsRequest, UpdateEffectKeyframeSettingsResponse, UpdateElementInstallTargetRequest, UpdateElementInstallTargetResponse, UpdatePublicLicenseRequest, UpdatePublicLicenseResponse, UpdateSequenceKeyframeSettingsRequest, UpdateSequenceKeyframeSettingsResponse, type AddEffectKeyframe, type AddSequenceKeyframe, type KeyframeSettings, } from './api-requests';
+export type { BrowserStudioOperations } from './browser-studio-operations';
+export { AddEffectKeyframeRequest, AddEffectKeyframeResponse, AddEffectRequest, AddEffectResponse, AddKeyframesRequest, AddKeyframesResponse, AddRenderRequest, AddSequenceKeyframeRequest, AddSequenceKeyframeResponse, ApiRoutes, ApplyCodemodRequest, ApplyCodemodResponse, ApplyVisualControlRequest, ApplyVisualControlResponse, BatchUpdateEffectKeyframeSettings, BatchUpdateKeyframeSettingsRequest, BatchUpdateKeyframeSettingsResponse, BatchUpdateSequenceKeyframeSettings, CanUpdateDefaultPropsResponse, CanUpdateSequencePropsRequest, CaptionPatch, CancelRenderRequest, CancelRenderResponse, CompositionComponentInfoRequest, CompositionComponentInfoResponse, ConvertFigmaClipboardToSvgRequest, ConvertFigmaClipboardToSvgResponse, CopyStillToClipboardRequest, DeleteEffectKeyframe, DeleteEffectRequest, DeleteEffectRequestItem, DeleteEffectResponse, DeleteJsxNodeRequest, DeleteJsxNodeRequestItem, DeleteJsxNodeResponse, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteSequenceKeyframe, DeleteStaticFileRequest, DeleteStaticFileResponse, DownloadRemoteAssetRequest, DownloadRemoteAssetResponse, DuplicateEffectRequest, DuplicateEffectRequestItem, DuplicateEffectResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, ElementInstallRequest, FindInFileRequest, FindInFileResponse, GoogleFontSourceEdit, InsertElementFileConflict, InsertElementRequest, InsertElementResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertableCompositionElement, InsertableCompositionElementPosition, InstallPackageRequest, InstallPackageResponse, LogStudioErrorRequest, LogStudioErrorResponse, MoveEffectKeyframe, MoveKeyframesRequest, MoveKeyframesResponse, MoveSequenceKeyframe, OpenInEditorRequest, OpenInEditorResponse, OpenInFileExplorerRequest, PasteEffectsRequest, PasteEffectsResponse, ProjectInfoRequest, ProjectInfoResponse, RedoRequest, RedoResponse, RemoveRenderRequest, RenameStaticFileRequest, RenameStaticFileResponse, ReorderEffectRequest, ReorderEffectResponse, ReorderSequencePosition, ReorderSequenceRequest, ReorderSequenceResponse, RestartStudioRequest, RestartStudioResponse, SaveEffectPropsRequest, SaveEffectPropsResponse, SaveMultipleEffectPropsEdit, SaveMultipleEffectPropsRequest, SaveMultipleEffectPropsResponse, SaveMultipleEffectPropsResult, SaveInlineCaptionPatchesRequest, SaveSequencePropEdit, SaveSequencePropSourceEdit, SaveSequencePropsRequest, SaveSequencePropsResponse, SaveSequencePropsResult, SimpleDiff, SplitJsxSequenceRequest, SplitJsxSequenceResponse, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UndoRequest, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromFileExistenceRequest, UnsubscribeFromSequencePropsRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, UpdateEffectKeyframeSettingsRequest, UpdateEffectKeyframeSettingsResponse, UpdateElementInstallTargetRequest, UpdateElementInstallTargetResponse, UpdatePublicLicenseRequest, UpdatePublicLicenseResponse, UpdateSequenceKeyframeSettingsRequest, UpdateSequenceKeyframeSettingsResponse, type AddEffectKeyframe, type AddSequenceKeyframe, type KeyframeSettings, } from './api-requests';
 export type { ApplyVisualControlCodemod, RecastCodemod } from './codemods';
 export { compositionDragDataToSymbolicatedStack } from './composition-drag-data';
 export { DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS } from './default-buffer-state-delay-in-milliseconds';
@@ -30,6 +31,7 @@ export { getRequiredPackageForEffectImportPath, getRequiredPackageForInsertableE
 export { SCHEMA_FIELD_GROUPS, SCHEMA_FIELD_ROW_HEIGHT, getEffectFieldsToShow, getFieldsToShow, getSchemaFieldGroup, } from './schema-field-info';
 export type { AnySchemaFieldInfo, DragOverrides, EffectSchemaFieldInfo, InteractivitySchemaFieldInfo, PropStatuses, SchemaFieldGroup, SchemaFieldGroupInfo, SchemaFieldInfo, SequenceControls, } from './schema-field-info';
 export { ScriptLine, SomeStackFrame, StackFrame, SymbolicatedStackFrame, } from './stack-types';
+export { BORDER_RADIUS_LONGHAND_KEYS, BORDER_RADIUS_SHORTHAND_KEY, getStylePropertyLonghandKeys, } from './style-property-relations';
 export { EnumPath, stringifyDefaultProps } from './stringify-default-props';
 export { getStudioEntryPoints, type StudioEntryPointPaths, } from './studio-entry-points';
 export { studioHtml, type StudioHtmlOptions } from './studio-html';

package/dist/index.js

@@ -15,7 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEFAULT_SPRING_EASING = exports.packages = exports.installableMap = exports.extraPackages = exports.descriptions = exports.apiDocs = exports.DEFAULT_TIMELINE_TRACKS = exports.parseKeyframeClipboardDataResult = exports.parseKeyframeClipboardData = exports.isKeyframeClipboardFieldType = exports.keyframeInterpolationFunctions = exports.isSchemaFieldKeyframable = exports.isKeyframeInterpolationFunction = exports.isInteractivitySchemaFieldKeyframable = exports.getKeyframeInterpolationFunctionForSchemaField = exports.getKeyframeInterpolationFunction = exports.canEditEasingForInterpolationFunction = exports.getPolyKeyframeEasing = exports.getOutKeyframeEasing = exports.getBackKeyframeEasing = exports.QUAD_KEYFRAME_EASING = exports.LINEAR_KEYFRAME_EASING = exports.KEYFRAME_EASING_PRESETS = exports.EASE_KEYFRAME_EASING = exports.CUBIC_KEYFRAME_EASING = exports.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getDefaultOutLocation = exports.getAssetSchemaKeys = exports.getAllSchemaKeys = exports.formatBytes = exports.parseEffectPropClipboardDataResult = exports.parseEffectPropClipboardData = exports.parseEffectClipboardDataResult = exports.parseEffectClipboardData = exports.getEffectPreviewSource = exports.getEffectPreviewAlt = exports.getEffectDocumentationPath = exports.getEffectDocumentationLink = exports.getEffectCatalogCategories = exports.EFFECT_CATALOG = exports.parseEasingClipboardDataResult = exports.parseEasingClipboardData = exports.isImageFileType = exports.detectFileType = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = exports.compositionDragDataToSymbolicatedStack = exports.stripAnsi = exports.splitAnsi = void 0;
-exports.isUrl = exports.stringifySequenceSubscriptionKey = exports.stringifySequenceExpandedRowKey = exports.optimisticUpdateSequenceKeyframeSettings = exports.optimisticUpdateEffectKeyframeSettings = exports.optimisticUpdateForPropStatuses = exports.optimisticUpdateForEffectPropStatuses = exports.optimisticMoveSequenceKeyframes = exports.optimisticMoveEffectKeyframes = exports.moveKeyframesInPropStatus = exports.canMoveKeyframesWithoutCollisions = exports.optimisticDeleteSequenceKeyframes = exports.optimisticDeleteSequenceKeyframe = exports.optimisticDeleteEffectKeyframes = exports.optimisticDeleteEffectKeyframe = exports.optimisticAddSequenceKeyframe = exports.optimisticAddEffectKeyframe = exports.studioHtml = exports.getStudioEntryPoints = exports.stringifyDefaultProps = exports.getSchemaFieldGroup = exports.getFieldsToShow = exports.getEffectFieldsToShow = exports.SCHEMA_FIELD_ROW_HEIGHT = exports.SCHEMA_FIELD_GROUPS = exports.isValidPackageName = exports.getRequiredPackageForInsertableElement = exports.getRequiredPackageForEffectImportPath = exports.parseSpringEasingConfig = void 0;
+exports.isUrl = exports.stringifySequenceSubscriptionKey = exports.stringifySequenceExpandedRowKey = exports.optimisticUpdateSequenceKeyframeSettings = exports.optimisticUpdateEffectKeyframeSettings = exports.optimisticUpdateForPropStatuses = exports.optimisticUpdateForEffectPropStatuses = exports.optimisticMoveSequenceKeyframes = exports.optimisticMoveEffectKeyframes = exports.moveKeyframesInPropStatus = exports.canMoveKeyframesWithoutCollisions = exports.optimisticDeleteSequenceKeyframes = exports.optimisticDeleteSequenceKeyframe = exports.optimisticDeleteEffectKeyframes = exports.optimisticDeleteEffectKeyframe = exports.optimisticAddSequenceKeyframe = exports.optimisticAddEffectKeyframe = exports.studioHtml = exports.getStudioEntryPoints = exports.stringifyDefaultProps = exports.getStylePropertyLonghandKeys = exports.BORDER_RADIUS_SHORTHAND_KEY = exports.BORDER_RADIUS_LONGHAND_KEYS = exports.getSchemaFieldGroup = exports.getFieldsToShow = exports.getEffectFieldsToShow = exports.SCHEMA_FIELD_ROW_HEIGHT = exports.SCHEMA_FIELD_GROUPS = exports.isValidPackageName = exports.getRequiredPackageForInsertableElement = exports.getRequiredPackageForEffectImportPath = exports.parseSpringEasingConfig = 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; } });
@@ -97,6 +97,10 @@ Object.defineProperty(exports, "SCHEMA_FIELD_ROW_HEIGHT", { enumerable: true, ge
 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; } });
 Object.defineProperty(exports, "getSchemaFieldGroup", { enumerable: true, get: function () { return schema_field_info_1.getSchemaFieldGroup; } });
+const style_property_relations_1 = require("./style-property-relations");
+Object.defineProperty(exports, "BORDER_RADIUS_LONGHAND_KEYS", { enumerable: true, get: function () { return style_property_relations_1.BORDER_RADIUS_LONGHAND_KEYS; } });
+Object.defineProperty(exports, "BORDER_RADIUS_SHORTHAND_KEY", { enumerable: true, get: function () { return style_property_relations_1.BORDER_RADIUS_SHORTHAND_KEY; } });
+Object.defineProperty(exports, "getStylePropertyLonghandKeys", { enumerable: true, get: function () { return style_property_relations_1.getStylePropertyLonghandKeys; } });
 const stringify_default_props_1 = require("./stringify-default-props");
 Object.defineProperty(exports, "stringifyDefaultProps", { enumerable: true, get: function () { return stringify_default_props_1.stringifyDefaultProps; } });
 const studio_entry_points_1 = require("./studio-entry-points");

package/dist/keyframe-clipboard-data.d.ts

@@ -3,6 +3,7 @@ declare const KEYFRAME_CLIPBOARD_FIELD_TYPE_SUPPORT: {
     readonly array: false;
     readonly asset: false;
     readonly boolean: false;
+    readonly 'remotion-captions': false;
     readonly color: true;
     readonly enum: false;
     readonly 'font-family': false;

package/dist/keyframe-clipboard-data.js

@@ -8,6 +8,7 @@ const KEYFRAME_CLIPBOARD_FIELD_TYPE_SUPPORT = {
     array: false,
     asset: false,
     boolean: false,
+    'remotion-captions': false,
     color: true,
     enum: false,
     'font-family': false,

package/dist/keyframe-interpolation-function.js

@@ -11,6 +11,7 @@ const KEYFRAME_FIELD_TYPE_SUPPORT = {
     array: false,
     asset: false,
     boolean: false,
+    'remotion-captions': false,
     color: true,
     enum: false,
     'font-family': false,
@@ -28,6 +29,7 @@ const KEYFRAME_FIELD_TYPE_INTERPOLATION = {
     array: 'unsupported',
     asset: 'unsupported',
     boolean: 'unsupported',
+    'remotion-captions': 'unsupported',
     color: 'interpolateColors',
     enum: 'unsupported',
     'font-family': 'unsupported',

package/dist/package-info.d.ts

@@ -1,6 +1,6 @@
-declare const allPackages: readonly ["svg-3d-engine", "animation-utils", "animated-emoji", "astro-example", "babel-loader", "bugs", "brand", "bundler", "browser-studio", "canvas-capture", "claude-code-plugin", "cli", "cloudrun", "codex-plugin", "kimi-code-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", "remotion-media", "web-renderer", "design", "drag-and-drop", "light-leaks", "rough-notation", "starburst", "vercel", "sfx", "effects"];
+declare const allPackages: readonly ["svg-3d-engine", "animation-utils", "animated-emoji", "astro-example", "babel-loader", "bugs", "brand", "bundler", "browser-studio", "canvas-capture", "claude-code-plugin", "cli", "cloudrun", "codex-plugin", "kimi-code-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-codemods", "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", "remotion-media", "web-renderer", "design", "drag-and-drop", "light-leaks", "rough-notation", "starburst", "vercel", "sfx", "effects"];
 export type Pkgs = (typeof allPackages)[number];
-export declare const packages: ("animated-emoji" | "animation-utils" | "astro-example" | "babel-loader" | "brand" | "browser-studio" | "bugs" | "bundler" | "canvas-capture" | "captions" | "claude-code-plugin" | "cli" | "cloudrun" | "codex-plugin" | "compositor" | "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" | "convert" | "core" | "create-video" | "design" | "discord-poster" | "docs" | "docusaurus-plugin" | "drag-and-drop" | "effects" | "elevenlabs" | "enable-scss" | "eslint-config" | "eslint-config-flat" | "eslint-config-internal" | "eslint-plugin" | "example" | "example-videos" | "example-without-zod" | "fonts" | "gif" | "google-fonts" | "install-whisper-cpp" | "it-tests" | "kimi-code-plugin" | "lambda" | "lambda-client" | "lambda-go" | "lambda-go-example" | "lambda-php" | "lambda-python" | "lambda-ruby" | "layout-utils" | "licensing" | "light-leaks" | "lottie" | "mcp" | "media" | "media-parser" | "media-utils" | "motion-blur" | "noise" | "openai-whisper" | "paths" | "player" | "player-a11y" | "player-example" | "preload" | "promo-pages" | "react18-tests" | "remotion-media" | "renderer" | "rive" | "rough-notation" | "rounded-text-box" | "serverless" | "serverless-client" | "sfx" | "shapes" | "skia" | "skills" | "skills-evals" | "starburst" | "streaming" | "studio" | "studio-server" | "studio-shared" | "svg-3d-engine" | "tailwind" | "tailwind-v4" | "test-utils" | "three" | "timeline-utils" | "transitions" | "vercel" | "web-renderer" | "webcodecs" | "whisper-web" | "zod-types" | "zod-types-v3")[];
+export declare const packages: ("animated-emoji" | "animation-utils" | "astro-example" | "babel-loader" | "brand" | "browser-studio" | "bugs" | "bundler" | "canvas-capture" | "captions" | "claude-code-plugin" | "cli" | "cloudrun" | "codex-plugin" | "compositor" | "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" | "convert" | "core" | "create-video" | "design" | "discord-poster" | "docs" | "docusaurus-plugin" | "drag-and-drop" | "effects" | "elevenlabs" | "enable-scss" | "eslint-config" | "eslint-config-flat" | "eslint-config-internal" | "eslint-plugin" | "example" | "example-videos" | "example-without-zod" | "fonts" | "gif" | "google-fonts" | "install-whisper-cpp" | "it-tests" | "kimi-code-plugin" | "lambda" | "lambda-client" | "lambda-go" | "lambda-go-example" | "lambda-php" | "lambda-python" | "lambda-ruby" | "layout-utils" | "licensing" | "light-leaks" | "lottie" | "mcp" | "media" | "media-parser" | "media-utils" | "motion-blur" | "noise" | "openai-whisper" | "paths" | "player" | "player-a11y" | "player-example" | "preload" | "promo-pages" | "react18-tests" | "remotion-media" | "renderer" | "rive" | "rough-notation" | "rounded-text-box" | "serverless" | "serverless-client" | "sfx" | "shapes" | "skia" | "skills" | "skills-evals" | "starburst" | "streaming" | "studio" | "studio-codemods" | "studio-server" | "studio-shared" | "svg-3d-engine" | "tailwind" | "tailwind-v4" | "test-utils" | "three" | "timeline-utils" | "transitions" | "vercel" | "web-renderer" | "webcodecs" | "whisper-web" | "zod-types" | "zod-types-v3")[];
 export type ExtraPackage = {
     name: string;
     version: string;

package/dist/package-info.js

@@ -74,6 +74,7 @@ const allPackages = [
     'serverless-client',
     'skills',
     'skills-evals',
+    'studio-codemods',
     'studio-server',
     'studio-shared',
     'studio',
@@ -150,6 +151,7 @@ exports.descriptions = {
     bundler: 'Bundle Remotion compositions using Webpack',
     'browser-studio': 'Run Remotion Studio in the browser',
     'canvas-capture': 'Capture HTML-in-canvas content as a video',
+    'studio-codemods': 'Shared codemods for Remotion Studio',
     'studio-server': 'Run a Remotion Studio with a server backend',
     'install-whisper-cpp': 'Helpers for installing and using Whisper.cpp',
     'whisper-web': 'Helpers for using Whisper.cpp in browser using WASM',
@@ -311,6 +313,7 @@ exports.installableMap = {
     'promo-pages': false,
     streaming: false,
     serverless: false,
+    'studio-codemods': false,
     'studio-server': false,
     'studio-shared': false,
     studio: true,
@@ -367,6 +370,7 @@ exports.apiDocs = {
     bundler: 'https://www.remotion.dev/docs/bundler',
     'browser-studio': null,
     'canvas-capture': null,
+    'studio-codemods': null,
     'lambda-client': null,
     'serverless-client': null,
     'studio-server': null,

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

@@ -18,7 +18,7 @@ export type EffectSchemaFieldInfo = SchemaFieldInfo & {
 };
 export type AnySchemaFieldInfo = InteractivitySchemaFieldInfo | EffectSchemaFieldInfo;
 export declare const SCHEMA_FIELD_ROW_HEIGHT = 22;
-export type SchemaFieldGroup = 'source' | 'controls' | 'transforms' | 'background' | 'border' | 'crop' | 'text' | 'layout';
+export type SchemaFieldGroup = 'source' | 'controls' | 'transforms' | 'background' | 'border' | 'border-radius' | 'crop' | 'text' | 'layout';
 export type SchemaFieldGroupInfo = {
     readonly id: SchemaFieldGroup;
     readonly label: string;
@@ -41,6 +41,9 @@ export declare const SCHEMA_FIELD_GROUPS: readonly [{
 }, {
     readonly id: "border";
     readonly label: "Border";
+}, {
+    readonly id: "border-radius";
+    readonly label: "Border radius";
 }, {
     readonly id: "crop";
     readonly label: "Crop";
@@ -53,6 +56,7 @@ declare const TIMELINE_SCHEMA_FIELD_TYPE_SUPPORT: {
     readonly array: true;
     readonly asset: true;
     readonly boolean: true;
+    readonly 'remotion-captions': false;
     readonly color: true;
     readonly enum: true;
     readonly 'font-family': true;

package/dist/schema-field-info.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getEffectFieldsToShow = exports.getFieldsToShow = exports.getSchemaFieldGroup = exports.SCHEMA_FIELD_GROUPS = exports.SCHEMA_FIELD_ROW_HEIGHT = void 0;
 const remotion_1 = require("remotion");
 const no_react_1 = require("remotion/no-react");
+const style_property_relations_1 = require("./style-property-relations");
 exports.SCHEMA_FIELD_ROW_HEIGHT = 22;
 exports.SCHEMA_FIELD_GROUPS = [
     { id: 'source', label: 'Source' },
@@ -11,6 +12,7 @@ exports.SCHEMA_FIELD_GROUPS = [
     { id: 'text', label: 'Text' },
     { id: 'background', label: 'Background' },
     { id: 'border', label: 'Border' },
+    { id: 'border-radius', label: 'Border radius' },
     { id: 'crop', label: 'Crop' },
     { id: 'layout', label: 'Layout' },
 ];
@@ -31,6 +33,38 @@ const CROP_FIELD_KEYS = new Set([
     'cropTop',
     'cropBottom',
 ]);
+const BORDER_RADIUS_FIELD_KEYS = new Set([
+    'style.borderRadius',
+    'style.borderTopLeftRadius',
+    'style.borderTopRightRadius',
+    'style.borderBottomRightRadius',
+    'style.borderBottomLeftRadius',
+]);
+const getBorderRadiusFieldKeysToShow = ({ activeSchema, propStatuses, nodePath, }) => {
+    if (!(style_property_relations_1.BORDER_RADIUS_SHORTHAND_KEY in activeSchema)) {
+        return null;
+    }
+    const statuses = remotion_1.Internals.getPropStatusesCtx(propStatuses, nodePath);
+    const shorthand = statuses === null || statuses === void 0 ? void 0 : statuses[style_property_relations_1.BORDER_RADIUS_SHORTHAND_KEY];
+    const longhands = style_property_relations_1.BORDER_RADIUS_LONGHAND_KEYS.map((key) => statuses === null || statuses === void 0 ? void 0 : statuses[key]);
+    // A supported shorthand is canonical even though the server also reports its
+    // expanded longhand values. This keeps one Inspector row and one keyframe track.
+    if ((shorthand === null || shorthand === void 0 ? void 0 : shorthand.status) === 'keyframed') {
+        return new Set([style_property_relations_1.BORDER_RADIUS_SHORTHAND_KEY]);
+    }
+    if ((shorthand === null || shorthand === void 0 ? void 0 : shorthand.status) === 'static' && shorthand.codeValue !== undefined) {
+        return new Set([style_property_relations_1.BORDER_RADIUS_SHORTHAND_KEY]);
+    }
+    const hasEditableLonghand = longhands.some((status) => (status === null || status === void 0 ? void 0 : status.status) === 'keyframed' ||
+        ((status === null || status === void 0 ? void 0 : status.status) === 'static' && status.codeValue !== undefined));
+    if (hasEditableLonghand) {
+        return new Set(style_property_relations_1.BORDER_RADIUS_LONGHAND_KEYS);
+    }
+    // No radius has been authored, an unsupported dynamic shorthand was authored,
+    // or shorthand and longhands were mixed. In all three cases, only show the
+    // shorthand row so duplicate representations never reach the Inspector/timeline.
+    return new Set([style_property_relations_1.BORDER_RADIUS_SHORTHAND_KEY]);
+};
 const BORDER_FIELD_KEYS = new Set([
     'style.borderWidth',
     'style.borderStyle',
@@ -59,6 +93,9 @@ const getSchemaFieldGroup = (key) => {
     if (CROP_FIELD_KEYS.has(key)) {
         return 'crop';
     }
+    if (BORDER_RADIUS_FIELD_KEYS.has(key)) {
+        return 'border-radius';
+    }
     if (BORDER_FIELD_KEYS.has(key)) {
         return 'border';
     }
@@ -90,6 +127,7 @@ const TIMELINE_SCHEMA_FIELD_TYPE_SUPPORT = {
     array: true,
     asset: true,
     boolean: true,
+    'remotion-captions': false,
     color: true,
     enum: true,
     'font-family': true,
@@ -146,8 +184,18 @@ const getFieldsToShow = ({ getDragOverrides, propStatuses, nodePath, schema, cur
         frame: null,
     });
     const activeSchema = remotion_1.Internals.flattenActiveSchema(schema, (key) => valuesDotNotation[key]);
+    const borderRadiusFieldKeysToShow = getBorderRadiusFieldKeysToShow({
+        activeSchema,
+        propStatuses,
+        nodePath,
+    });
     const fields = Object.entries(activeSchema)
         .map(([key, fieldSchema]) => {
+        if (BORDER_RADIUS_FIELD_KEYS.has(key) &&
+            borderRadiusFieldKeysToShow !== null &&
+            !borderRadiusFieldKeysToShow.has(key)) {
+            return null;
+        }
         if (!isTimelineSchemaFieldSupported(fieldSchema)) {
             return null;
         }

package/dist/style-property-relations.d.ts

@@ -0,0 +1,3 @@
+export declare const BORDER_RADIUS_SHORTHAND_KEY = "style.borderRadius";
+export declare const BORDER_RADIUS_LONGHAND_KEYS: readonly ["style.borderTopLeftRadius", "style.borderTopRightRadius", "style.borderBottomRightRadius", "style.borderBottomLeftRadius"];
+export declare const getStylePropertyLonghandKeys: (fieldKey: string) => readonly string[];

package/dist/style-property-relations.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStylePropertyLonghandKeys = exports.BORDER_RADIUS_LONGHAND_KEYS = exports.BORDER_RADIUS_SHORTHAND_KEY = void 0;
+exports.BORDER_RADIUS_SHORTHAND_KEY = 'style.borderRadius';
+exports.BORDER_RADIUS_LONGHAND_KEYS = [
+    'style.borderTopLeftRadius',
+    'style.borderTopRightRadius',
+    'style.borderBottomRightRadius',
+    'style.borderBottomLeftRadius',
+];
+const STYLE_PROPERTY_LONGHANDS = new Map([
+    [exports.BORDER_RADIUS_SHORTHAND_KEY, exports.BORDER_RADIUS_LONGHAND_KEYS],
+]);
+const getStylePropertyLonghandKeys = (fieldKey) => {
+    var _a;
+    return (_a = STYLE_PROPERTY_LONGHANDS.get(fieldKey)) !== null && _a !== void 0 ? _a : [];
+};
+exports.getStylePropertyLonghandKeys = getStylePropertyLonghandKeys;

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-shared"
 	},
 	"name": "@remotion/studio-shared",
-	"version": "4.0.500",
+	"version": "4.0.501",
 	"description": "Internal package for shared objects between the Studio backend and frontend",
 	"main": "dist",
 	"scripts": {
@@ -20,12 +20,12 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"@remotion/drag-and-drop": "4.0.500",
-		"remotion": "4.0.500"
+		"@remotion/drag-and-drop": "4.0.501",
+		"remotion": "4.0.501"
 	},
 	"devDependencies": {
-		"@remotion/renderer": "4.0.500",
-		"@remotion/eslint-config-internal": "4.0.500",
+		"@remotion/renderer": "4.0.501",
+		"@remotion/eslint-config-internal": "4.0.501",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},