@remotion/promo-pages 4.0.439 → 4.0.441

package/dist/prompts/PromptsShow.js

@@ -40,7 +40,7 @@ __export(exports_vidstack_CZgUA94N, {
   waitTimeout: () => waitTimeout,
   waitIdlePeriod: () => waitIdlePeriod,
   useStateContext: () => useStateContext,
-  useState: () => useState42,
+  useState: () => useState43,
   useSignalRecord: () => useSignalRecord,
   useSignal: () => useSignal,
   useReactScope: () => useReactScope,
@@ -678,7 +678,7 @@ class State {
     }
   }
 }
-function useState42(state) {
+function useState43(state) {
   return useContext44(state);
 }
 function camelToKebabCase(str) {
@@ -15039,7 +15039,7 @@ var init_vidstack_D5Pzx_k5 = __esm(() => {
   SliderThumbnail = class SliderThumbnail extends Thumbnail {
     #slider;
     onAttach(el) {
-      this.#slider = useState42(Slider.state);
+      this.#slider = useState43(Slider.state);
     }
     getTime() {
       const { duration, clipStartTime } = this.media.$state;
@@ -15066,7 +15066,7 @@ var init_vidstack_D5Pzx_k5 = __esm(() => {
     }
     onSetup() {
       this.#media = useMediaContext();
-      this.#slider = useState42(Slider.state);
+      this.#slider = useState43(Slider.state);
       this.#watchCrossOrigin();
       this.setAttributes({
         "data-loading": this.#isLoading.bind(this),
@@ -15152,7 +15152,7 @@ var init_vidstack_D5Pzx_k5 = __esm(() => {
     #text;
     #slider;
     onSetup() {
-      this.#slider = useState42(Slider.state);
+      this.#slider = useState43(Slider.state);
       this.#format = useContext44(sliderValueFormatContext);
       this.#text = computed(this.getValueText.bind(this));
     }
@@ -15193,7 +15193,7 @@ var init_vidstack_D5Pzx_k5 = __esm(() => {
     #slider;
     onSetup() {
       this.#slider = useContext44(sliderContext);
-      const { active } = useState42(Slider.state);
+      const { active } = useState43(Slider.state);
       this.setAttributes({
         "data-visible": active
       });
@@ -15734,7 +15734,7 @@ var init_vidstack_D5Pzx_k5 = __esm(() => {
     }
     onSetup() {
       this.#media = useMediaContext();
-      this.#sliderState = useState42(TimeSlider.state);
+      this.#sliderState = useState43(TimeSlider.state);
     }
     onAttach(el) {
       watchActiveTextTrack(this.#media.textTracks, "chapters", this.#setTrack.bind(this));
@@ -18709,7 +18709,7 @@ var getDefaultConfig = () => {
 var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
 
 // ../design/dist/esm/index.mjs
-import React4, { useEffect as useEffect18, useMemo as useMemo36, useState as useState19 } from "react";
+import React4, { useEffect as useEffect18, useMemo as useMemo36, useState as useState20 } from "react";
 
 // ../paths/dist/esm/index.mjs
 var cutLInstruction = ({
@@ -23196,7 +23196,8 @@ import {
   useContext as useContext29,
   useImperativeHandle as useImperativeHandle6,
   useLayoutEffect as useLayoutEffect9,
-  useRef as useRef17
+  useRef as useRef17,
+  useState as useState15
 } from "react";
 import { jsx as jsx24 } from "react/jsx-runtime";
 import { createRef as createRef3 } from "react";
@@ -23206,7 +23207,7 @@ import {
   useImperativeHandle as useImperativeHandle7,
   useMemo as useMemo26,
   useRef as useRef18,
-  useState as useState15
+  useState as useState16
 } from "react";
 import { jsx as jsx25 } from "react/jsx-runtime";
 import React25 from "react";
@@ -23216,7 +23217,7 @@ import { jsx as jsx26 } from "react/jsx-runtime";
 import { jsx as jsx27 } from "react/jsx-runtime";
 import React27 from "react";
 import React28, { createContext as createContext21 } from "react";
-import { useContext as useContext31, useMemo as useMemo29, useState as useState16 } from "react";
+import { useContext as useContext31, useMemo as useMemo29, useState as useState17 } from "react";
 import { useContext as useContext32 } from "react";
 import { useCallback as useCallback16 } from "react";
 import {
@@ -23225,7 +23226,7 @@ import {
   useEffect as useEffect14,
   useLayoutEffect as useLayoutEffect10,
   useMemo as useMemo30,
-  useState as useState17
+  useState as useState18
 } from "react";
 import { jsx as jsx28 } from "react/jsx-runtime";
 import React30, {
@@ -23235,7 +23236,7 @@ import React30, {
   useImperativeHandle as useImperativeHandle8,
   useMemo as useMemo31,
   useRef as useRef19,
-  useState as useState18
+  useState as useState19
 } from "react";
 import { useEffect as useEffect15 } from "react";
 import { jsx as jsx29 } from "react/jsx-runtime";
@@ -23306,7 +23307,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.439";
+var VERSION = "4.0.441";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -26397,6 +26398,76 @@ var useBasicMediaInTimeline = ({
     finalDisplayName: displayName ?? getAssetDisplayName(src)
   };
 };
+var useImageInTimeline = ({
+  src,
+  displayName,
+  id,
+  stack,
+  showInTimeline,
+  premountDisplay,
+  postmountDisplay,
+  loopDisplay
+}) => {
+  const parentSequence = useContext19(SequenceContext);
+  const { registerSequence, unregisterSequence } = useContext19(SequenceManager);
+  const { duration, nonce, rootId, isStudio, finalDisplayName } = useBasicMediaInTimeline({
+    volume: undefined,
+    mediaVolume: 0,
+    mediaType: "image",
+    src,
+    displayName,
+    trimAfter: undefined,
+    trimBefore: undefined,
+    playbackRate: 1
+  });
+  useEffect4(() => {
+    if (!src) {
+      throw new Error("No src passed");
+    }
+    if (!isStudio && window.process?.env?.NODE_ENV !== "test") {
+      return;
+    }
+    if (!showInTimeline) {
+      return;
+    }
+    registerSequence({
+      type: "image",
+      src,
+      id,
+      duration,
+      from: 0,
+      parent: parentSequence?.id ?? null,
+      displayName: finalDisplayName,
+      rootId,
+      showInTimeline: true,
+      nonce: nonce.get(),
+      loopDisplay,
+      stack,
+      premountDisplay,
+      postmountDisplay,
+      controls: null
+    });
+    return () => {
+      unregisterSequence(id);
+    };
+  }, [
+    duration,
+    id,
+    parentSequence,
+    src,
+    registerSequence,
+    unregisterSequence,
+    nonce,
+    stack,
+    showInTimeline,
+    premountDisplay,
+    postmountDisplay,
+    isStudio,
+    loopDisplay,
+    rootId,
+    finalDisplayName
+  ]);
+};
 var useMediaInTimeline = ({
   volume,
   mediaVolume,
@@ -28141,12 +28212,16 @@ var ImgRefForwarding = ({
   delayRenderTimeoutInMilliseconds,
   onImageFrame,
   crossOrigin,
+  showInTimeline,
+  name,
+  stack,
   ...props2
 }, ref) => {
   const imageRef = useRef17(null);
   const errors = useRef17({});
   const { delayPlayback } = useBufferState();
   const sequenceContext = useContext29(SequenceContext);
+  const [timelineId] = useState15(() => String(Math.random()));
   if (!src) {
     throw new Error('No "src" prop was passed to <Img>.');
   }
@@ -28157,6 +28232,16 @@ var ImgRefForwarding = ({
   useImperativeHandle6(ref, () => {
     return imageRef.current;
   }, []);
+  useImageInTimeline({
+    src,
+    displayName: name ?? null,
+    id: timelineId,
+    stack: stack ?? null,
+    showInTimeline: showInTimeline ?? true,
+    premountDisplay: sequenceContext?.premountDisplay ?? null,
+    postmountDisplay: sequenceContext?.postmountDisplay ?? null,
+    loopDisplay: undefined
+  });
   const actualSrc = usePreload(src);
   const retryIn = useCallback13((timeout) => {
     if (!imageRef.current) {
@@ -28279,6 +28364,7 @@ var ImgRefForwarding = ({
   });
 };
 var Img = forwardRef8(ImgRefForwarding);
+addSequenceStackTraces(Img);
 var compositionsRef = React24.createRef();
 var CompositionManagerProvider = ({
   children,
@@ -28287,9 +28373,9 @@ var CompositionManagerProvider = ({
   initialCompositions,
   initialCanvasContent
 }) => {
-  const [folders, setFolders] = useState15([]);
-  const [canvasContent, setCanvasContent] = useState15(initialCanvasContent);
-  const [compositions, setCompositions] = useState15(initialCompositions);
+  const [folders, setFolders] = useState16([]);
+  const [canvasContent, setCanvasContent] = useState16(initialCanvasContent);
+  const [compositions, setCompositions] = useState16(initialCompositions);
   const currentcompositionsRef = useRef18(compositions);
   const updateCompositions = useCallback14((updateComps) => {
     setCompositions((comps) => {
@@ -28553,6 +28639,7 @@ var validCodecs = [
   "h265",
   "vp8",
   "vp9",
+  "av1",
   "mp3",
   "aac",
   "wav",
@@ -28776,7 +28863,7 @@ var useSchema = (schema, currentValue) => {
   if (earlyReturn) {
     return earlyReturn;
   }
-  const [overrideId] = useState16(() => String(Math.random()));
+  const [overrideId] = useState17(() => String(Math.random()));
   const {
     visualModeEnabled,
     dragOverrides: overrides,
@@ -28946,7 +29033,7 @@ var OffthreadVideoForRendering = ({
       toneMapped
     });
   }, [toneMapped, currentTime, src, transparent]);
-  const [imageSrc, setImageSrc] = useState17(null);
+  const [imageSrc, setImageSrc] = useState18(null);
   const { delayRender: delayRender2, continueRender: continueRender2 } = useDelayRender();
   useLayoutEffect10(() => {
     if (!window.remotion_videoEnabled) {
@@ -29135,7 +29222,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
   const { hidden } = useContext34(SequenceVisibilityToggleContext);
   const logLevel = useLogLevel();
   const mountTime = useMountTime();
-  const [timelineId] = useState18(() => String(Math.random()));
+  const [timelineId] = useState19(() => String(Math.random()));
   const isSequenceHidden = hidden[timelineId] ?? false;
   if (typeof acceptableTimeShift !== "undefined") {
     throw new Error("acceptableTimeShift has been removed. Use acceptableTimeShiftInSeconds instead.");
@@ -29201,7 +29288,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
   useImperativeHandle8(ref, () => {
     return videoRef.current;
   }, []);
-  useState18(() => playbackLogging({
+  useState19(() => playbackLogging({
     logLevel,
     message: `Mounting video with source = ${actualSrc}, v=${VERSION}, user agent=${typeof navigator === "undefined" ? "server" : navigator.userAgent}`,
     tag: "video",
@@ -30878,7 +30965,7 @@ var getAngle = (ref, coordinates) => {
 };
 var lastCoordinates = null;
 var useMousePosition = (ref) => {
-  const [angle, setAngle] = useState19(getAngle(ref.current, lastCoordinates));
+  const [angle, setAngle] = useState20(getAngle(ref.current, lastCoordinates));
   useEffect18(() => {
     const element = ref.current;
     if (!element) {
@@ -37184,7 +37271,7 @@ var Triangle2 = (props) => {
 };
 
 // src/components/prompts/CopyPromptButton.tsx
-import { useCallback as useCallback30, useState as useState38 } from "react";
+import { useCallback as useCallback30, useState as useState39 } from "react";
 
 // src/components/prompts/ClipboardIcon.tsx
 import { jsx as jsx38 } from "react/jsx-runtime";
@@ -37204,7 +37291,7 @@ var ClipboardIcon = ({ size: size4 = 16, color = "currentColor" }) => {
 // src/components/prompts/CopyPromptButton.tsx
 import { jsx as jsx39, jsxs as jsxs6 } from "react/jsx-runtime";
 var CopyPromptButton = ({ prompt }) => {
-  const [copied, setCopied] = useState38(false);
+  const [copied, setCopied] = useState39(false);
   const onCopy = useCallback30(() => {
     navigator.clipboard.writeText(prompt);
     setCopied(true);
@@ -37234,7 +37321,7 @@ var CopyPromptButton = ({ prompt }) => {
 };
 
 // src/components/prompts/LikeButton.tsx
-import { useCallback as useCallback32, useEffect as useEffect39, useState as useState40 } from "react";
+import { useCallback as useCallback32, useEffect as useEffect39, useState as useState41 } from "react";
 
 // src/components/prompts/config.ts
 var REMOTION_PRO_ORIGIN = "https://www.remotion.pro";
@@ -37311,11 +37398,11 @@ var getRelativeTime = (dateStr) => {
 };
 
 // src/components/prompts/use-heart-animation.ts
-import { useCallback as useCallback31, useRef as useRef38, useState as useState39 } from "react";
+import { useCallback as useCallback31, useRef as useRef38, useState as useState40 } from "react";
 var DURATION = 300;
 var useHeartAnimation = () => {
-  const [scale, setScale] = useState39(1);
-  const [roundness, setRoundness] = useState39(0.09);
+  const [scale, setScale] = useState40(1);
+  const [roundness, setRoundness] = useState40(0.09);
   const rafRef = useRef38(0);
   const animate = useCallback31(() => {
     cancelAnimationFrame(rafRef.current);
@@ -37342,8 +37429,8 @@ var useHeartAnimation = () => {
 // src/components/prompts/LikeButton.tsx
 import { jsx as jsx40, jsxs as jsxs8 } from "react/jsx-runtime";
 var LikeButton = ({ submissionId, initialLikeCount }) => {
-  const [liked, setLiked] = useState40(false);
-  const [likeCount, setLikeCount] = useState40(initialLikeCount);
+  const [liked, setLiked] = useState41(false);
+  const [likeCount, setLikeCount] = useState41(initialLikeCount);
   const { scale, roundness, animate } = useHeartAnimation();
   useEffect39(() => {
     setLiked(getLikedIds().has(submissionId));

package/dist/prompts/PromptsSubmit.js

@@ -40,7 +40,7 @@ __export(exports_vidstack_CZgUA94N, {
   waitTimeout: () => waitTimeout,
   waitIdlePeriod: () => waitIdlePeriod,
   useStateContext: () => useStateContext,
-  useState: () => useState39,
+  useState: () => useState40,
   useSignalRecord: () => useSignalRecord,
   useSignal: () => useSignal,
   useReactScope: () => useReactScope,
@@ -678,7 +678,7 @@ class State {
     }
   }
 }
-function useState39(state) {
+function useState40(state) {
   return useContext44(state);
 }
 function camelToKebabCase(str) {
@@ -15039,7 +15039,7 @@ var init_vidstack_D5Pzx_k5 = __esm(() => {
   SliderThumbnail = class SliderThumbnail extends Thumbnail {
     #slider;
     onAttach(el) {
-      this.#slider = useState39(Slider.state);
+      this.#slider = useState40(Slider.state);
     }
     getTime() {
       const { duration, clipStartTime } = this.media.$state;
@@ -15066,7 +15066,7 @@ var init_vidstack_D5Pzx_k5 = __esm(() => {
     }
     onSetup() {
       this.#media = useMediaContext();
-      this.#slider = useState39(Slider.state);
+      this.#slider = useState40(Slider.state);
       this.#watchCrossOrigin();
       this.setAttributes({
         "data-loading": this.#isLoading.bind(this),
@@ -15152,7 +15152,7 @@ var init_vidstack_D5Pzx_k5 = __esm(() => {
     #text;
     #slider;
     onSetup() {
-      this.#slider = useState39(Slider.state);
+      this.#slider = useState40(Slider.state);
       this.#format = useContext44(sliderValueFormatContext);
       this.#text = computed(this.getValueText.bind(this));
     }
@@ -15193,7 +15193,7 @@ var init_vidstack_D5Pzx_k5 = __esm(() => {
     #slider;
     onSetup() {
       this.#slider = useContext44(sliderContext);
-      const { active } = useState39(Slider.state);
+      const { active } = useState40(Slider.state);
       this.setAttributes({
         "data-visible": active
       });
@@ -15734,7 +15734,7 @@ var init_vidstack_D5Pzx_k5 = __esm(() => {
     }
     onSetup() {
       this.#media = useMediaContext();
-      this.#sliderState = useState39(TimeSlider.state);
+      this.#sliderState = useState40(TimeSlider.state);
     }
     onAttach(el) {
       watchActiveTextTrack(this.#media.textTracks, "chapters", this.#setTrack.bind(this));
@@ -18709,7 +18709,7 @@ var getDefaultConfig = () => {
 var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
 
 // ../design/dist/esm/index.mjs
-import React4, { useEffect as useEffect18, useMemo as useMemo36, useState as useState19 } from "react";
+import React4, { useEffect as useEffect18, useMemo as useMemo36, useState as useState20 } from "react";
 
 // ../paths/dist/esm/index.mjs
 var cutLInstruction = ({
@@ -23196,7 +23196,8 @@ import {
   useContext as useContext29,
   useImperativeHandle as useImperativeHandle6,
   useLayoutEffect as useLayoutEffect9,
-  useRef as useRef17
+  useRef as useRef17,
+  useState as useState15
 } from "react";
 import { jsx as jsx24 } from "react/jsx-runtime";
 import { createRef as createRef3 } from "react";
@@ -23206,7 +23207,7 @@ import {
   useImperativeHandle as useImperativeHandle7,
   useMemo as useMemo26,
   useRef as useRef18,
-  useState as useState15
+  useState as useState16
 } from "react";
 import { jsx as jsx25 } from "react/jsx-runtime";
 import React25 from "react";
@@ -23216,7 +23217,7 @@ import { jsx as jsx26 } from "react/jsx-runtime";
 import { jsx as jsx27 } from "react/jsx-runtime";
 import React27 from "react";
 import React28, { createContext as createContext21 } from "react";
-import { useContext as useContext31, useMemo as useMemo29, useState as useState16 } from "react";
+import { useContext as useContext31, useMemo as useMemo29, useState as useState17 } from "react";
 import { useContext as useContext32 } from "react";
 import { useCallback as useCallback16 } from "react";
 import {
@@ -23225,7 +23226,7 @@ import {
   useEffect as useEffect14,
   useLayoutEffect as useLayoutEffect10,
   useMemo as useMemo30,
-  useState as useState17
+  useState as useState18
 } from "react";
 import { jsx as jsx28 } from "react/jsx-runtime";
 import React30, {
@@ -23235,7 +23236,7 @@ import React30, {
   useImperativeHandle as useImperativeHandle8,
   useMemo as useMemo31,
   useRef as useRef19,
-  useState as useState18
+  useState as useState19
 } from "react";
 import { useEffect as useEffect15 } from "react";
 import { jsx as jsx29 } from "react/jsx-runtime";
@@ -23306,7 +23307,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.439";
+var VERSION = "4.0.441";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -26397,6 +26398,76 @@ var useBasicMediaInTimeline = ({
     finalDisplayName: displayName ?? getAssetDisplayName(src)
   };
 };
+var useImageInTimeline = ({
+  src,
+  displayName,
+  id,
+  stack,
+  showInTimeline,
+  premountDisplay,
+  postmountDisplay,
+  loopDisplay
+}) => {
+  const parentSequence = useContext19(SequenceContext);
+  const { registerSequence, unregisterSequence } = useContext19(SequenceManager);
+  const { duration, nonce, rootId, isStudio, finalDisplayName } = useBasicMediaInTimeline({
+    volume: undefined,
+    mediaVolume: 0,
+    mediaType: "image",
+    src,
+    displayName,
+    trimAfter: undefined,
+    trimBefore: undefined,
+    playbackRate: 1
+  });
+  useEffect4(() => {
+    if (!src) {
+      throw new Error("No src passed");
+    }
+    if (!isStudio && window.process?.env?.NODE_ENV !== "test") {
+      return;
+    }
+    if (!showInTimeline) {
+      return;
+    }
+    registerSequence({
+      type: "image",
+      src,
+      id,
+      duration,
+      from: 0,
+      parent: parentSequence?.id ?? null,
+      displayName: finalDisplayName,
+      rootId,
+      showInTimeline: true,
+      nonce: nonce.get(),
+      loopDisplay,
+      stack,
+      premountDisplay,
+      postmountDisplay,
+      controls: null
+    });
+    return () => {
+      unregisterSequence(id);
+    };
+  }, [
+    duration,
+    id,
+    parentSequence,
+    src,
+    registerSequence,
+    unregisterSequence,
+    nonce,
+    stack,
+    showInTimeline,
+    premountDisplay,
+    postmountDisplay,
+    isStudio,
+    loopDisplay,
+    rootId,
+    finalDisplayName
+  ]);
+};
 var useMediaInTimeline = ({
   volume,
   mediaVolume,
@@ -28141,12 +28212,16 @@ var ImgRefForwarding = ({
   delayRenderTimeoutInMilliseconds,
   onImageFrame,
   crossOrigin,
+  showInTimeline,
+  name,
+  stack,
   ...props2
 }, ref) => {
   const imageRef = useRef17(null);
   const errors = useRef17({});
   const { delayPlayback } = useBufferState();
   const sequenceContext = useContext29(SequenceContext);
+  const [timelineId] = useState15(() => String(Math.random()));
   if (!src) {
     throw new Error('No "src" prop was passed to <Img>.');
   }
@@ -28157,6 +28232,16 @@ var ImgRefForwarding = ({
   useImperativeHandle6(ref, () => {
     return imageRef.current;
   }, []);
+  useImageInTimeline({
+    src,
+    displayName: name ?? null,
+    id: timelineId,
+    stack: stack ?? null,
+    showInTimeline: showInTimeline ?? true,
+    premountDisplay: sequenceContext?.premountDisplay ?? null,
+    postmountDisplay: sequenceContext?.postmountDisplay ?? null,
+    loopDisplay: undefined
+  });
   const actualSrc = usePreload(src);
   const retryIn = useCallback13((timeout) => {
     if (!imageRef.current) {
@@ -28279,6 +28364,7 @@ var ImgRefForwarding = ({
   });
 };
 var Img = forwardRef8(ImgRefForwarding);
+addSequenceStackTraces(Img);
 var compositionsRef = React24.createRef();
 var CompositionManagerProvider = ({
   children,
@@ -28287,9 +28373,9 @@ var CompositionManagerProvider = ({
   initialCompositions,
   initialCanvasContent
 }) => {
-  const [folders, setFolders] = useState15([]);
-  const [canvasContent, setCanvasContent] = useState15(initialCanvasContent);
-  const [compositions, setCompositions] = useState15(initialCompositions);
+  const [folders, setFolders] = useState16([]);
+  const [canvasContent, setCanvasContent] = useState16(initialCanvasContent);
+  const [compositions, setCompositions] = useState16(initialCompositions);
   const currentcompositionsRef = useRef18(compositions);
   const updateCompositions = useCallback14((updateComps) => {
     setCompositions((comps) => {
@@ -28553,6 +28639,7 @@ var validCodecs = [
   "h265",
   "vp8",
   "vp9",
+  "av1",
   "mp3",
   "aac",
   "wav",
@@ -28776,7 +28863,7 @@ var useSchema = (schema, currentValue) => {
   if (earlyReturn) {
     return earlyReturn;
   }
-  const [overrideId] = useState16(() => String(Math.random()));
+  const [overrideId] = useState17(() => String(Math.random()));
   const {
     visualModeEnabled,
     dragOverrides: overrides,
@@ -28946,7 +29033,7 @@ var OffthreadVideoForRendering = ({
       toneMapped
     });
   }, [toneMapped, currentTime, src, transparent]);
-  const [imageSrc, setImageSrc] = useState17(null);
+  const [imageSrc, setImageSrc] = useState18(null);
   const { delayRender: delayRender2, continueRender: continueRender2 } = useDelayRender();
   useLayoutEffect10(() => {
     if (!window.remotion_videoEnabled) {
@@ -29135,7 +29222,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
   const { hidden } = useContext34(SequenceVisibilityToggleContext);
   const logLevel = useLogLevel();
   const mountTime = useMountTime();
-  const [timelineId] = useState18(() => String(Math.random()));
+  const [timelineId] = useState19(() => String(Math.random()));
   const isSequenceHidden = hidden[timelineId] ?? false;
   if (typeof acceptableTimeShift !== "undefined") {
     throw new Error("acceptableTimeShift has been removed. Use acceptableTimeShiftInSeconds instead.");
@@ -29201,7 +29288,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
   useImperativeHandle8(ref, () => {
     return videoRef.current;
   }, []);
-  useState18(() => playbackLogging({
+  useState19(() => playbackLogging({
     logLevel,
     message: `Mounting video with source = ${actualSrc}, v=${VERSION}, user agent=${typeof navigator === "undefined" ? "server" : navigator.userAgent}`,
     tag: "video",
@@ -30878,7 +30965,7 @@ var getAngle = (ref, coordinates) => {
 };
 var lastCoordinates = null;
 var useMousePosition = (ref) => {
-  const [angle, setAngle] = useState19(getAngle(ref.current, lastCoordinates));
+  const [angle, setAngle] = useState20(getAngle(ref.current, lastCoordinates));
   useEffect18(() => {
     const element = ref.current;
     if (!element) {
@@ -37184,7 +37271,7 @@ var Triangle2 = (props) => {
 };
 
 // src/components/prompts/PromptsSubmit.tsx
-import { useCallback as useCallback32, useEffect as useEffect45, useRef as useRef41, useState as useState45 } from "react";
+import { useCallback as useCallback32, useEffect as useEffect45, useRef as useRef41, useState as useState46 } from "react";
 
 // src/components/prompts/config.ts
 var REMOTION_PRO_ORIGIN = "https://www.remotion.pro";
@@ -39741,17 +39828,17 @@ var Page = ({ children, className, onDrop, onDragOver }) => {
 // src/components/prompts/PromptsSubmit.tsx
 import { jsx as jsx41, jsxs as jsxs9, Fragment as Fragment11 } from "react/jsx-runtime";
 var PromptsSubmitPage = () => {
-  const [title, setTitle] = useState45("");
-  const [prompt, setPrompt] = useState45("");
-  const [toolUsed, setToolUsed] = useState45("");
-  const [modelUsed, setModelUsed] = useState45("");
-  const [usernameType, setUsernameType] = useState45("github");
-  const [username, setUsername] = useState45("");
-  const [uploadState, setUploadState] = useState45({ type: "idle" });
-  const [submitStatus, setSubmitStatus] = useState45({
+  const [title, setTitle] = useState46("");
+  const [prompt, setPrompt] = useState46("");
+  const [toolUsed, setToolUsed] = useState46("");
+  const [modelUsed, setModelUsed] = useState46("");
+  const [usernameType, setUsernameType] = useState46("github");
+  const [username, setUsername] = useState46("");
+  const [uploadState, setUploadState] = useState46({ type: "idle" });
+  const [submitStatus, setSubmitStatus] = useState46({
     type: "idle"
   });
-  const [isDragging, setIsDragging] = useState45(false);
+  const [isDragging, setIsDragging] = useState46(false);
   const pollRef = useRef41(null);
   useEffect45(() => {
     return () => {