From 6320b15879bbd607d38111dd3fdd6a14118a63dc Mon Sep 17 00:00:00 2001
From: UmakanthKaspa <kaspaumakanth1999@gmail.com>
Date: Sat, 3 May 2025 16:16:19 +0000
Subject: [PATCH 1/2] feat: toggle Studio Left Panel on repeated tab clicks

---
 frontend/src/components/StudioLeftPanel.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/StudioLeftPanel.vue b/frontend/src/components/StudioLeftPanel.vue
index 53008a73..1df684b8 100644
--- a/frontend/src/components/StudioLeftPanel.vue
+++ b/frontend/src/components/StudioLeftPanel.vue
@@ -115,10 +115,12 @@ const canvasStore = useCanvasStore()
 const activeTab = computed(() => store.studioLayout.leftPanelActiveTab)
 
 const setActiveTab = (tab: LeftPanelOptions) => {
-	if (!store.studioLayout.showLeftPanel) {
+	if (store.studioLayout.leftPanelActiveTab === tab && store.studioLayout.showLeftPanel) {
+		store.studioLayout.showLeftPanel = false
+	} else {
+		store.studioLayout.leftPanelActiveTab = tab
 		store.studioLayout.showLeftPanel = true
 	}
-	store.studioLayout.leftPanelActiveTab = tab
 }
 
 // moved out of ComponentLayers for performance

From e1712779d3fe3a913e5dc95a5f46d90ee68318dc Mon Sep 17 00:00:00 2001
From: UmakanthKaspa <kaspaumakanth1999@gmail.com>
Date: Sat, 3 May 2025 16:32:51 +0000
Subject: [PATCH 2/2] feat: persist left panel state in localStorage for Studio

---
 frontend/src/components/StudioLeftPanel.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/StudioLeftPanel.vue b/frontend/src/components/StudioLeftPanel.vue
index 1df684b8..b95c07a3 100644
--- a/frontend/src/components/StudioLeftPanel.vue
+++ b/frontend/src/components/StudioLeftPanel.vue
@@ -71,7 +71,7 @@
 </template>
 
 <script setup lang="ts">
-import { watch, computed, nextTick } from "vue"
+import { watch, computed, nextTick, onMounted } from "vue"
 import { Tooltip, FeatherIcon } from "frappe-ui"
 
 import PagesPanel from "@/components/PagesPanel.vue"
@@ -117,9 +117,12 @@ const activeTab = computed(() => store.studioLayout.leftPanelActiveTab)
 const setActiveTab = (tab: LeftPanelOptions) => {
 	if (store.studioLayout.leftPanelActiveTab === tab && store.studioLayout.showLeftPanel) {
 		store.studioLayout.showLeftPanel = false
+		localStorage.setItem("studioLeftPanelVisible", "false")
 	} else {
 		store.studioLayout.leftPanelActiveTab = tab
 		store.studioLayout.showLeftPanel = true
+		localStorage.setItem("studioLeftPanelActiveTab", tab)
+		localStorage.setItem("studioLeftPanelVisible", "true")
 	}
 }
 
@@ -170,4 +173,15 @@ watch(
 	},
 	{ deep: true },
 )
+
+onMounted(() => {
+	const savedTab = localStorage.getItem("studioLeftPanelActiveTab")
+	const isVisible = localStorage.getItem("studioLeftPanelVisible") === "true"
+
+	if (savedTab) {
+		store.studioLayout.leftPanelActiveTab = savedTab as LeftPanelOptions
+		store.studioLayout.showLeftPanel = isVisible
+	}
+})
+
 </script>