a little more of Windoz, & Keyframe view start 2

app/views/editors/KeyframeView.html

@@ -3,6 +3,27 @@
         width: 100%;
         height: 100%;
     }
+    .kf-editor{
+        grid-template-columns: 15% auto 20%;
+    }
 </style>
+<div class="kf-editor cols-3">
+    <article eiccard="">
+         <header>Agent show</header>
+        <section>agents selector</section>
+    </article>
+    <article eiccard="" data-eicui-id="d9aace9b-9e60-4cfc-ad7c-98b9693d05f3" aria-enabled="true">
+        <section>
+            Arena
+        </section>
+    </article>
+    <article eiccard="">
+         <header>Properties</header>
+        <section>Props form</section>
+    </article>
 
-<canvas data-output="kfeCanvas"></canvas>
+</div>    
+    
+
+
+<!-- <canvas data-output="kfeCanvas"></canvas> -->

app/views/editors/KeyframeView.js

@@ -16,19 +16,19 @@ class KeyframeView extends WindozDomContent {
     DOMContentBlured(options) { this.wasBlured = true }
 
     DOMContentLoaded(options) {    
-        this.windowPrefsId = `editors.keyframeview.${options.mode}`
+        this.windowPrefsId = `editors.keyframeview`
         for(let model in options.models) this[model] = options.models[model]
-        this.kfe = options.kfe
+        // this.kfe = options.kfe
         const components = ui.eicfy(this.el)       
         this.setupTriggers(components)        
         this.setupRefs(components)
-        this.renderingEngine = this.kfe.startRendering(this.outputs.kfeCanvas, options.mode)
-        this.output('settingsMenu',app.Assets.Store.html.sapceViewSetting)
+        // this.renderingEngine = this.kfe.startRendering(this.outputs.kfeCanvas, options.mode)
+        this.output('settingsMenu',app.Assets.Store.html.spaceViewSetting)
         this.outputs.settingsMenu.querySelectorAll('input[type="toggler"]').forEach(el => {  
                 const tog = new InputToggler(el)
-                if(this.kfe[tog._el.name].layers){
-                    tog.value = this.renderingEngine.camera.layers.test(this.kfe[tog._el.name].layers) ? 'yes' : 'no'
-                }
+                // if(this.kfe[tog._el.name].layers){
+                //     tog.value = this.renderingEngine.camera.layers.test(this.kfe[tog._el.name].layers) ? 'yes' : 'no'
+                // }
                 tog.onToggle = this.settingsToggle.bind(this)
         })
     }

app/views/visualisers/SpaceView.js

@@ -23,7 +23,7 @@ class SpaceView extends WindozDomContent {
         this.setupTriggers(components)        
         this.setupRefs(components)
         this.renderingEngine = this.ttb.startRendering(this.outputs.ttbCanvas, options.mode)
-        this.output('settingsMenu',app.Assets.Store.html.sapceViewSetting)
+        this.output('settingsMenu',app.Assets.Store.html.spaceViewSetting)
         this.outputs.settingsMenu.querySelectorAll('input[type="toggler"]').forEach(el => {  
                 const tog = new InputToggler(el)
                 if(this.ttb[tog._el.name].layers){