@remotion/studio 4.0.524 → 4.0.526

package/dist/esm/{index-yfrysr5f.mjs → index-cdy8v54v.mjs}

@@ -163,6 +163,12 @@ import {
 } from "react";
 
 // src/helpers/pointer-session.ts
+var isPointerSessionRelease = (reason, event) => {
+  if (event === null) {
+    return false;
+  }
+  return reason === "pointerup" || reason === "buttons-released" || reason === "lostpointercapture" && event.buttons === 0;
+};
 var getButtonMask = (button) => {
   if (button === 0) {
     return 1;
@@ -347,7 +353,8 @@ var defaultKeyboardShortcuts = {
   copyEffectsAndValues: [{ key: "c", commandOrControl: true }],
   cutEffects: [{ key: "x", commandOrControl: true }],
   deleteSelection: [{ key: "Backspace" }, { key: "Delete" }],
-  askAI: [{ key: "i", commandOrControl: true }]
+  askAI: [{ key: "i", commandOrControl: true }],
+  pickColor: [{ key: "c", shift: true }]
 };
 var keyboardShortcutGroups = [
   {
@@ -414,6 +421,10 @@ var keyboardShortcutGroups = [
       shortcut("Reset zoom", "resetZoom")
     ]
   },
+  {
+    name: "Tools",
+    shortcuts: [shortcut("Color Picker", "pickColor")]
+  },
   {
     name: "Props Editor",
     shortcuts: [shortcut("Undo", "undo"), shortcut("Redo", "redo")]
@@ -733,7 +744,7 @@ var HigherZIndex = ({
         event: downEvent,
         onEnd: (reason, upEvent) => {
           endPointerSession = null;
-          if ((reason === "pointerup" || reason === "buttons-released") && upEvent && !getClickLock()) {
+          if (isPointerSessionRelease(reason, upEvent) && !getClickLock()) {
             const target = document.elementFromPoint(upEvent.clientX, upEvent.clientY) ?? upEvent.target;
             if (document.contains(target)) {
               upEvent.stopPropagation();
@@ -1021,9 +1032,12 @@ var horizontalLayout = {
 };
 var leftSidebar = {
   flexShrink: 0,
+  display: "flex",
+  flexDirection: "column",
   padding: 6
 };
 var horizontalTab = {
+  flex: "none",
   width: 150,
   display: "flex",
   flexDirection: "row",
@@ -1151,4 +1165,4 @@ var CheckCircleFilled = (props) => /* @__PURE__ */ jsx11("svg", {
   })
 });
 
-export { startCapturedPointerSession, startDeferredCapturedPointerSession, isMac, defaultKeyboardShortcuts, keyboardShortcutGroups, askAIKeyboardShortcutGroup, getKeyboardShortcutsForAction, keyboardShortcutsOverlap, formatKeyboardShortcut, getKeyboardShortcutLabel, getKeyboardShortcutAriaKeyShortcuts, shortcutFromKeyboardEvent, KeybindingContextProvider, areKeyboardShortcutsDisabled, useKeybinding, HighestZIndexProvider, getClickLock, setClickLock, HigherZIndex, useZIndex, getMaxModalWidth, getMaxModalHeight, ModalContainer, SPACING_UNIT, COMPACT_CONTROL_ROW_HEIGHT, COMPACT_INLINE_ROW_HEIGHT, Spacing, Flex, Row, Column, HOVERABLE_CLASS_NAME, HOVER_GROUP_CLASS_NAME, HOVER_GROUP_REVEAL_CLASS_NAME, FOCUS_VISIBLE_ONLY_CLASS_NAME, NO_HOVER_BACKGROUND_STYLE, hoverableStyle, makeHoverableCSS, InlineAction, MENU_INITIATOR_CLASSNAME, MENU_ITEM_CLASSNAME, HORIZONTAL_SCROLLBAR_CLASSNAME, VERTICAL_SCROLLBAR_CLASSNAME, isMenuItem, Spinner, TrashIcon, WarningTriangle, ValidationMessage, CloudDownloadIcon, outerModalStyle, container2 as container, optionsPanel, horizontalLayout, leftSidebar, horizontalTab, iconContainer, icon, buttonStyle, flexer, CheckCircleFilled };
+export { isPointerSessionRelease, startCapturedPointerSession, startDeferredCapturedPointerSession, isMac, defaultKeyboardShortcuts, keyboardShortcutGroups, askAIKeyboardShortcutGroup, getKeyboardShortcutsForAction, keyboardShortcutsOverlap, formatKeyboardShortcut, getKeyboardShortcutLabel, getKeyboardShortcutAriaKeyShortcuts, shortcutFromKeyboardEvent, KeybindingContextProvider, areKeyboardShortcutsDisabled, useKeybinding, HighestZIndexProvider, getClickLock, setClickLock, HigherZIndex, useZIndex, SPACING_UNIT, COMPACT_CONTROL_ROW_HEIGHT, COMPACT_INLINE_ROW_HEIGHT, Spacing, Flex, Row, Column, getMaxModalWidth, getMaxModalHeight, ModalContainer, HOVERABLE_CLASS_NAME, HOVER_GROUP_CLASS_NAME, HOVER_GROUP_REVEAL_CLASS_NAME, FOCUS_VISIBLE_ONLY_CLASS_NAME, NO_HOVER_BACKGROUND_STYLE, hoverableStyle, makeHoverableCSS, InlineAction, MENU_INITIATOR_CLASSNAME, MENU_ITEM_CLASSNAME, HORIZONTAL_SCROLLBAR_CLASSNAME, VERTICAL_SCROLLBAR_CLASSNAME, isMenuItem, Spinner, TrashIcon, WarningTriangle, ValidationMessage, CloudDownloadIcon, CheckCircleFilled, outerModalStyle, container2 as container, optionsPanel, horizontalLayout, leftSidebar, horizontalTab, iconContainer, icon, buttonStyle, flexer };

package/dist/esm/{index-9qtvmwtx.mjs → index-eb5txqp6.mjs}

@@ -411,19 +411,19 @@ var getStaticFiles = () => {
   return window.remotion_staticFiles;
 };
 
-// src/api/shut-down-studio.ts
+// src/api/restart-studio.ts
 import { getRemotionEnvironment as getRemotionEnvironment2 } from "remotion";
-var shutDownStudio = () => {
+var restartStudio = () => {
   if (!getRemotionEnvironment2().isStudio) {
-    throw new Error("shutDownStudio() is only available in the Studio");
+    throw new Error("restartStudio() is only available in the Studio");
   }
   if (getBrowserStudioOperations() !== null) {
-    throw new Error("shutDownStudio() is not supported in Browser Studio");
+    throw new Error("restartStudio() is not supported in Browser Studio");
   }
   if (window.remotion_isReadOnlyStudio) {
-    throw new Error("shutDownStudio() is not available in read-only Studio");
+    throw new Error("restartStudio() is not available in read-only Studio");
   }
-  return callApi("/api/shutdown-studio", {});
+  return callApi("/api/restart-studio", {});
 };
 
 // src/components/RenderQueue/actions.ts
@@ -652,12 +652,14 @@ var applyCodemod = ({
   codemod,
   dryRun,
   symbolicatedStack,
-  signal
+  signal,
+  undoRedoNavigation
 }) => {
   const body = {
     codemod,
     dryRun,
-    symbolicatedStack
+    symbolicatedStack,
+    undoRedoNavigation
   };
   const browserStudioOperations = getBrowserStudioOperations();
   if (browserStudioOperations !== null) {
@@ -735,6 +737,7 @@ import React from "react";
 var DEFAULT_PROPS_PATH_CLASSNAME = "__remotion-default-props-editor-label";
 var DEFAULT_PROPS_PATH_ACTIVE_CLASSNAME = "__remotion-default-props-editor-label-active";
 var defaultPropsEditorScrollableAreaRef = React.createRef();
+var expandDefaultPropsEditorRef = React.createRef();
 
 // src/components/RenderModal/SchemaEditor/zod-schema-type.ts
 var zodSafeParse = (schema, data) => {
@@ -1363,4 +1366,4 @@ var VisualControlsProvider = ({ children }) => {
   });
 };
 
-export { AppsIcon, CodingAgentIcon, EditorIcon, FinderIcon, TerminalIcon, requestInsertedElementSelection, clearInsertedElementSelection, subscribeToInsertedElementSelection, getInsertedElementSelection, queueSequenceNodePathMutation, takePendingSequenceNodePathMutations, callApi, deleteStaticFile, DEFAULT_PROPS_PATH_CLASSNAME, DEFAULT_PROPS_PATH_ACTIVE_CLASSNAME, defaultPropsEditorScrollableAreaRef, getStaticFiles, shutDownStudio, zodSafeParse, getZodDef, isZodV3Schema, getZodSchemaType, getZodSchemaDescription, getUserFacingDescription, getObjectShape, getArrayElement, getInnerType, getEffectsInner, getLiteralValue, getEnumValues, getFirstEnumValue, getUnionOptions, getDefaultValue, getDiscriminator, getDiscriminatedOptionKeys, getDiscriminatedOption, getIntersectionSchemas, getTupleItems, getRecordValueType, getRecordKeyType, getPipelineOutput, getPipelineInput, getBrandedInner, extractEnumJsonPaths, addStillRenderJob, addSequenceRenderJob, addVideoRenderJob, unsubscribeFromFileExistenceWatcher, subscribeToFileExistenceWatcher, openInFileExplorer, applyCodemod, removeRenderJob, cancelRenderJob, updateAvailable, getReleaseNotes, callUpdateDefaultPropsApi, applyVisualControlChange, useSyncExternalStore, visualControlStore, useZodIfPossible, useZodTypesIfPossible, ZodProvider, isStudioInteractivityEnabled, isStudioSelectionEnabled, getVisualControlEditedValue, VisualControlsContext, visualControlRef, SetVisualControlsContext, VisualControlsProvider, watchPublicFolder };
+export { AppsIcon, CodingAgentIcon, EditorIcon, FinderIcon, TerminalIcon, requestInsertedElementSelection, clearInsertedElementSelection, subscribeToInsertedElementSelection, getInsertedElementSelection, queueSequenceNodePathMutation, takePendingSequenceNodePathMutations, callApi, deleteStaticFile, DEFAULT_PROPS_PATH_CLASSNAME, DEFAULT_PROPS_PATH_ACTIVE_CLASSNAME, defaultPropsEditorScrollableAreaRef, expandDefaultPropsEditorRef, getStaticFiles, restartStudio, zodSafeParse, getZodDef, isZodV3Schema, getZodSchemaType, getZodSchemaDescription, getUserFacingDescription, getObjectShape, getArrayElement, getInnerType, getEffectsInner, getLiteralValue, getEnumValues, getFirstEnumValue, getUnionOptions, getDefaultValue, getDiscriminator, getDiscriminatedOptionKeys, getDiscriminatedOption, getIntersectionSchemas, getTupleItems, getRecordValueType, getRecordKeyType, getPipelineOutput, getPipelineInput, getBrandedInner, extractEnumJsonPaths, addStillRenderJob, addSequenceRenderJob, addVideoRenderJob, unsubscribeFromFileExistenceWatcher, subscribeToFileExistenceWatcher, openInFileExplorer, applyCodemod, removeRenderJob, cancelRenderJob, updateAvailable, getReleaseNotes, callUpdateDefaultPropsApi, applyVisualControlChange, useSyncExternalStore, visualControlStore, useZodIfPossible, useZodTypesIfPossible, ZodProvider, isStudioInteractivityEnabled, isStudioSelectionEnabled, getVisualControlEditedValue, VisualControlsContext, visualControlRef, SetVisualControlsContext, VisualControlsProvider, watchPublicFolder };

package/dist/esm/{index-q2epbw93.mjs → index-f97r9e2g.mjs}

@@ -4,6 +4,7 @@ import {
   InputDragger,
   MenuDivider,
   RightAlignInput,
+  copyText,
   getDefaultOutputBaseName,
   label,
   optionRow,
@@ -11,10 +12,10 @@ import {
   showNotification,
   useCopyFeedback,
   validatePublicOutputName
-} from "./index-c37kme2v.mjs";
+} from "./index-bs39wngg.mjs";
 import {
   Spacing
-} from "./index-yfrysr5f.mjs";
+} from "./index-cdy8v54v.mjs";
 import {
   BLUE,
   CURRENT_COLOR_LOWERCASE,
@@ -49,24 +50,6 @@ import { BrowserSafeApis } from "@remotion/renderer/client";
 
 // src/components/RenderModal/CliCopyButton.tsx
 import { useCallback, useMemo, useState } from "react";
-
-// src/helpers/copy-text.ts
-var copyText = (cmd) => {
-  const permissionName = "clipboard-write";
-  return new Promise((resolve, reject) => {
-    navigator.permissions.query({ name: permissionName }).then((result) => {
-      if (result.state === "granted" || result.state === "prompt") {
-        navigator.clipboard.writeText(cmd).then(resolve).catch(reject);
-      } else {
-        reject(new Error("Permission to copy not granted"));
-      }
-    }).catch((err) => {
-      reject(err);
-    });
-  });
-};
-
-// src/components/RenderModal/CliCopyButton.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var svgStyle = {
   width: 16,
@@ -420,4 +403,4 @@ var NumberSetting = ({ name, value, step, hint, onValueChanged, max, min, format
   });
 };
 
-export { copyText, GearIcon, getDefaultCaptionOutputName, validateCaptionOutputName, OptionExplainerBubble, WebRendererOptionExplainerBubble, WebRendererCustomOptionExplainerBubble, NumberSetting };
+export { GearIcon, getDefaultCaptionOutputName, validateCaptionOutputName, OptionExplainerBubble, WebRendererOptionExplainerBubble, WebRendererCustomOptionExplainerBubble, NumberSetting };

package/dist/esm/{index-2j3d1g81.mjs → index-g7k2dvar.mjs}

@@ -7,7 +7,7 @@ import {
   VERTICAL_SCROLLBAR_CLASSNAME,
   ValidationMessage,
   optionsPanel
-} from "./index-yfrysr5f.mjs";
+} from "./index-cdy8v54v.mjs";
 import {
   BLUE,
   BORDER_WHITE_ALPHA_12,

package/dist/esm/{index-1b9skrrd.mjs → index-x40wwfmt.mjs}

@@ -6,10 +6,10 @@ import {
   optionRow,
   rightRow,
   showNotification
-} from "./index-c37kme2v.mjs";
+} from "./index-bs39wngg.mjs";
 import {
   openInFileExplorer
-} from "./index-9qtvmwtx.mjs";
+} from "./index-eb5txqp6.mjs";
 import {
   getBrowserStudioOperations
 } from "./index-cw0pnpg5.mjs";
@@ -18,7 +18,7 @@ import {
   InlineAction,
   Spacing,
   ValidationMessage
-} from "./index-yfrysr5f.mjs";
+} from "./index-cdy8v54v.mjs";
 import {
   WHITE
 } from "./index-k426ye99.mjs";

package/dist/esm/index.mjs

@@ -1,9 +1,9 @@
 import {
   pause,
   play,
-  restartStudio,
-  seek
-} from "./index-q5xv20xx.mjs";
+  seek,
+  shutDownStudio
+} from "./index-4dsz9035.mjs";
 import {
   CodingAgentIcon,
   DEFAULT_PROPS_PATH_ACTIVE_CLASSNAME,
@@ -13,14 +13,15 @@ import {
   TerminalIcon,
   callUpdateDefaultPropsApi,
   deleteStaticFile,
+  expandDefaultPropsEditorRef,
   extractEnumJsonPaths,
   getStaticFiles,
-  shutDownStudio,
+  restartStudio,
   useSyncExternalStore,
   visualControlRef,
   visualControlStore,
   watchPublicFolder
-} from "./index-9qtvmwtx.mjs";
+} from "./index-eb5txqp6.mjs";
 import {
   getBrowserStudioOperations,
   writeStaticFile
@@ -64,7 +65,12 @@ var focusDefaultPropsPath = ({
       success: false
     };
   }
-  query.scrollIntoView({ behavior: scrollBehavior });
+  const scrollToField = () => query.scrollIntoView({ behavior: scrollBehavior });
+  if (expandDefaultPropsEditorRef.current === null) {
+    scrollToField();
+  } else {
+    expandDefaultPropsEditorRef.current(scrollToField);
+  }
   query.classList.add(DEFAULT_PROPS_PATH_ACTIVE_CLASSNAME);
   return {
     success: true

package/dist/esm/internals.mjs

@@ -1,14 +1,14 @@
 import {
   Studio
-} from "./index-er3mh6em.mjs";
-import"./index-q2epbw93.mjs";
-import"./index-1b9skrrd.mjs";
-import"./index-c37kme2v.mjs";
+} from "./index-0gewwxse.mjs";
+import"./index-f97r9e2g.mjs";
+import"./index-x40wwfmt.mjs";
+import"./index-bs39wngg.mjs";
 import"./index-9x6e1dq0.mjs";
-import"./index-q5xv20xx.mjs";
-import"./index-9qtvmwtx.mjs";
+import"./index-4dsz9035.mjs";
+import"./index-eb5txqp6.mjs";
 import"./index-cw0pnpg5.mjs";
-import"./index-yfrysr5f.mjs";
+import"./index-cdy8v54v.mjs";
 import"./index-5zrb1ft4.mjs";
 import"./index-k426ye99.mjs";
 import"./index-rcv7qkt5.mjs";

package/dist/esm/previewEntry.mjs

@@ -5,18 +5,18 @@ import {
   markErrorMessageAsLoggedByServer,
   setErrorsRef,
   startReportingRuntimeErrors
-} from "./index-er3mh6em.mjs";
-import"./index-q2epbw93.mjs";
-import"./index-1b9skrrd.mjs";
+} from "./index-0gewwxse.mjs";
+import"./index-f97r9e2g.mjs";
+import"./index-x40wwfmt.mjs";
 import {
   reloadUrl,
   subscribeToPreviewServerEvents
-} from "./index-c37kme2v.mjs";
+} from "./index-bs39wngg.mjs";
 import"./index-9x6e1dq0.mjs";
-import"./index-q5xv20xx.mjs";
-import"./index-9qtvmwtx.mjs";
+import"./index-4dsz9035.mjs";
+import"./index-eb5txqp6.mjs";
 import"./index-cw0pnpg5.mjs";
-import"./index-yfrysr5f.mjs";
+import"./index-cdy8v54v.mjs";
 import"./index-5zrb1ft4.mjs";
 import {
   BACKGROUND_HEX,

package/dist/helpers/client-id.d.ts

@@ -4,6 +4,7 @@ import { type PreviewServerConnectionState } from './preview-server-events';
 type Context = {
     previewServerState: PreviewServerConnectionState;
     configFileChangeRevision: number;
+    restartRequired: boolean;
     subscribeToEvent: (type: EventSourceEvent['type'], listener: (event: EventSourceEvent) => void) => () => void;
 };
 export declare const StudioServerConnectionCtx: React.Context<Context>;

package/dist/helpers/client-id.js

@@ -51,6 +51,7 @@ exports.StudioServerConnectionCtx = react_1.default.createContext({
         type: 'init',
     },
     configFileChangeRevision: 0,
+    restartRequired: false,
     subscribeToEvent: () => {
         throw new Error('Context not initalized');
     },
@@ -71,6 +72,7 @@ const PreviewServerConnection = ({ children }) => {
         type: 'init',
     });
     const [configFileChangeRevision, setConfigFileChangeRevision] = react_1.default.useState(0);
+    const [restartRequired, setRestartRequired] = react_1.default.useState(false);
     const clientId = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         const handleEvent = (newEvent) => {
@@ -84,10 +86,11 @@ const PreviewServerConnection = ({ children }) => {
                 window.remotion_studioConfig = newEvent.studioRuntimeConfig;
                 window.remotion_editorName = newEvent.editorName;
                 setConfigFileChangeRevision((revision) => revision + 1);
-                const isOwnRuntimeConfigChange = newEvent.changeType === 'runtime' &&
-                    newEvent.originatorClientId !== null &&
+                const isOwnConfigChange = newEvent.originatorClientId !== null &&
                     newEvent.originatorClientId === clientId.current;
-                if (!isOwnRuntimeConfigChange) {
+                setRestartRequired(newEvent.changeType === 'restart');
+                const shouldShowNotification = !isOwnConfigChange || newEvent.changeType === 'reload';
+                if (shouldShowNotification) {
                     (0, NotificationCenter_1.showNotification)((0, studio_shared_1.getConfigFileChangeMessage)(newEvent.changeType), 4000);
                 }
             }
@@ -151,9 +154,10 @@ const PreviewServerConnection = ({ children }) => {
         return {
             previewServerState: state,
             configFileChangeRevision,
+            restartRequired,
             subscribeToEvent,
         };
-    }, [configFileChangeRevision, state, subscribeToEvent]);
+    }, [configFileChangeRevision, restartRequired, state, subscribeToEvent]);
     return (jsx_runtime_1.jsx(exports.StudioServerConnectionCtx.Provider, { value: context, children: children }));
 };
 exports.PreviewServerConnection = PreviewServerConnection;

package/dist/helpers/cube-lut.d.ts

@@ -0,0 +1,12 @@
+type Rgb = [number, number, number];
+export type CubeLut = {
+    readonly type: '1d' | '3d';
+    readonly size: number;
+    readonly title: string | null;
+    readonly domainMin: Rgb;
+    readonly domainMax: Rgb;
+    readonly data: Float32Array;
+};
+export declare const parseCubeLut: (text: string) => CubeLut;
+export declare const applyCubeLut: (pixels: Uint8ClampedArray<ArrayBufferLike>, lut: CubeLut) => void;
+export {};

package/dist/helpers/cube-lut.js

@@ -0,0 +1,160 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyCubeLut = exports.parseCubeLut = void 0;
+const parseCubeLut = (text) => {
+    let type = null;
+    let size = 0;
+    let title = null;
+    let domainMin = [0, 0, 0];
+    let domainMax = [1, 1, 1];
+    let data = null;
+    let offset = 0;
+    const headers = new Set();
+    for (const [index, rawLine] of text.split(/\r\n?|\n/).entries()) {
+        const line = rawLine.trim();
+        if (!line || line.startsWith('#')) {
+            continue;
+        }
+        const titleMatch = line.match(/^TITLE\s+"([^"]*)"\s*(?:#.*)?$/);
+        const [keyword, ...values] = line.replace(/#.*$/, '').trim().split(/\s+/);
+        const numbers = values.map(Number);
+        const isHeader = /^[A-Z][A-Z0-9_]*$/.test(keyword);
+        if (isHeader) {
+            if (offset > 0) {
+                throw new Error(`LUT header after color data on line ${index + 1}.`);
+            }
+            if (headers.has(keyword)) {
+                throw new Error(`Duplicate ${keyword} on line ${index + 1}.`);
+            }
+            headers.add(keyword);
+        }
+        if (keyword === 'TITLE' && titleMatch) {
+            title = titleMatch[1];
+            continue;
+        }
+        if (keyword === 'LUT_1D_SIZE' || keyword === 'LUT_3D_SIZE') {
+            if (type !== null) {
+                throw new Error('Combined 1D and 3D LUTs are not supported.');
+            }
+            type = keyword === 'LUT_1D_SIZE' ? '1d' : '3d';
+            size = numbers[0];
+            const maxSize = type === '1d' ? 65536 : 256;
+            if (numbers.length !== 1 ||
+                !Number.isInteger(size) ||
+                size < 2 ||
+                size > maxSize) {
+                throw new Error(`${keyword} must be an integer from 2 to ${maxSize}.`);
+            }
+            data = new Float32Array((type === '1d' ? size : size ** 3) * 3);
+            continue;
+        }
+        if (keyword === 'DOMAIN_MIN' || keyword === 'DOMAIN_MAX') {
+            if (numbers.length !== 3 || !numbers.every(Number.isFinite)) {
+                throw new Error(`${keyword} must contain three finite numbers.`);
+            }
+            if (keyword === 'DOMAIN_MIN') {
+                domainMin = [numbers[0], numbers[1], numbers[2]];
+            }
+            else {
+                domainMax = [numbers[0], numbers[1], numbers[2]];
+            }
+            continue;
+        }
+        if (keyword === 'LUT_1D_INPUT_RANGE' || keyword === 'LUT_3D_INPUT_RANGE') {
+            if (numbers.length !== 2 ||
+                !numbers.every(Number.isFinite) ||
+                numbers[0] >= numbers[1]) {
+                throw new Error(`${keyword} must contain an increasing input range.`);
+            }
+            domainMin = [numbers[0], numbers[0], numbers[0]];
+            domainMax = [numbers[1], numbers[1], numbers[1]];
+            continue;
+        }
+        if (isHeader) {
+            throw new Error(`Unsupported LUT header "${keyword}" on line ${index + 1}.`);
+        }
+        if (data === null) {
+            throw new Error('Expected LUT_1D_SIZE or LUT_3D_SIZE before color data.');
+        }
+        const color = [Number(keyword), ...numbers];
+        if (color.length !== 3 ||
+            !color.every((value) => Number.isFinite(Math.fround(value)))) {
+            throw new Error(`Invalid LUT color on line ${index + 1}.`);
+        }
+        if (offset + 3 > data.length) {
+            throw new Error(`Expected ${data.length / 3} LUT colors, got more.`);
+        }
+        data.set(color, offset);
+        offset += 3;
+    }
+    if (type === null || data === null) {
+        throw new Error('Expected LUT_1D_SIZE or LUT_3D_SIZE.');
+    }
+    if (offset !== data.length) {
+        throw new Error(`Expected ${data.length / 3} LUT colors, got ${offset / 3}.`);
+    }
+    if (domainMin.some((min, channel) => min >= domainMax[channel])) {
+        throw new Error('DOMAIN_MAX must be greater than DOMAIN_MIN in every channel.');
+    }
+    if (domainMin.some((min, channel) => !Number.isFinite(domainMax[channel] - min))) {
+        throw new Error('LUT input ranges must be finite.');
+    }
+    if ((headers.has('LUT_1D_INPUT_RANGE') || headers.has('LUT_3D_INPUT_RANGE')) &&
+        (headers.has('DOMAIN_MIN') ||
+            headers.has('DOMAIN_MAX') ||
+            headers.has(type === '1d' ? 'LUT_3D_INPUT_RANGE' : 'LUT_1D_INPUT_RANGE'))) {
+        throw new Error('Conflicting LUT input range headers.');
+    }
+    return { type, size, title, domainMin, domainMax, data };
+};
+exports.parseCubeLut = parseCubeLut;
+const applyCubeLut = (pixels, lut) => {
+    const { data, size, domainMin, domainMax, type } = lut;
+    const last = size - 1;
+    const range = domainMin.map((min, channel) => domainMax[channel] - min);
+    for (let pixel = 0; pixel < pixels.length; pixel += 4) {
+        if (type === '1d') {
+            for (let channel = 0; channel < 3; channel++) {
+                const position = Math.max(0, Math.min(last, ((pixels[pixel + channel] / 255 - domainMin[channel]) /
+                    range[channel]) *
+                    last));
+                const low = Math.floor(position);
+                const high = Math.min(low + 1, last);
+                const fraction = position - low;
+                pixels[pixel + channel] =
+                    255 *
+                        (data[low * 3 + channel] * (1 - fraction) +
+                            data[high * 3 + channel] * fraction);
+            }
+            continue;
+        }
+        const r = Math.max(0, Math.min(last, ((pixels[pixel] / 255 - domainMin[0]) / range[0]) * last));
+        const g = Math.max(0, Math.min(last, ((pixels[pixel + 1] / 255 - domainMin[1]) / range[1]) * last));
+        const b = Math.max(0, Math.min(last, ((pixels[pixel + 2] / 255 - domainMin[2]) / range[2]) * last));
+        const r0 = Math.floor(r);
+        const g0 = Math.floor(g);
+        const b0 = Math.floor(b);
+        const r1 = Math.min(r0 + 1, last);
+        const g1 = Math.min(g0 + 1, last);
+        const b1 = Math.min(b0 + 1, last);
+        const rf = r - r0;
+        const gf = g - g0;
+        const bf = b - b0;
+        // .cube files store red fastest, then green, then blue.
+        for (let channel = 0; channel < 3; channel++) {
+            const c00 = data[(r0 + g0 * size + b0 * size * size) * 3 + channel] * (1 - rf) +
+                data[(r1 + g0 * size + b0 * size * size) * 3 + channel] * rf;
+            const c10 = data[(r0 + g1 * size + b0 * size * size) * 3 + channel] * (1 - rf) +
+                data[(r1 + g1 * size + b0 * size * size) * 3 + channel] * rf;
+            const c01 = data[(r0 + g0 * size + b1 * size * size) * 3 + channel] * (1 - rf) +
+                data[(r1 + g0 * size + b1 * size * size) * 3 + channel] * rf;
+            const c11 = data[(r0 + g1 * size + b1 * size * size) * 3 + channel] * (1 - rf) +
+                data[(r1 + g1 * size + b1 * size * size) * 3 + channel] * rf;
+            pixels[pixel + channel] =
+                255 *
+                    ((c00 * (1 - gf) + c10 * gf) * (1 - bf) +
+                        (c01 * (1 - gf) + c11 * gf) * bf);
+        }
+    }
+};
+exports.applyCubeLut = applyCubeLut;

package/dist/helpers/get-git-menu-item.d.ts

@@ -5,6 +5,10 @@ export declare const getGitSourceName: (gitSource: GitSource) => string;
 export declare const getGitSourceBranchUrl: (gitSource: GitSource) => string;
 export declare const getGitRefUrl: (gitSource: GitSource, originalLocation: OriginalPosition, remotionRoot: string) => string;
 export declare const hasReadOnlyGitSource: () => boolean;
+export type DefaultOpenInTarget = 'editor' | 'git-source';
+export declare const getDefaultOpenInTarget: ({ canOpenInEditor, }: {
+    readonly canOpenInEditor: boolean;
+}) => DefaultOpenInTarget | null;
 export declare const openGitSource: ({ folder, location, }: {
     folder: boolean;
     location: OriginalPosition | null;

package/dist/helpers/get-git-menu-item.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getGitMenuItem = exports.openGitSource = exports.hasReadOnlyGitSource = exports.getGitRefUrl = exports.getGitSourceBranchUrl = exports.getGitSourceName = void 0;
+exports.getGitMenuItem = exports.openGitSource = exports.getDefaultOpenInTarget = exports.hasReadOnlyGitSource = exports.getGitRefUrl = exports.getGitSourceBranchUrl = exports.getGitSourceName = void 0;
 const getGitSourceName = (gitSource) => {
     if (gitSource.type === 'github') {
         return 'GitHub';
@@ -56,6 +56,13 @@ const hasReadOnlyGitSource = () => {
     return Boolean(window.remotion_isReadOnlyStudio && window.remotion_gitSource);
 };
 exports.hasReadOnlyGitSource = hasReadOnlyGitSource;
+const getDefaultOpenInTarget = ({ canOpenInEditor, }) => {
+    if (canOpenInEditor) {
+        return 'editor';
+    }
+    return (0, exports.hasReadOnlyGitSource)() ? 'git-source' : null;
+};
+exports.getDefaultOpenInTarget = getDefaultOpenInTarget;
 const openGitSource = ({ folder, location, }) => {
     const gitSource = window.remotion_gitSource;
     if (!gitSource) {

package/dist/helpers/get-preview-file-type.d.ts

@@ -1,2 +1,2 @@
-export type AssetFileType = 'audio' | 'font' | 'video' | 'image' | 'json' | 'txt' | 'other';
+export type AssetFileType = 'audio' | 'font' | 'video' | 'image' | 'json' | 'lut' | 'txt' | 'other';
 export declare const getPreviewFileType: (fileName: string | null) => AssetFileType;

package/dist/helpers/get-preview-file-type.js

@@ -48,6 +48,9 @@ const getPreviewFileType = (fileName) => {
     if (fileExtension === 'json') {
         return 'json';
     }
+    if (fileExtension === 'cube') {
+        return 'lut';
+    }
     if (fileExtension === 'txt') {
         return 'txt';
     }

package/dist/helpers/get-sequence-double-click-action.d.ts

@@ -1,8 +1,8 @@
 import type { TSequence } from 'remotion';
-export type SequenceDoubleClickAction = 'open-connected-composition' | 'open-in-editor';
-export declare const getSequenceDoubleClickAction: ({ button, canOpenInEditor, numberOfConnectedCompositions, sequenceWasDragged, }: {
+export type SequenceDoubleClickAction = 'open-connected-composition' | 'open-source';
+export declare const getSequenceDoubleClickAction: ({ button, canOpenSource, numberOfConnectedCompositions, sequenceWasDragged, }: {
     readonly button: number;
-    readonly canOpenInEditor: boolean;
+    readonly canOpenSource: boolean;
     readonly numberOfConnectedCompositions: number;
     readonly sequenceWasDragged: boolean;
 }) => SequenceDoubleClickAction | null;

package/dist/helpers/get-sequence-double-click-action.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getConnectedCompositionFrame = exports.getSequenceDoubleClickAction = void 0;
-const getSequenceDoubleClickAction = ({ button, canOpenInEditor, numberOfConnectedCompositions, sequenceWasDragged, }) => {
+const getSequenceDoubleClickAction = ({ button, canOpenSource, numberOfConnectedCompositions, sequenceWasDragged, }) => {
     // The browser still fires `dblclick` when the second press of a
     // double-click turned into a drag. That gesture is a drag, not a
     // double-click.
@@ -14,7 +14,7 @@ const getSequenceDoubleClickAction = ({ button, canOpenInEditor, numberOfConnect
     if (numberOfConnectedCompositions === 1) {
         return 'open-connected-composition';
     }
-    return canOpenInEditor ? 'open-in-editor' : null;
+    return canOpenSource ? 'open-source' : null;
 };
 exports.getSequenceDoubleClickAction = getSequenceDoubleClickAction;
 const getConnectedCompositionFrame = ({ timelinePosition, sequence, sequenceFrameOffset, }) => {

package/dist/helpers/open-in-editor.d.ts

@@ -1,11 +1,14 @@
-import type { TerminalId } from '@remotion/studio-shared';
-import type { CompositionComponentInfoResponse, EditorPickerId, OpenInTerminalResponse, SymbolicatedStackFrame } from '@remotion/studio-shared';
+import type { CompositionComponentInfoResponse, EditorPickerId, OpenInTerminalResponse, SymbolicatedStackFrame, TerminalId } from '@remotion/studio-shared';
 import type { CodePosition, OriginalPosition } from '../error-overlay/react-overlay/utils/get-source-map';
 export declare const openInEditor: (stack: SymbolicatedStackFrame, editorId: EditorPickerId) => Promise<import("@remotion/studio-shared").OpenInEditorResponse>;
 export declare const openInCodingAgent: (codingAgentId: "claude-code" | "codex" | "copilot" | "cursor", prompt: string | null) => Promise<import("@remotion/studio-shared").OpenInCodingAgentResponse>;
 export declare const openInTerminal: (terminalId: TerminalId, directory: string) => Promise<OpenInTerminalResponse>;
 export declare const openInGitClient: (gitClientId: "github-desktop") => Promise<import("@remotion/studio-shared").OpenInGitClientResponse>;
 export declare const openOriginalPositionInEditor: (originalPosition: OriginalPosition, editorId: EditorPickerId) => Promise<void>;
+export declare const findOriginalPositionInFileAtProperty: ({ originalPosition, property, }: {
+    originalPosition: CodePosition;
+    property: string;
+}) => Promise<CodePosition>;
 export declare const openOriginalPositionInEditorAtProperty: ({ editorId, originalPosition, property, }: {
     editorId: EditorPickerId;
     originalPosition: CodePosition;