@remotion/studio 4.0.507 → 4.0.509

package/dist/esm/{chunk-fgedsvhb.js → chunk-r46yxrjr.js}

@@ -65,7 +65,6 @@ var BLACK_ALPHA_40 = "rgba(0, 0, 0, 0.4)";
 var BLACK_ALPHA_50 = "rgba(0, 0, 0, 0.5)";
 var BLACK_ALPHA_60 = "rgba(0, 0, 0, 0.6)";
 var BLACK_ALPHA_80 = "rgba(0, 0, 0, 0.8)";
-var BLACK_ALPHA_85 = "rgba(0, 0, 0, 0.85)";
 var BLACK_ALPHA_90 = "rgba(0, 0, 0, 0.9)";
 var BLACK_OPAQUE = "rgba(0, 0, 0, 1)";
 var SELECTED_HOVER_BACKGROUND = "hsla(0, 0%, 100%, 0.25)";
@@ -160,4 +159,4 @@ var getBackgroundFromHoverState = ({
   return TRANSPARENT;
 };
 
-export { __toESM, __require, BLACK, WHITE, RED, TRANSPARENT, CURRENT_COLOR, CURRENT_COLOR_LOWERCASE, WHITE_HEX, WHITE_FULL_HEX, BLACK_HEX, BLACK_FULL_HEX, BACKGROUND, BACKGROUND_HEX, BACKGROUND__TRANSPARENT, INPUT_BACKGROUND, LIGHT_COLOR, SELECTED_BACKGROUND, LIGHT_TEXT, RULER_COLOR, WHITE_ALPHA_05, WHITE_ALPHA_06, WHITE_ALPHA_08, WHITE_ALPHA_10, WHITE_ALPHA_12, WHITE_ALPHA_15, WHITE_ALPHA_20, WHITE_ALPHA_25, WHITE_ALPHA_30, WHITE_ALPHA_35, WHITE_ALPHA_40, WHITE_ALPHA_45, WHITE_ALPHA_50, WHITE_ALPHA_60, WHITE_ALPHA_70, WHITE_ALPHA_72, WHITE_ALPHA_80, BLACK_ALPHA_30, BLACK_ALPHA_40, BLACK_ALPHA_50, BLACK_ALPHA_60, BLACK_ALPHA_85, FAIL_COLOR, WARNING_COLOR, BLUE, BLUE_HOVERED, BLUE_DISABLED, UNSELECTED_GUIDE, SELECTED_GUIDE, LINE_COLOR, TIMELINE_TRACK_SEPARATOR, LIGHT_GRAY, KEYBOARD_SHORTCUT_KEY_COLOR, NOTIFICATION_BACKGROUND, RENDER_STATUS_BACKGROUND, ERROR_CODE_FRAME_BACKGROUND, ERROR_CODE_FRAME_LINE_BACKGROUND, ERROR_LINK_COLOR, INFO_BLUE, SERVER_DISCONNECTED_BACKGROUND, TIMELINE_BACKGROUND_COLOR, TIMELINE_SELECTED_BACKGROUND_COLOR, TIMELINE_SELECTED_LABEL_BACKGROUND_COLOR, TIMELINE_BLUE, TIMELINE_PLAYHEAD_COLOR, TIMELINE_DROP_BLUE_ALPHA_12, TIMELINE_DROP_BLUE_ALPHA_16, TIMELINE_MARQUEE_BLUE_ALPHA_16, INFO_BLUE_BACKGROUND, BORDER_BLACK, BORDER_WHITE, BORDER_WHITE_2PX, BORDER_CURRENT_COLOR, BORDER_TRANSPARENT_2PX, BORDER_BLACK_ALPHA_50, BORDER_BLACK_ALPHA_60, BORDER_WHITE_ALPHA_12, BORDER_WHITE_ALPHA_20, BORDER_INFO_BLUE, BORDER_STACK_FRAME_BLUE, BORDER_TIMELINE_DROP_BLUE, BORDER_TIMELINE_MARQUEE_BLUE, SHADOW_BLACK, SHADOW_BLACK_ALPHA_50_TOWARDS_BOTTOM, SHADOW_BLACK_ALPHA_50_TOWARDS_TOP, NOTIFICATION_SHADOW, SERVER_DISCONNECTED_SHADOW, COLOR_PICKER_POPUP_SHADOW, COLOR_PICKER_HANDLE_SHADOW, NOTIFICATION_BORDER, FOCUS_BOX_SHADOW, CHECKERBOARD_BACKGROUND_IMAGE, COLOR_PICKER_CHECKER_BACKGROUND_IMAGE, COLOR_PICKER_CHECKER_BACKGROUND_COLOR, COLOR_PICKER_SATURATION_VALUE_GRADIENT, COLOR_PICKER_SATURATION_BLACK_GRADIENT, COLOR_PICKER_ALPHA_TRANSPARENT, COLOR_PICKER_HUE_GRADIENT, ERROR_MESSAGE_MASK_IMAGE, SELECTED_OUTLINE_DROP_SHADOW, SELECTED_OUTLINE_UV_DROP_SHADOW, LOOPED_INDICATOR_DROP_SHADOW, TIMELINE_AUDIO_GRADIENT, TIMELINE_VIDEO_GRADIENT, TIMELINE_IMAGE_GRADIENT, getBackgroundFromHoverState };
+export { __toESM, __require, BLACK, WHITE, RED, TRANSPARENT, CURRENT_COLOR, CURRENT_COLOR_LOWERCASE, WHITE_HEX, WHITE_FULL_HEX, BLACK_HEX, BLACK_FULL_HEX, BACKGROUND, BACKGROUND_HEX, BACKGROUND__TRANSPARENT, INPUT_BACKGROUND, LIGHT_COLOR, SELECTED_BACKGROUND, LIGHT_TEXT, RULER_COLOR, WHITE_ALPHA_05, WHITE_ALPHA_06, WHITE_ALPHA_08, WHITE_ALPHA_10, WHITE_ALPHA_12, WHITE_ALPHA_15, WHITE_ALPHA_20, WHITE_ALPHA_25, WHITE_ALPHA_30, WHITE_ALPHA_35, WHITE_ALPHA_40, WHITE_ALPHA_45, WHITE_ALPHA_50, WHITE_ALPHA_60, WHITE_ALPHA_70, WHITE_ALPHA_72, WHITE_ALPHA_80, BLACK_ALPHA_30, BLACK_ALPHA_40, BLACK_ALPHA_50, BLACK_ALPHA_60, FAIL_COLOR, WARNING_COLOR, BLUE, BLUE_HOVERED, BLUE_DISABLED, UNSELECTED_GUIDE, SELECTED_GUIDE, LINE_COLOR, TIMELINE_TRACK_SEPARATOR, LIGHT_GRAY, KEYBOARD_SHORTCUT_KEY_COLOR, NOTIFICATION_BACKGROUND, RENDER_STATUS_BACKGROUND, ERROR_CODE_FRAME_BACKGROUND, ERROR_CODE_FRAME_LINE_BACKGROUND, ERROR_LINK_COLOR, INFO_BLUE, SERVER_DISCONNECTED_BACKGROUND, TIMELINE_BACKGROUND_COLOR, TIMELINE_SELECTED_BACKGROUND_COLOR, TIMELINE_SELECTED_LABEL_BACKGROUND_COLOR, TIMELINE_BLUE, TIMELINE_PLAYHEAD_COLOR, TIMELINE_DROP_BLUE_ALPHA_12, TIMELINE_DROP_BLUE_ALPHA_16, TIMELINE_MARQUEE_BLUE_ALPHA_16, INFO_BLUE_BACKGROUND, BORDER_BLACK, BORDER_WHITE, BORDER_WHITE_2PX, BORDER_CURRENT_COLOR, BORDER_TRANSPARENT_2PX, BORDER_BLACK_ALPHA_50, BORDER_BLACK_ALPHA_60, BORDER_WHITE_ALPHA_12, BORDER_WHITE_ALPHA_20, BORDER_INFO_BLUE, BORDER_STACK_FRAME_BLUE, BORDER_TIMELINE_DROP_BLUE, BORDER_TIMELINE_MARQUEE_BLUE, SHADOW_BLACK, SHADOW_BLACK_ALPHA_50_TOWARDS_BOTTOM, SHADOW_BLACK_ALPHA_50_TOWARDS_TOP, NOTIFICATION_SHADOW, SERVER_DISCONNECTED_SHADOW, COLOR_PICKER_POPUP_SHADOW, COLOR_PICKER_HANDLE_SHADOW, NOTIFICATION_BORDER, FOCUS_BOX_SHADOW, CHECKERBOARD_BACKGROUND_IMAGE, COLOR_PICKER_CHECKER_BACKGROUND_IMAGE, COLOR_PICKER_CHECKER_BACKGROUND_COLOR, COLOR_PICKER_SATURATION_VALUE_GRADIENT, COLOR_PICKER_SATURATION_BLACK_GRADIENT, COLOR_PICKER_ALPHA_TRANSPARENT, COLOR_PICKER_HUE_GRADIENT, ERROR_MESSAGE_MASK_IMAGE, SELECTED_OUTLINE_DROP_SHADOW, SELECTED_OUTLINE_UV_DROP_SHADOW, LOOPED_INDICATOR_DROP_SHADOW, TIMELINE_AUDIO_GRADIENT, TIMELINE_VIDEO_GRADIENT, TIMELINE_IMAGE_GRADIENT, getBackgroundFromHoverState };

package/dist/esm/index.mjs

@@ -40,9 +40,359 @@ var createStill = ({
   });
 };
 
