Merge branch 'test' into feature/asset-drawer

app/pages/PageEnigma/comps/ControlsTopButtons/ControlsTopButtons.tsx

@@ -26,7 +26,7 @@ export const ControlsTopButtons = () => {
   };
 
   const handleButtonTest = () => {
-    //editorEngine?.testStylizeRequest();
+
   };
 
   const handleTestButton2 = () => {
@@ -40,7 +40,7 @@ export const ControlsTopButtons = () => {
   //   editorEngine?.startPlayback();
   // };
   const handleButtonTakeFrame = () => {
-    editorEngine?.take_timeline_cam_clip();
+    // editorEngine?.take_timeline_cam_clip();
   };
   const handleButtonSingleFrame = () => {
     editorEngine?.generateFrame();
@@ -135,8 +135,8 @@ export const ControlsTopButtons = () => {
         </Button>
       </div>
       <div className="flex gap-2">
-        <Button onClick={handleButtonSingleFrame}>Render Single Frame</Button>
-        <Button onClick={handleButtonTakeFrame}>Take Frame</Button>
+        {/* <Button onClick={handleButtonSingleFrame}>Render Single Frame</Button>
+        <Button onClick={handleButtonTakeFrame}>Take Frame</Button> */}
         <Button
           onClick={handleButtonTest}
           className="hover:bg-brand-teriary-400 bg-brand-tertiary focus-visible:outline-brand-tertiary"

app/pages/PageEnigma/comps/ControlsVideo/ControlsVideo.tsx

@@ -16,13 +16,13 @@ export const ControlsVideo = () => {
     console.log("Controls Video: Backward-Fast clicked");
   };
   const handleBackwardStep = () => {
-    console.log("Controls Video: Backward-Step clicked");
+    editorEngine?.stepFrame(-1);
   };
   const handlePlay = () => {
     editorEngine?.startPlayback();
   };
   const handleForwardStep = () => {
-    console.log("Controls Video: Forward-Step clicked");
+    editorEngine?.stepFrame(1);
   };
   const handleForwardFast = () => {
     console.log("Controls Video: Forward-Fast clicked");

app/pages/PageEnigma/datastructures/clips/clip_ui.ts

@@ -11,6 +11,7 @@ export class ClipUI {
   object_uuid: string;
   offset: number; // in frames
   length: number; // in frames
+  should_play: boolean;
 
   constructor(
     version: number,
@@ -32,6 +33,7 @@ export class ClipUI {
     this.media_id = media_id; //  Animation / Audio / Lipsync /  : Engine
     this.offset = offset;
     this.length = length;
+    this.should_play = true;
   }
 
   toJSON(): any {