3d widget api added and template frontend and backend completed

app/src/store/useTemplateStore.ts

@@ -1,7 +1,5 @@
 import { create } from "zustand";
 
-// type Side = "top" | "bottom" | "left" | "right";
-
 export interface Widget {
   id: string;
   type: string;
@@ -15,21 +13,34 @@ export interface Template {
   name: string;
   panelOrder: string[];
   widgets: Widget[];
-  snapshot?: string | null; // Add an optional image property (base64)
+  floatingWidget: any[]; // Fixed empty array type
+  widgets3D: any[]; // Fixed empty array type
+  snapshot?: string | null;
 }
 
 interface TemplateStore {
   templates: Template[];
   addTemplate: (template: Template) => void;
+  setTemplates: (templates: Template[]) => void; // Changed from `setTemplate`
   removeTemplate: (id: string) => void;
 }
 
 export const useTemplateStore = create<TemplateStore>((set) => ({
   templates: [],
+  
+  // Add a new template to the list
   addTemplate: (template) =>
     set((state) => ({
       templates: [...state.templates, template],
     })),
+
+  // Set (replace) the templates list with a new array
+  setTemplates: (templates) =>
+    set(() => ({
+      templates, // Ensures no duplication
+    })),
+
+  // Remove a template by ID
   removeTemplate: (id) =>
     set((state) => ({
       templates: state.templates.filter((t) => t.id !== id),
@@ -37,3 +48,4 @@ export const useTemplateStore = create<TemplateStore>((set) => ({
 }));
 
 export default useTemplateStore;
+