added modal to load from media token

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

@@ -12,18 +12,25 @@ export const ControlsTopButtons = () => {
   const [sceneName, setSceneName] = useState<string>("");
   const [sceneToken, setSceneToken] = useState<string>("");
 
+  // for testing
+  const [mediaToken, setMediaToken] = useState<string>("");
+
   const handleButtonSave = () => {
     console.log(`SceneName is ${sceneName}`);
     editorEngine?.saveScene(sceneName);
   };
 
+  const handleMediaToken = async () => {
+    await editorEngine?.test_loadMediaToken(mediaToken)
+  };
+
   const handleButtonLoadScene = () => {
     console.log(`Scene Token is ${sceneToken}`);
     editorEngine?.loadScene(sceneToken);
   };
 
   const handleButtonTest = () => {
-    editorEngine?.testStylizeRequest();
+    //editorEngine?.testStylizeRequest();
   };
 
   const handleTestButton2 = () => {
@@ -86,6 +93,26 @@ export const ControlsTopButtons = () => {
           />
         </ButtonDialogue>
 
+        <ButtonDialogue
+          buttonProps={{
+            variant: "secondary",
+            label: "Add Scene Object (Test)",
+          }}
+          confirmButtonProps={{
+            label: "Save",
+            disabled: sceneName === "",
+            onClick: handleMediaToken,
+          }}
+          title="Add Scene Object via Media Token"
+        >
+         <Input
+            label="Please Enter a Media Token"
+            onChange={(e) => {
+              setMediaToken(e.target.value);
+            }}
+            />
+        </ButtonDialogue>
+
         <ButtonDialogue
           buttonProps={{
             variant: "secondary",

app/pages/PageEnigma/js/editor.ts

@@ -451,6 +451,9 @@ class Editor {
     }
   }
 
+  public async test_loadMediaToken(media_file_token: string) {
+    // 
+  }
 
   public async saveScene(name: string) {
     // remove controls when saving scene.