feat: Enhance vehicle simulation with draggable path points and interactive controls

app/src/store/builder/store.ts

@@ -5,7 +5,12 @@ import * as CONSTANTS from "../../types/world/worldConstants";
 
 export const useSocketStore = create<any>((set: any, get: any) => ({
   socket: null,
-  initializeSocket: (email?: string, organization?: string, token?: string) => {
+  initializeSocket: (
+    email?: string,
+    organization?: string,
+    token?: string,
+    refreshToken?: string
+  ) => {
     const existingSocket = get().socket;
     if (existingSocket) {
       return;
@@ -15,7 +20,7 @@ export const useSocketStore = create<any>((set: any, get: any) => ({
       `http://${process.env.REACT_APP_SERVER_SOCKET_API_BASE_URL}/Builder_v1`,
       {
         reconnection: true,
-        auth: { token },
+        auth: { token, refreshToken },
       }
     );
 
@@ -23,7 +28,7 @@ export const useSocketStore = create<any>((set: any, get: any) => ({
       `http://${process.env.REACT_APP_SERVER_SOCKET_API_BASE_URL}/Visualization_v1`,
       {
         reconnection: true,
-        auth: { token },
+        auth: { token, refreshToken },
       }
     );
 
@@ -31,21 +36,21 @@ export const useSocketStore = create<any>((set: any, get: any) => ({
       `http://${process.env.REACT_APP_SERVER_SOCKET_API_BASE_URL}/dashboard`,
       {
         reconnection: true,
-        auth: { token },
+        auth: { token, refreshToken },
       }
     );
     const projectSocket = io(
       `http://${process.env.REACT_APP_SERVER_SOCKET_API_BASE_URL}/project`,
       {
         reconnection: true,
-        auth: { token },
+        auth: { token, refreshToken },
       }
     );
     const threadSocket = io(
       `http://${process.env.REACT_APP_SERVER_SOCKET_API_BASE_URL}/thread`,
       {
         reconnection: true,
-        auth: { token },
+        auth: { token, refreshToken },
       }
     );
 
@@ -724,3 +729,7 @@ export const useSelectedComment = create<any>((set: any) => ({
   commentPositionState: null,
   setCommentPositionState: (x: any) => set({ commentPositionState: x }),
 }));
+export const useSelectedPath = create<any>((set: any) => ({
+  selectedPath: "",
+  setSelectedPath: (x: any) => set({ selectedPath: x }),
+}));