@remotion/studio 4.0.525 → 4.0.526

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

@@ -1165,4 +1165,4 @@ var CheckCircleFilled = (props) => /* @__PURE__ */ jsx11("svg", {
   })
 });
 
-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, 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-41kqns5c.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
@@ -737,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) => {
@@ -1365,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-1089795y.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-ggqpre9v.mjs";
+} from "./index-bs39wngg.mjs";
 import {
   Spacing
-} from "./index-0x13f28h.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-jrw61pkj.mjs → index-g7k2dvar.mjs}

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

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

@@ -6,10 +6,10 @@ import {
   optionRow,
   rightRow,
   showNotification
-} from "./index-ggqpre9v.mjs";
+} from "./index-bs39wngg.mjs";
 import {
   openInFileExplorer
-} from "./index-41kqns5c.mjs";
+} from "./index-eb5txqp6.mjs";
 import {
   getBrowserStudioOperations
 } from "./index-cw0pnpg5.mjs";
@@ -18,7 +18,7 @@ import {
   InlineAction,
   Spacing,
   ValidationMessage
-} from "./index-0x13f28h.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-tzxb8808.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-41kqns5c.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-s848rffx.mjs";
-import"./index-1089795y.mjs";
-import"./index-mww32xc8.mjs";
-import"./index-ggqpre9v.mjs";
+} from "./index-0gewwxse.mjs";
+import"./index-f97r9e2g.mjs";
+import"./index-x40wwfmt.mjs";
+import"./index-bs39wngg.mjs";
 import"./index-9x6e1dq0.mjs";
-import"./index-tzxb8808.mjs";
-import"./index-41kqns5c.mjs";
+import"./index-4dsz9035.mjs";
+import"./index-eb5txqp6.mjs";
 import"./index-cw0pnpg5.mjs";
-import"./index-0x13f28h.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-s848rffx.mjs";
-import"./index-1089795y.mjs";
-import"./index-mww32xc8.mjs";
+} from "./index-0gewwxse.mjs";
+import"./index-f97r9e2g.mjs";
+import"./index-x40wwfmt.mjs";
 import {
   reloadUrl,
   subscribeToPreviewServerEvents
-} from "./index-ggqpre9v.mjs";
+} from "./index-bs39wngg.mjs";
 import"./index-9x6e1dq0.mjs";
-import"./index-tzxb8808.mjs";
-import"./index-41kqns5c.mjs";
+import"./index-4dsz9035.mjs";
+import"./index-eb5txqp6.mjs";
 import"./index-cw0pnpg5.mjs";
-import"./index-0x13f28h.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-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/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;

package/dist/helpers/open-in-editor.js

@@ -33,7 +33,7 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.openCompositionComponentInEditor = exports.preloadCompositionComponentInfo = exports.loadCompositionComponentInfo = exports.useCachedCompositionComponentInfo = exports.getCachedCompositionComponentInfo = exports.subscribeToCompositionComponentInfo = exports.openOriginalPositionInEditorAtProperty = exports.openOriginalPositionInEditor = exports.openInGitClient = exports.openInTerminal = exports.openInCodingAgent = exports.openInEditor = void 0;
+exports.openCompositionComponentInEditor = exports.preloadCompositionComponentInfo = exports.loadCompositionComponentInfo = exports.useCachedCompositionComponentInfo = exports.getCachedCompositionComponentInfo = exports.subscribeToCompositionComponentInfo = exports.openOriginalPositionInEditorAtProperty = exports.findOriginalPositionInFileAtProperty = exports.openOriginalPositionInEditor = exports.openInGitClient = exports.openInTerminal = exports.openInCodingAgent = exports.openInEditor = void 0;
 const react_1 = require("react");
 const call_api_1 = require("../components/call-api");
 const get_stack_1 = require("../components/Timeline/TimelineStack/get-stack");
@@ -78,7 +78,7 @@ const openOriginalPositionInEditor = async (originalPosition, editorId) => {
     }
 };
 exports.openOriginalPositionInEditor = openOriginalPositionInEditor;
