Three 160, importmap only towards CDN, no more Sparc imports for Three components, kicke outdated outliner, replaced by custom simpler highliter

app/views/editors/KeyframeView.js

@@ -63,17 +63,22 @@ class KeyframeView extends WindozDomContent {
         this.outputs.btnSaveKF.disabled = true  
         this.outputs.kfName.addEventListener('keyup', this.updateKfButtons.bind(this))
         this.currentlySelectedAid = null
-        this.output('console',`
-            <div class="inner-console">
-                <div class="results">
-                    JS 3D Console. for help, type "help"
-                </div>
-                <div class="cols-2 commandline">
-                    <textarea type="text" style=""></textarea>   
-                    <button class="icon-play" data-trigger="execCommand"></button>
-                </div>      
-            </div>
-        `)
+        // this.output('console',`
+        //     <div class="inner-console">
+        //         <div class="results">
+        //             JS 3D Console. for help, type "help"
+        //         </div>
+        //         <div class="cols-2 commandline">
+        //             <textarea type="text" style="" data-output="commands"></textarea>   
+        //             <button class="icon-play" data-trigger="execCommand"></button>
+        //         </div>      
+        //     </div>
+        // `)
+
+    }
+
+    async execCommand(event){
+        console.log('cmd:', this.ouputs.caommands)
     }
 
     async onChangeAgent(event){
@@ -86,7 +91,6 @@ class KeyframeView extends WindozDomContent {
             this.currentAgentType = await this.models.agents.getProperties(this.outputs.agentsSelector.value)
             this.fillAgentProperties('', this.currentAgentType.atp_props)
             // Deselect any on-scene selection
-            this.kfArena.highlighted3DObjects.length = 0
             this.currentlySelectedAid = null
         }
     }
@@ -105,13 +109,13 @@ class KeyframeView extends WindozDomContent {
 
     onclickAgent(obj3D){
         const aid = obj3D.name
-        this.kfArena.highlighted3DObjects.length = 0 //truncate but keep the ref !
         if(this.currentlySelectedAid == aid){ // Deselect
+            this.kfArena.clearHighlight3DObj(obj3D, this.kfArena.scene)
             this.currentlySelectedAid = null
         } else { // Select
             this.currentlySelectedAid = aid
             if(this.kfArena.agents[aid]) {
-                this.kfArena.highlighted3DObjects.push(obj3D)
+                this.kfArena.highlight3DObj(obj3D, this.kfArena.scene)
                 this.fillAgentProperties(aid, this.kfArena.agents[aid].props, this.kfArena.agents[aid].values)
                 this.notUserChange = true
                 this.outputs.agentsSelector.value = this.kfArena.agents[aid].type