From d7cac342cc1cd9c1fd547a043532db9bfffd2814 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 15 Oct 2025 08:08:39 +0000
Subject: [PATCH 1/2] Initial plan


From 74d2860a8f4f9aa4c89ab700d119097b3aca9b5a Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 15 Oct 2025 08:16:10 +0000
Subject: [PATCH 2/2] Remove unused Zustand store variables

Co-authored-by: danieleguido <1181642+danieleguido@users.noreply.github.com>
---
 src/store.ts | 32 --------------------------------
 1 file changed, 32 deletions(-)

diff --git a/src/store.ts b/src/store.ts
index a9e7081..701ee45 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -32,7 +32,6 @@ export const useWorldStore = create<{
 interface ThemeState {
   colors: Record<string, string>; // still keep raw CSS strings
   threeColors: Record<string, THREE.Color>; // THREE.Color instances
-  setColor: (name: string, value: string) => void;
   refreshFromCSS: () => void;
   getColorVec3: (name: string) => THREE.Vector3 | undefined;
 }
@@ -54,13 +53,6 @@ export const useThemeStore = create<ThemeState>((set, get) => ({
     '--accent-3d': parseColor('255,133,239'),
     '--accent-3d-time': parseColor('95,255,242'),
   },
-  setColor: (name, value) => {
-    const color = new THREE.Color(value); // convert to THREE.Color
-    set((state) => ({
-      colors: { ...state.colors, [name]: value },
-      threeColors: { ...state.threeColors, [name]: color },
-    }));
-  },
   refreshFromCSS: () => {
     const root = getComputedStyle(document.documentElement);
     const primaryRgb = root.getPropertyValue('--color-primary').trim();
@@ -99,14 +91,12 @@ export const useThemeStore = create<ThemeState>((set, get) => ({
 
 interface ModalState {
   isOpenModal: boolean;
-  toggleModal: () => void;
   openModal: () => void;
   closeModal: () => void;
 }
 
 export const useModalStore = create<ModalState>((set) => ({
   isOpenModal: false,
-  toggleModal: () => set((state) => ({ isOpenModal: !state.isOpenModal })),
   openModal: () => set({ isOpenModal: true }),
   closeModal: () => set({ isOpenModal: false }),
 }));
@@ -114,15 +104,11 @@ export const useModalStore = create<ModalState>((set) => ({
 interface SidebarState {
   isOpenSidebar: boolean;
   toggleSidebar: () => void;
-  openSidebar: () => void;
-  closeSidebar: () => void;
 }
 
 export const useSidebarStore = create<SidebarState>((set) => ({
   isOpenSidebar: false,
   toggleSidebar: () => set((state) => ({ isOpenSidebar: !state.isOpenSidebar })),
-  openSidebar: () => set({ isOpenSidebar: true }),
-  closeSidebar: () => set({ isOpenSidebar: false }),
 }));
 
 type AudioState = {
@@ -137,7 +123,6 @@ type AudioState = {
 export const useAudioStore = create<
   AudioState & {
     audioRef: React.RefObject<HTMLAudioElement> | null;
-    setAudioRef: (ref: React.RefObject<HTMLAudioElement>) => void;
   }
 >((set) => ({
   currentTime: 0,
@@ -146,40 +131,23 @@ export const useAudioStore = create<
   audioRef: null,
   setCurrentTime: (t) => set({ currentTime: t }),
   setDuration: (d) => set({ duration: d }),
-  setAudioRef: (ref) => set({ audioRef: ref }),
   setSeekTime: (t) => set({ seekTime: t }),
 }));
 
 export const localSoundScapeStore = create<{
-  t: number;
   highlightedVectors: THREE.Vector3[];
   highlightedLineIndex: number;
   lineTime: number;
-  lineTimeUpdatedByClick: boolean;
-  clickCounter: number; // NEW
-  setT: (t: number) => void;
-  setLineTime: (time: number, byClick?: boolean) => void;
   setHighlightedVectors: (
     highlightedVectors: THREE.Vector3[],
     highlightedLineIndex: number
   ) => void;
-  incrementClickCounter: () => void; // NEW
 }>((set) => ({
-  t: 0,
   highlightedVectors: [],
   highlightedLineIndex: 0,
   lineTime: 0,
-  lineTimeUpdatedByClick: false,
-  clickCounter: 0, // NEW
-  setT: (t: number) => set(() => ({ t })),
   setHighlightedVectors: (vectors: THREE.Vector3[], index: number) =>
     set({ highlightedVectors: vectors, highlightedLineIndex: index }),
-  setLineTime: (time: number) => {
-    // console.log('time | byClick', time, byClick);
-    set({ lineTime: time });
-  },
-
-  incrementClickCounter: () => set((state) => ({ clickCounter: state.clickCounter + 1 })), // NEW
 }));
 
 interface MeshState {