-const openOriginalPositionInEditorAtProperty = async ({ editorId, originalPosition, property, }) => {
+const findOriginalPositionInFileAtProperty = async ({ originalPosition, property, }) => {
     const request = {
         fileName: originalPosition.source,
         lineNumber: originalPosition.line,
@@ -89,11 +89,19 @@ const openOriginalPositionInEditorAtProperty = async ({ editorId, originalPositi
     const position = browserStudioOperations
         ? await browserStudioOperations.findInFile(request)
         : await (0, call_api_1.callApi)('/api/find-in-file', request);
-    await (0, exports.openOriginalPositionInEditor)({
+    return {
         source: originalPosition.source,
         line: position.lineNumber,
         column: position.columnNumber,
-    }, editorId);
+    };
+};
+exports.findOriginalPositionInFileAtProperty = findOriginalPositionInFileAtProperty;
+const openOriginalPositionInEditorAtProperty = async ({ editorId, originalPosition, property, }) => {
+    const position = await (0, exports.findOriginalPositionInFileAtProperty)({
+        originalPosition,
+        property,
+    });
+    await (0, exports.openOriginalPositionInEditor)(position, editorId);
 };
 exports.openOriginalPositionInEditorAtProperty = openOriginalPositionInEditorAtProperty;
 const componentResolutionCache = new Map();

package/dist/helpers/settings-tab-availability.d.ts

@@ -0,0 +1,14 @@
+export type SettingsTab = 'apps' | 'rendering' | 'studio' | 'packages' | 'models' | 'shortcuts' | 'skills' | 'license' | 'updates';
+type StudioMode = {
+    readonly isBrowserStudio: boolean;
+    readonly previewServerConnected: boolean;
+    readonly readOnlyStudio: boolean;
+};
+export declare const canEditStudioConfig: ({ isBrowserStudio, previewServerConnected, readOnlyStudio, }: StudioMode) => boolean;
+export declare const canInstallPackagesInStudio: (studioMode: StudioMode) => boolean;
+export declare const getAvailableSettingsTabs: ({ isBrowserStudio, packageManagerAvailable, previewServerConnected, readOnlyStudio, showUpdates, }: StudioMode & {
+    readonly packageManagerAvailable: boolean;
+    readonly showUpdates: boolean;
+}) => SettingsTab[];
+export declare const getSafeSettingsTab: (requestedTab: SettingsTab, availableTabs: readonly SettingsTab[]) => SettingsTab;
+export {};

package/dist/helpers/settings-tab-availability.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSafeSettingsTab = exports.getAvailableSettingsTabs = exports.canInstallPackagesInStudio = exports.canEditStudioConfig = void 0;
+const canEditStudioConfig = ({ isBrowserStudio, previewServerConnected, readOnlyStudio, }) => {
+    return previewServerConnected && !readOnlyStudio && !isBrowserStudio;
+};
+exports.canEditStudioConfig = canEditStudioConfig;
+const canInstallPackagesInStudio = (studioMode) => {
+    return studioMode.isBrowserStudio || (0, exports.canEditStudioConfig)(studioMode);
+};
+exports.canInstallPackagesInStudio = canInstallPackagesInStudio;
+const getAvailableSettingsTabs = ({ isBrowserStudio, packageManagerAvailable, previewServerConnected, readOnlyStudio, showUpdates, }) => {
+    const studioMode = {
+        isBrowserStudio,
+        previewServerConnected,
+        readOnlyStudio,
+    };
+    const canEditConfig = (0, exports.canEditStudioConfig)(studioMode);
+    const canInstallPackages = (0, exports.canInstallPackagesInStudio)(studioMode) &&
+        (isBrowserStudio || packageManagerAvailable);
+    return [
+        ...(canEditConfig ? ['studio', 'rendering'] : []),
+        'shortcuts',
+        ...(canInstallPackages ? ['packages'] : []),
+        ...(canEditConfig ? ['skills'] : []),
+        ...(isBrowserStudio || !readOnlyStudio ? ['models'] : []),
+        ...(canEditConfig ? ['apps', 'license'] : []),
+        ...(showUpdates ? ['updates'] : []),
+    ];
+};
+exports.getAvailableSettingsTabs = getAvailableSettingsTabs;
+const getSafeSettingsTab = (requestedTab, availableTabs) => {
+    return availableTabs.includes(requestedTab) ? requestedTab : 'shortcuts';
+};
+exports.getSafeSettingsTab = getSafeSettingsTab;