+// src/helpers/colors.ts
+var BLACK = "black";
+var WHITE = "white";
+var TRANSPARENT = "transparent";
+var CURRENT_COLOR = "currentColor";
+var CURRENT_COLOR_LOWERCASE = "currentcolor";
+var WHITE_HEX = "#fff";
+var BLACK_HEX = "#000";
+var WHITE_ALPHA_10 = "rgba(255, 255, 255, 0.1)";
+var WHITE_ALPHA_12 = "rgba(255, 255, 255, 0.12)";
+var WHITE_ALPHA_20 = "rgba(255, 255, 255, 0.2)";
+var BLACK_ALPHA_10 = "rgba(0, 0, 0, 0.1)";
+var BLACK_ALPHA_28 = "rgba(0, 0, 0, 0.28)";
+var BLACK_ALPHA_40 = "rgba(0, 0, 0, 0.4)";
+var BLACK_ALPHA_50 = "rgba(0, 0, 0, 0.5)";
+var BLACK_ALPHA_60 = "rgba(0, 0, 0, 0.6)";
+var BLACK_ALPHA_80 = "rgba(0, 0, 0, 0.8)";
+var BLACK_ALPHA_90 = "rgba(0, 0, 0, 0.9)";
+var BLACK_OPAQUE = "rgba(0, 0, 0, 1)";
+var STACK_FRAME_BORDER_BLUE = "rgb(66, 144, 245)";
+var TIMELINE_DROP_BLUE_ALPHA_75 = "rgba(0, 155, 255, 0.75)";
+var TIMELINE_MARQUEE_BLUE_ALPHA_75 = "rgba(70, 130, 255, 0.75)";
+var BORDER_BLACK = `1px solid ${BLACK_HEX}`;
+var BORDER_WHITE = `1px solid ${WHITE_HEX}`;
+var BORDER_WHITE_2PX = `2px solid ${WHITE_HEX}`;
+var BORDER_CURRENT_COLOR = `1px solid ${CURRENT_COLOR}`;
+var BORDER_TRANSPARENT_2PX = `2px solid ${TRANSPARENT}`;
+var BORDER_BLACK_ALPHA_50 = `1px solid ${BLACK_ALPHA_50}`;
+var BORDER_BLACK_ALPHA_60 = `1px solid ${BLACK_ALPHA_60}`;
+var BORDER_WHITE_ALPHA_12 = `1px solid ${WHITE_ALPHA_12}`;
+var BORDER_WHITE_ALPHA_20 = `1px solid ${WHITE_ALPHA_20}`;
+var BORDER_STACK_FRAME_BLUE = `1px solid ${STACK_FRAME_BORDER_BLUE}`;
+var BORDER_TIMELINE_DROP_BLUE = `1px solid ${TIMELINE_DROP_BLUE_ALPHA_75}`;
+var BORDER_TIMELINE_MARQUEE_BLUE = `1px solid ${TIMELINE_MARQUEE_BLUE_ALPHA_75}`;
+var SHADOW_BLACK = `0 0 4px ${BLACK}`;
+var SHADOW_BLACK_ALPHA_50_TOWARDS_BOTTOM = `0 2px 8px ${BLACK_ALPHA_50}`;
+var SHADOW_BLACK_ALPHA_50_TOWARDS_TOP = `0 -2px 8px ${BLACK_ALPHA_50}`;
+var NOTIFICATION_SHADOW = `0 2px 3px ${BLACK_OPAQUE}`;
+var SERVER_DISCONNECTED_SHADOW = `0 2px 4px ${BLACK_ALPHA_40}`;
+var COLOR_PICKER_POPUP_SHADOW = `0 4px 16px ${BLACK_ALPHA_50}`;
+var COLOR_PICKER_HANDLE_SHADOW = `0 0 0 1px ${BLACK_ALPHA_60}`;
+var NOTIFICATION_BORDER = `0.25px solid ${WHITE_ALPHA_10}`;
+var FOCUS_BOX_SHADOW = `inset 1px 1px #555, inset -1px -1px #555, ` + `inset 1px -1px #555, inset -1px 1px #555`;
+var CHECKERBOARD_BACKGROUND_IMAGE = `
+     linear-gradient(
+        45deg,
+        ${BLACK_ALPHA_10} 25%,
+        ${TRANSPARENT} 25%
+      ),
+      linear-gradient(135deg, ${BLACK_ALPHA_10} 25%, ${TRANSPARENT} 25%),
+      linear-gradient(45deg, ${TRANSPARENT} 75%, ${BLACK_ALPHA_10} 75%),
+      linear-gradient(135deg, ${TRANSPARENT} 75%, ${BLACK_ALPHA_10} 75%)
+    `;
+var COLOR_PICKER_CHECKER_BACKGROUND_IMAGE = `linear-gradient(45deg, #888 25%, ${TRANSPARENT} 25%), ` + `linear-gradient(-45deg, #888 25%, ${TRANSPARENT} 25%), ` + `linear-gradient(45deg, ${TRANSPARENT} 75%, #888 75%), ` + `linear-gradient(-45deg, ${TRANSPARENT} 75%, #888 75%)`;
+var COLOR_PICKER_SATURATION_VALUE_GRADIENT = `linear-gradient(to right, ${WHITE_HEX}, ${TRANSPARENT})`;
+var COLOR_PICKER_SATURATION_BLACK_GRADIENT = `linear-gradient(to top, ${BLACK_HEX}, ${TRANSPARENT})`;
+var ERROR_MESSAGE_MASK_IMAGE = `linear-gradient(to bottom, ${WHITE} 60%, ${TRANSPARENT})`;
+var SELECTED_OUTLINE_DROP_SHADOW = `drop-shadow(0 0 1px ${WHITE_ALPHA_20})`;
+var SELECTED_OUTLINE_UV_DROP_SHADOW = `drop-shadow(0 1px 2px ${BLACK_ALPHA_28})`;
+var LOOPED_INDICATOR_DROP_SHADOW = `drop-shadow(0 0 2px ${BLACK_ALPHA_90}) ` + `drop-shadow(0 1px 2px ${BLACK_ALPHA_80})`;
+
+// src/icons/apps.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var AppsIcon = ({ color, ...props }) => /* @__PURE__ */ jsx2("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 640 640",
+  ...props,
+  children: /* @__PURE__ */ jsx2("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 jsx3 } from "react/jsx-runtime";
+var CodingAgentIcon = ({ codingAgentId, size }) => {
+  if (codingAgentId === null) {
+    return /* @__PURE__ */ jsx3(AppsIcon, {
+      height: size,
+      width: size
+    });
+  }
+  return /* @__PURE__ */ jsx3("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 jsx4 } from "react/jsx-runtime";
+var CustomEditorIcon = ({
+  size: sizeProp
+}) => /* @__PURE__ */ jsx4("svg", {
+  focusable: "false",
+  role: "img",
+  viewBox: "0 0 24 24",
+  style: {
+    width: sizeProp ?? 14,
+    height: sizeProp ?? 14,
+    flexShrink: 0
+  },
+  children: /* @__PURE__ */ jsx4("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 jsx5, jsxs } from "react/jsx-runtime";
+var iconStyle = (size) => ({
+  flexShrink: 0,
+  height: size,
+  width: size
+});
+var VsCodeIcon = ({ size }) => /* @__PURE__ */ jsx5("svg", {
+  viewBox: "0 0 40 40",
+  style: iconStyle(size),
+  "aria-hidden": true,
+  children: /* @__PURE__ */ jsx5("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__ */ jsx5("rect", {
+      x: "4",
+      y: "4",
+      width: "32",
+      height: "32",
+      rx: "7.625",
+      fill: "#050505"
+    }),
+    /* @__PURE__ */ jsx5("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__ */ jsx5("svg", {
+  viewBox: "0 0 24 24",
+  style: iconStyle(size),
+  "aria-hidden": true,
+  children: /* @__PURE__ */ jsx5("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__ */ jsx5("svg", {
+  viewBox: "0 0 40 40",
+  style: iconStyle(size),
+  "aria-hidden": true,
+  children: /* @__PURE__ */ jsx5("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__ */ jsx5("svg", {
+  viewBox: "0 0 24 24",
+  style: iconStyle(size),
+  "aria-hidden": true,
+  children: /* @__PURE__ */ jsx5("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__ */ jsx5("rect", {
+      width: "24",
+      height: "24",
+      rx: "3",
+      fill: "#07C3F2"
+    }),
+    /* @__PURE__ */ jsx5("path", {
+      fill: "#050505",
+      d: "M3 3h18v18H3z"
+    }),
+    /* @__PURE__ */ jsx5("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__ */ jsx5("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__ */ jsx5("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__ */ jsx5(VsCodeIcon, {
+        size
+      });
+    case "cursor":
+      return /* @__PURE__ */ jsx5(CursorIcon, {
+        size
+      });
+    case "windsurf":
+      return /* @__PURE__ */ jsx5(WindsurfIcon, {
+        size
+      });
+    case "zed":
+      return /* @__PURE__ */ jsx5(ZedIcon, {
+        size
+      });
+    case "vscodium":
+      return /* @__PURE__ */ jsx5(VscodiumIcon, {
+        size
+      });
+    case "webstorm":
+      return /* @__PURE__ */ jsx5(WebStormIcon, {
+        size
+      });
+    case "sublime-text":
+      return /* @__PURE__ */ jsx5(SublimeTextIcon, {
+        size
+      });
+    case "custom":
+    case null:
+      return /* @__PURE__ */ jsx5(CustomEditorIcon, {
+        size
+      });
+    default:
+      return null;
+  }
+};
+
+// src/icons/finder.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var FinderIcon = ({ size }) => {
+  return /* @__PURE__ */ jsx6("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 jsx7 } 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__ */ jsx7("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__ */ jsx7(AppsIcon, {
+      "aria-hidden": true,
+      "data-terminal-icon": terminalId,
+      height: size,
+      width: size
+    });
+  }
+  return /* @__PURE__ */ jsx7("svg", {
+    "aria-hidden": true,
+    "data-terminal-icon": terminalId,
+    style: iconStyle2(size),
+    viewBox: "0 0 24 24",
+    children: /* @__PURE__ */ jsx7("path", {
+      d: icon.path,
+      fill: icon.color
+    })
+  });
+};
+
 // src/api/delete-static-file.ts
 import { getRemotionEnvironment } from "remotion";
 
+// 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);
+};
+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);
+};
+
 // src/components/call-api.ts
 var callApi = (endpoint, body, signal) => {
   return new Promise((resolve, reject) => {
@@ -55,6 +405,7 @@ var callApi = (endpoint, body, 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));
@@ -593,14 +944,14 @@ import {
   useMemo,
   useState
 } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var ZodContext = createContext(null);
 
 // src/helpers/studio-runtime-config.ts
 import { DEFAULT_TIMELINE_TRACKS } from "@remotion/studio-shared";
 
 // src/visual-controls/VisualControls.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var VisualControlsTabActivatedContext = createContext2(false);
 var VisualControlsContext = createContext2({
   handles: {}
@@ -716,6 +1067,10 @@ var writeStaticFile = async ({
 
 // src/index.ts
 var StudioInternals = {
+  CodingAgentIcon,
+  EditorIcon,
+  FinderIcon,
+  TerminalIcon,
   createComposition,
   createStill
 };