diff --git a/index.html b/index.html
index 34b88fe..0848d87 100644
--- a/index.html
+++ b/index.html
@@ -20,6 +20,7 @@
       align-content: center;
       flex-direction: column;
       z-index: -1;
+      /*noinspection CssUnknownTarget*/
       background: url("/spinner.gif");
       background-position: center;
       background-repeat: no-repeat;
diff --git a/src/app.ts b/src/app.ts
index bc5f904..5429952 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -15,6 +15,7 @@ import {AppConfig} from "./util/appConfig";
 import {GamepadManager} from "./controllers/gamepadManager";
 import {CustomEnvironment} from "./util/customEnvironment";
 import {Controllers} from "./controllers/controllers";
+// @ts-ignore
 import workerUrl from "./worker?worker&url";
 import {DiagramEventType} from "./diagram/diagramEntity";
 import {PeerjsNetworkConnection} from "./integration/peerjsNetworkConnection";
@@ -57,6 +58,7 @@ export class App {
         //const persistenceManager = new IndexdbPersistenceManager("diagram");
         const worker = new Worker(workerUrl, {type: 'module'});
         peerjsNetworkConnection.connectionObservable.add((peerId) => {
+            this.logger.debug('App', 'peerjs network connected', peerId);
             worker.postMessage({type: 'sync'});
         });
         const controllers = new Controllers();
@@ -131,7 +133,7 @@ export class App {
             });
             xr.baseExperience.sessionManager.onXRSessionInit.add((session) => {
                 session.addEventListener('visibilitychange', (ev) => {
-
+                    this.logger.debug(ev);
                 });
             });
 
diff --git a/src/diagram/diagramManager.ts b/src/diagram/diagramManager.ts
index 9747bc3..93b0bc7 100644
--- a/src/diagram/diagramManager.ts
+++ b/src/diagram/diagramManager.ts
@@ -38,7 +38,7 @@ export class DiagramManager {
             this.logger.warn("onDiagramEventObservable already has Observers, you should be careful");
         }
         this.toolbox.colorChangeObservable.add((evt) => {
-
+            this.logger.debug(evt);
             this.onDiagramEventObservable.notifyObservers({type: DiagramEventType.CHANGECOLOR}, 2);
         }, -1, true, this, false);
         this.onDiagramEventObservable.add(this.onDiagramEvent, 1, true, this);
diff --git a/src/information/inputTextView.ts b/src/information/inputTextView.ts
index 83df840..fe5b0b2 100644
--- a/src/information/inputTextView.ts
+++ b/src/information/inputTextView.ts
@@ -1,5 +1,5 @@
 import {MeshBuilder, Observable, Scene, Vector3, WebXRDefaultExperience} from "@babylonjs/core";
-import log from "loglevel";
+import log, {Logger} from "loglevel";
 import {AdvancedDynamicTexture, Control, InputText, VirtualKeyboard} from "@babylonjs/gui";
 import {ControllerEventType, Controllers} from "../controllers/controllers";
 import {setMenuPosition} from "../util/functions/setMenuPosition";
@@ -16,7 +16,7 @@ export class InputTextView {
     private sounds: DiaSounds;
     private readonly controllers: Controllers;
     private readonly xr: WebXRDefaultExperience;
-
+    private readonly logger: Logger = log.getLogger('InputTextView');
 
     constructor(text: string, xr: WebXRDefaultExperience, scene: Scene, controllers: Controllers) {
         this.text = text ? text : "";
@@ -70,6 +70,7 @@ export class InputTextView {
         keyboard.isEnabled = true;
         keyboard.children.forEach((key) => {
             key.onPointerEnterObservable.add((eventData, eventState) => {
+                this.logger.debug(eventData);
                 const gripId = eventState?.userInfo?.pickInfo?.gripTransform?.id;
                 if (gripId) {
                     this.controllers.controllerObserver.notifyObservers({