@remotion/studio 4.0.522 → 4.0.523

package/dist/esm/index-hy4xcgty.mjs

@@ -0,0 +1,1366 @@
+import {
+  getBrowserStudioOperations
+} from "./index-cw0pnpg5.mjs";
+import {
+  getStudioInteractivityEnabled
+} from "./index-5zrb1ft4.mjs";
+import {
+  CURRENT_COLOR,
+  CURRENT_COLOR_LOWERCASE
+} from "./index-jg13hf2g.mjs";
+import {
+  __require,
+  __toESM
+} from "./index-rcv7qkt5.mjs";
+
+// src/icons/apps.tsx
+import { jsx } from "react/jsx-runtime";
+var AppsIcon = ({ color, ...props }) => /* @__PURE__ */ jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 640 640",
+  ...props,
+  children: /* @__PURE__ */ jsx("path", {
+    fill: color ?? CURRENT_COLOR_LOWERCASE,
+    d: "M144 128C135.2 128 128 135.2 128 144L128 240C128 248.8 135.2 256 144 256L240 256C248.8 256 256 248.8 256 240L256 144C256 135.2 248.8 128 240 128L144 128zM96 144C96 117.5 117.5 96 144 96L240 96C266.5 96 288 117.5 288 144L288 240C288 266.5 266.5 288 240 288L144 288C117.5 288 96 266.5 96 240L96 144zM144 384C135.2 384 128 391.2 128 400L128 496C128 504.8 135.2 512 144 512L240 512C248.8 512 256 504.8 256 496L256 400C256 391.2 248.8 384 240 384L144 384zM96 400C96 373.5 117.5 352 144 352L240 352C266.5 352 288 373.5 288 400L288 496C288 522.5 266.5 544 240 544L144 544C117.5 544 96 522.5 96 496L96 400zM496 128L400 128C391.2 128 384 135.2 384 144L384 240C384 248.8 391.2 256 400 256L496 256C504.8 256 512 248.8 512 240L512 144C512 135.2 504.8 128 496 128zM400 96L496 96C522.5 96 544 117.5 544 144L544 240C544 266.5 522.5 288 496 288L400 288C373.5 288 352 266.5 352 240L352 144C352 117.5 373.5 96 400 96zM400 384C391.2 384 384 391.2 384 400L384 496C384 504.8 391.2 512 400 512L496 512C504.8 512 512 504.8 512 496L512 400C512 391.2 504.8 384 496 384L400 384zM352 400C352 373.5 373.5 352 400 352L496 352C522.5 352 544 373.5 544 400L544 496C544 522.5 522.5 544 496 544L400 544C373.5 544 352 522.5 352 496L352 400z"
+  })
+});
+
+// src/components/CodingAgentIcon.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var CodingAgentIcon = ({ codingAgentId, size }) => {
+  if (codingAgentId === null) {
+    return /* @__PURE__ */ jsx2(AppsIcon, {
+      height: size,
+      width: size
+    });
+  }
+  return /* @__PURE__ */ jsx2("img", {
+    alt: "",
+    "aria-hidden": true,
+    "data-coding-agent-icon": codingAgentId,
+    draggable: false,
+    src: `/api/app-icon/coding-agent/${codingAgentId}.png`,
+    style: { flexShrink: 0, height: size, width: size }
+  });
+};
+
+// src/icons/custom-editor.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var CustomEditorIcon = ({
+  size: sizeProp
+}) => /* @__PURE__ */ jsx3("svg", {
+  focusable: "false",
+  role: "img",
+  viewBox: "0 0 24 24",
+  style: {
+    width: sizeProp ?? 14,
+    height: sizeProp ?? 14,
+    flexShrink: 0
+  },
+  children: /* @__PURE__ */ jsx3("path", {
+    fill: "none",
+    stroke: CURRENT_COLOR,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.8",
+    d: "m8 8-4 4 4 4m8-8 4 4-4 4m-2-10-4 12"
+  })
+});
+
+// src/icons/editor.tsx
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+var iconStyle = (size) => ({
+  flexShrink: 0,
+  height: size,
+  width: size
+});
+var VsCodeIcon = ({ size }) => /* @__PURE__ */ jsx4("svg", {
+  viewBox: "0 0 40 40",
+  style: iconStyle(size),
+  "aria-hidden": true,
+  children: /* @__PURE__ */ jsx4("path", {
+    fill: "#23A9F2",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M26.02 34.13c.23.09.48.13.72.12.25-.01.49-.07.71-.18l5.93-2.85c.31-.15.56-.38.74-.66.18-.29.28-.62.28-.96V10.25c0-.34-.1-.67-.28-.96-.18-.28-.43-.51-.74-.66l-5.93-2.85c-.34-.16-.71-.22-1.08-.15-.36.06-.7.23-.96.5L14.05 16.48 9.11 12.73a1.2 1.2 0 0 0-1.53.07L5.99 14.24a1.2 1.2 0 0 0 0 1.77l4.29 3.92-4.29 3.91a1.2 1.2 0 0 0 0 1.77l1.59 1.44a1.2 1.2 0 0 0 1.53.07l4.94-3.75 11.36 10.36c.17.17.38.31.61.4Zm1.18-20.74-8.61 6.54 8.61 6.53V13.39Z"
+  })
+});
+var CursorIcon = ({ size }) => /* @__PURE__ */ jsxs("svg", {
+  viewBox: "0 0 40 40",
+  style: iconStyle(size),
+  "aria-hidden": true,
+  children: [
+    /* @__PURE__ */ jsx4("rect", {
+      x: "4",
+      y: "4",
+      width: "32",
+      height: "32",
+      rx: "7.625",
+      fill: "#050505"
+    }),
+    /* @__PURE__ */ jsx4("path", {
+      fill: "#fff",
+      d: "m29.62 14.21-8.67-5.09a.89.89 0 0 0-.9 0l-8.67 5.09a.77.77 0 0 0-.38.66v10.26c0 .27.14.52.38.66l8.67 5.09c.28.16.62.16.9 0l8.67-5.09c.24-.14.38-.39.38-.66V14.87a.77.77 0 0 0-.38-.66Zm-.54 1.07L20.7 30.01a.11.11 0 0 1-.2-.06v-9.64c0-.19-.1-.37-.27-.47l-8.22-4.82a.11.11 0 0 1 .06-.21h16.74c.24 0 .39.27.27.47Z"
+    })
+  ]
+});
+var WindsurfIcon = ({ size }) => /* @__PURE__ */ jsx4("svg", {
+  viewBox: "0 0 24 24",
+  style: iconStyle(size),
+  "aria-hidden": true,
+  children: /* @__PURE__ */ jsx4("path", {
+    fill: CURRENT_COLOR,
+    d: "M23.55 5.07a2.18 2.18 0 0 0-2.18 2.17v4.87c0 .97-.8 1.76-1.76 1.76-.57 0-1.14-.29-1.47-.77l-4.97-7.1a2.21 2.21 0 0 0-3.96 1.22v4.89c0 .97-.8 1.76-1.77 1.76-.57 0-1.13-.29-1.47-.77L.41 5.16A.22.22 0 0 0 0 5.29v4.24c0 .22.07.43.19.6l5.47 7.82c.33.46.8.81 1.35.93a2.15 2.15 0 0 0 2.65-2.1v-4.89c0-.97.79-1.76 1.76-1.76.57 0 1.14.29 1.47.77l4.98 7.1c.41.59 1.05.94 1.81.94a2.15 2.15 0 0 0 2.15-2.16v-4.89c0-.97.79-1.76 1.76-1.76h.19a.22.22 0 0 0 .22-.22V5.29a.22.22 0 0 0-.22-.22h-.23Z"
+  })
+});
+var ZedIcon = ({ size }) => /* @__PURE__ */ jsx4("svg", {
+  viewBox: "0 0 40 40",
+  style: iconStyle(size),
+  "aria-hidden": true,
+  children: /* @__PURE__ */ jsx4("path", {
+    fill: CURRENT_COLOR,
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8.3 7.4a.9.9 0 0 0-.9.9v19.8H5.6V8.3a2.7 2.7 0 0 1 2.7-2.7h24.11c1.2 0 1.81 1.45.96 2.3L18.52 22.76h4.18V20.9h1.8v2.31c0 .75-.6 1.35-1.35 1.35h-6.43l-3.1 3.09h14.03V16.4h1.8v11.25c0 1-.8 1.8-1.8 1.8H11.82L8.67 32.6H31.7a.9.9 0 0 0 .9-.9V11.9h1.8v19.8a2.7 2.7 0 0 1-2.7 2.7H7.59c-1.2 0-1.81-1.45-.96-2.31L21.43 17.3H17.3v1.8h-1.8v-2.25c0-.75.6-1.35 1.35-1.35h6.38l3.15-3.15H12.35V23.6h-1.8V12.35c0-1 .8-1.8 1.8-1.8h15.83l3.15-3.15H8.3Z"
+  })
+});
+var VscodiumIcon = ({ size }) => /* @__PURE__ */ jsx4("svg", {
+  viewBox: "0 0 24 24",
+  style: iconStyle(size),
+  "aria-hidden": true,
+  children: /* @__PURE__ */ jsx4("path", {
+    fill: "#2F80ED",
+    d: "M11.58.54a1.47 1.47 0 0 0-.44 2.03c2.43 3.76 3 6.6 2.75 9.08-1 4.75-3.18 5.72-5.09 5.72-1.86 0-1.36-3.07.03-3.96a5.3 5.3 0 0 1 2.73-.87 1.47 1.47 0 1 0 0-2.94c-.96 0-1.9.21-2.78.55.18-.85.25-1.76.02-2.74-.36-1.47-1.37-2.88-3.13-4.25a1.47 1.47 0 0 0-1.81 2.32c1.43 1.11 1.9 1.94 2.07 2.62.16.68.03 1.4-.3 2.4-.41 1.35-.9 2.56-1.1 3.71-.11.57-.12 1.19-.15 1.68-1.03-1-1.43-2.34-1.43-4.28a1.47 1.47 0 1 0-2.95 0c0 2.66.78 5.18 2.86 6.87 1.88 1.79 6.67 1.13 6.67 4.01 0 .81 1.19 1.21 2 1.21.84 0 1.89-.56 1.89-1.21 0-3.27 3.44-5.25 9.11-5.24A1.47 1.47 0 1 0 22.53 14.3c-.39 0-.77.01-1.14.03.64-1.49.92-3.13.86-4.9a1.47 1.47 0 1 0-2.95.1c.08 2.32-.01 4.39-1.74 5.48-.49.31-1.06.58-1.6.58.42-1.14.74-2.35.87-3.65.08-.83.09-1.82 0-2.59-.15-1.18-.33-2.53.12-3.55.4-.87 1.31-1.24 2.65-1.24a1.47 1.47 0 1 0 0-2.94c-1.98 0-3.48 1.04-4.34 2.3-.44-.95-.98-1.93-1.64-2.94a1.47 1.47 0 0 0-2.04-.44Z"
+  })
+});
+var WebStormIcon = ({ size }) => /* @__PURE__ */ jsxs("svg", {
+  viewBox: "0 0 24 24",
+  style: iconStyle(size),
+  "aria-hidden": true,
+  children: [
+    /* @__PURE__ */ jsx4("rect", {
+      width: "24",
+      height: "24",
+      rx: "3",
+      fill: "#07C3F2"
+    }),
+    /* @__PURE__ */ jsx4("path", {
+      fill: "#050505",
+      d: "M3 3h18v18H3z"
+    }),
+    /* @__PURE__ */ jsx4("path", {
+      fill: "#fff",
+      d: "M4.8 5.4h2.1l1.3 4.9 1.4-4.9h1.6l1.4 4.9 1.3-4.9h2.1l-2.5 8.7h-1.8l-1.3-4.8-1.4 4.8H7.3L4.8 5.4Zm10.8 7.3 1.1-1.4c.8.6 1.6 1 2.5 1 .7 0 1.2-.3 1.2-.8 0-.5-.3-.7-1.7-1.1-1.7-.4-2.8-.9-2.8-2.6 0-1.6 1.3-2.6 3-2.6 1.2 0 2.3.4 3.2 1.1l-1 1.5c-.8-.5-1.5-.8-2.2-.8-.7 0-1.1.3-1.1.7 0 .6.4.7 1.8 1.1 1.7.5 2.7 1.1 2.7 2.6 0 1.7-1.3 2.7-3.2 2.7-1.3 0-2.6-.5-3.5-1.4ZM4.7 18h8v1.3h-8V18Z"
+    })
+  ]
+});
+var SublimeTextIcon = ({ size }) => /* @__PURE__ */ jsxs("svg", {
+  viewBox: "0 0 40 40",
+  style: iconStyle(size),
+  "aria-hidden": true,
+  children: [
+    /* @__PURE__ */ jsx4("path", {
+      fill: "#FF9800",
+      d: "M35.91 4.51c0-.37-.36-.59-.8-.48L4.8 11.44c-.44.11-.8.5-.8.87v7.58c0 .37.36.59.8.48l30.31-7.41c.44-.11.8-.5.8-.87V4.51Zm0 15.57c0-.38-.36-.59-.8-.49L4.8 27.01c-.44.1-.8.5-.8.87v7.57c0 .38.36.6.8.49l30.31-7.41c.44-.11.8-.5.8-.88v-7.57Z"
+    }),
+    /* @__PURE__ */ jsx4("path", {
+      fill: "#F28C00",
+      d: "M4 19.84c0 .37.36.76.8.87l30.32 7.41c.44.11.8-.11.8-.48v-7.58c0-.37-.36-.76-.8-.87L4.8 11.78c-.44-.11-.8.11-.8.48v7.58Z"
+    })
+  ]
+});
+var EditorIcon = ({ editorId, size: sizeProp }) => {
+  const size = sizeProp ?? 14;
+  switch (editorId) {
+    case "vscode":
+      return /* @__PURE__ */ jsx4(VsCodeIcon, {
+        size
+      });
+    case "cursor":
+      return /* @__PURE__ */ jsx4(CursorIcon, {
+        size
+      });
+    case "windsurf":
+      return /* @__PURE__ */ jsx4(WindsurfIcon, {
+        size
+      });
+    case "zed":
+      return /* @__PURE__ */ jsx4(ZedIcon, {
+        size
+      });
+    case "vscodium":
+      return /* @__PURE__ */ jsx4(VscodiumIcon, {
+        size
+      });
+    case "webstorm":
+      return /* @__PURE__ */ jsx4(WebStormIcon, {
+        size
+      });
+    case "sublime-text":
+      return /* @__PURE__ */ jsx4(SublimeTextIcon, {
+        size
+      });
+    case "custom":
+    case null:
+      return /* @__PURE__ */ jsx4(CustomEditorIcon, {
+        size
+      });
+    default:
+      return null;
+  }
+};
+
+// src/icons/finder.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var FinderIcon = ({ size }) => {
+  return /* @__PURE__ */ jsx5("img", {
+    alt: "",
+    "aria-hidden": true,
+    "data-file-manager-icon": "finder",
+    draggable: false,
+    src: "/api/app-icon/file-manager/finder.png",
+    style: { flexShrink: 0, height: size, width: size }
+  });
+};
+
+// src/icons/terminal.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var iconStyle2 = (size) => ({
+  flexShrink: 0,
+  height: size,
+  width: size
+});
+var simpleTerminalIcons = {
+  warp: {
+    color: "#01A4FF",
+    path: "M12.035 2.723h9.253A2.712 2.712 0 0 1 24 5.435v10.529a2.712 2.712 0 0 1-2.712 2.713H8.047Zm-1.681 2.6L6.766 19.677h5.598l-.399 1.6H2.712A2.712 2.712 0 0 1 0 18.565V8.036a2.712 2.712 0 0 1 2.712-2.712Z"
+  },
+  wezterm: {
+    color: "#4E49EE",
+    path: "M3.27 8.524c0-.623.62-1.007 2.123-1.007l-.5 2.757c-.931-.623-1.624-1.199-1.624-1.75zm4.008 6.807c0 .647-.644 1.079-2.123 1.15l.524-2.924c.931.624 1.6 1.175 1.6 1.774zm-2.625 5.992.454-2.708c3.603-.336 5.01-1.798 5.01-3.404 0-1.653-2.004-2.948-3.841-4.074l.668-3.548c.764.072 1.67.216 2.744.432l.31-2.469c-.81-.12-1.575-.168-2.29-.216L8.257 2.7l-2.363-.024-.453 2.684C1.838 5.648.43 7.158.43 8.764c0 1.63 2.004 2.876 3.841 3.954l-.668 3.716c-.859-.048-1.908-.192-3.125-.408L0 18.495c1.026.12 1.98.192 2.84.216l-.525 2.588zm15.553-1.894h2.673c.334-2.804.81-8.46 1.121-14.86h-2.553c-.071 1.51-.334 10.498-.43 11.241h-.071c-.644-2.42-1.169-4.386-1.813-6.782h-1.456c-.62 2.396-1.05 4.194-1.694 6.782h-.096c-.071-.743-.477-9.73-.525-11.24h-2.648c.31 6.399.763 12.055 1.097 14.86h2.625l1.838-7.12z"
+  },
+  alacritty: {
+    color: "#F46D01",
+    path: "m10.065 0-8.57 21.269h3.595l6.91-16.244 6.91 16.244h3.594l-8.57-21.269zm1.935 9.935c-.76666 1.8547-1.5334 3.7094-2.298 5.565 1.475 4.54 1.475 4.54 2.298 8.5.823-3.96.823-3.96 2.297-8.5-.76637-1.8547-1.5315-3.7099-2.297-5.565z"
+  },
+  "gnome-terminal": {
+    color: CURRENT_COLOR,
+    path: "M1.846 0A1.841 1.841 0 000 1.846v18.463c0 1.022.823 1.845 1.846 1.845h20.308A1.841 1.841 0 0024 20.31V1.846A1.841 1.841 0 0022.154 0H1.846zm0 .924h20.308c.512 0 .922.41.922.922v18.463c0 .511-.41.921-.922.921H1.846a.919.919 0 01-.922-.921V1.846c0-.512.41-.922.922-.922zm0 .922v18.463h20.308V1.846H1.846zm1.845 2.14l3.235 1.758v.836L3.69 8.477V7.385l2.243-1.207v-.033L3.69 5.076v-1.09zM7.846 9.23h3.693v.924H7.846V9.23zM0 21.736v.418C0 23.177.823 24 1.846 24h20.308A1.841 1.841 0 0024 22.154v-.418a2.334 2.334 0 01-1.846.918H1.846A2.334 2.334 0 010 21.736Z"
+  }
+};
+var TerminalIcon = ({ terminalId, size }) => {
+  const hasArtwork = terminalId === "terminal" || terminalId === "iterm2" || terminalId === "ghostty" || terminalId === "windows-terminal";
+  if (hasArtwork) {
+    return /* @__PURE__ */ jsx6("img", {
+      alt: "",
+      "aria-hidden": true,
+      "data-terminal-icon": terminalId,
+      draggable: false,
+      src: `/api/app-icon/terminal/${terminalId}.png`,
+      style: iconStyle2(size)
+    });
+  }
+  const icon = simpleTerminalIcons[terminalId];
+  if (!icon) {
+    return /* @__PURE__ */ jsx6(AppsIcon, {
+      "aria-hidden": true,
+      "data-terminal-icon": terminalId,
+      height: size,
+      width: size
+    });
+  }
+  return /* @__PURE__ */ jsx6("svg", {
+    "aria-hidden": true,
+    "data-terminal-icon": terminalId,
+    style: iconStyle2(size),
+    viewBox: "0 0 24 24",
+    children: /* @__PURE__ */ jsx6("path", {
+      d: icon.path,
+      fill: icon.color
+    })
+  });
+};
+
+// src/api/delete-static-file.ts
+import { getRemotionEnvironment } from "remotion";
+
+// src/helpers/inserted-element-selection.ts
+var pendingSelection = null;
+var listeners = new Set;
+var requestInsertedElementSelection = (selection) => {
+  pendingSelection = selection;
+  for (const listener of listeners) {
+    listener();
+  }
+};
+var clearInsertedElementSelection = (selection) => {
+  if (pendingSelection !== selection) {
+    return;
+  }
+  pendingSelection = null;
+  for (const listener of listeners) {
+    listener();
+  }
+};
+var subscribeToInsertedElementSelection = (listener) => {
+  listeners.add(listener);
+  return () => listeners.delete(listener);
+};
+var getInsertedElementSelection = () => pendingSelection;
+
+// src/helpers/sequence-node-path-mutations.ts
+var pendingMutations = [];
+var seenMutationIds = new Set;
+var queueSequenceNodePathMutation = (mutation) => {
+  if (seenMutationIds.has(mutation.mutationId)) {
+    return;
+  }
+  seenMutationIds.add(mutation.mutationId);
+  pendingMutations.push(mutation);
+  if (mutation.timelineSelection !== null) {
+    requestInsertedElementSelection({
+      compositionId: mutation.timelineSelection.compositionId,
+      nodePath: {
+        absolutePath: mutation.timelineSelection.absolutePath,
+        nodePath: mutation.timelineSelection.nodePath
+      },
+      notification: null
+    });
+  }
+};
+var queueSequenceNodePathMutationFromApiResponse = (response) => {
+  if (typeof response !== "object" || response === null || !("nodePathMutation" in response)) {
+    return;
+  }
+  const { nodePathMutation } = response;
+  if (typeof nodePathMutation !== "object" || nodePathMutation === null || !("mutationId" in nodePathMutation) || typeof nodePathMutation.mutationId !== "string") {
+    return;
+  }
+  queueSequenceNodePathMutation(nodePathMutation);
+};
+var takePendingSequenceNodePathMutations = () => pendingMutations.splice(0);
+
+// src/components/call-api.ts
+var callApi = (endpoint, body, signal) => {
+  return new Promise((resolve, reject) => {
+    fetch(endpoint, {
+      method: "post",
+      headers: {
+        "content-type": "application/json"
+      },
+      signal,
+      body: JSON.stringify(body)
+    }).then((res) => res.json()).then((data) => {
+      if (data.success) {
+        queueSequenceNodePathMutationFromApiResponse(data.data);
+        resolve(data.data);
+      } else {
+        reject(new Error(data.error));
+      }
+    }).catch((err) => {
+      reject(err);
+    });
+  });
+};
+
+// src/api/delete-static-file.ts
+var deleteStaticFile = async (relativePath) => {
+  if (!getRemotionEnvironment().isStudio) {
+    throw new Error("deleteStaticFile() is only available in the Studio");
+  }
+  if (relativePath.startsWith(window.remotion_staticBase)) {
+    relativePath = relativePath.substring(window.remotion_staticBase.length + 1);
+  }
+  const browserStudioOperations = getBrowserStudioOperations();
+  if (browserStudioOperations) {
+    return browserStudioOperations.deleteStaticFile({ relativePath });
+  }
+  if (window.remotion_isReadOnlyStudio) {
+    throw new Error("deleteStaticFile() is not available in Read-Only Studio");
+  }
+  const res = await callApi("/api/delete-static-file", { relativePath });
+  return res;
+};
+
+// src/api/get-static-files.ts
+var warnedServer = false;
+var warnedPlayer = false;
+var warnServerOnce = () => {
+  if (warnedServer) {
+    return;
+  }
+  warnedServer = true;
+  console.warn("Called getStaticFiles() on the server. The API is only available in the browser. An empty array was returned.");
+};
+var warnPlayerOnce = () => {
+  if (warnedPlayer) {
+    return;
+  }
+  warnedPlayer = true;
+  console.warn("Called getStaticFiles() while using the Remotion Player. The API is only available while using the Remotion Studio. An empty array was returned.");
+};
+var getStaticFiles = () => {
+  if (typeof document === "undefined") {
+    warnServerOnce();
+    return [];
+  }
+  if (window.remotion_isPlayer) {
+    warnPlayerOnce();
+    return [];
+  }
+  return window.remotion_staticFiles;
+};
+
+// src/api/shut-down-studio.ts
+import { getRemotionEnvironment as getRemotionEnvironment2 } from "remotion";
+var shutDownStudio = () => {
+  if (!getRemotionEnvironment2().isStudio) {
+    throw new Error("shutDownStudio() is only available in the Studio");
+  }
+  if (getBrowserStudioOperations() !== null) {
+    throw new Error("shutDownStudio() is not supported in Browser Studio");
+  }
+  if (window.remotion_isReadOnlyStudio) {
+    throw new Error("shutDownStudio() is not available in read-only Studio");
+  }
+  return callApi("/api/shutdown-studio", {});
+};
+
+// src/components/RenderQueue/actions.ts
+import { NoReactInternals } from "remotion/no-react";
+var addStillRenderJob = ({
+  compositionId,
+  outName,
+  imageFormat,
+  jpegQuality,
+  frame,
+  scale,
+  logLevel,
+  chromiumOptions,
+  delayRenderTimeout,
+  envVariables,
+  inputProps,
+  offthreadVideoCacheSizeInBytes,
+  offthreadVideoThreads,
+  multiProcessOnLinux,
+  beepOnFinish,
+  metadata,
+  chromeMode,
+  mediaCacheSizeInBytes,
+  licenseKey
+}) => {
+  return callApi("/api/render", {
+    compositionId,
+    type: "still",
+    outName,
+    imageFormat,
+    jpegQuality,
+    frame,
+    scale,
+    logLevel,
+    chromiumOptions,
+    delayRenderTimeout,
+    envVariables,
+    serializedInputPropsWithCustomSchema: NoReactInternals.serializeJSONWithSpecialTypes({
+      data: inputProps,
+      staticBase: window.remotion_staticBase,
+      indent: undefined
+    }).serializedString,
+    offthreadVideoCacheSizeInBytes,
+    offthreadVideoThreads,
+    multiProcessOnLinux,
+    beepOnFinish,
+    metadata,
+    chromeMode,
+    mediaCacheSizeInBytes,
+    licenseKey
+  });
+};
+var addSequenceRenderJob = ({
+  compositionId,
+  outName,
+  imageFormat,
+  startFrame,
+  endFrame,
+  scale,
+  logLevel,
+  chromiumOptions,
+  delayRenderTimeout,
+  envVariables,
+  inputProps,
+  concurrency,
+  offthreadVideoCacheSizeInBytes,
+  offthreadVideoThreads,
+  jpegQuality,
+  disallowParallelEncoding,
+  multiProcessOnLinux,
+  beepOnFinish,
+  repro,
+  metadata,
+  chromeMode,
+  mediaCacheSizeInBytes
+}) => {
+  return callApi("/api/render", {
+    compositionId,
+    type: "sequence",
+    outName,
+    imageFormat,
+    jpegQuality,
+    scale,
+    startFrame,
+    endFrame,
+    logLevel,
+    chromiumOptions,
+    delayRenderTimeout,
+    envVariables,
+    concurrency,
+    serializedInputPropsWithCustomSchema: NoReactInternals.serializeJSONWithSpecialTypes({
+      data: inputProps,
+      staticBase: window.remotion_staticBase,
+      indent: undefined
+    }).serializedString,
+    offthreadVideoCacheSizeInBytes,
+    offthreadVideoThreads,
+    disallowParallelEncoding,
+    multiProcessOnLinux,
+    beepOnFinish,
+    repro,
+    metadata,
+    chromeMode,
+    mediaCacheSizeInBytes
+  });
+};
+var addVideoRenderJob = ({
+  compositionId,
+  outName,
+  imageFormat,
+  jpegQuality,
+  scale,
+  logLevel,
+  codec,
+  concurrency,
+  crf,
+  gopSize,
+  startFrame,
+  endFrame,
+  muted,
+  enforceAudioTrack,
+  proResProfile,
+  x264Preset,
+  pixelFormat,
+  audioBitrate,
+  videoBitrate,
+  everyNthFrame,
+  numberOfGifLoops,
+  delayRenderTimeout,
+  audioCodec,
+  disallowParallelEncoding,
+  chromiumOptions,
+  envVariables,
+  inputProps,
+  offthreadVideoCacheSizeInBytes,
+  offthreadVideoThreads,
+  colorSpace,
+  multiProcessOnLinux,
+  encodingMaxRate,
+  encodingBufferSize,
+  beepOnFinish,
+  repro,
+  forSeamlessAacConcatenation,
+  separateAudioTo,
+  metadata,
+  hardwareAcceleration,
+  chromeMode,
+  mediaCacheSizeInBytes,
+  sampleRate,
+  licenseKey
+}) => {
+  return callApi("/api/render", {
+    compositionId,
+    type: "video",
+    outName,
+    imageFormat,
+    jpegQuality,
+    scale,
+    logLevel,
+    codec,
+    concurrency,
+    crf,
+    gopSize,
+    endFrame,
+    startFrame,
+    muted,
+    enforceAudioTrack,
+    proResProfile,
+    x264Preset,
+    pixelFormat,
+    audioBitrate,
+    videoBitrate,
+    everyNthFrame,
+    numberOfGifLoops,
+    delayRenderTimeout,
+    audioCodec,
+    disallowParallelEncoding,
+    chromiumOptions,
+    envVariables,
+    serializedInputPropsWithCustomSchema: NoReactInternals.serializeJSONWithSpecialTypes({
+      data: inputProps,
+      staticBase: window.remotion_staticBase,
+      indent: undefined
+    }).serializedString,
+    offthreadVideoCacheSizeInBytes,
+    offthreadVideoThreads,
+    colorSpace,
+    multiProcessOnLinux,
+    encodingBufferSize,
+    encodingMaxRate,
+    beepOnFinish,
+    repro,
+    forSeamlessAacConcatenation,
+    separateAudioTo,
+    metadata,
+    hardwareAcceleration,
+    chromeMode,
+    mediaCacheSizeInBytes,
+    sampleRate,
+    licenseKey
+  });
+};
+var unsubscribeFromFileExistenceWatcher = ({
+  file,
+  clientId
+}) => {
+  return callApi("/api/unsubscribe-from-file-existence", { file, clientId });
+};
+var subscribeToFileExistenceWatcher = async ({
+  file,
+  clientId
+}) => {
+  const { exists } = await callApi("/api/subscribe-to-file-existence", {
+    file,
+    clientId
+  });
+  return exists;
+};
+var openInFileExplorer = ({ directory }) => {
+  const body = {
+    directory
+  };
+  return callApi("/api/open-in-file-explorer", body);
+};
+var applyCodemod = ({
+  codemod,
+  dryRun,
+  symbolicatedStack,
+  signal
+}) => {
+  const body = {
+    codemod,
+    dryRun,
+    symbolicatedStack
+  };
+  const browserStudioOperations = getBrowserStudioOperations();
+  if (browserStudioOperations !== null) {
+    return browserStudioOperations.applyCodemod(body);
+  }
+  return callApi("/api/apply-codemod", body, signal);
+};
+var removeRenderJob = (job) => {
+  return callApi("/api/remove-render", {
+    jobId: job.id
+  });
+};
+var cancelRenderJob = (job) => {
+  return callApi("/api/cancel", {
+    jobId: job.id
+  });
+};
+var updateAvailable = (signal) => {
+  return callApi("/api/update-available", {}, signal);
+};
+var getReleaseNotes = (currentVersion, latestVersion, signal) => {
+  return callApi("/api/release-notes", { currentVersion, latestVersion }, signal);
+};
+var callUpdateDefaultPropsApi = (compositionId, defaultProps, enumPaths) => {
+  const body = {
+    compositionId,
+    defaultProps: NoReactInternals.serializeJSONWithSpecialTypes({
+      data: defaultProps,
+      indent: undefined,
+      staticBase: window.remotion_staticBase
+    }).serializedString,
+    enumPaths
+  };
+  const browserStudioOperations = getBrowserStudioOperations();
+  if (browserStudioOperations !== null) {
+    return browserStudioOperations.updateDefaultProps(body);
+  }
+  return callApi("/api/update-default-props", body);
+};
+var applyVisualControlChange = ({
+  fileName,
+  changes
+}) => {
+  return callApi("/api/apply-visual-control-change", {
+    fileName,
+    changes
+  });
+};
+
+// src/api/watch-public-folder.ts
+import { getRemotionEnvironment as getRemotionEnvironment3 } from "remotion";
+var WATCH_REMOTION_STATIC_FILES = "remotion_staticFilesChanged";
+var watchPublicFolder = (callback) => {
+  if (!getRemotionEnvironment3().isStudio) {
+    console.warn("The watchPublicFolder() API is only available while using the Remotion Studio.");
+    return { cancel: () => {
+      return;
+    } };
+  }
+  if (window.remotion_isReadOnlyStudio && !getBrowserStudioOperations()) {
+    throw new Error("watchPublicFolder() is not available in read-only Studio");
+  }
+  const emitUpdate = () => {
+    callback(getStaticFiles());
+  };
+  window.addEventListener(WATCH_REMOTION_STATIC_FILES, emitUpdate);
+  const cancel = () => {
+    return window.removeEventListener(WATCH_REMOTION_STATIC_FILES, emitUpdate);
+  };
+  return { cancel };
+};
+
+// src/components/RenderModal/SchemaEditor/scroll-to-default-props-path.ts
+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();
+
+// src/components/RenderModal/SchemaEditor/zod-schema-type.ts
+var zodSafeParse = (schema, data) => {
+  return schema.safeParse(data);
+};
+var getZodDef = (schema) => {
+  if (schema._def)
+    return schema._def;
+  if (schema._zod)
+    return schema._zod.def;
+  throw new Error("Invalid zod schema: missing _def and _zod");
+};
+var v3TypeNameMap = {
+  ZodString: "string",
+  ZodNumber: "number",
+  ZodBoolean: "boolean",
+  ZodObject: "object",
+  ZodArray: "array",
+  ZodEnum: "enum",
+  ZodUnion: "union",
+  ZodDiscriminatedUnion: "discriminatedUnion",
+  ZodOptional: "optional",
+  ZodNullable: "nullable",
+  ZodDefault: "default",
+  ZodTuple: "tuple",
+  ZodDate: "date",
+  ZodAny: "any",
+  ZodUnknown: "unknown",
+  ZodBigInt: "bigint",
+  ZodNull: "null",
+  ZodUndefined: "undefined",
+  ZodEffects: "effects",
+  ZodLiteral: "literal",
+  ZodRecord: "record",
+  ZodNever: "never",
+  ZodVoid: "void",
+  ZodNaN: "nan",
+  ZodSymbol: "symbol",
+  ZodIntersection: "intersection",
+  ZodMap: "map",
+  ZodSet: "set",
+  ZodLazy: "lazy",
+  ZodFunction: "function",
+  ZodNativeEnum: "nativeEnum",
+  ZodCatch: "catch",
+  ZodPromise: "promise",
+  ZodBranded: "branded",
+  ZodPipeline: "pipeline"
+};
+var isZodV3Schema = (schema) => {
+  const def = getZodDef(schema);
+  return "typeName" in def;
+};
+var getZodSchemaType = (schema) => {
+  const def = getZodDef(schema);
+  if ("typeName" in def) {
+    const { typeName } = def;
+    return v3TypeNameMap[typeName] ?? typeName;
+  }
+  const { type } = def;
+  if (type === "union" && def.discriminator !== undefined) {
+    return "discriminatedUnion";
+  }
+  return type;
+};
+var getZodSchemaDescription = (schema) => {
+  if (isZodV3Schema(schema)) {
+    return getZodDef(schema).description;
+  }
+  return schema.description;
+};
+var REMOTION_BRAND_PREFIX = "__remotion-";
+var getUserFacingDescription = (schema) => {
+  const description = getZodSchemaDescription(schema);
+  if (!description || description.startsWith(REMOTION_BRAND_PREFIX)) {
+    return null;
+  }
+  return description;
+};
+var getObjectShape = (schema) => {
+  const { shape } = getZodDef(schema);
+  return typeof shape === "function" ? shape() : shape;
+};
+var getArrayElement = (schema) => {
+  const def = getZodDef(schema);
+  return isZodV3Schema(schema) ? def.type : def.element;
+};
+var getInnerType = (schema) => {
+  return getZodDef(schema).innerType;
+};
+var getEffectsInner = (schema) => {
+  return getZodDef(schema).schema;
+};
+var getLiteralValue = (schema) => {
+  const def = getZodDef(schema);
+  if (isZodV3Schema(schema)) {
+    return def.value;
+  }
+  return def.values?.[0];
+};
+var getEnumValues = (schema) => {
+  const def = getZodDef(schema);
+  if (isZodV3Schema(schema)) {
+    return def.values;
+  }
+  const { entries } = def;
+  return Object.values(entries);
+};
+var getFirstEnumValue = (schema) => {
+  const def = getZodDef(schema);
+  if (isZodV3Schema(schema)) {
+    if (def.typeName === "ZodNativeEnum") {
+      const vals = Object.values(def.values);
+      return vals[0];
+    }
+    return def.values[0];
+  }
+  const { entries } = def;
+  const pairs = Object.entries(entries);
+  const hasReverseMapping = pairs.some(([key, value]) => key !== String(value));
+  if (hasReverseMapping) {
+    const forwardPairs = pairs.filter(([key]) => Number.isNaN(Number(key)));
+    if (forwardPairs.length > 0) {
+      return forwardPairs[0][1];
+    }
+  }
+  return Object.values(entries)[0];
+};
+var getUnionOptions = (schema) => {
+  return getZodDef(schema).options;
+};
+var getDefaultValue = (schema) => {
+  const dv = getZodDef(schema).defaultValue;
+  return typeof dv === "function" ? dv() : dv;
+};
+var getDiscriminator = (schema) => {
+  return getZodDef(schema).discriminator;
+};
+var getDiscriminatedOptionKeys = (schema) => {
+  const def = getZodDef(schema);
+  const discriminator = getDiscriminator(schema);
+  if (isZodV3Schema(schema) && def.optionsMap) {
+    return [...def.optionsMap.keys()];
+  }
+  const options = getUnionOptions(schema);
+  return options.map((option) => {
+    const shape = getObjectShape(option);
+    const discriminatorSchema = shape[discriminator];
+    return getLiteralValue(discriminatorSchema);
+  });
+};
+var getDiscriminatedOption = (schema, discriminatorValue) => {
+  const def = getZodDef(schema);
+  const discriminator = getDiscriminator(schema);
+  if (isZodV3Schema(schema) && def.optionsMap) {
+    return def.optionsMap.get(discriminatorValue);
+  }
+  const options = getUnionOptions(schema);
+  return options.find((option) => {
+    const shape = getObjectShape(option);
+    const discriminatorSchema = shape[discriminator];
+    return getLiteralValue(discriminatorSchema) === discriminatorValue;
+  });
+};
+var getIntersectionSchemas = (schema) => {
+  const def = getZodDef(schema);
+  return { left: def.left, right: def.right };
+};
+var getTupleItems = (schema) => {
+  return getZodDef(schema).items;
+};
+var getRecordValueType = (schema) => {
+  return getZodDef(schema).valueType;
+};
+var getRecordKeyType = (schema) => {
+  return getZodDef(schema).keyType;
+};
+var getPipelineOutput = (schema) => {
+  return getZodDef(schema).out;
+};
+var getPipelineInput = (schema) => {
+  return getZodDef(schema).in;
+};
+var getBrandedInner = (schema) => {
+  return isZodV3Schema(schema) ? getZodDef(schema).type : schema;
+};
+
+// src/components/RenderModal/SchemaEditor/extract-enum-json-paths.ts
+var extractEnumJsonPaths = ({
+  schema,
+  zodRuntime,
+  currentPath,
+  zodTypes
+}) => {
+  const description = getZodSchemaDescription(schema);
+  if (zodTypes && description === zodTypes.ZodZypesInternals.REMOTION_MATRIX_BRAND) {
+    return [currentPath];
+  }
+  const typeName = getZodSchemaType(schema);
+  switch (typeName) {
+    case "object": {
+      const shape = getObjectShape(schema);
+      const keys = Object.keys(shape);
+      return keys.map((key) => {
+        return extractEnumJsonPaths({
+          schema: shape[key],
+          zodRuntime,
+          currentPath: [...currentPath, key],
+          zodTypes
+        });
+      }).flat(1);
+    }
+    case "array": {
+      return extractEnumJsonPaths({
+        schema: getArrayElement(schema),
+        zodRuntime,
+        currentPath: [...currentPath, "[]"],
+        zodTypes
+      });
+    }
+    case "union": {
+      return getUnionOptions(schema).map((option) => {
+        return extractEnumJsonPaths({
+          schema: option,
+          zodRuntime,
+          currentPath,
+          zodTypes
+        });
+      }).flat(1);
+    }
+    case "discriminatedUnion": {
+      return getUnionOptions(schema).map((op) => {
+        return extractEnumJsonPaths({
+          schema: op,
+          zodRuntime,
+          currentPath,
+          zodTypes
+        });
+      }).flat(1);
+    }
+    case "literal": {
+      return [currentPath];
+    }
+    case "effects": {
+      return extractEnumJsonPaths({
+        schema: getEffectsInner(schema),
+        zodRuntime,
+        currentPath,
+        zodTypes
+      });
+    }
+    case "intersection": {
+      const { left, right } = getIntersectionSchemas(schema);
+      const leftValue = extractEnumJsonPaths({
+        schema: left,
+        zodRuntime,
+        currentPath,
+        zodTypes
+      });
+      const rightValue = extractEnumJsonPaths({
+        schema: right,
+        zodRuntime,
+        currentPath,
+        zodTypes
+      });
+      return [...leftValue, ...rightValue];
+    }
+    case "tuple": {
+      return getTupleItems(schema).map((item, i) => extractEnumJsonPaths({
+        schema: item,
+        zodRuntime,
+        currentPath: [...currentPath, i],
+        zodTypes
+      })).flat(1);
+    }
+    case "record": {
+      const recordPath = [...currentPath, "{}"];
+      const keyResults = extractEnumJsonPaths({
+        schema: getRecordKeyType(schema),
+        zodRuntime,
+        currentPath: recordPath,
+        zodTypes
+      });
+      const valueResults = extractEnumJsonPaths({
+        schema: getRecordValueType(schema),
+        zodRuntime,
+        currentPath: recordPath,
+        zodTypes
+      });
+      return [...keyResults, ...valueResults];
+    }
+    case "function": {
+      throw new Error("Cannot create a value for type function");
+    }
+    case "enum": {
+      return [currentPath];
+    }
+    case "nativeEnum": {
+      return [];
+    }
+    case "optional":
+    case "nullable":
+    case "catch": {
+      return extractEnumJsonPaths({
+        schema: getInnerType(schema),
+        zodRuntime,
+        currentPath,
+        zodTypes
+      });
+    }
+    case "default": {
+      return extractEnumJsonPaths({
+        schema: getInnerType(schema),
+        zodRuntime,
+        currentPath,
+        zodTypes
+      });
+    }
+    case "promise": {
+      return [];
+    }
+    case "branded": {
+      return extractEnumJsonPaths({
+        schema: getBrandedInner(schema),
+        zodRuntime,
+        currentPath,
+        zodTypes
+      });
+    }
+    case "pipeline":
+    case "pipe": {
+      return extractEnumJsonPaths({
+        schema: getPipelineOutput(schema),
+        zodRuntime,
+        currentPath,
+        zodTypes
+      });
+    }
+    case "string":
+    case "number":
+    case "bigint":
+    case "boolean":
+    case "nan":
+    case "date":
+    case "symbol":
+    case "undefined":
+    case "null":
+    case "any":
+    case "unknown":
+    case "never":
+    case "void":
+    case "map":
+    case "lazy":
+    case "set":
+    case "custom": {
+      return [];
+    }
+    default:
+      throw new Error("Not implemented: " + typeName);
+  }
+};
+
+// src/helpers/use-sync-external-store.ts
+import { Internals } from "remotion";
+var { useSyncExternalStore } = Internals;
+
+// src/visual-controls/visual-control-store.ts
+var version = 0;
+var listeners2 = new Set;
+var visualControlStore = {
+  subscribe(listener) {
+    listeners2.add(listener);
+    return () => {
+      listeners2.delete(listener);
+    };
+  },
+  getSnapshot() {
+    return version;
+  },
+  emitChange() {
+    version++;
+    for (const listener of listeners2) {
+      listener();
+    }
+  }
+};
+
+// src/components/get-zod-if-possible.tsx
+import {
+  createContext,
+  useContext,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+async function getZodIfPossible() {
+  try {
+    const { z } = await import("zod");
+    return z;
+  } catch {
+    return null;
+  }
+}
+var getZodV3IfPossible = async () => {
+  try {
+    const mod = await import("zod/v3");
+    return mod;
+  } catch {
+    return null;
+  }
+};
+var getZTypesIfPossible = async () => {
+  try {
+    const mod = await import("@remotion/zod-types");
+    return mod;
+  } catch {
+    return null;
+  }
+};
+function useZodIfPossible() {
+  const context = useContext(ZodContext);
+  return context?.zod ?? null;
+}
+var useZodTypesIfPossible = () => {
+  const context = useContext(ZodContext);
+  return context?.zodTypes ?? null;
+};
+var ZodContext = createContext(null);
+var ZodProvider = ({ children }) => {
+  const [zod, setZod] = useState(null);
+  const [zodV3, setZodV3] = useState(null);
+  const [zodTypes, setZodTypes] = useState(null);
+  useEffect(() => {
+    getZodIfPossible().then((z) => setZod(z));
+  }, []);
+  useEffect(() => {
+    getZodV3IfPossible().then((z) => setZodV3(z));
+  }, []);
+  useEffect(() => {
+    getZTypesIfPossible().then((z) => setZodTypes(z));
+  }, []);
+  const contextValue = useMemo(() => {
+    return {
+      zod,
+      zodV3,
+      zodTypes
+    };
+  }, [zod, zodV3, zodTypes]);
+  return /* @__PURE__ */ jsx7(ZodContext.Provider, {
+    value: contextValue,
+    children
+  });
+};
+
+// src/visual-controls/VisualControls.tsx
+import {
+  createContext as createContext2,
+  createRef,
+  useCallback,
+  useEffect as useEffect2,
+  useImperativeHandle,
+  useMemo as useMemo2,
+  useRef,
+  useState as useState2
+} from "react";
+import { useRemotionEnvironment } from "remotion";
+
+// src/api/get-zod-schema-from-primitive.ts
+function getZodSchemaFromPrimitive(value, z) {
+  if (typeof value === "string") {
+    return z.string();
+  }
+  if (typeof value === "number") {
+    return z.number();
+  }
+  let stringified;
+  try {
+    stringified = JSON.stringify(value);
+  } catch {}
+  throw new Error(`visualControl(): Specify a schema for this value: ${stringified ?? "[non-serializable value]"}. See https://remotion.dev/docs/studio/visual-control`);
+}
+
+// src/helpers/interactivity-enabled.ts
+var isStudioInteractivityEnabled = () => {
+  return getStudioInteractivityEnabled() && (typeof window === "undefined" || !window.remotion_isReadOnlyStudio);
+};
+var isStudioSelectionEnabled = getStudioInteractivityEnabled;
+
+// src/visual-controls/get-current-edited-value.ts
+var getVisualControlEditedValue = ({
+  handles,
+  key
+}) => {
+  const handle = handles?.[key];
+  if (handle === undefined) {
+    return null;
+  }
+  return handle.unsavedValue;
+};
+
+// src/visual-controls/VisualControls.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+var VisualControlsTabActivatedContext = createContext2(false);
+var VisualControlsContext = createContext2({
+  handles: {}
+});
+var visualControlRef = createRef();
+var SetVisualControlsContext = createContext2({
+  updateHandles: () => {
+    throw new Error("updateHandles is not implemented");
+  },
+  updateValue: () => {
+    throw new Error("updateValue is not implemented");
+  },
+  visualControl: () => {
+    throw new Error("visualControl is not implemented");
+  }
+});
+var VisualControlsProvider = ({ children }) => {
+  const imperativeHandles = useRef({});
+  const [handles, setHandles] = useState2({});
+  const state = useMemo2(() => {
+    return {
+      handles
+    };
+  }, [handles]);
+  const setControl = useCallback((key, value) => {
+    const existingHandle = imperativeHandles.current?.[key];
+    const currentSavedState = existingHandle?.valueInCode;
+    const changedSavedValue = value.valueInCode !== currentSavedState;
+    const changedUnsavedValue = existingHandle === undefined && value.valueInCode !== undefined;
+    imperativeHandles.current = {
+      ...imperativeHandles.current,
+      [key]: {
+        ...value,
+        unsavedValue: existingHandle !== undefined && !changedSavedValue ? existingHandle.unsavedValue : value.valueInCode,
+        valueInCode: value.valueInCode
+      }
+    };
+    return {
+      changed: changedSavedValue || changedUnsavedValue,
+      currentValue: getVisualControlEditedValue({
+        key,
+        handles: imperativeHandles.current
+      })
+    };
+  }, []);
+  const z = useZodIfPossible();
+  const changedRef = useRef(false);
+  const env = useRemotionEnvironment();
+  const visualControl = useCallback(function(key, value, schema) {
+    if (handles && false) {}
+    if (!env.isStudio) {
+      return value;
+    }
+    if (!isStudioInteractivityEnabled()) {
+      return value;
+    }
+    if (!z) {
+      return value;
+    }
+    const { changed, currentValue } = setControl(key, {
+      valueInCode: value,
+      schema: schema ?? getZodSchemaFromPrimitive(value, z),
+      stack: new Error().stack
+    });
+    if (changed) {
+      changedRef.current = true;
+    }
+    return currentValue;
+  }, [setControl, handles, z, env.isStudio]);
+  const updateHandles = useCallback(() => {
+    setHandles(() => {
+      return imperativeHandles.current;
+    });
+  }, []);
+  const updateValue = useCallback((key, value) => {
+    imperativeHandles.current = {
+      ...imperativeHandles.current,
+      [key]: {
+        ...imperativeHandles.current[key],
+        unsavedValue: value
+      }
+    };
+    updateHandles();
+    visualControlStore.emitChange();
+  }, [updateHandles]);
+  useImperativeHandle(visualControlRef, () => {
+    return {
+      globalVisualControl: visualControl
+    };
+  }, [visualControl]);
+  useEffect2(() => {
+    visualControlStore.emitChange();
+  }, [visualControl]);
+  useEffect2(() => {
+    const callback = () => {
+      if (imperativeHandles.current) {
+        updateHandles();
+        changedRef.current = false;
+      }
+    };
+    const interval = setInterval(callback, 100);
+    return () => {
+      clearInterval(interval);
+    };
+  }, [updateHandles]);
+  const setState = useMemo2(() => {
+    return {
+      setControl,
+      updateHandles,
+      updateValue,
+      visualControl
+    };
+  }, [setControl, updateHandles, updateValue, visualControl]);
+  return /* @__PURE__ */ jsx8(VisualControlsTabActivatedContext.Provider, {
+    value: Object.keys(state.handles).length > 0,
+    children: /* @__PURE__ */ jsx8(VisualControlsContext.Provider, {
+      value: state,
+      children: /* @__PURE__ */ jsx8(SetVisualControlsContext.Provider, {
+        value: setState,
+        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 };