a little more of Windoz, & Keyframe view start 2

app/config/config.json

@@ -14,7 +14,7 @@
                 "dependencies" : {  "WindozPluralModel": [ "WindozModel" ] }
             }           
         ],                        
-        "masterController": "EICAppController",
+        "masterController": "WindozAppController",
         "defaultMasterTemplate": "templates/EICAppTemplate"
     },
     "logger": {

app/controllers/WindozAppController.js

@@ -1,4 +1,4 @@
-class EICAppController extends MasterController {
+class WindozAppController extends MasterController {
 
     ControllerReady() {
         // setting up session interactions
@@ -32,4 +32,4 @@ class EICAppController extends MasterController {
     }
 }
 
-app.registerClass('EICAppController', EICAppController);
+app.registerClass('WindozAppController', WindozAppController);

app/controllers/editors/EditorsController.js

@@ -35,13 +35,13 @@ class EditorsController extends WindozController {
 
 
         this.loadWindow(
-            'editors/KeyFameView', 
+            'editors/KeyframeView', 
             {
                 title: '<i class="icon-edit"></i> Keyframe edito 3D view', 
                 static: true,
-                expanded: true,
+                expanded: false,
                 withSettings: true,
-                windowStyle: WindozDomContent.boxFromPrefs('editors.keyframe', { x: 50, y:50, w:1000, h:800 }),
+                windowStyle: WindozDomContent.boxFromPrefs('editors.keyframeview', { x: 50, y:50, w:1000, h:800 }),
             },
             {
                 models: models,

app/controllers/editors/EditorsController.json

@@ -38,7 +38,7 @@
         "styles": [ 
         ],
         "html": [
-            { "id":"sapceViewSetting", "name": "sapceViewSetting.html"}
+            { "id":"spaceViewSetting", "name": "spaceViewSetting.html"}
         ],
         "json": [         
         ] 

app/controllers/live/DashboardsController.json

@@ -31,7 +31,7 @@
         "styles": [ 
         ],
         "html": [
-            { "id":"sapceViewSetting", "name": "sapceViewSetting.html"}
+            { "id":"spaceViewSetting", "name": "spaceViewSetting.html"}
         ],
         "json": [
             {"id":"arenaConfig", "name": "arena/arenaConfig1.json"},

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){