refactor: update import statements for useToggleStore to named import

app/src/components/layout/sidebarLeft/Header.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { ToggleSidebarIcon } from "../../icons/HeaderIcons";
 import { LogoIcon } from "../../icons/Logo";
 import FileMenu from "../../ui/FileMenu";
-import useToggleStore from "../../../store/useUIToggleStore";
+import {useToggleStore} from "../../../store/useUIToggleStore";
 import useModuleStore from "../../../store/useModuleStore";
 
 const Header: React.FC = () => {

app/src/components/layout/sidebarLeft/SideBarLeft.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
 import ToggleHeader from "../../ui/inputs/ToggleHeader";
 import Outline from "./Outline";
 import Header from "./Header";
-import useToggleStore from "../../../store/useUIToggleStore";
+import {useToggleStore} from "../../../store/useUIToggleStore";
 import Assets from "./Assets";
 import useModuleStore from "../../../store/useModuleStore";
 import Widgets from "./visualization/widgets/Widgets";

app/src/components/layout/sidebarRight/Header.tsx

@@ -5,7 +5,7 @@ import { ActiveUser } from "../../../types/users";
 import CollaborationPopup from "../../templates/CollaborationPopup";
 import { getAvatarColor } from "../../../modules/collaboration/functions/getAvatarColor";
 import { useSelectedUserStore } from "../../../store/useCollabStore";
-import useToggleStore from "../../../store/useUIToggleStore";
+import {useToggleStore} from "../../../store/useUIToggleStore";
 import { ToggleSidebarIcon } from "../../icons/HeaderIcons";
 import useModuleStore from "../../../store/useModuleStore";
 

app/src/components/layout/sidebarRight/SideBarRight.tsx

@@ -9,7 +9,7 @@ import {
   PropertiesIcon,
   SimulationIcon,
 } from "../../icons/SimulationIcons";
-import useToggleStore from "../../../store/useUIToggleStore";
+import {useToggleStore} from "../../../store/useUIToggleStore";
 import Visualization from "./visualization/Visualization";
 import Analysis from "./analysis/Analysis";
 import Simulations from "./simulation/Simulations";

app/src/components/layout/sidebarRight/simulation/Simulations.tsx

@@ -28,7 +28,7 @@ import {
   useSaveVersion,
 } from "../../../../store/builder/store";
 import CompareLayOut from "../../../ui/compareVersion/CompareLayOut";
-import useToggleStore from "../../../../store/useUIToggleStore";
+import {useToggleStore} from "../../../../store/useUIToggleStore";
 
 interface Event {
   modelName: string;

app/src/components/ui/ModuleToggle.tsx

@@ -6,7 +6,7 @@ import {
   SimulationIcon,
   VisualizationIcon,
 } from "../icons/ExportModuleIcons";
-import useToggleStore from "../../store/useUIToggleStore";
+import {useToggleStore} from "../../store/useUIToggleStore";
 import useVersionHistoryStore from "../../store/builder/store";
 
 const ModuleToggle: React.FC = () => {

app/src/components/ui/Tools.tsx

@@ -32,7 +32,7 @@ import {
   useActiveSubTool,
   useShortcutStore,
 } from "../../store/builder/store";
-import useToggleStore from "../../store/useUIToggleStore";
+import {useToggleStore} from "../../store/useUIToggleStore";
 import {
   use3DWidget,
   useFloatingWidget,

app/src/pages/Project.tsx

@@ -34,7 +34,7 @@ import Footer from "../components/footer/Footer";
 import SelectFloorPlan from "../components/temporary/SelectFloorPlan";
 import ControlsPlayer from "../components/layout/controls/ControlsPlayer";
 import CompareLayOut from "../components/ui/compareVersion/CompareLayOut";
-import useToggleStore from "../store/useUIToggleStore";
+import {useToggleStore} from "../store/useUIToggleStore";
 import RegularDropDown from "../components/ui/inputs/RegularDropDown";
 import VersionSaved from "../components/layout/sidebarRight/versionHisory/VersionSaved";
 import SimulationPlayer from "../components/ui/simulation/simulationPlayer";

app/src/store/useUIToggleStore.ts

@@ -6,7 +6,7 @@ interface ToggleState {
   setToggleUI: (value1: boolean, value2: boolean) => void;
 }
 
-const useToggleStore = create<ToggleState>((set) => ({
+export const useToggleStore = create<ToggleState>((set) => ({
   toggleUILeft: true,
   toggleUIRight: false,
   setToggleUI: (value1: boolean, value2: boolean) => {
@@ -14,4 +14,13 @@ const useToggleStore = create<ToggleState>((set) => ({
   },
 }));
 
-export default useToggleStore;
+interface PlayerState {
+  hidePlayer: boolean;
+  setHidePlayer: (hide: boolean) => void;
+}
+
+// Create the Zustand store
+export const usePlayerStore = create<PlayerState>((set) => ({
+  hidePlayer: false, // initial state
+  setHidePlayer: (hide) => set({ hidePlayer: hide }), // state updater
+}));

app/src/utils/shortcutkeys/handleShortcutKeys.ts

@@ -1,6 +1,6 @@
 import React, { useEffect } from "react";
 import useModuleStore, { useThreeDStore } from "../../store/useModuleStore";
-import useToggleStore from "../../store/useUIToggleStore";
+import {useToggleStore} from "../../store/useUIToggleStore";
 import {
   useActiveSubTool,
   useActiveTool,
@@ -17,6 +17,7 @@ import useCameraModeStore, {
 } from "../../store/usePlayButtonStore";
 import { detectModifierKeys } from "./detectModifierKeys";
 import { useSelectedZoneStore } from "../../store/visualization/useZoneStore";
+import { useLogger } from "../../components/ui/log/LoggerContext";
 
 const KeyPressListener: React.FC = () => {
   const { activeModule, setActiveModule } = useModuleStore();
@@ -34,6 +35,8 @@ const KeyPressListener: React.FC = () => {
   const { showShortcuts, setShowShortcuts } = useShortcutStore();
   const { setWalkMode } = useCameraModeStore();
   const { setIsVersionSaved } = useSaveVersion();
+  const { isLogListVisible, setIsLogListVisible } = useLogger();
+
 
   const isTextInput = (element: Element | null): boolean =>
     element instanceof HTMLInputElement ||
@@ -175,6 +178,10 @@ const KeyPressListener: React.FC = () => {
       setIsPlaying(true);
     }
 
+    if (keyCombination === "L") {
+      setIsLogListVisible(!isLogListVisible);
+    }
+
     if (keyCombination === "ESCAPE") {
       setWalkMode(false);
       setActiveTool("cursor");
@@ -210,6 +217,7 @@ const KeyPressListener: React.FC = () => {
     toggleView,
     showShortcuts,
     isPlaying,
+    isLogListVisible
   ]);
 
   return null;